npm - @posiwise/shared-components - Versions diffs - 0.0.122 → 0.0.123 - Mend

@posiwise/shared-components 0.0.122 → 0.0.123

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/esm2022/lib/resource-header/resource-header.component.mjs CHANGED Viewed

@@ -14,15 +14,19 @@ export class ResourceHeaderComponent extends AppBaseComponent {
         this.navbarItems = this.appConfig?.pages_config?.navbar?.items;
     }
     ngOnInit() {
-        this.logo = this.appConfig?.company?.logos?.main_contrast?.url;
+        const isAboutUs = this.router.url.includes('/about-us');
+        this.logo = isAboutUs
+            ? this.appConfig?.company?.logos?.main_contrast?.url
+            : this.appConfig?.company?.logos?.main_dark?.url;
     }
     onScroll() {
         this.isScrolled = window.scrollY > 150;
-        if (window.scrollY > 150) {
-            this.logo = this.appConfig?.company?.logos?.main_contrast?.url;
-        }
-        else if (window.scrollY <= 150) {
-            this.logo = this.appConfig?.company?.logos?.main_contrast?.url;
+        const isAboutUs = this.router.url.includes('/about-us');
+        // Always use main_contrast on /about-us, skip toggle
+        if (!isAboutUs) {
+            this.logo = window.scrollY > 150
+                ? this.appConfig?.company?.logos?.main_contrast?.url
+                : this.appConfig?.company?.logos?.main_dark?.url;
         }
         if (window.innerWidth < 768) {
             this.open = false;
@@ -33,11 +37,11 @@ export class ResourceHeaderComponent extends AppBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderComponent, deps: [{ token: i0.Injector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceHeaderComponent, selector: "pw-resource-header", host: { listeners: { "window:scroll": "onScroll()" } }, viewQueries: [{ propertyName: "navbarCollapse", first: true, predicate: ["collapsibleNavbar"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top cloudolive-nav-bg-color\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n    <!-- Toggler/collapsibe Button -->\n    <button class=\"navbar-toggler header-menu-bar\"\n      type=\"button\"\n      aria-label=\"Toggle navigation\"\n      data-bs-toggle=\"collapse\"\n      data-bs-target=\"#collapsibleNavbar\">\n      <img src=\"/assets/img/products/trial/navbar-toggle-icon.png\"\n        class=\"img-fluid navbar-toggle-icon\"\n        alt=\"\" />\n    </button>\n\n    <!-- Mobile Logo -->\n    <div class=\"d-md-none mb-icon\">\n      <div>\n        <img [src]=\"logo\"\n          routerLink=\"/\"\n          alt=\"logo\"\n          class=\"img-fluid logo_img\" />\n      </div>\n    </div>\n\n    <!-- Navbar links -->\n    <div class=\"collapse navbar-collapse mt-3 mt-md-0\"\n      id=\"collapsibleNavbar\"\n      #collapsibleNavbar>\n      <div class=\"row align-items-center w-100\">\n\n        <!-- Always occupy 3 columns for logo -->\n        <div class=\"col-md-3 d-none d-md-flex align-items-center\">\n          <div *ngIf=\"logo\">\n            <img [src]=\"logo\"\n              (load)=\"logoLoaded = true\"\n              (error)=\"logoLoaded = false\"\n              routerLink=\"/\"\n              alt=\"logo\"\n              class=\"img-fluid logo_img\" />\n          </div>\n        </div>\n\n        <div class=\"col-md-6 d-flex justify-content-start\">\n          <ul #anchorLinks\n            class=\"navbar-nav flex gap-4 me-0 wow fadeInUp position-relative\"\n            data-wow-duration=\"2s\">\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <a\n                class=\"nav-link\"\n                  href=\"javascript:void(0)\"\n                  [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\n                  (mouseenter)=\"item.open = true\"\n                  (click)=\"item.subtitles?.length ? (item.open = !item.open) : null\"\n                  [attr.href]=\"!(item.subtitles?.length) ? item.path : null\"\n                >\n                  {{ item?.title }}\n                  <i *ngIf=\"item.subtitles.length > 0 && item.open\" class=\"fa-solid fa-caret-down\"></i>\n                    </a>\n              <div class=\"popup position-absolute\"\n              *ngIf=\"item.subtitles.length > 0 && item.open\">\n              <ul>\n                <li\n                    *ngFor=\"let sub of item.subtitles\"\n                    [routerLink]=\"sub.path\"\n                    class=\"dropdownItem\"\n                  >\n                    {{ sub.title }}\n                  </li>\n              </ul>\n            </div>\n            </li>\n\n            <li class=\"nav-item ms-2 mb-3 d-flex d-md-none\">\n              <button class=\"sign-btn sign-header-btn\"\n                routerLink=\"/login\">Log In</button>\n            </li>\n          </ul>\n        </div>\n\n        <!-- Always 3 columns for login -->\n        <div class=\"col-md-3 d-none d-md-flex justify-content-end\">\n          <button class=\"sign-btn sign-header-btn\"\n            routerLink=\"/login\">Log In</button>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</nav>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Montserrat,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}@media (max-width: 1200px){.container-wrapper{padding:0 20px!important}}.navbar-custom-background{background-color:#00000080;box-shadow:2px 2px 15px 2px #0000001f;transition:width 2s,height 2s,-webkit-transform 2s;transition:width 2s,height 2s,transform 2s background-color .5s ease;z-index:9999}.fixed-top{position:fixed!important}.primary-button{background-color:#000;border-radius:50px;color:#fff;font: 600 16.3px Montserrat-Regular,sans-serif;padding:5px 16px!important;width:auto;display:flex;gap:15px;align-items:center;justify-content:space-between}.navbar-nav .nav-item .nav-link{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;padding:1.1em 1em!important}.logo_img{width:60%!important}.navbar-toggle-icon{width:25px}@media (min-width: 500px){.navbar-nav .nav-item button{margin-top:10px}}@media (max-width: 1200px){.navbar-nav .nav-item .nav-link{font-size:15px!important}}.fa-caret-down{font-family:\"Font Awesome 6 Pro\";font-weight:900}@media (min-width: 1200px){.navbar-nav .nav-item .nav-link{padding-bottom:0!important;padding-top:0!important}.popup{top:3.4rem!important;background-color:var(--first)!important;left:0rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.router-link-active{color:#000!important}}@media (max-width: 1200px){.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.popup ul li:hover{background-color:#f1f1f1}.mb-icon{width:200px}.container-wrapper{padding:10px 20px!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}}@media (max-width: 500px){.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}}.popup{top:90%;background-color:transparent;padding:10px;z-index:1000}.popup ul{list-style-type:none;padding:0;margin:0}.popup ul li{padding:5px 10px;font: 500 14px Montserrat-Regular,sans-serif}.nav-link{color:#000!important;transition:color .3s ease}.nav-link.scrolled-nav-link{color:#fff!important}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}@media (max-width: 500px){.logo_img{width:60%!important;margin-left:auto;margin-right:0;display:block;transition:margin .5s ease,width .5s ease}.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul{list-style-type:none;padding:0;margin:0}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}.popup.ngIf{opacity:1}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}\n"], dependencies: [{ kind: "directive", type: i1.LazyImgDirective, selector: "img" }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceHeaderComponent, selector: "pw-resource-header", host: { listeners: { "window:scroll": "onScroll()" } }, viewQueries: [{ propertyName: "navbarCollapse", first: true, predicate: ["collapsibleNavbar"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top cloudolive-nav-bg-color\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n    <!-- Toggler/collapsibe Button -->\n    <button class=\"navbar-toggler header-menu-bar\"\n      type=\"button\"\n      aria-label=\"Toggle navigation\"\n      data-bs-toggle=\"collapse\"\n      data-bs-target=\"#collapsibleNavbar\">\n      <img src=\"/assets/img/products/trial/navbar-toggle-icon.png\"\n        class=\"img-fluid navbar-toggle-icon\"\n        alt=\"\" />\n    </button>\n\n    <!-- Mobile Logo -->\n    <div class=\"d-md-none mb-icon\">\n      <div>\n        <img [src]=\"logo\"\n          routerLink=\"/\"\n          alt=\"logo\"\n          class=\"img-fluid logo_img\" />\n      </div>\n    </div>\n\n    <!-- Navbar links -->\n    <div class=\"collapse navbar-collapse mt-3 mt-md-0\"\n      id=\"collapsibleNavbar\"\n      #collapsibleNavbar>\n      <div class=\"row align-items-center w-100\">\n\n        <!-- Always occupy 3 columns for logo -->\n        <div class=\"col-md-3 d-none d-md-flex align-items-center\">\n          <div *ngIf=\"logo\">\n            <img [src]=\"logo\"\n              (load)=\"logoLoaded = true\"\n              (error)=\"logoLoaded = false\"\n              routerLink=\"/\"\n              alt=\"logo\"\n              class=\"img-fluid logo_img\" />\n          </div>\n        </div>\n\n        <div class=\"col-md-6 d-flex justify-content-start\">\n          <ul #anchorLinks\n            class=\"navbar-nav flex gap-4 me-0 wow fadeInUp position-relative\"\n            data-wow-duration=\"2s\">\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <a\n                class=\"nav-link\"\n                  href=\"javascript:void(0)\"\n                  [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\n                  (mouseenter)=\"item.open = true\"\n                  (click)=\"item.subtitles?.length ? (item.open = !item.open) : null\"\n                  [attr.href]=\"!(item.subtitles?.length) ? item.path : null\"\n                >\n                  {{ item?.title }}\n                  <i *ngIf=\"item.subtitles.length > 0 && item.open\" class=\"fa-solid fa-caret-down\"></i>\n                    </a>\n              <div class=\"popup position-absolute\"\n              *ngIf=\"item.subtitles.length > 0 && item.open\">\n              <ul>\n                <li\n                    *ngFor=\"let sub of item.subtitles\"\n                    [routerLink]=\"sub.path\"\n                    class=\"dropdownItem\"\n                  >\n                    {{ sub.title }}\n                  </li>\n              </ul>\n            </div>\n            </li>\n\n            <li class=\"nav-item ms-2 mb-3 d-flex d-md-none\">\n              <button class=\"sign-btn sign-header-btn\"\n                routerLink=\"/login\">Log In</button>\n            </li>\n          </ul>\n        </div>\n\n        <!-- Always 3 columns for login -->\n        <div class=\"col-md-3 d-none d-md-flex justify-content-end\">\n          <button class=\"sign-btn sign-header-btn\"\n            routerLink=\"/login\">Log In</button>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</nav>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Montserrat,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}@media (max-width: 1200px){.container-wrapper{padding:0 20px!important}}.navbar-custom-background{background-color:#00000080;box-shadow:2px 2px 15px 2px #0000001f;transition:width 2s,height 2s,-webkit-transform 2s;transition:width 2s,height 2s,transform 2s background-color .5s ease;z-index:9999}.fixed-top{position:fixed!important}.primary-button{background-color:#000;border-radius:50px;color:#fff;font: 600 16.3px Montserrat-Regular,sans-serif;padding:5px 16px!important;width:auto;display:flex;gap:15px;align-items:center;justify-content:space-between}.navbar-nav .nav-item .nav-link{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;padding:1.1em 1em!important}.logo_img{width:60%!important}.navbar-toggle-icon{width:25px}@media (min-width: 500px){.navbar-nav .nav-item button{margin-top:10px}}@media (max-width: 1200px){.navbar-nav .nav-item .nav-link{font-size:15px!important}}.navbar-nav .nav-link{display:inline-flex!important;white-space:nowrap;gap:4px}.fa-caret-down{font-family:\"Font Awesome 6 Pro\";font-weight:900}@media (min-width: 1200px){.navbar-nav .nav-item .nav-link{padding-bottom:0!important;padding-top:0!important}.popup{top:3.4rem!important;background-color:var(--first)!important;left:0rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.router-link-active{color:#000!important}}@media (max-width: 1200px){.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.popup ul li:hover{background-color:#f1f1f1}.mb-icon{width:200px}.container-wrapper{padding:10px 20px!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}}@media (max-width: 500px){.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}}.popup{top:90%;background-color:transparent;padding:10px;z-index:1000}.popup ul{list-style-type:none;padding:0;margin:0}.popup ul li{padding:5px 10px;font: 500 14px Montserrat-Regular,sans-serif}.nav-link{color:#000!important;transition:color .3s ease}.nav-link.scrolled-nav-link{color:#fff!important}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}@media (max-width: 500px){.logo_img{width:60%!important;margin-left:auto;margin-right:0;display:block;transition:margin .5s ease,width .5s ease}.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul{list-style-type:none;padding:0;margin:0}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}.popup.ngIf{opacity:1}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}\n"], dependencies: [{ kind: "directive", type: i1.LazyImgDirective, selector: "img" }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource-header', template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top cloudolive-nav-bg-color\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n    <!-- Toggler/collapsibe Button -->\n    <button class=\"navbar-toggler header-menu-bar\"\n      type=\"button\"\n      aria-label=\"Toggle navigation\"\n      data-bs-toggle=\"collapse\"\n      data-bs-target=\"#collapsibleNavbar\">\n      <img src=\"/assets/img/products/trial/navbar-toggle-icon.png\"\n        class=\"img-fluid navbar-toggle-icon\"\n        alt=\"\" />\n    </button>\n\n    <!-- Mobile Logo -->\n    <div class=\"d-md-none mb-icon\">\n      <div>\n        <img [src]=\"logo\"\n          routerLink=\"/\"\n          alt=\"logo\"\n          class=\"img-fluid logo_img\" />\n      </div>\n    </div>\n\n    <!-- Navbar links -->\n    <div class=\"collapse navbar-collapse mt-3 mt-md-0\"\n      id=\"collapsibleNavbar\"\n      #collapsibleNavbar>\n      <div class=\"row align-items-center w-100\">\n\n        <!-- Always occupy 3 columns for logo -->\n        <div class=\"col-md-3 d-none d-md-flex align-items-center\">\n          <div *ngIf=\"logo\">\n            <img [src]=\"logo\"\n              (load)=\"logoLoaded = true\"\n              (error)=\"logoLoaded = false\"\n              routerLink=\"/\"\n              alt=\"logo\"\n              class=\"img-fluid logo_img\" />\n          </div>\n        </div>\n\n        <div class=\"col-md-6 d-flex justify-content-start\">\n          <ul #anchorLinks\n            class=\"navbar-nav flex gap-4 me-0 wow fadeInUp position-relative\"\n            data-wow-duration=\"2s\">\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <a\n                class=\"nav-link\"\n                  href=\"javascript:void(0)\"\n                  [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\n                  (mouseenter)=\"item.open = true\"\n                  (click)=\"item.subtitles?.length ? (item.open = !item.open) : null\"\n                  [attr.href]=\"!(item.subtitles?.length) ? item.path : null\"\n                >\n                  {{ item?.title }}\n                  <i *ngIf=\"item.subtitles.length > 0 && item.open\" class=\"fa-solid fa-caret-down\"></i>\n                    </a>\n              <div class=\"popup position-absolute\"\n              *ngIf=\"item.subtitles.length > 0 && item.open\">\n              <ul>\n                <li\n                    *ngFor=\"let sub of item.subtitles\"\n                    [routerLink]=\"sub.path\"\n                    class=\"dropdownItem\"\n                  >\n                    {{ sub.title }}\n                  </li>\n              </ul>\n            </div>\n            </li>\n\n            <li class=\"nav-item ms-2 mb-3 d-flex d-md-none\">\n              <button class=\"sign-btn sign-header-btn\"\n                routerLink=\"/login\">Log In</button>\n            </li>\n          </ul>\n        </div>\n\n        <!-- Always 3 columns for login -->\n        <div class=\"col-md-3 d-none d-md-flex justify-content-end\">\n          <button class=\"sign-btn sign-header-btn\"\n            routerLink=\"/login\">Log In</button>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</nav>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Montserrat,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}@media (max-width: 1200px){.container-wrapper{padding:0 20px!important}}.navbar-custom-background{background-color:#00000080;box-shadow:2px 2px 15px 2px #0000001f;transition:width 2s,height 2s,-webkit-transform 2s;transition:width 2s,height 2s,transform 2s background-color .5s ease;z-index:9999}.fixed-top{position:fixed!important}.primary-button{background-color:#000;border-radius:50px;color:#fff;font: 600 16.3px Montserrat-Regular,sans-serif;padding:5px 16px!important;width:auto;display:flex;gap:15px;align-items:center;justify-content:space-between}.navbar-nav .nav-item .nav-link{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;padding:1.1em 1em!important}.logo_img{width:60%!important}.navbar-toggle-icon{width:25px}@media (min-width: 500px){.navbar-nav .nav-item button{margin-top:10px}}@media (max-width: 1200px){.navbar-nav .nav-item .nav-link{font-size:15px!important}}.fa-caret-down{font-family:\"Font Awesome 6 Pro\";font-weight:900}@media (min-width: 1200px){.navbar-nav .nav-item .nav-link{padding-bottom:0!important;padding-top:0!important}.popup{top:3.4rem!important;background-color:var(--first)!important;left:0rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.router-link-active{color:#000!important}}@media (max-width: 1200px){.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.popup ul li:hover{background-color:#f1f1f1}.mb-icon{width:200px}.container-wrapper{padding:10px 20px!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}}@media (max-width: 500px){.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}}.popup{top:90%;background-color:transparent;padding:10px;z-index:1000}.popup ul{list-style-type:none;padding:0;margin:0}.popup ul li{padding:5px 10px;font: 500 14px Montserrat-Regular,sans-serif}.nav-link{color:#000!important;transition:color .3s ease}.nav-link.scrolled-nav-link{color:#fff!important}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}@media (max-width: 500px){.logo_img{width:60%!important;margin-left:auto;margin-right:0;display:block;transition:margin .5s ease,width .5s ease}.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul{list-style-type:none;padding:0;margin:0}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}.popup.ngIf{opacity:1}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}\n"] }]
+            args: [{ selector: 'pw-resource-header', template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top cloudolive-nav-bg-color\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n    <!-- Toggler/collapsibe Button -->\n    <button class=\"navbar-toggler header-menu-bar\"\n      type=\"button\"\n      aria-label=\"Toggle navigation\"\n      data-bs-toggle=\"collapse\"\n      data-bs-target=\"#collapsibleNavbar\">\n      <img src=\"/assets/img/products/trial/navbar-toggle-icon.png\"\n        class=\"img-fluid navbar-toggle-icon\"\n        alt=\"\" />\n    </button>\n\n    <!-- Mobile Logo -->\n    <div class=\"d-md-none mb-icon\">\n      <div>\n        <img [src]=\"logo\"\n          routerLink=\"/\"\n          alt=\"logo\"\n          class=\"img-fluid logo_img\" />\n      </div>\n    </div>\n\n    <!-- Navbar links -->\n    <div class=\"collapse navbar-collapse mt-3 mt-md-0\"\n      id=\"collapsibleNavbar\"\n      #collapsibleNavbar>\n      <div class=\"row align-items-center w-100\">\n\n        <!-- Always occupy 3 columns for logo -->\n        <div class=\"col-md-3 d-none d-md-flex align-items-center\">\n          <div *ngIf=\"logo\">\n            <img [src]=\"logo\"\n              (load)=\"logoLoaded = true\"\n              (error)=\"logoLoaded = false\"\n              routerLink=\"/\"\n              alt=\"logo\"\n              class=\"img-fluid logo_img\" />\n          </div>\n        </div>\n\n        <div class=\"col-md-6 d-flex justify-content-start\">\n          <ul #anchorLinks\n            class=\"navbar-nav flex gap-4 me-0 wow fadeInUp position-relative\"\n            data-wow-duration=\"2s\">\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <a\n                class=\"nav-link\"\n                  href=\"javascript:void(0)\"\n                  [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\n                  (mouseenter)=\"item.open = true\"\n                  (click)=\"item.subtitles?.length ? (item.open = !item.open) : null\"\n                  [attr.href]=\"!(item.subtitles?.length) ? item.path : null\"\n                >\n                  {{ item?.title }}\n                  <i *ngIf=\"item.subtitles.length > 0 && item.open\" class=\"fa-solid fa-caret-down\"></i>\n                    </a>\n              <div class=\"popup position-absolute\"\n              *ngIf=\"item.subtitles.length > 0 && item.open\">\n              <ul>\n                <li\n                    *ngFor=\"let sub of item.subtitles\"\n                    [routerLink]=\"sub.path\"\n                    class=\"dropdownItem\"\n                  >\n                    {{ sub.title }}\n                  </li>\n              </ul>\n            </div>\n            </li>\n\n            <li class=\"nav-item ms-2 mb-3 d-flex d-md-none\">\n              <button class=\"sign-btn sign-header-btn\"\n                routerLink=\"/login\">Log In</button>\n            </li>\n          </ul>\n        </div>\n\n        <!-- Always 3 columns for login -->\n        <div class=\"col-md-3 d-none d-md-flex justify-content-end\">\n          <button class=\"sign-btn sign-header-btn\"\n            routerLink=\"/login\">Log In</button>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</nav>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Montserrat,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}@media (max-width: 1200px){.container-wrapper{padding:0 20px!important}}.navbar-custom-background{background-color:#00000080;box-shadow:2px 2px 15px 2px #0000001f;transition:width 2s,height 2s,-webkit-transform 2s;transition:width 2s,height 2s,transform 2s background-color .5s ease;z-index:9999}.fixed-top{position:fixed!important}.primary-button{background-color:#000;border-radius:50px;color:#fff;font: 600 16.3px Montserrat-Regular,sans-serif;padding:5px 16px!important;width:auto;display:flex;gap:15px;align-items:center;justify-content:space-between}.navbar-nav .nav-item .nav-link{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;padding:1.1em 1em!important}.logo_img{width:60%!important}.navbar-toggle-icon{width:25px}@media (min-width: 500px){.navbar-nav .nav-item button{margin-top:10px}}@media (max-width: 1200px){.navbar-nav .nav-item .nav-link{font-size:15px!important}}.navbar-nav .nav-link{display:inline-flex!important;white-space:nowrap;gap:4px}.fa-caret-down{font-family:\"Font Awesome 6 Pro\";font-weight:900}@media (min-width: 1200px){.navbar-nav .nav-item .nav-link{padding-bottom:0!important;padding-top:0!important}.popup{top:3.4rem!important;background-color:var(--first)!important;left:0rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.router-link-active{color:#000!important}}@media (max-width: 1200px){.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.popup ul li:hover{background-color:#f1f1f1}.mb-icon{width:200px}.container-wrapper{padding:10px 20px!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}}@media (max-width: 500px){.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}}.popup{top:90%;background-color:transparent;padding:10px;z-index:1000}.popup ul{list-style-type:none;padding:0;margin:0}.popup ul li{padding:5px 10px;font: 500 14px Montserrat-Regular,sans-serif}.nav-link{color:#000!important;transition:color .3s ease}.nav-link.scrolled-nav-link{color:#fff!important}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}@media (max-width: 500px){.logo_img{width:60%!important;margin-left:auto;margin-right:0;display:block;transition:margin .5s ease,width .5s ease}.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul{list-style-type:none;padding:0;margin:0}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}.popup.ngIf{opacity:1}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -48,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 type: HostListener,
                 args: ['window:scroll', []]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9yZXNvdXJjZS1oZWFkZXIvcmVzb3VyY2UtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9yZXNvdXJjZS1oZWFkZXIvcmVzb3VyY2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLFFBQVEsRUFFUixTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7O0FBT2hFLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxnQkFBZ0I7SUFPekQsWUFDSSxRQUFrQixFQUNpQixRQUFrQjtRQUVyRCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFGbUIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQVB6RCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLFNBQUksR0FBRyxLQUFLLENBQUM7UUFFYixnQkFBVyxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUM7SUFPMUQsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsR0FBRyxDQUFDO0lBQ25FLENBQUM7SUFHRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFVBQVUsR0FBRyxNQUFNLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQztRQUN2QyxJQUFJLE1BQU0sQ0FBQyxPQUFPLEdBQUcsR0FBRyxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLEdBQUcsQ0FBQztRQUNuRSxDQUFDO2FBQU0sSUFBSSxNQUFNLENBQUMsT0FBTyxJQUFJLEdBQUcsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxHQUFHLENBQUM7UUFDbkUsQ0FBQztRQUNELElBQUksTUFBTSxDQUFDLFVBQVUsR0FBRyxHQUFHLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztZQUNsQixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFLGFBQWEsQ0FBQztZQUMzRCxJQUFJLGVBQWUsRUFBRSxTQUFTLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7Z0JBQzlDLGVBQWUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzdDLENBQUM7UUFDTCxDQUFDO0lBQ0wsQ0FBQzsrR0FqQ1EsdUJBQXVCLDBDQVNwQixRQUFRO21HQVRYLHVCQUF1Qiw4UENsQnBDLDRxR0F5RkE7OzRGRHZFYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0ksb0JBQW9COzswQkFhekIsTUFBTTsyQkFBQyxRQUFRO3lDQVJZLGNBQWM7c0JBQTdDLFNBQVM7dUJBQUMsbUJBQW1CO2dCQWtCOUIsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5qZWN0LFxuICAgIEluamVjdG9yLFxuICAgIE9uSW5pdCxcbiAgICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy1yZXNvdXJjZS1oZWFkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9yZXNvdXJjZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Jlc291cmNlLWhlYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJlc291cmNlSGVhZGVyQ29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQFZpZXdDaGlsZCgnY29sbGFwc2libGVOYXZiYXInKSBuYXZiYXJDb2xsYXBzZTogRWxlbWVudFJlZjtcbiAgICBpc1Njcm9sbGVkID0gZmFsc2U7XG4gICAgb3BlbiA9IGZhbHNlO1xuICAgIGxvZ287XG4gICAgbmF2YmFySXRlbXMgPSB0aGlzLmFwcENvbmZpZz8ucGFnZXNfY29uZmlnPy5uYXZiYXI/Lml0ZW1zO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgQEluamVjdChET0NVTUVOVCkgcHJpdmF0ZSByZWFkb25seSBkb2N1bWVudDogRG9jdW1lbnRcbiAgICApIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLmxvZ28gPSB0aGlzLmFwcENvbmZpZz8uY29tcGFueT8ubG9nb3M/Lm1haW5fY29udHJhc3Q/LnVybDtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6c2Nyb2xsJywgW10pXG4gICAgb25TY3JvbGwoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNTY3JvbGxlZCA9IHdpbmRvdy5zY3JvbGxZID4gMTUwO1xuICAgICAgICBpZiAod2luZG93LnNjcm9sbFkgPiAxNTApIHtcbiAgICAgICAgICAgIHRoaXMubG9nbyA9IHRoaXMuYXBwQ29uZmlnPy5jb21wYW55Py5sb2dvcz8ubWFpbl9jb250cmFzdD8udXJsO1xuICAgICAgICB9IGVsc2UgaWYgKHdpbmRvdy5zY3JvbGxZIDw9IDE1MCkge1xuICAgICAgICAgICAgdGhpcy5sb2dvID0gdGhpcy5hcHBDb25maWc/LmNvbXBhbnk/LmxvZ29zPy5tYWluX2NvbnRyYXN0Py51cmw7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHdpbmRvdy5pbm5lcldpZHRoIDwgNzY4KSB7XG4gICAgICAgICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICAgICAgICAgIGNvbnN0IGNvbGxhcHNlRWxlbWVudCA9IHRoaXMubmF2YmFyQ29sbGFwc2U/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgICAgICAgICBpZiAoY29sbGFwc2VFbGVtZW50Py5jbGFzc0xpc3QuY29udGFpbnMoJ3Nob3cnKSkge1xuICAgICAgICAgICAgICAgIGNvbGxhcHNlRWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdzaG93Jyk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8bmF2IGNsYXNzPVwibmF2YmFyIG5hdmJhci1leHBhbmQtbWQgbmF2YmFyLWRhcmsgZml4ZWQtdG9wIGNsb3Vkb2xpdmUtbmF2LWJnLWNvbG9yXCJcbiAgaWQ9XCJiYW5uZXJcIj5cbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lciBjb250YWluZXItd3JhcHBlciBiYW5uZXItc2VjdGlvblwiPlxuICAgIDwhLS0gVG9nZ2xlci9jb2xsYXBzaWJlIEJ1dHRvbiAtLT5cbiAgICA8YnV0dG9uIGNsYXNzPVwibmF2YmFyLXRvZ2dsZXIgaGVhZGVyLW1lbnUtYmFyXCJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgYXJpYS1sYWJlbD1cIlRvZ2dsZSBuYXZpZ2F0aW9uXCJcbiAgICAgIGRhdGEtYnMtdG9nZ2xlPVwiY29sbGFwc2VcIlxuICAgICAgZGF0YS1icy10YXJnZXQ9XCIjY29sbGFwc2libGVOYXZiYXJcIj5cbiAgICAgIDxpbWcgc3JjPVwiL2Fzc2V0cy9pbWcvcHJvZHVjdHMvdHJpYWwvbmF2YmFyLXRvZ2dsZS1pY29uLnBuZ1wiXG4gICAgICAgIGNsYXNzPVwiaW1nLWZsdWlkIG5hdmJhci10b2dnbGUtaWNvblwiXG4gICAgICAgIGFsdD1cIlwiIC8+XG4gICAgPC9idXR0b24+XG5cbiAgICA8IS0tIE1vYmlsZSBMb2dvIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJkLW1kLW5vbmUgbWItaWNvblwiPlxuICAgICAgPGRpdj5cbiAgICAgICAgPGltZyBbc3JjXT1cImxvZ29cIlxuICAgICAgICAgIHJvdXRlckxpbms9XCIvXCJcbiAgICAgICAgICBhbHQ9XCJsb2dvXCJcbiAgICAgICAgICBjbGFzcz1cImltZy1mbHVpZCBsb2dvX2ltZ1wiIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDwhLS0gTmF2YmFyIGxpbmtzIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJjb2xsYXBzZSBuYXZiYXItY29sbGFwc2UgbXQtMyBtdC1tZC0wXCJcbiAgICAgIGlkPVwiY29sbGFwc2libGVOYXZiYXJcIlxuICAgICAgI2NvbGxhcHNpYmxlTmF2YmFyPlxuICAgICAgPGRpdiBjbGFzcz1cInJvdyBhbGlnbi1pdGVtcy1jZW50ZXIgdy0xMDBcIj5cblxuICAgICAgICA8IS0tIEFsd2F5cyBvY2N1cHkgMyBjb2x1bW5zIGZvciBsb2dvIC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTMgZC1ub25lIGQtbWQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwibG9nb1wiPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cImxvZ29cIlxuICAgICAgICAgICAgICAobG9hZCk9XCJsb2dvTG9hZGVkID0gdHJ1ZVwiXG4gICAgICAgICAgICAgIChlcnJvcik9XCJsb2dvTG9hZGVkID0gZmFsc2VcIlxuICAgICAgICAgICAgICByb3V0ZXJMaW5rPVwiL1wiXG4gICAgICAgICAgICAgIGFsdD1cImxvZ29cIlxuICAgICAgICAgICAgICBjbGFzcz1cImltZy1mbHVpZCBsb2dvX2ltZ1wiIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtNiBkLWZsZXgganVzdGlmeS1jb250ZW50LXN0YXJ0XCI+XG4gICAgICAgICAgPHVsICNhbmNob3JMaW5rc1xuICAgICAgICAgICAgY2xhc3M9XCJuYXZiYXItbmF2IGZsZXggZ2FwLTQgbWUtMCB3b3cgZmFkZUluVXAgcG9zaXRpb24tcmVsYXRpdmVcIlxuICAgICAgICAgICAgZGF0YS13b3ctZHVyYXRpb249XCIyc1wiPlxuICAgICAgICAgICAgPGxpIGNsYXNzPVwibmF2LWl0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBuYXZiYXJJdGVtc1wiPlxuICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJuYXYtbGlua1wiXG4gICAgICAgICAgICAgICAgICBocmVmPVwiamF2YXNjcmlwdDp2b2lkKDApXCJcbiAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ3Njcm9sbGVkLW5hdi1saW5rJzogaXNTY3JvbGxlZCB9XCJcbiAgICAgICAgICAgICAgICAgIChtb3VzZWVudGVyKT1cIml0ZW0ub3BlbiA9IHRydWVcIlxuICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIml0ZW0uc3VidGl0bGVzPy5sZW5ndGggPyAoaXRlbS5vcGVuID0gIWl0ZW0ub3BlbikgOiBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmhyZWZdPVwiIShpdGVtLnN1YnRpdGxlcz8ubGVuZ3RoKSA/IGl0ZW0ucGF0aCA6IG51bGxcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHt7IGl0ZW0/LnRpdGxlIH19XG4gICAgICAgICAgICAgICAgICA8aSAqbmdJZj1cIml0ZW0uc3VidGl0bGVzLmxlbmd0aCA+IDAgJiYgaXRlbS5vcGVuXCIgY2xhc3M9XCJmYS1zb2xpZCBmYS1jYXJldC1kb3duXCI+PC9pPlxuICAgICAgICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwb3B1cCBwb3NpdGlvbi1hYnNvbHV0ZVwiXG4gICAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5zdWJ0aXRsZXMubGVuZ3RoID4gMCAmJiBpdGVtLm9wZW5cIj5cbiAgICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgc3ViIG9mIGl0ZW0uc3VidGl0bGVzXCJcbiAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwic3ViLnBhdGhcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duSXRlbVwiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHt7IHN1Yi50aXRsZSB9fVxuICAgICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9saT5cblxuICAgICAgICAgICAgPGxpIGNsYXNzPVwibmF2LWl0ZW0gbXMtMiBtYi0zIGQtZmxleCBkLW1kLW5vbmVcIj5cbiAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInNpZ24tYnRuIHNpZ24taGVhZGVyLWJ0blwiXG4gICAgICAgICAgICAgICAgcm91dGVyTGluaz1cIi9sb2dpblwiPkxvZyBJbjwvYnV0dG9uPlxuICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICA8L3VsPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8IS0tIEFsd2F5cyAzIGNvbHVtbnMgZm9yIGxvZ2luIC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTMgZC1ub25lIGQtbWQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtZW5kXCI+XG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInNpZ24tYnRuIHNpZ24taGVhZGVyLWJ0blwiXG4gICAgICAgICAgICByb3V0ZXJMaW5rPVwiL2xvZ2luXCI+TG9nIEluPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25hdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9yZXNvdXJjZS1oZWFkZXIvcmVzb3VyY2UtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9yZXNvdXJjZS1oZWFkZXIvcmVzb3VyY2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLFFBQVEsRUFFUixTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7O0FBT2hFLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxnQkFBZ0I7SUFPekQsWUFDSSxRQUFrQixFQUNpQixRQUFrQjtRQUVyRCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFGbUIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQVB6RCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLFNBQUksR0FBRyxLQUFLLENBQUM7UUFFYixnQkFBVyxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUM7SUFPMUQsQ0FBQztJQUVELFFBQVE7UUFDSixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7UUFFeEQsSUFBSSxDQUFDLElBQUksR0FBRyxTQUFTO1lBQ25CLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLEdBQUc7WUFDcEQsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBRXZELENBQUM7SUFHRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFVBQVUsR0FBRyxNQUFNLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQztRQUN2QyxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7UUFFeEQscURBQXFEO1FBQ3JELElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNmLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLE9BQU8sR0FBRyxHQUFHO2dCQUM5QixDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxHQUFHO2dCQUNwRCxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7UUFDckQsQ0FBQztRQUNELElBQUksTUFBTSxDQUFDLFVBQVUsR0FBRyxHQUFHLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztZQUNsQixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFLGFBQWEsQ0FBQztZQUMzRCxJQUFJLGVBQWUsRUFBRSxTQUFTLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7Z0JBQzlDLGVBQWUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzdDLENBQUM7UUFDTCxDQUFDO0lBQ0wsQ0FBQzsrR0F6Q1EsdUJBQXVCLDBDQVNwQixRQUFRO21HQVRYLHVCQUF1Qiw4UENsQnBDLDRxR0F5RkE7OzRGRHZFYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0ksb0JBQW9COzswQkFhekIsTUFBTTsyQkFBQyxRQUFRO3lDQVJZLGNBQWM7c0JBQTdDLFNBQVM7dUJBQUMsbUJBQW1CO2dCQXVCOUIsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5qZWN0LFxuICAgIEluamVjdG9yLFxuICAgIE9uSW5pdCxcbiAgICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy1yZXNvdXJjZS1oZWFkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9yZXNvdXJjZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Jlc291cmNlLWhlYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJlc291cmNlSGVhZGVyQ29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQFZpZXdDaGlsZCgnY29sbGFwc2libGVOYXZiYXInKSBuYXZiYXJDb2xsYXBzZTogRWxlbWVudFJlZjtcbiAgICBpc1Njcm9sbGVkID0gZmFsc2U7XG4gICAgb3BlbiA9IGZhbHNlO1xuICAgIGxvZ287XG4gICAgbmF2YmFySXRlbXMgPSB0aGlzLmFwcENvbmZpZz8ucGFnZXNfY29uZmlnPy5uYXZiYXI/Lml0ZW1zO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgQEluamVjdChET0NVTUVOVCkgcHJpdmF0ZSByZWFkb25seSBkb2N1bWVudDogRG9jdW1lbnRcbiAgICApIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICBjb25zdCBpc0Fib3V0VXMgPSB0aGlzLnJvdXRlci51cmwuaW5jbHVkZXMoJy9hYm91dC11cycpO1xuXG4gICAgICAgIHRoaXMubG9nbyA9IGlzQWJvdXRVc1xuICAgICAgICAgID8gdGhpcy5hcHBDb25maWc/LmNvbXBhbnk/LmxvZ29zPy5tYWluX2NvbnRyYXN0Py51cmxcbiAgICAgICAgICA6IHRoaXMuYXBwQ29uZmlnPy5jb21wYW55Py5sb2dvcz8ubWFpbl9kYXJrPy51cmw7XG5cbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6c2Nyb2xsJywgW10pXG4gICAgb25TY3JvbGwoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNTY3JvbGxlZCA9IHdpbmRvdy5zY3JvbGxZID4gMTUwO1xuICAgICAgICBjb25zdCBpc0Fib3V0VXMgPSB0aGlzLnJvdXRlci51cmwuaW5jbHVkZXMoJy9hYm91dC11cycpO1xuXG4gICAgICAgIC8vIEFsd2F5cyB1c2UgbWFpbl9jb250cmFzdCBvbiAvYWJvdXQtdXMsIHNraXAgdG9nZ2xlXG4gICAgICAgIGlmICghaXNBYm91dFVzKSB7XG4gICAgICAgICAgdGhpcy5sb2dvID0gd2luZG93LnNjcm9sbFkgPiAxNTBcbiAgICAgICAgICAgID8gdGhpcy5hcHBDb25maWc/LmNvbXBhbnk/LmxvZ29zPy5tYWluX2NvbnRyYXN0Py51cmxcbiAgICAgICAgICAgIDogdGhpcy5hcHBDb25maWc/LmNvbXBhbnk/LmxvZ29zPy5tYWluX2Rhcms/LnVybDtcbiAgICAgICAgfVxuICAgICAgICBpZiAod2luZG93LmlubmVyV2lkdGggPCA3NjgpIHtcbiAgICAgICAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgICAgICAgICAgY29uc3QgY29sbGFwc2VFbGVtZW50ID0gdGhpcy5uYXZiYXJDb2xsYXBzZT8ubmF0aXZlRWxlbWVudDtcbiAgICAgICAgICAgIGlmIChjb2xsYXBzZUVsZW1lbnQ/LmNsYXNzTGlzdC5jb250YWlucygnc2hvdycpKSB7XG4gICAgICAgICAgICAgICAgY29sbGFwc2VFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ3Nob3cnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxuYXYgY2xhc3M9XCJuYXZiYXIgbmF2YmFyLWV4cGFuZC1tZCBuYXZiYXItZGFyayBmaXhlZC10b3AgY2xvdWRvbGl2ZS1uYXYtYmctY29sb3JcIlxuICBpZD1cImJhbm5lclwiPlxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyIGNvbnRhaW5lci13cmFwcGVyIGJhbm5lci1zZWN0aW9uXCI+XG4gICAgPCEtLSBUb2dnbGVyL2NvbGxhcHNpYmUgQnV0dG9uIC0tPlxuICAgIDxidXR0b24gY2xhc3M9XCJuYXZiYXItdG9nZ2xlciBoZWFkZXItbWVudS1iYXJcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBhcmlhLWxhYmVsPVwiVG9nZ2xlIG5hdmlnYXRpb25cIlxuICAgICAgZGF0YS1icy10b2dnbGU9XCJjb2xsYXBzZVwiXG4gICAgICBkYXRhLWJzLXRhcmdldD1cIiNjb2xsYXBzaWJsZU5hdmJhclwiPlxuICAgICAgPGltZyBzcmM9XCIvYXNzZXRzL2ltZy9wcm9kdWN0cy90cmlhbC9uYXZiYXItdG9nZ2xlLWljb24ucG5nXCJcbiAgICAgICAgY2xhc3M9XCJpbWctZmx1aWQgbmF2YmFyLXRvZ2dsZS1pY29uXCJcbiAgICAgICAgYWx0PVwiXCIgLz5cbiAgICA8L2J1dHRvbj5cblxuICAgIDwhLS0gTW9iaWxlIExvZ28gLS0+XG4gICAgPGRpdiBjbGFzcz1cImQtbWQtbm9uZSBtYi1pY29uXCI+XG4gICAgICA8ZGl2PlxuICAgICAgICA8aW1nIFtzcmNdPVwibG9nb1wiXG4gICAgICAgICAgcm91dGVyTGluaz1cIi9cIlxuICAgICAgICAgIGFsdD1cImxvZ29cIlxuICAgICAgICAgIGNsYXNzPVwiaW1nLWZsdWlkIGxvZ29faW1nXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPCEtLSBOYXZiYXIgbGlua3MgLS0+XG4gICAgPGRpdiBjbGFzcz1cImNvbGxhcHNlIG5hdmJhci1jb2xsYXBzZSBtdC0zIG10LW1kLTBcIlxuICAgICAgaWQ9XCJjb2xsYXBzaWJsZU5hdmJhclwiXG4gICAgICAjY29sbGFwc2libGVOYXZiYXI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93IGFsaWduLWl0ZW1zLWNlbnRlciB3LTEwMFwiPlxuXG4gICAgICAgIDwhLS0gQWx3YXlzIG9jY3VweSAzIGNvbHVtbnMgZm9yIGxvZ28gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMyBkLW5vbmUgZC1tZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxuICAgICAgICAgIDxkaXYgKm5nSWY9XCJsb2dvXCI+XG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwibG9nb1wiXG4gICAgICAgICAgICAgIChsb2FkKT1cImxvZ29Mb2FkZWQgPSB0cnVlXCJcbiAgICAgICAgICAgICAgKGVycm9yKT1cImxvZ29Mb2FkZWQgPSBmYWxzZVwiXG4gICAgICAgICAgICAgIHJvdXRlckxpbms9XCIvXCJcbiAgICAgICAgICAgICAgYWx0PVwibG9nb1wiXG4gICAgICAgICAgICAgIGNsYXNzPVwiaW1nLWZsdWlkIGxvZ29faW1nXCIgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC02IGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtc3RhcnRcIj5cbiAgICAgICAgICA8dWwgI2FuY2hvckxpbmtzXG4gICAgICAgICAgICBjbGFzcz1cIm5hdmJhci1uYXYgZmxleCBnYXAtNCBtZS0wIHdvdyBmYWRlSW5VcCBwb3NpdGlvbi1yZWxhdGl2ZVwiXG4gICAgICAgICAgICBkYXRhLXdvdy1kdXJhdGlvbj1cIjJzXCI+XG4gICAgICAgICAgICA8bGkgY2xhc3M9XCJuYXYtaXRlbVwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIG5hdmJhckl0ZW1zXCI+XG4gICAgICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm5hdi1saW5rXCJcbiAgICAgICAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OnZvaWQoMClcIlxuICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnc2Nyb2xsZWQtbmF2LWxpbmsnOiBpc1Njcm9sbGVkIH1cIlxuICAgICAgICAgICAgICAgICAgKG1vdXNlZW50ZXIpPVwiaXRlbS5vcGVuID0gdHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAoY2xpY2spPVwiaXRlbS5zdWJ0aXRsZXM/Lmxlbmd0aCA/IChpdGVtLm9wZW4gPSAhaXRlbS5vcGVuKSA6IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuaHJlZl09XCIhKGl0ZW0uc3VidGl0bGVzPy5sZW5ndGgpID8gaXRlbS5wYXRoIDogbnVsbFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3sgaXRlbT8udGl0bGUgfX1cbiAgICAgICAgICAgICAgICAgIDxpICpuZ0lmPVwiaXRlbS5zdWJ0aXRsZXMubGVuZ3RoID4gMCAmJiBpdGVtLm9wZW5cIiBjbGFzcz1cImZhLXNvbGlkIGZhLWNhcmV0LWRvd25cIj48L2k+XG4gICAgICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvcHVwIHBvc2l0aW9uLWFic29sdXRlXCJcbiAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLnN1YnRpdGxlcy5sZW5ndGggPiAwICYmIGl0ZW0ub3BlblwiPlxuICAgICAgICAgICAgICA8dWw+XG4gICAgICAgICAgICAgICAgPGxpXG4gICAgICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBzdWIgb2YgaXRlbS5zdWJ0aXRsZXNcIlxuICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJzdWIucGF0aFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd25JdGVtXCJcbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge3sgc3ViLnRpdGxlIH19XG4gICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2xpPlxuXG4gICAgICAgICAgICA8bGkgY2xhc3M9XCJuYXYtaXRlbSBtcy0yIG1iLTMgZC1mbGV4IGQtbWQtbm9uZVwiPlxuICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwic2lnbi1idG4gc2lnbi1oZWFkZXItYnRuXCJcbiAgICAgICAgICAgICAgICByb3V0ZXJMaW5rPVwiL2xvZ2luXCI+TG9nIEluPC9idXR0b24+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICAgIDwvdWw+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDwhLS0gQWx3YXlzIDMgY29sdW1ucyBmb3IgbG9naW4gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMyBkLW5vbmUgZC1tZC1mbGV4IGp1c3RpZnktY29udGVudC1lbmRcIj5cbiAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwic2lnbi1idG4gc2lnbi1oZWFkZXItYnRuXCJcbiAgICAgICAgICAgIHJvdXRlckxpbms9XCIvbG9naW5cIj5Mb2cgSW48L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmF2PlxuIl19

package/fesm2022/posiwise-shared-components.mjs CHANGED Viewed

@@ -1822,15 +1822,19 @@ class ResourceHeaderComponent extends AppBaseComponent {
         this.navbarItems = this.appConfig?.pages_config?.navbar?.items;
     }
     ngOnInit() {
-        this.logo = this.appConfig?.company?.logos?.main_contrast?.url;
+        const isAboutUs = this.router.url.includes('/about-us');
+        this.logo = isAboutUs
+            ? this.appConfig?.company?.logos?.main_contrast?.url
+            : this.appConfig?.company?.logos?.main_dark?.url;
     }
     onScroll() {
         this.isScrolled = window.scrollY > 150;
-        if (window.scrollY > 150) {
-            this.logo = this.appConfig?.company?.logos?.main_contrast?.url;
-        }
-        else if (window.scrollY <= 150) {
-            this.logo = this.appConfig?.company?.logos?.main_contrast?.url;
+        const isAboutUs = this.router.url.includes('/about-us');
+        // Always use main_contrast on /about-us, skip toggle
+        if (!isAboutUs) {
+            this.logo = window.scrollY > 150
+                ? this.appConfig?.company?.logos?.main_contrast?.url
+                : this.appConfig?.company?.logos?.main_dark?.url;
         }
         if (window.innerWidth < 768) {
             this.open = false;
@@ -1841,11 +1845,11 @@ class ResourceHeaderComponent extends AppBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderComponent, deps: [{ token: i0.Injector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceHeaderComponent, selector: "pw-resource-header", host: { listeners: { "window:scroll": "onScroll()" } }, viewQueries: [{ propertyName: "navbarCollapse", first: true, predicate: ["collapsibleNavbar"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top cloudolive-nav-bg-color\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n    <!-- Toggler/collapsibe Button -->\n    <button class=\"navbar-toggler header-menu-bar\"\n      type=\"button\"\n      aria-label=\"Toggle navigation\"\n      data-bs-toggle=\"collapse\"\n      data-bs-target=\"#collapsibleNavbar\">\n      <img src=\"/assets/img/products/trial/navbar-toggle-icon.png\"\n        class=\"img-fluid navbar-toggle-icon\"\n        alt=\"\" />\n    </button>\n\n    <!-- Mobile Logo -->\n    <div class=\"d-md-none mb-icon\">\n      <div>\n        <img [src]=\"logo\"\n          routerLink=\"/\"\n          alt=\"logo\"\n          class=\"img-fluid logo_img\" />\n      </div>\n    </div>\n\n    <!-- Navbar links -->\n    <div class=\"collapse navbar-collapse mt-3 mt-md-0\"\n      id=\"collapsibleNavbar\"\n      #collapsibleNavbar>\n      <div class=\"row align-items-center w-100\">\n\n        <!-- Always occupy 3 columns for logo -->\n        <div class=\"col-md-3 d-none d-md-flex align-items-center\">\n          <div *ngIf=\"logo\">\n            <img [src]=\"logo\"\n              (load)=\"logoLoaded = true\"\n              (error)=\"logoLoaded = false\"\n              routerLink=\"/\"\n              alt=\"logo\"\n              class=\"img-fluid logo_img\" />\n          </div>\n        </div>\n\n        <div class=\"col-md-6 d-flex justify-content-start\">\n          <ul #anchorLinks\n            class=\"navbar-nav flex gap-4 me-0 wow fadeInUp position-relative\"\n            data-wow-duration=\"2s\">\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <a\n                class=\"nav-link\"\n                  href=\"javascript:void(0)\"\n                  [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\n                  (mouseenter)=\"item.open = true\"\n                  (click)=\"item.subtitles?.length ? (item.open = !item.open) : null\"\n                  [attr.href]=\"!(item.subtitles?.length) ? item.path : null\"\n                >\n                  {{ item?.title }}\n                  <i *ngIf=\"item.subtitles.length > 0 && item.open\" class=\"fa-solid fa-caret-down\"></i>\n                    </a>\n              <div class=\"popup position-absolute\"\n              *ngIf=\"item.subtitles.length > 0 && item.open\">\n              <ul>\n                <li\n                    *ngFor=\"let sub of item.subtitles\"\n                    [routerLink]=\"sub.path\"\n                    class=\"dropdownItem\"\n                  >\n                    {{ sub.title }}\n                  </li>\n              </ul>\n            </div>\n            </li>\n\n            <li class=\"nav-item ms-2 mb-3 d-flex d-md-none\">\n              <button class=\"sign-btn sign-header-btn\"\n                routerLink=\"/login\">Log In</button>\n            </li>\n          </ul>\n        </div>\n\n        <!-- Always 3 columns for login -->\n        <div class=\"col-md-3 d-none d-md-flex justify-content-end\">\n          <button class=\"sign-btn sign-header-btn\"\n            routerLink=\"/login\">Log In</button>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</nav>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Montserrat,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}@media (max-width: 1200px){.container-wrapper{padding:0 20px!important}}.navbar-custom-background{background-color:#00000080;box-shadow:2px 2px 15px 2px #0000001f;transition:width 2s,height 2s,-webkit-transform 2s;transition:width 2s,height 2s,transform 2s background-color .5s ease;z-index:9999}.fixed-top{position:fixed!important}.primary-button{background-color:#000;border-radius:50px;color:#fff;font: 600 16.3px Montserrat-Regular,sans-serif;padding:5px 16px!important;width:auto;display:flex;gap:15px;align-items:center;justify-content:space-between}.navbar-nav .nav-item .nav-link{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;padding:1.1em 1em!important}.logo_img{width:60%!important}.navbar-toggle-icon{width:25px}@media (min-width: 500px){.navbar-nav .nav-item button{margin-top:10px}}@media (max-width: 1200px){.navbar-nav .nav-item .nav-link{font-size:15px!important}}.fa-caret-down{font-family:\"Font Awesome 6 Pro\";font-weight:900}@media (min-width: 1200px){.navbar-nav .nav-item .nav-link{padding-bottom:0!important;padding-top:0!important}.popup{top:3.4rem!important;background-color:var(--first)!important;left:0rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.router-link-active{color:#000!important}}@media (max-width: 1200px){.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.popup ul li:hover{background-color:#f1f1f1}.mb-icon{width:200px}.container-wrapper{padding:10px 20px!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}}@media (max-width: 500px){.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}}.popup{top:90%;background-color:transparent;padding:10px;z-index:1000}.popup ul{list-style-type:none;padding:0;margin:0}.popup ul li{padding:5px 10px;font: 500 14px Montserrat-Regular,sans-serif}.nav-link{color:#000!important;transition:color .3s ease}.nav-link.scrolled-nav-link{color:#fff!important}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}@media (max-width: 500px){.logo_img{width:60%!important;margin-left:auto;margin-right:0;display:block;transition:margin .5s ease,width .5s ease}.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul{list-style-type:none;padding:0;margin:0}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}.popup.ngIf{opacity:1}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}\n"], dependencies: [{ kind: "directive", type: i1$1.LazyImgDirective, selector: "img" }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceHeaderComponent, selector: "pw-resource-header", host: { listeners: { "window:scroll": "onScroll()" } }, viewQueries: [{ propertyName: "navbarCollapse", first: true, predicate: ["collapsibleNavbar"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top cloudolive-nav-bg-color\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n    <!-- Toggler/collapsibe Button -->\n    <button class=\"navbar-toggler header-menu-bar\"\n      type=\"button\"\n      aria-label=\"Toggle navigation\"\n      data-bs-toggle=\"collapse\"\n      data-bs-target=\"#collapsibleNavbar\">\n      <img src=\"/assets/img/products/trial/navbar-toggle-icon.png\"\n        class=\"img-fluid navbar-toggle-icon\"\n        alt=\"\" />\n    </button>\n\n    <!-- Mobile Logo -->\n    <div class=\"d-md-none mb-icon\">\n      <div>\n        <img [src]=\"logo\"\n          routerLink=\"/\"\n          alt=\"logo\"\n          class=\"img-fluid logo_img\" />\n      </div>\n    </div>\n\n    <!-- Navbar links -->\n    <div class=\"collapse navbar-collapse mt-3 mt-md-0\"\n      id=\"collapsibleNavbar\"\n      #collapsibleNavbar>\n      <div class=\"row align-items-center w-100\">\n\n        <!-- Always occupy 3 columns for logo -->\n        <div class=\"col-md-3 d-none d-md-flex align-items-center\">\n          <div *ngIf=\"logo\">\n            <img [src]=\"logo\"\n              (load)=\"logoLoaded = true\"\n              (error)=\"logoLoaded = false\"\n              routerLink=\"/\"\n              alt=\"logo\"\n              class=\"img-fluid logo_img\" />\n          </div>\n        </div>\n\n        <div class=\"col-md-6 d-flex justify-content-start\">\n          <ul #anchorLinks\n            class=\"navbar-nav flex gap-4 me-0 wow fadeInUp position-relative\"\n            data-wow-duration=\"2s\">\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <a\n                class=\"nav-link\"\n                  href=\"javascript:void(0)\"\n                  [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\n                  (mouseenter)=\"item.open = true\"\n                  (click)=\"item.subtitles?.length ? (item.open = !item.open) : null\"\n                  [attr.href]=\"!(item.subtitles?.length) ? item.path : null\"\n                >\n                  {{ item?.title }}\n                  <i *ngIf=\"item.subtitles.length > 0 && item.open\" class=\"fa-solid fa-caret-down\"></i>\n                    </a>\n              <div class=\"popup position-absolute\"\n              *ngIf=\"item.subtitles.length > 0 && item.open\">\n              <ul>\n                <li\n                    *ngFor=\"let sub of item.subtitles\"\n                    [routerLink]=\"sub.path\"\n                    class=\"dropdownItem\"\n                  >\n                    {{ sub.title }}\n                  </li>\n              </ul>\n            </div>\n            </li>\n\n            <li class=\"nav-item ms-2 mb-3 d-flex d-md-none\">\n              <button class=\"sign-btn sign-header-btn\"\n                routerLink=\"/login\">Log In</button>\n            </li>\n          </ul>\n        </div>\n\n        <!-- Always 3 columns for login -->\n        <div class=\"col-md-3 d-none d-md-flex justify-content-end\">\n          <button class=\"sign-btn sign-header-btn\"\n            routerLink=\"/login\">Log In</button>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</nav>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Montserrat,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}@media (max-width: 1200px){.container-wrapper{padding:0 20px!important}}.navbar-custom-background{background-color:#00000080;box-shadow:2px 2px 15px 2px #0000001f;transition:width 2s,height 2s,-webkit-transform 2s;transition:width 2s,height 2s,transform 2s background-color .5s ease;z-index:9999}.fixed-top{position:fixed!important}.primary-button{background-color:#000;border-radius:50px;color:#fff;font: 600 16.3px Montserrat-Regular,sans-serif;padding:5px 16px!important;width:auto;display:flex;gap:15px;align-items:center;justify-content:space-between}.navbar-nav .nav-item .nav-link{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;padding:1.1em 1em!important}.logo_img{width:60%!important}.navbar-toggle-icon{width:25px}@media (min-width: 500px){.navbar-nav .nav-item button{margin-top:10px}}@media (max-width: 1200px){.navbar-nav .nav-item .nav-link{font-size:15px!important}}.navbar-nav .nav-link{display:inline-flex!important;white-space:nowrap;gap:4px}.fa-caret-down{font-family:\"Font Awesome 6 Pro\";font-weight:900}@media (min-width: 1200px){.navbar-nav .nav-item .nav-link{padding-bottom:0!important;padding-top:0!important}.popup{top:3.4rem!important;background-color:var(--first)!important;left:0rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.router-link-active{color:#000!important}}@media (max-width: 1200px){.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.popup ul li:hover{background-color:#f1f1f1}.mb-icon{width:200px}.container-wrapper{padding:10px 20px!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}}@media (max-width: 500px){.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}}.popup{top:90%;background-color:transparent;padding:10px;z-index:1000}.popup ul{list-style-type:none;padding:0;margin:0}.popup ul li{padding:5px 10px;font: 500 14px Montserrat-Regular,sans-serif}.nav-link{color:#000!important;transition:color .3s ease}.nav-link.scrolled-nav-link{color:#fff!important}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}@media (max-width: 500px){.logo_img{width:60%!important;margin-left:auto;margin-right:0;display:block;transition:margin .5s ease,width .5s ease}.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul{list-style-type:none;padding:0;margin:0}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}.popup.ngIf{opacity:1}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}\n"], dependencies: [{ kind: "directive", type: i1$1.LazyImgDirective, selector: "img" }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource-header', template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top cloudolive-nav-bg-color\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n    <!-- Toggler/collapsibe Button -->\n    <button class=\"navbar-toggler header-menu-bar\"\n      type=\"button\"\n      aria-label=\"Toggle navigation\"\n      data-bs-toggle=\"collapse\"\n      data-bs-target=\"#collapsibleNavbar\">\n      <img src=\"/assets/img/products/trial/navbar-toggle-icon.png\"\n        class=\"img-fluid navbar-toggle-icon\"\n        alt=\"\" />\n    </button>\n\n    <!-- Mobile Logo -->\n    <div class=\"d-md-none mb-icon\">\n      <div>\n        <img [src]=\"logo\"\n          routerLink=\"/\"\n          alt=\"logo\"\n          class=\"img-fluid logo_img\" />\n      </div>\n    </div>\n\n    <!-- Navbar links -->\n    <div class=\"collapse navbar-collapse mt-3 mt-md-0\"\n      id=\"collapsibleNavbar\"\n      #collapsibleNavbar>\n      <div class=\"row align-items-center w-100\">\n\n        <!-- Always occupy 3 columns for logo -->\n        <div class=\"col-md-3 d-none d-md-flex align-items-center\">\n          <div *ngIf=\"logo\">\n            <img [src]=\"logo\"\n              (load)=\"logoLoaded = true\"\n              (error)=\"logoLoaded = false\"\n              routerLink=\"/\"\n              alt=\"logo\"\n              class=\"img-fluid logo_img\" />\n          </div>\n        </div>\n\n        <div class=\"col-md-6 d-flex justify-content-start\">\n          <ul #anchorLinks\n            class=\"navbar-nav flex gap-4 me-0 wow fadeInUp position-relative\"\n            data-wow-duration=\"2s\">\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <a\n                class=\"nav-link\"\n                  href=\"javascript:void(0)\"\n                  [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\n                  (mouseenter)=\"item.open = true\"\n                  (click)=\"item.subtitles?.length ? (item.open = !item.open) : null\"\n                  [attr.href]=\"!(item.subtitles?.length) ? item.path : null\"\n                >\n                  {{ item?.title }}\n                  <i *ngIf=\"item.subtitles.length > 0 && item.open\" class=\"fa-solid fa-caret-down\"></i>\n                    </a>\n              <div class=\"popup position-absolute\"\n              *ngIf=\"item.subtitles.length > 0 && item.open\">\n              <ul>\n                <li\n                    *ngFor=\"let sub of item.subtitles\"\n                    [routerLink]=\"sub.path\"\n                    class=\"dropdownItem\"\n                  >\n                    {{ sub.title }}\n                  </li>\n              </ul>\n            </div>\n            </li>\n\n            <li class=\"nav-item ms-2 mb-3 d-flex d-md-none\">\n              <button class=\"sign-btn sign-header-btn\"\n                routerLink=\"/login\">Log In</button>\n            </li>\n          </ul>\n        </div>\n\n        <!-- Always 3 columns for login -->\n        <div class=\"col-md-3 d-none d-md-flex justify-content-end\">\n          <button class=\"sign-btn sign-header-btn\"\n            routerLink=\"/login\">Log In</button>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</nav>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Montserrat,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}@media (max-width: 1200px){.container-wrapper{padding:0 20px!important}}.navbar-custom-background{background-color:#00000080;box-shadow:2px 2px 15px 2px #0000001f;transition:width 2s,height 2s,-webkit-transform 2s;transition:width 2s,height 2s,transform 2s background-color .5s ease;z-index:9999}.fixed-top{position:fixed!important}.primary-button{background-color:#000;border-radius:50px;color:#fff;font: 600 16.3px Montserrat-Regular,sans-serif;padding:5px 16px!important;width:auto;display:flex;gap:15px;align-items:center;justify-content:space-between}.navbar-nav .nav-item .nav-link{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;padding:1.1em 1em!important}.logo_img{width:60%!important}.navbar-toggle-icon{width:25px}@media (min-width: 500px){.navbar-nav .nav-item button{margin-top:10px}}@media (max-width: 1200px){.navbar-nav .nav-item .nav-link{font-size:15px!important}}.fa-caret-down{font-family:\"Font Awesome 6 Pro\";font-weight:900}@media (min-width: 1200px){.navbar-nav .nav-item .nav-link{padding-bottom:0!important;padding-top:0!important}.popup{top:3.4rem!important;background-color:var(--first)!important;left:0rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.router-link-active{color:#000!important}}@media (max-width: 1200px){.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.popup ul li:hover{background-color:#f1f1f1}.mb-icon{width:200px}.container-wrapper{padding:10px 20px!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}}@media (max-width: 500px){.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}}.popup{top:90%;background-color:transparent;padding:10px;z-index:1000}.popup ul{list-style-type:none;padding:0;margin:0}.popup ul li{padding:5px 10px;font: 500 14px Montserrat-Regular,sans-serif}.nav-link{color:#000!important;transition:color .3s ease}.nav-link.scrolled-nav-link{color:#fff!important}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}@media (max-width: 500px){.logo_img{width:60%!important;margin-left:auto;margin-right:0;display:block;transition:margin .5s ease,width .5s ease}.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul{list-style-type:none;padding:0;margin:0}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}.popup.ngIf{opacity:1}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}\n"] }]
+            args: [{ selector: 'pw-resource-header', template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top cloudolive-nav-bg-color\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n    <!-- Toggler/collapsibe Button -->\n    <button class=\"navbar-toggler header-menu-bar\"\n      type=\"button\"\n      aria-label=\"Toggle navigation\"\n      data-bs-toggle=\"collapse\"\n      data-bs-target=\"#collapsibleNavbar\">\n      <img src=\"/assets/img/products/trial/navbar-toggle-icon.png\"\n        class=\"img-fluid navbar-toggle-icon\"\n        alt=\"\" />\n    </button>\n\n    <!-- Mobile Logo -->\n    <div class=\"d-md-none mb-icon\">\n      <div>\n        <img [src]=\"logo\"\n          routerLink=\"/\"\n          alt=\"logo\"\n          class=\"img-fluid logo_img\" />\n      </div>\n    </div>\n\n    <!-- Navbar links -->\n    <div class=\"collapse navbar-collapse mt-3 mt-md-0\"\n      id=\"collapsibleNavbar\"\n      #collapsibleNavbar>\n      <div class=\"row align-items-center w-100\">\n\n        <!-- Always occupy 3 columns for logo -->\n        <div class=\"col-md-3 d-none d-md-flex align-items-center\">\n          <div *ngIf=\"logo\">\n            <img [src]=\"logo\"\n              (load)=\"logoLoaded = true\"\n              (error)=\"logoLoaded = false\"\n              routerLink=\"/\"\n              alt=\"logo\"\n              class=\"img-fluid logo_img\" />\n          </div>\n        </div>\n\n        <div class=\"col-md-6 d-flex justify-content-start\">\n          <ul #anchorLinks\n            class=\"navbar-nav flex gap-4 me-0 wow fadeInUp position-relative\"\n            data-wow-duration=\"2s\">\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <a\n                class=\"nav-link\"\n                  href=\"javascript:void(0)\"\n                  [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\n                  (mouseenter)=\"item.open = true\"\n                  (click)=\"item.subtitles?.length ? (item.open = !item.open) : null\"\n                  [attr.href]=\"!(item.subtitles?.length) ? item.path : null\"\n                >\n                  {{ item?.title }}\n                  <i *ngIf=\"item.subtitles.length > 0 && item.open\" class=\"fa-solid fa-caret-down\"></i>\n                    </a>\n              <div class=\"popup position-absolute\"\n              *ngIf=\"item.subtitles.length > 0 && item.open\">\n              <ul>\n                <li\n                    *ngFor=\"let sub of item.subtitles\"\n                    [routerLink]=\"sub.path\"\n                    class=\"dropdownItem\"\n                  >\n                    {{ sub.title }}\n                  </li>\n              </ul>\n            </div>\n            </li>\n\n            <li class=\"nav-item ms-2 mb-3 d-flex d-md-none\">\n              <button class=\"sign-btn sign-header-btn\"\n                routerLink=\"/login\">Log In</button>\n            </li>\n          </ul>\n        </div>\n\n        <!-- Always 3 columns for login -->\n        <div class=\"col-md-3 d-none d-md-flex justify-content-end\">\n          <button class=\"sign-btn sign-header-btn\"\n            routerLink=\"/login\">Log In</button>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</nav>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Montserrat,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}@media (max-width: 1200px){.container-wrapper{padding:0 20px!important}}.navbar-custom-background{background-color:#00000080;box-shadow:2px 2px 15px 2px #0000001f;transition:width 2s,height 2s,-webkit-transform 2s;transition:width 2s,height 2s,transform 2s background-color .5s ease;z-index:9999}.fixed-top{position:fixed!important}.primary-button{background-color:#000;border-radius:50px;color:#fff;font: 600 16.3px Montserrat-Regular,sans-serif;padding:5px 16px!important;width:auto;display:flex;gap:15px;align-items:center;justify-content:space-between}.navbar-nav .nav-item .nav-link{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;padding:1.1em 1em!important}.logo_img{width:60%!important}.navbar-toggle-icon{width:25px}@media (min-width: 500px){.navbar-nav .nav-item button{margin-top:10px}}@media (max-width: 1200px){.navbar-nav .nav-item .nav-link{font-size:15px!important}}.navbar-nav .nav-link{display:inline-flex!important;white-space:nowrap;gap:4px}.fa-caret-down{font-family:\"Font Awesome 6 Pro\";font-weight:900}@media (min-width: 1200px){.navbar-nav .nav-item .nav-link{padding-bottom:0!important;padding-top:0!important}.popup{top:3.4rem!important;background-color:var(--first)!important;left:0rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.router-link-active{color:#000!important}}@media (max-width: 1200px){.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.popup ul li:hover{background-color:#f1f1f1}.mb-icon{width:200px}.container-wrapper{padding:10px 20px!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}}@media (max-width: 500px){.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}}.popup{top:90%;background-color:transparent;padding:10px;z-index:1000}.popup ul{list-style-type:none;padding:0;margin:0}.popup ul li{padding:5px 10px;font: 500 14px Montserrat-Regular,sans-serif}.nav-link{color:#000!important;transition:color .3s ease}.nav-link.scrolled-nav-link{color:#fff!important}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}@media (max-width: 500px){.logo_img{width:60%!important;margin-left:auto;margin-right:0;display:block;transition:margin .5s ease,width .5s ease}.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul{list-style-type:none;padding:0;margin:0}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}.popup.ngIf{opacity:1}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]