quasar 2.15.0 → 2.15.2

package/src/plugins/{BottomSheet.json → bottom-sheet/BottomSheet.json}

@@ -18,13 +18,13 @@
             "title": {
               "type": "String",
               "desc": "Title",
-              "examples": [ "Share" ]
+              "examples": [ "'Share'" ]
             },
 
             "message": {
               "type": "String",
               "desc": "Message",
-              "examples": [ "Please select how to share" ]
+              "examples": [ "'Please select how to share'" ]
             },
 
             "actions": {
@@ -35,7 +35,7 @@
                   "type": [ "String", "Array", "Object" ],
                   "tsType": "VueClassProp",
                   "desc": "CSS classes for this action",
-                  "examples": [ "my-class" ]
+                  "examples": [ "'my-class'" ]
                 },
 
                 "style": {
@@ -54,9 +54,9 @@
                   "type": "String",
                   "desc": "Path to an image for this action",
                   "examples": [
-                    "(public folder) img/something.png",
-                    "(relative path format) :src=\"require('./my_img.jpg')\"",
-                    "(URL) https://some-site.net/some-img.gif"
+                    "# (public folder) 'img/something.png'",
+                    "# (relative path format) :src=\"require('./my_img.jpg')\"",
+                    "# (URL) https://some-site.net/some-img.gif"
                   ]
                 },
 
@@ -64,16 +64,16 @@
                   "type": "String",
                   "desc": "Path to an avatar image for this action",
                   "examples": [
-                    "(public folder) img/avatar.png",
-                    "(relative path format) :src=\"require('./my_img.jpg')\"",
-                    "(URL) https://some-site.net/some-img.gif"
+                    "# (public folder) 'img/avatar.png'",
+                    "# (relative path format) :src=\"require('./my_img.jpg')\"",
+                    "# (URL) https://some-site.net/some-img.gif"
                   ]
                 },
 
                 "label": {
                   "type": [ "String", "Number" ],
                   "desc": "Action label",
-                  "examples": [ "Facebook" ]
+                  "examples": [ "'Facebook'" ]
                 },
 
                 "...": {

package/src/{components/dialog-bottom-sheet/BottomSheet.js → plugins/bottom-sheet/component/BottomSheetComponent.js}

@@ -1,21 +1,21 @@
 import { h, ref, getCurrentInstance } from 'vue'
 
-import QDialog from '../dialog/QDialog.js'
+import QDialog from '../../../components/dialog/QDialog.js'
 
-import QIcon from '../icon/QIcon.js'
-import QSeparator from '../separator/QSeparator.js'
+import QIcon from '../../../components/icon/QIcon.js'
+import QSeparator from '../../../components/separator/QSeparator.js'
 
-import QCard from '../card/QCard.js'
-import QCardSection from '../card/QCardSection.js'
+import QCard from '../../../components/card/QCard.js'
+import QCardSection from '../../../components/card/QCardSection.js'
 
-import QItem from '../item/QItem.js'
-import QItemSection from '../item/QItemSection.js'
+import QItem from '../../../components/item/QItem.js'
+import QItemSection from '../../../components/item/QItemSection.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
+import { createComponent } from '../../../utils/private/create.js'
+import useDark, { useDarkProps } from '../../../composables/private/use-dark.js'
 
 export default createComponent({
-  name: 'BottomSheetPlugin',
+  name: 'BottomSheetComponent',
 
   props: {
     ...useDarkProps,

package/src/plugins/{Cookies.json → cookies/Cookies.json}

@@ -14,13 +14,13 @@
           "type": "String",
           "desc": "Cookie name",
           "required": true,
-          "examples": [ "userId" ]
+          "examples": [ "'userId'" ]
         }
       },
       "returns": {
         "type": [ "String", "null" ],
         "desc": "Cookie value; Returns null if cookie not found",
-        "examples": [ "john12" ]
+        "examples": [ "'john12'" ]
       }
     },
 
@@ -29,9 +29,7 @@
       "returns": {
         "type": "Object",
         "desc": "Object with cookie names (as keys) and their values",
-        "examples": [
-          "{ userId: 'john12', XFrame: 'x534' }"
-        ]
+        "examples": [ "{ userId: 'john12', XFrame: 'x534' }" ]
       }
     },
 
@@ -42,14 +40,14 @@
           "type": "String",
           "desc": "Cookie name",
           "required": true,
