@sunbird-cb/collection 1.0.33 → 1.0.34

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.
@@ -22564,7 +22564,7 @@ var OrgUserTableV2Component = (function () {
22564
22564
  OrgUserTableV2Component.decorators = [
22565
22565
  { type: Component, args: [{
22566
22566
  selector: 'ws-widget-org-user-table-v2',
22567
- 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>",
22567
+ 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>",
22568
22568
  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}"]
22569
22569
  }] }
22570
22570
  ];
@@ -22590,6 +22590,7 @@ var OrgUserTableV2Component = (function () {
22590
22590
  paginationv1: [{ type: Input }],
22591
22591
  paginationv2: [{ type: Input }],
22592
22592
  totalRecords: [{ type: Input }],
22593
+ tabChangeIndex: [{ type: Input }],
22593
22594
  paginator: [{ type: ViewChild, args: [MatPaginator, { static: false },] }],
22594
22595
  matPaginator: [{ type: ViewChild, args: [MatPaginator, { static: false },] }],
22595
22596
  matSort: [{ type: ViewChild, args: [MatSort$1, { static: false },] }]
@@ -22622,6 +22623,7 @@ if (false) {
22622
22623
  OrgUserTableV2Component.prototype.pageSize;
22623
22624
  OrgUserTableV2Component.prototype.pageSizeOptions;
22624
22625
  OrgUserTableV2Component.prototype.totalRecords;
22626
+ OrgUserTableV2Component.prototype.tabChangeIndex;
22625
22627
  OrgUserTableV2Component.prototype.paginator;
22626
22628
  OrgUserTableV2Component.prototype.selection;
22627
22629
  OrgUserTableV2Component.prototype.changeDetector;