@agorapulse/ui-components 0.0.1

package/esm2015/src/lib/image-carousel/image-carousel.component.js

@@ -0,0 +1,143 @@
+import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild } from '@angular/core';
+import { animate, AnimationBuilder, style } from '@angular/animations';
+export var InstagramCarouselItemType;
+(function (InstagramCarouselItemType) {
+    InstagramCarouselItemType["IMAGE"] = "photo";
+    InstagramCarouselItemType["VIDEO"] = "video";
+})(InstagramCarouselItemType || (InstagramCarouselItemType = {}));
+export class ImageCarouselComponent {
+    constructor(animationBuilder) {
+        this.animationBuilder = animationBuilder;
+        this.InstagramCarouselItemType = InstagramCarouselItemType;
+        this.items = [];
+        this.dotsInside = false;
+        this.soundEnabled = false;
+        this.supportGif = true;
+        this.tinyMode = false;
+        this.currentImageChanged = new EventEmitter();
+        this._selectedIndex = 0;
+        this.carouselOffset = 0;
+        this.videoPlayers = [];
+    }
+    get selectedIndex() {
+        return this._selectedIndex;
+    }
+    set selectedIndex(value) {
+        this.videoPause(this.selectedIndex);
+        if (value < 0) {
+            value = 0;
+        }
+        if (value > this.items.length - 1) {
+            value = this.items.length - 1;
+        }
+        this._selectedIndex = value;
+        this.move();
+        if (this.tinyMode && this.mouseOver) {
+            this.videoPlay(this.selectedIndex);
+        }
+    }
+    isPrevButtonEnabled() {
+        return this.selectedIndex > 0;
+    }
+    isNextButtonEnabled() {
+        if (this.items && this.items[this.selectedIndex]) {
+            return this.selectedIndex < this.items.length - 1;
+        }
+        return false;
+    }
+    isVideo() {
+        if (this.items && this.items[this.selectedIndex]) {
+            return this.items[this.selectedIndex].type === InstagramCarouselItemType.VIDEO;
+        }
+        return false;
+    }
+    dotsDisplayed() {
+        if (this.items && this.items[this.selectedIndex]) {
+            return this.items.length > 1;
+        }
+        return false;
+    }
+    prev() {
+        this.selectedIndex -= 1;
+        this.currentImageChanged.emit(this.items[this.selectedIndex]);
+    }
+    next() {
+        this.selectedIndex += 1;
+        this.currentImageChanged.emit(this.items[this.selectedIndex]);
+    }
+    play(event, index) {
+        if (!this.tinyMode) {
+            const videoPlayer = this.videoPlayers[index];
+            if (videoPlayer) {
+                videoPlayer.paused ? this.videoPlay(index) : this.videoPause(index);
+            }
+            event.stopPropagation();
+        }
+    }
+    move(instantaneous = false) {
+        this.carouselOffset = -this.carousel.nativeElement.offsetWidth * this.selectedIndex;
+        this.animationBuilder.build(animate(instantaneous ? '1ms' : '250ms ease-in', style({ transform: `translateX(${this.carouselOffset}px)` }))).create(this.carousel.nativeElement).play();
+    }
+    onMouseEntersVideo(event, index) {
+        this.mouseOver = true;
+        if (this.tinyMode) {
+            this.videoPlay(index);
+        }
+    }
+    onMouseLeavesVideo(event, index) {
+        this.mouseOver = false;
+        if (this.tinyMode) {
+            this.videoPause(index);
+        }
+    }
+    onResize(event) {
+        this.move(true);
+    }
+    registerVideoPlayer(event, index) {
+        this.videoPlayers[index] = event.target;
+        event.target.muted = !this.soundEnabled;
+    }
+    videoPause(index) {
+        const videoPlayer = this.videoPlayers[index];
+        if (videoPlayer) {
+            videoPlayer.pause();
+            this.isPlaying = false;
+        }
+    }
+    videoPlay(index) {
+        const videoPlayer = this.videoPlayers[index];
+        if (videoPlayer) {
+            videoPlayer.play();
+            this.isPlaying = true;
+        }
+    }
+    switchSound() {
+        this.soundEnabled = !this.soundEnabled;
+        for (const player of this.videoPlayers) {
+            player.muted = !this.soundEnabled;
+        }
+    }
+}
+ImageCarouselComponent.decorators = [
+    { type: Component, args: [{
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                selector: 'ap-image-carousel',
+                template: "<section *ngIf=\"items && items.length > 0 && items[0].url\">\n    <div class=\"carousel-wrapper\"\n         (mouseenter)=\"onMouseEntersVideo($event, selectedIndex)\"\n         (mouseleave)=\"onMouseLeavesVideo($event, selectedIndex)\">\n        <ul class=\"carousel-inner\" #carousel>\n            <li *ngFor=\"let item of items; let i = index\" class=\"carousel-item\">\n                <ng-template [ngIf]=\"item.type === InstagramCarouselItemType.IMAGE && item.url\">\n                    <img apFrozenGif\n                         [apFrozen]=\"!supportGif\"\n                         [default]=\"'assets/img/default.png'\"\n                         [src]=\"item.url\">\n                </ng-template>\n                <ng-template [ngIf]=\"item.type === InstagramCarouselItemType.VIDEO && item.url\">\n                    <video [id]=\"'video-' + i\"\n                           [attr.poster]=\"item.thumbnailUrl\"\n                           [loop]=\"tinyMode\"\n                           [src]=\"item.url\"\n                           (click)=\"play($event, i)\"\n                           (ended)=\"isPlaying = false\"\n                           (loadstart)=\"registerVideoPlayer($event, i)\">\n                    </video>\n                    <svg class=\"play-button\"\n                         xmlns=\"http://www.w3.org/2000/svg\"\n                         (click)=\"play($event, i)\">\n                        <path *ngIf=\"!isPlaying\" d=\"M11,10 L18,13.74 18,22.28 11,26 M18,13.74 L26,18 26,18 18,22.28\"/>\n                    </svg>\n                    <mat-icon class=\"sound-button\"\n                              *ngIf=\"!tinyMode\"\n                              (click)=\"switchSound(); $event.stopPropagation();\">\n                        {{soundEnabled ? 'volume_up' : 'volume_off'}}\n                    </mat-icon>\n                </ng-template>\n            </li>\n        </ul>\n\n        <svg class=\"nav-button prev\"\n             [ngClass]=\"{'disabled': !isPrevButtonEnabled(), 'tiny': tinyMode}\"\n             (click)=\"prev(); $event.stopPropagation();\"\n             xmlns=\"http://www.w3.org/2000/svg\"\n             viewBox=\"0 0 455 455\">\n            <path d=\"M227.5,0C101.855,0,0,101.855,0,227.5S101.855,455,227.5,455S455,353.145,455,227.5S353.145,0,227.5,0z M199.476,355.589\n                  l-21.248-21.178L284.791,227.5L178.228,120.589l21.248-21.178L327.148,227.5L199.476,355.589z\"/>\n        </svg>\n\n        <svg class=\"nav-button next\"\n             [ngClass]=\"{'disabled': !isNextButtonEnabled(), 'tiny': tinyMode}\"\n             (click)=\"next(); $event.stopPropagation();\"\n             xmlns=\"http://www.w3.org/2000/svg\"\n             viewBox=\"0 0 455 455\">\n            <path d=\"M227.5,0C101.855,0,0,101.855,0,227.5S101.855,455,227.5,455S455,353.145,455,227.5S353.145,0,227.5,0z M199.476,355.589\n\t              l-21.248-21.178L284.791,227.5L178.228,120.589l21.248-21.178L327.148,227.5L199.476,355.589z\"/>\n        </svg>\n    </div>\n    <div [ngClass]=\"{'inside': dotsInside}\">\n        <ap-dots-stepper\n            fxLayout=\"row\"\n            fxLayoutAlign=\"center\"\n            size=\"small\"\n            *ngIf=\"dotsDisplayed()\"\n            [items]=\"items\"\n            [index]=\"selectedIndex\"\n            (dotClick)=\"selectedIndex = $event\"></ap-dots-stepper>\n    </div>\n</section>\n",
+                styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}section{position:relative}section .carousel-wrapper{overflow:hidden;width:100%;padding-top:100%;position:relative}section .carousel-wrapper .carousel-inner{position:absolute;top:0;margin:0;padding:0;width:100%;height:100%;display:flex;list-style:none}section .carousel-wrapper .carousel-inner .carousel-item{position:relative;width:100%;flex-shrink:0;text-align:center}section .carousel-wrapper .carousel-inner .carousel-item img,section .carousel-wrapper .carousel-inner .carousel-item video{height:100%;width:100%;object-fit:cover;object-position:center}section .carousel-wrapper .carousel-inner .carousel-item .play-button{z-index:1000;position:absolute;top:0;right:0;bottom:0;left:0;width:32px;height:32px;transform:scale(2);margin:auto;filter:drop-shadow(0 0 1px rgba(0,0,0,.25))}section .carousel-wrapper .carousel-inner .carousel-item .play-button path{fill:#fffc}section .carousel-wrapper .carousel-inner .carousel-item .sound-button{z-index:1000;position:absolute;right:8px;bottom:8px;color:#fff}section .carousel-wrapper .nav-button{width:30px;height:30px;position:absolute;top:0;bottom:0;cursor:pointer;margin:auto;opacity:.4;filter:drop-shadow(0 0 1px rgba(0,0,0,.25))}section .carousel-wrapper .nav-button.tiny{width:20px;height:20px}section .carousel-wrapper .nav-button path{fill:#fffc}section .carousel-wrapper .nav-button.prev{left:12px;transform:rotate(180deg)}section .carousel-wrapper .nav-button.next{right:12px}section .carousel-wrapper .nav-button.disabled{display:none}section ::ng-deep div.inside ap-dots-stepper div.dots{bottom:0;width:calc(100% - 80px)}"]
+            },] }
+];
+/** @nocollapse */
+ImageCarouselComponent.ctorParameters = () => [
+    { type: AnimationBuilder }
+];
+ImageCarouselComponent.propDecorators = {
+    carousel: [{ type: ViewChild, args: ['carousel',] }],
+    items: [{ type: Input }],
+    dotsInside: [{ type: Input }],
+    soundEnabled: [{ type: Input }],
+    supportGif: [{ type: Input }],
+    tinyMode: [{ type: Input }],
+    currentImageChanged: [{ type: Output }],
+    onResize: [{ type: HostListener, args: ['window:resize', ['$event'],] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvaW1hZ2UtY2Fyb3VzZWwvaW1hZ2UtY2Fyb3VzZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFckUsTUFBTSxDQUFOLElBQVkseUJBR1g7QUFIRCxXQUFZLHlCQUF5QjtJQUNqQyw0Q0FBZSxDQUFBO0lBQ2YsNENBQWUsQ0FBQTtBQUNuQixDQUFDLEVBSFcseUJBQXlCLEtBQXpCLHlCQUF5QixRQUdwQztBQWNELE1BQU0sT0FBTyxzQkFBc0I7SUFvQi9CLFlBQW9CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBbEIvQyw4QkFBeUIsR0FBRyx5QkFBeUIsQ0FBQztRQUlwRCxVQUFLLEdBQTRCLEVBQUUsQ0FBQztRQUNwQyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVoQix3QkFBbUIsR0FBd0MsSUFBSSxZQUFZLEVBQXlCLENBQUM7UUFFdkcsbUJBQWMsR0FBRyxDQUFDLENBQUM7UUFDcEIsbUJBQWMsR0FBRyxDQUFDLENBQUM7UUFHbkIsaUJBQVksR0FBdUIsRUFBRSxDQUFDO0lBRzdDLENBQUM7SUFFRCxJQUFXLGFBQWE7UUFDcEIsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFXLGFBQWEsQ0FBQyxLQUFhO1FBQ2xDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3BDLElBQUksS0FBSyxHQUFHLENBQUMsRUFBRTtZQUNYLEtBQUssR0FBRyxDQUFDLENBQUM7U0FDYjtRQUNELElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUMvQixLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1NBQ2pDO1FBQ0QsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7UUFDNUIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ1osSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDakMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDdEM7SUFDTCxDQUFDO0lBRUQsbUJBQW1CO1FBQ2YsT0FBTyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsbUJBQW1CO1FBQ2YsSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxFQUFFO1lBQzlDLE9BQU8sSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7U0FDckQ7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNqQixDQUFDO0lBRUQsT0FBTztRQUNILElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsRUFBRTtZQUM5QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksS0FBSyx5QkFBeUIsQ0FBQyxLQUFLLENBQUM7U0FDbEY7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNqQixDQUFDO0lBRUQsYUFBYTtRQUNULElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsRUFBRTtZQUM5QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztTQUNoQztRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxJQUFJO1FBQ0EsSUFBSSxDQUFDLGFBQWEsSUFBSSxDQUFDLENBQUM7UUFDeEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxJQUFJO1FBQ0EsSUFBSSxDQUFDLGFBQWEsSUFBSSxDQUFDLENBQUM7UUFDeEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQWE7UUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDaEIsTUFBTSxXQUFXLEdBQXFCLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDL0QsSUFBSSxXQUFXLEVBQUU7Z0JBQ2IsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUN2RTtZQUNELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztTQUMzQjtJQUNMLENBQUM7SUFFRCxJQUFJLENBQUMsZ0JBQXlCLEtBQUs7UUFDL0IsSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBQ3BGLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQ3ZCLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLElBQUksQ0FBQyxjQUFjLEtBQUssRUFBQyxDQUFDLENBQUMsQ0FDL0csQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqRCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBSyxFQUFFLEtBQUs7UUFDM0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN6QjtJQUNMLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsS0FBSztRQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDZixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzFCO0lBQ0wsQ0FBQztJQUdELFFBQVEsQ0FBQyxLQUFLO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQixDQUFDO0lBRU0sbUJBQW1CLENBQUMsS0FBSyxFQUFFLEtBQWE7UUFDM0MsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDO1FBQ3hDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM1QyxDQUFDO0lBRU8sVUFBVSxDQUFDLEtBQWE7UUFDNUIsTUFBTSxXQUFXLEdBQXFCLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0QsSUFBSSxXQUFXLEVBQUU7WUFDYixXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7U0FDMUI7SUFDTCxDQUFDO0lBRU8sU0FBUyxDQUFDLEtBQWE7UUFDM0IsTUFBTSxXQUFXLEdBQXFCLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0QsSUFBSSxXQUFXLEVBQUU7WUFDYixXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7U0FDekI7SUFDTCxDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO1FBQ3ZDLEtBQUssTUFBTSxNQUFNLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNwQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztTQUNyQztJQUNMLENBQUM7OztZQWpKSixTQUFTLFNBQUM7Z0JBQ1AsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07Z0JBQy9DLFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLHcwR0FBOEM7O2FBRWpEOzs7O1lBbEJnQixnQkFBZ0I7Ozt1QkF1QjVCLFNBQVMsU0FBQyxVQUFVO29CQUVwQixLQUFLO3lCQUNMLEtBQUs7MkJBQ0wsS0FBSzt5QkFDTCxLQUFLO3VCQUNMLEtBQUs7a0NBRUwsTUFBTTt1QkFnR04sWUFBWSxTQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHthbmltYXRlLCBBbmltYXRpb25CdWlsZGVyLCBzdHlsZX0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmV4cG9ydCBlbnVtIEluc3RhZ3JhbUNhcm91c2VsSXRlbVR5cGUge1xuICAgIElNQUdFID0gJ3Bob3RvJyxcbiAgICBWSURFTyA9ICd2aWRlbydcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbnN0YWdyYW1DYXJvdXNlbEl0ZW0ge1xuICAgIHR5cGU6IEluc3RhZ3JhbUNhcm91c2VsSXRlbVR5cGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgdGh1bWJuYWlsVXJsPzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLWltYWdlLWNhcm91c2VsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtY2Fyb3VzZWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ltYWdlLWNhcm91c2VsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VDYXJvdXNlbENvbXBvbmVudCB7XG5cbiAgICBwdWJsaWMgSW5zdGFncmFtQ2Fyb3VzZWxJdGVtVHlwZSA9IEluc3RhZ3JhbUNhcm91c2VsSXRlbVR5cGU7XG5cbiAgICBAVmlld0NoaWxkKCdjYXJvdXNlbCcpIHByaXZhdGUgY2Fyb3VzZWw6IEVsZW1lbnRSZWY7XG5cbiAgICBASW5wdXQoKSBpdGVtczogSW5zdGFncmFtQ2Fyb3VzZWxJdGVtW10gPSBbXTtcbiAgICBASW5wdXQoKSBkb3RzSW5zaWRlID0gZmFsc2U7XG4gICAgQElucHV0KCkgc291bmRFbmFibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgc3VwcG9ydEdpZiA9IHRydWU7XG4gICAgQElucHV0KCkgdGlueU1vZGUgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSBjdXJyZW50SW1hZ2VDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8SW5zdGFncmFtQ2Fyb3VzZWxJdGVtPiA9IG5ldyBFdmVudEVtaXR0ZXI8SW5zdGFncmFtQ2Fyb3VzZWxJdGVtPigpO1xuXG4gICAgcHJpdmF0ZSBfc2VsZWN0ZWRJbmRleCA9IDA7XG4gICAgcHVibGljIGNhcm91c2VsT2Zmc2V0ID0gMDtcbiAgICBwdWJsaWMgaXNQbGF5aW5nOiBib29sZWFuO1xuICAgIHByaXZhdGUgbW91c2VPdmVyOiBib29sZWFuO1xuICAgIHB1YmxpYyB2aWRlb1BsYXllcnM6IEhUTUxWaWRlb0VsZW1lbnRbXSA9IFtdO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBhbmltYXRpb25CdWlsZGVyOiBBbmltYXRpb25CdWlsZGVyKSB7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBzZWxlY3RlZEluZGV4KCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLl9zZWxlY3RlZEluZGV4O1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXQgc2VsZWN0ZWRJbmRleCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMudmlkZW9QYXVzZSh0aGlzLnNlbGVjdGVkSW5kZXgpO1xuICAgICAgICBpZiAodmFsdWUgPCAwKSB7XG4gICAgICAgICAgICB2YWx1ZSA9IDA7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHZhbHVlID4gdGhpcy5pdGVtcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICB2YWx1ZSA9IHRoaXMuaXRlbXMubGVuZ3RoIC0gMTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLl9zZWxlY3RlZEluZGV4ID0gdmFsdWU7XG4gICAgICAgIHRoaXMubW92ZSgpO1xuICAgICAgICBpZiAodGhpcy50aW55TW9kZSAmJiB0aGlzLm1vdXNlT3Zlcikge1xuICAgICAgICAgICAgdGhpcy52aWRlb1BsYXkodGhpcy5zZWxlY3RlZEluZGV4KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGlzUHJldkJ1dHRvbkVuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLnNlbGVjdGVkSW5kZXggPiAwO1xuICAgIH1cblxuICAgIGlzTmV4dEJ1dHRvbkVuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIGlmICh0aGlzLml0ZW1zICYmIHRoaXMuaXRlbXNbdGhpcy5zZWxlY3RlZEluZGV4XSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuc2VsZWN0ZWRJbmRleCA8IHRoaXMuaXRlbXMubGVuZ3RoIC0gMTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgaXNWaWRlbygpOiBib29sZWFuIHtcbiAgICAgICAgaWYgKHRoaXMuaXRlbXMgJiYgdGhpcy5pdGVtc1t0aGlzLnNlbGVjdGVkSW5kZXhdKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5pdGVtc1t0aGlzLnNlbGVjdGVkSW5kZXhdLnR5cGUgPT09IEluc3RhZ3JhbUNhcm91c2VsSXRlbVR5cGUuVklERU87XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIGRvdHNEaXNwbGF5ZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIGlmICh0aGlzLml0ZW1zICYmIHRoaXMuaXRlbXNbdGhpcy5zZWxlY3RlZEluZGV4XSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuaXRlbXMubGVuZ3RoID4gMTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgcHJldigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEluZGV4IC09IDE7XG4gICAgICAgIHRoaXMuY3VycmVudEltYWdlQ2hhbmdlZC5lbWl0KHRoaXMuaXRlbXNbdGhpcy5zZWxlY3RlZEluZGV4XSk7XG4gICAgfVxuXG4gICAgbmV4dCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEluZGV4ICs9IDE7XG4gICAgICAgIHRoaXMuY3VycmVudEltYWdlQ2hhbmdlZC5lbWl0KHRoaXMuaXRlbXNbdGhpcy5zZWxlY3RlZEluZGV4XSk7XG4gICAgfVxuXG4gICAgcGxheShldmVudCwgaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMudGlueU1vZGUpIHtcbiAgICAgICAgICAgIGNvbnN0IHZpZGVvUGxheWVyOiBIVE1MVmlkZW9FbGVtZW50ID0gdGhpcy52aWRlb1BsYXllcnNbaW5kZXhdO1xuICAgICAgICAgICAgaWYgKHZpZGVvUGxheWVyKSB7XG4gICAgICAgICAgICAgICAgdmlkZW9QbGF5ZXIucGF1c2VkID8gdGhpcy52aWRlb1BsYXkoaW5kZXgpIDogdGhpcy52aWRlb1BhdXNlKGluZGV4KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbW92ZShpbnN0YW50YW5lb3VzOiBib29sZWFuID0gZmFsc2UpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jYXJvdXNlbE9mZnNldCA9IC10aGlzLmNhcm91c2VsLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggKiB0aGlzLnNlbGVjdGVkSW5kZXg7XG4gICAgICAgIHRoaXMuYW5pbWF0aW9uQnVpbGRlci5idWlsZChcbiAgICAgICAgICAgIGFuaW1hdGUoaW5zdGFudGFuZW91cyA/ICcxbXMnIDogJzI1MG1zIGVhc2UtaW4nLCBzdHlsZSh7dHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3RoaXMuY2Fyb3VzZWxPZmZzZXR9cHgpYH0pKVxuICAgICAgICApLmNyZWF0ZSh0aGlzLmNhcm91c2VsLm5hdGl2ZUVsZW1lbnQpLnBsYXkoKTtcbiAgICB9XG5cbiAgICBvbk1vdXNlRW50ZXJzVmlkZW8oZXZlbnQsIGluZGV4KSB7XG4gICAgICAgIHRoaXMubW91c2VPdmVyID0gdHJ1ZTtcbiAgICAgICAgaWYgKHRoaXMudGlueU1vZGUpIHtcbiAgICAgICAgICAgIHRoaXMudmlkZW9QbGF5KGluZGV4KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uTW91c2VMZWF2ZXNWaWRlbyhldmVudCwgaW5kZXgpIHtcbiAgICAgICAgdGhpcy5tb3VzZU92ZXIgPSBmYWxzZTtcbiAgICAgICAgaWYgKHRoaXMudGlueU1vZGUpIHtcbiAgICAgICAgICAgIHRoaXMudmlkZW9QYXVzZShpbmRleCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgICBvblJlc2l6ZShldmVudCkge1xuICAgICAgICB0aGlzLm1vdmUodHJ1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIHJlZ2lzdGVyVmlkZW9QbGF5ZXIoZXZlbnQsIGluZGV4OiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy52aWRlb1BsYXllcnNbaW5kZXhdID0gZXZlbnQudGFyZ2V0O1xuICAgICAgICBldmVudC50YXJnZXQubXV0ZWQgPSAhdGhpcy5zb3VuZEVuYWJsZWQ7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB2aWRlb1BhdXNlKGluZGV4OiBudW1iZXIpIHtcbiAgICAgICAgY29uc3QgdmlkZW9QbGF5ZXI6IEhUTUxWaWRlb0VsZW1lbnQgPSB0aGlzLnZpZGVvUGxheWVyc1tpbmRleF07XG4gICAgICAgIGlmICh2aWRlb1BsYXllcikge1xuICAgICAgICAgICAgdmlkZW9QbGF5ZXIucGF1c2UoKTtcbiAgICAgICAgICAgIHRoaXMuaXNQbGF5aW5nID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIHZpZGVvUGxheShpbmRleDogbnVtYmVyKSB7XG4gICAgICAgIGNvbnN0IHZpZGVvUGxheWVyOiBIVE1MVmlkZW9FbGVtZW50ID0gdGhpcy52aWRlb1BsYXllcnNbaW5kZXhdO1xuICAgICAgICBpZiAodmlkZW9QbGF5ZXIpIHtcbiAgICAgICAgICAgIHZpZGVvUGxheWVyLnBsYXkoKTtcbiAgICAgICAgICAgIHRoaXMuaXNQbGF5aW5nID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBzd2l0Y2hTb3VuZCgpIHtcbiAgICAgICAgdGhpcy5zb3VuZEVuYWJsZWQgPSAhdGhpcy5zb3VuZEVuYWJsZWQ7XG4gICAgICAgIGZvciAoY29uc3QgcGxheWVyIG9mIHRoaXMudmlkZW9QbGF5ZXJzKSB7XG4gICAgICAgICAgICBwbGF5ZXIubXV0ZWQgPSAhdGhpcy5zb3VuZEVuYWJsZWQ7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=

package/esm2015/src/lib/lead-modal/lead-info.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVhZC1pbmZvLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvbGVhZC1tb2RhbC9sZWFkLWluZm8ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgTGVhZEluZm8ge1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gICAgcHJvZmlsZVR5cGU6IHN0cmluZztcbiAgICBxdWFsaWZpZWRQbGFuOiBzdHJpbmc7XG4gICAgcXVhbGlmaWVkUHJvZmlsZVBsYW46IHN0cmluZztcbiAgICBxdWFsaWZpZWRUZWFtUGxhbjogc3RyaW5nO1xufVxuIl19

package/esm2015/src/lib/lead-modal/lead-modal.component.js

@@ -0,0 +1,47 @@
+import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+export class LeadModalComponent {
+    constructor(dialogRef, translatedStrings) {
+        this.dialogRef = dialogRef;
+        this.translatedStrings = translatedStrings;
+        this.plans = {
+            PRO: 'pro',
+            PREMIUM: 'premium',
+            PREMIUM_PLUS: 'premium+',
+            ENTERPRISE: 'enterprise',
+        };
+        this.orderedPlans = [
+            this.plans.PRO,
+            this.plans.PREMIUM,
+            this.plans.PREMIUM_PLUS,
+            this.plans.ENTERPRISE,
+        ];
+        dialogRef.disableClose = true;
+    }
+    onValidate(qualifiedProfilePlan, qualifiedTeamPlan, profileType) {
+        const qualifiedPlan = this.orderedPlans.indexOf(qualifiedProfilePlan) > this.orderedPlans.indexOf(qualifiedTeamPlan)
+            ? qualifiedProfilePlan
+            : qualifiedTeamPlan;
+        return {
+            language: window.navigator && window.navigator.language ? window.navigator.language : '',
+            qualifiedPlan: qualifiedPlan,
+            qualifiedProfilePlan: qualifiedProfilePlan,
+            qualifiedTeamPlan: qualifiedTeamPlan,
+            profileType: profileType
+        };
+    }
+}
+LeadModalComponent.decorators = [
+    { type: Component, args: [{
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                selector: 'ap-lead-modal',
+                template: "<ng-template #headerTemplate>\n    <h1 mat-dialog-title>\n        {{translatedStrings.title}}\n    </h1>\n</ng-template>\n\n<ng-template #mainTemplate>\n    <div mat-dialog-content>\n            <div class=\"form-field\">\n                <label for=\"profileField\">\n                    {{translatedStrings.profileFieldLabel}}\n                </label>\n                <mat-button-toggle-group\n                    [(ngModel)]=\"qualifiedProfilePlan\"\n                    id=\"profileField\"\n                    name=\"qualifiedProfilePlan\">\n                    <mat-button-toggle [value]=\"plans.PRO\">1 - 10</mat-button-toggle>\n                    <mat-button-toggle [value]=\"plans.PREMIUM\">11 - 25</mat-button-toggle>\n                    <mat-button-toggle [value]=\"plans.PREMIUM_PLUS\">26 - 40</mat-button-toggle>\n                    <mat-button-toggle [value]=\"plans.ENTERPRISE\">40+</mat-button-toggle>\n                </mat-button-toggle-group>\n            </div>\n            <div class=\"form-field\">\n                <label for=\"teamField\">\n                    {{translatedStrings.teamFieldLabel}}\n                </label>\n                <mat-button-toggle-group\n                    [(ngModel)]=\"qualifiedTeamPlan\"\n                    id=\"teamField\"\n                    name=\"qualifiedTeamPlan\">\n                    <mat-button-toggle [value]=\"plans.PRO\">1 - 2</mat-button-toggle>\n                    <mat-button-toggle [value]=\"plans.PREMIUM\">3 - 4</mat-button-toggle>\n                    <mat-button-toggle [value]=\"plans.PREMIUM_PLUS\">5 - 8</mat-button-toggle>\n                    <mat-button-toggle [value]=\"plans.ENTERPRISE\">8+</mat-button-toggle>\n                </mat-button-toggle-group>\n            </div>\n            <div class=\"form-field\">\n                <label for=\"agencyField\">\n                    {{translatedStrings.agencyFieldLabel}}\n                </label>\n                <mat-button-toggle-group\n                    [(ngModel)]=\"profileType\"\n                    id=\"agencyField\"\n                    class=\"agency-toggle\"\n                    name=\"profileType\">\n                    <mat-button-toggle value=\"agency\">{{translatedStrings.agencyYesLabel}}</mat-button-toggle>\n                    <mat-button-toggle value=\"none\">{{translatedStrings.agencyNoLabel}}</mat-button-toggle>\n                </mat-button-toggle-group>\n            </div>\n    </div>\n</ng-template>\n\n<ng-template #footerTemplate>\n    <div>\n        <button mat-flat-button\n                color=\"primary\"\n                [disabled]=\"!(qualifiedProfilePlan && qualifiedTeamPlan && profileType)\"\n                [mat-dialog-close]=\"onValidate(qualifiedProfilePlan, qualifiedTeamPlan, profileType)\">\n            {{translatedStrings.validateButtonLabel}}\n        </button>\n    </div>\n</ng-template>\n\n<ap-modal\n    [headerTemplate]=\"headerTemplate\"\n    [mainTemplate]=\"mainTemplate\"\n    [footerTemplate]=\"footerTemplate\"\n></ap-modal>\n"
+            },] }
+];
+/** @nocollapse */
+LeadModalComponent.ctorParameters = () => [
+    { type: MatDialogRef },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVhZC1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9sZWFkLW1vZGFsL2xlYWQtbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3pFLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFtQnpELE1BQU0sT0FBTyxrQkFBa0I7SUFFM0IsWUFDVyxTQUEyQyxFQUNsQixpQkFBb0M7UUFEN0QsY0FBUyxHQUFULFNBQVMsQ0FBa0M7UUFDbEIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUl4RSxVQUFLLEdBQUc7WUFDSixHQUFHLEVBQUUsS0FBSztZQUNWLE9BQU8sRUFBRSxTQUFTO1lBQ2xCLFlBQVksRUFBRSxVQUFVO1lBQ3hCLFVBQVUsRUFBRSxZQUFZO1NBQzNCLENBQUM7UUFFRixpQkFBWSxHQUFHO1lBQ1gsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHO1lBQ2QsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPO1lBQ2xCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWTtZQUN2QixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVU7U0FDeEIsQ0FBQztRQWZFLFNBQVMsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO0lBQ2xDLENBQUM7SUFvQkQsVUFBVSxDQUFDLG9CQUE0QixFQUFFLGlCQUF5QixFQUFFLFdBQW1CO1FBQ25GLE1BQU0sYUFBYSxHQUFXLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUM7WUFDeEgsQ0FBQyxDQUFDLG9CQUFvQjtZQUN0QixDQUFDLENBQUMsaUJBQWlCLENBQUM7UUFFeEIsT0FBTztZQUNILFFBQVEsRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN4RixhQUFhLEVBQUUsYUFBYTtZQUM1QixvQkFBb0IsRUFBRSxvQkFBb0I7WUFDMUMsaUJBQWlCLEVBQUUsaUJBQWlCO1lBQ3BDLFdBQVcsRUFBRSxXQUFXO1NBQzNCLENBQUM7SUFDTixDQUFDOzs7WUEzQ0osU0FBUyxTQUFDO2dCQUNQLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxRQUFRLEVBQUUsZUFBZTtnQkFDekIseStGQUF3QzthQUMzQzs7OztZQW5CTyxZQUFZOzRDQXdCWCxNQUFNLFNBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TWF0RGlhbG9nUmVmfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEF9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQge0xlYWRJbmZvfSBmcm9tICcuL2xlYWQtaW5mby5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHJhbnNsYXRlZFN0cmluZ3Mge1xuICAgIGFnZW5jeUZpZWxkTGFiZWw6IHN0cmluZztcbiAgICBhZ2VuY3lOb0xhYmVsOiBzdHJpbmc7XG4gICAgYWdlbmN5WWVzTGFiZWw6IHN0cmluZztcbiAgICBwcm9maWxlRmllbGRMYWJlbDogc3RyaW5nO1xuICAgIHRlYW1GaWVsZExhYmVsOiBzdHJpbmc7XG4gICAgdGVhbU1lTGFiZWw6IHN0cmluZztcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHZhbGlkYXRlQnV0dG9uTGFiZWw6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc2VsZWN0b3I6ICdhcC1sZWFkLW1vZGFsJyxcbiAgICB0ZW1wbGF0ZVVybDogJ2xlYWQtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBMZWFkTW9kYWxDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxMZWFkTW9kYWxDb21wb25lbnQ+LFxuICAgICAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIHRyYW5zbGF0ZWRTdHJpbmdzOiBUcmFuc2xhdGVkU3RyaW5ncykge1xuICAgICAgICBkaWFsb2dSZWYuZGlzYWJsZUNsb3NlID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBwbGFucyA9IHtcbiAgICAgICAgUFJPOiAncHJvJyxcbiAgICAgICAgUFJFTUlVTTogJ3ByZW1pdW0nLFxuICAgICAgICBQUkVNSVVNX1BMVVM6ICdwcmVtaXVtKycsXG4gICAgICAgIEVOVEVSUFJJU0U6ICdlbnRlcnByaXNlJyxcbiAgICB9O1xuXG4gICAgb3JkZXJlZFBsYW5zID0gW1xuICAgICAgICB0aGlzLnBsYW5zLlBSTyxcbiAgICAgICAgdGhpcy5wbGFucy5QUkVNSVVNLFxuICAgICAgICB0aGlzLnBsYW5zLlBSRU1JVU1fUExVUyxcbiAgICAgICAgdGhpcy5wbGFucy5FTlRFUlBSSVNFLFxuICAgIF07XG5cbiAgICBxdWFsaWZpZWRQcm9maWxlUGxhbjogc3RyaW5nO1xuICAgIHF1YWxpZmllZFRlYW1QbGFuOiBzdHJpbmc7XG4gICAgcHJvZmlsZVR5cGU6IHN0cmluZztcblxuICAgIG9uVmFsaWRhdGUocXVhbGlmaWVkUHJvZmlsZVBsYW46IHN0cmluZywgcXVhbGlmaWVkVGVhbVBsYW46IHN0cmluZywgcHJvZmlsZVR5cGU6IHN0cmluZyk6IExlYWRJbmZvIHtcbiAgICAgICAgY29uc3QgcXVhbGlmaWVkUGxhbjogc3RyaW5nID0gdGhpcy5vcmRlcmVkUGxhbnMuaW5kZXhPZihxdWFsaWZpZWRQcm9maWxlUGxhbikgPiB0aGlzLm9yZGVyZWRQbGFucy5pbmRleE9mKHF1YWxpZmllZFRlYW1QbGFuKVxuICAgICAgICAgICAgPyBxdWFsaWZpZWRQcm9maWxlUGxhblxuICAgICAgICAgICAgOiBxdWFsaWZpZWRUZWFtUGxhbjtcblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgbGFuZ3VhZ2U6IHdpbmRvdy5uYXZpZ2F0b3IgJiYgd2luZG93Lm5hdmlnYXRvci5sYW5ndWFnZSA/IHdpbmRvdy5uYXZpZ2F0b3IubGFuZ3VhZ2UgOiAnJyxcbiAgICAgICAgICAgIHF1YWxpZmllZFBsYW46IHF1YWxpZmllZFBsYW4sXG4gICAgICAgICAgICBxdWFsaWZpZWRQcm9maWxlUGxhbjogcXVhbGlmaWVkUHJvZmlsZVBsYW4sXG4gICAgICAgICAgICBxdWFsaWZpZWRUZWFtUGxhbjogcXVhbGlmaWVkVGVhbVBsYW4sXG4gICAgICAgICAgICBwcm9maWxlVHlwZTogcHJvZmlsZVR5cGVcbiAgICAgICAgfTtcbiAgICB9XG5cbn1cbiJdfQ==

package/esm2015/src/lib/media-display-overlay/media-display-overlay-dialog.component.js

@@ -0,0 +1,87 @@
+import { ChangeDetectionStrategy, Component, HostListener, Inject } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+export var KEY_CODE;
+(function (KEY_CODE) {
+    KEY_CODE[KEY_CODE["RIGHT_ARROW"] = 39] = "RIGHT_ARROW";
+    KEY_CODE[KEY_CODE["LEFT_ARROW"] = 37] = "LEFT_ARROW";
+})(KEY_CODE || (KEY_CODE = {}));
+export class MediaDisplayOverlayDialogComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.currentUrlIndex = 1;
+        this.urls = []; // all urls
+        this.mediaType = 'image'; // 'image', 'video'
+        this.supportGif = true;
+    }
+    ngOnInit() {
+        // const data = ModalService.getModal('media-display-overlay') || {};
+        if (this.data) {
+            if (this.data.urls && this.data.urls.length > 0) {
+                this.urls = this.data.urls;
+            }
+            if (this.data.url) {
+                if (this.urls.length === 0) {
+                    this.urls = [this.data.url];
+                }
+                this.url = this.data.url;
+                this.currentUrlIndex = this.urls.indexOf(this.data.url) + 1;
+            }
+        }
+    }
+    onClose() {
+        this.dialogRef.close();
+    }
+    onNext($event) {
+        if (this.currentUrlIndex < this.urls.length) {
+            this.currentUrlIndex += 1;
+            this.url = this.urls[this.currentUrlIndex - 1];
+        }
+        $event.stopPropagation();
+    }
+    onPrevious($event) {
+        if (this.currentUrlIndex > 1) {
+            this.currentUrlIndex -= 1;
+            this.url = this.urls[this.currentUrlIndex - 1];
+        }
+        $event.stopPropagation();
+    }
+    keyEvent(event) {
+        if (event.keyCode === KEY_CODE.RIGHT_ARROW) {
+            this.onNext(event);
+        }
+        if (event.keyCode === KEY_CODE.LEFT_ARROW) {
+            this.onPrevious(event);
+        }
+    }
+}
+MediaDisplayOverlayDialogComponent.config = {
+    position: {
+        top: '10px',
+        right: '10px',
+        left: '10px'
+    },
+    height: '100%',
+    width: '100%',
+    maxWidth: 'none',
+    panelClass: 'full-screen-modal',
+    backdropClass: 'dark-backdrop'
+};
+MediaDisplayOverlayDialogComponent.decorators = [
+    { type: Component, args: [{
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                selector: 'ap-media-display-overlay',
+                template: "<div class=\"full\" (click)=\"onClose()\">\n    <div class=\"media-display ap-new\">\n        <header class=\"ap-modal-header\">\n            <ap-symbol\n                id=\"close\"\n                color=\"white\"\n                size=\"micro\"\n                (click)=\"onClose()\">\n            </ap-symbol>\n        </header>\n        <content class=\"ap-modal-content\">\n            <div *ngIf=\"urls.length > 1\"\n                 class=\"next-prev-container left\"\n                 [class.disabled]=\"currentUrlIndex <= 1\"\n                 (click)=\"onPrevious($event)\">\n                <div class=\"icon-container\">\n                    <ap-symbol\n                        id=\"arrow-left-1\"\n                        [color]=\"currentUrlIndex <= 1  ? 'grey-blue' : 'white'\"\n                        size=\"small\">\n                    </ap-symbol>\n                </div>\n            </div>\n            <div class=\"media-container\">\n                <img *ngIf=\"url && mediaType =='image'\" apFrozenGif [apFrozen]=\"!supportGif\" [src]=\"url\" (click)=\"$event.stopPropagation()\">\n            </div>\n            <div *ngIf=\"urls.length > 1\"\n                 class=\"next-prev-container right\"\n                 [class.disabled]=\"currentUrlIndex >= urls.length\"\n                 (click)=\"onNext($event)\">\n                <div class=\"icon-container\">\n                    <ap-symbol\n                        id=\"arrow-right-1\"\n                        [color]=\"currentUrlIndex >= urls.length ? 'grey-blue' : 'white'\"\n                        size=\"small\">\n                    </ap-symbol>\n                </div>\n            </div>\n        </content>\n        <footer *ngIf=\"urls && urls.length > 1\"\n                class=\"ap-modal-footer\">\n            <div class=\"index-container\">\n                {{currentUrlIndex}} / {{urls.length}}\n            </div>\n        </footer>\n    </div>\n</div>\n",
+                styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}:host{width:100%;height:100%}.full,.media-display{height:100%;width:100%}.media-display{background:#0000;display:flex;flex-direction:column}.media-display .media-container{margin:auto;flex:1;align-items:center;flex-direction:column;display:flex}.media-display .media-container img{max-width:80%}.media-display .ap-modal-content{padding-bottom:10px;margin:auto}.media-display .ap-modal-header{background:#0000;border-bottom:none;display:flex;justify-content:flex-end}.media-display .ap-modal-header .ap-modal-close{color:#fff}.media-display .ap-modal-header .ap-modal-close.ap-icon{font-size:45px}.media-display .ap-modal-footer{justify-content:flex-end;background:#0000;border:none;margin-bottom:24px;align-items:center;display:flex;flex-direction:column}.media-display .ap-modal-footer .index-container{color:#fff;font-size:24px;display:inline;background-color:#0000001a;border-radius:20px;padding:16px}.media-display .next-prev-container{display:flex;justify-content:center;align-items:center;width:60px;height:60px;position:absolute;top:45%;cursor:pointer;background-color:#0000001a;border-radius:60px;color:#fff}.media-display .next-prev-container .ap-icon{font-size:45px}.media-display .next-prev-container.right{margin-right:24px;right:0}.media-display .next-prev-container.right .icon-container{margin-left:7px}.media-display .next-prev-container[disabled] .ap-icon{color:#dfe3e9}.media-display .next-prev-container.left{margin-left:24px;left:0}.media-display .next-prev-container.left .icon-container{margin-right:5px}.media-display .next-prev-container.disabled{cursor:not-allowed}"]
+            },] }
+];
+/** @nocollapse */
+MediaDisplayOverlayDialogComponent.ctorParameters = () => [
+    { type: MatDialogRef },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
+];
+MediaDisplayOverlayDialogComponent.propDecorators = {
+    keyEvent: [{ type: HostListener, args: ['window:keyup', ['$event'],] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtZGlzcGxheS1vdmVybGF5LWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9tZWRpYS1kaXNwbGF5LW92ZXJsYXkvbWVkaWEtZGlzcGxheS1vdmVybGF5LWRpYWxvZy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQy9GLE9BQU8sRUFBa0IsWUFBWSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDdkUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBU3pELE1BQU0sQ0FBTixJQUFZLFFBR1g7QUFIRCxXQUFZLFFBQVE7SUFDaEIsc0RBQWdCLENBQUE7SUFDaEIsb0RBQWUsQ0FBQTtBQUNuQixDQUFDLEVBSFcsUUFBUSxLQUFSLFFBQVEsUUFHbkI7QUFRRCxNQUFNLE9BQU8sa0NBQWtDO0lBcUIzQyxZQUFtQixTQUEyRCxFQUNsQyxJQUFzQjtRQUQvQyxjQUFTLEdBQVQsU0FBUyxDQUFrRDtRQUNsQyxTQUFJLEdBQUosSUFBSSxDQUFrQjtRQVBsRSxvQkFBZSxHQUFHLENBQUMsQ0FBQztRQUNwQixTQUFJLEdBQWEsRUFBRSxDQUFDLENBQUMsV0FBVztRQUVoQyxjQUFTLEdBQUcsT0FBTyxDQUFDLENBQUMsbUJBQW1CO1FBQ3hDLGVBQVUsR0FBRyxJQUFJLENBQUM7SUFJbEIsQ0FBQztJQUVELFFBQVE7UUFDSixxRUFBcUU7UUFDckUsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ1gsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUM3QyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2FBQzlCO1lBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtnQkFDZixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtvQkFDeEIsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7aUJBQy9CO2dCQUNELElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7Z0JBQ3pCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDL0Q7U0FDSjtJQUNMLENBQUM7SUFFRCxPQUFPO1FBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsTUFBTSxDQUFDLE1BQWU7UUFDbEIsSUFBSSxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ3pDLElBQUksQ0FBQyxlQUFlLElBQUksQ0FBQyxDQUFDO1lBQzFCLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQ2xEO1FBQ0QsTUFBTSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxVQUFVLENBQUMsTUFBZTtRQUN0QixJQUFJLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxFQUFFO1lBQzFCLElBQUksQ0FBQyxlQUFlLElBQUksQ0FBQyxDQUFDO1lBQzFCLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQ2xEO1FBQ0QsTUFBTSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFHRCxRQUFRLENBQUMsS0FBb0I7UUFFekIsSUFBSSxLQUFLLENBQUMsT0FBTyxLQUFLLFFBQVEsQ0FBQyxXQUFXLEVBQUU7WUFDeEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN0QjtRQUVELElBQUksS0FBSyxDQUFDLE9BQU8sS0FBSyxRQUFRLENBQUMsVUFBVSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDMUI7SUFDTCxDQUFDOztBQXJFTSx5Q0FBTSxHQUFvQjtJQUM3QixRQUFRLEVBQUU7UUFDTixHQUFHLEVBQUUsTUFBTTtRQUNYLEtBQUssRUFBRSxNQUFNO1FBQ2IsSUFBSSxFQUFFLE1BQU07S0FDZjtJQUNELE1BQU0sRUFBRSxNQUFNO0lBQ2QsS0FBSyxFQUFFLE1BQU07SUFDYixRQUFRLEVBQUUsTUFBTTtJQUNoQixVQUFVLEVBQUUsbUJBQW1CO0lBQy9CLGFBQWEsRUFBRSxlQUFlO0NBQ2pDLENBQUM7O1lBbkJMLFNBQVMsU0FBQztnQkFDUCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsUUFBUSxFQUFFLDBCQUEwQjtnQkFFcEMsODZEQUE0RDs7YUFDL0Q7Ozs7WUFwQndCLFlBQVk7NENBMkNwQixNQUFNLFNBQUMsZUFBZTs7O3VCQXVDbEMsWUFBWSxTQUFDLGNBQWMsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbmplY3QsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdERpYWxvZ0NvbmZpZywgTWF0RGlhbG9nUmVmfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEF9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVkaWFEaXNwbGF5RGF0YSB7XG4gICAgdXJsczogc3RyaW5nW107XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbWVkaWFUeXBlOiBzdHJpbmc7XG4gICAgc3VwcG9ydEdpZjogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGVudW0gS0VZX0NPREUge1xuICAgIFJJR0hUX0FSUk9XID0gMzksXG4gICAgTEVGVF9BUlJPVyA9IDM3XG59XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtbWVkaWEtZGlzcGxheS1vdmVybGF5JyxcbiAgICBzdHlsZVVybHM6IFsnLi9tZWRpYS1kaXNwbGF5LW92ZXJsYXktZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgdGVtcGxhdGVVcmw6ICcuL21lZGlhLWRpc3BsYXktb3ZlcmxheS1kaWFsb2cuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIE1lZGlhRGlzcGxheU92ZXJsYXlEaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgc3RhdGljIGNvbmZpZzogTWF0RGlhbG9nQ29uZmlnID0ge1xuICAgICAgICBwb3NpdGlvbjoge1xuICAgICAgICAgICAgdG9wOiAnMTBweCcsXG4gICAgICAgICAgICByaWdodDogJzEwcHgnLFxuICAgICAgICAgICAgbGVmdDogJzEwcHgnXG4gICAgICAgIH0sXG4gICAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBtYXhXaWR0aDogJ25vbmUnLFxuICAgICAgICBwYW5lbENsYXNzOiAnZnVsbC1zY3JlZW4tbW9kYWwnLFxuICAgICAgICBiYWNrZHJvcENsYXNzOiAnZGFyay1iYWNrZHJvcCdcbiAgICB9O1xuXG4gICAgY3VycmVudFVybEluZGV4ID0gMTtcbiAgICB1cmxzOiBzdHJpbmdbXSA9IFtdOyAvLyBhbGwgdXJsc1xuICAgIHVybDogc3RyaW5nOyAvLyBjdXJyZW50IGRpc3BsYXllZCB1cmxcbiAgICBtZWRpYVR5cGUgPSAnaW1hZ2UnOyAvLyAnaW1hZ2UnLCAndmlkZW8nXG4gICAgc3VwcG9ydEdpZiA9IHRydWU7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8TWVkaWFEaXNwbGF5T3ZlcmxheURpYWxvZ0NvbXBvbmVudD4sXG4gICAgICAgICAgICAgICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBNZWRpYURpc3BsYXlEYXRhKSB7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIC8vIGNvbnN0IGRhdGEgPSBNb2RhbFNlcnZpY2UuZ2V0TW9kYWwoJ21lZGlhLWRpc3BsYXktb3ZlcmxheScpIHx8IHt9O1xuICAgICAgICBpZiAodGhpcy5kYXRhKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5kYXRhLnVybHMgJiYgdGhpcy5kYXRhLnVybHMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgICAgIHRoaXMudXJscyA9IHRoaXMuZGF0YS51cmxzO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKHRoaXMuZGF0YS51cmwpIHtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy51cmxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnVybHMgPSBbdGhpcy5kYXRhLnVybF07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHRoaXMudXJsID0gdGhpcy5kYXRhLnVybDtcbiAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRVcmxJbmRleCA9IHRoaXMudXJscy5pbmRleE9mKHRoaXMuZGF0YS51cmwpICsgMTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uQ2xvc2UoKSB7XG4gICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XG4gICAgfVxuXG4gICAgb25OZXh0KCRldmVudDogVUlFdmVudCkge1xuICAgICAgICBpZiAodGhpcy5jdXJyZW50VXJsSW5kZXggPCB0aGlzLnVybHMubGVuZ3RoKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRVcmxJbmRleCArPSAxO1xuICAgICAgICAgICAgdGhpcy51cmwgPSB0aGlzLnVybHNbdGhpcy5jdXJyZW50VXJsSW5kZXggLSAxXTtcbiAgICAgICAgfVxuICAgICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgb25QcmV2aW91cygkZXZlbnQ6IFVJRXZlbnQpIHtcbiAgICAgICAgaWYgKHRoaXMuY3VycmVudFVybEluZGV4ID4gMSkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50VXJsSW5kZXggLT0gMTtcbiAgICAgICAgICAgIHRoaXMudXJsID0gdGhpcy51cmxzW3RoaXMuY3VycmVudFVybEluZGV4IC0gMV07XG4gICAgICAgIH1cbiAgICAgICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzprZXl1cCcsIFsnJGV2ZW50J10pXG4gICAga2V5RXZlbnQoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcblxuICAgICAgICBpZiAoZXZlbnQua2V5Q29kZSA9PT0gS0VZX0NPREUuUklHSFRfQVJST1cpIHtcbiAgICAgICAgICAgIHRoaXMub25OZXh0KGV2ZW50KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChldmVudC5rZXlDb2RlID09PSBLRVlfQ09ERS5MRUZUX0FSUk9XKSB7XG4gICAgICAgICAgICB0aGlzLm9uUHJldmlvdXMoZXZlbnQpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19

package/esm2015/src/lib/modal/modal.component.js

@@ -0,0 +1,88 @@
+import { ChangeDetectionStrategy, Component, Input, TemplateRef } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { MatDialogConfig } from '@angular/material/dialog';
+export class ModalComponent {
+    constructor(dialogRef) {
+        this.dialogRef = dialogRef;
+        this.footerVisible = true;
+        this.headerVisible = true;
+        this.containerStyle = {};
+        this.headerStyle = {};
+        this.contentStyle = {};
+        this.footerStyle = {};
+        this.defaultLayout = true;
+        dialogRef.disableClose = true;
+    }
+    /**
+     * Use it to open a modal containing the {@link componentType} component, with the right configuration.
+     */
+    static openWithComponent(matDialog, config, componentType) {
+        let matDialogConfig;
+        if (config) {
+            matDialogConfig = config.matDialogConfig;
+            if (matDialogConfig) {
+                matDialogConfig.panelClass = Array.isArray(config.matDialogConfig.panelClass)
+                    ? [...config.matDialogConfig.panelClass, ModalComponent.PANEL_CLASS] // in case where the panelClass is an array
+                    : [config.matDialogConfig.panelClass, ModalComponent.PANEL_CLASS]; // in the other case, it's a String
+            }
+            else {
+                matDialogConfig = { panelClass: ModalComponent.PANEL_CLASS };
+            }
+        }
+        else {
+            matDialogConfig = {
+                panelClass: ModalComponent.PANEL_CLASS
+            };
+        }
+        matDialogConfig.autoFocus = false; // Prevent first button to be focused
+        const dialogRef = matDialog.open(componentType, matDialogConfig);
+        if (config.backdropCloseEnable === true) {
+            dialogRef.disableClose = false;
+        }
+        return dialogRef;
+    }
+    /**
+     * Use it to open a modal containing the provided templates, with the right configuration.
+     */
+    static openWithTemplates(matDialog, headerTemplate, mainTemplate, footerTemplate, config) {
+        const dialogRef = ModalComponent.openWithComponent(matDialog, config, ModalComponent);
+        dialogRef.componentInstance.closable = (config && config.closable) ? config.closable : false;
+        dialogRef.componentInstance.headerBottomBorderEnabled = (config && config.headerBottomBorderEnabled) ? config.headerBottomBorderEnabled : false;
+        dialogRef.componentInstance.headerTemplate = headerTemplate;
+        dialogRef.componentInstance.mainTemplate = mainTemplate;
+        dialogRef.componentInstance.footerTemplate = footerTemplate;
+        return dialogRef;
+    }
+    close() {
+        this.dialogRef.close();
+    }
+}
+ModalComponent.PANEL_CLASS = 'modal-container';
+ModalComponent.decorators = [
+    { type: Component, args: [{
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                selector: 'ap-modal',
+                template: "<div\n    [ngStyle]=\"containerStyle\"\n    [ngClass]=\"{'modal-wrapper': true, 'default-layout': defaultLayout}\">\n    <button\n        *ngIf=\"closable\"\n        class=\"circle close-button\"\n        mat-flat-button\n        (click)=\"close()\">\n        <ap-symbol symbolId=\"close\"></ap-symbol>\n    </button>\n    <div\n        *ngIf=\"headerTemplate && headerVisible\"\n        [ngStyle]=\"headerStyle\"\n        [ngClass]=\"{header: defaultLayout}\"\n        [class.border-bottom]=\"headerBottomBorderEnabled\">\n        <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n    </div>\n    <div\n        *ngIf=\"mainTemplate\"\n        [ngStyle]=\"contentStyle\"\n        [ngClass]=\"{content: defaultLayout}\">\n        <ng-template [ngTemplateOutlet]=\"mainTemplate\"></ng-template>\n    </div>\n    <div\n        *ngIf=\"footerTemplate && footerVisible\"\n        [ngStyle]=\"footerStyle\"\n        [ngClass]=\"{footer: defaultLayout}\">\n        <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n    </div>\n</div>\n",
+                styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.modal-wrapper{position:relative}.modal-wrapper.default-layout{padding-top:24px;padding-bottom:16px}.modal-wrapper .close-button{margin:-12px;position:absolute;right:24px;top:24px}.modal-wrapper .close-button ap-symbol{height:12px;width:12px}.modal-wrapper .header{padding:0 24px 16px}.modal-wrapper .header ::ng-deep h2{margin-top:0}.modal-wrapper .header.border-bottom{border-bottom:1px solid #eaecef;margin-bottom:16px}.modal-wrapper .content{color:#5d6a82;font-size:16px;padding:0 24px}.modal-wrapper .footer{align-items:center;border-top:1px solid #eaecef;display:flex;justify-content:flex-end;margin-top:24px;padding:14px 24px 0}.modal-wrapper .footer .mat-stroked-button:not(:last-child),.modal-wrapper .footer ::ng-deep .mat-flat-button:not(:last-child){margin-right:16px}::ng-deep .modal-container{max-width:100vw!important;margin:24px 24px calc(2 * 32px)}::ng-deep .modal-container .mat-dialog-container{border-radius:10px;box-shadow:0 25px 50px #0000000a;max-width:100vw;padding:0}::ng-deep .cdk-overlay-dark-backdrop{background:#344563b3}"]
+            },] }
+];
+/** @nocollapse */
+ModalComponent.ctorParameters = () => [
+    { type: MatDialogRef }
+];
+ModalComponent.propDecorators = {
+    closable: [{ type: Input }],
+    headerBottomBorderEnabled: [{ type: Input }],
+    footerTemplate: [{ type: Input }],
+    footerVisible: [{ type: Input }],
+    headerTemplate: [{ type: Input }],
+    headerVisible: [{ type: Input }],
+    mainTemplate: [{ type: Input }],
+    config: [{ type: Input }],
+    containerStyle: [{ type: Input }],
+    headerStyle: [{ type: Input }],
+    contentStyle: [{ type: Input }],
+    footerStyle: [{ type: Input }],
+    defaultLayout: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvbW9kYWwvbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNyRixPQUFPLEVBQVksWUFBWSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDakUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBbUJ6RCxNQUFNLE9BQU8sY0FBYztJQUl2QixZQUNXLFNBQTJDO1FBQTNDLGNBQVMsR0FBVCxTQUFTLENBQWtDO1FBTzdDLGtCQUFhLEdBQUcsSUFBSSxDQUFDO1FBRXJCLGtCQUFhLEdBQUcsSUFBSSxDQUFDO1FBR3JCLG1CQUFjLEdBQTRCLEVBQUUsQ0FBQztRQUM3QyxnQkFBVyxHQUE0QixFQUFFLENBQUM7UUFDMUMsaUJBQVksR0FBNEIsRUFBRSxDQUFDO1FBQzNDLGdCQUFXLEdBQTRCLEVBQUUsQ0FBQztRQUMxQyxrQkFBYSxHQUFHLElBQUksQ0FBQztRQWYxQixTQUFTLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztJQUNsQyxDQUFDO0lBZ0JEOztPQUVHO0lBQ0gsTUFBTSxDQUFDLGlCQUFpQixDQUNwQixTQUFvQixFQUNwQixNQUF1QixFQUN2QixhQUErQjtRQUMvQixJQUFJLGVBQWdDLENBQUM7UUFDckMsSUFBSSxNQUFNLEVBQUU7WUFDUixlQUFlLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQztZQUN6QyxJQUFJLGVBQWUsRUFBRTtnQkFDakIsZUFBZSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDO29CQUN6RSxDQUFDLENBQUMsQ0FBRSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsVUFBVSxFQUFFLGNBQWMsQ0FBQyxXQUFXLENBQUUsQ0FBQywyQ0FBMkM7b0JBQ2xILENBQUMsQ0FBQyxDQUFFLE1BQU0sQ0FBQyxlQUFlLENBQUMsVUFBVSxFQUFHLGNBQWMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLG1DQUFtQzthQUMvRztpQkFBTTtnQkFDSCxlQUFlLEdBQUcsRUFBRSxVQUFVLEVBQUUsY0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDO2FBQ2hFO1NBQ0o7YUFBTTtZQUNILGVBQWUsR0FBRztnQkFDZCxVQUFVLEVBQUUsY0FBYyxDQUFDLFdBQVc7YUFDekMsQ0FBQztTQUNMO1FBQ0QsZUFBZSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsQ0FBQyxxQ0FBcUM7UUFFeEUsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFDakUsSUFBSSxNQUFNLENBQUMsbUJBQW1CLEtBQUssSUFBSSxFQUFFO1lBQ3JDLFNBQVMsQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQ2xDO1FBQ0QsT0FBTyxTQUFTLENBQUM7SUFDckIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsTUFBTSxDQUFDLGlCQUFpQixDQUNwQixTQUFvQixFQUNwQixjQUFnQyxFQUNoQyxZQUE4QixFQUM5QixjQUFpQyxFQUNqQyxNQUFvQjtRQUNwQixNQUFNLFNBQVMsR0FBRyxjQUFjLENBQUMsaUJBQWlCLENBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxjQUFjLENBQUMsQ0FBQztRQUN0RixTQUFTLENBQUMsaUJBQWlCLENBQUMsUUFBUSxHQUFHLENBQUMsTUFBTSxJQUFJLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQzdGLFNBQVMsQ0FBQyxpQkFBaUIsQ0FBQyx5QkFBeUIsR0FBRyxDQUFDLE1BQU0sSUFBSSxNQUFNLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLHlCQUF5QixDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDaEosU0FBUyxDQUFDLGlCQUFpQixDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7UUFDNUQsU0FBUyxDQUFDLGlCQUFpQixDQUFDLFlBQVksR0FBRyxZQUFZLENBQUM7UUFDeEQsU0FBUyxDQUFDLGlCQUFpQixDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7UUFDNUQsT0FBTyxTQUFTLENBQUM7SUFDckIsQ0FBQztJQUVELEtBQUs7UUFDRCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzNCLENBQUM7O0FBeEVlLDBCQUFXLEdBQUcsaUJBQWlCLENBQUM7O1lBUm5ELFNBQVMsU0FBQztnQkFDUCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLGtqQ0FBbUM7O2FBRXRDOzs7O1lBbkJrQixZQUFZOzs7dUJBNkIxQixLQUFLO3dDQUNMLEtBQUs7NkJBQ0wsS0FBSzs0QkFDTCxLQUFLOzZCQUNMLEtBQUs7NEJBQ0wsS0FBSzsyQkFDTCxLQUFLO3FCQUNMLEtBQUs7NkJBQ0wsS0FBSzswQkFDTCxLQUFLOzJCQUNMLEtBQUs7MEJBQ0wsS0FBSzs0QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNYXREaWFsb2csIE1hdERpYWxvZ1JlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7TWF0RGlhbG9nQ29uZmlnfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHtDb21wb25lbnRUeXBlfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbENvbmZpZyBleHRlbmRzIE1vZGFsQ29uZmlnQmFzZSB7XG4gICAgY2xvc2FibGU/OiBib29sZWFuO1xuICAgIGhlYWRlckJvdHRvbUJvcmRlckVuYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE1vZGFsQ29uZmlnQmFzZSB7XG4gICAgYmFja2Ryb3BDbG9zZUVuYWJsZT86IGJvb2xlYW47XG4gICAgbWF0RGlhbG9nQ29uZmlnPzogTWF0RGlhbG9nQ29uZmlnO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLW1vZGFsJyxcbiAgICB0ZW1wbGF0ZVVybDogJ21vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnbW9kYWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCB7XG5cbiAgICBzdGF0aWMgcmVhZG9ubHkgUEFORUxfQ0xBU1MgPSAnbW9kYWwtY29udGFpbmVyJztcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8Q29tcG9uZW50VHlwZTxhbnk+Pikge1xuICAgICAgICBkaWFsb2dSZWYuZGlzYWJsZUNsb3NlID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBjbG9zYWJsZTogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBoZWFkZXJCb3R0b21Cb3JkZXJFbmFibGVkOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGZvb3RlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBJbnB1dCgpIGZvb3RlclZpc2libGUgPSB0cnVlO1xuICAgIEBJbnB1dCgpIGhlYWRlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBJbnB1dCgpIGhlYWRlclZpc2libGUgPSB0cnVlO1xuICAgIEBJbnB1dCgpIG1haW5UZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgICBASW5wdXQoKSBjb25maWc6IE1hdERpYWxvZ0NvbmZpZztcbiAgICBASW5wdXQoKSBjb250YWluZXJTdHlsZToge1thcmc6IHN0cmluZ106IHN0cmluZ30gPSB7fTtcbiAgICBASW5wdXQoKSBoZWFkZXJTdHlsZToge1thcmc6IHN0cmluZ106IHN0cmluZ30gPSB7fTtcbiAgICBASW5wdXQoKSBjb250ZW50U3R5bGU6IHtbYXJnOiBzdHJpbmddOiBzdHJpbmd9ID0ge307XG4gICAgQElucHV0KCkgZm9vdGVyU3R5bGU6IHtbYXJnOiBzdHJpbmddOiBzdHJpbmd9ID0ge307XG4gICAgQElucHV0KCkgZGVmYXVsdExheW91dCA9IHRydWU7XG5cbiAgICAvKipcbiAgICAgKiBVc2UgaXQgdG8gb3BlbiBhIG1vZGFsIGNvbnRhaW5pbmcgdGhlIHtAbGluayBjb21wb25lbnRUeXBlfSBjb21wb25lbnQsIHdpdGggdGhlIHJpZ2h0IGNvbmZpZ3VyYXRpb24uXG4gICAgICovXG4gICAgc3RhdGljIG9wZW5XaXRoQ29tcG9uZW50PFQ+KFxuICAgICAgICBtYXREaWFsb2c6IE1hdERpYWxvZyxcbiAgICAgICAgY29uZmlnOiBNb2RhbENvbmZpZ0Jhc2UsXG4gICAgICAgIGNvbXBvbmVudFR5cGU6IENvbXBvbmVudFR5cGU8VD4pOiBNYXREaWFsb2dSZWY8VD4ge1xuICAgICAgICBsZXQgbWF0RGlhbG9nQ29uZmlnOiBNYXREaWFsb2dDb25maWc7XG4gICAgICAgIGlmIChjb25maWcpIHtcbiAgICAgICAgICAgIG1hdERpYWxvZ0NvbmZpZyA9IGNvbmZpZy5tYXREaWFsb2dDb25maWc7XG4gICAgICAgICAgICBpZiAobWF0RGlhbG9nQ29uZmlnKSB7XG4gICAgICAgICAgICAgICAgbWF0RGlhbG9nQ29uZmlnLnBhbmVsQ2xhc3MgPSBBcnJheS5pc0FycmF5KGNvbmZpZy5tYXREaWFsb2dDb25maWcucGFuZWxDbGFzcylcbiAgICAgICAgICAgICAgICAgICAgPyBbIC4uLmNvbmZpZy5tYXREaWFsb2dDb25maWcucGFuZWxDbGFzcywgTW9kYWxDb21wb25lbnQuUEFORUxfQ0xBU1MgXSAvLyBpbiBjYXNlIHdoZXJlIHRoZSBwYW5lbENsYXNzIGlzIGFuIGFycmF5XG4gICAgICAgICAgICAgICAgICAgIDogWyBjb25maWcubWF0RGlhbG9nQ29uZmlnLnBhbmVsQ2xhc3MgLCBNb2RhbENvbXBvbmVudC5QQU5FTF9DTEFTU107IC8vIGluIHRoZSBvdGhlciBjYXNlLCBpdCdzIGEgU3RyaW5nXG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIG1hdERpYWxvZ0NvbmZpZyA9IHsgcGFuZWxDbGFzczogTW9kYWxDb21wb25lbnQuUEFORUxfQ0xBU1MgfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIG1hdERpYWxvZ0NvbmZpZyA9IHtcbiAgICAgICAgICAgICAgICBwYW5lbENsYXNzOiBNb2RhbENvbXBvbmVudC5QQU5FTF9DTEFTU1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfVxuICAgICAgICBtYXREaWFsb2dDb25maWcuYXV0b0ZvY3VzID0gZmFsc2U7IC8vIFByZXZlbnQgZmlyc3QgYnV0dG9uIHRvIGJlIGZvY3VzZWRcblxuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSBtYXREaWFsb2cub3Blbihjb21wb25lbnRUeXBlLCBtYXREaWFsb2dDb25maWcpO1xuICAgICAgICBpZiAoY29uZmlnLmJhY2tkcm9wQ2xvc2VFbmFibGUgPT09IHRydWUpIHtcbiAgICAgICAgICAgIGRpYWxvZ1JlZi5kaXNhYmxlQ2xvc2UgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZGlhbG9nUmVmO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFVzZSBpdCB0byBvcGVuIGEgbW9kYWwgY29udGFpbmluZyB0aGUgcHJvdmlkZWQgdGVtcGxhdGVzLCB3aXRoIHRoZSByaWdodCBjb25maWd1cmF0aW9uLlxuICAgICAqL1xuICAgIHN0YXRpYyBvcGVuV2l0aFRlbXBsYXRlcyhcbiAgICAgICAgbWF0RGlhbG9nOiBNYXREaWFsb2csXG4gICAgICAgIGhlYWRlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+LFxuICAgICAgICBtYWluVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4sXG4gICAgICAgIGZvb3RlclRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PixcbiAgICAgICAgY29uZmlnPzogTW9kYWxDb25maWcpOiBNYXREaWFsb2dSZWY8TW9kYWxDb21wb25lbnQ+IHtcbiAgICAgICAgY29uc3QgZGlhbG9nUmVmID0gTW9kYWxDb21wb25lbnQub3BlbldpdGhDb21wb25lbnQobWF0RGlhbG9nLCBjb25maWcsIE1vZGFsQ29tcG9uZW50KTtcbiAgICAgICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLmNsb3NhYmxlID0gKGNvbmZpZyAmJiBjb25maWcuY2xvc2FibGUpID8gY29uZmlnLmNsb3NhYmxlIDogZmFsc2U7XG4gICAgICAgIGRpYWxvZ1JlZi5jb21wb25lbnRJbnN0YW5jZS5oZWFkZXJCb3R0b21Cb3JkZXJFbmFibGVkID0gKGNvbmZpZyAmJiBjb25maWcuaGVhZGVyQm90dG9tQm9yZGVyRW5hYmxlZCkgPyBjb25maWcuaGVhZGVyQm90dG9tQm9yZGVyRW5hYmxlZCA6IGZhbHNlO1xuICAgICAgICBkaWFsb2dSZWYuY29tcG9uZW50SW5zdGFuY2UuaGVhZGVyVGVtcGxhdGUgPSBoZWFkZXJUZW1wbGF0ZTtcbiAgICAgICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLm1haW5UZW1wbGF0ZSA9IG1haW5UZW1wbGF0ZTtcbiAgICAgICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLmZvb3RlclRlbXBsYXRlID0gZm9vdGVyVGVtcGxhdGU7XG4gICAgICAgIHJldHVybiBkaWFsb2dSZWY7XG4gICAgfVxuXG4gICAgY2xvc2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XG4gICAgfVxufVxuIl19

package/esm2015/src/lib/notification/notification.component.js

@@ -0,0 +1,18 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+export class NotificationComponent {
+    constructor() {
+        this.type = 'info';
+    }
+}
+NotificationComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ap-notification',
+                template: "<div\n    class=\"main\"\n    [ngClass]=\"{'warning': type === 'warning', 'error': type === 'error', 'success': type === 'success'}\">\n    <span class=\"border\"></span>\n    <span class=\"icon\">\n        <ng-content select=\"[icon]\"></ng-content>\n    </span>\n    <ng-content select=\"[text]\"></ng-content>\n</div>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}:host{display:block}.main{display:flex;font-size:14px;line-height:17px;align-items:center;background:#eff5fc;color:#178dfe;padding:8px 16px 8px 8px;border-radius:4px}.main .border{align-self:stretch;border:2px solid #178dfe;border-radius:4px}.main .border,.main .icon{margin-right:8px}.main.warning{background-color:#fffde9;color:#858fa1}.main.warning .border{border-color:#ffe91f}.main.error{background-color:#fde7e7;color:#e81313}.main.error .border{border-color:#e81313}.main.success{background-color:#ecf7ed;color:#45b854}.main.success .border{border-color:#45b854}.main.full-width{width:100%}"]
+            },] }
+];
+NotificationComponent.propDecorators = {
+    type: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBUXhFLE1BQU0sT0FBTyxxQkFBcUI7SUFObEM7UUFRYSxTQUFJLEdBQXVDLE1BQU0sQ0FBQztJQUMvRCxDQUFDOzs7WUFUQSxTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsOFVBQTRDO2dCQUU1QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDbEQ7OzttQkFHSSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXAtbm90aWZpY2F0aW9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Db21wb25lbnQge1xuXG4gICAgQElucHV0KCkgdHlwZTogJ2luZm8nfCd3YXJuaW5nJ3wnZXJyb3InfCdzdWNjZXNzJyA9ICdpbmZvJztcbn1cbiJdfQ==

package/esm2015/src/lib/overlay/overlay-dialog-service.component.js

@@ -0,0 +1,62 @@
+import { Injectable, Injector } from '@angular/core';
+import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
+import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';
+import { OVERLAY_DATA, OverlayDialogComponent, OverlayDialogRef } from './overlay-dialog.component';
+const DEFAULT_CONFIG = {
+    hasBackdrop: true,
+    backdropClass: 'dark-backdrop',
+    panelClass: 'tm-file-preview-dialog-panel',
+    template: null
+};
+export class OverlayDialogService {
+    constructor(injector, overlay) {
+        this.injector = injector;
+        this.overlay = overlay;
+    }
+    open(config = {}) {
+        const dialogConfig = Object.assign(Object.assign({}, DEFAULT_CONFIG), config);
+        const overlayRef = this.createOverlay(dialogConfig);
+        const dialogRef = new OverlayDialogRef(overlayRef);
+        const overlayComponent = this.attachDialogContainer(overlayRef, dialogConfig, dialogRef);
+        return dialogRef;
+    }
+    createOverlay(config) {
+        const overlayConfig = this.getOverlayConfig(config);
+        return this.overlay.create(overlayConfig);
+    }
+    attachDialogContainer(overlayRef, config, dialogRef) {
+        const injector = this.createInjector(config, dialogRef);
+        const containerPortal = new ComponentPortal(OverlayDialogComponent, null, injector);
+        const containerRef = overlayRef.attach(containerPortal);
+        return containerRef.instance;
+    }
+    createInjector(config, dialogRef) {
+        const injectionTokens = new WeakMap();
+        injectionTokens.set(OverlayDialogRef, dialogRef);
+        injectionTokens.set(OVERLAY_DATA, config.template);
+        return new PortalInjector(this.injector, injectionTokens);
+    }
+    getOverlayConfig(config) {
+        const positionStrategy = this.overlay.position()
+            .global()
+            .centerHorizontally()
+            .centerVertically();
+        const overlayConfig = new OverlayConfig({
+            hasBackdrop: config.hasBackdrop,
+            backdropClass: config.backdropClass,
+            panelClass: config.panelClass,
+            scrollStrategy: this.overlay.scrollStrategies.block(),
+            positionStrategy
+        });
+        return overlayConfig;
+    }
+}
+OverlayDialogService.decorators = [
+    { type: Injectable }
+];
+/** @nocollapse */
+OverlayDialogService.ctorParameters = () => [
+    { type: Injector },
+    { type: Overlay }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS1kaWFsb2ctc2VydmljZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9vdmVybGF5L292ZXJsYXktZGlhbG9nLXNlcnZpY2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZSxVQUFVLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxPQUFPLEVBQUUsYUFBYSxFQUFhLE1BQU0sc0JBQXNCLENBQUM7QUFDeEUsT0FBTyxFQUFDLGVBQWUsRUFBRSxjQUFjLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQ0gsWUFBWSxFQUNaLHNCQUFzQixFQUN0QixnQkFBZ0IsRUFDbkIsTUFBTSw0QkFBNEIsQ0FBQztBQVNwQyxNQUFNLGNBQWMsR0FBeUI7SUFDekMsV0FBVyxFQUFFLElBQUk7SUFDakIsYUFBYSxFQUFFLGVBQWU7SUFDOUIsVUFBVSxFQUFFLDhCQUE4QjtJQUMxQyxRQUFRLEVBQUUsSUFBSTtDQUNqQixDQUFDO0FBR0YsTUFBTSxPQUFPLG9CQUFvQjtJQUU3QixZQUNZLFFBQWtCLEVBQ2xCLE9BQWdCO1FBRGhCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDbEIsWUFBTyxHQUFQLE9BQU8sQ0FBUztJQUFJLENBQUM7SUFFakMsSUFBSSxDQUFDLFNBQStCLEVBQUU7UUFDbEMsTUFBTSxZQUFZLG1DQUFRLGNBQWMsR0FBSyxNQUFNLENBQUUsQ0FBQztRQUN0RCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3BELE1BQU0sU0FBUyxHQUFHLElBQUksZ0JBQWdCLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDbkQsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUMsVUFBVSxFQUFFLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQztRQUV6RixPQUFPLFNBQVMsQ0FBQztJQUNyQixDQUFDO0lBRU8sYUFBYSxDQUFDLE1BQTRCO1FBQzlDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwRCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFTyxxQkFBcUIsQ0FBQyxVQUFzQixFQUFFLE1BQTRCLEVBQUUsU0FBMkI7UUFDM0csTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFFeEQsTUFBTSxlQUFlLEdBQUcsSUFBSSxlQUFlLENBQUMsc0JBQXNCLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ3BGLE1BQU0sWUFBWSxHQUF5QyxVQUFVLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBRTlGLE9BQU8sWUFBWSxDQUFDLFFBQVEsQ0FBQztJQUNqQyxDQUFDO0lBRU8sY0FBYyxDQUFDLE1BQTRCLEVBQUUsU0FBMkI7UUFDNUUsTUFBTSxlQUFlLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUV0QyxlQUFlLENBQUMsR0FBRyxDQUFDLGdCQUFnQixFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ2pELGVBQWUsQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVuRCxPQUFPLElBQUksY0FBYyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVPLGdCQUFnQixDQUFDLE1BQTRCO1FBQ2pELE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUU7YUFDM0MsTUFBTSxFQUFFO2FBQ1Isa0JBQWtCLEVBQUU7YUFDcEIsZ0JBQWdCLEVBQUUsQ0FBQztRQUV4QixNQUFNLGFBQWEsR0FBRyxJQUFJLGFBQWEsQ0FBQztZQUNwQyxXQUFXLEVBQUUsTUFBTSxDQUFDLFdBQVc7WUFDL0IsYUFBYSxFQUFFLE1BQU0sQ0FBQyxhQUFhO1lBQ25DLFVBQVUsRUFBRSxNQUFNLENBQUMsVUFBVTtZQUM3QixjQUFjLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUU7WUFDckQsZ0JBQWdCO1NBQ25CLENBQUMsQ0FBQztRQUVILE9BQU8sYUFBYSxDQUFDO0lBQ3pCLENBQUM7OztZQXRESixVQUFVOzs7O1lBdkJ1QixRQUFRO1lBQ2xDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudFJlZiwgSW5qZWN0YWJsZSwgSW5qZWN0b3J9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPdmVybGF5LCBPdmVybGF5Q29uZmlnLCBPdmVybGF5UmVmfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQge0NvbXBvbmVudFBvcnRhbCwgUG9ydGFsSW5qZWN0b3J9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHtcbiAgICBPVkVSTEFZX0RBVEEsXG4gICAgT3ZlcmxheURpYWxvZ0NvbXBvbmVudCxcbiAgICBPdmVybGF5RGlhbG9nUmVmXG59IGZyb20gJy4vb3ZlcmxheS1kaWFsb2cuY29tcG9uZW50JztcblxuaW50ZXJmYWNlIE92ZXJsYXl3RGlhbG9nQ29uZmlnIHtcbiAgICBwYW5lbENsYXNzPzogc3RyaW5nO1xuICAgIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcbiAgICBiYWNrZHJvcENsYXNzPzogc3RyaW5nO1xuICAgIHRlbXBsYXRlPzogYW55O1xufVxuXG5jb25zdCBERUZBVUxUX0NPTkZJRzogT3ZlcmxheXdEaWFsb2dDb25maWcgPSB7XG4gICAgaGFzQmFja2Ryb3A6IHRydWUsXG4gICAgYmFja2Ryb3BDbGFzczogJ2RhcmstYmFja2Ryb3AnLFxuICAgIHBhbmVsQ2xhc3M6ICd0bS1maWxlLXByZXZpZXctZGlhbG9nLXBhbmVsJyxcbiAgICB0ZW1wbGF0ZTogbnVsbFxufTtcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIE92ZXJsYXlEaWFsb2dTZXJ2aWNlIHtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgcHJpdmF0ZSBvdmVybGF5OiBPdmVybGF5KSB7IH1cblxuICAgIG9wZW4oY29uZmlnOiBPdmVybGF5d0RpYWxvZ0NvbmZpZyA9IHt9KSB7XG4gICAgICAgIGNvbnN0IGRpYWxvZ0NvbmZpZyA9IHsgLi4uREVGQVVMVF9DT05GSUcsIC4uLmNvbmZpZyB9O1xuICAgICAgICBjb25zdCBvdmVybGF5UmVmID0gdGhpcy5jcmVhdGVPdmVybGF5KGRpYWxvZ0NvbmZpZyk7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IG5ldyBPdmVybGF5RGlhbG9nUmVmKG92ZXJsYXlSZWYpO1xuICAgICAgICBjb25zdCBvdmVybGF5Q29tcG9uZW50ID0gdGhpcy5hdHRhY2hEaWFsb2dDb250YWluZXIob3ZlcmxheVJlZiwgZGlhbG9nQ29uZmlnLCBkaWFsb2dSZWYpO1xuXG4gICAgICAgIHJldHVybiBkaWFsb2dSZWY7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjcmVhdGVPdmVybGF5KGNvbmZpZzogT3ZlcmxheXdEaWFsb2dDb25maWcpIHtcbiAgICAgICAgY29uc3Qgb3ZlcmxheUNvbmZpZyA9IHRoaXMuZ2V0T3ZlcmxheUNvbmZpZyhjb25maWcpO1xuICAgICAgICByZXR1cm4gdGhpcy5vdmVybGF5LmNyZWF0ZShvdmVybGF5Q29uZmlnKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGF0dGFjaERpYWxvZ0NvbnRhaW5lcihvdmVybGF5UmVmOiBPdmVybGF5UmVmLCBjb25maWc6IE92ZXJsYXl3RGlhbG9nQ29uZmlnLCBkaWFsb2dSZWY6IE92ZXJsYXlEaWFsb2dSZWYpIHtcbiAgICAgICAgY29uc3QgaW5qZWN0b3IgPSB0aGlzLmNyZWF0ZUluamVjdG9yKGNvbmZpZywgZGlhbG9nUmVmKTtcblxuICAgICAgICBjb25zdCBjb250YWluZXJQb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKE92ZXJsYXlEaWFsb2dDb21wb25lbnQsIG51bGwsIGluamVjdG9yKTtcbiAgICAgICAgY29uc3QgY29udGFpbmVyUmVmOiBDb21wb25lbnRSZWY8T3ZlcmxheURpYWxvZ0NvbXBvbmVudD4gPSBvdmVybGF5UmVmLmF0dGFjaChjb250YWluZXJQb3J0YWwpO1xuXG4gICAgICAgIHJldHVybiBjb250YWluZXJSZWYuaW5zdGFuY2U7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjcmVhdGVJbmplY3Rvcihjb25maWc6IE92ZXJsYXl3RGlhbG9nQ29uZmlnLCBkaWFsb2dSZWY6IE92ZXJsYXlEaWFsb2dSZWYpOiBQb3J0YWxJbmplY3RvciB7XG4gICAgICAgIGNvbnN0IGluamVjdGlvblRva2VucyA9IG5ldyBXZWFrTWFwKCk7XG5cbiAgICAgICAgaW5qZWN0aW9uVG9rZW5zLnNldChPdmVybGF5RGlhbG9nUmVmLCBkaWFsb2dSZWYpO1xuICAgICAgICBpbmplY3Rpb25Ub2tlbnMuc2V0KE9WRVJMQVlfREFUQSwgY29uZmlnLnRlbXBsYXRlKTtcblxuICAgICAgICByZXR1cm4gbmV3IFBvcnRhbEluamVjdG9yKHRoaXMuaW5qZWN0b3IsIGluamVjdGlvblRva2Vucyk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRPdmVybGF5Q29uZmlnKGNvbmZpZzogT3ZlcmxheXdEaWFsb2dDb25maWcpOiBPdmVybGF5Q29uZmlnIHtcbiAgICAgICAgY29uc3QgcG9zaXRpb25TdHJhdGVneSA9IHRoaXMub3ZlcmxheS5wb3NpdGlvbigpXG4gICAgICAgICAgICAuZ2xvYmFsKClcbiAgICAgICAgICAgIC5jZW50ZXJIb3Jpem9udGFsbHkoKVxuICAgICAgICAgICAgLmNlbnRlclZlcnRpY2FsbHkoKTtcblxuICAgICAgICBjb25zdCBvdmVybGF5Q29uZmlnID0gbmV3IE92ZXJsYXlDb25maWcoe1xuICAgICAgICAgICAgaGFzQmFja2Ryb3A6IGNvbmZpZy5oYXNCYWNrZHJvcCxcbiAgICAgICAgICAgIGJhY2tkcm9wQ2xhc3M6IGNvbmZpZy5iYWNrZHJvcENsYXNzLFxuICAgICAgICAgICAgcGFuZWxDbGFzczogY29uZmlnLnBhbmVsQ2xhc3MsXG4gICAgICAgICAgICBzY3JvbGxTdHJhdGVneTogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMuYmxvY2soKSxcbiAgICAgICAgICAgIHBvc2l0aW9uU3RyYXRlZ3lcbiAgICAgICAgfSk7XG5cbiAgICAgICAgcmV0dXJuIG92ZXJsYXlDb25maWc7XG4gICAgfVxufVxuIl19