/* 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/internal"; import { HeaderBarMenuType, HeaderBarNavType } from "./type/header-bar"; import { MdsHeaderEventDetail, MdsHeaderVisibilityEventDetail } from "./components/mds-header/meta/event-detail"; export { HeaderBarMenuType, HeaderBarNavType } from "./type/header-bar"; export { MdsHeaderEventDetail, MdsHeaderVisibilityEventDetail } from "./components/mds-header/meta/event-detail"; export namespace Components { interface MdsHeader { /** * Sets the appearance of the header bar element when loaded, it can be changed depending on how `appearance-set` attribute is set */ "appearance": string; /** * Sets the appearance of the header bar element depending on the scroll position you should set three different values: initial appearance, changed appearance and `window.scrollY` threshold Es: appearance-set="stripe, inline 200" means the component will start with stripe appearance that will change to inline if the page is scrolled more of 199 pixels */ "appearanceSet"?: string; /** * When the page is scrolled down, the component mds-header-bar is hidden starting from the `autoHide` attribute's value, then if the page is scrolled up it is shown again */ "autoHide"?: number; /** * Sets if the backdrop is shown when the mds-header-bar attribute appearace is set to `inline` */ "backdrop"?: boolean; /** * Sets the visibility type of the hamburger menu of mds-header-bar */ "menu": HeaderBarMenuType; /** * Sets the visibility type of the navigation menu of mds-header-bar */ "nav": HeaderBarNavType; "setOpened": (isOpened?: boolean) => Promise; /** * Sets the threshold margin to trigger hide or show status of the `mds-header-bar` when the page is scrolled */ "threshold": number; /** * Sets the visibility type of the navigation menu of mds-header-bar */ "visibility"?: 'hidden' | 'visible'; } } export interface MdsHeaderCustomEvent extends CustomEvent { detail: T; target: HTMLMdsHeaderElement; } declare global { interface HTMLMdsHeaderElementEventMap { "mdsHeaderClose": MdsHeaderEventDetail; "mdsHeaderVisibilityChange": MdsHeaderVisibilityEventDetail; } interface HTMLMdsHeaderElement extends Components.MdsHeader, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLMdsHeaderElement, ev: MdsHeaderCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLMdsHeaderElement, ev: MdsHeaderCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLMdsHeaderElement: { prototype: HTMLMdsHeaderElement; new (): HTMLMdsHeaderElement; }; interface HTMLElementTagNameMap { "mds-header": HTMLMdsHeaderElement; } } declare namespace LocalJSX { interface MdsHeader { /** * Sets the appearance of the header bar element when loaded, it can be changed depending on how `appearance-set` attribute is set */ "appearance"?: string; /** * Sets the appearance of the header bar element depending on the scroll position you should set three different values: initial appearance, changed appearance and `window.scrollY` threshold Es: appearance-set="stripe, inline 200" means the component will start with stripe appearance that will change to inline if the page is scrolled more of 199 pixels */ "appearanceSet"?: string; /** * When the page is scrolled down, the component mds-header-bar is hidden starting from the `autoHide` attribute's value, then if the page is scrolled up it is shown again */ "autoHide"?: number; /** * Sets if the backdrop is shown when the mds-header-bar attribute appearace is set to `inline` */ "backdrop"?: boolean; /** * Sets the visibility type of the hamburger menu of mds-header-bar */ "menu"?: HeaderBarMenuType; /** * Sets the visibility type of the navigation menu of mds-header-bar */ "nav"?: HeaderBarNavType; /** * Emits when the component is closed */ "onMdsHeaderClose"?: (event: MdsHeaderCustomEvent) => void; /** * Emits when the component mds-header-bar is shown or hidden */ "onMdsHeaderVisibilityChange"?: (event: MdsHeaderCustomEvent) => void; /** * Sets the threshold margin to trigger hide or show status of the `mds-header-bar` when the page is scrolled */ "threshold"?: number; /** * Sets the visibility type of the navigation menu of mds-header-bar */ "visibility"?: 'hidden' | 'visible'; } interface IntrinsicElements { "mds-header": MdsHeader; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "mds-header": LocalJSX.MdsHeader & JSXBase.HTMLAttributes; } } }