ngx-techlify-core 11.3.5 → 11.3.9

package/fesm2015/ngx-techlify-core.js

@@ -4,7 +4,7 @@ import { __decorate, __awaiter } from 'tslib';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import { MatSort, MatSortModule } from '@angular/material/sort';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
-import { Location, CommonModule } from '@angular/common';
+import { Location, DatePipe, CommonModule } from '@angular/common';
 import { Validators, FormBuilder, FormControl, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { HttpResponse, HttpClient, HttpHandler, HttpClientModule } from '@angular/common/http';
 import { throwError, Observable, Subject, of, from, fromEvent } from 'rxjs';
@@ -38,6 +38,7 @@ import { diff, formatters } from 'jsondiffpatch';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 
 class ActionPopup {
 }
@@ -2289,7 +2290,7 @@ function calculateTimeline(value) {
         }
         case 4: { // This Week
             var first = date.getDate() - date.getDay() + 1; // First day is the day of the month - the day of the week
-            var last = first + 6; // last day is the first day + 6   
+            var last = first + 6; // last day is the first day + 6
             data.date_from = new Date(date.setDate(first));
             data.date_to = new Date(date.setDate(last));
             break;
@@ -2368,8 +2369,11 @@ Timeline.THIS_YEAR = 10;
 Timeline.LAST_YEAR = 11;
 Timeline.ALL = 12;
 
-let TimelineFilterComponent = class TimelineFilterComponent {
-    constructor() {
+var TimelineFilterComponent_1;
+let TimelineFilterComponent = TimelineFilterComponent_1 = class TimelineFilterComponent {
+    constructor(formBuilder, ngControl, datePipe) {
+        this.ngControl = ngControl;
+        this.datePipe = datePipe;
         this.timelineValue = new FormControl('');
         this.timelines = [
             { value: 1, viewValue: 'Custom' },
@@ -2385,20 +2389,73 @@ let TimelineFilterComponent = class TimelineFilterComponent {
             { value: 11, viewValue: 'Last Year' },
             { value: 12, viewValue: 'All dates' },
         ];
-        this.labelText = 'Select Timeline';
         this.dateFrom = 'date_from';
         this.dateTo = 'date_to';
         this.appearance = "legacy";
         this.showClearbutton = false;
+        /**
+         * @deprecated  The form input is deprated
+         */
+        this.form = null;
+        this.labelText = 'Select Timeline';
+        this.touchUi = true;
+        this.selectedValueChange = new EventEmitter();
+        this.selectionChange = new EventEmitter();
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.stateChanges = new Subject();
+        this.controlType = 'timeline-filter';
+        this.id = `timeline-filter-${TimelineFilterComponent_1.nextId++}`;
+        this.describedBy = '';
         this.showCustomDateFields = false;
+        this._required = false;
+        this._disabled = false;
+        this.selectorForm = formBuilder.group({
+            select_value: [null],
+        });
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
     }
     set defaultValue(value) {
         this.timelineValue.setValue(value);
         this.changeTimeline(value);
     }
-    ngOnInit() {
-        this.timelineValue.valueChanges.
-            pipe(debounceTime(100), distinctUntilChanged(), untilDestroyed(this)).subscribe(value => this.changeTimeline(value));
+    get required() { return this._required; }
+    set required(value) {
+        this.selectorForm.get('select_value').setValidators(Validators.required);
+        this._required = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        this._disabled ? this.selectorForm.disable() : this.selectorForm.enable();
+        this.stateChanges.next();
+    }
+    get value() {
+        if (this.selectorForm.valid) {
+            return this.selectorForm.value.select_value;
+        }
+        return '';
+    }
+    set value(data) {
+        this.selectorForm.patchValue({ select_value: data || '' });
+        this._handleInput();
+        this.stateChanges.next();
+    }
+    getDateRangeString() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        let str = "";
+        if ((_a = this.selectedRange) === null || _a === void 0 ? void 0 : _a.show_custom_field) {
+            if (((_b = this.selectedRange) === null || _b === void 0 ? void 0 : _b.date_from.toUTCString()) != 'Invalid Date') {
+                str += ' - ' + this.datePipe.transform((_d = (_c = this.selectedRange) === null || _c === void 0 ? void 0 : _c.date_from) === null || _d === void 0 ? void 0 : _d.toUTCString());
+            }
+            if (((_e = this.selectedRange) === null || _e === void 0 ? void 0 : _e.date_to.toUTCString()) != 'Invalid Date') {
+                str += ' - ' + this.datePipe.transform((_g = (_f = this.selectedRange) === null || _f === void 0 ? void 0 : _f.date_to) === null || _g === void 0 ? void 0 : _g.toUTCString());
+            }
+        }
+        return str;
     }
     resetFieldValue(field) {
         this.form.get(field).setValue('');
@@ -2417,27 +2474,97 @@ let TimelineFilterComponent = class TimelineFilterComponent {
             this.showCustomDateFields = timeline.show_custom_field;
         }
     }
+    _handleInput() {
+        if (this.value == 1) {
+            this.picker.open();
+            return;
+        }
+        const range = calculateTimeline(this.value);
+        this.selectedRange = range;
+        this.onChange(this.value);
+        this.selectedValueChange.emit(this.selectedValue);
+        this.selectionChange.emit(range);
+    }
+    dateRangeChange(dateRangeStart, dateRangeEnd) {
+        const range = {
+            date_from: new Date(dateRangeStart.value),
+            date_to: new Date(dateRangeEnd.value),
+            show_custom_field: true
+        };
+        this.selectedRange = range;
+        this.onChange(this.value);
+        this.selectedValueChange.emit(this.selectedValue);
+        this.selectionChange.emit(range);
+    }
+    onCustomDateChange(event) {
+        console.log(event);
+    }
+    setDescribedByIds(ids) {
+        this.describedBy = ids.join(' ');
+    }
+    onContainerClick(event) {
+        event.stopPropagation();
+    }
+    writeValue(data) {
+        this.value = data;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    ngOnInit() {
+        console.log(this.form);
+        this.timelineValue.valueChanges.
+            pipe(debounceTime(100), distinctUntilChanged(), untilDestroyed(this)).subscribe(value => this.changeTimeline(value));
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
 };
+TimelineFilterComponent.nextId = 0;
 TimelineFilterComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-timeline-filter',
-                template: "<ng-container [formGroup]=\"form\">\n    <mat-form-field [appearance]=\"appearance\">\n        <mat-label>{{labelText}}</mat-label>\n        <mat-select [formControl]=\"timelineValue\">\n            <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline.value\">\n                {{timeline.viewValue}}\n            </mat-option>\n        </mat-select>\n        <button mat-button *ngIf=\"showClearbutton && timelineValue.value\" matSuffix mat-icon-button\n            (click)=\"timelineValue.setValue('')\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-form-field>\n\n    <ng-container *ngIf=\"showCustomDateFields\">\n        <mat-form-field [appearance]=\"appearance\">\n            <mat-label>From Date</mat-label>\n            <input matInput formControlName=\"{{dateFrom}}\" [matDatepicker]=\"fromPicker\" (click)=\"fromPicker.open()\"\n                placeholder=\"From Date\" readonly />\n            <mat-datepicker-toggle matSuffix [for]=\"fromPicker\"></mat-datepicker-toggle>\n            <mat-datepicker #fromPicker></mat-datepicker>\n            <button mat-button *ngIf=\"getFieldValue(dateFrom)\" matSuffix mat-icon-button\n                (click)=\"resetFieldValue(dateFrom)\">\n                <mat-icon>close</mat-icon>\n            </button>\n        </mat-form-field>\n\n        <mat-form-field [appearance]=\"appearance\">\n            <mat-label>To Date</mat-label>\n            <input matInput formControlName=\"{{dateTo}}\" [matDatepicker]=\"toPicker\" (click)=\"toPicker.open()\"\n                placeholder=\"To Date\" readonly />\n            <mat-datepicker-toggle matSuffix [for]=\"\"></mat-datepicker-toggle>\n            <mat-datepicker #toPicker></mat-datepicker>\n            <button mat-button *ngIf=\"getFieldValue(dateTo)\" matSuffix mat-icon-button\n                (click)=\"resetFieldValue(dateTo)\">\n                <mat-icon>close</mat-icon>\n            </button>\n        </mat-form-field>\n\n    </ng-container>\n</ng-container>",
+                template: "<ng-container *ngIf=\"form\" [formGroup]=\"form\">\n  <mat-form-field [appearance]=\"appearance\">\n      <mat-label>{{labelText}}</mat-label>\n      <mat-select [formControl]=\"timelineValue\">\n          <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline.value\">\n              {{timeline.viewValue}}\n          </mat-option>\n      </mat-select>\n      <button mat-button *ngIf=\"showClearbutton && timelineValue.value\" matSuffix mat-icon-button\n          (click)=\"timelineValue.setValue('')\">\n          <mat-icon>close</mat-icon>\n      </button>\n  </mat-form-field>\n\n  <ng-container *ngIf=\"showCustomDateFields\">\n      <mat-form-field [appearance]=\"appearance\">\n          <mat-label>From Date</mat-label>\n          <input matInput formControlName=\"{{dateFrom}}\" [matDatepicker]=\"fromPicker\" (click)=\"fromPicker.open()\"\n              placeholder=\"From Date\" readonly />\n          <mat-datepicker-toggle matSuffix [for]=\"fromPicker\"></mat-datepicker-toggle>\n          <mat-datepicker #fromPicker></mat-datepicker>\n          <button mat-button *ngIf=\"getFieldValue(dateFrom)\" matSuffix mat-icon-button\n              (click)=\"resetFieldValue(dateFrom)\">\n              <mat-icon>close</mat-icon>\n          </button>\n      </mat-form-field>\n\n      <mat-form-field [appearance]=\"appearance\">\n          <mat-label>To Date</mat-label>\n          <input matInput formControlName=\"{{dateTo}}\" [matDatepicker]=\"toPicker\" (click)=\"toPicker.open()\"\n              placeholder=\"To Date\" readonly />\n          <mat-datepicker-toggle matSuffix [for]=\"\"></mat-datepicker-toggle>\n          <mat-datepicker #toPicker></mat-datepicker>\n          <button mat-button *ngIf=\"getFieldValue(dateTo)\" matSuffix mat-icon-button\n              (click)=\"resetFieldValue(dateTo)\">\n              <mat-icon>close</mat-icon>\n          </button>\n      </mat-form-field>\n\n  </ng-container>\n</ng-container>\n<div *ngIf=\"!form\" [formGroup]=\"selectorForm\">\n  <mat-select formControlName=\"select_value\" focused=\"false\" [required]=\"required\"\n      autocomplete=\"off\" (selectionChange)=\"_handleInput()\">\n      <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline?.value\">\n          {{ timeline?.viewValue }} {{ selectedRange?.show_custom_field && timeline?.value == 1 ? getDateRangeString() : '' }}\n      </mat-option>\n  </mat-select>\n  <mat-date-range-input hidden (dateChange)=\"onCustomDateChange($event)\" [rangePicker]=\"picker\">\n      <input matStartDate #customStartDate>\n      <input matEndDate (dateChange)=\"dateRangeChange(customStartDate, customEndDate)\" #customEndDate>\n  </mat-date-range-input>\n  <mat-date-range-picker #picker [touchUi]=\"touchUi\"></mat-date-range-picker>\n</div>\n",
+                providers: [
+                    {
+                        provide: MatFormFieldControl,
+                        useExisting: TimelineFilterComponent_1
+                    }
+                ],
                 styles: [""]
             },] }
 ];
-TimelineFilterComponent.ctorParameters = () => [];
+TimelineFilterComponent.ctorParameters = () => [
+    { type: FormBuilder },
+    { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
+    { type: DatePipe }
+];
 TimelineFilterComponent.propDecorators = {
+    picker: [{ type: ViewChild, args: ['picker',] }],
     timelineValue: [{ type: Input }],
     timelines: [{ type: Input }],
-    labelText: [{ type: Input }],
     dateFrom: [{ type: Input }],
     dateTo: [{ type: Input }],
     appearance: [{ type: Input }],
     showClearbutton: [{ type: Input }],
     form: [{ type: Input }],
-    defaultValue: [{ type: Input }]
+    labelText: [{ type: Input }],
+    selectedValue: [{ type: Input }],
+    touchUi: [{ type: Input }],
+    selectedValueChange: [{ type: Output }],
+    selectionChange: [{ type: Output }],
+    defaultValue: [{ type: Input }],
+    required: [{ type: Input }],
+    disabled: [{ type: Input }],
+    value: [{ type: Input }]
 };
-TimelineFilterComponent = __decorate([
+TimelineFilterComponent = TimelineFilterComponent_1 = __decorate([
     UntilDestroy()
 ], TimelineFilterComponent);
 
@@ -3441,7 +3568,7 @@ let EmailSubscriptionUserListFilterComponent = class EmailSubscriptionUserListFi
 EmailSubscriptionUserListFilterComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-email-subscription-user-list-filter',
-                template: "<form [formGroup]=\"esUserFilterForm\" fxLayout=\"row wrap\" fxLayoutGap=\"1rem\" fxLayoutAlign=\"start center\">\n    <mat-form-field class=\"ml-3\">\n        <mat-label>User</mat-label>\n        <app-searchable-selector formControlName=\"user_id\" apiUrl=\"api/users\" titleField=\"name\">\n        </app-searchable-selector>\n        <button mat-button *ngIf=\"getFieldValue('user_id')\" matSuffix mat-icon-button\n            (click)=\"resetFieldValue('user_id')\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-form-field>\n\n    <mat-form-field class=\"ml-3\">\n        <mat-label>Email Type</mat-label>\n        <app-searchable-selector formControlName=\"email_type_id\" apiUrl=\"api/email-subscription-types\">\n        </app-searchable-selector>\n        <button mat-button *ngIf=\"getFieldValue('user_id')\" matSuffix mat-icon-button\n            (click)=\"resetFieldValue('user_id')\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-form-field>\n</form>",
+                template: "<form [formGroup]=\"esUserFilterForm\" fxLayout=\"row wrap\" fxLayoutGap=\"1rem\" fxLayoutAlign=\"start center\">\n    <mat-form-field class=\"ml-3\">\n        <mat-label>User</mat-label>\n        <app-searchable-selector formControlName=\"user_id\" apiUrl=\"api/users\" titleField=\"name\">\n        </app-searchable-selector>\n        <button mat-button *ngIf=\"getFieldValue('user_id')\" matSuffix mat-icon-button\n            (click)=\"resetFieldValue('user_id')\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-form-field>\n\n    <mat-form-field class=\"ml-3\">\n        <mat-label>Email Type</mat-label>\n        <app-searchable-selector formControlName=\"email_type_id\" apiUrl=\"api/email-subscription-types\">\n        </app-searchable-selector>\n        <button mat-button *ngIf=\"getFieldValue('email_type_id')\" matSuffix mat-icon-button\n            (click)=\"resetFieldValue('email_type_id')\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-form-field>\n</form>",
                 styles: [""]
             },] }
 ];
@@ -3761,7 +3888,7 @@ let EmailSubscriptionTypeListComponent = class EmailSubscriptionTypeListComponen
 EmailSubscriptionTypeListComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-email-subscription-type-list',
-                template: "<div class=\"mat-typography m-4\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n        <mat-form-field>\n            <input matInput [formControl]=\"search\" placeholder=\"Email Type\" autocomplete=\"off\" />\n            <button mat-button matSuffix mat-icon-button>\n                <mat-icon>search</mat-icon>\n            </button>\n            <button mat-button *ngIf=\"search.value\" matSuffix mat-icon-button (click)=\"search.setValue('')\">\n                <mat-icon>close</mat-icon>\n            </button>\n        </mat-form-field>\n        <div class=\"ml-2\">\n            <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"addEmailSubscriptionType()\">+ Email\n                Type</button>\n        </div>\n        <span fxFlex></span>\n        <mat-form-field appearance=\"outline\" class=\"no-padding\">\n            <mat-label>Columns</mat-label>\n            <mat-select [formControl]=\"displayColumns\" multiple (selectionChange)=\"columnsChange()\">\n                <mat-option *ngFor=\"let column of availableDisplayColumns\" [value]=\"column.value\">{{column.name}}\n                </mat-option>\n            </mat-select>\n        </mat-form-field>\n    </div>\n\n    <section>\n        <div class=\"scroll-container\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n            (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n            <table mat-table [dataSource]=\"emailSubscriptionTypeList\" matSort class=\"w-100 mt-1\" multiTemplateDataRows\n                id=\"email-subscription-type-table\">\n\n                <!-- Index Column -->\n                <ng-container matColumnDef=\"index\">\n                    <th mat-header-cell *matHeaderCellDef> # </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType; let i = dataIndex\"> {{ i+1 }} </td>\n                </ng-container>\n                <ng-container matColumnDef=\"title\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Title </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.title }} </td>\n                </ng-container>\n                <ng-container matColumnDef=\"code\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Code </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.code }}\n                    </td>\n                </ng-container>\n                <ng-container matColumnDef=\"frequency.title\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Code </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.frequency?.title }}\n                    </td>\n                </ng-container>\n                <ng-container matColumnDef=\"description\">\n                    <th mat-header-cell *matHeaderCellDef> Description </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.description }}\n                    </td>\n                </ng-container>\n\n                <!-- Actions Column -->\n                <ng-container matColumnDef=\"actions\">\n                    <th mat-header-cell *matHeaderCellDef> Actions </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType\">\n                        <button type=\"button\" mat-icon-button\n                            (click)=\"deleteEmailSubscriptionType($event,emailSubscriptionType)\">\n                            <mat-icon>delete</mat-icon>\n                        </button>\n                        <button type=\"button\" mat-icon-button\n                            (click)=\"editEmailSubscriptionType($event,emailSubscriptionType)\">\n                            <mat-icon>edit</mat-icon>\n                        </button>\n                    </td>\n                </ng-container>\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky:true\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n            </table>\n        </div>\n    </section>\n</div>",
+                template: "<div class=\"mat-typography m-4\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n        <mat-form-field>\n            <input matInput [formControl]=\"search\" placeholder=\"Email Type\" autocomplete=\"off\" />\n            <button mat-button matSuffix mat-icon-button>\n                <mat-icon>search</mat-icon>\n            </button>\n            <button mat-button *ngIf=\"search.value\" matSuffix mat-icon-button (click)=\"search.setValue('')\">\n                <mat-icon>close</mat-icon>\n            </button>\n        </mat-form-field>\n        <div class=\"ml-2\">\n            <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"addEmailSubscriptionType()\">+ Email\n                Type</button>\n        </div>\n        <span fxFlex></span>\n        <mat-form-field appearance=\"outline\" class=\"no-padding\">\n            <mat-label>Columns</mat-label>\n            <mat-select [formControl]=\"displayColumns\" multiple (selectionChange)=\"columnsChange()\">\n                <mat-option *ngFor=\"let column of availableDisplayColumns\" [value]=\"column.value\">{{column.name}}\n                </mat-option>\n            </mat-select>\n        </mat-form-field>\n    </div>\n\n    <section>\n        <div class=\"scroll-container\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n            (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n            <table mat-table [dataSource]=\"emailSubscriptionTypeList\" matSort class=\"w-100 mt-1\" multiTemplateDataRows\n                id=\"email-subscription-type-table\">\n\n                <!-- Index Column -->\n                <ng-container matColumnDef=\"index\">\n                    <th mat-header-cell *matHeaderCellDef> # </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType; let i = dataIndex\"> {{ i+1 }} </td>\n                </ng-container>\n                <ng-container matColumnDef=\"title\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Title </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.title }} </td>\n                </ng-container>\n                <ng-container matColumnDef=\"code\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Code </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.code }}\n                    </td>\n                </ng-container>\n                <ng-container matColumnDef=\"frequency.title\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Frequency </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.frequency?.title }}\n                    </td>\n                </ng-container>\n                <ng-container matColumnDef=\"description\">\n                    <th mat-header-cell *matHeaderCellDef> Description </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.description }}\n                    </td>\n                </ng-container>\n\n                <!-- Actions Column -->\n                <ng-container matColumnDef=\"actions\">\n                    <th mat-header-cell *matHeaderCellDef> Actions </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType\">\n                        <button type=\"button\" mat-icon-button\n                            (click)=\"deleteEmailSubscriptionType($event,emailSubscriptionType)\">\n                            <mat-icon>delete</mat-icon>\n                        </button>\n                        <button type=\"button\" mat-icon-button\n                            (click)=\"editEmailSubscriptionType($event,emailSubscriptionType)\">\n                            <mat-icon>edit</mat-icon>\n                        </button>\n                    </td>\n                </ng-container>\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky:true\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n            </table>\n        </div>\n    </section>\n</div>",
                 styles: [".scroll-container{max-height:800px;overflow-y:auto}"]
             },] }
 ];
