@esri/calcite-components/dist/types/components/combobox-item/combobox-item.d.ts

Web Components for Esri's Calcite Design System.

import { EventEmitter, VNode } from "../../stencil-public-runtime";
import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
import { InteractiveComponent } from "../../utils/interactive";
import { ComboboxChildElement } from "../combobox/interfaces";
import { Scale } from "../interfaces";
/**
 * @slot - A slot for adding nested `calcite-combobox-item`s.
 */
export declare class ComboboxItem implements ConditionalSlotComponent, InteractiveComponent {
  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
  disabled: boolean;
  /**
   * When `true`, the component is selected.
   */
  selected: boolean;
  /** When `true`, the component is active. */
  active: boolean;
  /** Specifies the parent and grandparent items, which are set on `calcite-combobox`. */
  ancestors: ComboboxChildElement[];
  /** The `id` attribute of the component. When omitted, a globally unique identifier is used. */
  guid: string;
  /** Specifies an icon to display. */
  icon: string;
  /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
  iconFlipRtl: boolean;
  selectedWatchHandler(): void;
  /** The component's text. */
  textLabel: string;
  /** The component's value. */
  value: any;
  /**
   * When `true`, omits the component from the `calcite-combobox` filtered search results.
   */
  filterDisabled: boolean;
  el: HTMLCalciteComboboxItemElement;
  isNested: boolean;
  /** Specifies the scale of the combobox-item controlled by parent, defaults to m */
  scale: Scale;
  connectedCallback(): void;
  disconnectedCallback(): void;
  componentDidRender(): void;
  /**
   * Emits whenever the component is selected or unselected.
   *
   */
  calciteComboboxItemChange: EventEmitter<void>;
  toggleSelected(): Promise<void>;
  itemClickHandler: (event: MouseEvent) => void;
  renderIcon(iconPath: string): VNode;
  renderSelectIndicator(showDot: boolean, iconPath: string): VNode;
  renderChildren(): VNode;
  render(): VNode;
}