@lowcodeunit/applications-flow-common 0.0.2 → 0.0.4

package/esm2020/lib/elements/gh-control/gh-control.component.mjs

@@ -0,0 +1,78 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/card";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/flex-layout/flex";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/forms";
+export class GhControlComponent {
+    constructor() {
+        this.InputLabel = "Create Pull Request";
+        this.selectedBtn = "pr-btn";
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        this.addSelectBtn();
+    }
+    CreateFeatureBranch() {
+        this.removeSelectedBtn();
+        this.InputLabel = "Create Feature Branch";
+        this.selectedBtn = "fb-btn";
+        this.addSelectBtn();
+        console.log("create feature branch selected");
+    }
+    OpenIssue() {
+        this.removeSelectedBtn();
+        this.InputLabel = "Open Issue";
+        this.selectedBtn = "oi-btn";
+        this.addSelectBtn();
+        console.log("open issue selected");
+    }
+    CreatePullRequest() {
+        this.removeSelectedBtn();
+        this.InputLabel = "Create Pull Request";
+        this.selectedBtn = "pr-btn";
+        this.addSelectBtn();
+        console.log("create pull request selected");
+    }
+    OpenMoreInfo() {
+        console.log("more info selected");
+    }
+    Submit() {
+        console.log("submitting: ", this.value);
+        switch (this.selectedBtn) {
+            case "pr-btn":
+                //Pull request
+                console.log("creating pull request: ", this.value);
+                break;
+            case "oi-btn":
+                //Open Issue
+                console.log("Open issue: ", this.value);
+                break;
+            case "fb-btn":
+                //Feature Branch
+                console.log("creating feature branch: ", this.value);
+                break;
+            default:
+                console.log("hmm");
+                break;
+        }
+    }
+    //HELPERS
+    addSelectBtn() {
+        document.getElementById(this.selectedBtn).classList.add('selected');
+    }
+    removeSelectedBtn() {
+        document.getElementById(this.selectedBtn).classList.remove('selected');
+    }
+}
+GhControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: GhControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GhControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: GhControlComponent, selector: "lcu-gh-control", ngImport: i0, template: "<mat-card class=\"social-card\">\n    <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <mat-icon fxFlex=\"15%\" class=\"gh-icon\">error_outline</mat-icon>\n        <div fxFlex=\"70%\"class=\"gh-card-main-content\">\n            <mat-form-field appearance=\"fill\" class=\"gh-input\">\n                <mat-label>{{InputLabel}}</mat-label>\n                <input matInput type=\"text\" [(ngModel)]=\"value\">\n                <!-- <button *ngIf=\"value\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"value=''\">\n                  <mat-icon>close</mat-icon>\n                </button> -->\n              </mat-form-field>\n        </div>\n        <button fxFlex=\"15%\" mat-button (click)=\"Submit()\" id=\"submit-btn\">Submit</button>\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n        <button mat-button (click)=\"CreatePullRequest()\" id=\"pr-btn\">Pull Request</button>\n        <button mat-button (click)=\"OpenIssue()\" id=\"oi-btn\">Open Issue</button>\n        <button mat-button (click)=\"CreateFeatureBranch()\" id=\"fb-btn\">Feature Branch</button>\n        <button mat-icon-button (click)=\"OpenMoreInfo()\">\n            <mat-icon>more_horiz</mat-icon>\n        </button>\n    </mat-card-actions>\n  </mat-card>", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}.gh-icon{width:60px;height:60px;font-size:60px;text-align:center}.gh-input{width:90%}.selected{border:1px solid green}::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i3.MatLabel, selector: "mat-label" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: GhControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lcu-gh-control', template: "<mat-card class=\"social-card\">\n    <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <mat-icon fxFlex=\"15%\" class=\"gh-icon\">error_outline</mat-icon>\n        <div fxFlex=\"70%\"class=\"gh-card-main-content\">\n            <mat-form-field appearance=\"fill\" class=\"gh-input\">\n                <mat-label>{{InputLabel}}</mat-label>\n                <input matInput type=\"text\" [(ngModel)]=\"value\">\n                <!-- <button *ngIf=\"value\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"value=''\">\n                  <mat-icon>close</mat-icon>\n                </button> -->\n              </mat-form-field>\n        </div>\n        <button fxFlex=\"15%\" mat-button (click)=\"Submit()\" id=\"submit-btn\">Submit</button>\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n        <button mat-button (click)=\"CreatePullRequest()\" id=\"pr-btn\">Pull Request</button>\n        <button mat-button (click)=\"OpenIssue()\" id=\"oi-btn\">Open Issue</button>\n        <button mat-button (click)=\"CreateFeatureBranch()\" id=\"fb-btn\">Feature Branch</button>\n        <button mat-icon-button (click)=\"OpenMoreInfo()\">\n            <mat-icon>more_horiz</mat-icon>\n        </button>\n    </mat-card-actions>\n  </mat-card>", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}.gh-icon{width:60px;height:60px;font-size:60px;text-align:center}.gh-input{width:90%}.selected{border:1px solid green}::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2gtY29udHJvbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21tb24vc3JjL2xpYi9lbGVtZW50cy9naC1jb250cm9sL2doLWNvbnRyb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvZ2gtY29udHJvbC9naC1jb250cm9sLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQU9sRCxNQUFNLE9BQU8sa0JBQWtCO0lBUTdCO1FBQ0UsSUFBSSxDQUFDLFVBQVUsR0FBRyxxQkFBcUIsQ0FBQztRQUN4QyxJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQztJQUU5QixDQUFDO0lBRU0sUUFBUTtJQUVmLENBQUM7SUFFTSxlQUFlO1FBQ3BCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU0sbUJBQW1CO1FBQ3hCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxVQUFVLEdBQUcsdUJBQXVCLENBQUM7UUFDMUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUM7UUFDNUIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLE9BQU8sQ0FBQyxHQUFHLENBQUMsZ0NBQWdDLENBQUMsQ0FBQztJQUVoRCxDQUFDO0lBRU0sU0FBUztRQUNkLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxVQUFVLEdBQUcsWUFBWSxDQUFDO1FBQy9CLElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDO1FBQzVCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixPQUFPLENBQUMsR0FBRyxDQUFDLHFCQUFxQixDQUFDLENBQUM7SUFFckMsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLHFCQUFxQixDQUFDO1FBQ3hDLElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDO1FBQzVCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixPQUFPLENBQUMsR0FBRyxDQUFDLDhCQUE4QixDQUFDLENBQUM7SUFFOUMsQ0FBQztJQUVNLFlBQVk7UUFDakIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFHTSxNQUFNO1FBQ1gsT0FBTyxDQUFDLEdBQUcsQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hDLFFBQVEsSUFBSSxDQUFDLFdBQVcsRUFBQztZQUN2QixLQUFLLFFBQVE7Z0JBQ1gsY0FBYztnQkFDZCxPQUFPLENBQUMsR0FBRyxDQUFDLHlCQUF5QixFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDbkQsTUFBTTtZQUNSLEtBQUssUUFBUTtnQkFDWCxZQUFZO2dCQUNaLE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDeEMsTUFBTTtZQUNSLEtBQUssUUFBUTtnQkFDWCxnQkFBZ0I7Z0JBQ2hCLE9BQU8sQ0FBQyxHQUFHLENBQUMsMkJBQTJCLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNyRCxNQUFNO1lBQ1I7Z0JBQ0UsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtnQkFFbEIsTUFBTTtTQUNUO0lBQ0gsQ0FBQztJQUVELFNBQVM7SUFFQyxZQUFZO1FBQ04sUUFBUSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNyRixDQUFDO0lBRVMsaUJBQWlCO1FBQ1gsUUFBUSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFFLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN4RixDQUFDOzsrR0FwRlUsa0JBQWtCO21HQUFsQixrQkFBa0Isc0RDUC9CLG96Q0F1QmE7MkZEaEJBLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsY3UtZ2gtY29udHJvbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9naC1jb250cm9sLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ2gtY29udHJvbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdoQ29udHJvbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHVibGljIElucHV0TGFiZWw6IHN0cmluZztcblxuICBwcm90ZWN0ZWQgc2VsZWN0ZWRCdG46IHN0cmluZztcblxuICBwdWJsaWMgdmFsdWU6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHsgXG4gICAgdGhpcy5JbnB1dExhYmVsID0gXCJDcmVhdGUgUHVsbCBSZXF1ZXN0XCI7XG4gICAgdGhpcy5zZWxlY3RlZEJ0biA9IFwicHItYnRuXCI7XG5cbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKXtcbiAgICB0aGlzLmFkZFNlbGVjdEJ0bigpO1xuICB9XG5cbiAgcHVibGljIENyZWF0ZUZlYXR1cmVCcmFuY2goKXtcbiAgICB0aGlzLnJlbW92ZVNlbGVjdGVkQnRuKCk7XG4gICAgdGhpcy5JbnB1dExhYmVsID0gXCJDcmVhdGUgRmVhdHVyZSBCcmFuY2hcIjtcbiAgICB0aGlzLnNlbGVjdGVkQnRuID0gXCJmYi1idG5cIjtcbiAgICB0aGlzLmFkZFNlbGVjdEJ0bigpO1xuICAgIGNvbnNvbGUubG9nKFwiY3JlYXRlIGZlYXR1cmUgYnJhbmNoIHNlbGVjdGVkXCIpO1xuXG4gIH1cblxuICBwdWJsaWMgT3Blbklzc3VlKCl7XG4gICAgdGhpcy5yZW1vdmVTZWxlY3RlZEJ0bigpO1xuICAgIHRoaXMuSW5wdXRMYWJlbCA9IFwiT3BlbiBJc3N1ZVwiO1xuICAgIHRoaXMuc2VsZWN0ZWRCdG4gPSBcIm9pLWJ0blwiO1xuICAgIHRoaXMuYWRkU2VsZWN0QnRuKCk7XG4gICAgY29uc29sZS5sb2coXCJvcGVuIGlzc3VlIHNlbGVjdGVkXCIpO1xuXG4gIH1cblxuICBwdWJsaWMgQ3JlYXRlUHVsbFJlcXVlc3QoKXtcbiAgICB0aGlzLnJlbW92ZVNlbGVjdGVkQnRuKCk7XG4gICAgdGhpcy5JbnB1dExhYmVsID0gXCJDcmVhdGUgUHVsbCBSZXF1ZXN0XCI7XG4gICAgdGhpcy5zZWxlY3RlZEJ0biA9IFwicHItYnRuXCI7XG4gICAgdGhpcy5hZGRTZWxlY3RCdG4oKTtcbiAgICBjb25zb2xlLmxvZyhcImNyZWF0ZSBwdWxsIHJlcXVlc3Qgc2VsZWN0ZWRcIik7XG5cbiAgfVxuXG4gIHB1YmxpYyBPcGVuTW9yZUluZm8oKXtcbiAgICBjb25zb2xlLmxvZyhcIm1vcmUgaW5mbyBzZWxlY3RlZFwiKTtcbiAgfVxuXG5cbiAgcHVibGljIFN1Ym1pdCgpe1xuICAgIGNvbnNvbGUubG9nKFwic3VibWl0dGluZzogXCIsIHRoaXMudmFsdWUpO1xuICAgIHN3aXRjaCAodGhpcy5zZWxlY3RlZEJ0bil7XG4gICAgICBjYXNlIFwicHItYnRuXCI6XG4gICAgICAgIC8vUHVsbCByZXF1ZXN0XG4gICAgICAgIGNvbnNvbGUubG9nKFwiY3JlYXRpbmcgcHVsbCByZXF1ZXN0OiBcIiwgdGhpcy52YWx1ZSk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBcIm9pLWJ0blwiOlxuICAgICAgICAvL09wZW4gSXNzdWVcbiAgICAgICAgY29uc29sZS5sb2coXCJPcGVuIGlzc3VlOiBcIiwgdGhpcy52YWx1ZSk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBcImZiLWJ0blwiOlxuICAgICAgICAvL0ZlYXR1cmUgQnJhbmNoXG4gICAgICAgIGNvbnNvbGUubG9nKFwiY3JlYXRpbmcgZmVhdHVyZSBicmFuY2g6IFwiLCB0aGlzLnZhbHVlKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICBjb25zb2xlLmxvZyhcImhtbVwiKVxuXG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxuXG4gIC8vSEVMUEVSU1xuXG4gIHByb3RlY3RlZCBhZGRTZWxlY3RCdG4oKXsgICAgXG4gICAgKDxIVE1MRWxlbWVudD5kb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLnNlbGVjdGVkQnRuKSkuY2xhc3NMaXN0LmFkZCgnc2VsZWN0ZWQnKTtcbiAgfVxuXG4gIHByb3RlY3RlZCByZW1vdmVTZWxlY3RlZEJ0bigpe1xuICAgICg8SFRNTEVsZW1lbnQ+ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5zZWxlY3RlZEJ0bikpLmNsYXNzTGlzdC5yZW1vdmUoJ3NlbGVjdGVkJyk7XG4gIH1cblxufVxuIiwiPG1hdC1jYXJkIGNsYXNzPVwic29jaWFsLWNhcmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZ2gtY2FyZC1jb250YWluZXJcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgIDxtYXQtaWNvbiBmeEZsZXg9XCIxNSVcIiBjbGFzcz1cImdoLWljb25cIj5lcnJvcl9vdXRsaW5lPC9tYXQtaWNvbj5cbiAgICAgICAgPGRpdiBmeEZsZXg9XCI3MCVcImNsYXNzPVwiZ2gtY2FyZC1tYWluLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwiZmlsbFwiIGNsYXNzPVwiZ2gtaW5wdXRcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPnt7SW5wdXRMYWJlbH19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJ0ZXh0XCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiPlxuICAgICAgICAgICAgICAgIDwhLS0gPGJ1dHRvbiAqbmdJZj1cInZhbHVlXCIgbWF0U3VmZml4IG1hdC1pY29uLWJ1dHRvbiBhcmlhLWxhYmVsPVwiQ2xlYXJcIiAoY2xpY2spPVwidmFsdWU9JydcIj5cbiAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+IC0tPlxuICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGJ1dHRvbiBmeEZsZXg9XCIxNSVcIiBtYXQtYnV0dG9uIChjbGljayk9XCJTdWJtaXQoKVwiIGlkPVwic3VibWl0LWJ0blwiPlN1Ym1pdDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuXG4gICAgPG1hdC1jYXJkLWFjdGlvbnMgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3BhY2UtYXJvdW5kIGNlbnRlclwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gKGNsaWNrKT1cIkNyZWF0ZVB1bGxSZXF1ZXN0KClcIiBpZD1cInByLWJ0blwiPlB1bGwgUmVxdWVzdDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gKGNsaWNrKT1cIk9wZW5Jc3N1ZSgpXCIgaWQ9XCJvaS1idG5cIj5PcGVuIElzc3VlPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiAoY2xpY2spPVwiQ3JlYXRlRmVhdHVyZUJyYW5jaCgpXCIgaWQ9XCJmYi1idG5cIj5GZWF0dXJlIEJyYW5jaDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiT3Blbk1vcmVJbmZvKClcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5tb3JlX2hvcml6PC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9tYXQtY2FyZC1hY3Rpb25zPlxuICA8L21hdC1jYXJkPiJdfQ==

