@posiwise/resource-module 0.0.93 → 0.0.95

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

@@ -0,0 +1,41 @@
+import { Component, Injector, Input } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+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";
+export class ResourceVaultComponent extends AppBaseComponent {
+    constructor(sanitizer, injector) {
+        super(injector);
+        this.sanitizer = sanitizer;
+        this.showVaultSection = false;
+        this.videoWebinarLoaded = false;
+        this.videoDemoLoaded = false;
+        this.ebookLink = '/resources/ebook-5-tips-for-msps-to-manage-cloud-billings-in-autotask';
+        this.youtubeVideoId = 'R7Vk219zbhA';
+        this.videoTitle = 'CloudOlive Overview';
+    }
+    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;
+    }
+    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;
+    }
+    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" }] }); }
+}
+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: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtdmF1bHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS12YXVsdC9yZXNvdXJjZS12YXVsdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLXZhdWx0L3Jlc291cmNlLXZhdWx0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFtQixNQUFNLDJCQUEyQixDQUFDO0FBRTFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7Ozs7QUFPaEUsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGdCQUFnQjtJQVl4RCxZQUNxQixTQUF1QixFQUN4QyxRQUFrQjtRQUVsQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFIQyxjQUFTLEdBQVQsU0FBUyxDQUFjO1FBWm5DLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUNsQyx1QkFBa0IsR0FBRyxLQUFLLENBQUM7UUFDM0Isb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFFeEIsY0FBUyxHQUFHLHVFQUF1RSxDQUFDO1FBRXBGLG1CQUFjLEdBQUcsYUFBYSxDQUFDO1FBQy9CLGVBQVUsR0FBRyxxQkFBcUIsQ0FBQztJQVNuQyxDQUFDO0lBRUQsYUFBYTtRQUNULE1BQU0sT0FBTyxHQUFHLGlDQUFpQyxJQUFJLENBQUMsY0FBYyxhQUFhLENBQUM7UUFDbEYsZ0VBQWdFO1FBQ2hFLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLDhCQUE4QixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVTtRQUMvRixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBRUQsZ0JBQWdCO1FBQ1osTUFBTSxPQUFPLEdBQUcsaUNBQWlDLElBQUksQ0FBQyxjQUFjLGFBQWEsQ0FBQztRQUNsRixnRUFBZ0U7UUFDaEUsSUFBSSxDQUFDLHdCQUF3QixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsOEJBQThCLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVO1FBQ2xHLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUM7SUFDbkMsQ0FBQzsrR0EvQlEsc0JBQXNCO21HQUF0QixzQkFBc0IsbUlDVm5DLHMvREE4Q0E7OzRGRHBDYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0ksb0JBQW9CO3dHQUtyQixnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlUmVzb3VyY2VVcmwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuaW1wb3J0IHsgQXBwQmFzZUNvbXBvbmVudCB9IGZyb20gJ0Bwb3Npd2lzZS9hcHAtYmFzZS1jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LXJlc291cmNlLS12YXVsdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Jlc291cmNlLXZhdWx0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9yZXNvdXJjZS12YXVsdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJlc291cmNlVmF1bHRDb21wb25lbnQgZXh0ZW5kcyBBcHBCYXNlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBzaG93VmF1bHRTZWN0aW9uID0gZmFsc2U7XG4gICAgdmlkZW9XZWJpbmFyTG9hZGVkID0gZmFsc2U7XG4gICAgdmlkZW9EZW1vTG9hZGVkID0gZmFsc2U7XG5cbiAgICBlYm9va0xpbmsgPSAnL3Jlc291cmNlcy9lYm9vay01LXRpcHMtZm9yLW1zcHMtdG8tbWFuYWdlLWNsb3VkLWJpbGxpbmdzLWluLWF1dG90YXNrJztcblxuICAgIHlvdXR1YmVWaWRlb0lkID0gJ1I3VmsyMTl6YmhBJztcbiAgICB2aWRlb1RpdGxlID0gJ0Nsb3VkT2xpdmUgT3ZlcnZpZXcnO1xuICAgIHNhbml0aXplZERlbW9WaWRlb1VybDogU2FmZVJlc291cmNlVXJsO1xuICAgIHNhbml0aXplZFdlYmluYXJWaWRlb1VybDogU2FmZVJlc291cmNlVXJsO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvclxuICAgICkge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgbG9hZERlbW9WaWRlbygpIHtcbiAgICAgICAgY29uc3QgYmFzZVVybCA9IGBodHRwczovL3d3dy55b3V0dWJlLmNvbS9lbWJlZC8ke3RoaXMueW91dHViZVZpZGVvSWR9P2F1dG9wbGF5PTFgO1xuICAgICAgICAvLyBiYXNlVXJsIGlzIGEgdHJ1c3RlZCBpbnRlcm5hbCBzb3VyY2UgKGUuZy4gWW91VHViZSBlbWJlZCBVUkwpXG4gICAgICAgIHRoaXMuc2FuaXRpemVkRGVtb1ZpZGVvVXJsID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKGJhc2VVcmwpOyAvLyBOT1NPTkFSXG4gICAgICAgIHRoaXMudmlkZW9EZW1vTG9hZGVkID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBsb2FkV2ViaW5hclZpZGVvKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBiYXNlVXJsID0gYGh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkLyR7dGhpcy55b3V0dWJlVmlkZW9JZH0/YXV0b3BsYXk9MWA7XG4gICAgICAgIC8vIGJhc2VVcmwgaXMgYSB0cnVzdGVkIGludGVybmFsIHNvdXJjZSAoZS5nLiBZb3VUdWJlIGVtYmVkIFVSTClcbiAgICAgICAgdGhpcy5zYW5pdGl6ZWRXZWJpbmFyVmlkZW9VcmwgPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0UmVzb3VyY2VVcmwoYmFzZVVybCk7IC8vIE5PU09OQVJcbiAgICAgICAgdGhpcy52aWRlb1dlYmluYXJMb2FkZWQgPSB0cnVlO1xuICAgIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwibXNwLXZhdWx0LXNlY3Rpb24gYmctd2hpdGUgdGV4dC1jZW50ZXIgcHktNSBleHRyYS10b3AtcGFkZGluZyBzZWN0aW9uLW91dGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cbiAgICA8ZGl2ICpuZ0lmPVwic2hvd1ZhdWx0U2VjdGlvblwiIGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIGFsaWduLWl0ZW1zLWNlbnRlciBmbGV4LXdyYXAgbWItNVwiPlxuICAgICAgPGgyIGNsYXNzPVwic2VjdGlvbi1oZWFkaW5nXCI+V2hpdGVwYXBlcnMgJiBUb29sczwvaDI+XG4gICAgICA8YSBjbGFzcz1cInZpZXctYWxsXCIgcm91dGVyTGluaz1cIi9yZXNvdXJjZXMvd2hpdGUtcGFwZXJzXCI+VklFVyBBTEwgPjwvYT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtd3JhcCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGdhcC00IHZhdWx0LXJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidmF1bHQtY2FyZFwiPlxuICAgICAgICAgIDxoNT48c3Ryb25nPmVCb29rOiA1IHRpcHM8L3N0cm9uZz48L2g1PlxuICAgICAgICAgIDxwIGNsYXNzPVwibWItNFwiPmZvciBNU1BzIHRvIG1hbmFnZSBjbG91ZCBiaWxsaW5ncyBpbiBBdXRvdGFzazwvcD5cbiAgICAgICAgICA8aW1nIHNyYz1cIi9hc3NldHMvaW1nL3Jlc291cmNlL3RpcHMucG5nXCJcbiAgICAgICAgICAgIGNsYXNzPVwiaW1nLWZsdWlkIG1iLTNcIlxuICAgICAgICAgICAgYWx0PVwiZUJvb2tcIiAvPlxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ2YXVsdC1idG5cIlxuICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiZWJvb2tMaW5rXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHRcIj5SZWFkIG5vdyA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFycm93XCI+4oaSPC9zcGFuPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZhdWx0LWNhcmRcIj5cbiAgICAgICAgICA8aDU+PHN0cm9uZz5GYWN0c2hlZXQ8L3N0cm9uZz48L2g1PlxuICAgICAgICAgIDxwIGNsYXNzPVwibWItNFwiPkxlYXJuIGFib3V0IENsb3VkT2xpdmUgJiBvdXIgMTQwKyBpbnRlZ3JhdGlvbnM8L3A+XG4gICAgICAgICAgPGltZyBzcmM9XCIvYXNzZXRzL2ltZy9yZXNvdXJjZS9mYWN0c2hlZXQucG5nXCJcbiAgICAgICAgICAgIGNsYXNzPVwiaW1nLWZsdWlkIG1iLTNcIlxuICAgICAgICAgICAgYWx0PVwiZUJvb2tcIiAvPlxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ2YXVsdC1idG5cIlxuICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiZWJvb2tMaW5rXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHRcIj5SZWFkIG5vdyA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFycm93XCI+4oaSPC9zcGFuPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZhdWx0LWNhcmRcIj5cbiAgICAgICAgICA8aDU+PHN0cm9uZz5JbnN0YW50IFF1aXo8L3N0cm9uZz48L2g1PlxuICAgICAgICAgIDxwIGNsYXNzPVwibWItNFwiPk1SUiBSaXNrIFJldmlldyAtIGZpbmQgb3V0IGlmIHlvdSBtaWdodCBiZSBtaXNzaW5nIHJldmVudWU8L3A+XG4gICAgICAgICAgPGltZyBzcmM9XCIvYXNzZXRzL2ltZy9yZXNvdXJjZS9xdWl6LnBuZ1wiXG4gICAgICAgICAgICBjbGFzcz1cImltZy1mbHVpZCBtYi0zXCJcbiAgICAgICAgICAgIGFsdD1cImVCb29rXCIgLz5cbiAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwidmF1bHQtYnRuXCJcbiAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cImVib29rTGlua1wiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+UmVhZCBub3cgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJhcnJvd1wiPuKGkjwvc3Bhbj5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

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

