[{"__symbolic":"module","version":3,"metadata":{"VirtualKeyboard":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"keyboard-display","styles":[".virtual-keyboard{position:fixed;z-index:9999}.virtual-keyboard.standard{left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.topbar{cursor:-webkit-grab;cursor:grab;padding:.25em .5em .5em .5em;text-align:right}.topbar:active{cursor:-webkit-grabbing;cursor:grabbing}.close{cursor:pointer;display:inline-block}.close:hover{color:rgba(0,0,0,0.54)}.keyboard{background-color:#fff;border-radius:.2em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);font-size:1.2em;margin:.5em;padding:.25em;text-align:center;z-index:9999}@media screen and (max-width: 720px){.keyboard{font-size:1.5em}}.keyboard.simple{box-shadow:none}.keyboard.left{left:0;position:fixed;top:30%}.keyboard.right{position:fixed;right:0;top:30%}.keyboard .row{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.key{background-color:#fff;border-radius:.2em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);cursor:pointer;font-size:1em;height:2.2em;margin:.25em;padding:.5em 1em}.key.normal{padding:.5em .75em;width:2.5em}.key:hover{background-color:rgba(0,0,0,0.2)}.key:active{box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2)}.key.active{background-color:#4caf50;color:#fff}\n  "],"template":"<!--\n  @Author: Alex Sorafumo <Yuion>\n  @Date:   28/10/2016 11:24 AM\n  @Email:  alex@yuion.net\n  @Filename: virtual-keyboard.template.html\n  @Last modified by:   Yuion\n  @Last modified time: 15/12/2016 11:32 AM\n  -->\n  \n  <div #main [class]=\"'virtual-keyboard ' + layout\" [style.top]=\"top\" [style.left]=\"left\">\n      <div class=\"keyboard standard\" [@keyboard]=\"active?'show':'hide'\" *ngIf=\"layout==='standard'\">\n          <div class=\"topbar\" (panmove)=\"moveKeyboard($event);\"><div class=\"close\" (tap)=\"close()\">&#x2573;</div></div>\n          <div class=\"keyboard simple\">\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys[!is_shift?'normal':'shift'][0]\" (tap)=\"addChar(s)\">{{s}}</div>\n                  <div class=\"key\" *ngIf=\"type!=='NUMPAD'\" (tap)=\"backspace()\">Bksp</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys[!is_shift?'normal':'shift'][1]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys[!is_shift?'normal':'shift'][2]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key\" *ngIf=\"type!=='NUMPAD'\" [class.active]=\"is_caps\" (tap)=\"caps()\">Caps</div>\n                  <div class=\"key normal\" *ngFor=\"let s of keys[!is_shift?'normal':'shift'][3]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key\" *ngIf=\"type!=='NUMPAD'\" [class.active]=\"is_shift\" (tap)=\"shift()\">Shift</div>\n                  <div class=\"key\" *ngIf=\"type!=='NUMPAD'\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Space&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>\n                  <div class=\"key\" *ngIf=\"type==='NUMPAD'\" (tap)=\"backspace()\">Bksp</div>\n                  <div class=\"key\" *ngIf=\"type==='NUMPAD'\" (tap)=\"clear()\">Clear</div>\n              </div>\n          </div>\n      </div>\n      <div class=\"split\" *ngIf=\"layout==='split'\">\n          <div class=\"keyboard left\" [@keyboardleft]=\"active?'show':'hide'\" *ngIf=\"keys&&keys['left']\">\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['left'][!is_shift?'normal':'shift'][0]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['left'][!is_shift?'normal':'shift'][1]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['left'][!is_shift?'normal':'shift'][2]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key\" [class.active]=\"is_caps\" (tap)=\"caps()\">Caps</div>\n                  <div class=\"key normal\" *ngFor=\"let s of keys['left'][!is_shift?'normal':'shift'][3]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key\" [class.active]=\"is_shift\" (tap)=\"shift()\">Shift</div>\n                  <div class=\"key\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Space&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>\n              </div>\n          </div>\n          <div class=\"keyboard right\" [@keyboardright]=\"active?'show':'hide'\" *ngIf=\"keys&&keys['right']\">\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['right'][!is_shift?'normal':'shift'][0]\" (tap)=\"addChar(s)\">{{s}}</div>\n                  <div class=\"key\" (tap)=\"backspace()\">Bksp</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['right'][!is_shift?'normal':'shift'][1]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['right'][!is_shift?'normal':'shift'][2]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['right'][!is_shift?'normal':'shift'][3]\" (tap)=\"addChar(s)\">{{s}}</div>\n                  <div class=\"key\" [class.active]=\"is_caps\" (tap)=\"caps()\">Caps</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Space&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>\n                  <div class=\"key\" [class.active]=\"is_shift\" (tap)=\"shift()\">Shift</div>\n              </div>\n          </div>\n      </div>\n  </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["keyboard",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"0","transform":"scale(0.5)","display":"none"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"1","transform":"scale(1.0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["show <=> hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-in"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["keyboardleft",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"0","left":"-100%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"1","left":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["show <=> hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-in"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["keyboardright",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"0","right":"-100%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"1","right":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["show <=> hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-in"]}]}]]}]}]}],"members":{"model":[{"__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"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"activeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"keyboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["main"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"addChar":[{"__symbolic":"method"}],"backspace":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"caps":[{"__symbolic":"method"}],"shift":[{"__symbolic":"method"}],"moveKeyboard":[{"__symbolic":"method"}],"loadLayout":[{"__symbolic":"method"}],"loadKeys":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"VirtualKeyboard":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"keyboard-display","styles":[".virtual-keyboard{position:fixed;z-index:9999}.virtual-keyboard.standard{left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.topbar{cursor:-webkit-grab;cursor:grab;padding:.25em .5em .5em .5em;text-align:right}.topbar:active{cursor:-webkit-grabbing;cursor:grabbing}.close{cursor:pointer;display:inline-block}.close:hover{color:rgba(0,0,0,0.54)}.keyboard{background-color:#fff;border-radius:.2em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);font-size:1.2em;margin:.5em;padding:.25em;text-align:center;z-index:9999}@media screen and (max-width: 720px){.keyboard{font-size:1.5em}}.keyboard.simple{box-shadow:none}.keyboard.left{left:0;position:fixed;top:30%}.keyboard.right{position:fixed;right:0;top:30%}.keyboard .row{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.key{background-color:#fff;border-radius:.2em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);cursor:pointer;font-size:1em;height:2.2em;margin:.25em;padding:.5em 1em}.key.normal{padding:.5em .75em;width:2.5em}.key:hover{background-color:rgba(0,0,0,0.2)}.key:active{box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2)}.key.active{background-color:#4caf50;color:#fff}\n  "],"template":"<!--\n  @Author: Alex Sorafumo <Yuion>\n  @Date:   28/10/2016 11:24 AM\n  @Email:  alex@yuion.net\n  @Filename: virtual-keyboard.template.html\n  @Last modified by:   Yuion\n  @Last modified time: 15/12/2016 11:32 AM\n  -->\n  \n  <div #main [class]=\"'virtual-keyboard ' + layout\" [style.top]=\"top\" [style.left]=\"left\">\n      <div class=\"keyboard standard\" [@keyboard]=\"active?'show':'hide'\" *ngIf=\"layout==='standard'\">\n          <div class=\"topbar\" (panmove)=\"moveKeyboard($event);\"><div class=\"close\" (tap)=\"close()\">&#x2573;</div></div>\n          <div class=\"keyboard simple\">\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys[!is_shift?'normal':'shift'][0]\" (tap)=\"addChar(s)\">{{s}}</div>\n                  <div class=\"key\" *ngIf=\"type!=='NUMPAD'\" (tap)=\"backspace()\">Bksp</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys[!is_shift?'normal':'shift'][1]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys[!is_shift?'normal':'shift'][2]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key\" *ngIf=\"type!=='NUMPAD'\" [class.active]=\"is_caps\" (tap)=\"caps()\">Caps</div>\n                  <div class=\"key normal\" *ngFor=\"let s of keys[!is_shift?'normal':'shift'][3]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key\" *ngIf=\"type!=='NUMPAD'\" [class.active]=\"is_shift\" (tap)=\"shift()\">Shift</div>\n                  <div class=\"key\" *ngIf=\"type!=='NUMPAD'\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Space&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>\n                  <div class=\"key\" *ngIf=\"type==='NUMPAD'\" (tap)=\"backspace()\">Bksp</div>\n                  <div class=\"key\" *ngIf=\"type==='NUMPAD'\" (tap)=\"clear()\">Clear</div>\n              </div>\n          </div>\n      </div>\n      <div class=\"split\" *ngIf=\"layout==='split'\">\n          <div class=\"keyboard left\" [@keyboardleft]=\"active?'show':'hide'\" *ngIf=\"keys&&keys['left']\">\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['left'][!is_shift?'normal':'shift'][0]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['left'][!is_shift?'normal':'shift'][1]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['left'][!is_shift?'normal':'shift'][2]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key\" [class.active]=\"is_caps\" (tap)=\"caps()\">Caps</div>\n                  <div class=\"key normal\" *ngFor=\"let s of keys['left'][!is_shift?'normal':'shift'][3]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key\" [class.active]=\"is_shift\" (tap)=\"shift()\">Shift</div>\n                  <div class=\"key\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Space&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>\n              </div>\n          </div>\n          <div class=\"keyboard right\" [@keyboardright]=\"active?'show':'hide'\" *ngIf=\"keys&&keys['right']\">\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['right'][!is_shift?'normal':'shift'][0]\" (tap)=\"addChar(s)\">{{s}}</div>\n                  <div class=\"key\" (tap)=\"backspace()\">Bksp</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['right'][!is_shift?'normal':'shift'][1]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['right'][!is_shift?'normal':'shift'][2]\" (tap)=\"addChar(s)\">{{s}}</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key normal\" *ngFor=\"let s of keys['right'][!is_shift?'normal':'shift'][3]\" (tap)=\"addChar(s)\">{{s}}</div>\n                  <div class=\"key\" [class.active]=\"is_caps\" (tap)=\"caps()\">Caps</div>\n              </div>\n              <div class=\"row\">\n                  <div class=\"key\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Space&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>\n                  <div class=\"key\" [class.active]=\"is_shift\" (tap)=\"shift()\">Shift</div>\n              </div>\n          </div>\n      </div>\n  </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["keyboard",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"0","transform":"scale(0.5)","display":"none"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"1","transform":"scale(1.0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["show <=> hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-in"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["keyboardleft",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"0","left":"-100%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"1","left":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["show <=> hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-in"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["keyboardright",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"0","right":"-100%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":"1","right":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["show <=> hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.25s ease-in"]}]}]]}]}]}],"members":{"model":[{"__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"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"activeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"keyboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["main"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"addChar":[{"__symbolic":"method"}],"backspace":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"caps":[{"__symbolic":"method"}],"shift":[{"__symbolic":"method"}],"moveKeyboard":[{"__symbolic":"method"}],"loadLayout":[{"__symbolic":"method"}],"loadKeys":[{"__symbolic":"method"}]}}}}]