@@ -4712,14 +4839,12 @@ let AuditLogViewModelComponent = class AuditLogViewModelComponent {
     }
     getTransformedChanges() {
         var _a, _b, _c, _d;
-        if ((_b = (_a = this.logInfo) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.changes) {
-            const changes = Object.keys((_d = (_c = this.logInfo) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.changes) || [];
-            changes.forEach((key) => {
-                var _a, _b, _c, _d;
-                const displayAttribute = key.split('_').map(x => x.charAt(0).toUpperCase() + x.slice(1)).join(' ');
-                this.changeList.push({ displayAttribute: displayAttribute, attribute: key, newValue: (_b = (_a = this.logInfo) === null || _a === void 0 ? void 0 : _a.object[key]) !== null && _b !== void 0 ? _b : '', oldValue: (_d = (_c = this.logInfo) === null || _c === void 0 ? void 0 : _c.pre_object[key]) !== null && _d !== void 0 ? _d : '' });
-            });
-        }
+        const changes = ((((_a = this.logInfo) === null || _a === void 0 ? void 0 : _a.action) === 'deleted') ? Object.keys((_b = this.logInfo) === null || _b === void 0 ? void 0 : _b.object) : Object.keys((_d = (_c = this.logInfo) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.changes)) || [];
+        changes.forEach((key) => {
+            var _a, _b, _c, _d, _e;
+            const displayAttribute = key.split('_').map(x => x.charAt(0).toUpperCase() + x.slice(1)).join(' ');
+            this.changeList.push({ displayAttribute: displayAttribute, attribute: key, newValue: (((_a = this.logInfo) === null || _a === void 0 ? void 0 : _a.action) === 'deleted') ? '' : ((_c = (_b = this.logInfo) === null || _b === void 0 ? void 0 : _b.object[key]) !== null && _c !== void 0 ? _c : ''), oldValue: (_e = (_d = this.logInfo) === null || _d === void 0 ? void 0 : _d.pre_object[key]) !== null && _e !== void 0 ? _e : '' });
+        });
     }
     close() {
         this.dialogRef.close();
@@ -5160,14 +5285,12 @@ class AuditLogViewComponent {
     }
     getTransformedChanges() {
         var _a, _b, _c, _d;
-        if ((_b = (_a = this.logInfo) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.changes) {
-            const changes = Object.keys((_d = (_c = this.logInfo) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.changes) || [];
-            changes.forEach((key) => {
-                var _a, _b, _c, _d;
-                const displayAttribute = key.split('_').map(x => x.charAt(0).toUpperCase() + x.slice(1)).join(' ');
-                this.changeList.push({ displayAttribute: displayAttribute, attribute: key, newValue: (_b = (_a = this.logInfo) === null || _a === void 0 ? void 0 : _a.object[key]) !== null && _b !== void 0 ? _b : '', oldValue: (_d = (_c = this.logInfo) === null || _c === void 0 ? void 0 : _c.pre_object[key]) !== null && _d !== void 0 ? _d : '' });
-            });
-        }
+        const changes = ((((_a = this.logInfo) === null || _a === void 0 ? void 0 : _a.action) === 'deleted') ? Object.keys((_b = this.logInfo) === null || _b === void 0 ? void 0 : _b.object) : Object.keys((_d = (_c = this.logInfo) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.changes)) || [];
+        changes.forEach((key) => {
+            var _a, _b, _c, _d, _e;
+            const displayAttribute = key.split('_').map(x => x.charAt(0).toUpperCase() + x.slice(1)).join(' ');
+            this.changeList.push({ displayAttribute: displayAttribute, attribute: key, newValue: (((_a = this.logInfo) === null || _a === void 0 ? void 0 : _a.action) === 'deleted') ? '' : ((_c = (_b = this.logInfo) === null || _b === void 0 ? void 0 : _b.object[key]) !== null && _c !== void 0 ? _c : ''), oldValue: (_e = (_d = this.logInfo) === null || _d === void 0 ? void 0 : _d.pre_object[key]) !== null && _e !== void 0 ? _e : '' });
+        });
     }
     fetchLogDetail(logId) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -5604,6 +5727,7 @@ let LoginHistoryForUserComponent = class LoginHistoryForUserComponent {
         };
         this.displayedColumns = ['index', 'created_at'];
         this.historyFilterForm = this.fb.group({
+            'duration': [''],
             'date_from': [''],
             'date_to': ['']
         });
@@ -5619,6 +5743,14 @@ let LoginHistoryForUserComponent = class LoginHistoryForUserComponent {
         });
         this.initializeData();
     }
+    onTimelineChange(range) {
+        let date_from = (range === null || range === void 0 ? void 0 : range.date_from) ? new Date(range.date_from) : '';
+        let date_to = (range === null || range === void 0 ? void 0 : range.date_to) ? new Date(range.date_to) : '';
+        this.historyFilterForm.patchValue({
+            date_from,
+            date_to
+        });
+    }
     initializeData() {
         this.http.get(`api/user-login-history`, { params: Object.assign(Object.assign({}, this.filters), this.pageEvent) })
             .pipe(untilDestroyed(this))
@@ -5650,7 +5782,7 @@ let LoginHistoryForUserComponent = class LoginHistoryForUserComponent {
 LoginHistoryForUserComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-login-history-for-user',
-                template: "<div class=\"mat-typography m-4\">\n    <form fxLayoutAlign=\" start center\">\n        <app-timeline-filter [form]=\"historyFilterForm\"></app-timeline-filter>\n    </form>\n\n\n\n    <section>\n        <div class=\"scroll-container\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n            (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n            <table mat-table [dataSource]=\"loginHistoryList\" matSort class=\"w-100 mt-1\" multiTemplateDataRows\n                id=\"login-history-table\">\n\n                <!-- Index Column -->\n                <ng-container matColumnDef=\"index\">\n                    <th mat-header-cell *matHeaderCellDef> # </th>\n                    <td mat-cell *matCellDef=\"let loginHistory; let i = dataIndex\"> {{ i+1 }} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"created_at\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Last Login</th>\n                    <td mat-cell *matCellDef=\"let loginHistory;\">\n                        {{loginHistory?.created_at | date:'medium' }}\n                    </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns;\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n            </table>\n        </div>\n\n    </section>\n</div>",
+                template: "<div class=\"mat-typography m-4\">\n    <form [formGroup]=\"historyFilterForm\" fxLayoutAlign=\" start center\">\n        <app-timeline-filter formControlName=\"duration\" (selectionChange)=\"onTimelineChange($event)\"></app-timeline-filter>\n    </form>\n\n    <section>\n        <div class=\"scroll-container\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n            (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n            <table mat-table [dataSource]=\"loginHistoryList\" matSort class=\"w-100 mt-1\" multiTemplateDataRows\n                id=\"login-history-table\">\n\n                <!-- Index Column -->\n                <ng-container matColumnDef=\"index\">\n                    <th mat-header-cell *matHeaderCellDef> # </th>\n                    <td mat-cell *matCellDef=\"let loginHistory; let i = dataIndex\"> {{ i+1 }} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"created_at\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Last Login</th>\n                    <td mat-cell *matCellDef=\"let loginHistory;\">\n                        {{loginHistory?.created_at | date:'medium' }}\n                    </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns;\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n            </table>\n        </div>\n\n    </section>\n</div>\n",
                 styles: [".scroll-container{max-height:800px;overflow-y:auto}"]
             },] }
 ];
@@ -6166,6 +6298,319 @@ TechlifyTaggerTagSelectorModule.decorators = [
             },] }
 ];
 
