/* 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";
export namespace Components {
    interface PeButton {
        /**
          * changing the look to a button
         */
        "circled": boolean;
        /**
          * pass extra class if you want to do extra style
         */
        "class"?: string;
        /**
          * colors
         */
        "color": | 'primary'
    | 'basic'
    | 'action'
    | 'player';
        /**
          * enable/disable a button
         */
        "disabled": boolean;
        /**
          * add icon to the button
         */
        "iconName": string;
        /**
          * pass this if empty button to show button in best style shape
         */
        "iconOnly": boolean;
        /**
          * size
         */
        "size": 'normal' | 'large';
        /**
          * button text to overide what pass as a child to the <slot>
         */
        "text"?: string;
        /**
          * varients
         */
        "variant": | 'filled'
    | 'outline'
    | 'ghost';
    }
    interface PeDebugPanel {
        /**
          * Content that will be rendered in debug panel. Each key rendered in a new row. { exampleKey: [1,2,3,4] }
         */
        "content": any;
    }
    interface PeIcon {
        /**
          * Icon name
         */
        "name": string;
    }
    interface PeIconsList {
    }
    interface PeIncidentList {
        /**
          * function to handle the incident edit
         */
        "handleEdit": (...args: any) => void;
        /**
          * the incident list array data
         */
        "incidentList": Array<any>;
        /**
          * jump to the incident time in the player
         */
        "jumptoIncidentTime": (
    ...args: any
  ) => void;
    }
    interface PeNavbar {
    }
    interface PeReviewStudio {
        /**
          * Uri(s) for mobile video source(s).
         */
        "mobileVideoUris": any;
        /**
          * Uri(s) for screenshare video source(s).
         */
        "screenshareVideoUris": any;
        /**
          * Uri(s) for webcam video source(s).
         */
        "webcamVideoUris": any;
    }
    interface PeTypography {
        /**
          * Font Size
         */
        "size"?: 'large' | 'medium' | 'small';
        /**
          * Letter-spacing
         */
        "spacing"?: | 'letter-spacing-neg-2'
    | 'letter-spacing-neg-1'
    | 'letter-spacing-normal'
    | 'letter-spacing-1'
    | 'letter-spacing-2';
        /**
          * Tag name to render the typography inside
         */
        "tag"?: string;
        /**
          * Font type
         */
        "type"?: | 'display'
    | 'headline'
    | 'title'
    | 'label'
    | 'body';
        /**
          * Font weight
         */
        "weight"?: | 'w-normal'
    | 'w-medium'
    | 'w-semibold';
    }
    interface PeVideo {
        /**
          * Determines if this is the component responsible for bubble events.
         */
        "isEventSource": boolean;
        /**
          * Determines audio is muted or not. Sets muted property of HTMLMediaElement.
         */
        "isMuted": boolean;
        /**
          * Determines media playback. Triggers play() or pause() on HTMLMediaElement.
         */
        "isPlaying": boolean;
        /**
          * Unique name identifies video
         */
        "name": string;
        /**
          * Determines playback speed for video. Sets playbackRate of HTMLMediaElement.
         */
        "playbackRate": number;
        /**
          * @param time
         */
        "seek": (time: number) => Promise<void>;
        /**
          * @param time
         */
        "setCurrentTime": (time: number) => Promise<void>;
        /**
          * Determines video source url. Example public url: https://components-staging.proctorexam.com/_testing-assets/landscape_sample.webm
         */
        "source": string;
        /**
          * Overlay text will be shown on top of video
         */
        "tag": string;
    }
    interface PeVideoControls {
        /**
          * Determines available playback speeds.
         */
        "availableSpeeds"?: number[];
        /**
          * Determines current time of progress bar.
         */
        "currentTime": number;
        /**
          * Determines current value of fullscreen toggle.
         */
        "isFullscreen": boolean;
        /**
          * Determines total duration of progress bar.
         */
        "totalDuration": number;
    }
    interface PeVideoPlayer {
        /**
          * Returns current time from seekbar
         */
        "getCurrentTime": () => Promise<number>;
        /**
          * Uri(s) for mobile video source(s).
         */
        "mobileVideoUris": any;
        /**
          * Uri(s) for screenshare video source(s).
         */
        "screenshareVideoUris": any;
        /**
          * @param time
         */
        "setCurrentTime": (time: number) => Promise<void>;
        /**
          * Uri(s) for webcam video source(s).
         */
        "webcamVideoUris": any;
    }
}
declare global {
    interface HTMLPeButtonElement extends Components.PeButton, HTMLStencilElement {
    }
    var HTMLPeButtonElement: {
        prototype: HTMLPeButtonElement;
        new (): HTMLPeButtonElement;
    };
    interface HTMLPeDebugPanelElement extends Components.PeDebugPanel, HTMLStencilElement {
    }
    var HTMLPeDebugPanelElement: {
        prototype: HTMLPeDebugPanelElement;
        new (): HTMLPeDebugPanelElement;
    };
    interface HTMLPeIconElement extends Components.PeIcon, HTMLStencilElement {
    }
    var HTMLPeIconElement: {
        prototype: HTMLPeIconElement;
        new (): HTMLPeIconElement;
    };
    interface HTMLPeIconsListElement extends Components.PeIconsList, HTMLStencilElement {
    }
    var HTMLPeIconsListElement: {
        prototype: HTMLPeIconsListElement;
        new (): HTMLPeIconsListElement;
    };
    interface HTMLPeIncidentListElement extends Components.PeIncidentList, HTMLStencilElement {
    }
    var HTMLPeIncidentListElement: {
        prototype: HTMLPeIncidentListElement;
        new (): HTMLPeIncidentListElement;
    };
    interface HTMLPeNavbarElement extends Components.PeNavbar, HTMLStencilElement {
    }
    var HTMLPeNavbarElement: {
        prototype: HTMLPeNavbarElement;
        new (): HTMLPeNavbarElement;
    };
    interface HTMLPeReviewStudioElement extends Components.PeReviewStudio, HTMLStencilElement {
    }
    var HTMLPeReviewStudioElement: {
        prototype: HTMLPeReviewStudioElement;
        new (): HTMLPeReviewStudioElement;
    };
    interface HTMLPeTypographyElement extends Components.PeTypography, HTMLStencilElement {
    }
    var HTMLPeTypographyElement: {
        prototype: HTMLPeTypographyElement;
        new (): HTMLPeTypographyElement;
    };
    interface HTMLPeVideoElement extends Components.PeVideo, HTMLStencilElement {
    }
    var HTMLPeVideoElement: {
        prototype: HTMLPeVideoElement;
        new (): HTMLPeVideoElement;
    };
    interface HTMLPeVideoControlsElement extends Components.PeVideoControls, HTMLStencilElement {
    }
    var HTMLPeVideoControlsElement: {
        prototype: HTMLPeVideoControlsElement;
        new (): HTMLPeVideoControlsElement;
    };
    interface HTMLPeVideoPlayerElement extends Components.PeVideoPlayer, HTMLStencilElement {
    }
    var HTMLPeVideoPlayerElement: {
        prototype: HTMLPeVideoPlayerElement;
        new (): HTMLPeVideoPlayerElement;
    };
    interface HTMLElementTagNameMap {
        "pe-button": HTMLPeButtonElement;
        "pe-debug-panel": HTMLPeDebugPanelElement;
        "pe-icon": HTMLPeIconElement;
        "pe-icons-list": HTMLPeIconsListElement;
        "pe-incident-list": HTMLPeIncidentListElement;
        "pe-navbar": HTMLPeNavbarElement;
        "pe-review-studio": HTMLPeReviewStudioElement;
        "pe-typography": HTMLPeTypographyElement;
        "pe-video": HTMLPeVideoElement;
        "pe-video-controls": HTMLPeVideoControlsElement;
        "pe-video-player": HTMLPeVideoPlayerElement;
    }
}
declare namespace LocalJSX {
    interface PeButton {
        /**
          * changing the look to a button
         */
        "circled"?: boolean;
        /**
          * pass extra class if you want to do extra style
         */
        "class"?: string;
        /**
          * colors
         */
        "color"?: | 'primary'
    | 'basic'
    | 'action'
    | 'player';
        /**
          * enable/disable a button
         */
        "disabled"?: boolean;
        /**
          * add icon to the button
         */
        "iconName"?: string;
        /**
          * pass this if empty button to show button in best style shape
         */
        "iconOnly"?: boolean;
        /**
          * size
         */
        "size"?: 'normal' | 'large';
        /**
          * button text to overide what pass as a child to the <slot>
         */
        "text"?: string;
        /**
          * varients
         */
        "variant"?: | 'filled'
    | 'outline'
    | 'ghost';
    }
    interface PeDebugPanel {
        /**
          * Content that will be rendered in debug panel. Each key rendered in a new row. { exampleKey: [1,2,3,4] }
         */
        "content"?: any;
    }
    interface PeIcon {
        /**
          * Icon name
         */
        "name": string;
    }
    interface PeIconsList {
    }
    interface PeIncidentList {
        /**
          * function to handle the incident edit
         */
        "handleEdit": (...args: any) => void;
        /**
          * the incident list array data
         */
        "incidentList": Array<any>;
        /**
          * jump to the incident time in the player
         */
        "jumptoIncidentTime": (
    ...args: any
  ) => void;
    }
    interface PeNavbar {
    }
    interface PeReviewStudio {
        /**
          * Uri(s) for mobile video source(s).
         */
        "mobileVideoUris"?: any;
        /**
          * Uri(s) for screenshare video source(s).
         */
        "screenshareVideoUris": any;
        /**
          * Uri(s) for webcam video source(s).
         */
        "webcamVideoUris"?: any;
    }
    interface PeTypography {
        /**
          * Font Size
         */
        "size"?: 'large' | 'medium' | 'small';
        /**
          * Letter-spacing
         */
        "spacing"?: | 'letter-spacing-neg-2'
    | 'letter-spacing-neg-1'
    | 'letter-spacing-normal'
    | 'letter-spacing-1'
    | 'letter-spacing-2';
        /**
          * Tag name to render the typography inside
         */
        "tag"?: string;
        /**
          * Font type
         */
        "type"?: | 'display'
    | 'headline'
    | 'title'
    | 'label'
    | 'body';
        /**
          * Font weight
         */
        "weight"?: | 'w-normal'
    | 'w-medium'
    | 'w-semibold';
    }
    interface PeVideo {
        /**
          * Determines if this is the component responsible for bubble events.
         */
        "isEventSource"?: boolean;
        /**
          * Determines audio is muted or not. Sets muted property of HTMLMediaElement.
         */
        "isMuted"?: boolean;
        /**
          * Determines media playback. Triggers play() or pause() on HTMLMediaElement.
         */
        "isPlaying"?: boolean;
        /**
          * Unique name identifies video
         */
        "name": string;
        /**
          * Bubbles canPlayThrough event of HTMLMediaElement
         */
        "onPeVideoCanPlayThrough"?: (event: CustomEvent<CustomEvent>) => void;
        /**
          * Bubbles click event of HTMLMediaElement
         */
        "onPeVideoClick"?: (event: CustomEvent<CustomEvent>) => void;
        /**
          * Bubbles video ended event of HTMLMediaElement
         */
        "onPeVideoEnded"?: (event: CustomEvent<CustomEvent>) => void;
        /**
          * Bubbles loadedData event of HTMLMediaElement
         */
        "onPeVideoLoadedData"?: (event: CustomEvent<CustomEvent>) => void;
        /**
          * Bubbles onWaiting event of HTMLMediaElement
         */
        "onPeVideoOnWaiting"?: (event: CustomEvent<CustomEvent>) => void;
        /**
          * Emits when video source changed.
         */
        "onPeVideoSourceChanged"?: (event: CustomEvent<string>) => void;
        /**
          * Bubbles timeUpdate event of HTMLMediaElement
         */
        "onPeVideoTimeUpdate"?: (event: CustomEvent<CustomEvent>) => void;
        /**
          * Determines playback speed for video. Sets playbackRate of HTMLMediaElement.
         */
        "playbackRate"?: number;
        /**
          * Determines video source url. Example public url: https://components-staging.proctorexam.com/_testing-assets/landscape_sample.webm
         */
        "source": string;
        /**
          * Overlay text will be shown on top of video
         */
        "tag"?: string;
    }
    interface PeVideoControls {
        /**
          * Determines available playback speeds.
         */
        "availableSpeeds"?: number[];
        /**
          * Determines current time of progress bar.
         */
        "currentTime"?: number;
        /**
          * Determines current value of fullscreen toggle.
         */
        "isFullscreen"?: boolean;
        /**
          * Emits when fullscreen toggle clicked.
         */
        "onPeVideoFullscreen"?: (event: CustomEvent<boolean>) => void;
        /**
          * Emits when mute button clicked.
         */
        "onPeVideoMute"?: (event: CustomEvent<boolean>) => void;
        /**
          * Emits when play/pause button clicked.
         */
        "onPeVideoPlay"?: (event: CustomEvent<boolean>) => void;
        /**
          * Emits when rewind or forward butons clicked.
         */
        "onPeVideoRewind"?: (event: CustomEvent<number>) => void;
        /**
          * Emits when progress bar moved.
         */
        "onPeVideoSeek"?: (event: CustomEvent<number>) => void;
        /**
          * Emits when playback rate changed.
         */
        "onPeVideoSpeed"?: (event: CustomEvent<number>) => void;
        /**
          * Determines total duration of progress bar.
         */
        "totalDuration"?: number;
    }
    interface PeVideoPlayer {
        /**
          * Uri(s) for mobile video source(s).
         */
        "mobileVideoUris"?: any;
        /**
          * Uri(s) for screenshare video source(s).
         */
        "screenshareVideoUris": any;
        /**
          * Uri(s) for webcam video source(s).
         */
        "webcamVideoUris"?: any;
    }
    interface IntrinsicElements {
        "pe-button": PeButton;
        "pe-debug-panel": PeDebugPanel;
        "pe-icon": PeIcon;
        "pe-icons-list": PeIconsList;
        "pe-incident-list": PeIncidentList;
        "pe-navbar": PeNavbar;
        "pe-review-studio": PeReviewStudio;
        "pe-typography": PeTypography;
        "pe-video": PeVideo;
        "pe-video-controls": PeVideoControls;
        "pe-video-player": PeVideoPlayer;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "pe-button": LocalJSX.PeButton & JSXBase.HTMLAttributes<HTMLPeButtonElement>;
            "pe-debug-panel": LocalJSX.PeDebugPanel & JSXBase.HTMLAttributes<HTMLPeDebugPanelElement>;
            "pe-icon": LocalJSX.PeIcon & JSXBase.HTMLAttributes<HTMLPeIconElement>;
            "pe-icons-list": LocalJSX.PeIconsList & JSXBase.HTMLAttributes<HTMLPeIconsListElement>;
            "pe-incident-list": LocalJSX.PeIncidentList & JSXBase.HTMLAttributes<HTMLPeIncidentListElement>;
            "pe-navbar": LocalJSX.PeNavbar & JSXBase.HTMLAttributes<HTMLPeNavbarElement>;
            "pe-review-studio": LocalJSX.PeReviewStudio & JSXBase.HTMLAttributes<HTMLPeReviewStudioElement>;
            "pe-typography": LocalJSX.PeTypography & JSXBase.HTMLAttributes<HTMLPeTypographyElement>;
            "pe-video": LocalJSX.PeVideo & JSXBase.HTMLAttributes<HTMLPeVideoElement>;
            "pe-video-controls": LocalJSX.PeVideoControls & JSXBase.HTMLAttributes<HTMLPeVideoControlsElement>;
            "pe-video-player": LocalJSX.PeVideoPlayer & JSXBase.HTMLAttributes<HTMLPeVideoPlayerElement>;
        }
    }
}