@skyux/lookup 7.0.0-beta.2 → 7.0.0-beta.3

package/lib/modules/autocomplete/autocomplete-input.directive.d.ts

@@ -15,7 +15,7 @@ export declare class SkyAutocompleteInputDirective implements OnInit, OnDestroy,
      * Indicates whether to disable the autocomplete field.
      * @default false
      */
-    set disabled(value: boolean);
+    set disabled(value: boolean | undefined);
     get disabled(): boolean;
     get blur(): Observable<void>;
     get displayWith(): string;

package/lib/modules/autocomplete/autocomplete-search-async-disabled.pipe.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyAutcompleteSearchAsyncDisabledPipe implements PipeTransform {
-    transform(searchAsync: EventEmitter<SkyAutocompleteSearchAsyncArgs>, searchAsyncDisabled: boolean): boolean;
+    transform(searchAsync: EventEmitter<SkyAutocompleteSearchAsyncArgs>, searchAsyncDisabled: boolean | undefined): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyAutcompleteSearchAsyncDisabledPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SkyAutcompleteSearchAsyncDisabledPipe, "skyAutocompleteSearchAsyncDisabled", false>;
 }

package/lib/modules/autocomplete/autocomplete.component.d.ts

@@ -3,6 +3,7 @@ import { SkyAffixService, SkyOverlayService } from '@skyux/core';
 import { SkyInputBoxHostService } from '@skyux/forms';
 import { Subject } from 'rxjs';
 import { SkyAutocompleteAdapterService } from './autocomplete-adapter.service';
+import { SkyAutocompleteInputDirective } from './autocomplete-input.directive';
 import { SkyAutocompleteMessage } from './types/autocomplete-message';
 import { SkyAutocompleteSearchAsyncArgs } from './types/autocomplete-search-async-args';
 import { SkyAutocompleteSearchFunction } from './types/autocomplete-search-function';
@@ -50,7 +51,7 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
      * @internal
      * Indicates whether to display a button in the dropdown that opens a picker where users can view all options.
      */
-    enableShowMore: boolean;
+    enableShowMore: boolean | undefined;
     /**
      * Specifies an observable of `SkyAutocompleteMessage` that can close the dropdown.
      * @internal
@@ -64,6 +65,7 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
     /**
      * Specifies the object properties to search.
      * @default ["name"]
+     * @deprecated We recommend against using this property. To search specific properties, use the `searchAsync` event instead.
      */
     set propertiesToSearch(value: string[] | undefined);
     get propertiesToSearch(): string[];
@@ -71,12 +73,11 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
      * Specifies a function to dynamically manage the data source when users
      * change the text in the autocomplete field. The search function must return
      * an array or a promise of an array. The `search` property is particularly
-     * useful when the data source does not live in the source code. If the
-     * search requires calling a remote data source, use `searchAsync` instead of
-     * `search`.
+     * useful when the data source does not live in the source code.
+     * @deprecated We recommend against using this property. To call a remote data source, use the `searchAsync` event instead.
      */
     set search(value: SkyAutocompleteSearchFunction | undefined);
-    get search(): SkyAutocompleteSearchFunction;
+    get search(): SkyAutocompleteSearchFunction | undefined;
     /**
      * Specifies a template to format each search result in the dropdown list.
      * The autocomplete component injects search result values into the template
@@ -97,19 +98,22 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
      * using the `search` property to specify a custom search function, you must
      * manually apply filters inside that function. The function must return `true`
      * or `false` for each result to indicate whether to display it in the dropdown list.
+     * @deprecated We recommend against using this property. To filter results, use the `searchAsync` event instead.
      */
-    searchFilters: SkyAutocompleteSearchFunctionFilter[] | undefined;
+    set searchFilters(value: SkyAutocompleteSearchFunctionFilter[] | undefined);
+    get searchFilters(): SkyAutocompleteSearchFunctionFilter[] | undefined;
     /**
      * Specifies the maximum number of search results to display in the dropdown list.
      * By default, the component displays all matching results.
      */
     set searchResultsLimit(value: number | undefined);
