ngx-techlify-core 18.89.0 → 18.91.0

package/fesm2022/ngx-techlify-core.mjs

@@ -13,7 +13,7 @@ import { debounceTime, filter, map, startWith, distinctUntilChanged, skip, final
 import * as i1$5 from '@angular/platform-browser';
 import { Title } from '@angular/platform-browser';
 import * as i1$2 from '@angular/router';
-import { RouteReuseStrategy, RouterModule, RouterLink } from '@angular/router';
+import { ActivatedRoute, convertToParamMap, RouteReuseStrategy, RouterModule, RouterLink } from '@angular/router';
 import * as i2 from '@angular/common';
 import { DatePipe, CommonModule, NgIf, NgTemplateOutlet, NgOptimizedImage, CurrencyPipe } from '@angular/common';
 import { fakeAsync, tick } from '@angular/core/testing';
@@ -1078,7 +1078,7 @@ function techlifyListContract(options) {
         it('should reload when filter changes', fakeAsync(() => {
             const component = options.getComponent();
             const filterField = options.filterField ?? 'search';
-            if (!component.filterForm?.contains(filterField)) {
+            if (!component.filterForm?.get(filterField)) {
                 pending(`Filter '${filterField}' does not exist.`);
                 return;
             }
@@ -1121,6 +1121,201 @@ function techlifyListContract(options) {
     });
 }
 
+/**
+ * Interface used to ensure we have a consistent structure across our view (show) pages
+ *
+ * Every view page follows the same workflow:
+ * route param -> id -> service.show(id) -> model
+ */
+class TechlifyShowComponent {
+    /**
+     * Child classes can override this.
+     * If left undefined/empty, falls back to environment.appTitle
+     */
+    get pageTitle() {
+        return undefined; // default
+    }
+    constructor(service) {
+        this.service = service;
+        //Boolean to denote the page is in API progress
+        this.isWorking = false;
+        /**
+         * Name of the route param holding the model id.
+         * Override in child class if the route uses a different name, eg: 'memoId'
+         */
+        this.routeParamName = 'id';
+        this.titleService = inject(Title, { optional: true });
+        this.environmentService = inject(EnvironmentService, { optional: true });
+        //Activated route to be inherited and used if needed
+        this.route = inject(ActivatedRoute, { optional: true });
+        const resolvedTitle = this.pageTitle && this.pageTitle.trim().length > 0
+            ? this.pageTitle
+            : this.environmentService?.get().appTitle;
+        this.titleService?.setTitle(resolvedTitle);
+    }
+    /**
+     * Function that listens for route param changes
+     * Sets the id and reloads the model whenever it changes,
+     * so navigating between two records on the same page works
+     */
+    listenRouteChanges() {
+        this.route?.paramMap.subscribe((params) => {
+            this.id = this.getIdFromRoute(params);
+            this.loadData();
+        });
+    }
+    /**
+     * Reads the model id from the route params
+     * Uses the current route snapshot when params are not given
+     *
+     * @param params optional route params
+     */
+    getIdFromRoute(params) {
+        const routeParams = params ?? this.route?.snapshot?.paramMap;
+        return routeParams?.get(this.routeParamName) ?? null;
+    }
+    /**
+     * Query params passed to the show request, eg: relations to load
+     * Override in child class if needed
+     */
+    getShowParams() {
+        return {};
+    }
+    /**
+     * Function that loads the main model of the page
+     */
+    loadData() {
+        if (!this.service) {
+            throw new Error(`${this.constructor.name}: Service is required to load the data`);
+        }
+        if (!this.id) {
+            return;
+        }
+        this.loadSubscription?.unsubscribe();
+        this.isWorking = true;
+        this.loadSubscription = this.service.show(this.id, this.getShowParams())
+            .pipe(finalize(() => this.isWorking = false))
+            .subscribe((result) => {
+            this.model = result?.item;
+            this.modelLoaded(this.model);
+        });
+    }
+    /**
+     * Reload the model of the page
+     */
+    reload() {
+        this.loadData();
+    }
+    /**
+     * Hook called once the model is loaded
+     * Override in child class to compute derived data from the model
+     *
+     * @param model The loaded model
+     */
+    modelLoaded(model) {
+    }
+    /**
+     * Replaces the model of the page, eg: after an update form or status change
+     *
+     * @param model The updated model
+     */
+    modelUpdated(model) {
+        if (model) {
+            this.model = model;
+            this.modelLoaded(this.model);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TechlifyShowComponent, deps: [{ token: TechlifyService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TechlifyShowComponent, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TechlifyShowComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: TechlifyService, decorators: [{
+                    type: Optional
+                }] }] });
+
+/**
+ * Reusable test contract for components extending TechlifyShowComponent.
+ *
+ * Ensures all view components follow the same base behaviour:
+ * - Service injection
+ * - Default state initialization
+ * - Reading the id from the route
+ * - Loading the model through service.show()
+ * - Model update handling
+ */
+function techlifyShowContract(options) {
+    describe('TechlifyShowComponent Contract', () => {
+        /**
+         * Ensures child components correctly pass their service
+         * to the base view component.
+         */
+        it('should pass a service to the base class', () => {
+            const component = options.getComponent();
+            expect(component.service)
+                .toBe(options.getService());
+        });
+        /**
+         * Ensures route listening is started on init.
+         */
+        it('should listen route changes on init', () => {
+            const component = options.getComponent();
+            spyOn(component, 'listenRouteChanges');
+            component.ngOnInit();
+            expect(component.listenRouteChanges)
+                .toHaveBeenCalled();
+        });
+        /**
+         * Ensures the id is read from the configured route param.
+         */
+        it('should get id from route params', () => {
+            const component = options.getComponent();
+            const routeParamName = options.routeParamName ?? 'id';
+            const params = convertToParamMap({ [routeParamName]: '5' });
+            expect(component.getIdFromRoute(params))
+                .toBe('5');
+        });
+        /**
+         * Ensures the model is loaded using the show service.
+         */
+        it('should load the model using show', () => {
+            const component = options.getComponent();
+            options.getService().show
+                .and.returnValue(of({
+                item: { id: 5 }
+            }));
+            component.id = 5;
+            component.loadData();
+            expect(options.getService().show)
+                .toHaveBeenCalledWith(5, jasmine.anything());
+            expect(component.model)
+                .toEqual({ id: 5 });
+            expect(component.isWorking)
+                .toBeFalse();
+        });
+        /**
+         * Ensures no request is made without an id.
+         */
+        it('should not load without an id', () => {
+            const component = options.getComponent();
+            options.getService().show.calls.reset();
+            component.id = null;
+            component.loadData();
+            expect(options.getService().show)
+                .not.toHaveBeenCalled();
+        });
+        /**
+         * Ensures the model is replaced on update.
+         */
+        it('should replace the model on modelUpdated', () => {
+            const component = options.getComponent();
+            component.modelUpdated({ id: 7 });
+            expect(component.model)
+                .toEqual({ id: 7 });
+        });
+    });
+}
+
 var DataTableComponent_1;
 let DataTableComponent = class DataTableComponent {
     static { DataTableComponent_1 = this; }
@@ -4580,7 +4775,7 @@ class SearchableSelectorComponent {
                 this.search(value);
         }));
         this.filters = {
-            perPage: this.perPage,
+            per_page: this.perPage,
             search: '',
             page: 1,
             lastPage: 1
@@ -15256,6 +15451,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
+class TechlifyDetailLayoutComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TechlifyDetailLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TechlifyDetailLayoutComponent, isStandalone: true, selector: "app-techlify-detail-layout", ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["app-techlify-detail-layout{display:flex;flex-direction:column;width:100%}app-techlify-detail-layout .detail-row{display:flex;align-items:center;margin-top:.5rem}app-techlify-detail-layout .detail-row.detail-row-start{align-items:flex-start}app-techlify-detail-layout .detail-row-head{min-width:var(--detail-row-head-width, 100px);flex-shrink:0;font-size:.875em;color:var(--bs-secondary-color, #6c757d)}app-techlify-detail-layout .detail-row-data{min-width:0}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TechlifyDetailLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-techlify-detail-layout', standalone: true, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ["app-techlify-detail-layout{display:flex;flex-direction:column;width:100%}app-techlify-detail-layout .detail-row{display:flex;align-items:center;margin-top:.5rem}app-techlify-detail-layout .detail-row.detail-row-start{align-items:flex-start}app-techlify-detail-layout .detail-row-head{min-width:var(--detail-row-head-width, 100px);flex-shrink:0;font-size:.875em;color:var(--bs-secondary-color, #6c757d)}app-techlify-detail-layout .detail-row-data{min-width:0}\n"] }]
+        }] });
+
 class FormConfigurationFormFieldService extends TechlifyService {
     constructor(http) {
         super(http, 'form-configuration-form-fields');
@@ -15431,15 +15635,15 @@ class LockedDateLockUnlockButtonComponent {
     }
     lock() {
         this.lockedDateService.lock(this.lockedDate).subscribe({
-            next: () => {
-                this.onSave.emit();
+            next: (response) => {
+                this.onSave.emit(response.item);
             }
         });
     }
     unlock() {
         this.lockedDateService.unlock(this.lockedDate).subscribe({
-            next: () => {
-                this.onSave.emit();
+            next: (response) => {
+                this.onSave.emit(response.item);
             }
         });
     }
@@ -15456,12 +15660,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 class LockedDateListComponent extends TechlifyListComponent {
-    constructor(service, fb, datePipe) {
-        super();
+    constructor(service, fb, userConfigService) {
+        super(service);
         this.service = service;
         this.fb = fb;
-        this.datePipe = datePipe;
+        this.userConfigService = userConfigService;
         this.formComponent = signal(LockedDateFormComponent);
+        this.scrollContainer = '.mat-sidenav-content';
         this.displayedColumns = [
             'index',
             'date',
@@ -15470,6 +15675,16 @@ class LockedDateListComponent extends TechlifyListComponent {
             'locked_by',
             'actions'
         ];
+        const config = this.userConfigService.getConfig();
+        if (config?.scrollContainer) {
+            this.scrollContainer = config.scrollContainer === 'root'
+                ? null
+                : config.scrollContainer;
+        }
+        this.filterFormConfiguration = {
+            date_from: { date: true },
+            date_to: { date: true },
+        };
         this.filterForm = this.fb.group({
             date_from: [''],
             date_to: [''],
@@ -15477,34 +15692,17 @@ class LockedDateListComponent extends TechlifyListComponent {
         });
     }
     ngOnInit() {
+        this.patchFiltersFromRoute();
         this.listenFilterChanges();
         this.loadData();
     }
-    loadData() {
-        this.isWorking = true;
-        let filters = this.filterForm.value;
-        filters.page = this.page;
-        filters.date_from = filters.date_from
-            ? this.datePipe.transform(filters.date_from, 'yyyy-MM-dd')
-            : '';
-        filters.date_to = filters.date_to
-            ? this.datePipe.transform(filters.date_to, 'yyyy-MM-dd')
-            : '';
-        this.service.index(filters).subscribe({
-            next: (response) => {
-                this.models = this.models.concat(response.data);
-                this.lastPage = response.last_page;
-                this.isWorking = false;
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockedDateListComponent, deps: [{ token: LockedDateService }, { token: i3.FormBuilder }, { token: i2.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LockedDateListComponent, selector: "app-locked-date-list", providers: [DatePipe], usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-column gap-2\">\n  <mat-card appearance=\"outlined\" class=\"d-print-none\">\n    <mat-card-content class=\"d-flex flex-row align-items-center justify-content-between\">\n      <div class=\"d-flex flex-row gap-2 align-items-center justify-content-between\">\n        <h5 class=\"mb-0\">Locked Dates</h5>\n        <app-techlify-form-button [component]=\"formComponent()\"\n          (saved)=\"modelCreated($event)\"></app-techlify-form-button>\n      </div>\n\n      <form [formGroup]=\"filterForm\" class='d-flex flex-row gap-2'>\n        <app-timeline-filter labelText=\"Period\" [form]='filterForm'></app-timeline-filter>\n      </form>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>\n      <table class='w-100' mat-table [dataSource]=\"models\" matSort multiTemplateDataRows infiniteScroll\n        [infiniteScrollDistance]=\"1\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" [scrollWindow]=\"false\"\n        [infiniteScrollContainer]=\"'.mat-sidenav-content'\" [fromRoot]=\"true\" (matSortChange)=\"sortColumn($event)\">\n\n        <ng-container matColumnDef=\"index\">\n          <th mat-header-cell *matHeaderCellDef> # </th>\n          <td mat-cell *matCellDef=\"let element; let i = dataIndex\"> {{ i+1 }} </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"date\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Date </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{element?.date | date: 'longDate'}}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"locked_on\">\n          <th mat-header-cell *matHeaderCellDef> Locked On </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.created_at | date:'medium' }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"locked_by\">\n          <th mat-header-cell *matHeaderCellDef> Locked By </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.creator?.name }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"details\">\n          <th mat-header-cell *matHeaderCellDef> Details </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.details }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef> Actions </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row gap-2 text-secondary\">\n              <app-locked-date-lock-unlock-button [lockedDate]='element'\n                (onSave)='reload()'></app-locked-date-lock-unlock-button>\n              <app-techlify-delete-button [service]=\"service\" [model]=\"element\"\n                [data]=\"{type: 'Locked Date', title: element?.date | date:'longDate'}\"\n                (deleted)=\"modelsDeletedById($event)\"></app-techlify-delete-button>\n            </div>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n      </table>\n    </mat-card-content>\n  </mat-card>\n</div>", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7$1.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "directive", type: i12.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i12.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i13.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i13.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i13.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i13.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i13.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i13.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i13.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i13.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i13.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i13.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i13.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i13.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: TechlifyDeleteButtonComponent, selector: "app-techlify-delete-button", inputs: ["data", "model", "message", "service"], outputs: ["deleted"] }, { kind: "component", type: TimelineFilterComponent, selector: "app-timeline-filter", inputs: ["defaultValue", "required", "disabled", "value", "timelines", "dateFrom", "dateTo", "appearance", "showClearButton", "form", "labelText"], outputs: ["selectionChange"] }, { kind: "component", type: TechlifyFormButtonComponent, selector: "app-techlify-form-button", inputs: ["component", "model", "data", "width"], outputs: ["saved"] }, { kind: "component", type: LockedDateLockUnlockButtonComponent, selector: "app-locked-date-lock-unlock-button", inputs: ["lockedDate"], outputs: ["onSave"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockedDateListComponent, deps: [{ token: LockedDateService }, { token: i3.FormBuilder }, { token: UserConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LockedDateListComponent, selector: "app-locked-date-list", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-column gap-2\">\n  <mat-card appearance=\"outlined\" class=\"d-print-none\">\n    <mat-card-content class=\"d-flex flex-row align-items-center justify-content-between\">\n      <div class=\"d-flex flex-row gap-2 align-items-center justify-content-between\">\n        <h5 class=\"mb-0\">Locked Dates</h5>\n        <app-techlify-form-button [component]=\"formComponent()\"\n          (saved)=\"modelCreated($event)\"></app-techlify-form-button>\n      </div>\n\n      <form [formGroup]=\"filterForm\" class='d-flex flex-row gap-2'>\n        <app-timeline-filter labelText=\"Period\" [form]='filterForm'></app-timeline-filter>\n      </form>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>\n      <table class='w-100' mat-table [dataSource]=\"models\" matSort multiTemplateDataRows infiniteScroll\n        [infiniteScrollDistance]=\"1\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\"\n        [infiniteScrollContainer]=\"scrollContainer\" [fromRoot]=\"true\" (matSortChange)=\"sortColumn($event)\">\n\n        <ng-container matColumnDef=\"index\">\n          <th mat-header-cell *matHeaderCellDef> # </th>\n          <td mat-cell *matCellDef=\"let element; let i = dataIndex\"> {{ i+1 }} </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"date\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Date </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row align-items-center gap-2\">\n              <span>{{element?.date | date: 'longDate'}}</span>\n              <span>\n                <i class=\"fa-solid fa-lock text-danger\" *ngIf=\"element?.status_id == 1\" matTooltip=\"Locked\"></i>\n                <i class=\"fa-solid fa-lock-open text-success\" *ngIf=\"element?.status_id == 2\" matTooltip=\"Unlocked\"></i>\n              </span>\n            </div>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"locked_on\">\n          <th mat-header-cell *matHeaderCellDef> Locked On </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.created_at | date:'medium' }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"locked_by\">\n          <th mat-header-cell *matHeaderCellDef> Locked By </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.creator?.name }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"details\">\n          <th mat-header-cell *matHeaderCellDef> Details </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.details }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef> Actions </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row gap-2 text-secondary\">\n              <app-locked-date-lock-unlock-button [lockedDate]='element'\n                (onSave)='modelsUpdatedById($event)'></app-locked-date-lock-unlock-button>\n              <app-techlify-delete-button [service]=\"service\" [model]=\"element\"\n                [data]=\"{type: 'Locked Date', title: element?.date | date:'longDate'}\"\n                (deleted)=\"modelsDeletedById($event)\"></app-techlify-delete-button>\n            </div>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n      </table>\n    </mat-card-content>\n  </mat-card>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7$1.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "directive", type: i12.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i12.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i13.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i13.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i13.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i13.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i13.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i13.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i13.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i13.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i13.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i13.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i13.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i13.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i15.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: TechlifyDeleteButtonComponent, selector: "app-techlify-delete-button", inputs: ["data", "model", "message", "service"], outputs: ["deleted"] }, { kind: "component", type: TimelineFilterComponent, selector: "app-timeline-filter", inputs: ["defaultValue", "required", "disabled", "value", "timelines", "dateFrom", "dateTo", "appearance", "showClearButton", "form", "labelText"], outputs: ["selectionChange"] }, { kind: "component", type: TechlifyFormButtonComponent, selector: "app-techlify-form-button", inputs: ["component", "model", "data", "width"], outputs: ["saved"] }, { kind: "component", type: LockedDateLockUnlockButtonComponent, selector: "app-locked-date-lock-unlock-button", inputs: ["lockedDate"], outputs: ["onSave"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockedDateListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-locked-date-list', providers: [DatePipe], template: "<div class=\"d-flex flex-column gap-2\">\n  <mat-card appearance=\"outlined\" class=\"d-print-none\">\n    <mat-card-content class=\"d-flex flex-row align-items-center justify-content-between\">\n      <div class=\"d-flex flex-row gap-2 align-items-center justify-content-between\">\n        <h5 class=\"mb-0\">Locked Dates</h5>\n        <app-techlify-form-button [component]=\"formComponent()\"\n          (saved)=\"modelCreated($event)\"></app-techlify-form-button>\n      </div>\n\n      <form [formGroup]=\"filterForm\" class='d-flex flex-row gap-2'>\n        <app-timeline-filter labelText=\"Period\" [form]='filterForm'></app-timeline-filter>\n      </form>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>\n      <table class='w-100' mat-table [dataSource]=\"models\" matSort multiTemplateDataRows infiniteScroll\n        [infiniteScrollDistance]=\"1\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" [scrollWindow]=\"false\"\n        [infiniteScrollContainer]=\"'.mat-sidenav-content'\" [fromRoot]=\"true\" (matSortChange)=\"sortColumn($event)\">\n\n        <ng-container matColumnDef=\"index\">\n          <th mat-header-cell *matHeaderCellDef> # </th>\n          <td mat-cell *matCellDef=\"let element; let i = dataIndex\"> {{ i+1 }} </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"date\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Date </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{element?.date | date: 'longDate'}}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"locked_on\">\n          <th mat-header-cell *matHeaderCellDef> Locked On </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.created_at | date:'medium' }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"locked_by\">\n          <th mat-header-cell *matHeaderCellDef> Locked By </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.creator?.name }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"details\">\n          <th mat-header-cell *matHeaderCellDef> Details </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.details }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef> Actions </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row gap-2 text-secondary\">\n              <app-locked-date-lock-unlock-button [lockedDate]='element'\n                (onSave)='reload()'></app-locked-date-lock-unlock-button>\n              <app-techlify-delete-button [service]=\"service\" [model]=\"element\"\n                [data]=\"{type: 'Locked Date', title: element?.date | date:'longDate'}\"\n                (deleted)=\"modelsDeletedById($event)\"></app-techlify-delete-button>\n            </div>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n      </table>\n    </mat-card-content>\n  </mat-card>\n</div>" }]
-        }], ctorParameters: () => [{ type: LockedDateService }, { type: i3.FormBuilder }, { type: i2.DatePipe }] });
+            args: [{ selector: 'app-locked-date-list', template: "<div class=\"d-flex flex-column gap-2\">\n  <mat-card appearance=\"outlined\" class=\"d-print-none\">\n    <mat-card-content class=\"d-flex flex-row align-items-center justify-content-between\">\n      <div class=\"d-flex flex-row gap-2 align-items-center justify-content-between\">\n        <h5 class=\"mb-0\">Locked Dates</h5>\n        <app-techlify-form-button [component]=\"formComponent()\"\n          (saved)=\"modelCreated($event)\"></app-techlify-form-button>\n      </div>\n\n      <form [formGroup]=\"filterForm\" class='d-flex flex-row gap-2'>\n        <app-timeline-filter labelText=\"Period\" [form]='filterForm'></app-timeline-filter>\n      </form>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>\n      <table class='w-100' mat-table [dataSource]=\"models\" matSort multiTemplateDataRows infiniteScroll\n        [infiniteScrollDistance]=\"1\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\"\n        [infiniteScrollContainer]=\"scrollContainer\" [fromRoot]=\"true\" (matSortChange)=\"sortColumn($event)\">\n\n        <ng-container matColumnDef=\"index\">\n          <th mat-header-cell *matHeaderCellDef> # </th>\n          <td mat-cell *matCellDef=\"let element; let i = dataIndex\"> {{ i+1 }} </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"date\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Date </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row align-items-center gap-2\">\n              <span>{{element?.date | date: 'longDate'}}</span>\n              <span>\n                <i class=\"fa-solid fa-lock text-danger\" *ngIf=\"element?.status_id == 1\" matTooltip=\"Locked\"></i>\n                <i class=\"fa-solid fa-lock-open text-success\" *ngIf=\"element?.status_id == 2\" matTooltip=\"Unlocked\"></i>\n              </span>\n            </div>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"locked_on\">\n          <th mat-header-cell *matHeaderCellDef> Locked On </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.created_at | date:'medium' }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"locked_by\">\n          <th mat-header-cell *matHeaderCellDef> Locked By </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.creator?.name }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"details\">\n          <th mat-header-cell *matHeaderCellDef> Details </th>\n          <td mat-cell *matCellDef=\"let element\">\n            {{ element?.details }}\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef> Actions </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row gap-2 text-secondary\">\n              <app-locked-date-lock-unlock-button [lockedDate]='element'\n                (onSave)='modelsUpdatedById($event)'></app-locked-date-lock-unlock-button>\n              <app-techlify-delete-button [service]=\"service\" [model]=\"element\"\n                [data]=\"{type: 'Locked Date', title: element?.date | date:'longDate'}\"\n                (deleted)=\"modelsDeletedById($event)\"></app-techlify-delete-button>\n            </div>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n      </table>\n    </mat-card-content>\n  </mat-card>\n</div>" }]
+        }], ctorParameters: () => [{ type: LockedDateService }, { type: i3.FormBuilder }, { type: UserConfigService }] });
 
 class LockedDateModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockedDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -16115,5 +16313,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AccessControlConfigModule, ActionPopup, ActionPopupComponent, ActionPopupModule, AdminRoleListComponent, AdminRoleListModule, AdminRolePermissionFormComponent, AdminRolePermissionFormModule, AdminRoleService, AlertService, ApiPrefixInterceptor, AppAdminHomeComponent, AppAdminModule, AppAdminUserList, AppAdminUserViewComponent, AppAdminUserViewModule, AppUpdateService, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, ChangePasswordModule, ClientService, ColumnConfig, ColumnSelectorComponent, ColumnSelectorModule, CommentFormComponent, CompanyInfoDisplayComponent, CompanyInformationComponent, ConfigService, CoreModule, CountryService, CredentialsService, CurrentUserService, CustomIconComponent, CustomIconModule, DEFAULT_SELECTED_VALUE, DataTable, DataTableComponent, DataTableModule, DateUtils, 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, EntityFileListComponent, EntityFileListModule, EntityFileListWidgetComponent, EntityFileService, EntityFileListModule as EntityFilesViewAllModule, EnvironmentService, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FileDragdropUploaderComponent, FileDragdropUploaderModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FilterService, ForgotPasswordComponent, ForgotPasswordModule, ForgotPasswordRoutingModule, FormConfigurationFieldFormComponent, FormConfigurationFieldFormModule, FormConfigurationFieldFormRoutingModule, FormConfigurationForFormComponent, FormConfigurationForFormModule, FormConfigurationFormFieldService, FormConfigurationFormService, FormConfigurationUtilityService, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportCsvComponent, ImportCsvModule, LoaderComponent, LoaderModule, LockedDate, LockedDateFormComponent, LockedDateListComponent, LockedDateLockUnlockButtonComponent, LockedDateModule, LockedDateService, LogLevel, Logger, LoginComponent, LoginFormFieldsComponent, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, LoginModule, LoginRoutingModule, MaterialModule, MultiUserConfig, MyTechlifyViewListingComponent, MyTechlifyViewListingModule, MyTechlifyViewService, NgxTechlifyUsersModule, NoteCommentListComponent, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberInputButtonComponent, NumberInputButtonModule, NumberSelectorComponent, OrdinalPipe, PageEvent, PdfButtonComponent, PdfButtonModule, Permission, PermissionModule, PermissionRoutingProvider, PermissionsManagementComponent, PhoneNumberSelectorComponent, ProfileEditComponent, ProfileModule, ProfileRoutingModule, ReadMoreComponent, ReadMoreModule, RequestHelperService, ResetPasswordComponent, ResetPasswordModule, ResetPasswordRoutingModule, ResetPasswordService, RestrictorTypeSelectorComponent, RestrictorTypeSelectorModule, RestrictorsModule, Role, RoleFormButtonComponent, RoleFormComponent, RoleListComponent, RoleModule, RoleRoutingProvider, RoleService, RoleViewComponent, RoleViewModule, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SignUpComponent, SignupModule, SignupRoutingModule, SnackModule, StorageService, SubscriptionFormComponent, SubscriptionFormModule, SubscriptionListingComponent, SubscriptionListingModule, SubscriptionPackageListingComponent, SubscriptionPackageListingModule, SubscriptionPackageViewComponent, SubscriptionPackageViewModule, SubscriptionService, SuccessSnackComponent, TagService, TechlifyAppSelectorComponent, TechlifyAppSelectorModule, TechlifyAutoCompleteSelectComponent, TechlifyCompanySwitcherComponent, TechlifyCompanySwitcherModule, TechlifyConfig, TechlifyCurrencyPipe, TechlifyDeleteButtonComponent, TechlifyFeatureDirectiveModule, TechlifyFeatureEnabledDirective, TechlifyFeatureListingComponent, TechlifyFeatureModule, TechlifyFeatureRoutes, TechlifyFeatureService, TechlifyFormButtonComponent, TechlifyFormComponent, TechlifyIconComponent, TechlifyIconModule, TechlifyListComponent, TechlifyNotificationForUserComponent, TechlifyNotificationForUserModule, TechlifyNotificationForUserRoutingModule, TechlifyNotificationModule, TechlifyNotificationRoutingModule, TechlifyService, TechlifySubscriptionDirective, TechlifySubscriptionDirectiveModule, TechlifyTaggerTagFormComponent, TechlifyTaggerTagFormConfigModel, TechlifyTaggerTagFormFieldComponent, TechlifyTaggerTagFormFieldModule, TechlifyTaggerTagListComponent, TechlifyTaggerTagSelectorComponent, TechlifyTaggerTagSelectorModule, TechlifyUpdateHistoryModule, TechlifyUpdateModule, TechlifyUpdateService, TechlifyUpdatesTeaserComponent, TechlifyUpdatesTeaserModule, TechlifyViewFormComponent, TechlifyViewFormModule, TechlifyViewService, TenantFormButtonComponent, TenantListWidgetComponent, Timeline, TimelineActivityButtonComponent, TimelineActivityButtonModule, TimelineActivityListComponent, TimelineActivityListModule, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, User, UserClientEnableDisableButtonComponent, UserClientEnableDisableButtonModule, UserClientsListComponent, UserClientsListModule, UserConfig, UserConfigService, UserDataService, UserEnableButtonComponent, UserEnableButtonModule, UserExploreComponent, UserFormComponent, UserListComponent, UserListPageConfig, UserMenuComponent, UserMenuModule, UserModule, UserRoutingProvider, UserSelectorComponent, UserSelectorModule, UserService, UserSessionsComponent, UserSessionsModule, UserViewComponent, UtilityModule, ViewerConfig, WrapPipe, calculateTimeline, dateValidator, esfur, estlr, esulr, parseLocalDate, techlifyFormContract, techlifyListContract };
+export { AccessControlConfigModule, ActionPopup, ActionPopupComponent, ActionPopupModule, AdminRoleListComponent, AdminRoleListModule, AdminRolePermissionFormComponent, AdminRolePermissionFormModule, AdminRoleService, AlertService, ApiPrefixInterceptor, AppAdminHomeComponent, AppAdminModule, AppAdminUserList, AppAdminUserViewComponent, AppAdminUserViewModule, AppUpdateService, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, ChangePasswordModule, ClientService, ColumnConfig, ColumnSelectorComponent, ColumnSelectorModule, CommentFormComponent, CompanyInfoDisplayComponent, CompanyInformationComponent, ConfigService, CoreModule, CountryService, CredentialsService, CurrentUserService, CustomIconComponent, CustomIconModule, DEFAULT_SELECTED_VALUE, DataTable, DataTableComponent, DataTableModule, DateUtils, 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, EntityFileListComponent, EntityFileListModule, EntityFileListWidgetComponent, EntityFileService, EntityFileListModule as EntityFilesViewAllModule, EnvironmentService, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FileDragdropUploaderComponent, FileDragdropUploaderModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FilterService, ForgotPasswordComponent, ForgotPasswordModule, ForgotPasswordRoutingModule, FormConfigurationFieldFormComponent, FormConfigurationFieldFormModule, FormConfigurationFieldFormRoutingModule, FormConfigurationForFormComponent, FormConfigurationForFormModule, FormConfigurationFormFieldService, FormConfigurationFormService, FormConfigurationUtilityService, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportCsvComponent, ImportCsvModule, LoaderComponent, LoaderModule, LockedDate, LockedDateFormComponent, LockedDateListComponent, LockedDateLockUnlockButtonComponent, LockedDateModule, LockedDateService, LogLevel, Logger, LoginComponent, LoginFormFieldsComponent, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, LoginModule, LoginRoutingModule, MaterialModule, MultiUserConfig, MyTechlifyViewListingComponent, MyTechlifyViewListingModule, MyTechlifyViewService, NgxTechlifyUsersModule, NoteCommentListComponent, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberInputButtonComponent, NumberInputButtonModule, NumberSelectorComponent, OrdinalPipe, PageEvent, PdfButtonComponent, PdfButtonModule, Permission, PermissionModule, PermissionRoutingProvider, PermissionsManagementComponent, PhoneNumberSelectorComponent, ProfileEditComponent, ProfileModule, ProfileRoutingModule, ReadMoreComponent, ReadMoreModule, RequestHelperService, ResetPasswordComponent, ResetPasswordModule, ResetPasswordRoutingModule, ResetPasswordService, RestrictorTypeSelectorComponent, RestrictorTypeSelectorModule, RestrictorsModule, Role, RoleFormButtonComponent, RoleFormComponent, RoleListComponent, RoleModule, RoleRoutingProvider, RoleService, RoleViewComponent, RoleViewModule, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SignUpComponent, SignupModule, SignupRoutingModule, SnackModule, StorageService, SubscriptionFormComponent, SubscriptionFormModule, SubscriptionListingComponent, SubscriptionListingModule, SubscriptionPackageListingComponent, SubscriptionPackageListingModule, SubscriptionPackageViewComponent, SubscriptionPackageViewModule, SubscriptionService, SuccessSnackComponent, TagService, TechlifyAppSelectorComponent, TechlifyAppSelectorModule, TechlifyAutoCompleteSelectComponent, TechlifyCompanySwitcherComponent, TechlifyCompanySwitcherModule, TechlifyConfig, TechlifyCurrencyPipe, TechlifyDeleteButtonComponent, TechlifyDetailLayoutComponent, TechlifyFeatureDirectiveModule, TechlifyFeatureEnabledDirective, TechlifyFeatureListingComponent, TechlifyFeatureModule, TechlifyFeatureRoutes, TechlifyFeatureService, TechlifyFormButtonComponent, TechlifyFormComponent, TechlifyIconComponent, TechlifyIconModule, TechlifyListComponent, TechlifyNotificationForUserComponent, TechlifyNotificationForUserModule, TechlifyNotificationForUserRoutingModule, TechlifyNotificationModule, TechlifyNotificationRoutingModule, TechlifyService, TechlifyShowComponent, TechlifySubscriptionDirective, TechlifySubscriptionDirectiveModule, TechlifyTaggerTagFormComponent, TechlifyTaggerTagFormConfigModel, TechlifyTaggerTagFormFieldComponent, TechlifyTaggerTagFormFieldModule, TechlifyTaggerTagListComponent, TechlifyTaggerTagSelectorComponent, TechlifyTaggerTagSelectorModule, TechlifyUpdateHistoryModule, TechlifyUpdateModule, TechlifyUpdateService, TechlifyUpdatesTeaserComponent, TechlifyUpdatesTeaserModule, TechlifyViewFormComponent, TechlifyViewFormModule, TechlifyViewService, TenantFormButtonComponent, TenantListWidgetComponent, Timeline, TimelineActivityButtonComponent, TimelineActivityButtonModule, TimelineActivityListComponent, TimelineActivityListModule, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, User, UserClientEnableDisableButtonComponent, UserClientEnableDisableButtonModule, UserClientsListComponent, UserClientsListModule, UserConfig, UserConfigService, UserDataService, UserEnableButtonComponent, UserEnableButtonModule, UserExploreComponent, UserFormComponent, UserListComponent, UserListPageConfig, UserMenuComponent, UserMenuModule, UserModule, UserRoutingProvider, UserSelectorComponent, UserSelectorModule, UserService, UserSessionsComponent, UserSessionsModule, UserViewComponent, UtilityModule, ViewerConfig, WrapPipe, calculateTimeline, dateValidator, esfur, estlr, esulr, parseLocalDate, techlifyFormContract, techlifyListContract, techlifyShowContract };
 //# sourceMappingURL=ngx-techlify-core.mjs.map