framework7 6.3.4 → 7.0.0-beta.3

package/types/components/messages/messages.d.ts

@@ -1,158 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Messages {
-  interface Messages extends Framework7EventsClass<Events> {
-    /** Object with passed initialization parameters */
-    params: Parameters;
-    /** Messages container HTML element (<div class="messages">) */
-    el: HTMLElement;
-    /** Dom7 element with messages HTML element */
-    $el: Dom7Array;
-    /** Array with messages */
-    messages: Message[];
-
-    /** Show typing message indicator */
-    showTyping(message: Message): void;
-    /** Hide typing message indicator */
-    hideTyping(): void;
-    /** Add new message to the end or to the beginning depending on method parameter */
-    addMessage(message: Message, method: 'append' | 'prepend', animate?: boolean): Messages;
-    /** Add multiple messages per once. */
-    addMessages(messages: Message[], method: 'append' | 'prepend', animate?: boolean): Messages;
-    /** Remove message */
-    removeMessage(message: Message): Messages;
-    /** Remove multiple messages */
-    removeMessages(messages: Message[]): Messages;
-    /** Scroll messages to top/bottom depending on newMessagesFirst parameter */
-    scroll(durationMS: number, position: number): Messages;
-    /** Render messages HTML depending on messages array */
-    renderMessages(): Messages;
-    /** Force messages auto layout */
-    layout(): Messages;
-    /** Clear/remove all the messages */
-    clear(): Messages;
-    /** Destroy messages instance */
-    destroy(): void;
-  }
-
-  interface Message {
-    /** Message text. */
-    text: string;
-    /** Single message header. */
-    header: string;
-    /** Single message footer. */
-    footer: string;
-    /** Sender name. */
-    name: string;
-    /** Sender avatar URL string. */
-    avatar: string;
-    /** Message type - sent or received. (default sent) */
-    type?: string;
-    /** Message text header. */
-    textHeader: string;
-    /** Message text footer. */
-    textFooter: string;
-    /** Message image HTML string, e.g. <img src="path/to/image">. Can be used instead of imageSrc parameter. */
-    image: string;
-    /** Message image URL string. Can be used instead of image parameter. */
-    imageSrc: string;
-    /** Defines whether it should be rendered as a message or as a messages title. */
-    isTitle: boolean;
-  }
-
-  interface Parameters {
-    /** Enable Auto Layout to add all required additional classes automatically based on passed conditions. (default true) */
-    autoLayout?: boolean;
-    /** Enable if you want to use new messages on top, instead of having them on bottom. (default false) */
-    newMessagesFirst?: boolean;
-    /** Enable/disable messages autoscrolling when adding new message. (default true) */
-    scrollMessages?: boolean;
-    /** If enabled then messages autoscrolling will happen only when user is on top/bottom of the messages view. (default true) */
-    scrollMessagesOnEdge?: boolean;
-    /** Array with initial messages. Each message in array should be presented as an object with single message parameters. */
-    messages?: Message[];
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-
-    /** Function to render single message. Must return full message HTML string. */
-    renderMessage?: (message: Message) => string;
-
-    /** Function that must return boolean true or false based on required condition depending on previous and next messages. In case of match then message-first class will be added to message. */
-    firstMessageRule?: (
-      message: Message,
-      previousMessage: Message,
-      nextMessage: Message,
-    ) => boolean;
-    /** Function that must return boolean true or false based on required condition depending on previous and next messages. In case of match then message-last class will be added to message. */
-    lastMessageRule?: (message: Message, previousMessage: Message, nextMessage: Message) => boolean;
-    /** Function that must return boolean true or false based on required condition depending on previous and next messages. In case of match then message-tail class will be added to message. */
-    tailMessageRule?: (message: Message, previousMessage: Message, nextMessage: Message) => boolean;
-    /** Function that must return boolean true or false based on required condition depending on previous and next messages. In case of match then message-same-name class will be added to message. */
-    sameNameMessageRule?: (
-      message: Message,
-      previousMessage: Message,
-      nextMessage: Message,
-    ) => boolean;
-    /** Function that must return boolean true or false based on required condition depending on previous and next messages. In case of match then message-same-header class will be added to message. */
-    sameHeaderMessageRule?: (
-      message: Message,
-      previousMessage: Message,
-      nextMessage: Message,
-    ) => boolean;
-    /** Function that must return boolean true or false based on required condition depending on previous and next messages. In case of match then message-same-footer class will be added to message. */
-    sameFooterMessageRule?: (
-      message: Message,
-      previousMessage: Message,
-      nextMessage: Message,
-    ) => boolean;
-    /** Function that must return boolean true or false based on required condition depending on previous and next messages. In case of match then message-same-avatar class will be added to message. */
-    sameAvatarMessageRule?: (
-      message: Message,
-      previousMessage: Message,
-      nextMessage: Message,
-    ) => boolean;
-    /** Function that must return additional message classes as string, based on required condition depending on previous and next messages.. */
-    customClassMessageRule?: (
-      message: Message,
-      previousMessage: Message,
-      nextMessage: Message,
-    ) => string;
-  }
-
-  interface Events {
-    /** Event will be triggered right before Messages instance will be destroyed */
-    beforeDestroy(messages: Messages): void;
-  }
-
-  interface DomEvents {
-    /** Event will be triggered right before Messages instance will be destroyed */
-    'messages:beforedestroy': void;
-  }
-
-  interface AppMethods {
-    messages: {
-      /** create Messages instance */
-      create(parameters: Parameters): Messages;
-
-      /** destroy Messages instance */
-      destroy(el: HTMLElement | CSSSelector | Messages): void;
-
-      /** get Messages instance by HTML element */
-      get(el: HTMLElement | CSSSelector): Messages;
-    };
-  }
-  interface AppParams {
-    messages?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered right before Messages instance will be destroyed */
-    messagesBeforeDestroy(messages: Messages): void;
-  }
-}
-
-declare const MessagesComponent: Framework7Plugin;
-
-export default MessagesComponent;

package/types/components/modal/modal.d.ts

@@ -1,78 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Modal {
-  interface Modal extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Modal HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with modal HTML element */
-    $el: Dom7Array; // Dom7Array
-    /** Backdrop HTML element */
-    backdropEl: HTMLElement;
-    /** Dom7 instance with backdrop HTML element */
-    $backdropEl: Dom7Array; // Dom7Array
-    /** Modal parameters */
-    params: Parameters;
-    /** Boolean prop indicating whether modal is opened or not */
-    opened: boolean;
-
-    /** Open modal */
-    open(animate: boolean): Modal;
-    /** Close modal. */
-    close(animate: boolean): Modal;
-    /** Destroy modal */
-    destroy(): void;
-  }
-  interface Parameters {
-    /** Modal element. Can be useful if you already have Modal element in your HTML and want to create new instance using this element. */
-    el: HTMLElement | CSSSelector;
-    /** Enables Modal backdrop (dark semi transparent layer behind). (default true) */
-    backdrop?: boolean;
-    /** When enabled, modal will be closed on backdrop click. (default true) */
-    closeByBackdropClick?: boolean;
-    /** Whether the Modal should be opened/closed with animation or not. Can be overwritten in .open() and .close() methods. (default true) */
-    animate?: boolean;
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-  interface Events {
-    /** Event will be triggered when Custom Modal starts its opening animation. As an argument event handler receives modal instance */
-    open: (modal: Modal) => void;
-    /** Event will be triggered after Custom Modal completes its opening animation. As an argument event handler receives modal instance */
-    opened: (modal: Modal) => void;
-    /** Event will be triggered when Custom Modal starts its closing animation. As an argument event handler receives modal instance */
-    close: (modal: Modal) => void;
-    /** Event will be triggered after Custom Modal completes its closing animation. As an argument event handler receives modal instance */
-    closed: (modal: Modal) => void;
-    /** Event will be triggered right before Custom Modal instance will be destroyed. As an argument event handler receives modal instance */
-    beforeDestroy: (modal: Modal) => void;
-  }
-
-  interface AppMethods {
-    customModal: {
-      /** Creates Custom modal */
-      create(parameters: Parameters): Modal;
-    };
-  }
-  interface AppParams {}
-  interface AppEvents {
-    /** Event will be triggered when Modal starts its opening animation. As an argument event handler receives modal instance */
-    customModalOpen: (modal: Modal) => void;
-    /** Event will be triggered after Modal completes its opening animation. As an argument event handler receives modal instance */
-    customModalOpened: (modal: Modal) => void;
-    /** Event will be triggered when Modal starts its closing animation. As an argument event handler receives modal instance */
-    customModalClose: (modal: Modal) => void;
-    /** Event will be triggered after Modal completes its closing animation. As an argument event handler receives modal instance */
-    customModalClosed: (modal: Modal) => void;
-    /** Event will be triggered right before Modal instance will be destroyed. As an argument event handler receives modal instance */
-    customModalBeforeDestroy: (modal: Modal) => void;
-  }
-}
-
-declare const ModalComponent: Framework7Plugin;
-
-export default ModalComponent;

package/types/components/navbar/navbar.d.ts

@@ -1,75 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Navbar {
-  interface AppMethods {
-    navbar: {
-      /** Hide navbar */
-      hide(navbarEl: HTMLElement | CSSSelector, animate?: boolean, hideStatusbar?: boolean): void;
-      /** Show navbar */
-      show(navbarEl: HTMLElement | CSSSelector, animate?: boolean): void;
-      /** Recalculate positional styles for Navbar elements. It could be useful after you change some of Navbar elements dynamically. This will have effect only in iOS theme */
-      size(navbarEl: HTMLElement | CSSSelector): void;
-      /** Get navbar HTML element by specified page element. Useful only when dynamic navbar is enabled. In this case it is out of the page container. This will have effect only in iOS theme */
-      getElByPage(pageEl: HTMLElement | CSSSelector): HTMLElement;
-      /** Get page HTML element by specified Navbar element. Useful only when dynamic navbar is enabled. In this case it is out of the page container. This will have effect only in iOS theme */
-      getPageByEl(navbarEl: HTMLElement | CSSSelector): HTMLElement;
-      /** Collapse large navbar title */
-      collapseLargeTitle(navbarEl: HTMLElement | CSSSelector): void;
-      /** Expand large navbar title */
-      expandLargeTitle(navbarEl: HTMLElement | CSSSelector): void;
-      /** Toggle large navbar title */
-      toggleLargeTitle(navbarEl: HTMLElement | CSSSelector): void;
-    };
-  }
-  interface AppParams {
-    navbar?:
-      | {
-          /** Will hide Navbars on page scroll. (default false) */
-          hideOnPageScroll?: boolean;
-          /** Set to true to show hidden Navbar when scrolling reaches end of the page. (default true) */
-          showOnPageScrollEnd?: boolean;
-          /** Set to false and hidden Navbar will not become visible when you scroll page to top everytime. They will become visible only at the most top scroll position, in the beginning of the page. (default true) */
-          showOnPageScrollTop?: boolean;
-          /** When enabled then every click on navbar's title element will scroll related page to the top. (default true) */
-          scrollTopOnTitleClick?: boolean;
-          /** When enabled then it will position title at the center in iOS theme. This will have effect only in iOS theme. (default true) */
-          iosCenterTitle?: boolean;
-          /** When enabled then it will position title at the center in MD theme. This will have effect only in MD theme. (default false) */
-          mdCenterTitle?: boolean;
-          /** When enabled then it will position title at the center in Aurora theme. This will have effect only in Aurora theme. (default true) */
-          auroraCenterTitle?: boolean;
-          /** When enabled it will collapse large title on page scroll (default true) */
-          collapseLargeTitleOnScroll?: boolean;
-          /** When enabled it will snap page scroll to large title (default true) */
-          snapPageScrollToLargeTitle?: boolean;
-          /** When enabled it will snap page scroll to transparent title (default true) */
-          snapPageScrollToTransparentNavbar?: boolean;
-        }
-      | undefined;
-  }
-
-  interface DomEvents {
-    /** Event will be triggered when Navbar becomes hidden */
-    'navbar:hide': () => void;
-    /** Event will be triggered when Navbar becomes visible */
-    'navbar:show': () => void;
-    /** Event will be triggered when Navbar with large title collapsed (from large navbar to usual navbar) */
-    'navbar:collapse': () => void;
-    /** Event will be triggered when Navbar with large title expanded (from usual navbar to large navbar) */
-    'navbar:expand': () => void;
-  }
-  interface AppEvents {
-    /** Event will be triggered when Navbar becomes hidden */
-    navbarHide: (el: HTMLElement) => void;
-    /** Event will be triggered when Navbar becomes visible */
-    navbarShow: (el: HTMLElement) => void;
-    /** Event will be triggered when Navbar with large title collapsed (from large navbar to usual navbar) */
-    navbarCollapse: (el: HTMLElement) => void;
-    /** Event will be triggered when Navbar with large title expanded (from usual navbar to large navbar) */
-    navbarExpand: (el: HTMLElement) => void;
-  }
-}
-
-declare const NavbarComponent: Framework7Plugin;
-
-export default NavbarComponent;

package/types/components/notification/notification.d.ts

@@ -1,118 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Notification {
-  interface Notification extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Notification HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with notification HTML element */
-    $el: Dom7Array;
-    /** Notification parameters */
-    params: Parameters;
-
-    /** Open notification */
-    open(): Notification;
-    /** Close notification */
-    close(): Notification;
-  }
-
-  interface Parameters {
-    /** Notification element. Can be useful if you already have Notification element in your HTML and want to create new instance using this element. */
-    el?: HTMLElement | CSSSelector;
-    /** Notification icon HTML layout, e.g. <i class="f7-icons">house</i> or image <img src="path/to/icon.png">. */
-    icon?: string;
-    /** Notification title. */
-    title?: string;
-    /** Additional text on the right side of title. */
-    titleRightText?: string;
-    /** Notification subtitle. */
-    subtitle?: string;
-    /** Notification inner text. */
-    text?: string;
-    /** Adds notification close button. (default false) */
-    closeButton?: boolean;
-    /** Timeout delay (in ms) to close notification automatically. */
-    closeTimeout?: number;
-    /** If enabled, notification will be closed on notification click. (default false) */
-    closeOnClick?: boolean;
-    /** If enabled, notification can be closed by swipe gesture. (default true) */
-    swipeToClose?: boolean;
-    /** Additional css class to add. */
-    cssClass?: string;
-    /** Element to mount notifications to. (default app.el) */
-    containerEl?: HTMLElement | CSSSelector;
-    /** Custom function to render Notification. Must return notification html. */
-    render?: () => string;
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-
-  interface Events {
-    /** Event will be triggered when user clicks on Notification element. As an argument event handler receives notification instance */
-    click: (notification: Notification) => void;
-    /** Event will be triggered when Notification starts its opening animation. As an argument event handler receives notification instance */
-    open: (notification: Notification) => void;
-    /** Event will be triggered after Notification completes its opening animation. As an argument event handler receives notification instance */
-    opened: (notification: Notification) => void;
-    /** Event will be triggered when Notification starts its closing animation. As an argument event handler receives notification instance */
-    close: (notification: Notification) => void;
-    /** Event will be triggered after Notification completes its closing animation. As an argument event handler receives notification instance */
-    closed: (notification: Notification) => void;
-    /** Event will be triggered right before Notification instance will be destroyed. As an argument event handler receives notification instance */
-    beforeDestroy: (notification: Notification) => void;
-  }
-
-  interface DomEvents {
-    /** Event will be triggered when Notification starts its opening animation */
-    'notification:open': () => void;
-    /** Event will be triggered after Notification completes its opening animation */
-    'notification:opened': () => void;
-    /** Event will be triggered when Notification starts its closing animation */
-    'notification:close': () => void;
-    /** Event will be triggered after Notification completes its closing animation */
-    'notification:closed': () => void;
-  }
-  interface AppMethods {
-    notification: {
-      /** create Notification instance */
-      create(parameters: Parameters): Notification;
-
-      /** destroy Notification instance */
-      destroy(el: HTMLElement | CSSSelector | Notification): void;
-
-      /** get Notification instance by HTML element */
-      get(el: HTMLElement | CSSSelector): Notification;
-
-      /** open Notification */
-      open(el: HTMLElement | CSSSelector): Notification;
-
-      /** closes Notification */
-      close(el: HTMLElement | CSSSelector): Notification;
-    };
-  }
-  interface AppParams {
-    notification?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered when user clicks on Notification element. As an argument event handler receives notification instance */
-    notificationClick: (notification: Notification) => void;
-    /** Event will be triggered when Notification starts its opening animation. As an argument event handler receives notification instance */
-    notificationOpen: (notification: Notification) => void;
-    /** Event will be triggered after Notification completes its opening animation. As an argument event handler receives notification instance */
-    notificationOpened: (notification: Notification) => void;
-    /** Event will be triggered when Notification starts its closing animation. As an argument event handler receives notification instance */
-    notificationClose: (notification: Notification) => void;
-    /** Event will be triggered after Notification completes its closing animation. As an argument event handler receives notification instance */
-    notificationClosed: (notification: Notification) => void;
-    /** Event will be triggered right before Notification instance will be destroyed. As an argument event handler receives notification instance */
-    notificationBeforeDestroy: (notification: Notification) => void;
-  }
-}
-
-declare const NotificationComponent: Framework7Plugin;
-
-export default NotificationComponent;

package/types/components/page/page.d.ts

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

package/types/components/panel/panel.d.ts

@@ -1,194 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Panel {
-  interface Events {
-    /** Event will be triggered when Panel starts its opening animation. As an argument event handler receives panel instance */
-    open: (panel: Panel) => void;
-    /** Event will be triggered when Panel completes its opening animation. As an argument event handler receives panel instance */
-    opened: (panel: Panel) => void;
-    /** Event will be triggered when Panel starts its closing animation. As an argument event handler receives panel instance */
-    close: (panel: Panel) => void;
-    /** Event will be triggered after Notification completes its closing animation. As an argument event handler receives notification instance */
-    closed: (panel: Panel) => void;
-    /** Event will be triggered when the panel backdrop is clicked. As an argument event handler receives panel instance */
-    backdropClick: (panel: Panel) => void;
-    /** Event will be triggered in the very beginning of opening it with swipe. As an argument event handler receives panel instance */
-    swipeOpen: (panel: Panel) => void;
-    /** Event will be triggered for swipe panel during touch swipe action. As an argument event handler receives panel instance and opened progress (from 0 to 1) */
-    swipe: (panel: Panel, progress: number) => void;
-    /** Event will be triggered when it becomes collapsed/hidden when app width matches its collapsedBreakpoint. As an argument event handler receives panel instance */
-    collapsedBreakpoint: (panel: Panel) => void;
-    /** Event will be triggered when it becomes visible/hidden when app width matches its breakpoint. As an argument event handler receives panel instance */
-    breakpoint: (panel: Panel) => void;
-    /** Event will be triggered right when resizable Panel resized */
-    resize: (panel: Panel, panelWidth: number) => void;
-    /** Event will be triggered right before Panel instance will be destroyed */
-    beforeDestroy: (panel: Panel) => void;
-  }
-  interface Parameters {
-    /** Panel element. */
-    el?: HTMLElement | CSSSelector;
-    /** Panel element HTML string. */
-    content?: string;
-    /** Can be left or right. If not passed then will be determined based on panel-left or panel-right element classes. */
-    side?: string;
-    /** Can be "cover", "reveal" or "push". If not passed then will be determined based on panel-cover, panel-reveal or panel-push element classes. */
-    effect?: string;
-    /** Enables resizable panel */
-    resizable?: string;
-    /** Enables Panel backdrop (dark semi transparent layer behind). (default true) */
-    backdrop?: boolean;
-    /** Option to pass custom backdrop element */
-    backdropEl?: HTMLElement | CSSSelector;
-    /** Minimal app width (in px) when panel becomes always visible. */
-    visibleBreakpoint?: number;
-    /** Minimal app width (in px) when panel becomes visible but collapsed. */
-    collapsedBreakpoint?: number;
-    /** Enables ability to open/close panel with swipe (default false) */
-    swipe?: boolean;
-    /** Fallback option for potentially better performance on old/slow devices. If you enable it, then swipe panel will not follow your finger during touch move, it will be automatically opened/closed on swipe left/right. (default false) */
-    swipeNoFollow?: boolean;
-    /** This parameter allows to close (but not open) panel with swipes. (default false) */
-    swipeOnlyClose?: boolean;
-    /** Width (in px) of invisible edge from the screen that triggers swipe panel. (default 0) */
-    swipeActiveArea?: number;
-    /** Panel will not move with swipe if "touch distance" will be less than this value (in px).. (default 0) */
-    swipeThreshold?: number;
-    /** Enable/disable ability to close panel by clicking outside of panel (on panel's backdrop). (default true) */
-    closeByBackdropClick?: boolean;
-    /** Element to mount panel to. (default app.el) */
-    containerEl?: HTMLElement | CSSSelector;
-  }
-
-  interface Panel extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** String with panel side: left or right */
-    side: 'left' | 'right';
-    /** String with panel effect: cover, reveal or push */
-    effect: 'cover' | 'reveal' | 'push';
-    /** Boolean property indicating whether it is opened or not */
-    opened: boolean;
-    /** Panel HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with panel HTML element */
-    $el: Dom7Array;
-    /** Backdrop HTML element */
-    backdropEl: HTMLElement;
-    /** Dom7 instance with backdrop HTML element */
-    $backdropEl: Dom7Array;
-    /** Popup parameters */
-    params: Parameters;
-    /** Element to mount panel to. (default app.el) */
-    containerEl: HTMLElement | CSSSelector;
-    /** Dom7 instance with element to mount panel to. (default app.el) */
-    $containerEl: Dom7Array;
-
-    /** Open panel. */
-    open(animate: boolean): void;
-    /** Close panel. */
-    close(animate: boolean): void;
-    /** Toggle panel */
-    toggle(animate: boolean): void;
-    /** Destroy panel instance */
-    destroy(): void;
-
-    /** Enable visible breakpoint */
-    enableVisibleBreakpoint(): void;
-    /** Disable visible breakpoint */
-    disableVisibleBreakpoint(): void;
-    /** Toggle visible breakpoint */
-    toggleVisibleBreakpoint(): void;
-
-    /** Enable collapsed breakpoint */
-    enableCollapsedBreakpoint(): void;
-    /** Disable collapsed breakpoint */
-    disableCollapsedBreakpoint(): void;
-    /** Toggle collapsed breakpoint */
-    toggleCollapsedBreakpoint(): void;
-
-    /** Enable resizable panel */
-    enableResizable(): void;
-    /** Disable resizable panel */
-    disableResizable(): void;
-
-    /** Enable swipeable panel */
-    enableSwipe(): void;
-    /** Disable swipeable panel */
-    disableSwipe(): void;
-  }
-
-  interface DomEvents {
-    /** Event will be triggered when Panel starts its opening animation */
-    'panel:open': () => void;
-    /** Event will be triggered after Panel completes its opening animation */
-    'panel:opened': () => void;
-    /** Event will be triggered when Panel starts its closing animation */
-    'panel:close': () => void;
-    /** Event will be triggered after Panel completes its closing animation */
-    'panel:closed': () => void;
-    /** Event will be triggered when the panel overlay is clicked */
-    'panel:backdrop-click	': () => void;
-    /** Event will be triggered in the very beginning of opening it with swipe */
-    'panel:swipeopen': () => void;
-    /** Event will be triggered for swipe panel during touch swipe action */
-    'panel:swipe': () => void;
-    /** Event will be triggered when it becomes visible/hidden when app width matches its breakpoint */
-    'panel:breakpoint': () => void;
-    /** Event will be triggered when it becomes collapsed/hidden when app width matches its collapsedBreakpoint */
-    'panel:collapsedbreakpoint': () => void;
-    /** Event will be triggered right when resizable Panel resized */
-    'panel:resize': () => void;
-    /** Event will be triggered right before Panel instance will be destroyed */
-    'panel:beforedestroy': () => void;
-  }
-
-  interface AppMethods {
-    panel: {
-      /** create new panel instance */
-      create(parameters: Parameters): Panel;
-      /** open panel */
-      open(el?: HTMLElement | CSSSelector | Panel | 'left' | 'right', animate?: boolean): boolean;
-      /** close panel */
-      close(el?: HTMLElement | CSSSelector | Panel | 'left' | 'right', animate?: boolean): boolean;
-      /** toggle panel */
-      toggle(el?: HTMLElement | CSSSelector | Panel | 'left' | 'right', animate?: boolean): boolean;
-      /** get Panel instance by specified side */
-      get(el?: HTMLElement | CSSSelector | Panel | 'left' | 'right', animate?: boolean): Panel;
-      /** destroy Panel instance */
-      destroy(el: HTMLElement | CSSSelector | Panel | 'left' | 'right'): void;
-    };
-  }
-  interface AppParams {
-    panel?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered when Panel starts its opening animation. As an argument event handler receives panel instance */
-    panelOpen: (panel: Panel) => void;
-    /** Event will be triggered when Panel completes its opening animation. As an argument event handler receives panel instance */
-    panelOpened: (panel: Panel) => void;
-    /** Event will be triggered when Panel starts its closing animation. As an argument event handler receives panel instance */
-    panelClose: (panel: Panel) => void;
-    /** Event will be triggered after Notification completes its closing animation. As an argument event handler receives notification instance */
-    panelClosed: (panel: Panel) => void;
-    /** Event will be triggered when the panel backdrop is clicked. As an argument event handler receives panel instance */
-    panelBackdropClick: (panel: Panel) => void;
-    /** Event will be triggered in the very beginning of opening it with swipe. As an argument event handler receives panel instance */
-    panelSwipeOpen: (panel: Panel) => void;
-    /** Event will be triggered for swipe panel during touch swipe action. As an argument event handler receives panel instance and opened progress (from 0 to 1) */
-    panelSwipe: (panel: Panel, progress: number) => void;
-    /** Event will be triggered when it becomes collapsed/hidden when app width matches its collapsedBreakpoint. As an argument event handler receives panel instance */
-    panelCollapsedBreakpoint: (panel: Panel) => void;
-    /** Event will be triggered when it becomes visible/hidden when app width matches its breakpoint. As an argument event handler receives panel instance */
-    panelBreakpoint: (panel: Panel) => void;
-    /** Event will be triggered right when resizable Panel resized */
-    panelResize: (panel: Panel, panelWidth: number) => void;
-    /** Event will be triggered right before Panel instance will be destroyed */
-    panelBeforeDestroy: (panel: Panel) => void;
-  }
-}
-
-declare const PanelComponent: Framework7Plugin;
-
-export default PanelComponent;