@posiwise/admin-module 0.0.62 → 0.0.63

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

@@ -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.0.7", 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.0.7", 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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TagsListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", 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

@@ -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.0.7", ngImport: i0, type: TagsTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", 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.0.7", ngImport: i0, type: TagsTabsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'pw-tags-tabs',

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

@@ -60,8 +60,8 @@ export class TipComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TipComponent, deps: [{ token: i1.TipsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: TipComponent, selector: "pw-admin-tip", usesInheritance: true, ngImport: i0, template: "<div class=\"px-2\">\n  <div class=\"me-auto col-xs-6\">\n    <a href=\"javascript:void(0)\"\n      (click)=\"back()\"\n      class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n    <h3 class=\"d-inline-block\">Tips</h3>\n    <p>Example of \"instructions\":</p>\n    <p>\n      {{\n                '{\"steps\":[{\"title\": \"Step 1\", \"content\":\"PosiWise welcomes you on board\", \"target\":\n      \"user-message\", \"placement\": \"bottom\"}, {\"title\":\"Step 2\",\"content\": \"We have great features\n      to showcase\", \"target\":\"cards\", \"placement\":\"bottom\", \"showPrevButton\":true}, {\"title\":\"Step\n      3\", \"content\": \"Get Help\", \"target\":\"step3\", \"placement\":\"left\",\n      \"showPrevButton\":true}]}{\"steps\":[{\"title\": \"Step 1\", \"content\":\"PosiWise welcomes you on\n      board\", \"target\": \"user-message\", \"placement\": \"bottom\"}, {\"title\":\"Step 2\",\"content\": \"We\n      have great features to showcase\", \"target\":\"cards\", \"placement\":\"bottom\",\n      \"showPrevButton\":true}, {\"title\":\"Step 3\", \"content\": \"Get Help\", \"target\":\"step3\",\n      \"placement\":\"left\", \"showPrevButton\":true}]}'\n            }}\n    </p>\n  </div>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"form\"\n      (ngSubmit)=\"onSave()\">\n      <div class=\"row\">\n        <div class=\"col-12 col-sm-12\">\n          <pw-input-container label=\"Name\"\n            name=\"name\"\n            errorMsg=\"Please enter Name\">\n            <input type=\"text\"\n              class=\"form-control\"\n              formControlName=\"name\"\n              id=\"name\" />\n          </pw-input-container>\n\n          <pw-input-container label=\"Instructions\"\n            name=\"instructions\"\n            errorMsg=\"Please enter steps\">\n            <textarea type=\"text\"\n              class=\"form-control bg-transparent\"\n              formControlName=\"instructions\"\n              [rows]=\"5\"\n              [cols]=\"30\"\n              pInputTextarea\n              autoResize=\"autoResize\"></textarea>\n          </pw-input-container>\n        </div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"col-12 col-sm-12\">\n          <pw-input-container label=\"Is Active\"\n            name=\"active\">\n            <ui-switch class=\"d-block\"\n              formControlName=\"active\"\n              name=\"active\">\n            </ui-switch>\n          </pw-input-container>\n        </div>\n      </div>\n\n      <div class=\"float-end mb-3 mt-4\">\n        <button type=\"button\"\n          class=\"btn btn-outline-default me-2\"\n          (click)=\"back()\">\n          {{ 'Button.Cancel' | transloco }}\n        </button>\n        <button type=\"submit\"\n          *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n          class=\"btn btn-primary\">\n          {{ 'Button.Save' | transloco }}\n        </button>\n      </div>\n    </form>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i3.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i4.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i5.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { 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: i6.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TipComponent, deps: [{ token: i1.TipsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: TipComponent, selector: "pw-admin-tip", usesInheritance: true, ngImport: i0, template: "<div class=\"px-2\">\n  <div class=\"me-auto col-xs-6\">\n    <a href=\"javascript:void(0)\"\n      (click)=\"back()\"\n      class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n    <h3 class=\"d-inline-block\">Tips</h3>\n    <p>Example of \"instructions\":</p>\n    <p>\n      {{\n                '{\"steps\":[{\"title\": \"Step 1\", \"content\":\"PosiWise welcomes you on board\", \"target\":\n      \"user-message\", \"placement\": \"bottom\"}, {\"title\":\"Step 2\",\"content\": \"We have great features\n      to showcase\", \"target\":\"cards\", \"placement\":\"bottom\", \"showPrevButton\":true}, {\"title\":\"Step\n      3\", \"content\": \"Get Help\", \"target\":\"step3\", \"placement\":\"left\",\n      \"showPrevButton\":true}]}{\"steps\":[{\"title\": \"Step 1\", \"content\":\"PosiWise welcomes you on\n      board\", \"target\": \"user-message\", \"placement\": \"bottom\"}, {\"title\":\"Step 2\",\"content\": \"We\n      have great features to showcase\", \"target\":\"cards\", \"placement\":\"bottom\",\n      \"showPrevButton\":true}, {\"title\":\"Step 3\", \"content\": \"Get Help\", \"target\":\"step3\",\n      \"placement\":\"left\", \"showPrevButton\":true}]}'\n            }}\n    </p>\n  </div>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"form\"\n      (ngSubmit)=\"onSave()\">\n      <div class=\"row\">\n        <div class=\"col-12 col-sm-12\">\n          <pw-input-container label=\"Name\"\n            name=\"name\"\n            errorMsg=\"Please enter Name\">\n            <input type=\"text\"\n              class=\"form-control\"\n              formControlName=\"name\"\n              id=\"name\" />\n          </pw-input-container>\n\n          <pw-input-container label=\"Instructions\"\n            name=\"instructions\"\n            errorMsg=\"Please enter steps\">\n            <textarea type=\"text\"\n              class=\"form-control bg-transparent\"\n              formControlName=\"instructions\"\n              [rows]=\"5\"\n              [cols]=\"30\"\n              pInputTextarea\n              autoResize=\"autoResize\"></textarea>\n          </pw-input-container>\n        </div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"col-12 col-sm-12\">\n          <pw-input-container label=\"Is Active\"\n            name=\"active\">\n            <ui-switch class=\"d-block\"\n              formControlName=\"active\"\n              name=\"active\">\n            </ui-switch>\n          </pw-input-container>\n        </div>\n      </div>\n\n      <div class=\"float-end mb-3 mt-4\">\n        <button type=\"button\"\n          class=\"btn btn-outline-default me-2\"\n          (click)=\"back()\">\n          {{ 'Button.Cancel' | transloco }}\n        </button>\n        <button type=\"submit\"\n          *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n          class=\"btn btn-primary\">\n          {{ 'Button.Save' | transloco }}\n        </button>\n      </div>\n    </form>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i3.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i4.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i5.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { 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: i6.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -69,7 +69,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], TipComponent.prototype, "onSave", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-tip', template: "<div class=\"px-2\">\n  <div class=\"me-auto col-xs-6\">\n    <a href=\"javascript:void(0)\"\n      (click)=\"back()\"\n      class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n    <h3 class=\"d-inline-block\">Tips</h3>\n    <p>Example of \"instructions\":</p>\n    <p>\n      {{\n                '{\"steps\":[{\"title\": \"Step 1\", \"content\":\"PosiWise welcomes you on board\", \"target\":\n      \"user-message\", \"placement\": \"bottom\"}, {\"title\":\"Step 2\",\"content\": \"We have great features\n      to showcase\", \"target\":\"cards\", \"placement\":\"bottom\", \"showPrevButton\":true}, {\"title\":\"Step\n      3\", \"content\": \"Get Help\", \"target\":\"step3\", \"placement\":\"left\",\n      \"showPrevButton\":true}]}{\"steps\":[{\"title\": \"Step 1\", \"content\":\"PosiWise welcomes you on\n      board\", \"target\": \"user-message\", \"placement\": \"bottom\"}, {\"title\":\"Step 2\",\"content\": \"We\n      have great features to showcase\", \"target\":\"cards\", \"placement\":\"bottom\",\n      \"showPrevButton\":true}, {\"title\":\"Step 3\", \"content\": \"Get Help\", \"target\":\"step3\",\n      \"placement\":\"left\", \"showPrevButton\":true}]}'\n            }}\n    </p>\n  </div>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"form\"\n      (ngSubmit)=\"onSave()\">\n      <div class=\"row\">\n        <div class=\"col-12 col-sm-12\">\n          <pw-input-container label=\"Name\"\n            name=\"name\"\n            errorMsg=\"Please enter Name\">\n            <input type=\"text\"\n              class=\"form-control\"\n              formControlName=\"name\"\n              id=\"name\" />\n          </pw-input-container>\n\n          <pw-input-container label=\"Instructions\"\n            name=\"instructions\"\n            errorMsg=\"Please enter steps\">\n            <textarea type=\"text\"\n              class=\"form-control bg-transparent\"\n              formControlName=\"instructions\"\n              [rows]=\"5\"\n              [cols]=\"30\"\n              pInputTextarea\n              autoResize=\"autoResize\"></textarea>\n          </pw-input-container>\n        </div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"col-12 col-sm-12\">\n          <pw-input-container label=\"Is Active\"\n            name=\"active\">\n            <ui-switch class=\"d-block\"\n              formControlName=\"active\"\n              name=\"active\">\n            </ui-switch>\n          </pw-input-container>\n        </div>\n      </div>\n\n      <div class=\"float-end mb-3 mt-4\">\n        <button type=\"button\"\n          class=\"btn btn-outline-default me-2\"\n          (click)=\"back()\">\n          {{ 'Button.Cancel' | transloco }}\n        </button>\n        <button type=\"submit\"\n          *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n          class=\"btn btn-primary\">\n          {{ 'Button.Save' | transloco }}\n        </button>\n      </div>\n    </form>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.TipsService }, { type: i0.Injector }], propDecorators: { onSave: [] } });

package/esm2022/lib/components/tips/tips-list/tips-list.component.mjs

@@ -38,10 +38,10 @@ export class TipsComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TipsComponent, deps: [{ token: i1.TipsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: TipsComponent, selector: "pw-tips-list", usesInheritance: true, ngImport: i0, template: "<div class=\"col-xs-12 text-end my-3\">\n  <h2 class=\"card-title float-start\">Tips</h2>\n  <a data-cy=\"create-tip\"\n    *rbacAllow=\"'Pages.Admin.Product.Create'\"\n    class=\"btn btn-sm btn-outline-primary\"\n    [routerLink]=\"[routers.tipsDetails + '/add']\">\n    <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tip\n  </a>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  *ngIf=\"isLoaded\">\n  <p-table [value]=\"data.tips\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Instructions' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.IsActive' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Updated' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-tip>\n      <tr>\n        <td data-head=\"Name\">{{ tip.name }}</td>\n        <td data-head=\"Instructions\"\n          class=\"w-md-50\">{{ tip.instructions }}</td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: tip?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ tip?.active }}</span>\n        </td>\n        <td data-head=\"Updated On\">{{ tip.updated_at | dateFormat }}</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.Users.Edit'\"\n              [routerLink]=\"[routers.tipsDetails + tip.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n</div>\n<pw-no-data [message]=\"'Admin.Tips.NoDataMessage' | transloco\"\n  *ngIf=\"data.tips.length === 0\">\n</pw-no-data>\n", dependencies: [{ kind: "component", type: i2.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i7.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i9.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" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TipsComponent, deps: [{ token: i1.TipsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: TipsComponent, selector: "pw-tips-list", usesInheritance: true, ngImport: i0, template: "<div class=\"col-xs-12 text-end my-3\">\n  <h2 class=\"card-title float-start\">Tips</h2>\n  <a data-cy=\"create-tip\"\n    *rbacAllow=\"'Pages.Admin.Product.Create'\"\n    class=\"btn btn-sm btn-outline-primary\"\n    [routerLink]=\"[routers.tipsDetails + '/add']\">\n    <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tip\n  </a>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  *ngIf=\"isLoaded\">\n  <p-table [value]=\"data.tips\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Instructions' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.IsActive' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Updated' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-tip>\n      <tr>\n        <td data-head=\"Name\">{{ tip.name }}</td>\n        <td data-head=\"Instructions\"\n          class=\"w-md-50\">{{ tip.instructions }}</td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: tip?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ tip?.active }}</span>\n        </td>\n        <td data-head=\"Updated On\">{{ tip.updated_at | dateFormat }}</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.Users.Edit'\"\n              [routerLink]=\"[routers.tipsDetails + tip.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n</div>\n<pw-no-data [message]=\"'Admin.Tips.NoDataMessage' | transloco\"\n  *ngIf=\"data.tips.length === 0\">\n</pw-no-data>\n", dependencies: [{ kind: "component", type: i2.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i7.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i9.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" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TipsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TipsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-tips-list', template: "<div class=\"col-xs-12 text-end my-3\">\n  <h2 class=\"card-title float-start\">Tips</h2>\n  <a data-cy=\"create-tip\"\n    *rbacAllow=\"'Pages.Admin.Product.Create'\"\n    class=\"btn btn-sm btn-outline-primary\"\n    [routerLink]=\"[routers.tipsDetails + '/add']\">\n    <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tip\n  </a>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  *ngIf=\"isLoaded\">\n  <p-table [value]=\"data.tips\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Instructions' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.IsActive' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Updated' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-tip>\n      <tr>\n        <td data-head=\"Name\">{{ tip.name }}</td>\n        <td data-head=\"Instructions\"\n          class=\"w-md-50\">{{ tip.instructions }}</td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: tip?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ tip?.active }}</span>\n        </td>\n        <td data-head=\"Updated On\">{{ tip.updated_at | dateFormat }}</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.Users.Edit'\"\n              [routerLink]=\"[routers.tipsDetails + tip.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n</div>\n<pw-no-data [message]=\"'Admin.Tips.NoDataMessage' | transloco\"\n  *ngIf=\"data.tips.length === 0\">\n</pw-no-data>\n" }]
         }], ctorParameters: () => [{ type: i1.TipsService }, { type: i0.Injector }] });

package/esm2022/lib/components/tips/tips-tabs/tips-tabs.component.mjs

@@ -12,10 +12,10 @@ export class TipsTabsComponent {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TipsTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: TipsTabsComponent, selector: "pw-tips", 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.0.7", ngImport: i0, type: TipsTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: TipsTabsComponent, selector: "pw-tips", 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: TipsTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TipsTabsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'pw-tips',

package/esm2022/lib/components/tracking/ahoy-events/ahoy-events.component.mjs

@@ -94,10 +94,10 @@ export class AhoyEventsComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AhoyEventsComponent, deps: [{ token: i0.Injector }, { token: i1.AhoyService }, { token: i2.NgbModal }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: AhoyEventsComponent, selector: "pw-ahoy-events", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Events</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.events\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"defaultSortField\"\n      [sortOrder]=\"defaultSortOrder\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 mx-3\">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\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 Events...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\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            {{ 'Admin.Tracking.Properties' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"time\">\n            {{ 'Admin.Tracking.Time' | transloco }}\n            <p-sortIcon field=\"time\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-event>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Name\">{{ event.name }}</td>\n          <td data-head=\"Properties\"><span class=\"badge bg-info cursor-pointer\"\n              (click)=\"revealProp(objModal,event?.properties)\">Reveal properties</span></td>\n          <td data-head=\"Time\">{{ event.time }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"event?.user_id\">\n              <span *ngIf=\"event?.user\"><a [routerLink]=\"['/members', event?.user?.slug]\">{{ event?.user?.first_name }} {{ event?.user?.last_name }}</a></span>\n              <span *ngIf=\"!event?.user\">{{ event?.user_id }}</span>\n            </span>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n\n<!-- Object Modal -->\n<ng-template #objModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\">{{ 'Admin.Tracking.Properties' | transloco }}</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    <div *ngIf=\"activeObject\">\n      <ngx-json-viewer [json]=\"activeObject\"\n        [expanded]=\"false\"></ngx-json-viewer>\n    </div>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_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}}\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: "component", type: i6.NgxJsonViewerComponent, selector: "ngx-json-viewer", inputs: ["json", "expanded", "depth", "_currentDepth"] }, { kind: "component", type: i7.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i9.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i10.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i11.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AhoyEventsComponent, deps: [{ token: i0.Injector }, { token: i1.AhoyService }, { token: i2.NgbModal }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: AhoyEventsComponent, selector: "pw-ahoy-events", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Events</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.events\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"defaultSortField\"\n      [sortOrder]=\"defaultSortOrder\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 mx-3\">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\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 Events...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\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            {{ 'Admin.Tracking.Properties' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"time\">\n            {{ 'Admin.Tracking.Time' | transloco }}\n            <p-sortIcon field=\"time\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-event>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Name\">{{ event.name }}</td>\n          <td data-head=\"Properties\"><span class=\"badge bg-info cursor-pointer\"\n              (click)=\"revealProp(objModal,event?.properties)\">Reveal properties</span></td>\n          <td data-head=\"Time\">{{ event.time }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"event?.user_id\">\n              <span *ngIf=\"event?.user\"><a [routerLink]=\"['/members', event?.user?.slug]\">{{ event?.user?.first_name }} {{ event?.user?.last_name }}</a></span>\n              <span *ngIf=\"!event?.user\">{{ event?.user_id }}</span>\n            </span>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n\n<!-- Object Modal -->\n<ng-template #objModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\">{{ 'Admin.Tracking.Properties' | transloco }}</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    <div *ngIf=\"activeObject\">\n      <ngx-json-viewer [json]=\"activeObject\"\n        [expanded]=\"false\"></ngx-json-viewer>\n    </div>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_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}}\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: "component", type: i6.NgxJsonViewerComponent, selector: "ngx-json-viewer", inputs: ["json", "expanded", "depth", "_currentDepth"] }, { kind: "component", type: i7.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i9.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i10.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i11.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AhoyEventsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AhoyEventsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-ahoy-events', template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Events</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.events\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"defaultSortField\"\n      [sortOrder]=\"defaultSortOrder\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 mx-3\">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\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 Events...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\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            {{ 'Admin.Tracking.Properties' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"time\">\n            {{ 'Admin.Tracking.Time' | transloco }}\n            <p-sortIcon field=\"time\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-event>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Name\">{{ event.name }}</td>\n          <td data-head=\"Properties\"><span class=\"badge bg-info cursor-pointer\"\n              (click)=\"revealProp(objModal,event?.properties)\">Reveal properties</span></td>\n          <td data-head=\"Time\">{{ event.time }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"event?.user_id\">\n              <span *ngIf=\"event?.user\"><a [routerLink]=\"['/members', event?.user?.slug]\">{{ event?.user?.first_name }} {{ event?.user?.last_name }}</a></span>\n              <span *ngIf=\"!event?.user\">{{ event?.user_id }}</span>\n            </span>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n\n<!-- Object Modal -->\n<ng-template #objModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\">{{ 'Admin.Tracking.Properties' | transloco }}</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    <div *ngIf=\"activeObject\">\n      <ngx-json-viewer [json]=\"activeObject\"\n        [expanded]=\"false\"></ngx-json-viewer>\n    </div>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_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}}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AhoyService }, { type: i2.NgbModal }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/components/tracking/ahoy-messages/ahoy-messages.component.mjs

@@ -85,10 +85,10 @@ export class AhoyMessagesComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AhoyMessagesComponent, deps: [{ token: i0.Injector }, { token: i1.AhoyService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: AhoyMessagesComponent, selector: "pw-ahoy-messages", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Messages</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.messages\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'sent_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 mx-3\">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\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 Messages...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"mailer\">\n            {{ 'Admin.Tracking.Mailer' | transloco }}\n            <p-sortIcon field=\"mailer\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"sent_at\">\n            {{ 'Admin.Tracking.SentAt' | transloco }}\n            <p-sortIcon field=\"sent_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"subject\">\n            {{ 'Admin.Tracking.Subject' | transloco }}\n            <p-sortIcon field=\"subject\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"to\">\n            {{ 'Admin.Tracking.To' | transloco }}\n            <p-sortIcon field=\"to\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"clicked_at\">\n            {{ 'Admin.Tracking.LastClickedAt' | transloco }}\n            <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"opened_at\">\n            {{ 'Admin.Tracking.LastOpenedAt' | transloco }}\n            <p-sortIcon field=\"opened_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"click_count\">\n            {{ 'Admin.Tracking.ClickCount' | transloco }}\n            <p-sortIcon field=\"click_count\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"open_count\">\n            {{ 'Admin.Tracking.OpenCount' | transloco }}\n            <p-sortIcon field=\"open_count\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-messages>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Mailer\">{{ messages.mailer }}</td>\n          <td data-head=\"Sent At\">{{ messages.sent_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Subject\">{{ messages.subject | textTruncate: 30 }}</td>\n          <td data-head=\"To\">{{ messages.to }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"messages?.user_id\">\n              <span *ngIf=\"messages?.user\"><a [routerLink]=\"['/members', messages?.user?.slug]\">{{ messages?.user?.first_name }} {{ messages?.user?.last_name }}</a></span>\n              <span *ngIf=\"!messages?.user\">{{ messages?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Last Clicked At\">\n            {{ messages?.clicked_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Last Opened At\">\n            {{ messages?.opened_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Click Count\">{{ messages?.click_count }}</td>\n          <td data-head=\"Open Count\">{{ messages?.open_count }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_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}}\n"], dependencies: [{ kind: "component", type: i2.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i7.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i11.TextTruncatePipe, name: "textTruncate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AhoyMessagesComponent, deps: [{ token: i0.Injector }, { token: i1.AhoyService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: AhoyMessagesComponent, selector: "pw-ahoy-messages", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Messages</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.messages\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'sent_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 mx-3\">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\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 Messages...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"mailer\">\n            {{ 'Admin.Tracking.Mailer' | transloco }}\n            <p-sortIcon field=\"mailer\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"sent_at\">\n            {{ 'Admin.Tracking.SentAt' | transloco }}\n            <p-sortIcon field=\"sent_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"subject\">\n            {{ 'Admin.Tracking.Subject' | transloco }}\n            <p-sortIcon field=\"subject\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"to\">\n            {{ 'Admin.Tracking.To' | transloco }}\n            <p-sortIcon field=\"to\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"clicked_at\">\n            {{ 'Admin.Tracking.LastClickedAt' | transloco }}\n            <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"opened_at\">\n            {{ 'Admin.Tracking.LastOpenedAt' | transloco }}\n            <p-sortIcon field=\"opened_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"click_count\">\n            {{ 'Admin.Tracking.ClickCount' | transloco }}\n            <p-sortIcon field=\"click_count\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"open_count\">\n            {{ 'Admin.Tracking.OpenCount' | transloco }}\n            <p-sortIcon field=\"open_count\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-messages>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Mailer\">{{ messages.mailer }}</td>\n          <td data-head=\"Sent At\">{{ messages.sent_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Subject\">{{ messages.subject | textTruncate: 30 }}</td>\n          <td data-head=\"To\">{{ messages.to }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"messages?.user_id\">\n              <span *ngIf=\"messages?.user\"><a [routerLink]=\"['/members', messages?.user?.slug]\">{{ messages?.user?.first_name }} {{ messages?.user?.last_name }}</a></span>\n              <span *ngIf=\"!messages?.user\">{{ messages?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Last Clicked At\">\n            {{ messages?.clicked_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Last Opened At\">\n            {{ messages?.opened_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Click Count\">{{ messages?.click_count }}</td>\n          <td data-head=\"Open Count\">{{ messages?.open_count }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_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}}\n"], dependencies: [{ kind: "component", type: i2.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i7.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i11.TextTruncatePipe, name: "textTruncate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AhoyMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AhoyMessagesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-ahoy-messages', template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Messages</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.messages\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'sent_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 mx-3\">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\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 Messages...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"mailer\">\n            {{ 'Admin.Tracking.Mailer' | transloco }}\n            <p-sortIcon field=\"mailer\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"sent_at\">\n            {{ 'Admin.Tracking.SentAt' | transloco }}\n            <p-sortIcon field=\"sent_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"subject\">\n            {{ 'Admin.Tracking.Subject' | transloco }}\n            <p-sortIcon field=\"subject\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"to\">\n            {{ 'Admin.Tracking.To' | transloco }}\n            <p-sortIcon field=\"to\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"clicked_at\">\n            {{ 'Admin.Tracking.LastClickedAt' | transloco }}\n            <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"opened_at\">\n            {{ 'Admin.Tracking.LastOpenedAt' | transloco }}\n            <p-sortIcon field=\"opened_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"click_count\">\n            {{ 'Admin.Tracking.ClickCount' | transloco }}\n            <p-sortIcon field=\"click_count\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"open_count\">\n            {{ 'Admin.Tracking.OpenCount' | transloco }}\n            <p-sortIcon field=\"open_count\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-messages>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Mailer\">{{ messages.mailer }}</td>\n          <td data-head=\"Sent At\">{{ messages.sent_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Subject\">{{ messages.subject | textTruncate: 30 }}</td>\n          <td data-head=\"To\">{{ messages.to }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"messages?.user_id\">\n              <span *ngIf=\"messages?.user\"><a [routerLink]=\"['/members', messages?.user?.slug]\">{{ messages?.user?.first_name }} {{ messages?.user?.last_name }}</a></span>\n              <span *ngIf=\"!messages?.user\">{{ messages?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Last Clicked At\">\n            {{ messages?.clicked_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Last Opened At\">\n            {{ messages?.opened_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Click Count\">{{ messages?.click_count }}</td>\n          <td data-head=\"Open Count\">{{ messages?.open_count }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_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}}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AhoyService }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/components/tracking/ahoy-visits/ahoy-visits.component.mjs

@@ -81,10 +81,10 @@ export class AhoyVisitsComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AhoyVisitsComponent, deps: [{ token: i0.Injector }, { token: i1.AhoyService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: AhoyVisitsComponent, selector: "pw-ahoy-visits", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Visits</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.visits\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'started_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 mx-3\">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\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 Visits...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"browser\">\n            {{ 'Admin.Tracking.Browser' | transloco }}\n            <p-sortIcon field=\"browser\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"device_type\">\n            {{ 'Admin.Tracking.DeviceType' | transloco }}\n            <p-sortIcon field=\"device_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"ip\">\n            {{ 'Admin.Tracking.Ip' | transloco }}\n            <p-sortIcon field=\"ip\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"os\">\n            {{ 'Admin.Tracking.Os' | transloco }}\n            <p-sortIcon field=\"os\"></p-sortIcon>\n          </th>\n          <th scope=\"true\">\n            {{ 'Admin.Tracking.User' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"started_at\">\n            {{ 'Admin.Tracking.StartedAt' | transloco }}\n            <p-sortIcon field=\"started_at\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-visits>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Browser\">{{ visits.browser }}</td>\n          <td data-head=\"Device Type\">{{ visits.device_type }}</td>\n          <td data-head=\"IP\">{{ visits.ip }}</td>\n          <td data-head=\"OS\">{{ visits.os }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"visits?.user_id\">\n              <span *ngIf=\"visits?.user\"><a [routerLink]=\"['/members', visits?.user?.slug]\">{{ visits?.user?.first_name }} {{ visits?.user?.last_name }}</a></span>\n              <span *ngIf=\"!visits?.user\">{{ visits?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Started At\">{{ visits.started_at }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-responsive td,.table-responsive th{font-size:11px!important}\n"], dependencies: [{ kind: "component", type: i2.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i7.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AhoyVisitsComponent, deps: [{ token: i0.Injector }, { token: i1.AhoyService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: AhoyVisitsComponent, selector: "pw-ahoy-visits", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Visits</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.visits\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'started_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 mx-3\">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\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 Visits...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"browser\">\n            {{ 'Admin.Tracking.Browser' | transloco }}\n            <p-sortIcon field=\"browser\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"device_type\">\n            {{ 'Admin.Tracking.DeviceType' | transloco }}\n            <p-sortIcon field=\"device_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"ip\">\n            {{ 'Admin.Tracking.Ip' | transloco }}\n            <p-sortIcon field=\"ip\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"os\">\n            {{ 'Admin.Tracking.Os' | transloco }}\n            <p-sortIcon field=\"os\"></p-sortIcon>\n          </th>\n          <th scope=\"true\">\n            {{ 'Admin.Tracking.User' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"started_at\">\n            {{ 'Admin.Tracking.StartedAt' | transloco }}\n            <p-sortIcon field=\"started_at\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-visits>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Browser\">{{ visits.browser }}</td>\n          <td data-head=\"Device Type\">{{ visits.device_type }}</td>\n          <td data-head=\"IP\">{{ visits.ip }}</td>\n          <td data-head=\"OS\">{{ visits.os }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"visits?.user_id\">\n              <span *ngIf=\"visits?.user\"><a [routerLink]=\"['/members', visits?.user?.slug]\">{{ visits?.user?.first_name }} {{ visits?.user?.last_name }}</a></span>\n              <span *ngIf=\"!visits?.user\">{{ visits?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Started At\">{{ visits.started_at }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-responsive td,.table-responsive th{font-size:11px!important}\n"], dependencies: [{ kind: "component", type: i2.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i7.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AhoyVisitsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AhoyVisitsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-ahoy-visits', template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Visits</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.visits\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'started_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 mx-3\">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\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 Visits...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"browser\">\n            {{ 'Admin.Tracking.Browser' | transloco }}\n            <p-sortIcon field=\"browser\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"device_type\">\n            {{ 'Admin.Tracking.DeviceType' | transloco }}\n            <p-sortIcon field=\"device_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"ip\">\n            {{ 'Admin.Tracking.Ip' | transloco }}\n            <p-sortIcon field=\"ip\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"os\">\n            {{ 'Admin.Tracking.Os' | transloco }}\n            <p-sortIcon field=\"os\"></p-sortIcon>\n          </th>\n          <th scope=\"true\">\n            {{ 'Admin.Tracking.User' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"started_at\">\n            {{ 'Admin.Tracking.StartedAt' | transloco }}\n            <p-sortIcon field=\"started_at\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-visits>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Browser\">{{ visits.browser }}</td>\n          <td data-head=\"Device Type\">{{ visits.device_type }}</td>\n          <td data-head=\"IP\">{{ visits.ip }}</td>\n          <td data-head=\"OS\">{{ visits.os }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"visits?.user_id\">\n              <span *ngIf=\"visits?.user\"><a [routerLink]=\"['/members', visits?.user?.slug]\">{{ visits?.user?.first_name }} {{ visits?.user?.last_name }}</a></span>\n              <span *ngIf=\"!visits?.user\">{{ visits?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Started At\">{{ visits.started_at }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-responsive td,.table-responsive th{font-size:11px!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AhoyService }, { type: i0.ChangeDetectorRef }] });