quasar 2.15.2 → 2.15.4

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

@@ -73,7 +73,8 @@
     "fit": {
       "type": "Boolean",
       "desc": "Allows the menu to match at least the full width of its target",
-      "category": "position"
+      "category": "position",
+      "passthrough": true
     },
 
     "cover": {
@@ -91,7 +92,8 @@
         "'center left'", "'center middle'", "'center right'", "'center start'", "'center end'",
         "'bottom left'", "'bottom middle'", "'bottom right'", "'bottom start'", "'bottom end'"
       ],
-      "category": "position"
+      "category": "position",
+      "passthrough": true
     },
 
     "self": {
@@ -102,50 +104,58 @@
         "'center left'", "'center middle'", "'center right'", "'center start'", "'center end'",
         "'bottom left'", "'bottom middle'", "'bottom right'", "'bottom start'", "'bottom end'"
       ],
-      "category": "position"
+      "category": "position",
+      "passthrough": true
     },
 
     "offset": {
       "type": "Array",
       "desc": "An array of two numbers to offset the menu horizontally and vertically in pixels",
-      "examples": [ "[8, 8]", "[5, 10]" ],
-      "category": "style"
+      "examples": [ "[ 8, 8 ]", "[ 5, 10 ]" ],
+      "category": "style",
+      "passthrough": true
     },
 
     "touch-position": {
       "type": "Boolean",
       "desc": "Allows for the target position to be set by the mouse position, when the target of the menu is either clicked or touched",
-      "category": "behavior"
+      "category": "behavior",
+      "passthrough": true
     },
 
     "persistent": {
       "type": "Boolean",
       "desc": "Avoid menu closing by hitting ESC key or by clicking/tapping outside of the Popup",
-      "category": "behavior"
+      "category": "behavior",
+      "passthrough": true
     },
 
     "separate-close-popup": {
       "type": "Boolean",
       "desc": "Separate from parent menu, marking it as a separate closing point for v-close-popup (without this, chained menus close all together)",
-      "category": "behavior"
+      "category": "behavior",
+      "passthrough": true
     },
 
     "square": {
       "type": "Boolean",
       "desc": "Forces menu to have squared borders",
-      "category": "style"
+      "category": "style",
+      "passthrough": true
     },
 
     "max-height": {
       "extends": "size",
       "desc": "The maximum height of the menu; Size in CSS units, including unit name",
-      "category": "style"
+      "category": "style",
+      "passthrough": true
     },
 
     "max-width": {
       "extends": "size",
       "desc": "The maximum width of the menu; Size in CSS units, including unit name",
-      "category": "style"
+      "category": "style",
+      "passthrough": true
     }
   },
 
@@ -254,11 +264,15 @@
 
   "methods": {
     "set": {
-      "desc": "Trigger a model update; Validates model (and emits 'save' event if it's the case) then closes Popup"
+      "desc": "Trigger a model update; Validates model (and emits 'save' event if it's the case) then closes Popup",
+      "params": null,
+      "returns": null
     },
 
     "cancel": {
-      "desc": "Triggers a model reset to its initial value ('cancel' event is emitted) then closes Popup"
+      "desc": "Triggers a model reset to its initial value ('cancel' event is emitted) then closes Popup",
+      "params": null,
+      "returns": null
     },
 
     "show": {
@@ -270,7 +284,9 @@
     },
 
     "updatePosition": {
-      "desc": "There are some custom scenarios for which Quasar cannot automatically reposition the component without significant performance drawbacks so the optimal solution is for you to call this method when you need it"
+      "desc": "There are some custom scenarios for which Quasar cannot automatically reposition the component without significant performance drawbacks so the optimal solution is for you to call this method when you need it",
+      "params": null,
+      "returns": null
     }
   }
 }

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

@@ -3,10 +3,10 @@ import { h, ref, computed, watch, getCurrentInstance } from 'vue'
 import QDialog from '../dialog/QDialog.js'
 import QMenu from '../menu/QMenu.js'
 
