@tylertech/forge 3.0.0-next.13 → 3.0.0-next.15

package/esm/app-bar/profile-button/app-bar-profile-button-foundation.js

@@ -3,7 +3,7 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { isFunction, Platform } from '@tylertech/forge-core';
+import { isFunction } from '@tylertech/forge-core';
 import { AVATAR_CONSTANTS } from '../../avatar';
 import { PROFILE_CARD_CONSTANTS } from '../../profile-card';
 import { APP_BAR_PROFILE_BUTTON_CONSTANTS } from './app-bar-profile-button-constants';
@@ -18,7 +18,7 @@ export class AppBarProfileButtonFoundation {
         this._open = false;
         this._isInitialized = false;
         this._clickListener = evt => this._onClick(evt);
-        this._dismissListener = () => this._onDimiss();
+        this._dismissListener = () => this._onDismiss();
         this._keydownListener = evt => this._onKeydown(evt);
         this._profileButtonListener = () => this._onProfileButtonClick();
         this._signOutButtonListener = () => this._onSignOutButtonClick();
@@ -32,15 +32,13 @@ export class AppBarProfileButtonFoundation {
         this._adapter.setAvatarIcon(this._avatarIcon);
         this._isInitialized = true;
     }
-    disconnect() {
-        if (this._open) {
-            this._closeDropdown();
-        }
+    destroy() {
         this._adapter.removeWindowListener('keydown', this._keydownListener);
         this._adapter.removeClickListener(this._clickListener);
+        this._adapter.destroy();
         this._isInitialized = false;
     }
-    _onClick(evt) {
+    _onClick(_evt) {
         if (!this._open) {
             this._openDropdown();
         }
@@ -49,18 +47,13 @@ export class AppBarProfileButtonFoundation {
         }
     }
     _onKeydown(evt) {
-        if (evt.key === 'Escape' || evt.keyCode === 27) {
+        if (evt.key === 'Escape') {
             this._closeDropdown();
             this._adapter.requestFocus();
         }
     }
-    _onDimiss() {
-        if (Platform.WEBKIT) {
-            window.requestAnimationFrame(() => this._closeDropdown());
-        }
-        else {
-            this._closeDropdown();
-        }
+    _onDismiss() {
+        this._closeDropdown();
     }
     _onProfileButtonClick() {
         this._adapter.emitHostEvent(PROFILE_CARD_CONSTANTS.events.PROFILE);
@@ -73,12 +66,10 @@ export class AppBarProfileButtonFoundation {
         this._adapter.requestFocus();
     }
     _openDropdown() {
+        /* c8 ignore next 3 */
         if (this._open) {
             return;
         }
-        if (isFunction(this._cancelDismissListener)) {
-            this._cancelDismissListener();
-        }
         const profileCardConfig = {
             fullName: this._fullName,
             email: this._email,
@@ -95,21 +86,25 @@ export class AppBarProfileButtonFoundation {
         this._cancelDismissListener = this._adapter.openPopup(profileCardConfig, this._dismissListener, this._profileButtonListener, this._signOutButtonListener, profileCardContent);
         this._adapter.addWindowListener('keydown', this._keydownListener);
         this._open = true;
+        this._adapter.toggleHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.OPEN, this._open);
         // If we aren't showing the sign out or profile buttons then leave focus on our button
         if (!profileCardConfig.signOut && !profileCardConfig.profile) {
             this._adapter.requestFocus();
         }
     }
     _closeDropdown() {
+        /* c8 ignore next 3 */
         if (!this._open) {
             return;
         }
-        if (isFunction(this._cancelDismissListener)) {
+        if (this._cancelDismissListener && isFunction(this._cancelDismissListener)) {
             this._cancelDismissListener();
+            this._cancelDismissListener = undefined;
         }
         this._open = false;
         this._adapter.removeWindowListener('keydown', this._keydownListener);
         this._adapter.closePopup();
+        this._adapter.toggleHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.OPEN, this._open);
     }
     get fullName() {
         return this._fullName;
@@ -149,7 +144,7 @@ export class AppBarProfileButtonFoundation {
             this._avatarLetterCount = value;
             if (this._isInitialized) {
                 this._adapter.setAvatarLetterCount(this._avatarLetterCount);
-                this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_LETTER_COUNT, this._avatarLetterCount);
+                this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_LETTER_COUNT, String(this._avatarLetterCount));
             }
         }
     }
@@ -183,7 +178,7 @@ export class AppBarProfileButtonFoundation {
     set signOutButton(value) {
         if (this._showSignOutButton !== value) {
             this._showSignOutButton = value;
-            this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON, this._showSignOutButton);
+            this._adapter.toggleHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON, this._showSignOutButton);
         }
     }
     get profileButton() {
@@ -192,7 +187,7 @@ export class AppBarProfileButtonFoundation {
     set profileButton(value) {
         if (this._showProfileButton !== value) {
             this._showProfileButton = value;
-            this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON, this._showProfileButton);
+            this._adapter.toggleHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON, this._showProfileButton);
         }
     }
     get signOutButtonText() {
@@ -226,6 +221,9 @@ export class AppBarProfileButtonFoundation {
             }
         }
     }
+    get popupElement() {
+        return this._adapter.popupElement;
+    }
     get profileCardBuilder() {
         return this._profileCardBuilder;
     }

package/esm/app-bar/profile-button/app-bar-profile-button.d.ts

@@ -4,6 +4,7 @@
  * License: Apache-2.0
  */
 import { AppBarProfileButtonProfileCardBuilder } from './app-bar-profile-button-constants';
+import { IPopupComponent } from '../../popup';
 import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
 export interface IAppBarProfileButtonComponent extends IBaseComponent {
     avatarImageUrl: string;
@@ -17,6 +18,7 @@ export interface IAppBarProfileButtonComponent extends IBaseComponent {
     signOutButtonText: string;
     profileButtonText: string;
     open: boolean;
+    popupElement: IPopupComponent | undefined;
     profileCardBuilder: (fn: AppBarProfileButtonProfileCardBuilder) => void;
 }
 declare global {
@@ -25,9 +27,35 @@ declare global {
     }
 }
 /**
- * The web component class behind the `<forge-app-bar-profile-button>` custom element.
- *
  * @tag forge-app-bar-profile-button
+ *
+ * @property {string} avatarImageUrl - The url of the avatar image to display.
+ * @property {number} avatarLetterCount - The number of letters to display in the avatar.
+ * @property {string} avatarText - The text to display in the avatar.
+ * @property {string} avatarIcon - The name of an alternative icon to display in the avatar.
+ * @property {string} fullName - The full name.
+ * @property {string} email - The email address.
+ * @property {boolean} signOutButton - Whether to display the sign out button or not. Defaults to `true`.
+ * @property {boolean} profileButton - Whether to display the profile button or not.
+ * @property {string} signOutButtonText - The text to display in the sign out button.
+ * @property {string} profileButtonText - The text to display in the profile button.
+ * @property {boolean} open - Whether the profile card is open or not.
+ * @property {IPopupComponent | undefined} popupElement - The popup element when open.
+ * @property {AppBarProfileButtonProfileCardBuilder} profileCardBuilder - Sets the profile card builder callback that will be used to add extra content to the profile card.
+ *
+ * @attribute {string} [avatar-image-url] - The url of the avatar image to display.
+ * @attribute {number} [avatar-letter-count] - The number of letters to display in the avatar.
+ * @attribute {string} [avatar-text] - The text to display in the avatar.
+ * @attribute {string} [avatar-icon] - The name of an alternative icon to display in the avatar.
+ * @attribute {string} [full-name] - The full name.
+ * @attribute {string} [email] - The email address.
+ * @attribute {boolean} [sign-out-button] - Whether to display the sign out button or not. Defaults to `true`.
+ * @attribute {boolean} [profile-button] - Whether to display the profile button or not.
+ * @attribute {string} [sign-out-button-text] - The text to display in the sign out button.
+ * @attribute {string} [profile-button-text] - The text to display in the profile button.
+ * @attribute {boolean} [open] - Whether the profile card is open or not.
+ * @attribute {string} [aria-label] - The aria-label to apply to the button.
+ * @attribute {string} [aria-labelledby] - The id of an element to use as the aria-labelledby attribute.
  */
 export declare class AppBarProfileButtonComponent extends BaseComponent implements IAppBarProfileButtonComponent {
     static get observedAttributes(): string[];
@@ -48,6 +76,7 @@ export declare class AppBarProfileButtonComponent extends BaseComponent implemen
     signOutButtonText: string;
     profileButtonText: string;
     open: boolean;
+    get popupElement(): IPopupComponent | undefined;
     /** Sets the profile card builder callback that will be used to add extra content to the profile card. */
     profileCardBuilder: AppBarProfileButtonProfileCardBuilder;
 }

package/esm/app-bar/profile-button/app-bar-profile-button.js

@@ -14,12 +14,37 @@ import { AvatarComponent } from '../../avatar';
 import { PopupComponent } from '../../popup';
 import { TooltipComponent } from '../../tooltip';
 import { BaseComponent } from '../../core/base/base-component';
-import { IconComponent } from '../../icon';
-const template = '<template><forge-icon-button aria-label=\"View profile card\"><forge-avatar aria-hidden=\"true\"></forge-avatar></forge-icon-button><forge-tooltip delay=\"500\" position=\"bottom\">View profile</forge-tooltip></template>';
+const template = '<template><forge-icon-button aria-label=\"View profile\"><forge-avatar aria-hidden=\"true\"></forge-avatar></forge-icon-button><forge-tooltip delay=\"500\" position=\"bottom\">View profile</forge-tooltip></template>';
 /**
- * The web component class behind the `<forge-app-bar-profile-button>` custom element.
- *
  * @tag forge-app-bar-profile-button
+ *
+ * @property {string} avatarImageUrl - The url of the avatar image to display.
+ * @property {number} avatarLetterCount - The number of letters to display in the avatar.
+ * @property {string} avatarText - The text to display in the avatar.
+ * @property {string} avatarIcon - The name of an alternative icon to display in the avatar.
+ * @property {string} fullName - The full name.
+ * @property {string} email - The email address.
+ * @property {boolean} signOutButton - Whether to display the sign out button or not. Defaults to `true`.
+ * @property {boolean} profileButton - Whether to display the profile button or not.
+ * @property {string} signOutButtonText - The text to display in the sign out button.
+ * @property {string} profileButtonText - The text to display in the profile button.
+ * @property {boolean} open - Whether the profile card is open or not.
+ * @property {IPopupComponent | undefined} popupElement - The popup element when open.
+ * @property {AppBarProfileButtonProfileCardBuilder} profileCardBuilder - Sets the profile card builder callback that will be used to add extra content to the profile card.
+ *
+ * @attribute {string} [avatar-image-url] - The url of the avatar image to display.
+ * @attribute {number} [avatar-letter-count] - The number of letters to display in the avatar.
+ * @attribute {string} [avatar-text] - The text to display in the avatar.
+ * @attribute {string} [avatar-icon] - The name of an alternative icon to display in the avatar.
+ * @attribute {string} [full-name] - The full name.
+ * @attribute {string} [email] - The email address.
+ * @attribute {boolean} [sign-out-button] - Whether to display the sign out button or not. Defaults to `true`.
+ * @attribute {boolean} [profile-button] - Whether to display the profile button or not.
+ * @attribute {string} [sign-out-button-text] - The text to display in the sign out button.
+ * @attribute {string} [profile-button-text] - The text to display in the profile button.
+ * @attribute {boolean} [open] - Whether the profile card is open or not.
+ * @attribute {string} [aria-label] - The aria-label to apply to the button.
+ * @attribute {string} [aria-labelledby] - The id of an element to use as the aria-labelledby attribute.
  */
 let AppBarProfileButtonComponent = class AppBarProfileButtonComponent extends BaseComponent {
     static get observedAttributes() {
@@ -48,7 +73,7 @@ let AppBarProfileButtonComponent = class AppBarProfileButtonComponent extends Ba
         this._foundation.initialize();
     }
     disconnectedCallback() {
-        this._foundation.disconnect();
+        this._foundation.destroy();
     }
     attributeChangedCallback(name, oldValue, newValue) {
         switch (name) {
@@ -87,6 +112,9 @@ let AppBarProfileButtonComponent = class AppBarProfileButtonComponent extends Ba
                 break;
         }
     }
+    get popupElement() {
+        return this._foundation.popupElement;
+    }
 };
 __decorate([
     FoundationProperty()
@@ -131,7 +159,6 @@ AppBarProfileButtonComponent = __decorate([
             PopupComponent,
             ProfileCardComponent,
             IconButtonComponent,
-            IconComponent,
             AvatarComponent,
             TooltipComponent
         ]

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

@@ -7,53 +7,18 @@ import { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';
 import { IAppBarSearchComponent } from './app-bar-search';
 export interface IAppBarSearchAdapter extends IBaseAdapter {
     initialize(): void;
-    hasInputElement(): boolean;
-    addRootClass(className: string | string[]): void;
-    removeRootClass(className: string | string[]): void;
-    addSearchInputEventListener(type: string, listener: (evt: Event) => void): void;
-    removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void;
-    setDisabled(disabled: boolean): void;
-    getInputValue(): string;
-    setInputValue(value: string): void;
-    setInputPlaceholder(value: string): void;
-    setGlobalIconVisibility(isVisible: boolean): void;
-    setContextVisibility(isVisible: boolean): void;
+    addInputEventListener(type: string, listener: (evt: Event) => void): void;
+    removeInputEventListener(type: string, listener: (evt: Event) => void): void;
+    setInputProperty<T extends keyof HTMLInputElement>(name: T, value: HTMLInputElement[T]): void;
+    getInputProperty<T extends keyof HTMLInputElement>(name: T): HTMLInputElement[T];
 }
-/**
- * Provides facilities for interacting with the internal DOM of `AppBarSearchComponent`.
- */
 export declare class AppBarSearchAdapter extends BaseAdapter<IAppBarSearchComponent> implements IAppBarSearchAdapter {
     private _rootElement;
     private _inputElement;
-    private _globalIconContainer;
-    private _globalIconPlaceholder;
-    private _contextContainerElement;
-    private _contextContainerPlaceholder;
     constructor(component: IAppBarSearchComponent);
     initialize(): void;
-    hasInputElement(): boolean;
-    addRootClass(className: string | string[]): void;
-    removeRootClass(className: string | string[]): void;
-    /**
-     * Adds an event to the search input element.
-     * @param {string} type The event type.
-     * @param {Function} listener The event listener.
-     */
-    addSearchInputEventListener(type: string, listener: (evt: Event) => void): void;
-    /**
-     * Removes an event from the search input element.
-     * @param {string} type The event type.
-     * @param {Function} listener The event listener.
-     */
-    removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void;
-    /**
-     * Toggles the disabled attribute on the search input.
-     * @param {boolean} disabled Whether the attribute should be set or not.
-     */
-    setDisabled(disabled: boolean): void;
-    getInputValue(): string;
-    setInputValue(value: string): void;
-    setInputPlaceholder(value: string): void;
-    setGlobalIconVisibility(isVisible: boolean): void;
-    setContextVisibility(isVisible: boolean): void;
+    addInputEventListener(type: string, listener: (evt: Event) => void): void;
+    removeInputEventListener(type: string, listener: (evt: Event) => void): void;
+    setInputProperty<T extends keyof HTMLInputElement>(name: T, value: HTMLInputElement[T]): void;
+    getInputProperty<T extends keyof HTMLInputElement>(name: T): HTMLInputElement[T];
 }

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

@@ -3,71 +3,41 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { addClass, getShadowElement, isDefined, removeClass, toggleElementPlaceholder, deepQuerySelectorAll, toggleAttribute, toggleClass } from '@tylertech/forge-core';
+import { getShadowElement } from '@tylertech/forge-core';
 import { BaseAdapter } from '../../core/base/base-adapter';
 import { APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';
-/**
- * Provides facilities for interacting with the internal DOM of `AppBarSearchComponent`.
- */
 export class AppBarSearchAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._rootElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.ROOT);
-        this._globalIconContainer = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER);
-        this._contextContainerElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER);
     }
     initialize() {
-        const inputElements = deepQuerySelectorAll(this._component, APP_BAR_SEARCH_CONSTANTS.selectors.INPUT, false);
-        if (inputElements.length) {
-            this._inputElement = inputElements[0];
+        const inputElement = this._component.querySelector(APP_BAR_SEARCH_CONSTANTS.selectors.INPUT);
+        if (inputElement) {
+            this._inputElement = inputElement;
+            if (!this._inputElement.hasAttribute('slot')) {
+                this._inputElement.slot = 'input';
+            }
+            const focusIndicator = document.createElement('forge-focus-indicator');
+            focusIndicator.targetElement = this._inputElement;
+            this._rootElement.appendChild(focusIndicator);
         }
     }
-    hasInputElement() {
-        return isDefined(this._inputElement);
-    }
-    addRootClass(className) {
-        addClass(className, this._rootElement);
-    }
-    removeRootClass(className) {
-        removeClass(className, this._rootElement);
-    }
-    /**
-     * Adds an event to the search input element.
-     * @param {string} type The event type.
-     * @param {Function} listener The event listener.
-     */
-    addSearchInputEventListener(type, listener) {
-        this._inputElement.addEventListener(type, listener);
+    addInputEventListener(type, listener) {
+        var _a;
+        (_a = this._inputElement) === null || _a === void 0 ? void 0 : _a.addEventListener(type, listener);
     }
-    /**
-     * Removes an event from the search input element.
-     * @param {string} type The event type.
-     * @param {Function} listener The event listener.
-     */
-    removeSearchInputEventListener(type, listener) {
-        this._inputElement.removeEventListener(type, listener);
+    removeInputEventListener(type, listener) {
+        var _a;
+        (_a = this._inputElement) === null || _a === void 0 ? void 0 : _a.removeEventListener(type, listener);
     }
-    /**
-     * Toggles the disabled attribute on the search input.
-     * @param {boolean} disabled Whether the attribute should be set or not.
-     */
-    setDisabled(disabled) {
-        toggleClass(this._rootElement, disabled, APP_BAR_SEARCH_CONSTANTS.classes.DISABLED);
-        toggleAttribute(this._inputElement, disabled, APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED);
-    }
-    getInputValue() {
-        return this._inputElement.value;
-    }
-    setInputValue(value) {
-        this._inputElement.value = value;
-    }
-    setInputPlaceholder(value) {
-        this._inputElement.placeholder = value;
-    }
-    setGlobalIconVisibility(isVisible) {
-        this._globalIconPlaceholder = toggleElementPlaceholder(this._component, isVisible, APP_BAR_SEARCH_CONSTANTS.elementName, APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER, this._globalIconContainer, this._globalIconPlaceholder);
+    setInputProperty(name, value) {
+        if (this._inputElement) {
+            this._inputElement[name] = value;
+        }
     }
-    setContextVisibility(isVisible) {
-        this._contextContainerPlaceholder = toggleElementPlaceholder(this._component, isVisible, APP_BAR_SEARCH_CONSTANTS.elementName, APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER, this._contextContainerElement, this._contextContainerPlaceholder);
+    getInputProperty(name) {
+        var _a;
+        return (_a = this._inputElement) === null || _a === void 0 ? void 0 : _a[name];
     }
 }

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

@@ -3,36 +3,21 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { IOption } from '../../select';
 export declare const APP_BAR_SEARCH_CONSTANTS: {
     elementName: "forge-app-bar-search";
-    classes: {
-        FOCUSED: string;
-        DISABLED: string;
-    };
     selectors: {
         ROOT: string;
         INPUT: string;
-        GLOBAL_ICON_CONTAINER: string;
-        CONTEXT_CONTAINER: string;
     };
     attributes: {
         DISABLED: string;
         VALUE: string;
         PLACEHOLDER: string;
-        COMBINED: string;
-        GLOBAL: string;
     };
     events: {
         INPUT: string;
     };
-    strings: {
-        DEFAULT_CONTEXT: string;
-    };
 };
-export declare const DEFAULT_COMBINED_OPTIONS: IOption[];
 export interface IAppBarSearchInputEventData {
     value: string;
-    combined: boolean;
-    context: string;
 }

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

@@ -5,38 +5,21 @@
  */
 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'
+    INPUT: 'input'
 };
 const attributes = {
     DISABLED: 'disabled',
     VALUE: 'value',
-    PLACEHOLDER: 'placeholder',
-    COMBINED: 'combined',
-    GLOBAL: 'global'
+    PLACEHOLDER: 'placeholder'
 };
 const events = {
     INPUT: `${elementName}-input`
 };
-const strings = {
-    DEFAULT_CONTEXT: 'global'
-};
 export const APP_BAR_SEARCH_CONSTANTS = {
     elementName,
-    classes,
     selectors,
     attributes,
-    events,
-    strings
+    events
 };
-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

@@ -5,58 +5,24 @@
  */
 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;
+    private _tryForwardInputState;
+    private _onKeydown;
     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. */
+    get placeholder(): string;
     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);
 }