principal-dashboard-lib-v2 0.0.28 → 0.0.30

package/bundles/principal-dashboard-lib-v2.umd.js

@@ -190,7 +190,6 @@
                     // const randomNumber = document.createElement('span');
                     // randomNumber.innerHTML = i.toString();
                     //usermetadataMatrixUpdated[i].userName = usermetadataMatrixUpdated[i].userName + " --- " + i;
-                    //satyajit 28 aug 2024 removed count from userName
                     usermetadataMatrixUpdated[i].userName = usermetadataMatrixUpdated[i].userName;
                     usersMetadataMatrix.push(usermetadataMatrixUpdated[i]); //adding same name users in usermetadataMatrix with some random charators
                     this.usersMetaData = usersMetadataMatrix;
@@ -312,7 +311,6 @@
                         }
                         if (userConsoleResources != null) {
                             if (userConsoleResources.userConsoleResource !== undefined) {
-                                // satyajit resource wise duration added
                                 userConsoleResources.userConsoleResource.forEach(function (item) {
                                     //console.log("lookingFor: ",item)
                                     resourceMetauserConsoleData.push(item.resourceId); // get name of user w.r.t. ID
@@ -395,7 +393,6 @@
                         if (typeof this.userConsoleData[i].userName === undefined) {
                             this.userConsoleData[i].userName = (Math.floor(Math.random() * 100)).toString();
                         }
-                        /// SATYAJIT TO CHECK 19 SEPT.
                         if (this.userConsoleData[i].userName === undefined) {
                             this.userConsoleData[i].userName = "-";
                             //console.log('pakad',this.userConsoleData[i].userName = "-", this.userConsoleData[i].userId)
@@ -585,7 +582,6 @@
             return { forChartData: dataTableforChart, fordurationTable: allRoomsDetails };
         };
         PrincipalDashboardLibV2Service.prototype.dataForTableView = function (userConsoleMatrix, resourceMetadataMatrix) {
-            console.log("AAA userConsoleMatrix", userConsoleMatrix, "-resourceMetadataMatrix->", resourceMetadataMatrix);
             var currentDate;
             var resourceMatrixForTableChart = new Array();
             var resourceMatrixForExcel = new Array();
@@ -654,24 +650,18 @@
                     for (var k = 0; k < resourceMetadataIDs.length; k++) {
                         for (var i_4 = 0; i_4 < resourceMetadataMatrix.length; i_4++) {
                             if (resourceMetadataIDs[k] === resourceMetadataMatrix[i_4].resouseID) {
-                                // satyajit
                                 subject = resourceMetadataMatrix[i_4].subject;
                                 grade = resourceMetadataMatrix[i_4].grade;
                                 chapter = resourceMetadataMatrix[i_4].chapter;
                                 topicName = resourceMetadataMatrix[i_4].topicName;
                                 teachingPoint = resourceMetadataMatrix[i_4].teachingPoint;
                                 if (resourceMetadataMatrix[i_4].title.toLowerCase() === 'whiteboard' || resourceMetadataMatrix[i_4].title.toLowerCase() === 'question') {
-                                    //AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i].type) + ' : ' + resourceMetadataIDsDuration[k] + ' sec';
                                     AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i_4].type) + ' : ' + this.convertSeconds(resourceMetadataIDsDuration[k]);
-                                    //convertSeconds
                                 }
                                 else {
-                                    //AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i].type) + " : " + resourceMetadataMatrix[i].title + ' : ' + resourceMetadataIDsDuration[k] + ' sec';
                                     AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i_4].type) + " : " + resourceMetadataMatrix[i_4].title + ' : ' + this.convertSeconds(resourceMetadataIDsDuration[k]);
                                 }
                                 //AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i].type) + " : " + resourceMetadataMatrix[i].title + ' : ' + resourceMetadataIDsDuration[k];
-                                //console.log('roomDetail',roomDetail)
-                                console.log('teachingPoint', teachingPoint);
                                 resourceArrayForTableChart = [teacherName, teacherSubject, currentDate, startTime, endTime, duration, roomDetail, subject, grade, chapter, teachingPoint, AssestDetail, launchedFrom];
                                 resourceMatrixForTableChart.push(resourceArrayForTableChart);
                                 teacherName = undefined;
@@ -734,12 +724,8 @@
                 chapter = undefined;
                 teachingPoint = undefined;
                 AssestDetail = undefined;
-                // resourceArrayForTableChart = [subject,grade,chapter,teachingPoint,AssestDetail];
-                // detailedView_ResourceDataMatrix.push(resourceArrayForTableChart);
             }
             else {
-                //satyajit
-                //resourceMetadataMatrix = [resouseID,subject,grade,chapter,teachingPoint,type,title]
                 for (var k = 0; k < resourceMetadataIDs.length; k++) {
                     for (var i = 0; i < resourceMetadataMatrix.length; i++) {
                         if (resourceMetadataIDs[k] === resourceMetadataMatrix[i].resouseID) {
@@ -748,14 +734,12 @@
                             chapter = resourceMetadataMatrix[i].chapter;
                             teachingPoint = resourceMetadataMatrix[i].teachingPoint;
                             if (resourceMetadataMatrix[i].title.toLowerCase() === 'whiteboard' || resourceMetadataMatrix[i].title.toLowerCase() === 'question') {
-                                //AssestDetail = resourceMetadataMatrix[i].type + ": " + resourceMetadataIDsduration[k] + ' sec';
-                                AssestDetail = resourceMetadataMatrix[i].type + ": " + this.convertSeconds(resourceMetadataIDsduration[k]);
-                                //convertSeconds
+                                AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i].type) + ": " + this.convertSeconds(resourceMetadataIDsduration[k]);
                             }
                             else {
-                                //AssestDetail = resourceMetadataMatrix[i].type + ": " + resourceMetadataMatrix[i].title + ": " + resourceMetadataIDsduration[k] + ' sec';
-                                AssestDetail = resourceMetadataMatrix[i].type + ": " + resourceMetadataMatrix[i].title + ": " + this.convertSeconds(resourceMetadataIDsduration[k]);
+                                AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i].type) + ": " + resourceMetadataMatrix[i].title + ": " + this.convertSeconds(resourceMetadataIDsduration[k]);
                             }
+                            //AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i].type) + ": " + resourceMetadataMatrix[i].title + ": " + this.convertSeconds(resourceMetadataIDsduration[k]);
                             resourceArrayForTableChart = [subject, grade, chapter, teachingPoint, AssestDetail];
                             detailedView_ResourceDataMatrix.push(resourceArrayForTableChart);
                         }
@@ -823,6 +807,14 @@
                     type: "video",
                     display: "Video"
                 },
+                {
+                    type: "tools",
+                    display: "Tools"
+                },
+                {
+                    type: "feature",
+                    display: "Feature"
+                },
             ];
             var displayValue = key;
             assetTypeConfig.forEach(function (value) {
@@ -876,7 +868,7 @@
     PrincipalDashboardLibV2Component.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lib-principal-dashboard-lib-v2',
-                    template: "<div id=\"reprtModule\">\n    <div id=\"pd-mainDiv\" class=\"pd-mainContainer\">\n      <lib-header [data]=\"data\" (userSelectedDate)=\"onUserSelectDate($event)\">\n      </lib-header>\n      <lib-chartheader></lib-chartheader>\n       \n      <div id=\"pd-preloader\" class=\"pd-preloaderDiv\" *ngIf=\"responseStatus !== 'true' && !data\">\n      {{messageForUser}} \n      </div>\n      <lib-chartview *ngIf=\"data\" [data]=\"data\"></lib-chartview>\n      <lib-tableview *ngIf=\"data\" [data]=\"data\"></lib-tableview>\n      <lib-detailedview *ngIf=\"data\" [data]=\"data\"></lib-detailedview>\n      \n    </div>\n</div>\n  ",
+                    template: "<div id=\"reprtModule\">\n    <div id=\"pd-mainDiv\" class=\"pd-mainContainer\">\n      <lib-header [data]=\"data\" (userSelectedDate)=\"onUserSelectDate($event)\">\n      </lib-header>\n      <lib-chartheader></lib-chartheader>\n       \n      <div id=\"pd-preloader\" class=\"pd-preloaderDiv\" *ngIf=\"responseStatus !== 'true' && !data\">\n      {{messageForUser}} \n      </div>\n      <lib-chartview *ngIf=\"data\" [data]=\"data\"></lib-chartview>\n      <!-- <lib-tableview *ngIf=\"data\" [data]=\"data\"></lib-tableview>  -->\n      <lib-full-table-view *ngIf=\"data\"  [data]=\"data\"></lib-full-table-view>\n      <lib-detailedview *ngIf=\"data\" [data]=\"data\"></lib-detailedview>\n      \n    </div>\n</div>\n  ",
                     styles: [".pd-mainContainer{width:100%;height:100%}.pd-mainContainer .pd-preloaderDiv{text-align:center;line-height:27;position:absolute;width:100%;height:87%;z-index:2}.bs-datepicker-head{background-color:#000!important}"]
                 },] }
     ];
