/* 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 { ContentLineTextAlignOptions as ContentLineTextAlignOptions1, ContentVerticalAlignments, FLEX_JUSTIFY_OPTIONS, GRID_TYPES, ResponsiveBoolean, ResponsiveNumber, ResponsiveString } from "./typings";
import { InitMethodType } from "./components/content-carousel/content-carousel";
import { HeroContentPlacementOptions } from "./blocks/content-hero-block/content-hero-block";
import { ContentLineTagOptions, ContentLineTextAlignOptions } from "./elements/content-line/content-line";
import { SupportedVideoMethods } from "./elements/content-video/content-video";
export { ContentLineTextAlignOptions as ContentLineTextAlignOptions1, ContentVerticalAlignments, FLEX_JUSTIFY_OPTIONS, GRID_TYPES, ResponsiveBoolean, ResponsiveNumber, ResponsiveString } from "./typings";
export { InitMethodType } from "./components/content-carousel/content-carousel";
export { HeroContentPlacementOptions } from "./blocks/content-hero-block/content-hero-block";
export { ContentLineTagOptions, ContentLineTextAlignOptions } from "./elements/content-line/content-line";
export { SupportedVideoMethods } from "./elements/content-video/content-video";
export namespace Components {
    interface ContentAccordion {
        /**
          * The ending animation class in case you want to control content styling.
          * @type String
         */
        "animationEnd": string;
        /**
          * The starting animation class in case you want to control content styling.
          * @type String
         */
        "animationStart": string;
        /**
          * The amount of time in milliseconds to run the closing animation, before the class is removed
          * @type Number
         */
        "animationTime": number;
        /**
          * @type Boolean
          * @responsive
         */
        "open": ResponsiveBoolean;
        /**
          * The class to be applied to the trigger button element.
          * @type String
         */
        "triggerClass": string;
    }
    interface ContentButton {
        /**
          * The classes for the button.
          * @type String
          * @responsive
         */
        "classes": string;
        /**
          * @type Boolean
         */
        "clickableBlock": boolean;
        /**
          * /**   Aria-controls value
          * @type Target
         */
        "controls": string;
        /**
          * @type Boolean
         */
        "expanded": string;
        /**
          * @type URL
         */
        "href": string;
        /**
          * @type String
          * @responsive
         */
        "linkClass": ResponsiveString;
        /**
          * @type String
          * @responsive
         */
        "linkLabel": ResponsiveString;
        /**
          * @type String
         */
        "target": string;
    }
    interface ContentCarousel {
        /**
          * @type Select
          * @options load
          * @options init
         */
        "initMethod": InitMethodType;
        /**
          * @type JSON
          * @schema Swiper Options
         */
        "swiperOptions": string;
    }
    interface ContentGridFormatter {
        /**
          * @type String
          * @responsive
         */
        "classes": ResponsiveString;
        /**
          * @type Number
          * @responsive
         */
        "columnGap": ResponsiveNumber;
        /**
          * @type Number
          * @responsive
         */
        "columns": ResponsiveNumber;
        /**
          * Setting this true to will grow all children. Alternatively, add the attribute [flex-grow="true"] to a specific grid child and that child will grow.
          * @type Boolean
          * @responsive
         */
        "flexGrow": ResponsiveBoolean;
        /**
          * Setting this true to will shrink all children. Alternatively, add the attribute [flex-shrink="true"] to a specific grid child and that child will shrink.
          * @type Boolean
          * @responsive
         */
        "flexShrink": ResponsiveBoolean;
        /**
          * Horizontal axis alignment
          * @type Select
          * @options flex-start
          * @options space-between
          * @options center
          * @options space-evenly
          * @responsive
         */
        "horizontal": FLEX_JUSTIFY_OPTIONS;
        /**
          * @type Number
          * @responsive
         */
        "rowGap": ResponsiveNumber;
        /**
          * Flex or grid
          * @type Select
          * @options none
          * @options flex
          * @options grid
          * @responsive
         */
        "type": GRID_TYPES | ResponsiveString;
        /**
          * Vertical axis alignment
          * @type Select
          * @options flex-start
          * @options space-between
          * @options center
          * @options space-evenly
          * @responsive
         */
        "vertical": FLEX_JUSTIFY_OPTIONS;
    }
    interface ContentHeroBlock {
        /**
          * @type String
          * @responsive
         */
        "classes": ResponsiveString;
        /**
          * Pipe separated HeroContentPlacementOptions that will determine whether the content sits below the media slot or overlapped above.
          * @type Select
          * @options below
          * @options above
          * @responsive
         */
        "contentPosition": ResponsiveString | HeroContentPlacementOptions;
    }
    interface ContentImage {
        /**
          * @type String
          * @responsive
         */
        "alt": ResponsiveString;
        /**
          * @type String
          * @responsive
         */
        "aspectRatio": ResponsiveString;
        /**
          * @type String
          * @responsive
         */
        "classes": ResponsiveString;
        /**
          * @type Number
          * @responsive
         */
        "height": ResponsiveNumber;
        /**
          * @type Boolean
         */
        "lazyLoad": boolean;
        /**
          * If true, the content in the mediaContent slot will be visible.
          * @type Boolean
          * @responsive
         */
        "showContent": ResponsiveBoolean;
        /**
          * @type Media
          * @responsive
         */
        "src": ResponsiveString;
        /**
          * @type Select
          * @options image
          * @options video
         */
        "type"?: 'image' | 'video';
        /**
          * @type Select
          * @options video/mp4
         */
        "videoType"?: string;
        /**
          * @type Number
          * @responsive
         */
        "width": ResponsiveNumber;
    }
    interface ContentLine {
        /**
          * The font class for the line.
          * @type String
          * @responsive
         */
        "classes": any;
        /**
          * Pipe separated list of max width numbers. You can also use units such as "px" and "vw". If no unit is provided, defaults to percentage.
          * @type String
          * @responsive
         */
        "maxWidth": ResponsiveNumber;
        /**
          * The element tag to use.
          * @type Select
          * @options div
          * @options p
          * @options h1
          * @options h2
          * @options h3
          * @options h4
          * @options h5
          * @options h6
          * @options span
          * @options section
          * @options article
         */
        "tag": ContentLineTagOptions;
        /**
          * Pipe separated list of ContentLineTextAlignOptions for text alignment.
          * @type Select
          * @options default
          * @options left
          * @options center
          * @options right
          * @responsive
         */
        "textAlign": ContentLineTextAlignOptions;
    }
    interface ContentNavigationBlock {
        /**
          * @type String
          * @responsive
         */
        "classes": ResponsiveString;
        /**
          * @type Select
          * @responsive 
          * @options fixed
          * @options absolute
          * @options sticky
          * @options static
          * @options none
         */
        "hamburger": ResponsiveString;
    }
    interface ContentOverlay {
        /**
          * @type String
          * @responsive
         */
        "classes": ResponsiveString;
        "closeOverlay": () => Promise<void>;
        /**
          * Title attribute value for the close button.
          * @type String
         */
        "closeTitle": string;
        /**
          * @type Boolean
          * @responsive
         */
        "fullScreen": ResponsiveBoolean;
        /**
          * A pipe delimited setting for horizontal alignment. This only applies when fullscreen mode is activated.
          * @type Select
          * @options default
          * @options left
          * @options center
          * @options right
          * @responsive
         */
        "horizontal": ContentLineTextAlignOptions1;
        /**
          * @type Boolean
          * @responsive
         */
        "open": ResponsiveBoolean;
        "openOverlay": () => Promise<void>;
        /**
          * Position of the overlay.
          * @type Select
          * @options absolute
          * @options fixed
          * @options static
          * @options sticky
         */
        "position": ResponsiveString;
        /**
          * @type String
          * @responsive
         */
        "target": string;
        /**
          * A pipe delimited setting for vertical alignment. This only applies when fullscreen mode is activated.
          * @type Select
          * @options top
          * @options center
          * @options bottom
         */
        "vertical": ContentVerticalAlignments;
    }
    interface ContentSpacer {
        /**
          * Pipe separated numbers between 0 and 100. Units without values are assumed to be %.
          * @type Number
          * @string 
          * @responsive
         */
        "bottomOffset": ResponsiveNumber;
        /**
          * @type String
          * @responsive
         */
        "classes": ResponsiveString;
        /**
          * Pipe separated boolean values for full height. Typically, this is used if you have a hero block and you want a footer that aligns with the text layer. This is a niche case, but a valid one.
          * @type Boolean
          * @responsive
         */
        "fullHeight": ResponsiveBoolean;
        /**
          * Pipe separated list of ContentLineTextAlignOptions for where to place text box when a max width is specified.
          * @type Select
          * @options default
          * @options left
          * @options center
          * @options right
          * @responsive
         */
        "horizontal": ContentLineTextAlignOptions1;
        /**
          * Pipe separated numbers between 0 and 100. Units without values are assumed to be %.
          * @type Number
          * @string 
          * @responsive
         */
        "leftOffset": ResponsiveNumber;
        /**
          * Pipe separated list of max width numbers. You can also use units such as "px" and "vw".
          * @type String
          * @responsive
         */
        "maxWidth": ResponsiveNumber;
        /**
          * Pipe separated numbers between 0 and 100. Units without values are assumed to be %.
          * @type Number
          * @string 
          * @responsive
         */
        "rightOffset": ResponsiveNumber;
        /**
          * Pipe separated list of ContentLineTextAlignOptions for text alignment.
          * @type Select
          * @options default
          * @options left
          * @options center
          * @options right
          * @responsive
         */
        "textAlign": ContentLineTextAlignOptions1;
        /**
          * Pipe separated numbers between 0 and 100. Units without values are assumed to be %.
          * @type Number
          * @string 
          * @responsive
         */
        "topOffset": ResponsiveNumber;
        /**
          * Pipe separated list of ContentVerticalAlignments for text box placement.
          * @type Select
          * @options top
          * @options center
          * @options bottom
          * @options default
          * @responsive
         */
        "vertical": ResponsiveString | ContentVerticalAlignments;
    }
    interface ContentSplitBlock {
        /**
          * @type String
          * @responsive
         */
        "classes": ResponsiveString;
        /**
          * @type Number
          * @responsive
         */
        "columns": string;
        /**
          * @type Boolean
          * @responsive
         */
        "reverse": ResponsiveBoolean | boolean;
    }
    interface ContentTabs {
        /**
          * @type String
          * @responsive
         */
        "classes": ResponsiveString;
    }
    interface ContentTextBlock {
        /**
          * This is a pipe separated string representing the style class.
          * @type String
          * @responsive
         */
        "classes": ResponsiveString;
        /**
          * @type Boolean
          * @responsive
         */
        "fullHeight": ResponsiveString;
        /**
          * This is a pipe separated string representing the minimum height. Units without values default to pixels.
          * @type String
          * @responsive
         */
        "minHeight": ResponsiveString;
        /**
          * Pipe separated list of ContentLineTextAlignOptions for text alignment.
          * @type Select
          * @options default
          * @options left
          * @options center
          * @options right
          * @responsive
         */
        "textAlign": ContentLineTextAlignOptions1;
        /**
          * Pipe separated list of ContentVerticalAlignments for text box placement.
          * @type Select
          * @options top
          * @options center
          * @options bottom
          * @responsive
         */
        "vertical": ContentVerticalAlignments;
    }
    interface ContentToutBlock {
        /**
          * @type String
          * @responsive
         */
        "classes": ResponsiveString;
        /**
          * If true, the media content will show only on hover
          * @type Boolean
          * @responsive
         */
        "hover": ResponsiveBoolean;
    }
    interface ContentVideo {
        /**
          * If you're using this inside a content-overlay for example, you may want the video to play immediately on launch.
          * @type Boolean
         */
        "autoplay": boolean;
        /**
          * Sets whether or not an autoplaying video should be muted.  By default autoplay videos will be muted.
          * @type Boolean
         */
        "autoplayMute": boolean;
        /**
          * @type String
          * @responsive
         */
        "classes": ResponsiveString;
        /**
          * @type Boolean
         */
        "controls": boolean;
        /**
          * Fit the container this video is placed in. When the video is used in an overlay or another place where the video will takeover the existing height, it is recommended to enable this option.
          * @responsive 
          * @type String
         */
        "fitContainer": ResponsiveString;
        /**
          * @type Number
         */
        "height": number;
        /**
          * @type Select
          * @options youtube
          * @options html5
         */
        "method": SupportedVideoMethods;
        /**
          * @type String
         */
        "playButtonAriaLabel": string;
        /**
          * @type String
         */
        "preload": string;
        /**
          * Supports YouTube and self hosted URLs.
          * @type String
         */
        "src": string;
        /**
          * @type String
         */
        "type": string;
        /**
          * @type Number
         */
        "width": number;
    }
}
export interface ContentOverlayCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLContentOverlayElement;
}
declare global {
    interface HTMLContentAccordionElement extends Components.ContentAccordion, HTMLStencilElement {
    }
    var HTMLContentAccordionElement: {
        prototype: HTMLContentAccordionElement;
        new (): HTMLContentAccordionElement;
    };
    interface HTMLContentButtonElement extends Components.ContentButton, HTMLStencilElement {
    }
    var HTMLContentButtonElement: {
        prototype: HTMLContentButtonElement;
        new (): HTMLContentButtonElement;
    };
    interface HTMLContentCarouselElement extends Components.ContentCarousel, HTMLStencilElement {
    }
    var HTMLContentCarouselElement: {
        prototype: HTMLContentCarouselElement;
        new (): HTMLContentCarouselElement;
    };
    interface HTMLContentGridFormatterElement extends Components.ContentGridFormatter, HTMLStencilElement {
    }
    var HTMLContentGridFormatterElement: {
        prototype: HTMLContentGridFormatterElement;
        new (): HTMLContentGridFormatterElement;
    };
    interface HTMLContentHeroBlockElement extends Components.ContentHeroBlock, HTMLStencilElement {
    }
    var HTMLContentHeroBlockElement: {
        prototype: HTMLContentHeroBlockElement;
        new (): HTMLContentHeroBlockElement;
    };
    interface HTMLContentImageElement extends Components.ContentImage, HTMLStencilElement {
    }
    var HTMLContentImageElement: {
        prototype: HTMLContentImageElement;
        new (): HTMLContentImageElement;
    };
    interface HTMLContentLineElement extends Components.ContentLine, HTMLStencilElement {
    }
    var HTMLContentLineElement: {
        prototype: HTMLContentLineElement;
        new (): HTMLContentLineElement;
    };
    interface HTMLContentNavigationBlockElement extends Components.ContentNavigationBlock, HTMLStencilElement {
    }
    var HTMLContentNavigationBlockElement: {
        prototype: HTMLContentNavigationBlockElement;
        new (): HTMLContentNavigationBlockElement;
    };
    interface HTMLContentOverlayElementEventMap {
        "contentOverlayActivated": HTMLElement;
    }
    interface HTMLContentOverlayElement extends Components.ContentOverlay, HTMLStencilElement {
        addEventListener<K extends keyof HTMLContentOverlayElementEventMap>(type: K, listener: (this: HTMLContentOverlayElement, ev: ContentOverlayCustomEvent<HTMLContentOverlayElementEventMap[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 HTMLContentOverlayElementEventMap>(type: K, listener: (this: HTMLContentOverlayElement, ev: ContentOverlayCustomEvent<HTMLContentOverlayElementEventMap[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 HTMLContentOverlayElement: {
        prototype: HTMLContentOverlayElement;
        new (): HTMLContentOverlayElement;
    };
    interface HTMLContentSpacerElement extends Components.ContentSpacer, HTMLStencilElement {
    }
    var HTMLContentSpacerElement: {
        prototype: HTMLContentSpacerElement;
        new (): HTMLContentSpacerElement;
    };
    interface HTMLContentSplitBlockElement extends Components.ContentSplitBlock, HTMLStencilElement {
    }
    var HTMLContentSplitBlockElement: {
        prototype: HTMLContentSplitBlockElement;
        new (): HTMLContentSplitBlockElement;
    };
    interface HTMLContentTabsElement extends Components.ContentTabs, HTMLStencilElement {
    }
    var HTMLContentTabsElement: {
        prototype: HTMLContentTabsElement;
        new (): HTMLContentTabsElement;
    };
    interface HTMLContentTextBlockElement extends Components.ContentTextBlock, HTMLStencilElement {
    }
    var HTMLContentTextBlockElement: {
        prototype: HTMLContentTextBlockElement;
        new (): HTMLContentTextBlockElement;
    };
    interface HTMLContentToutBlockElement extends Components.ContentToutBlock, HTMLStencilElement {
    }
    var HTMLContentToutBlockElement: {
        prototype: HTMLContentToutBlockElement;
        new (): HTMLContentToutBlockElement;
    };
    interface HTMLContentVideoElement extends Components.ContentVideo, HTMLStencilElement {
    }
    var HTMLContentVideoElement: {
        prototype: HTMLContentVideoElement;
        new (): HTMLContentVideoElement;
    };
    interface HTMLElementTagNameMap {
        "content-accordion": HTMLContentAccordionElement;
        "content-button": HTMLContentButtonElement;
        "content-carousel": HTMLContentCarouselElement;
        "content-grid-formatter": HTMLContentGridFormatterElement;
        "content-hero-block": HTMLContentHeroBlockElement;
        "content-image": HTMLContentImageElement;
        "content-line": HTMLContentLineElement;
        "content-navigation-block": HTMLContentNavigationBlockElement;
        "content-overlay": HTMLContentOverlayElement;
        "content-spacer": HTMLContentSpacerElement;
        "content-split-block": HTMLContentSplitBlockElement;
        "content-tabs": HTMLContentTabsElement;
        "content-text-block": HTMLContentTextBlockElement;
        "content-tout-block": HTMLContentToutBlockElement;
        "content-video": HTMLContentVideoElement;
    }
}
declare namespace LocalJSX {
    interface ContentAccordion {
        /**
          * The ending animation class in case you want to control content styling.
          * @type String
         */
        "animationEnd"?: string;
        /**
          * The starting animation class in case you want to control content styling.
          * @type String
         */
        "animationStart"?: string;
        /**
          * The amount of time in milliseconds to run the closing animation, before the class is removed
          * @type Number
         */
        "animationTime"?: number;
        /**
          * @type Boolean
          * @responsive
         */
        "open"?: ResponsiveBoolean;
        /**
          * The class to be applied to the trigger button element.
          * @type String
         */
        "triggerClass"?: string;
    }
    interface ContentButton {
        /**
          * The classes for the button.
          * @type String
          * @responsive
         */
        "classes"?: string;
        /**
          * @type Boolean
         */
        "clickableBlock"?: boolean;
        /**
          * /**   Aria-controls value
          * @type Target
         */
        "controls"?: string;
        /**
          * @type Boolean
         */
        "expanded"?: string;
        /**
          * @type URL
         */
        "href"?: string;
        /**
          * @type String
          * @responsive
         */
        "linkClass"?: ResponsiveString;
        /**
          * @type String
          * @responsive
         */
        "linkLabel"?: ResponsiveString;
        /**
          * @type String
         */
        "target"?: string;
    }
    interface ContentCarousel {
        /**
          * @type Select
          * @options load
          * @options init
         */
        "initMethod"?: InitMethodType;
        /**
          * @type JSON
          * @schema Swiper Options
         */
        "swiperOptions"?: string;
    }
    interface ContentGridFormatter {
        /**
          * @type String
          * @responsive
         */
        "classes"?: ResponsiveString;
        /**
          * @type Number
          * @responsive
         */
        "columnGap"?: ResponsiveNumber;
        /**
          * @type Number
          * @responsive
         */
        "columns"?: ResponsiveNumber;
        /**
          * Setting this true to will grow all children. Alternatively, add the attribute [flex-grow="true"] to a specific grid child and that child will grow.
          * @type Boolean
          * @responsive
         */
        "flexGrow"?: ResponsiveBoolean;
        /**
          * Setting this true to will shrink all children. Alternatively, add the attribute [flex-shrink="true"] to a specific grid child and that child will shrink.
          * @type Boolean
          * @responsive
         */
        "flexShrink"?: ResponsiveBoolean;
        /**
          * Horizontal axis alignment
          * @type Select
          * @options flex-start
          * @options space-between
          * @options center
          * @options space-evenly
          * @responsive
         */
        "horizontal"?: FLEX_JUSTIFY_OPTIONS;
        /**
          * @type Number
          * @responsive
         */
        "rowGap"?: ResponsiveNumber;
        /**
          * Flex or grid
          * @type Select
          * @options none
          * @options flex
          * @options grid
          * @responsive
         */
        "type"?: GRID_TYPES | ResponsiveString;
        /**
          * Vertical axis alignment
          * @type Select
          * @options flex-start
          * @options space-between
          * @options center
          * @options space-evenly
          * @responsive
         */
        "vertical"?: FLEX_JUSTIFY_OPTIONS;
    }
    interface ContentHeroBlock {
        /**
          * @type String
          * @responsive
         */
        "classes"?: ResponsiveString;
        /**
          * Pipe separated HeroContentPlacementOptions that will determine whether the content sits below the media slot or overlapped above.
          * @type Select
          * @options below
          * @options above
          * @responsive
         */
        "contentPosition"?: ResponsiveString | HeroContentPlacementOptions;
    }
    interface ContentImage {
        /**
          * @type String
          * @responsive
         */
        "alt"?: ResponsiveString;
        /**
          * @type String
          * @responsive
         */
        "aspectRatio"?: ResponsiveString;
        /**
          * @type String
          * @responsive
         */
        "classes"?: ResponsiveString;
        /**
          * @type Number
          * @responsive
         */
        "height"?: ResponsiveNumber;
        /**
          * @type Boolean
         */
        "lazyLoad"?: boolean;
        /**
          * If true, the content in the mediaContent slot will be visible.
          * @type Boolean
          * @responsive
         */
        "showContent"?: ResponsiveBoolean;
        /**
          * @type Media
          * @responsive
         */
        "src": ResponsiveString;
        /**
          * @type Select
          * @options image
          * @options video
         */
        "type"?: 'image' | 'video';
        /**
          * @type Select
          * @options video/mp4
         */
        "videoType"?: string;
        /**
          * @type Number
          * @responsive
         */
        "width"?: ResponsiveNumber;
    }
    interface ContentLine {
        /**
          * The font class for the line.
          * @type String
          * @responsive
         */
        "classes"?: any;
        /**
          * Pipe separated list of max width numbers. You can also use units such as "px" and "vw". If no unit is provided, defaults to percentage.
          * @type String
          * @responsive
         */
        "maxWidth"?: ResponsiveNumber;
        /**
          * The element tag to use.
          * @type Select
          * @options div
          * @options p
          * @options h1
          * @options h2
          * @options h3
          * @options h4
          * @options h5
          * @options h6
          * @options span
          * @options section
          * @options article
         */
        "tag"?: ContentLineTagOptions;
        /**
          * Pipe separated list of ContentLineTextAlignOptions for text alignment.
          * @type Select
          * @options default
          * @options left
          * @options center
          * @options right
          * @responsive
         */
        "textAlign"?: ContentLineTextAlignOptions;
    }
    interface ContentNavigationBlock {
        /**
          * @type String
          * @responsive
         */
        "classes"?: ResponsiveString;
        /**
          * @type Select
          * @responsive 
          * @options fixed
          * @options absolute
          * @options sticky
          * @options static
          * @options none
         */
        "hamburger"?: ResponsiveString;
    }
    interface ContentOverlay {
        /**
          * @type String
          * @responsive
         */
        "classes"?: ResponsiveString;
        /**
          * Title attribute value for the close button.
          * @type String
         */
        "closeTitle"?: string;
        /**
          * @type Boolean
          * @responsive
         */
        "fullScreen"?: ResponsiveBoolean;
        /**
          * A pipe delimited setting for horizontal alignment. This only applies when fullscreen mode is activated.
          * @type Select
          * @options default
          * @options left
          * @options center
          * @options right
          * @responsive
         */
        "horizontal"?: ContentLineTextAlignOptions1;
        "onContentOverlayActivated"?: (event: ContentOverlayCustomEvent<HTMLElement>) => void;
        /**
          * @type Boolean
          * @responsive
         */
        "open"?: ResponsiveBoolean;
        /**
          * Position of the overlay.
          * @type Select
          * @options absolute
          * @options fixed
          * @options static
          * @options sticky
         */
        "position"?: ResponsiveString;
        /**
          * @type String
          * @responsive
         */
        "target"?: string;
        /**
          * A pipe delimited setting for vertical alignment. This only applies when fullscreen mode is activated.
          * @type Select
          * @options top
          * @options center
          * @options bottom
         */
        "vertical"?: ContentVerticalAlignments;
    }
    interface ContentSpacer {
        /**
          * Pipe separated numbers between 0 and 100. Units without values are assumed to be %.
          * @type Number
          * @string 
          * @responsive
         */
        "bottomOffset"?: ResponsiveNumber;
        /**
          * @type String
          * @responsive
         */
        "classes"?: ResponsiveString;
        /**
          * Pipe separated boolean values for full height. Typically, this is used if you have a hero block and you want a footer that aligns with the text layer. This is a niche case, but a valid one.
          * @type Boolean
          * @responsive
         */
        "fullHeight"?: ResponsiveBoolean;
        /**
          * Pipe separated list of ContentLineTextAlignOptions for where to place text box when a max width is specified.
          * @type Select
          * @options default
          * @options left
          * @options center
          * @options right
          * @responsive
         */
        "horizontal"?: ContentLineTextAlignOptions1;
        /**
          * Pipe separated numbers between 0 and 100. Units without values are assumed to be %.
          * @type Number
          * @string 
          * @responsive
         */
        "leftOffset"?: ResponsiveNumber;
        /**
          * Pipe separated list of max width numbers. You can also use units such as "px" and "vw".
          * @type String
          * @responsive
         */
        "maxWidth"?: ResponsiveNumber;
        /**
          * Pipe separated numbers between 0 and 100. Units without values are assumed to be %.
          * @type Number
          * @string 
          * @responsive
         */
        "rightOffset"?: ResponsiveNumber;
        /**
          * Pipe separated list of ContentLineTextAlignOptions for text alignment.
          * @type Select
          * @options default
          * @options left
          * @options center
          * @options right
          * @responsive
         */
        "textAlign"?: ContentLineTextAlignOptions1;
        /**
          * Pipe separated numbers between 0 and 100. Units without values are assumed to be %.
          * @type Number
          * @string 
          * @responsive
         */
        "topOffset"?: ResponsiveNumber;
        /**
          * Pipe separated list of ContentVerticalAlignments for text box placement.
          * @type Select
          * @options top
          * @options center
          * @options bottom
          * @options default
          * @responsive
         */
        "vertical"?: ResponsiveString | ContentVerticalAlignments;
    }
    interface ContentSplitBlock {
        /**
          * @type String
          * @responsive
         */
        "classes"?: ResponsiveString;
        /**
          * @type Number
          * @responsive
         */
        "columns"?: string;
        /**
          * @type Boolean
          * @responsive
         */
        "reverse"?: ResponsiveBoolean | boolean;
    }
    interface ContentTabs {
        /**
          * @type String
          * @responsive
         */
        "classes"?: ResponsiveString;
    }
    interface ContentTextBlock {
        /**
          * This is a pipe separated string representing the style class.
          * @type String
          * @responsive
         */
        "classes"?: ResponsiveString;
        /**
          * @type Boolean
          * @responsive
         */
        "fullHeight"?: ResponsiveString;
        /**
          * This is a pipe separated string representing the minimum height. Units without values default to pixels.
          * @type String
          * @responsive
         */
        "minHeight"?: ResponsiveString;
        /**
          * Pipe separated list of ContentLineTextAlignOptions for text alignment.
          * @type Select
          * @options default
          * @options left
          * @options center
          * @options right
          * @responsive
         */
        "textAlign"?: ContentLineTextAlignOptions1;
        /**
          * Pipe separated list of ContentVerticalAlignments for text box placement.
          * @type Select
          * @options top
          * @options center
          * @options bottom
          * @responsive
         */
        "vertical"?: ContentVerticalAlignments;
    }
    interface ContentToutBlock {
        /**
          * @type String
          * @responsive
         */
        "classes"?: ResponsiveString;
        /**
          * If true, the media content will show only on hover
          * @type Boolean
          * @responsive
         */
        "hover"?: ResponsiveBoolean;
    }
    interface ContentVideo {
        /**
          * If you're using this inside a content-overlay for example, you may want the video to play immediately on launch.
          * @type Boolean
         */
        "autoplay"?: boolean;
        /**
          * Sets whether or not an autoplaying video should be muted.  By default autoplay videos will be muted.
          * @type Boolean
         */
        "autoplayMute"?: boolean;
        /**
          * @type String
          * @responsive
         */
        "classes"?: ResponsiveString;
        /**
          * @type Boolean
         */
        "controls"?: boolean;
        /**
          * Fit the container this video is placed in. When the video is used in an overlay or another place where the video will takeover the existing height, it is recommended to enable this option.
          * @responsive 
          * @type String
         */
        "fitContainer"?: ResponsiveString;
        /**
          * @type Number
         */
        "height"?: number;
        /**
          * @type Select
          * @options youtube
          * @options html5
         */
        "method"?: SupportedVideoMethods;
        /**
          * @type String
         */
        "playButtonAriaLabel"?: string;
        /**
          * @type String
         */
        "preload"?: string;
        /**
          * Supports YouTube and self hosted URLs.
          * @type String
         */
        "src"?: string;
        /**
          * @type String
         */
        "type"?: string;
        /**
          * @type Number
         */
        "width"?: number;
    }
    interface IntrinsicElements {
        "content-accordion": ContentAccordion;
        "content-button": ContentButton;
        "content-carousel": ContentCarousel;
        "content-grid-formatter": ContentGridFormatter;
        "content-hero-block": ContentHeroBlock;
        "content-image": ContentImage;
        "content-line": ContentLine;
        "content-navigation-block": ContentNavigationBlock;
        "content-overlay": ContentOverlay;
        "content-spacer": ContentSpacer;
        "content-split-block": ContentSplitBlock;
        "content-tabs": ContentTabs;
        "content-text-block": ContentTextBlock;
        "content-tout-block": ContentToutBlock;
        "content-video": ContentVideo;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "content-accordion": LocalJSX.ContentAccordion & JSXBase.HTMLAttributes<HTMLContentAccordionElement>;
            "content-button": LocalJSX.ContentButton & JSXBase.HTMLAttributes<HTMLContentButtonElement>;
            "content-carousel": LocalJSX.ContentCarousel & JSXBase.HTMLAttributes<HTMLContentCarouselElement>;
            "content-grid-formatter": LocalJSX.ContentGridFormatter & JSXBase.HTMLAttributes<HTMLContentGridFormatterElement>;
            "content-hero-block": LocalJSX.ContentHeroBlock & JSXBase.HTMLAttributes<HTMLContentHeroBlockElement>;
            "content-image": LocalJSX.ContentImage & JSXBase.HTMLAttributes<HTMLContentImageElement>;
            "content-line": LocalJSX.ContentLine & JSXBase.HTMLAttributes<HTMLContentLineElement>;
            "content-navigation-block": LocalJSX.ContentNavigationBlock & JSXBase.HTMLAttributes<HTMLContentNavigationBlockElement>;
            "content-overlay": LocalJSX.ContentOverlay & JSXBase.HTMLAttributes<HTMLContentOverlayElement>;
            "content-spacer": LocalJSX.ContentSpacer & JSXBase.HTMLAttributes<HTMLContentSpacerElement>;
            "content-split-block": LocalJSX.ContentSplitBlock & JSXBase.HTMLAttributes<HTMLContentSplitBlockElement>;
            "content-tabs": LocalJSX.ContentTabs & JSXBase.HTMLAttributes<HTMLContentTabsElement>;
            "content-text-block": LocalJSX.ContentTextBlock & JSXBase.HTMLAttributes<HTMLContentTextBlockElement>;
            "content-tout-block": LocalJSX.ContentToutBlock & JSXBase.HTMLAttributes<HTMLContentToutBlockElement>;
            "content-video": LocalJSX.ContentVideo & JSXBase.HTMLAttributes<HTMLContentVideoElement>;
        }
    }
}