framework7 6.3.4 → 7.0.0-beta.3

package/types/components/sheet/sheet.d.ts

@@ -1,149 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Sheet {
-  interface Events {
-    /** Event will be triggered on Sheet swipe step open/expand */
-    stepOpen: (sheet: Sheet) => void;
-    /** Event will be triggered on Sheet swipe step close/collapse */
-    stepClose: (sheet: Sheet) => void;
-    /** Event will be triggered on Sheet swipe step between step opened and closed state. As `progress` it receives step open progress number (from 0 to 1) */
-    stepProgress: (sheet: Sheet, progress: number) => void;
-    /** Event will be triggered when Sheet Modal starts its opening animation. As an argument event handler receives sheet instance */
-    open: (sheet: Sheet) => void;
-    /** Event will be triggered when Sheet Modal completes its opening animation. As an argument event handler receives sheet instance */
-    opened: (sheet: Sheet) => void;
-    /** Event will be triggered when Sheet Modal starts its closing animation. As an argument event handler receives sheet instance */
-    close: (sheet: Sheet) => void;
-    /** Event will be triggered after Sheet Modal completes its closing animation. As an argument event handler receives sheet instance */
-    closed: (sheet: Sheet) => void;
-    /** Event will be triggered right before Sheet Modal instance will be destroyed */
-    beforeDestroy: (sheet: Sheet) => void;
-  }
-  interface Parameters {
-    /** Sheet Modal element. Can be useful if you already have Sheet Modal element in your HTML and want to create new instance using this element. */
-    el?: HTMLElement | CSSSelector;
-    /** Full Sheet Modal HTML layout string. Can be useful if you want to create Sheet Modal element dynamically. */
-    content?: string;
-    /** Enables Sheet Modal backdrop (dark semi transparent layer behind). (default true) */
-    backdrop?: boolean;
-    /** Backdrop element to share across instances */
-    backdropEl?: HTMLElement | CSSSelector;
-    /** HTML element or string (with CSS selector) of element. If specified, then sheet will try to scroll page content to this element on open */
-    scrollToEl?: HTMLElement | CSSSelector;
-    /** When enabled, Sheet Modal will be closed on backdrop click. (default true) */
-    closeByBackdropClick?: boolean;
-    /** When enabled, sheet will be closed on when click outside of it */
-    closeByOutsideClick?: boolean;
-    /** When enabled, sheet will be closed on ESC keyboard key press (default false) */
-    closeOnEscape?: boolean;
-    /** Whether the Sheet Modal 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 sheet with swipe, can be false or true (default false) */
-    swipeToClose?: boolean;
-    /** When enabled it will be possible to split opened sheet into two states: partially opened and fully opened that can be controlled with swipe (default false) */
-    swipeToStep?: boolean;
-    /** When enabled it will be possible to close sheet 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 `sheet-modal-push` class to Sheet element. (default false) */
-    push?: boolean;
-    /** Element to mount modal to. (default app.el) */
-    containerEl?: HTMLElement | CSSSelector;
-
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-  interface Sheet extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Sheet Modal HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with Sheet Modal HTML element */
-    $el: Dom7Array;
-    /** Backdrop HTML element */
-    backdropEl: HTMLElement;
-    /** Dom7 instance with backdrop HTML element */
-    $backdropEl: Dom7Array;
-    /** sheet parameters */
-    params: Parameters;
-    /** Boolean prop indicating whether sheet is opened or not */
-    opened: boolean;
-
-    /** Open sheet. */
-    open(animate?: boolean): Sheet;
-    /** Close sheet. */
-    close(animate?: boolean): Sheet;
-    /** Open/expand sheet swipe step */
-    stepOpen(): void;
-    /** Close/collapse sheet swipe step */
-    stepClose(): void;
-    /** Toggle (open or close) sheet swipe step */
-    stepToggle(): void;
-    /** Update step position. Required to call after content of sheet modal has been modified manually when it is opened */
-    setSwipeStep(): void;
-    /** Destroy sheet */
-    destroy(): void;
-  }
-  interface DomEvents {
-    /** Event will be triggered when Sheet Modal starts its opening animation */
-    'sheet:open': () => void;
-    /** Event will be triggered after Sheet Modal completes its opening animation */
-    'sheet:opened': () => void;
-    /** Event will be triggered when Sheet Modal starts its closing animation */
-    'sheet:close': () => void;
-    /** Event will be triggered after Sheet Modal completes its closing animation */
-    'sheet:closed': () => void;
-    /** Event will be triggered on Sheet swipe step open/expand */
-    'sheet:stepopen': () => void;
-    /** Event will be triggered on Sheet swipe step close/collapse */
-    'sheet:stepclose': () => void;
-    /** Event will be triggered on Sheet swipe step between step opened and closed state. As `event.detail` it receives step open progress number (from 0 to 1) */
-    'sheet:stepprogress': () => void;
-  }
-
-  interface AppMethods {
-    sheet: {
-      /** create Sheet Modal instance */
-      create(parameters: Parameters): Sheet;
-      /** destroy Sheet Modal instance */
-      destroy(el: HTMLElement | CSSSelector | Sheet): void;
-      /** get Sheet Modal instance by HTML element */
-      get(el?: HTMLElement | CSSSelector): Sheet;
-      /** open Sheet Modal */
-      open(el?: HTMLElement | CSSSelector, animate?: boolean): Sheet;
-      /** closes Sheet Modal */
-      close(el?: HTMLElement | CSSSelector, animate?: boolean): Sheet;
-      /** open/expand Sheet swipe step */
-      stepOpen(el?: HTMLElement | CSSSelector): Sheet;
-      /** close/collapse Sheet swipe step */
-      stepClose(el?: HTMLElement | CSSSelector): Sheet;
-      /** toggle (open or close) Sheet swipe step */
-      stepToggle(el?: HTMLElement | CSSSelector): Sheet;
-    };
-  }
-  interface AppParams {
-    sheet?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered on Sheet swipe step open/expand */
-    sheetStepOpen: (sheet: Sheet) => void;
-    /** Event will be triggered on Sheet swipe step close/collapse */
-    sheetStepClose: (sheet: Sheet) => void;
-    /** Event will be triggered on Sheet swipe step between step opened and closed state. As `progress` it receives step open progress number (from 0 to 1) */
-    sheetStepProgress: (sheet: Sheet, progress: number) => void;
-    /** Event will be triggered when Sheet Modal starts its opening animation. As an argument event handler receives sheet instance */
-    sheetOpen: (sheet: Sheet) => void;
-    /** Event will be triggered when Sheet Modal completes its opening animation. As an argument event handler receives sheet instance */
-    sheetOpened: (sheet: Sheet) => void;
-    /** Event will be triggered when Sheet Modal starts its closing animation. As an argument event handler receives sheet instance */
-    sheetClose: (sheet: Sheet) => void;
-    /** Event will be triggered after Sheet Modal completes its closing animation. As an argument event handler receives sheet instance */
-    sheetClosed: (sheet: Sheet) => void;
-    /** Event will be triggered right before Sheet Modal instance will be destroyed */
-    sheetBeforeDestroy: (sheet: Sheet) => void;
-  }
-}
-declare const SheetComponent: Framework7Plugin;
-export default SheetComponent;