-    get searchResultsLimit(): number | undefined;
+    get searchResultsLimit(): number;
     /**
      * @internal
      * Indicates whether to display a button that lets users add options to the data source.
+     * @default false
      */
-    showAddButton: boolean;
+    showAddButton: boolean | undefined;
     /**
      * Specifies the text to display when no search results are found.
      * @default "No matches found"
@@ -119,8 +123,9 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
      * @internal
      * Allows async search to be disabled even when a listener is specified for
      * the `searchAsync` output.
+     * @default false
      */
-    searchAsyncDisabled: boolean;
+    searchAsyncDisabled: boolean | undefined;
     /**
      * @internal
      * Fires when users select the button to add options to the data source.
@@ -151,11 +156,12 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
     get showActionsArea(): boolean;
     isSearchingAsync: boolean;
     searchResultsCount: number | undefined;
-    private set inputDirective(value);
-    private get inputDirective();
-    private resultsTemplateRef;
-    private set resultsRef(value);
-    private get resultsRef();
+    set inputDirective(directive: SkyAutocompleteInputDirective | undefined);
+    get inputDirective(): SkyAutocompleteInputDirective | undefined;
+    resultsTemplateRef: TemplateRef<unknown> | undefined;
+    set resultsRef(value: ElementRef | undefined);
+    get resultsRef(): ElementRef | undefined;
+    searchOrDefault: SkyAutocompleteSearchFunction;
     constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, affixService: SkyAffixService, adapterService: SkyAutocompleteAdapterService, overlayService: SkyOverlayService, inputBoxHostSvc?: SkyInputBoxHostService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/lib/modules/autocomplete/types/autocomplete-default-search-function-options.d.ts

@@ -3,7 +3,7 @@ import { SkyAutocompleteSearchFunctionFilter } from './autocomplete-search-funct
  * @internal
  */
 export interface SkyAutocompleteDefaultSearchFunctionOptions {
-    propertiesToSearch?: string[];
+    propertiesToSearch: string[];
     searchFilters?: SkyAutocompleteSearchFunctionFilter[];
     /** @deprecated */
     searchResultsLimit?: number;

package/lib/modules/country-field/country-field.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, UntypedFormControl, ValidationErrors, Validator } from '@angular/forms';
 import { SkyAppWindowRef } from '@skyux/core';
 import { SkyInputBoxHostService } from '@skyux/forms';
@@ -13,7 +13,6 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
     inputBoxHostSvc?: SkyInputBoxHostService | undefined;
     /**
      * Specifies the value for the `autocomplete` attribute on the form input.
-     * @default "off"
      */
     autocompleteAttribute: string | undefined;
     /**
@@ -28,17 +27,19 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
      * Indicates whether to disable the country field.
      * @default false
      */
-    set disabled(isDisabled: boolean);
+    set disabled(isDisabled: boolean | undefined);
     get disabled(): boolean;
     /**
      * Indicates whether to hide the flag in the input element.
+     * @default false
      */
-    hideSelectedCountryFlag: boolean;
+    set hideSelectedCountryFlag(value: boolean | undefined);
+    get hideSelectedCountryFlag(): boolean;
     /**
      * Indicates whether to include phone information in the selected country and country dropdown.
      * @default false
      */
