ng-orel-card-ipg/esm2015/lib/ng-orel-card-ipg.component.js

## Installation

import { Component } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { NgOrelCardIpgService } from './ng-orel-card-ipg.service';
export class NgOrelCardIpgComponent {
    constructor(sanitizer, cardIpgService) {
        this.sanitizer = sanitizer;
        this.cardIpgService = cardIpgService;
        this.configuration = {
            local: {
                gtUrl: 'https://orel.mpg/app',
            },
            dev: {
                gtUrl: 'https://testgateway.paymediasolutions.com',
            },
            prod: {
                gtUrl: 'https://gateway.orelpay.lk',
            }
        };
    }
    ngOnInit() {
        this.cardIpgService.showPage$.subscribe(lst => this.ifShowPage = lst);
        this.cardIpgService.getSession$.subscribe(st => {
            this.pageUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.configuration[this.setStage].gtUrl + '/' + st);
        });
        this.cardIpgService.selectedStage$.subscribe(stg => this.setStage = stg);
    }
}
NgOrelCardIpgComponent.decorators = [
    { type: Component, args: [{
                selector: 'lib-ng-orel-card-ipg',
                template: `
    <div *ngIf="this.ifShowPage">
      <iframe class='e2e-iframe-trusted-src holds-the-iframe' [src]="pageUrl"></iframe>
    </div>
  `,
                styles: [".holds-the-iframe{background:url(\"data:image/svg+xml,%3Csvg width='129px' height='129px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='lds-double-ring' style='background: none;'%3E%3Ccircle cx='50' cy='50' ng-attr-r='%7B%7Bconfig.radius%7D%7D' ng-attr-stroke-width='%7B%7Bconfig.width%7D%7D' ng-attr-stroke='%7B%7Bconfig.c1%7D%7D' ng-attr-stroke-dasharray='%7B%7Bconfig.dasharray%7D%7D' fill='none' stroke-linecap='round' r='40' stroke-width='4' stroke='%23012480' stroke-dasharray='62.83185307179586 62.83185307179586' transform='rotate(130.065 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='linear' values='0 50 50;360 50 50' keyTimes='0;1' dur='2s' begin='0s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle cx='50' cy='50' ng-attr-r='%7B%7Bconfig.radius2%7D%7D' ng-attr-stroke-width='%7B%7Bconfig.width%7D%7D' ng-attr-stroke='%7B%7Bconfig.c2%7D%7D' ng-attr-stroke-dasharray='%7B%7Bconfig.dasharray2%7D%7D' ng-attr-stroke-dashoffset='%7B%7Bconfig.dashoffset2%7D%7D' fill='none' stroke-linecap='round' r='35' stroke-width='4' stroke='%23a0a0a0' stroke-dasharray='54.97787143782138 54.97787143782138' stroke-dashoffset='54.97787143782138' transform='rotate(-130.065 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='linear' values='0 50 50;-360 50 50' keyTimes='0;1' dur='2s' begin='0s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E\") center center no-repeat;top:0;left:0;bottom:0;right:0;width:100%;height:700px;border:none;margin:0;padding:0;overflow:hidden}\n"]
            },] }
];
NgOrelCardIpgComponent.ctorParameters = () => [
    { type: DomSanitizer },
    { type: NgOrelCardIpgService }
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctb3JlbC1jYXJkLWlwZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1vcmVsLWNhcmQtaXBnL3NyYy9saWIvbmctb3JlbC1jYXJkLWlwZy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUNoRCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDdkQsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFXaEUsTUFBTSxPQUFPLHNCQUFzQjtJQWtCakMsWUFBb0IsU0FBdUIsRUFBVSxjQUFvQztRQUFyRSxjQUFTLEdBQVQsU0FBUyxDQUFjO1FBQVUsbUJBQWMsR0FBZCxjQUFjLENBQXNCO1FBWnpGLGtCQUFhLEdBQUc7WUFDZCxLQUFLLEVBQUU7Z0JBQ0wsS0FBSyxFQUFFLHNCQUFzQjthQUM5QjtZQUNELEdBQUcsRUFBRTtnQkFDSCxLQUFLLEVBQUUsMkNBQTJDO2FBQ25EO1lBQ0QsSUFBSSxFQUFFO2dCQUNKLEtBQUssRUFBRSw0QkFBNEI7YUFDcEM7U0FDRixDQUFDO0lBR0YsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsQ0FBQyxDQUFDO1FBQ3RFLElBQUksQ0FBQyxjQUFjLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsRUFBRTtZQUM3QyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsOEJBQThCLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsS0FBSyxHQUFHLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUNuSCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxjQUFjLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDLENBQUM7SUFDM0UsQ0FBQzs7O1lBcENGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsc0JBQXNCO2dCQUNoQyxRQUFRLEVBQUU7Ozs7R0FJVDs7YUFFRjs7O1lBWE8sWUFBWTtZQUNaLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtEb21TYW5pdGl6ZXJ9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHtOZ09yZWxDYXJkSXBnU2VydmljZX0gZnJvbSAnLi9uZy1vcmVsLWNhcmQtaXBnLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItbmctb3JlbC1jYXJkLWlwZycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiAqbmdJZj1cInRoaXMuaWZTaG93UGFnZVwiPlxuICAgICAgPGlmcmFtZSBjbGFzcz0nZTJlLWlmcmFtZS10cnVzdGVkLXNyYyBob2xkcy10aGUtaWZyYW1lJyBbc3JjXT1cInBhZ2VVcmxcIj48L2lmcmFtZT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbmctb3JlbC1jYXJkLWlwZy5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTmdPcmVsQ2FyZElwZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHVibGljIGlmU2hvd1BhZ2U6IGJvb2xlYW47XG4gIHB1YmxpYyBzZXNzaW9uOiBzdHJpbmc7XG4gIHByaXZhdGUgc2V0U3RhZ2U6IHN0cmluZztcbiAgcHJpdmF0ZSBwYWdlVXJsOiBhbnk7XG4gIGNvbmZpZ3VyYXRpb24gPSB7XG4gICAgbG9jYWw6IHtcbiAgICAgIGd0VXJsOiAnaHR0cHM6Ly9vcmVsLm1wZy9hcHAnLFxuICAgIH0sXG4gICAgZGV2OiB7XG4gICAgICBndFVybDogJ2h0dHBzOi8vdGVzdGdhdGV3YXkucGF5bWVkaWFzb2x1dGlvbnMuY29tJyxcbiAgICB9LFxuICAgIHByb2Q6IHtcbiAgICAgIGd0VXJsOiAnaHR0cHM6Ly9nYXRld2F5Lm9yZWxwYXkubGsnLFxuICAgIH1cbiAgfTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyLCBwcml2YXRlIGNhcmRJcGdTZXJ2aWNlOiBOZ09yZWxDYXJkSXBnU2VydmljZSkge1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jYXJkSXBnU2VydmljZS5zaG93UGFnZSQuc3Vic2NyaWJlKGxzdCA9PiB0aGlzLmlmU2hvd1BhZ2UgPSBsc3QpO1xuICAgIHRoaXMuY2FyZElwZ1NlcnZpY2UuZ2V0U2Vzc2lvbiQuc3Vic2NyaWJlKHN0ID0+IHtcbiAgICAgIHRoaXMucGFnZVVybCA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybCh0aGlzLmNvbmZpZ3VyYXRpb25bdGhpcy5zZXRTdGFnZV0uZ3RVcmwgKyAnLycgKyBzdCk7XG4gICAgfSk7XG4gICAgdGhpcy5jYXJkSXBnU2VydmljZS5zZWxlY3RlZFN0YWdlJC5zdWJzY3JpYmUoc3RnID0+IHRoaXMuc2V0U3RhZ2UgPSBzdGcpO1xuICB9XG5cbn1cbiJdfQ==