@skyux/lookup 6.3.1 → 6.4.0

package/fesm2020/skyux-lookup.mjs

@@ -12,6 +12,7 @@ import * as i7 from '@skyux/theme';
 import { SkyThemeModule } from '@skyux/theme';
 import * as i5 from '@skyux/i18n';
 import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
+import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
 import { Subject, fromEvent, of, from } from 'rxjs';
 import { takeUntil, debounceTime, switchMap, take, map, distinctUntilChanged } from 'rxjs/operators';
 import * as i6 from '@skyux/forms';
@@ -94,6 +95,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 }]
         }] });
 
+var _SkyAutocompleteInputDirective_instances, _SkyAutocompleteInputDirective_blur, _SkyAutocompleteInputDirective_control, _SkyAutocompleteInputDirective_elementRef, _SkyAutocompleteInputDirective_focus, _SkyAutocompleteInputDirective_isFirstChange, _SkyAutocompleteInputDirective_ngUnsubscribe, _SkyAutocompleteInputDirective_renderer, _SkyAutocompleteInputDirective_textChanges, _SkyAutocompleteInputDirective__autocompleteAttribute, _SkyAutocompleteInputDirective__blurObs, _SkyAutocompleteInputDirective__disabled, _SkyAutocompleteInputDirective__displayWith, _SkyAutocompleteInputDirective__focusObs, _SkyAutocompleteInputDirective__textChangesObs, _SkyAutocompleteInputDirective__value, _SkyAutocompleteInputDirective_setAttributes, _SkyAutocompleteInputDirective_getValueByKey;
 const SKY_AUTOCOMPLETE_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => SkyAutocompleteInputDirective),
@@ -106,17 +108,33 @@ const SKY_AUTOCOMPLETE_VALIDATOR = {
 };
 class SkyAutocompleteInputDirective {
     constructor(elementRef, renderer) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.isFirstChange = true;
-        this.ngUnsubscribe = new Subject();
-        this._blur = new Subject();
-        this._disabled = false;
-        this._focus = new Subject();
-        this._textChanges = new Subject();
+        _SkyAutocompleteInputDirective_instances.add(this);
+        _SkyAutocompleteInputDirective_blur.set(this, void 0);
+        _SkyAutocompleteInputDirective_control.set(this, void 0);
+        _SkyAutocompleteInputDirective_elementRef.set(this, void 0);
+        _SkyAutocompleteInputDirective_focus.set(this, void 0);
+        _SkyAutocompleteInputDirective_isFirstChange.set(this, true);
+        _SkyAutocompleteInputDirective_ngUnsubscribe.set(this, new Subject());
+        _SkyAutocompleteInputDirective_renderer.set(this, void 0);
+        _SkyAutocompleteInputDirective_textChanges.set(this, void 0);
+        _SkyAutocompleteInputDirective__autocompleteAttribute.set(this, void 0);
+        _SkyAutocompleteInputDirective__blurObs.set(this, void 0);
+        _SkyAutocompleteInputDirective__disabled.set(this, false);
+        _SkyAutocompleteInputDirective__displayWith.set(this, '');
+        _SkyAutocompleteInputDirective__focusObs.set(this, void 0);
+        _SkyAutocompleteInputDirective__textChangesObs.set(this, void 0);
+        _SkyAutocompleteInputDirective__value.set(this, void 0);
         // istanbul ignore next
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onValidatorChange = () => { };
+        __classPrivateFieldSet(this, _SkyAutocompleteInputDirective_elementRef, elementRef, "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteInputDirective_renderer, renderer, "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteInputDirective_blur, new Subject(), "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteInputDirective_focus, new Subject(), "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteInputDirective_textChanges, new Subject(), "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteInputDirective__blurObs, __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_blur, "f").asObservable(), "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteInputDirective__focusObs, __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_focus, "f").asObservable(), "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteInputDirective__textChangesObs, __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_textChanges, "f").asObservable(), "f");
     }
     /**
      * Specifies the value for the `autocomplete` attribute on the form input.
@@ -124,114 +142,109 @@ class SkyAutocompleteInputDirective {
      */
     set autocompleteAttribute(value) {
         if (!value) {
-            this._autocompleteAttribute = 'off';
+            __classPrivateFieldSet(this, _SkyAutocompleteInputDirective__autocompleteAttribute, 'off', "f");
         }
         else {
-            this._autocompleteAttribute = value;
+            __classPrivateFieldSet(this, _SkyAutocompleteInputDirective__autocompleteAttribute, value, "f");
         }
-        this.renderer.setAttribute(this.elementRef.nativeElement, 'autocomplete', this.autocompleteAttribute);
+        __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").setAttribute(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f").nativeElement, 'autocomplete', this.autocompleteAttribute);
     }
     get autocompleteAttribute() {
-        return this._autocompleteAttribute || 'off';
+        return __classPrivateFieldGet(this, _SkyAutocompleteInputDirective__autocompleteAttribute, "f") || 'off';
     }
     /**
      * Indicates whether to disable the autocomplete field.
      * @default false
      */
     set disabled(value) {
-        this._disabled = value;
-        this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', value);
+        __classPrivateFieldSet(this, _SkyAutocompleteInputDirective__disabled, value, "f");
+        __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").setProperty(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f").nativeElement, 'disabled', value);
     }
     get disabled() {
-        return this._disabled;
+        return __classPrivateFieldGet(this, _SkyAutocompleteInputDirective__disabled, "f");
     }
     get blur() {
-        return this._blur.asObservable();
+        return __classPrivateFieldGet(this, _SkyAutocompleteInputDirective__blurObs, "f");
     }
     get displayWith() {
-        return this._displayWith;
+        return __classPrivateFieldGet(this, _SkyAutocompleteInputDirective__displayWith, "f");
     }
     set displayWith(value) {
-        this._displayWith = value;
-        this.inputTextValue = this.getValueByKey();
+        __classPrivateFieldSet(this, _SkyAutocompleteInputDirective__displayWith, value, "f");
+        this.inputTextValue = __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_instances, "m", _SkyAutocompleteInputDirective_getValueByKey).call(this);
     }
     get focus() {
-        return this._focus.asObservable();
+        return __classPrivateFieldGet(this, _SkyAutocompleteInputDirective__focusObs, "f");
     }
     get inputTextValue() {
-        return this.elementRef.nativeElement.value;
+        return __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f").nativeElement.value;
     }
     set inputTextValue(value) {
-        this.elementRef.nativeElement.value = value || '';
+        __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f").nativeElement.value = value || '';
     }
     get textChanges() {
-        return this._textChanges.asObservable();
+        return __classPrivateFieldGet(this, _SkyAutocompleteInputDirective__textChangesObs, "f");
     }
     get value() {
-        return this._value;
+        return __classPrivateFieldGet(this, _SkyAutocompleteInputDirective__value, "f");
     }
     set value(value) {
-        const isNewValue = value !== this._value;
+        const isNewValue = value !== __classPrivateFieldGet(this, _SkyAutocompleteInputDirective__value, "f");
         /* istanbul ignore else */
         if (isNewValue) {
-            this._value = value;
-            this.inputTextValue = this.getValueByKey();
-            this.onChange(this._value);
+            __classPrivateFieldSet(this, _SkyAutocompleteInputDirective__value, value, "f");
+            this.inputTextValue = __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_instances, "m", _SkyAutocompleteInputDirective_getValueByKey).call(this);
+            this.onChange(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective__value, "f"));
             // Do not mark the field as "dirty"
             // if the field has been initialized with a value.
-            if (this.isFirstChange && this.control) {
-                this.control.markAsPristine();
+            if (__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_isFirstChange, "f") && __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_control, "f")) {
+                __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_control, "f").markAsPristine();
             }