@@ -897,7 +889,7 @@
             this.isChartView = true;
         }
         ChartheaderComponent.prototype.ngOnInit = function () {
-            this.libVersion = "0.0.28";
+            this.libVersion = "0.0.30";
             // this.myIcon = document.getElementById('myIconImg');
             // this.changeChatType() 
         };
@@ -1376,7 +1368,7 @@
             }else{
               this.chartDataTable =  this.myChartDataMatrix;
             }*/
-            console.log("this.myChartDataMatrix", this.myChartDataMatrix);
+            //console.log("this.myChartDataMatrix",this.myChartDataMatrix);
             (this.myChartOptions = {
                 tooltip: {
                     trigger: 'none',
@@ -1397,16 +1389,11 @@
             }, 1000);
         };
         ChartviewComponent.prototype.filterUserHasDash = function (callee) {
-            console.log('6dec callee', callee);
-            console.log('6dec left', this.myChartDataMatrix);
-            console.log('6dec right', this.currentdataList.userConsoleData);
             var leftData = this.myChartDataMatrix;
             var rightData = this.currentdataList.userConsoleData;
             var updatedChartData = leftData.filter(function (row) { return row[0] !== "-"; });
             // Filter out objects in rightData where the userName is "-"
             var updatedRightData = rightData.filter(function (item) { return item.userName !== "-"; });
-            console.log('6dec updatedChartData left', updatedChartData);
-            console.log('6dec updatedRightData right', updatedRightData);
             return {
                 updatedChartData: updatedChartData,
                 updatedRightData: updatedRightData
@@ -1414,7 +1401,6 @@
         };
         ChartviewComponent.prototype.calulateTotalDuration = function (detailViewMatrix) {
             //
-            console.log('detailViewMatrix-->', detailViewMatrix);
             //const filteredData = detailViewMatrix.filter(item => item.userName !== "-" && item.userName !== "--");
             //detailViewMatrix = filteredData;
             var id_durationArray;
@@ -1694,14 +1680,14 @@
                     if (data.resourceDetails.length > 0) {
                         data.resourceDetails = _this.replaceLabelChapterAndTopic(data.resourceDetails);
                         _this.createResourcesTable(data.resourceDetails);
-                        console.log("11dec resourceDetails", data.resourceDetails);
+                        //console.log("11dec resourceDetails",data.resourceDetails);
                     }
                 }
             });
             this.deatilViewContainer.style.display = 'none';
         };
         DetailedviewComponent.prototype.replaceLabelChapterAndTopic = function (data) {
-            var htmlStr = "<span style='font-style: italic;color: #3F51B5;'>(selected)</span>";
+            var htmlStr = "<span style='font-style: italic;color: #3F51B5;'>(seen)</span>";
             return data.map(function (row) {
                 return row.map(function (cell) {
                     if (cell.includes("Topic:")) {
@@ -2693,6 +2679,7 @@
         };
         TableviewComponent.prototype.loadTable = function (response) {
             var _this = this;
+            console.log('mresponse: ', response);
             // let parse = new DOMParser();
             // this.myXmlData = parse.parseFromString(response, 'application/xml');
             if (response) {
@@ -2707,7 +2694,6 @@
                     this.alluserList = fetchAlluserList.fordurationTable;
                     // resoureMetadata list
                     this.currentResoursedataList = this.pdService.genarateResourseReqiuredData(this.myXmlData);
-                    console.log('11decc data', this.currentResoursedataList);
                     //console.log("AAA genarateUserReqiuredData-->>",genarateUserReqiuredData)
                     //console.log("AAA this.currentResoursedataList-->>",this.currentResoursedataList)
                 }
@@ -2719,12 +2705,10 @@
             this.pdService.chartType.subscribe(function (data) {
                 if (data) {
                     _this.updateChartType(data);
-                    console.log('11decc data', data);
                 }
             });
             this.pdService.isUserWise_data.subscribe(function (data) {
                 _this.updateDataType(data);
-                console.log('11decc data', data);
             });
             this.pdService.isAllUsers.subscribe(function (data) {
                 if (data) {
@@ -2750,7 +2734,6 @@
         };
         TableviewComponent.prototype.showCurrentDataUser = function () {
             this.tableViewData = this.pdService.dataForTableView(this.currentdataList, this.currentResoursedataList);
-            console.log('11decc tableViewDataBBB', this.replaceTopicAndChapter(this.tableViewData));
             this.tableViewData = this.replaceTopicAndChapter(this.tableViewData);
             //this.tableViewData = this.findAndSimplifyNestedArray(this.tableViewData);
             var newTableViewData;
@@ -2765,13 +2748,11 @@
             if (this.tableViewData) {
                 //this.ueserWiseTableView(this.tableViewData);
                 this.ueserWiseTableView(this.tableViewData);
-                console.log('11decc tableViewData', this.tableViewData);
-                console.log('11decc tableViewDataAAA', this.replaceTopicAndChapter(this.tableViewData));
             }
             //console.log('AAA mlaunchedFromm tableViewData', this.tableViewData)
         };
         TableviewComponent.prototype.replaceTopicAndChapter = function (data) {
-            var htmlStr = "<span style='font-style: italic;color: #3F51B5;'>(selected)</span>";
+            var htmlStr = "<span style='font-style: italic;color: #3F51B5;'>(seen)</span>";
             return data.map(function (row) {
                 if (Array.isArray(row)) {
                     return row.map(function (item) {
@@ -2902,6 +2883,194 @@
         data: [{ type: i0.Input }]
     };
 
+    var FullTableViewComponent = /** @class */ (function () {
+        function FullTableViewComponent(pdService) {
+            this.pdService = pdService;
+            this.currentUserArray = [];
+            this.remaningUsers = [];
+            this.allUsers = [];
+            this.usersCheckboxChecked = false;
+            this.isDisplay = false;
+        }
+        Object.defineProperty(FullTableViewComponent.prototype, "data", {
+            set: function (res) {
+                if (res !== null) {
+                    console.log('newtable', JSON.parse(res));
+                    this.jsonResponse = JSON.parse(res);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        FullTableViewComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.loadUserData();
+            this.pdService.chartType.subscribe(function (data) {
+                if (data) {
+                    console.log('newTable', data);
+                    _this.isDisplay = data === "Table";
+                }
+            });
+        };
+        FullTableViewComponent.prototype.loadUserData = function () {
+            var _this = this;
+            var json = this.jsonResponse;
+            var usersConsole = json.usersConsole.userConsole;
+            var usersMetadata = json.usersMetadata.userMetadata;
+            var resourcesMetadata = json.resourcesMetadata.resourceMetadata;
+            usersConsole.forEach(function (user) {
+                var _a;
+                var userDetails = usersMetadata.find(function (userMeta) { return userMeta.userId === user.userId; });
+                if (user === null || user === void 0 ? void 0 : user.userConsoleResources) {
+                    var userConsoleResource = (_a = user.userConsoleResources) === null || _a === void 0 ? void 0 : _a.userConsoleResource;
+                    if (userConsoleResource && userConsoleResource.length > 0) {
+                        userConsoleResource.forEach(function (userResource, userIndex) {
+                            var _a, _b, _c, _d;
+                            var resourceId = userResource.resourceId;
+                            var resourceDetails = resourcesMetadata.find(function (resource) { return resource.resourceId === resourceId &&
+                                userResource.type === resource.type; });
+                            var prefix = _this.getDisplayTypeValue(userResource.type);
+                            var title = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.title;
+                            var tp = (_a = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.teachingPoint) === null || _a === void 0 ? void 0 : _a.title;
+                            var subject = (_b = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.subject) === null || _b === void 0 ? void 0 : _b.title;
+                            var chapter = (_c = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.chapter) === null || _c === void 0 ? void 0 : _c.title;
+                            var grade = (_d = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.grade) === null || _d === void 0 ? void 0 : _d.title;
+                            var startTime = new Date(user === null || user === void 0 ? void 0 : user.startTime);
+                            var endTime = new Date(user === null || user === void 0 ? void 0 : user.endTime);
+                            var totalDuration = _this.formatTime(Math.round((endTime.getTime() - startTime.getTime()) / 1000));
+                            var duration = parseInt((userResource === null || userResource === void 0 ? void 0 : userResource.duration) || '0');
+                            duration = duration === 0 ? "<span style='colore:red;'>(Seen)</span>" : _this.formatTime(duration);
+                            _this.currentUserArray.push({
+                                userId: user.userId,
+                                teacherName: userIndex === 0 ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.fullName : '',
+                                subjects: userIndex === 0 ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.userSubjects : '',
+                                date: userIndex === 0 ? user === null || user === void 0 ? void 0 : user.selectedDate : '',
+                                startTime: userIndex === 0 ? _this.formatDate(startTime) : '',
+                                endtime: userIndex === 0 ? _this.formatDate(endTime) : '',
+                                totalDuration: userIndex === 0 ? totalDuration : '',
+                                room: userIndex === 0 ? user === null || user === void 0 ? void 0 : user.terminalIP : '',
+                                tp: tp,
+                                subject: subject,
+                                chapter: chapter,
+                                grade: grade,
+                                details: prefix + " : " + title + " : " + duration,
+                            });
+                        });
+                    }
+                }
+            });
+            var currentUserIds = this.currentUserArray
+                .map(function (x) { return x.userId; })
+                .filter(function (x, i, a) { return a.indexOf(x) === i; });
+            this.remaningUsers = usersMetadata
+                .filter(function (user) { return !currentUserIds.includes(user.userId); })
+                .map(function (user) {
+                return {
+                    userId: user.userId,
+                    teacherName: user === null || user === void 0 ? void 0 : user.fullName,
+                    subjects: user === null || user === void 0 ? void 0 : user.userSubjects,
+                    date: '',
+                    startTime: '',
+                    endtime: '',
+                    totalDuration: '0s',
+                    room: '',
+                    tp: '',
+                    subject: '',
+                    chapter: '',
+                    grade: '',
+                    details: '',
+                };
+            });
+            this.allUsers = __spread(this.currentUserArray, this.remaningUsers);
+            this.loadTable(this.currentUserArray);
+        };
+        FullTableViewComponent.prototype.getDisplayTypeValue = function (key) {
+            var assetTypeConfig = [
+                { type: 'asset_media', display: 'Media' },
+                { type: 'asset_print', display: 'Print' },
+                { type: 'quiz', display: 'Quiz' },
+                { type: 'question', display: 'Question' },
+                { type: 'chapter', display: 'Chapter' },
+                { type: 'tp', display: 'Topic' },
+                { type: 'whiteboard', display: 'Whiteboard' },
+                { type: 'widget', display: 'Widget' },
+                { type: 'casset_media', display: 'cMedia' },
+                { type: 'casset_print', display: 'cPrint' },
+                { type: 'cquiz', display: 'cQuiz' },
+                { type: 'cquestion', display: 'cQuestion' },
+                { type: 'image', display: 'Image' },
+                { type: 'video', display: 'Video' },
+                { type: 'tools', display: 'Tools' },
+                { type: 'feature', display: 'Feature' },
+            ];
+            var asset = assetTypeConfig.find(function (value) { return value.type === key; });
+            return asset ? asset.display : key;
+        };
+        FullTableViewComponent.prototype.formatDate = function (now) {
+            var hours = now.getHours();
+            var minutes = now.getMinutes();
+            var seconds = now.getSeconds();
+            var ampm = hours >= 12 ? 'PM' : 'AM';
+            hours = hours % 12 || 12;
+            return hours.toString().padStart(2, '0') + ":" + minutes
+                .toString()
+                .padStart(2, '0') + ":" + seconds.toString().padStart(2, '0') + " " + ampm;
+        };
+        FullTableViewComponent.prototype.formatTime = function (seconds) {
+            var days = Math.floor(seconds / 86400);
+            var hours = Math.floor((seconds % 86400) / 3600);
+            var minutes = Math.floor((seconds % 3600) / 60);
+            var secs = seconds % 60;
+            if (seconds < 60)
+                return secs + "s";
+            if (seconds < 3600)
+                return minutes + "m " + secs + "s";
+            if (seconds < 86400)
+                return hours + "h " + minutes + "m " + secs + "s";
+            return days + "d " + hours + "h " + minutes + "m " + secs + "s";
+        };
+        FullTableViewComponent.prototype.loadTable = function (data) {
+            /*
+            const tableBody = document.querySelector("#teacherTable tbody");
+        
+              data.forEach((item) => {
+                const row = document.createElement("tr");
+                for (const key in item) {
+                  const cell = document.createElement("td");
+                  cell.textContent = item[key];
+                  if (key !== "userId") {
+                    row.appendChild(cell);
+                  }
+                }
+                tableBody.appendChild(row);
+              });*/
+        };
+        FullTableViewComponent.prototype.toggleUsers = function () {
+            this.usersCheckboxChecked = !this.usersCheckboxChecked;
+            this.loadTable(this.usersCheckboxChecked
+                ? this.allUsers
+                : this.currentUserArray);
+        };
+        FullTableViewComponent.prototype.getMockJson = function () {
+            // Replace with actual data fetching logic
+            return {};
+        };
+        return FullTableViewComponent;
+    }());
+    FullTableViewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lib-full-table-view',
+                    template: "\n<div class=\"tableViewList\" *ngIf=\"isDisplay\">\n    <!-- <label for=\"usersCheckbox\">All</label>\n        <input\n          type=\"checkbox\"\n          id=\"usersCheckbox\"\n          [checked]=\"usersCheckboxChecked\"\n          (change)=\"toggleUsers()\"\n        /> -->\n    <div class=\"tableArea\">\n        \n        <table id=\"teacherTable\">\n          <thead class=\"tablehead\">\n            <tr>\n              <th>Teacher Name</th>\n              <th>Subjects</th>\n              <th>Date</th>\n              <th>Start Time</th>\n              <th>End Time</th>\n              <th>Total Duration</th>\n              <th>Room</th>\n              <th>TP</th>\n              <th>Subject</th>\n              <th>Chapter</th>\n              <th>Grade</th>\n              <th>Details</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let user of currentUserArray\">\n              <td>{{ user.teacherName }}</td>\n              <td>{{ user.subjects }}</td>\n              <td>{{ user.date }}</td>\n              <td>{{ user.startTime }}</td>\n              <td>{{ user.endtime }}</td>\n              <td>{{ user.totalDuration }}</td>\n              <td>{{ user.room }}</td>\n              <td>{{ user.tp }}</td>\n              <td>{{ user.subject }}</td>\n              <td>{{ user.chapter }}</td>\n              <td>{{ user.grade }}</td>\n              <td [innerHTML]=\"user.details\"></td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    \n</div>\n  ",
+                    styles: ["body{font-family:Arial,sans-serif;margin:20px}.tablehead{position:sticky;top:0;background:#fff}table{width:100%;border-collapse:collapse}td,th{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f4f4f4;font-weight:700}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}.tableViewList{position:absolute;margin-top:20px}.tableArea{height:700px;overflow:scroll;font-size:12px;margin:20px 5px 5px}.tagseen{color:#00f}"]
+                },] }
+    ];
+    FullTableViewComponent.ctorParameters = function () { return [
+        { type: PrincipalDashboardLibV2Service }
+    ]; };
+    FullTableViewComponent.propDecorators = {
+        data: [{ type: i0.Input }]
+    };
+
     var PrincipalDashboardLibV2Module = /** @class */ (function () {
         function PrincipalDashboardLibV2Module() {
         }
@@ -2915,7 +3084,8 @@
                         DetailedviewComponent,
                         HeaderComponent,
                         TableviewComponent,
-                        PrincipalDashboardLibV2Component
+                        PrincipalDashboardLibV2Component,
+                        FullTableViewComponent
                     ],
                     imports: [
                         common.CommonModule,
@@ -2945,6 +3115,7 @@
     exports.ɵd = HeaderComponent;
     exports.ɵe = ExceldataService;
     exports.ɵf = TableviewComponent;
+    exports.ɵg = FullTableViewComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });