novo-elements 5.9.0 → 5.12.1

package/fesm2015/novo-elements.js

@@ -8327,8 +8327,10 @@ class NovoDataTable {
         this.templates = {};
         this.fixedHeader = false;
         this.maxSelected = undefined;
+        this.canSelectAll = false;
         this._hideGlobalSearch = true;
         this.preferencesChanged = new EventEmitter();
+        this.allSelected = new EventEmitter();
         this.loading = true;
         this.columnToTemplate = {};
         this.columnsLoaded = false;
@@ -8614,6 +8616,10 @@ class NovoDataTable {
         this.state.onSelectionChange();
     }
     allCurrentRowsSelected() {
+        var _a, _b;
+        if (!((_b = (_a = this.dataSource) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)) {
+            return false;
+        }
         for (let i = 0; i < (this.dataSource.data || []).length; i++) {
             if (!this.isSelected((this.dataSource.data || [])[i])) {
                 return false;
@@ -8773,7 +8779,7 @@ NovoDataTable.decorators = [
           [hidden]="dataSource?.totallyEmpty && !state.userFiltered"
         >
           <ng-container cdkColumnDef="selection">
-            <novo-data-table-checkbox-header-cell *cdkHeaderCellDef [maxSelected]="maxSelected"></novo-data-table-checkbox-header-cell>
+            <novo-data-table-checkbox-header-cell *cdkHeaderCellDef [maxSelected]="maxSelected" [canSelectAll]="canSelectAll"></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">
@@ -8956,6 +8962,7 @@ NovoDataTable.propDecorators = {
     fixedHeader: [{ type: Input }],
     paginatorDataFeatureId: [{ type: Input }],
     maxSelected: [{ type: Input }],
+    canSelectAll: [{ type: Input }],
     dataTableService: [{ type: Input }],
     rows: [{ type: Input }],
     outsideFilter: [{ type: Input }],
@@ -8966,6 +8973,7 @@ NovoDataTable.propDecorators = {
     forceShowHeader: [{ type: Input }],
     hideGlobalSearch: [{ type: Input }],
     preferencesChanged: [{ type: Output }],
+    allSelected: [{ type: Output }],
     empty: [{ type: HostBinding, args: ['class.empty',] }],
     loadingClass: [{ type: HostBinding, args: ['class.loading',] }],
     listInteractions: [{ type: Input }]
@@ -27446,6 +27454,7 @@ NovoAddressElement.decorators = [
         (focus)="isFocused($event, 'address1')"
         (blur)="isBlurred($event, 'address1')"
         (input)="onInput($event, 'address1')"
+        [disabled]="disabled.address1"
       />
     </span>
     <span
@@ -27474,6 +27483,7 @@ NovoAddressElement.decorators = [
         (focus)="isFocused($event, 'address2')"
         (blur)="isBlurred($event, 'address2')"
         (input)="onInput($event, 'address2')"
+        [disabled]="disabled.address2"
       />
     </span>
     <span
@@ -27497,6 +27507,7 @@ NovoAddressElement.decorators = [
         (focus)="isFocused($event, 'city')"
         (blur)="isBlurred($event, 'city')"
         (input)="onInput($event, 'city')"
+        [disabled]="disabled.city"
       />
     </span>
     <span
@@ -27538,6 +27549,7 @@ NovoAddressElement.decorators = [
         (focus)="isFocused($event, 'zip')"
         (blur)="isBlurred($event, 'zip')"
         (input)="onInput($event, 'zip')"
+        [disabled]="disabled.zip"
       />
     </span>
     <span
@@ -28937,7 +28949,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>
@@ -28972,6 +28984,7 @@ NovoDatePickerElement.propDecorators = {
     range: [{ type: Input }],
     weekRangeSelect: [{ type: Input }],
     weekStart: [{ type: Input }],
+    disabledDateMessage: [{ type: Input }],
     onSelect: [{ type: Output }]
 };
 
@@ -29377,6 +29390,7 @@ NovoDatePickerInputElement.decorators = [
         [end]="end"
         inline="true"
         (onSelect)="setValueAndClose($event)"
+        [disabledDateMessage]="disabledDateMessage"
         [ngModel]="value"
         [weekStart]="weekStart"
       ></novo-date-picker>
@@ -29399,6 +29413,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 }],
@@ -29891,28 +29906,41 @@ class NovoDataTableCheckboxHeaderCell extends CdkHeaderCell {
         this.toaster = toaster;
         this.role = 'columnheader';
         this.maxSelected = undefined;
+        this.canSelectAll = false;
         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}`);
         renderer.addClass(elementRef.nativeElement, 'novo-data-table-checkbox-header-cell');
         this.selectionSubscription = this.dataTable.state.selectionSource.subscribe(() => {
             this.checked = this.dataTable.allCurrentRowsSelected();
+            if (this.canSelectAll) {
+                this.selectAllChanged();
+            }
             this.ref.markForCheck();
         });
         this.paginationSubscription = this.dataTable.state.paginationSource.subscribe((event) => {
             if (event.isPageSizeChange) {
                 this.checked = false;
+                if (this.canSelectAll) {
+                    this.selectAllChanged();
+                }
                 this.dataTable.selectRows(false);
                 this.dataTable.state.checkRetainment('pageSize');
                 this.dataTable.state.reset(false, true);
             }
             else {
                 this.checked = this.dataTable.allCurrentRowsSelected();
+                if (this.canSelectAll) {
+                    this.selectAllChanged();
+                }
             }
             this.ref.markForCheck();
         });
         this.resetSubscription = this.dataTable.state.resetSource.subscribe(() => {
             this.checked = false;
+            if (this.canSelectAll) {
+                this.selectAllChanged();
+            }
             this.ref.markForCheck();
         });
     }
@@ -29942,6 +29970,17 @@ class NovoDataTableCheckboxHeaderCell extends CdkHeaderCell {
         else {
             this.dataTable.selectRows(!this.checked);
         }
+        if (this.canSelectAll) {
+            this.selectAllChanged();
+        }
+    }
+    selectAllChanged() {
+        var _a, _b, _c;
+        const allSelectedEvent = {
+            allSelected: this.checked,
+            selectedCount: (_c = (_b = (_a = this.dataTable) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.selected) === null || _c === void 0 ? void 0 : _c.length,
+        };
+        this.dataTable.allSelected.emit(allSelectedEvent);
     }
 }
 NovoDataTableCheckboxHeaderCell.decorators = [
@@ -29969,7 +30008,8 @@ NovoDataTableCheckboxHeaderCell.ctorParameters = () => [
 ];
 NovoDataTableCheckboxHeaderCell.propDecorators = {
     role: [{ type: HostBinding, args: ['attr.role',] }],
-    maxSelected: [{ type: Input }]
+    maxSelected: [{ type: Input }],
+    canSelectAll: [{ type: Input }]
 };
 
 class NovoDataTableHeaderCell extends CdkHeaderCell {
@@ -30676,6 +30716,7 @@ NovoDateTimePickerElement.decorators = [
             [maxYear]="maxYear"
             [start]="start"
             [end]="end"
+            [disabledDateMessage]="disabledDateMessage"
             [weekStart]="weekStart"
           ></novo-date-picker>
         </div>
@@ -30698,6 +30739,7 @@ NovoDateTimePickerElement.propDecorators = {
     end: [{ type: Input }],
     military: [{ type: Input }],
     weekStart: [{ type: Input }],
+    disabledDateMessage: [{ type: Input }],
     onSelect: [{ type: Output }]
 };
 
@@ -30809,6 +30851,7 @@ NovoDateTimePickerInputElement.decorators = [
       (ngModelChange)="updateDate($event)"
       [start]="start"
       [end]="end"
+      [disabledDateMessage]="disabledDateMessage"
       [maskOptions]="maskOptions"
       (blurEvent)="handleBlur($event)"
       (focusEvent)="handleFocus($event)"
@@ -30841,6 +30884,7 @@ NovoDateTimePickerInputElement.propDecorators = {
     disabled: [{ type: Input }],
     format: [{ type: Input }],
     weekStart: [{ type: Input }],
+    disabledDateMessage: [{ type: Input }],
     blurEvent: [{ type: Output }],
     focusEvent: [{ type: Output }],
     changeEvent: [{ type: Output }]
@@ -31733,6 +31777,7 @@ class BaseControl extends ControlConfig {
             this.isEmpty = config.isEmpty;
         }
         this.weekStart = config.weekStart || 0;
+        this.disabledDateMessage = config.disabledDateMessage;
     }
 }
 
@@ -32179,6 +32224,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();
@@ -32554,7 +32600,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')) {
@@ -33065,23 +33111,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) {
@@ -35049,7 +35095,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>