+class TechlifyFeatureService {
+    constructor(dataManager) {
+        this.dataManager = dataManager;
+    }
+    getFeatures() {
+        return this.dataManager.GET(`api/features`);
+    }
+    disableFeature(id) {
+        return this.dataManager.GET(`api/feature/${id}/disable`);
+    }
+    enableFeature(id) {
+        return this.dataManager.GET(`api/feature/${id}/enable`);
+    }
+}
+TechlifyFeatureService.ɵprov = ɵɵdefineInjectable({ factory: function TechlifyFeatureService_Factory() { return new TechlifyFeatureService(ɵɵinject(DataManager)); }, token: TechlifyFeatureService, providedIn: "root" });
+TechlifyFeatureService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+TechlifyFeatureService.ctorParameters = () => [
+    { type: DataManager }
+];
+
+let TechlifyFeatureListingComponent = class TechlifyFeatureListingComponent {
+    constructor(dataManager, errorHandler, fb, alertService, dialog, storage, featureService) {
+        this.dataManager = dataManager;
+        this.errorHandler = errorHandler;
+        this.fb = fb;
+        this.alertService = alertService;
+        this.dialog = dialog;
+        this.storage = storage;
+        this.featureService = featureService;
+        this.features = [];
+        this.displayedColumns = [
+            'index',
+            'feature',
+            'description',
+            'actions',
+        ];
+        this.dataSource = new MatTableDataSource();
+        this.page = 1;
+        this.perPage = 25;
+        this.isWorking = false;
+        this.filterFormGroup = this.fb.group({
+            num_items: [""]
+        });
+    }
+    ngOnInit() {
+        this.loadData();
+        this.listenForChanges();
+    }
+    listenForChanges() {
+        this.filterFormGroup.valueChanges
+            .pipe(debounceTime(500), untilDestroyed(this))
+            .subscribe((changes) => {
+            this.reload();
+        });
+    }
+    loadData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            let result;
+            try {
+                this.isWorking = true;
+                var filter = this.filterFormGroup.value;
+                filter.page = this.page;
+                filter.perPage = this.perPage;
+                result = yield this.dataManager.GET(`api/features`, filter);
+                this.features = this.features.concat(result.data);
+                this.dataSource = new MatTableDataSource(this.features);
+                if (!this.storage.getItem('features')) {
+                    this.setStorage(this.features);
+                }
+                this.isWorking = false;
+            }
+            catch (error) {
+                this.errorHandler.handleError(error);
+            }
+            finally {
+                this.isWorking = false;
+            }
+        });
+    }
+    toggeleFeature(element, feature) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let status = element ? 'Off' : "On";
+            let data;
+            const dialogRef = this.dialog.open(ActionPopupComponent, {
+                width: "400px",
+                data: {
+                    title: `Turn this feature ${status}?`,
+                    message: `Would you like to turn ${feature.title} feature ${status}`
+                }
+            });
+            dialogRef.afterClosed().subscribe((result) => __awaiter(this, void 0, void 0, function* () {
+                if (result) {
+                    try {
+                        data = element
+                            ? yield this.featureService.disableFeature(feature.id)
+                            : yield this.featureService.enableFeature(feature.id);
+                    }
+                    catch (error) {
+                        this.errorHandler.handleError(error);
+                    }
+                    finally {
+                        this.alertService.addAlert(`You have just turned ${status} the feature ${feature.title}`, 'success');
+                        this.reload();
+                        this.storage.removeItem('features');
+                        this.setStorage(this.features);
+                        this.isWorking = false;
+                    }
+                }
+                else {
+                    this.reload();
+                }
+            }));
+        });
+    }
+    setStorage(features) {
+        let localFeatures = [];
+        for (let feature of features) {
+            if (!feature.client_feature) {
+                if (feature.is_enabled_default) {
+                    localFeatures.push(feature.code);
+                }
+            }
+            else {
+                if (feature.client_feature.is_enabled) {
+                    localFeatures.push(feature.code);
+                }
+            }
+        }
+        this.storage.setItem("features", localFeatures);
+    }
+    reload() {
+        this.features = [];
+        this.page = 1;
+        if (!this.isWorking) {
+            this.loadData();
+        }
+    }
+    onScroll() {
+        if (!this.isWorking && this.page < this.lastPage) {
+            this.page += 1;
+            this.loadData();
+        }
+    }
+    sortColumn(event) {
+        var direction = event.direction.toString().toUpperCase();
+        this.assignFilter(event.active, direction);
+        this.reload();
+    }
+    assignFilter(column, direction) {
+        switch (column) {
+            case 'name': {
+                return this.filterFormGroup
+                    .get('sort_by')
+                    .setValue('first_name|' + direction);
+            }
+            case 'added_on': {
+                return this.filterFormGroup
+                    .get('sort_by')
+                    .setValue('created_at|' + direction);
+            }
+        }
+    }
+};
+TechlifyFeatureListingComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-techlify-listing-feature',
+                template: "<div fxLayout=\"column\" fxLayoutGap=\"3rem\" class=\"p-3\">\n  <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"primary-color mt-3\">\n    <h3>Features Configuration</h3>\n    <mat-hint>\n      <i> Here you can specify which optional features you'd like to have available to your team </i>\n    </mat-hint>\n  </div>\n\n\n  <div>\n    <mat-card>\n      <mat-card-content fxlayout=\"column\" style=\"overflow: auto; height: 700px\" class=\"classifications-card\">\n        <table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z8 w-100\" matSort multiTemplateDataRows\n          (matSortChange)=\"sortColumn($event)\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n          (scrolled)=\"onScroll()\" [fromRoot]=\"true\" [infiniteScrollContainer]=\"'.classifications-card'\">\n          <!-- Index Column -->\n          <ng-container matColumnDef=\"index\">\n            <th mat-header-cell *matHeaderCellDef>#</th>\n            <td mat-cell *matCellDef=\"let element; let i = dataIndex\">\n              {{ i + 1 }}\n            </td>\n          </ng-container>\n\n          <!-- Title Column -->\n          <ng-container matColumnDef=\"feature\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear>\n              Feature\n            </th>\n            <td mat-cell *matCellDef=\"let element\">{{ element?.title }}</td>\n          </ng-container>\n\n          <!-- Description Column -->\n          <ng-container matColumnDef=\"description\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear>\n              Descriptions\n            </th>\n            <td mat-cell *matCellDef=\"let element\">\n              {{ element?.description }}\n            </td>\n          </ng-container>\n\n          <!-- Actions Column -->\n          <ng-container matColumnDef=\"actions\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear>\n              Actions\n            </th>\n            <td mat-cell *matCellDef=\"let element\">\n              <div *ngIf=\"!element?.client_feature\">\n                <app-on-off-switch [value]=\"element?.is_enabled_default\"\n                  (click)=\"toggeleFeature(element?.is_enabled_default, element)\"></app-on-off-switch>\n              </div>\n              <div *ngIf=\"element?.client_feature\">\n                <app-on-off-switch [value]=\"element?.client_feature?.is_enabled\"\n                  (click)=\"toggeleFeature(element?.client_feature?.is_enabled, element)\"></app-on-off-switch>\n              </div>\n            </td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n        </table>\n      </mat-card-content>\n    </mat-card>\n  </div>\n</div>\n",
+                styles: [""]
+            },] }
+];
+TechlifyFeatureListingComponent.ctorParameters = () => [
+    { type: DataManager },
+    { type: ErrorHandlerService },
+    { type: FormBuilder },
+    { type: AlertService },
+    { type: MatDialog },
+    { type: StorageService },
+    { type: TechlifyFeatureService }
+];
+TechlifyFeatureListingComponent = __decorate([
+    UntilDestroy()
+], TechlifyFeatureListingComponent);
+
+const routes$n = [
+    {
+        path: '',
+        component: TechlifyFeatureListingComponent,
+        canActivate: [AuthenticationGuard]
+    },
+];
+const TechlifyFeatureRoutes = RouterModule.forChild(routes$n);
+
+class OnOffSwitchComponent {
+    constructor(fb) {
+        this.fb = fb;
+        this.slideToggle = this.fb.group({
+            toggle: [""]
+        });
+    }
+    ngOnInit() {
+        this.slideToggle.get('toggle').setValue(this.value);
+    }
+}
+OnOffSwitchComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-on-off-switch',
+                template: "<form [formGroup]=\"slideToggle\">\n  <mat-slide-toggle formControlName=\"toggle\">On / Off\n  </mat-slide-toggle>\n</form>\n",
+                styles: [""]
+            },] }
+];
+OnOffSwitchComponent.ctorParameters = () => [
+    { type: FormBuilder }
+];
+OnOffSwitchComponent.propDecorators = {
+    value: [{ type: Input }]
+};
+
+class TechlifyFeatureEnabledDirective {
+    constructor(el, featureService, errorHandler, storage) {
+        this.el = el;
+        this.featureService = featureService;
+        this.errorHandler = errorHandler;
+        this.storage = storage;
+        this.localFeatures = [];
+    }
+    ngOnInit() {
+        if (!this.storage.getItem('features')) {
+            this.getFeatures();
+        }
+        else {
+            this.checkForFeatureEnabled();
+        }
+    }
+    getFeatures() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                let features = yield this.featureService.getFeatures();
+                for (let feature of features.data) {
+                    if (!feature.client_feature) {
+                        if (feature.is_enabled_default) {
+                            this.localFeatures.push(feature.code);
+                        }
+                    }
+                    else {
+                        if (feature.client_feature.is_enabled) {
+                            this.localFeatures.push(feature.code);
+                        }
+                    }
+                }
+                this.storage.setItem("features", this.localFeatures);
+            }
+            catch (error) {
+                this.errorHandler.handleError(error);
+            }
+            finally {
+                this.checkForFeatureEnabled();
+            }
+        });
+    }
+    checkForFeatureEnabled() {
+        try {
+            let features = this.storage.getItem('features');
+            let features_split = features.split(',');
+            if (features_split.includes(this.enabledFeature)) {
+                this.el.nativeElement.style.display = "show";
+            }
+            else {
+                this.el.nativeElement.remove();
+            }
+        }
+        catch (error) {
+            this.errorHandler.handleError(error);
+        }
+    }
+}
+TechlifyFeatureEnabledDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[techlifyFeatureEnabled]'
+            },] }
+];
+TechlifyFeatureEnabledDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: TechlifyFeatureService },
+    { type: ErrorHandlerService },
+    { type: StorageService }
+];
+TechlifyFeatureEnabledDirective.propDecorators = {
+    enabledFeature: [{ type: Input, args: ['techlifyFeatureEnabled',] }]
+};
+
+class TechlifyFeatureModule {
+}
+TechlifyFeatureModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MaterialModule,
+                    FlexLayoutModule,
+                    TechlifyFeatureRoutes,
+                    MatSlideToggleModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    InfiniteScrollModule
+                ],
+                declarations: [TechlifyFeatureListingComponent, OnOffSwitchComponent, TechlifyFeatureEnabledDirective],
+                exports: [TechlifyFeatureListingComponent, TechlifyFeatureEnabledDirective]
+            },] }
+];
+
 /*
  * Public API Surface of ngx-techlify-core
  */
