framework7 6.3.11 → 6.3.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7",
-  "version": "6.3.11",
+  "version": "6.3.16",
   "description": "Full featured mobile HTML framework for building iOS & Android apps",
   "main": "cjs/framework7.js",
   "module": "esm/framework7.js",

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

@@ -36,7 +36,7 @@ export namespace ListIndex {
     /** Related List View element. HTMLElement or string with CSS selector of List View element. */
     listEl?: HTMLElement | CSSSelector;
     /** Array with indexes. If not passed then it will automatically generate it based on item-divider and list-group-title elements inside of passed List View element in listEl parameter. (default auto) */
-    indexes?: number[] | string; // ??
+    indexes?: string[] | string; // ??
     /** Will automatically scroll related List View to the selected index. (default true) */
     scrollList?: boolean;
     /** Enables label bubble with selected index when you swipe over list index. (default false) */

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

@@ -13,9 +13,9 @@ export namespace Notification {
     params: Parameters;
 
     /** Open notification */
-    open(): Notification;
+    open(animate?: boolean): Notification;
     /** Close notification */
-    close(): Notification;
+    close(animate?: boolean): Notification;
   }
 
   interface Parameters {
@@ -88,10 +88,10 @@ export namespace Notification {
       get(el: HTMLElement | CSSSelector): Notification;
 
       /** open Notification */
-      open(el: HTMLElement | CSSSelector): Notification;
+      open(el: HTMLElement | CSSSelector, animate?: boolean): Notification;
 
       /** closes Notification */
-      close(el: HTMLElement | CSSSelector): Notification;
+      close(el: HTMLElement | CSSSelector, animate?: boolean): Notification;
     };
   }
   interface AppParams {

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

@@ -43,6 +43,8 @@ export namespace Popup {
     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;
+    /** Element to mount modal to. (default app.el) */
+    containerEl?: HTMLElement | CSSSelector;
 
     /** Object with events handlers.. */
     on?: {

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

@@ -13,6 +13,8 @@ export namespace Range {
     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 */
@@ -21,11 +23,19 @@ export namespace 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 */
+    /** Enables vertical range slider (default false) */
     vertical?: boolean;
-    /** Makes vertical range slider reversed */
+    /** Makes vertical range slider reversed (default false) */
     verticalReversed?: boolean;
-    /** Limit knob position to the size of range bar */
+    /** 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?: {
@@ -55,13 +65,21 @@ export namespace Range {
     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  */
+    /** Boolean property indicating whether it is vertical or not */
     vertical: boolean;
-    /** Boolean property indicating whether it is vertical and reversed or not  */
+    /** Boolean property indicating whether it is vertical and reversed or not */
     verticalReversed: boolean;
     /** Range parameters */
     params: Parameters;

package/types/components/toast/toast.d.ts

@@ -60,9 +60,9 @@ export namespace Toast {
     params: Parameters;
 
     /** Open toast */
-    open(): Toast;
+    open(animate?: boolean): Toast;
     /** Close toast */
-    close(): Toast;
+    close(animate?: boolean): Toast;
     /** Destroy toast */
     destroy(): void;
   }