package/types/components/skeleton/skeleton.d.ts

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

package/types/components/smart-select/smart-select.d.ts

@@ -1,199 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-import { View } from '../view/view';
-import { Searchbar } from '../searchbar/searchbar';
-
-export namespace SmartSelect {
-  interface Events {
-    /** Event will be triggered before Smart Select open. As second argument it receives "prevent" function that can be called to prevent Smart Select from opening */
-    beforeOpen: (smartSelect: SmartSelect, prevent: () => void) => void;
-    /** Event will be triggered when Smart Select starts its opening animation. As an argument event handler receives smart select instance */
-    open: (smartSelect: SmartSelect) => void;
-    /** Event will be triggered when Smart Select completes its opening animation. As an argument event handler receives smart select instance */
-    opened: (smartSelect: SmartSelect) => void;
-    /** Event will be triggered when Smart Select starts its closing animation. As an argument event handler receives smart select instance */
-    close: (smartSelect: SmartSelect) => void;
-    /** Event will be triggered after Smart Select completes its closing animation. As an argument event handler receives smart select instance */
-    closed: (smartSelect: SmartSelect) => void;
-    /** Event will be triggered right before Smart Select instance will be destroyed */
-    beforeDestroy: (smartSelect: SmartSelect) => void;
-  }
-  interface Parameters {
-    /** Smart Select element. Can be useful if you already have Smart Select element in your HTML and want to create new instance using this element */
-    el?: HTMLElement | CSSSelector;
-    /** Link to initialized View instance which is required for Smart Select to work. By default, if not specified, it will be opened in parent View. */
-    view?: View.View;
-    /** Visual element where to insert selected value. If not passed then it will look for <div class="item-after"> element */
-    valueEl?: HTMLElement | CSSSelector;
-    /** When enabled then smart select will automatically insert value text into "valueEl" in format returned by "formatValueText"  */
-    setValueText?: boolean;
-    /** Custom function to format smart select text value that appears on list item */
-    formatValueText?: (values: any[]) => string;
-    /** Defines how to open Smart Select. Can be page or popup or popover or sheet (default is "page") */
-    openIn?: 'page' | 'popup' | 'popover' | 'sheet';
-    /** Enables smart select popup to push view/s behind on open (default false) */
-    popupPush?: boolean;
-    /** Enables ability to close smart select popup with swipe (default undefined) */
-    popupSwipeToClose?: boolean | undefined;
-    /** Enables smart select sheet to push view/s behind on open (default false) */
-    sheetPush?: boolean;
-    /** Enables ability to close smart select sheet with swipe (default undefined) */
-    sheetSwipeToClose?: boolean | undefined;
-    /** Enables smart select sheet backdrop (default false) */
-    sheetBackdrop?: boolean;
-    /** Smart select page title. If not passed then it will be the <div class="item-title"> text */
-    pageTitle?: string;
-    /** Smart select Page back link text (default 'Back') */
-    pageBackLinkText?: string;
-    /** Smart select Popup close link text (default 'Close') */
-    popupCloseLinkText?: string;
-    /** Smart select Popup will be opened as full screen popup on tablet */
-    popupTabletFullscreen?: boolean;
-    /** Smart select Sheet close link text (default 'Done') */
-    sheetCloseLinkText?: string;
-    /** Enables Searchbar on smart select page. If passed as object then it should be valid Searchbar parameters (default false) */
-    searchbar?: boolean | Searchbar.Parameters;
-    /** Searchbar placeholder text (default 'Search') */
-    searchbarPlaceholder?: string;
-    /** Searchbar "cancel" link text. Has effect only in iOS theme (default 'Cancel') */
-    searchbarDisableText?: string;
-    /** Enables searchbar disable button. By default, disabled for Aurora theme */
-    searchbarDisableButton?: boolean;
-    /** Value of "spellcheck" attribute on searchbar input (default false) */
-    searchbarSpellcheck?: boolean;
-    /** Appends block with content that displayed when there are no Searchbar results (default false) */
-    appendSearchbarNotFound?: boolean | string | HTMLElement;
-    /** If enabled then smart select will be automatically closed after user selectes any option (default false) */
-    closeOnSelect?: boolean;
-    /** Enable Virtual List for smart select if your select has a lot (hundreds, thousands) of options (default false) */
-    virtualList?: boolean;
-    /** Virtual list item height. If number - list item height in px. If function then function should return item height */
-    virtualListHeight?: number | Function;
-    /** When enabled it will scroll smart select content to first selected item on open (default false) */
-    scrollToSelectedItem?: boolean;
-    /** Smart select page form color theme. One of the default colors */
-    formColorTheme?: string;
-    /** Smart select navbar color theme. One of the default colors */
-    navbarColorTheme?: string;
-    /** Will add opened smart select modal (when openIn is popup, popover or sheet) to router history which gives ability to close smart select by going back in router history and set current route to the smart select modal (default false) */
-    routableModals?: boolean;
-    /** Smart select page/modal URL that will be set as a current route (default 'select/') */
-    url?: string;
-    /** Additional CSS class name to be set on Smart Select container (Page, Popup, Popover or Sheet) */
-    cssClass?: string;
-
-    /** Select option icon to be set on all options. If it just a string then will create an icon with this class. If it is in the format of `f7:icon_name` then it will create a F7-Icons icon. If it is in the format of `md:icon_name` then it will create a Material Icons icon. */
-    optionIcon?: string;
-    /** Same as `optionIcon` but will apply only when iOS theme is active */
-    optionIconIos?: string;
-    /** Same as `optionIcon` but will apply only when MD theme is active */
-    optionIconMd?: string;
-    /** Same as `optionIcon` but will apply only when Aurora theme is active */
-    optionIconAurora?: string;
-
-    /** Function to render smart select page, must return full page HTML string */
-    renderPage?: (items: any[]) => string;
-    /** Function to render smart select popup, must return full popup HTML string */
-    renderPopup?: (items: any[]) => string;
-    /** Function to render smart select sheet, must return full sheet HTML string */
-    renderSheet?: (items: any[]) => string;
-    /** Function to render smart select popover, must return full popover HTML string */
-    renderPopover?: (items: any[]) => string;
-    /** Function to render all smart select items, must return all items HTML string */
-    renderItems?: (items: any[]) => string;
-    /** Function to render smart select item, must return item HTML string */
-    renderItem?: (item: any, index: number) => string;
-    /** Function to render smart select searchbar dropdown, must return searchbar HTML string */
-    renderSearchbar?: () => string;
-
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-  interface SmartSelect extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Smart Select HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with Smart Select HTML element */
-    $el: Dom7Array;
-    /** HTML element used to display value */
-    valueEl: HTMLElement;
-    /** Dom7 instance with HTML element used to display value */
-    $valueEl: Dom7Array;
-    /** Child select element <select> */
-    selectEl: HTMLElement;
-    /** Dom7 instance with child select element */
-    $selectEl: Dom7Array;
-    /** Smart Select URL (that was passed in url parameter) */
-    url: string;
-    /** Smart Select View (that was passed in view parameter) or found parent view */
-    view: View.View;
-    /** Smart Select parameters */
-    params: Parameters;
-
-    /** Scroll smart select content to first selected item */
-    scrollToSelectedItem(): SmartSelect;
-    /** Set new smart select value. In case of select is multiple it must be an array with new values */
-    setValue(value: string | number | any[]): SmartSelect;
-    /** Unset smart select value */
-    unsetValue(): SmartSelect;
-    /** Returns smart select value. In case of select is multiple it returns array with selected values */
-    getValue(): string | number | any[];
-    /** Open smart select. */
-    open(): SmartSelect;
-    /** Close smart select. */
-    close(): SmartSelect;
-    /** Destroy smart select */
-    destroy(): void;
-  }
-  interface DomEvents {
-    /** Event will be triggered before Smart Select open. event.detail.prevent is a function that can be called to prevent Smart Select from opening */
-    'smartselect:beforeopen': () => void;
-    /** Event will be triggered when Smart Select starts its opening animation */
-    'smartselect:open': () => void;
-    /** Event will be triggered after Smart Select completes its opening animation */
-    'smartselect:opened': () => void;
-    /** Event will be triggered when Smart Select starts its closing animation */
-    'smartselect:close': () => void;
-    /** Event will be triggered after Smart Select completes its closing animation */
-    'smartselect:closed': () => void;
-    /** Event will be triggered right before Smart Select instance will be destroyed */
-    'smartselect:beforedestroy': () => void;
-  }
-
-  interface AppMethods {
-    smartSelect: {
-      /** create Smart Select instance */
-      create(parameters: Parameters): SmartSelect;
-      /** destroy Smart Select instance */
-      destroy(el: HTMLElement | CSSSelector | SmartSelect): void;
-      /** get Smart Select instance by HTML element */
-      get(el: HTMLElement | CSSSelector): SmartSelect;
-      /** open Smart Select */
-      open(el: HTMLElement | CSSSelector): SmartSelect;
-      /** close Smart Select */
-      close(el: HTMLElement | CSSSelector): SmartSelect;
-    };
-  }
-  interface AppParams {
-    smartSelect?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered before Smart Select open. As second argument it receives "prevent" function that can be called to prevent Smart Select from opening */
-    smartSelectBeforeOpen: (smartSelect: SmartSelect, prevent: () => void) => void;
-    /** Event will be triggered when Smart Select starts its opening animation. As an argument event handler receives smart select instance */
-    smartSelectOpen: (smartSelect: SmartSelect) => void;
-    /** Event will be triggered when Smart Select completes its opening animation. As an argument event handler receives smart select instance */
-    smartSelectOpened: (smartSelect: SmartSelect) => void;
-    /** Event will be triggered when Smart Select starts its closing animation. As an argument event handler receives smart select instance */
-    smartSelectClose: (smartSelect: SmartSelect) => void;
-    /** Event will be triggered after Smart Select completes its closing animation. As an argument event handler receives smart select instance */
-    smartSelectClosed: (smartSelect: SmartSelect) => void;
-    /** Event will be triggered right before Smart Select instance will be destroyed */
-    smartSelectBeforeDestroy: (smartSelect: SmartSelect) => void;
-  }
-}
-declare const SmartSelectComponent: Framework7Plugin;
-export default SmartSelectComponent;

