@skyux/lookup 6.13.0 → 6.14.0

package/fesm2020/skyux-lookup-testing.mjs

@@ -1,9 +1,263 @@
+import { __classPrivateFieldGet } from 'tslib';
+import { SkyComponentHarness, SkyOverlayHarness } from '@skyux/core/testing';
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
 import { By } from '@angular/platform-browser';
 import { SkyAppTestUtility } from '@skyux-sdk/testing';
 import * as i0 from '@angular/core';
 import { NgModule } from '@angular/core';
 import { SkyCountryFieldModule, SkySearchModule } from '@skyux/lookup';
 
+/**
+ * @internal
+ */
+class SkyAutocompleteInputHarness extends ComponentHarness {
+    /**
+     * Blurs the input.
+     */
+    async blur() {
+        return (await this.host()).blur();
+    }
+    /**
+     * Clears the input value.
+     */
+    async clear() {
+        return (await this.host()).clear();
+    }
+    /**
+     * Enters text into the input.
+     */
+    async enterText(value) {
+        const el = await this.host();
+        await el.focus();
+        await el.clear();
+        await el.sendKeys(value);
+    }
+    /**
+     * Focuses the input.
+     */
+    async focus() {
+        return (await this.host()).focus();
+    }
+    /**
+     * Gets the value of the input.
+     */
+    async getValue() {
+        return (await this.host()).getProperty('value');
+    }
+    /**
+     * Whether the input is disabled.
+     */
+    async isDisabled() {
+        const disabled = await (await this.host()).getAttribute('disabled');
+        return disabled !== null;
+    }
+    /**
+     * Whether the input is focused.
+     */
+    async isFocused() {
+        return (await this.host()).isFocused();
+    }
+    /**
+     * Returns the value of the input's `aria-owns` attribute.
+     */
+    async getAriaOwns() {
+        return (await this.host()).getAttribute('aria-owns');
+    }
+}
+SkyAutocompleteInputHarness.hostSelector = '[skyAutocomplete]';
+
+/**
+ * Harness for interacting with an autocomplete search results in tests.
+ */
+class SkyAutocompleteSearchResultHarness extends ComponentHarness {
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyAutocompleteSearchResultHarness` that meets certain criteria.
+     */
+    static with(filters) {
+        return new HarnessPredicate(SkyAutocompleteSearchResultHarness, filters).addOption('textContent', filters.textContent, async (harness, text) => HarnessPredicate.stringMatches(await harness.textContent(), text));
+    }
+    /**
+     * Returns the value of the search result's descriptor property.
+     * This value is set by the autocomplete's `descriptorProperty` input.
+     */
+    async getDescriptorValue() {
+        return (await (await this.host()).getAttribute('data-descriptor-value'));
+    }
+    /**
+     * Returns a child harness.
+     */
+    async queryHarness(query) {
+        return this.locatorForOptional(query)();
+    }
+    /**
+     * Selects the search result.
+     */
+    async select() {
+        return (await this.host()).click();
+    }
+    /**
+     * Returns the text content of the search result.
+     */
+    async textContent() {
+        return (await this.host()).text();
+    }
+}
+SkyAutocompleteSearchResultHarness.hostSelector = '.sky-autocomplete-result';
+
+var _SkyAutocompleteHarness_instances, _SkyAutocompleteHarness_documentRootLocator, _SkyAutocompleteHarness_getInput, _SkyAutocompleteHarness_getOverlay;
+/**
+ * Harness for interacting with an autocomplete component in tests.
+ */
+class SkyAutocompleteHarness extends SkyComponentHarness {
+    constructor() {
+        super(...arguments);
+        _SkyAutocompleteHarness_instances.add(this);
+        _SkyAutocompleteHarness_documentRootLocator.set(this, this.documentRootLocatorFactory());
+        _SkyAutocompleteHarness_getInput.set(this, this.locatorFor(SkyAutocompleteInputHarness));
+    }
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyAutocompleteHarness` that meets certain criteria.
+     */
+    static with(filters) {
+        return SkyAutocompleteHarness.getDataSkyIdPredicate(filters);
+    }
+    /**
+     * Blurs the autocomplete input.
+     */
+    async blur() {
+        return (await __classPrivateFieldGet(this, _SkyAutocompleteHarness_getInput, "f").call(this)).blur();
+    }
+    /**
+     * Clears the input value.
+     */
+    async clear() {
+        return (await __classPrivateFieldGet(this, _SkyAutocompleteHarness_getInput, "f").call(this)).clear();
+    }
+    /**
+     * Enters text into the autocomplete input.
+     */
+    async enterText(value) {
+        return (await __classPrivateFieldGet(this, _SkyAutocompleteHarness_getInput, "f").call(this)).enterText(value);
+    }
+    /**
+     * Focuses the autocomplete input.
+     */
+    async focus() {
+        return (await __classPrivateFieldGet(this, _SkyAutocompleteHarness_getInput, "f").call(this)).focus();
+    }
+    /**
+     * Returns search result harnesses.
+     */
+    async getSearchResults(filters) {
+        const overlay = await __classPrivateFieldGet(this, _SkyAutocompleteHarness_instances, "m", _SkyAutocompleteHarness_getOverlay).call(this);
+        if (!overlay) {
+            throw new Error('Unable to retrieve search results. The autocomplete is closed.');
+        }
+        const harnesses = await overlay.queryHarnesses(SkyAutocompleteSearchResultHarness.with(filters || {}));
+        if (filters && harnesses.length === 0) {
+            // Stringify the regular expression so that it's readable in the console log.
+            if (filters.textContent instanceof RegExp) {
+                filters.textContent = filters.textContent.toString();
+            }
+            throw new Error(`Could not find search results matching filter(s): ${JSON.stringify(filters)}`);
+        }
+        return harnesses;
+    }
+    /**
+     * Returns the text content for each search result.
+     */
+    async getSearchResultsText(filters) {
+        const harnesses = await this.getSearchResults(filters);
+        const text = [];
+        for (const harness of harnesses) {
+            text.push(await harness.textContent());
+        }
+        return text;
+    }
+    /**
+     * Gets the value of the autocomplete input.
+     */
+    async getValue() {
+        return (await __classPrivateFieldGet(this, _SkyAutocompleteHarness_getInput, "f").call(this)).getValue();
+    }
+    /**
+     * Whether the autocomplete input is disabled.
+     */
+    async isDisabled() {
+        return (await __classPrivateFieldGet(this, _SkyAutocompleteHarness_getInput, "f").call(this)).isDisabled();
+    }
+    /**
+     * Whether the autocomplete input is focused.
+     */
+    async isFocused() {
+        return (await __classPrivateFieldGet(this, _SkyAutocompleteHarness_getInput, "f").call(this)).isFocused();
+    }
+    /**
+     * Whether the autocomplete is open.
+     */
+    async isOpen() {
+        const overlay = await __classPrivateFieldGet(this, _SkyAutocompleteHarness_instances, "m", _SkyAutocompleteHarness_getOverlay).call(this);
+        return !!overlay;
+    }
+    /**
+     * Selects a search result.
+     */
+    async selectSearchResult(filters) {
+        const results = await this.getSearchResults(filters);
+        if (results && results.length > 0) {
+            await results[0].select();
+        }
+    }
+    /**
+     * Clicks the "Add" button in the autocomplete search results panel.
+     * (The "Add" functionality is not included in the public API
+     * of a "vanilla" autocomplete component, so this method is protected
+     * to prevent consumers of the autocomplete harness from calling it.
+     * The lookup harness, which extends the autocomplete harness, may
+     * still access this feature, however.)
+     */
+    async clickAddButton() {
+        const overlay = await __classPrivateFieldGet(this, _SkyAutocompleteHarness_instances, "m", _SkyAutocompleteHarness_getOverlay).call(this);
+        if (!overlay) {
+            throw new Error('Unable to find the "Add" button. The autocomplete is closed.');
+        }
+        const button = await overlay.querySelector('button.sky-autocomplete-action-add');
+        if (!button) {
+            throw new Error('The "Add" button cannot be clicked because it does not exist.');
+        }
+        await button.click();
+    }
+    /**
+     * Clicks the "Show more" button.
+     * (The "Show more" functionality is not included in the public API
+     * of a "vanilla" autocomplete component, so this method is protected
+     * to prevent consumers of the autocomplete harness from calling it.
+     * The lookup harness, which extends the autocomplete harness, may
+     * still access this feature, however.)
+     */
+    async clickShowMoreButton() {
+        const overlay = await __classPrivateFieldGet(this, _SkyAutocompleteHarness_instances, "m", _SkyAutocompleteHarness_getOverlay).call(this);
+        if (!overlay) {
+            throw new Error('Unable to find the "Show more" button. ' +
+                'The autocomplete is closed.');
+        }
+        const button = await overlay.querySelector('button.sky-autocomplete-action-more');
+        if (!button) {
+            throw new Error('The "Show more" button cannot be clicked because it does not exist.');
+        }
+        await button.click();
+    }
+}
+_SkyAutocompleteHarness_documentRootLocator = new WeakMap(), _SkyAutocompleteHarness_getInput = new WeakMap(), _SkyAutocompleteHarness_instances = new WeakSet(), _SkyAutocompleteHarness_getOverlay = async function _SkyAutocompleteHarness_getOverlay() {
+    const overlayId = await (await __classPrivateFieldGet(this, _SkyAutocompleteHarness_getInput, "f").call(this)).getAriaOwns();
+    return overlayId
+        ? __classPrivateFieldGet(this, _SkyAutocompleteHarness_documentRootLocator, "f").locatorForOptional(SkyOverlayHarness.with({ selector: `#${overlayId}` }))()
+        : null;
+};
+SkyAutocompleteHarness.hostSelector = 'sky-autocomplete';
+
 /**
  * Allows interaction with a SKY UX country field component.
  */
@@ -199,5 +453,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SkyCountryFieldFixture, SkyCountryFieldTestingModule, SkySearchFixture, SkySearchTestingModule };
+export { SkyAutocompleteHarness, SkyAutocompleteSearchResultHarness, SkyCountryFieldFixture, SkyCountryFieldTestingModule, SkySearchFixture, SkySearchTestingModule };
 //# sourceMappingURL=skyux-lookup-testing.mjs.map

package/fesm2020/skyux-lookup-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-lookup-testing.mjs","sources":["../../../../../libs/components/lookup/testing/src/country-field/country-field-fixture.ts","../../../../../libs/components/lookup/testing/src/country-field/country-field-testing.module.ts","../../../../../libs/components/lookup/testing/src/search/search-fixture.ts","../../../../../libs/components/lookup/testing/src/search/search-testing.module.ts","../../../../../libs/components/lookup/testing/src/skyux-lookup-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX country field component.\n */\nexport class SkyCountryFieldFixture {\n  private debugEl: DebugElement;\n\n  /**\n   * The value of the input field's autocomplete attribute.\n   */\n  public get autocompleteAttribute(): string | null {\n    return this.getInputElement().getAttribute('autocomplete');\n  }\n\n  /**\n   * A flag indicating if the country flag is currently visible.\n   * The flag will be visible only if a selection has been made\n   * and if the hideSelectedCountryFlag option is false.\n   */\n  public get countryFlagIsVisible(): boolean {\n    const flag = this.getCountryFlag();\n    return flag !== null;\n  }\n\n  /**\n   * A flag indicating whether or not the input has been disabled.\n   */\n  public get disabled(): boolean {\n    return this.getInputElement().disabled;\n  }\n\n  /**\n   * The value of the input field.\n   */\n  public get searchText(): string {\n    return this.getInputElement().value;\n  }\n\n  constructor(private fixture: ComponentFixture<any>, skyTestId: string) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-country-field'\n    );\n  }\n\n  /**\n   * Enters the search text into the input field displaying search results, but making no selection.\n   * @param searchText The name of the country to select.\n   * @returns The list of country names matching the search text.\n   */\n  public async search(searchText: string): Promise<string[]> {\n    const resultNodes = await this.searchAndGetResults(\n      searchText,\n      this.fixture\n    );\n    const resultArray = Array.prototype.slice.call(resultNodes);\n    const results = resultArray.map((result: HTMLElement) => {\n      const countryNameEl = result.querySelector('.sky-highlight-mark');\n      const countryName = SkyAppTestUtility.getText(countryNameEl)!;\n      return countryName;\n    });\n\n    this.fixture.detectChanges();\n    await this.fixture.whenStable();\n\n    return results;\n  }\n\n  /**\n   * Enters the search text into the input field and selects the first result (if any).\n   * @param searchText The name of the country to select.\n   */\n  public async searchAndSelectFirstResult(searchText: string): Promise<void> {\n    await this.searchAndSelect(searchText, 0, this.fixture);\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Clears the country selection and input field.\n   */\n  public clear(): Promise<void> {\n    this.enterSearch('', this.fixture);\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  //#region helpers\n\n  private getCountryFlag(): DebugElement {\n    return this.debugEl.query(By.css('.sky-country-field-flag'));\n  }\n\n  private getAutocompleteElement(): HTMLElement {\n    return document.querySelector('.sky-autocomplete-results') as HTMLElement;\n  }\n\n  private getInputElement(): HTMLTextAreaElement {\n    const debugEl = this.debugEl.query(By.css('textarea'));\n    return debugEl.nativeElement as HTMLTextAreaElement;\n  }\n\n  private blurInput(fixture: ComponentFixture<any>): Promise<void> {\n    SkyAppTestUtility.fireDomEvent(this.getInputElement(), 'blur');\n    fixture.detectChanges();\n    return fixture.whenStable();\n  }\n\n  private enterSearch(\n    newValue: string,\n    fixture: ComponentFixture<any>\n  ): Promise<void> {\n    const inputElement = this.getInputElement();\n    inputElement.value = newValue;\n    SkyAppTestUtility.fireDomEvent(inputElement, 'keyup');\n    SkyAppTestUtility.fireDomEvent(inputElement, 'input');\n    fixture.detectChanges();\n    return fixture.whenStable();\n  }\n\n  private async searchAndGetResults(\n    newValue: string,\n    fixture: ComponentFixture<any>\n  ): Promise<NodeListOf<HTMLElement>> {\n    await this.enterSearch(newValue, fixture);\n    fixture.detectChanges();\n    await fixture.whenStable();\n    return this.getAutocompleteElement().querySelectorAll(\n      '.sky-autocomplete-result'\n    );\n  }\n\n  private async searchAndSelect(\n    newValue: string,\n    index: number,\n    fixture: ComponentFixture<any>\n  ): Promise<void> {\n    const inputElement = this.getInputElement();\n    const searchResults = await this.searchAndGetResults(newValue, fixture);\n\n    if (searchResults.length < index + 1) {\n      throw new Error('Index out of range for results');\n    }\n\n    // Note: the ordering of these events is important!\n    SkyAppTestUtility.fireDomEvent(inputElement, 'change');\n    SkyAppTestUtility.fireDomEvent(searchResults[index], 'mousedown');\n    this.blurInput(fixture);\n  }\n\n  //#endregion helpers\n}\n","import { NgModule } from '@angular/core';\nimport { SkyCountryFieldModule } from '@skyux/lookup';\n\n@NgModule({\n  exports: [SkyCountryFieldModule],\n})\nexport class SkyCountryFieldTestingModule {}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX search component.\n */\nexport class SkySearchFixture {\n  /**\n   * Gets the search's current text.\n   */\n  public get searchText(): string {\n    return this.getInputEl().nativeElement.value;\n  }\n\n  /**\n   * Gets the search's current placeholder text.\n   */\n  public get placeholderText(): string {\n    return this.getInputEl().nativeElement.placeholder;\n  }\n\n  private debugEl: DebugElement;\n\n  constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-search'\n    );\n  }\n\n  /**\n   * Applies the specified search text, invoking the search.\n   * @param searchText The search text to apply.  If none is specified, the search's\n   * current search text will be applied.\n   */\n  public apply(searchText?: string) {\n    if (searchText) {\n      SkyAppTestUtility.setInputValue(\n        this.getInputEl().nativeElement,\n        searchText\n      );\n    }\n\n    const btnEl = this.getApplyBtnEl();\n\n    btnEl.triggerEventHandler('click', {});\n  }\n\n  /**\n   * Clears the current search text. If there is no search text or the search text is\n   * not currently applied, an error is thrown.\n   */\n  public clear() {\n    const clearEl = this.debugEl.query(By.css('.sky-input-group-clear'));\n\n    if (!SkyAppTestUtility.isVisible(clearEl)) {\n      throw new Error(\n        'There currently is no search text or the current search text has not been applied, ' +\n          'so the clear button is not visible.'\n      );\n    }\n\n    const btnEl = this.getClearBtnEl();\n\n    btnEl.triggerEventHandler('click', {});\n  }\n\n  private getApplyBtnEl(): DebugElement {\n    return this.debugEl.query(By.css('.sky-search-btn-apply'));\n  }\n\n  private getClearBtnEl(): DebugElement {\n    return this.debugEl.query(By.css('.sky-search-btn-clear'));\n  }\n\n  private getInputEl(): DebugElement {\n    return this.debugEl.query(By.css('.sky-search-input'));\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { SkySearchModule } from '@skyux/lookup';\n\n@NgModule({\n  exports: [SkySearchModule],\n})\nexport class SkySearchTestingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"skyux-lookup-testing.mjs","sources":["../../../../../libs/components/lookup/testing/src/autocomplete/autocomplete-input-harness.ts","../../../../../libs/components/lookup/testing/src/autocomplete/autocomplete-search-result-harness.ts","../../../../../libs/components/lookup/testing/src/autocomplete/autocomplete-harness.ts","../../../../../libs/components/lookup/testing/src/country-field/country-field-fixture.ts","../../../../../libs/components/lookup/testing/src/country-field/country-field-testing.module.ts","../../../../../libs/components/lookup/testing/src/search/search-fixture.ts","../../../../../libs/components/lookup/testing/src/search/search-testing.module.ts","../../../../../libs/components/lookup/testing/src/skyux-lookup-testing.ts"],"sourcesContent":["import { ComponentHarness } from '@angular/cdk/testing';\n\n/**\n * @internal\n */\nexport class SkyAutocompleteInputHarness extends ComponentHarness {\n  public static hostSelector = '[skyAutocomplete]';\n\n  /**\n   * Blurs the input.\n   */\n  public async blur(): Promise<void> {\n    return (await this.host()).blur();\n  }\n\n  /**\n   * Clears the input value.\n   */\n  public async clear(): Promise<void> {\n    return (await this.host()).clear();\n  }\n\n  /**\n   * Enters text into the input.\n   */\n  public async enterText(value: string): Promise<void> {\n    const el = await this.host();\n    await el.focus();\n    await el.clear();\n    await el.sendKeys(value);\n  }\n\n  /**\n   * Focuses the input.\n   */\n  public async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /**\n   * Gets the value of the input.\n   */\n  public async getValue(): Promise<string> {\n    return (await this.host()).getProperty('value');\n  }\n\n  /**\n   * Whether the input is disabled.\n   */\n  public async isDisabled(): Promise<boolean> {\n    const disabled = await (await this.host()).getAttribute('disabled');\n    return disabled !== null;\n  }\n\n  /**\n   * Whether the input is focused.\n   */\n  public async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\n  }\n\n  /**\n   * Returns the value of the input's `aria-owns` attribute.\n   */\n  public async getAriaOwns(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-owns');\n  }\n}\n","import {\n  ComponentHarness,\n  HarnessPredicate,\n  HarnessQuery,\n} from '@angular/cdk/testing';\n\nimport { SkyAutocompleteSearchResultHarnessFilters } from './autocomplete-search-result-harness-filters';\n\n/**\n * Harness for interacting with an autocomplete search results in tests.\n */\nexport class SkyAutocompleteSearchResultHarness extends ComponentHarness {\n  public static hostSelector = '.sky-autocomplete-result';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyAutocompleteSearchResultHarness` that meets certain criteria.\n   */\n  public static with(\n    filters: SkyAutocompleteSearchResultHarnessFilters\n  ): HarnessPredicate<SkyAutocompleteSearchResultHarness> {\n    return new HarnessPredicate(\n      SkyAutocompleteSearchResultHarness,\n      filters\n    ).addOption('textContent', filters.textContent, async (harness, text) =>\n      HarnessPredicate.stringMatches(await harness.textContent(), text)\n    );\n  }\n\n  /**\n   * Returns the value of the search result's descriptor property.\n   * This value is set by the autocomplete's `descriptorProperty` input.\n   */\n  public async getDescriptorValue(): Promise<string> {\n    return (await (\n      await this.host()\n    ).getAttribute('data-descriptor-value')) as string;\n  }\n\n  /**\n   * Returns a child harness.\n   */\n  public async queryHarness<T extends ComponentHarness>(\n    query: HarnessQuery<T>\n  ): Promise<T | null> {\n    return this.locatorForOptional(query)();\n  }\n\n  /**\n   * Selects the search result.\n   */\n  public async select(): Promise<void> {\n    return (await this.host()).click();\n  }\n\n  /**\n   * Returns the text content of the search result.\n   */\n  public async textContent(): Promise<string> {\n    return (await this.host()).text();\n  }\n}\n","import { HarnessPredicate } from '@angular/cdk/testing';\nimport { SkyComponentHarness, SkyOverlayHarness } from '@skyux/core/testing';\n\nimport { SkyAutocompleteHarnessFilters } from './autocomplete-harness-filters';\nimport { SkyAutocompleteInputHarness } from './autocomplete-input-harness';\nimport { SkyAutocompleteSearchResultHarness } from './autocomplete-search-result-harness';\nimport { SkyAutocompleteSearchResultHarnessFilters } from './autocomplete-search-result-harness-filters';\n\n/**\n * Harness for interacting with an autocomplete component in tests.\n */\nexport class SkyAutocompleteHarness extends SkyComponentHarness {\n  public static hostSelector = 'sky-autocomplete';\n\n  #documentRootLocator = this.documentRootLocatorFactory();\n\n  #getInput = this.locatorFor(SkyAutocompleteInputHarness);\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyAutocompleteHarness` that meets certain criteria.\n   */\n  public static with(\n    filters: SkyAutocompleteHarnessFilters\n  ): HarnessPredicate<SkyAutocompleteHarness> {\n    return SkyAutocompleteHarness.getDataSkyIdPredicate(filters);\n  }\n\n  /**\n   * Blurs the autocomplete input.\n   */\n  public async blur(): Promise<void> {\n    return (await this.#getInput()).blur();\n  }\n\n  /**\n   * Clears the input value.\n   */\n  public async clear(): Promise<void> {\n    return (await this.#getInput()).clear();\n  }\n\n  /**\n   * Enters text into the autocomplete input.\n   */\n  public async enterText(value: string): Promise<void> {\n    return (await this.#getInput()).enterText(value);\n  }\n\n  /**\n   * Focuses the autocomplete input.\n   */\n  public async focus(): Promise<void> {\n    return (await this.#getInput()).focus();\n  }\n\n  /**\n   * Returns search result harnesses.\n   */\n  public async getSearchResults(\n    filters?: SkyAutocompleteSearchResultHarnessFilters\n  ): Promise<SkyAutocompleteSearchResultHarness[]> {\n    const overlay = await this.#getOverlay();\n\n    if (!overlay) {\n      throw new Error(\n        'Unable to retrieve search results. The autocomplete is closed.'\n      );\n    }\n\n    const harnesses = await overlay.queryHarnesses(\n      SkyAutocompleteSearchResultHarness.with(filters || {})\n    );\n\n    if (filters && harnesses.length === 0) {\n      // Stringify the regular expression so that it's readable in the console log.\n      if (filters.textContent instanceof RegExp) {\n        filters.textContent = filters.textContent.toString();\n      }\n\n      throw new Error(\n        `Could not find search results matching filter(s): ${JSON.stringify(\n          filters\n        )}`\n      );\n    }\n\n    return harnesses;\n  }\n\n  /**\n   * Returns the text content for each search result.\n   */\n  public async getSearchResultsText(\n    filters?: SkyAutocompleteSearchResultHarnessFilters\n  ): Promise<string[]> {\n    const harnesses = await this.getSearchResults(filters);\n\n    const text: string[] = [];\n    for (const harness of harnesses) {\n      text.push(await harness.textContent());\n    }\n\n    return text;\n  }\n\n  /**\n   * Gets the value of the autocomplete input.\n   */\n  public async getValue(): Promise<string> {\n    return (await this.#getInput()).getValue();\n  }\n\n  /**\n   * Whether the autocomplete input is disabled.\n   */\n  public async isDisabled(): Promise<boolean> {\n    return (await this.#getInput()).isDisabled();\n  }\n\n  /**\n   * Whether the autocomplete input is focused.\n   */\n  public async isFocused(): Promise<boolean> {\n    return (await this.#getInput()).isFocused();\n  }\n\n  /**\n   * Whether the autocomplete is open.\n   */\n  public async isOpen(): Promise<boolean> {\n    const overlay = await this.#getOverlay();\n    return !!overlay;\n  }\n\n  /**\n   * Selects a search result.\n   */\n  public async selectSearchResult(\n    filters: SkyAutocompleteSearchResultHarnessFilters\n  ): Promise<void> {\n    const results = await this.getSearchResults(filters);\n    if (results && results.length > 0) {\n      await results[0].select();\n    }\n  }\n\n  /**\n   * Clicks the \"Add\" button in the autocomplete search results panel.\n   * (The \"Add\" functionality is not included in the public API\n   * of a \"vanilla\" autocomplete component, so this method is protected\n   * to prevent consumers of the autocomplete harness from calling it.\n   * The lookup harness, which extends the autocomplete harness, may\n   * still access this feature, however.)\n   */\n  protected async clickAddButton(): Promise<void> {\n    const overlay = await this.#getOverlay();\n    if (!overlay) {\n      throw new Error(\n        'Unable to find the \"Add\" button. The autocomplete is closed.'\n      );\n    }\n\n    const button = await overlay.querySelector(\n      'button.sky-autocomplete-action-add'\n    );\n\n    if (!button) {\n      throw new Error(\n        'The \"Add\" button cannot be clicked because it does not exist.'\n      );\n    }\n\n    await button.click();\n  }\n\n  /**\n   * Clicks the \"Show more\" button.\n   * (The \"Show more\" functionality is not included in the public API\n   * of a \"vanilla\" autocomplete component, so this method is protected\n   * to prevent consumers of the autocomplete harness from calling it.\n   * The lookup harness, which extends the autocomplete harness, may\n   * still access this feature, however.)\n   */\n  protected async clickShowMoreButton(): Promise<void> {\n    const overlay = await this.#getOverlay();\n\n    if (!overlay) {\n      throw new Error(\n        'Unable to find the \"Show more\" button. ' +\n          'The autocomplete is closed.'\n      );\n    }\n\n    const button = await overlay.querySelector(\n      'button.sky-autocomplete-action-more'\n    );\n\n    if (!button) {\n      throw new Error(\n        'The \"Show more\" button cannot be clicked because it does not exist.'\n      );\n    }\n\n    await button.click();\n  }\n\n  async #getOverlay(): Promise<SkyOverlayHarness | null> {\n    const overlayId = await (await this.#getInput()).getAriaOwns();\n\n    return overlayId\n      ? this.#documentRootLocator.locatorForOptional(\n          SkyOverlayHarness.with({ selector: `#${overlayId}` })\n        )()\n      : null;\n  }\n}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX country field component.\n */\nexport class SkyCountryFieldFixture {\n  private debugEl: DebugElement;\n\n  /**\n   * The value of the input field's autocomplete attribute.\n   */\n  public get autocompleteAttribute(): string | null {\n    return this.getInputElement().getAttribute('autocomplete');\n  }\n\n  /**\n   * A flag indicating if the country flag is currently visible.\n   * The flag will be visible only if a selection has been made\n   * and if the hideSelectedCountryFlag option is false.\n   */\n  public get countryFlagIsVisible(): boolean {\n    const flag = this.getCountryFlag();\n    return flag !== null;\n  }\n\n  /**\n   * A flag indicating whether or not the input has been disabled.\n   */\n  public get disabled(): boolean {\n    return this.getInputElement().disabled;\n  }\n\n  /**\n   * The value of the input field.\n   */\n  public get searchText(): string {\n    return this.getInputElement().value;\n  }\n\n  constructor(private fixture: ComponentFixture<any>, skyTestId: string) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-country-field'\n    );\n  }\n\n  /**\n   * Enters the search text into the input field displaying search results, but making no selection.\n   * @param searchText The name of the country to select.\n   * @returns The list of country names matching the search text.\n   */\n  public async search(searchText: string): Promise<string[]> {\n    const resultNodes = await this.searchAndGetResults(\n      searchText,\n      this.fixture\n    );\n    const resultArray = Array.prototype.slice.call(resultNodes);\n    const results = resultArray.map((result: HTMLElement) => {\n      const countryNameEl = result.querySelector('.sky-highlight-mark');\n      const countryName = SkyAppTestUtility.getText(countryNameEl)!;\n      return countryName;\n    });\n\n    this.fixture.detectChanges();\n    await this.fixture.whenStable();\n\n    return results;\n  }\n\n  /**\n   * Enters the search text into the input field and selects the first result (if any).\n   * @param searchText The name of the country to select.\n   */\n  public async searchAndSelectFirstResult(searchText: string): Promise<void> {\n    await this.searchAndSelect(searchText, 0, this.fixture);\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Clears the country selection and input field.\n   */\n  public clear(): Promise<void> {\n    this.enterSearch('', this.fixture);\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  //#region helpers\n\n  private getCountryFlag(): DebugElement {\n    return this.debugEl.query(By.css('.sky-country-field-flag'));\n  }\n\n  private getAutocompleteElement(): HTMLElement {\n    return document.querySelector('.sky-autocomplete-results') as HTMLElement;\n  }\n\n  private getInputElement(): HTMLTextAreaElement {\n    const debugEl = this.debugEl.query(By.css('textarea'));\n    return debugEl.nativeElement as HTMLTextAreaElement;\n  }\n\n  private blurInput(fixture: ComponentFixture<any>): Promise<void> {\n    SkyAppTestUtility.fireDomEvent(this.getInputElement(), 'blur');\n    fixture.detectChanges();\n    return fixture.whenStable();\n  }\n\n  private enterSearch(\n    newValue: string,\n    fixture: ComponentFixture<any>\n  ): Promise<void> {\n    const inputElement = this.getInputElement();\n    inputElement.value = newValue;\n    SkyAppTestUtility.fireDomEvent(inputElement, 'keyup');\n    SkyAppTestUtility.fireDomEvent(inputElement, 'input');\n    fixture.detectChanges();\n    return fixture.whenStable();\n  }\n\n  private async searchAndGetResults(\n    newValue: string,\n    fixture: ComponentFixture<any>\n  ): Promise<NodeListOf<HTMLElement>> {\n    await this.enterSearch(newValue, fixture);\n    fixture.detectChanges();\n    await fixture.whenStable();\n    return this.getAutocompleteElement().querySelectorAll(\n      '.sky-autocomplete-result'\n    );\n  }\n\n  private async searchAndSelect(\n    newValue: string,\n    index: number,\n    fixture: ComponentFixture<any>\n  ): Promise<void> {\n    const inputElement = this.getInputElement();\n    const searchResults = await this.searchAndGetResults(newValue, fixture);\n\n    if (searchResults.length < index + 1) {\n      throw new Error('Index out of range for results');\n    }\n\n    // Note: the ordering of these events is important!\n    SkyAppTestUtility.fireDomEvent(inputElement, 'change');\n    SkyAppTestUtility.fireDomEvent(searchResults[index], 'mousedown');\n    this.blurInput(fixture);\n  }\n\n  //#endregion helpers\n}\n","import { NgModule } from '@angular/core';\nimport { SkyCountryFieldModule } from '@skyux/lookup';\n\n@NgModule({\n  exports: [SkyCountryFieldModule],\n})\nexport class SkyCountryFieldTestingModule {}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX search component.\n */\nexport class SkySearchFixture {\n  /**\n   * Gets the search's current text.\n   */\n  public get searchText(): string {\n    return this.getInputEl().nativeElement.value;\n  }\n\n  /**\n   * Gets the search's current placeholder text.\n   */\n  public get placeholderText(): string {\n    return this.getInputEl().nativeElement.placeholder;\n  }\n\n  private debugEl: DebugElement;\n\n  constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-search'\n    );\n  }\n\n  /**\n   * Applies the specified search text, invoking the search.\n   * @param searchText The search text to apply.  If none is specified, the search's\n   * current search text will be applied.\n   */\n  public apply(searchText?: string) {\n    if (searchText) {\n      SkyAppTestUtility.setInputValue(\n        this.getInputEl().nativeElement,\n        searchText\n      );\n    }\n\n    const btnEl = this.getApplyBtnEl();\n\n    btnEl.triggerEventHandler('click', {});\n  }\n\n  /**\n   * Clears the current search text. If there is no search text or the search text is\n   * not currently applied, an error is thrown.\n   */\n  public clear() {\n    const clearEl = this.debugEl.query(By.css('.sky-input-group-clear'));\n\n    if (!SkyAppTestUtility.isVisible(clearEl)) {\n      throw new Error(\n        'There currently is no search text or the current search text has not been applied, ' +\n          'so the clear button is not visible.'\n      );\n    }\n\n    const btnEl = this.getClearBtnEl();\n\n    btnEl.triggerEventHandler('click', {});\n  }\n\n  private getApplyBtnEl(): DebugElement {\n    return this.debugEl.query(By.css('.sky-search-btn-apply'));\n  }\n\n  private getClearBtnEl(): DebugElement {\n    return this.debugEl.query(By.css('.sky-search-btn-clear'));\n  }\n\n  private getInputEl(): DebugElement {\n    return this.debugEl.query(By.css('.sky-search-input'));\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { SkySearchModule } from '@skyux/lookup';\n\n@NgModule({\n  exports: [SkySearchModule],\n})\nexport class SkySearchTestingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/skyux-lookup.mjs

@@ -285,6 +285,14 @@ class SkyAutocompleteInputDirective {
             __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").removeAttribute(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f").nativeElement, 'aria-activedescendant');
         }
     }
+    setAriaOwns(overlayId) {
+        if (overlayId) {
+            __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").setAttribute(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f").nativeElement, 'aria-owns', overlayId);
+        }
+        else {
+            __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").removeAttribute(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f").nativeElement, 'aria-owns');
+        }
+    }
     // Angular automatically constructs these methods.
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onChange(value) { }
@@ -453,7 +461,7 @@ var SkyAutocompleteMessageType;
     SkyAutocompleteMessageType[SkyAutocompleteMessageType["RepositionDropdown"] = 1] = "RepositionDropdown";
 })(SkyAutocompleteMessageType || (SkyAutocompleteMessageType = {}));
 
-var _SkyAutocompleteComponent_instances, _SkyAutocompleteComponent_activeElementIndex, _SkyAutocompleteComponent_adapterService, _SkyAutocompleteComponent_affixer, _SkyAutocompleteComponent_affixService, _SkyAutocompleteComponent_changeDetector, _SkyAutocompleteComponent_elementRef, _SkyAutocompleteComponent_inputBoxHostSvc, _SkyAutocompleteComponent_inputDirectiveUnsubscribe, _SkyAutocompleteComponent_messageStreamSub, _SkyAutocompleteComponent_ngUnsubscribe, _SkyAutocompleteComponent_overlay, _SkyAutocompleteComponent_overlayService, _SkyAutocompleteComponent_overlayFocusableElements, _SkyAutocompleteComponent_currentSearchSub, _SkyAutocompleteComponent__data, _SkyAutocompleteComponent__debounceTime, _SkyAutocompleteComponent__descriptorProperty, _SkyAutocompleteComponent__highlightText, _SkyAutocompleteComponent__inputDirective, _SkyAutocompleteComponent__messageStream, _SkyAutocompleteComponent__propertiesToSearch, _SkyAutocompleteComponent__resultsRef, _SkyAutocompleteComponent__search, _SkyAutocompleteComponent__searchResults, _SkyAutocompleteComponent__searchResultsLimit, _SkyAutocompleteComponent__searchTextMinimumCharacters, _SkyAutocompleteComponent_searchTextChanged, _SkyAutocompleteComponent_performSearch, _SkyAutocompleteComponent_cancelCurrentSearch, _SkyAutocompleteComponent_getHighlightText, _SkyAutocompleteComponent_selectSearchResultById, _SkyAutocompleteComponent_openDropdown, _SkyAutocompleteComponent_closeDropdown, _SkyAutocompleteComponent_setActiveDescendant, _SkyAutocompleteComponent_removeActiveDescendant, _SkyAutocompleteComponent_resetSearch, _SkyAutocompleteComponent_addInputEventListeners, _SkyAutocompleteComponent_destroyOverlay, _SkyAutocompleteComponent_createAffixer, _SkyAutocompleteComponent_destroyAffixer, _SkyAutocompleteComponent_initMessageStream, _SkyAutocompleteComponent_initOverlayFocusableElements, _SkyAutocompleteComponent_getActiveElement, _SkyAutocompleteComponent_removeFocusedClass, _SkyAutocompleteComponent_addFocusedClass;
+var _SkyAutocompleteComponent_instances, _SkyAutocompleteComponent_activeElementIndex, _SkyAutocompleteComponent_adapterService, _SkyAutocompleteComponent_affixer, _SkyAutocompleteComponent_affixService, _SkyAutocompleteComponent_changeDetector, _SkyAutocompleteComponent_elementRef, _SkyAutocompleteComponent_inputBoxHostSvc, _SkyAutocompleteComponent_inputDirectiveUnsubscribe, _SkyAutocompleteComponent_messageStreamSub, _SkyAutocompleteComponent_ngUnsubscribe, _SkyAutocompleteComponent_overlay, _SkyAutocompleteComponent_overlayService, _SkyAutocompleteComponent_overlayFocusableElements, _SkyAutocompleteComponent_currentSearchSub, _SkyAutocompleteComponent__data, _SkyAutocompleteComponent__debounceTime, _SkyAutocompleteComponent__descriptorProperty, _SkyAutocompleteComponent__highlightText, _SkyAutocompleteComponent__inputDirective, _SkyAutocompleteComponent__messageStream, _SkyAutocompleteComponent__propertiesToSearch, _SkyAutocompleteComponent__resultsRef, _SkyAutocompleteComponent__search, _SkyAutocompleteComponent__searchResults, _SkyAutocompleteComponent__searchResultsLimit, _SkyAutocompleteComponent__searchTextMinimumCharacters, _SkyAutocompleteComponent_searchTextChanged, _SkyAutocompleteComponent_performSearch, _SkyAutocompleteComponent_cancelCurrentSearch, _SkyAutocompleteComponent_getHighlightText, _SkyAutocompleteComponent_selectSearchResultById, _SkyAutocompleteComponent_openDropdown, _SkyAutocompleteComponent_closeDropdown, _SkyAutocompleteComponent_setActiveDescendant, _SkyAutocompleteComponent_removeActiveDescendant, _SkyAutocompleteComponent_updateAriaOwns, _SkyAutocompleteComponent_resetSearch, _SkyAutocompleteComponent_addInputEventListeners, _SkyAutocompleteComponent_destroyOverlay, _SkyAutocompleteComponent_createAffixer, _SkyAutocompleteComponent_destroyAffixer, _SkyAutocompleteComponent_initMessageStream, _SkyAutocompleteComponent_initOverlayFocusableElements, _SkyAutocompleteComponent_getActiveElement, _SkyAutocompleteComponent_removeFocusedClass, _SkyAutocompleteComponent_addFocusedClass;
 let uniqueId$1 = 0;
 class SkyAutocompleteComponent {
     constructor(changeDetector, elementRef, affixService, adapterService, overlayService, inputBoxHostSvc) {
@@ -982,6 +990,7 @@ _SkyAutocompleteComponent_activeElementIndex = new WeakMap(), _SkyAutocompleteCo
         __classPrivateFieldSet(this, _SkyAutocompleteComponent_overlay, overlay, "f");
         this.isOpen = true;
         __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").markForCheck();
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_updateAriaOwns).call(this);
         __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_initOverlayFocusableElements).call(this);
     }
 }, _SkyAutocompleteComponent_closeDropdown = function _SkyAutocompleteComponent_closeDropdown() {
@@ -989,6 +998,7 @@ _SkyAutocompleteComponent_activeElementIndex = new WeakMap(), _SkyAutocompleteCo
     this.isOpen = false;
     __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_destroyOverlay).call(this);
     __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_removeActiveDescendant).call(this);
