@posiwise/shared-components 0.0.128 → 0.0.130

package/fesm2022/posiwise-shared-components.mjs

@@ -32,7 +32,7 @@ import { TableModule } from 'primeng/table';
 import * as i1$4 from 'primeng/tabmenu';
 import { TabMenuModule } from 'primeng/tabmenu';
 import * as i2$1 from '@ng-bootstrap/ng-bootstrap';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbTooltipModule, NgbModalModule, NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i1 from '@posiwise/common-services';
 import { PermissionService } from '@posiwise/common-services';
 import { AB_TEST_ACTIONS, TOKEN_KEY, TAG_ENTITY } from '@posiwise/common-utilities';
@@ -368,7 +368,7 @@ class CustomUploaderComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CustomUploaderComponent, deps: [{ token: i0.Injector }, { token: i2$1.NgbModal }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CustomUploaderComponent, selector: "pw-custom-uploader", inputs: { controlName: "controlName", previewData: "previewData", aspectRatio: "aspectRatio", title: "title" }, outputs: { saveEvent: "saveEvent" }, usesInheritance: true, ngImport: i0, template: "<div class=\"card pb-2\">\n  <div class=\"card-header upload-button-bar\">\n    <button pButton\n      type=\"button\"\n      [disabled]=\"previewData?.url || uploadedFile\"\n      (click)=\"openModal(content)\"\n      (keydown.enter)=\"openModal(content)\"\n      icon=\"pi pi-plus\"\n      label=\"Choose\"></button>\n  </div>\n  <div class=\"card-body\">\n    <!-- no files -->\n    <div class=\"d-flex preview-wrapper\"\n      *ngIf=\"!previewData?.url\">\n      <div>\n        <img src=\"assets/img/icons/nofilesfound.png\"\n          (load)=\"onImgChange()\"\n          class=\"mx-auto img-fluid\"\n          alt=\"\" />\n      </div>\n    </div>\n    <!-- existing images -->\n    <div class=\"d-flex preview-wrapper\"\n      *ngIf=\"previewData?.url\">\n      <div>\n        <a [href]=\"previewData?.url\"\n          target=\"_blank\">\n          <img [src]=\"previewData?.url\"\n            alt=\"\"\n            (load)=\"onImgChange()\"\n            (error)=\"onImgChange($event)\"\n            class=\"img-fluid\" />\n        </a>\n      </div>\n      <div class=\"ms-3\">\n        <i\n                    container=\"body\"\n                    ngbTooltip=\"Delete\"\n                    (click)=\"deleteExistingFile()\"\n                    (keydown.enter)=\"deleteExistingFile()\"\n                    (keydown.space)=\"deleteExistingFile()\"\n                    class=\"fa fa-trash delete-icon\"\n                    aria-hidden=\"true\"\n                ></i>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- image cropper -->\n<ng-template #content\n  let-modal>\n  <div class=\"card m-0\">\n    <div class=\"card-content\">\n      <div class=\"card-title\">\n        <h3 class=\"modal-title\">{{ title }}</h3>\n        <button type=\"button\"\n          class=\"btn-close float-end float-end\"\n          aria-label=\"Close\"\n          (click)=\"modal.dismiss()\">\n\n        </button>\n      </div>\n      <div class=\"card-header\">\n        <small> {{ 'User.Profile.PictureMessage' | transloco }}</small>\n        <pw-image-cropper #profile\n          [aspectRatio]=\"aspectRatio\"\n          (fileChangeEvent)=\"onFileChange($event)\"\n          (imageSelectionEvent)=\"onImageSelection($event)\"\n          (closeEvent)=\"onClose()\">\n        </pw-image-cropper>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":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)}.upload-button-bar{background:#efefef;padding:1rem 1.25rem}.card{min-height:270px!important;max-height:550px!important;height:auto}.preview-wrapper{align-items:center;text-align:center}.preview-wrapper div{padding:1rem;flex:1 1 auto;width:25%;word-break:break-all}button[label=Choose],button[label=Choose]:hover,button[label=Choose]:enabled:active{background-color:#616161;border-color:#616161}\n"], dependencies: [{ kind: "directive", type: i2$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i1$1.LazyImgDirective, selector: "img" }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CustomUploaderComponent, selector: "pw-custom-uploader", inputs: { controlName: "controlName", previewData: "previewData", aspectRatio: "aspectRatio", title: "title" }, outputs: { saveEvent: "saveEvent" }, usesInheritance: true, ngImport: i0, template: "<div class=\"card pb-2\">\n  <div class=\"card-header upload-button-bar\">\n    <button pButton\n      type=\"button\"\n      [disabled]=\"previewData?.url || uploadedFile\"\n      (click)=\"openModal(content)\"\n      (keydown.enter)=\"openModal(content)\"\n      icon=\"pi pi-plus\"\n      label=\"Choose\"></button>\n  </div>\n  <div class=\"card-body\">\n    <!-- no files -->\n    <div class=\"d-flex preview-wrapper\"\n      *ngIf=\"!previewData?.url\">\n      <div>\n        <img src=\"assets/img/icons/nofilesfound.png\"\n          (load)=\"onImgChange()\"\n          class=\"mx-auto img-fluid\"\n          alt=\"\" />\n      </div>\n    </div>\n    <!-- existing images -->\n    <div class=\"d-flex preview-wrapper\"\n      *ngIf=\"previewData?.url\">\n      <div>\n        <a [href]=\"previewData?.url\"\n          target=\"_blank\">\n          <img [src]=\"previewData?.url\"\n            alt=\"\"\n            (load)=\"onImgChange()\"\n            (error)=\"onImgChange($event)\"\n            class=\"img-fluid\" />\n        </a>\n      </div>\n      <div class=\"ms-3\">\n        <i\n                    container=\"body\"\n                    ngbTooltip=\"Delete\"\n                    (click)=\"deleteExistingFile()\"\n                    (keydown.enter)=\"deleteExistingFile()\"\n                    (keydown.space)=\"deleteExistingFile()\"\n                    class=\"fa fa-trash delete-icon\"\n                    aria-hidden=\"true\"\n                ></i>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- image cropper -->\n<ng-template #content\n  let-modal>\n  <div class=\"card m-0\">\n    <div class=\"card-content\">\n      <div class=\"card-title\">\n        <h3 class=\"modal-title\">{{ title }}</h3>\n        <button type=\"button\"\n          class=\"btn-close float-end float-end\"\n          aria-label=\"Close\"\n          (click)=\"modal.dismiss()\">\n\n        </button>\n      </div>\n      <div class=\"card-header\">\n        <small> {{ 'User.Profile.PictureMessage' | transloco }}</small>\n        <pw-image-cropper #profile\n          [aspectRatio]=\"aspectRatio\"\n          (fileChangeEvent)=\"onFileChange($event)\"\n          (imageSelectionEvent)=\"onImageSelection($event)\"\n          (closeEvent)=\"onClose()\">\n        </pw-image-cropper>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":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)}.upload-button-bar{background:#efefef;padding:1rem 1.25rem}.card{min-height:270px!important;max-height:550px!important;height:auto}.preview-wrapper{align-items:center;text-align:center}.preview-wrapper div{padding:1rem;flex:1 1 auto;width:25%;word-break:break-all}button[label=Choose],button[label=Choose]:hover,button[label=Choose]:enabled:active{background-color:#616161;border-color:#616161}\n"], dependencies: [{ kind: "directive", type: i2$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i2$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i1$1.LazyImgDirective, selector: "img" }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CustomUploaderComponent, decorators: [{
             type: Component,
@@ -448,11 +448,11 @@ class DemoCardsComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DemoCardsComponent, deps: [{ token: i1$2.DomSanitizer }, { token: i2$1.NgbModal }, { token: i1$3.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: DemoCardsComponent, selector: "pw-demo-card", viewQueries: [{ propertyName: "editBookLinksModal", first: true, predicate: ["editBookLinksModal"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- EDIT ICON -->\n\n<!-- DEMO LINKS -->\n<div class=\"row text-center\">\n  <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n    class=\"fa fa-edit in-page-edit-icon mb-3 cursor-pointer\"\n    title=\"Edit Booking Links\"\n    (click)=\"openEditBookLinks(editBookLinksModal)\">\n  </i>\n  <div class=\"col-md-6 col-lg-4 mb-5\" *ngFor=\"let link of bookingLinks\">\n    <h5 class=\"mb-3\">{{ link?.title }}</h5>\n    <iframe [src]=\"link?.url\"\n      width=\"100%\"\n      title=\"Booking frame\"\n      height=\"600\"\n      style=\"border:0;\">\n    </iframe>\n  </div>\n</div>\n\n<!-- MODAL TEMPLATE -->\n<ng-template #editBookLinksModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Book Demo Links</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\" aria-label=\"Close\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div cdkDropList (cdkDropListDropped)=\"dropBookingLink($event)\">\n      <div *ngFor=\"let item of editingBookingLinks; let i = index\" class=\"card p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5\">\n            <label class=\"form-label\">Link Title</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.title\" />\n          </div>\n          <div class=\"col-md-5\">\n            <label class=\"form-label\">Link URL</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.url\" />\n          </div>\n          <div class=\"col-sm-1 d-flex justify-content-end mt-3\">\n            <i\n              ngbTooltip=\"Remove\"\n              (click)=\"removeBookDemoLink(i)\"\n              (keydown.enter)=\"removeBookDemoLink(i)\"\n              (keydown.space)=\"removeBookDemoLink(i)\"\n              class=\"fa fa-trash in-page-trash-icon delete-icon text-danger\"\n              aria-hidden=\"true\"\n            ></i>\n          </div>\n\n          <div class=\"col-sm-1 d-flex justify-content-end mt-3\">\n            <i\n              class=\"fa fa-bars in-page-bars-icon cursor-move\"\n              cdkDragHandle\n              ngbTooltip=\"Drag to reorder\"\n              aria-hidden=\"true\"\n            ></i>\n          </div>\n        </div>\n\n      </div>\n    </div>\n\n    <button class=\"btn btn-outline-primary mt-3\" (click)=\"addBookingLink()\">\n      <i class=\"fa fa-plus me-1\"></i> Add Book Demo Link\n    </button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveBookingLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: DemoCardsComponent, selector: "pw-demo-card", viewQueries: [{ propertyName: "editBookLinksModal", first: true, predicate: ["editBookLinksModal"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- EDIT ICON -->\n\n<!-- DEMO LINKS -->\n<div class=\"row text-center\">\n  <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n    class=\"fa fa-edit in-page-edit-icon mb-3 cursor-pointer\"\n    title=\"Edit Booking Links\"\n    (click)=\"openEditBookLinks(editBookLinksModal)\">\n  </i>\n  <div class=\"col-md-6 col-lg-4 mb-5\" *ngFor=\"let link of bookingLinks\">\n    <h5 class=\"mb-3\">{{ link?.title }}</h5>\n    <iframe [src]=\"link?.url\"\n      width=\"100%\"\n      title=\"Booking frame\"\n      height=\"600\"\n      class=\"iframe-no-border\">\n    </iframe>\n  </div>\n</div>\n\n<!-- MODAL TEMPLATE -->\n<ng-template #editBookLinksModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Book Demo Links</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\" aria-label=\"Close\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div cdkDropList (cdkDropListDropped)=\"dropBookingLink($event)\">\n      <div *ngFor=\"let item of editingBookingLinks; let i = index\" class=\"card p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5\">\n            <label class=\"form-label\">Link Title</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.title\" />\n          </div>\n          <div class=\"col-md-5\">\n            <label class=\"form-label\">Link URL</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.url\" />\n          </div>\n          <div class=\"col-sm-1 d-flex justify-content-end mt-3\">\n            <i\n              ngbTooltip=\"Remove\"\n              (click)=\"removeBookDemoLink(i)\"\n              (keydown.enter)=\"removeBookDemoLink(i)\"\n              (keydown.space)=\"removeBookDemoLink(i)\"\n              class=\"fa fa-trash in-page-trash-icon delete-icon text-danger\"\n              aria-hidden=\"true\"\n            ></i>\n          </div>\n\n          <div class=\"col-sm-1 d-flex justify-content-end mt-3\">\n            <i\n              class=\"fa fa-bars in-page-bars-icon cursor-move\"\n              cdkDragHandle\n              ngbTooltip=\"Drag to reorder\"\n              aria-hidden=\"true\"\n            ></i>\n          </div>\n        </div>\n\n      </div>\n    </div>\n\n    <button class=\"btn btn-outline-primary mt-3\" (click)=\"addBookingLink()\">\n      <i class=\"fa fa-plus me-1\"></i> Add Book Demo Link\n    </button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveBookingLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n", styles: [".iframe-no-border{border:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i2$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { 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: DemoCardsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-demo-card', template: "<!-- EDIT ICON -->\n\n<!-- DEMO LINKS -->\n<div class=\"row text-center\">\n  <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n    class=\"fa fa-edit in-page-edit-icon mb-3 cursor-pointer\"\n    title=\"Edit Booking Links\"\n    (click)=\"openEditBookLinks(editBookLinksModal)\">\n  </i>\n  <div class=\"col-md-6 col-lg-4 mb-5\" *ngFor=\"let link of bookingLinks\">\n    <h5 class=\"mb-3\">{{ link?.title }}</h5>\n    <iframe [src]=\"link?.url\"\n      width=\"100%\"\n      title=\"Booking frame\"\n      height=\"600\"\n      style=\"border:0;\">\n    </iframe>\n  </div>\n</div>\n\n<!-- MODAL TEMPLATE -->\n<ng-template #editBookLinksModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Book Demo Links</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\" aria-label=\"Close\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div cdkDropList (cdkDropListDropped)=\"dropBookingLink($event)\">\n      <div *ngFor=\"let item of editingBookingLinks; let i = index\" class=\"card p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5\">\n            <label class=\"form-label\">Link Title</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.title\" />\n          </div>\n          <div class=\"col-md-5\">\n            <label class=\"form-label\">Link URL</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.url\" />\n          </div>\n          <div class=\"col-sm-1 d-flex justify-content-end mt-3\">\n            <i\n              ngbTooltip=\"Remove\"\n              (click)=\"removeBookDemoLink(i)\"\n              (keydown.enter)=\"removeBookDemoLink(i)\"\n              (keydown.space)=\"removeBookDemoLink(i)\"\n              class=\"fa fa-trash in-page-trash-icon delete-icon text-danger\"\n              aria-hidden=\"true\"\n            ></i>\n          </div>\n\n          <div class=\"col-sm-1 d-flex justify-content-end mt-3\">\n            <i\n              class=\"fa fa-bars in-page-bars-icon cursor-move\"\n              cdkDragHandle\n              ngbTooltip=\"Drag to reorder\"\n              aria-hidden=\"true\"\n            ></i>\n          </div>\n        </div>\n\n      </div>\n    </div>\n\n    <button class=\"btn btn-outline-primary mt-3\" (click)=\"addBookingLink()\">\n      <i class=\"fa fa-plus me-1\"></i> Add Book Demo Link\n    </button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveBookingLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pw-demo-card', template: "<!-- EDIT ICON -->\n\n<!-- DEMO LINKS -->\n<div class=\"row text-center\">\n  <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n    class=\"fa fa-edit in-page-edit-icon mb-3 cursor-pointer\"\n    title=\"Edit Booking Links\"\n    (click)=\"openEditBookLinks(editBookLinksModal)\">\n  </i>\n  <div class=\"col-md-6 col-lg-4 mb-5\" *ngFor=\"let link of bookingLinks\">\n    <h5 class=\"mb-3\">{{ link?.title }}</h5>\n    <iframe [src]=\"link?.url\"\n      width=\"100%\"\n      title=\"Booking frame\"\n      height=\"600\"\n      class=\"iframe-no-border\">\n    </iframe>\n  </div>\n</div>\n\n<!-- MODAL TEMPLATE -->\n<ng-template #editBookLinksModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Book Demo Links</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\" aria-label=\"Close\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div cdkDropList (cdkDropListDropped)=\"dropBookingLink($event)\">\n      <div *ngFor=\"let item of editingBookingLinks; let i = index\" class=\"card p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5\">\n            <label class=\"form-label\">Link Title</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.title\" />\n          </div>\n          <div class=\"col-md-5\">\n            <label class=\"form-label\">Link URL</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.url\" />\n          </div>\n          <div class=\"col-sm-1 d-flex justify-content-end mt-3\">\n            <i\n              ngbTooltip=\"Remove\"\n              (click)=\"removeBookDemoLink(i)\"\n              (keydown.enter)=\"removeBookDemoLink(i)\"\n              (keydown.space)=\"removeBookDemoLink(i)\"\n              class=\"fa fa-trash in-page-trash-icon delete-icon text-danger\"\n              aria-hidden=\"true\"\n            ></i>\n          </div>\n\n          <div class=\"col-sm-1 d-flex justify-content-end mt-3\">\n            <i\n              class=\"fa fa-bars in-page-bars-icon cursor-move\"\n              cdkDragHandle\n              ngbTooltip=\"Drag to reorder\"\n              aria-hidden=\"true\"\n            ></i>\n          </div>\n        </div>\n\n      </div>\n    </div>\n\n    <button class=\"btn btn-outline-primary mt-3\" (click)=\"addBookingLink()\">\n      <i class=\"fa fa-plus me-1\"></i> Add Book Demo Link\n    </button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveBookingLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n", styles: [".iframe-no-border{border:0}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.DomSanitizer }, { type: i2$1.NgbModal }, { type: i1$3.AdminService }, { type: i0.Injector }], propDecorators: { editBookLinksModal: [{
                 type: ViewChild,
                 args: ['editBookLinksModal', { static: true }]
@@ -793,7 +793,7 @@ class EntityGroupComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: EntityGroupComponent, deps: [{ token: i1.GroupService }, { token: i1.SubscriptionService }, { token: i2$1.NgbModal }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: EntityGroupComponent, selector: "pw-entity-group", viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div>\n  <div class=\"row\">\n    <div class=\"col-12 mb-3\">\n      <h2>Team View</h2>\n\n      <p>\n        In this section, based on your permissions, you can add/remove members from your\n        teams.\n        <br />\n        Then, you'll be able to see powerful insight on the activities performed by your\n        team's members.\n      </p>\n    </div>\n  </div>\n\n  <div class=\"row\">\n    <div class=\"col-md-6 col-xs-12 d-flex align-items-sm-center align-items-top text-start pe-0\">\n      <a aria-label=\"Navigate to Target\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"ms-sm-2 d-inline mt-0 card-title mb-3 mb-sm-0\">\n        Team view: {{ selectedGroup?.name }}\n      </h3>\n    </div>\n    <div class=\"col-md-6 col-xs-12 text-end justify-content-end\">\n      <button *ngIf=\"hasAccess\"\n        class=\"btn btn-sm btn-outline-primary\"\n        (click)=\"open()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Add Members\n      </button>\n      <button *ngIf=\"hasAccess\"\n        class=\"btn btn-sm btn-outline-primary ms-2\"\n        (click)=\"navigateToCommunications()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> See Communications\n      </button>\n    </div>\n  </div>\n\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n  <div class=\"primeng-datatable-container table-responsive\"\n    [class.hideTable]=\"subscribedMembers?.length === 0\">\n    <p-table #dt\n      [value]=\"subscribedMembers\"\n      [paginator]=\"true\"\n      [rows]=\"PAGE_SIZE\">\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Label.FirstName' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.LastName' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Email' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-member>\n        <tr class=\"table-row\">\n          <td data-head=\"First Name\">\n            <a [routerLink]=\"['/members', member.slug]\">{{ member.first_name || null }}\n            </a>\n          </td>\n          <td data-head=\"Last Name\">{{ member.last_name || null }}</td>\n          <td data-head=\"Email\">{{ member.email }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Message\"\n                class=\"me-2 me-sm-3\"\n                *ngIf=\"member.id !== userId\"\n                [routerLink]=\"['/message']\"\n                [fragment]=\"member.slug\">\n                <i\n                                    class=\"fa fa-comments cta1-icon\"\n                                    *rbacAllow=\"chatPermission\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"Remove\"\n                class=\"me-2 me-sm-3\"\n                (click)=\"onDelete(member.id)\"\n                (keydown.enter)=\"onDelete(member.id)\"\n                (keydown.space)=\"onDelete(member.id)\"\n                *ngIf=\"hasAccess\">\n                <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n  </div>\n  <pw-no-data [withImage]=\"true\" message=\"There are no members in this team yet.\"\n    *ngIf=\"subscribedMembers?.length === 0 && isLoaded\">\n  </pw-no-data>\n</div>\n\n<ng-template #content\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Add Members</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <p>Please start typing to select the members to add to this team.</p>\n    <div class=\"ui-fluid skills-modal\">\n      <p-autoComplete [suggestions]=\"filteredMembers\"\n        [(ngModel)]=\"selectedMembers\"\n        dataKey=\"id\"\n        field=\"displayName\"\n        (completeMethod)=\"search($event)\"\n        styleClass=\"w-100\"\n        placeholder=\"Member\"\n        [multiple]=\"true\">\n      </p-autoComplete>\n    </div>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"closeModal(modal)\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", styles: ["a.previous i{line-height:23px}\n"], dependencies: [{ kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i2$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i9.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: EntityGroupComponent, selector: "pw-entity-group", viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div>\n  <div class=\"row\">\n    <div class=\"col-12 mb-3\">\n      <h2>Team View</h2>\n\n      <p>\n        In this section, based on your permissions, you can add/remove members from your\n        teams.\n        <br />\n        Then, you'll be able to see powerful insight on the activities performed by your\n        team's members.\n      </p>\n    </div>\n  </div>\n\n  <div class=\"row\">\n    <div class=\"col-md-6 col-xs-12 d-flex align-items-sm-center align-items-top text-start pe-0\">\n      <a aria-label=\"Navigate to Target\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"ms-sm-2 d-inline mt-0 card-title mb-3 mb-sm-0\">\n        Team view: {{ selectedGroup?.name }}\n      </h3>\n    </div>\n    <div class=\"col-md-6 col-xs-12 text-end justify-content-end\">\n      <button *ngIf=\"hasAccess\"\n        class=\"btn btn-sm btn-outline-primary\"\n        (click)=\"open()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Add Members\n      </button>\n      <button *ngIf=\"hasAccess\"\n        class=\"btn btn-sm btn-outline-primary ms-2\"\n        (click)=\"navigateToCommunications()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> See Communications\n      </button>\n    </div>\n  </div>\n\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n  <div class=\"primeng-datatable-container table-responsive\"\n    [class.hideTable]=\"subscribedMembers?.length === 0\">\n    <p-table #dt\n      [value]=\"subscribedMembers\"\n      [paginator]=\"true\"\n      [rows]=\"PAGE_SIZE\">\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Label.FirstName' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.LastName' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Email' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-member>\n        <tr class=\"table-row\">\n          <td data-head=\"First Name\">\n            <a [routerLink]=\"['/members', member.slug]\">{{ member.first_name || null }}\n            </a>\n          </td>\n          <td data-head=\"Last Name\">{{ member.last_name || null }}</td>\n          <td data-head=\"Email\">{{ member.email }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Message\"\n                class=\"me-2 me-sm-3\"\n                *ngIf=\"member.id !== userId\"\n                [routerLink]=\"['/message']\"\n                [fragment]=\"member.slug\">\n                <i\n                                    class=\"fa fa-comments cta1-icon\"\n                                    *rbacAllow=\"chatPermission\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"Remove\"\n                class=\"me-2 me-sm-3\"\n                (click)=\"onDelete(member.id)\"\n                (keydown.enter)=\"onDelete(member.id)\"\n                (keydown.space)=\"onDelete(member.id)\"\n                *ngIf=\"hasAccess\">\n                <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n  </div>\n  <pw-no-data [withImage]=\"true\" message=\"There are no members in this team yet.\"\n    *ngIf=\"subscribedMembers?.length === 0 && isLoaded\">\n  </pw-no-data>\n</div>\n\n<ng-template #content\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Add Members</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <p>Please start typing to select the members to add to this team.</p>\n    <div class=\"ui-fluid skills-modal\">\n      <p-autoComplete [suggestions]=\"filteredMembers\"\n        [(ngModel)]=\"selectedMembers\"\n        dataKey=\"id\"\n        field=\"displayName\"\n        (completeMethod)=\"search($event)\"\n        styleClass=\"w-100\"\n        placeholder=\"Member\"\n        [multiple]=\"true\">\n      </p-autoComplete>\n    </div>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"closeModal(modal)\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", styles: ["a.previous i{line-height:23px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i2$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i9.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: EntityGroupComponent, decorators: [{
             type: Component,
@@ -1770,11 +1770,11 @@ class PrivacyPolicyComponent extends AppBaseComponent {
         this.company_email = this.appConfig.company.email;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PrivacyPolicyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PrivacyPolicyComponent, selector: "pw-privacy-policy", inputs: { isPublic: "isPublic" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isPublic\">\n  <pw-landing-page-header [landing]=\"false\"></pw-landing-page-header>\n</ng-container>\n\n<div class=\"container pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div [ngClass]=\"{ 'mt-5': isPublic }\">\n        <div class=\"row\">\n          <div class=\"col-12 terms-of-service\">\n            <h1>Privacy policy</h1>\n            <div class=\"clearfix\"></div>\n            <h3>Your Content</h3>\n            <p>\n              If you operate a {{ company_name }} User Account, and/or comment on,\n              post material to, post links on or otherwise make (or allow any third\n              party to make) material available by means of the Website and or\n              Applications (collectively called \u201CContent\u201D), you are entirely\n              responsible for that Content and any harm resulting from that Content.\n              That is regardless of whether the Content in question constitutes (but\n              not limited to) text, graphics, an audio file or computer software. By\n              making Content available, you represent and warrant that:\n            </p>\n            <ol>\n              <li>\n                the Content is not considered to be obscene, inappropriate,\n                defamatory, disparaging, indecent, seditious, offensive,\n                pornographic, threatening, abusive, liable to incite racial hatred,\n                discriminatory, blasphemous, in breach of confidence or in breach of\n                privacy;\n              </li>\n              <li>\n                the downloading, copying and use of the Content will not infringe\n                the proprietary rights, including but not limited to the copyright,\n                patent, trademark or trade secret rights, of any third party;\n              </li>\n              <li>\n                if your employer has rights to intellectual property you create, you\n                have either (i) received permission from your employer to post or\n                make available the Content, including but not limited to any\n                software, or (ii) secured from your employer a waiver as to all\n                rights in or to the Content;\n              </li>\n              <li>\n                you have fully complied with any third-party licenses relating to\n                the Content, and have done all things necessary to successfully pass\n                through to end users any required terms;\n              </li>\n              <li>\n                the Content does not contain or install any viruses, worms, malware,\n                Trojan horses or other harmful or destructive content;\n              </li>\n              <li>\n                the Content is not spam, is not machine or randomly generated and\n                does not contain unethical or unwanted commercial content designed\n                to drive traffic to third party sites or further unlawful acts;\n              </li>\n              <li>\n                your User Account is not getting advertised via unwanted electronic\n                messages such as spam links on newsgroups, email lists, other blogs\n                and websites, and similar unsolicited promotional methods;\n              </li>\n              <li>\n                your User Account is not named in a manner that misleads users into\n                thinking that you are another person or company;\n              </li>\n              <li>\n                the Content will not cause you or us to breach any law, regulation,\n                rule, code or other legal obligation; and\n              </li>\n              <li>the Content will not bring us, or the Site into disrepute.</li>\n            </ol>\n            <p></p>\n            <p>\n              By submitting Content for inclusion in your User Account or to the Site,\n              you grant us a world-wide, royalty free, and non-exclusive license to\n              use that content in any way (including without limitation, reproducing,\n              changing and communicating the Content) and permit us to authorise any\n              other person to do the same thing. If you delete any Content, we will\n              use reasonable efforts to remove it from the Site, but you acknowledge\n              that caching or references to the Content may not be made immediately\n              unavailable.\n            </p>\n            <p>\n              Without limiting any of those representations or warranties, we reserve\n              the right (though not the obligation) to, in our sole discretion\n            </p>\n            <ol>\n              <li>\n                refuse or remove any content that, in our reasonable opinion,\n                violates any of our policies or agreements or is in any way harmful\n                or objectionable, or\n              </li>\n              <li>\n                terminate or deny access to and use of the Service to any individual\n                or entity for any reason, in our sole discretion.\n              </li>\n            </ol>\n            <p></p>\n            <h3>Privacy</h3>\n            <p>\n              We get information about you in a range of ways. We collect your&lrm;\n              name,&lrm; email address and other information you directly give us on\n              our Site. We may get information about you from other sources. We may\n              add this to information we get from this Site. We may automatically log\n              information about you and your computer. We may log information using\n              \"cookies.\" Cookies are small data files stored on your hard drive by a\n              website. Cookies help us make our Site and your visit better. We use\n              cookies to see which parts of our Site people use and like and to count\n              visits to our Site. We may store your personal information along with\n              your files and data on a third party server such as Amazon Web Services;\n            </p>\n            <p>\n              We use your personal information to operate, maintain, and improve our\n              sites, products, and services. We use your personal information to\n              respond to comments and questions and provide customer service. We use\n              your personal information to provide and deliver products and services\n              customers request. We also use your personal information to send you\n              notifications about the service and to respond to customer support\n              requests. You can access and change your personal information by logging\n              in to your account settings page.\n            </p>\n            <p>\n              We may share personal information with your consent. For example, you\n              may let us share personal information with others for their own\n              marketing uses. Those uses will be subject to their privacy policies. We\n              may share personal information when we do a business deal, or negotiate\n              a business deal, involving sale or transfer of all or a part of our\n              business or assets. These deals can include any merger, financing,\n              acquisition, or bankruptcy transaction or proceeding. We may share\n              personal information for legal, protection, and safety purposes. We may\n              share information to comply with laws. We may share information to\n              respond to lawful requests and legal process. We may share information\n              to protect the rights, property or safety of the Service, our users,\n              customers, and others. This includes enforcing our agreements, policies,\n              and terms of use. We may share information in an emergency. We may share\n              information with those who need it to do work for us. We may also share\n              aggregated and/or anonymized data with others for their own uses.\n            </p>\n            <p>\n              Our marketing emails tell you how to \u201Copt-out.\u201D If you opt out, we may\n              still send you non-marketing emails. Non-marketing emails include emails\n              about your accounts and our business dealings with you.\n            </p>\n            <p>\n              You can typically remove and reject cookies from our Site with your\n              browser settings. Many browsers are set to accept cookies until you\n              change your settings. If you remove or reject our cookies, it could\n              affect how our Site works for you.\n            </p>\n            <p>\n              If {{ company_name }} sells all or part of its business or makes a sale\n              or transfer of its assets or is otherwise involved in a merger or\n              transfer of all or a material part of its business,\n              {{ company_name }} may transfer your information to the party or parties\n              involved in the transaction as part of that transaction.\n            </p>\n            <p>\n              {{ company_name }} uses a range of commercially reasonable measures to\n              safeguard Personal Information in its possession against loss, theft and\n              unauthorized use, disclosure or modification. However, no one can\n              guarantee the complete safety of your information. Please immediately\n              notify us if you believe there may be an issue or a problem regarding\n              the integrity of your information by contacting us.\n            </p>\n            <p>\n              In some cases, we may use an unaffiliated payment service to allow you\n              to purchase a product or make payments (\u201CPayment Service\u201D). If you wish\n              to purchase a product or make a payment in such a case, you will be\n              directed to a Payment Service webpage. Any information that you provide\n              to a Payment Service will be subject to the applicable Payment Service\u2019s\n              privacy policy, rather than this Privacy Policy. We have no control\n              over, and are not responsible for, any Payment Service\u2019s use of\n              information collected through any Payment Service.\n            </p>\n            <p>\n              The {{ company_name }} website may also be linked to sites operated by\n              third parties, and may carry advertisements or offer content,\n              functionality, games or applications developed and maintained by third\n              parties. Some of these third party sites may be co-branded with a\n              {{ company_name }} logo, even though they are not operated or maintained\n              by us.\n            </p>\n            <p>\n              {{ company_name }} is not responsible for the privacy practices of any\n              such third parties, and once you leave the {{ company_name }} website,\n              you should check the applicable privacy policy of the other service.\n            </p>\n            <h3>Questions &amp; Comments</h3>\n            <p>\n              If you have any questions about our Privacy Policy, please\n              <a href=\"mailto:{{ company_email }}\">let us know</a>.\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":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)}h1,h2,h3,h4,h5,h6{font-weight:600}h1{font-size:36px}.card{padding:10px 15px!important}.card ol li{padding-left:30px!important;position:relative;color:#000;font:14px/1.4 Roboto,sans-serif;margin:5px 0;padding-top:5px;padding-bottom:5px;padding-right:0}.card ol li ol.list-bullet li,.card ol li ul.list-bullet li{padding-left:0!important}.card ol li:before{font:400 16px/1.3 Roboto,sans-serif;left:0;position:absolute;top:4px}.card ol li h3{font:400 20px/1.3 Roboto,sans-serif;margin-bottom:15px}.card p{color:#000;font:14px/1.4 Roboto,sans-serif;margin:5px 0;padding:5px 0}.card p strong{font-family:Roboto,sans-serif}.banner{background:url(/assets/img/landing-page/header-bg.jpg) no-repeat center;background-size:cover;padding:0 0 130px}.terms-of-service h3{padding:5px 0 0!important}.terms-of-service ol{counter-reset:section;padding:0 5px 0 0!important}.terms-of-service ol li:before{content:counters(section,\".\") \". \";counter-increment:section;float:left;font-weight:600;padding:0 10px 0 0}.terms-of-service ol li ol li ol li:before,.terms-of-service ol li ol li ul li:before{content:\"\";counter-increment:none}li{padding:10px 0}.parent-ol>li:before{font-size:26px;margin-top:16px}ul.list-bullet,ol.list-bullet{list-style-type:disc;margin-left:20px}ul.list-bullet>li,ol.list-bullet>li{padding:0}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: PrivacyPolicyComponent, selector: "pw-privacy-policy", inputs: { isPublic: "isPublic" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isPublic\">\n  <pw-landing-page-header [landing]=\"false\"></pw-landing-page-header>\n</ng-container>\n\n<div class=\"container pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div [ngClass]=\"{ 'mt-5': isPublic }\">\n        <div class=\"row\">\n          <div class=\"col-12 terms-of-service\">\n            <h1>Privacy policy</h1>\n            <div class=\"clearfix\"></div>\n            <h3>Your Content</h3>\n            <p>\n              If you operate a {{ company_name }} User Account, and/or comment on,\n              post material to, post links on or otherwise make (or allow any third\n              party to make) material available by means of the Website and or\n              Applications (collectively called \u201CContent\u201D), you are entirely\n              responsible for that Content and any harm resulting from that Content.\n              That is regardless of whether the Content in question constitutes (but\n              not limited to) text, graphics, an audio file or computer software. By\n              making Content available, you represent and warrant that:\n            </p>\n            <ol>\n              <li>\n                the Content is not considered to be obscene, inappropriate,\n                defamatory, disparaging, indecent, seditious, offensive,\n                pornographic, threatening, abusive, liable to incite racial hatred,\n                discriminatory, blasphemous, in breach of confidence or in breach of\n                privacy;\n              </li>\n              <li>\n                the downloading, copying and use of the Content will not infringe\n                the proprietary rights, including but not limited to the copyright,\n                patent, trademark or trade secret rights, of any third party;\n              </li>\n              <li>\n                if your employer has rights to intellectual property you create, you\n                have either (i) received permission from your employer to post or\n                make available the Content, including but not limited to any\n                software, or (ii) secured from your employer a waiver as to all\n                rights in or to the Content;\n              </li>\n              <li>\n                you have fully complied with any third-party licenses relating to\n                the Content, and have done all things necessary to successfully pass\n                through to end users any required terms;\n              </li>\n              <li>\n                the Content does not contain or install any viruses, worms, malware,\n                Trojan horses or other harmful or destructive content;\n              </li>\n              <li>\n                the Content is not spam, is not machine or randomly generated and\n                does not contain unethical or unwanted commercial content designed\n                to drive traffic to third party sites or further unlawful acts;\n              </li>\n              <li>\n                your User Account is not getting advertised via unwanted electronic\n                messages such as spam links on newsgroups, email lists, other blogs\n                and websites, and similar unsolicited promotional methods;\n              </li>\n              <li>\n                your User Account is not named in a manner that misleads users into\n                thinking that you are another person or company;\n              </li>\n              <li>\n                the Content will not cause you or us to breach any law, regulation,\n                rule, code or other legal obligation; and\n              </li>\n              <li>the Content will not bring us, or the Site into disrepute.</li>\n            </ol>\n            <p></p>\n            <p>\n              By submitting Content for inclusion in your User Account or to the Site,\n              you grant us a worldwide, royalty free, and non-exclusive license to\n              use that content in any way (including without limitation, reproducing,\n              changing and communicating the Content) and permit us to authorise any\n              other person to do the same thing. If you delete any Content, we will\n              use reasonable efforts to remove it from the Site, but you acknowledge\n              that caching or references to the Content may not be made immediately\n              unavailable.\n            </p>\n            <p>\n              Without limiting any of those representations or warranties, we reserve\n              the right (though not the obligation) to, in our sole discretion\n            </p>\n            <ol>\n              <li>\n                refuse or remove any content that, in our reasonable opinion,\n                violates any of our policies or agreements or is in any way harmful\n                or objectionable, or\n              </li>\n              <li>\n                terminate or deny access to and use of the Service to any individual\n                or entity for any reason, in our sole discretion.\n              </li>\n            </ol>\n            <p></p>\n            <h3>Privacy</h3>\n            <p>\n              We get information about you in a range of ways. We collect your&lrm;\n              name,&lrm; email address and other information you directly give us on\n              our Site. We may get information about you from other sources. We may\n              add this to information we get from this Site. We may automatically log\n              information about you and your computer. We may log information using\n              \"cookies.\" Cookies are small data files stored on your hard drive by a\n              website. Cookies help us make our Site and your visit better. We use\n              cookies to see which parts of our Site people use and like and to count\n              visits to our Site. We may store your personal information along with\n              your files and data on a third party server such as Amazon Web Services;\n            </p>\n            <p>\n              We use your personal information to operate, maintain, and improve our\n              sites, products, and services. We use your personal information to\n              respond to comments and questions and provide customer service. We use\n              your personal information to provide and deliver products and services\n              customers request. We also use your personal information to send you\n              notifications about the service and to respond to customer support\n              requests. You can access and change your personal information by logging\n              in to your account settings page.\n            </p>\n            <p>\n              We may share personal information with your consent. For example, you\n              may let us share personal information with others for their own\n              marketing uses. Those uses will be subject to their privacy policies. We\n              may share personal information when we do a business deal, or negotiate\n              a business deal, involving sale or transfer of all or a part of our\n              business or assets. These deals can include any merger, financing,\n              acquisition, or bankruptcy transaction or proceeding. We may share\n              personal information for legal, protection, and safety purposes. We may\n              share information to comply with laws. We may share information to\n              respond to lawful requests and legal process. We may share information\n              to protect the rights, property or safety of the Service, our users,\n              customers, and others. This includes enforcing our agreements, policies,\n              and terms of use. We may share information in an emergency. We may share\n              information with those who need it to do work for us. We may also share\n              aggregated and/or anonymized data with others for their own uses.\n            </p>\n            <p>\n              Our marketing emails tell you how to \u201Copt-out.\u201D If you opt out, we may\n              still send you non-marketing emails. Non-marketing emails include emails\n              about your accounts and our business dealings with you.\n            </p>\n            <p>\n              You can typically remove and reject cookies from our Site with your\n              browser settings. Many browsers are set to accept cookies until you\n              change your settings. If you remove or reject our cookies, it could\n              affect how our Site works for you.\n            </p>\n            <p>\n              If {{ company_name }} sells all or part of its business or makes a sale\n              or transfer of its assets or is otherwise involved in a merger or\n              transfer of all or a material part of its business,\n              {{ company_name }} may transfer your information to the party or parties\n              involved in the transaction as part of that transaction.\n            </p>\n            <p>\n              {{ company_name }} uses a range of commercially reasonable measures to\n              safeguard Personal Information in its possession against loss, theft and\n              unauthorized use, disclosure or modification. However, no one can\n              guarantee the complete safety of your information. Please immediately\n              notify us if you believe there may be an issue or a problem regarding\n              the integrity of your information by contacting us.\n            </p>\n            <p>\n              In some cases, we may use an unaffiliated payment service to allow you\n              to purchase a product or make payments (\u201CPayment Service\u201D). If you wish\n              to purchase a product or make a payment in such a case, you will be\n              directed to a Payment Service webpage. Any information that you provide\n              to a Payment Service will be subject to the applicable Payment Service\u2019s\n              privacy policy, rather than this Privacy Policy. We have no control\n              over, and are not responsible for, any Payment Service\u2019s use of\n              information collected through any Payment Service.\n            </p>\n            <p>\n              The {{ company_name }} website may also be linked to sites operated by\n              third parties, and may carry advertisements or offer content,\n              functionality, games or applications developed and maintained by third\n              parties. Some of these third party sites may be co-branded with a\n              {{ company_name }} logo, even though they are not operated or maintained\n              by us.\n            </p>\n            <p>\n              {{ company_name }} is not responsible for the privacy practices of any\n              such third parties, and once you leave the {{ company_name }} website,\n              you should check the applicable privacy policy of the other service.\n            </p>\n            <h3>Questions &amp; Comments</h3>\n            <p>\n              If you have any questions about our Privacy Policy, please\n              <a href=\"mailto:{{ company_email }}\">let us know</a>.\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":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)}h1,h2,h3,h4,h5,h6{font-weight:600}h1{font-size:36px}.card{padding:10px 15px!important}.card ol li{padding-left:30px!important;position:relative;color:#000;font:14px/1.4 Roboto,sans-serif;margin:5px 0;padding-top:5px;padding-bottom:5px;padding-right:0}.card ol li ol.list-bullet li,.card ol li ul.list-bullet li{padding-left:0!important}.card ol li:before{font:400 16px/1.3 Roboto,sans-serif;left:0;position:absolute;top:4px}.card ol li h3{font:400 20px/1.3 Roboto,sans-serif;margin-bottom:15px}.card p{color:#000;font:14px/1.4 Roboto,sans-serif;margin:5px 0;padding:5px 0}.card p strong{font-family:Roboto,sans-serif}.banner{background:url(/assets/img/landing-page/header-bg.jpg) no-repeat center;background-size:cover;padding:0 0 130px}.terms-of-service h3{padding:5px 0 0!important}.terms-of-service ol{counter-reset:section;padding:0 5px 0 0!important}.terms-of-service ol li:before{content:counters(section,\".\") \". \";counter-increment:section;float:left;font-weight:600;padding:0 10px 0 0}.terms-of-service ol li ol li ol li:before,.terms-of-service ol li ol li ul li:before{content:\"\";counter-increment:none}li{padding:10px 0}.parent-ol>li:before{font-size:26px;margin-top:16px}ul.list-bullet,ol.list-bullet{list-style-type:disc;margin-left:20px}ul.list-bullet>li,ol.list-bullet>li{padding:0}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PrivacyPolicyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-privacy-policy', template: "<ng-container *ngIf=\"isPublic\">\n  <pw-landing-page-header [landing]=\"false\"></pw-landing-page-header>\n</ng-container>\n\n<div class=\"container pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div [ngClass]=\"{ 'mt-5': isPublic }\">\n        <div class=\"row\">\n          <div class=\"col-12 terms-of-service\">\n            <h1>Privacy policy</h1>\n            <div class=\"clearfix\"></div>\n            <h3>Your Content</h3>\n            <p>\n              If you operate a {{ company_name }} User Account, and/or comment on,\n              post material to, post links on or otherwise make (or allow any third\n              party to make) material available by means of the Website and or\n              Applications (collectively called \u201CContent\u201D), you are entirely\n              responsible for that Content and any harm resulting from that Content.\n              That is regardless of whether the Content in question constitutes (but\n              not limited to) text, graphics, an audio file or computer software. By\n              making Content available, you represent and warrant that:\n            </p>\n            <ol>\n              <li>\n                the Content is not considered to be obscene, inappropriate,\n                defamatory, disparaging, indecent, seditious, offensive,\n                pornographic, threatening, abusive, liable to incite racial hatred,\n                discriminatory, blasphemous, in breach of confidence or in breach of\n                privacy;\n              </li>\n              <li>\n                the downloading, copying and use of the Content will not infringe\n                the proprietary rights, including but not limited to the copyright,\n                patent, trademark or trade secret rights, of any third party;\n              </li>\n              <li>\n                if your employer has rights to intellectual property you create, you\n                have either (i) received permission from your employer to post or\n                make available the Content, including but not limited to any\n                software, or (ii) secured from your employer a waiver as to all\n                rights in or to the Content;\n              </li>\n              <li>\n                you have fully complied with any third-party licenses relating to\n                the Content, and have done all things necessary to successfully pass\n                through to end users any required terms;\n              </li>\n              <li>\n                the Content does not contain or install any viruses, worms, malware,\n                Trojan horses or other harmful or destructive content;\n              </li>\n              <li>\n                the Content is not spam, is not machine or randomly generated and\n                does not contain unethical or unwanted commercial content designed\n                to drive traffic to third party sites or further unlawful acts;\n              </li>\n              <li>\n                your User Account is not getting advertised via unwanted electronic\n                messages such as spam links on newsgroups, email lists, other blogs\n                and websites, and similar unsolicited promotional methods;\n              </li>\n              <li>\n                your User Account is not named in a manner that misleads users into\n                thinking that you are another person or company;\n              </li>\n              <li>\n                the Content will not cause you or us to breach any law, regulation,\n                rule, code or other legal obligation; and\n              </li>\n              <li>the Content will not bring us, or the Site into disrepute.</li>\n            </ol>\n            <p></p>\n            <p>\n              By submitting Content for inclusion in your User Account or to the Site,\n              you grant us a world-wide, royalty free, and non-exclusive license to\n              use that content in any way (including without limitation, reproducing,\n              changing and communicating the Content) and permit us to authorise any\n              other person to do the same thing. If you delete any Content, we will\n              use reasonable efforts to remove it from the Site, but you acknowledge\n              that caching or references to the Content may not be made immediately\n              unavailable.\n            </p>\n            <p>\n              Without limiting any of those representations or warranties, we reserve\n              the right (though not the obligation) to, in our sole discretion\n            </p>\n            <ol>\n              <li>\n                refuse or remove any content that, in our reasonable opinion,\n                violates any of our policies or agreements or is in any way harmful\n                or objectionable, or\n              </li>\n              <li>\n                terminate or deny access to and use of the Service to any individual\n                or entity for any reason, in our sole discretion.\n              </li>\n            </ol>\n            <p></p>\n            <h3>Privacy</h3>\n            <p>\n              We get information about you in a range of ways. We collect your&lrm;\n              name,&lrm; email address and other information you directly give us on\n              our Site. We may get information about you from other sources. We may\n              add this to information we get from this Site. We may automatically log\n              information about you and your computer. We may log information using\n              \"cookies.\" Cookies are small data files stored on your hard drive by a\n              website. Cookies help us make our Site and your visit better. We use\n              cookies to see which parts of our Site people use and like and to count\n              visits to our Site. We may store your personal information along with\n              your files and data on a third party server such as Amazon Web Services;\n            </p>\n            <p>\n              We use your personal information to operate, maintain, and improve our\n              sites, products, and services. We use your personal information to\n              respond to comments and questions and provide customer service. We use\n              your personal information to provide and deliver products and services\n              customers request. We also use your personal information to send you\n              notifications about the service and to respond to customer support\n              requests. You can access and change your personal information by logging\n              in to your account settings page.\n            </p>\n            <p>\n              We may share personal information with your consent. For example, you\n              may let us share personal information with others for their own\n              marketing uses. Those uses will be subject to their privacy policies. We\n              may share personal information when we do a business deal, or negotiate\n              a business deal, involving sale or transfer of all or a part of our\n              business or assets. These deals can include any merger, financing,\n              acquisition, or bankruptcy transaction or proceeding. We may share\n              personal information for legal, protection, and safety purposes. We may\n              share information to comply with laws. We may share information to\n              respond to lawful requests and legal process. We may share information\n              to protect the rights, property or safety of the Service, our users,\n              customers, and others. This includes enforcing our agreements, policies,\n              and terms of use. We may share information in an emergency. We may share\n              information with those who need it to do work for us. We may also share\n              aggregated and/or anonymized data with others for their own uses.\n            </p>\n            <p>\n              Our marketing emails tell you how to \u201Copt-out.\u201D If you opt out, we may\n              still send you non-marketing emails. Non-marketing emails include emails\n              about your accounts and our business dealings with you.\n            </p>\n            <p>\n              You can typically remove and reject cookies from our Site with your\n              browser settings. Many browsers are set to accept cookies until you\n              change your settings. If you remove or reject our cookies, it could\n              affect how our Site works for you.\n            </p>\n            <p>\n              If {{ company_name }} sells all or part of its business or makes a sale\n              or transfer of its assets or is otherwise involved in a merger or\n              transfer of all or a material part of its business,\n              {{ company_name }} may transfer your information to the party or parties\n              involved in the transaction as part of that transaction.\n            </p>\n            <p>\n              {{ company_name }} uses a range of commercially reasonable measures to\n              safeguard Personal Information in its possession against loss, theft and\n              unauthorized use, disclosure or modification. However, no one can\n              guarantee the complete safety of your information. Please immediately\n              notify us if you believe there may be an issue or a problem regarding\n              the integrity of your information by contacting us.\n            </p>\n            <p>\n              In some cases, we may use an unaffiliated payment service to allow you\n              to purchase a product or make payments (\u201CPayment Service\u201D). If you wish\n              to purchase a product or make a payment in such a case, you will be\n              directed to a Payment Service webpage. Any information that you provide\n              to a Payment Service will be subject to the applicable Payment Service\u2019s\n              privacy policy, rather than this Privacy Policy. We have no control\n              over, and are not responsible for, any Payment Service\u2019s use of\n              information collected through any Payment Service.\n            </p>\n            <p>\n              The {{ company_name }} website may also be linked to sites operated by\n              third parties, and may carry advertisements or offer content,\n              functionality, games or applications developed and maintained by third\n              parties. Some of these third party sites may be co-branded with a\n              {{ company_name }} logo, even though they are not operated or maintained\n              by us.\n            </p>\n            <p>\n              {{ company_name }} is not responsible for the privacy practices of any\n              such third parties, and once you leave the {{ company_name }} website,\n              you should check the applicable privacy policy of the other service.\n            </p>\n            <h3>Questions &amp; Comments</h3>\n            <p>\n              If you have any questions about our Privacy Policy, please\n              <a href=\"mailto:{{ company_email }}\">let us know</a>.\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":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)}h1,h2,h3,h4,h5,h6{font-weight:600}h1{font-size:36px}.card{padding:10px 15px!important}.card ol li{padding-left:30px!important;position:relative;color:#000;font:14px/1.4 Roboto,sans-serif;margin:5px 0;padding-top:5px;padding-bottom:5px;padding-right:0}.card ol li ol.list-bullet li,.card ol li ul.list-bullet li{padding-left:0!important}.card ol li:before{font:400 16px/1.3 Roboto,sans-serif;left:0;position:absolute;top:4px}.card ol li h3{font:400 20px/1.3 Roboto,sans-serif;margin-bottom:15px}.card p{color:#000;font:14px/1.4 Roboto,sans-serif;margin:5px 0;padding:5px 0}.card p strong{font-family:Roboto,sans-serif}.banner{background:url(/assets/img/landing-page/header-bg.jpg) no-repeat center;background-size:cover;padding:0 0 130px}.terms-of-service h3{padding:5px 0 0!important}.terms-of-service ol{counter-reset:section;padding:0 5px 0 0!important}.terms-of-service ol li:before{content:counters(section,\".\") \". \";counter-increment:section;float:left;font-weight:600;padding:0 10px 0 0}.terms-of-service ol li ol li ol li:before,.terms-of-service ol li ol li ul li:before{content:\"\";counter-increment:none}li{padding:10px 0}.parent-ol>li:before{font-size:26px;margin-top:16px}ul.list-bullet,ol.list-bullet{list-style-type:disc;margin-left:20px}ul.list-bullet>li,ol.list-bullet>li{padding:0}\n"] }]
+            args: [{ selector: 'pw-privacy-policy', template: "<ng-container *ngIf=\"isPublic\">\n  <pw-landing-page-header [landing]=\"false\"></pw-landing-page-header>\n</ng-container>\n\n<div class=\"container pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div [ngClass]=\"{ 'mt-5': isPublic }\">\n        <div class=\"row\">\n          <div class=\"col-12 terms-of-service\">\n            <h1>Privacy policy</h1>\n            <div class=\"clearfix\"></div>\n            <h3>Your Content</h3>\n            <p>\n              If you operate a {{ company_name }} User Account, and/or comment on,\n              post material to, post links on or otherwise make (or allow any third\n              party to make) material available by means of the Website and or\n              Applications (collectively called \u201CContent\u201D), you are entirely\n              responsible for that Content and any harm resulting from that Content.\n              That is regardless of whether the Content in question constitutes (but\n              not limited to) text, graphics, an audio file or computer software. By\n              making Content available, you represent and warrant that:\n            </p>\n            <ol>\n              <li>\n                the Content is not considered to be obscene, inappropriate,\n                defamatory, disparaging, indecent, seditious, offensive,\n                pornographic, threatening, abusive, liable to incite racial hatred,\n                discriminatory, blasphemous, in breach of confidence or in breach of\n                privacy;\n              </li>\n              <li>\n                the downloading, copying and use of the Content will not infringe\n                the proprietary rights, including but not limited to the copyright,\n                patent, trademark or trade secret rights, of any third party;\n              </li>\n              <li>\n                if your employer has rights to intellectual property you create, you\n                have either (i) received permission from your employer to post or\n                make available the Content, including but not limited to any\n                software, or (ii) secured from your employer a waiver as to all\n                rights in or to the Content;\n              </li>\n              <li>\n                you have fully complied with any third-party licenses relating to\n                the Content, and have done all things necessary to successfully pass\n                through to end users any required terms;\n              </li>\n              <li>\n                the Content does not contain or install any viruses, worms, malware,\n                Trojan horses or other harmful or destructive content;\n              </li>\n              <li>\n                the Content is not spam, is not machine or randomly generated and\n                does not contain unethical or unwanted commercial content designed\n                to drive traffic to third party sites or further unlawful acts;\n              </li>\n              <li>\n                your User Account is not getting advertised via unwanted electronic\n                messages such as spam links on newsgroups, email lists, other blogs\n                and websites, and similar unsolicited promotional methods;\n              </li>\n              <li>\n                your User Account is not named in a manner that misleads users into\n                thinking that you are another person or company;\n              </li>\n              <li>\n                the Content will not cause you or us to breach any law, regulation,\n                rule, code or other legal obligation; and\n              </li>\n              <li>the Content will not bring us, or the Site into disrepute.</li>\n            </ol>\n            <p></p>\n            <p>\n              By submitting Content for inclusion in your User Account or to the Site,\n              you grant us a worldwide, royalty free, and non-exclusive license to\n              use that content in any way (including without limitation, reproducing,\n              changing and communicating the Content) and permit us to authorise any\n              other person to do the same thing. If you delete any Content, we will\n              use reasonable efforts to remove it from the Site, but you acknowledge\n              that caching or references to the Content may not be made immediately\n              unavailable.\n            </p>\n            <p>\n              Without limiting any of those representations or warranties, we reserve\n              the right (though not the obligation) to, in our sole discretion\n            </p>\n            <ol>\n              <li>\n                refuse or remove any content that, in our reasonable opinion,\n                violates any of our policies or agreements or is in any way harmful\n                or objectionable, or\n              </li>\n              <li>\n                terminate or deny access to and use of the Service to any individual\n                or entity for any reason, in our sole discretion.\n              </li>\n            </ol>\n            <p></p>\n            <h3>Privacy</h3>\n            <p>\n              We get information about you in a range of ways. We collect your&lrm;\n              name,&lrm; email address and other information you directly give us on\n              our Site. We may get information about you from other sources. We may\n              add this to information we get from this Site. We may automatically log\n              information about you and your computer. We may log information using\n              \"cookies.\" Cookies are small data files stored on your hard drive by a\n              website. Cookies help us make our Site and your visit better. We use\n              cookies to see which parts of our Site people use and like and to count\n              visits to our Site. We may store your personal information along with\n              your files and data on a third party server such as Amazon Web Services;\n            </p>\n            <p>\n              We use your personal information to operate, maintain, and improve our\n              sites, products, and services. We use your personal information to\n              respond to comments and questions and provide customer service. We use\n              your personal information to provide and deliver products and services\n              customers request. We also use your personal information to send you\n              notifications about the service and to respond to customer support\n              requests. You can access and change your personal information by logging\n              in to your account settings page.\n            </p>\n            <p>\n              We may share personal information with your consent. For example, you\n              may let us share personal information with others for their own\n              marketing uses. Those uses will be subject to their privacy policies. We\n              may share personal information when we do a business deal, or negotiate\n              a business deal, involving sale or transfer of all or a part of our\n              business or assets. These deals can include any merger, financing,\n              acquisition, or bankruptcy transaction or proceeding. We may share\n              personal information for legal, protection, and safety purposes. We may\n              share information to comply with laws. We may share information to\n              respond to lawful requests and legal process. We may share information\n              to protect the rights, property or safety of the Service, our users,\n              customers, and others. This includes enforcing our agreements, policies,\n              and terms of use. We may share information in an emergency. We may share\n              information with those who need it to do work for us. We may also share\n              aggregated and/or anonymized data with others for their own uses.\n            </p>\n            <p>\n              Our marketing emails tell you how to \u201Copt-out.\u201D If you opt out, we may\n              still send you non-marketing emails. Non-marketing emails include emails\n              about your accounts and our business dealings with you.\n            </p>\n            <p>\n              You can typically remove and reject cookies from our Site with your\n              browser settings. Many browsers are set to accept cookies until you\n              change your settings. If you remove or reject our cookies, it could\n              affect how our Site works for you.\n            </p>\n            <p>\n              If {{ company_name }} sells all or part of its business or makes a sale\n              or transfer of its assets or is otherwise involved in a merger or\n              transfer of all or a material part of its business,\n              {{ company_name }} may transfer your information to the party or parties\n              involved in the transaction as part of that transaction.\n            </p>\n            <p>\n              {{ company_name }} uses a range of commercially reasonable measures to\n              safeguard Personal Information in its possession against loss, theft and\n              unauthorized use, disclosure or modification. However, no one can\n              guarantee the complete safety of your information. Please immediately\n              notify us if you believe there may be an issue or a problem regarding\n              the integrity of your information by contacting us.\n            </p>\n            <p>\n              In some cases, we may use an unaffiliated payment service to allow you\n              to purchase a product or make payments (\u201CPayment Service\u201D). If you wish\n              to purchase a product or make a payment in such a case, you will be\n              directed to a Payment Service webpage. Any information that you provide\n              to a Payment Service will be subject to the applicable Payment Service\u2019s\n              privacy policy, rather than this Privacy Policy. We have no control\n              over, and are not responsible for, any Payment Service\u2019s use of\n              information collected through any Payment Service.\n            </p>\n            <p>\n              The {{ company_name }} website may also be linked to sites operated by\n              third parties, and may carry advertisements or offer content,\n              functionality, games or applications developed and maintained by third\n              parties. Some of these third party sites may be co-branded with a\n              {{ company_name }} logo, even though they are not operated or maintained\n              by us.\n            </p>\n            <p>\n              {{ company_name }} is not responsible for the privacy practices of any\n              such third parties, and once you leave the {{ company_name }} website,\n              you should check the applicable privacy policy of the other service.\n            </p>\n            <h3>Questions &amp; Comments</h3>\n            <p>\n              If you have any questions about our Privacy Policy, please\n              <a href=\"mailto:{{ company_email }}\">let us know</a>.\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":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)}h1,h2,h3,h4,h5,h6{font-weight:600}h1{font-size:36px}.card{padding:10px 15px!important}.card ol li{padding-left:30px!important;position:relative;color:#000;font:14px/1.4 Roboto,sans-serif;margin:5px 0;padding-top:5px;padding-bottom:5px;padding-right:0}.card ol li ol.list-bullet li,.card ol li ul.list-bullet li{padding-left:0!important}.card ol li:before{font:400 16px/1.3 Roboto,sans-serif;left:0;position:absolute;top:4px}.card ol li h3{font:400 20px/1.3 Roboto,sans-serif;margin-bottom:15px}.card p{color:#000;font:14px/1.4 Roboto,sans-serif;margin:5px 0;padding:5px 0}.card p strong{font-family:Roboto,sans-serif}.banner{background:url(/assets/img/landing-page/header-bg.jpg) no-repeat center;background-size:cover;padding:0 0 130px}.terms-of-service h3{padding:5px 0 0!important}.terms-of-service ol{counter-reset:section;padding:0 5px 0 0!important}.terms-of-service ol li:before{content:counters(section,\".\") \". \";counter-increment:section;float:left;font-weight:600;padding:0 10px 0 0}.terms-of-service ol li ol li ol li:before,.terms-of-service ol li ol li ul li:before{content:\"\";counter-increment:none}li{padding:10px 0}.parent-ol>li:before{font-size:26px;margin-top:16px}ul.list-bullet,ol.list-bullet{list-style-type:disc;margin-left:20px}ul.list-bullet>li,ol.list-bullet>li{padding:0}\n"] }]
         }], propDecorators: { isPublic: [{
                 type: Input
             }] } });
@@ -1902,7 +1902,6 @@ class ResourceHeaderComponent extends AppBaseComponent {
         this.modalService.open(this.logoEditModal, { centered: true, size: 'md' });
     }
     onSaveLogo(event) {
-        console.log(this.isScrolled);
         const formData = new FormData();
         formData.append('subscription_id', this.id);
         if (event.file instanceof File) {
@@ -1945,9 +1944,41 @@ class ResourceHeaderComponent extends AppBaseComponent {
                         collapseElement.classList.remove('show');
                     }
                 }
+                // Close all dropdowns when scrolling
+                this.closeAllDropdowns();
             });
         }, 50);
     }
+    onDocumentClick(event) {
+        console.log('In Bus');
+        // Close all dropdowns when clicking outside
+        const target = event.target;
+        if (!target.closest('.nav-item') && !target.closest('.popup')) {
+            this.closeAllDropdowns();
+        }
+    }
+    closeAllDropdowns() {
+        console.log('In tluc');
+        if (this.navbarItems) {
+            this.navbarItems.forEach(item => {
+                if (item.open) {
+                    item.open = false;
+                }
+            });
+        }
+    }
+    openDropdown(item) {
+        // Close other dropdowns first
+        this.navbarItems.forEach(navItem => {
+            if (navItem !== item) {
+                navItem.open = false;
+            }
+        });
+        item.open = true;
+    }
+    onDropdownItemClick(item) {
+        item.open = false;
+    }
     openEditNavbarModal() {
         const navbarConfig = this.appConfig.pages_config?.navbar || {};
         navbarConfig.items = navbarConfig.items || [];
@@ -1997,11 +2028,11 @@ class ResourceHeaderComponent extends AppBaseComponent {
         moveItemInArray(this.editingNavbar.items[index].subtitles, event.previousIndex, event.currentIndex);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderComponent, deps: [{ token: i0.Injector }, { token: DOCUMENT }, { token: i1$3.AdminService }, { token: i2$1.NgbModal }], 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 }, { propertyName: "editNavbarModal", first: true, predicate: ["editNavbarModal"], descendants: true }, { propertyName: "logoEditModal", first: true, predicate: ["logoEditModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top cloudolive-nav-bg-color resource-header\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n\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\n    <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n    class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n    (click)=\"openLogoEditModal()\"\n    title=\"Edit Logo\"></i>\n\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-2 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\n        <div class=\"col-md-7 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\n          <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n          class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n          (click)=\"openEditNavbarModal()\"\n          title=\"Edit Navbar Links\"></i>\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\n\n\n<ng-template #editNavbarModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Navbar Links</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Navbar Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropNavbarItems($event)\">\n      <div *ngFor=\"let item of editingNavbar.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5 mb-2\">\n            <label class=\"form-label\">Title</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.title\" />\n          </div>\n          <div class=\"col-md-5 mb-2\">\n            <label class=\"form-label\">Path</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.path\" />\n          </div>\n          <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n            <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarItem(i)\"></i>\n            <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <div cdkDropList (cdkDropListDropped)=\"dropNavbarSubtitles(i, $event)\">\n          <div *ngFor=\"let sub of item.subtitles; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-5\">\n              <label class=\"form-label\">Subtitle Title</label>\n              <input class=\"form-control\" [(ngModel)]=\"sub.title\" />\n            </div>\n            <div class=\"col-md-5\">\n              <label class=\"form-label\">Subtitle Path</label>\n              <input class=\"form-control\" [(ngModel)]=\"sub.path\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarSubtitle(i, j)\"></i>\n              <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addNavbarSubtitle(i)\">\n          + Add Subtitle\n        </button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addNavbarItem()\">\n      + Add Navbar Item\n    </button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveNavbarLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n\n<ng-template #logoEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Logo</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <pw-custom-uploader\n      [title]=\"'Main Logo'\"\n      [controlName]=\"'logo_main'\"\n      [aspectRatio]=\"'fullLogo'\"\n      [previewData]=\"{ url: logo, name: 'logo_main.png' }\"\n      (saveEvent)=\"onSaveLogo($event)\">\n    </pw-custom-uploader>\n  </div>\n</ng-template>", 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}.logo_img{width:60%!important;min-width:159px!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\",sans-serif;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;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;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}.resource-header .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;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: i2$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.LazyImgDirective, selector: "img" }, { kind: "directive", type: i2$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { 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"] }, { kind: "component", type: CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceHeaderComponent, selector: "pw-resource-header", host: { listeners: { "window:scroll": "onScroll()", "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "navbarCollapse", first: true, predicate: ["collapsibleNavbar"], descendants: true }, { propertyName: "editNavbarModal", first: true, predicate: ["editNavbarModal"], descendants: true }, { propertyName: "logoEditModal", first: true, predicate: ["logoEditModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top cloudolive-nav-bg-color resource-header\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n\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\n    <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n    class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n    (click)=\"openLogoEditModal()\"\n    title=\"Edit Logo\"></i>\n\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-2 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\n        <div class=\"col-md-7 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\n          <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n          class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n          (click)=\"openEditNavbarModal()\"\n          title=\"Edit Navbar Links\"></i>\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <div class=\"dropdown-container\"\n                     (mouseenter)=\"openDropdown(item)\">\n                    <a\n                    class=\"nav-link\"\n                      href=\"javascript:void(0)\"\n                      [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\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                          (click)=\"onDropdownItemClick(item)\"\n                        >\n                          {{ sub.title }}\n                        </li>\n                    </ul>\n                  </div>\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\n\n\n<ng-template #editNavbarModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Navbar Links</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Navbar Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropNavbarItems($event)\">\n      <div *ngFor=\"let item of editingNavbar.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5 mb-2\">\n            <label class=\"form-label\">Title</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.title\" />\n          </div>\n          <div class=\"col-md-5 mb-2\">\n            <label class=\"form-label\">Path</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.path\" />\n          </div>\n          <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n            <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarItem(i)\"></i>\n            <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <div cdkDropList (cdkDropListDropped)=\"dropNavbarSubtitles(i, $event)\">\n          <div *ngFor=\"let sub of item.subtitles; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-5\">\n              <label class=\"form-label\">Subtitle Title</label>\n              <input class=\"form-control\" [(ngModel)]=\"sub.title\" />\n            </div>\n            <div class=\"col-md-5\">\n              <label class=\"form-label\">Subtitle Path</label>\n              <input class=\"form-control\" [(ngModel)]=\"sub.path\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarSubtitle(i, j)\"></i>\n              <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addNavbarSubtitle(i)\">\n          + Add Subtitle\n        </button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addNavbarItem()\">\n      + Add Navbar Item\n    </button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveNavbarLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n\n<ng-template #logoEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Logo</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <pw-custom-uploader\n      [title]=\"'Main Logo'\"\n      [controlName]=\"'logo_main'\"\n      [aspectRatio]=\"'fullLogo'\"\n      [previewData]=\"{ url: logo, name: 'logo_main.png' }\"\n      (saveEvent)=\"onSaveLogo($event)\">\n    </pw-custom-uploader>\n  </div>\n</ng-template>", 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}.logo_img{width:60%!important;min-width:159px!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\",sans-serif;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;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}.dropdown-container{position:relative;display:inline-block}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;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}.resource-header .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;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)}.dropdown-container{position:relative;display:inline-block}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}.dropdown-container{position:relative;display:inline-block}\n"], dependencies: [{ kind: "directive", type: i2$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.LazyImgDirective, selector: "img" }, { kind: "directive", type: i2$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { 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"] }, { kind: "component", type: CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }] }); }
 }
 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 resource-header\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n\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\n    <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n    class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n    (click)=\"openLogoEditModal()\"\n    title=\"Edit Logo\"></i>\n\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-2 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\n        <div class=\"col-md-7 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\n          <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n          class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n          (click)=\"openEditNavbarModal()\"\n          title=\"Edit Navbar Links\"></i>\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\n\n\n<ng-template #editNavbarModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Navbar Links</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Navbar Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropNavbarItems($event)\">\n      <div *ngFor=\"let item of editingNavbar.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5 mb-2\">\n            <label class=\"form-label\">Title</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.title\" />\n          </div>\n          <div class=\"col-md-5 mb-2\">\n            <label class=\"form-label\">Path</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.path\" />\n          </div>\n          <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n            <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarItem(i)\"></i>\n            <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <div cdkDropList (cdkDropListDropped)=\"dropNavbarSubtitles(i, $event)\">\n          <div *ngFor=\"let sub of item.subtitles; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-5\">\n              <label class=\"form-label\">Subtitle Title</label>\n              <input class=\"form-control\" [(ngModel)]=\"sub.title\" />\n            </div>\n            <div class=\"col-md-5\">\n              <label class=\"form-label\">Subtitle Path</label>\n              <input class=\"form-control\" [(ngModel)]=\"sub.path\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarSubtitle(i, j)\"></i>\n              <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addNavbarSubtitle(i)\">\n          + Add Subtitle\n        </button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addNavbarItem()\">\n      + Add Navbar Item\n    </button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveNavbarLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n\n<ng-template #logoEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Logo</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <pw-custom-uploader\n      [title]=\"'Main Logo'\"\n      [controlName]=\"'logo_main'\"\n      [aspectRatio]=\"'fullLogo'\"\n      [previewData]=\"{ url: logo, name: 'logo_main.png' }\"\n      (saveEvent)=\"onSaveLogo($event)\">\n    </pw-custom-uploader>\n  </div>\n</ng-template>", 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}.logo_img{width:60%!important;min-width:159px!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\",sans-serif;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;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;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}.resource-header .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;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 resource-header\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n\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\n    <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n    class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n    (click)=\"openLogoEditModal()\"\n    title=\"Edit Logo\"></i>\n\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-2 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\n        <div class=\"col-md-7 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\n          <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n          class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n          (click)=\"openEditNavbarModal()\"\n          title=\"Edit Navbar Links\"></i>\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <div class=\"dropdown-container\"\n                     (mouseenter)=\"openDropdown(item)\">\n                    <a\n                    class=\"nav-link\"\n                      href=\"javascript:void(0)\"\n                      [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\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                          (click)=\"onDropdownItemClick(item)\"\n                        >\n                          {{ sub.title }}\n                        </li>\n                    </ul>\n                  </div>\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\n\n\n<ng-template #editNavbarModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Navbar Links</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Navbar Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropNavbarItems($event)\">\n      <div *ngFor=\"let item of editingNavbar.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5 mb-2\">\n            <label class=\"form-label\">Title</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.title\" />\n          </div>\n          <div class=\"col-md-5 mb-2\">\n            <label class=\"form-label\">Path</label>\n            <input class=\"form-control\" [(ngModel)]=\"item.path\" />\n          </div>\n          <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n            <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarItem(i)\"></i>\n            <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <div cdkDropList (cdkDropListDropped)=\"dropNavbarSubtitles(i, $event)\">\n          <div *ngFor=\"let sub of item.subtitles; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-5\">\n              <label class=\"form-label\">Subtitle Title</label>\n              <input class=\"form-control\" [(ngModel)]=\"sub.title\" />\n            </div>\n            <div class=\"col-md-5\">\n              <label class=\"form-label\">Subtitle Path</label>\n              <input class=\"form-control\" [(ngModel)]=\"sub.path\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarSubtitle(i, j)\"></i>\n              <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addNavbarSubtitle(i)\">\n          + Add Subtitle\n        </button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addNavbarItem()\">\n      + Add Navbar Item\n    </button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveNavbarLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n\n<ng-template #logoEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Logo</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <pw-custom-uploader\n      [title]=\"'Main Logo'\"\n      [controlName]=\"'logo_main'\"\n      [aspectRatio]=\"'fullLogo'\"\n      [previewData]=\"{ url: logo, name: 'logo_main.png' }\"\n      (saveEvent)=\"onSaveLogo($event)\">\n    </pw-custom-uploader>\n  </div>\n</ng-template>", 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}.logo_img{width:60%!important;min-width:159px!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\",sans-serif;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;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}.dropdown-container{position:relative;display:inline-block}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;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}.resource-header .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;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)}.dropdown-container{position:relative;display:inline-block}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}.dropdown-container{position:relative;display:inline-block}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -2017,6 +2048,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
             }], onScroll: [{
                 type: HostListener,
                 args: ['window:scroll', []]
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
             }] } });
 
 class SplashComponent {
@@ -2090,9 +2124,11 @@ class SharedComponentsModule {
             GroupDefinitionComponent,
             NumberPickerComponent,
             HeaderComponent,
-            LandingPageFooterBComponent], imports: [FormsModule,
+            LandingPageFooterBComponent], imports: [NgbTooltipModule,
+            FormsModule,
             ButtonModule,
             DropdownModule,
+            NgbModalModule,
             AppLoaderModule,
             ReactiveFormsModule,
             DirectivesModule,
@@ -2103,9 +2139,9 @@ class SharedComponentsModule {
             AutoCompleteModule,
             DragDropModule, PipesModule,
             CommonModule,
-            NgbModule,
             UiSwitchModule,
-            NgIf], exports: [AbTestContainerComponent,
+            NgIf,
+            NgbNavModule], exports: [AbTestContainerComponent,
             AbAlternativeComponent,
             PasswordValidationComponent,
             CustomUploaderComponent,
@@ -2137,9 +2173,11 @@ class SharedComponentsModule {
             NumberPickerComponent,
             HeaderComponent,
             LandingPageFooterBComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SharedComponentsModule, imports: [FormsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SharedComponentsModule, imports: [NgbTooltipModule,
+            FormsModule,
             ButtonModule,
             DropdownModule,
+            NgbModalModule,
             AppLoaderModule,
             ReactiveFormsModule,
             DirectivesModule,
@@ -2149,8 +2187,8 @@ class SharedComponentsModule {
             primeNgModules,
             PipesModule,
             CommonModule,
-            NgbModule,
-            UiSwitchModule, ImageCropperModule, MultiSelectModule,
+            UiSwitchModule,
+            NgbNavModule, ImageCropperModule, MultiSelectModule,
             TabMenuModule,
             ProgressSpinnerModule,
             TableModule,
@@ -2190,9 +2228,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         LandingPageFooterBComponent
                     ],
                     imports: [
+                        NgbTooltipModule,
                         FormsModule,
                         ButtonModule,
                         DropdownModule,
+                        NgbModalModule,
                         AppLoaderModule,
                         ReactiveFormsModule,
                         DirectivesModule,
@@ -2202,9 +2242,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         primeNgModules,
                         PipesModule,
                         CommonModule,
-                        NgbModule,
                         UiSwitchModule,
-                        NgIf
+                        NgIf,
+                        NgbNavModule
                     ],
                     exports: [
                         AbTestContainerComponent,