framework7 6.3.15 → 7.0.0-beta.11

package/types/components/photo-browser/photo-browser.d.ts

@@ -1,194 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-import { View } from '../view/view';
-
-export namespace PhotoBrowser {
-  interface Photo {
-    /** image url */
-    url?: string;
-    /** caption text */
-    caption?: string;
-    /** photo object html */
-    html?: string;
-  }
-  interface Parameters {
-    /** Array with URLs of photos or array of objects with "url" (or "html") and "caption" properties. */
-    photos?: Photo[] | string[];
-    /** Enable disable exposition mode when clicking on Photo Browser. (default true) */
-    exposition?: boolean;
-    /** Set to true if you also want to hide captions in exposition mode (default false) */
-    expositionHideCaptions?: boolean;
-    /** You can close Photo Browser with swipe up/down when this parameter is enabled (default true) */
-    swipeToClose?: boolean;
-    /** Enables Photo Browser popup to push view/s behind on open (default false) */
-    popupPush?: boolean;
-    /** Will add opened photo browser to router history which gives ability to close photo browser by going back in router history and set current route to the photo browser modal (default false) */
-    routableModals?: boolean;
-    /** Photo browser modal URL that will be set as a current route (default "photos/") */
-    url?: string;
-    /** Link to initialized View instance if you want use "page" Photo Browser type or where to set routing when routableModals enabled. By default, if not specified, it will be opened in Main View */
-    view?: View.View;
-    /** Define how Photo Browser should be opened. Could be standalone (will be opened as an overlay with custom transition effect), popup (will be opened as popup), page (will be injected to View and loaded as a new page). */
-    type?: 'popup' | 'page' | 'standalone';
-    /** Photo Browser color theme, could be light or dark (deault "light") */
-    theme?: 'light' | 'dark';
-    /** Captions color theme, could be also light or dark. By default, equal to theme parameter */
-    captionsTheme?: string;
-    /** Set to false to remove Photo Browser's Navbar (default true) */
-    navbar?: boolean;
-    /** Set to false to remove Photo Browser's Toolbar (default true) */
-    toolbar?: boolean;
-    /** Text on back link in Photo Browser's navbar (default "Back") */
-    pageBackLinkText?: string;
-    /** Text on close link in Photo Browser's navbar when opened in Popup or as Standalone (default "Close") */
-    popupCloseLinkText?: string;
-    /** Text of "of" in photos counter: "3 of 5" (default "of") */
-    navbarOfText?: string;
-    /** Defines should it display "3 of 5" text in navbar title or not. If not specified (undefined) then it will show this text if there is more than 1 item  */
-    navbarShowCount?: boolean | undefined;
-    /** One of the default colors */
-    iconsColor?: string;
-    /** Swiper parameters */
-    swiper?: object;
-    /** When enabled then Swiper will use Virtual Slides (default true) */
-    virtualSlides?: boolean;
-
-    /** Function to render navbar, must return navbar HTML string */
-    renderNavbar?: () => string;
-    /** Function to render toolbar, must return toolbar HTML string */
-    renderToolbar?: () => string;
-    /** Function to render single caption, must return caption HTML string */
-    renderCaption?: (caption: string, index: number) => string;
-    /** Function to render photo object, must return photo object HTML string */
-    renderObject?: (photo: Photo | string, index: number) => string;
-    /** Function to render lazy loaded photo slide, must return slide HTML string */
-    renderLazyPhoto?: (photo: Photo | string, index: number) => string;
-    /** Function to render photo as a swiper slide, must return slide HTML string */
-    renderPhoto?: (photo: Photo | string, index: number) => string;
-    /** Function to render photobrowser page, must return full page HTML layout string */
-    renderPage?: () => string;
-    /** Function to render photobrowser popup, must return full popup HTML layout string */
-    renderPopup?: () => string;
-    /** Function to render photobrowser standalone modal, must return full modal HTML layout string */
-    renderStandalone?: () => string;
-  }
-  interface PhotoBrowser extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Photo Browser HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with Photo Browser HTML element */
-    $el: Dom7Array;
-    /** Index number of currently active photo slide */
-    activeIndex: number;
-    /** true if Photo Browser in exposition mode */
-    exposed: boolean;
-    /** true if Photo Browser is currently opened */
-    opened: boolean;
-    /** Photo Browser URL (that was passed in url parameter) */
-    url: string;
-    /** Photo Browser View (that was passed in view parameter) or found parent view */
-    view: View.View;
-    /** Contains initialized Swiper instance with all available Swiper methods and properties */
-    swiper: object;
-    /** Object with initialization parameters */
-    params: Parameters;
-
-    /** Open Photo Browser on photo with index number equal to "index" parameter. If "index" parameter is not specified, it will be opened on last closed photo */
-    open(index?: number): PhotoBrowser;
-    /** Close Photo Browser */
-    close(): PhotoBrowser;
-    /** Toggle exposition mode */
-    expositionToggle(): PhotoBrowser;
-    /** Enable exposition mode */
-    expositionEnable(): PhotoBrowser;
-    /** Disable exposition mode */
-    expositionDisable(): PhotoBrowser;
-    /** Destroy Photo Browser */
-    destroy(): void;
-  }
-  interface Events {
-    /** Event will be fired when user close photo browser with swipe up/down */
-    swipeToClose: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be fired when user click/tap on Swiper. Receives 'touchend' event as an arguments */
-    tap: (photoBrowser: PhotoBrowser, event: Event) => void;
-    /** Event will be fired when user click/tap on Swiper. Receives 'touchend' event as an arguments */
-    click: (photoBrowser: PhotoBrowser, event: Event) => void;
-    /** Event will be fired when user double tap on Swiper's container. Receives 'touchend' event as an arguments */
-    doubleTap: (photoBrowser: PhotoBrowser, event: Event) => void;
-    /** Event will be fired when user double tap on Swiper's container. Receives 'touchend' event as an arguments */
-    doubleClick: (photoBrowser: PhotoBrowser, event: Event) => void;
-    /** Event will be fired when currently active slide is changed */
-    slideChange: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be fired in the beginning of transition */
-    transitionStart: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be fired after transition */
-    transitionEnd: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be fired in the beginning of animation to other slide (next or previous) */
-    slideChangeTransitionStart: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be fired after animation to other slide (next or previous) */
-    slideChangeTransitionEnd: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be fired in the beginning of lazy loading of image */
-    lazyImageLoad: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be fired when lazy loading image will be loaded */
-    lazyImageReady: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be fired when user touch Swiper. Receives 'touchstart' event as an arguments */
-    touchStart: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be fired when user touch and move finger over Swiper in direction opposite to direction parameter. Receives 'touchmove' event as an arguments */
-    touchMoveOpposite: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be fired when user release Swiper. Receives 'touchend' event as an arguments */
-    touchEnd: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be triggered when Photo Browser starts its opening animation. As an argument event handler receives Photo Browser instance */
-    open: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be triggered when Photo Browser completes its opening animation. As an argument event handler receives Photo Browser instance */
-    opened: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be triggered when Photo Browser starts its closing animation. As an argument event handler receives Photo Browser instance */
-    close: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be triggered after Photo Browser completes its closing animation. As an argument event handler receives Photo Browser instance */
-    closed: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be triggered right before Photo Browser instance will be destroyed */
-    beforeDestroy: (photoBrowser: PhotoBrowser) => void;
-  }
-  interface DomEvents {
-    /** Event will be triggered when Photo Browser starts its opening animation */
-    'photobrowser:open': () => void;
-    /** Event will be triggered after Photo Browser completes its opening animation */
-    'photobrowser:opened': () => void;
-    /** Event will be triggered when Photo Browser starts its closing animation */
-    'photobrowser:close': () => void;
-    /** Event will be triggered after Photo Browser completes its closing animation */
-    'photobrowser:closed': () => void;
-    /** Event will be triggered right before Photo Browser instance will be destroyed */
-    'photobrowser:beforedestroy': () => void;
-  }
-
-  interface AppMethods {
-    photoBrowser: {
-      /** create Photo Browser instance */
-      create(parameters: Parameters): PhotoBrowser;
-      /** destroy Photo Browser instance */
-      destroy(el: HTMLElement | CSSSelector | PhotoBrowser): void;
-      /** get Photo Browser instance by HTML element */
-      get(el: HTMLElement | CSSSelector): PhotoBrowser;
-    };
-  }
-  interface AppParams {
-    photoBrowser?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered when Photo Browser starts its opening animation. As an argument event handler receives Photo Browser instance */
-    photoBrowserOpen: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be triggered when Photo Browser completes its opening animation. As an argument event handler receives Photo Browser instance */
-    photoBrowserOpened: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be triggered when Photo Browser starts its closing animation. As an argument event handler receives Photo Browser instance */
-    photoBrowserClose: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be triggered after Photo Browser completes its closing animation. As an argument event handler receives Photo Browser instance */
-    photoBrowserClosed: (photoBrowser: PhotoBrowser) => void;
-    /** Event will be triggered right before Photo Browser instance will be destroyed */
-    photoBrowserBeforeDestroy: (photoBrowser: PhotoBrowser) => void;
-  }
-}
-
-declare const PhotoBrowserComponent: Framework7Plugin;
-
-export default PhotoBrowserComponent;

