{"__symbolic":"module","version":4,"exports":[{"from":"./lib/player-actions/model"}],"metadata":{"CommonConsumptionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"CommonConsumptionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","name":"CardModule"},{"__symbolic":"reference","name":"ModalModule"},{"__symbolic":"reference","name":"LayoutModule"},{"__symbolic":"reference","name":"LibraryFiltersModule"},{"__symbolic":"reference","name":"ContentDetailsModule"},{"__symbolic":"reference","name":"FaqModule"},{"__symbolic":"reference","name":"AccordionModule"},{"__symbolic":"reference","name":"PipesModule"},{"__symbolic":"reference","name":"PagesModule"},{"__symbolic":"reference","name":"CertificateActionsModule"},{"__symbolic":"reference","name":"PillsGridModule"},{"__symbolic":"reference","name":"ListViewModule"}],"exports":[{"__symbolic":"reference","name":"CardModule"},{"__symbolic":"reference","name":"ModalModule"},{"__symbolic":"reference","name":"LayoutModule"},{"__symbolic":"reference","name":"LibraryFiltersModule"},{"__symbolic":"reference","name":"ContentDetailsModule"},{"__symbolic":"reference","name":"FaqModule"},{"__symbolic":"reference","name":"AccordionModule"},{"__symbolic":"reference","name":"PipesModule"},{"__symbolic":"reference","name":"PagesModule"},{"__symbolic":"reference","name":"CertificateActionsModule"},{"__symbolic":"reference","name":"PillsGridModule"},{"__symbolic":"reference","name":"ListViewModule"}]}]}],"members":{}},"LibraryFiltersComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-library-filters","template":"<div class=\"fixed-container\">\n    <!-- Library medium filter -->\n    <div *ngIf=\"layout === LibraryFiltersLayout.SQUARE\" class=\"sb-slider-pills-container\">\n        <div class=\"sb-pills-container sb-medium-pills-container\" id=\"mediumScroll\">\n            <div class=\"pill\" *ngFor=\"let item of filterList; let i = index;\" [ngClass]=\"{'active': item?.selected}\"\n                attr.id=\"medium{{i}}\" (click)=\"selectPill($event, i)\" tabindex=\"0\" role=\"tab\" attr.aria-selected=\"{{item?.selected}}\"> {{item.text}} medium\n            </div>\n        </div>\n    </div>\n    <!-- Library class/grade filter -->\n    <div *ngIf=\"layout === LibraryFiltersLayout.ROUND\" class=\"sb-slider-pills-container\">\n        <div class=\"sb-pills-container sb-grade-pills-container\" id=\"gradeScroll\">\n            <div class=\"pill rounded custom-style\" *ngFor=\"let item of filterList; let i = index;\" role=\"tab\" attr.aria-selected=\"{{item?.selected}}\"\n                [ngClass]=\"{'active': item?.selected}\" attr.id=\"class{{i}}\" (click)=\"selectPill($event, i)\" tabindex=\"0\">\n                {{item.text}}</div>\n        </div>\n    </div>\n        <!-- Player page content filters -->\n    <div *ngIf=\"layout === LibraryFiltersLayout.ROUND_WITH_ICONS\" class=\"sb-slider-pills-container\">\n        <div class=\"sb-pills-container sb-grade-pills-container\" id=\"gradeScroll\">\n            <div class=\"pill rounded rounded-with-icon\" *ngFor=\"let item of filterList; let i = index;\" role=\"tab\" attr.aria-selected=\"{{item?.selected}}\"\n                [ngClass]=\"{'active': item?.selected}\" attr.id=\"mimeType{{i}}\" (click)=\"selectMimeFilter($event, i)\" tabindex=\"0\">\n                <ng-container *ngIf=\"item?.type === TocMimeTypes.VIDEO \">\n                    <i class=\"icon-svg icon-svg--xs icon-videos\" >\n                        <svg class=\"icon icon-svg--primary\">\n                            <use xlink:href=\"assets/common-consumption/images/sprite.svg#play\"></use>\n                        </svg>\n                    </i>\n                </ng-container>\n                <ng-container *ngIf=\"item?.type === TocMimeTypes.DOCS \">\n                    <i class=\"icon-svg icon-svg--xs icon-docs\" >\n                        <svg class=\"icon icon-svg--primary\">\n                            <use xlink:href=\"assets/common-consumption/images/sprite.svg#doc\"></use>\n                        </svg>\n                    </i>\n                </ng-container>\n                <ng-container *ngIf=\"item?.type === TocMimeTypes.INTERACTIVE \">\n                    <i class=\"icon-svg icon-svg--xs icon-touch\" >\n                        <svg class=\"icon icon-svg--primary\">\n                            <use xlink:href=\"assets/common-consumption/images/sprite.svg#touch\"></use>\n                        </svg>\n                    </i>\n                </ng-container>\n                <span class=\"name\">{{item.text}}</span>\n            </div>\n        </div>\n    </div>\n</div>","styles":["::ng-deep :root{--sb-pill-bg:var(--white);--cc-pill-border:var(--secondary-color);--cc-pill-text:var(--secondary-color);--cc-pill-bg-hover:var(--secondary-color);--cc-pill-text-hover:var(--white);--cc-grade-pill-container-bg:var(--gray-0);--cc-grade-pill-text:var(--primary-color);--cc-grade-pill-bg-hover:var(--primary-color);--cc-grade-pill-text-hover:var(--white);--cc-grade-pill-svg-fill:var(--white)}:host .fixed-container{width:100%;position:relative;z-index:2}:host .sb-slider-pills-container{overflow-x:auto}:host .sb-slider-pills-container .sb-pills-container{display:inline-flex;align-items:center;box-sizing:border-box}[dir=ltr] :host .sb-slider-pills-container .sb-pills-container,[dir=rtl] :host .sb-slider-pills-container .sb-pills-container{padding:1rem}:host .sb-slider-pills-container .sb-pills-container .pill{background-color:var(--sb-pill-bg);white-space:nowrap;-webkit-appearance:none;text-overflow:ellipsis;min-height:2rem;cursor:pointer;transition:.25s ease-in-out;border-radius:.125rem;text-transform:capitalize;text-decoration:none;text-align:center;font-weight:400;font-style:normal;font-stretch:normal;font-size:.75rem;box-sizing:border-box;display:flex;align-items:center;line-height:1rem}[dir=ltr] :host .sb-slider-pills-container .sb-pills-container .pill{margin-right:.5rem}[dir=rtl] :host .sb-slider-pills-container .sb-pills-container .pill{margin-left:.5rem}[dir=ltr] :host .sb-slider-pills-container .sb-pills-container .pill,[dir=rtl] :host .sb-slider-pills-container .sb-pills-container .pill{padding:.25rem .5rem}[dir=ltr] :host .sb-slider-pills-container .sb-pills-container .pill:last-child{margin-right:.5rem}[dir=rtl] :host .sb-slider-pills-container .sb-pills-container .pill:last-child{margin-left:.5rem}:host .sb-slider-pills-container .sb-medium-pills-container{min-height:4rem;background:var(--white);min-width:100%}:host .sb-slider-pills-container .sb-medium-pills-container .pill{border:var(--cc-pill-border) .0625rem solid;color:var(--cc-pill-text)}:host .sb-slider-pills-container .sb-medium-pills-container .pill.active,:host .sb-slider-pills-container .sb-medium-pills-container .pill:active,:host .sb-slider-pills-container .sb-medium-pills-container .pill:hover{color:var(--cc-pill-text-hover);background-color:var(--cc-pill-bg-hover);box-shadow:0 3px 4px 0 rgba(var(--rc-rgba-black),.19)}:host .sb-slider-pills-container .sb-grade-pills-container{min-height:3rem;background:var(--cc-grade-pill-container-bg);min-width:100%}:host .sb-slider-pills-container .sb-grade-pills-container .pill{border-radius:1rem;color:var(--cc-grade-pill-text);min-height:2rem}[dir=ltr] :host .sb-slider-pills-container .sb-grade-pills-container .pill,[dir=rtl] :host .sb-slider-pills-container .sb-grade-pills-container .pill{padding:.25rem 1rem}:host .sb-slider-pills-container .sb-grade-pills-container .pill.active,:host .sb-slider-pills-container .sb-grade-pills-container .pill:active,:host .sb-slider-pills-container .sb-grade-pills-container .pill:hover{background-color:var(--cc-grade-pill-bg-hover);color:var(--cc-grade-pill-text-hover);box-shadow:0 3px 4px 0 rgba(var(--rc-rgba-black),.19)}:host .sb-slider-pills-container .sb-grade-pills-container .pill.active .icon-svg svg,:host .sb-slider-pills-container .sb-grade-pills-container .pill:active .icon-svg svg,:host .sb-slider-pills-container .sb-grade-pills-container .pill:hover .icon-svg svg{fill:var(--cc-grade-pill-svg-fill)}:host .sb-slider-pills-container .sb-grade-pills-container .pill.rounded{font-size:.875rem}:host .sb-slider-pills-container .sb-grade-pills-container .pill.rounded-with-icon .icon-svg{margin-right:.25rem;top:0}html[dir=rtl] :host .sb-slider-pills-container .sb-grade-pills-container .pill.rounded-with-icon .icon-svg{margin-left:.25rem;margin-right:inherit}:host .sb-slider-pills-container .sb-grade-pills-container .pill.rounded-with-icon .name{-ms-grid-row-align:center;align-self:center;display:inline-block;line-height:1rem}:host .sb-slider-pills-container .sb-grade-pills-container .custom-style:hover{background-color:var(--sb-pill-bg)!important;color:var(--cc-grade-pill-text)!important}"]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"tocList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"selectedItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"selectedFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":5}}]}],"selectedMimeType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":5}}]}],"fetchCorrespondingTypes":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"selectPill":[{"__symbolic":"method"}],"selectMimeFilter":[{"__symbolic":"method"}]}},"LibraryFiltersLayout":{"ROUND":"round","ROUND_WITH_ICONS":"round-with-icon","SQUARE":"square"},"TocMimeTypes":{"COLLECTION":"collection","VIDEO":"video","AUDIO":"audio","INTERACTIVE":"interactive","DOCS":"docs","ALL":"all"},"IFilterItem":{"__symbolic":"interface"},"ISelectedFilter":{"__symbolic":"interface"},"ICardClick":{"__symbolic":"interface"},"IEnterKeyPress":{"__symbolic":"interface"},"IClick":{"__symbolic":"interface"},"LibraryCardTypes":{"RECENTLY_VIEWED":"recently_viewed","MOBILE_TEXTBOOK":"mobile_textbook","DESKTOP_TEXTBOOK":"desktop_textbook","QRCODE_RESULT":"qrcode_result","PORTAL_QRCODE_FLATRESULT":"portal_qrcode_flatresult"},"CourseCardGridTypes":{"MY_COURSE_CARD_GRID":"my_course_card_grid","COURSE_CARD_GRID":"course_card_grid","MY_COURSE_RECENTLY_VIEWED_CARD_GRID":"my_course_recently_viewed_card_grid","CURICULUM_COURSE_CARD_GRID":"curiculum_course_card_grid"},"CardGridTypes":{"INFINITE_CARD_GRID":"infinite_grid"},"CourseCardTypes":{"RECENTLY_VIEWED":"recently_viewed","MY_COURSE_CARD":"my_course_card"},"LibraryCardGridTypes":{"INFINITE_CARD_GRID":"infinite_card_grid","INFINITE_CARD_GRID_WITH_HOVER":"infinite_card_grid_with_hover"},"LibraryCardStackTypes":{"INFINITE_CARD_STACK":"infinite_card_stack"},"TocCardType":{"TEXTBOOK":"textbook","COURSE":"course","TRACKABLE":"trackable","NON_TRACKABLE":"non_trackable"},"IBadge":{"__symbolic":"interface"},"IContent":{"__symbolic":"interface"},"ICourse":{"__symbolic":"interface"},"IHoverData":{"__symbolic":"interface"},"FlattenedType":{"EXPAND":"expand","COLLAPSE":"collapse"},"IButtonConfig":{"__symbolic":"interface"},"PlatformType":{"PORTAL":"portal","MOBILE":"mobile"},"NotificationStatus":{"READ":"read","UNREAD":"unread"},"NotificationViewConfig":{"__symbolic":"interface"},"ExpandMode":{"SINGLE":"single","MULTIPLE":"multiple"},"ExpandBehavior":{"NONE":"none","EXPAND_FIRST":"expand-first"},"IAccordianConfig":{"__symbolic":"interface"},"ButtonPosition":{"TOP":"top","RIGHT":"right","BOTTOM":"bottom"},"COMMON_CONSUMPTION_CONSTANTS":{"TOC_CARD_FALLBACK_IMG":"assets/common-consumption/images/book.png","$quoted$":["TOC_CARD_FALLBACK_IMG"]},"PillsGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PillsGridComponent"},{"__symbolic":"reference","name":"PillItemComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"PillsGridComponent"},{"__symbolic":"reference","name":"PillItemComponent"}]}]}],"members":{}},"PillShape":{"CIRCLE":"circle","BOX":"box","IMAGE_OVERLAP":"image_overlap","DEFAULT":"default"},"PillsViewType":{"SCROLL":"scroll","NONE":"none"},"PillBorder":{"ROUND":"round","SEMI_ROUND":"semi_round","NONE":"none"},"SelectMode":{"SINGLE":"single","MULTIPLE":"multiple"},"PillsMultiRow":{"DEFAULT":"default","SINGLE":"single","DOUBLE_VIEW_ROW":"double_view_row","DOUBLE_VIEW_COLUMN":"double_view_column"},"ShowMoreViewType":{"EXPAND":"expand","NEW_SCREEN":"new_screen"},"PillSize":{"SMALL":"small","MEDIUM":"medium","LARGE":"large","EXTRA_LARGE":"extra_large"},"PillTextElipsis":{"NONE":"none","ONE_LINE":"one_line","TWO_LINE":"two_line"},"PillBoxShadow":{"DISABLE":"disable","ENABLE":"enable"},"PillsColorTheme":{"__symbolic":"interface"},"ListViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ListComponent"},{"__symbolic":"reference","name":"CarouselComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"ListComponent"},{"__symbolic":"reference","name":"CarouselComponent"}]}]}],"members":{}},"FaqCategory":{"__symbolic":"interface"},"CarouselComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-carousel","template":"<div>\n  <div class=\"carousel_title mb-16\" *ngIf=\"title\">{{title}}</div>\n  <div *ngIf=\"subTitle\">{{subTitle}}</div>\n\n  <div #carouselContainer class=\"carousel-container\">\n    <div class=\"carousel-scroller\">\n      <div class=\"carousel-card\" *ngFor=\"let item of listData; let i = index;\" (click)=\"onItemSelect($event, item, i)\" tabindex=\"0\">\n        <div class=\"black-layer\"></div>\n        <img *ngIf=\"item?.thumbnail\" src=\"{{item?.thumbnail}}\" alt=\"\">\n        <div class=\"carousel-meta\">\n          <p class=\"sb__ellipsis sb__ellipsis--one\" *ngIf=\"item?.name\">{{item?.name}}</p>\n          <div>\n            <img src=\"assets/common-consumption/images/play-btn.svg\" alt=\"Play {{item?.name}}\">\n            <span>Play</span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <button class=\"carousel-btn prev\" (click)=\"scrollToPrevPage()\" tabindex=\"0\">\n      <i class=\"icon-svg icon-svg--lg\">\n        <svg class=\"icon\">\n            <use xlink:href=\"assets/common-consumption/images/sprite.svg#arrow-round-right\"></use>\n        </svg>\n    </i>\n    </button>\n    <button class=\"carousel-btn next\" (click)=\"scrollToNextPage()\" tabindex=\"0\">\n      <i class=\"icon-svg icon-svg--lg\">\n        <svg class=\"icon\">\n            <use xlink:href=\"assets/common-consumption/images/sprite.svg#arrow-round-right\"></use>\n        </svg>\n    </i>\n    </button>\n  </div>\n\n</div>\n","styles":["::ng-deep :root{--cc-carousel-title:#333333}.carousel_title{color:var(--cc-carousel-title);font-size:1rem;font-weight:700;letter-spacing:0;line-height:1.5rem}.carousel-container{position:relative;max-width:100%}.carousel-scroller{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-snap-align:center;overflow-x:scroll;overflow-y:hidden;display:flex;align-items:center;height:13.75rem;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch;gap:16px;-ms-overflow-style:none;scrollbar-width:none}.carousel-scroller div{scroll-snap-align:center;position:relative}.carousel-scroller img{width:100%}.carousel-scroller div.carousel-card{min-width:19.5rem;height:13.75rem;background:#e9e8d9;border-radius:1rem;overflow:hidden;position:relative}.carousel-scroller div.carousel-card div.black-layer{background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0}.carousel-scroller div.carousel-card:hover .carousel-meta div{transform:scale(1.25)}.carousel-scroller .carousel-meta{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column}.carousel-scroller .carousel-meta p{color:var(--white);font-size:.875rem;letter-spacing:0;line-height:1rem;margin:1.5rem 0 0 1.5rem}.carousel-scroller .carousel-meta div{display:flex;align-items:center;flex-direction:column;cursor:pointer;margin-top:2.5rem;transform:scale(1);transition:.2s ease-in}.carousel-scroller .carousel-meta div img{width:3.5rem;height:3.5rem;margin-bottom:.5rem}.carousel-scroller .carousel-meta div span{color:var(--white);font-size:.875rem;letter-spacing:0;line-height:1rem}.carousel-container div.note{top:50%;transform:translateY(-50%);left:0;right:0;background:rgba(0,0,0,.6);padding:1.25rem;position:absolute;font-size:1rem;color:var(--white)}.carousel-container .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);border:0;z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;background:0 0;box-shadow:none}.carousel-container .carousel-btn i{box-shadow:0 2px 6px 0 #000;filter:invert(1);border-radius:50%}.carousel-container .carousel-btn:hover i{transform:scale(1.25)}.carousel-container .carousel-btn.next{right:-.75rem}.carousel-container .carousel-btn.prev{left:-.75rem}.carousel-container .carousel-btn.prev i.icon-svg.icon-svg--lg{transform:rotate(180deg)}.carousel-container .carousel-btn.prev:hover i{transform:scale(1.25) rotate(180deg)!important}.carousel-scroller::-webkit-scrollbar{display:none}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"listData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"gallery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":5},"arguments":["carouselContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":44},"static":false}]}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"scrollToNextPage":[{"__symbolic":"method"}],"scrollToPrevPage":[{"__symbolic":"method"}],"onItemSelect":[{"__symbolic":"method"}]}},"ListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-list","template":"<div class=\"listView-compt\">\n  <h4 class=\"listView-compt__title pb-16\" *ngIf=\"title\">{{title}}</h4>\n  <div class=\"listView-compt__subTitle\" *ngIf=\"subTitle\">{{subTitle}}</div>\n\n  <section>\n    <div class=\"listView-compt__item d-flex flex-ai-center\" role=\"button\" attr.aria-label=\"{{item.name}}\"  *ngFor=\"let item of listData; let i = index\"\n      [ngClass]=\"{'selected-item': (i===selectedIndex)}\"\n      (click)=\"onItemSelect($event, item, i)\" tabindex=\"0\">\n      {{item.name}}\n      <div *ngIf=\"showRightArrow\" class=\"ml-auto\">\n        <i class=\"icon-svg icon-svg--xxs ml-4 forward-arrow\">\n          <svg class=\"icon icon-svg--primary\">\n            <use xlink:href=\"assets/common-consumption/images/sprite.svg#arrow-down\"></use>\n          </svg>\n        </i>\n      </div>\n      \n    </div>\n  </section>\n\n  <section *ngIf=\"btnText\" class=\"mt-24\">\n    <button class=\"sb-btn sb-btn-outline-primary sb-btn-normal w-100\" (click)=\"onBtnClick($event)\" tabindex=\"0\">\n      <img *ngIf=\"btnImg\" alt=\"Icon {{btnText}}\" src=\"{{btnImg}}\">\n      {{btnText}}\n    </button>\n  </section>\n</div>\n","styles":["::ng-deep :root{--cc-listView-compt-title:#333333;--cc-listView-compt-subTitle:#333333;--cc-listView-compt-itemText:#333333;--cc-listView-compt-itemText-hover:var(--primary-color)}.listView-compt__title{color:var(--cc-listView-compt-title);font-size:1rem;font-weight:700;letter-spacing:0;line-height:1.25rem}.listView-compt__subTitle{color:var(--cc-listView-compt-subTitle)}.listView-compt__item{cursor:pointer;color:var(--cc-listView-compt-itemText);font-size:.875rem;letter-spacing:0;line-height:normal;padding:.5rem}.listView-compt__item.selected-item,.listView-compt__item:hover{color:var(--cc-listView-compt-itemText-hover);font-weight:700}.listView-compt__btn button{border-radius:1.25rem;background-color:var(--white);box-shadow:5px 5px 2px 0 rgba(0,0,0,.1);color:var(--primary-color);font-size:.75rem;font-weight:700;letter-spacing:0;line-height:1.25rem;height:2.5rem;width:100%;padding:.5rem;text-transform:uppercase;text-align:center;box-shadow:var(--sbt-box-shadow-6px)!important;border:0}.listView-compt__btn button.selected,.listView-compt__btn button:active,.listView-compt__btn button:hover{background-color:var(--primary-color);color:var(--white)}.forward-arrow{transform:rotate(-90deg)}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"listData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"btnImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"btnText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"showRightArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"btnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"onItemSelect":[{"__symbolic":"method"}],"onBtnClick":[{"__symbolic":"method"}]}},"PillItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-pill-item","template":"<ng-template>\n  <div class=\"item\" [ngStyle]=\"{'background-color':theme?.pillBgColor}\" (click)=\"onClick($event)\" role=\"button\" tabindex=\"0\">\n    <span *ngIf=\"icon\" class=\"img\" [ngStyle]=\"{'background-color':theme?.iconBgColor}\">\n      <img src=\"{{icon}}\" class=\"sb-icon-img sb-icon-img-sm\" />\n    </span>\n    <label [ngStyle]=\"{'color':theme?.pillTextColor}\" *ngIf=\"name\">{{name}}</label>\n  </div>\n</ng-template>","styles":["@charset \"UTF-8\";::ng-deep :root{--cc-pills-grid-item:var(--white);--cc-pills-grid-item-hover:#f2f2f2;--cc-pills-grid-item-img-bg:#f2f2f2;--cc-pills-grid-icon-head-img-bg:var(--white)}::ng-deep .sb-label-grid{display:-ms-grid;display:grid;gap:.5em;margin:1rem 0}::ng-deep .sb-label-grid.size{font-size:16px}::ng-deep .sb-label-grid.size--sm{font-size:16px}::ng-deep .sb-label-grid.size--md{font-size:calc(16px * 1.5)}::ng-deep .sb-label-grid.size--md .item label{font-size:1rem!important}::ng-deep .sb-label-grid.size--lg{font-size:calc(16px * 1.75)}::ng-deep .sb-label-grid.size--lg .item label{font-size:1rem!important}::ng-deep .sb-label-grid.size--xl{font-size:calc(16px * 2.5)}::ng-deep .sb-label-grid .sb-icon-img{display:none;margin-right:.5em}::ng-deep .sb-label-grid .item{display:flex;background:var(--cc-pills-grid-item);border-radius:.25em;transition:.3s ease-in-out;margin:.25em}::ng-deep .sb-label-grid .item:hover{box-shadow:none;transform:translate(0,0) scale(.95);z-index:99;background:var(--cc-pills-grid-item-hover);cursor:pointer}::ng-deep .sb-label-grid .item label{line-height:1.25rem}::ng-deep .sb-label-grid.show-icon .sb-icon-img{display:block}html[dir=\"“rtl”\"] ::ng-deep .sb-label-grid.show-icon .sb-icon-img{margin-left:.5em;margin-right:0}::ng-deep .sb-label-grid.hide-icon-bg .item .img{background-color:transparent!important;padding:.25em 0;margin-right:0!important}::ng-deep .sb-label-grid.hide-icon-bg .item .img .sb-icon-img{margin-right:0}::ng-deep .sb-label-grid.hide-icon-bg--invert .item .img .sb-icon-img{filter:invert(1)}::ng-deep .sb-label-grid.show-bshadow .item{box-shadow:0 20px 20px -10px rgba(0,0,0,.1)}::ng-deep .sb-label-grid.show-bradius .item{border-radius:1em}::ng-deep .sb-label-grid.show-bradius .item span.img{border-radius:.5em}::ng-deep .sb-label-grid.show-round-bradius .item{border-radius:10rem}::ng-deep .sb-label-grid.show-round-bradius .item span.img{border-radius:.5em}::ng-deep .sb-label-grid.sb-box-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));grid-auto-rows:minmax(7.5em,auto)}::ng-deep .sb-label-grid.sb-box-grid.show-icon{align-items:center}::ng-deep .sb-label-grid.sb-box-grid .item{flex-direction:column;align-items:center;justify-content:flex-end;font-weight:400;padding:.5em;height:7.5em;text-align:center}::ng-deep .sb-label-grid.sb-box-grid .item .sb-icon-img{margin-bottom:.5em}::ng-deep .sb-label-grid.sb-box-grid .item label{margin-bottom:0;margin-top:.5em}::ng-deep .sb-label-grid.sb-box-grid.show-circle .item{border-radius:100%;justify-content:center;width:7.5em;height:7.5em;padding:.5em}::ng-deep .sb-label-grid.sb-box-grid.show-circle .item .sb-icon-img{margin-right:0;margin-bottom:.5em}::ng-deep .sb-label-grid.sb-box-grid.hscroll{grid-auto-flow:column;grid-auto-columns:minmax(7.5em,1fr)}::ng-deep .sb-label-grid.sb-pills-grid{display:flex;flex-direction:row;flex-wrap:wrap}::ng-deep .sb-label-grid.sb-pills-grid .item{height:3em;border:0;display:flex;align-items:center;justify-content:flex-start;padding:.5em;flex:none;box-sizing:border-box}::ng-deep .sb-label-grid.sb-pills-grid .item .img{width:2em;height:2em;background:var(--cc-pills-grid-item-img-bg);display:flex;align-items:center;justify-content:center;margin-right:.5em;padding:.325em}::ng-deep .sb-label-grid.sb-pills-grid .item .img img{margin:0;width:100%;height:100%}::ng-deep .sb-label-grid.sb-pills-grid .item label{margin-bottom:0;flex:1;font-size:.875em}::ng-deep .sb-label-grid.sb-pills-grid.hscroll{flex-wrap:nowrap}::ng-deep .sb-label-grid.spacefree-icon .item .img{padding:0!important}::ng-deep .sb-label-grid.hscroll{overflow-x:auto;overflow-y:hidden;padding-left:1em}::ng-deep .sb-label-grid.icon-header{display:flex}::ng-deep .sb-label-grid.icon-header .item{justify-content:space-around;height:4.875em;width:4.875em;overflow:initial;border:0;flex:none;margin-top:1.5em}::ng-deep .sb-label-grid.icon-header .item label{font-size:.75em}::ng-deep .sb-label-grid.icon-header .item .img{padding:.5em;background:var(--cc-pills-grid-icon-head-img-bg);display:flex;justify-content:center;align-items:center;width:2.5em;height:2.5em;margin-top:-2em;box-shadow:-.125em .5em .3125em -.125em rgba(0,0,0,.1)}::ng-deep .sb-label-grid.icon-header .item .img img{margin:0}::ng-deep .sb-label-grid.two-rows-grid{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(16.375rem,1fr))[5];grid-template-columns:repeat(5,minmax(16.375rem,1fr));gap:.5em .5em;padding-left:1rem}::ng-deep .sb-label-grid.two-rows-grid .item{margin:0}::ng-deep .sb-label-grid.two-rows-grid.row-sequence{grid-auto-flow:row!important}::ng-deep .sb-label-grid.two-rows-grid.column-sequence{grid-auto-flow:column!important;-ms-grid-rows:(auto)[2];grid-template-rows:repeat(2,auto)}::ng-deep .sb-label-grid.two-rows-grid.one-row-grid{-ms-grid-columns:none;grid-template-columns:none}::ng-deep .sb-label-grid.show-ellipsis .item label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}::ng-deep .sb-label-grid.show-ellipsis--two .item label{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;white-space:inherit}"]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":11,"character":15},{"static":false}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":5}}]}],"onClick":[{"__symbolic":"method"}]}},"PillsGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sb-pills-grid","template":"<div class=\"header\" *ngIf=\"platform === 'portal' && pillItems?.length > 0\">\n  <div class=\"title\">{{title}}</div>\n  <div *ngIf=\"minDisplayCount && (pillItems?.length > minDisplayCount)\">\n    <button class=\"sb-btn sb-btn-normal font-weight-bold sb-btn-outline-primary sb-btn-white\" *ngIf=\"showMoreViewType===ShowMoreViewType.EXPAND && viewCount < pillItems?.length\"\n     (click)=\"viewMore()\" tabindex=\"0\">{{viewMoreText}}</button>\n    <button class=\"sb-btn sb-btn-normal font-weight-bold sb-btn-outline-primary sb-btn-white\" *ngIf=\"showMoreViewType===ShowMoreViewType.EXPAND && viewCount === pillItems?.length\"\n     (click)=\"viewLess()\" tabindex=\"0\">{{viewLessText}}</button>\n  </div>\n</div>\n<div class=\"sb-label-grid show-icon\" [ngClass]=\"{\n  'sb-box-grid':((pillShape === PillShape.BOX)||(pillShape === PillShape.CIRCLE)||(pillShape === PillShape.IMAGE_OVERLAP)), \n  'sb-pills-grid':(pillShape === PillShape.DEFAULT), \n  'show-circle':(pillShape === PillShape.CIRCLE), \n  'icon-header':(pillShape === PillShape.IMAGE_OVERLAP),\n  'hscroll': (pillsViewType === PillsViewType.SCROLL), \n  'show-bradius':(pillBorder === PillBorder.SEMI_ROUND),\n  'show-round-bradius':(pillBorder === PillBorder.ROUND),\n  'two-rows-grid':(pillsMultiRow === PillsMultiRow.DOUBLE_VIEW_COLUMN) || (pillsMultiRow === PillsMultiRow.DOUBLE_VIEW_ROW) || (pillsMultiRow === PillsMultiRow.SINGLE),\n  'one-row-grid':(pillsMultiRow === PillsMultiRow.SINGLE),\n  'column-sequence':(pillsMultiRow === PillsMultiRow.DOUBLE_VIEW_COLUMN),\n  'row-sequence':(pillsMultiRow === PillsMultiRow.DOUBLE_VIEW_ROW),\n  'size--sm':(pillSize === PillSize.SMALL),\n  'size--md':(pillSize === PillSize.MEDIUM),\n  'size--lg':(pillSize === PillSize.LARGE),\n  'size--xl':(pillSize === PillSize.EXTRA_LARGE),\n  'show-ellipsis':(pillTextElipsis === PillTextElipsis.ONE_LINE),\n  'show-ellipsis--two':(pillTextElipsis === PillTextElipsis.TWO_LINE),\n  'show-bshadow':(pillBoxShadow === PillBoxShadow.ENABLE)\n}\">\n  <ng-container *ngFor=\"let ref of visiblePillTemplateRefs\">\n    <ng-container *ngTemplateOutlet=\"ref\"></ng-container>\n  </ng-container>\n</div>\n\n<div class=\"sb-view-more-less pb-16\" *ngIf=\"minDisplayCount && (pillItems?.length > minDisplayCount) && platform === 'mobile'\">\n  <div *ngIf=\"showMoreViewType===ShowMoreViewType.EXPAND\">\n    <button class=\"view-more sb-view-btn\" *ngIf=\"viewCount < pillItems?.length\" (click)=\"viewMore()\" tabindex=\"0\">{{viewMoreText}}</button>\n    <button class=\"view-less sb-view-btn\" *ngIf=\"viewCount === pillItems?.length\"  (click)=\"viewLess()\" tabindex=\"0\">{{viewLessText}}</button>\n  </div>\n\n  <div *ngIf=\"showMoreViewType===ShowMoreViewType.NEW_SCREEN\">\n    <button class=\"view-all sb-view-btn\" (click)=\"viewMoreInNewScreen($event)\" tabindex=\"0\">{{viewMoreText}}</button>\n  </div>\n</div>\n","styles":["::ng-deep :root{--cc-viewbtn-border:#94CCF5;--cc-viewbtn-text:#0076FE;--cc-viewbtn-hover:var(--white)}.sb-view-more-less{text-align:center}.sb-view-btn{border:.0625rem solid var(--cc-viewbtn-border);border-radius:1rem;color:var(--cc-viewbtn-text);font-size:1rem;text-align:center;background:0 0;width:100%;height:2.5rem;transition:.3s ease-in-out}.sb-view-btn:hover{background-color:var(--cc-viewbtn-hover)}.header{display:flex;flex-direction:row;padding:0 0 0 1rem;align-items:center;margin:1.5rem 0 1rem}[dir=ltr] .header,[dir=rtl] .header{margin:1.5rem 0 1rem}.header .title{font-family:inherit;text-overflow:ellipsis;overflow:hidden;flex:1;height:calculateRem(24px);color:var(--cc-lb-card-grid-title);font-size:calculateRem(18px);font-weight:700!important;text-transform:capitalize;line-height:calculateRem(26px);display:flex;align-items:center}"]}]}],"members":{"pillItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":13,"character":5},"arguments":[{"__symbolic":"reference","name":"PillItemComponent"}]}]}],"pillShape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"pillsViewType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"pillBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"selectMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"pillsMultiRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"minDisplayCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"viewMoreText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"viewLessText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"showMoreViewType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"pillSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"pillTextElipsis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"pillBoxShadow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":5}}]}],"viewMorePillList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"platform":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"assignDefaultPillsConfig":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"viewMore":[{"__symbolic":"method"}],"viewLess":[{"__symbolic":"method"}],"viewMoreInNewScreen":[{"__symbolic":"method"}],"associateOnSelect":[{"__symbolic":"method"}]}},"CertificateActionsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CertificateActionsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"CertificateActionsComponent"}]}]}],"members":{}},"IPreviewActionButton":{"__symbolic":"interface"},"IPreviewActionButtonClick":{"__symbolic":"interface"},"CertificateActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sb-certificate-actions","template":"<div class=\"select-template-container d-flex flex-ai-center flex-jc-center flex-dc mb-16\">\n  <div class=\"select-template-container__content\">\n    <div class=\"template-checkbox\">\n      <img *ngIf=\"isSelectedTemplate\" src=\"assets/common-consumption/images/checked-icon.svg\" width=\"18px\" height=\"18px\" alt=\"\">\n    </div>\n    <div class=\"template-image\">\n      <embed [src]=\"templateUrl\" class=\"template-img\" type=\"image/svg+xml\" /></div>\n  </div>\n  <div [ngClass]=\"{'overlay-container': showOverlay}\">\n    <div class=\"d-flex flex-ai-center flex-jc-center flex-dc overlay-buttons\">\n      <button type=\"button\" *ngIf=\"select?.show\" (click)=\"onButtonClick($event, select?.name)\" tabindex=\"0\"\n        class=\"d-flex sb-btn sb-btn-normal sb-btn-no-border mb-16\">\n        <img src=\"assets/common-consumption/images/select-icon.svg\" width=\"16px\" height=\"16px\" class=\"mr-8\" alt=\"\">\n        <span class=\"sb-color-primary font-weight-bold\">{{select?.label}}</span>\n      </button>\n\n      <button type=\"button\" *ngIf=\"remove?.show\" (click)=\"onButtonClick($event, remove?.name)\" tabindex=\"0\"\n        class=\"d-flex sb-btn sb-btn-normal sb-btn-no-border mb-16\">\n        <img src=\"assets/common-consumption/images/bin.svg\" width=\"16px\" height=\"16px\" class=\"mr-8\" alt=\"\">\n        <span class=\"sb-color-error font-weight-bold\">{{remove?.label}}</span>\n      </button>\n\n      <button type=\"button\" *ngIf=\"preview?.show\" (click)=\"onButtonClick($event, preview?.name)\" tabindex=\"0\"\n        class=\"d-flex sb-btn sb-btn-normal sb-btn-no-border\">\n        <img src=\"assets/common-consumption/images/preview-icon.svg\" width=\"14px\" height=\"14px\" class=\"mr-8\" alt=\"\">\n        <span class=\"sb-color-primary font-weight-bold\">{{preview?.label}}</span></button>\n    </div>\n  </div>\n</div>\n","styles":[".select-template-container{position:relative}.select-template-container__content{display:block;width:100%;height:auto}.select-template-container__content .template-checkbox{position:absolute;top:.25rem;right:.25rem}.select-template-container__content .template-image{border-radius:.25rem;width:100%}.select-template-container__content .template-image .template-img{max-width:100%;border-radius:.25rem;width:100%;background:var(--white)}.overlay-container{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s;background-color:rgba(0,0,0,.2)}.select-template-container:hover .overlay-container{opacity:1}.overlay-buttons{position:absolute;width:100%;height:100%}.overlay-buttons .sb-btn-no-border{box-shadow:0 1.25rem 2.5rem -.625rem rgba(2,79,157,.3);background:var(--white);border:0}.sb-btn-select{padding:.5rem 1.3rem}.sb-btn-content{max-width:200px;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}"]}]}],"members":{"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"preview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"isSelectedTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"actionButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"buttonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":32,"character":35}]}],"onButtonClick":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"PagesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"InfoComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}]}]}],"members":{}},"InfoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sb-info","template":"<!-- close button -->\n  <a class=\"close\" ><i class=\"icon-svg icon-svg--xs icon-close\"><svg class=\"icon icon-svg--primary\">\n    <use xlink:href=\"assets/common-consumption/images/sprite.svg#close\"></use>\n  </svg></i></a>\n\n  <!-- section title -->\n  <h4 class=\"sb-group-container__title\">Section Title Comes here</h4>\n\n    <!-- section image -->\n  <img alt=\"\" src=\"assets/common-consumption/images/welcome-group-img.svg\" class=\"sb-group-container__img\" />\n\n    <!-- section description -->\n  <p class=\"sb-group-container__description\">Section para Comes here</p>\n\n  <!-- section action -->\n  <button type=\"button\" class=\"sb-btn sb-btn-sm sb-btn-primary text-uppercase w-100\">Action button<span\n    class='arrow-icon pull-right'><i class=\"icon-svg icon-svg--xxs icon-back\">\n      <svg class=\"icon icon-svg--white\">\n        <use xlink:href=\"assets/common-consumption/images/sprite.svg#arrow-long-right\"></use>\n</svg></i></span></button>","styles":[".close{width:2rem;height:2rem;border-radius:50%;position:absolute;right:.5rem;top:.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.sb-group-container__title{color:var(--gray-800);font-size:1.25rem;font-weight:700;letter-spacing:0;line-height:1.75rem;text-align:center}.sb-group-container__img{width:13.75rem}.sb-group-container__description{color:var(--gray-800);font-size:.875rem;line-height:1.375rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AccordionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AccordionComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"AccordionHeaderComponent"},{"__symbolic":"reference","name":"AccordionBodyComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"AccordionComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"AccordionHeaderComponent"},{"__symbolic":"reference","name":"AccordionBodyComponent"}]}]}],"members":{}},"AccordionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-accordion","template":"<div class=\"sb-accordion-item\">\n<ng-content select=\"sb-accordion-item\"></ng-content>\n</div>","styles":["::ng-deep .expanded .sbaccordion{margin-bottom:1.5rem}"]}]}],"members":{"multi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3},"arguments":["multi"]}]}],"isHiidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"openAll":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}]}},"convertToBoolProperty":{"__symbolic":"function"},"AccordionBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"sb-accordion-body","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":4,"character":33},"arguments":["accordionItemBody",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":5,"character":2},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":7,"character":4},"arguments":[{"overflow":"hidden","visibility":"hidden","height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":13,"character":2},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":4},"arguments":[{"overflow":"hidden","visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":20,"character":2},"arguments":["collapsed => expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":20,"character":38},"arguments":["100ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":21,"character":2},"arguments":["expanded => collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":21,"character":38},"arguments":["100ms ease-out"]}]}]]}],"template":"<div [@accordionItemBody]=\"{ value: state }\">\n  <div class=\"sbaccordion__panel-content\">\n    <ng-content></ng-content>\n  </div>\n</div>","styles":["::ng-deep :root{--cc-accordion-panel-br:var(--primary-300);--cc-accordion-panel-bg:var(--gray-0)}.sbaccordion__panel-content{border:.0625rem solid var(--cc-accordion-panel-br);background:var(--cc-accordion-panel-bg);min-height:2rem;padding:1rem;overflow:hidden;overflow-y:auto;max-height:60vh;margin-top:-1px;border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem}.accordion-item-header-collapsed .sbaccordion__panel-header__title{font-weight:400}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":32,"character":15}}]],"parameters":[{"__symbolic":"reference","name":"ɵd"}]}]}},"AccordionHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sb-accordion-header","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":9,"character":4},"arguments":["expansionIndicator",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":10,"character":6},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":12,"character":8},"arguments":[{"transform":"rotate(180deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":16,"character":6},"arguments":["collapsed => expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":16,"character":42},"arguments":["100ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":17,"character":6},"arguments":["expanded => collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":17,"character":42},"arguments":["100ms ease-out"]}]}]]}],"template":"<div class=\"sbaccordion__panel-header\" role=\"button\" tabindex=\"0\" click=\"toggleHeader()\" >\n  <h4 class=\"sbaccordion__panel-header__title text-left sb__ellipsis sb__ellipsis--two break-word mr-16 d-flex flex-ai-center\">\n    <div class=\"mr-8 progress-circle progress-circle--xs hide\" data-percentage=\"35\">\n      <svg class=\"progress-circle__svg\" viewport=\"0 0 2000 2000\">\n        <circle class=\"progress-circle__stroke\" r=\"50%\" cx=\"50%\" cy=\"50%\"></circle>\n        <circle class=\"progress-circle__stroke\" r=\"50%\" cx=\"50%\" cy=\"50%\"></circle>\n      </svg>\n      <span></span>\n    </div>\n    <ng-content></ng-content>\n  </h4>\n  <i class=\"icon-svg icon-svg--xs icon-arrow-up expansion-indicator\" [@expansionIndicator]=\"state\" role=\"img\" title=\"arrow-down\">\n    <svg class=\"icon icon-svg--primary\">\n      <use xlink:href=\"assets/common-consumption/images/sprite.svg#arrow-down\"></use>\n    </svg>\n  </i>\n</div>\n","styles":["::ng-deep :root{--cc-accordion-panel-header-bg:var(--white);--cc-accordion-panel-header-br:var(--primary-300);--cc-accordion-panel-header-title:var(--primary-400);--cc-progress-circle-stroke:var(--secondary-200);--cc-progress-circle-stroke2:var(--gray-100)}.sbaccordion__panel-header{background:var(--cc-accordion-panel-header-bg);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:3.5rem;border-radius:.25rem;border:.5px solid var(--cc-accordion-panel-header-br)}.sbaccordion__panel-header__title{font-size:.875rem;line-height:1.25rem;font-weight:700;color:var(--cc-accordion-panel-header-title);margin:0;padding:0;width:100%}.accordion-item-header-collapsed .sbaccordion__panel-header__title{font-weight:400}::ng-deep .accordion-item-header-expanded .sbaccordion__panel-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.progress-circle{height:2rem;width:2rem;position:relative}.progress-circle span{position:absolute;font-size:.5rem;font-weight:700;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-circle__svg{border-radius:50%;height:100%;transform:scaleX(-1) rotate(-90deg);width:100%}.progress-circle__stroke{fill:none;stroke-width:.5rem}.progress-circle__stroke:nth-child(1){stroke:var(--cc-progress-circle-stroke)}.progress-circle__stroke:nth-child(2){stroke:var(--cc-progress-circle-stroke2);stroke-dasharray:314.1592%}.progress-circle--xs span{display:none}.progress-circle--xs{height:1.5rem;width:1.5rem}.progress-circle--xs .progress-circle__stroke{stroke-width:.25rem}.progress-circle--sm{height:2rem;width:2rem}.progress-circle--sm .progress-circle__stroke{stroke-width:.5rem}.progress-circle--md{height:3rem;width:3rem}.progress-circle--md .progress-circle__stroke{stroke-width:.75rem}.progress-circle--md span{font-size:.625rem}.progress-circle--lg{height:4rem;width:4rem}.progress-circle--lg .progress-circle__stroke{stroke-width:1rem}.progress-circle--lg span{font-size:.875rem}.progress-circle--xl{height:4.5rem;width:4.5rem}.progress-circle--xl .progress-circle__stroke{stroke-width:1.25rem}.progress-circle--xl span{font-size:1.125rem}.progress-circle--xxl{height:5.5rem;width:5.5rem}.progress-circle--xxl .progress-circle__stroke{stroke-width:1.5rem}.progress-circle--xxl span{font-size:1.25rem}.progress-circle[data-percentage=\"0\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (0 / 100))}.progress-circle[data-percentage=\"1\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (1 / 100))}.progress-circle[data-percentage=\"2\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (2 / 100))}.progress-circle[data-percentage=\"3\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (3 / 100))}.progress-circle[data-percentage=\"4\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (4 / 100))}.progress-circle[data-percentage=\"5\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (5 / 100))}.progress-circle[data-percentage=\"6\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (6 / 100))}.progress-circle[data-percentage=\"7\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (7 / 100))}.progress-circle[data-percentage=\"8\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (8 / 100))}.progress-circle[data-percentage=\"9\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (9 / 100))}.progress-circle[data-percentage=\"10\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (10 / 100))}.progress-circle[data-percentage=\"11\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (11 / 100))}.progress-circle[data-percentage=\"12\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (12 / 100))}.progress-circle[data-percentage=\"13\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (13 / 100))}.progress-circle[data-percentage=\"14\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (14 / 100))}.progress-circle[data-percentage=\"15\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (15 / 100))}.progress-circle[data-percentage=\"16\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (16 / 100))}.progress-circle[data-percentage=\"17\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (17 / 100))}.progress-circle[data-percentage=\"18\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (18 / 100))}.progress-circle[data-percentage=\"19\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (19 / 100))}.progress-circle[data-percentage=\"20\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (20 / 100))}.progress-circle[data-percentage=\"21\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (21 / 100))}.progress-circle[data-percentage=\"22\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (22 / 100))}.progress-circle[data-percentage=\"23\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (23 / 100))}.progress-circle[data-percentage=\"24\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (24 / 100))}.progress-circle[data-percentage=\"25\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (25 / 100))}.progress-circle[data-percentage=\"26\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (26 / 100))}.progress-circle[data-percentage=\"27\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (27 / 100))}.progress-circle[data-percentage=\"28\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (28 / 100))}.progress-circle[data-percentage=\"29\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (29 / 100))}.progress-circle[data-percentage=\"30\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (30 / 100))}.progress-circle[data-percentage=\"31\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (31 / 100))}.progress-circle[data-percentage=\"32\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (32 / 100))}.progress-circle[data-percentage=\"33\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (33 / 100))}.progress-circle[data-percentage=\"34\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (34 / 100))}.progress-circle[data-percentage=\"35\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (35 / 100))}.progress-circle[data-percentage=\"36\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (36 / 100))}.progress-circle[data-percentage=\"37\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (37 / 100))}.progress-circle[data-percentage=\"38\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (38 / 100))}.progress-circle[data-percentage=\"39\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (39 / 100))}.progress-circle[data-percentage=\"40\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (40 / 100))}.progress-circle[data-percentage=\"41\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (41 / 100))}.progress-circle[data-percentage=\"42\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (42 / 100))}.progress-circle[data-percentage=\"43\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (43 / 100))}.progress-circle[data-percentage=\"44\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (44 / 100))}.progress-circle[data-percentage=\"45\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (45 / 100))}.progress-circle[data-percentage=\"46\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (46 / 100))}.progress-circle[data-percentage=\"47\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (47 / 100))}.progress-circle[data-percentage=\"48\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (48 / 100))}.progress-circle[data-percentage=\"49\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (49 / 100))}.progress-circle[data-percentage=\"50\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (50 / 100))}.progress-circle[data-percentage=\"51\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (51 / 100))}.progress-circle[data-percentage=\"52\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (52 / 100))}.progress-circle[data-percentage=\"53\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (53 / 100))}.progress-circle[data-percentage=\"54\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (54 / 100))}.progress-circle[data-percentage=\"55\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (55 / 100))}.progress-circle[data-percentage=\"56\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (56 / 100))}.progress-circle[data-percentage=\"57\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (57 / 100))}.progress-circle[data-percentage=\"58\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (58 / 100))}.progress-circle[data-percentage=\"59\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (59 / 100))}.progress-circle[data-percentage=\"60\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (60 / 100))}.progress-circle[data-percentage=\"61\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (61 / 100))}.progress-circle[data-percentage=\"62\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (62 / 100))}.progress-circle[data-percentage=\"63\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (63 / 100))}.progress-circle[data-percentage=\"64\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (64 / 100))}.progress-circle[data-percentage=\"65\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (65 / 100))}.progress-circle[data-percentage=\"66\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (66 / 100))}.progress-circle[data-percentage=\"67\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (67 / 100))}.progress-circle[data-percentage=\"68\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (68 / 100))}.progress-circle[data-percentage=\"69\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (69 / 100))}.progress-circle[data-percentage=\"70\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (70 / 100))}.progress-circle[data-percentage=\"71\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (71 / 100))}.progress-circle[data-percentage=\"72\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (72 / 100))}.progress-circle[data-percentage=\"73\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (73 / 100))}.progress-circle[data-percentage=\"74\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (74 / 100))}.progress-circle[data-percentage=\"75\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (75 / 100))}.progress-circle[data-percentage=\"76\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (76 / 100))}.progress-circle[data-percentage=\"77\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (77 / 100))}.progress-circle[data-percentage=\"78\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (78 / 100))}.progress-circle[data-percentage=\"79\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (79 / 100))}.progress-circle[data-percentage=\"80\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (80 / 100))}.progress-circle[data-percentage=\"81\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (81 / 100))}.progress-circle[data-percentage=\"82\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (82 / 100))}.progress-circle[data-percentage=\"83\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (83 / 100))}.progress-circle[data-percentage=\"84\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (84 / 100))}.progress-circle[data-percentage=\"85\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (85 / 100))}.progress-circle[data-percentage=\"86\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (86 / 100))}.progress-circle[data-percentage=\"87\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (87 / 100))}.progress-circle[data-percentage=\"88\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (88 / 100))}.progress-circle[data-percentage=\"89\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (89 / 100))}.progress-circle[data-percentage=\"90\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (90 / 100))}.progress-circle[data-percentage=\"91\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (91 / 100))}.progress-circle[data-percentage=\"92\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (92 / 100))}.progress-circle[data-percentage=\"93\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (93 / 100))}.progress-circle[data-percentage=\"94\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (94 / 100))}.progress-circle[data-percentage=\"95\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (95 / 100))}.progress-circle[data-percentage=\"96\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (96 / 100))}.progress-circle[data-percentage=\"97\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (97 / 100))}.progress-circle[data-percentage=\"98\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (98 / 100))}.progress-circle[data-percentage=\"99\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (99 / 100))}.progress-circle--success img.icon_progress_check{width:100%}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["class.accordion-item-header-collapsed"]}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":29,"character":3},"arguments":["class.accordion-item-header-expanded"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["attr.aria-expanded"]}]}],"toggle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":35,"character":3},"arguments":["click"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":36,"character":3},"arguments":["keydown.space"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":37,"character":3},"arguments":["keydown.enter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":51,"character":15}}]],"parameters":[{"__symbolic":"reference","name":"ɵd"}]}]}},"CardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LibraryCardComponent"},{"__symbolic":"reference","name":"CourseCardComponent"},{"__symbolic":"reference","name":"CardHoverComponent"},{"__symbolic":"reference","name":"TocCardComponent"},{"__symbolic":"reference","name":"MyCourseCardComponent"},{"__symbolic":"reference","name":"CourseCuriculumCardComponent"},{"__symbolic":"reference","name":"GroupCardComponent"},{"__symbolic":"reference","name":"MemberCardComponent"},{"__symbolic":"reference","name":"LibraryCardV2Component"},{"__symbolic":"reference","name":"LibraryCardV3Component"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"NotificationCardComponent"},{"__symbolic":"reference","name":"BannerCardComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":37,"character":4}],"exports":[{"__symbolic":"reference","name":"LibraryCardComponent"},{"__symbolic":"reference","name":"CourseCardComponent"},{"__symbolic":"reference","name":"CardHoverComponent"},{"__symbolic":"reference","name":"TocCardComponent"},{"__symbolic":"reference","name":"MyCourseCardComponent"},{"__symbolic":"reference","name":"CourseCuriculumCardComponent"},{"__symbolic":"reference","name":"GroupCardComponent"},{"__symbolic":"reference","name":"MemberCardComponent"},{"__symbolic":"reference","name":"LibraryCardV2Component"},{"__symbolic":"reference","name":"LibraryCardV3Component"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"NotificationCardComponent"},{"__symbolic":"reference","name":"BannerCardComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"LibraryCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-library-card","template":"<!-- card component -->\n<span *ngIf=\"!layoutConfig\">\n<div class=\"sb--card\"\n  [ngClass]=\"{'sb--card--recently-viewed': type === LibraryCardTypes.RECENTLY_VIEWED, 'offline': isOffline, 'selected': isSelected}\"\n  (click)=\"onClick($event)\" (keydown.enter)=\"onEnterKeyPress($event)\" *ngIf=\"!isLoading\" tabindex=\"0\" role=\"button\">\n  <div class=\"sb--card__main-area\">\n    <!-- card img -->\n    <div class=\"sb--card__img\">\n      <div class=\"img-container\">\n        <img [src]=\"cardImg\" alt=\"\">\n      </div>\n    </div>\n    <!-- card mobile view details -->\n    <div class=\"sb--card__info\">\n        <div class=\"sb--card__meta1\">\n          <h4 class=\"sb--card__title sb__ellipsis sb__ellipsis--two text-left flex-basis-1\" title=\"{{content?.name}}\"><bdi>{{content?.name}}</bdi></h4>\n          <a *ngIf=\"isMenu\" role=\"button\" aria-label=\"View more actions menu\" class=\"menu\" (click)=\"onMenuClick($event);$event.stopPropagation()\" tabindex=\"0\"></a>\n        </div>\n      \n      <div class=\"sb--card__meta1 text-left\" *ngIf=\"content?.subject?.length || content?.gradeLevel?.length\">\n        <span class=\"data_1 ellipsis\" title=\"{{content?.subject}}\">{{content?.subject}}</span>\n        <span *ngIf=\"content?.subject?.length && content?.gradeLevel?.length\" class=\"dot-divider\"></span>\n        <span class=\"data_2 ellipsis\" title=\"{{content?.gradeLevel}}\">{{content?.gradeLevel}}</span>\n      </div>\n    </div>\n  </div>\n\n  <!-- content for only desktop -->\n  <div *ngIf=\"type === LibraryCardTypes.DESKTOP_TEXTBOOK || type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n    <div class=\"sb--card__moreinfo\">\n      <!-- other meta info Medium, Organization etc -->\n      <div class=\"sb--card__meta2 text-left\">\n        <div class=\"sb--card__meta2_data\" *ngIf=\"content?.medium\"><span class=\"\">{{moreInfoLabel}}:\n            {{content?.medium}}</span></div>\n        <div class=\"sb--card__org sb__ellipsis\" *ngIf=\"content?.organisation\"><bdi>{{content?.organisation}}</bdi></div>\n      </div>\n      <!-- other meta info Badge and card category Book, learn, practice -->\n      <div class=\"sb--card__tags\">\n        <span class=\"sb--card__badge\" *ngIf=\"content?.badgeAssertions\"><img\n            [src]=\"content?.badgeAssertions[0]?.badgeClassImage\" alt=\"\" title=\"\" /></span>\n        <span class=\"sb--card__type\" *ngIf=\"content?.resourceType\">{{content?.resourceType}}</span>\n      </div>\n    </div>\n    <div *ngIf=\"type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n        <div>\n          <button class=\"sb-btn sb-btn-primary sb-btn-normal w-100 border-top-r-left-right\">\n            <i class=\"icon-svg icon-svg--xxs icon-videos mr-4\">\n              <svg class=\"icon icon-svg--white\">\n                <use xlink:href=\"assets/common-consumption/images/sprite.svg#play\"></use>\n              </svg>\n            </i> {{btnlabel}} </button>\n        </div>\n    </div>\n  </div>\n\n  <!-- Qr code card -->\n  <div *ngIf=\"type === LibraryCardTypes.QRCODE_RESULT\">\n    <!-- Section area if not available it will be hidden -->\n    <div class=\"sb--card__moreinfo\" *ngIf=\"section !== null\">\n      <div class=\"sb--card__meta2 text-left\">\n        <div class=\"sb--card__meta2_data sb__ellipsis sb__ellipsis--two\" *ngIf=\"section\">\n          <span class=\"label\">{{moreInfoLabel}}: </span>\n          <span class=\"value\">{{section}}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- <ng-content select=\".card-hover\">\n    \n  </ng-content> -->\n  <ng-container\n    *ngTemplateOutlet=\"gridTemplate; context: {$implicit: content?.hoverData, hoverData: content?.hoverData, content:content}\"\n    class=\"card-hover\">\n\n  </ng-container>\n</div>\n\n  <div class=\"sb--card\" *ngIf=\"isLoading\" tabindex=\"0\" role=\"button\">\n      <div class=\"sb--card__main-area\">\n          <!-- card img -->\n          <div class=\"sb--card__img\">\n            <div class=\"img-container loading-animation\">\n              \n            </div>\n          </div>\n          <!-- card mobile view details -->\n          <div class=\"sb--card__info\">\n            <h4 class=\"sb--card__title loading-animation sb--card--highlighter\"></h4>\n            <div class=\"sb--card__meta1 text-left\">\n              <span class=\"data_1 ellipsis loading-animation sb--card--highlighter\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"sb--card__moreinfo\" style=\"display:block;\" *ngIf=\"type === LibraryCardTypes.DESKTOP_TEXTBOOK || type === LibraryCardTypes.QRCODE_RESULT || type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n              <div class=\"sb--card__meta2 text-left\" style=\"float:left;width:60%\">\n                <div class=\"label loading-animation sb--card--highlighter\" style=\"width:80%;\"></div>\n                <div class=\"value loading-animation sb--card--highlighter\" style=\"width:60%;\"></div>\n              </div>\n              <div class=\"sb--card__tags\" style=\"float:right;width:30%;margin-top: 15px;\">\n                <div class=\"label loading-animation sb--card--highlighter\" style=\"width:80%;\"></div>\n              </div>\n              <div style=\"clear:both;\"></div>\n        </div>\n        <div *ngIf=\"type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n          <div>\n            <div class=\"label loading-animation sb--card--highlighter\" style=\"width:100%;\"></div>\n          </div>\n      </div>\n\n  </div>\n</span>\n<span *ngIf=\"layoutConfig\">\n    <ng-container *ngIf=\"(layoutConfig && !layoutConfig.layout) || layoutConfig.layout === 'v2'\">\n      <sb-library-card-v2 [indexToDisplay]=\"indexToDisplay\" [isLoading]=\"isLoading\" [content]=\"content\" [isMobile]=\"isMobile\"\n      [isOffline]=\"isOffline\" [cardImg]=\"cardImg\" [type]=\"type\" [moreInfoLabel]=\"moreInfoLabel\" [isSelected]=\"isSelected\"\n      [section]=\"section\" [btnlabel]=\"btnlabel\" [btnicon]=\"btnicon\"\n      [layoutConfig]=\"layoutConfig\" [isMenu]=\"isMenu\" (cardClick)=\"onClick($event)\" (enterKeyPress)=\"onEnterKeyPress($event)\"\n      (menuClick)=\"onMenuClick($event);$event.stopPropagation()\" [hover-template]=\"gridTemplate\"\n      ></sb-library-card-v2>\n    </ng-container>\n    <ng-container *ngIf=\"layoutConfig.layout === 'v3'\">\n      <sb-library-card-v3 [indexToDisplay]=\"indexToDisplay\" [isLoading]=\"isLoading\" [content]=\"content\" [isMobile]=\"isMobile\"\n      [isOffline]=\"isOffline\" [cardImg]=\"cardImg\" [type]=\"type\" [moreInfoLabel]=\"moreInfoLabel\" [isSelected]=\"isSelected\"\n      [section]=\"section\" [btnlabel]=\"btnlabel\" [btnicon]=\"btnicon\"\n      [layoutConfig]=\"layoutConfig\" [isMenu]=\"isMenu\" (cardClick)=\"onClick($event)\" (enterKeyPress)=\"onEnterKeyPress($event)\"\n      (menuClick)=\"onMenuClick($event);$event.stopPropagation()\" [hover-template]=\"gridTemplate\"\n      ></sb-library-card-v3>\n    </ng-container>\n    <ng-container *ngIf=\"layoutConfig.layout === 'v4'\">\n      <sb-library-card-v4 [indexToDisplay]=\"indexToDisplay\" [isLoading]=\"isLoading\" [content]=\"content\" [isMobile]=\"isMobile\"\n      [isOffline]=\"isOffline\" [cardImg]=\"cardImg\" [type]=\"type\" [moreInfoLabel]=\"moreInfoLabel\" [isSelected]=\"isSelected\"\n      [section]=\"section\" [btnlabel]=\"btnlabel\" [btnicon]=\"btnicon\"\n      [layoutConfig]=\"layoutConfig\" [isMenu]=\"isMenu\" (cardClick)=\"onClick($event)\" (enterKeyPress)=\"onEnterKeyPress($event)\"\n      (menuClick)=\"onMenuClick($event);$event.stopPropagation()\" [hover-template]=\"gridTemplate\"\n      ></sb-library-card-v4>\n    </ng-container>\n</span>","styles":[".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-sbcard-bg:var(--white);--cc-sbcard-img-container-bg:var(--gray-100);--cc-sbcard-title:var(--primary-color);--cc-sbcard-meta-text:var(--gray-800);--cc-sbcard-dot-divider:var(--gray-200);--cc-sbcard-moreinfo-bg:none;--cc-sbcard-moreinfo-bordertop:#cacbce;--cc-sbcard-meta2-text:var(--gray-800);--cc-sbcard-org-text:var(--gray-200);--cc-sbcard-type-bg:var(--gray-200);--cc-sbcard-type-text:var(--white);--cc-sbcard-rv-img-container-bg:var(--gray-100);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-selected-bg:rgba(2, 79, 157, 0.2);--cc-sbcard-offline-bg:var(--tertiary-color);--cc-sbcard-offline-img-text:var(--white);--cc-sbcard-card__progressbar-bg:var(--gray-100);--cc-sbcard-card__progressbar-span-bg:var(--secondary-200);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card{width:100%;background-color:var(--cc-sbcard-bg);display:flex;flex-direction:column;cursor:pointer;position:relative;margin-top:0;border:0;contain:content;border-radius:.125rem}:host .sb--card:hover{transform:translate(0,0);box-shadow:0 .125rem .4375rem 0 rgba(var(--rc-rgba-black),.16)}@media (max-width:767px){:host .sb--card{box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16)}}:host .sb--card__main-area{display:flex;flex-direction:row;align-items:center;height:5.5rem}:host .sb--card__img{height:4.5rem;width:4.5rem;overflow:hidden;flex:0 0 4.5rem;margin:.5rem}:host .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-img-container-bg);height:4.5rem;width:4.5rem;justify-content:center}:host .sb--card__img .img-container img{max-width:100%}:host .sb--card__info{flex:1;overflow:hidden}[dir=ltr] :host .sb--card__info{padding-right:.5rem}[dir=rtl] :host .sb--card__info{padding-left:.5rem}:host .sb--card__title{color:var(--cc-sbcard-title);font-size:.875rem;margin:0;line-height:1.25rem}:host .sb--card__meta1{color:var(--cc-sbcard-meta-text);font-size:.75rem;display:flex;flex-direction:row;align-items:center;flex:1;line-height:1.25rem;margin-top:.25rem}:host .sb--card .data_1{max-width:50%}:host .sb--card .data_2{flex:1}:host .sb--card .dot-divider{width:.25rem;height:.25rem;min-width:.25rem;max-width:.25rem;min-height:.25rem;max-height:.25rem;border-radius:100%;background-color:var(--cc-sbcard-dot-divider);display:inline-block;margin:0 .5rem}:host .sb--card__moreinfo{border-radius:0 0 .125rem .125rem;background-color:var(--cc-sbcard-moreinfo-bg);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;min-height:3.5rem;border-top:0 solid var(--cc-sbcard-moreinfo-bordertop)}:host .sb--card__meta2{color:var(--cc-sbcard-meta2-text);font-size:.75rem;line-height:.875rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;padding:.5rem}:host .sb--card__meta2_data .label{font-weight:400}:host .sb--card__meta2_data .value{font-weight:700}:host .sb--card__org{color:var(--cc-sbcard-org-text)}:host .sb--card__tags{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1}:host .sb--card__badge{display:flex}:host .sb--card__badge img{width:1.25rem;height:1.25rem}:host .sb--card__type{background:var(--cc-sbcard-type-bg);position:relative;height:1.25rem;color:var(--cc-sbcard-type-text);font-size:.6875rem;display:flex;align-items:center}[dir=ltr] :host .sb--card__type{padding-left:.25rem;padding-right:.5rem;margin-left:1rem}[dir=rtl] :host .sb--card__type{padding-left:.5rem;padding-right:.25rem;margin-right:1rem}:host .sb--card__type:before{content:\"\";width:0;height:0;border-width:.625rem .3125rem;border-style:solid;border-color:var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) transparent;position:absolute;left:-10px}html[dir=rtl] :host .sb--card__type:before{right:-.625rem;left:inherit;border-color:var(--cc-sbcard-type-br) transparent var(--cc-sbcard-type-br) var(--cc-sbcard-type-br)}:host .sb--card--recently-viewed .sb--card__img{height:5.5rem;width:5.5rem;flex:0 0 5.5rem;margin:0}:host .sb--card--recently-viewed .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-rv-img-container-bg);height:5.5rem;width:5.5rem}:host .sb--card--recently-viewed .sb--card__info{padding:.5rem;flex:1}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:4px;background-color:var(--cc-sbcard-selected-bg)}:host .sb--card.offline .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-offline-bg);opacity:.5}:host .sb--card.offline .sb--card__img .img-container img{margin:auto;font-size:1.5rem;color:var(--cc-sbcard-offline-img-text)}:host .sb--card.offline .sb--card__info,:host .sb--card.offline .sb--card__moreinfo{opacity:.5}:host .sb--card__progressbar{height:.25rem;margin:0;border-radius:0;box-shadow:inset 0 -.0625rem .0625rem rgba(var(--rc-rgba-white),.3);width:100%;background:var(--cc-sbcard-card__progressbar-bg)}:host .sb--card__progressbar>span{display:block;height:100%;background-color:var(--cc-sbcard-card__progressbar-span-bg);background-image:-webkit-gradient(center bottom,var(--secondary-400),var(--secondary-200));box-shadow:inset 0 .125rem .5625rem var(--gray-100),inset 0 -.125rem .375rem rgba(var(--rc-rgba-black),.4);position:relative;overflow:hidden}:host .animate>span:after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(var(--rc-rgba-white),.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(var(--rc-rgba-white),.2)),color-stop(.75,rgba(var(--rc-rgba-white),.2)),color-stop(.75,transparent),to(transparent));z-index:1;background-size:3.125rem 3.125rem;overflow:hidden;-webkit-animation:2s linear infinite move;border-radius:1.25rem .5rem .5rem 1.25rem}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:3.125rem 3.125rem}}:host .completed>span{background-color:var(--secondary-color);background-image:-webkit-linear-gradient(var(--secondary-100),var(--secondary-400))}:host .inprogress>span{background-color:var(--tertiary-color);background-image:-webkit-linear-gradient(var(--tertiary-100),var(--tertiary-400))}:host .notcompleted>span{background-color:var(--red-100);background-image:-webkit-linear-gradient(var(--red-100),var(--red-400))}:host .nostripes>span,:host .nostripes>span:after{-webkit-animation:none;-moz-animation:none;background-image:none}:host .border-top-r-left-right{border-top-left-radius:0;border-top-right-radius:0}::ng-deep .card-hover{opacity:0;transition:.2s ease-in;display:none}::ng-deep .sb--card:focus-within .card-hover,::ng-deep .sb--card:hover .card-hover{opacity:1;z-index:1001;display:block}::ng-deep .sb--card:focus-within .card-hover .child-content,::ng-deep .sb--card:hover .card-hover .child-content{--cc-sbcard-hover-text:var(--white);--cc-sbcard-hover-bg:var(--primary-color);color:var(--cc-sbcard-hover-text);position:absolute;left:0;right:0;top:0;bottom:0;opacity:.95;border-radius:.125rem;background-color:var(--cc-sbcard-hover-bg);z-index:1;display:flex;align-items:center;transition:.2s ease-in;flex-direction:column;justify-content:space-evenly}::ng-deep .sb--card:focus-within .card-hover .action-container,::ng-deep .sb--card:hover .card-hover .action-container{display:flex;width:100%;justify-content:center;align-self:center;justify-self:center;flex:1;align-items:center}::ng-deep .sb--card:focus-within .card-hover .action-item,::ng-deep .sb--card:hover .card-hover .action-item{padding:0 1rem;flex:1;text-align:center}::ng-deep .sb--card:focus-within .card-hover .action-item .sb-btn.sb-btn-primary[disabled],::ng-deep .sb--card:hover .card-hover .action-item .sb-btn.sb-btn-primary[disabled]{background-color:transparent;opacity:.5;border:0;color:var(--white)}::ng-deep .sb--card:focus-within .card-hover .action-item:not(:last-child),::ng-deep .sb--card:hover .card-hover .action-item:not(:last-child){border-right:.0625rem solid rgba(var(--rc-rgba-white),.5)}::ng-deep .sb--card:focus-within .card-hover .hover-meta-info,::ng-deep .sb--card:hover .card-hover .hover-meta-info{font-size:.625rem;opacity:.8;color:var(--white);line-height:.75rem;flex:0 0 25%}.menu::after{content:'\\2807';font-size:1.5rem;color:var(--gray-200);text-align:center;align-items:center;display:flex;justify-content:center;border-radius:50%;padding-left:.375rem;cursor:pointer;width:2rem;height:2rem}.menu:hover::after{background:var(--gray-0)}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"isMobile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"isOffline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"cardImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"moreInfoLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"section":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"gridTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5},"arguments":["hover-template"]}]}],"btnlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"btnicon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"layoutConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"indexToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":5}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"enterKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onMenuClick":[{"__symbolic":"method"}],"onEnterKeyPress":[{"__symbolic":"method"}],"test":[{"__symbolic":"method"}]}},"CourseCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sb-course-card","template":"<!-- card component -->\n<div class=\"sb--card sb--card--course\" (click)=\"onClick($event)\" *ngIf=\"!isLoading\" tabindex=\"0\">\n  <div class=\"sb--card__main-area\">\n    <!-- card img -->\n    <div class=\"sb--card__img\">\n      <div class=\"img-container\">\n        <img [src]=\"cardImg\" alt=\"\">\n      </div>\n    </div>\n    <!-- card mobile view details -->\n    <div class=\"sb--card__info\">\n        <div class=\"sb--card__meta1\">\n            <h4 class=\"sb--card__title sb__ellipsis sb__ellipsis--two text-left flex-basis-1\" title=\"{{course?.name}}\">{{course?.name}}</h4>\n            <div *ngIf=\"isMenu\" role=\"button\" aria-label=\"View more actions menu\" class=\"menu\" (click)=\"onMenuClick($event);$event.stopPropagation()\" tabindex=\"0\"></div>\n        </div>\n      <div class=\"sb--card__meta1 text-left\">\n        <span class=\"data_1 sb__ellipsis sb__ellipsis--two\" title=\"{{course?.orgDetails?.orgName}}\">{{course?.orgDetails?.orgName || course?.organisation?.join(', ')}}</span>\n      </div>\n    </div>\n  </div>\n  \n  <div>\n    <div class=\"sb--card__meta_c_data\" *ngIf=\"section!=null\" [innerHTML]=\"section\">\n    </div>\n  </div>\n\n</div>\n\n  <div class=\"sb--card\" *ngIf=\"isLoading\">\n      <div class=\"sb--card__main-area\">\n          <!-- card img -->\n          <div class=\"sb--card__img\">\n            <div class=\"img-container loading-animation\">\n              \n            </div>\n          </div>\n          <!-- card mobile view details -->\n          <div class=\"sb--card__info\">\n            <h4 class=\"sb--card__title loading-animation sb--card--highlighter\"></h4>\n            <div class=\"sb--card__meta1 text-left\">\n              <span class=\"data_1 ellipsis loading-animation sb--card--highlighter\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"sb--card__meta_c_data\" style=\"display:none;\">\n            <div class=\"label loading-animation sb--card--highlighter\" style=\"width:80%;\"></div>\n        </div>\n  </div>","styles":[".sb--card{border-radius:.125rem}.sb--card--course .sb--card__meta1{--cc-sbcard-meta1:#555;color:var(--cc-sbcard-meta1);font-size:.75rem;line-height:1rem}.sb--card--course .sb--card__meta_c_data{--cc-sbcard-metaC-data:var(--rc-FAFAFA);min-height:2rem;padding:.5rem;background-color:var(--cc-sbcard-metaC-data);font-size:.8rem}.sb--card--course .data_1{max-width:100%!important}",".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-sbcard-bg:var(--white);--cc-sbcard-img-container-bg:var(--gray-100);--cc-sbcard-title:var(--primary-color);--cc-sbcard-meta-text:var(--gray-800);--cc-sbcard-dot-divider:var(--gray-200);--cc-sbcard-moreinfo-bg:none;--cc-sbcard-moreinfo-bordertop:#cacbce;--cc-sbcard-meta2-text:var(--gray-800);--cc-sbcard-org-text:var(--gray-200);--cc-sbcard-type-bg:var(--gray-200);--cc-sbcard-type-text:var(--white);--cc-sbcard-rv-img-container-bg:var(--gray-100);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-selected-bg:rgba(2, 79, 157, 0.2);--cc-sbcard-offline-bg:var(--tertiary-color);--cc-sbcard-offline-img-text:var(--white);--cc-sbcard-card__progressbar-bg:var(--gray-100);--cc-sbcard-card__progressbar-span-bg:var(--secondary-200);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card{width:100%;background-color:var(--cc-sbcard-bg);display:flex;flex-direction:column;cursor:pointer;position:relative;margin-top:0;border:0;contain:content;border-radius:.125rem}:host .sb--card:hover{transform:translate(0,0);box-shadow:0 .125rem .4375rem 0 rgba(var(--rc-rgba-black),.16)}@media (max-width:767px){:host .sb--card{box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16)}}:host .sb--card__main-area{display:flex;flex-direction:row;align-items:center;height:5.5rem}:host .sb--card__img{height:4.5rem;width:4.5rem;overflow:hidden;flex:0 0 4.5rem;margin:.5rem}:host .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-img-container-bg);height:4.5rem;width:4.5rem;justify-content:center}:host .sb--card__img .img-container img{max-width:100%}:host .sb--card__info{flex:1;overflow:hidden}[dir=ltr] :host .sb--card__info{padding-right:.5rem}[dir=rtl] :host .sb--card__info{padding-left:.5rem}:host .sb--card__title{color:var(--cc-sbcard-title);font-size:.875rem;margin:0;line-height:1.25rem}:host .sb--card__meta1{color:var(--cc-sbcard-meta-text);font-size:.75rem;display:flex;flex-direction:row;align-items:center;flex:1;line-height:1.25rem;margin-top:.25rem}:host .sb--card .data_1{max-width:50%}:host .sb--card .data_2{flex:1}:host .sb--card .dot-divider{width:.25rem;height:.25rem;min-width:.25rem;max-width:.25rem;min-height:.25rem;max-height:.25rem;border-radius:100%;background-color:var(--cc-sbcard-dot-divider);display:inline-block;margin:0 .5rem}:host .sb--card__moreinfo{border-radius:0 0 .125rem .125rem;background-color:var(--cc-sbcard-moreinfo-bg);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;min-height:3.5rem;border-top:0 solid var(--cc-sbcard-moreinfo-bordertop)}:host .sb--card__meta2{color:var(--cc-sbcard-meta2-text);font-size:.75rem;line-height:.875rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;padding:.5rem}:host .sb--card__meta2_data .label{font-weight:400}:host .sb--card__meta2_data .value{font-weight:700}:host .sb--card__org{color:var(--cc-sbcard-org-text)}:host .sb--card__tags{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1}:host .sb--card__badge{display:flex}:host .sb--card__badge img{width:1.25rem;height:1.25rem}:host .sb--card__type{background:var(--cc-sbcard-type-bg);position:relative;height:1.25rem;color:var(--cc-sbcard-type-text);font-size:.6875rem;display:flex;align-items:center}[dir=ltr] :host .sb--card__type{padding-left:.25rem;padding-right:.5rem;margin-left:1rem}[dir=rtl] :host .sb--card__type{padding-left:.5rem;padding-right:.25rem;margin-right:1rem}:host .sb--card__type:before{content:\"\";width:0;height:0;border-width:.625rem .3125rem;border-style:solid;border-color:var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) transparent;position:absolute;left:-10px}html[dir=rtl] :host .sb--card__type:before{right:-.625rem;left:inherit;border-color:var(--cc-sbcard-type-br) transparent var(--cc-sbcard-type-br) var(--cc-sbcard-type-br)}:host .sb--card--recently-viewed .sb--card__img{height:5.5rem;width:5.5rem;flex:0 0 5.5rem;margin:0}:host .sb--card--recently-viewed .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-rv-img-container-bg);height:5.5rem;width:5.5rem}:host .sb--card--recently-viewed .sb--card__info{padding:.5rem;flex:1}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:4px;background-color:var(--cc-sbcard-selected-bg)}:host .sb--card.offline .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-offline-bg);opacity:.5}:host .sb--card.offline .sb--card__img .img-container img{margin:auto;font-size:1.5rem;color:var(--cc-sbcard-offline-img-text)}:host .sb--card.offline .sb--card__info,:host .sb--card.offline .sb--card__moreinfo{opacity:.5}:host .sb--card__progressbar{height:.25rem;margin:0;border-radius:0;box-shadow:inset 0 -.0625rem .0625rem rgba(var(--rc-rgba-white),.3);width:100%;background:var(--cc-sbcard-card__progressbar-bg)}:host .sb--card__progressbar>span{display:block;height:100%;background-color:var(--cc-sbcard-card__progressbar-span-bg);background-image:-webkit-gradient(center bottom,var(--secondary-400),var(--secondary-200));box-shadow:inset 0 .125rem .5625rem var(--gray-100),inset 0 -.125rem .375rem rgba(var(--rc-rgba-black),.4);position:relative;overflow:hidden}:host .animate>span:after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(var(--rc-rgba-white),.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(var(--rc-rgba-white),.2)),color-stop(.75,rgba(var(--rc-rgba-white),.2)),color-stop(.75,transparent),to(transparent));z-index:1;background-size:3.125rem 3.125rem;overflow:hidden;-webkit-animation:2s linear infinite move;border-radius:1.25rem .5rem .5rem 1.25rem}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:3.125rem 3.125rem}}:host .completed>span{background-color:var(--secondary-color);background-image:-webkit-linear-gradient(var(--secondary-100),var(--secondary-400))}:host .inprogress>span{background-color:var(--tertiary-color);background-image:-webkit-linear-gradient(var(--tertiary-100),var(--tertiary-400))}:host .notcompleted>span{background-color:var(--red-100);background-image:-webkit-linear-gradient(var(--red-100),var(--red-400))}:host .nostripes>span,:host .nostripes>span:after{-webkit-animation:none;-moz-animation:none;background-image:none}:host .border-top-r-left-right{border-top-left-radius:0;border-top-right-radius:0}::ng-deep .card-hover{opacity:0;transition:.2s ease-in;display:none}::ng-deep .sb--card:focus-within .card-hover,::ng-deep .sb--card:hover .card-hover{opacity:1;z-index:1001;display:block}::ng-deep .sb--card:focus-within .card-hover .child-content,::ng-deep .sb--card:hover .card-hover .child-content{--cc-sbcard-hover-text:var(--white);--cc-sbcard-hover-bg:var(--primary-color);color:var(--cc-sbcard-hover-text);position:absolute;left:0;right:0;top:0;bottom:0;opacity:.95;border-radius:.125rem;background-color:var(--cc-sbcard-hover-bg);z-index:1;display:flex;align-items:center;transition:.2s ease-in;flex-direction:column;justify-content:space-evenly}::ng-deep .sb--card:focus-within .card-hover .action-container,::ng-deep .sb--card:hover .card-hover .action-container{display:flex;width:100%;justify-content:center;align-self:center;justify-self:center;flex:1;align-items:center}::ng-deep .sb--card:focus-within .card-hover .action-item,::ng-deep .sb--card:hover .card-hover .action-item{padding:0 1rem;flex:1;text-align:center}::ng-deep .sb--card:focus-within .card-hover .action-item .sb-btn.sb-btn-primary[disabled],::ng-deep .sb--card:hover .card-hover .action-item .sb-btn.sb-btn-primary[disabled]{background-color:transparent;opacity:.5;border:0;color:var(--white)}::ng-deep .sb--card:focus-within .card-hover .action-item:not(:last-child),::ng-deep .sb--card:hover .card-hover .action-item:not(:last-child){border-right:.0625rem solid rgba(var(--rc-rgba-white),.5)}::ng-deep .sb--card:focus-within .card-hover .hover-meta-info,::ng-deep .sb--card:hover .card-hover .hover-meta-info{font-size:.625rem;opacity:.8;color:var(--white);line-height:.75rem;flex:0 0 25%}.menu::after{content:'\\2807';font-size:1.5rem;color:var(--gray-200);text-align:center;align-items:center;display:flex;justify-content:center;border-radius:50%;padding-left:.375rem;cursor:pointer;width:2rem;height:2rem}.menu:hover::after{background:var(--gray-0)}"]}]}],"members":{"course":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"isMobile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"isOffline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"cardImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"section":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onMenuClick":[{"__symbolic":"method"}]}},"BannerCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sb-banner-card-hlist","template":"<div class=\"sb--scrolling-wrapper-flexbox\" *ngIf=\"!secondaryBanner\">\n    <div *ngFor=\"let banner of bannerList\">\n        <div class=\"sb--card sb--card--theme2\" role=\"link\" tabindex=\"0\"\n            [ngStyle]=\"{background: 'url(' + banner?.ui?.background+ ')'}\" (click)=\"onClick($event, banner)\">\n            <div class=\"explore-text\">{{banner?.ui?.text}}</div>\n        </div>\n    </div>\n</div>\n\n<div class=\"sb--scrolling-wrapper-flexbox\" *ngIf=\"secondaryBanner && platform !== 'portal'\">\n    <div *ngFor=\"let banner of bannerList\">\n        <div class=\"item\" (click)=\"onClick($event, banner)\" tabindex=\"0\">\n            <div class=\"img-info\"><img src=\"{{banner?.ui?.icon}}\" alt=\"Avatar\" class=\"icon-info\"></div>\n            <div class=\"banner-title sb__ellipsis sb__ellipsis--two\">{{banner?.ui?.text}}</div>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"secondaryBanner && platform === 'portal' && bannerList\">\n    <div class=\"web-item\" (click)=\"onClick($event, bannerList)\" tabindex=\"0\">\n        <div class=\"web-img-info\"><img src=\"{{bannerList?.ui?.icon}}\" alt=\"Avatar\" class=\"web-icon-info\"></div>\n        <div class=\"web-banner-title sb__ellipsis sb__ellipsis--two\">{{bannerList?.ui?.text}}</div>\n    </div>\n</div>","styles":[":host .sb--card.sb--card--theme2{border-radius:1rem;box-shadow:var(--sbt-box-shadow-6px);padding:1rem;height:16vh;width:40vh;background-size:cover;overflow:hidden;background-repeat:no-repeat;margin:.625rem .375rem .625rem 1.125rem}:host .sb--scrolling-wrapper-flexbox{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5em}:host .explore-text{color:#fff;font-size:1.125rem;font-weight:700;padding:1.125rem .625rem;width:54%}:host .item{display:block;background:var(--white);border-radius:10px;transition:.3s ease-in-out;margin:.25em .25em .25em 1em;height:8.625rem;width:8rem}:host .img-info{height:3rem;width:3rem;border-radius:50%;background-color:#ffd954;display:inline-block;margin:1.25rem 2.5rem 0}:host .icon-info{padding:13px}:host .banner-title{color:#333;font-size:.8125rem;font-weight:600;letter-spacing:0;text-align:center;line-height:1.25rem;margin-top:1.25rem;padding:0 10px}:host .web-item{display:block;background:var(--white);border-radius:1rem;transition:.3s ease-in-out;height:12.125rem;width:78%}:host .web-item:hover{transform:translate(0,0) scale(.95);z-index:99;cursor:pointer}:host .web-img-info{height:4rem;width:4rem;border-radius:50%;background-color:#ffd954;display:block;margin-left:auto;margin-right:auto;position:relative;top:16%}:host .web-icon-info{width:40px;margin-left:.75rem;padding:1.0625rem 6px}:host .web-banner-title{color:#333;font-size:1.125rem;font-weight:600;letter-spacing:0;text-align:center;line-height:1.5rem;margin-top:4rem;padding:0 10px}"]}]}],"members":{"backGround":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"bannerList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"secondaryBanner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"platform":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"onClick":[{"__symbolic":"method"}]}},"CardHoverComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sb-card-hover","template":"\n<!-- <div class=\"card-hover\"> -->\n    <div class=\"action-container\">\n        <ng-container *ngFor=\"let item of hoverData?.actions\">\n            <div class=\"action-item\" *ngIf=\"item.type === 'save'\" [title]=\"item?.title ? item.title : ''\">\n                <button class=\"sb-btn-grow\" (click)=\"actionClick(item, content, $event);\" [disabled]=\"item.disabled\" tabindex=\"0\">\n                    <i class=\"icon-svg icon-svg--md\">\n                        <svg class=\"icon\">\n                            <use xlink:href=\"assets/common-consumption/images/sprite.svg#pendrive\"></use>\n                        </svg>\n                    </i>\n                  <span class=\"sb__ellipsis\">{{item.label}}</span>\n                </button>\n            </div>\n            <div class=\"action-item\" *ngIf=\"item.type === 'download'\" [title]=\"item?.title ? item.title : ''\">\n                <button class=\"sb-btn-grow\" (click)=\"actionClick(item, content, $event);\" [disabled]=\"item.disabled\" tabindex=\"0\">\n                    <i class=\"icon-svg icon-svg--md\">\n                        <svg class=\"icon\">\n                            <use xlink:href=\"assets/common-consumption/images/sprite.svg#outline-cloud_download\"></use>\n                        </svg>\n                    </i>\n                    <span class=\"sb__ellipsis\">{{item.label}}</span>\n                  </button>\n            </div>\n            <div class=\"action-item\" *ngIf=\"item.type === 'open'\" [title]=\"item?.title ? item.title : ''\">\n                <button class=\"sb-btn-grow\" (click)=\"actionClick(item, content, $event);\" [disabled]=\"item.disabled\" tabindex=\"0\">\n                    <i class=\"icon-svg icon-svg--md\">\n                        <svg class=\"icon\">\n                            <use xlink:href=\"assets/common-consumption/images/sprite.svg#book-open\"></use>\n                        </svg>\n                    </i>\n                    <span class=\"sb__ellipsis\">{{item.label}}</span>\n                  </button>\n            </div>\n            <div class=\"action-item\" *ngIf=\"item.type === 'view'\" [title]=\"item?.title ? item.title : ''\">\n                <button class=\"sb-btn-grow\" (click)=\"actionClick(item, content, $event);\" tabindex=\"0\" [disabled]=\"item.disabled\">\n                    <i class=\"icon-svg icon-svg--sm\">\n                        <svg class=\"icon\">\n                            <use xlink:href=\"assets/common-consumption/images/sprite.svg#eye\"></use>\n                        </svg>\n                    </i>\n                    <span class=\"sb__ellipsis\">{{item.label}}</span>\n                  </button>\n            </div>\n            <div class=\"action-item\" *ngIf=\"item.type === 'addToGroup'\" [title]=\"item?.title ? item.title : ''\">\n                <button class=\"sb-btn-grow\" (click)=\"actionClick(item, content, $event);\" tabindex=\"0\" [disabled]=\"item.disabled\">\n                    <i class=\"icon-svg icon-svg--sm\">\n                        <svg class=\"icon\">\n                            <use xlink:href=\"assets/common-consumption/images/sprite.svg#add-icon\"></use>\n                        </svg>\n                    </i>\n                    <span class=\"sb__ellipsis\">{{item.label}}</span>\n                  </button>\n            </div>\n            <div  class=\"d-flex flex-ai-center flex-jc-center fnormal sb-color-white\" *ngIf=\"item.type === 'text'\" [title]=\"item?.title ? item.title : ''\">\n                {{item?.label}}\n                </div>\n        </ng-container>\n        \n        <!-- <div class=\"action-item\">\n            <button class=\"sb-btn sb-btn-link sb-btn-link- sb-btn-normal sb-btn-square sb-color-white w-auto sb-btn-grow\" (click)=\"test('button3'); $event.stopPropagation()\">\n                <i class=\"icon-svg icon-svg--sm\">\n                    <svg class=\"icon\">\n                        <use xlink:href=\"assets/common-consumption/images/sprite.svg#book\"></use>\n                    </svg>\n                </i>\n                <span>{{text}}</span>\n              </button>\n        </div> -->\n    </div>\n    <div class=\"hover-meta-info\" *ngIf=\"hoverData?.note\">\n        {{hoverData?.note}}\n    </div>\n<!-- </div> -->","styles":[".sb-btn-grow{background:0 0;border:0 solid transparent;font-size:.75rem;color:var(--white);cursor:pointer;outline:0!important;transition:.2s ease-in-out}.sb-btn-grow:disabled{opacity:.4;cursor:default}.sb-btn-grow:hover:not([disabled]){background:0 0;transform:scale(1.15)}"]}]}],"members":{"hoverData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"hoverActionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"actionClick":[{"__symbolic":"method"}]}},"CourseCuriculumCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sb-course-curiculum-card","template":"<!-- card component -->\n<div class=\"sb--card sb--card--course--curiculum\" [ngStyle]=\"fetchStyles()\" attr.aria-label=\"{{title}}\" (click)=\"onClick($event)\" *ngIf=\"!isLoading\" tabindex=\"0\">\n  <div class=\"sb--card__main-area\" *ngIf=\"isActivityTypeCard\">\n      <div class=\"sb--card__info pl-8\">\n        <h4 class=\"sb--card__title sb__ellipsis sb__ellipsis--three text-center font-weight-bold\" [ngStyle]=\"fetchTextStyles()\" title=\"{{title}}\">{{title}}</h4>\n      </div>\n  </div>\n\n  <div class=\"sb--card__main-area\" *ngIf=\"!isActivityTypeCard\">\n      <div class=\"sb--card__info pl-8\">\n        <h4 class=\"sb--card__title sb__ellipsis sb__ellipsis--three text-left\" [ngStyle]=\"fetchTextStyles()\" title=\"{{title}}\">{{title}}</h4>\n        <div class=\"sb--card__meta1 text-left\">\n          <span class=\"data_1 ellipsis\" title=\"{{subTitle}}\">{{subTitle}}</span>\n        </div>\n      </div>\n      <!-- card img -->\n      <div class=\"sb--card__img\">\n        <div class=\"img-container\">\n          <img [src]=\"cardImg\" alt=\"\">\n        </div>\n      </div>\n  </div>\n</div>\n\n  <div class=\"sb--card sb--card--course--curiculum\" [ngStyle]=\"fetchStyles()\" *ngIf=\"isLoading\" tabindex=\"0\">\n      <div class=\"sb--card__main-area\">\n          <!-- card mobile view details -->\n          <div class=\"sb--card__info\">\n            <h4 class=\"sb--card__title loading-animation sb--card--highlighter\"></h4>\n            <div class=\"sb--card__meta1 text-left\">\n              <span class=\"data_1 ellipsis loading-animation sb--card--highlighter\"></span>\n            </div>\n          </div>\n          <!-- card img -->\n          <div class=\"sb--card__img\">\n            <div class=\"img-container loading-animation\">\n              \n            </div>\n          </div>\n        </div>\n  </div>\n","styles":["::ng-deep :root{--cc-sbcard-course-curi-title:var(--white)}.sb--card--course--curiculum .sb--card__title{color:var(--cc-sbcard-course-curi-title)}.sb--card--course--curiculum .img-container{background-color:transparent!important;height:2rem!important;width:2rem!important}.sb--card{margin-bottom:.5rem!important;border-radius:.25rem!important}.sb--card .sb--card__img{height:2rem;width:2rem;flex:0 0 2rem;margin:3rem 0 0}",".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-sbcard-bg:var(--white);--cc-sbcard-img-container-bg:var(--gray-100);--cc-sbcard-title:var(--primary-color);--cc-sbcard-meta-text:var(--gray-800);--cc-sbcard-dot-divider:var(--gray-200);--cc-sbcard-moreinfo-bg:none;--cc-sbcard-moreinfo-bordertop:#cacbce;--cc-sbcard-meta2-text:var(--gray-800);--cc-sbcard-org-text:var(--gray-200);--cc-sbcard-type-bg:var(--gray-200);--cc-sbcard-type-text:var(--white);--cc-sbcard-rv-img-container-bg:var(--gray-100);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-selected-bg:rgba(2, 79, 157, 0.2);--cc-sbcard-offline-bg:var(--tertiary-color);--cc-sbcard-offline-img-text:var(--white);--cc-sbcard-card__progressbar-bg:var(--gray-100);--cc-sbcard-card__progressbar-span-bg:var(--secondary-200);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card{width:100%;background-color:var(--cc-sbcard-bg);display:flex;flex-direction:column;cursor:pointer;position:relative;margin-top:0;border:0;contain:content;border-radius:.125rem}:host .sb--card:hover{transform:translate(0,0);box-shadow:0 .125rem .4375rem 0 rgba(var(--rc-rgba-black),.16)}@media (max-width:767px){:host .sb--card{box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16)}}:host .sb--card__main-area{display:flex;flex-direction:row;align-items:center;height:5.5rem}:host .sb--card__img{height:4.5rem;width:4.5rem;overflow:hidden;flex:0 0 4.5rem;margin:.5rem}:host .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-img-container-bg);height:4.5rem;width:4.5rem;justify-content:center}:host .sb--card__img .img-container img{max-width:100%}:host .sb--card__info{flex:1;overflow:hidden}[dir=ltr] :host .sb--card__info{padding-right:.5rem}[dir=rtl] :host .sb--card__info{padding-left:.5rem}:host .sb--card__title{color:var(--cc-sbcard-title);font-size:.875rem;margin:0;line-height:1.25rem}:host .sb--card__meta1{color:var(--cc-sbcard-meta-text);font-size:.75rem;display:flex;flex-direction:row;align-items:center;flex:1;line-height:1.25rem;margin-top:.25rem}:host .sb--card .data_1{max-width:50%}:host .sb--card .data_2{flex:1}:host .sb--card .dot-divider{width:.25rem;height:.25rem;min-width:.25rem;max-width:.25rem;min-height:.25rem;max-height:.25rem;border-radius:100%;background-color:var(--cc-sbcard-dot-divider);display:inline-block;margin:0 .5rem}:host .sb--card__moreinfo{border-radius:0 0 .125rem .125rem;background-color:var(--cc-sbcard-moreinfo-bg);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;min-height:3.5rem;border-top:0 solid var(--cc-sbcard-moreinfo-bordertop)}:host .sb--card__meta2{color:var(--cc-sbcard-meta2-text);font-size:.75rem;line-height:.875rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;padding:.5rem}:host .sb--card__meta2_data .label{font-weight:400}:host .sb--card__meta2_data .value{font-weight:700}:host .sb--card__org{color:var(--cc-sbcard-org-text)}:host .sb--card__tags{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1}:host .sb--card__badge{display:flex}:host .sb--card__badge img{width:1.25rem;height:1.25rem}:host .sb--card__type{background:var(--cc-sbcard-type-bg);position:relative;height:1.25rem;color:var(--cc-sbcard-type-text);font-size:.6875rem;display:flex;align-items:center}[dir=ltr] :host .sb--card__type{padding-left:.25rem;padding-right:.5rem;margin-left:1rem}[dir=rtl] :host .sb--card__type{padding-left:.5rem;padding-right:.25rem;margin-right:1rem}:host .sb--card__type:before{content:\"\";width:0;height:0;border-width:.625rem .3125rem;border-style:solid;border-color:var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) transparent;position:absolute;left:-10px}html[dir=rtl] :host .sb--card__type:before{right:-.625rem;left:inherit;border-color:var(--cc-sbcard-type-br) transparent var(--cc-sbcard-type-br) var(--cc-sbcard-type-br)}:host .sb--card--recently-viewed .sb--card__img{height:5.5rem;width:5.5rem;flex:0 0 5.5rem;margin:0}:host .sb--card--recently-viewed .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-rv-img-container-bg);height:5.5rem;width:5.5rem}:host .sb--card--recently-viewed .sb--card__info{padding:.5rem;flex:1}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:4px;background-color:var(--cc-sbcard-selected-bg)}:host .sb--card.offline .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-offline-bg);opacity:.5}:host .sb--card.offline .sb--card__img .img-container img{margin:auto;font-size:1.5rem;color:var(--cc-sbcard-offline-img-text)}:host .sb--card.offline .sb--card__info,:host .sb--card.offline .sb--card__moreinfo{opacity:.5}:host .sb--card__progressbar{height:.25rem;margin:0;border-radius:0;box-shadow:inset 0 -.0625rem .0625rem rgba(var(--rc-rgba-white),.3);width:100%;background:var(--cc-sbcard-card__progressbar-bg)}:host .sb--card__progressbar>span{display:block;height:100%;background-color:var(--cc-sbcard-card__progressbar-span-bg);background-image:-webkit-gradient(center bottom,var(--secondary-400),var(--secondary-200));box-shadow:inset 0 .125rem .5625rem var(--gray-100),inset 0 -.125rem .375rem rgba(var(--rc-rgba-black),.4);position:relative;overflow:hidden}:host .animate>span:after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(var(--rc-rgba-white),.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(var(--rc-rgba-white),.2)),color-stop(.75,rgba(var(--rc-rgba-white),.2)),color-stop(.75,transparent),to(transparent));z-index:1;background-size:3.125rem 3.125rem;overflow:hidden;-webkit-animation:2s linear infinite move;border-radius:1.25rem .5rem .5rem 1.25rem}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:3.125rem 3.125rem}}:host .completed>span{background-color:var(--secondary-color);background-image:-webkit-linear-gradient(var(--secondary-100),var(--secondary-400))}:host .inprogress>span{background-color:var(--tertiary-color);background-image:-webkit-linear-gradient(var(--tertiary-100),var(--tertiary-400))}:host .notcompleted>span{background-color:var(--red-100);background-image:-webkit-linear-gradient(var(--red-100),var(--red-400))}:host .nostripes>span,:host .nostripes>span:after{-webkit-animation:none;-moz-animation:none;background-image:none}:host .border-top-r-left-right{border-top-left-radius:0;border-top-right-radius:0}::ng-deep .card-hover{opacity:0;transition:.2s ease-in;display:none}::ng-deep .sb--card:focus-within .card-hover,::ng-deep .sb--card:hover .card-hover{opacity:1;z-index:1001;display:block}::ng-deep .sb--card:focus-within .card-hover .child-content,::ng-deep .sb--card:hover .card-hover .child-content{--cc-sbcard-hover-text:var(--white);--cc-sbcard-hover-bg:var(--primary-color);color:var(--cc-sbcard-hover-text);position:absolute;left:0;right:0;top:0;bottom:0;opacity:.95;border-radius:.125rem;background-color:var(--cc-sbcard-hover-bg);z-index:1;display:flex;align-items:center;transition:.2s ease-in;flex-direction:column;justify-content:space-evenly}::ng-deep .sb--card:focus-within .card-hover .action-container,::ng-deep .sb--card:hover .card-hover .action-container{display:flex;width:100%;justify-content:center;align-self:center;justify-self:center;flex:1;align-items:center}::ng-deep .sb--card:focus-within .card-hover .action-item,::ng-deep .sb--card:hover .card-hover .action-item{padding:0 1rem;flex:1;text-align:center}::ng-deep .sb--card:focus-within .card-hover .action-item .sb-btn.sb-btn-primary[disabled],::ng-deep .sb--card:hover .card-hover .action-item .sb-btn.sb-btn-primary[disabled]{background-color:transparent;opacity:.5;border:0;color:var(--white)}::ng-deep .sb--card:focus-within .card-hover .action-item:not(:last-child),::ng-deep .sb--card:hover .card-hover .action-item:not(:last-child){border-right:.0625rem solid rgba(var(--rc-rgba-white),.5)}::ng-deep .sb--card:focus-within .card-hover .hover-meta-info,::ng-deep .sb--card:hover .card-hover .hover-meta-info{font-size:.625rem;opacity:.8;color:var(--white);line-height:.75rem;flex:0 0 25%}.menu::after{content:'\\2807';font-size:1.5rem;color:var(--gray-200);text-align:center;align-items:center;display:flex;justify-content:center;border-radius:50%;padding-left:.375rem;cursor:pointer;width:2rem;height:2rem}.menu:hover::after{background:var(--gray-0)}"]}]}],"members":{"cardData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"cardImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"titleColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"isActivityTypeCard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"fetchColor":[{"__symbolic":"method"}],"fetchBgColor":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"fetchStyles":[{"__symbolic":"method"}],"fetchTextStyles":[{"__symbolic":"method"}]}},"LibraryCardV2Component":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sb-library-card-v2","template":"<!-- card component -->\n<div class=\"sb--card sb--card--theme2\" role=\"link\" tabindex=\"0\"\n  [ngClass]=\"{'sb--card--recently-viewed': type === LibraryCardTypes.RECENTLY_VIEWED, 'offline': isOffline, 'selected': isSelected}\"\n  (click)=\"onClick($event)\" (keydown.enter)=\"onEnterKeyPress($event)\" *ngIf=\"!isLoading\">\n  <svg width=\"79px\" class=\"sb--card-svg-tail\" height=\"36px\" viewBox=\"0 0 79 36\" version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n      <g class=\"sb--card-svg-tail__rc\" transform=\"translate(-735.000000, -524.000000)\">\n        <g transform=\"translate(517.000000, 338.000000)\">\n          <g>\n            <path\n              d=\"M224.269945,224.907985 C224.269945,224.907985 217.096964,205.264724 219.487958,199.23369 C221.878951,193.203161 229.905965,205.609232 231.442925,210.261729 C231.442925,210.261729 230.930605,187 237.762123,187 C244.59339,187 245.447423,217.498667 245.447423,217.498667 C245.447423,217.498667 247.838417,203.54168 252.27894,203.54168 C256.719214,203.54168 251.424907,219.049331 253.645044,218.704823 C255.865431,218.360315 264.612662,211.290301 270.931859,218.871747 C277.250806,226.453445 274.347493,238.1705 281.17901,237.998119 C288.010277,237.825992 268.503575,211.123125 272.431528,205.95374 C276.359732,200.784607 286.265169,212.84617 287.119203,215.94775 C287.119203,215.94775 286.606883,199.23369 291.218013,199.23369 C295.829393,199.23369 296,223.18494 296,223.18494 L224.269945,224.907985 Z\">\n            </path>\n          </g>\n        </g>\n      </g>\n    </g>\n  </svg>\n  <div class=\"sb--card__main-area\">\n    <!-- card img -->\n    <div [ngClass]=\"getClassForImage()\">\n      <div class=\"img-container\">\n        <img [src]=\"cardImg\" alt=\"\">\n      </div>\n    </div>\n    <div class=\"sb--card__svg-area\">\n      <img [src]=\"svgToDisplay\" alt=\"\"/>\n    </div>\n    <div class=\"sb--card__type\" *ngIf=\"content?.primaryCategory || content?.contentType\">{{content?.primaryCategory || content?.contentType}}</div>\n  </div>\n\n  <!-- card mobile view details -->\n  <div class=\"sb--card__info\">\n    <div class=\"sb--card__meta\">\n      <h4 class=\"sb--card__title sb__ellipsis sb__ellipsis--two text-left flex-basis-1\" title=\"{{content?.name}}\">\n        <bdi>{{content?.name}}</bdi></h4>\n      <a *ngIf=\"isMenu\" role=\"button\" aria-label=\"View more actions menu\" class=\"menu\" (click)=\"onMenuClick($event);$event.stopPropagation()\"></a>\n    </div>\n    <div class=\"sb--card__meta1 text-left\">\n      <ng-container *ngIf=\"content?.organisation && content?.organisation.length > 0\">\n        <span class=\"data_0 mr-8 organisation\" title=\"{{content?.organisation[0]}}\">{{content?.organisation[0]}}</span>\n        <span class=\"data_0 mr-8\" title=\"{{content?.organisation}}\" *ngIf=\"content?.organisation.length > 1\">+{{content?.organisation.length-1}}</span>\n      </ng-container>\n      <ng-container *ngIf=\"content?.medium && content?.medium.length > 0\">\n        <span class=\"data_1 mr-8 medium\" title=\"{{content?.medium[0]}}\">{{content?.medium[0]}}</span>\n        <span class=\"data_1 mr-8\" title=\"{{content?.medium}}\" *ngIf=\"content?.medium.length > 1\">+{{content?.medium.length-1}}</span>\n      </ng-container>\n      <ng-container *ngIf=\"content?.gradeLevel && content?.gradeLevel.length > 0\">\n        <span class=\"data_2\" title=\"{{content?.gradeLevel[0]}}\">{{content?.gradeLevel[0]}}</span>\n        <span class=\"data_2\" title=\"{{content?.gradeLevel}}\" *ngIf=\"content?.gradeLevel.length > 1\">+{{content?.gradeLevel.length-1}}</span>\n      </ng-container>\n    </div>\n  </div>\n  <!-- content for only desktop -->\n  <div *ngIf=\"type === LibraryCardTypes.DESKTOP_TEXTBOOK || type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n    <div class=\"sb--card__moreinfo\">\n      <!-- other meta info subject, publisher/organizer etc -->\n      <div class=\"sb--card__meta2 text-left\">\n        <ng-container *ngIf=\"content?.subject && content?.subject.length > 0\">\n          <div class=\"sb--card__meta2_data sb__ellipsis subject\">\n            <span>Subject: </span> <span title=\"{{content?.subject[0]}}\">{{content?.subject[0]}}</span> <span class=\"data_1 mr-8\" title=\"{{content?.subject}}\" *ngIf=\"content?.subject.length > 1\"> +{{content?.subject.length-1}}\n            </span>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"content?.organisation && content?.organisation.length > 0\">\n          <div class=\"sb--card__meta2_data sb__ellipsis organisation\">\n            <span>Publisher: </span> <span title=\"{{content?.organisation[0]}}\">{{content?.organisation[0]}}</span>\n            <span class=\"data_1 mr-8\" title=\"{{content?.organisation}}\" *ngIf=\"content?.organisation.length > 1\"> +{{content?.organisation.length-1}}\n            </span>\n          </div>\n        </ng-container>\n        <!-- <div class=\"sb--card__meta2_data sb__ellipsis\" title=\"{{moreInfoLabel}}:\n        {{content?.subject}}\" *ngIf=\"content?.subject\"><span class=\"\">{{moreInfoLabel}}:\n            {{content?.subject}}</span></div> -->\n        <!-- <div class=\"sb--card__org sb__ellipsis\" title=\"{{content?.organisation}}\" *ngIf=\"content?.organisation\"><bdi>{{content?.organisation}}</bdi></div> -->\n      </div>\n      <!-- other meta info Badge and card category Book, learn, practice -->\n      <div class=\"sb--card__tags\">\n        <span class=\"sb--card__badge\" *ngIf=\"content?.badgeAssertions\"><img\n            [src]=\"content?.badgeAssertions[0]?.badgeClassImage\" alt=\"\" title=\"\" /></span>\n        <!-- <span class=\"sb--card__type\" *ngIf=\"content?.contentType\">{{content?.contentType}}</span> -->\n      </div>\n    </div>\n    <div *ngIf=\"type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n      <div>\n        <button class=\"sb-btn sb-btn-primary sb-btn-normal w-100 border-top-r-left-right\">\n          <i class=\"icon-svg icon-svg--xxs icon-videos mr-4\">\n            <svg class=\"icon icon-svg--white\">\n              <use xlink:href=\"assets/common-consumption/images/sprite.svg#play\"></use>\n            </svg>\n          </i> {{btnlabel}} </button>\n      </div>\n    </div>\n  </div>\n\n  <!-- Qr code card -->\n  <div *ngIf=\"type === LibraryCardTypes.QRCODE_RESULT\">\n    <!-- Section area if not available it will be hidden -->\n    <div class=\"sb--card__moreinfo\" *ngIf=\"section !== null\">\n      <div class=\"sb--card__meta2 text-left\">\n        <div class=\"sb--card__meta2_data sb__ellipsis sb__ellipsis--two\" *ngIf=\"section\">\n          <span class=\"label\">{{moreInfoLabel}}: </span>\n          <span class=\"value\">{{section}}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- <ng-content select=\".card-hover\">\n    \n  </ng-content> -->\n  <ng-container\n    *ngTemplateOutlet=\"gridTemplate; context: {$implicit: content?.hoverData, hoverData: content?.hoverData, content:content}\"\n    class=\"card-hover\">\n  </ng-container>\n</div>\n\n<div class=\"sb--card sb--card--theme2\" *ngIf=\"isLoading\" tabindex=\"0\" role=\"button\">\n  <!-- card img -->\n  <div class=\"sb--card__main-area\">\n    <div [ngClass]=\"getClassForImage()\">\n      <div class=\"img-container loading-animation\">\n        <img [src]=\"cardImg\" alt=\"\">\n      </div>\n    </div>\n    <div class=\"sb--card__svg-area loading-animation\">\n    </div>\n  </div>\n  <!-- card mobile view details -->\n  <div class=\"sb--card__info\">\n    <h4 class=\"sb--card__title loading-animation sb--card--highlighter\" style=\"width:50%;\"></h4>\n    <div class=\"sb--card__meta text-left\">\n      <span class=\"data_1 ellipsis loading-animation sb--card--highlighter\"></span>\n    </div>\n  </div>\n  <div class=\"sb--card__moreinfo\" style=\"display:block;\"\n    *ngIf=\"type === LibraryCardTypes.DESKTOP_TEXTBOOK || type === LibraryCardTypes.QRCODE_RESULT || type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n    <div class=\"sb--card__meta2 text-left\" style=\"float:left;width:60%\">\n      <div class=\"label loading-animation sb--card--highlighter\" style=\"width:80%;\"></div>\n      <div class=\"value loading-animation sb--card--highlighter\" style=\"width:60%;\"></div>\n    </div>\n    <div class=\"sb--card__tags\" style=\"float:right;width:30%;margin-top: 15px;\">\n      <div class=\"label loading-animation sb--card--highlighter\" style=\"width:80%;\"></div>\n    </div>\n    <div style=\"clear:both;\"></div>\n  </div>\n  <div *ngIf=\"type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n    <div>\n      <div class=\"label loading-animation sb--card--highlighter\" style=\"width:100%;\"></div>\n    </div>\n  </div>\n\n</div>\n","styles":["::ng-deep :root{--cc-sbcard-org-text:var(--balck);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-img-br:var(--white);--sbt-pill-hs:212,100%;--cc-sbcard-data2-bg:#E5EDF5;--cc-sbcard-data2-bg-active:#0076FE;--cc-sbcard-data1-bg:#F0E5F5;--cc-sbcard-data1-bg-active:#6236FF;--cc-sbcard-data0-bg:#E0F5EA;--cc-sbcard-data0-bg-active:#008840;--cc-sbcard-moreinfo-bg:none;--cc-sbcard-type-bg:var(--black);--cc-sbcard-type-text:var(--white);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card__img .img-container{position:relative;overflow:hidden;border:.25rem solid var(--cc-sbcard-img-br);border-radius:4.5rem}:host .sb--card__img .img-container img{max-width:100%;min-height:100%;width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;-o-object-fit:cover;object-fit:cover}:host .sb--card__org{color:var(--cc-sbcard-org-text)!important}:host .sb--card__image-pos{position:absolute;top:50%;right:1rem;z-index:1000}html[dir=rtl] :host .sb--card__image-pos{left:1rem;right:inherit}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:.25rem;background-color:var(--cc-sbcard-selected-bg)}:host .sb--card.sb--card--theme2{border-radius:1.5rem;box-shadow:var(--sbt-box-shadow-6px);overflow:hidden}:host .sb--card.sb--card--theme2 .sb--card-svg-tail{position:absolute;bottom:0;right:1.5rem}html[dir=rtl] :host .sb--card.sb--card--theme2 .sb--card-svg-tail{left:1.5rem;right:inherit}:host .sb--card.sb--card--theme2 .sb--card-svg-tail__rc{fill:transparent;stroke:var(--primary-color)}:host .sb--card.sb--card--theme2 .sb--card__svg-area{height:4.5rem;width:100%;border-radius:1rem;overflow:hidden}:host .sb--card.sb--card--theme2 .sb--card__svg-area img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:host .sb--card.sb--card--theme2 .sb--card__main-area{margin:1rem 1rem .5rem;height:auto;position:relative}:host .sb--card.sb--card--theme2 .sb--card__main-area .sb--card__type{margin-left:-1rem;padding-left:8px;position:absolute;background:var(--cc-sbcard-type-bg);height:1.25rem;color:var(--cc-sbcard-type-text);font-size:.6875rem;display:flex;align-items:center;text-transform:uppercase}html[dir=rtl] :host .sb--card.sb--card--theme2 .sb--card__main-area .sb--card__type{margin-right:-1rem;padding-right:8px}:host .sb--card.sb--card--theme2 .sb--card__main-area .sb--card__type::before{border-color:var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) transparent;position:absolute;right:-8px;transform:rotatey(-180deg);left:inherit}html[dir=rtl] :host .sb--card.sb--card--theme2 .sb--card__main-area .sb--card__type::before{left:-8px;transform:rotatex(180deg);right:inherit}:host .sb--card.sb--card--theme2 .sb--card__moreinfo{background:var(--cc-sbcard-moreinfo-bg)}:host .sb--card.sb--card--theme2 .sb--card__info{padding:0 1rem}:host .sb--card.sb--card--theme2 .sb--card__title{margin-right:5.5rem}html[dir=rtl] :host .sb--card.sb--card--theme2 .sb--card__title{margin-left:5.5rem;margin-right:0}:host .sb--card.sb--card--theme2 .sb--card__meta{height:2.5rem;display:flex;align-items:center}:host .sb--card.sb--card--theme2 .sb--card__meta1{height:3.5rem;flex-wrap:wrap;margin-top:.5rem}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_0,:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_1,:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_2{border-radius:.5rem;font-size:.75rem;padding:0 .5rem;width:auto;flex:initial;margin:0 .5rem .5rem 0;white-space:nowrap}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_0{background:var(--cc-sbcard-data0-bg);color:var(--cc-sbcard-data0-bg-active)}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_1{background:var(--cc-sbcard-data1-bg);color:var(--cc-sbcard-data1-bg-active)}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_2{background:var(--cc-sbcard-data2-bg);color:var(--cc-sbcard-data2-bg-active)}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_2:last-child{margin-right:0}:host .sb--card.sb--card--theme2 .sb--card__meta2{padding:.5rem 1rem}:host .sb--card.sb--card--theme2 .sb--card__image-pos{margin:0;overflow:inherit}:host .sb--card.sb--card--theme2 .sb--card__image-pos .img-container{box-shadow:0 0 5px 0 rgba(var(--rc-rgba-black),.1)}",".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-sbcard-bg:var(--white);--cc-sbcard-img-container-bg:var(--gray-100);--cc-sbcard-title:var(--primary-color);--cc-sbcard-meta-text:var(--gray-800);--cc-sbcard-dot-divider:var(--gray-200);--cc-sbcard-moreinfo-bg:none;--cc-sbcard-moreinfo-bordertop:#cacbce;--cc-sbcard-meta2-text:var(--gray-800);--cc-sbcard-org-text:var(--gray-200);--cc-sbcard-type-bg:var(--gray-200);--cc-sbcard-type-text:var(--white);--cc-sbcard-rv-img-container-bg:var(--gray-100);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-selected-bg:rgba(2, 79, 157, 0.2);--cc-sbcard-offline-bg:var(--tertiary-color);--cc-sbcard-offline-img-text:var(--white);--cc-sbcard-card__progressbar-bg:var(--gray-100);--cc-sbcard-card__progressbar-span-bg:var(--secondary-200);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card{width:100%;background-color:var(--cc-sbcard-bg);display:flex;flex-direction:column;cursor:pointer;position:relative;margin-top:0;border:0;contain:content;border-radius:.125rem}:host .sb--card:hover{transform:translate(0,0);box-shadow:0 .125rem .4375rem 0 rgba(var(--rc-rgba-black),.16)}@media (max-width:767px){:host .sb--card{box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16)}}:host .sb--card__main-area{display:flex;flex-direction:row;align-items:center;height:5.5rem}:host .sb--card__img{height:4.5rem;width:4.5rem;overflow:hidden;flex:0 0 4.5rem;margin:.5rem}:host .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-img-container-bg);height:4.5rem;width:4.5rem;justify-content:center}:host .sb--card__img .img-container img{max-width:100%}:host .sb--card__info{flex:1;overflow:hidden}[dir=ltr] :host .sb--card__info{padding-right:.5rem}[dir=rtl] :host .sb--card__info{padding-left:.5rem}:host .sb--card__title{color:var(--cc-sbcard-title);font-size:.875rem;margin:0;line-height:1.25rem}:host .sb--card__meta1{color:var(--cc-sbcard-meta-text);font-size:.75rem;display:flex;flex-direction:row;align-items:center;flex:1;line-height:1.25rem;margin-top:.25rem}:host .sb--card .data_1{max-width:50%}:host .sb--card .data_2{flex:1}:host .sb--card .dot-divider{width:.25rem;height:.25rem;min-width:.25rem;max-width:.25rem;min-height:.25rem;max-height:.25rem;border-radius:100%;background-color:var(--cc-sbcard-dot-divider);display:inline-block;margin:0 .5rem}:host .sb--card__moreinfo{border-radius:0 0 .125rem .125rem;background-color:var(--cc-sbcard-moreinfo-bg);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;min-height:3.5rem;border-top:0 solid var(--cc-sbcard-moreinfo-bordertop)}:host .sb--card__meta2{color:var(--cc-sbcard-meta2-text);font-size:.75rem;line-height:.875rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;padding:.5rem}:host .sb--card__meta2_data .label{font-weight:400}:host .sb--card__meta2_data .value{font-weight:700}:host .sb--card__org{color:var(--cc-sbcard-org-text)}:host .sb--card__tags{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1}:host .sb--card__badge{display:flex}:host .sb--card__badge img{width:1.25rem;height:1.25rem}:host .sb--card__type{background:var(--cc-sbcard-type-bg);position:relative;height:1.25rem;color:var(--cc-sbcard-type-text);font-size:.6875rem;display:flex;align-items:center}[dir=ltr] :host .sb--card__type{padding-left:.25rem;padding-right:.5rem;margin-left:1rem}[dir=rtl] :host .sb--card__type{padding-left:.5rem;padding-right:.25rem;margin-right:1rem}:host .sb--card__type:before{content:\"\";width:0;height:0;border-width:.625rem .3125rem;border-style:solid;border-color:var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) transparent;position:absolute;left:-10px}html[dir=rtl] :host .sb--card__type:before{right:-.625rem;left:inherit;border-color:var(--cc-sbcard-type-br) transparent var(--cc-sbcard-type-br) var(--cc-sbcard-type-br)}:host .sb--card--recently-viewed .sb--card__img{height:5.5rem;width:5.5rem;flex:0 0 5.5rem;margin:0}:host .sb--card--recently-viewed .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-rv-img-container-bg);height:5.5rem;width:5.5rem}:host .sb--card--recently-viewed .sb--card__info{padding:.5rem;flex:1}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:4px;background-color:var(--cc-sbcard-selected-bg)}:host .sb--card.offline .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-offline-bg);opacity:.5}:host .sb--card.offline .sb--card__img .img-container img{margin:auto;font-size:1.5rem;color:var(--cc-sbcard-offline-img-text)}:host .sb--card.offline .sb--card__info,:host .sb--card.offline .sb--card__moreinfo{opacity:.5}:host .sb--card__progressbar{height:.25rem;margin:0;border-radius:0;box-shadow:inset 0 -.0625rem .0625rem rgba(var(--rc-rgba-white),.3);width:100%;background:var(--cc-sbcard-card__progressbar-bg)}:host .sb--card__progressbar>span{display:block;height:100%;background-color:var(--cc-sbcard-card__progressbar-span-bg);background-image:-webkit-gradient(center bottom,var(--secondary-400),var(--secondary-200));box-shadow:inset 0 .125rem .5625rem var(--gray-100),inset 0 -.125rem .375rem rgba(var(--rc-rgba-black),.4);position:relative;overflow:hidden}:host .animate>span:after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(var(--rc-rgba-white),.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(var(--rc-rgba-white),.2)),color-stop(.75,rgba(var(--rc-rgba-white),.2)),color-stop(.75,transparent),to(transparent));z-index:1;background-size:3.125rem 3.125rem;overflow:hidden;-webkit-animation:2s linear infinite move;border-radius:1.25rem .5rem .5rem 1.25rem}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:3.125rem 3.125rem}}:host .completed>span{background-color:var(--secondary-color);background-image:-webkit-linear-gradient(var(--secondary-100),var(--secondary-400))}:host .inprogress>span{background-color:var(--tertiary-color);background-image:-webkit-linear-gradient(var(--tertiary-100),var(--tertiary-400))}:host .notcompleted>span{background-color:var(--red-100);background-image:-webkit-linear-gradient(var(--red-100),var(--red-400))}:host .nostripes>span,:host .nostripes>span:after{-webkit-animation:none;-moz-animation:none;background-image:none}:host .border-top-r-left-right{border-top-left-radius:0;border-top-right-radius:0}::ng-deep .card-hover{opacity:0;transition:.2s ease-in;display:none}::ng-deep .sb--card:focus-within .card-hover,::ng-deep .sb--card:hover .card-hover{opacity:1;z-index:1001;display:block}::ng-deep .sb--card:focus-within .card-hover .child-content,::ng-deep .sb--card:hover .card-hover .child-content{--cc-sbcard-hover-text:var(--white);--cc-sbcard-hover-bg:var(--primary-color);color:var(--cc-sbcard-hover-text);position:absolute;left:0;right:0;top:0;bottom:0;opacity:.95;border-radius:.125rem;background-color:var(--cc-sbcard-hover-bg);z-index:1;display:flex;align-items:center;transition:.2s ease-in;flex-direction:column;justify-content:space-evenly}::ng-deep .sb--card:focus-within .card-hover .action-container,::ng-deep .sb--card:hover .card-hover .action-container{display:flex;width:100%;justify-content:center;align-self:center;justify-self:center;flex:1;align-items:center}::ng-deep .sb--card:focus-within .card-hover .action-item,::ng-deep .sb--card:hover .card-hover .action-item{padding:0 1rem;flex:1;text-align:center}::ng-deep .sb--card:focus-within .card-hover .action-item .sb-btn.sb-btn-primary[disabled],::ng-deep .sb--card:hover .card-hover .action-item .sb-btn.sb-btn-primary[disabled]{background-color:transparent;opacity:.5;border:0;color:var(--white)}::ng-deep .sb--card:focus-within .card-hover .action-item:not(:last-child),::ng-deep .sb--card:hover .card-hover .action-item:not(:last-child){border-right:.0625rem solid rgba(var(--rc-rgba-white),.5)}::ng-deep .sb--card:focus-within .card-hover .hover-meta-info,::ng-deep .sb--card:hover .card-hover .hover-meta-info{font-size:.625rem;opacity:.8;color:var(--white);line-height:.75rem;flex:0 0 25%}.menu::after{content:'\\2807';font-size:1.5rem;color:var(--gray-200);text-align:center;align-items:center;display:flex;justify-content:center;border-radius:50%;padding-left:.375rem;cursor:pointer;width:2rem;height:2rem}.menu:hover::after{background:var(--gray-0)}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"isMobile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"isOffline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"cardImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"moreInfoLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"section":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"gridTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5},"arguments":["hover-template"]}]}],"btnlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"btnicon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"layoutConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"indexToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"svgToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"enterKeyPress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onEnterKeyPress":[{"__symbolic":"method"}],"splitGradeMedium":[{"__symbolic":"method"}],"onMenuClick":[{"__symbolic":"method"}],"getClassForImage":[{"__symbolic":"method"}],"fetchSvg":[{"__symbolic":"method"}]}},"LibraryCardV3Component":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sb-library-card-v3","template":"<!-- card component -->\n<div class=\"sb--card sb--card--theme2\" role=\"link\" tabindex=\"0\"\n  [ngClass]=\"{'sb--card--recently-viewed': type === LibraryCardTypes.RECENTLY_VIEWED, 'offline': isOffline, 'selected': isSelected}\"\n  (click)=\"onClick($event)\" (keydown.enter)=\"onEnterKeyPress($event)\" *ngIf=\"!isLoading\">\n  <div class=\"sb--card__main-area\">\n    <!-- card img -->\n    <div [ngClass]=\"getClassForImage()\">\n      <div class=\"img-container\">\n        <img [src]=\"cardImg\" alt=\"\">\n      </div>\n    </div>\n\n  <!-- card mobile view details -->\n\n  <div class=\"sb--card__info\">\n    <div class=\"data_3 ellipsis\" *ngIf=\"content?.tagName\">{{content?.tagName}}</div>\n    <div class=\"sb--card__meta1\">\n      <h4 class=\"sb--card__title sb__ellipsis sb__ellipsis--two text-left flex-basis-1\" title=\"{{content?.name}}\">\n        <bdi>{{content?.name}}</bdi></h4>\n      <a *ngIf=\"isMenu\" role=\"button\" aria-label=\"View more actions menu\" class=\"menu\" (click)=\"$event.stopPropagation()\"></a>\n    </div>\n    <div class=\"sb--card__details sb__ellipsis sb__ellipsis--two\" *ngIf=\"content?.subject?.length\">\n      <span  title=\"{{content?.subject}}\">{{content?.subject}}</span>\n    </div>\n    <div class=\"sb--card__meta1 text-left\" *ngIf=\"frameworkDetailsList && frameworkDetailsList.length\">\n      <app-truncated-ellipsis \n        [arrayList]= \"frameworkDetailsList\"\n        [showCount]=\"1\"\n        [separatorText]=\"', '\">\n      </app-truncated-ellipsis>\n    </div>\n  </div>\n  </div>\n</div>\n\n<div class=\"sb--card sb--card--theme2\" *ngIf=\"isLoading\">\n  <!-- card img -->\n  <div class=\"sb--card__main-area\">\n    <div [ngClass]=\"getClassForImage()\">\n      <div class=\"img-container loading-animation\">\n        <img [src]=\"cardImg\" alt=\"\">\n      </div>\n    </div>\n    <div class=\"sb--card__svg-area loading-animation\">\n    </div>\n  </div>\n  <!-- card mobile view details -->\n  <div class=\"sb--card__info\">\n    <h4 class=\"sb--card__title loading-animation sb--card--highlighter\" style=\"width:50%;\"></h4>\n    <div class=\"sb--card__meta text-left\">\n      <span class=\"data_1 ellipsis loading-animation sb--card--highlighter\"></span>\n    </div>\n  </div>\n  <div class=\"sb--card__moreinfo\" style=\"display:block;\"\n    *ngIf=\"type === LibraryCardTypes.DESKTOP_TEXTBOOK || type === LibraryCardTypes.QRCODE_RESULT || type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n    <div class=\"sb--card__meta2 text-left\" style=\"float:left;width:60%\">\n      <div class=\"label loading-animation sb--card--highlighter\" style=\"width:80%;\"></div>\n      <div class=\"value loading-animation sb--card--highlighter\" style=\"width:60%;\"></div>\n    </div>\n    <div class=\"sb--card__tags\" style=\"float:right;width:30%;margin-top: 15px;\">\n      <div class=\"label loading-animation sb--card--highlighter\" style=\"width:80%;\"></div>\n    </div>\n    <div style=\"clear:both;\"></div>\n  </div>\n  <div *ngIf=\"type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n    <div>\n      <div class=\"label loading-animation sb--card--highlighter\" style=\"width:100%;\"></div>\n    </div>\n  </div>\n\n</div>\n","styles":["::ng-deep :root{--sbt-pill-hs:212,100%;--cc-sbcard-data2-bg:hsl(var(--sbt-pill-hs), 90%);--cc-sbcard-data2-bg-active:hsl(var(--sbt-pill-hs), 50%);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-data1-2-text:var(--primary-color);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card__img .img-container{position:relative;overflow:hidden;border-radius:.5rem}:host .sb--card__img .img-container img{max-width:100%;min-height:100%;width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;-o-object-fit:cover;object-fit:cover}:host .sb--card__org{color:var(--balck)!important}html[dir=rtl] :host .sb--card__image-pos{left:1rem;right:inherit}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:4px;background-color:rgba(2,79,157,.2)}:host .dot-divider{width:.25rem;height:.25rem;min-width:.25rem;max-width:.25rem;min-height:.25rem;max-height:.25rem;border-radius:100%;background-color:#024f9d;display:inline-block;margin:0 .5rem}:host .sb--card.sb--card--theme2{border-radius:.5rem;box-shadow:var(--sbt-box-shadow-6px);overflow:hidden;padding:1rem}:host .sb--card.sb--card--theme2 .sb--card-svg-tail{position:absolute;bottom:0;right:1.5rem}html[dir=rtl] :host .sb--card.sb--card--theme2 .sb--card-svg-tail{left:1.5rem;right:inherit}:host .sb--card.sb--card--theme2 .sb--card-svg-tail__rc{fill:transparent;stroke:var(--primary-color)}:host .sb--card.sb--card--theme2 .sb--card__svg-area{height:4.5rem;width:100%;border-radius:1rem;overflow:hidden}:host .sb--card.sb--card--theme2 .sb--card__svg-area img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:host .sb--card.sb--card--theme2 .sb--card__main-area{height:auto;position:relative;flex-direction:row-reverse;align-items:flex-start}:host .sb--card.sb--card--theme2 .sb--card__main-area .sb--card__type{margin-left:-1rem;padding-left:8px;position:absolute;background:var(--black);height:1.25rem;color:var(--white);font-size:18px;display:flex;align-items:center;text-transform:uppercase}html[dir=rtl] :host .sb--card.sb--card--theme2 .sb--card__main-area .sb--card__type{margin-right:-1rem;padding-right:8px}:host .sb--card.sb--card--theme2 .sb--card__main-area .sb--card__type::before{border-color:var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) transparent;position:absolute;right:-8px;transform:rotatey(-180deg);left:inherit}html[dir=rtl] :host .sb--card.sb--card--theme2 .sb--card__main-area .sb--card__type::before{left:-8px;transform:rotatex(180deg);right:inherit}:host .sb--card.sb--card--theme2 .sb--card__img{height:4.5rem;width:3.5rem;overflow:hidden;flex:0 0 3.5rem;margin:0}:host .sb--card.sb--card--theme2 .sb--card__img .img-container{width:3.5rem}:host .sb--card.sb--card--theme2 .sb--card__moreinfo{background:var(--white)}:host .sb--card.sb--card--theme2 .sb--card__info{padding:0 .5rem 0 0;display:flex;flex-direction:column;align-items:flex-start}:host .sb--card.sb--card--theme2 .sb--card__info .data_3{border-radius:4px;background-color:#ffe99e;font-size:.9rem;text-transform:uppercase;padding:2px;margin-bottom:.25rem}:host .sb--card.sb--card--theme2 .sb--card__info .data_4{font-size:.9rem;margin:.125rem 0}:host .sb--card.sb--card--theme2 .sb--card__title{color:unset;font-size:1.125rem}:host .sb--card.sb--card--theme2 .sb--card__meta{height:2.5rem;display:flex;align-items:center}:host .sb--card.sb--card--theme2 .sb--card__meta1{margin-top:0;width:100%}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_1,:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_2{color:var(--cc-sbcard-data1-2-text);border-radius:.5rem;font-size:.75rem;width:auto;flex:initial;white-space:nowrap}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_2:last-child{margin-right:0}:host .sb--card.sb--card--theme2 .sb--card__meta1 app-truncated-ellipsis{color:var(--cc-sbcard-data1-2-text)}:host .sb--card.sb--card--theme2 .sb--card__meta1 app-truncated-ellipsis .dot-divider{background-color:var(--cc-sbcard-data1-2-text)}:host .sb--card.sb--card--theme2 .sb--card__meta2{padding:.5rem 1rem}:host .sb--card.sb--card--theme2 .sb--card__image-pos{margin:0;overflow:inherit}:host .sb--card.sb--card--theme2 .sb--card__image-pos .img-container{box-shadow:0 0 5px 0 rgba(var(--rc-rgba-black),.1);height:4.5rem}:host .sb--card__details{font-size:.75rem}",".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-sbcard-bg:var(--white);--cc-sbcard-img-container-bg:var(--gray-100);--cc-sbcard-title:var(--primary-color);--cc-sbcard-meta-text:var(--gray-800);--cc-sbcard-dot-divider:var(--gray-200);--cc-sbcard-moreinfo-bg:none;--cc-sbcard-moreinfo-bordertop:#cacbce;--cc-sbcard-meta2-text:var(--gray-800);--cc-sbcard-org-text:var(--gray-200);--cc-sbcard-type-bg:var(--gray-200);--cc-sbcard-type-text:var(--white);--cc-sbcard-rv-img-container-bg:var(--gray-100);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-selected-bg:rgba(2, 79, 157, 0.2);--cc-sbcard-offline-bg:var(--tertiary-color);--cc-sbcard-offline-img-text:var(--white);--cc-sbcard-card__progressbar-bg:var(--gray-100);--cc-sbcard-card__progressbar-span-bg:var(--secondary-200);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card{width:100%;background-color:var(--cc-sbcard-bg);display:flex;flex-direction:column;cursor:pointer;position:relative;margin-top:0;border:0;contain:content;border-radius:.125rem}:host .sb--card:hover{transform:translate(0,0);box-shadow:0 .125rem .4375rem 0 rgba(var(--rc-rgba-black),.16)}@media (max-width:767px){:host .sb--card{box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16)}}:host .sb--card__main-area{display:flex;flex-direction:row;align-items:center;height:5.5rem}:host .sb--card__img{height:4.5rem;width:4.5rem;overflow:hidden;flex:0 0 4.5rem;margin:.5rem}:host .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-img-container-bg);height:4.5rem;width:4.5rem;justify-content:center}:host .sb--card__img .img-container img{max-width:100%}:host .sb--card__info{flex:1;overflow:hidden}[dir=ltr] :host .sb--card__info{padding-right:.5rem}[dir=rtl] :host .sb--card__info{padding-left:.5rem}:host .sb--card__title{color:var(--cc-sbcard-title);font-size:.875rem;margin:0;line-height:1.25rem}:host .sb--card__meta1{color:var(--cc-sbcard-meta-text);font-size:.75rem;display:flex;flex-direction:row;align-items:center;flex:1;line-height:1.25rem;margin-top:.25rem}:host .sb--card .data_1{max-width:50%}:host .sb--card .data_2{flex:1}:host .sb--card .dot-divider{width:.25rem;height:.25rem;min-width:.25rem;max-width:.25rem;min-height:.25rem;max-height:.25rem;border-radius:100%;background-color:var(--cc-sbcard-dot-divider);display:inline-block;margin:0 .5rem}:host .sb--card__moreinfo{border-radius:0 0 .125rem .125rem;background-color:var(--cc-sbcard-moreinfo-bg);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;min-height:3.5rem;border-top:0 solid var(--cc-sbcard-moreinfo-bordertop)}:host .sb--card__meta2{color:var(--cc-sbcard-meta2-text);font-size:.75rem;line-height:.875rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;padding:.5rem}:host .sb--card__meta2_data .label{font-weight:400}:host .sb--card__meta2_data .value{font-weight:700}:host .sb--card__org{color:var(--cc-sbcard-org-text)}:host .sb--card__tags{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1}:host .sb--card__badge{display:flex}:host .sb--card__badge img{width:1.25rem;height:1.25rem}:host .sb--card__type{background:var(--cc-sbcard-type-bg);position:relative;height:1.25rem;color:var(--cc-sbcard-type-text);font-size:.6875rem;display:flex;align-items:center}[dir=ltr] :host .sb--card__type{padding-left:.25rem;padding-right:.5rem;margin-left:1rem}[dir=rtl] :host .sb--card__type{padding-left:.5rem;padding-right:.25rem;margin-right:1rem}:host .sb--card__type:before{content:\"\";width:0;height:0;border-width:.625rem .3125rem;border-style:solid;border-color:var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) transparent;position:absolute;left:-10px}html[dir=rtl] :host .sb--card__type:before{right:-.625rem;left:inherit;border-color:var(--cc-sbcard-type-br) transparent var(--cc-sbcard-type-br) var(--cc-sbcard-type-br)}:host .sb--card--recently-viewed .sb--card__img{height:5.5rem;width:5.5rem;flex:0 0 5.5rem;margin:0}:host .sb--card--recently-viewed .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-rv-img-container-bg);height:5.5rem;width:5.5rem}:host .sb--card--recently-viewed .sb--card__info{padding:.5rem;flex:1}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:4px;background-color:var(--cc-sbcard-selected-bg)}:host .sb--card.offline .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-offline-bg);opacity:.5}:host .sb--card.offline .sb--card__img .img-container img{margin:auto;font-size:1.5rem;color:var(--cc-sbcard-offline-img-text)}:host .sb--card.offline .sb--card__info,:host .sb--card.offline .sb--card__moreinfo{opacity:.5}:host .sb--card__progressbar{height:.25rem;margin:0;border-radius:0;box-shadow:inset 0 -.0625rem .0625rem rgba(var(--rc-rgba-white),.3);width:100%;background:var(--cc-sbcard-card__progressbar-bg)}:host .sb--card__progressbar>span{display:block;height:100%;background-color:var(--cc-sbcard-card__progressbar-span-bg);background-image:-webkit-gradient(center bottom,var(--secondary-400),var(--secondary-200));box-shadow:inset 0 .125rem .5625rem var(--gray-100),inset 0 -.125rem .375rem rgba(var(--rc-rgba-black),.4);position:relative;overflow:hidden}:host .animate>span:after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(var(--rc-rgba-white),.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(var(--rc-rgba-white),.2)),color-stop(.75,rgba(var(--rc-rgba-white),.2)),color-stop(.75,transparent),to(transparent));z-index:1;background-size:3.125rem 3.125rem;overflow:hidden;-webkit-animation:2s linear infinite move;border-radius:1.25rem .5rem .5rem 1.25rem}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:3.125rem 3.125rem}}:host .completed>span{background-color:var(--secondary-color);background-image:-webkit-linear-gradient(var(--secondary-100),var(--secondary-400))}:host .inprogress>span{background-color:var(--tertiary-color);background-image:-webkit-linear-gradient(var(--tertiary-100),var(--tertiary-400))}:host .notcompleted>span{background-color:var(--red-100);background-image:-webkit-linear-gradient(var(--red-100),var(--red-400))}:host .nostripes>span,:host .nostripes>span:after{-webkit-animation:none;-moz-animation:none;background-image:none}:host .border-top-r-left-right{border-top-left-radius:0;border-top-right-radius:0}::ng-deep .card-hover{opacity:0;transition:.2s ease-in;display:none}::ng-deep .sb--card:focus-within .card-hover,::ng-deep .sb--card:hover .card-hover{opacity:1;z-index:1001;display:block}::ng-deep .sb--card:focus-within .card-hover .child-content,::ng-deep .sb--card:hover .card-hover .child-content{--cc-sbcard-hover-text:var(--white);--cc-sbcard-hover-bg:var(--primary-color);color:var(--cc-sbcard-hover-text);position:absolute;left:0;right:0;top:0;bottom:0;opacity:.95;border-radius:.125rem;background-color:var(--cc-sbcard-hover-bg);z-index:1;display:flex;align-items:center;transition:.2s ease-in;flex-direction:column;justify-content:space-evenly}::ng-deep .sb--card:focus-within .card-hover .action-container,::ng-deep .sb--card:hover .card-hover .action-container{display:flex;width:100%;justify-content:center;align-self:center;justify-self:center;flex:1;align-items:center}::ng-deep .sb--card:focus-within .card-hover .action-item,::ng-deep .sb--card:hover .card-hover .action-item{padding:0 1rem;flex:1;text-align:center}::ng-deep .sb--card:focus-within .card-hover .action-item .sb-btn.sb-btn-primary[disabled],::ng-deep .sb--card:hover .card-hover .action-item .sb-btn.sb-btn-primary[disabled]{background-color:transparent;opacity:.5;border:0;color:var(--white)}::ng-deep .sb--card:focus-within .card-hover .action-item:not(:last-child),::ng-deep .sb--card:hover .card-hover .action-item:not(:last-child){border-right:.0625rem solid rgba(var(--rc-rgba-white),.5)}::ng-deep .sb--card:focus-within .card-hover .hover-meta-info,::ng-deep .sb--card:hover .card-hover .hover-meta-info{font-size:.625rem;opacity:.8;color:var(--white);line-height:.75rem;flex:0 0 25%}.menu::after{content:'\\2807';font-size:1.5rem;color:var(--gray-200);text-align:center;align-items:center;display:flex;justify-content:center;border-radius:50%;padding-left:.375rem;cursor:pointer;width:2rem;height:2rem}.menu:hover::after{background:var(--gray-0)}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"isMobile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"isOffline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"cardImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"moreInfoLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"section":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"gridTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5},"arguments":["hover-template"]}]}],"btnlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"btnicon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"layoutConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"indexToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"svgToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"enterKeyPress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onEnterKeyPress":[{"__symbolic":"method"}],"arrangeFrameworkDetails":[{"__symbolic":"method"}],"getClassForImage":[{"__symbolic":"method"}],"fetchSvg":[{"__symbolic":"method"}]}},"MemberCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sb-member-card","template":"<div class=\"sb-members-list-item sb-members-list-item--{{config.size}} sb-members-list-item--{{config.view}}\"\n[ngClass]=\"{'sb-members-list-item--bold': config.isBold, 'selectElement': config.isSelectable && selected}\" \n*ngIf=\"!isLoading\" (click)=\"onClick($event)\" tabindex=\"0\">\n    <div class=\"sb-member text-left\">\n        <div class=\"sb-member__img\" [ngStyle]=\"fetchStyle()\"><span>{{initial}}</span></div>\n        <label class=\"sb-member__name sb__ellipsis sb__ellipsis--two ml-8\" title=\"{{title}}\"><span>{{title}}&lrm;</span></label>   \n    </div>\n    <div class=\"d-flex flex-ai-center pr-8\" *ngIf=\"config.view == 'horizontal'\">\n      <div *ngIf=\"isAdmin || isMenu\" class=\"d-flex flex-ai-center\">\n        <div [style.visibility]=\"isAdmin ? 'visible' : 'hidden'\" class=\"status\" (click)=\"onClick($event);$event.stopPropagation();\">Admin</div>\n        <div [style.visibility]=\"isMenu ? 'visible' : 'hidden'\" class=\"menu ml-8\" tabindex=\"0\" (click)=\"onMenuClick($event);$event.stopPropagation();\"></div>\n      </div>\n    <div *ngIf=\"!isMenu && cardImg!=null\" tabindex=\"0\" (click)=\"onMenuClick($event);$event.stopPropagation();\"><img [src]=\"cardImg\" alt=\"\"></div>\n    <div *ngIf=\"config.isSelectable && selected\" class=\"selected ml-8\"><img class=\"icon_select\" alt=\"\" src=\"assets/common-consumption/images/selected.svg\" /></div>\n    <div *ngIf=\"progressDisplay && progressDisplay !== '100'\" class=\"ml-8 progress-circle progress-circle--{{config?.progressSize}}\" [attr.data-percentage]=\"progressDisplay\">\n        <svg class=\"progress-circle__svg\" viewport=\"0 0 2000 2000\">\n          <circle class=\"progress-circle__stroke\" r=\"50%\" cx=\"50%\" cy=\"50%\"></circle>\n          <circle class=\"progress-circle__stroke\" r=\"50%\" cx=\"50%\" cy=\"50%\"></circle>\n        </svg>\n        <span>{{progressDisplay}}%</span>\n      </div>\n    <div *ngIf=\"progressDisplay === '100'\" class=\"progress-circle progress-circle--{{config?.progressSize}} progress-circle--success\"><img class=\"icon_progress_check\" alt=\"\" src=\"assets/common-consumption/images/completed.svg\"></div>\n  </div>\n</div>\n\n<!--Loading Indicator -->\n<div class=\"sb-members-list-item sb-members-list-item--{{config.size}} sb-members-list-item--{{config.view}}\"\n[ngClass]=\"{'sb-members-list-item--bold': config.isBold, 'selectElement': config.isSelectable && selected}\" *ngIf=\"isLoading\">    \n    <div class=\"sb-member mr-8\">\n        <div class=\"sb-member__img loading-animation\"></div>\n        <label class=\"sb-member__name loading-animation sb--card--highlighter\"></label>   \n    </div>\n</div>\n\n","styles":[".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-members-list-item-selected:var(--rc-E0EFFF);--cc-members-list-item-selected-border:var(--rc-E0EFFF);--cc-members-list-item-menu-text:var(--gray-200);--cc-members-list-item-status-text:var(--secondary-200);--cc-members-list-item-status-br:var(--secondary-200);--cc-members-list-item-status-bg:var(--white)}.sb-members-list-item{display:flex;align-items:center;border:.0625rem solid transparent;position:relative}.sb-members-list-item.selectElement,.sb-members-list-item:hover{background-color:var(--cc-members-list-item-selected);border:.0625rem solid var(--cc-members-list-item-selected-border);cursor:pointer}.sb-members-list-item .menu::after{content:'\\2807';font-size:1.5rem;color:var(--cc-members-list-item-menu-text);text-align:center;align-items:center;display:flex;justify-content:center;border-radius:50%;padding-left:.25rem;padding-top:.125rem;cursor:pointer}html[dir=rtl] .sb-members-list-item .menu::after{padding-right:.25rem;padding-left:0}.sb-members-list-item .menu:hover::after{background:var(--gray-0)}.sb-members-list-item .status{border:.0625rem solid var(--cc-members-list-item-status-br);border-radius:.125rem;font-size:.6875rem;color:var(--cc-members-list-item-status-text);background-color:var(--cc-members-list-item-status-bg);padding:.25rem .5rem}.sb-members-list-item .sb-member{display:flex;align-items:center;padding:.5rem}.sb-members-list-item .sb-member__name{font-weight:400;cursor:pointer}.sb-members-list-item .sb-member__img{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--white);box-shadow:0 0 6px 0 rgba(var(--rc-rgba-black),.1);font-weight:700;text-transform:uppercase;padding-top:.125rem}.sb-members-list-item--bold .sb-member__name{font-weight:700}.sb-members-list-item--horizontal .sb-member{flex-direction:row;flex:1}.sb-members-list-item--horizontal .sb-member .sb-member__name{margin:0 0 0 .5rem;flex:1}html[dir=rtl] .sb-members-list-item--horizontal .sb-member .sb-member__name{margin:0 .5rem 0 0}.sb-members-list-item--vertical .sb-member{flex-direction:column}.sb-members-list-item--vertical .sb-member .sb-member__name{margin:.5rem 0 0;text-align:center;width:5.625rem;word-break:break-word}.sb-members-list-item--vertical .sb-member .sb-member__name.ml-8{margin-left:0!important}.sb-members-list-item--small .sb-member__img{width:2rem;height:2rem;font-size:1.25rem}.sb-members-list-item--small .sb-member__name{font-size:.875rem}.sb-members-list-item--small .selected img{width:1.25rem}.sb-members-list-item--small .menu::after{font-size:1rem;width:2rem;height:2rem}.sb-members-list-item--medium .sb-member__img{width:3rem;height:3rem;font-size:2.125rem}.sb-members-list-item--medium .sb-member__name{font-size:1rem}.sb-members-list-item--medium .selected img{width:1.5rem}.sb-members-list-item--medium .menu::after{font-size:1.5rem;width:2.5rem;height:2.5rem}.sb-members-list-item--large .sb-member__img{width:3.5rem;height:3.5rem;font-size:2.375rem}.sb-members-list-item--large .sb-member__name{font-size:1.125rem}.sb-members-list-item--large .selected img{width:2rem}.sb-members-list-item--large .menu::after{font-size:2rem;width:3rem;height:3rem}.progress-circle{height:2.25rem;width:2.25rem;position:relative}.progress-circle span{position:absolute;font-size:.625rem;font-weight:700;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-circle__svg{border-radius:50%;height:100%;transform:scaleX(-1) rotate(-90deg);width:100%}.progress-circle__stroke{fill:none;stroke-width:.25rem}.progress-circle__stroke:nth-child(1){stroke:var(--secondary-200)}.progress-circle__stroke:nth-child(2){stroke:var(--gray-100);stroke-dasharray:314.1592%}.progress-circle--xs span{display:none}.progress-circle--xs{height:1.5rem;width:1.5rem}.progress-circle--xs .progress-circle__stroke{stroke-width:.25rem}.progress-circle--sm{height:2rem;width:2rem}.progress-circle--sm .progress-circle__stroke{stroke-width:.5rem}.progress-circle--md{height:3rem;width:3rem}.progress-circle--md .progress-circle__stroke{stroke-width:.75rem}.progress-circle--md span{font-size:.625rem}.progress-circle--lg{height:4rem;width:4rem}.progress-circle--lg .progress-circle__stroke{stroke-width:1rem}.progress-circle--lg span{font-size:.875rem}.progress-circle--xl{height:4.5rem;width:4.5rem}.progress-circle--xl .progress-circle__stroke{stroke-width:1.25rem}.progress-circle--xl span{font-size:1.125rem}.progress-circle--xxl{height:5.5rem;width:5.5rem}.progress-circle--xxl .progress-circle__stroke{stroke-width:1.5rem}.progress-circle--xxl span{font-size:1.25rem}.progress-circle[data-percentage=\"0\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (0 / 100))}.progress-circle[data-percentage=\"1\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (1 / 100))}.progress-circle[data-percentage=\"2\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (2 / 100))}.progress-circle[data-percentage=\"3\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (3 / 100))}.progress-circle[data-percentage=\"4\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (4 / 100))}.progress-circle[data-percentage=\"5\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (5 / 100))}.progress-circle[data-percentage=\"6\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (6 / 100))}.progress-circle[data-percentage=\"7\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (7 / 100))}.progress-circle[data-percentage=\"8\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (8 / 100))}.progress-circle[data-percentage=\"9\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (9 / 100))}.progress-circle[data-percentage=\"10\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (10 / 100))}.progress-circle[data-percentage=\"11\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (11 / 100))}.progress-circle[data-percentage=\"12\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (12 / 100))}.progress-circle[data-percentage=\"13\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (13 / 100))}.progress-circle[data-percentage=\"14\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (14 / 100))}.progress-circle[data-percentage=\"15\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (15 / 100))}.progress-circle[data-percentage=\"16\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (16 / 100))}.progress-circle[data-percentage=\"17\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (17 / 100))}.progress-circle[data-percentage=\"18\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (18 / 100))}.progress-circle[data-percentage=\"19\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (19 / 100))}.progress-circle[data-percentage=\"20\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (20 / 100))}.progress-circle[data-percentage=\"21\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (21 / 100))}.progress-circle[data-percentage=\"22\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (22 / 100))}.progress-circle[data-percentage=\"23\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (23 / 100))}.progress-circle[data-percentage=\"24\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (24 / 100))}.progress-circle[data-percentage=\"25\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (25 / 100))}.progress-circle[data-percentage=\"26\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (26 / 100))}.progress-circle[data-percentage=\"27\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (27 / 100))}.progress-circle[data-percentage=\"28\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (28 / 100))}.progress-circle[data-percentage=\"29\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (29 / 100))}.progress-circle[data-percentage=\"30\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (30 / 100))}.progress-circle[data-percentage=\"31\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (31 / 100))}.progress-circle[data-percentage=\"32\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (32 / 100))}.progress-circle[data-percentage=\"33\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (33 / 100))}.progress-circle[data-percentage=\"34\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (34 / 100))}.progress-circle[data-percentage=\"35\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (35 / 100))}.progress-circle[data-percentage=\"36\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (36 / 100))}.progress-circle[data-percentage=\"37\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (37 / 100))}.progress-circle[data-percentage=\"38\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (38 / 100))}.progress-circle[data-percentage=\"39\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (39 / 100))}.progress-circle[data-percentage=\"40\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (40 / 100))}.progress-circle[data-percentage=\"41\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (41 / 100))}.progress-circle[data-percentage=\"42\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (42 / 100))}.progress-circle[data-percentage=\"43\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (43 / 100))}.progress-circle[data-percentage=\"44\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (44 / 100))}.progress-circle[data-percentage=\"45\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (45 / 100))}.progress-circle[data-percentage=\"46\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (46 / 100))}.progress-circle[data-percentage=\"47\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (47 / 100))}.progress-circle[data-percentage=\"48\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (48 / 100))}.progress-circle[data-percentage=\"49\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (49 / 100))}.progress-circle[data-percentage=\"50\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (50 / 100))}.progress-circle[data-percentage=\"51\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (51 / 100))}.progress-circle[data-percentage=\"52\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (52 / 100))}.progress-circle[data-percentage=\"53\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (53 / 100))}.progress-circle[data-percentage=\"54\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (54 / 100))}.progress-circle[data-percentage=\"55\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (55 / 100))}.progress-circle[data-percentage=\"56\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (56 / 100))}.progress-circle[data-percentage=\"57\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (57 / 100))}.progress-circle[data-percentage=\"58\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (58 / 100))}.progress-circle[data-percentage=\"59\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (59 / 100))}.progress-circle[data-percentage=\"60\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (60 / 100))}.progress-circle[data-percentage=\"61\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (61 / 100))}.progress-circle[data-percentage=\"62\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (62 / 100))}.progress-circle[data-percentage=\"63\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (63 / 100))}.progress-circle[data-percentage=\"64\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (64 / 100))}.progress-circle[data-percentage=\"65\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (65 / 100))}.progress-circle[data-percentage=\"66\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (66 / 100))}.progress-circle[data-percentage=\"67\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (67 / 100))}.progress-circle[data-percentage=\"68\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (68 / 100))}.progress-circle[data-percentage=\"69\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (69 / 100))}.progress-circle[data-percentage=\"70\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (70 / 100))}.progress-circle[data-percentage=\"71\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (71 / 100))}.progress-circle[data-percentage=\"72\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (72 / 100))}.progress-circle[data-percentage=\"73\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (73 / 100))}.progress-circle[data-percentage=\"74\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (74 / 100))}.progress-circle[data-percentage=\"75\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (75 / 100))}.progress-circle[data-percentage=\"76\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (76 / 100))}.progress-circle[data-percentage=\"77\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (77 / 100))}.progress-circle[data-percentage=\"78\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (78 / 100))}.progress-circle[data-percentage=\"79\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (79 / 100))}.progress-circle[data-percentage=\"80\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (80 / 100))}.progress-circle[data-percentage=\"81\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (81 / 100))}.progress-circle[data-percentage=\"82\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (82 / 100))}.progress-circle[data-percentage=\"83\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (83 / 100))}.progress-circle[data-percentage=\"84\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (84 / 100))}.progress-circle[data-percentage=\"85\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (85 / 100))}.progress-circle[data-percentage=\"86\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (86 / 100))}.progress-circle[data-percentage=\"87\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (87 / 100))}.progress-circle[data-percentage=\"88\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (88 / 100))}.progress-circle[data-percentage=\"89\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (89 / 100))}.progress-circle[data-percentage=\"90\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (90 / 100))}.progress-circle[data-percentage=\"91\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (91 / 100))}.progress-circle[data-percentage=\"92\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (92 / 100))}.progress-circle[data-percentage=\"93\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (93 / 100))}.progress-circle[data-percentage=\"94\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (94 / 100))}.progress-circle[data-percentage=\"95\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (95 / 100))}.progress-circle[data-percentage=\"96\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (96 / 100))}.progress-circle[data-percentage=\"97\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (97 / 100))}.progress-circle[data-percentage=\"98\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (98 / 100))}.progress-circle[data-percentage=\"99\"] .progress-circle__stroke:nth-child(2){stroke-dashoffset:calc(314.1592% * (99 / 100))}.progress-circle--success img.icon_progress_check{width:100%}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"isAdmin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"indexOfMember":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"initial":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"cardImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"identifier":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"progressDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"progressSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"fetchStyle":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onMenuClick":[{"__symbolic":"method"}]}},"NotificationCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sb-notification-card","template":"<div class=\"sb-notification-list p-8\" (click)=\"notificationClickHandler($event)\" tabindex=\"0\">\n  <div class=\"sb-notification-list-header d-flex flex-ai-center flex-jc-space-between\">\n    <div class=\"notification-info d-flex flex-ai-center mb-8\">\n      <div class=\"status\" *ngIf=\"!notification?.isRead\"></div>\n      <div class=\"date ml-8\">{{notification?.createdOn | date:'E, d MMMM h:mm'}}</div>\n    </div>\n    <div class=\"delete-icon\" (click)=\"notificationDeleteHandler($event);$event.stopPropagation()\" tabindex=\"0\">\n      <img class=\"Delete-gray\" src=\"assets/common-consumption/images/Delete-gray.svg\" alt=\"\" alt=\"delete\" width=\"14px\">\n      <img class=\"Delete-red\" src=\"assets/common-consumption/images/Delete-red.svg\" alt=\"\" alt=\"delete\" width=\"14px\">\n    </div>\n  </div>\n  <div class=\"sb-notification-data d-flex flex-ai-center\">\n    <div class=\"logo\" *ngIf=\"notification?.data?.actionData?.appIcon\">\n      <img [src]=\"notification?.data?.actionData?.appIcon\" width=\"20px\">\n    </div>\n    <div class=\"ml-12 notification-content\">\n      <div class=\"title\" *ngIf=\"notification?.data?.actionData?.title\" [ngClass]=\"{'active': !notification?.isRead}\">{{notification?.data?.actionData?.title}}</div>\n      <div class=\"sub-title py-8\" *ngIf=\"notification?.data?.actionData?.description\">{{notification?.data?.actionData?.description}}</div>\n    </div>\n  </div>\n</div>\n","styles":["::ng-deep :root{--cc-notification-list-bg:var(--white);--cc-notification-list-br:#ddd;--cc-notification-status-bg:var(--gray-200);--cc-notification-date-text:#979797;--cc-notification-logo-bg:var(--gray-0);--cc-notification-title-text:var(--gray-400);--cc-notification-title-active:var(--primary-color);--cc-notification-subtitle-text:var(--gray-400)}.sb-notification-list{border-radius:.5rem;background-color:var(--cc-notification-list-bg);box-shadow:.3125rem .3125rem .125rem 0 rgba(var(--rc-rgba-black),.1);margin-bottom:.5rem;border:.03125rem solid var(--cc-notification-list-br)}.sb-notification-list:hover{cursor:pointer}.sb-notification-list:hover .sb-notification-list-header .notification-info .status{background-color:var(--orange)}.sb-notification-list:hover .sb-notification-list-header .delete-icon .Delete-red{display:block}.sb-notification-list:hover .sb-notification-list-header .delete-icon .Delete-gray{display:none}.sb-notification-list .sb-notification-list-header .notification-info .status{height:.5rem;width:.5rem;background-color:var(--cc-notification-status-bg);border-radius:.5rem}.sb-notification-list .sb-notification-list-header .notification-info .date{color:var(--cc-notification-date-text);font-size:.75rem}.sb-notification-list .sb-notification-list-header .delete-icon .Delete-red{display:none}.sb-notification-list .sb-notification-data .logo{height:2rem;width:2rem;border-radius:.5rem;background-color:var(--cc-notification-logo-bg);display:inline-flex;align-items:center;justify-content:center}.sb-notification-list .sb-notification-data .logo img{height:1.5rem;max-width:1.25rem}.sb-notification-list .sb-notification-data .notification-content{overflow:hidden}.sb-notification-list .sb-notification-data .notification-content .title{color:var(--cc-notification-title-text);font-size:.875rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-notification-list .sb-notification-data .notification-content .title.active{color:var(--cc-notification-title-active)}.sb-notification-list .sb-notification-data .notification-content .sub-title{color:var(--cc-notification-subtitle-text);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],"members":{"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"notificationClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"deleteNotificationClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"notificationClickHandler":[{"__symbolic":"method"}],"notificationDeleteHandler":[{"__symbolic":"method"}]}},"TocCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sb-toc-card","template":"<!-- For card type textbook -->\n<div *ngIf=\"type === TocCardType.TEXTBOOK\">\n  <div class=\"sbchapter__item\" role=\"button\" (click)=\"onTocCardClick($event)\" attr.aria-pressed=\"{{activeContent?.sbUniqueIdentifier === content?.sbUniqueIdentifier}}\" tabindex=\"0\"\n    [ngClass]=\"{'sbchapter__item--active': activeContent?.sbUniqueIdentifier === content?.sbUniqueIdentifier}\">\n    <h4 class=\"sbchapter__item__title sbchapter__item__title text-left sb__ellipsis sb__ellipsis--two mr-8\" title=\"{{content?.name}}\">\n      {{content?.name}}\n    </h4>\n    <div class=\"sbchapter__img\"><img [src]=\"content?.appIcon || fallbackImg\" (error)=\"img.src = fallbackImg\" alt=\"{{content?.name}} Image\"\n        #img />\n    </div>\n  </div>\n</div>\n\n<!-- For card type TRACKABLE -->\n<div *ngIf=\"type === TocCardType.TRACKABLE\">\n  <div class=\"sbchapter__item\" role=\"button\" attr.aria-pressed=\"{{activeContent?.sbUniqueIdentifier === content?.sbUniqueIdentifier}}\" (click)=\"onTocCardClick($event)\" tabindex=\"0\"\n    [ngClass]=\"{'sbchapter__item--active': activeContent?.sbUniqueIdentifier === content?.sbUniqueIdentifier, 'sb-card-swap': swapCard(content)}\">\n    <div class=\"relative\">\n      <img src=\"assets/common-consumption/images/completed.svg\" *ngIf=\"content?.isAvailableLocally\" class=\"sb_success_check\" alt=\"Complated Icon\">\n      <div class=\"sbchapter__img\">\n        <img [src]=\"getContentImage(content) || fallbackImg\" alt=\"{{content?.name}} Image\" #img />\n      </div>\n    </div>\n    <div class=\"arrange-card-items certificate-course-contentt pl-8\">\n      <h4 class=\"sbchapter__item__title text-left sb__ellipsis sb__ellipsis--two mr-8 ml-8\" title=\"{{content?.name}}\">\n        {{content?.name}}\n      </h4>\n      <h4 *ngIf=\"bestScoreLabel\" class=\"sbchapter__item__score pr-8 ml-auto\" title=\"{{bestScoreLabel}}\">\n        {{bestScoreLabel}}\n      </h4>\n    </div>\n    <button class=\"sbchapter__play__btn\" *ngIf=\"!isTrackable(content) && playBtnConfig.show\"\n      (click)=\"$event.stopImmediatePropagation(); $event.preventDefault(); onPlayButtonClick($event)\" tabindex=\"0\">\n      <svg class=\"icon icon-svg--primary\">\n        <use xlink:href=\"assets/common-consumption/images/sprite.svg#play\"></use>\n      </svg>\n      {{playBtnConfig.label}}\n    </button>\n  </div>\n</div>\n\n<!-- For card type course -->\n<div *ngIf=\"type === TocCardType.COURSE\">\n  <div class=\"sbchapter__item\" role=\"button\" (click)=\"onTocCardClick($event)\" tabindex=\"0\"\n  [ngClass]=\"[(activeContent?.sbUniqueIdentifier === content?.sbUniqueIdentifier) ? 'sbchapter__item--active': '', isDisabled ? disabled: '']\">\n  <div class=\"sbchapter__img background-transparent\" [ngClass]=\"{'sbchapter__img--inprogress':isContentStarted}\">\n    {{createIconMap()}}\n    <i class=\"icon-svg icon-svg--sm\" *ngIf=\"content?.appIcon\">\n      <svg class=\"icon icon-svg--primary\">\n        <use [attr.xlink:href]=\"content?.appIcon\"></use>\n      </svg>\n    </i>\n    <img [src]=\"fallbackImg\" *ngIf=\"!content?.appIcon\" alt=\"\" #img />\n  </div>\n  <div class=\"certificate-course-content pl-8\">\n    <div class=\"sbchapter__item__title text-left sb__ellipsis sb__ellipsis--two mr-8 pt-4\" title=\"{{content?.name}}\">\n      {{content?.name}}\n    </div>\n      <div *ngIf=\"bestScoreLabel && displayScore\" class=\"sbchapter__item__score pr-8 ml-auto\" title=\"{{bestScoreLabel}}\">\n        {{bestScoreLabel}}\n      </div>\n  </div>\n  </div>\n</div>\n\n<!-- For card type NON TRACKABLE -->\n<div *ngIf=\"type === TocCardType.NON_TRACKABLE\">\n  <div class=\"sbchapter__item\" role=\"button\" (click)=\"onTocCardClick($event)\" tabindex=\"0\"\n    [ngClass]=\"[(activeContent?.sbUniqueIdentifier === content?.sbUniqueIdentifier) ? 'sbchapter__item--active': '', isDisabled ? disabled: '']\">\n    <div class=\"sbchapter__img background-transparent\" [ngClass]=\"{'sbchapter__img--inprogress':isContentStarted}\">\n      {{createIconMap()}}\n      <i class=\"icon-svg icon-svg--sm\" *ngIf=\"content?.appIcon\">\n        <svg class=\"icon icon-svg--primary\">\n          <use [attr.xlink:href]=\"content?.appIcon\"></use>\n        </svg>\n      </i>\n      <img [src]=\"fallbackImg\" *ngIf=\"!content?.appIcon\" alt=\"\" #img />\n    </div>\n    <div class=\"certificate-course-content pl-8\">\n      <div class=\"sbchapter__item__title text-left sb__ellipsis sb__ellipsis--two mr-8 pt-4\" title=\"{{content?.name}}\">\n        {{content?.name}}\n      </div>\n      <div *ngIf=\"bestScoreLabel && displayScore\" class=\"sbchapter__item__score pr-8 ml-auto\" title=\"{{bestScoreLabel}}\">\n        {{bestScoreLabel}}\n      </div> \n    </div>\n    <button class=\"sbchapter__play__btn\" *ngIf=\"!(content?.contentData?.trackable?.enabled === 'Yes') && playBtnConfig.show\" \n      (click)=\"$event.stopImmediatePropagation(); $event.preventDefault(); onPlayButtonClick($event)\" tabindex=\"0\">\n      <svg class=\"icon icon-svg--primary\">\n        <use xlink:href=\"assets/common-consumption/images/sprite.svg#play\"></use>\n      </svg>\n      {{playBtnConfig.label}}\n    </button>\n  </div>\n</div>","styles":["::ng-deep :root{--cc-toc-card-item-bg:var(--white);--cc-toc-card-item-hover:var(--primary-100);--cc-toc-card-item-title:var(--primary-400);--cc-toc-card-item-title-hover:var(--primary-400);--cc-toc-card-item-br:var(--primary-300);--cc-toc-card-item-bs:var(--rc-rgba-primary);--cc-toc-card-item-img-bg:var(--rc-dddddd);--cc-toc-card-item-score-text:#3F19C3}.sbchapter__item{background:var(--cc-toc-card-item-bg);border:.0625rem solid var(--cc-toc-card-item-br);box-shadow:0 .1875rem .25rem 0 rgba(var(--cc-toc-card-item-bs),.1);display:flex;align-items:center;margin-bottom:.5rem;padding:.5rem;cursor:pointer;min-height:3.5rem;transition:.2s ease-in}.sbchapter__item .sbchapter__img{width:1.5rem;height:1.5rem;flex:0 0 1.5rem;display:flex;align-items:center;background:var(--cc-toc-card-item-img-bg)}.sbchapter__item .sbchapter__img img{width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.sbchapter__item .sbchapter__img .icon-svg svg.icon.icon-svg--primary{fill:#9cb9ff}.sbchapter__item .sbchapter__img--inprogress .icon-svg svg.icon.icon-svg--primary{fill:var(--primary-color)}.sbchapter__item--active,.sbchapter__item--active:hover,.sbchapter__item:hover{background:var(--cc-toc-card-item-hover)}.sbchapter__item--active .sbchapter__item__title,.sbchapter__item--active:hover .sbchapter__item__title,.sbchapter__item:hover .sbchapter__item__title{color:var(--cc-toc-card-item-title-hover)}.sbchapter__item--active .sbchapter__item__title{font-weight:700}.sbchapter__item__title{font-size:.75rem;line-height:1.25rem;color:var(--cc-toc-card-item-title);margin:0 2rem 0 0;padding:0;font-weight:400}.sbchapter__item__score{text-transform:uppercase;color:var(--cc-toc-card-item-score-text);font-size:.6875rem;text-align:right;white-space:nowrap}.certificate-course-content{display:flex;align-items:center;width:100%}@media (max-width:767px){.sbchapter__item__title{margin-right:0;margin-bottom:.5rem}.sbchapter__item__score{text-align:left}.certificate-course-content{display:block}}.pl-8{padding-left:.5rem}.background-transparent{background:0 0!important}.sbchapter__play__btn{border:.0625rem solid var(--primary-color);border-radius:1rem;color:var(--primary-color);background-color:var(--white);padding:.25rem}.sbchapter__play__btn svg{height:1rem;width:1rem;vertical-align:middle}.sb-card-swap{flex-direction:row-reverse}.sb-card-swap .arrange-card-items{display:contents}.sb_success_check{position:absolute;top:-.3rem;right:-.3rem}.pr-8{padding-right:.5rem}.ml-auto{margin-left:auto}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"activeContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"contentStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"refresh":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"playBtnConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"trackableDefaultImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"platform":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"tocCardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"playButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"scoreLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"maxAttempts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onTocCardClick":[{"__symbolic":"method"}],"createIconMap":[{"__symbolic":"method"}],"getBestScore":[{"__symbolic":"method"}],"getIconPath":[{"__symbolic":"method"}],"onPlayButtonClick":[{"__symbolic":"method"}],"swapCard":[{"__symbolic":"method"}],"isTrackable":[{"__symbolic":"method"}],"getContentImage":[{"__symbolic":"method"}]}},"MyCourseCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sb-my-course-card","template":"<!-- card component -->\n<div class=\"sb--card sb--card--course\" [ngClass]=\"{'sb--card--recently-viewed': type === CourseCardTypes.RECENTLY_VIEWED, 'offline': isOffline}\"\n  (click)=\"onClick($event)\" *ngIf=\"!isLoading\" tabindex=\"0\">\n  <div class=\"sb--card__main-area\">\n    <!-- card img -->\n    <div class=\"sb--card__img\">\n      <div class=\"img-container\">\n        <img [src]=\"cardImg\" alt=\"\">\n      </div>\n    </div>\n    <!-- card mobile view details -->\n    <div class=\"sb--container-box\">\n      <div class=\"sb--card__info\">\n        <div class=\"sb--holder\">\n          <h4 class=\"sb--card__title sb__ellipsis  sb__ellipsis--three text-left\" title=\"{{course?.courseName}}\">{{course?.courseName}}</h4>\n          <div class=\"sb--card__meta1 text-left\" *ngIf=\"course?.content?.orgDetails?.orgName\">\n            <span class=\"data_1 ellipsis\" title=\"{{course?.content?.orgDetails?.orgName}}\"> <span *ngIf=\"publishedByText\">{{publishedByText}} : </span> {{course?.content?.orgDetails?.orgName}}</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"sb--card__progressbar\" *ngIf=\"type === CourseCardTypes.RECENTLY_VIEWED && !hideProgress\">\n        <span [ngStyle]=\"fetchProgress()\"></span>\n      </div>\n    </div>\n  </div>\n\n  <!-- content for only desktop -->\n  <div *ngIf=\"type != CourseCardTypes.RECENTLY_VIEWED\">\n    <div class=\"sb--card__meta_c_data\" *ngIf=\"section!=null\" [innerHTML]=\"section\">\n    </div>\n  </div>\n  <div class=\"sb--card__progressbar\" *ngIf=\"type != CourseCardTypes.RECENTLY_VIEWED && !hideProgress\">\n      <span [ngStyle]=\"fetchProgress()\"></span>\n    </div>\n\n</div>\n<div *ngIf=\"type == CourseCardTypes.RECENTLY_VIEWED\">\n  <div class=\"sb--card__meta_c_data_external\" *ngIf=\"section!=null\" [innerHTML]=\"section\">\n  </div>\n</div>\n\n  <div class=\"sb--card sb--card--course\" [ngClass]=\"{'sb--card--recently-viewed': type === CourseCardTypes.RECENTLY_VIEWED, 'offline': isOffline}\" *ngIf=\"isLoading\">\n      <div class=\"sb--card__main-area\">\n          <!-- card img -->\n          <div class=\"sb--card__img\">\n            <div class=\"img-container loading-animation\">\n              \n            </div>\n          </div>\n          <!-- card mobile view details -->\n          <div class=\"sb--card__info\">\n            <h4 class=\"sb--card__title loading-animation sb--card--highlighter\"></h4>\n            <div class=\"sb--card__meta1 text-left\">\n              <span class=\"data_1 ellipsis loading-animation sb--card--highlighter\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"sb--card__meta_c_data\" style=\"display:none;\">\n            <div class=\"label loading-animation sb--card--highlighter\" style=\"width:80%;\"></div>\n        </div>\n  </div>\n","styles":[":host .sb--card--course .sb--container-box{min-width:0;flex:1;padding-right:.5rem;height:100%;display:flex;justify-content:center;flex-direction:column}html[dir=rtl] :host .sb--card--course .sb--container-box{padding-right:inherit;padding-left:.5rem}:host .sb--card--course .sb--container-box .sb--card__info{padding:0;display:flex;align-items:center}:host .sb--card--course .sb--container-box .sb--holder{flex:1;min-width:0}.sb--card--course.sb--card--recently-viewed .sb--container-box{padding:.5rem!important}.sb--card--course.sb--card--recently-viewed .sb--card__meta_c_data{min-height:1rem!important}.sb--card__meta_c_data_external{min-height:1rem;padding:.1rem;font-size:.8rem}",".sb--card{border-radius:.125rem}.sb--card--course .sb--card__meta1{--cc-sbcard-meta1:#555;color:var(--cc-sbcard-meta1);font-size:.75rem;line-height:1rem}.sb--card--course .sb--card__meta_c_data{--cc-sbcard-metaC-data:var(--rc-FAFAFA);min-height:2rem;padding:.5rem;background-color:var(--cc-sbcard-metaC-data);font-size:.8rem}.sb--card--course .data_1{max-width:100%!important}",".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-sbcard-bg:var(--white);--cc-sbcard-img-container-bg:var(--gray-100);--cc-sbcard-title:var(--primary-color);--cc-sbcard-meta-text:var(--gray-800);--cc-sbcard-dot-divider:var(--gray-200);--cc-sbcard-moreinfo-bg:none;--cc-sbcard-moreinfo-bordertop:#cacbce;--cc-sbcard-meta2-text:var(--gray-800);--cc-sbcard-org-text:var(--gray-200);--cc-sbcard-type-bg:var(--gray-200);--cc-sbcard-type-text:var(--white);--cc-sbcard-rv-img-container-bg:var(--gray-100);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-selected-bg:rgba(2, 79, 157, 0.2);--cc-sbcard-offline-bg:var(--tertiary-color);--cc-sbcard-offline-img-text:var(--white);--cc-sbcard-card__progressbar-bg:var(--gray-100);--cc-sbcard-card__progressbar-span-bg:var(--secondary-200);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card{width:100%;background-color:var(--cc-sbcard-bg);display:flex;flex-direction:column;cursor:pointer;position:relative;margin-top:0;border:0;contain:content;border-radius:.125rem}:host .sb--card:hover{transform:translate(0,0);box-shadow:0 .125rem .4375rem 0 rgba(var(--rc-rgba-black),.16)}@media (max-width:767px){:host .sb--card{box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16)}}:host .sb--card__main-area{display:flex;flex-direction:row;align-items:center;height:5.5rem}:host .sb--card__img{height:4.5rem;width:4.5rem;overflow:hidden;flex:0 0 4.5rem;margin:.5rem}:host .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-img-container-bg);height:4.5rem;width:4.5rem;justify-content:center}:host .sb--card__img .img-container img{max-width:100%}:host .sb--card__info{flex:1;overflow:hidden}[dir=ltr] :host .sb--card__info{padding-right:.5rem}[dir=rtl] :host .sb--card__info{padding-left:.5rem}:host .sb--card__title{color:var(--cc-sbcard-title);font-size:.875rem;margin:0;line-height:1.25rem}:host .sb--card__meta1{color:var(--cc-sbcard-meta-text);font-size:.75rem;display:flex;flex-direction:row;align-items:center;flex:1;line-height:1.25rem;margin-top:.25rem}:host .sb--card .data_1{max-width:50%}:host .sb--card .data_2{flex:1}:host .sb--card .dot-divider{width:.25rem;height:.25rem;min-width:.25rem;max-width:.25rem;min-height:.25rem;max-height:.25rem;border-radius:100%;background-color:var(--cc-sbcard-dot-divider);display:inline-block;margin:0 .5rem}:host .sb--card__moreinfo{border-radius:0 0 .125rem .125rem;background-color:var(--cc-sbcard-moreinfo-bg);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;min-height:3.5rem;border-top:0 solid var(--cc-sbcard-moreinfo-bordertop)}:host .sb--card__meta2{color:var(--cc-sbcard-meta2-text);font-size:.75rem;line-height:.875rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;padding:.5rem}:host .sb--card__meta2_data .label{font-weight:400}:host .sb--card__meta2_data .value{font-weight:700}:host .sb--card__org{color:var(--cc-sbcard-org-text)}:host .sb--card__tags{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1}:host .sb--card__badge{display:flex}:host .sb--card__badge img{width:1.25rem;height:1.25rem}:host .sb--card__type{background:var(--cc-sbcard-type-bg);position:relative;height:1.25rem;color:var(--cc-sbcard-type-text);font-size:.6875rem;display:flex;align-items:center}[dir=ltr] :host .sb--card__type{padding-left:.25rem;padding-right:.5rem;margin-left:1rem}[dir=rtl] :host .sb--card__type{padding-left:.5rem;padding-right:.25rem;margin-right:1rem}:host .sb--card__type:before{content:\"\";width:0;height:0;border-width:.625rem .3125rem;border-style:solid;border-color:var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) transparent;position:absolute;left:-10px}html[dir=rtl] :host .sb--card__type:before{right:-.625rem;left:inherit;border-color:var(--cc-sbcard-type-br) transparent var(--cc-sbcard-type-br) var(--cc-sbcard-type-br)}:host .sb--card--recently-viewed .sb--card__img{height:5.5rem;width:5.5rem;flex:0 0 5.5rem;margin:0}:host .sb--card--recently-viewed .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-rv-img-container-bg);height:5.5rem;width:5.5rem}:host .sb--card--recently-viewed .sb--card__info{padding:.5rem;flex:1}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:4px;background-color:var(--cc-sbcard-selected-bg)}:host .sb--card.offline .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-offline-bg);opacity:.5}:host .sb--card.offline .sb--card__img .img-container img{margin:auto;font-size:1.5rem;color:var(--cc-sbcard-offline-img-text)}:host .sb--card.offline .sb--card__info,:host .sb--card.offline .sb--card__moreinfo{opacity:.5}:host .sb--card__progressbar{height:.25rem;margin:0;border-radius:0;box-shadow:inset 0 -.0625rem .0625rem rgba(var(--rc-rgba-white),.3);width:100%;background:var(--cc-sbcard-card__progressbar-bg)}:host .sb--card__progressbar>span{display:block;height:100%;background-color:var(--cc-sbcard-card__progressbar-span-bg);background-image:-webkit-gradient(center bottom,var(--secondary-400),var(--secondary-200));box-shadow:inset 0 .125rem .5625rem var(--gray-100),inset 0 -.125rem .375rem rgba(var(--rc-rgba-black),.4);position:relative;overflow:hidden}:host .animate>span:after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(var(--rc-rgba-white),.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(var(--rc-rgba-white),.2)),color-stop(.75,rgba(var(--rc-rgba-white),.2)),color-stop(.75,transparent),to(transparent));z-index:1;background-size:3.125rem 3.125rem;overflow:hidden;-webkit-animation:2s linear infinite move;border-radius:1.25rem .5rem .5rem 1.25rem}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:3.125rem 3.125rem}}:host .completed>span{background-color:var(--secondary-color);background-image:-webkit-linear-gradient(var(--secondary-100),var(--secondary-400))}:host .inprogress>span{background-color:var(--tertiary-color);background-image:-webkit-linear-gradient(var(--tertiary-100),var(--tertiary-400))}:host .notcompleted>span{background-color:var(--red-100);background-image:-webkit-linear-gradient(var(--red-100),var(--red-400))}:host .nostripes>span,:host .nostripes>span:after{-webkit-animation:none;-moz-animation:none;background-image:none}:host .border-top-r-left-right{border-top-left-radius:0;border-top-right-radius:0}::ng-deep .card-hover{opacity:0;transition:.2s ease-in;display:none}::ng-deep .sb--card:focus-within .card-hover,::ng-deep .sb--card:hover .card-hover{opacity:1;z-index:1001;display:block}::ng-deep .sb--card:focus-within .card-hover .child-content,::ng-deep .sb--card:hover .card-hover .child-content{--cc-sbcard-hover-text:var(--white);--cc-sbcard-hover-bg:var(--primary-color);color:var(--cc-sbcard-hover-text);position:absolute;left:0;right:0;top:0;bottom:0;opacity:.95;border-radius:.125rem;background-color:var(--cc-sbcard-hover-bg);z-index:1;display:flex;align-items:center;transition:.2s ease-in;flex-direction:column;justify-content:space-evenly}::ng-deep .sb--card:focus-within .card-hover .action-container,::ng-deep .sb--card:hover .card-hover .action-container{display:flex;width:100%;justify-content:center;align-self:center;justify-self:center;flex:1;align-items:center}::ng-deep .sb--card:focus-within .card-hover .action-item,::ng-deep .sb--card:hover .card-hover .action-item{padding:0 1rem;flex:1;text-align:center}::ng-deep .sb--card:focus-within .card-hover .action-item .sb-btn.sb-btn-primary[disabled],::ng-deep .sb--card:hover .card-hover .action-item .sb-btn.sb-btn-primary[disabled]{background-color:transparent;opacity:.5;border:0;color:var(--white)}::ng-deep .sb--card:focus-within .card-hover .action-item:not(:last-child),::ng-deep .sb--card:hover .card-hover .action-item:not(:last-child){border-right:.0625rem solid rgba(var(--rc-rgba-white),.5)}::ng-deep .sb--card:focus-within .card-hover .hover-meta-info,::ng-deep .sb--card:hover .card-hover .hover-meta-info{font-size:.625rem;opacity:.8;color:var(--white);line-height:.75rem;flex:0 0 25%}.menu::after{content:'\\2807';font-size:1.5rem;color:var(--gray-200);text-align:center;align-items:center;display:flex;justify-content:center;border-radius:50%;padding-left:.375rem;cursor:pointer;width:2rem;height:2rem}.menu:hover::after{background:var(--gray-0)}"]}]}],"members":{"course":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"isMobile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"isOffline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"cardImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"section":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"hideProgress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"publishedByText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"fetchProgress":[{"__symbolic":"method"}]}},"GroupCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-group-card","template":"<!-- card component -->\n<div class=\"sb--card sb--card--course--curiculum\" title=\"{{group?.name}}\" attr.aria-label=\"{{group?.name}}\" (click)=\"onClick($event)\" *ngIf=\"!isLoading\" role=\"link\" tabindex=\"0\">\n  <div class=\"sb--card__main-area\">\n    <!-- card img -->\n    <div class=\"sb--card__img\">\n      <div class=\"img-container img-container--label\" [ngStyle]=\"fetchStyle()\">\n        <label [ngStyle]=\"fetchInitialStyle()\">{{initial}}</label>\n        <div class=\"img-container--badge\" *ngIf=\"isSuspended\">{{suspendBadgeText}}</div>\n      </div>\n    </div>\n    <!-- card mobile view details -->\n    <div class=\"sb--card__info\">\n      <div class=\"d-flex flex-dr flex-jc-space-between\">\n        <div class=\"sb--card__title sb__ellipsis sb__ellipsis--three text-left\" title=\"{{group?.name}}\">{{group?.name}}</div>\n        <div *ngIf=\"isAdmin\" class=\"sb-label-badge\">Admin</div>\n      </div>\n      <div *ngIf=\"isMobile\">\n        <div class=\"sb--card__meta2 text-left p-0 pt-4\">\n          <div class=\"sb--card__meta2_data sb__ellipsis sb__ellipsis--two\" title=\"{{group?.description}}\">{{group?.description}}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"sb--card__moreinfo\" *ngIf=\"!isMobile\">\n    <div class=\"sb--card__meta2 text-left\">\n      <div class=\"sb--card__meta2_data sb__ellipsis sb__ellipsis--two\" title=\"{{group?.description}}\">{{group?.description}}</div>\n    </div>\n  </div>\n</div>\n\n<div class=\"sb--card sb--card--course--curiculum\" *ngIf=\"isLoading\" tabindex=\"0\" >\n  <div class=\"sb--card__main-area\">\n    <!-- card img -->\n    <div class=\"sb--card__img\">\n      <div class=\"img-container img-container--label\">\n        <label class=\"loading-animation\"></label>\n      </div>\n    </div>\n    <!-- card mobile view details -->\n    <div class=\"sb--card__info\">\n      <div class=\"d-flex flex-dr flex-jc-space-between\">\n        <h4 class=\"sb--card__title loading-animation sb--card--highlighter\"></h4>\n        <div *ngIf=\"isAdmin\" class=\"sb-label-badge loading-animation sb--card--highlighter\"></div>\n      </div>\n      <div *ngIf=\"isMobile\">\n        <div class=\"sb--card__meta2 text-left p-0 pt-4\">\n          <div class=\"sb--card__meta2_data loading-animation sb--card--highlighter\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"sb--card__moreinfo\" *ngIf=\"!isMobile\">\n    <div class=\"sb--card__meta2 text-left\">\n      <div class=\"sb--card__meta2_data loading-animation sb--card--highlighter\"></div>\n    </div>\n  </div>\n</div>","styles":[".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-sbcard-img-label:#284C3F;--cc-sbcard-img-label-bg:#B3EBD7;--cc-sbcard-img-badge-bg:var(--black);--cc-sbcard-img-badge-text:var(--white);--cc-sblabel-badge-br:var(--secondary-color);--cc-sblabel-badge-text:var(--secondary-color)}.sb--card__img .img-container--label{display:flex;justify-content:center;align-items:center;text-transform:capitalize;background-color:var(--cc-sbcard-img-label-bg);color:var(--cc-sbcard-img-label);position:relative}.sb--card__img .img-container--label label{margin-bottom:0;padding-bottom:0;font-size:1.3125rem;font-weight:700}.sb--card__img .img-container--label .img-container--badge{position:absolute;bottom:0;width:100%;background-color:var(--cc-sbcard-img-badge-bg);color:var(--cc-sbcard-img-badge-text);font-size:.75rem;text-align:center;margin-bottom:.5rem;line-height:normal;opacity:.6}.sb-label-badge{font-size:.6875rem;border:1px solid var(--cc-sblabel-badge-br);-ms-grid-row-align:center;align-self:center;padding:.25rem .5rem;border-radius:.125rem;color:var(--cc-sblabel-badge-text);text-align:center}[dir=ltr] .sb-label-badge,[dir=rtl] .sb-label-badge{margin-left:.5rem;margin-right:.5rem}",".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-sbcard-bg:var(--white);--cc-sbcard-img-container-bg:var(--gray-100);--cc-sbcard-title:var(--primary-color);--cc-sbcard-meta-text:var(--gray-800);--cc-sbcard-dot-divider:var(--gray-200);--cc-sbcard-moreinfo-bg:none;--cc-sbcard-moreinfo-bordertop:#cacbce;--cc-sbcard-meta2-text:var(--gray-800);--cc-sbcard-org-text:var(--gray-200);--cc-sbcard-type-bg:var(--gray-200);--cc-sbcard-type-text:var(--white);--cc-sbcard-rv-img-container-bg:var(--gray-100);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-selected-bg:rgba(2, 79, 157, 0.2);--cc-sbcard-offline-bg:var(--tertiary-color);--cc-sbcard-offline-img-text:var(--white);--cc-sbcard-card__progressbar-bg:var(--gray-100);--cc-sbcard-card__progressbar-span-bg:var(--secondary-200);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card{width:100%;background-color:var(--cc-sbcard-bg);display:flex;flex-direction:column;cursor:pointer;position:relative;margin-top:0;border:0;contain:content;border-radius:.125rem}:host .sb--card:hover{transform:translate(0,0);box-shadow:0 .125rem .4375rem 0 rgba(var(--rc-rgba-black),.16)}@media (max-width:767px){:host .sb--card{box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16)}}:host .sb--card__main-area{display:flex;flex-direction:row;align-items:center;height:5.5rem}:host .sb--card__img{height:4.5rem;width:4.5rem;overflow:hidden;flex:0 0 4.5rem;margin:.5rem}:host .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-img-container-bg);height:4.5rem;width:4.5rem;justify-content:center}:host .sb--card__img .img-container img{max-width:100%}:host .sb--card__info{flex:1;overflow:hidden}[dir=ltr] :host .sb--card__info{padding-right:.5rem}[dir=rtl] :host .sb--card__info{padding-left:.5rem}:host .sb--card__title{color:var(--cc-sbcard-title);font-size:.875rem;margin:0;line-height:1.25rem}:host .sb--card__meta1{color:var(--cc-sbcard-meta-text);font-size:.75rem;display:flex;flex-direction:row;align-items:center;flex:1;line-height:1.25rem;margin-top:.25rem}:host .sb--card .data_1{max-width:50%}:host .sb--card .data_2{flex:1}:host .sb--card .dot-divider{width:.25rem;height:.25rem;min-width:.25rem;max-width:.25rem;min-height:.25rem;max-height:.25rem;border-radius:100%;background-color:var(--cc-sbcard-dot-divider);display:inline-block;margin:0 .5rem}:host .sb--card__moreinfo{border-radius:0 0 .125rem .125rem;background-color:var(--cc-sbcard-moreinfo-bg);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;min-height:3.5rem;border-top:0 solid var(--cc-sbcard-moreinfo-bordertop)}:host .sb--card__meta2{color:var(--cc-sbcard-meta2-text);font-size:.75rem;line-height:.875rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;padding:.5rem}:host .sb--card__meta2_data .label{font-weight:400}:host .sb--card__meta2_data .value{font-weight:700}:host .sb--card__org{color:var(--cc-sbcard-org-text)}:host .sb--card__tags{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1}:host .sb--card__badge{display:flex}:host .sb--card__badge img{width:1.25rem;height:1.25rem}:host .sb--card__type{background:var(--cc-sbcard-type-bg);position:relative;height:1.25rem;color:var(--cc-sbcard-type-text);font-size:.6875rem;display:flex;align-items:center}[dir=ltr] :host .sb--card__type{padding-left:.25rem;padding-right:.5rem;margin-left:1rem}[dir=rtl] :host .sb--card__type{padding-left:.5rem;padding-right:.25rem;margin-right:1rem}:host .sb--card__type:before{content:\"\";width:0;height:0;border-width:.625rem .3125rem;border-style:solid;border-color:var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) transparent;position:absolute;left:-10px}html[dir=rtl] :host .sb--card__type:before{right:-.625rem;left:inherit;border-color:var(--cc-sbcard-type-br) transparent var(--cc-sbcard-type-br) var(--cc-sbcard-type-br)}:host .sb--card--recently-viewed .sb--card__img{height:5.5rem;width:5.5rem;flex:0 0 5.5rem;margin:0}:host .sb--card--recently-viewed .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-rv-img-container-bg);height:5.5rem;width:5.5rem}:host .sb--card--recently-viewed .sb--card__info{padding:.5rem;flex:1}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:4px;background-color:var(--cc-sbcard-selected-bg)}:host .sb--card.offline .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-offline-bg);opacity:.5}:host .sb--card.offline .sb--card__img .img-container img{margin:auto;font-size:1.5rem;color:var(--cc-sbcard-offline-img-text)}:host .sb--card.offline .sb--card__info,:host .sb--card.offline .sb--card__moreinfo{opacity:.5}:host .sb--card__progressbar{height:.25rem;margin:0;border-radius:0;box-shadow:inset 0 -.0625rem .0625rem rgba(var(--rc-rgba-white),.3);width:100%;background:var(--cc-sbcard-card__progressbar-bg)}:host .sb--card__progressbar>span{display:block;height:100%;background-color:var(--cc-sbcard-card__progressbar-span-bg);background-image:-webkit-gradient(center bottom,var(--secondary-400),var(--secondary-200));box-shadow:inset 0 .125rem .5625rem var(--gray-100),inset 0 -.125rem .375rem rgba(var(--rc-rgba-black),.4);position:relative;overflow:hidden}:host .animate>span:after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(var(--rc-rgba-white),.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(var(--rc-rgba-white),.2)),color-stop(.75,rgba(var(--rc-rgba-white),.2)),color-stop(.75,transparent),to(transparent));z-index:1;background-size:3.125rem 3.125rem;overflow:hidden;-webkit-animation:2s linear infinite move;border-radius:1.25rem .5rem .5rem 1.25rem}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:3.125rem 3.125rem}}:host .completed>span{background-color:var(--secondary-color);background-image:-webkit-linear-gradient(var(--secondary-100),var(--secondary-400))}:host .inprogress>span{background-color:var(--tertiary-color);background-image:-webkit-linear-gradient(var(--tertiary-100),var(--tertiary-400))}:host .notcompleted>span{background-color:var(--red-100);background-image:-webkit-linear-gradient(var(--red-100),var(--red-400))}:host .nostripes>span,:host .nostripes>span:after{-webkit-animation:none;-moz-animation:none;background-image:none}:host .border-top-r-left-right{border-top-left-radius:0;border-top-right-radius:0}::ng-deep .card-hover{opacity:0;transition:.2s ease-in;display:none}::ng-deep .sb--card:focus-within .card-hover,::ng-deep .sb--card:hover .card-hover{opacity:1;z-index:1001;display:block}::ng-deep .sb--card:focus-within .card-hover .child-content,::ng-deep .sb--card:hover .card-hover .child-content{--cc-sbcard-hover-text:var(--white);--cc-sbcard-hover-bg:var(--primary-color);color:var(--cc-sbcard-hover-text);position:absolute;left:0;right:0;top:0;bottom:0;opacity:.95;border-radius:.125rem;background-color:var(--cc-sbcard-hover-bg);z-index:1;display:flex;align-items:center;transition:.2s ease-in;flex-direction:column;justify-content:space-evenly}::ng-deep .sb--card:focus-within .card-hover .action-container,::ng-deep .sb--card:hover .card-hover .action-container{display:flex;width:100%;justify-content:center;align-self:center;justify-self:center;flex:1;align-items:center}::ng-deep .sb--card:focus-within .card-hover .action-item,::ng-deep .sb--card:hover .card-hover .action-item{padding:0 1rem;flex:1;text-align:center}::ng-deep .sb--card:focus-within .card-hover .action-item .sb-btn.sb-btn-primary[disabled],::ng-deep .sb--card:hover .card-hover .action-item .sb-btn.sb-btn-primary[disabled]{background-color:transparent;opacity:.5;border:0;color:var(--white)}::ng-deep .sb--card:focus-within .card-hover .action-item:not(:last-child),::ng-deep .sb--card:hover .card-hover .action-item:not(:last-child){border-right:.0625rem solid rgba(var(--rc-rgba-white),.5)}::ng-deep .sb--card:focus-within .card-hover .hover-meta-info,::ng-deep .sb--card:hover .card-hover .hover-meta-info{font-size:.625rem;opacity:.8;color:var(--white);line-height:.75rem;flex:0 0 25%}.menu::after{content:'\\2807';font-size:1.5rem;color:var(--gray-200);text-align:center;align-items:center;display:flex;justify-content:center;border-radius:50%;padding-left:.375rem;cursor:pointer;width:2rem;height:2rem}.menu:hover::after{background:var(--gray-0)}"]}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"cardBgColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"cardTitleColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"isMobile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"isAdmin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"initial":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"isSuspended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"suspendBadgeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"fetchStyle":[{"__symbolic":"method"}],"fetchInitialStyle":[{"__symbolic":"method"}]}},"ModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ConfirmationModalComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"ConfirmationModalComponent"}]}]}],"members":{}},"ConfirmationModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-confirmation-modal","template":"<div class=\"sb-modalWrapper sb-modal-md sb-modal-isNotClosable\" [ngClass]=\"data?.class\">\n  <!-- modal component -->\n  <div class=\"sb-modal\">\n    <!-- modal header area -->\n    <div class=\"sb-modal__header\">\n      <h4>{{data?.title}}</h4>\n    <a href=\"javascript:void(0)\" title=\"Close\" class=\"i-link sb-btn-close\" *ngIf=\"!data?.hideCloseButton\" (click)=\"modalActionHandler()\" tabindex=\"0\">\n        <svg class=\"sb-icon sb-icon--close sb-icon--white\" *ngIf=\"!data?.closeButtonText\">\n          <use xlink:href=\"../../../../assets/images/sprite.svg#close\"></use>\n        </svg>\n        <span class=\"sb-icon sb-icon--close sb-icon--white\">{{data?.closeButtonText}}</span>\n      </a>\n    </div>\n    <!-- modal body area -->\n    <div class=\"sb-modal__content sb-modal__content-scroll\">\n      <p>{{data?.contentHeading}}</p>\n      <p>{{data?.contentDescription}}</p>\n      <p>{{data?.contentMetadata}}</p>\n    </div>\n    <!-- modal actions area -->\n    <div class=\"sb-modal__actions\">\n      <button type=\"button\" class=\"sb-btn sb-btn-sm\" [ngClass]=\"{'btn?.class': btn?.class}\" *ngFor=\"let btn of data?.actionButtons\" (click)=\"modalActionHandler(btn.action)\" tabindex=\"0\">\n        {{btn.text}}\n      </button>\n    </div>\n  </div>\n  <!-- modal component ends -->\n\n</div>","styles":[":root{--font-stack-en:\"Noto Sans\",\"Noto Sans Devanagari\",\"Noto Sans Tamil\",\"Noto Sans Bengali\",\"Noto Sans Malayalam\",\"Noto Sans Gurmukhi\",\"Noto Sans Gujarati\",\"Noto Sans Telugu\",\"Noto Sans Kannada\",\"Noto Sans Oriya\",\"Noto Nastaliq Urdu\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;--font-stack-hi:\"Noto Sans Devanagari\",\"Noto Sans\",\"Noto Sans Tamil\",\"Noto Sans Bengali\",\"Noto Sans Malayalam\",\"Noto Sans Gurmukhi\",\"Noto Sans Gujarati\",\"Noto Sans Telugu\",\"Noto Sans Kannada\",\"Noto Sans Oriya\",\"Noto Nastaliq Urdu\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;--font-stack-ur:\"Noto Sans\",\"Noto Nastaliq Urdu\",\"Noto Sans Devanagari\",\"Noto Sans Tamil\",\"Noto Sans Bengali\",\"Noto Sans Malayalam\",\"Noto Sans Gurmukhi\",\"Noto Sans Gujarati\",\"Noto Sans Telugu\",\"Noto Sans Kannada\",\"Noto Sans Oriya\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;--blue:#024f9d;--green:#008840;--orange:#e55a28;--red:#ff4558;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--yellow:#ffc107;--teal:#20c997;--cyan:#17a2b8;--black:#000000;--white:#ffffff;--gray-hs:0,0%;--gray:hsl(var(--gray-hs), 20%);--gray-0:hsl(var(--gray-hs), 95%);--gray-100:hsl(var(--gray-hs), 80%);--gray-200:hsl(var(--gray-hs), 60%);--gray-300:hsl(var(--gray-hs), 59%);--gray-400:hsl(var(--gray-hs), 40%);--gray-800:var(--gray);--primary-color:#024f9d;--secondary-color:#008840;--tertiary-color:#e55a28;--primary-0:#f3f7fa;--primary-100:#edf4f9;--primary-200:#80a7ce;--primary-250:#d3e7f4;--primary-300:#7ab4ee;--primary-400:var(--primary-color);--primary-600:#005391;--primary-800:#002e50;--secondary-0:#e1ffdf;--secondary-100:#00c786;--secondary-200:#07bc81;--secondary-400:var(--secondary-color);--tertiary-0:#feedd7;--tertiary-100:#ffa11d;--tertiary-400:var(--tertiary-color);--red-0:#fbccd1;--red-100:#ff6979;--red-400:var(--red);--info-color:var(--blue);--success-color:var(--green);--warning-color:var(--orange);--danger-color:var(--red);--body-background-color:var(--primary-0);--default-text-color:var(--gray-800);--bg-body:var(--primary-0);--body-color:var(--gray-800);--alpha0:0;--alpha25:0.25;--alpha50:0.5;--alpha75:0.75;--font-default-size:0.875rem;--font-size-base:var(--font-default-size);--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:700;--font-weight-base:var(--font-weight-normal);--line-height-base:calc(var(--font-size-base) * 1.61803398875);--h1-font-size:2rem;--h2-font-size:1.75rem;--h3-font-size:1.5rem;--h4-font-size:1.2rem;--h5-font-size:1rem;--h6-font-size:var(--font-size-base);--font-size-lg:var(--h4-font-size);--font-size-md:var(--h5-font-size);--font-size-normal:var(--font-size-base);--font-size-sm:0.75rem;--font-size-xs:0.625rem;--p-font-size:var(--font-size-base);--base-font-size:0.875rem;--base-block-space:0.5rem;--icon-svg-xxs:0.75rem;--icon-svg-xs:calc(var(--base-block-space) * 2);--icon-svg-sm:calc(var(--base-block-space) * 3);--icon-svg-md:calc(var(--base-block-space) * 4);--icon-svg-lg:calc(var(--base-block-space) * 5);--icon-svg-xl:calc(var(--base-block-space) * 6);--rc-96C8DA:#96C8DA;--rc-0076FE:#0076FE;--rc-E5EDF5:#E5EDF5;--rc-7c7b7b:#7c7b7b;--rc-f5f5f5:#f5f5f5;--rc-fdfdfd:#fdfdfd;--rc-dedede:#dedede;--rc-F5F9FC:#F5F9FC;--rc-c4c4c4:#c4c4c4;--rc-d8d8d8:#d8d8d8;--rc-e9e5e5:#e9e5e5;--rc-dddddd:#dddddd;--rc-7b86f4:#7b86f4;--rc-d0d0d0:#d0d0d0;--rc-5c8db7:#5c8db7;--rc-91aecc:#91aecc;--rc-f9f9f9:#f9f9f9;--rc-d4d3d3:#d4d3d3;--rc-FAFAFA:#FAFAFA;--rc-866A6A:#866a6a;--rc-979797:#979797;--rc-e0e1e2:#e0e1e2;--rc-00BD7F:#00BD7F;--rc-9F9F9F:#9F9F9F;--rc-F3F8FF:#F3F8FF;--rc-80A7CE:#80A7CE;--rc-9b9b9b:#9b9b9b;--rc-2ca58d:#2ca58d;--rc-007AFF:#007AFF;--rc-bdbdbd:#bdbdbd;--rc-cecece:#cecece;--rc-2972a4:#2972a4;--rc-E0F1FD:#E0F1FD;--rc-C8D6EA:#C8D6EA;--rc-e2e3e5:#e2e3e5;--rc-BCBEC0:#BCBEC0;--rc-d4d4d5:#d4d4d5;--rc-d4d8da:#d4d8da;--rc-bfe1cf:#bfe1cf;--rc-289fd9:#289fd9;--rc-e68900:#e68900;--rc-2f4272:#2f4272;--rc-e0e0e0:#e0e0e0;--rc-2361ff:#2361ff;--rc-c2c2c2:#c2c2c2;--rc-e5e5e5:#e5e5e5;--rc-ffb300:#ffb300;--rc-d8dee2:#d8dee2;--rc-252525:#252525;--rc-fcf2d6:#fcf2d6;--rc-add8e6:#add8e6;--rc-afd9e7:#afd9e7;--rc-D9E4F2:#D9E4F2;--rc-88B7E6:#88B7E6;--rc-4a4a4a:#4a4a4a;--rc-fff6f6:#fff6f6;--rc-f7f7f7:#f7f7f7;--rc-66c7f4:#66c7f4;--rc-1B4785:#1B4785;--rc-a9a9a9:#a9a9a9;--rc-eeeeee:#eeeeee;--rc-1b1c1d:#1b1c1d;--rc-dededf:#dededf;--rc-aaaaaa:#aaaaaa;--rc-042D55:#042D55;--rc-eeeeee:#eeeeee;--rc-bbbbbb:#bbbbbb;--rc-009D53:#009D53;--rc-E0EFFF:#E0EFFF;--rc-196DAB:#196DAB;--rc-c2c2c2:#c2c2c2;--rc-e5e5e5:#e5e5e5;--rc-c3c3c3:#c3c3c3;--rc-00abc7:#00abc7;--rc-FCE6E6:#FCE6E6;--rc-DECACA:#DECACA;--rc-424242:#424242;--rc-F5D7D7:#F5D7D7;--rc-F7FFF5:#F7FFF5;--rc-D3DED1:#D3DED1;--rc-EBF6E0:#EBF6E0;--rc-F6F6F6:#F6F6F6;--rc-33B6CC:#33B6CC;--rc-2dadc2:#2dadc2;--rc-0fbad6:#0fbad6;--rc-f7ffec:#f7ffec;--rc-d2ddc7:#d2ddc7;--rc-ffe1e1:#ffe1e1;--rc-e6c8c8:#e6c8c8;--rc-f56b56:#f56b56;--rc-dc523d:#dc523d;--rc-e65c47:#e65c47;--rc-565c70:#565c70;--rc-6D7278:#6D7278;--rc-E08A20:#E08A20;--rc-DD680F:#DD680F;--rc-rgba-black:0,0,0;--rc-rgba-white:255,255,255;--rc-rgba-gray:51,51,51;--rc-rgba-primary:2,79,157;--rc-rgba-primary-300:41,114,164;--rc-rgba-gray-300:34,36,38;--rc-rgba-866a6a:134,106,106;--rc-rgba-d0d0d0:208,208,208;--rc-rgba-7b86f4:123,134,244;--rc-rgba-C8D6EA:200,214,234;--primary-theme:#FFD954;--sbt-theme-bg:var(--primary-theme);--sbt-header-bg:var(--primary-theme);--sbt-body-bg:#F2F2EA;--sbt-body-bg2:#E9E8D9;--sbt-primary-bg:var(--primary-theme);--sbt-border-chapter:#E4E8EE;--sbt-box-shadow-black:rgba(0, 0, 0, 0.1);--sbt-box-shadow-6px:0.375rem 0.375rem 0.125rem 0 var(--sbt-box-shadow-black);--sbt-box-shadow-3px:0.1875rem 0.1875rem 0.125rem 0 var(--sbt-box-shadow-black);--sbt-box-shadow:rgba(128, 167, 206, 1);--lazyload-bg:#f6f7f8;--grey-nuance-lighter:#eeeeee;--grey-nuance-darker:#dddddd;--fade-grey:#e8e8e8}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}a.sb-btn{text-align:center;display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap}a.sb-btn:hover{text-decoration:none}button.sb-btn:focus{outline:0}.sb-btn{white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;display:inline-block;border:.0625rem solid;cursor:pointer;min-width:4rem;border-radius:.125rem;-webkit-border-radius:.125rem;-moz-border-radius:.125rem;position:relative;line-height:1;text-transform:inherit;text-decoration:none}.sb-btn:hover{opacity:1}.sb-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:.1875rem;height:.1875rem;background:var(--primary-600);opacity:0;border-radius:50%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%}.sb-btn.flat{border-radius:0}.sb-btn.sb-btn-radius{border-radius:2rem}.sb-btn-gray{background-color:var(--gray-200);border-color:var(--gray-200);color:var(--white)}.sb-btn-gray.active,.sb-btn-gray:active,.sb-btn-gray:hover{background-color:var(--gray-400);border:1px solid transparent;color:var(--white)}.sb-btn-outline-gray{background-color:var(--white);color:var(--gray-200);border-color:var(--gray-200)}.sb-btn-outline-gray.active,.sb-btn-outline-gray:active,.sb-btn-outline-gray:hover{color:var(--gray-400);background-color:var(--gray-100)}.sb-btn-dashed-gray{border-style:dashed;border-width:.0625rem;background-color:var(--white);border-color:var(--gray-200);color:var(--gray-200)}.sb-btn-dashed-gray.active,.sb-btn-dashed-gray:active,.sb-btn-dashed-gray:hover{background-color:var(--gray-100)}.sb-btn-link-gray{background:0 0;border:0;color:var(--gray-200)}.sb-btn-link-gray.active,.sb-btn-link-gray:active,.sb-btn-link-gray:hover{background-color:var(--gray-100)}.sb-btn-primary,.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button:nth-child(1){background-color:var(--primary-400);border-color:var(--primary-400);color:var(--white)}.sb-btn-primary.active,.sb-btn-primary:active,.sb-btn-primary:hover,.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button.active:nth-child(1),.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button:active:nth-child(1),.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button:hover:nth-child(1){background-color:var(--primary-800);border:1px solid transparent;color:var(--white)}.sb-btn-outline-primary,.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button:nth-child(2),.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button:nth-child(3){background-color:var(--white);color:var(--primary-400);border-color:var(--primary-400)}.sb-btn-outline-primary.active,.sb-btn-outline-primary:active,.sb-btn-outline-primary:hover,.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button.active:nth-child(2),.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button.active:nth-child(3),.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button:active:nth-child(2),.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button:active:nth-child(3),.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button:hover:nth-child(2),.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button:hover:nth-child(3){color:var(--primary-800);background-color:var(--primary-100)}.sb-btn-dashed-primary{border-style:dashed;border-width:.0625rem;background-color:var(--white);border-color:var(--primary-400);color:var(--primary-400)}.sb-btn-dashed-primary.active,.sb-btn-dashed-primary:active,.sb-btn-dashed-primary:hover{background-color:var(--primary-100)}.sb-btn-link-primary{background:0 0;border:0;color:var(--primary-400)}.sb-btn-link-primary.active,.sb-btn-link-primary:active,.sb-btn-link-primary:hover{background-color:var(--primary-100)}.sb-btn-secondary{background-color:var(--secondary-200);border-color:var(--secondary-200);color:var(--white)}.sb-btn-secondary.active,.sb-btn-secondary:active,.sb-btn-secondary:hover{background-color:var(--secondary-400);border:1px solid transparent;color:var(--white)}.sb-btn-outline-secondary{background-color:var(--white);color:var(--secondary-200);border-color:var(--secondary-200)}.sb-btn-outline-secondary.active,.sb-btn-outline-secondary:active,.sb-btn-outline-secondary:hover{color:var(--secondary-400);background-color:var(--secondary-0)}.sb-btn-dashed-secondary{border-style:dashed;border-width:.0625rem;background-color:var(--white);border-color:var(--secondary-200);color:var(--secondary-200)}.sb-btn-dashed-secondary.active,.sb-btn-dashed-secondary:active,.sb-btn-dashed-secondary:hover{background-color:var(--secondary-0)}.sb-btn-link-secondary{background:0 0;border:0;color:var(--secondary-200)}.sb-btn-link-secondary.active,.sb-btn-link-secondary:active,.sb-btn-link-secondary:hover{background-color:var(--secondary-0)}.sb-btn-tertiary{background-color:var(--tertiary-100);border-color:var(--tertiary-100);color:var(--white)}.sb-btn-tertiary.active,.sb-btn-tertiary:active,.sb-btn-tertiary:hover{background-color:var(--tertiary-400);border:1px solid transparent;color:var(--white)}.sb-btn-outline-tertiary{background-color:var(--white);color:var(--tertiary-100);border-color:var(--tertiary-100)}.sb-btn-outline-tertiary.active,.sb-btn-outline-tertiary:active,.sb-btn-outline-tertiary:hover{color:var(--tertiary-400);background-color:var(--tertiary-0)}.sb-btn-dashed-tertiary{border-style:dashed;border-width:.0625rem;background-color:var(--white);border-color:var(--tertiary-100);color:var(--tertiary-100)}.sb-btn-dashed-tertiary.active,.sb-btn-dashed-tertiary:active,.sb-btn-dashed-tertiary:hover{background-color:var(--tertiary-0)}.sb-btn-link-tertiary{background:0 0;border:0;color:var(--tertiary-100)}.sb-btn-link-tertiary.active,.sb-btn-link-tertiary:active,.sb-btn-link-tertiary:hover{background-color:var(--tertiary-0)}.sb-btn-red{background-color:var(--red-100);border-color:var(--red-100);color:var(--white)}.sb-btn-red.active,.sb-btn-red:active,.sb-btn-red:hover{background-color:var(--red-400);border:1px solid transparent;color:var(--white)}.sb-btn-outline-red{background-color:var(--white);color:var(--red-100);border-color:var(--red-100)}.sb-btn-outline-red.active,.sb-btn-outline-red:active,.sb-btn-outline-red:hover{color:var(--red-400);background-color:var(--red-0)}.sb-btn-dashed-red{border-style:dashed;border-width:.0625rem;background-color:var(--white);border-color:var(--red-100);color:var(--red-100)}.sb-btn-dashed-red.active,.sb-btn-dashed-red:active,.sb-btn-dashed-red:hover{background-color:var(--red-0)}.sb-btn-link-red{background:0 0;border:0;color:var(--red-100)}.sb-btn-link-red.active,.sb-btn-link-red:active,.sb-btn-link-red:hover{background-color:var(--red-0)}.sb-btn-info{background-color:var(--primary-400);border-color:var(--primary-400);color:var(--white)}.sb-btn-info.active,.sb-btn-info:active,.sb-btn-info:hover{background-color:var(--primary-800);border:1px solid transparent;color:var(--white)}.sb-btn-outline-info{background-color:var(--white);color:var(--primary-400);border-color:var(--primary-400)}.sb-btn-outline-info.active,.sb-btn-outline-info:active,.sb-btn-outline-info:hover{color:var(--primary-800);background-color:var(--primary-100)}.sb-btn-dashed-info{border-style:dashed;border-width:.0625rem;background-color:var(--white);border-color:var(--primary-400);color:var(--primary-400)}.sb-btn-dashed-info.active,.sb-btn-dashed-info:active,.sb-btn-dashed-info:hover{background-color:var(--primary-100)}.sb-btn-link-info{background:0 0;border:0;color:var(--primary-400)}.sb-btn-link-info.active,.sb-btn-link-info:active,.sb-btn-link-info:hover{background-color:var(--primary-100)}.sb-btn-success,.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button:nth-child(1),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button:nth-child(1){background-color:var(--secondary-200);border-color:var(--secondary-200);color:var(--white)}.sb-btn-success.active,.sb-btn-success:active,.sb-btn-success:hover,.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button.active:nth-child(1),.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button:active:nth-child(1),.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button:hover:nth-child(1),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button.active:nth-child(1),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button:active:nth-child(1),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button:hover:nth-child(1){background-color:var(--secondary-400);border:1px solid transparent;color:var(--white)}.sb-btn-outline-success,.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button:nth-child(2),.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button:nth-child(3),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button:nth-child(2),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button:nth-child(3){background-color:var(--white);color:var(--secondary-200);border-color:var(--secondary-200)}.sb-btn-outline-success.active,.sb-btn-outline-success:active,.sb-btn-outline-success:hover,.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button.active:nth-child(2),.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button.active:nth-child(3),.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button:active:nth-child(2),.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button:active:nth-child(3),.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button:hover:nth-child(2),.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button:hover:nth-child(3),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button.active:nth-child(2),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button.active:nth-child(3),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button:active:nth-child(2),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button:active:nth-child(3),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button:hover:nth-child(2),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button:hover:nth-child(3){color:var(--secondary-400);background-color:var(--secondary-100)}.sb-btn-dashed-success{border-style:dashed;border-width:.0625rem;background-color:var(--white);border-color:var(--secondary-200);color:var(--secondary-200)}.sb-btn-dashed-success.active,.sb-btn-dashed-success:active,.sb-btn-dashed-success:hover{background-color:var(--secondary-100)}.sb-btn-link-success{background:0 0;border:0;color:var(--secondary-200)}.sb-btn-link-success.active,.sb-btn-link-success:active,.sb-btn-link-success:hover{background-color:var(--secondary-100)}.sb-btn-warning,.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button:nth-child(1),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button:nth-child(1){background-color:var(--tertiary-100);border-color:var(--tertiary-100);color:var(--white)}.sb-btn-warning.active,.sb-btn-warning:active,.sb-btn-warning:hover,.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button.active:nth-child(1),.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button:active:nth-child(1),.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button:hover:nth-child(1),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button.active:nth-child(1),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button:active:nth-child(1),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button:hover:nth-child(1){background-color:var(--tertiary-400);border:1px solid transparent;color:var(--white)}.sb-btn-outline-warning,.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button:nth-child(2),.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button:nth-child(3),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button:nth-child(2),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button:nth-child(3){background-color:var(--white);color:var(--tertiary-100);border-color:var(--tertiary-100)}.sb-btn-outline-warning.active,.sb-btn-outline-warning:active,.sb-btn-outline-warning:hover,.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button.active:nth-child(2),.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button.active:nth-child(3),.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button:active:nth-child(2),.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button:active:nth-child(3),.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button:hover:nth-child(2),.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button:hover:nth-child(3),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button.active:nth-child(2),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button.active:nth-child(3),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button:active:nth-child(2),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button:active:nth-child(3),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button:hover:nth-child(2),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button:hover:nth-child(3){color:var(--tertiary-400);background-color:var(--tertiary-0)}.sb-btn-dashed-warning{border-style:dashed;border-width:.0625rem;background-color:var(--white);border-color:var(--tertiary-100);color:var(--tertiary-100)}.sb-btn-dashed-warning.active,.sb-btn-dashed-warning:active,.sb-btn-dashed-warning:hover{background-color:var(--tertiary-0)}.sb-btn-link-warning{background:0 0;border:0;color:var(--tertiary-100)}.sb-btn-link-warning.active,.sb-btn-link-warning:active,.sb-btn-link-warning:hover{background-color:var(--tertiary-0)}.sb-btn-error,.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button:nth-child(1){background-color:var(--red-100);border-color:var(--red-100);color:var(--white)}.sb-btn-error.active,.sb-btn-error:active,.sb-btn-error:hover,.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button.active:nth-child(1),.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button:active:nth-child(1),.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button:hover:nth-child(1){background-color:var(--red-400);border:1px solid transparent;color:var(--white)}.sb-btn-outline-error,.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button:nth-child(2),.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button:nth-child(3){background-color:var(--white);color:var(--red-100);border-color:var(--red-100)}.sb-btn-outline-error.active,.sb-btn-outline-error:active,.sb-btn-outline-error:hover,.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button.active:nth-child(2),.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button.active:nth-child(3),.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button:active:nth-child(2),.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button:active:nth-child(3),.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button:hover:nth-child(2),.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button:hover:nth-child(3){color:var(--red-400);background-color:var(--red-0)}.sb-btn-dashed-error{border-style:dashed;border-width:.0625rem;background-color:var(--white);border-color:var(--red-100);color:var(--red-100)}.sb-btn-dashed-error.active,.sb-btn-dashed-error:active,.sb-btn-dashed-error:hover{background-color:var(--red-0)}.sb-btn-link-error{background:0 0;border:0;color:var(--red-100)}.sb-btn-link-error.active,.sb-btn-link-error:active,.sb-btn-link-error:hover{background-color:var(--red-0)}.sb-btn-xs{height:1.5rem;padding:.25rem .5rem;font-size:.75rem}.sb-btn-normal{height:2rem;padding:.5rem 1rem;font-size:.75rem}.sb-btn-sm{height:2.5rem;padding:.5rem 1rem;font-size:1rem}.sb-btn-md{height:3rem;padding:.5rem 1rem;font-size:1rem}.sb-btn-lg,.sb-modalWrapper.sb-modal-lg .sb-modal .sb-btn-close .sb-icon{height:3.5rem;padding:1rem 1.5rem;font-size:1.25rem}.sb-btn-full{height:1.5rem;padding:.5rem 1rem;font-size:1.25rem;width:100%}.sb-btn-square.sb-btn-xs{height:1.5rem;width:1.5rem;font-size:1rem}.sb-btn-square.sb-btn-xs i.icon{margin:0;font-size:2em}.sb-btn-square.sb-btn-xs span{margin:.5rem 0 0}.sb-btn-square.sb-btn-normal{height:4rem;width:4rem;font-size:.75rem}.sb-btn-square.sb-btn-normal i.icon{margin:0;font-size:2em}.sb-btn-square.sb-btn-normal span{margin:.5rem 0 0}.sb-btn-square.sb-btn-sm{height:3rem;width:3rem;font-size:.75rem}.sb-btn-square.sb-btn-sm i.icon{margin:0;font-size:2em}.sb-btn-square.sb-btn-sm span{margin:.5rem 0 0}.sb-btn-square.sb-btn-md{height:4rem;width:4rem;font-size:1rem}.sb-btn-square.sb-btn-md i.icon{margin:0;font-size:2em}.sb-btn-square.sb-btn-md span{margin:.5rem 0 0}.sb-btn-square.sb-btn-lg,.sb-modalWrapper.sb-modal-lg .sb-modal .sb-btn-close .sb-btn-square.sb-icon{height:8rem;width:8rem;font-size:1.25rem}.sb-btn-square.sb-btn-lg i.icon,.sb-modalWrapper.sb-modal-lg .sb-modal .sb-btn-close .sb-btn-square.sb-icon i.icon{margin:0;font-size:2em}.sb-btn-square.sb-btn-lg span,.sb-modalWrapper.sb-modal-lg .sb-modal .sb-btn-close .sb-btn-square.sb-icon span{margin:.5rem 0 0}.sb-btn-white{box-shadow:0 -.0625rem .25rem 0 rgba(var(--rc-rgba-black),.1),0 .1875rem .25rem 0 rgba(var(--rc-rgba-black),.2);border:0 solid var(--rc-dddddd)}.sb-btn-square{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-evenly;font-size:.75rem;padding:.5rem}.sb-btn-disabled,.sb-btn-outline-disabled{cursor:default;font-weight:400}.sb-btn-disabled{background-color:var(--gray-100);border:.0625rem solid var(--gray-100)}.sb-btn-disabled:hover{background-color:var(--gray-100)!important;color:var(--gray-200)!important}.sb-btn-outline-disabled{background-color:var(--white);border:.0625rem solid var(--gray-100)}.sb-btn-outline-disabled:hover{background-color:var(--white)!important;border:.0625rem solid!important;color:var(--gray-200)!important}.sb-btn-link{background:0 0;border:0}.sb-right-icon-btn{padding:.5rem}.sb-right-icon-btn i.icon{margin-left:.5rem;margin-right:0}html[dir=rtl] .sb-right-icon-btn{padding:.5rem}html[dir=rtl] .sb-right-icon-btn i.icon{margin-right:0}.sb-left-icon-btn{padding:.5rem}.sb-left-icon-btn i.icon{margin-right:.25rem}html[dir=rtl] .sb-left-icon-btn{padding:.5rem}html[dir=rtl] .sb-left-icon-btn i.icon{margin-left:.5rem}.sb-left-icon-btn.sb-btn-xs{padding:0 .5rem}.ui.toggle.checkbox.sb-toggle{min-height:1.5rem;position:relative;display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:1rem;font-size:1rem;min-width:1rem}.ui.toggle.checkbox.sb-toggle input{width:4rem;height:1.5rem;cursor:pointer;position:absolute;top:0;left:0;opacity:0;outline:0;z-index:3}.ui.toggle.checkbox.sb-toggle input:checked~.box:before,.ui.toggle.checkbox.sb-toggle input:checked~label:before,.ui.toggle.checkbox.sb-toggle input:focus:checked~.box:before,.ui.toggle.checkbox.sb-toggle input:focus:checked~label:before{background-color:var(--primary-color)!important}.ui.toggle.checkbox.sb-toggle label{min-height:1rem;padding-left:4.5rem;color:rgba(var(--rc-rgba-black),.87);position:relative;display:block;outline:0;font-size:1rem}.ui.toggle.checkbox.sb-toggle label:before{display:block;position:absolute;content:\"\";z-index:1;transform:none;border:none;top:1px;left:0;background:rgba(var(--rc-rgba-black),.05);box-shadow:none;width:4rem;height:1.5rem;border-radius:500rem;border-color:var(--primary-color);background-color:var(--primary-color);color:var(--white);transition:border .1s,opacity .1s,transform .1s,box-shadow .1s}.ui.toggle.checkbox.sb-toggle label:after{background:var(--white) linear-gradient(transparent,rgba(var(--rc-rgba-black),.05));position:absolute;content:\"\"!important;opacity:1;z-index:2;border:none;width:1.25rem;height:1.25rem;top:.1875rem;left:0;border-radius:500rem;transition:background .3s,left .3s}.ui.toggle.checkbox.sb-toggle input~label:after{left:.1rem;box-shadow:none}.ui.toggle.checkbox.sb-toggle input:checked~label:after{left:2.5625rem;box-shadow:none}.btn-group{border:.0625rem solid var(--gray-100);display:inline-flex;flex-direction:row;flex-direction:row;font-size:0;vertical-align:baseline}.btn-group .sb-btn{background:var(--white);border-left:.0625rem solid var(--gray-100);flex:1 0 auto;margin:0;border-radius:0;border:0;color:var(--primary-400);min-width:2.5rem}.btn-group .sb-btn:first-child{border-left:none;margin-left:0}.btn-group .sb-btn.active,.btn-group .sb-btn:active{background-color:var(--primary-100);color:var(--primary-400)}.btn-group .sb-btn .icon{margin:0;vertical-align:top}[lang=hi] .sb-btn-normal,[lang=hi] .sb-btn-xs{line-height:1.5}.sb-btn-icon-fix{display:flex;align-items:center;line-height:normal}.sb-btn-grow{background:0 0;border:0 solid var(--white);font-size:12px;color:var(--white);cursor:pointer;transition:.2s ease-in-out}.sb-btn-grow:disabled{opacity:.4;cursor:default}.sb-btn-grow:hover:not([disabled]){background:0 0;transform:scale(1.15)}.sb-icon{position:relative;top:.0625rem;display:inline-block;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;opacity:.8}.sb-icon--xs{width:var(--icon-svg-xs);height:var(--icon-svg-xs)}.sb-icon--sm{width:var(--icon-svg-sm);height:var(--icon-svg-sm)}.sb-icon--md{width:var(--icon-svg-md);height:var(--icon-svg-md)}.sb-icon--lg{width:var(--icon-svg-lg);height:var(--icon-svg-lg)}.sb-icon--xl{width:var(--icon-svg-xl);height:var(--icon-svg-xl)}.sb-icon--white{fill:var(--white)}.sb-icon--primary{fill:var(--primary-color)}.sb-icon--secondary{fill:var(--secondary-color)}.sb-icon--tertiary{fill:var(--tertiary-color)}.sb-icon--red{fill:var(--red-400)}.sb-icon--gray{fill:var(--gray-800)}.sb-modalWrapper{background:rgba(var(--rc-rgba-black),.35);position:fixed;transform-origin:center center;opacity:1;overflow-y:auto;z-index:999999;top:0;left:0;width:100%;height:100%;text-align:center;vertical-align:middle;line-height:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;transition:background-color .5s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity}.sb-modalWrapper--noOverlay{background:0 0}.sb-modalWrapper.sb-modal-sm .sb-modal{max-width:30rem}.sb-modalWrapper.sb-modal-md .sb-modal{max-width:45rem}.sb-modalWrapper.sb-modal-md .sb-modal .sb-modal__content{max-height:calc(100vh - 124px)}.sb-modalWrapper.sb-modal-md .sb-modal .sb-modal__content.o-y-visible{max-height:inherit}.sb-modalWrapper.sb-modal-lg .sb-modal{max-width:56.25rem}.sb-modalWrapper.sb-modal-lg .sb-modal .sb-modal-content{max-height:calc(100vh - 124px)}.sb-modalWrapper.sb-modal-full .sb-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;transform:translate(0,0);overflow-y:auto;overflow-x:hidden;border-radius:0}[dir=ltr] .sb-modalWrapper.sb-modal-full .sb-modal,[dir=rtl] .sb-modalWrapper.sb-modal-full .sb-modal{margin:0 auto}.sb-modalWrapper.sb-modal-full .sb-modal .sb-btn-close .sb-icon{height:2rem;width:2rem}.sb-modalWrapper.sb-modal-full .sb-modal .sb-modal__header{height:3.5rem;width:auto;border-radius:0}.sb-modalWrapper.sb-modal-full .sb-modal .sb-modal__content{height:calc(100vh - 112px)}.sb-modalWrapper.sb-modal-full .sb-modal .sb-modal__actions{border-radius:0}.sb-modalWrapper.sb-modal-full .sb-modal .close{position:relative}.sb-modalWrapper.sb-modal-isNotClosable .sb-modal .sb-btn-close{display:block}.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__header{background-color:var(--primary-400)}.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__header,.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__header{background-color:var(--tertiary-100)}.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__header,.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__header{background-color:var(--secondary-200)}.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__header{background-color:var(--red-400)}.sb-modal{margin:0 auto;position:fixed;z-index:9999999;text-align:center;background:0 0;border:none;box-shadow:.0625rem .1875rem .1875rem 0 rgba(var(--rc-rgba-black),.2),.0625rem .1875rem .9375rem .125rem rgba(var(--rc-rgba-black),.2);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:.25rem .25rem 0 0;bottom:0;left:0;right:0;width:100%;-webkit-animation-fill-mode:inherit;animation-fill-mode:inherit}.sb-modal__header{background-color:var(--primary-400);color:var(--white);padding:.25rem 1rem;border-bottom:0 solid var(--gray-100);min-height:2.5rem;border-top-left-radius:.25rem;border-top-right-radius:.25rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sb-modal__header h4{margin:0;padding:0;font-weight:700;font-size:1rem;flex:1}@media (min-width:768px){.sb-modalWrapper.sb-modal-error .sb-modal .sb-modal__actions button:nth-child(3),.sb-modalWrapper.sb-modal-primary .sb-modal .sb-modal__actions button:nth-child(3),.sb-modalWrapper.sb-modal-secondary .sb-modal .sb-modal__actions button:nth-child(3),.sb-modalWrapper.sb-modal-success .sb-modal .sb-modal__actions button:nth-child(3),.sb-modalWrapper.sb-modal-tertiary .sb-modal .sb-modal__actions button:nth-child(3),.sb-modalWrapper.sb-modal-warning .sb-modal .sb-modal__actions button:nth-child(3){margin-right:auto!important}.sb-modal{width:calc(100% - 16px);height:-webkit-min-content;height:-moz-min-content;height:min-content;border-radius:.25rem;top:50%;transform:translate(0,-50%);text-align:left}.sb-modal__header h4{flex:inherit}}.sb-modal__header .sb-icon{width:1.5rem;height:1.5rem}.sb-modal__content{min-height:6rem;padding:1rem;overflow-y:auto;background:var(--white)}.sb-modal__actions{padding:.5rem 1rem;background:var(--white);border-top:.0625rem solid var(--gray-100);min-height:3.5rem;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center}@media (min-width:768px){.sb-modal__actions{justify-content:inherit;border-radius:0 0 .25rem .25rem}}[dir=ltr] .sb-modal__actions .sb-btn+.sb-btn,[dir=rtl] .sb-modal__actions .sb-btn+.sb-btn{margin:0 .5rem 0 0}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"modalActionHandler":[{"__symbolic":"method"}]}},"PipesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MimeTypePipe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"MimeTypePipe"}]}]}],"members":{}},"MimeTypeMasterData":{"__symbolic":"class","members":{},"statics":{"COLLECTION":"application/vnd.ekstep.content-collection","VIDEO":["video/avi","video/mpeg","video/quicktime","video/3gpp","video/mpeg","video/mp4","video/ogg","video/webm"],"AUDIO":["audio/mp3","audio/mp4","audio/mpeg","audio/ogg","audio/webm","audio/x-wav","audio/wav"],"INTERACTIVE":["application/vnd.ekstep.ecml-archive","application/vnd.ekstep.html-archive","application/vnd.android.package-archive","application/vnd.ekstep.content-archive","application/vnd.ekstep.plugin-archive","application/vnd.ekstep.h5p-archive"],"DOCS":["application/pdf","application/epub","application/msword"],"ALL":["video/mp4","video/x-youtube","video/webm","application/pdf","application/epub","application/pdf","application/epub","application/vnd.ekstep.ecml-archive","application/vnd.ekstep.h5p-archive","application/vnd.ekstep.html-archive","application/vnd.sunbird.questionset","audio/mp3","audio/mp4","audio/mpeg","audio/ogg","audio/webm","audio/x-wav","audio/wav"]}},"MimeTypePipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":21,"character":1},"arguments":[{"name":"hasMimeType"}]}],"members":{"transform":[{"__symbolic":"method"}],"getFilteredItems":[{"__symbolic":"method"}],"flattenDeep":[{"__symbolic":"method"}]}},"FaqModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FaqComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"FaqComponent"}]}]}],"members":{}},"FaqComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sb-faq","template":"<div class=\"panel panel-default cc-faq-panel\" *ngFor=\"let faq of faqs; let i = index\">\n  <div data-toggle=\"collapse\" role=\"button\" attr.aria-expanded=\"{{isGroupShown(i)}}\" (click)=\"toggleGroup(i,$event)\" tabindex=\"0\">\n    <div class=\"panel-heading\">\n      <div class=\"text-left\" [ngClass]=\"{'panel-title': !isGroupShown(i), 'panel-title-blue': isGroupShown(i)}\">\n        {{ faq?.topic}}\n        <span>\n          <i class=\"icon-svg icon-svg--xs ml-4\" *ngIf=\"!isGroupShown(i)\">\n            <svg class=\"icon icon-svg--primary\">\n              <use xlink:href=\"assets/common-consumption/images/sprite.svg#arrow-down\"></use>\n            </svg>\n          </i>\n          <i class=\"icon-svg icon-svg--xs ml-4\" *ngIf=\"isGroupShown(i)\">\n            <svg class=\"icon icon-svg--primary\">\n              <use xlink:href=\"assets/common-consumption/images/sprite.svg#arrow-up\"></use>\n            </svg>\n          </i>\n        </span>\n        <!--<img class=\"btn-arrow\" src=\"../../assets/faq/resources/images/Arrow.png\" *ngIf=\"!isGroupShown(i)\">\n        <img class=\"btn-arrow\" src=\"../../assets/faq/resources/images/UpArrow.png\" *ngIf=\"isGroupShown(i)\">-->\n      </div>\n    </div>\n  </div>\n  <div id=\"collapse' + key + '\" class=\"panel-collapse collapse\" *ngIf=\"isGroupShown(i)\">\n    <div class=\"panel-body\">\n      <p class=\"panelText text-left\" [innerHtml]=\"faq.description\"></p>\n    </div>\n    <fieldset class=\"panel-interact\" *ngIf=\"!isNoClicked && !isYesClicked\">\n      <legend class=\"panelText m-0 pb-0\">{{data?.constants?.helpMsg}}&lrm;</legend>\n      <div class=\"d-flex flex-jc-center\">\n        <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-outline-primary mr-8 no-btn\" attr.aria-label=\"{{data?.constants?.noMsg}}\" id=\"btn-no\"\n          (click)=\"noClicked(i,$event)\" tabindex=\"0\">{{data?.constants?.noMsg}}</button>\n        <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-success yes-btn\" attr.aria-label=\"{{data?.constants?.yesMsg}}\" id=\"btn-yes\"\n          (click)=\"yesClicked(i,$event)\" tabindex=\"0\">{{data?.constants?.yesMsg}}</button>\n        </div>\n    </fieldset>\n    <fieldset class=\"panel-interact\" *ngIf=\"isYesClicked || isSubmitted\">\n      <legend tabindex=\"0\" id=\"yes-clicked\" class=\"yes-clicked m-0 pb-0\"> {{data?.constants?.thanksMsg}}</legend>\n      <div *ngIf=\"isNoClicked && isSubmitted && extraTemplate\" class=\"extraTemplate\">\n        <ng-container *ngTemplateOutlet=\"extraTemplate\">\n        </ng-container>\n      </div>\n    </fieldset>\n    <div class=\"panel-info\" *ngIf=\"!isSubmitted && isNoClicked\">\n      <h6 id=\"no-clicked\" tabindex=\"0\">{{data?.constants?.sorryMsg}}</h6>\n      <form action=\"#\" id=\"know-more-form\" class=\"know-more-form\" *ngIf=\"!isSubmitted\">\n      <label for=\"knowMoreMsg\">{{data?.constants?.knowMoreMsg}}</label>\n        <textarea type=\"text\" id=\"knowMoreMsg\" name=\"moreInfo\" placeholder=\"{{constants?.typeHere}}\" class=\"input-text\" maxlength=\"1000\"\n          [(ngModel)]=\"textValue\"></textarea>\n        <input type=\"submit\" value=\"{{constants?.submitButton}}\" class=\"submit-button\"\n          (click)=\"submitClicked(textValue,i,$event)\" tabindex=\"0\">\n      </form>\n      <p class=\"no-clicked\" hidden=\"true\" *ngIf=\"isSubmitted\"> {{data?.constants?.thanksMsg}} </p>\n    </div>\n  </div>\n</div>","styles":["::ng-deep :root{--cc-faq-yesbtn-text:var(--secondary-color);--cc-faq-helpheader-text:var(--white);--cc-faq-helpheader-bg:var(--primary-color);--cc-faq-panel-title-text:var(--primary-color);--cc-faq-info-msg-bg:var(--primary-0);--cc-faq-panelheader-bg:var(--white);--cc-faq-panel-body-bg:#F3F7FA;--cc-faq-panel-interact-bg:var(--white);--cc-faq-yesbtn-bg:rgba(0,136,64,0.1);--cc-faq-yesbtn-text:#008840;--cc-faq-nobtn-bg:rgba(2, 79, 157, 0.1);--cc-faq-nobtn-text:#024F9D}.contentPadding{padding-bottom:0}.scroll-content{padding:0!important}iframe{transform:scale(1,1);height:100%;width:100%}body{background-color:var(--primary-100);font-family:var(--font-stack-en)}.panelText{font-size:.875rem;padding:1rem}.rotate{transform:rotate(180deg)}.btn-arrow{padding:.25rem;margin-top:.25rem;margin-left:.3125rem}.yesBtn{color:var(--cc-faq-yesbtn-text)}.btn{cursor:pointer}p{font-size:.875rem}.help-header,.help-header-send-email{background:var(--cc-faq-helpheader-bg);color:var(--cc-faq-helpheader-text);padding:1rem}.help-header-send-email>h4,.help-header>h4{padding:0;font-weight:700;max-width:64rem;margin:0 auto}.help-header-send-email>p,.help-header>p{font-weight:100;max-width:64rem;margin:0 auto}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-heading{background-color:var(--cc-faq-panel-interact-bg)}.panel-title-blue{display:flex;align-items:flex-start;justify-content:space-between;color:var(--cc-faq-panel-title-text)}.info-msg{background-color:var(--cc-faq-info-msg-bg)}.report-text{padding-left:.375rem}.icon-svg{position:relative;top:.0625rem;display:inline-block;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;opacity:1}.icon-svg svg.icon{width:100%;height:inherit}.icon-svg--xs{width:var(--icon-svg-xs);height:var(--icon-svg-xs)}.icon-svg--sm{width:var(--icon-svg-sm);height:var(--icon-svg-sm)}.icon-svg--md{width:var(--icon-svg-md);height:var(--icon-svg-md)}.icon-svg--lg{width:var(--icon-svg-lg);height:var(--icon-svg-lg)}.icon-svg--xl{width:var(--icon-svg-xl);height:var(--icon-svg-xl)}.icon-svg--white{fill:var(--white)}.icon-svg--primary{fill:var(--primary-color)}.icon-svg--secondary{fill:var(--secondary-color)}.icon-svg--tertiary{fill:var(--tertiary-color)}.icon-svg--red{fill:var(--red-400)}.icon-svg--gray{fill:var(--gray-800)}@media only screen and (max-width:768px){.info-msg-send-email>p,.info-msg>p{padding:.5rem 1rem;max-width:64rem;margin:0 auto}}@media only screen and (min-width:768px){.info-msg-send-email>p,.info-msg>p{padding:1rem 0;max-width:64rem;margin:0 auto}}.icon{color:var(--primary-color);float:right}.panel{border-radius:0!important;border-top:0;border-left:0;border-right:0;box-shadow:none!important;border-bottom:.0625rem solid #ccc;font-size:1rem}.panel-heading{padding:1rem;cursor:pointer}.panel-group{margin:0 auto;max-width:64rem}.panel-group .panel+.panel{border-radius:0;margin-top:0}.panel-default>.panel-heading{background-color:var(--cc-faq-panelheader-bg);border-radius:0!important}.panel-body{background-color:var(--cc-faq-panel-body-bg)}.panel-interact{text-align:center;padding:1.25rem;background-color:var(--cc-faq-panel-interact-bg)}.panel-interact>button{margin:.625rem .3125rem 0}.panel-interact .yes-btn{background:var(--cc-faq-yesbtn-bg);color:var(--cc-faq-yesbtn-text)}.panel-interact .no-btn{background:var(--cc-faq-nobtn-bg);color:var(--cc-faq-nobtn-text)}.panel-interact>p{margin:0}.no-clicked,.yes-clicked{padding:.625rem!important;margin:.625rem auto auto!important;background:var(--primary-0);width:12.5rem;border-radius:.25rem;color:var(--secondary-color);text-align:center}.panel-info{text-align:center;max-width:64rem;margin:0 auto}.panel-info>h6{font-weight:700;margin-top:1.25rem;margin-bottom:0}.input-text{width:100%;height:4.375rem;border-radius:.3125rem;box-shadow:none;border-width:.0625rem;border-style:solid;border-color:var(--rc-c3c3c3);padding:.5rem 0 0 .5rem;resize:none}.submit-button{width:100%;color:var(--white);background:var(--primary-color);height:2.5rem;border-radius:.25rem;border-style:solid;border-color:var(--primary-color);margin:.625rem 0 1rem;outline:0}@media only screen and (max-width:768px){.report-button{min-width:90vw;color:var(--white);background:var(--primary-color);height:2.5rem;border-radius:.25rem;border-style:solid;border-color:var(--primary-color);outline:0}p{margin:0;font-weight:400}.panel-body{padding:.5rem 1rem}#textareainfo{opacity:.5;position:absolute;bottom:-.8125rem;right:0;font-weight:400;font-size:.75rem}.initiate-email-info-button{left:0;right:0;position:fixed;top:80vh;padding:0 1rem}}@media only screen and (min-width:768px){.report-button{min-width:64rem;color:var(--white);background:var(--primary-color);height:2.5rem;border-radius:.25rem;border-style:solid;border-color:var(--primary-color);outline:0}}img>.report-button{padding-bottom:.25rem;padding-right:.0625rem}.send-email{text-align:center;padding:.9375rem;background:#f0f8ff;--padding-bottom:0px}.send-email-form{text-align:center;margin:0 1rem}#send-email-form{height:40vh;position:relative}.send-email-info{padding:.625rem 0;font-weight:400;font-size:.75rem;text-align:justify}#know-more-form{margin:0 1rem}@media only screen and (min-width:768px){.send-email-form{max-width:64.0625rem;margin:auto}.send-email-info{max-width:35.625rem;padding:.625rem 0!important;margin:left;float:left}.submit-button{width:9.375rem;float:right;color:var(--white);background:var(--primary-color);border-radius:0;border-style:solid;border-color:var(--primary-color);margin:.625rem 0 1rem;height:2rem;outline:0}.panel-info{overflow:hidden;text-align:left}.panel-info>h6,.panel-info>p{margin:0 0 0 .9375rem}#initiate-email{margin-top:.625rem}}.input-text-form{width:100%;height:8rem;border-radius:.3125rem;box-shadow:none;border-width:.0625rem;border-style:solid;border-color:var(--rc-c3c3c3);padding:.9375rem;resize:none}::-moz-placeholder{color:var(--gray-200);font-size:.875rem;font-weight:400}:-ms-input-placeholder{color:var(--gray-200);font-size:.875rem;font-weight:400}::placeholder{color:var(--gray-200);font-size:.875rem;font-weight:400}a{color:var(--gray)}a:active,a:hover{text-decoration:none;color:none}.extraTemplate{display:flex;align-items:center;justify-content:center;margin-top:18px}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"appName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"extraTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"toggleGroupEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"yesClickedEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"noClickedEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"submitClickedEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"toggleGroup":[{"__symbolic":"method"}],"isGroupShown":[{"__symbolic":"method"}],"noClicked":[{"__symbolic":"method"}],"yesClicked":[{"__symbolic":"method"}],"submitClicked":[{"__symbolic":"method"}],"setAccessibilityFocus":[{"__symbolic":"method"}]}},"ContentDetailsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PlayerActionsComponent"},{"__symbolic":"reference","name":"TocItemComponent"},{"__symbolic":"reference","name":"TocChildItemComponent"},{"__symbolic":"reference","name":"TocCurriculumComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","name":"AccordionModule"},{"__symbolic":"reference","name":"CardModule"},{"__symbolic":"reference","name":"PipesModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":23,"character":4}],"exports":[{"__symbolic":"reference","name":"PlayerActionsComponent"},{"__symbolic":"reference","name":"TocItemComponent"},{"__symbolic":"reference","name":"TocChildItemComponent"},{"__symbolic":"reference","name":"TocCurriculumComponent"}]}]}],"members":{}},"TocCurriculumComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sb-toc-curriculum","template":"<div *ngIf=\"isAccordion\">\n    <div class=\"\" *ngIf=\"tocData?.mimeType === MimeTypeMasterData?.COLLECTION\">\n      <sb-toc-item *ngIf=\"type\" [tocData]=\"tocData\" [type]=\"type\" [recogniseCollection]=\"true\"\n       (tocCardClick)=\"onTocCardClick($event)\" [contentStatus]=\"contentStatus\" (playButtonClick)=\"onPlayButtonClick($event)\">\n      </sb-toc-item>\n      <sb-toc-item *ngIf=\"!type\" [tocData]=\"tocData\" [recogniseCollection]=\"true\"></sb-toc-item>\n    </div>\n    <div class=\"\" *ngIf=\"tocData?.mimeType !== MimeTypeMasterData?.COLLECTION\">\n        <sb-toc-card *ngIf=\"type\" [content]=\"tocData\" [type]=\"type\" (tocCardClick)=\"onTocCardClick($event)\"[platform]=\"platform\"\n         [activeContent]=\"activeContent\" [contentStatus]=\"contentStatus\" [playBtnConfig]=\"playBtnConfig\" (playButtonClick)=\"onPlayButtonClick($event)\"\n         [trackableDefaultImage]=\"trackableDefaultImage\" [scoreLabel]=\"scoreLabel\" [maxAttempts]=\"maxAttempts\" [disabled]=\"disabled\">\n          </sb-toc-card>\n          <sb-toc-card *ngIf=\"!type\" [content]=\"tocData\"  (tocCardClick)=\"onTocCardClick($event)\" [platform]=\"platform\"\n            [activeContent]=\"activeContent\" [playBtnConfig]=\"playBtnConfig\" (playButtonClick)=\"onPlayButtonClick($event)\"\n            [trackableDefaultImage]=\"trackableDefaultImage\" [scoreLabel]=\"scoreLabel\" [maxAttempts]=\"maxAttempts\" [disabled]=\"disabled\">\n          </sb-toc-card>\n    </div>\n</div>\n<div  *ngIf=\"isChapterListing\">\n  <div class=\"sb-curiculum-responsive-grid\">\n    <div class=\"sb-curiculum__border\" *ngFor=\"let item of tocData?.children; let index = index;\" (click)=\"onTocChapterClick($event,item)\" tabindex=\"0\">\n      {{ createUniqueId(tocData, item) }}\n      <div class=\"sb-curiculum\" style=\"border:none;\">\n      <div class=\"sb--completed\" *ngIf=\"showCompleted(item)\">\n          <img alt=\"\" src=\"assets/common-consumption/images/completed.svg\" />\n      </div>\n      <div class=\"sb-curiculum__chapter\">\n        <div class=\"title\">{{item?.name}}</div>\n      </div>\n      </div>\n      <div class=\"sb--card__progressbar\" [ngStyle]=\"fetchProgressShadow(item)\">\n        <span [ngStyle]=\"fetchProgress(item)\"></span>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"\" *ngIf=\"!isAccordion && !isChapterListing\">\n  \n  <div class=\"\">\n      <div class=\"sb-curiculum\" *ngFor=\"let item of tocData?.children; let index = index;\">\n      {{ createUniqueId(tocData, item) }}\n      <div class=\"sb-curiculum__chapter\" *ngIf=\"item?.mimeType === MimeTypeMasterData?.COLLECTION && item?.contentType !== 'TextBook' && item?.contentType !== 'Course'\" \n         (click)=\"onTocChapterClick($event,item)\" tabindex=\"0\">\n        <div class=\"title\">{{item?.name}}</div>\n        <div *ngIf=\"item && (item | hasMimeType: activeMimeTypeFilter);else noContent\" #chapterContainer>\n          <ng-container *ngIf=\"item?.mimeType !== MimeTypeMasterData?.COLLECTION && !item?.children?.length\" >\n            <div class=\"child-content-padding\">\n              <sb-toc-card *ngIf=\"type\" [content]=\"item\" [type]=\"type\" (tocCardClick)=\"onTocCardClick($event)\" [platform]=\"platform\"\n               [activeContent]=\"activeContent\" [contentStatus]=\"contentStatus\" [playBtnConfig]=\"playBtnConfig\" (playButtonClick)=\"onPlayButtonClick($event)\"\n               [trackableDefaultImage]=\"trackableDefaultImage\" [scoreLabel]=\"scoreLabel\" [maxAttempts]=\"maxAttempts\" [disabled]=\"disabled\">\n              </sb-toc-card>\n              <sb-toc-card *ngIf=\"!type\" [content]=\"item\" (tocCardClick)=\"onTocCardClick($event)\" [platform]=\"platform\"\n                [activeContent]=\"activeContent\" [playBtnConfig]=\"playBtnConfig\" (playButtonClick)=\"onPlayButtonClick($event)\"\n                [trackableDefaultImage]=\"trackableDefaultImage\" [scoreLabel]=\"scoreLabel\" [maxAttempts]=\"maxAttempts\" [disabled]=\"disabled\">\n              </sb-toc-card>\n            </div>\n          </ng-container>\n          <ng-container *ngIf=\"item?.children?.length\">\n            <ng-container *ngFor=\"let child of item?.children; let j = index;\">\n              {{ createUniqueId(item, child) }}\n              <div class=\"sbchapter\" *ngIf=\"filterChildren(child) && child.item?.contentType === 'TextBook'\">\n                <sb-library-card></sb-library-card>\n              </div>\n              <div class=\"sbchapter\" *ngIf=\"filterChildren(child) && child.item?.contentType === 'Course'\">\n                <sb-course-card></sb-course-card>\n              </div>\n              <div class=\"sbchapter\" *ngIf=\"filterChildren(child)\">\n                <sb-toc-child-item *ngIf=\"type\" [childData]=\"child\" [type]=\"type\" [activeMimeTypeFilter]=\"activeMimeTypeFilter\"\n                  [activeContent]=\"activeContent\" [contentStatus]=\"contentStatus\" (tocCardClick)=\"onTocCardClick($event)\" \n                  [playBtnConfig]=\"playBtnConfig\" (playButtonClick)=\"onPlayButtonClick($event)\" [platform]=\"platform\"\n                  [trackableDefaultImage]=\"trackableDefaultImage\">\n                </sb-toc-child-item>\n                <sb-toc-child-item *ngIf=\"!type\" [childData]=\"child\" [activeMimeTypeFilter]=\"activeMimeTypeFilter\"\n                  [activeContent]=\"activeContent\" (tocCardClick)=\"onTocCardClick($event)\" [playBtnConfig]=\"playBtnConfig\"\n                  (playButtonClick)=\"onPlayButtonClick($event)\" [platform]=\"platform\" [trackableDefaultImage]=\"trackableDefaultImage\">\n                </sb-toc-child-item>\n              </div>\n            </ng-container>\n          </ng-container>\n        </div>\n        <ng-template #noContent>\n          <div class=\"heading\">{{noContentMessage}}</div>\n        </ng-template>\n      </div>\n      <div class=\"sb-curiculum__chapter\" *ngIf=\"item?.mimeType !== MimeTypeMasterData?.COLLECTION\">\n          <sb-toc-card *ngIf=\"type\" [content]=\"item\" [type]=\"type\" (tocCardClick)=\"onTocCardClick($event)\" [platform]=\"platform\"\n          [activeContent]=\"activeContent\" [contentStatus]=\"contentStatus\" [playBtnConfig]=\"playBtnConfig\" (playButtonClick)=\"onPlayButtonClick($event)\"\n          [trackableDefaultImage]=\"trackableDefaultImage\" [scoreLabel]=\"scoreLabel\" [maxAttempts]=\"maxAttempts\" [disabled]=\"disabled\">\n            </sb-toc-card>\n      </div>\n      <div class=\"sb-curiculum__chapter\" *ngIf=\"item?.mimeType === MimeTypeMasterData?.COLLECTION && item?.contentType === 'TextBook'\">\n          <sb-library-card [content]=\"item\"></sb-library-card>\n      </div>\n      <div class=\"sb-curiculum__chapter\" *ngIf=\"item?.mimeType === MimeTypeMasterData?.COLLECTION && item?.contentType === 'Course'\">\n          <sb-course-card [course]=\"item\"></sb-course-card>\n        </div>\n    </div>\n    </div>\n</div>","styles":["::ng-deep :root{--cc-curriculum-br-bg:var(--white);--cc-curriculum-bg:var(--white);--cc-curriculum-br:var(--primary-200);--cc-curriculum-active-bs:var(--rc-009D53);--cc-curriculum-title-text:#3A3A3A}.sb--card__progressbar{margin:1rem!important;width:unset!important}.sb-curiculum-responsive-grid{padding:.5rem .5rem 1rem;display:block}.sb-curiculum-responsive-grid .sb-curiculum__border{background:var(--cc-curriculum-br-bg);box-shadow:0 2px 7px rgba(var(--rc-rgba-black),.16);margin:.5rem 0;padding:.125rem 0}.sb-curiculum-responsive-grid .sb-curiculum__border.active,.sb-curiculum-responsive-grid .sb-curiculum__border:active,.sb-curiculum-responsive-grid .sb-curiculum__border:hover{box-shadow:0 2px 7px rgba(var(--rc-009D53),.65)}.sb-curiculum-responsive-grid .sb-curiculum__border .sb-curiculum.active,.sb-curiculum-responsive-grid .sb-curiculum__border .sb-curiculum:active,.sb-curiculum-responsive-grid .sb-curiculum__border .sb-curiculum:hover{box-shadow:none}.sb-curiculum-responsive-grid .sb-curiculum{position:relative;border-radius:.5rem;padding:.5rem 2.125rem 0 1rem;border:1px solid var(--cc-curriculum-br);background:var(--cc-curriculum-bg);font-weight:700;display:flex;min-height:48px;flex-direction:column}.sb-curiculum-responsive-grid .sb-curiculum.active,.sb-curiculum-responsive-grid .sb-curiculum:active,.sb-curiculum-responsive-grid .sb-curiculum:hover{box-shadow:0 2px 7px rgba(var(--cc-curriculum-active-bs),.65)}.sb-curiculum-responsive-grid .sb-curiculum__chapter{display:flex;align-items:flex-start;flex:1}.sb-curiculum-responsive-grid .sb-curiculum__chapter .title{font-size:.875rem;color:var(--cc-curriculum-title-text);line-height:1.25rem;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.sb-curiculum-responsive-grid .sb--completed{position:absolute;top:.875rem;right:.5rem}",".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-badge-bg:var(--rc-d4d3d3);--cc-badge-text:var(--gray-800);--cc-lb-card-grid-title:var(--primary-color)}:host .layout-library{display:flex;flex-direction:column}:host .header{display:flex;flex-direction:row;padding:0;align-items:center}[dir=ltr] :host .header,[dir=rtl] :host .header{margin:1.5rem 0 1rem}:host .header .title{font-family:inherit;text-overflow:ellipsis;overflow:hidden;flex:1;height:1.5rem;color:var(--cc-lb-card-grid-title);font-size:1.125rem;font-weight:700;text-transform:capitalize;line-height:1.625rem;display:flex;align-items:center}:host .header .title i{vertical-align:middle;height:1.0625rem;width:.875rem;top:0}[dir=ltr] :host .header .title i{margin-right:.5rem}[dir=rtl] :host .header .title i{margin-left:.5rem}:host .header .title .badge{display:inline-block;background:var(--cc-badge-bg);color:var(--cc-badge-text);text-align:center;padding:0 .75rem;border-radius:.25rem;height:1.5rem;line-height:1.5rem;font-size:1rem;font-weight:400}[dir=ltr] :host .header .title .badge{margin-left:.5rem}[dir=rtl] :host .header .title .badge{margin-right:.5rem}:host .cards-containers{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));grid-gap:1rem;grid-row-gap:1.5rem}:host .cards-containers--show-1{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 1.5),1fr))}:host .cards-containers--show-2{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 2.5),1fr))}:host .cards-containers--show-3{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 3.5),1fr))}:host .cards-containers--show-4{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 4.5),1fr))}:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 5.5),1fr))}:host .cards-container{display:flex;flex-direction:row;flex-wrap:wrap;margin:-1.5rem -.5rem 0}:host .cards-container .item{box-sizing:border-box;margin-top:1.5rem}[dir=ltr] :host .cards-container .item,[dir=rtl] :host .cards-container .item{padding:0 .5rem}@media (max-width:767px){:host .cards-container .item{margin-top:1rem}}:host .cards-container .item.show-1{max-width:100%}:host .cards-container .item.show-2{flex:0 0 50%;max-width:50%}:host .cards-container .item.show-3{flex:0 0 33.33%;max-width:33.33%}:host .cards-container .item.show-4{flex:0 0 25%;max-width:25%}:host .cards-container .item.show-5{flex:0 0 20%;max-width:20%}@media (max-width:991px){:host .cards-containers--show-3,:host .cards-containers--show-4,:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 2.5),1fr))}:host .cards-container .item.show-2,:host .cards-container .item.show-3,:host .cards-container .item.show-4,:host .cards-container .item.show-5{flex:0 0 50%;max-width:50%}}@media (max-width:575px){:host .cards-containers--show-2,:host .cards-containers--show-3,:host .cards-containers--show-4,:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 1.5),1fr))}:host .cards-container .item.show-2,:host .cards-container .item.show-3,:host .cards-container .item.show-4,:host .cards-container .item.show-5{flex:0 0 100%;max-width:100%}}@media (min-width:992px) and (max-width:1279px){:host .cards-containers--show-4,:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 3.5),1fr))}:host .cards-container .item.show-4,:host .cards-container .item.show-5{flex:0 0 33.33%;max-width:33.33%}}:host .view-all-info{position:absolute;right:0;margin-top:-1.5rem}",".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-sbcard-bg:var(--white);--cc-sbcard-img-container-bg:var(--gray-100);--cc-sbcard-title:var(--primary-color);--cc-sbcard-meta-text:var(--gray-800);--cc-sbcard-dot-divider:var(--gray-200);--cc-sbcard-moreinfo-bg:none;--cc-sbcard-moreinfo-bordertop:#cacbce;--cc-sbcard-meta2-text:var(--gray-800);--cc-sbcard-org-text:var(--gray-200);--cc-sbcard-type-bg:var(--gray-200);--cc-sbcard-type-text:var(--white);--cc-sbcard-rv-img-container-bg:var(--gray-100);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-selected-bg:rgba(2, 79, 157, 0.2);--cc-sbcard-offline-bg:var(--tertiary-color);--cc-sbcard-offline-img-text:var(--white);--cc-sbcard-card__progressbar-bg:var(--gray-100);--cc-sbcard-card__progressbar-span-bg:var(--secondary-200);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card{width:100%;background-color:var(--cc-sbcard-bg);display:flex;flex-direction:column;cursor:pointer;position:relative;margin-top:0;border:0;contain:content;border-radius:.125rem}:host .sb--card:hover{transform:translate(0,0);box-shadow:0 .125rem .4375rem 0 rgba(var(--rc-rgba-black),.16)}@media (max-width:767px){:host .sb--card{box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16)}}:host .sb--card__main-area{display:flex;flex-direction:row;align-items:center;height:5.5rem}:host .sb--card__img{height:4.5rem;width:4.5rem;overflow:hidden;flex:0 0 4.5rem;margin:.5rem}:host .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-img-container-bg);height:4.5rem;width:4.5rem;justify-content:center}:host .sb--card__img .img-container img{max-width:100%}:host .sb--card__info{flex:1;overflow:hidden}[dir=ltr] :host .sb--card__info{padding-right:.5rem}[dir=rtl] :host .sb--card__info{padding-left:.5rem}:host .sb--card__title{color:var(--cc-sbcard-title);font-size:.875rem;margin:0;line-height:1.25rem}:host .sb--card__meta1{color:var(--cc-sbcard-meta-text);font-size:.75rem;display:flex;flex-direction:row;align-items:center;flex:1;line-height:1.25rem;margin-top:.25rem}:host .sb--card .data_1{max-width:50%}:host .sb--card .data_2{flex:1}:host .sb--card .dot-divider{width:.25rem;height:.25rem;min-width:.25rem;max-width:.25rem;min-height:.25rem;max-height:.25rem;border-radius:100%;background-color:var(--cc-sbcard-dot-divider);display:inline-block;margin:0 .5rem}:host .sb--card__moreinfo{border-radius:0 0 .125rem .125rem;background-color:var(--cc-sbcard-moreinfo-bg);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;min-height:3.5rem;border-top:0 solid var(--cc-sbcard-moreinfo-bordertop)}:host .sb--card__meta2{color:var(--cc-sbcard-meta2-text);font-size:.75rem;line-height:.875rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;padding:.5rem}:host .sb--card__meta2_data .label{font-weight:400}:host .sb--card__meta2_data .value{font-weight:700}:host .sb--card__org{color:var(--cc-sbcard-org-text)}:host .sb--card__tags{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1}:host .sb--card__badge{display:flex}:host .sb--card__badge img{width:1.25rem;height:1.25rem}:host .sb--card__type{background:var(--cc-sbcard-type-bg);position:relative;height:1.25rem;color:var(--cc-sbcard-type-text);font-size:.6875rem;display:flex;align-items:center}[dir=ltr] :host .sb--card__type{padding-left:.25rem;padding-right:.5rem;margin-left:1rem}[dir=rtl] :host .sb--card__type{padding-left:.5rem;padding-right:.25rem;margin-right:1rem}:host .sb--card__type:before{content:\"\";width:0;height:0;border-width:.625rem .3125rem;border-style:solid;border-color:var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) transparent;position:absolute;left:-10px}html[dir=rtl] :host .sb--card__type:before{right:-.625rem;left:inherit;border-color:var(--cc-sbcard-type-br) transparent var(--cc-sbcard-type-br) var(--cc-sbcard-type-br)}:host .sb--card--recently-viewed .sb--card__img{height:5.5rem;width:5.5rem;flex:0 0 5.5rem;margin:0}:host .sb--card--recently-viewed .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-rv-img-container-bg);height:5.5rem;width:5.5rem}:host .sb--card--recently-viewed .sb--card__info{padding:.5rem;flex:1}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:4px;background-color:var(--cc-sbcard-selected-bg)}:host .sb--card.offline .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-offline-bg);opacity:.5}:host .sb--card.offline .sb--card__img .img-container img{margin:auto;font-size:1.5rem;color:var(--cc-sbcard-offline-img-text)}:host .sb--card.offline .sb--card__info,:host .sb--card.offline .sb--card__moreinfo{opacity:.5}:host .sb--card__progressbar{height:.25rem;margin:0;border-radius:0;box-shadow:inset 0 -.0625rem .0625rem rgba(var(--rc-rgba-white),.3);width:100%;background:var(--cc-sbcard-card__progressbar-bg)}:host .sb--card__progressbar>span{display:block;height:100%;background-color:var(--cc-sbcard-card__progressbar-span-bg);background-image:-webkit-gradient(center bottom,var(--secondary-400),var(--secondary-200));box-shadow:inset 0 .125rem .5625rem var(--gray-100),inset 0 -.125rem .375rem rgba(var(--rc-rgba-black),.4);position:relative;overflow:hidden}:host .animate>span:after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(var(--rc-rgba-white),.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(var(--rc-rgba-white),.2)),color-stop(.75,rgba(var(--rc-rgba-white),.2)),color-stop(.75,transparent),to(transparent));z-index:1;background-size:3.125rem 3.125rem;overflow:hidden;-webkit-animation:2s linear infinite move;border-radius:1.25rem .5rem .5rem 1.25rem}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:3.125rem 3.125rem}}:host .completed>span{background-color:var(--secondary-color);background-image:-webkit-linear-gradient(var(--secondary-100),var(--secondary-400))}:host .inprogress>span{background-color:var(--tertiary-color);background-image:-webkit-linear-gradient(var(--tertiary-100),var(--tertiary-400))}:host .notcompleted>span{background-color:var(--red-100);background-image:-webkit-linear-gradient(var(--red-100),var(--red-400))}:host .nostripes>span,:host .nostripes>span:after{-webkit-animation:none;-moz-animation:none;background-image:none}:host .border-top-r-left-right{border-top-left-radius:0;border-top-right-radius:0}::ng-deep .card-hover{opacity:0;transition:.2s ease-in;display:none}::ng-deep .sb--card:focus-within .card-hover,::ng-deep .sb--card:hover .card-hover{opacity:1;z-index:1001;display:block}::ng-deep .sb--card:focus-within .card-hover .child-content,::ng-deep .sb--card:hover .card-hover .child-content{--cc-sbcard-hover-text:var(--white);--cc-sbcard-hover-bg:var(--primary-color);color:var(--cc-sbcard-hover-text);position:absolute;left:0;right:0;top:0;bottom:0;opacity:.95;border-radius:.125rem;background-color:var(--cc-sbcard-hover-bg);z-index:1;display:flex;align-items:center;transition:.2s ease-in;flex-direction:column;justify-content:space-evenly}::ng-deep .sb--card:focus-within .card-hover .action-container,::ng-deep .sb--card:hover .card-hover .action-container{display:flex;width:100%;justify-content:center;align-self:center;justify-self:center;flex:1;align-items:center}::ng-deep .sb--card:focus-within .card-hover .action-item,::ng-deep .sb--card:hover .card-hover .action-item{padding:0 1rem;flex:1;text-align:center}::ng-deep .sb--card:focus-within .card-hover .action-item .sb-btn.sb-btn-primary[disabled],::ng-deep .sb--card:hover .card-hover .action-item .sb-btn.sb-btn-primary[disabled]{background-color:transparent;opacity:.5;border:0;color:var(--white)}::ng-deep .sb--card:focus-within .card-hover .action-item:not(:last-child),::ng-deep .sb--card:hover .card-hover .action-item:not(:last-child){border-right:.0625rem solid rgba(var(--rc-rgba-white),.5)}::ng-deep .sb--card:focus-within .card-hover .hover-meta-info,::ng-deep .sb--card:hover .card-hover .hover-meta-info{font-size:.625rem;opacity:.8;color:var(--white);line-height:.75rem;flex:0 0 25%}.menu::after{content:'\\2807';font-size:1.5rem;color:var(--gray-200);text-align:center;align-items:center;display:flex;justify-content:center;border-radius:50%;padding-left:.375rem;cursor:pointer;width:2rem;height:2rem}.menu:hover::after{background:var(--gray-0)}"]}]}],"members":{"tocData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"activeMimeTypeFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"noContentMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"isAccordion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"isChapterListing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"contentStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"shadowColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"progressColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"refresh":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"layoutConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"playBtnConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"platform":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"trackableDefaultImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"maxAttempts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"divs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["chapter",{"static":false}]}]}],"chapterContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":31,"character":3},"arguments":["chapterContainer"]}]}],"activeContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"tocCardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"noContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"scoreLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setActiveContent":[{"__symbolic":"method"}],"filterChildren":[{"__symbolic":"method"}],"isShowContent":[{"__symbolic":"method"}],"onTocChapterClick":[{"__symbolic":"method"}],"onTocCardClick":[{"__symbolic":"method"}],"collapsedChangeHandler":[{"__symbolic":"method"}],"firstNonCollectionContent":[{"__symbolic":"method"}],"flattenDeep":[{"__symbolic":"method"}],"isExpanded":[{"__symbolic":"method"}],"isShowBody":[{"__symbolic":"method"}],"getRollup":[{"__symbolic":"method"}],"createUniqueId":[{"__symbolic":"method"}],"fetchProgress":[{"__symbolic":"method"}],"showCompleted":[{"__symbolic":"method"}],"fetchProgressShadow":[{"__symbolic":"method"}],"onPlayButtonClick":[{"__symbolic":"method"}]}},"TocChildItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-toc-child-item","template":"<ng-container *ngIf=\"childData | hasMimeType: activeMimeTypeFilter\">\n  <div *ngIf=\"childData?.mimeType === 'application/vnd.ekstep.content-collection' && childData?.children\">\n    <h4 class=\"sbchapter__title text-left sb__ellipsis sb__ellipsis--two ml-16 mb-8\" title=\"{{childData?.name}}\">{{childData?.name}}</h4>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"childData?.mimeType !== 'application/vnd.ekstep.content-collection' && hasMimeType(activeMimeTypeFilter, childData?.mimeType, childData) ||\n  (childData?.contentData?.trackable?.enabled === 'Yes' || childData?.trackable?.enabled === 'Yes')\">\n  <sb-toc-card [content]=\"childData\" (tocCardClick)=\"tocCardClickHandler($event)\" [activeContent]=\"activeContent\"\n    [type]=\"type\" [contentStatus]=\"contentStatus\" [playBtnConfig]=\"playBtnConfig\" (playButtonClick)=\"onPlayButtonClick($event)\"\n    [platform]=\"platform\" [trackableDefaultImage]=\"trackableDefaultImage\" [maxAttempts]=\"maxAttempts\" [disabled]=\"disabled\" [scoreLabel]=\"scoreLabel\">\n  </sb-toc-card>\n</ng-container>\n\n<div *ngIf=\"childData?.children && !(childData?.contentData?.trackable?.enabled === 'Yes' || childData?.trackable?.enabled === 'Yes')\">\n  <div *ngFor=\"let child of childData?.children; let j = index;\" [id]=\"child.identifier\">\n    <div *ngIf=\"child?.mimeType !== 'application/vnd.sunbird.question' && child?.mimeType !== 'application/vnd.sunbird.questionset'\">\n      {{ createUniqueId(childData, child) }}\n      <sb-toc-child-item [childData]=\"child\" [activeContent]=\"activeContent\" (tocCardClick)=\"tocCardClickHandler($event)\"\n        [activeMimeTypeFilter]=\"activeMimeTypeFilter\" [type]=\"type\" [contentStatus]=\"contentStatus\" [playBtnConfig]=\"playBtnConfig\" \n        (playButtonClick)=\"onPlayButtonClick($event)\" [platform]=\"platform\" [trackableDefaultImage]=\"trackableDefaultImage\">\n      </sb-toc-child-item>\n    </div>\n    <div *ngIf=\"child?.mimeType === 'application/vnd.sunbird.questionset'\">\n      <div class=\"child-content-padding\">\n        <sb-toc-card [content]=\"child\" (tocCardClick)=\"tocCardClickHandler($event)\" [type]=\"type\"\n          [contentStatus]=\"contentStatus\" [activeContent]=\"activeContent\" [maxAttempts]=\"maxAttempts\" [scoreLabel]=\"scoreLabel\" [disabled]=\"disabled\">\n        </sb-toc-card>\n      </div>\n    </div>\n  </div>\n</div>","styles":[".sbchapter__title{font-size:.875rem;line-height:1.375rem}"]}]}],"members":{"childData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"activeContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"activeMimeTypeFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"contentStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"playBtnConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"platform":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"trackableDefaultImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"maxAttempts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"scoreLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"tocCardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"playButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"hasMimeType":[{"__symbolic":"method"}],"tocCardClickHandler":[{"__symbolic":"method"}],"createUniqueId":[{"__symbolic":"method"}],"onPlayButtonClick":[{"__symbolic":"method"}]}},"TocItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sb-toc-item","providers":[{"__symbolic":"reference","name":"MimeTypePipe"}],"template":"<div *ngFor=\"let item of tocData?.children; let index = index;\">\n  <ng-container *ngIf=\"(item | hasMimeType: activeMimeTypeFilter) || this.accordianConfig.expandBehavior === ExpandBehavior.NONE\">\n  <div *ngIf=\"item?.mimeType === MimeTypeMasterData?.COLLECTION && !(item?.contentData?.trackable?.enabled === 'Yes' || item?.trackable?.enabled === 'Yes')\">\n    <sb-accordion [multi]=\"false\" [id]=\"item.identifier\">\n      <sb-accordion-item #sbAccordionItem [expanded]=\"isExpanded(index, item)\" (collapsedChange)=\"collapsedChangeHandler($event, sbAccordionItem);\">\n        {{ createUniqueId(tocData, item) }}\n        <sb-accordion-header>\n            <div class=\"sb-checkbox sb-checkbox-primary\" *ngIf=\"selectMode\">\n                <input (change)=\"onItemSelect(item)\" [(ngModel)]=\"item.selected\" type=\"checkbox\" name=\"example\">\n                <label class=\"mb-0\"><span class=\"title font-weight-bold\">{{item?.name}}</span></label>\n            </div>\n            <span *ngIf=\"!selectMode\" class=\"title\">{{item?.name}}</span>\n        </sb-accordion-header>\n        <sb-accordion-body *ngIf=\"isShowBody(item, index)\">\n          <div *ngIf=\"item && (item | hasMimeType: activeMimeTypeFilter);else noContent\" #chapterContainer>\n            <ng-container *ngIf=\"item?.children?.length\">\n              <ng-container *ngFor=\"let child of item?.children; let j = index;\">\n                {{ createUniqueId(item, child) }}\n                <div class=\"sbchapter\"\n                  *ngIf=\"recogniseCollection && filterChildren(child) && child.item?.contentType === 'TextBook'\">\n                  <sb-my-course-card [type]=\"'recently_viewed'\"></sb-my-course-card>\n                </div>\n                <div class=\"sbchapter\"\n                  *ngIf=\"recogniseCollection && filterChildren(child) && child.item?.contentType === 'Course'\">\n                  <sb-my-course-card [type]=\"'recently_viewed'\"></sb-my-course-card>\n                </div>\n                <div class=\"sbchapter\" *ngIf=\"filterChildren(child)\" [id]=\"child.identifier\">\n                  <ng-container *ngIf=\"isFlattenedType(child) === FlattenedType.EXPAND\">\n                    <sb-toc-child-item *ngIf=\"type\" [type]=\"type\" [contentStatus]=\"contentStatus\" [childData]=\"child\"\n                      [activeMimeTypeFilter]=\"activeMimeTypeFilter\" [activeContent]=\"activeContent\" [platform]=\"platform\"\n                      (tocCardClick)=\"onTocCardClick($event)\" [playBtnConfig]=\"playBtnConfig\" (playButtonClick)=\"onPlayButtonClick($event)\"\n                      [trackableDefaultImage]=\"trackableDefaultImage\">\n                    </sb-toc-child-item>\n                    <sb-toc-child-item *ngIf=\"!type\" [childData]=\"child\" [activeMimeTypeFilter]=\"activeMimeTypeFilter\"\n                      [activeContent]=\"activeContent\" (tocCardClick)=\"onTocCardClick($event)\" [playBtnConfig]=\"playBtnConfig\"\n                      (playButtonClick)=\"onPlayButtonClick($event)\" [platform]=\"platform\" [trackableDefaultImage]=\"trackableDefaultImage\">\n                    </sb-toc-child-item>\n                  </ng-container>\n\n                  <ng-container *ngIf=\"isFlattenedType(child) === FlattenedType.COLLAPSE\">\n                    <sb-toc-card *ngIf=\"type\" [type]=\"type\" [content]=\"child\" (tocCardClick)=\"onTocCardClick($event)\"\n                      [activeContent]=\"activeContent\" [playBtnConfig]=\"playBtnConfig\" (playButtonClick)=\"onPlayButtonClick($event)\"\n                      [trackableDefaultImage]=\"trackableDefaultImage\" [platform]=\"platform\">\n                    </sb-toc-card>\n                    <sb-toc-card *ngIf=\"!type\" [content]=\"child\" (tocCardClick)=\"onTocCardClick($event)\"\n                      [activeContent]=\"activeContent\" [playBtnConfig]=\"playBtnConfig\" (playButtonClick)=\"onPlayButtonClick($event)\"\n                      [trackableDefaultImage]=\"trackableDefaultImage\" [platform]=\"platform\">\n                    </sb-toc-card>\n                  </ng-container>\n\n                </div>\n              </ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"item?.mimeType === MimeTypeMasterData?.COLLECTION && !item?.children?.length\">\n              <div class=\"heading\">{{noContentMessage}}</div>\n            </ng-container>\n          </div>\n          <ng-template #noContent>\n            <div class=\"heading\">{{noContentMessage}}</div>\n          </ng-template>\n        </sb-accordion-body>\n      </sb-accordion-item>\n    </sb-accordion>\n  </div>\n  <div *ngIf=\"(item?.mimeType !== MimeTypeMasterData?.COLLECTION && !item?.children?.length) ||\n    item?.contentData?.trackable?.enabled === 'Yes' || item?.trackable?.enabled === 'Yes'\" class=\"sb-content__bar\">\n    <ng-container>\n    <div class=\"child-content-padding\">\n      <sb-toc-card *ngIf=\"type\" [type]=\"type\" [contentStatus]=\"contentStatus\" [content]=\"item\"\n        (tocCardClick)=\"onTocCardClick($event)\" [activeContent]=\"activeContent\" [playBtnConfig]=\"playBtnConfig\"\n        (playButtonClick)=\"onPlayButtonClick($event)\" [platform]=\"platform\" [trackableDefaultImage]=\"trackableDefaultImage\">\n      </sb-toc-card>\n      <sb-toc-card *ngIf=\"!type\" [content]=\"item\" (tocCardClick)=\"onTocCardClick($event)\" [platform]=\"platform\"\n        [activeContent]=\"activeContent\" [playBtnConfig]=\"playBtnConfig\" (playButtonClick)=\"onPlayButtonClick($event)\"\n        [trackableDefaultImage]=\"trackableDefaultImage\">\n      </sb-toc-card>\n    </div>\n    </ng-container>\n  </div>\n  </ng-container>\n</div>\n","styles":["::ng-deep :root{--cc-chapter-br:var(--gray-100);--cc-chapter-bg:var(--white);--cc-chapter-title:var(--gray-800);--cc-chapter-item-bg:varvar(--white);--cc-chapter-item-bs:var(--rc-rgba-primary);--cc-chapter-item-br:var(--rc-rgba-primary);--cc-chapter-item-title-text:var(--primary-400);--cc-chapter-item-open-br:#e0e0e0;--cc-chapter-item-open-title-text:var(--primary-400);--cc-chapter-item-topic-title-text:var(--primary-400);--cc-chapter-item-topic-title-text-active:var(--primary-100);--cc-chapter-item-topic-title-text-hover:var(--gray-0)}.sbchapter{background:var(--cc-chapter-bg);border-bottom:.0625rem solid var(--cc-chapter-br);padding:0 0 1rem;margin-bottom:1rem}.sbchapter:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.sbchapter h4{font-size:.625rem;line-height:1.125rem;color:var(--cc-chapter-title);margin-bottom:.5rem}.sbchapter__item{background:var(--cc-chapter-item-bg);box-shadow:0 .1875rem .25rem 0 rgba(var(--cc-chapter-item-bs),.1);border:.03125rem solid rgba(var(--cc-chapter-item-br),.5);display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:.5rem;cursor:pointer;min-height:3.5rem}.sbchapter__item h4{font-size:.75rem;line-height:1.25rem;color:var(--cc-chapter-item-title-text);margin:0;padding:0}.sbchapter__item .sbchapter__img{width:1.5rem;height:1.5rem;flex:0 0 1.5rem}.sbchapter__item .sbchapter__img img{width:100%}.sbchapter__item .sbchapter__img .icon-svg svg.icon .icon-svg--primary{fill:#9cb9ff}.sbchapter__item:hover{background:var(--gray-0)}.sbchapter__item--active,.sbchapter__item--active:hover{background:var(--primary-100)}.sbchapter-open{border-bottom:.0625rem solid var(--cc-chapter-item-open-br);padding-bottom:var(--base-block-space)}.sbchapter-open__title{font-size:.875rem;font-weight:700;color:var(--cc-chapter-item-open-title-text);margin:0;padding:1rem;width:100%}.sbchapter-open__topics{padding:0}.sbchapter-open__topics__title{font-size:.875rem;line-height:1.375rem;margin:0 0 .5rem;color:var(--cc-chapter-item-topic-title-text);padding:0 1rem}.sbchapter-open__topic{font-size:.75rem;line-height:1.25rem;padding:8px 2rem;margin:0;color:var(--cc-chapter-item-topic-title-text)}.sbchapter-open__topic--active{background:var(--cc-chapter-item-topic-title-text-active)}.sbchapter-open__topic:hover{background:var(--gray-0)}.sbsmartscroll-style::-webkit-scrollbar{width:.3125rem;height:.3125rem;background-color:var(--primary-400);-webkit-appearance:none}.sbsmartscroll-style::-webkit-scrollbar-thumb{background-color:var(--gray-400)}.sbsmartscroll-style::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .375rem rgba(var(--rc-rgba-black),0);background-color:var(--gray-0)}.heading{font-size:.875rem;line-height:1.375rem;font-weight:700;text-align:center;color:var(--gray-400);padding:1rem}.child-content-padding{padding:0}.sb-content__bar{margin:.5rem 0;background:var(--gray-0)}"]}]}],"members":{"accordianConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"accordionItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":18,"character":3},"arguments":["sbAccordionItem"]}]}],"tocData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"activeMimeTypeFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"noContentMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"contentStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"selectMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"selectAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"playBtnConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"platform":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"trackableDefaultImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"divs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["chapter",{"static":false}]}]}],"chapterContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":29,"character":3},"arguments":["chapterContainer"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"activeContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"recogniseCollection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"tocCardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"noContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"selectedItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"playButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setActiveContent":[{"__symbolic":"method"}],"filterChildren":[{"__symbolic":"method"}],"isShowContent":[{"__symbolic":"method"}],"onTocCardClick":[{"__symbolic":"method"}],"collapsedChangeHandler":[{"__symbolic":"method"}],"firstNonCollectionContent":[{"__symbolic":"method"}],"flattenDeep":[{"__symbolic":"method"}],"isExpanded":[{"__symbolic":"method"}],"isShowBody":[{"__symbolic":"method"}],"getRollup":[{"__symbolic":"method"}],"createUniqueId":[{"__symbolic":"method"}],"onItemSelect":[{"__symbolic":"method"}],"selectAllItems":[{"__symbolic":"method"}],"onPlayButtonClick":[{"__symbolic":"method"}],"isFlattenedType":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PlayerActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sb-player-actions","template":"<div class=\"d-flex flex-w-wrap content-video__player__tools\">\n  <div *ngFor=\"let item of actionButtons\">\n    <div [ngClass]=\"{'d-flex flex-ai-center content-video__player__screenpart' : item?.showSeperator}\">\n        <div class=\"separator\" *ngIf=\"item?.showSeperator\"></div>\n        <button class=\"sb-btn sb-btn-link sb-btn-link-gray sb-btn-sm sb-btn-square\"\n          [ngClass]=\"{'sb-btn-link-disabled': item?.isInActive}\" [disabled]=\"item?.isInActive\" [hidden]=\"item?.disabled \" (click)=\"onButtonClick($event, item)\" tabindex=\"0\">\n          <i class=\"icon-svg icon-svg--sm icon-back\">\n            <svg class=\"icon icon-svg--primary\">\n              <use [attr.xlink:href]=\"item?.iconPath\"></use>\n            </svg>\n          </i>\n          <span class=\"fxsmall\">{{item?.label}}</span>\n        </button>\n      </div>\n  </div>\n</div>","styles":[":host .content-video__player__screenpart{padding-left:0}:host .content-video__player__screenpart .separator{border-left:.03125rem solid var(--gray-100);height:2.5rem;width:.0625rem}[dir=ltr] :host .content-video__player__screenpart .separator,[dir=rtl] :host .content-video__player__screenpart .separator{margin:0 .5rem}:host .sb-btn-link-disabled,:host .sb-btn-link-disabled[disabled]{opacity:.5;cursor:initial;background:0 0;color:var(--gray-200);border:none}:host .sb-btn-link-disabled:hover,:host .sb-btn-link-disabled[disabled]:hover{background:0 0;color:var(--gray-200);border:0 solid var(--gray-100);cursor:default;opacity:.5}:host .sb-btn-link-disabled:focus,:host .sb-btn-link-disabled[disabled]:focus{outline:0;background:0 0}"]}]}],"members":{"actionButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"buttonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}]}},"LibraryFiltersModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LibraryFiltersComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"LibraryFiltersComponent"}]}]}],"members":{}},"CardsGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sb-cards-grid","template":"<div class=\"layout-library\" *ngIf=\"!isLoading\">\n    <div class=\"header\">\n        <div class=\"title\" role=\"heading\" aria-level=\"2\">\n            <i class=\"icon-svg icon-svg--sm\">\n                <svg class=\"icon\">\n                    <use xlink:href=\"assets/common-consumption/images/sprite.svg#book\"></use>\n                </svg>\n            </i>\n            {{title}}\n            <span class=\"badge\">{{contentList?.length}}</span>\n        </div>\n        <button class=\"sb-btn sb-btn-normal sb-btn-outline-secondary sb-btn-white\"\n            *ngIf=\"(type !== CardGridTypes.INFINITE_CARD_GRID) && maxCardCount && contentList?.length >maxCardCount\"\n            (click)=\"onViewMoreClick($event)\" tabindex=\"0\">\n            {{viewMoreButtonText}}\n        </button>\n    </div>\n\n\n    <div class=\"cards-container\"\n        *ngIf=\"type !== CardGridTypes.INFINITE_CARD_GRID\">\n        <div class=\"item\" [ngClass]=\"maxCardCount ? 'show-' + maxCardCount: ''\"\n            *ngFor=\"let content of contentList | slice:0:(maxCardCount ? maxCardCount : contentList?.length);let i=index\">\n            <sb-library-card [indexToDisplay]=\"i\" [layoutConfig]=\"layoutConfig\" *ngIf=\"cardType === 'textbook'\" (menuClick)=\"onMenuClick($event, content)\" [isMenu]=\"isMenu\" [content]=\"content\" [type]=\"LibraryCardTypes.DESKTOP_TEXTBOOK\"\n                (click)=\"onCardClick($event, content)\" tabindex=\"0\" [cardImg]=\"content?.cardImg\">\n            </sb-library-card>\n            <sb-course-card [course]=\"content\" (menuClick)=\"onMenuClick($event, content)\" [isMenu]=\"isMenu\" (click)=\"onCardClick($event, content)\" tabindex=\"0\" \n            [cardImg]=\"content?.cardImg\" [section]=\"content?.info_to_display\" \n            *ngIf=\"cardType === 'course'\"></sb-course-card>\n        </div>\n    </div>\n\n    <div class=\"cards-container\" *ngIf=\"type === CardGridTypes.INFINITE_CARD_GRID\">\n        <div class=\"item\" [ngClass]=\"maxCardCount ? 'show-' + maxCardCount: ''\" *ngFor=\"let content of contentList;let i=index\">\n            <sb-library-card [indexToDisplay]=\"i\" [layoutConfig]=\"layoutConfig\" *ngIf=\"cardType === 'textbook'\" [isMenu]=\"isMenu\" [content]=\"content\" [type]=\"LibraryCardTypes.DESKTOP_TEXTBOOK\"\n                (click)=\"onCardClick($event, content)\" tabindex=\"0\" (menuClick)=\"onMenuClick($event, content)\" [cardImg]=\"content?.cardImg\">\n            </sb-library-card>\n            <sb-course-card [isMenu]=\"isMenu\" [course]=\"content\" (click)=\"onCardClick($event, content)\" tabindex=\"0\" \n            [cardImg]=\"content?.cardImg\" (menuClick)=\"onMenuClick($event, content)\" [section]=\"content?.info_to_display\" \n            *ngIf=\"cardType === 'course'\"></sb-course-card>\n        </div>\n    </div>\n\n</div>\n\n<!--Loading Indicator for header-->\n<div class=\"layout-library\" *ngIf=\"isLoading\">\n<div class=\"header\" *ngIf=\"isLoading\">\n        <div class=\"loading-animation sb--card--highlighter\" style=\"width:100px;height:20px;\">\n                <i class=\"icon-svg icon-svg--sm\"></i>\n        </div>\n</div>\n<div class=\"cards-container\" *ngIf=\"maxCardCount > 0\">\n    <div class=\"item\" [ngClass]=\"maxCardCount ? 'show-' + maxCardCount: ''\"\n        *ngFor=\"let element of range(maxCardCount); let i=index\">\n        <sb-library-card [indexToDisplay]=\"i\" [layoutConfig]=\"layoutConfig\" [isLoading]=\"isLoading\" [type]=\"LibraryCardTypes.DESKTOP_TEXTBOOK\">\n        </sb-library-card>\n    </div>    \n</div>\n<div class=\"cards-container\" *ngIf=\"maxCardCount <= 0\">\n    <div class=\"item\"\n        *ngFor=\"let number of [0,1,2]\">\n        <sb-library-card [indexToDisplay]=\"number\" [isLoading]=\"isLoading\" [type]=\"LibraryCardTypes.DESKTOP_TEXTBOOK\">\n        </sb-library-card>\n    </div>\n</div>\n\n</div>\n","styles":["",".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-badge-bg:var(--rc-d4d3d3);--cc-badge-text:var(--gray-800);--cc-lb-card-grid-title:var(--primary-color)}:host .layout-library{display:flex;flex-direction:column}:host .header{display:flex;flex-direction:row;padding:0;align-items:center}[dir=ltr] :host .header,[dir=rtl] :host .header{margin:1.5rem 0 1rem}:host .header .title{font-family:inherit;text-overflow:ellipsis;overflow:hidden;flex:1;height:1.5rem;color:var(--cc-lb-card-grid-title);font-size:1.125rem;font-weight:700;text-transform:capitalize;line-height:1.625rem;display:flex;align-items:center}:host .header .title i{vertical-align:middle;height:1.0625rem;width:.875rem;top:0}[dir=ltr] :host .header .title i{margin-right:.5rem}[dir=rtl] :host .header .title i{margin-left:.5rem}:host .header .title .badge{display:inline-block;background:var(--cc-badge-bg);color:var(--cc-badge-text);text-align:center;padding:0 .75rem;border-radius:.25rem;height:1.5rem;line-height:1.5rem;font-size:1rem;font-weight:400}[dir=ltr] :host .header .title .badge{margin-left:.5rem}[dir=rtl] :host .header .title .badge{margin-right:.5rem}:host .cards-containers{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));grid-gap:1rem;grid-row-gap:1.5rem}:host .cards-containers--show-1{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 1.5),1fr))}:host .cards-containers--show-2{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 2.5),1fr))}:host .cards-containers--show-3{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 3.5),1fr))}:host .cards-containers--show-4{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 4.5),1fr))}:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 5.5),1fr))}:host .cards-container{display:flex;flex-direction:row;flex-wrap:wrap;margin:-1.5rem -.5rem 0}:host .cards-container .item{box-sizing:border-box;margin-top:1.5rem}[dir=ltr] :host .cards-container .item,[dir=rtl] :host .cards-container .item{padding:0 .5rem}@media (max-width:767px){:host .cards-container .item{margin-top:1rem}}:host .cards-container .item.show-1{max-width:100%}:host .cards-container .item.show-2{flex:0 0 50%;max-width:50%}:host .cards-container .item.show-3{flex:0 0 33.33%;max-width:33.33%}:host .cards-container .item.show-4{flex:0 0 25%;max-width:25%}:host .cards-container .item.show-5{flex:0 0 20%;max-width:20%}@media (max-width:991px){:host .cards-containers--show-3,:host .cards-containers--show-4,:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 2.5),1fr))}:host .cards-container .item.show-2,:host .cards-container .item.show-3,:host .cards-container .item.show-4,:host .cards-container .item.show-5{flex:0 0 50%;max-width:50%}}@media (max-width:575px){:host .cards-containers--show-2,:host .cards-containers--show-3,:host .cards-containers--show-4,:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 1.5),1fr))}:host .cards-container .item.show-2,:host .cards-container .item.show-3,:host .cards-container .item.show-4,:host .cards-container .item.show-5{flex:0 0 100%;max-width:100%}}@media (min-width:992px) and (max-width:1279px){:host .cards-containers--show-4,:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 3.5),1fr))}:host .cards-container .item.show-4,:host .cards-container .item.show-5{flex:0 0 33.33%;max-width:33.33%}}:host .view-all-info{position:absolute;right:0;margin-top:-1.5rem}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"contentList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"hoverData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"cardType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"layoutConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"maxCardCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"viewMoreButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"gridTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["hover-template"]}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"viewMoreClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"hoverActionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"onViewMoreClick":[{"__symbolic":"method"}],"onCardClick":[{"__symbolic":"method"}],"onMenuClick":[{"__symbolic":"method"}],"hoverActionClicked":[{"__symbolic":"method"}],"range":[{"__symbolic":"method"}]}},"CourseCardsHlistComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sb-course-cards-hlist","template":"<div class=\"layout-course\" *ngIf=\"!isLoading\">\n    <div class=\"header\">\n        <div class=\"title\">\n            {{title}}\n            <hr>\n        </div>\n        <button class=\"sb-btn sb-btn-normal sb-btn-outline-secondary sb-btn-white\"\n            *ngIf=\"contentList?.length > maxCardCount && viewMoreButtonPosition === ButtonPosition.TOP\"\n            (click)=\"onViewMoreClick($event)\" tabindex=\"0\">\n            {{viewMoreButtonText}}\n        </button>\n    </div>\n    <div class=\"sb--scrolling-wrapper-flexbox\" *ngIf=\"!multiRow\">\n      <div  *ngFor=\"let content of contentList | slice:0:(maxCardCount ? maxCardCount : contentList?.length); let index = index\" class=\"sb--card--container\">\n        <sb-course-card [course]=\"content\" (click)=\"onCardClick($event, content)\" tabindex=\"0\"  [cardImg]=\"content?.cardImg\" [section]=\"content?.info_to_display\" *ngIf=\"type === CourseCardGridTypes.COURSE_CARD_GRID\" [isMenu]=\"isMenu\"  (menuClick)=\"onCardMenuClick($event)\"></sb-course-card>\n        <sb-my-course-card [hideProgress]=\"hideProgress\" [course]=\"content\" tabindex=\"0\" (click)=\"onCardClick($event, content)\" [cardImg]=\"content?.cardImg\" [section]=\"content?.info_to_display\" *ngIf=\"type === CourseCardGridTypes.MY_COURSE_CARD_GRID\" [publishedByText]=\"publishedByText\"></sb-my-course-card>\n        <sb-my-course-card [hideProgress]=\"hideProgress\" [course]=\"content\" tabindex=\"0\" (click)=\"onCardClick($event, content)\" [cardImg]=\"content?.cardImg\" [section]=\"content?.info_to_display\" [type]=\"CourseCardTypes.RECENTLY_VIEWED\" *ngIf=\"type === CourseCardGridTypes.MY_COURSE_RECENTLY_VIEWED_CARD_GRID\" [publishedByText]=\"publishedByText\"></sb-my-course-card>\n        <sb-course-curiculum-card [cardData]=\"content\" [index]=\"index\" tabindex=\"0\" (click)=\"onCardClick($event, content)\" *ngIf=\"type === CourseCardGridTypes.CURICULUM_COURSE_CARD_GRID\"></sb-course-curiculum-card>\n      </div>\n      <div class=\"view-all\">\n        <button class=\"sb-btn sb-btn-normal sb-btn-outline-secondary sb-btn-white sb-btn-oval\" *ngIf=\"contentList?.length > maxCardCount && viewMoreButtonPosition === ButtonPosition.RIGHT\" (click)=\"onViewMoreClick($event)\">\n          {{viewMoreButtonText}}\n        </button>\n      </div>\n    </div>\n    <div class=\"sb--scrolling-wrapper-flexbox\" *ngIf=\"multiRow\">\n      <span *ngFor=\"let content of contentList | slice:0:(maxCardCount ? maxCardCount : contentList?.length); let index = index\">\n        <div *ngIf=\"index%2 == 0\"  class=\"sb--card--container\">\n            <sb-course-card class=\"sb--card--seperator\" *ngIf=\"contentList[index]!=null && type === CourseCardGridTypes.COURSE_CARD_GRID\" [course]=\"contentList[index]\" (click)=\"onCardClick($event, contentList[index])\"  [cardImg]=\"contentList[index]?.cardImg\" [section]=\"contentList[index]?.info_to_display\" [isMenu]=\"isMenu\"  (menuClick)=\"onCardMenuClick($event)\"></sb-course-card>\n            <sb-course-card class=\"sb--card--seperator\" *ngIf=\"index+1 < contentList.length && type === CourseCardGridTypes.COURSE_CARD_GRID\" [course]=\"contentList[index+1]\" (click)=\"onCardClick($event, contentList[index+1])\"  [cardImg]=\"contentList[index+1]?.cardImg\" [section]=\"contentList[index+1]?.info_to_display\"></sb-course-card>\n\n            <sb-my-course-card [hideProgress]=\"hideProgress\" class=\"sb--card--seperator\" *ngIf=\"contentList[index]!=null && type === CourseCardGridTypes.MY_COURSE_CARD_GRID\" [course]=\"contentList[index]\" (click)=\"onCardClick($event, contentList[index])\" [cardImg]=\"contentList[index]?.cardImg\" [section]=\"contentList[index]?.info_to_display\" [publishedByText]=\"publishedByText\"></sb-my-course-card>\n            <sb-my-course-card [hideProgress]=\"hideProgress\" class=\"sb--card--seperator\" *ngIf=\"index+1 < contentList.length && type === CourseCardGridTypes.MY_COURSE_CARD_GRID\" [course]=\"contentList[index+1]\" (click)=\"onCardClick($event, contentList[index+1])\" [cardImg]=\"contentList[index+1]?.cardImg\" [section]=\"contentList[index+1]?.info_to_display\" [publishedByText]=\"publishedByText\"></sb-my-course-card>\n            \n            <sb-my-course-card [hideProgress]=\"hideProgress\" class=\"sb--card--seperator\" *ngIf=\"contentList[index]!=null && type === CourseCardGridTypes.MY_COURSE_RECENTLY_VIEWED_CARD_GRID\" [course]=\"contentList[index]\" (click)=\"onCardClick($event, contentList[index])\" [cardImg]=\"contentList[index]?.cardImg\" [section]=\"contentList[index]?.info_to_display\" [type]=\"CourseCardTypes.RECENTLY_VIEWED\" [publishedByText]=\"publishedByText\"></sb-my-course-card>\n            <sb-my-course-card [hideProgress]=\"hideProgress\" class=\"sb--card--seperator\" *ngIf=\"index+1 < contentList.length && type === CourseCardGridTypes.MY_COURSE_RECENTLY_VIEWED_CARD_GRID\" [course]=\"contentList[index+1]\" (click)=\"onCardClick($event, contentList[index+1])\" [cardImg]=\"contentList[index+1]?.cardImg\" [section]=\"contentList[index+1]?.info_to_display\" [type]=\"CourseCardTypes.RECENTLY_VIEWED\" [publishedByText]=\"publishedByText\"></sb-my-course-card>\n        \n            <sb-course-curiculum-card class=\"sb--card--seperator\" [index]=\"index\" [cardData]=\"contentList[index]\" tabindex=\"0\" (click)=\"onCardClick($event, contentList[index])\" *ngIf=\"contentList[index]!=null && type === CourseCardGridTypes.CURICULUM_COURSE_CARD_GRID\"></sb-course-curiculum-card>\n            <sb-course-curiculum-card class=\"sb--card--seperator\" [index]=\"index+1\" [cardData]=\"contentList[index+1]\" tabindex=\"0\" (click)=\"onCardClick($event, contentList[index+1])\" *ngIf=\"index+1 < contentList.length && contentList[index+1]!=null && type === CourseCardGridTypes.CURICULUM_COURSE_CARD_GRID\"></sb-course-curiculum-card>\n       </div>\n      </span>\n      <div class=\"view-all\">\n        <button class=\"sb-btn sb-btn-normal sb-btn-outline-secondary sb-btn-white sb-btn-oval\" *ngIf=\"contentList?.length > maxCardCount && viewMoreButtonPosition === ButtonPosition.RIGHT\" (click)=\"onViewMoreClick($event)\">\n          {{viewMoreButtonText}}\n        </button>\n      </div>\n    </div>\n</div>\n<div class=\"layout-course\" *ngIf=\"isLoading\">\n    <div class=\"header\" style=\"width:120px;\">\n        <div class=\"title loading-animation sb--card--highlighter\">\n            \n        </div>\n    </div>\n    <div class=\"sb--scrolling-wrapper-flexbox\" *ngIf=\"maxCardCount > 0 && !multiRow\">\n        <div *ngFor=\"let content of range(maxCardCount); let i=index\" class=\"sb--card--container\">\n          <sb-course-card [isLoading]=\"isLoading\" *ngIf=\"type === CourseCardGridTypes.COURSE_CARD_GRID\"></sb-course-card>\n          <sb-my-course-card [hideProgress]=\"hideProgress\" [isLoading]=\"isLoading\" *ngIf=\"type === CourseCardGridTypes.MY_COURSE_CARD_GRID\"></sb-my-course-card>\n          <sb-my-course-card [hideProgress]=\"hideProgress\" [isLoading]=\"isLoading\" [type]=\"CourseCardTypes.RECENTLY_VIEWED\" *ngIf=\"type === CourseCardGridTypes.MY_COURSE_RECENTLY_VIEWED_CARD_GRID\"></sb-my-course-card>\n          <sb-course-curiculum-card [index]=\"i\" [isLoading]=\"isLoading\" *ngIf=\"type === CourseCardGridTypes.CURICULUM_COURSE_CARD_GRID\"></sb-course-curiculum-card>\n        </div>\n      </div>\n      <div class=\"sb--scrolling-wrapper-flexbox\" *ngIf=\"maxCardCount > 0 && multiRow\">\n          <div *ngFor=\"let content of range(maxCardCount); let i=index\" class=\"sb--card--container\">\n              <sb-course-card [isLoading]=\"isLoading\" *ngIf=\"type === CourseCardGridTypes.COURSE_CARD_GRID\"></sb-course-card>\n              <sb-course-card [isLoading]=\"isLoading\" *ngIf=\"type === CourseCardGridTypes.COURSE_CARD_GRID\"></sb-course-card>\n              <sb-my-course-card [hideProgress]=\"hideProgress\" [isLoading]=\"isLoading\" *ngIf=\"type === CourseCardGridTypes.MY_COURSE_CARD_GRID\"></sb-my-course-card>\n              <sb-my-course-card [hideProgress]=\"hideProgress\" [isLoading]=\"isLoading\" *ngIf=\"type === CourseCardGridTypes.MY_COURSE_CARD_GRID\"></sb-my-course-card>\n              <sb-my-course-card [hideProgress]=\"hideProgress\" [isLoading]=\"isLoading\" [type]=\"CourseCardTypes.RECENTLY_VIEWED\" *ngIf=\"type === CourseCardGridTypes.MY_COURSE_RECENTLY_VIEWED_CARD_GRID\"></sb-my-course-card>\n              <sb-my-course-card [hideProgress]=\"hideProgress\" [isLoading]=\"isLoading\" [type]=\"CourseCardTypes.RECENTLY_VIEWED\" *ngIf=\"type === CourseCardGridTypes.MY_COURSE_RECENTLY_VIEWED_CARD_GRID\"></sb-my-course-card>\n              <sb-course-curiculum-card [index]=\"i\" [isLoading]=\"isLoading\" *ngIf=\"type === CourseCardGridTypes.CURICULUM_COURSE_CARD_GRID\"></sb-course-curiculum-card>\n              <sb-course-curiculum-card [index]=\"i+1\" [isLoading]=\"isLoading\" *ngIf=\"type === CourseCardGridTypes.CURICULUM_COURSE_CARD_GRID\"></sb-course-curiculum-card>\n            </div>\n      </div>\n\n</div>","styles":[".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}:host .layout-library{display:flex;flex-direction:column}:host .sb--scrolling-wrapper-flexbox{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5em}:host .sb--card--container{flex:0 0 auto;width:17.5rem;margin:0 .5rem 0 0}html[dir=rtl] :host .sb--card--container{margin-right:inherit;margin-left:1rem}:host .header{display:flex;flex-direction:row;padding:0;align-items:center}[dir=ltr] :host .header,[dir=rtl] :host .header{margin:.7rem 0 .5rem}:host .header .title{font-family:inherit;text-overflow:ellipsis;overflow:hidden;flex:1;height:1.5rem;color:var(--secondary-color);font-size:1.125rem;font-weight:700;text-transform:capitalize;line-height:1.625rem;display:flex;align-items:center}:host .header .title hr{flex:1;margin-left:1rem;display:none}:host .sb-btn-oval{border-radius:50%;padding:0;height:80%;top:10%}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":4}}]}],"contentList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":4}}]}],"maxCardCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":4}}]}],"viewMoreButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":4}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":4}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":4}}]}],"multiRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":4}}]}],"hideProgress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":4}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"viewMoreButtonPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"publishedByText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"viewMoreClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":4}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":4}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onViewMoreClick":[{"__symbolic":"method"}],"onCardClick":[{"__symbolic":"method"}],"range":[{"__symbolic":"method"}],"onCardMenuClick":[{"__symbolic":"method"}]}},"InAppNotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sb-in-app-notification","template":"<div class=\"sb-notification-container\">\n  <div class=\"sb-notification-header\">\n    <div class=\"title\" *ngIf=\"inAppNotificationConfig?.title\">{{inAppNotificationConfig?.title}}</div>\n    <div class=\"sub-title\" *ngIf=\"inAppNotificationConfig?.subTitle\">{{inAppNotificationConfig?.subTitle}}</div>\n  </div>\n  <div class=\"clear-text\" *ngIf=\"inAppNotificationConfig.clearText\">\n    <p (click)=\"clearAllNotifications($event)\" tabindex=\"0\">{{inAppNotificationConfig.clearText}}</p>\n  </div>\n  <div class=\"sb-notification-list-items\">\n    <div *ngFor=\"let notification of notificationList | slice:0:displayItemCount; let i=index\" >\n      <sb-notification-card [notification]=\"notification\" (notificationClick)=\"notificationClickHandler($event)\"\n      (deleteNotificationClick)=\"deleteNotificationHandler($event)\"></sb-notification-card>\n    </div>\n  </div>\n  <ng-container *ngIf=\"inAppNotificationConfig?.minNotificationViewCount < this.notificationList?.length\">\n    <div class=\"text-center more-text mt-16\" *ngIf=\"displayItemCount < this.notificationList?.length\">\n      <p (click)=\"onShowMore()\" tabindex=\"0\">{{inAppNotificationConfig?.moreText}}</p>\n    </div>\n    <div class=\"text-center more-text mt-16\" *ngIf=\"displayItemCount === this.notificationList?.length\">\n      <p (click)=\"onShowLess()\" tabindex=\"0\">{{inAppNotificationConfig?.lessText}}</p>\n    </div>\n  </ng-container>\n</div>","styles":[":host .sb-notification-container .sb-notification-header{color:var(--gray)}:host .sb-notification-container .sb-notification-header .title{font-size:1rem;font-weight:700;margin-bottom:.25rem}:host .sb-notification-container .sb-notification-header .sub-title{font-size:.75rem;margin-bottom:1rem}:host .sb-notification-container .sb-notification-list-items{max-height:calc(100vh - 275px);overflow-y:auto}:host .sb-notification-container .clear-text p{color:var(--danger-color);font-size:.875rem;position:absolute;right:1.5rem;top:1.5rem;text-decoration:none}html[dir=rtl] :host .sb-notification-container .clear-text p{right:auto;left:1.5rem}:host .sb-notification-container .more-text p{font-size:.75rem;font-weight:700;cursor:pointer;color:var(--primary-400)}"]}]}],"members":{"notificationList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"inAppNotificationConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"notificationClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"deleteNotificationClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"clearAllClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"showMore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"showLess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"notificationClickHandler":[{"__symbolic":"method"}],"deleteNotificationHandler":[{"__symbolic":"method"}],"clearAllNotifications":[{"__symbolic":"method"}],"onShowMore":[{"__symbolic":"method"}],"onShowLess":[{"__symbolic":"method"}]}},"LibraryCardsGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sb-library-cards-grid","template":"<div class=\"layout-library\" *ngIf=\"!isLoading\">\n    <div class=\"header\">\n        <div class=\"title\" role=\"heading\" aria-level=\"2\">\n            <i class=\"icon-svg icon-svg--sm\">\n                <svg class=\"icon\">\n                    <use xlink:href=\"assets/common-consumption/images/sprite.svg#book\"></use>\n                </svg>\n            </i>\n            {{title}}\n            <span class=\"badge\">{{contentList?.length}}</span>\n        </div>\n        <button class=\"sb-btn sb-btn-normal sb-btn-outline-secondary sb-btn-white\"\n            *ngIf=\"(type !== LibraryCardGridTypes.INFINITE_CARD_GRID && type !== LibraryCardGridTypes.INFINITE_CARD_GRID_WITH_HOVER) && maxCardCount && contentList?.length >maxCardCount\"\n            (click)=\"onViewMoreClick($event)\" tabindex=\"0\">\n            {{viewMoreButtonText}}\n        </button>\n    </div>\n\n\n    <div class=\"cards-container\"\n        *ngIf=\"type !== LibraryCardGridTypes.INFINITE_CARD_GRID && type !== LibraryCardGridTypes.INFINITE_CARD_GRID_WITH_HOVER\">\n        <div class=\"item\" [ngClass]=\"maxCardCount ? 'show-' + maxCardCount: ''\"\n            *ngFor=\"let content of contentList | slice:0:(maxCardCount ? maxCardCount : contentList?.length)let i=index\">\n            <sb-library-card [indexToDisplay]=\"i\" [layoutConfig]=\"layoutConfig\" [content]=\"content\" [type]=\"LibraryCardTypes.DESKTOP_TEXTBOOK\"\n                (click)=\"onCardClick($event, content)\" (keydown.enter)=\"onEnterKeyPress($event, content)\" [cardImg]=\"content?.cardImg\">\n            </sb-library-card>\n        </div>\n    </div>\n\n    <div class=\"cards-container\" *ngIf=\"type === LibraryCardGridTypes.INFINITE_CARD_GRID\">\n        <button *ngIf=\"maxCardCount && viewMore && contentList?.length >maxCardCount\" class=\"view-all-info sb-btn sb-btn-normal sb-btn-outline-secondary sb-btn-white\"\n            (click)=\"onViewMoreClick($event)\" tabindex=\"0\">{{viewMoreButtonText}}</button>\n        <div class=\"item\"  [ngClass]=\"maxCardCount ? 'show-' + maxCardCount: ''\" *ngFor=\"let content of contentList;let i=index\">\n            <sb-library-card [indexToDisplay]=\"i\" [layoutConfig]=\"layoutConfig\" [content]=\"content\" [type]=\"LibraryCardTypes.DESKTOP_TEXTBOOK\"\n                [isMenu]=\"isMenu\" (click)=\"onCardClick($event, content)\" (keydown.enter)=\"onEnterKeyPress($event, content)\" [cardImg]=\"content?.cardImg\" (menuClick)=\"onCardMenuClick($event)\">\n            </sb-library-card>\n        </div>\n    </div>\n\n    <div class=\"cards-container\" *ngIf=\"type === LibraryCardGridTypes.INFINITE_CARD_GRID_WITH_HOVER\">\n        <div class=\"item\" [ngClass]=\"maxCardCount ? 'show-' + maxCardCount: ''\"\n            *ngFor=\"let content of contentList; let index = index\">\n            <sb-library-card [indexToDisplay]=\"index\" [layoutConfig]=\"layoutConfig\" [content]=\"content\" [type]=\"LibraryCardTypes.DESKTOP_TEXTBOOK\"\n                (click)=\"onCardClick($event, content)\" [cardImg]=\"content?.cardImg\" [hover-template]=\"hoverTemplate\">\n\n                <ng-template #hoverTemplate let-hoverData=\"hoverData\">\n                    <sb-card-hover class=\"card-hover\" [hoverData]=\"hoverData\" [content]=\"content\"\n                        (hoverActionClick)=\"hoverActionClicked($event)\">\n                    </sb-card-hover>\n                </ng-template>\n            </sb-library-card>\n        </div>\n    </div>\n</div>\n\n<!--Loading Indicator for header-->\n<div class=\"layout-library\" *ngIf=\"isLoading\">\n<div class=\"header\" *ngIf=\"isLoading\">\n        <div class=\"loading-animation sb--card--highlighter\" style=\"width:100px;height:20px;\">\n                <i class=\"icon-svg icon-svg--sm\"></i>\n        </div>\n</div>\n<div class=\"cards-container\" *ngIf=\"maxCardCount > 0\">\n    <div class=\"item\" [ngClass]=\"maxCardCount ? 'show-' + maxCardCount: ''\"\n        *ngFor=\"let element of range(maxCardCount); let i=index\">\n        <sb-library-card [layoutConfig]=\"layoutConfig\" [isLoading]=\"isLoading\" [type]=\"LibraryCardTypes.DESKTOP_TEXTBOOK\">\n        </sb-library-card>\n    </div>    \n</div>\n<div class=\"cards-container\" *ngIf=\"maxCardCount <= 0\">\n    <div class=\"item\"\n        *ngFor=\"let number of [0,1,2]\">\n        <sb-library-card [layoutConfig]=\"layoutConfig\" [isLoading]=\"isLoading\" [type]=\"LibraryCardTypes.DESKTOP_TEXTBOOK\">\n        </sb-library-card>\n    </div>\n</div>\n\n</div>\n","styles":[".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-badge-bg:var(--rc-d4d3d3);--cc-badge-text:var(--gray-800);--cc-lb-card-grid-title:var(--primary-color)}:host .layout-library{display:flex;flex-direction:column}:host .header{display:flex;flex-direction:row;padding:0;align-items:center}[dir=ltr] :host .header,[dir=rtl] :host .header{margin:1.5rem 0 1rem}:host .header .title{font-family:inherit;text-overflow:ellipsis;overflow:hidden;flex:1;height:1.5rem;color:var(--cc-lb-card-grid-title);font-size:1.125rem;font-weight:700;text-transform:capitalize;line-height:1.625rem;display:flex;align-items:center}:host .header .title i{vertical-align:middle;height:1.0625rem;width:.875rem;top:0}[dir=ltr] :host .header .title i{margin-right:.5rem}[dir=rtl] :host .header .title i{margin-left:.5rem}:host .header .title .badge{display:inline-block;background:var(--cc-badge-bg);color:var(--cc-badge-text);text-align:center;padding:0 .75rem;border-radius:.25rem;height:1.5rem;line-height:1.5rem;font-size:1rem;font-weight:400}[dir=ltr] :host .header .title .badge{margin-left:.5rem}[dir=rtl] :host .header .title .badge{margin-right:.5rem}:host .cards-containers{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));grid-gap:1rem;grid-row-gap:1.5rem}:host .cards-containers--show-1{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 1.5),1fr))}:host .cards-containers--show-2{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 2.5),1fr))}:host .cards-containers--show-3{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 3.5),1fr))}:host .cards-containers--show-4{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 4.5),1fr))}:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 5.5),1fr))}:host .cards-container{display:flex;flex-direction:row;flex-wrap:wrap;margin:-1.5rem -.5rem 0}:host .cards-container .item{box-sizing:border-box;margin-top:1.5rem}[dir=ltr] :host .cards-container .item,[dir=rtl] :host .cards-container .item{padding:0 .5rem}@media (max-width:767px){:host .cards-container .item{margin-top:1rem}}:host .cards-container .item.show-1{max-width:100%}:host .cards-container .item.show-2{flex:0 0 50%;max-width:50%}:host .cards-container .item.show-3{flex:0 0 33.33%;max-width:33.33%}:host .cards-container .item.show-4{flex:0 0 25%;max-width:25%}:host .cards-container .item.show-5{flex:0 0 20%;max-width:20%}@media (max-width:991px){:host .cards-containers--show-3,:host .cards-containers--show-4,:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 2.5),1fr))}:host .cards-container .item.show-2,:host .cards-container .item.show-3,:host .cards-container .item.show-4,:host .cards-container .item.show-5{flex:0 0 50%;max-width:50%}}@media (max-width:575px){:host .cards-containers--show-2,:host .cards-containers--show-3,:host .cards-containers--show-4,:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 1.5),1fr))}:host .cards-container .item.show-2,:host .cards-container .item.show-3,:host .cards-container .item.show-4,:host .cards-container .item.show-5{flex:0 0 100%;max-width:100%}}@media (min-width:992px) and (max-width:1279px){:host .cards-containers--show-4,:host .cards-containers--show-5{grid-template-columns:repeat(auto-fill,minmax(calc(100% / 3.5),1fr))}:host .cards-container .item.show-4,:host .cards-container .item.show-5{flex:0 0 33.33%;max-width:33.33%}}:host .view-all-info{position:absolute;right:0;margin-top:-1.5rem}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"contentList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"hoverData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"layoutConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"maxCardCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"viewMoreButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"gridTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5},"arguments":["hover-template"]}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"viewMore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"viewMoreClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":5}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"hoverActionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":5}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":5}}]}],"enterKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":5}}]}],"onViewMoreClick":[{"__symbolic":"method"}],"onCardClick":[{"__symbolic":"method"}],"onEnterKeyPress":[{"__symbolic":"method"}],"hoverActionClicked":[{"__symbolic":"method"}],"range":[{"__symbolic":"method"}],"onCardMenuClick":[{"__symbolic":"method"}]}},"LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LibraryCardsStackComponent"},{"__symbolic":"reference","name":"LibraryCardsGridComponent"},{"__symbolic":"reference","name":"CourseCardsHlistComponent"},{"__symbolic":"reference","name":"MemberListComponent"},{"__symbolic":"reference","name":"CardsGridComponent"},{"__symbolic":"reference","name":"InAppNotificationComponent"},{"__symbolic":"reference","name":"LibraryCardsHlistComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":4},{"__symbolic":"reference","name":"CardModule"}],"exports":[{"__symbolic":"reference","name":"LibraryCardsStackComponent"},{"__symbolic":"reference","name":"LibraryCardsGridComponent"},{"__symbolic":"reference","name":"CourseCardsHlistComponent"},{"__symbolic":"reference","name":"MemberListComponent"},{"__symbolic":"reference","name":"CardsGridComponent"},{"__symbolic":"reference","name":"InAppNotificationComponent"},{"__symbolic":"reference","name":"LibraryCardsHlistComponent"}]}]}],"members":{}},"LibraryCardsHlistComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sb-library-cards-hlist","template":"<div class=\"layout-course\" *ngIf=\"!isLoading\">\n    <div class=\"header\">\n        <div class=\"title\"> {{title}} <hr> </div>\n        <button class=\"sb-btn sb-btn-normal sb-btn-outline-secondary sb-btn-white\" *ngIf=\"contentList?.length > maxCardCount && viewMoreButtonPosition === ButtonPosition.TOP\" (click)=\"onViewMoreClick($event)\" tabindex=\"0\">\n            {{viewMoreButtonText}}\n        </button>\n    </div>\n\n    <div class=\"sb--scrolling-wrapper-flexbox\" *ngIf=\"!multiRow\">\n        <div *ngFor=\"let content of contentList | slice:0:(maxCardCount ? maxCardCount : contentList?.length); let index = index\" class=\"sb--card--container\">\n            <sb-library-card [indexToDisplay]=\"index\" [layoutConfig]=\"layoutConfig\" [content]=\"content\" [type]=\"type\" [isMobile]=\"isMobile\" [isOffline]=\"(isOffline && !content.isAvailableLocally)\" [moreInfoLabel]=\"moreInfoLabel\" [section]=\"section\" [btnlabel]=\"btnlabel\" [btnicon]=\"btnicon\" [isMenu]=\"isMenu\" [isSelected]=\"isSelected\" (cardClick)=\"onCardClick($event, index)\" (menuClick)=\"onMenuClick($event)\" [cardImg]=\"content?.cardImg || content?.contentData?.cardImg\"></sb-library-card>\n        </div>\n        <div class=\"view-all\">\n            <button class=\"sb-btn sb-btn-normal sb-btn-outline-secondary sb-btn-white sb-btn-oval\" *ngIf=\"contentList?.length > maxCardCount && viewMoreButtonPosition === ButtonPosition.RIGHT\" (click)=\"onViewMoreClick($event)\" tabindex=\"0\">\n                {{viewMoreButtonText}}\n            </button>\n        </div>\n    </div>\n    \n    <div class=\"sb--scrolling-wrapper-flexbox\" *ngIf=\"multiRow\">\n        <span *ngFor=\"let content of contentList | slice:0:(maxCardCount ? maxCardCount : contentList?.length); let index = index\">\n            <div *ngIf=\"index%2 == 0\" class=\"sb--card--container\">\n                <sb-library-card class=\"sb--card--seperator\" *ngIf=\"contentList[index]!=null\" [indexToDisplay]=\"index\" [layoutConfig]=\"layoutConfig\" [content]=\"contentList[index]\" [type]=\"type\" [isMobile]=\"isMobile\" [isOffline]=\"isOffline && !content.isAvailableLocally\" [moreInfoLabel]=\"moreInfoLabel\" [section]=\"section\" [btnlabel]=\"btnlabel\" [btnicon]=\"btnicon\" [isMenu]=\"isMenu\" [isSelected]=\"isSelected\" (cardClick)=\"onCardClick($event, index)\" (menuClick)=\"onMenuClick($event)\" [cardImg]=\"contentList[index]?.cardImg || contentList[index]?.contentData?.cardImg\"></sb-library-card>\n                <sb-library-card class=\"sb--card--seperator\" *ngIf=\"index+1 < contentList.length\" [indexToDisplay]=\"index+1\" [layoutConfig]=\"layoutConfig\" [content]=\"contentList[index+1]\" [type]=\"type\" [isMobile]=\"isMobile\" [isOffline]=\"isOffline && !content.isAvailableLocally\" [moreInfoLabel]=\"moreInfoLabel\" [section]=\"section\" [btnlabel]=\"btnlabel\" [btnicon]=\"btnicon\" [isMenu]=\"isMenu\" [isSelected]=\"isSelected\" (cardClick)=\"onCardClick($event, index+1)\" (menuClick)=\"onMenuClick($event)\" [cardImg]=\"contentList[index+1]?.cardImg || contentList[index+1]?.contentData?.cardImg\"></sb-library-card>\n            </div>\n        </span>\n        <div class=\"view-all\">\n            <button class=\"sb-btn sb-btn-normal sb-btn-outline-secondary sb-btn-white sb-btn-oval\" *ngIf=\"contentList?.length > maxCardCount && viewMoreButtonPosition === ButtonPosition.RIGHT\" (click)=\"onViewMoreClick($event)\" tabindex=\"0\">\n                {{viewMoreButtonText}}\n            </button>\n        </div>\n    </div>\n</div>\n\n<div class=\"layout-course\" *ngIf=\"isLoading\">\n    <div class=\"header\" style=\"width:120px;\">\n        <div class=\"title loading-animation sb--card--highlighter\"></div>\n    </div>\n\n    <div class=\"sb--scrolling-wrapper-flexbox\" *ngIf=\"maxCardCount > 0 && !multiRow\">\n        <div *ngFor=\"let content of range(maxCardCount); let index=index\" class=\"sb--card--container\">\n            <sb-library-card [indexToDisplay]=\"index\" [isLoading]=\"isLoading\" [type]=\"type\"></sb-library-card>\n        </div>\n    </div>\n\n    <div class=\"sb--scrolling-wrapper-flexbox\" *ngIf=\"maxCardCount > 0 && multiRow\">\n        <div *ngFor=\"let content of range(maxCardCount); let index=index\" class=\"sb--card--container\">\n            <sb-library-card [indexToDisplay]=\"index\" [isLoading]=\"isLoading\" [type]=\"type\"></sb-library-card>\n            <sb-library-card [indexToDisplay]=\"index\" [isLoading]=\"isLoading\" [type]=\"type\"></sb-library-card>\n        </div>\n    </div>\n\n</div>\n","styles":[".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-lb-card-hlist-title:var(--black)}:host .layout-library{display:flex;flex-direction:column}:host .sb--scrolling-wrapper-flexbox{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5em}:host .sb--card--container{flex:0 0 auto;width:17.5rem;margin:0 .5rem 0 0}html[dir=rtl] :host .sb--card--container{margin-right:inherit;margin-left:1rem}:host .header{display:flex;flex-direction:row;padding:0;align-items:center}[dir=ltr] :host .header,[dir=rtl] :host .header{margin:.7rem 0 .5rem}:host .header .title{font-family:inherit;text-overflow:ellipsis;overflow:hidden;flex:1;height:1.5rem;color:var(--cc-lb-card-hlist-title);font-size:1.125rem;font-weight:700;text-transform:capitalize;line-height:1.625rem;display:flex;align-items:center}:host .header .title hr{flex:1;margin-left:1rem;display:none}:host .sb-btn-oval{border-radius:50%;padding:0;height:80%;top:10%}"]}]}],"members":{"contentList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"viewMoreButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"maxCardCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"layoutConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"multiRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"isMobile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"isOffline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"moreInfoLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"section":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"gridTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5},"arguments":["hover-template"]}]}],"btnlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"btnicon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"indexToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"viewMoreButtonPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"viewMoreClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":5}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":5}}]}],"onViewMoreClick":[{"__symbolic":"method"}],"onCardClick":[{"__symbolic":"method"}],"onMenuClick":[{"__symbolic":"method"}],"range":[{"__symbolic":"method"}]}},"LibraryCardsStackComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sb-library-cards-stack","template":"<div class=\"card-list-container\">\n\n    <div class=\"header\" *ngIf=\"!isLoading && title\">\n        <div class=\"title\">\n            <i class=\"icon-svg icon-svg--sm\">\n                <svg class=\"icon\">\n                    <use xlink:href=\"assets/common-consumption/images/sprite.svg#book\"></use>\n                </svg>\n            </i>\n            {{title}}\n        </div>\n    </div>\n\n    <!--Loading Indicator for header-->\n    <div class=\"header\" *ngIf=\"isLoading\">\n            <div class=\"loading-animation sb--card--highlighter\" style=\"width:100px;height:20px;\">\n                    <i class=\"icon-svg icon-svg--sm\"></i>\n            </div>\n    </div>\n\n    <div class=\"body\">\n        <ng-container *ngIf=\"cardType==='textbook' || layoutConfig\">\n            <sb-library-card\n                *ngFor=\"let content of contentList | slice:0:(maxCardCount ? maxCardCount : contentList?.length); let i= index\" [isOffline]=\"!content?.isAvailableLocally && isOffline\"\n                [content]=\"content\" [type]=\"LibraryCardTypes.MOBILE_TEXTBOOK\" [isLoading]=\"isLoading\" (cardClick)=\"emitCardClick($event, i)\" [cardImg]=\"content?.cardImg || defaultImage\"\n                (menuClick)=\"emitMenuClick($event)\" [isMenu]=\"isMenu\" [layoutConfig]=\"layoutConfig\">\n            </sb-library-card>\n            <button *ngIf=\"maxCardCount && contentList?.length >maxCardCount\" class=\"sbbtn flat stack-btn full-width\"\n                (click)=\"showAllList($event)\" tabindex=\"0\">{{viewMoreButtonText}}</button>\n        </ng-container>\n        <ng-container *ngIf=\"cardType==='course' && !layoutConfig\">\n            <sb-course-card *ngFor=\"let content of contentList | slice:0:(maxCardCount ? maxCardCount : contentList?.length); let i= index\"\n                [section]=\"null\" [course]=\"content\" [cardImg]=\"content?.cardImg\" (cardClick)=\"emitCardClick($event, i)\" [isMenu]=\"isMenu\"\n                (menuClick)=\"emitMenuClick($event)\">\n            </sb-course-card>\n            <button *ngIf=\"maxCardCount && contentList?.length >maxCardCount\" class=\"sbbtn flat stack-btn full-width\"\n                (click)=\"showAllList($event)\" tabindex=\"0\">{{viewMoreButtonText}}</button>\n        </ng-container>\n    </div>\n\n</div>","styles":[".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-lb-card-stack-title:var(--primary-color);--cc-lb-card-stack-btn-bg:var(--primary-100);--cc-lb-card-stack-btn-text:var(--primary-color)}:host .header{display:flex;flex-direction:row;padding:.5rem 0;margin-bottom:.5rem}:host .header .title{font-size:1.125rem;line-height:1.625rem;font-weight:700;color:var(--cc-lb-card-stack-title);text-overflow:ellipsis;text-transform:capitalize;overflow:hidden;flex:1;display:flex;align-items:center}:host .header .title i{vertical-align:middle;height:1.0625rem;width:.875rem;top:0}[dir=ltr] :host .header .title i{margin-right:.5rem}[dir=rtl] :host .header .title i{margin-left:.5rem}:host .body{box-shadow:0 .125rem .4375rem 0 rgba(var(--rc-rgba-black),.16)}:host .stack-btn{background-color:var(--cc-lb-card-stack-btn-bg);padding:1rem;color:var(--cc-lb-card-stack-btn-text);font-weight:700;border-style:none;text-transform:uppercase;vertical-align:middle;line-height:1;width:100%}@media (max-width:768px){:host .sb--card{margin-top:.0625rem}:host .sb--card:last-child{box-shadow:none}}"]}]}],"members":{"contentList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"isOffline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"viewMoreButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"maxCardCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"layoutConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"cardType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"defaultImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"viewMoreClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":5}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":5}}]}],"showAllList":[{"__symbolic":"method"}],"emitCardClick":[{"__symbolic":"method"}],"emitMenuClick":[{"__symbolic":"method"}]}},"MemberListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-member-list","template":"<div class=\"members-list\" *ngIf=\"layoutConfig.view == 'horizontal'\">\n  <span *ngFor=\"let member of memberList;let index = index\">\n      <sb-member-card [title]=\"member.title\" [initial]=\"member.initial\" [isAdmin]=\"member.isAdmin\" \n      [isMenu]=\"isMenu\" [progressDisplay]=\"member.progressDisplay\" [selected]=\"member.selected\" [cardImg]=\"cardImg\" [config]=\"layoutConfig\" [identifier]=\"member.id\" [indexOfMember]=\"index\" (cardClick)=\"onCardClick($event, member)\" (menuClick)=\"onMenuClick($event, member)\">\n      </sb-member-card>\n  </span>\n</div>\n<div class=\"members-inline\" *ngIf=\"layoutConfig.view == 'vertical'\">\n    <span *ngFor=\"let member of memberList;let index = index\">\n      <sb-member-card [title]=\"member.title\" [initial]=\"member.initial\" [isAdmin]=\"member.isAdmin\" \n        [isMenu]=\"isMenu\" [progressDisplay]=\"member.progressDisplay\" [cardImg]=\"cardImg\" [config]=\"layoutConfig\" [identifier]=\"member.id\" [indexOfMember]=\"index\" (cardClick)=\"onCardClick($event, member)\" (menuClick)=\"onMenuClick($event, member)\">\n      </sb-member-card>\n    </span>\n</div>\n","styles":[".members-list{width:100%;background-color:var(--white)}.members-inline{display:flex;flex-wrap:wrap}"]}]}],"members":{"memberList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"cardImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"layoutConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onCardClick":[{"__symbolic":"method"}],"onMenuClick":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sb-library-card-v4","template":"<!-- card component -->\n<div class=\"sb--card sb--card--theme2\" tabindex=\"0\"\n  [ngClass]=\"{'sb--card--recently-viewed': type === LibraryCardTypes.RECENTLY_VIEWED, 'offline': isOffline, 'selected': isSelected}\"\n  (click)=\"onClick($event)\" (keydown.enter)=\"onEnterKeyPress($event)\" *ngIf=\"!isLoading\">\n  <div class=\"sb--card__main-area\">\n    <!-- card img -->\n    <div [ngClass]=\"getClassForImage()\">\n      <div class=\"img-container\">\n        <img [src]=\"cardImg\" alt=\"\">\n      </div>\n    </div>\n    <!-- card type -->\n    <div class=\"sb--card__type\" *ngIf=\"content?.contentType\">{{content?.contentType}}</div>\n  </div>\n\n  <!-- card mobile view details -->\n  <div class=\"sb--card__info\">\n    <div class=\"sb--card__meta\">\n      <div class=\"sb__ellipsis sb__ellipsis--two text-left flex-basis-1 title-info\" title=\"{{content?.name}}\">\n        <bdi>{{content?.name}}</bdi></div>\n    </div>\n    <div class=\"subject-info\" *ngIf=\"displaySubject?.length\">\n      Subject : \n      <app-truncated-ellipsis class=\"d-inline-block\"\n        [arrayList]= \"displaySubject\"\n        [showCount]=\"1\"\n        [separatorText]=\"', '\">\n      </app-truncated-ellipsis></div>\n    <div class=\"sb--card__meta1 text-left\">\n      <ng-container *ngIf=\"content?.se_boards && content?.se_boards.length > 0\">\n        <span class=\"data_1 mr-8\" title=\"{{content?.se_boards[0]}}\">\n          <app-truncated-ellipsis \n            [arrayList]= \"se_boards\"\n            [showCount]=\"1\"\n            [separatorText]=\"', '\">\n          </app-truncated-ellipsis>\n        </span>\n      </ng-container>\n      <ng-container *ngIf=\"content?.se_mediums && content?.se_mediums.length > 0\">\n        <span class=\"data_2\" title=\"{{content?.se_mediums[0]}}\">\n          <app-truncated-ellipsis \n            [arrayList]= \"se_mediums\"\n            [showCount]=\"1\"\n            [separatorText]=\"', '\">\n          </app-truncated-ellipsis>\n        </span>\n      </ng-container>\n      <ng-container *ngIf=\"content?.se_gradeLevels && content?.se_gradeLevels.length > 0\">\n        <span class=\"data_3\" title=\"{{content?.se_gradeLevels[0]}}\">\n          <app-truncated-ellipsis \n            [arrayList]= \"se_gradeLevels\"\n            [showCount]=\"1\"\n            [separatorText]=\"', '\">\n          </app-truncated-ellipsis>\n        </span>\n      </ng-container>\n    </div>\n    <div class=\"subject-info text-info\" *ngIf=\"content?.creator\">Published by : {{content?.creator}}</div>\n  </div>\n\n<div class=\"sb--card sb--card--theme2\" *ngIf=\"isLoading\">\n  <!-- card img -->\n  <div class=\"sb--card__main-area\">\n    <div [ngClass]=\"getClassForImage()\">\n      <div class=\"img-container loading-animation\">\n        <img [src]=\"cardImg\" alt=\"\">\n      </div>\n    </div>\n    <div class=\"sb--card__svg-area loading-animation\">\n    </div>\n  </div>\n  <!-- card mobile view details -->\n  <div class=\"sb--card__info\">\n    <h4 class=\"sb--card__title loading-animation sb--card--highlighter\" style=\"width:50%;\"></h4>\n    <div class=\"sb--card__meta text-left\">\n      <span class=\"data_1 ellipsis loading-animation sb--card--highlighter\"></span>\n    </div>\n  </div>\n  <div class=\"sb--card__moreinfo\" style=\"display:block;\"\n    *ngIf=\"type === LibraryCardTypes.DESKTOP_TEXTBOOK || type === LibraryCardTypes.QRCODE_RESULT || type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n    <div class=\"sb--card__meta2 text-left\" style=\"float:left;width:60%\">\n      <div class=\"label loading-animation sb--card--highlighter\" style=\"width:80%;\"></div>\n      <div class=\"value loading-animation sb--card--highlighter\" style=\"width:60%;\"></div>\n    </div>\n    <div class=\"sb--card__tags\" style=\"float:right;width:30%;margin-top: 15px;\">\n      <div class=\"label loading-animation sb--card--highlighter\" style=\"width:80%;\"></div>\n    </div>\n    <div style=\"clear:both;\"></div>\n  </div>\n  <div *ngIf=\"type === LibraryCardTypes.PORTAL_QRCODE_FLATRESULT\">\n    <div>\n      <div class=\"label loading-animation sb--card--highlighter\" style=\"width:100%;\"></div>\n    </div>\n  </div>\n\n</div>\n","styles":["::ng-deep :root{--cc-sbcard-org-text:var(--balck);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-img-br:var(--white);--sbt-pill-hs:212,100%;--cc-sbcard-data2-bg:hsl(var(--sbt-pill-hs), 90%);--cc-sbcard-data2-bg-active:var(--gray-800);--cc-sbcard-data1-bg:#E0F5EA;--cc-sbcard-data1-bg-active:var(--gray-800);--cc-sbcard-moreinfo-bg:none;--cc-sbcard-type-bg:var(--black);--cc-sbcard-type-text:var(--white);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card__img .img-container{overflow:hidden;border-radius:.5rem}:host .sb--card__img .img-container img{max-width:100%;min-height:100%;width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}:host .sb--card__org{color:var(--cc-sbcard-org-text)!important}:host .sb--card__image-pos{position:absolute;top:0;right:1rem;z-index:1000}html[dir=rtl] :host .sb--card__image-pos{left:1rem;right:inherit}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:.25rem;background-color:var(--cc-sbcard-selected-bg)}:host .title-info{font-size:16px;font-family:\"Noto Sans\";letter-spacing:0;line-height:20px;font-weight:700}:host .subject-info{height:auto;width:auto;color:#333;font-family:\"Noto Sans\";font-size:13px;letter-spacing:0;line-height:20px;margin-top:10px}:host .text-info{padding:0 5px 1rem 0;margin-top:5px}:host .sb--card.sb--card--theme2{border-radius:1.5rem;overflow:hidden;width:95vw;margin-left:10px;margin-top:.6875rem;box-shadow:5px 5px 2px 0 rgba(0,0,0,.1)!important}:host .sb--card.sb--card--theme2 .sb--card__main-area{margin:1rem 0 .5rem;height:auto;position:relative}:host .sb--card.sb--card--theme2 .sb--card__main-area .sb--card__type{margin-top:3px;height:1.4rem;width:auto;color:#fff;font-family:\"Noto Sans\";font-size:11px;letter-spacing:0;line-height:20px;text-align:center;padding-left:10px;margin-left:0;text-transform:uppercase;background-color:#000}:host .sb--card.sb--card--theme2 .sb--card__main-area .sb--card__type::before{border-color:var(--black) var(--black) var(--black) transparent;position:absolute;right:-8px;transform:rotatey(-180deg);left:inherit;height:1.4rem}html[dir=rtl] :host .sb--card.sb--card--theme2 .sb--card__main-area .sb--card__type::before{left:-8px;transform:rotatex(180deg);right:inherit}:host .sb--card.sb--card--theme2 .sb--card__img{height:5.25rem;width:4rem;overflow:hidden;flex:0 0 3.5rem;margin:0}:host .sb--card.sb--card--theme2 .sb--card__img .img-container{width:4rem}:host .sb--card.sb--card--theme2 .sb--card__moreinfo{background:var(--cc-sbcard-moreinfo-bg)}:host .sb--card.sb--card--theme2 .sb--card__info{padding:0 1rem}:host .sb--card.sb--card--theme2 .sb--card__title{margin-right:5.5rem}html[dir=rtl] :host .sb--card.sb--card--theme2 .sb--card__title{margin-left:5.5rem;margin-right:0}:host .sb--card.sb--card--theme2 .sb--card__meta{height:auto;width:60vw;color:#333;font-family:\"Noto Sans\";font-size:16px;letter-spacing:0;line-height:20px}:host .sb--card.sb--card--theme2 .sb--card__meta1{height:auto;flex-wrap:wrap;margin-top:.625rem}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_1,:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_2,:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_3{border-radius:.5rem;font-size:.75rem;padding:0 .625rem;width:auto;flex:initial;margin:0 .5rem .5rem 0;white-space:nowrap;letter-spacing:0;line-height:1.375rem;overflow:hidden;text-overflow:ellipsis;max-width:32ch}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_1{background:#e0f5ea;color:#008840;width:auto}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_2{background:#f0e5f5;color:#6236ff}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_2:last-child{margin-right:0}:host .sb--card.sb--card--theme2 .sb--card__meta1 .data_3{color:#788594;background:#e5edf5}:host .sb--card.sb--card--theme2 .sb--card__meta2{padding:.5rem 1rem}:host .sb--card.sb--card--theme2 .sb--card__image-pos{margin:0;overflow:inherit}:host .sb--card.sb--card--theme2 .sb--card__image-pos .img-container{box-shadow:0 0 5px 0 rgba(var(--rc-rgba-black),.1);height:5.25rem}",".loading-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeload;animation-name:placeload;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--lazyload-bg);background:var(--grey-nuance-lighter);background:linear-gradient(to right,var(--grey-nuance-lighter) 8%,var(--grey-nuance-darker) 18%,var(--grey-nuance-lighter) 33%);background-size:75rem 6.5rem;position:relative}@-webkit-keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}@keyframes placeload{0%{background-position:-29.25rem 0}100%{background-position:29.25rem 0}}.sb--card--highlighter{height:.75rem;width:100%;margin-top:.3125rem}::ng-deep :root{--cc-sbcard-bg:var(--white);--cc-sbcard-img-container-bg:var(--gray-100);--cc-sbcard-title:var(--primary-color);--cc-sbcard-meta-text:var(--gray-800);--cc-sbcard-dot-divider:var(--gray-200);--cc-sbcard-moreinfo-bg:none;--cc-sbcard-moreinfo-bordertop:#cacbce;--cc-sbcard-meta2-text:var(--gray-800);--cc-sbcard-org-text:var(--gray-200);--cc-sbcard-type-bg:var(--gray-200);--cc-sbcard-type-text:var(--white);--cc-sbcard-rv-img-container-bg:var(--gray-100);--cc-sbcard-selected-border:var(--primary-color);--cc-sbcard-selected-bg:rgba(2, 79, 157, 0.2);--cc-sbcard-offline-bg:var(--tertiary-color);--cc-sbcard-offline-img-text:var(--white);--cc-sbcard-card__progressbar-bg:var(--gray-100);--cc-sbcard-card__progressbar-span-bg:var(--secondary-200);--cc-sbcard-type-br:var(--gray-200)}:host .sb--card{width:100%;background-color:var(--cc-sbcard-bg);display:flex;flex-direction:column;cursor:pointer;position:relative;margin-top:0;border:0;contain:content;border-radius:.125rem}:host .sb--card:hover{transform:translate(0,0);box-shadow:0 .125rem .4375rem 0 rgba(var(--rc-rgba-black),.16)}@media (max-width:767px){:host .sb--card{box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16)}}:host .sb--card__main-area{display:flex;flex-direction:row;align-items:center;height:5.5rem}:host .sb--card__img{height:4.5rem;width:4.5rem;overflow:hidden;flex:0 0 4.5rem;margin:.5rem}:host .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-img-container-bg);height:4.5rem;width:4.5rem;justify-content:center}:host .sb--card__img .img-container img{max-width:100%}:host .sb--card__info{flex:1;overflow:hidden}[dir=ltr] :host .sb--card__info{padding-right:.5rem}[dir=rtl] :host .sb--card__info{padding-left:.5rem}:host .sb--card__title{color:var(--cc-sbcard-title);font-size:.875rem;margin:0;line-height:1.25rem}:host .sb--card__meta1{color:var(--cc-sbcard-meta-text);font-size:.75rem;display:flex;flex-direction:row;align-items:center;flex:1;line-height:1.25rem;margin-top:.25rem}:host .sb--card .data_1{max-width:50%}:host .sb--card .data_2{flex:1}:host .sb--card .dot-divider{width:.25rem;height:.25rem;min-width:.25rem;max-width:.25rem;min-height:.25rem;max-height:.25rem;border-radius:100%;background-color:var(--cc-sbcard-dot-divider);display:inline-block;margin:0 .5rem}:host .sb--card__moreinfo{border-radius:0 0 .125rem .125rem;background-color:var(--cc-sbcard-moreinfo-bg);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;min-height:3.5rem;border-top:0 solid var(--cc-sbcard-moreinfo-bordertop)}:host .sb--card__meta2{color:var(--cc-sbcard-meta2-text);font-size:.75rem;line-height:.875rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;padding:.5rem}:host .sb--card__meta2_data .label{font-weight:400}:host .sb--card__meta2_data .value{font-weight:700}:host .sb--card__org{color:var(--cc-sbcard-org-text)}:host .sb--card__tags{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1}:host .sb--card__badge{display:flex}:host .sb--card__badge img{width:1.25rem;height:1.25rem}:host .sb--card__type{background:var(--cc-sbcard-type-bg);position:relative;height:1.25rem;color:var(--cc-sbcard-type-text);font-size:.6875rem;display:flex;align-items:center}[dir=ltr] :host .sb--card__type{padding-left:.25rem;padding-right:.5rem;margin-left:1rem}[dir=rtl] :host .sb--card__type{padding-left:.5rem;padding-right:.25rem;margin-right:1rem}:host .sb--card__type:before{content:\"\";width:0;height:0;border-width:.625rem .3125rem;border-style:solid;border-color:var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) var(--cc-sbcard-type-br) transparent;position:absolute;left:-10px}html[dir=rtl] :host .sb--card__type:before{right:-.625rem;left:inherit;border-color:var(--cc-sbcard-type-br) transparent var(--cc-sbcard-type-br) var(--cc-sbcard-type-br)}:host .sb--card--recently-viewed .sb--card__img{height:5.5rem;width:5.5rem;flex:0 0 5.5rem;margin:0}:host .sb--card--recently-viewed .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-rv-img-container-bg);height:5.5rem;width:5.5rem}:host .sb--card--recently-viewed .sb--card__info{padding:.5rem;flex:1}:host .sb--card.selected{border:1px solid var(--cc-sbcard-selected-border);border-radius:4px;background-color:var(--cc-sbcard-selected-bg)}:host .sb--card.offline .sb--card__img .img-container{display:flex;align-items:center;background-color:var(--cc-sbcard-offline-bg);opacity:.5}:host .sb--card.offline .sb--card__img .img-container img{margin:auto;font-size:1.5rem;color:var(--cc-sbcard-offline-img-text)}:host .sb--card.offline .sb--card__info,:host .sb--card.offline .sb--card__moreinfo{opacity:.5}:host .sb--card__progressbar{height:.25rem;margin:0;border-radius:0;box-shadow:inset 0 -.0625rem .0625rem rgba(var(--rc-rgba-white),.3);width:100%;background:var(--cc-sbcard-card__progressbar-bg)}:host .sb--card__progressbar>span{display:block;height:100%;background-color:var(--cc-sbcard-card__progressbar-span-bg);background-image:-webkit-gradient(center bottom,var(--secondary-400),var(--secondary-200));box-shadow:inset 0 .125rem .5625rem var(--gray-100),inset 0 -.125rem .375rem rgba(var(--rc-rgba-black),.4);position:relative;overflow:hidden}:host .animate>span:after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(var(--rc-rgba-white),.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(var(--rc-rgba-white),.2)),color-stop(.75,rgba(var(--rc-rgba-white),.2)),color-stop(.75,transparent),to(transparent));z-index:1;background-size:3.125rem 3.125rem;overflow:hidden;-webkit-animation:2s linear infinite move;border-radius:1.25rem .5rem .5rem 1.25rem}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:3.125rem 3.125rem}}:host .completed>span{background-color:var(--secondary-color);background-image:-webkit-linear-gradient(var(--secondary-100),var(--secondary-400))}:host .inprogress>span{background-color:var(--tertiary-color);background-image:-webkit-linear-gradient(var(--tertiary-100),var(--tertiary-400))}:host .notcompleted>span{background-color:var(--red-100);background-image:-webkit-linear-gradient(var(--red-100),var(--red-400))}:host .nostripes>span,:host .nostripes>span:after{-webkit-animation:none;-moz-animation:none;background-image:none}:host .border-top-r-left-right{border-top-left-radius:0;border-top-right-radius:0}::ng-deep .card-hover{opacity:0;transition:.2s ease-in;display:none}::ng-deep .sb--card:focus-within .card-hover,::ng-deep .sb--card:hover .card-hover{opacity:1;z-index:1001;display:block}::ng-deep .sb--card:focus-within .card-hover .child-content,::ng-deep .sb--card:hover .card-hover .child-content{--cc-sbcard-hover-text:var(--white);--cc-sbcard-hover-bg:var(--primary-color);color:var(--cc-sbcard-hover-text);position:absolute;left:0;right:0;top:0;bottom:0;opacity:.95;border-radius:.125rem;background-color:var(--cc-sbcard-hover-bg);z-index:1;display:flex;align-items:center;transition:.2s ease-in;flex-direction:column;justify-content:space-evenly}::ng-deep .sb--card:focus-within .card-hover .action-container,::ng-deep .sb--card:hover .card-hover .action-container{display:flex;width:100%;justify-content:center;align-self:center;justify-self:center;flex:1;align-items:center}::ng-deep .sb--card:focus-within .card-hover .action-item,::ng-deep .sb--card:hover .card-hover .action-item{padding:0 1rem;flex:1;text-align:center}::ng-deep .sb--card:focus-within .card-hover .action-item .sb-btn.sb-btn-primary[disabled],::ng-deep .sb--card:hover .card-hover .action-item .sb-btn.sb-btn-primary[disabled]{background-color:transparent;opacity:.5;border:0;color:var(--white)}::ng-deep .sb--card:focus-within .card-hover .action-item:not(:last-child),::ng-deep .sb--card:hover .card-hover .action-item:not(:last-child){border-right:.0625rem solid rgba(var(--rc-rgba-white),.5)}::ng-deep .sb--card:focus-within .card-hover .hover-meta-info,::ng-deep .sb--card:hover .card-hover .hover-meta-info{font-size:.625rem;opacity:.8;color:var(--white);line-height:.75rem;flex:0 0 25%}.menu::after{content:'\\2807';font-size:1.5rem;color:var(--gray-200);text-align:center;align-items:center;display:flex;justify-content:center;border-radius:50%;padding-left:.375rem;cursor:pointer;width:2rem;height:2rem}.menu:hover::after{background:var(--gray-0)}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"isMobile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"isOffline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"cardImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"moreInfoLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"section":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"gridTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5},"arguments":["hover-template"]}]}],"btnlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"btnicon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"isMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"layoutConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"indexToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"svgToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"cardClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"enterKeyPress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"fetchBMGS":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onEnterKeyPress":[{"__symbolic":"method"}],"arrangeFrameworkDetails":[{"__symbolic":"method"}],"getFormatedData":[{"__symbolic":"method"}],"getClassForImage":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-truncated-ellipsis","template":"<ng-container *ngIf=\"displayTextArr && displayTextArr.length\">\n  <div class=\"truncated-ellipsis-container\">\n    <span *ngFor=\"let displayText of displayTextArr; let i=index\">\n      {{displayText}}\n      <span class=\"dot-divider\" *ngIf=\"(i+1)<displayTextArr?.length\"></span>\n    </span>\n  </div>\n</ng-container>\n","styles":[".dot-divider{width:.25rem;height:.25rem;min-width:.25rem;max-width:.25rem;min-height:.25rem;max-height:.25rem;border-radius:100%;background-color:var(--cc-sbcard-dot-divider);display:inline-block;margin:0 0 .125rem}"]}]}],"members":{"arrayList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"showCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"separatorText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"prepareDisplayText":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sb-cqube-card","template":"<div class=\"sb--card\" (click)=\"onClick($event)\">\n    <div class='sb--card__main-area'>\n        <div class=\"sb--card__img\">\n            <div class=\"img-container\">\n              <img [src]=\"cardImg\" alt=\"\">\n            </div>\n          </div>\n    </div>\n</div>\n","styles":[""]}]}],"members":{"cardImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sb-accordion-item","template":"<div class=\"sbaccordion sbaccordion--toc\">\n  <div class=\"sbaccordion__panel\">\n    <ng-content select=\"sb-accordion-header\"></ng-content>\n    <ng-content select=\"sb-accordion-body\"></ng-content>\n  </div>\n</div>","styles":["::ng-deep :root{--cc-accordion-panel-header-bg:var(--white);--cc-accordion-panel-header-br:var(--primary-300)}.sbaccordion{width:100%;box-shadow:0 .1875rem .25rem 0 rgba(var(--rc-rgba-primary),.1)!important}.sbaccordion__panel{margin-bottom:.5rem}.sbaccordion__panel-header{background:var(--cc-accordion-panel-header-bg);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:3.5rem;border-radius:.25rem;border:1px solid var(--cc-accordion-panel-header-br)}.accordion-item-header-collapsed .sbaccordion__panel-header__title{font-weight:400}"]}]}],"members":{"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["collapsed"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["class.collapsed"]}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3},"arguments":["expanded"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["class.expanded"]}]}],"collapsedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":40,"character":15}}]],"parameters":[{"__symbolic":"reference","name":"AccordionComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}}},"origins":{"CommonConsumptionService":"./lib/common-consumption.service","CommonConsumptionModule":"./lib/common-consumption.module","LibraryFiltersComponent":"./lib/library-filters/library-filters/library-filters.component","LibraryFiltersLayout":"./lib/library-filters/library-filters/models","TocMimeTypes":"./lib/library-filters/library-filters/models","IFilterItem":"./lib/library-filters/library-filters/models","ISelectedFilter":"./lib/library-filters/library-filters/models","ICardClick":"./lib/card/models","IEnterKeyPress":"./lib/card/models","IClick":"./lib/card/models","LibraryCardTypes":"./lib/card/models","CourseCardGridTypes":"./lib/card/models","CardGridTypes":"./lib/card/models","CourseCardTypes":"./lib/card/models","LibraryCardGridTypes":"./lib/card/models","LibraryCardStackTypes":"./lib/card/models","TocCardType":"./lib/card/models","IBadge":"./lib/card/models","IContent":"./lib/card/models","ICourse":"./lib/card/models","IHoverData":"./lib/card/models","FlattenedType":"./lib/card/models","IButtonConfig":"./lib/card/models","PlatformType":"./lib/card/models","NotificationStatus":"./lib/card/models","NotificationViewConfig":"./lib/card/models","ExpandMode":"./lib/card/models","ExpandBehavior":"./lib/card/models","IAccordianConfig":"./lib/card/models","ButtonPosition":"./lib/card/models","COMMON_CONSUMPTION_CONSTANTS":"./lib/common-consumption.constants","PillsGridModule":"./lib/pills-grid/pills-grid.module","PillShape":"./lib/pills-grid/models","PillsViewType":"./lib/pills-grid/models","PillBorder":"./lib/pills-grid/models","SelectMode":"./lib/pills-grid/models","PillsMultiRow":"./lib/pills-grid/models","ShowMoreViewType":"./lib/pills-grid/models","PillSize":"./lib/pills-grid/models","PillTextElipsis":"./lib/pills-grid/models","PillBoxShadow":"./lib/pills-grid/models","PillsColorTheme":"./lib/pills-grid/models","ListViewModule":"./lib/list-view/list-view.module","FaqCategory":"./lib/list-view/models","CarouselComponent":"./lib/list-view/carousel/carousel.component","ListComponent":"./lib/list-view/list/list.component","PillItemComponent":"./lib/pills-grid/pill-item/pill-item.component","PillsGridComponent":"./lib/pills-grid/pills-grid/pills-grid.component","CertificateActionsModule":"./lib/certificate/certificate-actions/certificate-actions.module","IPreviewActionButton":"./lib/certificate/certificate-actions/certificate-actions/certificate-actions.component","IPreviewActionButtonClick":"./lib/certificate/certificate-actions/certificate-actions/certificate-actions.component","CertificateActionsComponent":"./lib/certificate/certificate-actions/certificate-actions/certificate-actions.component","PagesModule":"./lib/pages/pages.module","InfoComponent":"./lib/pages/info/info.component","AccordionModule":"./lib/accordion/accordion.module","AccordionComponent":"./lib/accordion/accordion.component","convertToBoolProperty":"./lib/accordion/accordion.component","AccordionBodyComponent":"./lib/accordion/accordion-body/accordion-body.component","AccordionHeaderComponent":"./lib/accordion/accordion-header/accordion-header.component","CardModule":"./lib/card/card.module","LibraryCardComponent":"./lib/card/library-card/library-card.component","CourseCardComponent":"./lib/card/course-card/course-card.component","BannerCardComponent":"./lib/card/banner-card/banner-card.component","CardHoverComponent":"./lib/card/card-hover/card-hover.component","CourseCuriculumCardComponent":"./lib/card/course-curiculum-card/course-curiculum-card.component","LibraryCardV2Component":"./lib/card/library-card-v2/library-card-v2.component","LibraryCardV3Component":"./lib/card/library-card-v3/library-card-v3.component","MemberCardComponent":"./lib/card/member-card/member-card.component","NotificationCardComponent":"./lib/card/notification-card/notification-card.component","TocCardComponent":"./lib/card/toc-card/toc-card.component","MyCourseCardComponent":"./lib/card/my-course-card/my-course-card.component","GroupCardComponent":"./lib/card/group-card/group-card.component","ModalModule":"./lib/modal/modal.module","ConfirmationModalComponent":"./lib/modal/confirmation-modal/confirmation-modal.component","PipesModule":"./lib/pipes-module/pipes-module.module","MimeTypeMasterData":"./lib/pipes-module/mime-type","MimeTypePipe":"./lib/pipes-module/mime-type","FaqModule":"./lib/faq/faq.module","FaqComponent":"./lib/faq/faq/faq.component","ContentDetailsModule":"./lib/content-details/content-details.module","TocCurriculumComponent":"./lib/content-details/toc-curriculum/toc-curriculum.component","TocChildItemComponent":"./lib/content-details/toc-child-item/toc-child-item.component","TocItemComponent":"./lib/content-details/toc-item/toc-item.component","PlayerActionsComponent":"./lib/content-details/player-actions/player-actions.component","LibraryFiltersModule":"./lib/library-filters/library-filters.module","CardsGridComponent":"./lib/layout/cards-grid/cards-grid.component","CourseCardsHlistComponent":"./lib/layout/course-cards-hlist/course-cards-hlist.component","InAppNotificationComponent":"./lib/layout/in-app-notification/in-app-notification.component","LibraryCardsGridComponent":"./lib/layout/library-cards-grid/library-cards-grid.component","LayoutModule":"./lib/layout/layout.module","LibraryCardsHlistComponent":"./lib/layout/library-cards-hlist/library-cards-hlist.component","LibraryCardsStackComponent":"./lib/layout/library-cards-stack/library-cards-stack.component","MemberListComponent":"./lib/layout/member-list/member-list.component","ɵa":"./lib/card/library-card-v4/library-card-v4.component","ɵb":"./lib/card/truncated-ellipsis/truncated-ellipsis.component","ɵc":"./lib/card/cqube-card/cqube-card.component","ɵd":"./lib/accordion/accordion-item/accordion-item.component"},"importAs":"@project-sunbird/common-consumption-v9"}