@skyux/lookup 8.8.1 → 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"
@@ -167,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;

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';
@@ -116,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;
@@ -141,6 +136,6 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
     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 ɵ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.1",
+  "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.1",
-    "@skyux/core": "8.8.1",
-    "@skyux/forms": "8.8.1",
-    "@skyux/i18n": "8.8.1",
-    "@skyux/indicators": "8.8.1",
-    "@skyux/layout": "8.8.1",
-    "@skyux/lists": "8.8.1",
-    "@skyux/modals": "8.8.1",
-    "@skyux/theme": "8.8.1"
+    "@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>;
 }