-            if (this.isFirstChange && this._value) {
-                this.isFirstChange = false;
+            if (__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_isFirstChange, "f") && __classPrivateFieldGet(this, _SkyAutocompleteInputDirective__value, "f")) {
+                __classPrivateFieldSet(this, _SkyAutocompleteInputDirective_isFirstChange, false, "f");
             }
         }
     }
     ngOnInit() {
-        const element = this.elementRef.nativeElement;
-        this.setAttributes(element);
+        const element = __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f").nativeElement;
+        __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_instances, "m", _SkyAutocompleteInputDirective_setAttributes).call(this, __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f"));
         fromEvent(element, 'input')
-            .pipe(takeUntil(this.ngUnsubscribe))
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_ngUnsubscribe, "f")))
             .subscribe(() => {
-            /** Sanity check */
             if (!this.disabled) {
-                this._textChanges.next({
-                    value: this.elementRef.nativeElement.value,
+                __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_textChanges, "f").next({
+                    value: __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f").nativeElement.value,
                 });
             }
         });
         fromEvent(element, 'blur')
-            .pipe(takeUntil(this.ngUnsubscribe))
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_ngUnsubscribe, "f")))
             .subscribe(() => {
-            /** Sanity check */
             if (!this.disabled) {
-                this._blur.next();
+                __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_blur, "f").next();
             }
         });
         fromEvent(element, 'focus')
-            .pipe(takeUntil(this.ngUnsubscribe))
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_ngUnsubscribe, "f")))
             .subscribe(() => {
-            /** Sanity check */
             if (!this.disabled) {
-                this._focus.next();
+                __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_focus, "f").next();
             }
         });
         fromEvent(element, 'change')
-            .pipe(takeUntil(this.ngUnsubscribe))
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_ngUnsubscribe, "f")))
             .subscribe(() => {
-            /** Sanity check */
             /* istanbul ignore else */
             if (!this.disabled) {
-                this.isFirstChange = false;
+                __classPrivateFieldSet(this, _SkyAutocompleteInputDirective_isFirstChange, false, "f");
             }
         });
     }
     ngOnDestroy() {
-        this._blur.complete();
-        this._textChanges.complete();
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-        this._blur = this._textChanges = this.ngUnsubscribe = undefined;
+        __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_blur, "f").complete();
+        __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_textChanges, "f").complete();
+        __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_ngUnsubscribe, "f").next();
+        __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_ngUnsubscribe, "f").complete();
     }
     writeValue(value) {
         this.value = value;
@@ -246,7 +259,7 @@ class SkyAutocompleteInputDirective {
         this.onValidatorChange = fn;
     }
     restoreInputTextValueToPreviousState() {
-        const modelValue = this.getValueByKey();
+        const modelValue = __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_instances, "m", _SkyAutocompleteInputDirective_getValueByKey).call(this);
         // If the search field contains text, make sure that the value
         // matches the selected descriptor key.
         if (this.inputTextValue !== modelValue) {
@@ -258,18 +271,18 @@ class SkyAutocompleteInputDirective {
         this.disabled = disabled;
     }
     validate(control) {
-        if (!this.control) {
-            this.control = control;
+        if (!__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_control, "f")) {
+            __classPrivateFieldSet(this, _SkyAutocompleteInputDirective_control, control, "f");
         }
-        return;
+        return null;
     }
     // See: https://www.w3.org/TR/wai-aria-practices/#kbd_focus_activedescendant
     setActiveDescendant(descendantId) {
         if (descendantId) {
-            this.renderer.setAttribute(this.elementRef.nativeElement, 'aria-activedescendant', descendantId);
+            __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").setAttribute(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f").nativeElement, 'aria-activedescendant', descendantId);
         }
         else {
-            this.renderer.removeAttribute(this.elementRef.nativeElement, 'aria-activedescendant');
+            __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").removeAttribute(__classPrivateFieldGet(this, _SkyAutocompleteInputDirective_elementRef, "f").nativeElement, 'aria-activedescendant');
         }
     }
     // Angular automatically constructs these methods.
@@ -277,17 +290,17 @@ class SkyAutocompleteInputDirective {
     onChange(value) { }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onTouched() { }
-    setAttributes(element) {
-        this.renderer.setAttribute(element, 'autocomplete', this.autocompleteAttribute);
-        this.renderer.setAttribute(element, 'autocapitalize', 'none');
-        this.renderer.setAttribute(element, 'autocorrect', 'off');
-        this.renderer.setAttribute(element, 'spellcheck', 'false');
-        this.renderer.addClass(element, 'sky-form-control');
-    }
-    getValueByKey() {
-        return this.value ? this.value[this.displayWith] : undefined;
-    }
 }
+_SkyAutocompleteInputDirective_blur = new WeakMap(), _SkyAutocompleteInputDirective_control = new WeakMap(), _SkyAutocompleteInputDirective_elementRef = new WeakMap(), _SkyAutocompleteInputDirective_focus = new WeakMap(), _SkyAutocompleteInputDirective_isFirstChange = new WeakMap(), _SkyAutocompleteInputDirective_ngUnsubscribe = new WeakMap(), _SkyAutocompleteInputDirective_renderer = new WeakMap(), _SkyAutocompleteInputDirective_textChanges = new WeakMap(), _SkyAutocompleteInputDirective__autocompleteAttribute = new WeakMap(), _SkyAutocompleteInputDirective__blurObs = new WeakMap(), _SkyAutocompleteInputDirective__disabled = new WeakMap(), _SkyAutocompleteInputDirective__displayWith = new WeakMap(), _SkyAutocompleteInputDirective__focusObs = new WeakMap(), _SkyAutocompleteInputDirective__textChangesObs = new WeakMap(), _SkyAutocompleteInputDirective__value = new WeakMap(), _SkyAutocompleteInputDirective_instances = new WeakSet(), _SkyAutocompleteInputDirective_setAttributes = function _SkyAutocompleteInputDirective_setAttributes(elementRef) {
+    const element = elementRef.nativeElement;
+    __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").setAttribute(element, 'autocomplete', this.autocompleteAttribute);
+    __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").setAttribute(element, 'autocapitalize', 'none');
+    __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").setAttribute(element, 'autocorrect', 'off');
+    __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").setAttribute(element, 'spellcheck', 'false');
+    __classPrivateFieldGet(this, _SkyAutocompleteInputDirective_renderer, "f").addClass(element, 'sky-form-control');
+}, _SkyAutocompleteInputDirective_getValueByKey = function _SkyAutocompleteInputDirective_getValueByKey() {
+    return this.value ? this.value[this.displayWith] : undefined;
+};
 SkyAutocompleteInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAutocompleteInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
 SkyAutocompleteInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: SkyAutocompleteInputDirective, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: { autocompleteAttribute: "autocompleteAttribute", disabled: "disabled" }, providers: [SKY_AUTOCOMPLETE_VALUE_ACCESSOR, SKY_AUTOCOMPLETE_VALIDATOR], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAutocompleteInputDirective, decorators: [{
@@ -327,14 +340,16 @@ function normalizeDiacritics(value) {
     return value.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
 }
 
+var _SkyAutocompleteAdapterService_coreAdapterService, _SkyAutocompleteAdapterService_renderer;
 /**
  * @internal
  */
 class SkyAutocompleteAdapterService {
     constructor(coreAdapterService, rendererFactory) {
-        this.coreAdapterService = coreAdapterService;
-        this.rendererFactory = rendererFactory;
-        this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
+        _SkyAutocompleteAdapterService_coreAdapterService.set(this, void 0);
+        _SkyAutocompleteAdapterService_renderer.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAutocompleteAdapterService_coreAdapterService, coreAdapterService, "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteAdapterService_renderer, rendererFactory.createRenderer(undefined, null), "f");
     }
     /**
      * Adds the className for the provided element.
@@ -343,11 +358,11 @@ class SkyAutocompleteAdapterService {
         /* Sanity check */
         /* istanbul ignore else */
         if (element) {
-            this.renderer.addClass(element, className);
+            __classPrivateFieldGet(this, _SkyAutocompleteAdapterService_renderer, "f").addClass(element, className);
         }
     }
     getOverlayFocusableElements(overlay) {
-        return this.coreAdapterService.getFocusableChildren(
+        return __classPrivateFieldGet(this, _SkyAutocompleteAdapterService_coreAdapterService, "f").getFocusableChildren(
         /* Sanity check - calling function also has null check */
         /* istanbul ignore next */
         overlay?.componentRef.location.nativeElement, { ignoreTabIndex: true });
@@ -359,7 +374,7 @@ class SkyAutocompleteAdapterService {
         /* Sanity check */
         /* istanbul ignore else */
         if (element) {
-            this.renderer.removeClass(element, className);
+            __classPrivateFieldGet(this, _SkyAutocompleteAdapterService_renderer, "f").removeClass(element, className);
         }
     }
     setDropdownWidth(elementRef, dropdownRef, isInputBox) {
@@ -368,7 +383,7 @@ class SkyAutocompleteAdapterService {
             : elementRef.nativeElement;
         if (parentElement) {
             const width = parentElement.getBoundingClientRect().width;
-            this.renderer.setStyle(dropdownRef.nativeElement, 'width', `${width}px`);
+            __classPrivateFieldGet(this, _SkyAutocompleteAdapterService_renderer, "f").setStyle(dropdownRef.nativeElement, 'width', `${width}px`);
         }
     }
     /**
@@ -378,6 +393,7 @@ class SkyAutocompleteAdapterService {
         element.tabIndex = tabIndex;
     }
 }
+_SkyAutocompleteAdapterService_coreAdapterService = new WeakMap(), _SkyAutocompleteAdapterService_renderer = new WeakMap();
 SkyAutocompleteAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAutocompleteAdapterService, deps: [{ token: i1.SkyCoreAdapterService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyAutocompleteAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAutocompleteAdapterService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAutocompleteAdapterService, decorators: [{
@@ -437,15 +453,11 @@ 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__searchResultTemplate, _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;
 let uniqueId$1 = 0;
 class SkyAutocompleteComponent {
     constructor(changeDetector, elementRef, affixService, adapterService, overlayService, inputBoxHostSvc) {
-        this.changeDetector = changeDetector;
-        this.elementRef = elementRef;
-        this.affixService = affixService;
-        this.adapterService = adapterService;
-        this.overlayService = overlayService;
-        this.inputBoxHostSvc = inputBoxHostSvc;
+        _SkyAutocompleteComponent_instances.add(this);
         /**
          * @internal
          * Indicates whether to display a button in the dropdown that opens a picker where users can view all options.
@@ -472,26 +484,59 @@ class SkyAutocompleteComponent {
          * Fires when users select the button to view all options.
          */
         this.showMoreClick = new EventEmitter();
+        /**
+         * Fires when users select items in the dropdown list.
+         */
+        this.selectionChange = new EventEmitter();
         /**
          * Fires when users enter new search information and allows results to be
          * returned via an observable.
          */
         this.searchAsync = new EventEmitter();
         this.isOpen = false;
+        this.searchText = '';
         this.isSearchingAsync = false;
         /**
          * Index that indicates which descendant of the overlay currently has focus.
          */
-        this.activeElementIndex = -1;
-        this.inputDirectiveUnsubscribe = new Subject();
-        this.ngUnsubscribe = new Subject();
+        _SkyAutocompleteComponent_activeElementIndex.set(this, -1);
+        _SkyAutocompleteComponent_adapterService.set(this, void 0);
+        _SkyAutocompleteComponent_affixer.set(this, void 0);
+        _SkyAutocompleteComponent_affixService.set(this, void 0);
+        _SkyAutocompleteComponent_changeDetector.set(this, void 0);
+        _SkyAutocompleteComponent_elementRef.set(this, void 0);
+        _SkyAutocompleteComponent_inputBoxHostSvc.set(this, void 0);
+        _SkyAutocompleteComponent_inputDirectiveUnsubscribe.set(this, new Subject());
+        _SkyAutocompleteComponent_messageStreamSub.set(this, void 0);
+        _SkyAutocompleteComponent_ngUnsubscribe.set(this, new Subject());
+        _SkyAutocompleteComponent_overlay.set(this, void 0);
+        _SkyAutocompleteComponent_overlayService.set(this, void 0);
         /**
          * Elements within the autocomplete dropdown that are focusable.
          * These are typically the search results and action buttons, but could also be
          * elements provided in the consumer's own template.
          */
-        this.overlayFocusableElements = [];
-        this._selectionChange = new EventEmitter();
+        _SkyAutocompleteComponent_overlayFocusableElements.set(this, []);
+        _SkyAutocompleteComponent_currentSearchSub.set(this, void 0);
+        _SkyAutocompleteComponent__data.set(this, void 0);
+        _SkyAutocompleteComponent__debounceTime.set(this, void 0);
+        _SkyAutocompleteComponent__descriptorProperty.set(this, void 0);
+        _SkyAutocompleteComponent__highlightText.set(this, void 0);
+        _SkyAutocompleteComponent__inputDirective.set(this, void 0);
+        _SkyAutocompleteComponent__messageStream.set(this, new Subject());
+        _SkyAutocompleteComponent__propertiesToSearch.set(this, void 0);
+        _SkyAutocompleteComponent__resultsRef.set(this, void 0);
+        _SkyAutocompleteComponent__search.set(this, void 0);
+        _SkyAutocompleteComponent__searchResults.set(this, void 0);
+        _SkyAutocompleteComponent__searchResultTemplate.set(this, void 0);
+        _SkyAutocompleteComponent__searchResultsLimit.set(this, void 0);
+        _SkyAutocompleteComponent__searchTextMinimumCharacters.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_changeDetector, changeDetector, "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_elementRef, elementRef, "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_affixService, affixService, "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_adapterService, adapterService, "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_overlayService, overlayService, "f");
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_inputBoxHostSvc, inputBoxHostSvc, "f");
         const id = ++uniqueId$1;
         this.resultsListId = `sky-autocomplete-list-${id}`;
         this.resultsWrapperId = `sky-autocomplete-wrapper-${id}`;
@@ -502,10 +547,10 @@ class SkyAutocompleteComponent {
      * changes due to server calls, use `search` or `searchAsync` instead.
      */
     set data(value) {
-        this._data = value;
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent__data, value, "f");
     }
     get data() {
-        return this._data || [];
+        return __classPrivateFieldGet(this, _SkyAutocompleteComponent__data, "f") || [];
     }
     /**
      * Specifies how many milliseconds to wait before searching while users
@@ -513,10 +558,10 @@ class SkyAutocompleteComponent {
      * @default 0
      */
     set debounceTime(value) {
-        this._debounceTime = value;
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent__debounceTime, value, "f");
     }
     get debounceTime() {
-        return this._debounceTime || 0;
+        return __classPrivateFieldGet(this, _SkyAutocompleteComponent__debounceTime, "f") || 0;
     }
     /**
      * Specifies an object property to display in the text input after users
@@ -524,31 +569,31 @@ class SkyAutocompleteComponent {
      * @default "name"
      */
     set descriptorProperty(value) {
-        this._descriptorProperty = value;
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent__descriptorProperty, value, "f");
     }
     get descriptorProperty() {
-        return this._descriptorProperty || 'name';
+        return __classPrivateFieldGet(this, _SkyAutocompleteComponent__descriptorProperty, "f") || 'name';
     }
     /**
      * Specifies an observable of `SkyAutocompleteMessage` that can close the dropdown.
      * @internal
      */
     set messageStream(value) {
-        this._messageStream = value;
-        this.initMessageStream();
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent__messageStream, value ?? new Subject(), "f");
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_initMessageStream).call(this);
     }
     get messageStream() {
-        return this._messageStream;
+        return __classPrivateFieldGet(this, _SkyAutocompleteComponent__messageStream, "f");
     }
     /**
      * Specifies the object properties to search.
      * @default ["name"]
      */
     set propertiesToSearch(value) {
-        this._propertiesToSearch = value;
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent__propertiesToSearch, value, "f");
     }
     get propertiesToSearch() {
-        return this._propertiesToSearch || ['name'];
+        return __classPrivateFieldGet(this, _SkyAutocompleteComponent__propertiesToSearch, "f") || ['name'];
     }
     /**
      * Specifies a function to dynamically manage the data source when users
@@ -559,10 +604,10 @@ class SkyAutocompleteComponent {
      * `search`.
      */
     set search(value) {
-        this._search = value;
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent__search, value, "f");
     }
     get search() {
-        return (this._search ||
+        return (__classPrivateFieldGet(this, _SkyAutocompleteComponent__search, "f") ||
             skyAutocompleteDefaultSearchFunction({
                 propertiesToSearch: this.propertiesToSearch,
                 searchFilters: this.searchFilters,
@@ -574,10 +619,10 @@ class SkyAutocompleteComponent {
      * as `item` variables that reference all of the object properties of the search results.
      */
     set searchResultTemplate(value) {
-        this._searchResultTemplate = value;
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent__searchResultTemplate, value, "f");
     }
     get searchResultTemplate() {
-        return this._searchResultTemplate || this.defaultSearchResultTemplate;
+        return __classPrivateFieldGet(this, _SkyAutocompleteComponent__searchResultTemplate, "f") || this.defaultSearchResultTemplate;
     }
     /**
      * Specifies the minimum number of characters that users must enter before
@@ -586,11 +631,12 @@ class SkyAutocompleteComponent {
      * @default 1
      */
     set searchTextMinimumCharacters(value) {
-        this._searchTextMinimumCharacters = value;
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent__searchTextMinimumCharacters, value, "f");
     }
     get searchTextMinimumCharacters() {
-        return this._searchTextMinimumCharacters > 0
-            ? this._searchTextMinimumCharacters
+        return __classPrivateFieldGet(this, _SkyAutocompleteComponent__searchTextMinimumCharacters, "f") &&
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent__searchTextMinimumCharacters, "f") > 0
+            ? __classPrivateFieldGet(this, _SkyAutocompleteComponent__searchTextMinimumCharacters, "f")
             : 1;
     }
     /**
@@ -598,126 +644,117 @@ class SkyAutocompleteComponent {
      * By default, the component displays all matching results.
      */
     set searchResultsLimit(value) {
-        this._searchResultsLimit = value;
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent__searchResultsLimit, value, "f");
     }
     get searchResultsLimit() {
-        if (this._searchResultsLimit) {
-            return this._searchResultsLimit;
+        if (__classPrivateFieldGet(this, _SkyAutocompleteComponent__searchResultsLimit, "f") && __classPrivateFieldGet(this, _SkyAutocompleteComponent__searchResultsLimit, "f") > 0) {
+            return __classPrivateFieldGet(this, _SkyAutocompleteComponent__searchResultsLimit, "f");
         }
         else {
-            return this.enableShowMore ? 5 : this._searchResultsLimit;
+            return this.enableShowMore ? 5 : __classPrivateFieldGet(this, _SkyAutocompleteComponent__searchResultsLimit, "f");
         }
     }
-    /**
-     * Fires when users select items in the dropdown list.
-     */
-    get selectionChange() {
-        return this._selectionChange;
-    }
     //#endregion
     //#region template_properties
     get searchResults() {
-        return this._searchResults || [];
+        return __classPrivateFieldGet(this, _SkyAutocompleteComponent__searchResults, "f") || [];
+    }
+    set searchResults(value) {
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent__searchResults, value, "f");
     }
     get highlightText() {
-        return this._highlightText || [];
+        return __classPrivateFieldGet(this, _SkyAutocompleteComponent__highlightText, "f") || [];
+    }
+    set highlightText(value) {
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent__highlightText, value, "f");
     }
     get showActionsArea() {
         return this.showAddButton || this.enableShowMore;
     }
     set inputDirective(directive) {
-        if (this._inputDirective !== directive) {
-            if (!directive) {
-                throw Error([
-                    'The SkyAutocompleteComponent requires a ContentChild input or',
-                    'textarea bound with the SkyAutocomplete directive. For example:',
-                    '`<input type="text" skyAutocomplete>`.',
-                ].join(' '));
-            }
+        if (!directive) {
+            throw Error([
+                'The SkyAutocompleteComponent requires a ContentChild input or',
+                'textarea bound with the SkyAutocomplete directive. For example:',
+                '`<input type="text" skyAutocomplete>`.',
+            ].join(' '));
+        }
+        if (__classPrivateFieldGet(this, _SkyAutocompleteComponent__inputDirective, "f") !== directive) {
             // Unsubscribe from old subscriptions on any previous input directive
-            this.inputDirectiveUnsubscribe.next();
-            this._inputDirective = directive;
-            this._inputDirective.displayWith = this.descriptorProperty;
-            this._inputDirective.textChanges
-                .pipe(takeUntil(this.inputDirectiveUnsubscribe), debounceTime(this.debounceTime), switchMap((change) => {
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_inputDirectiveUnsubscribe, "f").next();
+            __classPrivateFieldSet(this, _SkyAutocompleteComponent__inputDirective, directive, "f");
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent__inputDirective, "f").displayWith = this.descriptorProperty;
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent__inputDirective, "f").textChanges
+                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAutocompleteComponent_inputDirectiveUnsubscribe, "f")), debounceTime(this.debounceTime), switchMap((change) => {
                 this.isSearchingAsync = true;
                 return of(change);
             }))
                 .subscribe((change) => {
-                this.searchTextChanged(change.value);
+                __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_searchTextChanged).call(this, change.value);
             });
-            this._inputDirective.blur
-                .pipe(takeUntil(this.inputDirectiveUnsubscribe))
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent__inputDirective, "f").blur
+                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAutocompleteComponent_inputDirectiveUnsubscribe, "f")))
                 .subscribe(() => {
-                this.inputDirective.restoreInputTextValueToPreviousState();
-                this.closeDropdown();
-                this.inputDirective.onTouched();
+                directive.restoreInputTextValueToPreviousState();
+                __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_closeDropdown).call(this);
+                directive.onTouched();
             });
-            this._inputDirective.focus
-                .pipe(takeUntil(this.inputDirectiveUnsubscribe))
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent__inputDirective, "f").focus
+                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAutocompleteComponent_inputDirectiveUnsubscribe, "f")))
                 .subscribe(() => {
                 if (this.showActionsArea) {
-                    this.openDropdown();
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_openDropdown).call(this);
                 }
             });
         }
     }
     get inputDirective() {
-        return this._inputDirective;
+        return __classPrivateFieldGet(this, _SkyAutocompleteComponent__inputDirective, "f");
     }
     set resultsRef(value) {
         if (value) {
-            this._resultsRef = value;
-            this.destroyAffixer();
-            this.createAffixer();
+            __classPrivateFieldSet(this, _SkyAutocompleteComponent__resultsRef, value, "f");
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_destroyAffixer).call(this);
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_createAffixer).call(this);
         }
     }
     get resultsRef() {
-        return this._resultsRef;
-    }
-    ngAfterContentInit() {
-        if (!this.inputDirective) {
-            throw Error([
-                'The SkyAutocompleteComponent requires a ContentChild input or',
-                'textarea bound with the SkyAutocomplete directive. For example:',
-                '`<input type="text" skyAutocomplete>`.',
-            ].join(' '));
-        }
+        return __classPrivateFieldGet(this, _SkyAutocompleteComponent__resultsRef, "f");
     }
     ngAfterViewInit() {
-        this.addInputEventListeners();
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_addInputEventListeners).call(this);
     }
     ngOnDestroy() {
-        this.cancelCurrentSearch();
-        this.inputDirectiveUnsubscribe.next();
-        this.inputDirectiveUnsubscribe.complete();
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-        this.destroyAffixer();
-        this.destroyOverlay();
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_cancelCurrentSearch).call(this);
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_inputDirectiveUnsubscribe, "f").next();
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_inputDirectiveUnsubscribe, "f").complete();
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_ngUnsubscribe, "f").next();
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_ngUnsubscribe, "f").complete();
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_destroyAffixer).call(this);
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_destroyOverlay).call(this);
     }
     addButtonClicked() {
         this.addClick.emit();
         this.inputDirective.restoreInputTextValueToPreviousState();
-        this.closeDropdown();
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_closeDropdown).call(this);
     }
     handleKeydown(event) {
         /* Sanity check */
         /* istanbul ignore else */
         if (event.key) {
             const key = event.key.toLowerCase();
-            const activeElement = this.getActiveElement();
+            const activeElement = __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_getActiveElement).call(this);
             const activeElementId = activeElement?.id;
             const targetIsSearchResult = this.searchResults.find((r) => r.elementId === activeElementId);
             switch (key) {
                 case 'enter':
                     if (targetIsSearchResult) {
-                        this.selectSearchResultById(activeElementId);
+                        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_selectSearchResultById).call(this, activeElementId);
                         if (!this.showActionsArea) {
-                            this.closeDropdown();
+                            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_closeDropdown).call(this);
                         }
                         else {
-                            this.resetSearch();
+                            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_resetSearch).call(this);
                         }
                     }
                     else {
@@ -730,43 +767,43 @@ class SkyAutocompleteComponent {
                     break;
                 case 'tab':
                     if (targetIsSearchResult) {
-                        this.selectSearchResultById(activeElementId);
+                        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_selectSearchResultById).call(this, activeElementId);
                     }
                     else {
                         this.inputDirective.restoreInputTextValueToPreviousState();
                     }
-                    this.closeDropdown();
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_closeDropdown).call(this);
                     break;
                 case 'escape':
-                    this.closeDropdown();
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_closeDropdown).call(this);
                     break;
                 case 'arrowdown':
                 case 'down':
-                    this.removeFocusedClass();
-                    if (this.activeElementIndex ===
-                        this.overlayFocusableElements.length - 1 ||
-                        this.activeElementIndex === -1) {
-                        this.activeElementIndex = 0;
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_removeFocusedClass).call(this);
+                    if (__classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f") ===
+                        __classPrivateFieldGet(this, _SkyAutocompleteComponent_overlayFocusableElements, "f").length - 1 ||
+                        __classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f") === -1) {
+                        __classPrivateFieldSet(this, _SkyAutocompleteComponent_activeElementIndex, 0, "f");
                     }
                     else {
-                        this.activeElementIndex = this.activeElementIndex + 1;
+                        __classPrivateFieldSet(this, _SkyAutocompleteComponent_activeElementIndex, __classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f") + 1, "f");
                     }
-                    this.addFocusedClass();
-                    this.changeDetector.markForCheck();
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_addFocusedClass).call(this);
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").markForCheck();
                     event.preventDefault();
                     event.stopPropagation();
                     break;
                 case 'arrowup':
                 case 'up':
-                    this.removeFocusedClass();
-                    if (this.activeElementIndex <= 0) {
-                        this.activeElementIndex = this.overlayFocusableElements.length - 1;
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_removeFocusedClass).call(this);
+                    if (__classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f") <= 0) {
+                        __classPrivateFieldSet(this, _SkyAutocompleteComponent_activeElementIndex, __classPrivateFieldGet(this, _SkyAutocompleteComponent_overlayFocusableElements, "f").length - 1, "f");
                     }
                     else {
-                        this.activeElementIndex = this.activeElementIndex - 1;
+                        __classPrivateFieldSet(this, _SkyAutocompleteComponent_activeElementIndex, __classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f") - 1, "f");
                     }
-                    this.addFocusedClass();
-                    this.changeDetector.markForCheck();
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_addFocusedClass).call(this);
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").markForCheck();
                     event.preventDefault();
                     event.stopPropagation();
                     break;
