@lowcodeunit/applications-flow-common 1.33.20-lets-get-social-ish → 1.33.24-lets-get-social-ish

package/bundles/lowcodeunit-applications-flow-common.umd.js

@@ -4648,8 +4648,8 @@
     ThreeColumnComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lcu-three-column',
-                    template: "\n<div class=\"col-container\" fxLayout=\"row\" fxLayout.lt-md=\"column\">\n\n    <div class=\"col-left\"  fxFlex=\"20%\" >\n        <ng-content select=\"[left]\"></ng-content>\n    </div>\n\n    <div class=\"col-center\" fxFlex=\"60%\">\n        <ng-content></ng-content>\n    </div>\n    \n    <div class=\"col-right\" fxFlex=\"20%\">\n        <ng-content select=\"[right]\"></ng-content>\n    </div>\n\n</div>",
-                    styles: [".col-container{height:100%}.col-left{background-color:red}.col-center{background-color:#fff}.col-right{background-color:#00f}"]
+                    template: "\n<div class=\"col-container\" fxLayout=\"row\" fxLayout.lt-md=\"column\">\n\n    <div class=\"col-left\"  fxFlex=\"25%\" >\n        <ng-content select=\"[left]\"></ng-content>\n    </div>\n\n    <div class=\"col-center\" fxFlex=\"50%\">\n        <ng-content></ng-content>\n    </div>\n    \n    <div class=\"col-right\" fxFlex=\"25%\">\n        <ng-content select=\"[right]\"></ng-content>\n    </div>\n\n</div>",
+                    styles: [".col-container{background-color:#ebecf0;height:100%}"]
                 },] }
     ];
     ThreeColumnComponent.ctorParameters = function () { return []; };
@@ -4699,8 +4699,8 @@
     SlottedCardComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lcu-slotted-card',
-                    template: "<mat-card class=\"col-info-card\">\n    <mat-card-header>\n      <mat-card-title>{{ Title }}</mat-card-title>\n      <mat-icon>{{ Icon }}</mat-icon>\n    </mat-card-header>\n    \n    <mat-card-content>\n\n        <div class=\"slot-main-container\">\n\n            <div class=\"header-description\">{{ MainSlotDescription }}</div>\n\n            <div class=\"slot-main\">\n                <ng-content></ng-content>\n            </div>\n        \n        </div>\n\n        <div *ngIf=\"SecondarySlotDescription\" class=\"slot-secondary-container\">\n\n            <div class=\"header-description\">{{ SecondarySlotDescription }}</div>\n\n            <div class=\"slot-secondary\">\n                <ng-content select=\"[secondary]\"></ng-content>\n            </div>\n        \n        </div>\n      \n    </mat-card-content>\n\n    <mat-card-actions *ngIf=\"ActionText\">\n      <button mat-button click=\"MainActionClickEvent()\">{{ ActionText }}</button>\n    </mat-card-actions>\n\n  </mat-card>\n\n\n",
-                    styles: [""]
+                    template: "<mat-card class=\"col-info-card\">\n    <mat-card-header fxLayoutAlign=\"space-between center\">\n      <mat-card-title class=\"card-title\">{{ Title }}</mat-card-title>\n      <mat-icon class=\"header-icon\">{{ Icon }}</mat-icon>\n    </mat-card-header>\n    \n    <mat-card-content>\n\n        <div class=\"slot-main-container\">\n\n            <div class=\"header-description\">{{ MainSlotDescription }}</div>\n\n            <div class=\"slot-main\">\n                <ng-content></ng-content>\n            </div>\n        \n        </div>\n\n        <div *ngIf=\"SecondarySlotDescription\" class=\"slot-secondary-container\">\n\n            <div class=\"header-description\">{{ SecondarySlotDescription }}</div>\n\n            <div class=\"slot-secondary\">\n                <ng-content select=\"[secondary]\"></ng-content>\n            </div>\n        \n        </div>\n      \n    </mat-card-content>\n\n    <mat-card-actions *ngIf=\"ActionText\" fxLayoutAlign=\"center\">\n      <button mat-button class=\"slotted-card-action-btn\" click=\"MainActionClickEvent()\">{{ ActionText }}</button>\n    </mat-card-actions>\n\n  </mat-card>\n\n\n",
+                    styles: [".col-info-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:0}.header-icon{margin-right:10px}.card-title{font-size:30px;margin-bottom:0}.header-description{background-color:#d3d3d3;margin-left:-2px;padding:10px}mat-card-actions{margin-bottom:0!important;margin-left:-1px!important;margin-right:0!important}.slotted-card-action-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
                 },] }
     ];
     SlottedCardComponent.ctorParameters = function () { return []; };
