@sunbird-cb/collection 1.0.26 → 1.0.27

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

@@ -22405,8 +22405,8 @@
         LeftMenuComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'ws-widget-left-menu',
-                        template: "<div class=\"flex flex-1 flex-column pad-l-4r min-wid\">\n  <div class=\"margin-top-xs flex flex-column max-width\" *ngIf=\"widgetData.logo\">\n    <a href=\"javascript:void(0)\" role=\"link\" class=\"flex flex-column margin-top-l\" (click)=\"menuClick(widgetData.name)\">\n      <img [src]=\"widgetData.logoPath || defaultImage\" [alt]=\"widgetData.name\" class=\"img\"\n        (error)=\"changeToDefaultImg($event)\" />\n      <span i18n class=\"mat-subheading-2 margin-top-m\">\n        <!-- this will be dynamic -->\n        {{widgetData.name}}\n      </span>\n    </a>\n  </div>\n  <mat-nav-list class=\"margin-top-m flex-1\">\n    <ng-container *ngFor=\"let tab of widgetData.menus; let i = index\">\n      <ng-container *ngIf=\"isAllowed(tab)\">\n        <a mat-list-item disableRipple class=\"flex outline-1\" [attr.data-index]=\"i\" (click)=\"menuClick(tab)\"\n          *ngIf=\"tab?.enabled && !tab.customRouting && !tab.fragment && !tab.queryParams\"\n          [routerLink]=\"[tab.routerLink]\" queryParamsHandling=\"preserve\" routerLinkActive=\"ws-active-route-menu\">\n          <!--  [class.ws-active-route-menu]=\"isLinkActive(tab.key)\" [fragment]=\"tab.fragment? tab.key : ''\" [queryParamsHandling]=\"preserve\" -->\n          <span class=\"padding-left-xs\">{{tab?.name}}</span>\n        </a>\n        <a mat-list-item disableRipple class=\"flex outline-1\" [attr.data-index]=\"i\" (click)=\"menuClick(tab)\"\n          *ngIf=\"tab?.enabled && !tab.customRouting && tab.fragment && !tab.queryParams\" [routerLink]=\"'.'\"\n          [class.ws-active-route-menu]=\"isLinkActive(tab.key, i)\" [fragment]=\"tab.fragment? tab.key : ''\"\n          queryParamsHandling=\"preserve\">\n          <span class=\"padding-left-xs\">{{tab?.name}}</span>\n        </a>\n        <a mat-list-item disableRipple class=\"flex outline-1\" [attr.data-index]=\"i\" (click)=\"menuClick(tab)\"\n          *ngIf=\"tab?.enabled && tab.customRouting && !tab.queryParams\" [routerLink]=\"getLink(tab)\"\n          queryParamsHandling=\"preserve\" routerLinkActive=\"ws-active-route-menu\">\n          <!--  [class.ws-active-route-menu]=\"isLinkActive(tab.key)\" [fragment]=\"tab.fragment? tab.key : ''\" [queryParamsHandling]=\"preserve\" -->\n          <span class=\"padding-left-xs\">{{tab?.name}}</span>\n        </a>\n        <a mat-list-item disableRipple class=\"flex outline-1\" [attr.data-index]=\"i\" (click)=\"menuClick(tab)\"\n          *ngIf=\"tab?.enabled && !tab.customRouting  && !tab.fragment && tab.queryParams\" [routerLink]=\"tab.routerLink\"\n          [queryParams]=\"{'status':tab.queryParams}\" queryParamsHandling=\"preserve\"\n          [class.ws-active-route-menu]=\"isLinkActive2(tab.routerLink)\">\n          <!-- routerLinkActive=\"ws-active-route-menu\"> -->\n          <!--  [class.ws-active-route-menu]=\"isLinkActive(tab.key)\" [fragment]=\"tab.fragment? tab.key : ''\" [queryParamsHandling]=\"preserve\" -->\n          <span class=\"padding-left-xs\">{{tab?.name}}</span>\n        </a>\n      </ng-container>\n    </ng-container>\n  </mat-nav-list>\n</div>",
-                        styles: [".min-wid{min-width:240px}.outline-1{outline:unset!important}.pad-l-4r{padding-left:2.75rem}.img{width:184px}.max-width{width:190px}"]
+                        template: "<div class=\"flex flex-1 flex-column pad-l-4r min-wid\">\n  <div class=\"margin-top-xs flex flex-column max-width\" *ngIf=\"widgetData.logo\">\n    <a href=\"javascript:void(0)\" role=\"link\" class=\"flex flex-column margin-top-l\" (click)=\"menuClick(widgetData.name)\">\n      <img [src]=\"widgetData.logoPath || defaultImage\" [alt]=\"widgetData.name\" class=\"img\"\n        (error)=\"changeToDefaultImg($event)\" />\n      <span i18n class=\"mat-subheading-2 margin-top-m\">\n        <!-- this will be dynamic -->\n        {{widgetData.name}}\n      </span>\n    </a>\n  </div>\n  <mat-nav-list class=\"margin-top-m flex-1 custom-class\">\n    <ng-container *ngFor=\"let tab of widgetData.menus; let i = index\">\n      <ng-container *ngIf=\"isAllowed(tab)\">\n        <a mat-list-item disableRipple class=\"flex outline-1\" [attr.data-index]=\"i\" (click)=\"menuClick(tab)\"\n          *ngIf=\"tab?.enabled && !tab.customRouting && !tab.fragment && !tab.queryParams\"\n          [routerLink]=\"[tab.routerLink]\" queryParamsHandling=\"preserve\" routerLinkActive=\"ws-active-route-menu\">\n          <!--  [class.ws-active-route-menu]=\"isLinkActive(tab.key)\" [fragment]=\"tab.fragment? tab.key : ''\" [queryParamsHandling]=\"preserve\" -->\n          <span class=\"padding-left-xs\">{{tab?.name}}</span>\n        </a>\n        <a mat-list-item disableRipple class=\"flex outline-1\" [attr.data-index]=\"i\" (click)=\"menuClick(tab)\"\n          *ngIf=\"tab?.enabled && !tab.customRouting && tab.fragment && !tab.queryParams\" [routerLink]=\"'.'\"\n          [class.ws-active-route-menu]=\"isLinkActive(tab.key, i)\" [fragment]=\"tab.fragment? tab.key : ''\"\n          queryParamsHandling=\"preserve\">\n          <span class=\"padding-left-xs\">{{tab?.name}}</span>\n        </a>\n        <a mat-list-item disableRipple class=\"flex outline-1\" [attr.data-index]=\"i\" (click)=\"menuClick(tab)\"\n          *ngIf=\"tab?.enabled && tab.customRouting && !tab.queryParams\" [routerLink]=\"getLink(tab)\"\n          queryParamsHandling=\"preserve\" routerLinkActive=\"ws-active-route-menu\">\n          <!--  [class.ws-active-route-menu]=\"isLinkActive(tab.key)\" [fragment]=\"tab.fragment? tab.key : ''\" [queryParamsHandling]=\"preserve\" -->\n          <span class=\"padding-left-xs\">{{tab?.name}}</span>\n        </a>\n        <a mat-list-item disableRipple class=\"flex outline-1\" [attr.data-index]=\"i\" (click)=\"menuClick(tab)\"\n          *ngIf=\"tab?.enabled && !tab.customRouting  && !tab.fragment && tab.queryParams\" [routerLink]=\"tab.routerLink\"\n          [queryParams]=\"{'status':tab.queryParams}\" queryParamsHandling=\"preserve\"\n          [class.ws-active-route-menu]=\"isLinkActive2(tab.routerLink)\">\n          <!-- routerLinkActive=\"ws-active-route-menu\"> -->\n          <!--  [class.ws-active-route-menu]=\"isLinkActive(tab.key)\" [fragment]=\"tab.fragment? tab.key : ''\" [queryParamsHandling]=\"preserve\" -->\n          <span class=\"padding-left-xs\">{{tab?.name}}</span>\n        </a>\n      </ng-container>\n    </ng-container>\n  </mat-nav-list>\n</div>",
+                        styles: [".min-wid{min-width:240px}.outline-1{outline:unset!important}.pad-l-4r{padding-left:2.75rem}.img{width:184px}.max-width{width:190px}.custom-class{max-height:300px;overflow-y:auto}.custom-class::-webkit-scrollbar{width:5px}.custom-class::-webkit-scrollbar-track{background:#f1f1f1}.custom-class::-webkit-scrollbar-thumb{background:#888;border-radius:100vw}.custom-class::-webkit-scrollbar-thumb:hover{background:#555}"]
                     }] }
         ];
         LeftMenuComponent.ctorParameters = function () { return [