quasar 2.15.0 → 2.15.2

package/src/components/linear-progress/QLinearProgress.json

@@ -9,7 +9,7 @@
     "value": {
       "type": "Number",
       "desc": "Progress value (0.0 < x < 1.0)",
-      "default": 0,
+      "default": "0",
       "category": "model"
     },
 
@@ -68,7 +68,7 @@
 
     "animation-speed": {
       "extends": "animation-speed",
-      "default": 2100,
+      "default": "2100",
       "addedIn": "v2.3"
     }
   },

package/src/components/markup-table/QMarkupTable.json

@@ -27,9 +27,9 @@
     "separator": {
       "type": "String",
       "desc": "Use a separator/border between rows, columns or all cells",
-      "default": "horizontal",
-      "values": [ "horizontal", "vertical", "cell", "none" ],
-      "examples": [ "cell" ],
+      "default": "'horizontal'",
+      "values": [ "'horizontal'", "'vertical'", "'cell'", "'none'" ],
+      "examples": [ "'cell'" ],
       "category": "content"
     },
 

package/src/components/menu/QMenu.json

@@ -26,9 +26,9 @@
       "type": "String",
       "desc": "Two values setting the starting position or anchor point of the menu relative to its target",
       "values": [
-        "top left", "top middle", "top right", "top start", "top end",
-        "center left", "center middle", "center right", "center start", "center end",
-        "bottom left", "bottom middle", "bottom right", "bottom start", "bottom end"
+        "'top left'", "'top middle'", "'top right'", "'top start'", "'top end'",
+        "'center left'", "'center middle'", "'center right'", "'center start'", "'center end'",
+        "'bottom left'", "'bottom middle'", "'bottom right'", "'bottom start'", "'bottom end'"
       ],
       "category": "position"
     },
@@ -37,9 +37,9 @@
       "type": "String",
       "desc": "Two values setting the menu's own position relative to its target",
       "values": [
-        "top left", "top middle", "top right", "top start", "top end",
-        "center left", "center middle", "center right", "center start", "center end",
-        "bottom left", "bottom middle", "bottom right", "bottom start", "bottom end"
+        "'top left'", "'top middle'", "'top right'", "'top start'", "'top end'",
+        "'center left'", "'center middle'", "'center right'", "'center start'", "'center end'",
+        "'bottom left'", "'bottom middle'", "'bottom right'", "'bottom start'", "'bottom end'"
       ],
       "category": "position"
     },
@@ -106,7 +106,7 @@
     "max-height": {
       "extends": "size",
       "type": [ "String", "null" ],
-      "default": null,
+      "default": "null",
       "desc": "The maximum height of the menu; Size in CSS units, including unit name",
       "category": "style"
     },
@@ -114,7 +114,7 @@
     "max-width": {
       "extends": "size",
       "type": [ "String", "null" ],
-      "default": null,
+      "default": "null",
       "desc": "The maximum width of the menu; Size in CSS units, including unit name",
       "category": "style"
     }

package/src/components/no-ssr/QNoSsr.json

@@ -6,14 +6,14 @@
   "props": {
     "tag": {
       "extends": "tag",
-      "default": "div",
-      "examples": [ "div", "span", "blockquote" ]
+      "default": "'div'",
+      "examples": [ "'div'", "'span'", "'blockquote'" ]
     },
 
     "placeholder": {
       "type": "String",
       "desc": "Text to display on server-side render (unless using 'placeholder' slot)",
-      "examples": [ "This is server-side only" ],
+      "examples": [ "'This is server-side only'" ],
       "category": "content"
     }
   },

package/src/components/option-group/QOptionGroup.json

@@ -9,7 +9,7 @@
     "model-value": {
       "extends": "model-value",
       "type": "Any",
-      "examples": [ "v-model=\"group\"" ]
+      "examples": [ "# v-model=\"group\"" ]
     },
 
     "options": {
@@ -20,13 +20,13 @@
           "type": "String",
           "desc": "Label to display along the component",
           "required": true,
-          "examples": [ "Option 1", "Option 2", "Option 3" ]
+          "examples": [ "'Option 1'", "'Option 2'", "'Option 3'" ]
         },
         "value": {
           "type": "Any",
           "desc": "Value of the option that will be used by the component model",
           "required": true,
-          "examples": [ "op1", "op2", "op3" ]
+          "examples": [ "'op1'", "'op2'", "'op3'" ]
         },
         "disable": {
           "type": "Boolean",
@@ -38,24 +38,22 @@
           "examples": [ "val=\"car\"", ":true-value=\"trueValue\"", "checked-icon=\"visibility\"" ]
         }
       },
