@esri/calcite-components/dist/index.d.ts

Web Components for Esri's Calcite Design System.

/** @public */
declare module "csstype" {
  interface Properties {
    [index: `--calcite-${string}`]: any;
  }
}

/**
 * @default false
 * @internal
 */
export const assetPathChanged: boolean;

/**
 * Get a resolved path from where an asset can be loaded.
 *
 * @param suffix - The relative path for the asset.
 */
export function getAssetPath(suffix: string): string;

/**
 * Used to manually set the base path where package assets (like localization
 * and icons) can be found.
 *
 * By default, the package assets are loaded from
 * `https://js.arcgis.com/<version>/<simplified-package-name>/`. We are hosting
 * our assets on a CDN (Content Delivery Network) to ensure fast and reliable
 * access. It is CORS-enabled, so you can load the assets from any domain. This
 * is the recommended way to load the assets and avoid bundling them with your
 * application.
 *
 * However, if you need to host the assets locally, you can copy them manually
 * as part of your build process and use `setAssetPath` to customize where the
 * browser will load the assets from.
 *
 * @param path - Relative or absolute path to the assets folder.
 */
export function setAssetPath(path: URL | string): void;

import type { Accordion } from "./components/calcite-accordion/customElement.js";
import type { AccordionItem } from "./components/calcite-accordion-item/customElement.js";
import type { Action } from "./components/calcite-action/customElement.js";
import type { ActionBar } from "./components/calcite-action-bar/customElement.js";
import type { ActionGroup } from "./components/calcite-action-group/customElement.js";
import type { ActionMenu } from "./components/calcite-action-menu/customElement.js";
import type { ActionPad } from "./components/calcite-action-pad/customElement.js";
import type { Alert } from "./components/calcite-alert/customElement.js";
import type { Autocomplete } from "./components/calcite-autocomplete/customElement.js";
import type { AutocompleteItem } from "./components/calcite-autocomplete-item/customElement.js";
import type { AutocompleteItemGroup } from "./components/calcite-autocomplete-item-group/customElement.js";
import type { Avatar } from "./components/calcite-avatar/customElement.js";
import type { Block } from "./components/calcite-block/customElement.js";
import type { BlockGroup } from "./components/calcite-block-group/customElement.js";
import type { BlockSection } from "./components/calcite-block-section/customElement.js";
import type { Button } from "./components/calcite-button/customElement.js";
import type { Card } from "./components/calcite-card/customElement.js";
import type { CardGroup } from "./components/calcite-card-group/customElement.js";
import type { Carousel } from "./components/calcite-carousel/customElement.js";
import type { CarouselItem } from "./components/calcite-carousel-item/customElement.js";
import type { Checkbox } from "./components/calcite-checkbox/customElement.js";
import type { Chip } from "./components/calcite-chip/customElement.js";
import type { ChipGroup } from "./components/calcite-chip-group/customElement.js";
import type { ColorPicker } from "./components/calcite-color-picker/customElement.js";
import type { ColorPickerHexInput } from "./components/calcite-color-picker-hex-input/customElement.js";
import type { ColorPickerSwatch } from "./components/calcite-color-picker-swatch/customElement.js";
import type { Combobox } from "./components/calcite-combobox/customElement.js";
import type { ComboboxItem } from "./components/calcite-combobox-item/customElement.js";
import type { ComboboxItemGroup } from "./components/calcite-combobox-item-group/customElement.js";
import type { DatePicker } from "./components/calcite-date-picker/customElement.js";
import type { DatePickerDay } from "./components/calcite-date-picker-day/customElement.js";
import type { DatePickerMonth } from "./components/calcite-date-picker-month/customElement.js";
import type { Dialog } from "./components/calcite-dialog/customElement.js";
import type { Dropdown } from "./components/calcite-dropdown/customElement.js";
import type { DropdownGroup } from "./components/calcite-dropdown-group/customElement.js";
import type { DropdownItem } from "./components/calcite-dropdown-item/customElement.js";
import type { Fab } from "./components/calcite-fab/customElement.js";
import type { Filter } from "./components/calcite-filter/customElement.js";
import type { Flow } from "./components/calcite-flow/customElement.js";
import type { FlowItem } from "./components/calcite-flow-item/customElement.js";
import type { Graph } from "./components/calcite-graph/customElement.js";
import type { Handle } from "./components/calcite-handle/customElement.js";
import type { Icon } from "./components/calcite-icon/customElement.js";
import type { InlineEditable } from "./components/calcite-inline-editable/customElement.js";
import type { Input } from "./components/calcite-input/customElement.js";
import type { InputDatePicker } from "./components/calcite-input-date-picker/customElement.js";
import type { InputMessage } from "./components/calcite-input-message/customElement.js";
import type { InputNumber } from "./components/calcite-input-number/customElement.js";
import type { InputText } from "./components/calcite-input-text/customElement.js";
import type { InputTimePicker } from "./components/calcite-input-time-picker/customElement.js";
import type { InputTimeZone } from "./components/calcite-input-time-zone/customElement.js";
import type { Label } from "./components/calcite-label/customElement.js";
import type { Link } from "./components/calcite-link/customElement.js";
import type { List } from "./components/calcite-list/customElement.js";
import type { ListItem } from "./components/calcite-list-item/customElement.js";
import type { ListItemGroup } from "./components/calcite-list-item-group/customElement.js";
import type { Loader } from "./components/calcite-loader/customElement.js";
import type { Menu } from "./components/calcite-menu/customElement.js";
import type { MenuItem } from "./components/calcite-menu-item/customElement.js";
import type { Meter } from "./components/calcite-meter/customElement.js";
import type { Navigation } from "./components/calcite-navigation/customElement.js";
import type { NavigationLogo } from "./components/calcite-navigation-logo/customElement.js";
import type { NavigationUser } from "./components/calcite-navigation-user/customElement.js";
import type { Notice } from "./components/calcite-notice/customElement.js";
import type { Option } from "./components/calcite-option/customElement.js";
import type { OptionGroup } from "./components/calcite-option-group/customElement.js";
import type { Pagination } from "./components/calcite-pagination/customElement.js";
import type { Panel } from "./components/calcite-panel/customElement.js";
import type { Popover } from "./components/calcite-popover/customElement.js";
import type { Progress } from "./components/calcite-progress/customElement.js";
import type { RadioButton } from "./components/calcite-radio-button/customElement.js";
import type { RadioButtonGroup } from "./components/calcite-radio-button-group/customElement.js";
import type { Rating } from "./components/calcite-rating/customElement.js";
import type { Scrim } from "./components/calcite-scrim/customElement.js";
import type { SegmentedControl } from "./components/calcite-segmented-control/customElement.js";
import type { SegmentedControlItem } from "./components/calcite-segmented-control-item/customElement.js";
import type { Select } from "./components/calcite-select/customElement.js";
import type { Sheet } from "./components/calcite-sheet/customElement.js";
import type { Shell } from "./components/calcite-shell/customElement.js";
import type { ShellPanel } from "./components/calcite-shell-panel/customElement.js";
import type { Slider } from "./components/calcite-slider/customElement.js";
import type { SortHandle } from "./components/calcite-sort-handle/customElement.js";
import type { SortableList } from "./components/calcite-sortable-list/customElement.js";
import type { SplitButton } from "./components/calcite-split-button/customElement.js";
import type { Stack } from "./components/calcite-stack/customElement.js";
import type { Stepper } from "./components/calcite-stepper/customElement.js";
import type { StepperItem } from "./components/calcite-stepper-item/customElement.js";
import type { Swatch } from "./components/calcite-swatch/customElement.js";
import type { SwatchGroup } from "./components/calcite-swatch-group/customElement.js";
import type { Switch } from "./components/calcite-switch/customElement.js";
import type { Tab } from "./components/calcite-tab/customElement.js";
import type { TabNav } from "./components/calcite-tab-nav/customElement.js";
import type { TabTitle } from "./components/calcite-tab-title/customElement.js";
import type { Table } from "./components/calcite-table/customElement.js";
import type { TableCell } from "./components/calcite-table-cell/customElement.js";
import type { TableHeader } from "./components/calcite-table-header/customElement.js";
import type { TableRow } from "./components/calcite-table-row/customElement.js";
import type { Tabs } from "./components/calcite-tabs/customElement.js";
import type { TextArea } from "./components/calcite-text-area/customElement.js";
import type { Tile } from "./components/calcite-tile/customElement.js";
import type { TileGroup } from "./components/calcite-tile-group/customElement.js";
import type { TimePicker } from "./components/calcite-time-picker/customElement.js";
import type { Tooltip } from "./components/calcite-tooltip/customElement.js";
import type { Tree } from "./components/calcite-tree/customElement.js";
import type { TreeItem } from "./components/calcite-tree-item/customElement.js";

export { ToEvents, TargetedEvent } from "@arcgis/lumina";

export interface CalciteAccordionItemCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: AccordionItem;
  currentTarget: AccordionItem;
}
export interface CalciteActionBarCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: ActionBar;
  currentTarget: ActionBar;
}
export interface CalciteActionGroupCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: ActionGroup;
  currentTarget: ActionGroup;
}
export interface CalciteActionMenuCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: ActionMenu;
  currentTarget: ActionMenu;
}
export interface CalciteActionPadCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: ActionPad;
  currentTarget: ActionPad;
}
export interface CalciteAlertCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Alert;
  currentTarget: Alert;
}
export interface CalciteAutocompleteCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Autocomplete;
  currentTarget: Autocomplete;
}
export interface CalciteAutocompleteItemCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: AutocompleteItem;
  currentTarget: AutocompleteItem;
}
export interface CalciteBlockCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Block;
  currentTarget: Block;
}
export interface CalciteBlockGroupCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: BlockGroup;
  currentTarget: BlockGroup;
}
export interface CalciteBlockSectionCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: BlockSection;
  currentTarget: BlockSection;
}
export interface CalciteCardCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Card;
  currentTarget: Card;
}
export interface CalciteCardGroupCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: CardGroup;
  currentTarget: CardGroup;
}
export interface CalciteCarouselCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Carousel;
  currentTarget: Carousel;
}
export interface CalciteCheckboxCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Checkbox;
  currentTarget: Checkbox;
}
export interface CalciteChipCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Chip;
  currentTarget: Chip;
}
export interface CalciteChipGroupCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: ChipGroup;
  currentTarget: ChipGroup;
}
export interface CalciteColorPickerCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: ColorPicker;
  currentTarget: ColorPicker;
}
export interface CalciteColorPickerHexInputCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: ColorPickerHexInput;
  currentTarget: ColorPickerHexInput;
}
export interface CalciteComboboxCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Combobox;
  currentTarget: Combobox;
}
export interface CalciteComboboxItemCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: ComboboxItem;
  currentTarget: ComboboxItem;
}
export interface CalciteDatePickerCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: DatePicker;
  currentTarget: DatePicker;
}
export interface CalciteDialogCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Dialog;
  currentTarget: Dialog;
}
export interface CalciteDropdownCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Dropdown;
  currentTarget: Dropdown;
}
export interface CalciteDropdownItemCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: DropdownItem;
  currentTarget: DropdownItem;
}
export interface CalciteFilterCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Filter;
  currentTarget: Filter;
}
export interface CalciteFlowItemCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: FlowItem;
  currentTarget: FlowItem;
}
export interface CalciteHandleCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Handle;
  currentTarget: Handle;
}
export interface CalciteInlineEditableCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: InlineEditable;
  currentTarget: InlineEditable;
}
export interface CalciteInputCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Input;
  currentTarget: Input;
}
export interface CalciteInputDatePickerCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: InputDatePicker;
  currentTarget: InputDatePicker;
}
export interface CalciteInputNumberCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: InputNumber;
  currentTarget: InputNumber;
}
export interface CalciteInputTextCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: InputText;
  currentTarget: InputText;
}
export interface CalciteInputTimePickerCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: InputTimePicker;
  currentTarget: InputTimePicker;
}
export interface CalciteInputTimeZoneCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: InputTimeZone;
  currentTarget: InputTimeZone;
}
export interface CalciteListCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: List;
  currentTarget: List;
}
export interface CalciteListItemCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: ListItem;
  currentTarget: ListItem;
}
export interface CalciteMenuItemCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: MenuItem;
  currentTarget: MenuItem;
}
export interface CalciteNavigationCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Navigation;
  currentTarget: Navigation;
}
export interface CalciteNoticeCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Notice;
  currentTarget: Notice;
}
export interface CalcitePaginationCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Pagination;
  currentTarget: Pagination;
}
export interface CalcitePanelCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Panel;
  currentTarget: Panel;
}
export interface CalcitePopoverCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Popover;
  currentTarget: Popover;
}
export interface CalciteRadioButtonCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: RadioButton;
  currentTarget: RadioButton;
}
export interface CalciteRadioButtonGroupCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: RadioButtonGroup;
  currentTarget: RadioButtonGroup;
}
export interface CalciteRatingCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Rating;
  currentTarget: Rating;
}
export interface CalciteSegmentedControlCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: SegmentedControl;
  currentTarget: SegmentedControl;
}
export interface CalciteSelectCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Select;
  currentTarget: Select;
}
export interface CalciteSheetCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Sheet;
  currentTarget: Sheet;
}
export interface CalciteShellPanelCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: ShellPanel;
  currentTarget: ShellPanel;
}
export interface CalciteSliderCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Slider;
  currentTarget: Slider;
}
export interface CalciteSortHandleCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: SortHandle;
  currentTarget: SortHandle;
}
export interface CalciteSortableListCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: SortableList;
  currentTarget: SortableList;
}
export interface CalciteSplitButtonCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: SplitButton;
  currentTarget: SplitButton;
}
export interface CalciteStepperCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Stepper;
  currentTarget: Stepper;
}
export interface CalciteStepperItemCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: StepperItem;
  currentTarget: StepperItem;
}
export interface CalciteSwatchCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Swatch;
  currentTarget: Swatch;
}
export interface CalciteSwatchGroupCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: SwatchGroup;
  currentTarget: SwatchGroup;
}
export interface CalciteSwitchCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Switch;
  currentTarget: Switch;
}
export interface CalciteTabNavCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: TabNav;
  currentTarget: TabNav;
}
export interface CalciteTabTitleCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: TabTitle;
  currentTarget: TabTitle;
}
export interface CalciteTableCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Table;
  currentTarget: Table;
}
export interface CalciteTableRowCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: TableRow;
  currentTarget: TableRow;
}
export interface CalciteTextAreaCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: TextArea;
  currentTarget: TextArea;
}
export interface CalciteTileCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Tile;
  currentTarget: Tile;
}
export interface CalciteTileGroupCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: TileGroup;
  currentTarget: TileGroup;
}
export interface CalciteTimePickerCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: TimePicker;
  currentTarget: TimePicker;
}
export interface CalciteTooltipCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Tooltip;
  currentTarget: Tooltip;
}
export interface CalciteTreeCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: Tree;
  currentTarget: Tree;
}
export interface CalciteTreeItemCustomEvent<T> extends CustomEvent<T> {
  detail: T;
  target: TreeItem;
  currentTarget: TreeItem;
}


