ngx-techlify-core 11.3.6 → 11.4.0

package/bundles/ngx-techlify-core.umd.js

@@ -2281,6 +2281,9 @@
             this.edit = false;
             this.sort = true;
             this.items = [];
+            this.cache = false;
+            this.perPage = 25;
+            this.inDataSearch = false;
             this.selectionChange = new i0.EventEmitter();
             this.itemsChange = new i0.EventEmitter();
             this.isLoading = false;
@@ -2291,6 +2294,7 @@
             this.controlType = 'searchable-selctor';
             this.id = "searchable-selctor-" + SearchableSelectorComponent_1.nextId++;
             this.describedBy = '';
+            this.cachedItems = [];
             this._required = false;
             this._disabled = false;
             this.selectorForm = formBuilder.group({
@@ -2386,7 +2390,7 @@
                     _this.search(value);
             });
             this.filters = {
-                perPage: 25,
+                perPage: this.perPage,
                 search: '',
                 page: 1,
                 lastPage: 1
@@ -2402,8 +2406,15 @@
         SearchableSelectorComponent.prototype.fetchItemList = function () {
             var _this = this;
             this.isLoading = true;
-            rxjs.of().pipe(operators.startWith(true), operators.switchMap(function (_) { return rxjs.from(_this.http.get(_this.apiUrl, { params: _this.filters })); }), operators.finalize(function () { return _this.isLoading = false; }), untilDestroy.untilDestroyed(this)).subscribe(function (result) {
+            var request = this.http.get(this.apiUrl, { params: this.filters });
+            if (this.cache) {
+                request = this.http.cache().get(this.apiUrl, { params: this.filters });
+            }
+            rxjs.of().pipe(operators.startWith(true), operators.switchMap(function (_) { return rxjs.from(request); }), operators.finalize(function () { return _this.isLoading = false; }), untilDestroy.untilDestroyed(this)).subscribe(function (result) {
                 _this.items = _this.items.concat(result.data);
+                if (_this.cache) {
+                    _this.cachedItems = _this.items;
+                }
                 _this.filters.page = result.current_page;
                 _this.filters.lastPage = result.last_page;
             });
@@ -2477,7 +2488,24 @@
             else {
                 this.filters.search = event;
             }
-            this.reloadData();
+            // we need search field to search in data
+            if (this.inDataSearch && this.searchField) {
+                this.filterItems(event);
+            }
+            else {
+                this.reloadData();
+            }
+        };
+        SearchableSelectorComponent.prototype.filterItems = function (event) {
+            var _this = this;
+            if (event) {
+                this.items = this.cachedItems.filter(function (value) {
+                    return value[_this.searchField].toLowerCase().search(event.toLowerCase()) != -1;
+                });
+            }
+            else {
+                this.items = this.cachedItems;
+            }
         };
         SearchableSelectorComponent.prototype.addItem = function (event) {
             var _this = this;
@@ -2552,6 +2580,9 @@
         searchField: [{ type: i0.Input }],
         itemComponent: [{ type: i0.Input }],
         items: [{ type: i0.Input }],
+        cache: [{ type: i0.Input }],
+        perPage: [{ type: i0.Input }],
+        inDataSearch: [{ type: i0.Input }],
         selectionChange: [{ type: i0.Output }],
         itemsChange: [{ type: i0.Output }],
         required: [{ type: i0.Input }],
@@ -2786,7 +2817,7 @@
             }
             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;
@@ -2868,8 +2899,11 @@
     Timeline.LAST_YEAR = 11;
     Timeline.ALL = 12;
 
-    exports.ɵbb = /** @class */ (function () {
-        function TimelineFilterComponent() {
+    var TimelineFilterComponent_1;
+    exports.ɵbb = TimelineFilterComponent_1 = /** @class */ (function () {
+        function TimelineFilterComponent(formBuilder, ngControl, datePipe) {
+            this.ngControl = ngControl;
+            this.datePipe = datePipe;
             this.timelineValue = new forms.FormControl('');
             this.timelines = [
                 { value: 1, viewValue: 'Custom' },
@@ -2885,12 +2919,33 @@
                 { 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 i0.EventEmitter();
+            this.selectionChange = new i0.EventEmitter();
+            this.onChange = function () { };
+            this.onTouched = function () { };
+            this.stateChanges = new rxjs.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;
+            }
         }
         Object.defineProperty(TimelineFilterComponent.prototype, "defaultValue", {
             set: function (value) {
@@ -2900,10 +2955,53 @@
             enumerable: false,
             configurable: true
         });
-        TimelineFilterComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.timelineValue.valueChanges.
-                pipe(operators.debounceTime(100), operators.distinctUntilChanged(), untilDestroy.untilDestroyed(this)).subscribe(function (value) { return _this.changeTimeline(value); });
+        Object.defineProperty(TimelineFilterComponent.prototype, "required", {
+            get: function () { return this._required; },
+            set: function (value) {
+                this.selectorForm.get('select_value').setValidators(forms.Validators.required);
+                this._required = coercion.coerceBooleanProperty(value);
+                this.stateChanges.next();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TimelineFilterComponent.prototype, "disabled", {
+            get: function () { return this._disabled; },
+            set: function (value) {
+                this._disabled = coercion.coerceBooleanProperty(value);
+                this._disabled ? this.selectorForm.disable() : this.selectorForm.enable();
+                this.stateChanges.next();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TimelineFilterComponent.prototype, "value", {
+            get: function () {
+                if (this.selectorForm.valid) {
+                    return this.selectorForm.value.select_value;
+                }
+                return '';
+            },
+            set: function (data) {
+                this.selectorForm.patchValue({ select_value: data || '' });
+                this._handleInput();
+                this.stateChanges.next();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TimelineFilterComponent.prototype.getDateRangeString = function () {
+            var _a, _b, _c, _d, _e, _f, _g;
+            var 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;
         };
         TimelineFilterComponent.prototype.resetFieldValue = function (field) {
             this.form.get(field).setValue('');
@@ -2922,28 +3020,98 @@
                 this.showCustomDateFields = timeline.show_custom_field;
             }
         };
+        TimelineFilterComponent.prototype._handleInput = function () {
+            if (this.value == 1) {
+                this.picker.open();
+                return;
+            }
+            var range = calculateTimeline(this.value);
+            this.selectedRange = range;
+            this.onChange(this.value);
+            this.selectedValueChange.emit(this.selectedValue);
+            this.selectionChange.emit(range);
+        };
+        TimelineFilterComponent.prototype.dateRangeChange = function (dateRangeStart, dateRangeEnd) {
+            var 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);
+        };
+        TimelineFilterComponent.prototype.onCustomDateChange = function (event) {
+        };
+        TimelineFilterComponent.prototype.setDescribedByIds = function (ids) {
+            this.describedBy = ids.join(' ');
+        };
+        TimelineFilterComponent.prototype.onContainerClick = function (event) {
+            event.stopPropagation();
+        };
+        TimelineFilterComponent.prototype.writeValue = function (data) {
+            this.value = data;
+        };
+        TimelineFilterComponent.prototype.registerOnChange = function (fn) {
+            this.onChange = fn;
+        };
+        TimelineFilterComponent.prototype.registerOnTouched = function (fn) {
+            this.onTouched = fn;
+        };
+        TimelineFilterComponent.prototype.setDisabledState = function (isDisabled) {
+            this.disabled = isDisabled;
+        };
+        TimelineFilterComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            console.log(this.form);
+            this.timelineValue.valueChanges.
+                pipe(operators.debounceTime(100), operators.distinctUntilChanged(), untilDestroy.untilDestroyed(this)).subscribe(function (value) { return _this.changeTimeline(value); });
+        };
+        TimelineFilterComponent.prototype.ngOnDestroy = function () {
+            this.stateChanges.complete();
+        };
         return TimelineFilterComponent;
     }());
+    exports.ɵbb.nextId = 0;
     exports.ɵbb.decorators = [
         { type: i0.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: formField.MatFormFieldControl,
+                            useExisting: TimelineFilterComponent_1
+                        }
+                    ],
                     styles: [""]
                 },] }
     ];
-    exports.ɵbb.ctorParameters = function () { return []; };
+    exports.ɵbb.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: forms.NgControl, decorators: [{ type: i0.Optional }, { type: i0.Self }] },
+        { type: common.DatePipe }
+    ]; };
     exports.ɵbb.propDecorators = {
+        picker: [{ type: i0.ViewChild, args: ['picker',] }],
         timelineValue: [{ type: i0.Input }],
         timelines: [{ type: i0.Input }],
-        labelText: [{ type: i0.Input }],
         dateFrom: [{ type: i0.Input }],
         dateTo: [{ type: i0.Input }],
         appearance: [{ type: i0.Input }],
         showClearbutton: [{ type: i0.Input }],
         form: [{ type: i0.Input }],
-        defaultValue: [{ type: i0.Input }]
+        labelText: [{ type: i0.Input }],
+        selectedValue: [{ type: i0.Input }],
+        touchUi: [{ type: i0.Input }],
+        selectedValueChange: [{ type: i0.Output }],
+        selectionChange: [{ type: i0.Output }],
+        defaultValue: [{ type: i0.Input }],
+        required: [{ type: i0.Input }],
+        disabled: [{ type: i0.Input }],
+        value: [{ type: i0.Input }]
     };
-    exports.ɵbb = __decorate([
+    exports.ɵbb = TimelineFilterComponent_1 = __decorate([
         untilDestroy.UntilDestroy()
     ], exports.ɵbb);
 
@@ -4050,7 +4218,7 @@
     exports.ɵbh.decorators = [
         { type: i0.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: [""]
                 },] }
     ];
@@ -4401,7 +4569,7 @@
     exports.ɵbj.decorators = [
         { type: i0.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}"]
                 },] }
     ];
@@ -5487,14 +5655,12 @@
         AuditLogViewModelComponent.prototype.getTransformedChanges = function () {
             var _this = this;
             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) {
-                var 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(function (key) {
-                    var _a, _b, _c, _d;
-                    var displayAttribute = key.split('_').map(function (x) { return 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 : '' });
-                });
-            }
+            var 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(function (key) {
+                var _a, _b, _c, _d, _e;
+                var displayAttribute = key.split('_').map(function (x) { return 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 : '' });
+            });
         };
         AuditLogViewModelComponent.prototype.close = function () {
             this.dialogRef.close();
@@ -5992,23 +6158,21 @@
         AuditLogViewComponent.prototype.getTransformedChanges = function () {
             var _this = this;
             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) {
-                var 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(function (key) {
-                    var _a, _b, _c, _d;
-                    var displayAttribute = key.split('_').map(function (x) { return 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 : '' });
-                });
-            }
+            var 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(function (key) {
+                var _a, _b, _c, _d, _e;
+                var displayAttribute = key.split('_').map(function (x) { return 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 : '' });
+            });
         };
         AuditLogViewComponent.prototype.fetchLogDetail = function (logId) {
             return __awaiter(this, void 0, void 0, function () {
                 var result;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
                         case 0: return [4 /*yield*/, this.dataManager.GET("api/audit-logs/" + logId)];
                         case 1:
-                            result = _e.sent();
+                            result = _f.sent();
                             this.logInfo = result.item;
                             this.getTransformedChanges();
                             this.patchDelta();
@@ -6492,6 +6656,7 @@
             };
             this.displayedColumns = ['index', 'created_at'];
             this.historyFilterForm = this.fb.group({
+                'duration': [''],
                 'date_from': [''],
                 'date_to': ['']
             });
@@ -6508,6 +6673,14 @@
             });
             this.initializeData();
         };
