@tylertech/forge 2.0.0

package/esm/app-bar/search/app-bar-search-constants.js

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}app-bar-search`;
+const classes = {
+    FOCUSED: 'forge-app-bar-search--focused',
+    DISABLED: 'forge-app-bar-search--disabled'
+};
+const selectors = {
+    ROOT: '.forge-app-bar-search',
+    INPUT: 'input',
+    GLOBAL_ICON_CONTAINER: '.forge-app-bar-search__global-icon-container',
+    CONTEXT_CONTAINER: '.forge-app-bar-search__context'
+};
+const attributes = {
+    DISABLED: 'disabled',
+    VALUE: 'value',
+    PLACEHOLDER: 'placeholder',
+    COMBINED: 'combined',
+    GLOBAL: 'global'
+};
+const events = {
+    INPUT: `${elementName}-input`
+};
+const strings = {
+    DEFAULT_CONTEXT: 'global'
+};
+export const APP_BAR_SEARCH_CONSTANTS = {
+    elementName,
+    classes,
+    selectors,
+    attributes,
+    events,
+    strings
+};
+export const DEFAULT_COMBINED_OPTIONS = [
+    { label: 'in this application', value: 'local' },
+    { label: 'in all products', value: strings.DEFAULT_CONTEXT }
+];

package/esm/app-bar/search/app-bar-search-foundation.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICustomElementFoundation } from '@tylertech/forge-core';
+import { IAppBarSearchAdapter } from './app-bar-search-adapter';
+import { IOption } from '../../select';
+export interface IAppBarSearchFoundation extends ICustomElementFoundation {
+    disabled: boolean;
+    value: string;
+    placeholder: string;
+    combined: boolean;
+    combinedOptions: IOption[];
+    selectedCombinedOption: string;
+    global: boolean;
+}
+/**
+ * Provides facilities and helper methods for creating an app-bar-search component.
+ */
+export declare class AppBarSearchFoundation implements IAppBarSearchFoundation {
+    private _adapter;
+    private _disabled;
+    private _combined;
+    private _combinedContext;
+    private _combinedOptions;
+    private _selectedCombinedOption;
+    private _global;
+    private _keydownListener;
+    private _focusListener;
+    private _blurListener;
+    constructor(_adapter: IAppBarSearchAdapter);
+    initialize(): void;
+    /**
+     * Handles keydown events on our search input.
+     * @param {KeyboardEvent} evt
+     */
+    private _onKeyDown;
+    private _onFocus;
+    private _onBlur;
+    disconnect(): void;
+    /** Gets/sets the disabled state of the input. */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /** Gets/sets the input value. */
+    get value(): string;
+    set value(value: string);
+    /** Sets the placeholder text. */
+    set placeholder(value: string);
+    /** Gets/sets the combined bool. */
+    get combined(): boolean;
+    set combined(value: boolean);
+    /** Gets/sets options for the combined search dropdown. */
+    get combinedOptions(): IOption[];
+    set combinedOptions(value: IOption[]);
+    /** Gets/sets selected option for the combined search dropdown. */
+    get selectedCombinedOption(): string;
+    set selectedCombinedOption(value: string);
+    /** Gets/sets the input value. */
+    get global(): boolean;
+    set global(value: boolean);
+}

package/esm/app-bar/search/app-bar-search-foundation.js

@@ -0,0 +1,126 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';
+/**
+ * Provides facilities and helper methods for creating an app-bar-search component.
+ */
+export class AppBarSearchFoundation {
+    constructor(_adapter) {
+        this._adapter = _adapter;
+        this._disabled = false;
+        this._combined = false;
+        this._combinedContext = APP_BAR_SEARCH_CONSTANTS.strings.DEFAULT_CONTEXT;
+        this._combinedOptions = [];
+        this._global = false;
+        this._keydownListener = evt => this._onKeyDown(evt);
+        this._focusListener = evt => this._onFocus(evt);
+        this._blurListener = evt => this._onBlur(evt);
+    }
+    initialize() {
+        this._adapter.initialize();
+        if (!this._adapter.hasInputElement()) {
+            throw new Error('An input element is required as a child of the app-bar-search component.');
+        }
+        this._adapter.setGlobalIconVisibility(this._global);
+        this._adapter.setContextVisibility(this._combined);
+        this._adapter.addSearchInputEventListener('keydown', this._keydownListener);
+        this._adapter.addSearchInputEventListener('focus', this._focusListener);
+        this._adapter.addSearchInputEventListener('blur', this._blurListener);
+    }
+    /**
+     * Handles keydown events on our search input.
+     * @param {KeyboardEvent} evt
+     */
+    _onKeyDown(evt) {
+        if (evt.key === 'Enter' || evt.keyCode === 13) {
+            const data = {
+                value: evt.target.value,
+                combined: this._combined,
+                context: this._combinedContext
+            };
+            this._adapter.emitHostEvent(APP_BAR_SEARCH_CONSTANTS.events.INPUT, data, true);
+        }
+    }
+    _onFocus(evt) {
+        this._adapter.addRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);
+    }
+    _onBlur(evt) {
+        this._adapter.removeRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);
+    }
+    disconnect() {
+        this._adapter.removeSearchInputEventListener('keydown', this._keydownListener);
+        this._adapter.removeSearchInputEventListener('focus', this._focusListener);
+        this._adapter.removeSearchInputEventListener('blur', this._blurListener);
+    }
+    /** Gets/sets the disabled state of the input. */
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        if (value !== this._disabled) {
+            this._disabled = value;
+            this._adapter.setDisabled(this._disabled);
+            this._adapter.toggleHostAttribute(APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED, this._disabled);
+        }
+    }
+    /** Gets/sets the input value. */
+    get value() {
+        return this._adapter.getInputValue();
+    }
+    set value(value) {
+        this._adapter.setInputValue(value);
+    }
+    /** Sets the placeholder text. */
+    set placeholder(value) {
+        this._adapter.setInputPlaceholder(value);
+    }
+    /** Gets/sets the combined bool. */
+    get combined() {
+        return this._combined;
+    }
+    set combined(value) {
+        if (this._combined !== value) {
+            this._combined = value;
+            this._adapter.setContextVisibility(this._combined);
+        }
+    }
+    /** Gets/sets options for the combined search dropdown. */
+    // Note: this is currently the end of the combinedOptions implemention.
+    //   In the future this will feed into a select or menu type dropdown.
+    get combinedOptions() {
+        if (!this._combinedOptions) {
+            return [];
+        }
+        return this._combinedOptions.map(co => (Object.assign({}, co)));
+    }
+    set combinedOptions(value) {
+        if (!value) {
+            this._combinedOptions = [];
+        }
+        this._combinedOptions = value.map(v => (Object.assign({}, v)));
+    }
+    /** Gets/sets selected option for the combined search dropdown. */
+    // Note: this is currently the end of the selectedCombinedOption implemention.
+    //   In the future this will hold the selected select or menu type dropdown value.
+    get selectedCombinedOption() {
+        return this._selectedCombinedOption;
+    }
+    set selectedCombinedOption(value) {
+        if (this._selectedCombinedOption !== value) {
+            this._selectedCombinedOption = value;
+        }
+    }
+    /** Gets/sets the input value. */
+    get global() {
+        return this._global;
+    }
+    set global(value) {
+        if (this._global !== value) {
+            this._global = value;
+            this._adapter.setGlobalIconVisibility(this._global);
+        }
+    }
+}

package/esm/app-bar/search/app-bar-search.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { IAppBarSearchInputEventData } from './app-bar-search-constants';
+import { IOption } from '../../select';
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
+export interface IAppBarSearchComponent extends IBaseComponent {
+    disabled: boolean;
+    value: string;
+    placeholder: string;
+    combined: boolean;
+    combinedOptions: IOption[];
+    selectedCombinedOption: string;
+    global: boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-app-bar-search': IAppBarSearchComponent;
+    }
+    interface HTMLElementEventMap {
+        'forge-app-bar-search-input': CustomEvent<IAppBarSearchInputEventData>;
+    }
+}
+/**
+ * The web component class behind the `<forge-app-bar-search>` custom element.
+ */
+export declare class AppBarSearchComponent extends BaseComponent implements IAppBarSearchComponent {
+    static get observedAttributes(): string[];
+    /** The foundation class that handles business logic for this component. */
+    private _foundation;
+    constructor();
+    connectedCallback(): void;
+    private _initialize;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    /** Gets/sets the value. */
+    value: string;
+    /** Gets/sets the disabled state of the search input. */
+    disabled: boolean;
+    /** Gets/sets whether this is a combined search box with search options. */
+    combined: boolean;
+    /** Gets/sets seelcted option for the combined search dropdown. */
+    combinedOptions: IOption[];
+    /** Gets/sets selected option for the combined search dropdown. */
+    selectedCombinedOption: string;
+    /** Gets/sets whether the global icon is displayed at the end of the input. */
+    global: boolean;
+    /** Sets the input placeholder value. */
+    set placeholder(value: string);
+}

package/esm/app-bar/search/app-bar-search.js

@@ -0,0 +1,101 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { CustomElement, attachShadowTemplate, ensureChildren, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';
+import { tylIconArrowDropDown, tylIconLanguage, tylIconSearch } from '@tylertech/tyler-icons/standard';
+import { AppBarSearchFoundation } from './app-bar-search-foundation';
+import { AppBarSearchAdapter } from './app-bar-search-adapter';
+import { APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';
+import { TooltipComponent } from '../../tooltip';
+import { IconComponent, IconRegistry } from '../../icon';
+import { BaseComponent } from '../../core/base/base-component';
+const template = '<template><div class=\"forge-app-bar-search\" part=\"root\"><div class=\"forge-app-bar-search__container\" part=\"container\"><div class=\"forge-app-bar-search__search-icon-container\" part=\"icon-container\"><forge-icon name=\"search\" class=\"forge-app-bar-search__icon\" part=\"icon\"></forge-icon></div><slot></slot><div class=\"forge-app-bar-search__context\" part=\"context\"><div class=\"forge-app-bar-search__vertical-divider\" part=\"context-divider\"></div><button type=\"button\" class=\"forge-app-bar-search__context-button\" part=\"context-button\"><span class=\"forge-app-bar-search__context-button-text\" part=\"context-button-text\">in this application</span><forge-icon name=\"arrow_drop_down\" class=\"forge-app-bar-search__context-button-icon\" part=\"context-button-icon\"></forge-icon></button></div><div class=\"forge-app-bar-search__global-icon-container\" part=\"global-icon-container\"><forge-icon slot=\"trailing\" name=\"language\" id=\"app-bar-global-context\" part=\"global-icon\"></forge-icon><forge-tooltip delay=\"500\" position=\"bottom\" target=\"#app-bar-global-context\">Global search</forge-tooltip></div></div><div class=\"forge-app-bar-search__actions\" part=\"actions-container\"><slot name=\"action\"></slot></div></div></template>';
+const styles = '::slotted([slot=action]){margin-left:8px}.forge-app-bar-search{display:-webkit-box;display:flex;height:2.25rem}.forge-app-bar-search__container{background-color:rgba(255,255,255,.08);background-color:var(--forge-app-bar-search-theme-background,rgba(255,255,255,.08));width:100%;-webkit-box-flex:1;flex:1 1 auto;margin:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.forge-app-bar-search__container::before{border-color:#fff;border-color:var(--mdc-theme-on-primary,#fff);content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border-width:1px;border-style:solid;z-index:-1;opacity:.54;-webkit-transition-property:border-color,opacity;transition-property:border-color,opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);will-change:border-color,border-width,opacity,top,left,bottom,right}.forge-app-bar-search__container:hover::before{opacity:.87;opacity:var(--forge-app-bar-search-theme-hover-opacity, .87)}.forge-app-bar-search__container ::slotted(input){color:#fff;color:var(--mdc-theme-on-primary,#fff);display:block;overflow:hidden;background:0 0;border:none;font-size:1rem;-webkit-box-flex:1;flex:1 1 auto;margin:0;margin-left:-8px;outline:0;pointer-events:auto;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2)}.forge-app-bar-search__container ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__global-icon-container{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 16px}.forge-app-bar-search__search-icon-container{width:56px;height:36px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:none}.forge-app-bar-search__icon{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-app-bar-search__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar-search__context{height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-app-bar-search__context-button{color:#000;color:var(--mdc-theme-on-surface,#000);outline:0;border:none;background:0 0;min-width:100px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:70%;margin-left:8px;margin-right:4px;border-radius:4px;background-color:transparent;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;will-change:background-color;padding:0;padding-left:8px}.forge-app-bar-search__context-button:hover{background-color:rgba(255,255,255,.12)}.forge-app-bar-search__context-button:focus{background-color:rgba(255,255,255,.2)}.forge-app-bar-search__context-button-text{-webkit-box-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.forge-app-bar-search__vertical-divider{border-left-color:#fff;border-left-color:var(--mdc-theme-on-primary,#fff);display:inline-block;position:absolute;top:8px;bottom:8px;border-left-width:1px;border-left-style:solid}.forge-app-bar-search--focused .forge-app-bar-search__container{background-color:rgba(255,255,255,.12);background-color:var(--forge-app-bar-search-theme-background-focused,rgba(255,255,255,.12))}.forge-app-bar-search--focused .forge-app-bar-search__container::before{opacity:.87;border-width:2px;top:-1px;right:-1px;bottom:-1px;left:-1px}.forge-app-bar-search--disabled{opacity:.26;opacity:var(--forge-app-bar-search-theme-disabled-opacity, .26);cursor:not-allowed}.forge-app-bar-search--disabled .forge-app-bar-search__container:hover::before{opacity:54%}.forge-app-bar-search--disabled ::slotted(input){cursor:not-allowed}:host{display:block;width:100%;contain:layout style}:host([hidden]){display:none}';
+/**
+ * The web component class behind the `<forge-app-bar-search>` custom element.
+ */
+let AppBarSearchComponent = class AppBarSearchComponent extends BaseComponent {
+    constructor() {
+        super();
+        IconRegistry.define([tylIconSearch, tylIconArrowDropDown, tylIconLanguage]);
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new AppBarSearchFoundation(new AppBarSearchAdapter(this));
+    }
+    static get observedAttributes() {
+        return [
+            APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED,
+            APP_BAR_SEARCH_CONSTANTS.attributes.VALUE,
+            APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER,
+            APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED,
+            APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL
+        ];
+    }
+    connectedCallback() {
+        if (this.children.length) {
+            this._initialize();
+        }
+        else {
+            ensureChildren(this).then(() => this._initialize());
+        }
+    }
+    _initialize() {
+        this._foundation.initialize();
+    }
+    disconnectedCallback() {
+        this._foundation.disconnect();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED:
+                this.disabled = coerceBoolean(newValue);
+                break;
+            case APP_BAR_SEARCH_CONSTANTS.attributes.VALUE:
+                this.value = newValue;
+                break;
+            case APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER:
+                this.placeholder = newValue;
+                break;
+            case APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED:
+                this.combined = coerceBoolean(newValue);
+                break;
+            case APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL:
+                this.global = coerceBoolean(newValue);
+                break;
+        }
+    }
+    /** Sets the input placeholder value. */
+    set placeholder(value) {
+        this._foundation.placeholder = value;
+    }
+};
+__decorate([
+    FoundationProperty()
+], AppBarSearchComponent.prototype, "value", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarSearchComponent.prototype, "disabled", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarSearchComponent.prototype, "combined", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarSearchComponent.prototype, "combinedOptions", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarSearchComponent.prototype, "selectedCombinedOption", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarSearchComponent.prototype, "global", void 0);
+AppBarSearchComponent = __decorate([
+    CustomElement({
+        name: APP_BAR_SEARCH_CONSTANTS.elementName,
+        dependencies: [
+            TooltipComponent,
+            IconComponent
+        ]
+    })
+], AppBarSearchComponent);
+export { AppBarSearchComponent };

package/esm/app-bar/search/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './app-bar-search-adapter';
+export * from './app-bar-search-constants';
+export * from './app-bar-search-foundation';
+export * from './app-bar-search';
+export declare function defineAppBarSearchComponent(): void;

package/esm/app-bar/search/index.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { AppBarSearchComponent } from './app-bar-search';
+export * from './app-bar-search-adapter';
+export * from './app-bar-search-constants';
+export * from './app-bar-search-foundation';
+export * from './app-bar-search';
+export function defineAppBarSearchComponent() {
+    defineCustomElement(AppBarSearchComponent);
+}

package/esm/autocomplete/autocomplete-adapter.d.ts

@@ -0,0 +1,90 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
+import { IOption } from '../select';
+import { IAutocompleteComponent } from './autocomplete';
+import { IAutocompleteOptionGroup } from './autocomplete-constants';
+import { IListDropdownConfig } from '../list-dropdown';
+export interface IAutocompleteAdapter extends IBaseAdapter {
+    setInputElement(): HTMLInputElement;
+    setInputAttribute(name: string, value: string): void;
+    addInputListener(type: string, listener: (evt: Event) => void): void;
+    removeInputListener(type: string, listener: (evt: Event) => void): void;
+    intializeInputAccessibility(identifier: string): void;
+    isWrappingChipField(): boolean;
+    show(config: IListDropdownConfig, popupTarget: string): void;
+    hide(listener: () => void): void;
+    focus(): void;
+    setOptions(options: IOption[] | IAutocompleteOptionGroup[]): void;
+    appendOptions(options: IOption[] | IAutocompleteOptionGroup[]): void;
+    setSelectedText(value: string): void;
+    getInputValue(): string;
+    selectInputValue(): void;
+    setDismissListener(listener: () => void): void;
+    toggleOptionMultiple(index: number, selected: boolean): void;
+    isFocusWithinPopup(target: HTMLElement): boolean;
+    hasFocus(): boolean;
+    hasInputElement(): boolean;
+    setDropdownIconListener(type: string, listener: EventListener): void;
+    removeDropdownIconListener(type: string, listener: EventListener): void;
+    setClearButtonListener(type: string, listener: EventListener): void;
+    removeClearButtonListener(type: string, listener: EventListener): void;
+    getPopupElement(): HTMLElement | null;
+    propagateKey(key: string): void;
+    updateActiveDescendant(id: string): void;
+    getTargetElementWidth(selector: string): number;
+    activateFirstOption(): void;
+    activateOptionByIndex(value: number): void;
+    setBusyVisibility(busy: boolean): void;
+    getActiveOptionIndex(): number | null;
+    clearActiveOption(): void;
+    setSelectedOptions(options: IOption[]): void;
+}
+/**
+ * The DOM adapter for the `<forge-autocomplete>` element.
+ */
+export declare class AutocompleteAdapter extends BaseAdapter<IAutocompleteComponent> implements IAutocompleteAdapter {
+    private _inputElement;
+    private _listDropdown?;
+    private _targetElement?;
+    constructor(component: IAutocompleteComponent);
+    setInputElement(): HTMLInputElement;
+    setInputAttribute(name: string, value: string): void;
+    addInputListener(type: string, listener: (evt: Event) => void): void;
+    removeInputListener(type: string, listener: (evt: Event) => void): void;
+    intializeInputAccessibility(identifier: string): void;
+    isWrappingChipField(): boolean;
+    show(config: IListDropdownConfig, popupTarget: string): void;
+    hide(listener: () => void): void;
+    setBusyVisibility(isVisible: boolean): void;
+    toggleOptionMultiple(index: number, selected: boolean): void;
+    setDismissListener(listener: () => void): void;
+    focus(): void;
+    setOptions(options: IOption[] | IAutocompleteOptionGroup[]): void;
+    appendOptions(options: IOption[] | IAutocompleteOptionGroup[]): void;
+    setSelectedText(value: string): void;
+    getInputValue(): string;
+    selectInputValue(): void;
+    isFocusWithinPopup(target: HTMLElement): boolean;
+    hasFocus(): boolean;
+    hasInputElement(): boolean;
+    setDropdownIconListener(type: string, listener: EventListener): void;
+    removeDropdownIconListener(type: string, listener: EventListener): void;
+    setClearButtonListener(type: string, listener: EventListener): void;
+    removeClearButtonListener(type: string, listener: EventListener): void;
+    propagateKey(key: string): void;
+    updateActiveDescendant(id: string): void;
+    getTargetElementWidth(selector: string): number;
+    getPopupElement(): HTMLElement | null;
+    activateFirstOption(): void;
+    activateOptionByIndex(value: number): void;
+    getActiveOptionIndex(): number | null;
+    clearActiveOption(): void;
+    setSelectedOptions(options: IOption[]): void;
+    private _getTargetElement;
+    private _getDefaultTargetElement;
+    private _tryToggleDropdownIconRotation;
+}