quasar - npm Package Compare versions

Comparing version 1.0.0-beta.19 to 1.0.0-beta.20

dist/api/BottomSheet.json

@@ -12,3 +12,3 @@ {
           "definition": {
-            "className": {
+            "class": {
               "type": [
@@ -19,3 +19,3 @@ "String",
               ],
-              "desc": "CSS Class name to apply to the Dialog",
+              "desc": "CSS Class name to apply to the Dialog's QCard",
               "examples": [
@@ -31,3 +31,3 @@ "my-class"
               ],
-              "desc": "CSS style to apply to the Dialog",
+              "desc": "CSS style to apply to the Dialog's QCard",
               "examples": [
@@ -106,21 +106,7 @@ "border: 2px solid black"
             },
-            "width": {
-              "type": "String",
-              "desc": "Specific Bottom Sheet width (in CSS unit, including unit name)",
-              "examples": [
-                "16px",
-                "2rem"
-              ],
+            "dark": {
+              "type": "Boolean",
+              "desc": "Apply dark mode",
               "category": "style"
             },
-            "color": {
-              "type": "String",
-              "desc": "Color name for component from the Quasar Color Palette",
-              "examples": [
-                "primary",
-                "teal-10"
-              ],
-              "category": "style",
-              "default": "primary"
-            },
             "seamless": {
@@ -127,0 +113,0 @@ "type": "Boolean",

dist/api/Dialog.json

@@ -12,3 +12,3 @@ {
           "definition": {
-            "className": {
+            "class": {
               "type": [
@@ -19,3 +19,3 @@ "String",
               ],
-              "desc": "CSS Class name to apply to the Dialog",
+              "desc": "CSS Class name to apply to the Dialog's QCard",
               "examples": [
@@ -31,3 +31,3 @@ "my-class"
               ],
-              "desc": "CSS style to apply to the Dialog",
+              "desc": "CSS style to apply to the Dialog's QCard",
               "examples": [
@@ -156,13 +156,2 @@ "border: 2px solid black"
             },
-            "width": {
-              "type": "String",
-              "desc": "The width of the dialog (including CSS unit)",
-              "default": "400px",
-              "examples": [
-                "480px",
-                "25em",
-                "60%",
-                "auto"
-              ]
-            },
             "stackButtons": {
@@ -181,2 +170,7 @@ "type": "Boolean",
             },
+            "dark": {
+              "type": "Boolean",
+              "desc": "Apply dark mode",
+              "category": "style"
+            },
             "persistent": {
@@ -183,0 +177,0 @@ "type": "Boolean",

dist/api/QField.json

@@ -112,4 +112,7 @@ {
     "clear-icon": {
-      "type": "Boolean",
+      "type": "String",
       "desc": "Custom icon to use for the clear button when using along with 'clearable' prop",
+      "examples": [
+        "close"
+      ],
       "category": "content"
@@ -116,0 +119,0 @@ },

dist/api/QImg.json

@@ -104,3 +104,3 @@ {
     },
-    "spinnner-size": {
+    "spinner-size": {
       "type": "String",
@@ -107,0 +107,0 @@ "desc": "Size in CSS units, including unit name, for default Spinner (unless using a 'loading' slot)",

dist/api/QInput.json

@@ -13,4 +13,9 @@ {
       "examples": [
+        "###-##",
         "date",
-        "###-##"
+        "datetime",
+        "time",
+        "fulltime",
+        "phone",
+        "card"
       ],
@@ -137,4 +142,7 @@ "category": "behavior"
     "clear-icon": {
-      "type": "Boolean",
+      "type": "String",
       "desc": "Custom icon to use for the clear button when using along with 'clearable' prop",
+      "examples": [
+        "close"
+      ],
       "category": "content"
@@ -141,0 +149,0 @@ },

dist/api/QItemLabel.json

@@ -24,7 +24,2 @@ {
     },
-    "inset": {
-      "type": "Boolean",
-      "desc": "Applies an inset to the label",
-      "category": "content"
-    },
     "lines": {
@@ -31,0 +26,0 @@ "type": [

dist/api/QSelect.json

@@ -112,4 +112,7 @@ {
     "clear-icon": {
-      "type": "Boolean",
+      "type": "String",
       "desc": "Custom icon to use for the clear button when using along with 'clearable' prop",
+      "examples": [
+        "close"
+      ],
       "category": "content"
@@ -116,0 +119,0 @@ },

dist/icon-set/eva-icons.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/fontawesome-v5-pro.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/fontawesome-v5.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/ionicons-v4.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/material-icons.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/mdi-v3.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/themify.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ar.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/bg.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ca.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/cs.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/da.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/de.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/el.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/en-gb.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/en-us.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/eo.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/es.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/fa-ir.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/fi.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/fr.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/gn.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/he.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/hr.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/hu.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/id.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/it.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ja.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/km.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ko-kr.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/lu.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/lv.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ml.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ms.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/nb-no.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/nl.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/pl.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/pt-br.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/pt.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ro.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ru.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sk.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sl.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sr.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sv.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/th.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/tr.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/uk.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/vi.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/zh-hans.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/zh-hant.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/quasar.ie.polyfills.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/quasar.ie.polyfills.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.19
+ * Quasar Framework v1.0.0-beta.20
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/types/index.d.ts

@@ -21,3 +21,3 @@ import Vue, { VueConstructor } from 'vue'
     create(opts : {
-        className? : string | any[] | any
+        class? : string | any[] | any
         style? : string | any[] | any
@@ -28,4 +28,3 @@ title? : string
         grid? : boolean
-        width? : string
-        color? : string
+        dark? : boolean
         seamless? : boolean
@@ -68,3 +67,3 @@ persistent? : boolean }): {
     create(opts : {
-        className? : string | any[] | any
+        class? : string | any[] | any
         style? : string | any[] | any
@@ -84,5 +83,5 @@ title? : string
         cancel? : string | any | boolean
-        width? : string
         stackButtons? : boolean
         color? : string
+        dark? : boolean
         persistent? : boolean
@@ -683,3 +682,3 @@ noEscDismiss? : boolean
     clearable? : boolean
-    clearIcon? : boolean
+    clearIcon? : string
     filled? : boolean
@@ -746,3 +745,3 @@ outlined? : boolean
     spinnerColor? : string
-    spinnnerSize? : string
+    spinnerSize? : string
 }
@@ -792,3 +791,3 @@
     clearable? : boolean
-    clearIcon? : boolean
+    clearIcon? : string
     filled? : boolean
@@ -844,3 +843,2 @@ outlined? : boolean
     header? : boolean
-    inset? : boolean
     lines? : number | string
@@ -1143,3 +1141,3 @@ }
     clearable? : boolean
-    clearIcon? : boolean
+    clearIcon? : string
     filled? : boolean
@@ -1742,3 +1740,3 @@ outlined? : boolean
     bottomSheet (opts : {
-        className? : string | any[] | any
+        class? : string | any[] | any
         style? : string | any[] | any
@@ -1749,4 +1747,3 @@ title? : string
         grid? : boolean
-        width? : string
-        color? : string
+        dark? : boolean
         seamless? : boolean
@@ -1760,3 +1757,3 @@ persistent? : boolean }): {
     dialog (opts : {
-        className? : string | any[] | any
+        class? : string | any[] | any
         style? : string | any[] | any
@@ -1776,5 +1773,5 @@ title? : string
         cancel? : string | any | boolean
-        width? : string
         stackButtons? : boolean
         color? : string
+        dark? : boolean
         persistent? : boolean
@@ -1781,0 +1778,0 @@ noEscDismiss? : boolean

dist/vetur/quasar-tags.json

@@ -714,3 +714,2 @@ {
       "header",
-      "inset",
       "lines"
@@ -717,0 +716,0 @@ ],

package.json

 {
   "name": "quasar",
-  "version": "1.0.0-beta.19",
+  "version": "1.0.0-beta.20",
   "description": "High performance, Material Design 2, full front end stack with Vue.js -- build SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase",
@@ -5,0 +5,0 @@ "module": "src/index.esm.js",

src/body.js

@@ -66,3 +66,3 @@ import { setBrand } from './utils/colors.js'
   install ($q, queues, cfg) {
-    if (isSSR) {
+    if (isSSR === true) {
       queues.server.push((q, ctx) => {
@@ -69,0 +69,0 @@ const

src/components/editor/editor-utils.js

@@ -265,3 +265,3 @@ import QBtn from '../btn/QBtn.js'
       }),
-      vm.__getGroup(h, [
+      __getGroup(h, [
         h(QBtn, {
@@ -268,0 +268,0 @@ key: 'qedt_btm_rem',

src/components/editor/QEditor.js

@@ -316,3 +316,3 @@ import Vue from 'vue'
   created () {
-    if (!isSSR) {
+    if (isSSR === false) {
       document.execCommand('defaultParagraphSeparator', false, 'div')
@@ -319,0 +319,0 @@ this.defaultFont = window.getComputedStyle(document.body).fontFamily

src/components/field/__QField.json

@@ -70,4 +70,5 @@ {
     "clear-icon": {
-      "type": "Boolean",
+      "type": "String",
       "desc": "Custom icon to use for the clear button when using along with 'clearable' prop",
+      "examples": [ "close" ],
       "category": "content"
@@ -74,0 +75,0 @@ },

src/components/img/QImg.json

@@ -93,3 +93,3 @@ {
 
-    "spinnner-size": {
+    "spinner-size": {
       "extends": "size",
@@ -96,0 +96,0 @@ "desc": "Size in CSS units, including unit name, for default Spinner (unless using a 'loading' slot)",

src/components/list/QItemLabel.js

@@ -12,3 +12,2 @@ import Vue from 'vue'
     header: Boolean,
-    inset: Boolean,
     lines: [Number, String]
@@ -23,3 +22,2 @@ },
         'q-item__label--header': this.header,
-        'q-item__label--inset': this.inset,
         'ellipsis': parseInt(this.lines, 10) === 1
@@ -26,0 +24,0 @@ }

src/components/list/QItemLabel.json

@@ -25,8 +25,2 @@ {
 
-    "inset": {
-      "type": "Boolean",
-      "desc": "Applies an inset to the label",
-      "category": "content"
-    },
-
     "lines": {
@@ -33,0 +27,0 @@ "type": [ "Number", "String" ],

src/components/tabs/QTab.js

@@ -7,2 +7,3 @@ import Vue from 'vue'
 
+import { stop } from '../../utils/event.js'
 import slot from '../../utils/slot.js'
@@ -129,2 +130,3 @@
         [tag === 'div' ? 'on' : 'nativeOn']: {
+          input: stop,
           ...this.$listeners,
@@ -131,0 +133,0 @@ click: this.activate,

src/components/tabs/QTabs.js

@@ -6,2 +6,3 @@ import Vue from 'vue'
 
+import { stop } from '../../utils/event.js'
 import slot from '../../utils/slot.js'
@@ -375,3 +376,6 @@
       class: this.classes,
-      on: this.$listeners,
+      on: {
+        input: stop,
+        ...this.$listeners
+      },
       attrs: { role: 'tablist' }
@@ -378,0 +382,0 @@ }, [

src/install.js

@@ -33,3 +33,3 @@ import './polyfills.js'
 
-  if (isSSR) {
+  if (isSSR === true) {
     Vue.mixin({
@@ -36,0 +36,0 @@ beforeCreate () {

src/lang.js

@@ -8,3 +8,3 @@ import Vue from 'vue'
   install ($q, queues, lang) {
-    if (isSSR) {
+    if (isSSR === true) {
       queues.server.push((q, ctx) => {
@@ -34,3 +34,3 @@ const
 
-      if (!isSSR) {
+      if (isSSR === false) {
         const el = document.documentElement
@@ -41,3 +41,3 @@ el.setAttribute('dir', lang.rtl ? 'rtl' : 'ltr')
 
-      if (isSSR || $q.lang) {
+      if (isSSR === true || $q.lang !== void 0) {
         $q.lang = lang
@@ -58,3 +58,3 @@ }
   getLocale () {
-    if (isSSR) { return }
+    if (isSSR === true) { return }
 
@@ -61,0 +61,0 @@ let val =

src/mixins/fullscreen.js

@@ -70,2 +70,6 @@ import History from '../history.js'
       this.inFullscreen = false
+
+      if (this.$el.scrollIntoView !== void 0) {
+        setTimeout(() => { this.$el.scrollIntoView() })
+      }
     }
@@ -72,0 +76,0 @@ },

src/mixins/mask.json

@@ -7,3 +7,3 @@ {
       "examples": [
-        "date", "###-##"
+        "###-##", "date", "datetime", "time", "fulltime", "phone", "card"
       ],
@@ -10,0 +10,0 @@ "category": "behavior"

src/plugins/AddressbarColor.js

@@ -49,6 +49,6 @@ import Platform, { isSSR } from './Platform.js'
   install ({ $q, cfg }) {
-    this.set = !isSSR && Platform.is.mobile && (
-      Platform.is.cordova ||
-      Platform.is.winphone || Platform.is.safari ||
-      Platform.is.webkit || Platform.is.vivaldi
+    this.set = isSSR === false && Platform.is.mobile === true && (
+      Platform.is.cordova === true ||
+      Platform.is.winphone === true || Platform.is.safari === true ||
+      Platform.is.webkit === true || Platform.is.vivaldi === true
     )
@@ -58,3 +58,3 @@ ? hexColor => {
 
-        if (Platform.is.cordova && window.StatusBar) {
+        if (Platform.is.cordova === true && window.StatusBar) {
           window.StatusBar.backgroundColorByHexString(val)
@@ -61,0 +61,0 @@ }

src/plugins/AppFullscreen.js

@@ -34,3 +34,3 @@ import Vue from 'vue'
 
-    if (isSSR) { return }
+    if (isSSR === true) { return }
 
@@ -37,0 +37,0 @@ prefixes.request = [

src/plugins/AppVisibility.js

@@ -9,3 +9,3 @@ import Vue from 'vue'
   install ({ $q }) {
-    if (isSSR) {
+    if (isSSR === true) {
       this.appVisible = $q.appVisible = true
@@ -12,0 +12,0 @@ return

src/plugins/BottomSheet.js

@@ -1,2 +0,2 @@
-import BottomSheet from '../components/bottom-sheet/BottomSheet.js'
+import BottomSheet from '../components/dialog-bottom-sheet/BottomSheet.js'
 import globalDialog from '../utils/global-dialog.js'
@@ -3,0 +3,0 @@

src/plugins/BottomSheet.json

@@ -19,2 +19,3 @@ {
             },
+
             "message": {
@@ -25,2 +26,3 @@ "type": "String",
             },
+
             "actions": {
@@ -35,5 +37,7 @@ "type": "Array",
                 },
+
                 "icon": {
                   "extends": "icon"
                 },
+
                 "img": {
@@ -48,2 +52,3 @@ "type": "String",
                 },
+
                 "avatar": {
@@ -53,2 +58,3 @@ "type": "Boolean",
                 },
+
                 "label": {
@@ -61,2 +67,3 @@ "type": [ "String", "Number" ],
             },
+
             "grid": {
@@ -66,10 +73,8 @@ "type": "Boolean",
             },
-            "width": {
-              "extends": "size",
-              "desc": "Specific Bottom Sheet width (in CSS unit, including unit name)"
+
+            "dark": {
+              "extends": "dark",
+              "desc": "Apply dark mode"
             },
-            "color": {
-              "extends": "color",
-              "default": "primary"
-            },
+
             "seamless": {
@@ -79,2 +84,3 @@ "type": "Boolean",
             },
+
             "persistent": {
@@ -81,0 +87,0 @@ "type": "Boolean",

src/plugins/Cookies.js

@@ -161,3 +161,3 @@ import { isSSR } from './Platform.js'
   install ({ $q, queues }) {
-    if (isSSR) {
+    if (isSSR === true) {
       queues.server.push((q, ctx) => {
@@ -164,0 +164,0 @@ q.cookies = getObject(ctx)

src/plugins/Dialog.js

@@ -1,2 +0,2 @@
-import DialogPlugin from '../components/dialog/DialogPlugin.js'
+import DialogPlugin from '../components/dialog-plugin/DialogPlugin.js'
 import globalDialog from '../utils/global-dialog.js'
@@ -3,0 +3,0 @@

src/plugins/Dialog.json

@@ -109,9 +109,2 @@ {
 
-            "width": {
-              "type": "String",
-              "desc": "The width of the dialog (including CSS unit)",
-              "default": "400px",
-              "examples": [ "480px", "25em", "60%", "auto" ]
-            },
-
             "stackButtons": {
@@ -126,2 +119,7 @@ "type": "Boolean",
 
+            "dark": {
+              "extends": "dark",
+              "desc": "Apply dark mode"
+            },
+
             "persistent": {
@@ -128,0 +126,0 @@ "type": "Boolean",

src/plugins/Loading.js

@@ -26,3 +26,3 @@ import Vue from 'vue'
   show (opts) {
-    if (isSSR) { return }
+    if (isSSR === true) { return }
 
@@ -29,0 +29,0 @@ props = { ...defaults, ...opts }

src/plugins/LoadingBar.js

@@ -12,3 +12,3 @@ import Vue from 'vue'
   install ({ $q, cfg }) {
-    if (isSSR) {
+    if (isSSR === true) {
       $q.loadingBar = this
@@ -15,0 +15,0 @@ return

src/plugins/Meta.js

@@ -11,3 +11,3 @@ import Vue from 'vue'
     meta.title = meta.titleTemplate
-      ? meta.titleTemplate(meta.title || '')
+      ? meta.titleTemplate(meta.title)
       : meta.title
@@ -24,2 +24,3 @@ delete meta.titleTemplate
       const metaLink = metaType[name]
+
       if (metaLink.template) {
@@ -43,3 +44,5 @@ if (Object.keys(metaLink).length === 1) {
   for (let key in old) {
-    if (old[key] !== def[key]) { return true }
+    if (old[key] !== def[key]) {
+      return true
+    }
   }
@@ -49,7 +52,7 @@ }
 function bodyFilter (name) {
-  return !['class', 'style'].includes(name)
+  return ['class', 'style'].includes(name) === false
 }
 
 function htmlFilter (name) {
-  return !['lang', 'dir'].includes(name)
+  return ['lang', 'dir'].includes(name) === false
 }
@@ -60,3 +63,3 @@
 
-  if (!meta) {
+  if (meta === void 0) {
     return { add: other, remove }
@@ -73,3 +76,3 @@ }
 
-    if (!old) {
+    if (old === void 0 || old === null) {
       add[type] = cur
@@ -82,7 +85,11 @@ return
     for (let key in old) {
-      if (!cur.hasOwnProperty(key)) { remove[type].push(key) }
+      if (cur.hasOwnProperty(key) === false) {
+        remove[type].push(key)
+      }
     }
     for (let key in cur) {
-      if (!old.hasOwnProperty(key)) { add[type][key] = cur[key] }
-      else if (changed(old[key], cur[key])) {
+      if (old.hasOwnProperty(key) === false) {
+        add[type][key] = cur[key]
+      }
+      else if (changed(old[key], cur[key]) === true) {
         remove[type].push(key)
@@ -142,11 +149,13 @@ add[type][key] = cur[key]
 function parseMeta (component, meta) {
-  if (component._inactive) { return }
+  if (component._inactive === true) { return }
 
-  const hasMeta = component.$options.meta
-  if (hasMeta) {
+  // if it has meta
+  if (component.__qMeta !== void 0) {
     extend(true, meta, component.__qMeta)
-    if (hasMeta.stopPropagation) { return }
+    if (component.$options.meta.stopPropagation === true) {
+      return
+    }
   }
 
-  component.$children && component.$children.forEach(child => {
+  component.$children.forEach(child => {
     parseMeta(child, meta)
@@ -157,3 +166,3 @@ })
 function updateClient () {
-  if (ssrTakeover) {
+  if (ssrTakeover === true) {
     ssrTakeover = false
@@ -248,17 +257,21 @@ this.$root.__currentMeta = window.__Q_META__
 function beforeCreate () {
-  if (this.$options.meta) {
-    if (typeof this.$options.meta === 'function') {
-      if (!this.$options.computed) {
-        this.$options.computed = {}
-      }
-      this.$options.computed.__qMeta = this.$options.meta
+  if (typeof this.$options.meta === 'function') {
+    if (this.$options.computed === void 0) {
+      this.$options.computed = {}
     }
-    else {
-      this.__qMeta = this.$options.meta
-    }
+    this.$options.computed.__qMeta = this.$options.meta
   }
+  else if (hasMeta(this) === true) {
+    this.__qMeta = this.$options.meta
+  }
 }
 
+// needs to be really fast
+function hasMeta (vm) {
+  return vm.$options.meta !== void 0 &&
+    vm.$options.meta !== null
+}
+
 function triggerMeta () {
-  this.$options.meta && this.__qMetaUpdate()
+  hasMeta(this) === true && this.__qMetaUpdate()
 }
@@ -268,7 +281,7 @@
   install ({ queues }) {
-    if (isSSR) {
+    if (isSSR === true) {
       Vue.prototype.$getMetaHTML = app => html => getServerMeta(app, html)
       Vue.mixin({ beforeCreate })
 
-      queues.server.push((q, ctx) => {
+      queues.server.push((_, ctx) => {
         ctx.ssr.Q_HTML_ATTRS += ' %%Q_HTML_ATTRS%%'
@@ -288,3 +301,3 @@ Object.assign(ctx.ssr, {
         created () {
-          if (this.$options.meta) {
+          if (hasMeta(this) === true) {
             this.__qMetaUnwatch = this.$watch('__qMeta', this.__qMetaUpdate)
@@ -297,3 +310,3 @@ }
         destroyed () {
-          if (this.$options.meta) {
+          if (hasMeta(this) === true) {
             this.__qMetaUnwatch()
@@ -300,0 +313,0 @@ this.__qMetaUpdate()

src/plugins/Notify.js

@@ -219,3 +219,3 @@ import Vue from 'vue'
   create (opts) {
-    if (isSSR) { return () => {} }
+    if (isSSR === true) { return () => {} }
     return this.__vm.add(opts)
@@ -228,3 +228,3 @@ },
   install (args) {
-    if (isSSR) {
+    if (isSSR === true) {
       args.$q.notify = () => {}
@@ -231,0 +231,0 @@ args.$q.notify.setDefaults = () => {}

src/plugins/Platform.js

@@ -153,3 +153,3 @@ /* eslint-disable no-useless-escape */
 
-  if (!isSSR) {
+  if (isSSR === false) {
     if (window.process && window.process.versions && window.process.versions.electron) {
@@ -169,3 +169,3 @@ browser.electron = true
 
-    fromSSR && (onSSR = true)
+    fromSSR === true && (onSSR = true)
   }
@@ -226,3 +226,3 @@
   install ($q, queues) {
-    if (isSSR) {
+    if (isSSR === true) {
       queues.server.push((q, ctx) => {
@@ -236,3 +236,3 @@ q.platform = this.parseSSR(ctx.ssr)
 
-    if (fromSSR) {
+    if (fromSSR === true) {
       queues.takeover.push(q => {
@@ -239,0 +239,0 @@ onSSR = fromSSR = false

src/plugins/Screen.js

@@ -42,3 +42,3 @@ import Vue from 'vue'
   install ($q, queues) {
-    if (isSSR) {
+    if (isSSR === true) {
       $q.screen = this
@@ -131,3 +131,3 @@ return
 
-    if (fromSSR) {
+    if (fromSSR === true) {
       queues.takeover.push(start)
@@ -134,0 +134,0 @@ }

src/polyfills.js

@@ -98,3 +98,3 @@ /* eslint-disable no-extend-native, one-var, no-self-compare */
 
-if (!isSSR) {
+if (isSSR === false) {
   if (typeof Element.prototype.matches !== 'function') {
@@ -101,0 +101,0 @@ Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.webkitMatchesSelector || function matches (selector) {

src/utils/global-dialog.js

@@ -11,9 +11,19 @@ import Vue from 'vue'
 
-export default function (Component) {
-  return ({ className, style, ...props }) => {
-    if (isSSR) { return ssrAPI }
+export default function (DefaultComponent) {
+  return ({ className, class: klass, style, component, ...props }) => {
+    if (isSSR === true) { return ssrAPI }
 
-    className !== void 0 && (props.contentClass = className)
-    style !== void 0 && (props.contentStyle = style)
+    // TODO remove in v1 final
+    if (className !== void 0) {
+      props.cardClass = className
 
+      const p = process.env
+      if (p.PROD !== true) {
+        console.info('\n\n[Quasar] Dialog/BottomSheet Plugin info: please rename "className" to "class" prop')
+      }
+    }
+
+    klass !== void 0 && (props.cardClass = klass)
+    style !== void 0 && (props.cardStyle = style)
+
     const
@@ -45,32 +55,39 @@ okFns = [],
 
-    const
-      ok = data => {
+    let emittedOK = false
+
+    const on = {
+      ok: data => {
+        emittedOK = true
         okFns.forEach(fn => { fn(data) })
       },
-      cancel = () => {
-        cancelFns.forEach(fn => { fn() })
+
+      hide: () => {
+        vm.$destroy()
+        vm.$el.remove()
+        vm = null
+
+        if (emittedOK !== true) {
+          cancelFns.forEach(fn => { fn() })
+        }
       }
+    }
 
+    const vmData = {}
+    Vue.util.defineReactive(vmData, 'props', props)
+
+    const DialogComponent = component !== void 0
+      ? component
+      : DefaultComponent
+
     let vm = new Vue({
       el: node,
 
-      data () {
-        return { props }
+      render (h) {
+        return h(DialogComponent, {
+          ref: 'dialog',
+          props: vmData.props,
+          on
+        })
       },
 
-      render: h => h(Component, {
-        ref: 'dialog',
-        props,
-        attrs: props,
-        on: {
-          ok,
-          cancel,
-          hide: () => {
-            vm.$destroy()
-            vm.$el.remove()
-            vm = null
-          }
-        }
-      }),
-
       mounted () {
@@ -77,0 +94,0 @@ this.$refs.dialog.show()

src/utils/global-dialog.json

@@ -10,10 +10,11 @@ {
           "definition": {
-            "className": {
+            "class": {
               "type": [ "String", "Array", "Object" ],
-              "desc": "CSS Class name to apply to the Dialog",
+              "desc": "CSS Class name to apply to the Dialog's QCard",
               "examples": [ "my-class" ]
             },
+
             "style": {
               "type": [ "String", "Array", "Object" ],
-              "desc": "CSS style to apply to the Dialog",
+              "desc": "CSS style to apply to the Dialog's QCard",
               "examples": [ "border: 2px solid black" ]
@@ -24,2 +25,3 @@ }
       },
+
       "returns": {
@@ -46,2 +48,3 @@ "type": "Object",
           },
+
           "onCancel": {
@@ -64,2 +67,3 @@ "type": "Function",
           },
+
           "onDismiss": {
@@ -84,2 +88,3 @@ "type": "Function",
           },
+
           "hide": {
@@ -86,0 +91,0 @@ "type": "Function",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5475603

increased by0.1%

Number of package files

794

increased by0.13%

Lines of code

121415

increased by0.05%

Worsened metrics

Number of low supply chain risk alerts

24

increased by26.32%

No dependency changes