slick-components 4.4.21 → 4.4.24

package/fesm2020/slick-components.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, Component, Input, ViewChild, EventEmitter, Output, ContentChildren, forwardRef, NgModule, Directive, ContentChild, HostListener, HostBinding, Pipe, Optional } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3$1 from '@angular/forms';
+import * as i2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import moment from 'moment';
 import * as i3 from 'angular2-draggable';
@@ -53,10 +53,10 @@ class SlickInitService {
         SlickInitService.getParams().errorLog = errorLog;
     }
 }
-SlickInitService.version = "4.4.21";
-/** @nocollapse */ SlickInitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickInitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickInitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickInitService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickInitService, decorators: [{
+SlickInitService.version = "4.4.24";
+/** @nocollapse */ SlickInitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickInitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickInitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickInitService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickInitService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -66,9 +66,9 @@ class SlickSleepService {
         return new Promise((resolve) => setTimeout(() => resolve(), timeout));
     }
 }
-/** @nocollapse */ SlickSleepService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSleepService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickSleepService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSleepService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSleepService, decorators: [{
+/** @nocollapse */ SlickSleepService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSleepService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickSleepService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSleepService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSleepService, decorators: [{
             type: Injectable
         }] });
 
@@ -311,9 +311,9 @@ SlickUtilsService.getHashCode = function (str) {
     }
     return Math.abs(hash);
 };
-/** @nocollapse */ SlickUtilsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickUtilsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickUtilsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickUtilsService, decorators: [{
+/** @nocollapse */ SlickUtilsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickUtilsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickUtilsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickUtilsService, decorators: [{
             type: Injectable
         }] });
 
@@ -327,18 +327,25 @@ class SlickAccordionItemComponent {
         this.noExpand = (this.noExpand.toString().toLowerCase() === 'true') ? true : false;
     }
     async onHeaderClicked() {
-        if (this.isExpanded === false)
-            this.expand();
-        else
-            this.collapse();
+        if (this.noExpand) {
+            if (this.onChangeCallback)
+                this.onChangeCallback(this.index);
+        }
+        else {
+            if (this.isExpanded === false)
+                this.expand();
+            else
+                this.collapse();
+        }
     }
     async expand() {
+        if (this.noExpand)
+            return;
         if (this.isExpanded === true)
             return;
         if (this.onChangeCallback)
             this.onChangeCallback(this.index);
-        if (this.noExpand === true)
-            return;
+        this.isExpanded = true;
         await SlickUtilsService.waitForElementRef(this.slickAccordionItemRef);
         // Give the collapses a chance to collapse down before we expand
         await SlickSleepService.sleep(100);
@@ -350,27 +357,26 @@ class SlickAccordionItemComponent {
         await SlickSleepService.sleep(100);
         this.slickAccordionBouncePaddingRef.nativeElement.style.display = "none";
         this.slickAccordionBodyWrapperRef.nativeElement.style.maxHeight = "none";
-        this.isExpanded = true;
     }
     async collapse(ignoreOnChangeCallback = false) {
         if (this.isExpanded === false)
             return;
-        // Teh animations requires a number for maxHeight.  Just set it to the current height, then to 0
+        this.isExpanded = false;
+        // The animations requires a number for maxHeight.  Just set it to the current height, then to 0
         const maxHeight = this.slickAccordionBodyRef.nativeElement.offsetHeight;
         this.slickAccordionBodyWrapperRef.nativeElement.style.maxHeight = maxHeight + "px";
         await SlickSleepService.sleep();
         this.slickAccordionBodyWrapperRef.nativeElement.style.maxHeight = "0";
         if (this.onChangeCallback && ignoreOnChangeCallback === false)
             this.onChangeCallback(this.index);
-        this.isExpanded = false;
     }
     getKey() {
         return this.key || null;
     }
 }
