(self["webpackChunkapp"] = self["webpackChunkapp"] || []).push([["src_app_pages_tabs_main_main_module_ts"],{

/***/ 97770:
/*!********************************************************!*\
  !*** ./src/app/pages/tabs/main/main-routing.module.ts ***!
  \********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   MainPageRoutingModule: () => (/* binding */ MainPageRoutingModule)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ 24398);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ 37580);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ 95072);
/* harmony import */ var _main_page__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./main.page */ 83900);
/*
 * Copyright (c) 2022. Группа компаний "СТЕК". Все права защищены. Разработчик: Чуриков Антон Алексеевич
 */




const routes = [{
  path: '',
  component: _main_page__WEBPACK_IMPORTED_MODULE_0__.MainPage
}, {
  path: 'notifications',
  loadChildren: () => __webpack_require__.e(/*! import() */ "src_app_pages_tabs_main_notifications_notifications_module_ts").then(__webpack_require__.bind(__webpack_require__, /*! ./notifications/notifications.module */ 31583)).then(m => m.NotificationsPageModule)
}, {
  path: 'bind-ls',
  loadChildren: () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./bind-ls/bind-ls.module */ 45491)).then(m => m.BindLsPageModule)
}, {
  path: 'readings/add',
  loadChildren: () => Promise.all(/*! import() */[__webpack_require__.e("default-src_app_pages_tabs_readings_add_add_module_ts"), __webpack_require__.e("common")]).then(__webpack_require__.bind(__webpack_require__, /*! ../readings/add/add.module */ 44851)).then(m => m.AddPageModule)
}, {
  path: 'readings/info',
  loadChildren: () => Promise.all(/*! import() */[__webpack_require__.e("common"), __webpack_require__.e("src_app_pages_tabs_readings_info_info_module_ts")]).then(__webpack_require__.bind(__webpack_require__, /*! ../readings/info/info.module */ 86581)).then(m => m.InfoPageModule)
}, {
  path: 'readings/info/add',
  loadChildren: () => Promise.all(/*! import() */[__webpack_require__.e("default-src_app_pages_tabs_readings_add_add_module_ts"), __webpack_require__.e("common")]).then(__webpack_require__.bind(__webpack_require__, /*! ../readings/add/add.module */ 44851)).then(m => m.AddPageModule)
}];
let MainPageRoutingModule = class MainPageRoutingModule {};
MainPageRoutingModule = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.NgModule)({
  imports: [_angular_router__WEBPACK_IMPORTED_MODULE_3__.RouterModule.forChild(routes)],
  exports: [_angular_router__WEBPACK_IMPORTED_MODULE_3__.RouterModule]
})], MainPageRoutingModule);


/***/ }),

/***/ 23635:
/*!************************************************!*\
  !*** ./src/app/pages/tabs/main/main.module.ts ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   MainPageModule: () => (/* binding */ MainPageModule)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! tslib */ 24398);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/core */ 37580);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/common */ 60316);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/forms */ 34456);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ionic/angular */ 21507);
/* harmony import */ var _main_routing_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./main-routing.module */ 97770);
/* harmony import */ var _main_page__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./main.page */ 83900);
/* harmony import */ var swiper_angular__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! swiper/angular */ 72443);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @ngx-translate/core */ 597);
/* harmony import */ var _awesome_cordova_plugins_taptic_engine_ngx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @awesome-cordova-plugins/taptic-engine/ngx */ 8287);
/* harmony import */ var _pipes_active_ls_active_ls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../pipes/active-ls/active-ls */ 61863);
/* harmony import */ var _pipes_counter_number_counter_number__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../pipes/counter-number/counter-number */ 72281);
/* harmony import */ var _pipes_address_address__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../pipes/address/address */ 35403);
/*
 * Copyright (c) 2022. Группа компаний "СТЕК". Все права защищены. Разработчик: Чуриков Антон Алексеевич
 */













let MainPageModule = class MainPageModule {};
MainPageModule = (0,tslib__WEBPACK_IMPORTED_MODULE_6__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_7__.NgModule)({
  imports: [_angular_common__WEBPACK_IMPORTED_MODULE_8__.CommonModule, _angular_forms__WEBPACK_IMPORTED_MODULE_9__.FormsModule, _ionic_angular__WEBPACK_IMPORTED_MODULE_10__.IonicModule, _main_routing_module__WEBPACK_IMPORTED_MODULE_0__.MainPageRoutingModule, swiper_angular__WEBPACK_IMPORTED_MODULE_11__.SwiperModule, _ngx_translate_core__WEBPACK_IMPORTED_MODULE_12__.TranslateModule, _pipes_active_ls_active_ls__WEBPACK_IMPORTED_MODULE_3__.ActiveLsPipe, _pipes_counter_number_counter_number__WEBPACK_IMPORTED_MODULE_4__.CounterNumberPipe, _pipes_address_address__WEBPACK_IMPORTED_MODULE_5__.AddressPipe],
  declarations: [_main_page__WEBPACK_IMPORTED_MODULE_1__.MainPage],
  providers: [_awesome_cordova_plugins_taptic_engine_ngx__WEBPACK_IMPORTED_MODULE_2__.TapticEngine]
})], MainPageModule);


/***/ }),

/***/ 83900:
/*!**********************************************!*\
  !*** ./src/app/pages/tabs/main/main.page.ts ***!
  \**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   MainPage: () => (/* binding */ MainPage)
/* harmony export */ });
/* harmony import */ var D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js */ 89204);
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! tslib */ 24398);
/* harmony import */ var _main_page_html_ngResource__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./main.page.html?ngResource */ 58148);
/* harmony import */ var _main_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./main.page.scss?ngResource */ 18442);
/* harmony import */ var _main_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_main_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @angular/core */ 37580);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @angular/router */ 95072);
/* harmony import */ var _capacitor_preferences__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @capacitor/preferences */ 46493);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @ionic/angular */ 21507);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @ionic/angular */ 4059);
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! rxjs */ 75797);
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! rxjs */ 59452);
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! rxjs/operators */ 51567);
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! rxjs/operators */ 61318);
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! rxjs/operators */ 89475);
/* harmony import */ var _environments_storage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../environments/storage */ 12960);
/* harmony import */ var _services_app_theme_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../services/app-theme.service */ 43017);
/* harmony import */ var _services_helper_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../services/helper.service */ 54102);
/* harmony import */ var _services_in_app_auth_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../services/in-app-auth.service */ 70604);
/* harmony import */ var _services_modal_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../services/modal.service */ 5455);
/* harmony import */ var _services_push_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../services/push.service */ 62802);
/* harmony import */ var _services_request_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../services/request.service */ 80931);
/* harmony import */ var _services_status_bar_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../services/status-bar.service */ 48080);
/* harmony import */ var _bind_ls_bind_ls_page__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./bind-ls/bind-ls.page */ 88316);
/* harmony import */ var _ls_info_ls_info_page__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./ls-info/ls-info.page */ 27124);
/* harmony import */ var _awesome_cordova_plugins_taptic_engine_ngx__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @awesome-cordova-plugins/taptic-engine/ngx */ 8287);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @ionic/angular */ 3920);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @ngx-translate/core */ 597);
/* harmony import */ var swiper__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! swiper */ 36705);

/*
 * Copyright (c) 2022. Группа компаний "СТЕК". Все права защищены. Разработчик: Чуриков Антон Алексеевич
 */























