ngx-techlify-core 11.3.2 → 11.3.6

package/fesm2015/ngx-techlify-core.js

@@ -12,7 +12,7 @@ import { catchError, debounceTime, distinctUntilChanged, startWith, switchMap, f
 import { MAT_SNACK_BAR_DATA, MatSnackBar, MatSnackBarModule, MatSnackBarRef } from '@angular/material/snack-bar';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { MatFormFieldControl, MatFormFieldModule } from '@angular/material/form-field';
+import { MatFormFieldControl, MatFormFieldModule, MatFormField, MAT_FORM_FIELD } from '@angular/material/form-field';
 import { SELECT_ITEM_HEIGHT_EM, MatSelect, MatSelectModule } from '@angular/material/select';
 import { MatIconModule } from '@angular/material/icon';
 import { Router, RouteReuseStrategy, RouterModule, NavigationEnd, ActivatedRoute } from '@angular/router';
@@ -35,6 +35,10 @@ import { Editor, NgxEditorModule } from 'ngx-editor';
 import { utils, writeFile, read } from 'xlsx';
 import { DomSanitizer } from '@angular/platform-browser';
 import { diff, formatters } from 'jsondiffpatch';
+import { ENTER, COMMA } from '@angular/cdk/keycodes';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 
 class ActionPopup {
 }
@@ -1599,6 +1603,7 @@ class NoteListComponent {
         this.dialog = dialog;
         this.readonly = false;
         this.labelText = 'Note';
+        this.commentsView = false;
         this.notes = [];
         this.displayedColumns = [
             'index',
@@ -1689,11 +1694,39 @@ class NoteListComponent {
             this.loadData();
         }
     }
+    commentAction(event) {
+        if (event.type === "save") {
+            if (event.value.id) {
+                this.editComment(event.value);
+                return;
+            }
+            this.addComment(event.value);
+            return;
+        }
+        this.deleteNote(event.value);
+    }
+    editComment(comment) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = yield this.noteService.editNote(comment);
+            let index = this.notes.findIndex((x) => x.id === comment.id);
+            if (index !== -1) {
+                this.notes[index] = result.item;
+            }
+        });
+    }
+    addComment(comment) {
+        return __awaiter(this, void 0, void 0, function* () {
+            comment.related_model_id = this.relatedModelId;
+            comment.model_type = this.modelType;
+            const result = yield this.noteService.addNote(comment);
+            this.notes.push(result.item);
+        });
+    }
 }
 NoteListComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-note-list',
-                template: "<div fxLayout=\"column\" fxLayoutGap=\"1.5rem\" class=\"m-4\">\n\n    <div fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"1rem\">\n        <h3 class=\"m-0 font-weight-bold mr-3\">{{labelText}}s</h3>\n        <button class=\"d-print-none\" *ngIf=\"!readonly\" mat-raised-button color=\"primary\" type=\"button\"\n            (click)=\"addNote()\">+ Add</button>\n    </div>\n\n    <div class=\"w-00 scroll-container\" infiniteScroll [infiniteScrollDistance]=\"1\" [infiniteScrollThrottle]=\"50\"\n        (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n        <table mat-table [dataSource]=\"notes\" class=\"w-100\" multiTemplateDataRows>\n\n            <!-- Index Column -->\n            <ng-container matColumnDef=\"index\">\n                <th mat-header-cell *matHeaderCellDef> # </th>\n                <td mat-cell *matCellDef=\"let note; let i = dataIndex\"> {{ i+1 }} </td>\n            </ng-container>\n\n\n            <ng-container matColumnDef=\"note\">\n                <th mat-header-cell *matHeaderCellDef> {{labelText}} </th>\n                <td mat-cell *matCellDef=\"let note\">\n                    {{note?.note}}\n                </td>\n            </ng-container>\n\n            <ng-container matColumnDef=\"actions\">\n                <th mat-header-cell *matHeaderCellDef class=\"d-print-none\"> Actions </th>\n                <td mat-cell *matCellDef=\"let note\" class=\"d-print-none\">\n                    <button type=\"button\" mat-icon-button (click)=\"editNote(note)\">\n                        <mat-icon>edit</mat-icon>\n                    </button>\n                    <button type=\"button\" mat-icon-button (click)=\"deleteNote(note)\">\n                        <mat-icon>delete</mat-icon>\n                    </button>\n                </td>\n            </ng-container>\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n        </table>\n    </div>\n\n</div>",
+                template: "<div fxLayout=\"column\" fxLayoutGap=\"1.5rem\" class=\"m-4\" *ngIf=\"!commentsView\">\n\n  <div fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"1rem\">\n    <h3 class=\"m-0 font-weight-bold mr-3\">{{labelText}}s</h3>\n    <button class=\"d-print-none\" *ngIf=\"!readonly\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"addNote()\">+\n      Add</button>\n  </div>\n\n  <div class=\"w-100 scroll-container\" infiniteScroll [infiniteScrollDistance]=\"1\" [infiniteScrollThrottle]=\"50\"\n    (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n    <table mat-table [dataSource]=\"notes\" class=\"w-100\" multiTemplateDataRows>\n\n      <!-- Index Column -->\n      <ng-container matColumnDef=\"index\">\n        <th mat-header-cell *matHeaderCellDef> # </th>\n        <td mat-cell *matCellDef=\"let note; let i = dataIndex\"> {{ i+1 }} </td>\n      </ng-container>\n\n\n      <ng-container matColumnDef=\"note\">\n        <th mat-header-cell *matHeaderCellDef> {{labelText}} </th>\n        <td mat-cell *matCellDef=\"let note\">\n          {{note?.note}}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"actions\">\n        <th mat-header-cell *matHeaderCellDef class=\"d-print-none\"> Actions </th>\n        <td mat-cell *matCellDef=\"let note\" class=\"d-print-none\">\n          <button type=\"button\" mat-icon-button (click)=\"editNote(note)\">\n            <mat-icon>edit</mat-icon>\n          </button>\n          <button type=\"button\" mat-icon-button (click)=\"deleteNote(note)\">\n            <mat-icon>delete</mat-icon>\n          </button>\n        </td>\n      </ng-container>\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n    </table>\n  </div>\n\n</div>\n\n<div fxLayout=\"column\" fxLayoutGap=\"1.5rem\" *ngIf=\"commentsView\">\n  <div fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"1rem\">\n    <h3 class=\"m-0 font-weight-bold mr-3\">{{labelText}}s</h3>\n  </div>\n\n  <div fxLayout=\"column\" fxLayoutAlign=\"start\" fxFlex=\"100%\">\n    <div class=\"w-100 scroll-container jumbotron\" infiniteScroll [infiniteScrollDistance]=\"1\"\n      [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n      <app-comment-form [commentData]=\"comment\" (action)=\"commentAction($event)\" *ngFor=\"let comment of notes\">\n      </app-comment-form>\n      <app-comment-form (action)=\"commentAction($event)\"></app-comment-form>\n    </div>\n  </div>\n</div>\n",
                 styles: [".scroll-container{max-height:400px;overflow-y:auto}"]
             },] }
 ];