-    set includePhoneInfo(value: boolean);
+    set includePhoneInfo(value: boolean | undefined);
     get includePhoneInfo(): boolean;
     /**
      * Specifies the [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)
@@ -59,8 +60,8 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
     get selectedCountry(): SkyCountryFieldCountry | undefined;
     currentTheme: string;
     inputId: string;
-    private inputTemplateRef;
-    private searchIconTemplateRef;
+    inputTemplateRef: TemplateRef<unknown> | undefined;
+    searchIconTemplateRef: TemplateRef<unknown> | undefined;
     constructor(changeDetector: ChangeDetectorRef, elRef: ElementRef, windowRef: SkyAppWindowRef, injector: Injector, inputBoxHostSvc?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService);
     /**
      * Angular lifecycle hook for when the component is initialized
@@ -92,7 +93,6 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
     setDisabledState(disabled: boolean): void;
     validate(control: AbstractControl): ValidationErrors | null;
     writeValue(value: SkyCountryFieldCountry | undefined): void;
-    private addEventListeners;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyCountryFieldComponent, [null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyCountryFieldComponent, "sky-country-field", never, { "autocompleteAttribute": "autocompleteAttribute"; "defaultCountry": "defaultCountry"; "disabled": "disabled"; "hideSelectedCountryFlag": "hideSelectedCountryFlag"; "includePhoneInfo": "includePhoneInfo"; "supportedCountryISOs": "supportedCountryISOs"; }, { "selectedCountryChange": "selectedCountryChange"; }, never, never, false>;
 }

package/lib/modules/lookup/lookup-autocomplete-adapter.d.ts

@@ -19,13 +19,13 @@ export declare class SkyLookupAutocompleteAdapter {
      * select an item in the dropdown list.
      * @default "name"
      */
-    set descriptorProperty(value: string);
+    set descriptorProperty(value: string | undefined);
     get descriptorProperty(): string;
     /**
      * Specifies an array of object properties to search.
      * @default ["name"]
      */
-    set propertiesToSearch(value: string[]);
+    set propertiesToSearch(value: string[] | undefined);
     get propertiesToSearch(): string[];
     /**
      * Specifies a function to dynamically manage the data source when users
@@ -35,8 +35,8 @@ export declare class SkyLookupAutocompleteAdapter {
      * search requires calling a remote data source, use `searchAsync` instead of
      * `search`.
      */
-    set search(value: SkyAutocompleteSearchFunction);
-    get search(): SkyAutocompleteSearchFunction;
+    set search(value: SkyAutocompleteSearchFunction | undefined);
+    get search(): SkyAutocompleteSearchFunction | undefined;
     /**
      * Specifies a template to format each option in the dropdown list. The lookup component
      * injects values into the template as `item` variables that reference all the object
@@ -57,7 +57,8 @@ export declare class SkyLookupAutocompleteAdapter {
      * applied manually inside that function. The function must return `true` or
      * `false` for each result to indicate whether to display it in the dropdown list.
      */
-    searchFilters: SkyAutocompleteSearchFunctionFilter[] | undefined;
+    set searchFilters(value: SkyAutocompleteSearchFunctionFilter[] | undefined);
+    get searchFilters(): SkyAutocompleteSearchFunctionFilter[] | undefined;
     /**
      * Specifies the maximum number of search results to display in the dropdown
      * list. By default, the lookup component displays all matching results.
@@ -68,6 +69,7 @@ export declare class SkyLookupAutocompleteAdapter {
      * returned via an observable.
      */
     searchAsync: EventEmitter<SkyAutocompleteSearchAsyncArgs>;
+    searchOrDefault: SkyAutocompleteSearchFunction;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupAutocompleteAdapter, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SkyLookupAutocompleteAdapter, never, never, { "debounceTime": "debounceTime"; "descriptorProperty": "descriptorProperty"; "propertiesToSearch": "propertiesToSearch"; "search": "search"; "searchResultTemplate": "searchResultTemplate"; "searchTextMinimumCharacters": "searchTextMinimumCharacters"; "searchFilters": "searchFilters"; "searchResultsLimit": "searchResultsLimit"; }, { "searchAsync": "searchAsync"; }, never, never, false>;
 }

package/lib/modules/lookup/lookup.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { SkyAppWindowRef } from '@skyux/core';
 import { SkyInputBoxHostService } from '@skyux/forms';
@@ -7,6 +7,7 @@ import { SkyToken, SkyTokensMessage } from '@skyux/indicators';
 import { SkyModalService } from '@skyux/modals';
 import { SkyThemeService } from '@skyux/theme';
 import { Subject } from 'rxjs';
+import { SkyAutocompleteInputDirective } from '../autocomplete/autocomplete-input.directive';
 import { SkyAutocompleteMessage } from '../autocomplete/types/autocomplete-message';
 import { SkyAutocompleteSearchAsyncArgs } from '../autocomplete/types/autocomplete-search-async-args';
 import { SkyAutocompleteSelectionChange } from '../autocomplete/types/autocomplete-selection-change';
@@ -36,7 +37,6 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
     ariaLabelledBy: string | undefined;
     /**
      * Specifies the value for the `autocomplete` attribute on the form input.
-     * @default "off"
      */
     autocompleteAttribute: string | undefined;
     /**
@@ -49,12 +49,16 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
     get data(): any[];
     /**
      * Indicates whether to disable the lookup field.
+     * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean | undefined);
+    get disabled(): boolean;
     /**
      * Indicates whether to enable users to open a picker where they can view all options.
+     * @default false
      */
-    enableShowMore: boolean;
+    set enableShowMore(value: boolean | undefined);
+    get enableShowMore(): boolean;
     /**
      * Specifies placeholder text to display in the lookup field.
      */
@@ -67,8 +71,10 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
     idProperty: string | undefined;
     /**
      * Indicates whether to display a button that lets users add options to the list.
+     * @default false
      */
-    showAddButton: boolean;
+    set showAddButton(value: boolean | undefined);
+    get showAddButton(): boolean;
     /**
      * Specifies configuration options for the picker that displays all options.
      */
@@ -95,12 +101,12 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
     isInputFocused: boolean;
     showMorePickerId: string | undefined;
     tokensController: Subject<SkyTokensMessage>;
-    private set autocompleteInputDirective(value);
-    private get autocompleteInputDirective();
-    private showMoreButtonTemplateRef;
-    private inputTemplateRef;
-    private lookupWrapperRef;
-    private searchIconTemplateRef;
+    set autocompleteInputDirective(value: SkyAutocompleteInputDirective | undefined);
+    get autocompleteInputDirective(): SkyAutocompleteInputDirective | undefined;
+    showMoreButtonTemplateRef: TemplateRef<unknown> | undefined;
+    inputTemplateRef: TemplateRef<unknown> | undefined;
+    lookupWrapperRef: ElementRef | undefined;
+    searchIconTemplateRef: TemplateRef<unknown> | undefined;
     constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, windowRef: SkyAppWindowRef, adapter: SkyLookupAdapterService, modalService: SkyModalService, resourcesService: SkyLibResourcesService, ngControl?: NgControl, inputBoxHostSvc?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService | undefined);
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/lib/modules/lookup/types/lookup-show-more-native-picker-async-context.d.ts

@@ -14,4 +14,5 @@ export declare class SkyLookupShowMoreNativePickerAsyncContext {
     selectMode: SkyLookupSelectModeType;
     showAddButton: boolean;
     userConfig: SkyLookupShowMoreNativePickerConfig;
+    constructor(descriptorProperty: string, idProperty: string, initialSearch: string, initialValue: any[], searchAsync: SkyAutocompleteSearchAsyncFunction, selectMode: SkyLookupSelectModeType, showAddButton: boolean, userConfig: SkyLookupShowMoreNativePickerConfig);
 }

package/lib/modules/lookup/types/lookup-show-more-native-picker-context.d.ts

@@ -14,4 +14,5 @@ export declare class SkyLookupShowMoreNativePickerContext {
     selectMode: SkyLookupSelectModeType;
     showAddButton: boolean;
     userConfig: SkyLookupShowMoreNativePickerConfig;
+    constructor(descriptorProperty: string, initialSearch: string, initialValue: any[], items: any[], search: SkyAutocompleteSearchFunction, selectMode: SkyLookupSelectModeType, showAddButton: boolean, userConfig: SkyLookupShowMoreNativePickerConfig);
 }

