@lowcodeunit/applications-flow-common 1.33.227-lets-get-social-ish → 1.33.230-lets-get-social-ish

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -44,10 +44,10 @@ export class ProjectInfoCardComponent {
44
44
  }
45
45
  }
46
46
  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 });
47
- 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"], Version: ["version", "Version"] }, 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-version\" *ngIf=\"Version\">Current Version: {{Version}}</mat-card-subtitle>\n\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"] }] });
47
+ 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"], Version: ["version", "Version"] }, outputs: { LeftClickEvent: "left-click-event", RightClickEvent: "right-click-event" }, ngImport: i0, template: "<mat-card class=\"project-info-card\">\n <!-- SKELETON CONTENT -->\n <ng-container *ngIf=\"State?.Loading\">\n <div class=\"header-img-container\" fxLayout=\"row\">\n <skeleton-avatar\n class=\"round-project-img\"\n [effect]=\"SkeletonEffect\"\n [size]=\"75\"\n ></skeleton-avatar>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\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 skeleton-text [effect]=\"SkeletonEffect\" class=\"host-anchor\">\n https://www.fathym.com\n </div>\n </mat-card-subtitle>\n </mat-card-header>\n <mat-card-content class=\"card-content-container\">\n <div\n skeleton-block\n [effect]=\"SkeletonEffect\"\n class=\"stats-container\"\n ></div>\n\n <div\n class=\"promo-container-skeleton\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n >\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Access exclusive tools & insights\n </div>\n\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >emoji_events</mat-icon\n >\n\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Upgrade to premium now\n </div>\n </div>\n </div>\n </mat-card-content>\n <mat-card-actions\n class=\"actions-container-skeleton\"\n fxLayoutAlign=\"center center\"\n >\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n action\n mat-button\n >\n <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\"\n >outbox</mat-icon\n >\n Unpack\n </div>\n </mat-card-actions>\n </ng-container>\n <!-- END SKELETON CONTENT -->\n\n <!-- ACTUAL CONTENT -->\n\n <ng-container *ngIf=\"!State?.Loading\">\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\n *ngIf=\"Image\"\n [src]=\"Image\"\n [alt]=\"Name\"\n style=\"width: 75px; height: 75px\"\n />\n </div>\n </div>\n\n <div\n class=\"icon-btn-container\"\n fxLayout=\"row\"\n fxLayoutAlign=\"space-between center\"\n >\n <button\n *ngIf=\"IsEditable\"\n mat-icon-button\n id=\"left-icon\"\n (click)=\"LeftIconClicked()\"\n >\n <mat-icon>edit</mat-icon>\n </button>\n <button\n *ngIf=\"IsShareable\"\n mat-icon-button\n id=\"right-icon\"\n (click)=\"RightIconClicked()\"\n >\n <mat-icon>share</mat-icon>\n </button>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">\n {{ Name }}\n </mat-card-title>\n\n <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">\n {{ Description }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-version\" *ngIf=\"Version\">\n {{ Version }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <a\n class=\"host-anchor\"\n *ngIf=\"Subtext\"\n [href]=\"'https://' + Subtext\"\n target=\"_blank\"\n >\n {{ Subtext }}\n </a>\n </mat-card-subtitle>\n </mat-card-header>\n\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\n class=\"promo-container\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n (click)=\"UpgradeClicked()\"\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 </mat-card-content>\n <mat-card-actions class=\"actions-container\">\n <ng-content select=\"[action]\"></ng-content>\n </mat-card-actions>\n </ng-container>\n</mat-card>\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"] }] });
48
48
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProjectInfoCardComponent, decorators: [{
49
49
  type: Component,
50
- 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-version\" *ngIf=\"Version\">Current Version: {{Version}}</mat-card-subtitle>\n\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"] }]
50
+ args: [{ selector: 'lcu-project-info-card', template: "<mat-card class=\"project-info-card\">\n <!-- SKELETON CONTENT -->\n <ng-container *ngIf=\"State?.Loading\">\n <div class=\"header-img-container\" fxLayout=\"row\">\n <skeleton-avatar\n class=\"round-project-img\"\n [effect]=\"SkeletonEffect\"\n [size]=\"75\"\n ></skeleton-avatar>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\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 skeleton-text [effect]=\"SkeletonEffect\" class=\"host-anchor\">\n https://www.fathym.com\n </div>\n </mat-card-subtitle>\n </mat-card-header>\n <mat-card-content class=\"card-content-container\">\n <div\n skeleton-block\n [effect]=\"SkeletonEffect\"\n class=\"stats-container\"\n ></div>\n\n <div\n class=\"promo-container-skeleton\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n >\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Access exclusive tools & insights\n </div>\n\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >emoji_events</mat-icon\n >\n\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Upgrade to premium now\n </div>\n </div>\n </div>\n </mat-card-content>\n <mat-card-actions\n class=\"actions-container-skeleton\"\n fxLayoutAlign=\"center center\"\n >\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n action\n mat-button\n >\n <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\"\n >outbox</mat-icon\n >\n Unpack\n </div>\n </mat-card-actions>\n </ng-container>\n <!-- END SKELETON CONTENT -->\n\n <!-- ACTUAL CONTENT -->\n\n <ng-container *ngIf=\"!State?.Loading\">\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\n *ngIf=\"Image\"\n [src]=\"Image\"\n [alt]=\"Name\"\n style=\"width: 75px; height: 75px\"\n />\n </div>\n </div>\n\n <div\n class=\"icon-btn-container\"\n fxLayout=\"row\"\n fxLayoutAlign=\"space-between center\"\n >\n <button\n *ngIf=\"IsEditable\"\n mat-icon-button\n id=\"left-icon\"\n (click)=\"LeftIconClicked()\"\n >\n <mat-icon>edit</mat-icon>\n </button>\n <button\n *ngIf=\"IsShareable\"\n mat-icon-button\n id=\"right-icon\"\n (click)=\"RightIconClicked()\"\n >\n <mat-icon>share</mat-icon>\n </button>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">\n {{ Name }}\n </mat-card-title>\n\n <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">\n {{ Description }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-version\" *ngIf=\"Version\">\n {{ Version }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <a\n class=\"host-anchor\"\n *ngIf=\"Subtext\"\n [href]=\"'https://' + Subtext\"\n target=\"_blank\"\n >\n {{ Subtext }}\n </a>\n </mat-card-subtitle>\n </mat-card-header>\n\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\n class=\"promo-container\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n (click)=\"UpgradeClicked()\"\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 </mat-card-content>\n <mat-card-actions class=\"actions-container\">\n <ng-content select=\"[action]\"></ng-content>\n </mat-card-actions>\n </ng-container>\n</mat-card>\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"] }]
51
51
  }], ctorParameters: function () { return [{ type: i1.EaCService }, { type: i2.MatDialog }]; }, propDecorators: { Description: [{
52
52
  type: Input,
53
53
  args: ['description']
@@ -76,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
76
76
  type: Output,
77
77
  args: ['right-click-event']
78
78
  }] } });
