novo-elements 5.7.0 → 5.11.0

package/fesm2015/novo-elements.js

@@ -2971,6 +2971,7 @@ class NovoLabelService {
         this.clearAllNormalCase = 'Clear All';
         this.clearSort = 'Clear Sort';
         this.clearFilter = 'Clear Filter';
+        this.clearSelected = 'Clear Selected';
         this.today = 'Today';
         this.now = 'Now';
         this.isRequired = 'is required';
@@ -7199,6 +7200,7 @@ class DataTableState {
         this.expandedRows = new Set();
         this.isForceRefresh = false;
         this.updates = new EventEmitter();
+        this.retainSelected = false;
     }
     get userFiltered() {
         return !!(this.filter || this.sort || this.globalSearch || this.outsideFilter);
@@ -7216,9 +7218,12 @@ class DataTableState {
             this.filter = undefined;
         }
         this.page = 0;
-        this.selectedRows.clear();
-        this.resetSource.next();
+        if (!this.retainSelected) {
+            this.selectedRows.clear();
+            this.resetSource.next();
+        }
         this.onSortFilterChange();
+        this.retainSelected = false;
         if (fireUpdate) {
             this.updates.emit({
                 sort: this.sort,
@@ -7230,8 +7235,8 @@ class DataTableState {
     clearSort(fireUpdate = true) {
         this.sort = undefined;
         this.page = 0;
-        this.selectedRows.clear();
-        this.resetSource.next();
+        this.checkRetainment('sort');
+        this.reset(fireUpdate, true);
         this.onSortFilterChange();
         if (fireUpdate) {
             this.updates.emit({
@@ -7245,8 +7250,8 @@ class DataTableState {
         this.filter = undefined;
         this.globalSearch = undefined;
         this.page = 0;
-        this.selectedRows.clear();
-        this.resetSource.next();
+        this.checkRetainment('filter');
+        this.reset(fireUpdate, true);
         this.onSortFilterChange();
         if (fireUpdate) {
             this.updates.emit({
@@ -7256,6 +7261,19 @@ class DataTableState {
             });
         }
     }
+    clearSelected(fireUpdate = true) {
+        this.globalSearch = undefined;
+        this.page = 0;
+        this.reset(fireUpdate, true);
+        this.onSelectionChange();
+        if (fireUpdate) {
+            this.updates.emit({
+                sort: this.sort,
+                filter: this.filter,
+                globalSearch: this.globalSearch,
+            });
+        }
+    }
     onSelectionChange() {
         this.selectionSource.next();
     }
@@ -7263,9 +7281,12 @@ class DataTableState {
         this.expandSource.next(targetId);
     }
     onPaginationChange(isPageSizeChange, pageSize) {
+        this.checkRetainment('page');
         this.paginationSource.next({ isPageSizeChange, pageSize });
     }
     onSortFilterChange() {
+        this.checkRetainment('sort');
+        this.checkRetainment('filter');
         this.sortFilterSource.next({
             sort: this.sort,
             filter: this.filter,
@@ -7289,6 +7310,10 @@ class DataTableState {
             }
         }
     }
+    checkRetainment(caller) {
+        var _a;
+        this.retainSelected = ((_a = this.selectionOptions) === null || _a === void 0 ? void 0 : _a.some(option => option.label === caller)) || this.retainSelected;
+    }
 }
 DataTableState.decorators = [
     { type: Injectable }
@@ -7299,6 +7324,7 @@ class NovoDataTableClearButton {
         this.state = state;
         this.ref = ref;
         this.labels = labels;
+        this.selectedClear = new EventEmitter();
         this.sortClear = new EventEmitter();
         this.filterClear = new EventEmitter();
         this.allClear = new EventEmitter();
@@ -7311,9 +7337,14 @@ class NovoDataTableClearButton {
         this.state.clearFilter();
         this.filterClear.emit(true);
     }
+    clearSelected() {
+        this.state.clearSelected();
+        this.selectedClear.emit(true);
+    }
     clearAll() {
         this.state.reset();
         this.allClear.emit(true);
+        this.selectedClear.emit(true);
         this.sortClear.emit(true);
         this.filterClear.emit(true);
     }
@@ -7325,6 +7356,7 @@ NovoDataTableClearButton.decorators = [
     <novo-dropdown side="bottom-right" class="novo-data-table-clear-button" data-automation-id="novo-data-table-clear-dropdown">
       <button type="button" theme="primary" color="negative" icon="collapse" data-automation-id="novo-data-table-clear-dropdown-btn">{{ labels.clear }}</button>
       <list>
+          <item *ngIf="state.selected.length > 0" (click)="clearSelected()" data-automation-id="novo-data-table-clear-dropdown-clear-selected">{{ labels.clearSelected }}</item>
           <item *ngIf="state.sort" (click)="clearSort()" data-automation-id="novo-data-table-clear-dropdown-clear-sort">{{ labels.clearSort }}</item>
           <item *ngIf="state.filter" (click)="clearFilter()" data-automation-id="novo-data-table-clear-dropdown-clear-filter">{{ labels.clearFilter }}</item>
           <item *ngIf="state.sort && state.filter" (click)="clearAll()" data-automation-id="novo-data-table-clear-dropdown-clear-all">{{ labels.clearAllNormalCase }}</item>
@@ -7340,6 +7372,7 @@ NovoDataTableClearButton.ctorParameters = () => [
     { type: NovoLabelService }
 ];
 NovoDataTableClearButton.propDecorators = {
+    selectedClear: [{ type: Output }],
     sortClear: [{ type: Output }],
     filterClear: [{ type: Output }],
     allClear: [{ type: Output }]
@@ -7383,7 +7416,10 @@ class DataTableSource extends DataSource {
             this.current = data.results.length;
             this.data = data.results;
             // Clear selection
-            this.state.selectedRows.clear();
+            if (!this.state.retainSelected) {
+                this.state.selectedRows.clear();
+            }
+            this.state.retainSelected = false;
             this.state.onSelectionChange();
             // Mark changes
             setTimeout(() => {
@@ -7746,6 +7782,7 @@ class NovoDataTableSortFilter {
             }
         }
         this.state.filter = filter;
+        this.state.checkRetainment('filter');
         this.state.reset(false, true);
         this.state.updates.next({ filter, sort: this.state.sort });
         this.state.onSortFilterChange();
@@ -7753,6 +7790,7 @@ class NovoDataTableSortFilter {
     sort(id, value, transform) {
         const sort = { id, value, transform };
         this.state.sort = sort;
+        this.state.checkRetainment('sort');
         this.state.reset(false, true);
         this.state.updates.next({ sort, filter: this.state.filter });
         this.state.onSortFilterChange();
@@ -8288,6 +8326,7 @@ class NovoDataTable {
         this.trackByFn = (index, item) => item.id;
         this.templates = {};
         this.fixedHeader = false;
+        this.maxSelected = undefined;
         this._hideGlobalSearch = true;
         this.preferencesChanged = new EventEmitter();
         this.loading = true;
@@ -8459,6 +8498,7 @@ class NovoDataTable {
         }
     }
     ngAfterContentInit() {
+        var _a;
         if (this.displayedColumns && this.displayedColumns.length) {
             this.expandable = this.displayedColumns.includes('expand');
         }
@@ -8488,6 +8528,7 @@ class NovoDataTable {
         }
         this.state.page = this.paginationOptions ? this.paginationOptions.page : undefined;
         this.state.pageSize = this.paginationOptions ? this.paginationOptions.pageSize : undefined;
+        this.state.selectionOptions = (_a = this.selectionOptions) !== null && _a !== void 0 ? _a : undefined;
         // Scrolling inside table
         this.novoDataTableContainer.nativeElement.addEventListener('scroll', this.scrollListenerHandler);
         this.initialized = true;
@@ -8732,8 +8773,8 @@ NovoDataTable.decorators = [
           [hidden]="dataSource?.totallyEmpty && !state.userFiltered"
         >
           <ng-container cdkColumnDef="selection">
-            <novo-data-table-checkbox-header-cell *cdkHeaderCellDef></novo-data-table-checkbox-header-cell>
-            <novo-data-table-checkbox-cell *cdkCellDef="let row; let i = index" [row]="row"></novo-data-table-checkbox-cell>
+            <novo-data-table-checkbox-header-cell *cdkHeaderCellDef [maxSelected]="maxSelected"></novo-data-table-checkbox-header-cell>
+            <novo-data-table-checkbox-cell *cdkCellDef="let row; let i = index" [row]="row" [maxSelected]="maxSelected"></novo-data-table-checkbox-cell>
           </ng-container>
           <ng-container cdkColumnDef="expand">
             <novo-data-table-expand-header-cell *cdkHeaderCellDef></novo-data-table-expand-header-cell>
@@ -8904,6 +8945,7 @@ NovoDataTable.propDecorators = {
     displayedColumns: [{ type: Input }],
     paginationOptions: [{ type: Input }],
     searchOptions: [{ type: Input }],
+    selectionOptions: [{ type: Input }],
     defaultSort: [{ type: Input }],
     name: [{ type: Input }],
     allowMultipleFilters: [{ type: Input }],
@@ -8913,6 +8955,7 @@ NovoDataTable.propDecorators = {
     templates: [{ type: Input }],
     fixedHeader: [{ type: Input }],
     paginatorDataFeatureId: [{ type: Input }],
+    maxSelected: [{ type: Input }],
     dataTableService: [{ type: Input }],
     rows: [{ type: Input }],
     outsideFilter: [{ type: Input }],
@@ -27403,6 +27446,7 @@ NovoAddressElement.decorators = [
         (focus)="isFocused($event, 'address1')"
         (blur)="isBlurred($event, 'address1')"
         (input)="onInput($event, 'address1')"
+        [disabled]="disabled.address1"
       />
     </span>
     <span
@@ -27431,6 +27475,7 @@ NovoAddressElement.decorators = [
         (focus)="isFocused($event, 'address2')"
         (blur)="isBlurred($event, 'address2')"
         (input)="onInput($event, 'address2')"
+        [disabled]="disabled.address2"
       />
     </span>
     <span
@@ -27454,6 +27499,7 @@ NovoAddressElement.decorators = [
         (focus)="isFocused($event, 'city')"
         (blur)="isBlurred($event, 'city')"
         (input)="onInput($event, 'city')"
+        [disabled]="disabled.city"
       />
     </span>
     <span
@@ -27495,6 +27541,7 @@ NovoAddressElement.decorators = [
         (focus)="isFocused($event, 'zip')"
         (blur)="isBlurred($event, 'zip')"
         (input)="onInput($event, 'zip')"
+        [disabled]="disabled.zip"
       />
     </span>
     <span
@@ -28894,7 +28941,7 @@ NovoDatePickerElement.decorators = [
                             endfill: isEndFill(range, day.date, selected, selected2),
                             'selecting-range': isSelectingRange(range, day.date, selected, selected2, hoverDay, rangeSelectMode, weekRangeSelect)
                            }" (mouseover)="rangeHover($event, day)" [attr.data-automation-id]="day.number">
-                            <button class="day" [attr.data-automation-id]="day.number" [disabled]="isDisabled(day.date, start, end)" (click)="select($event, day, true)">{{day.number}}</button>
+                            <button [title]="isDisabled(day.date, start, end) ? disabledDateMessage : ''" class="day" [attr.data-automation-id]="day.number" [disabled]="isDisabled(day.date, start, end)" (click)="select($event, day, true)">{{day.number}}</button>
                         </td>
                     </tr>
                 </tbody>
@@ -28929,6 +28976,7 @@ NovoDatePickerElement.propDecorators = {
     range: [{ type: Input }],
     weekRangeSelect: [{ type: Input }],
     weekStart: [{ type: Input }],
+    disabledDateMessage: [{ type: Input }],
     onSelect: [{ type: Output }]
 };
 
@@ -29334,6 +29382,7 @@ NovoDatePickerInputElement.decorators = [
         [end]="end"
         inline="true"
         (onSelect)="setValueAndClose($event)"
+        [disabledDateMessage]="disabledDateMessage"
         [ngModel]="value"
         [weekStart]="weekStart"
       ></novo-date-picker>
@@ -29356,6 +29405,7 @@ NovoDatePickerInputElement.propDecorators = {
     format: [{ type: Input }],
     textMaskEnabled: [{ type: Input }],
     allowInvalidDate: [{ type: Input }],
+    disabledDateMessage: [{ type: Input }],
     disabled: [{ type: HostBinding, args: ['class.disabled',] }, { type: Input }],
     weekStart: [{ type: Input }],
     blurEvent: [{ type: Output }],
@@ -29442,6 +29492,7 @@ class NovoDataTableCheckboxCell extends CdkCell {
         this.dataTable = dataTable;
         this.ref = ref;
         this.role = 'gridcell';
+        this.maxSelected = undefined;
         this.checked = false;
         renderer.setAttribute(elementRef.nativeElement, 'data-automation-id', `novo-checkbox-column-${columnDef.cssClassFriendlyName}`);
         renderer.addClass(elementRef.nativeElement, `novo-checkbox-column-${columnDef.cssClassFriendlyName}`);
@@ -29455,11 +29506,19 @@ class NovoDataTableCheckboxCell extends CdkCell {
             this.ref.markForCheck();
         });
     }
+    get isAtLimit() {
+        return this.maxSelected && this.dataTable.state.selectedRows.size >= this.maxSelected && !this.checked;
+    }
     ngOnInit() {
         this.checked = this.dataTable.isSelected(this.row);
     }
     onClick() {
-        this.dataTable.selectRow(this.row);
+        if (!this.isAtLimit) {
+            this.dataTable.selectRow(this.row);
+        }
+    }
+    getTooltip() {
+        return (this.isAtLimit) ? 'More than ' + this.maxSelected + ' items are not able to be selected at one time' : '';
     }
     ngOnDestroy() {
         if (this.selectionSubscription) {
@@ -29474,10 +29533,11 @@ NovoDataTableCheckboxCell.decorators = [
     { type: Component, args: [{
                 selector: 'novo-data-table-checkbox-cell',
                 template: `
-    <div class="data-table-checkbox" (click)="onClick()">
+    <div class="data-table-checkbox" (click)="onClick()" [tooltip]="getTooltip()" tooltipPosition="right">
       <input type="checkbox" [checked]="checked">
       <label>
-        <i [class.bhi-checkbox-empty]="!checked"
+        <i [class.bhi-checkbox-disabled]="isAtLimit"
+          [class.bhi-checkbox-empty]="!checked"
           [class.bhi-checkbox-filled]="checked"></i>
       </label>
     </div>
@@ -29494,7 +29554,8 @@ NovoDataTableCheckboxCell.ctorParameters = () => [
 ];
 NovoDataTableCheckboxCell.propDecorators = {
     role: [{ type: HostBinding, args: ['attr.role',] }],
-    row: [{ type: Input }]
+    row: [{ type: Input }],
+    maxSelected: [{ type: Input }]
 };
 
 class NovoDataTableExpandCell extends CdkCell {
@@ -29632,12 +29693,211 @@ NovoDataTableExpandHeaderCell.propDecorators = {
     role: [{ type: HostBinding, args: ['attr.role',] }]
 };
 
+// NG2
+class NovoToastElement {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.theme = 'danger';
+        this.icon = 'caution';
+        this.hasDialogue = false;
+        this.isCloseable = false;
+        this.closed = new EventEmitter();
+        this.show = false;
+        this.animate = false;
+        this.parent = null;
+        this.launched = false;
+    }
+    set message(m) {
+        this._message = this.sanitizer.bypassSecurityTrustHtml(m);
+    }
+    ngOnInit() {
+        if (!this.launched) {
+            // clear position and time
+            this.position = null;
+            this.time = null;
+            // set icon and styling
+            this.iconClass = `bhi-${this.icon}`;
+            this.alertTheme = `${this.theme} toast-container embedded`;
+            if (this.hasDialogue) {
+                this.alertTheme += ' dialogue';
+            }
+        }
+    }
+    ngOnChanges(changes) {
+        // set icon and styling
+        this.iconClass = `bhi-${this.icon}`;
+        this.alertTheme = `${this.theme} toast-container embedded`;
+        if (this.hasDialogue) {
+            this.alertTheme += ' dialogue';
+        }
+    }
+    clickHandler(event) {
+        if (!this.isCloseable) {
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+            }
+            if (this.parent) {
+                this.parent.hide(this);
+            }
+            else {
+                this.closed.emit({ closed: true });
+            }
+        }
+    }
+    close(event) {
+        if (event) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+        if (this.parent) {
+            this.parent.hide(this);
+        }
+        else {
+            this.closed.emit({ closed: true });
+        }
+    }
+}
+NovoToastElement.decorators = [
+    { type: Component, args: [{
+                selector: 'novo-toast',
+                host: {
+                    '[class]': 'alertTheme',
+                    '[class.show]': 'show',
+                    '[class.animate]': 'animate',
+                    '[class.embedded]': 'embedded',
+                    '(click)': '!isCloseable && clickHandler($event)',
+                },
+                template: `
+        <div class="toast-icon">
+            <i [ngClass]="iconClass"></i>
+        </div>
+        <div class="toast-content">
+            <h5 *ngIf="title">{{title}}</h5>
+            <p *ngIf="_message" [class.message-only]="!title" [innerHtml]="_message"></p>
+            <div *ngIf="link" class="link-generated">
+                <input type="text" [value]="link" onfocus="this.select();"/>
+            </div>
+            <div class="dialogue">
+                <ng-content></ng-content>
+            </div>
+        </div>
+        <div class="close-icon" *ngIf="isCloseable" (click)="close($event)">
+            <i class="bhi-times"></i>
+        </div>
+    `
+            },] }
+];
+NovoToastElement.ctorParameters = () => [
+    { type: DomSanitizer }
+];
+NovoToastElement.propDecorators = {
+    theme: [{ type: Input }],
+    icon: [{ type: Input }],
+    title: [{ type: Input }],
+    hasDialogue: [{ type: Input }],
+    link: [{ type: Input }],
+    isCloseable: [{ type: Input }],
+    message: [{ type: Input }],
+    closed: [{ type: Output }]
+};
+
+// NG2
+class NovoToastService {
+    constructor(componentUtils) {
+        this.componentUtils = componentUtils;
+        this.references = [];
+        this.icons = { default: 'bell', success: 'check', info: 'info', warning: 'warning', danger: 'remove' };
+        this.defaults = { hideDelay: 3500, position: 'growlTopRight', theme: 'default' };
+    }
+    set parentViewContainer(view) {
+        this._parentViewContainer = view;
+    }
+    alert(options, toastElement = NovoToastElement) {
+        return new Promise((resolve) => {
+            if (!this._parentViewContainer) {
+                console.error('No parent view container specified for the ToastService. Set it inside your main application. \nthis.toastService.parentViewContainer = view (ViewContainerRef)');
+                return;
+            }
+            const toast = this.componentUtils.append(toastElement, this._parentViewContainer);
+            this.references.push(toast);
+            this.handleAlert(toast.instance, options);
+            resolve(toast);
+        });
+    }
+    isVisible(toast) {
+        return toast.show;
+    }
+    hide(toast) {
+        toast.animate = false;
+        setTimeout(() => {
+            toast.show = false;
+            const REF = this.references.filter((x) => x.instance === toast)[0];
+            if (REF) {
+                this.references.splice(this.references.indexOf(REF), 1);
+                REF.destroy();
+            }
+        }, 300);
+    }
+    handleAlert(toast, options) {
+        this.setToastOnSession(toast, options);
+        setTimeout(() => {
+            this.show(toast);
+        }, 20);
+        if (!toast.isCloseable) {
+            this.toastTimer(toast);
+        }
+    }
+    setToastOnSession(toast, opts) {
+        const OPTIONS = typeof opts === 'object' ? opts : {};
+        toast.parent = this;
+        toast.title = OPTIONS.title || '';
+        toast.message = OPTIONS.message || '';
+        toast.hideDelay = OPTIONS.hideDelay || this.defaults.hideDelay;
+        toast.link = OPTIONS.link || '';
+        toast.isCloseable = OPTIONS.isCloseable || false;
+        const CUSTOM_CLASS = OPTIONS.customClass || '';
+        const ALERT_STYLE = OPTIONS.theme || this.defaults.theme;
+        const ALERT_POSITION = OPTIONS.position || this.defaults.position;
+        const ALERT_ICON = OPTIONS.icon || this.icons.default;
+        toast.iconClass = `bhi-${ALERT_ICON}`;
+        toast.launched = true;
+        toast.alertTheme = `${ALERT_STYLE} ${ALERT_POSITION} ${CUSTOM_CLASS} toast-container launched`;
+    }
+    show(toast) {
+        toast.show = true;
+        setTimeout(addClass, 25);
+        /**
+         * Adds animate class to be called after a timeout
+         **/
+        function addClass() {
+            toast.animate = true;
+        }
+    }
+    toastTimer(toast) {
+        if (toast.hideDelay < 0) {
+            return;
+        }
+        setTimeout(() => {
+            this.hide(toast);
+        }, toast.hideDelay);
+    }
+}
+NovoToastService.decorators = [
+    { type: Injectable }
+];
+NovoToastService.ctorParameters = () => [
+    { type: ComponentUtils }
+];
+
 class NovoDataTableCheckboxHeaderCell extends CdkHeaderCell {
-    constructor(columnDef, elementRef, renderer, dataTable, ref) {
+    constructor(columnDef, elementRef, renderer, dataTable, ref, toaster) {
         super(columnDef, elementRef);
         this.dataTable = dataTable;
         this.ref = ref;
+        this.toaster = toaster;
         this.role = 'columnheader';
+        this.maxSelected = undefined;
         this.checked = false;
         renderer.setAttribute(elementRef.nativeElement, 'data-automation-id', `novo-checkbox-column-header-${columnDef.cssClassFriendlyName}`);
         renderer.addClass(elementRef.nativeElement, `novo-checkbox-column-${columnDef.cssClassFriendlyName}`);
@@ -29650,6 +29910,8 @@ class NovoDataTableCheckboxHeaderCell extends CdkHeaderCell {
             if (event.isPageSizeChange) {
                 this.checked = false;
                 this.dataTable.selectRows(false);
+                this.dataTable.state.checkRetainment('pageSize');
+                this.dataTable.state.reset(false, true);
             }
             else {
                 this.checked = this.dataTable.allCurrentRowsSelected();
@@ -29661,6 +29923,9 @@ class NovoDataTableCheckboxHeaderCell extends CdkHeaderCell {
             this.ref.markForCheck();
         });
     }
+    get isAtLimit() {
+        return this.maxSelected && this.dataTable.state.selectedRows.size + this.dataTable.dataSource.data.length > this.maxSelected && !this.checked;
+    }
     ngOnDestroy() {
         if (this.selectionSubscription) {
             this.selectionSubscription.unsubscribe();
@@ -29673,7 +29938,17 @@ class NovoDataTableCheckboxHeaderCell extends CdkHeaderCell {
         }
     }
     onClick() {
-        this.dataTable.selectRows(!this.checked);
+        if (this.isAtLimit) {
+            this.toaster.alert({
+                theme: 'danger',
+                position: 'fixedTop',
+                message: 'Error, more than 500 items are not able to be selected at one time',
+                icon: 'caution',
+            });
+        }
+        else {
+            this.dataTable.selectRows(!this.checked);
+        }
     }
 }
 NovoDataTableCheckboxHeaderCell.decorators = [
@@ -29696,10 +29971,12 @@ NovoDataTableCheckboxHeaderCell.ctorParameters = () => [
     { type: ElementRef },
     { type: Renderer2 },
     { type: NovoDataTable },
-    { type: ChangeDetectorRef }
+    { type: ChangeDetectorRef },
+    { type: NovoToastService }
 ];
 NovoDataTableCheckboxHeaderCell.propDecorators = {
-    role: [{ type: HostBinding, args: ['attr.role',] }]
+    role: [{ type: HostBinding, args: ['attr.role',] }],
+    maxSelected: [{ type: Input }]
 };
 
 class NovoDataTableHeaderCell extends CdkHeaderCell {
@@ -29795,10 +30072,12 @@ class NovoDataTablePagination {
         this.resetSubscription.unsubscribe();
     }
     selectPage(page) {
+        this.state.checkRetainment('page');
         this.page = page;
         this.emitPageEvent();
     }
     nextPage() {
+        this.state.checkRetainment('page');
         if (!this.hasNextPage()) {
             return;
         }
@@ -29807,6 +30086,7 @@ class NovoDataTablePagination {
         this.emitPageEvent();
     }
     previousPage() {
+        this.state.checkRetainment('page');
         if (!this.hasPreviousPage()) {
             return;
         }
@@ -30403,6 +30683,7 @@ NovoDateTimePickerElement.decorators = [
             [maxYear]="maxYear"
             [start]="start"
             [end]="end"
+            [disabledDateMessage]="disabledDateMessage"
             [weekStart]="weekStart"
           ></novo-date-picker>
         </div>
@@ -30425,6 +30706,7 @@ NovoDateTimePickerElement.propDecorators = {
     end: [{ type: Input }],
     military: [{ type: Input }],
     weekStart: [{ type: Input }],
+    disabledDateMessage: [{ type: Input }],
     onSelect: [{ type: Output }]
 };
 
@@ -30536,6 +30818,7 @@ NovoDateTimePickerInputElement.decorators = [
       (ngModelChange)="updateDate($event)"
       [start]="start"
       [end]="end"
+      [disabledDateMessage]="disabledDateMessage"
       [maskOptions]="maskOptions"
       (blurEvent)="handleBlur($event)"
       (focusEvent)="handleFocus($event)"
@@ -30568,6 +30851,7 @@ NovoDateTimePickerInputElement.propDecorators = {
     disabled: [{ type: Input }],
     format: [{ type: Input }],
     weekStart: [{ type: Input }],
+    disabledDateMessage: [{ type: Input }],
     blurEvent: [{ type: Output }],
     focusEvent: [{ type: Output }],
     changeEvent: [{ type: Output }]
@@ -31460,6 +31744,7 @@ class BaseControl extends ControlConfig {
             this.isEmpty = config.isEmpty;
         }
         this.weekStart = config.weekStart || 0;
+        this.disabledDateMessage = config.disabledDateMessage;
     }
 }
 
@@ -31906,6 +32191,7 @@ class NovoFormControl extends FormControl {
         this.tipWell = control.tipWell;
         this.customControlConfig = control.customControlConfig;
         this.warning = control.warning;
+        this.disabledDateMessage = control.disabledDateMessage;
         // Reactive Form, need to enable/disable, can't bind to [disabled]
         if (this.readOnly) {
             this.disable();
@@ -32281,7 +32567,7 @@ class FormUtils {
             closeOnSelect: field.closeOnSelect,
             layoutOptions: field.layoutOptions,
         };
-        this.inferStartDate(controlConfig, field);
+        this.inferDateRange(controlConfig, field);
         // TODO: getControlOptions should always return the correct format
         const optionsConfig = this.getControlOptions(field, http, config, fieldData);
         if (Array.isArray(optionsConfig) && !(type === 'chips' || type === 'picker')) {
@@ -32586,6 +32872,7 @@ class FormUtils {
             })
             : [];
         let fields = meta.fields.map((field) => {
+            field.parentEntity = meta.entity;
             if (!field.hasOwnProperty('sortOrder')) {
                 field.sortOrder = Number.MAX_SAFE_INTEGER - 1;
             }
@@ -32791,23 +33078,23 @@ class FormUtils {
             return addDays(startOfToday(), dateRange.minOffset);
         }
     }
-    /**
-     * Get the min start date of a Date base on field data.
-     */
-    getStartDate(field) {
-        if (field.allowedDateRange) {
-            return this.getStartDateFromRange(field.allowedDateRange);
+    getEndDateFromRange(dateRange) {
+        if (dateRange.maxDate) {
+            return parse(dateRange.maxDate);
+        }
+        else if (dateRange.minOffset) {
+            return addDays(startOfToday(), dateRange.minOffset);
         }
-        // there is no restriction on the start date
-        return null;
     }
-    inferStartDate(controlConfig, field) {
-        if (field.dataType === 'Date') {
-            const startDate = this.getStartDate(field);
-            if (startDate) {
-                controlConfig.startDate = startDate;
-            }
-            return startDate;
+    /**
+     * Get the min start date and max end date of a Date base on field data.
+     */
+    inferDateRange(controlConfig, field) {
+        var _a;
+        if (field.dataType === 'Date' && field.allowedDateRange) {
+            controlConfig.startDate = this.getStartDateFromRange(field.allowedDateRange);
+            controlConfig.endDate = this.getEndDateFromRange(field.allowedDateRange);
+            controlConfig.disabledDateMessage = (_a = field.allowedDateRange) === null || _a === void 0 ? void 0 : _a.disabledDateMessage;
         }
     }
     inflateEmbeddedProperties(data) {
@@ -33009,203 +33296,6 @@ NovoModalService.ctorParameters = () => [
     { type: ComponentUtils }
 ];
 
-// NG2
-class NovoToastElement {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-        this.theme = 'danger';
-        this.icon = 'caution';
-        this.hasDialogue = false;
-        this.isCloseable = false;
-        this.closed = new EventEmitter();
-        this.show = false;
-        this.animate = false;
-        this.parent = null;
-        this.launched = false;
-    }
-    set message(m) {
-        this._message = this.sanitizer.bypassSecurityTrustHtml(m);
-    }
-    ngOnInit() {
-        if (!this.launched) {
-            // clear position and time
-            this.position = null;
-            this.time = null;
-            // set icon and styling
-            this.iconClass = `bhi-${this.icon}`;
-            this.alertTheme = `${this.theme} toast-container embedded`;
-            if (this.hasDialogue) {
-                this.alertTheme += ' dialogue';
-            }
-        }
-    }
-    ngOnChanges(changes) {
-        // set icon and styling
-        this.iconClass = `bhi-${this.icon}`;
-        this.alertTheme = `${this.theme} toast-container embedded`;
-        if (this.hasDialogue) {
-            this.alertTheme += ' dialogue';
-        }
-    }
-    clickHandler(event) {
-        if (!this.isCloseable) {
-            if (event) {
-                event.stopPropagation();
-                event.preventDefault();
-            }
-            if (this.parent) {
-                this.parent.hide(this);
-            }
-            else {
-                this.closed.emit({ closed: true });
-            }
-        }
-    }
-    close(event) {
-        if (event) {
-            event.stopPropagation();
-            event.preventDefault();
-        }
-        if (this.parent) {
-            this.parent.hide(this);
-        }
-        else {
-            this.closed.emit({ closed: true });
-        }
-    }
-}
-NovoToastElement.decorators = [
-    { type: Component, args: [{
-                selector: 'novo-toast',
-                host: {
-                    '[class]': 'alertTheme',
-                    '[class.show]': 'show',
-                    '[class.animate]': 'animate',
-                    '[class.embedded]': 'embedded',
-                    '(click)': '!isCloseable && clickHandler($event)',
-                },
-                template: `
-        <div class="toast-icon">
-            <i [ngClass]="iconClass"></i>
-        </div>
-        <div class="toast-content">
-            <h5 *ngIf="title">{{title}}</h5>
-            <p *ngIf="_message" [class.message-only]="!title" [innerHtml]="_message"></p>
-            <div *ngIf="link" class="link-generated">
-                <input type="text" [value]="link" onfocus="this.select();"/>
-            </div>
-            <div class="dialogue">
-                <ng-content></ng-content>
-            </div>
-        </div>
-        <div class="close-icon" *ngIf="isCloseable" (click)="close($event)">
-            <i class="bhi-times"></i>
-        </div>
-    `
-            },] }
-];
-NovoToastElement.ctorParameters = () => [
-    { type: DomSanitizer }
-];
-NovoToastElement.propDecorators = {
-    theme: [{ type: Input }],
-    icon: [{ type: Input }],
-    title: [{ type: Input }],
-    hasDialogue: [{ type: Input }],
-    link: [{ type: Input }],
-    isCloseable: [{ type: Input }],
-    message: [{ type: Input }],
-    closed: [{ type: Output }]
-};
-
-// NG2
-class NovoToastService {
-    constructor(componentUtils) {
-        this.componentUtils = componentUtils;
-        this.references = [];
-        this.icons = { default: 'bell', success: 'check', info: 'info', warning: 'warning', danger: 'remove' };
-        this.defaults = { hideDelay: 3500, position: 'growlTopRight', theme: 'default' };
-    }
-    set parentViewContainer(view) {
-        this._parentViewContainer = view;
-    }
-    alert(options, toastElement = NovoToastElement) {
-        return new Promise((resolve) => {
-            if (!this._parentViewContainer) {
-                console.error('No parent view container specified for the ToastService. Set it inside your main application. \nthis.toastService.parentViewContainer = view (ViewContainerRef)');
-                return;
-            }
-            const toast = this.componentUtils.append(toastElement, this._parentViewContainer);
-            this.references.push(toast);
-            this.handleAlert(toast.instance, options);
-            resolve(toast);
-        });
-    }
-    isVisible(toast) {
-        return toast.show;
-    }
-    hide(toast) {
-        toast.animate = false;
-        setTimeout(() => {
-            toast.show = false;
-            const REF = this.references.filter((x) => x.instance === toast)[0];
-            if (REF) {
-                this.references.splice(this.references.indexOf(REF), 1);
-                REF.destroy();
-            }
-        }, 300);
-    }
-    handleAlert(toast, options) {
-        this.setToastOnSession(toast, options);
-        setTimeout(() => {
-            this.show(toast);
-        }, 20);
-        if (!toast.isCloseable) {
-            this.toastTimer(toast);
-        }
-    }
-    setToastOnSession(toast, opts) {
-        const OPTIONS = typeof opts === 'object' ? opts : {};
-        toast.parent = this;
-        toast.title = OPTIONS.title || '';
-        toast.message = OPTIONS.message || '';
-        toast.hideDelay = OPTIONS.hideDelay || this.defaults.hideDelay;
-        toast.link = OPTIONS.link || '';
-        toast.isCloseable = OPTIONS.isCloseable || false;
-        const CUSTOM_CLASS = OPTIONS.customClass || '';
-        const ALERT_STYLE = OPTIONS.theme || this.defaults.theme;
-        const ALERT_POSITION = OPTIONS.position || this.defaults.position;
-        const ALERT_ICON = OPTIONS.icon || this.icons.default;
-        toast.iconClass = `bhi-${ALERT_ICON}`;
-        toast.launched = true;
-        toast.alertTheme = `${ALERT_STYLE} ${ALERT_POSITION} ${CUSTOM_CLASS} toast-container launched`;
-    }
-    show(toast) {
-        toast.show = true;
-        setTimeout(addClass, 25);
-        /**
-         * Adds animate class to be called after a timeout
-         **/
-        function addClass() {
-            toast.animate = true;
-        }
-    }
-    toastTimer(toast) {
-        if (toast.hideDelay < 0) {
-            return;
-        }
-        setTimeout(() => {
-            this.hide(toast);
-        }, toast.hideDelay);
-    }
-}
-NovoToastService.decorators = [
-    { type: Injectable }
-];
-NovoToastService.ctorParameters = () => [
-    { type: ComponentUtils }
-];
-
 // NG2
 class ControlConfirmModal {
     constructor(modalRef, params, labels) {
@@ -34972,7 +35062,7 @@ NovoControlTemplates.decorators = [
         <!--Date-->
         <ng-template novoTemplate="date" let-control let-form="form" let-errors="errors" let-methods="methods">
           <div [formGroup]="form" class="novo-control-input-container" [tooltip]="control.tooltip" [tooltipPosition]="control.tooltipPosition" [tooltipSize]="control?.tooltipSize" [tooltipPreline]="control?.tooltipPreline" [removeTooltipArrow]="control?.removeTooltipArrow" [tooltipAutoPosition]="control?.tooltipAutoPosition">
-            <novo-date-picker-input [attr.id]="control.key" [name]="control.key" [formControlName]="control.key" [start]="control.startDate" [end]="control.endDate" [format]="control.dateFormat" [allowInvalidDate]="control.allowInvalidDate" [textMaskEnabled]="control.textMaskEnabled" [placeholder]="control.placeholder" [weekStart]="control.weekStart" (focusEvent)="methods.handleFocus($event)" (blurEvent)="methods.handleBlur($event)" (changeEvent)="methods.emitChange($event)"></novo-date-picker-input>
+            <novo-date-picker-input [attr.id]="control.key" [name]="control.key" [formControlName]="control.key" [start]="control.startDate" [end]="control.endDate" [disabledDateMessage]="control.disabledDateMessage" [format]="control.dateFormat" [allowInvalidDate]="control.allowInvalidDate" [textMaskEnabled]="control.textMaskEnabled" [placeholder]="control.placeholder" [weekStart]="control.weekStart" (focusEvent)="methods.handleFocus($event)" (blurEvent)="methods.handleBlur($event)" (changeEvent)="methods.emitChange($event)"></novo-date-picker-input>
           </div>
         </ng-template>