@@ -4713,6 +4713,25 @@
         MainActionClicked: [{ type: i0.Output, args: ['main-action-clicked',] }]
     };
 
+    var ProjectInfoCardComponent = /** @class */ (function () {
+        function ProjectInfoCardComponent() {
+        }
+        ProjectInfoCardComponent.prototype.ngOnInit = function () {
+        };
+        return ProjectInfoCardComponent;
+    }());
+    ProjectInfoCardComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lcu-project-info-card',
+                    template: "<mat-card class=\"project-info-card\">\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n        <div class=\"round-project-img\" fxlayoutAlign=\"center center\">\n            <mat-icon class=\"temp-icon\">flutter_dash</mat-icon>\n        </div>\n    </div>\n    <mat-card-header class=\"project-card-header\">\n      \n      <mat-card-title class=\"project-card-name\">{{Project.Project.Name}}</mat-card-title>\n      <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Project.Description\">{{Project.Description}}</mat-card-subtitle>\n      <mat-card-subtitle class=\"project-card-description\" *ngIf=\"!Project.Description\">This is a test description for formatting purposes</mat-card-subtitle>\n\n      <mat-card-subtitle class=\"project-card-host\">\n          <a class=\"host-anchor\" [href]=\"Project.Hosts\" target=\"_blank\">{{Project.Hosts}}</a>\n      </mat-card-subtitle>\n\n    </mat-card-header>\n    <mat-card-content >\n\n      <div class=\"carousel-container\">\n        Carousel will go here\n      </div>\n\n      <div class=\"promo-container\">\n          <div>Access exclusive tools & insights</div>\n          <div>Upgrade to premium now</div>\n\n      </div>\n    </mat-card-content>\n    <mat-card-actions>\n      <button mat-button class=\"info-card-btn\">\n          <mat-icon>settings</mat-icon>\n          Project Settings\n        </button>\n      \n    </mat-card-actions>\n  </mat-card>\n  \n",
+                    styles: [".project-info-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:0}.round-project-img{background-color:#dfeff2;border:2px solid #fff;border-radius:40px;height:75px;margin-top:20px;text-align:center;width:75px}.temp-icon{font-size:50px;height:50px;margin-top:10px;width:50px}.project-card-header{margin-top:50px;text-align:center}.host-anchor{color:#4a918e;text-decoration:none}.header-img-container{background-color:#a4bab3;border-radius:2px 2px 0 0;height:60px;justify-content:center;margin-right:-1px}.project-card-name{font-size:30px;font-weight:600}.carousel-container{border-top:1px solid #d3d3d3;height:75px;text-align:center}.carousel-container,.promo-container{border-bottom:1px solid #d3d3d3}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.info-card-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
+                },] }
+    ];
+    ProjectInfoCardComponent.ctorParameters = function () { return []; };
+    ProjectInfoCardComponent.propDecorators = {
+        Project: [{ type: i0.Input, args: ['project',] }]
+    };
+
     var ApplicationsFlowModule = /** @class */ (function () {
         function ApplicationsFlowModule() {
         }
@@ -4758,7 +4777,8 @@
                         NpmPackageSelectComponent,
                         ThreeColumnComponent,
                         ColumnInfoCardComponent,
-                        SlottedCardComponent
+                        SlottedCardComponent,
+                        ProjectInfoCardComponent
                     ],
                     imports: [
                         i2.FathymSharedModule,
@@ -4793,7 +4813,8 @@
                         NpmPackageSelectComponent,
                         ThreeColumnComponent,
                         ColumnInfoCardComponent,
-                        SlottedCardComponent
+                        SlottedCardComponent,
+                        ProjectInfoCardComponent
                     ],
                     entryComponents: [
                         ApplicationsFlowProjectsElementComponent,
@@ -4818,7 +4839,8 @@
                         NpmPackageSelectComponent,
                         ThreeColumnComponent,
                         ColumnInfoCardComponent,
-                        SlottedCardComponent
+                        SlottedCardComponent,
+                        ProjectInfoCardComponent
                     ],
                 },] }
     ];
@@ -4920,6 +4942,7 @@
     exports.ɵp = NpmPackageSelectComponent;
     exports.ɵq = ColumnInfoCardComponent;
     exports.ɵr = SlottedCardComponent;
+    exports.ɵs = ProjectInfoCardComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });