@skyux/lookup 8.8.0 → 8.9.0

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

@@ -38,7 +38,10 @@ export declare class SkyAutocompleteInputDirective implements OnInit, OnDestroy,
     setDisabledState(disabled: boolean): void;
     validate(control: AbstractControl): ValidationErrors | null;
     setActiveDescendant(descendantId: string | null): void;
-    setAriaOwns(overlayId: string | null): void;
+    /**
+     * Used to connect the input to the overlay.
+     */
+    setAriaControls(overlayId: string | null): void;
     onChange(value: any): void;
     onTouched(): void;
     onValidatorChange: () => void;

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

@@ -1,7 +1,7 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
 import { SkyAffixService, SkyOverlayService, SkyStackingContext } from '@skyux/core';
 import { SkyInputBoxHostService } from '@skyux/forms';
-import { Subject } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import { SkyAutocompleteAdapterService } from './autocomplete-adapter.service';
 import { SkyAutocompleteInputDirective } from './autocomplete-input.directive';
 import { SkyAutocompleteMessage } from './types/autocomplete-message';
@@ -52,7 +52,8 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
      * @internal
      * Whether to display a button in the dropdown that opens a picker where users can view all options.
      */
-    enableShowMore: boolean | undefined;
+    set enableShowMore(value: boolean | undefined);
+    get enableShowMore(): boolean;
     /**
      * The observable of `SkyAutocompleteMessage` that can close the dropdown.
      * @internal
@@ -114,7 +115,8 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
      * Whether to display a button that lets users add options to the data source.
      * @default false
      */
-    showAddButton: boolean | undefined;
+    set showAddButton(value: boolean | undefined);
+    get showAddButton(): boolean;
     /**
      * The text to display when no search results are found.
      * @default "No matches found"
@@ -146,6 +148,10 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
      * returned via an observable.
      */
     searchAsync: EventEmitter<SkyAutocompleteSearchAsyncArgs>;
+    /**
+     * @internal
+     */
+    openChange: EventEmitter<boolean>;
     get searchResults(): SkyAutocompleteSearchResult[];
     set searchResults(value: SkyAutocompleteSearchResult[]);
     get highlightText(): string[];
@@ -163,6 +169,7 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
     set resultsRef(value: ElementRef | undefined);
     get resultsRef(): ElementRef | undefined;
     searchOrDefault: SkyAutocompleteSearchFunction;
+    protected isDropdownVisible: Observable<boolean>;
     constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, affixService: SkyAffixService, adapterService: SkyAutocompleteAdapterService, overlayService: SkyOverlayService, inputBoxHostSvc?: SkyInputBoxHostService, stackingContext?: SkyStackingContext);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -173,6 +180,6 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
     onResultMouseMove(id: number): void;
     isElementFocused(ref: HTMLElement): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyAutocompleteComponent, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyAutocompleteComponent, "sky-autocomplete", never, { "ariaLabelledBy": "ariaLabelledBy"; "data": "data"; "debounceTime": "debounceTime"; "descriptorProperty": "descriptorProperty"; "enableShowMore": "enableShowMore"; "messageStream": "messageStream"; "wrapperClass": "wrapperClass"; "propertiesToSearch": "propertiesToSearch"; "search": "search"; "searchResultTemplate": "searchResultTemplate"; "searchTextMinimumCharacters": "searchTextMinimumCharacters"; "searchFilters": "searchFilters"; "searchResultsLimit": "searchResultsLimit"; "showAddButton": "showAddButton"; "noResultsFoundText": "noResultsFoundText"; "searchAsyncDisabled": "searchAsyncDisabled"; }, { "addClick": "addClick"; "showMoreClick": "showMoreClick"; "selectionChange": "selectionChange"; "searchAsync": "searchAsync"; }, ["inputDirective"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyAutocompleteComponent, "sky-autocomplete", never, { "ariaLabelledBy": "ariaLabelledBy"; "data": "data"; "debounceTime": "debounceTime"; "descriptorProperty": "descriptorProperty"; "enableShowMore": "enableShowMore"; "messageStream": "messageStream"; "wrapperClass": "wrapperClass"; "propertiesToSearch": "propertiesToSearch"; "search": "search"; "searchResultTemplate": "searchResultTemplate"; "searchTextMinimumCharacters": "searchTextMinimumCharacters"; "searchFilters": "searchFilters"; "searchResultsLimit": "searchResultsLimit"; "showAddButton": "showAddButton"; "noResultsFoundText": "noResultsFoundText"; "searchAsyncDisabled": "searchAsyncDisabled"; }, { "addClick": "addClick"; "showMoreClick": "showMoreClick"; "selectionChange": "selectionChange"; "searchAsync": "searchAsync"; "openChange": "openChange"; }, ["inputDirective"], ["*"], false, never>;
 }
 export {};

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

@@ -1,6 +1,5 @@
 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';
 import { SkyThemeService } from '@skyux/theme';
 import 'intl-tel-input';
@@ -56,7 +55,6 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
     selectedCountryChange: EventEmitter<SkyCountryFieldCountry>;
     countries: SkyCountryFieldCountry[];
     countrySearchFormControl: UntypedFormControl;
-    isInputFocused: boolean;
     searchTextMinimumCharacters: number;
     countrySearchAutocompleteDirective: SkyAutocompleteInputDirective | undefined;
     set selectedCountry(newCountry: SkyCountryFieldCountry | undefined);
@@ -66,7 +64,7 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
     inputId: string;
     inputTemplateRef: TemplateRef<unknown> | undefined;
     searchIconTemplateRef: TemplateRef<unknown> | undefined;
-    constructor(changeDetector: ChangeDetectorRef, elRef: ElementRef, windowRef: SkyAppWindowRef, injector: Injector, inputBoxHostSvc?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService);
+    constructor(changeDetector: ChangeDetectorRef, elRef: ElementRef, injector: Injector, inputBoxHostSvc?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService);
     /**
      * Angular lifecycle hook for when the component is initialized
      * @internal
@@ -97,6 +95,6 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
     setDisabledState(disabled: boolean): void;
     validate(control: AbstractControl): ValidationErrors | null;
     writeValue(value: SkyCountryFieldCountry | undefined): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyCountryFieldComponent, [null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyCountryFieldComponent, [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, never>;
 }

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

@@ -1,10 +1,7 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { SkyAppWindowRef, SkyLogService } from '@skyux/core';
 import { SkyInputBoxHostService } from '@skyux/forms';
-import { SkyLibResourcesService } from '@skyux/i18n';
 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';
@@ -12,8 +9,6 @@ import { SkyAutocompleteMessage } from '../autocomplete/types/autocomplete-messa
 import { SkyAutocompleteSearchAsyncArgs } from '../autocomplete/types/autocomplete-search-async-args';
 import { SkyAutocompleteSelectionChange } from '../autocomplete/types/autocomplete-selection-change';
 import { SkyAutocompleteShowMoreArgs } from '../autocomplete/types/autocomplete-show-more-args';
-import { SkySelectionModalService } from '../selection-modal/selection-modal.service';
-import { SkyLookupAdapterService } from './lookup-adapter.service';
 import { SkyLookupAutocompleteAdapter } from './lookup-autocomplete-adapter';
 import { SkyLookupAddClickEventArgs } from './types/lookup-add-click-event-args';
 import { SkyLookupSelectModeType } from './types/lookup-select-mode-type';
@@ -97,6 +92,10 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
      * Fires when users select the button to add options to the list.
      */
     addClick: EventEmitter<SkyLookupAddClickEventArgs>;
+    /**
+     * @internal
+     */
+    openChange: EventEmitter<boolean>;
     get tokens(): SkyToken[] | undefined;
     set tokens(value: SkyToken[] | undefined);
     get value(): any[];
@@ -112,7 +111,7 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
     inputTemplateRef: TemplateRef<unknown> | undefined;
     lookupWrapperRef: ElementRef | undefined;
     searchIconTemplateRef: TemplateRef<unknown> | undefined;
-    constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, windowRef: SkyAppWindowRef, adapter: SkyLookupAdapterService, modalService: SkyModalService, resourcesService: SkyLibResourcesService, selectionModalSvc: SkySelectionModalService, logSvc: SkyLogService, ngControl?: NgControl, inputBoxHostSvc?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService | undefined);
+    constructor(ngControl?: NgControl, inputBoxHostSvc?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService | undefined);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -135,7 +134,8 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
     onSearchButtonClick(): void;
     onShowMoreClick(event: SkyAutocompleteShowMoreArgs): void;
     openPicker(initialSearch: string): void;
+    protected onAutocompleteOpenChange($event: boolean): void;
     onSearchAsync(args: SkyAutocompleteSearchAsyncArgs): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupComponent, [null, null, null, null, null, null, null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyLookupComponent, "sky-lookup", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "autocompleteAttribute": "autocompleteAttribute"; "data": "data"; "disabled": "disabled"; "enableShowMore": "enableShowMore"; "placeholderText": "placeholderText"; "idProperty": "idProperty"; "showAddButton": "showAddButton"; "showMoreConfig": "showMoreConfig"; "selectMode": "selectMode"; "wrapperClass": "wrapperClass"; }, { "addClick": "addClick"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupComponent, [{ optional: true; self: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyLookupComponent, "sky-lookup", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "autocompleteAttribute": "autocompleteAttribute"; "data": "data"; "disabled": "disabled"; "enableShowMore": "enableShowMore"; "placeholderText": "placeholderText"; "idProperty": "idProperty"; "showAddButton": "showAddButton"; "showMoreConfig": "showMoreConfig"; "selectMode": "selectMode"; "wrapperClass": "wrapperClass"; }, { "addClick": "addClick"; "openChange": "openChange"; }, never, never, false, never>;
 }

package/package.json

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

package/testing/autocomplete/autocomplete-input-harness.d.ts

@@ -36,7 +36,7 @@ export declare class SkyAutocompleteInputHarness extends ComponentHarness {
      */
     isFocused(): Promise<boolean>;
     /**
-     * Returns the value of the input's `aria-owns` attribute.
+     * Returns the value of the input's `aria-controls` attribute.
      */
-    getAriaOwns(): Promise<string | null>;
+    getAriaControls(): Promise<string | null>;
 }