79
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvcHJvamVjdC1pbmZvLWNhcmQvcHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvcHJvamVjdC1pbmZvLWNhcmQvcHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQzs7Ozs7Ozs7OztBQVMvRixNQUFNLE9BQU8sd0JBQXdCO0lBb0NuQyxZQUFzQixNQUFrQixFQUFXLE1BQWlCO1FBQTlDLFdBQU0sR0FBTixNQUFNLENBQVk7UUFBVyxXQUFNLEdBQU4sTUFBTSxDQUFXO1FBQ2xFLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV6QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFMUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUM7SUFDOUIsQ0FBQztJQWJGLElBQVcsS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQWFNLFFBQVE7UUFDYiwwQ0FBMEM7UUFDMUMsbURBQW1EO1FBQ25ELGlEQUFpRDtJQUNuRCxDQUFDO0lBSU0sZUFBZTtRQUNwQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRU0sZ0JBQWdCO1FBQ3JCLE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUE7UUFDNUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVNLGNBQWM7UUFDbkIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsc0JBQXNCLEVBQUU7WUFDekQsS0FBSyxFQUFFLE9BQU87WUFDZCxJQUFJLEVBQUUsRUFDTDtTQUNGLENBQUMsQ0FBQztRQUVILFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUMzQyx3Q0FBd0M7WUFDeEMsaUNBQWlDO1FBQ25DLENBQUMsQ0FBQyxDQUFDO0lBRUwsQ0FBQzs7cUhBekVVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDJaQ1hyQywrcEpBK0lBOzJGRHBJYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCO3lIQU8xQixXQUFXO3NCQURqQixLQUFLO3VCQUFDLGFBQWE7Z0JBSWIsS0FBSztzQkFEWCxLQUFLO3VCQUFDLE9BQU87Z0JBSVAsVUFBVTtzQkFEaEIsS0FBSzt1QkFBQyxhQUFhO2dCQUliLFdBQVc7c0JBRGpCLEtBQUs7dUJBQUMsY0FBYztnQkFJZCxJQUFJO3NCQURWLEtBQUs7dUJBQUMsTUFBTTtnQkFJTixPQUFPO3NCQURiLEtBQUs7dUJBQUMsU0FBUztnQkFJVCxPQUFPO3NCQURiLEtBQUs7dUJBQUMsU0FBUztnQkFJVCxjQUFjO3NCQURwQixNQUFNO3VCQUFDLGtCQUFrQjtnQkFJbkIsZUFBZTtzQkFEckIsTUFBTTt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgVXBncmFkZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL2RpYWxvZ3MvdXBncmFkZS1kaWFsb2cvdXBncmFkZS1kaWFsb2cuY29tcG9uZW50JztcbmltcG9ydCB7IEVhQ1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9lYWMuc2VydmljZSc7XG5pbXBvcnQgeyBBcHBsaWNhdGlvbnNGbG93U3RhdGUgfSBmcm9tICcuLi8uLi9zdGF0ZS9hcHBsaWNhdGlvbnMtZmxvdy5zdGF0ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xjdS1wcm9qZWN0LWluZm8tY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9qZWN0LWluZm8tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Byb2plY3QtaW5mby1jYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUHJvamVjdEluZm9DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgXG4gIEBJbnB1dCgnZGVzY3JpcHRpb24nKVxuICBwdWJsaWMgRGVzY3JpcHRpb246IHN0cmluZztcbiAgXG4gIEBJbnB1dCgnaW1hZ2UnKVxuICBwdWJsaWMgSW1hZ2U6IHN0cmluZztcblxuICBASW5wdXQoJ2lzLWVkaXRhYmxlJylcbiAgcHVibGljIElzRWRpdGFibGU6IGJvb2xlYW47XG5cbiAgQElucHV0KCdpcy1zaGFyZWFibGUnKVxuICBwdWJsaWMgSXNTaGFyZWFibGU6IGJvb2xlYW47XG5cbiAgQElucHV0KCduYW1lJylcbiAgcHVibGljIE5hbWU6IHN0cmluZztcblxuICBASW5wdXQoJ3N1YnRleHQnKVxuICBwdWJsaWMgU3VidGV4dDogc3RyaW5nO1xuXG4gIEBJbnB1dCgndmVyc2lvbicpXG4gIHB1YmxpYyBWZXJzaW9uOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgnbGVmdC1jbGljay1ldmVudCcpXG4gIHB1YmxpYyBMZWZ0Q2xpY2tFdmVudDogRXZlbnRFbWl0dGVyPHt9PjtcblxuICBAT3V0cHV0KCdyaWdodC1jbGljay1ldmVudCcpXG4gIHB1YmxpYyBSaWdodENsaWNrRXZlbnQ6IEV2ZW50RW1pdHRlcjx7fT47XG5cbiAgcHVibGljIGdldCBTdGF0ZSgpOiBBcHBsaWNhdGlvbnNGbG93U3RhdGV7XG4gICAgcmV0dXJuIHRoaXMuZWFjU3ZjLlN0YXRlO1xuICB9XG5cbiAgcHVibGljIFNrZWxldG9uRWZmZWN0OiBzdHJpbmc7XG5cblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZWFjU3ZjOiBFYUNTZXJ2aWNlLHByb3RlY3RlZCBkaWFsb2c6IE1hdERpYWxvZywpIHtcbiAgICB0aGlzLkxlZnRDbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgdGhpcy5SaWdodENsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICB0aGlzLlNrZWxldG9uRWZmZWN0ID0gJ3dhdmUnO1xuICAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBjb25zb2xlLmxvZyhcImxvYWRpbmcgPSBcIiwgdGhpcy5Mb2FkaW5nKVxuICAgIC8vIGNvbnNvbGUubG9nKFwiaXMgc2hhcmVhYmxlOiBcIiwgdGhpcy5Jc1NoYXJlYWJsZSk7XG4gICAgLy8gY29uc29sZS5sb2coXCJpcyBlZGl0YWJsZTogXCIsIHRoaXMuSXNFZGl0YWJsZSk7XG4gIH1cblxuXG5cbiAgcHVibGljIExlZnRJY29uQ2xpY2tlZCgpe1xuICAgIHRoaXMuTGVmdENsaWNrRXZlbnQuZW1pdCh7fSk7XG4gIH1cblxuICBwdWJsaWMgUmlnaHRJY29uQ2xpY2tlZCgpe1xuICAgIGNvbnNvbGUubG9nKFwic2hhcmUgY2xpY2tlZFwiKVxuICAgIHRoaXMuUmlnaHRDbGlja0V2ZW50LmVtaXQoe30pO1xuICB9XG5cbiAgcHVibGljIFVwZ3JhZGVDbGlja2VkKCl7XG4gICAgY29uc3QgZGlhbG9nUmVmID0gdGhpcy5kaWFsb2cub3BlbihVcGdyYWRlRGlhbG9nQ29tcG9uZW50LCB7XG4gICAgICB3aWR0aDogJzYwMHB4JyxcbiAgICAgIGRhdGE6IHtcbiAgICAgIH0sXG4gICAgfSk7XG5cbiAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKHJlc3VsdCkgPT4ge1xuICAgICAgLy8gY29uc29sZS5sb2coJ1RoZSBkaWFsb2cgd2FzIGNsb3NlZCcpO1xuICAgICAgLy8gY29uc29sZS5sb2coXCJyZXN1bHQ6XCIsIHJlc3VsdClcbiAgICB9KTtcblxuICB9XG5cbn1cbiIsIjxtYXQtY2FyZCBjbGFzcz1cInByb2plY3QtaW5mby1jYXJkXCI+XG5cbiAgPCEtLSBTS0VMRVRPTiBDT05URU5UIC0tPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiU3RhdGU/LkxvYWRpbmdcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWltZy1jb250YWluZXJcIiBmeExheW91dD1cInJvd1wiID5cbiAgICAgIDxza2VsZXRvbi1hdmF0YXIgY2xhc3M9XCJyb3VuZC1wcm9qZWN0LWltZ1wiIFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIiBbc2l6ZV09XCI3NVwiID48L3NrZWxldG9uLWF2YXRhciA+XG4gIDwvZGl2PlxuXG4gIDxtYXQtY2FyZC1oZWFkZXIgY2xhc3M9XCJwcm9qZWN0LWNhcmQtaGVhZGVyXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cblxuICAgIDxtYXQtY2FyZC10aXRsZSBcbiAgICAgIHNrZWxldG9uLXRleHQgIFxuICAgICAgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiXG4gICAgICBjbGFzcz1cInByb2plY3QtY2FyZC1uYW1lXCIgXG4gICAgPlxuICAgICAgTmFtZSBvZiBjYXJkXG4gICAgPC9tYXQtY2FyZC10aXRsZT5cblxuICAgIDxtYXQtY2FyZC1zdWJ0aXRsZSBcbiAgICAgIHNrZWxldG9uLXRleHQgXG4gICAgICBbZWZmZWN0XT1cIlNrZWxldG9uRWZmZWN0XCIgXG4gICAgICBjbGFzcz1cInByb2plY3QtY2FyZC1kZXNjcmlwdGlvblwiIFxuICAgID5cbiAgICAgIERlc2NyaXB0aW9uIFRleHRcbiAgICA8L21hdC1jYXJkLXN1YnRpdGxlPlxuXG4gICAgPG1hdC1jYXJkLXN1YnRpdGxlIGNsYXNzPVwicHJvamVjdC1jYXJkLWhvc3RcIj5cbiAgICAgICAgPGRpdiBcbiAgICAgICAgICBza2VsZXRvbi10ZXh0IFxuICAgICAgICAgIFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIiBcbiAgICAgICAgICBjbGFzcz1cImhvc3QtYW5jaG9yXCIgXG4gICAgICAgID5cbiAgICAgICAgICBodHRwczovL3d3dy5mYXRoeW0uY29tXG4gICAgICAgIDwvZGl2PlxuICAgIDwvbWF0LWNhcmQtc3VidGl0bGU+XG5cbiAgPC9tYXQtY2FyZC1oZWFkZXI+XG4gIDxtYXQtY2FyZC1jb250ZW50IGNsYXNzPVwiY2FyZC1jb250ZW50LWNvbnRhaW5lclwiPlxuICAgIDxkaXYgc2tlbGV0b24tYmxvY2sgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiIGNsYXNzPVwic3RhdHMtY29udGFpbmVyXCI+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IFxuICAgICAgY2xhc3M9XCJwcm9tby1jb250YWluZXItc2tlbGV0b25cIiBcbiAgICAgIGZ4TGF5b3V0PVwiY29sdW1uXCIgXG4gICAgICBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIFxuICAgID5cbiAgICAgICAgXG4gICAgICA8ZGl2IFxuICAgICAgICBza2VsZXRvbi10ZXh0IFxuICAgICAgICBbZWZmZWN0XT1cIlNrZWxldG9uRWZmZWN0XCJcbiAgICAgICAgY2xhc3M9XCJza2VsZXRvbi1pdGVtXCJcbiAgICAgID5cbiAgICAgICAgQWNjZXNzIGV4Y2x1c2l2ZSB0b29scyAmIGluc2lnaHRzXG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIj5cbiAgICAgICAgPG1hdC1pY29uIHNrZWxldG9uLXRleHQgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiIGNsYXNzPVwic2tlbGV0b24taXRlbVwiPmVtb2ppX2V2ZW50czwvbWF0LWljb24+XG5cbiAgICAgICAgPGRpdiBza2VsZXRvbi10ZXh0IFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIiBjbGFzcz1cInNrZWxldG9uLWl0ZW1cIiA+XG4gICAgICAgICAgVXBncmFkZSB0byBwcmVtaXVtIG5vd1xuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gIDwvbWF0LWNhcmQtY29udGVudD5cbiAgPG1hdC1jYXJkLWFjdGlvbnMgY2xhc3M9XCJhY3Rpb25zLWNvbnRhaW5lci1za2VsZXRvblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgPGRpdiBza2VsZXRvbi10ZXh0IFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIiBjbGFzcz1cInNrZWxldG9uLWl0ZW1cIiBhY3Rpb24gbWF0LWJ1dHRvbiA+XG4gICAgICA8bWF0LWljb24gc2tlbGV0b24tdGV4dCBbZWZmZWN0XT1cIlNrZWxldG9uRWZmZWN0XCIgY2xhc3M9XCJza2VsZXRvbi1pdGVtXCI+b3V0Ym94PC9tYXQtaWNvbj5cbiAgICAgIFVucGFja1xuICAgIDwvZGl2PlxuICAgIFxuICA8L21hdC1jYXJkLWFjdGlvbnM+XG4gIDwvbmctY29udGFpbmVyPlxuICA8IS0tIEVORCBTS0VMRVRPTiBDT05URU5UIC0tPlxuXG4gIDwhLS0gQUNUVUFMIENPTlRFTlQgLS0+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCIhU3RhdGU/LkxvYWRpbmdcIj5cblxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItaW1nLWNvbnRhaW5lclwiIGZ4TGF5b3V0PVwicm93XCIgPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicm91bmQtcHJvamVjdC1pbWdcIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiIUltYWdlXCIgY2xhc3M9XCJ0ZW1wLWljb25cIj5mbHV0dGVyX2Rhc2g8L21hdC1pY29uPlxuICAgICAgICAgICAgPGltZyAqbmdJZj1cIkltYWdlXCIgW3NyY109XCJJbWFnZVwiIFthbHRdPVwiTmFtZVwiIHN0eWxlPVwid2lkdGg6NzVweDsgaGVpZ2h0Ojc1cHhcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiaWNvbi1idG4tY29udGFpbmVyXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3BhY2UtYmV0d2VlbiBjZW50ZXJcIiA+XG4gICAgICA8YnV0dG9uICpuZ0lmPVwiSXNFZGl0YWJsZVwiIG1hdC1pY29uLWJ1dHRvbiBpZD1cImxlZnQtaWNvblwiIChjbGljayk9XCJMZWZ0SWNvbkNsaWNrZWQoKVwiPlxuICAgICAgICA8bWF0LWljb24+ZWRpdDwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxidXR0b24gKm5nSWY9XCJJc1NoYXJlYWJsZVwiIG1hdC1pY29uLWJ1dHRvbiBpZD1cInJpZ2h0LWljb25cIiAoY2xpY2spPVwiUmlnaHRJY29uQ2xpY2tlZCgpXCI+XG4gICAgICAgIDxtYXQtaWNvbj5zaGFyZTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cblxuICAgIDxtYXQtY2FyZC1oZWFkZXIgY2xhc3M9XCJwcm9qZWN0LWNhcmQtaGVhZGVyXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cblxuICAgICAgPG1hdC1jYXJkLXRpdGxlIGNsYXNzPVwicHJvamVjdC1jYXJkLW5hbWVcIiAqbmdJZj1cIk5hbWVcIj57e05hbWV9fTwvbWF0LWNhcmQtdGl0bGU+XG5cbiAgICAgIDxtYXQtY2FyZC1zdWJ0aXRsZSBjbGFzcz1cInByb2plY3QtY2FyZC1kZXNjcmlwdGlvblwiICpuZ0lmPVwiRGVzY3JpcHRpb25cIj57e0Rlc2NyaXB0aW9ufX08L21hdC1jYXJkLXN1YnRpdGxlPlxuXG4gICAgICA8bWF0LWNhcmQtc3VidGl0bGUgY2xhc3M9XCJwcm9qZWN0LWNhcmQtdmVyc2lvblwiICpuZ0lmPVwiVmVyc2lvblwiPkN1cnJlbnQgVmVyc2lvbjoge3tWZXJzaW9ufX08L21hdC1jYXJkLXN1YnRpdGxlPlxuXG5cbiAgICAgIDxtYXQtY2FyZC1zdWJ0aXRsZSBjbGFzcz1cInByb2plY3QtY2FyZC1ob3N0XCI+XG4gICAgICAgICAgPGEgY2xhc3M9XCJob3N0LWFuY2hvclwiICpuZ0lmPVwiU3VidGV4dFwiIFtocmVmXT1cIidodHRwczovLycrU3VidGV4dFwiIHRhcmdldD1cIl9ibGFua1wiPnt7U3VidGV4dH19PC9hPlxuICAgICAgPC9tYXQtY2FyZC1zdWJ0aXRsZT5cblxuICAgIDwvbWF0LWNhcmQtaGVhZGVyPlxuICAgIDxtYXQtY2FyZC1jb250ZW50IGNsYXNzPVwiY2FyZC1jb250ZW50LWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiBjbGFzcz1cInN0YXRzLWNvbnRhaW5lclwiPlxuICAgICAgICA8bmctY29udGVudCAgc2VsZWN0PVwiW3N0YXRzXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIDxkaXYgY2xhc3M9XCJwcm9tby1jb250YWluZXJcIj4gLS0+XG4gICAgICAgIDwhLS0gPG5nLWNvbnRlbnQgIHNlbGVjdD1cIltwcm9tb11cIj48L25nLWNvbnRlbnQ+IC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJvbW8tY29udGFpbmVyXCIgXG4gICAgICAgICAgZnhMYXlvdXQ9XCJjb2x1bW5cIiBcbiAgICAgICAgICBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIFxuICAgICAgICAgIChjbGljayk9XCJVcGdyYWRlQ2xpY2tlZCgpXCJcbiAgICAgICAgICBcbiAgICAgICAgPlxuICAgICAgICBcbiAgICAgICAgPGRpdj5BY2Nlc3MgZXhjbHVzaXZlIHRvb2xzICYgaW5zaWdodHM8L2Rpdj5cblxuICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImdvbGQtaWNvblwiPmVtb2ppX2V2ZW50czwvbWF0LWljb24+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidXBncmFkZS10ZXh0XCIgKGNsaWNrKT1cIlVwZ3JhZGVDbGlja2VkKClcIj5cbiAgICAgICAgICAgIFVwZ3JhZGUgdG8gcHJlbWl1bSBub3dcbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDwhLS0gPC9kaXY+IC0tPlxuXG4gICAgPC9tYXQtY2FyZC1jb250ZW50PlxuICAgIDxtYXQtY2FyZC1hY3Rpb25zIGNsYXNzPVwiYWN0aW9ucy1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuICAgICAgXG4gICAgPC9tYXQtY2FyZC1hY3Rpb25zPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPC9tYXQtY2FyZD5cbiAgXG4iXX0=
79
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvcHJvamVjdC1pbmZvLWNhcmQvcHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvcHJvamVjdC1pbmZvLWNhcmQvcHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQzs7Ozs7Ozs7OztBQVMvRixNQUFNLE9BQU8sd0JBQXdCO0lBb0NuQyxZQUFzQixNQUFrQixFQUFXLE1BQWlCO1FBQTlDLFdBQU0sR0FBTixNQUFNLENBQVk7UUFBVyxXQUFNLEdBQU4sTUFBTSxDQUFXO1FBQ2xFLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV6QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFMUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUM7SUFDOUIsQ0FBQztJQWJGLElBQVcsS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQWFNLFFBQVE7UUFDYiwwQ0FBMEM7UUFDMUMsbURBQW1EO1FBQ25ELGlEQUFpRDtJQUNuRCxDQUFDO0lBSU0sZUFBZTtRQUNwQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRU0sZ0JBQWdCO1FBQ3JCLE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUE7UUFDNUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVNLGNBQWM7UUFDbkIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsc0JBQXNCLEVBQUU7WUFDekQsS0FBSyxFQUFFLE9BQU87WUFDZCxJQUFJLEVBQUUsRUFDTDtTQUNGLENBQUMsQ0FBQztRQUVILFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUMzQyx3Q0FBd0M7WUFDeEMsaUNBQWlDO1FBQ25DLENBQUMsQ0FBQyxDQUFDO0lBRUwsQ0FBQzs7cUhBekVVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDJaQ1hyQyw4aktBaUxBOzJGRHRLYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCO3lIQU8xQixXQUFXO3NCQURqQixLQUFLO3VCQUFDLGFBQWE7Z0JBSWIsS0FBSztzQkFEWCxLQUFLO3VCQUFDLE9BQU87Z0JBSVAsVUFBVTtzQkFEaEIsS0FBSzt1QkFBQyxhQUFhO2dCQUliLFdBQVc7c0JBRGpCLEtBQUs7dUJBQUMsY0FBYztnQkFJZCxJQUFJO3NCQURWLEtBQUs7dUJBQUMsTUFBTTtnQkFJTixPQUFPO3NCQURiLEtBQUs7dUJBQUMsU0FBUztnQkFJVCxPQUFPO3NCQURiLEtBQUs7dUJBQUMsU0FBUztnQkFJVCxjQUFjO3NCQURwQixNQUFNO3VCQUFDLGtCQUFrQjtnQkFJbkIsZUFBZTtzQkFEckIsTUFBTTt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgVXBncmFkZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL2RpYWxvZ3MvdXBncmFkZS1kaWFsb2cvdXBncmFkZS1kaWFsb2cuY29tcG9uZW50JztcbmltcG9ydCB7IEVhQ1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9lYWMuc2VydmljZSc7XG5pbXBvcnQgeyBBcHBsaWNhdGlvbnNGbG93U3RhdGUgfSBmcm9tICcuLi8uLi9zdGF0ZS9hcHBsaWNhdGlvbnMtZmxvdy5zdGF0ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xjdS1wcm9qZWN0LWluZm8tY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9qZWN0LWluZm8tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Byb2plY3QtaW5mby1jYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUHJvamVjdEluZm9DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgXG4gIEBJbnB1dCgnZGVzY3JpcHRpb24nKVxuICBwdWJsaWMgRGVzY3JpcHRpb246IHN0cmluZztcbiAgXG4gIEBJbnB1dCgnaW1hZ2UnKVxuICBwdWJsaWMgSW1hZ2U6IHN0cmluZztcblxuICBASW5wdXQoJ2lzLWVkaXRhYmxlJylcbiAgcHVibGljIElzRWRpdGFibGU6IGJvb2xlYW47XG5cbiAgQElucHV0KCdpcy1zaGFyZWFibGUnKVxuICBwdWJsaWMgSXNTaGFyZWFibGU6IGJvb2xlYW47XG5cbiAgQElucHV0KCduYW1lJylcbiAgcHVibGljIE5hbWU6IHN0cmluZztcblxuICBASW5wdXQoJ3N1YnRleHQnKVxuICBwdWJsaWMgU3VidGV4dDogc3RyaW5nO1xuXG4gIEBJbnB1dCgndmVyc2lvbicpXG4gIHB1YmxpYyBWZXJzaW9uOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgnbGVmdC1jbGljay1ldmVudCcpXG4gIHB1YmxpYyBMZWZ0Q2xpY2tFdmVudDogRXZlbnRFbWl0dGVyPHt9PjtcblxuICBAT3V0cHV0KCdyaWdodC1jbGljay1ldmVudCcpXG4gIHB1YmxpYyBSaWdodENsaWNrRXZlbnQ6IEV2ZW50RW1pdHRlcjx7fT47XG5cbiAgcHVibGljIGdldCBTdGF0ZSgpOiBBcHBsaWNhdGlvbnNGbG93U3RhdGV7XG4gICAgcmV0dXJuIHRoaXMuZWFjU3ZjLlN0YXRlO1xuICB9XG5cbiAgcHVibGljIFNrZWxldG9uRWZmZWN0OiBzdHJpbmc7XG5cblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZWFjU3ZjOiBFYUNTZXJ2aWNlLHByb3RlY3RlZCBkaWFsb2c6IE1hdERpYWxvZywpIHtcbiAgICB0aGlzLkxlZnRDbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgdGhpcy5SaWdodENsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICB0aGlzLlNrZWxldG9uRWZmZWN0ID0gJ3dhdmUnO1xuICAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBjb25zb2xlLmxvZyhcImxvYWRpbmcgPSBcIiwgdGhpcy5Mb2FkaW5nKVxuICAgIC8vIGNvbnNvbGUubG9nKFwiaXMgc2hhcmVhYmxlOiBcIiwgdGhpcy5Jc1NoYXJlYWJsZSk7XG4gICAgLy8gY29uc29sZS5sb2coXCJpcyBlZGl0YWJsZTogXCIsIHRoaXMuSXNFZGl0YWJsZSk7XG4gIH1cblxuXG5cbiAgcHVibGljIExlZnRJY29uQ2xpY2tlZCgpe1xuICAgIHRoaXMuTGVmdENsaWNrRXZlbnQuZW1pdCh7fSk7XG4gIH1cblxuICBwdWJsaWMgUmlnaHRJY29uQ2xpY2tlZCgpe1xuICAgIGNvbnNvbGUubG9nKFwic2hhcmUgY2xpY2tlZFwiKVxuICAgIHRoaXMuUmlnaHRDbGlja0V2ZW50LmVtaXQoe30pO1xuICB9XG5cbiAgcHVibGljIFVwZ3JhZGVDbGlja2VkKCl7XG4gICAgY29uc3QgZGlhbG9nUmVmID0gdGhpcy5kaWFsb2cub3BlbihVcGdyYWRlRGlhbG9nQ29tcG9uZW50LCB7XG4gICAgICB3aWR0aDogJzYwMHB4JyxcbiAgICAgIGRhdGE6IHtcbiAgICAgIH0sXG4gICAgfSk7XG5cbiAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKHJlc3VsdCkgPT4ge1xuICAgICAgLy8gY29uc29sZS5sb2coJ1RoZSBkaWFsb2cgd2FzIGNsb3NlZCcpO1xuICAgICAgLy8gY29uc29sZS5sb2coXCJyZXN1bHQ6XCIsIHJlc3VsdClcbiAgICB9KTtcblxuICB9XG5cbn1cbiIsIjxtYXQtY2FyZCBjbGFzcz1cInByb2plY3QtaW5mby1jYXJkXCI+XG4gIDwhLS0gU0tFTEVUT04gQ09OVEVOVCAtLT5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIlN0YXRlPy5Mb2FkaW5nXCI+XG4gICAgPGRpdiBjbGFzcz1cImhlYWRlci1pbWctY29udGFpbmVyXCIgZnhMYXlvdXQ9XCJyb3dcIj5cbiAgICAgIDxza2VsZXRvbi1hdmF0YXJcbiAgICAgICAgY2xhc3M9XCJyb3VuZC1wcm9qZWN0LWltZ1wiXG4gICAgICAgIFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIlxuICAgICAgICBbc2l6ZV09XCI3NVwiXG4gICAgICA+PC9za2VsZXRvbi1hdmF0YXI+XG4gICAgPC9kaXY+XG5cbiAgICA8bWF0LWNhcmQtaGVhZGVyIGNsYXNzPVwicHJvamVjdC1jYXJkLWhlYWRlclwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICA8bWF0LWNhcmQtdGl0bGVcbiAgICAgICAgc2tlbGV0b24tdGV4dFxuICAgICAgICBbZWZmZWN0XT1cIlNrZWxldG9uRWZmZWN0XCJcbiAgICAgICAgY2xhc3M9XCJwcm9qZWN0LWNhcmQtbmFtZVwiXG4gICAgICA+XG4gICAgICAgIE5hbWUgb2YgY2FyZFxuICAgICAgPC9tYXQtY2FyZC10aXRsZT5cblxuICAgICAgPG1hdC1jYXJkLXN1YnRpdGxlXG4gICAgICAgIHNrZWxldG9uLXRleHRcbiAgICAgICAgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiXG4gICAgICAgIGNsYXNzPVwicHJvamVjdC1jYXJkLWRlc2NyaXB0aW9uXCJcbiAgICAgID5cbiAgICAgICAgRGVzY3JpcHRpb24gVGV4dFxuICAgICAgPC9tYXQtY2FyZC1zdWJ0aXRsZT5cblxuICAgICAgPG1hdC1jYXJkLXN1YnRpdGxlIGNsYXNzPVwicHJvamVjdC1jYXJkLWhvc3RcIj5cbiAgICAgICAgPGRpdiBza2VsZXRvbi10ZXh0IFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIiBjbGFzcz1cImhvc3QtYW5jaG9yXCI+XG4gICAgICAgICAgaHR0cHM6Ly93d3cuZmF0aHltLmNvbVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbWF0LWNhcmQtc3VidGl0bGU+XG4gICAgPC9tYXQtY2FyZC1oZWFkZXI+XG4gICAgPG1hdC1jYXJkLWNvbnRlbnQgY2xhc3M9XCJjYXJkLWNvbnRlbnQtY29udGFpbmVyXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIHNrZWxldG9uLWJsb2NrXG4gICAgICAgIFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIlxuICAgICAgICBjbGFzcz1cInN0YXRzLWNvbnRhaW5lclwiXG4gICAgICA+PC9kaXY+XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJwcm9tby1jb250YWluZXItc2tlbGV0b25cIlxuICAgICAgICBmeExheW91dD1cImNvbHVtblwiXG4gICAgICAgIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCJcbiAgICAgID5cbiAgICAgICAgPGRpdiBza2VsZXRvbi10ZXh0IFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIiBjbGFzcz1cInNrZWxldG9uLWl0ZW1cIj5cbiAgICAgICAgICBBY2Nlc3MgZXhjbHVzaXZlIHRvb2xzICYgaW5zaWdodHNcbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIj5cbiAgICAgICAgICA8bWF0LWljb25cbiAgICAgICAgICAgIHNrZWxldG9uLXRleHRcbiAgICAgICAgICAgIFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIlxuICAgICAgICAgICAgY2xhc3M9XCJza2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICAgID5lbW9qaV9ldmVudHM8L21hdC1pY29uXG4gICAgICAgICAgPlxuXG4gICAgICAgICAgPGRpdiBza2VsZXRvbi10ZXh0IFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIiBjbGFzcz1cInNrZWxldG9uLWl0ZW1cIj5cbiAgICAgICAgICAgIFVwZ3JhZGUgdG8gcHJlbWl1bSBub3dcbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XG4gICAgPG1hdC1jYXJkLWFjdGlvbnNcbiAgICAgIGNsYXNzPVwiYWN0aW9ucy1jb250YWluZXItc2tlbGV0b25cIlxuICAgICAgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIlxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgc2tlbGV0b24tdGV4dFxuICAgICAgICBbZWZmZWN0XT1cIlNrZWxldG9uRWZmZWN0XCJcbiAgICAgICAgY2xhc3M9XCJza2VsZXRvbi1pdGVtXCJcbiAgICAgICAgYWN0aW9uXG4gICAgICAgIG1hdC1idXR0b25cbiAgICAgID5cbiAgICAgICAgPG1hdC1pY29uIHNrZWxldG9uLXRleHQgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiIGNsYXNzPVwic2tlbGV0b24taXRlbVwiXG4gICAgICAgICAgPm91dGJveDwvbWF0LWljb25cbiAgICAgICAgPlxuICAgICAgICBVbnBhY2tcbiAgICAgIDwvZGl2PlxuICAgIDwvbWF0LWNhcmQtYWN0aW9ucz5cbiAgPC9uZy1jb250YWluZXI+XG4gIDwhLS0gRU5EIFNLRUxFVE9OIENPTlRFTlQgLS0+XG5cbiAgPCEtLSBBQ1RVQUwgQ09OVEVOVCAtLT5cblxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiIVN0YXRlPy5Mb2FkaW5nXCI+XG4gICAgPGRpdiBjbGFzcz1cImhlYWRlci1pbWctY29udGFpbmVyXCIgZnhMYXlvdXQ9XCJyb3dcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3VuZC1wcm9qZWN0LWltZ1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFJbWFnZVwiIGNsYXNzPVwidGVtcC1pY29uXCI+Zmx1dHRlcl9kYXNoPC9tYXQtaWNvbj5cbiAgICAgICAgPGltZ1xuICAgICAgICAgICpuZ0lmPVwiSW1hZ2VcIlxuICAgICAgICAgIFtzcmNdPVwiSW1hZ2VcIlxuICAgICAgICAgIFthbHRdPVwiTmFtZVwiXG4gICAgICAgICAgc3R5bGU9XCJ3aWR0aDogNzVweDsgaGVpZ2h0OiA3NXB4XCJcbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJpY29uLWJ0bi1jb250YWluZXJcIlxuICAgICAgZnhMYXlvdXQ9XCJyb3dcIlxuICAgICAgZnhMYXlvdXRBbGlnbj1cInNwYWNlLWJldHdlZW4gY2VudGVyXCJcbiAgICA+XG4gICAgICA8YnV0dG9uXG4gICAgICAgICpuZ0lmPVwiSXNFZGl0YWJsZVwiXG4gICAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICBpZD1cImxlZnQtaWNvblwiXG4gICAgICAgIChjbGljayk9XCJMZWZ0SWNvbkNsaWNrZWQoKVwiXG4gICAgICA+XG4gICAgICAgIDxtYXQtaWNvbj5lZGl0PC9tYXQtaWNvbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cIklzU2hhcmVhYmxlXCJcbiAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgIGlkPVwicmlnaHQtaWNvblwiXG4gICAgICAgIChjbGljayk9XCJSaWdodEljb25DbGlja2VkKClcIlxuICAgICAgPlxuICAgICAgICA8bWF0LWljb24+c2hhcmU8L21hdC1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG5cbiAgICA8bWF0LWNhcmQtaGVhZGVyIGNsYXNzPVwicHJvamVjdC1jYXJkLWhlYWRlclwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICA8bWF0LWNhcmQtdGl0bGUgY2xhc3M9XCJwcm9qZWN0LWNhcmQtbmFtZVwiICpuZ0lmPVwiTmFtZVwiPlxuICAgICAgICB7eyBOYW1lIH19XG4gICAgICA8L21hdC1jYXJkLXRpdGxlPlxuXG4gICAgICA8bWF0LWNhcmQtc3VidGl0bGUgY2xhc3M9XCJwcm9qZWN0LWNhcmQtZGVzY3JpcHRpb25cIiAqbmdJZj1cIkRlc2NyaXB0aW9uXCI+XG4gICAgICAgIHt7IERlc2NyaXB0aW9uIH19XG4gICAgICA8L21hdC1jYXJkLXN1YnRpdGxlPlxuXG4gICAgICA8bWF0LWNhcmQtc3VidGl0bGUgY2xhc3M9XCJwcm9qZWN0LWNhcmQtdmVyc2lvblwiICpuZ0lmPVwiVmVyc2lvblwiPlxuICAgICAgICB7eyBWZXJzaW9uIH19XG4gICAgICA8L21hdC1jYXJkLXN1YnRpdGxlPlxuXG4gICAgICA8bWF0LWNhcmQtc3VidGl0bGUgY2xhc3M9XCJwcm9qZWN0LWNhcmQtaG9zdFwiPlxuICAgICAgICA8YVxuICAgICAgICAgIGNsYXNzPVwiaG9zdC1hbmNob3JcIlxuICAgICAgICAgICpuZ0lmPVwiU3VidGV4dFwiXG4gICAgICAgICAgW2hyZWZdPVwiJ2h0dHBzOi8vJyArIFN1YnRleHRcIlxuICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBTdWJ0ZXh0IH19XG4gICAgICAgIDwvYT5cbiAgICAgIDwvbWF0LWNhcmQtc3VidGl0bGU+XG4gICAgPC9tYXQtY2FyZC1oZWFkZXI+XG5cbiAgICA8bWF0LWNhcmQtY29udGVudCBjbGFzcz1cImNhcmQtY29udGVudC1jb250YWluZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGF0cy1jb250YWluZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N0YXRzXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIDxkaXYgY2xhc3M9XCJwcm9tby1jb250YWluZXJcIj4gLS0+XG4gICAgICA8IS0tIDxuZy1jb250ZW50ICBzZWxlY3Q9XCJbcHJvbW9dXCI+PC9uZy1jb250ZW50PiAtLT5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJwcm9tby1jb250YWluZXJcIlxuICAgICAgICBmeExheW91dD1cImNvbHVtblwiXG4gICAgICAgIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCJcbiAgICAgICAgKGNsaWNrKT1cIlVwZ3JhZGVDbGlja2VkKClcIlxuICAgICAgPlxuICAgICAgICA8ZGl2PkFjY2VzcyBleGNsdXNpdmUgdG9vbHMgJiBpbnNpZ2h0czwvZGl2PlxuXG4gICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiZ29sZC1pY29uXCI+ZW1vamlfZXZlbnRzPC9tYXQtaWNvbj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ1cGdyYWRlLXRleHRcIiAoY2xpY2spPVwiVXBncmFkZUNsaWNrZWQoKVwiPlxuICAgICAgICAgICAgVXBncmFkZSB0byBwcmVtaXVtIG5vd1xuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPCEtLSA8L2Rpdj4gLS0+XG4gICAgPC9tYXQtY2FyZC1jb250ZW50PlxuICAgIDxtYXQtY2FyZC1hY3Rpb25zIGNsYXNzPVwiYWN0aW9ucy1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvbWF0LWNhcmQtYWN0aW9ucz5cbiAgPC9uZy1jb250YWluZXI+XG48L21hdC1jYXJkPlxuIl19
@@ -3707,10 +3707,10 @@ class UpgradeDialogComponent {
3707
3707
  }