declare global {
  interface HTMLElementTagNameMap {
    "calcite-accordion": Accordion;
    "calcite-accordion-item": AccordionItem;
    "calcite-action": Action;
    "calcite-action-bar": ActionBar;
    "calcite-action-group": ActionGroup;
    "calcite-action-menu": ActionMenu;
    "calcite-action-pad": ActionPad;
    "calcite-alert": Alert;
    "calcite-autocomplete": Autocomplete;
    "calcite-autocomplete-item": AutocompleteItem;
    "calcite-autocomplete-item-group": AutocompleteItemGroup;
    "calcite-avatar": Avatar;
    "calcite-block": Block;
    "calcite-block-group": BlockGroup;
    "calcite-block-section": BlockSection;
    "calcite-button": Button;
    "calcite-card": Card;
    "calcite-card-group": CardGroup;
    "calcite-carousel": Carousel;
    "calcite-carousel-item": CarouselItem;
    "calcite-checkbox": Checkbox;
    "calcite-chip": Chip;
    "calcite-chip-group": ChipGroup;
    "calcite-color-picker": ColorPicker;
    "calcite-color-picker-hex-input": ColorPickerHexInput;
    "calcite-color-picker-swatch": ColorPickerSwatch;
    "calcite-combobox": Combobox;
    "calcite-combobox-item": ComboboxItem;
    "calcite-combobox-item-group": ComboboxItemGroup;
    "calcite-date-picker": DatePicker;
    "calcite-date-picker-day": DatePickerDay;
    "calcite-date-picker-month": DatePickerMonth;
    "calcite-dialog": Dialog;
    "calcite-dropdown": Dropdown;
    "calcite-dropdown-group": DropdownGroup;
    "calcite-dropdown-item": DropdownItem;
    "calcite-fab": Fab;
    "calcite-filter": Filter;
    "calcite-flow": Flow;
    "calcite-flow-item": FlowItem;
    "calcite-graph": Graph;
    "calcite-handle": Handle;
    "calcite-icon": Icon;
    "calcite-inline-editable": InlineEditable;
    "calcite-input": Input;
    "calcite-input-date-picker": InputDatePicker;
    "calcite-input-message": InputMessage;
    "calcite-input-number": InputNumber;
    "calcite-input-text": InputText;
    "calcite-input-time-picker": InputTimePicker;
    "calcite-input-time-zone": InputTimeZone;
    "calcite-label": Label;
    "calcite-link": Link;
    "calcite-list": List;
    "calcite-list-item": ListItem;
    "calcite-list-item-group": ListItemGroup;
    "calcite-loader": Loader;
    "calcite-menu": Menu;
    "calcite-menu-item": MenuItem;
    "calcite-meter": Meter;
    "calcite-navigation": Navigation;
    "calcite-navigation-logo": NavigationLogo;
    "calcite-navigation-user": NavigationUser;
    "calcite-notice": Notice;
    "calcite-option": Option;
    "calcite-option-group": OptionGroup;
    "calcite-pagination": Pagination;
    "calcite-panel": Panel;
    "calcite-popover": Popover;
    "calcite-progress": Progress;
    "calcite-radio-button": RadioButton;
    "calcite-radio-button-group": RadioButtonGroup;
    "calcite-rating": Rating;
    "calcite-scrim": Scrim;
    "calcite-segmented-control": SegmentedControl;
    "calcite-segmented-control-item": SegmentedControlItem;
    "calcite-select": Select;
    "calcite-sheet": Sheet;
    "calcite-shell": Shell;
    "calcite-shell-panel": ShellPanel;
    "calcite-slider": Slider;
    "calcite-sort-handle": SortHandle;
    "calcite-sortable-list": SortableList;
    "calcite-split-button": SplitButton;
    "calcite-stack": Stack;
    "calcite-stepper": Stepper;
    "calcite-stepper-item": StepperItem;
    "calcite-swatch": Swatch;
    "calcite-swatch-group": SwatchGroup;
    "calcite-switch": Switch;
    "calcite-tab": Tab;
    "calcite-tab-nav": TabNav;
    "calcite-tab-title": TabTitle;
    "calcite-table": Table;
    "calcite-table-cell": TableCell;
    "calcite-table-header": TableHeader;
    "calcite-table-row": TableRow;
    "calcite-tabs": Tabs;
    "calcite-text-area": TextArea;
    "calcite-tile": Tile;
    "calcite-tile-group": TileGroup;
    "calcite-time-picker": TimePicker;
    "calcite-tooltip": Tooltip;
    "calcite-tree": Tree;
    "calcite-tree-item": TreeItem;

  }

  type HTMLCalciteAccordionElement = Accordion;

  type HTMLCalciteAccordionItemElementEventMap = AccordionItem["@eventTypes"];
  type HTMLCalciteAccordionItemElement = AccordionItem;

  type HTMLCalciteActionElement = Action;

  type HTMLCalciteActionBarElementEventMap = ActionBar["@eventTypes"];
  type HTMLCalciteActionBarElement = ActionBar;

  type HTMLCalciteActionGroupElementEventMap = ActionGroup["@eventTypes"];
  type HTMLCalciteActionGroupElement = ActionGroup;

  type HTMLCalciteActionMenuElementEventMap = ActionMenu["@eventTypes"];
  type HTMLCalciteActionMenuElement = ActionMenu;

  type HTMLCalciteActionPadElementEventMap = ActionPad["@eventTypes"];
  type HTMLCalciteActionPadElement = ActionPad;

  type HTMLCalciteAlertElementEventMap = Alert["@eventTypes"];
  type HTMLCalciteAlertElement = Alert;

  type HTMLCalciteAutocompleteElementEventMap = Autocomplete["@eventTypes"];
  type HTMLCalciteAutocompleteElement = Autocomplete;

  type HTMLCalciteAutocompleteItemElementEventMap = AutocompleteItem["@eventTypes"];
  type HTMLCalciteAutocompleteItemElement = AutocompleteItem;

  type HTMLCalciteAutocompleteItemGroupElement = AutocompleteItemGroup;

  type HTMLCalciteAvatarElement = Avatar;

  type HTMLCalciteBlockElementEventMap = Block["@eventTypes"];
  type HTMLCalciteBlockElement = Block;

  type HTMLCalciteBlockGroupElementEventMap = BlockGroup["@eventTypes"];
  type HTMLCalciteBlockGroupElement = BlockGroup;

  type HTMLCalciteBlockSectionElementEventMap = BlockSection["@eventTypes"];
  type HTMLCalciteBlockSectionElement = BlockSection;

  type HTMLCalciteButtonElement = Button;

  type HTMLCalciteCardElementEventMap = Card["@eventTypes"];
  type HTMLCalciteCardElement = Card;

  type HTMLCalciteCardGroupElementEventMap = CardGroup["@eventTypes"];
  type HTMLCalciteCardGroupElement = CardGroup;

  type HTMLCalciteCarouselElementEventMap = Carousel["@eventTypes"];
  type HTMLCalciteCarouselElement = Carousel;

  type HTMLCalciteCarouselItemElement = CarouselItem;

  type HTMLCalciteCheckboxElementEventMap = Checkbox["@eventTypes"];
  type HTMLCalciteCheckboxElement = Checkbox;

  type HTMLCalciteChipElementEventMap = Chip["@eventTypes"];
  type HTMLCalciteChipElement = Chip;

  type HTMLCalciteChipGroupElementEventMap = ChipGroup["@eventTypes"];
  type HTMLCalciteChipGroupElement = ChipGroup;

  type HTMLCalciteColorPickerElementEventMap = ColorPicker["@eventTypes"];
  type HTMLCalciteColorPickerElement = ColorPicker;

  type HTMLCalciteColorPickerHexInputElementEventMap = ColorPickerHexInput["@eventTypes"];
  type HTMLCalciteColorPickerHexInputElement = ColorPickerHexInput;

  type HTMLCalciteColorPickerSwatchElement = ColorPickerSwatch;

  type HTMLCalciteComboboxElementEventMap = Combobox["@eventTypes"];
  type HTMLCalciteComboboxElement = Combobox;

  type HTMLCalciteComboboxItemElementEventMap = ComboboxItem["@eventTypes"];
  type HTMLCalciteComboboxItemElement = ComboboxItem;

  type HTMLCalciteComboboxItemGroupElement = ComboboxItemGroup;

  type HTMLCalciteDatePickerElementEventMap = DatePicker["@eventTypes"];
  type HTMLCalciteDatePickerElement = DatePicker;

  type HTMLCalciteDatePickerDayElement = DatePickerDay;

  type HTMLCalciteDatePickerMonthElement = DatePickerMonth;

  type HTMLCalciteDialogElementEventMap = Dialog["@eventTypes"];
  type HTMLCalciteDialogElement = Dialog;

  type HTMLCalciteDropdownElementEventMap = Dropdown["@eventTypes"];
  type HTMLCalciteDropdownElement = Dropdown;

  type HTMLCalciteDropdownGroupElement = DropdownGroup;

  type HTMLCalciteDropdownItemElementEventMap = DropdownItem["@eventTypes"];
  type HTMLCalciteDropdownItemElement = DropdownItem;

  type HTMLCalciteFabElement = Fab;

  type HTMLCalciteFilterElementEventMap = Filter["@eventTypes"];
  type HTMLCalciteFilterElement = Filter;

  type HTMLCalciteFlowElement = Flow;

  type HTMLCalciteFlowItemElementEventMap = FlowItem["@eventTypes"];
  type HTMLCalciteFlowItemElement = FlowItem;

  type HTMLCalciteGraphElement = Graph;

  type HTMLCalciteHandleElementEventMap = Handle["@eventTypes"];
  type HTMLCalciteHandleElement = Handle;

  type HTMLCalciteIconElement = Icon;

  type HTMLCalciteInlineEditableElementEventMap = InlineEditable["@eventTypes"];
  type HTMLCalciteInlineEditableElement = InlineEditable;

  type HTMLCalciteInputElementEventMap = Input["@eventTypes"];
  type HTMLCalciteInputElement = Input;

  type HTMLCalciteInputDatePickerElementEventMap = InputDatePicker["@eventTypes"];
  type HTMLCalciteInputDatePickerElement = InputDatePicker;

  type HTMLCalciteInputMessageElement = InputMessage;

  type HTMLCalciteInputNumberElementEventMap = InputNumber["@eventTypes"];
  type HTMLCalciteInputNumberElement = InputNumber;

  type HTMLCalciteInputTextElementEventMap = InputText["@eventTypes"];
  type HTMLCalciteInputTextElement = InputText;

  type HTMLCalciteInputTimePickerElementEventMap = InputTimePicker["@eventTypes"];
  type HTMLCalciteInputTimePickerElement = InputTimePicker;

  type HTMLCalciteInputTimeZoneElementEventMap = InputTimeZone["@eventTypes"];
  type HTMLCalciteInputTimeZoneElement = InputTimeZone;

  type HTMLCalciteLabelElement = Label;

  type HTMLCalciteLinkElement = Link;

  type HTMLCalciteListElementEventMap = List["@eventTypes"];
  type HTMLCalciteListElement = List;

  type HTMLCalciteListItemElementEventMap = ListItem["@eventTypes"];
  type HTMLCalciteListItemElement = ListItem;

  type HTMLCalciteListItemGroupElement = ListItemGroup;

  type HTMLCalciteLoaderElement = Loader;

  type HTMLCalciteMenuElement = Menu;

  type HTMLCalciteMenuItemElementEventMap = MenuItem["@eventTypes"];
  type HTMLCalciteMenuItemElement = MenuItem;

  type HTMLCalciteMeterElement = Meter;

  type HTMLCalciteNavigationElementEventMap = Navigation["@eventTypes"];
  type HTMLCalciteNavigationElement = Navigation;

  type HTMLCalciteNavigationLogoElement = NavigationLogo;

  type HTMLCalciteNavigationUserElement = NavigationUser;

  type HTMLCalciteNoticeElementEventMap = Notice["@eventTypes"];
  type HTMLCalciteNoticeElement = Notice;

  type HTMLCalciteOptionElement = Option;

  type HTMLCalciteOptionGroupElement = OptionGroup;

  type HTMLCalcitePaginationElementEventMap = Pagination["@eventTypes"];
  type HTMLCalcitePaginationElement = Pagination;

  type HTMLCalcitePanelElementEventMap = Panel["@eventTypes"];
  type HTMLCalcitePanelElement = Panel;

  type HTMLCalcitePopoverElementEventMap = Popover["@eventTypes"];
  type HTMLCalcitePopoverElement = Popover;

  type HTMLCalciteProgressElement = Progress;

  type HTMLCalciteRadioButtonElementEventMap = RadioButton["@eventTypes"];
  type HTMLCalciteRadioButtonElement = RadioButton;

  type HTMLCalciteRadioButtonGroupElementEventMap = RadioButtonGroup["@eventTypes"];
  type HTMLCalciteRadioButtonGroupElement = RadioButtonGroup;

  type HTMLCalciteRatingElementEventMap = Rating["@eventTypes"];
  type HTMLCalciteRatingElement = Rating;

  type HTMLCalciteScrimElement = Scrim;

  type HTMLCalciteSegmentedControlElementEventMap = SegmentedControl["@eventTypes"];
  type HTMLCalciteSegmentedControlElement = SegmentedControl;

  type HTMLCalciteSegmentedControlItemElement = SegmentedControlItem;

  type HTMLCalciteSelectElementEventMap = Select["@eventTypes"];
  type HTMLCalciteSelectElement = Select;

  type HTMLCalciteSheetElementEventMap = Sheet["@eventTypes"];
  type HTMLCalciteSheetElement = Sheet;

  type HTMLCalciteShellElement = Shell;

  type HTMLCalciteShellPanelElementEventMap = ShellPanel["@eventTypes"];
  type HTMLCalciteShellPanelElement = ShellPanel;

  type HTMLCalciteSliderElementEventMap = Slider["@eventTypes"];
  type HTMLCalciteSliderElement = Slider;

  type HTMLCalciteSortHandleElementEventMap = SortHandle["@eventTypes"];
  type HTMLCalciteSortHandleElement = SortHandle;

  type HTMLCalciteSortableListElementEventMap = SortableList["@eventTypes"];
  type HTMLCalciteSortableListElement = SortableList;

  type HTMLCalciteSplitButtonElementEventMap = SplitButton["@eventTypes"];
  type HTMLCalciteSplitButtonElement = SplitButton;

  type HTMLCalciteStackElement = Stack;

  type HTMLCalciteStepperElementEventMap = Stepper["@eventTypes"];
  type HTMLCalciteStepperElement = Stepper;

  type HTMLCalciteStepperItemElementEventMap = StepperItem["@eventTypes"];
  type HTMLCalciteStepperItemElement = StepperItem;

  type HTMLCalciteSwatchElementEventMap = Swatch["@eventTypes"];
  type HTMLCalciteSwatchElement = Swatch;

  type HTMLCalciteSwatchGroupElementEventMap = SwatchGroup["@eventTypes"];
  type HTMLCalciteSwatchGroupElement = SwatchGroup;

  type HTMLCalciteSwitchElementEventMap = Switch["@eventTypes"];
  type HTMLCalciteSwitchElement = Switch;

  type HTMLCalciteTabElement = Tab;

  type HTMLCalciteTabNavElementEventMap = TabNav["@eventTypes"];
  type HTMLCalciteTabNavElement = TabNav;

  type HTMLCalciteTabTitleElementEventMap = TabTitle["@eventTypes"];
  type HTMLCalciteTabTitleElement = TabTitle;

  type HTMLCalciteTableElementEventMap = Table["@eventTypes"];
  type HTMLCalciteTableElement = Table;

  type HTMLCalciteTableCellElement = TableCell;

  type HTMLCalciteTableHeaderElement = TableHeader;

  type HTMLCalciteTableRowElementEventMap = TableRow["@eventTypes"];
  type HTMLCalciteTableRowElement = TableRow;

  type HTMLCalciteTabsElement = Tabs;

  type HTMLCalciteTextAreaElementEventMap = TextArea["@eventTypes"];
  type HTMLCalciteTextAreaElement = TextArea;

  type HTMLCalciteTileElementEventMap = Tile["@eventTypes"];
  type HTMLCalciteTileElement = Tile;

  type HTMLCalciteTileGroupElementEventMap = TileGroup["@eventTypes"];
  type HTMLCalciteTileGroupElement = TileGroup;

  type HTMLCalciteTimePickerElementEventMap = TimePicker["@eventTypes"];
  type HTMLCalciteTimePickerElement = TimePicker;

  type HTMLCalciteTooltipElementEventMap = Tooltip["@eventTypes"];
  type HTMLCalciteTooltipElement = Tooltip;

  type HTMLCalciteTreeElementEventMap = Tree["@eventTypes"];
  type HTMLCalciteTreeElement = Tree;

  type HTMLCalciteTreeItemElementEventMap = TreeItem["@eventTypes"];
  type HTMLCalciteTreeItemElement = TreeItem;


}