@@ -0,0 +1,35 @@
+import { Component, Injector, Input } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+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";
+export class ResourceVideoCardComponent extends AppBaseComponent {
+    constructor(sanitizer, injector) {
+        super(injector);
+        this.sanitizer = sanitizer;
+        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 }
+        };
+    }
+    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;
+    }
+    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" }] }); }
+}
+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: [{
+                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=

package/esm2022/lib/public/components/resource-videos/resource-videos.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 '../../../resource.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../resource.service";
+import * as i2 from "@posiwise/common-services";
+import * as i3 from "@posiwise/alpha-module";
+import * as i4 from "@posiwise/shared-components";
+import * as i5 from "@posiwise/directives";
+import * as i6 from "./resource-video-cards/resource-video-cards.component";
+export class ResourceVideoComponent extends AppBaseComponent {
+    constructor(resourceService, tagService, injector) {
+        super(injector);
+        this.resourceService = resourceService;
+        this.tagService = tagService;
+        this.posts = [];
+    }
+    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.getPostTags();
+                });
+            }
+        });
+    }
+    getPostTags() {
+        this.tagService
+            .getTagsByType('post_categories', {}, this.subscriptionId || this.masterSubscriptionId)
+            .subscribe(response => {
+            this.blogPostTag = response.tags.find(tag => tag.name === 'Videos');
+            this.getPosts(1, 100);
+        });
+    }
+    getPosts(page, pageSize) {
+        console.log(this.blogPostTag);
+        this.resourceService
+            .getPublicPosts(this.subscriptionId, page, pageSize, '', this.blogPostTag.tag_category_id)
+            .subscribe(response => {
+            console.log(response.posts, this.blogPostTag);
+            this.posts = response.posts
+                .filter(post => post.tags?.some(tag => tag.tag_category_id === this.blogPostTag.tag_category_id))
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime())
+                .slice(0, 12);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVideoComponent, 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: ResourceVideoComponent, selector: "pw-resource-videos", usesInheritance: true, ngImport: i0, template: "<pw-resource-header></pw-resource-header>\n\n<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\">\n\n      <!-- Left Content -->\n      <div class=\"text-content\">\n        <div class=\"nce-heading\">\n          <h1 class=\"nce-header mb-4\">\n            Videos on demand\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        <p class=\"intro\">\n          Prefer to watch and learn? We\u2019ve got<br>you.\n        </p>\n        <div class=\"cta-buttons d-flex gap-3 flex-wrap mt-3\">\n          <p class=\"intro\">\n            These on-demand sessions cover<br />\n            everything from platform demos to<br />\n            bite-sized billing masterclasses - all<br />\n            designed to help MSPs streamline,<br />\n            scale, and stay sharp. Watch anytime,<br />\n            when it suits you.\n          </p>\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\"\n          src=\"/assets/img/resource/video-template.png\"\n          alt=\"NCEasy laptop screen\" />\n      </div>\n\n    </div>\n  </div>\n  <hr class=\"nce-divider\" />\n</section>\n\n\n<pw-resource-video-card></pw-resource-video-card>\n\n<pw-trial-4-contact-us></pw-trial-4-contact-us>\n", styles: [".nce-banner{background-image:url(/assets/img/resource/resource2.png);background-position:center;background-repeat:no-repeat;color:#000}.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:350px;width:100%;position:relative;z-index:3;left:9%;height:auto!important;top:13rem}.nce-banner .image-content .nce-math-img{max-width:300px;width:100%;position:relative;z-index:3;left:15%;top:51rem}}@media (width >= 991px){.nce-banner .text-content{position:absolute;width:760px}.nce-banner .text-extension{max-width:760px;position:absolute;margin-bottom:27rem!important}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .cta-btn.filled{background-color:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-size:1.1rem;text-decoration:none;font-weight:500}.white-content .cta-btn.outline{background-color:transparent;border:2px solid #000;color:#000;padding:1rem 2rem;border-radius:40px;font-size:1.1rem;text-decoration:none;font-weight:500}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}.text-extension{max-width:560px;margin-top:6rem!important}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:#000;margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important}.text-extension .cta-btn.filled{background-color:#000;color:#fff;padding:1.2rem 2rem;border-radius:40px;font-size:1.6rem;font-weight:500;text-decoration:none}.text-extension .cta-btn.outline{background-color:transparent;border:2px solid #000;color:#000;padding:1.2rem 2rem;border-radius:40px;font-size:1.6rem;font-weight:500;text-decoration:none}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}@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:5rem;left:7rem;position:relative}.image-content .nce-math-img{top:7rem;left:64rem;position:relative;width:450px!important}}@media (width >= 786px) and (width <= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .nce-laptop-img{top:5rem;right:6%;position:relative}.image-content .nce-math-img{position:relative;top:5rem;left:37rem;width:50%}}@media (width >= 991px){.nce-laptop-img{max-width:60%!important;height:auto}.nce-banner{padding-top:768px;padding-bottom:65px;margin-bottom:1rem;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-btn{width:224px!important}}@media (width <= 991px){.pricing-section{height:1200px}.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}.nce-banner{background-image:url(/assets/img/resource/resource2.png)}}@media (width >= 768px) and (width <= 991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media (width <= 768px){.text-extension{position:absolute;margin:3rem;margin-top:19rem!important}.pricing-section{height:1000px!important}.nce-divider{margin-top:25rem!important}.intro{font-size:1.5rem!important}.nce-math-img{top:30rem!important;left:24!important}.nce-laptop-img{top:12rem!important}}@media (width >= 991px) and (width <= 1200px){.nce-divider{top:61rem;position:absolute!important}}@media (width >= 1200px){.nce-divider{top:61rem;position:absolute!important}}@media (width >= 768px) and (width <= 991px){.nce-divider{margin-top:23rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!important}}@media (width >= 991px){.section-outer{padding-top:7rem!important}}@media (width >= 768px) and (width <= 991px){.nce-math-img{top:28rem!important;left:24%}.nce-laptop-img{top:27rem!important;left:-15rem!important}.pricing-section{height:890px!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}.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:#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: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-weight:700;font-size:2.4rem;color:#000}.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:353px;border-radius:30px;padding:3rem;box-shadow:0 20px 40px #00000014;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:100%}.resource-section .resource-card .resource-title{font-size:1.5rem;line-height:2rem;font-weight:300;color:#000;margin-bottom:16px;text-align:center;height:3.5rem}.resource-section .resource-card .resource-image{width:100%;height:204px!important;object-fit:cover;border-radius:16px;margin-bottom:20px;margin-top:3.5rem!important}.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-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: "component", type: i3.Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName"] }, { kind: "component", type: i4.ResourceHeaderComponent, selector: "pw-resource-header" }, { kind: "directive", type: i5.LazyImgDirective, selector: "img" }, { kind: "component", type: i6.ResourceVideoCardComponent, selector: "pw-resource-video-card", inputs: ["showVideoSection"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVideoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-resource-videos', template: "<pw-resource-header></pw-resource-header>\n\n<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\">\n\n      <!-- Left Content -->\n      <div class=\"text-content\">\n        <div class=\"nce-heading\">\n          <h1 class=\"nce-header mb-4\">\n            Videos on demand\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        <p class=\"intro\">\n          Prefer to watch and learn? We\u2019ve got<br>you.\n        </p>\n        <div class=\"cta-buttons d-flex gap-3 flex-wrap mt-3\">\n          <p class=\"intro\">\n            These on-demand sessions cover<br />\n            everything from platform demos to<br />\n            bite-sized billing masterclasses - all<br />\n            designed to help MSPs streamline,<br />\n            scale, and stay sharp. Watch anytime,<br />\n            when it suits you.\n          </p>\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\"\n          src=\"/assets/img/resource/video-template.png\"\n          alt=\"NCEasy laptop screen\" />\n      </div>\n\n    </div>\n  </div>\n  <hr class=\"nce-divider\" />\n</section>\n\n\n<pw-resource-video-card></pw-resource-video-card>\n\n<pw-trial-4-contact-us></pw-trial-4-contact-us>\n", styles: [".nce-banner{background-image:url(/assets/img/resource/resource2.png);background-position:center;background-repeat:no-repeat;color:#000}.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:350px;width:100%;position:relative;z-index:3;left:9%;height:auto!important;top:13rem}.nce-banner .image-content .nce-math-img{max-width:300px;width:100%;position:relative;z-index:3;left:15%;top:51rem}}@media (width >= 991px){.nce-banner .text-content{position:absolute;width:760px}.nce-banner .text-extension{max-width:760px;position:absolute;margin-bottom:27rem!important}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .cta-btn.filled{background-color:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-size:1.1rem;text-decoration:none;font-weight:500}.white-content .cta-btn.outline{background-color:transparent;border:2px solid #000;color:#000;padding:1rem 2rem;border-radius:40px;font-size:1.1rem;text-decoration:none;font-weight:500}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}.text-extension{max-width:560px;margin-top:6rem!important}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:#000;margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important}.text-extension .cta-btn.filled{background-color:#000;color:#fff;padding:1.2rem 2rem;border-radius:40px;font-size:1.6rem;font-weight:500;text-decoration:none}.text-extension .cta-btn.outline{background-color:transparent;border:2px solid #000;color:#000;padding:1.2rem 2rem;border-radius:40px;font-size:1.6rem;font-weight:500;text-decoration:none}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}@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:5rem;left:7rem;position:relative}.image-content .nce-math-img{top:7rem;left:64rem;position:relative;width:450px!important}}@media (width >= 786px) and (width <= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .nce-laptop-img{top:5rem;right:6%;position:relative}.image-content .nce-math-img{position:relative;top:5rem;left:37rem;width:50%}}@media (width >= 991px){.nce-laptop-img{max-width:60%!important;height:auto}.nce-banner{padding-top:768px;padding-bottom:65px;margin-bottom:1rem;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-btn{width:224px!important}}@media (width <= 991px){.pricing-section{height:1200px}.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}.nce-banner{background-image:url(/assets/img/resource/resource2.png)}}@media (width >= 768px) and (width <= 991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media (width <= 768px){.text-extension{position:absolute;margin:3rem;margin-top:19rem!important}.pricing-section{height:1000px!important}.nce-divider{margin-top:25rem!important}.intro{font-size:1.5rem!important}.nce-math-img{top:30rem!important;left:24!important}.nce-laptop-img{top:12rem!important}}@media (width >= 991px) and (width <= 1200px){.nce-divider{top:61rem;position:absolute!important}}@media (width >= 1200px){.nce-divider{top:61rem;position:absolute!important}}@media (width >= 768px) and (width <= 991px){.nce-divider{margin-top:23rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!important}}@media (width >= 991px){.section-outer{padding-top:7rem!important}}@media (width >= 768px) and (width <= 991px){.nce-math-img{top:28rem!important;left:24%}.nce-laptop-img{top:27rem!important;left:-15rem!important}.pricing-section{height:890px!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}.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:#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: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-weight:700;font-size:2.4rem;color:#000}.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:353px;border-radius:30px;padding:3rem;box-shadow:0 20px 40px #00000014;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:100%}.resource-section .resource-card .resource-title{font-size:1.5rem;line-height:2rem;font-weight:300;color:#000;margin-bottom:16px;text-align:center;height:3.5rem}.resource-section .resource-card .resource-image{width:100%;height:204px!important;object-fit:cover;border-radius:16px;margin-bottom:20px;margin-top:3.5rem!important}.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-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtdmlkZW9zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcmVzb3VyY2UtbW9kdWxlL3NyYy9saWIvcHVibGljL2NvbXBvbmVudHMvcmVzb3VyY2UtdmlkZW9zL3Jlc291cmNlLXZpZGVvcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLXZpZGVvcy9yZXNvdXJjZS12aWRlb3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7O0FBVzVELE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxnQkFBZ0I7SUFPeEQsWUFDcUIsZUFBZ0MsRUFDaEMsVUFBc0IsRUFDdkMsUUFBa0I7UUFFbEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBSkMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQ2hDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFOM0MsVUFBSyxHQUFHLEVBQUUsQ0FBQztJQVVYLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQzlDLElBQUksQ0FBQyxjQUFjLEdBQUcsUUFBUSxDQUFDO1FBQ25DLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ2xELElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQztZQUMxQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO29CQUNsRCxNQUFNLElBQUksR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztvQkFDMUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLEVBQUUsY0FBYyxDQUFDO29CQUMzQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztvQkFDakMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO2dCQUN2QixDQUFDLENBQUMsQ0FBQztZQUNQLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxXQUFXO1FBQ2YsSUFBSSxDQUFDLFVBQVU7YUFDVixhQUFhLENBQUMsaUJBQWlCLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUFDO2FBQ3RGLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQztZQUNwRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBWSxFQUFFLFFBQWdCO1FBQ25DLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxlQUFlO2FBQ2YsY0FBYyxDQUNYLElBQUksQ0FBQyxjQUFjLEVBQ25CLElBQUksRUFDSixRQUFRLEVBQ1IsRUFBRSxFQUNGLElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxDQUNuQzthQUNBLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNsQixPQUFPLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBQzlDLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDLEtBQUs7aUJBQ3RCLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUNYLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUNYLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLGVBQWUsS0FBSyxJQUFJLENBQUMsV0FBVyxDQUFDLGVBQWUsQ0FDbEUsQ0FDSjtpQkFDQSxJQUFJLENBQ0QsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FDTCxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsT0FBTyxFQUFFLEdBQUcsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUM5RTtpQkFDQSxLQUFLLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzsrR0FqRVEsc0JBQXNCO21HQUF0QixzQkFBc0IsaUZDakJuQyw4cURBb0RBOzs0RkRuQ2Esc0JBQXNCO2tCQVRsQyxTQUFTOytCQUNJLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBcHBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHBvc2l3aXNlL2FwcC1iYXNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBUYWdTZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5pbXBvcnQgeyBUT0tFTl9LRVkgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5cbmltcG9ydCB7IFJlc291cmNlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3Jlc291cmNlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LXJlc291cmNlLXZpZGVvcycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Jlc291cmNlLXZpZGVvcy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbXG4gICAgICAgICcuL3Jlc291cmNlLXZpZGVvcy5jb21wb25lbnQuc2NzcycsXG4gICAgICAgICcuLi9yZXNvdXJjZXMvcmVzb3VyY2VzLXNoYXJlZC5jb21wb25lbnQuc2NzcycsXG4gICAgICAgICcuLi9yZXNvdXJjZS1wb3N0L3JlbGF0ZWQtcmVzb3VyY2VzL3JlbGF0ZWQtcmVzb3VyY2VzLmNvbXBvbmVudC5zY3NzJ1xuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgUmVzb3VyY2VWaWRlb0NvbXBvbmVudCBleHRlbmRzIEFwcEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHN1YnNjcmlwdGlvbklkOiBudW1iZXI7XG4gICAgbWFzdGVyU3Vic2NyaXB0aW9uSWQ6IG51bWJlcjtcbiAgICBwb3N0cyA9IFtdO1xuICAgIHVzZXJMb2dnZWRJbjogYm9vbGVhbjtcbiAgICBibG9nUG9zdFRhZztcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHJlc291cmNlU2VydmljZTogUmVzb3VyY2VTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHRhZ1NlcnZpY2U6IFRhZ1NlcnZpY2UsXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvclxuICAgICkge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuZ2V0VXNlclN1YnNjcmlwdGlvbklkKCkuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSByZXNwb25zZTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMubG9jYWxTdG9yYWdlLmdldEl0ZW0kKFRPS0VOX0tFWSkuc3Vic2NyaWJlKHJlcyA9PiB7XG4gICAgICAgICAgICB0aGlzLnVzZXJMb2dnZWRJbiA9ICEhcmVzO1xuICAgICAgICAgICAgaWYgKHRoaXMudXNlckxvZ2dlZEluKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbSQoJ3Byb2R1Y3QnKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgZGF0YSA9IHJlcyA/IEpTT04ucGFyc2UocmVzKSA6IG51bGw7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSBkYXRhPy5zdWJzY3JpcHRpb25JZDtcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5sb2codGhpcy5zdWJzY3JpcHRpb25JZCk7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZ2V0UG9zdFRhZ3MoKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRQb3N0VGFncygpIHtcbiAgICAgICAgdGhpcy50YWdTZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0VGFnc0J5VHlwZSgncG9zdF9jYXRlZ29yaWVzJywge30sIHRoaXMuc3Vic2NyaXB0aW9uSWQgfHwgdGhpcy5tYXN0ZXJTdWJzY3JpcHRpb25JZClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuYmxvZ1Bvc3RUYWcgPSByZXNwb25zZS50YWdzLmZpbmQodGFnID0+IHRhZy5uYW1lID09PSAnVmlkZW9zJyk7XG4gICAgICAgICAgICAgICAgdGhpcy5nZXRQb3N0cygxLCAxMDApO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgZ2V0UG9zdHMocGFnZTogbnVtYmVyLCBwYWdlU2l6ZTogbnVtYmVyKSB7XG4gICAgICAgIGNvbnNvbGUubG9nKHRoaXMuYmxvZ1Bvc3RUYWcpO1xuICAgICAgICB0aGlzLnJlc291cmNlU2VydmljZVxuICAgICAgICAgICAgLmdldFB1YmxpY1Bvc3RzKFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQsXG4gICAgICAgICAgICAgICAgcGFnZSxcbiAgICAgICAgICAgICAgICBwYWdlU2l6ZSxcbiAgICAgICAgICAgICAgICAnJyxcbiAgICAgICAgICAgICAgICB0aGlzLmJsb2dQb3N0VGFnLnRhZ19jYXRlZ29yeV9pZFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2cocmVzcG9uc2UucG9zdHMsIHRoaXMuYmxvZ1Bvc3RUYWcpO1xuICAgICAgICAgICAgICAgIHRoaXMucG9zdHMgPSByZXNwb25zZS5wb3N0c1xuICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKHBvc3QgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc3QudGFncz8uc29tZShcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0YWcgPT4gdGFnLnRhZ19jYXRlZ29yeV9pZCA9PT0gdGhpcy5ibG9nUG9zdFRhZy50YWdfY2F0ZWdvcnlfaWRcbiAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAuc29ydChcbiAgICAgICAgICAgICAgICAgICAgICAgIChhLCBiKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5ldyBEYXRlKGIucHVibGlzaGVkX2F0KS5nZXRUaW1lKCkgLSBuZXcgRGF0ZShhLnB1Ymxpc2hlZF9hdCkuZ2V0VGltZSgpXG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgLnNsaWNlKDAsIDEyKTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxwdy1yZXNvdXJjZS1oZWFkZXI+PC9wdy1yZXNvdXJjZS1oZWFkZXI+XG5cbjxzZWN0aW9uIGNsYXNzPVwiYmctd2hpdGUgcHJpY2luZy1zZWN0aW9uXCI+XG4gIDxkaXYgY2xhc3M9XCJuY2UtYmFubmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lciBkLWZsZXggZmxleC1jb2x1bW4gZmxleC1sZy1yb3cgYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1iZXR3ZWVuXCI+XG5cbiAgICAgIDwhLS0gTGVmdCBDb250ZW50IC0tPlxuICAgICAgPGRpdiBjbGFzcz1cInRleHQtY29udGVudFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibmNlLWhlYWRpbmdcIj5cbiAgICAgICAgICA8aDEgY2xhc3M9XCJuY2UtaGVhZGVyIG1iLTRcIj5cbiAgICAgICAgICAgIFZpZGVvcyBvbiBkZW1hbmRcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmx1ZS10ZXh0XCI+PC9zcGFuPlxuICAgICAgICAgIDwvaDE+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gQWRkIGRpcmVjdGx5IGJlbG93IC50ZXh0LWNvbnRlbnQsIHN0aWxsIGluc2lkZSAuY29udGFpbmVyIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cInRleHQtZXh0ZW5zaW9uIG10LTRcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJpbnRyb1wiPlxuICAgICAgICAgIFByZWZlciB0byB3YXRjaCBhbmQgbGVhcm4/IFdl4oCZdmUgZ290PGJyPnlvdS5cbiAgICAgICAgPC9wPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY3RhLWJ1dHRvbnMgZC1mbGV4IGdhcC0zIGZsZXgtd3JhcCBtdC0zXCI+XG4gICAgICAgICAgPHAgY2xhc3M9XCJpbnRyb1wiPlxuICAgICAgICAgICAgVGhlc2Ugb24tZGVtYW5kIHNlc3Npb25zIGNvdmVyPGJyIC8+XG4gICAgICAgICAgICBldmVyeXRoaW5nIGZyb20gcGxhdGZvcm0gZGVtb3MgdG88YnIgLz5cbiAgICAgICAgICAgIGJpdGUtc2l6ZWQgYmlsbGluZyBtYXN0ZXJjbGFzc2VzIC0gYWxsPGJyIC8+XG4gICAgICAgICAgICBkZXNpZ25lZCB0byBoZWxwIE1TUHMgc3RyZWFtbGluZSw8YnIgLz5cbiAgICAgICAgICAgIHNjYWxlLCBhbmQgc3RheSBzaGFycC4gV2F0Y2ggYW55dGltZSw8YnIgLz5cbiAgICAgICAgICAgIHdoZW4gaXQgc3VpdHMgeW91LlxuICAgICAgICAgIDwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPCEtLSBSaWdodCBDb250ZW50IC0tPlxuICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRlbnQgbXMtbGctNSBtdC01IG10LWxnLTBcIj5cbiAgICAgICAgPGltZyBjbGFzcz1cIm5jZS1tYXRoLWltZ1wiXG4gICAgICAgIHNyYz1cIi9hc3NldHMvaW1nL3Jlc291cmNlL21hdGgucG5nXCJcbiAgICAgICAgYWx0PVwiTkNFYXN5IGxhcHRvcCBzY3JlZW5cIiAvPlxuICAgICAgICA8aW1nIGNsYXNzPVwibmNlLWxhcHRvcC1pbWdcIlxuICAgICAgICAgIHNyYz1cIi9hc3NldHMvaW1nL3Jlc291cmNlL3ZpZGVvLXRlbXBsYXRlLnBuZ1wiXG4gICAgICAgICAgYWx0PVwiTkNFYXN5IGxhcHRvcCBzY3JlZW5cIiAvPlxuICAgICAgPC9kaXY+XG5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxociBjbGFzcz1cIm5jZS1kaXZpZGVyXCIgLz5cbjwvc2VjdGlvbj5cblxuXG48cHctcmVzb3VyY2UtdmlkZW8tY2FyZD48L3B3LXJlc291cmNlLXZpZGVvLWNhcmQ+XG5cbjxwdy10cmlhbC00LWNvbnRhY3QtdXM+PC9wdy10cmlhbC00LWNvbnRhY3QtdXM+XG4iXX0=

package/esm2022/lib/public/components/resource-webinars/replay-event-cards/replay-event-cards.component.mjs

@@ -0,0 +1,31 @@
+import { Component, Injector } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/common";
+import * as i3 from "@posiwise/directives";
+export class ReplayEventCardComponent extends AppBaseComponent {
+    constructor(sanitizer, injector) {
+        super(injector);
+        this.sanitizer = sanitizer;
+        this.videoStates = {
+            inforcer: { loaded: false, id: 'R7Vk219zbhA', url: null },
+            inforcer2: { loaded: false, id: 'R7Vk219zbhA', url: null },
+            huntress: { loaded: false, id: 'R7Vk219zbhA', url: null }
+        };
+    }
+    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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ReplayEventCardComponent, 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: ReplayEventCardComponent, selector: "pw-replay-event-card", 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 class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        <h2 class=\"vault-heading\">Webinar Replays</h2>\n      </div>\n    </div>\n\n    <div class=\"row mt-5 video-row\">\n\n      <div class=\"col-md-4 mb-4\">\n        <div class=\"vault-card text-center p-4\">\n          <h5 class=\"badge-title\">REPLAY:</h5>\n          <p class=\"event-title mb-1\">Webinar with Inforcer & CloudOlive:</p>\n          <p class=\"event-date\">Make more on Microsoft</p>\n\n          <img *ngIf=\"!videoStates.inforcer.loaded\"\n              src=\"/assets/img/resource/webinar-inforcer.png\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n\n          <iframe *ngIf=\"videoStates.inforcer.loaded\"\n                  class=\"embed-responsive-item my-3\"\n                  [title]=\"videoTitle\"\n                  [src]=\"videoStates.inforcer.url\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen>\n          </iframe>\n\n          <button class=\"vault-btn mt-3\" (click)=\"loadVideo('inforcer')\">\n            <span class=\"text\">Watch now</span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"col-md-4 mb-4\">\n        <div class=\"vault-card text-center p-4\">\n          <h5 class=\"badge-title\">REPLAY:</h5>\n          <p class=\"event-title mb-1\">Webinar with Inforcer & CloudOlive:</p>\n          <p class=\"event-date\">Make more on Microsoft</p>\n\n          <img *ngIf=\"!videoStates.inforcer2.loaded\"\n               src=\"/assets/img/resource/webinar-inforcer.png\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n\n          <iframe *ngIf=\"videoStates.inforcer2.loaded\"\n                  class=\"embed-responsive-item my-3\"\n                  [title]=\"videoTitle\"\n                  [src]=\"videoStates.inforcer2.url\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen>\n          </iframe>\n\n          <button class=\"vault-btn mt-3\" (click)=\"loadVideo('inforcer2')\">\n            <span class=\"text\">Watch now</span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"col-md-4 mb-4\">\n        <div class=\"vault-card text-center p-4\">\n          <h5 class=\"badge-title\">REPLAY:</h5>\n          <p class=\"event-title mb-1\">Webinar with Huntress & CloudOlive:</p>\n          <p class=\"event-date\">MSP Thrive \u2013 Security</p>\n\n          <img *ngIf=\"!videoStates.huntress.loaded\"\n               src=\"/assets/img/resource/webinar-huntress.png\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n\n          <iframe *ngIf=\"videoStates.huntress.loaded\"\n                  class=\"embed-responsive-item my-3\"\n                  [title]=\"videoTitle\"\n                  [src]=\"videoStates.huntress.url\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen>\n          </iframe>\n\n          <button class=\"vault-btn mt-3\" (click)=\"loadVideo('huntress')\">\n            <span class=\"text\">Watch now</span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff;padding-bottom:5rem!important;padding-top:7rem!important}.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:#000!important}.msp-vault-section .vault-card p{font-size:1.5rem;color:#444;line-height:2rem;margin-bottom:2rem}.msp-vault-section .vault-card iframe{height:175px;border-radius:10px;object-fit:cover}.msp-vault-section .vault-card img{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){.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (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){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){.video-row{gap:3rem!important}}.vault-card{width:330px!important;height:auto!important}.demo{margin-bottom:5.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.LazyImgDirective, selector: "img" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ReplayEventCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-replay-event-card', template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        <h2 class=\"vault-heading\">Webinar Replays</h2>\n      </div>\n    </div>\n\n    <div class=\"row mt-5 video-row\">\n\n      <div class=\"col-md-4 mb-4\">\n        <div class=\"vault-card text-center p-4\">\n          <h5 class=\"badge-title\">REPLAY:</h5>\n          <p class=\"event-title mb-1\">Webinar with Inforcer & CloudOlive:</p>\n          <p class=\"event-date\">Make more on Microsoft</p>\n\n          <img *ngIf=\"!videoStates.inforcer.loaded\"\n              src=\"/assets/img/resource/webinar-inforcer.png\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n\n          <iframe *ngIf=\"videoStates.inforcer.loaded\"\n                  class=\"embed-responsive-item my-3\"\n                  [title]=\"videoTitle\"\n                  [src]=\"videoStates.inforcer.url\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen>\n          </iframe>\n\n          <button class=\"vault-btn mt-3\" (click)=\"loadVideo('inforcer')\">\n            <span class=\"text\">Watch now</span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"col-md-4 mb-4\">\n        <div class=\"vault-card text-center p-4\">\n          <h5 class=\"badge-title\">REPLAY:</h5>\n          <p class=\"event-title mb-1\">Webinar with Inforcer & CloudOlive:</p>\n          <p class=\"event-date\">Make more on Microsoft</p>\n\n          <img *ngIf=\"!videoStates.inforcer2.loaded\"\n               src=\"/assets/img/resource/webinar-inforcer.png\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n\n          <iframe *ngIf=\"videoStates.inforcer2.loaded\"\n                  class=\"embed-responsive-item my-3\"\n                  [title]=\"videoTitle\"\n                  [src]=\"videoStates.inforcer2.url\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen>\n          </iframe>\n\n          <button class=\"vault-btn mt-3\" (click)=\"loadVideo('inforcer2')\">\n            <span class=\"text\">Watch now</span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"col-md-4 mb-4\">\n        <div class=\"vault-card text-center p-4\">\n          <h5 class=\"badge-title\">REPLAY:</h5>\n          <p class=\"event-title mb-1\">Webinar with Huntress & CloudOlive:</p>\n          <p class=\"event-date\">MSP Thrive \u2013 Security</p>\n\n          <img *ngIf=\"!videoStates.huntress.loaded\"\n               src=\"/assets/img/resource/webinar-huntress.png\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n\n          <iframe *ngIf=\"videoStates.huntress.loaded\"\n                  class=\"embed-responsive-item my-3\"\n                  [title]=\"videoTitle\"\n                  [src]=\"videoStates.huntress.url\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen>\n          </iframe>\n\n          <button class=\"vault-btn mt-3\" (click)=\"loadVideo('huntress')\">\n            <span class=\"text\">Watch now</span>\n            <span class=\"arrow\">\u2192</span>\n          </button>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff;padding-bottom:5rem!important;padding-top:7rem!important}.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:#000!important}.msp-vault-section .vault-card p{font-size:1.5rem;color:#444;line-height:2rem;margin-bottom:2rem}.msp-vault-section .vault-card iframe{height:175px;border-radius:10px;object-fit:cover}.msp-vault-section .vault-card img{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){.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (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){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){.video-row{gap:3rem!important}}.vault-card{width:330px!important;height:auto!important}.demo{margin-bottom:5.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i0.Injector }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwbGF5LWV2ZW50LWNhcmRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcmVzb3VyY2UtbW9kdWxlL3NyYy9saWIvcHVibGljL2NvbXBvbmVudHMvcmVzb3VyY2Utd2ViaW5hcnMvcmVwbGF5LWV2ZW50LWNhcmRzL3JlcGxheS1ldmVudC1jYXJkcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLXdlYmluYXJzL3JlcGxheS1ldmVudC1jYXJkcy9yZXBsYXktZXZlbnQtY2FyZHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEQsT0FBTyxFQUFFLFlBQVksRUFBbUIsTUFBTSwyQkFBMkIsQ0FBQztBQUUxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7QUFPaEUsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGdCQUFnQjtJQU8xRCxZQUNxQixTQUF1QixFQUN4QyxRQUFrQjtRQUVsQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFIQyxjQUFTLEdBQVQsU0FBUyxDQUFjO1FBUDVDLGdCQUFXLEdBQUc7WUFDVixRQUFRLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUFFLElBQXVCLEVBQUU7WUFDNUUsU0FBUyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBRSxJQUF1QixFQUFFO1lBQzdFLFFBQVEsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQUUsSUFBdUIsRUFBRTtTQUMvRSxDQUFDO0lBT0YsQ0FBQztJQUVELFNBQVMsQ0FBQyxHQUEwQztRQUNoRCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUN6QyxNQUFNLE9BQU8sR0FBRyxpQ0FBaUMsT0FBTyxhQUFhLENBQUM7UUFDdEUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyw4QkFBOEIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFVBQVU7UUFDOUYsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO0lBQ3hDLENBQUM7K0dBbkJRLHdCQUF3QjttR0FBeEIsd0JBQXdCLG1GQ1ZyQyw2bkhBMkZBOzs0RkRqRmEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNJLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVJlc291cmNlVXJsIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy1yZXBsYXktZXZlbnQtY2FyZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3JlcGxheS1ldmVudC1jYXJkcy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcmVwbGF5LWV2ZW50LWNhcmRzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUmVwbGF5RXZlbnRDYXJkQ29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCB7XG4gICAgdmlkZW9TdGF0ZXMgPSB7XG4gICAgICAgIGluZm9yY2VyOiB7IGxvYWRlZDogZmFsc2UsIGlkOiAnUjdWazIxOXpiaEEnLCB1cmw6IG51bGwgYXMgU2FmZVJlc291cmNlVXJsIH0sXG4gICAgICAgIGluZm9yY2VyMjogeyBsb2FkZWQ6IGZhbHNlLCBpZDogJ1I3VmsyMTl6YmhBJywgdXJsOiBudWxsIGFzIFNhZmVSZXNvdXJjZVVybCB9LFxuICAgICAgICBodW50cmVzczogeyBsb2FkZWQ6IGZhbHNlLCBpZDogJ1I3VmsyMTl6YmhBJywgdXJsOiBudWxsIGFzIFNhZmVSZXNvdXJjZVVybCB9XG4gICAgfTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHNhbml0aXplcjogRG9tU2FuaXRpemVyLFxuICAgICAgICBpbmplY3RvcjogSW5qZWN0b3JcbiAgICApIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIGxvYWRWaWRlbyhrZXk6ICdpbmZvcmNlcicgfCAnaW5mb3JjZXIyJyB8ICdodW50cmVzcycpIHtcbiAgICAgICAgY29uc3QgdmlkZW9JZCA9IHRoaXMudmlkZW9TdGF0ZXNba2V5XS5pZDtcbiAgICAgICAgY29uc3QgYmFzZVVybCA9IGBodHRwczovL3d3dy55b3V0dWJlLmNvbS9lbWJlZC8ke3ZpZGVvSWR9P2F1dG9wbGF5PTFgO1xuICAgICAgICB0aGlzLnZpZGVvU3RhdGVzW2tleV0udXJsID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKGJhc2VVcmwpOyAvLyBOT1NPTkFSXG4gICAgICAgIHRoaXMudmlkZW9TdGF0ZXNba2V5XS5sb2FkZWQgPSB0cnVlO1xuICAgIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwibXNwLXZhdWx0LXNlY3Rpb24gYmctd2hpdGUgdGV4dC1jZW50ZXIgcHktNSBleHRyYS10b3AtcGFkZGluZyBzZWN0aW9uLW91dGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZC1tZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIGFsaWduLWl0ZW1zLXN0YXJ0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwidmF1bHQtaGVhZGVyXCI+XG4gICAgICAgIDxoMiBjbGFzcz1cInZhdWx0LWhlYWRpbmdcIj5XZWJpbmFyIFJlcGxheXM8L2gyPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwicm93IG10LTUgdmlkZW8tcm93XCI+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtNCBtYi00XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2YXVsdC1jYXJkIHRleHQtY2VudGVyIHAtNFwiPlxuICAgICAgICAgIDxoNSBjbGFzcz1cImJhZGdlLXRpdGxlXCI+UkVQTEFZOjwvaDU+XG4gICAgICAgICAgPHAgY2xhc3M9XCJldmVudC10aXRsZSBtYi0xXCI+V2ViaW5hciB3aXRoIEluZm9yY2VyICYgQ2xvdWRPbGl2ZTo8L3A+XG4gICAgICAgICAgPHAgY2xhc3M9XCJldmVudC1kYXRlXCI+TWFrZSBtb3JlIG9uIE1pY3Jvc29mdDwvcD5cblxuICAgICAgICAgIDxpbWcgKm5nSWY9XCIhdmlkZW9TdGF0ZXMuaW5mb3JjZXIubG9hZGVkXCJcbiAgICAgICAgICAgICAgc3JjPVwiL2Fzc2V0cy9pbWcvcmVzb3VyY2Uvd2ViaW5hci1pbmZvcmNlci5wbmdcIlxuICAgICAgICAgICAgICAgY2xhc3M9XCJpbWctZmx1aWQgbXktM1wiXG4gICAgICAgICAgICAgICBhbHQ9XCJXZWJpbmFyXCIgLz5cblxuICAgICAgICAgIDxpZnJhbWUgKm5nSWY9XCJ2aWRlb1N0YXRlcy5pbmZvcmNlci5sb2FkZWRcIlxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJlbWJlZC1yZXNwb25zaXZlLWl0ZW0gbXktM1wiXG4gICAgICAgICAgICAgICAgICBbdGl0bGVdPVwidmlkZW9UaXRsZVwiXG4gICAgICAgICAgICAgICAgICBbc3JjXT1cInZpZGVvU3RhdGVzLmluZm9yY2VyLnVybFwiXG4gICAgICAgICAgICAgICAgICBhbGxvdz1cImFjY2VsZXJvbWV0ZXI7IGF1dG9wbGF5OyBjbGlwYm9hcmQtd3JpdGU7IGVuY3J5cHRlZC1tZWRpYTsgZ3lyb3Njb3BlOyBwaWN0dXJlLWluLXBpY3R1cmVcIlxuICAgICAgICAgICAgICAgICAgYWxsb3dmdWxsc2NyZWVuPlxuICAgICAgICAgIDwvaWZyYW1lPlxuXG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZhdWx0LWJ0biBtdC0zXCIgKGNsaWNrKT1cImxvYWRWaWRlbygnaW5mb3JjZXInKVwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+V2F0Y2ggbm93PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJhcnJvd1wiPuKGkjwvc3Bhbj5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC00IG1iLTRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZhdWx0LWNhcmQgdGV4dC1jZW50ZXIgcC00XCI+XG4gICAgICAgICAgPGg1IGNsYXNzPVwiYmFkZ2UtdGl0bGVcIj5SRVBMQVk6PC9oNT5cbiAgICAgICAgICA8cCBjbGFzcz1cImV2ZW50LXRpdGxlIG1iLTFcIj5XZWJpbmFyIHdpdGggSW5mb3JjZXIgJiBDbG91ZE9saXZlOjwvcD5cbiAgICAgICAgICA8cCBjbGFzcz1cImV2ZW50LWRhdGVcIj5NYWtlIG1vcmUgb24gTWljcm9zb2Z0PC9wPlxuXG4gICAgICAgICAgPGltZyAqbmdJZj1cIiF2aWRlb1N0YXRlcy5pbmZvcmNlcjIubG9hZGVkXCJcbiAgICAgICAgICAgICAgIHNyYz1cIi9hc3NldHMvaW1nL3Jlc291cmNlL3dlYmluYXItaW5mb3JjZXIucG5nXCJcbiAgICAgICAgICAgICAgIGNsYXNzPVwiaW1nLWZsdWlkIG15LTNcIlxuICAgICAgICAgICAgICAgYWx0PVwiV2ViaW5hclwiIC8+XG5cbiAgICAgICAgICA8aWZyYW1lICpuZ0lmPVwidmlkZW9TdGF0ZXMuaW5mb3JjZXIyLmxvYWRlZFwiXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImVtYmVkLXJlc3BvbnNpdmUtaXRlbSBteS0zXCJcbiAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJ2aWRlb1RpdGxlXCJcbiAgICAgICAgICAgICAgICAgIFtzcmNdPVwidmlkZW9TdGF0ZXMuaW5mb3JjZXIyLnVybFwiXG4gICAgICAgICAgICAgICAgICBhbGxvdz1cImFjY2VsZXJvbWV0ZXI7IGF1dG9wbGF5OyBjbGlwYm9hcmQtd3JpdGU7IGVuY3J5cHRlZC1tZWRpYTsgZ3lyb3Njb3BlOyBwaWN0dXJlLWluLXBpY3R1cmVcIlxuICAgICAgICAgICAgICAgICAgYWxsb3dmdWxsc2NyZWVuPlxuICAgICAgICAgIDwvaWZyYW1lPlxuXG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZhdWx0LWJ0biBtdC0zXCIgKGNsaWNrKT1cImxvYWRWaWRlbygnaW5mb3JjZXIyJylcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dFwiPldhdGNoIG5vdzwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJyb3dcIj7ihpI8L3NwYW4+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtNCBtYi00XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2YXVsdC1jYXJkIHRleHQtY2VudGVyIHAtNFwiPlxuICAgICAgICAgIDxoNSBjbGFzcz1cImJhZGdlLXRpdGxlXCI+UkVQTEFZOjwvaDU+XG4gICAgICAgICAgPHAgY2xhc3M9XCJldmVudC10aXRsZSBtYi0xXCI+V2ViaW5hciB3aXRoIEh1bnRyZXNzICYgQ2xvdWRPbGl2ZTo8L3A+XG4gICAgICAgICAgPHAgY2xhc3M9XCJldmVudC1kYXRlXCI+TVNQIFRocml2ZSDigJMgU2VjdXJpdHk8L3A+XG5cbiAgICAgICAgICA8aW1nICpuZ0lmPVwiIXZpZGVvU3RhdGVzLmh1bnRyZXNzLmxvYWRlZFwiXG4gICAgICAgICAgICAgICBzcmM9XCIvYXNzZXRzL2ltZy9yZXNvdXJjZS93ZWJpbmFyLWh1bnRyZXNzLnBuZ1wiXG4gICAgICAgICAgICAgICBjbGFzcz1cImltZy1mbHVpZCBteS0zXCJcbiAgICAgICAgICAgICAgIGFsdD1cIldlYmluYXJcIiAvPlxuXG4gICAgICAgICAgPGlmcmFtZSAqbmdJZj1cInZpZGVvU3RhdGVzLmh1bnRyZXNzLmxvYWRlZFwiXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImVtYmVkLXJlc3BvbnNpdmUtaXRlbSBteS0zXCJcbiAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJ2aWRlb1RpdGxlXCJcbiAgICAgICAgICAgICAgICAgIFtzcmNdPVwidmlkZW9TdGF0ZXMuaHVudHJlc3MudXJsXCJcbiAgICAgICAgICAgICAgICAgIGFsbG93PVwiYWNjZWxlcm9tZXRlcjsgYXV0b3BsYXk7IGNsaXBib2FyZC13cml0ZTsgZW5jcnlwdGVkLW1lZGlhOyBneXJvc2NvcGU7IHBpY3R1cmUtaW4tcGljdHVyZVwiXG4gICAgICAgICAgICAgICAgICBhbGxvd2Z1bGxzY3JlZW4+XG4gICAgICAgICAgPC9pZnJhbWU+XG5cbiAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwidmF1bHQtYnRuIG10LTNcIiAoY2xpY2spPVwibG9hZFZpZGVvKCdodW50cmVzcycpXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHRcIj5XYXRjaCBub3c8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFycm93XCI+4oaSPC9zcGFuPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

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

@@ -0,0 +1,79 @@
+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 '../../../resource.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../resource.service";
+import * as i2 from "@posiwise/common-services";
+import * as i3 from "@posiwise/alpha-module";
+import * as i4 from "@posiwise/shared-components";
+import * as i5 from "@posiwise/directives";
+import * as i6 from "./upcoming-event-cards/upcoming-event-cards.component";
+import * as i7 from "./replay-event-cards/replay-event-cards.component";
+export class ResourceWebinarComponent extends AppBaseComponent {
+    constructor(resourceService, tagService, injector) {
+        super(injector);
+        this.resourceService = resourceService;
+        this.tagService = tagService;
+        this.posts = [];
+        this.upcomingPosts = [];
+    }
+    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.getPostTags();
+                });
+            }
+        });
+    }
+    getPostTags() {
+        this.tagService
+            .getTagsByType('post_categories', {}, this.subscriptionId || this.masterSubscriptionId)
+            .subscribe(response => {
+            this.blogPostTag = response.tags.find(tag => tag.name === 'Events');
+            this.getPosts(1, 100);
+            this.getUpcomingPosts(1, 100);
+        });
+    }
+    getPosts(page, pageSize) {
+        console.log(this.blogPostTag);
+        this.resourceService
+            .getPublicPosts(this.subscriptionId, page, pageSize, '', this.blogPostTag?.tag_category_id)
+            .subscribe(response => {
+            console.log(response.posts, this.blogPostTag);
+            this.posts = response.posts
+                .filter(post => post.tags?.some(tag => tag.tag_category_id === this.blogPostTag?.tag_category_id &&
+                new Date(post.when) < new Date()))
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime())
+                .slice(0, 12);
+        });
+    }
+    getUpcomingPosts(page, pageSize) {
+        this.resourceService
+            .getPublicPosts(this.subscriptionId, page, pageSize, '', this.blogPostTag?.tag_category_id)
+            .subscribe(response => {
+            console.log(response.posts, this.blogPostTag);
+            this.upcomingPosts = response.posts
+                .filter(post => post.tags?.some(tag => tag.tag_category_id === this.blogPostTag?.tag_category_id &&
+                new Date(post.when) > new Date()))
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime())
+                .slice(0, 12);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceWebinarComponent, 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: ResourceWebinarComponent, selector: "pw-resource-blog", usesInheritance: true, ngImport: i0, template: "<pw-resource-header></pw-resource-header>\n\n\n<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\">\n\n      <!-- Left Content -->\n      <div class=\"text-content\">\n        <div class=\"nce-heading\">\n          <h1 class=\"nce-header mb-4\">\n            Events & Webinars\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        <p class=\"intro\">\n          We're big on community and even<br>bigger on sharing what works.\n        </p>\n        <div class=\"cta-buttons d-flex gap-3 flex-wrap mt-3\">\n          <p class=\"intro\">\n            Whether it's a deep-dive webinar,<br>\n            product masterclass or a virtual<br>\n            roundtable with industry pros - these<br>\n            sessions are built to help MSPs like<br>\n            you grow smarter, bill better, and<br>\n            stay ahead.\n          </p>\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\"\n          src=\"/assets/img/resource/events-women.png\"\n          alt=\"NCEasy laptop screen\" />\n      </div>\n\n    </div>\n  </div>\n  <hr class=\"nce-divider\" />\n</section>\n\n<section class=\"bg-white\">\n  <pw-upcoming-event-card></pw-upcoming-event-card>\n  <hr class=\"nce-divider\" />\n</section>\n\n<section class=\"bg-white\">\n  <pw-replay-event-card></pw-replay-event-card>\n  <hr class=\"nce-divider\" />\n</section>\n\n\n\n\n<pw-trial-4-contact-us></pw-trial-4-contact-us>\n", styles: [".nce-banner{background-image:url(/assets/img/resource/resource2.png);background-position:center;background-repeat:no-repeat;color:#000}.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:350px;width:100%;position:relative;z-index:3;left:9%;height:auto!important;top:13rem}.nce-banner .image-content .nce-math-img{max-width:300px;width:100%;position:relative;z-index:3;left:15%;top:51rem}}@media (width >= 991px){.nce-banner .text-content{position:absolute;width:760px}.nce-banner .text-extension{max-width:760px;position:absolute;margin-bottom:22rem!important}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .cta-btn.filled{background-color:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-size:1.1rem;text-decoration:none;font-weight:500}.white-content .cta-btn.outline{background-color:transparent;border:2px solid #000;color:#000;padding:1rem 2rem;border-radius:40px;font-size:1.1rem;text-decoration:none;font-weight:500}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}.text-extension{max-width:560px;margin-top:6rem!important}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:#000;margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important;margin-bottom:3rem!important}.text-extension .cta-btn.filled{background-color:#000;color:#fff;padding:1.2rem 2rem;border-radius:40px;font-size:1.6rem;font-weight:500;text-decoration:none}.text-extension .cta-btn.outline{background-color:transparent;border:2px solid #000;color:#000;padding:1.2rem 2rem;border-radius:40px;font-size:1.6rem;font-weight:500;text-decoration:none}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}@media (width >= 991px){.section-outer{padding-top:7rem!important}}@media (width >= 768px) and (width <= 991px){.nce-math-img{top:28rem!important;left:24%}.nce-laptop-img{top:27rem!important;left:-15rem!important}.pricing-section{height:890px!important}}@media (width >= 1200px){.nce-divider{top:61rem;position:absolute!important}.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:9.3rem;right:9%;position:relative}.image-content .nce-math-img{top:10rem;left:55rem;position:relative;width:550px!important}}@media (width >= 786px) and (width <= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}}@media (width >= 991px){.nce-laptop-img{max-width:100%!important;height:auto}.nce-banner{padding-top:768px;padding-bottom:65px;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}.nce-banner{background-image:url(/assets/img/resource/resource2.png)}}@media (width <= 768px){.nce-divider{margin-top:29rem!important}.intro{font-size:1.5rem!important}.nce-math-img{top:30rem!important}.nce-laptop-img{top:16rem!important}}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:7rem 3rem 1rem!important}.text-extension{position:absolute;margin:3rem;margin-top:19rem!important}.pricing-section{height:1050px!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width >= 768px) and (width <= 991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}.pricing-section{height:1200px}.nce-divider{margin-top:23rem!important}.nce-laptop-img{bottom:5rem;right:10%;position:relative}.nce-math-img{position:relative;bottom:5rem;left:37rem;width:50%}}@media (width >= 991px) and (width <= 1200px){.text-extension{position:absolute;margin:3rem;margin-top:8rem!important}.pricing-section{height:900px}.nce-divider{margin-top:2rem!important}.nce-laptop-img{top:34.5rem;right:1rem;position:absolute;width:450px!important;height:450px!important}.nce-math-img{top:7rem;left:38rem;position:relative;width:450px!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!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"], dependencies: [{ kind: "component", type: i3.Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName"] }, { kind: "component", type: i4.ResourceHeaderComponent, selector: "pw-resource-header" }, { kind: "directive", type: i5.LazyImgDirective, selector: "img" }, { kind: "component", type: i6.UpcomingEventCardComponent, selector: "pw-upcoming-event-card", inputs: ["showEventContent"] }, { kind: "component", type: i7.ReplayEventCardComponent, selector: "pw-replay-event-card" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceWebinarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-resource-blog', template: "<pw-resource-header></pw-resource-header>\n\n\n<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\">\n\n      <!-- Left Content -->\n      <div class=\"text-content\">\n        <div class=\"nce-heading\">\n          <h1 class=\"nce-header mb-4\">\n            Events & Webinars\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        <p class=\"intro\">\n          We're big on community and even<br>bigger on sharing what works.\n        </p>\n        <div class=\"cta-buttons d-flex gap-3 flex-wrap mt-3\">\n          <p class=\"intro\">\n            Whether it's a deep-dive webinar,<br>\n            product masterclass or a virtual<br>\n            roundtable with industry pros - these<br>\n            sessions are built to help MSPs like<br>\n            you grow smarter, bill better, and<br>\n            stay ahead.\n          </p>\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\"\n          src=\"/assets/img/resource/events-women.png\"\n          alt=\"NCEasy laptop screen\" />\n      </div>\n\n    </div>\n  </div>\n  <hr class=\"nce-divider\" />\n</section>\n\n<section class=\"bg-white\">\n  <pw-upcoming-event-card></pw-upcoming-event-card>\n  <hr class=\"nce-divider\" />\n</section>\n\n<section class=\"bg-white\">\n  <pw-replay-event-card></pw-replay-event-card>\n  <hr class=\"nce-divider\" />\n</section>\n\n\n\n\n<pw-trial-4-contact-us></pw-trial-4-contact-us>\n", styles: [".nce-banner{background-image:url(/assets/img/resource/resource2.png);background-position:center;background-repeat:no-repeat;color:#000}.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:350px;width:100%;position:relative;z-index:3;left:9%;height:auto!important;top:13rem}.nce-banner .image-content .nce-math-img{max-width:300px;width:100%;position:relative;z-index:3;left:15%;top:51rem}}@media (width >= 991px){.nce-banner .text-content{position:absolute;width:760px}.nce-banner .text-extension{max-width:760px;position:absolute;margin-bottom:22rem!important}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .cta-btn.filled{background-color:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-size:1.1rem;text-decoration:none;font-weight:500}.white-content .cta-btn.outline{background-color:transparent;border:2px solid #000;color:#000;padding:1rem 2rem;border-radius:40px;font-size:1.1rem;text-decoration:none;font-weight:500}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}.text-extension{max-width:560px;margin-top:6rem!important}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:#000;margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important;margin-bottom:3rem!important}.text-extension .cta-btn.filled{background-color:#000;color:#fff;padding:1.2rem 2rem;border-radius:40px;font-size:1.6rem;font-weight:500;text-decoration:none}.text-extension .cta-btn.outline{background-color:transparent;border:2px solid #000;color:#000;padding:1.2rem 2rem;border-radius:40px;font-size:1.6rem;font-weight:500;text-decoration:none}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}@media (width >= 991px){.section-outer{padding-top:7rem!important}}@media (width >= 768px) and (width <= 991px){.nce-math-img{top:28rem!important;left:24%}.nce-laptop-img{top:27rem!important;left:-15rem!important}.pricing-section{height:890px!important}}@media (width >= 1200px){.nce-divider{top:61rem;position:absolute!important}.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:9.3rem;right:9%;position:relative}.image-content .nce-math-img{top:10rem;left:55rem;position:relative;width:550px!important}}@media (width >= 786px) and (width <= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}}@media (width >= 991px){.nce-laptop-img{max-width:100%!important;height:auto}.nce-banner{padding-top:768px;padding-bottom:65px;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}.nce-banner{background-image:url(/assets/img/resource/resource2.png)}}@media (width <= 768px){.nce-divider{margin-top:29rem!important}.intro{font-size:1.5rem!important}.nce-math-img{top:30rem!important}.nce-laptop-img{top:16rem!important}}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:7rem 3rem 1rem!important}.text-extension{position:absolute;margin:3rem;margin-top:19rem!important}.pricing-section{height:1050px!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width >= 768px) and (width <= 991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}.pricing-section{height:1200px}.nce-divider{margin-top:23rem!important}.nce-laptop-img{bottom:5rem;right:10%;position:relative}.nce-math-img{position:relative;bottom:5rem;left:37rem;width:50%}}@media (width >= 991px) and (width <= 1200px){.text-extension{position:absolute;margin:3rem;margin-top:8rem!important}.pricing-section{height:900px}.nce-divider{margin-top:2rem!important}.nce-laptop-img{top:34.5rem;right:1rem;position:absolute;width:450px!important;height:450px!important}.nce-math-img{top:7rem;left:38rem;position:relative;width:450px!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!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"] }]
+        }], ctorParameters: () => [{ type: i1.ResourceService }, { type: i2.TagService }, { type: i0.Injector }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2Utd2ViaW5hcnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS13ZWJpbmFycy9yZXNvdXJjZS13ZWJpbmFycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLXdlYmluYXJzL3Jlc291cmNlLXdlYmluYXJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRTVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7Ozs7QUFVNUQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGdCQUFnQjtJQVExRCxZQUNxQixlQUFnQyxFQUNoQyxVQUFzQixFQUN2QyxRQUFrQjtRQUVsQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFKQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDaEMsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQVAzQyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsa0JBQWEsR0FBRyxFQUFFLENBQUM7SUFVbkIsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDOUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFRLENBQUM7UUFDbkMsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDbEQsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDO1lBQzFCLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO2dCQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEVBQUU7b0JBQ2xELE1BQU0sSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO29CQUMxQyxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksRUFBRSxjQUFjLENBQUM7b0JBQzNDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO29CQUNqQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7Z0JBQ3ZCLENBQUMsQ0FBQyxDQUFDO1lBQ1AsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFdBQVc7UUFDZixJQUFJLENBQUMsVUFBVTthQUNWLGFBQWEsQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQUM7YUFDdEYsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDO1lBQ3BFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDbEMsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRUQsUUFBUSxDQUFDLElBQVksRUFBRSxRQUFnQjtRQUNuQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUM5QixJQUFJLENBQUMsZUFBZTthQUNmLGNBQWMsQ0FDWCxJQUFJLENBQUMsY0FBYyxFQUNuQixJQUFJLEVBQ0osUUFBUSxFQUNSLEVBQUUsRUFDRixJQUFJLENBQUMsV0FBVyxFQUFFLGVBQWUsQ0FDcEM7YUFDQSxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQyxLQUFLO2lCQUN0QixNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FDWCxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FDWCxHQUFHLENBQUMsRUFBRSxDQUNGLEdBQUcsQ0FBQyxlQUFlLEtBQUssSUFBSSxDQUFDLFdBQVcsRUFBRSxlQUFlO2dCQUN6RCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FDdkMsQ0FDSjtpQkFDQSxJQUFJLENBQ0QsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FDTCxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsT0FBTyxFQUFFLEdBQUcsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUM5RTtpQkFDQSxLQUFLLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQztJQUNELGdCQUFnQixDQUFDLElBQVksRUFBRSxRQUFnQjtRQUMzQyxJQUFJLENBQUMsZUFBZTthQUNmLGNBQWMsQ0FDWCxJQUFJLENBQUMsY0FBYyxFQUNuQixJQUFJLEVBQ0osUUFBUSxFQUNSLEVBQUUsRUFDRixJQUFJLENBQUMsV0FBVyxFQUFFLGVBQWUsQ0FDcEM7YUFDQSxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMsYUFBYSxHQUFHLFFBQVEsQ0FBQyxLQUFLO2lCQUM5QixNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FDWCxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FDWCxHQUFHLENBQUMsRUFBRSxDQUNGLEdBQUcsQ0FBQyxlQUFlLEtBQUssSUFBSSxDQUFDLFdBQVcsRUFBRSxlQUFlO2dCQUN6RCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FDdkMsQ0FDSjtpQkFDQSxJQUFJLENBQ0QsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FDTCxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsT0FBTyxFQUFFLEdBQUcsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUM5RTtpQkFDQSxLQUFLLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzsrR0EvRlEsd0JBQXdCO21HQUF4Qix3QkFBd0IsK0VDaEJyQywyM0RBK0RBOzs0RkQvQ2Esd0JBQXdCO2tCQVJwQyxTQUFTOytCQUNJLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBcHBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHBvc2l3aXNlL2FwcC1iYXNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBUYWdTZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5pbXBvcnQgeyBUT0tFTl9LRVkgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5cbmltcG9ydCB7IFJlc291cmNlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3Jlc291cmNlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LXJlc291cmNlLWJsb2cnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9yZXNvdXJjZS13ZWJpbmFycy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbXG4gICAgICAgICcuL3Jlc291cmNlLXdlYmluYXJzLmNvbXBvbmVudC5zY3NzJyxcbiAgICAgICAgJy4uL3Jlc291cmNlcy9yZXNvdXJjZXMtc2hhcmVkLmNvbXBvbmVudC5zY3NzJ1xuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgUmVzb3VyY2VXZWJpbmFyQ29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgc3Vic2NyaXB0aW9uSWQ6IG51bWJlcjtcbiAgICBtYXN0ZXJTdWJzY3JpcHRpb25JZDogbnVtYmVyO1xuICAgIHBvc3RzID0gW107XG4gICAgdXBjb21pbmdQb3N0cyA9IFtdO1xuICAgIHVzZXJMb2dnZWRJbjogYm9vbGVhbjtcbiAgICBibG9nUG9zdFRhZztcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHJlc291cmNlU2VydmljZTogUmVzb3VyY2VTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHRhZ1NlcnZpY2U6IFRhZ1NlcnZpY2UsXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvclxuICAgICkge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuZ2V0VXNlclN1YnNjcmlwdGlvbklkKCkuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSByZXNwb25zZTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMubG9jYWxTdG9yYWdlLmdldEl0ZW0kKFRPS0VOX0tFWSkuc3Vic2NyaWJlKHJlcyA9PiB7XG4gICAgICAgICAgICB0aGlzLnVzZXJMb2dnZWRJbiA9ICEhcmVzO1xuICAgICAgICAgICAgaWYgKHRoaXMudXNlckxvZ2dlZEluKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbSQoJ3Byb2R1Y3QnKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgZGF0YSA9IHJlcyA/IEpTT04ucGFyc2UocmVzKSA6IG51bGw7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSBkYXRhPy5zdWJzY3JpcHRpb25JZDtcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5sb2codGhpcy5zdWJzY3JpcHRpb25JZCk7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZ2V0UG9zdFRhZ3MoKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRQb3N0VGFncygpIHtcbiAgICAgICAgdGhpcy50YWdTZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0VGFnc0J5VHlwZSgncG9zdF9jYXRlZ29yaWVzJywge30sIHRoaXMuc3Vic2NyaXB0aW9uSWQgfHwgdGhpcy5tYXN0ZXJTdWJzY3JpcHRpb25JZClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuYmxvZ1Bvc3RUYWcgPSByZXNwb25zZS50YWdzLmZpbmQodGFnID0+IHRhZy5uYW1lID09PSAnRXZlbnRzJyk7XG4gICAgICAgICAgICAgICAgdGhpcy5nZXRQb3N0cygxLCAxMDApO1xuICAgICAgICAgICAgICAgIHRoaXMuZ2V0VXBjb21pbmdQb3N0cygxLCAxMDApO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgZ2V0UG9zdHMocGFnZTogbnVtYmVyLCBwYWdlU2l6ZTogbnVtYmVyKSB7XG4gICAgICAgIGNvbnNvbGUubG9nKHRoaXMuYmxvZ1Bvc3RUYWcpO1xuICAgICAgICB0aGlzLnJlc291cmNlU2VydmljZVxuICAgICAgICAgICAgLmdldFB1YmxpY1Bvc3RzKFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQsXG4gICAgICAgICAgICAgICAgcGFnZSxcbiAgICAgICAgICAgICAgICBwYWdlU2l6ZSxcbiAgICAgICAgICAgICAgICAnJyxcbiAgICAgICAgICAgICAgICB0aGlzLmJsb2dQb3N0VGFnPy50YWdfY2F0ZWdvcnlfaWRcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKHJlc3BvbnNlLnBvc3RzLCB0aGlzLmJsb2dQb3N0VGFnKTtcbiAgICAgICAgICAgICAgICB0aGlzLnBvc3RzID0gcmVzcG9uc2UucG9zdHNcbiAgICAgICAgICAgICAgICAgICAgLmZpbHRlcihwb3N0ID0+XG4gICAgICAgICAgICAgICAgICAgICAgICBwb3N0LnRhZ3M/LnNvbWUoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGFnID0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRhZy50YWdfY2F0ZWdvcnlfaWQgPT09IHRoaXMuYmxvZ1Bvc3RUYWc/LnRhZ19jYXRlZ29yeV9pZCAmJlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBuZXcgRGF0ZShwb3N0LndoZW4pIDwgbmV3IERhdGUoKVxuICAgICAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgIC5zb3J0KFxuICAgICAgICAgICAgICAgICAgICAgICAgKGEsIGIpID0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbmV3IERhdGUoYi5wdWJsaXNoZWRfYXQpLmdldFRpbWUoKSAtIG5ldyBEYXRlKGEucHVibGlzaGVkX2F0KS5nZXRUaW1lKClcbiAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAuc2xpY2UoMCwgMTIpO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuICAgIGdldFVwY29taW5nUG9zdHMocGFnZTogbnVtYmVyLCBwYWdlU2l6ZTogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMucmVzb3VyY2VTZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0UHVibGljUG9zdHMoXG4gICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCxcbiAgICAgICAgICAgICAgICBwYWdlLFxuICAgICAgICAgICAgICAgIHBhZ2VTaXplLFxuICAgICAgICAgICAgICAgICcnLFxuICAgICAgICAgICAgICAgIHRoaXMuYmxvZ1Bvc3RUYWc/LnRhZ19jYXRlZ29yeV9pZFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2cocmVzcG9uc2UucG9zdHMsIHRoaXMuYmxvZ1Bvc3RUYWcpO1xuICAgICAgICAgICAgICAgIHRoaXMudXBjb21pbmdQb3N0cyA9IHJlc3BvbnNlLnBvc3RzXG4gICAgICAgICAgICAgICAgICAgIC5maWx0ZXIocG9zdCA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgcG9zdC50YWdzPy5zb21lKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRhZyA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0YWcudGFnX2NhdGVnb3J5X2lkID09PSB0aGlzLmJsb2dQb3N0VGFnPy50YWdfY2F0ZWdvcnlfaWQgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmV3IERhdGUocG9zdC53aGVuKSA+IG5ldyBEYXRlKClcbiAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAuc29ydChcbiAgICAgICAgICAgICAgICAgICAgICAgIChhLCBiKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5ldyBEYXRlKGIucHVibGlzaGVkX2F0KS5nZXRUaW1lKCkgLSBuZXcgRGF0ZShhLnB1Ymxpc2hlZF9hdCkuZ2V0VGltZSgpXG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgLnNsaWNlKDAsIDEyKTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxwdy1yZXNvdXJjZS1oZWFkZXI+PC9wdy1yZXNvdXJjZS1oZWFkZXI+XG5cblxuPHNlY3Rpb24gY2xhc3M9XCJiZy13aGl0ZSBwcmljaW5nLXNlY3Rpb25cIj5cbiAgPGRpdiBjbGFzcz1cIm5jZS1iYW5uZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyIGQtZmxleCBmbGV4LWNvbHVtbiBmbGV4LWxnLXJvdyBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWJldHdlZW5cIj5cblxuICAgICAgPCEtLSBMZWZ0IENvbnRlbnQgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1jb250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJuY2UtaGVhZGluZ1wiPlxuICAgICAgICAgIDxoMSBjbGFzcz1cIm5jZS1oZWFkZXIgbWItNFwiPlxuICAgICAgICAgICAgRXZlbnRzICYgV2ViaW5hcnNcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmx1ZS10ZXh0XCI+PC9zcGFuPlxuICAgICAgICAgIDwvaDE+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gQWRkIGRpcmVjdGx5IGJlbG93IC50ZXh0LWNvbnRlbnQsIHN0aWxsIGluc2lkZSAuY29udGFpbmVyIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cInRleHQtZXh0ZW5zaW9uIG10LTRcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJpbnRyb1wiPlxuICAgICAgICAgIFdlJ3JlIGJpZyBvbiBjb21tdW5pdHkgYW5kIGV2ZW48YnI+YmlnZ2VyIG9uIHNoYXJpbmcgd2hhdCB3b3Jrcy5cbiAgICAgICAgPC9wPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY3RhLWJ1dHRvbnMgZC1mbGV4IGdhcC0zIGZsZXgtd3JhcCBtdC0zXCI+XG4gICAgICAgICAgPHAgY2xhc3M9XCJpbnRyb1wiPlxuICAgICAgICAgICAgV2hldGhlciBpdCdzIGEgZGVlcC1kaXZlIHdlYmluYXIsPGJyPlxuICAgICAgICAgICAgcHJvZHVjdCBtYXN0ZXJjbGFzcyBvciBhIHZpcnR1YWw8YnI+XG4gICAgICAgICAgICByb3VuZHRhYmxlIHdpdGggaW5kdXN0cnkgcHJvcyAtIHRoZXNlPGJyPlxuICAgICAgICAgICAgc2Vzc2lvbnMgYXJlIGJ1aWx0IHRvIGhlbHAgTVNQcyBsaWtlPGJyPlxuICAgICAgICAgICAgeW91IGdyb3cgc21hcnRlciwgYmlsbCBiZXR0ZXIsIGFuZDxicj5cbiAgICAgICAgICAgIHN0YXkgYWhlYWQuXG4gICAgICAgICAgPC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIFJpZ2h0IENvbnRlbnQgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGVudCBtcy1sZy01IG10LTUgbXQtbGctMFwiPlxuICAgICAgICA8aW1nIGNsYXNzPVwibmNlLW1hdGgtaW1nXCJcbiAgICAgICAgc3JjPVwiL2Fzc2V0cy9pbWcvcmVzb3VyY2UvbWF0aC5wbmdcIlxuICAgICAgICBhbHQ9XCJOQ0Vhc3kgbGFwdG9wIHNjcmVlblwiIC8+XG4gICAgICAgIDxpbWcgY2xhc3M9XCJuY2UtbGFwdG9wLWltZ1wiXG4gICAgICAgICAgc3JjPVwiL2Fzc2V0cy9pbWcvcmVzb3VyY2UvZXZlbnRzLXdvbWVuLnBuZ1wiXG4gICAgICAgICAgYWx0PVwiTkNFYXN5IGxhcHRvcCBzY3JlZW5cIiAvPlxuICAgICAgPC9kaXY+XG5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxociBjbGFzcz1cIm5jZS1kaXZpZGVyXCIgLz5cbjwvc2VjdGlvbj5cblxuPHNlY3Rpb24gY2xhc3M9XCJiZy13aGl0ZVwiPlxuICA8cHctdXBjb21pbmctZXZlbnQtY2FyZD48L3B3LXVwY29taW5nLWV2ZW50LWNhcmQ+XG4gIDxociBjbGFzcz1cIm5jZS1kaXZpZGVyXCIgLz5cbjwvc2VjdGlvbj5cblxuPHNlY3Rpb24gY2xhc3M9XCJiZy13aGl0ZVwiPlxuICA8cHctcmVwbGF5LWV2ZW50LWNhcmQ+PC9wdy1yZXBsYXktZXZlbnQtY2FyZD5cbiAgPGhyIGNsYXNzPVwibmNlLWRpdmlkZXJcIiAvPlxuPC9zZWN0aW9uPlxuXG5cblxuXG48cHctdHJpYWwtNC1jb250YWN0LXVzPjwvcHctdHJpYWwtNC1jb250YWN0LXVzPlxuIl19