quasar 2.9.2 → 2.10.1

package/src/components/slide-item/QSlideItem.json

@@ -148,8 +148,7 @@
             "ratio": {
               "type": "Number",
               "required": true,
-              "desc": "Ratio of how much of the required slide was performed (0..1)",
-              "examples": [ 0, 0.5, 1 ]
+              "desc": "Ratio of how much of the required slide was performed (0 <= x <= 1)"
             },
             "isReset": {
               "type": "Boolean",

package/src/components/slide-transition/QSlideTransition.json

@@ -14,7 +14,6 @@
       "type": "Number",
       "desc": "Duration (in milliseconds) enabling animated scroll.",
       "default": 300,
-      "examples": [ 500, ":duration=\"500\"" ],
       "category": "behavior"
     }
   },

package/src/components/slider/use-slider.json

@@ -14,14 +14,12 @@
       "type": "Number",
       "desc": "Maximum value of the model; Set track's maximum value",
       "default": 100,
-      "examples": [ ":max=\"100\"" ],
       "category": "model"
     },
 
     "inner-min": {
       "type": "Number",
       "desc": "Inner minimum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be higher or equal to 'min' prop; Defaults to 'min' prop",
-      "examples": [ ":inner-min=\"0\"" ],
       "category": "model",
       "addedIn": "v2.4"
     },
@@ -29,7 +27,6 @@
     "inner-max": {
       "type": "Number",
       "desc": "Inner maximum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be lower or equal to 'max' prop; Defaults to 'max' prop",
-      "examples": [ ":inner-max=\"100\"" ],
       "category": "model",
       "addedIn": "v2.4"
     },
@@ -38,7 +35,6 @@
       "type": "Number",
       "desc": "Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity",
       "default": 1,
-      "examples": [ ":step=\"1\"" ],
       "category": "model"
     },
 