+        LoginHistoryForUserComponent.prototype.onTimelineChange = function (range) {
+            var date_from = (range === null || range === void 0 ? void 0 : range.date_from) ? new Date(range.date_from) : '';
+            var date_to = (range === null || range === void 0 ? void 0 : range.date_to) ? new Date(range.date_to) : '';
+            this.historyFilterForm.patchValue({
+                date_from: date_from,
+                date_to: date_to
+            });
+        };
         LoginHistoryForUserComponent.prototype.initializeData = function () {
             var _this = this;
             this.http.get("api/user-login-history", { params: Object.assign(Object.assign({}, this.filters), this.pageEvent) })
@@ -6541,7 +6714,7 @@
     exports.LoginHistoryForUserComponent.decorators = [
         { type: i0.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}"]
                 },] }
     ];
@@ -7161,33 +7334,33 @@
                 },] }
     ];
 
-    var CompanyFeatureService = /** @class */ (function () {
-        function CompanyFeatureService(dataManager) {
+    var TechlifyFeatureService = /** @class */ (function () {
+        function TechlifyFeatureService(dataManager) {
             this.dataManager = dataManager;
         }
-        CompanyFeatureService.prototype.getFeatures = function () {
+        TechlifyFeatureService.prototype.getFeatures = function () {
             return this.dataManager.GET("api/features");
         };
-        CompanyFeatureService.prototype.disableFeature = function (id) {
+        TechlifyFeatureService.prototype.disableFeature = function (id) {
             return this.dataManager.GET("api/feature/" + id + "/disable");
         };
-        CompanyFeatureService.prototype.enableFeature = function (id) {
+        TechlifyFeatureService.prototype.enableFeature = function (id) {
             return this.dataManager.GET("api/feature/" + id + "/enable");
         };
-        return CompanyFeatureService;
+        return TechlifyFeatureService;
     }());
-    CompanyFeatureService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CompanyFeatureService_Factory() { return new CompanyFeatureService(i0.ɵɵinject(DataManager)); }, token: CompanyFeatureService, providedIn: "root" });
-    CompanyFeatureService.decorators = [
+    TechlifyFeatureService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TechlifyFeatureService_Factory() { return new TechlifyFeatureService(i0.ɵɵinject(DataManager)); }, token: TechlifyFeatureService, providedIn: "root" });
+    TechlifyFeatureService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
                 },] }
     ];
