npm - @posiwise/admin-module - Versions diffs - 0.0.67 → 0.0.68 - Mend

@posiwise/admin-module 0.0.67 → 0.0.68

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

Files changed (89) hide show

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

@@ -40,11 +40,11 @@ export class InsightComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", 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.1.1", type: InsightComponent, selector: "pw-admin-subscription-insight", usesInheritance: true, ngImport: i0, template: "<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select 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\"></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"] }, { 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", 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.2.2", 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 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\"></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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InsightComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: InsightComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-admin-subscription-insight', template: "<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select 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\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"] }]
+            args: [{ selector: 'pw-admin-subscription-insight', template: "<!-- select date -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select 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\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"] }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i0.Injector }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9ucy1pbnNpZ2h0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb25zLWluc2lnaHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZG1pbi1tb2R1bGUvc3JjL2xpYi9jb21wb25lbnRzL3N1YnNjcmlwdGlvbnMvc3Vic2NyaXB0aW9ucy1pbnNpZ2h0L3N1YnNjcmlwdGlvbnMtaW5zaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFHdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7Ozs7QUFPOUQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGdCQUFnQjtJQVdsRCxZQUFvQixZQUEwQixFQUFFLFFBQWtCO1FBQzlELEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQURBLGlCQUFZLEdBQVosWUFBWSxDQUFjO0lBRTlDLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLENBQUM7UUFDakUsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCw2Q0FBNkM7SUFDckMsWUFBWTtRQUNoQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWTthQUNaLHdCQUF3QixDQUNyQiw0QkFBNEIsQ0FBQyxhQUFhLEVBQzFDLElBQUksQ0FBQyxjQUFjLEVBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQzlELElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQzdEO2FBQ0EsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDO1FBQzFCLENBQUMsQ0FBQzthQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxZQUFZO1FBQ1IsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3ZCO0lBQ0wsQ0FBQztJQUVRLFdBQVc7UUFDaEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7OEdBOUNRLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLDRGQ2Y3QiwyakRBbURBOzsyRkRwQ2EsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNJLCtCQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ2JEYXRlU3RydWN0IH0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAnO1xuXG5pbXBvcnQgeyBBZG1pblNlcnZpY2UgfSBmcm9tICdAcG9zaXdpc2UvYWRtaW4tbW9kdWxlLXV0aWxzJztcbmltcG9ydCB7IFNVQlNDUklQVElPTl9BTkFMWVRJQ1NfVFlQRVMgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5pbXBvcnQgeyBBcHBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHBvc2l3aXNlL2FwcC1iYXNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBQbG90bHkgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5pbXBvcnQgeyBIZWxwZXJTZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2hlbHBlci1zZXJ2aWNlJztcbmltcG9ydCB7IFBlcm1pc3Npb25TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncHctYWRtaW4tc3Vic2NyaXB0aW9uLWluc2lnaHQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdWJzY3JpcHRpb25zLWluc2lnaHQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N1YnNjcmlwdGlvbnMtaW5zaWdodC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEluc2lnaHRDb21wb25lbnQgZXh0ZW5kcyBBcHBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIGdyYXBoOiBQbG90bHkuRmlndXJlO1xuXG4gICAgc3Vic2NyaXB0aW9uSWQ6IG51bWJlcjtcblxuICAgIGxvYWRpbmc6IGJvb2xlYW47XG5cbiAgICBzdGFydERhdGU6IE5nYkRhdGVTdHJ1Y3Q7XG5cbiAgICBlbmREYXRlOiBOZ2JEYXRlU3RydWN0O1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBhZG1pblNlcnZpY2U6IEFkbWluU2VydmljZSwgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCA9IFBlcm1pc3Npb25TZXJ2aWNlLnNlbGVjdGVkU3Vic2NyaXB0aW9uPy5pZDtcbiAgICAgICAgdGhpcy5nZXRDaGFydERhdGEoKTtcbiAgICB9XG5cbiAgICAvKiogRnVuY3Rpb24gdG8gZ2V0IHRoZSBkYXRhIGZvciB0aGUgZ3JhcGggKi9cbiAgICBwcml2YXRlIGdldENoYXJ0RGF0YSgpIHtcbiAgICAgICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5hZG1pblNlcnZpY2VcbiAgICAgICAgICAgIC5nZXRTdWJzY3JpcHRpb25BbmFseXRpY3MoXG4gICAgICAgICAgICAgICAgU1VCU0NSSVBUSU9OX0FOQUxZVElDU19UWVBFUy5TVUJTQ1JJUFRJT05TLFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQsXG4gICAgICAgICAgICAgICAgdGhpcy5zdGFydERhdGUgPyBIZWxwZXJTZXJ2aWNlLmRhdGVGb3JtYXQodGhpcy5zdGFydERhdGUpIDogJycsXG4gICAgICAgICAgICAgICAgdGhpcy5lbmREYXRlID8gSGVscGVyU2VydmljZS5kYXRlRm9ybWF0KHRoaXMuZW5kRGF0ZSkgOiAnJ1xuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5ncmFwaCA9IHJlc3BvbnNlO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5hZGQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25EYXRlU2VsZWN0KCkge1xuICAgICAgICBpZiAodGhpcy5zdGFydERhdGUgJiYgdGhpcy5lbmREYXRlKSB7XG4gICAgICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgfVxufVxuIiwiPCEtLSBzZWxlY3RkYXRlIC0tPlxuPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgPGg1IGNsYXNzPVwibWItNFwiPlNlbGVjdCBkYXRlPC9oNT5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDwhLS0gc3RhcnRkYXRlIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgY29sLXNtLTNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cFwiPlxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwic3RhcnQgZGF0ZVwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJzdGFydERhdGVcIlxuICAgICAgICAgIChkYXRlU2VsZWN0KT1cIm9uRGF0ZVNlbGVjdCgpXCJcbiAgICAgICAgICBuZ2JEYXRlcGlja2VyXG4gICAgICAgICAgI2Q9XCJuZ2JEYXRlcGlja2VyXCIgLz5cbiAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwLWFwcGVuZFwiPlxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidG4gYnRuLXByaW1hcnlcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImQudG9nZ2xlKClcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1jYWxlbmRhclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8IS0tIGVuZCBkYXRlIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgY29sLXNtLTNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cFwiPlxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwiZW5kIGRhdGVcIlxuICAgICAgICAgIFsobmdNb2RlbCldPVwiZW5kRGF0ZVwiXG4gICAgICAgICAgKGRhdGVTZWxlY3QpPVwib25EYXRlU2VsZWN0KClcIlxuICAgICAgICAgIG5nYkRhdGVwaWNrZXJcbiAgICAgICAgICAjYz1cIm5nYkRhdGVwaWNrZXJcIiAvPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAtYXBwZW5kXCI+XG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiYy50b2dnbGUoKVwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWNhbGVuZGFyXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuPCEtLSBlbmQgLS0+XG48ZGl2IGNsYXNzPVwidy0xMDAgdGV4dC1jZW50ZXIgbXQtM1wiXG4gICpuZ0lmPVwibG9hZGluZ1wiPlxuICA8cC1wcm9ncmVzc1NwaW5uZXIgc3Ryb2tlV2lkdGg9XCIyXCI+IDwvcC1wcm9ncmVzc1NwaW5uZXI+XG48L2Rpdj5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJncmFwaFwiPlxuICA8cGxvdGx5LXBsb3QgW2RhdGFdPVwiZ3JhcGg/LmRhdGFcIlxuICAgIFtsYXlvdXRdPVwiZ3JhcGg/LmxheW91dFwiPjwvcGxvdGx5LXBsb3Q+XG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9ucy1pbnNpZ2h0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbnMtaW5zaWdodC9zdWJzY3JpcHRpb25zLWluc2lnaHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZG1pbi1tb2R1bGUvc3JjL2xpYi9jb21wb25lbnRzL3N1YnNjcmlwdGlvbnMvc3Vic2NyaXB0aW9ucy1pbnNpZ2h0L3N1YnNjcmlwdGlvbnMtaW5zaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFHdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7Ozs7QUFPOUQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGdCQUFnQjtJQVdsRCxZQUFvQixZQUEwQixFQUFFLFFBQWtCO1FBQzlELEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQURBLGlCQUFZLEdBQVosWUFBWSxDQUFjO0lBRTlDLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLENBQUM7UUFDakUsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCw2Q0FBNkM7SUFDckMsWUFBWTtRQUNoQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWTthQUNaLHdCQUF3QixDQUNyQiw0QkFBNEIsQ0FBQyxhQUFhLEVBQzFDLElBQUksQ0FBQyxjQUFjLEVBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQzlELElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQzdEO2FBQ0EsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDO1FBQzFCLENBQUMsQ0FBQzthQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxZQUFZO1FBQ1IsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3ZCO0lBQ0wsQ0FBQztJQUVRLFdBQVc7UUFDaEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7OEdBOUNRLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLDRGQ2Y3Qiw2akRBbURBOzsyRkRwQ2EsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNJLCtCQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ2JEYXRlU3RydWN0IH0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAnO1xuXG5pbXBvcnQgeyBBZG1pblNlcnZpY2UgfSBmcm9tICdAcG9zaXdpc2UvYWRtaW4tbW9kdWxlLXV0aWxzJztcbmltcG9ydCB7IFNVQlNDUklQVElPTl9BTkFMWVRJQ1NfVFlQRVMgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5pbXBvcnQgeyBBcHBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHBvc2l3aXNlL2FwcC1iYXNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBQbG90bHkgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5pbXBvcnQgeyBIZWxwZXJTZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2hlbHBlci1zZXJ2aWNlJztcbmltcG9ydCB7IFBlcm1pc3Npb25TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncHctYWRtaW4tc3Vic2NyaXB0aW9uLWluc2lnaHQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdWJzY3JpcHRpb25zLWluc2lnaHQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N1YnNjcmlwdGlvbnMtaW5zaWdodC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEluc2lnaHRDb21wb25lbnQgZXh0ZW5kcyBBcHBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIGdyYXBoOiBQbG90bHkuRmlndXJlO1xuXG4gICAgc3Vic2NyaXB0aW9uSWQ6IG51bWJlcjtcblxuICAgIGxvYWRpbmc6IGJvb2xlYW47XG5cbiAgICBzdGFydERhdGU6IE5nYkRhdGVTdHJ1Y3Q7XG5cbiAgICBlbmREYXRlOiBOZ2JEYXRlU3RydWN0O1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBhZG1pblNlcnZpY2U6IEFkbWluU2VydmljZSwgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCA9IFBlcm1pc3Npb25TZXJ2aWNlLnNlbGVjdGVkU3Vic2NyaXB0aW9uPy5pZDtcbiAgICAgICAgdGhpcy5nZXRDaGFydERhdGEoKTtcbiAgICB9XG5cbiAgICAvKiogRnVuY3Rpb24gdG8gZ2V0IHRoZSBkYXRhIGZvciB0aGUgZ3JhcGggKi9cbiAgICBwcml2YXRlIGdldENoYXJ0RGF0YSgpIHtcbiAgICAgICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5hZG1pblNlcnZpY2VcbiAgICAgICAgICAgIC5nZXRTdWJzY3JpcHRpb25BbmFseXRpY3MoXG4gICAgICAgICAgICAgICAgU1VCU0NSSVBUSU9OX0FOQUxZVElDU19UWVBFUy5TVUJTQ1JJUFRJT05TLFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQsXG4gICAgICAgICAgICAgICAgdGhpcy5zdGFydERhdGUgPyBIZWxwZXJTZXJ2aWNlLmRhdGVGb3JtYXQodGhpcy5zdGFydERhdGUpIDogJycsXG4gICAgICAgICAgICAgICAgdGhpcy5lbmREYXRlID8gSGVscGVyU2VydmljZS5kYXRlRm9ybWF0KHRoaXMuZW5kRGF0ZSkgOiAnJ1xuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5ncmFwaCA9IHJlc3BvbnNlO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5hZGQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25EYXRlU2VsZWN0KCkge1xuICAgICAgICBpZiAodGhpcy5zdGFydERhdGUgJiYgdGhpcy5lbmREYXRlKSB7XG4gICAgICAgICAgICB0aGlzLmdldENoYXJ0RGF0YSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgfVxufVxuIiwiPCEtLSBzZWxlY3QgZGF0ZSAtLT5cbjxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gIDxoNSBjbGFzcz1cIm1iLTRcIj5TZWxlY3QgZGF0ZTwvaDU+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8IS0tIHN0YXJ0IGRhdGUgLS0+XG4gICAgPGRpdiBjbGFzcz1cImNvbC0xMiBjb2wtc20tM1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwXCI+XG4gICAgICAgIDxpbnB1dCBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCJzdGFydCBkYXRlXCJcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cInN0YXJ0RGF0ZVwiXG4gICAgICAgICAgKGRhdGVTZWxlY3QpPVwib25EYXRlU2VsZWN0KClcIlxuICAgICAgICAgIG5nYkRhdGVwaWNrZXJcbiAgICAgICAgICAjZD1cIm5nYkRhdGVwaWNrZXJcIiAvPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAtYXBwZW5kXCI+XG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiZC50b2dnbGUoKVwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWNhbGVuZGFyXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDwhLS0gZW5kIGRhdGUgLS0+XG4gICAgPGRpdiBjbGFzcz1cImNvbC0xMiBjb2wtc20tM1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwXCI+XG4gICAgICAgIDxpbnB1dCBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCJlbmQgZGF0ZVwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJlbmREYXRlXCJcbiAgICAgICAgICAoZGF0ZVNlbGVjdCk9XCJvbkRhdGVTZWxlY3QoKVwiXG4gICAgICAgICAgbmdiRGF0ZXBpY2tlclxuICAgICAgICAgICNjPVwibmdiRGF0ZXBpY2tlclwiIC8+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cC1hcHBlbmRcIj5cbiAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5XCJcbiAgICAgICAgICAgIChjbGljayk9XCJjLnRvZ2dsZSgpXCJcbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIj5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtY2FsZW5kYXJcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG48IS0tIGVuZCAtLT5cbjxkaXYgY2xhc3M9XCJ3LTEwMCB0ZXh0LWNlbnRlciBtdC0zXCJcbiAgKm5nSWY9XCJsb2FkaW5nXCI+XG4gIDxwLXByb2dyZXNzU3Bpbm5lciBzdHJva2VXaWR0aD1cIjJcIj4gPC9wLXByb2dyZXNzU3Bpbm5lcj5cbjwvZGl2PlxuPG5nLXRlbXBsYXRlIFtuZ0lmXT1cImdyYXBoXCI+XG4gIDxwbG90bHktcGxvdCBbZGF0YV09XCJncmFwaD8uZGF0YVwiXG4gICAgW2xheW91dF09XCJncmFwaD8ubGF5b3V0XCI+PC9wbG90bHktcGxvdD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/lib/components/subscriptions/subscriptions-list/subscriptions-list.component.mjs CHANGED Viewed