package/esm2020/lib/elements/main-feed-card/main-feed-card.component.mjs

@@ -0,0 +1,128 @@
+import { Component, Input } from '@angular/core';
+import moment from 'moment';
+import { SourceControlDialogComponent } from '../../dialogs/source-control-dialog/source-control-dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/eac.service";
+import * as i2 from "@angular/material/dialog";
+import * as i3 from "@angular/material/card";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/flex-layout/flex";
+export class MainFeedCardComponent {
+    constructor(eacSvc, dialog) {
+        this.eacSvc = eacSvc;
+        this.dialog = dialog;
+    }
+    get ActiveEnvironment() {
+        return this.State?.EaC?.Environments[this.ActiveEnvironmentLookup];
+    }
+    get ActiveEnvironmentLookup() {
+        //  TODO:  Eventually support multiple environments
+        const envLookups = Object.keys(this.State?.EaC?.Environments || {});
+        return envLookups[0];
+    }
+    get Environment() {
+        // console.log("Ent Environment var: ", this.State?.EaC?.Environments[this.State?.EaC?.Enterprise?.PrimaryEnvironment]);
+        return this.State?.EaC?.Environments[this.State?.EaC?.Enterprise?.PrimaryEnvironment];
+    }
+    get Icon() {
+        if (this.FeedItem.Status.Code === 0) {
+            return 'check_circle';
+        }
+        else if (this.FeedItem.Status.Code === 1) {
+            return 'cancel';
+        }
+        else if (this.FeedItem.Status.Code === 2) {
+            return 'sync';
+        }
+        else {
+            return 'help_outline';
+        }
+    }
+    get IconColor() {
+        if (this.FeedItem.Status.Code === 0) {
+            return 'green';
+        }
+        else if (this.FeedItem.Status.Code === 1) {
+            return 'red';
+        }
+        else if (this.FeedItem.Status.Code === 2) {
+            return 'blue';
+        }
+        else {
+            return 'gray';
+        }
+    }
+    get State() {
+        return this.eacSvc.State;
+    }
+    //  Life Cycle
+    ngOnInit() {
+        this.handleRefresh();
+    }
+    //  API Methods
+    CalculateTimelapse(timestamp) {
+        return moment(timestamp).fromNow();
+    }
+    HandleAction(action) {
+        if (action.ActionType == 'Link') {
+            if (action.Action.startsWith('http')) {
+                window.open(action.Action, '_blank');
+            }
+            else {
+                window.location.href = action.Action;
+            }
+        }
+        else if (action.ActionType == 'Modal') {
+            if (action.Action == 'AddSourceControl') {
+                this.OpenSourceControlDialog('');
+            }
+            else {
+                alert('other modaled ' + action.Action);
+            }
+        }
+    }
+    OpenSourceControlDialog(scLookup) {
+        const dialogRef = this.dialog.open(SourceControlDialogComponent, {
+            width: '550px',
+            data: {
+                environment: this.Environment,
+                environmentLookup: this.ActiveEnvironmentLookup,
+                scLookup: scLookup,
+            },
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            // console.log('The dialog was closed');
+            // console.log("result:", result)
+        });
+    }
+    //  Helpers
+    handleRefresh() {
+        if (this.FeedItem?.RefreshLink) {
+            setTimeout(() => {
+                this.eacSvc.CheckUserFeedItem(this.FeedItem).subscribe(async (response) => {
+                    if (response.Status.Code === 0) {
+                        this.FeedItem = response.Model;
+                        this.handleRefresh();
+                    }
+                    else {
+                        console.log(response);
+                    }
+                }, (err) => {
+                    console.log(err);
+                });
+            }, 5000);
+        }
+    }
+}
+MainFeedCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: MainFeedCardComponent, deps: [{ token: i1.EaCService }, { token: i2.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+MainFeedCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: MainFeedCardComponent, selector: "lcu-main-feed-card", inputs: { FeedItem: ["feed-item", "FeedItem"] }, ngImport: i0, template: "<mat-card class=\"social-card\">\n  <mat-card-header>\n    <img\n      mat-card-avatar\n      class=\"example-header-image\"\n      [src]=\"FeedItem.Avatar\"\n      *ngIf=\"FeedItem.Avatar\"\n    />\n\n    <mat-card-title *ngIf=\"FeedItem.Title\">{{ FeedItem.Title }}</mat-card-title>\n\n    <mat-card-subtitle>\n      <div *ngIf=\"FeedItem.Subtitle\">{{ FeedItem.Subtitle }}</div>\n      <div *ngIf=\"FeedItem.Status\">\n        <mat-icon\n          *ngIf=\"Icon\"\n          [style.color]=\"IconColor\"\n          [class.spin]=\"FeedItem.Status?.Code == 2\"\n        >\n          {{ Icon }}\n        </mat-icon>\n\n        <span *ngIf=\"FeedItem.Timestamp\">\n          {{ CalculateTimelapse(FeedItem.Timestamp) }}\n        </span>\n      </div>\n    </mat-card-subtitle>\n  </mat-card-header>\n\n  <div *ngIf=\"!FeedItem.IsShortForm\">\n    <!-- <div class=\"feed-card-container\">\n        <div class=\"feed-card-main-content\">\n            The tab content (only 1 'tab' for now)...  So really we don't need to worry about tabs until a future iteration\n\n            The tabs property will contain a data structure that will vary by the FeedItem.Type...  That structure can be used to render the content\n        </div>\n    </div> -->\n  </div>\n\n  <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n    <div fxFlex></div>\n\n    <ng-container *ngFor=\"let action of FeedItem.Actions\">\n      <button mat-button [color]=\"action.Color\" (click)=\"HandleAction(action)\">\n        <mat-icon *ngIf=\"action.Icon\">{{ action.Icon }}</mat-icon>\n\n        {{ action.Text }}\n      </button>\n    </ng-container>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host :host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host :host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host :host ::ng-deep .main-slot-container{padding:10px}:host :host ::ng-deep .slot-header{align-items:center}:host :host ::ng-deep .slot-content{width:100%}:host :host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host :host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host :host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host :host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}:host .example-header-image{background-size:cover}:host .mat-icon{display:inline-flex;vertical-align:middle}:host .mat-icon.spin{animation:rotate 1s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], components: [{ type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3.MatCardHeader, selector: "mat-card-header" }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i7.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: MainFeedCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lcu-main-feed-card', template: "<mat-card class=\"social-card\">\n  <mat-card-header>\n    <img\n      mat-card-avatar\n      class=\"example-header-image\"\n      [src]=\"FeedItem.Avatar\"\n      *ngIf=\"FeedItem.Avatar\"\n    />\n\n    <mat-card-title *ngIf=\"FeedItem.Title\">{{ FeedItem.Title }}</mat-card-title>\n\n    <mat-card-subtitle>\n      <div *ngIf=\"FeedItem.Subtitle\">{{ FeedItem.Subtitle }}</div>\n      <div *ngIf=\"FeedItem.Status\">\n        <mat-icon\n          *ngIf=\"Icon\"\n          [style.color]=\"IconColor\"\n          [class.spin]=\"FeedItem.Status?.Code == 2\"\n        >\n          {{ Icon }}\n        </mat-icon>\n\n        <span *ngIf=\"FeedItem.Timestamp\">\n          {{ CalculateTimelapse(FeedItem.Timestamp) }}\n        </span>\n      </div>\n    </mat-card-subtitle>\n  </mat-card-header>\n\n  <div *ngIf=\"!FeedItem.IsShortForm\">\n    <!-- <div class=\"feed-card-container\">\n        <div class=\"feed-card-main-content\">\n            The tab content (only 1 'tab' for now)...  So really we don't need to worry about tabs until a future iteration\n\n            The tabs property will contain a data structure that will vary by the FeedItem.Type...  That structure can be used to render the content\n        </div>\n    </div> -->\n  </div>\n\n  <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n    <div fxFlex></div>\n\n    <ng-container *ngFor=\"let action of FeedItem.Actions\">\n      <button mat-button [color]=\"action.Color\" (click)=\"HandleAction(action)\">\n        <mat-icon *ngIf=\"action.Icon\">{{ action.Icon }}</mat-icon>\n\n        {{ action.Text }}\n      </button>\n    </ng-container>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host :host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host :host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host :host ::ng-deep .main-slot-container{padding:10px}:host :host ::ng-deep .slot-header{align-items:center}:host :host ::ng-deep .slot-content{width:100%}:host :host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host :host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host :host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host :host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}:host .example-header-image{background-size:cover}:host .mat-icon{display:inline-flex;vertical-align:middle}:host .mat-icon.spin{animation:rotate 1s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.EaCService }, { type: i2.MatDialog }]; }, propDecorators: { FeedItem: [{
+                type: Input,
+                args: ['feed-item']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi1mZWVkLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvbWFpbi1mZWVkLWNhcmQvbWFpbi1mZWVkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvbWFpbi1mZWVkLWNhcmQvbWFpbi1mZWVkLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFekQsT0FBTyxNQUFNLE1BQU0sUUFBUSxDQUFDO0FBSTVCLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHFFQUFxRSxDQUFDOzs7Ozs7Ozs7QUFVbkgsTUFBTSxPQUFPLHFCQUFxQjtJQWtEaEMsWUFBc0IsTUFBa0IsRUFBWSxNQUFpQjtRQUEvQyxXQUFNLEdBQU4sTUFBTSxDQUFZO1FBQVksV0FBTSxHQUFOLE1BQU0sQ0FBVztJQUFHLENBQUM7SUFqRHpFLElBQVcsaUJBQWlCO1FBQzFCLE9BQU8sSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFFRCxJQUFXLHVCQUF1QjtRQUNoQyxtREFBbUQ7UUFDbkQsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxZQUFZLElBQUksRUFBRSxDQUFDLENBQUM7UUFFcEUsT0FBTyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQVcsV0FBVztRQUNwQix3SEFBd0g7UUFDeEgsT0FBTyxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxZQUFZLENBQ2xDLElBQUksQ0FBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxrQkFBa0IsQ0FDaEQsQ0FBQztJQUNKLENBQUM7SUFLRCxJQUFXLElBQUk7UUFDYixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxDQUFDLEVBQUU7WUFDbkMsT0FBTyxjQUFjLENBQUM7U0FDdkI7YUFBTSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxDQUFDLEVBQUU7WUFDMUMsT0FBTyxRQUFRLENBQUM7U0FDakI7YUFBTSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxDQUFDLEVBQUU7WUFDMUMsT0FBTyxNQUFNLENBQUM7U0FDZjthQUFNO1lBQ0wsT0FBTyxjQUFjLENBQUM7U0FDdkI7SUFDSCxDQUFDO0lBRUQsSUFBVyxTQUFTO1FBQ2xCLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRTtZQUNuQyxPQUFPLE9BQU8sQ0FBQztTQUNoQjthQUFNLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRTtZQUMxQyxPQUFPLEtBQUssQ0FBQztTQUNkO2FBQU0sSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssQ0FBQyxFQUFFO1lBQzFDLE9BQU8sTUFBTSxDQUFDO1NBQ2Y7YUFBTTtZQUNMLE9BQU8sTUFBTSxDQUFDO1NBQ2Y7SUFDSCxDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztJQUMzQixDQUFDO0lBSUQsY0FBYztJQUNQLFFBQVE7UUFDYixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGVBQWU7SUFDUixrQkFBa0IsQ0FBQyxTQUFlO1FBQ3ZDLE9BQU8sTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFTSxZQUFZLENBQUMsTUFBc0I7UUFDeEMsSUFBSSxNQUFNLENBQUMsVUFBVSxJQUFJLE1BQU0sRUFBRTtZQUMvQixJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxFQUFFO2dCQUNwQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUM7YUFDdEM7aUJBQU07Z0JBQ0wsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQzthQUN0QztTQUNGO2FBQU0sSUFBSSxNQUFNLENBQUMsVUFBVSxJQUFJLE9BQU8sRUFBRTtZQUN2QyxJQUFJLE1BQU0sQ0FBQyxNQUFNLElBQUksa0JBQWtCLEVBQUU7Z0JBQ3ZDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxFQUFFLENBQUMsQ0FBQzthQUNsQztpQkFBTTtnQkFDTCxLQUFLLENBQUMsZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2FBQ3pDO1NBQ0Y7SUFDSCxDQUFDO0lBRU0sdUJBQXVCLENBQUMsUUFBZ0I7UUFDN0MsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsNEJBQTRCLEVBQUU7WUFDL0QsS0FBSyxFQUFFLE9BQU87WUFDZCxJQUFJLEVBQUU7Z0JBQ0osV0FBVyxFQUFFLElBQUksQ0FBQyxXQUFXO2dCQUM3QixpQkFBaUIsRUFBRSxJQUFJLENBQUMsdUJBQXVCO2dCQUMvQyxRQUFRLEVBQUUsUUFBUTthQUNuQjtTQUNGLENBQUMsQ0FBQztRQUVILFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUMzQyx3Q0FBd0M7WUFDeEMsaUNBQWlDO1FBQ25DLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7SUFDRCxhQUFhO1FBQ3JCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxXQUFXLEVBQUU7WUFDOUIsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxTQUFTLENBQ3BELEtBQUssRUFBRSxRQUF1QyxFQUFFLEVBQUU7b0JBQ2hELElBQUksUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssQ0FBQyxFQUFFO3dCQUM5QixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUM7d0JBRS9CLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztxQkFDdEI7eUJBQU07d0JBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztxQkFDdkI7Z0JBQ0gsQ0FBQyxFQUNELENBQUMsR0FBRyxFQUFFLEVBQUU7b0JBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDbkIsQ0FBQyxDQUNGLENBQUM7WUFDSixDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7U0FDVjtJQUNILENBQUM7O2tIQWxIVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwyR0NoQmxDLGdwREFtREE7MkZEbkNhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxvQkFBb0I7eUhBd0J2QixRQUFRO3NCQURkLEtBQUs7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmVlZEl0ZW0sIEZlZWRJdGVtQWN0aW9uIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3VzZXItZmVlZC5tb2RlbCc7XG5pbXBvcnQgbW9tZW50IGZyb20gJ21vbWVudCc7XG5pbXBvcnQgeyBKc29uSHViUHJvdG9jb2wgfSBmcm9tICdAYXNwbmV0L3NpZ25hbHInO1xuaW1wb3J0IHsgRWFDU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2VhYy5zZXJ2aWNlJztcbmltcG9ydCB7IEJhc2VNb2RlbGVkUmVzcG9uc2UgfSBmcm9tICdAbGN1L2NvbW1vbic7XG5pbXBvcnQgeyBTb3VyY2VDb250cm9sRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZGlhbG9ncy9zb3VyY2UtY29udHJvbC1kaWFsb2cvc291cmNlLWNvbnRyb2wtZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgRWFDRW52aXJvbm1lbnRBc0NvZGUgfSBmcm9tICdAc2VtYW50aWNqcy9jb21tb24nO1xuaW1wb3J0IHsgQXBwbGljYXRpb25zRmxvd1N0YXRlIH0gZnJvbSAnLi4vLi4vc3RhdGUvYXBwbGljYXRpb25zLWZsb3cuc3RhdGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsY3UtbWFpbi1mZWVkLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWFpbi1mZWVkLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYWluLWZlZWQtY2FyZC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNYWluRmVlZENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgZ2V0IEFjdGl2ZUVudmlyb25tZW50KCk6IEVhQ0Vudmlyb25tZW50QXNDb2RlIHtcbiAgICByZXR1cm4gdGhpcy5TdGF0ZT8uRWFDPy5FbnZpcm9ubWVudHNbdGhpcy5BY3RpdmVFbnZpcm9ubWVudExvb2t1cF07XG4gIH1cblxuICBwdWJsaWMgZ2V0IEFjdGl2ZUVudmlyb25tZW50TG9va3VwKCk6IHN0cmluZyB7XG4gICAgLy8gIFRPRE86ICBFdmVudHVhbGx5IHN1cHBvcnQgbXVsdGlwbGUgZW52aXJvbm1lbnRzXG4gICAgY29uc3QgZW52TG9va3VwcyA9IE9iamVjdC5rZXlzKHRoaXMuU3RhdGU/LkVhQz8uRW52aXJvbm1lbnRzIHx8IHt9KTtcblxuICAgIHJldHVybiBlbnZMb29rdXBzWzBdO1xuICB9XG5cbiAgcHVibGljIGdldCBFbnZpcm9ubWVudCgpOiBFYUNFbnZpcm9ubWVudEFzQ29kZSB7XG4gICAgLy8gY29uc29sZS5sb2coXCJFbnQgRW52aXJvbm1lbnQgdmFyOiBcIiwgdGhpcy5TdGF0ZT8uRWFDPy5FbnZpcm9ubWVudHNbdGhpcy5TdGF0ZT8uRWFDPy5FbnRlcnByaXNlPy5QcmltYXJ5RW52aXJvbm1lbnRdKTtcbiAgICByZXR1cm4gdGhpcy5TdGF0ZT8uRWFDPy5FbnZpcm9ubWVudHNbXG4gICAgICB0aGlzLlN0YXRlPy5FYUM/LkVudGVycHJpc2U/LlByaW1hcnlFbnZpcm9ubWVudFxuICAgIF07XG4gIH1cblxuICBASW5wdXQoJ2ZlZWQtaXRlbScpXG4gIHB1YmxpYyBGZWVkSXRlbTogRmVlZEl0ZW07XG5cbiAgcHVibGljIGdldCBJY29uKCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMuRmVlZEl0ZW0uU3RhdHVzLkNvZGUgPT09IDApIHtcbiAgICAgIHJldHVybiAnY2hlY2tfY2lyY2xlJztcbiAgICB9IGVsc2UgaWYgKHRoaXMuRmVlZEl0ZW0uU3RhdHVzLkNvZGUgPT09IDEpIHtcbiAgICAgIHJldHVybiAnY2FuY2VsJztcbiAgICB9IGVsc2UgaWYgKHRoaXMuRmVlZEl0ZW0uU3RhdHVzLkNvZGUgPT09IDIpIHtcbiAgICAgIHJldHVybiAnc3luYyc7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiAnaGVscF9vdXRsaW5lJztcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZ2V0IEljb25Db2xvcigpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLkZlZWRJdGVtLlN0YXR1cy5Db2RlID09PSAwKSB7XG4gICAgICByZXR1cm4gJ2dyZWVuJztcbiAgICB9IGVsc2UgaWYgKHRoaXMuRmVlZEl0ZW0uU3RhdHVzLkNvZGUgPT09IDEpIHtcbiAgICAgIHJldHVybiAncmVkJztcbiAgICB9IGVsc2UgaWYgKHRoaXMuRmVlZEl0ZW0uU3RhdHVzLkNvZGUgPT09IDIpIHtcbiAgICAgIHJldHVybiAnYmx1ZSc7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiAnZ3JheSc7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldCBTdGF0ZSgpOiBBcHBsaWNhdGlvbnNGbG93U3RhdGUge1xuICAgIHJldHVybiB0aGlzLmVhY1N2Yy5TdGF0ZTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBlYWNTdmM6IEVhQ1NlcnZpY2UsIHByb3RlY3RlZCBkaWFsb2c6IE1hdERpYWxvZykge31cblxuICAvLyAgTGlmZSBDeWNsZVxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5oYW5kbGVSZWZyZXNoKCk7XG4gIH1cblxuICAvLyAgQVBJIE1ldGhvZHNcbiAgcHVibGljIENhbGN1bGF0ZVRpbWVsYXBzZSh0aW1lc3RhbXA6IERhdGUpIHtcbiAgICByZXR1cm4gbW9tZW50KHRpbWVzdGFtcCkuZnJvbU5vdygpO1xuICB9XG5cbiAgcHVibGljIEhhbmRsZUFjdGlvbihhY3Rpb246IEZlZWRJdGVtQWN0aW9uKSB7XG4gICAgaWYgKGFjdGlvbi5BY3Rpb25UeXBlID09ICdMaW5rJykge1xuICAgICAgaWYgKGFjdGlvbi5BY3Rpb24uc3RhcnRzV2l0aCgnaHR0cCcpKSB7XG4gICAgICAgIHdpbmRvdy5vcGVuKGFjdGlvbi5BY3Rpb24sICdfYmxhbmsnKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmID0gYWN0aW9uLkFjdGlvbjtcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGFjdGlvbi5BY3Rpb25UeXBlID09ICdNb2RhbCcpIHtcbiAgICAgIGlmIChhY3Rpb24uQWN0aW9uID09ICdBZGRTb3VyY2VDb250cm9sJykge1xuICAgICAgICB0aGlzLk9wZW5Tb3VyY2VDb250cm9sRGlhbG9nKCcnKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGFsZXJ0KCdvdGhlciBtb2RhbGVkICcgKyBhY3Rpb24uQWN0aW9uKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwdWJsaWMgT3BlblNvdXJjZUNvbnRyb2xEaWFsb2coc2NMb29rdXA6IHN0cmluZyk6IHZvaWQge1xuICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oU291cmNlQ29udHJvbERpYWxvZ0NvbXBvbmVudCwge1xuICAgICAgd2lkdGg6ICc1NTBweCcsXG4gICAgICBkYXRhOiB7XG4gICAgICAgIGVudmlyb25tZW50OiB0aGlzLkVudmlyb25tZW50LFxuICAgICAgICBlbnZpcm9ubWVudExvb2t1cDogdGhpcy5BY3RpdmVFbnZpcm9ubWVudExvb2t1cCxcbiAgICAgICAgc2NMb29rdXA6IHNjTG9va3VwLFxuICAgICAgfSxcbiAgICB9KTtcblxuICAgIGRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZSgocmVzdWx0KSA9PiB7XG4gICAgICAvLyBjb25zb2xlLmxvZygnVGhlIGRpYWxvZyB3YXMgY2xvc2VkJyk7XG4gICAgICAvLyBjb25zb2xlLmxvZyhcInJlc3VsdDpcIiwgcmVzdWx0KVxuICAgIH0pO1xuICB9XG5cbiAgLy8gIEhlbHBlcnNcbiAgcHJvdGVjdGVkIGhhbmRsZVJlZnJlc2goKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuRmVlZEl0ZW0/LlJlZnJlc2hMaW5rKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5lYWNTdmMuQ2hlY2tVc2VyRmVlZEl0ZW0odGhpcy5GZWVkSXRlbSkuc3Vic2NyaWJlKFxuICAgICAgICAgIGFzeW5jIChyZXNwb25zZTogQmFzZU1vZGVsZWRSZXNwb25zZTxGZWVkSXRlbT4pID0+IHtcbiAgICAgICAgICAgIGlmIChyZXNwb25zZS5TdGF0dXMuQ29kZSA9PT0gMCkge1xuICAgICAgICAgICAgICB0aGlzLkZlZWRJdGVtID0gcmVzcG9uc2UuTW9kZWw7XG5cbiAgICAgICAgICAgICAgdGhpcy5oYW5kbGVSZWZyZXNoKCk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICBjb25zb2xlLmxvZyhyZXNwb25zZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSxcbiAgICAgICAgICAoZXJyKSA9PiB7XG4gICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xuICAgICAgICAgIH1cbiAgICAgICAgKTtcbiAgICAgIH0sIDUwMDApO1xuICAgIH1cbiAgfVxufVxuIiwiPG1hdC1jYXJkIGNsYXNzPVwic29jaWFsLWNhcmRcIj5cbiAgPG1hdC1jYXJkLWhlYWRlcj5cbiAgICA8aW1nXG4gICAgICBtYXQtY2FyZC1hdmF0YXJcbiAgICAgIGNsYXNzPVwiZXhhbXBsZS1oZWFkZXItaW1hZ2VcIlxuICAgICAgW3NyY109XCJGZWVkSXRlbS5BdmF0YXJcIlxuICAgICAgKm5nSWY9XCJGZWVkSXRlbS5BdmF0YXJcIlxuICAgIC8+XG5cbiAgICA8bWF0LWNhcmQtdGl0bGUgKm5nSWY9XCJGZWVkSXRlbS5UaXRsZVwiPnt7IEZlZWRJdGVtLlRpdGxlIH19PC9tYXQtY2FyZC10aXRsZT5cblxuICAgIDxtYXQtY2FyZC1zdWJ0aXRsZT5cbiAgICAgIDxkaXYgKm5nSWY9XCJGZWVkSXRlbS5TdWJ0aXRsZVwiPnt7IEZlZWRJdGVtLlN1YnRpdGxlIH19PC9kaXY+XG4gICAgICA8ZGl2ICpuZ0lmPVwiRmVlZEl0ZW0uU3RhdHVzXCI+XG4gICAgICAgIDxtYXQtaWNvblxuICAgICAgICAgICpuZ0lmPVwiSWNvblwiXG4gICAgICAgICAgW3N0eWxlLmNvbG9yXT1cIkljb25Db2xvclwiXG4gICAgICAgICAgW2NsYXNzLnNwaW5dPVwiRmVlZEl0ZW0uU3RhdHVzPy5Db2RlID09IDJcIlxuICAgICAgICA+XG4gICAgICAgICAge3sgSWNvbiB9fVxuICAgICAgICA8L21hdC1pY29uPlxuXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiRmVlZEl0ZW0uVGltZXN0YW1wXCI+XG4gICAgICAgICAge3sgQ2FsY3VsYXRlVGltZWxhcHNlKEZlZWRJdGVtLlRpbWVzdGFtcCkgfX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9tYXQtY2FyZC1zdWJ0aXRsZT5cbiAgPC9tYXQtY2FyZC1oZWFkZXI+XG5cbiAgPGRpdiAqbmdJZj1cIiFGZWVkSXRlbS5Jc1Nob3J0Rm9ybVwiPlxuICAgIDwhLS0gPGRpdiBjbGFzcz1cImZlZWQtY2FyZC1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZlZWQtY2FyZC1tYWluLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIFRoZSB0YWIgY29udGVudCAob25seSAxICd0YWInIGZvciBub3cpLi4uICBTbyByZWFsbHkgd2UgZG9uJ3QgbmVlZCB0byB3b3JyeSBhYm91dCB0YWJzIHVudGlsIGEgZnV0dXJlIGl0ZXJhdGlvblxuXG4gICAgICAgICAgICBUaGUgdGFicyBwcm9wZXJ0eSB3aWxsIGNvbnRhaW4gYSBkYXRhIHN0cnVjdHVyZSB0aGF0IHdpbGwgdmFyeSBieSB0aGUgRmVlZEl0ZW0uVHlwZS4uLiAgVGhhdCBzdHJ1Y3R1cmUgY2FuIGJlIHVzZWQgdG8gcmVuZGVyIHRoZSBjb250ZW50XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PiAtLT5cbiAgPC9kaXY+XG5cbiAgPG1hdC1jYXJkLWFjdGlvbnMgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3BhY2UtYXJvdW5kIGNlbnRlclwiPlxuICAgIDxkaXYgZnhGbGV4PjwvZGl2PlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIEZlZWRJdGVtLkFjdGlvbnNcIj5cbiAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBbY29sb3JdPVwiYWN0aW9uLkNvbG9yXCIgKGNsaWNrKT1cIkhhbmRsZUFjdGlvbihhY3Rpb24pXCI+XG4gICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImFjdGlvbi5JY29uXCI+e3sgYWN0aW9uLkljb24gfX08L21hdC1pY29uPlxuXG4gICAgICAgIHt7IGFjdGlvbi5UZXh0IH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9tYXQtY2FyZC1hY3Rpb25zPlxuPC9tYXQtY2FyZD5cbiJdfQ==

package/esm2020/lib/elements/project-info-card/project-info-card.component.mjs

@@ -0,0 +1,76 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { UpgradeDialogComponent } from '../../dialogs/upgrade-dialog/upgrade-dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/eac.service";
+import * as i2 from "@angular/material/dialog";
+import * as i3 from "@angular/material/card";
+import * as i4 from "skeleton-elements/angular";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/common";
+import * as i8 from "@angular/flex-layout/flex";
+export class ProjectInfoCardComponent {
+    constructor(eacSvc, dialog) {
+        this.eacSvc = eacSvc;
+        this.dialog = dialog;
+        this.LeftClickEvent = new EventEmitter();
+        this.RightClickEvent = new EventEmitter();
+        this.SkeletonEffect = 'wave';
+    }
+    get State() {
+        return this.eacSvc.State;
+    }
+    ngOnInit() {
+        // console.log("loading = ", this.Loading)
+        // console.log("is shareable: ", this.IsShareable);
+        // console.log("is editable: ", this.IsEditable);
+    }
+    LeftIconClicked() {
+        this.LeftClickEvent.emit({});
+    }
+    RightIconClicked() {
+        console.log("share clicked");
+        this.RightClickEvent.emit({});
+    }
+    UpgradeClicked() {
+        const dialogRef = this.dialog.open(UpgradeDialogComponent, {
+            width: '600px',
+            data: {},
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            // console.log('The dialog was closed');
+            // console.log("result:", result)
+        });
+    }
+}
+ProjectInfoCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProjectInfoCardComponent, deps: [{ token: i1.EaCService }, { token: i2.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+ProjectInfoCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ProjectInfoCardComponent, selector: "lcu-project-info-card", inputs: { Description: ["description", "Description"], Image: ["image", "Image"], IsEditable: ["is-editable", "IsEditable"], IsShareable: ["is-shareable", "IsShareable"], Name: ["name", "Name"], Subtext: ["subtext", "Subtext"] }, outputs: { LeftClickEvent: "left-click-event", RightClickEvent: "right-click-event" }, ngImport: i0, template: "<mat-card class=\"project-info-card\">\n\n  <!-- SKELETON CONTENT -->\n  <ng-container *ngIf=\"State?.Loading\">\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n      <skeleton-avatar class=\"round-project-img\" [effect]=\"SkeletonEffect\" [size]=\"75\" ></skeleton-avatar >\n  </div>\n\n  <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n    <mat-card-title \n      skeleton-text  \n      [effect]=\"SkeletonEffect\"\n      class=\"project-card-name\" \n    >\n      Name of card\n    </mat-card-title>\n\n    <mat-card-subtitle \n      skeleton-text \n      [effect]=\"SkeletonEffect\" \n      class=\"project-card-description\" \n    >\n      Description Text\n    </mat-card-subtitle>\n\n    <mat-card-subtitle class=\"project-card-host\">\n        <div \n          skeleton-text \n          [effect]=\"SkeletonEffect\" \n          class=\"host-anchor\" \n        >\n          https://www.fathym.com\n        </div>\n    </mat-card-subtitle>\n\n  </mat-card-header>\n  <mat-card-content class=\"card-content-container\">\n    <div skeleton-block [effect]=\"SkeletonEffect\" class=\"stats-container\">\n    </div>\n\n    <div \n      class=\"promo-container-skeleton\" \n      fxLayout=\"column\" \n      fxLayoutAlign=\"center center\" \n    >\n        \n      <div \n        skeleton-text \n        [effect]=\"SkeletonEffect\"\n        class=\"skeleton-item\"\n      >\n        Access exclusive tools & insights\n      </div>\n\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">emoji_events</mat-icon>\n\n        <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\" >\n          Upgrade to premium now\n        </div>\n      </div>\n    </div>\n\n  </mat-card-content>\n  <mat-card-actions class=\"actions-container-skeleton\" fxLayoutAlign=\"center center\">\n    <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\" action mat-button >\n      <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">outbox</mat-icon>\n      Unpack\n    </div>\n    \n  </mat-card-actions>\n  </ng-container>\n  <!-- END SKELETON CONTENT -->\n\n  <!-- ACTUAL CONTENT -->\n\n<ng-container *ngIf=\"!State?.Loading\">\n\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n        <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n            <mat-icon *ngIf=\"!Image\" class=\"temp-icon\">flutter_dash</mat-icon>\n            <img *ngIf=\"Image\" [src]=\"Image\" [alt]=\"Name\" style=\"width:75px; height:75px\">\n        </div>\n    </div>\n\n    <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n      <button *ngIf=\"IsEditable\" mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n        <mat-icon>edit</mat-icon>\n      </button>\n      <button *ngIf=\"IsShareable\" mat-icon-button id=\"right-icon\" (click)=\"RightIconClicked()\">\n        <mat-icon>share</mat-icon>\n      </button>\n    </div>\n\n    <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n      <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">{{Name}}</mat-card-title>\n\n      <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">{{Description}}</mat-card-subtitle>\n\n      <mat-card-subtitle class=\"project-card-host\">\n          <a class=\"host-anchor\" *ngIf=\"Subtext\" [href]=\"'https://'+Subtext\" target=\"_blank\">{{Subtext}}</a>\n      </mat-card-subtitle>\n\n    </mat-card-header>\n    <mat-card-content class=\"card-content-container\">\n      <div class=\"stats-container\">\n        <ng-content  select=\"[stats]\"></ng-content>\n      </div>\n\n      <!-- <div class=\"promo-container\"> -->\n        <!-- <ng-content  select=\"[promo]\"></ng-content> -->\n        <div class=\"promo-container\" \n          fxLayout=\"column\" \n          fxLayoutAlign=\"center center\" \n          (click)=\"UpgradeClicked()\"\n          \n        >\n        \n        <div>Access exclusive tools & insights</div>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n          <mat-icon class=\"gold-icon\">emoji_events</mat-icon>\n\n          <div class=\"upgrade-text\" (click)=\"UpgradeClicked()\">\n            Upgrade to premium now\n          </div>\n        </div>\n      </div>\n      <!-- </div> -->\n\n    </mat-card-content>\n    <mat-card-actions class=\"actions-container\">\n      <ng-content select=\"[action]\"></ng-content>\n      \n    </mat-card-actions>\n  </ng-container>\n  </mat-card>\n  \n", styles: [".project-info-card{margin:20px;padding:0}.round-project-img{background-color:#dfeff2;width:75px;height:75px;border-radius:40px;text-align:center;margin-top:20px;border:2px solid white}.temp-icon{height:50px;width:50px;font-size:50px}.icon-btn-container{margin:5px}.project-card-header{text-align:center;margin-top:50px}.host-anchor{text-decoration:none;color:#4a918e}.header-img-container{background-color:#a4bab3;height:60px;border-radius:2px 2px 0 0;margin-top:-.5px!important;margin-right:-.5px;justify-content:center}.project-card-name{font-size:17px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-top:1px solid #b9dddd}.promo-container{cursor:pointer}.gold-icon{color:#d4af37}.upgrade-text{font-weight:700;margin-left:10px;cursor:pointer}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.promo-container-skeleton{margin:5px}.actions-container{padding:0!important}.actions-container-skeleton{padding:0!important;border-top:1px solid #b9dddd}.info-card-btn{width:100%;border-radius:0 0 2px 2px;border-top:1px solid #b9dddd}.skeleton-item{margin:5px}\n"], components: [{ type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i3.MatCardHeader, selector: "mat-card-header" }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i3.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProjectInfoCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lcu-project-info-card', template: "<mat-card class=\"project-info-card\">\n\n  <!-- SKELETON CONTENT -->\n  <ng-container *ngIf=\"State?.Loading\">\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n      <skeleton-avatar class=\"round-project-img\" [effect]=\"SkeletonEffect\" [size]=\"75\" ></skeleton-avatar >\n  </div>\n\n  <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n    <mat-card-title \n      skeleton-text  \n      [effect]=\"SkeletonEffect\"\n      class=\"project-card-name\" \n    >\n      Name of card\n    </mat-card-title>\n\n    <mat-card-subtitle \n      skeleton-text \n      [effect]=\"SkeletonEffect\" \n      class=\"project-card-description\" \n    >\n      Description Text\n    </mat-card-subtitle>\n\n    <mat-card-subtitle class=\"project-card-host\">\n        <div \n          skeleton-text \n          [effect]=\"SkeletonEffect\" \n          class=\"host-anchor\" \n        >\n          https://www.fathym.com\n        </div>\n    </mat-card-subtitle>\n\n  </mat-card-header>\n  <mat-card-content class=\"card-content-container\">\n    <div skeleton-block [effect]=\"SkeletonEffect\" class=\"stats-container\">\n    </div>\n\n    <div \n      class=\"promo-container-skeleton\" \n      fxLayout=\"column\" \n      fxLayoutAlign=\"center center\" \n    >\n        \n      <div \n        skeleton-text \n        [effect]=\"SkeletonEffect\"\n        class=\"skeleton-item\"\n      >\n        Access exclusive tools & insights\n      </div>\n\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">emoji_events</mat-icon>\n\n        <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\" >\n          Upgrade to premium now\n        </div>\n      </div>\n    </div>\n\n  </mat-card-content>\n  <mat-card-actions class=\"actions-container-skeleton\" fxLayoutAlign=\"center center\">\n    <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\" action mat-button >\n      <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">outbox</mat-icon>\n      Unpack\n    </div>\n    \n  </mat-card-actions>\n  </ng-container>\n  <!-- END SKELETON CONTENT -->\n\n  <!-- ACTUAL CONTENT -->\n\n<ng-container *ngIf=\"!State?.Loading\">\n\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n        <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n            <mat-icon *ngIf=\"!Image\" class=\"temp-icon\">flutter_dash</mat-icon>\n            <img *ngIf=\"Image\" [src]=\"Image\" [alt]=\"Name\" style=\"width:75px; height:75px\">\n        </div>\n    </div>\n\n    <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n      <button *ngIf=\"IsEditable\" mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n        <mat-icon>edit</mat-icon>\n      </button>\n      <button *ngIf=\"IsShareable\" mat-icon-button id=\"right-icon\" (click)=\"RightIconClicked()\">\n        <mat-icon>share</mat-icon>\n      </button>\n    </div>\n\n    <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n      <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">{{Name}}</mat-card-title>\n\n      <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">{{Description}}</mat-card-subtitle>\n\n      <mat-card-subtitle class=\"project-card-host\">\n          <a class=\"host-anchor\" *ngIf=\"Subtext\" [href]=\"'https://'+Subtext\" target=\"_blank\">{{Subtext}}</a>\n      </mat-card-subtitle>\n\n    </mat-card-header>\n    <mat-card-content class=\"card-content-container\">\n      <div class=\"stats-container\">\n        <ng-content  select=\"[stats]\"></ng-content>\n      </div>\n\n      <!-- <div class=\"promo-container\"> -->\n        <!-- <ng-content  select=\"[promo]\"></ng-content> -->\n        <div class=\"promo-container\" \n          fxLayout=\"column\" \n          fxLayoutAlign=\"center center\" \n          (click)=\"UpgradeClicked()\"\n          \n        >\n        \n        <div>Access exclusive tools & insights</div>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n          <mat-icon class=\"gold-icon\">emoji_events</mat-icon>\n\n          <div class=\"upgrade-text\" (click)=\"UpgradeClicked()\">\n            Upgrade to premium now\n          </div>\n        </div>\n      </div>\n      <!-- </div> -->\n\n    </mat-card-content>\n    <mat-card-actions class=\"actions-container\">\n      <ng-content select=\"[action]\"></ng-content>\n      \n    </mat-card-actions>\n  </ng-container>\n  </mat-card>\n  \n", styles: [".project-info-card{margin:20px;padding:0}.round-project-img{background-color:#dfeff2;width:75px;height:75px;border-radius:40px;text-align:center;margin-top:20px;border:2px solid white}.temp-icon{height:50px;width:50px;font-size:50px}.icon-btn-container{margin:5px}.project-card-header{text-align:center;margin-top:50px}.host-anchor{text-decoration:none;color:#4a918e}.header-img-container{background-color:#a4bab3;height:60px;border-radius:2px 2px 0 0;margin-top:-.5px!important;margin-right:-.5px;justify-content:center}.project-card-name{font-size:17px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-top:1px solid #b9dddd}.promo-container{cursor:pointer}.gold-icon{color:#d4af37}.upgrade-text{font-weight:700;margin-left:10px;cursor:pointer}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.promo-container-skeleton{margin:5px}.actions-container{padding:0!important}.actions-container-skeleton{padding:0!important;border-top:1px solid #b9dddd}.info-card-btn{width:100%;border-radius:0 0 2px 2px;border-top:1px solid #b9dddd}.skeleton-item{margin:5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.EaCService }, { type: i2.MatDialog }]; }, propDecorators: { Description: [{
+                type: Input,
+                args: ['description']
+            }], Image: [{
+                type: Input,
+                args: ['image']
+            }], IsEditable: [{
+                type: Input,
+                args: ['is-editable']
+            }], IsShareable: [{
+                type: Input,
+                args: ['is-shareable']
+            }], Name: [{
+                type: Input,
+                args: ['name']
+            }], Subtext: [{
+                type: Input,
+                args: ['subtext']
+            }], LeftClickEvent: [{
+                type: Output,
+                args: ['left-click-event']
+            }], RightClickEvent: [{
+                type: Output,
+                args: ['right-click-event']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvcHJvamVjdC1pbmZvLWNhcmQvcHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvcHJvamVjdC1pbmZvLWNhcmQvcHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQzs7Ozs7Ozs7OztBQVMvRixNQUFNLE9BQU8sd0JBQXdCO0lBaUNuQyxZQUFzQixNQUFrQixFQUFXLE1BQWlCO1FBQTlDLFdBQU0sR0FBTixNQUFNLENBQVk7UUFBVyxXQUFNLEdBQU4sTUFBTSxDQUFXO1FBQ2xFLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV6QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFMUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUM7SUFDOUIsQ0FBQztJQWJGLElBQVcsS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQWFNLFFBQVE7UUFDYiwwQ0FBMEM7UUFDMUMsbURBQW1EO1FBQ25ELGlEQUFpRDtJQUNuRCxDQUFDO0lBSU0sZUFBZTtRQUNwQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRU0sZ0JBQWdCO1FBQ3JCLE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUE7UUFDNUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVNLGNBQWM7UUFDbkIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsc0JBQXNCLEVBQUU7WUFDekQsS0FBSyxFQUFFLE9BQU87WUFDZCxJQUFJLEVBQUUsRUFDTDtTQUNGLENBQUMsQ0FBQztRQUVILFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUMzQyx3Q0FBd0M7WUFDeEMsaUNBQWlDO1FBQ25DLENBQUMsQ0FBQyxDQUFDO0lBRUwsQ0FBQzs7cUhBdEVVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDBYQ1hyQywraEpBNElBOzJGRGpJYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCO3lIQU8xQixXQUFXO3NCQURqQixLQUFLO3VCQUFDLGFBQWE7Z0JBSWIsS0FBSztzQkFEWCxLQUFLO3VCQUFDLE9BQU87Z0JBSVAsVUFBVTtzQkFEaEIsS0FBSzt1QkFBQyxhQUFhO2dCQUliLFdBQVc7c0JBRGpCLEtBQUs7dUJBQUMsY0FBYztnQkFJZCxJQUFJO3NCQURWLEtBQUs7dUJBQUMsTUFBTTtnQkFJTixPQUFPO3NCQURiLEtBQUs7dUJBQUMsU0FBUztnQkFJVCxjQUFjO3NCQURwQixNQUFNO3VCQUFDLGtCQUFrQjtnQkFJbkIsZUFBZTtzQkFEckIsTUFBTTt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgVXBncmFkZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL2RpYWxvZ3MvdXBncmFkZS1kaWFsb2cvdXBncmFkZS1kaWFsb2cuY29tcG9uZW50JztcbmltcG9ydCB7IEVhQ1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9lYWMuc2VydmljZSc7XG5pbXBvcnQgeyBBcHBsaWNhdGlvbnNGbG93U3RhdGUgfSBmcm9tICcuLi8uLi9zdGF0ZS9hcHBsaWNhdGlvbnMtZmxvdy5zdGF0ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xjdS1wcm9qZWN0LWluZm8tY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9qZWN0LWluZm8tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Byb2plY3QtaW5mby1jYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUHJvamVjdEluZm9DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgXG4gIEBJbnB1dCgnZGVzY3JpcHRpb24nKVxuICBwdWJsaWMgRGVzY3JpcHRpb246IHN0cmluZztcbiAgXG4gIEBJbnB1dCgnaW1hZ2UnKVxuICBwdWJsaWMgSW1hZ2U6IHN0cmluZztcblxuICBASW5wdXQoJ2lzLWVkaXRhYmxlJylcbiAgcHVibGljIElzRWRpdGFibGU6IGJvb2xlYW47XG5cbiAgQElucHV0KCdpcy1zaGFyZWFibGUnKVxuICBwdWJsaWMgSXNTaGFyZWFibGU6IGJvb2xlYW47XG5cbiAgQElucHV0KCduYW1lJylcbiAgcHVibGljIE5hbWU6IHN0cmluZztcblxuICBASW5wdXQoJ3N1YnRleHQnKVxuICBwdWJsaWMgU3VidGV4dDogc3RyaW5nO1xuXG4gIEBPdXRwdXQoJ2xlZnQtY2xpY2stZXZlbnQnKVxuICBwdWJsaWMgTGVmdENsaWNrRXZlbnQ6IEV2ZW50RW1pdHRlcjx7fT47XG5cbiAgQE91dHB1dCgncmlnaHQtY2xpY2stZXZlbnQnKVxuICBwdWJsaWMgUmlnaHRDbGlja0V2ZW50OiBFdmVudEVtaXR0ZXI8e30+O1xuXG4gIHB1YmxpYyBnZXQgU3RhdGUoKTogQXBwbGljYXRpb25zRmxvd1N0YXRle1xuICAgIHJldHVybiB0aGlzLmVhY1N2Yy5TdGF0ZTtcbiAgfVxuXG4gIHB1YmxpYyBTa2VsZXRvbkVmZmVjdDogc3RyaW5nO1xuXG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGVhY1N2YzogRWFDU2VydmljZSxwcm90ZWN0ZWQgZGlhbG9nOiBNYXREaWFsb2csKSB7XG4gICAgdGhpcy5MZWZ0Q2xpY2tFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIHRoaXMuUmlnaHRDbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgdGhpcy5Ta2VsZXRvbkVmZmVjdCA9ICd3YXZlJztcbiAgIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy8gY29uc29sZS5sb2coXCJsb2FkaW5nID0gXCIsIHRoaXMuTG9hZGluZylcbiAgICAvLyBjb25zb2xlLmxvZyhcImlzIHNoYXJlYWJsZTogXCIsIHRoaXMuSXNTaGFyZWFibGUpO1xuICAgIC8vIGNvbnNvbGUubG9nKFwiaXMgZWRpdGFibGU6IFwiLCB0aGlzLklzRWRpdGFibGUpO1xuICB9XG5cblxuXG4gIHB1YmxpYyBMZWZ0SWNvbkNsaWNrZWQoKXtcbiAgICB0aGlzLkxlZnRDbGlja0V2ZW50LmVtaXQoe30pO1xuICB9XG5cbiAgcHVibGljIFJpZ2h0SWNvbkNsaWNrZWQoKXtcbiAgICBjb25zb2xlLmxvZyhcInNoYXJlIGNsaWNrZWRcIilcbiAgICB0aGlzLlJpZ2h0Q2xpY2tFdmVudC5lbWl0KHt9KTtcbiAgfVxuXG4gIHB1YmxpYyBVcGdyYWRlQ2xpY2tlZCgpe1xuICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oVXBncmFkZURpYWxvZ0NvbXBvbmVudCwge1xuICAgICAgd2lkdGg6ICc2MDBweCcsXG4gICAgICBkYXRhOiB7XG4gICAgICB9LFxuICAgIH0pO1xuXG4gICAgZGlhbG9nUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKChyZXN1bHQpID0+IHtcbiAgICAgIC8vIGNvbnNvbGUubG9nKCdUaGUgZGlhbG9nIHdhcyBjbG9zZWQnKTtcbiAgICAgIC8vIGNvbnNvbGUubG9nKFwicmVzdWx0OlwiLCByZXN1bHQpXG4gICAgfSk7XG5cbiAgfVxuXG59XG4iLCI8bWF0LWNhcmQgY2xhc3M9XCJwcm9qZWN0LWluZm8tY2FyZFwiPlxuXG4gIDwhLS0gU0tFTEVUT04gQ09OVEVOVCAtLT5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIlN0YXRlPy5Mb2FkaW5nXCI+XG4gICAgPGRpdiBjbGFzcz1cImhlYWRlci1pbWctY29udGFpbmVyXCIgZnhMYXlvdXQ9XCJyb3dcIiA+XG4gICAgICA8c2tlbGV0b24tYXZhdGFyIGNsYXNzPVwicm91bmQtcHJvamVjdC1pbWdcIiBbZWZmZWN0XT1cIlNrZWxldG9uRWZmZWN0XCIgW3NpemVdPVwiNzVcIiA+PC9za2VsZXRvbi1hdmF0YXIgPlxuICA8L2Rpdj5cblxuICA8bWF0LWNhcmQtaGVhZGVyIGNsYXNzPVwicHJvamVjdC1jYXJkLWhlYWRlclwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG5cbiAgICA8bWF0LWNhcmQtdGl0bGUgXG4gICAgICBza2VsZXRvbi10ZXh0ICBcbiAgICAgIFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIlxuICAgICAgY2xhc3M9XCJwcm9qZWN0LWNhcmQtbmFtZVwiIFxuICAgID5cbiAgICAgIE5hbWUgb2YgY2FyZFxuICAgIDwvbWF0LWNhcmQtdGl0bGU+XG5cbiAgICA8bWF0LWNhcmQtc3VidGl0bGUgXG4gICAgICBza2VsZXRvbi10ZXh0IFxuICAgICAgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiIFxuICAgICAgY2xhc3M9XCJwcm9qZWN0LWNhcmQtZGVzY3JpcHRpb25cIiBcbiAgICA+XG4gICAgICBEZXNjcmlwdGlvbiBUZXh0XG4gICAgPC9tYXQtY2FyZC1zdWJ0aXRsZT5cblxuICAgIDxtYXQtY2FyZC1zdWJ0aXRsZSBjbGFzcz1cInByb2plY3QtY2FyZC1ob3N0XCI+XG4gICAgICAgIDxkaXYgXG4gICAgICAgICAgc2tlbGV0b24tdGV4dCBcbiAgICAgICAgICBbZWZmZWN0XT1cIlNrZWxldG9uRWZmZWN0XCIgXG4gICAgICAgICAgY2xhc3M9XCJob3N0LWFuY2hvclwiIFxuICAgICAgICA+XG4gICAgICAgICAgaHR0cHM6Ly93d3cuZmF0aHltLmNvbVxuICAgICAgICA8L2Rpdj5cbiAgICA8L21hdC1jYXJkLXN1YnRpdGxlPlxuXG4gIDwvbWF0LWNhcmQtaGVhZGVyPlxuICA8bWF0LWNhcmQtY29udGVudCBjbGFzcz1cImNhcmQtY29udGVudC1jb250YWluZXJcIj5cbiAgICA8ZGl2IHNrZWxldG9uLWJsb2NrIFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIiBjbGFzcz1cInN0YXRzLWNvbnRhaW5lclwiPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBcbiAgICAgIGNsYXNzPVwicHJvbW8tY29udGFpbmVyLXNrZWxldG9uXCIgXG4gICAgICBmeExheW91dD1cImNvbHVtblwiIFxuICAgICAgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBcbiAgICA+XG4gICAgICAgIFxuICAgICAgPGRpdiBcbiAgICAgICAgc2tlbGV0b24tdGV4dCBcbiAgICAgICAgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiXG4gICAgICAgIGNsYXNzPVwic2tlbGV0b24taXRlbVwiXG4gICAgICA+XG4gICAgICAgIEFjY2VzcyBleGNsdXNpdmUgdG9vbHMgJiBpbnNpZ2h0c1xuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgICAgIDxtYXQtaWNvbiBza2VsZXRvbi10ZXh0IFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIiBjbGFzcz1cInNrZWxldG9uLWl0ZW1cIj5lbW9qaV9ldmVudHM8L21hdC1pY29uPlxuXG4gICAgICAgIDxkaXYgc2tlbGV0b24tdGV4dCBbZWZmZWN0XT1cIlNrZWxldG9uRWZmZWN0XCIgY2xhc3M9XCJza2VsZXRvbi1pdGVtXCIgPlxuICAgICAgICAgIFVwZ3JhZGUgdG8gcHJlbWl1bSBub3dcbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICA8L21hdC1jYXJkLWNvbnRlbnQ+XG4gIDxtYXQtY2FyZC1hY3Rpb25zIGNsYXNzPVwiYWN0aW9ucy1jb250YWluZXItc2tlbGV0b25cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgIDxkaXYgc2tlbGV0b24tdGV4dCBbZWZmZWN0XT1cIlNrZWxldG9uRWZmZWN0XCIgY2xhc3M9XCJza2VsZXRvbi1pdGVtXCIgYWN0aW9uIG1hdC1idXR0b24gPlxuICAgICAgPG1hdC1pY29uIHNrZWxldG9uLXRleHQgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiIGNsYXNzPVwic2tlbGV0b24taXRlbVwiPm91dGJveDwvbWF0LWljb24+XG4gICAgICBVbnBhY2tcbiAgICA8L2Rpdj5cbiAgICBcbiAgPC9tYXQtY2FyZC1hY3Rpb25zPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPCEtLSBFTkQgU0tFTEVUT04gQ09OVEVOVCAtLT5cblxuICA8IS0tIEFDVFVBTCBDT05URU5UIC0tPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwiIVN0YXRlPy5Mb2FkaW5nXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWltZy1jb250YWluZXJcIiBmeExheW91dD1cInJvd1wiID5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJvdW5kLXByb2plY3QtaW1nXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFJbWFnZVwiIGNsYXNzPVwidGVtcC1pY29uXCI+Zmx1dHRlcl9kYXNoPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJJbWFnZVwiIFtzcmNdPVwiSW1hZ2VcIiBbYWx0XT1cIk5hbWVcIiBzdHlsZT1cIndpZHRoOjc1cHg7IGhlaWdodDo3NXB4XCI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImljb24tYnRuLWNvbnRhaW5lclwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInNwYWNlLWJldHdlZW4gY2VudGVyXCIgPlxuICAgICAgPGJ1dHRvbiAqbmdJZj1cIklzRWRpdGFibGVcIiBtYXQtaWNvbi1idXR0b24gaWQ9XCJsZWZ0LWljb25cIiAoY2xpY2spPVwiTGVmdEljb25DbGlja2VkKClcIj5cbiAgICAgICAgPG1hdC1pY29uPmVkaXQ8L21hdC1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uICpuZ0lmPVwiSXNTaGFyZWFibGVcIiBtYXQtaWNvbi1idXR0b24gaWQ9XCJyaWdodC1pY29uXCIgKGNsaWNrKT1cIlJpZ2h0SWNvbkNsaWNrZWQoKVwiPlxuICAgICAgICA8bWF0LWljb24+c2hhcmU8L21hdC1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG5cbiAgICA8bWF0LWNhcmQtaGVhZGVyIGNsYXNzPVwicHJvamVjdC1jYXJkLWhlYWRlclwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG5cbiAgICAgIDxtYXQtY2FyZC10aXRsZSBjbGFzcz1cInByb2plY3QtY2FyZC1uYW1lXCIgKm5nSWY9XCJOYW1lXCI+e3tOYW1lfX08L21hdC1jYXJkLXRpdGxlPlxuXG4gICAgICA8bWF0LWNhcmQtc3VidGl0bGUgY2xhc3M9XCJwcm9qZWN0LWNhcmQtZGVzY3JpcHRpb25cIiAqbmdJZj1cIkRlc2NyaXB0aW9uXCI+e3tEZXNjcmlwdGlvbn19PC9tYXQtY2FyZC1zdWJ0aXRsZT5cblxuICAgICAgPG1hdC1jYXJkLXN1YnRpdGxlIGNsYXNzPVwicHJvamVjdC1jYXJkLWhvc3RcIj5cbiAgICAgICAgICA8YSBjbGFzcz1cImhvc3QtYW5jaG9yXCIgKm5nSWY9XCJTdWJ0ZXh0XCIgW2hyZWZdPVwiJ2h0dHBzOi8vJytTdWJ0ZXh0XCIgdGFyZ2V0PVwiX2JsYW5rXCI+e3tTdWJ0ZXh0fX08L2E+XG4gICAgICA8L21hdC1jYXJkLXN1YnRpdGxlPlxuXG4gICAgPC9tYXQtY2FyZC1oZWFkZXI+XG4gICAgPG1hdC1jYXJkLWNvbnRlbnQgY2xhc3M9XCJjYXJkLWNvbnRlbnQtY29udGFpbmVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RhdHMtY29udGFpbmVyXCI+XG4gICAgICAgIDxuZy1jb250ZW50ICBzZWxlY3Q9XCJbc3RhdHNdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gPGRpdiBjbGFzcz1cInByb21vLWNvbnRhaW5lclwiPiAtLT5cbiAgICAgICAgPCEtLSA8bmctY29udGVudCAgc2VsZWN0PVwiW3Byb21vXVwiPjwvbmctY29udGVudD4gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcm9tby1jb250YWluZXJcIiBcbiAgICAgICAgICBmeExheW91dD1cImNvbHVtblwiIFxuICAgICAgICAgIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgXG4gICAgICAgICAgKGNsaWNrKT1cIlVwZ3JhZGVDbGlja2VkKClcIlxuICAgICAgICAgIFxuICAgICAgICA+XG4gICAgICAgIFxuICAgICAgICA8ZGl2PkFjY2VzcyBleGNsdXNpdmUgdG9vbHMgJiBpbnNpZ2h0czwvZGl2PlxuXG4gICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiZ29sZC1pY29uXCI+ZW1vamlfZXZlbnRzPC9tYXQtaWNvbj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ1cGdyYWRlLXRleHRcIiAoY2xpY2spPVwiVXBncmFkZUNsaWNrZWQoKVwiPlxuICAgICAgICAgICAgVXBncmFkZSB0byBwcmVtaXVtIG5vd1xuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPCEtLSA8L2Rpdj4gLS0+XG5cbiAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XG4gICAgPG1hdC1jYXJkLWFjdGlvbnMgY2xhc3M9XCJhY3Rpb25zLWNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICBcbiAgICA8L21hdC1jYXJkLWFjdGlvbnM+XG4gIDwvbmctY29udGFpbmVyPlxuICA8L21hdC1jYXJkPlxuICBcbiJdfQ==