+    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_updateAriaOwns).call(this);
     __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").markForCheck();
 }, _SkyAutocompleteComponent_setActiveDescendant = function _SkyAutocompleteComponent_setActiveDescendant() {
     const activeElement = __classPrivateFieldGet(this, _SkyAutocompleteComponent_overlayFocusableElements, "f")[__classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f")];
@@ -1001,6 +1011,10 @@ _SkyAutocompleteComponent_activeElementIndex = new WeakMap(), _SkyAutocompleteCo
     if (this.inputDirective) {
         this.inputDirective.setActiveDescendant(null);
     }
+}, _SkyAutocompleteComponent_updateAriaOwns = function _SkyAutocompleteComponent_updateAriaOwns() {
+    if (this.inputDirective) {
+        this.inputDirective.setAriaOwns(__classPrivateFieldGet(this, _SkyAutocompleteComponent_overlay, "f")?.id || null);
+    }
 }, _SkyAutocompleteComponent_resetSearch = function _SkyAutocompleteComponent_resetSearch() {
     this.searchResults = [];
     this.searchText = '';
@@ -1095,10 +1109,10 @@ _SkyAutocompleteComponent_activeElementIndex = new WeakMap(), _SkyAutocompleteCo
     }
 };
 SkyAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.SkyAffixService }, { token: SkyAutocompleteAdapterService }, { token: i1.SkyOverlayService }, { token: i6.SkyInputBoxHostService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyAutocompleteComponent, selector: "sky-autocomplete", inputs: { 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" }, outputs: { addClick: "addClick", showMoreClick: "showMoreClick", selectionChange: "selectionChange", searchAsync: "searchAsync" }, providers: [SkyAutocompleteAdapterService], queries: [{ propertyName: "inputDirective", first: true, predicate: SkyAutocompleteInputDirective, descendants: true }], viewQueries: [{ propertyName: "resultsTemplateRef", first: true, predicate: ["resultsTemplateRef"], descendants: true, read: TemplateRef }, { propertyName: "resultsRef", first: true, predicate: ["resultsRef"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  aria-autocomplete=\"list\"\n  aria-haspopup=\"listbox\"\n  class=\"sky-autocomplete\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"isOpen && searchText\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.aria-owns]=\"isOpen ? resultsListId : null\"\n  [attr.id]=\"resultsWrapperId\"\n>\n  <ng-content></ng-content>\n</div>\n\n<ng-template #resultsTemplateRef>\n  <div\n    class=\"sky-autocomplete-results-container\"\n    [skyThemeClass]=\"{\n      'sky-shadow': 'default',\n      'sky-elevation-4': 'modern'\n    }\"\n    (keydown)=\"handleKeydown($event)\"\n    #resultsRef\n  >\n    <div\n      *ngIf=\"isSearchingAsync; else resultControlsTemplateRef\"\n      class=\"sky-autocomplete-results-waiting\"\n    >\n      <sky-wait [isWaiting]=\"true\"></sky-wait>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resultControlsTemplateRef>\n  <div\n    *ngIf=\"searchText && (!showActionsArea || searchResults.length > 0)\"\n    class=\"sky-autocomplete-results\"\n    role=\"listbox\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.id]=\"resultsListId\"\n  >\n    <ng-container *ngFor=\"let result of searchResults; let i = index\">\n      <div\n        *ngIf=\"!searchResultsLimit || i < searchResultsLimit\"\n        class=\"sky-autocomplete-result\"\n        role=\"option\"\n        tabindex=\"0\"\n        [attr.aria-selected]=\"isElementFocused(searchResultEl)\"\n        [attr.id]=\"result.elementId\"\n        [skyHighlight]=\"highlightText\"\n        (mousedown)=\"onResultMouseDown(result.elementId, $event)\"\n        (mousemove)=\"onResultMouseMove(i)\"\n        #searchResultEl\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            searchResultTemplate || defaultSearchResultTemplate;\n            context: { item: result.data }\n          \"\n        >\n        </ng-container>\n      </div>\n    </ng-container>\n    <div\n      *ngIf=\"searchResults.length === 0\"\n      class=\"sky-deemphasized sky-padding-squish-default\"\n    >\n      {{\n        noResultsFoundText ||\n          ('skyux_autocomplete_no_results' | skyLibResources)\n      }}\n    </div>\n  </div>\n  <div *ngIf=\"showActionsArea\" class=\"sky-autocomplete-actions\">\n    <button\n      *ngIf=\"enableShowMore && (!searchText || searchResults.length > 0)\"\n      class=\"sky-autocomplete-action sky-autocomplete-action-more sky-btn sky-btn-link\"\n      type=\"button\"\n      (mousedown)=\"moreButtonClicked()\"\n    >\n      <ng-container\n        *ngIf=\"\n          !(\n            searchAsync\n            | skyAutocompleteSearchAsyncDisabled: searchAsyncDisabled\n          ) &&\n          searchResults.length === 0 &&\n          !searchText\n        \"\n      >\n        {{ 'skyux_autocomplete_show_all' | skyLibResources }}\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          (searchAsync\n            | skyAutocompleteSearchAsyncDisabled: searchAsyncDisabled) &&\n          !searchText\n        \"\n      >\n        {{\n          'skyux_autocomplete_show_all_count'\n            | skyLibResources: (data.length | skyNumeric: { truncate: false })\n        }}\n      </ng-container>\n      <ng-container *ngIf=\"searchText\">\n        {{\n          'skyux_autocomplete_show_matches_count'\n            | skyLibResources\n              : (searchResultsCount === undefined\n                  ? data.length\n                  : (searchResultsCount | skyNumeric: { truncate: false }))\n        }}\n      </ng-container>\n    </button>\n    <div\n      *ngIf=\"searchText && searchResults.length === 0\"\n      class=\"sky-font-deemphasized sky-autocomplete-actions-no-results\"\n    >\n      {{\n        noResultsFoundText ||\n          ('skyux_autocomplete_no_results' | skyLibResources)\n      }}\n    </div>\n    <button\n      *ngIf=\"showAddButton\"\n      class=\"sky-autocomplete-action sky-autocomplete-action-add sky-btn sky-btn-link\"\n      tabindex=\"0\"\n      type=\"button\"\n      [class.focused]=\"isElementFocused(addButtonEl)\"\n      (mousedown)=\"addButtonClicked()\"\n      #addButtonEl\n    >\n      <sky-icon *skyThemeIf=\"'modern'\" icon=\"add\" iconType=\"skyux\"></sky-icon>\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"plus-circle\"></sky-icon>\n      {{ 'skyux_autocomplete_add' | skyLibResources }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template let-item=\"item\" #defaultSearchResultTemplate>\n  {{ item[descriptorProperty] }}\n</ng-template>\n", styles: [".sky-autocomplete-results-container{position:fixed;background-color:#fff}.sky-autocomplete-results-waiting{height:70px}.sky-autocomplete-results{display:flex;flex-direction:column;padding:4px;overflow-y:auto;overflow-x:hidden;min-height:35px;max-height:calc(50vh - 50px)}.sky-autocomplete-result{color:#212327;margin-bottom:4px;padding:3px 20px;cursor:pointer}.sky-autocomplete-result:last-child{margin-bottom:0}.sky-autocomplete-actions{border-top:1px solid #cdcfd2}.sky-autocomplete-actions .sky-autocomplete-action{border:none}.sky-autocomplete-actions .sky-autocomplete-actions-no-results{display:inline-block;padding:7px 13px}.sky-autocomplete-action-add{float:right}.sky-autocomplete-action-add sky-icon{padding-right:5px}.sky-autocomplete-descendant-focus:not(.sky-autocomplete-action){background-color:#eeeeef}.sky-autocomplete-descendant-focus.sky-autocomplete-action{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px}::ng-deep .sky-theme-modern .sky-autocomplete-results-container{border-radius:6px}::ng-deep .sky-theme-modern .sky-autocomplete-results{padding:10px 0}::ng-deep .sky-theme-modern .sky-autocomplete-result{margin-bottom:0;padding:10px 0 10px 15px}::ng-deep .sky-theme-modern .sky-autocomplete-descendant-focus:not(.sky-autocomplete-action){background-color:inherit}::ng-deep .sky-theme-modern .sky-autocomplete-descendant-focus{border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}\n"], components: [{ type: i4.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }, { type: i4.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.λ11, selector: "[skyHighlight]", inputs: ["skyHighlight"] }, { type: i6$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i4$1.SkyLibResourcesPipe, "skyAutocompleteSearchAsyncDisabled": SkyAutcompleteSearchAsyncDisabledPipe, "skyNumeric": i1.SkyNumericPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SkyAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyAutocompleteComponent, selector: "sky-autocomplete", inputs: { 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" }, outputs: { addClick: "addClick", showMoreClick: "showMoreClick", selectionChange: "selectionChange", searchAsync: "searchAsync" }, providers: [SkyAutocompleteAdapterService], queries: [{ propertyName: "inputDirective", first: true, predicate: SkyAutocompleteInputDirective, descendants: true }], viewQueries: [{ propertyName: "resultsTemplateRef", first: true, predicate: ["resultsTemplateRef"], descendants: true, read: TemplateRef }, { propertyName: "resultsRef", first: true, predicate: ["resultsRef"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  aria-autocomplete=\"list\"\n  aria-haspopup=\"listbox\"\n  class=\"sky-autocomplete\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"isOpen && searchText\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.aria-owns]=\"isOpen ? resultsListId : null\"\n  [attr.id]=\"resultsWrapperId\"\n>\n  <ng-content></ng-content>\n</div>\n\n<ng-template #resultsTemplateRef>\n  <div\n    class=\"sky-autocomplete-results-container\"\n    [skyThemeClass]=\"{\n      'sky-shadow': 'default',\n      'sky-elevation-4': 'modern'\n    }\"\n    (keydown)=\"handleKeydown($event)\"\n    #resultsRef\n  >\n    <div\n      *ngIf=\"isSearchingAsync; else resultControlsTemplateRef\"\n      class=\"sky-autocomplete-results-waiting\"\n    >\n      <sky-wait [isWaiting]=\"true\"></sky-wait>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resultControlsTemplateRef>\n  <div\n    *ngIf=\"searchText && (!showActionsArea || searchResults.length > 0)\"\n    class=\"sky-autocomplete-results\"\n    role=\"listbox\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.id]=\"resultsListId\"\n  >\n    <ng-container *ngFor=\"let result of searchResults; let i = index\">\n      <div\n        *ngIf=\"!searchResultsLimit || i < searchResultsLimit\"\n        class=\"sky-autocomplete-result\"\n        role=\"option\"\n        tabindex=\"0\"\n        [attr.aria-selected]=\"isElementFocused(searchResultEl)\"\n        [attr.data-descriptor-value]=\"result.data[descriptorProperty]\"\n        [attr.id]=\"result.elementId\"\n        [skyHighlight]=\"highlightText\"\n        (mousedown)=\"onResultMouseDown(result.elementId, $event)\"\n        (mousemove)=\"onResultMouseMove(i)\"\n        #searchResultEl\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            searchResultTemplate || defaultSearchResultTemplate;\n            context: { item: result.data }\n          \"\n        >\n        </ng-container>\n      </div>\n    </ng-container>\n    <div\n      *ngIf=\"searchResults.length === 0\"\n      class=\"sky-deemphasized sky-padding-squish-default\"\n    >\n      {{\n        noResultsFoundText ||\n          ('skyux_autocomplete_no_results' | skyLibResources)\n      }}\n    </div>\n  </div>\n  <div *ngIf=\"showActionsArea\" class=\"sky-autocomplete-actions\">\n    <button\n      *ngIf=\"enableShowMore && (!searchText || searchResults.length > 0)\"\n      class=\"sky-autocomplete-action sky-autocomplete-action-more sky-btn sky-btn-link\"\n      type=\"button\"\n      (mousedown)=\"moreButtonClicked()\"\n    >\n      <ng-container\n        *ngIf=\"\n          !(\n            searchAsync\n            | skyAutocompleteSearchAsyncDisabled: searchAsyncDisabled\n          ) &&\n          searchResults.length === 0 &&\n          !searchText\n        \"\n      >\n        {{ 'skyux_autocomplete_show_all' | skyLibResources }}\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          (searchAsync\n            | skyAutocompleteSearchAsyncDisabled: searchAsyncDisabled) &&\n          !searchText\n        \"\n      >\n        {{\n          'skyux_autocomplete_show_all_count'\n            | skyLibResources: (data.length | skyNumeric: { truncate: false })\n        }}\n      </ng-container>\n      <ng-container *ngIf=\"searchText\">\n        {{\n          'skyux_autocomplete_show_matches_count'\n            | skyLibResources\n              : (searchResultsCount === undefined\n                  ? data.length\n                  : (searchResultsCount | skyNumeric: { truncate: false }))\n        }}\n      </ng-container>\n    </button>\n    <div\n      *ngIf=\"searchText && searchResults.length === 0\"\n      class=\"sky-font-deemphasized sky-autocomplete-actions-no-results\"\n    >\n      {{\n        noResultsFoundText ||\n          ('skyux_autocomplete_no_results' | skyLibResources)\n      }}\n    </div>\n    <button\n      *ngIf=\"showAddButton\"\n      class=\"sky-autocomplete-action sky-autocomplete-action-add sky-btn sky-btn-link\"\n      tabindex=\"0\"\n      type=\"button\"\n      [class.focused]=\"isElementFocused(addButtonEl)\"\n      (mousedown)=\"addButtonClicked()\"\n      #addButtonEl\n    >\n      <sky-icon *skyThemeIf=\"'modern'\" icon=\"add\" iconType=\"skyux\"></sky-icon>\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"plus-circle\"></sky-icon>\n      {{ 'skyux_autocomplete_add' | skyLibResources }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template let-item=\"item\" #defaultSearchResultTemplate>\n  {{ item[descriptorProperty] }}\n</ng-template>\n", styles: [".sky-autocomplete-results-container{position:fixed;background-color:#fff}.sky-autocomplete-results-waiting{height:70px}.sky-autocomplete-results{display:flex;flex-direction:column;padding:4px;overflow-y:auto;overflow-x:hidden;min-height:35px;max-height:calc(50vh - 50px)}.sky-autocomplete-result{color:#212327;margin-bottom:4px;padding:3px 20px;cursor:pointer}.sky-autocomplete-result:last-child{margin-bottom:0}.sky-autocomplete-actions{border-top:1px solid #cdcfd2}.sky-autocomplete-actions .sky-autocomplete-action{border:none}.sky-autocomplete-actions .sky-autocomplete-actions-no-results{display:inline-block;padding:7px 13px}.sky-autocomplete-action-add{float:right}.sky-autocomplete-action-add sky-icon{padding-right:5px}.sky-autocomplete-descendant-focus:not(.sky-autocomplete-action){background-color:#eeeeef}.sky-autocomplete-descendant-focus.sky-autocomplete-action{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px}::ng-deep .sky-theme-modern .sky-autocomplete-results-container{border-radius:6px}::ng-deep .sky-theme-modern .sky-autocomplete-results{padding:10px 0}::ng-deep .sky-theme-modern .sky-autocomplete-result{margin-bottom:0;padding:10px 0 10px 15px}::ng-deep .sky-theme-modern .sky-autocomplete-descendant-focus:not(.sky-autocomplete-action){background-color:inherit}::ng-deep .sky-theme-modern .sky-autocomplete-descendant-focus{border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}\n"], components: [{ type: i4.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }, { type: i4.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.λ11, selector: "[skyHighlight]", inputs: ["skyHighlight"] }, { type: i6$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i4$1.SkyLibResourcesPipe, "skyAutocompleteSearchAsyncDisabled": SkyAutcompleteSearchAsyncDisabledPipe, "skyNumeric": i1.SkyNumericPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-autocomplete', providers: [SkyAutocompleteAdapterService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  aria-autocomplete=\"list\"\n  aria-haspopup=\"listbox\"\n  class=\"sky-autocomplete\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"isOpen && searchText\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.aria-owns]=\"isOpen ? resultsListId : null\"\n  [attr.id]=\"resultsWrapperId\"\n>\n  <ng-content></ng-content>\n</div>\n\n<ng-template #resultsTemplateRef>\n  <div\n    class=\"sky-autocomplete-results-container\"\n    [skyThemeClass]=\"{\n      'sky-shadow': 'default',\n      'sky-elevation-4': 'modern'\n    }\"\n    (keydown)=\"handleKeydown($event)\"\n    #resultsRef\n  >\n    <div\n      *ngIf=\"isSearchingAsync; else resultControlsTemplateRef\"\n      class=\"sky-autocomplete-results-waiting\"\n    >\n      <sky-wait [isWaiting]=\"true\"></sky-wait>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resultControlsTemplateRef>\n  <div\n    *ngIf=\"searchText && (!showActionsArea || searchResults.length > 0)\"\n    class=\"sky-autocomplete-results\"\n    role=\"listbox\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.id]=\"resultsListId\"\n  >\n    <ng-container *ngFor=\"let result of searchResults; let i = index\">\n      <div\n        *ngIf=\"!searchResultsLimit || i < searchResultsLimit\"\n        class=\"sky-autocomplete-result\"\n        role=\"option\"\n        tabindex=\"0\"\n        [attr.aria-selected]=\"isElementFocused(searchResultEl)\"\n        [attr.id]=\"result.elementId\"\n        [skyHighlight]=\"highlightText\"\n        (mousedown)=\"onResultMouseDown(result.elementId, $event)\"\n        (mousemove)=\"onResultMouseMove(i)\"\n        #searchResultEl\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            searchResultTemplate || defaultSearchResultTemplate;\n            context: { item: result.data }\n          \"\n        >\n        </ng-container>\n      </div>\n    </ng-container>\n    <div\n      *ngIf=\"searchResults.length === 0\"\n      class=\"sky-deemphasized sky-padding-squish-default\"\n    >\n      {{\n        noResultsFoundText ||\n          ('skyux_autocomplete_no_results' | skyLibResources)\n      }}\n    </div>\n  </div>\n  <div *ngIf=\"showActionsArea\" class=\"sky-autocomplete-actions\">\n    <button\n      *ngIf=\"enableShowMore && (!searchText || searchResults.length > 0)\"\n      class=\"sky-autocomplete-action sky-autocomplete-action-more sky-btn sky-btn-link\"\n      type=\"button\"\n      (mousedown)=\"moreButtonClicked()\"\n    >\n      <ng-container\n        *ngIf=\"\n          !(\n            searchAsync\n            | skyAutocompleteSearchAsyncDisabled: searchAsyncDisabled\n          ) &&\n          searchResults.length === 0 &&\n          !searchText\n        \"\n      >\n        {{ 'skyux_autocomplete_show_all' | skyLibResources }}\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          (searchAsync\n            | skyAutocompleteSearchAsyncDisabled: searchAsyncDisabled) &&\n          !searchText\n        \"\n      >\n        {{\n          'skyux_autocomplete_show_all_count'\n            | skyLibResources: (data.length | skyNumeric: { truncate: false })\n        }}\n      </ng-container>\n      <ng-container *ngIf=\"searchText\">\n        {{\n          'skyux_autocomplete_show_matches_count'\n            | skyLibResources\n              : (searchResultsCount === undefined\n                  ? data.length\n                  : (searchResultsCount | skyNumeric: { truncate: false }))\n        }}\n      </ng-container>\n    </button>\n    <div\n      *ngIf=\"searchText && searchResults.length === 0\"\n      class=\"sky-font-deemphasized sky-autocomplete-actions-no-results\"\n    >\n      {{\n        noResultsFoundText ||\n          ('skyux_autocomplete_no_results' | skyLibResources)\n      }}\n    </div>\n    <button\n      *ngIf=\"showAddButton\"\n      class=\"sky-autocomplete-action sky-autocomplete-action-add sky-btn sky-btn-link\"\n      tabindex=\"0\"\n      type=\"button\"\n      [class.focused]=\"isElementFocused(addButtonEl)\"\n      (mousedown)=\"addButtonClicked()\"\n      #addButtonEl\n    >\n      <sky-icon *skyThemeIf=\"'modern'\" icon=\"add\" iconType=\"skyux\"></sky-icon>\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"plus-circle\"></sky-icon>\n      {{ 'skyux_autocomplete_add' | skyLibResources }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template let-item=\"item\" #defaultSearchResultTemplate>\n  {{ item[descriptorProperty] }}\n</ng-template>\n", styles: [".sky-autocomplete-results-container{position:fixed;background-color:#fff}.sky-autocomplete-results-waiting{height:70px}.sky-autocomplete-results{display:flex;flex-direction:column;padding:4px;overflow-y:auto;overflow-x:hidden;min-height:35px;max-height:calc(50vh - 50px)}.sky-autocomplete-result{color:#212327;margin-bottom:4px;padding:3px 20px;cursor:pointer}.sky-autocomplete-result:last-child{margin-bottom:0}.sky-autocomplete-actions{border-top:1px solid #cdcfd2}.sky-autocomplete-actions .sky-autocomplete-action{border:none}.sky-autocomplete-actions .sky-autocomplete-actions-no-results{display:inline-block;padding:7px 13px}.sky-autocomplete-action-add{float:right}.sky-autocomplete-action-add sky-icon{padding-right:5px}.sky-autocomplete-descendant-focus:not(.sky-autocomplete-action){background-color:#eeeeef}.sky-autocomplete-descendant-focus.sky-autocomplete-action{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px}::ng-deep .sky-theme-modern .sky-autocomplete-results-container{border-radius:6px}::ng-deep .sky-theme-modern .sky-autocomplete-results{padding:10px 0}::ng-deep .sky-theme-modern .sky-autocomplete-result{margin-bottom:0;padding:10px 0 10px 15px}::ng-deep .sky-theme-modern .sky-autocomplete-descendant-focus:not(.sky-autocomplete-action){background-color:inherit}::ng-deep .sky-theme-modern .sky-autocomplete-descendant-focus{border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}\n"] }]
+            args: [{ selector: 'sky-autocomplete', providers: [SkyAutocompleteAdapterService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  aria-autocomplete=\"list\"\n  aria-haspopup=\"listbox\"\n  class=\"sky-autocomplete\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"isOpen && searchText\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.aria-owns]=\"isOpen ? resultsListId : null\"\n  [attr.id]=\"resultsWrapperId\"\n>\n  <ng-content></ng-content>\n</div>\n\n<ng-template #resultsTemplateRef>\n  <div\n    class=\"sky-autocomplete-results-container\"\n    [skyThemeClass]=\"{\n      'sky-shadow': 'default',\n      'sky-elevation-4': 'modern'\n    }\"\n    (keydown)=\"handleKeydown($event)\"\n    #resultsRef\n  >\n    <div\n      *ngIf=\"isSearchingAsync; else resultControlsTemplateRef\"\n      class=\"sky-autocomplete-results-waiting\"\n    >\n      <sky-wait [isWaiting]=\"true\"></sky-wait>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resultControlsTemplateRef>\n  <div\n    *ngIf=\"searchText && (!showActionsArea || searchResults.length > 0)\"\n    class=\"sky-autocomplete-results\"\n    role=\"listbox\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.id]=\"resultsListId\"\n  >\n    <ng-container *ngFor=\"let result of searchResults; let i = index\">\n      <div\n        *ngIf=\"!searchResultsLimit || i < searchResultsLimit\"\n        class=\"sky-autocomplete-result\"\n        role=\"option\"\n        tabindex=\"0\"\n        [attr.aria-selected]=\"isElementFocused(searchResultEl)\"\n        [attr.data-descriptor-value]=\"result.data[descriptorProperty]\"\n        [attr.id]=\"result.elementId\"\n        [skyHighlight]=\"highlightText\"\n        (mousedown)=\"onResultMouseDown(result.elementId, $event)\"\n        (mousemove)=\"onResultMouseMove(i)\"\n        #searchResultEl\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            searchResultTemplate || defaultSearchResultTemplate;\n            context: { item: result.data }\n          \"\n        >\n        </ng-container>\n      </div>\n    </ng-container>\n    <div\n      *ngIf=\"searchResults.length === 0\"\n      class=\"sky-deemphasized sky-padding-squish-default\"\n    >\n      {{\n        noResultsFoundText ||\n          ('skyux_autocomplete_no_results' | skyLibResources)\n      }}\n    </div>\n  </div>\n  <div *ngIf=\"showActionsArea\" class=\"sky-autocomplete-actions\">\n    <button\n      *ngIf=\"enableShowMore && (!searchText || searchResults.length > 0)\"\n      class=\"sky-autocomplete-action sky-autocomplete-action-more sky-btn sky-btn-link\"\n      type=\"button\"\n      (mousedown)=\"moreButtonClicked()\"\n    >\n      <ng-container\n        *ngIf=\"\n          !(\n            searchAsync\n            | skyAutocompleteSearchAsyncDisabled: searchAsyncDisabled\n          ) &&\n          searchResults.length === 0 &&\n          !searchText\n        \"\n      >\n        {{ 'skyux_autocomplete_show_all' | skyLibResources }}\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          (searchAsync\n            | skyAutocompleteSearchAsyncDisabled: searchAsyncDisabled) &&\n          !searchText\n        \"\n      >\n        {{\n          'skyux_autocomplete_show_all_count'\n            | skyLibResources: (data.length | skyNumeric: { truncate: false })\n        }}\n      </ng-container>\n      <ng-container *ngIf=\"searchText\">\n        {{\n          'skyux_autocomplete_show_matches_count'\n            | skyLibResources\n              : (searchResultsCount === undefined\n                  ? data.length\n                  : (searchResultsCount | skyNumeric: { truncate: false }))\n        }}\n      </ng-container>\n    </button>\n    <div\n      *ngIf=\"searchText && searchResults.length === 0\"\n      class=\"sky-font-deemphasized sky-autocomplete-actions-no-results\"\n    >\n      {{\n        noResultsFoundText ||\n          ('skyux_autocomplete_no_results' | skyLibResources)\n      }}\n    </div>\n    <button\n      *ngIf=\"showAddButton\"\n      class=\"sky-autocomplete-action sky-autocomplete-action-add sky-btn sky-btn-link\"\n      tabindex=\"0\"\n      type=\"button\"\n      [class.focused]=\"isElementFocused(addButtonEl)\"\n      (mousedown)=\"addButtonClicked()\"\n      #addButtonEl\n    >\n      <sky-icon *skyThemeIf=\"'modern'\" icon=\"add\" iconType=\"skyux\"></sky-icon>\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"plus-circle\"></sky-icon>\n      {{ 'skyux_autocomplete_add' | skyLibResources }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template let-item=\"item\" #defaultSearchResultTemplate>\n  {{ item[descriptorProperty] }}\n</ng-template>\n", styles: [".sky-autocomplete-results-container{position:fixed;background-color:#fff}.sky-autocomplete-results-waiting{height:70px}.sky-autocomplete-results{display:flex;flex-direction:column;padding:4px;overflow-y:auto;overflow-x:hidden;min-height:35px;max-height:calc(50vh - 50px)}.sky-autocomplete-result{color:#212327;margin-bottom:4px;padding:3px 20px;cursor:pointer}.sky-autocomplete-result:last-child{margin-bottom:0}.sky-autocomplete-actions{border-top:1px solid #cdcfd2}.sky-autocomplete-actions .sky-autocomplete-action{border:none}.sky-autocomplete-actions .sky-autocomplete-actions-no-results{display:inline-block;padding:7px 13px}.sky-autocomplete-action-add{float:right}.sky-autocomplete-action-add sky-icon{padding-right:5px}.sky-autocomplete-descendant-focus:not(.sky-autocomplete-action){background-color:#eeeeef}.sky-autocomplete-descendant-focus.sky-autocomplete-action{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px}::ng-deep .sky-theme-modern .sky-autocomplete-results-container{border-radius:6px}::ng-deep .sky-theme-modern .sky-autocomplete-results{padding:10px 0}::ng-deep .sky-theme-modern .sky-autocomplete-result{margin-bottom:0;padding:10px 0 10px 15px}::ng-deep .sky-theme-modern .sky-autocomplete-descendant-focus:not(.sky-autocomplete-action){background-color:inherit}::ng-deep .sky-theme-modern .sky-autocomplete-descendant-focus{border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.SkyAffixService }, { type: SkyAutocompleteAdapterService }, { type: i1.SkyOverlayService }, { type: i6.SkyInputBoxHostService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { ariaLabelledBy: [{