novo-elements 7.3.0 → 7.4.0-next.3

package/novo-elements.scss

@@ -107,6 +107,10 @@
   color: var(--text-disabled, $color-slate);
 }
 
+.novo-visibility-hidden {
+  visibility: hidden !important;
+}
+
 @include theme-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
   $excluded: (bright, muted);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "novo-elements",
-  "version": "7.3.0",
+  "version": "7.4.0-next.3",
   "sideEffects": true,
   "peerDependencies": {
     "@angular/animations": ">=10",

package/src/elements/common/common.module.d.ts

@@ -13,10 +13,12 @@ import * as i11 from "./directives/accent.directive";
 import * as i12 from "./directives/fill.directive";
 import * as i13 from "./directives/flex.directive";
 import * as i14 from "./directives/theme.directive";
-import * as i15 from "@angular/common";
-import * as i16 from "./option/index";
+import * as i15 from "./directives/switch-cases.directive";
+import * as i16 from "./directives/visible.directive";
+import * as i17 from "@angular/common";
+import * as i18 from "./option/index";
 export declare class NovoCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoCommonModule, [typeof i1.NovoTemplate, typeof i2.NovoText, typeof i3.NovoTitle, typeof i4.NovoCaption, typeof i5.NovoLabel, typeof i6.NovoLink, typeof i7.MarginDirective, typeof i7.PaddingDirective, typeof i8.BackgroundColorDirective, typeof i9.TextColorDirective, typeof i10.BorderDirective, typeof i7.GapDirective, typeof i11.AccentColorDirective, typeof i12.FillColorDirective, typeof i13.FlexDirective, typeof i14.ThemeColorDirective], [typeof i15.CommonModule, typeof i16.NovoOptionModule], [typeof i1.NovoTemplate, typeof i2.NovoText, typeof i3.NovoTitle, typeof i4.NovoCaption, typeof i5.NovoLabel, typeof i6.NovoLink, typeof i7.MarginDirective, typeof i7.PaddingDirective, typeof i8.BackgroundColorDirective, typeof i9.TextColorDirective, typeof i10.BorderDirective, typeof i7.GapDirective, typeof i11.AccentColorDirective, typeof i12.FillColorDirective, typeof i13.FlexDirective, typeof i14.ThemeColorDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoCommonModule, [typeof i1.NovoTemplate, typeof i2.NovoText, typeof i3.NovoTitle, typeof i4.NovoCaption, typeof i5.NovoLabel, typeof i6.NovoLink, typeof i7.MarginDirective, typeof i7.PaddingDirective, typeof i8.BackgroundColorDirective, typeof i9.TextColorDirective, typeof i10.BorderDirective, typeof i7.GapDirective, typeof i11.AccentColorDirective, typeof i12.FillColorDirective, typeof i13.FlexDirective, typeof i14.ThemeColorDirective, typeof i15.SwitchCasesDirective, typeof i16.VisibleDirective], [typeof i17.CommonModule, typeof i18.NovoOptionModule], [typeof i1.NovoTemplate, typeof i2.NovoText, typeof i3.NovoTitle, typeof i4.NovoCaption, typeof i5.NovoLabel, typeof i6.NovoLink, typeof i7.MarginDirective, typeof i7.PaddingDirective, typeof i8.BackgroundColorDirective, typeof i9.TextColorDirective, typeof i10.BorderDirective, typeof i7.GapDirective, typeof i11.AccentColorDirective, typeof i12.FillColorDirective, typeof i13.FlexDirective, typeof i14.ThemeColorDirective, typeof i15.SwitchCasesDirective, typeof i16.VisibleDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovoCommonModule>;
 }

package/src/elements/common/directives/switch-cases.directive.d.ts

@@ -0,0 +1,16 @@
+import { NgSwitch } from '@angular/common';
+import { DoCheck, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SwitchCasesDirective implements OnInit, DoCheck {
+    private viewContainer;
+    private templateRef;
+    private ngSwitch;
+    private _created;
+    novoSwitchCases: any[];
+    constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<Object>, ngSwitch: NgSwitch);
+    ngOnInit(): void;
+    ngDoCheck(): void;
+    enforceState(created: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchCasesDirective, [null, null, { host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SwitchCasesDirective, "[novoSwitchCases]", never, { "novoSwitchCases": "novoSwitchCases"; }, {}, never>;
+}

package/src/elements/common/directives/visible.directive.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class VisibleDirective {
+    private el;
+    visible: boolean;
+    get hb_visibility(): "" | "novo-visibility-hidden";
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisibleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VisibleDirective, "[visible]", never, { "visible": "visible"; }, {}, never>;
+}

package/src/elements/common/index.d.ts

@@ -6,7 +6,9 @@ export * from './directives/color.directive';
 export * from './directives/fill.directive';
 export * from './directives/flex.directive';
 export * from './directives/space.directive';
+export * from './directives/switch-cases.directive';
 export * from './directives/theme.directive';
+export * from './directives/visible.directive';
 export * from './error/error-options';
 export * from './mixins';
 export * from './novo-template';

package/src/elements/common/overlay/Overlay.d.ts

@@ -17,6 +17,7 @@ export declare class NovoOverlayTemplateComponent implements OnDestroy {
     width: number;
     height: number;
     closeOnSelect: boolean;
+    hasBackdrop: boolean;
     select: EventEmitter<any>;
     opening: EventEmitter<any>;
     closing: EventEmitter<any>;
@@ -55,7 +56,8 @@ export declare class NovoOverlayTemplateComponent implements OnDestroy {
     protected getScrollStrategy(): ScrollStrategy;
     protected checkSizes(): void;
     protected getConnectedElement(): ElementRef;
+    protected elementIsInNestedOverlay(el: any): boolean;
     protected getHostWidth(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoOverlayTemplateComponent, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NovoOverlayTemplateComponent, "novo-overlay-template", never, { "position": "position"; "scrollStrategy": "scrollStrategy"; "width": "width"; "height": "height"; "closeOnSelect": "closeOnSelect"; "parent": "parent"; }, { "select": "select"; "opening": "opening"; "closing": "closing"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NovoOverlayTemplateComponent, "novo-overlay-template", never, { "position": "position"; "scrollStrategy": "scrollStrategy"; "width": "width"; "height": "height"; "closeOnSelect": "closeOnSelect"; "hasBackdrop": "hasBackdrop"; "parent": "parent"; }, { "select": "select"; "opening": "opening"; "closing": "closing"; }, never, ["*"]>;
 }

package/src/elements/common/typography/base/base-text.component.d.ts

@@ -13,7 +13,10 @@ export declare class NovoBaseTextElement {
     error: boolean;
     marginBefore: boolean;
     marginAfter: boolean;
+    capitialize: boolean;
+    uppercase: boolean;
     nowrap: boolean;
+    ellipsis: boolean;
     smaller: boolean;
     larger: boolean;
     thin: boolean;
@@ -26,5 +29,5 @@ export declare class NovoBaseTextElement {
     constructor(element: ElementRef);
     get nativeElement(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoBaseTextElement, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NovoBaseTextElement, never, never, { "size": "size"; "weight": "weight"; "lineLength": "lineLength"; "color": "color"; "disabled": "disabled"; "muted": "muted"; "error": "error"; "marginBefore": "marginBefore"; "marginAfter": "marginAfter"; "nowrap": "nowrap"; "smaller": "smaller"; "larger": "larger"; "thin": "thin"; "lighter": "lighter"; "light": "light"; "medium": "medium"; "bold": "bold"; "bolder": "bolder"; "extrabold": "extrabold"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NovoBaseTextElement, never, never, { "size": "size"; "weight": "weight"; "lineLength": "lineLength"; "color": "color"; "disabled": "disabled"; "muted": "muted"; "error": "error"; "marginBefore": "marginBefore"; "marginAfter": "marginAfter"; "capitialize": "capitialize"; "uppercase": "uppercase"; "nowrap": "nowrap"; "ellipsis": "ellipsis"; "smaller": "smaller"; "larger": "larger"; "thin": "thin"; "lighter": "lighter"; "light": "light"; "medium": "medium"; "bold": "bold"; "bolder": "bolder"; "extrabold": "extrabold"; }, {}, never>;
 }

package/src/elements/data-table/data-table-clear-button.component.d.ts

@@ -9,12 +9,14 @@ export declare class NovoDataTableClearButton<T> {
     selectedClear: EventEmitter<boolean>;
     sortClear: EventEmitter<boolean>;
     filterClear: EventEmitter<boolean>;
+    queryClear: EventEmitter<boolean>;
     allClear: EventEmitter<boolean>;
     constructor(state: DataTableState<T>, ref: ChangeDetectorRef, labels: NovoLabelService);
     clearSort(): void;
     clearFilter(): void;
+    clearSearch(): void;
     clearSelected(): void;
     clearAll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoDataTableClearButton<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NovoDataTableClearButton<any>, "novo-data-table-clear-button", never, {}, { "selectedClear": "selectedClear"; "sortClear": "sortClear"; "filterClear": "filterClear"; "allClear": "allClear"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NovoDataTableClearButton<any>, "novo-data-table-clear-button", never, {}, { "selectedClear": "selectedClear"; "sortClear": "sortClear"; "filterClear": "filterClear"; "queryClear": "queryClear"; "allClear": "allClear"; }, never, never>;
 }

package/src/elements/data-table/interfaces.d.ts

@@ -3,9 +3,14 @@ export interface IDataTablePreferences {
     name: string;
     sort?: IDataTableSort;
     filter?: IDataTableFilter | IDataTableFilter[];
+    where?: {
+        query: string;
+        form: any;
+    };
     globalSearch?: any;
     pageSize?: number;
     displayedColumns?: string[];
+    savedSearchName?: string;
 }
 export interface IDataTableColumn<T> {
     id: string;
@@ -93,6 +98,12 @@ export interface IDataTableChangeEvent {
     page?: number;
     pageSize?: number;
     globalSearch?: string;
+    outsideFilter?: IDataTableFilter | IDataTableFilter[];
+    where?: {
+        query: string;
+        form: any;
+    };
+    savedSearchName?: string;
 }
 export interface IDataTableSelectionChangeEvent {
     selected: any[];
@@ -122,7 +133,10 @@ export interface IDataTableService<T> {
         id: string;
         value: string;
         transform?: Function;
-    } | IDataTableFilter | IDataTableFilter[], page: number, pageSize: number, globalSearch?: string, outsideFilter?: any): Observable<{
+    } | IDataTableFilter | IDataTableFilter[], page: number, pageSize: number, globalSearch?: string, outsideFilter?: any, where?: {
+        query: string;
+        form: any;
+    }): Observable<{
         results: T[];
         total: number;
     }>;

package/src/elements/data-table/services/remote-data-table.service.d.ts

@@ -1,7 +1,10 @@
 import { Observable } from 'rxjs';
 import { IDataTableFilter, IDataTableService, IDataTableSort } from '../interfaces';
 export declare abstract class RemoteDataTableService<T> implements IDataTableService<T> {
-    abstract getTableResults(sort: IDataTableSort, filter: IDataTableFilter | IDataTableFilter[], page: number, pageSize: number, globalSearch?: string, outsideFilter?: any): Observable<{
+    abstract getTableResults(sort: IDataTableSort, filter: IDataTableFilter | IDataTableFilter[], page: number, pageSize: number, globalSearch?: string, outsideFilter?: any, where?: {
+        query: string;
+        form: any;
+    }): Observable<{
         results: T[];
         total: number;
     }>;

package/src/elements/data-table/services/static-data-table.service.d.ts

@@ -4,7 +4,10 @@ export declare class StaticDataTableService<T> implements IDataTableService<T> {
     private currentData;
     originalData: T[];
     constructor(currentData?: T[]);
-    getTableResults(sort: IDataTableSort, filter: IDataTableFilter | IDataTableFilter[], page: number, pageSize: number, globalSearch?: string, outsideFilter?: any): Observable<{
+    getTableResults(sort: IDataTableSort, filter: IDataTableFilter | IDataTableFilter[], page: number, pageSize: number, globalSearch?: string, outsideFilter?: any, where?: {
+        query: string;
+        form: any;
+    }): Observable<{
         results: T[];
         total: number;
     }>;

package/src/elements/data-table/state/data-table-state.service.d.ts

@@ -12,6 +12,10 @@ export declare class DataTableState<T> {
     dataLoaded: Subject<unknown>;
     sort: IDataTableSort;
     filter: IDataTableFilter | IDataTableFilter[];
+    where: {
+        query: string;
+        form: any;
+    };
     page: number;
     pageSize: number;
     globalSearch: string;
@@ -28,6 +32,7 @@ export declare class DataTableState<T> {
     reset(fireUpdate?: boolean, persistUserFilters?: any): void;
     clearSort(fireUpdate?: boolean): void;
     clearFilter(fireUpdate?: boolean): void;
+    clearQuery(fireUpdate?: boolean): void;
     clearSelected(fireUpdate?: boolean): void;
     onSelectionChange(): void;
     onExpandChange(targetId?: number): void;

package/src/elements/date-picker/DatePicker.d.ts

@@ -100,6 +100,7 @@ export declare class NovoDatePickerElement implements ControlValueAccessor, OnIn
     toggleRangeSelect(range: rangeSelectModes): void;
     modelToSelection(model: modelTypes): void;
     writeValue(model: modelTypes): void;
+    setRangeSelection(): void;
     registerOnChange(fn: Function): void;
     registerOnTouched(fn: Function): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoDatePickerElement, never>;

package/src/elements/date-picker/date-picker.types.d.ts

@@ -15,7 +15,11 @@ export interface RangeModel {
     startDate: Date;
     endDate: Date;
 }
-export declare type modelTypes = Date | Date[] | RangeModel;
+export interface DataTableRangeModel {
+    min: Date;
+    max: Date;
+}
+export declare type modelTypes = Date | Date[] | RangeModel | DataTableRangeModel;
 export interface Day {
     date: Date;
     isCurrentMonth?: boolean;

package/src/elements/field/field.d.ts

@@ -41,6 +41,7 @@ export declare class NovoFieldElement implements AfterContentInit, OnDestroy {
     ngOnDestroy(): void;
     /** Throws an error if the form field's control is missing. */
     protected _validateControlChild(): void;
+    _handleContainerClick(evt: MouseEvent): void;
     _isUnderlinedInput(): boolean;
     /** Determines whether to display hints or errors. */
     _getDisplayedMessages(): 'error' | 'hint';

package/src/elements/field/field.module.d.ts

@@ -6,16 +6,17 @@ import * as i4 from "./input";
 import * as i5 from "./fieldset";
 import * as i6 from "./formats/time-format";
 import * as i7 from "./formats/date-format";
-import * as i8 from "./toggle/picker-toggle.component";
-import * as i9 from "./picker.directive";
-import * as i10 from "./autocomplete/autocomplete.component";
-import * as i11 from "@angular/common";
-import * as i12 from "../button/Button.module";
-import * as i13 from "../common/overlay/Overlay.module";
-import * as i14 from "../common/option/index";
-import * as i15 from "../common/common.module";
+import * as i8 from "./formats/date-range-format";
+import * as i9 from "./toggle/picker-toggle.component";
+import * as i10 from "./picker.directive";
+import * as i11 from "./autocomplete/autocomplete.component";
+import * as i12 from "@angular/common";
+import * as i13 from "../button/Button.module";
+import * as i14 from "../common/overlay/Overlay.module";
+import * as i15 from "../common/option/index";
+import * as i16 from "../common/common.module";
 export declare class NovoFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoFieldModule, [typeof i1.NovoFieldElement, typeof i2.NovoHintElement, typeof i3.NovoErrorElement, typeof i4.NovoInput, typeof i1.NovoFieldPrefixDirective, typeof i1.NovoFieldSuffixDirective, typeof i5.NovoFieldsElement, typeof i6.NovoTimeFormatDirective, typeof i7.NovoDateFormatDirective, typeof i8.NovoPickerToggleElement, typeof i9.NovoPickerDirective, typeof i10.NovoAutocompleteElement], [typeof i11.CommonModule, typeof i12.NovoButtonModule, typeof i13.NovoOverlayModule, typeof i14.NovoOptionModule, typeof i15.NovoCommonModule], [typeof i1.NovoFieldElement, typeof i2.NovoHintElement, typeof i3.NovoErrorElement, typeof i4.NovoInput, typeof i1.NovoFieldPrefixDirective, typeof i1.NovoFieldSuffixDirective, typeof i5.NovoFieldsElement, typeof i6.NovoTimeFormatDirective, typeof i7.NovoDateFormatDirective, typeof i8.NovoPickerToggleElement, typeof i9.NovoPickerDirective, typeof i10.NovoAutocompleteElement]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoFieldModule, [typeof i1.NovoFieldElement, typeof i2.NovoHintElement, typeof i3.NovoErrorElement, typeof i4.NovoInput, typeof i1.NovoFieldPrefixDirective, typeof i1.NovoFieldSuffixDirective, typeof i5.NovoFieldsElement, typeof i6.NovoTimeFormatDirective, typeof i7.NovoDateFormatDirective, typeof i8.NovoDateRangeFormatDirective, typeof i9.NovoPickerToggleElement, typeof i10.NovoPickerDirective, typeof i11.NovoAutocompleteElement], [typeof i12.CommonModule, typeof i13.NovoButtonModule, typeof i14.NovoOverlayModule, typeof i15.NovoOptionModule, typeof i16.NovoCommonModule], [typeof i1.NovoFieldElement, typeof i2.NovoHintElement, typeof i3.NovoErrorElement, typeof i4.NovoInput, typeof i1.NovoFieldPrefixDirective, typeof i1.NovoFieldSuffixDirective, typeof i5.NovoFieldsElement, typeof i6.NovoTimeFormatDirective, typeof i7.NovoDateFormatDirective, typeof i8.NovoDateRangeFormatDirective, typeof i9.NovoPickerToggleElement, typeof i10.NovoPickerDirective, typeof i11.NovoAutocompleteElement]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovoFieldModule>;
 }

package/src/elements/field/formats/base-format.d.ts

@@ -5,3 +5,8 @@ export interface NovoInputFormat<T = any> extends ControlValueAccessor {
     valueChange: EventEmitter<any>;
     formatValue(value: T): string;
 }
+export declare enum DATE_FORMATS {
+    DATE = "date",
+    ISO8601 = "iso8601",
+    STRING = "string"
+}

package/src/elements/field/formats/date-format.d.ts

@@ -1,28 +1,24 @@
 import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
 import { IMaskDirective, IMaskFactory } from 'angular-imask';
 import { NovoLabelService } from '../../../services/novo-label-service';
+import { DATE_FORMATS } from './base-format';
 import * as i0 from "@angular/core";
 export declare const DATEFORMAT_VALUE_ACCESSOR: {
     provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
     useExisting: import("@angular/core").Type<any>;
     multi: boolean;
 };
-export declare enum DATE_FORMATS {
-    DATE = "date",
-    ISO8601 = "iso8601",
-    STRING = "string"
-}
 export declare class NovoDateFormatDirective extends IMaskDirective<any> {
     private _element;
     private labels;
     valueChange: EventEmitter<any>;
     dateFormat: DATE_FORMATS;
-    constructor(_element: ElementRef, _renderer: Renderer2, _factory: IMaskFactory, _platformId: string, _compositionMode: boolean, labels: NovoLabelService);
+    constructor(_element: ElementRef, _renderer: Renderer2, _factory: IMaskFactory, _compositionMode: boolean, labels: NovoLabelService);
     normalize(value: string): string;
     formatAsIso(date: Date): string;
     formatValue(value: any): string;
     writeValue(value: any): void;
     registerOnChange(fn: (_: any) => void): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NovoDateFormatDirective, [null, null, null, { optional: true; }, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NovoDateFormatDirective, [null, null, null, { optional: true; }, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NovoDateFormatDirective, "input[dateFormat]", never, { "dateFormat": "dateFormat"; }, {}, never>;
 }

package/src/elements/field/formats/date-range-format.d.ts

@@ -0,0 +1,35 @@
+import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { IMaskDirective, IMaskFactory } from 'angular-imask';
+import { NovoLabelService } from '../../../services/novo-label-service';
+import { DATE_FORMATS } from './base-format';
+import * as i0 from "@angular/core";
+export declare const DATERANGEFORMAT_VALUE_ACCESSOR: {
+    provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
+    useExisting: import("@angular/core").Type<any>;
+    multi: boolean;
+};
+declare type DateRange = {
+    startDate: Date;
+    endDate: Date;
+};
+export declare class NovoDateRangeFormatDirective extends IMaskDirective<any> {
+    private _element;
+    private labels;
+    valueChange: EventEmitter<any>;
+    dateRangeFormat: DATE_FORMATS;
+    constructor(_element: ElementRef, _renderer: Renderer2, _factory: IMaskFactory, _compositionMode: boolean, labels: NovoLabelService);
+    normalize(value: string | Date): string;
+    formatAsIso(value: DateRange): string;
+    formatValue(value: DateRange): string;
+    formatDate(source: Date | string): string;
+    writeValue(value: any): void;
+    registerOnChange(fn: (_: any) => void): void;
+    extractDatesFromInput(value: any): {
+        startDate: Date;
+        endDate: Date;
+    };
+    validate(dateStr: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NovoDateRangeFormatDirective, [null, null, null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NovoDateRangeFormatDirective, "input[dateRangeFormat]", never, { "dateRangeFormat": "dateRangeFormat"; }, {}, never>;
+}
+export {};

package/src/elements/field/formats/time-format.d.ts

@@ -20,7 +20,7 @@ export declare class NovoTimeFormatDirective extends IMaskDirective<any> impleme
     valueChange: EventEmitter<any>;
     military: boolean;
     timeFormat: TIME_FORMATS;
-    constructor(_element: ElementRef, _renderer: Renderer2, _factory: IMaskFactory, _platformId: string, _compositionMode: boolean, labels: NovoLabelService, cdr: ChangeDetectorRef);
+    constructor(_element: ElementRef, _renderer: Renderer2, _factory: IMaskFactory, _compositionMode: boolean, labels: NovoLabelService, cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     initFormatOptions(): void;
     _checkInput(event: InputEvent): void;
@@ -34,6 +34,6 @@ export declare class NovoTimeFormatDirective extends IMaskDirective<any> impleme
     writeValue(value: any): void;
     registerOnChange(fn: (date: any) => void): void;
     hourOneFormatRequired(hourInput: string): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NovoTimeFormatDirective, [null, null, null, { optional: true; }, { optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NovoTimeFormatDirective, [null, null, null, { optional: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NovoTimeFormatDirective, "input[timeFormat]", never, { "military": "military"; "timeFormat": "timeFormat"; }, {}, never>;
 }

package/src/elements/field/index.d.ts

@@ -6,6 +6,7 @@ export * from './field.module';
 export * from './fieldset';
 export * from './formats/base-format';
 export * from './formats/date-format';
+export * from './formats/date-range-format';
 export * from './formats/time-format';
 export * from './hint';
 export * from './input';

package/src/elements/field/toggle/picker-toggle.component.d.ts

@@ -1,4 +1,3 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { NovoButtonElement } from '../../button';
 import { NovoOverlayTemplateComponent } from '../../common/overlay';
@@ -9,6 +8,7 @@ export declare class NovoPickerToggleElement<T = any> implements AfterContentIni
     private cdr;
     private _formField;
     private _stateChanges;
+    private _onDestroy;
     /** Datepicker instance that the button will toggle. */
     picker: T;
     icon: string;
@@ -16,6 +16,10 @@ export declare class NovoPickerToggleElement<T = any> implements AfterContentIni
     tabIndex: number | null;
     /** Screenreader label for the button. */
     ariaLabel: string;
+    /** Determines whether the overlay is triggered on input focus or solely button click. */
+    triggerOnFocus: boolean;
+    /** An id to select the correct overlay.*/
+    overlayId: string;
     /** Whether the toggle button is disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
@@ -30,13 +34,13 @@ export declare class NovoPickerToggleElement<T = any> implements AfterContentIni
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
+    checkPanel(): void;
     togglePanel(event?: Event): void;
     /** BEGIN: Convenient Panel Methods. */
     openPanel(event?: Event): void;
     closePanel(event?: Event): void;
     get panelOpen(): boolean;
     private _watchStateChanges;
-    static ngAcceptInputType_disabled: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoPickerToggleElement<any>, [null, null, { attribute: "tabindex"; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NovoPickerToggleElement<any>, "novo-picker-toggle", ["novoPickerToggle"], { "picker": "for"; "icon": "icon"; "tabIndex": "tabIndex"; "ariaLabel": "aria-label"; "disabled": "disabled"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NovoPickerToggleElement<any>, "novo-picker-toggle", ["novoPickerToggle"], { "picker": "for"; "icon": "icon"; "tabIndex": "tabIndex"; "ariaLabel": "aria-label"; "triggerOnFocus": "triggerOnFocus"; "overlayId": "overlayId"; "disabled": "disabled"; }, {}, never, ["*"]>;
 }

package/src/elements/header/Header.d.ts

@@ -9,10 +9,11 @@ export declare class NovoUtilsComponent {
 }
 export declare class NovoUtilActionComponent {
     icon: string;
+    size: string;
     inverse: boolean;
     disabled: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoUtilActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NovoUtilActionComponent, "util-action, novo-action", never, { "icon": "icon"; "inverse": "inverse"; "disabled": "disabled"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NovoUtilActionComponent, "util-action, novo-action", never, { "icon": "icon"; "size": "size"; "inverse": "inverse"; "disabled": "disabled"; }, {}, never, ["*"]>;
 }
 export declare class NovoHeaderComponent {
     role: string;

package/src/elements/icon/Icon.d.ts

@@ -6,6 +6,7 @@ export declare class NovoIconComponent implements AfterViewInit {
     private cdr;
     raised: boolean;
     theme: string;
+    shape: string;
     color: string;
     role: string;
     ariaLabel: string;
@@ -22,5 +23,5 @@ export declare class NovoIconComponent implements AfterViewInit {
     ngAfterViewInit(): void;
     projectContentChanged(record: MutationRecord): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NovoIconComponent, "novo-icon", never, { "raised": "raised"; "theme": "theme"; "color": "color"; "size": "size"; "smaller": "smaller"; "larger": "larger"; "alt": "alt"; "name": "name"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NovoIconComponent, "novo-icon", never, { "raised": "raised"; "theme": "theme"; "shape": "shape"; "color": "color"; "size": "size"; "smaller": "smaller"; "larger": "larger"; "alt": "alt"; "name": "name"; }, {}, never, ["*"]>;
 }

package/src/elements/index.d.ts

@@ -36,6 +36,7 @@ export * from './picker';
 export * from './places';
 export * from './popover';
 export * from './progress';
+export * from './query-builder';
 export * from './quick-note';
 export * from './radio';
 export * from './search';

package/src/elements/modal/modal-container.component.d.ts

@@ -9,6 +9,8 @@ export declare class NovoModalContainerComponent {
     animationStateChanged: EventEmitter<AnimationEvent>;
     animationState: 'void' | 'enter' | 'leave';
     component: Portal<any>;
+    initTimestamp: number;
+    id: string;
     constructor(injector: Injector, modalRef: NovoModalRef);
     onAnimationStart(event: AnimationEvent): void;
     onAnimationDone(event: AnimationEvent): void;

package/src/elements/non-ideal-state/NonIdealState.d.ts

@@ -6,5 +6,5 @@ export declare class NonIdealStateElement {
     title: string;
     description: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NonIdealStateElement, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NonIdealStateElement, "novo-non-ideal-state", never, { "theme": "theme"; "icon": "icon"; "title": "title"; "description": "description"; }, {}, never, ["novo-icon,novo-loading,novo-avatar", "novo-title", "*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NonIdealStateElement, "novo-non-ideal-state", never, { "theme": "theme"; "icon": "icon"; "title": "title"; "description": "description"; }, {}, never, ["novo-icon", "novo-icon,novo-loading,novo-avatar", "novo-title", "novo-text", "*"]>;
 }

package/src/elements/picker/Picker.module.d.ts

@@ -9,14 +9,15 @@ import * as i7 from "./extras/distributionlist-picker-results/DistributionListPi
 import * as i8 from "./extras/workers-comp-codes-picker-results/WorkersCompCodesPickerResults";
 import * as i9 from "./extras/skills-picker-results/SkillsSpecialtyPickerResults";
 import * as i10 from "@angular/common";
-import * as i11 from "@angular/forms";
-import * as i12 from "../common/common.module";
-import * as i13 from "../loading/Loading.module";
-import * as i14 from "../list/List.module";
-import * as i15 from "../common/overlay/Overlay.module";
-import * as i16 from "../switch/Switch.module";
+import * as i11 from "../../pipes/Pipes.module";
+import * as i12 from "@angular/forms";
+import * as i13 from "../common/common.module";
+import * as i14 from "../loading/Loading.module";
+import * as i15 from "../list/List.module";
+import * as i16 from "../common/overlay/Overlay.module";
+import * as i17 from "../switch/Switch.module";
 export declare class NovoPickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoPickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoPickerModule, [typeof i1.NovoPickerElement, typeof i2.PickerResults, typeof i3.EntityPickerResult, typeof i3.EntityPickerResults, typeof i4.ChecklistPickerResults, typeof i5.GroupedMultiPickerResults, typeof i6.MixedMultiPickerResults, typeof i7.DistributionListPickerResults, typeof i8.WorkersCompCodesPickerResults, typeof i9.SkillsSpecialtyPickerResults], [typeof i10.CommonModule, typeof i11.FormsModule, typeof i12.NovoCommonModule, typeof i13.NovoLoadingModule, typeof i14.NovoListModule, typeof i15.NovoOverlayModule, typeof i16.NovoSwitchModule], [typeof i1.NovoPickerElement, typeof i2.PickerResults, typeof i3.EntityPickerResult, typeof i3.EntityPickerResults, typeof i4.ChecklistPickerResults, typeof i5.GroupedMultiPickerResults, typeof i6.MixedMultiPickerResults, typeof i7.DistributionListPickerResults, typeof i8.WorkersCompCodesPickerResults, typeof i9.SkillsSpecialtyPickerResults]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoPickerModule, [typeof i1.NovoPickerElement, typeof i2.PickerResults, typeof i3.EntityPickerResult, typeof i3.EntityPickerResults, typeof i4.ChecklistPickerResults, typeof i5.GroupedMultiPickerResults, typeof i6.MixedMultiPickerResults, typeof i7.DistributionListPickerResults, typeof i8.WorkersCompCodesPickerResults, typeof i9.SkillsSpecialtyPickerResults], [typeof i10.CommonModule, typeof i11.NovoPipesModule, typeof i12.FormsModule, typeof i13.NovoCommonModule, typeof i14.NovoLoadingModule, typeof i15.NovoListModule, typeof i16.NovoOverlayModule, typeof i17.NovoSwitchModule], [typeof i1.NovoPickerElement, typeof i2.PickerResults, typeof i3.EntityPickerResult, typeof i3.EntityPickerResults, typeof i4.ChecklistPickerResults, typeof i5.GroupedMultiPickerResults, typeof i6.MixedMultiPickerResults, typeof i7.DistributionListPickerResults, typeof i8.WorkersCompCodesPickerResults, typeof i9.SkillsSpecialtyPickerResults]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovoPickerModule>;
 }

package/src/elements/picker/extras/base-picker-results/BasePickerResults.d.ts

@@ -87,7 +87,7 @@ export declare class BasePickerResults {
      */
     escapeRegexp(queryToEscape: any): any;
     /**
-     * @description This function should return a <strong>-tag wrapped HTML string.
+     * @deprecated use highlight pipe
      */
     highlight(match: any, query: any): any;
     preselected(match: any): boolean;

package/src/elements/picker/extras/entity-picker-results/EntityPickerResults.d.ts

@@ -14,7 +14,7 @@ export declare class EntityPickerResult {
      */
     escapeRegexp(queryToEscape: any): any;
     /**
-     * @description This function should return a <strong>-tag wrapped HTML string.
+     * @deprecated use highlight pipe
      */
     highlight(match: any, query: any): any;
     getIconForResult(result?: any): string;

package/src/elements/query-builder/condition-builder/condition-builder.component.d.ts

@@ -0,0 +1,69 @@
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { AbstractControl, ControlContainer, FormControl } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import { QueryBuilderService } from '../query-builder.service';
+import { BaseFieldDef, FieldConfig, QueryFilterOutlet } from '../query-builder.types';
+import { NovoLabelService } from '../../../services';
+import * as i0 from "@angular/core";
+/**
+ * Provides a handle for the table to grab the view container's ng-container to insert data rows.
+ * @docs-private
+ */
+export declare class ConditionInputOutlet implements QueryFilterOutlet {
+    viewContainer: ViewContainerRef;
+    elementRef: ElementRef;
+    constructor(viewContainer: ViewContainerRef, elementRef: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConditionInputOutlet, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConditionInputOutlet, "[conditionInputOutlet]", never, {}, {}, never>;
+}
+/**
+ * Provides a handle for the table to grab the view container's ng-container to insert data rows.
+ * @docs-private
+ */
+export declare class ConditionOperatorOutlet implements QueryFilterOutlet {
+    viewContainer: ViewContainerRef;
+    elementRef: ElementRef;
+    constructor(viewContainer: ViewContainerRef, elementRef: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConditionOperatorOutlet, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConditionOperatorOutlet, "[conditionOperatorOutlet]", never, {}, {}, never>;
+}
+export declare class ConditionBuilderComponent implements OnInit, AfterContentInit, AfterViewInit, OnDestroy {
+    labels: NovoLabelService;
+    private cdr;
+    private qbs;
+    private controlContainer;
+    _operatorOutlet: ConditionOperatorOutlet;
+    _inputOutlet: ConditionInputOutlet;
+    label: any;
+    isFirst: boolean;
+    andIndex: number;
+    groupIndex: number;
+    parentForm: AbstractControl;
+    fieldConfig: FieldConfig<BaseFieldDef>;
+    searches: Subscription;
+    results$: Promise<any[]>;
+    searchTerm: FormControl;
+    fieldDisplayWith: any;
+    private _lastContext;
+    /** Subject that emits when the component has been destroyed. */
+    private readonly _onDestroy;
+    constructor(labels: NovoLabelService, cdr: ChangeDetectorRef, qbs: QueryBuilderService, controlContainer: ControlContainer);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Updates the Conditions "Field" Options to Change base on new Scope
+     * @param fieldConfig
+     */
+    changeFieldOptions(fieldConfig: FieldConfig<BaseFieldDef>): void;
+    getField(): BaseFieldDef;
+    getDefaultField(): string;
+    onFieldSelect(): void;
+    private findDefinitionForField;
+    private createFieldTemplates;
+    private createFieldOperators;
+    private createFieldInput;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConditionBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConditionBuilderComponent, "novo-condition-builder", never, { "label": "label"; "isFirst": "isFirst"; "andIndex": "andIndex"; "groupIndex": "groupIndex"; }, {}, never, ["*"]>;
+}