@@ -6174,5 +6619,5 @@ TechlifyTaggerTagSelectorModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActionPopup, ActionPopupComponent, ActionPopupModule, AlertService, ApiPrefixInterceptor, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, CommentFormComponent, ConfigService, CoreModule, CredentialsService, DataManager, DataTable, DataTableComponent, DataTableModule, DateUtils, DateValidator, DocumentViewerComponent, DocumentViewerModule, EmailSubscriptionForUserComponent, EmailSubscriptionForUserModule, EmailSubscriptionForUserRoutingModule, EmailSubscriptionModule, EmailSubscriptionRoutingModule, EmailSubscriptionTypeFormComponent, EmailSubscriptionTypeFormModule, EmailSubscriptionTypeFormRoutingModule, EmailSubscriptionTypeListComponent, EmailSubscriptionTypeListModule, EmailSubscriptionTypeListRoutingModule, EmailSubscriptionTypeModule, EmailSubscriptionTypeRoutingModule, EmailSubscriptionUserFormComponent, EmailSubscriptionUserFormModule, EmailSubscriptionUserFormRoutingModule, EmailSubscriptionUserListComponent, EmailSubscriptionUserListFilterComponent, EmailSubscriptionUserListFilterModule, EmailSubscriptionUserListFilterRoutingModule, EmailSubscriptionUserListModule, EmailSubscriptionUserListRoutingModule, EmailSubscriptionUserModule, EmailSubscriptionUserRoutingModule, EntityFileFormComponent, EntityFilesViewAllComponent, EntityFilesViewAllModule, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FailedItemsComponent, FailedItemsModule, FailedItemsRoutingModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportConfig, ImportCsvComponent, ImportCsvModule, ImportCsvRoutingModule, ImportItemsComponent, ImportItemsModule, ImportItemsRoutingModule, LoaderComponent, LoaderModule, LogLevel, Logger, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, MatSelectInfiniteScrollDirective, MaterialModule, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberSelector, PageEvent, ReadMoreComponent, ReadMoreModule, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SnackModule, StorageService, SuccessSnackComponent, TechlifyConfig, TechlifyTaggerTagFormConfigModel, TechlifyTaggerTagFormFieldComponent, TechlifyTaggerTagFormFieldModule, TechlifyTaggerTagSelectorComponent, TechlifyTaggerTagSelectorModule, TechlifyUpdateHistoryModule, TechlifyUpdateModule, Timeline, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, UtilityModule, ViewerConfig, calculateTimeline, esfur, estlr, esulr, SnackModule as ɵa, SuccessSnackComponent as ɵb, NumberSelector as ɵba, TimelineFilterComponent as ɵbb, TimelineFilterRoutingModule as ɵbc, LoaderComponent as ɵbd, EmailSubscriptionUserFormComponent as ɵbe, EmailSubscriptionUserListComponent as ɵbf, AuthenticationGuard as ɵbg, EmailSubscriptionUserListFilterComponent as ɵbh, EmailSubscriptionTypeFormComponent as ɵbi, EmailSubscriptionTypeListComponent as ɵbj, EmailSubscriptionForUserComponent as ɵbk, TechlifyUpdatesListComponent as ɵbl, TechlifyUpdateService as ɵbm, TechlifyUpdateRoutingModule as ɵbn, TechlifyUpdateFormModule as ɵbo, TechlifyUpdateFormComponent as ɵbp, TechlifyUpdateHistoryRoutingModule as ɵbq, TechlifyUpdateHistoryComponent as ɵbr, UpdateNotifierSnackComponent as ɵbs, UpdateViewModule as ɵbt, UpdateViewComponent as ɵbu, DataManager as ɵbv, ErrorSnackComponent as ɵc, HTTP_DYNAMIC_INTERCEPTORS as ɵd, HttpService as ɵe, RouteReusableStrategy as ɵf, ActionPopupComponent as ɵg, ActionPopup as ɵh, DataTableComponent as ɵi, DocumentViewerComponent as ɵj, EntityFileFormComponent as ɵk, FormValidatorService as ɵl, EntityFileService as ɵm, AlertService as ɵn, EntityFilesViewAllComponent as ɵo, FileDropperComponent as ɵp, NoteListComponent as ɵq, NoteService as ɵr, NoteFormComponent as ɵs, CommentFormComponent as ɵt, CredentialsService as ɵu, ConfigService as ɵv, TechlifyConfig as ɵw, SearchableSelectorComponent as ɵx, MatSelectInfiniteScrollDirective as ɵy, NumItemsSelector as ɵz };
+export { ActionPopup, ActionPopupComponent, ActionPopupModule, AlertService, ApiPrefixInterceptor, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, CommentFormComponent, ConfigService, CoreModule, CredentialsService, DataManager, DataTable, DataTableComponent, DataTableModule, DateUtils, DateValidator, DocumentViewerComponent, DocumentViewerModule, EmailSubscriptionForUserComponent, EmailSubscriptionForUserModule, EmailSubscriptionForUserRoutingModule, EmailSubscriptionModule, EmailSubscriptionRoutingModule, EmailSubscriptionTypeFormComponent, EmailSubscriptionTypeFormModule, EmailSubscriptionTypeFormRoutingModule, EmailSubscriptionTypeListComponent, EmailSubscriptionTypeListModule, EmailSubscriptionTypeListRoutingModule, EmailSubscriptionTypeModule, EmailSubscriptionTypeRoutingModule, EmailSubscriptionUserFormComponent, EmailSubscriptionUserFormModule, EmailSubscriptionUserFormRoutingModule, EmailSubscriptionUserListComponent, EmailSubscriptionUserListFilterComponent, EmailSubscriptionUserListFilterModule, EmailSubscriptionUserListFilterRoutingModule, EmailSubscriptionUserListModule, EmailSubscriptionUserListRoutingModule, EmailSubscriptionUserModule, EmailSubscriptionUserRoutingModule, EntityFileFormComponent, EntityFilesViewAllComponent, EntityFilesViewAllModule, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FailedItemsComponent, FailedItemsModule, FailedItemsRoutingModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportConfig, ImportCsvComponent, ImportCsvModule, ImportCsvRoutingModule, ImportItemsComponent, ImportItemsModule, ImportItemsRoutingModule, LoaderComponent, LoaderModule, LogLevel, Logger, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, MatSelectInfiniteScrollDirective, MaterialModule, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberSelector, PageEvent, ReadMoreComponent, ReadMoreModule, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SnackModule, StorageService, SuccessSnackComponent, TechlifyConfig, TechlifyFeatureEnabledDirective, TechlifyFeatureListingComponent, TechlifyFeatureModule, TechlifyFeatureRoutes, TechlifyTaggerTagFormConfigModel, TechlifyTaggerTagFormFieldComponent, TechlifyTaggerTagFormFieldModule, TechlifyTaggerTagSelectorComponent, TechlifyTaggerTagSelectorModule, TechlifyUpdateHistoryModule, TechlifyUpdateModule, Timeline, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, UtilityModule, ViewerConfig, calculateTimeline, esfur, estlr, esulr, SnackModule as ɵa, SuccessSnackComponent as ɵb, NumberSelector as ɵba, TimelineFilterComponent as ɵbb, TimelineFilterRoutingModule as ɵbc, LoaderComponent as ɵbd, EmailSubscriptionUserFormComponent as ɵbe, EmailSubscriptionUserListComponent as ɵbf, AuthenticationGuard as ɵbg, EmailSubscriptionUserListFilterComponent as ɵbh, EmailSubscriptionTypeFormComponent as ɵbi, EmailSubscriptionTypeListComponent as ɵbj, EmailSubscriptionForUserComponent as ɵbk, TechlifyUpdatesListComponent as ɵbl, TechlifyUpdateService as ɵbm, TechlifyUpdateRoutingModule as ɵbn, TechlifyUpdateFormModule as ɵbo, TechlifyUpdateFormComponent as ɵbp, TechlifyUpdateHistoryRoutingModule as ɵbq, TechlifyUpdateHistoryComponent as ɵbr, UpdateNotifierSnackComponent as ɵbs, UpdateViewModule as ɵbt, UpdateViewComponent as ɵbu, DataManager as ɵbv, DataManager as ɵbw, ErrorHandlerService as ɵbx, AlertService as ɵby, StorageService as ɵbz, ErrorSnackComponent as ɵc, TechlifyFeatureService as ɵca, AuthenticationGuard as ɵcb, OnOffSwitchComponent as ɵcc, HTTP_DYNAMIC_INTERCEPTORS as ɵd, HttpService as ɵe, RouteReusableStrategy as ɵf, ActionPopupComponent as ɵg, ActionPopup as ɵh, DataTableComponent as ɵi, DocumentViewerComponent as ɵj, EntityFileFormComponent as ɵk, FormValidatorService as ɵl, EntityFileService as ɵm, AlertService as ɵn, EntityFilesViewAllComponent as ɵo, FileDropperComponent as ɵp, NoteListComponent as ɵq, NoteService as ɵr, NoteFormComponent as ɵs, CommentFormComponent as ɵt, CredentialsService as ɵu, ConfigService as ɵv, TechlifyConfig as ɵw, SearchableSelectorComponent as ɵx, MatSelectInfiniteScrollDirective as ɵy, NumItemsSelector as ɵz };
 //# sourceMappingURL=ngx-techlify-core.js.map