npm - sf-i-events - Versions diffs - 1.0.57 → 1.0.59 - Mend

sf-i-events 1.0.57 → 1.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "sf-i-events",
   "private": false,
-  "version": "1.0.57",
+  "version": "1.0.59",
   "description": "Superflows Navigation Component",
   "main": "sf-i-events.js",
   "module": "sf-i-events.js",
@@ -51,12 +51,14 @@
   "license": "MIT",
   "repository": "superflows-dev/sf-i-events",
   "dependencies": {
+    "chart.js": "^4.3.0",
     "fs": "^0.0.1-security",
     "lit": "^2.2.4",
+    "patternomaly": "^1.3.2",
+    "sf-i-elastic-text": "^1.0.1",
     "sf-i-form": "^1.0.59",
     "sf-i-select": "^1.0.80",
     "sf-i-sub-select": "^1.0.68",
-    "sf-i-elastic-text": "^1.0.1",
     "sf-i-uploader": "^1.0.13",
     "sinon": "^15.0.1"
   },

package/sf-i-events.d.ts CHANGED Viewed

@@ -139,6 +139,7 @@ export declare class SfIEvents extends LitElement {
     renderEventDetail: (event: any, mmddyyyy: any) => void;
     renderCalendar: () => void;
     renderRoleTabs: () => void;
+    renderChart: (ctx: any, type: any, data: any) => void;
     getCurrentTab: () => string;
     renderTabs: (selectedTab: string) => void;
     renderMappingTabs: (selectedTab: string) => void;

package/sf-i-events.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sf-i-events.d.ts","sourceRoot":"","sources":["src/sf-i-events.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAa,gBAAgB,EAAC,MAAM,KAAK,CAAC;~~AAiB5D~~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~~YAsL~~/D;IAED,oBAAoB,UAAU,MAAM,aAAa,IAAI,SAAS,MAAM,~~YA6HnE~~;IAED,gBAAgB,UAAW,MAAM,aAAa,IAAI,~~YAkJjD~~;IAED,gBAAgB,UAAW,MAAM,aAAa,IAAI,~~YAoJjD~~;IAED,iBAAiB,cAAe,IAAI,SAAS,MAAM,~~UAoJlD~~;IAED,uBAAuB,UAAW,MAAM,aAUvC;IAED,oBAAoB,UAAW,MAAM,aAapC;IAED,oBAAoB,aAmCnB;IAED,kBAAkB,aAajB;IAED,gBAAgB,gBAyBf;IAED,uBAAuB,aAuBtB;IAED,aAAa,aASZ;IAED,gBAAgB,aAQf;IAED,kBAAkB,aAQjB;IAED,qBAAqB,UAAW,MAAM,SAAS,GAAG,UAwDjD;IAED,mBAAmB,UAAW,GAAG,cAAc,MAAM,UAOpD;IAED,YAAY,aA+CX;IAED,UAAU,WAAW,MAAM,UA+D1B;IAED,cAAc,WAAW,MAAM,UAqF9B;IAED,UAAU,WAAW,MAAM,UA+D1B;IAED,YAAY,WAAW,MAAM,~~UAyE5B~~;IAED,iBAAiB,UAAW,GAAG,YAAY,GAAG,UA4N7C;IAED,cAAc,aAuCb;IAED,cAAc,aAqCb;IAED,aAAa,eA4BZ;IAED,UAAU,gBAAiB,MAAM,UAsDhC;IAED,iBAAiB,gBAAiB,MAAM,UAqBvC;IAED,iBAAiB,WAAW,GAAG,SAAS,GAAG,UAoC1C;IAED,aAAa,mBAAoB,GAAG,UA4UnC;IAED,WAAW,YAAY,MAAM,UAyE5B;IAED,cAAc,OAAQ,MAAM,YAW3B;IAED,kBAAkB,aAAc,GAAG,UAyElC;IAED,yBAAyB,aAYxB;IAED,iBAAiB,aAShB;IAED,0BAA0B,YAAa,GAAG;;;;MA4CzC;IAED,YAAY,aAAoB,MAAM,WAAW,MAAM,YAAY,MAAM,YAAY,GAAG,mBAkCvF;IAED,YAAY,aAAoB,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,GAAG,mBAkCnF;IAED,aAAa,sBAmCZ;IAED,YAAY,sBAkBX;IAED,YAAY,UAAW,GAAG,UA6EzB;IAED,mBAAmB,YAAY,GAAG,UAuBjC;IAED,WAAW,UAAiB,GAAG,mBAqB9B;IAED,iBAAiB,sBAmChB;IAED,aAAa,sBAqCZ;IAED,aAAa,sBA6BZ;IAED,SAAS,sBAsCR;IAED,YAAY,sBAsBX;IAED,UAAU,aAKT;IAED,iBAAiB,aAmBhB;IAED,iBAAiB,aAqBhB;IAED,iBAAiB,aAqBhB;IAED,QAAQ,QAAU,MAAM,KAAK,MAAM,mBAAmB,OAAO,YAM3D;IAEF,kBAAkB,aA6DjB;IAED,QAAQ,~~sBAuBP~~;;cAMkB,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAMnG,iBAAiB;IAIjB,MAAM;~~CA2KhB~~;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}
1	+ {"version":3,"file":"sf-i-events.d.ts","sourceRoot":"","sources":["src/sf-i-events.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAa,gBAAgB,EAAC,MAAM,KAAK,CAAC;AAkB5D;;;;;;;;;;GAUG;AACH,qBACa,SAAU,SAAQ,UAAU;IAEvC,QAAQ,SAAU;IAClB,UAAU,SAAY;IACtB,YAAY,SAAc;IAC1B,QAAQ,SAAU;IAClB,QAAQ,SAAU;IAClB,UAAU,SAAY;IACtB,YAAY,SAAc;IAC1B,YAAY,SAAc;IAG1B,IAAI,EAAG,MAAM,CAAC;IAGd,KAAK,EAAG,MAAM,CAAC;IAGf,SAAS,EAAG,MAAM,CAAC;IAGnB,WAAW,EAAG,MAAM,CAAC;IAGrB,UAAU,EAAG,MAAM,CAAC;IAGpB,SAAS,EAAG,MAAM,CAAC;IAGnB,aAAa,EAAG,MAAM,CAAC;IAGvB,eAAe,EAAG,MAAM,CAAC;IAGzB,WAAW,EAAG,MAAM,CAAC;IAGrB,aAAa,EAAG,MAAM,CAAC;IAGvB,aAAa,EAAG,MAAM,CAAC;IAGvB,SAAS,EAAG,MAAM,CAAC;IAGnB,oBAAoB,EAAG,MAAM,CAAC;IAG9B,MAAM,EAAE,MAAM,CAAqB;IAGnC,eAAe,EAAG,MAAM,CAAC;IAGzB,eAAe,EAAG,MAAM,CAAC;IAGzB,iBAAiB,EAAG,MAAM,CAAC;IAG3B,QAAQ,EAAE,IAAI,EAAG,CAAM;IAGvB,oBAAoB,EAAE,GAAG,CAAM;IAG/B,iBAAiB,EAAE,GAAG,CAAM;IAG5B,gBAAgB,EAAE,GAAG,CAAM;IAG3B,cAAc,EAAE,GAAG,CAAQ;IAG3B,QAAQ,EAAE,GAAG,CAAQ;IAGrB,UAAU,EAAE,MAAM,EAAG,CAA+H;IAGpJ,MAAM,EAAE,GAAG,CAAQ;IAGnB,eAAe,EAAE,GAAG,CAAQ;IAE5B,kBAAkB,YAEjB;IAGD,kBAAkB,EAAE,GAAG,CAAQ;IAE/B,qBAAqB,YAEpB;IAGD,WAAW,EAAE,GAAG,CAAQ;IAExB,cAAc,YAEb;IAGD,sBAAsB,EAAE,GAAG,CAAQ;IAEnC,yBAAyB,YAExB;IAED,cAAc,YAOb;IAED,gBAAgB,YAEf;IAGD,IAAI,EAAG,MAAM,CAAC;IAGd,IAAI,EAAE,MAAM,CAAM;IAElB,OAAgB,MAAM,0BAwiBpB;IAGF,WAAW,EAAE,GAAG,CAAC;IAGjB,WAAW,EAAE,GAAG,CAAC;IAGjB,kBAAkB,EAAE,GAAG,CAAC;IAGxB,aAAa,EAAE,GAAG,CAAC;IAGnB,oBAAoB,EAAE,GAAG,CAAC;IAG1B,SAAS,EAAE,GAAG,CAAC;IAGf,oBAAoB,EAAE,GAAG,CAAC;IAG1B,iBAAiB,EAAE,GAAG,CAAC;IAGvB,0BAA0B,EAAE,GAAG,CAAC;IAGhC,yBAAyB,EAAE,GAAG,CAAC;IAG/B,0BAA0B,EAAE,GAAG,CAAC;IAGhC,4BAA4B,EAAE,GAAG,CAAC;IAGlC,wBAAwB,EAAE,GAAG,CAAC;IAG9B,0BAA0B,EAAE,GAAG,CAAC;IAGhC,qBAAqB,EAAE,GAAG,CAAC;IAG3B,qBAAqB,EAAE,GAAG,CAAC;IAG3B,yBAAyB,EAAE,GAAG,CAAC;IAG/B,yBAAyB,EAAE,GAAG,CAAC;IAG/B,0BAA0B,EAAE,GAAG,CAAC;IAGhC,kBAAkB,EAAE,GAAG,CAAC;IAGxB,oBAAoB,EAAE,GAAG,CAAC;IAG1B,kBAAkB,EAAE,GAAG,CAAC;IAGxB,gBAAgB,EAAE,GAAG,CAAC;IAGtB,gBAAgB,EAAE,GAAG,CAAC;IAGtB,kBAAkB,EAAE,GAAG,CAAC;IAGxB,mBAAmB,EAAE,GAAG,CAAC;IAGzB,oBAAoB,EAAE,GAAG,CAAC;IAG1B,eAAe,EAAE,GAAG,CAAC;IAGrB,sBAAsB,EAAE,GAAG,CAAC;IAG5B,mBAAmB,EAAE,GAAG,CAAC;IAGzB,UAAU,EAAE,GAAG,CAAC;IAGhB,WAAW,EAAE,GAAG,CAAC;IAEjB,aAAa,UAAW,MAAM,SAU7B;IAED,6BAA6B,UAAW,MAAM,SAY7C;IAED,aAAa,UAAW,MAAM,cAAc,MAAM,MAAM,CAAC,OAAO,GAAG,YAsDlE;IAED,cAAc,aAOb;IAED,YAAY,aAOX;IAED,cAAc;IASd,UAAU;IASV,UAAU;IASV,YAAY;IASZ,UAAU,SAAgB,GAAG,OAAO,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,sBAQjF;IAED,aAAa,aAKZ;IAED,QAAQ,QAAS,MAAM,UAKtB;IAED,UAAU,QAAS,MAAM,UAKxB;IAED,qBAAqB,UAAW,MAAM,QAAQ,MAAM,YAGnD;IAED,iBAAiB,UAAW,MAAM,QAAQ,MAAM,KAAG,MAAM,CAGxD;IAED,sBAAsB,cAAe,IAAI,KAAI,IAAI,CAUhD;IAED,sBAAsB,CAAC,QAAQ,EAAE,IAAI;IAOrC,kBAAkB,cAAe,IAAI,KAAI,IAAI,CAO5C;IAED,SAAS,UAAW,MAAM,QAAQ,MAAM,YAMvC;IAED,WAAW,UAAW,MAAM,QAAQ,MAAM,YAqDzC;IAED,cAAc,eAsCb;IAED,kBAAkB,UAAW,MAAM,SAAS,MAAM,QAAQ,MAAM,YAiL/D;IAED,oBAAoB,UAAU,MAAM,aAAa,IAAI,SAAS,MAAM,YA8LnE;IAED,gBAAgB,UAAW,MAAM,aAAa,IAAI,YAmNjD;IAED,gBAAgB,UAAW,MAAM,aAAa,IAAI,YAsNjD;IAED,iBAAiB,cAAe,IAAI,SAAS,MAAM,UAqNlD;IAED,uBAAuB,UAAW,MAAM,aAUvC;IAED,oBAAoB,UAAW,MAAM,aAapC;IAED,oBAAoB,aAmCnB;IAED,kBAAkB,aAajB;IAED,gBAAgB,gBAyBf;IAED,uBAAuB,aAuBtB;IAED,aAAa,aASZ;IAED,gBAAgB,aAQf;IAED,kBAAkB,aAQjB;IAED,qBAAqB,UAAW,MAAM,SAAS,GAAG,UAwDjD;IAED,mBAAmB,UAAW,GAAG,cAAc,MAAM,UAOpD;IAED,YAAY,aA+CX;IAED,UAAU,WAAW,MAAM,UA+D1B;IAED,cAAc,WAAW,MAAM,UAqF9B;IAED,UAAU,WAAW,MAAM,UA+D1B;IAED,YAAY,WAAW,MAAM,UAgG5B;IAED,iBAAiB,UAAW,GAAG,YAAY,GAAG,UA4N7C;IAED,cAAc,aAuCb;IAED,cAAc,aAqCb;IAED,WAAW,QAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAO5C;IAED,aAAa,eA4BZ;IAED,UAAU,gBAAiB,MAAM,UAsDhC;IAED,iBAAiB,gBAAiB,MAAM,UAqBvC;IAED,iBAAiB,WAAW,GAAG,SAAS,GAAG,UAoC1C;IAED,aAAa,mBAAoB,GAAG,UA4UnC;IAED,WAAW,YAAY,MAAM,UAyE5B;IAED,cAAc,OAAQ,MAAM,YAW3B;IAED,kBAAkB,aAAc,GAAG,UAyElC;IAED,yBAAyB,aAYxB;IAED,iBAAiB,aAShB;IAED,0BAA0B,YAAa,GAAG;;;;MA4CzC;IAED,YAAY,aAAoB,MAAM,WAAW,MAAM,YAAY,MAAM,YAAY,GAAG,mBAkCvF;IAED,YAAY,aAAoB,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,GAAG,mBAkCnF;IAED,aAAa,sBAmCZ;IAED,YAAY,sBAkBX;IAED,YAAY,UAAW,GAAG,UA6EzB;IAED,mBAAmB,YAAY,GAAG,UAuBjC;IAED,WAAW,UAAiB,GAAG,mBAqB9B;IAED,iBAAiB,sBAmChB;IAED,aAAa,sBAqCZ;IAED,aAAa,sBA6BZ;IAED,SAAS,sBAsCR;IAED,YAAY,sBAsBX;IAED,UAAU,aAKT;IAED,iBAAiB,aAmBhB;IAED,iBAAiB,aAqBhB;IAED,iBAAiB,aAqBhB;IAED,QAAQ,QAAU,MAAM,KAAK,MAAM,mBAAmB,OAAO,YAM3D;IAEF,kBAAkB,aA6DjB;IAED,QAAQ,sBA0BP;;cAMkB,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAMnG,iBAAiB;IAIjB,MAAM;CA4KhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}

package/sf-i-events.js CHANGED Viewed

@@ -13,6 +13,7 @@ import { LitElement, html, css } from 'lit';
 import { customElement, query, queryAssignedElements, property } from 'lit/decorators.js';
 // import {customElement, query, property} from 'lit/decorators.js';
 import Util from './util';
+import { Chart, registerables, Colors } from 'chart.js';
 // import {LitElement, html, css} from 'lit';
 // import {customElement} from 'lit/decorators.js';
 /*
@@ -270,22 +271,17 @@ let SfIEvents = class SfIEvents extends LitElement {
         this.renderStreamEvents = (index, month, year) => {
             const lastDay = this.getLastDayOfMonth(month, year);
             var html = '<div id="stream-event-' + index + '" part="stream-event-list" class="stream-event-list">';
+            html += '<div class="mb-20">';
+            html += '<canvas id="myChart"></canvas>';
+            html += '</div>';
             var total = 0, notStarted = 0, approved = 0, inProgress = 0;
-            for (var i = 1; i <= lastDay; i++) {
-                const mmdd = ("0" + (month + 1)).slice(-2) + "/" + ("0" + i).slice(-2);
-                if (this.events[mmdd] != null) {
-                    for (var j = 0; j < this.events[mmdd].length; j++) {
-                        total++;
-                    }
-                }
-            }
             html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
-            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <strong>' + total + '</strong></div>';
-            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <strong>DASHBOARD_APPROVED</strong></div>';
-            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <strong>DASHBOARD_NOT_STARTED</strong></div>';
-            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <strong>DASHBOARD_IN_PROGRESS</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <span id="graph-total">DASHBOARD_TOTAL</span></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <span id="graph-approved">DASHBOARD_APPROVED</span></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <span id="graph-not-started">DASHBOARD_NOT_STARTED</span></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <span id="graph-in-progress">DASHBOARD_IN_PROGRESS</span></div>';
             html += '</div>';
-            for (i = 1; i <= lastDay; i++) {
+            for (var i = 1; i <= lastDay; i++) {
                 const mmdd = ("0" + (month + 1)).slice(-2) + "/" + ("0" + i).slice(-2);
                 var hide = true;
                 if (this.events[mmdd] != null) {
@@ -312,6 +308,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     html += '<div part="stream-event-selected-date">' + ("0" + i).slice(-2) + ' |</div>';
                     html += '<div class="stream-event-list-container flex-grow">';
                     for (var j = 0; j < this.events[mmdd].length; j++) {
+                        total++;
                         html += '<div class="stream-events-container flex-grow">';
                         html += '<table>';
                         html += '<thead>';
@@ -426,6 +423,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '</div>';
             inProgress = total - notStarted - approved;
             console.log('progress', total, notStarted, approved);
+            html = html.replace("DASHBOARD_TOTAL", total + "");
             html = html.replace("DASHBOARD_NOT_STARTED", notStarted + "");
             html = html.replace("DASHBOARD_APPROVED", approved + "");
             html = html.replace("DASHBOARD_IN_PROGRESS", inProgress + "");
@@ -433,6 +431,13 @@ let SfIEvents = class SfIEvents extends LitElement {
         };
         this.renderUpcomingEvents = (index, startDate, count) => {
             var html = '<div id="stream-event-' + index + '" part="stream-event-list" class="stream-event-list">';
+            var total = 0, notStarted = 0, approved = 0, inProgress = 0;
+            html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <strong>DASHBOARD_TOTAL</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <strong>DASHBOARD_APPROVED</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <strong>DASHBOARD_NOT_STARTED</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <strong>DASHBOARD_IN_PROGRESS</strong></div>';
+            html += '</div>';
             for (var i = 1; i <= count; i++) {
                 const mmdd = ("0" + (startDate.getMonth() + 1)).slice(-2) + "/" + ("0" + startDate.getDate()).slice(-2);
                 var hide = true;
@@ -462,6 +467,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     html += '<div part="stream-event-selected-date">' + ("0" + startDate.getDate()).slice(-2) + '/' + (startDate.getMonth() + 1) + ' |</div>';
                     html += '<div class="stream-event-list-container flex-grow">';
                     for (var j = 0; j < this.events[mmdd].length; j++) {
+                        total++;
                         html += '<div class="stream-events-container flex-grow">';
                         html += '<table>';
                         html += '<thead>';
@@ -478,6 +484,31 @@ let SfIEvents = class SfIEvents extends LitElement {
                         // }
                         html += '<th part="td-head">';
                         html += '</th>';
+                        if (this.events[mmdd][j].approved != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()]) != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()])) {
+                            approved++;
+                            html += '<th part="td-head">';
+                            html += 'Status';
+                            html += '</th>';
+                        }
+                        console.log('listing docs', this.events[mmdd][j].documents);
+                        if (this.events[mmdd][j].documents != null && this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()] != null && JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Docs';
+                            html += '</th>';
+                        }
+                        else {
+                            notStarted++;
+                        }
+                        if (this.events[mmdd][j].comments != null && this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Comments';
+                            html += '</th>';
+                        }
+                        if (this.events[mmdd][j].lastupdated != null && this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Updated';
+                            html += '</th>';
+                        }
                         // for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
                         //   html += '<th part="td-head">';
                         //   html += Object.keys(this.events[mmdd][j])[k];
@@ -508,6 +539,28 @@ let SfIEvents = class SfIEvents extends LitElement {
                         html += '<td id="td-expand-' + i + '" part="td-body">';
                         html += '<button id="button-unmapped-expand-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="material-icons button-expand">open_in_new</button>';
                         html += '</td>';
+                        if (this.events[mmdd][j].approved != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()]) != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()])) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons color-done">check_circle</span>';
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].documents != null && this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()] != null && JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons muted">description</span>';
+                            html += JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length;
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].comments != null && this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons muted">forum</span>';
+                            html += (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length;
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].lastupdated != null && this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += Util.timeSince(new Date(this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).getTime());
+                            html += '</td>';
+                        }
                         // for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
                         //   html += '<th part="td-body">';
                         //   if(this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]].indexOf("[") >= 0) {
@@ -540,6 +593,12 @@ let SfIEvents = class SfIEvents extends LitElement {
                 startDate.setDate(startDate.getDate() + 1);
             }
             html += '</div>';
+            inProgress = total - notStarted - approved;
+            console.log('progress', total, notStarted, approved);
+            html = html.replace("DASHBOARD_TOTAL", total + "");
+            html = html.replace("DASHBOARD_NOT_STARTED", notStarted + "");
+            html = html.replace("DASHBOARD_APPROVED", approved + "");
+            html = html.replace("DASHBOARD_IN_PROGRESS", inProgress + "");
             return html;
         };
         this.renderThisEvents = (index, startDate) => {
@@ -556,6 +615,13 @@ let SfIEvents = class SfIEvents extends LitElement {
                 firstDate = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());
                 count = this.getLastDayOfMonth(startDate.getFullYear(), startDate.getMonth());
             }
+            var total = 0, notStarted = 0, approved = 0, inProgress = 0;
+            html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <strong>DASHBOARD_TOTAL</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <strong>DASHBOARD_APPROVED</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <strong>DASHBOARD_NOT_STARTED</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <strong>DASHBOARD_IN_PROGRESS</strong></div>';
+            html += '</div>';
             for (var i = 1; i <= count; i++) {
                 const mmdd = ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + firstDate.getDate()).slice(-2);
                 var hide = true;
@@ -585,6 +651,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     html += '<div part="stream-event-selected-date">' + ("0" + firstDate.getDate()).slice(-2) + '/' + (firstDate.getMonth() + 1) + ' |</div>';
                     html += '<div class="stream-event-list-container flex-grow">';
                     for (var j = 0; j < this.events[mmdd].length; j++) {
+                        total++;
                         html += '<div class="stream-events-container flex-grow">';
                         html += '<table>';
                         html += '<thead>';
@@ -601,6 +668,31 @@ let SfIEvents = class SfIEvents extends LitElement {
                         // }
                         html += '<th part="td-head">';
                         html += '</th>';
+                        if (this.events[mmdd][j].approved != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()]) != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()])) {
+                            approved++;
+                            html += '<th part="td-head">';
+                            html += 'Status';
+                            html += '</th>';
+                        }
+                        console.log('listing docs', this.events[mmdd][j].documents);
+                        if (this.events[mmdd][j].documents != null && this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()] != null && JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Docs';
+                            html += '</th>';
+                        }
+                        else {
+                            notStarted++;
+                        }
+                        if (this.events[mmdd][j].comments != null && this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Comments';
+                            html += '</th>';
+                        }
+                        if (this.events[mmdd][j].lastupdated != null && this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Updated';
+                            html += '</th>';
+                        }
                         // for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
                         //   html += '<th part="td-head">';
                         //   html += Object.keys(this.events[mmdd][j])[k];
@@ -631,6 +723,28 @@ let SfIEvents = class SfIEvents extends LitElement {
                         html += '<td id="td-expand-' + i + '" part="td-body">';
                         html += '<button id="button-unmapped-expand-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="material-icons button-expand">open_in_new</button>';
                         html += '</td>';
+                        if (this.events[mmdd][j].approved != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()]) != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()])) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons color-done">check_circle</span>';
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].documents != null && this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()] != null && JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons muted">description</span>';
+                            html += JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length;
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].comments != null && this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons muted">forum</span>';
+                            html += (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length;
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].lastupdated != null && this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += Util.timeSince(new Date(this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).getTime());
+                            html += '</td>';
+                        }
                         // for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
                         //   html += '<th part="td-body">';
                         //   if(this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]].indexOf("[") >= 0) {
@@ -663,6 +777,12 @@ let SfIEvents = class SfIEvents extends LitElement {
                 firstDate.setDate(firstDate.getDate() + 1);
             }
             html += '</div>';
+            inProgress = total - notStarted - approved;
+            console.log('progress', total, notStarted, approved);
+            html = html.replace("DASHBOARD_TOTAL", total + "");
+            html = html.replace("DASHBOARD_NOT_STARTED", notStarted + "");
+            html = html.replace("DASHBOARD_APPROVED", approved + "");
+            html = html.replace("DASHBOARD_IN_PROGRESS", inProgress + "");
             return html;
         };
         this.renderPastEvents = (index, startDate) => {
@@ -681,6 +801,13 @@ let SfIEvents = class SfIEvents extends LitElement {
                 console.log('this start date', firstDate);
                 console.log('this start date', count);
             }
+            var total = 0, notStarted = 0, approved = 0, inProgress = 0;
+            html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <strong>DASHBOARD_TOTAL</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <strong>DASHBOARD_APPROVED</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <strong>DASHBOARD_NOT_STARTED</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <strong>DASHBOARD_IN_PROGRESS</strong></div>';
+            html += '</div>';
             for (var i = 1; i <= count; i++) {
                 const mmdd = ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + firstDate.getDate()).slice(-2);
                 var hide = true;
@@ -710,6 +837,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     html += '<div part="stream-event-selected-date">' + ("0" + firstDate.getDate()).slice(-2) + '/' + (firstDate.getMonth() + 1) + ' |</div>';
                     html += '<div class="stream-event-list-container flex-grow">';
                     for (var j = 0; j < this.events[mmdd].length; j++) {
+                        total++;
                         html += '<div class="stream-events-container flex-grow">';
                         html += '<table>';
                         html += '<thead>';
@@ -726,6 +854,31 @@ let SfIEvents = class SfIEvents extends LitElement {
                         // }
                         html += '<th part="td-head">';
                         html += '</th>';
+                        if (this.events[mmdd][j].approved != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()]) != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()])) {
+                            approved++;
+                            html += '<th part="td-head">';
+                            html += 'Status';
+                            html += '</th>';
+                        }
+                        console.log('listing docs', this.events[mmdd][j].documents);
+                        if (this.events[mmdd][j].documents != null && this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()] != null && JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Docs';
+                            html += '</th>';
+                        }
+                        else {
+                            notStarted++;
+                        }
+                        if (this.events[mmdd][j].comments != null && this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Comments';
+                            html += '</th>';
+                        }
+                        if (this.events[mmdd][j].lastupdated != null && this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Updated';
+                            html += '</th>';
+                        }
                         // for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
                         //   html += '<th part="td-head">';
                         //   html += Object.keys(this.events[mmdd][j])[k];
@@ -756,6 +909,28 @@ let SfIEvents = class SfIEvents extends LitElement {
                         html += '<td id="td-expand-' + i + '" part="td-body">';
                         html += '<button id="button-unmapped-expand-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="material-icons button-expand">open_in_new</button>';
                         html += '</td>';
+                        if (this.events[mmdd][j].approved != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()]) != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()])) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons color-done">check_circle</span>';
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].documents != null && this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()] != null && JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons muted">description</span>';
+                            html += JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length;
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].comments != null && this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons muted">forum</span>';
+                            html += (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length;
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].lastupdated != null && this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += Util.timeSince(new Date(this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).getTime());
+                            html += '</td>';
+                        }
                         // for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
                         //   html += '<th part="td-body">';
                         //   if(this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]].indexOf("[") >= 0) {
@@ -788,10 +963,23 @@ let SfIEvents = class SfIEvents extends LitElement {
                 firstDate.setDate(firstDate.getDate() + 1);
             }
             html += '</div>';
+            inProgress = total - notStarted - approved;
+            console.log('progress', total, notStarted, approved);
+            html = html.replace("DASHBOARD_TOTAL", total + "");
+            html = html.replace("DASHBOARD_NOT_STARTED", notStarted + "");
+            html = html.replace("DASHBOARD_APPROVED", approved + "");
+            html = html.replace("DASHBOARD_IN_PROGRESS", inProgress + "");
             return html;
         };
         this.renderRangeEvents = (firstDate, count) => {
             var html = '<div id="stream-event-0" part="stream-event-list" class="stream-event-list">';
+            var total = 0, notStarted = 0, approved = 0, inProgress = 0;
+            html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <strong>DASHBOARD_TOTAL</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <strong>DASHBOARD_APPROVED</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <strong>DASHBOARD_NOT_STARTED</strong></div>';
+            html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <strong>DASHBOARD_IN_PROGRESS</strong></div>';
+            html += '</div>';
             for (var i = 1; i <= count; i++) {
                 const mmdd = ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + firstDate.getDate()).slice(-2);
                 var hide = true;
@@ -817,6 +1005,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     }
                 }
                 if (this.events[mmdd] != null) {
+                    total++;
                     html += '<div part="stream-event-selected" class="d-flex stream-event-selected">';
                     html += '<div part="stream-event-selected-date">' + ("0" + firstDate.getDate()).slice(-2) + '/' + (firstDate.getMonth() + 1) + ' |</div>';
                     html += '<div class="stream-event-list-container flex-grow">';
@@ -837,6 +1026,31 @@ let SfIEvents = class SfIEvents extends LitElement {
                         // }
                         html += '<th part="td-head">';
                         html += '</th>';
+                        if (this.events[mmdd][j].approved != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()]) != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()])) {
+                            approved++;
+                            html += '<th part="td-head">';
+                            html += 'Status';
+                            html += '</th>';
+                        }
+                        console.log('listing docs', this.events[mmdd][j].documents);
+                        if (this.events[mmdd][j].documents != null && this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()] != null && JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Docs';
+                            html += '</th>';
+                        }
+                        else {
+                            notStarted++;
+                        }
+                        if (this.events[mmdd][j].comments != null && this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Comments';
+                            html += '</th>';
+                        }
+                        if (this.events[mmdd][j].lastupdated != null && this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<th part="td-head">';
+                            html += 'Updated';
+                            html += '</th>';
+                        }
                         // for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
                         //   html += '<th part="td-head">';
                         //   html += Object.keys(this.events[mmdd][j])[k];
@@ -868,6 +1082,28 @@ let SfIEvents = class SfIEvents extends LitElement {
                         html += '<td id="td-expand-' + i + '" part="td-body">';
                         html += '<button id="button-unmapped-expand-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="material-icons button-expand">open_in_new</button>';
                         html += '</td>';
+                        if (this.events[mmdd][j].approved != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()]) != null && (this.events[mmdd][j].approved[mmdd + "/" + new Date().getFullYear()])) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons color-done">check_circle</span>';
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].documents != null && this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()] != null && JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons muted">description</span>';
+                            html += JSON.parse(this.events[mmdd][j].documents[mmdd + "/" + new Date().getFullYear()]).length;
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].comments != null && this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += '<span class="material-icons muted">forum</span>';
+                            html += (this.events[mmdd][j].comments[mmdd + "/" + new Date().getFullYear()]).length;
+                            html += '</td>';
+                        }
+                        if (this.events[mmdd][j].lastupdated != null && this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()] != null && (this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).length > 0) {
+                            html += '<td part="td-body">';
+                            html += Util.timeSince(new Date(this.events[mmdd][j].lastupdated[mmdd + "/" + new Date().getFullYear()]).getTime());
+                            html += '</td>';
+                        }
                         // for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
                         //   html += '<th part="td-body">';
                         //   if(this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]].indexOf("[") >= 0) {
@@ -900,6 +1136,12 @@ let SfIEvents = class SfIEvents extends LitElement {
                 firstDate.setDate(firstDate.getDate() + 1);
             }
             html += '</div>';
+            inProgress = total - notStarted - approved;
+            console.log('progress', total, notStarted, approved);
+            html = html.replace("DASHBOARD_TOTAL", total + "");
+            html = html.replace("DASHBOARD_NOT_STARTED", notStarted + "");
+            html = html.replace("DASHBOARD_APPROVED", approved + "");
+            html = html.replace("DASHBOARD_IN_PROGRESS", inProgress + "");
             this._SfCustomContainer.querySelector('.calendar-right-data').innerHTML = html;
             const buttonArr = this._SfCustomContainer.querySelectorAll('.button-expand');
             for (var i = 0; i < buttonArr.length; i++) {
@@ -1348,7 +1590,27 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
                 });
             }
-            console.log('stream button array', buttonArr);
+            const ctx = this._SfStreamContainer.querySelector('#myChart');
+            this._SfStreamContainer.querySelector('#myChart').style.maxWidth = '400px';
+            this._SfStreamContainer.querySelector('#myChart').style.maxHeight = '400px';
+            var dataApproved = this._SfStreamContainer.querySelector('#graph-approved').innerHTML;
+            var dataNotStarted = this._SfStreamContainer.querySelector('#graph-not-started').innerHTML;
+            var dataInProgress = this._SfStreamContainer.querySelector('#graph-in-progress').innerHTML;
+            const data = {
+                labels: ['Approved', 'Not Started', 'In Progress'],
+                datasets: [{
+                        label: 'Compliances',
+                        data: [dataApproved, dataNotStarted, dataInProgress],
+                        borderWidth: 1,
+                        backgroundColor: [
+                            Util.createDiagonalPattern3('#20a39e'),
+                            Util.createDiagonalPattern2('#A4A9AD'),
+                            Util.createDiagonalPattern1('##FFBA49')
+                        ]
+                        //backgroundColor: ['#20a39e', '#a4a9ad', '#ffba49']
+                    }]
+            };
+            this.renderChart(ctx, 'doughnut', data);
         };
         this.renderEventDetail = (event, mmddyyyy) => {
             var _a, _b, _c;
@@ -1573,6 +1835,12 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             });
         };
+        this.renderChart = (ctx, type, data) => {
+            new Chart(ctx, {
+                type: type,
+                data: data,
+            });
+        };
         this.getCurrentTab = () => {
             if (this._SfCalendarContainer.style.display == 'flex') {
                 return this.TAB_YEAR;
@@ -2569,6 +2837,8 @@ let SfIEvents = class SfIEvents extends LitElement {
             });
         };
         this.loadMode = async () => {
+            Chart.register(...registerables);
+            Chart.register(Colors);
             if (this.mode == "admin") {
                 this.showChooseProject();
                 this.initListenersAdmin();
@@ -2636,6 +2906,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             return html `
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+        <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
         <div class="SfIEventsC">
           <div class="d-flex justify-center">