-import useAnchor, { useAnchorProps } from '../../composables/private/use-anchor.js'
+import useAnchor, { useAnchorProps } from '../../composables/private.use-anchor/use-anchor.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { injectProp } from '../../utils/private/inject-obj-prop.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { injectProp } from '../../utils/private.inject-obj-prop/inject-obj-prop.js'
 
 export default createComponent({
   name: 'QPopupProxy',

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

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-anchor" ],
+  "mixins": [ "composables/private.use-anchor/use-anchor" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/popup-proxy"
@@ -10,7 +10,8 @@
       "extends": "model-value",
       "type": "Boolean",
       "desc": "Defines the state of the component (shown/hidden); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
-      "required": false
+      "required": false,
+      "passthrough": true
     },
 
     "breakpoint": {
@@ -29,11 +30,13 @@
 
   "events": {
     "update:model-value": {
-      "extends": "update:model-value"
+      "extends": "update:model-value",
+      "passthrough": true
     },
 
     "before-show": {
-      "extends": "before-show"
+      "extends": "before-show",
+      "passthrough": true
     },
 
     "show": {
@@ -41,7 +44,8 @@
     },
 
     "before-hide": {
-      "extends": "before-hide"
+      "extends": "before-hide",
+      "passthrough": true
     },
 
     "hide": {

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

@@ -4,11 +4,11 @@ import QIcon from '../icon/QIcon.js'
 import QSpinner from '../spinner/QSpinner.js'
 import TouchPan from '../../directives/touch-pan/TouchPan.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { getScrollTarget, getVerticalScrollPosition } from '../../utils/scroll.js'
-import { between } from '../../utils/format.js'
-import { prevent } from '../../utils/event.js'
-import { hSlot, hDir } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { getScrollTarget, getVerticalScrollPosition } from '../../utils/scroll/scroll.js'
+import { between } from '../../utils/format/format.js'
+import { prevent } from '../../utils/event/event.js'
+import { hSlot, hDir } from '../../utils/private.render/render.js'
 
 const
   PULLER_HEIGHT = 40,

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

@@ -56,11 +56,15 @@
 
   "methods": {
     "trigger": {
-      "desc": "Triggers a refresh"
+      "desc": "Triggers a refresh",
+      "params": null,
+      "returns": null
     },
 
     "updateScrollTarget": {
-      "desc": "Updates the scroll target; Useful when the parent elements change so that the scrolling target also changes"
+      "desc": "Updates the scroll target; Useful when the parent elements change so that the scrolling target also changes",
+      "params": null,
+      "returns": null
     }
   }
 }

package/src/components/radio/QRadio.js

@@ -2,15 +2,15 @@ import { h, ref, computed, getCurrentInstance, toRaw } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
-import useSize, { useSizeProps } from '../../composables/private/use-size.js'
-import useRefocusTarget from '../../composables/private/use-refocus-target.js'
-import { useFormProps, useFormInject } from '../../composables/private/use-form.js'
-
-import { createComponent } from '../../utils/private/create.js'
-import optionSizes from '../../utils/private/option-sizes.js'
-import { stopAndPrevent } from '../../utils/event.js'
-import { hSlot, hMergeSlot } from '../../utils/private/render.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
+import useSize, { useSizeProps } from '../../composables/private.use-size/use-size.js'
+import useRefocusTarget from '../../composables/private.use-refocus-target/use-refocus-target.js'
+import { useFormProps, useFormInject } from '../../composables/use-form/private.use-form.js'
+
+import { createComponent } from '../../utils/private.create/create.js'
+import optionSizes from '../../utils/private.option-sizes/option-sizes.js'
+import { stopAndPrevent } from '../../utils/event/event.js'
+import { hSlot, hMergeSlot } from '../../utils/private.render/render.js'
 
 const svg = h('svg', {
   key: 'svg',

package/src/components/radio/QRadio.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-size", "composables/private/use-form" ],
+  "mixins": [ "composables/private.use-size/use-size", "composables/use-form/private.use-form" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/radio"
@@ -101,7 +101,9 @@
 
   "methods": {
     "set": {
-      "desc": "Sets the Radio's v-model to equal the val"
+      "desc": "Sets the Radio's v-model to equal the val",
+      "params": null,
+      "returns": null
     }
   }
 }

package/src/components/range/QRange.js

@@ -6,9 +6,9 @@ import useSlider, {
   keyCodes
 } from '../slider/use-slider.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { stopAndPrevent } from '../../utils/event.js'
-import { between } from '../../utils/format.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { stopAndPrevent } from '../../utils/event/event.js'
+import { between } from '../../utils/format/format.js'
 
 const dragType = {
   MIN: 0,

package/src/components/rating/QRating.js

@@ -2,13 +2,13 @@ import { h, ref, computed, onBeforeUpdate, getCurrentInstance } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
-import useSize, { useSizeProps } from '../../composables/private/use-size.js'
-import { useFormProps, useFormAttrs, useFormInject } from '../../composables/private/use-form.js'
+import useSize, { useSizeProps } from '../../composables/private.use-size/use-size.js'
+import { useFormProps, useFormAttrs, useFormInject } from '../../composables/use-form/private.use-form.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { stopAndPrevent } from '../../utils/event.js'
-import { between } from '../../utils/format.js'
-import { hMergeSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { stopAndPrevent } from '../../utils/event/event.js'
+import { between } from '../../utils/format/format.js'
+import { hMergeSlot } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QRating',

package/src/components/rating/QRating.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-size", "composables/private/use-form" ],
+  "mixins": [ "composables/private.use-size/use-size", "composables/use-form/private.use-form" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/rating"
@@ -67,7 +67,7 @@
       "extends": "color",
       "type": [ "String", "Array" ],
       "desc": "Color name for component from the Quasar Color Palette; v1.5.0+: If an array is provided each rating value will use the corresponding color in the array (0 based)",
-      "examples": [ "'primary'", "'teal-10'", "[ 'accent', 'grey-7' ]" ]
+      "examples": [ "[ 'accent', 'grey-7' ]" ]
     },
 
     "color-selected": {

package/src/components/resize-observer/QResizeObserver.js

@@ -1,9 +1,9 @@
 import { h, onMounted, onBeforeUnmount, getCurrentInstance, nextTick } from 'vue'
 
-import useHydration from '../../composables/use-hydration.js'
+import useHydration from '../../composables/use-hydration/use-hydration.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { listenOpts, noop } from '../../utils/event.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { listenOpts, noop } from '../../utils/event/event.js'
 
 const hasObserver = typeof ResizeObserver !== 'undefined'
 const resizeProps = hasObserver === true

package/src/components/resize-observer/QResizeObserver.json

@@ -45,7 +45,8 @@
           "type": "Boolean",
           "desc": "Skip over the debounce amount"
         }
-      }
+      },
+      "returns": null
     }
   }
 }

package/src/components/responsive/QResponsive.js

@@ -1,9 +1,9 @@
 import { h } from 'vue'
 
-import useRatio, { useRatioProps } from '../../composables/private/use-ratio.js'
+import useRatio, { useRatioProps } from '../../composables/private.use-ratio/use-ratio.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QResponsive',

package/src/components/responsive/QResponsive.json

@@ -3,7 +3,7 @@
     "docsUrl": "https://v2.quasar.dev/vue-components/responsive"
   },
 
-  "mixins": [ "composables/private/use-ratio" ],
+  "mixins": [ "composables/private.use-ratio/use-ratio" ],
 
   "slots": {
     "default": {

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

@@ -1,17 +1,17 @@
 import { h, ref, computed, watch, withDirectives, onActivated, onDeactivated, onBeforeUnmount, getCurrentInstance } from 'vue'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
 
 import QResizeObserver from '../resize-observer/QResizeObserver.js'
 import QScrollObserver from '../scroll-observer/QScrollObserver.js'
 
 import TouchPan from '../../directives/touch-pan/TouchPan.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { between } from '../../utils/format.js'
-import { setVerticalScrollPosition, setHorizontalScrollPosition } from '../../utils/scroll.js'
-import { hMergeSlot } from '../../utils/private/render.js'
-import debounce from '../../utils/debounce.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { between } from '../../utils/format/format.js'
+import { setVerticalScrollPosition, setHorizontalScrollPosition } from '../../utils/scroll/scroll.js'
+import { hMergeSlot } from '../../utils/private.render/render.js'
+import debounce from '../../utils/debounce/debounce.js'
 
 const axisList = [ 'vertical', 'horizontal' ]
 const dirProps = {

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

@@ -162,6 +162,7 @@
   "methods": {
     "getScrollTarget": {
       "desc": "Get the scrolling DOM element target",
+      "params": null,
       "returns": {
         "type": "Element",
         "desc": "DOM element upon which scrolling takes place"
@@ -170,6 +171,7 @@
 
     "getScroll": {
       "desc": "Get the current scroll information",
+      "params": null,
       "returns": {
         "type": "Object",
         "desc": "Scroll information",
@@ -221,6 +223,7 @@
 
     "getScrollPosition": {
       "desc": "Get current scroll position",
+      "params": null,
       "returns": {
         "type": "Object",
         "desc": "An object containing scroll position information",
@@ -242,6 +245,7 @@
 
     "getScrollPercentage": {
       "desc": "Get current scroll position in percentage (0.0 <= x <= 1.0)",
+      "params": null,
       "returns": {
         "type": "Object",
         "desc": "An object containing scroll position information in percentage",
@@ -279,7 +283,8 @@
           "type": "Number",
           "desc": "Duration (in milliseconds) enabling animated scroll"
         }
-      }
+      },
+      "returns": null
     },
 
     "setScrollPercentage": {
@@ -300,7 +305,8 @@
           "type": "Number",
           "desc": "Duration (in milliseconds) enabling animated scroll"
         }
-      }
+      },
+      "returns": null
     }
   }
 }

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

@@ -1,8 +1,8 @@
 import { watch, onMounted, onBeforeUnmount, getCurrentInstance } from 'vue'
 
-import { createComponent } from '../../utils/private/create.js'
-import { getScrollTarget, getVerticalScrollPosition, getHorizontalScrollPosition } from '../../utils/scroll.js'
-import { listenOpts, noop } from '../../utils/event.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { getScrollTarget, getVerticalScrollPosition, getHorizontalScrollPosition } from '../../utils/scroll/scroll.js'
+import { listenOpts, noop } from '../../utils/event/event.js'
 
 const { passive } = listenOpts
 const axisValues = [ 'both', 'horizontal', 'vertical' ]

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

@@ -110,11 +110,14 @@
           "type": "Boolean",
           "desc": "Skip over the debounce amount"
         }
-      }
+      },
+      "returns": null
     },
 
     "getPosition": {
-      "desc": "Get current scroll details under the form of an Object: { position, direction, directionChanged, inflectionPoint }"
+      "desc": "Get current scroll details under the form of an Object: { position, direction, directionChanged, inflectionPoint }",
+      "params": null,
+      "returns": null
     }
   }
 }

