@sunbird-cb/collection 1.0.29 → 1.0.31

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.
@@ -18371,8 +18371,8 @@ var BtnProfileComponent = (function (_super) {
18371
18371
  BtnProfileComponent.decorators = [
18372
18372
  { type: Component, args: [{
18373
18373
  selector: 'ws-widget-btn-profile',
18374
- template: "<!--\r\n Old\r\n <button mat-button (click)=\"getCatalog()\" i18n-matTooltip matTooltip=\"Explore Catalogue\" #rootTrigger=\"matMenuTrigger\"\r\n [matMenuTriggerFor]=\"rootMenu.childMenu\">\r\n <mat-icon>apps</mat-icon>\r\n <span class=\"padding-left-xs\" i18n>Browse Courses</span>\r\n</button>\r\n\r\n<ws-widget-tree-catalog-menu #rootMenu [rootTrigger]=\"rootTrigger\" [catalogItems]=\"catalogItems | slice: 0:10\"\r\n [fetchStatus]=\"catalogFetchStatus\" isRoot=\"true\">\r\n</ws-widget-tree-catalog-menu> -->\r\n\r\n<a href=\"javascript:void(0)\" mat-icon-button i18n-aria-label title=\"option\" class=\"new-margin\"\r\n #rootTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"settingsMenu\" role=\"link\">\r\n <span class=\"flex flex-column flex-middle\">\r\n <ws-widget-avatar-photo [photoUrl]=\"profileImage\" [name]=\"givenName\" size=\"s\">\r\n </ws-widget-avatar-photo>\r\n </span>\r\n</a>\r\n\r\n<!-- <ws-widget-tree-catalog-menu #rootMenu [rootTrigger]=\"rootTrigger\" [catalogItems]=\"catalogItems | slice: 0:10\"\r\n [fetchStatus]=\"catalogFetchStatus\" isRoot=\"true\">\r\n</ws-widget-tree-catalog-menu> -->\r\n<mat-menu #settingsMenu=\"matMenu\" xPosition=\"before\">\r\n <!-- <div mat-menu-item>\r\n <mat-slide-toggle color=\"primary\" labelPosition=\"before\">\r\n <mat-icon>brightness_medium</mat-icon>\r\n <span i18n>Dark Mode</span>\r\n </mat-slide-toggle>\r\n </div> -->\r\n <!-- <section *ngIf=\"pinnedApps?.length && isPinFeatureAvailable\" class=\"p-4 md:p-4 sm:p-2\">\r\n <div class=\"flex justify-between\">\r\n <h2 class=\"mat-title margin-bottom-xs\" i18n>Pinned</h2>\r\n <a mat-button [routerLink]=\"widgetData?.allListingUrl\" *ngIf=\"widgetData?.allListingUrl\">\r\n <span class=\"flex items-center\">\r\n <span i18n>All</span>&nbsp;\r\n <mat-icon>chevron_right</mat-icon>\r\n </span>\r\n </a>\r\n </div>\r\n <div class=\"flex flex-wrap -mx-2 -mt-1\">\r\n <ng-container *ngFor=\"let pinnedWidget of pinnedApps\" [wsResolverWidget]=\"pinnedWidget\"></ng-container>\r\n </div>\r\n </section> -->\r\n\r\n <section class=\"padding-s border-bottom min-heig\">\r\n <a role=\"link\" [routerLink]=\"disableViewProfile ? null: '/app/person-profile/me'\" class=\"all-features\"\r\n id=\"viewprofile\">\r\n <div class=\"float-left\">\r\n <ws-widget-avatar-photo [name]=\"givenName\" [size]=\"'m'\" [photoUrl]=\"profileImage\"></ws-widget-avatar-photo>\r\n </div>\r\n <div class=\"inline-block margin-left-s pfname margin-eight\">\r\n <p class=\"mat-subheading-2\">{{ givenName }}</p>\r\n <p i18n role=\"link\" class=\"ws-mat-default-text mat-body-2 font-medium\"></p>\r\n </div>\r\n </a>\r\n </section>\r\n\r\n <!-- portal links section-->\r\n <section *ngIf=\"givenName !== 'Guest' && portalLinks && portalLinks.length\"\r\n class=\"padding-top-xs padding-bottom-xs padding-left-s padding-right-s border-bottom\">\r\n <div class=\"margin-top-s margin-bottom-s\" *ngFor=\"let wdata of portalLinks\">\r\n <div class=\"box-sizing-box\" [attr.id]=\"wdata.widgetData.actionBtn.id\">\r\n <a role=\"button\" class=\"inline-block\" target=\"_blank\" href=\"{{wdata.widgetData.actionBtn.url}}\">\r\n <img src=\"{{wdata.widgetData.actionBtn.icon}}\" [attr.alt]=\"wdata.widgetData.actionBtn.name\">\r\n <div class=\"mb-2 mat-body-2 inline-block margin-left-s portal-name\"\r\n [attr.id]=\"wdata.widgetData.actionBtn.icon\">\r\n {{ wdata.widgetData.actionBtn.name }}\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n <section class=\"padding-xs\">\r\n <!-- <a mat-menu-item role=\"link\" routerLink=\"/app/profile/settings\" class=\"all-features\">\r\n <span i18n>Settings</span>\r\n </a> -->\r\n\r\n <!-- <a mat-menu-item role=\"link\" routerLink=\"/app/features\" class=\"all-features flex-wrap\">\r\n <mat-icon>apps</mat-icon>\r\n <span i18n>Explore all features</span>\r\n </a> -->\r\n\r\n <a *ngIf=\"givenName !== 'Guest'\" href=\"javascript:void(0)\" mat-menu-item role=\"link\" (click)=\"logout()\"\r\n class=\"log-o\">\r\n <!-- <mat-icon>power_settings_new</mat-icon>&nbsp; -->\r\n <span i18n>Sign-out</span>\r\n </a>\r\n <a *ngIf=\"givenName === 'Guest'\" href=\"javascript:void(0)\" mat-menu-item role=\"link\" (click)=\"logout()\"\r\n class=\"log-o\">\r\n <!-- <mat-icon>power_settings_new</mat-icon>&nbsp; -->\r\n <span i18n>Sign-in</span>\r\n </a>\r\n </section>\r\n</mat-menu>",
18375
- styles: [".log-o{flex:1;text-align:left}.new-margin{box-sizing:border-box}.min-heig{min-height:35px}.trnsform{transform:scale(1.3);height:-webkit-fill-available;max-height:-webkit-fill-available}.margin-eight{margin-top:8px}.text-new{line-height:normal}.border-bottom{border-bottom:1px solid rgba(0,0,0,.08)}section .pfname p{margin-bottom:0!important}section .portal-name{vertical-align:super;color:#000!important}::ng-deep.mat-menu-content{padding-bottom:0!important}::ng-deep.mat-menu-content .mat-menu-item{height:38px;padding:0 6px;font:400 14px/21px Lato!important}::ng-deep.circle-m{width:40px!important;height:40px!important}::ng-deep.circle-m img{width:40px!important;height:40px!important}.csicon{font-size:22px!important}"]
18374
+ template: "<!--\r\n Old\r\n <button mat-button (click)=\"getCatalog()\" i18n-matTooltip matTooltip=\"Explore Catalogue\" #rootTrigger=\"matMenuTrigger\"\r\n [matMenuTriggerFor]=\"rootMenu.childMenu\">\r\n <mat-icon>apps</mat-icon>\r\n <span class=\"padding-left-xs\" i18n>Browse Courses</span>\r\n</button>\r\n\r\n<ws-widget-tree-catalog-menu #rootMenu [rootTrigger]=\"rootTrigger\" [catalogItems]=\"catalogItems | slice: 0:10\"\r\n [fetchStatus]=\"catalogFetchStatus\" isRoot=\"true\">\r\n</ws-widget-tree-catalog-menu> -->\r\n\r\n<a href=\"javascript:void(0)\" mat-icon-button i18n-aria-label title=\"option\" class=\"new-margin\"\r\n #rootTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"settingsMenu\" role=\"link\">\r\n <span class=\"flex flex-column flex-middle\">\r\n <ws-widget-avatar-photo [photoUrl]=\"profileImage\" [name]=\"givenName\" size=\"s\">\r\n </ws-widget-avatar-photo>\r\n </span>\r\n</a>\r\n\r\n<!-- <ws-widget-tree-catalog-menu #rootMenu [rootTrigger]=\"rootTrigger\" [catalogItems]=\"catalogItems | slice: 0:10\"\r\n [fetchStatus]=\"catalogFetchStatus\" isRoot=\"true\">\r\n</ws-widget-tree-catalog-menu> -->\r\n<mat-menu #settingsMenu=\"matMenu\" xPosition=\"before\">\r\n <!-- <div mat-menu-item>\r\n <mat-slide-toggle color=\"primary\" labelPosition=\"before\">\r\n <mat-icon>brightness_medium</mat-icon>\r\n <span i18n>Dark Mode</span>\r\n </mat-slide-toggle>\r\n </div> -->\r\n <!-- <section *ngIf=\"pinnedApps?.length && isPinFeatureAvailable\" class=\"p-4 md:p-4 sm:p-2\">\r\n <div class=\"flex justify-between\">\r\n <h2 class=\"mat-title margin-bottom-xs\" i18n>Pinned</h2>\r\n <a mat-button [routerLink]=\"widgetData?.allListingUrl\" *ngIf=\"widgetData?.allListingUrl\">\r\n <span class=\"flex items-center\">\r\n <span i18n>All</span>&nbsp;\r\n <mat-icon>chevron_right</mat-icon>\r\n </span>\r\n </a>\r\n </div>\r\n <div class=\"flex flex-wrap -mx-2 -mt-1\">\r\n <ng-container *ngFor=\"let pinnedWidget of pinnedApps\" [wsResolverWidget]=\"pinnedWidget\"></ng-container>\r\n </div>\r\n </section> -->\r\n\r\n <section class=\"padding-s border-bottom min-heig\">\r\n <a role=\"link\" [routerLink]=\"disableViewProfile ? null: '/app/person-profile/me'\" class=\"all-features\"\r\n id=\"viewprofile\">\r\n <div class=\"float-left\">\r\n <ws-widget-avatar-photo [name]=\"givenName\" [size]=\"'m'\" class=\"appIcon-igot\"\r\n [photoUrl]=\"profileImage\"></ws-widget-avatar-photo>\r\n </div>\r\n <div class=\"inline-block margin-left-s pfname margin-eight\">\r\n <p class=\"mat-subheading-2\">{{ givenName }}</p>\r\n <p i18n role=\"link\" class=\"ws-mat-default-text mat-body-2 font-medium\"></p>\r\n </div>\r\n </a>\r\n </section>\r\n\r\n <!-- portal links section-->\r\n <section *ngIf=\"givenName !== 'Guest' && portalLinks && portalLinks.length\"\r\n class=\"padding-top-xs padding-bottom-xs padding-left-s padding-right-s border-bottom\">\r\n <div class=\"margin-top-s margin-bottom-s\" *ngFor=\"let wdata of portalLinks\">\r\n <div class=\"box-sizing-box\" [attr.id]=\"wdata.widgetData.actionBtn.id\">\r\n <a role=\"button\" class=\"inline-block\" target=\"_blank\" href=\"{{wdata.widgetData.actionBtn.url}}\">\r\n <img src=\"{{wdata.widgetData.actionBtn.icon}}\" [attr.alt]=\"wdata.widgetData.actionBtn.name\">\r\n <div class=\"mb-2 mat-body-2 inline-block margin-left-s portal-name\"\r\n [attr.id]=\"wdata.widgetData.actionBtn.icon\">\r\n {{ wdata.widgetData.actionBtn.name }}\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n <section class=\"padding-xs\">\r\n <!-- <a mat-menu-item role=\"link\" routerLink=\"/app/profile/settings\" class=\"all-features\">\r\n <span i18n>Settings</span>\r\n </a> -->\r\n\r\n <!-- <a mat-menu-item role=\"link\" routerLink=\"/app/features\" class=\"all-features flex-wrap\">\r\n <mat-icon>apps</mat-icon>\r\n <span i18n>Explore all features</span>\r\n </a> -->\r\n\r\n <a *ngIf=\"givenName !== 'Guest'\" href=\"javascript:void(0)\" mat-menu-item role=\"link\" (click)=\"logout()\"\r\n class=\"log-o\">\r\n <!-- <mat-icon>power_settings_new</mat-icon>&nbsp; -->\r\n <span i18n>Sign-out</span>\r\n </a>\r\n <a *ngIf=\"givenName === 'Guest'\" href=\"javascript:void(0)\" mat-menu-item role=\"link\" (click)=\"logout()\"\r\n class=\"log-o\">\r\n <!-- <mat-icon>power_settings_new</mat-icon>&nbsp; -->\r\n <span i18n>Sign-in</span>\r\n </a>\r\n </section>\r\n</mat-menu>",
18375
+ styles: [".log-o{flex:1;text-align:left}.new-margin{box-sizing:border-box}.min-heig{min-height:35px}.trnsform{transform:scale(1.3);height:-webkit-fill-available;max-height:-webkit-fill-available}.margin-eight{margin-top:8px}.text-new{line-height:normal}.border-bottom{border-bottom:1px solid rgba(0,0,0,.08)}section .pfname p{margin-bottom:0!important}section .portal-name{vertical-align:super;color:#000!important}::ng-deep.mat-menu-content{padding-bottom:0!important}::ng-deep.mat-menu-content .mat-menu-item{height:38px;padding:0 6px;font:400 14px/21px Lato!important}::ng-deep.circle-m{width:40px!important;height:40px!important}::ng-deep.circle-m img{width:40px!important;height:40px!important}.csicon{font-size:22px!important}.appIcon-igot{width:22px;height:22px}"]
18376
18376
  }] }
18377
18377
  ];
18378
18378
  BtnProfileComponent.ctorParameters = function () { return [
@@ -22381,8 +22381,8 @@ var OrgUserTableComponent = (function () {
22381
22381
  OrgUserTableComponent.decorators = [
22382
22382
  { type: Component, args: [{
22383
22383
  selector: 'ws-widget-org-user-table',
22384
- template: "<div class=\"example-container margin-top-m\">\r\n <div class=\"example-loading-shade\"></div>\r\n\r\n <div class=\"example-table-container\">\r\n <div class=\"container-balanced\">\r\n <div class=\"flex flex-1 custom\">\r\n <div class=\"flex-1\">\r\n <div class=\"search\" *ngIf=\"isSearchBar\">\r\n <div class=rsearch>\r\n <mat-icon class=\"color-60 search-icon\">search</mat-icon>\r\n <input class=\"sinput color-60\" type=\"Standard\" label=\"\"\r\n (input)=\"applyFilter($event.target.value)\" (keydown.enter)=\"onSearchEnter($event)\"\r\n placeholder=\"Search\">\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex-2 right-align\">\r\n <!-- <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isUpload\"\r\n (click)=\"onButtonClick('upload', $event)\">\r\n <mat-icon>vertical_align_top</mat-icon> File upload\r\n </button> -->\r\n <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isDownload\"\r\n (click)=\"onButtonClick('download', $event)\">\r\n <mat-icon>vertical_align_bottom</mat-icon> Users Report\r\n </button>\r\n <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isConsumptionReport\"\r\n (click)=\"onButtonClick('consumptionReport', $event)\">\r\n <mat-icon>vertical_align_bottom</mat-icon> Consumption Report\r\n </button>\r\n <button type=\"button\" mat-button class=\"create-btn\" *ngIf=\"isCreate\"\r\n (click)=\"onButtonClick('createUser', $event)\">\r\n Create new\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- </mat-form-field> -->\r\n <mat-table #table matSort [ngStyle]=\"{'height': bodyHeight}\" [matSortActive]=\"tableData!.sortColumn\"\r\n [matSortDirection]=\"tableData!.sortState\" [dataSource]=\"dataSource\"\r\n class=\"example-table table1 responsiveTable\" *ngIf=\"dataSource.filteredData.length > 0\">\r\n\r\n <ng-container matColumnDef=\"{{col.key}}\" *ngFor=\"let col of tableData!.columns\">\r\n <mat-header-cell *matHeaderCellDef mat-sort-header class=\".h-400-r-14-l color-60\"> {{col.displayName}}\r\n </mat-header-cell>\r\n <mat-cell *matCellDef=\"let element\" (click)=\"onRowClick(element)\">\r\n <span *ngIf=\"col?.isList\" class=\"h-400-r-14-l color-87 textclass\">\r\n <div innerHTML=\"{{element[col.key]}}\"></div>\r\n </span>\r\n <span *ngIf=\"!col?.isList\" class=\"h-400-r-14-l color-87 textclass\">\r\n {{(col.key === 'dateCreatedOn' || col.key === 'dateUpdatedOn') ? (element[col.key] | date:'dd\r\n MMM yyy h:mm a') : element[col.key]}} {{col?.isList}}\r\n </span>\r\n </mat-cell>\r\n </ng-container>\r\n <ng-container matColumnDef=\"Actions\" *ngIf=\"tableData!.actions && tableData!.actions.length > 0\">\r\n <mat-header-cell *matHeaderCellDef class=\"clr-darkish-blue action-header\"> {{\r\n tableData!.actionColumnName || \"Actions\"}}\r\n </mat-header-cell>\r\n <mat-cell *matCellDef=\"let row\" class=\"action-cell\">\r\n <div *ngFor=\"let ac of tableData!.actions\">\r\n <div *ngIf=\"ac.optional\">\r\n <ws-widget-app-button *ngIf=\"row[ac.optional_key] === ac.optional_Value\" [type]=\"ac.type\"\r\n [icon]=\"ac.icon\" [disabled]=\"ac.disabled || false\" [label]=\"ac.label\"\r\n (click)=\"buttonClick(ac.name,row)\"></ws-widget-app-button>\r\n </div>\r\n <div *ngIf=\"!ac.optional\">\r\n <ws-widget-app-button [type]=\"ac.type\" [icon]=\"ac.icon\" [label]=\"ac.label\"\r\n [disabled]=\"ac.disabled || false\" (click)=\"buttonClick(ac.name,row)\">\r\n </ws-widget-app-button>\r\n </div>\r\n </div>\r\n </mat-cell>\r\n </ng-container>\r\n <ng-container matColumnDef=\"Menu\">\r\n <mat-header-cell *matHeaderCellDef class=\"clr-darkish-blue action-header\">\r\n <!-- {{'Actions'}} -->\r\n </mat-header-cell>\r\n <mat-cell *matCellDef=\"let row\" class=\"action-cell\">\r\n <button type=\"button\" mat-icon-button i18n-aria-label aria-label=\"action items\"\r\n [matMenuTriggerFor]=\"cardMenu\" [matMenuTriggerData]=\"{'data':row}\" class=\"action-btn\">\r\n <mat-icon>more_horiz</mat-icon>\r\n </button>\r\n </mat-cell>\r\n </ng-container>\r\n\r\n <mat-header-row *matHeaderRowDef=\"getFinalColumns()\"></mat-header-row>\r\n\r\n <mat-row *matRowDef=\"let row; columns: getFinalColumns();\" (click)=\"selection.toggle(row);\">\r\n </mat-row>\r\n\r\n <!-- <div *ngIf=\"dataSource.filteredData.length <= 0\">\r\n <mat-row *matRowDef=\"let row; columns: getFinalColumns();\"\r\n (click)=\"selection.toggle(row); onRowClick(row)\">\r\n ssss\r\n </mat-row>\r\n </div> -->\r\n </mat-table>\r\n <mat-card class=\"flex-1\" role=\"none\" *ngIf=\"dataSource.filteredData.length == 0\">\r\n <span class=\"mat-subtitle\">No data found</span>\r\n </mat-card>\r\n </div>\r\n <!-- <div *ngIf=\"dataSource.filteredData.length <= 0\" class=\"h-600-s-20-m color-60 text-center\">No result found\r\n </div> -->\r\n <mat-paginator [length]=\"length\" [pageSize]=\"pageSize\" [pageSizeOptions]=\"pageSizeOptions\">\r\n </mat-paginator>\r\n</div>\r\n\r\n<mat-menu #cardMenu=\"matMenu\">\r\n <ng-template matMenuContent let-rowData=\"data\">\r\n <!-- <div > -->\r\n <button (click)=\"buttonClick('editInfo',rowData)\" mat-menu-item name=\"channel-analytics-button\"\r\n class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\"\r\n *ngIf=\"rowData.allowEditUser && showEditOnCondition\">\r\n <mat-icon>edit</mat-icon> <span>Edit Info</span>\r\n </button>\r\n <button (click)=\"buttonClick('editInfo',rowData)\" mat-menu-item name=\"channel-analytics-button\"\r\n class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\" *ngIf=\"!showEditOnCondition\">\r\n <mat-icon>edit</mat-icon> <span>Edit Info</span>\r\n </button>\r\n <button (click)=\"buttonClick('showOnKarma',rowData)\" mat-menu-item name=\"channel-analytics-button\"\r\n class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\">\r\n <mat-icon>input</mat-icon> <span>Show on Karmayogi</span>\r\n </button>\r\n <!-- </div> -->\r\n <!-- <div mat-menu-item> -->\r\n <!-- <button (click)=\"rowData && rowData.blocked ? buttonClick('unblock',rowData): buttonClick('block',rowData)\"\r\n mat-menu-item name=\"channel-analytics-button\" class=\"ws-mat-primary-text\" i18n-aria-label\r\n aria-label=\"Analytics\">\r\n <mat-icon>block</mat-icon><span>{{rowData && rowData.blocked ? 'Unblock user':'Block user' }}</span>\r\n </button> -->\r\n <!-- </div> -->\r\n <!-- <div mat-menu-item> -->\r\n <button *ngIf=\"userId != rowData.userId\"\r\n (click)=\"rowData && rowData.active ? buttonClick('deactive',rowData): buttonClick('active',rowData)\"\r\n mat-menu-item name=\"channel-analytics-button\" class=\"ws-mat-primary-text\" i18n-aria-label\r\n aria-label=\"Analytics\">\r\n <mat-icon>toggle_off_sharp</mat-icon>\r\n <span>{{rowData && rowData.active? 'Deactivate user':'Activate user'}}</span>\r\n </button>\r\n <!-- </div> -->\r\n <!-- <div mat-menu-item> -->\r\n <!-- <button (click)=\"buttonClick('delete',rowData)\" mat-menu-item name=\"channel-analytics-button\"\r\n class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\">\r\n <mat-icon>delete</mat-icon><span>Delete User</span>\r\n </button> -->\r\n <!-- </div> -->\r\n </ng-template>\r\n</mat-menu>",
22385
- 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}"]
22384
+ template: "<div class=\"example-container margin-top-m\">\r\n <div class=\"example-loading-shade\"></div>\r\n\r\n <div class=\"example-table-container\">\r\n <div class=\"container-balanced\">\r\n <div class=\"flex flex-1 custom\">\r\n <div class=\"flex-1\">\r\n <div class=\"search\" *ngIf=\"isSearchBar\">\r\n <div class=rsearch>\r\n <mat-icon class=\"color-60 search-icon\">search</mat-icon>\r\n <input class=\"sinput color-60\" type=\"Standard\" label=\"\"\r\n (input)=\"applyFilter($event.target.value)\" (keydown.enter)=\"onSearchEnter($event)\"\r\n placeholder=\"Search\">\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex-2 right-align\">\r\n <!-- <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isUpload\"\r\n (click)=\"onButtonClick('upload', $event)\">\r\n <mat-icon>vertical_align_top</mat-icon> File upload\r\n </button> -->\r\n <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isDownload\"\r\n (click)=\"onButtonClick('download', $event)\">\r\n <mat-icon>vertical_align_bottom</mat-icon> Users Report\r\n </button>\r\n <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isConsumptionReport\"\r\n (click)=\"onButtonClick('consumptionReport', $event)\">\r\n <mat-icon>vertical_align_bottom</mat-icon> Consumption Report\r\n </button>\r\n <button type=\"button\" mat-button class=\"create-btn\" *ngIf=\"isCreate\"\r\n (click)=\"onButtonClick('createUser', $event)\">\r\n Create new\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- </mat-form-field> -->\r\n <mat-table #table matSort [ngStyle]=\"{'height': bodyHeight}\" [matSortActive]=\"tableData!.sortColumn\"\r\n [matSortDirection]=\"tableData!.sortState\" [dataSource]=\"dataSource\"\r\n class=\"example-table table1 responsiveTable\" *ngIf=\"dataSource.filteredData.length > 0\">\r\n\r\n <ng-container matColumnDef=\"{{col.key}}\" *ngFor=\"let col of tableData!.columns\">\r\n <mat-header-cell *matHeaderCellDef mat-sort-header class=\".h-400-r-14-l color-60\"> {{col.displayName}}\r\n </mat-header-cell>\r\n <mat-cell *matCellDef=\"let element\" (click)=\"onRowClick(element)\">\r\n <img *ngIf=\"col?.imageUrl\" src=\"{{element.posterImage}}\" class=\"pb-image\">\r\n <span *ngIf=\"col?.isList\" class=\"h-400-r-14-l color-87 textclass\">\r\n <div innerHTML=\"{{element[col.key]}}\"></div>\r\n </span>\r\n <span *ngIf=\"!col?.isList\" class=\"h-400-r-14-l color-87 textclass\">\r\n {{(col.key === 'dateCreatedOn' || col.key === 'dateUpdatedOn') ? (element[col.key] | date:'dd\r\n MMM yyy h:mm a') : element[col.key]}} {{col?.isList}}\r\n </span>\r\n </mat-cell>\r\n </ng-container>\r\n <ng-container matColumnDef=\"Actions\" *ngIf=\"tableData!.actions && tableData!.actions.length > 0\">\r\n <mat-header-cell *matHeaderCellDef class=\"clr-darkish-blue action-header\"> {{\r\n tableData!.actionColumnName || \"Actions\"}}\r\n </mat-header-cell>\r\n <mat-cell *matCellDef=\"let row\" class=\"action-cell\">\r\n <div *ngFor=\"let ac of tableData!.actions\">\r\n <div *ngIf=\"ac.optional\">\r\n <ws-widget-app-button *ngIf=\"row[ac.optional_key] === ac.optional_Value\" [type]=\"ac.type\"\r\n [icon]=\"ac.icon\" [disabled]=\"ac.disabled || false\" [label]=\"ac.label\"\r\n (click)=\"buttonClick(ac.name,row)\"></ws-widget-app-button>\r\n </div>\r\n <div *ngIf=\"!ac.optional\">\r\n <ws-widget-app-button [type]=\"ac.type\" [icon]=\"ac.icon\" [label]=\"ac.label\"\r\n [disabled]=\"ac.disabled || false\" (click)=\"buttonClick(ac.name,row)\">\r\n </ws-widget-app-button>\r\n </div>\r\n </div>\r\n </mat-cell>\r\n </ng-container>\r\n <ng-container matColumnDef=\"Menu\">\r\n <mat-header-cell *matHeaderCellDef class=\"clr-darkish-blue action-header\">\r\n <!-- {{'Actions'}} -->\r\n </mat-header-cell>\r\n <mat-cell *matCellDef=\"let row\" class=\"action-cell\">\r\n <button type=\"button\" mat-icon-button i18n-aria-label aria-label=\"action items\"\r\n [matMenuTriggerFor]=\"cardMenu\" [matMenuTriggerData]=\"{'data':row}\" class=\"action-btn\">\r\n <mat-icon>more_horiz</mat-icon>\r\n </button>\r\n </mat-cell>\r\n </ng-container>\r\n\r\n <mat-header-row *matHeaderRowDef=\"getFinalColumns()\"></mat-header-row>\r\n\r\n <mat-row *matRowDef=\"let row; columns: getFinalColumns();\" (click)=\"selection.toggle(row);\">\r\n </mat-row>\r\n\r\n <!-- <div *ngIf=\"dataSource.filteredData.length <= 0\">\r\n <mat-row *matRowDef=\"let row; columns: getFinalColumns();\"\r\n (click)=\"selection.toggle(row); onRowClick(row)\">\r\n ssss\r\n </mat-row>\r\n </div> -->\r\n </mat-table>\r\n <mat-card class=\"flex-1\" role=\"none\" *ngIf=\"dataSource.filteredData.length == 0\">\r\n <span class=\"mat-subtitle\">No data found</span>\r\n </mat-card>\r\n </div>\r\n <!-- <div *ngIf=\"dataSource.filteredData.length <= 0\" class=\"h-600-s-20-m color-60 text-center\">No result found\r\n </div> -->\r\n <mat-paginator [length]=\"length\" [pageSize]=\"pageSize\" [pageSizeOptions]=\"pageSizeOptions\">\r\n </mat-paginator>\r\n</div>\r\n\r\n<mat-menu #cardMenu=\"matMenu\">\r\n <ng-template matMenuContent let-rowData=\"data\">\r\n <!-- <div > -->\r\n <button (click)=\"buttonClick('editInfo',rowData)\" mat-menu-item name=\"channel-analytics-button\"\r\n class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\"\r\n *ngIf=\"rowData.allowEditUser && showEditOnCondition\">\r\n <mat-icon>edit</mat-icon> <span>Edit Info</span>\r\n </button>\r\n <button (click)=\"buttonClick('editInfo',rowData)\" mat-menu-item name=\"channel-analytics-button\"\r\n class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\" *ngIf=\"!showEditOnCondition\">\r\n <mat-icon>edit</mat-icon> <span>Edit Info</span>\r\n </button>\r\n <button (click)=\"buttonClick('showOnKarma',rowData)\" mat-menu-item name=\"channel-analytics-button\"\r\n class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\">\r\n <mat-icon>input</mat-icon> <span>Show on Karmayogi</span>\r\n </button>\r\n <!-- </div> -->\r\n <!-- <div mat-menu-item> -->\r\n <!-- <button (click)=\"rowData && rowData.blocked ? buttonClick('unblock',rowData): buttonClick('block',rowData)\"\r\n mat-menu-item name=\"channel-analytics-button\" class=\"ws-mat-primary-text\" i18n-aria-label\r\n aria-label=\"Analytics\">\r\n <mat-icon>block</mat-icon><span>{{rowData && rowData.blocked ? 'Unblock user':'Block user' }}</span>\r\n </button> -->\r\n <!-- </div> -->\r\n <!-- <div mat-menu-item> -->\r\n <button *ngIf=\"userId != rowData.userId\"\r\n (click)=\"rowData && rowData.active ? buttonClick('deactive',rowData): buttonClick('active',rowData)\"\r\n mat-menu-item name=\"channel-analytics-button\" class=\"ws-mat-primary-text\" i18n-aria-label\r\n aria-label=\"Analytics\">\r\n <mat-icon>toggle_off_sharp</mat-icon>\r\n <span>{{rowData && rowData.active? 'Deactivate user':'Activate user'}}</span>\r\n </button>\r\n <!-- </div> -->\r\n <!-- <div mat-menu-item> -->\r\n <!-- <button (click)=\"buttonClick('delete',rowData)\" mat-menu-item name=\"channel-analytics-button\"\r\n class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\">\r\n <mat-icon>delete</mat-icon><span>Delete User</span>\r\n </button> -->\r\n <!-- </div> -->\r\n </ng-template>\r\n</mat-menu>",
22385
+ 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}"]
22386
22386
  }] }
22387
22387
  ];
22388
22388
  OrgUserTableComponent.ctorParameters = function () { return []; };