@lowcodeunit/applications-flow-common 1.33.26-lets-get-social-ish → 1.33.30-lets-get-social-ish

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

@@ -4715,21 +4715,55 @@
 
     var ProjectInfoCardComponent = /** @class */ (function () {
         function ProjectInfoCardComponent() {
+            this.LeftClickEvent = new i0.EventEmitter();
+            this.RightClickEvent = new i0.EventEmitter();
         }
         ProjectInfoCardComponent.prototype.ngOnInit = function () {
         };
+        ProjectInfoCardComponent.prototype.LeftIconClicked = function () {
+            this.LeftClickEvent.emit({});
+        };
+        ProjectInfoCardComponent.prototype.RightIconClicked = function () {
+            this.RightClickEvent.emit({});
+        };
         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%}"]
+                    template: "<mat-card class=\"project-info-card\">\n\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\n    <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n      <button mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n        <mat-icon>settings</mat-icon>\n      </button>\n      <button 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\">\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]=\"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>\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  </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;width:50px}.icon-btn-container{margin:5px}.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:-.5px;margin-top:-.5px!important}.project-card-name{font-size:30px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.actions-container{padding:0!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',] }]
+        Description: [{ type: i0.Input, args: ['description',] }],
+        Image: [{ type: i0.Input, args: ['image',] }],
+        Name: [{ type: i0.Input, args: ['name',] }],
+        Subtext: [{ type: i0.Input, args: ['subtext',] }],
+        LeftClickEvent: [{ type: i0.Output, args: ['left-click-event',] }],
+        RightClickEvent: [{ type: i0.Output, args: ['right-click-event',] }]
+    };
+
+    var AnalyticsCardComponent = /** @class */ (function () {
+        function AnalyticsCardComponent() {
+        }
+        AnalyticsCardComponent.prototype.ngOnInit = function () {
+        };
+        return AnalyticsCardComponent;
+    }());
+    AnalyticsCardComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lcu-analytics-card',
+                    template: "<mat-card class=\"analytics-card\">\n    <mat-card-header>\n      <mat-card-title *ngIf=\"Title\">{{Title}}</mat-card-title>\n      <mat-card-subtitle *ngIf=\"Subtext\">{{Subtext}}</mat-card-subtitle>\n    </mat-card-header>\n    <mat-card-content>\n      <!-- <ng-container *ngFor=\"let atics of analytics \"> -->\n          \n        <div class=\"analytic-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n            <div fxLayout=\"column\">\n                <div class=\"analytic-number\">57</div>\n                <div class=\"analytic-name\">Unique Visitors</div>\n            </div>\n\n            <div class=\"percent-change increase\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n                <mat-icon>arrow_drop_up</mat-icon>\n                <div>{{ .16 | percent}}</div>\n            </div>\n\n            <!-- <div class=\"percent-change decrease\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n                <mat-icon>arrow_drop_down</mat-icon>\n                <div>16</div>\n            </div> -->\n        </div>\n\n      <!-- </ng-container> -->\n    </mat-card-content>\n    <!-- <mat-card-actions>\n      <button mat-button>LIKE</button>\n      <button mat-button>SHARE</button>\n    </mat-card-actions> -->\n  </mat-card>\n",
+                    styles: [".analytics-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:10px}.increase{color:green}.decrease{color:red}"]
+                },] }
+    ];
+    AnalyticsCardComponent.ctorParameters = function () { return []; };
+    AnalyticsCardComponent.propDecorators = {
+        Title: [{ type: i0.Input, args: ['title',] }],
+        Subtext: [{ type: i0.Input, args: ['subtext',] }],
+        Analytics: [{ type: i0.Input, args: ['analytics',] }]
     };
 
     var ApplicationsFlowModule = /** @class */ (function () {
@@ -4778,7 +4812,8 @@
                         ThreeColumnComponent,
                         ColumnInfoCardComponent,
                         SlottedCardComponent,
-                        ProjectInfoCardComponent
+                        ProjectInfoCardComponent,
+                        AnalyticsCardComponent
                     ],
                     imports: [
                         i2.FathymSharedModule,
@@ -4814,7 +4849,8 @@
                         ThreeColumnComponent,
                         ColumnInfoCardComponent,
                         SlottedCardComponent,
-                        ProjectInfoCardComponent
+                        ProjectInfoCardComponent,
+                        AnalyticsCardComponent
                     ],
                     entryComponents: [
                         ApplicationsFlowProjectsElementComponent,
@@ -4840,7 +4876,8 @@
                         ThreeColumnComponent,
                         ColumnInfoCardComponent,
                         SlottedCardComponent,
-                        ProjectInfoCardComponent
+                        ProjectInfoCardComponent,
+                        AnalyticsCardComponent
                     ],
                 },] }
     ];
@@ -4943,6 +4980,7 @@
     exports.ɵq = ColumnInfoCardComponent;
     exports.ɵr = SlottedCardComponent;
     exports.ɵs = ProjectInfoCardComponent;
+    exports.ɵt = AnalyticsCardComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });