@skyux/lookup 8.8.1 → 8.10.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/lib/modules/search/search.component.d.ts

@@ -6,6 +6,21 @@ import { SkySearchAdapterService } from './search-adapter.service';
 import * as i0 from "@angular/core";
 export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges {
     #private;
+    /**
+     * The ARIA label for the search. This sets the search's `aria-label` attribute to provide a text equivalent for screen readers
+     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
+     * If the box includes a visible label, use `ariaLabelledBy` instead.
+     * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
+     */
+    ariaLabel: string | undefined;
+    /**
+     * The HTML element ID of the element that labels
+     * the search. This sets the search's `aria-labelledby` attribute to provide a text equivalent for screen readers
+     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
+     * If the box does not include a visible label, use `ariaLabel` instead.
+     * For more information about the `aria-labelledby` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-labelledby).
+     */
+    ariaLabelledBy: string | undefined;
     /**
      * Fires when the search text is applied.
      */
@@ -69,5 +84,5 @@ export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges
     inputAnimationEnd(event: AnimationEvent): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkySearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkySearchComponent, "sky-search", never, { "searchText": "searchText"; "expandMode": "expandMode"; "debounceTime": "debounceTime"; "disabled": "disabled"; "placeholderText": "placeholderText"; }, { "searchApply": "searchApply"; "searchChange": "searchChange"; "searchClear": "searchClear"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkySearchComponent, "sky-search", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "searchText": "searchText"; "expandMode": "expandMode"; "debounceTime": "debounceTime"; "disabled": "disabled"; "placeholderText": "placeholderText"; }, { "searchApply": "searchApply"; "searchChange": "searchChange"; "searchClear": "searchClear"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/lookup",
-  "version": "8.8.1",
+  "version": "8.10.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.10.0",
+    "@skyux/core": "8.10.0",
+    "@skyux/forms": "8.10.0",
+    "@skyux/i18n": "8.10.0",
+    "@skyux/indicators": "8.10.0",
+    "@skyux/layout": "8.10.0",
+    "@skyux/lists": "8.10.0",
+    "@skyux/modals": "8.10.0",
+    "@skyux/theme": "8.10.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>;
 }

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

@@ -32,6 +32,14 @@ export declare class SkySearchHarness extends SkyComponentHarness {
      * Focuses the input.
      */
     focus(): Promise<void>;
+    /**
+     * Gets the search's aria-label.
+     */
+    getAriaLabel(): Promise<string | null>;
+    /**
+     * Gets the search's aria-labelledby.
+     */
+    getAriaLabelledby(): Promise<string | null>;
     /**
      * Gets the value of the input's placeholder attribute.
      */