/* eslint-disable */
/* tslint:disable */
/**
 * This is an autogenerated file created by the Stencil compiler.
 * It contains typing information for all components that exist in this project.
 */
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
import { AlertBannerVariant } from "./components/datacom-alert-banner/datacom-alert-banner";
import { ButtonSize, ButtonVariant, ImagePosition } from "./components/datacom-button/datacom-button";
import { NumberOfItemsPerRow } from "./components/datacom-card/datacom-card-group";
import { CheckboxSizeType } from "./components/datacom-checkbox/datacom-checkbox";
import { ContentTagVariant } from "./components/datacom-content-tag/datacom-content-tag";
import { DatacomDropDownVariantType } from "./components/datacom-dropdown/datacom-dropdown";
import { NumberOfItemsPerRow as NumberOfItemsPerRow1 } from "./components/datacom-feature-highlight/datacom-feature-highlight-group";
import { DatacomInputType, IndicatorType } from "./components/datacom-input/datacom-input";
import { ImagePosition as ImagePosition1, LinkVariant } from "./components/datacom-link/datacom-link";
import { ListVariant, TypeList } from "./components/datacom-list/datacom-list";
import { LoaderSize, LoadingStatusType } from "./components/datacom-loader/datacom-loader";
import { MenuSizeType } from "./components/datacom-overflow-menu/datacom-overflow-menu-items";
import { MenuItemsPositionType, MenuSizeType as MenuSizeType1, OverFlowMenuVariantType } from "./components/datacom-overflow-menu/datacom-overflow-menu";
import { ImagePosition as ImagePosition2, RadioSize, RadioVariant } from "./components/datacom-radio/datacom-radio";
import { RatingSizeType } from "./components/datacom-rating/datacom-rating";
import { LabelPositionType, ToggleSizeType } from "./components/datacom-toggle/datacom-toggle";
import { TooltipPositionType } from "./components/datacom-tooltip/datacom-tooltip";
export { AlertBannerVariant } from "./components/datacom-alert-banner/datacom-alert-banner";
export { ButtonSize, ButtonVariant, ImagePosition } from "./components/datacom-button/datacom-button";
export { NumberOfItemsPerRow } from "./components/datacom-card/datacom-card-group";
export { CheckboxSizeType } from "./components/datacom-checkbox/datacom-checkbox";
export { ContentTagVariant } from "./components/datacom-content-tag/datacom-content-tag";
export { DatacomDropDownVariantType } from "./components/datacom-dropdown/datacom-dropdown";
export { NumberOfItemsPerRow as NumberOfItemsPerRow1 } from "./components/datacom-feature-highlight/datacom-feature-highlight-group";
export { DatacomInputType, IndicatorType } from "./components/datacom-input/datacom-input";
export { ImagePosition as ImagePosition1, LinkVariant } from "./components/datacom-link/datacom-link";
export { ListVariant, TypeList } from "./components/datacom-list/datacom-list";
export { LoaderSize, LoadingStatusType } from "./components/datacom-loader/datacom-loader";
export { MenuSizeType } from "./components/datacom-overflow-menu/datacom-overflow-menu-items";
export { MenuItemsPositionType, MenuSizeType as MenuSizeType1, OverFlowMenuVariantType } from "./components/datacom-overflow-menu/datacom-overflow-menu";
export { ImagePosition as ImagePosition2, RadioSize, RadioVariant } from "./components/datacom-radio/datacom-radio";
export { RatingSizeType } from "./components/datacom-rating/datacom-rating";
export { LabelPositionType, ToggleSizeType } from "./components/datacom-toggle/datacom-toggle";
export { TooltipPositionType } from "./components/datacom-tooltip/datacom-tooltip";
export namespace Components {
    /**
     * Accordion element represents single collapsable section in an accordion
     */
    interface DatacomAccordion {
        "disabled": boolean;
        "expanded": boolean;
        "index": number;
        /**
          * Function returns whether or not this accordion is currently expanded.
         */
        "isExpanded": () => Promise<boolean>;
        "label": string;
        /**
          * Function sets the expanded state of this individual accordion item.
          * @param expanded
         */
        "setExpanded": (expanded: boolean) => Promise<void>;
    }
    /**
     * AccordionGroup element represents the wrapping element around a set of
     * Accordion element(s).
     */
    interface DatacomAccordionGroup {
        "allowMultiExpand"?: boolean;
    }
    interface DatacomAlertBanner {
        "ctaLabel": string;
        "ctaURL": string;
        "variant": AlertBannerVariant;
    }
    interface DatacomAvatar {
        "alt": string;
        "companyName": string;
        "firstName": string;
        "jobTitle": string;
        "lastName": string;
        "src": string;
        "url": string;
    }
    /**
     * Breadcrumb element represents  navigation
     */
    interface DatacomBreadcrumb {
        "separator"?: boolean;
        "url"?: string;
    }
    /**
     * Datacom styled button which extends HTML button.
     * The control is scoped rather than shadow so the input field can participate in a form submit.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
     */
    interface DatacomButton {
        "autofocus": boolean;
        /**
          * HTML button element properties
         */
        "disabled": boolean;
        "form": string;
        "formaction": string;
        "formenctype": string;
        "formmethod": string;
        "formtarget": string;
        /**
          * Name of built-in icon named using dash case. E.g. "back-to-top"
         */
        "icon": string;
        /**
          * Image position: - left - right
         */
        "iconPosition": ImagePosition;
        /**
          * If true, show loading icon
         */
        "loading": boolean;
        "name": string;
        /**
          * Button size: - large - small
         */
        "size": ButtonSize;
        /**
          * Image source as either relative or obsolute URI
         */
        "src": string;
        /**
          * Button text content. If not present use component children
         */
        "text"?: string;
        "type": string;
        /**
          * If provided, will render button as an anchor tag with provided url
         */
        "url": string;
        "value": string;
        /**
          * Button variant: - primary - seconday - tertiary
         */
        "variant": ButtonVariant;
    }
    /**
     * Card Group components are used to hold a number of card
     * components and handles the responsiveness of how the cards
     * wrap on smaller screens.
     */
    interface DatacomCardGroup {
        "itemsPerRow"?: NumberOfItemsPerRow;
    }
    interface DatacomCheckbox {
        /**
          * Auto-validate and display error message on form submit
         */
        "autoValidate"?: boolean;
        "autocomplete"?: boolean;
        "autofocus": boolean;
        /**
          * Check if the control is valid
         */
        "checkValidity": () => Promise<boolean>;
        "checked": boolean;
        /**
          * True if the checkbox is a child and should be indented
         */
        "child": boolean;
        "disabled": boolean;
        "form"?: string;
        "formaction"?: string;
        "formenctype"?: string;
        "formmethod"?: string;
        "formnovalidate"?: boolean;
        "formtarget"?: string;
        /**
          * True if the checkbox is part of a group
         */
        "grouped": boolean;
        /**
          * Show control in indeterminate state (dash)
         */
        "indeterminate"?: boolean;
        /**
          * Index of the checkbox in the group
         */
        "index": number;
        /**
          * Checkbox label (right of tickbox)
         */
        "label": string;
        /**
          * Custom error message if control is invalid
         */
        "message": string;
        "name": string;
        /**
          * Standard form props
         */
        "readonly"?: boolean;
        "required": boolean;
        /**
          * Force validation on the form control to display any error messages
          * @returns boolean
         */
        "validate": () => Promise<boolean>;
        "value"?: string;
        /**
          * Checkbox is either standard size (default) or small
         */
        "variant": CheckboxSizeType;
    }
    interface DatacomCheckboxGroup {
    }
    /**
     * Cards components are used to display content and actions about a
     * single subject, providing at-a-glance information and easy access
     * to more details.
     * This card variant should be used to display an article or customer
     * story overview, designed to accommodate more supporting text and a
     * related call to action.
     */
    interface DatacomContentCard {
        "cardTitle": string;
        "ctaText": string;
        "date": string;
        "icon": string;
        "iconUrl": string;
        "imageUrl": string;
        "url": string;
    }
    /**
     * Content Tag elements are used to label, categorize and organize other UI objects using keywords that describe the items.
     */
    interface DatacomContentTag {
        "url": string;
        "variant": ContentTagVariant;
    }
    interface DatacomDatePicker {
        "autoValidate"?: boolean;
        "dateFormat"?: string;
        "disabled"?: boolean;
        "endDate"?: Date;
        "form"?: string;
        "isValid"?: boolean;
        "label"?: string;
        "message"?: string;
        "name": string;
        "placeholder"?: string;
        "range"?: boolean;
        "required"?: boolean;
        "selectedDate"?: Date;
        "startDate"?: Date;
        "supportedFormat"?: string[];
    }
    interface DatacomDatePickerCalendar {
        "dateFormat"?: string;
        "disabled"?: boolean;
        "endDate"?: Date;
        "getCalendarDate": () => Promise<Date>;
        "range"?: boolean;
        "selectedDate"?: Date;
        "setMouseoverDate": (date: Date) => Promise<void>;
        "startDate"?: Date;
        "switchToNextMonth": () => Promise<void>;
        "switchToPreviousMonth": () => Promise<void>;
    }
    interface DatacomDatePickerInput {
        /**
          * Automatically show field error message on control if invalid during form submit
         */
        "autoValidate"?: boolean;
        /**
          * Check validity of the control
         */
        "checkValidity": () => Promise<boolean>;
        "clearValue": () => Promise<void>;
        "dateFormat"?: string;
        "disabled"?: boolean;
        "endDate"?: Date;
        "inputId"?: string;
        /**
          * Validation error message
         */
        "message"?: string;
        "placeholder"?: string;
        "range"?: boolean;
        "required"?: boolean;
        "selectedDate"?: Date;
        "startDate"?: Date;
        "supportedFormat"?: string[];
        /**
          * Force validation on the field. If validation fails then show error message.
         */
        "validate": () => Promise<boolean>;
    }
    /**
     * Display card component is used to display text image and navigation together using a clear visual hierarchy.
     */
    interface DatacomDisplayCard {
        "ctaText": string;
        "heading": string;
        "imageUrl": string;
        "url"?: string;
    }
    interface DatacomDisplayCardGroup {
    }
    /**
     * HTML Select component with styled options.
     * The multiple select option unlike the standard select is within the drop down.
     * Multiple items are selected with simple click rather than requiring ctrl+click
     */
    interface DatacomDropdown {
        /**
          * Automatically show error state if invalid on form submit
         */
        "autoValidate"?: boolean;
        /**
          * Check if the control is valid
         */
        "checkValidity": () => Promise<boolean>;
        "disabled"?: boolean;
        "form"?: string;
        /**
          * Get a list of select values
          * @returns string[]
         */
        "getSelected": () => Promise<string[]>;
        /**
          * Optional help text
         */
        "help"?: string;
        "isValid"?: boolean;
        /**
          * Control label
         */
        "label": string;
        /**
          * Error message to display in the case of input validity checks or explicitly with 'valid' property
         */
        "message"?: string;
        /**
          * HTML element input properties
         */
        "name": string;
        "placeholder"?: string;
        "readonly"?: boolean;
        "required"?: boolean;
        "title": string;
        /**
          * Force validation on the form control to display any error messages
          * @returns boolean
         */
        "validate": () => Promise<boolean>;
        "value"?: string;
        /**
          * Drop down variant
         */
        "variant": DatacomDropDownVariantType;
    }
    /**
     * Feature highlight component is used to display content and actions relating to
     * single subject.
     */
    interface DatacomFeatureHighlight {
        "ctaText": string;
        "featureTitle": string;
        "icon"?: string;
        "imageUrl": string;
        "url": string;
    }
    /**
     * Feature highlight Group component is  used to hold a number of feature highlight
     * components and manages the responsiveness within it.
     */
    interface DatacomFeatureHighlightGroup {
        "itemsPerRow"?: NumberOfItemsPerRow1;
    }
    /**
     * Datacom styled icon.
     */
    interface DatacomIcon {
        /**
          * Icon
         */
        "icon": string;
    }
    /**
     * Datacom Input field
     * The control is scoped rather than shadow so the input field can participate in a form submit.
     * @see https://brandhub.datacom.com/d/fjZSq4WewHBg/components#/components/button
     */
    interface DatacomInput {
        /**
          * Automatically show error state if invalid on form submit
         */
        "autoValidate"?: boolean;
        /**
          * Check if the control is valid
         */
        "checkValidity": () => Promise<boolean>;
        "disabled"?: boolean;
        /**
          * Switch the control to edit mode if it is not already editing.
         */
        "edit": () => Promise<void>;
        "form"?: string;
        "formaction"?: string;
        "formenctype"?: string;
        "formmethod"?: string;
        "formnovalidate"?: boolean;
        "formtarget"?: string;
        /**
          * Optional help text
         */
        "help"?: string;
        /**
          * Feedback indicator
         */
        "indicator"?: IndicatorType;
        "inputmode"?: string;
        "isValid"?: boolean;
        /**
          * Optional label for control. This can be omitted if the host element has a text children.
         */
        "label"?: string;
        "max"?: number;
        "maxlength"?: number;
        /**
          * Error message to display in the case of input validity checks or explicitly with 'valid' property
         */
        "message"?: string;
        "min"?: number;
        "minlength"?: number;
        /**
          * HTML element input properties
         */
        "name": string;
        "pattern"?: string;
        "placeholder"?: string;
        "readonly"?: boolean;
        "required"?: boolean;
        "size"?: number;
        "step"?: number;
        "title": string;
        "type": DatacomInputType;
        /**
          * Force validation on the form control to display any error messages
          * @returns boolean
         */
        "validate": () => Promise<boolean>;
        "value"?: string;
    }
    interface DatacomLi {
        /**
          * Heading Prop for list with paragraph.
         */
        "heading"?: string;
    }
    /**
     * Link component is used for navigation.
     */
    interface DatacomLink {
        "disabled": boolean;
        "icon"?: string;
        "iconPosition": ImagePosition1;
        "linkLabel": string;
        "url": string;
        "variant": LinkVariant;
    }
    interface DatacomList {
        /**
          * type used for ordered list style.
         */
        "type": TypeList;
        "variant": ListVariant;
    }
    /**
     * Loader elements are used to notify users when performing computation or retrieving data.
     */
    interface DatacomLoader {
        "loadingStatus": LoadingStatusType;
        "size": LoaderSize;
    }
    interface DatacomMenuItem {
        "disabled": boolean;
        "icon": string;
        "itemText": string;
        "itemUrl": string;
        "size": MenuSizeType;
    }
    interface DatacomMenubar {
    }
    interface DatacomNumberInput {
        "disabled": false;
        "help": string;
        "label": string;
        "max": number;
        "message": string;
        "min": number;
        "name": string;
        "numberTitle": string;
        "placeholder": string;
        "readonly"?: boolean;
        "required"?: boolean;
        "step": number;
        "value"?: number;
    }
    interface DatacomOption {
        /**
          * Icon name
         */
        "icon"?: string;
        /**
          * Option id
         */
        "index": number;
        /**
          * Display label
         */
        "label": string;
        /**
          * Display type (mostly private) - list = display as item in drop down list (default) - standalone = display a standalone item outside of the list.
         */
        "mode": DropdownOptionMode;
        /**
          * Text for use in option search
         */
        "search"?: string;
        /**
          * True if the option is selected
         */
        "selected": boolean;
        /**
          * Icon source
         */
        "src"?: string;
        /**
          * Form submit value
         */
        "value": string;
        /**
          * Show the item
         */
        "visible": boolean;
    }
    interface DatacomOverflowMenu {
        "label": string;
        "position": MenuItemsPositionType;
        "size": MenuSizeType1;
        "variant": OverFlowMenuVariantType;
    }
    interface DatacomPagination {
        "currentPage"?: number;
        "itemsPerPage"?: number;
        "totalItems"?: number;
    }
    /**
     * Cards components are used to display content and actions about a
     * single subject, providing at-a-glance information and easy access
     * to more details.
     * This card variant should be used to display an overview of a product.
     * A snapshot enough for users to evaluate the product before committing
     * to action.
     */
    interface DatacomProductCard {
        "hideAddToCart": boolean;
        "hideProductCompare": boolean;
        "hideQuickView": boolean;
        "imageUrl": string;
        "price": number;
        "productTitle": string;
        "promoPrice": number;
        "ratingLabel": string;
        "ratingValue": number;
        "stockStatus": StockStatus;
        "url": string;
    }
    interface DatacomRadio {
        /**
          * Auto-validate and display error message on form submit
         */
        "autoValidate"?: boolean;
        "autocomplete"?: boolean;
        "autofocus": boolean;
        /**
          * Check if the control is valid
         */
        "checkValidity": () => Promise<boolean>;
        "checked": boolean;
        "disabled": boolean;
        "form": string;
        "formaction": string;
        "formenctype": string;
        "formmethod": string;
        "formnovalidate"?: boolean;
        "formtarget": string;
        "icon": string;
        "iconPosition": ImagePosition2;
        "label": string;
        /**
          * Custom error message if control is invalid
         */
        "message": string;
        "name": string;
        "readonly"?: boolean;
        "required": boolean;
        /**
          * control use for radio button group
         */
        "setGrouped": (grouped: boolean) => Promise<boolean>;
        "size": RadioSize;
        "src": string;
        "type": string;
        /**
          * Force validation on the field. If validation fails then show error message.
         */
        "validate": () => Promise<boolean>;
        "value": string;
        "variant": RadioVariant;
    }
    interface DatacomRadioGroup {
    }
    /**
     * Rating element is used to either display a rating
     * or act as an input for a user to give a rating.
     */
    interface DatacomRating {
        /**
          * Retrive rating currently selected in component
         */
        "getSelectedRating": () => Promise<number>;
        "label": any;
        "ratingValue": number;
        "readonly": boolean;
        "size": RatingSizeType;
    }
    /**
     * Scroll button component automatically scroll to specific point when clicked.
     */
    interface DatacomScrollButton {
        "anchorId": string;
        "btnTitle": string;
    }
    /**
     * Cards components are used to display content and actions about a
     * single subject, providing at-a-glance information and easy access
     * to more details.
     * Selection cards are components used for displaying a set of options
     * relating to a subject that requires users to choose a single option.
     */
    interface DatacomSelectionCard {
        "cardTitle": string;
        "ctaText": string;
        "imageUrl": string;
    }
    /**
     * The tab element describes the tab, but does not render the tab label.
     * @see DatacomTabGroup
     */
    interface DatacomTab {
        "disabled": boolean;
        "label": string;
        "selected"?: boolean;
        /**
          * Select this tab
          * @param value
         */
        "setSelected": (value: boolean) => Promise<void>;
    }
    interface DatacomTabgroup {
        /**
          * Select a tab with focus (zero index based)
          * @param index
          * @returns void
         */
        "select": (index: number) => Promise<void>;
    }
    /**
     * The control is scoped rather than shadow so the textarea field can participate in a form submit.
     * @see https://brandhub.datacom.com/d/fjZSq4WewHBg/components#/components/text-area-field
     */
    interface DatacomTextarea {
        /**
          * Automatically show error state if invalid on form submit
         */
        "autoValidate"?: boolean;
        "autocorrect": boolean;
        /**
          * Check if the control is valid
         */
        "checkValidity": () => Promise<boolean>;
        "cols": number;
        "disabled"?: boolean;
        /**
          * Sets edit state for element
         */
        "edit": () => Promise<void>;
        "form"?: string;
        "formaction"?: string;
        "formenctype"?: string;
        "formmethod"?: string;
        "formnovalidate"?: boolean;
        "formtarget"?: string;
        /**
          * Optional help text
         */
        "help"?: string;
        "inputAutofocus"?: boolean;
        "isValid"?: boolean;
        "label"?: string;
        "maxlength"?: number;
        /**
          * Error message to display in the case of validity checks or explicitly with 'valid' property
         */
        "message"?: string;
        "minlength"?: number;
        /**
          * HTML element textarea properties
         */
        "name": string;
        "placeholder"?: string;
        "readonly"?: boolean;
        "required"?: boolean;
        "rows": number;
        /**
          * Force validation on the form control to display any error messages
          * @returns boolean
         */
        "validate": () => Promise<boolean>;
        "value": string;
    }
    interface DatacomTimePicker {
        /**
          * Automatically show field error message on control if invalid during form submit
         */
        "autoValidate"?: boolean;
        /**
          * Check validity of the control
         */
        "checkValidity": () => Promise<boolean>;
        "disabled"?: boolean;
        "form"?: string;
        "isValid"?: boolean;
        "label": string;
        /**
          * Validation error message
         */
        "message"?: string;
        "militaryTime"?: boolean;
        "minuteInterval"?: number;
        "name": string;
        "placeholder"?: string;
        "readonly"?: boolean;
        "required"?: boolean;
        "title": string;
        /**
          * Force validation on the field. If validation fails then show error message.
         */
        "validate": () => Promise<boolean>;
        "value"?: string;
    }
    interface DatacomToggle {
        /**
          * True if the toggle element must be disabled
         */
        "disabled": boolean;
        /**
          * Label of the toggle element
         */
        "label": string;
        /**
          * Sets whether the label is rendered on the left or right (default) of the toggle element
         */
        "labelPosition": LabelPositionType;
        /**
          * Name attribute of the toggle element
         */
        "name": string;
        /**
          * True if the toggle element is initially toggled on.
         */
        "toggled": boolean;
        /**
          * Toggle element is either standard size (default) or small
         */
        "variant": ToggleSizeType;
    }
    /**
     * Tooltip component is a floating, non-actionable label
     * used to explain a user interface element or feature.
     */
    interface DatacomTooltip {
        "hideArrow": boolean;
        "id": string;
        "label": string;
        "position": TooltipPositionType;
        "width": number;
    }
}
export interface DatacomAccordionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomAccordionElement;
}
export interface DatacomAlertBannerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomAlertBannerElement;
}
export interface DatacomCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomCheckboxElement;
}
export interface DatacomContentCardCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomContentCardElement;
}
export interface DatacomDatePickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomDatePickerElement;
}
export interface DatacomDatePickerCalendarCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomDatePickerCalendarElement;
}
export interface DatacomDatePickerInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomDatePickerInputElement;
}
export interface DatacomDropdownCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomDropdownElement;
}
export interface DatacomInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomInputElement;
}
export interface DatacomMenuItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomMenuItemElement;
}
export interface DatacomNumberInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomNumberInputElement;
}
export interface DatacomOptionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomOptionElement;
}
export interface DatacomPaginationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomPaginationElement;
}
export interface DatacomProductCardCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomProductCardElement;
}
export interface DatacomRadioCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomRadioElement;
}
export interface DatacomRatingCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomRatingElement;
}
export interface DatacomSelectionCardCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomSelectionCardElement;
}
export interface DatacomTabCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomTabElement;
}
export interface DatacomTextareaCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomTextareaElement;
}
export interface DatacomTimePickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomTimePickerElement;
}
export interface DatacomToggleCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatacomToggleElement;
}
declare global {
    interface HTMLDatacomAccordionElementEventMap {
        "itemClicked": number;
    }
    /**
     * Accordion element represents single collapsable section in an accordion
     */
    interface HTMLDatacomAccordionElement extends Components.DatacomAccordion, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomAccordionElementEventMap>(type: K, listener: (this: HTMLDatacomAccordionElement, ev: DatacomAccordionCustomEvent<HTMLDatacomAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomAccordionElementEventMap>(type: K, listener: (this: HTMLDatacomAccordionElement, ev: DatacomAccordionCustomEvent<HTMLDatacomAccordionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomAccordionElement: {
        prototype: HTMLDatacomAccordionElement;
        new (): HTMLDatacomAccordionElement;
    };
    /**
     * AccordionGroup element represents the wrapping element around a set of
     * Accordion element(s).
     */
    interface HTMLDatacomAccordionGroupElement extends Components.DatacomAccordionGroup, HTMLStencilElement {
    }
    var HTMLDatacomAccordionGroupElement: {
        prototype: HTMLDatacomAccordionGroupElement;
        new (): HTMLDatacomAccordionGroupElement;
    };
    interface HTMLDatacomAlertBannerElementEventMap {
        "close": void;
    }
    interface HTMLDatacomAlertBannerElement extends Components.DatacomAlertBanner, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomAlertBannerElementEventMap>(type: K, listener: (this: HTMLDatacomAlertBannerElement, ev: DatacomAlertBannerCustomEvent<HTMLDatacomAlertBannerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomAlertBannerElementEventMap>(type: K, listener: (this: HTMLDatacomAlertBannerElement, ev: DatacomAlertBannerCustomEvent<HTMLDatacomAlertBannerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomAlertBannerElement: {
        prototype: HTMLDatacomAlertBannerElement;
        new (): HTMLDatacomAlertBannerElement;
    };
    interface HTMLDatacomAvatarElement extends Components.DatacomAvatar, HTMLStencilElement {
    }
    var HTMLDatacomAvatarElement: {
        prototype: HTMLDatacomAvatarElement;
        new (): HTMLDatacomAvatarElement;
    };
    /**
     * Breadcrumb element represents  navigation
     */
    interface HTMLDatacomBreadcrumbElement extends Components.DatacomBreadcrumb, HTMLStencilElement {
    }
    var HTMLDatacomBreadcrumbElement: {
        prototype: HTMLDatacomBreadcrumbElement;
        new (): HTMLDatacomBreadcrumbElement;
    };
    /**
     * Datacom styled button which extends HTML button.
     * The control is scoped rather than shadow so the input field can participate in a form submit.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
     */
    interface HTMLDatacomButtonElement extends Components.DatacomButton, HTMLStencilElement {
    }
    var HTMLDatacomButtonElement: {
        prototype: HTMLDatacomButtonElement;
        new (): HTMLDatacomButtonElement;
    };
    /**
     * Card Group components are used to hold a number of card
     * components and handles the responsiveness of how the cards
     * wrap on smaller screens.
     */
    interface HTMLDatacomCardGroupElement extends Components.DatacomCardGroup, HTMLStencilElement {
    }
    var HTMLDatacomCardGroupElement: {
        prototype: HTMLDatacomCardGroupElement;
        new (): HTMLDatacomCardGroupElement;
    };
    interface HTMLDatacomCheckboxElementEventMap {
        "changed": number;
    }
    interface HTMLDatacomCheckboxElement extends Components.DatacomCheckbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomCheckboxElementEventMap>(type: K, listener: (this: HTMLDatacomCheckboxElement, ev: DatacomCheckboxCustomEvent<HTMLDatacomCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomCheckboxElementEventMap>(type: K, listener: (this: HTMLDatacomCheckboxElement, ev: DatacomCheckboxCustomEvent<HTMLDatacomCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomCheckboxElement: {
        prototype: HTMLDatacomCheckboxElement;
        new (): HTMLDatacomCheckboxElement;
    };
    interface HTMLDatacomCheckboxGroupElement extends Components.DatacomCheckboxGroup, HTMLStencilElement {
    }
    var HTMLDatacomCheckboxGroupElement: {
        prototype: HTMLDatacomCheckboxGroupElement;
        new (): HTMLDatacomCheckboxGroupElement;
    };
    interface HTMLDatacomContentCardElementEventMap {
        "actionIconClicked": string;
    }
    /**
     * Cards components are used to display content and actions about a
     * single subject, providing at-a-glance information and easy access
     * to more details.
     * This card variant should be used to display an article or customer
     * story overview, designed to accommodate more supporting text and a
     * related call to action.
     */
    interface HTMLDatacomContentCardElement extends Components.DatacomContentCard, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomContentCardElementEventMap>(type: K, listener: (this: HTMLDatacomContentCardElement, ev: DatacomContentCardCustomEvent<HTMLDatacomContentCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomContentCardElementEventMap>(type: K, listener: (this: HTMLDatacomContentCardElement, ev: DatacomContentCardCustomEvent<HTMLDatacomContentCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomContentCardElement: {
        prototype: HTMLDatacomContentCardElement;
        new (): HTMLDatacomContentCardElement;
    };
    /**
     * Content Tag elements are used to label, categorize and organize other UI objects using keywords that describe the items.
     */
    interface HTMLDatacomContentTagElement extends Components.DatacomContentTag, HTMLStencilElement {
    }
    var HTMLDatacomContentTagElement: {
        prototype: HTMLDatacomContentTagElement;
        new (): HTMLDatacomContentTagElement;
    };
    interface HTMLDatacomDatePickerElementEventMap {
        "changed": Date | Date[];
    }
    interface HTMLDatacomDatePickerElement extends Components.DatacomDatePicker, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomDatePickerElementEventMap>(type: K, listener: (this: HTMLDatacomDatePickerElement, ev: DatacomDatePickerCustomEvent<HTMLDatacomDatePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomDatePickerElementEventMap>(type: K, listener: (this: HTMLDatacomDatePickerElement, ev: DatacomDatePickerCustomEvent<HTMLDatacomDatePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomDatePickerElement: {
        prototype: HTMLDatacomDatePickerElement;
        new (): HTMLDatacomDatePickerElement;
    };
    interface HTMLDatacomDatePickerCalendarElementEventMap {
        "datePickerChanged": Date | Date[];
    }
    interface HTMLDatacomDatePickerCalendarElement extends Components.DatacomDatePickerCalendar, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomDatePickerCalendarElementEventMap>(type: K, listener: (this: HTMLDatacomDatePickerCalendarElement, ev: DatacomDatePickerCalendarCustomEvent<HTMLDatacomDatePickerCalendarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomDatePickerCalendarElementEventMap>(type: K, listener: (this: HTMLDatacomDatePickerCalendarElement, ev: DatacomDatePickerCalendarCustomEvent<HTMLDatacomDatePickerCalendarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomDatePickerCalendarElement: {
        prototype: HTMLDatacomDatePickerCalendarElement;
        new (): HTMLDatacomDatePickerCalendarElement;
    };
    interface HTMLDatacomDatePickerInputElementEventMap {
        "datePickerInputFocused": any;
        "datePickerChanged": Date | Date[];
        "datePickerInputChanged": string;
    }
    interface HTMLDatacomDatePickerInputElement extends Components.DatacomDatePickerInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomDatePickerInputElementEventMap>(type: K, listener: (this: HTMLDatacomDatePickerInputElement, ev: DatacomDatePickerInputCustomEvent<HTMLDatacomDatePickerInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomDatePickerInputElementEventMap>(type: K, listener: (this: HTMLDatacomDatePickerInputElement, ev: DatacomDatePickerInputCustomEvent<HTMLDatacomDatePickerInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomDatePickerInputElement: {
        prototype: HTMLDatacomDatePickerInputElement;
        new (): HTMLDatacomDatePickerInputElement;
    };
    /**
     * Display card component is used to display text image and navigation together using a clear visual hierarchy.
     */
    interface HTMLDatacomDisplayCardElement extends Components.DatacomDisplayCard, HTMLStencilElement {
    }
    var HTMLDatacomDisplayCardElement: {
        prototype: HTMLDatacomDisplayCardElement;
        new (): HTMLDatacomDisplayCardElement;
    };
    interface HTMLDatacomDisplayCardGroupElement extends Components.DatacomDisplayCardGroup, HTMLStencilElement {
    }
    var HTMLDatacomDisplayCardGroupElement: {
        prototype: HTMLDatacomDisplayCardGroupElement;
        new (): HTMLDatacomDisplayCardGroupElement;
    };
    interface HTMLDatacomDropdownElementEventMap {
        "changed": string[];
    }
    /**
     * HTML Select component with styled options.
     * The multiple select option unlike the standard select is within the drop down.
     * Multiple items are selected with simple click rather than requiring ctrl+click
     */
    interface HTMLDatacomDropdownElement extends Components.DatacomDropdown, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomDropdownElementEventMap>(type: K, listener: (this: HTMLDatacomDropdownElement, ev: DatacomDropdownCustomEvent<HTMLDatacomDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomDropdownElementEventMap>(type: K, listener: (this: HTMLDatacomDropdownElement, ev: DatacomDropdownCustomEvent<HTMLDatacomDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomDropdownElement: {
        prototype: HTMLDatacomDropdownElement;
        new (): HTMLDatacomDropdownElement;
    };
    /**
     * Feature highlight component is used to display content and actions relating to
     * single subject.
     */
    interface HTMLDatacomFeatureHighlightElement extends Components.DatacomFeatureHighlight, HTMLStencilElement {
    }
    var HTMLDatacomFeatureHighlightElement: {
        prototype: HTMLDatacomFeatureHighlightElement;
        new (): HTMLDatacomFeatureHighlightElement;
    };
    /**
     * Feature highlight Group component is  used to hold a number of feature highlight
     * components and manages the responsiveness within it.
     */
    interface HTMLDatacomFeatureHighlightGroupElement extends Components.DatacomFeatureHighlightGroup, HTMLStencilElement {
    }
    var HTMLDatacomFeatureHighlightGroupElement: {
        prototype: HTMLDatacomFeatureHighlightGroupElement;
        new (): HTMLDatacomFeatureHighlightGroupElement;
    };
    /**
     * Datacom styled icon.
     */
    interface HTMLDatacomIconElement extends Components.DatacomIcon, HTMLStencilElement {
    }
    var HTMLDatacomIconElement: {
        prototype: HTMLDatacomIconElement;
        new (): HTMLDatacomIconElement;
    };
    interface HTMLDatacomInputElementEventMap {
        "changed": string;
    }
    /**
     * Datacom Input field
     * The control is scoped rather than shadow so the input field can participate in a form submit.
     * @see https://brandhub.datacom.com/d/fjZSq4WewHBg/components#/components/button
     */
    interface HTMLDatacomInputElement extends Components.DatacomInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomInputElementEventMap>(type: K, listener: (this: HTMLDatacomInputElement, ev: DatacomInputCustomEvent<HTMLDatacomInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomInputElementEventMap>(type: K, listener: (this: HTMLDatacomInputElement, ev: DatacomInputCustomEvent<HTMLDatacomInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomInputElement: {
        prototype: HTMLDatacomInputElement;
        new (): HTMLDatacomInputElement;
    };
    interface HTMLDatacomLiElement extends Components.DatacomLi, HTMLStencilElement {
    }
    var HTMLDatacomLiElement: {
        prototype: HTMLDatacomLiElement;
        new (): HTMLDatacomLiElement;
    };
    /**
     * Link component is used for navigation.
     */
    interface HTMLDatacomLinkElement extends Components.DatacomLink, HTMLStencilElement {
    }
    var HTMLDatacomLinkElement: {
        prototype: HTMLDatacomLinkElement;
        new (): HTMLDatacomLinkElement;
    };
    interface HTMLDatacomListElement extends Components.DatacomList, HTMLStencilElement {
    }
    var HTMLDatacomListElement: {
        prototype: HTMLDatacomListElement;
        new (): HTMLDatacomListElement;
    };
    /**
     * Loader elements are used to notify users when performing computation or retrieving data.
     */
    interface HTMLDatacomLoaderElement extends Components.DatacomLoader, HTMLStencilElement {
    }
    var HTMLDatacomLoaderElement: {
        prototype: HTMLDatacomLoaderElement;
        new (): HTMLDatacomLoaderElement;
    };
    interface HTMLDatacomMenuItemElementEventMap {
        "buttonClicked": any;
    }
    interface HTMLDatacomMenuItemElement extends Components.DatacomMenuItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomMenuItemElementEventMap>(type: K, listener: (this: HTMLDatacomMenuItemElement, ev: DatacomMenuItemCustomEvent<HTMLDatacomMenuItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomMenuItemElementEventMap>(type: K, listener: (this: HTMLDatacomMenuItemElement, ev: DatacomMenuItemCustomEvent<HTMLDatacomMenuItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomMenuItemElement: {
        prototype: HTMLDatacomMenuItemElement;
        new (): HTMLDatacomMenuItemElement;
    };
    interface HTMLDatacomMenubarElement extends Components.DatacomMenubar, HTMLStencilElement {
    }
    var HTMLDatacomMenubarElement: {
        prototype: HTMLDatacomMenubarElement;
        new (): HTMLDatacomMenubarElement;
    };
    interface HTMLDatacomNumberInputElementEventMap {
        "valueChanged": number;
    }
    interface HTMLDatacomNumberInputElement extends Components.DatacomNumberInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomNumberInputElementEventMap>(type: K, listener: (this: HTMLDatacomNumberInputElement, ev: DatacomNumberInputCustomEvent<HTMLDatacomNumberInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomNumberInputElementEventMap>(type: K, listener: (this: HTMLDatacomNumberInputElement, ev: DatacomNumberInputCustomEvent<HTMLDatacomNumberInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomNumberInputElement: {
        prototype: HTMLDatacomNumberInputElement;
        new (): HTMLDatacomNumberInputElement;
    };
    interface HTMLDatacomOptionElementEventMap {
        "selected": number;
        "deselected": number;
    }
    interface HTMLDatacomOptionElement extends Components.DatacomOption, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomOptionElementEventMap>(type: K, listener: (this: HTMLDatacomOptionElement, ev: DatacomOptionCustomEvent<HTMLDatacomOptionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomOptionElementEventMap>(type: K, listener: (this: HTMLDatacomOptionElement, ev: DatacomOptionCustomEvent<HTMLDatacomOptionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomOptionElement: {
        prototype: HTMLDatacomOptionElement;
        new (): HTMLDatacomOptionElement;
    };
    interface HTMLDatacomOverflowMenuElement extends Components.DatacomOverflowMenu, HTMLStencilElement {
    }
    var HTMLDatacomOverflowMenuElement: {
        prototype: HTMLDatacomOverflowMenuElement;
        new (): HTMLDatacomOverflowMenuElement;
    };
    interface HTMLDatacomPaginationElementEventMap {
        "pageChanged": number;
    }
    interface HTMLDatacomPaginationElement extends Components.DatacomPagination, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomPaginationElementEventMap>(type: K, listener: (this: HTMLDatacomPaginationElement, ev: DatacomPaginationCustomEvent<HTMLDatacomPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomPaginationElementEventMap>(type: K, listener: (this: HTMLDatacomPaginationElement, ev: DatacomPaginationCustomEvent<HTMLDatacomPaginationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomPaginationElement: {
        prototype: HTMLDatacomPaginationElement;
        new (): HTMLDatacomPaginationElement;
    };
    interface HTMLDatacomProductCardElementEventMap {
        "addToCartClicked": any;
        "quickViewClicked": any;
        "productCompareClicked": any;
    }
    /**
     * Cards components are used to display content and actions about a
     * single subject, providing at-a-glance information and easy access
     * to more details.
     * This card variant should be used to display an overview of a product.
     * A snapshot enough for users to evaluate the product before committing
     * to action.
     */
    interface HTMLDatacomProductCardElement extends Components.DatacomProductCard, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomProductCardElementEventMap>(type: K, listener: (this: HTMLDatacomProductCardElement, ev: DatacomProductCardCustomEvent<HTMLDatacomProductCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomProductCardElementEventMap>(type: K, listener: (this: HTMLDatacomProductCardElement, ev: DatacomProductCardCustomEvent<HTMLDatacomProductCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomProductCardElement: {
        prototype: HTMLDatacomProductCardElement;
        new (): HTMLDatacomProductCardElement;
    };
    interface HTMLDatacomRadioElementEventMap {
        "selected": string;
    }
    interface HTMLDatacomRadioElement extends Components.DatacomRadio, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomRadioElementEventMap>(type: K, listener: (this: HTMLDatacomRadioElement, ev: DatacomRadioCustomEvent<HTMLDatacomRadioElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomRadioElementEventMap>(type: K, listener: (this: HTMLDatacomRadioElement, ev: DatacomRadioCustomEvent<HTMLDatacomRadioElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomRadioElement: {
        prototype: HTMLDatacomRadioElement;
        new (): HTMLDatacomRadioElement;
    };
    interface HTMLDatacomRadioGroupElement extends Components.DatacomRadioGroup, HTMLStencilElement {
    }
    var HTMLDatacomRadioGroupElement: {
        prototype: HTMLDatacomRadioGroupElement;
        new (): HTMLDatacomRadioGroupElement;
    };
    interface HTMLDatacomRatingElementEventMap {
        "ratingChanged": number;
    }
    /**
     * Rating element is used to either display a rating
     * or act as an input for a user to give a rating.
     */
    interface HTMLDatacomRatingElement extends Components.DatacomRating, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomRatingElementEventMap>(type: K, listener: (this: HTMLDatacomRatingElement, ev: DatacomRatingCustomEvent<HTMLDatacomRatingElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomRatingElementEventMap>(type: K, listener: (this: HTMLDatacomRatingElement, ev: DatacomRatingCustomEvent<HTMLDatacomRatingElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomRatingElement: {
        prototype: HTMLDatacomRatingElement;
        new (): HTMLDatacomRatingElement;
    };
    /**
     * Scroll button component automatically scroll to specific point when clicked.
     */
    interface HTMLDatacomScrollButtonElement extends Components.DatacomScrollButton, HTMLStencilElement {
    }
    var HTMLDatacomScrollButtonElement: {
        prototype: HTMLDatacomScrollButtonElement;
        new (): HTMLDatacomScrollButtonElement;
    };
    interface HTMLDatacomSelectionCardElementEventMap {
        "submitClicked": string;
    }
    /**
     * Cards components are used to display content and actions about a
     * single subject, providing at-a-glance information and easy access
     * to more details.
     * Selection cards are components used for displaying a set of options
     * relating to a subject that requires users to choose a single option.
     */
    interface HTMLDatacomSelectionCardElement extends Components.DatacomSelectionCard, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomSelectionCardElementEventMap>(type: K, listener: (this: HTMLDatacomSelectionCardElement, ev: DatacomSelectionCardCustomEvent<HTMLDatacomSelectionCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomSelectionCardElementEventMap>(type: K, listener: (this: HTMLDatacomSelectionCardElement, ev: DatacomSelectionCardCustomEvent<HTMLDatacomSelectionCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomSelectionCardElement: {
        prototype: HTMLDatacomSelectionCardElement;
        new (): HTMLDatacomSelectionCardElement;
    };
    interface HTMLDatacomTabElementEventMap {
        "forceReRenderTabGroup": any;
    }
    /**
     * The tab element describes the tab, but does not render the tab label.
     * @see DatacomTabGroup
     */
    interface HTMLDatacomTabElement extends Components.DatacomTab, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomTabElementEventMap>(type: K, listener: (this: HTMLDatacomTabElement, ev: DatacomTabCustomEvent<HTMLDatacomTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomTabElementEventMap>(type: K, listener: (this: HTMLDatacomTabElement, ev: DatacomTabCustomEvent<HTMLDatacomTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomTabElement: {
        prototype: HTMLDatacomTabElement;
        new (): HTMLDatacomTabElement;
    };
    interface HTMLDatacomTabgroupElement extends Components.DatacomTabgroup, HTMLStencilElement {
    }
    var HTMLDatacomTabgroupElement: {
        prototype: HTMLDatacomTabgroupElement;
        new (): HTMLDatacomTabgroupElement;
    };
    interface HTMLDatacomTextareaElementEventMap {
        "changed": string;
    }
    /**
     * The control is scoped rather than shadow so the textarea field can participate in a form submit.
     * @see https://brandhub.datacom.com/d/fjZSq4WewHBg/components#/components/text-area-field
     */
    interface HTMLDatacomTextareaElement extends Components.DatacomTextarea, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomTextareaElementEventMap>(type: K, listener: (this: HTMLDatacomTextareaElement, ev: DatacomTextareaCustomEvent<HTMLDatacomTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomTextareaElementEventMap>(type: K, listener: (this: HTMLDatacomTextareaElement, ev: DatacomTextareaCustomEvent<HTMLDatacomTextareaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomTextareaElement: {
        prototype: HTMLDatacomTextareaElement;
        new (): HTMLDatacomTextareaElement;
    };
    interface HTMLDatacomTimePickerElementEventMap {
        "changed": string;
    }
    interface HTMLDatacomTimePickerElement extends Components.DatacomTimePicker, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomTimePickerElementEventMap>(type: K, listener: (this: HTMLDatacomTimePickerElement, ev: DatacomTimePickerCustomEvent<HTMLDatacomTimePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomTimePickerElementEventMap>(type: K, listener: (this: HTMLDatacomTimePickerElement, ev: DatacomTimePickerCustomEvent<HTMLDatacomTimePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomTimePickerElement: {
        prototype: HTMLDatacomTimePickerElement;
        new (): HTMLDatacomTimePickerElement;
    };
    interface HTMLDatacomToggleElementEventMap {
        "toggleChanged": boolean;
    }
    interface HTMLDatacomToggleElement extends Components.DatacomToggle, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatacomToggleElementEventMap>(type: K, listener: (this: HTMLDatacomToggleElement, ev: DatacomToggleCustomEvent<HTMLDatacomToggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDatacomToggleElementEventMap>(type: K, listener: (this: HTMLDatacomToggleElement, ev: DatacomToggleCustomEvent<HTMLDatacomToggleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDatacomToggleElement: {
        prototype: HTMLDatacomToggleElement;
        new (): HTMLDatacomToggleElement;
    };
    /**
     * Tooltip component is a floating, non-actionable label
     * used to explain a user interface element or feature.
     */
    interface HTMLDatacomTooltipElement extends Components.DatacomTooltip, HTMLStencilElement {
    }
    var HTMLDatacomTooltipElement: {
        prototype: HTMLDatacomTooltipElement;
        new (): HTMLDatacomTooltipElement;
    };
    interface HTMLElementTagNameMap {
        "datacom-accordion": HTMLDatacomAccordionElement;
        "datacom-accordion-group": HTMLDatacomAccordionGroupElement;
        "datacom-alert-banner": HTMLDatacomAlertBannerElement;
        "datacom-avatar": HTMLDatacomAvatarElement;
        "datacom-breadcrumb": HTMLDatacomBreadcrumbElement;
        "datacom-button": HTMLDatacomButtonElement;
        "datacom-card-group": HTMLDatacomCardGroupElement;
        "datacom-checkbox": HTMLDatacomCheckboxElement;
        "datacom-checkbox-group": HTMLDatacomCheckboxGroupElement;
        "datacom-content-card": HTMLDatacomContentCardElement;
        "datacom-content-tag": HTMLDatacomContentTagElement;
        "datacom-date-picker": HTMLDatacomDatePickerElement;
        "datacom-date-picker-calendar": HTMLDatacomDatePickerCalendarElement;
        "datacom-date-picker-input": HTMLDatacomDatePickerInputElement;
        "datacom-display-card": HTMLDatacomDisplayCardElement;
        "datacom-display-card-group": HTMLDatacomDisplayCardGroupElement;
        "datacom-dropdown": HTMLDatacomDropdownElement;
        "datacom-feature-highlight": HTMLDatacomFeatureHighlightElement;
        "datacom-feature-highlight-group": HTMLDatacomFeatureHighlightGroupElement;
        "datacom-icon": HTMLDatacomIconElement;
        "datacom-input": HTMLDatacomInputElement;
        "datacom-li": HTMLDatacomLiElement;
        "datacom-link": HTMLDatacomLinkElement;
        "datacom-list": HTMLDatacomListElement;
        "datacom-loader": HTMLDatacomLoaderElement;
        "datacom-menu-item": HTMLDatacomMenuItemElement;
        "datacom-menubar": HTMLDatacomMenubarElement;
        "datacom-number-input": HTMLDatacomNumberInputElement;
        "datacom-option": HTMLDatacomOptionElement;
        "datacom-overflow-menu": HTMLDatacomOverflowMenuElement;
        "datacom-pagination": HTMLDatacomPaginationElement;
        "datacom-product-card": HTMLDatacomProductCardElement;
        "datacom-radio": HTMLDatacomRadioElement;
        "datacom-radio-group": HTMLDatacomRadioGroupElement;
        "datacom-rating": HTMLDatacomRatingElement;
        "datacom-scroll-button": HTMLDatacomScrollButtonElement;
        "datacom-selection-card": HTMLDatacomSelectionCardElement;
        "datacom-tab": HTMLDatacomTabElement;
        "datacom-tabgroup": HTMLDatacomTabgroupElement;
        "datacom-textarea": HTMLDatacomTextareaElement;
        "datacom-time-picker": HTMLDatacomTimePickerElement;
        "datacom-toggle": HTMLDatacomToggleElement;
        "datacom-tooltip": HTMLDatacomTooltipElement;
    }
}
declare namespace LocalJSX {
    /**
     * Accordion element represents single collapsable section in an accordion
     */
    interface DatacomAccordion {
        "disabled"?: boolean;
        "expanded"?: boolean;
        "index"?: number;
        "label"?: string;
        "onItemClicked"?: (event: DatacomAccordionCustomEvent<number>) => void;
    }
    /**
     * AccordionGroup element represents the wrapping element around a set of
     * Accordion element(s).
     */
    interface DatacomAccordionGroup {
        "allowMultiExpand"?: boolean;
    }
    interface DatacomAlertBanner {
        "ctaLabel"?: string;
        "ctaURL"?: string;
        "onClose"?: (event: DatacomAlertBannerCustomEvent<void>) => void;
        "variant"?: AlertBannerVariant;
    }
    interface DatacomAvatar {
        "alt"?: string;
        "companyName"?: string;
        "firstName"?: string;
        "jobTitle"?: string;
        "lastName"?: string;
        "src"?: string;
        "url"?: string;
    }
    /**
     * Breadcrumb element represents  navigation
     */
    interface DatacomBreadcrumb {
        "separator"?: boolean;
        "url"?: string;
    }
    /**
     * Datacom styled button which extends HTML button.
     * The control is scoped rather than shadow so the input field can participate in a form submit.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
     */
    interface DatacomButton {
        "autofocus"?: boolean;
        /**
          * HTML button element properties
         */
        "disabled"?: boolean;
        "form"?: string;
        "formaction"?: string;
        "formenctype"?: string;
        "formmethod"?: string;
        "formtarget"?: string;
        /**
          * Name of built-in icon named using dash case. E.g. "back-to-top"
         */
        "icon"?: string;
        /**
          * Image position: - left - right
         */
        "iconPosition"?: ImagePosition;
        /**
          * If true, show loading icon
         */
        "loading"?: boolean;
        "name"?: string;
        /**
          * Button size: - large - small
         */
        "size"?: ButtonSize;
        /**
          * Image source as either relative or obsolute URI
         */
        "src"?: string;
        /**
          * Button text content. If not present use component children
         */
        "text"?: string;
        "type"?: string;
        /**
          * If provided, will render button as an anchor tag with provided url
         */
        "url"?: string;
        "value"?: string;
        /**
          * Button variant: - primary - seconday - tertiary
         */
        "variant"?: ButtonVariant;
    }
    /**
     * Card Group components are used to hold a number of card
     * components and handles the responsiveness of how the cards
     * wrap on smaller screens.
     */
    interface DatacomCardGroup {
        "itemsPerRow"?: NumberOfItemsPerRow;
    }
    interface DatacomCheckbox {
        /**
          * Auto-validate and display error message on form submit
         */
        "autoValidate"?: boolean;
        "autocomplete"?: boolean;
        "autofocus"?: boolean;
        "checked"?: boolean;
        /**
          * True if the checkbox is a child and should be indented
         */
        "child"?: boolean;
        "disabled"?: boolean;
        "form"?: string;
        "formaction"?: string;
        "formenctype"?: string;
        "formmethod"?: string;
        "formnovalidate"?: boolean;
        "formtarget"?: string;
        /**
          * True if the checkbox is part of a group
         */
        "grouped"?: boolean;
        /**
          * Show control in indeterminate state (dash)
         */
        "indeterminate"?: boolean;
        /**
          * Index of the checkbox in the group
         */
        "index"?: number;
        /**
          * Checkbox label (right of tickbox)
         */
        "label"?: string;
        /**
          * Custom error message if control is invalid
         */
        "message"?: string;
        "name"?: string;
        /**
          * Emit a changed event with the index number if the control changes state
         */
        "onChanged"?: (event: DatacomCheckboxCustomEvent<number>) => void;
        /**
          * Standard form props
         */
        "readonly"?: boolean;
        "required"?: boolean;
        "value"?: string;
        /**
          * Checkbox is either standard size (default) or small
         */
        "variant"?: CheckboxSizeType;
    }
    interface DatacomCheckboxGroup {
    }
    /**
     * Cards components are used to display content and actions about a
     * single subject, providing at-a-glance information and easy access
     * to more details.
     * This card variant should be used to display an article or customer
     * story overview, designed to accommodate more supporting text and a
     * related call to action.
     */
    interface DatacomContentCard {
        "cardTitle"?: string;
        "ctaText"?: string;
        "date"?: string;
        "icon"?: string;
        "iconUrl"?: string;
        "imageUrl"?: string;
        "onActionIconClicked"?: (event: DatacomContentCardCustomEvent<string>) => void;
        "url"?: string;
    }
    /**
     * Content Tag elements are used to label, categorize and organize other UI objects using keywords that describe the items.
     */
    interface DatacomContentTag {
        "url"?: string;
        "variant"?: ContentTagVariant;
    }
    interface DatacomDatePicker {
        "autoValidate"?: boolean;
        "dateFormat"?: string;
        "disabled"?: boolean;
        "endDate"?: Date;
        "form"?: string;
        "isValid"?: boolean;
        "label"?: string;
        "message"?: string;
        "name"?: string;
        "onChanged"?: (event: DatacomDatePickerCustomEvent<Date | Date[]>) => void;
        "placeholder"?: string;
        "range"?: boolean;
        "required"?: boolean;
        "selectedDate"?: Date;
        "startDate"?: Date;
        "supportedFormat"?: string[];
    }
    interface DatacomDatePickerCalendar {
        "dateFormat"?: string;
        "disabled"?: boolean;
        "endDate"?: Date;
        "onDatePickerChanged"?: (event: DatacomDatePickerCalendarCustomEvent<Date | Date[]>) => void;
        "range"?: boolean;
        "selectedDate"?: Date;
        "startDate"?: Date;
    }
    interface DatacomDatePickerInput {
        /**
          * Automatically show field error message on control if invalid during form submit
         */
        "autoValidate"?: boolean;
        "dateFormat"?: string;
        "disabled"?: boolean;
        "endDate"?: Date;
        "inputId"?: string;
        /**
          * Validation error message
         */
        "message"?: string;
        "onDatePickerChanged"?: (event: DatacomDatePickerInputCustomEvent<Date | Date[]>) => void;
        "onDatePickerInputChanged"?: (event: DatacomDatePickerInputCustomEvent<string>) => void;
        "onDatePickerInputFocused"?: (event: DatacomDatePickerInputCustomEvent<any>) => void;
        "placeholder"?: string;
        "range"?: boolean;
        "required"?: boolean;
        "selectedDate"?: Date;
        "startDate"?: Date;
        "supportedFormat"?: string[];
    }
    /**
     * Display card component is used to display text image and navigation together using a clear visual hierarchy.
     */
    interface DatacomDisplayCard {
        "ctaText"?: string;
        "heading"?: string;
        "imageUrl"?: string;
        "url"?: string;
    }
    interface DatacomDisplayCardGroup {
    }
    /**
     * HTML Select component with styled options.
     * The multiple select option unlike the standard select is within the drop down.
     * Multiple items are selected with simple click rather than requiring ctrl+click
     */
    interface DatacomDropdown {
        /**
          * Automatically show error state if invalid on form submit
         */
        "autoValidate"?: boolean;
        "disabled"?: boolean;
        "form"?: string;
        /**
          * Optional help text
         */
        "help"?: string;
        "isValid"?: boolean;
        /**
          * Control label
         */
        "label"?: string;
        /**
          * Error message to display in the case of input validity checks or explicitly with 'valid' property
         */
        "message"?: string;
        /**
          * HTML element input properties
         */
        "name"?: string;
        /**
          * Event for when select option has been changed
         */
        "onChanged"?: (event: DatacomDropdownCustomEvent<string[]>) => void;
        "placeholder"?: string;
        "readonly"?: boolean;
        "required"?: boolean;
        "title"?: string;
        "value"?: string;
        /**
          * Drop down variant
         */
        "variant"?: DatacomDropDownVariantType;
    }
    /**
     * Feature highlight component is used to display content and actions relating to
     * single subject.
     */
    interface DatacomFeatureHighlight {
        "ctaText"?: string;
        "featureTitle"?: string;
        "icon"?: string;
        "imageUrl"?: string;
        "url"?: string;
    }
    /**
     * Feature highlight Group component is  used to hold a number of feature highlight
     * components and manages the responsiveness within it.
     */
    interface DatacomFeatureHighlightGroup {
        "itemsPerRow"?: NumberOfItemsPerRow1;
    }
    /**
     * Datacom styled icon.
     */
    interface DatacomIcon {
        /**
          * Icon
         */
        "icon"?: string;
    }
    /**
     * Datacom Input field
     * The control is scoped rather than shadow so the input field can participate in a form submit.
     * @see https://brandhub.datacom.com/d/fjZSq4WewHBg/components#/components/button
     */
    interface DatacomInput {
        /**
          * Automatically show error state if invalid on form submit
         */
        "autoValidate"?: boolean;
        "disabled"?: boolean;
        "form"?: string;
        "formaction"?: string;
        "formenctype"?: string;
        "formmethod"?: string;
        "formnovalidate"?: boolean;
        "formtarget"?: string;
        /**
          * Optional help text
         */
        "help"?: string;
        /**
          * Feedback indicator
         */
        "indicator"?: IndicatorType;
        "inputmode"?: string;
        "isValid"?: boolean;
        /**
          * Optional label for control. This can be omitted if the host element has a text children.
         */
        "label"?: string;
        "max"?: number;
        "maxlength"?: number;
        /**
          * Error message to display in the case of input validity checks or explicitly with 'valid' property
         */
        "message"?: string;
        "min"?: number;
        "minlength"?: number;
        /**
          * HTML element input properties
         */
        "name"?: string;
        /**
          * Emit changed event when input changes. This relays up the 'input' event, but with the control's current value rather than the input value.
         */
        "onChanged"?: (event: DatacomInputCustomEvent<string>) => void;
        "pattern"?: string;
        "placeholder"?: string;
        "readonly"?: boolean;
        "required"?: boolean;
        "size"?: number;
        "step"?: number;
        "title"?: string;
        "type"?: DatacomInputType;
        "value"?: string;
    }
    interface DatacomLi {
        /**
          * Heading Prop for list with paragraph.
         */
        "heading"?: string;
    }
    /**
     * Link component is used for navigation.
     */
    interface DatacomLink {
        "disabled"?: boolean;
        "icon"?: string;
        "iconPosition"?: ImagePosition1;
        "linkLabel"?: string;
        "url"?: string;
        "variant"?: LinkVariant;
    }
    interface DatacomList {
        /**
          * type used for ordered list style.
         */
        "type"?: TypeList;
        "variant"?: ListVariant;
    }
    /**
     * Loader elements are used to notify users when performing computation or retrieving data.
     */
    interface DatacomLoader {
        "loadingStatus"?: LoadingStatusType;
        "size"?: LoaderSize;
    }
    interface DatacomMenuItem {
        "disabled"?: boolean;
        "icon"?: string;
        "itemText"?: string;
        "itemUrl"?: string;
        "onButtonClicked"?: (event: DatacomMenuItemCustomEvent<any>) => void;
        "size"?: MenuSizeType;
    }
    interface DatacomMenubar {
    }
    interface DatacomNumberInput {
        "disabled"?: false;
        "help"?: string;
        "label"?: string;
        "max"?: number;
        "message"?: string;
        "min"?: number;
        "name"?: string;
        "numberTitle"?: string;
        /**
          * Emit valueChanged event when number input changes.
         */
        "onValueChanged"?: (event: DatacomNumberInputCustomEvent<number>) => void;
        "placeholder"?: string;
        "readonly"?: boolean;
        "required"?: boolean;
        "step"?: number;
        "value"?: number;
    }
    interface DatacomOption {
        /**
          * Icon name
         */
        "icon"?: string;
        /**
          * Option id
         */
        "index"?: number;
        /**
          * Display label
         */
        "label"?: string;
        /**
          * Display type (mostly private) - list = display as item in drop down list (default) - standalone = display a standalone item outside of the list.
         */
        "mode"?: DropdownOptionMode;
        "onDeselected"?: (event: DatacomOptionCustomEvent<number>) => void;
        "onSelected"?: (event: DatacomOptionCustomEvent<number>) => void;
        /**
          * Text for use in option search
         */
        "search"?: string;
        /**
          * True if the option is selected
         */
        "selected"?: boolean;
        /**
          * Icon source
         */
        "src"?: string;
        /**
          * Form submit value
         */
        "value"?: string;
        /**
          * Show the item
         */
        "visible"?: boolean;
    }
    interface DatacomOverflowMenu {
        "label"?: string;
        "position"?: MenuItemsPositionType;
        "size"?: MenuSizeType1;
        "variant"?: OverFlowMenuVariantType;
    }
    interface DatacomPagination {
        "currentPage"?: number;
        "itemsPerPage"?: number;
        "onPageChanged"?: (event: DatacomPaginationCustomEvent<number>) => void;
        "totalItems"?: number;
    }
    /**
     * Cards components are used to display content and actions about a
     * single subject, providing at-a-glance information and easy access
     * to more details.
     * This card variant should be used to display an overview of a product.
     * A snapshot enough for users to evaluate the product before committing
     * to action.
     */
    interface DatacomProductCard {
        "hideAddToCart"?: boolean;
        "hideProductCompare"?: boolean;
        "hideQuickView"?: boolean;
        "imageUrl"?: string;
        "onAddToCartClicked"?: (event: DatacomProductCardCustomEvent<any>) => void;
        "onProductCompareClicked"?: (event: DatacomProductCardCustomEvent<any>) => void;
        "onQuickViewClicked"?: (event: DatacomProductCardCustomEvent<any>) => void;
        "price"?: number;
        "productTitle"?: string;
        "promoPrice"?: number;
        "ratingLabel"?: string;
        "ratingValue"?: number;
        "stockStatus"?: StockStatus;
        "url"?: string;
    }
    interface DatacomRadio {
        /**
          * Auto-validate and display error message on form submit
         */
        "autoValidate"?: boolean;
        "autocomplete"?: boolean;
        "autofocus"?: boolean;
        "checked"?: boolean;
        "disabled"?: boolean;
        "form"?: string;
        "formaction"?: string;
        "formenctype"?: string;
        "formmethod"?: string;
        "formnovalidate"?: boolean;
        "formtarget"?: string;
        "icon"?: string;
        "iconPosition"?: ImagePosition2;
        "label"?: string;
        /**
          * Custom error message if control is invalid
         */
        "message"?: string;
        "name"?: string;
        "onSelected"?: (event: DatacomRadioCustomEvent<string>) => void;
        "readonly"?: boolean;
        "required"?: boolean;
        "size"?: RadioSize;
        "src"?: string;
        "type"?: string;
        "value"?: string;
        "variant"?: RadioVariant;
    }
    interface DatacomRadioGroup {
    }
    /**
     * Rating element is used to either display a rating
     * or act as an input for a user to give a rating.
     */
    interface DatacomRating {
        "label"?: any;
        "onRatingChanged"?: (event: DatacomRatingCustomEvent<number>) => void;
        "ratingValue"?: number;
        "readonly"?: boolean;
        "size"?: RatingSizeType;
    }
    /**
     * Scroll button component automatically scroll to specific point when clicked.
     */
    interface DatacomScrollButton {
        "anchorId"?: string;
        "btnTitle"?: string;
    }
    /**
     * Cards components are used to display content and actions about a
     * single subject, providing at-a-glance information and easy access
     * to more details.
     * Selection cards are components used for displaying a set of options
     * relating to a subject that requires users to choose a single option.
     */
    interface DatacomSelectionCard {
        "cardTitle"?: string;
        "ctaText"?: string;
        "imageUrl"?: string;
        "onSubmitClicked"?: (event: DatacomSelectionCardCustomEvent<string>) => void;
    }
    /**
     * The tab element describes the tab, but does not render the tab label.
     * @see DatacomTabGroup
     */
    interface DatacomTab {
        "disabled"?: boolean;
        "label"?: string;
        /**
          * Event to force re render tab group
         */
        "onForceReRenderTabGroup"?: (event: DatacomTabCustomEvent<any>) => void;
        "selected"?: boolean;
    }
    interface DatacomTabgroup {
    }
    /**
     * The control is scoped rather than shadow so the textarea field can participate in a form submit.
     * @see https://brandhub.datacom.com/d/fjZSq4WewHBg/components#/components/text-area-field
     */
    interface DatacomTextarea {
        /**
          * Automatically show error state if invalid on form submit
         */
        "autoValidate"?: boolean;
        "autocorrect"?: boolean;
        "cols"?: number;
        "disabled"?: boolean;
        "form"?: string;
        "formaction"?: string;
        "formenctype"?: string;
        "formmethod"?: string;
        "formnovalidate"?: boolean;
        "formtarget"?: string;
        /**
          * Optional help text
         */
        "help"?: string;
        "inputAutofocus"?: boolean;
        "isValid"?: boolean;
        "label"?: string;
        "maxlength"?: number;
        /**
          * Error message to display in the case of validity checks or explicitly with 'valid' property
         */
        "message"?: string;
        "minlength"?: number;
        /**
          * HTML element textarea properties
         */
        "name"?: string;
        "onChanged"?: (event: DatacomTextareaCustomEvent<string>) => void;
        "placeholder"?: string;
        "readonly"?: boolean;
        "required"?: boolean;
        "rows"?: number;
        "value"?: string;
    }
    interface DatacomTimePicker {
        /**
          * Automatically show field error message on control if invalid during form submit
         */
        "autoValidate"?: boolean;
        "disabled"?: boolean;
        "form"?: string;
        "isValid"?: boolean;
        "label"?: string;
        /**
          * Validation error message
         */
        "message"?: string;
        "militaryTime"?: boolean;
        "minuteInterval"?: number;
        "name"?: string;
        "onChanged"?: (event: DatacomTimePickerCustomEvent<string>) => void;
        "placeholder"?: string;
        "readonly"?: boolean;
        "required"?: boolean;
        "title"?: string;
        "value"?: string;
    }
    interface DatacomToggle {
        /**
          * True if the toggle element must be disabled
         */
        "disabled"?: boolean;
        /**
          * Label of the toggle element
         */
        "label"?: string;
        /**
          * Sets whether the label is rendered on the left or right (default) of the toggle element
         */
        "labelPosition"?: LabelPositionType;
        /**
          * Name attribute of the toggle element
         */
        "name"?: string;
        /**
          * Event emitter to let external components know when the toggle element state has changed
         */
        "onToggleChanged"?: (event: DatacomToggleCustomEvent<boolean>) => void;
        /**
          * True if the toggle element is initially toggled on.
         */
        "toggled"?: boolean;
        /**
          * Toggle element is either standard size (default) or small
         */
        "variant"?: ToggleSizeType;
    }
    /**
     * Tooltip component is a floating, non-actionable label
     * used to explain a user interface element or feature.
     */
    interface DatacomTooltip {
        "hideArrow"?: boolean;
        "id"?: string;
        "label"?: string;
        "position"?: TooltipPositionType;
        "width"?: number;
    }
    interface IntrinsicElements {
        "datacom-accordion": DatacomAccordion;
        "datacom-accordion-group": DatacomAccordionGroup;
        "datacom-alert-banner": DatacomAlertBanner;
        "datacom-avatar": DatacomAvatar;
        "datacom-breadcrumb": DatacomBreadcrumb;
        "datacom-button": DatacomButton;
        "datacom-card-group": DatacomCardGroup;
        "datacom-checkbox": DatacomCheckbox;
        "datacom-checkbox-group": DatacomCheckboxGroup;
        "datacom-content-card": DatacomContentCard;
        "datacom-content-tag": DatacomContentTag;
        "datacom-date-picker": DatacomDatePicker;
        "datacom-date-picker-calendar": DatacomDatePickerCalendar;
        "datacom-date-picker-input": DatacomDatePickerInput;
        "datacom-display-card": DatacomDisplayCard;
        "datacom-display-card-group": DatacomDisplayCardGroup;
        "datacom-dropdown": DatacomDropdown;
        "datacom-feature-highlight": DatacomFeatureHighlight;
        "datacom-feature-highlight-group": DatacomFeatureHighlightGroup;
        "datacom-icon": DatacomIcon;
        "datacom-input": DatacomInput;
        "datacom-li": DatacomLi;
        "datacom-link": DatacomLink;
        "datacom-list": DatacomList;
        "datacom-loader": DatacomLoader;
        "datacom-menu-item": DatacomMenuItem;
        "datacom-menubar": DatacomMenubar;
        "datacom-number-input": DatacomNumberInput;
        "datacom-option": DatacomOption;
        "datacom-overflow-menu": DatacomOverflowMenu;
        "datacom-pagination": DatacomPagination;
        "datacom-product-card": DatacomProductCard;
        "datacom-radio": DatacomRadio;
        "datacom-radio-group": DatacomRadioGroup;
        "datacom-rating": DatacomRating;
        "datacom-scroll-button": DatacomScrollButton;
        "datacom-selection-card": DatacomSelectionCard;
        "datacom-tab": DatacomTab;
        "datacom-tabgroup": DatacomTabgroup;
        "datacom-textarea": DatacomTextarea;
        "datacom-time-picker": DatacomTimePicker;
        "datacom-toggle": DatacomToggle;
        "datacom-tooltip": DatacomTooltip;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            /**
             * Accordion element represents single collapsable section in an accordion
             */
            "datacom-accordion": LocalJSX.DatacomAccordion & JSXBase.HTMLAttributes<HTMLDatacomAccordionElement>;
            /**
             * AccordionGroup element represents the wrapping element around a set of
             * Accordion element(s).
             */
            "datacom-accordion-group": LocalJSX.DatacomAccordionGroup & JSXBase.HTMLAttributes<HTMLDatacomAccordionGroupElement>;
            "datacom-alert-banner": LocalJSX.DatacomAlertBanner & JSXBase.HTMLAttributes<HTMLDatacomAlertBannerElement>;
            "datacom-avatar": LocalJSX.DatacomAvatar & JSXBase.HTMLAttributes<HTMLDatacomAvatarElement>;
            /**
             * Breadcrumb element represents  navigation
             */
            "datacom-breadcrumb": LocalJSX.DatacomBreadcrumb & JSXBase.HTMLAttributes<HTMLDatacomBreadcrumbElement>;
            /**
             * Datacom styled button which extends HTML button.
             * The control is scoped rather than shadow so the input field can participate in a form submit.
             * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
             */
            "datacom-button": LocalJSX.DatacomButton & JSXBase.HTMLAttributes<HTMLDatacomButtonElement>;
            /**
             * Card Group components are used to hold a number of card
             * components and handles the responsiveness of how the cards
             * wrap on smaller screens.
             */
            "datacom-card-group": LocalJSX.DatacomCardGroup & JSXBase.HTMLAttributes<HTMLDatacomCardGroupElement>;
            "datacom-checkbox": LocalJSX.DatacomCheckbox & JSXBase.HTMLAttributes<HTMLDatacomCheckboxElement>;
            "datacom-checkbox-group": LocalJSX.DatacomCheckboxGroup & JSXBase.HTMLAttributes<HTMLDatacomCheckboxGroupElement>;
            /**
             * Cards components are used to display content and actions about a
             * single subject, providing at-a-glance information and easy access
             * to more details.
             * This card variant should be used to display an article or customer
             * story overview, designed to accommodate more supporting text and a
             * related call to action.
             */
            "datacom-content-card": LocalJSX.DatacomContentCard & JSXBase.HTMLAttributes<HTMLDatacomContentCardElement>;
            /**
             * Content Tag elements are used to label, categorize and organize other UI objects using keywords that describe the items.
             */
            "datacom-content-tag": LocalJSX.DatacomContentTag & JSXBase.HTMLAttributes<HTMLDatacomContentTagElement>;
            "datacom-date-picker": LocalJSX.DatacomDatePicker & JSXBase.HTMLAttributes<HTMLDatacomDatePickerElement>;
            "datacom-date-picker-calendar": LocalJSX.DatacomDatePickerCalendar & JSXBase.HTMLAttributes<HTMLDatacomDatePickerCalendarElement>;
            "datacom-date-picker-input": LocalJSX.DatacomDatePickerInput & JSXBase.HTMLAttributes<HTMLDatacomDatePickerInputElement>;
            /**
             * Display card component is used to display text image and navigation together using a clear visual hierarchy.
             */
            "datacom-display-card": LocalJSX.DatacomDisplayCard & JSXBase.HTMLAttributes<HTMLDatacomDisplayCardElement>;
            "datacom-display-card-group": LocalJSX.DatacomDisplayCardGroup & JSXBase.HTMLAttributes<HTMLDatacomDisplayCardGroupElement>;
            /**
             * HTML Select component with styled options.
             * The multiple select option unlike the standard select is within the drop down.
             * Multiple items are selected with simple click rather than requiring ctrl+click
             */
            "datacom-dropdown": LocalJSX.DatacomDropdown & JSXBase.HTMLAttributes<HTMLDatacomDropdownElement>;
            /**
             * Feature highlight component is used to display content and actions relating to
             * single subject.
             */
            "datacom-feature-highlight": LocalJSX.DatacomFeatureHighlight & JSXBase.HTMLAttributes<HTMLDatacomFeatureHighlightElement>;
            /**
             * Feature highlight Group component is  used to hold a number of feature highlight
             * components and manages the responsiveness within it.
             */
            "datacom-feature-highlight-group": LocalJSX.DatacomFeatureHighlightGroup & JSXBase.HTMLAttributes<HTMLDatacomFeatureHighlightGroupElement>;
            /**
             * Datacom styled icon.
             */
            "datacom-icon": LocalJSX.DatacomIcon & JSXBase.HTMLAttributes<HTMLDatacomIconElement>;
            /**
             * Datacom Input field
             * The control is scoped rather than shadow so the input field can participate in a form submit.
             * @see https://brandhub.datacom.com/d/fjZSq4WewHBg/components#/components/button
             */
            "datacom-input": LocalJSX.DatacomInput & JSXBase.HTMLAttributes<HTMLDatacomInputElement>;
            "datacom-li": LocalJSX.DatacomLi & JSXBase.HTMLAttributes<HTMLDatacomLiElement>;
            /**
             * Link component is used for navigation.
             */
            "datacom-link": LocalJSX.DatacomLink & JSXBase.HTMLAttributes<HTMLDatacomLinkElement>;
            "datacom-list": LocalJSX.DatacomList & JSXBase.HTMLAttributes<HTMLDatacomListElement>;
            /**
             * Loader elements are used to notify users when performing computation or retrieving data.
             */
            "datacom-loader": LocalJSX.DatacomLoader & JSXBase.HTMLAttributes<HTMLDatacomLoaderElement>;
            "datacom-menu-item": LocalJSX.DatacomMenuItem & JSXBase.HTMLAttributes<HTMLDatacomMenuItemElement>;
            "datacom-menubar": LocalJSX.DatacomMenubar & JSXBase.HTMLAttributes<HTMLDatacomMenubarElement>;
            "datacom-number-input": LocalJSX.DatacomNumberInput & JSXBase.HTMLAttributes<HTMLDatacomNumberInputElement>;
            "datacom-option": LocalJSX.DatacomOption & JSXBase.HTMLAttributes<HTMLDatacomOptionElement>;
            "datacom-overflow-menu": LocalJSX.DatacomOverflowMenu & JSXBase.HTMLAttributes<HTMLDatacomOverflowMenuElement>;
            "datacom-pagination": LocalJSX.DatacomPagination & JSXBase.HTMLAttributes<HTMLDatacomPaginationElement>;
            /**
             * Cards components are used to display content and actions about a
             * single subject, providing at-a-glance information and easy access
             * to more details.
             * This card variant should be used to display an overview of a product.
             * A snapshot enough for users to evaluate the product before committing
             * to action.
             */
            "datacom-product-card": LocalJSX.DatacomProductCard & JSXBase.HTMLAttributes<HTMLDatacomProductCardElement>;
            "datacom-radio": LocalJSX.DatacomRadio & JSXBase.HTMLAttributes<HTMLDatacomRadioElement>;
            "datacom-radio-group": LocalJSX.DatacomRadioGroup & JSXBase.HTMLAttributes<HTMLDatacomRadioGroupElement>;
            /**
             * Rating element is used to either display a rating
             * or act as an input for a user to give a rating.
             */
            "datacom-rating": LocalJSX.DatacomRating & JSXBase.HTMLAttributes<HTMLDatacomRatingElement>;
            /**
             * Scroll button component automatically scroll to specific point when clicked.
             */
            "datacom-scroll-button": LocalJSX.DatacomScrollButton & JSXBase.HTMLAttributes<HTMLDatacomScrollButtonElement>;
            /**
             * Cards components are used to display content and actions about a
             * single subject, providing at-a-glance information and easy access
             * to more details.
             * Selection cards are components used for displaying a set of options
             * relating to a subject that requires users to choose a single option.
             */
            "datacom-selection-card": LocalJSX.DatacomSelectionCard & JSXBase.HTMLAttributes<HTMLDatacomSelectionCardElement>;
            /**
             * The tab element describes the tab, but does not render the tab label.
             * @see DatacomTabGroup
             */
            "datacom-tab": LocalJSX.DatacomTab & JSXBase.HTMLAttributes<HTMLDatacomTabElement>;
            "datacom-tabgroup": LocalJSX.DatacomTabgroup & JSXBase.HTMLAttributes<HTMLDatacomTabgroupElement>;
            /**
             * The control is scoped rather than shadow so the textarea field can participate in a form submit.
             * @see https://brandhub.datacom.com/d/fjZSq4WewHBg/components#/components/text-area-field
             */
            "datacom-textarea": LocalJSX.DatacomTextarea & JSXBase.HTMLAttributes<HTMLDatacomTextareaElement>;
            "datacom-time-picker": LocalJSX.DatacomTimePicker & JSXBase.HTMLAttributes<HTMLDatacomTimePickerElement>;
            "datacom-toggle": LocalJSX.DatacomToggle & JSXBase.HTMLAttributes<HTMLDatacomToggleElement>;
            /**
             * Tooltip component is a floating, non-actionable label
             * used to explain a user interface element or feature.
             */
            "datacom-tooltip": LocalJSX.DatacomTooltip & JSXBase.HTMLAttributes<HTMLDatacomTooltipElement>;
        }
    }
}