novo-elements 9.0.0-next.1 → 9.0.0

package/fesm2015/novo-elements-elements-date-picker.mjs

@@ -13,17 +13,16 @@ import * as i4 from 'novo-elements/elements/button';
 import { NovoButtonModule } from 'novo-elements/elements/button';
 import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i5 from 'angular2-text-mask';
-import { TextMaskModule } from 'angular2-text-mask';
+import * as i5 from 'angular-imask';
+import { IMaskDirectiveModule } from 'angular-imask';
 import * as i8 from 'novo-elements/pipes';
 import { NovoPipesModule } from 'novo-elements/pipes';
+import * as i2$3 from 'novo-elements/elements/chips';
+import { NovoChipsModule } from 'novo-elements/elements/chips';
 import * as i2$1 from 'novo-elements/elements/common';
 import { NovoOverlayTemplateComponent, NovoOverlayModule } from 'novo-elements/elements/common';
 import * as i2$2 from 'novo-elements/elements/icon';
 import { NovoIconModule } from 'novo-elements/elements/icon';
-import * as i2$3 from 'novo-elements/elements/chips';
-import { NovoChipsModule } from 'novo-elements/elements/chips';
-import { createAutoCorrectedDatePipe } from 'text-mask-addons';
 
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -508,18 +507,16 @@ class NovoDatePickerInputElement {
             this._initFormatOptions();
         }
     }
+    ngAfterViewInit() {
+        this.overlay.panelClosingActions.subscribe(this._handleOverlayClickout.bind(this));
+    }
     _initFormatOptions() {
         this.userDefinedFormat = this.format ? !this.format.match(/^(DD\/MM\/YYYY|MM\/DD\/YYYY)$/g) : false;
         if (!this.userDefinedFormat && this.textMaskEnabled && !this.allowInvalidDate) {
-            this.maskOptions = this.maskOptions || {
-                mask: this.dateFormatService.getDateMask(),
-                pipe: createAutoCorrectedDatePipe((this.format || this.labels.dateFormatString()).toLowerCase()),
-                keepCharPositions: false,
-                guide: true,
-            };
+            this.maskOptions = this.maskOptions || this.dateFormatService.getDateMask(this.format);
         }
         else {
-            this.maskOptions = { mask: false };
+            this.maskOptions = undefined;
         }
         this.setupInvalidDateErrorMessage();
     }
