@posiwise/admin-module 0.0.140 → 0.0.141

package/esm2022/lib/components/subscriptions/subscriptions-insight/subscription-insight-product-session/subscription-insight-product-session.component.mjs

@@ -4,13 +4,13 @@ import { SUBSCRIPTION_ANALYTICS_TYPES } from '@posiwise/common-utilities';
 import { AppBaseComponent } from '@posiwise/app-base-component';
 import { HelperService } from '@posiwise/helper-service';
 import { PermissionService } from '@posiwise/common-services';
+import { handleDateRangeSelection } from '@posiwise/utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@posiwise/admin-module-utils";
 import * as i2 from "angular-plotly.js";
 import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
+import * as i4 from "@posiwise/shared-components";
 import * as i5 from "primeng/progressspinner";
-import * as i6 from "@ng-bootstrap/ng-bootstrap";
 export class SubscriptionInsightProcuctSessionComponent extends AppBaseComponent {
     constructor(adminService, injector, cdr) {
         super(injector);
@@ -26,6 +26,8 @@ export class SubscriptionInsightProcuctSessionComponent extends AppBaseComponent
     }
     ngOnInit() {
         this.subscriptionId = PermissionService.selectedSubscription?.id;
+        this.dateRanges = HelperService.initializeDateRanges();
+        this.selectedDateRange = '';
         this.getChartData();
         this.userStore().subscribe(response => {
             this.currentUser = response;
@@ -35,7 +37,11 @@ export class SubscriptionInsightProcuctSessionComponent extends AppBaseComponent
     getChartData() {
         this.graphLoading = true;
         this.adminService
-            .getSubscriptionAnalytics(SUBSCRIPTION_ANALYTICS_TYPES.SESSION_COUNT, this.subscriptionId, this.startDate ? HelperService.dateFormat(this.startDate) : '', this.endDate ? HelperService.dateFormat(this.endDate) : '')
+            .getSubscriptionAnalytics(SUBSCRIPTION_ANALYTICS_TYPES.SESSION_COUNT, this.subscriptionId, this.selectedDateRange?.startDate
+            ? this.selectedDateRange.startDate.format('YYYY-MM-DD')
+            : '', this.selectedDateRange?.endDate
+            ? this.selectedDateRange.endDate.format('YYYY-MM-DD')
+            : '')
             .subscribe(response => {
             this.graph = response;
         })
@@ -43,22 +49,21 @@ export class SubscriptionInsightProcuctSessionComponent extends AppBaseComponent
             this.graphLoading = false;
         });
     }
-    onDateSelect() {
-        if (this.startDate && this.endDate) {
-            this.getChartData();
-        }
+    onDateRangeSelect(event) {
+        this.selectedDateRange = handleDateRangeSelection(event, this.selectedDateRange);
+        this.getChartData();
     }
     ngOnDestroy() {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionInsightProcuctSessionComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionInsightProcuctSessionComponent, selector: "pw-subscription-insight-product-session", viewQueries: [{ propertyName: "content", first: true, predicate: ["showComment"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- select date -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select a date</h5>\n  <div class=\"row\">\n    <!-- startDate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"graphLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\" [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", dependencies: [{ kind: "component", type: i2.PlotlyComponent, selector: "plotly-plot", inputs: ["data", "layout", "config", "frames", "style", "theme", "divId", "revision", "className", "debug", "useResizeHandler", "updateOnLayoutChange", "updateOnDataChange", "updateOnlyWithRevision"], outputs: ["initialized", "update", "purge", "error", "afterExport", "afterPlot", "animated", "animatingFrame", "animationInterrupted", "autoSize", "beforeExport", "beforeHover", "buttonClicked", "click", "plotlyClick", "clickAnnotation", "deselect", "doubleClick", "framework", "hover", "legendClick", "legendDoubleClick", "react", "relayout", "relayouting", "restyle", "redraw", "selected", "selecting", "sliderChange", "sliderEnd", "sliderStart", "sunburstclick", "transitioning", "transitionInterrupted", "unhover", "treemapclick", "webglcontextlost"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i6.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionInsightProcuctSessionComponent, selector: "pw-subscription-insight-product-session", viewQueries: [{ propertyName: "content", first: true, predicate: ["showComment"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<app-date-picker\n  [selectedDateRange]=\"selectedDateRange\"\n  [dateRanges]=\"dateRanges\"\n  (dateRangeChange)=\"onDateRangeSelect($event)\">\n</app-date-picker>\n<div class=\"w-100 text-center mt-3\" *ngIf=\"graphLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [config]=\"graph?.config\"\n    [layout]=\"graph?.layout\" [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", dependencies: [{ kind: "component", type: i2.PlotlyComponent, selector: "plotly-plot", inputs: ["data", "layout", "config", "frames", "style", "theme", "divId", "revision", "className", "debug", "useResizeHandler", "updateOnLayoutChange", "updateOnDataChange", "updateOnlyWithRevision"], outputs: ["initialized", "update", "purge", "error", "afterExport", "afterPlot", "animated", "animatingFrame", "animationInterrupted", "autoSize", "beforeExport", "beforeHover", "buttonClicked", "click", "plotlyClick", "clickAnnotation", "deselect", "doubleClick", "framework", "hover", "legendClick", "legendDoubleClick", "react", "relayout", "relayouting", "restyle", "redraw", "selected", "selecting", "sliderChange", "sliderEnd", "sliderStart", "sunburstclick", "transitioning", "transitionInterrupted", "unhover", "treemapclick", "webglcontextlost"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.DateRangePickerComponent, selector: "app-date-picker", inputs: ["selectedDateRange", "dateRanges"], outputs: ["dateRangeChange"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionInsightProcuctSessionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-subscription-insight-product-session', template: "<!-- select date -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select a date</h5>\n  <div class=\"row\">\n    <!-- startDate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"graphLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\" [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n" }]
+            args: [{ selector: 'pw-subscription-insight-product-session', template: "<app-date-picker\n  [selectedDateRange]=\"selectedDateRange\"\n  [dateRanges]=\"dateRanges\"\n  (dateRangeChange)=\"onDateRangeSelect($event)\">\n</app-date-picker>\n<div class=\"w-100 text-center mt-3\" *ngIf=\"graphLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [config]=\"graph?.config\"\n    [layout]=\"graph?.layout\" [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { content: [{
                 type: ViewChild,
                 args: ['showComment', { static: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLWluc2lnaHQtcHJvZHVjdC1zZXNzaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb24taW5zaWdodC1wcm9kdWN0LXNlc3Npb24vc3Vic2NyaXB0aW9uLWluc2lnaHQtcHJvZHVjdC1zZXNzaW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb24taW5zaWdodC1wcm9kdWN0LXNlc3Npb24vc3Vic2NyaXB0aW9uLWluc2lnaHQtcHJvZHVjdC1zZXNzaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULFFBQVEsRUFHUixXQUFXLEVBQ1gsU0FBUyxFQUNaLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsNEJBQTRCLEVBQWdCLE1BQU0sNEJBQTRCLENBQUM7QUFDeEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7OztBQU85RCxNQUFNLE9BQU8sMENBQ1QsU0FBUSxnQkFBZ0I7SUE2QnhCLFlBQ3FCLFlBQTBCLEVBQzNDLFFBQWtCLEVBQ0QsR0FBc0I7UUFFdkMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBSkMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFFMUIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUF2QjNDLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFFZixZQUFPLEdBQUcsSUFBSSxDQUFDO1FBRWYsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixTQUFJLEdBQUcsQ0FBQyxDQUFDO0lBb0JULENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLENBQUM7UUFDakUsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsNkNBQTZDO0lBQ3JDLFlBQVk7UUFDaEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLFlBQVk7YUFDWix3QkFBd0IsQ0FDckIsNEJBQTRCLENBQUMsYUFBYSxFQUMxQyxJQUFJLENBQUMsY0FBYyxFQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUM5RCxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUM3RDthQUNBLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNsQixJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQztRQUMxQixDQUFDLENBQUM7YUFDRCxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ04sSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDOUIsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3hCLENBQUM7SUFDTCxDQUFDO0lBRVEsV0FBVztRQUNoQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0E1RVEsMENBQTBDO21HQUExQywwQ0FBMEMsNE5DdkJ2RCxpbURBb0RBOzs0RkQ3QmEsMENBQTBDO2tCQUp0RCxTQUFTOytCQUNJLHlDQUF5Qzt3SUFPUCxPQUFPO3NCQUFsRCxTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0NoZWNrZWQsXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIEluamVjdG9yLFxuICAgIE9uRGVzdHJveSxcbiAgICBPbkluaXQsXG4gICAgVGVtcGxhdGVSZWYsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdiRGF0ZVN0cnVjdCB9IGZyb20gJ0BuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwJztcblxuaW1wb3J0IHsgQWRtaW5TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2FkbWluLW1vZHVsZS11dGlscyc7XG5pbXBvcnQgeyBTVUJTQ1JJUFRJT05fQU5BTFlUSUNTX1RZUEVTLCBQbG90bHksIFVzZXIgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5pbXBvcnQgeyBBcHBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHBvc2l3aXNlL2FwcC1iYXNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBIZWxwZXJTZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2hlbHBlci1zZXJ2aWNlJztcbmltcG9ydCB7IFBlcm1pc3Npb25TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5pbXBvcnQgeyBDb21tZW50Q29udGV4dCB9IGZyb20gJ2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvc2hhcmVkL2ludGVyZmFjZS9hZG1pbi1tb2R1bGUtc2hhcmVkLmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncHctc3Vic2NyaXB0aW9uLWluc2lnaHQtcHJvZHVjdC1zZXNzaW9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3Vic2NyaXB0aW9uLWluc2lnaHQtcHJvZHVjdC1zZXNzaW9uLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTdWJzY3JpcHRpb25JbnNpZ2h0UHJvY3VjdFNlc3Npb25Db21wb25lbnRcbiAgICBleHRlbmRzIEFwcEJhc2VDb21wb25lbnRcbiAgICBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBBZnRlclZpZXdDaGVja2VkXG57XG4gICAgQFZpZXdDaGlsZCgnc2hvd0NvbW1lbnQnLCB7IHN0YXRpYzogdHJ1ZSB9KSBjb250ZW50OiBUZW1wbGF0ZVJlZjxDb21tZW50Q29udGV4dD47XG5cbiAgICBncmFwaDogUGxvdGx5LkZpZ3VyZTtcblxuICAgIHRvdGFsUmVjb3JkczogbnVtYmVyO1xuXG4gICAgZmVlZGJhY2tzID0gW107XG5cbiAgICBsb2FkaW5nID0gdHJ1ZTtcblxuICAgIGlzTG9hZGVkID0gZmFsc2U7XG5cbiAgICBwYWdlID0gMTtcblxuICAgIGdyYXBoTG9hZGluZzogYm9vbGVhbjtcblxuICAgIHN1YnNjcmlwdGlvbklkOiBudW1iZXI7XG5cbiAgICBjdXJyZW50VXNlcjogVXNlcjtcblxuICAgIGNvbW1lbnRUb1Nob3c6IHN0cmluZztcblxuICAgIHN0YXJ0RGF0ZTogTmdiRGF0ZVN0cnVjdDtcblxuICAgIGVuZERhdGU6IE5nYkRhdGVTdHJ1Y3Q7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBhZG1pblNlcnZpY2U6IEFkbWluU2VydmljZSxcbiAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgICApIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcbiAgICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkID0gUGVybWlzc2lvblNlcnZpY2Uuc2VsZWN0ZWRTdWJzY3JpcHRpb24/LmlkO1xuICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgICAgICB0aGlzLnVzZXJTdG9yZSgpLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRVc2VyID0gcmVzcG9uc2U7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKiBGdW5jdGlvbiB0byBnZXQgdGhlIGRhdGEgZm9yIHRoZSBncmFwaCAqL1xuICAgIHByaXZhdGUgZ2V0Q2hhcnREYXRhKCkge1xuICAgICAgICB0aGlzLmdyYXBoTG9hZGluZyA9IHRydWU7XG4gICAgICAgIHRoaXMuYWRtaW5TZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0U3Vic2NyaXB0aW9uQW5hbHl0aWNzKFxuICAgICAgICAgICAgICAgIFNVQlNDUklQVElPTl9BTkFMWVRJQ1NfVFlQRVMuU0VTU0lPTl9DT1VOVCxcbiAgICAgICAgICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkLFxuICAgICAgICAgICAgICAgIHRoaXMuc3RhcnREYXRlID8gSGVscGVyU2VydmljZS5kYXRlRm9ybWF0KHRoaXMuc3RhcnREYXRlKSA6ICcnLFxuICAgICAgICAgICAgICAgIHRoaXMuZW5kRGF0ZSA/IEhlbHBlclNlcnZpY2UuZGF0ZUZvcm1hdCh0aGlzLmVuZERhdGUpIDogJydcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuZ3JhcGggPSByZXNwb25zZTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuYWRkKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmdyYXBoTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25EYXRlU2VsZWN0KCkge1xuICAgICAgICBpZiAodGhpcy5zdGFydERhdGUgJiYgdGhpcy5lbmREYXRlKSB7XG4gICAgICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgfVxufVxuIiwiPCEtLSBzZWxlY3QgZGF0ZSAtLT5cbjxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gIDxoNSBjbGFzcz1cIm1iLTRcIj5TZWxlY3QgYSBkYXRlPC9oNT5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDwhLS0gc3RhcnREYXRlIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgY29sLXNtLTNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cFwiPlxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwic3RhcnQgZGF0ZVwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJzdGFydERhdGVcIlxuICAgICAgICAgIChkYXRlU2VsZWN0KT1cIm9uRGF0ZVNlbGVjdCgpXCJcbiAgICAgICAgICBuZ2JEYXRlcGlja2VyXG4gICAgICAgICAgI2Q9XCJuZ2JEYXRlcGlja2VyXCIgLz5cbiAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwLWFwcGVuZFwiPlxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidG4gYnRuLXByaW1hcnlcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImQudG9nZ2xlKClcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1jYWxlbmRhclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8IS0tIGVuZCBkYXRlIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgY29sLXNtLTNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cFwiPlxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwiZW5kIGRhdGVcIlxuICAgICAgICAgIFsobmdNb2RlbCldPVwiZW5kRGF0ZVwiXG4gICAgICAgICAgKGRhdGVTZWxlY3QpPVwib25EYXRlU2VsZWN0KClcIlxuICAgICAgICAgIG5nYkRhdGVwaWNrZXJcbiAgICAgICAgICAjYz1cIm5nYkRhdGVwaWNrZXJcIiAvPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAtYXBwZW5kXCI+XG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiYy50b2dnbGUoKVwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWNhbGVuZGFyXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuPCEtLSBlbmQgLS0+XG48ZGl2IGNsYXNzPVwidy0xMDAgdGV4dC1jZW50ZXIgbXQtM1wiXG4gICpuZ0lmPVwiZ3JhcGhMb2FkaW5nXCI+XG4gIDxwLXByb2dyZXNzU3Bpbm5lciBzdHJva2VXaWR0aD1cIjJcIj4gPC9wLXByb2dyZXNzU3Bpbm5lcj5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgW25nSWZdPVwiZ3JhcGhcIj5cbiAgPHBsb3RseS1wbG90IFtkYXRhXT1cImdyYXBoPy5kYXRhXCJcbiAgICBbbGF5b3V0XT1cImdyYXBoPy5sYXlvdXRcIiBbdXNlUmVzaXplSGFuZGxlcl09XCJ0cnVlXCI+PC9wbG90bHktcGxvdD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLWluc2lnaHQtcHJvZHVjdC1zZXNzaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb24taW5zaWdodC1wcm9kdWN0LXNlc3Npb24vc3Vic2NyaXB0aW9uLWluc2lnaHQtcHJvZHVjdC1zZXNzaW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb24taW5zaWdodC1wcm9kdWN0LXNlc3Npb24vc3Vic2NyaXB0aW9uLWluc2lnaHQtcHJvZHVjdC1zZXNzaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULFFBQVEsRUFHUixXQUFXLEVBQ1gsU0FBUyxFQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsNEJBQTRCLEVBQWdCLE1BQU0sNEJBQTRCLENBQUM7QUFDeEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTlELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7Ozs7O0FBTTNELE1BQU0sT0FBTywwQ0FDVCxTQUFRLGdCQUFnQjtJQTZCeEIsWUFDcUIsWUFBMEIsRUFDM0MsUUFBa0IsRUFDRCxHQUFzQjtRQUV2QyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFKQyxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUUxQixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQXZCM0MsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUVmLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFFZixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLFNBQUksR0FBRyxDQUFDLENBQUM7SUFvQlQsQ0FBQztJQUVELGtCQUFrQjtRQUNkLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsY0FBYyxHQUFHLGlCQUFpQixDQUFDLG9CQUFvQixFQUFFLEVBQUUsQ0FBQztRQUNqRSxJQUFJLENBQUMsVUFBVSxHQUFHLGFBQWEsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQ3ZELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsNkNBQTZDO0lBQ3JDLFlBQVk7UUFDaEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLFlBQVk7YUFDWix3QkFBd0IsQ0FDckIsNEJBQTRCLENBQUMsYUFBYSxFQUMxQyxJQUFJLENBQUMsY0FBYyxFQUNuQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsU0FBUztZQUM3QixDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDO1lBQ3ZELENBQUMsQ0FBQyxFQUFFLEVBQ1IsSUFBSSxDQUFDLGlCQUFpQixFQUFFLE9BQU87WUFDM0IsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQztZQUNyRCxDQUFDLENBQUMsRUFBRSxDQUNYO2FBQ0EsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDO1FBQzFCLENBQUMsQ0FBQzthQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDTixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUM5QixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUEyRDtRQUN6RSxJQUFJLENBQUMsaUJBQWlCLEdBQUcsd0JBQXdCLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2pGLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRVEsV0FBVztRQUNoQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FqRlEsMENBQTBDO21HQUExQywwQ0FBMEMsNE5DdkJ2RCxpZkFjQTs7NEZEU2EsMENBQTBDO2tCQUp0RCxTQUFTOytCQUNJLHlDQUF5Qzt3SUFPUCxPQUFPO3NCQUFsRCxTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0NoZWNrZWQsXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIEluamVjdG9yLFxuICAgIE9uRGVzdHJveSxcbiAgICBPbkluaXQsXG4gICAgVGVtcGxhdGVSZWYsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBZG1pblNlcnZpY2UgfSBmcm9tICdAcG9zaXdpc2UvYWRtaW4tbW9kdWxlLXV0aWxzJztcbmltcG9ydCB7IFNVQlNDUklQVElPTl9BTkFMWVRJQ1NfVFlQRVMsIFBsb3RseSwgVXNlciB9IGZyb20gJ0Bwb3Npd2lzZS9jb21tb24tdXRpbGl0aWVzJztcbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcbmltcG9ydCB7IEhlbHBlclNlcnZpY2UgfSBmcm9tICdAcG9zaXdpc2UvaGVscGVyLXNlcnZpY2UnO1xuaW1wb3J0IHsgUGVybWlzc2lvblNlcnZpY2UgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXNlcnZpY2VzJztcbmltcG9ydCB7IENvbW1lbnRDb250ZXh0IH0gZnJvbSAnbGlicy9hZG1pbi1tb2R1bGUvc3JjL2xpYi9zaGFyZWQvaW50ZXJmYWNlL2FkbWluLW1vZHVsZS1zaGFyZWQuaW50ZXJmYWNlJztcbmltcG9ydCB7IGhhbmRsZURhdGVSYW5nZVNlbGVjdGlvbiB9IGZyb20gJ0Bwb3Npd2lzZS91dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncHctc3Vic2NyaXB0aW9uLWluc2lnaHQtcHJvZHVjdC1zZXNzaW9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3Vic2NyaXB0aW9uLWluc2lnaHQtcHJvZHVjdC1zZXNzaW9uLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTdWJzY3JpcHRpb25JbnNpZ2h0UHJvY3VjdFNlc3Npb25Db21wb25lbnRcbiAgICBleHRlbmRzIEFwcEJhc2VDb21wb25lbnRcbiAgICBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBBZnRlclZpZXdDaGVja2VkXG57XG4gICAgQFZpZXdDaGlsZCgnc2hvd0NvbW1lbnQnLCB7IHN0YXRpYzogdHJ1ZSB9KSBjb250ZW50OiBUZW1wbGF0ZVJlZjxDb21tZW50Q29udGV4dD47XG5cbiAgICBncmFwaDogUGxvdGx5LkZpZ3VyZTtcblxuICAgIHRvdGFsUmVjb3JkczogbnVtYmVyO1xuXG4gICAgZmVlZGJhY2tzID0gW107XG5cbiAgICBsb2FkaW5nID0gdHJ1ZTtcblxuICAgIGlzTG9hZGVkID0gZmFsc2U7XG5cbiAgICBwYWdlID0gMTtcblxuICAgIGdyYXBoTG9hZGluZzogYm9vbGVhbjtcblxuICAgIHN1YnNjcmlwdGlvbklkOiBudW1iZXI7XG5cbiAgICBjdXJyZW50VXNlcjogVXNlcjtcblxuICAgIGNvbW1lbnRUb1Nob3c6IHN0cmluZztcblxuICAgIHNlbGVjdGVkRGF0ZVJhbmdlO1xuXG4gICAgZGF0ZVJhbmdlcztcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGFkbWluU2VydmljZTogQWRtaW5TZXJ2aWNlLFxuICAgICAgICBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZlxuICAgICkge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdDaGVja2VkKCkge1xuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSBQZXJtaXNzaW9uU2VydmljZS5zZWxlY3RlZFN1YnNjcmlwdGlvbj8uaWQ7XG4gICAgICAgIHRoaXMuZGF0ZVJhbmdlcyA9IEhlbHBlclNlcnZpY2UuaW5pdGlhbGl6ZURhdGVSYW5nZXMoKTtcbiAgICAgICAgdGhpcy5zZWxlY3RlZERhdGVSYW5nZSA9ICcnO1xuICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgICAgICB0aGlzLnVzZXJTdG9yZSgpLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRVc2VyID0gcmVzcG9uc2U7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKiBGdW5jdGlvbiB0byBnZXQgdGhlIGRhdGEgZm9yIHRoZSBncmFwaCAqL1xuICAgIHByaXZhdGUgZ2V0Q2hhcnREYXRhKCkge1xuICAgICAgICB0aGlzLmdyYXBoTG9hZGluZyA9IHRydWU7XG4gICAgICAgIHRoaXMuYWRtaW5TZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0U3Vic2NyaXB0aW9uQW5hbHl0aWNzKFxuICAgICAgICAgICAgICAgIFNVQlNDUklQVElPTl9BTkFMWVRJQ1NfVFlQRVMuU0VTU0lPTl9DT1VOVCxcbiAgICAgICAgICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkLFxuICAgICAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWREYXRlUmFuZ2U/LnN0YXJ0RGF0ZVxuICAgICAgICAgICAgICAgICAgICA/IHRoaXMuc2VsZWN0ZWREYXRlUmFuZ2Uuc3RhcnREYXRlLmZvcm1hdCgnWVlZWS1NTS1ERCcpXG4gICAgICAgICAgICAgICAgICAgIDogJycsXG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3RlZERhdGVSYW5nZT8uZW5kRGF0ZVxuICAgICAgICAgICAgICAgICAgICA/IHRoaXMuc2VsZWN0ZWREYXRlUmFuZ2UuZW5kRGF0ZS5mb3JtYXQoJ1lZWVktTU0tREQnKVxuICAgICAgICAgICAgICAgICAgICA6ICcnXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmdyYXBoID0gcmVzcG9uc2U7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgLmFkZCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5ncmFwaExvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uRGF0ZVJhbmdlU2VsZWN0KGV2ZW50OiB7IHN0YXJ0RGF0ZTogbW9tZW50Lk1vbWVudDsgZW5kRGF0ZTogbW9tZW50Lk1vbWVudCB9KSB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWREYXRlUmFuZ2UgPSBoYW5kbGVEYXRlUmFuZ2VTZWxlY3Rpb24oZXZlbnQsIHRoaXMuc2VsZWN0ZWREYXRlUmFuZ2UpO1xuICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgIH1cblxuICAgIG92ZXJyaWRlIG5nT25EZXN0cm95KCkge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIH1cbn1cbiIsIjxhcHAtZGF0ZS1waWNrZXJcbiAgW3NlbGVjdGVkRGF0ZVJhbmdlXT1cInNlbGVjdGVkRGF0ZVJhbmdlXCJcbiAgW2RhdGVSYW5nZXNdPVwiZGF0ZVJhbmdlc1wiXG4gIChkYXRlUmFuZ2VDaGFuZ2UpPVwib25EYXRlUmFuZ2VTZWxlY3QoJGV2ZW50KVwiPlxuPC9hcHAtZGF0ZS1waWNrZXI+XG48ZGl2IGNsYXNzPVwidy0xMDAgdGV4dC1jZW50ZXIgbXQtM1wiICpuZ0lmPVwiZ3JhcGhMb2FkaW5nXCI+XG4gIDxwLXByb2dyZXNzU3Bpbm5lciBzdHJva2VXaWR0aD1cIjJcIj4gPC9wLXByb2dyZXNzU3Bpbm5lcj5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgW25nSWZdPVwiZ3JhcGhcIj5cbiAgPHBsb3RseS1wbG90IFtkYXRhXT1cImdyYXBoPy5kYXRhXCJcbiAgICBbY29uZmlnXT1cImdyYXBoPy5jb25maWdcIlxuICAgIFtsYXlvdXRdPVwiZ3JhcGg/LmxheW91dFwiIFt1c2VSZXNpemVIYW5kbGVyXT1cInRydWVcIj48L3Bsb3RseS1wbG90PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/lib/components/subscriptions/subscriptions-insight/subscription-insight-revenue/subscription-insight-revenue.component.mjs

@@ -4,13 +4,13 @@ import { AdminService } from '@posiwise/admin-module-utils';
 import { AppBaseComponent } from '@posiwise/app-base-component';
 import { HelperService } from '@posiwise/helper-service';
 import { PermissionService } from '@posiwise/common-services';
+import { handleDateRangeSelection } from '@posiwise/utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@posiwise/admin-module-utils";
 import * as i2 from "angular-plotly.js";
 import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
+import * as i4 from "@posiwise/shared-components";
 import * as i5 from "primeng/progressspinner";
-import * as i6 from "@ng-bootstrap/ng-bootstrap";
 export class SubscriptionInsightRevenueComponent extends AppBaseComponent {
     constructor(adminService, injector) {
         super(injector);
@@ -18,13 +18,19 @@ export class SubscriptionInsightRevenueComponent extends AppBaseComponent {
     }
     ngOnInit() {
         this.subscriptionId = PermissionService.selectedSubscription?.id;
+        this.dateRanges = HelperService.initializeDateRanges();
+        this.selectedDateRange = '';
         this.getChartData();
     }
     /** Function to get the data for the graph */
     getChartData() {
         this.loading = true;
         this.adminService
-            .getSubscriptionAnalytics(SUBSCRIPTION_ANALYTICS_TYPES.REVENUES, this.subscriptionId, this.startDate ? HelperService.dateFormat(this.startDate) : '', this.endDate ? HelperService.dateFormat(this.endDate) : '')
+            .getSubscriptionAnalytics(SUBSCRIPTION_ANALYTICS_TYPES.REVENUES, this.subscriptionId, this.selectedDateRange?.startDate
+            ? this.selectedDateRange.startDate.format('YYYY-MM-DD')
+            : '', this.selectedDateRange?.endDate
+            ? this.selectedDateRange.endDate.format('YYYY-MM-DD')
+            : '')
             .subscribe(response => {
             this.graph = response;
         })
@@ -32,19 +38,18 @@ export class SubscriptionInsightRevenueComponent extends AppBaseComponent {
             this.loading = false;
         });
     }
-    onDateSelect() {
-        if (this.startDate && this.endDate) {
-            this.getChartData();
-        }
+    onDateRangeSelect(event) {
+        this.selectedDateRange = handleDateRangeSelection(event, this.selectedDateRange);
+        this.getChartData();
     }
     ngOnDestroy() {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionInsightRevenueComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionInsightRevenueComponent, selector: "pw-subscription-insight-revenue", usesInheritance: true, ngImport: i0, template: "<!-- select date -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select a date</h5>\n  <div class=\"row\">\n    <!-- startDate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n  [layout]=\"graph?.layout\"\n  [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", dependencies: [{ kind: "component", type: i2.PlotlyComponent, selector: "plotly-plot", inputs: ["data", "layout", "config", "frames", "style", "theme", "divId", "revision", "className", "debug", "useResizeHandler", "updateOnLayoutChange", "updateOnDataChange", "updateOnlyWithRevision"], outputs: ["initialized", "update", "purge", "error", "afterExport", "afterPlot", "animated", "animatingFrame", "animationInterrupted", "autoSize", "beforeExport", "beforeHover", "buttonClicked", "click", "plotlyClick", "clickAnnotation", "deselect", "doubleClick", "framework", "hover", "legendClick", "legendDoubleClick", "react", "relayout", "relayouting", "restyle", "redraw", "selected", "selecting", "sliderChange", "sliderEnd", "sliderStart", "sunburstclick", "transitioning", "transitionInterrupted", "unhover", "treemapclick", "webglcontextlost"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i6.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionInsightRevenueComponent, selector: "pw-subscription-insight-revenue", usesInheritance: true, ngImport: i0, template: "<app-date-picker\n  [selectedDateRange]=\"selectedDateRange\"\n  [dateRanges]=\"dateRanges\"\n  (dateRangeChange)=\"onDateRangeSelect($event)\">\n</app-date-picker>\n<div class=\"w-100 text-center mt-3\" *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n  [layout]=\"graph?.layout\"\n  [config]=\"graph?.config\"\n  [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", dependencies: [{ kind: "component", type: i2.PlotlyComponent, selector: "plotly-plot", inputs: ["data", "layout", "config", "frames", "style", "theme", "divId", "revision", "className", "debug", "useResizeHandler", "updateOnLayoutChange", "updateOnDataChange", "updateOnlyWithRevision"], outputs: ["initialized", "update", "purge", "error", "afterExport", "afterPlot", "animated", "animatingFrame", "animationInterrupted", "autoSize", "beforeExport", "beforeHover", "buttonClicked", "click", "plotlyClick", "clickAnnotation", "deselect", "doubleClick", "framework", "hover", "legendClick", "legendDoubleClick", "react", "relayout", "relayouting", "restyle", "redraw", "selected", "selecting", "sliderChange", "sliderEnd", "sliderStart", "sunburstclick", "transitioning", "transitionInterrupted", "unhover", "treemapclick", "webglcontextlost"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.DateRangePickerComponent, selector: "app-date-picker", inputs: ["selectedDateRange", "dateRanges"], outputs: ["dateRangeChange"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionInsightRevenueComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-subscription-insight-revenue', template: "<!-- select date -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select a date</h5>\n  <div class=\"row\">\n    <!-- startDate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n  [layout]=\"graph?.layout\"\n  [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n" }]
+            args: [{ selector: 'pw-subscription-insight-revenue', template: "<app-date-picker\n  [selectedDateRange]=\"selectedDateRange\"\n  [dateRanges]=\"dateRanges\"\n  (dateRangeChange)=\"onDateRangeSelect($event)\">\n</app-date-picker>\n<div class=\"w-100 text-center mt-3\" *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n  [layout]=\"graph?.layout\"\n  [config]=\"graph?.config\"\n  [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i0.Injector }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLWluc2lnaHQtcmV2ZW51ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FkbWluLW1vZHVsZS9zcmMvbGliL2NvbXBvbmVudHMvc3Vic2NyaXB0aW9ucy9zdWJzY3JpcHRpb25zLWluc2lnaHQvc3Vic2NyaXB0aW9uLWluc2lnaHQtcmV2ZW51ZS9zdWJzY3JpcHRpb24taW5zaWdodC1yZXZlbnVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb24taW5zaWdodC1yZXZlbnVlL3N1YnNjcmlwdGlvbi1pbnNpZ2h0LXJldmVudWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBR3ZFLE9BQU8sRUFBRSw0QkFBNEIsRUFBVSxNQUFNLDRCQUE0QixDQUFDO0FBQ2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7O0FBTTlELE1BQU0sT0FBTyxtQ0FDVCxTQUFRLGdCQUFnQjtJQWF4QixZQUNxQixZQUEwQixFQUMzQyxRQUFrQjtRQUVsQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFIQyxpQkFBWSxHQUFaLFlBQVksQ0FBYztJQUkvQyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxjQUFjLEdBQUcsaUJBQWlCLENBQUMsb0JBQW9CLEVBQUUsRUFBRSxDQUFDO1FBQ2pFLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsNkNBQTZDO0lBQ3JDLFlBQVk7UUFDaEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVk7YUFDWix3QkFBd0IsQ0FDckIsNEJBQTRCLENBQUMsUUFBUSxFQUNyQyxJQUFJLENBQUMsY0FBYyxFQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUM5RCxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUM3RDthQUNBLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNsQixJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQztRQUMxQixDQUFDLENBQUM7YUFDRCxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3hCLENBQUM7SUFDTCxDQUFDO0lBRVEsV0FBVztRQUNoQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FwRFEsbUNBQW1DO21HQUFuQyxtQ0FBbUMsOEZDYmhELDJsREFvREE7OzRGRHZDYSxtQ0FBbUM7a0JBSi9DLFNBQVM7K0JBQ0ksaUNBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nYkRhdGVTdHJ1Y3QgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XG5cbmltcG9ydCB7IFNVQlNDUklQVElPTl9BTkFMWVRJQ1NfVFlQRVMsIFBsb3RseSB9IGZyb20gJ0Bwb3Npd2lzZS9jb21tb24tdXRpbGl0aWVzJztcbmltcG9ydCB7IEFkbWluU2VydmljZSB9IGZyb20gJ0Bwb3Npd2lzZS9hZG1pbi1tb2R1bGUtdXRpbHMnO1xuaW1wb3J0IHsgQXBwQmFzZUNvbXBvbmVudCB9IGZyb20gJ0Bwb3Npd2lzZS9hcHAtYmFzZS1jb21wb25lbnQnO1xuaW1wb3J0IHsgSGVscGVyU2VydmljZSB9IGZyb20gJ0Bwb3Npd2lzZS9oZWxwZXItc2VydmljZSc7XG5pbXBvcnQgeyBQZXJtaXNzaW9uU2VydmljZSB9IGZyb20gJ0Bwb3Npd2lzZS9jb21tb24tc2VydmljZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LXN1YnNjcmlwdGlvbi1pbnNpZ2h0LXJldmVudWUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdWJzY3JpcHRpb24taW5zaWdodC1yZXZlbnVlLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTdWJzY3JpcHRpb25JbnNpZ2h0UmV2ZW51ZUNvbXBvbmVudFxuICAgIGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudFxuICAgIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3lcbntcbiAgICBncmFwaDogUGxvdGx5LkZpZ3VyZTtcblxuICAgIHN1YnNjcmlwdGlvbklkOiBudW1iZXI7XG5cbiAgICBsb2FkaW5nOiBib29sZWFuO1xuXG4gICAgc3RhcnREYXRlOiBOZ2JEYXRlU3RydWN0O1xuXG4gICAgZW5kRGF0ZTogTmdiRGF0ZVN0cnVjdDtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGFkbWluU2VydmljZTogQWRtaW5TZXJ2aWNlLFxuICAgICAgICBpbmplY3RvcjogSW5qZWN0b3JcbiAgICApIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkID0gUGVybWlzc2lvblNlcnZpY2Uuc2VsZWN0ZWRTdWJzY3JpcHRpb24/LmlkO1xuICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgIH1cblxuICAgIC8qKiBGdW5jdGlvbiB0byBnZXQgdGhlIGRhdGEgZm9yIHRoZSBncmFwaCAqL1xuICAgIHByaXZhdGUgZ2V0Q2hhcnREYXRhKCkge1xuICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlO1xuICAgICAgICB0aGlzLmFkbWluU2VydmljZVxuICAgICAgICAgICAgLmdldFN1YnNjcmlwdGlvbkFuYWx5dGljcyhcbiAgICAgICAgICAgICAgICBTVUJTQ1JJUFRJT05fQU5BTFlUSUNTX1RZUEVTLlJFVkVOVUVTLFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQsXG4gICAgICAgICAgICAgICAgdGhpcy5zdGFydERhdGUgPyBIZWxwZXJTZXJ2aWNlLmRhdGVGb3JtYXQodGhpcy5zdGFydERhdGUpIDogJycsXG4gICAgICAgICAgICAgICAgdGhpcy5lbmREYXRlID8gSGVscGVyU2VydmljZS5kYXRlRm9ybWF0KHRoaXMuZW5kRGF0ZSkgOiAnJ1xuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5ncmFwaCA9IHJlc3BvbnNlO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5hZGQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25EYXRlU2VsZWN0KCkge1xuICAgICAgICBpZiAodGhpcy5zdGFydERhdGUgJiYgdGhpcy5lbmREYXRlKSB7XG4gICAgICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgfVxufVxuIiwiPCEtLSBzZWxlY3QgZGF0ZSAtLT5cbjxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gIDxoNSBjbGFzcz1cIm1iLTRcIj5TZWxlY3QgYSBkYXRlPC9oNT5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDwhLS0gc3RhcnREYXRlIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgY29sLXNtLTNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cFwiPlxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwic3RhcnQgZGF0ZVwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJzdGFydERhdGVcIlxuICAgICAgICAgIChkYXRlU2VsZWN0KT1cIm9uRGF0ZVNlbGVjdCgpXCJcbiAgICAgICAgICBuZ2JEYXRlcGlja2VyXG4gICAgICAgICAgI2Q9XCJuZ2JEYXRlcGlja2VyXCIgLz5cbiAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwLWFwcGVuZFwiPlxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidG4gYnRuLXByaW1hcnlcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImQudG9nZ2xlKClcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1jYWxlbmRhclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8IS0tIGVuZCBkYXRlIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgY29sLXNtLTNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cFwiPlxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwiZW5kIGRhdGVcIlxuICAgICAgICAgIFsobmdNb2RlbCldPVwiZW5kRGF0ZVwiXG4gICAgICAgICAgKGRhdGVTZWxlY3QpPVwib25EYXRlU2VsZWN0KClcIlxuICAgICAgICAgIG5nYkRhdGVwaWNrZXJcbiAgICAgICAgICAjYz1cIm5nYkRhdGVwaWNrZXJcIiAvPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAtYXBwZW5kXCI+XG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiYy50b2dnbGUoKVwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWNhbGVuZGFyXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuPCEtLSBlbmQgLS0+XG48ZGl2IGNsYXNzPVwidy0xMDAgdGV4dC1jZW50ZXIgbXQtM1wiXG4gICpuZ0lmPVwibG9hZGluZ1wiPlxuICA8cC1wcm9ncmVzc1NwaW5uZXIgc3Ryb2tlV2lkdGg9XCIyXCI+IDwvcC1wcm9ncmVzc1NwaW5uZXI+XG48L2Rpdj5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJncmFwaFwiPlxuICA8cGxvdGx5LXBsb3QgW2RhdGFdPVwiZ3JhcGg/LmRhdGFcIlxuICBbbGF5b3V0XT1cImdyYXBoPy5sYXlvdXRcIlxuICBbdXNlUmVzaXplSGFuZGxlcl09XCJ0cnVlXCI+PC9wbG90bHktcGxvdD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLWluc2lnaHQtcmV2ZW51ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FkbWluLW1vZHVsZS9zcmMvbGliL2NvbXBvbmVudHMvc3Vic2NyaXB0aW9ucy9zdWJzY3JpcHRpb25zLWluc2lnaHQvc3Vic2NyaXB0aW9uLWluc2lnaHQtcmV2ZW51ZS9zdWJzY3JpcHRpb24taW5zaWdodC1yZXZlbnVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb24taW5zaWdodC1yZXZlbnVlL3N1YnNjcmlwdGlvbi1pbnNpZ2h0LXJldmVudWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSw0QkFBNEIsRUFBVSxNQUFNLDRCQUE0QixDQUFDO0FBQ2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7QUFNM0QsTUFBTSxPQUFPLG1DQUNULFNBQVEsZ0JBQWdCO0lBYXhCLFlBQ3FCLFlBQTBCLEVBQzNDLFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUhDLGlCQUFZLEdBQVosWUFBWSxDQUFjO0lBSS9DLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLENBQUM7UUFDakUsSUFBSSxDQUFDLFVBQVUsR0FBRyxhQUFhLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztRQUN2RCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsNkNBQTZDO0lBQ3JDLFlBQVk7UUFDaEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVk7YUFDWix3QkFBd0IsQ0FDckIsNEJBQTRCLENBQUMsUUFBUSxFQUNyQyxJQUFJLENBQUMsY0FBYyxFQUNuQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsU0FBUztZQUM3QixDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDO1lBQ3ZELENBQUMsQ0FBQyxFQUFFLEVBQ1IsSUFBSSxDQUFDLGlCQUFpQixFQUFFLE9BQU87WUFDM0IsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQztZQUNyRCxDQUFDLENBQUMsRUFBRSxDQUNYO2FBQ0EsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDO1FBQzFCLENBQUMsQ0FBQzthQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUEyRDtRQUN6RSxJQUFJLENBQUMsaUJBQWlCLEdBQUcsd0JBQXdCLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2pGLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRVEsV0FBVztRQUNoQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0F6RFEsbUNBQW1DO21HQUFuQyxtQ0FBbUMsOEZDYmhELHllQWNBOzs0RkREYSxtQ0FBbUM7a0JBSi9DLFNBQVM7K0JBQ0ksaUNBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU1VCU0NSSVBUSU9OX0FOQUxZVElDU19UWVBFUywgUGxvdGx5IH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi11dGlsaXRpZXMnO1xuaW1wb3J0IHsgQWRtaW5TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2FkbWluLW1vZHVsZS11dGlscyc7XG5pbXBvcnQgeyBBcHBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHBvc2l3aXNlL2FwcC1iYXNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBIZWxwZXJTZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2hlbHBlci1zZXJ2aWNlJztcbmltcG9ydCB7IFBlcm1pc3Npb25TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5pbXBvcnQgeyBoYW5kbGVEYXRlUmFuZ2VTZWxlY3Rpb24gfSBmcm9tICdAcG9zaXdpc2UvdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LXN1YnNjcmlwdGlvbi1pbnNpZ2h0LXJldmVudWUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdWJzY3JpcHRpb24taW5zaWdodC1yZXZlbnVlLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTdWJzY3JpcHRpb25JbnNpZ2h0UmV2ZW51ZUNvbXBvbmVudFxuICAgIGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudFxuICAgIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3lcbntcbiAgICBncmFwaDogUGxvdGx5LkZpZ3VyZTtcblxuICAgIHN1YnNjcmlwdGlvbklkOiBudW1iZXI7XG5cbiAgICBsb2FkaW5nOiBib29sZWFuO1xuXG4gICAgc2VsZWN0ZWREYXRlUmFuZ2U7XG5cbiAgICBkYXRlUmFuZ2VzO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgYWRtaW5TZXJ2aWNlOiBBZG1pblNlcnZpY2UsXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvclxuICAgICkge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSBQZXJtaXNzaW9uU2VydmljZS5zZWxlY3RlZFN1YnNjcmlwdGlvbj8uaWQ7XG4gICAgICAgIHRoaXMuZGF0ZVJhbmdlcyA9IEhlbHBlclNlcnZpY2UuaW5pdGlhbGl6ZURhdGVSYW5nZXMoKTtcbiAgICAgICAgdGhpcy5zZWxlY3RlZERhdGVSYW5nZSA9ICcnO1xuICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgIH1cblxuICAgIC8qKiBGdW5jdGlvbiB0byBnZXQgdGhlIGRhdGEgZm9yIHRoZSBncmFwaCAqL1xuICAgIHByaXZhdGUgZ2V0Q2hhcnREYXRhKCkge1xuICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlO1xuICAgICAgICB0aGlzLmFkbWluU2VydmljZVxuICAgICAgICAgICAgLmdldFN1YnNjcmlwdGlvbkFuYWx5dGljcyhcbiAgICAgICAgICAgICAgICBTVUJTQ1JJUFRJT05fQU5BTFlUSUNTX1RZUEVTLlJFVkVOVUVTLFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQsXG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3RlZERhdGVSYW5nZT8uc3RhcnREYXRlXG4gICAgICAgICAgICAgICAgICAgID8gdGhpcy5zZWxlY3RlZERhdGVSYW5nZS5zdGFydERhdGUuZm9ybWF0KCdZWVlZLU1NLUREJylcbiAgICAgICAgICAgICAgICAgICAgOiAnJyxcbiAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdGVkRGF0ZVJhbmdlPy5lbmREYXRlXG4gICAgICAgICAgICAgICAgICAgID8gdGhpcy5zZWxlY3RlZERhdGVSYW5nZS5lbmREYXRlLmZvcm1hdCgnWVlZWS1NTS1ERCcpXG4gICAgICAgICAgICAgICAgICAgIDogJydcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuZ3JhcGggPSByZXNwb25zZTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuYWRkKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uRGF0ZVJhbmdlU2VsZWN0KGV2ZW50OiB7IHN0YXJ0RGF0ZTogbW9tZW50Lk1vbWVudDsgZW5kRGF0ZTogbW9tZW50Lk1vbWVudCB9KSB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWREYXRlUmFuZ2UgPSBoYW5kbGVEYXRlUmFuZ2VTZWxlY3Rpb24oZXZlbnQsIHRoaXMuc2VsZWN0ZWREYXRlUmFuZ2UpO1xuICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgIH1cblxuICAgIG92ZXJyaWRlIG5nT25EZXN0cm95KCkge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIH1cbn1cbiIsIjxhcHAtZGF0ZS1waWNrZXJcbiAgW3NlbGVjdGVkRGF0ZVJhbmdlXT1cInNlbGVjdGVkRGF0ZVJhbmdlXCJcbiAgW2RhdGVSYW5nZXNdPVwiZGF0ZVJhbmdlc1wiXG4gIChkYXRlUmFuZ2VDaGFuZ2UpPVwib25EYXRlUmFuZ2VTZWxlY3QoJGV2ZW50KVwiPlxuPC9hcHAtZGF0ZS1waWNrZXI+XG48ZGl2IGNsYXNzPVwidy0xMDAgdGV4dC1jZW50ZXIgbXQtM1wiICpuZ0lmPVwibG9hZGluZ1wiPlxuICA8cC1wcm9ncmVzc1NwaW5uZXIgc3Ryb2tlV2lkdGg9XCIyXCI+IDwvcC1wcm9ncmVzc1NwaW5uZXI+XG48L2Rpdj5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJncmFwaFwiPlxuICA8cGxvdGx5LXBsb3QgW2RhdGFdPVwiZ3JhcGg/LmRhdGFcIlxuICBbbGF5b3V0XT1cImdyYXBoPy5sYXlvdXRcIlxuICBbY29uZmlnXT1cImdyYXBoPy5jb25maWdcIlxuICBbdXNlUmVzaXplSGFuZGxlcl09XCJ0cnVlXCI+PC9wbG90bHktcGxvdD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/lib/components/subscriptions/subscriptions-insight/subscription-insight-tabs/subscription-insight-tabs.component.mjs

@@ -7,15 +7,16 @@ import * as i4 from "../subscription-insight-average-price/subscription-insight-
 import * as i5 from "../subscription-insight-product-session/subscription-insight-product-session.component";
 import * as i6 from "../subscription-insight-average-user/subscription-insight-average-user.component";
 import * as i7 from "../subscription-insight-revenue/subscription-insight-revenue.component";
+import * as i8 from "../subscription-insight-churn/subscription-insight-churn.component";
 export class SubscriptionInsightTabsComponent {
     constructor() {
         this.activeTab = 'growth';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionInsightTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionInsightTabsComponent, selector: "pw-admin-subscription-insight-tabs", ngImport: i0, template: "<div class=\"mb-3 title\">\n  <h2 class=\"card-title p-0\">Subscriptions Insight</h2>\n</div>\n\n<ul ngbNav\n  #nav=\"ngbNav\"\n  [(activeId)]=\"activeTab\"\n  [destroyOnHide]=\"true\"\n  class=\"nav-tabs\">\n  <li [ngbNavItem]=\"'growth'\">\n    <a ngbNavLink>Growth</a>\n    <ng-template ngbNavContent>\n      <pw-admin-subscription-insight></pw-admin-subscription-insight>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"'revenues'\">\n    <a ngbNavLink>Revenues</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-revenue></pw-subscription-insight-revenue>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"'nps'\">\n    <a ngbNavLink>Net Promoter Score</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-nps></pw-subscription-insight-nps>\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'ap'\">\n    <a ngbNavLink>Average Price</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-average-price />\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'ps'\">\n    <a ngbNavLink>Product Sessions</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-product-session />\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'aups'\">\n    <a ngbNavLink>Subscription Sessions</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-average-user />\n    </ng-template>\n  </li>\n</ul>\n\n<div [ngbNavOutlet]=\"nav\"></div>\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "directive", type: i1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i1.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "component", type: i2.InsightComponent, selector: "pw-admin-subscription-insight" }, { kind: "component", type: i3.SubscriptionInsightNpsComponent, selector: "pw-subscription-insight-nps" }, { kind: "component", type: i4.SubscriptionInsightAveragePriceComponent, selector: "pw-subscription-insight-average-price" }, { kind: "component", type: i5.SubscriptionInsightProcuctSessionComponent, selector: "pw-subscription-insight-product-session" }, { kind: "component", type: i6.SubscriptionInsightAverageUserComponent, selector: "pw-subscription-insight-average-user" }, { kind: "component", type: i7.SubscriptionInsightRevenueComponent, selector: "pw-subscription-insight-revenue" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionInsightTabsComponent, selector: "pw-admin-subscription-insight-tabs", ngImport: i0, template: "<div class=\"mb-3 title\">\n  <h2 class=\"card-title p-0\">Subscriptions Insight</h2>\n</div>\n\n<ul ngbNav\n  #nav=\"ngbNav\"\n  [(activeId)]=\"activeTab\"\n  [destroyOnHide]=\"true\"\n  class=\"nav-tabs\">\n  <li [ngbNavItem]=\"'growth'\">\n    <a ngbNavLink>Growth</a>\n    <ng-template ngbNavContent>\n      <pw-admin-subscription-insight></pw-admin-subscription-insight>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"'revenues'\">\n    <a ngbNavLink>Revenues</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-revenue></pw-subscription-insight-revenue>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"'nps'\">\n    <a ngbNavLink>Net Promoter Score</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-nps></pw-subscription-insight-nps>\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'ap'\">\n    <a ngbNavLink>Average Price</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-average-price />\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'ps'\">\n    <a ngbNavLink>Product Sessions</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-product-session />\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'aups'\">\n    <a ngbNavLink>Subscription Sessions</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-average-user />\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"'churn'\">\n    <a ngbNavLink>Churn</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-churn />\n    </ng-template>\n  </li>\n</ul>\n\n<div [ngbNavOutlet]=\"nav\"></div>\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "directive", type: i1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i1.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "component", type: i2.InsightComponent, selector: "pw-admin-subscription-insight" }, { kind: "component", type: i3.SubscriptionInsightNpsComponent, selector: "pw-subscription-insight-nps" }, { kind: "component", type: i4.SubscriptionInsightAveragePriceComponent, selector: "pw-subscription-insight-average-price" }, { kind: "component", type: i5.SubscriptionInsightProcuctSessionComponent, selector: "pw-subscription-insight-product-session" }, { kind: "component", type: i6.SubscriptionInsightAverageUserComponent, selector: "pw-subscription-insight-average-user" }, { kind: "component", type: i7.SubscriptionInsightRevenueComponent, selector: "pw-subscription-insight-revenue" }, { kind: "component", type: i8.SubscriptionInsightChurnComponent, selector: "pw-subscription-insight-churn" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionInsightTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-admin-subscription-insight-tabs', template: "<div class=\"mb-3 title\">\n  <h2 class=\"card-title p-0\">Subscriptions Insight</h2>\n</div>\n\n<ul ngbNav\n  #nav=\"ngbNav\"\n  [(activeId)]=\"activeTab\"\n  [destroyOnHide]=\"true\"\n  class=\"nav-tabs\">\n  <li [ngbNavItem]=\"'growth'\">\n    <a ngbNavLink>Growth</a>\n    <ng-template ngbNavContent>\n      <pw-admin-subscription-insight></pw-admin-subscription-insight>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"'revenues'\">\n    <a ngbNavLink>Revenues</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-revenue></pw-subscription-insight-revenue>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"'nps'\">\n    <a ngbNavLink>Net Promoter Score</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-nps></pw-subscription-insight-nps>\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'ap'\">\n    <a ngbNavLink>Average Price</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-average-price />\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'ps'\">\n    <a ngbNavLink>Product Sessions</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-product-session />\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'aups'\">\n    <a ngbNavLink>Subscription Sessions</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-average-user />\n    </ng-template>\n  </li>\n</ul>\n\n<div [ngbNavOutlet]=\"nav\"></div>\n", styles: [".title{height:30px}\n"] }]
+            args: [{ selector: 'pw-admin-subscription-insight-tabs', template: "<div class=\"mb-3 title\">\n  <h2 class=\"card-title p-0\">Subscriptions Insight</h2>\n</div>\n\n<ul ngbNav\n  #nav=\"ngbNav\"\n  [(activeId)]=\"activeTab\"\n  [destroyOnHide]=\"true\"\n  class=\"nav-tabs\">\n  <li [ngbNavItem]=\"'growth'\">\n    <a ngbNavLink>Growth</a>\n    <ng-template ngbNavContent>\n      <pw-admin-subscription-insight></pw-admin-subscription-insight>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"'revenues'\">\n    <a ngbNavLink>Revenues</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-revenue></pw-subscription-insight-revenue>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"'nps'\">\n    <a ngbNavLink>Net Promoter Score</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-nps></pw-subscription-insight-nps>\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'ap'\">\n    <a ngbNavLink>Average Price</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-average-price />\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'ps'\">\n    <a ngbNavLink>Product Sessions</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-product-session />\n    </ng-template>\n  </li>\n\n  <li [ngbNavItem]=\"'aups'\">\n    <a ngbNavLink>Subscription Sessions</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-average-user />\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"'churn'\">\n    <a ngbNavLink>Churn</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-insight-churn />\n    </ng-template>\n  </li>\n</ul>\n\n<div [ngbNavOutlet]=\"nav\"></div>\n", styles: [".title{height:30px}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLWluc2lnaHQtdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FkbWluLW1vZHVsZS9zcmMvbGliL2NvbXBvbmVudHMvc3Vic2NyaXB0aW9ucy9zdWJzY3JpcHRpb25zLWluc2lnaHQvc3Vic2NyaXB0aW9uLWluc2lnaHQtdGFicy9zdWJzY3JpcHRpb24taW5zaWdodC10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb24taW5zaWdodC10YWJzL3N1YnNjcmlwdGlvbi1pbnNpZ2h0LXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBTzFDLE1BQU0sT0FBTyxnQ0FBZ0M7SUFMN0M7UUFNSSxjQUFTLEdBQUcsUUFBUSxDQUFDO0tBQ3hCOytHQUZZLGdDQUFnQzttR0FBaEMsZ0NBQWdDLDBFQ1A3QyxzNENBbURBOzs0RkQ1Q2EsZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNJLG9DQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LWFkbWluLXN1YnNjcmlwdGlvbi1pbnNpZ2h0LXRhYnMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdWJzY3JpcHRpb24taW5zaWdodC10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi4vc3Vic2NyaXB0aW9ucy1pbnNpZ2h0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU3Vic2NyaXB0aW9uSW5zaWdodFRhYnNDb21wb25lbnQge1xuICAgIGFjdGl2ZVRhYiA9ICdncm93dGgnO1xufVxuIiwiPGRpdiBjbGFzcz1cIm1iLTMgdGl0bGVcIj5cbiAgPGgyIGNsYXNzPVwiY2FyZC10aXRsZSBwLTBcIj5TdWJzY3JpcHRpb25zIEluc2lnaHQ8L2gyPlxuPC9kaXY+XG5cbjx1bCBuZ2JOYXZcbiAgI25hdj1cIm5nYk5hdlwiXG4gIFsoYWN0aXZlSWQpXT1cImFjdGl2ZVRhYlwiXG4gIFtkZXN0cm95T25IaWRlXT1cInRydWVcIlxuICBjbGFzcz1cIm5hdi10YWJzXCI+XG4gIDxsaSBbbmdiTmF2SXRlbV09XCInZ3Jvd3RoJ1wiPlxuICAgIDxhIG5nYk5hdkxpbms+R3Jvd3RoPC9hPlxuICAgIDxuZy10ZW1wbGF0ZSBuZ2JOYXZDb250ZW50PlxuICAgICAgPHB3LWFkbWluLXN1YnNjcmlwdGlvbi1pbnNpZ2h0PjwvcHctYWRtaW4tc3Vic2NyaXB0aW9uLWluc2lnaHQ+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9saT5cbiAgPGxpIFtuZ2JOYXZJdGVtXT1cIidyZXZlbnVlcydcIj5cbiAgICA8YSBuZ2JOYXZMaW5rPlJldmVudWVzPC9hPlxuICAgIDxuZy10ZW1wbGF0ZSBuZ2JOYXZDb250ZW50PlxuICAgICAgPHB3LXN1YnNjcmlwdGlvbi1pbnNpZ2h0LXJldmVudWU+PC9wdy1zdWJzY3JpcHRpb24taW5zaWdodC1yZXZlbnVlPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvbGk+XG4gIDxsaSBbbmdiTmF2SXRlbV09XCInbnBzJ1wiPlxuICAgIDxhIG5nYk5hdkxpbms+TmV0IFByb21vdGVyIFNjb3JlPC9hPlxuICAgIDxuZy10ZW1wbGF0ZSBuZ2JOYXZDb250ZW50PlxuICAgICAgPHB3LXN1YnNjcmlwdGlvbi1pbnNpZ2h0LW5wcz48L3B3LXN1YnNjcmlwdGlvbi1pbnNpZ2h0LW5wcz5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2xpPlxuXG4gIDxsaSBbbmdiTmF2SXRlbV09XCInYXAnXCI+XG4gICAgPGEgbmdiTmF2TGluaz5BdmVyYWdlIFByaWNlPC9hPlxuICAgIDxuZy10ZW1wbGF0ZSBuZ2JOYXZDb250ZW50PlxuICAgICAgPHB3LXN1YnNjcmlwdGlvbi1pbnNpZ2h0LWF2ZXJhZ2UtcHJpY2UgLz5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2xpPlxuXG4gIDxsaSBbbmdiTmF2SXRlbV09XCIncHMnXCI+XG4gICAgPGEgbmdiTmF2TGluaz5Qcm9kdWN0IFNlc3Npb25zPC9hPlxuICAgIDxuZy10ZW1wbGF0ZSBuZ2JOYXZDb250ZW50PlxuICAgICAgPHB3LXN1YnNjcmlwdGlvbi1pbnNpZ2h0LXByb2R1Y3Qtc2Vzc2lvbiAvPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvbGk+XG5cbiAgPGxpIFtuZ2JOYXZJdGVtXT1cIidhdXBzJ1wiPlxuICAgIDxhIG5nYk5hdkxpbms+U3Vic2NyaXB0aW9uIFNlc3Npb25zPC9hPlxuICAgIDxuZy10ZW1wbGF0ZSBuZ2JOYXZDb250ZW50PlxuICAgICAgPHB3LXN1YnNjcmlwdGlvbi1pbnNpZ2h0LWF2ZXJhZ2UtdXNlciAvPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvbGk+XG48L3VsPlxuXG48ZGl2IFtuZ2JOYXZPdXRsZXRdPVwibmF2XCI+PC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLWluc2lnaHQtdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FkbWluLW1vZHVsZS9zcmMvbGliL2NvbXBvbmVudHMvc3Vic2NyaXB0aW9ucy9zdWJzY3JpcHRpb25zLWluc2lnaHQvc3Vic2NyaXB0aW9uLWluc2lnaHQtdGFicy9zdWJzY3JpcHRpb24taW5zaWdodC10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb24taW5zaWdodC10YWJzL3N1YnNjcmlwdGlvbi1pbnNpZ2h0LXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7OztBQU8xQyxNQUFNLE9BQU8sZ0NBQWdDO0lBTDdDO1FBTUksY0FBUyxHQUFHLFFBQVEsQ0FBQztLQUN4QjsrR0FGWSxnQ0FBZ0M7bUdBQWhDLGdDQUFnQywwRUNQN0MsMmlEQXlEQTs7NEZEbERhLGdDQUFnQztrQkFMNUMsU0FBUzsrQkFDSSxvQ0FBb0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy1hZG1pbi1zdWJzY3JpcHRpb24taW5zaWdodC10YWJzJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3Vic2NyaXB0aW9uLWluc2lnaHQtdGFicy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4uL3N1YnNjcmlwdGlvbnMtaW5zaWdodC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFN1YnNjcmlwdGlvbkluc2lnaHRUYWJzQ29tcG9uZW50IHtcbiAgICBhY3RpdmVUYWIgPSAnZ3Jvd3RoJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJtYi0zIHRpdGxlXCI+XG4gIDxoMiBjbGFzcz1cImNhcmQtdGl0bGUgcC0wXCI+U3Vic2NyaXB0aW9ucyBJbnNpZ2h0PC9oMj5cbjwvZGl2PlxuXG48dWwgbmdiTmF2XG4gICNuYXY9XCJuZ2JOYXZcIlxuICBbKGFjdGl2ZUlkKV09XCJhY3RpdmVUYWJcIlxuICBbZGVzdHJveU9uSGlkZV09XCJ0cnVlXCJcbiAgY2xhc3M9XCJuYXYtdGFic1wiPlxuICA8bGkgW25nYk5hdkl0ZW1dPVwiJ2dyb3d0aCdcIj5cbiAgICA8YSBuZ2JOYXZMaW5rPkdyb3d0aDwvYT5cbiAgICA8bmctdGVtcGxhdGUgbmdiTmF2Q29udGVudD5cbiAgICAgIDxwdy1hZG1pbi1zdWJzY3JpcHRpb24taW5zaWdodD48L3B3LWFkbWluLXN1YnNjcmlwdGlvbi1pbnNpZ2h0PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvbGk+XG4gIDxsaSBbbmdiTmF2SXRlbV09XCIncmV2ZW51ZXMnXCI+XG4gICAgPGEgbmdiTmF2TGluaz5SZXZlbnVlczwvYT5cbiAgICA8bmctdGVtcGxhdGUgbmdiTmF2Q29udGVudD5cbiAgICAgIDxwdy1zdWJzY3JpcHRpb24taW5zaWdodC1yZXZlbnVlPjwvcHctc3Vic2NyaXB0aW9uLWluc2lnaHQtcmV2ZW51ZT5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2xpPlxuICA8bGkgW25nYk5hdkl0ZW1dPVwiJ25wcydcIj5cbiAgICA8YSBuZ2JOYXZMaW5rPk5ldCBQcm9tb3RlciBTY29yZTwvYT5cbiAgICA8bmctdGVtcGxhdGUgbmdiTmF2Q29udGVudD5cbiAgICAgIDxwdy1zdWJzY3JpcHRpb24taW5zaWdodC1ucHM+PC9wdy1zdWJzY3JpcHRpb24taW5zaWdodC1ucHM+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9saT5cblxuICA8bGkgW25nYk5hdkl0ZW1dPVwiJ2FwJ1wiPlxuICAgIDxhIG5nYk5hdkxpbms+QXZlcmFnZSBQcmljZTwvYT5cbiAgICA8bmctdGVtcGxhdGUgbmdiTmF2Q29udGVudD5cbiAgICAgIDxwdy1zdWJzY3JpcHRpb24taW5zaWdodC1hdmVyYWdlLXByaWNlIC8+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9saT5cblxuICA8bGkgW25nYk5hdkl0ZW1dPVwiJ3BzJ1wiPlxuICAgIDxhIG5nYk5hdkxpbms+UHJvZHVjdCBTZXNzaW9uczwvYT5cbiAgICA8bmctdGVtcGxhdGUgbmdiTmF2Q29udGVudD5cbiAgICAgIDxwdy1zdWJzY3JpcHRpb24taW5zaWdodC1wcm9kdWN0LXNlc3Npb24gLz5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2xpPlxuXG4gIDxsaSBbbmdiTmF2SXRlbV09XCInYXVwcydcIj5cbiAgICA8YSBuZ2JOYXZMaW5rPlN1YnNjcmlwdGlvbiBTZXNzaW9uczwvYT5cbiAgICA8bmctdGVtcGxhdGUgbmdiTmF2Q29udGVudD5cbiAgICAgIDxwdy1zdWJzY3JpcHRpb24taW5zaWdodC1hdmVyYWdlLXVzZXIgLz5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2xpPlxuICA8bGkgW25nYk5hdkl0ZW1dPVwiJ2NodXJuJ1wiPlxuICAgIDxhIG5nYk5hdkxpbms+Q2h1cm48L2E+XG4gICAgPG5nLXRlbXBsYXRlIG5nYk5hdkNvbnRlbnQ+XG4gICAgICA8cHctc3Vic2NyaXB0aW9uLWluc2lnaHQtY2h1cm4gLz5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2xpPlxuPC91bD5cblxuPGRpdiBbbmdiTmF2T3V0bGV0XT1cIm5hdlwiPjwvZGl2PlxuIl19

package/esm2022/lib/components/subscriptions/subscriptions-insight/subscriptions-insight.component.mjs

@@ -4,13 +4,13 @@ import { SUBSCRIPTION_ANALYTICS_TYPES } from '@posiwise/common-utilities';
 import { AppBaseComponent } from '@posiwise/app-base-component';
 import { HelperService } from '@posiwise/helper-service';
 import { PermissionService } from '@posiwise/common-services';
+import { handleDateRangeSelection } from '@posiwise/utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@posiwise/admin-module-utils";
 import * as i2 from "angular-plotly.js";
 import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
+import * as i4 from "@posiwise/shared-components";
 import * as i5 from "primeng/progressspinner";
-import * as i6 from "@ng-bootstrap/ng-bootstrap";
 export class InsightComponent extends AppBaseComponent {
     constructor(adminService, injector) {
         super(injector);
@@ -18,13 +18,19 @@ export class InsightComponent extends AppBaseComponent {
     }
     ngOnInit() {
         this.subscriptionId = PermissionService.selectedSubscription?.id;
+        this.dateRanges = HelperService.initializeDateRanges();
+        this.selectedDateRange = '';
         this.getChartData();
     }
     /** Function to get the data for the graph */
     getChartData() {
         this.loading = true;
         this.adminService
-            .getSubscriptionAnalytics(SUBSCRIPTION_ANALYTICS_TYPES.SUBSCRIPTIONS, this.subscriptionId, this.startDate ? HelperService.dateFormat(this.startDate) : '', this.endDate ? HelperService.dateFormat(this.endDate) : '')
+            .getSubscriptionAnalytics(SUBSCRIPTION_ANALYTICS_TYPES.SUBSCRIPTIONS, this.subscriptionId, this.selectedDateRange?.startDate
+            ? this.selectedDateRange.startDate.format('YYYY-MM-DD')
+            : '', this.selectedDateRange?.endDate
+            ? this.selectedDateRange.endDate.format('YYYY-MM-DD')
+            : '')
             .subscribe(response => {
             this.graph = response;
         })
@@ -32,19 +38,18 @@ export class InsightComponent extends AppBaseComponent {
             this.loading = false;
         });
     }
-    onDateSelect() {
-        if (this.startDate && this.endDate) {
-            this.getChartData();
-        }
+    onDateRangeSelect(event) {
+        this.selectedDateRange = handleDateRangeSelection(event, this.selectedDateRange);
+        this.getChartData();
     }
     ngOnDestroy() {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InsightComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: InsightComponent, selector: "pw-admin-subscription-insight", usesInheritance: true, ngImport: i0, template: "<!-- select date -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select a date</h5>\n  <div class=\"row\">\n    <!-- start date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"\n    [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "component", type: i2.PlotlyComponent, selector: "plotly-plot", inputs: ["data", "layout", "config", "frames", "style", "theme", "divId", "revision", "className", "debug", "useResizeHandler", "updateOnLayoutChange", "updateOnDataChange", "updateOnlyWithRevision"], outputs: ["initialized", "update", "purge", "error", "afterExport", "afterPlot", "animated", "animatingFrame", "animationInterrupted", "autoSize", "beforeExport", "beforeHover", "buttonClicked", "click", "plotlyClick", "clickAnnotation", "deselect", "doubleClick", "framework", "hover", "legendClick", "legendDoubleClick", "react", "relayout", "relayouting", "restyle", "redraw", "selected", "selecting", "sliderChange", "sliderEnd", "sliderStart", "sunburstclick", "transitioning", "transitionInterrupted", "unhover", "treemapclick", "webglcontextlost"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i6.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: InsightComponent, selector: "pw-admin-subscription-insight", usesInheritance: true, ngImport: i0, template: "<app-date-picker\n[selectedDateRange]=\"selectedDateRange\"\n[dateRanges]=\"dateRanges\"\n(dateRangeChange)=\"onDateRangeSelect($event)\">\n</app-date-picker>\n<div class=\"w-100 text-center mt-3\" *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n<plotly-plot [data]=\"graph?.data\"\n  [layout]=\"graph?.layout\"\n  [config]=\"graph?.config\"\n  [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "component", type: i2.PlotlyComponent, selector: "plotly-plot", inputs: ["data", "layout", "config", "frames", "style", "theme", "divId", "revision", "className", "debug", "useResizeHandler", "updateOnLayoutChange", "updateOnDataChange", "updateOnlyWithRevision"], outputs: ["initialized", "update", "purge", "error", "afterExport", "afterPlot", "animated", "animatingFrame", "animationInterrupted", "autoSize", "beforeExport", "beforeHover", "buttonClicked", "click", "plotlyClick", "clickAnnotation", "deselect", "doubleClick", "framework", "hover", "legendClick", "legendDoubleClick", "react", "relayout", "relayouting", "restyle", "redraw", "selected", "selecting", "sliderChange", "sliderEnd", "sliderStart", "sunburstclick", "transitioning", "transitionInterrupted", "unhover", "treemapclick", "webglcontextlost"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.DateRangePickerComponent, selector: "app-date-picker", inputs: ["selectedDateRange", "dateRanges"], outputs: ["dateRangeChange"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InsightComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-admin-subscription-insight', template: "<!-- select date -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select a date</h5>\n  <div class=\"row\">\n    <!-- start date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"\n    [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"] }]
+            args: [{ selector: 'pw-admin-subscription-insight', template: "<app-date-picker\n[selectedDateRange]=\"selectedDateRange\"\n[dateRanges]=\"dateRanges\"\n(dateRangeChange)=\"onDateRangeSelect($event)\">\n</app-date-picker>\n<div class=\"w-100 text-center mt-3\" *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n<plotly-plot [data]=\"graph?.data\"\n  [layout]=\"graph?.layout\"\n  [config]=\"graph?.config\"\n  [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"] }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i0.Injector }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9ucy1pbnNpZ2h0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb25zLWluc2lnaHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZG1pbi1tb2R1bGUvc3JjL2xpYi9jb21wb25lbnRzL3N1YnNjcmlwdGlvbnMvc3Vic2NyaXB0aW9ucy1pbnNpZ2h0L3N1YnNjcmlwdGlvbnMtaW5zaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFHdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSw0QkFBNEIsRUFBVSxNQUFNLDRCQUE0QixDQUFDO0FBQ2xGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7Ozs7QUFPOUQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGdCQUFnQjtJQVdsRCxZQUNxQixZQUEwQixFQUMzQyxRQUFrQjtRQUVsQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFIQyxpQkFBWSxHQUFaLFlBQVksQ0FBYztJQUkvQyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxjQUFjLEdBQUcsaUJBQWlCLENBQUMsb0JBQW9CLEVBQUUsRUFBRSxDQUFDO1FBQ2pFLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsNkNBQTZDO0lBQ3JDLFlBQVk7UUFDaEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVk7YUFDWix3QkFBd0IsQ0FDckIsNEJBQTRCLENBQUMsYUFBYSxFQUMxQyxJQUFJLENBQUMsY0FBYyxFQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUM5RCxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUM3RDthQUNBLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNsQixJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQztRQUMxQixDQUFDLENBQUM7YUFDRCxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3hCLENBQUM7SUFDTCxDQUFDO0lBRVEsV0FBVztRQUNoQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FqRFEsZ0JBQWdCO21HQUFoQixnQkFBZ0IsNEZDZDdCLGdtREFvREE7OzRGRHRDYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0ksK0JBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nYkRhdGVTdHJ1Y3QgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XG5cbmltcG9ydCB7IEFkbWluU2VydmljZSB9IGZyb20gJ0Bwb3Npd2lzZS9hZG1pbi1tb2R1bGUtdXRpbHMnO1xuaW1wb3J0IHsgU1VCU0NSSVBUSU9OX0FOQUxZVElDU19UWVBFUywgUGxvdGx5IH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi11dGlsaXRpZXMnO1xuaW1wb3J0IHsgQXBwQmFzZUNvbXBvbmVudCB9IGZyb20gJ0Bwb3Npd2lzZS9hcHAtYmFzZS1jb21wb25lbnQnO1xuaW1wb3J0IHsgSGVscGVyU2VydmljZSB9IGZyb20gJ0Bwb3Npd2lzZS9oZWxwZXItc2VydmljZSc7XG5pbXBvcnQgeyBQZXJtaXNzaW9uU2VydmljZSB9IGZyb20gJ0Bwb3Npd2lzZS9jb21tb24tc2VydmljZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LWFkbWluLXN1YnNjcmlwdGlvbi1pbnNpZ2h0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3Vic2NyaXB0aW9ucy1pbnNpZ2h0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdWJzY3JpcHRpb25zLWluc2lnaHQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJbnNpZ2h0Q29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBncmFwaDogUGxvdGx5LkZpZ3VyZTtcblxuICAgIHN1YnNjcmlwdGlvbklkOiBudW1iZXI7XG5cbiAgICBsb2FkaW5nOiBib29sZWFuO1xuXG4gICAgc3RhcnREYXRlOiBOZ2JEYXRlU3RydWN0O1xuXG4gICAgZW5kRGF0ZTogTmdiRGF0ZVN0cnVjdDtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGFkbWluU2VydmljZTogQWRtaW5TZXJ2aWNlLFxuICAgICAgICBpbmplY3RvcjogSW5qZWN0b3JcbiAgICApIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkID0gUGVybWlzc2lvblNlcnZpY2Uuc2VsZWN0ZWRTdWJzY3JpcHRpb24/LmlkO1xuICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgIH1cblxuICAgIC8qKiBGdW5jdGlvbiB0byBnZXQgdGhlIGRhdGEgZm9yIHRoZSBncmFwaCAqL1xuICAgIHByaXZhdGUgZ2V0Q2hhcnREYXRhKCkge1xuICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlO1xuICAgICAgICB0aGlzLmFkbWluU2VydmljZVxuICAgICAgICAgICAgLmdldFN1YnNjcmlwdGlvbkFuYWx5dGljcyhcbiAgICAgICAgICAgICAgICBTVUJTQ1JJUFRJT05fQU5BTFlUSUNTX1RZUEVTLlNVQlNDUklQVElPTlMsXG4gICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCxcbiAgICAgICAgICAgICAgICB0aGlzLnN0YXJ0RGF0ZSA/IEhlbHBlclNlcnZpY2UuZGF0ZUZvcm1hdCh0aGlzLnN0YXJ0RGF0ZSkgOiAnJyxcbiAgICAgICAgICAgICAgICB0aGlzLmVuZERhdGUgPyBIZWxwZXJTZXJ2aWNlLmRhdGVGb3JtYXQodGhpcy5lbmREYXRlKSA6ICcnXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmdyYXBoID0gcmVzcG9uc2U7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgLmFkZCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvbkRhdGVTZWxlY3QoKSB7XG4gICAgICAgIGlmICh0aGlzLnN0YXJ0RGF0ZSAmJiB0aGlzLmVuZERhdGUpIHtcbiAgICAgICAgICAgIHRoaXMuZ2V0Q2hhcnREYXRhKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvdmVycmlkZSBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB9XG59XG4iLCI8IS0tIHNlbGVjdCBkYXRlIC0tPlxuPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgPGg1IGNsYXNzPVwibWItNFwiPlNlbGVjdCBhIGRhdGU8L2g1PlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPCEtLSBzdGFydCBkYXRlIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgY29sLXNtLTNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cFwiPlxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwic3RhcnQgZGF0ZVwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJzdGFydERhdGVcIlxuICAgICAgICAgIChkYXRlU2VsZWN0KT1cIm9uRGF0ZVNlbGVjdCgpXCJcbiAgICAgICAgICBuZ2JEYXRlcGlja2VyXG4gICAgICAgICAgI2Q9XCJuZ2JEYXRlcGlja2VyXCIgLz5cbiAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwLWFwcGVuZFwiPlxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidG4gYnRuLXByaW1hcnlcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImQudG9nZ2xlKClcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1jYWxlbmRhclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8IS0tIGVuZCBkYXRlIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgY29sLXNtLTNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cFwiPlxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwiZW5kIGRhdGVcIlxuICAgICAgICAgIFsobmdNb2RlbCldPVwiZW5kRGF0ZVwiXG4gICAgICAgICAgKGRhdGVTZWxlY3QpPVwib25EYXRlU2VsZWN0KClcIlxuICAgICAgICAgIG5nYkRhdGVwaWNrZXJcbiAgICAgICAgICAjYz1cIm5nYkRhdGVwaWNrZXJcIiAvPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAtYXBwZW5kXCI+XG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiYy50b2dnbGUoKVwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWNhbGVuZGFyXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuPCEtLSBlbmQgLS0+XG48ZGl2IGNsYXNzPVwidy0xMDAgdGV4dC1jZW50ZXIgbXQtM1wiXG4gICpuZ0lmPVwibG9hZGluZ1wiPlxuICA8cC1wcm9ncmVzc1NwaW5uZXIgc3Ryb2tlV2lkdGg9XCIyXCI+IDwvcC1wcm9ncmVzc1NwaW5uZXI+XG48L2Rpdj5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJncmFwaFwiPlxuICA8cGxvdGx5LXBsb3QgW2RhdGFdPVwiZ3JhcGg/LmRhdGFcIlxuICAgIFtsYXlvdXRdPVwiZ3JhcGg/LmxheW91dFwiXG4gICAgW3VzZVJlc2l6ZUhhbmRsZXJdPVwidHJ1ZVwiPjwvcGxvdGx5LXBsb3Q+XG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9ucy1pbnNpZ2h0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb25zLWluc2lnaHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZG1pbi1tb2R1bGUvc3JjL2xpYi9jb21wb25lbnRzL3N1YnNjcmlwdGlvbnMvc3Vic2NyaXB0aW9ucy1pbnNpZ2h0L3N1YnNjcmlwdGlvbnMtaW5zaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSw0QkFBNEIsRUFBVSxNQUFNLDRCQUE0QixDQUFDO0FBQ2xGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7OztBQU8zRCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZ0JBQWdCO0lBV2xELFlBQ3FCLFlBQTBCLEVBQzNDLFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUhDLGlCQUFZLEdBQVosWUFBWSxDQUFjO0lBSS9DLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLENBQUM7UUFDakUsSUFBSSxDQUFDLFVBQVUsR0FBRyxhQUFhLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztRQUN2RCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsNkNBQTZDO0lBQ3JDLFlBQVk7UUFDaEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVk7YUFDWix3QkFBd0IsQ0FDckIsNEJBQTRCLENBQUMsYUFBYSxFQUMxQyxJQUFJLENBQUMsY0FBYyxFQUNuQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsU0FBUztZQUM3QixDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDO1lBQ3ZELENBQUMsQ0FBQyxFQUFFLEVBQ1IsSUFBSSxDQUFDLGlCQUFpQixFQUFFLE9BQU87WUFDM0IsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQztZQUNyRCxDQUFDLENBQUMsRUFBRSxDQUNYO2FBQ0EsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDO1FBQzFCLENBQUMsQ0FBQzthQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUEyRDtRQUN6RSxJQUFJLENBQUMsaUJBQWlCLEdBQUcsd0JBQXdCLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2pGLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRVEsV0FBVztRQUNoQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0F0RFEsZ0JBQWdCO21HQUFoQixnQkFBZ0IsNEZDZDdCLGllQWNBOzs0RkRBYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0ksK0JBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQWRtaW5TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2FkbWluLW1vZHVsZS11dGlscyc7XG5pbXBvcnQgeyBTVUJTQ1JJUFRJT05fQU5BTFlUSUNTX1RZUEVTLCBQbG90bHkgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5pbXBvcnQgeyBBcHBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHBvc2l3aXNlL2FwcC1iYXNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBIZWxwZXJTZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2hlbHBlci1zZXJ2aWNlJztcbmltcG9ydCB7IFBlcm1pc3Npb25TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5pbXBvcnQgeyBoYW5kbGVEYXRlUmFuZ2VTZWxlY3Rpb24gfSBmcm9tICdAcG9zaXdpc2UvdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LWFkbWluLXN1YnNjcmlwdGlvbi1pbnNpZ2h0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3Vic2NyaXB0aW9ucy1pbnNpZ2h0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdWJzY3JpcHRpb25zLWluc2lnaHQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJbnNpZ2h0Q29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBncmFwaDogUGxvdGx5LkZpZ3VyZTtcblxuICAgIHN1YnNjcmlwdGlvbklkOiBudW1iZXI7XG5cbiAgICBsb2FkaW5nOiBib29sZWFuO1xuXG4gICAgc2VsZWN0ZWREYXRlUmFuZ2U7XG5cbiAgICBkYXRlUmFuZ2VzO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgYWRtaW5TZXJ2aWNlOiBBZG1pblNlcnZpY2UsXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvclxuICAgICkge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSBQZXJtaXNzaW9uU2VydmljZS5zZWxlY3RlZFN1YnNjcmlwdGlvbj8uaWQ7XG4gICAgICAgIHRoaXMuZGF0ZVJhbmdlcyA9IEhlbHBlclNlcnZpY2UuaW5pdGlhbGl6ZURhdGVSYW5nZXMoKTtcbiAgICAgICAgdGhpcy5zZWxlY3RlZERhdGVSYW5nZSA9ICcnO1xuICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgIH1cblxuICAgIC8qKiBGdW5jdGlvbiB0byBnZXQgdGhlIGRhdGEgZm9yIHRoZSBncmFwaCAqL1xuICAgIHByaXZhdGUgZ2V0Q2hhcnREYXRhKCkge1xuICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlO1xuICAgICAgICB0aGlzLmFkbWluU2VydmljZVxuICAgICAgICAgICAgLmdldFN1YnNjcmlwdGlvbkFuYWx5dGljcyhcbiAgICAgICAgICAgICAgICBTVUJTQ1JJUFRJT05fQU5BTFlUSUNTX1RZUEVTLlNVQlNDUklQVElPTlMsXG4gICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCxcbiAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdGVkRGF0ZVJhbmdlPy5zdGFydERhdGVcbiAgICAgICAgICAgICAgICAgICAgPyB0aGlzLnNlbGVjdGVkRGF0ZVJhbmdlLnN0YXJ0RGF0ZS5mb3JtYXQoJ1lZWVktTU0tREQnKVxuICAgICAgICAgICAgICAgICAgICA6ICcnLFxuICAgICAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWREYXRlUmFuZ2U/LmVuZERhdGVcbiAgICAgICAgICAgICAgICAgICAgPyB0aGlzLnNlbGVjdGVkRGF0ZVJhbmdlLmVuZERhdGUuZm9ybWF0KCdZWVlZLU1NLUREJylcbiAgICAgICAgICAgICAgICAgICAgOiAnJ1xuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5ncmFwaCA9IHJlc3BvbnNlO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5hZGQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25EYXRlUmFuZ2VTZWxlY3QoZXZlbnQ6IHsgc3RhcnREYXRlOiBtb21lbnQuTW9tZW50OyBlbmREYXRlOiBtb21lbnQuTW9tZW50IH0pIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZERhdGVSYW5nZSA9IGhhbmRsZURhdGVSYW5nZVNlbGVjdGlvbihldmVudCwgdGhpcy5zZWxlY3RlZERhdGVSYW5nZSk7XG4gICAgICAgIHRoaXMuZ2V0Q2hhcnREYXRhKCk7XG4gICAgfVxuXG4gICAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgfVxufVxuIiwiPGFwcC1kYXRlLXBpY2tlclxuW3NlbGVjdGVkRGF0ZVJhbmdlXT1cInNlbGVjdGVkRGF0ZVJhbmdlXCJcbltkYXRlUmFuZ2VzXT1cImRhdGVSYW5nZXNcIlxuKGRhdGVSYW5nZUNoYW5nZSk9XCJvbkRhdGVSYW5nZVNlbGVjdCgkZXZlbnQpXCI+XG48L2FwcC1kYXRlLXBpY2tlcj5cbjxkaXYgY2xhc3M9XCJ3LTEwMCB0ZXh0LWNlbnRlciBtdC0zXCIgKm5nSWY9XCJsb2FkaW5nXCI+XG4gIDxwLXByb2dyZXNzU3Bpbm5lciBzdHJva2VXaWR0aD1cIjJcIj4gPC9wLXByb2dyZXNzU3Bpbm5lcj5cbjwvZGl2PlxuPG5nLXRlbXBsYXRlIFtuZ0lmXT1cImdyYXBoXCI+XG48cGxvdGx5LXBsb3QgW2RhdGFdPVwiZ3JhcGg/LmRhdGFcIlxuICBbbGF5b3V0XT1cImdyYXBoPy5sYXlvdXRcIlxuICBbY29uZmlnXT1cImdyYXBoPy5jb25maWdcIlxuICBbdXNlUmVzaXplSGFuZGxlcl09XCJ0cnVlXCI+PC9wbG90bHktcGxvdD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/lib/components/subscriptions/subscriptions-list/invite-users/invite-users.component.mjs

@@ -219,7 +219,7 @@ export class InviteUsersComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InviteUsersComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.AdminService }, { token: i3.ProductService }, { token: i0.Injector }, { token: i3.CommonService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: InviteUsersComponent, selector: "pw-invite-users", viewQueries: [{ propertyName: "refProduct", first: true, predicate: ["refProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard user-details\">\n    <div class=\"dashboard-body\">\n\n      <div class=\"me-auto col-xs-6 mt-4\">\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=\"\">Invite New User</h3>\n          <p>Here you can send an invitation to a new user to try any of our products</p>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"row\">\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.FirstName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.FirstName' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"first_name\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.FirstName' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"first_name\"\n          [ngClass]=\"{\n                        'is-invalid':\n                            form.get('first_name').touched && form.get('first_name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.LastName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.LastName' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"last_name\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.LastName' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"last_name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('last_name').touched && form.get('last_name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.Email' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Email' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"email\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Email' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"email\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('email').touched && form.get('email').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.Product' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.SubscriptionProduct' | transloco\"\n        name=\"product_id\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n        <p-autoComplete #refProduct\n        [suggestions]=\"filteredProducts\"\n          formControlName=\"product_id\"\n          dataKey=\"id\"\n          field=\"label\"\n          [dropdown]=\"true\"\n          [delay]=\"1000\"\n          [type]=\"'search'\"\n          (completeMethod)=\"searchProduct($event)\"\n          (onSelect)=\"onProductChange($event)\"\n          (onClear)=\"onProductClear($event)\"\n          styleClass=\"w-100\"\n          placeholder=\"Search Product\"\n          [inputStyle]=\"\n                        form.get('product_id').touched && form.get('product_id').invalid\n                            ? { border: '1px solid #ff586b' }\n                            : { border: '1px solid gray' }\n                    \"\n          [multiple]=\"false\">\n        </p-autoComplete>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container label=\"{{'Label.Seats' | transloco}}{{unitsText}}\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Units' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"units\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Units' | transloco\">\n        <input type=\"number\"\n          class=\"form-control\"\n          formControlName=\"units\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('units').touched && form.get('units').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n        [showTooltip]=\"true\"\n        name=\"min_units\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n        <input type=\"number\"\n          min=\"0\"\n          [max]=\"form.get('units').value\"\n          class=\"form-control\"\n          formControlName=\"min_units\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationIndustries$ | async as industries\">\n      <pw-input-container [label]=\"'Organization.OrganizationIndustry' | transloco\"\n        name=\"organization_industry_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry'| transloco\">\n        <select formControlName=\"organization_industry_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of industries['organization_industries']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Organization.OrganizationName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationName'| transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('name').touched && form.get('name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationTypes$ | async as types\">\n      <pw-input-container [label]=\"'Organization.OrganizationType' | transloco\"\n        name=\"organization_type_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType'| transloco\">\n        <select formControlName=\"organization_type_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of types['organization_types']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationSizes$ | async as sizes\">\n      <pw-input-container [label]=\"'Organization.OrganizationSize' | transloco\"\n        name=\"organization_size_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize'| transloco\">\n        <select formControlName=\"organization_size_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of sizes['organization_sizes']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-12 text-end\">\n      <input type=\"button\"\n        class=\"btn btn-outline-primary me-3\"\n        value=\"Cancel\"\n        (click)=\"form.reset(); totalRecordsUnFiltered = 0; back()\" />\n      <button type=\"submit\"\n        [buttonBusy]=\"buttonBusy\"\n        [disabled]=\"buttonBusy\"\n        class=\"btn btn-primary\">Invite</button>\n    </div>\n  </div>\n</form>\n      </div>\n    </div>\n  </div>\n</div>", 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)}\n"], dependencies: [{ kind: "component", type: i4.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: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.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: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i7.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: InviteUsersComponent, selector: "pw-invite-users", viewQueries: [{ propertyName: "refProduct", first: true, predicate: ["refProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard user-details\">\n    <div class=\"dashboard-body\">\n\n      <div class=\"me-auto col-xs-6 mt-4\">\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=\"\">Invite New User</h3>\n          <p>Here you can send an invitation to a new user to try any of our products</p>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"row\">\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.FirstName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.FirstName' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"first_name\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.FirstName' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"first_name\"\n          [ngClass]=\"{\n                        'is-invalid':\n                            form.get('first_name').touched && form.get('first_name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.LastName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.LastName' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"last_name\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.LastName' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"last_name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('last_name').touched && form.get('last_name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.Email' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Email' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"email\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Email' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"email\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('email').touched && form.get('email').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.Product' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.SubscriptionProduct' | transloco\"\n        name=\"product_id\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n        <p-autoComplete #refProduct\n        [suggestions]=\"filteredProducts\"\n          formControlName=\"product_id\"\n          dataKey=\"id\"\n          field=\"label\"\n          [dropdown]=\"true\"\n          [delay]=\"1000\"\n          [type]=\"'search'\"\n          (completeMethod)=\"searchProduct($event)\"\n          (onSelect)=\"onProductChange($event)\"\n          (onClear)=\"onProductClear($event)\"\n          styleClass=\"w-100\"\n          placeholder=\"Search Product\"\n          [inputStyle]=\"\n                        form.get('product_id').touched && form.get('product_id').invalid\n                            ? { border: '1px solid #ff586b' }\n                            : { border: '1px solid gray' }\n                    \"\n          [multiple]=\"false\">\n        </p-autoComplete>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container label=\"{{'Label.Seats' | transloco}}{{unitsText}}\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Units' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"units\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Units' | transloco\">\n        <input type=\"number\"\n          class=\"form-control\"\n          formControlName=\"units\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('units').touched && form.get('units').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n        [showTooltip]=\"true\"\n        name=\"min_units\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n        <input type=\"number\"\n          min=\"0\"\n          [max]=\"form.get('units').value\"\n          class=\"form-control\"\n          formControlName=\"min_units\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationIndustries$ | async as industries\">\n      <pw-input-container [label]=\"'Organization.OrganizationIndustry' | transloco\"\n        name=\"organization_industry_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry'| transloco\">\n        <select formControlName=\"organization_industry_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of industries['organization_industries']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Organization.OrganizationName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationName'| transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('name').touched && form.get('name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationTypes$ | async as types\">\n      <pw-input-container [label]=\"'Organization.OrganizationType' | transloco\"\n        name=\"organization_type_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType'| transloco\">\n        <select formControlName=\"organization_type_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of types['organization_types']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationSizes$ | async as sizes\">\n      <pw-input-container [label]=\"'Organization.OrganizationSize' | transloco\"\n        name=\"organization_size_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize'| transloco\">\n        <select formControlName=\"organization_size_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of sizes['organization_sizes']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-12 text-end\">\n      <input type=\"button\"\n        class=\"btn btn-outline-primary me-3\"\n        value=\"Cancel\"\n        (click)=\"form.reset(); totalRecordsUnFiltered = 0; back()\" />\n      <button type=\"submit\"\n        [buttonBusy]=\"buttonBusy\"\n        [disabled]=\"buttonBusy\"\n        class=\"btn btn-primary\">Invite</button>\n    </div>\n  </div>\n</form>\n      </div>\n    </div>\n  </div>\n</div>", 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)}\n"], dependencies: [{ kind: "component", type: i4.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: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.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: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i7.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InviteUsersComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/tips/tip-detail/tip-detail.component.mjs

@@ -73,7 +73,7 @@ export class TipComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TipComponent, deps: [{ token: i1.TipsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TipComponent, selector: "pw-admin-tip", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\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=\"d-inline-block\">Tours</h3>\n      </div>\n\n      <div class=\"w-100 text-center mt-3\"\n            *ngIf=\"isLoading\">\n            <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n            </div>\n\n      <div class=\"p-2 mt-3\"  *ngIf=\"!isLoading\">\n        <div class=\"mb-3\">\n          <p>Example of \"instructions\":</p>\n          <pre class=\"json-example\">\n{{\n  '{\\n' +\n  \"  'steps': [\\n\" +\n  \"    {\\n\" +\n  \"      'title': 'Step 1',\\n\" +\n  \"      'content': '&lt;p&gt;&lt;strong&gt;PosiWise&lt;/strong&gt; welcomes you on board!&lt;/p&gt;',\\n\" +\n  \"      'target': 'user-message',\\n\" +\n  \"      'placement': 'bottom'\\n\" +\n  \"    },\\n\" +\n  \"    {\\n\" +\n  \"      'title': 'Step 2',\\n\" +\n  \"      'content': 'We have great features to showcase',\\n\" +\n  \"      'target': 'cards',\\n\" +\n  \"      'placement': 'bottom',\\n\" +\n  \"      'showPrevButton': true\\n\" +\n  \"    },\\n\" +\n  \"    {\\n\" +\n  \"      'title': 'Step 3',\\n\" +\n  \"      'content': 'Get Help',\\n\" +\n  \"      'target': 'step3',\\n\" +\n  \"      'placement': 'left',\\n\" +\n  \"      'showPrevButton': true\\n\" +\n  \"    }\\n\" +\n  \"  ]\\n\" +\n  '}'\n}}</pre>\n        </div>\n\n        <div class=\"mt-3\">\n          <form [formGroup]=\"form\" (ngSubmit)=\"onSave()\">\n            <div class=\"row\">\n              <div class=\"col-12 col-sm-12\">\n                <pw-input-container label=\"Name\" name=\"name\" errorMsg=\"Please enter Name\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"name\" id=\"name\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Instructions\" name=\"instructions\" errorMsg=\"Please enter steps\">\n                  <textarea type=\"text\" class=\"form-control bg-transparent\" formControlName=\"instructions\"\n                    [rows]=\"5\" [cols]=\"30\" pInputTextarea autoResize=\"autoResize\"></textarea>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"row\">\n              <div class=\"col-12 col-sm-12\">\n                <pw-input-container label=\"Is Active\" name=\"active\">\n                  <ui-switch class=\"d-block\" formControlName=\"active\" name=\"active\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"float-end mb-3 mt-4\">\n              <button type=\"button\" class=\"btn btn-outline-default me-2\" (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\" [buttonBusy]=\"buttonBusy\" *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n                class=\"btn btn-primary\">\n                {{ 'Button.Save' | transloco }}\n              </button>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".json-example{background-color:#f4f4f4;padding:15px;border-radius:5px;font-family:Courier New,Courier,monospace;white-space:pre-wrap;overflow-x:auto;color:#333;border:1px solid #ccc;max-height:300px;font-size:14px;line-height:1.6}pre{margin:0}.container-fluid .dashboard-body{padding:20px}form .form-group{margin-bottom:1.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i7.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i8.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TipComponent, selector: "pw-admin-tip", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\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=\"d-inline-block\">Tours</h3>\n      </div>\n\n      <div class=\"w-100 text-center mt-3\"\n            *ngIf=\"isLoading\">\n            <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n            </div>\n\n      <div class=\"p-2 mt-3\"  *ngIf=\"!isLoading\">\n        <div class=\"mb-3\">\n          <p>Example of \"instructions\":</p>\n          <pre class=\"json-example\">\n{{\n  '{\\n' +\n  \"  'steps': [\\n\" +\n  \"    {\\n\" +\n  \"      'title': 'Step 1',\\n\" +\n  \"      'content': '&lt;p&gt;&lt;strong&gt;PosiWise&lt;/strong&gt; welcomes you on board!&lt;/p&gt;',\\n\" +\n  \"      'target': 'user-message',\\n\" +\n  \"      'placement': 'bottom'\\n\" +\n  \"    },\\n\" +\n  \"    {\\n\" +\n  \"      'title': 'Step 2',\\n\" +\n  \"      'content': 'We have great features to showcase',\\n\" +\n  \"      'target': 'cards',\\n\" +\n  \"      'placement': 'bottom',\\n\" +\n  \"      'showPrevButton': true\\n\" +\n  \"    },\\n\" +\n  \"    {\\n\" +\n  \"      'title': 'Step 3',\\n\" +\n  \"      'content': 'Get Help',\\n\" +\n  \"      'target': 'step3',\\n\" +\n  \"      'placement': 'left',\\n\" +\n  \"      'showPrevButton': true\\n\" +\n  \"    }\\n\" +\n  \"  ]\\n\" +\n  '}'\n}}</pre>\n        </div>\n\n        <div class=\"mt-3\">\n          <form [formGroup]=\"form\" (ngSubmit)=\"onSave()\">\n            <div class=\"row\">\n              <div class=\"col-12 col-sm-12\">\n                <pw-input-container label=\"Name\" name=\"name\" errorMsg=\"Please enter Name\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"name\" id=\"name\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Instructions\" name=\"instructions\" errorMsg=\"Please enter steps\">\n                  <textarea type=\"text\" class=\"form-control bg-transparent\" formControlName=\"instructions\"\n                    [rows]=\"5\" [cols]=\"30\" pInputTextarea autoResize=\"autoResize\"></textarea>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"row\">\n              <div class=\"col-12 col-sm-12\">\n                <pw-input-container label=\"Is Active\" name=\"active\">\n                  <ui-switch class=\"d-block\" formControlName=\"active\" name=\"active\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"float-end mb-3 mt-4\">\n              <button type=\"button\" class=\"btn btn-outline-default me-2\" (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\" [buttonBusy]=\"buttonBusy\" *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n                class=\"btn btn-primary\">\n                {{ 'Button.Save' | transloco }}\n              </button>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".json-example{background-color:#f4f4f4;padding:15px;border-radius:5px;font-family:Courier New,Courier,monospace;white-space:pre-wrap;overflow-x:auto;color:#333;border:1px solid #ccc;max-height:300px;font-size:14px;line-height:1.6}pre{margin:0}.container-fluid .dashboard-body{padding:20px}form .form-group{margin-bottom:1.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i7.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i8.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),