quasar 2.4.3 → 2.4.4

package/dist/ssr-directives/Morph.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.4.3
+ * Quasar Framework v2.4.4
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */

package/dist/types/index.d.ts

@@ -101,6 +101,10 @@ export interface BottomSheet {
        * Action label
        */
       label?: string | number;
+      /**
+       * Any other custom props
+       */
+      [key: string]: any;
     }[];
     /**
      * Display actions as a grid instead of as a list
@@ -469,7 +473,7 @@ export interface Notify {
            */
           icon?: string;
           /**
-           * URL to an avatar/image; Suggestion: use statics folder
+           * URL to an avatar/image; Suggestion: public folder
            */
           avatar?: string;
           /**
@@ -593,7 +597,7 @@ export interface Notify {
      */
     icon?: string;
     /**
-     * URL to an avatar/image; Suggestion: use statics folder
+     * URL to an avatar/image; Suggestion: use public folder
      */
     avatar?: string;
     /**
@@ -676,7 +680,7 @@ export interface Notify {
      */
     icon?: string;
     /**
-     * URL to an avatar/image; Suggestion: use statics folder
+     * URL to an avatar/image; Suggestion: use public folder
      */
     avatar?: string;
     /**
@@ -793,7 +797,7 @@ export interface Notify {
        */
       icon?: string;
       /**
-       * URL to an avatar/image; Suggestion: use statics folder
+       * URL to an avatar/image; Suggestion: use public folder
        */
       avatar?: string;
       /**
@@ -2442,7 +2446,7 @@ export interface QCarouselSlideProps {
    */
   disable?: boolean | undefined;
   /**
-   * URL pointing to a slide background image (use statics folder)
+   * URL pointing to a slide background image (use public folder)
    */
   imgSrc?: string | undefined;
 }
