quasar 2.9.2 → 2.10.1

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

@@ -82,7 +82,6 @@
       "type": [ "Number", "String" ],
       "desc": "When content changes, the scrollbar appears; this delay defines the amount of time (in milliseconds) before scrollbars disappear again (if component is not hovered)",
       "default": 1000,
-      "examples": [ 500, ":delay=\"550\"" ],
       "category": "behavior"
     },
 
@@ -115,51 +114,43 @@
             "verticalPosition": {
               "type": "Number",
               "required": true,
-              "desc": "Vertical scroll position (in px)",
-              "__exemption": [ "examples" ]
+              "desc": "Vertical scroll position (in px)"
             },
             "verticalPercentage": {
               "type": "Number",
               "required": true,
-              "desc": "Vertical scroll percentage (0.0 <= x <= 1.0)",
-              "__exemption": [ "examples" ]
+              "desc": "Vertical scroll percentage (0.0 <= x <= 1.0)"
             },
             "verticalSize": {
               "type": "Number",
               "required": true,
-              "desc": "Vertical scroll size (in px)",
-              "__exemption": [ "examples" ]
+              "desc": "Vertical scroll size (in px)"
             },
             "verticalContainerSize": {
               "type": "Number",
               "required": true,
-              "desc": "Height of the container (in px)",
-              "__exemption": [ "examples" ]
+              "desc": "Height of the container (in px)"
             },
 
             "horizontalPosition": {
               "type": "Number",
               "required": true,
-              "desc": "Horizontal scroll position (in px)",
-              "__exemption": [ "examples" ]
+              "desc": "Horizontal scroll position (in px)"
             },
             "horizontalPercentage": {
               "type": "Number",
               "required": true,
-              "desc": "Horizontal scroll percentage (0.0 <= x <= 1.0)",
-              "__exemption": [ "examples" ]
+              "desc": "Horizontal scroll percentage (0.0 <= x <= 1.0)"
             },
             "horizontalSize": {
               "type": "Number",
               "required": true,
-              "desc": "Horizontal scroll size (in px)",
-              "__exemption": [ "examples" ]
+              "desc": "Horizontal scroll size (in px)"
             },
             "horizontalContainerSize": {
               "type": "Number",
               "required": true,
-              "desc": "Width of the container (in px)",
-              "__exemption": [ "examples" ]
+              "desc": "Width of the container (in px)"
             }
           }
         }
@@ -181,56 +172,47 @@
       "returns": {
         "type": "Object",
         "desc": "Scroll information",
-        "__exemption": [ "examples" ],
         "definition": {
           "verticalPosition": {
             "type": "Number",
             "required": true,
-            "desc": "Vertical scroll position (in px)",
-            "__exemption": [ "examples" ]
+            "desc": "Vertical scroll position (in px)"
           },
           "verticalPercentage": {
             "type": "Number",
             "required": true,
-            "desc": "Vertical scroll percentage (0.0 <= x <= 1.0)",
-            "__exemption": [ "examples" ]
+            "desc": "Vertical scroll percentage (0.0 <= x <= 1.0)"
           },
           "verticalSize": {
             "type": "Number",
             "required": true,
-            "desc": "Vertical scroll size (in px)",
-            "__exemption": [ "examples" ]
+            "desc": "Vertical scroll size (in px)"
           },
           "verticalContainerSize": {
             "type": "Number",
             "required": true,
-            "desc": "Height of the container (in px)",
-            "__exemption": [ "examples" ]
+            "desc": "Height of the container (in px)"
           },
 
           "horizontalPosition": {
             "type": "Number",
             "required": true,
-            "desc": "Horizontal scroll position (in px)",
-            "__exemption": [ "examples" ]
+            "desc": "Horizontal scroll position (in px)"
           },
           "horizontalPercentage": {
             "type": "Number",
             "required": true,
-            "desc": "Horizontal scroll percentage (0.0 <= x <= 1.0)",
-            "__exemption": [ "examples" ]
+            "desc": "Horizontal scroll percentage (0.0 <= x <= 1.0)"
           },
           "horizontalSize": {
             "type": "Number",
             "required": true,
-            "desc": "Horizontal scroll size (in px)",
-            "__exemption": [ "examples" ]
+            "desc": "Horizontal scroll size (in px)"
           },
           "horizontalContainerSize": {
             "type": "Number",
             "required": true,
-            "desc": "Width of the container (in px)",
-            "__exemption": [ "examples" ]
+            "desc": "Width of the container (in px)"
           }
         }
       }
