quasar 2.15.2 → 2.15.3

package/src/components/btn-dropdown/QBtnDropdown.js

@@ -6,25 +6,24 @@ import QBtnGroup from '../btn-group/QBtnGroup.js'
 import QMenu from '../menu/QMenu.js'
 
 import { getBtnDesignAttr, useBtnProps } from '../btn/use-btn.js'
-import useId from '../../composables/use-id.js'
-import { useTransitionProps } from '../../composables/private/use-transition.js'
+import useId from '../../composables/use-id/use-id.js'
+import { useTransitionProps } from '../../composables/private.use-transition/use-transition.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { stop } from '../../utils/event.js'
-import { hSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { stop } from '../../utils/event/event.js'
+import { hSlot } from '../../utils/private.render/render.js'
 
 const btnPropsList = Object.keys(useBtnProps)
 
-export const passBtnProps = props => btnPropsList.reduce(
-  (acc, key) => {
+export function passBtnProps (props) {
+  return btnPropsList.reduce((acc, key) => {
     const val = props[ key ]
     if (val !== void 0) {
       acc[ key ] = val
     }
     return acc
-  },
-  {}
-)
+  }, {})
+}
 
 export default createComponent({
   name: 'QBtnDropdown',

package/src/components/btn-dropdown/QBtnDropdown.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "components/btn/use-btn", "composables/private/use-model-toggle", "composables/private/use-transition" ],
+  "mixins": [ "components/btn/use-btn", "composables/private.use-model-toggle/use-model-toggle", "composables/private.use-transition/use-transition" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/button-dropdown"
@@ -59,7 +59,7 @@
       "desc": "Class definitions to be attributed to the menu",
       "examples": [
         "'my-special-class'",
-        "{ 'my-special-class': <condition> }"
+        "{ 'my-special-class': true }"
       ],
       "category": "style"
     },
@@ -115,7 +115,7 @@
     "menu-offset": {
       "type": "Array",
       "desc": "An array of two numbers to offset the menu horizontally and vertically in pixels",
-      "examples": [ "[8, 8]", "[5, 10]" ],
+      "examples": [ "[ 8, 8 ]", "[ 5, 10 ]" ],
       "category": "position"
     },
 

package/src/components/btn-group/QBtnGroup.js

@@ -1,7 +1,7 @@
 import { h, computed } from 'vue'
 
-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: 'QBtnGroup',

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

@@ -3,10 +3,10 @@ import { h, computed } from 'vue'
 import QBtn from '../btn/QBtn.js'
 import QBtnGroup from '../btn-group/QBtnGroup.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { useFormInject, useFormProps } from '../../composables/private/use-form.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { useFormInject, useFormProps } from '../../composables/use-form/private.use-form.js'
 
-import { hMergeSlot } from '../../utils/private/render.js'
+import { hMergeSlot } from '../../utils/private.render/render.js'
 import { getBtnDesignAttr } from '../btn/use-btn.js'
 
 export default createComponent({

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

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-form" ],
+  "mixins": [ "composables/use-form/private.use-form" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/button-toggle"
@@ -49,7 +49,7 @@
         }
       },
       "examples": [
-        "[ {label: 'One', value: 'one'}, {label: 'Two', value: 'two'} ]"
+        "[ { label: 'One', value: 'one' }, { label: 'Two', value: 'two' } ]"
       ],
       "category": "model"
     },

package/src/components/card/QCard.js

@@ -1,9 +1,9 @@
 import { h, computed, getCurrentInstance } from 'vue'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.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: 'QCard',

package/src/components/card/QCardActions.js

@@ -1,9 +1,9 @@
 import { h, computed } from 'vue'
 
-import useAlign, { useAlignProps } from '../../composables/private/use-align.js'
+import useAlign, { useAlignProps } from '../../composables/private.use-align/use-align.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: 'QCardActions',

package/src/components/card/QCardSection.js

@@ -1,7 +1,7 @@
 import { h, computed } from 'vue'
 
-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: 'QCardSection',

package/src/components/carousel/QCarousel.js

@@ -2,13 +2,13 @@ import { h, computed, watch, onMounted, onBeforeUnmount, getCurrentInstance } fr
 
 import QBtn from '../btn/QBtn.js'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
-import usePanel, { usePanelProps, usePanelEmits } from '../../composables/private/use-panel.js'
-import useFullscreen, { useFullscreenProps, useFullscreenEmits } from '../../composables/private/use-fullscreen.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
+import usePanel, { usePanelProps, usePanelEmits } from '../../composables/private.use-panel/use-panel.js'
+import useFullscreen, { useFullscreenProps, useFullscreenEmits } from '../../composables/private.use-fullscreen/use-fullscreen.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { isNumber } from '../../utils/is.js'
-import { hMergeSlot, hDir } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { isNumber } from '../../utils/is/is.js'
+import { hMergeSlot, hDir } from '../../utils/private.render/render.js'
 
 const navigationPositionOptions = [ 'top', 'right', 'bottom', 'left' ]
 const controlTypeOptions = [ 'regular', 'flat', 'outline', 'push', 'unelevated' ]

package/src/components/carousel/QCarousel.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-panel", "composables/private/use-fullscreen" ],
+  "mixins": [ "composables/private.use-panel/use-panel", "composables/private.use-fullscreen/use-fullscreen" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/carousel"

package/src/components/carousel/QCarouselControl.js

@@ -1,7 +1,7 @@
 import { h, computed } from 'vue'
 
-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: 'QCarouselControl',

package/src/components/carousel/QCarouselControl.json

@@ -20,7 +20,7 @@
       "type": "Array",
       "desc": "An array of two numbers to offset the component horizontally and vertically (in pixels)",
       "default": "[ 18, 18 ]",
-      "examples": [ "[8, 8]", "[5, 10]" ],
+      "examples": [ "[ 8, 8 ]", "[ 5, 10 ]" ],
       "category": "position"
     }
   },

package/src/components/carousel/QCarouselSlide.js

@@ -1,9 +1,9 @@
 import { h, computed } from 'vue'
 
-import { createComponent } from '../../utils/private/create.js'
-import { usePanelChildProps } from '../../composables/private/use-panel.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { usePanelChildProps } from '../../composables/private.use-panel/use-panel.js'
 
-import { hSlot } from '../../utils/private/render.js'
+import { hSlot } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QCarouselSlide',

package/src/components/carousel/QCarouselSlide.json

@@ -3,7 +3,7 @@
     "docsUrl": "https://v2.quasar.dev/vue-components/carousel"
   },
 
-  "mixins": [ "composables/private/use-panel.child" ],
+  "mixins": [ "composables/private.use-panel/use-panel.child" ],
 
   "props": {
     "name": {

package/src/components/chat/QChatMessage.js

@@ -1,7 +1,7 @@
 import { h, computed } from 'vue'
 
-import { createComponent } from '../../utils/private/create.js'
-import { getNormalizedVNodes } from '../../utils/private/vm.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { getNormalizedVNodes } from '../../utils/private.vm/vm.js'
 
 export default createComponent({
   name: 'QChatMessage',

package/src/components/checkbox/QCheckbox.js

@@ -2,7 +2,7 @@ import { h, computed } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
-import { createComponent } from '../../utils/private/create.js'
+import { createComponent } from '../../utils/private.create/create.js'
 import useCheckbox, { useCheckboxProps, useCheckboxEmits } from './use-checkbox.js'
 
 const bgNode = h('div', {

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

@@ -1,13 +1,13 @@
 import { h, ref, computed, getCurrentInstance, toRaw } from 'vue'
 
-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 { useFormInject, useFormProps } from '../../composables/private/use-form.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 { useFormInject, useFormProps } from '../../composables/use-form/private.use-form.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'
 
 export const useCheckboxProps = {
   ...useDarkProps,

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

@@ -1,11 +1,11 @@
 {
-  "mixins": [ "composables/private/use-size", "composables/private/use-form" ],
+  "mixins": [ "composables/private.use-size/use-size", "composables/use-form/private.use-form" ],
 
   "props": {
     "model-value": {
       "extends": "model-value",
       "type": [ "Any", "Array" ],
-      "examples": [ "false", "['car', 'building']" ]
+      "examples": [ "false", "[ 'car', 'building' ]" ]
     },
 
     "val": {
@@ -130,7 +130,9 @@
 
   "methods": {
     "toggle": {
-      "desc": "Toggle the state (of the model)"
+      "desc": "Toggle the state (of the model)",
+      "params": null,
+      "returns": null
     }
   },
 

package/src/components/chip/QChip.js

@@ -4,12 +4,12 @@ import QIcon from '../icon/QIcon.js'
 
 import Ripple from '../../directives/ripple/Ripple.js'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
-import useSize, { useSizeProps } from '../../composables/private/use-size.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
+import useSize, { useSizeProps } from '../../composables/private.use-size/use-size.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { stopAndPrevent } from '../../utils/event.js'
-import { hMergeSlotSafely, hDir } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { stopAndPrevent } from '../../utils/event/event.js'
+import { hMergeSlotSafely, hDir } from '../../utils/private.render/render.js'
 
 export const defaultSizes = {
   xs: 8,
@@ -106,6 +106,7 @@ export default createComponent({
       const chip = props.disable === true
         ? { tabindex: -1, 'aria-disabled': 'true' }
         : { tabindex: props.tabindex || 0 }
+
       const remove = {
         ...chip,
         role: 'button',

package/src/components/chip/QChip.json

@@ -127,6 +127,10 @@
       }
     },
 
+    "update:model-value": {
+      "extends": "update:model-value"
+    },
+
     "update:selected": {
       "desc": "Used by Vue on 'v-model:selected' for updating its value",
       "params": {