-      "examples": [
-        ":options=\"[ { label: 'Option 1', value: 'op1' }, { label: 'Option 2', value: 'op2' }, { label: 'Option 3', value: 'op3', disable: true } ]\""
-      ],
+      "examples": [ "[ { label: 'Option 1', value: 'op1' }, { label: 'Option 2', value: 'op2' }, { label: 'Option 3', value: 'op3', disable: true } ]" ],
       "category": "model"
     },
 
     "name": {
       "type": "String",
       "desc": "Used to specify the name of the controls; Useful if dealing with forms submitted directly to a URL",
-      "examples": [ "car_id" ],
+      "examples": [ "'car_id'" ],
       "category": "behavior"
     },
 
     "type": {
       "type": "String",
       "desc": "The type of input component to be used",
-      "values": [ "radio", "checkbox", "toggle" ],
-      "default": "radio",
+      "values": [ "'radio'", "'checkbox'", "'toggle'" ],
+      "default": "'radio'",
       "category": "content"
     },
 
@@ -106,13 +104,13 @@
               "type": "String",
               "desc": "Label to display along the component",
               "required": true,
-              "examples": [ "Option 1", "Option 2", "Option 3" ]
+              "examples": [ "'Option 1'", "'Option 2'", "'Option 3'" ]
             },
             "value": {
               "type": "Any",
               "desc": "Value of the option that will be used by the component model",
               "required": true,
-              "examples": [ "op1", "op2", "op3" ]
+              "examples": [ "'op1'", "'op2'", "'op3'" ]
             },
             "disable": {
               "type": "Boolean",
@@ -140,13 +138,13 @@
               "type": "String",
               "desc": "Label to display along the component",
               "required": true,
-              "examples": [ "Option 1", "Option 2", "Option 3" ]
+              "examples": [ "'Option 1'", "'Option 2'", "'Option 3'" ]
             },
             "value": {
               "type": "Any",
               "desc": "Value of the option that will be used by the component model",
               "required": true,
-              "examples": [ "op1", "op2", "op3" ]
+              "examples": [ "'op1'", "'op2'", "'op3'" ]
             },
             "disable": {
               "type": "Boolean",

package/src/components/page/QPage.json

@@ -27,8 +27,8 @@
         "type": "Object",
         "desc": "Object with CSS properties to apply to Page DOM element"
       },
-      "default": "(see source code)",
-      "examples": [ "(see source code)" ],
+      "default": "# see source code",
+      "examples": [ "# see source code" ],
       "category": "style"
     }
   },

package/src/components/page-scroller/QPageScroller.json

@@ -9,7 +9,7 @@
     "scroll-offset": {
       "type": "Number",
       "desc": "Scroll offset (in pixels) from which point the component is shown on page; Measured from the top of the page (or from the bottom if in 'reverse' mode)",
-      "default": 1000,
+      "default": "1000",
       "category": "behavior"
     },
 
@@ -22,12 +22,12 @@
     "duration": {
       "type": "Number",
       "desc": "Duration (in milliseconds) of the scrolling until it reaches its target",
-      "default": 300,
+      "default": "300",
       "category": "behavior"
     },
 
     "offset": {
-      "default": [ 18, 18 ],
+      "default": "[ 18, 18 ]",
       "category": "content"
     }
   }

package/src/components/page-sticky/QPageSticky.json

@@ -7,11 +7,11 @@
     "position": {
       "type": "String",
       "desc": "Page side/corner to stick to",
-      "default": "bottom-right",
+      "default": "'bottom-right'",
       "values": [
-        "top-right", "top-left",
-        "bottom-right", "bottom-left",
-        "top", "right", "bottom", "left"
+        "'top-right'", "'top-left'",
+        "'bottom-right'", "'bottom-left'",
+        "'top'", "'right'", "'bottom'", "'left'"
       ],
       "category": "position"
     },

package/src/components/pagination/QPagination.json

@@ -13,7 +13,7 @@
     "min": {
       "type": [ "Number", "String" ],
       "desc": "Minimum page (must be lower than 'max')",
-      "default": 1,
+      "default": "1",
       "category": "model"
     },
 
