(self["webpackChunkapp"] = self["webpackChunkapp"] || []).push([["src_app_pages_tabs_payment_pay-receipt_pay-receipt_module_ts"],{

/***/ 87753:
/*!******************************************************************************!*\
  !*** ./src/app/pages/tabs/payment/pay-receipt/pay-receipt-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 */   PayReceiptPageRoutingModule: () => (/* binding */ PayReceiptPageRoutingModule)
/* 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 _pay_receipt_page__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pay-receipt.page */ 83195);




const routes = [{
  path: '',
  component: _pay_receipt_page__WEBPACK_IMPORTED_MODULE_0__.PayReceiptPage
}, {
  path: 'pay-modal',
  loadChildren: () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./pay-modal/pay-modal.module */ 98916)).then(m => m.PayModalPageModule)
}];
let PayReceiptPageRoutingModule = class PayReceiptPageRoutingModule {};
PayReceiptPageRoutingModule = (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]
})], PayReceiptPageRoutingModule);


/***/ }),

/***/ 16960:
/*!**********************************************************************!*\
  !*** ./src/app/pages/tabs/payment/pay-receipt/pay-receipt.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 */   PayReceiptPageModule: () => (/* binding */ PayReceiptPageModule)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ 24398);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ 37580);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ 60316);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/forms */ 34456);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ionic/angular */ 21507);
/* harmony import */ var _pay_receipt_routing_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pay-receipt-routing.module */ 87753);
/* harmony import */ var _pay_receipt_page__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pay-receipt.page */ 83195);
/* harmony import */ var swiper_angular__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! swiper/angular */ 72443);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ngx-translate/core */ 597);









let PayReceiptPageModule = class PayReceiptPageModule {};
PayReceiptPageModule = (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.NgModule)({
  imports: [_angular_common__WEBPACK_IMPORTED_MODULE_4__.CommonModule, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.FormsModule, _ionic_angular__WEBPACK_IMPORTED_MODULE_6__.IonicModule, _pay_receipt_routing_module__WEBPACK_IMPORTED_MODULE_0__.PayReceiptPageRoutingModule, swiper_angular__WEBPACK_IMPORTED_MODULE_7__.SwiperModule, _ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__.TranslateModule],
  declarations: [_pay_receipt_page__WEBPACK_IMPORTED_MODULE_1__.PayReceiptPage]
})], PayReceiptPageModule);


/***/ }),

/***/ 83195:
/*!********************************************************************!*\
  !*** ./src/app/pages/tabs/payment/pay-receipt/pay-receipt.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 */   PayReceiptPage: () => (/* binding */ PayReceiptPage)
/* 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_16__ = __webpack_require__(/*! tslib */ 24398);
/* harmony import */ var _pay_receipt_page_html_ngResource__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pay-receipt.page.html?ngResource */ 85229);
/* harmony import */ var _pay_receipt_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pay-receipt.page.scss?ngResource */ 90387);
/* harmony import */ var _pay_receipt_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_pay_receipt_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/core */ 37580);
/* harmony import */ var _services_request_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../services/request.service */ 80931);
/* harmony import */ var _services_helper_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../services/helper.service */ 54102);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @angular/router */ 95072);
/* harmony import */ var swiper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! swiper */ 36705);
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! rxjs */ 5342);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @ionic/angular */ 21507);
/* harmony import */ var _awesome_cordova_plugins_social_sharing_ngx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @awesome-cordova-plugins/social-sharing/ngx */ 72347);
/* harmony import */ var _services_global_loading_service_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../services/global-loading-service.service */ 81854);
/* harmony import */ var _services_modal_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../services/modal.service */ 5455);
/* harmony import */ var _pay_modal_pay_modal_page__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./pay-modal/pay-modal.page */ 39279);
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! rxjs/operators */ 51567);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @ngx-translate/core */ 597);

