@@ -245,14 +227,12 @@
           "top": {
             "type": "Number",
             "required": true,
-            "desc": "Scroll offset from top (vertical)",
-            "examples": [ 120 ]
+            "desc": "Scroll offset from top (vertical)"
           },
           "left": {
             "type": "Number",
             "required": true,
-            "desc": "Scroll offset from left (horizontal)",
-            "examples": [ 10 ]
+            "desc": "Scroll offset from left (horizontal)"
           }
         },
         "examples": [ "{ top: 10, left: 0 }" ]
@@ -268,14 +248,12 @@
           "top": {
             "type": "Number",
             "required": true,
-            "desc": "Scroll percentage (0.0 <= x <= 1.0) offset from top (vertical)",
-            "examples": [ 0.12 ]
+            "desc": "Scroll percentage (0.0 <= x <= 1.0) offset from top (vertical)"
           },
           "left": {
             "type": "Number",
             "required": true,
-            "desc": "Scroll percentage (0.0 <= x <= 1.0) offset from left (horizontal)",
-            "examples": [ 0.92 ]
+            "desc": "Scroll percentage (0.0 <= x <= 1.0) offset from left (horizontal)"
           }
         },
         "examples": [ "{ top: 0.212, left: 0 }" ]
@@ -294,13 +272,11 @@
         "offset": {
           "type": "Number",
           "required": true,
-          "desc": "Scroll position offset from top (in pixels)",
-          "examples": [ 220 ]
+          "desc": "Scroll position offset from top (in pixels)"
         },
         "duration": {
           "type": "Number",
-          "desc": "Duration (in milliseconds) enabling animated scroll",
-          "examples": [ 300 ]
+          "desc": "Duration (in milliseconds) enabling animated scroll"
         }
       }
     },
@@ -317,13 +293,11 @@
         "offset": {
           "type": "Number",
           "desc": "Scroll percentage (0.0 <= x <= 1.0) of the total scrolling size",
-          "required": true,
-          "examples": [ 220 ]
+          "required": true
         },
         "duration": {
           "type": "Number",
-          "desc": "Duration (in milliseconds) enabling animated scroll",
-          "examples": [ 300 ]
+          "desc": "Duration (in milliseconds) enabling animated scroll"
         }
       }
     }

package/src/components/scroll-observer/QScrollObserver.js

@@ -119,6 +119,8 @@ export default createComponent({
 
     const { proxy } = getCurrentInstance()
 
+    watch(() => proxy.$q.lang.rtl, emitEvent)
+
     onMounted(() => {
       parentEl = proxy.$el.parentNode
       configureScrollTarget()

package/src/components/scroll-observer/QScrollObserver.json

@@ -40,14 +40,12 @@
                 "top": {
                   "type": "Number",
                   "required": true,
-                  "desc": "Scroll offset from top (vertical)",
-                  "examples": [ 120 ]
+                  "desc": "Scroll offset from top (vertical)"
                 },
                 "left": {
                   "type": "Number",
                   "required": true,
-                  "desc": "Scroll offset from left (horizontal)",
-                  "examples": [ 10 ]
+                  "desc": "Scroll offset from left (horizontal)"
                 }
               }
             },
@@ -71,14 +69,12 @@
                 "top": {
                   "type": "Number",
                   "required": true,
-                  "desc": "Vertical delta distance since event was last emitted",
-                  "examples": [ 120 ]
+                  "desc": "Vertical delta distance since event was last emitted"
                 },
                 "left": {
                   "type": "Number",
                   "required": true,
-                  "desc": "Horizontal delta distance since event was last emitted",
-                  "examples": [ 10 ]
+                  "desc": "Horizontal delta distance since event was last emitted"
                 }
               }
             },
