/* 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.core';


export namespace Components {
  interface MyComponent {
    /**
    * The first name
    */
    'first': string;
    /**
    * The last name
    */
    'last': string;
    /**
    * The middle name
    */
    'middle': string;
  }
  interface RzrCountdown {
    /**
    * The date to countdown to. This get passed straight to the Javascript Date function, so any string that the Date functuon accepts you can use here.
    */
    'date': string;
    /**
    * Whether or not the Days should be shown.
    */
    'showDays': boolean;
    /**
    * Whether or not the Hours should be shown.
    */
    'showHours': boolean;
    /**
    * Whether or not the Milliseconds should be shown.
    */
    'showMilliseconds': boolean;
    /**
    * Whether or not the Minutes should be shown.
    */
    'showMinutes': boolean;
    /**
    * Whether or not the Seconds should be shown.
    */
    'showSeconds': boolean;
    /**
    * Theme string used for CSS.
    */
    'theme': string;
  }
  interface RzrDatetime {
    /**
    * The first name
    */
    'first': string;
    /**
    * The last name
    */
    'last': string;
    /**
    * The middle name
    */
    'middle': string;
  }
  interface RzrInfiniteScroll {
    /**
    * Set the disabled state of the component. This will detemine if the component will be activiated when the threshold is reached.
    */
    'setDisabled': (isDisabled: boolean) => Promise<void>;
    /**
    * Set the fetching state of the component. This will detemine if the inner HTML of the component is hidden or not.
    */
    'setFetching': (isFetching: boolean) => Promise<void>;
    'target': string;
    'threshold': string;
  }
  interface RzrInfiniteScrollContent {
    /**
    * The first name
    */
    'first': string;
    /**
    * The last name
    */
    'last': string;
    /**
    * The middle name
    */
    'middle': string;
  }
  interface RzrModal {
    'titleText': string;
  }
  interface RzrMonthCalendar {
    /**
    * The first name
    */
    'first': string;
    /**
    * The middle name
    */
    'middle': string;
    /**
    * A Date object used to determine the month and year shown
    */
    'month': Date;
  }
  interface RzrSpinner {
    'animation': string;
    'colour': string;
    'corners': number;
    'direction': number;
    'fadeColour': string;
    'hide': () => Promise<void>;
    'left': string;
    'length': number;
    'lines': number;
    'mainDisplay': string;
    'overlayColour': string;
    'overlayDisplay': string;
    'overlayEnabled': boolean;
    'overlayHeight': string;
    'overlayLeft': string;
    'overlayPointerEvents': string;
    'overlayPosition': string;
    'overlayTop': string;
    'overlayWidth': string;
    'overlayZIndex': string;
    'position': string;
    'radius': number;
    'rotate': number;
    'scale': number;
    'shadow': string;
    'show': () => Promise<void>;
    'speed': number;
    'toggle': () => Promise<void>;
    'top': string;
    'width': number;
    'zIndex': string;
  }
}

declare global {


  interface HTMLMyComponentElement extends Components.MyComponent, HTMLStencilElement {}
  var HTMLMyComponentElement: {
    prototype: HTMLMyComponentElement;
    new (): HTMLMyComponentElement;
  };

  interface HTMLRzrCountdownElement extends Components.RzrCountdown, HTMLStencilElement {}
  var HTMLRzrCountdownElement: {
    prototype: HTMLRzrCountdownElement;
    new (): HTMLRzrCountdownElement;
  };

  interface HTMLRzrDatetimeElement extends Components.RzrDatetime, HTMLStencilElement {}
  var HTMLRzrDatetimeElement: {
    prototype: HTMLRzrDatetimeElement;
    new (): HTMLRzrDatetimeElement;
  };

  interface HTMLRzrInfiniteScrollElement extends Components.RzrInfiniteScroll, HTMLStencilElement {}
  var HTMLRzrInfiniteScrollElement: {
    prototype: HTMLRzrInfiniteScrollElement;
    new (): HTMLRzrInfiniteScrollElement;
  };

  interface HTMLRzrInfiniteScrollContentElement extends Components.RzrInfiniteScrollContent, HTMLStencilElement {}
  var HTMLRzrInfiniteScrollContentElement: {
    prototype: HTMLRzrInfiniteScrollContentElement;
    new (): HTMLRzrInfiniteScrollContentElement;
  };

  interface HTMLRzrModalElement extends Components.RzrModal, HTMLStencilElement {}
  var HTMLRzrModalElement: {
    prototype: HTMLRzrModalElement;
    new (): HTMLRzrModalElement;
  };

  interface HTMLRzrMonthCalendarElement extends Components.RzrMonthCalendar, HTMLStencilElement {}
  var HTMLRzrMonthCalendarElement: {
    prototype: HTMLRzrMonthCalendarElement;
    new (): HTMLRzrMonthCalendarElement;
  };

  interface HTMLRzrSpinnerElement extends Components.RzrSpinner, HTMLStencilElement {}
  var HTMLRzrSpinnerElement: {
    prototype: HTMLRzrSpinnerElement;
    new (): HTMLRzrSpinnerElement;
  };
  interface HTMLElementTagNameMap {
    'my-component': HTMLMyComponentElement;
    'rzr-countdown': HTMLRzrCountdownElement;
    'rzr-datetime': HTMLRzrDatetimeElement;
    'rzr-infinite-scroll': HTMLRzrInfiniteScrollElement;
    'rzr-infinite-scroll-content': HTMLRzrInfiniteScrollContentElement;
    'rzr-modal': HTMLRzrModalElement;
    'rzr-month-calendar': HTMLRzrMonthCalendarElement;
    'rzr-spinner': HTMLRzrSpinnerElement;
  }
}

