hmrOnDestroy(store) {
   const cmpLocation = this.appRef.components.map(cmp => cmp.location.nativeElement);
   this.store.first().subscribe(s => store.rootState = s);
   store.disposeOldHosts = createNewHosts(cmpLocation);
   store.restoreInputValues  = createInputTransfer();
   removeNgStyles();
 }

 onClickOperation(value: any) {
   let actionType: any;
   switch (value) {
     case 'C':   actionType = ActionTypes.CLEAN; break;
     case '+/-': actionType = ActionTypes.CHANGE_SIGN; break;
     case '%': actionType = ActionTypes.PERCENT; break;
     default: break;
   }
   this.store.dispatch(this.calculatorActions.inputOperation(actionType));
 }

 onClickOperator(operator: any) {
   let actionType: any;
   switch (operator) {
     case 'รท': actionType = ActionTypes.DIVIDE; break;
     case 'x': actionType = ActionTypes.MULTIPLY; break;
     case '-': actionType = ActionTypes.SUBSTRACT; break;
     case '+': actionType = ActionTypes.SUM; break;
     default: break;
   }
   this.store.dispatch(this.calculatorActions.inputOperator(actionType));
 }

  hmrOnInit(store) {
    console.log('[BASE] Restoring State...');
    if (!store || !store.rootState) return;
    if (store.rootState) {
      this.store.dispatch(
        { type: 'SET_ROOT_STATE', payload: store.rootState }
      );
    }

    if ('restoreInputValues' in store) { store.restoreInputValues(); }
    this.appRef.tick();
    Object.keys(store).forEach(prop => delete store[prop]);
  }

 onClickResult() {
   this.store.dispatch(this.calculatorActions.result());
 }

 onClickDecimal() {
   this.store.dispatch(this.calculatorActions.inputDecimal());
 }

 onClickNumber(value: any) {
   this.store.dispatch(this.calculatorActions.inputNumber(value));
 }