-          "examples": [ "userId" ]
+          "examples": [ "'userId'" ]
         },
 
         "value": {
           "type": "String",
           "desc": "Cookie value",
           "required": true,
-          "examples": [ "john12" ]
+          "examples": [ "'john12'" ]
         },
 
         "options": {
@@ -59,22 +57,22 @@
             "expires": {
               "type": [ "Number", "String", "Date" ],
               "desc": "Cookie expires detail; If specified as Number, then the unit is days; If specified as String, it can either be raw stringified date or in Xd Xh Xm Xs format (see examples)",
-              "examples": [ 30, "Wed, 13 Jan 2021 22:23:01 GMT", "1d", "15m", "13d", "1d 15m", "1d 3h 5m 3s" ]
+              "examples": [ "30", "'Wed, 13 Jan 2021 22:23:01 GMT'", "'1d'", "'15m'", "'13d'", "'1d 15m'", "'1d 3h 5m 3s'" ]
             },
             "path": {
               "type": "String",
               "desc": "Cookie path",
-              "examples": [ "/accounts" ]
+              "examples": [ "'/accounts'" ]
             },
             "domain": {
               "type": "String",
               "desc": "Cookie domain",
-              "examples": [ ".foo.com" ]
+              "examples": [ "'.foo.com'" ]
             },
             "sameSite": {
               "type": "String",
               "desc": "SameSite cookie option",
-              "values": [ "Lax", "Strict", "None" ]
+              "values": [ "'Lax'", "'Strict'", "'None'" ]
             },
             "httpOnly": {
               "type": "Boolean",
@@ -87,7 +85,7 @@
             "other": {
               "type": "String",
               "desc": "Raw string for other cookie options; To be used as a last resort for possible newer props that are currently not yet implemented in Quasar",
-              "examples": [ "SomeNewCookieProp" ]
+              "examples": [ "'SomeNewCookieProp'" ]
             }
           }
         }
@@ -101,7 +99,7 @@
           "type": "String",
           "desc": "Cookie name",
           "required": true,
-          "examples": [ "userId" ]
+          "examples": [ "'userId'" ]
         }
       },
       "returns": {
@@ -117,7 +115,7 @@
           "type": "String",
           "desc": "Cookie name",
           "required": true,
-          "examples": [ "userId" ]
+          "examples": [ "'userId'" ]
         },
 
         "options": {
@@ -127,12 +125,12 @@
             "path": {
               "type": "String",
               "desc": "Cookie path",
-              "examples": [ "/accounts" ]
+              "examples": [ "'/accounts'" ]
             },
             "domain": {
               "type": "String",
               "desc": "Cookie domain",
-              "examples": [ ".foo.com" ]
+              "examples": [ "'.foo.com'" ]
             }
           }
         }

package/src/plugins/{Dark.js → dark/Dark.js}

@@ -1,4 +1,4 @@
-import defineReactivePlugin from '../utils/private/define-reactive-plugin.js'
+import defineReactivePlugin from '../../utils/private/define-reactive-plugin.js'
 
 const Plugin = defineReactivePlugin({
   isActive: false,

package/src/plugins/{Dark.json → dark/Dark.json}

@@ -9,7 +9,7 @@
     "propName": "dark",
     "type": [ "Boolean", "String" ],
     "desc": "\"'auto'\" uses the OS/browser preference. \"true\" forces dark mode. \"false\" forces light mode.",
-    "values": [ "auto", "(Boolean) true", "(Boolean) false" ]
+    "values": [ "'auto'", "true", "false" ]
   },
 
   "props": {
@@ -22,7 +22,7 @@
     "mode": {
       "type": [ "Boolean", "String" ],
       "desc": "Dark mode configuration (not status)",
-      "values": [ "auto", "(Boolean) true", "(Boolean) false" ],
+      "values": [ "'auto'", "true", "false" ],
       "reactive": true
     }
   },
@@ -34,7 +34,7 @@
         "status": {
           "type": [ "Boolean", "String" ],
           "desc": "Dark mode status",
-          "values": [ "(Boolean) true", "(Boolean) false", "auto" ],
+          "values": [ "true", "false", "'auto'" ],
           "required": true
         }
       }

package/src/plugins/{Dialog.js → dialog/Dialog.js}

