novo-elements 10.18.0-next.2 → 10.18.0-next.4

package/elements/common/option/option.component.d.ts

@@ -31,6 +31,7 @@ export declare class NovoOptionBase implements FocusableOption, AfterViewChecked
     keepOpen: boolean;
     novoInert: boolean;
     allowSelection: boolean;
+    customViewValue: string;
     /** If there is no parent then nothing is managing the selection. */
     get selectable(): NovoOptionParentComponent;
     /** Whether the wrapping component is in multiple selection mode. */
@@ -110,7 +111,7 @@ export declare class NovoOptionBase implements FocusableOption, AfterViewChecked
     /** Emits the selection change event. */
     private _emitSelectionChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoOptionBase, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NovoOptionBase, never, never, { "keepOpen": { "alias": "keepOpen"; "required": false; }; "novoInert": { "alias": "novoInert"; "required": false; }; "allowSelection": { "alias": "allowSelection"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NovoOptionBase, never, never, { "keepOpen": { "alias": "keepOpen"; "required": false; }; "novoInert": { "alias": "novoInert"; "required": false; }; "allowSelection": { "alias": "allowSelection"; "required": false; }; "customViewValue": { "alias": "customViewValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, never, false, never>;
 }
 /**
  * Single option inside of a `<novo-select>` element.

package/elements/common/option/option.component.scss

@@ -28,7 +28,7 @@ $novo-menu-side-padding: 0.5rem;
     background: rgba($ocean, 0.3);
   }
 
-  &.novo-selected {
+  &.novo-selected, .add-icon {
     color: $positive;
   }
 

package/elements/query-builder/condition-definitions/picker-condition.definition.d.ts

@@ -1,13 +1,21 @@
 import { NovoLabelService } from 'novo-elements/services';
-import { Operator } from '../query-builder.types';
+import { BaseFieldDef, Operator } from '../query-builder.types';
 import { AbstractConditionFieldDef } from './abstract-condition.definition';
+import { NovoSelectElement } from 'novo-elements/elements/select';
 import * as i0 from "@angular/core";
+type FieldOption = BaseFieldDef['options'][number];
 /**
  * Handle selection of field values when a list of options is provided.
  */
 export declare class NovoDefaultPickerConditionDef extends AbstractConditionFieldDef {
     defaultOperator: Operator;
     constructor(labelService: NovoLabelService);
+    showAddOption(meta: any, select: any, filterValue: string): boolean;
+    optionTracker(option: FieldOption): string;
+    hideOption(option: FieldOption, filterValue: string): boolean;
+    customOptions(options: FieldOption[], select: NovoSelectElement): FieldOption[];
+    applyCustomItem(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoDefaultPickerConditionDef, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NovoDefaultPickerConditionDef, "novo-picker-condition-def", never, {}, {}, never, never, false, never>;
 }
+export {};

package/elements/select/Select.d.ts

@@ -1,6 +1,6 @@
 import { ActiveDescendantKeyManager, FocusMonitor } from '@angular/cdk/a11y';
 import { SelectionModel } from '@angular/cdk/collections';
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { Observable, Subject } from 'rxjs';
 import { NovoLabelService } from 'novo-elements/services';
@@ -34,6 +34,7 @@ export declare class NovoSelectElement extends NovoSelectMixins implements OnIni
     ref: ChangeDetectorRef;
     private focusMonitor;
     private ngZone;
+    private injector;
     private _fieldElement;
     private _uniqueId;
     private _stateChanges;
@@ -98,6 +99,8 @@ export declare class NovoSelectElement extends NovoSelectMixins implements OnIni
     optionGroups: QueryList<NovoOptgroup>;
     contentOptions: QueryList<NovoOption>;
     viewOptions: QueryList<NovoOption>;
+    viewOptionsSignal: import("@angular/core").WritableSignal<NovoOption[]>;
+    contentOptionsSignal: import("@angular/core").WritableSignal<NovoOption[]>;
     hideLegacyOptionsForSearch: import("@angular/core").WritableSignal<boolean>;
     hideLegacyOptions: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     private displayLegacyOptions;
@@ -126,7 +129,7 @@ export declare class NovoSelectElement extends NovoSelectMixins implements OnIni
     get selected(): NovoOption | NovoOption[];
     /** The value displayed in the trigger. */
     get displayValue(): string;
-    constructor(elementRef: ElementRef, labels: NovoLabelService, ref: ChangeDetectorRef, focusMonitor: FocusMonitor, ngZone: NgZone, defaultErrorStateMatcher: ErrorStateMatcher, ngControl: NgControl, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, _fieldElement: NovoFieldElement);
+    constructor(elementRef: ElementRef, labels: NovoLabelService, ref: ChangeDetectorRef, focusMonitor: FocusMonitor, ngZone: NgZone, injector: Injector, defaultErrorStateMatcher: ErrorStateMatcher, ngControl: NgControl, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, _fieldElement: NovoFieldElement);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -178,6 +181,7 @@ export declare class NovoSelectElement extends NovoSelectMixins implements OnIni
      */
     focus(options?: FocusOptions): void;
     protected _getOptions(): NovoOption[];
+    protected _optionsComputed: import("@angular/core").Signal<NovoOption[]>;
     /** Sorts the selected values in the selected based on their order in the panel. */
     private _sortValues;
     /** Emits change event to set the model value. */
@@ -207,7 +211,7 @@ export declare class NovoSelectElement extends NovoSelectMixins implements OnIni
     saveHeader(): void;
     /** Determines the `aria-activedescendant` to be set on the host. */
     _getAriaActiveDescendant(): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NovoSelectElement, [null, null, null, null, null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NovoSelectElement, [null, null, null, null, null, null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NovoSelectElement, "novo-select", never, { "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "headerConfig": { "alias": "headerConfig"; "required": false; }; "position": { "alias": "position"; "required": false; }; "overlayWidth": { "alias": "overlayWidth"; "required": false; }; "overlayHeight": { "alias": "overlayHeight"; "required": false; }; "displayIcon": { "alias": "displayIcon"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "hideLegacyOptions": { "alias": "hideLegacyOptions"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "onSelect": "onSelect"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; "openedChange": "openedChange"; "_openedStream": "opened"; "_closedStream": "closed"; }, ["optionGroups", "contentOptions"], ["*"], false, never>;
 }
 export {};

package/elements/select-search/select-search.component.d.ts

@@ -117,6 +117,8 @@ export declare class NovoSelectSearchComponent implements OnInit, OnDestroy, Con
     disableInitialFocus: boolean;
     /** Enable clear input on escape pressed */
     enableClearOnEscapePressed: boolean;
+    /** Allow user to uncheck a value while filtering. */
+    allowDeselectDuringFilter: boolean;
     /**
      * Prevents home / end key being propagated to novo-select,
      * allowing to move the cursor within the search input instead of navigating the options
@@ -156,15 +158,16 @@ export declare class NovoSelectSearchComponent implements OnInit, OnDestroy, Con
     get value(): string;
     private _lastExternalInputValue;
     onTouched: Function;
+    _formControl: FormControl;
     /** Reference to the NovoSelectElement options */
     set _options(_options: QueryList<NovoOption>);
     get _options(): QueryList<NovoOption>;
     _options$: BehaviorSubject<QueryList<NovoOption>>;
+    private _filterFinishedRerender;
     private optionsList$;
     private optionsLength$;
     /** Previously selected values when using <novo-select [multiple]="true">*/
     private previousSelectedValues;
-    _formControl: FormControl;
     /** whether to show the no entries found message */
     _showNoEntriesFound$: Observable<boolean>;
     /** Subject that emits when the component has been destroyed. */
@@ -232,5 +235,5 @@ export declare class NovoSelectSearchComponent implements OnInit, OnDestroy, Con
      */
     private getOptionsLengthOffset;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoSelectSearchComponent, [null, null, null, { optional: true; }, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NovoSelectSearchComponent, "novo-select-search", never, { "name": { "alias": "name"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "type": { "alias": "type"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "indexAndLengthScreenReaderText": { "alias": "indexAndLengthScreenReaderText"; "required": false; }; "clearSearchInput": { "alias": "clearSearchInput"; "required": false; }; "searching": { "alias": "searching"; "required": false; }; "disableInitialFocus": { "alias": "disableInitialFocus"; "required": false; }; "enableClearOnEscapePressed": { "alias": "enableClearOnEscapePressed"; "required": false; }; "preventHomeEndKeyPropagation": { "alias": "preventHomeEndKeyPropagation"; "required": false; }; "disableScrollToActiveOnOptionsChanged": { "alias": "disableScrollToActiveOnOptionsChanged"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "showToggleAllCheckbox": { "alias": "showToggleAllCheckbox"; "required": false; }; "toggleAllCheckboxChecked": { "alias": "toggleAllCheckboxChecked"; "required": false; }; "toggleAllCheckboxIndeterminate": { "alias": "toggleAllCheckboxIndeterminate"; "required": false; }; "toggleAllCheckboxTooltipMessage": { "alias": "toggleAllCheckboxTooltipMessage"; "required": false; }; "toogleAllCheckboxTooltipPosition": { "alias": "toogleAllCheckboxTooltipPosition"; "required": false; }; "hideClearSearchButton": { "alias": "hideClearSearchButton"; "required": false; }; "alwaysRestoreSelectedOptionsMulti": { "alias": "alwaysRestoreSelectedOptionsMulti"; "required": false; }; }, { "toggleAll": "toggleAll"; }, ["clearIcon"], ["[novoSelectSearchClear]", ".novo-select-search-custom-header-content"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NovoSelectSearchComponent, "novo-select-search", never, { "name": { "alias": "name"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "type": { "alias": "type"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "indexAndLengthScreenReaderText": { "alias": "indexAndLengthScreenReaderText"; "required": false; }; "clearSearchInput": { "alias": "clearSearchInput"; "required": false; }; "searching": { "alias": "searching"; "required": false; }; "disableInitialFocus": { "alias": "disableInitialFocus"; "required": false; }; "enableClearOnEscapePressed": { "alias": "enableClearOnEscapePressed"; "required": false; }; "allowDeselectDuringFilter": { "alias": "allowDeselectDuringFilter"; "required": false; }; "preventHomeEndKeyPropagation": { "alias": "preventHomeEndKeyPropagation"; "required": false; }; "disableScrollToActiveOnOptionsChanged": { "alias": "disableScrollToActiveOnOptionsChanged"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "showToggleAllCheckbox": { "alias": "showToggleAllCheckbox"; "required": false; }; "toggleAllCheckboxChecked": { "alias": "toggleAllCheckboxChecked"; "required": false; }; "toggleAllCheckboxIndeterminate": { "alias": "toggleAllCheckboxIndeterminate"; "required": false; }; "toggleAllCheckboxTooltipMessage": { "alias": "toggleAllCheckboxTooltipMessage"; "required": false; }; "toogleAllCheckboxTooltipPosition": { "alias": "toogleAllCheckboxTooltipPosition"; "required": false; }; "hideClearSearchButton": { "alias": "hideClearSearchButton"; "required": false; }; "alwaysRestoreSelectedOptionsMulti": { "alias": "alwaysRestoreSelectedOptionsMulti"; "required": false; }; }, { "toggleAll": "toggleAll"; }, ["clearIcon"], ["[novoSelectSearchClear]", ".novo-select-search-custom-header-content"], false, never>;
 }