@@ -32,7 +32,7 @@
     "size": {
       "type": "String",
       "desc": "Button size in CSS units, including unit name",
-      "examples": [ "20px" ],
+      "examples": [ "'20px'" ],
       "category": "style"
     },
 
@@ -75,41 +75,41 @@
         "type": [ "Object", "String" ],
         "desc": "Object or String that can be passed to a <router-link> as 'to' parameter"
       },
-      "examples": [ ":to-fn=\"page => ({ query: { page } })\"" ],
+      "examples": [ "page => ({ query: { page } })" ],
       "category": "content"
     },
 
     "boundary-links": {
       "type": [ "Boolean", "null" ],
-      "default": null,
+      "default": "null",
       "desc": "Show boundary button links",
       "category": "content"
     },
 
     "boundary-numbers": {
       "type": [ "Boolean", "null" ],
-      "default": null,
+      "default": "null",
       "desc": "Always show first and last page buttons (if not using 'input')",
       "category": "content"
     },
 
     "direction-links": {
       "type": [ "Boolean", "null" ],
-      "default": null,
+      "default": "null",
       "desc": "Show direction buttons",
       "category": "content"
     },
 
     "ellipses": {
       "type": [ "Boolean", "null" ],
-      "default": null,
+      "default": "null",
       "desc": "Show ellipses (...) when pages are available",
       "category": "content"
     },
 
     "max-pages": {
       "type": [ "Number", "String" ],
-      "default": 0,
+      "default": "0",
       "desc": "Maximum number of page links to display at a time; 0 means Infinite",
       "category": "content"
     },
@@ -141,7 +141,7 @@
     "color": {
       "extends": "color",
       "desc": "Color name from the Quasar Color Palette for the non-active buttons",
-      "default": "primary"
+      "default": "'primary'"
     },
 
     "text-color": {
@@ -152,7 +152,7 @@
     "active-design": {
       "type": "String",
       "desc": "The design of the ACTIVE button, similar to the flat/outline/push/unelevated props (but those are used for non-active buttons)",
-      "values": [ "flat", "outline", "push", "unelevated" ],
+      "values": [ "'flat'", "'outline'", "'push'", "'unelevated'" ],
       "category": "style",
       "addedIn": "v2.10"
     },
@@ -160,7 +160,7 @@
     "active-color": {
       "extends": "color",
       "desc": "Color name from the Quasar Color Palette for the ACTIVE button",
-      "default": "primary"
+      "default": "'primary'"
     },
 
     "active-text-color": {
@@ -189,8 +189,8 @@
     "gutter": {
       "type": "String",
       "desc": "Apply custom gutter; Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl)",
-      "default": "2px",
-      "examples": [ "16px", "10px 5px", "2rem", "xs", "md lg", "2px 2px 5px 7px" ],
+      "default": "'2px'",
+      "examples": [ "'16px'", "'10px 5px'", "'2rem'", "'xs'", "'md lg'", "'2px 2px 5px 7px'" ],
       "category": "style",
       "addedIn": "v2.10"
     },
@@ -198,7 +198,7 @@
     "padding": {
       "type": "String",
       "desc": "Apply custom padding (vertical [horizontal]); Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl); Also removes the min width and height when set",
-      "examples": [ "16px", "10px 5px", "2rem", "xs", "md lg", "2px 2px 5px 7px" ],
+      "examples": [ "'16px'", "'10px 5px'", "'2rem'", "'xs'", "'md lg'", "'2px 2px 5px 7px'" ],
       "category": "style"
     },
 
@@ -207,8 +207,8 @@
       "tsType": "VueStyleProp",
       "desc": "Style definitions to be attributed to the input (if using one)",
       "examples": [
-        "background-color: #ff0000",
-        ":input-style=\"{ backgroundColor: '#ff0000' }\""
+        "'background-color: #ff0000'",
+        "{ backgroundColor: '#ff0000' }"
       ],
       "category": "style"
     },
@@ -218,8 +218,8 @@
       "tsType": "VueClassProp",
       "desc": "Class definitions to be attributed to the input (if using one)",
       "examples": [
-        "my-special-class",
-        ":input-class=\"{ 'my-special-class': <condition> }\""
+        "'my-special-class'",
+        "{ 'my-special-class': <condition> }"
       ],
       "category": "style"
     },