@@ -1705,7 +1738,78 @@ NoteListComponent.propDecorators = {
     relatedModelId: [{ type: Input }],
     modelType: [{ type: Input }],
     readonly: [{ type: Input }],
-    labelText: [{ type: Input }]
+    labelText: [{ type: Input }],
+    commentsView: [{ type: Input }]
+};
+
+class CommentFormComponent {
+    constructor(fb, credentialService) {
+        this.fb = fb;
+        this.credentialService = credentialService;
+        this.action = new EventEmitter();
+        this.createForm();
+    }
+    set commentData(data) {
+        this.view = !!data;
+        this._commentData = data;
+        this.commentFormGroup.patchValue(data);
+    }
+    ngOnInit() { }
+    get isLoggedIn() {
+        return this.credentialService.isAuthenticated;
+    }
+    get currentUser() {
+        return this.credentialService.credentials.user;
+    }
+    createForm() {
+        //TODO: Finialize and add more validations.
+        this.commentFormGroup = this.fb.group({
+            id: [""],
+            note: [""],
+            model_type: [""],
+            related_model_id: [""],
+        });
+    }
+    submit() {
+        if (this.commentFormGroup.get("note").value) {
+            if (this._commentData) {
+                this.view = !this.view;
+            }
+            this.action.emit({ type: "save", value: this.commentFormGroup.value });
+            this.commentFormGroup.reset();
+        }
+        else if (this.commentFormGroup.get("id").value) {
+            this.deleteComment();
+        }
+    }
+    hideEdit() {
+        if (this.commentFormGroup.get("id").value) {
+            this.view = !this.view;
+        }
+    }
+    editComment() {
+        this.view = !this.view;
+        this.commentFormGroup.patchValue(this._commentData);
+    }
+    deleteComment() {
+        this.action.emit({ type: "delete", value: this.commentFormGroup.value });
+    }
+    ngOnDestroy() { }
+}
+CommentFormComponent.decorators = [
+    { type: Component, args: [{
+                selector: "app-comment-form",
+                template: "<form (ngSubmit)=\"submit()\" [formGroup]=\"commentFormGroup\">\n  <div fxLayout=\"column\" class=\"my-2\" [ngClass]=\"{ 'border border-primary shadow rounded ': view}\">\n    <div *ngIf=\"!view\" fxLayout=\"column\">\n      <mat-form-field appearance=\"outline\" style=\"background-color:white;\">\n        <mat-label>Comment</mat-label>\n        <textarea matInput rows=\"5\" placeholder=\"Add a comment...\" formControlName=\"note\" autocomplete=\"off\"></textarea>\n      </mat-form-field>\n\n      <div fxLayout fxLayoutGap=\"1rem\" class=\"mt-2\">\n        <span fxFlex></span>\n        <button *ngIf=\"_commentData\" mat-button type=\"button\" (click)=\"view = !view\">\n          Cancel\n        </button>\n        <button mat-raised-button color=\"primary\" type=\"submit\">\n          {{ _commentData ? \"Update\" : \"Post comment\" }}\n        </button>\n      </div>\n    </div>\n\n    <div fxLayout=\"column\" *ngIf=\"view\" class=\"p-2 m-2\">\n      <div fxLayout=\"row wrap\" fxLayoutGap=\".5rem\">\n        <div fxFlex=\"20%\" fxLayoutAlign=\"start\">\n          <button mat-icon-button type=\"button\" style=\"color:grey\">\n            <mat-icon style=\"font-size:60px\">account_circle</mat-icon>\n          </button>\n        </div>\n        <div fxFlex=\"75%\">\n          <div fxLayout=\"column\" fxLayoutGap=\".5rem\">\n            <div class=\"font-weight-bold\">{{ _commentData?.creator?.name }}</div>\n            <div class=\"text-muted\">{{ _commentData.updated_at | date:'medium' }}</div>\n          </div>\n        </div>\n      </div>\n      <app-read-more class=\"mt-2\" [text]=\"_commentData.note\"></app-read-more>\n      <div fxLayout class=\"mt-1\" fxLayoutGap=\"1rem\" *ngIf=\"isLoggedIn && currentUser.id === _commentData.creator_id\">\n        <a href=\"javascript:;\" (click)=\"editComment()\">\n          Edit\n        </a>\n        <a href=\"javascript:;\" (click)=\"deleteComment()\">\n          Delete\n        </a>\n      </div>\n    </div>\n  </div>\n</form>",
+                styles: [":host ::ng-deep .mat-form-field-wrapper{margin:0!important;padding-bottom:0!important}"]
+            },] }
+];
+CommentFormComponent.ctorParameters = () => [
+    { type: FormBuilder },
+    { type: CredentialsService }
+];
+CommentFormComponent.propDecorators = {
+    commentData: [{ type: Input }],
+    action: [{ type: Output }]
 };
 
 var SearchableSelectorComponent_1;
@@ -2809,13 +2913,72 @@ EntityFilesViewAllModule.decorators = [
             },] }
 ];
 