package/types/components/picker/picker.d.ts

@@ -1,216 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-import { View } from '../view/view';
-
-export namespace Picker {
-  interface Picker extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Picker wrapping container HTML element (when inline picker is in use) */
-    containerEl: HTMLElement;
-    /** Dom7 instance with picker wrapping container HTML element (when inline picker is in use) */
-    $containerEl: Dom7Array;
-    /** Picker HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with picker HTML element */
-    $el: Dom7Array;
-    /** Picker input HTML element (passed in inputEl parameter) */
-    inputEl: HTMLElement;
-    /** Dom7 instance with picker input HTML element (passed in inputEl parameter) */
-    $inputEl: Dom7Array;
-    /** Array where each item represents current selected value for each column */
-    value: unknown;
-    /** Array with specified Picker columns. Each column also has its own methods and properties (look below) */
-    cols: Column[];
-    /** true if Picker is currently opened */
-    opened: boolean;
-    /** true when inline picker is in use */
-    inline: boolean;
-    /** Picker URL (that was passed in url parameter) */
-    url: string;
-    /** Picker View (that was passed in view parameter) or found parent view */
-    view: View.View;
-    /** Object with initialization parameters */
-    params: Parameters;
-
-    /** Set new picker value. values is array where each item represents value for each column. duration - transition duration in ms */
-    setValue(values: unknown[], duration?: number): void;
-    /** Returns current picker value */
-    getValue(): unknown;
-    /** Open Picker */
-    open(): void;
-    /** Close Picker */
-    close(): void;
-    /** Destroy Picker instance and remove all events */
-    destroy(): void;
-  }
-
-  interface Column {
-    /** Column HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with column HTML container */
-    $el: Dom7Array;
-    /** Dom7 instance with column items HTML elements */
-    items: HTMLElement[];
-    /** Currently selected column value */
-    value: unknown;
-    /** Currently selected column display value */
-    displayValue: string;
-    /** Index number of currently selected/active item */
-    activeIndex: number;
-
-    /** Set new value for current column. value is a new value, duration - transition duration in ms */
-    setValue(value: unknown, duration?: number): void;
-    /** Replace column values and displayValues with new ones */
-    replaceValues(values: unknown[], displayValues: unknown[]): void;
-  }
-
-  interface ColumnParameters {
-    /** Array with string columns values. */
-    values?: string[];
-    /** Array with string columns values that will be displayed in Picker. If not specified, it will display values from values parameter. */
-    displayValues?: string[];
-    /** Additional CSS class name to be set on column HTML container. */
-    cssClass?: string;
-    /** Text alignment of column values, could be "left", "center" or "right". */
-    textAlign?: string;
-    /** Column width in px. Useful if you need to fix column widths in picker with dependent columns. By default, calculated automatically. */
-    width?: number;
-    /** Defines column that should be used as a visual divider, that doesn't have any values. (default false) */
-    divider?: boolean;
-    /** Should be specified for divider-column (divider:true) with content of the column. */
-    content?: string;
-    /** Callback function that will be executed when picker value changed. */
-    onChange?: (picker: Picker, value: string, displayValue: string) => void;
-  }
-
-  interface Parameters {
-    /** Enables 3D rotate effect. (default false) */
-    rotateEffect?: boolean;
-    /** Larger values produces more momentum when you release picker after fast touch and move. (default 7) */
-    momentumRatio?: number;
-    /** Updates picker and input values during momentum. (default false) */
-    updateValuesOnMomentum?: boolean;
-    /** Updates picker and input values during touch move. (default true) */
-    updateValuesOnTouchmove?: boolean;
-    /** Updates picker and input values during mousewheel scrolling. (default true) */
-    updateValuesOnMousewheel?: boolean;
-    /** Allow to scroll through picker with mousewheel (default true) */
-    mousewheel?: boolean;
-    /** Disables snapping on values. (default false) */
-    freeMode?: boolean;
-    /** Array with initial values. Each array item represents value of related column. */
-    value?: unknown[];
-    /** Function to format input value, should return new/formatted string value. values and displayValues are arrays where each item represents value/display value of related column. */
-    formatValue?: (values: unknown[], displayValues: unknown[]) => string;
-    /** Array with columns. Each array item represents object with column parameters. */
-    cols?: ColumnParameters[];
-
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-
-    /** String with CSS selector or HTMLElement where to place generated Picker HTML. Use only for inline picker. */
-    containerEl?: HTMLElement | CSSSelector;
-    /** Can be auto, popover (to open picker in popover), sheet (to open in sheet modal). In case of auto will open in sheet modal on small screens and in popover on large screens.. (default auto) */
-    openIn?: string;
-    /** Enables Picker sheet to push view/s behind on open (default false) */
-    sheetPush?: boolean;
-    /** Enables ability to close Picker sheet with swipe (default false) */
-    sheetSwipeToClose?: boolean | undefined;
-    /** Enables backdrop (dark semi transparent layer behind). (default undefined - based on Popover or Sheet defaults) */
-    backdrop?: boolean;
-    /** String with CSS selector or HTMLElement with related input element. */
-    inputEl?: HTMLElement | CSSSelector;
-    /** Scroll viewport (page-content) to input when picker opened. (default true) */
-    scrollToInput?: boolean;
-    /** Scroll to a different element than the inputEl when picker opened. */
-    scrollToEl?: HTMLElement | CSSSelector;
-    /** Sets "readonly" attribute on specified input. (default true) */
-    inputReadOnly?: boolean;
-    /** Additional CSS class name to be set on picker element. */
-    cssClass?: string;
-    /** If enabled, picker will be closed by clicking outside of picker or related input element. (default true) */
-    closeByOutsideClick?: boolean;
-    /** Enables picker toolbar. (default true) */
-    toolbar?: boolean;
-    /** Text for Done/Close toolbar button. (default Done) */
-    toolbarCloseText?: string;
-    /** Will add opened picker to router history which gives ability to close picker by going back in router history and set current route to the picker modal. (default false) */
-    routableModals?: boolean;
-    /** Picker modal URL that will be set as a current route. (default select/) */
-    url?: string;
-    /** View where to set routing when routableModals enabled. Defaults to parent view of inputEl or main view if not found parent view. */
-    view?: object;
-
-    /** Function to render toolbar. Must return toolbar HTML string. */
-    renderToolbar?: () => string;
-    /** Function to render whole picker. Must return picker full HTML string. */
-    render?: () => string;
-  }
-
-  interface Events {
-    /** Event will be triggered when picker value changes */
-    change: (picker: Picker, value: unknown, displayValue: unknown) => void;
-    /** Event will be triggered when picker initialized */
-    init: (picker: Picker) => void;
-    /** Event will be triggered when Picker starts its opening animation. As an argument event handler receives picker instance */
-    open: (picker: Picker) => void;
-    /** Event will be triggered when Picker completes its opening animation. As an argument event handler receives picker instance */
-    opened: (picker: Picker) => void;
-    /** Event will be triggered when Picker starts its closing animation. As an argument event handler receives picker instance */
-    close: (picker: Picker) => void;
-    /** Event will be triggered after Picker completes its closing animation. As an argument event handler receives picker instance */
-    closed: (picker: Picker) => void;
-    /** Event will be triggered right before Picker instance will be destroyed */
-    beforeDestroy: (picker: Picker) => void;
-  }
-
-  interface DomEvents {
-    /** Event will be triggered when Picker starts its opening animation */
-    'picker:open': () => void;
-    /** Event will be triggered after Picker completes its opening animation */
-    'picker:opened': () => void;
-    /** Event will be triggered when Picker starts its closing animation */
-    'picker:close': () => void;
-    /** Event will be triggered after Picker completes its closing animation */
-    'picker:closed': () => void;
-  }
-
-  interface AppMethods {
-    picker: {
-      /** create Picker instance */
-      create(parameters: Parameters): Picker;
-      /** destroy Picker instance */
-      destroy(el: HTMLElement | CSSSelector | Picker): void;
-      /** get Picker instance by HTML element */
-      get(el: HTMLElement | CSSSelector): Picker;
-      /** closes Picker */
-      close(el: HTMLElement | CSSSelector): Picker;
-    };
-  }
-  interface AppParams {
-    picker?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered when picker value changes */
-    pickerChange: (picker: Picker, value: unknown, displayValue: unknown) => void;
-    /** Event will be triggered when picker initialized */
-    pickerInit: (picker: Picker) => void;
-    /** Event will be triggered when Picker starts its opening animation. As an argument event handler receives picker instance */
-    pickerOpen: (picker: Picker) => void;
-    /** Event will be triggered when Picker completes its opening animation. As an argument event handler receives picker instance */
-    pickerOpened: (picker: Picker) => void;
-    /** Event will be triggered when Picker starts its closing animation. As an argument event handler receives picker instance */
-    pickerClose: (picker: Picker) => void;
-    /** Event will be triggered after Picker completes its closing animation. As an argument event handler receives picker instance */
-    pickerClosed: (picker: Picker) => void;
-    /** Event will be triggered right before Picker instance will be destroyed */
-    pickerBeforeDestroy: (picker: Picker) => void;
-  }
-}
-
-declare const PickerComponent: Framework7Plugin;
-
-export default PickerComponent;

package/types/components/pie-chart/pie-chart.d.ts

@@ -1,95 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace PieChart {
-  interface PieChart extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Pie chart HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with chart HTML element */
-    $el: Dom7Array;
-    /** Pie chart generated SVH HTML element */
-    svgEl: HTMLElement;
-    /** Dom7 instance with generated SVH HTML element */
-    $svgEl: Dom7Array;
-    /** Pie chart parameters */
-    params: Parameters;
-
-    /** Update/rerender chart SVG element according to passed parameters. It accepts object with same parameters required for chart initialization. You can pass only parameters that needs to be updated */
-    update(parameters: Parameters): PieChart;
-    /** Destroys chart instance */
-    destroy(): void;
-  }
-
-  interface Dataset {
-    /** Dataset value */
-    value: number;
-    /** Dataset HEX color */
-    color?: string;
-    /** Dataset label */
-    label?: string;
-  }
-
-  interface Parameters {
-    /** Pie chart element. HTMLElement or string with CSS selector of chart element. Generated SVG will be inserted into this element. */
-    el: HTMLElement | CSSSelector;
-    /** Chart data sets */
-    datasets: Dataset[];
-    /** Generated SVG image size (in px). (default 320) */
-    size?: number;
-    /** Enables tooltip on hover */
-    tooltip?: boolean;
-    /** Custom render function that must return tooltip's HTML content */
-    formatTooltip?: (data: {
-      index: number;
-      value: number;
-      label: string;
-      color: string;
-      percentage: number;
-    }) => string;
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-
-  interface Events {
-    /** Event will be triggered (when tooltip enabled) on chart hover */
-    select: (pieChart: PieChart, index: number | null, dataset: Dataset) => void;
-    /** Event will be triggered right before Pie chart instance will be destroyed. As an argument event handler receives Pie chart instance */
-    beforeDestroy: (pieChart: PieChart) => void;
-  }
-
-  interface DomEvents {
-    /** Event will be triggered (when tooltip enabled) on chart hover */
-    'piechart:select': () => void;
-    /** Event will be triggered right before Pie chart instance will be destroyed */
-    'piechart:beforedestroy': () => void;
-  }
-  interface AppMethods {
-    pieChart: {
-      /** create Pie chart instance */
-      create(parameters: Parameters): PieChart;
-      /** destroy Pie chart instance */
-      destroy(el: HTMLElement | CSSSelector | PieChart): void;
-      /** get Pie chart instance by HTML element */
-      get(el: HTMLElement | CSSSelector): PieChart;
-      /** update/rerender Pie chart SVG according to passed parameters */
-      update(parameters: Parameters): PieChart;
-    };
-  }
-  interface AppParams {
-    pieChart?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered (when tooltip enabled) on chart hover */
-    pieChartSelect: (pieChart: PieChart, index: number | null, dataset: Dataset) => void;
-    /** Event will be triggered right before PieChart instance will be destroyed. As an argument event handler receives Pie chart instance */
-    pieChartBeforeDestroy: (pieChart: PieChart) => void;
-  }
-}
-
-declare const PieChartComponent: Framework7Plugin;
-
-export default PieChartComponent;

package/types/components/popover/popover.d.ts

@@ -1,127 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Popover {
-  interface Events {
-    /** Event will be triggered when Popover starts its opening animation. As an argument event handler receives popover instance */
-    open: (popover: Popover) => void;
-    /** Event will be triggered when Popover completes its opening animation. As an argument event handler receives popover instance */
-    opened: (popover: Popover) => void;
-    /** Event will be triggered when Popover starts its closing animation. As an argument event handler receives popover instance */
-    close: (popover: Popover) => void;
-    /** Event will be triggered after Popover completes its closing animation. As an argument event handler receives popover instance */
-    closed: (popover: Popover) => void;
-    /** Event will be triggered right before Popover instance will be destroyed */
-    beforeDestroy: (popover: Popover) => void;
-  }
-  interface Parameters {
-    /** Popover element. Can be useful if you already have Popover element in your HTML and want to create new instance using this element. */
-    el?: HTMLElement | CSSSelector;
-    /** Full Popover HTML layout string. Can be useful if you want to create Popover element dynamically. */
-    content?: string;
-    /** Enables Popover backdrop (dark semi transparent layer behind). (default true) */
-    backdrop?: boolean;
-    /** Backdrop element to share across instances */
-    backdropEl?: HTMLElement | CSSSelector;
-    /** When enabled, popover will be closed on backdrop click. (default true) */
-    closeByBackdropClick?: boolean;
-    /** When enabled, popover will be closed on when click outside of it (default true) */
-    closeByOutsideClick?: boolean;
-    /** When enabled, popover will be closed on ESC keyboard key press (default false) */
-    closeOnEscape?: boolean;
-    /** Whether the Popover should be opened/closed with animation or not. Can be overwritten in .open() and .close() methods. (default true) */
-    animate?: boolean;
-    /** HTML element or string CSS selector of target element */
-    targetEl?: HTMLElement | CSSSelector;
-    /** Virtual target element horizontal offset from left side of the screen. Required without using real target element (targetEl) */
-    targetX?: number;
-    /** Virtual target element vertical offset from top of the screen. Required without using real target element (targetEl) */
-    targetY?: number;
-    /** Virtual target element width (in px). Required without using real target element (targetEl) (default 0) */
-    targetWidth?: number;
-    /** Virtual target element height (in px). Required without using real target element (targetEl) (default 0) */
-    targetHeight?: number;
-    /** Element to mount modal to. (default app.el) */
-    containerEl?: HTMLElement | CSSSelector;
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-  interface Popover extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Popover HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with popover HTML element */
-    $el: Dom7Array;
-    /** Backdrop HTML element */
-    backdropEl: HTMLElement;
-    /** Dom7 instance with backdrop HTML element */
-    $backdropEl: Dom7Array;
-    /** Popover target HTML element */
-    targetEl: HTMLElement;
-    /** Dom7 instance with popover target HTML element */
-    $targetEl: Dom7Array;
-    /** Popover parameters */
-    params: Parameters;
-    /** Boolean prop indicating whether popover is opened or not */
-    opened: boolean;
-
-    /** Open popover. */
-    open(targetEl: HTMLElement | CSSSelector, animate?: boolean): Popover;
-    open(animate?: boolean): Popover;
-    /** Close popover. */
-    close(animate?: boolean): Popover;
-    /** Destroy popover */
-    destroy(): void;
-  }
-  interface DomEvents {
-    /** Event will be triggered when Popover starts its opening animation */
-    'popover:open': () => void;
-    /** Event will be triggered after Popover completes its opening animation */
-    'popover:opened': () => void;
-    /** Event will be triggered when Popover starts its closing animation */
-    'popover:close': () => void;
-    /** Event will be triggered after Popover completes its closing animation */
-    'popover:closed': () => void;
-  }
-
-  interface AppMethods {
-    popover: {
-      /** create Popover instance */
-      create(parameters: Parameters): Popover;
-      /** destroy Popover instance */
-      destroy(el: HTMLElement | CSSSelector | Popover): void;
-      /** get Popover instance by HTML element */
-      get(el?: HTMLElement | CSSSelector): Popover;
-      /** open Popover */
-      open(
-        el?: HTMLElement | CSSSelector,
-        targetEl?: HTMLElement | CSSSelector,
-        animate?: boolean,
-      ): Popover;
-      /** closes Popover */
-      close(el?: HTMLElement | CSSSelector, animate?: boolean): Popover;
-    };
-  }
-  interface AppParams {
-    popover?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered when Popover starts its opening animation. As an argument event handler receives popover instance */
-    popoverOpen: (popover: Popover) => void;
-    /** Event will be triggered when Popover completes its opening animation. As an argument event handler receives popover instance */
-    popoverOpened: (popover: Popover) => void;
-    /** Event will be triggered when Popover starts its closing animation. As an argument event handler receives popover instance */
-    popoverClose: (popover: Popover) => void;
-    /** Event will be triggered after Popover completes its closing animation. As an argument event handler receives popover instance */
-    popoverClosed: (popover: Popover) => void;
-    /** Event will be triggered right before Popover instance will be destroyed */
-    popoverBeforeDestroy: (popover: Popover) => void;
-  }
-}
-
-declare const PopoverComponent: Framework7Plugin;
-
-export default PopoverComponent;