import IdsTriggerField from '../ids-trigger-field/ids-trigger-field'; import '../ids-trigger-field/ids-trigger-button'; import { IdsInputTemplateVariables } from '../ids-input/ids-input'; import '../ids-icon/ids-icon'; import '../ids-menu-button/ids-menu-button'; import '../ids-popup-menu/ids-popup-menu'; /** * IDS Search Field Component * @type {IdsSearchField} * @inherits IdsTriggerField */ export default class IdsSearchField extends IdsTriggerField { #private; constructor(); state: any; isFormComponent: boolean; /** * Inherited from `IdsColorVariantMixin` * @returns {Array} List of available color variants for this component */ colorVariants: string[]; /** * Inherited from `IdsColorVariantMixin`. If the Color Variant on Search Fields are changed, * switch trigger buttons to the "alternate" style instead of an `app-menu` style. * @param {string} variantName the new color variant being applied to the Search Field */ onColorVariantRefresh(variantName?: string): void; static get attributes(): string[]; connectedCallback(): void; template(): string; templateCategoriesButton(): string; templateCategoriesMenu(): string; /** * Overrides the standard "focus" behavior to handle collapsible search fields */ focus(): void; /** * Expand the search field */ expandField(): void; /** * Expand the truncated search field */ expandTruncated(): void; /** * Collapse the truncated search field * @param {any} event the original click event */ collapseTruncated(event: any): void; /** * Collapse the search field * @param {any} event the original click event */ collapseField(event: any): void; /** * Set focus on the input */ collapsibleFocus(): void; /** * Disable collapsible */ disableCollapsible(): void; /** * Enable collapsible */ enableCollapsible(): void; /** * Get the truncated wrapper * @readonly * @returns {any} the truncated wrapper */ get truncatedWrapper(): any; /** * Get the expand button * @readonly * @returns {any} the expand button */ get expandButton(): any; /** * Get the search icon * @readonly * @returns {any} the search icon */ get searchIcon(): any; /** * Override templateVariables to handle aria-label properly * @returns {IdsInputTemplateVariables} template variables including proper aria-label */ templateVariables(): IdsInputTemplateVariables; /** * @returns {string[]} returns an array of all the categories that appear in the category dropdown */ get categories(): string[]; /** * @param {string[]} value = sets a list of categories that should appear in the category dropdown */ set categories(value: string[]); /** * @param {string} value - sets the initial text that appears in the categories dropdown menu */ set category(value: string); /** * @returns {string} - gets the initial text that appears in the categories dropdown menu */ get category(): string; /** * @param {boolean} value - sets if the search field should be collapsible */ set collapsible(value: boolean); /** * @returns {boolean | string} - gets if the search field should be collapsible */ get collapsible(): boolean; /** * @param {string} value - sets if the search field should be collapsible * based on screen size. Valid values: 'xxl', 'xl', 'lg', 'md', 'sm', 'xs' */ set collapsibleResponsive(value: string); /** * @returns {string | null} - gets the value of the collapsibleResponsive attribute */ get collapsibleResponsive(): string; /** * @param {boolean} value - sets if the search field is collapsed */ set collapsed(value: boolean); /** * @returns {boolean} - gets if the search field is collapsed */ get collapsed(): boolean; set truncated(value: boolean); get truncated(): boolean; /** * @param {boolean} value - When true, keeps the search field open/expanded when it contains a value */ set keepOpenWithValue(value: boolean); /** * @returns {boolean} - When true, keeps the search field open/expanded when it contains a value */ get keepOpenWithValue(): boolean; /** * @returns {string[]} returns an array of the currently selected categories */ get selectedCategories(): string[]; /** * @param {string} value - sets title on the search field action-button */ set action(value: string); /** * @returns {string} - gets the title that appears on the search field action-button */ get action(): string; /** * @param {boolean | string} value - allows multiple categories to be selected */ set multiple(value: boolean | string); /** * @returns {boolean | string} determines whether multiple categories to be selected or not */ get multiple(): boolean | string; /** * Programmatically sets the search field's value and performs an optional search function * @param {any} val the incoming value to search for * @returns {Array} containing search results, if applicable */ search(val: any): Promise; /** * @param {string} val the new value to set */ set value(val: string); get value(): string; /** * Define this method to carry out search functionality * (override this method when implementing an IdsSearchField). * @param {any} [val] the value to be searched for * @returns {Array} containing matching search results */ onSearch(val?: any): any; /** * Hook called before processing input events from IdsFormInputMixin. * Sanitizes HTML from input value before events are emitted. * @returns {boolean} Always returns false to allow default input handling */ onBeforeInput(): boolean; }