framework7-vue 8.2.0 → 8.3.1

package/components/sheet.d.ts

@@ -75,6 +75,21 @@ declare const Sheet: DefineComponent<
       default: undefined;
     },
 
+    breakpoints: {
+      type: ArrayConstructor;
+      default: () => undefined;
+    },
+
+    backdropBreakpoint: {
+      type: NumberConstructor;
+      default: undefined;
+    },
+
+    pushBreakpoint: {
+      type: NumberConstructor;
+      default: undefined;
+    },
+
     color: {
       type: StringConstructor;
     },
@@ -109,8 +124,8 @@ declare const Sheet: DefineComponent<
   {},
   ComponentOptionsMixin,
   ComponentOptionsMixin,
-  ("sheet:stepprogress" | "sheet:stepopen" | "sheet:stepclose" | "sheet:open" | "sheet:opened" | "sheet:close" | "sheet:closed" | "update:opened")[],
-  "sheet:stepprogress" | "sheet:stepopen" | "sheet:stepclose" | "sheet:open" | "sheet:opened" | "sheet:close" | "sheet:closed" | "update:opened"
+  ("sheet:stepprogress" | "sheet:stepopen" | "sheet:stepclose" | "sheet:open" | "sheet:opened" | "sheet:close" | "sheet:closed" | "sheet:breakpoint" | "update:opened")[],
+  "sheet:stepprogress" | "sheet:stepopen" | "sheet:stepclose" | "sheet:open" | "sheet:opened" | "sheet:close" | "sheet:closed" | "sheet:breakpoint" | "update:opened"
 >;
 
 export default Sheet;

package/components/sheet.js

@@ -51,9 +51,21 @@ export default {
       type: [String, Object],
       default: undefined
     },
+    breakpoints: {
+      type: Array,
+      default: () => undefined
+    },
+    backdropBreakpoint: {
+      type: Number,
+      default: undefined
+    },
+    pushBreakpoint: {
+      type: Number,
+      default: undefined
+    },
     ...colorProps
   },
-  emits: ['sheet:stepprogress', 'sheet:stepopen', 'sheet:stepclose', 'sheet:open', 'sheet:opened', 'sheet:close', 'sheet:closed', 'update:opened'],
+  emits: ['sheet:stepprogress', 'sheet:stepopen', 'sheet:stepclose', 'sheet:open', 'sheet:opened', 'sheet:close', 'sheet:closed', 'sheet:breakpoint', 'update:opened'],
   setup(props, _ref) {
     let {
       emit,
@@ -64,6 +76,9 @@ export default {
     let isOpened = props.opened;
     let isClosing = false;
     const elRef = ref(null);
+    const onBreakpoint = (instance, breakpoint) => {
+      emit('sheet:breakpoint', instance, breakpoint);
+    };
     const onStepProgress = (instance, progress) => {
       emit('sheet:stepprogress', instance, progress);
     };
@@ -103,7 +118,8 @@ export default {
           closed: onClosed,
           stepOpen: onStepOpen,
           stepClose: onStepClose,
-          stepProgress: onStepProgress
+          stepProgress: onStepProgress,
+          breakpoint: onBreakpoint
         }
       };
       const {
@@ -116,7 +132,10 @@ export default {
         swipeToClose,
         swipeToStep,
         swipeHandler,
-        containerEl
+        containerEl,
+        breakpoints,
+        backdropBreakpoint,
+        pushBreakpoint
       } = props;
       if (typeof animate !== 'undefined') sheetParams.animate = animate;
       if (typeof backdrop !== 'undefined') sheetParams.backdrop = backdrop;
@@ -128,6 +147,9 @@ export default {
       if (typeof swipeToStep !== 'undefined') sheetParams.swipeToStep = swipeToStep;
       if (typeof swipeHandler !== 'undefined') sheetParams.swipeHandler = swipeHandler;
       if (typeof containerEl !== 'undefined') sheetParams.containerEl = containerEl;
+      if (typeof breakpoints !== 'undefined') sheetParams.breakpoints = breakpoints;
+      if (typeof backdropBreakpoint !== 'undefined') sheetParams.backdropBreakpoint = backdropBreakpoint;
+      if (typeof pushBreakpoint !== 'undefined') sheetParams.pushBreakpoint = pushBreakpoint;
       f7ready(() => {
         f7Sheet = f7.sheet.create(sheetParams);
         if (props.opened) {

package/framework7-vue-web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-04/schema#",
   "framework": "vue",
   "name": "framework7-vue",
-  "version": "8.2.0",
+  "version": "8.3.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/framework7-vue.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 Vue 8.2.0
+ * Framework7 Vue 8.3.1
  * Build full featured iOS & Android apps using Framework7 & Vue
  * https://framework7.io/vue/
  *
- * Copyright 2014-2023 Vladimir Kharlampidi
+ * Copyright 2014-2024 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: July 6, 2023
+ * Released on: February 5, 2024
  */
 import Framework7Vue from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';

package/package.json

@@ -1,11 +1,17 @@
 {
   "name": "framework7-vue",
-  "version": "8.2.0",
+  "version": "8.3.1",
   "description": "Build full featured iOS & Android apps using Framework7 & Vue",
   "type": "module",
   "exports": {
-    ".": "./framework7-vue.js",
-    "./bundle": "./framework7-vue-bundle.js",
+    ".": {
+      "import": "./framework7-vue.js",
+      "types": "./framework7-vue.d.ts"
+    },
+    "./bundle": {
+      "import": "./framework7-vue-bundle.js",
+      "types": "./framework7-vue.d.ts"
+    },
     "./components/*": "./components/*",
     "./shared/*": "./shared/*"
   },
@@ -55,5 +61,5 @@
     "type": "patreon",
     "url": "https://www.patreon.com/framework7"
   },
-  "releaseDate": "July 6, 2023"
+  "releaseDate": "February 5, 2024"
 }