@@ -1,5 +1,5 @@
-import DialogPlugin from '../components/dialog-plugin/DialogPlugin.js'
-import globalDialog from '../utils/private/global-dialog.js'
+import DialogPlugin from './component/DialogPluginComponent.js'
+import globalDialog from '../../utils/private/global-dialog.js'
 
 export default {
   install ({ $q, parentApp }) {

package/src/plugins/{Dialog.json → dialog/Dialog.json}

@@ -19,13 +19,13 @@
             "title": {
               "type": "String",
               "desc": "A text for the heading title of the dialog",
-              "examples": [ "Continue?" ]
+              "examples": [ "'Continue?'" ]
             },
 
             "message": {
               "type": "String",
               "desc": "A text with more information about what needs to be input, selected or confirmed.",
-              "examples": [ "Are you certain you want to continue?" ]
+              "examples": [ "'Are you certain you want to continue?'" ]
             },
 
             "html": {
@@ -36,15 +36,15 @@
             "position": {
               "type": "String",
               "desc": "Position of the Dialog on screen. Standard is centered.",
-              "values": [ "top", "right", "bottom", "left", "standard" ],
-              "default": "standard"
+              "values": [ "'top'", "'right'", "'bottom'", "'left'", "'standard'" ],
+              "default": "'standard'"
             },
 
             "prompt": {
               "type": "Object",
               "tsType": "QDialogInputPrompt",
               "desc": "An object definition of the input field for the prompting question.",
-              "examples": [ "prompt: { model: this.promptVal, type: 'number' }" ],
+              "examples": [ "{ model: this.promptVal, type: 'number' }" ],
               "definition": {
                 "model": {
                   "type": "String",
@@ -55,8 +55,8 @@
                 "type": {
                   "type": "String",
                   "desc": "Optional property to determine the input field type",
-                  "default": "text",
-                  "examples": [ "text", "number", "textarea" ]
+                  "default": "'text'",
+                  "examples": [ "'text'", "'number'", "'textarea'" ]
                 },
 
                 "isValid": {
@@ -89,7 +89,7 @@
                 "...nativeAttributes": {
                   "type": "Object",
                   "desc": "Any native attributes to pass to the prompt control",
-                  "examples": [ "autocomplete: 'off'" ]
+                  "examples": [ "# autocomplete: 'off'" ]
                 }
               }
             },
@@ -110,8 +110,8 @@
                 "type": {
                   "type": "String",
                   "desc": "The type of selection",
-                  "default": "radio",
-                  "values": [ "radio", "checkbox", "toggle" ]
+                  "default": "'radio'",
+                  "values": [ "'radio'", "'checkbox'", "'toggle'" ]
                 },
 
                 "items": {
@@ -131,7 +131,7 @@
                       "required": true,
                       "desc": "The current model (String if it's of type radio or Array otherwise)",
                       "examples": [
-                        "opt2",
+                        "'opt2'",
                         "[ 'opt1' ]",
                         "[]",
                         "[ 'opt1', 'opt3' ]"
@@ -201,8 +201,8 @@
             "focus": {
               "type": "String",
               "desc": "What button to focus, unless you also have 'prompt' or 'options'",
-              "values": [ "ok", "cancel", "none" ],
-              "default": "ok"
+              "values": [ "'ok'", "'cancel'", "'none'" ],
+              "default": "'ok'"
             },
 
             "stackButtons": {
@@ -261,12 +261,12 @@
 
             "transitionShow": {
               "extends": "transition",
-              "default": "scale"
+              "default": "'scale'"
             },
 
             "transitionHide": {
               "extends": "transition",
-              "default": "scale"
+              "default": "'scale'"
             },
 
             "component": {

package/src/{components/dialog-plugin/DialogPlugin.js → plugins/dialog/component/DialogPluginComponent.js}

@@ -1,26 +1,26 @@
 import { h, ref, computed, watch, toRaw, getCurrentInstance } from 'vue'
 
-import QDialog from '../dialog/QDialog.js'
-import QBtn from '../btn/QBtn.js'
+import QDialog from '../../../components/dialog/QDialog.js'
+import QBtn from '../../../components/btn/QBtn.js'
 
-import QCard from '../card/QCard.js'
-import QCardSection from '../card/QCardSection.js'
-import QCardActions from '../card/QCardActions.js'
-import QSeparator from '../separator/QSeparator.js'
+import QCard from '../../../components/card/QCard.js'
+import QCardSection from '../../../components/card/QCardSection.js'
+import QCardActions from '../../../components/card/QCardActions.js'
+import QSeparator from '../../../components/separator/QSeparator.js'
 
-import QInput from '../input/QInput.js'
-import QOptionGroup from '../option-group/QOptionGroup.js'
+import QInput from '../../../components/input/QInput.js'
+import QOptionGroup from '../../../components/option-group/QOptionGroup.js'
 
-import QSpinner from '../spinner/QSpinner.js'
+import QSpinner from '../../../components/spinner/QSpinner.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
+import { createComponent } from '../../../utils/private/create.js'
+import useDark, { useDarkProps } from '../../../composables/private/use-dark.js'
 
-import { isKeyCode } from '../../utils/private/key-composition.js'
-import { isObject } from '../../utils/is.js'
+import { isKeyCode } from '../../../utils/private/key-composition.js'
+import { isObject } from '../../../utils/is.js'
 
 export default createComponent({
-  name: 'DialogPlugin',
+  name: 'DialogPluginComponent',
 
   props: {
     ...useDarkProps,

package/src/plugins/{Loading.js → loading/Loading.js}

@@ -1,12 +1,13 @@
 import { h, Transition, onMounted } from 'vue'
 
-import QSpinner from '../components/spinner/QSpinner.js'
+import QSpinner from '../../components/spinner/QSpinner.js'
 
-import { createChildApp } from '../install-quasar.js'
-import defineReactivePlugin from '../utils/private/define-reactive-plugin.js'
-import { createGlobalNode, removeGlobalNode } from '../utils/private/global-nodes.js'
-import preventScroll from '../utils/prevent-scroll.js'
-import { isObject } from '../utils/is.js'
+import { createChildApp } from '../../install-quasar.js'
+
+import defineReactivePlugin from '../../utils/private/define-reactive-plugin.js'
+import { createGlobalNode, removeGlobalNode } from '../../utils/private/global-nodes.js'
+import preventScroll from '../../utils/prevent-scroll.js'
+import { isObject } from '../../utils/is.js'
 
 let
   app,

package/src/plugins/{Loading.json → loading/Loading.json}

@@ -12,18 +12,18 @@
       "delay": {
         "type": "Number",
         "desc": "Wait a number of millisecond before showing; Not worth showing for 100ms for example then hiding it, so wait until you're sure it's a process that will take some considerable amount of time",
-        "examples": [ 400 ]
+        "examples": [ "400" ]
       },
       "message": {
         "type": "String",
         "desc": "Message to display",
-        "examples": [ "Processing your request" ]
+        "examples": [ "'Processing your request'" ]
       },
       "group": {
         "type": "String",
         "desc": "Default Loading group name",
-        "default": "__default_quasar_group__",
-        "examples": [ "default-group-name" ],
+        "default": "'__default_quasar_group__'",
+        "examples": [ "'default-group-name'" ],
         "addedIn": "v2.8"
       },
       "html": {
@@ -33,7 +33,7 @@
       "boxClass": {
         "type": "String",
         "desc": "Content wrapped element custom classes",
-        "examples": [ "bg-amber text-black", "q-pa-xl" ]
+        "examples": [ "'bg-amber text-black'", "'q-pa-xl'" ]
       },
       "spinnerSize": {
         "type": "Number",
@@ -60,7 +60,7 @@
       "customClass": {
         "type": "String",
         "desc": "Add a CSS class to the container element to easily customize the component",
-        "examples": [ "my-class" ]
+        "examples": [ "'my-class'" ]
       }
     }
   },
@@ -90,12 +90,12 @@
             "message": {
               "type": "String",
               "desc": "Message to display",
-              "examples": [ "Processing your request" ]
+              "examples": [ "'Processing your request'" ]
             },
             "group": {
               "type": "String",
               "desc": "Loading group name",
-              "examples": [ "some-api-call" ],
+              "examples": [ "'some-api-call'" ],
               "addedIn": "v2.8"
             },
             "html": {
@@ -105,7 +105,7 @@
             "boxClass": {
               "type": "String",
               "desc": "Content wrapped element custom classes",
-              "examples": [ "bg-amber text-black", "q-pa-xl" ]
+              "examples": [ "'bg-amber text-black'", "'q-pa-xl'" ]
             },
             "spinnerSize": {
               "type": "Number",
@@ -130,7 +130,7 @@
             "customClass": {
               "type": "String",
               "desc": "Add a CSS class to easily customize the component",
-              "examples": [ "my-class" ]
+              "examples": [ "'my-class'" ]
             },
             "ignoreDefaults": {
               "type": "Boolean",
@@ -163,7 +163,7 @@
           "type": "String",
           "desc": "Optional Loading group name to hide instead of hiding all groups",
           "required": false,
-          "examples": [ "some-api-call" ],
+          "examples": [ "'some-api-call'" ],
           "addedIn": "v2.8"
         }
       }
@@ -184,13 +184,13 @@
             "message": {
               "type": "String",
               "desc": "Message to display",
-              "examples": [ "Processing your request" ]
+              "examples": [ "'Processing your request'" ]
             },
             "group": {
               "type": "String",
               "desc": "Default Loading group name",
-              "default": "__default_quasar_group__",
-              "examples": [ "default-group-name" ],
+              "default": "'__default_quasar_group__'",
+              "examples": [ "'default-group-name'" ],
               "addedIn": "v2.8"
             },
             "spinnerSize": {
@@ -216,7 +216,7 @@
             "customClass": {
               "type": "String",
               "desc": "Add a CSS class to easily customize the component",
-              "examples": [ "my-class" ]
+              "examples": [ "'my-class'" ]
             }
           }
         }

package/src/plugins/{LoadingBar.js → loading-bar/LoadingBar.js}

@@ -1,12 +1,12 @@
 import { h, ref } from 'vue'
 
-import defineReactivePlugin from '../utils/private/define-reactive-plugin.js'
-import { noop } from '../utils/event.js'
-import { createGlobalNode } from '../utils/private/global-nodes.js'
-import { createChildApp } from '../install-quasar.js'
+import QAjaxBar from '../../components/ajax-bar/QAjaxBar.js'
+import { createChildApp } from '../../install-quasar.js'
 
-import QAjaxBar from '../components/ajax-bar/QAjaxBar.js'
-import { isObject } from '../utils/is.js'
+import defineReactivePlugin from '../../utils/private/define-reactive-plugin.js'
+import { noop } from '../../utils/event.js'
+import { createGlobalNode } from '../../utils/private/global-nodes.js'
+import { isObject } from '../../utils/is.js'
 
 const barRef = ref(null)
 

package/src/plugins/{LoadingBar.json → loading-bar/LoadingBar.json}

@@ -28,7 +28,7 @@
         "speed": {
           "type": "Number",
           "desc": "Delay (in milliseconds) between bar progress increments",
-          "default": 300
+          "default": "300"
         }
       }
     },

package/src/plugins/{LocalStorage.js → local-storage/LocalStorage.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/{Meta.js → meta/Meta.js}

@@ -1,5 +1,5 @@
-import { isRuntimeSsrPreHydration } from './Platform.js'
-import extend from '../utils/extend.js'
+import { isRuntimeSsrPreHydration } from '../platform/Platform.js'
+import extend from '../../utils/extend.js'
 
 let updateId = null, currentClientMeta
 export const clientList = []

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

@@ -1,15 +1,16 @@
 import { h, ref, markRaw, TransitionGroup } from 'vue'
 
-import QAvatar from '../components/avatar/QAvatar.js'
-import QIcon from '../components/icon/QIcon.js'
-import QBtn from '../components/btn/QBtn.js'
-import QSpinner from '../components/spinner/QSpinner.js'
-
-import { createComponent } from '../utils/private/create.js'
-import { noop } from '../utils/event.js'
-import { createGlobalNode } from '../utils/private/global-nodes.js'
-import { createChildApp } from '../install-quasar.js'
-import { isObject } from '../utils/is.js'
+import QAvatar from '../../components/avatar/QAvatar.js'
+import QIcon from '../../components/icon/QIcon.js'
+import QBtn from '../../components/btn/QBtn.js'
+import QSpinner from '../../components/spinner/QSpinner.js'
+
+import { createChildApp } from '../../install-quasar.js'
+
+import { createComponent } from '../../utils/private/create.js'
+import { noop } from '../../utils/event.js'
+import { createGlobalNode } from '../../utils/private/global-nodes.js'
+import { isObject } from '../../utils/is.js'
 
 let uid = 0