package/types/components/sortable/sortable.d.ts

@@ -1,46 +0,0 @@
-import { CSSSelector, Framework7Plugin } from '../app/app-class';
-
-export namespace Sortable {
-  interface SortIndexes {
-    from: number;
-    to: number;
-  }
-  interface DomEvents {
-    /** Event will be triggered when sortable mode is enabled */
-    'sortable:enable': (event: any) => void;
-    /** Event will be triggered when sortable mode is disabled */
-    'sortable:disable': (event: any) => void;
-    /** Event will be triggered after user release currently sorting element in new position. event.detail will contain object with from and to properties with from/to index numbers of sorted list item */
-    'sortable:sort': (event: any, indexes: SortIndexes) => void;
-  }
-  interface AppMethods {
-    sortable: {
-      /** enable sorting mode on sortable list */
-      enable(listEl?: HTMLElement | CSSSelector): void;
-      /** disable sorting mode on sortable list */
-      disable(listEl?: HTMLElement | CSSSelector): void;
-      /** toggle sorting mode on sortable list */
-      toggle(listEl?: HTMLElement | CSSSelector): void;
-    };
-  }
-  interface AppParams {
-    sortable?:
-      | {
-          /** When enabled then it will move (reorder) HTML elements according to new sortable order. It is useful to disable it if you use other library for DOM manipulation, like React or Vue (default true) */
-          moveElements?: boolean;
-        }
-      | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered when sortable mode is enabled */
-    sortableEnable: (listEl: HTMLElement) => void;
-    /** Event will be triggered when sortable mode is disabled */
-    sortableDisable: (listEl: HTMLElement) => void;
-    /** Event will be triggered after user release currently sorting element in new position. indexes is an object with from and to properties with from/to index numbers of sorted list item */
-    sortableSort: (listEl: HTMLElement, indexes: SortIndexes) => void;
-  }
-}
-
-declare const SortableComponent: Framework7Plugin;
-
-export default SortableComponent;

package/types/components/statusbar/statusbar.d.ts

@@ -1,50 +0,0 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Statusbar {
-  interface AppParams {
-    /** Statusbar parameters */
-    statusbar?:
-      | {
-          /** Enables statusbar handling by Framework7. Disable it if you don't want Framework7 to handle statusbar behavior */
-          enabled?: boolean;
-          /** If enabled, then click on statusbar overlay will scroll top page content to the top.This functionality is only available when app is running under cordova/phonegap environment with installed cordova-plugin-statusbar */
-          scrollTopOnClick?: boolean;
-          /** Hex string (#RRGGBB) with background color when app running under iOS device. If passed then it will override CSS value */
-          iosBackgroundColor?: string;
-          /** Makes the statusbar overlay or not overlay the WebView. This functionality is only available when app is running on iOS device under cordova/phonegap environment with installed cordova-plugin-statusbar*/
-          iosOverlaysWebView?: boolean;
-          /** Statusbar text color. Can be white or black. This functionality is only available when app is running on iOS under cordova/phonegap environment with installed cordova-plugin-statusbar */
-          iosTextColor?: string;
-          /** Hex string (#RRGGBB) with background color when app running on Android device. If passed then it will override CSS value */
-          androidBackgroundColor?: string;
-          /** Makes the statusbar overlay or not overlay the WebView. This functionality is only available when app is running on Android and under cordova/phonegap environment with installed cordova-plugin-statusbar
-           */
-          androidOverlaysWebView?: boolean;
-          /** Statusbar text color. Can be white or black. This functionality is only available when app is running on Android and under cordova/phonegap environment with installed cordova-plugin-statusbar */
-          androidTextColor?: string;
-        }
-      | undefined;
-  }
-
-  interface AppMethods {
-    /** Statusbar methods and properties */
-    statusbar: {
-      /** Hide statusbar. In webapp it just hides statusbar overlay, but in cordova app it will hide statusbar at all. Hiding device statusbar is available when app is running under cordova/phonegap environment with installed cordova-plugin-statusbar */
-      hide(): void;
-      /** Show statusbar */
-      show(): void;
-      /** Makes the statusbar overlay or not overlay the WebView. This functionality is only available when app is running under cordova/phonegap environment with installed cordova-plugin-statusbar */
-      overlaysWebView(overlays: boolean): void;
-      /** "Set/change statusbar text color. "color" can be white or black. This functionality is only available when app is running under cordova/phonegap environment with installed cordova-plugin-statusbar" */
-      setTextColor(color: string): void;
-      /** Set/change statusbar background colorhex - string - Hex string (#RRGGBB) with background color */
-      setBackgroundColor(hex: string): void;
-      /** Returns Promise resolved with "true" if system statusbar is visible and false when it is not visible. This functionality is only available when app is running under cordova/phonegap/capacitor environment with installed cordova-plugin-statusbar */
-      isVisible(): Promise<boolean>;
-    };
-  }
-  interface AppEvents {}
-}
-
-declare const StatusbarComponent: Framework7Plugin;
-export default StatusbarComponent;

package/types/components/stepper/stepper.d.ts

@@ -1,117 +0,0 @@
-import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-
-export namespace Stepper {
-  interface Parameters {
-    /** Stepper element. HTMLElement or string with CSS selector of stepper element */
-    el: HTMLElement | CSSSelector;
-    /** Stepper input element or CSS selector of input element. If not specified, will try to look for <input> inside of stepper element */
-    inputEl?: HTMLElement | CSSSelector;
-    /** Minimal step between values (default 1) */
-    step?: number;
-    /** Minimum value (default 0) */
-    min?: number;
-    /** Maximum value (default 100) */
-    max?: number;
-    /** Initial value (default 0) */
-    value?: number;
-    /** When enabled, incrementing beyond maximum value sets value to minimum value; likewise, decrementing below minimum value sets value to maximum value (default false) */
-    wraps?: boolean;
-    /** When enabled it will repeatedly increase/decrease values while you tap and hold plus/minus buttons (default false) */
-    autorepeat?: boolean;
-    /** When enabled it will increase autorepeat ratio based on how long you hold the button (default false) */
-    autorepeatDynamic?: boolean;
-    /** Stepper value element or CSS selector of this element where Stepper will insert value. If not specified, and there is no inputEl passed will try to look for <div class="stepper-value"> inside of stepper element */
-    valueEl?: HTMLElement | CSSSelector;
-    /** Function to format value in required format. It accepts current value and must return new formatted value */
-    formatValue?: (value: number) => string | number;
-    /**  */
-    manualInputMode?: boolean;
-    /** Enables manual input mode. This mode allows to type value from keyboar and check fractional part with defined accurancy. Also, step parameter is ignored when typing in this mode */
-    decimalPoint?: number;
-    /** Number of digits after dot, when in manual input mode */
-    buttonsEndInputMode?: boolean;
-    /** Object with events handlers.. */
-    on?: {
-      [event in keyof Events]?: Events[event];
-    };
-  }
-  interface Stepper extends Framework7EventsClass<Events> {
-    /** Link to global app instance */
-    app: Framework7;
-    /** Stepper HTML element */
-    el: HTMLElement;
-    /** Dom7 instance with stepper HTML element */
-    $el: Dom7Array;
-    /** Stepper min value */
-    min: number;
-    /** Stepper max value */
-    max: number;
-    /** Stepper value */
-    value: number;
-    /** Stepper input HTML element */
-    inputEl: HTMLElement;
-    /** Dom7 instance with stepper input HTML element */
-    $inputEl: Dom7Array;
-    /** Stepper value container HTML element */
-    valueEl: HTMLElement;
-    /** Dom7 instance with stepper value container HTML element */
-    $valueEl: HTMLElement;
-    /** Stepper parameters */
-    params: Parameters;
-    /** Returns stepper value */
-    getValue(): number;
-    /** Set new stepper value */
-    setValue(value: number): Stepper;
-    /** Increment stepper value, similar to clicking on its "plus" button */
-    incremenet(): Stepper;
-    /** Increment stepper value, similar to clicking on its "plus" button */
-    plus(): Stepper;
-    /** Decrement stepper value, similar to clicking on its "minus" button */
-    decrement(): Stepper;
-    /** Decrement stepper value, similar to clicking on its "minus" button */
-    minus(): Stepper;
-    /** Destroy stepper */
-    destroy(): void;
-  }
-  interface Events {
-    /** Event will be triggered when stepper value has been changed. As an argument event handler receives stepper instance and stepper value */
-    change: (stepper: Stepper, value: number) => void;
-    /** Event will be triggered right before Stepper instance will be destroyed. As an argument event handler receives stepper instance */
-    beforeDestroy: (stepper: Stepper) => void;
-  }
-  interface DomEvents {
-    /** Event will be triggered when Stepper value has been changed*/
-    'stepper:change': () => void;
-    /** Event will be triggered right before Stepper instance will be destroyed */
-    'stepper:beforedestroy': () => void;
-  }
-
-  interface AppMethods {
-    stepper: {
-      /** create Stepper instance */
-      create(parameters: Parameters): Stepper;
-      /** get Stepper instance by HTML element */
-      get(el: HTMLElement | CSSSelector | Stepper): Stepper;
-      /** get Stepper value */
-      getValue(el: HTMLElement | CSSSelector | Stepper): number | number[];
-      /** set new Stepper value */
-      setValue(el: HTMLElement | CSSSelector | Stepper, value: number | number[]): void;
-      /** destroy Stepper instance */
-      destroy(el: HTMLElement | CSSSelector | Stepper): void;
-    };
-  }
-  interface AppParams {
-    stepper?: Parameters | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered when stepper value has been changed. As an argument event handler receives stepper instance and stepper value */
-    stepperChange: (stepper: Stepper, value: number) => void;
-    /** Event will be triggered right before Stepper instance will be destroyed. As an argument event handler receives stepper instance */
-    stepperBeforeDestroy: (stepper: Stepper) => void;
-  }
-}
-
-declare const StepperComponent: Framework7Plugin;
-
-export default StepperComponent;

package/types/components/subnavbar/subnavbar.d.ts

@@ -1,11 +0,0 @@
-import { Framework7Plugin } from '../app/app-class';
-
-export namespace Subnavbar {
-  interface AppMethods {}
-  interface AppParams {}
-  interface AppEvents {}
-}
-
-declare const SubnavbarComponent: Framework7Plugin;
-
-export default SubnavbarComponent;

package/types/components/swipeout/swipeout.d.ts

@@ -1,68 +0,0 @@
-import { CSSSelector, Framework7Plugin } from '../app/app-class';
-
-export namespace Swipeout {
-  interface DomEvents {
-    /** Event will be triggered while you move swipeout element. event.detail contains current opening progress percentage */
-    swipeout: (event: any) => void;
-    /** Event will be triggered when swipeout element starts its opening animation */
-    'swipeout:open': (event: any) => void;
-    /** Event will be triggered after swipeout element completes its opening animation */
-    'swipeout:opened': (event: any) => void;
-    /** Event will be triggered when swipeout element starts its closing animation */
-    'swipeout:close': (event: any) => void;
-    /** Event will be triggered after swipeout element completes its closing animation */
-    'swipeout:closed': (event: any) => void;
-    /** Event will be triggered after swipeout element starts its delete animation */
-    'swipeout:delete': (event: any) => void;
-    /** Event will be triggered after swipeout element completes its delete animation right before it will be removed from DOM */
-    'swipeout:deleted': (event: any) => void;
-  }
-  interface AppMethods {
-    swipeout: {
-      /** Currently opened swipeout HTMLElement. Or undefined if there is no opened swipeout element */
-      el: HTMLElement | CSSSelector | undefined;
-      /** reveal swipeout actions on specified element */
-      open(el: HTMLElement | CSSSelector, side?: 'left' | 'right', callback?: Function): void;
-      /** close swipeout actions on specified element */
-      close(el: HTMLElement | CSSSelector, callback?: Function): void;
-      /** delete specified swipeout element */
-      delete(el: HTMLElement | CSSSelector, callback?: Function): void;
-    };
-  }
-  interface AppParams {
-    swipeout?:
-      | {
-          /** Fallback option for potentially better performance on old/slow devices. If you enable it, then swipeout item will not follow your finger during touch, it will be automatically opened/closed on swipe left/right. (default false) */
-          noFollow?: boolean;
-          /** When disabled, then framework will not remove swipeout element from DOM on "swipeout-delete" click. Useful to enable if you use another library like Vue or React to manage (remove) swipeout items (default true) */
-          removeElements?: boolean;
-          /** When enabled, then framework will remove swipeout element from DOM on "swipeout-delete" click after specified delay (default false) */
-          removeElementsWithTimeout?: boolean;
-          /** Delay in ms to remove swipeout item if removeElementsWithTimeout is enabled */
-          removeElementsTimeout?: number;
-          /** Defines how much/hard needed to swipe to trigger overswipe (defaults to 1.2) */
-          overswipeRatio?: number;
-        }
-      | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered while you move swipeout element */
-    swipeout: (progress: number) => void;
-    /** Event will be triggered when swipeout element starts its opening animation */
-    swipeoutOpen: (swipeoutEl: HTMLElement) => void;
-    /** Event will be triggered after swipeout element completes its opening animation */
-    swipeoutOpened: (swipeoutEl: HTMLElement) => void;
-    /** Event will be triggered when swipeout element starts its closing animation */
-    swipeoutClose: (swipeoutEl: HTMLElement) => void;
-    /** Event will be triggered after swipeout element completes its closing animation */
-    swipeoutClosed: (swipeoutEl: HTMLElement) => void;
-    /** Event will be triggered after swipeout element starts its delete animation */
-    swipeoutDelete: (swipeoutEl: HTMLElement) => void;
-    /** Event will be triggered after swipeout element completes its delete animation right before it will be removed from DOM */
-    swipeoutDeleted: (swipeoutEl: HTMLElement) => void;
-  }
-}
-
-declare const SwipeoutComponent: Framework7Plugin;
-
-export default SwipeoutComponent;