@lowcodeunit/applications-flow-common 1.33.222-lets-get-social-ish → 1.33.223-lets-get-social-ish

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

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

package/fesm2015/lowcodeunit-applications-flow-common.mjs

@@ -3748,10 +3748,10 @@ class ProjectInfoCardComponent {
     }
 }
 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 });
-ProjectInfoCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ProjectInfoCardComponent, selector: "lcu-project-info-card", inputs: { Description: ["description", "Description"], Image: ["image", "Image"], IsEditable: ["is-editable", "IsEditable"], IsShareable: ["is-shareable", "IsShareable"], Name: ["name", "Name"], Subtext: ["subtext", "Subtext"] }, outputs: { LeftClickEvent: "left-click-event", RightClickEvent: "right-click-event" }, ngImport: i0, template: "<mat-card class=\"project-info-card\">\n\n  <!-- SKELETON CONTENT -->\n  <ng-container *ngIf=\"State?.Loading\">\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n      <skeleton-avatar class=\"round-project-img\" [effect]=\"SkeletonEffect\" [size]=\"75\" ></skeleton-avatar >\n  </div>\n\n  <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n    <mat-card-title \n      skeleton-text  \n      [effect]=\"SkeletonEffect\"\n      class=\"project-card-name\" \n    >\n      Name of card\n    </mat-card-title>\n\n    <mat-card-subtitle \n      skeleton-text \n      [effect]=\"SkeletonEffect\" \n      class=\"project-card-description\" \n    >\n      Description Text\n    </mat-card-subtitle>\n\n    <mat-card-subtitle class=\"project-card-host\">\n        <div \n          skeleton-text \n          [effect]=\"SkeletonEffect\" \n          class=\"host-anchor\" \n        >\n          https://www.fathym.com\n        </div>\n    </mat-card-subtitle>\n\n  </mat-card-header>\n  <mat-card-content class=\"card-content-container\">\n    <div skeleton-block [effect]=\"SkeletonEffect\" class=\"stats-container\">\n    </div>\n\n    <div \n      class=\"promo-container-skeleton\" \n      fxLayout=\"column\" \n      fxLayoutAlign=\"center center\" \n    >\n        \n      <div \n        skeleton-text \n        [effect]=\"SkeletonEffect\"\n        class=\"skeleton-item\"\n      >\n        Access exclusive tools & insights\n      </div>\n\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">emoji_events</mat-icon>\n\n        <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\" >\n          Upgrade to premium now\n        </div>\n      </div>\n    </div>\n\n  </mat-card-content>\n  <mat-card-actions class=\"actions-container-skeleton\" fxLayoutAlign=\"center center\">\n    <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\" action mat-button >\n      <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">outbox</mat-icon>\n      Unpack\n    </div>\n    \n  </mat-card-actions>\n  </ng-container>\n  <!-- END SKELETON CONTENT -->\n\n  <!-- ACTUAL CONTENT -->\n\n<ng-container *ngIf=\"!State?.Loading\">\n\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n        <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n            <mat-icon *ngIf=\"!Image\" class=\"temp-icon\">flutter_dash</mat-icon>\n            <img *ngIf=\"Image\" [src]=\"Image\" [alt]=\"Name\" style=\"width:75px; height:75px\">\n        </div>\n    </div>\n\n    <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n      <button *ngIf=\"IsEditable\" mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n        <mat-icon>edit</mat-icon>\n      </button>\n      <button *ngIf=\"IsShareable\" mat-icon-button id=\"right-icon\" (click)=\"RightIconClicked()\">\n        <mat-icon>share</mat-icon>\n      </button>\n    </div>\n\n    <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n      <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">{{Name}}</mat-card-title>\n\n      <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">{{Description}}</mat-card-subtitle>\n\n      <mat-card-subtitle class=\"project-card-host\">\n          <a class=\"host-anchor\" *ngIf=\"Subtext\" [href]=\"'https://'+Subtext\" target=\"_blank\">{{Subtext}}</a>\n      </mat-card-subtitle>\n\n    </mat-card-header>\n    <mat-card-content class=\"card-content-container\">\n      <div class=\"stats-container\">\n        <ng-content  select=\"[stats]\"></ng-content>\n      </div>\n\n      <!-- <div class=\"promo-container\"> -->\n        <!-- <ng-content  select=\"[promo]\"></ng-content> -->\n        <div class=\"promo-container\" \n          fxLayout=\"column\" \n          fxLayoutAlign=\"center center\" \n          (click)=\"UpgradeClicked()\"\n          \n        >\n        \n        <div>Access exclusive tools & insights</div>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n          <mat-icon class=\"gold-icon\">emoji_events</mat-icon>\n\n          <div class=\"upgrade-text\" (click)=\"UpgradeClicked()\">\n            Upgrade to premium now\n          </div>\n        </div>\n      </div>\n      <!-- </div> -->\n\n    </mat-card-content>\n    <mat-card-actions class=\"actions-container\">\n      <ng-content select=\"[action]\"></ng-content>\n      \n    </mat-card-actions>\n  </ng-container>\n  </mat-card>\n  \n", styles: [".project-info-card{margin:20px;padding:0}.round-project-img{background-color:#dfeff2;width:75px;height:75px;border-radius:40px;text-align:center;margin-top:20px;border:2px solid white}.temp-icon{height:50px;width:50px;font-size:50px}.icon-btn-container{margin:5px}.project-card-header{text-align:center;margin-top:50px}.host-anchor{text-decoration:none;color:#4a918e}.header-img-container{background-color:#a4bab3;height:60px;border-radius:2px 2px 0 0;margin-top:-.5px!important;margin-right:-.5px;justify-content:center}.project-card-name{font-size:17px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-top:1px solid #b9dddd}.promo-container{cursor:pointer}.gold-icon{color:#d4af37}.upgrade-text{font-weight:700;margin-left:10px;cursor:pointer}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.promo-container-skeleton{margin:5px}.actions-container{padding:0!important}.actions-container-skeleton{padding:0!important;border-top:1px solid #b9dddd}.info-card-btn{width:100%;border-radius:0 0 2px 2px;border-top:1px solid #b9dddd}.skeleton-item{margin:5px}\n"], components: [{ type: 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"] }] });
+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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProjectInfoCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-project-info-card', template: "<mat-card class=\"project-info-card\">\n\n  <!-- SKELETON CONTENT -->\n  <ng-container *ngIf=\"State?.Loading\">\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n      <skeleton-avatar class=\"round-project-img\" [effect]=\"SkeletonEffect\" [size]=\"75\" ></skeleton-avatar >\n  </div>\n\n  <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n    <mat-card-title \n      skeleton-text  \n      [effect]=\"SkeletonEffect\"\n      class=\"project-card-name\" \n    >\n      Name of card\n    </mat-card-title>\n\n    <mat-card-subtitle \n      skeleton-text \n      [effect]=\"SkeletonEffect\" \n      class=\"project-card-description\" \n    >\n      Description Text\n    </mat-card-subtitle>\n\n    <mat-card-subtitle class=\"project-card-host\">\n        <div \n          skeleton-text \n          [effect]=\"SkeletonEffect\" \n          class=\"host-anchor\" \n        >\n          https://www.fathym.com\n        </div>\n    </mat-card-subtitle>\n\n  </mat-card-header>\n  <mat-card-content class=\"card-content-container\">\n    <div skeleton-block [effect]=\"SkeletonEffect\" class=\"stats-container\">\n    </div>\n\n    <div \n      class=\"promo-container-skeleton\" \n      fxLayout=\"column\" \n      fxLayoutAlign=\"center center\" \n    >\n        \n      <div \n        skeleton-text \n        [effect]=\"SkeletonEffect\"\n        class=\"skeleton-item\"\n      >\n        Access exclusive tools & insights\n      </div>\n\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">emoji_events</mat-icon>\n\n        <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\" >\n          Upgrade to premium now\n        </div>\n      </div>\n    </div>\n\n  </mat-card-content>\n  <mat-card-actions class=\"actions-container-skeleton\" fxLayoutAlign=\"center center\">\n    <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\" action mat-button >\n      <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">outbox</mat-icon>\n      Unpack\n    </div>\n    \n  </mat-card-actions>\n  </ng-container>\n  <!-- END SKELETON CONTENT -->\n\n  <!-- ACTUAL CONTENT -->\n\n<ng-container *ngIf=\"!State?.Loading\">\n\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n        <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n            <mat-icon *ngIf=\"!Image\" class=\"temp-icon\">flutter_dash</mat-icon>\n            <img *ngIf=\"Image\" [src]=\"Image\" [alt]=\"Name\" style=\"width:75px; height:75px\">\n        </div>\n    </div>\n\n    <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n      <button *ngIf=\"IsEditable\" mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n        <mat-icon>edit</mat-icon>\n      </button>\n      <button *ngIf=\"IsShareable\" mat-icon-button id=\"right-icon\" (click)=\"RightIconClicked()\">\n        <mat-icon>share</mat-icon>\n      </button>\n    </div>\n\n    <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n      <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">{{Name}}</mat-card-title>\n\n      <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">{{Description}}</mat-card-subtitle>\n\n      <mat-card-subtitle class=\"project-card-host\">\n          <a class=\"host-anchor\" *ngIf=\"Subtext\" [href]=\"'https://'+Subtext\" target=\"_blank\">{{Subtext}}</a>\n      </mat-card-subtitle>\n\n    </mat-card-header>\n    <mat-card-content class=\"card-content-container\">\n      <div class=\"stats-container\">\n        <ng-content  select=\"[stats]\"></ng-content>\n      </div>\n\n      <!-- <div class=\"promo-container\"> -->\n        <!-- <ng-content  select=\"[promo]\"></ng-content> -->\n        <div class=\"promo-container\" \n          fxLayout=\"column\" \n          fxLayoutAlign=\"center center\" \n          (click)=\"UpgradeClicked()\"\n          \n        >\n        \n        <div>Access exclusive tools & insights</div>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n          <mat-icon class=\"gold-icon\">emoji_events</mat-icon>\n\n          <div class=\"upgrade-text\" (click)=\"UpgradeClicked()\">\n            Upgrade to premium now\n          </div>\n        </div>\n      </div>\n      <!-- </div> -->\n\n    </mat-card-content>\n    <mat-card-actions class=\"actions-container\">\n      <ng-content select=\"[action]\"></ng-content>\n      \n    </mat-card-actions>\n  </ng-container>\n  </mat-card>\n  \n", styles: [".project-info-card{margin:20px;padding:0}.round-project-img{background-color:#dfeff2;width:75px;height:75px;border-radius:40px;text-align:center;margin-top:20px;border:2px solid white}.temp-icon{height:50px;width:50px;font-size:50px}.icon-btn-container{margin:5px}.project-card-header{text-align:center;margin-top:50px}.host-anchor{text-decoration:none;color:#4a918e}.header-img-container{background-color:#a4bab3;height:60px;border-radius:2px 2px 0 0;margin-top:-.5px!important;margin-right:-.5px;justify-content:center}.project-card-name{font-size:17px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-top:1px solid #b9dddd}.promo-container{cursor:pointer}.gold-icon{color:#d4af37}.upgrade-text{font-weight:700;margin-left:10px;cursor:pointer}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.promo-container-skeleton{margin:5px}.actions-container{padding:0!important}.actions-container-skeleton{padding:0!important;border-top:1px solid #b9dddd}.info-card-btn{width:100%;border-radius:0 0 2px 2px;border-top:1px solid #b9dddd}.skeleton-item{margin:5px}\n"] }]
+            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"] }]
         }], ctorParameters: function () { return [{ type: EaCService }, { type: i1$4.MatDialog }]; }, propDecorators: { Description: [{
                 type: Input,
                 args: ['description']
@@ -3770,6 +3770,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
             }], Subtext: [{
                 type: Input,
                 args: ['subtext']
+            }], Version: [{
+                type: Input,
+                args: ['version']
             }], LeftClickEvent: [{
                 type: Output,
                 args: ['left-click-event']