quasar 2.15.1 → 2.15.2

package/src/plugins/{Notify.json → notify/Notify.json}

@@ -12,7 +12,7 @@
       "type": {
         "type": "String",
         "desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
-        "examples": [ "negative", "custom-type" ]
+        "examples": [ "'negative'", "'custom-type'" ]
       },
 
       "color": {
@@ -26,13 +26,13 @@
       "message": {
         "type": "String",
         "desc": "The content of your message",
-        "examples": [ "John Doe pinged you" ]
+        "examples": [ "'John Doe pinged you'" ]
       },
 
       "caption": {
         "type": "String",
         "desc": "The content of your optional caption",
-        "examples": [ "5 minutes ago" ]
+        "examples": [ "'5 minutes ago'" ]
       },
 
       "html": {
@@ -58,9 +58,9 @@
         "type": "String",
         "desc": "URL to an avatar/image; Suggestion: use public folder",
         "examples": [
-          "(public folder) img/something.png",
-          "(relative path format) require('./my_img.jpg')",
-          "(URL) https://some-site.net/some-img.gif"
+          "# (public folder) 'img/something.png'",
+          "# (relative path format) require('./my_img.jpg')",
+          "# (URL) https://some-site.net/some-img.gif"
         ]
       },
 
@@ -68,7 +68,7 @@
         "type": [ "Boolean", "Component" ],
         "configFileType": [ "Boolean", "String" ],
         "desc": "Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown",
-        "examples": [ true, "QSpinnerBars" ]
+        "examples": [ "true", "QSpinnerBars" ]
       },
 
       "spinnerColor": {
@@ -84,19 +84,19 @@
       "position": {
         "type": "String",
         "desc": "Window side/corner to stick to",
-        "default": "bottom",
+        "default": "'bottom'",
         "values": [
-          "top-left", "top-right",
-          "bottom-left", "bottom-right",
-          "top", "bottom", "left", "right", "center"
+          "'top-left'", "'top-right'",
+          "'bottom-left'", "'bottom-right'",
+          "'top'", "'bottom'", "'left'", "'right'", "'center'"
         ]
       },
 
       "group": {
         "type": [ "Boolean", "String", "Number" ],
         "desc": "Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered",
-        "default": "(message + caption + multiline + actions labels + position)",
-        "examples": [ "my-group" ]
+        "default": "# message + caption + multiline + actions labels + position",
+        "examples": [ "'my-group'" ]
       },
 
       "badgeColor": {
@@ -110,10 +110,10 @@
       "badgePosition": {
         "type": "String",
         "desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
-        "default": "(top-left/top-right)",
+        "default": "# top-left/top-right",
         "values": [
-          "top-left", "top-right",
-          "bottom-left", "bottom-right"
+          "'top-left'", "'top-right'",
+          "'bottom-left'", "'bottom-right'"
         ]
       },
       "badgeStyle": {
@@ -121,7 +121,7 @@
         "tsType": "VueStyleProp",
         "desc": "Style definitions to be attributed to the badge",
         "examples": [
-          "background-color: #ff0000",
+          "'background-color: #ff0000'",
           "{ backgroundColor: '#ff0000' }"
         ]
       },
@@ -130,7 +130,7 @@
         "tsType": "VueClassProp",
         "desc": "Class definitions to be attributed to the badge",
         "examples": [
-          "my-special-class",
+          "'my-special-class'",
           "{ 'my-special-class': <condition> }"
         ]
       },
@@ -144,7 +144,7 @@
         "tsType": "VueClassProp",
         "desc": "Class definitions to be attributed to the progress bar",
         "examples": [
-          "my-special-class",
+          "'my-special-class'",
           "{ 'my-special-class': <condition> }"
         ]
       },
@@ -152,9 +152,7 @@
       "classes": {
         "type": "String",
         "desc": "Add CSS class(es) to the notification for easier customization",
-        "examples": [
-          "my-notif-class"
-        ]
+        "examples": [ "'my-notif-class'" ]
       },
 
       "attrs": {
@@ -167,7 +165,7 @@
       "timeout": {
         "type": "Number",
         "desc": "Amount of time to display (in milliseconds). Set to 0 to never dismiss automatically.",
-        "default": 5000
+        "default": "5000"
       },
 
       "actions": {
@@ -181,9 +179,7 @@
             "desc": "Function to be executed when the button is clicked/tapped",
             "params": null,
             "returns": null,
-            "examples": [
-              "() => { console.log('button clicked') }"
-            ]
+            "examples": [ "() => { console.log('button clicked') }" ]
           },
           "noDismiss": {
             "type": "Boolean",
@@ -195,9 +191,7 @@
             "examples": [ "label: 'Learn more'", "color: 'primary'" ]
           }
         },