@@ -776,310 +813,284 @@ class SkyAutocompleteComponent {
     moreButtonClicked() {
         this.showMoreClick.emit({ inputValue: this.searchText });
         this.inputDirective.restoreInputTextValueToPreviousState();
-        this.closeDropdown();
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_closeDropdown).call(this);
     }
     onResultMouseDown(id, event) {
-        this.selectSearchResultById(id);
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_selectSearchResultById).call(this, id);
         if (!this.showActionsArea) {
-            this.closeDropdown();
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_closeDropdown).call(this);
         }
         else {
-            this.resetSearch();
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_resetSearch).call(this);
         }
         event.preventDefault();
         event.stopPropagation();
     }
     onResultMouseMove(id) {
-        if (id !== this.activeElementIndex) {
-            this.removeFocusedClass();
-            this.activeElementIndex = id;
-            this.addFocusedClass();
-            this.changeDetector.markForCheck();
+        if (id !== __classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f")) {
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_removeFocusedClass).call(this);
+            __classPrivateFieldSet(this, _SkyAutocompleteComponent_activeElementIndex, id, "f");
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_addFocusedClass).call(this);
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").markForCheck();
         }
     }
     isElementFocused(ref) {
-        return ref === this.overlayFocusableElements[this.activeElementIndex];
+        return ref === __classPrivateFieldGet(this, _SkyAutocompleteComponent_overlayFocusableElements, "f")[__classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f")];
     }
-    searchTextChanged(searchText) {
-        const isEmpty = !searchText || !searchText.trim() || searchText.match(/^\s+$/);
-        if (isEmpty) {
-            // Emit selectionChange if value has been cleared.
-            if (this.inputDirective.value) {
-                this.inputDirective.value = undefined;
-                this.selectionChange.emit({
-                    selectedItem: undefined,
-                });
-            }
-            if (!this.showActionsArea) {
-                this.closeDropdown();
-            }
-            else {
-                this.resetSearch();
-            }
-            this.isSearchingAsync = false;
-            this.changeDetector.markForCheck();
-            return;
-        }
-        const isLongEnough = searchText.length >= this.searchTextMinimumCharacters;
-        const isDifferent = searchText !== this.searchText;
-        this.searchText = searchText.trim();
-        if (isLongEnough && isDifferent) {
-            this.cancelCurrentSearch();
-            this.currentSearchSub = this.performSearch()
-                .pipe(take(1))
-                .subscribe((result) => {
-                const items = result.items.filter((item) => {
-                    return item && this.descriptorProperty in item;
-                });
-                this.isSearchingAsync = false;
-                this._searchResults = items.map((r, i) => {
-                    const result = {
-                        elementId: `${this.resultsListId}-item-${i}`,
-                        data: r,
-                    };
-                    return result;
-                });
-                this.searchResultsCount = result.totalCount;
-                this._highlightText = this.getHighlightText(this.searchText);
-                this.removeFocusedClass();
-                this.removeActiveDescendant();
-                if (this.searchResults.length > 0) {
-                    this.activeElementIndex = 0;
-                }
-                else {
-                    this.activeElementIndex = -1;
-                }
-                this.changeDetector.markForCheck();
-                if (this.isOpen) {
-                    // Let the results populate in the DOM before recalculating placement.
-                    setTimeout(() => {
-                        this.affixer.reaffix();
-                        this.changeDetector.detectChanges();
-                        this.initOverlayFocusableElements();
-                    });
-                }
-                else {
-                    this.openDropdown();
-                    this.changeDetector.markForCheck();
-                }
-            });
-        }
-        else {
-            this.isSearchingAsync = false;
-            this.changeDetector.markForCheck();
-        }
-    }
-    performSearch() {
-        if (!this.searchAsyncDisabled && this.searchAsync.observers.length > 0) {
-            const searchAsyncArgs = {
-                displayType: 'popover',
-                offset: 0,
-                searchText: this.searchText,
-            };
-            this.searchAsync.emit(searchAsyncArgs);
-            return searchAsyncArgs.result;
-        }
-        const result = this.search(this.searchText, this.data);
-        if (result instanceof Array) {
-            return of({
-                items: result,
-                totalCount: result.length,
+}
+_SkyAutocompleteComponent_activeElementIndex = new WeakMap(), _SkyAutocompleteComponent_adapterService = new WeakMap(), _SkyAutocompleteComponent_affixer = new WeakMap(), _SkyAutocompleteComponent_affixService = new WeakMap(), _SkyAutocompleteComponent_changeDetector = new WeakMap(), _SkyAutocompleteComponent_elementRef = new WeakMap(), _SkyAutocompleteComponent_inputBoxHostSvc = new WeakMap(), _SkyAutocompleteComponent_inputDirectiveUnsubscribe = new WeakMap(), _SkyAutocompleteComponent_messageStreamSub = new WeakMap(), _SkyAutocompleteComponent_ngUnsubscribe = new WeakMap(), _SkyAutocompleteComponent_overlay = new WeakMap(), _SkyAutocompleteComponent_overlayService = new WeakMap(), _SkyAutocompleteComponent_overlayFocusableElements = new WeakMap(), _SkyAutocompleteComponent_currentSearchSub = new WeakMap(), _SkyAutocompleteComponent__data = new WeakMap(), _SkyAutocompleteComponent__debounceTime = new WeakMap(), _SkyAutocompleteComponent__descriptorProperty = new WeakMap(), _SkyAutocompleteComponent__highlightText = new WeakMap(), _SkyAutocompleteComponent__inputDirective = new WeakMap(), _SkyAutocompleteComponent__messageStream = new WeakMap(), _SkyAutocompleteComponent__propertiesToSearch = new WeakMap(), _SkyAutocompleteComponent__resultsRef = new WeakMap(), _SkyAutocompleteComponent__search = new WeakMap(), _SkyAutocompleteComponent__searchResults = new WeakMap(), _SkyAutocompleteComponent__searchResultTemplate = new WeakMap(), _SkyAutocompleteComponent__searchResultsLimit = new WeakMap(), _SkyAutocompleteComponent__searchTextMinimumCharacters = new WeakMap(), _SkyAutocompleteComponent_instances = new WeakSet(), _SkyAutocompleteComponent_searchTextChanged = function _SkyAutocompleteComponent_searchTextChanged(searchText) {
+    const isEmpty = !searchText || !searchText.trim() || searchText.match(/^\s+$/);
+    if (isEmpty) {
+        // Emit selectionChange if value has been cleared.
+        if (this.inputDirective.value) {
+            this.inputDirective.value = undefined;
+            this.selectionChange.emit({
+                selectedItem: undefined,
             });
         }
-        return from(result).pipe(map((items) => {
-            return {
-                items,
-                totalCount: items.length,
-            };
-        }));
-    }
-    cancelCurrentSearch() {
-        if (this.currentSearchSub) {
-            this.currentSearchSub.unsubscribe();
-            this.currentSearchSub = undefined;
+        if (!this.showActionsArea) {
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_closeDropdown).call(this);
         }
-    }
-    /**
-     * Returns the text to highlight based on exact matches, case-insensitive matches, and matches for corresponding diacritical characters (a will match à).
-     */
-    getHighlightText(searchText) {
-        const normalizedSearchText = normalizeDiacritics(searchText)
-            .toLocaleUpperCase()
-            .trim();
-        if (!normalizedSearchText) {
-            return [];
-        }
-        let matchesToHighlight = [];
-        for (let i = 0, n = this._searchResults.length; i < n; i++) {
-            const value = this._searchResults[i].data[this.descriptorProperty]
-                .toString()
-                .toLocaleUpperCase();
-            const normalizedDataValue = normalizeDiacritics(value);
-            let offset = 0;
-            let index;
-            while ((index = normalizedDataValue.indexOf(normalizedSearchText, offset)) > -1) {
-                const matchedString = value.slice(index, index + searchText.length);
-                offset = index + searchText.length;
-                matchesToHighlight = matchesToHighlight.concat(matchedString);
-            }
+        else {
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_resetSearch).call(this);
         }
-        // Remove any duplicates from the array.
-        return [...new Set(matchesToHighlight)];
+        this.isSearchingAsync = false;
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").markForCheck();
+        return;
     }
-    selectSearchResultById(id) {
-        const result = this.searchResults.find((r) => r.elementId === id).data;
-        /* Sanity check */
-        /* istanbul ignore else */
-        if (result) {
-            this.searchText = result[this.descriptorProperty];
-            this.inputDirective.value = result;
-            this.selectionChange.emit({
-                selectedItem: result,
+    const isLongEnough = searchText.length >= this.searchTextMinimumCharacters;
+    const isDifferent = searchText !== this.searchText;
+    this.searchText = searchText.trim();
+    if (isLongEnough && isDifferent) {
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_cancelCurrentSearch).call(this);
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_currentSearchSub, __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_performSearch).call(this)
+            .pipe(take(1))
+            .subscribe((result) => {
+            const items = result.items.filter((item) => {
+                return item && this.descriptorProperty in item;
             });
-        }
-    }
-    openDropdown() {
-        if (!this.overlay) {
-            const overlay = this.overlayService.create({
-                enableClose: false,
-                enablePointerEvents: true,
-                wrapperClass: this.wrapperClass,
+            this.isSearchingAsync = false;
+            this.searchResults = items.map((r, i) => {
+                const result = {
+                    elementId: `${this.resultsListId}-item-${i}`,
+                    data: r,
+                };
+                return result;
             });
-            overlay.attachTemplate(this.resultsTemplateRef);
-            this.overlay = overlay;
-            this.isOpen = true;
-            this.changeDetector.markForCheck();
-            this.initOverlayFocusableElements();
-        }
-    }
-    closeDropdown() {
-        this.resetSearch();
-        this.isOpen = false;
-        this.destroyOverlay();
-        this.removeActiveDescendant();
-        this.changeDetector.markForCheck();
-    }
-    setActiveDescendant() {
-        const activeElement = this.overlayFocusableElements[this.activeElementIndex];
-        /* Sanity check */
-        /* istanbul ignore else */
-        if (activeElement) {
-            this.inputDirective.setActiveDescendant(activeElement.id);
-        }
-    }
-    removeActiveDescendant() {
-        this.inputDirective.setActiveDescendant(null);
-    }
-    resetSearch() {
-        this._searchResults = [];
-        this.searchText = '';
-        this._highlightText = [];
-        this.activeElementIndex = -1;
-        this.searchResultsCount = undefined;
-        this.removeActiveDescendant();
-        this.initOverlayFocusableElements();
-        this.changeDetector.markForCheck();
-    }
-    addInputEventListeners() {
-        const element = this.elementRef.nativeElement;
-        fromEvent(element, 'keydown')
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((event) => {
-            this.handleKeydown(event);
-        });
-        fromEvent(window, 'resize')
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => {
-            /* istanbul ignore else */
+            this.searchResultsCount = result.totalCount;
+            this.highlightText = __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_getHighlightText).call(this, this.searchText);
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_removeFocusedClass).call(this);
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_removeActiveDescendant).call(this);
+            if (this.searchResults.length > 0) {
+                __classPrivateFieldSet(this, _SkyAutocompleteComponent_activeElementIndex, 0, "f");
+            }
+            else {
+                __classPrivateFieldSet(this, _SkyAutocompleteComponent_activeElementIndex, -1, "f");
+            }
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").markForCheck();
             if (this.isOpen) {
-                this.adapterService.setDropdownWidth(this.elementRef, this.resultsRef, !!this.inputBoxHostSvc);
+                // Let the results populate in the DOM before recalculating placement.
+                setTimeout(() => {
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_affixer, "f").reaffix();
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").detectChanges();
+                    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_initOverlayFocusableElements).call(this);
+                });
+            }
+            else {
+                __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_openDropdown).call(this);
+                __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").markForCheck();
             }
+        }), "f");
+    }
+    else {
+        this.isSearchingAsync = false;
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").markForCheck();
+    }
+}, _SkyAutocompleteComponent_performSearch = function _SkyAutocompleteComponent_performSearch() {
+    if (!this.searchAsyncDisabled && this.searchAsync.observers.length > 0) {
+        const searchAsyncArgs = {
+            displayType: 'popover',
+            offset: 0,
+            searchText: this.searchText,
+        };
+        this.searchAsync.emit(searchAsyncArgs);
+        return searchAsyncArgs.result;
+    }
+    const result = this.search(this.searchText, this.data);
+    if (result instanceof Array) {
+        return of({
+            items: result,
+            totalCount: result.length,
         });
     }
-    destroyOverlay() {
-        if (this.overlay) {
-            this.overlayService.close(this.overlay);
-            this.overlay = undefined;
-        }
+    return from(result).pipe(map((items) => {
+        return {
+            items,
+            totalCount: items.length,
+        };
+    }));
+}, _SkyAutocompleteComponent_cancelCurrentSearch = function _SkyAutocompleteComponent_cancelCurrentSearch() {
+    if (__classPrivateFieldGet(this, _SkyAutocompleteComponent_currentSearchSub, "f")) {
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_currentSearchSub, "f").unsubscribe();
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_currentSearchSub, undefined, "f");
+    }
+}, _SkyAutocompleteComponent_getHighlightText = function _SkyAutocompleteComponent_getHighlightText(searchText) {
+    const normalizedSearchText = normalizeDiacritics(searchText)
+        .toLocaleUpperCase()
+        .trim();
+    if (!normalizedSearchText) {
+        return [];
+    }
+    let matchesToHighlight = [];
+    for (let i = 0, n = this.searchResults.length; i < n; i++) {
+        const value = this.searchResults[i].data[this.descriptorProperty]
+            .toString()
+            .toLocaleUpperCase();
+        const normalizedDataValue = normalizeDiacritics(value);
+        let offset = 0;
+        let index;
+        while ((index = normalizedDataValue.indexOf(normalizedSearchText, offset)) > -1) {
+            const matchedString = value.slice(index, index + searchText.length);
+            offset = index + searchText.length;
+            matchesToHighlight = matchesToHighlight.concat(matchedString);
+        }
+    }
+    // Remove any duplicates from the array.
+    return [...new Set(matchesToHighlight)];
+}, _SkyAutocompleteComponent_selectSearchResultById = function _SkyAutocompleteComponent_selectSearchResultById(id) {
+    const result = this.searchResults.find((r) => r.elementId === id);
+    /* istanbul ignore else */
+    if (result) {
+        const data = result.data;
+        this.searchText = data[this.descriptorProperty];
+        this.inputDirective.value = data;
+        this.selectionChange.emit({
+            selectedItem: data,
+        });
     }
-    createAffixer() {
-        /* Sanity check */
+}, _SkyAutocompleteComponent_openDropdown = function _SkyAutocompleteComponent_openDropdown() {
+    if (!__classPrivateFieldGet(this, _SkyAutocompleteComponent_overlay, "f")) {
+        const overlay = __classPrivateFieldGet(this, _SkyAutocompleteComponent_overlayService, "f").create({
+            enableClose: false,
+            enablePointerEvents: true,
+            wrapperClass: this.wrapperClass,
+        });
+        overlay.attachTemplate(this.resultsTemplateRef);
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_overlay, overlay, "f");
+        this.isOpen = true;
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").markForCheck();
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_initOverlayFocusableElements).call(this);
+    }
+}, _SkyAutocompleteComponent_closeDropdown = function _SkyAutocompleteComponent_closeDropdown() {
+    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_resetSearch).call(this);
+    this.isOpen = false;
+    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_destroyOverlay).call(this);
+    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_removeActiveDescendant).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")];
+    /* Sanity check */
+    /* istanbul ignore else */
+    if (activeElement) {
+        this.inputDirective.setActiveDescendant(activeElement.id);
+    }
+}, _SkyAutocompleteComponent_removeActiveDescendant = function _SkyAutocompleteComponent_removeActiveDescendant() {
+    this.inputDirective.setActiveDescendant(null);
+}, _SkyAutocompleteComponent_resetSearch = function _SkyAutocompleteComponent_resetSearch() {
+    this.searchResults = [];
+    this.searchText = '';
+    this.highlightText = [];
+    __classPrivateFieldSet(this, _SkyAutocompleteComponent_activeElementIndex, -1, "f");
+    this.searchResultsCount = undefined;
+    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_removeActiveDescendant).call(this);
+    __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_initOverlayFocusableElements).call(this);
+    __classPrivateFieldGet(this, _SkyAutocompleteComponent_changeDetector, "f").markForCheck();
+}, _SkyAutocompleteComponent_addInputEventListeners = function _SkyAutocompleteComponent_addInputEventListeners() {
+    const element = __classPrivateFieldGet(this, _SkyAutocompleteComponent_elementRef, "f").nativeElement;
+    fromEvent(element, 'keydown')
+        .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAutocompleteComponent_ngUnsubscribe, "f")))
+        .subscribe((event) => {
+        this.handleKeydown(event);
+    });
+    fromEvent(window, 'resize')
+        .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAutocompleteComponent_ngUnsubscribe, "f")))
+        .subscribe(() => {
         /* istanbul ignore else */
-        if (!this.affixer) {
-            const affixer = this.affixService.createAffixer(this.resultsRef);
-            this.adapterService.setDropdownWidth(this.elementRef, this.resultsRef, !!this.inputBoxHostSvc);
-            affixer.affixTo(this.elementRef.nativeElement, {
-                autoFitContext: SkyAffixAutoFitContext.Viewport,
-                enableAutoFit: true,
-                isSticky: true,
-                placement: 'below',
-                horizontalAlignment: 'left',
-            });
-            this.affixer = affixer;
-        }
-    }
-    destroyAffixer() {
-        if (this.affixer) {
-            this.affixer.destroy();
-            this.affixer = undefined;
-        }
-    }
-    initMessageStream() {
-        /* istanbul ignore if */
-        if (this.messageStreamSub) {
-            this.messageStreamSub.unsubscribe();
-        }
-        if (this.messageStream) {
-            this.messageStreamSub = this.messageStream
-                .pipe(takeUntil(this.ngUnsubscribe))
-                .subscribe((message) => {
-                switch (message.type) {
-                    case SkyAutocompleteMessageType.CloseDropdown:
-                        this.closeDropdown();
-                        break;
-                    case SkyAutocompleteMessageType.RepositionDropdown:
-                        // Settimeout waits for changes in DOM (e.g., tokens being removed)
-                        setTimeout(() => {
-                            /* istanbul ignore else */
-                            if (this.affixer) {
-                                this.affixer.reaffix();
-                            }
-                        });
-                        break;
-                }
-            });
-        }
-    }
-    initOverlayFocusableElements() {
-        // Wait for dropdown elements to render.
-        setTimeout(() => {
-            if (this.overlay) {
-                this.overlayFocusableElements =
-                    this.adapterService.getOverlayFocusableElements(this.overlay);
-                this.overlayFocusableElements.forEach((el) => {
-                    this.adapterService.setTabIndex(el, -1);
-                });
-                this.addFocusedClass();
-            }
+        if (this.isOpen && this.resultsRef) {
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_adapterService, "f").setDropdownWidth(__classPrivateFieldGet(this, _SkyAutocompleteComponent_elementRef, "f"), this.resultsRef, !!__classPrivateFieldGet(this, _SkyAutocompleteComponent_inputBoxHostSvc, "f"));
+        }
+    });
+}, _SkyAutocompleteComponent_destroyOverlay = function _SkyAutocompleteComponent_destroyOverlay() {
+    if (__classPrivateFieldGet(this, _SkyAutocompleteComponent_overlay, "f")) {
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_overlayService, "f").close(__classPrivateFieldGet(this, _SkyAutocompleteComponent_overlay, "f"));
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_overlay, undefined, "f");
+    }
+}, _SkyAutocompleteComponent_createAffixer = function _SkyAutocompleteComponent_createAffixer() {
+    /* Sanity check */
+    /* istanbul ignore else */
+    if (!__classPrivateFieldGet(this, _SkyAutocompleteComponent_affixer, "f") && this.resultsRef) {
+        const affixer = __classPrivateFieldGet(this, _SkyAutocompleteComponent_affixService, "f").createAffixer(this.resultsRef);
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_adapterService, "f").setDropdownWidth(__classPrivateFieldGet(this, _SkyAutocompleteComponent_elementRef, "f"), this.resultsRef, !!__classPrivateFieldGet(this, _SkyAutocompleteComponent_inputBoxHostSvc, "f"));
+        affixer.affixTo(__classPrivateFieldGet(this, _SkyAutocompleteComponent_elementRef, "f").nativeElement, {
+            autoFitContext: SkyAffixAutoFitContext.Viewport,
+            enableAutoFit: true,
+            isSticky: true,
+            placement: 'below',
+            horizontalAlignment: 'left',
         });
-    }
-    getActiveElement() {
-        return this.overlayFocusableElements[this.activeElementIndex];
-    }
-    removeFocusedClass() {
-        if (this.activeElementIndex > -1) {
-            this.adapterService.removeCSSClass(this.overlayFocusableElements[this.activeElementIndex], 'sky-autocomplete-descendant-focus');
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_affixer, affixer, "f");
+    }
+}, _SkyAutocompleteComponent_destroyAffixer = function _SkyAutocompleteComponent_destroyAffixer() {
+    if (__classPrivateFieldGet(this, _SkyAutocompleteComponent_affixer, "f")) {
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_affixer, "f").destroy();
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_affixer, undefined, "f");
+    }
+}, _SkyAutocompleteComponent_initMessageStream = function _SkyAutocompleteComponent_initMessageStream() {
+    if (__classPrivateFieldGet(this, _SkyAutocompleteComponent_messageStreamSub, "f")) {
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_messageStreamSub, "f").unsubscribe();
+        __classPrivateFieldSet(this, _SkyAutocompleteComponent_messageStreamSub, undefined, "f");
+    }
+    __classPrivateFieldSet(this, _SkyAutocompleteComponent_messageStreamSub, this.messageStream.subscribe((message) => {
+        switch (message.type) {
+            case SkyAutocompleteMessageType.CloseDropdown:
+                __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_closeDropdown).call(this);
+                break;
+            case SkyAutocompleteMessageType.RepositionDropdown:
+                // Settimeout waits for changes in DOM (e.g., tokens being removed)
+                setTimeout(() => {
+                    /* istanbul ignore else */
+                    if (__classPrivateFieldGet(this, _SkyAutocompleteComponent_affixer, "f")) {
+                        __classPrivateFieldGet(this, _SkyAutocompleteComponent_affixer, "f").reaffix();
+                    }
+                });
+                break;
+        }
+    }), "f");
+}, _SkyAutocompleteComponent_initOverlayFocusableElements = function _SkyAutocompleteComponent_initOverlayFocusableElements() {
+    // Wait for dropdown elements to render.
+    setTimeout(() => {
+        if (__classPrivateFieldGet(this, _SkyAutocompleteComponent_overlay, "f")) {
+            __classPrivateFieldSet(this, _SkyAutocompleteComponent_overlayFocusableElements, __classPrivateFieldGet(this, _SkyAutocompleteComponent_adapterService, "f").getOverlayFocusableElements(__classPrivateFieldGet(this, _SkyAutocompleteComponent_overlay, "f")), "f");
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_overlayFocusableElements, "f").forEach((el) => {
+                __classPrivateFieldGet(this, _SkyAutocompleteComponent_adapterService, "f").setTabIndex(el, -1);
+            });
+            __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_addFocusedClass).call(this);
         }
+    });
+}, _SkyAutocompleteComponent_getActiveElement = function _SkyAutocompleteComponent_getActiveElement() {
+    return __classPrivateFieldGet(this, _SkyAutocompleteComponent_overlayFocusableElements, "f")[__classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f")];
+}, _SkyAutocompleteComponent_removeFocusedClass = function _SkyAutocompleteComponent_removeFocusedClass() {
+    if (__classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f") > -1) {
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_adapterService, "f").removeCSSClass(__classPrivateFieldGet(this, _SkyAutocompleteComponent_overlayFocusableElements, "f")[__classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f")], 'sky-autocomplete-descendant-focus');
     }
-    addFocusedClass() {
-        if (this.activeElementIndex > -1) {
-            this.adapterService.addCSSClass(this.overlayFocusableElements[this.activeElementIndex], 'sky-autocomplete-descendant-focus');
-            this.setActiveDescendant();
-        }
+}, _SkyAutocompleteComponent_addFocusedClass = function _SkyAutocompleteComponent_addFocusedClass() {
+    if (__classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f") > -1) {
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_adapterService, "f").addCSSClass(__classPrivateFieldGet(this, _SkyAutocompleteComponent_overlayFocusableElements, "f")[__classPrivateFieldGet(this, _SkyAutocompleteComponent_activeElementIndex, "f")], 'sky-autocomplete-descendant-focus');
+        __classPrivateFieldGet(this, _SkyAutocompleteComponent_instances, "m", _SkyAutocompleteComponent_setActiveDescendant).call(this);
     }
-}
+};
 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: "defaultSearchResultTemplate", first: true, predicate: ["defaultSearchResultTemplate"], descendants: true, read: TemplateRef }, { 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;\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": i5.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: "defaultSearchResultTemplate", first: true, predicate: ["defaultSearchResultTemplate"], descendants: true, read: TemplateRef, static: true }, { 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;\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": i5.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;\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"] }]
@@ -1129,7 +1140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 type: ViewChild,
                 args: ['defaultSearchResultTemplate', {
                         read: TemplateRef,
-                        static: false,
+                        static: true,
                     }]
             }], inputDirective: [{
                 type: ContentChild,
@@ -2798,6 +2809,7 @@ class SkyLookupComponent extends SkyLookupAutocompleteAdapter {
                     useValue: contextProviderValue,
                 },
             ],
+            size: 'large',
             wrapperClass: this.wrapperClass,
         });
     }