swiper__WEBPACK_IMPORTED_MODULE_15__["default"].use([swiper__WEBPACK_IMPORTED_MODULE_15__.Pagination, _ionic_angular__WEBPACK_IMPORTED_MODULE_16__.IonicSlides]);
let MainPage = class MainPage {
  constructor(router, routerOutlet, statusBar, inAppAuthService, request, platform, appTheme, iaas, modalService, helper, activeRoute, push, cdr, taptic, alertCtrl, translate, injector) {
    this.router = router;
    this.routerOutlet = routerOutlet;
    this.statusBar = statusBar;
    this.inAppAuthService = inAppAuthService;
    this.request = request;
    this.platform = platform;
    this.appTheme = appTheme;
    this.iaas = iaas;
    this.modalService = modalService;
    this.helper = helper;
    this.activeRoute = activeRoute;
    this.push = push;
    this.cdr = cdr;
    this.taptic = taptic;
    this.alertCtrl = alertCtrl;
    this.translate = translate;
    this.injector = injector;
    this.slidesCountersOptions = {
      slideClass: 'custom-swiper-slide',
      scrollbar: false,
      initialSlide: 0,
      // Начальное положение слайдера
      centeredSlides: true,
      // Разрешает центрировать слайд не всегда с левой стороны
      centeredSlidesBounds: true,
      // Центрирование слайда по центру (Требуется свойство 'centeredSlides' = true)
      spaceBetween: 16,
      // Дополнительное расстояние между слайдами
      slidesPerView: 'auto',
      // Количество слайдов которое должно помещаться на экран одновременно
      watchSlidesProgress: true,
      // Переключение пагинации во время перелистывания (еще до того как пользователь отпустит палец)
      resizeObserver: true,
      observer: true,
      // Отслеживание изменений
      observeParents: true,
      // Отслеживание изменений родительских элементов
      observeSlideChildren: true,
      // Отслеживание изменений родительских элементов
      updateOnWindowResize: true,
      centerInsufficientSlides: false,
      slideToClickedSlide: true,
      autoHeight: false,
      resistanceRatio: 0.65
    };
    this.slidesHeadOptions = {
      initialSlide: Object.values(this.request.bindings.value).indexOf(this.request.bindings.value[this.request.activeLs.value]),
      // Начальное положение слайдера
      // initialSlide: 0, // Начальное положение слайдера
      spaceBetween: 24,
      // Дополнительное расстояние между слайдами
      resizeObserver: true,
      observer: false,
      // Отслеживание изменений
      observeParents: false,
      // Отслеживание изменений родительских элементов
      autoHeight: true,
      // Авто изменение высоты под текущий активный слайд
      resistanceRatio: 0.65
    };
    this.loading$ = (0,_angular_core__WEBPACK_IMPORTED_MODULE_17__.signal)(false);
    this.init = true;
    this.needToUpdateBindings = true;
    this.lsModalClose = true;
    this.requests = [];
    this.refresher = null;
    this.newLs = true;
    this.countCountersTransferred = {};
    this.slidesLs = new rxjs__WEBPACK_IMPORTED_MODULE_18__.BehaviorSubject(null);
    this.slidesCounters = new rxjs__WEBPACK_IMPORTED_MODULE_18__.BehaviorSubject(null);
    this.needToUpdateBindings = this.activeRoute.snapshot.queryParamMap.get("needToUpdateBindings") === "true" ?? true;
  }
  setSwiperLSInstance(swiper) {
    this.slidesLs.next(swiper);
    this.slidesLs.complete();
  }
  setSwiperCountersInstance(swiper) {
    this.slidesCounters.next(swiper);
  }
  transitionStart() {
    this.cdr.detach();
  }
  transitionEnd() {
    this.cdr.reattach();
    this.cdr.detectChanges();
  }
  ngOnInit() {
    this.subscribeOnLoading();
    if (this.request.inited.value) {
      this.mainInit();
    } else {
      this.request.inited.subscribe(inited => {
        if (inited) {
          this.mainInit();
        }
      });
    }
    this.request.bindings.subscribe(value => {
      try {
        if (this.slidesLs.value !== null) {
          this.slidesLs.value.update();
        } else {
          this.slidesLs.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_19__.filter)(slide => slide !== null)).subscribe(() => {
            this.slidesLs.value.update();
          });
        }
      } catch (e) {
        console.error(e);
      }
    });
  }
  mainInit() {
    if (!Object.values(this.request.bindings.value)[0] || Object.values(this.request.bindings.value)[0].number == this.request.activeLs.value) {
      const sendRequest = () => {
        this.timerLoad = setTimeout(() => {
          this.loading$.set(true);
        }, 250);
        this.loadData(this.needToUpdateBindings).finally(() => {
          clearTimeout(this.timerLoad);
          this.loading$.set(false);
          this.init = false;
          this.needToUpdateBindings = false;
        });
      };
      if (!this.iaas.isPin.value) {
        const subscriber = this.iaas.isPin.subscribe(value => {
          if (value) {
            subscriber.unsubscribe();
            sendRequest();
          } else if (value === null) {
            subscriber.unsubscribe();
          }
        });
      } else {
        sendRequest();
      }
    }
    this.request.counters.subscribe(value => {
      this.countCountersTransferred[this.request.activeLs.value] = 0;
      if (value[this.request.activeLs.value]) {
        value[this.request.activeLs.value].forEach(counter => {
          if (!counter.readonly) {
            this.countCountersTransferred[this.request.activeLs.value]++;
          }
        });
      }
    });
  }
  goToInfoPage(_counter) {
    var _this = this;
    return (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
      let route = '/tabs/main/readings/add';
      if (_counter.asd) {
        route = '/tabs/main/readings/info';
      }
      yield _this.router.navigate([route], {
        queryParams: {
          counter: JSON.stringify(_counter),
          ls: JSON.stringify(_this.request.activeLs.value),
          asd: !!_counter.asd
        }
      });
    })();
  }
  ionViewDidEnter() {
    if (Object.keys(this.modalService.openedModels).length === 0) {
      this.statusBar.styleLight();
    } else {
      if (this.modalService.openedModels[this.modalService.openedModalsGetLastId()].type === "card") {
        this.statusBar.styleLight();
      } else {
        this.statusBar.styleDefault();
      }
    }
    const modal = this.activeRoute.snapshot.queryParamMap.get("modal");
    if (modal === "LsInfoPage") {
      this.openLsSettings().catch(() => {});
    }
    if (this.request.lsInfo.value[this.request.activeLs.value] == null && this.request.bindings.value != null) {
      const slideTo = Object.values(this.request.bindings.value).indexOf(this.request.bindings.value[this.request.activeLs.value]);
      if (this.request.activeLs.value) {
        this.newLs = false;
        this.slidesLs.value.update();
        this.slidesLs.value.slideTo(slideTo);
      }
      if (slideTo == 0 && !this.init) {
        this.needToUpdateBindings = true;
        this.mainInit();
      }
    } else if (Object.keys(this.request.bindings.value).length == 0 || Object.keys(this.request.lsInfo.value).length == 0 || Object.keys(this.request.counters.value).length == 0 || Object.keys(this.request.balances.value).length == 0) {
      this.mainInit();
    }
  }
  ionViewWillLeave() {
    this.statusBar.styleDefault();
  }
  slidesLsLoaded() {
    const activeLsSubscribe = () => {
      this.push.sub();
      this.request.activeLs.subscribe(activeLs => {
        const slideTo = Object.values(this.request.bindings.value).indexOf(this.request.bindings.value[activeLs]);
        if (activeLs) {
          this.newLs = false;
          this.slidesLs.value.update();
          this.slidesLs.value.slideTo(slideTo, 300);
        }
      });
    };
    const activeLsInited = () => {
      if (this.request.inited.value) {
        activeLsSubscribe();
      } else {
        let sub = this.request.inited.subscribe(inited => {
          if (inited) {
            activeLsSubscribe();
            sub.unsubscribe();
          }
        });
      }
    };
    if (this.slidesLs.value !== null) {
      activeLsInited();
    } else {
      let sub = this.slidesLs.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_19__.filter)(slide => slide !== null)).subscribe(() => {
        activeLsInited();
        sub.unsubscribe();
      });
    }
  }
  slidesLsChange() {
    var _this2 = this;
    return (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (updateActiveLs = false) {
      _this2.taptic.impact({
        style: "medium"
      }).catch(() => {});
      const sendRequest = /*#__PURE__*/function () {
        var _ref = (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
          if (Object.values(_this2.request.bindings.value)[_this2.slidesLs.value.activeIndex]) {
            _this2.newLs = false;
            if (updateActiveLs) {
              _this2.request.setActiveLS(Object.values(_this2.request.bindings.value)[_this2.slidesLs.value.activeIndex].number).then(() => {
                _this2.loading$.set(true);
                _this2.loadData(_this2.needToUpdateBindings).finally(() => {
                  _this2.loading$.set(false);
                  _this2.init = false;
                  _this2.needToUpdateBindings = false;
                });
              });
            } else {
              _this2.loading$.set(true);
              _this2.loadData(_this2.needToUpdateBindings).finally(() => {
                _this2.loading$.set(false);
                _this2.init = false;
                _this2.needToUpdateBindings = false;
              });
            }
          } else {
            _this2.newLs = true;
            // Прекращаем выполнение предыдущих запросов
            _this2.requests.forEach(request => {
              request.unsubscribe();
            });
            _this2.requests = [];
            _this2.loading$.set(false);
            if (_this2.refresher) {
              _this2.refresher.complete();
              _this2.refresher = null;
            }
          }
        });
        return function sendRequest() {
          return _ref.apply(this, arguments);
        };
      }();
      const slidesLsInited = () => {
        if (!_this2.iaas.isPin.value) {
          const subscriber = _this2.iaas.isPin.subscribe(/*#__PURE__*/function () {
            var _ref2 = (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (value) {
              if (value) {
                subscriber.unsubscribe();
                yield sendRequest();
              } else if (value === null) {
                _this2.iaas.isPin.unsubscribe();
              }
            });
            return function (_x) {
              return _ref2.apply(this, arguments);
            };
          }());
        } else {
          sendRequest();
        }
      };
      if (_this2.slidesLs.value !== null) {
        slidesLsInited();
      } else {
        const sub = _this2.slidesLs.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_19__.filter)(slide => slide !== null)).subscribe(() => {
          slidesLsInited();
          sub.unsubscribe();
        });
      }
    }).apply(this, arguments);
  }
  loadData(refresher) {
    var _this3 = this;
    return new Promise(/*#__PURE__*/function () {
      var _ref3 = (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (resolve) {
        // Прекращаем выполнение предыдущих запросов
        _this3.requests.forEach(request => {
          request.unsubscribe();
        });
        _this3.requests = [];
        if (_this3.refresher) {
          _this3.refresher.complete();
          _this3.refresher = null;
        }
        if (_this3.init) {
          Object.values(_this3.request.bindings.value).forEach(dataLs => {
            _this3.request.getStorageWithLS(_environments_storage__WEBPACK_IMPORTED_MODULE_4__.LS_DATA, _this3.request.lsInfo, dataLs.number).then(data => {
              _capacitor_preferences__WEBPACK_IMPORTED_MODULE_3__.Preferences.get({
                key: _environments_storage__WEBPACK_IMPORTED_MODULE_4__.LS_DATA
              }).then(data => {});
            });
          });
        }
        yield _this3.request.getStorageWithLS(_environments_storage__WEBPACK_IMPORTED_MODULE_4__.COUNTERS, _this3.request.counters).then(() => {});
        yield _this3.request.getStorageWithLS(_environments_storage__WEBPACK_IMPORTED_MODULE_4__.BALANCES, _this3.request.balances).then(() => {});
        // Выполняем запрос
        const requestBindings = _this3.request.getRequest(_this3.request.uri.bindingsGet(), {
          preloader: false,
          forceUpdateCache: refresher,
          onlyCacheOrRequest: true
        }).pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_20__.catchError)(error => {
          resolve(true);
          return error;
        }), (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_21__.finalize)(() => {
          if (!_this3.request.activeLs.value) {
            resolve(true);
          }
        })).subscribe(/*#__PURE__*/function () {
          var _ref4 = (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (result) {
            // Вызываем функцию коллбэк
            yield _this3.request.loadBindingsCallback(result);
            const loadAppealAndSurvey = _this3.loadAppealAndSurvey(refresher);
            if (_this3.request.activeLs.value) {
              _this3.request.loadingCounters.next(true);
              const loadLsInfo = _this3.loadLsInfo(refresher);
              const loadCounters = _this3.loadCounters(refresher);
              const loadNotificationsNoReadCount = _this3.loadNotificationsNoReadCount(refresher);
              const loadBalance = _this3.loadBalance(refresher);
              Promise.all([loadLsInfo, loadCounters, loadAppealAndSurvey, loadNotificationsNoReadCount, loadBalance]).then(() => {
                _this3.slidesLs.value.update();
                _this3.cdr.detectChanges();
                resolve(true);
              }).catch(() => {
                resolve(false);
              });
              //Загрузка данных без привязки ЛС
            } else {
              loadAppealAndSurvey.then(() => {
                _this3.cdr.detectChanges();
                resolve(true);
              }).catch(() => {
                resolve(false);
              });
            }
          });
          return function (_x3) {
            return _ref4.apply(this, arguments);
          };
        }());
        // Запоминаем выполняемые запросы (это нужно для того,
        // чтобы при повторном вызове отменить предыдущие запросы, если они еще выполняются)
        _this3.requests.push(requestBindings);
      });
      return function (_x2) {
        return _ref3.apply(this, arguments);
      };
    }());
  }
  loadLsInfo(refresher) {
    return new Promise(resolve => {
      const request = this.request.getRequest(this.request.uri.lsInfoGet(), {
        preloader: false,
        forceUpdateCache: refresher,
        onlyCacheOrRequest: true
      }).pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_20__.catchError)(() => {
        return (0,rxjs__WEBPACK_IMPORTED_MODULE_22__.of)(null);
      })).subscribe(response => {
        this.request.loadLsInfoCallback(response).then(() => resolve(true)).catch(() => resolve(false));
      });
      // Запоминаем выполняемые запросы (это нужно для того,
      // чтобы при повторном вызове отменить предыдущие запросы, если они еще выполняются)
      this.requests.push(request);
    });
  }
  loadCounters(refresher) {
    return new Promise(resolve => {
      this.request.loadingCounters.next(true);
      const request = this.request.getRequest(this.request.uri.countersGet(), {
        preloader: false,
        forceUpdateCache: refresher,
        onlyCacheOrRequest: true
      }).pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_20__.catchError)(() => {
        return (0,rxjs__WEBPACK_IMPORTED_MODULE_22__.of)(null);
      })).subscribe(response => {
        this.request.loadCountersCallback(response).then(() => resolve(true)).catch(() => resolve(false));
      });
      // Запоминаем выполняемые запросы (это нужно для того,
      // чтобы при повторном вызове отменить предыдущие запросы, если они еще выполняются)
      this.requests.push(request);
    });
  }
  loadAppealAndSurvey(refresher) {
    return new Promise(resolve => {
      const request = this.request.getRequest(this.request.uri.appealsSurveysUnreadCountGet(), {
        preloader: false,
        forceUpdateCache: refresher,
        onlyCacheOrRequest: true
      }).pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_20__.catchError)(() => {
        return (0,rxjs__WEBPACK_IMPORTED_MODULE_22__.of)(null);
      })).subscribe(response => {
        this.request.accountLsSurveysAndAppealsCallback(response).then(() => resolve(true)).catch(() => resolve(false));
      });
      // Запоминаем выполняемые запросы (это нужно для того,
      // чтобы при повторном вызове отменить предыдущие запросы, если они еще выполняются)
      this.requests.push(request);
    });
  }
  loadNotificationsNoReadCount(refresher) {
    return new Promise(resolve => {
      const request = this.request.getRequest(this.request.uri.notificationsNoReadCountGet(), {
        preloader: false,
        forceUpdateCache: refresher,
        onlyCacheOrRequest: true
      }).pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_20__.catchError)(() => {
        return (0,rxjs__WEBPACK_IMPORTED_MODULE_22__.of)(null);
      })).subscribe(response => {
        this.request.loadNotificationsNoReadCountCallback(response).then(() => resolve(true)).catch(() => resolve(false));
      });
      // Запоминаем выполняемые запросы (это нужно для того,
      // чтобы при повторном вызове отменить предыдущие запросы, если они еще выполняются)
      this.requests.push(request);
      resolve(true);
    });
  }
  loadBalance(refresher) {
    return new Promise(resolve => {
      const request = this.request.getRequest(this.request.uri.balanceGet(), {
        preloader: false,
        forceUpdateCache: refresher,
        onlyCacheOrRequest: true
      }).pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_20__.catchError)(() => {
        return (0,rxjs__WEBPACK_IMPORTED_MODULE_22__.of)(null);
      })).subscribe(response => {
        this.request.loadBalanceCallback(response).then(() => resolve(true)).catch(() => resolve(false));
      });
      // Запоминаем выполняемые запросы (это нужно для того,
      // чтобы при повторном вызове отменить предыдущие запросы, если они еще выполняются)
      this.requests.push(request);
    });
  }
  doRefresh(_event) {
    this.loadData(_event.target).finally(() => {
      this.refresher = null;
      _event.target.complete();
    });
    this.refresher = _event.target;
  }
  openLsSettings() {
    var _this4 = this;
    return (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
      yield _this4.modalService.openModal({
        component: _ls_info_ls_info_page__WEBPACK_IMPORTED_MODULE_13__.LsInfoPage,
        presentingElement: _this4.routerOutlet.nativeEl,
        type: "card",
        canDismiss: true
      });
    })();
  }
  openNotificationsPage() {
    var _this5 = this;
    return (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
      yield _this5.router.navigate(["/tabs/main/notifications"]);
    })();
  }
  openBindLsPage() {
    var _this6 = this;
    return (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
      yield _this6.modalService.openModal({
        component: _bind_ls_bind_ls_page__WEBPACK_IMPORTED_MODULE_12__.BindLsPage
      }).then(modal => {
        modal.onDidDismiss().then(data => {
          if (data.data.result) {
            _this6.slidesLs.value.slideTo(Object.values(_this6.request.bindings.value).indexOf(_this6.request.bindings.value[_this6.request.activeLs.value]));
            _this6.timerLoad = setTimeout(() => {
              _this6.loading$.set(true);
            }, 250);
            _this6.loadData(true).finally(() => {
              clearTimeout(_this6.timerLoad);
              _this6.loading$.set(false);
            });
          }
        });
      });
    })();
  }
  openPaymentPage() {
    var _this7 = this;
    return (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
      yield _this7.router.navigate(["/tabs/payment"]);
    })();
  }
  openPaymentsHistoryPage() {
    var _this8 = this;
    return (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
      yield _this8.openPaymentPage();
      setTimeout(/*#__PURE__*/(0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
        yield _this8.router.navigate(["/tabs/payment/history-and-kvit"], {
          queryParams: {
            type: "payments"
          }
        });
      }), 100);
    })();
  }
  openReceiptsPage() {
    var _this9 = this;
    return (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
      yield _this9.openPaymentPage();
      setTimeout(/*#__PURE__*/(0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
        yield _this9.router.navigate(["/tabs/payment/history-and-kvit"], {
          queryParams: {
            type: "receipts"
          }
        });
      }), 100);
    })();
  }
  openApplicationFormsModal() {
    var _this0 = this;
    return (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
      yield _this0.router.navigate(["/tabs/appeals"]);
      setTimeout(/*#__PURE__*/(0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
        yield _this0.router.navigate(["/tabs/appeals/applications-form"], {
          queryParams: {
            type: "receipts"
          }
        });
      }), 100);
    })();
  }
  object() {
    return Object;
  }
  subscribeOnLoading() {
    (0,_angular_core__WEBPACK_IMPORTED_MODULE_17__.effect)(() => {
      if (this.loading$()) {
        this.timerLoad = setTimeout(() => {
          // @ts-ignore
          document.querySelector(".update-data").style.height = "22px";
          // @ts-ignore
          document.querySelector(".update-data").style.marginTop = "16px";
          // @ts-ignore
          document.querySelector(".update-data").style.opacity = "1";
        }, 250);
      } else {
        clearTimeout(this.timerLoad);
        // без setTimeout не работает анимация, не знаю почему
        setTimeout(() => {
          // @ts-ignore
          document.querySelector(".update-data").style.height = "0px";
          // @ts-ignore
          document.querySelector(".update-data").style.marginTop = "0px";
          // @ts-ignore
          document.querySelector(".update-data").style.opacity = "0";
        }, 0);
      }
    }, {
      injector: this.injector
    });
  }
  static {
    this.ctorParameters = () => [{
      type: _angular_router__WEBPACK_IMPORTED_MODULE_23__.Router
    }, {
      type: _ionic_angular__WEBPACK_IMPORTED_MODULE_24__.IonRouterOutlet
    }, {
      type: _services_status_bar_service__WEBPACK_IMPORTED_MODULE_11__.StatusBarService
    }, {
      type: _services_in_app_auth_service__WEBPACK_IMPORTED_MODULE_7__.InAppAuthService
    }, {
      type: _services_request_service__WEBPACK_IMPORTED_MODULE_10__.RequestService
    }, {
      type: _ionic_angular__WEBPACK_IMPORTED_MODULE_25__.Platform
    }, {
      type: _services_app_theme_service__WEBPACK_IMPORTED_MODULE_5__.AppThemeService
    }, {
      type: _services_in_app_auth_service__WEBPACK_IMPORTED_MODULE_7__.InAppAuthService
    }, {
      type: _services_modal_service__WEBPACK_IMPORTED_MODULE_8__.ModalService
    }, {
      type: _services_helper_service__WEBPACK_IMPORTED_MODULE_6__.HelperService
    }, {
      type: _angular_router__WEBPACK_IMPORTED_MODULE_23__.ActivatedRoute
    }, {
      type: _services_push_service__WEBPACK_IMPORTED_MODULE_9__.PushService
    }, {
      type: _angular_core__WEBPACK_IMPORTED_MODULE_17__.ChangeDetectorRef
    }, {
      type: _awesome_cordova_plugins_taptic_engine_ngx__WEBPACK_IMPORTED_MODULE_14__.TapticEngine
    }, {
      type: _ionic_angular__WEBPACK_IMPORTED_MODULE_24__.AlertController
    }, {
      type: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_26__.TranslateService
    }, {
      type: _angular_core__WEBPACK_IMPORTED_MODULE_17__.Injector
    }];
  }
};
MainPage = (0,tslib__WEBPACK_IMPORTED_MODULE_27__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_17__.Component)({
  selector: "app-main",
  template: _main_page_html_ngResource__WEBPACK_IMPORTED_MODULE_1__,
  styles: [(_main_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2___default())]
})], MainPage);