@@ -227,8 +227,8 @@
     "ripple": {
       "type": [ "Boolean", "Object", "null" ],
       "desc": "Configure buttons material ripple (disable it by setting it to 'false' or supply a config object); Does not applies to boundary and ellipsis buttons",
-      "default": true,
-      "examples": [ false, "{ early: true, center: true, color: 'teal', keyCodes: [] }" ],
+      "default": "true",
+      "examples": [ "false", "{ early: true, center: true, color: 'teal', keyCodes: [] }" ],
       "category": "style"
     }
   },

package/src/components/parallax/QParallax.json

@@ -9,10 +9,10 @@
       "desc": "Path to image (unless a 'media' slot is used)",
       "transformAssetUrls": true,
       "examples": [
-        "(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\""
+        "# (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\""
       ],
       "category": "model"
     },
@@ -20,7 +20,7 @@
     "height": {
       "type": "Number",
       "desc": "Height of component (in pixels)",
-      "default": 500,
+      "default": "500",
       "category": "style"
     },
 

package/src/components/popup-edit/QPopupEdit.json

@@ -7,13 +7,13 @@
     "model-value": {
       "extends": "model-value",
       "type": "Any",
-      "examples": [ "v-model=\"myValue\"" ]
+      "examples": [ "# v-model=\"myValue\"" ]
     },
 
     "title": {
       "type": "String",
       "desc": "Optional title (unless 'title' slot is used)",
-      "examples": [ "Calories" ],
+      "examples": [ "'Calories'" ],
       "category": "content"
     },
 
@@ -26,14 +26,14 @@
     "label-set": {
       "type": "String",
       "desc": "Override Set button label",
-      "examples": [ "OK" ],
+      "examples": [ "'OK'" ],
       "category": "content"
     },
 
     "label-cancel": {
       "type": "String",
       "desc": "Override Cancel button label",
-      "examples": [ "Cancel" ],
+      "examples": [ "'Cancel'" ],
       "category": "content"
     },
 
@@ -45,7 +45,7 @@
 
     "color": {
       "extends": "color",
-      "default": "primary"
+      "default": "'primary'"
     },
 
     "validate": {
@@ -55,16 +55,14 @@
         "value": {
           "type": "Any",
           "desc": "Model to validate",
-          "examples": [ "My car" ]
+          "examples": [ "'My car'" ]
         }
       },
       "returns": {
         "type": "Boolean",
         "desc": "Is the model valid or not?"
       },
-      "examples": [
-        ":validate=\"myValidation\""
-      ],
+      "examples": [ "# :validate=\"myValidation\"" ],
       "category": "model"
     },
 
@@ -80,7 +78,7 @@
 
     "cover": {
       "type": "Boolean",
-      "default": true,
+      "default": "true",
       "desc": "Allows the menu to cover its target. When used, the 'self' and 'fit' props are no longer effective",
       "category": "position"
     },
@@ -89,9 +87,9 @@
       "type": "String",
       "desc": "Two values setting the starting position or anchor point of the menu relative to its target",
       "values": [
-        "top left", "top middle", "top right", "top start", "top end",
-        "center left", "center middle", "center right", "center start", "center end",
-        "bottom left", "bottom middle", "bottom right", "bottom start", "bottom end"
+        "'top left'", "'top middle'", "'top right'", "'top start'", "'top end'",
+        "'center left'", "'center middle'", "'center right'", "'center start'", "'center end'",
+        "'bottom left'", "'bottom middle'", "'bottom right'", "'bottom start'", "'bottom end'"
       ],
       "category": "position"
     },
@@ -100,9 +98,9 @@
       "type": "String",
       "desc": "Two values setting the menu's own position relative to its target",
       "values": [
-        "top left", "top middle", "top right", "top start", "top end",
-        "center left", "center middle", "center right", "center start", "center end",
-        "bottom left", "bottom middle", "bottom right", "bottom start", "bottom end"
+        "'top left'", "'top middle'", "'top right'", "'top start'", "'top end'",
+        "'center left'", "'center middle'", "'center right'", "'center start'", "'center end'",
+        "'bottom left'", "'bottom middle'", "'bottom right'", "'bottom start'", "'bottom end'"
       ],
       "category": "position"
     },