@@ -154,13 +150,11 @@
         "value": {
           "type": "Number",
           "required": true,
-          "desc": "Value of equivalent model where to position the marker",
-          "__exemption": [ "examples" ]
+          "desc": "Value of equivalent model where to position the marker"
         },
         "label": {
           "type": [ "Number", "String" ],
-          "desc": "Label to use",
-          "__exemption": [ "examples" ]
+          "desc": "Label to use"
         },
         "classes": {
           "type": [ "String", "Array", "Object" ],
@@ -179,8 +173,7 @@
         "value": {
           "type": "Number",
           "desc": "The marker value to transform",
-          "required": true,
-          "examples": [ "5" ]
+          "required": true
         }
       },
       "returns": {
@@ -189,13 +182,11 @@
         "definition": {
           "value": {
             "type": "Number",
-            "desc": "Value of equivalent model where to position the marker",
-            "__exemption": [ "examples" ]
+            "desc": "Value of equivalent model where to position the marker"
           },
           "label": {
             "type": [ "Number", "String" ],
-            "desc": "Label to use",
-            "__exemption": [ "examples" ]
+            "desc": "Label to use"
           },
           "classes": {
             "type": [ "String", "Array", "Object" ],
@@ -301,23 +292,19 @@
           "definition": {
             "index": {
               "type": "Number",
-              "desc": "Index of the marker label (0-based)",
-              "__exemption": [ "examples" ]
+              "desc": "Index of the marker label (0-based)"
             },
             "value": {
               "type": "Number",
-              "desc": "Equivalent model value for the marker label",
-              "__exemption": [ "examples" ]
+              "desc": "Equivalent model value for the marker label"
             },
             "label": {
               "type": [ "Number", "String" ],
-              "desc": "Configured label for the marker",
-              "__exemption": [ "examples" ]
+              "desc": "Configured label for the marker"
             },
             "classes": {
               "type": "String",
-              "desc": "Required CSS classes to be applied to the marker element",
-              "__exemption": [ "examples" ]
+              "desc": "Required CSS classes to be applied to the marker element"
             },
             "style": {
               "type": "Object",
@@ -335,23 +322,19 @@
           "definition": {
             "index": {
               "type": "Number",
-              "desc": "Index of the marker label (0-based)",
-              "__exemption": [ "examples" ]
+              "desc": "Index of the marker label (0-based)"
             },
             "value": {
               "type": "Number",
-              "desc": "Equivalent model value for the marker label",
-              "__exemption": [ "examples" ]
+              "desc": "Equivalent model value for the marker label"
             },
             "label": {
               "type": [ "Number", "String" ],
-              "desc": "Configured label for the marker",
-              "__exemption": [ "examples" ]
+              "desc": "Configured label for the marker"
             },
             "classes": {
               "type": "String",
-              "desc": "Required CSS classes to be applied to the marker element",
-              "__exemption": [ "examples" ]
+              "desc": "Required CSS classes to be applied to the marker element"
             },
             "style": {
               "type": "Object",
@@ -373,23 +356,19 @@
               "definition": {
                 "index": {
                   "type": "Number",
-                  "desc": "Index of the marker label (0-based)",
-                  "__exemption": [ "examples" ]
+                  "desc": "Index of the marker label (0-based)"
                 },
                 "value": {
                   "type": "Number",
-                  "desc": "Equivalent model value for the marker label",
-                  "__exemption": [ "examples" ]
+                  "desc": "Equivalent model value for the marker label"
                 },
                 "label": {
                   "type": [ "Number", "String" ],
-                  "desc": "Configured label for the marker",
-                  "__exemption": [ "examples" ]
+                  "desc": "Configured label for the marker"
                 },
                 "classes": {
                   "type": "String",
-                  "desc": "Required CSS classes to be applied to the marker element",
-                  "__exemption": [ "examples" ]
+                  "desc": "Required CSS classes to be applied to the marker element"
                 },
                 "style": {
                   "type": "Object",
@@ -404,8 +383,7 @@
 
         "classes": {
           "type": "String",
-          "desc": "Required CSS classes to be applied to the marker element",
-          "__exemption": [ "examples" ]
+          "desc": "Required CSS classes to be applied to the marker element"
         },
 
         "getStyle": {
@@ -415,16 +393,13 @@
             "value": {
               "type": "Number",
               "desc": "The marker label equivalent model value",
-              "required": true,
-              "examples": [ "5" ]
+              "required": true
             }
           },
           "returns": {
             "type": "Object",
-            "desc": "CSS style Object to apply to a marker element at respective model value",
-            "__exemption": [ "examples" ]
-          },
-          "__exemption": [ "examples" ]
+            "desc": "CSS style Object to apply to a marker element at respective model value"
+          }
         }
       }
     },
@@ -440,23 +415,19 @@
           "definition": {
             "index": {
               "type": "Number",
-              "desc": "Index of the marker label (0-based)",
-              "__exemption": [ "examples" ]
+              "desc": "Index of the marker label (0-based)"
             },
             "value": {
               "type": "Number",
-              "desc": "Equivalent model value for the marker label",
-              "__exemption": [ "examples" ]
+              "desc": "Equivalent model value for the marker label"
             },
             "label": {
               "type": [ "Number", "String" ],
-              "desc": "Configured label for the marker",
-              "__exemption": [ "examples" ]
+              "desc": "Configured label for the marker"
             },
             "classes": {
               "type": "String",
-              "desc": "Required CSS classes to be applied to the marker element",
-              "__exemption": [ "examples" ]
+              "desc": "Required CSS classes to be applied to the marker element"
             },
             "style": {
               "type": "Object",
@@ -478,23 +449,19 @@
               "definition": {
                 "index": {
                   "type": "Number",
-                  "desc": "Index of the marker label (0-based)",
-                  "__exemption": [ "examples" ]
+                  "desc": "Index of the marker label (0-based)"
                 },
                 "value": {
                   "type": "Number",
-                  "desc": "Equivalent model value for the marker label",
-                  "__exemption": [ "examples" ]
+                  "desc": "Equivalent model value for the marker label"
                 },
                 "label": {
                   "type": [ "Number", "String" ],
-                  "desc": "Configured label for the marker",
-                  "__exemption": [ "examples" ]
+                  "desc": "Configured label for the marker"
                 },
                 "classes": {
                   "type": "String",
-                  "desc": "Required CSS classes to be applied to the marker element",
-                  "__exemption": [ "examples" ]
+                  "desc": "Required CSS classes to be applied to the marker element"
                 },
                 "style": {
                   "type": "Object",
@@ -509,8 +476,7 @@
 
         "classes": {
           "type": "String",
-          "desc": "Required CSS classes to be applied to the marker element",
-          "__exemption": [ "examples" ]
+          "desc": "Required CSS classes to be applied to the marker element"
         },
 
         "getStyle": {
@@ -520,16 +486,13 @@
             "value": {
               "type": "Number",
               "desc": "The marker label equivalent model value",
-              "required": true,
-              "examples": [ "5" ]
+              "required": true
             }
           },
           "returns": {
             "type": "Object",
-            "desc": "CSS style Object to apply to a marker element at respective model value",
-            "__exemption": [ "examples" ]
-          },
-          "__exemption": [ "examples" ]
+            "desc": "CSS style Object to apply to a marker element at respective model value"
+          }
         }
       }
     }

package/src/components/spinner/QSpinner.json

@@ -14,7 +14,6 @@
       "type": "Number",
       "desc": "Override value to use for stroke-width",
       "default": 5,
-      "examples": [ "2", "5" ],
       "category": "style"
     }
   }

package/src/components/splitter/QSplitter.json

@@ -124,8 +124,7 @@
       "params": {
         "value": {
           "type": "Number",
-          "desc": "New model value (0.0 < x < 100.0) defining the ratio between panels",
-          "examples": [ 0.22 ]
+          "desc": "New model value (0.0 < x < 100.0) defining the ratio between panels"
         }
       }
     }

package/src/components/stepper/QStep.js

@@ -7,7 +7,7 @@ import { usePanelChildProps } from '../../composables/private/use-panel.js'
 import useCache from '../../composables/private/use-cache.js'
 
 import { createComponent } from '../../utils/private/create.js'
-import { stepperKey } from '../../utils/private/symbols.js'
+import { stepperKey, emptyRenderFn } from '../../utils/private/symbols.js'
 import { hSlot } from '../../utils/private/render.js'
 
 function getStepWrapper (slots) {
@@ -61,9 +61,11 @@ export default createComponent({
   setup (props, { slots, emit }) {
     const { proxy: { $q } } = getCurrentInstance()
 
-    const $stepper = inject(stepperKey, () => {
-      console.error('QStep needs to be child of QStepper')
-    })
+    const $stepper = inject(stepperKey, emptyRenderFn)
+    if ($stepper === emptyRenderFn) {
+      console.error('QStep needs to be a child of QStepper')
+      return emptyRenderFn
+    }
 
     const { getCacheWithFn } = useCache()
 
@@ -121,7 +123,7 @@ export default createComponent({
 
     return () => h(
       'div',
-      { ref: rootRef, class: 'q-stepper__step', ...scrollEvent.value },
+      { ref: rootRef, class: 'q-stepper__step', role: 'tabpanel', ...scrollEvent.value },
       $stepper.value.vertical === true
         ? [
             h(StepHeader, {

package/src/components/tab-panels/QTabPanel.js

@@ -11,6 +11,6 @@ export default createComponent({
   props: usePanelChildProps,
 
   setup (_, { slots }) {
-    return () => h('div', { class: 'q-tab-panel' }, hSlot(slots.default))
+    return () => h('div', { class: 'q-tab-panel', role: 'tabpanel' }, hSlot(slots.default))
   }
 })

package/src/components/table/QTable.js

@@ -119,7 +119,7 @@ export default createComponent({
   },
 
   emits: [
-    'request', 'virtual-scroll',
+    'request', 'virtualScroll',
     ...useFullscreenEmits,
     ...useTableRowExpandEmits,
     ...useTableRowSelectionEmits
@@ -353,7 +353,7 @@ export default createComponent({
 
         scrollTarget.scrollTop = offsetTop
 
-        emit('virtual-scroll', {
+        emit('virtualScroll', {
           index: toIndex,
           from: 0,
           to: innerPagination.value.rowsPerPage - 1,
@@ -363,7 +363,7 @@ export default createComponent({
     }
 
     function onVScroll (info) {
-      emit('virtual-scroll', info)
+      emit('virtualScroll', info)
     }
 
     function getProgress () {