(self["webpackChunkapp"] = self["webpackChunkapp"] || []).push([["src_app_pages_tabs_payment_history-and-kvit_receipt-info_receipt-info_module_ts"],{

/***/ 5751:
/*!********************************************!*\
  !*** ./src/app/emuns/cache-prefix.enum.ts ***!
  \********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ECachePrefix: () => (/* binding */ ECachePrefix)
/* harmony export */ });
var ECachePrefix;
(function (ECachePrefix) {
  ECachePrefix["RECEIPT_FILE"] = "$receipt_file_";
})(ECachePrefix || (ECachePrefix = {}));

/***/ }),

/***/ 98823:
/*!********************************!*\
  !*** ./src/app/emuns/index.ts ***!
  \********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ECachePrefix: () => (/* reexport safe */ _cache_prefix_enum__WEBPACK_IMPORTED_MODULE_1__.ECachePrefix),
/* harmony export */   EMimeTypes: () => (/* reexport safe */ _mime_types_enum__WEBPACK_IMPORTED_MODULE_0__.EMimeTypes)
/* harmony export */ });
/* harmony import */ var _mime_types_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mime-types.enum */ 36528);
/* harmony import */ var _cache_prefix_enum__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cache-prefix.enum */ 5751);



/***/ }),

/***/ 36528:
/*!******************************************!*\
  !*** ./src/app/emuns/mime-types.enum.ts ***!
  \******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   EMimeTypes: () => (/* binding */ EMimeTypes)
/* harmony export */ });
var EMimeTypes;
(function (EMimeTypes) {
  EMimeTypes["JVBERi0"] = "application/pdf";
  EMimeTypes["R0lGODdh"] = "image/gif";
  EMimeTypes["R0lGODlh"] = "image/gif";
  EMimeTypes["iVBORw0KGgo"] = "image/png";
  EMimeTypes["TU0AK"] = "image/tiff";
  EMimeTypes["/9j/"] = "image/jpg";
  EMimeTypes["UEs"] = "application/vnd.openxmlformats-officedocument.";
  EMimeTypes["PK"] = "application/zip";
  EMimeTypes["msword"] = "doc";
})(EMimeTypes || (EMimeTypes = {}));

/***/ }),

/***/ 58973:
/*!*************************************************************************************************!*\
  !*** ./src/app/pages/tabs/payment/history-and-kvit/receipt-info/receipt-info-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 */   ReceiptInfoPageRoutingModule: () => (/* binding */ ReceiptInfoPageRoutingModule)
/* 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 _receipt_info_page__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./receipt-info.page */ 12623);




const routes = [{
  path: '',
  component: _receipt_info_page__WEBPACK_IMPORTED_MODULE_0__.ReceiptInfoPage
}];
let ReceiptInfoPageRoutingModule = class ReceiptInfoPageRoutingModule {};
ReceiptInfoPageRoutingModule = (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]
})], ReceiptInfoPageRoutingModule);


/***/ }),

/***/ 4484:
/*!*****************************************************************************************!*\
  !*** ./src/app/pages/tabs/payment/history-and-kvit/receipt-info/receipt-info.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 */   ReceiptInfoPageModule: () => (/* binding */ ReceiptInfoPageModule)
/* 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 _receipt_info_routing_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./receipt-info-routing.module */ 58973);
/* harmony import */ var _receipt_info_page__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./receipt-info.page */ 12623);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ngx-translate/core */ 597);








let ReceiptInfoPageModule = class ReceiptInfoPageModule {};
ReceiptInfoPageModule = (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, _receipt_info_routing_module__WEBPACK_IMPORTED_MODULE_0__.ReceiptInfoPageRoutingModule, _ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__.TranslateModule],
  declarations: [_receipt_info_page__WEBPACK_IMPORTED_MODULE_1__.ReceiptInfoPage]
})], ReceiptInfoPageModule);


/***/ }),

/***/ 12623:
/*!***************************************************************************************!*\
  !*** ./src/app/pages/tabs/payment/history-and-kvit/receipt-info/receipt-info.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 */   ReceiptInfoPage: () => (/* binding */ ReceiptInfoPage)