@@ -13685,6 +13689,10 @@ declare module "./globals" {
          * Action label
          */
         label?: string | number;
+        /**
+         * Any other custom props
+         */
+        [key: string]: any;
       }[];
       /**
        * Display actions as a grid instead of as a list
@@ -13751,7 +13759,7 @@ declare module "./globals" {
              */
             icon?: string;
             /**
-             * URL to an avatar/image; Suggestion: use statics folder
+             * URL to an avatar/image; Suggestion: public folder
              */
             avatar?: string;
             /**
@@ -13875,7 +13883,7 @@ declare module "./globals" {
        */
       icon?: string;
       /**
-       * URL to an avatar/image; Suggestion: use statics folder
+       * URL to an avatar/image; Suggestion: use public folder
        */
       avatar?: string;
       /**

package/dist/vetur/quasar-attributes.json

@@ -789,7 +789,7 @@
   },
   "q-carousel-slide/img-src": {
     "type": "string",
-    "description": "URL pointing to a slide background image (use statics folder)"
+    "description": "URL pointing to a slide background image (use public folder)"
   },
   "q-chat-message/sent": {
     "type": "boolean",

package/dist/web-types/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.4.3",
+  "version": "2.4.4",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -2434,7 +2434,7 @@
                 "kind": "expression",
                 "type": "string"
               },
-              "description": "URL pointing to a slide background image (use statics folder)\n\nExamples:\n(statics folder) src=\"statics/img/my-bg.png\"\n(assets folder) src=\"~assets/my-img.png\"\n(relative path format) :src=\"require('./my_img.jpg')\"\n(URL) src=\"https://placeimg.com/500/300/nature\"",
+              "description": "URL pointing to a slide background image (use public folder)\n\nExamples:\n(public folder) src=\"img/my-bg.png\"\n(assets folder) src=\"~assets/my-img.png\"\n(relative path format) :src=\"require('./my_img.jpg')\"\n(URL) src=\"https://placeimg.com/500/300/nature\"",
               "doc-url": "https://v2.quasar.dev/vue-components/carousel"
             }
           ],
@@ -2507,7 +2507,7 @@
                 "kind": "expression",
                 "type": "string"
               },
-              "description": "URL to the avatar image of the author\n\nExamples:\n(statics folder) src=\"statics/boy-avatar.png\"\n(assets folder) src=\"~assets/boy-avatar.png\"\n(relative path format) :src=\"require('./my_img.jpg')\"\n(URL) src=\"https://placeimg.com/500/300/nature\"",
+              "description": "URL to the avatar image of the author\n\nExamples:\n(public folder) src=\"boy-avatar.png\"\n(assets folder) src=\"~assets/boy-avatar.png\"\n(relative path format) :src=\"require('./my_img.jpg')\"\n(URL) src=\"https://placeimg.com/500/300/nature\"",
               "doc-url": "https://v2.quasar.dev/vue-components/chat"
             },
             {
@@ -7114,7 +7114,7 @@
                 "kind": "expression",
                 "type": "string"
               },
-              "description": "Path to image\n\nExamples:\n(statics folder) src=\"statics/img/something.png\"\n(assets folder) src=\"~assets/my-img.gif\"\n(relative path format) :src=\"require('./my_img.jpg')\"\n(URL) src=\"https://placeimg.com/500/300/nature\"",
+              "description": "Path to image\n\nExamples:\n(public folder) src=\"img/something.png\"\n(assets folder) src=\"~assets/my-img.gif\"\n(relative path format) :src=\"require('./my_img.jpg')\"\n(URL) src=\"https://placeimg.com/500/300/nature\"",
               "doc-url": "https://v2.quasar.dev/vue-components/img"
             },
             {
@@ -7141,7 +7141,7 @@
                 "kind": "expression",
                 "type": "string"
               },
-              "description": "While waiting for your image to load, you can use a placeholder image\n\nExamples:\n(statics folder) src=\"statics/img/some-placeholder.png\"\n(assets folder) src=\"~assets/my-placeholder.gif\"\n(relative path format) :src=\"require('./placeholder.jpg')\"\n(URL) src=\"https://placeimg.com/500/300/nature\"",
+              "description": "While waiting for your image to load, you can use a placeholder image\n\nExamples:\n(public folder) src=\"img/some-placeholder.png\"\n(assets folder) src=\"~assets/my-placeholder.gif\"\n(relative path format) :src=\"require('./placeholder.jpg')\"\n(URL) src=\"https://placeimg.com/500/300/nature\"",
               "doc-url": "https://v2.quasar.dev/vue-components/img"
             },
             {
@@ -10240,7 +10240,7 @@
                 "kind": "expression",
                 "type": "string"
               },
-              "description": "Path to image (unless a 'media' slot is used)\n\nExamples:\n(statics folder) src=\"statics/img/something.png\"\n(assets folder) src=\"~assets/my-img.png\"\n(relative path format) :src=\"require('./my_img.jpg')\"\n(URL) src=\"https://some-site.net/some-img.jpg\"",
+              "description": "Path to image (unless a 'media' slot is used)\n\nExamples:\n(public folder) src=\"img/something.png\"\n(assets folder) src=\"~assets/my-img.png\"\n(relative path format) :src=\"require('./my_img.jpg')\"\n(URL) src=\"https://some-site.net/some-img.jpg\"",
               "doc-url": "https://v2.quasar.dev/vue-components/parallax"
             },
             {
@@ -12534,7 +12534,7 @@
                 "kind": "expression",
                 "type": "any[]|string|object"
               },
-              "description": "Style definitions to be attributed to the popup content\n\nExamples:\nbackground-color: #ff0000\n:content-style=\"{ backgroundColor: '#ff0000' }\"",
+              "description": "Style definitions to be attributed to the popup content\n\nExamples:\nbackground-color: #ff0000\n:popup-content-style=\"{ backgroundColor: '#ff0000' }\"",
               "doc-url": "https://v2.quasar.dev/vue-components/select"
             },
             {
@@ -17214,7 +17214,7 @@
                 "kind": "expression",
                 "type": "string"
               },
-              "description": "URL to the avatar image; Icon takes precedence if used, so it replaces avatar\n\nExamples:\n(statics folder) src=\"statics/img/my-bg.png\"\n(assets folder) src=\"~assets/my-img.png\"\n(relative path format) :src=\"require('./my_img.jpg')\"\n(URL) src=\"https://placeimg.com/500/300/nature\"",
+              "description": "URL to the avatar image; Icon takes precedence if used, so it replaces avatar\n\nExamples:\n(public folder) src=\"img/my-bg.png\"\n(assets folder) src=\"~assets/my-img.png\"\n(relative path format) :src=\"require('./my_img.jpg')\"\n(URL) src=\"https://placeimg.com/500/300/nature\"",
               "doc-url": "https://v2.quasar.dev/vue-components/timeline"
             },
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.4.3",
+  "version": "2.4.4",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "main": "dist/quasar.cjs.prod.js",
   "module": "dist/quasar.esm.prod.js",

package/src/components/btn/use-btn.js

@@ -129,7 +129,10 @@ export default function (props) {
     }
 
     if (linkTag.value === 'a') {
-      if (acc.href === void 0) {
+      if (props.disable === true) {
+        acc[ 'aria-disabled' ] = 'true'
+      }
+      else if (acc.href === void 0) {
         acc.role = 'button'
       }
       if (hasRouterLink.value !== true && mediaTypeRE.test(props.type) === true) {

package/src/components/btn-toggle/QBtnToggle.js

@@ -89,6 +89,8 @@ export default createComponent({
           key: i,
           onClick (e) { set(value, item, e) },
 
+          'aria-pressed': value === props.modelValue ? 'true' : 'false',
+
           ...attrs,
           ...opt,
 

package/src/components/carousel/QCarouselSlide.json

@@ -16,10 +16,10 @@
 
     "img-src": {
       "type": "String",
-      "desc": "URL pointing to a slide background image (use statics folder)",
+      "desc": "URL pointing to a slide background image (use public folder)",
       "transformAssetUrls": true,
       "examples": [
-        "(statics folder) src=\"statics/img/my-bg.png\"",
+        "(public folder) src=\"img/my-bg.png\"",
         "(assets folder) src=\"~assets/my-img.png\"",
         "(relative path format) :src=\"require('./my_img.jpg')\"",
         "(URL) src=\"https://placeimg.com/500/300/nature\""

package/src/components/chat/QChatMessage.json

@@ -41,7 +41,7 @@
       "desc": "URL to the avatar image of the author",
       "transformAssetUrls": true,
       "examples": [
-        "(statics folder) src=\"statics/boy-avatar.png\"",
+        "(public folder) src=\"boy-avatar.png\"",
         "(assets folder) src=\"~assets/boy-avatar.png\"",
         "(relative path format) :src=\"require('./my_img.jpg')\"",
         "(URL) src=\"https://placeimg.com/500/300/nature\""

package/src/components/img/QImg.json

@@ -11,7 +11,7 @@
       "desc": "Path to image",
       "transformAssetUrls": true,
       "examples": [
-        "(statics folder) src=\"statics/img/something.png\"",
+        "(public folder) src=\"img/something.png\"",
         "(assets folder) src=\"~assets/my-img.gif\"",
         "(relative path format) :src=\"require('./my_img.jpg')\"",
         "(URL) src=\"https://placeimg.com/500/300/nature\""
@@ -44,7 +44,7 @@
       "desc": "While waiting for your image to load, you can use a placeholder image",
       "transformAssetUrls": true,
       "examples": [
-        "(statics folder) src=\"statics/img/some-placeholder.png\"",
+        "(public folder) src=\"img/some-placeholder.png\"",
         "(assets folder) src=\"~assets/my-placeholder.gif\"",
         "(relative path format) :src=\"require('./placeholder.jpg')\"",
         "(URL) src=\"https://placeimg.com/500/300/nature\""

package/src/components/parallax/QParallax.json

@@ -9,7 +9,7 @@
       "desc": "Path to image (unless a 'media' slot is used)",
       "transformAssetUrls": true,
       "examples": [
-        "(statics folder) src=\"statics/img/something.png\"",
+        "(public folder) src=\"img/something.png\"",
         "(assets folder) src=\"~assets/my-img.png\"",
         "(relative path format) :src=\"require('./my_img.jpg')\"",
         "(URL) src=\"https://some-site.net/some-img.jpg\""

package/src/components/scroll-area/QScrollArea.sass

@@ -1,5 +1,6 @@
 .q-scrollarea
   position: relative
+  contain: strict
 
   &__bar,
   &__thumb

package/src/components/select/QSelect.json

@@ -228,7 +228,7 @@
       "desc": "Style definitions to be attributed to the popup content",
       "examples": [
         "background-color: #ff0000",
-        ":content-style=\"{ backgroundColor: '#ff0000' }\""
+        ":popup-content-style=\"{ backgroundColor: '#ff0000' }\""
       ],
       "category": "style"
     },

package/src/components/timeline/QTimeline.sass

@@ -20,7 +20,7 @@
   &__subtitle
     font-size: 12px
     margin-bottom: 8px
-    opacity: .4
+    opacity: .6
     text-transform: uppercase
     letter-spacing: 1px
     font-weight: 700
@@ -240,4 +240,3 @@
 
       &__subtitle, &__content
         width: 50%
-

package/src/components/timeline/QTimelineEntry.json

@@ -34,7 +34,7 @@
       "desc": "URL to the avatar image; Icon takes precedence if used, so it replaces avatar",
       "transformAssetUrls": true,
       "examples": [
-        "(statics folder) src=\"statics/img/my-bg.png\"",
+        "(public folder) src=\"img/my-bg.png\"",
         "(assets folder) src=\"~assets/my-img.png\"",
         "(relative path format) :src=\"require('./my_img.jpg')\"",
         "(URL) src=\"https://placeimg.com/500/300/nature\""

package/src/plugins/BottomSheet.json

@@ -45,7 +45,7 @@
                   "type": "String",
                   "desc": "Path to an image for this action",
                   "examples": [
-                    "(statics folder) statics/img/something.png",
+                    "(public folder) img/something.png",
                     "(relative path format) :src=\"require('./my_img.jpg')\"",
                     "(URL) https://some-site.net/some-img.gif"
                   ]
@@ -60,6 +60,12 @@
                   "type": [ "String", "Number" ],
                   "desc": "Action label",
                   "examples": [ "Facebook" ]
+                },
+
+                "...": {
+                  "type": "Any",
+                  "desc": "Any other custom props",
+                  "__exemption": [ "examples" ]
                 }
               }
             },

package/src/plugins/Notify.json

@@ -45,9 +45,9 @@
 
       "avatar": {
         "type": "String",
-        "desc": "URL to an avatar/image; Suggestion: use statics folder",
+        "desc": "URL to an avatar/image; Suggestion: use public folder",
         "examples": [
-          "(statics folder) statics/img/something.png",
+          "(public folder) img/something.png",
           "(relative path format) require('./my_img.jpg')",
           "(URL) https://some-site.net/some-img.gif"
         ]
@@ -204,9 +204,9 @@
 
             "avatar": {
               "type": "String",
-              "desc": "URL to an avatar/image; Suggestion: use statics folder",
+              "desc": "URL to an avatar/image; Suggestion: public folder",
               "examples": [
-                "(statics folder) statics/img/something.png",
+                "(public folder) img/something.png",
                 "(relative path format) require('./my_img.jpg')",
                 "(URL) https://some-site.net/some-img.gif"
               ]
@@ -258,7 +258,7 @@
               "desc": "Style definitions to be attributed to the badge",
               "examples": [
                 "background-color: #ff0000",
-                ":content-style=\"{ backgroundColor: '#ff0000' }\""
+                "{ backgroundColor: '#ff0000' }"
               ]
             },
             "badgeClass": {
@@ -266,7 +266,7 @@
               "desc": "Class definitions to be attributed to the badge",
               "examples": [
                 "my-special-class",
-                ":content-class=\"{ 'my-special-class': <condition> }\""
+                "{ 'my-special-class': <condition> }"
               ]
             },
 
@@ -279,7 +279,7 @@
               "desc": "Class definitions to be attributed to the progress bar",
               "examples": [
                 "my-special-class",
-                ":content-class=\"{ 'my-special-class': <condition> }\""
+                "{ 'my-special-class': <condition> }"
               ]
             },
 
@@ -387,9 +387,9 @@
 
               "avatar": {
                 "type": "String",
-                "desc": "URL to an avatar/image; Suggestion: use statics folder",
+                "desc": "URL to an avatar/image; Suggestion: use public folder",
                 "examples": [
-                  "(statics folder) statics/img/something.png",
+                  "(public folder) img/something.png",
                   "(relative path format) require('./my_img.jpg')",
                   "(URL) https://some-site.net/some-img.gif"
                 ]
@@ -410,7 +410,7 @@
                 "desc": "Class definitions to be attributed to the progress bar",
                 "examples": [
                   "my-special-class",
-                  ":content-class=\"{ 'my-special-class': <condition> }\""
+                  "{ 'my-special-class': <condition> }"
                 ]
               },
 
@@ -521,13 +521,13 @@
 
             "avatar": {
               "type": "String",
-              "desc": "URL to an avatar/image; Suggestion: use statics folder",
+              "desc": "URL to an avatar/image; Suggestion: use public folder",
               "examples": [
-                "(statics folder) statics/img/something.png",
+                "(public folder) img/something.png",
                 "(relative path format) require('./my_img.jpg')",
                 "(URL) https://some-site.net/some-img.gif"
               ]
-            },
+          },
 
             "spinner": {
               "type": [ "Boolean", "Component" ],
@@ -570,7 +570,7 @@
               "desc": "Style definitions to be attributed to the badge",
               "examples": [
                 "background-color: #ff0000",
-                ":content-style=\"{ backgroundColor: '#ff0000' }\""
+                "{ backgroundColor: '#ff0000' }"
               ]
             },
             "badgeClass": {
@@ -578,7 +578,7 @@
               "desc": "Class definitions to be attributed to the badge",
               "examples": [
                 "my-special-class",
-                ":content-class=\"{ 'my-special-class': <condition> }\""
+                "{ 'my-special-class': <condition> }"
               ]
             },
 
@@ -591,7 +591,7 @@
               "desc": "Class definitions to be attributed to the progress bar",
               "examples": [
                 "my-special-class",
-                ":content-class=\"{ 'my-special-class': <condition> }\""
+                "{ 'my-special-class': <condition> }"
               ]
             },
 
@@ -701,13 +701,13 @@
 
             "avatar": {
               "type": "String",
-              "desc": "URL to an avatar/image; Suggestion: use statics folder",
+              "desc": "URL to an avatar/image; Suggestion: use public folder",
               "examples": [
-                "(statics folder) statics/img/something.png",
+                "(public folder) img/something.png",
                 "(relative path format) require('./my_img.jpg')",
                 "(URL) https://some-site.net/some-img.gif"
               ]
-            },
+          },
 
             "spinner": {
               "type": [ "Boolean", "Component" ],
@@ -750,7 +750,7 @@
               "desc": "Style definitions to be attributed to the badge",
               "examples": [
                 "background-color: #ff0000",
-                ":content-style=\"{ backgroundColor: '#ff0000' }\""
+                "{ backgroundColor: '#ff0000' }"
               ]
             },
             "badgeClass": {
@@ -758,7 +758,7 @@
               "desc": "Class definitions to be attributed to the badge",
               "examples": [
                 "my-special-class",
-                ":content-class=\"{ 'my-special-class': <condition> }\""
+                "{ 'my-special-class': <condition> }"
               ]
             },
 
@@ -771,7 +771,7 @@
               "desc": "Class definitions to be attributed to the progress bar",
               "examples": [
                 "my-special-class",
-                ":content-class=\"{ 'my-special-class': <condition> }\""
+                "{ 'my-special-class': <condition> }"
               ]
             },