framework7 6.3.15 → 7.0.0-beta.11

package/types/components/popup/popup.d.ts

@@ -1,135 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Popup {
-  interface Events {
-    /** Event will be triggered in the beginning of swipe-to-close interaction (when user just started to drag popup) */
-    swipeStart: (popup: Popup) => void;
-    /** Event will be triggered on swipe-to-close move interaction */
-    swipeMove: (popup: Popup) => void;
-    /** Event will be triggered on swipe-to-close release */
-    swipeEnd: (popup: Popup) => void;
-    /** Event will be triggered when popup closed with swipe */
-    swipeClose: (popup: Popup) => void;
-    /** Event will be triggered when Popup starts its opening animation. As an argument event handler receives popup instance */
-    open: (popup: Popup) => void;
-    /** Event will be triggered when Popup completes its opening animation. As an argument event handler receives popup instance */
-    opened: (popup: Popup) => void;
-    /** Event will be triggered when Popup starts its closing animation. As an argument event handler receives popup instance */
-    close: (popup: Popup) => void;
-    /** Event will be triggered after Popup completes its closing animation. As an argument event handler receives popup instance */
-    closed: (popup: Popup) => void;
-    /** Event will be triggered right before Popup instance will be destroyed */
-    beforeDestroy: (popup: Popup) => void;
-  }
-  interface Parameters {
-    /** Popup element. Can be useful if you already have Popup element in your HTML and want to create new instance using this element. */
-    el?: HTMLElement | CSSSelector;
-    /** Full Popup HTML layout string. Can be useful if you want to create Popup element dynamically. */
-    content?: string;
-    /** Enables Popup backdrop (dark semi transparent layer behind). (default true) */
-    backdrop?: boolean;
-    /** Backdrop element to share across instances */
-    backdropEl?: HTMLElement | CSSSelector;
-    /** When enabled, popup will be closed on backdrop click. (default true) */
-    closeByBackdropClick?: boolean;
-    /** When enabled, popup will be closed on ESC keyboard key press (default false) */
-    closeOnEscape?: boolean;
-    /** Whether the Popup should be opened/closed with animation or not. Can be overwritten in .open() and .close() methods. (default true) */
-    animate?: boolean;
-    /** When enabled it will be possible to close popup with swipe, can be false, true, 'to-bottom', 'to-top' (default false) */
-    swipeToClose?: boolean;
-    /** When enabled it will be possible to close popup with swipe only on specified handler element (default null) */
-    swipeHandler?: HTMLElement | CSSSelector;
-    /** When enabled it will push view behind on open. Works only when top safe area is in place. It can also be enabled by adding `popup-push` class to Popup element. (default false) */
-    push?: boolean;
-
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-  interface Popup extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Popup HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with popup HTML element */
-    $el: Dom7Array;
-    /** Backdrop HTML element */
-    backdropEl: HTMLElement;
-    /** Dom7 instance with backdrop HTML element */
-    $backdropEl: Dom7Array;
-    /** Popup parameters */
-    params: Parameters;
-    /** Boolean prop indicating whether popup is opened or not */
-    opened: boolean;
-
-    /** Open popup. */
-    open(animate?: boolean): Popup;
-    /** Close popup. */
-    close(animate?: boolean): Popup;
-    /** Destroy popup */
-    destroy(): void;
-  }
-  interface DomEvents {
-    /** Event will be triggered in the beginning of swipe-to-close interaction (when user just started to drag popup) */
-    'popup:swipestart': () => void;
-    /** Event will be triggered on swipe-to-close move interaction */
-    'popup:swipemove': () => void;
-    /** Event will be triggered on swipe-to-close release */
-    'popup:swipeend': () => void;
-    /** Event will be triggered when popup closed with swipe */
-    'popup:swipeclose': () => void;
-    /** Event will be triggered when Popup starts its opening animation */
-    'popup:open': () => void;
-    /** Event will be triggered after Popup completes its opening animation */
-    'popup:opened': () => void;
-    /** Event will be triggered when Popup starts its closing animation */
-    'popup:close': () => void;
-    /** Event will be triggered after Popup completes its closing animation */
-    'popup:closed': () => void;
-  }
-
-  interface AppMethods {
-    popup: {
-      /** create Popup instance */
-      create(parameters: Parameters): Popup;
-      /** destroy Popup instance */
-      destroy(el: HTMLElement | CSSSelector | Popup): void;
-      /** get Popup instance by HTML element */
-      get(el?: HTMLElement | CSSSelector): Popup;
-      /** open Popup */
-      open(el?: HTMLElement | CSSSelector, animate?: boolean): Popup;
-      /** closes Popup */
-      close(el?: HTMLElement | CSSSelector, animate?: boolean): Popup;
-    };
-  }
-  interface AppParams {
-    popup?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered in the beginning of swipe-to-close interaction (when user just started to drag popup) */
-    popupSwipeStart: (popup: Popup) => void;
-    /** Event will be triggered on swipe-to-close move interaction */
-    popupSwipeMove: (popup: Popup) => void;
-    /** Event will be triggered on swipe-to-close release */
-    popupSwipeEnd: (popup: Popup) => void;
-    /** Event will be triggered when popup closed with swipe */
-    popupSwipeClose: (popup: Popup) => void;
-    /** Event will be triggered when Popup starts its opening animation. As an argument event handler receives popup instance */
-    popupOpen: (popup: Popup) => void;
-    /** Event will be triggered when Popup completes its opening animation. As an argument event handler receives popup instance */
-    popupOpened: (popup: Popup) => void;
-    /** Event will be triggered when Popup starts its closing animation. As an argument event handler receives popup instance */
-    popupClose: (popup: Popup) => void;
-    /** Event will be triggered after Popup completes its closing animation. As an argument event handler receives popup instance */
-    popupClosed: (popup: Popup) => void;
-    /** Event will be triggered right before Popup instance will be destroyed */
-    popupBeforeDestroy: (popup: Popup) => void;
-  }
-}
-
-declare const PopupComponent: Framework7Plugin;
-
-export default PopupComponent;

package/types/components/preloader/preloader.d.ts

@@ -1,22 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Preloader {
-  interface AppMethods {
-    preloader: {
-      /** Show Preloader overlay */
-      show(color?: string | 'white'): void;
-      /** Show Preloader overlay in specified element */
-      showIn(el: HTMLElement | CSSSelector, color?: string): void;
-      /** Hide Preloader overlay */
-      hide(): void;
-      /** Hide Preloader overlay in specified element */
-      hideIn(el: HTMLElement | CSSSelector): void;
-    };
-  }
-  interface AppParams {}
-  interface AppEvents {}
-}
-
-declare const PreloaderComponent: Framework7Plugin;
-
-export default PreloaderComponent;

package/types/components/progressbar/progressbar.d.ts

@@ -1,27 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Progressbar {
-  interface AppMethods {
-    progressbar: {
-      /** set progress for Determinate Progressbar */
-      set(el: HTMLElement | CSSSelector, progress: number, duration: number): void;
-      /** set progress for Determinate Progressbar which is under the app root element */
-      set(progress: number, duration: number): void;
-      /** create and show or just show (if already presented) Progressbar */
-      show(el?: HTMLElement | CSSSelector, progress?: number, color?: string): void;
-      show(el?: HTMLElement | CSSSelector, color?: string): void;
-      /** create and show Determinate Progressbar under app root */
-      show(progress?: number, color?: string): void;
-      /** create and show infinite Progressbar under app root */
-      show(color?: string): void;
-      /** hide Progressbar */
-      hide(el?: HTMLElement | CSSSelector): void;
-    };
-  }
-  interface AppParams {}
-  interface AppEvents {}
-}
-
-declare const ProgressbarComponent: Framework7Plugin;
-
-export default ProgressbarComponent;

package/types/components/pull-to-refresh/pull-to-refresh.d.ts

@@ -1,99 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace PullToRefresh {
-  interface PullToRefresh extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** PTR HTML element (ptr-content) */
-    el: HTMLElement;
-    /** Dom7 instance with PTR HTML element (ptr-content) */
-    $el: Dom7Array;
-    /** Reset PTR state */
-    done(): void;
-    /** Trigger PTR */
-    refresh(): void;
-    /** Destroy PTR instance and remove PTR event listeners from the specified HTML element */
-    destroy(): void;
-  }
-
-  interface Events {
-    /** Event will be triggered when you start to move pull to refresh content. As an argument event handler receives ptr element */
-    pullStart(el: HTMLElement): void;
-    /**  */
-    pullMove(el: HTMLElement, data: Data): void;
-    /**  */
-    pullEnd(el: HTMLElement, data: Data): void;
-    /**  */
-    refresh(el: HTMLElement, done: () => void): void;
-    /**  */
-    done(el: HTMLElement): void;
-    /**  */
-    beforeDestroy(ptr: PullToRefresh): void;
-  }
-
-  interface DomEvents {
-    /** Event will be triggered when you start to move pull to refresh content */
-    'ptr:pullstart': () => void;
-    /** Event will be triggered during you move pull to refresh content */
-    'ptr:pullmove': () => void;
-    /** Event will be triggered when you release pull to refresh content */
-    'ptr:pullend': () => void;
-    /** Event will be triggered when pull to refresh enters in "refreshing" state. event.detail contain ptr.done method to reset its state after loading completed */
-    'ptr:refresh': () => void;
-    /** Event will be triggered after pull to refresh is done and it is back to initial state (after calling ptr.done method) */
-    'ptr:done': () => void;
-    /** Event will be triggered right before PTR instance will be destroyed */
-    'ptr:beforedestroy': () => void;
-  }
-
-  interface Data {
-    /** touchmove event */
-    event: Event;
-    /** current scroll top position */
-    scrollTop: number;
-    /** current translateY offset */
-    translate: number;
-    /** touches difference (in px) */
-    touchesDiff: number;
-  }
-  interface AppMethods {
-    ptr: {
-      /** initialise PTR on specified HTML element container */
-      create(el: HTMLElement | CSSSelector): PullToRefresh;
-
-      /** remove PTR event listeners from the specified HTML element */
-      destroy(el: HTMLElement | CSSSelector | PullToRefresh): void;
-
-      /** get PTR instance by HTML element */
-      get(el: HTMLElement | CSSSelector): PullToRefresh;
-
-      /** reset PTR state on specified PTR content element */
-      done(el: HTMLElement | CSSSelector): PullToRefresh;
-
-      /** trigger PTR on specified PTR content element */
-      refresh(el: HTMLElement | CSSSelector): PullToRefresh;
-    };
-  }
-
-  interface AppParams {}
-
-  interface AppEvents {
-    /** Event will be triggered when you start to move pull to refresh content. As an argument event handler receives ptr element */
-    ptrPullStart(el: HTMLElement): void;
-    /**  */
-    ptrPullMove(el: HTMLElement, data: Data): void;
-    /**  */
-    ptrPullEnd(el: HTMLElement, data: Data): void;
-    /**  */
-    ptrRefresh(el: HTMLElement, done: () => void): void;
-    /**  */
-    ptrDone(el: HTMLElement): void;
-    /**  */
-    ptrBeforeDestroy(ptr: PullToRefresh): void;
-  }
-}
-
-declare const PullToRefreshComponent: Framework7Plugin;
-
-export default PullToRefreshComponent;

package/types/components/radio/radio.d.ts

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

package/types/components/range/range.d.ts

@@ -1,139 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Range {
-  interface Parameters {
-    /** Range Slider element. HTMLElement or string with CSS selector of range slider element */
-    el: HTMLElement | CSSSelector;
-    /** Range Slider input element or CSS selector of input element. If not specified, will try to look for input type="range" inside of range slider element */
-    inputEl?: HTMLElement | CSSSelector;
-    /** Enable dual range slider (default false) */
-    dual?: boolean;
-    /** Minimal step between values (default 1) */
-    step?: number;
-    /** Enables additional label around range slider knob (default false) */
-    label?: boolean;
-    /** Method must return formatted range knob label text. As an argument it receives label value */
-    formatLabel?: (value: number) => string;
-    /** Minimum value */
-    min?: number;
-    /** Maximum value */
-    max?: number;
-    /** Initial value. Number in case of single range, and array of values in case of dual range */
-    value?: number | number[];
-    /** When enabled it is also possible to interact with range slider (change value) on range bar click and swipe (default true) */
-    draggableBar?: boolean;
-    /** Enables vertical range slider (default false) */
-    vertical?: boolean;
-    /** Makes vertical range slider reversed (default false) */
-    verticalReversed?: boolean;
-    /** Enables range slider scale (default false) */
-    scale?: boolean;
-    /** Number of scale steps (default 5) */
-    scaleSteps?: number;
-    /** Number of scale sub steps (each step will be divided by this value) (default 0) */
-    scaleSubSteps?: number;
-    /** Method must return formatted scale value. As an argument it receives currect scale step value. This method will be called as for each scale step. */
-    formatScaleLabel?: (value: number) => string;
-    /** Limit knob position to the size of range bar. By default enabled from iOS theme */
-    limitKnobPosition?: boolean;
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-  interface Range extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Range HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with range HTML element */
-    $el: Dom7Array;
-    /** Range Slider input HTML element */
-    inputEl: HTMLElement;
-    /** Dom7 instance with range slider input HTML element */
-    $inputEl: Dom7Array;
-    /** Range slider width (in px) */
-    rangeWidth: number;
-    /** Range slider height (in px) */
-    rangeHeight: number;
-    /** Boolean property indicating whether it is dual or not */
-    dual: boolean;
-    /** Range min value */
-    min: number;
-    /** Range max value */
-    max: number;
-    /** Range value */
-    value: number | number[];
-    /** Boolean property indicating whether scale is enabled or not */
-    scale: boolean;
-    /** Number of scale steps */
-    scaleSteps: number;
-    /** Number of scale sub steps */
-    scaleSubSteps: number;
-    /** Dom7 instance with generated scale HTML element */
-    $scaleEl: Dom7Array;
-    /** Array where each element represents HTMLElement of created range knob (2 knobs in case of dual slider) */
-    knobs: HTMLElement[];
-    /** Array where each element represent HTMLElement of created range knob label (2 labels in case of dual slider) */
-    labels: HTMLElement[];
-    /** Boolean property indicating whether it is vertical or not */
-    vertical: boolean;
-    /** Boolean property indicating whether it is vertical and reversed or not */
-    verticalReversed: boolean;
-    /** Range parameters */
-    params: Parameters;
-    /** Returns range slider value */
-    getValue(): number | number[];
-    /** Set new range slider value */
-    setValue(value: number | number[]): Range;
-    /** Destroy range slider */
-    destroy(): void;
-  }
-  interface Events {
-    /** Event will be triggered when range value has been changed. As an argument event handler receives range instance */
-    change: (range: Range) => void;
-    /** Event will be triggered on slider knob release after value change. As an argument event handler receives range instance */
-    changed: (range: Range) => void;
-    /** Event will be triggered right before Range slider instance will be destroyed */
-    beforeDestroy: (range: Range) => void;
-  }
-  interface DomEvents {
-    /** Event will be triggered when range value has been changed. As an argument event handler receives range instance */
-    'range:change': () => void;
-    /** Event will be triggered on slider knob release after value change. As an argument event handler receives range instance */
-    'range:changed': () => void;
-    /** Event will be triggered right before Range slider instance will be destroyed */
-    'range:beforedestroy': () => void;
-  }
-
-  interface AppMethods {
-    range: {
-      /** create Range Slider instance */
-      create(parameters: Parameters): Range;
-      /** get Range Slider instance by HTML element */
-      get(el: HTMLElement | CSSSelector | Range): Range;
-      /** get Range Slider value */
-      getValue(el: HTMLElement | CSSSelector | Range): number | number[];
-      /** set new Range Slider value */
-      setValue(el: HTMLElement | CSSSelector | Range, value: number | number[]): void;
-      /** destroy Range Slider instance */
-      destroy(el: HTMLElement | CSSSelector | Range): void;
-    };
-  }
-  interface AppParams {
-    range?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered when range value has been changed. As an argument event handler receives range instance */
-    rangeChange: (range: Range) => void;
-    /** Event will be triggered on slider knob release after value change. As an argument event handler receives range instance */
-    rangeChanged: (range: Range) => void;
-    /** Event will be triggered right before Range slider instance will be destroyed */
-    rangeBeforeDestroy: (range: Range) => void;
-  }
-}
-
-declare const RangeComponent: Framework7Plugin;
-
-export default RangeComponent;

package/types/components/searchbar/searchbar.d.ts

@@ -1,157 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Searchbar {
-  interface Parameters {
-    /** Searchbar element. HTMLElement or string with CSS selector of searchbar element */
-    el: HTMLElement | CSSSelector;
-    /** CSS selector or HTML element of searchbar input element. By default (if not passed) will try to look for input type="search" inside of searchbar */
-    inputEl?: HTMLElement | CSSSelector;
-    /** Enables disable button (default true) */
-    disableButton?: boolean;
-    /** CSS selector or HTML element of searchbar disable button. By default (if not passed) will try to look for element with search-disable-button class inside of searchbar */
-    disableButtonEl?: HTMLElement | CSSSelector;
-    /** CSS selector or HTML element of list block to search in */
-    searchContainer?: HTMLElement | CSSSelector;
-    /** CSS selector of List View element's field where we need to search. Usually we search through element titles, in this case we need to pass .item-title. It is also possible to pass few elements for search like .item-title, .item-text */
-    searchIn?: CSSSelector;
-    /** CSS selector of single search item. If we do a search in List View, then it must be a single list element li (default "li") */
-    searchItem?: CSSSelector;
-    /** CSS selector of group element. Used when hideGroups enabled to hide groups. If we do a search in List View, then it usually a list group (default "list-group") */
-    searchGroup?: CSSSelector;
-    /** CSS selector of group titles and dividers. Used when hideDividers enabled to hide group titles and dividers. If we do a search in List View, then it usually a list group title or list item divider (default ".item-divider, .list-group-title") */
-    searchGroupTitle?: CSSSelector;
-    /** CSS selector or HTMLElement of searchbar "found" element to make it hidden when there is no search results (default ".searchbar-found") */
-    foundEl?: HTMLElement | CSSSelector;
-    /** CSS selector or HTMLElement of searchbar "not-found" element to make it visible when there is no search results (default ".searchbar-not-found") */
-    notFoundEl?: HTMLElement | CSSSelector;
-    /** CSS selector or HTMLElement of elements to be hidden when searchbar enabled (default ".searchbar-hide-on-enable") */
-    hideOnEnableEl?: HTMLElement | CSSSelector;
-    /** CSS selector or HTMLElement of elements to be hidden on searchbar search (default ".searchbar-hide-on-search") */
-    hideOnSearchEl?: HTMLElement | CSSSelector;
-    /** Enables searchbar backdrop element. By default disabled for Aurora theme */
-    backdrop?: boolean;
-    /** CSS selector or HTMLElement of searchbar backdrop element. If not passed and backdrop parameter is true then it will look for .searchbar-backdrop element. In case none found it will create one automatically */
-    backdropEl?: HTMLElement | CSSSelector;
-    /** CSS selector for items to be ignored by searchbar and always present in search results (default ".searchbar-ignore") */
-    ignore?: CSSSelector;
-    /** When enabled searchbar will not search through any of list blocks specified by searchContainer and you will be able to use custom search functionality, for example, for calling external APIs with search results and for displaying them manually (default false) */
-    customSearch?: boolean;
-    /** Enable to remove/replace diacritics (á, í, ó, etc.) during search (default false) */
-    removeDiacritics?: boolean;
-    /** If enabled, then search will consider item dividers and group titles and hide them if there are no found items right after them (default true) */
-    hideDividers?: boolean;
-    /** If enabled, then search will consider list view groups hide them if there are no found items inside of these groups (default true) */
-    hideGroups?: boolean;
-    /** Disable searchbar on backdrop click */
-    disableOnBackdropClick?: boolean;
-    /** Enables expandable searchbar */
-    expandable?: boolean;
-    /** Input events used to track search event */
-    inputEvents?: string;
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-  interface Searchbar extends Framework7EventsClass<Events> {
-    /** Searchbar HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with searchbar HTML element */
-    $el: Dom7Array;
-    /** Searchbar input HTML element */
-    inputEl: HTMLElement;
-    /** Dom7 instance with searchbar input HTML element */
-    $inputEl: Dom7Array;
-    /** Current search query (search input value) */
-    query: string;
-    /** Previous search query (search input value) */
-    previousQuery: string;
-    /** Searchbar search container */
-    searchContainer: HTMLElement;
-    /** Dom7 element with searchbar search container */
-    $searchContainer: Dom7Array;
-    /** Boolean value that represents is searchbar enabled or disabled */
-    enabled: boolean;
-    /** Boolean value that represents is searchbar expandable or not */
-    expandable: boolean;
-    /** Searchbar parameters */
-    params: Parameters;
-    /** Force searchbar to search passed query */
-    search(query: string): Searchbar;
-    /** Enable/activate searchbar */
-    enable(): Searchbar;
-    /** Disable/deactivate searchbar */
-    disable(): Searchbar;
-    /** Toggle searchbar */
-    toggle(): Searchbar;
-    /** Clear search query and update results */
-    clear(): Searchbar;
-    /** Destroy searchbar */
-    destroy(): void;
-  }
-  interface Events {
-    /** Event will be triggered during search (search field change). As an argument event handler receives searchbar instance, current query and previous query */
-    search: (searchbar: Searchbar, query: string, previousQuery: string) => void;
-    /** Event will be triggered when user clicks on Searchbar's "clear" element . As an argument event handler receives searchbar instance and previous (before clear) query */
-    clear: (searchbar: Searchbar, previousQuery: string) => void;
-    /** Event will be triggered when Searchbar becomes active/enabled. As an argument event handler receives searchbar instance */
-    enable: (searchbar: Searchbar) => void;
-    /** Event will be triggered when Searchbar becomes inactive/disabled. As an argument event handler receives searchbar instance */
-    disable: (searchbar: Searchbar) => void;
-    /** Event will be triggered right before Searchbar instance will be destroyed */
-    beforeDestroy: (searchbar: Searchbar) => void;
-  }
-  interface DomEvents {
-    /** Event will be triggered during search (search field change). As an argument event handler receives searchbar instance, current query and previous query */
-    'searchbar:search': () => void;
-    /** Event will be triggered when user clicks on Searchbar's "clear" element . As an argument event handler receives searchbar instance and previous (before clear) query */
-    'searchbar:clear': () => void;
-    /** Event will be triggered when Searchbar becomes active/enabled. As an argument event handler receives searchbar instance */
-    'searchbar:enable': () => void;
-    /** Event will be triggered when Searchbar becomes inactive/disabled. As an argument event handler receives searchbar instance */
-    'searchbar:disable': () => void;
-    /** Event will be triggered right before Searchbar instance will be destroyed */
-    'searchbar:beforedestroy': () => void;
-  }
-
-  interface AppMethods {
-    searchbar: {
-      /** create Searchbar instance */
-      create(parameters: Parameters): Searchbar;
-      /** get Searchbar instance by HTML element */
-      get(el: HTMLElement | CSSSelector | Searchbar): Searchbar;
-      /** destroy Searchbar instance */
-      destroy(el: HTMLElement | CSSSelector | Searchbar): void;
-      /** Clear search query and update results */
-      clear(el: HTMLElement | CSSSelector | Searchbar): Searchbar;
-      /** Enable/activate searchbar */
-      enable(el: HTMLElement | CSSSelector | Searchbar): Searchbar;
-      /** Disable/deactivate searchbar */
-      disable(el: HTMLElement | CSSSelector | Searchbar): Searchbar;
-      /** Toggle searchbar */
-      toggle(el: HTMLElement | CSSSelector | Searchbar): Searchbar;
-      /** Force searchbar to search passed query */
-      search(el: HTMLElement | CSSSelector | Searchbar, query: string): Searchbar;
-    };
-  }
-  interface AppParams {
-    searchbar?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered during search (search field change). As an argument event handler receives searchbar instance, current query and previous query */
-    searchbarSearch: (searchbar: Searchbar, query: string, previousQuery: string) => void;
-    /** Event will be triggered when user clicks on Searchbar's "clear" element . As an argument event handler receives searchbar instance and previous (before clear) query */
-    searchbarClear: (searchbar: Searchbar, previousQuery: string) => void;
-    /** Event will be triggered when Searchbar becomes active/enabled. As an argument event handler receives searchbar instance */
-    searchbarEnable: (searchbar: Searchbar) => void;
-    /** Event will be triggered when Searchbar becomes inactive/disabled. As an argument event handler receives searchbar instance */
-    searchbarDisable: (searchbar: Searchbar) => void;
-    /** Event will be triggered right before Searchbar instance will be destroyed */
-    searchbarBeforeDestroy: (searchbar: Searchbar) => void;
-  }
-}
-
-declare const SearchbarComponent: Framework7Plugin;
-
-export default SearchbarComponent;