3708
3708
  }
3709
3709
  UpgradeDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: UpgradeDialogComponent, deps: [{ token: i1$4.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
3710
- UpgradeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: UpgradeDialogComponent, selector: "lcu-upgrade-dialog", ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n <button mat-icon-button (click)=\"CloseDialog()\">\n <mat-icon>cancel</mat-icon>\n </button>\n</div>\n\n<div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div>\n <img src=\"./assets/images/AdobeStock_270927614.png\" alt=\"Fathym Premium Free During Beta\">\n </div>\n <div fxLayout=\"column\" fxLayoutAlign=\"center start\">\n <h2>Wow!</h2>\n <h2>Fathym Premium is Free During Beta!</h2>\n <h3>Really...no credit card required.</h3>\n </div>\n</div>\n", styles: [""], components: [{ type: i2$1.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"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5$1.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$1.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"] }] });
3710
+ UpgradeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: UpgradeDialogComponent, selector: "lcu-upgrade-dialog", ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n <button mat-icon-button (click)=\"CloseDialog()\">\n <mat-icon>cancel</mat-icon>\n </button>\n</div>\n\n<div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div>\n <img src=\"./assets/images/thinky.png\" alt=\"Fathym Premium Free During Beta\">\n </div>\n <div fxLayout=\"column\" fxLayoutAlign=\"center start\">\n <h2>Wow!</h2>\n <h2>Fathym Premium is Free During Beta!</h2>\n <h3>Really...no credit card required.</h3>\n </div>\n</div>\n", styles: [""], components: [{ type: i2$1.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"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5$1.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$1.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"] }] });
3711
3711
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: UpgradeDialogComponent, decorators: [{
3712
3712
  type: Component,
3713
- args: [{ selector: 'lcu-upgrade-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n <button mat-icon-button (click)=\"CloseDialog()\">\n <mat-icon>cancel</mat-icon>\n </button>\n</div>\n\n<div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div>\n <img src=\"./assets/images/AdobeStock_270927614.png\" alt=\"Fathym Premium Free During Beta\">\n </div>\n <div fxLayout=\"column\" fxLayoutAlign=\"center start\">\n <h2>Wow!</h2>\n <h2>Fathym Premium is Free During Beta!</h2>\n <h3>Really...no credit card required.</h3>\n </div>\n</div>\n", styles: [""] }]
3713
+ args: [{ selector: 'lcu-upgrade-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n <button mat-icon-button (click)=\"CloseDialog()\">\n <mat-icon>cancel</mat-icon>\n </button>\n</div>\n\n<div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div>\n <img src=\"./assets/images/thinky.png\" alt=\"Fathym Premium Free During Beta\">\n </div>\n <div fxLayout=\"column\" fxLayoutAlign=\"center start\">\n <h2>Wow!</h2>\n <h2>Fathym Premium is Free During Beta!</h2>\n <h3>Really...no credit card required.</h3>\n </div>\n</div>\n", styles: [""] }]
3714
3714
  }], ctorParameters: function () { return [{ type: i1$4.MatDialogRef }]; } });
3715
3715
 
3716
3716
  class ProjectInfoCardComponent {
@@ -3748,10 +3748,10 @@ class ProjectInfoCardComponent {
3748
3748
  }
3749
3749
  }
3750
3750
  ProjectInfoCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProjectInfoCardComponent, deps: [{ token: EaCService }, { token: i1$4.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
3751
- 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"], Version: ["version", "Version"] }, 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-version\" *ngIf=\"Version\">Current Version: {{Version}}</mat-card-subtitle>\n\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: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4$4.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i4.MatCardHeader, selector: "mat-card-header" }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$1.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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5$1.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$1.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: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4$4.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }] });
3751
+ 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"], Version: ["version", "Version"] }, outputs: { LeftClickEvent: "left-click-event", RightClickEvent: "right-click-event" }, ngImport: i0, template: "<mat-card class=\"project-info-card\">\n <!-- SKELETON CONTENT -->\n <ng-container *ngIf=\"State?.Loading\">\n <div class=\"header-img-container\" fxLayout=\"row\">\n <skeleton-avatar\n class=\"round-project-img\"\n [effect]=\"SkeletonEffect\"\n [size]=\"75\"\n ></skeleton-avatar>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\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 skeleton-text [effect]=\"SkeletonEffect\" class=\"host-anchor\">\n https://www.fathym.com\n </div>\n </mat-card-subtitle>\n </mat-card-header>\n <mat-card-content class=\"card-content-container\">\n <div\n skeleton-block\n [effect]=\"SkeletonEffect\"\n class=\"stats-container\"\n ></div>\n\n <div\n class=\"promo-container-skeleton\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n >\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Access exclusive tools & insights\n </div>\n\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >emoji_events</mat-icon\n >\n\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Upgrade to premium now\n </div>\n </div>\n </div>\n </mat-card-content>\n <mat-card-actions\n class=\"actions-container-skeleton\"\n fxLayoutAlign=\"center center\"\n >\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n action\n mat-button\n >\n <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\"\n >outbox</mat-icon\n >\n Unpack\n </div>\n </mat-card-actions>\n </ng-container>\n <!-- END SKELETON CONTENT -->\n\n <!-- ACTUAL CONTENT -->\n\n <ng-container *ngIf=\"!State?.Loading\">\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\n *ngIf=\"Image\"\n [src]=\"Image\"\n [alt]=\"Name\"\n style=\"width: 75px; height: 75px\"\n />\n </div>\n </div>\n\n <div\n class=\"icon-btn-container\"\n fxLayout=\"row\"\n fxLayoutAlign=\"space-between center\"\n >\n <button\n *ngIf=\"IsEditable\"\n mat-icon-button\n id=\"left-icon\"\n (click)=\"LeftIconClicked()\"\n >\n <mat-icon>edit</mat-icon>\n </button>\n <button\n *ngIf=\"IsShareable\"\n mat-icon-button\n id=\"right-icon\"\n (click)=\"RightIconClicked()\"\n >\n <mat-icon>share</mat-icon>\n </button>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">\n {{ Name }}\n </mat-card-title>\n\n <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">\n {{ Description }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-version\" *ngIf=\"Version\">\n {{ Version }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <a\n class=\"host-anchor\"\n *ngIf=\"Subtext\"\n [href]=\"'https://' + Subtext\"\n target=\"_blank\"\n >\n {{ Subtext }}\n </a>\n </mat-card-subtitle>\n </mat-card-header>\n\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\n class=\"promo-container\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n (click)=\"UpgradeClicked()\"\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 </mat-card-content>\n <mat-card-actions class=\"actions-container\">\n <ng-content select=\"[action]\"></ng-content>\n </mat-card-actions>\n </ng-container>\n</mat-card>\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: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4$4.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i4.MatCardHeader, selector: "mat-card-header" }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$1.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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5$1.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$1.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: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4$4.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }] });
3752
3752
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProjectInfoCardComponent, decorators: [{
3753
3753
  type: Component,
3754
- 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-version\" *ngIf=\"Version\">Current Version: {{Version}}</mat-card-subtitle>\n\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"] }]
3754
+ args: [{ selector: 'lcu-project-info-card', template: "<mat-card class=\"project-info-card\">\n <!-- SKELETON CONTENT -->\n <ng-container *ngIf=\"State?.Loading\">\n <div class=\"header-img-container\" fxLayout=\"row\">\n <skeleton-avatar\n class=\"round-project-img\"\n [effect]=\"SkeletonEffect\"\n [size]=\"75\"\n ></skeleton-avatar>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\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 skeleton-text [effect]=\"SkeletonEffect\" class=\"host-anchor\">\n https://www.fathym.com\n </div>\n </mat-card-subtitle>\n </mat-card-header>\n <mat-card-content class=\"card-content-container\">\n <div\n skeleton-block\n [effect]=\"SkeletonEffect\"\n class=\"stats-container\"\n ></div>\n\n <div\n class=\"promo-container-skeleton\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n >\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Access exclusive tools & insights\n </div>\n\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >emoji_events</mat-icon\n >\n\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Upgrade to premium now\n </div>\n </div>\n </div>\n </mat-card-content>\n <mat-card-actions\n class=\"actions-container-skeleton\"\n fxLayoutAlign=\"center center\"\n >\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n action\n mat-button\n >\n <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\"\n >outbox</mat-icon\n >\n Unpack\n </div>\n </mat-card-actions>\n </ng-container>\n <!-- END SKELETON CONTENT -->\n\n <!-- ACTUAL CONTENT -->\n\n <ng-container *ngIf=\"!State?.Loading\">\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\n *ngIf=\"Image\"\n [src]=\"Image\"\n [alt]=\"Name\"\n style=\"width: 75px; height: 75px\"\n />\n </div>\n </div>\n\n <div\n class=\"icon-btn-container\"\n fxLayout=\"row\"\n fxLayoutAlign=\"space-between center\"\n >\n <button\n *ngIf=\"IsEditable\"\n mat-icon-button\n id=\"left-icon\"\n (click)=\"LeftIconClicked()\"\n >\n <mat-icon>edit</mat-icon>\n </button>\n <button\n *ngIf=\"IsShareable\"\n mat-icon-button\n id=\"right-icon\"\n (click)=\"RightIconClicked()\"\n >\n <mat-icon>share</mat-icon>\n </button>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">\n {{ Name }}\n </mat-card-title>\n\n <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">\n {{ Description }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-version\" *ngIf=\"Version\">\n {{ Version }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <a\n class=\"host-anchor\"\n *ngIf=\"Subtext\"\n [href]=\"'https://' + Subtext\"\n target=\"_blank\"\n >\n {{ Subtext }}\n </a>\n </mat-card-subtitle>\n </mat-card-header>\n\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\n class=\"promo-container\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n (click)=\"UpgradeClicked()\"\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 </mat-card-content>\n <mat-card-actions class=\"actions-container\">\n <ng-content select=\"[action]\"></ng-content>\n </mat-card-actions>\n </ng-container>\n</mat-card>\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"] }]
3755
3755
  }], ctorParameters: function () { return [{ type: EaCService }, { type: i1$4.MatDialog }]; }, propDecorators: { Description: [{
3756
3756
  type: Input,
3757
3757
  args: ['description']
@@ -4715,14 +4715,12 @@ class ProcessorDetailsFormComponent {
4715
4715
  SaveProcessorDetails() {
4716
4716
  var _a, _b;
4717
4717
  const app = this.EditingApplication;
4718
- app.LookupConfig.AllowedMethods =
4719
- (_b = (_a = this.MethodsFormControl) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.split(' ').filter((v) => !!v);
4718
+ app.LookupConfig.AllowedMethods = (_b = (_a = this.MethodsFormControl) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.split(' ').filter((v) => !!v);
4720
4719
  app.Processor.Type = this.ProcessorType;
4721
4720
  switch (app.Processor.Type) {
4722
4721
  case 'DFS':
4723
4722
  app.Processor.DefaultFile =
4724
- this.DefaultFileFormControl.value ||
4725
- 'index.html';
4723
+ this.DefaultFileFormControl.value || 'index.html';
4726
4724
  app.LowCodeUnit = {
4727
4725
  Type: this.LCUType,
4728
4726
  };
@@ -4732,74 +4730,56 @@ class ProcessorDetailsFormComponent {
4732
4730
  this.SourceControls[this.SourceControlFormControl.value].Organization;
4733
4731
  app.LowCodeUnit.Repository =
4734
4732
  this.SourceControls[this.SourceControlFormControl.value].Repository;
4735
- app.LowCodeUnit.Build =
4736
- this.BuildFormControl.value;
4737
- app.LowCodeUnit.Path =
4738
- this.BuildPathFormControl.value;
4733
+ app.LowCodeUnit.Build = this.BuildFormControl.value;
4734
+ app.LowCodeUnit.Path = this.BuildPathFormControl.value;
4739
4735
  app.LowCodeUnit.SourceControlLookup =
4740
4736
  this.SourceControlFormControl.value;
4741
4737
  break;
4742
4738
  case 'NPM':
4743
- app.LowCodeUnit.Package =
4744
- this.PackageFormControl.value;
4745
- app.LowCodeUnit.Version =
4746
- this.VersionFormControl.value;
4739
+ app.LowCodeUnit.Package = this.PackageFormControl.value;
4740
+ app.LowCodeUnit.Version = this.VersionFormControl.value;
4747
4741
  break;
4748
4742
  case 'WordPress':
4749
- app.LowCodeUnit.APIRoot =
4750
- this.APIRootFormControl.value;
4743
+ app.LowCodeUnit.APIRoot = this.APIRootFormControl.value;
4751
4744
  break;
4752
4745
  case 'Zip':
4753
- app.LowCodeUnit.ZipFile =
4754
- this.ZipFileFormControl.value;
4746
+ app.LowCodeUnit.ZipFile = this.ZipFileFormControl.value;
4755
4747
  break;
4756
4748
  }
4757
4749
  break;
4758
4750
  case 'OAuth':
4759
- app.Processor.Scopes =
4760
- this.ScopesFormControl.value.split(' ');
4761
- app.Processor.TokenLookup =
4762
- this.TokenLookupFormControl.value;
4751
+ app.Processor.Scopes = this.ScopesFormControl.value.split(' ');
4752
+ app.Processor.TokenLookup = this.TokenLookupFormControl.value;
4763
4753
  app.LowCodeUnit = {
4764
4754
  Type: this.LCUType,
4765
4755
  };
4766
4756
  switch (app.LowCodeUnit.Type) {
4767
4757
  case 'GitHubOAuth':
4768
- app.LowCodeUnit.ClientID =
4769
- this.ClientIDFormControl.value;
4770
- app.LowCodeUnit.ClientSecret =
4771
- this.ClientSecretFormControl.value;
4758
+ app.LowCodeUnit.ClientID = this.ClientIDFormControl.value;
4759
+ app.LowCodeUnit.ClientSecret = this.ClientSecretFormControl.value;
4772
4760
  break;
4773
4761
  }
4774
4762
  break;
4775
4763
  case 'Proxy':
4776
- app.Processor.InboundPath =
4777
- this.InboundPathFormControl.value;
4764
+ app.Processor.InboundPath = this.InboundPathFormControl.value;
4778
4765
  app.LowCodeUnit = {
4779
4766
  Type: this.LCUType,
4780
4767
  };
4781
4768
  switch (app.LowCodeUnit.Type) {
4782
4769
  case 'API':
4783
- app.LowCodeUnit.APIRoot =
4784
- this.APIRootFormControl.value;
4785
- app.LowCodeUnit.Security =
4786
- this.SecurityFormControl.value;
4770
+ app.LowCodeUnit.APIRoot = this.APIRootFormControl.value;
4771
+ app.LowCodeUnit.Security = this.SecurityFormControl.value;
4787
4772
  break;
4788
4773
  case 'SPA':
4789
- app.LowCodeUnit.SPARoot =
4790
- this.SPARootFormControl.value;
4774
+ app.LowCodeUnit.SPARoot = this.SPARootFormControl.value;
4791
4775
  break;
4792
4776
  }
4793
4777
  break;
4794
4778
  case 'Redirect':
4795
- app.Processor.IncludeRequest =
4796
- !!this.IncludeRequestFormControl.value;
4797
- app.Processor.Permanent =
4798
- !!this.PermanentFormControl.value;
4799
- app.Processor.PreserveMethod =
4800
- !!this.PreserveMethodFormControl.value;
4801
- app.Processor.Redirect =
4802
- this.RedirectFormControl.value;
4779
+ app.Processor.IncludeRequest = !!this.IncludeRequestFormControl.value;
4780
+ app.Processor.Permanent = !!this.PermanentFormControl.value;
4781
+ app.Processor.PreserveMethod = !!this.PreserveMethodFormControl.value;
4782
+ app.Processor.Redirect = this.RedirectFormControl.value;
4803
4783
  break;
4804
4784
  }
4805
4785
  if (!app.LookupConfig.PathRegex.startsWith('/')) {
@@ -4810,12 +4790,12 @@ class ProcessorDetailsFormComponent {
4810
4790
  Application: app,
4811
4791
  ApplicationLookup: this.EditingApplicationLookup || Guid.CreateRaw(),
4812
4792
  };
4813
- this.eacSvc.SaveApplicationAsCode(saveAppReq).then(res => {
4793
+ this.eacSvc.SaveApplicationAsCode(saveAppReq).then((res) => {
4814
4794
  this.SaveFormEvent.emit(res);
4815
4795
  });
4816
4796
  }
4817
4797
  SetEditingApplication(appLookup) {
4818
- this.EditingApplication = new EaCApplicationAsCode;
4798
+ this.EditingApplication = new EaCApplicationAsCode();
4819
4799
  this.EditingApplicationLookup = appLookup;
4820
4800
  this.setupProcessorDetailsForm();
4821
4801
  }
@@ -4913,15 +4893,17 @@ class ProcessorDetailsFormComponent {
4913
4893
  });
4914
4894
  this.setupDfsForm();
4915
4895
  this.setupLcuTypeSubForm();
4916
- this.listBuildPaths();
4917
4896
  }
4918
4897
  }
4919
4898
  setupLCUGitHubForm() {
4920
4899
  var _a, _b, _c;
4921
- console.log("EditingApplication: ", this.EditingApplication);
4900
+ console.log('EditingApplication: ', this.EditingApplication);
4922
4901
  this.ProcessorDetailsFormGroup.addControl('sourceControl', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.SourceControlLookup) || '', [Validators.required]));
4923
- this.ProcessorDetailsFormGroup.addControl('buildPath', this.formBldr.control(((_b = this.EditingApplication.LowCodeUnit) === null || _b === void 0 ? void 0 : _b.Path) || '', [Validators.required]));
4902
+ this.ProcessorDetailsFormGroup.addControl('buildPath', this.formBldr.control(((_b = this.EditingApplication.LowCodeUnit) === null || _b === void 0 ? void 0 : _b.Path) || '', [
4903
+ Validators.required,
4904
+ ]));
4924
4905
  this.ProcessorDetailsFormGroup.addControl('build', this.formBldr.control(((_c = this.EditingApplication.LowCodeUnit) === null || _c === void 0 ? void 0 : _c.Build) || 'latest', [Validators.required]));
4906
+ this.listBuildPaths();
4925
4907
  }
4926
4908
  setupLCUApplicationPointerForm() {
4927
4909
  var _a;