/* 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_14__ = __webpack_require__(/*! tslib */ 24398);
/* harmony import */ var _receipt_info_page_html_ngResource__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./receipt-info.page.html?ngResource */ 6145);
/* harmony import */ var _receipt_info_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./receipt-info.page.scss?ngResource */ 80917);
/* harmony import */ var _receipt_info_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_receipt_info_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_8__ = __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 rxjs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! rxjs */ 5342);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @angular/router */ 95072);
/* harmony import */ var _awesome_cordova_plugins_social_sharing_ngx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @awesome-cordova-plugins/social-sharing/ngx */ 72347);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @ionic/angular */ 21507);
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! rxjs/operators */ 89475);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @ngx-translate/core */ 597);
/* harmony import */ var _services_file_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../services/file.service */ 24704);
/* harmony import */ var _emuns__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../emuns */ 98823);















let ReceiptInfoPage = class ReceiptInfoPage {
  constructor(request, helper, fileService, activeRoute, socialSharing, alert, translate, destroyRef) {
    this.request = request;
    this.helper = helper;
    this.fileService = fileService;
    this.activeRoute = activeRoute;
    this.socialSharing = socialSharing;
    this.alert = alert;
    this.translate = translate;
    this.destroyRef = destroyRef;
    this.loading$ = (0,_angular_core__WEBPACK_IMPORTED_MODULE_8__.signal)(false);
    this.cachePrefixEnum = _emuns__WEBPACK_IMPORTED_MODULE_7__.ECachePrefix;
    this.month = null;
    this.year = null;
    this.fileId = null;
    this.refresher = null;
    this.fileCacheKey = this.request.activeLs.value + '_' + this.month + '.' + this.year;
    this.calculation = {
      services: [],
      total: null
    };
    this.month = this.activeRoute.snapshot.queryParamMap.get('month');
    this.year = this.activeRoute.snapshot.queryParamMap.get('year');
    this.fileId = this.activeRoute.snapshot.queryParamMap.get('fileId');
    this.fileCacheKey = this.request.activeLs.value + '_' + this.activeRoute.snapshot.queryParamMap.get('fileCacheKey') + '_' + this.year + '_' + this.month;
  }
  ngOnInit() {}
  ionViewWillEnter() {
    this.fileService.isInCache(this.fileCacheKey, _emuns__WEBPACK_IMPORTED_MODULE_7__.ECachePrefix.RECEIPT_FILE);
    this.timerLoad = setTimeout(() => {
      this.loading$.set(true);
    }, 100);
    this.loadData().finally(() => {
      clearTimeout(this.timerLoad);
      this.loading$.set(false);
    });
  }
  doRefresh(_event) {
    this.loadData(_event.target).finally(() => {
      this.refresher = null;
      _event.target.complete();
    });
    this.refresher = _event.target;
  }
  loadData(refresher) {
    var _this = this;
    return new Promise(resolve => {
      // Выполняем запрос
      const date = '01.' + this.month + '.' + this.year;
      this.request.getRequest(this.request.uri.calculationGet(this.request.activeLs.value, date), {
        preloader: false,
        forceUpdateCache: refresher,
        onlyCacheOrRequest: true
      }).pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_9__.finalize)(() => {
        resolve(true);
      })).subscribe(/*#__PURE__*/function () {
        var _ref = (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (result) {
          if (result.result) {
            _this.calculation = result;
          }
        });
        return function (_x) {
          return _ref.apply(this, arguments);
        };
      }());
    });
  }
  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) {
          if (result.result) {
            _this2.socialSharing.share(null, yield (0,rxjs__WEBPACK_IMPORTED_MODULE_10__.lastValueFrom)(_this2.translate.get('PAYMENT.PAY.SHARE_FILENAME', {
              date: (yield (0,rxjs__WEBPACK_IMPORTED_MODULE_10__.lastValueFrom)(_this2.translate.get(_this2.helper.months2[_this2.month - 1]))) + ' ' + _this2.year
            })), 'data:' + result.fileMimeType + ';base64,' + result.fileBase64).catch(/*#__PURE__*/function () {
              var _ref3 = (0,D_progr_mobileappv3_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (err) {
                console.error(err);
                _this2.alert.create({
                  header: yield (0,rxjs__WEBPACK_IMPORTED_MODULE_10__.lastValueFrom)(_this2.translate.get("ERROR_STRING.ERROR_HEADER")),
                  message: yield (0,rxjs__WEBPACK_IMPORTED_MODULE_10__.lastValueFrom)(_this2.translate.get("PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.SHARE_ERROR")),
                  buttons: [yield (0,rxjs__WEBPACK_IMPORTED_MODULE_10__.lastValueFrom)(_this2.translate.get("BUTTONS.OK"))]
                }).then(alert => alert.present());
              });
              return function (_x3) {
                return _ref3.apply(this, arguments);
              };
            }());
            // 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_10__.lastValueFrom)(_this2.translate.get("ERROR_STRING.ERROR_HEADER")),
              message: yield (0,rxjs__WEBPACK_IMPORTED_MODULE_10__.lastValueFrom)(_this2.translate.get("PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.SHARE_DOWNLOAD_ERROR")),
              buttons: [yield (0,rxjs__WEBPACK_IMPORTED_MODULE_10__.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_10__.lastValueFrom)(_this2.translate.get("ERROR_STRING.ERROR_HEADER")),
            message: yield (0,rxjs__WEBPACK_IMPORTED_MODULE_10__.lastValueFrom)(_this2.translate.get("PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.SHARE_DOWNLOAD_ERROR")),
            buttons: [yield (0,rxjs__WEBPACK_IMPORTED_MODULE_10__.lastValueFrom)(_this2.translate.get("BUTTONS.OK"))]
          }).then(alert => alert.present());
        });
        return function error() {
          return _ref4.apply(this, arguments);
        };
      }()
    });
  }
  onLoad() {
    if (!this.fileService.isLoading$()) this.fileService.open(this.fileId, this.fileCacheKey, '', this.destroyRef);
  }
  static {
    this.ctorParameters = () => [{
      type: _services_request_service__WEBPACK_IMPORTED_MODULE_3__.RequestService
    }, {
      type: _services_helper_service__WEBPACK_IMPORTED_MODULE_4__.HelperService
    }, {
      type: _services_file_service__WEBPACK_IMPORTED_MODULE_6__.FileService
    }, {
      type: _angular_router__WEBPACK_IMPORTED_MODULE_11__.ActivatedRoute
    }, {
      type: _awesome_cordova_plugins_social_sharing_ngx__WEBPACK_IMPORTED_MODULE_5__.SocialSharing
    }, {
      type: _ionic_angular__WEBPACK_IMPORTED_MODULE_12__.AlertController
    }, {
      type: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_13__.TranslateService
    }, {
      type: _angular_core__WEBPACK_IMPORTED_MODULE_8__.DestroyRef
    }];
  }
};
ReceiptInfoPage = (0,tslib__WEBPACK_IMPORTED_MODULE_14__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_8__.Component)({
  selector: 'app-receipt-info',
  template: _receipt_info_page_html_ngResource__WEBPACK_IMPORTED_MODULE_1__,
  providers: [_awesome_cordova_plugins_social_sharing_ngx__WEBPACK_IMPORTED_MODULE_5__.SocialSharing, _services_file_service__WEBPACK_IMPORTED_MODULE_6__.FileService],
  styles: [(_receipt_info_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2___default())]
})], ReceiptInfoPage);


