framework7 6.3.4 → 7.0.0-beta.3

package/types/components/gauge/gauge.d.ts

@@ -1,96 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Gauge {
-  interface Gauge extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Gauge HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with gauge HTML element */
-    $el: Dom7Array;
-    /** Gauge generated SVH HTML element */
-    svgEl: HTMLElement;
-    /** Dom7 instance with generated SVG HTML element */
-    $svgEl: Dom7Array;
-    /** Gauge parameters */
-    params: Parameters;
-
-    /** Update/rerender gauge SVG element according to passed parameters. It accepts object with same parameters required for gauge initialization. You can pass only parameters that needs to be updated */
-    update(parameters: Parameters): Gauge;
-    /** Destroys gauge instance */
-    destroy(): void;
-  }
-
-  interface Parameters {
-    /** Gauge element. HTMLElement or string with CSS selector of gauge element. Generated SVG will be inserted into this element. */
-    el: HTMLElement | CSSSelector;
-    /** Gauge type. Can be circle or semicircle. (default circle) */
-    type?: string;
-    /** Gauge value/percentage. Must be a number between 0 and 1. (default 0) */
-    value?: number;
-    /** Generated SVG image size (in px). (default 200) */
-    size?: number;
-    /** Gauge background color. Can be any valid color string, e.g. #ff00ff, rgb(0,0,255), etc.. (default transparent) */
-    bgColor?: string;
-    /** Main border/stroke background color. (default #eeeeee) */
-    borderBgColor?: string;
-    /** Main border/stroke color. (default #000000) */
-    borderColor?: string;
-    /** Main border/stroke width. (default 10) */
-    borderWidth?: string;
-    /** Gauge value text (large text in the center of gauge). (default null) */
-    valueText?: string;
-    /** Value text color. (default #000000) */
-    valueTextColor?: string;
-    /** Value text font size. (default 31) */
-    valueFontSize?: string;
-    /** Value text font weight. (default 500) */
-    valueFontWeight?: string;
-    /** Gauge additional label text. (default null) */
-    labelText?: string;
-    /** Label text color. (default #888888) */
-    labelTextColor?: string;
-    /** Label text font size. (default 14) */
-    labelFontSize?: string;
-    /** Label text font weight. (default 400) */
-    labelFontWeight?: string;
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-
-  interface Events {
-    /** Event will be triggered right before Gauge instance will be destroyed. As an argument event handler receives Gauge instance */
-    beforeDestroy: (dialog: Gauge) => void;
-  }
-
-  interface DomEvents {
-    /** Event will be triggered right before Gauge instance will be destroyed */
-    'gauge:beforedestroy': () => void;
-  }
-  interface AppMethods {
-    gauge: {
-      /** create Gauge instance */
-      create(parameters: Gauge.Parameters): Gauge;
-      /** destroy Gauge instance */
-      destroy(el: HTMLElement | CSSSelector | Gauge): void;
-      /** get Gauge instance by HTML element */
-      get(el: HTMLElement | CSSSelector): Gauge;
-      /** update/rerender Gauge SVG according to passed parameters */
-      update(parameters: Parameters): Gauge;
-    };
-  }
-  interface AppParams {
-    gauge?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered right before Gauge instance will be destroyed. As an argument event handler receives Gauge instance */
-    gaugeBeforeDestroy: (dialog: Gauge) => void;
-  }
-}
-
-declare const GaugeComponent: Framework7Plugin;
-
-export default GaugeComponent;

package/types/components/grid/grid.d.ts

@@ -1,17 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Grid {
-  interface AppMethods {}
-  interface AppParams {}
-  interface DomEvents {
-    /** Event will be triggered on resizable grid column (or row) resize */
-    'grid:resize': () => void;
-  }
-  interface AppEvents {
-    /** Event will be triggered when column or row resized */
-    gridResize: (el: HTMLElement) => void;
-  }
-}
-
-declare const GridComponent: Framework7Plugin;
-export default GridComponent;

package/types/components/icon/icon.d.ts

@@ -1,10 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Icon {
-  interface AppMethods {}
-  interface AppParams {}
-  interface AppEvents {}
-}
-
-declare const IconComponent: Framework7Plugin;
-export default IconComponent;

package/types/components/infinite-scroll/infinite-scroll.d.ts

@@ -1,23 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace InfiniteScroll {
-  interface DomEvents {
-    /** Event will be triggered when page scroll reaches specified (in data-infinite-distance attribute) distance to the bottom. */
-    infinite: () => void;
-  }
-  interface AppMethods {
-    infiniteScroll: {
-      /** Add infinite scroll event listener to the specified HTML element */
-      create(el: HTMLElement | CSSSelector): void;
-      /** Remove infinite scroll event listener from the specified HTML container */
-      destroy(el: HTMLElement | CSSSelector): void;
-    };
-  }
-  interface AppParams {}
-  interface AppEvents {
-    infinite: (el: HTMLElement, event: Event) => void;
-  }
-}
-
-declare const InfiniteScrollComponent: Framework7Plugin;
-export default InfiniteScrollComponent;

package/types/components/input/input.d.ts

@@ -1,56 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Input {
-  interface DomEvents {
-    /** Event will be triggered after resizable textarea resized. event.detail will contain object with the initialHeight, currentHeight and scrollHeight properties */
-    'textarea:resize': () => void;
-    /** Event will be triggered when input value becomes not empty */
-    'input:notempty': () => void;
-    /** Event will be triggered when input value becomes empty */
-    'input:empty': () => void;
-    /** Event will be triggered after input value will be cleared by clicking on input clear button */
-    'input:clear': () => void;
-  }
-  interface AppMethods {
-    input: {
-      /** Scroll input into view */
-      scrollIntoView(
-        inputEl: HTMLElement | CSSSelector,
-        durationMS?: number,
-        centered?: boolean,
-        force?: boolean,
-      ): void;
-      /** Will add additional required styles and classes on input like when it is focused*/
-      focus(inputEl: HTMLElement | CSSSelector): void;
-      /** Will remove additional required styles and classes on input like when it loses focus */
-      blur(inputEl: HTMLElement | CSSSelector): void;
-      /** Force resizable textarea to resize depending on its content */
-      resizeTextarea(textareaEl: HTMLElement | CSSSelector): void;
-      /** Recalculate required additional styles and classes on input element based on whether it has value or not */
-      checkEmptyState(inputEl: HTMLElement | CSSSelector): void;
-      /** Validate input */
-      validate(inputEl: HTMLElement | CSSSelector): boolean;
-      /** Validate all inputs in passed container */
-      validateInputs(containerEl: HTMLElement | CSSSelector): boolean;
-    };
-  }
-  interface AppParams {
-    input?:
-      | {
-          /** When enabled will scroll input into view on input focus. By default it is enabled for android devices only, as it helps to solve issue when on-screen keyboard may overlap the input. */
-          scrollIntoViewOnFocus?: boolean;
-          /** Tweaks behavior of previous parameter to scroll input into the center of view on input focus. (default false) */
-          scrollIntoViewCentered?: boolean;
-          /** Default duration for scrolling input into view. (default 0) */
-          scrollIntoViewDuration?: number;
-          /** When enabled will scroll input into view no matter is it outside of view or not. (default false) */
-          scrollIntoViewAlways?: boolean;
-        }
-      | undefined;
-  }
-  interface AppEvents {}
-}
-
-declare const InputComponent: Framework7Plugin;
-
-export default InputComponent;

package/types/components/lazy/lazy.d.ts

@@ -1,53 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Lazy {
-  interface DomEvents {
-    /** Event will be triggered in the beginning of image file loading */
-    'lazy:load': () => void;
-    /** Event will be triggered after image file successfully loaded */
-    'lazy:loaded': () => void;
-    /** Event will be triggered in case of error loading image file */
-    'lazy:error': () => void;
-  }
-  interface AppMethods {
-    lazy: {
-      /** initialize lazy loading on page */
-      create(pageEl: HTMLElement | CSSSelector): void;
-      /** destroy/disable lazy loading on page */
-      destroy(pageEl: HTMLElement | CSSSelector): void;
-      /** force to load lazy image */
-      loadImage(
-        /** lazy image or element (element with lazy class). Required. */
-        pageEl: HTMLElement | CSSSelector,
-        /** Callback when image is loaded or error loading image happend */
-        callback: () => void,
-      ): void;
-    };
-  }
-  interface AppParams {
-    lazy?:
-      | {
-          /** Lazy load image placeholder source to show while image is not yet loaded. By default it is 1x1 px image. */
-          placeholder?: string;
-          /** By default images are loaded when they appear on the screen. Use this parameter if you want to load images earlier. Setting it to 50 will load image when it 50 pixels before it appears on viewport. (default 0) */
-          threshold?: number;
-          /** If enabled, then lazy images will be loaded one by one when they appear in viewport. (default true) */
-          sequential?: boolean;
-          /** When enabled, it uses IntersectionObserver API (if supported by browser) to detect when image is in viewport. Potentially provides better performance and more accurate intersection detection, but "threshold" parameter will be ignored. (default true) */
-          observer?: boolean;
-        }
-      | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered in the beginning of image file loading. As an argument it receives lazy loading HTML element. */
-    lazyLoad?: (lazyEl: HTMLElement) => void;
-    /** Event will be triggered after image file successfully loaded. As an argument it receives lazy loading HTML element. */
-    lazyLoaded?: (lazyEl: HTMLElement) => void;
-    /** Event will be triggered in case of error loading image file. As an argument it receives lazy loading HTML element.*/
-    lazyError?: (lazyEl: HTMLElement) => void;
-  }
-}
-
-declare const LazyComponent: Framework7Plugin;
-
-export default LazyComponent;

package/types/components/link/link.d.ts

@@ -1,10 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Link {
-  interface AppMethods {}
-  interface AppParams {}
-  interface AppEvents {}
-}
-
-declare const LinkComponent: Framework7Plugin;
-export default LinkComponent;

package/types/components/list/list.d.ts

@@ -1,10 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace List {
-  interface AppMethods {}
-  interface AppParams {}
-  interface AppEvents {}
-}
-
-declare const ListComponent: Framework7Plugin;
-export default ListComponent;

package/types/components/list-index/list-index.d.ts

@@ -1,99 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace ListIndex {
-  interface ListIndex extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** List index HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with list index HTML element */
-    $el: Dom7Array;
-    /** Dynamically created inner <ul> HTML element */
-    ul: HTMLElement;
-    /** Dom7 instance with dynamically created inner <ul> HTML element */
-    $ul: Dom7Array;
-    /** Related List HTML element, passed in listEl parameter */
-    listEl: HTMLElement;
-    /** Dom7 instance with related List HTML element, passed in listEl parameter */
-    $listEl: Dom7Array;
-    /** Array with calculated indexes */
-    indexes: number[];
-    /** List index parameters */
-    params: Parameters;
-
-    /** Recalculates indexes, sizes and rerenders list index */
-    update(): ListIndex;
-    /** Scrolls related list to specified index content */
-    scrollToList(itemContent: string): ListIndex;
-    /** Destroys list index instance */
-    destroy(): void;
-  }
-
-  interface Parameters {
-    /** List Index element. HTMLElement or string with CSS selector of list index element. */
-    el?: HTMLElement | CSSSelector;
-    /** Related List View element. HTMLElement or string with CSS selector of List View element. */
-    listEl?: HTMLElement | CSSSelector;
-    /** Array with indexes. If not passed then it will automatically generate it based on item-divider and list-group-title elements inside of passed List View element in listEl parameter. (default auto) */
-    indexes?: number[] | string; // ??
-    /** Will automatically scroll related List View to the selected index. (default true) */
-    scrollList?: boolean;
-    /** Enables label bubble with selected index when you swipe over list index. (default false) */
-    label?: boolean;
-    /** Single index item height. It is required to calculate dynamic index and how many indexes fit on the screen. For iOS theme. (default 14) */
-    iosItemHeight?: number;
-    /** Single index item height. It is required to calculate dynamic index and how many indexes fit on the screen. For MD theme. (default 14) */
-    mdItemHeight?: number;
-    /** Single index item height. It is required to calculate dynamic index and how many indexes fit on the screen. For Aurora theme. (default 14) */
-    auroraItemHeight?: number;
-    /** Object with events handlers.. */
-    on: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-
-  interface Events {
-    /** Event will be triggered on index select rather by click or swiping. As an argument event handler receives list index instance and selected index item content */
-    select(listIndex: ListIndex, itemContent: string, itemIndex: number): void;
-    /** Event will be triggered on index click. As an argument event handler receives list index instance and clicked index item content */
-    click(listIndex: ListIndex, itemContent: string, itemIndex: number): void;
-    /** Event will be triggered right before List Index instance will be destroyed. As an argument event handler receives list index instance */
-    beforeDestroy(listIndex: ListIndex): void;
-  }
-
-  interface DomEvents {
-    /** Event will be triggered on index select rather by click or swiping */
-    'listindex:select': () => void;
-    /** Event will be triggered on index click */
-    'listindex:click': () => void;
-    /** Event will be triggered right before List Index instance will be destroyed */
-    'listindex:beforedestroy': () => void;
-  }
-
-  interface AppMethods {
-    listIndex: {
-      /** create ListIndex instance */
-      create(parameters: Parameters): ListIndex;
-      /** destroy ListIndex instance */
-      destroy(el: HTMLElement | CSSSelector | ListIndex): void;
-      /** get ListIndex instance by HTML element */
-      get(el: HTMLElement | CSSSelector): ListIndex;
-    };
-  }
-  interface AppParams {
-    listIndex?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered on index select rather by click or swiping. As an argument event handler receives list index instance and selected index item content */
-    listIndexSelect(listIndex: ListIndex, itemContent: string, itemIndex: number): void;
-    /** Event will be triggered on index click. As an argument event handler receives list index instance and clicked index item content */
-    listIndexClick(listIndex: ListIndex, itemContent: string, itemIndex: number): void;
-    /** Event will be triggered right before List Index instance will be destroyed. As an argument event handler receives list index instance */
-    listIndexBeforeDestroy(listIndex: ListIndex): void;
-  }
-}
-
-declare const ListIndexComponent: Framework7Plugin;
-
-export default ListIndexComponent;