@@ -158,12 +156,12 @@
         "initialValue": {
           "type": "Any",
           "desc": "Initial value",
-          "examples": [ 0.241, "Text" ]
+          "examples": [ "0.241", "'Text'" ]
         },
         "value": {
           "type": "Any",
           "desc": "Current value",
-          "examples": [ 0.241, "Text" ]
+          "examples": [ "0.241", "'Text'" ]
         },
         "validate": {
           "type": "Function",
@@ -173,7 +171,7 @@
               "type": "Any",
               "required": true,
               "desc": "Value to be checked",
-              "examples": [ 0, "Changed text" ]
+              "examples": [ "0", "'Changed text'" ]
             }
           },
           "returns": {

package/src/components/popup-proxy/QPopupProxy.json

@@ -16,7 +16,7 @@
     "breakpoint": {
       "type": [ "Number", "String" ],
       "desc": "Breakpoint (in pixels) of window width/height (whichever is smaller) from where a Menu will get to be used instead of a Dialog",
-      "default": 450,
+      "default": "450",
       "category": "behavior"
     }
   },
@@ -71,7 +71,7 @@
         "type": {
           "type": "String",
           "desc": "Component type",
-          "values": [ "dialog", "menu" ]
+          "values": [ "'dialog'", "'menu'" ]
         },
         "ref": {
           "type": "Component",

package/src/components/pull-to-refresh/QPullToRefresh.js

@@ -2,7 +2,7 @@ import { h, ref, computed, watch, onMounted, onBeforeUnmount, getCurrentInstance
 
 import QIcon from '../icon/QIcon.js'
 import QSpinner from '../spinner/QSpinner.js'
-import TouchPan from '../../directives/TouchPan.js'
+import TouchPan from '../../directives/touch-pan/TouchPan.js'
 
 import { createComponent } from '../../utils/private/create.js'
 import { getScrollTarget, getVerticalScrollPosition } from '../../utils/scroll.js'

package/src/components/radio/QRadio.json

@@ -9,21 +9,21 @@
     "model-value": {
       "extends": "model-value",
       "type": [ "Number", "String", "null", "undefined" ],
-      "examples": [ "v-model=\"option\"" ]
+      "examples": [ "# v-model=\"option\"" ]
     },
 
     "val": {
       "type": [ "Number", "String", "null", "undefined" ],
       "required": true,
       "desc": "The actual value of the option with which model value is changed",
-      "examples": [ "opt1", 50 ],
+      "examples": [ "'opt1'", "50" ],
       "category": "model"
     },
 
     "label": {
       "type": "String",
       "desc": "Label to display along the radio control (or use the default slot instead of this prop)",
-      "examples": [ "label=\"Option 1\"" ],
+      "examples": [ "'Option 1'" ],
       "category": "label"
     },
 
@@ -36,7 +36,7 @@
     "checked-icon": {
       "type": "String",
       "desc": "The icon to be used when selected (instead of the default design)",
-      "examples": [ "visibility" ],
+      "examples": [ "'visibility'" ],
       "category": "icons",
       "addedIn": "v2.5"
     },
@@ -44,7 +44,7 @@
     "unchecked-icon": {
       "type": "String",
       "desc": "The icon to be used when un-selected (instead of the default design)",
-      "examples": [ "visibility_off" ],
+      "examples": [ "'visibility_off'" ],
       "category": "icons",
       "addedIn": "v2.5"
     },

package/src/components/range/QRange.json

@@ -20,7 +20,7 @@
           "desc": "Model value for right thumb"
         }
       },
-      "examples": [ "v-model=\"positionModel\"" ]
+      "examples": [ "# v-model=\"positionModel\"" ]
     },
 
     "drag-range": {
@@ -62,18 +62,14 @@
     "left-label-value": {
       "type": [ "String", "Number" ],
       "desc": "Override default label for min value",
-      "examples": [
-        ":left-label-value=\"model.min + 'px'\""
-      ],
+      "examples": [ "# :left-label-value=\"model.min + 'px'\"" ],
       "category": "labels"
     },
 
     "right-label-value": {
       "type": [ "String", "Number" ],
       "desc": "Override default label for max value",
-      "examples": [
-        ":right-label-value=\"model.max + 'px'\""
-      ],
+      "examples": [ "# :right-label-value=\"model.max + 'px'\"" ],
       "category": "labels"
     },