@@ -91,14 +87,12 @@
                 "top": {
                   "type": "Number",
                   "required": true,
-                  "desc": "Scroll offset from top (vertical)",
-                  "examples": [ 120 ]
+                  "desc": "Scroll offset from top (vertical)"
                 },
                 "left": {
                   "type": "Number",
                   "required": true,
-                  "desc": "Scroll offset from left (horizontal)",
-                  "examples": [ 10 ]
+                  "desc": "Scroll offset from left (horizontal)"
                 }
               }
             }

package/src/components/select/QSelect.js

@@ -127,9 +127,9 @@ export default createComponent({
 
   emits: [
     ...useFieldEmits,
-    'add', 'remove', 'input-value', 'new-value',
+    'add', 'remove', 'inputValue', 'newValue',
     'keyup', 'keypress', 'keydown',
-    'filter-abort'
+    'filterAbort'
   ],
 
   setup (props, { slots, emit }) {
@@ -268,20 +268,16 @@ export default createComponent({
 
     const tabindex = computed(() => (state.focused.value === true ? props.tabindex : -1))
 
-    const comboboxAttrs = computed(() => {
-      const attrs = {
-        tabindex: props.tabindex,
-        role: 'combobox',
-        'aria-label': props.label,
-        'aria-readonly': props.readonly === true ? 'true' : 'false',
-        'aria-autocomplete': props.useInput === true ? 'list' : 'none',
-        'aria-expanded': menu.value === true ? 'true' : 'false',
-        'aria-owns': `${ state.targetUid.value }_lb`,
-        'aria-controls': `${ state.targetUid.value }_lb`
-      }
-
-      return attrs
-    })
+    const comboboxAttrs = computed(() => ({
+      tabindex: props.tabindex,
+      role: 'combobox',
+      'aria-label': props.label,
+      'aria-readonly': props.readonly === true ? 'true' : 'false',
+      'aria-autocomplete': props.useInput === true ? 'list' : 'none',
+      'aria-expanded': menu.value === true ? 'true' : 'false',
+      'aria-owns': `${ state.targetUid.value }_lb`,
+      'aria-controls': `${ state.targetUid.value }_lb`
+    }))
 
     const listboxAttrs = computed(() => {
       const attrs = {
@@ -877,7 +873,7 @@ export default createComponent({
         }
 
         if (props.onNewValue !== void 0) {
-          emit('new-value', inputValue.value, done)
+          emit('newValue', inputValue.value, done)
         }
         else {
           done(inputValue.value)
@@ -900,8 +896,8 @@ export default createComponent({
       return hasDialog === true
         ? menuContentRef.value
         : (
-            menuRef.value !== null && menuRef.value.__qPortalInnerRef.value !== null
-              ? menuRef.value.__qPortalInnerRef.value
+            menuRef.value !== null && menuRef.value.contentEl !== null
+              ? menuRef.value.contentEl
               : void 0
           )
     }
@@ -1044,7 +1040,7 @@ export default createComponent({
     function setInputValue (val) {
       if (inputValue.value !== val) {
         inputValue.value = val
-        emit('input-value', val)
+        emit('inputValue', val)
       }
     }
 
@@ -1068,7 +1064,7 @@ export default createComponent({
       }
 
       if (state.innerLoading.value === true) {
-        emit('filter-abort')
+        emit('filterAbort')
       }
       else {
         state.innerLoading.value = true
@@ -1285,7 +1281,7 @@ export default createComponent({
         filterId = void 0
 
         if (state.innerLoading.value === true) {
-          emit('filter-abort')
+          emit('filterAbort')
           state.innerLoading.value = false
           innerLoadingIndicator.value = false
         }
@@ -1371,14 +1367,14 @@ export default createComponent({
 
     function onControlPopupShow (e) {
       e !== void 0 && stop(e)
-      emit('popup-show', e)
+      emit('popupShow', e)
       state.hasPopupOpen = true
       state.onControlFocusin(e)
     }
 
     function onControlPopupHide (e) {
       e !== void 0 && stop(e)
-      emit('popup-hide', e)
+      emit('popupHide', e)
       state.hasPopupOpen = false
       state.onControlFocusout(e)
     }

package/src/components/select/QSelect.json

@@ -142,7 +142,6 @@
     "max-values": {
       "type": [ "Number", "String" ],
       "desc": "Allow a maximum number of selections that the user can do",
-      "examples": [ "5" ],
       "category": "selection"
     },
 
@@ -191,7 +190,6 @@
         "center left", "center middle", "center right", "center start", "center end",
         "bottom left", "bottom middle", "bottom right", "bottom start", "bottom end"
       ],
-      "examples": [ "top left", "bottom right" ],
       "category": "position"
     },
 
@@ -203,7 +201,6 @@
         "center left", "center middle", "center right", "center start", "center end",
         "bottom left", "bottom middle", "bottom right", "bottom start", "bottom end"
       ],
-      "examples": [ "top left", "bottom right" ],
       "category": "position"
     },
 
@@ -275,7 +272,6 @@
       "type": [ "Number", "String" ],
       "desc": "Debounce the input model update with an amount of milliseconds",
       "default": 500,
-      "examples": [ 650 ],
       "category": "content"
     },
 
@@ -330,7 +326,6 @@
       "type": [ "String", "Number" ],
       "desc": "Transition duration when hiding the menu/dialog (in milliseconds, without unit)",
       "default": 300,
-      "examples": [ 500, "1200" ],
       "category": "behavior"
     },
 
@@ -378,13 +373,11 @@
       "scope": {
         "index": {
           "type": "Number",
-          "desc": "Selection index",
-          "examples": [ 0 ]
+          "desc": "Selection index"
         },
         "opt": {
           "type": "Any",
-          "desc": "Selected option -- its value is taken from model",
-          "__exemption": [ "examples" ]
+          "desc": "Selected option -- its value is taken from model"
         },
         "selected": {
           "type": "Boolean",
@@ -397,8 +390,7 @@
             "index": {
               "type": "Number",
               "required": true,
-              "desc": "Index at which to remove selection",
-              "examples": [ 0 ]
+              "desc": "Index at which to remove selection"
             }
           },
           "returns": null
@@ -410,8 +402,7 @@
             "opt": {
               "type": "Any",
               "required": true,
-              "desc": "Option to add to model",
-              "__exemption": [ "examples" ]
+              "desc": "Option to add to model"
             }
           },
           "returns": null
@@ -429,13 +420,11 @@
       "scope": {
         "index": {
           "type": "Number",
-          "desc": "Option index",
-          "examples": [ 0 ]
+          "desc": "Option index"
         },
         "opt": {
           "type": "Any",
-          "desc": "Option -- its value is taken from 'options' prop",
-          "__exemption": [ "examples" ]
+          "desc": "Option -- its value is taken from 'options' prop"
         },
         "selected": {
           "type": "Boolean",
@@ -452,8 +441,7 @@
             "opt": {
               "type": "Any",
               "required": true,
-              "desc": "Option to add to model",
-              "__exemption": [ "examples" ]
+              "desc": "Option to add to model"
             }
           },
           "returns": null
@@ -465,16 +453,14 @@
             "index": {
               "type": "Number",
               "required": true,
-              "desc": "Index of option from menu",
-              "examples": [ 10 ]
+              "desc": "Index of option from menu"
             }
           },
           "returns": null
         },
         "itemProps": {
           "type": "Object",
-          "desc": "Computed properties passed down to QItem",
-          "__exemption": [ "examples" ]
+          "desc": "Computed properties passed down to QItem"
         }
       }
     }
@@ -490,8 +476,7 @@
       "params": {
         "value": {
           "type": "String",
-          "desc": "New text value",
-          "__exemption": [ "examples" ]
+          "desc": "New text value"
         }
       }
     },
@@ -506,14 +491,12 @@
             "index": {
               "type": "Number",
               "required": true,
-              "desc": "Model index at which removal took place",
-              "examples": [ 2 ]
+              "desc": "Model index at which removal took place"
             },
             "value": {
               "type": "Any",
               "required": true,
-              "desc": "The actual value that was removed",
-              "__exemption": [ "examples" ]
+              "desc": "The actual value that was removed"
             }
           }
         }
@@ -530,14 +513,12 @@
             "index": {
               "type": "Number",
               "required": true,
-              "desc": "Model index at which addition took place",
-              "examples": [ 2 ]
+              "desc": "Model index at which addition took place"
             },
             "value": {
               "type": "Any",
               "required": true,
-              "desc": "The actual value that was added",
-              "__exemption": [ "examples" ]
+              "desc": "The actual value that was added"
             }
           }
         }
@@ -559,8 +540,7 @@
             "item": {
               "type": "Any",
               "required": false,
-              "desc": "Item to add",
-              "__exemption": [ "examples" ]
+              "desc": "Item to add"
             },
             "mode": {
               "type": "String",
@@ -675,8 +655,7 @@
         "index": {
           "type": "Number",
           "required": true,
-          "desc": "Index at which to remove selection",
-          "examples": [ 0 ]
+          "desc": "Index at which to remove selection"
         }
       }
     },
@@ -687,13 +666,11 @@
         "opt": {
           "type": "Any",
           "required": true,
-          "desc": "Option to add to model",
-          "__exemption": [ "examples" ]
+          "desc": "Option to add to model"
         },
         "unique": {
           "type": "Boolean",
-          "desc": "Option must be unique",
-          "__exemption": [ "examples" ]
+          "desc": "Option must be unique"
         }
       }
     },
@@ -704,8 +681,7 @@
         "opt": {
           "type": "Any",
           "required": true,
-          "desc": "Option to add to model",
-          "__exemption": [ "examples" ]
+          "desc": "Option to add to model"
         },
         "keepOpen": {
           "type": "Boolean",
@@ -718,8 +694,7 @@
       "desc": "Gets current focused option index from menu; It's -1 if no option is focused",
       "returns": {
         "type": "Number",
-        "desc": "Index of option from menu; It's -1 if no option is focused",
-        "examples": [ -1, 0, 10 ]
+        "desc": "Index of option from menu; It's -1 if no option is focused"
       },
       "addedIn": "v2.5.4"
     },
@@ -730,8 +705,7 @@
         "index": {
           "type": "Number",
           "required": true,
-          "desc": "Index of option from menu; -1 to focus none",
-          "examples": [ 10 ]
+          "desc": "Index of option from menu; -1 to focus none"
         }
       }
     },