declare namespace LocalJSX {
  interface MyComponent {
    /**
    * The first name
    */
    'first'?: string;
    /**
    * The last name
    */
    'last'?: string;
    /**
    * The middle name
    */
    'middle'?: string;
  }
  interface RzrCountdown {
    /**
    * The date to countdown to. This get passed straight to the Javascript Date function, so any string that the Date functuon accepts you can use here.
    */
    'date'?: string;
    /**
    * Whether or not the Days should be shown.
    */
    'showDays'?: boolean;
    /**
    * Whether or not the Hours should be shown.
    */
    'showHours'?: boolean;
    /**
    * Whether or not the Milliseconds should be shown.
    */
    'showMilliseconds'?: boolean;
    /**
    * Whether or not the Minutes should be shown.
    */
    'showMinutes'?: boolean;
    /**
    * Whether or not the Seconds should be shown.
    */
    'showSeconds'?: boolean;
    /**
    * Theme string used for CSS.
    */
    'theme'?: string;
  }
  interface RzrDatetime {
    /**
    * The first name
    */
    'first'?: string;
    /**
    * The last name
    */
    'last'?: string;
    /**
    * The middle name
    */
    'middle'?: string;
  }
  interface RzrInfiniteScroll {
    'onRzrInfiniteThresholdReached'?: (event: CustomEvent<any>) => void;
    'target'?: string;
    'threshold'?: string;
  }
  interface RzrInfiniteScrollContent {
    /**
    * The first name
    */
    'first'?: string;
    /**
    * The last name
    */
    'last'?: string;
    /**
    * The middle name
    */
    'middle'?: string;
  }
  interface RzrModal {
    'titleText'?: string;
  }
  interface RzrMonthCalendar {
    /**
    * The first name
    */
    'first'?: string;
    /**
    * The middle name
    */
    'middle'?: string;
    /**
    * A Date object used to determine the month and year shown
    */
    'month'?: Date;
  }
  interface RzrSpinner {
    'animation'?: string;
    'colour'?: string;
    'corners'?: number;
    'direction'?: number;
    'fadeColour'?: string;
    'left'?: string;
    'length'?: number;
    'lines'?: number;
    'mainDisplay'?: string;
    'overlayColour'?: string;
    'overlayDisplay'?: string;
    'overlayEnabled'?: boolean;
    'overlayHeight'?: string;
    'overlayLeft'?: string;
    'overlayPointerEvents'?: string;
    'overlayPosition'?: string;
    'overlayTop'?: string;
    'overlayWidth'?: string;
    'overlayZIndex'?: string;
    'position'?: string;
    'radius'?: number;
    'rotate'?: number;
    'scale'?: number;
    'shadow'?: string;
    'speed'?: number;
    'top'?: string;
    'width'?: number;
    'zIndex'?: string;
  }

  interface IntrinsicElements {
    'my-component': MyComponent;
    'rzr-countdown': RzrCountdown;
    'rzr-datetime': RzrDatetime;
    'rzr-infinite-scroll': RzrInfiniteScroll;
    'rzr-infinite-scroll-content': RzrInfiniteScrollContent;
    'rzr-modal': RzrModal;
    'rzr-month-calendar': RzrMonthCalendar;
    'rzr-spinner': RzrSpinner;
  }
}

export { LocalJSX as JSX };


declare module "@stencil/core" {
  export namespace JSX {
    interface IntrinsicElements {
      'my-component': LocalJSX.MyComponent & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
      'rzr-countdown': LocalJSX.RzrCountdown & JSXBase.HTMLAttributes<HTMLRzrCountdownElement>;
      'rzr-datetime': LocalJSX.RzrDatetime & JSXBase.HTMLAttributes<HTMLRzrDatetimeElement>;
      'rzr-infinite-scroll': LocalJSX.RzrInfiniteScroll & JSXBase.HTMLAttributes<HTMLRzrInfiniteScrollElement>;
      'rzr-infinite-scroll-content': LocalJSX.RzrInfiniteScrollContent & JSXBase.HTMLAttributes<HTMLRzrInfiniteScrollContentElement>;
      'rzr-modal': LocalJSX.RzrModal & JSXBase.HTMLAttributes<HTMLRzrModalElement>;
      'rzr-month-calendar': LocalJSX.RzrMonthCalendar & JSXBase.HTMLAttributes<HTMLRzrMonthCalendarElement>;
      'rzr-spinner': LocalJSX.RzrSpinner & JSXBase.HTMLAttributes<HTMLRzrSpinnerElement>;
    }
  }
}