+class ReadMoreComponent {
+    constructor() {
+        this.maxLength = 100;
+        this.hideToggle = true;
+        this.isCollapsed = true;
+    }
+    ngOnInit() {
+        this.determineView();
+    }
+    toggleView() {
+        this.isCollapsed = !this.isCollapsed;
+        this.determineView();
+    }
+    determineView() {
+        if (!this.text || this.text.length <= this.maxLength) {
+            this.currentText = this.text;
+            this.isCollapsed = false;
+            this.hideToggle = true;
+            return;
+        }
+        this.hideToggle = false;
+        if (this.isCollapsed == true) {
+            this.currentText = this.text.substring(0, this.maxLength) + "...";
+        }
+        else if (this.isCollapsed == false) {
+            this.currentText = this.text;
+        }
+    }
+}
+ReadMoreComponent.decorators = [
+    { type: Component, args: [{
+                selector: "app-read-more",
+                template: "<div [innerHTML]=\"currentText\"></div>\n<a href=\"javascript:;\" *ngIf=\"!hideToggle\" class=\"primary-color hoverable\" (click)=\"toggleView()\">Read\n  {{ isCollapsed ? \"more\" : \"less\" }}</a>",
+                styles: ["div.collapsed{height:250px;overflow:hidden}.primary-color{color:#009fdd!important}"]
+            },] }
+];
+ReadMoreComponent.ctorParameters = () => [];
+ReadMoreComponent.propDecorators = {
+    text: [{ type: Input }],
+    maxLength: [{ type: Input }]
+};
+
+class ReadMoreModule {
+}
+ReadMoreModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [ReadMoreComponent],
+                imports: [
+                    CommonModule,
+                    MaterialModule,
+                    FlexLayoutModule
+                ],
+                exports: [
+                    ReadMoreComponent
+                ]
+            },] }
+];
+
 class NoteModule {
 }
 NoteModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [
                     NoteListComponent,
-                    NoteFormComponent
+                    NoteFormComponent,
+                    CommentFormComponent,
                 ],
                 imports: [
                     CommonModule,
@@ -2823,7 +2986,8 @@ NoteModule.decorators = [
                     InfiniteScrollModule,
                     FlexLayoutModule,
                     ActionPopupModule,
-                    MaterialModule
+                    MaterialModule,
+                    ReadMoreModule
                 ],
                 exports: [
                     NoteListComponent
@@ -3760,64 +3924,6 @@ EmailSubscriptionForUserModule.decorators = [
             },] }
 ];
 
-class ReadMoreComponent {
-    constructor() {
-        this.maxLength = 100;
-        this.hideToggle = true;
-        this.isCollapsed = true;
-    }
-    ngOnInit() {
-        this.determineView();
-    }
-    toggleView() {
-        this.isCollapsed = !this.isCollapsed;
-        this.determineView();
-    }
-    determineView() {
-        if (!this.text || this.text.length <= this.maxLength) {
-            this.currentText = this.text;
-            this.isCollapsed = false;
-            this.hideToggle = true;
-            return;
-        }
-        this.hideToggle = false;
-        if (this.isCollapsed == true) {
-            this.currentText = this.text.substring(0, this.maxLength) + "...";
-        }
-        else if (this.isCollapsed == false) {
-            this.currentText = this.text;
-        }
-    }
-}
-ReadMoreComponent.decorators = [
-    { type: Component, args: [{
-                selector: "app-read-more",
-                template: "<div [innerHTML]=\"currentText\"></div>\n<a href=\"javascript:;\" *ngIf=\"!hideToggle\" class=\"primary-color hoverable\" (click)=\"toggleView()\">Read\n  {{ isCollapsed ? \"more\" : \"less\" }}</a>",
-                styles: ["div.collapsed{height:250px;overflow:hidden}"]
-            },] }
-];
-ReadMoreComponent.ctorParameters = () => [];
-ReadMoreComponent.propDecorators = {
-    text: [{ type: Input }],
-    maxLength: [{ type: Input }]
-};
-
-class ReadMoreModule {
-}
-ReadMoreModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [ReadMoreComponent],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    FlexLayoutModule
-                ],
-                exports: [
-                    ReadMoreComponent
-                ]
-            },] }
-];
-
 class TechlifyUpdateService {
     constructor(http) {
         this.http = http;
@@ -5594,6 +5700,786 @@ LoginHistoryForUserModule.decorators = [
             },] }
 ];
 