@@ -533,32 +530,40 @@ class NovoDatePickerInputElement {
         this.overlay.closePanel();
     }
     get panelOpen() {
-        return this.overlay && this.overlay.panelOpen;
+        var _a;
+        return (_a = this.overlay) === null || _a === void 0 ? void 0 : _a.panelOpen;
     }
     /** END: Convenient Panel Methods. */
     _handleKeydown(event) {
         if ((event.key === "Escape" /* Escape */ || event.key === "Enter" /* Enter */ || event.key === "Tab" /* Tab */) && this.panelOpen) {
-            this._handleEvent(event, true);
+            this._handleValueUpdate(event.target.value, true);
             this.closePanel();
             event.stopPropagation();
         }
     }
     _handleInput(event) {
-        if (document.activeElement === event.target) {
-            this._handleEvent(event, false);
+        // if maskOptions is enabled, then we do not want to process inputs until the mask has accepted them - so those events will be
+        // handled by the (accept) event.
+        if (document.activeElement === event.target && !this.maskOptions) {
+            this._handleValueUpdate(event.target.value, false);
         }
     }
     _handleBlur(event) {
-        this.handleInvalidDate();
-        this.blurEvent.emit(event);
+        if (!this.overlay.isBlurRecipient(event)) {
+            this.handleInvalidDate();
+            this.blurEvent.emit(event);
+        }
+    }
+    _handleOverlayClickout() {
+        this.handleInvalidDate(/*fromPanelClose:*/ true);
+        this.blurEvent.emit();
     }
     _handleFocus(event) {
         this.showInvalidDateError = false;
         this.openPanel();
         this.focusEvent.emit(event);
     }
-    _handleEvent(event, blur) {
-        const value = event.target.value;
+    _handleValueUpdate(value, blur) {
         if (value === '') {
             this.clearValue();
             this.closePanel();
@@ -568,15 +573,28 @@ class NovoDatePickerInputElement {
             this.openPanel();
         }
     }
+    handleMaskAccept(maskValue) {
+        this._handleValueUpdate(maskValue, false);
+    }
     formatDate(value, blur) {
+        var _a;
         try {
-            const [dateTimeValue, formatted, isInvalidDate] = this.dateFormatService.parseString(value, false, 'date');
+            let dateTimeValue;
+            let isInvalidDate;
+            if (this.format) {
+                [dateTimeValue, , isInvalidDate] = this.dateFormatService.parseCustomDateString(value, this.format);
+            }
+            else {
+                [dateTimeValue, , isInvalidDate] = this.dateFormatService.parseString(value, false, 'date');
+            }
             this.isInvalidDate = isInvalidDate;
-            if (!isNaN(dateTimeValue.getUTCDate())) {
+            // if we have a full date - set the dateTimeValue
+            if (((_a = dateTimeValue === null || dateTimeValue === void 0 ? void 0 : dateTimeValue.getFullYear()) === null || _a === void 0 ? void 0 : _a.toString().length) === 4) {
                 const dt = new Date(dateTimeValue);
                 this.dispatchOnChange(dt, blur);
+                // if we only have a partial date - set the value to null
             }
-            else {
+            else if (isNaN(dateTimeValue === null || dateTimeValue === void 0 ? void 0 : dateTimeValue.getUTCDate())) {
                 this.dispatchOnChange(null, blur);
             }
         }
@@ -594,11 +612,13 @@ class NovoDatePickerInputElement {
     setDisabledState(disabled) {
         this.disabled = disabled;
     }
-    handleInvalidDate() {
-        if (this.isInvalidDate && this.value) {
+    handleInvalidDate(fromPanelClose = false) {
+        if (this.isInvalidDate) { //} && this.value) {
             this.showInvalidDateError = true;
             this.clearValue();
-            this.closePanel();
+            if (!fromPanelClose) {
+                this.closePanel();
+            }
         }
     }
     setupInvalidDateErrorMessage() {
@@ -653,7 +673,8 @@ class NovoDatePickerInputElement {
      * stemmed from the user.
      */
     setValueAndClose(event) {
-        if (event && event.date) {
+        if (event === null || event === void 0 ? void 0 : event.date) {
+            this.showInvalidDateError = false;
             this.dispatchOnChange(event.date, true);
         }
         this.closePanel();
@@ -702,12 +723,13 @@ NovoDatePickerInputElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
       type="text"
       [name]="name"
       [(ngModel)]="formattedValue"
-      [textMask]="maskOptions"
+      [imask]="maskOptions"
       [placeholder]="placeholder"
       (focus)="_handleFocus($event)"
       (keydown)="_handleKeydown($event)"
       (input)="_handleInput($event)"
       (blur)="_handleBlur($event)"
+      (accept)="handleMaskAccept($event)"
       #input
       data-automation-id="date-input"
       [disabled]="disabled"
@@ -726,7 +748,7 @@ NovoDatePickerInputElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
         [weekStart]="weekStart"
       ></novo-date-picker>
     </novo-overlay-template>
-  `, isInline: true, styles: [":host{flex:1;position:relative;display:block!important}:host.disabled{pointer-events:none;opacity:1}:host input{font-size:1em;border:none;border-bottom:1px solid #dbdbdb;background:transparent!important;border-radius:0;outline:none;height:2rem;width:100%;margin:0;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s;color:#3d464d}:host input:focus{border-bottom:1px solid #4a89dc}:host span.error-text{color:#da4453;padding-top:10px;flex:1;display:flex}:host>i.bhi-clock,:host>i.bhi-search,:host>i.bhi-times,:host>i.bhi-calendar{position:absolute;right:0;top:0px;font-size:1.2rem}\n"], components: [{ type: i2$1.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing"] }, { type: NovoDatePickerElement, selector: "novo-date-picker", inputs: ["minYear", "maxYear", "start", "end", "inline", "weekStart", "preselected", "hideOverflowDays", "hideFooter", "disabledDateMessage", "numberOfMonths", "mode", "range", "weekRangeSelect"], outputs: ["onSelect"] }], directives: [{ type: i4$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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.MaskedInputDirective, selector: "[textMask]", inputs: ["textMask"], exportAs: ["textMask"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+  `, isInline: true, styles: [":host{flex:1;position:relative;display:block!important}:host.disabled{pointer-events:none;opacity:1}:host input{font-size:1em;border:none;border-bottom:1px solid #dbdbdb;background:transparent!important;border-radius:0;outline:none;height:2rem;width:100%;margin:0;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s;color:#3d464d}:host input:focus{border-bottom:1px solid #4a89dc}:host span.error-text{color:#da4453;padding-top:10px;flex:1;display:flex}:host>i.bhi-clock,:host>i.bhi-search,:host>i.bhi-times,:host>i.bhi-calendar{position:absolute;right:0;top:0px;font-size:1.2rem}\n"], components: [{ type: i2$1.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing"] }, { type: NovoDatePickerElement, selector: "novo-date-picker", inputs: ["minYear", "maxYear", "start", "end", "inline", "weekStart", "preselected", "hideOverflowDays", "hideFooter", "disabledDateMessage", "numberOfMonths", "mode", "range", "weekRangeSelect"], outputs: ["onSelect"] }], directives: [{ type: i4$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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.IMaskDirective, selector: "[imask]", inputs: ["imaskElement", "imask", "unmask"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoDatePickerInputElement, decorators: [{
             type: Component,
             args: [{ selector: 'novo-date-picker-input', providers: [DATE_VALUE_ACCESSOR$1], template: `
@@ -734,12 +756,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
       type="text"
       [name]="name"
       [(ngModel)]="formattedValue"
-      [textMask]="maskOptions"
+      [imask]="maskOptions"
       [placeholder]="placeholder"
       (focus)="_handleFocus($event)"
       (keydown)="_handleKeydown($event)"
       (input)="_handleInput($event)"
       (blur)="_handleBlur($event)"
+      (accept)="handleMaskAccept($event)"
       #input
       data-automation-id="date-input"
       [disabled]="disabled"
@@ -858,15 +881,10 @@ class NovoDateRangeInputElement {
     _initFormatOptions() {
         this.userDefinedFormat = this.format ? !this.format.match(/^(DD\/MM\/YYYY|MM\/DD\/YYYY)$/g) : false;
         if (!this.userDefinedFormat && this.textMaskEnabled && !this.allowInvalidDate) {
-            this.maskOptions = this.maskOptions || {
-                mask: this.dateFormatService.getDateMask(),
-                pipe: createAutoCorrectedDatePipe((this.format || this.labels.dateFormatString()).toLowerCase()),
-                keepCharPositions: false,
-                guide: true,
-            };
+            this.maskOptions = this.maskOptions || this.dateFormatService.getDateMask(this.format);
         }
         else {
-            this.maskOptions = { mask: false };
+            this.maskOptions = undefined;
         }
     }
     /** BEGIN: Convenient Panel Methods. */
@@ -898,7 +916,7 @@ class NovoDateRangeInputElement {
     formatDate(value) {
         try {
             const [dateTimeValue] = this.dateFormatService.parseString(value, false, 'date');
-            return new Date(dateTimeValue);
+            return dateTimeValue ? new Date(dateTimeValue) : null;
         }
         catch (err) {
             return null;
@@ -1015,7 +1033,7 @@ NovoDateRangeInputElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
         type="text"
         [name]="name"
         [(ngModel)]="formattedStartDate"
-        [textMask]="maskOptions"
+        [imask]="maskOptions"
         [placeholder]="placeholder"
         (keydown)="_onStartInputChange($event)"
         (input)="_onStartInputChange($event)"
@@ -1034,7 +1052,7 @@ NovoDateRangeInputElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
         type="text"
         [name]="name"
         [(ngModel)]="formattedEndDate"
-        [textMask]="maskOptions"
+        [imask]="maskOptions"
         [placeholder]="placeholder"
         (keydown)="_onEndInputChange($event)"
         (input)="_onEndInputChange($event)"
@@ -1059,7 +1077,7 @@ NovoDateRangeInputElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
         [weekStart]="weekStart"
       ></novo-date-picker>
     </novo-overlay-template>
-  `, isInline: true, styles: [":host{flex:1;position:relative;display:flex;flex-flow:row nowrap;height:-webkit-min-content;height:-moz-min-content;height:min-content}:host.disabled{pointer-events:none;opacity:1}:host .date-range-input-container{position:relative;height:-webkit-min-content;height:-moz-min-content;height:min-content}:host .date-range-input-divider{font-weight:800;margin:0 .5em;align-self:center;height:-webkit-min-content;height:-moz-min-content;height:min-content}:host input{font-size:1em;border:none;border-bottom:1px solid var(--border);background:transparent!important;border-radius:0;outline:none;height:2rem;width:9em;margin:0;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s;color:var(--text-main)}:host input:focus{border-bottom:1px solid #4a89dc}:host novo-icon{position:absolute;right:0;top:0;font-size:1em}:host novo-icon[size=small]{top:calc(50% - .75em);font-size:.5em}\n"], components: [{ type: i2$2.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { type: i2$1.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing"] }, { type: NovoDatePickerElement, selector: "novo-date-picker", inputs: ["minYear", "maxYear", "start", "end", "inline", "weekStart", "preselected", "hideOverflowDays", "hideFooter", "disabledDateMessage", "numberOfMonths", "mode", "range", "weekRangeSelect"], outputs: ["onSelect"] }], directives: [{ type: i4$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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.MaskedInputDirective, selector: "[textMask]", inputs: ["textMask"], exportAs: ["textMask"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+  `, isInline: true, styles: [":host{flex:1;position:relative;display:flex;flex-flow:row nowrap;height:-webkit-min-content;height:-moz-min-content;height:min-content}:host.disabled{pointer-events:none;opacity:1}:host .date-range-input-container{position:relative;height:-webkit-min-content;height:-moz-min-content;height:min-content}:host .date-range-input-divider{font-weight:800;margin:0 .5em;align-self:center;height:-webkit-min-content;height:-moz-min-content;height:min-content}:host input{font-size:1em;border:none;border-bottom:1px solid var(--border);background:transparent!important;border-radius:0;outline:none;height:2rem;width:9em;margin:0;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s;color:var(--text-main)}:host input:focus{border-bottom:1px solid #4a89dc}:host novo-icon{position:absolute;right:0;top:0;font-size:1em}:host novo-icon[size=small]{top:calc(50% - .75em);font-size:.5em}\n"], components: [{ type: i2$2.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { type: i2$1.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing"] }, { type: NovoDatePickerElement, selector: "novo-date-picker", inputs: ["minYear", "maxYear", "start", "end", "inline", "weekStart", "preselected", "hideOverflowDays", "hideFooter", "disabledDateMessage", "numberOfMonths", "mode", "range", "weekRangeSelect"], outputs: ["onSelect"] }], directives: [{ type: i4$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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.IMaskDirective, selector: "[imask]", inputs: ["imaskElement", "imask", "unmask"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoDateRangeInputElement, decorators: [{
             type: Component,
             args: [{ selector: 'novo-date-range-input', providers: [DATE_VALUE_ACCESSOR], template: `
@@ -1068,7 +1086,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         type="text"
         [name]="name"
         [(ngModel)]="formattedStartDate"
-        [textMask]="maskOptions"
+        [imask]="maskOptions"
         [placeholder]="placeholder"
         (keydown)="_onStartInputChange($event)"
         (input)="_onStartInputChange($event)"
@@ -1087,7 +1105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         type="text"
         [name]="name"
         [(ngModel)]="formattedEndDate"
-        [textMask]="maskOptions"
+        [imask]="maskOptions"
         [placeholder]="placeholder"
         (keydown)="_onEndInputChange($event)"
         (input)="_onEndInputChange($event)"
@@ -1198,7 +1216,6 @@ class NovoMultiDateInputElement {
     set value(value) {
         if (this.value !== value) {
             this._value = value;
-            this._setFormValue(value);
             this.onChangeCallback(this._value);
         }
     }
@@ -1211,16 +1228,6 @@ class NovoMultiDateInputElement {
     }
     ngOnInit() {
         this.userDefinedFormat = this.format ? !this.format.match(/^(DD\/MM\/YYYY|MM\/DD\/YYYY)$/g) : false;
-        // if (!this.userDefinedFormat && this.textMaskEnabled && !this.allowInvalidDate) {
-        //   this.maskOptions = this.maskOptions || {
-        //     mask: this.dateFormatService.getDateMask(),
-        //     pipe: createAutoCorrectedDatePipe(this.format || this.labels.dateFormatString().toLowerCase()),
-        //     keepCharPositions: false,
-        //     guide: true,
-        //   };
-        // } else {
-        //   this.maskOptions = { mask: false };
-        // }
     }
     formatter(value) {
         const [dateTimeValue, formatted] = this.dateFormatService.parseString(value, false, 'date');
@@ -1272,11 +1279,6 @@ class NovoMultiDateInputElement {
     registerOnTouched(fn) {
         this.onTouchedCallback = fn;
     }
-    _setFormValue(value) {
-        if (this.value) {
-            // this.formattedStartDate = this.formatDateValue(this.value.startDate);
-        }
-    }
     /**
      * This method closes the panel, and if a value is specified, also sets the associated
      * control to that value. It will also mark the control as dirty if this interaction
@@ -1329,7 +1331,7 @@ NovoMultiDateInputElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
         [weekStart]="weekStart"
       ></novo-date-picker>
     </novo-overlay-template>
-  `, isInline: true, styles: [".novo-chip-list-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin:-4px}.novo-chip-list-wrapper input.novo-input-element,.novo-chip-list-wrapper .novo-chip{margin:4px}.novo-chip-list-stacked{flex:1}.novo-chip-list-stacked .novo-chip-list-wrapper{flex-direction:column;align-items:flex-start}.novo-chip-list-stacked .novo-chip-list-wrapper .novo-chip{width:100%;height:2.8rem}.novo-chip-list-stacked .novo-chip-list-wrapper .novo-chip .novo-chip-remove,.novo-chip-list-stacked .novo-chip-list-wrapper .novo-chip .novo-chip-trailing-icon{margin-left:auto}.novo-chip-list-stacked .novo-chip-list-wrapper input.novo-chip-input{flex:1 0 auto}novo-field.novo-focused input.novo-chip-input{opacity:1;width:100px;margin:4px;flex:1 0 100px}novo-field:not(.novo-focused) .novo-field-input .novo-chip-list-has-value{margin-right:2rem}novo-field:not(.novo-focused) .novo-field-input .novo-chip-list-has-value input.novo-chip-input{opacity:0;width:0px!important;max-width:0px!important}input.novo-chip-input{width:20px;margin:4px;flex:1 0 20px}chips,:host,novo-chips,entity-chips,novo-entity-chips{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid #afb9c0;transition:all .2s ease-in-out;position:relative;padding:5px 20px 5px 0}chips.with-value,novo-chips.with-value,entity-chips.with-value,novo-entity-chips.with-value{margin-bottom:20px}chips:hover,novo-chips:hover,entity-chips:hover,novo-entity-chips:hover{border-bottom:1px solid #5f6d78}chips.selected,chips.selected:hover,novo-chips.selected,novo-chips.selected:hover,entity-chips.selected,entity-chips.selected:hover,novo-entity-chips.selected,novo-entity-chips.selected:hover{border-bottom:1px solid #4a89dc}chips.selected+i,chips.selected:hover+i,novo-chips.selected+i,novo-chips.selected:hover+i,entity-chips.selected+i,entity-chips.selected:hover+i,novo-entity-chips.selected+i,novo-entity-chips.selected:hover+i{color:#4a89dc}chips.disabled,novo-chips.disabled,entity-chips.disabled,novo-entity-chips.disabled{border-bottom-style:dashed!important}chips .chip-input-container,:host .chip-input-container,novo-chips .chip-input-container,entity-chips .chip-input-container,novo-entity-chips .chip-input-container{flex-grow:4}chips .chip-input-container input,:host .chip-input-container input,novo-chips .chip-input-container input,entity-chips .chip-input-container input,novo-entity-chips .chip-input-container input{padding-top:0;border:none;background:transparent!important;width:100%}chips .chip-input-container input:focus,:host .chip-input-container input:focus,novo-chips .chip-input-container input:focus,entity-chips .chip-input-container input:focus,novo-entity-chips .chip-input-container input:focus{outline:none}chips .novo-chip-container,:host .novo-chip-container,novo-chips .novo-chip-container,entity-chips .novo-chip-container,novo-entity-chips .novo-chip-container{display:flex;flex-flow:row wrap;gap:.4rem}chips novo-picker,:host novo-picker,novo-chips novo-picker,entity-chips novo-picker,novo-entity-chips novo-picker{position:inherit}chips novo-picker>i,:host novo-picker>i,novo-chips novo-picker>i,entity-chips novo-picker>i,novo-entity-chips novo-picker>i{display:none}chips novo-picker div.picker-results-container,:host novo-picker div.picker-results-container,novo-chips novo-picker div.picker-results-container,entity-chips novo-picker div.picker-results-container,novo-entity-chips novo-picker div.picker-results-container{left:0}chips label.clear-all,:host label.clear-all,novo-chips label.clear-all,entity-chips label.clear-all,novo-entity-chips label.clear-all{flex:1 100%;position:absolute;right:0;bottom:-20px;font-size:.9rem;color:#da4453;cursor:pointer;display:flex;align-items:center}chips label.clear-all i,:host label.clear-all i,novo-chips label.clear-all i,entity-chips label.clear-all i,novo-entity-chips label.clear-all i{font-size:.7rem;padding-bottom:2px;margin-left:5px}chips i.bhi-search,:host i.bhi-search,novo-chips i.bhi-search,entity-chips i.bhi-search,novo-entity-chips i.bhi-search{position:absolute;bottom:8px;right:0;font-size:1.1em;color:#3d464d}chips,:host,novo-chips,entity-chips,novo-entity-chips{padding:2px 0}chips+i,:host+i,novo-chips+i,entity-chips+i,novo-entity-chips+i{position:absolute;right:0;bottom:7px}chips novo-picker,:host novo-picker,novo-chips novo-picker,entity-chips novo-picker,novo-entity-chips novo-picker{padding-bottom:0}chips novo-picker>input,:host novo-picker>input,novo-chips novo-picker>input,entity-chips novo-picker>input,novo-entity-chips novo-picker>input{border:none;border-bottom:none!important}chips novo-picker>input:disabled,:host novo-picker>input:disabled,novo-chips novo-picker>input:disabled,entity-chips novo-picker>input:disabled,novo-entity-chips novo-picker>input:disabled{border-bottom:none!important}chips.with-value,novo-chips.with-value,entity-chips.with-value,novo-entity-chips.with-value{margin-bottom:0}chips picker-results,:host picker-results,novo-chips picker-results,entity-chips picker-results,novo-entity-chips picker-results{position:absolute;color:#000}chips picker-results novo-list,:host picker-results novo-list,novo-chips picker-results novo-list,entity-chips picker-results novo-list,novo-entity-chips picker-results novo-list{max-height:49vh;overflow:auto}chips picker-results novo-list novo-list-item,:host picker-results novo-list novo-list-item,novo-chips picker-results novo-list novo-list-item,entity-chips picker-results novo-list novo-list-item,novo-entity-chips picker-results novo-list novo-list-item{flex:0 0;transition:background-color .25s}chips picker-results novo-list novo-list-item>div,:host picker-results novo-list novo-list-item>div,novo-chips picker-results novo-list novo-list-item>div,entity-chips picker-results novo-list novo-list-item>div,novo-entity-chips picker-results novo-list novo-list-item>div{width:100%}chips picker-results novo-list novo-list-item.active,:host picker-results novo-list novo-list-item.active,novo-chips picker-results novo-list novo-list-item.active,entity-chips picker-results novo-list novo-list-item.active,novo-entity-chips picker-results novo-list novo-list-item.active{background-color:#e0ebf9}chips picker-results novo-list novo-list-item:hover,:host picker-results novo-list novo-list-item:hover,novo-chips picker-results novo-list novo-list-item:hover,entity-chips picker-results novo-list novo-list-item:hover,novo-entity-chips picker-results novo-list novo-list-item:hover{background-color:#e0ebf9}chips picker-results novo-list novo-list-item item-content,:host picker-results novo-list novo-list-item item-content,novo-chips picker-results novo-list novo-list-item item-content,entity-chips picker-results novo-list novo-list-item item-content,novo-entity-chips picker-results novo-list novo-list-item item-content{flex-flow:row wrap}chips picker-results novo-list novo-list-item item-content>*,:host picker-results novo-list novo-list-item item-content>*,novo-chips picker-results novo-list novo-list-item item-content>*,entity-chips picker-results novo-list novo-list-item item-content>*,novo-entity-chips picker-results novo-list novo-list-item item-content>*{flex:0 0 33%;white-space:nowrap}chips picker-results .error-results,:host picker-results .error-results,chips picker-results .no-recents,:host picker-results .no-recents,chips picker-results .null-results,:host picker-results .null-results,novo-chips picker-results .error-results,novo-chips picker-results .no-recents,novo-chips picker-results .null-results,entity-chips picker-results .error-results,entity-chips picker-results .no-recents,entity-chips picker-results .null-results,novo-entity-chips picker-results .error-results,novo-entity-chips picker-results .no-recents,novo-entity-chips picker-results .null-results{text-align:center;padding:1em 0 4em}chips picker-results .error-results>i,:host picker-results .error-results>i,chips picker-results .no-recents>i,:host picker-results .no-recents>i,chips picker-results .null-results>i,:host picker-results .null-results>i,novo-chips picker-results .error-results>i,novo-chips picker-results .no-recents>i,novo-chips picker-results .null-results>i,entity-chips picker-results .error-results>i,entity-chips picker-results .no-recents>i,entity-chips picker-results .null-results>i,novo-entity-chips picker-results .error-results>i,novo-entity-chips picker-results .no-recents>i,novo-entity-chips picker-results .null-results>i{font-size:3em;margin:.5em;color:#0000004d}chips picker-results .error-results>h4,:host picker-results .error-results>h4,chips picker-results .error-results>p,:host picker-results .error-results>p,chips picker-results .no-recents>h4,:host picker-results .no-recents>h4,chips picker-results .no-recents>p,:host picker-results .no-recents>p,chips picker-results .null-results>h4,:host picker-results .null-results>h4,chips picker-results .null-results>p,:host picker-results .null-results>p,novo-chips picker-results .error-results>h4,novo-chips picker-results .error-results>p,novo-chips picker-results .no-recents>h4,novo-chips picker-results .no-recents>p,novo-chips picker-results .null-results>h4,novo-chips picker-results .null-results>p,entity-chips picker-results .error-results>h4,entity-chips picker-results .error-results>p,entity-chips picker-results .no-recents>h4,entity-chips picker-results .no-recents>p,entity-chips picker-results .null-results>h4,entity-chips picker-results .null-results>p,novo-entity-chips picker-results .error-results>h4,novo-entity-chips picker-results .error-results>p,novo-entity-chips picker-results .no-recents>h4,novo-entity-chips picker-results .no-recents>p,novo-entity-chips picker-results .null-results>h4,novo-entity-chips picker-results .null-results>p{margin:0;max-width:none;padding:0}chips picker-results .error-results>h4,:host picker-results .error-results>h4,chips picker-results .no-recents>h4,:host picker-results .no-recents>h4,chips picker-results .null-results>h4,:host picker-results .null-results>h4,novo-chips picker-results .error-results>h4,novo-chips picker-results .no-recents>h4,novo-chips picker-results .null-results>h4,entity-chips picker-results .error-results>h4,entity-chips picker-results .no-recents>h4,entity-chips picker-results .null-results>h4,novo-entity-chips picker-results .error-results>h4,novo-entity-chips picker-results .no-recents>h4,novo-entity-chips picker-results .null-results>h4{font-weight:500}chips picker-results section,:host picker-results section,novo-chips picker-results section,entity-chips picker-results section,novo-entity-chips picker-results section{box-shadow:.1em .1em 1em #00000040;z-index:9;position:absolute;width:100%;background-color:#fff;color:#000}chips .preview-container entity-picker-result,:host .preview-container entity-picker-result,novo-chips .preview-container entity-picker-result,entity-chips .preview-container entity-picker-result,novo-entity-chips .preview-container entity-picker-result{background:#ffffff;position:absolute;top:100%;left:0;width:100%;min-width:180px;max-height:49vh;overflow:auto;z-index:9001;border:1px solid #4a89dc;transition:all .2s ease-in-out}chips .preview-container entity-picker-result .novo-list-item,:host .preview-container entity-picker-result .novo-list-item,novo-chips .preview-container entity-picker-result .novo-list-item,entity-chips .preview-container entity-picker-result .novo-list-item,novo-entity-chips .preview-container entity-picker-result .novo-list-item{flex:0 0}chips .preview-container entity-picker-result .novo-list-item>div,:host .preview-container entity-picker-result .novo-list-item>div,novo-chips .preview-container entity-picker-result .novo-list-item>div,entity-chips .preview-container entity-picker-result .novo-list-item>div,novo-entity-chips .preview-container entity-picker-result .novo-list-item>div{width:100%}chips .preview-container entity-picker-result .novo-list-item .novo-item-content,:host .preview-container entity-picker-result .novo-list-item .novo-item-content,novo-chips .preview-container entity-picker-result .novo-list-item .novo-item-content,entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content,novo-entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content{flex-flow:row wrap}chips .preview-container entity-picker-result .novo-list-item .novo-item-content>*,:host .preview-container entity-picker-result .novo-list-item .novo-item-content>*,novo-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>*,entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>*,novo-entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>*{flex:0 0 33%;white-space:nowrap}chips .preview-container entity-picker-result .novo-list-item .novo-item-content>p,:host .preview-container entity-picker-result .novo-list-item .novo-item-content>p,novo-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>p,entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>p,novo-entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>p{min-width:15em;font-size:.9em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:1em}entity-chip-results{max-width:none!important}novo-row-chips{display:flex;flex-flow:column;gap:.8rem}novo-row-chips .novo-row-chips-columns{display:flex;align-items:flex-end;margin-bottom:1em}novo-row-chips .novo-row-chips-columns .column-label{font-weight:500;word-break:word-break;overflow-wrap:break-word;line-height:1.375;color:var(--text-muted);font-size:var(--font-size-label);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;display:flex;flex:1;margin-right:1em}novo-row-chips .novo-row-chips-columns .column-label.text-capitalize{text-transform:capitalize}novo-row-chips .novo-row-chips-columns .column-label.text-uppercase{text-transform:uppercase}novo-row-chips .novo-row-chips-columns .column-label.text-nowrap{white-space:nowrap}novo-row-chips .novo-row-chips-columns .column-label.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}novo-row-chips .novo-row-chips-columns .column-label.text-size-default{font-size:inherit}novo-row-chips .novo-row-chips-columns .column-label.text-size-body{font-size:1.3rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-xs{font-size:1rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-sm{font-size:1.2rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-md{font-size:1.3rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-lg{font-size:1.6rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-xl{font-size:2rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-2xl{font-size:2.6rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-3xl{font-size:3.2rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-smaller{font-size:.8em}novo-row-chips .novo-row-chips-columns .column-label.text-size-larger{font-size:1.2em}novo-row-chips .novo-row-chips-columns .column-label.text-color-black{color:#000}novo-row-chips .novo-row-chips-columns .column-label.text-color-white{color:#fff}novo-row-chips .novo-row-chips-columns .column-label.text-color-gray{color:#9e9e9e}novo-row-chips .novo-row-chips-columns .column-label.text-color-grey{color:#9e9e9e}novo-row-chips .novo-row-chips-columns .column-label.text-color-offWhite{color:#f7f7f7}novo-row-chips .novo-row-chips-columns .column-label.text-color-bright{color:#f7f7f7}novo-row-chips .novo-row-chips-columns .column-label.text-color-light{color:#dbdbdb}novo-row-chips .novo-row-chips-columns .column-label.text-color-neutral{color:#4f5361}novo-row-chips .novo-row-chips-columns .column-label.text-color-dark{color:#3d464d}novo-row-chips .novo-row-chips-columns .column-label.text-color-orange{color:#ff6900}novo-row-chips .novo-row-chips-columns .column-label.text-color-navigation{color:#202945}novo-row-chips .novo-row-chips-columns .column-label.text-color-skyBlue{color:#009bdf}novo-row-chips .novo-row-chips-columns .column-label.text-color-steel{color:#5b6770}novo-row-chips .novo-row-chips-columns .column-label.text-color-metal{color:#637893}novo-row-chips .novo-row-chips-columns .column-label.text-color-sand{color:#f4f4f4}novo-row-chips .novo-row-chips-columns .column-label.text-color-silver{color:#e2e2e2}novo-row-chips .novo-row-chips-columns .column-label.text-color-stone{color:#bebebe}novo-row-chips .novo-row-chips-columns .column-label.text-color-ash{color:#a0a0a0}novo-row-chips .novo-row-chips-columns .column-label.text-color-slate{color:#707070}novo-row-chips .novo-row-chips-columns .column-label.text-color-onyx{color:#526980}novo-row-chips .novo-row-chips-columns .column-label.text-color-charcoal{color:#282828}novo-row-chips .novo-row-chips-columns .column-label.text-color-moonlight{color:#1a242f}novo-row-chips .novo-row-chips-columns .column-label.text-color-midnight{color:#202945}novo-row-chips .novo-row-chips-columns .column-label.text-color-darkness{color:#161f27}novo-row-chips .novo-row-chips-columns .column-label.text-color-navy{color:#0d2d42}novo-row-chips .novo-row-chips-columns .column-label.text-color-aqua{color:#3bafda}novo-row-chips .novo-row-chips-columns .column-label.text-color-ocean{color:#4a89dc}novo-row-chips .novo-row-chips-columns .column-label.text-color-mint{color:#37bc9b}novo-row-chips .novo-row-chips-columns .column-label.text-color-grass{color:#8cc152}novo-row-chips .novo-row-chips-columns .column-label.text-color-sunflower{color:#f6b042}novo-row-chips .novo-row-chips-columns .column-label.text-color-bittersweet{color:#eb6845}novo-row-chips .novo-row-chips-columns .column-label.text-color-grapefruit{color:#da4453}novo-row-chips .novo-row-chips-columns .column-label.text-color-carnation{color:#d770ad}novo-row-chips .novo-row-chips-columns .column-label.text-color-lavender{color:#967adc}novo-row-chips .novo-row-chips-columns .column-label.text-color-mountain{color:#9678b6}novo-row-chips .novo-row-chips-columns .column-label.text-color-info{color:#4a89dc}novo-row-chips .novo-row-chips-columns .column-label.text-color-positive{color:#4a89dc}novo-row-chips .novo-row-chips-columns .column-label.text-color-success{color:#8cc152}novo-row-chips .novo-row-chips-columns .column-label.text-color-negative{color:#da4453}novo-row-chips .novo-row-chips-columns .column-label.text-color-danger{color:#da4453}novo-row-chips .novo-row-chips-columns .column-label.text-color-error{color:#da4453}novo-row-chips .novo-row-chips-columns .column-label.text-color-warning{color:#f6b042}novo-row-chips .novo-row-chips-columns .column-label.text-color-empty{color:#cccdcc}novo-row-chips .novo-row-chips-columns .column-label.text-color-disabled{color:#bebebe}novo-row-chips .novo-row-chips-columns .column-label.text-color-background{color:#f7f7f7}novo-row-chips .novo-row-chips-columns .column-label.text-color-backgroundDark{color:#e2e2e2}novo-row-chips .novo-row-chips-columns .column-label.text-color-presentation{color:#5b6770}novo-row-chips .novo-row-chips-columns .column-label.text-color-bullhorn{color:#ff6900}novo-row-chips .novo-row-chips-columns .column-label.text-color-pulse{color:#3bafda}novo-row-chips .novo-row-chips-columns .column-label.text-color-company{color:#39d}novo-row-chips .novo-row-chips-columns .column-label.text-color-candidate{color:#4b7}novo-row-chips .novo-row-chips-columns .column-label.text-color-lead{color:#a69}novo-row-chips .novo-row-chips-columns .column-label.text-color-contact{color:#fa4}novo-row-chips .novo-row-chips-columns .column-label.text-color-clientcontact{color:#fa4}novo-row-chips .novo-row-chips-columns .column-label.text-color-opportunity{color:#625}novo-row-chips .novo-row-chips-columns .column-label.text-color-job{color:#b56}novo-row-chips .novo-row-chips-columns .column-label.text-color-joborder{color:#b56}novo-row-chips .novo-row-chips-columns .column-label.text-color-submission{color:#a9adbb}novo-row-chips .novo-row-chips-columns .column-label.text-color-sendout{color:#747884}novo-row-chips .novo-row-chips-columns .column-label.text-color-placement{color:#0b344f}novo-row-chips .novo-row-chips-columns .column-label.text-color-note{color:#747884}novo-row-chips .novo-row-chips-columns .column-label.text-color-contract{color:#454ea0}novo-row-chips .novo-row-chips-columns .column-label.text-color-jobCode{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-earnCode{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-invoiceStatement{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-billableCharge{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-payableCharge{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-user{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-corporateUser{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-distributionList{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-credential{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-person{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.margin-before{margin-top:.4rem}novo-row-chips .novo-row-chips-columns .column-label.margin-after{margin-bottom:.8rem}novo-row-chips .novo-row-chips-columns .column-label.text-length-small{max-width:40ch}novo-row-chips .novo-row-chips-columns .column-label.text-length-medium{max-width:55ch}novo-row-chips .novo-row-chips-columns .column-label.text-length-large{max-width:70ch}novo-row-chips .novo-row-chips-columns .column-label.text-weight-hairline{font-weight:100}novo-row-chips .novo-row-chips-columns .column-label.text-weight-thin{font-weight:200}novo-row-chips .novo-row-chips-columns .column-label.text-weight-light{font-weight:300}novo-row-chips .novo-row-chips-columns .column-label.text-weight-normal{font-weight:400}novo-row-chips .novo-row-chips-columns .column-label.text-weight-medium{font-weight:500}novo-row-chips .novo-row-chips-columns .column-label.text-weight-semibold{font-weight:600}novo-row-chips .novo-row-chips-columns .column-label.text-weight-bold{font-weight:700}novo-row-chips .novo-row-chips-columns .column-label.text-weight-extrabold{font-weight:800}novo-row-chips .novo-row-chips-columns .column-label.text-weight-heavy{font-weight:900}novo-row-chips .novo-row-chips-columns .column-label.text-weight-lighter{font-weight:lighter}novo-row-chips .novo-row-chips-columns .column-label.text-weight-bolder{font-weight:bolder}novo-row-chips .novo-row-chips-columns .column-label:first-of-type{flex:0 0 275px}novo-row-chips .novo-row-chips-columns .column-data{display:flex;align-items:center;background:transparent!important;border:none;border-bottom:1px dashed #85939e;border-radius:0;outline:none;height:2em;width:100%;margin:0 1em 0 0}novo-row-chips .novo-row-chips-columns .column-data.editable{border-bottom:none}novo-row-chips .novo-row-chips-columns .column-data.editable input{background:none;border:none}novo-row-chips .novo-row-chips-columns .column-data:first-of-type{flex:0 0 275px}novo-row-chips .novo-row-chips-columns .column-data span{color:inherit;align-items:flex-start;display:flex;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;line-height:1em;max-height:2em;min-height:1em}novo-row-chips .novo-row-chips-columns i.bhi-delete-o{color:#da4453}novo-row-chips .novo-chip.novo-row-chip{padding:0}novo-row-chips .novo-row-chips-empty-message{font-style:italic;color:#9e9e9e}novo-row-chips i{cursor:pointer}:host .chip-input-container{padding-top:10px}:host .chip-input-container .placeholder{color:var(--form-placeholder)}:host .panel-toggle{padding:.2em}:host .panel-toggle i{margin:0}:host .panel-toggle.selected{background:#dbdbdb;border-radius:50%}:host ul.summary{display:inline;list-style:none;color:#868686;padding:0 10px}:host ul.summary li{display:inline;padding:0 3px}:host ul.summary li:after{content:\", \"}:host ul.summary li:last-child:after{content:\" \"}:host chip span{text-transform:capitalize}\n"], components: [{ type: i2$3.NovoChipList, selector: "novo-chip-list", inputs: ["errorStateMatcher", "multiple", "stacked", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["novoChipList"] }, { type: i2$3.NovoChipElement, selector: "novo-chip, [novo-chip]", inputs: ["color", "tabIndex", "size", "type", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"] }, { type: i2$2.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { type: i2$1.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing"] }, { type: NovoDatePickerElement, selector: "novo-date-picker", inputs: ["minYear", "maxYear", "start", "end", "inline", "weekStart", "preselected", "hideOverflowDays", "hideFooter", "disabledDateMessage", "numberOfMonths", "mode", "range", "weekRangeSelect"], outputs: ["onSelect"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$3.NovoChipRemove, selector: "[novoChipRemove]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "default": i8.DefaultPipe, "date": i6.DatePipe } });
+  `, isInline: true, styles: [":host .chip-input-container{padding-top:10px}:host .chip-input-container .placeholder{color:var(--form-placeholder)}:host .panel-toggle{padding:.2em}:host .panel-toggle i{margin:0}:host .panel-toggle.selected{background:#dbdbdb;border-radius:50%}:host ul.summary{display:inline;list-style:none;color:#868686;padding:0 10px}:host ul.summary li{display:inline;padding:0 3px}:host ul.summary li:after{content:\", \"}:host ul.summary li:last-child:after{content:\" \"}:host chip span{text-transform:capitalize}\n"], components: [{ type: i2$3.NovoChipList, selector: "novo-chip-list", inputs: ["errorStateMatcher", "multiple", "stacked", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["novoChipList"] }, { type: i2$3.NovoChipElement, selector: "novo-chip, [novo-chip]", inputs: ["color", "tabIndex", "size", "type", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"] }, { type: i2$2.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { type: i2$1.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing"] }, { type: NovoDatePickerElement, selector: "novo-date-picker", inputs: ["minYear", "maxYear", "start", "end", "inline", "weekStart", "preselected", "hideOverflowDays", "hideFooter", "disabledDateMessage", "numberOfMonths", "mode", "range", "weekRangeSelect"], outputs: ["onSelect"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$3.NovoChipRemove, selector: "[novoChipRemove]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "default": i8.DefaultPipe, "date": i6.DatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoMultiDateInputElement, decorators: [{
             type: Component,
             args: [{ selector: 'novo-multi-date-input', providers: [MULTI_DATE_VALUE_ACCESSOR], template: `
@@ -1360,7 +1362,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         [weekStart]="weekStart"
       ></novo-date-picker>
     </novo-overlay-template>
-  `, styles: [".novo-chip-list-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin:-4px}.novo-chip-list-wrapper input.novo-input-element,.novo-chip-list-wrapper .novo-chip{margin:4px}.novo-chip-list-stacked{flex:1}.novo-chip-list-stacked .novo-chip-list-wrapper{flex-direction:column;align-items:flex-start}.novo-chip-list-stacked .novo-chip-list-wrapper .novo-chip{width:100%;height:2.8rem}.novo-chip-list-stacked .novo-chip-list-wrapper .novo-chip .novo-chip-remove,.novo-chip-list-stacked .novo-chip-list-wrapper .novo-chip .novo-chip-trailing-icon{margin-left:auto}.novo-chip-list-stacked .novo-chip-list-wrapper input.novo-chip-input{flex:1 0 auto}novo-field.novo-focused input.novo-chip-input{opacity:1;width:100px;margin:4px;flex:1 0 100px}novo-field:not(.novo-focused) .novo-field-input .novo-chip-list-has-value{margin-right:2rem}novo-field:not(.novo-focused) .novo-field-input .novo-chip-list-has-value input.novo-chip-input{opacity:0;width:0px!important;max-width:0px!important}input.novo-chip-input{width:20px;margin:4px;flex:1 0 20px}chips,:host,novo-chips,entity-chips,novo-entity-chips{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid #afb9c0;transition:all .2s ease-in-out;position:relative;padding:5px 20px 5px 0}chips.with-value,novo-chips.with-value,entity-chips.with-value,novo-entity-chips.with-value{margin-bottom:20px}chips:hover,novo-chips:hover,entity-chips:hover,novo-entity-chips:hover{border-bottom:1px solid #5f6d78}chips.selected,chips.selected:hover,novo-chips.selected,novo-chips.selected:hover,entity-chips.selected,entity-chips.selected:hover,novo-entity-chips.selected,novo-entity-chips.selected:hover{border-bottom:1px solid #4a89dc}chips.selected+i,chips.selected:hover+i,novo-chips.selected+i,novo-chips.selected:hover+i,entity-chips.selected+i,entity-chips.selected:hover+i,novo-entity-chips.selected+i,novo-entity-chips.selected:hover+i{color:#4a89dc}chips.disabled,novo-chips.disabled,entity-chips.disabled,novo-entity-chips.disabled{border-bottom-style:dashed!important}chips .chip-input-container,:host .chip-input-container,novo-chips .chip-input-container,entity-chips .chip-input-container,novo-entity-chips .chip-input-container{flex-grow:4}chips .chip-input-container input,:host .chip-input-container input,novo-chips .chip-input-container input,entity-chips .chip-input-container input,novo-entity-chips .chip-input-container input{padding-top:0;border:none;background:transparent!important;width:100%}chips .chip-input-container input:focus,:host .chip-input-container input:focus,novo-chips .chip-input-container input:focus,entity-chips .chip-input-container input:focus,novo-entity-chips .chip-input-container input:focus{outline:none}chips .novo-chip-container,:host .novo-chip-container,novo-chips .novo-chip-container,entity-chips .novo-chip-container,novo-entity-chips .novo-chip-container{display:flex;flex-flow:row wrap;gap:.4rem}chips novo-picker,:host novo-picker,novo-chips novo-picker,entity-chips novo-picker,novo-entity-chips novo-picker{position:inherit}chips novo-picker>i,:host novo-picker>i,novo-chips novo-picker>i,entity-chips novo-picker>i,novo-entity-chips novo-picker>i{display:none}chips novo-picker div.picker-results-container,:host novo-picker div.picker-results-container,novo-chips novo-picker div.picker-results-container,entity-chips novo-picker div.picker-results-container,novo-entity-chips novo-picker div.picker-results-container{left:0}chips label.clear-all,:host label.clear-all,novo-chips label.clear-all,entity-chips label.clear-all,novo-entity-chips label.clear-all{flex:1 100%;position:absolute;right:0;bottom:-20px;font-size:.9rem;color:#da4453;cursor:pointer;display:flex;align-items:center}chips label.clear-all i,:host label.clear-all i,novo-chips label.clear-all i,entity-chips label.clear-all i,novo-entity-chips label.clear-all i{font-size:.7rem;padding-bottom:2px;margin-left:5px}chips i.bhi-search,:host i.bhi-search,novo-chips i.bhi-search,entity-chips i.bhi-search,novo-entity-chips i.bhi-search{position:absolute;bottom:8px;right:0;font-size:1.1em;color:#3d464d}chips,:host,novo-chips,entity-chips,novo-entity-chips{padding:2px 0}chips+i,:host+i,novo-chips+i,entity-chips+i,novo-entity-chips+i{position:absolute;right:0;bottom:7px}chips novo-picker,:host novo-picker,novo-chips novo-picker,entity-chips novo-picker,novo-entity-chips novo-picker{padding-bottom:0}chips novo-picker>input,:host novo-picker>input,novo-chips novo-picker>input,entity-chips novo-picker>input,novo-entity-chips novo-picker>input{border:none;border-bottom:none!important}chips novo-picker>input:disabled,:host novo-picker>input:disabled,novo-chips novo-picker>input:disabled,entity-chips novo-picker>input:disabled,novo-entity-chips novo-picker>input:disabled{border-bottom:none!important}chips.with-value,novo-chips.with-value,entity-chips.with-value,novo-entity-chips.with-value{margin-bottom:0}chips picker-results,:host picker-results,novo-chips picker-results,entity-chips picker-results,novo-entity-chips picker-results{position:absolute;color:#000}chips picker-results novo-list,:host picker-results novo-list,novo-chips picker-results novo-list,entity-chips picker-results novo-list,novo-entity-chips picker-results novo-list{max-height:49vh;overflow:auto}chips picker-results novo-list novo-list-item,:host picker-results novo-list novo-list-item,novo-chips picker-results novo-list novo-list-item,entity-chips picker-results novo-list novo-list-item,novo-entity-chips picker-results novo-list novo-list-item{flex:0 0;transition:background-color .25s}chips picker-results novo-list novo-list-item>div,:host picker-results novo-list novo-list-item>div,novo-chips picker-results novo-list novo-list-item>div,entity-chips picker-results novo-list novo-list-item>div,novo-entity-chips picker-results novo-list novo-list-item>div{width:100%}chips picker-results novo-list novo-list-item.active,:host picker-results novo-list novo-list-item.active,novo-chips picker-results novo-list novo-list-item.active,entity-chips picker-results novo-list novo-list-item.active,novo-entity-chips picker-results novo-list novo-list-item.active{background-color:#e0ebf9}chips picker-results novo-list novo-list-item:hover,:host picker-results novo-list novo-list-item:hover,novo-chips picker-results novo-list novo-list-item:hover,entity-chips picker-results novo-list novo-list-item:hover,novo-entity-chips picker-results novo-list novo-list-item:hover{background-color:#e0ebf9}chips picker-results novo-list novo-list-item item-content,:host picker-results novo-list novo-list-item item-content,novo-chips picker-results novo-list novo-list-item item-content,entity-chips picker-results novo-list novo-list-item item-content,novo-entity-chips picker-results novo-list novo-list-item item-content{flex-flow:row wrap}chips picker-results novo-list novo-list-item item-content>*,:host picker-results novo-list novo-list-item item-content>*,novo-chips picker-results novo-list novo-list-item item-content>*,entity-chips picker-results novo-list novo-list-item item-content>*,novo-entity-chips picker-results novo-list novo-list-item item-content>*{flex:0 0 33%;white-space:nowrap}chips picker-results .error-results,:host picker-results .error-results,chips picker-results .no-recents,:host picker-results .no-recents,chips picker-results .null-results,:host picker-results .null-results,novo-chips picker-results .error-results,novo-chips picker-results .no-recents,novo-chips picker-results .null-results,entity-chips picker-results .error-results,entity-chips picker-results .no-recents,entity-chips picker-results .null-results,novo-entity-chips picker-results .error-results,novo-entity-chips picker-results .no-recents,novo-entity-chips picker-results .null-results{text-align:center;padding:1em 0 4em}chips picker-results .error-results>i,:host picker-results .error-results>i,chips picker-results .no-recents>i,:host picker-results .no-recents>i,chips picker-results .null-results>i,:host picker-results .null-results>i,novo-chips picker-results .error-results>i,novo-chips picker-results .no-recents>i,novo-chips picker-results .null-results>i,entity-chips picker-results .error-results>i,entity-chips picker-results .no-recents>i,entity-chips picker-results .null-results>i,novo-entity-chips picker-results .error-results>i,novo-entity-chips picker-results .no-recents>i,novo-entity-chips picker-results .null-results>i{font-size:3em;margin:.5em;color:#0000004d}chips picker-results .error-results>h4,:host picker-results .error-results>h4,chips picker-results .error-results>p,:host picker-results .error-results>p,chips picker-results .no-recents>h4,:host picker-results .no-recents>h4,chips picker-results .no-recents>p,:host picker-results .no-recents>p,chips picker-results .null-results>h4,:host picker-results .null-results>h4,chips picker-results .null-results>p,:host picker-results .null-results>p,novo-chips picker-results .error-results>h4,novo-chips picker-results .error-results>p,novo-chips picker-results .no-recents>h4,novo-chips picker-results .no-recents>p,novo-chips picker-results .null-results>h4,novo-chips picker-results .null-results>p,entity-chips picker-results .error-results>h4,entity-chips picker-results .error-results>p,entity-chips picker-results .no-recents>h4,entity-chips picker-results .no-recents>p,entity-chips picker-results .null-results>h4,entity-chips picker-results .null-results>p,novo-entity-chips picker-results .error-results>h4,novo-entity-chips picker-results .error-results>p,novo-entity-chips picker-results .no-recents>h4,novo-entity-chips picker-results .no-recents>p,novo-entity-chips picker-results .null-results>h4,novo-entity-chips picker-results .null-results>p{margin:0;max-width:none;padding:0}chips picker-results .error-results>h4,:host picker-results .error-results>h4,chips picker-results .no-recents>h4,:host picker-results .no-recents>h4,chips picker-results .null-results>h4,:host picker-results .null-results>h4,novo-chips picker-results .error-results>h4,novo-chips picker-results .no-recents>h4,novo-chips picker-results .null-results>h4,entity-chips picker-results .error-results>h4,entity-chips picker-results .no-recents>h4,entity-chips picker-results .null-results>h4,novo-entity-chips picker-results .error-results>h4,novo-entity-chips picker-results .no-recents>h4,novo-entity-chips picker-results .null-results>h4{font-weight:500}chips picker-results section,:host picker-results section,novo-chips picker-results section,entity-chips picker-results section,novo-entity-chips picker-results section{box-shadow:.1em .1em 1em #00000040;z-index:9;position:absolute;width:100%;background-color:#fff;color:#000}chips .preview-container entity-picker-result,:host .preview-container entity-picker-result,novo-chips .preview-container entity-picker-result,entity-chips .preview-container entity-picker-result,novo-entity-chips .preview-container entity-picker-result{background:#ffffff;position:absolute;top:100%;left:0;width:100%;min-width:180px;max-height:49vh;overflow:auto;z-index:9001;border:1px solid #4a89dc;transition:all .2s ease-in-out}chips .preview-container entity-picker-result .novo-list-item,:host .preview-container entity-picker-result .novo-list-item,novo-chips .preview-container entity-picker-result .novo-list-item,entity-chips .preview-container entity-picker-result .novo-list-item,novo-entity-chips .preview-container entity-picker-result .novo-list-item{flex:0 0}chips .preview-container entity-picker-result .novo-list-item>div,:host .preview-container entity-picker-result .novo-list-item>div,novo-chips .preview-container entity-picker-result .novo-list-item>div,entity-chips .preview-container entity-picker-result .novo-list-item>div,novo-entity-chips .preview-container entity-picker-result .novo-list-item>div{width:100%}chips .preview-container entity-picker-result .novo-list-item .novo-item-content,:host .preview-container entity-picker-result .novo-list-item .novo-item-content,novo-chips .preview-container entity-picker-result .novo-list-item .novo-item-content,entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content,novo-entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content{flex-flow:row wrap}chips .preview-container entity-picker-result .novo-list-item .novo-item-content>*,:host .preview-container entity-picker-result .novo-list-item .novo-item-content>*,novo-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>*,entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>*,novo-entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>*{flex:0 0 33%;white-space:nowrap}chips .preview-container entity-picker-result .novo-list-item .novo-item-content>p,:host .preview-container entity-picker-result .novo-list-item .novo-item-content>p,novo-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>p,entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>p,novo-entity-chips .preview-container entity-picker-result .novo-list-item .novo-item-content>p{min-width:15em;font-size:.9em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:1em}entity-chip-results{max-width:none!important}novo-row-chips{display:flex;flex-flow:column;gap:.8rem}novo-row-chips .novo-row-chips-columns{display:flex;align-items:flex-end;margin-bottom:1em}novo-row-chips .novo-row-chips-columns .column-label{font-weight:500;word-break:word-break;overflow-wrap:break-word;line-height:1.375;color:var(--text-muted);font-size:var(--font-size-label);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;display:flex;flex:1;margin-right:1em}novo-row-chips .novo-row-chips-columns .column-label.text-capitalize{text-transform:capitalize}novo-row-chips .novo-row-chips-columns .column-label.text-uppercase{text-transform:uppercase}novo-row-chips .novo-row-chips-columns .column-label.text-nowrap{white-space:nowrap}novo-row-chips .novo-row-chips-columns .column-label.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}novo-row-chips .novo-row-chips-columns .column-label.text-size-default{font-size:inherit}novo-row-chips .novo-row-chips-columns .column-label.text-size-body{font-size:1.3rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-xs{font-size:1rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-sm{font-size:1.2rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-md{font-size:1.3rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-lg{font-size:1.6rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-xl{font-size:2rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-2xl{font-size:2.6rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-3xl{font-size:3.2rem}novo-row-chips .novo-row-chips-columns .column-label.text-size-smaller{font-size:.8em}novo-row-chips .novo-row-chips-columns .column-label.text-size-larger{font-size:1.2em}novo-row-chips .novo-row-chips-columns .column-label.text-color-black{color:#000}novo-row-chips .novo-row-chips-columns .column-label.text-color-white{color:#fff}novo-row-chips .novo-row-chips-columns .column-label.text-color-gray{color:#9e9e9e}novo-row-chips .novo-row-chips-columns .column-label.text-color-grey{color:#9e9e9e}novo-row-chips .novo-row-chips-columns .column-label.text-color-offWhite{color:#f7f7f7}novo-row-chips .novo-row-chips-columns .column-label.text-color-bright{color:#f7f7f7}novo-row-chips .novo-row-chips-columns .column-label.text-color-light{color:#dbdbdb}novo-row-chips .novo-row-chips-columns .column-label.text-color-neutral{color:#4f5361}novo-row-chips .novo-row-chips-columns .column-label.text-color-dark{color:#3d464d}novo-row-chips .novo-row-chips-columns .column-label.text-color-orange{color:#ff6900}novo-row-chips .novo-row-chips-columns .column-label.text-color-navigation{color:#202945}novo-row-chips .novo-row-chips-columns .column-label.text-color-skyBlue{color:#009bdf}novo-row-chips .novo-row-chips-columns .column-label.text-color-steel{color:#5b6770}novo-row-chips .novo-row-chips-columns .column-label.text-color-metal{color:#637893}novo-row-chips .novo-row-chips-columns .column-label.text-color-sand{color:#f4f4f4}novo-row-chips .novo-row-chips-columns .column-label.text-color-silver{color:#e2e2e2}novo-row-chips .novo-row-chips-columns .column-label.text-color-stone{color:#bebebe}novo-row-chips .novo-row-chips-columns .column-label.text-color-ash{color:#a0a0a0}novo-row-chips .novo-row-chips-columns .column-label.text-color-slate{color:#707070}novo-row-chips .novo-row-chips-columns .column-label.text-color-onyx{color:#526980}novo-row-chips .novo-row-chips-columns .column-label.text-color-charcoal{color:#282828}novo-row-chips .novo-row-chips-columns .column-label.text-color-moonlight{color:#1a242f}novo-row-chips .novo-row-chips-columns .column-label.text-color-midnight{color:#202945}novo-row-chips .novo-row-chips-columns .column-label.text-color-darkness{color:#161f27}novo-row-chips .novo-row-chips-columns .column-label.text-color-navy{color:#0d2d42}novo-row-chips .novo-row-chips-columns .column-label.text-color-aqua{color:#3bafda}novo-row-chips .novo-row-chips-columns .column-label.text-color-ocean{color:#4a89dc}novo-row-chips .novo-row-chips-columns .column-label.text-color-mint{color:#37bc9b}novo-row-chips .novo-row-chips-columns .column-label.text-color-grass{color:#8cc152}novo-row-chips .novo-row-chips-columns .column-label.text-color-sunflower{color:#f6b042}novo-row-chips .novo-row-chips-columns .column-label.text-color-bittersweet{color:#eb6845}novo-row-chips .novo-row-chips-columns .column-label.text-color-grapefruit{color:#da4453}novo-row-chips .novo-row-chips-columns .column-label.text-color-carnation{color:#d770ad}novo-row-chips .novo-row-chips-columns .column-label.text-color-lavender{color:#967adc}novo-row-chips .novo-row-chips-columns .column-label.text-color-mountain{color:#9678b6}novo-row-chips .novo-row-chips-columns .column-label.text-color-info{color:#4a89dc}novo-row-chips .novo-row-chips-columns .column-label.text-color-positive{color:#4a89dc}novo-row-chips .novo-row-chips-columns .column-label.text-color-success{color:#8cc152}novo-row-chips .novo-row-chips-columns .column-label.text-color-negative{color:#da4453}novo-row-chips .novo-row-chips-columns .column-label.text-color-danger{color:#da4453}novo-row-chips .novo-row-chips-columns .column-label.text-color-error{color:#da4453}novo-row-chips .novo-row-chips-columns .column-label.text-color-warning{color:#f6b042}novo-row-chips .novo-row-chips-columns .column-label.text-color-empty{color:#cccdcc}novo-row-chips .novo-row-chips-columns .column-label.text-color-disabled{color:#bebebe}novo-row-chips .novo-row-chips-columns .column-label.text-color-background{color:#f7f7f7}novo-row-chips .novo-row-chips-columns .column-label.text-color-backgroundDark{color:#e2e2e2}novo-row-chips .novo-row-chips-columns .column-label.text-color-presentation{color:#5b6770}novo-row-chips .novo-row-chips-columns .column-label.text-color-bullhorn{color:#ff6900}novo-row-chips .novo-row-chips-columns .column-label.text-color-pulse{color:#3bafda}novo-row-chips .novo-row-chips-columns .column-label.text-color-company{color:#39d}novo-row-chips .novo-row-chips-columns .column-label.text-color-candidate{color:#4b7}novo-row-chips .novo-row-chips-columns .column-label.text-color-lead{color:#a69}novo-row-chips .novo-row-chips-columns .column-label.text-color-contact{color:#fa4}novo-row-chips .novo-row-chips-columns .column-label.text-color-clientcontact{color:#fa4}novo-row-chips .novo-row-chips-columns .column-label.text-color-opportunity{color:#625}novo-row-chips .novo-row-chips-columns .column-label.text-color-job{color:#b56}novo-row-chips .novo-row-chips-columns .column-label.text-color-joborder{color:#b56}novo-row-chips .novo-row-chips-columns .column-label.text-color-submission{color:#a9adbb}novo-row-chips .novo-row-chips-columns .column-label.text-color-sendout{color:#747884}novo-row-chips .novo-row-chips-columns .column-label.text-color-placement{color:#0b344f}novo-row-chips .novo-row-chips-columns .column-label.text-color-note{color:#747884}novo-row-chips .novo-row-chips-columns .column-label.text-color-contract{color:#454ea0}novo-row-chips .novo-row-chips-columns .column-label.text-color-jobCode{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-earnCode{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-invoiceStatement{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-billableCharge{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-payableCharge{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-user{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-corporateUser{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-distributionList{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-credential{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.text-color-person{color:#696d79}novo-row-chips .novo-row-chips-columns .column-label.margin-before{margin-top:.4rem}novo-row-chips .novo-row-chips-columns .column-label.margin-after{margin-bottom:.8rem}novo-row-chips .novo-row-chips-columns .column-label.text-length-small{max-width:40ch}novo-row-chips .novo-row-chips-columns .column-label.text-length-medium{max-width:55ch}novo-row-chips .novo-row-chips-columns .column-label.text-length-large{max-width:70ch}novo-row-chips .novo-row-chips-columns .column-label.text-weight-hairline{font-weight:100}novo-row-chips .novo-row-chips-columns .column-label.text-weight-thin{font-weight:200}novo-row-chips .novo-row-chips-columns .column-label.text-weight-light{font-weight:300}novo-row-chips .novo-row-chips-columns .column-label.text-weight-normal{font-weight:400}novo-row-chips .novo-row-chips-columns .column-label.text-weight-medium{font-weight:500}novo-row-chips .novo-row-chips-columns .column-label.text-weight-semibold{font-weight:600}novo-row-chips .novo-row-chips-columns .column-label.text-weight-bold{font-weight:700}novo-row-chips .novo-row-chips-columns .column-label.text-weight-extrabold{font-weight:800}novo-row-chips .novo-row-chips-columns .column-label.text-weight-heavy{font-weight:900}novo-row-chips .novo-row-chips-columns .column-label.text-weight-lighter{font-weight:lighter}novo-row-chips .novo-row-chips-columns .column-label.text-weight-bolder{font-weight:bolder}novo-row-chips .novo-row-chips-columns .column-label:first-of-type{flex:0 0 275px}novo-row-chips .novo-row-chips-columns .column-data{display:flex;align-items:center;background:transparent!important;border:none;border-bottom:1px dashed #85939e;border-radius:0;outline:none;height:2em;width:100%;margin:0 1em 0 0}novo-row-chips .novo-row-chips-columns .column-data.editable{border-bottom:none}novo-row-chips .novo-row-chips-columns .column-data.editable input{background:none;border:none}novo-row-chips .novo-row-chips-columns .column-data:first-of-type{flex:0 0 275px}novo-row-chips .novo-row-chips-columns .column-data span{color:inherit;align-items:flex-start;display:flex;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;line-height:1em;max-height:2em;min-height:1em}novo-row-chips .novo-row-chips-columns i.bhi-delete-o{color:#da4453}novo-row-chips .novo-chip.novo-row-chip{padding:0}novo-row-chips .novo-row-chips-empty-message{font-style:italic;color:#9e9e9e}novo-row-chips i{cursor:pointer}:host .chip-input-container{padding-top:10px}:host .chip-input-container .placeholder{color:var(--form-placeholder)}:host .panel-toggle{padding:.2em}:host .panel-toggle i{margin:0}:host .panel-toggle.selected{background:#dbdbdb;border-radius:50%}:host ul.summary{display:inline;list-style:none;color:#868686;padding:0 10px}:host ul.summary li{display:inline;padding:0 3px}:host ul.summary li:after{content:\", \"}:host ul.summary li:last-child:after{content:\" \"}:host chip span{text-transform:capitalize}\n"] }]
+  `, styles: [":host .chip-input-container{padding-top:10px}:host .chip-input-container .placeholder{color:var(--form-placeholder)}:host .panel-toggle{padding:.2em}:host .panel-toggle i{margin:0}:host .panel-toggle.selected{background:#dbdbdb;border-radius:50%}:host ul.summary{display:inline;list-style:none;color:#868686;padding:0 10px}:host ul.summary li{display:inline;padding:0 3px}:host ul.summary li:after{content:\", \"}:host ul.summary li:last-child:after{content:\" \"}:host chip span{text-transform:capitalize}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.NovoLabelService }, { type: i0.ChangeDetectorRef }, { type: i1.DateFormatService }]; }, propDecorators: { name: [{
                 type: Input
             }], start: [{
@@ -1408,7 +1410,7 @@ NovoDatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
         NovoButtonModule,
         NovoPipesModule,
         NovoOverlayModule,
-        TextMaskModule,
+        IMaskDirectiveModule,
         NovoIconModule,
         NovoChipsModule,
         NovoCalendarModule], exports: [NovoDatePickerElement, NovoDatePickerInputElement, NovoDateRangeInputElement, NovoMultiDateInputElement] });
@@ -1418,7 +1420,7 @@ NovoDatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
             NovoButtonModule,
             NovoPipesModule,
             NovoOverlayModule,
-            TextMaskModule,
+            IMaskDirectiveModule,
             NovoIconModule,
             NovoChipsModule,
             NovoCalendarModule,
@@ -1432,7 +1434,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         NovoButtonModule,
                         NovoPipesModule,
                         NovoOverlayModule,
-                        TextMaskModule,
+                        IMaskDirectiveModule,
                         NovoIconModule,
                         NovoChipsModule,
                         NovoCalendarModule,