/***/ }),

/***/ 18442:
/*!***********************************************************!*\
  !*** ./src/app/pages/tabs/main/main.page.scss?ngResource ***!
  \***********************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

// Imports
var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ 53142);
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ 35950);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, `@charset "UTF-8";
/*!
 * Copyright (c) 2022. Группа компаний "СТЕК". Все права защищены. Разработчик: Чуриков Антон Алексеевич
 */
:host {
  --ion-text-color: var(--custom-color-white);
  --spinner-color: var(--custom-color-white);
}

.refresher-ios .refresher-pulling-icon,
.refresher-ios .refresher-refreshing-icon {
  color: var(--custom-color-white);
}

.refresher-native ion-spinner {
  color: var(--custom-color-white) !important;
}

ion-header ion-buttons:last-child ion-button:last-child {
  padding-right: 0;
}
ion-header ion-buttons:last-child ion-button:last-child:before {
  content: "";
  left: -24px;
  top: -4px;
  right: -24px;
  bottom: -4px;
  position: absolute;
}
ion-header ion-buttons:last-child ion-button:last-child:hover, ion-header ion-buttons:last-child ion-button:last-child:active {
  opacity: 0.5 !important;
}
ion-header .icon svg {
  fill: var(--custom-color-white);
}
ion-header .icon svg circle {
  fill: var(--ion-color-warning);
}
ion-header ion-button {
  opacity: 1 !important;
  cursor: auto !important;
}
ion-header ion-button .el-anim-tap:after {
  content: "";
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
}
ion-header ion-button .el-anim-tap:active {
  opacity: 0.5;
}
ion-header ion-button .el-anim-tap:active ~ ion-icon {
  opacity: 0.5;
}
ion-header .swiper {
  width: 100%;
  overflow: visible;
  padding: 0 0 20px 0;
  --bullet-background: var(--custom-color-white) !important;
  --bullet-background-active: var(--ion-color-success) !important;
  --swiper-pagination-bullet-inactive-color: var(--custom-color-white);
  --swiper-pagination-color: var(--ion-color-success);
  color: var(--custom-color-white);
}
ion-header .swiper .swiper-slide {
  height: auto !important;
}
ion-header .swiper .custom-swiper-slide {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
ion-header .swiper .custom-swiper-slide .base-code {
  padding: 0 20px;
}
ion-header .swiper .custom-swiper-slide .base-code ion-chip {
  color: #ffffff;
  background-color: rgba(var(--ion-color-primary-rgb), 0.5);
  border-width: 2px;
  width: 100%;
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
}
ion-header .swiper .custom-swiper-slide .ls {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0 20px;
}
ion-header .swiper .custom-swiper-slide .ls-address {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  text-align: left;
  overflow: hidden;
}
ion-header .swiper .custom-swiper-slide .ls-address .address {
  padding: 10px 20px;
}

ion-toolbar {
  --background: transparent;
}
ion-toolbar .title {
  color: var(--custom-color-white);
  display: flex;
  white-space: pre-line;
  text-align: left;
  font-size: 24px;
  padding-right: 24px;
  margin-right: 24px;
}
ion-toolbar .title .title-wrap {
  display: inline;
}
ion-toolbar .title .title-wrap .text-wrap {
  white-space: pre-line;
  display: inline;
}
ion-toolbar .title ion-icon {
  margin: 0 0 0 8px;
  color: var(--custom-color-white);
  min-width: 24px;
  width: 24px;
  flex-grow: 1;
}
ion-toolbar .title ion-buttons ion-icon {
  margin: 0 0 0 10px;
}
ion-toolbar ion-title {
  padding-left: 14px;
  padding-right: 8px;
}
ion-toolbar ion-button {
  color: var(--custom-color-white);
}
ion-toolbar ion-button ion-icon {
  color: var(--custom-color-white);
}
ion-toolbar ion-button .noReadNotificationIcon {
  width: 7px;
  height: 7px;
  border-radius: 7px;
  display: block;
  background: var(--ion-color-warning);
  position: absolute;
  top: 6px;
  right: 2.5px;
  box-sizing: content-box;
}
ion-toolbar .active-ls {
  color: var(--custom-color-white);
  height: auto;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: -20px !important;
  opacity: 1;
}

.swiper-pagination-bullet {
  opacity: 1 !important;
}

ion-content {
  --background: transparent;
}
ion-content ion-refresher {
  z-index: -1;
}
ion-content .update-data {
  display: flex;
  color: var(--font-color-primary);
  font-size: 16px;
  z-index: 1;
  justify-content: center;
  align-items: center;
  transition: 0.25s;
  margin: 16px 24px 0 24px;
  height: 22px;
  opacity: 1;
}
ion-content .update-data ion-spinner {
  margin-right: 10px;
  color: var(--spinner-custom-color);
  width: 22px;
  height: 22px;
}
ion-content ion-toolbar {
  --background: transparent;
}
ion-content:after {
  content: "";
  position: absolute;
  display: block;
  bottom: calc(-50px + var(--ion-safe-area-bottom));
  left: 0;
  right: 0;
  height: 60%;
  background: var(--ion-background-color);
  z-index: -1;
}
ion-content .swiper {
  width: 100%;
  overflow: visible;
  padding: 0 24px 0 24px;
  --bullet-background: var(--base-color-border-input) !important;
  --bullet-background-active: var(--ion-color-primary) !important;
  --swiper-pagination-bullet-inactive-color: var(--custom-color-white);
  --swiper-pagination-color: var(--ion-color-success);
  margin-top: 16px;
}
ion-content .swiper .swiper-slide {
  height: auto !important;
  margin-top: 12px;
}
ion-content .swiper ion-card {
  width: 200px;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
ion-content .swiper ion-card ion-card-header ion-card-title {
  display: flex;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  align-items: center;
  justify-content: space-between;
}
ion-content .swiper ion-card ion-card-header ion-card-title .asd {
  width: 49px;
  height: 16px;
  margin-right: 8px;
  background-color: var(--background);
  border-radius: 8px;
  text-align: center;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  color: var(--font-color-secondary);
}
ion-content .swiper ion-card ion-card-header ion-card-title ion-icon {
  width: 16px;
  height: 16px;
  color: var(--ion-color-success);
}
ion-content .swiper ion-card ion-card-header ion-card-subtitle {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  color: var(--font-color-secondary);
}
ion-content .swiper ion-card .reading-button {
  padding: 0 !important;
}
ion-content .swiper ion-card .reading-button ion-item {
  --inner-border-width: 0.55px 0 0 0;
}
ion-content .swiper ion-card .reading-button ion-item ion-button {
  margin-top: 0;
}
ion-content .swiper ion-card .reading-button ion-item ion-button div {
  color: var(--ion-color-primary-contrast);
  background-color: var(--ion-color-primary-lighten-1);
  border: var(--ion-color-primary);
  border-radius: 24px;
  font-size: 12px;
  line-height: 15px;
  margin-right: 10px;
  padding: 5px;
  text-align: center;
}
ion-content ion-card ion-card-header {
  padding-bottom: 6px;
}
ion-content ion-card ion-card-header ion-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
ion-content ion-card ion-card-header ion-card-title ion-icon {
  width: 24px;
  height: 24px;
  color: var(--ion-color-success);
}
ion-content ion-card ion-card-content ion-item-group {
  padding-bottom: 8px;
  margin: 0 -16px -24px -16px;
}
ion-content ion-card ion-card-content ion-item-group ion-item {
  padding: 0 16px;
}
ion-content ion-card ion-card-content ion-item-group ion-item:last-child {
  --inner-border-width: 0;
}
ion-content ion-card ion-card-content ion-item-group ion-item .ion-item {
  gap: 8px;
}
ion-content ion-card ion-card-content ion-item-group ion-item .ion-item div {
  flex-grow: 1;
}
ion-content ion-card ion-card-content .btns {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
ion-content ion-card ion-card-content .btns .payment {
  flex-grow: 1;
  margin-top: 24px;
}
ion-content ion-card ion-card-content .btns .share-btn {
  --background: var(--ion-color-primary-lighten-3);
}
ion-content .appeal {
  box-shadow: none;
  --background: var(--color-primary-lighten-4-or-dark);
  border-radius: 16px;
}
ion-content .appeal ion-card-header {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
ion-content .appeal ion-card-header div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
ion-content .appeal ion-card-header .icon {
  margin: 0;
  border-radius: 24px;
  width: 48px;
  height: 48px;
  background: var(--color-white-or-primary-lighten-4);
}
ion-content .ion-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
ion-content .container {
  padding: 0 0 calc(var(--ion-safe-area-bottom) + 50px) 0;
  height: auto;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 0;
  flex-grow: 1 !important;
}
ion-content .content-page {
  background: transparent;
  border-radius: 16px 16px 0 0;
  position: relative;
  max-width: 100%;
  padding-right: calc((100vw - 562px) / 2);
  padding-left: calc((100vw - 562px) / 2);
}
ion-content .content-page .block .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
ion-content .content-page .block .title ion-icon {
  color: var(--ion-color-success);
  width: 24px;
  height: 24px;
}
ion-content .content-page:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  height: calc(100% - 2px);
  background: var(--ion-background-color);
  margin-top: 2px;
  border-radius: 16px 16px 0 0;
  z-index: -1;
}
ion-content .new-ls {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
ion-content .new-ls .content-center {
  justify-content: space-evenly;
}
ion-content .new-ls .content-center .icon {
  margin-bottom: 0;
}
ion-content .new-ls .content-center .description {
  margin: 0;
}
ion-content .new-ls .btn {
  margin-bottom: 24px;
}
ion-content .address {
  padding: 0 20px 20px 20px;
  font-size: 16px;
  color: var(--custom-color-white);
}

.swiper-slide {
  height: auto !important;
}`, "",{"version":3,"sources":["webpack://./src/app/pages/tabs/main/main.page.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright (c) 2022. Группа компаний \"СТЕК\". Все права защищены. Разработчик: Чуриков Антон Алексеевич\n */\n\n//.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,\n//.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse {\n//  opacity: 1 !important;\n//  pointer-events: auto;\n//}\n//\n//ion-header::after {\n//  background: transparent;\n//}\n\n:host {\n  --ion-text-color: var(--custom-color-white);\n  --spinner-color: var(--custom-color-white);\n}\n\n.refresher-ios .refresher-pulling-icon,\n.refresher-ios .refresher-refreshing-icon {\n  color: var(--custom-color-white);\n}\n\n.refresher-native ion-spinner {\n  color: var(--custom-color-white) !important;\n}\n\nion-header {\n  //opacity: 0.5;\n  //height: 94px;\n\n  ion-buttons:last-child ion-button:last-child {\n    padding-right: 0;\n    &:before {\n      content: \"\";\n      left: -24px;\n      top: -4px;\n      right: -24px;\n      bottom: -4px;\n      position: absolute;\n    }\n\n    &:hover, &:active {\n      opacity: .5 !important;\n    }\n  }\n\n  .icon {\n    svg {\n      fill: var(--custom-color-white);\n\n      circle {\n        fill: var(--ion-color-warning);\n      }\n    }\n  }\n\n  ion-button {\n    opacity: 1 !important;\n    cursor: auto !important;\n\n    .el-anim-tap {\n      &:after {\n        content: \"\";\n        //left: 0;\n        top: 0;\n        //right: 0;\n        bottom: 0;\n        position: absolute;\n        //background: #BA8C27;\n        z-index: -1;\n        width: 100%;\n      }\n    }\n\n    .el-anim-tap:active {\n      opacity: .5;\n\n      ~ ion-icon {\n        opacity: .5;\n      }\n    }\n  }\n\n  .swiper {\n    //width: 200px !important;\n    width: 100%;\n    //margin: 0 16px;\n    overflow: visible;\n    padding: 0 0 20px 0;\n    --bullet-background: var(--custom-color-white) !important;\n    --bullet-background-active: var(--ion-color-success) !important;\n    --swiper-pagination-bullet-inactive-color: var(--custom-color-white);\n    --swiper-pagination-color: var(--ion-color-success);\n    //--bullet-background: red;\n    color: var(--custom-color-white);\n\n    .swiper-slide {\n      //display: flex;\n      //flex-direction: column;\n      height: auto !important;\n    }\n\n    .custom-swiper-slide {\n      //width: 200px !important;\n      //height: auto;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      height: auto !important;\n\n      .base-code {\n        padding: 0 20px;\n\n        ion-chip {\n          color: #ffffff;\n          background-color: rgba(var(--ion-color-primary-rgb), 0.5);\n          border-width: 2px;\n          width: 100%;\n          margin: 10px 0;\n          display: flex;\n          justify-content: space-between;\n        }\n      }\n\n      .ls {\n        display: flex;\n        width: 100%;\n        justify-content: space-between;\n        padding: 0 20px;\n        //padding-bottom: 10px;\n      }\n\n      .ls-address {\n        display: flex;\n        width: 100%;\n        justify-content: flex-start;\n        text-align: left;\n        overflow: hidden;\n\n        .address {\n          padding: 10px 20px;\n          //overflow: hidden;\n        }\n      }\n    }\n  }\n}\n\nion-toolbar {\n  --background: transparent;\n\n  .title {\n    color: var(--custom-color-white);\n    display: flex;\n    white-space: pre-line;\n    text-align: left;\n    font-size: 24px;\n    padding-right: 24px;\n    margin-right: 24px;\n\n    //&:after {\n    //  content: \"\";\n    //  background: url('/assets/icons/Chevron_Right.svg');\n    //}\n\n    .title-wrap {\n      display: inline;\n      .text-wrap {\n        white-space: pre-line;\n        //text-align: left;\n        display: inline;\n      }\n    }\n\n    ion-icon {\n      margin: 0 0 0 8px;\n      color: var(--custom-color-white);\n      min-width: 24px;\n      width: 24px;\n      flex-grow: 1;\n      //position: absolute;\n    }\n\n    ion-buttons {\n      ion-icon {\n        margin: 0 0 0 10px;\n      }\n    }\n  }\n\n  //.title {\n  //  color: var(--custom-color-white);\n  //\n  //  ion-icon {\n  //    margin: 0 0 0 8px;\n  //    color: var(--custom-color-white);\n  //  }\n  //\n  //  ion-buttons {\n  //    ion-icon {\n  //      margin: 0 0 0 10px;\n  //    }\n  //  }\n  //}\n\n  ion-title {\n    padding-left: 14px;\n    padding-right: 8px;\n  }\n\n  ion-button {\n    color: var(--custom-color-white);\n\n    ion-icon {\n      color: var(--custom-color-white);\n    }\n\n    .noReadNotificationIcon {\n      width: 7px;\n      height: 7px;\n      border-radius: 7px;\n      display: block;\n      background: var(--ion-color-warning);\n      position: absolute;\n      top: 6px;\n      right: 2.5px;\n      //border: 2px solid var(--ion-color-primary);\n      box-sizing: content-box;\n    }\n  }\n\n  .active-ls {\n    //font-size: 24px;\n    color: var(--custom-color-white);\n    height: auto;\n  }\n}\n\n.swiper-container-horizontal > .swiper-pagination-bullets {\n  bottom: -20px !important;\n  opacity: 1;\n}\n\n.swiper-pagination-bullet {\n  opacity: 1 !important;\n}\n\nion-content {\n  --background: transparent;\n  // border-radius: 16px 16px 0 0;\n\n  //--offset-top: -42px !important;\n  //--offset-top: 80px !important;\n\n  ion-refresher {\n    z-index: -1;\n  }\n\n  .update-data {\n    display: flex;\n    color: var(--font-color-primary);\n    font-size: 16px;\n    z-index: 1;\n    justify-content: center;\n    align-items: center;\n    //transition-property: height, margin-top;\n    //transition-duration: 1000ms;\n    transition: 0.25s;\n    //transition: fast;\n    //-webkit-transition: 1000ms height linear;\n    margin: 16px 24px 0 24px;\n    height: 22px;\n    opacity: 1;\n\n    ion-spinner {\n      margin-right: 10px;\n      color: var(--spinner-custom-color);\n      width: 22px;\n      height: 22px;\n    }\n  }\n\n  ion-toolbar {\n    --background: transparent;\n  }\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    bottom: calc(-50px + var(--ion-safe-area-bottom));\n    left: 0;\n    right: 0;\n    height: 60%;\n    background: var(--ion-background-color);\n    z-index: -1;\n  }\n\n  .swiper {\n    //width: 200px !important;\n    width: 100%;\n    //margin: 0 16px;\n    overflow: visible;\n    padding: 0 24px 0 24px;\n    --bullet-background: var(--base-color-border-input) !important;\n    --bullet-background-active: var(--ion-color-primary) !important;\n    --swiper-pagination-bullet-inactive-color: var(--custom-color-white);\n    --swiper-pagination-color: var(--ion-color-success);\n    //--bullet-background: red;\n    margin-top: 16px;\n\n    .swiper-wrapper {\n      //align-items: stretch;\n    }\n\n    .swiper-slide {\n      //width: auto !important;\n      height: auto !important;\n      margin-top: 12px;\n      //padding-top: 16px;\n      //padding: 16px 0 16px 0;\n    }\n\n    ion-card {\n      width: 200px;\n      margin: 0;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      ion-card-header {\n        ion-card-title {\n          display: flex;\n          font-size: 14px;\n          font-weight: normal;\n          text-align: left;\n          align-items: center;\n          justify-content: space-between;\n\n          .asd {\n            width: 49px;\n            height: 16px;\n            margin-right: 8px;\n            background-color: var(--background);\n            border-radius: 8px;\n\n            text-align: center;\n\n            font-weight: 400;\n            font-size: 10px;\n            line-height: 16px;\n            color: var(--font-color-secondary);\n          }\n\n          ion-icon {\n            width: 16px;\n            height: 16px;\n            color: var(--ion-color-success);\n          }\n        }\n        ion-card-subtitle {\n          font-size: 12px;\n          font-weight: normal;\n          text-align: left;\n          color: var(--font-color-secondary);\n        }\n      }\n      .reading-button{\n        padding: 0 !important;\n\n        ion-item {\n          --inner-border-width: 0.55px 0 0 0;\n\n          ion-button {\n            margin-top: 0;\n            div {\n              color: var(--ion-color-primary-contrast);\n              background-color: var(--ion-color-primary-lighten-1);\n              border: var(--ion-color-primary);\n              border-radius: 24px;\n              font-size: 12px;\n              line-height: 15px;\n              margin-right: 10px;\n              padding: 5px;\n              text-align: center;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  ion-card {\n    ion-card-header {\n      padding-bottom: 6px;\n\n      ion-card-title {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        ion-icon {\n          width: 24px;\n          height: 24px;\n          color: var(--ion-color-success);\n        }\n      }\n    }\n    ion-card-content {\n      //padding-bottom: 0 !important;\n      ion-item-group {\n        padding-bottom: 8px;\n        margin: 0 -16px -24px -16px;\n        ion-item {\n          padding: 0 16px;\n\n          &:last-child {\n            --inner-border-width: 0;\n          }\n          .ion-item {\n            gap: 8px;\n            div {\n              flex-grow: 1;\n            }\n          }\n        }\n      }\n      .btns {\n        display: flex;\n        gap: 16px;\n        justify-content: space-between;\n        .payment {\n          flex-grow: 1;\n          margin-top: 24px;\n        }\n        .share-btn {\n          --background: var(--ion-color-primary-lighten-3);\n        }\n      }\n    }\n  }\n\n  .appeal {\n    box-shadow: none;\n    --background: var(--color-primary-lighten-4-or-dark);\n    border-radius: 16px;\n    ion-card-header {\n      padding: 16px;\n      display: flex;\n      justify-content: space-between;\n      flex-direction: row;\n\n      div {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n      }\n\n      .icon {\n        margin: 0;\n        border-radius: 24px;\n        width: 48px;\n        height: 48px;\n        background: var(--color-white-or-primary-lighten-4);\n      }\n    }\n  }\n\n  .ion-content {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .container {\n    //background: var(--ion-background-color);\n    //border-radius: 16px 16px 0 0;\n    padding: 0 0 calc(var(--ion-safe-area-bottom) + 50px) 0;\n    height: auto;\n\n    position: relative;\n    overflow-x: hidden;\n    overflow-y: auto;\n    z-index: 0;\n\n    flex-grow: 1 !important;\n  }\n\n  .content-page {\n    //margin-top: 62px;\n    //background: var(--ion-background-color);\n    background: transparent;\n    // background: red;\n    border-radius: 16px 16px 0 0;\n    position: relative;\n    max-width: 100%;\n    padding-right: calc((100vw - 562px)/2);\n    padding-left: calc((100vw - 562px)/2);\n    //padding: 0 0 calc(var(--ion-safe-area-bottom) + 50px) 0;\n    //margin-top: 3px;\n\n    .block {\n      .title {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        ion-icon {\n          color: var(--ion-color-success);\n          width: 24px;\n          height: 24px;\n        }\n      }\n    }\n\n     &:before {\n       content: \"\";\n       position: absolute;\n       display: block;\n       left: 0;\n       right: 0;\n       top: 0;\n       height: calc(100% - 2px);\n\n        background: var(--ion-background-color);\n       //background: blue;\n        margin-top: 2px;\n       border-radius: 16px 16px 0 0;\n       z-index: -1;\n     }\n  }\n\n  .new-ls {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    .content-center {\n      justify-content: space-evenly;\n      .icon {\n        margin-bottom: 0;\n      }\n      .description {\n        margin: 0;\n      }\n    }\n    .btn {\n      margin-bottom: 24px;\n    }\n  }\n\n  .address {\n    padding: 0 20px 20px 20px;\n    font-size: 16px;\n    color: var(--custom-color-white);\n  }\n}\n\n.swiper-slide {\n  height: auto !important;\n}\n"],"sourceRoot":""}]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___.toString();


/***/ }),

/***/ 58148:
/*!***********************************************************!*\
  !*** ./src/app/pages/tabs/main/main.page.html?ngResource ***!
  \***********************************************************/
/***/ ((module) => {

"use strict";
module.exports = "<!--\n  ~ Copyright (c) 2022. Группа компаний \"СТЕК\". Все права защищены. Разработчик: Чуриков Антон Алексеевич\n  -->\n\n<ion-header class=\"ion-no-border\">\n  <ion-toolbar>\n    <swiper class=\"swiper-main\"\n            (swiper)=\"setSwiperLSInstance($event)\"\n            (init)=\"slidesLsLoaded()\"\n            (slideChange)=\"slidesLsChange(true)\"\n            (transitionStart)=\"transitionStart()\"\n            (transitionEnd)=\"transitionEnd()\"\n            [pagination]=\"true\"\n            [config]=\"slidesHeadOptions\">\n      @for (binding of object().values(request.bindings.value); track binding) {\n        <ng-template swiperSlide>\n          <div class=\"custom-swiper-slide\">\n            <div class=\"ls\">\n              <ion-buttons slot=\"start\">\n                <ion-button\n                    class=\"active-ls\"\n                    type=\"button\"\n                    fill=\"clear\" (click)=\"openLsSettings()\">\n                  <div class=\"title\">\n                    <!--                {{ binding.name }}-->\n                    <div class=\"title-wrap el-anim-tap not-anim-background\">\n                      <div\n                          class=\"text-wrap\">{{ binding.name !== '' ? binding.name : '№ ' + (binding.number | guardLsNumber) }}\n                      </div>\n                    </div>\n                    <ion-icon src=\"assets/icons/Chevron_Right.svg\"></ion-icon>\n                  </div>\n                </ion-button>\n\n              </ion-buttons>\n\n              <ion-buttons slot=\"end\">\n                <ion-button\n                    type=\"button el-anim-tap not-anim-background\"\n                    fill=\"clear\"\n                    (click)=\"openNotificationsPage()\">\n                  <div class=\"icon\"\n                       [hidden]=\"request.noReadNotificationsCount.value[binding.number] === 0 || request.noReadNotificationsCount.value[binding.number] === undefined\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><title>\n                      Notifications_Badge_Filled</title>\n                      <g id=\"Notifications-badge-filled\">\n                        <circle class=\"cls-1\" cx=\"17.5\" cy=\"6\" r=\"3.5\"/>\n                        <path class=\"cls-1\" d=\"M12,22a1.66,1.66,0,0,0,1.67-1.66H10.33A1.66,1.66,0,0,0,12,22Z\"/>\n                        <path class=\"cls-1\"\n                              d=\"M20.82,17.77,19,15.16V11.29a5.34,5.34,0,0,1-1.5.22A5.51,5.51,0,0,1,12,6a5.41,5.41,0,0,1,.18-1.34h0a5.43,5.43,0,0,1,1.06-2.12,1.67,1.67,0,0,0-2.9,1.12s0,0,0,0A7,7,0,0,0,5,10.43v4.73L3.18,17.77a1,1,0,0,0-.07,1,1,1,0,0,0,.89.54H20a1,1,0,0,0,.89-.54A1,1,0,0,0,20.82,17.77Z\"/>\n                      </g>\n                    </svg>\n                  </div>\n\n                  <div class=\"icon\"\n                       [hidden]=\"request.noReadNotificationsCount.value[binding.number] !== 0 && request.noReadNotificationsCount.value[binding.number] !== undefined\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><title>Notifications_Filled</title>\n                      <g id=\"Notifications-filled\">\n                        <path class=\"cls-1\"\n                              d=\"M12,22a1.66,1.66,0,0,0,1.67-1.66H10.33A1.66,1.66,0,0,0,12,22m8.82-4.23L19,15.16V10.43a7,7,0,0,0-5.33-6.74v0a1.67,1.67,0,0,0-3.34,0v0A7,7,0,0,0,5,10.43v4.73L3.18,17.77a1,1,0,0,0-.07,1,1,1,0,0,0,.89.53H20a1,1,0,0,0,.89-.53,1,1,0,0,0-.07-1\"/>\n                      </g>\n                    </svg>\n                  </div>\n                </ion-button>\n              </ion-buttons>\n            </div>\n\n            <div class=\"ls-address\">\n              @if (request.lsInfo.value[binding.number]) {\n                <div class=\"address\">\n                  {{ request.lsInfo.value[binding.number].address | guardAddress }}\n                </div>\n              } @else {\n                <div class=\"address\">\n                  <div class=\"skeleton-text\" style=\"width: 260px; height: 25px; background-color: #ffffff\">\n                    <span>&nbsp;</span>\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        </ng-template>\n      }\n\n      <ng-template swiperSlide>\n        <div class=\"custom-swiper-slide\">\n          <div class=\"ls\">\n            <div class=\"active-ls\">\n              <div class=\"title\">{{ 'MAIN.NEW_LS.TITLE' | translate }}</div>\n            </div>\n          </div>\n\n          <div class=\"ls-address\">\n            <div class=\"address\">{{ 'MAIN.NEW_LS.SUBTITLE' | translate }}</div>\n          </div>\n        </div>\n      </ng-template>\n    </swiper>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  @if (!loading$()) {\n    <ion-refresher\n        slot=\"fixed\"\n        (ionRefresh)=\"doRefresh($event)\">\n      <ion-refresher-content/>\n    </ion-refresher>\n  }\n\n  <div class=\"content-page\">\n    <div class=\"update-data\">\n      <ion-spinner></ion-spinner>\n      {{ 'UPDATING' | translate }}\n    </div>\n    @if (!newLs && this.request.activeLs.value !== null) {\n      <div class=\"by-calc-width\">\n        @if (!request.counters.value[request.activeLs.value] && helper.availableReadings.value) {\n          <div class=\"block\">\n            <div class=\"title skeleton-text\" style=\"height: 24px; width: 327px; border-radius: 80px\"></div>\n            <div class=\"subtitle skeleton-text\" style=\"height: 20px; width: 200px; border-radius: 80px\"></div>\n          </div>\n        }\n        <!--      <div class=\"skeleton-text\" style=\"height: 160px; width: 200px;\"></div>-->\n\n        @if (request.counters.value[request.activeLs.value] &&\n        request.counters.value[request.activeLs.value].length !== countCountersTransferred[request.activeLs.value] &&\n        request.counters.value[request.activeLs.value].length > 0 &&\n        helper.availableReadings.value) {\n          <div class=\"block\">\n            <div class=\"title\">{{ 'MAIN.COUNTERS.TRANSMIT' | translate }}</div>\n            @if (helper.availableText.value) {\n              <div class=\"subtitle\" [innerHTML]=\"helper.availableText.value\"></div>\n            }\n          </div>\n        }\n\n        @if (request.counters.value[request.activeLs.value] &&\n        request.counters.value[request.activeLs.value].length === countCountersTransferred[request.activeLs.value] &&\n        request.counters.value[request.activeLs.value].length > 0 &&\n        helper.availableReadings.value) {\n          <div class=\"block\">\n            <div class=\"title\">\n              {{ 'MAIN.COUNTERS.TRANSMITTED' | translate }}\n              <ion-icon src=\"/assets/icons/Check_Circle_Filled.svg\"></ion-icon>\n            </div>\n          </div>\n        }\n\n        @if (helper.availableReadings.value) {\n          <swiper\n              class=\"counter-slider\"\n              (swiper)=\"setSwiperCountersInstance($event)\"\n              [pagination]=\"false\"\n              [config]=\"slidesCountersOptions\"\n          >\n            @if (!request.counters.value[request.activeLs.value]) {\n              <ng-template swiperSlide>\n                <ion-card\n                    class=\"skeleton-text\"\n                    style=\"height: 140px; width: 200px; margin: 0\"\n                ></ion-card>\n              </ng-template>\n              <ng-template swiperSlide>\n                <ion-card\n                    class=\"skeleton-text\"\n                    style=\"height: 140px; width: 200px; margin: 0\"\n                ></ion-card>\n              </ng-template>\n              <ng-template swiperSlide>\n                <ion-card\n                    class=\"skeleton-text\"\n                    style=\"height: 140px; width: 200px; margin: 0\"\n                ></ion-card>\n              </ng-template>\n            }\n\n            @for (counter of request.counters.value[request.activeLs.value]; track counter) {\n              <ng-template swiperSlide>\n                <ion-card class=\"el-anim-tap\" (click)=\"goToInfoPage(counter)\">\n                  <ion-card-header>\n                    <ion-card-title>\n                      <div>{{ counter.name }}</div>\n                      <div>\n                        @if (counter.asd) {\n                          <div class=\"asd\">\n                            {{ \"MAIN.COUNTERS.ASKUE\" | translate }}\n                          </div>\n                        }\n                        @if (!counter.readonly) {\n                          <div>\n                            <ion-icon\n                                src=\"/assets/icons/Check_Circle_Filled.svg\"\n                            ></ion-icon>\n                          </div>\n                        }\n                      </div>\n                    </ion-card-title>\n                    <ion-card-subtitle>№ {{ counter.number | guardCounterNumber }}</ion-card-subtitle>\n                  </ion-card-header>\n\n                  <ion-card-content>\n                    @switch (counter.type) {\n                      @case (['ГАЗ', 'Газ'].includes(counter.type) ? counter.type : !counter.type) {\n                        <div class=\"icon-block icon-gas\">\n                          <ion-icon src=\"/assets/icons/Gas.svg\"></ion-icon>\n                        </div>\n                      }\n                      @case (['Отопление', 'ОТОП'].includes(counter.type) ? counter.type : !counter.type) {\n                        <div class=\"icon-block icon-heat\">\n                          <ion-icon src=\"/assets/icons/Heat.svg\"></ion-icon>\n                        </div>\n                      }\n                      @case (['Электроснабжение', 'ЭЭ'].includes(counter.type) ? counter.type : !counter.type) {\n                        <div class=\"icon-block icon-electricity\">\n                          <ion-icon src=\"/assets/icons/Electricity.svg\"></ion-icon>\n                        </div>\n                      }\n                      @case ('ХВС') {\n                        <div class=\"icon-block icon-water-cold\">\n                          <ion-icon src=\"/assets/icons/Water.svg\"></ion-icon>\n                        </div>\n                      }\n                      @case ('ГВС') {\n                        <div class=\"icon-block icon-water-heat\">\n                          <ion-icon src=\"/assets/icons/Water.svg\"></ion-icon>\n                        </div>\n                      }\n                      @default {\n                        <div class=\"icon-block icon-default\">\n                          <ion-icon src=\"/assets/icons/Meter_Readings.svg\"></ion-icon>\n                        </div>\n                      }\n                    }\n                  </ion-card-content>\n                </ion-card>\n              </ng-template>\n            }\n          </swiper>\n        }\n\n        @if (!request.balances.value[request.activeLs.value]) {\n          <ion-card class=\"skeleton-text\" style=\"height: 224px; width: calc(100% - 48px); margin: 16px 24px\"></ion-card>\n        }\n\n        @if (request.balances.value[request.activeLs.value] && helper.availablePayment.value) {\n          <ion-card>\n            <ion-card-header>\n              @if (request.balances.value[request.activeLs.value].balance > 0) {\n                <ion-card-title>{{ 'MAIN.PAYMENT.TO_PAY' | translate }}</ion-card-title>\n              } @else {\n                <ion-card-title>\n                  {{ 'MAIN.PAYMENT.PAID_FOR' | translate }}\n                  <ion-icon src=\"/assets/icons/Check_Circle_Filled.svg\"/>\n                </ion-card-title>\n              }\n\n              @if (request.balances.value[request.activeLs.value] && request.balances.value[request.activeLs.value].balance > 0) {\n                <ion-card-subtitle>{{ helper.availablePayText.value }}</ion-card-subtitle>\n              }\n            </ion-card-header>\n\n            <ion-card-content>\n              <ion-item-group>\n                <ion-item class=\"el-anim-tap\" (click)=\"openPaymentsHistoryPage()\">\n                  <div class=\"ion-item\">\n                    <ion-icon class=\"color-primary\" src=\"/assets/icons/Accruals_And_Payments.svg\"></ion-icon>\n                    <div>{{ 'MAIN.PAYMENT.ACCRUALS_AND_PAYMENTS' | translate }}</div>\n                    <ion-icon class=\"color-icon\" src=\"/assets/icons/Chevron_Right.svg\"></ion-icon>\n                  </div>\n                </ion-item>\n                <ion-item class=\"el-anim-tap\" (click)=\"openReceiptsPage()\">\n                  <div class=\"ion-item\">\n                    <ion-icon class=\"color-primary\" src=\"/assets/icons/Receipt.svg\"></ion-icon>\n                    <div>{{ 'MAIN.PAYMENT.RECEIPTS' | translate }}</div>\n                    <ion-icon class=\"color-icon\" src=\"/assets/icons/Chevron_Right.svg\"></ion-icon>\n                  </div>\n                </ion-item>\n              </ion-item-group>\n\n              <div class=\"btns\">\n                @if (!request.balances.value[request.activeLs.value]) {\n                  <div class=\"skeleton-text\" style=\"height: 44px; width: 100%\"></div>\n                }\n\n                @if (request.balances.value[request.activeLs.value] && request.balances.value[request.activeLs.value].balance > 0) {\n                  <ion-button\n                      class=\"payment el-anim-tap\"\n                      type=\"button\" expand=\"block\"\n                      fill=\"solid\"\n                      (click)=\"openPaymentPage()\"\n                  >\n                    {{ 'MAIN.PAYMENT.BUTTON' | translate }} {{ helper.paySumFormate(request.balances.value[request.activeLs.value].balance) }}\n                  </ion-button>\n                }\n              </div>\n            </ion-card-content>\n          </ion-card>\n        }\n\n        @if (helper.availableAppeals.value) {\n          <ion-card class=\"appeal el-anim-tap\" (click)=\"openApplicationFormsModal()\">\n            <ion-card-header>\n              <div>\n                <ion-card-title>{{ 'MAIN.APPEALS.TITLE' | translate }}</ion-card-title>\n                <ion-card-subtitle>{{ 'MAIN.APPEALS.SUBTITLE' | translate }}</ion-card-subtitle>\n              </div>\n              <div class=\"icon\">\n                <ion-icon\n                    class=\"color-primary\"\n                    src=\"/assets/icons/Applications.svg\"\n                ></ion-icon>\n              </div>\n            </ion-card-header>\n          </ion-card>\n        }\n      </div>\n    }\n\n    @if (newLs || this.request.activeLs.value === null) {\n      <div class=\"new-ls\">\n        <div class=\"content-center\">\n          <div class=\"icon\">\n            <ion-icon class=\"icon-img\" src=\"/assets/imgs/BindingHome.svg\"></ion-icon>\n          </div>\n\n          <div class=\"description\">\n            {{ 'MAIN.NEW_LS.DESCRIPTION' | translate }}\n          </div>\n        </div>\n\n        <div class=\"btn\">\n          <ion-button type=\"button\" expand=\"block\" fill=\"solid\" (click)=\"openBindLsPage()\">\n            {{ 'MAIN.NEW_LS.BUTTON' | translate }}\n          </ion-button>\n        </div>\n      </div>\n    }\n  </div>\n</ion-content>\n\n<ion-icon class=\"img-main-bg\" src=\"/assets/imgs/HomeBg.svg\"></ion-icon>\n";

/***/ })

}]);
//# sourceMappingURL=src_app_pages_tabs_main_main_module_ts.js.map