/***/ }),

/***/ 80917:
/*!****************************************************************************************************!*\
  !*** ./src/app/pages/tabs/payment/history-and-kvit/receipt-info/receipt-info.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, `.content-page .date {
  text-align: center;
  font-size: 12px;
  color: var(--font-color-secondary);
}
.content-page .load-button {
  margin: 16px 0;
  border: 1px solid var(--receipt-btn-border-color);
  border-radius: 14px;
  color: var(--receipt-btn-text-color);
}
.content-page .load-button .button-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.content-page .load-button .button-title ion-spinner {
  color: var(--receipt-btn-text-color);
}
.content-page .load-button .button-title p {
  margin: 0;
}
.content-page .load-button:disabled {
  color: var(--receipt-btn-text-color-disabled);
  border-color: var(--receipt-btn-border-color-disabled);
}
.content-page ion-card .header {
  font-size: 20px;
  font-weight: 500;
  color: var(--font-color-primary);
  padding: 16px;
}
.content-page ion-card .list {
  color: var(--font-color-secondary);
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
}
.content-page ion-card .list .sum {
  color: var(--font-color-primary);
  white-space: nowrap;
}
.content-page ion-card hr {
  margin: 0;
  margin-top: 8px;
  height: 0;
  border: none;
  border-top: 2px dashed var(--color-separate);
  background: none;
}
.content-page ion-card .total {
  font-size: 20px;
  font-weight: 500;
  color: var(--font-color-primary);
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.content-page ion-card .total .sum {
  white-space: nowrap;
}
.content-page ion-card .receipt-info-card-header {
  display: flex;
  align-items: stretch;
  height: 100%;
}
.content-page ion-card .receipt-info-card-header .receipt-info-card-icon {
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--ion-color-primary-lighten-5);
  margin: 16px 0 16px 16px;
  width: 48px !important;
  height: 48px !important;
}
.content-page ion-card .receipt-info-card-header .receipt-info-card-icon .icon-block {
  width: 24px !important;
  height: 24px !important;
}
.content-page ion-card .receipt-info-card-header .receipt-info-card-icon .icon-block ion-spinner {
  height: 24px;
  width: 24px;
}
.content-page ion-card .receipt-info-card-header .receipt-info-card-icon ion-icon {
  width: 30px;
  height: 30px;
  color: var(--ion-color-primary);
}
.content-page ion-card .receipt-info-card-header ion-card-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}
.content-page ion-card .receipt-info-card-header ion-card-header ion-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: normal;
}`, "",{"version":3,"sources":["webpack://./src/app/pages/tabs/payment/history-and-kvit/receipt-info/receipt-info.page.scss"],"names":[],"mappings":"AACE;EACE,kBAAA;EACA,eAAA;EACA,kCAAA;AAAJ;AAGE;EACE,cAAA;EACA,iDAAA;EACA,mBAAA;EACA,oCAAA;AADJ;AAGI;EACE,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,QAAA;AADN;AAGM;EACE,oCAAA;AADR;AAIM;EACE,SAAA;AAFR;AAOE;EACE,6CAAA;EACA,sDAAA;AALJ;AASI;EACE,eAAA;EACA,gBAAA;EACA,gCAAA;EACA,aAAA;AAPN;AASI;EACE,kCAAA;EACA,aAAA;EACA,8BAAA;EACA,iBAAA;AAPN;AAWM;EACE,gCAAA;EACA,mBAAA;AATR;AAYI;EACE,SAAA;EACA,eAAA;EACA,SAAA;EACA,YAAA;EACA,4CAAA;EACA,gBAAA;AAVN;AAYI;EACE,eAAA;EACA,gBAAA;EACA,gCAAA;EACA,aAAA;EACA,8BAAA;EACA,aAAA;AAVN;AAcM;EACE,mBAAA;AAZR;AAgBI;EACE,aAAA;EACA,oBAAA;EACA,YAAA;AAdN;AAeM;EACE,kBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,8CAAA;EACA,wBAAA;EACA,sBAAA;EACA,uBAAA;AAbR;AAcQ;EACE,sBAAA;EACA,uBAAA;AAZV;AAaU;EACE,YAAA;EACA,WAAA;AAXZ;AAcQ;EACE,WAAA;EACA,YAAA;EACA,+BAAA;AAZV;AAgBM;EACE,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,YAAA;AAdR;AAeQ;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,mBAAA;AAbV","sourcesContent":[".content-page {\n  .date {\n    text-align: center;\n    font-size: 12px;\n    color: var(--font-color-secondary);\n  }\n\n  .load-button {\n    margin: 16px 0;\n    border: 1px solid var(--receipt-btn-border-color);\n    border-radius: 14px;\n    color: var(--receipt-btn-text-color);\n\n    .button-title {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      gap: 5px;\n\n      ion-spinner {\n        color: var(--receipt-btn-text-color);\n      }\n\n      p {\n        margin: 0;\n      }\n    }\n  }\n\n  .load-button:disabled {\n    color: var(--receipt-btn-text-color-disabled);\n    border-color: var(--receipt-btn-border-color-disabled);\n  }\n\n  ion-card {\n    .header {\n      font-size: 20px;\n      font-weight: 500;\n      color: var(--font-color-primary);\n      padding: 16px;\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    .receipt-info-card-header {\n      display: flex;\n      align-items: stretch;\n      height: 100%;\n      .receipt-info-card-icon {\n        border-radius: 8px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background: var(--ion-color-primary-lighten-5);\n        margin: 16px 0 16px 16px;\n        width: 48px !important;\n        height: 48px !important;\n        .icon-block {\n          width: 24px !important;\n          height: 24px !important;\n          ion-spinner {\n            height: 24px;\n            width: 24px\n          }\n        }\n        ion-icon {\n          width: 30px;\n          height: 30px;\n          color: var(--ion-color-primary);\n        }\n      }\n\n      ion-card-header {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        flex-grow: 1;\n        ion-card-title {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          font-weight: normal;\n        }\n      }\n    }\n  }\n}\n"],"sourceRoot":""}]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___.toString();


/***/ }),