swiper__WEBPACK_IMPORTED_MODULE_5__["default"].use([swiper__WEBPACK_IMPORTED_MODULE_5__.Pagination]);
let PayReceiptPage = class PayReceiptPage {
  constructor(request, helper, activeRoute, routerOutlet, socialSharing, alert, loadingService, modalService, cdr, translate) {
    this.request = request;
    this.helper = helper;
    this.activeRoute = activeRoute;
    this.routerOutlet = routerOutlet;
    this.socialSharing = socialSharing;
    this.alert = alert;
    this.loadingService = loadingService;
    this.modalService = modalService;
    this.cdr = cdr;
    this.translate = translate;
    this.shareLoading$ = (0,_angular_core__WEBPACK_IMPORTED_MODULE_10__.signal)(false);
    this.fileId = 1;
    this.month = 1;
    this.year = 2022;
    this.payment = null;
    this.paymentCode = 0;
    this.refresher = null;
    this.slidesPaymentsOptions = {
      initialSlide: 0,
      // Начальное положение слайдера
      centeredSlides: true,
      // Разрешает центрировать слайд не всегда с левой стороны
      centeredSlidesBounds: true,
      // Центрирование слайда по центру (Требуется свойство 'centeredSlides' = true)
      spaceBetween: 24,
      // Дополнительное расстояние между слайдами
      slidesPerView: 1,
      // Количество слайдом которое должно помещаться на экран одновременно
      watchSlidesProgress: true,
      // Переключение пагинации во время перелистывания (еще до того как пользователь отпустит палец)
      resizeObserver: true,
      observer: true,
      // Отслеживание изменений
      observeParents: true,
      // Отслеживание изменений родительских элементов
      observeSlideChildren: true,
      // Отслеживание изменений родительских элементов
      updateOnWindowResize: true,
      centerInsufficientSlides: true,
      // autoHeight: true,
      edgeSwipeDetection: 'prevent',
      edgeSwipeThreshold: 0,
      nested: true,
      passiveListeners: false,
      touchMoveStopPropagation: true,
      resistanceRatio: 0.65
    };
    this.availableGateways = {};
  }
  setSwiperInstance(swiper) {
    this.slides = swiper;
    if (this.payment) {
      this.slides.slideTo(this.payment, 0);
    }
  }
  ngOnInit() {
    this.ls = this.request.activeLs.value;
    this.request.payments.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_11__.filter)(value => value != null)).subscribe(value => {
      if (value[this.request.activeLs.value] != null) {
        this.availableGateways = {};
        Object.values(value[this.request.activeLs.value][this.request.nachislenieZaTekMesiac.value[this.request.activeLs.value]]).forEach(pay => {
          pay.gateway.forEach(item => {
            if (value[this.request.activeLs.value].gateway[item]) {
              if (this.availableGateways[pay.pol_id] === undefined) {
                this.availableGateways[pay.pol_id] = [];
              }
              this.availableGateways[pay.pol_id].push(item);
            }
          });
        });
      }
    });
    if (this.activeRoute.snapshot.queryParamMap.get('payment') !== undefined) {
      this.payment = +this.activeRoute.snapshot.queryParamMap.get('payment');
    }
    if (this.slides) {
      this.slides.slideTo(this.payment, 0);
    }
  }
  ionViewWillEnter() {
    var _this = this;
    try {
      if (this.request.payments.value[this.request.activeLs.value].type_pay != 4) {
        if (!this.request.payments.value[this.request.activeLs.value].kvts || this.ls !== this.request.activeLs.value) {
          this.backButton.el.click();
        }
      } else {
        if (!this.request.payments.value[this.request.activeLs.value].pays || this.ls !== this.request.activeLs.value) {
          this.backButton.el.click();
        }
      }
    } catch (e) {
      this.backButton.el.click();
    }
    document.querySelector('body').classList.add('tab-bar-alternative-color');
    setTimeout(() => {
      document.querySelector('body').classList.add('tab-bar-alternative-color');
    }, 0);
    this.routerOutlet.swipeGesture = false;
    this.shareLoading$.set(true);
    this.request.getRequest(this.request.uri.receiptsGet(), {
      preloader: false
    }).subscribe({
      next: function () {
        var _ref = (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (result) {
          _this.shareLoading$.set(false);
          if (result.result) {
            _this.fileId = result.data[0].data[0].fileId;
            _this.month = +result.data[0].data[0].month;
            _this.year = +result.data[0].year;
          }
          // Вызываем функцию коллбэк
          yield _this.request.loadReceiptsCallback()(result);
        });
        return function next(_x) {
          return _ref.apply(this, arguments);
        };
      }(),
      error: () => {
        this.shareLoading$.set(false);
      }
    });
  }
  ionViewDidLeave() {
    document.querySelector('body').classList.remove('tab-bar-alternative-color');
    this.routerOutlet.swipeGesture = true;
  }
  slidesLsLoaded() {
    //
  }
  slidesLsChange(ev) {
    this.payment = ev[0].activeIndex;
    this.cdr.detectChanges();
  }
  share() {
    var _this2 = this;
    this.request.getRequest(this.request.uri.receiptsGet(this.request.activeLs.value, this.fileId), {
      preloader: true,
      background: true,
      onlyCacheOrRequest: true
    }).subscribe({
      next: function () {
        var _ref2 = (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (result) {
          clearTimeout(_this2.timerLoad);
          if (result.result) {
            _this2.socialSharing.share(null, yield (0,rxjs__WEBPACK_IMPORTED_MODULE_12__.lastValueFrom)(_this2.translate.get('PAYMENT.PAY.SHARE_FILENAME', {
              date: (yield (0,rxjs__WEBPACK_IMPORTED_MODULE_12__.lastValueFrom)(_this2.translate.get(_this2.helper.months2[_this2.month - 1]))) + ' ' + _this2.year
            })), 'data:' + result.fileMimeType + ';base64,' + result.fileBase64).catch(/*#__PURE__*/(0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
              _this2.alert.create({
                header: yield (0,rxjs__WEBPACK_IMPORTED_MODULE_12__.lastValueFrom)(_this2.translate.get("ERROR_STRING.ERROR_HEADER")),
                message: yield (0,rxjs__WEBPACK_IMPORTED_MODULE_12__.lastValueFrom)(_this2.translate.get("PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.SHARE_ERROR")),
                buttons: [yield (0,rxjs__WEBPACK_IMPORTED_MODULE_12__.lastValueFrom)(_this2.translate.get("BUTTONS.OK"))]
              }).then(alert => alert.present());
            }));
            // eslint-disable-next-line max-len
            _this2.request.cache(_this2.request.uri.receiptsGet(_this2.request.activeLs.value, _this2.fileId), result).catch(() => {});
          } else {
            _this2.alert.create({
              header: yield (0,rxjs__WEBPACK_IMPORTED_MODULE_12__.lastValueFrom)(_this2.translate.get("ERROR_STRING.ERROR_HEADER")),
              message: yield (0,rxjs__WEBPACK_IMPORTED_MODULE_12__.lastValueFrom)(_this2.translate.get("PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.SHARE_DOWNLOAD_ERROR")),
              buttons: [yield (0,rxjs__WEBPACK_IMPORTED_MODULE_12__.lastValueFrom)(_this2.translate.get("BUTTONS.OK"))]
            }).then(alert => alert.present());
          }
        });
        return function next(_x2) {
          return _ref2.apply(this, arguments);
        };
      }(),
      error: function () {
        var _ref4 = (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
          clearTimeout(_this2.timerLoad);
          _this2.alert.create({
            header: yield (0,rxjs__WEBPACK_IMPORTED_MODULE_12__.lastValueFrom)(_this2.translate.get("ERROR_STRING.ERROR_HEADER")),
            message: yield (0,rxjs__WEBPACK_IMPORTED_MODULE_12__.lastValueFrom)(_this2.translate.get("PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.SHARE_DOWNLOAD_ERROR")),
            buttons: [yield (0,rxjs__WEBPACK_IMPORTED_MODULE_12__.lastValueFrom)(_this2.translate.get("BUTTONS.OK"))]
          }).then(alert => alert.present());
        });
        return function error() {
          return _ref4.apply(this, arguments);
        };
      }()
    });
  }
  openPayModal() {
    let payment;
    payment = Object.values(this.request.payments.value[this.request.activeLs.value][this.request.nachislenieZaTekMesiac.value[this.request.activeLs.value]])[this.payment];
    const availableGateway = [];
    payment.gateway.forEach(item => {
      if (this.request.payments.value[this.request.activeLs.value].gateway[item]) {
        availableGateway.push(item);
      }
    });
    this.modalService.openModal({
      component: _pay_modal_pay_modal_page__WEBPACK_IMPORTED_MODULE_9__.PayModalPage,
      componentProps: {
        payType: 3,
        sum: payment.summ,
        peni: payment.peni,
        availableGateway,
        payment
      }
    });
  }
  object() {
    return Object;
  }
  static {
    this.ctorParameters = () => [{
      type: _services_request_service__WEBPACK_IMPORTED_MODULE_3__.RequestService
    }, {
      type: _services_helper_service__WEBPACK_IMPORTED_MODULE_4__.HelperService
    }, {
      type: _angular_router__WEBPACK_IMPORTED_MODULE_13__.ActivatedRoute
    }, {
      type: _ionic_angular__WEBPACK_IMPORTED_MODULE_14__.IonRouterOutlet
    }, {
      type: _awesome_cordova_plugins_social_sharing_ngx__WEBPACK_IMPORTED_MODULE_6__.SocialSharing
    }, {
      type: _ionic_angular__WEBPACK_IMPORTED_MODULE_14__.AlertController
    }, {
      type: _services_global_loading_service_service__WEBPACK_IMPORTED_MODULE_7__.GlobalLoadingService
    }, {
      type: _services_modal_service__WEBPACK_IMPORTED_MODULE_8__.ModalService
    }, {
      type: _angular_core__WEBPACK_IMPORTED_MODULE_10__.ChangeDetectorRef
    }, {
      type: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_15__.TranslateService
    }];
  }
  static {
    this.propDecorators = {
      slidesPayments: [{
        type: _angular_core__WEBPACK_IMPORTED_MODULE_10__.ViewChild,
        args: ['slidesPayments']
      }],
      backButton: [{
        type: _angular_core__WEBPACK_IMPORTED_MODULE_10__.ViewChild,
        args: ['backButton']
      }]
    };
  }
};
PayReceiptPage = (0,tslib__WEBPACK_IMPORTED_MODULE_16__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_10__.Component)({
  selector: 'app-pay-receipt',
  template: _pay_receipt_page_html_ngResource__WEBPACK_IMPORTED_MODULE_1__,
  providers: [_awesome_cordova_plugins_social_sharing_ngx__WEBPACK_IMPORTED_MODULE_6__.SocialSharing],
  styles: [(_pay_receipt_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2___default())]
})], PayReceiptPage);


