[{"__symbolic":"module","version":3,"metadata":{"Toggle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"toggle","template":"\n \n
\n
\n
{{active}}
\n
{{inactive}}
\n
\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n ","styles":[".center{left:50%;position:absolute;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.toggle{box-sizing:content-box;display:inline-block;padding:.5em;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[override] .disabled .text-toggle{background-color:rgba(0,0,0,0.2)}[override] .disabled .text-toggle.active,[override] .disabled .text-toggle.inactive{background-color:rgba(0,0,0,0.2)}[override] .disabled .ios-toggle{background-color:rgba(0,0,0,0.2)}[override] .disabled .ios-toggle.active,[override] .disabled .ios-toggle.inactive{background-color:rgba(0,0,0,0.2)}.text-toggle{background-color:#ddd;border-radius:.2em;box-sizing:content-box;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);color:#fff;cursor:pointer;height:2em;overflow:hidden;position:relative;width:6em}.text-toggle .text{box-sizing:content-box;position:absolute;text-align:center;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);width:49%}.text-toggle .text.active{left:0}.text-toggle .text.inactive{right:0}.text-toggle.active{background-color:#4caf50}.text-toggle.inactive{background-color:#f44336}.text-toggle .toggle-knob{background-color:#fff;border-radius:.18em;bottom:0;left:0;position:absolute;top:0;width:50%}.image-toggle{cursor:pointer;height:2em;width:2em;overflow:hidden}.image-toggle .toggle-img{max-height:100%;max-width:100%}.icon-toggle{cursor:pointer;height:2em;overflow:hidden;position:relative;width:2em}.icon-toggle .toggle-icon{border:0.15em solid rgba(0,0,0,0.2);height:100%;position:relative;width:100%}.icon-toggle .bg{border:none;border-radius:100%;font-size:.8em}.icon-toggle .bg:hover{background-color:rgba(0,0,0,0.54)}.icon-toggle .bg:active{background-color:rgba(0,0,0,0.87)}.icon-toggle .bg.active{background-color:rgba(0,0,0,0.2)}.icon-toggle .bg.active:hover{background-color:rgba(0,0,0,0.54)}.icon-toggle .bg.active:active{background-color:rgba(0,0,0,0.87)}.icon-toggle .circle{border-radius:100%}.icon-toggle .square{border-radius:.2em}.icon-toggle .icon{color:#f44336;font-size:150%;left:50%;margin:auto;position:absolute;text-align:center;top:50%;-ms-transform:translate(-50%, -40%);transform:translate(-50%, -40%)}.icon-toggle .icon.active{color:#4caf50}.ios-toggle{background-color:#fff;border-radius:2em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);cursor:pointer;height:1em;margin:1em;position:relative;width:3em;transition:background-color 200ms}.ios-toggle .toggle-knob{background-color:#fff;border-radius:2em;bottom:0;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);height:2em;left:0;position:absolute;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:2em;transition:left 200ms, right 200ms}.ios-toggle.active{background-color:#4caf50}.ios-toggle.inactive{background-color:#f44336}\n "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggleBg",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["on",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"background-color":"#23CE6B","$quoted$":["background-color"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"background-color":"#F64740","$quoted$":["background-color"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["On",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"background-color":"#23CE6B","$quoted$":["background-color"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["Off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"background-color":"#F64740","$quoted$":["background-color"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["disabled",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"background-color":"#DCDCDC","$quoted$":["background-color"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms ease-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["textToggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["on",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"50%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"0%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["On",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"50%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["Off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"0%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["on <=> off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms ease-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["iosToggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["on",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"100%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["On",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"100%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["Off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["on <=> off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms ease-out"]}]}]]}]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"inactive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"view":[{"__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"}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"colorYes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"primaryYes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"colorNo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"primaryNo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"sknob":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["iosToggle"]}]}],"tknob":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["textToggle"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"changeState":[{"__symbolic":"method"}],"initElements":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"Toggle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"toggle","template":"\n \n
\n
\n
{{active}}
\n
{{inactive}}
\n
\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n ","styles":[".center{left:50%;position:absolute;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.toggle{box-sizing:content-box;display:inline-block;padding:.5em;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[override] .disabled .text-toggle{background-color:rgba(0,0,0,0.2)}[override] .disabled .text-toggle.active,[override] .disabled .text-toggle.inactive{background-color:rgba(0,0,0,0.2)}[override] .disabled .ios-toggle{background-color:rgba(0,0,0,0.2)}[override] .disabled .ios-toggle.active,[override] .disabled .ios-toggle.inactive{background-color:rgba(0,0,0,0.2)}.text-toggle{background-color:#ddd;border-radius:.2em;box-sizing:content-box;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);color:#fff;cursor:pointer;height:2em;overflow:hidden;position:relative;width:6em}.text-toggle .text{box-sizing:content-box;position:absolute;text-align:center;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);width:49%}.text-toggle .text.active{left:0}.text-toggle .text.inactive{right:0}.text-toggle.active{background-color:#4caf50}.text-toggle.inactive{background-color:#f44336}.text-toggle .toggle-knob{background-color:#fff;border-radius:.18em;bottom:0;left:0;position:absolute;top:0;width:50%}.image-toggle{cursor:pointer;height:2em;width:2em;overflow:hidden}.image-toggle .toggle-img{max-height:100%;max-width:100%}.icon-toggle{cursor:pointer;height:2em;overflow:hidden;position:relative;width:2em}.icon-toggle .toggle-icon{border:0.15em solid rgba(0,0,0,0.2);height:100%;position:relative;width:100%}.icon-toggle .bg{border:none;border-radius:100%;font-size:.8em}.icon-toggle .bg:hover{background-color:rgba(0,0,0,0.54)}.icon-toggle .bg:active{background-color:rgba(0,0,0,0.87)}.icon-toggle .bg.active{background-color:rgba(0,0,0,0.2)}.icon-toggle .bg.active:hover{background-color:rgba(0,0,0,0.54)}.icon-toggle .bg.active:active{background-color:rgba(0,0,0,0.87)}.icon-toggle .circle{border-radius:100%}.icon-toggle .square{border-radius:.2em}.icon-toggle .icon{color:#f44336;font-size:150%;left:50%;margin:auto;position:absolute;text-align:center;top:50%;-ms-transform:translate(-50%, -40%);transform:translate(-50%, -40%)}.icon-toggle .icon.active{color:#4caf50}.ios-toggle{background-color:#fff;border-radius:2em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);cursor:pointer;height:1em;margin:1em;position:relative;width:3em;transition:background-color 200ms}.ios-toggle .toggle-knob{background-color:#fff;border-radius:2em;bottom:0;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);height:2em;left:0;position:absolute;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:2em;transition:left 200ms, right 200ms}.ios-toggle.active{background-color:#4caf50}.ios-toggle.inactive{background-color:#f44336}\n "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggleBg",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["on",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"background-color":"#23CE6B"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"background-color":"#F64740"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["On",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"background-color":"#23CE6B"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["Off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"background-color":"#F64740"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["disabled",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"background-color":"#DCDCDC"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms ease-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["textToggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["on",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"50%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"0%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["On",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"50%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["Off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"0%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["on <=> off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms ease-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["iosToggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["on",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"100%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["On",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"100%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["Off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"left":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["on <=> off",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms ease-out"]}]}]]}]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"inactive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"view":[{"__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"}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"colorYes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"primaryYes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"colorNo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"primaryNo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"sknob":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["iosToggle"]}]}],"tknob":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["textToggle"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"changeState":[{"__symbolic":"method"}],"initElements":[{"__symbolic":"method"}]}}}}]