-        "examples": [
-          "[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]"
-        ]
+        "examples": [ "[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]" ]
       },
 
       "onDismiss": {
@@ -206,15 +200,13 @@
         "desc": "Function to call when notification gets dismissed",
         "params": null,
         "returns": null,
-        "examples": [
-          "() => { console.log('Dismissed') }"
-        ]
+        "examples": [ "() => { console.log('Dismissed') }" ]
       },
 
       "closeBtn": {
         "type": [ "Boolean", "String" ],
         "desc": "Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language",
-        "examples": [ "Close me" ]
+        "examples": [ "'Close me'" ]
       },
 
       "multiLine": {
@@ -239,7 +231,7 @@
             "type": {
               "type": "String",
               "desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
-              "examples": [ "negative", "custom-type" ]
+              "examples": [ "'negative'", "'custom-type'" ]
             },
 
             "color": {
@@ -253,13 +245,13 @@
             "message": {
               "type": "String",
               "desc": "The content of your message",
-              "examples": [ "John Doe pinged you" ]
+              "examples": [ "'John Doe pinged you'" ]
             },
 
             "caption": {
               "type": "String",
               "desc": "The content of your optional caption",
-              "examples": [ "5 minutes ago" ]
+              "examples": [ "'5 minutes ago'" ]
             },
 
             "html": {
@@ -285,16 +277,16 @@
               "type": "String",
               "desc": "URL to an avatar/image; Suggestion: use public folder",
               "examples": [
-                "(public folder) img/something.png",
-                "(relative path format) require('./my_img.jpg')",
-                "(URL) https://some-site.net/some-img.gif"
+                "# (public folder) 'img/something.png'",
+                "# (relative path format) require('./my_img.jpg')",
+                "# (URL) https://some-site.net/some-img.gif"
               ]
             },
 
             "spinner": {
               "type": [ "Boolean", "Component" ],
               "desc": "Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown",
-              "examples": [ true, "QSpinnerBars" ]
+              "examples": [ "true", "QSpinnerBars" ]
             },
 
             "spinnerColor": {
@@ -310,19 +302,19 @@
             "position": {
               "type": "String",
               "desc": "Window side/corner to stick to",
-              "default": "bottom",
+              "default": "'bottom'",
               "values": [
-                "top-left", "top-right",
-                "bottom-left", "bottom-right",
-                "top", "bottom", "left", "right", "center"
+                "'top-left'", "'top-right'",
+                "'bottom-left'", "'bottom-right'",
+                "'top'", "'bottom'", "'left'", "'right'", "'center'"
               ]
             },
 
             "group": {
               "type": [ "Boolean", "String", "Number" ],
               "desc": "Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered",
-              "default": "(message + caption + multiline + actions labels + position)",
-              "examples": [ "my-group" ]
+              "default": "# message + caption + multiline + actions labels + position",
+              "examples": [ "'my-group'" ]
             },
 
             "badgeColor": {
@@ -336,10 +328,10 @@
             "badgePosition": {
               "type": "String",
               "desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
-              "default": "(top-left/top-right)",
+              "default": "# top-left/top-right",
               "values": [
-                "top-left", "top-right",
-                "bottom-left", "bottom-right"
+                "'top-left'", "'top-right'",
+                "'bottom-left'", "'bottom-right'"
               ]
             },
             "badgeStyle": {
@@ -347,7 +339,7 @@
               "tsType": "VueStyleProp",
               "desc": "Style definitions to be attributed to the badge",
               "examples": [
-                "background-color: #ff0000",
+                "'background-color: #ff0000'",
                 "{ backgroundColor: '#ff0000' }"
               ]
             },
@@ -356,7 +348,7 @@
               "tsType": "VueClassProp",
               "desc": "Class definitions to be attributed to the badge",
               "examples": [
-                "my-special-class",
+                "'my-special-class'",
                 "{ 'my-special-class': <condition> }"
               ]
             },
@@ -370,7 +362,7 @@
               "tsType": "VueClassProp",
               "desc": "Class definitions to be attributed to the progress bar",
               "examples": [
-                "my-special-class",
+                "'my-special-class'",
                 "{ 'my-special-class': <condition> }"
               ]
             },
@@ -378,9 +370,7 @@
             "classes": {
               "type": "String",
               "desc": "Add CSS class(es) to the notification for easier customization",
-              "examples": [
-                "my-notif-class"
-              ]
+              "examples": [ "'my-notif-class'" ]
             },
 
             "attrs": {
@@ -393,8 +383,8 @@
             "timeout": {
               "type": "Number",
               "desc": "Amount of time to display (in milliseconds). Set to 0 to never dismiss automatically.",
-              "default": 5000,
-              "examples": [ 2500 ]
+              "default": "5000",
+              "examples": [ "2500" ]
             },
 
             "actions": {
@@ -407,9 +397,7 @@
                   "desc": "Function to be executed when the button is clicked/tapped",
                   "params": null,
                   "returns": null,
-                  "examples": [
-                    "() => { console.log('button clicked') }"
-                  ]
+                  "examples": [ "() => { console.log('button clicked') }" ]
                 },
                 "noDismiss": {
                   "type": "Boolean",
@@ -421,9 +409,7 @@
                   "examples": [ "label: 'Learn more'", "color: 'primary'" ]
                 }
               },
-              "examples": [
-                "[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]"
-              ]
+              "examples": [ "[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]" ]
             },
 
             "onDismiss": {
@@ -431,15 +417,13 @@
               "desc": "Function to call when notification gets dismissed",
               "params": null,
               "returns": null,
-              "examples": [
-                "() => { console.log('Dismissed') }"
-              ]
+              "examples": [ "() => { console.log('Dismissed') }" ]
             },
 
             "closeBtn": {
               "type": [ "Boolean", "String" ],
               "desc": "Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language",
-              "examples": [ "Close me" ]
+              "examples": [ "'Close me'" ]
             },
 
             "multiLine": {
@@ -490,7 +474,7 @@
           "type": "String",
           "required": true,
           "desc": "Name of the type (to be used as 'type' prop later on)",
-          "examples": [ "my-type" ]
+          "examples": [ "'my-type'" ]
         },
 
         "typeOpts": {

package/src/plugins/{Platform.js → platform/Platform.js}

@@ -1,7 +1,7 @@
 /* eslint-disable no-useless-escape */
 
 import { ref, reactive } from 'vue'
-import { injectProp } from '../utils/private/inject-obj-prop.js'
+import { injectProp } from '../../utils/private/inject-obj-prop.js'
 
 /**
  * __ QUASAR_SSR __            -> runs on SSR on client or server
@@ -113,7 +113,7 @@ function getPlatform (UA) {
     delete browser[ 'windows phone' ]
   }
 
-  if (browser.edga || browser.edgios) {
+  if (browser.edga || browser.edgios || browser.edg) {
     browser.edge = true
     matched.browser = 'edge'
   }
@@ -154,14 +154,8 @@ function getPlatform (UA) {
     browser.webkit = true
   }
 
-  // TODO: (Qv3) rename the terms 'edge' to 'edge legacy' (or remove it) then 'edge chromium' to 'edge' to match with the known up-to-date terms
-  // Microsoft Edge is the new Chromium-based browser. Microsoft Edge Legacy is the old EdgeHTML-based browser (EOL: March 9, 2021).
-  if (browser.edg) {
-    matched.browser = 'edgechromium'
-    browser.edgeChromium = true
-  }
   // Opera 15+ are identified as opr
-  else if (browser.opr) {
+  if (browser.opr) {
     matched.browser = 'opera'
     browser.opera = true
   }

package/src/plugins/{Platform.json → platform/Platform.json}

@@ -9,9 +9,7 @@
     "userAgent": {
       "type": "String",
       "desc": "Client browser User Agent",
-      "examples": [
-        "mozilla/5.0 (macintosh; intel mac os x 10_14_5) applewebkit/537.36 (khtml, like gecko) chrome/75.0.3770.100 safari/537.36"
-      ]
+      "examples": [ "'mozilla/5.0 (macintosh; intel mac os x 10_14_5) applewebkit/537.36 (khtml, like gecko) chrome/75.0.3770.100 safari/537.36'" ]
     },
 
     "is": {
@@ -21,18 +19,18 @@
         "name": {
           "type": "String",
           "desc": "Browser name",
-          "examples": [ "chrome" ]
+          "examples": [ "'chrome'" ]
         },
         "platform": {
           "type": "String",
           "desc": "Platform name",
-          "examples": [ "mac" ]
+          "examples": [ "'mac'" ]
         },
         "version": {
           "type": "String",
           "required": false,
           "desc": "Detailed browser version",
-          "examples": [ "71.0.3578.98" ]
+          "examples": [ "'71.0.3578.98'" ]
         },
         "versionNumber": {
           "type": "Number",
@@ -78,7 +76,7 @@
         "nativeMobileWrapper": {
           "type": "String",
           "required": false,
-          "values": ["cordova", "capacitor"],
+          "values": [ "'cordova'", "'capacitor'" ],
           "desc": "Type of the native mobile wrapper"
         },
 
@@ -182,9 +180,7 @@
           "desc": "Whether the browser is Amazon Silk"
         }
       },
-      "examples": [
-        "{ chrome: true, version: '71.0.3578.98', versionNumber: 71, mac: true, desktop: true, webkit: true, name: 'chrome', platform: 'mac' }"
-      ]
+      "examples": [ "{ chrome: true, version: '71.0.3578.98', versionNumber: 71, mac: true, desktop: true, webkit: true, name: 'chrome', platform: 'mac' }" ]
     },
 
     "has": {

package/src/plugins/{Screen.js → screen/Screen.js}

@@ -1,8 +1,8 @@
-import { isRuntimeSsrPreHydration, client } from './Platform.js'
+import { isRuntimeSsrPreHydration, client } from '../platform/Platform.js'
 
-import defineReactivePlugin from '../utils/private/define-reactive-plugin.js'
-import { listenOpts, noop } from '../utils/event.js'
-import debounce from '../utils/debounce.js'
+import defineReactivePlugin from '../../utils/private/define-reactive-plugin.js'
+import { listenOpts, noop } from '../../utils/event.js'
+import debounce from '../../utils/debounce.js'
 
 const SIZE_LIST = [ 'sm', 'md', 'lg', 'xl' ]
 const { passive } = listenOpts

package/src/plugins/{Screen.json → screen/Screen.json}

@@ -21,20 +21,20 @@
       "type": "Number",
       "desc": "Screen width (in pixels)",
       "reactive": true,
-      "examples": [ 452 ]
+      "examples": [ "452" ]
     },
 
     "height": {
       "type": "Number",
       "desc": "Screen height (in pixels)",
       "reactive": true,
-      "examples": [ 721 ]
+      "examples": [ "721" ]
     },
 
     "name": {
       "type": "String",
       "desc": "Tells current window breakpoint",
-      "values": [ "xs", "sm", "md", "lg", "xl" ],
+      "values": [ "'xs'", "'sm'", "'md'", "'lg'", "'xl'" ],
       "reactive": true
     },
 
@@ -60,9 +60,7 @@
         }
       },
       "reactive": true,
-      "examples": [
-        "{ sm: 600, md: 1024, lg: 1440, xl: 1920 }"
-      ]
+      "examples": [ "{ sm: 600, md: 1024, lg: 1440, xl: 1920 }" ]
     },
 
     "lt": {
@@ -87,9 +85,7 @@
           "desc": "Is current screen width lower than this breakpoint's lowest limit?"
         }
       },
-      "examples": [
-        "{ sm: false, md: true, lg: true, xl: true }"
-      ]
+      "examples": [ "{ sm: false, md: true, lg: true, xl: true }" ]
     },
 
     "gt": {
@@ -114,9 +110,7 @@
           "desc": "Is current screen width greater than this breakpoint's max limit?"
         }
       },
-      "examples": [
-        "{ xs: true, sm: true, md: false, lg: false, xl: false }"
-      ]
+      "examples": [ "{ xs: true, sm: true, md: false, lg: false, xl: false }" ]
     },
 
     "xs": {

package/src/plugins/{SessionStorage.js → session-storage/SessionStorage.js}

@@ -1,5 +1,5 @@
-import { client } from './Platform.js'
-import { getEmptyStorage, getStorage } from '../utils/private/web-storage.js'
+import { client } from '../platform/Platform.js'
+import { getEmptyStorage, getStorage } from '../../utils/private/web-storage.js'
 
 const storage = __QUASAR_SSR_SERVER__ || client.has.webStorage === false
   ? getEmptyStorage()

package/src/plugins.js

@@ -1,18 +1,18 @@
-import AddressbarColor from './plugins/AddressbarColor.js'
-import AppFullscreen from './plugins/AppFullscreen.js'
-import AppVisibility from './plugins/AppVisibility.js'
-import BottomSheet from './plugins/BottomSheet.js'
-import Cookies from './plugins/Cookies.js'
-import Dark from './plugins/Dark.js'
-import Dialog from './plugins/Dialog.js'
-import LoadingBar from './plugins/LoadingBar.js'
-import Loading from './plugins/Loading.js'
-import Meta from './plugins/Meta.js'
-import Notify from './plugins/Notify.js'
-import Platform from './plugins/Platform.js'
-import Screen from './plugins/Screen.js'
-import LocalStorage from './plugins/LocalStorage.js'
-import SessionStorage from './plugins/SessionStorage.js'
+import AddressbarColor from './plugins/addressbar/AddressbarColor.js'
+import AppFullscreen from './plugins/app-fullscreen/AppFullscreen.js'
+import AppVisibility from './plugins/app-visibility/AppVisibility.js'
+import BottomSheet from './plugins/bottom-sheet/BottomSheet.js'
+import Cookies from './plugins/cookies/Cookies.js'
+import Dark from './plugins/dark/Dark.js'
+import Dialog from './plugins/dialog/Dialog.js'
+import LoadingBar from './plugins/loading-bar/LoadingBar.js'
+import Loading from './plugins/loading/Loading.js'
+import Meta from './plugins/meta/Meta.js'
+import Notify from './plugins/notify/Notify.js'
+import Platform from './plugins/platform/Platform.js'
+import Screen from './plugins/screen/Screen.js'
+import LocalStorage from './plugins/local-storage/LocalStorage.js'
+import SessionStorage from './plugins/session-storage/SessionStorage.js'
 
 export {
   AddressbarColor,

package/src/utils/create-meta-mixin.js

@@ -1,4 +1,4 @@
-import { clientList, planClientUpdate } from '../plugins/Meta.js'
+import { clientList, planClientUpdate } from '../plugins/meta/Meta.js'
 
 export default metaOptions => {
   if (__QUASAR_SSR_SERVER__) {

package/src/utils/open-url.js

@@ -1,4 +1,4 @@
-import Platform from '../plugins/Platform.js'
+import Platform from '../plugins/platform/Platform.js'
 
 import { noop } from './event.js'
 import { isNumber } from './is.js'

package/src/utils/prevent-scroll.js

@@ -1,6 +1,6 @@
 import { getEventPath, listenOpts, stopAndPrevent } from '../utils/event.js'
 import { hasScrollbar, getVerticalScrollPosition, getHorizontalScrollPosition } from '../utils/scroll.js'
-import { client } from '../plugins/Platform.js'
+import { client } from '../plugins/platform/Platform.js'
 
 let
   registered = 0,

package/src/utils/private/escape-key.js

@@ -1,4 +1,4 @@
-import { client } from '../../plugins/Platform.js'
+import { client } from '../../plugins/platform/Platform.js'
 import { isKeyCode } from './key-composition.js'
 
 const handlers = []

package/src/utils/private/focusout.js

@@ -1,4 +1,4 @@
-import { client } from '../../plugins/Platform.js'
+import { client } from '../../plugins/platform/Platform.js'
 
 const handlers = []
 

package/src/utils/private/global-dialog.json

@@ -11,14 +11,14 @@
               "type": [ "String", "Array", "Object" ],
               "tsType": "VueClassProp",
               "desc": "CSS Class name to apply to the Dialog's QCard",
-              "examples": [ "my-class" ]
+              "examples": [ "'my-class'" ]
             },
 
             "style": {
               "type": [ "String", "Array", "Object" ],
               "tsType": "VueStyleProp",
               "desc": "CSS style to apply to the Dialog's QCard",
-              "examples": [ "border: 2px solid black" ]
+              "examples": [ "'border: 2px solid black'" ]
             }
           }
         }

package/src/utils/private/position-engine.js

@@ -1,5 +1,5 @@
 import { getScrollbarWidth } from '../scroll.js'
-import { client } from '../../plugins/Platform.js'
+import { client } from '../../plugins/platform/Platform.js'
 
 let vpLeft, vpTop
 

package/src/utils/private/selection.js

@@ -1,4 +1,4 @@
-import Platform from '../../plugins/Platform.js'
+import Platform from '../../plugins/platform/Platform.js'
 
 export function clearSelection () {
   if (window.getSelection !== void 0) {