/***/ }),

/***/ 90387:
/*!*********************************************************************************!*\
  !*** ./src/app/pages/tabs/payment/pay-receipt/pay-receipt.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, `ion-toolbar ion-button ion-spinner {
  color: var(--custom-nav-btn-color) !important;
  width: 24px;
}

.ls-number {
  text-align: center;
  font-size: 12px;
  color: var(--font-color-secondary);
  padding-bottom: 14px;
  top: 0;
  left: 0;
  right: 0;
  background: var(--ion-tab-bar-background-color);
}

.content-page {
  padding-bottom: calc(var(--ion-safe-area-bottom) + 148px);
  padding-top: 28px;
  height: 100%;
  min-height: 0;
}
.content-page .swiper {
  width: 100%;
  height: 100%;
  --bullet-background: var(--ion-color-primary-lighten-3);
  --bullet-background-active: var(--ion-color-primary);
}
.content-page .swiper ion-card .header {
  font-size: 18px;
  font-weight: 500;
  color: var(--font-color-primary);
  padding: 16px;
  text-align: left;
}
.content-page .swiper ion-card .list {
  color: var(--font-color-secondary);
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
}
.content-page .swiper ion-card .list .sum {
  color: var(--font-color-primary);
  white-space: nowrap;
}
.content-page .swiper ion-card hr {
  margin: 0;
  margin-top: 8px;
  height: 0;
  border: none;
  border-top: 2px dashed var(--color-separate);
  background: none;
}
.content-page .swiper ion-card .total {
  font-size: 20px;
  font-weight: 500;
  color: var(--font-color-primary);
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.content-page .swiper ion-card .total .sum {
  white-space: nowrap;
}

.payBtn {
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 24px rgba(104, 122, 147, 0.16);
  padding: 24px calc(max((100% - 562px) / 2, 0px) + 24px) calc(74px + var(--ion-safe-area-bottom)) calc(max((100% - 562px) / 2, 0px) + 24px);
  border-radius: 16px 16px 0 0;
  color: var(--font-color-primary);
}
.payBtn .payment {
  margin: 0;
}`, "",{"version":3,"sources":["webpack://./src/app/pages/tabs/payment/pay-receipt/pay-receipt.page.scss"],"names":[],"mappings":"AAEI;EACE,6CAAA;EACA,WAAA;AADN;;AAKA;EACE,kBAAA;EACA,eAAA;EACA,kCAAA;EACA,oBAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EAEA,+CAAA;AAHF;;AAMA;EACE,yDAAA;EACA,iBAAA;EACA,YAAA;EACA,aAAA;AAHF;AAeE;EACE,WAAA;EACA,YAAA;EAEA,uDAAA;EACA,oDAAA;AAdJ;AAiBM;EACE,eAAA;EACA,gBAAA;EACA,gCAAA;EACA,aAAA;EACA,gBAAA;AAfR;AAiBM;EACE,kCAAA;EACA,aAAA;EACA,8BAAA;EACA,iBAAA;AAfR;AAmBQ;EACE,gCAAA;EACA,mBAAA;AAjBV;AAoBM;EACE,SAAA;EACA,eAAA;EACA,SAAA;EACA,YAAA;EACA,4CAAA;EACA,gBAAA;AAlBR;AAoBM;EACE,eAAA;EACA,gBAAA;EACA,gCAAA;EACA,aAAA;EACA,8BAAA;EACA,aAAA;AAlBR;AAsBQ;EACE,mBAAA;AApBV;;AA2BA;EACE,SAAA;EACA,OAAA;EACA,QAAA;EACA,8CAAA;EACA,0IAAA;EACA,4BAAA;EACA,gCAAA;AAxBF;AA2BE;EACE,SAAA;AAzBJ","sourcesContent":["ion-toolbar {\n  ion-button {\n    ion-spinner {\n      color: var(--custom-nav-btn-color) !important;\n      width: 24px;\n    }\n  }\n}\n.ls-number {\n  text-align: center;\n  font-size: 12px;\n  color: var(--font-color-secondary);\n  padding-bottom: 14px;\n  top: 0;\n  left: 0;\n  right: 0;\n  //background: var(--ion-background-color);\n  background: var(--ion-tab-bar-background-color);\n}\n\n.content-page {\n  padding-bottom: calc(var(--ion-safe-area-bottom) + 148px);\n  padding-top: 28px;\n  height: 100%;\n  min-height: 0;\n\n  //&:after {\n  //  content: \"\";\n  //  display: block;\n  //  position: absolute;\n  //  left: 0;\n  //  right: 0;\n  //  top: 0;\n  //  height: 101%;\n  //}\n\n  .swiper {\n    width: 100%;\n    height: 100%;\n\n    --bullet-background: var(--ion-color-primary-lighten-3);\n    --bullet-background-active: var(--ion-color-primary);\n\n    ion-card {\n      .header {\n        font-size: 18px;\n        font-weight: 500;\n        color: var(--font-color-primary);\n        padding: 16px;\n        text-align: left;\n      }\n      .list {\n        color: var(--font-color-secondary);\n        display: flex;\n        justify-content: space-between;\n        padding: 8px 16px;\n        .name {\n\n        }\n        .sum {\n          color: var(--font-color-primary);\n          white-space: nowrap;\n        }\n      }\n      hr {\n        margin: 0;\n        margin-top: 8px;\n        height: 0;\n        border: none;\n        border-top: 2px dashed var(--color-separate);\n        background: none;\n      }\n      .total {\n        font-size: 20px;\n        font-weight: 500;\n        color: var(--font-color-primary);\n        display: flex;\n        justify-content: space-between;\n        padding: 16px;\n        .name {\n\n        }\n        .sum {\n          white-space: nowrap;\n        }\n      }\n    }\n  }\n}\n\n.payBtn {\n  bottom: 0;\n  left: 0;\n  right: 0;\n  box-shadow: 0 0 24px rgba(104, 122, 147, 0.16);\n  padding: 24px calc(max(((100% - 562px)/2), 0px) + 24px) calc(24px + 50px + var(--ion-safe-area-bottom)) calc(max(((100% - 562px)/2), 0px) + 24px);\n  border-radius: 16px 16px 0 0;\n  color: var(--font-color-primary);\n\n\n  .payment {\n    margin: 0;\n  }\n}\n"],"sourceRoot":""}]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___.toString();


/***/ }),