package/lib/modules/search/search.component.d.ts

@@ -29,15 +29,20 @@ export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges
      * devices, and `"fit"` to extend the search input to fit the width of its container.
      * @default "responsive"
      */
-    expandMode: string;
+    set expandMode(value: string | undefined);
+    get expandMode(): string;
     /**
      * Specifies how many milliseconds to wait before searching after users enter text in the search input.
+     * @default 0
      */
-    debounceTime: number;
+    set debounceTime(value: number | undefined);
+    get debounceTime(): number;
     /**
      * Indicates whether to disable the filter button.
+     * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean | undefined);
+    get disabled(): boolean;
     /**
      * Specifies placeholder text to display in the search input until users
      * enter search criteria.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/lookup",
-  "version": "7.0.0-beta.2",
+  "version": "7.0.0-beta.3",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -46,15 +46,15 @@
     "@angular/core": "^14.2.0",
     "@angular/forms": "^14.2.0",
     "@angular/platform-browser": "^14.2.0",
-    "@skyux-sdk/testing": "7.0.0-beta.2",
-    "@skyux/core": "7.0.0-beta.2",
-    "@skyux/forms": "7.0.0-beta.2",
-    "@skyux/i18n": "7.0.0-beta.2",
-    "@skyux/indicators": "7.0.0-beta.2",
-    "@skyux/layout": "7.0.0-beta.2",
-    "@skyux/lists": "7.0.0-beta.2",
-    "@skyux/modals": "7.0.0-beta.2",
-    "@skyux/theme": "7.0.0-beta.2"
+    "@skyux-sdk/testing": "7.0.0-beta.3",
+    "@skyux/core": "7.0.0-beta.3",
+    "@skyux/forms": "7.0.0-beta.3",
+    "@skyux/i18n": "7.0.0-beta.3",
+    "@skyux/indicators": "7.0.0-beta.3",
+    "@skyux/layout": "7.0.0-beta.3",
+    "@skyux/lists": "7.0.0-beta.3",
+    "@skyux/modals": "7.0.0-beta.3",
+    "@skyux/theme": "7.0.0-beta.3"
   },
   "dependencies": {
     "intl-tel-input": "17.0.19",

package/testing/country-field/country-field-fixture.d.ts

@@ -4,8 +4,7 @@ import { ComponentFixture } from '@angular/core/testing';
  * @internal
  */
 export declare class SkyCountryFieldFixture {
-    private fixture;
-    private debugEl;
+    #private;
     /**
      * The value of the input field's autocomplete attribute.
      */
@@ -40,11 +39,4 @@ export declare class SkyCountryFieldFixture {
      * Clears the country selection and input field.
      */
     clear(): Promise<void>;
-    private getCountryFlag;
-    private getAutocompleteElement;
-    private getInputElement;
-    private blurInput;
-    private enterSearch;
-    private searchAndGetResults;
-    private searchAndSelect;
 }

package/testing/search/search-fixture.d.ts

@@ -5,6 +5,7 @@ import { ComponentFixture } from '@angular/core/testing';
  * @internal
  */
 export declare class SkySearchFixture {
+    #private;
     /**
      * Gets the search's current text.
      */
@@ -13,7 +14,6 @@ export declare class SkySearchFixture {
      * Gets the search's current placeholder text.
      */
     get placeholderText(): string;
-    private debugEl;
     constructor(fixture: ComponentFixture<any>, skyTestId: string);
     /**
      * Applies the specified search text, invoking the search.
@@ -26,7 +26,4 @@ export declare class SkySearchFixture {
      * not currently applied, an error is thrown.
      */
     clear(): void;
-    private getApplyBtnEl;
-    private getClearBtnEl;
-    private getInputEl;
 }