-/** @nocollapse */ SlickAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickAccordionItemComponent, selector: "slick-accordion-item", inputs: { header: "header", headerIcon: "headerIcon", key: "key", noExpand: "noExpand" }, viewQueries: [{ propertyName: "slickAccordionItemRef", first: true, predicate: ["slickAccordionItemRef"], descendants: true }, { propertyName: "slickAccordionBodyWrapperRef", first: true, predicate: ["slickAccordionBodyWrapperRef"], descendants: true }, { propertyName: "slickAccordionBodyRef", first: true, predicate: ["slickAccordionBodyRef"], descendants: true }, { propertyName: "slickAccordionBouncePaddingRef", first: true, predicate: ["slickAccordionBouncePaddingRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #slickAccordionItemRef class=\"slick-accordion-item\">\r\n\t<div *ngIf=\"header\" class=\"slick-accordion-header card-header\" [ngClass]=\"{'badge-primary' : isExpanded }\" (click)=\"onHeaderClicked()\"><i *ngIf=\"headerIcon\" class=\"far\" [ngClass]=\"headerIcon\"></i> {{header}}</div>\r\n\t<div *ngIf=\"!header\" class=\"slick-accordion-header card-header\" [ngClass]=\"{'badge-primary' : isExpanded }\" (click)=\"onHeaderClicked()\"><ng-content select=\"slick-accordion-item-header\"></ng-content></div>\r\n\t<div #slickAccordionBodyWrapperRef class=\"slick-accordion-body-wrapper\">\r\n\t\t<div #slickAccordionBodyRef class=\"card-body slick-accordion-body\"><ng-content></ng-content></div>\r\n\t\t<div #slickAccordionBouncePaddingRef style=\"display: none; min-height: 30px;\"></div>\r\n\t</div>\r\n</div>\r\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAccordionItemComponent, decorators: [{
+/** @nocollapse */ SlickAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickAccordionItemComponent, selector: "slick-accordion-item", inputs: { header: "header", headerIcon: "headerIcon", key: "key", noExpand: "noExpand" }, viewQueries: [{ propertyName: "slickAccordionItemRef", first: true, predicate: ["slickAccordionItemRef"], descendants: true }, { propertyName: "slickAccordionBodyWrapperRef", first: true, predicate: ["slickAccordionBodyWrapperRef"], descendants: true }, { propertyName: "slickAccordionBodyRef", first: true, predicate: ["slickAccordionBodyRef"], descendants: true }, { propertyName: "slickAccordionBouncePaddingRef", first: true, predicate: ["slickAccordionBouncePaddingRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #slickAccordionItemRef class=\"slick-accordion-item\">\r\n\t<div *ngIf=\"header\" class=\"slick-accordion-header card-header\" [ngClass]=\"{'badge-primary' : isExpanded }\" (click)=\"onHeaderClicked()\"><i *ngIf=\"headerIcon\" class=\"far\" [ngClass]=\"headerIcon\"></i> {{header}}</div>\r\n\t<div *ngIf=\"!header\" class=\"slick-accordion-header card-header\" [ngClass]=\"{'badge-primary' : isExpanded }\" (click)=\"onHeaderClicked()\"><ng-content select=\"slick-accordion-item-header\"></ng-content></div>\r\n\t<div #slickAccordionBodyWrapperRef class=\"slick-accordion-body-wrapper\">\r\n\t\t<div #slickAccordionBodyRef class=\"card-body slick-accordion-body\"><ng-content></ng-content></div>\r\n\t\t<div #slickAccordionBouncePaddingRef style=\"display: none; min-height: 30px;\"></div>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: "slick-accordion-item", template: "<div #slickAccordionItemRef class=\"slick-accordion-item\">\r\n\t<div *ngIf=\"header\" class=\"slick-accordion-header card-header\" [ngClass]=\"{'badge-primary' : isExpanded }\" (click)=\"onHeaderClicked()\"><i *ngIf=\"headerIcon\" class=\"far\" [ngClass]=\"headerIcon\"></i> {{header}}</div>\r\n\t<div *ngIf=\"!header\" class=\"slick-accordion-header card-header\" [ngClass]=\"{'badge-primary' : isExpanded }\" (click)=\"onHeaderClicked()\"><ng-content select=\"slick-accordion-item-header\"></ng-content></div>\r\n\t<div #slickAccordionBodyWrapperRef class=\"slick-accordion-body-wrapper\">\r\n\t\t<div #slickAccordionBodyRef class=\"card-body slick-accordion-body\"><ng-content></ng-content></div>\r\n\t\t<div #slickAccordionBouncePaddingRef style=\"display: none; min-height: 30px;\"></div>\r\n\t</div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { header: [{
@@ -410,7 +416,7 @@ class SlickAccordionComponent {
             slickAccordionItems.forEach((x, idx) => {
                 x.index = idx;
                 x.onChangeCallback = (index) => {
-                    if (this.keepExpanded === false)
+                    if (this.keepExpanded === false && x.noExpand === false)
                         this.collapseAll();
                     if (this.accordionIndexChange)
                         this.accordionIndexChange.emit(index);
@@ -431,7 +437,7 @@ class SlickAccordionComponent {
     }
     async ngOnChanges(changes) {
         this.keepExpanded = (this.keepExpanded.toString().toLowerCase() === 'true') ? true : false;
-        if (changes.accordionIndex)
+        if (this.keepExpanded === false && changes.accordionIndex)
             this.expand(this.accordionIndex);
     }
     expand(index) {
@@ -451,9 +457,9 @@ class SlickAccordionComponent {
         this.slickAccordionItems.forEach(x => x.collapse(true));
     }
 }
-/** @nocollapse */ SlickAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickAccordionComponent, selector: "slick-accordion", inputs: { accordionIndex: "accordionIndex", keepExpanded: "keepExpanded" }, outputs: { accordionIndexChange: "accordionIndexChange", onChange: "onChange" }, queries: [{ propertyName: "slickAccordionItems", predicate: i0.forwardRef(function () { return SlickAccordionItemComponent; }) }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-accordion card\">\r\n\t<ng-content select=\"slick-accordion-item\"></ng-content>\r\n</div>\r\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAccordionComponent, decorators: [{
+/** @nocollapse */ SlickAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickAccordionComponent, selector: "slick-accordion", inputs: { accordionIndex: "accordionIndex", keepExpanded: "keepExpanded" }, outputs: { accordionIndexChange: "accordionIndexChange", onChange: "onChange" }, queries: [{ propertyName: "slickAccordionItems", predicate: i0.forwardRef(function () { return SlickAccordionItemComponent; }) }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-accordion card\">\r\n\t<ng-content select=\"slick-accordion-item\"></ng-content>\r\n</div>\r\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: "slick-accordion", template: "<div class=\"slick-accordion card\">\r\n\t<ng-content select=\"slick-accordion-item\"></ng-content>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { accordionIndex: [{
@@ -471,9 +477,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickAccordionItemHeaderComponent {
 }
-/** @nocollapse */ SlickAccordionItemHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAccordionItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickAccordionItemHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickAccordionItemHeaderComponent, selector: "slick-accordion-item-header", ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAccordionItemHeaderComponent, decorators: [{
+/** @nocollapse */ SlickAccordionItemHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAccordionItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickAccordionItemHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickAccordionItemHeaderComponent, selector: "slick-accordion-item-header", ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAccordionItemHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "slick-accordion-item-header",
@@ -483,10 +489,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickAccordionModule {
 }
-/** @nocollapse */ SlickAccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickAccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAccordionModule, declarations: [SlickAccordionComponent, SlickAccordionItemComponent, SlickAccordionItemHeaderComponent], imports: [CommonModule], exports: [CommonModule, SlickAccordionComponent, SlickAccordionItemComponent, SlickAccordionItemHeaderComponent] });
-/** @nocollapse */ SlickAccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAccordionModule, imports: [[CommonModule], CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAccordionModule, decorators: [{
+/** @nocollapse */ SlickAccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickAccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickAccordionModule, declarations: [SlickAccordionComponent, SlickAccordionItemComponent, SlickAccordionItemHeaderComponent], imports: [CommonModule], exports: [CommonModule, SlickAccordionComponent, SlickAccordionItemComponent, SlickAccordionItemHeaderComponent] });
+/** @nocollapse */ SlickAccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAccordionModule, imports: [CommonModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -500,9 +506,9 @@ class SlickAutoCompleteListItemTemplateDirective {
         this.template = template;
     }
 }
-/** @nocollapse */ SlickAutoCompleteListItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAutoCompleteListItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ SlickAutoCompleteListItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SlickAutoCompleteListItemTemplateDirective, selector: "[slickAutoCompleteListItemTemplate]", inputs: { type: "type", name: ["slickAutoCompleteListItemTemplate", "name"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAutoCompleteListItemTemplateDirective, decorators: [{
+/** @nocollapse */ SlickAutoCompleteListItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAutoCompleteListItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ SlickAutoCompleteListItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: SlickAutoCompleteListItemTemplateDirective, selector: "[slickAutoCompleteListItemTemplate]", inputs: { type: "type", name: ["slickAutoCompleteListItemTemplate", "name"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAutoCompleteListItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slickAutoCompleteListItemTemplate]',
@@ -562,9 +568,9 @@ class SlickFunctionLockService {
         }
     }
 }
-/** @nocollapse */ SlickFunctionLockService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFunctionLockService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickFunctionLockService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFunctionLockService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFunctionLockService, decorators: [{
+/** @nocollapse */ SlickFunctionLockService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFunctionLockService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickFunctionLockService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFunctionLockService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFunctionLockService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -876,15 +882,15 @@ class SlickAutoCompleteComponent {
         });
     }
 }
-/** @nocollapse */ SlickAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAutoCompleteComponent, deps: [{ token: SlickFunctionLockService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickAutoCompleteComponent, selector: "slick-auto-complete", inputs: { inputRef: "inputRef", items: "items", delay: "delay", selectFirst: "selectFirst", displayTextFieldName: "displayTextFieldName", listHeight: "listHeight", listWidth: "listWidth", allowFreeformText: "allowFreeformText", showNoItemsFoundDisplay: "showNoItemsFoundDisplay" }, outputs: { onRefresh: "onRefresh", onSelect: "onSelect", onFreeformTextSelect: "onFreeformTextSelect" }, providers: [
+/** @nocollapse */ SlickAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAutoCompleteComponent, deps: [{ token: SlickFunctionLockService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickAutoCompleteComponent, selector: "slick-auto-complete", inputs: { inputRef: "inputRef", items: "items", delay: "delay", selectFirst: "selectFirst", displayTextFieldName: "displayTextFieldName", listHeight: "listHeight", listWidth: "listWidth", allowFreeformText: "allowFreeformText", showNoItemsFoundDisplay: "showNoItemsFoundDisplay" }, outputs: { onRefresh: "onRefresh", onSelect: "onSelect", onFreeformTextSelect: "onFreeformTextSelect" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickAutoCompleteComponent)),
             multi: true
         }
-    ], queries: [{ propertyName: "listItemTemplateRef", first: true, predicate: SlickAutoCompleteListItemTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "autoCompleteRef", first: true, predicate: ["autoCompleteRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div #autoCompleteRef id=\"slick-auto-complete_{{uuid}}\" class='slick-auto-complete dropdown-menu' [style.width]=\"width\" [style.minWidth]=\"width\" [style.visibility]=\"(expanded === true) ? 'visible' : 'hidden'\" [style.opacity]=\"(expanded === true) ? '1' : '0'\" [style.max-height]=\"listHeight\" [style.left]=\"left\" [style.top]=\"top\">\r\n\t<div *ngIf=\"loading\" style=\"font-size: .8rem\" class=\"ml-3\">Loading...</div>\r\n\t<div *ngIf=\"!loading && items?.length === 0\" style=\"font-size: .8rem\" class=\"ml-3\">\r\n\t\tNo items found\r\n\t</div>\r\n\t<div *ngIf=\"!loading && items?.length > 0\">\r\n\t\t<div *ngFor=\"let item of items; let index = index;\" (click)=\"onItemClick(index)\" [class.card-header]=\"selectedIndex === index\" class=\"dropdown-item\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"listItemTemplateRef.template, context: { $implicit: item, index: index }\">\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAutoCompleteComponent, decorators: [{
+    ], queries: [{ propertyName: "listItemTemplateRef", first: true, predicate: SlickAutoCompleteListItemTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "autoCompleteRef", first: true, predicate: ["autoCompleteRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div #autoCompleteRef id=\"slick-auto-complete_{{uuid}}\" class='slick-auto-complete dropdown-menu' [style.width]=\"width\" [style.minWidth]=\"width\" [style.visibility]=\"(expanded === true) ? 'visible' : 'hidden'\" [style.opacity]=\"(expanded === true) ? '1' : '0'\" [style.max-height]=\"listHeight\" [style.left]=\"left\" [style.top]=\"top\">\r\n\t<div *ngIf=\"loading\" style=\"font-size: .8rem\" class=\"ml-3\">Loading...</div>\r\n\t<div *ngIf=\"!loading && items?.length === 0\" style=\"font-size: .8rem\" class=\"ml-3\">\r\n\t\tNo items found\r\n\t</div>\r\n\t<div *ngIf=\"!loading && items?.length > 0\">\r\n\t\t<div *ngFor=\"let item of items; let index = index;\" (click)=\"onItemClick(index)\" [class.card-header]=\"selectedIndex === index\" class=\"dropdown-item\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"listItemTemplateRef.template, context: { $implicit: item, index: index }\">\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAutoCompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-auto-complete', providers: [
                         {
@@ -939,10 +945,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickAutoCompleteModule {
 }
-/** @nocollapse */ SlickAutoCompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickAutoCompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAutoCompleteModule, declarations: [SlickAutoCompleteComponent, SlickAutoCompleteListItemTemplateDirective], imports: [CommonModule, FormsModule], exports: [SlickAutoCompleteComponent, SlickAutoCompleteListItemTemplateDirective] });
-/** @nocollapse */ SlickAutoCompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAutoCompleteModule, providers: [SlickFunctionLockService], imports: [[CommonModule, FormsModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickAutoCompleteModule, decorators: [{
+/** @nocollapse */ SlickAutoCompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickAutoCompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickAutoCompleteModule, declarations: [SlickAutoCompleteComponent, SlickAutoCompleteListItemTemplateDirective], imports: [CommonModule, FormsModule], exports: [SlickAutoCompleteComponent, SlickAutoCompleteListItemTemplateDirective] });
+/** @nocollapse */ SlickAutoCompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAutoCompleteModule, providers: [SlickFunctionLockService], imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickAutoCompleteModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule],
@@ -1113,9 +1119,9 @@ class SlickButtonSpinnerComponent {
         Promise.resolve();
     }
 }
-/** @nocollapse */ SlickButtonSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickButtonSpinnerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickButtonSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickButtonSpinnerComponent, selector: "[slick-button-spinner]", inputs: { spinnerStatus: ["slick-button-spinner", "spinnerStatus"] }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content><div *ngIf=\"spinnerVisible\" class=\"slick-button-spinner_spin-icon\"></div><div *ngIf=\"checkVisible\" class=\"slick-button-spinner_check\"><i class=\"far fa-check-circle\"></i></div><div *ngIf=\"errorVisible\" class=\"slick-button-spinner_error\"><i class=\"far fa-times-circle\"></i></div>\r\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickButtonSpinnerComponent, decorators: [{
+/** @nocollapse */ SlickButtonSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickButtonSpinnerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickButtonSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickButtonSpinnerComponent, selector: "[slick-button-spinner]", inputs: { spinnerStatus: ["slick-button-spinner", "spinnerStatus"] }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content><div *ngIf=\"spinnerVisible\" class=\"slick-button-spinner_spin-icon\"></div><div *ngIf=\"checkVisible\" class=\"slick-button-spinner_check\"><i class=\"far fa-check-circle\"></i></div><div *ngIf=\"errorVisible\" class=\"slick-button-spinner_error\"><i class=\"far fa-times-circle\"></i></div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickButtonSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: '[slick-button-spinner]', template: "<ng-content></ng-content><div *ngIf=\"spinnerVisible\" class=\"slick-button-spinner_spin-icon\"></div><div *ngIf=\"checkVisible\" class=\"slick-button-spinner_check\"><i class=\"far fa-check-circle\"></i></div><div *ngIf=\"errorVisible\" class=\"slick-button-spinner_error\"><i class=\"far fa-times-circle\"></i></div>\r\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { spinnerStatus: [{
@@ -1125,10 +1131,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickButtonSpinnerModule {
 }
-/** @nocollapse */ SlickButtonSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickButtonSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickButtonSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickButtonSpinnerModule, declarations: [SlickButtonSpinnerComponent], imports: [CommonModule], exports: [SlickButtonSpinnerComponent] });
-/** @nocollapse */ SlickButtonSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickButtonSpinnerModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickButtonSpinnerModule, decorators: [{
+/** @nocollapse */ SlickButtonSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickButtonSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickButtonSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickButtonSpinnerModule, declarations: [SlickButtonSpinnerComponent], imports: [CommonModule], exports: [SlickButtonSpinnerComponent] });
+/** @nocollapse */ SlickButtonSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickButtonSpinnerModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickButtonSpinnerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -1147,6 +1153,7 @@ class SlickCalendarComponent {
     constructor() {
         this.condensed = false;
         this.monthsToShow = 1;
+        this.monthsToIncrement = 1;
         this.inactiveDates = [];
         this.inactiveWeekends = false;
         this.showDaysNotInMonth = false;
@@ -1229,7 +1236,7 @@ class SlickCalendarComponent {
     // not used, used for touch input
     registerOnTouched() { }
     prevMonth() {
-        this.visibleDate = moment(this.visibleDate).subtract(this.monthsToShow, "months").toDate();
+        this.visibleDate = moment(this.visibleDate).subtract(this.monthsToIncrement, "months").toDate();
         this.recalc();
         if (this.onMonthChange) {
             let monthStart = moment(this.visibleDate).startOf("month");
@@ -1239,7 +1246,7 @@ class SlickCalendarComponent {
         }
     }
     nextMonth() {
-        this.visibleDate = moment(this.visibleDate).add(this.monthsToShow, "months").toDate();
+        this.visibleDate = moment(this.visibleDate).add(this.monthsToIncrement, "months").toDate();
         this.recalc();
         if (this.onMonthChange) {
             let monthStart = moment(this.visibleDate).startOf("month");
@@ -1353,15 +1360,15 @@ class SlickCalendarComponent {
         }
     }
 }
-/** @nocollapse */ SlickCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickCalendarComponent, selector: "slick-calendar", inputs: { condensed: "condensed", monthsToShow: "monthsToShow", inactiveDates: "inactiveDates", inactiveWeekends: "inactiveWeekends", showDaysNotInMonth: "showDaysNotInMonth", multiSelect: "multiSelect", multiSelectDates: "multiSelectDates" }, outputs: { multiSelectDatesChange: "multiSelectDatesChange", onDateSelect: "onDateSelect", onDateChange: "onDateChange", onMonthChange: "onMonthChange", onMultiDateChange: "onMultiDateChange" }, host: { listeners: { "click": "onClick($event,$event.target)" } }, providers: [
+/** @nocollapse */ SlickCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickCalendarComponent, selector: "slick-calendar", inputs: { condensed: "condensed", monthsToShow: "monthsToShow", monthsToIncrement: "monthsToIncrement", inactiveDates: "inactiveDates", inactiveWeekends: "inactiveWeekends", showDaysNotInMonth: "showDaysNotInMonth", multiSelect: "multiSelect", multiSelectDates: "multiSelectDates" }, outputs: { multiSelectDatesChange: "multiSelectDatesChange", onDateSelect: "onDateSelect", onDateChange: "onDateChange", onMonthChange: "onMonthChange", onMultiDateChange: "onMultiDateChange" }, host: { listeners: { "click": "onClick($event,$event.target)" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickCalendarComponent)),
             multi: true,
         }
-    ], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-calendar default-width card\" id=\"slick-calendar_{{uuid}}\" [style.minWidth.px]=\"minWidth\" [ngClass]=\"{'slick-calendar_condensed': condensed === true, 'slick-calendar_single': monthsToShow === 1 }\">\r\n\t<div class=\"slick-calendar_prev-month\" (click)=\"prevMonth()\"><i class=\"far fa-chevron-left\"></i></div>\r\n\t<div class=\"slick-calendar_next-month\" (click)=\"nextMonth()\"><i class=\"far fa-chevron-right\"></i></div>\r\n\r\n\t<div class=\"d-flex justify-content-around pt-2\" [ngClass]=\"{ 'mx-3': monthsToShow > 1, 'mx-1': monthsToShow === 1 }\">\r\n\t\t<div *ngFor=\"let month of months\" class=\"flex-fill mx-2\" style=\"text-align: center;max-width: 220px;\">\r\n\r\n\t\t\t<table class=\"table table-sm table-borderless\" style=\"table-layout: fixed; \">\r\n\t\t\t\t<thead>\r\n\t\t\t\t\t<tr class=\"slick-calendar_month-display\">\r\n\t\t\t\t\t\t<td colspan=\"7\"><b>{{month.monthDisplay}}</b></td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr class=\"slick-calendar_days-of-week\">\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Sun</span><span *ngIf='condensed === true'>S</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Mon</span><span *ngIf='condensed === true'>M</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Tue</span><span *ngIf='condensed === true'>T</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Wed</span><span *ngIf='condensed === true'>W</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Thu</span><span *ngIf='condensed === true'>Th</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Fri</span><span *ngIf='condensed === true'>F</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Sat</span><span *ngIf='condensed === true'>S</span></td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr *ngFor=\"let week of month.weeks\">\r\n\t\t\t\t\t\t<td *ngFor=\"let day of week.days\" (click)=\"setDate(day)\" class=\"slick-calendar_date\" [ngClass]=\"{ 'slick-calendar_is-today': day.isToday, 'bg-success text-white': day.isSelected, 'slick-calendar_not_in_month': day.isInCurrentMonth === false, 'slick-calendar_inactive': day.isActive === false }\">\r\n\t\t\t\t\t\t\t<span *ngIf=\"showDaysNotInMonth === true || (showDaysNotInMonth === false && day.isInCurrentMonth === true)\">{{day.date | date:'d'}}</span>\r\n\t\t\t\t\t\t\t<span *ngIf=\"monthsToShow > 1 && (showDaysNotInMonth === false && day.isInCurrentMonth === false)\">&nbsp;</span>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\r\n\r\n\t\t</div>\r\n\r\n\t</div>\r\n</div>", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "date": i1.DatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCalendarComponent, decorators: [{
+    ], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-calendar default-width card\" id=\"slick-calendar_{{uuid}}\" [style.minWidth.px]=\"minWidth\" [ngClass]=\"{'slick-calendar_condensed': condensed === true, 'slick-calendar_single': monthsToShow === 1 }\">\r\n\t<div class=\"slick-calendar_prev-month\" (click)=\"prevMonth()\"><i class=\"far fa-chevron-left\"></i></div>\r\n\t<div class=\"slick-calendar_next-month\" (click)=\"nextMonth()\"><i class=\"far fa-chevron-right\"></i></div>\r\n\r\n\t<div class=\"d-flex justify-content-around pt-2\" [ngClass]=\"{ 'mx-3': monthsToShow > 1, 'mx-1': monthsToShow === 1 }\">\r\n\t\t<div *ngFor=\"let month of months\" class=\"flex-fill mx-2\" style=\"text-align: center;max-width: 220px;\">\r\n\r\n\t\t\t<table class=\"table table-sm table-borderless\" style=\"table-layout: fixed; \">\r\n\t\t\t\t<thead>\r\n\t\t\t\t\t<tr class=\"slick-calendar_month-display\">\r\n\t\t\t\t\t\t<td colspan=\"7\"><b>{{month.monthDisplay}}</b></td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr class=\"slick-calendar_days-of-week\">\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Sun</span><span *ngIf='condensed === true'>S</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Mon</span><span *ngIf='condensed === true'>M</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Tue</span><span *ngIf='condensed === true'>T</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Wed</span><span *ngIf='condensed === true'>W</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Thu</span><span *ngIf='condensed === true'>Th</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Fri</span><span *ngIf='condensed === true'>F</span></td>\r\n\t\t\t\t\t\t<td><span *ngIf='condensed === false'>Sat</span><span *ngIf='condensed === true'>S</span></td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr *ngFor=\"let week of month.weeks\">\r\n\t\t\t\t\t\t<td *ngFor=\"let day of week.days\" (click)=\"setDate(day)\" class=\"slick-calendar_date\" [ngClass]=\"{ 'slick-calendar_is-today': day.isToday, 'bg-success text-white': day.isSelected, 'slick-calendar_not_in_month': day.isInCurrentMonth === false, 'slick-calendar_inactive': day.isActive === false }\">\r\n\t\t\t\t\t\t\t<span *ngIf=\"showDaysNotInMonth === true || (showDaysNotInMonth === false && day.isInCurrentMonth === true)\">{{day.date | date:'d'}}</span>\r\n\t\t\t\t\t\t\t<span *ngIf=\"monthsToShow > 1 && (showDaysNotInMonth === false && day.isInCurrentMonth === false)\">&nbsp;</span>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\r\n\r\n\t\t</div>\r\n\r\n\t</div>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-calendar', providers: [
                         {
@@ -1374,6 +1381,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
                 type: Input
             }], monthsToShow: [{
                 type: Input
+            }], monthsToIncrement: [{
+                type: Input
             }], inactiveDates: [{
                 type: Input
             }], inactiveWeekends: [{
@@ -1401,10 +1410,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickCalendarModule {
 }
-/** @nocollapse */ SlickCalendarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickCalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCalendarModule, declarations: [SlickCalendarComponent], imports: [CommonModule], exports: [SlickCalendarComponent] });
-/** @nocollapse */ SlickCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCalendarModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCalendarModule, decorators: [{
+/** @nocollapse */ SlickCalendarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickCalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickCalendarModule, declarations: [SlickCalendarComponent], imports: [CommonModule], exports: [SlickCalendarComponent] });
+/** @nocollapse */ SlickCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCalendarModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCalendarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -1415,9 +1424,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickCardHeaderComponent {
 }
-/** @nocollapse */ SlickCardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickCardHeaderComponent, selector: "slick-card-header", ngImport: i0, template: "<div class='card-header'><ng-content></ng-content></div>", isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCardHeaderComponent, decorators: [{
+/** @nocollapse */ SlickCardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickCardHeaderComponent, selector: "slick-card-header", ngImport: i0, template: "<div class='card-header'><ng-content></ng-content></div>", isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCardHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "slick-card-header",
@@ -1447,9 +1456,9 @@ class SlickCardComponent {
             this.onSelect.emit(this.cardKey);
     }
 }
-/** @nocollapse */ SlickCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickCardComponent, selector: "slick-card", inputs: { header: "header", clickable: "clickable", selected: "selected", cardKey: "cardKey" }, outputs: { onSelect: "onSelect" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-card card\" [ngClass]=\"{'slick-card_clickable': clickable === true, 'bg-primary text-white': selected === true }\" (click)=\"onClick()\">\r\n\t<div *ngIf=\"header\" class=\"card-header\">{{header}}</div>\r\n\t<ng-content select=\"slick-card-header\"></ng-content>\r\n\t<div class=\"card-body\"><ng-content></ng-content></div>\r\n</div>\r\n", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCardComponent, decorators: [{
+/** @nocollapse */ SlickCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickCardComponent, selector: "slick-card", inputs: { header: "header", clickable: "clickable", selected: "selected", cardKey: "cardKey" }, outputs: { onSelect: "onSelect" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-card card\" [ngClass]=\"{'slick-card_clickable': clickable === true, 'bg-primary text-white': selected === true }\" (click)=\"onClick()\">\r\n\t<div *ngIf=\"header\" class=\"card-header\">{{header}}</div>\r\n\t<ng-content select=\"slick-card-header\"></ng-content>\r\n\t<div class=\"card-body\"><ng-content></ng-content></div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCardComponent, decorators: [{
             type: Component,
             args: [{ selector: "slick-card", template: "<div class=\"slick-card card\" [ngClass]=\"{'slick-card_clickable': clickable === true, 'bg-primary text-white': selected === true }\" (click)=\"onClick()\">\r\n\t<div *ngIf=\"header\" class=\"card-header\">{{header}}</div>\r\n\t<ng-content select=\"slick-card-header\"></ng-content>\r\n\t<div class=\"card-body\"><ng-content></ng-content></div>\r\n</div>\r\n" }]
         }], propDecorators: { header: [{
@@ -1466,10 +1475,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickCardModule {
 }
-/** @nocollapse */ SlickCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCardModule, declarations: [SlickCardComponent, SlickCardHeaderComponent], imports: [CommonModule], exports: [SlickCardComponent, SlickCardHeaderComponent, CommonModule] });
-/** @nocollapse */ SlickCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCardModule, imports: [[CommonModule], CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCardModule, decorators: [{
+/** @nocollapse */ SlickCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickCardModule, declarations: [SlickCardComponent, SlickCardHeaderComponent], imports: [CommonModule], exports: [SlickCardComponent, SlickCardHeaderComponent, CommonModule] });
+/** @nocollapse */ SlickCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCardModule, imports: [CommonModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -1538,9 +1547,9 @@ class SlickDialogService {
 }
 SlickDialogService.overlayCount = 1;
 SlickDialogService.minimizedDialogs = new Array();
-/** @nocollapse */ SlickDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDialogService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDialogService, decorators: [{
+/** @nocollapse */ SlickDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDialogService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDialogService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -1778,9 +1787,9 @@ class SlickDialogComponent {
         this.isBodyVisible = true;
     }
 }
-/** @nocollapse */ SlickDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDialogComponent, deps: [{ token: SlickDialogService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickDialogComponent, selector: "slick-dialog", inputs: { draggable: "draggable", resizable: "resizable", minimizable: "minimizable", header: "header", showHeader: "showHeader", noPadding: "noPadding", top: "top", width: "width", height: "height", maxHeight: "maxHeight", cssClass: "cssClass", key: "key", showOverlay: "showOverlay", disableScrollbar: "disableScrollbar" }, outputs: { onClose: "onClose" }, providers: [SlickDialogService], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }, { propertyName: "headerRef", first: true, predicate: ["headerRef"], descendants: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true }, { propertyName: "dialogWrapper", first: true, predicate: ["dialogWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerRef class=\"slick-dialog-container\" *ngIf=\"showDialog_internal === true\" [hidden]=\"!isDialogVisible\" [style.zIndex]=\"zIndex\" #bounds>\r\n    <div #dialogWrapper class=\"position-absolute slick-dialog-z-index d-inline-block\" [ngClass]=\"{'isMinimized' : isMinimized }\" (endOffset)=\"onMoveEnd($event)\" [position]=\"position\" [ngDraggable]=\"draggable && !isMinimized\" [bounds]=\"bounds\" [handle]=\"draggingHandle\" [inBounds]=\"inBounds\" [style.top.px]=\"top\">\r\n        <div #dialogRef (rzStop)=\"onResizeStop($event)\" [ngResizable]=\"resizable && !isMinimized\" class=\"slick-dialog modal-content d-flex flex-column drag-block-handle {{cssClass}}\" [style.height]=\"height === 0 ? '100%' : height + 'px'\" [style.width.px]=\"width\" [style.max-height.px]=\"maxHeight\">\r\n            <div [class.slick-dialog-draggingHangle]=\"draggable && !isMinimized\" #draggingHandle>\r\n                <div #headerRef class=\"slick-dialog_header modal-header py-0\" *ngIf=\"showHeader === true\">\r\n                    <div class=\"header-left\">{{header}}</div>\r\n                    <div class=\"header-right\" *ngIf=\"minimizable && !isMinimized\" (mousedown)=\"onDialogMinimize($event)\" style=\"width: 28px;\"><i class=\"far fa-window-minimize\"></i></div>\r\n                    <div class=\"header-right\" *ngIf=\"minimizable && !isMinimized\" (mousedown)=\"toggleFullSize($event)\" style=\"width: 28px;\"><i *ngIf=\"!isMaximized\" class=\"far fa-window-maximize\"></i><i *ngIf=\"isMaximized\" class=\"far fa-window-restore\"></i></div>\r\n                    <div class=\"header-right\" *ngIf=\"minimizable && isMinimized\" (mousedown)=\"onDialogMaximize($event)\" style=\"width: 28px;\"><i class=\"far fa-window-restore\"></i></div>\r\n                    <div class=\"header-right\" *ngIf=\"!isMinimized\" (mousedown)=\"onDialogClose($event)\" style=\"width: 28px;\"><i class=\"far fa-times\"></i></div>\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"!isMinimized\" [style.visibility]=\"(isBodyVisible === true) ? 'visible' : 'hidden'\" style=\"overflow-y: auto\" class=\"slick-dialog_body modal-body flex-fill\" [ngClass]=\"{'disable_scrollbar' : disableScrollbar === true, 'p-0': noPadding === true }\"><ng-content></ng-content></div>\r\n            <div #footerRef [ngClass]=\"{'slick-dialog_footer modal-footer': hasFooter === true }\" *ngIf=\"!isMinimized\"><ng-content select=\"slick-dialog-footer\"></ng-content></div>\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [".ng-resizable{position:relative}.ng-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.ng-resizable-handle.ng-resizable-e{cursor:e-resize;width:7px;right:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-w{cursor:w-resize;width:7px;left:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-s{cursor:s-resize;height:7px;bottom:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-n{cursor:n-resize;height:7px;top:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-se{cursor:se-resize;width:8px;height:8px;right:4px;bottom:4px}.ng-resizable-handle.ng-resizable-sw{cursor:sw-resize;width:12px;height:12px;left:1px;bottom:1px}.ng-resizable-handle.ng-resizable-ne{cursor:ne-resize;width:12px;height:12px;right:1px;top:1px}.ng-resizable-handle.ng-resizable-nw{cursor:nw-resize;width:12px;height:12px;left:1px;top:1px}.ng-resizable-diagonal{box-sizing:border-box;width:0;height:0;border-bottom:8px solid #aaa;border-left:8px solid transparent}.slick-dialog-z-index.isMinimized{-webkit-transition-property:all;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear;transition-property:all;transition-duration:.3s;transition-timing-function:linear}.isMinimized .header-left{display:inline-block;width:calc(100% - 40px);padding-left:15px;vertical-align:top;font-weight:700;text-overflow:ellipsis;overflow:hidden;width:200px;white-space:nowrap}.disable_scrollbar{overflow:hidden!important;overflow-x:hidden;overflow-y:hidden;padding:10px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.AngularDraggableDirective, selector: "[ngDraggable]", inputs: ["outOfBounds", "gridSize", "inBounds", "trackPosition", "scale", "preventDefaultEvent", "position", "lockAxis", "zIndex", "ngDraggable", "bounds", "handle", "zIndexMoving"], outputs: ["started", "stopped", "edge", "movingOffset", "endOffset"], exportAs: ["ngDraggable"] }, { type: i3.AngularResizableDirective, selector: "[ngResizable]", inputs: ["rzHandles", "rzAspectRatio", "rzContainment", "rzGrid", "rzMinWidth", "rzMinHeight", "rzMaxWidth", "rzMaxHeight", "preventDefaultEvent", "ngResizable"], outputs: ["rzStart", "rzResizing", "rzStop"], exportAs: ["ngResizable"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDialogComponent, decorators: [{
+/** @nocollapse */ SlickDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDialogComponent, deps: [{ token: SlickDialogService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickDialogComponent, selector: "slick-dialog", inputs: { draggable: "draggable", resizable: "resizable", minimizable: "minimizable", header: "header", showHeader: "showHeader", noPadding: "noPadding", top: "top", width: "width", height: "height", maxHeight: "maxHeight", cssClass: "cssClass", key: "key", showOverlay: "showOverlay", disableScrollbar: "disableScrollbar" }, outputs: { onClose: "onClose" }, providers: [SlickDialogService], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }, { propertyName: "headerRef", first: true, predicate: ["headerRef"], descendants: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true }, { propertyName: "dialogWrapper", first: true, predicate: ["dialogWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerRef class=\"slick-dialog-container\" *ngIf=\"showDialog_internal === true\" [hidden]=\"!isDialogVisible\" [style.zIndex]=\"zIndex\" #bounds>\r\n    <div #dialogWrapper class=\"position-absolute slick-dialog-z-index d-inline-block\" [ngClass]=\"{'isMinimized' : isMinimized }\" (endOffset)=\"onMoveEnd($event)\" [position]=\"position\" [ngDraggable]=\"draggable && !isMinimized\" [bounds]=\"bounds\" [handle]=\"draggingHandle\" [inBounds]=\"inBounds\" [style.top.px]=\"top\">\r\n        <div #dialogRef (rzStop)=\"onResizeStop($event)\" [ngResizable]=\"resizable && !isMinimized\" class=\"slick-dialog modal-content d-flex flex-column drag-block-handle {{cssClass}}\" [style.height]=\"height === 0 ? '100%' : height + 'px'\" [style.width.px]=\"width\" [style.max-height.px]=\"maxHeight\">\r\n            <div [class.slick-dialog-draggingHangle]=\"draggable && !isMinimized\" #draggingHandle>\r\n                <div #headerRef class=\"slick-dialog_header modal-header py-0\" *ngIf=\"showHeader === true\">\r\n                    <div class=\"header-left\">{{header}}</div>\r\n                    <div class=\"header-right\" *ngIf=\"minimizable && !isMinimized\" (mousedown)=\"onDialogMinimize($event)\" style=\"width: 28px;\"><i class=\"far fa-window-minimize\"></i></div>\r\n                    <div class=\"header-right\" *ngIf=\"minimizable && !isMinimized\" (mousedown)=\"toggleFullSize($event)\" style=\"width: 28px;\"><i *ngIf=\"!isMaximized\" class=\"far fa-window-maximize\"></i><i *ngIf=\"isMaximized\" class=\"far fa-window-restore\"></i></div>\r\n                    <div class=\"header-right\" *ngIf=\"minimizable && isMinimized\" (mousedown)=\"onDialogMaximize($event)\" style=\"width: 28px;\"><i class=\"far fa-window-restore\"></i></div>\r\n                    <div class=\"header-right\" *ngIf=\"!isMinimized\" (mousedown)=\"onDialogClose($event)\" style=\"width: 28px;\"><i class=\"far fa-times\"></i></div>\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"!isMinimized\" [style.visibility]=\"(isBodyVisible === true) ? 'visible' : 'hidden'\" style=\"overflow-y: auto\" class=\"slick-dialog_body modal-body flex-fill\" [ngClass]=\"{'disable_scrollbar' : disableScrollbar === true, 'p-0': noPadding === true }\"><ng-content></ng-content></div>\r\n            <div #footerRef [ngClass]=\"{'slick-dialog_footer modal-footer': hasFooter === true }\" *ngIf=\"!isMinimized\"><ng-content select=\"slick-dialog-footer\"></ng-content></div>\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [".ng-resizable{position:relative}.ng-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.ng-resizable-handle.ng-resizable-e{cursor:e-resize;width:7px;right:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-w{cursor:w-resize;width:7px;left:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-s{cursor:s-resize;height:7px;bottom:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-n{cursor:n-resize;height:7px;top:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-se{cursor:se-resize;width:8px;height:8px;right:4px;bottom:4px}.ng-resizable-handle.ng-resizable-sw{cursor:sw-resize;width:12px;height:12px;left:1px;bottom:1px}.ng-resizable-handle.ng-resizable-ne{cursor:ne-resize;width:12px;height:12px;right:1px;top:1px}.ng-resizable-handle.ng-resizable-nw{cursor:nw-resize;width:12px;height:12px;left:1px;top:1px}.ng-resizable-diagonal{box-sizing:border-box;width:0;height:0;border-bottom:8px solid #aaa;border-left:8px solid transparent}.slick-dialog-z-index.isMinimized{-webkit-transition-property:all;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear;transition-property:all;transition-duration:.3s;transition-timing-function:linear}.isMinimized .header-left{display:inline-block;width:calc(100% - 40px);padding-left:15px;vertical-align:top;font-weight:700;text-overflow:ellipsis;overflow:hidden;width:200px;white-space:nowrap}.disable_scrollbar{overflow:hidden!important;overflow-x:hidden;overflow-y:hidden;padding:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.AngularDraggableDirective, selector: "[ngDraggable]", inputs: ["outOfBounds", "gridSize", "inBounds", "trackPosition", "scale", "preventDefaultEvent", "position", "lockAxis", "zIndex", "ngDraggable", "bounds", "handle", "zIndexMoving"], outputs: ["started", "stopped", "edge", "movingOffset", "endOffset"], exportAs: ["ngDraggable"] }, { kind: "directive", type: i3.AngularResizableDirective, selector: "[ngResizable]", inputs: ["rzHandles", "rzAspectRatio", "rzContainment", "rzGrid", "rzMinWidth", "rzMinHeight", "rzMaxWidth", "rzMaxHeight", "preventDefaultEvent", "ngResizable"], outputs: ["rzStart", "rzResizing", "rzStop"], exportAs: ["ngResizable"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-dialog', providers: [SlickDialogService], template: "<div #containerRef class=\"slick-dialog-container\" *ngIf=\"showDialog_internal === true\" [hidden]=\"!isDialogVisible\" [style.zIndex]=\"zIndex\" #bounds>\r\n    <div #dialogWrapper class=\"position-absolute slick-dialog-z-index d-inline-block\" [ngClass]=\"{'isMinimized' : isMinimized }\" (endOffset)=\"onMoveEnd($event)\" [position]=\"position\" [ngDraggable]=\"draggable && !isMinimized\" [bounds]=\"bounds\" [handle]=\"draggingHandle\" [inBounds]=\"inBounds\" [style.top.px]=\"top\">\r\n        <div #dialogRef (rzStop)=\"onResizeStop($event)\" [ngResizable]=\"resizable && !isMinimized\" class=\"slick-dialog modal-content d-flex flex-column drag-block-handle {{cssClass}}\" [style.height]=\"height === 0 ? '100%' : height + 'px'\" [style.width.px]=\"width\" [style.max-height.px]=\"maxHeight\">\r\n            <div [class.slick-dialog-draggingHangle]=\"draggable && !isMinimized\" #draggingHandle>\r\n                <div #headerRef class=\"slick-dialog_header modal-header py-0\" *ngIf=\"showHeader === true\">\r\n                    <div class=\"header-left\">{{header}}</div>\r\n                    <div class=\"header-right\" *ngIf=\"minimizable && !isMinimized\" (mousedown)=\"onDialogMinimize($event)\" style=\"width: 28px;\"><i class=\"far fa-window-minimize\"></i></div>\r\n                    <div class=\"header-right\" *ngIf=\"minimizable && !isMinimized\" (mousedown)=\"toggleFullSize($event)\" style=\"width: 28px;\"><i *ngIf=\"!isMaximized\" class=\"far fa-window-maximize\"></i><i *ngIf=\"isMaximized\" class=\"far fa-window-restore\"></i></div>\r\n                    <div class=\"header-right\" *ngIf=\"minimizable && isMinimized\" (mousedown)=\"onDialogMaximize($event)\" style=\"width: 28px;\"><i class=\"far fa-window-restore\"></i></div>\r\n                    <div class=\"header-right\" *ngIf=\"!isMinimized\" (mousedown)=\"onDialogClose($event)\" style=\"width: 28px;\"><i class=\"far fa-times\"></i></div>\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"!isMinimized\" [style.visibility]=\"(isBodyVisible === true) ? 'visible' : 'hidden'\" style=\"overflow-y: auto\" class=\"slick-dialog_body modal-body flex-fill\" [ngClass]=\"{'disable_scrollbar' : disableScrollbar === true, 'p-0': noPadding === true }\"><ng-content></ng-content></div>\r\n            <div #footerRef [ngClass]=\"{'slick-dialog_footer modal-footer': hasFooter === true }\" *ngIf=\"!isMinimized\"><ng-content select=\"slick-dialog-footer\"></ng-content></div>\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [".ng-resizable{position:relative}.ng-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.ng-resizable-handle.ng-resizable-e{cursor:e-resize;width:7px;right:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-w{cursor:w-resize;width:7px;left:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-s{cursor:s-resize;height:7px;bottom:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-n{cursor:n-resize;height:7px;top:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-se{cursor:se-resize;width:8px;height:8px;right:4px;bottom:4px}.ng-resizable-handle.ng-resizable-sw{cursor:sw-resize;width:12px;height:12px;left:1px;bottom:1px}.ng-resizable-handle.ng-resizable-ne{cursor:ne-resize;width:12px;height:12px;right:1px;top:1px}.ng-resizable-handle.ng-resizable-nw{cursor:nw-resize;width:12px;height:12px;left:1px;top:1px}.ng-resizable-diagonal{box-sizing:border-box;width:0;height:0;border-bottom:8px solid #aaa;border-left:8px solid transparent}.slick-dialog-z-index.isMinimized{-webkit-transition-property:all;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear;transition-property:all;transition-duration:.3s;transition-timing-function:linear}.isMinimized .header-left{display:inline-block;width:calc(100% - 40px);padding-left:15px;vertical-align:top;font-weight:700;text-overflow:ellipsis;overflow:hidden;width:200px;white-space:nowrap}.disable_scrollbar{overflow:hidden!important;overflow-x:hidden;overflow-y:hidden;padding:10px}\n"] }]
         }], ctorParameters: function () { return [{ type: SlickDialogService }]; }, propDecorators: { draggable: [{
@@ -1871,9 +1880,9 @@ class SlickConfirmDialogComponent {
         this.dialogResolve(SlickConfirmDialogResults.Cancel);
     }
 }
-/** @nocollapse */ SlickConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickConfirmDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: { width: "width", okButtonText: "okButtonText", cancelButtonText: "cancelButtonText", showOkButton: "showOkButton", showCancelButton: "showCancelButton" }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<slick-dialog *ngIf=\"isVisible === true\" #dialogRef [top]='200' [width]='width' [showHeader]='false' [resizable]=\"false\" [draggable]=\"false\" [minimizable]=\"false\" onClose='onClose()'>\r\n\t<div class=\"form-group text-center\">\r\n\t\t<h4 style='margin-top: 10px; margin-bottom: 20px'><ng-content></ng-content></h4>\r\n\t</div>\r\n\r\n\t<div class=\"text-center\" style='margin-top: 10px;'>\r\n\t\t<button *ngIf=\"showOkButton === true\" type=\"button\" style='width: 80px' class=\"btn btn-outline-primary\" (click)=\"onOk()\">{{okButtonText}}</button>&nbsp;&nbsp;\r\n\t\t<button *ngIf=\"showCancelButton === true\" type=\"button\" style='width: 80px' class=\"btn btn-outline-danger\" (click)=\"onCancel()\">Cancel</button>\r\n\t</div>\r\n</slick-dialog>\r\n", components: [{ type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickConfirmDialogComponent, decorators: [{
+/** @nocollapse */ SlickConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickConfirmDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: { width: "width", okButtonText: "okButtonText", cancelButtonText: "cancelButtonText", showOkButton: "showOkButton", showCancelButton: "showCancelButton" }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<slick-dialog *ngIf=\"isVisible === true\" #dialogRef [top]='200' [width]='width' [showHeader]='false' [resizable]=\"false\" [draggable]=\"false\" [minimizable]=\"false\" onClose='onClose()'>\r\n\t<div class=\"form-group text-center\">\r\n\t\t<h4 style='margin-top: 10px; margin-bottom: 20px'><ng-content></ng-content></h4>\r\n\t</div>\r\n\r\n\t<div class=\"text-center\" style='margin-top: 10px;'>\r\n\t\t<button *ngIf=\"showOkButton === true\" type=\"button\" style='width: 80px' class=\"btn btn-outline-primary\" (click)=\"onOk()\">{{okButtonText}}</button>&nbsp;&nbsp;\r\n\t\t<button *ngIf=\"showCancelButton === true\" type=\"button\" style='width: 80px' class=\"btn btn-outline-danger\" (click)=\"onCancel()\">Cancel</button>\r\n\t</div>\r\n</slick-dialog>\r\n", dependencies: [{ kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-confirm-dialog', template: "<slick-dialog *ngIf=\"isVisible === true\" #dialogRef [top]='200' [width]='width' [showHeader]='false' [resizable]=\"false\" [draggable]=\"false\" [minimizable]=\"false\" onClose='onClose()'>\r\n\t<div class=\"form-group text-center\">\r\n\t\t<h4 style='margin-top: 10px; margin-bottom: 20px'><ng-content></ng-content></h4>\r\n\t</div>\r\n\r\n\t<div class=\"text-center\" style='margin-top: 10px;'>\r\n\t\t<button *ngIf=\"showOkButton === true\" type=\"button\" style='width: 80px' class=\"btn btn-outline-primary\" (click)=\"onOk()\">{{okButtonText}}</button>&nbsp;&nbsp;\r\n\t\t<button *ngIf=\"showCancelButton === true\" type=\"button\" style='width: 80px' class=\"btn btn-outline-danger\" (click)=\"onCancel()\">Cancel</button>\r\n\t</div>\r\n</slick-dialog>\r\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { width: [{
@@ -1897,9 +1906,9 @@ class SlickDialogFooterComponent {
         this.textAlign = 'center';
     }
 }
-/** @nocollapse */ SlickDialogFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickDialogFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickDialogFooterComponent, selector: "slick-dialog-footer", host: { properties: { "style.flex": "this.flex", "style.textAlign": "this.textAlign" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDialogFooterComponent, decorators: [{
+/** @nocollapse */ SlickDialogFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickDialogFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickDialogFooterComponent, selector: "slick-dialog-footer", host: { properties: { "style.flex": "this.flex", "style.textAlign": "this.textAlign" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDialogFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'slick-dialog-footer',
@@ -1915,10 +1924,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickDialogModule {
 }
-/** @nocollapse */ SlickDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDialogModule, declarations: [SlickDialogComponent, SlickDialogFooterComponent], imports: [CommonModule, AngularDraggableModule], exports: [SlickDialogComponent, SlickDialogFooterComponent] });
-/** @nocollapse */ SlickDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDialogModule, providers: [SlickDialogService], imports: [[CommonModule, AngularDraggableModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDialogModule, decorators: [{
+/** @nocollapse */ SlickDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickDialogModule, declarations: [SlickDialogComponent, SlickDialogFooterComponent], imports: [CommonModule, AngularDraggableModule], exports: [SlickDialogComponent, SlickDialogFooterComponent] });
+/** @nocollapse */ SlickDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDialogModule, providers: [SlickDialogService], imports: [CommonModule, AngularDraggableModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AngularDraggableModule],
@@ -1930,10 +1939,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickConfirmDialogModule {
 }
-/** @nocollapse */ SlickConfirmDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickConfirmDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickConfirmDialogModule, declarations: [SlickConfirmDialogComponent], imports: [SlickDialogModule, CommonModule], exports: [SlickConfirmDialogComponent] });
-/** @nocollapse */ SlickConfirmDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickConfirmDialogModule, imports: [[SlickDialogModule, CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickConfirmDialogModule, decorators: [{
+/** @nocollapse */ SlickConfirmDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickConfirmDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickConfirmDialogModule, declarations: [SlickConfirmDialogComponent], imports: [SlickDialogModule, CommonModule], exports: [SlickConfirmDialogComponent] });
+/** @nocollapse */ SlickConfirmDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickConfirmDialogModule, imports: [SlickDialogModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickConfirmDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SlickDialogModule, CommonModule],
@@ -1948,9 +1957,9 @@ class SlickContainerComponent {
         this.uuid = SlickUtilsService.newGuid();
     }
 }
-/** @nocollapse */ SlickContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickContainerComponent, selector: "slick-container", inputs: { maxHeight: "maxHeight", padding: "padding" }, ngImport: i0, template: "<div #slickContainerDivRef id=\"slick-container_{{uuid}}\" class=\"slick-container\" [ngClass]=\"{ 'slick-container-padding': padding === true }\" [style.minHeight]=\"maxHeight\" [style.maxHeight]=\"maxHeight\">\r\n\t<ng-content select=\"slick-container-header\"></ng-content>\r\n\t<ng-content select=\"slick-container-body\"></ng-content>\r\n\t<ng-content select=\"slick-container-footer\"></ng-content>\r\n</div>\r\n\r\n", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerComponent, decorators: [{
+/** @nocollapse */ SlickContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickContainerComponent, selector: "slick-container", inputs: { maxHeight: "maxHeight", padding: "padding" }, ngImport: i0, template: "<div #slickContainerDivRef id=\"slick-container_{{uuid}}\" class=\"slick-container\" [ngClass]=\"{ 'slick-container-padding': padding === true }\" [style.minHeight]=\"maxHeight\" [style.maxHeight]=\"maxHeight\">\r\n\t<ng-content select=\"slick-container-header\"></ng-content>\r\n\t<ng-content select=\"slick-container-body\"></ng-content>\r\n\t<ng-content select=\"slick-container-footer\"></ng-content>\r\n</div>\r\n\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-container', template: "<div #slickContainerDivRef id=\"slick-container_{{uuid}}\" class=\"slick-container\" [ngClass]=\"{ 'slick-container-padding': padding === true }\" [style.minHeight]=\"maxHeight\" [style.maxHeight]=\"maxHeight\">\r\n\t<ng-content select=\"slick-container-header\"></ng-content>\r\n\t<ng-content select=\"slick-container-body\"></ng-content>\r\n\t<ng-content select=\"slick-container-footer\"></ng-content>\r\n</div>\r\n\r\n" }]
         }], propDecorators: { maxHeight: [{
@@ -1964,9 +1973,9 @@ class SlickContainerHeaderComponent {
         this.slickContainerHeader = 'slick-container-header';
     }
 }
-/** @nocollapse */ SlickContainerHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickContainerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickContainerHeaderComponent, selector: "slick-container-header", host: { properties: { "class": "this.slickContainerHeader" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerHeaderComponent, decorators: [{
+/** @nocollapse */ SlickContainerHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickContainerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickContainerHeaderComponent, selector: "slick-container-header", host: { properties: { "class": "this.slickContainerHeader" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'slick-container-header',
@@ -1983,9 +1992,9 @@ class SlickContainerBodyComponent {
         this.overflowY = 'auto';
     }
 }
-/** @nocollapse */ SlickContainerBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickContainerBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickContainerBodyComponent, selector: "slick-container-body", host: { properties: { "class": "this.flex", "style.overflowY": "this.overflowY" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerBodyComponent, decorators: [{
+/** @nocollapse */ SlickContainerBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickContainerBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickContainerBodyComponent, selector: "slick-container-body", host: { properties: { "class": "this.flex", "style.overflowY": "this.overflowY" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerBodyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'slick-container-body',
@@ -2004,9 +2013,9 @@ class SlickContainerFooterComponent {
         this.slickContainerFooter = 'slick-container-footer';
     }
 }
-/** @nocollapse */ SlickContainerFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickContainerFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickContainerFooterComponent, selector: "slick-container-footer", host: { properties: { "class": "this.slickContainerFooter" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerFooterComponent, decorators: [{
+/** @nocollapse */ SlickContainerFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickContainerFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickContainerFooterComponent, selector: "slick-container-footer", host: { properties: { "class": "this.slickContainerFooter" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'slick-container-footer',
@@ -2019,10 +2028,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickContainerModule {
 }
-/** @nocollapse */ SlickContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerModule, declarations: [SlickContainerComponent, SlickContainerHeaderComponent, SlickContainerBodyComponent, SlickContainerFooterComponent], imports: [CommonModule], exports: [CommonModule, SlickContainerComponent, SlickContainerHeaderComponent, SlickContainerBodyComponent, SlickContainerFooterComponent] });
-/** @nocollapse */ SlickContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerModule, imports: [[CommonModule], CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContainerModule, decorators: [{
+/** @nocollapse */ SlickContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerModule, declarations: [SlickContainerComponent, SlickContainerHeaderComponent, SlickContainerBodyComponent, SlickContainerFooterComponent], imports: [CommonModule], exports: [CommonModule, SlickContainerComponent, SlickContainerHeaderComponent, SlickContainerBodyComponent, SlickContainerFooterComponent] });
+/** @nocollapse */ SlickContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerModule, imports: [CommonModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContainerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -2033,9 +2042,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickContextMenuItemComponent {
 }
-/** @nocollapse */ SlickContextMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContextMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickContextMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickContextMenuItemComponent, selector: "slick-context-menu-item", ngImport: i0, template: `<div class="dropdown-item"><ng-content></ng-content></div>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContextMenuItemComponent, decorators: [{
+/** @nocollapse */ SlickContextMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContextMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickContextMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickContextMenuItemComponent, selector: "slick-context-menu-item", ngImport: i0, template: `<div class="dropdown-item"><ng-content></ng-content></div>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContextMenuItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "slick-context-menu-item",
@@ -2070,9 +2079,9 @@ class SlickContextMenuComponent {
         });
     }
 }
-/** @nocollapse */ SlickContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickContextMenuComponent, selector: "slick-context-menu", host: { listeners: { "document:click": "onClick($event.target)", "document:mousedown": "onRightClick($event)" } }, viewQueries: [{ propertyName: "slickContextMenuRef", first: true, predicate: ["slickContextMenuRef"], descendants: true }, { propertyName: "slickContextMenuDropdownMenuRef", first: true, predicate: ["slickContextMenuDropdownMenuRef"], descendants: true }], ngImport: i0, template: "<div #slickContextMenuRef class=\"slick-context-menu\">\r\n\t<div #slickContextMenuDropdownMenuRef class=\"dropdown-menu show\">\r\n\t\t<ng-content select=\"slick-context-menu-item\"></ng-content>\r\n\t</div>\r\n</div>\r\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContextMenuComponent, decorators: [{
+/** @nocollapse */ SlickContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickContextMenuComponent, selector: "slick-context-menu", host: { listeners: { "document:click": "onClick($event.target)", "document:mousedown": "onRightClick($event)" } }, viewQueries: [{ propertyName: "slickContextMenuRef", first: true, predicate: ["slickContextMenuRef"], descendants: true }, { propertyName: "slickContextMenuDropdownMenuRef", first: true, predicate: ["slickContextMenuDropdownMenuRef"], descendants: true }], ngImport: i0, template: "<div #slickContextMenuRef class=\"slick-context-menu\">\r\n\t<div #slickContextMenuDropdownMenuRef class=\"dropdown-menu show\">\r\n\t\t<ng-content select=\"slick-context-menu-item\"></ng-content>\r\n\t</div>\r\n</div>\r\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContextMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: "slick-context-menu", template: "<div #slickContextMenuRef class=\"slick-context-menu\">\r\n\t<div #slickContextMenuDropdownMenuRef class=\"dropdown-menu show\">\r\n\t\t<ng-content select=\"slick-context-menu-item\"></ng-content>\r\n\t</div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { slickContextMenuRef: [{
@@ -2091,10 +2100,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickContextMenuModule {
 }
-/** @nocollapse */ SlickContextMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickContextMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContextMenuModule, declarations: [SlickContextMenuComponent, SlickContextMenuItemComponent], imports: [CommonModule], exports: [SlickContextMenuComponent, SlickContextMenuItemComponent, CommonModule] });
-/** @nocollapse */ SlickContextMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContextMenuModule, imports: [[CommonModule], CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickContextMenuModule, decorators: [{
+/** @nocollapse */ SlickContextMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickContextMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickContextMenuModule, declarations: [SlickContextMenuComponent, SlickContextMenuItemComponent], imports: [CommonModule], exports: [SlickContextMenuComponent, SlickContextMenuItemComponent, CommonModule] });
+/** @nocollapse */ SlickContextMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContextMenuModule, imports: [CommonModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickContextMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -2317,15 +2326,15 @@ class SlickCurrencyMaskDirective {
         this.el.nativeElement.value = textboxVal;
     }
 }
-/** @nocollapse */ SlickCurrencyMaskDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCurrencyMaskDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ SlickCurrencyMaskDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SlickCurrencyMaskDirective, selector: "[slick-currency-mask]", inputs: { slickCurrencyMask: ["slick-currency-mask", "slickCurrencyMask"] }, providers: [
+/** @nocollapse */ SlickCurrencyMaskDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCurrencyMaskDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ SlickCurrencyMaskDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: SlickCurrencyMaskDirective, selector: "[slick-currency-mask]", inputs: { slickCurrencyMask: ["slick-currency-mask", "slickCurrencyMask"] }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickCurrencyMaskDirective)),
             multi: true,
         }
     ], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCurrencyMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCurrencyMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slick-currency-mask]',
@@ -2344,10 +2353,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickCurrencyMaskModule {
 }
-/** @nocollapse */ SlickCurrencyMaskModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCurrencyMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickCurrencyMaskModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCurrencyMaskModule, declarations: [SlickCurrencyMaskDirective], exports: [SlickCurrencyMaskDirective] });
-/** @nocollapse */ SlickCurrencyMaskModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCurrencyMaskModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickCurrencyMaskModule, decorators: [{
+/** @nocollapse */ SlickCurrencyMaskModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCurrencyMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickCurrencyMaskModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickCurrencyMaskModule, declarations: [SlickCurrencyMaskDirective], exports: [SlickCurrencyMaskDirective] });
+/** @nocollapse */ SlickCurrencyMaskModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCurrencyMaskModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickCurrencyMaskModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -2579,15 +2588,15 @@ class SlickDatePickerComponent {
         (this.showDatePicker === true) ? this.hideCalendar() : this.showCalendar();
     }
 }
-/** @nocollapse */ SlickDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDatePickerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickDatePickerComponent, selector: "[slick-date-picker]", inputs: { slickDatePicker: ["slick-date-picker", "slickDatePicker"], format: ["slick-date-picker-format", "format"], condensed: ["slick-date-picker-condensed", "condensed"], mobile: ["slick-date-picker-mobile", "mobile"] }, outputs: { onDateChange: "onDateChange" }, host: { listeners: { "keydown": "onKeydown($event)", "focus": "onFocus($event)", "blur": "onBlur($event,$event.target)" } }, providers: [
+/** @nocollapse */ SlickDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDatePickerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickDatePickerComponent, selector: "[slick-date-picker]", inputs: { slickDatePicker: ["slick-date-picker", "slickDatePicker"], format: ["slick-date-picker-format", "format"], condensed: ["slick-date-picker-condensed", "condensed"], mobile: ["slick-date-picker-mobile", "mobile"] }, outputs: { onDateChange: "onDateChange" }, host: { listeners: { "keydown": "onKeydown($event)", "focus": "onFocus($event)", "blur": "onBlur($event,$event.target)" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickDatePickerComponent)),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\r\n<div *ngIf=\"mobile === false\" #containerRef class=\"slick-date-picker-container\" [style.left]=\"left\" [style.top]=\"top\" [style.visibility]=\"datePickerVisiblity\" [style.opacity]=\"datePickerOpacity\">\r\n\t<slick-calendar [ngModel]=\"selectedDate\" [condensed]=\"condensed\" (onDateSelect)=\"onDateSelect($event)\"></slick-calendar>\r\n</div>\r\n<div *ngIf=\"mobile === true\" #containerRef class=\"slick-date-picker-mobile-container\" [style.visibility]=\"datePickerVisiblity\" [style.opacity]=\"datePickerOpacity\">\r\n\t<div class=\"slick-date-picker-mobile-calendar\">\r\n\t\t<slick-calendar [ngModel]=\"selectedDate\" [condensed]=\"condensed\" (onDateSelect)=\"onDateSelect($event)\"></slick-calendar>\r\n\t</div>\r\n</div>\r\n", components: [{ type: SlickCalendarComponent, selector: "slick-calendar", inputs: ["condensed", "monthsToShow", "inactiveDates", "inactiveWeekends", "showDaysNotInMonth", "multiSelect", "multiSelectDates"], outputs: ["multiSelectDatesChange", "onDateSelect", "onDateChange", "onMonthChange", "onMultiDateChange"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDatePickerComponent, decorators: [{
+    ], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\r\n<div *ngIf=\"mobile === false\" #containerRef class=\"slick-date-picker-container\" [style.left]=\"left\" [style.top]=\"top\" [style.visibility]=\"datePickerVisiblity\" [style.opacity]=\"datePickerOpacity\">\r\n\t<slick-calendar [ngModel]=\"selectedDate\" [condensed]=\"condensed\" (onDateSelect)=\"onDateSelect($event)\"></slick-calendar>\r\n</div>\r\n<div *ngIf=\"mobile === true\" #containerRef class=\"slick-date-picker-mobile-container\" [style.visibility]=\"datePickerVisiblity\" [style.opacity]=\"datePickerOpacity\">\r\n\t<div class=\"slick-date-picker-mobile-calendar\">\r\n\t\t<slick-calendar [ngModel]=\"selectedDate\" [condensed]=\"condensed\" (onDateSelect)=\"onDateSelect($event)\"></slick-calendar>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickCalendarComponent, selector: "slick-calendar", inputs: ["condensed", "monthsToShow", "monthsToIncrement", "inactiveDates", "inactiveWeekends", "showDaysNotInMonth", "multiSelect", "multiSelectDates"], outputs: ["multiSelectDatesChange", "onDateSelect", "onDateChange", "onMonthChange", "onMultiDateChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: '[slick-date-picker]', providers: [
                         {
@@ -2627,10 +2636,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickDatePickerModule {
 }
-/** @nocollapse */ SlickDatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickDatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDatePickerModule, declarations: [SlickDatePickerComponent], imports: [CommonModule, FormsModule, SlickCalendarModule], exports: [SlickDatePickerComponent, SlickCalendarModule] });
-/** @nocollapse */ SlickDatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDatePickerModule, imports: [[CommonModule, FormsModule, SlickCalendarModule], SlickCalendarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDatePickerModule, decorators: [{
+/** @nocollapse */ SlickDatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickDatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickDatePickerModule, declarations: [SlickDatePickerComponent], imports: [CommonModule, FormsModule, SlickCalendarModule], exports: [SlickDatePickerComponent, SlickCalendarModule] });
+/** @nocollapse */ SlickDatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDatePickerModule, imports: [CommonModule, FormsModule, SlickCalendarModule, SlickCalendarModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, SlickCalendarModule],
@@ -2641,9 +2650,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickDragDropDirective {
 }
-/** @nocollapse */ SlickDragDropDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDragDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ SlickDragDropDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SlickDragDropDirective, selector: "[slick-drag-drop]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDragDropDirective, decorators: [{
+/** @nocollapse */ SlickDragDropDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDragDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ SlickDragDropDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: SlickDragDropDirective, selector: "[slick-drag-drop]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDragDropDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slick-drag-drop]'
@@ -2652,9 +2661,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickDraggableDirective {
 }
-/** @nocollapse */ SlickDraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDraggableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ SlickDraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SlickDraggableDirective, selector: "[slick-draggable]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDraggableDirective, decorators: [{
+/** @nocollapse */ SlickDraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDraggableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ SlickDraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: SlickDraggableDirective, selector: "[slick-draggable]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDraggableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slick-draggable]'
@@ -2663,10 +2672,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickDragDropModule {
 }
-/** @nocollapse */ SlickDragDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickDragDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDragDropModule, declarations: [SlickDragDropDirective, SlickDraggableDirective], imports: [CommonModule], exports: [SlickDragDropDirective, SlickDraggableDirective] });
-/** @nocollapse */ SlickDragDropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDragDropModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDragDropModule, decorators: [{
+/** @nocollapse */ SlickDragDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickDragDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickDragDropModule, declarations: [SlickDragDropDirective, SlickDraggableDirective], imports: [CommonModule], exports: [SlickDragDropDirective, SlickDraggableDirective] });
+/** @nocollapse */ SlickDragDropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDragDropModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDragDropModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -2721,9 +2730,9 @@ class SlickValidationIndicatorDirective {
         }
     }
 }
-/** @nocollapse */ SlickValidationIndicatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickValidationIndicatorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ SlickValidationIndicatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SlickValidationIndicatorDirective, selector: "[slick-validation-indicator]", inputs: { isValid: ["slick-validation-indicator", "isValid"], validationType: ["slickValidationType", "validationType"] }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickValidationIndicatorDirective, decorators: [{
+/** @nocollapse */ SlickValidationIndicatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickValidationIndicatorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ SlickValidationIndicatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: SlickValidationIndicatorDirective, selector: "[slick-validation-indicator]", inputs: { isValid: ["slick-validation-indicator", "isValid"], validationType: ["slickValidationType", "validationType"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickValidationIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slick-validation-indicator]'
@@ -2738,10 +2747,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickValidationIndicatorModule {
 }
-/** @nocollapse */ SlickValidationIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickValidationIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickValidationIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickValidationIndicatorModule, declarations: [SlickValidationIndicatorDirective], imports: [CommonModule], exports: [CommonModule, SlickValidationIndicatorDirective] });
-/** @nocollapse */ SlickValidationIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickValidationIndicatorModule, imports: [[CommonModule], CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickValidationIndicatorModule, decorators: [{
+/** @nocollapse */ SlickValidationIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickValidationIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickValidationIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickValidationIndicatorModule, declarations: [SlickValidationIndicatorDirective], imports: [CommonModule], exports: [CommonModule, SlickValidationIndicatorDirective] });
+/** @nocollapse */ SlickValidationIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickValidationIndicatorModule, imports: [CommonModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickValidationIndicatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -2795,9 +2804,9 @@ class SlickDropDownService {
         return items.findIndex((item) => { return item.id === selectedId; });
     }
 }
-/** @nocollapse */ SlickDropDownService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropDownService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickDropDownService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropDownService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropDownService, decorators: [{
+/** @nocollapse */ SlickDropDownService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropDownService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickDropDownService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropDownService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropDownService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
 
@@ -2815,9 +2824,9 @@ class SlickLogService {
     }
     ;
 }
-/** @nocollapse */ SlickLogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickLogService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickLogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickLogService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickLogService, decorators: [{
+/** @nocollapse */ SlickLogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickLogService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickLogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickLogService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickLogService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
 
@@ -3212,14 +3221,14 @@ class SlickDropDownComponent {
         }
     }
 }
-/** @nocollapse */ SlickDropDownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropDownComponent, deps: [{ token: SlickDropDownService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickDropDownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickDropDownComponent, selector: "slick-drop-down", inputs: { placeholder: "placeholder", items: "items", idFieldName: "idFieldName", textFieldName: "textFieldName", compact: "compact", disabled: "disabled", allowEmpty: "allowEmpty", getUrl: "getUrl", width: "width", listWidth: "listWidth", height: "height", showLoadingMessage: "showLoadingMessage", showDebug: "showDebug", tabindex: "tabindex", validationIndicator: "validationIndicator", validationIndicatorType: "validationIndicatorType", attachTo: "attachTo", searchType: "searchType", appendButtons: "appendButtons", prependButtons: "prependButtons", isMobile: "isMobile", cssClass: "cssClass" }, outputs: { onExpand: "onExpand", onSelect: "onSelect", onChange: "onChange" }, providers: [SlickDropDownService, SlickLogService,
+/** @nocollapse */ SlickDropDownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropDownComponent, deps: [{ token: SlickDropDownService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickDropDownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickDropDownComponent, selector: "slick-drop-down", inputs: { placeholder: "placeholder", items: "items", idFieldName: "idFieldName", textFieldName: "textFieldName", compact: "compact", disabled: "disabled", allowEmpty: "allowEmpty", getUrl: "getUrl", width: "width", listWidth: "listWidth", height: "height", showLoadingMessage: "showLoadingMessage", showDebug: "showDebug", tabindex: "tabindex", validationIndicator: "validationIndicator", validationIndicatorType: "validationIndicatorType", attachTo: "attachTo", searchType: "searchType", appendButtons: "appendButtons", prependButtons: "prependButtons", isMobile: "isMobile", cssClass: "cssClass" }, outputs: { onExpand: "onExpand", onSelect: "onSelect", onChange: "onChange" }, providers: [SlickDropDownService, SlickLogService,
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickDropDownComponent)),
             multi: true,
-        }], viewQueries: [{ propertyName: "containerDiv", first: true, predicate: ["containerDiv"], descendants: true }, { propertyName: "dropdownList", first: true, predicate: ["dropdownList"], descendants: true }, { propertyName: "selectedTextInputRef", first: true, predicate: ["selectedTextInputRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerDiv id=\"slick-drop-down_{{uuid}}\" attr.data-uuid=\"{{uuid}}\" [className]=\"'slick-drop-down ' + (cssClass || '')\" [class.open]=\"expanded\">\r\n\t<div *ngIf=\"compact === false\">\r\n        <div *ngIf=\"!disabled\" class='input-group' style=\"cursor: pointer !important\" (click)=\"onDropdownClicked()\">\r\n            <ng-container *ngIf=\"prependButtons && prependButtons.length > 0\">\r\n                <div class=\"input-group-prepend\">\r\n                    <ng-container *ngFor=\"let btn of prependButtons\">\r\n                        <button type=\"button\" class=\"input-group-text btn btn-primary badge-primary\" [disabled]=\"btn.disabled\" (click)=\"handleCustomButtonClick(btn.onClick, $event)\" style=\"margin-right: 2px; border-right: none;\">\r\n                            <i class=\"fas {{ btn.faClass }}\"></i>\r\n                        </button>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            <input *ngIf=\"validationIndicatorType\" [slick-validation-indicator]=\"validationIndicator\" [slickValidationType]=\"validationIndicatorType\" #selectedTextInputRef class='form-control' style='background: white; cursor: pointer' [(ngModel)]=\"selectedText\" [attr.tabindex]=\"tabindex\" (keyup)=\"onKeyUp($event)\" (keydown)=\"onKeyDown($event)\" (focus)=\"onFocus()\" [readonly]=\"!isMobile\" [placeholder]='placeholder' />\r\n            <input *ngIf=\"!validationIndicatorType\" #selectedTextInputRef class='form-control' style='background: white; cursor: pointer' [(ngModel)]=\"selectedText\" [attr.tabindex]=\"tabindex\" (keyup)=\"onKeyUp($event)\" (keydown)=\"onKeyDown($event)\" (focus)=\"onFocus()\" [readonly]=\"!isMobile\" [placeholder]='placeholder' />\r\n            <div tabindex=\"-1\" class=\"input-group-append\">\r\n                <span class=\"input-group-text btn-primary badge-primary\"><i class='fas fa-chevron-down'></i></span>\r\n            </div>\r\n            <ng-container *ngIf=\"appendButtons && appendButtons.length > 0\">\r\n                <div class=\"input-group-append\" style=\"margin-left: 0px;\">\r\n                    <ng-container *ngFor=\"let btn of appendButtons\">\r\n                        <button type=\"button\" class=\"input-group-text btn btn-primary badge-primary\" [disabled]=\"btn.disabled\" (click)=\"handleCustomButtonClick(btn.onClick, $event)\" style=\"margin-left: 1px; border-left: none;\">\r\n                            <i class=\"fas {{ btn.faClass }}\"></i>\r\n                        </button>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n\r\n\t\t<div *ngIf=\"disabled === true\" class='input-group'>\r\n\t\t\t<input #selectedTextInputRef style='cursor: default' [(ngModel)]=\"selectedText\" disabled=\"disabled\" readonly class='form-control' [placeholder]='placeholder' />\r\n\t\t\t<div tabindex=\"-1\" class=\"input-group-append disabled\">\r\n\t\t\t\t<span class=\"input-group-text text-muted\"><i class='fas fa-chevron-down'></i></span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div  [className]=\"'slick-drop-down-compact ' + (cssClass || '')\" *ngIf=\"compact === true\">\r\n\t\t<div *ngIf=\"disabled === false\" style=\"cursor: pointer !important\" (click)=\"onDropdownClicked()\">\r\n\t\t\t<input #selectedTextInputRef class=\"text-body\" [attr.tabindex]=\"tabindex\" [(ngModel)]=\"selectedText\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus()\" ng-disabled='disabled' readonly [placeholder]='placeholder' />\r\n\t\t\t<div class=\"slick-drop-down-compact-arrow\" tabindex=\"-1\" style=\"position: relative; top: -1px;\"><i class='fas fa-chevron-down'></i></div>\r\n\t\t</div>\r\n\r\n\t\t<div *ngIf=\"disabled === true\" style=\"text-align: right;\">\r\n\t\t\t<div *ngIf='selectedText' style=\"text-align: right;\">{{selectedText}}</div>\r\n\t\t\t<div *ngIf=\"!selectedText\" style=\"text-align: right;\">{{placeholder}}</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<ul *ngIf=\"isVisible\" #dropdownList id=\"slick-drop-down_{{uuid}}\" class='slick-drop-down-list-group dropdown-menu' [style.width]=\"listGroupWidth\" [style.visibility]=\"(expanded === true) ? 'visible' : 'hidden'\" [style.opacity]=\"(expanded === true) ? '1' : '0'\" [style.max-height]=\"height\" [style.width.px]=\"listGroupWidth\" [style.left.px]=\"left\" [style.top.px]=\"top\">\r\n\t\t<li *ngFor=\"let item of visibleItems; let index = index;\" (click)=\"onItemClick(item)\" [class.active]=\"item.id === selectedItem?.id\" [class.card-header]=\"selectedIndex === index\" class=\"dropdown-item\">{{item.text}}</li>\r\n\t</ul>\r\n\r\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: SlickValidationIndicatorDirective, selector: "[slick-validation-indicator]", inputs: ["slick-validation-indicator", "slickValidationType"] }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropDownComponent, decorators: [{
+        }], viewQueries: [{ propertyName: "containerDiv", first: true, predicate: ["containerDiv"], descendants: true }, { propertyName: "dropdownList", first: true, predicate: ["dropdownList"], descendants: true }, { propertyName: "selectedTextInputRef", first: true, predicate: ["selectedTextInputRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerDiv id=\"slick-drop-down_{{uuid}}\" attr.data-uuid=\"{{uuid}}\" [className]=\"'slick-drop-down ' + (cssClass || '')\" [class.open]=\"expanded\">\r\n\t<div *ngIf=\"compact === false\">\r\n        <div *ngIf=\"!disabled\" class='input-group' style=\"cursor: pointer !important\" (click)=\"onDropdownClicked()\">\r\n            <ng-container *ngIf=\"prependButtons && prependButtons.length > 0\">\r\n                <div class=\"input-group-prepend\">\r\n                    <ng-container *ngFor=\"let btn of prependButtons\">\r\n                        <button type=\"button\" class=\"input-group-text btn btn-primary badge-primary\" [disabled]=\"btn.disabled\" (click)=\"handleCustomButtonClick(btn.onClick, $event)\" style=\"margin-right: 2px; border-right: none;\">\r\n                            <i class=\"fas {{ btn.faClass }}\"></i>\r\n                        </button>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            <input *ngIf=\"validationIndicatorType\" [slick-validation-indicator]=\"validationIndicator\" [slickValidationType]=\"validationIndicatorType\" #selectedTextInputRef class='form-control' style='background: white; cursor: pointer' [(ngModel)]=\"selectedText\" [attr.tabindex]=\"tabindex\" (keyup)=\"onKeyUp($event)\" (keydown)=\"onKeyDown($event)\" (focus)=\"onFocus()\" [readonly]=\"!isMobile\" [placeholder]='placeholder' />\r\n            <input *ngIf=\"!validationIndicatorType\" #selectedTextInputRef class='form-control' style='background: white; cursor: pointer' [(ngModel)]=\"selectedText\" [attr.tabindex]=\"tabindex\" (keyup)=\"onKeyUp($event)\" (keydown)=\"onKeyDown($event)\" (focus)=\"onFocus()\" [readonly]=\"!isMobile\" [placeholder]='placeholder' />\r\n            <div tabindex=\"-1\" class=\"input-group-append\">\r\n                <span class=\"input-group-text btn-primary badge-primary\"><i class='fas fa-chevron-down'></i></span>\r\n            </div>\r\n            <ng-container *ngIf=\"appendButtons && appendButtons.length > 0\">\r\n                <div class=\"input-group-append\" style=\"margin-left: 0px;\">\r\n                    <ng-container *ngFor=\"let btn of appendButtons\">\r\n                        <button type=\"button\" class=\"input-group-text btn btn-primary badge-primary\" [disabled]=\"btn.disabled\" (click)=\"handleCustomButtonClick(btn.onClick, $event)\" style=\"margin-left: 1px; border-left: none;\">\r\n                            <i class=\"fas {{ btn.faClass }}\"></i>\r\n                        </button>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n\r\n\t\t<div *ngIf=\"disabled === true\" class='input-group'>\r\n\t\t\t<input #selectedTextInputRef style='cursor: default' [(ngModel)]=\"selectedText\" disabled=\"disabled\" readonly class='form-control' [placeholder]='placeholder' />\r\n\t\t\t<div tabindex=\"-1\" class=\"input-group-append disabled\">\r\n\t\t\t\t<span class=\"input-group-text text-muted\"><i class='fas fa-chevron-down'></i></span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div  [className]=\"'slick-drop-down-compact ' + (cssClass || '')\" *ngIf=\"compact === true\">\r\n\t\t<div *ngIf=\"disabled === false\" style=\"cursor: pointer !important\" (click)=\"onDropdownClicked()\">\r\n\t\t\t<input #selectedTextInputRef class=\"text-body\" [attr.tabindex]=\"tabindex\" [(ngModel)]=\"selectedText\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus()\" ng-disabled='disabled' readonly [placeholder]='placeholder' />\r\n\t\t\t<div class=\"slick-drop-down-compact-arrow\" tabindex=\"-1\" style=\"position: relative; top: -1px;\"><i class='fas fa-chevron-down'></i></div>\r\n\t\t</div>\r\n\r\n\t\t<div *ngIf=\"disabled === true\" style=\"text-align: right;\">\r\n\t\t\t<div *ngIf='selectedText' style=\"text-align: right;\">{{selectedText}}</div>\r\n\t\t\t<div *ngIf=\"!selectedText\" style=\"text-align: right;\">{{placeholder}}</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<ul *ngIf=\"isVisible\" #dropdownList id=\"slick-drop-down_{{uuid}}\" class='slick-drop-down-list-group dropdown-menu' [style.width]=\"listGroupWidth\" [style.visibility]=\"(expanded === true) ? 'visible' : 'hidden'\" [style.opacity]=\"(expanded === true) ? '1' : '0'\" [style.max-height]=\"height\" [style.width.px]=\"listGroupWidth\" [style.left.px]=\"left\" [style.top.px]=\"top\">\r\n\t\t<li *ngFor=\"let item of visibleItems; let index = index;\" (click)=\"onItemClick(item)\" [class.active]=\"item.id === selectedItem?.id\" [class.card-header]=\"selectedIndex === index\" class=\"dropdown-item\">{{item.text}}</li>\r\n\t</ul>\r\n\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SlickValidationIndicatorDirective, selector: "[slick-validation-indicator]", inputs: ["slick-validation-indicator", "slickValidationType"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropDownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-drop-down', providers: [SlickDropDownService, SlickLogService,
                         {
@@ -3298,10 +3307,10 @@ class SlickDropDownButtonModel {
 
 class SlickDropDownModule {
 }
-/** @nocollapse */ SlickDropDownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropDownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickDropDownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropDownModule, declarations: [SlickDropDownComponent], imports: [CommonModule, FormsModule, HttpClientModule, SlickValidationIndicatorModule], exports: [SlickDropDownComponent] });
-/** @nocollapse */ SlickDropDownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropDownModule, providers: [HttpClientModule], imports: [[CommonModule, FormsModule, HttpClientModule, SlickValidationIndicatorModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropDownModule, decorators: [{
+/** @nocollapse */ SlickDropDownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropDownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickDropDownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickDropDownModule, declarations: [SlickDropDownComponent], imports: [CommonModule, FormsModule, HttpClientModule, SlickValidationIndicatorModule], exports: [SlickDropDownComponent] });
+/** @nocollapse */ SlickDropDownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropDownModule, providers: [HttpClientModule], imports: [CommonModule, FormsModule, HttpClientModule, SlickValidationIndicatorModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropDownModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, HttpClientModule, SlickValidationIndicatorModule],
@@ -3505,9 +3514,9 @@ class SlickDropListDirective {
         });
     }
 }
-/** @nocollapse */ SlickDropListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropListDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ SlickDropListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SlickDropListDirective, selector: "[slick-drop-list]", outputs: { onSlickDropListReorder: "onSlickDropListReorder", onSlickDropListEnter: "onSlickDropListEnter", onSlickDropListLeave: "onSlickDropListLeave" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropListDirective, decorators: [{
+/** @nocollapse */ SlickDropListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropListDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ SlickDropListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: SlickDropListDirective, selector: "[slick-drop-list]", outputs: { onSlickDropListReorder: "onSlickDropListReorder", onSlickDropListEnter: "onSlickDropListEnter", onSlickDropListLeave: "onSlickDropListLeave" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slick-drop-list]'
@@ -3530,9 +3539,9 @@ class SlickDropListItemDirective {
             dropListEl.classList.add("slick-drop-list-item");
     }
 }
-/** @nocollapse */ SlickDropListItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropListItemDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ SlickDropListItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SlickDropListItemDirective, selector: "[slick-drop-list-item]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropListItemDirective, decorators: [{
+/** @nocollapse */ SlickDropListItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropListItemDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ SlickDropListItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: SlickDropListItemDirective, selector: "[slick-drop-list-item]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slick-drop-list-item]'
@@ -3546,9 +3555,9 @@ class SlickDropListGrabDirective {
             dropListEl.classList.add("slick-drop-list-grab");
     }
 }
-/** @nocollapse */ SlickDropListGrabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropListGrabDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ SlickDropListGrabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SlickDropListGrabDirective, selector: "[slick-drop-list-grab]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropListGrabDirective, decorators: [{
+/** @nocollapse */ SlickDropListGrabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropListGrabDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ SlickDropListGrabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: SlickDropListGrabDirective, selector: "[slick-drop-list-grab]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropListGrabDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slick-drop-list-grab]'
@@ -3557,10 +3566,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickDropListModule {
 }
-/** @nocollapse */ SlickDropListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickDropListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropListModule, declarations: [SlickDropListDirective, SlickDropListItemDirective, SlickDropListGrabDirective], imports: [CommonModule], exports: [SlickDropListDirective, SlickDropListItemDirective, SlickDropListGrabDirective] });
-/** @nocollapse */ SlickDropListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropListModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickDropListModule, decorators: [{
+/** @nocollapse */ SlickDropListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickDropListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickDropListModule, declarations: [SlickDropListDirective, SlickDropListItemDirective, SlickDropListGrabDirective], imports: [CommonModule], exports: [SlickDropListDirective, SlickDropListItemDirective, SlickDropListGrabDirective] });
+/** @nocollapse */ SlickDropListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropListModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickDropListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -3690,9 +3699,9 @@ class SlickFileDropComponent {
         });
     }
 }
-/** @nocollapse */ SlickFileDropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileDropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickFileDropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickFileDropComponent, selector: "slick-file-drop", inputs: { displayText: "displayText" }, outputs: { filesChangedEmitter: "filesChanged" }, host: { listeners: { "click": "onClick($event)", "drop": "onDrop($event)", "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<p #containerRef id=\"slick-file-drop_{{uuid}}\" class=\"slick-file-drop card\">\r\n\t{{displayText}}\r\n</p>\r\n<input type=\"file\" #fileInput style=\"display: none\" multiple />\r\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileDropComponent, decorators: [{
+/** @nocollapse */ SlickFileDropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileDropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickFileDropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickFileDropComponent, selector: "slick-file-drop", inputs: { displayText: "displayText" }, outputs: { filesChangedEmitter: "filesChanged" }, host: { listeners: { "click": "onClick($event)", "drop": "onDrop($event)", "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<p #containerRef id=\"slick-file-drop_{{uuid}}\" class=\"slick-file-drop card\">\r\n\t{{displayText}}\r\n</p>\r\n<input type=\"file\" #fileInput style=\"display: none\" multiple />\r\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileDropComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-file-drop', template: "<p #containerRef id=\"slick-file-drop_{{uuid}}\" class=\"slick-file-drop card\">\r\n\t{{displayText}}\r\n</p>\r\n<input type=\"file\" #fileInput style=\"display: none\" multiple />\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { displayText: [{
@@ -3726,10 +3735,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickFileDropModule {
 }
-/** @nocollapse */ SlickFileDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickFileDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileDropModule, declarations: [SlickFileDropComponent], imports: [CommonModule, FormsModule], exports: [CommonModule, FormsModule, SlickFileDropComponent] });
-/** @nocollapse */ SlickFileDropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileDropModule, imports: [[CommonModule, FormsModule], CommonModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileDropModule, decorators: [{
+/** @nocollapse */ SlickFileDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickFileDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickFileDropModule, declarations: [SlickFileDropComponent], imports: [CommonModule, FormsModule], exports: [CommonModule, FormsModule, SlickFileDropComponent] });
+/** @nocollapse */ SlickFileDropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileDropModule, imports: [CommonModule, FormsModule, CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileDropModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule],
@@ -3738,6 +3747,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
                 }]
         }] });
 
+class SlickPhotoGalleryModel {
+}
+
+class SlickPhotoGalleryComponent {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
+        this.isVisible = false;
+        this.isPhotoGalleryVisible = false;
+        this.selectedPhoto = null;
+        this.visibleIndex = 0;
+    }
+    async onResize(e) {
+        if (e.which === 39)
+            this.nextPhoto();
+        else if (e.which === 37)
+            this.previousPhoto();
+        else if (e.which === 27)
+            this.closeWindow();
+    }
+    ngOnDestroy() {
+        // It's fine if this fails.  It just means it was removed elsewhere
+        try {
+            document.body.appendChild(this.containerRef.nativeElement);
+        }
+        catch { }
+    }
+    ngOnChanges(changes) {
+        if (changes.files) {
+            this.photos = [];
+            if (changes.files.currentValue) {
+                this.photos = changes.files.currentValue.map((f) => {
+                    let photoModel = new SlickPhotoGalleryModel();
+                    photoModel.photoUrl = f.base64Image || f.url;
+                    photoModel.title = f.title;
+                    return photoModel;
+                });
+            }
+        }
+    }
+    async showPhotoGallery(visibleIndex = 0) {
+        this.isVisible = true;
+        this.changeDetector.detectChanges();
+        document.body.appendChild(this.containerRef.nativeElement);
+        await SlickSleepService.sleep();
+        this.isPhotoGalleryVisible = true;
+        this.visibleIndex = visibleIndex;
+        if (this.photos && this.photos.length > 0)
+            this.selectedPhoto = this.photos[this.visibleIndex];
+    }
+    hidePhotoGallery() {
+        // It's fine if this fails.  It just means it was removed elsewhere
+        try {
+            document.body.removeChild(this.containerRef.nativeElement);
+        }
+        catch { }
+        this.isVisible = false;
+    }
+    previousPhoto() {
+        if (this.visibleIndex === 0)
+            this.visibleIndex = this.photos.length - 1;
+        else
+            this.visibleIndex--;
+        this.selectedPhoto = this.photos[this.visibleIndex];
+    }
+    nextPhoto() {
+        if (this.visibleIndex === this.photos.length - 1)
+            this.visibleIndex = 0;
+        else
+            this.visibleIndex++;
+        this.selectedPhoto = this.photos[this.visibleIndex];
+    }
+    setPosition(idx) {
+        this.visibleIndex = idx;
+        this.selectedPhoto = this.photos[this.visibleIndex];
+    }
+    closeWindow() {
+        this.hidePhotoGallery();
+    }
+}
+/** @nocollapse */ SlickPhotoGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPhotoGalleryComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickPhotoGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickPhotoGalleryComponent, selector: "slick-photo-gallery", inputs: { photos: "photos", files: "files" }, host: { listeners: { "window:keydown": "onResize($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerRef *ngIf=\"isVisible === true\" class='slick-photo-gallery'>\r\n\t<div class=\"slick-photo-gallery_overlay\" (click)=\"closeWindow()\" [ngClass]=\"{'visible': isPhotoGalleryVisible === true}\"></div>\r\n\t<div class=\"modal-content slick-photo-gallery_content\" style=\"width: 90%; margin-left: 5%;\" *ngIf=\"isPhotoGalleryVisible === true\">\r\n\t\t<div class=\"modal-header slick-photo-gallery_header\"><div class=\"header-right\" (click)='closeWindow()'><i class=\"far fa-times\"></i></div></div>\r\n\t\t<div class=\"modal-body\">\r\n\t\t\t<div *ngIf=\"selectedPhoto\" class='slick-photo-gallery_photo-container'>\r\n\t\t\t\t<img class='slick-photo-gallery_photo' [src]='selectedPhoto.photoUrl' />\r\n\t\t\t</div>\r\n\t\t\t<div (click)='previousPhoto()' class='slick-photo-gallery_previous-photo'><i class='far fa-chevron-left'></i></div>\r\n\t\t\t<div (click)='nextPhoto()' class='slick-photo-gallery_next-photo'><i class='far fa-chevron-right'></i></div>\r\n\t\t\t<!--<div *ngIf=\"photos\" class='slick-photo-gallery_position-indicators'>\r\n\t\t\t\t<i (click)='setPosition(index)' *ngFor='let photo of photos; let index = index' [ngClass]='(index === visibleIndex) ? \"fas fa-circle\" : \"far fa-circle\"'></i>\r\n\t\t\t</div>-->\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPhotoGalleryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "slick-photo-gallery", template: "<div #containerRef *ngIf=\"isVisible === true\" class='slick-photo-gallery'>\r\n\t<div class=\"slick-photo-gallery_overlay\" (click)=\"closeWindow()\" [ngClass]=\"{'visible': isPhotoGalleryVisible === true}\"></div>\r\n\t<div class=\"modal-content slick-photo-gallery_content\" style=\"width: 90%; margin-left: 5%;\" *ngIf=\"isPhotoGalleryVisible === true\">\r\n\t\t<div class=\"modal-header slick-photo-gallery_header\"><div class=\"header-right\" (click)='closeWindow()'><i class=\"far fa-times\"></i></div></div>\r\n\t\t<div class=\"modal-body\">\r\n\t\t\t<div *ngIf=\"selectedPhoto\" class='slick-photo-gallery_photo-container'>\r\n\t\t\t\t<img class='slick-photo-gallery_photo' [src]='selectedPhoto.photoUrl' />\r\n\t\t\t</div>\r\n\t\t\t<div (click)='previousPhoto()' class='slick-photo-gallery_previous-photo'><i class='far fa-chevron-left'></i></div>\r\n\t\t\t<div (click)='nextPhoto()' class='slick-photo-gallery_next-photo'><i class='far fa-chevron-right'></i></div>\r\n\t\t\t<!--<div *ngIf=\"photos\" class='slick-photo-gallery_position-indicators'>\r\n\t\t\t\t<i (click)='setPosition(index)' *ngFor='let photo of photos; let index = index' [ngClass]='(index === visibleIndex) ? \"fas fa-circle\" : \"far fa-circle\"'></i>\r\n\t\t\t</div>-->\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { photos: [{
+                type: Input
+            }], files: [{
+                type: Input
+            }], containerRef: [{
+                type: ViewChild,
+                args: ["containerRef"]
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:keydown', ['$event']]
+            }] } });
+
 const excelExtensions = ['xls', 'xlt', 'xlm', 'xlsx', 'xlsm', 'xltx', 'xltm', 'xlsb', 'xla', 'xlam', 'xll', 'xlw'];
 const wordExtensions = ['doc', 'dot', 'wbk', 'docx', 'docm', 'dotx', 'dotm', 'docb'];
 const pdfExtensions = ['pdf'];
@@ -3853,9 +3958,9 @@ class SlickFileListItemComponent {
         document.removeEventListener("click", this.fnDocumentClick, true);
     }
 }
-/** @nocollapse */ SlickFileListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickFileListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickFileListItemComponent, selector: "slick-file-list-item", inputs: { file: "file", allowDelete: "allowDelete", showPhotoGallery: "showPhotoGallery", showCheckbox: "showCheckbox", thumbnailSize: "thumbnailSize", confirmDelete: "confirmDelete" }, outputs: { fileChangeEmitter: "fileChange", fileDeleteEmitter: "fileDelete", fileClicked: "fileClicked", checkChanged: "checkChanged" }, viewQueries: [{ propertyName: "titleDivRef", first: true, predicate: ["titleDivRef"], descendants: true }, { propertyName: "editTitleDivRef", first: true, predicate: ["editTitleDivRef"], descendants: true }, { propertyName: "editTitleInputRef", first: true, predicate: ["editTitleInputRef"], descendants: true }, { propertyName: "deleteConfirmRef", first: true, predicate: ["deleteConfirmRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-file-list-item\" id=\"slick-file-list-item_{{uuid}}\">\r\n\t<div class=\"slick-file-list-item_img card\" (click)=\"onClick()\" [ngStyle]=\"{ 'cursor': (showPhotoGallery === true) ? 'pointer' : 'default' }\" [style.minHeight.px]=\"itemSize + 2\" [style.minWidth.px]=\"itemSize\">\r\n\t\t<img *ngIf=\"file.thumbnailBase64Image\" [src]=\"file.thumbnailBase64Image\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && file.base64Image\" [src]=\"file.base64Image\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && !file.base64Image && file.thumbnailUrl\" [src]=\"file.thumbnailUrl\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && !file.base64Image && !file.thumbnailUrl && file.url\" [src]=\"file.url\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<i *ngIf=\"allowDelete\" class=\"fas fa-times-circle bg-white text-danger\" (click)=\"deleteFile($event)\"></i>\r\n\t</div>\r\n\t<div class=\"slick-file-list-item_title\" *ngIf=\"fileDateFormatted\" [style.minWidth.px]=\"itemSize\" [style.maxWidth.px]=\"itemSize\">\r\n\t\t<div class=\"slick-file-list-item_date\" *ngIf=\"fileDateFormatted\" [style.minWidth.px]=\"itemSize\">{{fileDateFormatted}}</div>\r\n\t</div>\r\n\t<div class=\"slick-file-list-item_title\" [style.minWidth.px]=\"itemSize\" [style.maxWidth.px]=\"itemSize\">\r\n\t\t<div class=\"slick-file-list-item_display-title\" #titleDivRef style=\"cursor: pointer\" *ngIf=\"!isEditing\" (click)=\"editTitle()\">{{file.title}}</div>\r\n\t\t<div #editTitleDivRef class=\"slick-file-list-item_edit-title\" *ngIf=\"isEditing\"><input #editTitleInputRef type=\"text\" class=\"form-control\" [(ngModel)]=\"tempTitle\" (keydown)=\"onKeyDown($event)\" [style.width.px]=\"itemSize\" /></div>\r\n\t</div>\r\n\r\n\t<!-- We want the user to be able to click just a little outside of the checkbox and still have it check -->\r\n\t<div *ngIf=\"showCheckbox === true\" class=\"slick-file-checkbox\" (click)=\"onCheckboxClicked($event)\">\r\n\t\t<input type=\"checkbox\" [ngModel]=\"file.isChecked\" />\r\n\t</div>\r\n</div>\r\n\r\n<slick-confirm-dialog #deleteConfirmRef>\r\n\t<h4 class=\"p-0 m-0 text-danger\">Are you sure you want to delete?</h4>\r\n</slick-confirm-dialog>", components: [{ type: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: ["width", "okButtonText", "cancelButtonText", "showOkButton", "showCancelButton"] }], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileListItemComponent, decorators: [{
+/** @nocollapse */ SlickFileListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickFileListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickFileListItemComponent, selector: "slick-file-list-item", inputs: { file: "file", allowDelete: "allowDelete", showPhotoGallery: "showPhotoGallery", showCheckbox: "showCheckbox", thumbnailSize: "thumbnailSize", confirmDelete: "confirmDelete" }, outputs: { fileChangeEmitter: "fileChange", fileDeleteEmitter: "fileDelete", fileClicked: "fileClicked", checkChanged: "checkChanged" }, viewQueries: [{ propertyName: "titleDivRef", first: true, predicate: ["titleDivRef"], descendants: true }, { propertyName: "editTitleDivRef", first: true, predicate: ["editTitleDivRef"], descendants: true }, { propertyName: "editTitleInputRef", first: true, predicate: ["editTitleInputRef"], descendants: true }, { propertyName: "deleteConfirmRef", first: true, predicate: ["deleteConfirmRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-file-list-item\" id=\"slick-file-list-item_{{uuid}}\">\r\n\t<div class=\"slick-file-list-item_img card\" (click)=\"onClick()\" [ngStyle]=\"{ 'cursor': (showPhotoGallery === true) ? 'pointer' : 'default' }\" [style.minHeight.px]=\"itemSize + 2\" [style.minWidth.px]=\"itemSize\">\r\n\t\t<img *ngIf=\"file.thumbnailBase64Image\" [src]=\"file.thumbnailBase64Image\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && file.base64Image\" [src]=\"file.base64Image\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && !file.base64Image && file.thumbnailUrl\" [src]=\"file.thumbnailUrl\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && !file.base64Image && !file.thumbnailUrl && file.url\" [src]=\"file.url\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<i *ngIf=\"allowDelete\" class=\"fas fa-times-circle bg-white text-danger\" (click)=\"deleteFile($event)\"></i>\r\n\t</div>\r\n\t<div class=\"slick-file-list-item_title\" *ngIf=\"fileDateFormatted\" [style.minWidth.px]=\"itemSize\" [style.maxWidth.px]=\"itemSize\">\r\n\t\t<div class=\"slick-file-list-item_date\" *ngIf=\"fileDateFormatted\" [style.minWidth.px]=\"itemSize\">{{fileDateFormatted}}</div>\r\n\t</div>\r\n\t<div class=\"slick-file-list-item_title\" [style.minWidth.px]=\"itemSize\" [style.maxWidth.px]=\"itemSize\">\r\n\t\t<div class=\"slick-file-list-item_display-title\" #titleDivRef style=\"cursor: pointer\" *ngIf=\"!isEditing\" (click)=\"editTitle()\">{{file.title}}</div>\r\n\t\t<div #editTitleDivRef class=\"slick-file-list-item_edit-title\" *ngIf=\"isEditing\"><input #editTitleInputRef type=\"text\" class=\"form-control\" [(ngModel)]=\"tempTitle\" (keydown)=\"onKeyDown($event)\" [style.width.px]=\"itemSize\" /></div>\r\n\t</div>\r\n\r\n\t<!-- We want the user to be able to click just a little outside of the checkbox and still have it check -->\r\n\t<div *ngIf=\"showCheckbox === true\" class=\"slick-file-checkbox\" (click)=\"onCheckboxClicked($event)\">\r\n\t\t<input type=\"checkbox\" [ngModel]=\"file.isChecked\" />\r\n\t</div>\r\n</div>\r\n\r\n<slick-confirm-dialog #deleteConfirmRef>\r\n\t<h4 class=\"p-0 m-0 text-danger\">Are you sure you want to delete?</h4>\r\n</slick-confirm-dialog>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: ["width", "okButtonText", "cancelButtonText", "showOkButton", "showCancelButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-file-list-item', template: "<div class=\"slick-file-list-item\" id=\"slick-file-list-item_{{uuid}}\">\r\n\t<div class=\"slick-file-list-item_img card\" (click)=\"onClick()\" [ngStyle]=\"{ 'cursor': (showPhotoGallery === true) ? 'pointer' : 'default' }\" [style.minHeight.px]=\"itemSize + 2\" [style.minWidth.px]=\"itemSize\">\r\n\t\t<img *ngIf=\"file.thumbnailBase64Image\" [src]=\"file.thumbnailBase64Image\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && file.base64Image\" [src]=\"file.base64Image\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && !file.base64Image && file.thumbnailUrl\" [src]=\"file.thumbnailUrl\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && !file.base64Image && !file.thumbnailUrl && file.url\" [src]=\"file.url\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<i *ngIf=\"allowDelete\" class=\"fas fa-times-circle bg-white text-danger\" (click)=\"deleteFile($event)\"></i>\r\n\t</div>\r\n\t<div class=\"slick-file-list-item_title\" *ngIf=\"fileDateFormatted\" [style.minWidth.px]=\"itemSize\" [style.maxWidth.px]=\"itemSize\">\r\n\t\t<div class=\"slick-file-list-item_date\" *ngIf=\"fileDateFormatted\" [style.minWidth.px]=\"itemSize\">{{fileDateFormatted}}</div>\r\n\t</div>\r\n\t<div class=\"slick-file-list-item_title\" [style.minWidth.px]=\"itemSize\" [style.maxWidth.px]=\"itemSize\">\r\n\t\t<div class=\"slick-file-list-item_display-title\" #titleDivRef style=\"cursor: pointer\" *ngIf=\"!isEditing\" (click)=\"editTitle()\">{{file.title}}</div>\r\n\t\t<div #editTitleDivRef class=\"slick-file-list-item_edit-title\" *ngIf=\"isEditing\"><input #editTitleInputRef type=\"text\" class=\"form-control\" [(ngModel)]=\"tempTitle\" (keydown)=\"onKeyDown($event)\" [style.width.px]=\"itemSize\" /></div>\r\n\t</div>\r\n\r\n\t<!-- We want the user to be able to click just a little outside of the checkbox and still have it check -->\r\n\t<div *ngIf=\"showCheckbox === true\" class=\"slick-file-checkbox\" (click)=\"onCheckboxClicked($event)\">\r\n\t\t<input type=\"checkbox\" [ngModel]=\"file.isChecked\" />\r\n\t</div>\r\n</div>\r\n\r\n<slick-confirm-dialog #deleteConfirmRef>\r\n\t<h4 class=\"p-0 m-0 text-danger\">Are you sure you want to delete?</h4>\r\n</slick-confirm-dialog>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { file: [{
@@ -3902,102 +4007,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
                 args: ["deleteConfirmRef"]
             }] } });
 
-class SlickPhotoGalleryModel {
-}
-
-class SlickPhotoGalleryComponent {
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        this.isVisible = false;
-        this.isPhotoGalleryVisible = false;
-        this.selectedPhoto = null;
-        this.visibleIndex = 0;
-    }
-    async onResize(e) {
-        if (e.which === 39)
-            this.nextPhoto();
-        else if (e.which === 37)
-            this.previousPhoto();
-        else if (e.which === 27)
-            this.closeWindow();
-    }
-    ngOnDestroy() {
-        // It's fine if this fails.  It just means it was removed elsewhere
-        try {
-            document.body.appendChild(this.containerRef.nativeElement);
-        }
-        catch { }
-    }
-    ngOnChanges(changes) {
-        if (changes.files) {
-            this.photos = [];
-            if (changes.files.currentValue) {
-                this.photos = changes.files.currentValue.map((f) => {
-                    let photoModel = new SlickPhotoGalleryModel();
-                    photoModel.photoUrl = f.base64Image || f.url;
-                    photoModel.title = f.title;
-                    return photoModel;
-                });
-            }
-        }
-    }
-    async showPhotoGallery(visibleIndex = 0) {
-        this.isVisible = true;
-        this.changeDetector.detectChanges();
-        document.body.appendChild(this.containerRef.nativeElement);
-        await SlickSleepService.sleep();
-        this.isPhotoGalleryVisible = true;
-        this.visibleIndex = visibleIndex;
-        if (this.photos && this.photos.length > 0)
-            this.selectedPhoto = this.photos[this.visibleIndex];
-    }
-    hidePhotoGallery() {
-        // It's fine if this fails.  It just means it was removed elsewhere
-        try {
-            document.body.removeChild(this.containerRef.nativeElement);
-        }
-        catch { }
-        this.isVisible = false;
-    }
-    previousPhoto() {
-        if (this.visibleIndex === 0)
-            this.visibleIndex = this.photos.length - 1;
-        else
-            this.visibleIndex--;
-        this.selectedPhoto = this.photos[this.visibleIndex];
-    }
-    nextPhoto() {
-        if (this.visibleIndex === this.photos.length - 1)
-            this.visibleIndex = 0;
-        else
-            this.visibleIndex++;
-        this.selectedPhoto = this.photos[this.visibleIndex];
-    }
-    setPosition(idx) {
-        this.visibleIndex = idx;
-        this.selectedPhoto = this.photos[this.visibleIndex];
-    }
-    closeWindow() {
-        this.hidePhotoGallery();
-    }
-}
-/** @nocollapse */ SlickPhotoGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPhotoGalleryComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickPhotoGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickPhotoGalleryComponent, selector: "slick-photo-gallery", inputs: { photos: "photos", files: "files" }, host: { listeners: { "window:keydown": "onResize($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerRef *ngIf=\"isVisible === true\" class='slick-photo-gallery'>\r\n\t<div class=\"slick-photo-gallery_overlay\" (click)=\"closeWindow()\" [ngClass]=\"{'visible': isPhotoGalleryVisible === true}\"></div>\r\n\t<div class=\"modal-content slick-photo-gallery_content\" style=\"width: 90%; margin-left: 5%;\" *ngIf=\"isPhotoGalleryVisible === true\">\r\n\t\t<div class=\"modal-header slick-photo-gallery_header\"><div class=\"header-right\" (click)='closeWindow()'><i class=\"far fa-times\"></i></div></div>\r\n\t\t<div class=\"modal-body\">\r\n\t\t\t<div *ngIf=\"selectedPhoto\" class='slick-photo-gallery_photo-container'>\r\n\t\t\t\t<img class='slick-photo-gallery_photo' [src]='selectedPhoto.photoUrl' />\r\n\t\t\t</div>\r\n\t\t\t<div (click)='previousPhoto()' class='slick-photo-gallery_previous-photo'><i class='far fa-chevron-left'></i></div>\r\n\t\t\t<div (click)='nextPhoto()' class='slick-photo-gallery_next-photo'><i class='far fa-chevron-right'></i></div>\r\n\t\t\t<!--<div *ngIf=\"photos\" class='slick-photo-gallery_position-indicators'>\r\n\t\t\t\t<i (click)='setPosition(index)' *ngFor='let photo of photos; let index = index' [ngClass]='(index === visibleIndex) ? \"fas fa-circle\" : \"far fa-circle\"'></i>\r\n\t\t\t</div>-->\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPhotoGalleryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "slick-photo-gallery", template: "<div #containerRef *ngIf=\"isVisible === true\" class='slick-photo-gallery'>\r\n\t<div class=\"slick-photo-gallery_overlay\" (click)=\"closeWindow()\" [ngClass]=\"{'visible': isPhotoGalleryVisible === true}\"></div>\r\n\t<div class=\"modal-content slick-photo-gallery_content\" style=\"width: 90%; margin-left: 5%;\" *ngIf=\"isPhotoGalleryVisible === true\">\r\n\t\t<div class=\"modal-header slick-photo-gallery_header\"><div class=\"header-right\" (click)='closeWindow()'><i class=\"far fa-times\"></i></div></div>\r\n\t\t<div class=\"modal-body\">\r\n\t\t\t<div *ngIf=\"selectedPhoto\" class='slick-photo-gallery_photo-container'>\r\n\t\t\t\t<img class='slick-photo-gallery_photo' [src]='selectedPhoto.photoUrl' />\r\n\t\t\t</div>\r\n\t\t\t<div (click)='previousPhoto()' class='slick-photo-gallery_previous-photo'><i class='far fa-chevron-left'></i></div>\r\n\t\t\t<div (click)='nextPhoto()' class='slick-photo-gallery_next-photo'><i class='far fa-chevron-right'></i></div>\r\n\t\t\t<!--<div *ngIf=\"photos\" class='slick-photo-gallery_position-indicators'>\r\n\t\t\t\t<i (click)='setPosition(index)' *ngFor='let photo of photos; let index = index' [ngClass]='(index === visibleIndex) ? \"fas fa-circle\" : \"far fa-circle\"'></i>\r\n\t\t\t</div>-->\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { photos: [{
-                type: Input
-            }], files: [{
-                type: Input
-            }], containerRef: [{
-                type: ViewChild,
-                args: ["containerRef"]
-            }], onResize: [{
-                type: HostListener,
-                args: ['window:keydown', ['$event']]
-            }] } });
-
 class SlickFileListComponent {
     constructor() {
         this.allowDelete = true;
@@ -4081,9 +4090,9 @@ class SlickFileListComponent {
         return this.files.filter(x => x.isChecked === true);
     }
 }
-/** @nocollapse */ SlickFileListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickFileListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickFileListComponent, selector: "slick-file-list", inputs: { files: "files", allowDelete: "allowDelete", showPhotoGallery: "showPhotoGallery", showCheckboxes: "showCheckboxes", thumbnailSize: "thumbnailSize", confirmDelete: "confirmDelete" }, outputs: { filesEmitter: "filesEmitter", onFileDeleteEmitter: "onFileDelete", onFileCheckChanged: "onFileCheckChanged", onFileClicked: "onFileClicked" }, viewQueries: [{ propertyName: "photoGalleryRef", first: true, predicate: ["photoGalleryRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerRef id=\"slick-file-list_{{uuid}}\" class=\"slick-file-list\">\r\n\t<slick-file-list-item *ngFor=\"let file of files; let idx = index\" \r\n\t\t\t\t\t\t  [file]=\"file\" \r\n\t\t\t\t\t\t  [allowDelete]=\"allowDelete\" \r\n\t\t\t\t\t\t  [showPhotoGallery]=\"showPhotoGallery\" \r\n\t\t\t\t\t\t  [showCheckbox]=\"showCheckboxes\" \r\n\t\t\t\t\t\t  [thumbnailSize]=\"thumbnailSize\" \r\n\t\t\t\t\t\t  [confirmDelete]=\"confirmDelete\"\r\n\t\t\t\t\t\t  (checkChanged)=\"onCheckChanged($event, idx)\" \r\n\t\t\t\t\t\t  (fileClicked)=\"fileClicked($event, idx)\" \r\n\t\t\t\t\t\t  (fileChanged)=\"onFileChange($event, idx)\" \r\n\t\t\t\t\t\t  (fileDelete)=\"onFileDelete($event, idx)\"></slick-file-list-item>\r\n</div>\r\n\r\n<slick-photo-gallery #photoGalleryRef *ngIf=\"showPhotoGallery === true\" [files]=\"files\"></slick-photo-gallery>\r\n\r\n", components: [{ type: SlickFileListItemComponent, selector: "slick-file-list-item", inputs: ["file", "allowDelete", "showPhotoGallery", "showCheckbox", "thumbnailSize", "confirmDelete"], outputs: ["fileChange", "fileDelete", "fileClicked", "checkChanged"] }, { type: SlickPhotoGalleryComponent, selector: "slick-photo-gallery", inputs: ["photos", "files"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileListComponent, decorators: [{
+/** @nocollapse */ SlickFileListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickFileListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickFileListComponent, selector: "slick-file-list", inputs: { files: "files", allowDelete: "allowDelete", showPhotoGallery: "showPhotoGallery", showCheckboxes: "showCheckboxes", thumbnailSize: "thumbnailSize", confirmDelete: "confirmDelete" }, outputs: { filesEmitter: "filesEmitter", onFileDeleteEmitter: "onFileDelete", onFileCheckChanged: "onFileCheckChanged", onFileClicked: "onFileClicked" }, viewQueries: [{ propertyName: "photoGalleryRef", first: true, predicate: ["photoGalleryRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerRef id=\"slick-file-list_{{uuid}}\" class=\"slick-file-list\">\r\n\t<slick-file-list-item *ngFor=\"let file of files; let idx = index\" \r\n\t\t\t\t\t\t  [file]=\"file\" \r\n\t\t\t\t\t\t  [allowDelete]=\"allowDelete\" \r\n\t\t\t\t\t\t  [showPhotoGallery]=\"showPhotoGallery\" \r\n\t\t\t\t\t\t  [showCheckbox]=\"showCheckboxes\" \r\n\t\t\t\t\t\t  [thumbnailSize]=\"thumbnailSize\" \r\n\t\t\t\t\t\t  [confirmDelete]=\"confirmDelete\"\r\n\t\t\t\t\t\t  (checkChanged)=\"onCheckChanged($event, idx)\" \r\n\t\t\t\t\t\t  (fileClicked)=\"fileClicked($event, idx)\" \r\n\t\t\t\t\t\t  (fileChanged)=\"onFileChange($event, idx)\" \r\n\t\t\t\t\t\t  (fileDelete)=\"onFileDelete($event, idx)\"></slick-file-list-item>\r\n</div>\r\n\r\n<slick-photo-gallery #photoGalleryRef *ngIf=\"showPhotoGallery === true\" [files]=\"files\"></slick-photo-gallery>\r\n\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SlickPhotoGalleryComponent, selector: "slick-photo-gallery", inputs: ["photos", "files"] }, { kind: "component", type: SlickFileListItemComponent, selector: "slick-file-list-item", inputs: ["file", "allowDelete", "showPhotoGallery", "showCheckbox", "thumbnailSize", "confirmDelete"], outputs: ["fileChange", "fileDelete", "fileClicked", "checkChanged"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-file-list', template: "<div #containerRef id=\"slick-file-list_{{uuid}}\" class=\"slick-file-list\">\r\n\t<slick-file-list-item *ngFor=\"let file of files; let idx = index\" \r\n\t\t\t\t\t\t  [file]=\"file\" \r\n\t\t\t\t\t\t  [allowDelete]=\"allowDelete\" \r\n\t\t\t\t\t\t  [showPhotoGallery]=\"showPhotoGallery\" \r\n\t\t\t\t\t\t  [showCheckbox]=\"showCheckboxes\" \r\n\t\t\t\t\t\t  [thumbnailSize]=\"thumbnailSize\" \r\n\t\t\t\t\t\t  [confirmDelete]=\"confirmDelete\"\r\n\t\t\t\t\t\t  (checkChanged)=\"onCheckChanged($event, idx)\" \r\n\t\t\t\t\t\t  (fileClicked)=\"fileClicked($event, idx)\" \r\n\t\t\t\t\t\t  (fileChanged)=\"onFileChange($event, idx)\" \r\n\t\t\t\t\t\t  (fileDelete)=\"onFileDelete($event, idx)\"></slick-file-list-item>\r\n</div>\r\n\r\n<slick-photo-gallery #photoGalleryRef *ngIf=\"showPhotoGallery === true\" [files]=\"files\"></slick-photo-gallery>\r\n\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { files: [{
@@ -4123,10 +4132,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickPhotoGalleryModule {
 }
-/** @nocollapse */ SlickPhotoGalleryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPhotoGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickPhotoGalleryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPhotoGalleryModule, declarations: [SlickPhotoGalleryComponent], imports: [CommonModule], exports: [SlickPhotoGalleryComponent] });
-/** @nocollapse */ SlickPhotoGalleryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPhotoGalleryModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPhotoGalleryModule, decorators: [{
+/** @nocollapse */ SlickPhotoGalleryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPhotoGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickPhotoGalleryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickPhotoGalleryModule, declarations: [SlickPhotoGalleryComponent], imports: [CommonModule], exports: [SlickPhotoGalleryComponent] });
+/** @nocollapse */ SlickPhotoGalleryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPhotoGalleryModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPhotoGalleryModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -4137,10 +4146,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickFileListModule {
 }
-/** @nocollapse */ SlickFileListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickFileListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileListModule, declarations: [SlickFileListComponent, SlickFileListItemComponent], imports: [CommonModule, FormsModule, SlickConfirmDialogModule, SlickPhotoGalleryModule], exports: [CommonModule, FormsModule, SlickFileListComponent] });
-/** @nocollapse */ SlickFileListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileListModule, imports: [[CommonModule, FormsModule, SlickConfirmDialogModule, SlickPhotoGalleryModule], CommonModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickFileListModule, decorators: [{
+/** @nocollapse */ SlickFileListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickFileListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickFileListModule, declarations: [SlickFileListComponent, SlickFileListItemComponent], imports: [CommonModule, FormsModule, SlickConfirmDialogModule, SlickPhotoGalleryModule], exports: [CommonModule, FormsModule, SlickFileListComponent] });
+/** @nocollapse */ SlickFileListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileListModule, imports: [CommonModule, FormsModule, SlickConfirmDialogModule, SlickPhotoGalleryModule, CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickFileListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, SlickConfirmDialogModule, SlickPhotoGalleryModule],
@@ -4331,16 +4340,16 @@ class SlickEmailerComponent {
         }
     }
 }
-/** @nocollapse */ SlickEmailerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailerComponent, deps: [{ token: SlickFunctionLockService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickEmailerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickEmailerComponent, selector: "slick-emailer", inputs: { toEmailAddressList: "toEmailAddressList", showButtons: "showButtons", bodyHeight: "bodyHeight" }, outputs: { toAddressSearchEmitter: "toAddressSearch", sendEmailClickEmitter: "sendEmailClick", cancelEmailClickEmitter: "cancelEmailClick" }, providers: [
+/** @nocollapse */ SlickEmailerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailerComponent, deps: [{ token: SlickFunctionLockService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickEmailerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickEmailerComponent, selector: "slick-emailer", inputs: { toEmailAddressList: "toEmailAddressList", showButtons: "showButtons", bodyHeight: "bodyHeight" }, outputs: { toAddressSearchEmitter: "toAddressSearch", sendEmailClickEmitter: "sendEmailClick", cancelEmailClickEmitter: "cancelEmailClick" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickEmailerComponent)),
             multi: true,
         },
         SlickFunctionLockService
-    ], viewQueries: [{ propertyName: "tinyMCEContainerRef", first: true, predicate: ["tinyMCEContainerRef"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"emailerModel\" id=\"slick-emailer_{{uuid}}\" class=\"slick-emailer\">\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<div *ngIf=\"isSubmitted === true && emailerModel.toEmailAddresses.length === 0\" class=\"errorWrapper showIcons\"><div class=\"text-danger\">Email must have at least one email address</div></div>\r\n\t\t\t<div class=\"input-group\">\r\n\t\t\t\t<div class=\"input-group-prepend\">\r\n\t\t\t\t\t<span class=\"input-group-text\"><span class=\"fas fa-search\"></span></span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<input class=\"form-control\" #emailAddressAutocomplete [(ngModel)]=\"toEmailAddress\" placeholder=\"Email Search...\" autofocus />\r\n\t\t\t</div>\r\n\t\t\t<slick-auto-complete [inputRef]=\"emailAddressAutocomplete\" textField=\"emailDisplay\" [items]=\"toEmailAddressList\" (onRefresh)=\"toAddressSearch($event)\" (onSelect)=\"onSelectEmailAddress($event)\" (onFreeformTextSelect)=\"onFreeformTextSelect($event)\">\r\n\t\t\t\t<ng-template let-emailDisplay [slickAutoCompleteListItemTemplate]>\r\n\t\t\t\t\t<div style='line-height: 1.1em; font-size: 12px;'>\r\n\t\t\t\t\t\t{{emailDisplay.displayName}} [{{emailDisplay.emailAddress}}]\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</slick-auto-complete>\r\n\r\n\t\t\t<label>To:&nbsp;</label>\r\n\t\t\t<div *ngFor=\"let emailAddress of emailerModel.toEmailAddresses; let idx = index;\" class=\"slick-emailer_email-address alert alert-secondary\">{{emailAddress.displayName}} [{{emailAddress.emailAddress}}]<i (click)=\"deleteEmailAddress(idx)\" class=\"fas fa-times-circle bg-white text-danger ml-1\"></i></div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Subject:</label>\r\n\t\t\t<input type=\"text\" class=\"form-control\" [(ngModel)]=\"emailerModel.subject\" />\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Body:</label>\r\n\t\t\t<div #tinyMCEContainerRef></div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Attachments:</label>\r\n\t\t\t<slick-file-drop (filesChanged)=\"onAttachmentsChanged($event)\"></slick-file-drop>\r\n\t\t\t<slick-file-list [(files)]=\"emailerModel.attachments\"></slick-file-list>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"showButtons\" class=\"row form-group\">\r\n\t\t<div class=\"col-12 text-center\">\r\n\t\t\t<button type=\"button\" style=\"width: 120px; margin-right: 10px;\" [slick-button-spinner]=\"spinnerStatus\" class=\"btn btn-outline-primary\" (click)=\"onSendEmail()\"><i class=\"far fa-envelope\"></i>&nbsp;Send</button>\r\n\t\t\t<button type=\"button\" style=\"width: 120px;\" class=\"btn btn-outline-danger\" (click)=\"onCancelEmail()\"><i class=\"far fa-times\"></i>&nbsp;Cancel</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", components: [{ type: SlickAutoCompleteComponent, selector: "slick-auto-complete", inputs: ["inputRef", "items", "delay", "selectFirst", "displayTextFieldName", "listHeight", "listWidth", "allowFreeformText", "showNoItemsFoundDisplay"], outputs: ["onRefresh", "onSelect", "onFreeformTextSelect"] }, { type: SlickFileDropComponent, selector: "slick-file-drop", inputs: ["displayText"], outputs: ["filesChanged"] }, { type: SlickFileListComponent, selector: "slick-file-list", inputs: ["files", "allowDelete", "showPhotoGallery", "showCheckboxes", "thumbnailSize", "confirmDelete"], outputs: ["filesEmitter", "onFileDelete", "onFileCheckChanged", "onFileClicked"] }, { type: SlickButtonSpinnerComponent, selector: "[slick-button-spinner]", inputs: ["slick-button-spinner"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: SlickAutoCompleteListItemTemplateDirective, selector: "[slickAutoCompleteListItemTemplate]", inputs: ["type", "slickAutoCompleteListItemTemplate"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailerComponent, decorators: [{
+    ], viewQueries: [{ propertyName: "tinyMCEContainerRef", first: true, predicate: ["tinyMCEContainerRef"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"emailerModel\" id=\"slick-emailer_{{uuid}}\" class=\"slick-emailer\">\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<div *ngIf=\"isSubmitted === true && emailerModel.toEmailAddresses.length === 0\" class=\"errorWrapper showIcons\"><div class=\"text-danger\">Email must have at least one email address</div></div>\r\n\t\t\t<div class=\"input-group\">\r\n\t\t\t\t<div class=\"input-group-prepend\">\r\n\t\t\t\t\t<span class=\"input-group-text\"><span class=\"fas fa-search\"></span></span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<input class=\"form-control\" #emailAddressAutocomplete [(ngModel)]=\"toEmailAddress\" placeholder=\"Email Search...\" autofocus />\r\n\t\t\t</div>\r\n\t\t\t<slick-auto-complete [inputRef]=\"emailAddressAutocomplete\" textField=\"emailDisplay\" [items]=\"toEmailAddressList\" (onRefresh)=\"toAddressSearch($event)\" (onSelect)=\"onSelectEmailAddress($event)\" (onFreeformTextSelect)=\"onFreeformTextSelect($event)\">\r\n\t\t\t\t<ng-template let-emailDisplay [slickAutoCompleteListItemTemplate]>\r\n\t\t\t\t\t<div style='line-height: 1.1em; font-size: 12px;'>\r\n\t\t\t\t\t\t{{emailDisplay.displayName}} [{{emailDisplay.emailAddress}}]\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</slick-auto-complete>\r\n\r\n\t\t\t<label>To:&nbsp;</label>\r\n\t\t\t<div *ngFor=\"let emailAddress of emailerModel.toEmailAddresses; let idx = index;\" class=\"slick-emailer_email-address alert alert-secondary\">{{emailAddress.displayName}} [{{emailAddress.emailAddress}}]<i (click)=\"deleteEmailAddress(idx)\" class=\"fas fa-times-circle bg-white text-danger ml-1\"></i></div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Subject:</label>\r\n\t\t\t<input type=\"text\" class=\"form-control\" [(ngModel)]=\"emailerModel.subject\" />\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Body:</label>\r\n\t\t\t<div #tinyMCEContainerRef></div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Attachments:</label>\r\n\t\t\t<slick-file-drop (filesChanged)=\"onAttachmentsChanged($event)\"></slick-file-drop>\r\n\t\t\t<slick-file-list [(files)]=\"emailerModel.attachments\"></slick-file-list>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"showButtons\" class=\"row form-group\">\r\n\t\t<div class=\"col-12 text-center\">\r\n\t\t\t<button type=\"button\" style=\"width: 120px; margin-right: 10px;\" [slick-button-spinner]=\"spinnerStatus\" class=\"btn btn-outline-primary\" (click)=\"onSendEmail()\"><i class=\"far fa-envelope\"></i>&nbsp;Send</button>\r\n\t\t\t<button type=\"button\" style=\"width: 120px;\" class=\"btn btn-outline-danger\" (click)=\"onCancelEmail()\"><i class=\"far fa-times\"></i>&nbsp;Cancel</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickAutoCompleteComponent, selector: "slick-auto-complete", inputs: ["inputRef", "items", "delay", "selectFirst", "displayTextFieldName", "listHeight", "listWidth", "allowFreeformText", "showNoItemsFoundDisplay"], outputs: ["onRefresh", "onSelect", "onFreeformTextSelect"] }, { kind: "directive", type: SlickAutoCompleteListItemTemplateDirective, selector: "[slickAutoCompleteListItemTemplate]", inputs: ["type", "slickAutoCompleteListItemTemplate"] }, { kind: "component", type: SlickButtonSpinnerComponent, selector: "[slick-button-spinner]", inputs: ["slick-button-spinner"] }, { kind: "component", type: SlickFileDropComponent, selector: "slick-file-drop", inputs: ["displayText"], outputs: ["filesChanged"] }, { kind: "component", type: SlickFileListComponent, selector: "slick-file-list", inputs: ["files", "allowDelete", "showPhotoGallery", "showCheckboxes", "thumbnailSize", "confirmDelete"], outputs: ["filesEmitter", "onFileDelete", "onFileCheckChanged", "onFileClicked"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-emailer', providers: [
                         {
@@ -4440,8 +4449,8 @@ class SlickEmailerDialogComponent {
             this.cancelEmailClickEmitter.emit();
     }
 }
-/** @nocollapse */ SlickEmailerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailerDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickEmailerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickEmailerDialogComponent, selector: "slick-emailer-dialog", inputs: { toEmailAddressList: "toEmailAddressList", bodyHeight: "bodyHeight" }, outputs: { toAddressSearchEmitter: "toAddressSearch", sendEmailClickEmitter: "sendEmailClick", cancelEmailClickEmitter: "cancelEmailClick" }, providers: [
+/** @nocollapse */ SlickEmailerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailerDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickEmailerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickEmailerDialogComponent, selector: "slick-emailer-dialog", inputs: { toEmailAddressList: "toEmailAddressList", bodyHeight: "bodyHeight" }, outputs: { toAddressSearchEmitter: "toAddressSearch", sendEmailClickEmitter: "sendEmailClick", cancelEmailClickEmitter: "cancelEmailClick" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickEmailerDialogComponent)),
@@ -4463,8 +4472,8 @@ class SlickEmailerDialogComponent {
 				</div>
 			</div>
 		</slick-dialog-footer>
-	</slick-dialog>`, isInline: true, components: [{ type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { type: SlickEmailerComponent, selector: "slick-emailer", inputs: ["toEmailAddressList", "showButtons", "bodyHeight"], outputs: ["toAddressSearch", "sendEmailClick", "cancelEmailClick"] }, { type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }, { type: SlickButtonSpinnerComponent, selector: "[slick-button-spinner]", inputs: ["slick-button-spinner"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailerDialogComponent, decorators: [{
+	</slick-dialog>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }, { kind: "component", type: SlickButtonSpinnerComponent, selector: "[slick-button-spinner]", inputs: ["slick-button-spinner"] }, { kind: "component", type: SlickEmailerComponent, selector: "slick-emailer", inputs: ["toEmailAddressList", "showButtons", "bodyHeight"], outputs: ["toAddressSearch", "sendEmailClick", "cancelEmailClick"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailerDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'slick-emailer-dialog',
@@ -4521,10 +4530,10 @@ class SlickEmailerModel {
 
 class SlickEmailerModule {
 }
-/** @nocollapse */ SlickEmailerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickEmailerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailerModule, declarations: [SlickEmailerComponent, SlickEmailerDialogComponent], imports: [CommonModule, FormsModule, SlickDialogModule, SlickAutoCompleteModule, SlickButtonSpinnerModule, SlickFileDropModule, SlickFileListModule], exports: [CommonModule, FormsModule, SlickEmailerComponent, SlickEmailerDialogComponent] });
-/** @nocollapse */ SlickEmailerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailerModule, imports: [[CommonModule, FormsModule, SlickDialogModule, SlickAutoCompleteModule, SlickButtonSpinnerModule, SlickFileDropModule, SlickFileListModule], CommonModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailerModule, decorators: [{
+/** @nocollapse */ SlickEmailerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickEmailerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailerModule, declarations: [SlickEmailerComponent, SlickEmailerDialogComponent], imports: [CommonModule, FormsModule, SlickDialogModule, SlickAutoCompleteModule, SlickButtonSpinnerModule, SlickFileDropModule, SlickFileListModule], exports: [CommonModule, FormsModule, SlickEmailerComponent, SlickEmailerDialogComponent] });
+/** @nocollapse */ SlickEmailerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailerModule, imports: [CommonModule, FormsModule, SlickDialogModule, SlickAutoCompleteModule, SlickButtonSpinnerModule, SlickFileDropModule, SlickFileListModule, CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, SlickDialogModule, SlickAutoCompleteModule, SlickButtonSpinnerModule, SlickFileDropModule, SlickFileListModule],
@@ -4550,15 +4559,15 @@ class SlickEmailViewerComponent {
     // not used, used for touch input
     registerOnTouched() { }
 }
-/** @nocollapse */ SlickEmailViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickEmailViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickEmailViewerComponent, selector: "slick-email-viewer", providers: [
+/** @nocollapse */ SlickEmailViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickEmailViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickEmailViewerComponent, selector: "slick-email-viewer", providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickEmailViewerComponent)),
             multi: true,
         }
-    ], ngImport: i0, template: "<div *ngIf=\"emailerModel\" id=\"slick-email-viewer_{{uuid}}\" class=\"slick-email-viewer\">\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>To:&nbsp;</label><br />\r\n\t\t\t<div *ngFor=\"let emailAddress of emailerModel.toEmailAddresses; let idx = index;\" class=\"slick-email-viewer_email-address card\">{{emailAddress.displayName}} [{{emailAddress.emailAddress}}]</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Subject:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_subject card\">{{emailerModel.subject}}</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Body:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_body card\" [innerHTML]=\"emailerModel.body\"></div>\r\n\t\t\t\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"emailerModel.attachments && emailerModel.attachments.length > 0\" class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Attachments:</label>\r\n\t\t\t<slick-file-list [(files)]=\"emailerModel.attachments\" [allowDelete]=\"false\"></slick-file-list>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", components: [{ type: SlickFileListComponent, selector: "slick-file-list", inputs: ["files", "allowDelete", "showPhotoGallery", "showCheckboxes", "thumbnailSize", "confirmDelete"], outputs: ["filesEmitter", "onFileDelete", "onFileCheckChanged", "onFileClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailViewerComponent, decorators: [{
+    ], ngImport: i0, template: "<div *ngIf=\"emailerModel\" id=\"slick-email-viewer_{{uuid}}\" class=\"slick-email-viewer\">\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>To:&nbsp;</label><br />\r\n\t\t\t<div *ngFor=\"let emailAddress of emailerModel.toEmailAddresses; let idx = index;\" class=\"slick-email-viewer_email-address card\">{{emailAddress.displayName}} [{{emailAddress.emailAddress}}]</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Subject:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_subject card\">{{emailerModel.subject}}</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Body:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_body card\" [innerHTML]=\"emailerModel.body\"></div>\r\n\t\t\t\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"emailerModel.attachments && emailerModel.attachments.length > 0\" class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Attachments:</label>\r\n\t\t\t<slick-file-list [(files)]=\"emailerModel.attachments\" [allowDelete]=\"false\"></slick-file-list>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SlickFileListComponent, selector: "slick-file-list", inputs: ["files", "allowDelete", "showPhotoGallery", "showCheckboxes", "thumbnailSize", "confirmDelete"], outputs: ["filesEmitter", "onFileDelete", "onFileCheckChanged", "onFileClicked"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-email-viewer', providers: [
                         {
@@ -4596,8 +4605,8 @@ class SlickEmailViewerDialogComponent {
         this.emailViewerDialogRef.hideDialog();
     }
 }
-/** @nocollapse */ SlickEmailViewerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailViewerDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickEmailViewerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickEmailViewerDialogComponent, selector: "slick-email-viewer-dialog", providers: [
+/** @nocollapse */ SlickEmailViewerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailViewerDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickEmailViewerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickEmailViewerDialogComponent, selector: "slick-email-viewer-dialog", providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickEmailViewerDialogComponent)),
@@ -4613,8 +4622,8 @@ class SlickEmailViewerDialogComponent {
 				</div>
 			</div>
 		</slick-dialog-footer>
-	</slick-dialog>`, isInline: true, components: [{ type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { type: SlickEmailViewerComponent, selector: "slick-email-viewer" }, { type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailViewerDialogComponent, decorators: [{
+	</slick-dialog>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }, { kind: "component", type: SlickEmailViewerComponent, selector: "slick-email-viewer" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailViewerDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'slick-email-viewer-dialog',
@@ -4644,10 +4653,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickEmailViewerModule {
 }
-/** @nocollapse */ SlickEmailViewerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickEmailViewerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailViewerModule, declarations: [SlickEmailViewerComponent, SlickEmailViewerDialogComponent], imports: [CommonModule, FormsModule, SlickDialogModule, SlickFileListModule], exports: [CommonModule, FormsModule, SlickEmailViewerComponent, SlickEmailViewerDialogComponent] });
-/** @nocollapse */ SlickEmailViewerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailViewerModule, imports: [[CommonModule, FormsModule, SlickDialogModule, SlickFileListModule], CommonModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickEmailViewerModule, decorators: [{
+/** @nocollapse */ SlickEmailViewerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickEmailViewerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailViewerModule, declarations: [SlickEmailViewerComponent, SlickEmailViewerDialogComponent], imports: [CommonModule, FormsModule, SlickDialogModule, SlickFileListModule], exports: [CommonModule, FormsModule, SlickEmailViewerComponent, SlickEmailViewerDialogComponent] });
+/** @nocollapse */ SlickEmailViewerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailViewerModule, imports: [CommonModule, FormsModule, SlickDialogModule, SlickFileListModule, CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickEmailViewerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, SlickDialogModule, SlickFileListModule],
@@ -4684,29 +4693,32 @@ class SlickGoogleAddressSearchDirective {
                 input: this.el.nativeElement.value,
                 sessionToken: sessionToken
             }, (predictionAddr) => {
-                // See if we got a prediction back
-                if (predictionAddr && predictionAddr.length > 0) {
-                    // See if the original place already has a street #
-                    if (!(place.address_components.find(x => x.types.find(addrType => addrType === 'street_number')))) {
-                        // Parse out the prediction addr, by spaces
-                        const preditionAddrParts = predictionAddr[0].structured_formatting.main_text.split(" ");
-                        // If we couldn't parse it, ignore the street
-                        if (preditionAddrParts.length > 0) {
-                            // Add a new "street_number" field to the components
-                            const streetNumber = preditionAddrParts[0];
-                            place.address_components.unshift({
-                                long_name: streetNumber,
-                                short_name: streetNumber,
-                                types: ['street_number']
-                            });
+                // Give control back to angular
+                this.ngZone.run(() => {
+                    // See if we got a prediction back
+                    if (predictionAddr && predictionAddr.length > 0) {
+                        // See if the original place already has a street #
+                        if (!(place.address_components.find(x => x.types.find(addrType => addrType === 'street_number')))) {
+                            // Parse out the prediction addr, by spaces
+                            const preditionAddrParts = predictionAddr[0].structured_formatting.main_text.split(" ");
+                            // If we couldn't parse it, ignore the street
+                            if (preditionAddrParts.length > 0) {
+                                // Add a new "street_number" field to the components
+                                const streetNumber = preditionAddrParts[0];
+                                place.address_components.unshift({
+                                    long_name: streetNumber,
+                                    short_name: streetNumber,
+                                    types: ['street_number']
+                                });
+                            }
                         }
                     }
-                }
-                if (this.googleAddressSearchChange)
-                    this.googleAddressSearchChange.emit(place);
-                if (this.onGoogleAddressSelect)
-                    this.onGoogleAddressSelect.emit(place);
-                this.el.nativeElement.value = "";
+                    if (this.googleAddressSearchChange)
+                        this.googleAddressSearchChange.emit(place);
+                    if (this.onGoogleAddressSelect)
+                        this.onGoogleAddressSelect.emit(place);
+                    this.el.nativeElement.value = "";
+                });
             });
         });
     }
@@ -4714,9 +4726,9 @@ class SlickGoogleAddressSearchDirective {
         this.autocomplete.unbindAll();
     }
 }
-/** @nocollapse */ SlickGoogleAddressSearchDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleAddressSearchDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ SlickGoogleAddressSearchDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SlickGoogleAddressSearchDirective, selector: "[slick-google-address-search]", inputs: { googleAddressSearch: "googleAddressSearch" }, outputs: { googleAddressSearchChange: "googleAddressSearchChange", onGoogleAddressSelect: "onGoogleAddressSelect" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleAddressSearchDirective, decorators: [{
+/** @nocollapse */ SlickGoogleAddressSearchDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleAddressSearchDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ SlickGoogleAddressSearchDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: SlickGoogleAddressSearchDirective, selector: "[slick-google-address-search]", inputs: { googleAddressSearch: "googleAddressSearch" }, outputs: { googleAddressSearchChange: "googleAddressSearchChange", onGoogleAddressSelect: "onGoogleAddressSelect" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleAddressSearchDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slick-google-address-search]'
@@ -4731,10 +4743,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickGoogleAddressSearchModule {
 }
-/** @nocollapse */ SlickGoogleAddressSearchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleAddressSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickGoogleAddressSearchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleAddressSearchModule, declarations: [SlickGoogleAddressSearchDirective], imports: [CommonModule], exports: [SlickGoogleAddressSearchDirective] });
-/** @nocollapse */ SlickGoogleAddressSearchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleAddressSearchModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleAddressSearchModule, decorators: [{
+/** @nocollapse */ SlickGoogleAddressSearchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleAddressSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickGoogleAddressSearchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleAddressSearchModule, declarations: [SlickGoogleAddressSearchDirective], imports: [CommonModule], exports: [SlickGoogleAddressSearchDirective] });
+/** @nocollapse */ SlickGoogleAddressSearchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleAddressSearchModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleAddressSearchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -4767,9 +4779,9 @@ class SlickGoogleMapComponent {
         google.maps.event.trigger(this.map, 'resize');
     }
 }
-/** @nocollapse */ SlickGoogleMapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickGoogleMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickGoogleMapComponent, selector: "slick-google-map", inputs: { options: "options", overlays: "overlays", width: "width", height: "height" }, viewQueries: [{ propertyName: "googleMapRef", first: true, predicate: ["googleMapRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `<div #googleMapRef [style.width]='width' [style.height]='height'></div>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleMapComponent, decorators: [{
+/** @nocollapse */ SlickGoogleMapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickGoogleMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickGoogleMapComponent, selector: "slick-google-map", inputs: { options: "options", overlays: "overlays", width: "width", height: "height" }, viewQueries: [{ propertyName: "googleMapRef", first: true, predicate: ["googleMapRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `<div #googleMapRef [style.width]='width' [style.height]='height'></div>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleMapComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "slick-google-map",
@@ -4811,11 +4823,11 @@ class SlickGoogleMapDialogComponent {
         this.googleMapDialogRef.hideDialog();
     }
 }
-/** @nocollapse */ SlickGoogleMapDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleMapDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickGoogleMapDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickGoogleMapDialogComponent, selector: "slick-google-map-dialog", inputs: { options: "options", overlays: "overlays" }, viewQueries: [{ propertyName: "googleMapDialogRef", first: true, predicate: ["googleMapDialogRef"], descendants: true }], ngImport: i0, template: `<slick-dialog *ngIf='isVisible' header='Map' [width]='600' #googleMapDialogRef>
+/** @nocollapse */ SlickGoogleMapDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleMapDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickGoogleMapDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickGoogleMapDialogComponent, selector: "slick-google-map-dialog", inputs: { options: "options", overlays: "overlays" }, viewQueries: [{ propertyName: "googleMapDialogRef", first: true, predicate: ["googleMapDialogRef"], descendants: true }], ngImport: i0, template: `<slick-dialog *ngIf='isVisible' header='Map' [width]='600' #googleMapDialogRef>
 		<slick-google-map *ngIf='showMap' [options]="options" [overlays]="overlays" [width]="'580px'" [height]="'500px'"></slick-google-map>
-	</slick-dialog>`, isInline: true, components: [{ type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { type: SlickGoogleMapComponent, selector: "slick-google-map", inputs: ["options", "overlays", "width", "height"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleMapDialogComponent, decorators: [{
+	</slick-dialog>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickGoogleMapComponent, selector: "slick-google-map", inputs: ["options", "overlays", "width", "height"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleMapDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'slick-google-map-dialog',
@@ -4834,10 +4846,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickGoogleMapModule {
 }
-/** @nocollapse */ SlickGoogleMapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickGoogleMapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleMapModule, declarations: [SlickGoogleMapComponent, SlickGoogleMapDialogComponent], imports: [CommonModule, SlickDialogModule], exports: [SlickGoogleMapComponent, SlickGoogleMapDialogComponent] });
-/** @nocollapse */ SlickGoogleMapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleMapModule, imports: [[CommonModule, SlickDialogModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGoogleMapModule, decorators: [{
+/** @nocollapse */ SlickGoogleMapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickGoogleMapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleMapModule, declarations: [SlickGoogleMapComponent, SlickGoogleMapDialogComponent], imports: [CommonModule, SlickDialogModule], exports: [SlickGoogleMapComponent, SlickGoogleMapDialogComponent] });
+/** @nocollapse */ SlickGoogleMapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleMapModule, imports: [CommonModule, SlickDialogModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGoogleMapModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SlickDialogModule],
@@ -4976,9 +4988,9 @@ class SlickGridService {
         }
     }
 }
-/** @nocollapse */ SlickGridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickGridService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridService, decorators: [{
+/** @nocollapse */ SlickGridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickGridService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
 
@@ -4987,9 +4999,9 @@ class SlickGridColumnTemplateDirective {
         this.template = template;
     }
 }
-/** @nocollapse */ SlickGridColumnTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridColumnTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ SlickGridColumnTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SlickGridColumnTemplateDirective, selector: "[slickGridColumnTemplate]", inputs: { columnKey: ["slickGridColumnTemplate", "columnKey"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridColumnTemplateDirective, decorators: [{
+/** @nocollapse */ SlickGridColumnTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridColumnTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ SlickGridColumnTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: SlickGridColumnTemplateDirective, selector: "[slickGridColumnTemplate]", inputs: { columnKey: ["slickGridColumnTemplate", "columnKey"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridColumnTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slickGridColumnTemplate]'
@@ -5165,9 +5177,9 @@ class SlickPopoverComponent {
         }
     }
 }
-/** @nocollapse */ SlickPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPopoverComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickPopoverComponent, selector: "slick-popover", inputs: { element: "element", position: "position", hoverDelay: "hoverDelay", outDelay: "outDelay", alignment: "alignment", topOffsetPx: "topOffsetPx", leftOffsetPx: "leftOffsetPx", whiteBackground: "whiteBackground", showByClick: "showByClick", showArrow: "showArrow" }, viewQueries: [{ propertyName: "containerDivRef", first: true, predicate: ["containerDivRef"], descendants: true, static: true }, { propertyName: "popoverContentRef", first: true, predicate: ["popoverContentRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerDivRef id=\"slick-popover_{{uuid}}\" class=\"slick-popover slick-popover_{{position}}\" [style.top.px]=\"top\" [style.left.px]=\"left\">\r\n\t<div #popoverContentRef class=\"popover fade bs-popover-{{position}} show\">\r\n\t\t<div *ngIf=\"showArrow === true\" class=\"arrow\"></div>\r\n\t\t<div class=\"popover-body\"><ng-content></ng-content></div>\r\n\t</div>\r\n</div>\r\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPopoverComponent, decorators: [{
+/** @nocollapse */ SlickPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPopoverComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickPopoverComponent, selector: "slick-popover", inputs: { element: "element", position: "position", hoverDelay: "hoverDelay", outDelay: "outDelay", alignment: "alignment", topOffsetPx: "topOffsetPx", leftOffsetPx: "leftOffsetPx", whiteBackground: "whiteBackground", showByClick: "showByClick", showArrow: "showArrow" }, viewQueries: [{ propertyName: "containerDivRef", first: true, predicate: ["containerDivRef"], descendants: true, static: true }, { propertyName: "popoverContentRef", first: true, predicate: ["popoverContentRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerDivRef id=\"slick-popover_{{uuid}}\" class=\"slick-popover slick-popover_{{position}}\" [style.top.px]=\"top\" [style.left.px]=\"left\">\r\n\t<div #popoverContentRef class=\"popover fade bs-popover-{{position}} show\">\r\n\t\t<div *ngIf=\"showArrow === true\" class=\"arrow\"></div>\r\n\t\t<div class=\"popover-body\"><ng-content></ng-content></div>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-popover', template: "<div #containerDivRef id=\"slick-popover_{{uuid}}\" class=\"slick-popover slick-popover_{{position}}\" [style.top.px]=\"top\" [style.left.px]=\"left\">\r\n\t<div #popoverContentRef class=\"popover fade bs-popover-{{position}} show\">\r\n\t\t<div *ngIf=\"showArrow === true\" class=\"arrow\"></div>\r\n\t\t<div class=\"popover-body\"><ng-content></ng-content></div>\r\n\t</div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { element: [{
@@ -5360,9 +5372,9 @@ class SlickPagingComponent {
         //}
     }
 }
-/** @nocollapse */ SlickPagingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPagingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickPagingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickPagingComponent, selector: "slick-paging", inputs: { pageNumber: "pageNumber", totalRecords: "totalRecords", recordsPerPage: "recordsPerPage" }, outputs: { pageNumberChange: "pageNumberChange", onPageChange: "onPageChange" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-paging\">\r\n\t<div class=\"ml-2 d-flex flex-column\">\r\n\t\t<ul class=\"pagination m-0\">\r\n\t\t\t<li class=\"page-item\" [class.disabled]=\"!totalRecords || pageNumber === 1\"><button type=\"button\" class=\"page-link\" (click)=\"previousPage()\" style=\"margin-left: 1px;\"><i class=\"far fa-angle-left\"></i></button></li>\r\n\t\t\t<li *ngIf=\"pageNumber > 10\" class=\"page-item\"><button type=\"button\" class=\"page-link\" (click)=\"first()\" style=\"margin-left: 1px;\">1</button></li>\r\n\t\t\t<li *ngIf=\"preDisplayEllipses === true\" class=\"page-item\"><button type=\"button\" class=\"page-link\" (click)=\"previousSet()\" style=\"margin-left: 1px;\"><i style=\"line-height: .8rem; vertical-align: bottom;\" class=\"far fa-ellipsis-h\"></i></button></li>\r\n\r\n\t\t\t<li *ngIf=\"totalPages > 10\" class=\"page-item\" style=\"margin-left: 2px;\"></li>\r\n\r\n\t\t\t<li class=\"page-item\" *ngFor=\"let displayPageNumber of preDisplayPageNumbers\">\r\n\t\t\t\t<button type=\"button\" class=\"page-link\" style=\"margin-right: 2px;\" (click)=\"selectPage(displayPageNumber)\">{{displayPageNumber}}</button>\r\n\t\t\t</li>\r\n\r\n\t\t\t<li class=\"page-item\" [class.active]=\"pageNumber === displayPageNumber\" *ngFor=\"let displayPageNumber of displayPageNumbers\">\r\n\t\t\t\t<button *ngIf=\"displayPageNumber !== -1\" type=\"button\" class=\"page-link\" (click)=\"selectPage(displayPageNumber)\">{{displayPageNumber}}</button>\r\n\t\t\t\t<div *ngIf=\"displayPageNumber === -1\" class=\"page-link ellipses pl-1 pr-1 text-white bg-primary\"><i class=\"far fa-ellipsis-h\" style=\"position: relative;\ttop: 4px;\"></i></div>\r\n\t\t\t</li>\r\n\r\n\t\t\t<li *ngIf=\"postDisplayPageNumbers.length > 0\" class=\"page-item\" style=\"margin-left: 2px;\"></li>\r\n\r\n\t\t\t<li class=\"page-item\" *ngFor=\"let displayPageNumber of postDisplayPageNumbers\">\r\n\t\t\t\t<button type=\"button\" class=\"page-link\" style=\"margin-right: 2px;\" (click)=\"selectPage(displayPageNumber)\">{{displayPageNumber}}</button>\r\n\t\t\t</li>\r\n\r\n\t\t\t<li *ngIf=\"postDisplayEllipses === true\" class=\"page-item\"><button type=\"button\" class=\"page-link\" (click)=\"nextSet()\" style=\"margin-right: 2px;\"><i style=\"line-height: .8rem; vertical-align: bottom;\" class=\"far fa-ellipsis-h\"></i></button></li>\r\n\t\t\t<li *ngIf=\"totalPages > 10\" class=\"page-item\" [class.disabled]=\"pageNumber === totalPages\"><button type=\"button\" class=\"page-link\" (click)=\"last()\" style=\"margin-right: 2px;\">{{totalPages}}</button></li>\r\n\t\t\t<li class=\"page-item\" [class.disabled]=\"!totalRecords || pageNumber === totalPages\"><button type=\"button\" class=\"page-link\" (click)=\"nextPage()\"><i class=\"far fa-angle-right\"></i></button></li>\r\n\t\t</ul>\r\n\t\t<div *ngIf=\"totalRecords <= 0\" style=\"font-size: .8em; line-height: 1.4em;\">&nbsp;</div>\r\n\t\t<div *ngIf=\"totalRecords > 0\" style=\"font-size: .8em; line-height: 1.4em;\">\r\n\t\t\tShowing {{currentRecordNumber}}-{{endRecordNumber}} of {{totalRecords}}\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPagingComponent, decorators: [{
+/** @nocollapse */ SlickPagingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPagingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickPagingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickPagingComponent, selector: "slick-paging", inputs: { pageNumber: "pageNumber", totalRecords: "totalRecords", recordsPerPage: "recordsPerPage" }, outputs: { pageNumberChange: "pageNumberChange", onPageChange: "onPageChange" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-paging\">\r\n\t<div class=\"ml-2 d-flex flex-column\">\r\n\t\t<ul class=\"pagination m-0\">\r\n\t\t\t<li class=\"page-item\" [class.disabled]=\"!totalRecords || pageNumber === 1\"><button type=\"button\" class=\"page-link\" (click)=\"previousPage()\" style=\"margin-left: 1px;\"><i class=\"far fa-angle-left\"></i></button></li>\r\n\t\t\t<li *ngIf=\"pageNumber > 10\" class=\"page-item\"><button type=\"button\" class=\"page-link\" (click)=\"first()\" style=\"margin-left: 1px;\">1</button></li>\r\n\t\t\t<li *ngIf=\"preDisplayEllipses === true\" class=\"page-item\"><button type=\"button\" class=\"page-link\" (click)=\"previousSet()\" style=\"margin-left: 1px;\"><i style=\"line-height: .8rem; vertical-align: bottom;\" class=\"far fa-ellipsis-h\"></i></button></li>\r\n\r\n\t\t\t<li *ngIf=\"totalPages > 10\" class=\"page-item\" style=\"margin-left: 2px;\"></li>\r\n\r\n\t\t\t<li class=\"page-item\" *ngFor=\"let displayPageNumber of preDisplayPageNumbers\">\r\n\t\t\t\t<button type=\"button\" class=\"page-link\" style=\"margin-right: 2px;\" (click)=\"selectPage(displayPageNumber)\">{{displayPageNumber}}</button>\r\n\t\t\t</li>\r\n\r\n\t\t\t<li class=\"page-item\" [class.active]=\"pageNumber === displayPageNumber\" *ngFor=\"let displayPageNumber of displayPageNumbers\">\r\n\t\t\t\t<button *ngIf=\"displayPageNumber !== -1\" type=\"button\" class=\"page-link\" (click)=\"selectPage(displayPageNumber)\">{{displayPageNumber}}</button>\r\n\t\t\t\t<div *ngIf=\"displayPageNumber === -1\" class=\"page-link ellipses pl-1 pr-1 text-white bg-primary\"><i class=\"far fa-ellipsis-h\" style=\"position: relative;\ttop: 4px;\"></i></div>\r\n\t\t\t</li>\r\n\r\n\t\t\t<li *ngIf=\"postDisplayPageNumbers.length > 0\" class=\"page-item\" style=\"margin-left: 2px;\"></li>\r\n\r\n\t\t\t<li class=\"page-item\" *ngFor=\"let displayPageNumber of postDisplayPageNumbers\">\r\n\t\t\t\t<button type=\"button\" class=\"page-link\" style=\"margin-right: 2px;\" (click)=\"selectPage(displayPageNumber)\">{{displayPageNumber}}</button>\r\n\t\t\t</li>\r\n\r\n\t\t\t<li *ngIf=\"postDisplayEllipses === true\" class=\"page-item\"><button type=\"button\" class=\"page-link\" (click)=\"nextSet()\" style=\"margin-right: 2px;\"><i style=\"line-height: .8rem; vertical-align: bottom;\" class=\"far fa-ellipsis-h\"></i></button></li>\r\n\t\t\t<li *ngIf=\"totalPages > 10\" class=\"page-item\" [class.disabled]=\"pageNumber === totalPages\"><button type=\"button\" class=\"page-link\" (click)=\"last()\" style=\"margin-right: 2px;\">{{totalPages}}</button></li>\r\n\t\t\t<li class=\"page-item\" [class.disabled]=\"!totalRecords || pageNumber === totalPages\"><button type=\"button\" class=\"page-link\" (click)=\"nextPage()\"><i class=\"far fa-angle-right\"></i></button></li>\r\n\t\t</ul>\r\n\t\t<div *ngIf=\"totalRecords <= 0\" style=\"font-size: .8em; line-height: 1.4em;\">&nbsp;</div>\r\n\t\t<div *ngIf=\"totalRecords > 0\" style=\"font-size: .8em; line-height: 1.4em;\">\r\n\t\t\tShowing {{currentRecordNumber}}-{{endRecordNumber}} of {{totalRecords}}\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPagingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-paging', template: "<div class=\"slick-paging\">\r\n\t<div class=\"ml-2 d-flex flex-column\">\r\n\t\t<ul class=\"pagination m-0\">\r\n\t\t\t<li class=\"page-item\" [class.disabled]=\"!totalRecords || pageNumber === 1\"><button type=\"button\" class=\"page-link\" (click)=\"previousPage()\" style=\"margin-left: 1px;\"><i class=\"far fa-angle-left\"></i></button></li>\r\n\t\t\t<li *ngIf=\"pageNumber > 10\" class=\"page-item\"><button type=\"button\" class=\"page-link\" (click)=\"first()\" style=\"margin-left: 1px;\">1</button></li>\r\n\t\t\t<li *ngIf=\"preDisplayEllipses === true\" class=\"page-item\"><button type=\"button\" class=\"page-link\" (click)=\"previousSet()\" style=\"margin-left: 1px;\"><i style=\"line-height: .8rem; vertical-align: bottom;\" class=\"far fa-ellipsis-h\"></i></button></li>\r\n\r\n\t\t\t<li *ngIf=\"totalPages > 10\" class=\"page-item\" style=\"margin-left: 2px;\"></li>\r\n\r\n\t\t\t<li class=\"page-item\" *ngFor=\"let displayPageNumber of preDisplayPageNumbers\">\r\n\t\t\t\t<button type=\"button\" class=\"page-link\" style=\"margin-right: 2px;\" (click)=\"selectPage(displayPageNumber)\">{{displayPageNumber}}</button>\r\n\t\t\t</li>\r\n\r\n\t\t\t<li class=\"page-item\" [class.active]=\"pageNumber === displayPageNumber\" *ngFor=\"let displayPageNumber of displayPageNumbers\">\r\n\t\t\t\t<button *ngIf=\"displayPageNumber !== -1\" type=\"button\" class=\"page-link\" (click)=\"selectPage(displayPageNumber)\">{{displayPageNumber}}</button>\r\n\t\t\t\t<div *ngIf=\"displayPageNumber === -1\" class=\"page-link ellipses pl-1 pr-1 text-white bg-primary\"><i class=\"far fa-ellipsis-h\" style=\"position: relative;\ttop: 4px;\"></i></div>\r\n\t\t\t</li>\r\n\r\n\t\t\t<li *ngIf=\"postDisplayPageNumbers.length > 0\" class=\"page-item\" style=\"margin-left: 2px;\"></li>\r\n\r\n\t\t\t<li class=\"page-item\" *ngFor=\"let displayPageNumber of postDisplayPageNumbers\">\r\n\t\t\t\t<button type=\"button\" class=\"page-link\" style=\"margin-right: 2px;\" (click)=\"selectPage(displayPageNumber)\">{{displayPageNumber}}</button>\r\n\t\t\t</li>\r\n\r\n\t\t\t<li *ngIf=\"postDisplayEllipses === true\" class=\"page-item\"><button type=\"button\" class=\"page-link\" (click)=\"nextSet()\" style=\"margin-right: 2px;\"><i style=\"line-height: .8rem; vertical-align: bottom;\" class=\"far fa-ellipsis-h\"></i></button></li>\r\n\t\t\t<li *ngIf=\"totalPages > 10\" class=\"page-item\" [class.disabled]=\"pageNumber === totalPages\"><button type=\"button\" class=\"page-link\" (click)=\"last()\" style=\"margin-right: 2px;\">{{totalPages}}</button></li>\r\n\t\t\t<li class=\"page-item\" [class.disabled]=\"!totalRecords || pageNumber === totalPages\"><button type=\"button\" class=\"page-link\" (click)=\"nextPage()\"><i class=\"far fa-angle-right\"></i></button></li>\r\n\t\t</ul>\r\n\t\t<div *ngIf=\"totalRecords <= 0\" style=\"font-size: .8em; line-height: 1.4em;\">&nbsp;</div>\r\n\t\t<div *ngIf=\"totalRecords > 0\" style=\"font-size: .8em; line-height: 1.4em;\">\r\n\t\t\tShowing {{currentRecordNumber}}-{{endRecordNumber}} of {{totalRecords}}\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { class: [{
@@ -5388,9 +5400,9 @@ class SlickGridSanitizeHtmlPipe {
         return this._sanitizer.bypassSecurityTrustHtml(v);
     }
 }
-/** @nocollapse */ SlickGridSanitizeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridSanitizeHtmlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-/** @nocollapse */ SlickGridSanitizeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridSanitizeHtmlPipe, name: "slickGridSanitizeHtml" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridSanitizeHtmlPipe, decorators: [{
+/** @nocollapse */ SlickGridSanitizeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridSanitizeHtmlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ SlickGridSanitizeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickGridSanitizeHtmlPipe, name: "slickGridSanitizeHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridSanitizeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'slickGridSanitizeHtml'
@@ -5801,7 +5813,7 @@ class SlickGridComponent {
         this.columnSelectDialogRef.showDialog();
     }
     onColumnDrop(e) {
-        console.log(e);
+        console.info(e);
     }
     async onColumnReorder(e) {
         const oldOrder = e[0];
@@ -6103,9 +6115,9 @@ class SlickGridComponent {
         }
     }
 }
-/** @nocollapse */ SlickGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridComponent, deps: [{ token: SlickGridService }, { token: SlickFunctionLockService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickGridComponent, selector: "slick-grid", inputs: { gridOptions: "gridOptions", bordered: "bordered", striped: "striped", hover: "hover", showingAllRecords: "showingAllRecords", data: "data" }, outputs: { onRowSelected: "onRowSelected", onRowDoubleClick: "onRowDoubleClick", onRowContextMenu: "onRowContextMenu", onFavoritesModified: "onFavoritesModified" }, host: { listeners: { "window:resize": "onResize($event,$event.target)" }, properties: { "class": "this.flexColumn" } }, providers: [SlickGridService], queries: [{ propertyName: "slickGridColumnTemplates", predicate: SlickGridColumnTemplateDirective }], viewQueries: [{ propertyName: "slickGridRef", first: true, predicate: ["slickGrid"], descendants: true, static: true }, { propertyName: "tableContainerRef", first: true, predicate: ["tableContainer"], descendants: true }, { propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true }, { propertyName: "tableHeaderRowRef", first: true, predicate: ["tableHeaderRow"], descendants: true }, { propertyName: "tableHeaderSearchRowRef", first: true, predicate: ["tableHeaderSearchRow"], descendants: true }, { propertyName: "testRowRef", first: true, predicate: ["testRow"], descendants: true }, { propertyName: "tableBodyRowsRef", first: true, predicate: ["tableBodyRows"], descendants: true }, { propertyName: "columnSelectDialogRef", first: true, predicate: ["columnSelectDialogRef"], descendants: true }, { propertyName: "addNewFavoriteDialogRef", first: true, predicate: ["addNewFavoriteDialogRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"slick-grid_{{uuid}}\" class=\"slick-grid d-flex flex-column flex-fill\" style=\"position: absolute; left: 0; top: 0; right: 0; bottom: 0;\" #slickGrid>\r\n\t<div #tableContainer class=\"d-flex flex-fill\" style=\"overflow: auto\">\r\n\r\n\t\t<div>\r\n\t\t\t<table #tableRef class=\"table table-sm\" [class.table-bordered]=\"bordered\" [class.table-borderless]=\"!bordered\" [class.table-striped]=\"striped\" [class.table-hover]=\"hover\" [style.opacity]=\"gridOpacity\" style=\"margin: 0; padding: 0;\" (keydown)=\"tableKeydown($event)\" tabindex=\"0\">\r\n\t\t\t\t<thead>\r\n\t\t\t\t\t<tr #tableHeaderRow (mousemove)=\"onColResizeMousemove($event)\" [ngClass]=\"{ 'resizing': isResizing === true }\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns; let idx = index\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [style.height]=\"column.titleHeight\">\r\n\t\t\t\t\t\t\t<div [ngClass]=\"{ 'slick-grid_title-vertical' : column.titleOrientation === 1 }\">\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"idx > 0 && idx < visibleColumns.length\" class=\"resize_column_left\" [class.table-bordered]=\"bordered\" (mousedown)=\"onColResizeMousedown($event, idx - 1)\" (dblclick)=\"onColResizeDoubleclick($event, idx - 1)\"></div>\r\n\t\t\t\t\t\t\t\t<span class=\"sortIcon\" *ngIf=\"column.sortable === true && column.sortDirection > 0\"><i class=\"far\" [ngClass]=\"{'fa-caret-up': column.sortDirection === 1, 'fa-caret-down': column.sortDirection === 2}\"></i>&nbsp;</span>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:void(0)\" *ngIf=\"column.sortable === true\" (click)=\"sortBy(column)\" draggable=\"false\" title=\"{{column.title}}\">{{column.title}}</a>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.sortable === false\" title=\"{{column.title}}\">{{column.title}}</div>\r\n\t\t\t\t\t\t\t\t<div class=\"resize_column_right\" (mousedown)=\"onColResizeMousedown($event, idx)\" (dblclick)=\"onColResizeDoubleclick($event, idx)\"></div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr #tableHeaderSearchRow *ngIf=\"showSearchRow === true\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div class=\"slick-grid_search-column\">\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering\" class=\"fas fa-times-circle bg-white text-danger mr-1\" (click)=\"resetFilter(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && column.isLocked\" class=\"far fa-lock mr-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && !column.isLocked\" class=\"far fa-lock-open mr-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 1\" class=\"slick-grid_text-search\">\r\n\t\t\t\t\t\t\t\t\t<input autocomplete=\"nope\" type=\"text\" class=\"form-control\" [(ngModel)]=\"column.filterText\" name=\"searchText\" placeholder=\"Search...\" (keydown)=\"onSearch(column)\" />\r\n\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 2\" class=\"input-group slick-grid_drop-down-search\">\r\n\t\t\t\t\t\t\t\t\t<slick-drop-down [items]=\"column.filterDropdownValues\" [(ngModel)]=\"column.filterDropdownValue\" listWidth=\"auto\" placeholder=\"Search...\" (onSelect)=\"onSearchSelect($event, column)\"></slick-drop-down>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr *ngIf=\"loaded && visibleData.length === 0\"><td [colSpan]=\"visibleColumns.length\">No Data</td></tr>\r\n\t\t\t\t\t<tr *ngFor=\"let rowData of visibleData; let idx = index\" #tableBodyRows (click)=\"onRowClicked(rowData, idx)\" (dblclick)=\"onRowDoubleClicked(rowData, idx)\" (contextmenu)=\"onRowContextMenuClicked($event, rowData, idx)\" [class.table-success]=\"selectedIndex === idx\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div *ngIf=\"!column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [innerHTML]=\"getColumnHTML(rowData, column.dataFieldName) | slickGridSanitizeHtml\"></div>\r\n\t\t\t\t\t\t\t<div *ngIf=\"column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\">\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"templateRefs[column.columnKey], context: { $implicit: rowData }\">\r\n\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\r\n\t<div class=\"slick-grid-footer mt-2 d-flex\">\r\n\t\t<div>\r\n\t\t\t<button type=\"button\" (click)=\"openColumnSelectDialog()\" class=\"btn btn-outline-primary\"><i class=\"far fa-columns\"></i></button>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"favorites?.length > 1\">\r\n\t\t\t<button #favoriteSelectRef type=\"button\" class=\"btn btn-outline-primary ml-1\"><i class=\"far fa-star\"></i> {{this.selectedFavorite}}</button>\r\n\t\t\t<slick-popover [element]=\"favoriteSelectRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 250px; cursor: default\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr *ngFor=\"let favorite of favorites\" (click)=\"setFavorite(favorite.text)\">\r\n\t\t\t\t\t\t\t<td><i *ngIf=\"favorite.text === selectedFavorite\" class=\"far fa-star mr-1\"></i>{{favorite.text}}</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</slick-popover>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showingAllRecords == false\">\r\n\t\t\t<slick-paging [(pageNumber)]=\"currentPage\" [totalRecords]=\"totalRecords\" [recordsPerPage]=\"recordsPerPage\" (onPageChange)=\"onPageChange($event)\"></slick-paging>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showingAllRecords == false\" class=\"ml-1\">\r\n\t\t\t<button #recordsPerPageRef type=\"button\" class=\"btn btn-outline-primary\">{{recordsPerPageValue}}&nbsp;&nbsp;<i style=\"font-size: 12px\" class=\"far fa-chevron-down\"></i></button>\r\n\r\n\t\t\t<slick-popover [element]=\"recordsPerPageRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 150px;\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('Auto')\"><td>Auto</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('25')\"><td>25</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('50')\"><td>50</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('100')\"><td>100</td></tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</slick-popover>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<slick-dialog #columnSelectDialogRef header=\"Select Columns\">\r\n\t<div style=\"text-align: center; width: 475px;\" class=\"mx-5\">\r\n\t\t<div class=\"d-flex\">\r\n\t\t\t<div class=\"flex-fill\">\r\n\t\t\t\t<slick-drop-down [items]=\"favorites\"\r\n\t\t\t\t\t\t\t\t [ngModel]=\"selectedFavorite\"\r\n\t\t\t\t\t\t\t\t (onSelect)=\"loadFavorite($event)\"></slick-drop-down>\r\n\t\t\t</div>\r\n\t\t\t<div><button class=\"btn btn-outline-primary ml-1\" (click)=\"addNewFavorite()\"><i class=\"far fa-plus\"></i></button></div>\r\n\t\t</div>\r\n\t\t<div class=\"d-flex flex-column mt-1\" slick-drop-list (onSlickDropListReorder)=\"onColumnReorder($event)\">\r\n\t\t\t<div *ngFor=\"let column of columnSelectDialogColumns\" class=\"d-flex\" slick-drop-list-item>\r\n\t\t\t\t<div style=\"width: 20px\"><input type=\"checkbox\" style=\"position: relative; top: 2px;\" [(ngModel)]=\"column.visible\" /></div>\r\n\t\t\t\t<div class=\"py-0 flex-fill\" style=\"text-align: left; cursor: ns-resize\" slick-drop-list-grab>{{column.title}}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<slick-dialog-footer>\r\n\t\t<div style=\"margin-top: 10px;\" class=\"col-12 text-center mb-2 mt-1\">\r\n\t\t\t<button type=\"button\" (click)=\"onSaveColumns()\" class=\"btn btn-outline-primary mr-1\"><i class=\"far fa-save\"></i>&nbsp;Save</button>&nbsp;\r\n\t\t\t<button type=\"button\" class=\"btn btn-outline-danger\" (click)=\"onCancelColumns()\">Cancel</button>\r\n\t\t</div>\r\n\t</slick-dialog-footer>\r\n</slick-dialog>\r\n\r\n\r\n<slick-confirm-dialog #addNewFavoriteDialogRef width=\"300\">\r\n\t<label>Enter new favorite name</label>\r\n\t<input type=\"text\" class=\"form-control mx-3\" style=\"width: 250px\" [(ngModel)]=\"newFavoriteText\" />\r\n</slick-confirm-dialog>", components: [{ type: SlickDropDownComponent, selector: "slick-drop-down", inputs: ["placeholder", "items", "idFieldName", "textFieldName", "compact", "disabled", "allowEmpty", "getUrl", "width", "listWidth", "height", "showLoadingMessage", "showDebug", "tabindex", "validationIndicator", "validationIndicatorType", "attachTo", "searchType", "appendButtons", "prependButtons", "isMobile", "cssClass"], outputs: ["onExpand", "onSelect", "onChange"] }, { type: SlickPopoverComponent, selector: "slick-popover", inputs: ["element", "position", "hoverDelay", "outDelay", "alignment", "topOffsetPx", "leftOffsetPx", "whiteBackground", "showByClick", "showArrow"] }, { type: SlickPagingComponent, selector: "slick-paging", inputs: ["pageNumber", "totalRecords", "recordsPerPage"], outputs: ["pageNumberChange", "onPageChange"] }, { type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }, { type: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: ["width", "okButtonText", "cancelButtonText", "showOkButton", "showCancelButton"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: SlickDropListDirective, selector: "[slick-drop-list]", outputs: ["onSlickDropListReorder", "onSlickDropListEnter", "onSlickDropListLeave"] }, { type: SlickDropListItemDirective, selector: "[slick-drop-list-item]" }, { type: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: SlickDropListGrabDirective, selector: "[slick-drop-list-grab]" }], pipes: { "slickGridSanitizeHtml": SlickGridSanitizeHtmlPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridComponent, decorators: [{
+/** @nocollapse */ SlickGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridComponent, deps: [{ token: SlickGridService }, { token: SlickFunctionLockService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickGridComponent, selector: "slick-grid", inputs: { gridOptions: "gridOptions", bordered: "bordered", striped: "striped", hover: "hover", showingAllRecords: "showingAllRecords", data: "data" }, outputs: { onRowSelected: "onRowSelected", onRowDoubleClick: "onRowDoubleClick", onRowContextMenu: "onRowContextMenu", onFavoritesModified: "onFavoritesModified" }, host: { listeners: { "window:resize": "onResize($event,$event.target)" }, properties: { "class": "this.flexColumn" } }, providers: [SlickGridService], queries: [{ propertyName: "slickGridColumnTemplates", predicate: SlickGridColumnTemplateDirective }], viewQueries: [{ propertyName: "slickGridRef", first: true, predicate: ["slickGrid"], descendants: true, static: true }, { propertyName: "tableContainerRef", first: true, predicate: ["tableContainer"], descendants: true }, { propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true }, { propertyName: "tableHeaderRowRef", first: true, predicate: ["tableHeaderRow"], descendants: true }, { propertyName: "tableHeaderSearchRowRef", first: true, predicate: ["tableHeaderSearchRow"], descendants: true }, { propertyName: "testRowRef", first: true, predicate: ["testRow"], descendants: true }, { propertyName: "tableBodyRowsRef", first: true, predicate: ["tableBodyRows"], descendants: true }, { propertyName: "columnSelectDialogRef", first: true, predicate: ["columnSelectDialogRef"], descendants: true }, { propertyName: "addNewFavoriteDialogRef", first: true, predicate: ["addNewFavoriteDialogRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"slick-grid_{{uuid}}\" class=\"slick-grid d-flex flex-column flex-fill\" style=\"position: absolute; left: 0; top: 0; right: 0; bottom: 0;\" #slickGrid>\r\n\t<div #tableContainer class=\"d-flex flex-fill\" style=\"overflow: auto\">\r\n\r\n\t\t<div>\r\n\t\t\t<table #tableRef class=\"table table-sm\" [class.table-bordered]=\"bordered\" [class.table-borderless]=\"!bordered\" [class.table-striped]=\"striped\" [class.table-hover]=\"hover\" [style.opacity]=\"gridOpacity\" style=\"margin: 0; padding: 0;\" (keydown)=\"tableKeydown($event)\" tabindex=\"0\">\r\n\t\t\t\t<thead>\r\n\t\t\t\t\t<tr #tableHeaderRow (mousemove)=\"onColResizeMousemove($event)\" [ngClass]=\"{ 'resizing': isResizing === true }\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns; let idx = index\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [style.height]=\"column.titleHeight\">\r\n\t\t\t\t\t\t\t<div [ngClass]=\"{ 'slick-grid_title-vertical' : column.titleOrientation === 1 }\">\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"idx > 0 && idx < visibleColumns.length\" class=\"resize_column_left\" [class.table-bordered]=\"bordered\" (mousedown)=\"onColResizeMousedown($event, idx - 1)\" (dblclick)=\"onColResizeDoubleclick($event, idx - 1)\"></div>\r\n\t\t\t\t\t\t\t\t<span class=\"sortIcon\" *ngIf=\"column.sortable === true && column.sortDirection > 0\"><i class=\"far\" [ngClass]=\"{'fa-caret-up': column.sortDirection === 1, 'fa-caret-down': column.sortDirection === 2}\"></i>&nbsp;</span>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:void(0)\" *ngIf=\"column.sortable === true\" (click)=\"sortBy(column)\" draggable=\"false\" title=\"{{column.title}}\">{{column.title}}</a>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.sortable === false\" title=\"{{column.title}}\">{{column.title}}</div>\r\n\t\t\t\t\t\t\t\t<div class=\"resize_column_right\" (mousedown)=\"onColResizeMousedown($event, idx)\" (dblclick)=\"onColResizeDoubleclick($event, idx)\"></div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr #tableHeaderSearchRow *ngIf=\"showSearchRow === true\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div class=\"slick-grid_search-column\">\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering\" class=\"fas fa-times-circle bg-white text-danger mr-1\" (click)=\"resetFilter(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && column.isLocked\" class=\"far fa-lock mr-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && !column.isLocked\" class=\"far fa-lock-open mr-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 1\" class=\"slick-grid_text-search\">\r\n\t\t\t\t\t\t\t\t\t<input autocomplete=\"nope\" type=\"text\" class=\"form-control\" [(ngModel)]=\"column.filterText\" name=\"searchText\" placeholder=\"Search...\" (keydown)=\"onSearch(column)\" />\r\n\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 2\" class=\"input-group slick-grid_drop-down-search\">\r\n\t\t\t\t\t\t\t\t\t<slick-drop-down [items]=\"column.filterDropdownValues\" [(ngModel)]=\"column.filterDropdownValue\" listWidth=\"auto\" placeholder=\"Search...\" (onSelect)=\"onSearchSelect($event, column)\"></slick-drop-down>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr *ngIf=\"loaded && visibleData.length === 0\"><td [colSpan]=\"visibleColumns.length\">No Data</td></tr>\r\n\t\t\t\t\t<tr *ngFor=\"let rowData of visibleData; let idx = index\" #tableBodyRows (click)=\"onRowClicked(rowData, idx)\" (dblclick)=\"onRowDoubleClicked(rowData, idx)\" (contextmenu)=\"onRowContextMenuClicked($event, rowData, idx)\" [class.table-success]=\"selectedIndex === idx\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div *ngIf=\"!column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [innerHTML]=\"getColumnHTML(rowData, column.dataFieldName) | slickGridSanitizeHtml\"></div>\r\n\t\t\t\t\t\t\t<div *ngIf=\"column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\">\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"templateRefs[column.columnKey], context: { $implicit: rowData }\">\r\n\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\r\n\t<div class=\"slick-grid-footer mt-2 d-flex\">\r\n\t\t<div>\r\n\t\t\t<button type=\"button\" (click)=\"openColumnSelectDialog()\" class=\"btn btn-outline-primary\"><i class=\"far fa-columns\"></i></button>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"favorites?.length > 1\">\r\n\t\t\t<button #favoriteSelectRef type=\"button\" class=\"btn btn-outline-primary ml-1\"><i class=\"far fa-star\"></i> {{this.selectedFavorite}}</button>\r\n\t\t\t<slick-popover [element]=\"favoriteSelectRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 250px; cursor: default\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr *ngFor=\"let favorite of favorites\" (click)=\"setFavorite(favorite.text)\">\r\n\t\t\t\t\t\t\t<td><i *ngIf=\"favorite.text === selectedFavorite\" class=\"far fa-star mr-1\"></i>{{favorite.text}}</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</slick-popover>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showingAllRecords == false\">\r\n\t\t\t<slick-paging [(pageNumber)]=\"currentPage\" [totalRecords]=\"totalRecords\" [recordsPerPage]=\"recordsPerPage\" (onPageChange)=\"onPageChange($event)\"></slick-paging>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showingAllRecords == false\" class=\"ml-1\">\r\n\t\t\t<button #recordsPerPageRef type=\"button\" class=\"btn btn-outline-primary\">{{recordsPerPageValue}}&nbsp;&nbsp;<i style=\"font-size: 12px\" class=\"far fa-chevron-down\"></i></button>\r\n\r\n\t\t\t<slick-popover [element]=\"recordsPerPageRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 150px;\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('Auto')\"><td>Auto</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('25')\"><td>25</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('50')\"><td>50</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('100')\"><td>100</td></tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</slick-popover>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<slick-dialog #columnSelectDialogRef header=\"Select Columns\">\r\n\t<div style=\"text-align: center; width: 475px;\" class=\"mx-5\">\r\n\t\t<div class=\"d-flex\">\r\n\t\t\t<div class=\"flex-fill\">\r\n\t\t\t\t<slick-drop-down [items]=\"favorites\"\r\n\t\t\t\t\t\t\t\t [ngModel]=\"selectedFavorite\"\r\n\t\t\t\t\t\t\t\t (onSelect)=\"loadFavorite($event)\"></slick-drop-down>\r\n\t\t\t</div>\r\n\t\t\t<div><button class=\"btn btn-outline-primary ml-1\" (click)=\"addNewFavorite()\"><i class=\"far fa-plus\"></i></button></div>\r\n\t\t</div>\r\n\t\t<div class=\"d-flex flex-column mt-1\" slick-drop-list (onSlickDropListReorder)=\"onColumnReorder($event)\">\r\n\t\t\t<div *ngFor=\"let column of columnSelectDialogColumns\" class=\"d-flex\" slick-drop-list-item>\r\n\t\t\t\t<div style=\"width: 20px\"><input type=\"checkbox\" style=\"position: relative; top: 2px;\" [(ngModel)]=\"column.visible\" /></div>\r\n\t\t\t\t<div class=\"py-0 flex-fill\" style=\"text-align: left; cursor: ns-resize\" slick-drop-list-grab>{{column.title}}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<slick-dialog-footer>\r\n\t\t<div style=\"margin-top: 10px;\" class=\"col-12 text-center mb-2 mt-1\">\r\n\t\t\t<button type=\"button\" (click)=\"onSaveColumns()\" class=\"btn btn-outline-primary mr-1\"><i class=\"far fa-save\"></i>&nbsp;Save</button>&nbsp;\r\n\t\t\t<button type=\"button\" class=\"btn btn-outline-danger\" (click)=\"onCancelColumns()\">Cancel</button>\r\n\t\t</div>\r\n\t</slick-dialog-footer>\r\n</slick-dialog>\r\n\r\n\r\n<slick-confirm-dialog #addNewFavoriteDialogRef width=\"300\">\r\n\t<label>Enter new favorite name</label>\r\n\t<input type=\"text\" class=\"form-control mx-3\" style=\"width: 250px\" [(ngModel)]=\"newFavoriteText\" />\r\n</slick-confirm-dialog>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: ["width", "okButtonText", "cancelButtonText", "showOkButton", "showCancelButton"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickPopoverComponent, selector: "slick-popover", inputs: ["element", "position", "hoverDelay", "outDelay", "alignment", "topOffsetPx", "leftOffsetPx", "whiteBackground", "showByClick", "showArrow"] }, { kind: "component", type: SlickDialogComponent, selector: "slick-dialog", inputs: ["draggable", "resizable", "minimizable", "header", "showHeader", "noPadding", "top", "width", "height", "maxHeight", "cssClass", "key", "showOverlay", "disableScrollbar"], outputs: ["onClose"] }, { kind: "component", type: SlickDialogFooterComponent, selector: "slick-dialog-footer" }, { kind: "component", type: SlickDropDownComponent, selector: "slick-drop-down", inputs: ["placeholder", "items", "idFieldName", "textFieldName", "compact", "disabled", "allowEmpty", "getUrl", "width", "listWidth", "height", "showLoadingMessage", "showDebug", "tabindex", "validationIndicator", "validationIndicatorType", "attachTo", "searchType", "appendButtons", "prependButtons", "isMobile", "cssClass"], outputs: ["onExpand", "onSelect", "onChange"] }, { kind: "directive", type: SlickDropListDirective, selector: "[slick-drop-list]", outputs: ["onSlickDropListReorder", "onSlickDropListEnter", "onSlickDropListLeave"] }, { kind: "directive", type: SlickDropListItemDirective, selector: "[slick-drop-list-item]" }, { kind: "directive", type: SlickDropListGrabDirective, selector: "[slick-drop-list-grab]" }, { kind: "component", type: SlickPagingComponent, selector: "slick-paging", inputs: ["pageNumber", "totalRecords", "recordsPerPage"], outputs: ["pageNumberChange", "onPageChange"] }, { kind: "pipe", type: SlickGridSanitizeHtmlPipe, name: "slickGridSanitizeHtml" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-grid', providers: [SlickGridService], template: "<div id=\"slick-grid_{{uuid}}\" class=\"slick-grid d-flex flex-column flex-fill\" style=\"position: absolute; left: 0; top: 0; right: 0; bottom: 0;\" #slickGrid>\r\n\t<div #tableContainer class=\"d-flex flex-fill\" style=\"overflow: auto\">\r\n\r\n\t\t<div>\r\n\t\t\t<table #tableRef class=\"table table-sm\" [class.table-bordered]=\"bordered\" [class.table-borderless]=\"!bordered\" [class.table-striped]=\"striped\" [class.table-hover]=\"hover\" [style.opacity]=\"gridOpacity\" style=\"margin: 0; padding: 0;\" (keydown)=\"tableKeydown($event)\" tabindex=\"0\">\r\n\t\t\t\t<thead>\r\n\t\t\t\t\t<tr #tableHeaderRow (mousemove)=\"onColResizeMousemove($event)\" [ngClass]=\"{ 'resizing': isResizing === true }\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns; let idx = index\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [style.height]=\"column.titleHeight\">\r\n\t\t\t\t\t\t\t<div [ngClass]=\"{ 'slick-grid_title-vertical' : column.titleOrientation === 1 }\">\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"idx > 0 && idx < visibleColumns.length\" class=\"resize_column_left\" [class.table-bordered]=\"bordered\" (mousedown)=\"onColResizeMousedown($event, idx - 1)\" (dblclick)=\"onColResizeDoubleclick($event, idx - 1)\"></div>\r\n\t\t\t\t\t\t\t\t<span class=\"sortIcon\" *ngIf=\"column.sortable === true && column.sortDirection > 0\"><i class=\"far\" [ngClass]=\"{'fa-caret-up': column.sortDirection === 1, 'fa-caret-down': column.sortDirection === 2}\"></i>&nbsp;</span>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:void(0)\" *ngIf=\"column.sortable === true\" (click)=\"sortBy(column)\" draggable=\"false\" title=\"{{column.title}}\">{{column.title}}</a>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.sortable === false\" title=\"{{column.title}}\">{{column.title}}</div>\r\n\t\t\t\t\t\t\t\t<div class=\"resize_column_right\" (mousedown)=\"onColResizeMousedown($event, idx)\" (dblclick)=\"onColResizeDoubleclick($event, idx)\"></div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr #tableHeaderSearchRow *ngIf=\"showSearchRow === true\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div class=\"slick-grid_search-column\">\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering\" class=\"fas fa-times-circle bg-white text-danger mr-1\" (click)=\"resetFilter(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && column.isLocked\" class=\"far fa-lock mr-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && !column.isLocked\" class=\"far fa-lock-open mr-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 1\" class=\"slick-grid_text-search\">\r\n\t\t\t\t\t\t\t\t\t<input autocomplete=\"nope\" type=\"text\" class=\"form-control\" [(ngModel)]=\"column.filterText\" name=\"searchText\" placeholder=\"Search...\" (keydown)=\"onSearch(column)\" />\r\n\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 2\" class=\"input-group slick-grid_drop-down-search\">\r\n\t\t\t\t\t\t\t\t\t<slick-drop-down [items]=\"column.filterDropdownValues\" [(ngModel)]=\"column.filterDropdownValue\" listWidth=\"auto\" placeholder=\"Search...\" (onSelect)=\"onSearchSelect($event, column)\"></slick-drop-down>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr *ngIf=\"loaded && visibleData.length === 0\"><td [colSpan]=\"visibleColumns.length\">No Data</td></tr>\r\n\t\t\t\t\t<tr *ngFor=\"let rowData of visibleData; let idx = index\" #tableBodyRows (click)=\"onRowClicked(rowData, idx)\" (dblclick)=\"onRowDoubleClicked(rowData, idx)\" (contextmenu)=\"onRowContextMenuClicked($event, rowData, idx)\" [class.table-success]=\"selectedIndex === idx\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div *ngIf=\"!column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [innerHTML]=\"getColumnHTML(rowData, column.dataFieldName) | slickGridSanitizeHtml\"></div>\r\n\t\t\t\t\t\t\t<div *ngIf=\"column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\">\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"templateRefs[column.columnKey], context: { $implicit: rowData }\">\r\n\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\r\n\t<div class=\"slick-grid-footer mt-2 d-flex\">\r\n\t\t<div>\r\n\t\t\t<button type=\"button\" (click)=\"openColumnSelectDialog()\" class=\"btn btn-outline-primary\"><i class=\"far fa-columns\"></i></button>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"favorites?.length > 1\">\r\n\t\t\t<button #favoriteSelectRef type=\"button\" class=\"btn btn-outline-primary ml-1\"><i class=\"far fa-star\"></i> {{this.selectedFavorite}}</button>\r\n\t\t\t<slick-popover [element]=\"favoriteSelectRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 250px; cursor: default\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr *ngFor=\"let favorite of favorites\" (click)=\"setFavorite(favorite.text)\">\r\n\t\t\t\t\t\t\t<td><i *ngIf=\"favorite.text === selectedFavorite\" class=\"far fa-star mr-1\"></i>{{favorite.text}}</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</slick-popover>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showingAllRecords == false\">\r\n\t\t\t<slick-paging [(pageNumber)]=\"currentPage\" [totalRecords]=\"totalRecords\" [recordsPerPage]=\"recordsPerPage\" (onPageChange)=\"onPageChange($event)\"></slick-paging>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showingAllRecords == false\" class=\"ml-1\">\r\n\t\t\t<button #recordsPerPageRef type=\"button\" class=\"btn btn-outline-primary\">{{recordsPerPageValue}}&nbsp;&nbsp;<i style=\"font-size: 12px\" class=\"far fa-chevron-down\"></i></button>\r\n\r\n\t\t\t<slick-popover [element]=\"recordsPerPageRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 150px;\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('Auto')\"><td>Auto</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('25')\"><td>25</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('50')\"><td>50</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('100')\"><td>100</td></tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</slick-popover>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<slick-dialog #columnSelectDialogRef header=\"Select Columns\">\r\n\t<div style=\"text-align: center; width: 475px;\" class=\"mx-5\">\r\n\t\t<div class=\"d-flex\">\r\n\t\t\t<div class=\"flex-fill\">\r\n\t\t\t\t<slick-drop-down [items]=\"favorites\"\r\n\t\t\t\t\t\t\t\t [ngModel]=\"selectedFavorite\"\r\n\t\t\t\t\t\t\t\t (onSelect)=\"loadFavorite($event)\"></slick-drop-down>\r\n\t\t\t</div>\r\n\t\t\t<div><button class=\"btn btn-outline-primary ml-1\" (click)=\"addNewFavorite()\"><i class=\"far fa-plus\"></i></button></div>\r\n\t\t</div>\r\n\t\t<div class=\"d-flex flex-column mt-1\" slick-drop-list (onSlickDropListReorder)=\"onColumnReorder($event)\">\r\n\t\t\t<div *ngFor=\"let column of columnSelectDialogColumns\" class=\"d-flex\" slick-drop-list-item>\r\n\t\t\t\t<div style=\"width: 20px\"><input type=\"checkbox\" style=\"position: relative; top: 2px;\" [(ngModel)]=\"column.visible\" /></div>\r\n\t\t\t\t<div class=\"py-0 flex-fill\" style=\"text-align: left; cursor: ns-resize\" slick-drop-list-grab>{{column.title}}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<slick-dialog-footer>\r\n\t\t<div style=\"margin-top: 10px;\" class=\"col-12 text-center mb-2 mt-1\">\r\n\t\t\t<button type=\"button\" (click)=\"onSaveColumns()\" class=\"btn btn-outline-primary mr-1\"><i class=\"far fa-save\"></i>&nbsp;Save</button>&nbsp;\r\n\t\t\t<button type=\"button\" class=\"btn btn-outline-danger\" (click)=\"onCancelColumns()\">Cancel</button>\r\n\t\t</div>\r\n\t</slick-dialog-footer>\r\n</slick-dialog>\r\n\r\n\r\n<slick-confirm-dialog #addNewFavoriteDialogRef width=\"300\">\r\n\t<label>Enter new favorite name</label>\r\n\t<input type=\"text\" class=\"form-control mx-3\" style=\"width: 250px\" [(ngModel)]=\"newFavoriteText\" />\r\n</slick-confirm-dialog>" }]
         }], ctorParameters: function () { return [{ type: SlickGridService }, { type: SlickFunctionLockService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { flexColumn: [{
@@ -6179,10 +6191,10 @@ class SlickGridOptions {
 
 class SlickPagingModule {
 }
-/** @nocollapse */ SlickPagingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPagingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickPagingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPagingModule, declarations: [SlickPagingComponent], imports: [CommonModule], exports: [SlickPagingComponent] });
-/** @nocollapse */ SlickPagingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPagingModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPagingModule, decorators: [{
+/** @nocollapse */ SlickPagingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPagingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickPagingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickPagingModule, declarations: [SlickPagingComponent], imports: [CommonModule], exports: [SlickPagingComponent] });
+/** @nocollapse */ SlickPagingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPagingModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPagingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -6366,9 +6378,9 @@ class SlickOrderedListComponent {
         this.itemsChange.emit(this.items);
     }
 }
-/** @nocollapse */ SlickOrderedListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickOrderedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickOrderedListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickOrderedListComponent, selector: "slick-ordered-list", inputs: { items: "items", title: "title", sortOrderFieldName: "sortOrderFieldName", displayFieldName: "displayFieldName", buttonAlignment: "buttonAlignment" }, outputs: { itemsChange: "itemsChange", selectedItemsChange: "selectedItemsChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-ordered-list\" id=\"slick-ordered-list_{{uuid}}\">\r\n\t<div *ngIf=\"buttonAlignment === 'left'\" class=\"slick-ordered-list_buttons\">\r\n\t\t<span *ngIf=\"title\"><br /></span>\r\n\t\t<button type=\"button\" class=\"move-top btn btn-outline-primary\" (click)=\"moveTop()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveUp()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveDown()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-down\"></i></button>\r\n\t\t<button type=\"button\" class=\"move-bottom btn btn-outline-primary\" (click)=\"moveBottom()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-down\"></i></button>\r\n\t</div>\r\n\t<div class=\"slick-ordered-list_list-items\">\r\n\t\t{{title}}<br />\r\n\t\t<ul class=\"dropdown-menu\">\r\n\t\t\t<li *ngFor=\"let item of internalItems\" class=\"dropdown-item\" style=\"cursor: pointer;\" [ngClass]=\"{'active': item.selected}\" (click)=\"selectItem($event, item)\">{{item.text}}</li>\r\n\t\t\t<li *ngIf=\"!internalItems || internalItems.length === 0\" class=\"slick-ordered-list_no-items list-group-item\">No Items</li>\r\n\t\t</ul>\r\n\r\n\t</div>\r\n\t<div *ngIf=\"buttonAlignment === 'right'\" class=\"slick-ordered-list_buttons\">\r\n\t\t<span *ngIf=\"title\"><br /></span>\r\n\t\t<button type=\"button\" class=\"move-top btn btn-outline-primary\" (click)=\"moveTop()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveUp()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveDown()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-down\"></i></button>\r\n\t\t<button type=\"button\" class=\"move-bottom btn btn-outline-primary\" (click)=\"moveBottom()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-down\"></i></button>\r\n\t</div>\r\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickOrderedListComponent, decorators: [{
+/** @nocollapse */ SlickOrderedListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickOrderedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickOrderedListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickOrderedListComponent, selector: "slick-ordered-list", inputs: { items: "items", title: "title", sortOrderFieldName: "sortOrderFieldName", displayFieldName: "displayFieldName", buttonAlignment: "buttonAlignment" }, outputs: { itemsChange: "itemsChange", selectedItemsChange: "selectedItemsChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-ordered-list\" id=\"slick-ordered-list_{{uuid}}\">\r\n\t<div *ngIf=\"buttonAlignment === 'left'\" class=\"slick-ordered-list_buttons\">\r\n\t\t<span *ngIf=\"title\"><br /></span>\r\n\t\t<button type=\"button\" class=\"move-top btn btn-outline-primary\" (click)=\"moveTop()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveUp()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveDown()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-down\"></i></button>\r\n\t\t<button type=\"button\" class=\"move-bottom btn btn-outline-primary\" (click)=\"moveBottom()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-down\"></i></button>\r\n\t</div>\r\n\t<div class=\"slick-ordered-list_list-items\">\r\n\t\t{{title}}<br />\r\n\t\t<ul class=\"dropdown-menu\">\r\n\t\t\t<li *ngFor=\"let item of internalItems\" class=\"dropdown-item\" style=\"cursor: pointer;\" [ngClass]=\"{'active': item.selected}\" (click)=\"selectItem($event, item)\">{{item.text}}</li>\r\n\t\t\t<li *ngIf=\"!internalItems || internalItems.length === 0\" class=\"slick-ordered-list_no-items list-group-item\">No Items</li>\r\n\t\t</ul>\r\n\r\n\t</div>\r\n\t<div *ngIf=\"buttonAlignment === 'right'\" class=\"slick-ordered-list_buttons\">\r\n\t\t<span *ngIf=\"title\"><br /></span>\r\n\t\t<button type=\"button\" class=\"move-top btn btn-outline-primary\" (click)=\"moveTop()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveUp()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveDown()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-down\"></i></button>\r\n\t\t<button type=\"button\" class=\"move-bottom btn btn-outline-primary\" (click)=\"moveBottom()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-down\"></i></button>\r\n\t</div>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickOrderedListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-ordered-list', template: "<div class=\"slick-ordered-list\" id=\"slick-ordered-list_{{uuid}}\">\r\n\t<div *ngIf=\"buttonAlignment === 'left'\" class=\"slick-ordered-list_buttons\">\r\n\t\t<span *ngIf=\"title\"><br /></span>\r\n\t\t<button type=\"button\" class=\"move-top btn btn-outline-primary\" (click)=\"moveTop()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveUp()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveDown()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-down\"></i></button>\r\n\t\t<button type=\"button\" class=\"move-bottom btn btn-outline-primary\" (click)=\"moveBottom()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-down\"></i></button>\r\n\t</div>\r\n\t<div class=\"slick-ordered-list_list-items\">\r\n\t\t{{title}}<br />\r\n\t\t<ul class=\"dropdown-menu\">\r\n\t\t\t<li *ngFor=\"let item of internalItems\" class=\"dropdown-item\" style=\"cursor: pointer;\" [ngClass]=\"{'active': item.selected}\" (click)=\"selectItem($event, item)\">{{item.text}}</li>\r\n\t\t\t<li *ngIf=\"!internalItems || internalItems.length === 0\" class=\"slick-ordered-list_no-items list-group-item\">No Items</li>\r\n\t\t</ul>\r\n\r\n\t</div>\r\n\t<div *ngIf=\"buttonAlignment === 'right'\" class=\"slick-ordered-list_buttons\">\r\n\t\t<span *ngIf=\"title\"><br /></span>\r\n\t\t<button type=\"button\" class=\"move-top btn btn-outline-primary\" (click)=\"moveTop()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveUp()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-up\"></i></button>\r\n\t\t<button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"moveDown()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-down\"></i></button>\r\n\t\t<button type=\"button\" class=\"move-bottom btn btn-outline-primary\" (click)=\"moveBottom()\" [disabled]=\"anySelected === false\"><i class=\"far fa-chevron-double-down\"></i></button>\r\n\t</div>\r\n</div>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { items: [{
@@ -6444,9 +6456,9 @@ class SlickPickListComponent {
         this.rightAnySelected = false;
     }
 }
-/** @nocollapse */ SlickPickListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPickListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickPickListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickPickListComponent, selector: "slick-pick-list", inputs: { leftItems: "leftItems", leftTitle: "leftTitle", rightItems: "rightItems", rightTitle: "rightTitle", sortOrderFieldName: "sortOrderFieldName", displayFieldName: "displayFieldName" }, outputs: { leftItemsChange: "leftItemsChange", rightItemsChange: "rightItemsChange" }, ngImport: i0, template: "<div class=\"slick-pick-list\" id=\"slick-pick-list_{{uuid}}\">\r\n\t<div class=\"slick-pick-list_left\">\r\n\t\t<slick-ordered-list [(items)]=\"leftItems\" [title]=\"leftTitle\" (selectedItemsChange)=\"onLeftSelectedItemsChange($event)\" [sortOrderFieldName]=\"sortOrderFieldName\" [displayFieldName]=\"displayFieldName\"></slick-ordered-list>\r\n\t</div>\r\n\t<div class=\"slick-pick-list_buttons\">\r\n\t\t<button type=\"button\" class=\"moveLeft btn btn-outline-primary\" (click)=\"moveLeft()\" [disabled]=\"rightAnySelected === false\"><i class=\"far fa-chevron-double-left\"></i></button>\r\n\t\t<button type=\"button\" class=\"moveRight btn btn-outline-primary\" (click)=\"moveRight()\" [disabled]=\"leftAnySelected === false\"><i class=\"far fa-chevron-double-right\"></i></button>\r\n\t</div>\r\n\t<div class=\"slick-pick-list_right\">\r\n\t\t<slick-ordered-list [(items)]=\"rightItems\" [title]=\"rightTitle\" (selectedItemsChange)=\"onRightSelectedItemsChange($event)\" [sortOrderFieldName]=\"sortOrderFieldName\" [displayFieldName]=\"displayFieldName\" buttonAlignment=\"right\"></slick-ordered-list>\r\n\t</div>\r\n\t<br />\r\n</div>", components: [{ type: SlickOrderedListComponent, selector: "slick-ordered-list", inputs: ["items", "title", "sortOrderFieldName", "displayFieldName", "buttonAlignment"], outputs: ["itemsChange", "selectedItemsChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPickListComponent, decorators: [{
+/** @nocollapse */ SlickPickListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPickListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickPickListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickPickListComponent, selector: "slick-pick-list", inputs: { leftItems: "leftItems", leftTitle: "leftTitle", rightItems: "rightItems", rightTitle: "rightTitle", sortOrderFieldName: "sortOrderFieldName", displayFieldName: "displayFieldName" }, outputs: { leftItemsChange: "leftItemsChange", rightItemsChange: "rightItemsChange" }, ngImport: i0, template: "<div class=\"slick-pick-list\" id=\"slick-pick-list_{{uuid}}\">\r\n\t<div class=\"slick-pick-list_left\">\r\n\t\t<slick-ordered-list [(items)]=\"leftItems\" [title]=\"leftTitle\" (selectedItemsChange)=\"onLeftSelectedItemsChange($event)\" [sortOrderFieldName]=\"sortOrderFieldName\" [displayFieldName]=\"displayFieldName\"></slick-ordered-list>\r\n\t</div>\r\n\t<div class=\"slick-pick-list_buttons\">\r\n\t\t<button type=\"button\" class=\"moveLeft btn btn-outline-primary\" (click)=\"moveLeft()\" [disabled]=\"rightAnySelected === false\"><i class=\"far fa-chevron-double-left\"></i></button>\r\n\t\t<button type=\"button\" class=\"moveRight btn btn-outline-primary\" (click)=\"moveRight()\" [disabled]=\"leftAnySelected === false\"><i class=\"far fa-chevron-double-right\"></i></button>\r\n\t</div>\r\n\t<div class=\"slick-pick-list_right\">\r\n\t\t<slick-ordered-list [(items)]=\"rightItems\" [title]=\"rightTitle\" (selectedItemsChange)=\"onRightSelectedItemsChange($event)\" [sortOrderFieldName]=\"sortOrderFieldName\" [displayFieldName]=\"displayFieldName\" buttonAlignment=\"right\"></slick-ordered-list>\r\n\t</div>\r\n\t<br />\r\n</div>", dependencies: [{ kind: "component", type: SlickOrderedListComponent, selector: "slick-ordered-list", inputs: ["items", "title", "sortOrderFieldName", "displayFieldName", "buttonAlignment"], outputs: ["itemsChange", "selectedItemsChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPickListComponent, decorators: [{
             type: Component,
             args: [{ selector: "slick-pick-list", template: "<div class=\"slick-pick-list\" id=\"slick-pick-list_{{uuid}}\">\r\n\t<div class=\"slick-pick-list_left\">\r\n\t\t<slick-ordered-list [(items)]=\"leftItems\" [title]=\"leftTitle\" (selectedItemsChange)=\"onLeftSelectedItemsChange($event)\" [sortOrderFieldName]=\"sortOrderFieldName\" [displayFieldName]=\"displayFieldName\"></slick-ordered-list>\r\n\t</div>\r\n\t<div class=\"slick-pick-list_buttons\">\r\n\t\t<button type=\"button\" class=\"moveLeft btn btn-outline-primary\" (click)=\"moveLeft()\" [disabled]=\"rightAnySelected === false\"><i class=\"far fa-chevron-double-left\"></i></button>\r\n\t\t<button type=\"button\" class=\"moveRight btn btn-outline-primary\" (click)=\"moveRight()\" [disabled]=\"leftAnySelected === false\"><i class=\"far fa-chevron-double-right\"></i></button>\r\n\t</div>\r\n\t<div class=\"slick-pick-list_right\">\r\n\t\t<slick-ordered-list [(items)]=\"rightItems\" [title]=\"rightTitle\" (selectedItemsChange)=\"onRightSelectedItemsChange($event)\" [sortOrderFieldName]=\"sortOrderFieldName\" [displayFieldName]=\"displayFieldName\" buttonAlignment=\"right\"></slick-ordered-list>\r\n\t</div>\r\n\t<br />\r\n</div>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { leftItems: [{
@@ -6469,10 +6481,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickOrderedListModule {
 }
-/** @nocollapse */ SlickOrderedListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickOrderedListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickOrderedListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickOrderedListModule, declarations: [SlickOrderedListComponent], imports: [CommonModule, FormsModule], exports: [CommonModule, FormsModule, SlickOrderedListComponent] });
-/** @nocollapse */ SlickOrderedListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickOrderedListModule, imports: [[CommonModule, FormsModule], CommonModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickOrderedListModule, decorators: [{
+/** @nocollapse */ SlickOrderedListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickOrderedListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickOrderedListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickOrderedListModule, declarations: [SlickOrderedListComponent], imports: [CommonModule, FormsModule], exports: [CommonModule, FormsModule, SlickOrderedListComponent] });
+/** @nocollapse */ SlickOrderedListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickOrderedListModule, imports: [CommonModule, FormsModule, CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickOrderedListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule],
@@ -6483,10 +6495,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickPickListModule {
 }
-/** @nocollapse */ SlickPickListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPickListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickPickListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPickListModule, declarations: [SlickPickListComponent], imports: [CommonModule, SlickOrderedListModule], exports: [CommonModule, SlickOrderedListModule, SlickPickListComponent] });
-/** @nocollapse */ SlickPickListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPickListModule, imports: [[CommonModule, SlickOrderedListModule], CommonModule, SlickOrderedListModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPickListModule, decorators: [{
+/** @nocollapse */ SlickPickListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPickListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickPickListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickPickListModule, declarations: [SlickPickListComponent], imports: [CommonModule, SlickOrderedListModule], exports: [CommonModule, SlickOrderedListModule, SlickPickListComponent] });
+/** @nocollapse */ SlickPickListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPickListModule, imports: [CommonModule, SlickOrderedListModule, CommonModule, SlickOrderedListModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPickListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SlickOrderedListModule],
@@ -6497,10 +6509,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickPopoverModule {
 }
-/** @nocollapse */ SlickPopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickPopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPopoverModule, declarations: [SlickPopoverComponent], imports: [CommonModule], exports: [CommonModule, SlickPopoverComponent] });
-/** @nocollapse */ SlickPopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPopoverModule, imports: [[CommonModule], CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickPopoverModule, decorators: [{
+/** @nocollapse */ SlickPopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickPopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickPopoverModule, declarations: [SlickPopoverComponent], imports: [CommonModule], exports: [CommonModule, SlickPopoverComponent] });
+/** @nocollapse */ SlickPopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPopoverModule, imports: [CommonModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -6511,10 +6523,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickGridModule {
 }
-/** @nocollapse */ SlickGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridModule, declarations: [SlickGridComponent, SlickGridColumnTemplateDirective, SlickGridSanitizeHtmlPipe], imports: [CommonModule, SlickConfirmDialogModule, SlickPickListModule, SlickPopoverModule, SlickDialogModule, SlickDropDownModule, SlickDropListModule, SlickPagingModule, HttpClientModule], exports: [SlickGridComponent, SlickGridColumnTemplateDirective, SlickPickListModule, SlickDialogModule, SlickDropDownModule] });
-/** @nocollapse */ SlickGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridModule, providers: [SlickGridService, SlickFunctionLockService, SlickGridSanitizeHtmlPipe], imports: [[CommonModule, SlickConfirmDialogModule, SlickPickListModule, SlickPopoverModule, SlickDialogModule, SlickDropDownModule, SlickDropListModule, SlickPagingModule, HttpClientModule], SlickPickListModule, SlickDialogModule, SlickDropDownModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickGridModule, decorators: [{
+/** @nocollapse */ SlickGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickGridModule, declarations: [SlickGridComponent, SlickGridColumnTemplateDirective, SlickGridSanitizeHtmlPipe], imports: [CommonModule, SlickConfirmDialogModule, SlickPickListModule, SlickPopoverModule, SlickDialogModule, SlickDropDownModule, SlickDropListModule, SlickPagingModule, HttpClientModule], exports: [SlickGridComponent, SlickGridColumnTemplateDirective, SlickPickListModule, SlickDialogModule, SlickDropDownModule] });
+/** @nocollapse */ SlickGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridModule, providers: [SlickGridService, SlickFunctionLockService, SlickGridSanitizeHtmlPipe], imports: [CommonModule, SlickConfirmDialogModule, SlickPickListModule, SlickPopoverModule, SlickDialogModule, SlickDropDownModule, SlickDropListModule, SlickPagingModule, HttpClientModule, SlickPickListModule, SlickDialogModule, SlickDropDownModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickGridModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SlickConfirmDialogModule, SlickPickListModule, SlickPopoverModule, SlickDialogModule, SlickDropDownModule, SlickDropListModule, SlickPagingModule, HttpClientModule],
@@ -6593,9 +6605,9 @@ class SlickMultiSelectService {
         return items.findIndex((item) => { return item.id === selectedId; });
     }
 }
-/** @nocollapse */ SlickMultiSelectService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickMultiSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickMultiSelectService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickMultiSelectService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickMultiSelectService, decorators: [{
+/** @nocollapse */ SlickMultiSelectService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickMultiSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickMultiSelectService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickMultiSelectService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickMultiSelectService, decorators: [{
             type: Injectable
         }] });
 
@@ -6609,6 +6621,7 @@ class SlickMultiSelectComponent {
         this.textFieldName = "text";
         this.disabled = false;
         this.allowEmpty = 'true';
+        this.singleSelect = false;
         this.width = '100%';
         this.listWidth = '100%';
         this.height = '300px';
@@ -6653,6 +6666,9 @@ class SlickMultiSelectComponent {
         if (changes.isMobile) {
             this.isMobile = (this.isMobile.toString().toLowerCase() === 'true') ? true : false;
         }
+        if (changes.singleSelect) {
+            this.singleSelect = (this.singleSelect.toString().toLowerCase() === 'true') ? true : false;
+        }
         if (changes.items) {
             this.visibleItems = this.slickMultiSelectService.getVisibleItems(this.items, this.selectedIds, this.idFieldName, this.textFieldName);
             this.selectedItems = this.slickMultiSelectService.getSelectedItems(this.items, this.selectedIds, this.idFieldName, this.textFieldName);
@@ -6753,6 +6769,8 @@ class SlickMultiSelectComponent {
             this.reposition();
             this.selectedText = '';
             this.selectedTextInputRef.nativeElement.value = '';
+            if (this.singleSelect === true)
+                this.collapse();
         }
     }
     setFocus(showMobileKeyboard = false) {
@@ -6894,14 +6912,14 @@ class SlickMultiSelectComponent {
         this.propagateChange(this.selectedIds);
     }
 }
-/** @nocollapse */ SlickMultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickMultiSelectComponent, deps: [{ token: i0.NgZone }, { token: SlickMultiSelectService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickMultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickMultiSelectComponent, selector: "slick-multi-select", inputs: { placeholder: "placeholder", items: "items", idFieldName: "idFieldName", textFieldName: "textFieldName", disabled: "disabled", allowEmpty: "allowEmpty", width: "width", listWidth: "listWidth", height: "height", showLoadingMessage: "showLoadingMessage", showDebug: "showDebug", tabindex: "tabindex", isMobile: "isMobile" }, outputs: { onExpand: "onExpand", onCollapse: "onCollapse", onSelect: "onSelect" }, providers: [SlickMultiSelectService,
+/** @nocollapse */ SlickMultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickMultiSelectComponent, deps: [{ token: i0.NgZone }, { token: SlickMultiSelectService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickMultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickMultiSelectComponent, selector: "slick-multi-select", inputs: { placeholder: "placeholder", items: "items", idFieldName: "idFieldName", textFieldName: "textFieldName", disabled: "disabled", allowEmpty: "allowEmpty", singleSelect: "singleSelect", width: "width", listWidth: "listWidth", height: "height", showLoadingMessage: "showLoadingMessage", showDebug: "showDebug", tabindex: "tabindex", isMobile: "isMobile" }, outputs: { onExpand: "onExpand", onCollapse: "onCollapse", onSelect: "onSelect" }, providers: [SlickMultiSelectService,
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickMultiSelectComponent)),
             multi: true,
-        }], viewQueries: [{ propertyName: "containerDiv", first: true, predicate: ["containerDiv"], descendants: true }, { propertyName: "multiSelectList", first: true, predicate: ["multiSelectList"], descendants: true }, { propertyName: "selectedTextInputRef", first: true, predicate: ["selectedTextInputRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerDiv id=\"slick-multi-select_{{uuid}}\" attr.data-uuid=\"{{uuid}}\" class=\"slick-multi-select\" [class.mobile]=\"isMobile === true\" [class.open]=\"expanded\">\r\n\t<div class=\"slick-multi-select_input-container\">\r\n\t\t<div *ngIf=\"disabled === false\" style=\"cursor: pointer !important; flex-grow: 1;\" [ngClass]=\"{ 'slick-multi-select_mobile': isMobile === true }\" (click)=\"onMultiSelectClicked()\">\r\n\t\t\t<div *ngFor=\"let selectedItem of selectedItems\" class=\"slick-multi-select_selected-item card\"><div class=\"slick-multi-select_remove\" (click)=\"onRemoveItem(selectedItem)\"><i class=\"fas fa-times-circle bg-white text-danger\"></i></div>{{selectedItem.text}}</div>\r\n\t\t\t<input #selectedTextInputRef *ngIf=\"!isMobile\" [attr.tabindex]=\"tabindex\" [ngClass]=\"{'slick-multi-select_show-selected-text': (keyboardActive || (selectedText && selectedText.length > 0)) }\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus()\" ng-disabled='disabled' readonly [placeholder]='placeholder' />\r\n\t\t\t<input #selectedTextInputRef *ngIf=\"isMobile === true\" [ngClass]=\"{'slick-multi-select_show-selected-text': (keyboardActive || (selectedText && selectedText.length > 0)) }\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus()\" />\r\n\t\t</div>\r\n\t\t<div *ngIf=\"disabled === false && isMobile === true\" class=\"slick-multi-select_mobile-container\">\r\n\t\t\t<i class=\"far fa-keyboard\" style=\"cursor: pointer\" (click)=\"onKeyboardIconClicked()\"></i>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"disabled === true\" class='input-group'>\r\n\t\t<div *ngFor=\"let selectedItem of selectedItems\" class=\"slick-multi-select_selected-item card\">{{selectedItem.text}}</div>\r\n\t</div>\r\n\r\n\t<ul #multiSelectList id=\"slick-multi-select-list_{{uuid}}\" class='slick-multi-select-list-group dropdown-menu' [style.width]=\"listGroupWidth\" [style.visibility]=\"(expanded === true) ? 'visible' : 'hidden'\" [style.opacity]=\"(expanded === true) ? '1' : '0'\" [style.max-height]=\"height\" [style.width.px]=\"listGroupWidth\" [style.left.px]=\"left\" [style.top.px]=\"top\">\r\n\t\t<li *ngFor=\"let item of visibleItems; let index = index;\" (mouseover)=\"selectedIndex = index\" (click)=\"onItemClick(item)\" [class.card-header]=\"selectedIndex === index\" class=\"dropdown-item slick-multi-select_list-item\">{{item.text}}</li>\r\n\t</ul>\r\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickMultiSelectComponent, decorators: [{
+        }], viewQueries: [{ propertyName: "containerDiv", first: true, predicate: ["containerDiv"], descendants: true }, { propertyName: "multiSelectList", first: true, predicate: ["multiSelectList"], descendants: true }, { propertyName: "selectedTextInputRef", first: true, predicate: ["selectedTextInputRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerDiv id=\"slick-multi-select_{{uuid}}\" attr.data-uuid=\"{{uuid}}\" class=\"slick-multi-select\" [class.mobile]=\"isMobile === true\" [class.open]=\"expanded\">\r\n\t<div class=\"slick-multi-select_input-container\">\r\n\t\t<div *ngIf=\"disabled === false\" style=\"cursor: pointer !important; flex-grow: 1;\" [ngClass]=\"{ 'slick-multi-select_mobile': isMobile === true }\" (click)=\"onMultiSelectClicked()\">\r\n\t\t\t<div *ngFor=\"let selectedItem of selectedItems\" class=\"slick-multi-select_selected-item card\"><div class=\"slick-multi-select_remove\" (click)=\"onRemoveItem(selectedItem)\"><i class=\"fas fa-times-circle bg-white text-danger\"></i></div>{{selectedItem.text}}</div>\r\n\t\t\t<input #selectedTextInputRef *ngIf=\"!isMobile\" [attr.tabindex]=\"tabindex\" [ngClass]=\"{'slick-multi-select_show-selected-text': (keyboardActive || (selectedText && selectedText.length > 0)) }\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus()\" ng-disabled='disabled' readonly [placeholder]='placeholder' />\r\n\t\t\t<input #selectedTextInputRef *ngIf=\"isMobile === true\" [ngClass]=\"{'slick-multi-select_show-selected-text': (keyboardActive || (selectedText && selectedText.length > 0)) }\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus()\" />\r\n\t\t</div>\r\n\t\t<div *ngIf=\"disabled === false && isMobile === true\" class=\"slick-multi-select_mobile-container\">\r\n\t\t\t<i class=\"far fa-keyboard\" style=\"cursor: pointer\" (click)=\"onKeyboardIconClicked()\"></i>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"disabled === true\" class='input-group'>\r\n\t\t<div *ngFor=\"let selectedItem of selectedItems\" class=\"slick-multi-select_selected-item card\">{{selectedItem.text}}</div>\r\n\t</div>\r\n\r\n\t<ul #multiSelectList id=\"slick-multi-select-list_{{uuid}}\" class='slick-multi-select-list-group dropdown-menu' [style.width]=\"listGroupWidth\" [style.visibility]=\"(expanded === true) ? 'visible' : 'hidden'\" [style.opacity]=\"(expanded === true) ? '1' : '0'\" [style.max-height]=\"height\" [style.width.px]=\"listGroupWidth\" [style.left.px]=\"left\" [style.top.px]=\"top\">\r\n\t\t<li *ngFor=\"let item of visibleItems; let index = index;\" (mouseover)=\"selectedIndex = index\" (click)=\"onItemClick(item)\" [class.card-header]=\"selectedIndex === index\" class=\"dropdown-item slick-multi-select_list-item\">{{item.text}}</li>\r\n\t</ul>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickMultiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-multi-select', providers: [SlickMultiSelectService,
                         {
@@ -6921,6 +6939,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
                 type: Input
             }], allowEmpty: [{
                 type: Input
+            }], singleSelect: [{
+                type: Input
             }], width: [{
                 type: Input
             }], listWidth: [{
@@ -6954,10 +6974,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickMultiSelectModule {
 }
-/** @nocollapse */ SlickMultiSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickMultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickMultiSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickMultiSelectModule, declarations: [SlickMultiSelectComponent], imports: [CommonModule, FormsModule], exports: [SlickMultiSelectComponent] });
-/** @nocollapse */ SlickMultiSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickMultiSelectModule, imports: [[CommonModule, FormsModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickMultiSelectModule, decorators: [{
+/** @nocollapse */ SlickMultiSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickMultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickMultiSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickMultiSelectModule, declarations: [SlickMultiSelectComponent], imports: [CommonModule, FormsModule], exports: [SlickMultiSelectComponent] });
+/** @nocollapse */ SlickMultiSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickMultiSelectModule, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickMultiSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule],
@@ -7177,9 +7197,9 @@ class SlickProfilePictureComponent {
         });
     }
 }
-/** @nocollapse */ SlickProfilePictureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProfilePictureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickProfilePictureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickProfilePictureComponent, selector: "slick-profile-picture", inputs: { imageSrc: "imageSrc", gravatarEmailAddress: "gravatarEmailAddress", viewOnly: "viewOnly", width: "width", height: "height", resizeWidth: "resizeWidth", resizeHeight: "resizeHeight" }, outputs: { filesChangedEmitter: "profilePictureChanged" }, host: { listeners: { "click": "onClick($event)", "drop": "onDrop($event)", "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerRef id=\"slick-profile-picture_{{uuid}}\" class=\"slick-profile-picture card\" [ngClass]=\"{ 'slick-profile-picture_view-only': viewOnly === true, 'slick-profile-picture_editable': viewOnly === false }\" [ngStyle]=\"{ 'width': width, 'min-width': width, 'height': height, 'min-height': height }\">\r\n\t<div class=\"slick-profile-picture_text\" *ngIf='viewOnly === false'>Click to change...</div>\r\n\t<img class=\"slick-profile-picture_img\" *ngIf=\"imageSrc\" [src]=\"imageSrc\" [ngStyle]=\"{ 'max-width': width, 'max-height': height }\" />\r\n</div>\r\n<input type=\"file\" #fileInput style=\"display: none\" multiple />\r\n", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProfilePictureComponent, decorators: [{
+/** @nocollapse */ SlickProfilePictureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickProfilePictureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickProfilePictureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickProfilePictureComponent, selector: "slick-profile-picture", inputs: { imageSrc: "imageSrc", gravatarEmailAddress: "gravatarEmailAddress", viewOnly: "viewOnly", width: "width", height: "height", resizeWidth: "resizeWidth", resizeHeight: "resizeHeight" }, outputs: { filesChangedEmitter: "profilePictureChanged" }, host: { listeners: { "click": "onClick($event)", "drop": "onDrop($event)", "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #containerRef id=\"slick-profile-picture_{{uuid}}\" class=\"slick-profile-picture card\" [ngClass]=\"{ 'slick-profile-picture_view-only': viewOnly === true, 'slick-profile-picture_editable': viewOnly === false }\" [ngStyle]=\"{ 'width': width, 'min-width': width, 'height': height, 'min-height': height }\">\r\n\t<div class=\"slick-profile-picture_text\" *ngIf='viewOnly === false'>Click to change...</div>\r\n\t<img class=\"slick-profile-picture_img\" *ngIf=\"imageSrc\" [src]=\"imageSrc\" [ngStyle]=\"{ 'max-width': width, 'max-height': height }\" />\r\n</div>\r\n<input type=\"file\" #fileInput style=\"display: none\" multiple />\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickProfilePictureComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-profile-picture', template: "<div #containerRef id=\"slick-profile-picture_{{uuid}}\" class=\"slick-profile-picture card\" [ngClass]=\"{ 'slick-profile-picture_view-only': viewOnly === true, 'slick-profile-picture_editable': viewOnly === false }\" [ngStyle]=\"{ 'width': width, 'min-width': width, 'height': height, 'min-height': height }\">\r\n\t<div class=\"slick-profile-picture_text\" *ngIf='viewOnly === false'>Click to change...</div>\r\n\t<img class=\"slick-profile-picture_img\" *ngIf=\"imageSrc\" [src]=\"imageSrc\" [ngStyle]=\"{ 'max-width': width, 'max-height': height }\" />\r\n</div>\r\n<input type=\"file\" #fileInput style=\"display: none\" multiple />\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { imageSrc: [{
@@ -7231,10 +7251,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickProfilePictureModule {
 }
-/** @nocollapse */ SlickProfilePictureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProfilePictureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickProfilePictureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProfilePictureModule, declarations: [SlickProfilePictureComponent], imports: [CommonModule, FormsModule], exports: [CommonModule, FormsModule, SlickProfilePictureComponent] });
-/** @nocollapse */ SlickProfilePictureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProfilePictureModule, imports: [[CommonModule, FormsModule], CommonModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProfilePictureModule, decorators: [{
+/** @nocollapse */ SlickProfilePictureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickProfilePictureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickProfilePictureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickProfilePictureModule, declarations: [SlickProfilePictureComponent], imports: [CommonModule, FormsModule], exports: [CommonModule, FormsModule, SlickProfilePictureComponent] });
+/** @nocollapse */ SlickProfilePictureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickProfilePictureModule, imports: [CommonModule, FormsModule, CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickProfilePictureModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule],
@@ -7288,18 +7308,18 @@ class SlickProgressBarService {
             screenBlockerDiv.remove();
     }
 }
-/** @nocollapse */ SlickProgressBarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProgressBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickProgressBarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProgressBarService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProgressBarService, decorators: [{
+/** @nocollapse */ SlickProgressBarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickProgressBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickProgressBarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickProgressBarService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickProgressBarService, decorators: [{
             type: Injectable
         }] });
 
 class SlickProgressBarModule {
 }
-/** @nocollapse */ SlickProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProgressBarModule, imports: [RouterModule] });
-/** @nocollapse */ SlickProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProgressBarModule, providers: [SlickProgressBarService], imports: [[RouterModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickProgressBarModule, decorators: [{
+/** @nocollapse */ SlickProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickProgressBarModule, imports: [RouterModule] });
+/** @nocollapse */ SlickProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickProgressBarModule, providers: [SlickProgressBarService], imports: [RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule],
@@ -7382,18 +7402,18 @@ class SlickScreenBlockerService {
 SlickScreenBlockerService.blockCount = 0;
 SlickScreenBlockerService.preShowTimeout = null;
 SlickScreenBlockerService.blockTimeout = null;
-/** @nocollapse */ SlickScreenBlockerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickScreenBlockerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickScreenBlockerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickScreenBlockerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickScreenBlockerService, decorators: [{
+/** @nocollapse */ SlickScreenBlockerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickScreenBlockerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickScreenBlockerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickScreenBlockerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickScreenBlockerService, decorators: [{
             type: Injectable
         }] });
 
 class SlickScreenBlockerModule {
 }
-/** @nocollapse */ SlickScreenBlockerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickScreenBlockerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickScreenBlockerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickScreenBlockerModule, imports: [CommonModule] });
-/** @nocollapse */ SlickScreenBlockerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickScreenBlockerModule, providers: [SlickScreenBlockerService], imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickScreenBlockerModule, decorators: [{
+/** @nocollapse */ SlickScreenBlockerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickScreenBlockerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickScreenBlockerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickScreenBlockerModule, imports: [CommonModule] });
+/** @nocollapse */ SlickScreenBlockerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickScreenBlockerModule, providers: [SlickScreenBlockerService], imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickScreenBlockerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -7467,9 +7487,9 @@ class SlickSliderComponent {
         return tickEl.offsetLeft;
     }
 }
-/** @nocollapse */ SlickSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickSliderComponent, selector: "slick-slider", inputs: { ticks: "ticks", startTick: "startTick", endTick: "endTick" }, outputs: { startTickChange: "startTickChange", endTickChange: "endTickChange" }, viewQueries: [{ propertyName: "sliderTicksRef", first: true, predicate: ["sliderTicksRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-slider\" [ngClass]=\"{'slick-slider-moving': startMoving === true || endMoving === true }\">\r\n\t<div class=\"slick-slider-selection bg-primary\" [style.left]=\"selectionLeftPx\" [style.width]=\"selectionWidthPx\"></div>\r\n\t<table #sliderTicksRef class='slick-slider-ticks'>\r\n\t\t<tr>\r\n\t\t\t<td *ngFor='let tick of ticks; let idx = index' [attr.data-tick]='idx' (mouseover)=\"onTickMouseOver(idx)\">\r\n\t\t\t\t<div class='slick-slider-tick border-bottom'>\r\n\t\t\t\t\t<div class=\"slick-slider-tick-text text-light\">{{tick.text}}</div>\r\n\t\t\t\t\t<div *ngIf=\"tick.majorTick === true\" class=\"slick-slider-major-tick border-left\"></div>\r\n\t\t\t\t\t<div *ngIf=\"tick.minorTick === true\" class=\"slick-slider-minor-tick border-left\"></div>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</td>\r\n\t\t\t<td [attr.data-tick]='ticks.length' (mouseover)=\"onTickMouseOver(ticks.length)\">\r\n\t\t\t\t<div class=\"slick-slider-tick border-0\">\r\n\t\t\t\t\t<div class=\"slick-slider-major-tick border-left\"></div>\r\n\t\t\t\t</div>\r\n\t\t\t</td>\r\n\t\t</tr>\r\n\t</table>\r\n\t<div *ngIf=\"startLeftPx\" class='slick-slider-start' (mousedown)=\"onStartMouseDown($event)\" [style.left]=\"startLeftPx\">\r\n\t\t<div class='slick-slider-start-block bg-primary'></div>\r\n\t\t<div class='slick-slider-start-pointer bg-primary'></div>\r\n\t</div>\r\n\t<div *ngIf=\"endLeftPx\" class='slick-slider-end' (mousedown)=\"onEndMouseDown($event)\" [style.left]=\"endLeftPx\">\r\n\t\t<div class='slick-slider-end-block bg-primary'></div>\r\n\t\t<div class='slick-slider-end-pointer bg-primary'></div>\r\n\t</div>\r\n\r\n</div>\r\n", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSliderComponent, decorators: [{
+/** @nocollapse */ SlickSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickSliderComponent, selector: "slick-slider", inputs: { ticks: "ticks", startTick: "startTick", endTick: "endTick" }, outputs: { startTickChange: "startTickChange", endTickChange: "endTickChange" }, viewQueries: [{ propertyName: "sliderTicksRef", first: true, predicate: ["sliderTicksRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-slider\" [ngClass]=\"{'slick-slider-moving': startMoving === true || endMoving === true }\">\r\n\t<div class=\"slick-slider-selection bg-primary\" [style.left]=\"selectionLeftPx\" [style.width]=\"selectionWidthPx\"></div>\r\n\t<table #sliderTicksRef class='slick-slider-ticks'>\r\n\t\t<tr>\r\n\t\t\t<td *ngFor='let tick of ticks; let idx = index' [attr.data-tick]='idx' (mouseover)=\"onTickMouseOver(idx)\">\r\n\t\t\t\t<div class='slick-slider-tick border-bottom'>\r\n\t\t\t\t\t<div class=\"slick-slider-tick-text text-light\">{{tick.text}}</div>\r\n\t\t\t\t\t<div *ngIf=\"tick.majorTick === true\" class=\"slick-slider-major-tick border-left\"></div>\r\n\t\t\t\t\t<div *ngIf=\"tick.minorTick === true\" class=\"slick-slider-minor-tick border-left\"></div>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</td>\r\n\t\t\t<td [attr.data-tick]='ticks.length' (mouseover)=\"onTickMouseOver(ticks.length)\">\r\n\t\t\t\t<div class=\"slick-slider-tick border-0\">\r\n\t\t\t\t\t<div class=\"slick-slider-major-tick border-left\"></div>\r\n\t\t\t\t</div>\r\n\t\t\t</td>\r\n\t\t</tr>\r\n\t</table>\r\n\t<div *ngIf=\"startLeftPx\" class='slick-slider-start' (mousedown)=\"onStartMouseDown($event)\" [style.left]=\"startLeftPx\">\r\n\t\t<div class='slick-slider-start-block bg-primary'></div>\r\n\t\t<div class='slick-slider-start-pointer bg-primary'></div>\r\n\t</div>\r\n\t<div *ngIf=\"endLeftPx\" class='slick-slider-end' (mousedown)=\"onEndMouseDown($event)\" [style.left]=\"endLeftPx\">\r\n\t\t<div class='slick-slider-end-block bg-primary'></div>\r\n\t\t<div class='slick-slider-end-pointer bg-primary'></div>\r\n\t</div>\r\n\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: "slick-slider", template: "<div class=\"slick-slider\" [ngClass]=\"{'slick-slider-moving': startMoving === true || endMoving === true }\">\r\n\t<div class=\"slick-slider-selection bg-primary\" [style.left]=\"selectionLeftPx\" [style.width]=\"selectionWidthPx\"></div>\r\n\t<table #sliderTicksRef class='slick-slider-ticks'>\r\n\t\t<tr>\r\n\t\t\t<td *ngFor='let tick of ticks; let idx = index' [attr.data-tick]='idx' (mouseover)=\"onTickMouseOver(idx)\">\r\n\t\t\t\t<div class='slick-slider-tick border-bottom'>\r\n\t\t\t\t\t<div class=\"slick-slider-tick-text text-light\">{{tick.text}}</div>\r\n\t\t\t\t\t<div *ngIf=\"tick.majorTick === true\" class=\"slick-slider-major-tick border-left\"></div>\r\n\t\t\t\t\t<div *ngIf=\"tick.minorTick === true\" class=\"slick-slider-minor-tick border-left\"></div>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</td>\r\n\t\t\t<td [attr.data-tick]='ticks.length' (mouseover)=\"onTickMouseOver(ticks.length)\">\r\n\t\t\t\t<div class=\"slick-slider-tick border-0\">\r\n\t\t\t\t\t<div class=\"slick-slider-major-tick border-left\"></div>\r\n\t\t\t\t</div>\r\n\t\t\t</td>\r\n\t\t</tr>\r\n\t</table>\r\n\t<div *ngIf=\"startLeftPx\" class='slick-slider-start' (mousedown)=\"onStartMouseDown($event)\" [style.left]=\"startLeftPx\">\r\n\t\t<div class='slick-slider-start-block bg-primary'></div>\r\n\t\t<div class='slick-slider-start-pointer bg-primary'></div>\r\n\t</div>\r\n\t<div *ngIf=\"endLeftPx\" class='slick-slider-end' (mousedown)=\"onEndMouseDown($event)\" [style.left]=\"endLeftPx\">\r\n\t\t<div class='slick-slider-end-block bg-primary'></div>\r\n\t\t<div class='slick-slider-end-pointer bg-primary'></div>\r\n\t</div>\r\n\r\n</div>\r\n" }]
         }], propDecorators: { ticks: [{
@@ -7492,10 +7512,10 @@ class SlickSliderTickModel {
 
 class SlickSliderModule {
 }
-/** @nocollapse */ SlickSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSliderModule, declarations: [SlickSliderComponent], imports: [CommonModule], exports: [SlickSliderComponent, CommonModule] });
-/** @nocollapse */ SlickSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSliderModule, imports: [[CommonModule], CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSliderModule, decorators: [{
+/** @nocollapse */ SlickSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickSliderModule, declarations: [SlickSliderComponent], imports: [CommonModule], exports: [SlickSliderComponent, CommonModule] });
+/** @nocollapse */ SlickSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSliderModule, imports: [CommonModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -7630,9 +7650,9 @@ class SlickSplitScreenComponent {
         }
     }
 }
-/** @nocollapse */ SlickSplitScreenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSplitScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickSplitScreenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickSplitScreenComponent, selector: "slick-split-screen", inputs: { orientation: "orientation", allowSwitch: "allowSwitch", key: "key", verticalSplitPercent: "verticalSplitPercent", horizontalSplitPercent: "horizontalSplitPercent" }, outputs: { onResizeStart: "onResizeStart", onResizeEnd: "onResizeEnd" }, viewQueries: [{ propertyName: "slickSplitScreenContainer", first: true, predicate: ["slickSplitScreenContainer"], descendants: true }, { propertyName: "slickSplitScreenLeft", first: true, predicate: ["slickSplitScreenLeftContent"], descendants: true }, { propertyName: "slickSplitScreenRight", first: true, predicate: ["slickSplitScreenRightContent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #slickSplitScreenContainer class=\"slick-split-screen\" [ngClass]=\"{'vertical': currentOrientation === 'vertical', 'horizontal': currentOrientation === 'horizontal'}\"><div #slickSplitScreenLeftContent [style.width]=\"leftWidth\" [style.maxWidth]=\"leftWidth\" [style.height]=\"leftHeight\" [style.maxHeight]=\"leftHeight\" class=\"slick-split-screen-left-content\" [ngClass]=\"{'resizing': resizing === true}\"><ng-content select=\"slick-split-screen-left-content\"></ng-content></div><div class=\"slick-split-screen-split-bar\"></div><div #splitSplitScreenRightContent [style.width]=\"rightWidth\" [style.maxWidth]=\"rightWidth\" [style.height]=\"rightHeight\" [style.maxHeight]=\"rightHeight\" class=\"slick-split-screen-right-content\" [ngClass]=\"{'resizing': resizing === true}\"><ng-content select=\"slick-split-screen-right-content\"></ng-content></div><div [style.left]=\"splitBarMiddleLeft\" [style.top]=\"splitBarMiddleTop\" class=\"slick-split-screen-split-bar-middle\" (mousedown)=\"onMouseDown($event)\" (dragstart)=\"onDragStart($event)\"></div><button type=\"button\" (click)=\"changeOrientation()\" class=\"btn btn-primary orientation-switch\" *ngIf=\"allowSwitch === true\"><div [ngClass]=\"{'slick-split-screen-horizontal-icon': currentOrientation === 'vertical', 'slick-split-screen-vertical-icon': currentOrientation === 'horizontal'}\"></div></button></div>", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSplitScreenComponent, decorators: [{
+/** @nocollapse */ SlickSplitScreenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSplitScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickSplitScreenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickSplitScreenComponent, selector: "slick-split-screen", inputs: { orientation: "orientation", allowSwitch: "allowSwitch", key: "key", verticalSplitPercent: "verticalSplitPercent", horizontalSplitPercent: "horizontalSplitPercent" }, outputs: { onResizeStart: "onResizeStart", onResizeEnd: "onResizeEnd" }, viewQueries: [{ propertyName: "slickSplitScreenContainer", first: true, predicate: ["slickSplitScreenContainer"], descendants: true }, { propertyName: "slickSplitScreenLeft", first: true, predicate: ["slickSplitScreenLeftContent"], descendants: true }, { propertyName: "slickSplitScreenRight", first: true, predicate: ["slickSplitScreenRightContent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #slickSplitScreenContainer class=\"slick-split-screen\" [ngClass]=\"{'vertical': currentOrientation === 'vertical', 'horizontal': currentOrientation === 'horizontal'}\"><div #slickSplitScreenLeftContent [style.width]=\"leftWidth\" [style.maxWidth]=\"leftWidth\" [style.height]=\"leftHeight\" [style.maxHeight]=\"leftHeight\" class=\"slick-split-screen-left-content\" [ngClass]=\"{'resizing': resizing === true}\"><ng-content select=\"slick-split-screen-left-content\"></ng-content></div><div class=\"slick-split-screen-split-bar\"></div><div #splitSplitScreenRightContent [style.width]=\"rightWidth\" [style.maxWidth]=\"rightWidth\" [style.height]=\"rightHeight\" [style.maxHeight]=\"rightHeight\" class=\"slick-split-screen-right-content\" [ngClass]=\"{'resizing': resizing === true}\"><ng-content select=\"slick-split-screen-right-content\"></ng-content></div><div [style.left]=\"splitBarMiddleLeft\" [style.top]=\"splitBarMiddleTop\" class=\"slick-split-screen-split-bar-middle\" (mousedown)=\"onMouseDown($event)\" (dragstart)=\"onDragStart($event)\"></div><button type=\"button\" (click)=\"changeOrientation()\" class=\"btn btn-primary orientation-switch\" *ngIf=\"allowSwitch === true\"><div [ngClass]=\"{'slick-split-screen-horizontal-icon': currentOrientation === 'vertical', 'slick-split-screen-vertical-icon': currentOrientation === 'horizontal'}\"></div></button></div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSplitScreenComponent, decorators: [{
             type: Component,
             args: [{ selector: "slick-split-screen", template: "<div #slickSplitScreenContainer class=\"slick-split-screen\" [ngClass]=\"{'vertical': currentOrientation === 'vertical', 'horizontal': currentOrientation === 'horizontal'}\"><div #slickSplitScreenLeftContent [style.width]=\"leftWidth\" [style.maxWidth]=\"leftWidth\" [style.height]=\"leftHeight\" [style.maxHeight]=\"leftHeight\" class=\"slick-split-screen-left-content\" [ngClass]=\"{'resizing': resizing === true}\"><ng-content select=\"slick-split-screen-left-content\"></ng-content></div><div class=\"slick-split-screen-split-bar\"></div><div #splitSplitScreenRightContent [style.width]=\"rightWidth\" [style.maxWidth]=\"rightWidth\" [style.height]=\"rightHeight\" [style.maxHeight]=\"rightHeight\" class=\"slick-split-screen-right-content\" [ngClass]=\"{'resizing': resizing === true}\"><ng-content select=\"slick-split-screen-right-content\"></ng-content></div><div [style.left]=\"splitBarMiddleLeft\" [style.top]=\"splitBarMiddleTop\" class=\"slick-split-screen-split-bar-middle\" (mousedown)=\"onMouseDown($event)\" (dragstart)=\"onDragStart($event)\"></div><button type=\"button\" (click)=\"changeOrientation()\" class=\"btn btn-primary orientation-switch\" *ngIf=\"allowSwitch === true\"><div [ngClass]=\"{'slick-split-screen-horizontal-icon': currentOrientation === 'vertical', 'slick-split-screen-vertical-icon': currentOrientation === 'horizontal'}\"></div></button></div>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { orientation: [{
@@ -7663,9 +7683,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 class SlickSplitScreenLeftContentComponent {
     constructor() { }
 }
-/** @nocollapse */ SlickSplitScreenLeftContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSplitScreenLeftContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickSplitScreenLeftContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickSplitScreenLeftContentComponent, selector: "slick-split-screen-left-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSplitScreenLeftContentComponent, decorators: [{
+/** @nocollapse */ SlickSplitScreenLeftContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSplitScreenLeftContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickSplitScreenLeftContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickSplitScreenLeftContentComponent, selector: "slick-split-screen-left-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSplitScreenLeftContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'slick-split-screen-left-content',
@@ -7676,9 +7696,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 class SlickSplitScreenRightContentComponent {
     constructor() { }
 }
-/** @nocollapse */ SlickSplitScreenRightContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSplitScreenRightContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickSplitScreenRightContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickSplitScreenRightContentComponent, selector: "slick-split-screen-right-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSplitScreenRightContentComponent, decorators: [{
+/** @nocollapse */ SlickSplitScreenRightContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSplitScreenRightContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickSplitScreenRightContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickSplitScreenRightContentComponent, selector: "slick-split-screen-right-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSplitScreenRightContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'slick-split-screen-right-content',
@@ -7688,10 +7708,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickSplitScreenModule {
 }
-/** @nocollapse */ SlickSplitScreenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSplitScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickSplitScreenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSplitScreenModule, declarations: [SlickSplitScreenComponent, SlickSplitScreenLeftContentComponent, SlickSplitScreenRightContentComponent], imports: [CommonModule], exports: [SlickSplitScreenComponent, SlickSplitScreenLeftContentComponent, SlickSplitScreenRightContentComponent] });
-/** @nocollapse */ SlickSplitScreenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSplitScreenModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickSplitScreenModule, decorators: [{
+/** @nocollapse */ SlickSplitScreenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSplitScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickSplitScreenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickSplitScreenModule, declarations: [SlickSplitScreenComponent, SlickSplitScreenLeftContentComponent, SlickSplitScreenRightContentComponent], imports: [CommonModule], exports: [SlickSplitScreenComponent, SlickSplitScreenLeftContentComponent, SlickSplitScreenRightContentComponent] });
+/** @nocollapse */ SlickSplitScreenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSplitScreenModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickSplitScreenModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -7711,9 +7731,9 @@ class SlickTabHeaderComponent {
         this.icon = icon;
     }
 }
-/** @nocollapse */ SlickTabHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTabHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickTabHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickTabHeaderComponent, selector: "slick-tab-header", viewQueries: [{ propertyName: "tabHeaderRef", first: true, predicate: ["tabHeaderRef"], descendants: true }], ngImport: i0, template: `<i style='margin-right: 5px; font-size: .8em; position: relative; top: -.1em;' *ngIf='icon' class='far {{icon}}'></i><div class='slick-tab-header' #tabHeaderRef><ng-content></ng-content></div>`, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTabHeaderComponent, decorators: [{
+/** @nocollapse */ SlickTabHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTabHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickTabHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickTabHeaderComponent, selector: "slick-tab-header", viewQueries: [{ propertyName: "tabHeaderRef", first: true, predicate: ["tabHeaderRef"], descendants: true }], ngImport: i0, template: `<i style='margin-right: 5px; font-size: .8em; position: relative; top: -.1em;' *ngIf='icon' class='far {{icon}}'></i><div class='slick-tab-header' #tabHeaderRef><ng-content></ng-content></div>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTabHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'slick-tab-header',
@@ -7762,9 +7782,9 @@ class SlickTabComponent {
         this.selected = true;
     }
 }
-/** @nocollapse */ SlickTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTabComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickTabComponent, selector: "slick-tab", inputs: { header: "header", icon: "icon", key: "key" }, viewQueries: [{ propertyName: "tabHeaderRef", first: true, predicate: ["tabHeaderRef"], descendants: true }, { propertyName: "tabBodyRef", first: true, predicate: ["tabBodyRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class='slick-tab btn' [ngClass]=\"{'btn-primary': selected === true, 'btn-secondary': selected === false }\" (click)='onTabClicked()'>\r\n\t<slick-tab-header *ngIf='showHeaderFromInput' #tabHeaderRef></slick-tab-header>\r\n\t<ng-content *ngIf='!showHeaderFromInput' select='slick-tab-header'></ng-content>\r\n\t<div id='tabBody_{{uuid}}' class='slick-tab-body' style='display: none; width: 100%;' #tabBodyRef>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n", components: [{ type: SlickTabHeaderComponent, selector: "slick-tab-header" }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTabComponent, decorators: [{
+/** @nocollapse */ SlickTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTabComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickTabComponent, selector: "slick-tab", inputs: { header: "header", icon: "icon", key: "key" }, viewQueries: [{ propertyName: "tabHeaderRef", first: true, predicate: ["tabHeaderRef"], descendants: true }, { propertyName: "tabBodyRef", first: true, predicate: ["tabBodyRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class='slick-tab btn' [ngClass]=\"{'btn-primary': selected === true, 'btn-secondary': selected === false }\" (click)='onTabClicked()'>\r\n\t<slick-tab-header *ngIf='showHeaderFromInput' #tabHeaderRef></slick-tab-header>\r\n\t<ng-content *ngIf='!showHeaderFromInput' select='slick-tab-header'></ng-content>\r\n\t<div id='tabBody_{{uuid}}' class='slick-tab-body' style='display: none; width: 100%;' #tabBodyRef>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SlickTabHeaderComponent, selector: "slick-tab-header" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-tab', template: "<div class='slick-tab btn' [ngClass]=\"{'btn-primary': selected === true, 'btn-secondary': selected === false }\" (click)='onTabClicked()'>\r\n\t<slick-tab-header *ngIf='showHeaderFromInput' #tabHeaderRef></slick-tab-header>\r\n\t<ng-content *ngIf='!showHeaderFromInput' select='slick-tab-header'></ng-content>\r\n\t<div id='tabBody_{{uuid}}' class='slick-tab-body' style='display: none; width: 100%;' #tabBodyRef>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { header: [{
@@ -7861,9 +7881,9 @@ class SlickTabsComponent {
             this.slickTabs$.unsubscribe();
     }
 }
-/** @nocollapse */ SlickTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickTabsComponent, selector: "slick-tabs", inputs: { tabModels: ["tabs", "tabModels"], hideBorder: "hideBorder", tabIndex: "tabIndex" }, outputs: { tabIndexChange: "tabIndexChange", tabChange: "tabChange" }, queries: [{ propertyName: "slickTabs", predicate: i0.forwardRef(function () { return SlickTabComponent; }) }], usesOnChanges: true, ngImport: i0, template: "<div id=\"slick-tabs_{{uuid}}\" class=\"slick-tabs\">\r\n\t<div class=\"slick-tab-headers\" [ngClass]=\"{'no-border': hideBorder === true}\">\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n\t<div id='slick-tab-display-body_{{uuid}}' class=\"slick-tab-display-body\"></div>\r\n</div>", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTabsComponent, decorators: [{
+/** @nocollapse */ SlickTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickTabsComponent, selector: "slick-tabs", inputs: { tabModels: ["tabs", "tabModels"], hideBorder: "hideBorder", tabIndex: "tabIndex" }, outputs: { tabIndexChange: "tabIndexChange", tabChange: "tabChange" }, queries: [{ propertyName: "slickTabs", predicate: i0.forwardRef(function () { return SlickTabComponent; }) }], usesOnChanges: true, ngImport: i0, template: "<div id=\"slick-tabs_{{uuid}}\" class=\"slick-tabs\">\r\n\t<div class=\"slick-tab-headers\" [ngClass]=\"{'no-border': hideBorder === true}\">\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n\t<div id='slick-tab-display-body_{{uuid}}' class=\"slick-tab-display-body\"></div>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-tabs', template: "<div id=\"slick-tabs_{{uuid}}\" class=\"slick-tabs\">\r\n\t<div class=\"slick-tab-headers\" [ngClass]=\"{'no-border': hideBorder === true}\">\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n\t<div id='slick-tab-display-body_{{uuid}}' class=\"slick-tab-display-body\"></div>\r\n</div>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { tabModels: [{
@@ -7884,10 +7904,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickTabsModule {
 }
-/** @nocollapse */ SlickTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTabsModule, declarations: [SlickTabsComponent, SlickTabComponent, SlickTabHeaderComponent], imports: [CommonModule], exports: [CommonModule, SlickTabsComponent, SlickTabComponent, SlickTabHeaderComponent] });
-/** @nocollapse */ SlickTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTabsModule, imports: [[CommonModule], CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTabsModule, decorators: [{
+/** @nocollapse */ SlickTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickTabsModule, declarations: [SlickTabsComponent, SlickTabComponent, SlickTabHeaderComponent], imports: [CommonModule], exports: [CommonModule, SlickTabsComponent, SlickTabComponent, SlickTabHeaderComponent] });
+/** @nocollapse */ SlickTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTabsModule, imports: [CommonModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTabsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -7970,9 +7990,9 @@ class SlickToastService {
     }
 }
 SlickToastService.messageInfos = [];
-/** @nocollapse */ SlickToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickToastService, deps: [{ token: i1$3.Router, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SlickToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickToastService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickToastService, decorators: [{
+/** @nocollapse */ SlickToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickToastService, deps: [{ token: i1$3.Router, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SlickToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickToastService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickToastService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Router, decorators: [{
                     type: Optional
@@ -7980,10 +8000,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickToastModule {
 }
-/** @nocollapse */ SlickToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickToastModule, imports: [RouterModule] });
-/** @nocollapse */ SlickToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickToastModule, providers: [SlickToastService], imports: [[RouterModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickToastModule, decorators: [{
+/** @nocollapse */ SlickToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickToastModule, imports: [RouterModule] });
+/** @nocollapse */ SlickToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickToastModule, providers: [SlickToastService], imports: [RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickToastModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule],
@@ -8258,9 +8278,9 @@ class SlickTreeViewComponent {
             this.nodesChange.emit(this.nodes);
     }
 }
-/** @nocollapse */ SlickTreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickTreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: SlickTreeViewComponent, selector: "slick-tree-view", inputs: { nodes: "nodes", showRootNode: "showRootNode", rootNodeUuid: "rootNodeUuid", expandOnClick: "expandOnClick" }, outputs: { nodesChange: "nodesChange", onNodeSelected: "onNodeSelected", onNodeChanged: "onNodeChanged", onNodeAdded: "onNodeAdded", onNodeDeleted: "onNodeDeleted" }, viewQueries: [{ propertyName: "slickTreeViewRef", first: true, predicate: ["slickTreeViewRef"], descendants: true, static: true }, { propertyName: "contextMenuRef", first: true, predicate: ["contextMenuRef"], descendants: true }, { propertyName: "deleteNodeConfirmRef", first: true, predicate: ["deleteNodeConfirmRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #slickTreeViewRef id=\"slick-tree-view_{{uuid}}\" class=\"slick-tree-view position-relative pr-2\">\r\n\t<div class=\"d-flex slick-tree-view-node\" [attr.data-uuid]=\"displayNode.uuid\" *ngFor=\"let displayNode of displayNodes\">\r\n\t\t<div class=\"slick-tree-view_indentation\">\r\n\t\t\t<i *ngFor=\"let indent of displayNode.indentArray\" class=\"far fa-caret-right mr-1\" style=\"opacity: 0\"></i>\r\n\t\t\t<i *ngIf=\"!displayNode.hasChildNodes\" class=\"far fa-caret-right mr-1\" style=\"opacity: 0\"></i>\r\n\t\t\t<i *ngIf=\"displayNode.hasChildNodes && !displayNode.expanded\" class=\"far fa-caret-right mr-1\" style=\"cursor: pointer\" (click)=\"expandNode(displayNode)\"></i>\r\n\t\t\t<i *ngIf=\"displayNode.hasChildNodes && displayNode.expanded\" class=\"far fa-caret-down mr-1\" style=\"cursor: pointer\" (click)=\"collapseNode(displayNode)\"></i>\r\n\t\t</div>\r\n\t\t<div class=\"d-flex px-1\" [ngClass]=\"{'bg-success text-white' : displayNode.uuid === selectedUuid }\">\r\n\t\t\t<div *ngIf=\"displayNode.node.iconClass || displayNode.node.iconUrl\" class=\"mr-1 slick-tree-view_icon\">\r\n\t\t\t\t<i *ngIf=\"displayNode.node.iconClass\" [style.color]=\"displayNode.node.iconColor\" [ngClass]=\"displayNode.node.iconClass\"></i>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"!displayNode.editingText\" style=\"cursor: pointer\" (click)=\"selectNode(displayNode)\" (dblclick)=\"editText(displayNode)\">{{displayNode.text}}</div>\r\n\t\t\t<div *ngIf=\"displayNode.editingText\" class=\"slick-tree-view_node-text-edit\"><input type=\"text\" class=\"form-control slick-tree-view_node-text-edit_{{displayNode.uuid}}\" [(ngModel)]=\"displayNode.text\" (keydown)=\"onTextKeydown($event, displayNode)\" /></div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div #contextMenuRef class='slick-tree-view_context-menu dropdown-menu p-0 show menu-hidden'>\r\n\t\t<div *ngIf=\"contextMenuShowAdd\" class=\"px-2 dropdown-item\" (click)=\"addNode()\">Add</div>\r\n\t\t<div *ngIf=\"contextMenuShowDelete\" class=\"px-2 dropdown-item\" (click)=\"deleteNode()\">Delete</div>\r\n\t\t<div *ngIf=\"contextMenuShowEditText\" class=\"px-2 dropdown-item\" (click)=\"editNodeText()\">Edit Name</div>\r\n\t</div>\r\n</div>\r\n\r\n<slick-confirm-dialog #deleteNodeConfirmRef>\r\n\tAre you sure you want to delete {{deleteNodeName}}?\r\n</slick-confirm-dialog>", components: [{ type: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: ["width", "okButtonText", "cancelButtonText", "showOkButton", "showCancelButton"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTreeViewComponent, decorators: [{
+/** @nocollapse */ SlickTreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SlickTreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SlickTreeViewComponent, selector: "slick-tree-view", inputs: { nodes: "nodes", showRootNode: "showRootNode", rootNodeUuid: "rootNodeUuid", expandOnClick: "expandOnClick" }, outputs: { nodesChange: "nodesChange", onNodeSelected: "onNodeSelected", onNodeChanged: "onNodeChanged", onNodeAdded: "onNodeAdded", onNodeDeleted: "onNodeDeleted" }, viewQueries: [{ propertyName: "slickTreeViewRef", first: true, predicate: ["slickTreeViewRef"], descendants: true, static: true }, { propertyName: "contextMenuRef", first: true, predicate: ["contextMenuRef"], descendants: true }, { propertyName: "deleteNodeConfirmRef", first: true, predicate: ["deleteNodeConfirmRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #slickTreeViewRef id=\"slick-tree-view_{{uuid}}\" class=\"slick-tree-view position-relative pr-2\">\r\n\t<div class=\"d-flex slick-tree-view-node\" [attr.data-uuid]=\"displayNode.uuid\" *ngFor=\"let displayNode of displayNodes\">\r\n\t\t<div class=\"slick-tree-view_indentation\">\r\n\t\t\t<i *ngFor=\"let indent of displayNode.indentArray\" class=\"far fa-caret-right mr-1\" style=\"opacity: 0\"></i>\r\n\t\t\t<i *ngIf=\"!displayNode.hasChildNodes\" class=\"far fa-caret-right mr-1\" style=\"opacity: 0\"></i>\r\n\t\t\t<i *ngIf=\"displayNode.hasChildNodes && !displayNode.expanded\" class=\"far fa-caret-right mr-1\" style=\"cursor: pointer\" (click)=\"expandNode(displayNode)\"></i>\r\n\t\t\t<i *ngIf=\"displayNode.hasChildNodes && displayNode.expanded\" class=\"far fa-caret-down mr-1\" style=\"cursor: pointer\" (click)=\"collapseNode(displayNode)\"></i>\r\n\t\t</div>\r\n\t\t<div class=\"d-flex px-1\" [ngClass]=\"{'bg-success text-white' : displayNode.uuid === selectedUuid }\">\r\n\t\t\t<div *ngIf=\"displayNode.node.iconClass || displayNode.node.iconUrl\" class=\"mr-1 slick-tree-view_icon\">\r\n\t\t\t\t<i *ngIf=\"displayNode.node.iconClass\" [style.color]=\"displayNode.node.iconColor\" [ngClass]=\"displayNode.node.iconClass\"></i>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"!displayNode.editingText\" style=\"cursor: pointer\" (click)=\"selectNode(displayNode)\" (dblclick)=\"editText(displayNode)\">{{displayNode.text}}</div>\r\n\t\t\t<div *ngIf=\"displayNode.editingText\" class=\"slick-tree-view_node-text-edit\"><input type=\"text\" class=\"form-control slick-tree-view_node-text-edit_{{displayNode.uuid}}\" [(ngModel)]=\"displayNode.text\" (keydown)=\"onTextKeydown($event, displayNode)\" /></div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div #contextMenuRef class='slick-tree-view_context-menu dropdown-menu p-0 show menu-hidden'>\r\n\t\t<div *ngIf=\"contextMenuShowAdd\" class=\"px-2 dropdown-item\" (click)=\"addNode()\">Add</div>\r\n\t\t<div *ngIf=\"contextMenuShowDelete\" class=\"px-2 dropdown-item\" (click)=\"deleteNode()\">Delete</div>\r\n\t\t<div *ngIf=\"contextMenuShowEditText\" class=\"px-2 dropdown-item\" (click)=\"editNodeText()\">Edit Name</div>\r\n\t</div>\r\n</div>\r\n\r\n<slick-confirm-dialog #deleteNodeConfirmRef>\r\n\tAre you sure you want to delete {{deleteNodeName}}?\r\n</slick-confirm-dialog>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SlickConfirmDialogComponent, selector: "slick-confirm-dialog", inputs: ["width", "okButtonText", "cancelButtonText", "showOkButton", "showCancelButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTreeViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slick-tree-view', template: "<div #slickTreeViewRef id=\"slick-tree-view_{{uuid}}\" class=\"slick-tree-view position-relative pr-2\">\r\n\t<div class=\"d-flex slick-tree-view-node\" [attr.data-uuid]=\"displayNode.uuid\" *ngFor=\"let displayNode of displayNodes\">\r\n\t\t<div class=\"slick-tree-view_indentation\">\r\n\t\t\t<i *ngFor=\"let indent of displayNode.indentArray\" class=\"far fa-caret-right mr-1\" style=\"opacity: 0\"></i>\r\n\t\t\t<i *ngIf=\"!displayNode.hasChildNodes\" class=\"far fa-caret-right mr-1\" style=\"opacity: 0\"></i>\r\n\t\t\t<i *ngIf=\"displayNode.hasChildNodes && !displayNode.expanded\" class=\"far fa-caret-right mr-1\" style=\"cursor: pointer\" (click)=\"expandNode(displayNode)\"></i>\r\n\t\t\t<i *ngIf=\"displayNode.hasChildNodes && displayNode.expanded\" class=\"far fa-caret-down mr-1\" style=\"cursor: pointer\" (click)=\"collapseNode(displayNode)\"></i>\r\n\t\t</div>\r\n\t\t<div class=\"d-flex px-1\" [ngClass]=\"{'bg-success text-white' : displayNode.uuid === selectedUuid }\">\r\n\t\t\t<div *ngIf=\"displayNode.node.iconClass || displayNode.node.iconUrl\" class=\"mr-1 slick-tree-view_icon\">\r\n\t\t\t\t<i *ngIf=\"displayNode.node.iconClass\" [style.color]=\"displayNode.node.iconColor\" [ngClass]=\"displayNode.node.iconClass\"></i>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"!displayNode.editingText\" style=\"cursor: pointer\" (click)=\"selectNode(displayNode)\" (dblclick)=\"editText(displayNode)\">{{displayNode.text}}</div>\r\n\t\t\t<div *ngIf=\"displayNode.editingText\" class=\"slick-tree-view_node-text-edit\"><input type=\"text\" class=\"form-control slick-tree-view_node-text-edit_{{displayNode.uuid}}\" [(ngModel)]=\"displayNode.text\" (keydown)=\"onTextKeydown($event, displayNode)\" /></div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div #contextMenuRef class='slick-tree-view_context-menu dropdown-menu p-0 show menu-hidden'>\r\n\t\t<div *ngIf=\"contextMenuShowAdd\" class=\"px-2 dropdown-item\" (click)=\"addNode()\">Add</div>\r\n\t\t<div *ngIf=\"contextMenuShowDelete\" class=\"px-2 dropdown-item\" (click)=\"deleteNode()\">Delete</div>\r\n\t\t<div *ngIf=\"contextMenuShowEditText\" class=\"px-2 dropdown-item\" (click)=\"editNodeText()\">Edit Name</div>\r\n\t</div>\r\n</div>\r\n\r\n<slick-confirm-dialog #deleteNodeConfirmRef>\r\n\tAre you sure you want to delete {{deleteNodeName}}?\r\n</slick-confirm-dialog>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { nodes: [{
@@ -8294,10 +8314,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickTreeViewModule {
 }
-/** @nocollapse */ SlickTreeViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickTreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTreeViewModule, declarations: [SlickTreeViewComponent], imports: [CommonModule, FormsModule, SlickConfirmDialogModule], exports: [CommonModule, FormsModule, SlickTreeViewComponent] });
-/** @nocollapse */ SlickTreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTreeViewModule, imports: [[CommonModule, FormsModule, SlickConfirmDialogModule], CommonModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTreeViewModule, decorators: [{
+/** @nocollapse */ SlickTreeViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickTreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickTreeViewModule, declarations: [SlickTreeViewComponent], imports: [CommonModule, FormsModule, SlickConfirmDialogModule], exports: [CommonModule, FormsModule, SlickTreeViewComponent] });
+/** @nocollapse */ SlickTreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTreeViewModule, imports: [CommonModule, FormsModule, SlickConfirmDialogModule, CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTreeViewModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, SlickConfirmDialogModule],
@@ -8431,15 +8451,15 @@ class SlickTypeAheadDirective {
     // not used, used for touch input
     registerOnTouched() { }
 }
-/** @nocollapse */ SlickTypeAheadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTypeAheadDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ SlickTypeAheadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SlickTypeAheadDirective, selector: "[slick-type-ahead]", inputs: { slickTypeAhead: ["slick-type-ahead", "slickTypeAhead"], slickTypeAheadField: ["slick-type-ahead-field-id", "slickTypeAheadField"], slickTypeAheadFields: ["slick-type-ahead-field-ids", "slickTypeAheadFields"] }, outputs: { slickTypeAheadChange: "slick-type-ahead-change" }, providers: [
+/** @nocollapse */ SlickTypeAheadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTypeAheadDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ SlickTypeAheadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: SlickTypeAheadDirective, selector: "[slick-type-ahead]", inputs: { slickTypeAhead: ["slick-type-ahead", "slickTypeAhead"], slickTypeAheadField: ["slick-type-ahead-field-id", "slickTypeAheadField"], slickTypeAheadFields: ["slick-type-ahead-field-ids", "slickTypeAheadFields"] }, outputs: { slickTypeAheadChange: "slick-type-ahead-change" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickTypeAheadDirective)),
             multi: true,
         }
     ], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTypeAheadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTypeAheadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slick-type-ahead]',
@@ -8467,10 +8487,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
 
 class SlickTypeAheadModule {
 }
-/** @nocollapse */ SlickTypeAheadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTypeAheadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SlickTypeAheadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTypeAheadModule, declarations: [SlickTypeAheadDirective], exports: [SlickTypeAheadDirective] });
-/** @nocollapse */ SlickTypeAheadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTypeAheadModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SlickTypeAheadModule, decorators: [{
+/** @nocollapse */ SlickTypeAheadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTypeAheadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickTypeAheadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SlickTypeAheadModule, declarations: [SlickTypeAheadDirective], exports: [SlickTypeAheadDirective] });
+/** @nocollapse */ SlickTypeAheadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTypeAheadModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SlickTypeAheadModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],