package/types/components/login-screen/login-screen.d.ts

@@ -1,95 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace LoginScreen {
-  interface LoginScreen extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Login Screen HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with login screen HTML element */
-    $el: Dom7Array;
-    /** Login Screen parameters */
-    params: Parameters;
-    /** Boolean prop indicating whether login screen is opened or not */
-    opened: boolean;
-
-    /** Open login screen. Where */
-    open(animate?: boolean): LoginScreen;
-    /** Close login screen. Where */
-    close(animate?: boolean): LoginScreen;
-    /** Destroy login screen */
-    destroy(): void;
-  }
-
-  interface Parameters {
-    /**  */
-    el?: HTMLElement | CSSSelector;
-    /**  */
-    content?: string;
-    /** true */
-    animate?: boolean;
-    /** Element to mount modal to. (default app.el) */
-    containerEl?: HTMLElement | CSSSelector;
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-
-  interface Events {
-    /** Event will be triggered when LoginScreen starts its opening animation. As an argument event handler receives loginScreen instance */
-    open: (loginScreen: LoginScreen) => void;
-    /** Event will be triggered after LoginScreen completes its opening animation. As an argument event handler receives loginScreen instance */
-    opened: (loginScreen: LoginScreen) => void;
-    /** Event will be triggered when LoginScreen starts its closing animation. As an argument event handler receives loginScreen instance */
-    close: (loginScreen: LoginScreen) => void;
-    /** Event will be triggered after LoginScreen completes its closing animation. As an argument event handler receives loginScreen instance */
-    closed: (loginScreen: LoginScreen) => void;
-    /** Event will be triggered right before LoginScreen instance will be destroyed. As an argument event handler receives loginScreen instance */
-    beforeDestroy: (loginScreen: LoginScreen) => void;
-  }
-  interface DomEvents {
-    /** Event will be triggered when LoginScreen starts its opening animation */
-    'loginscreen:open': () => void;
-    /** Event will be triggered after LoginScreen completes its opening animation */
-    'loginscreen:opened': () => void;
-    /** Event will be triggered when LoginScreen starts its closing animation */
-    'loginscreen:close': () => void;
-    /** Event will be triggered after LoginScreen completes its closing animation */
-    'loginscreen:closed': () => void;
-  }
-  interface AppMethods {
-    loginScreen: {
-      /** create LoginScreen instance */
-      create(parameters: Parameters): LoginScreen;
-      /** destroy LoginScreen instance */
-      destroy(el: HTMLElement | CSSSelector | LoginScreen): void;
-      /** get LoginScreen instance by HTML element */
-      get(el?: HTMLElement | CSSSelector): LoginScreen;
-      /** open LoginScreen */
-      open(el?: HTMLElement | CSSSelector, animate?: boolean): LoginScreen;
-      /** closes LoginScreen */
-      close(el?: HTMLElement | CSSSelector, animate?: boolean): LoginScreen;
-    };
-  }
-  interface AppParams {
-    loginScreen?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered when LoginScreen starts its opening animation. As an argument event handler receives loginScreen instance */
-    loginScreenOpen: (loginScreen: LoginScreen) => void;
-    /** Event will be triggered after LoginScreen completes its opening animation. As an argument event handler receives loginScreen instance */
-    loginScreenOpened: (loginScreen: LoginScreen) => void;
-    /** Event will be triggered when LoginScreen starts its closing animation. As an argument event handler receives loginScreen instance */
-    loginScreenClose: (loginScreen: LoginScreen) => void;
-    /** Event will be triggered after LoginScreen completes its closing animation. As an argument event handler receives loginScreen instance */
-    loginScreenClosed: (loginScreen: LoginScreen) => void;
-    /** Event will be triggered right before LoginScreen instance will be destroyed. As an argument event handler receives loginScreen instance */
-    loginScreenBeforeDestroy: (loginScreen: LoginScreen) => void;
-  }
-}
-
-declare const LoginScreenComponent: Framework7Plugin;
-
-export default LoginScreenComponent;

package/types/components/menu/menu.d.ts

@@ -1,28 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Menu {
-  interface DomEvents {
-    /** Event will be triggered right after menu dropdown will be opened */
-    'menu:opened': () => void;
-    /** Event will be triggered right after menu dropdown will be closed */
-    'menu:closed': () => void;
-  }
-  interface AppMethods {
-    menu: {
-      /** open Menu dropdown */
-      open(el?: HTMLElement | CSSSelector): void;
-      /** close Menu dropdown */
-      close(el?: HTMLElement | CSSSelector): void;
-    };
-  }
-  interface AppParams {}
-  interface AppEvents {
-    /** Event will be triggered right after menu dropdown will be opened. As an argument event handler receives menu dropdown item element */
-    menuOpened: (el: HTMLElement) => void;
-    /** Event will be triggered right after menu dropdown will be closed. As an argument event handler receives menu dropdown item element */
-    menuClosed: (el: HTMLElement) => void;
-  }
-}
-
-declare const MenuComponent: Framework7Plugin;
-export default MenuComponent;

package/types/components/messagebar/messagebar.d.ts

@@ -1,161 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Messagebar {
-  interface Messagebar extends Framework7EventsClass<Events> {
-    /** Messagebar HTML element. */
-    el: HTMLElement;
-    /** Dom7 element with messagebar HTML element. */
-    $el: Dom7Array;
-    /** Messagebar textarea HTML element */
-    textareaEl: HTMLTextAreaElement;
-    /** Dom7 element with messagebar textarea HTML element */
-    $textareaEl: Dom7Array;
-    /** Object with passed initialization parameters */
-    params: Parameters;
-    /** Array with messagebar attachments */
-    attachments: string[];
-
-    /** Get messagebar textarea value */
-    getValue(): string;
-    /** Set messagebar textarea value/text */
-    setValue(value: string): Messagebar;
-    /** Clear textarea and update/reset its size */
-    clear(): Messagebar;
-    /** Focus messagebar textarea */
-    focus(): Messagebar;
-    /** Remove focus from messagebar textarea */
-    blur(): Messagebar;
-    /** Set/change messagebar placeholder text */
-    setPlaceholder(placeholder: string): Messagebar;
-    /** Force Messagebar to resize messages page depending on messagebar height/size */
-    resizePage(): Messagebar;
-    /** Dynamically create attachments block HTML element */
-    attachmentsCreate(): Messagebar;
-    /** Show attachments block */
-    attachmentsShow(): Messagebar;
-    /** Hide attachments block */
-    attachmentsHide(): Messagebar;
-    /** Toggle attachments block */
-    attachmentsToggle(): Messagebar;
-    /** Render attachments block based on attachments data */
-    renderAttachments(): Messagebar;
-    /** Dynamically create messagebar sheet block HTML element */
-    sheetCreate(): Messagebar;
-    /** Show messagebar sheet */
-    sheetShow(): Messagebar;
-    /** Hide messagebar sheet */
-    sheetHide(): Messagebar;
-    /** Toggle messagebar sheet */
-    sheetToggle(): Messagebar;
-    /** Destroy messagebar instance */
-    destroy(): void;
-  }
-
-  interface Parameters {
-    /** CSS selector or HTML element of messagebar element (div class="messagebar"). */
-    el: HTMLElement | CSSSelector;
-    /** CSS selector or HTML element of messagebar textarea element. By default (if not passed) will try to look for textarea inside of messagebar. */
-    textareaEl?: HTMLElement | CSSSelector;
-    /** Max height of textarea when it resized depending on amount of its text. (default null) */
-    maxHeight?: number;
-    /** Array with attachments. For example ['path/to/image1.png', 'path/to/image2.png']. (default []) */
-    attachments?: string[];
-    /** Disable if you don't want to resize messages page when messagebar textarea size changed. (default true) */
-    resizePage?: boolean;
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-
-    /** Function to render attachments block. Must return full attachments HTML string. */
-    renderAttachments?: (attachments: string[]) => string;
-    /** Function to render single attachment. Must return full attachment HTML string. */
-    renderAttachment?: (attachment: string) => string;
-  }
-
-  interface Events {
-    /** Event will be triggered after messagebar textarea value changed. As an argument event handler receives messagebar instance */
-    change(messagebar: Messagebar): void;
-    /** Event will be triggered when messagebar textarea gets focus. As an argument event handler receives messagebar instance */
-    focus(messagebar: Messagebar): void;
-    /** Event will be triggered when messagebar textarea loses focus. As an argument event handler receives messagebar instance */
-    blur(messagebar: Messagebar): void;
-    /** Event will be triggered when messagebar resizes messages page. As an argument event handler receives messagebar instance */
-    resizePage(messagebar: Messagebar): void;
-    /** Event will be triggered after click on messagebar attachment delete button. As an argument event handler receives messagebar instance, clicked attachment HTML element and attachment index number */
-    attachmentDelete(
-      messagebar: Messagebar,
-      attachmentEl: HTMLElement,
-      attachmentIndex: number,
-    ): void;
-    /** Event will be triggered on messagebar attachment click. As an argument event handler receives messagebar instance, clicked attachment HTML element and attachment index number */
-    attachmentClick(
-      messagebar: Messagebar,
-      attachmentEl: HTMLElement,
-      attachmentIndex: number,
-    ): void;
-    /** Event will be triggered right before Messagebar instance will be destroyed */
-    beforeDestroy(messagebar: Messagebar): void;
-  }
-
-  interface DomEvents {
-    /** Event will be triggered after messagebar textarea value changed */
-    'messagebar:change': void;
-    /** Event will be triggered when messagebar textarea gets focus */
-    'messagebar:focus': void;
-    /** Event will be triggered when messagebar textarea loses focus */
-    'messagebar:blur': void;
-    /** Event will be triggered when messagebar resizes messages page */
-    'messagebar:resizepage': void;
-    /** Event will be triggered after click on messagebar attachment delete button */
-    'messagebar:attachmentdelete': void;
-    /** Event will be triggered on messagebar attachment click */
-    'messagebar:attachmentclick': void;
-    /** Event will be triggered right before Messagebar instance will be destroyed */
-    'messagebar:beforedestroy': void;
-  }
-  interface AppMethods {
-    messagebar: {
-      /** create Messagebar instance */
-      create(parameters: Parameters): Messagebar;
-
-      /** destroy Messagebar instance */
-      destroy(el: HTMLElement | CSSSelector | Messagebar): void;
-
-      /** get Messagebar instance by HTML element */
-      get(el: HTMLElement | CSSSelector): Messagebar;
-    };
-  }
-  interface AppParams {
-    messagebar?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered after messagebar textarea value changed. As an argument event handler receives messagebar instance */
-    messagebarChange(messagebar: Messagebar): void;
-    /** Event will be triggered when messagebar textarea gets focus. As an argument event handler receives messagebar instance */
-    messagebarFocus(messagebar: Messagebar): void;
-    /** Event will be triggered when messagebar textarea loses focus. As an argument event handler receives messagebar instance */
-    messagebarBlur(messagebar: Messagebar): void;
-    /** Event will be triggered when messagebar resizes messages page. As an argument event handler receives messagebar instance */
-    messagebarResizePage(messagebar: Messagebar): void;
-    /** Event will be triggered after click on messagebar attachment delete button. As an argument event handler receives messagebar instance, clicked attachment HTML element and attachment index number */
-    messagebarAttachmentDelete(
-      messagebar: Messagebar,
-      attachmentEl: HTMLElement,
-      attachmentIndex: number,
-    ): void;
-    /** Event will be triggered on messagebar attachment click. As an argument event handler receives messagebar instance, clicked attachment HTML element and attachment index number */
-    messagebarAttachmentClick(
-      messagebar: Messagebar,
-      attachmentEl: HTMLElement,
-      attachmentIndex: number,
-    ): void;
-    /** Event will be triggered right before Messagebar instance will be destroyed */
-    messagebarBeforeDestroy(messagebar: Messagebar): void;
-  }
-}
-
-declare const MessagebarComponent: Framework7Plugin;
-
-export default MessagebarComponent;