+class TechlifyTaggerTagFormConfigModel {
+    constructor() {
+        this.selectable = true;
+        this.removable = true;
+        this.separatorKeysCodes = [ENTER, COMMA];
+        this.placeholder = 'New Tag..';
+        this.apiUrl = 'api/techlify-tagger-tags';
+        this.createApiUrl = 'api/techlify-tagger-tags';
+        this.isCreateable = true;
+        this.isCacheTags = false;
+        this.isSingle = false;
+    }
+}
+
+var TechlifyTaggerTagFormFieldComponent_1;
+let TechlifyTaggerTagFormFieldComponent = TechlifyTaggerTagFormFieldComponent_1 = class TechlifyTaggerTagFormFieldComponent {
+    constructor(_focusMonitor, _elementRef, httpService, _formField, ngControl) {
+        this._focusMonitor = _focusMonitor;
+        this._elementRef = _elementRef;
+        this.httpService = httpService;
+        this._formField = _formField;
+        this.ngControl = ngControl;
+        this.stateChanges = new Subject();
+        this.focused = false;
+        this.controlType = 'techlify-tagger-form-field';
+        this.id = `techlify-tagger-form-field-${TechlifyTaggerTagFormFieldComponent_1.nextId++}`;
+        this.onChange = (_) => { };
+        this.onTouched = () => { };
+        this.tagInputCtrl = new FormControl();
+        /**Pass the configuration for Techlify Tagger */
+        this.config = new TechlifyTaggerTagFormConfigModel();
+        /**Pass the default list of tags */
+        this._allTags = [];
+        /**Pass the Categories to filter for a model */
+        this.categories = [];
+        this._required = false;
+        this._disabled = false;
+        this._value = [];
+        this.tagInputCtrl.valueChanges
+            .subscribe(filterValue => {
+            this.filterString = filterValue;
+        });
+        //Set Focus Monitor
+        _focusMonitor.monitor(_elementRef, true).subscribe(origin => {
+            if (this.focused && !origin) {
+                this.onTouched();
+            }
+            this.focused = !!origin;
+            this.stateChanges.next();
+        });
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    get allTags() {
+        return this._allTags;
+    }
+    set allTags(value) {
+        this._allTags = value;
+    }
+    get tags() {
+        return this.allTags.filter(x => this.value.some(y => y == x.id));
+    }
+    //Default Getter and Setters for a Form Field Implementation
+    get empty() {
+        return this.value.length == 0;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty || this.tagInputCtrl.value;
+    }
+    get required() {
+        return this._required;
+    }
+    set required(value) {
+        this._required = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        this._disabled ? this.tagInputCtrl.disable() : this.tagInputCtrl.enable();
+        this.stateChanges.next();
+    }
+    get value() {
+        return this._value;
+    }
+    set value(tagIds) {
+        this._value = tagIds || [];
+        this.stateChanges.next();
+    }
+    get errorState() {
+        return this.tagInputCtrl.dirty && this.required && (this.value.length == 0);
+    }
+    get placeholder() {
+        return this._placeholder;
+    }
+    set placeholder(value) {
+        this._placeholder = value;
+        this.stateChanges.next();
+    }
+    ngOnInit() {
+    }
+    ngOnChanges(changes) {
+        //API to load all tags for the model type
+        if (this.allTags.length == 0) {
+            this.httpService
+                .cache(!this.config.isCacheTags)
+                .get(this.config.apiUrl, {
+                params: {
+                    categories: this.categories.join(','),
+                    perPage: '1000'
+                }
+            }).pipe(debounceTime(500), untilDestroyed(this)).subscribe((result) => {
+                this.allTags = result.data;
+            });
+        }
+        //API to load only the selected tags for the model
+        if (this.modelId && this.value.length == 0) {
+            //Model Id is passed and no tags are present, so we query db for the avilable tags for the model ID.
+            this.httpService
+                .cache(!this.config.isCacheTags)
+                .get(this.config.apiUrl, {
+                params: {
+                    categories: this.categories.join(','),
+                    model_type: this.modelType,
+                    model_id: this.modelId,
+                    perPage: '1000'
+                }
+            }).pipe(debounceTime(500), untilDestroyed(this)).subscribe((result) => {
+                this.value = ((result === null || result === void 0 ? void 0 : result.data) || []).map((x) => x.id);
+                this._handleInput();
+            });
+        }
+    }
+    init() {
+        if (this.modelId && this.allTags.length == 0) {
+            //Model Id is passed and no tags are passed, so we query db for the avilable tags for the model ID.
+            this.httpService
+                .cache(!this.config.isCacheTags)
+                .get(this.config.apiUrl, {
+                params: {
+                    categories: this.categories.join(','),
+                    model_type: this.modelType,
+                    model_id: this.modelId
+                }
+            }).pipe(untilDestroyed(this)).subscribe((result) => {
+                this.allTags = result.data;
+            });
+        }
+    }
+    get filteredTags() {
+        return this._filter();
+    }
+    setDescribedByIds(ids) {
+        // Just a empty implementation for Mat Form Field Interface
+    }
+    onContainerClick() {
+        // Just a empty implementation for Mat Form Field Interface
+    }
+    add(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const value = (event.value || '').trim();
+            // Add our tag
+            // Validate for single mode
+            if (!this.config.isSingle || (this.value.length === 0)) {
+                if (value && this.config.isCreateable) {
+                    const tags = this.allTags;
+                    let tag = tags.find((item) => item.title.toLowerCase() == value.toLowerCase());
+                    if (!tag) {
+                        //No tag present in the list
+                        try {
+                            const result = yield this.httpService.post(this.config.createApiUrl, {
+                                title: value,
+                                description: value,
+                                category_title: (this.categories.length > 0) ? (this.defaultCreateCategory ? this.defaultCreateCategory : this.categories[0]) : ''
+                            }).toPromise();
+                            tag = result.item;
+                        }
+                        catch (error) {
+                            return;
+                        }
+                        this.allTags.push(tag);
+                    }
+                    else {
+                        //Optionally clean the existing value, to avoid duplicate
+                        this.remove(tag);
+                    }
+                    this.value.push(tag.id);
+                    this._handleInput();
+                }
+            }
+            // Clear the input value
+            event.input.value = '';
+            this.tagInputCtrl.setValue(null);
+        });
+    }
+    remove(tag) {
+        this.value = this.value.filter(x => x !== tag.id);
+        this._handleInput();
+    }
+    selected(event) {
+        // Validate for single mode
+        if (!this.config.isSingle || (this.value.length === 0)) {
+            //Clean the existing value, to avoid duplicate
+            this.remove({ id: event.option.value });
+            this.value.push(event.option.value);
+            this._handleInput();
+        }
+        this.tagInput.nativeElement.value = '';
+        this.tagInputCtrl.setValue(null);
+    }
+    _filter() {
+        const filterValue = this.filterString ? this.filterString.toString().toLowerCase() : null;
+        const availableTags = this.allTags.filter((tag) => !this.value.some((item) => item == tag.id));
+        return filterValue ? availableTags.filter((tag) => tag.title.toLowerCase().includes(filterValue)) : availableTags;
+    }
+    writeValue(tagIds) {
+        this.value = tagIds || [];
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    _handleInput() {
+        this.onChange(this.value);
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+        this._focusMonitor.stopMonitoring(this._elementRef);
+    }
+};
+TechlifyTaggerTagFormFieldComponent.nextId = 0;
+TechlifyTaggerTagFormFieldComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-techlify-tagger-tag-form-field',
+                template: "<mat-chip-list #chipList aria-label=\"Tag Selection\">\n    <mat-chip *ngFor=\"let tag of tags\" [selectable]=\"config.selectable\" [removable]=\"config.removable\"\n        (removed)=\"remove(tag)\">\n        {{tag.title}}\n        <button matChipRemove *ngIf=\"config.removable\" class=\"border-0\">\n            <mat-icon class=\"mat-relative-icon\">cancel</mat-icon>\n        </button>\n    </mat-chip>\n    <input placeholder=\"{{config.isCreateable? config.placeholder:''}}\" #tagInput [formControl]=\"tagInputCtrl\"\n        [matAutocomplete]=\"auto\" [matChipInputFor]=\"chipList\"\n        [matChipInputSeparatorKeyCodes]=\"config.separatorKeysCodes\" (matChipInputTokenEnd)=\"add($event)\"\n        #trigger=\"matAutocompleteTrigger\" (click)=\"trigger.openPanel()\">\n</mat-chip-list>\n<mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n    <mat-option *ngFor=\"let tag of filteredTags\" [value]=\"tag.id\">\n        {{tag.title}}\n    </mat-option>\n</mat-autocomplete>",
+                providers: [{ provide: MatFormFieldControl, useExisting: TechlifyTaggerTagFormFieldComponent_1 }],
+                styles: [".mat-relative-icon{font-size:20px;position:relative;right:7px;top:-3px}"]
+            },] }
+];
+TechlifyTaggerTagFormFieldComponent.ctorParameters = () => [
+    { type: FocusMonitor },
+    { type: ElementRef },
+    { type: HttpService },
+    { type: MatFormField, decorators: [{ type: Optional }, { type: Inject, args: [MAT_FORM_FIELD,] }] },
+    { type: NgControl, decorators: [{ type: Optional }, { type: Self }] }
+];
+TechlifyTaggerTagFormFieldComponent.propDecorators = {
+    tagInput: [{ type: ViewChild, args: ['tagInput',] }],
+    config: [{ type: Input }],
+    modelType: [{ type: Input }],
+    modelId: [{ type: Input }],
+    allTags: [{ type: Input }],
+    categories: [{ type: Input }],
+    defaultCreateCategory: [{ type: Input }],
+    required: [{ type: Input }],
+    disabled: [{ type: Input }],
+    value: [{ type: Input }],
+    placeholder: [{ type: Input }]
+};
+TechlifyTaggerTagFormFieldComponent = TechlifyTaggerTagFormFieldComponent_1 = __decorate([
+    UntilDestroy()
+], TechlifyTaggerTagFormFieldComponent);
+
+class TechlifyTaggerTagFormFieldModule {
+}
+TechlifyTaggerTagFormFieldModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    TechlifyTaggerTagFormFieldComponent
+                ],
+                imports: [
+                    CommonModule,
+                    MaterialModule,
+                    FlexLayoutModule,
+                    MatAutocompleteModule,
+                    ReactiveFormsModule
+                ],
+                exports: [TechlifyTaggerTagFormFieldComponent]
+            },] }
+];
+
+var TechlifyTaggerTagSelectorComponent_1;
+let TechlifyTaggerTagSelectorComponent = TechlifyTaggerTagSelectorComponent_1 = class TechlifyTaggerTagSelectorComponent {
+    constructor(_focusMonitor, _elementRef, httpService, _formField, ngControl) {
+        this._focusMonitor = _focusMonitor;
+        this._elementRef = _elementRef;
+        this.httpService = httpService;
+        this._formField = _formField;
+        this.ngControl = ngControl;
+        /**Pass the Categories to filter for a model */
+        this.categories = [];
+        this.multiple = false;
+        this.enableSearch = true;
+        this.tagSelectorCtrl = new FormControl();
+        this.showAllTags = false;
+        this.useSelectButtonStyle = false;
+        this.tags = [];
+        this.stateChanges = new Subject();
+        this.focused = false;
+        this.controlType = 'techlify-tagger-selector';
+        this.id = `techlify-tagger-selector-${TechlifyTaggerTagSelectorComponent_1.nextId++}`;
+        this.onChange = (_) => { };
+        this.onTouched = () => { };
+        this._required = false;
+        this._disabled = false;
+        //Set Focus Monitor
+        _focusMonitor.monitor(_elementRef, true).subscribe(origin => {
+            if (this.focused && !origin) {
+                this.onTouched();
+            }
+            this.focused = !!origin;
+            this.stateChanges.next();
+        });
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    get apiUrl() {
+        var _a;
+        if (this.showAllTags) {
+            return 'api/techlify-tagger-tags';
+        }
+        else if (((_a = this.categories) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            return 'api/techlify-tagger-tags?categories=' + this.categories.join(',');
+        }
+        else {
+            return '';
+        }
+    }
+    //Default Getter and Setters for a Form Field Implementation
+    get empty() {
+        return this.value.length == 0;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get required() {
+        return this._required;
+    }
+    set required(value) {
+        this._required = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        this._disabled ? this.tagSelectorCtrl.disable() : this.tagSelectorCtrl.enable();
+        this.stateChanges.next();
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        this._value = val;
+        this.tagSelectorCtrl.setValue(val);
+        this.stateChanges.next();
+    }
+    get errorState() {
+        return this.tagSelectorCtrl.dirty && this.required && (this.value.length == 0);
+    }
+    get placeholder() {
+        return this._placeholder;
+    }
+    set placeholder(value) {
+        this._placeholder = value;
+        this.stateChanges.next();
+    }
+    ngOnInit() {
+        if (this.useSelectButtonStyle) {
+            this.httpService.get(this.apiUrl)
+                .pipe(untilDestroyed(this))
+                .subscribe((res) => {
+                this.tags = res.data;
+            });
+        }
+    }
+    selectionChange(value) {
+        this.value = value;
+        this._handleInput();
+    }
+    setDescribedByIds(ids) {
+        // Just a empty implementation for Mat Form Field Interface
+    }
+    onContainerClick() {
+        // Just a empty implementation for Mat Form Field Interface
+    }
+    writeValue(val) {
+        this.value = val;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    _handleInput() {
+        this.onChange(this.value);
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+        this._focusMonitor.stopMonitoring(this._elementRef);
+    }
+};
+TechlifyTaggerTagSelectorComponent.nextId = 0;
+TechlifyTaggerTagSelectorComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-techlify-tagger-tag-selector',
+                template: "<app-searchable-selector *ngIf=\"apiUrl && !useSelectButtonStyle\" [formControl]=\"tagSelectorCtrl\" [apiUrl]=\"apiUrl\"\n    [enableSearch]=\"enableSearch\" [multiple]=\"multiple\" (selectionChange)=\"selectionChange($event)\">\n</app-searchable-selector>\n\n<mat-button-toggle-group *ngIf=\"apiUrl && useSelectButtonStyle\" [formControl]=\"tagSelectorCtrl\" [multiple]=\"multiple\"\n    (change)=\"selectionChange($event.value)\">\n    <mat-button-toggle *ngFor=\"let tag of tags\" [value]=\"tag.id\">{{tag.title}}</mat-button-toggle>\n</mat-button-toggle-group>",
+                providers: [{ provide: MatFormFieldControl, useExisting: TechlifyTaggerTagSelectorComponent_1 }],
+                styles: [""]
+            },] }
+];
+TechlifyTaggerTagSelectorComponent.ctorParameters = () => [
+    { type: FocusMonitor },
+    { type: ElementRef },
+    { type: HttpService },
+    { type: MatFormField, decorators: [{ type: Optional }, { type: Inject, args: [MAT_FORM_FIELD,] }] },
+    { type: NgControl, decorators: [{ type: Optional }, { type: Self }] }
+];
+TechlifyTaggerTagSelectorComponent.propDecorators = {
+    categories: [{ type: Input }],
+    multiple: [{ type: Input }],
+    enableSearch: [{ type: Input }],
+    showAllTags: [{ type: Input }],
+    useSelectButtonStyle: [{ type: Input }],
+    required: [{ type: Input }],
+    disabled: [{ type: Input }],
+    value: [{ type: Input }],
+    placeholder: [{ type: Input }]
+};
+TechlifyTaggerTagSelectorComponent = TechlifyTaggerTagSelectorComponent_1 = __decorate([
+    UntilDestroy()
+], TechlifyTaggerTagSelectorComponent);
+
+class TechlifyTaggerTagSelectorModule {
+}
+TechlifyTaggerTagSelectorModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    TechlifyTaggerTagSelectorComponent
+                ],
+                imports: [
+                    CommonModule,
+                    MaterialModule,
+                    FlexLayoutModule,
+                    MatAutocompleteModule,
+                    ReactiveFormsModule,
+                    SearchableSelectorModule,
+                    MatButtonToggleModule
+                ],
+                exports: [TechlifyTaggerTagSelectorComponent]
+            },] }
+];
+
+class CompanyFeatureService {
+    constructor(dataManager) {
+        this.dataManager = dataManager;
+    }
+    getFeatures() {
+        return this.dataManager.GET(`api/features`);
+    }
+    disableFeature(id) {
+        return this.dataManager.GET(`api/feature/${id}/disable`);
+    }
+    enableFeature(id) {
+        return this.dataManager.GET(`api/feature/${id}/enable`);
+    }
+}
+CompanyFeatureService.ɵprov = ɵɵdefineInjectable({ factory: function CompanyFeatureService_Factory() { return new CompanyFeatureService(ɵɵinject(DataManager)); }, token: CompanyFeatureService, providedIn: "root" });
+CompanyFeatureService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+CompanyFeatureService.ctorParameters = () => [
+    { type: DataManager }
+];
+
+let CompanyFeatureComponent = class CompanyFeatureComponent {
+    constructor(dataManager, errorHandler, fb, alertService, dialog, storage, featureService) {
+        this.dataManager = dataManager;
+        this.errorHandler = errorHandler;
+        this.fb = fb;
+        this.alertService = alertService;
+        this.dialog = dialog;
+        this.storage = storage;
+        this.featureService = featureService;
+        this.features = [];
+        this.displayedColumns = [
+            'index',
+            'feature',
+            'description',
+            'actions',
+        ];
+        this.dataSource = new MatTableDataSource();
+        this.page = 1;
+        this.perPage = 25;
+        this.isWorking = false;
+        this.filterFormGroup = this.fb.group({
+            num_items: [""]
+        });
+    }
+    ngOnInit() {
+        this.loadData();
+        this.listenForChanges();
+    }
+    listenForChanges() {
+        this.filterFormGroup.valueChanges
+            .pipe(debounceTime(500), untilDestroyed(this))
+            .subscribe((changes) => {
+            this.reload();
+        });
+    }
+    loadData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            let result;
+            try {
+                this.isWorking = true;
+                var filter = this.filterFormGroup.value;
+                filter.page = this.page;
+                filter.perPage = this.perPage;
+                result = yield this.dataManager.GET(`api/features`, filter);
+                this.features = this.features.concat(result.data);
+                this.dataSource = new MatTableDataSource(this.features);
+                if (!this.storage.getItem('features')) {
+                    this.setStorage(this.features);
+                }
+                this.isWorking = false;
+            }
+            catch (error) {
+                this.errorHandler.handleError(error);
+            }
+            finally {
+                this.isWorking = false;
+            }
+        });
+    }
+    toggeleFeature(element, feature) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let status = element ? 'Off' : "On";
+            let data;
+            const dialogRef = this.dialog.open(ActionPopupComponent, {
+                width: "400px",
+                data: {
+                    title: `Turn this feature ${status}?`,
+                    message: `Would you like to turn ${feature.title} feature ${status}`
+                }
+            });
+            dialogRef.afterClosed().subscribe((result) => __awaiter(this, void 0, void 0, function* () {
+                if (result) {
+                    try {
+                        data = element
+                            ? yield this.featureService.disableFeature(feature.id)
+                            : yield this.featureService.enableFeature(feature.id);
+                    }
+                    catch (error) {
+                        this.errorHandler.handleError(error);
+                    }
+                    finally {
+                        this.alertService.addAlert(`You have just turned ${status} the feature ${feature.title}`, 'success');
+                        this.reload();
+                        this.storage.removeItem('features');
+                        this.setStorage(this.features);
+                        this.isWorking = false;
+                    }
+                }
+                else {
+                    this.reload();
+                }
+            }));
+        });
+    }
+    setStorage(features) {
+        let localFeatures = [];
+        for (let feature of features) {
+            if (!feature.client_feature) {
+                if (feature.is_enabled_default) {
+                    localFeatures.push(feature.code);
+                }
+            }
+            else {
+                if (feature.client_feature.is_enabled) {
+                    localFeatures.push(feature.code);
+                }
+            }
+        }
+        this.storage.setItem("features", localFeatures);
+    }
+    reload() {
+        this.features = [];
+        this.page = 1;
+        if (!this.isWorking) {
+            this.loadData();
+        }
+    }
+    onScroll() {
+        if (!this.isWorking && this.page < this.lastPage) {
+            this.page += 1;
+            this.loadData();
+        }
+    }
+    sortColumn(event) {
+        var direction = event.direction.toString().toUpperCase();
+        this.assignFilter(event.active, direction);
+        this.reload();
+    }
+    assignFilter(column, direction) {
+        switch (column) {
+            case 'name': {
+                return this.filterFormGroup
+                    .get('sort_by')
+                    .setValue('first_name|' + direction);
+            }
+            case 'added_on': {
+                return this.filterFormGroup
+                    .get('sort_by')
+                    .setValue('created_at|' + direction);
+            }
+        }
+    }
+};
+CompanyFeatureComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-company-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: [""]
+            },] }
+];
+CompanyFeatureComponent.ctorParameters = () => [
+    { type: DataManager },
+    { type: ErrorHandlerService },
+    { type: FormBuilder },
+    { type: AlertService },
+    { type: MatDialog },
+    { type: StorageService },
+    { type: CompanyFeatureService }
+];
+CompanyFeatureComponent = __decorate([
+    UntilDestroy()
+], CompanyFeatureComponent);
+
+const routes$n = [
+    {
+        path: '',
+        component: CompanyFeatureComponent,
+        canActivate: [AuthenticationGuard]
+    },
+];
+const CompanyFeatureRoutes = RouterModule.forChild(routes$n);
+
+class OnOffSwitchComponent {
+    constructor(fb) {
+        this.fb = fb;
+        this.slideToggle = this.fb.group({
+            toggle: [""]
+        });
+    }
+    ngOnInit() {
+        this.slideToggle.get('toggle').setValue(this.value);
+    }
+}
+OnOffSwitchComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-on-off-switch',
+                template: "<form [formGroup]=\"slideToggle\">\n  <mat-slide-toggle formControlName=\"toggle\">On / Off\n  </mat-slide-toggle>\n</form>\n",
+                styles: [""]
+            },] }
+];
+OnOffSwitchComponent.ctorParameters = () => [
+    { type: FormBuilder }
+];
+OnOffSwitchComponent.propDecorators = {
+    value: [{ type: Input }]
+};
+
+class NgxFeatureEnabledDirective {
+    constructor(el, featureService, errorHandler, storage) {
+        this.el = el;
+        this.featureService = featureService;
+        this.errorHandler = errorHandler;
+        this.storage = storage;
+        this.localFeatures = [];
+    }
+    ngOnInit() {
+        if (!this.storage.getItem('features')) {
+            this.getFeatures();
+        }
+        else {
+            this.checkForFeatureEnabled();
+        }
+    }
+    getFeatures() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                let features = yield this.featureService.getFeatures();
+                for (let feature of features.data) {
+                    if (!feature.client_feature) {
+                        if (feature.is_enabled_default) {
+                            this.localFeatures.push(feature.code);
+                        }
+                    }
+                    else {
+                        if (feature.client_feature.is_enabled) {
+                            this.localFeatures.push(feature.code);
+                        }
+                    }
+                }
+                this.storage.setItem("features", this.localFeatures);
+            }
+            catch (error) {
+                this.errorHandler.handleError(error);
+            }
+            finally {
+                this.checkForFeatureEnabled();
+            }
+        });
+    }
+    checkForFeatureEnabled() {
+        try {
+            let features = this.storage.getItem('features');
+            let features_split = features.split(',');
+            if (features_split.includes(this.enabledFeature)) {
+                this.el.nativeElement.style.display = "show";
+            }
+            else {
+                this.el.nativeElement.remove();
+            }
+        }
+        catch (error) {
+            this.errorHandler.handleError(error);
+        }
+    }
+}
+NgxFeatureEnabledDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[ngxFeatureEnabled]'
+            },] }
+];
+NgxFeatureEnabledDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: CompanyFeatureService },
+    { type: ErrorHandlerService },
+    { type: StorageService }
+];
+NgxFeatureEnabledDirective.propDecorators = {
+    enabledFeature: [{ type: Input, args: ['ngxFeatureEnabled',] }]
+};
+
+class CompanyFeatureModule {
+}
+CompanyFeatureModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MaterialModule,
+                    FlexLayoutModule,
+                    CompanyFeatureRoutes,
+                    MatSlideToggleModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    InfiniteScrollModule
+                ],
+                declarations: [CompanyFeatureComponent, OnOffSwitchComponent, NgxFeatureEnabledDirective],
+                exports: [CompanyFeatureComponent, NgxFeatureEnabledDirective]
+            },] }
+];
+
 /*
  * Public API Surface of ngx-techlify-core
  */