@@ -742,8 +716,7 @@
         "offset": {
           "type": "Number",
           "desc": "Number of options to move up or down",
-          "default": 1,
-          "examples": [ -1, 1, 5 ]
+          "default": 1
         },
         "skipInputValue": {
           "type": "Boolean",
@@ -790,8 +763,7 @@
         "opt": {
           "type": "Any",
           "required": true,
-          "desc": "Option entry",
-          "__exemption": [ "examples" ]
+          "desc": "Option entry"
         }
       },
       "returns": {
@@ -806,14 +778,12 @@
         "opt": {
           "type": "Any",
           "required": true,
-          "desc": "Option entry",
-          "__exemption": [ "examples" ]
+          "desc": "Option entry"
         }
       },
       "returns": {
         "type": "Any",
-        "desc": "Emitting model value of said option",
-        "__exemption": [ "examples" ]
+        "desc": "Emitting model value of said option"
       }
     },
 
@@ -823,14 +793,12 @@
         "opt": {
           "type": "Any",
           "required": true,
-          "desc": "Option entry",
-          "__exemption": [ "examples" ]
+          "desc": "Option entry"
         }
       },
       "returns": {
         "type": "Any",
-        "desc": "Model value of said option",
-        "__exemption": [ "examples" ]
+        "desc": "Model value of said option"
       }
     },
 
@@ -840,14 +808,12 @@
         "opt": {
           "type": "Any",
           "required": true,
-          "desc": "Option entry",
-          "__exemption": [ "examples" ]
+          "desc": "Option entry"
         }
       },
       "returns": {
         "type": "Any",
-        "desc": "Label of said option",
-        "__exemption": [ "examples" ]
+        "desc": "Label of said option"
       }
     },
 
@@ -857,8 +823,7 @@
         "opt": {
           "type": "Any",
           "required": true,
-          "desc": "Option entry",
-          "__exemption": [ "examples" ]
+          "desc": "Option entry"
         }
       },
       "returns": {

package/src/components/select/QSelect.sass

@@ -17,8 +17,8 @@
   &__autocomplete-input
     position: absolute
     outline: 0 !important
-    width: 0
-    height: 0
+    width: 1px // Safari scrolls on top if 0
+    height: 1px // Safari scrolls on top if 0
     padding: 0
     border: 0
     opacity: 0