[{"__symbolic":"module","version":3,"metadata":{"NavButton":{"__symbolic":"interface"},"NavButtonBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nav-button-bar","styles":["\n    .row {\n      width: 100%;\n    }\n\n    .btn-group {\n      display: flex;\n      flex-flow: row wrap;\n      width: 100%;\n    }\n\n    .btn-group>.btn-box {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .btn-box>.btn-box-content {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .btn-box-content>ion-icon {\n      font-size: 2.5em;\n    }\n\n    .btn-box-content>.btn-text {\n      width: 100%;\n      bottom: 1vmin;\n      text-align: center;\n      color: black;\n      font-size: 0.8em;\n    }\n\n    .notify-bar{\n      display: -webkit-flex;\n      display: flex;\n      flex-flow: row;\n      width: 100%;\n      margin-top: 10px;\n      margin-bottom: 10px;\n      overflow-x: scroll;\n      overflow-y: hidden;\n    }\n\n    .notify-bar > .notify-bar-box{\n      display: -webkit-flex;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      border-right:1px solid #F2F3F5;\n      text-align: center;\n    }\n\n    .notify-bar > .notify-bar-box:last-child{\n      border-right: none;\n    }\n\n    .notify-bar-box > button{\n      color: black;\n      font-size: 2em;\n      border-radius: 15px;\n    }\n  "],"template":"\n  <div class=\"row\">\n    <div *ngIf=\"type === 'icon'\" class=\"btn-group\">\n      <a [ngStyle]=\"boxStyle\" class=\"btn-box\" *ngFor=\"let item of items\" (click)=\"onClick(item)\">\n        <div class=\"btn-box-content\" [ngStyle]=\"contentStyle\">\n          <ion-icon name=\"{{item.icon}}\" [style.color]=\"item.iconColor\"></ion-icon>\n          <div class=\"btn-text\">{{item.label}}</div>\n        </div>\n        <div class=\"button-effect\"></div>\n      </a>\n    </div>\n\n    <div *ngIf=\"type === 'number'\" class=\"notify-bar\">\n      <div *ngFor=\"let item of items\" class=\"notify-bar-box\" [ngStyle]=\"boxStyle\">\n        <button ion-button [ngStyle]=\"contentStyle\" color=\"light\" outline (click)=\"onClick(item)\">{{item.number}}</button>\n        <label>{{item.label}}</label>\n      </div>\n    </div>\n  </div>\n  "}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"ionic-angular","name":"ViewController"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"calculate":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NavButton":{"__symbolic":"interface"},"NavButtonBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nav-button-bar","styles":["\n    .row {\n      width: 100%;\n    }\n\n    .btn-group {\n      display: flex;\n      flex-flow: row wrap;\n      width: 100%;\n    }\n\n    .btn-group>.btn-box {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .btn-box>.btn-box-content {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .btn-box-content>ion-icon {\n      font-size: 2.5em;\n    }\n\n    .btn-box-content>.btn-text {\n      width: 100%;\n      bottom: 1vmin;\n      text-align: center;\n      color: black;\n      font-size: 0.8em;\n    }\n\n    .notify-bar{\n      display: -webkit-flex;\n      display: flex;\n      flex-flow: row;\n      width: 100%;\n      margin-top: 10px;\n      margin-bottom: 10px;\n      overflow-x: scroll;\n      overflow-y: hidden;\n    }\n\n    .notify-bar > .notify-bar-box{\n      display: -webkit-flex;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      border-right:1px solid #F2F3F5;\n      text-align: center;\n    }\n\n    .notify-bar > .notify-bar-box:last-child{\n      border-right: none;\n    }\n\n    .notify-bar-box > button{\n      color: black;\n      font-size: 2em;\n      border-radius: 15px;\n    }\n  "],"template":"\n  <div class=\"row\">\n    <div *ngIf=\"type === 'icon'\" class=\"btn-group\">\n      <a [ngStyle]=\"boxStyle\" class=\"btn-box\" *ngFor=\"let item of items\" (click)=\"onClick(item)\">\n        <div class=\"btn-box-content\" [ngStyle]=\"contentStyle\">\n          <ion-icon name=\"{{item.icon}}\" [style.color]=\"item.iconColor\"></ion-icon>\n          <div class=\"btn-text\">{{item.label}}</div>\n        </div>\n        <div class=\"button-effect\"></div>\n      </a>\n    </div>\n\n    <div *ngIf=\"type === 'number'\" class=\"notify-bar\">\n      <div *ngFor=\"let item of items\" class=\"notify-bar-box\" [ngStyle]=\"boxStyle\">\n        <button ion-button [ngStyle]=\"contentStyle\" color=\"light\" outline (click)=\"onClick(item)\">{{item.number}}</button>\n        <label>{{item.label}}</label>\n      </div>\n    </div>\n  </div>\n  "}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"ionic-angular","name":"ViewController"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"calculate":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}}}}]