@@ -5602,5 +6488,5 @@ LoginHistoryForUserModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActionPopup, ActionPopupComponent, ActionPopupModule, AlertService, ApiPrefixInterceptor, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, ConfigService, CoreModule, CredentialsService, DataManager, DataTable, DataTableComponent, DataTableModule, DateUtils, DateValidator, DocumentViewerComponent, DocumentViewerModule, EmailSubscriptionForUserComponent, EmailSubscriptionForUserModule, EmailSubscriptionForUserRoutingModule, EmailSubscriptionModule, EmailSubscriptionRoutingModule, EmailSubscriptionTypeFormComponent, EmailSubscriptionTypeFormModule, EmailSubscriptionTypeFormRoutingModule, EmailSubscriptionTypeListComponent, EmailSubscriptionTypeListModule, EmailSubscriptionTypeListRoutingModule, EmailSubscriptionTypeModule, EmailSubscriptionTypeRoutingModule, EmailSubscriptionUserFormComponent, EmailSubscriptionUserFormModule, EmailSubscriptionUserFormRoutingModule, EmailSubscriptionUserListComponent, EmailSubscriptionUserListFilterComponent, EmailSubscriptionUserListFilterModule, EmailSubscriptionUserListFilterRoutingModule, EmailSubscriptionUserListModule, EmailSubscriptionUserListRoutingModule, EmailSubscriptionUserModule, EmailSubscriptionUserRoutingModule, EntityFileFormComponent, EntityFilesViewAllComponent, EntityFilesViewAllModule, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FailedItemsComponent, FailedItemsModule, FailedItemsRoutingModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportConfig, ImportCsvComponent, ImportCsvModule, ImportCsvRoutingModule, ImportItemsComponent, ImportItemsModule, ImportItemsRoutingModule, LoaderComponent, LoaderModule, LogLevel, Logger, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, MatSelectInfiniteScrollDirective, MaterialModule, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberSelector, PageEvent, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SnackModule, StorageService, SuccessSnackComponent, TechlifyConfig, TechlifyUpdateHistoryModule, TechlifyUpdateModule, Timeline, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, UtilityModule, ViewerConfig, calculateTimeline, esfur, estlr, esulr, SnackModule as ɵa, SuccessSnackComponent as ɵb, EmailSubscriptionUserFormComponent as ɵba, EmailSubscriptionUserListComponent as ɵbb, AuthenticationGuard as ɵbc, CredentialsService as ɵbd, ConfigService as ɵbe, TechlifyConfig as ɵbf, EmailSubscriptionUserListFilterComponent as ɵbg, EmailSubscriptionTypeFormComponent as ɵbh, EmailSubscriptionTypeListComponent as ɵbi, EmailSubscriptionForUserComponent as ɵbj, TechlifyUpdatesListComponent as ɵbk, TechlifyUpdateService as ɵbl, TechlifyUpdateRoutingModule as ɵbm, TechlifyUpdateFormModule as ɵbn, TechlifyUpdateFormComponent as ɵbo, ReadMoreModule as ɵbp, ReadMoreComponent as ɵbq, TechlifyUpdateHistoryRoutingModule as ɵbr, TechlifyUpdateHistoryComponent as ɵbs, UpdateNotifierSnackComponent as ɵbt, UpdateViewModule as ɵbu, UpdateViewComponent as ɵbv, DataManager as ɵbw, ErrorSnackComponent as ɵc, HTTP_DYNAMIC_INTERCEPTORS as ɵd, HttpService as ɵe, RouteReusableStrategy as ɵf, ActionPopupComponent as ɵg, ActionPopup as ɵh, DataTableComponent as ɵi, DocumentViewerComponent as ɵj, EntityFileFormComponent as ɵk, FormValidatorService as ɵl, EntityFileService as ɵm, AlertService as ɵn, EntityFilesViewAllComponent as ɵo, FileDropperComponent as ɵp, NoteListComponent as ɵq, NoteService as ɵr, NoteFormComponent as ɵs, SearchableSelectorComponent as ɵt, MatSelectInfiniteScrollDirective as ɵu, NumItemsSelector as ɵv, NumberSelector as ɵw, TimelineFilterComponent as ɵx, TimelineFilterRoutingModule as ɵy, LoaderComponent as ɵz };
+export { ActionPopup, ActionPopupComponent, ActionPopupModule, AlertService, ApiPrefixInterceptor, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, CommentFormComponent, CompanyFeatureComponent, CompanyFeatureModule, CompanyFeatureRoutes, ConfigService, CoreModule, CredentialsService, DataManager, DataTable, DataTableComponent, DataTableModule, DateUtils, DateValidator, DocumentViewerComponent, DocumentViewerModule, EmailSubscriptionForUserComponent, EmailSubscriptionForUserModule, EmailSubscriptionForUserRoutingModule, EmailSubscriptionModule, EmailSubscriptionRoutingModule, EmailSubscriptionTypeFormComponent, EmailSubscriptionTypeFormModule, EmailSubscriptionTypeFormRoutingModule, EmailSubscriptionTypeListComponent, EmailSubscriptionTypeListModule, EmailSubscriptionTypeListRoutingModule, EmailSubscriptionTypeModule, EmailSubscriptionTypeRoutingModule, EmailSubscriptionUserFormComponent, EmailSubscriptionUserFormModule, EmailSubscriptionUserFormRoutingModule, EmailSubscriptionUserListComponent, EmailSubscriptionUserListFilterComponent, EmailSubscriptionUserListFilterModule, EmailSubscriptionUserListFilterRoutingModule, EmailSubscriptionUserListModule, EmailSubscriptionUserListRoutingModule, EmailSubscriptionUserModule, EmailSubscriptionUserRoutingModule, EntityFileFormComponent, EntityFilesViewAllComponent, EntityFilesViewAllModule, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FailedItemsComponent, FailedItemsModule, FailedItemsRoutingModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportConfig, ImportCsvComponent, ImportCsvModule, ImportCsvRoutingModule, ImportItemsComponent, ImportItemsModule, ImportItemsRoutingModule, LoaderComponent, LoaderModule, LogLevel, Logger, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, MatSelectInfiniteScrollDirective, MaterialModule, NgxFeatureEnabledDirective, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberSelector, OnOffSwitchComponent, PageEvent, ReadMoreComponent, ReadMoreModule, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SnackModule, StorageService, SuccessSnackComponent, TechlifyConfig, TechlifyTaggerTagFormConfigModel, TechlifyTaggerTagFormFieldComponent, TechlifyTaggerTagFormFieldModule, TechlifyTaggerTagSelectorComponent, TechlifyTaggerTagSelectorModule, TechlifyUpdateHistoryModule, TechlifyUpdateModule, Timeline, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, UtilityModule, ViewerConfig, calculateTimeline, esfur, estlr, esulr, SnackModule as ɵa, SuccessSnackComponent as ɵb, NumberSelector as ɵba, TimelineFilterComponent as ɵbb, TimelineFilterRoutingModule as ɵbc, LoaderComponent as ɵbd, EmailSubscriptionUserFormComponent as ɵbe, EmailSubscriptionUserListComponent as ɵbf, AuthenticationGuard as ɵbg, EmailSubscriptionUserListFilterComponent as ɵbh, EmailSubscriptionTypeFormComponent as ɵbi, EmailSubscriptionTypeListComponent as ɵbj, EmailSubscriptionForUserComponent as ɵbk, TechlifyUpdatesListComponent as ɵbl, TechlifyUpdateService as ɵbm, TechlifyUpdateRoutingModule as ɵbn, TechlifyUpdateFormModule as ɵbo, TechlifyUpdateFormComponent as ɵbp, TechlifyUpdateHistoryRoutingModule as ɵbq, TechlifyUpdateHistoryComponent as ɵbr, UpdateNotifierSnackComponent as ɵbs, UpdateViewModule as ɵbt, UpdateViewComponent as ɵbu, DataManager as ɵbv, DataManager as ɵbw, ErrorHandlerService as ɵbx, AlertService as ɵby, StorageService as ɵbz, ErrorSnackComponent as ɵc, CompanyFeatureService as ɵca, AuthenticationGuard as ɵcb, HTTP_DYNAMIC_INTERCEPTORS as ɵd, HttpService as ɵe, RouteReusableStrategy as ɵf, ActionPopupComponent as ɵg, ActionPopup as ɵh, DataTableComponent as ɵi, DocumentViewerComponent as ɵj, EntityFileFormComponent as ɵk, FormValidatorService as ɵl, EntityFileService as ɵm, AlertService as ɵn, EntityFilesViewAllComponent as ɵo, FileDropperComponent as ɵp, NoteListComponent as ɵq, NoteService as ɵr, NoteFormComponent as ɵs, CommentFormComponent as ɵt, CredentialsService as ɵu, ConfigService as ɵv, TechlifyConfig as ɵw, SearchableSelectorComponent as ɵx, MatSelectInfiniteScrollDirective as ɵy, NumItemsSelector as ɵz };
 //# sourceMappingURL=ngx-techlify-core.js.map