@lowcodeunit/applications-flow-common 1.33.248-lets-get-social-ish → 1.33.251-lets-get-social-ish

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

@@ -3753,10 +3753,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"], 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; border-radius: 40px; \"\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:#fff;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: i3.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  <!-- 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; border-radius: 40px; \"\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          fxLayoutAlign=\"center center\"\n        >\n          {{ Subtext }}\n          <mat-icon>launch</mat-icon>\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:#fff;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: i3.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  <!-- 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; border-radius: 40px; \"\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:#fff;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  <!-- 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; border-radius: 40px; \"\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          fxLayoutAlign=\"center center\"\n        >\n          {{ Subtext }}\n          <mat-icon>launch</mat-icon>\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:#fff;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']
@@ -5392,7 +5392,7 @@ class EditApplicationFormComponent {
         const saveAppReq = {
             ProjectLookup: this.ProjectLookup,
             Application: app,
-            ApplicationLookup: this.ApplicationLookup || Guid.CreateRaw(),
+            ApplicationLookup: this.ApplicationLookup,
         };
         this.eacSvc.SaveApplicationAsCode(saveAppReq).then(res => {
             this.SaveFormEvent.emit(res);
@@ -5408,11 +5408,10 @@ class EditApplicationFormComponent {
                     (_b = this.EditingApplication.Application) === null || _b === void 0 ? void 0 : _b.Description,
                     Validators.required,
                 ],
-                route: [
-                    ((_c = this.EditingApplication.LookupConfig) === null || _c === void 0 ? void 0 : _c.PathRegex.replace('.*', '')) ||
-                        '/',
-                    Validators.required,
-                ],
+                route: [this.CurrentRoute ? this.CurrentRoute :
+                        ((_c = this.EditingApplication.LookupConfig) === null || _c === void 0 ? void 0 : _c.PathRegex.replace('.*', '')) ||
+                            '/',
+                    Validators.required,],
                 // priority: [
                 //   this.EditingApplication.Application?.Priority || 10000,
                 //   Validators.required,
@@ -5422,13 +5421,16 @@ class EditApplicationFormComponent {
     }
 }
 EditApplicationFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: EditApplicationFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: EaCService }], target: i0.ɵɵFactoryTarget.Component });
-EditApplicationFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: { ApplicationLookup: ["application-lookup", "ApplicationLookup"], EditingApplication: ["editing-application", "EditingApplication"], HasSaveButton: ["has-save-button", "HasSaveButton"], ProjectLookup: ["project-lookup", "ProjectLookup"] }, outputs: { SaveFormEvent: "save-form-event" }, ngImport: i0, template: "<form class=\"form-card\" [formGroup]=\"ApplicationFormGroup\" (ngSubmit)=\"SubmitApplicationControl()\" >\n    <mat-card class=\"spread flow-card\">\n      <mat-card-header>\n        <mat-card-title>\n          <ng-container *ngIf=\"EditingApplication?.Application\">\n            Edit Application:\n            {{ EditingApplication.Application?.Name }}\n          </ng-container>\n\n          <ng-container *ngIf=\"!EditingApplication?.Application\">\n            Create an Application\n          </ng-container>\n        </mat-card-title>\n      </mat-card-header>\n\n      <mat-card-content>\n        <mat-form-field class=\"mat-full-width\">\n          <input\n            matInput\n            placeholder=\"Name\"\n            formControlName=\"name\"\n            required\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n          <textarea\n            matInput\n            placeholder=\"Description\"\n            formControlName=\"description\"\n            rows=\"3\"\n            required\n          ></textarea>\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n          <input\n            matInput\n            placeholder=\"Route\"\n            formControlName=\"route\"\n            required\n          />\n        </mat-form-field>\n      </mat-card-content>\n      <mat-card-actions fxLayoutAlign=\"center center\">\n\n        <button \n        *ngIf=\"HasSaveButton && !State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ApplicationFormGroup.valid || !ApplicationFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save\n        </button>\n        <lcu-loader [loading]=\"State?.Loading\"></lcu-loader>\n        \n    </mat-card-actions>\n    </mat-card>\n</form>\n", styles: [""], components: [{ type: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.MatCardHeader, selector: "mat-card-header" }, { type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.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"] }, { type: i3$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { 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.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
+EditApplicationFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: { ApplicationLookup: ["application-lookup", "ApplicationLookup"], CurrentRoute: ["current-route", "CurrentRoute"], EditingApplication: ["editing-application", "EditingApplication"], HasSaveButton: ["has-save-button", "HasSaveButton"], ProjectLookup: ["project-lookup", "ProjectLookup"] }, outputs: { SaveFormEvent: "save-form-event" }, ngImport: i0, template: "<form class=\"form-card\" [formGroup]=\"ApplicationFormGroup\" (ngSubmit)=\"SubmitApplicationControl()\" >\n    <mat-card class=\"spread flow-card\">\n      <mat-card-header>\n        <mat-card-title>\n          <ng-container *ngIf=\"EditingApplication?.Application\">\n            Edit Application:\n            {{ EditingApplication.Application?.Name }}\n          </ng-container>\n\n          <ng-container *ngIf=\"!EditingApplication?.Application\">\n            Create an Application\n          </ng-container>\n        </mat-card-title>\n      </mat-card-header>\n\n      <mat-card-content>\n        <mat-form-field class=\"mat-full-width\">\n          <input\n            matInput\n            placeholder=\"Name\"\n            formControlName=\"name\"\n            required\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n          <textarea\n            matInput\n            placeholder=\"Description\"\n            formControlName=\"description\"\n            rows=\"3\"\n            required\n          ></textarea>\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n          <input\n            matInput\n            placeholder=\"Route\"\n            formControlName=\"route\"\n            required\n          />\n        </mat-form-field>\n      </mat-card-content>\n      <mat-card-actions fxLayoutAlign=\"center center\">\n\n        <button \n        *ngIf=\"HasSaveButton && !State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ApplicationFormGroup.valid || !ApplicationFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save\n        </button>\n        <lcu-loader [loading]=\"State?.Loading\"></lcu-loader>\n        \n    </mat-card-actions>\n    </mat-card>\n</form>\n", styles: [""], components: [{ type: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.MatCardHeader, selector: "mat-card-header" }, { type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.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"] }, { type: i3$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { 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.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: EditApplicationFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lcu-edit-application-form', template: "<form class=\"form-card\" [formGroup]=\"ApplicationFormGroup\" (ngSubmit)=\"SubmitApplicationControl()\" >\n    <mat-card class=\"spread flow-card\">\n      <mat-card-header>\n        <mat-card-title>\n          <ng-container *ngIf=\"EditingApplication?.Application\">\n            Edit Application:\n            {{ EditingApplication.Application?.Name }}\n          </ng-container>\n\n          <ng-container *ngIf=\"!EditingApplication?.Application\">\n            Create an Application\n          </ng-container>\n        </mat-card-title>\n      </mat-card-header>\n\n      <mat-card-content>\n        <mat-form-field class=\"mat-full-width\">\n          <input\n            matInput\n            placeholder=\"Name\"\n            formControlName=\"name\"\n            required\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n          <textarea\n            matInput\n            placeholder=\"Description\"\n            formControlName=\"description\"\n            rows=\"3\"\n            required\n          ></textarea>\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n          <input\n            matInput\n            placeholder=\"Route\"\n            formControlName=\"route\"\n            required\n          />\n        </mat-form-field>\n      </mat-card-content>\n      <mat-card-actions fxLayoutAlign=\"center center\">\n\n        <button \n        *ngIf=\"HasSaveButton && !State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ApplicationFormGroup.valid || !ApplicationFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save\n        </button>\n        <lcu-loader [loading]=\"State?.Loading\"></lcu-loader>\n        \n    </mat-card-actions>\n    </mat-card>\n</form>\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: EaCService }]; }, propDecorators: { ApplicationLookup: [{
                 type: Input,
                 args: ['application-lookup']
+            }], CurrentRoute: [{
+                type: Input,
+                args: ['current-route']
             }], EditingApplication: [{
                 type: Input,
                 args: ['editing-application']
@@ -5619,10 +5621,10 @@ class EditApplicationDialogComponent {
     }
 }
 EditApplicationDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: EditApplicationDialogComponent, deps: [{ token: i1$4.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2$2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-EditApplicationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: EditApplicationDialogComponent, selector: "lcu-edit-application-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<lcu-edit-application-form \n    [editing-application]=\"data.application\"\n    (save-form-event)=\"SaveApplication($event)\">\n</lcu-edit-application-form>\n\n<mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error>", styles: [""], components: [{ type: i3.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"] }, { type: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: ["application-lookup", "editing-application", "has-save-button", "project-lookup"], outputs: ["save-form-event"] }], 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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.MatError, selector: "mat-error", inputs: ["id"] }] });
+EditApplicationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: EditApplicationDialogComponent, selector: "lcu-edit-application-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<lcu-edit-application-form \n    [application-lookup]=\"data.applicationLookup\"\n    [editing-application]=\"data.application\"\n    [project-lookup]=\"data.projectLookup\"\n    (save-form-event)=\"SaveApplication($event)\">\n</lcu-edit-application-form>\n\n<mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error>", styles: [""], components: [{ type: i3.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"] }, { type: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: ["application-lookup", "current-route", "editing-application", "has-save-button", "project-lookup"], outputs: ["save-form-event"] }], 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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.MatError, selector: "mat-error", inputs: ["id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: EditApplicationDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-edit-application-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<lcu-edit-application-form \n    [editing-application]=\"data.application\"\n    (save-form-event)=\"SaveApplication($event)\">\n</lcu-edit-application-form>\n\n<mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error>", styles: [""] }]
+            args: [{ selector: 'lcu-edit-application-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<lcu-edit-application-form \n    [application-lookup]=\"data.applicationLookup\"\n    [editing-application]=\"data.application\"\n    [project-lookup]=\"data.projectLookup\"\n    (save-form-event)=\"SaveApplication($event)\">\n</lcu-edit-application-form>\n\n<mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error>", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: i1$4.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,
@@ -5781,10 +5783,10 @@ class NewApplicationDialogComponent {
     }
 }
 NewApplicationDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: NewApplicationDialogComponent, deps: [{ token: EaCService }, { token: i1$4.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2$2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-NewApplicationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: NewApplicationDialogComponent, selector: "lcu-new-application-dialog", viewQueries: [{ propertyName: "ApplicationFormControls", first: true, predicate: EditApplicationFormComponent, descendants: true }, { propertyName: "ProcessorDetailsFormControls", first: true, predicate: ProcessorDetailsFormComponent, descendants: true }], 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<lcu-edit-application-form \n    [editing-application]=\"NewApplication\"\n    [has-save-button]=\"HasSaveButton\"\n>\n</lcu-edit-application-form>\n\n<lcu-processor-details-form \n    [editing-application]=\"NewApplication\"\n    [editing-application-lookup]=\"NewApplicationLookup\"\n    [has-save-button]=\"HasSaveButton\"\n    [source-control-lookups]=\"SourceControlLookups\"\n    [project-lookup]=\"data.projectLookup\"\n>\n</lcu-processor-details-form>\n\n<button \n    *ngIf=\"ProcessorDetailsFormControls && ApplicationFormControls && !State?.Loading\"\n    mat-raised-button \n    color=\"primary\"\n    class=\"new-app-submit\" \n    (click)=\"SaveApplication()\"\n    [disabled]=\"\n        !ProcessorDetailsFormControls.ProcessorDetailsFormGroup.valid \n        || \n        !ApplicationFormControls.ApplicationFormGroup.valid\n    \"\n>\n    Save Application\n</button>\n<lcu-loader [loading]=\"State?.Loading\"></lcu-loader>\n\n<mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error>", styles: [".new-app-submit{width:100%}\n"], components: [{ type: i3.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"] }, { type: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: ["application-lookup", "editing-application", "has-save-button", "project-lookup"], outputs: ["save-form-event"] }, { type: ProcessorDetailsFormComponent, selector: "lcu-processor-details-form", inputs: ["editing-application", "editing-application-lookup", "has-save-button", "source-control-lookups", "project-lookup"], outputs: ["save-form-event"] }, { type: i3$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }], 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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.MatError, selector: "mat-error", inputs: ["id"] }] });
+NewApplicationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: NewApplicationDialogComponent, selector: "lcu-new-application-dialog", viewQueries: [{ propertyName: "ApplicationFormControls", first: true, predicate: EditApplicationFormComponent, descendants: true }, { propertyName: "ProcessorDetailsFormControls", first: true, predicate: ProcessorDetailsFormComponent, descendants: true }], 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<lcu-edit-application-form \n    [current-route]=\"data.currentRoute\"\n    [editing-application]=\"NewApplication\"\n    [has-save-button]=\"HasSaveButton\"\n>\n</lcu-edit-application-form>\n\n<lcu-processor-details-form \n    [editing-application]=\"NewApplication\"\n    [editing-application-lookup]=\"NewApplicationLookup\"\n    [has-save-button]=\"HasSaveButton\"\n    [source-control-lookups]=\"SourceControlLookups\"\n    [project-lookup]=\"data.projectLookup\"\n>\n</lcu-processor-details-form>\n\n<button \n    *ngIf=\"ProcessorDetailsFormControls && ApplicationFormControls && !State?.Loading\"\n    mat-raised-button \n    color=\"primary\"\n    class=\"new-app-submit\" \n    (click)=\"SaveApplication()\"\n    [disabled]=\"\n        !ProcessorDetailsFormControls.ProcessorDetailsFormGroup.valid \n        || \n        !ApplicationFormControls.ApplicationFormGroup.valid\n    \"\n>\n    Save Application\n</button>\n<lcu-loader [loading]=\"State?.Loading\"></lcu-loader>\n\n<mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error>", styles: [".new-app-submit{width:100%}\n"], components: [{ type: i3.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"] }, { type: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: ["application-lookup", "current-route", "editing-application", "has-save-button", "project-lookup"], outputs: ["save-form-event"] }, { type: ProcessorDetailsFormComponent, selector: "lcu-processor-details-form", inputs: ["editing-application", "editing-application-lookup", "has-save-button", "source-control-lookups", "project-lookup"], outputs: ["save-form-event"] }, { type: i3$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }], 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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.MatError, selector: "mat-error", inputs: ["id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: NewApplicationDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-new-application-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<lcu-edit-application-form \n    [editing-application]=\"NewApplication\"\n    [has-save-button]=\"HasSaveButton\"\n>\n</lcu-edit-application-form>\n\n<lcu-processor-details-form \n    [editing-application]=\"NewApplication\"\n    [editing-application-lookup]=\"NewApplicationLookup\"\n    [has-save-button]=\"HasSaveButton\"\n    [source-control-lookups]=\"SourceControlLookups\"\n    [project-lookup]=\"data.projectLookup\"\n>\n</lcu-processor-details-form>\n\n<button \n    *ngIf=\"ProcessorDetailsFormControls && ApplicationFormControls && !State?.Loading\"\n    mat-raised-button \n    color=\"primary\"\n    class=\"new-app-submit\" \n    (click)=\"SaveApplication()\"\n    [disabled]=\"\n        !ProcessorDetailsFormControls.ProcessorDetailsFormGroup.valid \n        || \n        !ApplicationFormControls.ApplicationFormGroup.valid\n    \"\n>\n    Save Application\n</button>\n<lcu-loader [loading]=\"State?.Loading\"></lcu-loader>\n\n<mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error>", styles: [".new-app-submit{width:100%}\n"] }]
+            args: [{ selector: 'lcu-new-application-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<lcu-edit-application-form \n    [current-route]=\"data.currentRoute\"\n    [editing-application]=\"NewApplication\"\n    [has-save-button]=\"HasSaveButton\"\n>\n</lcu-edit-application-form>\n\n<lcu-processor-details-form \n    [editing-application]=\"NewApplication\"\n    [editing-application-lookup]=\"NewApplicationLookup\"\n    [has-save-button]=\"HasSaveButton\"\n    [source-control-lookups]=\"SourceControlLookups\"\n    [project-lookup]=\"data.projectLookup\"\n>\n</lcu-processor-details-form>\n\n<button \n    *ngIf=\"ProcessorDetailsFormControls && ApplicationFormControls && !State?.Loading\"\n    mat-raised-button \n    color=\"primary\"\n    class=\"new-app-submit\" \n    (click)=\"SaveApplication()\"\n    [disabled]=\"\n        !ProcessorDetailsFormControls.ProcessorDetailsFormGroup.valid \n        || \n        !ApplicationFormControls.ApplicationFormGroup.valid\n    \"\n>\n    Save Application\n</button>\n<lcu-loader [loading]=\"State?.Loading\"></lcu-loader>\n\n<mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error>", styles: [".new-app-submit{width:100%}\n"] }]
         }], ctorParameters: function () {
         return [{ type: EaCService }, { type: i1$4.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,