@sunbird-cb/collection 1.0.33 → 1.0.34

package/bundles/sunbird-cb-collection.umd.js

@@ -22749,7 +22749,7 @@
         OrgUserTableV2Component.decorators = [
             { type: core.Component, args: [{
                         selector: 'ws-widget-org-user-table-v2',
-                        template: "<div class=\"example-container margin-top-m\">\n    <div class=\"example-loading-shade\"></div>\n\n    <div class=\"example-table-container\">\n        <div class=\"container-balanced\">\n            <div class=\"flex flex-1 custom\">\n                <div class=\"flex-1\">\n                    <div class=\"search\" *ngIf=\"isSearchBar\">\n                        <div class=rsearch>\n                            <mat-icon class=\"color-60 search-icon\">search</mat-icon>\n                            <input class=\"sinput color-60\" type=\"Standard\" label=\"\"\n                                (input)=\"applyFilter($event.target.value)\" (keydown.enter)=\"onSearchEnter($event)\"\n                                placeholder=\"Search\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex-2 right-align\">\n                    <!-- <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isUpload\"\n                        (click)=\"onButtonClick('upload', $event)\">\n                        <mat-icon>vertical_align_top</mat-icon> File upload\n                    </button> -->\n                    <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isDownload\"\n                        (click)=\"onButtonClick('download', $event)\">\n                        <mat-icon>vertical_align_bottom</mat-icon> Users Report\n                    </button>\n                    <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isConsumptionReport\"\n                        (click)=\"onButtonClick('consumptionReport', $event)\">\n                        <mat-icon>vertical_align_bottom</mat-icon> Consumption Report\n                    </button>\n                    <button type=\"button\" mat-button class=\"create-btn\" *ngIf=\"isCreate\"\n                        (click)=\"onButtonClick('createUser', $event)\">\n                        Create new\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <!-- </mat-form-field> -->\n        <mat-table #table matSort [ngStyle]=\"{'height': bodyHeight}\" [matSortActive]=\"tableData!.sortColumn\"\n            [matSortDirection]=\"tableData!.sortState\" [dataSource]=\"dataSource\"\n            class=\"example-table table1 responsiveTable\" *ngIf=\"dataSource.data.length > 0\">\n\n            <ng-container matColumnDef=\"{{col.key}}\" *ngFor=\"let col of tableData!.columns\">\n                <mat-header-cell *matHeaderCellDef mat-sort-header class=\".h-400-r-14-l color-60\"> {{col.displayName}}\n                </mat-header-cell>\n                <mat-cell *matCellDef=\"let element\" (click)=\"onRowClick(element)\">\n                    <img *ngIf=\"col?.imageUrl\" src=\"{{element.posterImage}}\" class=\"pb-image\">\n                    <span *ngIf=\"col?.isList\" class=\"h-400-r-14-l color-87 textclass\">\n                        <div innerHTML=\"{{element[col.key]}}\"></div>\n                    </span>\n                    <span *ngIf=\"!col?.isList\" class=\"h-400-r-14-l color-87 textclass\">\n                        {{(col.key === 'dateCreatedOn' || col.key === 'dateUpdatedOn') ? (element[col.key] | date:'dd\n                        MMM yyy h:mm a') : element[col.key]}} {{col?.isList}}\n                    </span>\n                </mat-cell>\n            </ng-container>\n            <ng-container matColumnDef=\"Actions\" *ngIf=\"tableData!.actions && tableData!.actions.length > 0\">\n                <mat-header-cell *matHeaderCellDef class=\"clr-darkish-blue action-header\"> {{\n                    tableData!.actionColumnName || \"Actions\"}}\n                </mat-header-cell>\n                <mat-cell *matCellDef=\"let row\" class=\"action-cell\">\n                    <div *ngFor=\"let ac of tableData!.actions\">\n                        <div *ngIf=\"ac.optional\">\n                            <ws-widget-app-button *ngIf=\"row[ac.optional_key] === ac.optional_Value\" [type]=\"ac.type\"\n                                [icon]=\"ac.icon\" [disabled]=\"ac.disabled || false\" [label]=\"ac.label\"\n                                (click)=\"buttonClick(ac.name,row)\"></ws-widget-app-button>\n                        </div>\n                        <div *ngIf=\"!ac.optional\">\n                            <ws-widget-app-button [type]=\"ac.type\" [icon]=\"ac.icon\" [label]=\"ac.label\"\n                                [disabled]=\"ac.disabled || false\" (click)=\"buttonClick(ac.name,row)\">\n                            </ws-widget-app-button>\n                        </div>\n                    </div>\n                </mat-cell>\n            </ng-container>\n            <ng-container matColumnDef=\"Menu\">\n                <mat-header-cell *matHeaderCellDef class=\"clr-darkish-blue action-header\">\n                    <!-- {{'Actions'}} -->\n                </mat-header-cell>\n                <mat-cell *matCellDef=\"let row\" class=\"action-cell\">\n                    <button type=\"button\" mat-icon-button i18n-aria-label aria-label=\"action items\"\n                        [matMenuTriggerFor]=\"cardMenu\" [matMenuTriggerData]=\"{'data':row}\" class=\"action-btn\">\n                        <mat-icon>more_horiz</mat-icon>\n                    </button>\n                </mat-cell>\n            </ng-container>\n\n            <mat-header-row *matHeaderRowDef=\"getFinalColumns()\"></mat-header-row>\n\n            <mat-row *matRowDef=\"let row; columns: getFinalColumns();\" (click)=\"selection.toggle(row);\">\n            </mat-row>\n\n            <!-- <div *ngIf=\"dataSource.filteredData.length <= 0\">\n                <mat-row *matRowDef=\"let row; columns: getFinalColumns();\"\n                    (click)=\"selection.toggle(row); onRowClick(row)\">\n                    ssss\n                </mat-row>\n            </div> -->\n        </mat-table>\n        <mat-card class=\"flex-1\" role=\"none\" *ngIf=\"dataSource.data.length == 0\">\n            <span class=\"mat-subtitle\">No data found</span>\n        </mat-card>\n    </div>\n    <mat-paginator [length]=\"pageLength\" [pageSize]=\"pageSize\" [pageSizeOptions]=\"pageSizeOptions\" showFirstLastButtons=\"true\"\n    (page)=\"onPageChange($event)\"> </mat-paginator>\n</div>\n\n<mat-menu #cardMenu=\"matMenu\">\n    <ng-template matMenuContent let-rowData=\"data\">\n        <!-- <div > -->\n        <button (click)=\"buttonClick('editInfo',rowData)\" mat-menu-item name=\"channel-analytics-button\"\n            class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\"\n            *ngIf=\"rowData.allowEditUser && showEditOnCondition\">\n            <mat-icon>edit</mat-icon> <span>Edit Info</span>\n        </button>\n        <button (click)=\"buttonClick('editInfo',rowData)\" mat-menu-item name=\"channel-analytics-button\"\n            class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\" *ngIf=\"!showEditOnCondition\">\n            <mat-icon>edit</mat-icon> <span>Edit Info</span>\n        </button>\n        <button (click)=\"buttonClick('showOnKarma',rowData)\" mat-menu-item name=\"channel-analytics-button\"\n            class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\">\n            <mat-icon>input</mat-icon> <span>Show on Karmayogi</span>\n        </button>\n        <!-- </div> -->\n        <!-- <div mat-menu-item> -->\n        <!-- <button (click)=\"rowData && rowData.blocked ? buttonClick('unblock',rowData): buttonClick('block',rowData)\"\n            mat-menu-item name=\"channel-analytics-button\" class=\"ws-mat-primary-text\" i18n-aria-label\n            aria-label=\"Analytics\">\n            <mat-icon>block</mat-icon><span>{{rowData && rowData.blocked ? 'Unblock user':'Block user' }}</span>\n        </button> -->\n        <!-- </div> -->\n        <!-- <div mat-menu-item> -->\n        <button *ngIf=\"userId != rowData.userId\"\n            (click)=\"rowData && rowData.active ? buttonClick('deactive',rowData): buttonClick('active',rowData)\"\n            mat-menu-item name=\"channel-analytics-button\" class=\"ws-mat-primary-text\" i18n-aria-label\n            aria-label=\"Analytics\">\n            <mat-icon>toggle_off_sharp</mat-icon>\n            <span>{{rowData && rowData.active? 'Deactivate user':'Activate user'}}</span>\n        </button>\n    </ng-template>\n</mat-menu>",
+                        template: "<div class=\"example-container margin-top-m\">\n    <div class=\"example-loading-shade\"></div>\n\n    <div class=\"example-table-container\">\n        <div class=\"container-balanced\">\n            <div class=\"flex flex-1 custom\">\n                <div class=\"flex-1\">\n                    <div class=\"search\" *ngIf=\"isSearchBar\">\n                        <div class=rsearch>\n                            <mat-icon class=\"color-60 search-icon\">search</mat-icon>\n                            <input class=\"sinput color-60\" type=\"Standard\" label=\"\"\n                                (input)=\"applyFilter($event.target.value)\" (keydown.enter)=\"onSearchEnter($event)\"\n                                placeholder=\"Search\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex-2 right-align\">\n                    <!-- <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isUpload\"\n                        (click)=\"onButtonClick('upload', $event)\">\n                        <mat-icon>vertical_align_top</mat-icon> File upload\n                    </button> -->\n                    <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isDownload\"\n                        (click)=\"onButtonClick('download', $event)\">\n                        <mat-icon>vertical_align_bottom</mat-icon> Users Report\n                    </button>\n                    <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isConsumptionReport\"\n                        (click)=\"onButtonClick('consumptionReport', $event)\">\n                        <mat-icon>vertical_align_bottom</mat-icon> Consumption Report\n                    </button>\n                    <button type=\"button\" mat-button class=\"create-btn\" *ngIf=\"isCreate\"\n                        (click)=\"onButtonClick('createUser', $event)\">\n                        Create new\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <!-- </mat-form-field> -->\n        <mat-table #table matSort [ngStyle]=\"{'height': bodyHeight}\" [matSortActive]=\"tableData!.sortColumn\"\n            [matSortDirection]=\"tableData!.sortState\" [dataSource]=\"dataSource\"\n            class=\"example-table table1 responsiveTable\" *ngIf=\"dataSource.data.length > 0\">\n\n            <ng-container matColumnDef=\"{{col.key}}\" *ngFor=\"let col of tableData!.columns\">\n                <mat-header-cell *matHeaderCellDef mat-sort-header class=\".h-400-r-14-l color-60\"> {{col.displayName}}\n                </mat-header-cell>\n                <mat-cell *matCellDef=\"let element\" (click)=\"onRowClick(element)\">\n                    <img *ngIf=\"col?.imageUrl\" src=\"{{element.posterImage}}\" class=\"pb-image\">\n                    <span *ngIf=\"col?.isList\" class=\"h-400-r-14-l color-87 textclass\">\n                        <div innerHTML=\"{{element[col.key]}}\"></div>\n                    </span>\n                    <span *ngIf=\"!col?.isList\" class=\"h-400-r-14-l color-87 textclass\">\n                        {{(col.key === 'dateCreatedOn' || col.key === 'dateUpdatedOn') ? (element[col.key] | date:'dd\n                        MMM yyy h:mm a') : element[col.key]}} {{col?.isList}}\n                    </span>\n                </mat-cell>\n            </ng-container>\n            <ng-container matColumnDef=\"Actions\" *ngIf=\"tableData!.actions && tableData!.actions.length > 0\">\n                <mat-header-cell *matHeaderCellDef class=\"clr-darkish-blue action-header\"> {{\n                    tableData!.actionColumnName || \"Actions\"}}\n                </mat-header-cell>\n                <mat-cell *matCellDef=\"let row\" class=\"action-cell\">\n                    <div *ngFor=\"let ac of tableData!.actions\">\n                        <div *ngIf=\"ac.optional\">\n                            <ws-widget-app-button *ngIf=\"row[ac.optional_key] === ac.optional_Value\" [type]=\"ac.type\"\n                                [icon]=\"ac.icon\" [disabled]=\"ac.disabled || false\" [label]=\"ac.label\"\n                                (click)=\"buttonClick(ac.name,row)\"></ws-widget-app-button>\n                        </div>\n                        <div *ngIf=\"!ac.optional\">\n                            <ws-widget-app-button [type]=\"ac.type\" [icon]=\"ac.icon\" [label]=\"ac.label\"\n                                [disabled]=\"ac.disabled || false\" (click)=\"buttonClick(ac.name,row)\">\n                            </ws-widget-app-button>\n                        </div>\n                    </div>\n                </mat-cell>\n            </ng-container>\n            <ng-container matColumnDef=\"Menu\">\n                <mat-header-cell *matHeaderCellDef class=\"clr-darkish-blue action-header\">\n                    <!-- {{'Actions'}} -->\n                </mat-header-cell>\n                <mat-cell *matCellDef=\"let row\" class=\"action-cell\">\n                    <button type=\"button\" mat-icon-button i18n-aria-label aria-label=\"action items\"\n                        [matMenuTriggerFor]=\"cardMenu\" [matMenuTriggerData]=\"{'data':row}\" class=\"action-btn\">\n                        <mat-icon>more_horiz</mat-icon>\n                    </button>\n                </mat-cell>\n            </ng-container>\n\n            <mat-header-row *matHeaderRowDef=\"getFinalColumns()\"></mat-header-row>\n\n            <mat-row *matRowDef=\"let row; columns: getFinalColumns();\" (click)=\"selection.toggle(row);\">\n            </mat-row>\n\n            <!-- <div *ngIf=\"dataSource.filteredData.length <= 0\">\n                <mat-row *matRowDef=\"let row; columns: getFinalColumns();\"\n                    (click)=\"selection.toggle(row); onRowClick(row)\">\n                    ssss\n                </mat-row>\n            </div> -->\n        </mat-table>\n        <mat-card class=\"flex-1\" role=\"none\" *ngIf=\"dataSource.data.length == 0\">\n            <span class=\"mat-subtitle\">No data found</span>\n        </mat-card>\n    </div>\n    <mat-paginator [length]=\"pageLength\" [pageSize]=\"pageSize\" [pageSizeOptions]=\"pageSizeOptions\" showFirstLastButtons=\"true\"\n    (page)=\"onPageChange($event)\" [pageIndex]=\"tabChangeIndex\"> </mat-paginator>\n</div>\n\n<mat-menu #cardMenu=\"matMenu\">\n    <ng-template matMenuContent let-rowData=\"data\">\n        <!-- <div > -->\n        <button (click)=\"buttonClick('editInfo',rowData)\" mat-menu-item name=\"channel-analytics-button\"\n            class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\"\n            *ngIf=\"rowData.allowEditUser && showEditOnCondition\">\n            <mat-icon>edit</mat-icon> <span>Edit Info</span>\n        </button>\n        <button (click)=\"buttonClick('editInfo',rowData)\" mat-menu-item name=\"channel-analytics-button\"\n            class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\" *ngIf=\"!showEditOnCondition\">\n            <mat-icon>edit</mat-icon> <span>Edit Info</span>\n        </button>\n        <button (click)=\"buttonClick('showOnKarma',rowData)\" mat-menu-item name=\"channel-analytics-button\"\n            class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\">\n            <mat-icon>input</mat-icon> <span>Show on Karmayogi</span>\n        </button>\n        <!-- </div> -->\n        <!-- <div mat-menu-item> -->\n        <!-- <button (click)=\"rowData && rowData.blocked ? buttonClick('unblock',rowData): buttonClick('block',rowData)\"\n            mat-menu-item name=\"channel-analytics-button\" class=\"ws-mat-primary-text\" i18n-aria-label\n            aria-label=\"Analytics\">\n            <mat-icon>block</mat-icon><span>{{rowData && rowData.blocked ? 'Unblock user':'Block user' }}</span>\n        </button> -->\n        <!-- </div> -->\n        <!-- <div mat-menu-item> -->\n        <button *ngIf=\"userId != rowData.userId\"\n            (click)=\"rowData && rowData.active ? buttonClick('deactive',rowData): buttonClick('active',rowData)\"\n            mat-menu-item name=\"channel-analytics-button\" class=\"ws-mat-primary-text\" i18n-aria-label\n            aria-label=\"Analytics\">\n            <mat-icon>toggle_off_sharp</mat-icon>\n            <span>{{rowData && rowData.active? 'Deactivate user':'Activate user'}}</span>\n        </button>\n    </ng-template>\n</mat-menu>",
                         styles: [".card-minimal-container{position:relative}.card-minimal-container .card-link{width:265px;height:150px;display:block}.card-minimal-container .card-link .card-thumbnail{object-fit:contain;width:100%;height:100%}.card-minimal-container .card-overlay{position:absolute;bottom:4px;background-color:rgba(0,0,0,.55);color:#fff;padding:4px 12px;box-sizing:border-box;width:100%}.card-minimal-container .card-overlay .card-title{margin-bottom:-6px}.status-danger{width:16px;height:16px;position:absolute;border-radius:50%;top:16px;left:16px;pointer-events:auto;cursor:pointer;background:#ce3939}.card-space-saving-container{position:relative;width:265px;height:100%;box-sizing:border-box}.card-space-saving-container .progress-bar{display:block;width:calc(100% + 32px);margin-left:-16px;margin-top:-16px}.card-space-saving-container mat-card-content{margin:0 -4px;min-height:120px}.card-space-saving-container .card-img{height:150px;display:block}.card-space-saving-container .card-header-meta{margin-top:8px}.card-space-saving-container .title-text{display:block;margin:12px 0}.card-space-saving-container .flip-desc-text{position:relative;overflow:hidden;line-height:1.4em;height:5.6em;margin-bottom:36px}.card-space-saving-container .flip-actions{position:absolute;bottom:0;left:0;width:100%;padding:12px;box-sizing:border-box}.card-space-saving-container .flip-actions .source-name{margin-bottom:0;font-weight:400}.card-ford-container{padding:16px 16px 0;position:relative;width:220px;height:243px;overflow:hidden;box-sizing:border-box}.card-ford-container .progress-bar{display:block;width:calc(100% + 32px);margin-left:-16px;margin-top:-16px}.card-ford-container mat-card-content{margin:160px}.card-ford-container .card-img{height:125px;display:block;object-fit:contain}@media only screen and (max-width:599px){.card-ford-container{width:200px;height:240px}.card-ford-container .card-img{height:115px}}.card-ford-container .complexity{display:flex;font-size:14px}.card-ford-container .duration{height:1.6em;display:flex}.card-ford-container .duration .resource-type{order:3;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-ford-container .duration .duration-time{order:2;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-ford-container .title-text{margin:12px 0;position:relative;overflow:hidden;height:1.3em;line-height:1.3em;text-overflow:ellipsis;white-space:nowrap}.card-ford-container .mode-tag{border-radius:5px;color:#fff}.card-ford-container .description-text{position:relative;overflow:hidden;height:4.2em;line-height:1.4em}.card-ford-container .mat-chip-list-wrapper{padding:8px 0 16px!important}.card-ford-container .text-description-trim{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:9;display:-webkit-box;-webkit-box-orient:vertical;text-align:justify}.card-standard-container{position:relative;width:268px;height:100%;min-height:346px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px #99999933}.card-standard-container .progress-bar{display:block;width:calc(100% + 30px);margin-left:-15px;display:flex;margin-top:62px;background:bisque}.card-standard-container .source-div{position:relative;top:100px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:72px;min-height:72px;max-width:72px;max-height:72px;display:flex;border-radius:8px}.card-standard-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-standard-container mat-card-content{margin:0 -4px}.card-standard-container .card-img{min-width:269px;max-width:269px;display:block;object-fit:contain;border-top-left-radius:8px;border-top-right-radius:8px}.card-standard-container .complexity{padding-top:7px;display:flex;font-size:14px;line-height:27px;padding-bottom:10px}.card-standard-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-standard-container .complexity .duration{display:flex;margin-left:auto;order:3}.card-standard-container .complexity .time-text{margin:0 5px 0 6px}.card-standard-container .basic{margin:auto 0}.card-standard-container .title-text{margin:12px 0;position:relative;overflow:hidden;height:3.78em;line-height:1.89em}.card-standard-container .description-text{position:relative;overflow:hidden;height:5.7em;line-height:1.9em}.card-discussions-container{flex:1;display:flex;position:relative;height:100%;min-height:140px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px #99999933}.card-discussions-container .progress-bar{display:block;width:calc(100% + 30px);margin-left:-15px;display:flex;margin-top:62px;background:bisque}.card-discussions-container .source-div{position:relative;top:100px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:72px;min-height:72px;max-width:72px;max-height:72px;display:flex;border-radius:8px}.card-discussions-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-discussions-container mat-card-content{margin:0 -4px;flex:1}.card-discussions-container .card-img{min-width:269px;max-width:269px;display:block;object-fit:contain;border-top-left-radius:8px;border-top-right-radius:8px}.card-discussions-container .complexity{padding-top:7px;display:flex;font-size:14px;line-height:27px;padding-bottom:10px}.card-discussions-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-discussions-container .complexity .duration{display:flex;margin-left:auto;order:3}.card-discussions-container .complexity .time-text{margin:0 5px 0 6px}.card-discussions-container .basic{margin:auto 0}.card-discussions-container .title-text{overflow:hidden}.card-discussions-container .description-text{position:relative;overflow:hidden;height:auto;line-height:1.9em}.card-basic-infomartion-container{position:relative;width:265px;height:100%;box-sizing:border-box;min-height:300px}.card-basic-infomartion-container .card-img{height:150px;display:block;margin-bottom:0!important;object-fit:contain}.card-basic-infomartion-container .source-name{margin-bottom:0;font-weight:400;line-height:1.25rem!important}.card-basic-infomartion-container .title-text{margin:12px 0 0;position:relative;overflow:hidden;height:2.6em;line-height:1.3em}.card-basic-infomartion-container .source-image{object-fit:contain;height:35px;width:55px;overflow:auto}.card-with-user-details-container{position:relative;width:265px;height:100%;box-sizing:border-box;min-height:270px}.card-with-user-details-container .card-img{height:150px;display:block;margin-bottom:0!important;object-fit:contain}.card-with-user-details-container .source-name{margin-bottom:0;font-weight:400}.card-with-user-details-container .title-text{margin:12px 0 0;position:relative;overflow:hidden;height:2.6em;line-height:1.3em}.card-with-user-details-container .author-image{margin-right:12px;height:44px;width:44px}.card-with-user-details-container .back-color{background-color:#7e0a80}.card-with-user-details-container .space-0{margin-top:0!important;padding-top:0!important;margin-bottom:0!important}.detail-button{position:absolute;top:12px;right:12px;z-index:1}.greyOut{filter:grayscale(1);opacity:.7;cursor:auto!important}.disableClick{pointer-events:none}.display-contents{display:contents}.title-truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.typeofc{width:101px;height:30px;border:1px solid;border-radius:8px;opacity:.4;align-items:center;justify-content:center;display:flex}.flex-9{flex:9}.center-right{align-items:center;justify-content:flex-end}.no-box{box-shadow:none!important}.table1{width:100%;display:flex;flex-direction:column}.textclass{word-break:break-word;margin:5px;cursor:pointer}.search{display:flex;flex:1}.lsearch{display:flex;flex:3}.rsearch{display:flex;position:relative;flex:1 1 auto}.sinput{width:45%;border-radius:4px;border:1px solid #d5d0d0;padding:9px 9px 9px 35px;margin-bottom:20px;margin-top:0;font:400 14px Lato}.searchText{display:flex;flex-direction:row-reverse;margin:23px 0 0 auto}.action-btn{border:none;background:0 0}mat-header-row{min-height:40px}.mat-header-cell{background-color:#f5f5f5}.container-balanced{max-width:99%;margin-left:auto!important;margin-right:auto!important}.flex-3{flex:3}.flex-1{flex:1}.flex-2{flex:2}.flex-4{flex:4}.flex-update{flex-direction:row}@media only screen and (max-width:599px){.card-ford-container .text-description-trim{-webkit-line-clamp:8}.flex-update{flex-direction:row}}.flex-custom{display:flex;flex-direction:column}@media only screen and (max-width:599px){.flex-custom-m{flex-direction:column}}.right-align{text-align:right}.create-btn{width:107px;background:#0075b7!important;color:#fff!important;font-family:Lato;font-weight:700;font-size:14px}.upload-btn{border:1px solid #dedede;border-radius:4px;margin:0 12px;color:#848484!important;font-family:Lato;font-weight:700;font-size:14px}.search-icon{position:absolute;top:9px;font-size:20px;left:10px}.example-container{display:flex;flex-direction:column;flex:1}.linkTextColor{color:#0074b6!important}.pb-image{height:40px;width:64px;margin:10px 8px 10px 0}"]
                     }] }
         ];
@@ -22775,6 +22775,7 @@
             paginationv1: [{ type: core.Input }],
             paginationv2: [{ type: core.Input }],
             totalRecords: [{ type: core.Input }],
+            tabChangeIndex: [{ type: core.Input }],
             paginator: [{ type: core.ViewChild, args: [material.MatPaginator, { static: false },] }],
             matPaginator: [{ type: core.ViewChild, args: [material.MatPaginator, { static: false },] }],
             matSort: [{ type: core.ViewChild, args: [sort.MatSort, { static: false },] }]
@@ -22807,6 +22808,7 @@
         OrgUserTableV2Component.prototype.pageSize;
         OrgUserTableV2Component.prototype.pageSizeOptions;
         OrgUserTableV2Component.prototype.totalRecords;
+        OrgUserTableV2Component.prototype.tabChangeIndex;
         OrgUserTableV2Component.prototype.paginator;
         OrgUserTableV2Component.prototype.selection;
         OrgUserTableV2Component.prototype.changeDetector;