@sunbird-cb/toc 0.0.9 → 0.0.11

package/esm2022/lib/_collection/_common/content-toc/app-toc-content-card-v2-skeleton/app-toc-content-card-v2-skeleton.component.mjs

@@ -1,16 +1,16 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../../skeleton-loader/skeleton-loader.component";
-export class AppTocContentCardV2SkeletonComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocContentCardV2SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AppTocContentCardV2SkeletonComponent, selector: "ws-widget-app-toc-content-card-v2-skeleton", ngImport: i0, template: "<div class=\"collection-wrapper p-4 flex flex-col position-relative\">\r\n    <div class=\"card-collection w-auto sm:w-100 \">\r\n        <div class=\"flex flex-col flex-wrap flex-between width-expand pr-0 w-100 sm:pr-4 sm:w-auto\" >\r\n            <ws-widget-skeleton-loader [width]=\"'60%'\" [height]=\"'16px'\" [bindingClass]=\"'rounded mb-3' \"></ws-widget-skeleton-loader>\r\n            <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-3'\"></ws-widget-skeleton-loader>\r\n            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n        </div>\r\n    </div>\r\n    <div class=\"child-wrapper\" >\r\n            <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1,2,3,4,5]\">\r\n                    <div class=\"flex\">\r\n                        <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n                    </div>\r\n                    <div class=\"ml-4 flex-1\">\r\n                        <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\r\n                        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\r\n                    </div>\r\n            </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"w-100 flex-1\">\r\n    <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'4px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n</div>\r\n\r\n<div class=\"child-wrapper\" >\r\n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\r\n            <div class=\"flex\">\r\n                <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n            </div>\r\n            <div class=\"ml-4 flex-1\">\r\n                <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\r\n                <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n            </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"w-100 flex-1\">\r\n    <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'4px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n</div>\r\n\r\n<div class=\"child-wrapper\" >\r\n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\r\n            <div class=\"flex\">\r\n                <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n            </div>\r\n            <div class=\"ml-4 flex-1\">\r\n                <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\r\n                <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n            </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n<ng-container *ngFor=\"let a of [1,2,3,4]\">\r\n\r\n    <div class=\"w-100 flex-1\">\r\n        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n    </div>\r\n    \r\n    \r\n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\r\n        <div class=\"flex\">\r\n            <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n        </div>\r\n        <div class=\"ml-4 flex-1\">\r\n            <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\r\n            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n\r\n", styles: [".resource{padding:16px}.child-wrapper .collection-wrapper{padding:1rem 1rem 1rem 0}.card-collection{display:flex;align-items:center;border-radius:8px}.card-collection .card-thumbnail{height:100%;margin-right:12px;cursor:pointer;border-radius:8px 0 0}@media only screen and (max-width: 469px){.card-collection{flex-direction:column;margin:8px 8px 16px!important;align-items:flex-start!important}.card-collection .card-thumbnail{height:100%!important;width:100%!important}.card-collection .text-truncate{white-space:unset!important}}.w-100{width:100%}.w-auto{width:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.SkeletonLoaderComponent, selector: "ws-widget-skeleton-loader", inputs: ["bindingClass", "height", "width"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocContentCardV2SkeletonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ws-widget-app-toc-content-card-v2-skeleton', template: "<div class=\"collection-wrapper p-4 flex flex-col position-relative\">\r\n    <div class=\"card-collection w-auto sm:w-100 \">\r\n        <div class=\"flex flex-col flex-wrap flex-between width-expand pr-0 w-100 sm:pr-4 sm:w-auto\" >\r\n            <ws-widget-skeleton-loader [width]=\"'60%'\" [height]=\"'16px'\" [bindingClass]=\"'rounded mb-3' \"></ws-widget-skeleton-loader>\r\n            <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-3'\"></ws-widget-skeleton-loader>\r\n            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n        </div>\r\n    </div>\r\n    <div class=\"child-wrapper\" >\r\n            <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1,2,3,4,5]\">\r\n                    <div class=\"flex\">\r\n                        <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n                    </div>\r\n                    <div class=\"ml-4 flex-1\">\r\n                        <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\r\n                        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\r\n                    </div>\r\n            </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"w-100 flex-1\">\r\n    <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'4px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n</div>\r\n\r\n<div class=\"child-wrapper\" >\r\n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\r\n            <div class=\"flex\">\r\n                <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n            </div>\r\n            <div class=\"ml-4 flex-1\">\r\n                <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\r\n                <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n            </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"w-100 flex-1\">\r\n    <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'4px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n</div>\r\n\r\n<div class=\"child-wrapper\" >\r\n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\r\n            <div class=\"flex\">\r\n                <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n            </div>\r\n            <div class=\"ml-4 flex-1\">\r\n                <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\r\n                <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n            </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n<ng-container *ngFor=\"let a of [1,2,3,4]\">\r\n\r\n    <div class=\"w-100 flex-1\">\r\n        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n    </div>\r\n    \r\n    \r\n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\r\n        <div class=\"flex\">\r\n            <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n        </div>\r\n        <div class=\"ml-4 flex-1\">\r\n            <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\r\n            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n\r\n", styles: [".resource{padding:16px}.child-wrapper .collection-wrapper{padding:1rem 1rem 1rem 0}.card-collection{display:flex;align-items:center;border-radius:8px}.card-collection .card-thumbnail{height:100%;margin-right:12px;cursor:pointer;border-radius:8px 0 0}@media only screen and (max-width: 469px){.card-collection{flex-direction:column;margin:8px 8px 16px!important;align-items:flex-start!important}.card-collection .card-thumbnail{height:100%!important;width:100%!important}.card-collection .text-truncate{white-space:unset!important}}.w-100{width:100%}.w-auto{width:auto}\n"] }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24vYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24vYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQTs7OztBQU9qRCxNQUFNLE9BQU8sb0NBQW9DO0lBRS9DLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQUxVLG9DQUFvQzttR0FBcEMsb0NBQW9DLGtGQ1BqRCxxa0lBeUVBOzs0RkRsRWEsb0NBQW9DO2tCQUxoRCxTQUFTOytCQUNFLDRDQUE0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnd3Mtd2lkZ2V0LWFwcC10b2MtY29udGVudC1jYXJkLXYyLXNrZWxldG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FwcC10b2MtY29udGVudC1jYXJkLXYyLXNrZWxldG9uLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBcHBUb2NDb250ZW50Q2FyZFYyU2tlbGV0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb2xsZWN0aW9uLXdyYXBwZXIgcC00IGZsZXggZmxleC1jb2wgcG9zaXRpb24tcmVsYXRpdmVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWNvbGxlY3Rpb24gdy1hdXRvIHNtOnctMTAwIFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGZsZXgtd3JhcCBmbGV4LWJldHdlZW4gd2lkdGgtZXhwYW5kIHByLTAgdy0xMDAgc206cHItNCBzbTp3LWF1dG9cIiA+XHJcbiAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInNjAlJ1wiIFtoZWlnaHRdPVwiJzE2cHgnXCIgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCBtYi0zJyBcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XHJcbiAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInNDAlJ1wiIFtoZWlnaHRdPVwiJzE2cHgnXCIgIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQgbWItMydcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XHJcbiAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInMTAwJSdcIiBbaGVpZ2h0XT1cIic4cHgnXCIgIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQnXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2hpbGQtd3JhcHBlclwiID5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJlc291cmNlIGZsZXggIHdpZHRoLWV4cGFuZCB3LTEwMEtcIiAqbmdGb3I9XCJsZXQgYSBvZiBbMSwyLDMsNCw1XVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInMTZweCdcIiBbaGVpZ2h0XT1cIicxNnB4J1wiIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQnXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbC00IGZsZXgtMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8d3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlciBbd2lkdGhdPVwiJzQwJSdcIiBbaGVpZ2h0XT1cIicxNnB4J1wiICBbYmluZGluZ0NsYXNzXT1cIidyb3VuZGVkIG1iLTInXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8d3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlciBbd2lkdGhdPVwiJzEwMCUnXCIgW2hlaWdodF09XCInOHB4J1wiICBbYmluZGluZ0NsYXNzXT1cIidyb3VuZGVkIG1iLTInXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJ3LTEwMCBmbGV4LTFcIj5cclxuICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInMTAwJSdcIiBbaGVpZ2h0XT1cIic0cHgnXCIgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCdcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImNoaWxkLXdyYXBwZXJcIiA+XHJcbiAgICA8ZGl2IGNsYXNzPVwicmVzb3VyY2UgZmxleCAgd2lkdGgtZXhwYW5kIHctMTAwS1wiICpuZ0Zvcj1cImxldCBhIG9mIFsxXVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleFwiPlxyXG4gICAgICAgICAgICAgICAgPHdzLXdpZGdldC1za2VsZXRvbi1sb2FkZXIgW3dpZHRoXT1cIicxNnB4J1wiIFtoZWlnaHRdPVwiJzE2cHgnXCIgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCdcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWwtNCBmbGV4LTFcIj5cclxuICAgICAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInNDAlJ1wiIFtoZWlnaHRdPVwiJzE2cHgnXCIgIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQgbWItMidcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XHJcbiAgICAgICAgICAgICAgICA8d3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlciBbd2lkdGhdPVwiJzEwMCUnXCIgW2hlaWdodF09XCInOHB4J1wiICBbYmluZGluZ0NsYXNzXT1cIidyb3VuZGVkJ1wiPjwvd3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlcj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwidy0xMDAgZmxleC0xXCI+XHJcbiAgICA8d3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlciBbd2lkdGhdPVwiJzEwMCUnXCIgW2hlaWdodF09XCInNHB4J1wiIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQnXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJjaGlsZC13cmFwcGVyXCIgPlxyXG4gICAgPGRpdiBjbGFzcz1cInJlc291cmNlIGZsZXggIHdpZHRoLWV4cGFuZCB3LTEwMEtcIiAqbmdGb3I9XCJsZXQgYSBvZiBbMV1cIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXhcIj5cclxuICAgICAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInMTZweCdcIiBbaGVpZ2h0XT1cIicxNnB4J1wiIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQnXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1sLTQgZmxleC0xXCI+XHJcbiAgICAgICAgICAgICAgICA8d3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlciBbd2lkdGhdPVwiJzQwJSdcIiBbaGVpZ2h0XT1cIicxNnB4J1wiICBbYmluZGluZ0NsYXNzXT1cIidyb3VuZGVkIG1iLTInXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxyXG4gICAgICAgICAgICAgICAgPHdzLXdpZGdldC1za2VsZXRvbi1sb2FkZXIgW3dpZHRoXT1cIicxMDAlJ1wiIFtoZWlnaHRdPVwiJzhweCdcIiAgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCdcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuXHJcbjxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGEgb2YgWzEsMiwzLDRdXCI+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInctMTAwIGZsZXgtMVwiPlxyXG4gICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInMTAwJSdcIiBbaGVpZ2h0XT1cIicxNnB4J1wiIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQnXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxyXG4gICAgPC9kaXY+XHJcbiAgICBcclxuICAgIFxyXG4gICAgPGRpdiBjbGFzcz1cInJlc291cmNlIGZsZXggIHdpZHRoLWV4cGFuZCB3LTEwMEtcIiAqbmdGb3I9XCJsZXQgYSBvZiBbMV1cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleFwiPlxyXG4gICAgICAgICAgICA8d3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlciBbd2lkdGhdPVwiJzE2cHgnXCIgW2hlaWdodF09XCInMTZweCdcIiBbYmluZGluZ0NsYXNzXT1cIidyb3VuZGVkJ1wiPjwvd3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibWwtNCBmbGV4LTFcIj5cclxuICAgICAgICAgICAgPHdzLXdpZGdldC1za2VsZXRvbi1sb2FkZXIgW3dpZHRoXT1cIic0MCUnXCIgW2hlaWdodF09XCInMTZweCdcIiAgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCBtYi0yJ1wiPjwvd3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlcj5cclxuICAgICAgICAgICAgPHdzLXdpZGdldC1za2VsZXRvbi1sb2FkZXIgW3dpZHRoXT1cIicxMDAlJ1wiIFtoZWlnaHRdPVwiJzhweCdcIiAgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCdcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG5cclxuIl19
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../skeleton-loader/skeleton-loader.component";
+export class AppTocContentCardV2SkeletonComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocContentCardV2SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AppTocContentCardV2SkeletonComponent, selector: "ws-widget-app-toc-content-card-v2-skeleton", ngImport: i0, template: "<div class=\"collection-wrapper p-4 flex flex-col position-relative\">\n    <div class=\"card-collection w-auto sm:w-100 \">\n        <div class=\"flex flex-col flex-wrap flex-between width-expand pr-0 w-100 sm:pr-4 sm:w-auto\" >\n            <ws-widget-skeleton-loader [width]=\"'60%'\" [height]=\"'16px'\" [bindingClass]=\"'rounded mb-3' \"></ws-widget-skeleton-loader>\n            <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-3'\"></ws-widget-skeleton-loader>\n            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n        </div>\n    </div>\n    <div class=\"child-wrapper\" >\n            <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1,2,3,4,5]\">\n                    <div class=\"flex\">\n                        <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                    </div>\n                    <div class=\"ml-4 flex-1\">\n                        <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\n                        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\n                    </div>\n            </div>\n    </div>\n</div>\n\n<div class=\"w-100 flex-1\">\n    <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'4px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n</div>\n\n<div class=\"child-wrapper\" >\n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\n            <div class=\"flex\">\n                <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n            <div class=\"ml-4 flex-1\">\n                <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n    </div>\n</div>\n\n<div class=\"w-100 flex-1\">\n    <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'4px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n</div>\n\n<div class=\"child-wrapper\" >\n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\n            <div class=\"flex\">\n                <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n            <div class=\"ml-4 flex-1\">\n                <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n    </div>\n</div>\n\n\n<ng-container *ngFor=\"let a of [1,2,3,4]\">\n\n    <div class=\"w-100 flex-1\">\n        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n    </div>\n    \n    \n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\n        <div class=\"flex\">\n            <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n        </div>\n        <div class=\"ml-4 flex-1\">\n            <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\n            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n        </div>\n    </div>\n</ng-container>\n\n\n", styles: [".resource{padding:16px}.child-wrapper .collection-wrapper{padding:1rem 1rem 1rem 0}.card-collection{display:flex;align-items:center;border-radius:8px}.card-collection .card-thumbnail{height:100%;margin-right:12px;cursor:pointer;border-radius:8px 0 0}@media only screen and (max-width: 469px){.card-collection{flex-direction:column;margin:8px 8px 16px!important;align-items:flex-start!important}.card-collection .card-thumbnail{height:100%!important;width:100%!important}.card-collection .text-truncate{white-space:unset!important}}.w-100{width:100%}.w-auto{width:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.SkeletonLoaderComponent, selector: "ws-widget-skeleton-loader", inputs: ["bindingClass", "height", "width"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocContentCardV2SkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ws-widget-app-toc-content-card-v2-skeleton', template: "<div class=\"collection-wrapper p-4 flex flex-col position-relative\">\n    <div class=\"card-collection w-auto sm:w-100 \">\n        <div class=\"flex flex-col flex-wrap flex-between width-expand pr-0 w-100 sm:pr-4 sm:w-auto\" >\n            <ws-widget-skeleton-loader [width]=\"'60%'\" [height]=\"'16px'\" [bindingClass]=\"'rounded mb-3' \"></ws-widget-skeleton-loader>\n            <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-3'\"></ws-widget-skeleton-loader>\n            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n        </div>\n    </div>\n    <div class=\"child-wrapper\" >\n            <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1,2,3,4,5]\">\n                    <div class=\"flex\">\n                        <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                    </div>\n                    <div class=\"ml-4 flex-1\">\n                        <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\n                        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\n                    </div>\n            </div>\n    </div>\n</div>\n\n<div class=\"w-100 flex-1\">\n    <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'4px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n</div>\n\n<div class=\"child-wrapper\" >\n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\n            <div class=\"flex\">\n                <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n            <div class=\"ml-4 flex-1\">\n                <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n    </div>\n</div>\n\n<div class=\"w-100 flex-1\">\n    <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'4px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n</div>\n\n<div class=\"child-wrapper\" >\n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\n            <div class=\"flex\">\n                <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n            <div class=\"ml-4 flex-1\">\n                <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n    </div>\n</div>\n\n\n<ng-container *ngFor=\"let a of [1,2,3,4]\">\n\n    <div class=\"w-100 flex-1\">\n        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n    </div>\n    \n    \n    <div class=\"resource flex  width-expand w-100K\" *ngFor=\"let a of [1]\">\n        <div class=\"flex\">\n            <ws-widget-skeleton-loader [width]=\"'16px'\" [height]=\"'16px'\" [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n        </div>\n        <div class=\"ml-4 flex-1\">\n            <ws-widget-skeleton-loader [width]=\"'40%'\" [height]=\"'16px'\"  [bindingClass]=\"'rounded mb-2'\"></ws-widget-skeleton-loader>\n            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'8px'\"  [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n        </div>\n    </div>\n</ng-container>\n\n\n", styles: [".resource{padding:16px}.child-wrapper .collection-wrapper{padding:1rem 1rem 1rem 0}.card-collection{display:flex;align-items:center;border-radius:8px}.card-collection .card-thumbnail{height:100%;margin-right:12px;cursor:pointer;border-radius:8px 0 0}@media only screen and (max-width: 469px){.card-collection{flex-direction:column;margin:8px 8px 16px!important;align-items:flex-start!important}.card-collection .card-thumbnail{height:100%!important;width:100%!important}.card-collection .text-truncate{white-space:unset!important}}.w-100{width:100%}.w-auto{width:auto}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24vYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24vYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQTs7OztBQU9qRCxNQUFNLE9BQU8sb0NBQW9DO0lBRS9DLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQUxVLG9DQUFvQzttR0FBcEMsb0NBQW9DLGtGQ1BqRCxtN0hBeUVBOzs0RkRsRWEsb0NBQW9DO2tCQUxoRCxTQUFTOytCQUNFLDRDQUE0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd3Mtd2lkZ2V0LWFwcC10b2MtY29udGVudC1jYXJkLXYyLXNrZWxldG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcC10b2MtY29udGVudC1jYXJkLXYyLXNrZWxldG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXBwLXRvYy1jb250ZW50LWNhcmQtdjItc2tlbGV0b24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXBwVG9jQ29udGVudENhcmRWMlNrZWxldG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb2xsZWN0aW9uLXdyYXBwZXIgcC00IGZsZXggZmxleC1jb2wgcG9zaXRpb24tcmVsYXRpdmVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FyZC1jb2xsZWN0aW9uIHctYXV0byBzbTp3LTEwMCBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2wgZmxleC13cmFwIGZsZXgtYmV0d2VlbiB3aWR0aC1leHBhbmQgcHItMCB3LTEwMCBzbTpwci00IHNtOnctYXV0b1wiID5cbiAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInNjAlJ1wiIFtoZWlnaHRdPVwiJzE2cHgnXCIgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCBtYi0zJyBcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XG4gICAgICAgICAgICA8d3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlciBbd2lkdGhdPVwiJzQwJSdcIiBbaGVpZ2h0XT1cIicxNnB4J1wiICBbYmluZGluZ0NsYXNzXT1cIidyb3VuZGVkIG1iLTMnXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxuICAgICAgICAgICAgPHdzLXdpZGdldC1za2VsZXRvbi1sb2FkZXIgW3dpZHRoXT1cIicxMDAlJ1wiIFtoZWlnaHRdPVwiJzhweCdcIiAgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCdcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjaGlsZC13cmFwcGVyXCIgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJlc291cmNlIGZsZXggIHdpZHRoLWV4cGFuZCB3LTEwMEtcIiAqbmdGb3I9XCJsZXQgYSBvZiBbMSwyLDMsNCw1XVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHdzLXdpZGdldC1za2VsZXRvbi1sb2FkZXIgW3dpZHRoXT1cIicxNnB4J1wiIFtoZWlnaHRdPVwiJzE2cHgnXCIgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCdcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWwtNCBmbGV4LTFcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInNDAlJ1wiIFtoZWlnaHRdPVwiJzE2cHgnXCIgIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQgbWItMidcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8d3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlciBbd2lkdGhdPVwiJzEwMCUnXCIgW2hlaWdodF09XCInOHB4J1wiICBbYmluZGluZ0NsYXNzXT1cIidyb3VuZGVkIG1iLTInXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJ3LTEwMCBmbGV4LTFcIj5cbiAgICA8d3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlciBbd2lkdGhdPVwiJzEwMCUnXCIgW2hlaWdodF09XCInNHB4J1wiIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQnXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJjaGlsZC13cmFwcGVyXCIgPlxuICAgIDxkaXYgY2xhc3M9XCJyZXNvdXJjZSBmbGV4ICB3aWR0aC1leHBhbmQgdy0xMDBLXCIgKm5nRm9yPVwibGV0IGEgb2YgWzFdXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleFwiPlxuICAgICAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInMTZweCdcIiBbaGVpZ2h0XT1cIicxNnB4J1wiIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQnXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWwtNCBmbGV4LTFcIj5cbiAgICAgICAgICAgICAgICA8d3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlciBbd2lkdGhdPVwiJzQwJSdcIiBbaGVpZ2h0XT1cIicxNnB4J1wiICBbYmluZGluZ0NsYXNzXT1cIidyb3VuZGVkIG1iLTInXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxuICAgICAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInMTAwJSdcIiBbaGVpZ2h0XT1cIic4cHgnXCIgIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQnXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cInctMTAwIGZsZXgtMVwiPlxuICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInMTAwJSdcIiBbaGVpZ2h0XT1cIic0cHgnXCIgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCdcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImNoaWxkLXdyYXBwZXJcIiA+XG4gICAgPGRpdiBjbGFzcz1cInJlc291cmNlIGZsZXggIHdpZHRoLWV4cGFuZCB3LTEwMEtcIiAqbmdGb3I9XCJsZXQgYSBvZiBbMV1cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XG4gICAgICAgICAgICAgICAgPHdzLXdpZGdldC1za2VsZXRvbi1sb2FkZXIgW3dpZHRoXT1cIicxNnB4J1wiIFtoZWlnaHRdPVwiJzE2cHgnXCIgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCdcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbC00IGZsZXgtMVwiPlxuICAgICAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInNDAlJ1wiIFtoZWlnaHRdPVwiJzE2cHgnXCIgIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQgbWItMidcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XG4gICAgICAgICAgICAgICAgPHdzLXdpZGdldC1za2VsZXRvbi1sb2FkZXIgW3dpZHRoXT1cIicxMDAlJ1wiIFtoZWlnaHRdPVwiJzhweCdcIiAgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCdcIj48L3dzLXdpZGdldC1za2VsZXRvbi1sb2FkZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG5cbjxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGEgb2YgWzEsMiwzLDRdXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwidy0xMDAgZmxleC0xXCI+XG4gICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInMTAwJSdcIiBbaGVpZ2h0XT1cIicxNnB4J1wiIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQnXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxuICAgIDwvZGl2PlxuICAgIFxuICAgIFxuICAgIDxkaXYgY2xhc3M9XCJyZXNvdXJjZSBmbGV4ICB3aWR0aC1leHBhbmQgdy0xMDBLXCIgKm5nRm9yPVwibGV0IGEgb2YgWzFdXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XG4gICAgICAgICAgICA8d3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlciBbd2lkdGhdPVwiJzE2cHgnXCIgW2hlaWdodF09XCInMTZweCdcIiBbYmluZGluZ0NsYXNzXT1cIidyb3VuZGVkJ1wiPjwvd3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtbC00IGZsZXgtMVwiPlxuICAgICAgICAgICAgPHdzLXdpZGdldC1za2VsZXRvbi1sb2FkZXIgW3dpZHRoXT1cIic0MCUnXCIgW2hlaWdodF09XCInMTZweCdcIiAgW2JpbmRpbmdDbGFzc109XCIncm91bmRlZCBtYi0yJ1wiPjwvd3Mtd2lkZ2V0LXNrZWxldG9uLWxvYWRlcj5cbiAgICAgICAgICAgIDx3cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyIFt3aWR0aF09XCInMTAwJSdcIiBbaGVpZ2h0XT1cIic4cHgnXCIgIFtiaW5kaW5nQ2xhc3NdPVwiJ3JvdW5kZWQnXCI+PC93cy13aWRnZXQtc2tlbGV0b24tbG9hZGVyPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuXG5cbiJdfQ==

package/esm2022/lib/_collection/_common/content-toc/app-toc-reference-notes/app-toc-reference-notes.component.mjs

@@ -1,43 +1,43 @@
-import { Component, Input } from '@angular/core';
-import { VIEWER_ROUTE_FROM_MIME } from '../../../../_services/viewer-route-util';
-import { NsContent } from '@sunbird-cb/utils-v2';
-import * as fileSaver from 'file-saver';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/icon";
-export class AppTocReferenceNotesComponent {
-    constructor(router) {
-        this.router = router;
-        this.primaryCategory = NsContent.EPrimaryCategory;
-    }
-    ngOnInit() { }
-    downloadPDF(contentData) {
-        fileSaver.saveAs(contentData.artifactUrl, contentData.name);
-    }
-    previewContent(contentData) {
-        this.router.navigate([`/app/amrit-gyaan-kosh/player/${VIEWER_ROUTE_FROM_MIME(contentData.mimeType)}/${contentData.identifier}`], {
-            queryParams: {
-                primaryCategory: this.primaryCategory.RESOURCE,
-                playerPreview: true,
-                collectionId: this.content.identifier,
-            },
-        });
-    }
-    downloadAllContent() {
-        this.content?.referenceNodes.forEach((ele) => {
-            if (ele?.resourceCategory === 'Reference Resource') {
-                fileSaver.saveAs(ele.artifactUrl, ele.name);
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocReferenceNotesComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AppTocReferenceNotesComponent, selector: "ws-widget-app-toc-reference-notes", inputs: { content: "content" }, ngImport: i0, template: "<div class=\"flex justify-between\">\r\n  <div class=\"teachers-note-header pt-2\">Essential insights and guidance to enrich and standardize your teaching\r\n    experience.</div>\r\n  <div class=\"download-all\" (click)=\"downloadAllContent()\">Download All</div>\r\n</div>\r\n\r\n<div class=\"guide-container\" *ngIf=\"content?.referenceNodes\">\r\n  <ng-container *ngFor=\"let note of content?.referenceNodes\">\r\n    <div *ngIf=\"note?.resourceCategory === 'Reference Resource'\" class=\"guide-card flex gap-4 justify-between\">\r\n      <div>\r\n        <div class=\"note-title\">{{note?.name}}</div>\r\n        <div class=\"flex gap-2 pt-2\">\r\n          <mat-icon class=\"material-symbols-outlined\">\r\n            visibility\r\n          </mat-icon>\r\n          <a (click)=\"previewContent(note)\">\r\n            <span class=\"view-pdf\">View</span>\r\n          </a>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <div class=\"download-ind\">\r\n          <a download=\"{{note?.name}}\" (click)=\"downloadPDF(note)\">Download</a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>", styles: [".teachers-note-header{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.download-all{padding:12px 16px;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1;cursor:pointer}.guide-container .view-pdf{font-size:14px;cursor:pointer;opacity:.8;color:#000}.guide-container .note-title{font-family:Lato;font-size:16px;font-weight:700;line-height:24px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1}.guide-container .guide-card{border-radius:8px;background-color:#fff;padding:16px;margin:16px 0}.guide-container .download-ind{padding:12px 16px;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1;cursor:pointer;border-radius:40px;border-color:1px solid #c3c3c3}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocReferenceNotesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ws-widget-app-toc-reference-notes', template: "<div class=\"flex justify-between\">\r\n  <div class=\"teachers-note-header pt-2\">Essential insights and guidance to enrich and standardize your teaching\r\n    experience.</div>\r\n  <div class=\"download-all\" (click)=\"downloadAllContent()\">Download All</div>\r\n</div>\r\n\r\n<div class=\"guide-container\" *ngIf=\"content?.referenceNodes\">\r\n  <ng-container *ngFor=\"let note of content?.referenceNodes\">\r\n    <div *ngIf=\"note?.resourceCategory === 'Reference Resource'\" class=\"guide-card flex gap-4 justify-between\">\r\n      <div>\r\n        <div class=\"note-title\">{{note?.name}}</div>\r\n        <div class=\"flex gap-2 pt-2\">\r\n          <mat-icon class=\"material-symbols-outlined\">\r\n            visibility\r\n          </mat-icon>\r\n          <a (click)=\"previewContent(note)\">\r\n            <span class=\"view-pdf\">View</span>\r\n          </a>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <div class=\"download-ind\">\r\n          <a download=\"{{note?.name}}\" (click)=\"downloadPDF(note)\">Download</a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>", styles: [".teachers-note-header{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.download-all{padding:12px 16px;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1;cursor:pointer}.guide-container .view-pdf{font-size:14px;cursor:pointer;opacity:.8;color:#000}.guide-container .note-title{font-family:Lato;font-size:16px;font-weight:700;line-height:24px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1}.guide-container .guide-card{border-radius:8px;background-color:#fff;padding:16px;margin:16px 0}.guide-container .download-ind{padding:12px 16px;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1;cursor:pointer;border-radius:40px;border-color:1px solid #c3c3c3}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { content: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXRvYy1yZWZlcmVuY2Utbm90ZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy1yZWZlcmVuY2Utbm90ZXMvYXBwLXRvYy1yZWZlcmVuY2Utbm90ZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy1yZWZlcmVuY2Utbm90ZXMvYXBwLXRvYy1yZWZlcmVuY2Utbm90ZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUE7QUFFeEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUNBQXlDLENBQUE7QUFDaEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ2hELE9BQU8sS0FBSyxTQUFTLE1BQU0sWUFBWSxDQUFBOzs7OztBQVF2QyxNQUFNLE9BQU8sNkJBQTZCO0lBS3hDLFlBQW1CLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBRmpDLG9CQUFlLEdBQUcsU0FBUyxDQUFDLGdCQUFnQixDQUFBO0lBSzVDLENBQUM7SUFFRCxRQUFRLEtBQUssQ0FBQztJQUVkLFdBQVcsQ0FBQyxXQUFnQjtRQUMxQixTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzdELENBQUM7SUFFRCxjQUFjLENBQUMsV0FBZ0I7UUFDN0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxnQ0FBZ0Msc0JBQXNCLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxVQUFVLEVBQUUsQ0FBQyxFQUFFO1lBQy9ILFdBQVcsRUFBRTtnQkFDWCxlQUFlLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRO2dCQUM5QyxhQUFhLEVBQUUsSUFBSTtnQkFDbkIsWUFBWSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVTthQUN0QztTQUNGLENBQUMsQ0FBQTtJQUVKLENBQUM7SUFDRCxrQkFBa0I7UUFFaEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBUSxFQUFFLEVBQUU7WUFDaEQsSUFBSSxHQUFHLEVBQUUsZ0JBQWdCLEtBQUssb0JBQW9CLEVBQUU7Z0JBQ2xELFNBQVMsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFdBQVcsRUFBRSxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUE7YUFDNUM7UUFFSCxDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7K0dBbENVLDZCQUE2QjttR0FBN0IsNkJBQTZCLHlHQ1oxQyxpbkNBMkJNOzs0RkRmTyw2QkFBNkI7a0JBTnpDLFNBQVM7K0JBQ0UsbUNBQW1DOzZGQU9wQyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInXHJcbmltcG9ydCB7IFZJRVdFUl9ST1VURV9GUk9NX01JTUUgfSBmcm9tICcuLi8uLi8uLi8uLi9fc2VydmljZXMvdmlld2VyLXJvdXRlLXV0aWwnXHJcbmltcG9ydCB7IE5zQ29udGVudCB9IGZyb20gJ0BzdW5iaXJkLWNiL3V0aWxzLXYyJ1xyXG5pbXBvcnQgKiBhcyBmaWxlU2F2ZXIgZnJvbSAnZmlsZS1zYXZlcidcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnd3Mtd2lkZ2V0LWFwcC10b2MtcmVmZXJlbmNlLW5vdGVzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYXBwLXRvYy1yZWZlcmVuY2Utbm90ZXMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FwcC10b2MtcmVmZXJlbmNlLW5vdGVzLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgQXBwVG9jUmVmZXJlbmNlTm90ZXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBjb250ZW50ITogTnNDb250ZW50LklDb250ZW50XHJcbiAgcHJpbWFyeUNhdGVnb3J5ID0gTnNDb250ZW50LkVQcmltYXJ5Q2F0ZWdvcnlcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHJvdXRlcjogUm91dGVyLFxyXG4gICkge1xyXG5cclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkgeyB9XHJcblxyXG4gIGRvd25sb2FkUERGKGNvbnRlbnREYXRhOiBhbnkpIHtcclxuICAgIGZpbGVTYXZlci5zYXZlQXMoY29udGVudERhdGEuYXJ0aWZhY3RVcmwsIGNvbnRlbnREYXRhLm5hbWUpXHJcbiAgfVxyXG5cclxuICBwcmV2aWV3Q29udGVudChjb250ZW50RGF0YTogYW55KSB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbYC9hcHAvYW1yaXQtZ3lhYW4ta29zaC9wbGF5ZXIvJHtWSUVXRVJfUk9VVEVfRlJPTV9NSU1FKGNvbnRlbnREYXRhLm1pbWVUeXBlKX0vJHtjb250ZW50RGF0YS5pZGVudGlmaWVyfWBdLCB7XHJcbiAgICAgIHF1ZXJ5UGFyYW1zOiB7XHJcbiAgICAgICAgcHJpbWFyeUNhdGVnb3J5OiB0aGlzLnByaW1hcnlDYXRlZ29yeS5SRVNPVVJDRSxcclxuICAgICAgICBwbGF5ZXJQcmV2aWV3OiB0cnVlLFxyXG4gICAgICAgIGNvbGxlY3Rpb25JZDogdGhpcy5jb250ZW50LmlkZW50aWZpZXIsXHJcbiAgICAgIH0sXHJcbiAgICB9KVxyXG5cclxuICB9XHJcbiAgZG93bmxvYWRBbGxDb250ZW50KCkge1xyXG5cclxuICAgIHRoaXMuY29udGVudD8ucmVmZXJlbmNlTm9kZXMuZm9yRWFjaCgoZWxlOiBhbnkpID0+IHtcclxuICAgICAgaWYgKGVsZT8ucmVzb3VyY2VDYXRlZ29yeSA9PT0gJ1JlZmVyZW5jZSBSZXNvdXJjZScpIHtcclxuICAgICAgICBmaWxlU2F2ZXIuc2F2ZUFzKGVsZS5hcnRpZmFjdFVybCwgZWxlLm5hbWUpXHJcbiAgICAgIH1cclxuXHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1iZXR3ZWVuXCI+XHJcbiAgPGRpdiBjbGFzcz1cInRlYWNoZXJzLW5vdGUtaGVhZGVyIHB0LTJcIj5Fc3NlbnRpYWwgaW5zaWdodHMgYW5kIGd1aWRhbmNlIHRvIGVucmljaCBhbmQgc3RhbmRhcmRpemUgeW91ciB0ZWFjaGluZ1xyXG4gICAgZXhwZXJpZW5jZS48L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiZG93bmxvYWQtYWxsXCIgKGNsaWNrKT1cImRvd25sb2FkQWxsQ29udGVudCgpXCI+RG93bmxvYWQgQWxsPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImd1aWRlLWNvbnRhaW5lclwiICpuZ0lmPVwiY29udGVudD8ucmVmZXJlbmNlTm9kZXNcIj5cclxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBub3RlIG9mIGNvbnRlbnQ/LnJlZmVyZW5jZU5vZGVzXCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwibm90ZT8ucmVzb3VyY2VDYXRlZ29yeSA9PT0gJ1JlZmVyZW5jZSBSZXNvdXJjZSdcIiBjbGFzcz1cImd1aWRlLWNhcmQgZmxleCBnYXAtNCBqdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgICAgPGRpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibm90ZS10aXRsZVwiPnt7bm90ZT8ubmFtZX19PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLTIgcHQtMlwiPlxyXG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPlxyXG4gICAgICAgICAgICB2aXNpYmlsaXR5XHJcbiAgICAgICAgICA8L21hdC1pY29uPlxyXG4gICAgICAgICAgPGEgKGNsaWNrKT1cInByZXZpZXdDb250ZW50KG5vdGUpXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmlldy1wZGZcIj5WaWV3PC9zcGFuPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZG93bmxvYWQtaW5kXCI+XHJcbiAgICAgICAgICA8YSBkb3dubG9hZD1cInt7bm90ZT8ubmFtZX19XCIgKGNsaWNrKT1cImRvd25sb2FkUERGKG5vdGUpXCI+RG93bmxvYWQ8L2E+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PiJdfQ==
+import { Component, Input } from '@angular/core';
+import { VIEWER_ROUTE_FROM_MIME } from '../../../../_services/viewer-route-util';
+import { NsContent } from '@sunbird-cb/utils-v2';
+import * as fileSaver from 'file-saver';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+export class AppTocReferenceNotesComponent {
+    constructor(router) {
+        this.router = router;
+        this.primaryCategory = NsContent.EPrimaryCategory;
+    }
+    ngOnInit() { }
+    downloadPDF(contentData) {
+        fileSaver.saveAs(contentData.artifactUrl, contentData.name);
+    }
+    previewContent(contentData) {
+        this.router.navigate([`/app/amrit-gyaan-kosh/player/${VIEWER_ROUTE_FROM_MIME(contentData.mimeType)}/${contentData.identifier}`], {
+            queryParams: {
+                primaryCategory: this.primaryCategory.RESOURCE,
+                playerPreview: true,
+                collectionId: this.content.identifier,
+            },
+        });
+    }
+    downloadAllContent() {
+        this.content?.referenceNodes.forEach((ele) => {
+            if (ele?.resourceCategory === 'Reference Resource') {
+                fileSaver.saveAs(ele.artifactUrl, ele.name);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocReferenceNotesComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AppTocReferenceNotesComponent, selector: "ws-widget-app-toc-reference-notes", inputs: { content: "content" }, ngImport: i0, template: "<div class=\"flex justify-between\">\n  <div class=\"teachers-note-header pt-2\">Essential insights and guidance to enrich and standardize your teaching\n    experience.</div>\n  <div class=\"download-all\" (click)=\"downloadAllContent()\">Download All</div>\n</div>\n\n<div class=\"guide-container\" *ngIf=\"content?.referenceNodes\">\n  <ng-container *ngFor=\"let note of content?.referenceNodes\">\n    <div *ngIf=\"note?.resourceCategory === 'Reference Resource'\" class=\"guide-card flex gap-4 justify-between\">\n      <div>\n        <div class=\"note-title\">{{note?.name}}</div>\n        <div class=\"flex gap-2 pt-2\">\n          <mat-icon class=\"material-symbols-outlined\">\n            visibility\n          </mat-icon>\n          <a (click)=\"previewContent(note)\">\n            <span class=\"view-pdf\">View</span>\n          </a>\n        </div>\n      </div>\n      <div>\n        <div class=\"download-ind\">\n          <a download=\"{{note?.name}}\" (click)=\"downloadPDF(note)\">Download</a>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</div>", styles: [".teachers-note-header{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.download-all{padding:12px 16px;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1;cursor:pointer}.guide-container .view-pdf{font-size:14px;cursor:pointer;opacity:.8;color:#000}.guide-container .note-title{font-family:Lato;font-size:16px;font-weight:700;line-height:24px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1}.guide-container .guide-card{border-radius:8px;background-color:#fff;padding:16px;margin:16px 0}.guide-container .download-ind{padding:12px 16px;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1;cursor:pointer;border-radius:40px;border-color:1px solid #c3c3c3}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocReferenceNotesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ws-widget-app-toc-reference-notes', template: "<div class=\"flex justify-between\">\n  <div class=\"teachers-note-header pt-2\">Essential insights and guidance to enrich and standardize your teaching\n    experience.</div>\n  <div class=\"download-all\" (click)=\"downloadAllContent()\">Download All</div>\n</div>\n\n<div class=\"guide-container\" *ngIf=\"content?.referenceNodes\">\n  <ng-container *ngFor=\"let note of content?.referenceNodes\">\n    <div *ngIf=\"note?.resourceCategory === 'Reference Resource'\" class=\"guide-card flex gap-4 justify-between\">\n      <div>\n        <div class=\"note-title\">{{note?.name}}</div>\n        <div class=\"flex gap-2 pt-2\">\n          <mat-icon class=\"material-symbols-outlined\">\n            visibility\n          </mat-icon>\n          <a (click)=\"previewContent(note)\">\n            <span class=\"view-pdf\">View</span>\n          </a>\n        </div>\n      </div>\n      <div>\n        <div class=\"download-ind\">\n          <a download=\"{{note?.name}}\" (click)=\"downloadPDF(note)\">Download</a>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</div>", styles: [".teachers-note-header{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.download-all{padding:12px 16px;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1;cursor:pointer}.guide-container .view-pdf{font-size:14px;cursor:pointer;opacity:.8;color:#000}.guide-container .note-title{font-family:Lato;font-size:16px;font-weight:700;line-height:24px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1}.guide-container .guide-card{border-radius:8px;background-color:#fff;padding:16px;margin:16px 0}.guide-container .download-ind{padding:12px 16px;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1b4ca1;cursor:pointer;border-radius:40px;border-color:1px solid #c3c3c3}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { content: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXRvYy1yZWZlcmVuY2Utbm90ZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy1yZWZlcmVuY2Utbm90ZXMvYXBwLXRvYy1yZWZlcmVuY2Utbm90ZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy1yZWZlcmVuY2Utbm90ZXMvYXBwLXRvYy1yZWZlcmVuY2Utbm90ZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUE7QUFFeEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUNBQXlDLENBQUE7QUFDaEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ2hELE9BQU8sS0FBSyxTQUFTLE1BQU0sWUFBWSxDQUFBOzs7OztBQVF2QyxNQUFNLE9BQU8sNkJBQTZCO0lBS3hDLFlBQW1CLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBRmpDLG9CQUFlLEdBQUcsU0FBUyxDQUFDLGdCQUFnQixDQUFBO0lBSzVDLENBQUM7SUFFRCxRQUFRLEtBQUssQ0FBQztJQUVkLFdBQVcsQ0FBQyxXQUFnQjtRQUMxQixTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzdELENBQUM7SUFFRCxjQUFjLENBQUMsV0FBZ0I7UUFDN0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxnQ0FBZ0Msc0JBQXNCLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxVQUFVLEVBQUUsQ0FBQyxFQUFFO1lBQy9ILFdBQVcsRUFBRTtnQkFDWCxlQUFlLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRO2dCQUM5QyxhQUFhLEVBQUUsSUFBSTtnQkFDbkIsWUFBWSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVTthQUN0QztTQUNGLENBQUMsQ0FBQTtJQUVKLENBQUM7SUFDRCxrQkFBa0I7UUFFaEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBUSxFQUFFLEVBQUU7WUFDaEQsSUFBSSxHQUFHLEVBQUUsZ0JBQWdCLEtBQUssb0JBQW9CLEVBQUU7Z0JBQ2xELFNBQVMsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFdBQVcsRUFBRSxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUE7YUFDNUM7UUFFSCxDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7K0dBbENVLDZCQUE2QjttR0FBN0IsNkJBQTZCLHlHQ1oxQywyakNBMkJNOzs0RkRmTyw2QkFBNkI7a0JBTnpDLFNBQVM7K0JBQ0UsbUNBQW1DOzZGQU9wQyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJ1xuaW1wb3J0IHsgVklFV0VSX1JPVVRFX0ZST01fTUlNRSB9IGZyb20gJy4uLy4uLy4uLy4uL19zZXJ2aWNlcy92aWV3ZXItcm91dGUtdXRpbCdcbmltcG9ydCB7IE5zQ29udGVudCB9IGZyb20gJ0BzdW5iaXJkLWNiL3V0aWxzLXYyJ1xuaW1wb3J0ICogYXMgZmlsZVNhdmVyIGZyb20gJ2ZpbGUtc2F2ZXInXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dzLXdpZGdldC1hcHAtdG9jLXJlZmVyZW5jZS1ub3RlcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hcHAtdG9jLXJlZmVyZW5jZS1ub3Rlcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FwcC10b2MtcmVmZXJlbmNlLW5vdGVzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuXG5leHBvcnQgY2xhc3MgQXBwVG9jUmVmZXJlbmNlTm90ZXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGNvbnRlbnQhOiBOc0NvbnRlbnQuSUNvbnRlbnRcbiAgcHJpbWFyeUNhdGVnb3J5ID0gTnNDb250ZW50LkVQcmltYXJ5Q2F0ZWdvcnlcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIsXG4gICkge1xuXG4gIH1cblxuICBuZ09uSW5pdCgpIHsgfVxuXG4gIGRvd25sb2FkUERGKGNvbnRlbnREYXRhOiBhbnkpIHtcbiAgICBmaWxlU2F2ZXIuc2F2ZUFzKGNvbnRlbnREYXRhLmFydGlmYWN0VXJsLCBjb250ZW50RGF0YS5uYW1lKVxuICB9XG5cbiAgcHJldmlld0NvbnRlbnQoY29udGVudERhdGE6IGFueSkge1xuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtgL2FwcC9hbXJpdC1neWFhbi1rb3NoL3BsYXllci8ke1ZJRVdFUl9ST1VURV9GUk9NX01JTUUoY29udGVudERhdGEubWltZVR5cGUpfS8ke2NvbnRlbnREYXRhLmlkZW50aWZpZXJ9YF0sIHtcbiAgICAgIHF1ZXJ5UGFyYW1zOiB7XG4gICAgICAgIHByaW1hcnlDYXRlZ29yeTogdGhpcy5wcmltYXJ5Q2F0ZWdvcnkuUkVTT1VSQ0UsXG4gICAgICAgIHBsYXllclByZXZpZXc6IHRydWUsXG4gICAgICAgIGNvbGxlY3Rpb25JZDogdGhpcy5jb250ZW50LmlkZW50aWZpZXIsXG4gICAgICB9LFxuICAgIH0pXG5cbiAgfVxuICBkb3dubG9hZEFsbENvbnRlbnQoKSB7XG5cbiAgICB0aGlzLmNvbnRlbnQ/LnJlZmVyZW5jZU5vZGVzLmZvckVhY2goKGVsZTogYW55KSA9PiB7XG4gICAgICBpZiAoZWxlPy5yZXNvdXJjZUNhdGVnb3J5ID09PSAnUmVmZXJlbmNlIFJlc291cmNlJykge1xuICAgICAgICBmaWxlU2F2ZXIuc2F2ZUFzKGVsZS5hcnRpZmFjdFVybCwgZWxlLm5hbWUpXG4gICAgICB9XG5cbiAgICB9KVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktYmV0d2VlblwiPlxuICA8ZGl2IGNsYXNzPVwidGVhY2hlcnMtbm90ZS1oZWFkZXIgcHQtMlwiPkVzc2VudGlhbCBpbnNpZ2h0cyBhbmQgZ3VpZGFuY2UgdG8gZW5yaWNoIGFuZCBzdGFuZGFyZGl6ZSB5b3VyIHRlYWNoaW5nXG4gICAgZXhwZXJpZW5jZS48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImRvd25sb2FkLWFsbFwiIChjbGljayk9XCJkb3dubG9hZEFsbENvbnRlbnQoKVwiPkRvd25sb2FkIEFsbDwvZGl2PlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJndWlkZS1jb250YWluZXJcIiAqbmdJZj1cImNvbnRlbnQ/LnJlZmVyZW5jZU5vZGVzXCI+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG5vdGUgb2YgY29udGVudD8ucmVmZXJlbmNlTm9kZXNcIj5cbiAgICA8ZGl2ICpuZ0lmPVwibm90ZT8ucmVzb3VyY2VDYXRlZ29yeSA9PT0gJ1JlZmVyZW5jZSBSZXNvdXJjZSdcIiBjbGFzcz1cImd1aWRlLWNhcmQgZmxleCBnYXAtNCBqdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJub3RlLXRpdGxlXCI+e3tub3RlPy5uYW1lfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLTIgcHQtMlwiPlxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIj5cbiAgICAgICAgICAgIHZpc2liaWxpdHlcbiAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgIDxhIChjbGljayk9XCJwcmV2aWV3Q29udGVudChub3RlKVwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2aWV3LXBkZlwiPlZpZXc8L3NwYW4+XG4gICAgICAgICAgPC9hPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRvd25sb2FkLWluZFwiPlxuICAgICAgICAgIDxhIGRvd25sb2FkPVwie3tub3RlPy5uYW1lfX1cIiAoY2xpY2spPVwiZG93bmxvYWRQREYobm90ZSlcIj5Eb3dubG9hZDwvYT5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj4iXX0=