/***/ 85229:
/*!*********************************************************************************!*\
  !*** ./src/app/pages/tabs/payment/pay-receipt/pay-receipt.page.html?ngResource ***!
  \*********************************************************************************/
/***/ ((module) => {

"use strict";
module.exports = "<ion-header class=\"ion-no-border\">\n  <ion-toolbar>\n    <ion-buttons slot=\"start\">\n      <ion-back-button #backButton text=\"\" icon=\"/assets/icons/Chevron_Left.svg\"></ion-back-button>\n    </ion-buttons>\n    <ion-title>{{ 'PAYMENT.PAY.TITLE' | translate }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"share()\" type=\"button\" fill=\"clear\">\n          @if (shareLoading$()) {\n              <ion-spinner/>\n          } @else {\n              <ion-icon src=\"/assets/icons/Export.svg\"/>\n          }\n        <ion-badge color=\"primary\"></ion-badge>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content force-overscroll=\"false\">\n\n  <div class=\"ls-number\" slot=\"fixed\">{{ 'PAYMENT.PAY.LS' | translate:{value: request.activeLs.value} }}</div>\n\n  <div class=\"content-page\">\n      @if (request.payments.value[request.activeLs.value]) {\n          <swiper\n              class=\"swiper\" (swiper)=\"setSwiperInstance($event)\"\n              #slidesPayments\n              (init)=\"slidesLsLoaded()\"\n              (slideChangeTransitionEnd)=\"slidesLsChange($event)\"\n              [pagination]=\"true\"\n              [config]=\"slidesPaymentsOptions\"\n          >\n              @for (payment of object().values(request.payments.value[request.activeLs.value]![request.nachislenieZaTekMesiac.value[request.activeLs.value]]); track payment) {\n                  <ng-template swiperSlide>\n                      <ion-card>\n                          <div class=\"header\">{{ payment.isp_name }}</div>\n                          <div>\n                              @for (usl of payment.usl; track usl) {\n                                  <div class=\"list\">\n                                      <div class=\"name\">{{ usl.name }}</div>\n                                      <div class=\"sum\">{{ helper.paySumFormate(usl.summ) }}</div>\n                                  </div>\n                              }\n                              <div class=\"list\">\n                                  <div class=\"name\">{{ 'PAYMENT.PAY.PENALTIES' | translate }}</div>\n                                  <div class=\"sum\">{{ helper.paySumFormate(payment.peni) }}</div>\n                              </div>\n                              <hr />\n                              <div class=\"total\">\n                                  <div class=\"name\">{{ 'PAYMENT.PAY.TOTAL' | translate }}</div>\n                                  <div class=\"sum\">{{ helper.paySumFormate(payment.summ + payment.peni) }}</div>\n                              </div>\n                          </div>\n                      </ion-card>\n                  </ng-template>\n              }\n          </swiper>\n      }\n  </div>\n\n    @if (\n            this.availableGateways &&\n            this.request.payments.value[this.request.activeLs.value] && this.availableGateways[object().values(this.request.payments.value[this.request.activeLs.value]![request.nachislenieZaTekMesiac.value[request.activeLs.value]])[this.payment].pol_id]\n            )\n    {\n        <div class=\"payBtn action-btn\" slot=\"fixed\">\n            <ion-button class=\"payment\" type=\"button\" expand=\"block\" fill=\"solid\" (click)=\"openPayModal()\">{{ 'PAYMENT.PAY.BUTTON' | translate }}</ion-button>\n        </div>\n    } @else {\n        <div class=\"payBtn action-btn\" slot=\"fixed\">\n            <div class=\"gatewayUndefined\">{{ \"TEXT_STRING.GATEWAY_UNDEFINED\" | translate }}</div>\n        </div>\n    }\n</ion-content>\n";

/***/ })

}]);
//# sourceMappingURL=src_app_pages_tabs_payment_pay-receipt_pay-receipt_module_ts.js.map