@posiwise/resource-module 0.0.98 → 0.0.99

package/esm2022/lib/public/components/resource-vault/resource-vault.component.mjs

@@ -1,41 +1,63 @@
 import { Component, Injector, Input } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
 import { AppBaseComponent } from '@posiwise/app-base-component';
+import { TOKEN_KEY } from '@posiwise/common-utilities';
+import { ResourceService } from '../../../resource.service';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/platform-browser";
+import * as i1 from "../../../resource.service";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/router";
-import * as i4 from "@posiwise/directives";
+import * as i4 from "primeng/progressspinner";
+import * as i5 from "@posiwise/shared-components";
+import * as i6 from "@posiwise/directives";
+import * as i7 from "@jsverse/transloco";
 export class ResourceVaultComponent extends AppBaseComponent {
-    constructor(sanitizer, injector) {
+    constructor(injector, resourceService) {
         super(injector);
-        this.sanitizer = sanitizer;
+        this.resourceService = resourceService;
         this.showVaultSection = false;
-        this.videoWebinarLoaded = false;
-        this.videoDemoLoaded = false;
-        this.ebookLink = '/resources/white-papers';
-        this.youtubeVideoId = 'R7Vk219zbhA';
-        this.videoTitle = 'CloudOlive Overview';
+        this.postSlice = false;
+        this.isLoaded = false;
+        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+        this.posts = [];
     }
-    loadDemoVideo() {
-        const baseUrl = `https://www.youtube.com/embed/${this.youtubeVideoId}?autoplay=1`;
-        // baseUrl is a trusted internal source (e.g. YouTube embed URL)
-        this.sanitizedDemoVideoUrl = this.sanitizer.bypassSecurityTrustResourceUrl(baseUrl); // NOSONAR
-        this.videoDemoLoaded = true;
+    ngOnInit() {
+        this.localStorage.getItem$(TOKEN_KEY).subscribe(res => {
+            this.userLoggedIn = !!res;
+            if (this.userLoggedIn) {
+                this.localStorage.getItem$('product').subscribe(res => {
+                    const data = res ? JSON.parse(res) : null;
+                    this.subscriptionId = data?.subscriptionId;
+                });
+            }
+        });
+        this.getPosts(1, 10);
     }
-    loadWebinarVideo() {
-        const baseUrl = `https://www.youtube.com/embed/${this.youtubeVideoId}?autoplay=1`;
-        // baseUrl is a trusted internal source (e.g. YouTube embed URL)
-        this.sanitizedWebinarVideoUrl = this.sanitizer.bypassSecurityTrustResourceUrl(baseUrl); // NOSONAR
-        this.videoWebinarLoaded = true;
+    getPosts(page, pageSize) {
+        this.resourceService
+            .getPublicPosts(this.subscriptionId || this.masterSubscriptionId, page, pageSize, '', this.categoryId)
+            .subscribe(response => {
+            const sortedPosts = (response.posts || [])
+                .filter(post => post.showcase === true)
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+            this.posts = this.postSlice ? sortedPosts : sortedPosts.slice(0, 3);
+        })
+            .add(() => {
+            this.isLoaded = true;
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVaultComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceVaultComponent, selector: "pw-resource--vault", inputs: { showVaultSection: "showVaultSection" }, usesInheritance: true, ngImport: i0, template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVaultSection\" class=\"d-flex justify-content-between align-items-center flex-wrap mb-5\">\n      <h2 class=\"section-heading\">Whitepapers & Tools</h2>\n      <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n    </div>\n    <div class=\"d-flex flex-wrap justify-content-center gap-4 vault-row\">\n        <div class=\"vault-card\">\n          <h5><strong>eBook: 5 tips</strong></h5>\n          <p class=\"mb-4\">for MSPs to manage cloud billings in Autotask</p>\n          <img src=\"/assets/img/resource/tips.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"eBook\" />\n          <button class=\"vault-btn\"\n            [routerLink]=\"ebookLink\">\n            <span class=\"text\">Read now </span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n        <div class=\"vault-card\">\n          <h5><strong>Factsheet</strong></h5>\n          <p class=\"mb-4\">Learn about CloudOlive & our 140+ integrations</p>\n          <img src=\"/assets/img/resource/factsheet.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"eBook\" />\n          <button class=\"vault-btn\"\n            [routerLink]=\"ebookLink\">\n            <span class=\"text\">Read now </span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n        <div class=\"vault-card\">\n          <h5><strong>Instant Quiz</strong></h5>\n          <p class=\"mb-4\">MRR Risk Review - find out if you might be missing revenue</p>\n          <img src=\"/assets/img/resource/quiz.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"eBook\" />\n          <button class=\"vault-btn\"\n            [routerLink]=\"ebookLink\">\n            <span class=\"text\">Read now </span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#000!important}.msp-vault-section .vault-card p{font-size:1.5rem;color:#444}.msp-vault-section .vault-card img,.msp-vault-section .vault-card iframe{height:210px;border-radius:10px;object-fit:cover}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-top:10px;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden;padding-bottom:6rem!important;padding-top:4rem!important}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}.vault-row{gap:5.5rem!important}@media (width <= 768px){.vault-card{width:100%!important}.vault-btn{margin-left:0!important;width:100%!important}.vault-row{gap:3rem!important}}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.LazyImgDirective, selector: "img" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVaultComponent, deps: [{ token: i0.Injector }, { token: i1.ResourceService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceVaultComponent, selector: "pw-resource--vault", inputs: { showVaultSection: "showVaultSection", postSlice: "postSlice", categoryId: "categoryId", resourceTitle: "resourceTitle" }, usesInheritance: true, ngImport: i0, template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVaultSection\" class=\"d-flex justify-content-between align-items-center flex-wrap mb-5\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'Whitepapers & Tools'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n    </div>\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"d-flex mt-2 flex-wrap justify-content-center gap-4 vault-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"vault-card text-center p-4\" *ngFor=\"let post of posts\">\n          <p class=\"mb-4\" [innerHTML]=\"post.title\"></p>\n          <img\n               [src]=\"post.picture.url\"\n               class=\"img-fluid my-3 mt-4\"\n               alt=\"Webinar\" />\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"vault-btn\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"vault-btn\" [routerLink]=\"['/resources/view', post?.slug]\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section a{text-decoration:none}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;font-weight:400;color:var(--text-color, black)}.msp-vault-section .vault-card img{width:100%;aspect-ratio:1/1;border-radius:10px;object-fit:cover;margin-top:auto}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;text-decoration:none;padding:14px 20px;font-size:1.5rem;font-weight:500;border-radius:40px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .3s ease;width:100%;max-width:240px;margin:0 auto;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden;padding-top:4rem!important}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}@media (width <= 768px){.container{padding:7rem 3rem 1rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}.vault-row{gap:5.5rem!important}@media (width <= 768px){.vault-card{width:100%!important}.vault-btn{margin-left:0!important;width:100%!important}.vault-row{gap:3rem!important}}\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: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i5.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i6.LazyImgDirective, selector: "img" }, { kind: "pipe", type: i7.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVaultComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource--vault', template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVaultSection\" class=\"d-flex justify-content-between align-items-center flex-wrap mb-5\">\n      <h2 class=\"section-heading\">Whitepapers & Tools</h2>\n      <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n    </div>\n    <div class=\"d-flex flex-wrap justify-content-center gap-4 vault-row\">\n        <div class=\"vault-card\">\n          <h5><strong>eBook: 5 tips</strong></h5>\n          <p class=\"mb-4\">for MSPs to manage cloud billings in Autotask</p>\n          <img src=\"/assets/img/resource/tips.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"eBook\" />\n          <button class=\"vault-btn\"\n            [routerLink]=\"ebookLink\">\n            <span class=\"text\">Read now </span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n        <div class=\"vault-card\">\n          <h5><strong>Factsheet</strong></h5>\n          <p class=\"mb-4\">Learn about CloudOlive & our 140+ integrations</p>\n          <img src=\"/assets/img/resource/factsheet.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"eBook\" />\n          <button class=\"vault-btn\"\n            [routerLink]=\"ebookLink\">\n            <span class=\"text\">Read now </span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n        <div class=\"vault-card\">\n          <h5><strong>Instant Quiz</strong></h5>\n          <p class=\"mb-4\">MRR Risk Review - find out if you might be missing revenue</p>\n          <img src=\"/assets/img/resource/quiz.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"eBook\" />\n          <button class=\"vault-btn\"\n            [routerLink]=\"ebookLink\">\n            <span class=\"text\">Read now </span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#000!important}.msp-vault-section .vault-card p{font-size:1.5rem;color:#444}.msp-vault-section .vault-card img,.msp-vault-section .vault-card iframe{height:210px;border-radius:10px;object-fit:cover}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-top:10px;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden;padding-bottom:6rem!important;padding-top:4rem!important}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}.vault-row{gap:5.5rem!important}@media (width <= 768px){.vault-card{width:100%!important}.vault-btn{margin-left:0!important;width:100%!important}.vault-row{gap:3rem!important}}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"] }]
-        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i0.Injector }], propDecorators: { showVaultSection: [{
+            args: [{ selector: 'pw-resource--vault', template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVaultSection\" class=\"d-flex justify-content-between align-items-center flex-wrap mb-5\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'Whitepapers & Tools'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n    </div>\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"d-flex mt-2 flex-wrap justify-content-center gap-4 vault-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"vault-card text-center p-4\" *ngFor=\"let post of posts\">\n          <p class=\"mb-4\" [innerHTML]=\"post.title\"></p>\n          <img\n               [src]=\"post.picture.url\"\n               class=\"img-fluid my-3 mt-4\"\n               alt=\"Webinar\" />\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"vault-btn\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"vault-btn\" [routerLink]=\"['/resources/view', post?.slug]\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section a{text-decoration:none}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;font-weight:400;color:var(--text-color, black)}.msp-vault-section .vault-card img{width:100%;aspect-ratio:1/1;border-radius:10px;object-fit:cover;margin-top:auto}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;text-decoration:none;padding:14px 20px;font-size:1.5rem;font-weight:500;border-radius:40px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .3s ease;width:100%;max-width:240px;margin:0 auto;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden;padding-top:4rem!important}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}@media (width <= 768px){.container{padding:7rem 3rem 1rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}.vault-row{gap:5.5rem!important}@media (width <= 768px){.vault-card{width:100%!important}.vault-btn{margin-left:0!important;width:100%!important}.vault-row{gap:3rem!important}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.ResourceService }], propDecorators: { showVaultSection: [{
+                type: Input
+            }], postSlice: [{
+                type: Input
+            }], categoryId: [{
+                type: Input
+            }], resourceTitle: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtdmF1bHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS12YXVsdC9yZXNvdXJjZS12YXVsdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLXZhdWx0L3Jlc291cmNlLXZhdWx0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFtQixNQUFNLDJCQUEyQixDQUFDO0FBRTFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7Ozs7QUFPaEUsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGdCQUFnQjtJQVl4RCxZQUNxQixTQUF1QixFQUN4QyxRQUFrQjtRQUVsQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFIQyxjQUFTLEdBQVQsU0FBUyxDQUFjO1FBWm5DLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUNsQyx1QkFBa0IsR0FBRyxLQUFLLENBQUM7UUFDM0Isb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFFeEIsY0FBUyxHQUFHLHlCQUF5QixDQUFDO1FBRXRDLG1CQUFjLEdBQUcsYUFBYSxDQUFDO1FBQy9CLGVBQVUsR0FBRyxxQkFBcUIsQ0FBQztJQVNuQyxDQUFDO0lBRUQsYUFBYTtRQUNULE1BQU0sT0FBTyxHQUFHLGlDQUFpQyxJQUFJLENBQUMsY0FBYyxhQUFhLENBQUM7UUFDbEYsZ0VBQWdFO1FBQ2hFLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLDhCQUE4QixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVTtRQUMvRixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBRUQsZ0JBQWdCO1FBQ1osTUFBTSxPQUFPLEdBQUcsaUNBQWlDLElBQUksQ0FBQyxjQUFjLGFBQWEsQ0FBQztRQUNsRixnRUFBZ0U7UUFDaEUsSUFBSSxDQUFDLHdCQUF3QixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsOEJBQThCLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVO1FBQ2xHLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUM7SUFDbkMsQ0FBQzsrR0EvQlEsc0JBQXNCO21HQUF0QixzQkFBc0IsbUlDVm5DLHMvREE4Q0E7OzRGRHBDYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0ksb0JBQW9CO3dHQUtyQixnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlUmVzb3VyY2VVcmwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuaW1wb3J0IHsgQXBwQmFzZUNvbXBvbmVudCB9IGZyb20gJ0Bwb3Npd2lzZS9hcHAtYmFzZS1jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LXJlc291cmNlLS12YXVsdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Jlc291cmNlLXZhdWx0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9yZXNvdXJjZS12YXVsdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJlc291cmNlVmF1bHRDb21wb25lbnQgZXh0ZW5kcyBBcHBCYXNlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBzaG93VmF1bHRTZWN0aW9uID0gZmFsc2U7XG4gICAgdmlkZW9XZWJpbmFyTG9hZGVkID0gZmFsc2U7XG4gICAgdmlkZW9EZW1vTG9hZGVkID0gZmFsc2U7XG5cbiAgICBlYm9va0xpbmsgPSAnL3Jlc291cmNlcy93aGl0ZS1wYXBlcnMnO1xuXG4gICAgeW91dHViZVZpZGVvSWQgPSAnUjdWazIxOXpiaEEnO1xuICAgIHZpZGVvVGl0bGUgPSAnQ2xvdWRPbGl2ZSBPdmVydmlldyc7XG4gICAgc2FuaXRpemVkRGVtb1ZpZGVvVXJsOiBTYWZlUmVzb3VyY2VVcmw7XG4gICAgc2FuaXRpemVkV2ViaW5hclZpZGVvVXJsOiBTYWZlUmVzb3VyY2VVcmw7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcixcbiAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBsb2FkRGVtb1ZpZGVvKCkge1xuICAgICAgICBjb25zdCBiYXNlVXJsID0gYGh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkLyR7dGhpcy55b3V0dWJlVmlkZW9JZH0/YXV0b3BsYXk9MWA7XG4gICAgICAgIC8vIGJhc2VVcmwgaXMgYSB0cnVzdGVkIGludGVybmFsIHNvdXJjZSAoZS5nLiBZb3VUdWJlIGVtYmVkIFVSTClcbiAgICAgICAgdGhpcy5zYW5pdGl6ZWREZW1vVmlkZW9VcmwgPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0UmVzb3VyY2VVcmwoYmFzZVVybCk7IC8vIE5PU09OQVJcbiAgICAgICAgdGhpcy52aWRlb0RlbW9Mb2FkZWQgPSB0cnVlO1xuICAgIH1cblxuICAgIGxvYWRXZWJpbmFyVmlkZW8oKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGJhc2VVcmwgPSBgaHR0cHM6Ly93d3cueW91dHViZS5jb20vZW1iZWQvJHt0aGlzLnlvdXR1YmVWaWRlb0lkfT9hdXRvcGxheT0xYDtcbiAgICAgICAgLy8gYmFzZVVybCBpcyBhIHRydXN0ZWQgaW50ZXJuYWwgc291cmNlIChlLmcuIFlvdVR1YmUgZW1iZWQgVVJMKVxuICAgICAgICB0aGlzLnNhbml0aXplZFdlYmluYXJWaWRlb1VybCA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybChiYXNlVXJsKTsgLy8gTk9TT05BUlxuICAgICAgICB0aGlzLnZpZGVvV2ViaW5hckxvYWRlZCA9IHRydWU7XG4gICAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJtc3AtdmF1bHQtc2VjdGlvbiBiZy13aGl0ZSB0ZXh0LWNlbnRlciBweS01IGV4dHJhLXRvcC1wYWRkaW5nIHNlY3Rpb24tb3V0ZXJcIj5cbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICAgIDxkaXYgKm5nSWY9XCJzaG93VmF1bHRTZWN0aW9uXCIgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIGZsZXgtd3JhcCBtYi01XCI+XG4gICAgICA8aDIgY2xhc3M9XCJzZWN0aW9uLWhlYWRpbmdcIj5XaGl0ZXBhcGVycyAmIFRvb2xzPC9oMj5cbiAgICAgIDxhIGNsYXNzPVwidmlldy1hbGxcIiByb3V0ZXJMaW5rPVwiL3Jlc291cmNlcy93aGl0ZS1wYXBlcnNcIj5WSUVXIEFMTCA+PC9hPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC13cmFwIGp1c3RpZnktY29udGVudC1jZW50ZXIgZ2FwLTQgdmF1bHQtcm93XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2YXVsdC1jYXJkXCI+XG4gICAgICAgICAgPGg1PjxzdHJvbmc+ZUJvb2s6IDUgdGlwczwvc3Ryb25nPjwvaDU+XG4gICAgICAgICAgPHAgY2xhc3M9XCJtYi00XCI+Zm9yIE1TUHMgdG8gbWFuYWdlIGNsb3VkIGJpbGxpbmdzIGluIEF1dG90YXNrPC9wPlxuICAgICAgICAgIDxpbWcgc3JjPVwiL2Fzc2V0cy9pbWcvcmVzb3VyY2UvdGlwcy5wbmdcIlxuICAgICAgICAgICAgY2xhc3M9XCJpbWctZmx1aWQgbWItM1wiXG4gICAgICAgICAgICBhbHQ9XCJlQm9va1wiIC8+XG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZhdWx0LWJ0blwiXG4gICAgICAgICAgICBbcm91dGVyTGlua109XCJlYm9va0xpbmtcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dFwiPlJlYWQgbm93IDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJyb3dcIj7ihpI8L3NwYW4+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidmF1bHQtY2FyZFwiPlxuICAgICAgICAgIDxoNT48c3Ryb25nPkZhY3RzaGVldDwvc3Ryb25nPjwvaDU+XG4gICAgICAgICAgPHAgY2xhc3M9XCJtYi00XCI+TGVhcm4gYWJvdXQgQ2xvdWRPbGl2ZSAmIG91ciAxNDArIGludGVncmF0aW9uczwvcD5cbiAgICAgICAgICA8aW1nIHNyYz1cIi9hc3NldHMvaW1nL3Jlc291cmNlL2ZhY3RzaGVldC5wbmdcIlxuICAgICAgICAgICAgY2xhc3M9XCJpbWctZmx1aWQgbWItM1wiXG4gICAgICAgICAgICBhbHQ9XCJlQm9va1wiIC8+XG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZhdWx0LWJ0blwiXG4gICAgICAgICAgICBbcm91dGVyTGlua109XCJlYm9va0xpbmtcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dFwiPlJlYWQgbm93IDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJyb3dcIj7ihpI8L3NwYW4+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidmF1bHQtY2FyZFwiPlxuICAgICAgICAgIDxoNT48c3Ryb25nPkluc3RhbnQgUXVpejwvc3Ryb25nPjwvaDU+XG4gICAgICAgICAgPHAgY2xhc3M9XCJtYi00XCI+TVJSIFJpc2sgUmV2aWV3IC0gZmluZCBvdXQgaWYgeW91IG1pZ2h0IGJlIG1pc3NpbmcgcmV2ZW51ZTwvcD5cbiAgICAgICAgICA8aW1nIHNyYz1cIi9hc3NldHMvaW1nL3Jlc291cmNlL3F1aXoucG5nXCJcbiAgICAgICAgICAgIGNsYXNzPVwiaW1nLWZsdWlkIG1iLTNcIlxuICAgICAgICAgICAgYWx0PVwiZUJvb2tcIiAvPlxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ2YXVsdC1idG5cIlxuICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiZWJvb2tMaW5rXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHRcIj5SZWFkIG5vdyA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFycm93XCI+4oaSPC9zcGFuPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtdmF1bHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS12YXVsdC9yZXNvdXJjZS12YXVsdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLXZhdWx0L3Jlc291cmNlLXZhdWx0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7Ozs7QUFPNUQsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGdCQUFnQjtJQVl4RCxZQUNJLFFBQWtCLEVBQ0QsZUFBZ0M7UUFFakQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRkMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBYjVDLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUN6QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBSTNCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIseUJBQW9CLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxtQkFBbUIsQ0FBQyxlQUFlLENBQUM7UUFFMUUsVUFBSyxHQUFHLEVBQUUsQ0FBQztJQU9YLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ2xELElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQztZQUMxQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO29CQUNsRCxNQUFNLElBQUksR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztvQkFDMUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLEVBQUUsY0FBYyxDQUFDO2dCQUMvQyxDQUFDLENBQUMsQ0FBQztZQUNQLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBWSxFQUFFLFFBQWdCO1FBQ25DLElBQUksQ0FBQyxlQUFlO2FBQ2YsY0FBYyxDQUNYLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLG9CQUFvQixFQUNoRCxJQUFJLEVBQ0osUUFBUSxFQUNSLEVBQUUsRUFDRixJQUFJLENBQUMsVUFBVSxDQUNsQjthQUNBLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNsQixNQUFNLFdBQVcsR0FBRyxDQUFDLFFBQVEsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDO2lCQUNyQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxLQUFLLElBQUksQ0FBQztpQkFDdEMsSUFBSSxDQUNELENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQ0wsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLE9BQU8sRUFBRSxHQUFHLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FDOUUsQ0FBQztZQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUN4RSxDQUFDLENBQUM7YUFDRCxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDOytHQXJEUSxzQkFBc0I7bUdBQXRCLHNCQUFzQixxTkNabkMseTREQXNDQTs7NEZEMUJhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxvQkFBb0I7MkdBS3JCLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQXBwQmFzZUNvbXBvbmVudCB9IGZyb20gJ0Bwb3Npd2lzZS9hcHAtYmFzZS1jb21wb25lbnQnO1xuaW1wb3J0IHsgVE9LRU5fS0VZIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi11dGlsaXRpZXMnO1xuXG5pbXBvcnQgeyBSZXNvdXJjZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9yZXNvdXJjZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy1yZXNvdXJjZS0tdmF1bHQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9yZXNvdXJjZS12YXVsdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcmVzb3VyY2UtdmF1bHQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBSZXNvdXJjZVZhdWx0Q29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgc2hvd1ZhdWx0U2VjdGlvbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHBvc3RTbGljZSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGNhdGVnb3J5SWQ7XG4gICAgQElucHV0KCkgcmVzb3VyY2VUaXRsZTtcbiAgICB1c2VyTG9nZ2VkSW46IGJvb2xlYW47XG4gICAgaXNMb2FkZWQgPSBmYWxzZTtcbiAgICBzdWJzY3JpcHRpb25JZDtcbiAgICBtYXN0ZXJTdWJzY3JpcHRpb25JZCA9IHRoaXMuYXBwQ29uZmlnLm1hc3Rlcl9zdWJzY3JpcHRpb24uc3Vic2NyaXB0aW9uX2lkO1xuXG4gICAgcG9zdHMgPSBbXTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgcmVzb3VyY2VTZXJ2aWNlOiBSZXNvdXJjZVNlcnZpY2VcbiAgICApIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmxvY2FsU3RvcmFnZS5nZXRJdGVtJChUT0tFTl9LRVkpLnN1YnNjcmliZShyZXMgPT4ge1xuICAgICAgICAgICAgdGhpcy51c2VyTG9nZ2VkSW4gPSAhIXJlcztcbiAgICAgICAgICAgIGlmICh0aGlzLnVzZXJMb2dnZWRJbikge1xuICAgICAgICAgICAgICAgIHRoaXMubG9jYWxTdG9yYWdlLmdldEl0ZW0kKCdwcm9kdWN0Jykuc3Vic2NyaWJlKHJlcyA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGRhdGEgPSByZXMgPyBKU09OLnBhcnNlKHJlcykgOiBudWxsO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkID0gZGF0YT8uc3Vic2NyaXB0aW9uSWQ7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmdldFBvc3RzKDEsIDEwKTtcbiAgICB9XG5cbiAgICBnZXRQb3N0cyhwYWdlOiBudW1iZXIsIHBhZ2VTaXplOiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5yZXNvdXJjZVNlcnZpY2VcbiAgICAgICAgICAgIC5nZXRQdWJsaWNQb3N0cyhcbiAgICAgICAgICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkIHx8IHRoaXMubWFzdGVyU3Vic2NyaXB0aW9uSWQsXG4gICAgICAgICAgICAgICAgcGFnZSxcbiAgICAgICAgICAgICAgICBwYWdlU2l6ZSxcbiAgICAgICAgICAgICAgICAnJyxcbiAgICAgICAgICAgICAgICB0aGlzLmNhdGVnb3J5SWRcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHNvcnRlZFBvc3RzID0gKHJlc3BvbnNlLnBvc3RzIHx8IFtdKVxuICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKHBvc3QgPT4gcG9zdC5zaG93Y2FzZSA9PT0gdHJ1ZSlcbiAgICAgICAgICAgICAgICAgICAgLnNvcnQoXG4gICAgICAgICAgICAgICAgICAgICAgICAoYSwgYikgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBuZXcgRGF0ZShiLnB1Ymxpc2hlZF9hdCkuZ2V0VGltZSgpIC0gbmV3IERhdGUoYS5wdWJsaXNoZWRfYXQpLmdldFRpbWUoKVxuICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIHRoaXMucG9zdHMgPSB0aGlzLnBvc3RTbGljZSA/IHNvcnRlZFBvc3RzIDogc29ydGVkUG9zdHMuc2xpY2UoMCwgMyk7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgLmFkZCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5pc0xvYWRlZCA9IHRydWU7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cIm1zcC12YXVsdC1zZWN0aW9uIGJnLXdoaXRlIHRleHQtY2VudGVyIHB5LTUgZXh0cmEtdG9wLXBhZGRpbmcgc2VjdGlvbi1vdXRlclwiPlxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgPGRpdiAqbmdJZj1cInNob3dWYXVsdFNlY3Rpb25cIiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBhbGlnbi1pdGVtcy1jZW50ZXIgZmxleC13cmFwIG1iLTVcIj5cbiAgICAgIDxoMiBjbGFzcz1cInNlY3Rpb24taGVhZGluZ1wiIFtpbm5lckhUTUxdPVwicmVzb3VyY2VUaXRsZSB8fCAnV2hpdGVwYXBlcnMgJiBUb29scydcIj48L2gyPlxuICAgICAgPGEgY2xhc3M9XCJ2aWV3LWFsbFwiIHJvdXRlckxpbms9XCIvcmVzb3VyY2VzL3doaXRlLXBhcGVyc1wiPlZJRVcgQUxMID48L2E+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInctMTAwIHRleHQtY2VudGVyIG10LTNcIiAqbmdJZj1cIiFpc0xvYWRlZFwiPlxuICAgICAgPHAtcHJvZ3Jlc3NTcGlubmVyIHN0cm9rZVdpZHRoPVwiMlwiPiA8L3AtcHJvZ3Jlc3NTcGlubmVyPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJwb3N0cy5sZW5ndGggPT09IDAgJiYgaXNMb2FkZWRcIj5cbiAgICAgIDxwdy1uby1kYXRhIFt3aXRoSW1hZ2VdPVwidHJ1ZVwiIFttZXNzYWdlXT1cIidSZXNvdXJjZS5Ob0RhdGFNZXNzYWdlJyB8IHRyYW5zbG9jb1wiLz5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IG10LTIgZmxleC13cmFwIGp1c3RpZnktY29udGVudC1jZW50ZXIgZ2FwLTQgdmF1bHQtcm93XCIgKm5nSWY9XCJwb3N0cy5sZW5ndGggIT09IDAgJiYgaXNMb2FkZWRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZhdWx0LWNhcmQgdGV4dC1jZW50ZXIgcC00XCIgKm5nRm9yPVwibGV0IHBvc3Qgb2YgcG9zdHNcIj5cbiAgICAgICAgICA8cCBjbGFzcz1cIm1iLTRcIiBbaW5uZXJIVE1MXT1cInBvc3QudGl0bGVcIj48L3A+XG4gICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgW3NyY109XCJwb3N0LnBpY3R1cmUudXJsXCJcbiAgICAgICAgICAgICAgIGNsYXNzPVwiaW1nLWZsdWlkIG15LTMgbXQtNFwiXG4gICAgICAgICAgICAgICBhbHQ9XCJXZWJpbmFyXCIgLz5cbiAgICAgICAgICAgICAgIDxhICpuZ0lmPVwicG9zdD8uZXh0ZXJuYWxfdXJsOyBlbHNlIGludGVybmFsTGlua1wiXG4gICAgICAgICAgICAgICBjbGFzcz1cInZhdWx0LWJ0blwiXG4gICAgICAgICAgICAgICBbaHJlZl09XCJwb3N0LmV4dGVybmFsX3VybFwiXG4gICAgICAgICAgICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgICAgICAgICAgcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiPlxuICAgICAgICAgICAgICAgPHNwYW4+e3sgcG9zdD8uY3RhX3RleHQgJiYgcG9zdC5jdGFfdGV4dCAhPT0gJ251bGwnID8gcG9zdC5jdGFfdGV4dCA6ICdSZWFkIE5vdycgIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJhcnJvd1wiPuKGkjwvc3Bhbj5cbiAgICAgICAgICAgICA8L2E+XG5cbiAgICAgICAgICAgPG5nLXRlbXBsYXRlICNpbnRlcm5hbExpbms+XG4gICAgICAgICAgICAgPGEgY2xhc3M9XCJ2YXVsdC1idG5cIiBbcm91dGVyTGlua109XCJbJy9yZXNvdXJjZXMvdmlldycsIHBvc3Q/LnNsdWddXCI+XG4gICAgICAgICAgICAgICA8c3Bhbj57eyBwb3N0Py5jdGFfdGV4dCAmJiBwb3N0LmN0YV90ZXh0ICE9PSAnbnVsbCcgPyBwb3N0LmN0YV90ZXh0IDogJ1JlYWQgTm93JyAgfX08L3NwYW4+XG4gICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFycm93XCI+4oaSPC9zcGFuPlxuICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

package/esm2022/lib/public/components/resource-videos/resource-video-cards/resource-video-cards.component.mjs

@@ -1,35 +1,85 @@
 import { Component, Injector, Input } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { AppBaseComponent } from '@posiwise/app-base-component';
+import { TOKEN_KEY } from '@posiwise/common-utilities';
+import { ResourceService } from 'libs/resource-module/src/lib/resource.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/platform-browser";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/router";
-import * as i4 from "@posiwise/directives";
+import * as i2 from "libs/resource-module/src/lib/resource.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/router";
+import * as i5 from "primeng/progressspinner";
+import * as i6 from "@posiwise/shared-components";
+import * as i7 from "@posiwise/directives";
+import * as i8 from "@jsverse/transloco";
 export class ResourceVideoCardComponent extends AppBaseComponent {
-    constructor(sanitizer, injector) {
+    constructor(sanitizer, resourceService, injector) {
         super(injector);
         this.sanitizer = sanitizer;
+        this.resourceService = resourceService;
         this.showVideoSection = false;
-        this.videoStates = {
-            datto: { loaded: false, id: 'R7Vk219zbhA', url: null },
-            connectwise: { loaded: false, id: 'R7Vk219zbhA', url: null },
-            cloudolive: { loaded: false, id: 'R7Vk219zbhA', url: null }
-        };
+        this.postSlice = false;
+        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+        this.posts = [];
+        this.isLoaded = false;
+        this.videoStates = {};
     }
-    loadVideo(key) {
-        const videoId = this.videoStates[key].id;
-        const baseUrl = `https://www.youtube.com/embed/${videoId}?autoplay=1`;
-        this.videoStates[key].url = this.sanitizer.bypassSecurityTrustResourceUrl(baseUrl); // NOSONAR
-        this.videoStates[key].loaded = true;
+    ngOnInit() {
+        this.localStorage.getItem$(TOKEN_KEY).subscribe(res => {
+            this.userLoggedIn = !!res;
+            if (this.userLoggedIn) {
+                this.localStorage.getItem$('product').subscribe(res => {
+                    const data = res ? JSON.parse(res) : null;
+                    this.subscriptionId = data?.subscriptionId;
+                });
+            }
+        });
+        this.getPosts(1, 10);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVideoCardComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceVideoCardComponent, selector: "pw-resource-video-card", inputs: { showVideoSection: "showVideoSection" }, usesInheritance: true, ngImport: i0, template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVideoSection\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\">On-Demand Videos</h2>\n      <a class=\"view-all\" routerLink=\"/resources/videos\">VIEW ALL ></a>\n    </div>\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center video-row\">\n      <div class=\"vault-card\">\n        <p>MSP UPSKILL: Free Masterclass on Billing in Datto Autotask</p>\n        <img src=\"/assets/img/resource/logos/datto-logo.png\" alt=\"Datto Logo\" class=\"header-logo\" />\n\n        <img *ngIf=\"!videoStates.datto.loaded\"\n            src=\"/assets/img/resource/datto-video.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"Webinar\" />\n\n        <iframe *ngIf=\"videoStates.datto.loaded\"\n                class=\"embed-responsive-item\"\n                [title]=\"videoTitle\"\n                [src]=\"videoStates.datto.url\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n        </iframe>\n\n        <button class=\"vault-btn\" (click)=\"loadVideo('datto')\">\n          <span class=\"text\">Watch now</span>\n          <span class=\"arrow\">\u2192</span>\n        </button>\n      </div>\n      <div class=\"vault-card\">\n        <p>MSP UPSKILL: Free Masterclass on Billing in ConnectWise</p>\n        <img src=\"/assets/img/resource/logos/connectwise.png\" alt=\"ConnectWise Logo\" class=\"header-logo\" />\n\n        <img *ngIf=\"!videoStates.connectwise.loaded\"\n            src=\"/assets/img/resource/datto-video.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"Webinar\" />\n\n        <iframe *ngIf=\"videoStates.connectwise.loaded\"\n                class=\"embed-responsive-item\"\n                [title]=\"videoTitle\"\n                [src]=\"videoStates.connectwise.url\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n        </iframe>\n\n        <button class=\"vault-btn\" (click)=\"loadVideo('connectwise')\">\n          <span class=\"text\">Watch now</span>\n          <span class=\"arrow\">\u2192</span>\n        </button>\n      </div>\n      <div class=\"vault-card\">\n        <p class=\"demo\">DEMONSTRATION: <br /> 5 minute overview of<br />CloudOlive</p>\n\n        <img *ngIf=\"!videoStates.cloudolive.loaded\"\n            src=\"/assets/img/resource/demo-video.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"Webinar\" />\n\n        <iframe *ngIf=\"videoStates.cloudolive.loaded\"\n                class=\"embed-responsive-item\"\n                [title]=\"videoTitle\"\n                [src]=\"videoStates.cloudolive.url\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n        </iframe>\n\n        <button class=\"vault-btn\" (click)=\"loadVideo('cloudolive')\">\n          <span class=\"text\">Watch now</span>\n          <span class=\"arrow\">\u2192</span>\n        </button>\n      </div>\n    </div>\n  </div>\n\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:330px;height:450px}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#000!important}.msp-vault-section .vault-card p{font-size:1.5rem;color:#444}.msp-vault-section .vault-card img,.msp-vault-section .vault-card iframe{height:210px;border-radius:10px;object-fit:cover}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-top:10px;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important;height:auto!important}.video-row{gap:3rem!important}}.section-heading{font-size:3rem;font-weight:300}.demo{margin-bottom:4.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}.video-row{gap:5.5rem!important}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.LazyImgDirective, selector: "img" }] }); }
+    loadVideo(post) {
+        if (!post.external_url)
+            return;
+        const slug = post.slug;
+        let externalUrl = post.external_url;
+        // Append autoplay only when clicked
+        externalUrl += externalUrl.includes('?') ? '&autoplay=1' : '?autoplay=1';
+        this.videoStates[slug].url = this.sanitizer.bypassSecurityTrustResourceUrl(externalUrl);
+    }
+    getPosts(page, pageSize) {
+        console.log('pop', this.categoryId);
+        this.resourceService
+            .getPublicPosts(this.subscriptionId || this.masterSubscriptionId, page, pageSize, '', this.categoryId)
+            .subscribe(response => {
+            const sortedPosts = (response.posts || [])
+                .filter(post => post.showcase === true)
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+            this.posts = this.postSlice ? sortedPosts : sortedPosts.slice(0, 3);
+            this.posts.forEach(post => {
+                if (post.external_url) {
+                    this.videoStates[post.slug] = {
+                        loaded: true,
+                        url: this.sanitizer.bypassSecurityTrustResourceUrl(post.external_url)
+                    };
+                }
+            });
+        })
+            .add(() => {
+            this.isLoaded = true;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVideoCardComponent, deps: [{ token: i1.DomSanitizer }, { token: i2.ResourceService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceVideoCardComponent, selector: "pw-resource-video-card", inputs: { showVideoSection: "showVideoSection", categoryId: "categoryId", postSlice: "postSlice", resourceTitle: "resourceTitle" }, usesInheritance: true, ngImport: i0, template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVideoSection\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'On-Demand Videos'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/videos\">VIEW ALL ></a>\n    </div>\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n      <div class=\"vault-card\" *ngFor=\"let post of posts\">\n        <p [innerHTML]=\"post.title\" class=\"mb-5\"></p>\n        <img *ngIf=\"!videoStates[post.slug]?.loaded\"\n        [src]=\"post.picture.url\"\n        class=\"img-fluid mb-3\"\n        [alt]=\"post.title\" />\n\n   <iframe *ngIf=\"videoStates[post.slug]?.loaded\"\n           class=\"embed-responsive-item mb-3\"\n           [title]=\"post.title\"\n           [src]=\"videoStates[post.slug]?.url\"\n           allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n           allowfullscreen>\n   </iframe>\n\n        <button class=\"vault-btn\" (click)=\"loadVideo(post)\">\n          <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Watch now'  }}</span>\n          <span class=\"arrow\">\u2192</span>\n        </button>\n      </div>\n    </div>\n  </div>\n\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:330px;height:auto}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;font-weight:400;color:var(--text-color, black)}.msp-vault-section .vault-card img,.msp-vault-section .vault-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important}.msp-vault-section .vault-card iframe{max-width:280px!important;margin-right:0!important}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-top:auto;margin-left:1.5rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important;height:auto!important}.video-row{gap:3rem!important}}.section-heading{font-size:3rem;font-weight:300}.demo{margin-bottom:4.8rem!important}.header-logo{height:50px!important;align-self:center;margin-bottom:10px;border-radius:0!important}.video-row{gap:5.5rem!important}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i7.LazyImgDirective, selector: "img" }, { kind: "pipe", type: i8.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVideoCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource-video-card', template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVideoSection\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\">On-Demand Videos</h2>\n      <a class=\"view-all\" routerLink=\"/resources/videos\">VIEW ALL ></a>\n    </div>\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center video-row\">\n      <div class=\"vault-card\">\n        <p>MSP UPSKILL: Free Masterclass on Billing in Datto Autotask</p>\n        <img src=\"/assets/img/resource/logos/datto-logo.png\" alt=\"Datto Logo\" class=\"header-logo\" />\n\n        <img *ngIf=\"!videoStates.datto.loaded\"\n            src=\"/assets/img/resource/datto-video.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"Webinar\" />\n\n        <iframe *ngIf=\"videoStates.datto.loaded\"\n                class=\"embed-responsive-item\"\n                [title]=\"videoTitle\"\n                [src]=\"videoStates.datto.url\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n        </iframe>\n\n        <button class=\"vault-btn\" (click)=\"loadVideo('datto')\">\n          <span class=\"text\">Watch now</span>\n          <span class=\"arrow\">\u2192</span>\n        </button>\n      </div>\n      <div class=\"vault-card\">\n        <p>MSP UPSKILL: Free Masterclass on Billing in ConnectWise</p>\n        <img src=\"/assets/img/resource/logos/connectwise.png\" alt=\"ConnectWise Logo\" class=\"header-logo\" />\n\n        <img *ngIf=\"!videoStates.connectwise.loaded\"\n            src=\"/assets/img/resource/datto-video.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"Webinar\" />\n\n        <iframe *ngIf=\"videoStates.connectwise.loaded\"\n                class=\"embed-responsive-item\"\n                [title]=\"videoTitle\"\n                [src]=\"videoStates.connectwise.url\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n        </iframe>\n\n        <button class=\"vault-btn\" (click)=\"loadVideo('connectwise')\">\n          <span class=\"text\">Watch now</span>\n          <span class=\"arrow\">\u2192</span>\n        </button>\n      </div>\n      <div class=\"vault-card\">\n        <p class=\"demo\">DEMONSTRATION: <br /> 5 minute overview of<br />CloudOlive</p>\n\n        <img *ngIf=\"!videoStates.cloudolive.loaded\"\n            src=\"/assets/img/resource/demo-video.png\"\n            class=\"img-fluid mb-3\"\n            alt=\"Webinar\" />\n\n        <iframe *ngIf=\"videoStates.cloudolive.loaded\"\n                class=\"embed-responsive-item\"\n                [title]=\"videoTitle\"\n                [src]=\"videoStates.cloudolive.url\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n        </iframe>\n\n        <button class=\"vault-btn\" (click)=\"loadVideo('cloudolive')\">\n          <span class=\"text\">Watch now</span>\n          <span class=\"arrow\">\u2192</span>\n        </button>\n      </div>\n    </div>\n  </div>\n\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:330px;height:450px}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#000!important}.msp-vault-section .vault-card p{font-size:1.5rem;color:#444}.msp-vault-section .vault-card img,.msp-vault-section .vault-card iframe{height:210px;border-radius:10px;object-fit:cover}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-top:10px;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important;height:auto!important}.video-row{gap:3rem!important}}.section-heading{font-size:3rem;font-weight:300}.demo{margin-bottom:4.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}.video-row{gap:5.5rem!important}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"] }]
-        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i0.Injector }], propDecorators: { showVideoSection: [{
+            args: [{ selector: 'pw-resource-video-card', template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVideoSection\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'On-Demand Videos'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/videos\">VIEW ALL ></a>\n    </div>\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n      <div class=\"vault-card\" *ngFor=\"let post of posts\">\n        <p [innerHTML]=\"post.title\" class=\"mb-5\"></p>\n        <img *ngIf=\"!videoStates[post.slug]?.loaded\"\n        [src]=\"post.picture.url\"\n        class=\"img-fluid mb-3\"\n        [alt]=\"post.title\" />\n\n   <iframe *ngIf=\"videoStates[post.slug]?.loaded\"\n           class=\"embed-responsive-item mb-3\"\n           [title]=\"post.title\"\n           [src]=\"videoStates[post.slug]?.url\"\n           allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n           allowfullscreen>\n   </iframe>\n\n        <button class=\"vault-btn\" (click)=\"loadVideo(post)\">\n          <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Watch now'  }}</span>\n          <span class=\"arrow\">\u2192</span>\n        </button>\n      </div>\n    </div>\n  </div>\n\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:330px;height:auto}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;font-weight:400;color:var(--text-color, black)}.msp-vault-section .vault-card img,.msp-vault-section .vault-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important}.msp-vault-section .vault-card iframe{max-width:280px!important;margin-right:0!important}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-top:auto;margin-left:1.5rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important;height:auto!important}.video-row{gap:3rem!important}}.section-heading{font-size:3rem;font-weight:300}.demo{margin-bottom:4.8rem!important}.header-logo{height:50px!important;align-self:center;margin-bottom:10px;border-radius:0!important}.video-row{gap:5.5rem!important}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i2.ResourceService }, { type: i0.Injector }], propDecorators: { showVideoSection: [{
+                type: Input
+            }], categoryId: [{
+                type: Input
+            }], postSlice: [{
+                type: Input
+            }], resourceTitle: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtdmlkZW8tY2FyZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS12aWRlb3MvcmVzb3VyY2UtdmlkZW8tY2FyZHMvcmVzb3VyY2UtdmlkZW8tY2FyZHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS12aWRlb3MvcmVzb3VyY2UtdmlkZW8tY2FyZHMvcmVzb3VyY2UtdmlkZW8tY2FyZHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQW1CLE1BQU0sMkJBQTJCLENBQUM7QUFFMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7OztBQU9oRSxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsZ0JBQWdCO0lBUTVELFlBQ3FCLFNBQXVCLEVBQ3hDLFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUhDLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFSbkMscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQ2xDLGdCQUFXLEdBQUc7WUFDVixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUFFLElBQXVCLEVBQUU7WUFDekUsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBRSxJQUF1QixFQUFFO1lBQy9FLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQUUsSUFBdUIsRUFBRTtTQUNqRixDQUFDO0lBT0YsQ0FBQztJQUVELFNBQVMsQ0FBQyxHQUEyQztRQUNqRCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUN6QyxNQUFNLE9BQU8sR0FBRyxpQ0FBaUMsT0FBTyxhQUFhLENBQUM7UUFDdEUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyw4QkFBOEIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFVBQVU7UUFDOUYsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO0lBQ3hDLENBQUM7K0dBcEJRLDBCQUEwQjttR0FBMUIsMEJBQTBCLHVJQ1Z2Qyxnd0dBNEVBOzs0RkRsRWEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNJLHdCQUF3Qjt3R0FLekIsZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVJlc291cmNlVXJsIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy1yZXNvdXJjZS12aWRlby1jYXJkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcmVzb3VyY2UtdmlkZW8tY2FyZHMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Jlc291cmNlLXZpZGVvLWNhcmRzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUmVzb3VyY2VWaWRlb0NhcmRDb21wb25lbnQgZXh0ZW5kcyBBcHBCYXNlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBzaG93VmlkZW9TZWN0aW9uID0gZmFsc2U7XG4gICAgdmlkZW9TdGF0ZXMgPSB7XG4gICAgICAgIGRhdHRvOiB7IGxvYWRlZDogZmFsc2UsIGlkOiAnUjdWazIxOXpiaEEnLCB1cmw6IG51bGwgYXMgU2FmZVJlc291cmNlVXJsIH0sXG4gICAgICAgIGNvbm5lY3R3aXNlOiB7IGxvYWRlZDogZmFsc2UsIGlkOiAnUjdWazIxOXpiaEEnLCB1cmw6IG51bGwgYXMgU2FmZVJlc291cmNlVXJsIH0sXG4gICAgICAgIGNsb3Vkb2xpdmU6IHsgbG9hZGVkOiBmYWxzZSwgaWQ6ICdSN1ZrMjE5emJoQScsIHVybDogbnVsbCBhcyBTYWZlUmVzb3VyY2VVcmwgfVxuICAgIH07XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcixcbiAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBsb2FkVmlkZW8oa2V5OiAnZGF0dG8nIHwgJ2Nvbm5lY3R3aXNlJyB8ICdjbG91ZG9saXZlJykge1xuICAgICAgICBjb25zdCB2aWRlb0lkID0gdGhpcy52aWRlb1N0YXRlc1trZXldLmlkO1xuICAgICAgICBjb25zdCBiYXNlVXJsID0gYGh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkLyR7dmlkZW9JZH0/YXV0b3BsYXk9MWA7XG4gICAgICAgIHRoaXMudmlkZW9TdGF0ZXNba2V5XS51cmwgPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0UmVzb3VyY2VVcmwoYmFzZVVybCk7IC8vIE5PU09OQVJcbiAgICAgICAgdGhpcy52aWRlb1N0YXRlc1trZXldLmxvYWRlZCA9IHRydWU7XG4gICAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJtc3AtdmF1bHQtc2VjdGlvbiBiZy13aGl0ZSB0ZXh0LWNlbnRlciBweS01IGV4dHJhLXRvcC1wYWRkaW5nIHNlY3Rpb24tb3V0ZXJcIj5cbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICAgIDxkaXYgKm5nSWY9XCJzaG93VmlkZW9TZWN0aW9uXCIgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIGZsZXgtd3JhcFwiPlxuICAgICAgPGgyIGNsYXNzPVwic2VjdGlvbi1oZWFkaW5nXCI+T24tRGVtYW5kIFZpZGVvczwvaDI+XG4gICAgICA8YSBjbGFzcz1cInZpZXctYWxsXCIgcm91dGVyTGluaz1cIi9yZXNvdXJjZXMvdmlkZW9zXCI+VklFVyBBTEwgPjwvYT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicm93IG10LTUgZC1mbGV4IGZsZXgtd3JhcCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIHZpZGVvLXJvd1wiPlxuICAgICAgPGRpdiBjbGFzcz1cInZhdWx0LWNhcmRcIj5cbiAgICAgICAgPHA+TVNQIFVQU0tJTEw6IEZyZWUgTWFzdGVyY2xhc3Mgb24gQmlsbGluZyBpbiBEYXR0byBBdXRvdGFzazwvcD5cbiAgICAgICAgPGltZyBzcmM9XCIvYXNzZXRzL2ltZy9yZXNvdXJjZS9sb2dvcy9kYXR0by1sb2dvLnBuZ1wiIGFsdD1cIkRhdHRvIExvZ29cIiBjbGFzcz1cImhlYWRlci1sb2dvXCIgLz5cblxuICAgICAgICA8aW1nICpuZ0lmPVwiIXZpZGVvU3RhdGVzLmRhdHRvLmxvYWRlZFwiXG4gICAgICAgICAgICBzcmM9XCIvYXNzZXRzL2ltZy9yZXNvdXJjZS9kYXR0by12aWRlby5wbmdcIlxuICAgICAgICAgICAgY2xhc3M9XCJpbWctZmx1aWQgbWItM1wiXG4gICAgICAgICAgICBhbHQ9XCJXZWJpbmFyXCIgLz5cblxuICAgICAgICA8aWZyYW1lICpuZ0lmPVwidmlkZW9TdGF0ZXMuZGF0dG8ubG9hZGVkXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImVtYmVkLXJlc3BvbnNpdmUtaXRlbVwiXG4gICAgICAgICAgICAgICAgW3RpdGxlXT1cInZpZGVvVGl0bGVcIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwidmlkZW9TdGF0ZXMuZGF0dG8udXJsXCJcbiAgICAgICAgICAgICAgICBhbGxvdz1cImFjY2VsZXJvbWV0ZXI7IGF1dG9wbGF5OyBjbGlwYm9hcmQtd3JpdGU7IGVuY3J5cHRlZC1tZWRpYTsgZ3lyb3Njb3BlOyBwaWN0dXJlLWluLXBpY3R1cmVcIlxuICAgICAgICAgICAgICAgIGFsbG93ZnVsbHNjcmVlbj5cbiAgICAgICAgPC9pZnJhbWU+XG5cbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZhdWx0LWJ0blwiIChjbGljayk9XCJsb2FkVmlkZW8oJ2RhdHRvJylcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHRcIj5XYXRjaCBub3c8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJhcnJvd1wiPuKGkjwvc3Bhbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2YXVsdC1jYXJkXCI+XG4gICAgICAgIDxwPk1TUCBVUFNLSUxMOiBGcmVlIE1hc3RlcmNsYXNzIG9uIEJpbGxpbmcgaW4gQ29ubmVjdFdpc2U8L3A+XG4gICAgICAgIDxpbWcgc3JjPVwiL2Fzc2V0cy9pbWcvcmVzb3VyY2UvbG9nb3MvY29ubmVjdHdpc2UucG5nXCIgYWx0PVwiQ29ubmVjdFdpc2UgTG9nb1wiIGNsYXNzPVwiaGVhZGVyLWxvZ29cIiAvPlxuXG4gICAgICAgIDxpbWcgKm5nSWY9XCIhdmlkZW9TdGF0ZXMuY29ubmVjdHdpc2UubG9hZGVkXCJcbiAgICAgICAgICAgIHNyYz1cIi9hc3NldHMvaW1nL3Jlc291cmNlL2RhdHRvLXZpZGVvLnBuZ1wiXG4gICAgICAgICAgICBjbGFzcz1cImltZy1mbHVpZCBtYi0zXCJcbiAgICAgICAgICAgIGFsdD1cIldlYmluYXJcIiAvPlxuXG4gICAgICAgIDxpZnJhbWUgKm5nSWY9XCJ2aWRlb1N0YXRlcy5jb25uZWN0d2lzZS5sb2FkZWRcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZW1iZWQtcmVzcG9uc2l2ZS1pdGVtXCJcbiAgICAgICAgICAgICAgICBbdGl0bGVdPVwidmlkZW9UaXRsZVwiXG4gICAgICAgICAgICAgICAgW3NyY109XCJ2aWRlb1N0YXRlcy5jb25uZWN0d2lzZS51cmxcIlxuICAgICAgICAgICAgICAgIGFsbG93PVwiYWNjZWxlcm9tZXRlcjsgYXV0b3BsYXk7IGNsaXBib2FyZC13cml0ZTsgZW5jcnlwdGVkLW1lZGlhOyBneXJvc2NvcGU7IHBpY3R1cmUtaW4tcGljdHVyZVwiXG4gICAgICAgICAgICAgICAgYWxsb3dmdWxsc2NyZWVuPlxuICAgICAgICA8L2lmcmFtZT5cblxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwidmF1bHQtYnRuXCIgKGNsaWNrKT1cImxvYWRWaWRlbygnY29ubmVjdHdpc2UnKVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dFwiPldhdGNoIG5vdzwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImFycm93XCI+4oaSPC9zcGFuPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInZhdWx0LWNhcmRcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJkZW1vXCI+REVNT05TVFJBVElPTjogPGJyIC8+IDUgbWludXRlIG92ZXJ2aWV3IG9mPGJyIC8+Q2xvdWRPbGl2ZTwvcD5cblxuICAgICAgICA8aW1nICpuZ0lmPVwiIXZpZGVvU3RhdGVzLmNsb3Vkb2xpdmUubG9hZGVkXCJcbiAgICAgICAgICAgIHNyYz1cIi9hc3NldHMvaW1nL3Jlc291cmNlL2RlbW8tdmlkZW8ucG5nXCJcbiAgICAgICAgICAgIGNsYXNzPVwiaW1nLWZsdWlkIG1iLTNcIlxuICAgICAgICAgICAgYWx0PVwiV2ViaW5hclwiIC8+XG5cbiAgICAgICAgPGlmcmFtZSAqbmdJZj1cInZpZGVvU3RhdGVzLmNsb3Vkb2xpdmUubG9hZGVkXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImVtYmVkLXJlc3BvbnNpdmUtaXRlbVwiXG4gICAgICAgICAgICAgICAgW3RpdGxlXT1cInZpZGVvVGl0bGVcIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwidmlkZW9TdGF0ZXMuY2xvdWRvbGl2ZS51cmxcIlxuICAgICAgICAgICAgICAgIGFsbG93PVwiYWNjZWxlcm9tZXRlcjsgYXV0b3BsYXk7IGNsaXBib2FyZC13cml0ZTsgZW5jcnlwdGVkLW1lZGlhOyBneXJvc2NvcGU7IHBpY3R1cmUtaW4tcGljdHVyZVwiXG4gICAgICAgICAgICAgICAgYWxsb3dmdWxsc2NyZWVuPlxuICAgICAgICA8L2lmcmFtZT5cblxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwidmF1bHQtYnRuXCIgKGNsaWNrKT1cImxvYWRWaWRlbygnY2xvdWRvbGl2ZScpXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+V2F0Y2ggbm93PC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJyb3dcIj7ihpI8L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG48L3NlY3Rpb24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtdmlkZW8tY2FyZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS12aWRlb3MvcmVzb3VyY2UtdmlkZW8tY2FyZHMvcmVzb3VyY2UtdmlkZW8tY2FyZHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS12aWRlb3MvcmVzb3VyY2UtdmlkZW8tY2FyZHMvcmVzb3VyY2UtdmlkZW8tY2FyZHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQW1CLE1BQU0sMkJBQTJCLENBQUM7QUFFMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQzs7Ozs7Ozs7OztBQU9oRixNQUFNLE9BQU8sMEJBQTJCLFNBQVEsZ0JBQWdCO0lBaUI1RCxZQUNxQixTQUF1QixFQUN2QixlQUFnQyxFQUNqRCxRQUFrQjtRQUVsQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFKQyxjQUFTLEdBQVQsU0FBUyxDQUFjO1FBQ3ZCLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQWxCNUMscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBRXpCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFJM0IseUJBQW9CLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxtQkFBbUIsQ0FBQyxlQUFlLENBQUM7UUFFMUUsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsZ0JBQVcsR0FBa0UsRUFBRSxDQUFDO0lBVWhGLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ2xELElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQztZQUMxQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO29CQUNsRCxNQUFNLElBQUksR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztvQkFDMUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLEVBQUUsY0FBYyxDQUFDO2dCQUMvQyxDQUFDLENBQUMsQ0FBQztZQUNQLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxTQUFTLENBQUMsSUFBSTtRQUNWLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWTtZQUFFLE9BQU87UUFFL0IsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUN2QixJQUFJLFdBQVcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1FBRXBDLG9DQUFvQztRQUNwQyxXQUFXLElBQUksV0FBVyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUM7UUFFekUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyw4QkFBOEIsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUM1RixDQUFDO0lBRUQsUUFBUSxDQUFDLElBQVksRUFBRSxRQUFnQjtRQUNuQyxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDcEMsSUFBSSxDQUFDLGVBQWU7YUFDZixjQUFjLENBQ1gsSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsb0JBQW9CLEVBQ2hELElBQUksRUFDSixRQUFRLEVBQ1IsRUFBRSxFQUNGLElBQUksQ0FBQyxVQUFVLENBQ2xCO2FBQ0EsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLE1BQU0sV0FBVyxHQUFHLENBQUMsUUFBUSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7aUJBQ3JDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLEtBQUssSUFBSSxDQUFDO2lCQUN0QyxJQUFJLENBQ0QsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FDTCxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsT0FBTyxFQUFFLEdBQUcsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUM5RSxDQUFDO1lBQ04sSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQ3BFLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUN0QixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztvQkFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUc7d0JBQzFCLE1BQU0sRUFBRSxJQUFJO3dCQUNaLEdBQUcsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLDhCQUE4QixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7cUJBQ3hFLENBQUM7Z0JBQ04sQ0FBQztZQUNMLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDO2FBQ0QsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzsrR0FoRlEsMEJBQTBCO21HQUExQiwwQkFBMEIseU5DYnZDLHd0REFxQ0E7OzRGRHhCYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0ksd0JBQXdCO3NJQUt6QixnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVSZXNvdXJjZVVybCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5pbXBvcnQgeyBBcHBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHBvc2l3aXNlL2FwcC1iYXNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBUT0tFTl9LRVkgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5cbmltcG9ydCB7IFJlc291cmNlU2VydmljZSB9IGZyb20gJ2xpYnMvcmVzb3VyY2UtbW9kdWxlL3NyYy9saWIvcmVzb3VyY2Uuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncHctcmVzb3VyY2UtdmlkZW8tY2FyZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Jlc291cmNlLXZpZGVvLWNhcmRzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9yZXNvdXJjZS12aWRlby1jYXJkcy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJlc291cmNlVmlkZW9DYXJkQ29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgc2hvd1ZpZGVvU2VjdGlvbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGNhdGVnb3J5SWQhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgcG9zdFNsaWNlID0gZmFsc2U7XG4gICAgQElucHV0KCkgcmVzb3VyY2VUaXRsZSE6IHN0cmluZztcblxuICAgIHN1YnNjcmlwdGlvbklkOiBudW1iZXI7XG4gICAgbWFzdGVyU3Vic2NyaXB0aW9uSWQgPSB0aGlzLmFwcENvbmZpZy5tYXN0ZXJfc3Vic2NyaXB0aW9uLnN1YnNjcmlwdGlvbl9pZDtcblxuICAgIHBvc3RzID0gW107XG5cbiAgICBpc0xvYWRlZCA9IGZhbHNlO1xuXG4gICAgdmlkZW9TdGF0ZXM6IHsgW3NsdWc6IHN0cmluZ106IHsgbG9hZGVkOiBib29sZWFuOyB1cmw6IFNhZmVSZXNvdXJjZVVybCB9IH0gPSB7fTtcblxuICAgIHVzZXJMb2dnZWRJbjogYm9vbGVhbjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHNhbml0aXplcjogRG9tU2FuaXRpemVyLFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHJlc291cmNlU2VydmljZTogUmVzb3VyY2VTZXJ2aWNlLFxuICAgICAgICBpbmplY3RvcjogSW5qZWN0b3JcbiAgICApIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmxvY2FsU3RvcmFnZS5nZXRJdGVtJChUT0tFTl9LRVkpLnN1YnNjcmliZShyZXMgPT4ge1xuICAgICAgICAgICAgdGhpcy51c2VyTG9nZ2VkSW4gPSAhIXJlcztcbiAgICAgICAgICAgIGlmICh0aGlzLnVzZXJMb2dnZWRJbikge1xuICAgICAgICAgICAgICAgIHRoaXMubG9jYWxTdG9yYWdlLmdldEl0ZW0kKCdwcm9kdWN0Jykuc3Vic2NyaWJlKHJlcyA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGRhdGEgPSByZXMgPyBKU09OLnBhcnNlKHJlcykgOiBudWxsO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkID0gZGF0YT8uc3Vic2NyaXB0aW9uSWQ7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmdldFBvc3RzKDEsIDEwKTtcbiAgICB9XG5cbiAgICBsb2FkVmlkZW8ocG9zdCk6IHZvaWQge1xuICAgICAgICBpZiAoIXBvc3QuZXh0ZXJuYWxfdXJsKSByZXR1cm47XG5cbiAgICAgICAgY29uc3Qgc2x1ZyA9IHBvc3Quc2x1ZztcbiAgICAgICAgbGV0IGV4dGVybmFsVXJsID0gcG9zdC5leHRlcm5hbF91cmw7XG5cbiAgICAgICAgLy8gQXBwZW5kIGF1dG9wbGF5IG9ubHkgd2hlbiBjbGlja2VkXG4gICAgICAgIGV4dGVybmFsVXJsICs9IGV4dGVybmFsVXJsLmluY2x1ZGVzKCc/JykgPyAnJmF1dG9wbGF5PTEnIDogJz9hdXRvcGxheT0xJztcblxuICAgICAgICB0aGlzLnZpZGVvU3RhdGVzW3NsdWddLnVybCA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybChleHRlcm5hbFVybCk7XG4gICAgfVxuXG4gICAgZ2V0UG9zdHMocGFnZTogbnVtYmVyLCBwYWdlU2l6ZTogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIGNvbnNvbGUubG9nKCdwb3AnLCB0aGlzLmNhdGVnb3J5SWQpO1xuICAgICAgICB0aGlzLnJlc291cmNlU2VydmljZVxuICAgICAgICAgICAgLmdldFB1YmxpY1Bvc3RzKFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgfHwgdGhpcy5tYXN0ZXJTdWJzY3JpcHRpb25JZCxcbiAgICAgICAgICAgICAgICBwYWdlLFxuICAgICAgICAgICAgICAgIHBhZ2VTaXplLFxuICAgICAgICAgICAgICAgICcnLFxuICAgICAgICAgICAgICAgIHRoaXMuY2F0ZWdvcnlJZFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3Qgc29ydGVkUG9zdHMgPSAocmVzcG9uc2UucG9zdHMgfHwgW10pXG4gICAgICAgICAgICAgICAgICAgIC5maWx0ZXIocG9zdCA9PiBwb3N0LnNob3djYXNlID09PSB0cnVlKVxuICAgICAgICAgICAgICAgICAgICAuc29ydChcbiAgICAgICAgICAgICAgICAgICAgICAgIChhLCBiKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5ldyBEYXRlKGIucHVibGlzaGVkX2F0KS5nZXRUaW1lKCkgLSBuZXcgRGF0ZShhLnB1Ymxpc2hlZF9hdCkuZ2V0VGltZSgpXG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgdGhpcy5wb3N0cyA9IHRoaXMucG9zdFNsaWNlID8gc29ydGVkUG9zdHMgOiBzb3J0ZWRQb3N0cy5zbGljZSgwLCAzKTtcbiAgICAgICAgICAgICAgICB0aGlzLnBvc3RzLmZvckVhY2gocG9zdCA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChwb3N0LmV4dGVybmFsX3VybCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy52aWRlb1N0YXRlc1twb3N0LnNsdWddID0ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxvYWRlZDogdHJ1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB1cmw6IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybChwb3N0LmV4dGVybmFsX3VybClcbiAgICAgICAgICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuYWRkKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGVkID0gdHJ1ZTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwibXNwLXZhdWx0LXNlY3Rpb24gYmctd2hpdGUgdGV4dC1jZW50ZXIgcHktNSBleHRyYS10b3AtcGFkZGluZyBzZWN0aW9uLW91dGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cbiAgICA8ZGl2ICpuZ0lmPVwic2hvd1ZpZGVvU2VjdGlvblwiIGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIGFsaWduLWl0ZW1zLWNlbnRlciBmbGV4LXdyYXBcIj5cbiAgICAgIDxoMiBjbGFzcz1cInNlY3Rpb24taGVhZGluZ1wiIFtpbm5lckhUTUxdPVwicmVzb3VyY2VUaXRsZSB8fCAnT24tRGVtYW5kIFZpZGVvcydcIj48L2gyPlxuICAgICAgPGEgY2xhc3M9XCJ2aWV3LWFsbFwiIHJvdXRlckxpbms9XCIvcmVzb3VyY2VzL3ZpZGVvc1wiPlZJRVcgQUxMID48L2E+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInctMTAwIHRleHQtY2VudGVyIG10LTNcIiAqbmdJZj1cIiFpc0xvYWRlZFwiPlxuICAgICAgPHAtcHJvZ3Jlc3NTcGlubmVyIHN0cm9rZVdpZHRoPVwiMlwiPiA8L3AtcHJvZ3Jlc3NTcGlubmVyPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJwb3N0cy5sZW5ndGggPT09IDAgJiYgaXNMb2FkZWRcIj5cbiAgICAgIDxwdy1uby1kYXRhIFt3aXRoSW1hZ2VdPVwidHJ1ZVwiIFttZXNzYWdlXT1cIidSZXNvdXJjZS5Ob0RhdGFNZXNzYWdlJyB8IHRyYW5zbG9jb1wiLz5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicm93IG10LTUgZC1mbGV4IGZsZXgtd3JhcCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIHZpZGVvLXJvd1wiICpuZ0lmPVwicG9zdHMubGVuZ3RoICE9PSAwICYmIGlzTG9hZGVkXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwidmF1bHQtY2FyZFwiICpuZ0Zvcj1cImxldCBwb3N0IG9mIHBvc3RzXCI+XG4gICAgICAgIDxwIFtpbm5lckhUTUxdPVwicG9zdC50aXRsZVwiIGNsYXNzPVwibWItNVwiPjwvcD5cbiAgICAgICAgPGltZyAqbmdJZj1cIiF2aWRlb1N0YXRlc1twb3N0LnNsdWddPy5sb2FkZWRcIlxuICAgICAgICBbc3JjXT1cInBvc3QucGljdHVyZS51cmxcIlxuICAgICAgICBjbGFzcz1cImltZy1mbHVpZCBtYi0zXCJcbiAgICAgICAgW2FsdF09XCJwb3N0LnRpdGxlXCIgLz5cblxuICAgPGlmcmFtZSAqbmdJZj1cInZpZGVvU3RhdGVzW3Bvc3Quc2x1Z10/LmxvYWRlZFwiXG4gICAgICAgICAgIGNsYXNzPVwiZW1iZWQtcmVzcG9uc2l2ZS1pdGVtIG1iLTNcIlxuICAgICAgICAgICBbdGl0bGVdPVwicG9zdC50aXRsZVwiXG4gICAgICAgICAgIFtzcmNdPVwidmlkZW9TdGF0ZXNbcG9zdC5zbHVnXT8udXJsXCJcbiAgICAgICAgICAgYWxsb3c9XCJhY2NlbGVyb21ldGVyOyBhdXRvcGxheTsgY2xpcGJvYXJkLXdyaXRlOyBlbmNyeXB0ZWQtbWVkaWE7IGd5cm9zY29wZTsgcGljdHVyZS1pbi1waWN0dXJlXCJcbiAgICAgICAgICAgYWxsb3dmdWxsc2NyZWVuPlxuICAgPC9pZnJhbWU+XG5cbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZhdWx0LWJ0blwiIChjbGljayk9XCJsb2FkVmlkZW8ocG9zdClcIj5cbiAgICAgICAgICA8c3Bhbj57eyBwb3N0Py5jdGFfdGV4dCAmJiBwb3N0LmN0YV90ZXh0ICE9PSAnbnVsbCcgPyBwb3N0LmN0YV90ZXh0IDogJ1dhdGNoIG5vdycgIH19PC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJyb3dcIj7ihpI8L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG48L3NlY3Rpb24+XG4iXX0=

package/esm2022/lib/public/components/resource-videos/resource-videos-top-banner/resource-videos-top-banner.component.mjs

@@ -0,0 +1,63 @@
+import { Component, Injector } from '@angular/core';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+import { TagService } from '@posiwise/common-services';
+import { TOKEN_KEY } from '@posiwise/common-utilities';
+import { ResourceService } from 'libs/resource-module/src/lib/resource.service';
+import * as i0 from "@angular/core";
+import * as i1 from "libs/resource-module/src/lib/resource.service";
+import * as i2 from "@posiwise/common-services";
+import * as i3 from "@angular/common";
+import * as i4 from "@posiwise/directives";
+export class VideosTopBannerComponent extends AppBaseComponent {
+    constructor(resourceService, tagService, injector) {
+        super(injector);
+        this.resourceService = resourceService;
+        this.tagService = tagService;
+        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+        this.posts = [];
+        this.testimonialsPosts = [];
+        this.isLoaded = false;
+    }
+    ngOnInit() {
+        this.getUserSubscriptionId().subscribe(response => {
+            this.subscriptionId = response;
+        });
+        this.localStorage.getItem$(TOKEN_KEY).subscribe(res => {
+            this.userLoggedIn = !!res;
+            if (this.userLoggedIn) {
+                this.localStorage.getItem$('product').subscribe(res => {
+                    const data = res ? JSON.parse(res) : null;
+                    this.subscriptionId = data?.subscriptionId;
+                    console.log(this.subscriptionId);
+                });
+            }
+            this.getTags();
+        });
+    }
+    getTags() {
+        this.isLoaded = false;
+        this.tagService
+            .getAllTagCategories({ search: 'Videos' }, this.subscriptionId || this.masterSubscriptionId)
+            .subscribe(response => {
+            this.tagCategory = response.tag_categories[0];
+            this.getPostTags();
+        });
+    }
+    getPostTags() {
+        this.tagService
+            .getTagsByType('post_categories', {}, this.subscriptionId || this.masterSubscriptionId)
+            .subscribe(response => {
+            this.blogPostTag = response.tags.find(tag => tag.tag_category_id === this.tagCategory?.id);
+        })
+            .add(() => {
+            this.isLoaded = true;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: VideosTopBannerComponent, deps: [{ token: i1.ResourceService }, { token: i2.TagService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: VideosTopBannerComponent, selector: "pw-resource-videos-top-banner", usesInheritance: true, ngImport: i0, template: "<section class=\"bg-white pricing-section\">\n  <div class=\"nce-banner\">\n    <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\" *ngIf=\"isLoaded\">\n\n      <!-- Left Content -->\n      <div class=\"text-content\">\n        <div class=\"nce-heading\">\n          <h1 class=\"nce-header mb-4\">\n            <span [innerHTML]=\"blogPostTag?.title || 'Videos on Demand'\"></span>\n            <span class=\"blue-text\"></span>\n          </h1>\n        </div>\n      </div>\n\n      <!-- Add directly below .text-content, still inside .container -->\n      <div class=\"text-extension mt-4\">\n\n        <div class=\"cta-buttons d-flex flex-column justify-between h-100\">\n          <div class=\"flex-grow-1\">\n            <ng-container *ngIf=\"blogPostTag?.description && blogPostTag.description !== 'null' ; else defaultDescription\">\n              <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n            </ng-container>\n            <ng-template #defaultDescription>\n              <p class=\"intro\">\n                Discover below all our videos\n              </p>\n            </ng-template>\n          </div>\n        </div>\n</div>\n\n      <!-- Right Content -->\n      <div class=\"image-content ms-lg-5 mt-5 mt-lg-0\">\n        <img class=\"nce-math-img\"\n        src=\"/assets/img/resource/math.png\"\n        alt=\"NCEasy laptop screen\" />\n        <img class=\"nce-laptop-img dyn-img\"\n        [src]=\"(blogPostTag?.image?.url && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared'))) ? blogPostTag?.image?.url : '/assets/img/resource/video-template.png'\"\n          alt=\"NCEasy laptop screen\" />\n      </div>\n\n    </div>\n  </div>\n</section>\n", styles: [".cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}@media (width <= 768px){.dyn-img{top:-3rem!important}}.text-extension{max-width:560px;margin-top:6rem!important}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color);margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.nce-banner{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden;z-index:2}.nce-banner:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:61%;background:#fff;clip-path:polygon(0 18%,100% 0%,100% 100%,0% 100%)}.nce-banner .container{position:relative;z-index:2}.nce-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.nce-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.nce-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.nce-banner .text-content .cta-btn{display:inline-block;background:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem}.nce-banner .text-content .cta-buttons{margin-top:2rem}.nce-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.nce-banner .nce-header{font-weight:500;color:#fff!important;font-size:4.5rem!important}.nce-banner .blue-text{font-weight:100}@media (width <= 991px){.nce-banner .text-content{margin-top:6.5rem;margin-bottom:0;text-align:center;max-width:360px}.nce-banner .text-content h1{margin-bottom:6.5rem!important}.nce-banner .nce-header{font-size:2.5rem!important}.nce-banner .cta-buttons{margin-top:5rem!important;justify-content:center!important}.nce-banner .note{margin-left:8rem!important}.nce-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.nce-banner .image-content .floating-box{position:absolute;top:25px;left:3rem;transform:translate(-50%) rotate(-10deg);background:#fff;padding:.75rem 1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;z-index:3;display:inline-block;width:auto}.nce-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.nce-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.nce-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.nce-banner .image-content .screen-img{max-width:280px;position:absolute;bottom:0;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003}.nce-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.nce-banner .image-content .nce-laptop-img{max-width:300px;width:100%;position:relative;z-index:3;left:2%;height:auto!important;top:4rem}.nce-banner .image-content .nce-math-img{max-width:300px;width:100%;position:relative;z-index:3;left:15%;top:18rem}}@media (width >= 991px){.nce-banner .text-content{position:absolute;width:760px}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}@media (width >= 991px){.section-outer{padding-top:7rem!important}}@media (width >= 768px) and (width <= 991px){.nce-math-img{left:36%!important;top:22rem!important}}@media (width >= 991px) and (width <= 1200px){.text-extension{max-width:760px;position:absolute;margin-bottom:23rem!important}.nce-divider{top:63.5rem;position:absolute!important}.nce-banner{padding-bottom:90px!important}}@media (width >= 1200px){.text-extension{max-width:460px;position:absolute;margin-bottom:28rem!important}.nce-laptop-img{width:100%;max-width:800px!important;max-height:800px!important;height:auto}}@media (width >= 1200px){.nce-divider{top:59.5rem;position:absolute!important}.cta-tab{margin-bottom:5rem!important}}@media (width >= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .nce-laptop-img{top:4rem;left:2rem;position:relative}.image-content .nce-math-img{bottom:9rem;left:61rem;position:relative;width:450px!important}}@media (width <= 786px){.text-extension{position:absolute;margin:3rem;margin-top:18rem!important}}@media (width >= 786px) and (width <= 991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media (width >= 704px) and (width <= 768px){.nce-laptop-img{top:18rem!important;right:30%!important;left:auto!important}}@media (width >= 786px) and (width <= 991px){.nce-laptop-img{max-width:250px!important;top:18rem!important;right:30%!important;left:auto!important}}@media (width >= 991px) and (width <= 1200px){.nce-laptop-img{top:7rem;left:3%;position:relative;width:100%;max-width:600px!important;height:auto}}@media (width >= 786px) and (width <= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .nce-math-img{bottom:9rem;left:34rem;position:relative;width:350px!important}}@media (width <= 991px){.nce-banner{padding-bottom:15rem}}@media (width <= 768px){.nce-math-img{top:18rem}.cta-btn{justify-content:center}.nce-divider{margin-top:49rem!important}.intro{font-size:1.7rem!important}}@media (width >= 768px) and (width <= 991px){.cta-btn{justify-content:center}.nce-divider{margin-top:36rem!important}}@media (width >= 991px){.nce-banner{padding-top:768px;padding-bottom:42px;overflow:hidden}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.nce-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}::ng-deep .vault-card{width:330px!important;height:370px!important}::ng-deep .vault-btn{width:224px!important}}@media (width <= 991px){.billing-section{flex-direction:column!important;gap:3rem}.billing-section .billing-section1,.billing-section .billing-section2{width:90%!important}.billing-section .billing-section1{margin-left:1.5rem;margin-top:4rem}}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!important}}\n", "@media (width <= 768px){.dyn-img{top:6rem!important}}\n", "::ng-deep .navbar-nav .nav-item .nav-link{color:#fff!important}.bold{font-weight:700}.nce-heading{margin-bottom:2rem}.nce-note{margin-top:1rem;font-size:.85rem;color:#555}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}\n", "::ng-deep .ql-editor p{font-size:1.5rem!important;line-height:1.8rem!important;color:#333!important}.video-row{gap:5.5rem!important}::ng-deep .resource-section{box-shadow:0 4px 32px -14px #40576d4d!important}.release-icon{height:auto;margin:0 11px 1.9rem;display:block;align-self:center}.msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{background-color:#fff;border-radius:30px;box-shadow:0 5px 20px #0000000d;padding:25px;text-align:center;width:338px;height:auto}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card img,.msp-vault-section .vault-card iframe{height:180px;border-radius:10px;object-fit:cover}.msp-vault-section .vault-card .vault-btn{background-color:#000!important;margin-top:10px;color:#fff;width:240px;padding:10px 24px;border-radius:24px;border:none;font-size:1.5rem;margin-left:2rem;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.msp-vault-section .vault-card .vault-btn:hover{background-color:#333}@media (width >= 768px) and (width <= 1200px){.resource-title{font-size:1.4rem!important}}textarea{font-size:1.4rem!important}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:7rem 3rem 1rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-card{width:100%!important}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){::ng-deep .trial-meeting-section:before{top:600px!important}::ng-deep .dashboard{margin-bottom:1rem!important}section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}section.bg-white.text-center.extra-top-padding:before,section.bg-white.text-center.extra-top-padding:after{content:\"\";position:absolute;background:url(/assets/img/logos/background-banner.png) no-repeat;background-size:contain;width:160px;height:450px;z-index:0;opacity:.8}section.bg-white.text-center.extra-top-padding:before{top:500px;left:0}section.bg-white.text-center.extra-top-padding:after{top:90px;right:0}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 1200px){.resource-card{width:100%!important}.release-notes-section{padding:7rem 0!important}}.resource-section{padding:5rem 0;position:relative}.resource-section .section-heading{font-size:3rem!important;font-weight:300!important}.resource-section .view-all{font-size:1.5rem;font-weight:600;color:#000;text-decoration:none;margin-bottom:2.5rem}.resource-section .view-all:hover{color:var(--first)}.resource-section .resource-card{background:#fff;width:338px;border-radius:30px;padding:3rem;box-shadow:0 20px 40px #00000014;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:auto}.resource-section .resource-card .resource-title{font-size:1.5rem;line-height:2rem;font-weight:400;color:var(--text-color, black);text-align:center}.resource-section .resource-card .resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;margin-bottom:20px}.resource-section .resource-card .read-now-btn{background-color:var(--text-color, black);color:#fff;text-decoration:none;padding:14px 20px;font-size:1.5rem;font-weight:500;border-radius:40px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .3s ease;width:100%;max-width:240px;margin:0 auto;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.resource-section .resource-card .read-now-btn .arrow{font-weight:600;font-size:1.5rem}.resource-section .resource-card .read-now-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 768px){.resource-section .resource-section .cards-row{gap:3rem;margin-top:3rem!important}.resource-section .section-heading,.resource-section .view-all{width:100%;text-align:center;margin-bottom:1rem}.resource-section .resource-card .read-now-btn{flex-direction:row;justify-content:center;gap:8px}}@media (width >= 768px) and (width <= 1200px){.nce-hero-section{padding:0 6rem!important}.cards-row{justify-content:center}}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:0 1.5rem;padding-bottom:4rem!important;padding-top:7rem!important;max-width:850px;margin:0 auto;text-align:left}.user-not-logged-in{background:#f7f7f7;border:1px solid rgb(238,238,238);font-weight:400}.user-not-logged-in a{color:var(--first)!important;text-decoration:none;font-weight:500}.nce-book-section{background:#fff;padding-top:7rem;padding-bottom:0}.nce-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.nce-book-section .nce-contact{line-height:1.6;font-size:1.5rem}.nce-book-section .nce-contact a{text-decoration:underline;color:#000;margin:0 .2rem}.nce-book-section .nce-contact a:hover{color:var(--first)!important}.nce-offer-section{background:#fff;padding-top:2rem}.nce-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.nce-offer-section .nce-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:.25em!important}.nce-offer-section .nce-title strong{font-weight:700}.nce-offer-section .nce-description{font-size:1.5rem;line-height:1.8rem;color:#333;margin-bottom:1.5rem}.nce-offer-section .nce-offer-list{font-size:1.1rem;line-height:1.5rem;margin-bottom:2.5rem;margin-top:2.5rem}.nce-offer-section .nce-offer-list p{font-size:1.5rem;margin:.5rem 0;font-weight:400}.nce-offer-section .nce-signup{margin-bottom:2.5rem}.nce-offer-section .nce-signup .signup-link{font-size:1.5rem;font-weight:400;text-decoration:underline;color:#000}@media (width <= 768px){.nce-offer-section .nce-book-section{padding-top:5rem!important}.nce-offer-section .container{text-align:left}.nce-offer-section .nce-title{font-size:1.5rem}.nce-offer-section .nce-description,.nce-offer-section .nce-offer-list,.nce-offer-section .nce-signup,.nce-offer-section .signup-link,.nce-offer-section .nce-contact,.nce-offer-section .nce-offer-list p{font-size:1.2rem!important}}.nce-offer-intro{font-size:1.5rem;font-weight:400}.outer-section-fadeout{position:absolute;top:139rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.body-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}@media (width <= 768px){.nce-book-section{padding-top:5rem!important}.nce-contact{font-size:1.2rem!important}}::ng-deep .body-quill{border-width:0!important;max-width:1000px;display:block;margin-left:auto;margin-right:auto}::ng-deep .ql-editor h1{font-size:2rem!important;line-height:2.3rem!important;color:#333!important}::ng-deep .ql-editor li{font-size:1.3rem!important;color:#333!important}::ng-deep .p-inputtextarea{border-radius:.5rem;border-color:#ced4da;font-size:1rem}.card{background-color:#fff;border-radius:12px}.comment-row{gap:2rem;padding-bottom:5rem;max-width:1000px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:1.5rem!important}.response-row{max-width:1000px;display:block;margin-left:auto;margin-right:auto;margin-top:6rem!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.LazyImgDirective, selector: "img" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: VideosTopBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-resource-videos-top-banner', template: "<section class=\"bg-white pricing-section\">\n  <div class=\"nce-banner\">\n    <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\" *ngIf=\"isLoaded\">\n\n      <!-- Left Content -->\n      <div class=\"text-content\">\n        <div class=\"nce-heading\">\n          <h1 class=\"nce-header mb-4\">\n            <span [innerHTML]=\"blogPostTag?.title || 'Videos on Demand'\"></span>\n            <span class=\"blue-text\"></span>\n          </h1>\n        </div>\n      </div>\n\n      <!-- Add directly below .text-content, still inside .container -->\n      <div class=\"text-extension mt-4\">\n\n        <div class=\"cta-buttons d-flex flex-column justify-between h-100\">\n          <div class=\"flex-grow-1\">\n            <ng-container *ngIf=\"blogPostTag?.description && blogPostTag.description !== 'null' ; else defaultDescription\">\n              <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n            </ng-container>\n            <ng-template #defaultDescription>\n              <p class=\"intro\">\n                Discover below all our videos\n              </p>\n            </ng-template>\n          </div>\n        </div>\n</div>\n\n      <!-- Right Content -->\n      <div class=\"image-content ms-lg-5 mt-5 mt-lg-0\">\n        <img class=\"nce-math-img\"\n        src=\"/assets/img/resource/math.png\"\n        alt=\"NCEasy laptop screen\" />\n        <img class=\"nce-laptop-img dyn-img\"\n        [src]=\"(blogPostTag?.image?.url && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared'))) ? blogPostTag?.image?.url : '/assets/img/resource/video-template.png'\"\n          alt=\"NCEasy laptop screen\" />\n      </div>\n\n    </div>\n  </div>\n</section>\n", styles: [".cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}@media (width <= 768px){.dyn-img{top:-3rem!important}}.text-extension{max-width:560px;margin-top:6rem!important}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color);margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.nce-banner{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden;z-index:2}.nce-banner:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:61%;background:#fff;clip-path:polygon(0 18%,100% 0%,100% 100%,0% 100%)}.nce-banner .container{position:relative;z-index:2}.nce-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.nce-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.nce-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.nce-banner .text-content .cta-btn{display:inline-block;background:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem}.nce-banner .text-content .cta-buttons{margin-top:2rem}.nce-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.nce-banner .nce-header{font-weight:500;color:#fff!important;font-size:4.5rem!important}.nce-banner .blue-text{font-weight:100}@media (width <= 991px){.nce-banner .text-content{margin-top:6.5rem;margin-bottom:0;text-align:center;max-width:360px}.nce-banner .text-content h1{margin-bottom:6.5rem!important}.nce-banner .nce-header{font-size:2.5rem!important}.nce-banner .cta-buttons{margin-top:5rem!important;justify-content:center!important}.nce-banner .note{margin-left:8rem!important}.nce-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.nce-banner .image-content .floating-box{position:absolute;top:25px;left:3rem;transform:translate(-50%) rotate(-10deg);background:#fff;padding:.75rem 1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;z-index:3;display:inline-block;width:auto}.nce-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.nce-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.nce-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.nce-banner .image-content .screen-img{max-width:280px;position:absolute;bottom:0;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003}.nce-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.nce-banner .image-content .nce-laptop-img{max-width:300px;width:100%;position:relative;z-index:3;left:2%;height:auto!important;top:4rem}.nce-banner .image-content .nce-math-img{max-width:300px;width:100%;position:relative;z-index:3;left:15%;top:18rem}}@media (width >= 991px){.nce-banner .text-content{position:absolute;width:760px}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}@media (width >= 991px){.section-outer{padding-top:7rem!important}}@media (width >= 768px) and (width <= 991px){.nce-math-img{left:36%!important;top:22rem!important}}@media (width >= 991px) and (width <= 1200px){.text-extension{max-width:760px;position:absolute;margin-bottom:23rem!important}.nce-divider{top:63.5rem;position:absolute!important}.nce-banner{padding-bottom:90px!important}}@media (width >= 1200px){.text-extension{max-width:460px;position:absolute;margin-bottom:28rem!important}.nce-laptop-img{width:100%;max-width:800px!important;max-height:800px!important;height:auto}}@media (width >= 1200px){.nce-divider{top:59.5rem;position:absolute!important}.cta-tab{margin-bottom:5rem!important}}@media (width >= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .nce-laptop-img{top:4rem;left:2rem;position:relative}.image-content .nce-math-img{bottom:9rem;left:61rem;position:relative;width:450px!important}}@media (width <= 786px){.text-extension{position:absolute;margin:3rem;margin-top:18rem!important}}@media (width >= 786px) and (width <= 991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media (width >= 704px) and (width <= 768px){.nce-laptop-img{top:18rem!important;right:30%!important;left:auto!important}}@media (width >= 786px) and (width <= 991px){.nce-laptop-img{max-width:250px!important;top:18rem!important;right:30%!important;left:auto!important}}@media (width >= 991px) and (width <= 1200px){.nce-laptop-img{top:7rem;left:3%;position:relative;width:100%;max-width:600px!important;height:auto}}@media (width >= 786px) and (width <= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .nce-math-img{bottom:9rem;left:34rem;position:relative;width:350px!important}}@media (width <= 991px){.nce-banner{padding-bottom:15rem}}@media (width <= 768px){.nce-math-img{top:18rem}.cta-btn{justify-content:center}.nce-divider{margin-top:49rem!important}.intro{font-size:1.7rem!important}}@media (width >= 768px) and (width <= 991px){.cta-btn{justify-content:center}.nce-divider{margin-top:36rem!important}}@media (width >= 991px){.nce-banner{padding-top:768px;padding-bottom:42px;overflow:hidden}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.nce-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}::ng-deep .vault-card{width:330px!important;height:370px!important}::ng-deep .vault-btn{width:224px!important}}@media (width <= 991px){.billing-section{flex-direction:column!important;gap:3rem}.billing-section .billing-section1,.billing-section .billing-section2{width:90%!important}.billing-section .billing-section1{margin-left:1.5rem;margin-top:4rem}}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!important}}\n", "@media (width <= 768px){.dyn-img{top:6rem!important}}\n", "::ng-deep .navbar-nav .nav-item .nav-link{color:#fff!important}.bold{font-weight:700}.nce-heading{margin-bottom:2rem}.nce-note{margin-top:1rem;font-size:.85rem;color:#555}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}\n", "::ng-deep .ql-editor p{font-size:1.5rem!important;line-height:1.8rem!important;color:#333!important}.video-row{gap:5.5rem!important}::ng-deep .resource-section{box-shadow:0 4px 32px -14px #40576d4d!important}.release-icon{height:auto;margin:0 11px 1.9rem;display:block;align-self:center}.msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{background-color:#fff;border-radius:30px;box-shadow:0 5px 20px #0000000d;padding:25px;text-align:center;width:338px;height:auto}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card img,.msp-vault-section .vault-card iframe{height:180px;border-radius:10px;object-fit:cover}.msp-vault-section .vault-card .vault-btn{background-color:#000!important;margin-top:10px;color:#fff;width:240px;padding:10px 24px;border-radius:24px;border:none;font-size:1.5rem;margin-left:2rem;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.msp-vault-section .vault-card .vault-btn:hover{background-color:#333}@media (width >= 768px) and (width <= 1200px){.resource-title{font-size:1.4rem!important}}textarea{font-size:1.4rem!important}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:7rem 3rem 1rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-card{width:100%!important}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){::ng-deep .trial-meeting-section:before{top:600px!important}::ng-deep .dashboard{margin-bottom:1rem!important}section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}section.bg-white.text-center.extra-top-padding:before,section.bg-white.text-center.extra-top-padding:after{content:\"\";position:absolute;background:url(/assets/img/logos/background-banner.png) no-repeat;background-size:contain;width:160px;height:450px;z-index:0;opacity:.8}section.bg-white.text-center.extra-top-padding:before{top:500px;left:0}section.bg-white.text-center.extra-top-padding:after{top:90px;right:0}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 1200px){.resource-card{width:100%!important}.release-notes-section{padding:7rem 0!important}}.resource-section{padding:5rem 0;position:relative}.resource-section .section-heading{font-size:3rem!important;font-weight:300!important}.resource-section .view-all{font-size:1.5rem;font-weight:600;color:#000;text-decoration:none;margin-bottom:2.5rem}.resource-section .view-all:hover{color:var(--first)}.resource-section .resource-card{background:#fff;width:338px;border-radius:30px;padding:3rem;box-shadow:0 20px 40px #00000014;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:auto}.resource-section .resource-card .resource-title{font-size:1.5rem;line-height:2rem;font-weight:400;color:var(--text-color, black);text-align:center}.resource-section .resource-card .resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;margin-bottom:20px}.resource-section .resource-card .read-now-btn{background-color:var(--text-color, black);color:#fff;text-decoration:none;padding:14px 20px;font-size:1.5rem;font-weight:500;border-radius:40px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .3s ease;width:100%;max-width:240px;margin:0 auto;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.resource-section .resource-card .read-now-btn .arrow{font-weight:600;font-size:1.5rem}.resource-section .resource-card .read-now-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 768px){.resource-section .resource-section .cards-row{gap:3rem;margin-top:3rem!important}.resource-section .section-heading,.resource-section .view-all{width:100%;text-align:center;margin-bottom:1rem}.resource-section .resource-card .read-now-btn{flex-direction:row;justify-content:center;gap:8px}}@media (width >= 768px) and (width <= 1200px){.nce-hero-section{padding:0 6rem!important}.cards-row{justify-content:center}}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:0 1.5rem;padding-bottom:4rem!important;padding-top:7rem!important;max-width:850px;margin:0 auto;text-align:left}.user-not-logged-in{background:#f7f7f7;border:1px solid rgb(238,238,238);font-weight:400}.user-not-logged-in a{color:var(--first)!important;text-decoration:none;font-weight:500}.nce-book-section{background:#fff;padding-top:7rem;padding-bottom:0}.nce-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.nce-book-section .nce-contact{line-height:1.6;font-size:1.5rem}.nce-book-section .nce-contact a{text-decoration:underline;color:#000;margin:0 .2rem}.nce-book-section .nce-contact a:hover{color:var(--first)!important}.nce-offer-section{background:#fff;padding-top:2rem}.nce-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.nce-offer-section .nce-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:.25em!important}.nce-offer-section .nce-title strong{font-weight:700}.nce-offer-section .nce-description{font-size:1.5rem;line-height:1.8rem;color:#333;margin-bottom:1.5rem}.nce-offer-section .nce-offer-list{font-size:1.1rem;line-height:1.5rem;margin-bottom:2.5rem;margin-top:2.5rem}.nce-offer-section .nce-offer-list p{font-size:1.5rem;margin:.5rem 0;font-weight:400}.nce-offer-section .nce-signup{margin-bottom:2.5rem}.nce-offer-section .nce-signup .signup-link{font-size:1.5rem;font-weight:400;text-decoration:underline;color:#000}@media (width <= 768px){.nce-offer-section .nce-book-section{padding-top:5rem!important}.nce-offer-section .container{text-align:left}.nce-offer-section .nce-title{font-size:1.5rem}.nce-offer-section .nce-description,.nce-offer-section .nce-offer-list,.nce-offer-section .nce-signup,.nce-offer-section .signup-link,.nce-offer-section .nce-contact,.nce-offer-section .nce-offer-list p{font-size:1.2rem!important}}.nce-offer-intro{font-size:1.5rem;font-weight:400}.outer-section-fadeout{position:absolute;top:139rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.body-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}@media (width <= 768px){.nce-book-section{padding-top:5rem!important}.nce-contact{font-size:1.2rem!important}}::ng-deep .body-quill{border-width:0!important;max-width:1000px;display:block;margin-left:auto;margin-right:auto}::ng-deep .ql-editor h1{font-size:2rem!important;line-height:2.3rem!important;color:#333!important}::ng-deep .ql-editor li{font-size:1.3rem!important;color:#333!important}::ng-deep .p-inputtextarea{border-radius:.5rem;border-color:#ced4da;font-size:1rem}.card{background-color:#fff;border-radius:12px}.comment-row{gap:2rem;padding-bottom:5rem;max-width:1000px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:1.5rem!important}.response-row{max-width:1000px;display:block;margin-left:auto;margin-right:auto;margin-top:6rem!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ResourceService }, { type: i2.TagService }, { type: i0.Injector }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtdmlkZW9zLXRvcC1iYW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS12aWRlb3MvcmVzb3VyY2UtdmlkZW9zLXRvcC1iYW5uZXIvcmVzb3VyY2UtdmlkZW9zLXRvcC1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS12aWRlb3MvcmVzb3VyY2UtdmlkZW9zLXRvcC1iYW5uZXIvcmVzb3VyY2UtdmlkZW9zLXRvcC1iYW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0NBQStDLENBQUM7Ozs7OztBQVloRixNQUFNLE9BQU8sd0JBQXlCLFNBQVEsZ0JBQWdCO0lBVzFELFlBQ3FCLGVBQWdDLEVBQ2hDLFVBQXNCLEVBQ3ZDLFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUpDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBWDNDLHlCQUFvQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsbUJBQW1CLENBQUMsZUFBZSxDQUFDO1FBQzFFLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxzQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFLdkIsYUFBUSxHQUFHLEtBQUssQ0FBQztJQVFqQixDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUM5QyxJQUFJLENBQUMsY0FBYyxHQUFHLFFBQVEsQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNsRCxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUM7WUFDMUIsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtvQkFDbEQsTUFBTSxJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7b0JBQzFDLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxFQUFFLGNBQWMsQ0FBQztvQkFDM0MsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7Z0JBQ3JDLENBQUMsQ0FBQyxDQUFDO1lBQ1AsQ0FBQztZQUNELElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxPQUFPO1FBQ1gsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLFVBQVU7YUFDVixtQkFBbUIsQ0FDaEIsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLEVBQ3BCLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUNuRDthQUNBLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDOUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQztJQUVPLFdBQVc7UUFDZixJQUFJLENBQUMsVUFBVTthQUNWLGFBQWEsQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQUM7YUFDdEYsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQ2pDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLGVBQWUsS0FBSyxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FDdEQsQ0FBQztRQUNOLENBQUMsQ0FBQzthQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7K0dBNURRLHdCQUF3QjttR0FBeEIsd0JBQXdCLDRGQ2xCckMsNHREQTRDQTs7NEZEMUJhLHdCQUF3QjtrQkFWcEMsU0FBUzsrQkFDSSwrQkFBK0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQXBwQmFzZUNvbXBvbmVudCB9IGZyb20gJ0Bwb3Npd2lzZS9hcHAtYmFzZS1jb21wb25lbnQnO1xuaW1wb3J0IHsgVGFnU2VydmljZSB9IGZyb20gJ0Bwb3Npd2lzZS9jb21tb24tc2VydmljZXMnO1xuaW1wb3J0IHsgVE9LRU5fS0VZIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi11dGlsaXRpZXMnO1xuXG5pbXBvcnQgeyBSZXNvdXJjZVNlcnZpY2UgfSBmcm9tICdsaWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3Jlc291cmNlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LXJlc291cmNlLXZpZGVvcy10b3AtYmFubmVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcmVzb3VyY2UtdmlkZW9zLXRvcC1iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogW1xuICAgICAgICAnLi4vLi4vcmVzb3VyY2UtY2FzZS1zdHVkaWVzL3Jlc291cmNlLWNhc2Utc3R1ZGllcy5jb21wb25lbnQuc2NzcycsXG4gICAgICAgICcuL3Jlc291cmNlLXZpZGVvcy10b3AtYmFubmVyLmNvbXBvbmVudC5zY3NzJyxcbiAgICAgICAgJy4uLy4uL3Jlc291cmNlcy9yZXNvdXJjZXMtc2hhcmVkLmNvbXBvbmVudC5zY3NzJyxcbiAgICAgICAgJy4uLy4uL3Jlc291cmNlLXBvc3QvcmVsYXRlZC1yZXNvdXJjZXMvcmVsYXRlZC1yZXNvdXJjZXMuY29tcG9uZW50LnNjc3MnXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBWaWRlb3NUb3BCYW5uZXJDb21wb25lbnQgZXh0ZW5kcyBBcHBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBzdWJzY3JpcHRpb25JZDogbnVtYmVyO1xuICAgIG1hc3RlclN1YnNjcmlwdGlvbklkID0gdGhpcy5hcHBDb25maWcubWFzdGVyX3N1YnNjcmlwdGlvbi5zdWJzY3JpcHRpb25faWQ7XG4gICAgcG9zdHMgPSBbXTtcbiAgICB0ZXN0aW1vbmlhbHNQb3N0cyA9IFtdO1xuICAgIHVzZXJMb2dnZWRJbjogYm9vbGVhbjtcbiAgICBibG9nUG9zdFRhZztcbiAgICB0YWdDYXRlZ29yeTtcbiAgICBibG9nVGVzdGltb25pYWxzUG9zdFRhZztcbiAgICBpc0xvYWRlZCA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgcmVzb3VyY2VTZXJ2aWNlOiBSZXNvdXJjZVNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgdGFnU2VydmljZTogVGFnU2VydmljZSxcbiAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5nZXRVc2VyU3Vic2NyaXB0aW9uSWQoKS5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCA9IHJlc3BvbnNlO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbSQoVE9LRU5fS0VZKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgICAgIHRoaXMudXNlckxvZ2dlZEluID0gISFyZXM7XG4gICAgICAgICAgICBpZiAodGhpcy51c2VyTG9nZ2VkSW4pIHtcbiAgICAgICAgICAgICAgICB0aGlzLmxvY2FsU3RvcmFnZS5nZXRJdGVtJCgncHJvZHVjdCcpLnN1YnNjcmliZShyZXMgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVzID8gSlNPTi5wYXJzZShyZXMpIDogbnVsbDtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCA9IGRhdGE/LnN1YnNjcmlwdGlvbklkO1xuICAgICAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyh0aGlzLnN1YnNjcmlwdGlvbklkKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMuZ2V0VGFncygpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldFRhZ3MoKSB7XG4gICAgICAgIHRoaXMuaXNMb2FkZWQgPSBmYWxzZTtcbiAgICAgICAgdGhpcy50YWdTZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0QWxsVGFnQ2F0ZWdvcmllcyhcbiAgICAgICAgICAgICAgICB7IHNlYXJjaDogJ1ZpZGVvcycgfSxcbiAgICAgICAgICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkIHx8IHRoaXMubWFzdGVyU3Vic2NyaXB0aW9uSWRcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMudGFnQ2F0ZWdvcnkgPSByZXNwb25zZS50YWdfY2F0ZWdvcmllc1swXTtcbiAgICAgICAgICAgICAgICB0aGlzLmdldFBvc3RUYWdzKCk7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldFBvc3RUYWdzKCkge1xuICAgICAgICB0aGlzLnRhZ1NlcnZpY2VcbiAgICAgICAgICAgIC5nZXRUYWdzQnlUeXBlKCdwb3N0X2NhdGVnb3JpZXMnLCB7fSwgdGhpcy5zdWJzY3JpcHRpb25JZCB8fCB0aGlzLm1hc3RlclN1YnNjcmlwdGlvbklkKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5ibG9nUG9zdFRhZyA9IHJlc3BvbnNlLnRhZ3MuZmluZChcbiAgICAgICAgICAgICAgICAgICAgdGFnID0+IHRhZy50YWdfY2F0ZWdvcnlfaWQgPT09IHRoaXMudGFnQ2F0ZWdvcnk/LmlkXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuYWRkKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGVkID0gdHJ1ZTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiYmctd2hpdGUgcHJpY2luZy1zZWN0aW9uXCI+XG4gIDxkaXYgY2xhc3M9XCJuY2UtYmFubmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lciBkLWZsZXggZmxleC1jb2x1bW4gZmxleC1sZy1yb3cgYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1iZXR3ZWVuXCIgKm5nSWY9XCJpc0xvYWRlZFwiPlxuXG4gICAgICA8IS0tIExlZnQgQ29udGVudCAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRlbnRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm5jZS1oZWFkaW5nXCI+XG4gICAgICAgICAgPGgxIGNsYXNzPVwibmNlLWhlYWRlciBtYi00XCI+XG4gICAgICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImJsb2dQb3N0VGFnPy50aXRsZSB8fCAnVmlkZW9zIG9uIERlbWFuZCdcIj48L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJsdWUtdGV4dFwiPjwvc3Bhbj5cbiAgICAgICAgICA8L2gxPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIEFkZCBkaXJlY3RseSBiZWxvdyAudGV4dC1jb250ZW50LCBzdGlsbCBpbnNpZGUgLmNvbnRhaW5lciAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWV4dGVuc2lvbiBtdC00XCI+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImN0YS1idXR0b25zIGQtZmxleCBmbGV4LWNvbHVtbiBqdXN0aWZ5LWJldHdlZW4gaC0xMDBcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1ncm93LTFcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJibG9nUG9zdFRhZz8uZGVzY3JpcHRpb24gJiYgYmxvZ1Bvc3RUYWcuZGVzY3JpcHRpb24gIT09ICdudWxsJyA7IGVsc2UgZGVmYXVsdERlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgIDxwIGNsYXNzPVwiaW50cm9cIiBbaW5uZXJIVE1MXT1cImJsb2dQb3N0VGFnLmRlc2NyaXB0aW9uXCI+PC9wPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHREZXNjcmlwdGlvbj5cbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJpbnRyb1wiPlxuICAgICAgICAgICAgICAgIERpc2NvdmVyIGJlbG93IGFsbCBvdXIgdmlkZW9zXG4gICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuPC9kaXY+XG5cbiAgICAgIDwhLS0gUmlnaHQgQ29udGVudCAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1jb250ZW50IG1zLWxnLTUgbXQtNSBtdC1sZy0wXCI+XG4gICAgICAgIDxpbWcgY2xhc3M9XCJuY2UtbWF0aC1pbWdcIlxuICAgICAgICBzcmM9XCIvYXNzZXRzL2ltZy9yZXNvdXJjZS9tYXRoLnBuZ1wiXG4gICAgICAgIGFsdD1cIk5DRWFzeSBsYXB0b3Agc2NyZWVuXCIgLz5cbiAgICAgICAgPGltZyBjbGFzcz1cIm5jZS1sYXB0b3AtaW1nIGR5bi1pbWdcIlxuICAgICAgICBbc3JjXT1cIihibG9nUG9zdFRhZz8uaW1hZ2U/LnVybCAmJiAhKGJsb2dQb3N0VGFnPy5pbWFnZT8udXJsLmluY2x1ZGVzKCdub19pbWFnZV91cGxvYWRlZF9zcXVhcmVkJykpKSA/IGJsb2dQb3N0VGFnPy5pbWFnZT8udXJsIDogJy9hc3NldHMvaW1nL3Jlc291cmNlL3ZpZGVvLXRlbXBsYXRlLnBuZydcIlxuICAgICAgICAgIGFsdD1cIk5DRWFzeSBsYXB0b3Agc2NyZWVuXCIgLz5cbiAgICAgIDwvZGl2PlxuXG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19