/***/ 6145:
/*!****************************************************************************************************!*\
  !*** ./src/app/pages/tabs/payment/history-and-kvit/receipt-info/receipt-info.page.html?ngResource ***!
  \****************************************************************************************************/
/***/ ((module) => {

"use strict";
module.exports = "<ion-header class=\"ion-no-border\">\n    @if (loading$()) {\n        <ion-toolbar>\n            <ion-buttons slot=\"start\">\n                <ion-back-button text=\"\" icon=\"/assets/icons/Chevron_Left.svg\"/>\n            </ion-buttons>\n            <ion-title>\n                <div class=\"header-fullscreen\">\n                    <div class=\"title\">\n                        <ion-spinner/> {{ 'UPDATING' | translate }}\n                    </div>\n                </div>\n            </ion-title>\n        </ion-toolbar>\n    } @else {\n        <ion-toolbar>\n            <ion-buttons slot=\"start\">\n                <ion-back-button text=\"\" icon=\"/assets/icons/Chevron_Left.svg\"/>\n            </ion-buttons>\n            <ion-title>{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.TITLE' | translate }}</ion-title>\n            <ion-buttons slot=\"end\">\n                <ion-button (click)=\"share()\" type=\"button\" fill=\"clear\">\n                    <ion-icon src=\"/assets/icons/Export.svg\"/>\n                    <ion-badge color=\"primary\"/>\n                </ion-button>\n            </ion-buttons>\n        </ion-toolbar>\n    }\n</ion-header>\n\n<ion-content>\n    @if (!loading$()) {\n        <ion-refresher slot=\"fixed\" (ionRefresh)=\"doRefresh($event)\">\n            <ion-refresher-content />\n        </ion-refresher>\n    }\n\n\n  <div class=\"content-page\">\n    <div class=\"date\">\n      {{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.DATE' | translate:{date: (helper.months2[month - 1] | translate) + ' ' + year} }}\n    </div>\n\n    @if (!loading$()) {\n      <ion-card class=\"el-anim-tap\" (click)=\"onLoad()\">\n        <div class=\"receipt-info-card-header\">\n          <div class=\"receipt-info-card-icon\">\n            <div class=\"icon-block icon-settings\">\n              @if (fileService.isCached$()) {\n                <ion-icon src=\"/assets/icons/File.svg\"></ion-icon>\n              } @else if (fileService.isLoading$()) {\n                <ion-spinner color=\"primary\"></ion-spinner>\n              } @else {\n                <ion-icon src=\"/assets/icons/Arrow_Collapse_Down.svg\"></ion-icon>\n              }\n            </div>\n          </div>\n\n          <ion-card-header>\n            @if (fileService.isCached$()) {\n              <ion-card-title>{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.OPEN_FILE' | translate }}</ion-card-title>\n            } @else if (fileService.isLoading$()) {\n              <ion-card-title>{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.LOADING_FILE' | translate }}</ion-card-title>\n            } @else {\n              <ion-card-title>{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.LOAD_FILE' | translate }}</ion-card-title>\n            }\n          </ion-card-header>\n        </div>\n      </ion-card>\n    }\n\n      @if (!loading$()) {\n          @if (!calculation.result) {\n              <ion-card>\n                  <div class=\"reading-card-header\">\n                      <ion-card-header>\n                          <ion-card-title>{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.ERROR' | translate }}</ion-card-title>\n                      </ion-card-header>\n                  </div>\n              </ion-card>\n          } @else {\n              <ion-card>\n                  <div [hidden]=\"calculation.services.length <= 0\">\n                      <div class=\"header\">{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.SERVICES' | translate }}</div>\n                      @for (service of calculation.services; track service) {\n                          <div class=\"list\">\n                              <div class=\"name\">{{ service.name }}</div>\n                              <div class=\"sum\">{{ helper.paySumFormate(service.data.accrued) }}</div>\n                          </div>\n                      }\n                      <hr/>\n                  </div>\n\n                  <div class=\"header\">{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.CALCULATION' | translate }}</div>\n                  @if (calculation.total !== null) {\n                      <div>\n                          <div class=\"list\">\n                              <div class=\"name\">{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.DEBT' | translate }}</div>\n                              <div class=\"sum\">{{ helper.paySumFormate(calculation.total.all.data.totalInSaldo) }}</div>\n                          </div>\n                          <div class=\"list\">\n                              <div class=\"name\">{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.PENALTY_DEBT' | translate }}</div>\n                              <div class=\"sum\">{{ helper.paySumFormate(calculation.total.peni.data.inSaldo) }}</div>\n                          </div>\n                          <div class=\"list\">\n                              <div class=\"name\">{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.ACCRUED' | translate }}</div>\n                              <div class=\"sum\">{{ helper.paySumFormate(calculation.total.all.data.totalAccrued) }}</div>\n                          </div>\n                          <div class=\"list\">\n                              <div class=\"name\">{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.RECALCULATION' | translate }}</div>\n                              <div class=\"sum\">{{ helper.paySumFormate(calculation.total.all.data.totalRecalc) }}</div>\n                          </div>\n                          <div class=\"list\">\n                              <div class=\"name\">{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.PENALTIES' | translate }}</div>\n                              <div class=\"sum\">{{ helper.paySumFormate(calculation.total.peni.data.accrued) }}</div>\n                          </div>\n                          <div class=\"list\">\n                              <div class=\"name\">{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.PAID_FOR' | translate }}</div>\n                              <div class=\"sum\">{{ helper.paySumFormate(calculation.total.all.data.totalPayments) }}</div>\n                          </div>\n                          <hr/>\n                          <div class=\"total\">\n                              <div class=\"name\">{{ 'PAYMENT.HISTORY_PAGE.RECEIPT_INFO_PAGE.TOTAL' | translate }}</div>\n                              <div class=\"sum\">{{ helper.paySumFormate(calculation.total.all.data.totalOutSaldo + calculation.total.peni.data.outSaldo) }}</div>\n                          </div>\n                      </div>\n                  }\n              </ion-card>\n          }\n      }\n  </div>\n</ion-content>\n";

/***/ })

}]);
//# sourceMappingURL=src_app_pages_tabs_payment_history-and-kvit_receipt-info_receipt-info_module_ts.js.map