package/src/components/select/QSelect.js

@@ -11,17 +11,17 @@ import QItemLabel from '../item/QItemLabel.js'
 import QMenu from '../menu/QMenu.js'
 import QDialog from '../dialog/QDialog.js'
 
-import useField, { useFieldState, useFieldProps, useFieldEmits, fieldValueIsFilled } from '../../composables/private/use-field.js'
+import useField, { useFieldState, useFieldProps, useFieldEmits, fieldValueIsFilled } from '../../composables/private.use-field/use-field.js'
 import { useVirtualScroll, useVirtualScrollProps } from '../virtual-scroll/use-virtual-scroll.js'
-import { useFormProps, useFormInputNameAttr } from '../../composables/private/use-form.js'
-import useKeyComposition from '../../composables/private/use-key-composition.js'
+import { useFormProps, useFormInputNameAttr } from '../../composables/use-form/private.use-form.js'
+import useKeyComposition from '../../composables/private.use-key-composition/use-key-composition.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { isDeepEqual } from '../../utils/is.js'
-import { stop, prevent, stopAndPrevent } from '../../utils/event.js'
-import { normalizeToInterval } from '../../utils/format.js'
-import { shouldIgnoreKey, isKeyCode } from '../../utils/private/key-composition.js'
-import { hMergeSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { isDeepEqual } from '../../utils/is/is.js'
+import { stop, prevent, stopAndPrevent } from '../../utils/event/event.js'
+import { normalizeToInterval } from '../../utils/format/format.js'
+import { shouldIgnoreKey, isKeyCode } from '../../utils/private.keyboard/key-composition.js'
+import { hMergeSlot } from '../../utils/private.render/render.js'
 
 const validateNewValueMode = v => [ 'add', 'add-unique', 'toggle' ].includes(v)
 const reEscapeList = '.*+?^${}()|[]\\'
@@ -128,7 +128,7 @@ export default createComponent({
 
   emits: [
     ...useFieldEmits,
-    'add', 'remove', 'inputValue', 'newValue',
+    'add', 'remove', 'inputValue',
     'keyup', 'keypress', 'keydown',
     'filterAbort'
   ],