-    CompanyFeatureService.ctorParameters = function () { return [
+    TechlifyFeatureService.ctorParameters = function () { return [
         { type: DataManager }
     ]; };
 
-    exports.CompanyFeatureComponent = /** @class */ (function () {
-        function CompanyFeatureComponent(dataManager, errorHandler, fb, alertService, dialog, storage, featureService) {
+    exports.TechlifyFeatureListingComponent = /** @class */ (function () {
+        function TechlifyFeatureListingComponent(dataManager, errorHandler, fb, alertService, dialog, storage, featureService) {
             this.dataManager = dataManager;
             this.errorHandler = errorHandler;
             this.fb = fb;
@@ -7210,11 +7383,11 @@
                 num_items: [""]
             });
         }
-        CompanyFeatureComponent.prototype.ngOnInit = function () {
+        TechlifyFeatureListingComponent.prototype.ngOnInit = function () {
             this.loadData();
             this.listenForChanges();
         };
-        CompanyFeatureComponent.prototype.listenForChanges = function () {
+        TechlifyFeatureListingComponent.prototype.listenForChanges = function () {
             var _this = this;
             this.filterFormGroup.valueChanges
                 .pipe(operators.debounceTime(500), untilDestroy.untilDestroyed(this))
@@ -7222,7 +7395,7 @@
                 _this.reload();
             });
         };
-        CompanyFeatureComponent.prototype.loadData = function () {
+        TechlifyFeatureListingComponent.prototype.loadData = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var result, filter, error_1;
                 return __generator(this, function (_a) {
@@ -7255,7 +7428,7 @@
                 });
             });
         };
-        CompanyFeatureComponent.prototype.toggeleFeature = function (element, feature) {
+        TechlifyFeatureListingComponent.prototype.toggeleFeature = function (element, feature) {
             return __awaiter(this, void 0, void 0, function () {
                 var status, data, dialogRef;
                 var _this = this;
@@ -7312,7 +7485,7 @@
                 });
             });
         };
-        CompanyFeatureComponent.prototype.setStorage = function (features) {
+        TechlifyFeatureListingComponent.prototype.setStorage = function (features) {
             var e_1, _a;
             var localFeatures = [];
             try {
@@ -7339,25 +7512,25 @@
             }
             this.storage.setItem("features", localFeatures);
         };
-        CompanyFeatureComponent.prototype.reload = function () {
+        TechlifyFeatureListingComponent.prototype.reload = function () {
             this.features = [];
             this.page = 1;
             if (!this.isWorking) {
                 this.loadData();
             }
         };
-        CompanyFeatureComponent.prototype.onScroll = function () {
+        TechlifyFeatureListingComponent.prototype.onScroll = function () {
             if (!this.isWorking && this.page < this.lastPage) {
                 this.page += 1;
                 this.loadData();
             }
         };
-        CompanyFeatureComponent.prototype.sortColumn = function (event) {
+        TechlifyFeatureListingComponent.prototype.sortColumn = function (event) {
             var direction = event.direction.toString().toUpperCase();
             this.assignFilter(event.active, direction);
             this.reload();
         };
-        CompanyFeatureComponent.prototype.assignFilter = function (column, direction) {
+        TechlifyFeatureListingComponent.prototype.assignFilter = function (column, direction) {
             switch (column) {
                 case 'name': {
                     return this.filterFormGroup
@@ -7371,36 +7544,36 @@
                 }
             }
         };
-        return CompanyFeatureComponent;
+        return TechlifyFeatureListingComponent;
     }());
-    exports.CompanyFeatureComponent.decorators = [
+    exports.TechlifyFeatureListingComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: 'app-company-feature',
+                    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: [""]
                 },] }
     ];
-    exports.CompanyFeatureComponent.ctorParameters = function () { return [
+    exports.TechlifyFeatureListingComponent.ctorParameters = function () { return [
         { type: DataManager },
         { type: ErrorHandlerService },
         { type: forms.FormBuilder },
         { type: AlertService },
         { type: dialog.MatDialog },
         { type: StorageService },
-        { type: CompanyFeatureService }
+        { type: TechlifyFeatureService }
     ]; };
-    exports.CompanyFeatureComponent = __decorate([
+    exports.TechlifyFeatureListingComponent = __decorate([
         untilDestroy.UntilDestroy()
-    ], exports.CompanyFeatureComponent);
+    ], exports.TechlifyFeatureListingComponent);
 
     var routes$n = [
         {
             path: '',
-            component: exports.CompanyFeatureComponent,
+            component: exports.TechlifyFeatureListingComponent,
             canActivate: [AuthenticationGuard]
         },
     ];
-    var CompanyFeatureRoutes = i1$2.RouterModule.forChild(routes$n);
+    var TechlifyFeatureRoutes = i1$2.RouterModule.forChild(routes$n);
 
     var OnOffSwitchComponent = /** @class */ (function () {
         function OnOffSwitchComponent(fb) {
@@ -7428,15 +7601,15 @@
         value: [{ type: i0.Input }]
     };
 
-    var NgxFeatureEnabledDirective = /** @class */ (function () {
-        function NgxFeatureEnabledDirective(el, featureService, errorHandler, storage) {
+    var TechlifyFeatureEnabledDirective = /** @class */ (function () {
+        function TechlifyFeatureEnabledDirective(el, featureService, errorHandler, storage) {
             this.el = el;
             this.featureService = featureService;
             this.errorHandler = errorHandler;
             this.storage = storage;
             this.localFeatures = [];
         }
-        NgxFeatureEnabledDirective.prototype.ngOnInit = function () {
+        TechlifyFeatureEnabledDirective.prototype.ngOnInit = function () {
             if (!this.storage.getItem('features')) {
                 this.getFeatures();
             }
@@ -7444,7 +7617,7 @@
                 this.checkForFeatureEnabled();
             }
         };
-        NgxFeatureEnabledDirective.prototype.getFeatures = function () {
+        TechlifyFeatureEnabledDirective.prototype.getFeatures = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var features, _a, _b, feature, error_1;
                 var e_1, _c;
@@ -7491,7 +7664,7 @@
                 });
             });
         };
-        NgxFeatureEnabledDirective.prototype.checkForFeatureEnabled = function () {
+        TechlifyFeatureEnabledDirective.prototype.checkForFeatureEnabled = function () {
             try {
                 var features = this.storage.getItem('features');
                 var features_split = features.split(',');
@@ -7506,42 +7679,42 @@
                 this.errorHandler.handleError(error);
             }
         };
-        return NgxFeatureEnabledDirective;
+        return TechlifyFeatureEnabledDirective;
     }());
-    NgxFeatureEnabledDirective.decorators = [
+    TechlifyFeatureEnabledDirective.decorators = [
         { type: i0.Directive, args: [{
-                    selector: '[ngxFeatureEnabled]'
+                    selector: '[techlifyFeatureEnabled]'
                 },] }
     ];
-    NgxFeatureEnabledDirective.ctorParameters = function () { return [
+    TechlifyFeatureEnabledDirective.ctorParameters = function () { return [
         { type: i0.ElementRef },
-        { type: CompanyFeatureService },
+        { type: TechlifyFeatureService },
         { type: ErrorHandlerService },
         { type: StorageService }
     ]; };
-    NgxFeatureEnabledDirective.propDecorators = {
-        enabledFeature: [{ type: i0.Input, args: ['ngxFeatureEnabled',] }]
+    TechlifyFeatureEnabledDirective.propDecorators = {
+        enabledFeature: [{ type: i0.Input, args: ['techlifyFeatureEnabled',] }]
     };
 
-    var CompanyFeatureModule = /** @class */ (function () {
-        function CompanyFeatureModule() {
+    var TechlifyFeatureModule = /** @class */ (function () {
+        function TechlifyFeatureModule() {
         }
-        return CompanyFeatureModule;
+        return TechlifyFeatureModule;
     }());
-    CompanyFeatureModule.decorators = [
+    TechlifyFeatureModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
                         common.CommonModule,
                         MaterialModule,
                         flexLayout.FlexLayoutModule,
-                        CompanyFeatureRoutes,
+                        TechlifyFeatureRoutes,
                         slideToggle.MatSlideToggleModule,
                         forms.FormsModule,
                         forms.ReactiveFormsModule,
                         ngxInfiniteScroll.InfiniteScrollModule
                     ],
-                    declarations: [exports.CompanyFeatureComponent, OnOffSwitchComponent, NgxFeatureEnabledDirective],
-                    exports: [exports.CompanyFeatureComponent, NgxFeatureEnabledDirective]
+                    declarations: [exports.TechlifyFeatureListingComponent, OnOffSwitchComponent, TechlifyFeatureEnabledDirective],
+                    exports: [exports.TechlifyFeatureListingComponent, TechlifyFeatureEnabledDirective]
                 },] }
     ];
 
@@ -7578,8 +7751,6 @@
     exports.AuthenticationService = AuthenticationService;
     exports.CacheInterceptor = CacheInterceptor;
     exports.CommentFormComponent = CommentFormComponent;
-    exports.CompanyFeatureModule = CompanyFeatureModule;
-    exports.CompanyFeatureRoutes = CompanyFeatureRoutes;
     exports.ConfigService = ConfigService;
     exports.CoreModule = CoreModule;
     exports.CredentialsService = CredentialsService;
@@ -7646,13 +7817,11 @@
     exports.LoginHistoryForUserRoutingModule = LoginHistoryForUserRoutingModule;
     exports.MatSelectInfiniteScrollDirective = MatSelectInfiniteScrollDirective;
     exports.MaterialModule = MaterialModule;
-    exports.NgxFeatureEnabledDirective = NgxFeatureEnabledDirective;
     exports.NoteFormComponent = NoteFormComponent;
     exports.NoteListComponent = NoteListComponent;
     exports.NoteModule = NoteModule;
     exports.NumItemsSelector = NumItemsSelector;
     exports.NumberSelector = NumberSelector;
-    exports.OnOffSwitchComponent = OnOffSwitchComponent;
     exports.PageEvent = PageEvent;
     exports.ReadMoreComponent = ReadMoreComponent;
     exports.ReadMoreModule = ReadMoreModule;
@@ -7663,6 +7832,9 @@
     exports.StorageService = StorageService;
     exports.SuccessSnackComponent = SuccessSnackComponent;
     exports.TechlifyConfig = TechlifyConfig;
+    exports.TechlifyFeatureEnabledDirective = TechlifyFeatureEnabledDirective;
+    exports.TechlifyFeatureModule = TechlifyFeatureModule;
+    exports.TechlifyFeatureRoutes = TechlifyFeatureRoutes;
     exports.TechlifyTaggerTagFormConfigModel = TechlifyTaggerTagFormConfigModel;
     exports.TechlifyTaggerTagFormFieldModule = TechlifyTaggerTagFormFieldModule;
     exports.TechlifyTaggerTagSelectorModule = TechlifyTaggerTagSelectorModule;
@@ -7695,13 +7867,13 @@
     exports.ɵbt = UpdateViewModule;
     exports.ɵbu = UpdateViewComponent;
     exports.ɵbv = DataManager;
-    exports.ɵbw = DataManager;
-    exports.ɵbx = ErrorHandlerService;
-    exports.ɵby = AlertService;
-    exports.ɵbz = StorageService;
+    exports.ɵbw = ErrorHandlerService;
+    exports.ɵbx = StorageService;
+    exports.ɵby = TechlifyFeatureService;
+    exports.ɵbz = DataManager;
     exports.ɵc = ErrorSnackComponent;
-    exports.ɵca = CompanyFeatureService;
-    exports.ɵcb = AuthenticationGuard;
+    exports.ɵca = AuthenticationGuard;
+    exports.ɵcb = OnOffSwitchComponent;
     exports.ɵd = HTTP_DYNAMIC_INTERCEPTORS;
     exports.ɵe = HttpService;
     exports.ɵf = RouteReusableStrategy;