@@ -296,10 +296,10 @@ export class SubscriptionsListComponent extends AppBaseComponent {
         });
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SubscriptionsListComponent, deps: [{ token: i1.AdminService }, { token: i2.UntypedFormBuilder }, { token: i3.ProductService }, { token: i3.CommonService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: SubscriptionsListComponent, selector: "pw-subscriptions-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div *ngIf=\"!showInviteForm\"\n    class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscriptions</h2>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      id=\"btn-create\"\n      (click)=\"showInviteForm = !showInviteForm\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Invite\n    </a>\n  </div>\n  <div *ngIf=\"showInviteForm\"\n    class=\"col-12 justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0\">Invite new users</h2>\n    <p>Here you can send an invitation to a new user to try any of our products</p>\n  </div>\n</div>\n<form [formGroup]=\"form\"\n  *ngIf=\"showInviteForm\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"row my-4\">\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 [suggestions]=\"filteredProducts\"\n          formControlName=\"product_id\"\n          dataKey=\"value\"\n          field=\"label\"\n          [dropdown]=\"true\"\n          [delay]=\"1000\"\n          (completeMethod)=\"searchProduct($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)=\"showInviteForm = !showInviteForm; form.reset()\" />\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 class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded && !showInviteForm\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"showInviteForm\">\n  <p-table #dt\n    [value]=\"subscriptions\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <ng-container *ngIf=\"subscriptionInsights\">\n        <div class=\"row mb-4\">\n          <ng-container *ngFor=\"let temp of objectKeys(subscriptionInsights)\">\n            <div class=\"col-12 col-lg-3 mt-2 summary\">\n              <div class=\"card\">\n                <div class=\"card-body\">\n                  <ng-container *ngFor=\"let item of subscriptionInsights[temp]\">\n                    <div>\n                      <p class=\"mb-0 px-2\">{{ item?.title }}\n                        <span *ngIf=\"item?.info\"\n                          [pTooltip]=\"item?.info\">\n                          <i class=\"fas fa-info-circle\"></i>\n                        </span>\n                      </p>\n                      <h4 class=\"fw-bold mt-2 mb-2\">\n                        {{ item?.value }}\n                      </h4>\n                    </div>\n                  </ng-container>\n                </div>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n      <div class=\"search-filter\">\n        <div class=\"col-12 col-sm-4\">\n          <p-multiSelect placeholder=\"Select Feature Keys\"\n            [showToggleAll]=\"true\"\n            [showHeader]=\"true\"\n            [(ngModel)]=\"selectedFeatureKeys\"\n            [options]=\"searchOptions\"\n            (onChange)=\"onSearchOptionChange($event)\"\n            appendTo=\"body\">\n          </p-multiSelect>\n        </div>\n        <div class=\"col-12 col-sm-4\">\n          <select class=\"form-select\"\n            (change)=\"filterByStatus($event)\">\n            <option [value]=\"\">Select status</option>\n            <option *ngFor=\"let option of subscriptionStatus\"\n              [value]=\"option\"\n              [selected]=\"option === status\">\n              {{ option }}\n            </option>\n          </select>\n        </div>\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2 d-none\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"30\"\n            placeholder=\"Search Subscription...\"\n            class=\"mw-90\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n        </div>\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"id\">\n          {{ 'Admin.Subscriptions.Id' | transloco }}\n          <p-sortIcon field=\"id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"organisation\">\n          {{ 'Admin.Subscriptions.Organization' | transloco }}\n          <p-sortIcon field=\"organisation\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_name\">\n          {{ 'Admin.Subscriptions.ContactName' | transloco }}\n          <p-sortIcon field=\"contact_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_email\">\n          {{ 'Admin.Subscriptions.ContactEmail' | transloco }}\n          <p-sortIcon field=\"contact_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Product' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerMonth' | transloco }}</th>\n        <th scope=\"true\"\n          pSortableColumn=\"stripe_customer_id\">\n          {{ 'Admin.Subscriptions.Paid' | transloco }}\n          <p-sortIcon field=\"stripe_customer_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Billing' | transloco }}</th>\n        <th scope=\"true\"\n          class=\"expires-at-width\">\n          {{ 'Admin.Subscriptions.ExpiresAt' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_total\">\n          {{ 'Admin.Subscriptions.SessionsTotal' | transloco }}\n          <p-sortIcon field=\"sessions_total\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_last_month\">\n          {{ 'Admin.Subscriptions.SessionsTotalLastMonth' | transloco }}\n          <p-sortIcon field=\"sessions_last_month\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"deleted_at\">\n          {{ 'Admin.Subscriptions.Deleted' | transloco }}\n          <p-sortIcon field=\"deleted_at\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"id\">{{ item.id }}</td>\n        <td data-head=\"Organization\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.organisation\"\n            tooltipPosition=\"top\">{{ item.organisation | textTruncate: 20 }}</span>\n        </td>\n        <td data-head=\"ContactName\"\n          class=\"custom-break-word\">\n          {{ item.contact_name }}\n        </td>\n        <td data-head=\"ContactEmail\">{{ item.contact_email }}</td>\n        <td data-head=\"Name\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.productName\"\n            tooltipPosition=\"top\">{{ item.productName }}</span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Price/M\">\n          <span>{{ (item.price / 100).toFixed(2) | currency:item.currency }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            [pTooltip]=\"item?.discount | json\"\n                            tooltipPosition=\"top\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Paid\">\n          <ng-container *ngIf=\"item?.unsubscribed_at\">\n            <span class=\"badge bg-warning\">Unsub</span>\n          </ng-container>\n          <ng-container *ngIf=\"!item?.unsubscribed_at\">\n            <ng-template [ngIf]=\"item?.stripe_customer_id || item?.external_payment\"\n              [ngIfElse]=\"noBlock\">\n              <span class=\"badge bg-success\">Yes</span>\n            </ng-template>\n            <ng-template #noBlock>\n              <span class=\"badge bg-blue-grey\">No</span>\n            </ng-template>\n          </ng-container>\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Billing\">\n          <span class=\"badge\"\n            [appDynamicBadge]=\"{\n                            itemsArray: billingFrequency,\n                            item: item?.billingFrequency\n                        }\"\n            color=\"blue-grey\">{{ item.billingFrequency }}</span>\n        </td>\n        <td data-head=\"Expires\">\n          <span [ngClass]=\"getExpiresAtColor(item)\">{{item?.expires_at | dateFormat}}</span><br />\n          <span>{{item?.created_at | sinceAgo}}</span>\n        </td>\n        <td data-head=\"S#\">{{ item?.sessions_total }}</td>\n        <td data-head=\"S/m #\">\n          <span [ngClass]=\"{\n                            'text-danger fw-bold': item?.sessions_last_month < 3\n                        }\">{{ item?.sessions_last_month }}</span>\n        </td>\n        <td data-head=\"Deleted\">\n          <span *ngIf=\"item?.deleted_at\"\n            class=\"badge bg-danger\">Yes</span>\n          <span *ngIf=\"!item?.deleted_at\"\n            class=\"badge bg-blue-grey\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionDetails, item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Subscription.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalRecords === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.expires-at-width{width:8%}.custom-break-word{word-break:break-word!important}.summary .card{padding-bottom:0}.summary .card .card-body{padding-top:20px;text-align:center}\n"], dependencies: [{ kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i4.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7.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", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i8.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i9.InputText, selector: "[pInputText]" }, { kind: "directive", type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i11.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i12.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i13.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i13.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i14.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i14.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i14.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i15.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.JsonPipe, name: "json" }, { kind: "pipe", type: i10.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i16.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.SinceAgoPipe, name: "sinceAgo" }, { kind: "pipe", type: i17.TextTruncatePipe, name: "textTruncate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubscriptionsListComponent, deps: [{ token: i1.AdminService }, { token: i2.UntypedFormBuilder }, { token: i3.ProductService }, { token: i3.CommonService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SubscriptionsListComponent, selector: "pw-subscriptions-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div *ngIf=\"!showInviteForm\"\n    class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscriptions</h2>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      id=\"btn-create\"\n      (click)=\"showInviteForm = !showInviteForm\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Invite\n    </a>\n  </div>\n  <div *ngIf=\"showInviteForm\"\n    class=\"col-12 justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0\">Invite new users</h2>\n    <p>Here you can send an invitation to a new user to try any of our products</p>\n  </div>\n</div>\n<form [formGroup]=\"form\"\n  *ngIf=\"showInviteForm\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"row my-4\">\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 [suggestions]=\"filteredProducts\"\n          formControlName=\"product_id\"\n          dataKey=\"value\"\n          field=\"label\"\n          [dropdown]=\"true\"\n          [delay]=\"1000\"\n          (completeMethod)=\"searchProduct($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)=\"showInviteForm = !showInviteForm; form.reset()\" />\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 class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded && !showInviteForm\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"showInviteForm\">\n  <p-table #dt\n    [value]=\"subscriptions\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <ng-container *ngIf=\"subscriptionInsights\">\n        <div class=\"row mb-4\">\n          <ng-container *ngFor=\"let temp of objectKeys(subscriptionInsights)\">\n            <div class=\"col-12 col-lg-3 mt-2 summary\">\n              <div class=\"card\">\n                <div class=\"card-body\">\n                  <ng-container *ngFor=\"let item of subscriptionInsights[temp]\">\n                    <div>\n                      <p class=\"mb-0 px-2\">{{ item?.title }}\n                        <span *ngIf=\"item?.info\"\n                          [pTooltip]=\"item?.info\">\n                          <i class=\"fas fa-info-circle\"></i>\n                        </span>\n                      </p>\n                      <h4 class=\"fw-bold mt-2 mb-2\">\n                        {{ item?.value }}\n                      </h4>\n                    </div>\n                  </ng-container>\n                </div>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n      <div class=\"search-filter\">\n        <div class=\"col-12 col-sm-4\">\n          <p-multiSelect placeholder=\"Select Feature Keys\"\n            [showToggleAll]=\"true\"\n            [showHeader]=\"true\"\n            [(ngModel)]=\"selectedFeatureKeys\"\n            [options]=\"searchOptions\"\n            (onChange)=\"onSearchOptionChange($event)\"\n            appendTo=\"body\">\n          </p-multiSelect>\n        </div>\n        <div class=\"col-12 col-sm-4\">\n          <select class=\"form-select\"\n            (change)=\"filterByStatus($event)\">\n            <option [value]=\"\">Select status</option>\n            <option *ngFor=\"let option of subscriptionStatus\"\n              [value]=\"option\"\n              [selected]=\"option === status\">\n              {{ option }}\n            </option>\n          </select>\n        </div>\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2 d-none\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"30\"\n            placeholder=\"Search Subscription...\"\n            class=\"mw-90\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n        </div>\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"id\">\n          {{ 'Admin.Subscriptions.Id' | transloco }}\n          <p-sortIcon field=\"id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"organisation\">\n          {{ 'Admin.Subscriptions.Organization' | transloco }}\n          <p-sortIcon field=\"organisation\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_name\">\n          {{ 'Admin.Subscriptions.ContactName' | transloco }}\n          <p-sortIcon field=\"contact_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_email\">\n          {{ 'Admin.Subscriptions.ContactEmail' | transloco }}\n          <p-sortIcon field=\"contact_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Product' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerMonth' | transloco }}</th>\n        <th scope=\"true\"\n          pSortableColumn=\"stripe_customer_id\">\n          {{ 'Admin.Subscriptions.Paid' | transloco }}\n          <p-sortIcon field=\"stripe_customer_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Billing' | transloco }}</th>\n        <th scope=\"true\"\n          class=\"expires-at-width\">\n          {{ 'Admin.Subscriptions.ExpiresAt' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_total\">\n          {{ 'Admin.Subscriptions.SessionsTotal' | transloco }}\n          <p-sortIcon field=\"sessions_total\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_last_month\">\n          {{ 'Admin.Subscriptions.SessionsTotalLastMonth' | transloco }}\n          <p-sortIcon field=\"sessions_last_month\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"deleted_at\">\n          {{ 'Admin.Subscriptions.Deleted' | transloco }}\n          <p-sortIcon field=\"deleted_at\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"id\">{{ item.id }}</td>\n        <td data-head=\"Organization\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.organisation\"\n            tooltipPosition=\"top\">{{ item.organisation | textTruncate: 20 }}</span>\n        </td>\n        <td data-head=\"ContactName\"\n          class=\"custom-break-word\">\n          {{ item.contact_name }}\n        </td>\n        <td data-head=\"ContactEmail\">{{ item.contact_email }}</td>\n        <td data-head=\"Name\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.productName\"\n            tooltipPosition=\"top\">{{ item.productName }}</span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Price/M\">\n          <span>{{ (item.price / 100).toFixed(2) | currency:item.currency }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            [pTooltip]=\"item?.discount | json\"\n                            tooltipPosition=\"top\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Paid\">\n          <ng-container *ngIf=\"item?.unsubscribed_at\">\n            <span class=\"badge bg-warning\">Unsub</span>\n          </ng-container>\n          <ng-container *ngIf=\"!item?.unsubscribed_at\">\n            <ng-template [ngIf]=\"item?.stripe_customer_id || item?.external_payment\"\n              [ngIfElse]=\"noBlock\">\n              <span class=\"badge bg-success\">Yes</span>\n            </ng-template>\n            <ng-template #noBlock>\n              <span class=\"badge bg-blue-grey\">No</span>\n            </ng-template>\n          </ng-container>\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Billing\">\n          <span class=\"badge\"\n            [appDynamicBadge]=\"{\n                            itemsArray: billingFrequency,\n                            item: item?.billingFrequency\n                        }\"\n            color=\"blue-grey\">{{ item.billingFrequency }}</span>\n        </td>\n        <td data-head=\"Expires\">\n          <span [ngClass]=\"getExpiresAtColor(item)\">{{item?.expires_at | dateFormat}}</span><br />\n          <span>{{item?.created_at | sinceAgo}}</span>\n        </td>\n        <td data-head=\"S#\">{{ item?.sessions_total }}</td>\n        <td data-head=\"S/m #\">\n          <span [ngClass]=\"{\n                            'text-danger fw-bold': item?.sessions_last_month < 3\n                        }\">{{ item?.sessions_last_month }}</span>\n        </td>\n        <td data-head=\"Deleted\">\n          <span *ngIf=\"item?.deleted_at\"\n            class=\"badge bg-danger\">Yes</span>\n          <span *ngIf=\"!item?.deleted_at\"\n            class=\"badge bg-blue-grey\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionDetails, item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Subscription.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalRecords === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.expires-at-width{width:8%}.custom-break-word{word-break:break-word!important}.summary .card{padding-bottom:0}.summary .card .card-body{padding-top:20px;text-align:center}\n"], dependencies: [{ kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i4.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7.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", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i8.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i9.InputText, selector: "[pInputText]" }, { kind: "directive", type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i11.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i12.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i13.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i13.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i14.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i14.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i14.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i15.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.JsonPipe, name: "json" }, { kind: "pipe", type: i10.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i16.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.SinceAgoPipe, name: "sinceAgo" }, { kind: "pipe", type: i17.TextTruncatePipe, name: "textTruncate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SubscriptionsListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubscriptionsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-subscriptions-list', template: "<div class=\"row\">\n  <div *ngIf=\"!showInviteForm\"\n    class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscriptions</h2>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      id=\"btn-create\"\n      (click)=\"showInviteForm = !showInviteForm\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Invite\n    </a>\n  </div>\n  <div *ngIf=\"showInviteForm\"\n    class=\"col-12 justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0\">Invite new users</h2>\n    <p>Here you can send an invitation to a new user to try any of our products</p>\n  </div>\n</div>\n<form [formGroup]=\"form\"\n  *ngIf=\"showInviteForm\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"row my-4\">\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 [suggestions]=\"filteredProducts\"\n          formControlName=\"product_id\"\n          dataKey=\"value\"\n          field=\"label\"\n          [dropdown]=\"true\"\n          [delay]=\"1000\"\n          (completeMethod)=\"searchProduct($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)=\"showInviteForm = !showInviteForm; form.reset()\" />\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 class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded && !showInviteForm\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"showInviteForm\">\n  <p-table #dt\n    [value]=\"subscriptions\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <ng-container *ngIf=\"subscriptionInsights\">\n        <div class=\"row mb-4\">\n          <ng-container *ngFor=\"let temp of objectKeys(subscriptionInsights)\">\n            <div class=\"col-12 col-lg-3 mt-2 summary\">\n              <div class=\"card\">\n                <div class=\"card-body\">\n                  <ng-container *ngFor=\"let item of subscriptionInsights[temp]\">\n                    <div>\n                      <p class=\"mb-0 px-2\">{{ item?.title }}\n                        <span *ngIf=\"item?.info\"\n                          [pTooltip]=\"item?.info\">\n                          <i class=\"fas fa-info-circle\"></i>\n                        </span>\n                      </p>\n                      <h4 class=\"fw-bold mt-2 mb-2\">\n                        {{ item?.value }}\n                      </h4>\n                    </div>\n                  </ng-container>\n                </div>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n      <div class=\"search-filter\">\n        <div class=\"col-12 col-sm-4\">\n          <p-multiSelect placeholder=\"Select Feature Keys\"\n            [showToggleAll]=\"true\"\n            [showHeader]=\"true\"\n            [(ngModel)]=\"selectedFeatureKeys\"\n            [options]=\"searchOptions\"\n            (onChange)=\"onSearchOptionChange($event)\"\n            appendTo=\"body\">\n          </p-multiSelect>\n        </div>\n        <div class=\"col-12 col-sm-4\">\n          <select class=\"form-select\"\n            (change)=\"filterByStatus($event)\">\n            <option [value]=\"\">Select status</option>\n            <option *ngFor=\"let option of subscriptionStatus\"\n              [value]=\"option\"\n              [selected]=\"option === status\">\n              {{ option }}\n            </option>\n          </select>\n        </div>\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2 d-none\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"30\"\n            placeholder=\"Search Subscription...\"\n            class=\"mw-90\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n        </div>\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"id\">\n          {{ 'Admin.Subscriptions.Id' | transloco }}\n          <p-sortIcon field=\"id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"organisation\">\n          {{ 'Admin.Subscriptions.Organization' | transloco }}\n          <p-sortIcon field=\"organisation\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_name\">\n          {{ 'Admin.Subscriptions.ContactName' | transloco }}\n          <p-sortIcon field=\"contact_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_email\">\n          {{ 'Admin.Subscriptions.ContactEmail' | transloco }}\n          <p-sortIcon field=\"contact_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Product' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerMonth' | transloco }}</th>\n        <th scope=\"true\"\n          pSortableColumn=\"stripe_customer_id\">\n          {{ 'Admin.Subscriptions.Paid' | transloco }}\n          <p-sortIcon field=\"stripe_customer_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Billing' | transloco }}</th>\n        <th scope=\"true\"\n          class=\"expires-at-width\">\n          {{ 'Admin.Subscriptions.ExpiresAt' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_total\">\n          {{ 'Admin.Subscriptions.SessionsTotal' | transloco }}\n          <p-sortIcon field=\"sessions_total\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_last_month\">\n          {{ 'Admin.Subscriptions.SessionsTotalLastMonth' | transloco }}\n          <p-sortIcon field=\"sessions_last_month\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"deleted_at\">\n          {{ 'Admin.Subscriptions.Deleted' | transloco }}\n          <p-sortIcon field=\"deleted_at\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"id\">{{ item.id }}</td>\n        <td data-head=\"Organization\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.organisation\"\n            tooltipPosition=\"top\">{{ item.organisation | textTruncate: 20 }}</span>\n        </td>\n        <td data-head=\"ContactName\"\n          class=\"custom-break-word\">\n          {{ item.contact_name }}\n        </td>\n        <td data-head=\"ContactEmail\">{{ item.contact_email }}</td>\n        <td data-head=\"Name\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.productName\"\n            tooltipPosition=\"top\">{{ item.productName }}</span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Price/M\">\n          <span>{{ (item.price / 100).toFixed(2) | currency:item.currency }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            [pTooltip]=\"item?.discount | json\"\n                            tooltipPosition=\"top\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Paid\">\n          <ng-container *ngIf=\"item?.unsubscribed_at\">\n            <span class=\"badge bg-warning\">Unsub</span>\n          </ng-container>\n          <ng-container *ngIf=\"!item?.unsubscribed_at\">\n            <ng-template [ngIf]=\"item?.stripe_customer_id || item?.external_payment\"\n              [ngIfElse]=\"noBlock\">\n              <span class=\"badge bg-success\">Yes</span>\n            </ng-template>\n            <ng-template #noBlock>\n              <span class=\"badge bg-blue-grey\">No</span>\n            </ng-template>\n          </ng-container>\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Billing\">\n          <span class=\"badge\"\n            [appDynamicBadge]=\"{\n                            itemsArray: billingFrequency,\n                            item: item?.billingFrequency\n                        }\"\n            color=\"blue-grey\">{{ item.billingFrequency }}</span>\n        </td>\n        <td data-head=\"Expires\">\n          <span [ngClass]=\"getExpiresAtColor(item)\">{{item?.expires_at | dateFormat}}</span><br />\n          <span>{{item?.created_at | sinceAgo}}</span>\n        </td>\n        <td data-head=\"S#\">{{ item?.sessions_total }}</td>\n        <td data-head=\"S/m #\">\n          <span [ngClass]=\"{\n                            'text-danger fw-bold': item?.sessions_last_month < 3\n                        }\">{{ item?.sessions_last_month }}</span>\n        </td>\n        <td data-head=\"Deleted\">\n          <span *ngIf=\"item?.deleted_at\"\n            class=\"badge bg-danger\">Yes</span>\n          <span *ngIf=\"!item?.deleted_at\"\n            class=\"badge bg-blue-grey\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionDetails, item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Subscription.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalRecords === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.expires-at-width{width:8%}.custom-break-word{word-break:break-word!important}.summary .card{padding-bottom:0}.summary .card .card-body{padding-top:20px;text-align:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i2.UntypedFormBuilder }, { type: i3.ProductService }, { type: i3.CommonService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/components/subscriptions/subscriptions-tabs/subscriptions-tabs.component.mjs CHANGED Viewed

@@ -22,10 +22,10 @@ export class SubscriptionComponent extends AppBaseComponent {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SubscriptionComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: SubscriptionComponent, selector: "pw-subscriptions", usesInheritance: true, ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubscriptionComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SubscriptionComponent, selector: "pw-subscriptions", usesInheritance: true, ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SubscriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubscriptionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'pw-subscriptions',

package/esm2022/lib/components/tags/tags-category/tags-category.component.mjs CHANGED Viewed

@@ -117,10 +117,10 @@ export class TagsCategoryComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TagsCategoryComponent, deps: [{ token: i0.Injector }, { token: i1.TagService }, { token: i1.CustomToastService }, { token: i2.NgbModal }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: TagsCategoryComponent, selector: "pw-admin-tags-category", usesInheritance: true, ngImport: i0, template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Categories</h2>\n  <p>Tags needs to be associated to \"categories\". You can create them here.</p>\n</div>\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button data-cy=\"create-category\"\n      *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onCategoryEdit(tagCategoryModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Category\n    </button>\n  </div>\n</div>\n\n<pw-no-data message=\"No tag categories found. Please consider adding some.\"\n  *ngIf=\"totalCategoryRecords === 0\">\n</pw-no-data>\n<div class=\"primeng-datatable-container table-responsive\">\n  <p-table #dt\n    [value]=\"tagCategories\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Category...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onCategoryEdit(tagCategoryModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalCategoryRecords }}</span>\n</div>\n<!-- Category Template -->\n<ng-template #tagCategoryModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Category</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form action=\"\"\n      #editForm=\"ngForm\">\n      <input type=\"text\"\n        class=\"form-control\"\n        data-cy=\"category-field\"\n        name=\"name\"\n        placeholder=\"Category Name\"\n        [(ngModel)]=\"categoryModel.name\"\n        #name=\"ngModel\"\n        required />\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close()\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", styles: [":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_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: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]" }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i8.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i9.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TagsCategoryComponent, deps: [{ token: i0.Injector }, { token: i1.TagService }, { token: i1.CustomToastService }, { token: i2.NgbModal }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TagsCategoryComponent, selector: "pw-admin-tags-category", usesInheritance: true, ngImport: i0, template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Categories</h2>\n  <p>Tags needs to be associated to \"categories\". You can create them here.</p>\n</div>\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button data-cy=\"create-category\"\n      *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onCategoryEdit(tagCategoryModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Category\n    </button>\n  </div>\n</div>\n\n<pw-no-data message=\"No tag categories found. Please consider adding some.\"\n  *ngIf=\"totalCategoryRecords === 0\">\n</pw-no-data>\n<div class=\"primeng-datatable-container table-responsive\">\n  <p-table #dt\n    [value]=\"tagCategories\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Category...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onCategoryEdit(tagCategoryModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalCategoryRecords }}</span>\n</div>\n<!-- Category Template -->\n<ng-template #tagCategoryModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Category</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form action=\"\"\n      #editForm=\"ngForm\">\n      <input type=\"text\"\n        class=\"form-control\"\n        data-cy=\"category-field\"\n        name=\"name\"\n        placeholder=\"Category Name\"\n        [(ngModel)]=\"categoryModel.name\"\n        #name=\"ngModel\"\n        required />\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close()\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", styles: [":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_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: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]" }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i8.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i9.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TagsCategoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TagsCategoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-tags-category', template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Categories</h2>\n  <p>Tags needs to be associated to \"categories\". You can create them here.</p>\n</div>\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button data-cy=\"create-category\"\n      *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onCategoryEdit(tagCategoryModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Category\n    </button>\n  </div>\n</div>\n\n<pw-no-data message=\"No tag categories found. Please consider adding some.\"\n  *ngIf=\"totalCategoryRecords === 0\">\n</pw-no-data>\n<div class=\"primeng-datatable-container table-responsive\">\n  <p-table #dt\n    [value]=\"tagCategories\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Category...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onCategoryEdit(tagCategoryModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalCategoryRecords }}</span>\n</div>\n<!-- Category Template -->\n<ng-template #tagCategoryModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Category</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form action=\"\"\n      #editForm=\"ngForm\">\n      <input type=\"text\"\n        class=\"form-control\"\n        data-cy=\"category-field\"\n        name=\"name\"\n        placeholder=\"Category Name\"\n        [(ngModel)]=\"categoryModel.name\"\n        #name=\"ngModel\"\n        required />\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close()\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", styles: [":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_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.TagService }, { type: i1.CustomToastService }, { type: i2.NgbModal }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/components/tags/tags-list/tags-list.component.mjs CHANGED Viewed

@@ -133,10 +133,10 @@ export class TagsListComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TagsListComponent, deps: [{ token: i0.Injector }, { token: i1.NgbModal }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: TagsListComponent, selector: "pw-admin-tags-list", usesInheritance: true, ngImport: i0, template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Tags</h2>\n  <p>\n    Here you can define the tags to be used site-wide.<br />\n    Tags need to be associated to categories (definable in the \"category\" tab).<br />\n    Tags also need to be associated to a \"tag_type\", which is the entity you want to associate\n    the tag to, for example \"user\".\n  </p>\n</div>\n\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      data-cy=\"create-tag\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onTagEdit(tagModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tag\n    </button>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalTagRecordsUnFilter === 0\">\n  <p-table #dt\n    [value]=\"tags\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Tag...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"tag_category_id\">\n          {{ 'Admin.Tags.Category' | transloco }}\n          <p-sortIcon field=\"tag_category_id\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Category\">{{ item?.category_name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onTagEdit(tagModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalTagRecords === 0 && totalTagRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalTagRecords }}</span>\n</div>\n<pw-no-data [message]=\"'Admin.Tags.Category' | transloco\"\n  *ngIf=\"totalTagRecordsUnFilter === 0 && !loading\">\n</pw-no-data>\n<!-- Tag Modal Template -->\n<ng-template #tagModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Tag</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"mb-3\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"name\"\n          placeholder=\"Tag Name\" />\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagTypes\"\n          formControlName=\"tag_type\"\n          placeholder=\"Tag Types\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagCategories\"\n          formControlName=\"tag_category_id\"\n          placeholder=\"Category\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close(); form.reset()\"></button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i5.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]" }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i10.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i11.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TagsListComponent, deps: [{ token: i0.Injector }, { token: i1.NgbModal }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TagsListComponent, selector: "pw-admin-tags-list", usesInheritance: true, ngImport: i0, template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Tags</h2>\n  <p>\n    Here you can define the tags to be used site-wide.<br />\n    Tags need to be associated to categories (definable in the \"category\" tab).<br />\n    Tags also need to be associated to a \"tag_type\", which is the entity you want to associate\n    the tag to, for example \"user\".\n  </p>\n</div>\n\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      data-cy=\"create-tag\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onTagEdit(tagModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tag\n    </button>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalTagRecordsUnFilter === 0\">\n  <p-table #dt\n    [value]=\"tags\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Tag...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"tag_category_id\">\n          {{ 'Admin.Tags.Category' | transloco }}\n          <p-sortIcon field=\"tag_category_id\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Category\">{{ item?.category_name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onTagEdit(tagModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalTagRecords === 0 && totalTagRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalTagRecords }}</span>\n</div>\n<pw-no-data [message]=\"'Admin.Tags.Category' | transloco\"\n  *ngIf=\"totalTagRecordsUnFilter === 0 && !loading\">\n</pw-no-data>\n<!-- Tag Modal Template -->\n<ng-template #tagModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Tag</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"mb-3\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"name\"\n          placeholder=\"Tag Name\" />\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagTypes\"\n          formControlName=\"tag_type\"\n          placeholder=\"Tag Types\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagCategories\"\n          formControlName=\"tag_category_id\"\n          placeholder=\"Category\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close(); form.reset()\"></button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i5.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]" }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i10.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i11.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TagsListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TagsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-tags-list', template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Tags</h2>\n  <p>\n    Here you can define the tags to be used site-wide.<br />\n    Tags need to be associated to categories (definable in the \"category\" tab).<br />\n    Tags also need to be associated to a \"tag_type\", which is the entity you want to associate\n    the tag to, for example \"user\".\n  </p>\n</div>\n\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      data-cy=\"create-tag\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onTagEdit(tagModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tag\n    </button>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalTagRecordsUnFilter === 0\">\n  <p-table #dt\n    [value]=\"tags\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Tag...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"tag_category_id\">\n          {{ 'Admin.Tags.Category' | transloco }}\n          <p-sortIcon field=\"tag_category_id\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Category\">{{ item?.category_name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onTagEdit(tagModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalTagRecords === 0 && totalTagRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalTagRecords }}</span>\n</div>\n<pw-no-data [message]=\"'Admin.Tags.Category' | transloco\"\n  *ngIf=\"totalTagRecordsUnFilter === 0 && !loading\">\n</pw-no-data>\n<!-- Tag Modal Template -->\n<ng-template #tagModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Tag</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"mb-3\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"name\"\n          placeholder=\"Tag Name\" />\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagTypes\"\n          formControlName=\"tag_type\"\n          placeholder=\"Tag Types\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagCategories\"\n          formControlName=\"tag_category_id\"\n          placeholder=\"Category\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close(); form.reset()\"></button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.NgbModal }, { type: i2.TagService }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/components/tags/tags-tabs/tags-tabs.component.mjs CHANGED Viewed

@@ -19,10 +19,10 @@ export class TagsTabsComponent {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TagsTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: TagsTabsComponent, selector: "pw-tags-tabs", ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TagsTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TagsTabsComponent, selector: "pw-tags-tabs", ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TagsTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TagsTabsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'pw-tags-tabs',