@esri/calcite-components/dist/types/components/calcite-select/calcite-select.d.ts

Web Components for Esri's Calcite Design System.

import { EventEmitter, VNode } from "../../stencil-public-runtime";
import { Direction } from "../../utils/dom";
import { Scale, Width } from "../interfaces";
import { FocusRequest } from "../calcite-label/interfaces";
export declare class CalciteSelect {
  /**
   * When true, it prevents the option from being selected.
   */
  disabled: boolean;
  /**
   * The component's label. This is required for accessibility purposes.
   *
   */
  label: string;
  /**
   * The component scale.
   */
  scale: Scale;
  /**
   * The currently selected option.
   *
   * @readonly
   */
  selectedOption: HTMLCalciteOptionElement;
  /**
   * The component width.
   */
  width: Width;
  private el;
  private componentToNativeEl;
  private mutationObserver;
  private selectEl;
  connectedCallback(): void;
  disconnectedCallback(): void;
  setFocus(): Promise<void>;
  /**
   * This event will fire whenever the selected option changes.
   */
  calciteSelectChange: EventEmitter<void>;
  private handleInternalSelectChange;
  protected handleOptionOrGroupChange(event: CustomEvent): void;
  handleLabelFocus(event: CustomEvent<FocusRequest>): void;
  private updateNativeElement;
  private populateInternalSelect;
  private clearInternalSelect;
  private storeSelectRef;
  private selectFromNativeOption;
  private toNativeElement;
  private deselectAllExcept;
  private emitChangeEvent;
  renderChevron(dir: Direction): VNode;
  render(): VNode;
}