quasar 2.15.1 → 2.15.3

package/src/components/table/QTd.js

@@ -1,7 +1,7 @@
 import { h, computed, getCurrentInstance } 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: 'QTd',

package/src/components/table/QTd.json

@@ -7,7 +7,7 @@
     "props": {
       "type": "Object",
       "desc": "QTable's column scoped slot property",
-      "examples": [ ":props=\"props\"" ],
+      "examples": [ "# :props=\"props\"" ],
       "category": "general"
     },
 

package/src/components/table/QTh.js

@@ -2,8 +2,8 @@ import { h, getCurrentInstance } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot, hUniqueSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot, hUniqueSlot } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QTh',

package/src/components/table/QTh.json

@@ -7,7 +7,7 @@
     "props": {
       "type": "Object",
       "desc": "QTable's header column scoped slot property",
-      "examples": [ ":props=\"props\"" ],
+      "examples": [ "# :props=\"props\"" ],
       "category": "general"
     },
 

package/src/components/table/QTr.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: 'QTr',

package/src/components/table/QTr.json

@@ -7,7 +7,7 @@
     "props": {
       "type": "Object",
       "desc": "QTable's row scoped slot property",
-      "examples": [ ":props=\"props\"" ],
+      "examples": [ "# :props=\"props\"" ],
       "category": "general"
     },
 

package/src/components/table/table-column-selection.js

@@ -1,6 +1,6 @@
 import { computed } from 'vue'
 
-import { isNumber } from '../../utils/is.js'
+import { isNumber } from '../../utils/is/is.js'
 
 export const useTableColumnSelectionProps = {
   visibleColumns: Array

package/src/components/table/table-sort.js

@@ -1,7 +1,7 @@
 import { computed } from 'vue'
 
-import { sortDate } from '../../utils/private/sort.js'
-import { isNumber, isDate, isObject } from '../../utils/is.js'
+import { sortDate } from '../../utils/private.sort/sort.js'
+import { isNumber, isDate, isObject } from '../../utils/is/is.js'
 
 export const useTableSortProps = {
   sortMethod: Function,

package/src/components/tabs/QRouteTab.js

@@ -1,9 +1,9 @@
 import { computed, watch } from 'vue'
 
-import useRouterLink, { useRouterLinkProps } from '../../composables/private/use-router-link.js'
+import useRouterLink, { useRouterLinkProps } from '../../composables/private.use-router-link/use-router-link.js'
 import useTab, { useTabProps, useTabEmits } from './use-tab.js'
 
-import { createComponent } from '../../utils/private/create.js'
+import { createComponent } from '../../utils/private.create/create.js'
 
 export default createComponent({
   name: 'QRouteTab',

package/src/components/tabs/QRouteTab.json

@@ -3,7 +3,7 @@
     "docsUrl": "https://v2.quasar.dev/vue-components/tabs"
   },
 
-  "mixins": [ "components/tabs/QTab", "composables/private/use-router-link" ],
+  "mixins": [ "components/tabs/QTab", "composables/private.use-router-link/use-router-link" ],
 
   "events": {
     "click": {
@@ -28,7 +28,7 @@
                   "desc": "Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop",
                   "required": false,
                   "examples": [
-                    "/home/dashboard",
+                    "'/home/dashboard'",
                     "{ name: 'my-route-name' }"
                   ]
                 },

package/src/components/tabs/QTab.js

@@ -1,6 +1,6 @@
 import useTab, { useTabProps, useTabEmits } from './use-tab.js'
 
-import { createComponent } from '../../utils/private/create.js'
+import { createComponent } from '../../utils/private.create/create.js'
 
 export default createComponent({
   name: 'QTab',

package/src/components/tabs/QTab.json

@@ -11,36 +11,29 @@
     "label": {
       "type": [ "Number", "String" ],
       "desc": "A number or string to label the tab",
-      "examples": [ "Home" ],
+      "examples": [ "'Home'" ],
       "category": "content"
     },
 
     "alert": {
       "type": [ "Boolean", "String" ],
       "desc": "Adds an alert symbol to the tab, notifying the user there are some updates; If its value is not a Boolean, then you can specify a color",
-      "examples": [
-        "alert",
-        "alert=\"purple\""
-      ],
+      "examples": [ "'purple'" ],
       "category": "content"
     },
 
     "alert-icon": {
       "type": "String",
       "desc": "Adds a floating icon to the tab, notifying the user there are some updates; It's displayed only if 'alert' is set; Can use the color specified by 'alert' prop",
-      "examples": [
-        "alert-icon=\"alarm_on\""
-      ],
+      "examples": [ "'alarm_on'" ],
       "category": "content"
     },
 
     "name": {
       "type": [ "Number", "String" ],
       "desc": "Panel name",
-      "default": "A random UID",
-      "examples": [
-        "home", ":name=\"1\""
-      ],
+      "default": "# a random UUID",
+      "examples": [ "'home'", "1" ],
       "category": "general"
     },
 
@@ -53,7 +46,7 @@
     "content-class": {
       "type": "String",
       "desc": "Class definitions to be attributed to the content wrapper",
-      "examples": [ "my-special-class" ],
+      "examples": [ "'my-special-class'" ],
       "category": "style"
     },
 

package/src/components/tabs/QTabs.js

@@ -3,13 +3,13 @@ import { h, ref, computed, watch, onBeforeUnmount, onActivated, onDeactivated, g
 import QIcon from '../icon/QIcon.js'
 import QResizeObserver from '../resize-observer/QResizeObserver.js'
 
-import useTick from '../../composables/use-tick.js'
-import useTimeout from '../../composables/use-timeout.js'
+import useTick from '../../composables/use-tick/use-tick.js'
+import useTimeout from '../../composables/use-timeout/use-timeout.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
-import { tabsKey } from '../../utils/private/symbols.js'
-import { rtlHasScrollBug } from '../../utils/private/rtl.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
+import { tabsKey } from '../../utils/private.symbols/symbols.js'
+import { rtlHasScrollBug } from '../../utils/private.rtl/rtl.js'
 
 function getIndicatorClass (color, top, vertical) {
   const pos = vertical === true

package/src/components/tabs/QTabs.json

@@ -9,7 +9,7 @@
       "type": [ "Number", "String", "null", "undefined" ],
       "desc": "Model of the component defining current panel name; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
       "required": false,
-      "examples": [ "v-model=\"selectedTab\"" ]
+      "examples": [ "# v-model=\"selectedTab\"" ]
     },
 
     "vertical": {
@@ -33,15 +33,15 @@
     "align": {
       "type": "String",
       "desc": "Horizontal alignment the tabs within the tabs container",
-      "default": "center",
-      "values": [ "left", "center", "right", "justify" ],
+      "default": "'center'",
+      "values": [ "'left'", "'center'", "'right'", "'justify'" ],
       "category": "content"
     },
 
     "breakpoint": {
       "type": [ "Number", "String" ],
       "desc": "Breakpoint (in pixels) of tabs container width at which the tabs automatically turn to a justify alignment",
-      "default": 600,
+      "default": "600",
       "category": "content|behavior"
     },
 
@@ -66,14 +66,14 @@
     "content-class": {
       "type": "String",
       "desc": "Class definitions to be attributed to the content wrapper",
-      "examples": [ "my-special-class" ],
+      "examples": [ "'my-special-class'" ],
       "category": "style"
     },
 
     "active-class": {
       "type": "String",
       "desc": "The class to be set on the active tab",
-      "examples": [ "my-active-class" ],
+      "examples": [ "'my-active-class'" ],
       "category": "style",
       "addedIn": "v2.1.4"
     },
@@ -81,14 +81,14 @@
     "left-icon": {
       "type": "String",
       "desc": "The name of an icon to replace the default arrow used to scroll through the tabs to the left, when the tabs extend past the width of the tabs container",
-      "examples": [ "arrow_left" ],
+      "examples": [ "'arrow_left'" ],
       "category": "content"
     },
 
     "right-icon": {
       "type": "String",
       "desc": "The name of an icon to replace the default arrow used to scroll through the tabs to the right, when the tabs extend past the width of the tabs container",
-      "examples": [ "arrow_right" ],
+      "examples": [ "'arrow_right'" ],
       "category": "content"
     },
 

package/src/components/tabs/use-tab.js

@@ -2,14 +2,14 @@ import { h, ref, computed, inject, onBeforeUnmount, onMounted, withDirectives, g
 
 import QIcon from '../icon/QIcon.js'
 
-import Ripple from '../../directives/Ripple.js'
-
-import { hMergeSlot } from '../../utils/private/render.js'
-import { isKeyCode, shouldIgnoreKey } from '../../utils/private/key-composition.js'
-import { tabsKey, emptyRenderFn } from '../../utils/private/symbols.js'
-import { stopAndPrevent } from '../../utils/event.js'
-import uid from '../../utils/uid.js'
-import { isDeepEqual } from '../../utils/is.js'
+import Ripple from '../../directives/ripple/Ripple.js'
+
+import { hMergeSlot } from '../../utils/private.render/render.js'
+import { isKeyCode, shouldIgnoreKey } from '../../utils/private.keyboard/key-composition.js'
+import { tabsKey, emptyRenderFn } from '../../utils/private.symbols/symbols.js'
+import { stopAndPrevent } from '../../utils/event/event.js'
+import uid from '../../utils/uid/uid.js'
+import { isDeepEqual } from '../../utils/is/is.js'
 
 let id = 0
 

package/src/components/time/QTime.js

@@ -1,18 +1,18 @@
 import { h, ref, computed, watch, withDirectives, Transition, nextTick, getCurrentInstance } from 'vue'
 
 import QBtn from '../btn/QBtn.js'
-import TouchPan from '../../directives/TouchPan.js'
+import TouchPan from '../../directives/touch-pan/TouchPan.js'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
-import { useFormProps, useFormAttrs, useFormInject } from '../../composables/private/use-form.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
+import { useFormProps, useFormAttrs, useFormInject } from '../../composables/use-form/private.use-form.js'
 import useDatetime, { useDatetimeProps, useDatetimeEmits, getDayHash } from '../date/use-datetime.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
-import { formatDate, __splitDate } from '../../utils/date.js'
-import { position } from '../../utils/event.js'
-import { pad } from '../../utils/format.js'
-import { vmIsDestroyed } from '../../utils/private/vm.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
+import { formatDate, __splitDate } from '../../utils/date/date.js'
+import { position } from '../../utils/event/event.js'
+import { pad } from '../../utils/format/format.js'
+import { vmIsDestroyed } from '../../utils/private.vm/vm.js'
 
 function getViewByModel (model, withSeconds) {
   if (model.hour !== null) {

package/src/components/time/QTime.json

@@ -10,14 +10,12 @@
       "extends": "model-value",
       "type": [ "String", "null", "undefined" ],
       "desc": "Time of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
-      "examples": [
-        "v-model=\"currentTime\""
-      ]
+      "examples": [ "# v-model=\"currentTime\"" ]
     },
 
     "format24h": {
       "type": [ "Boolean", "null" ],
-      "default": null,
+      "default": "null",
       "desc": "Forces 24 hour time display instead of AM/PM system; If prop is not set, then the default is based on Quasar lang language being used",
       "category": "behavior"
     },
@@ -25,17 +23,15 @@
     "default-date": {
       "type": "String",
       "desc": "The default date to use (in YYYY/MM/DD format) when model is unfilled (undefined or null)",
-      "default": "current day",
-      "examples": [
-        "1995/02/23"
-      ],
+      "default": "# current day",
+      "examples": [ "'1995/02/23'" ],
       "category": "model"
     },
 
     "mask": {
       "type": [ "String", "null" ],
-      "default": "HH:mm",
-      "examples": [ "HH:mm:ss", "YYYY-MM-DD HH:mm:ss", "HH:mm MMMM Do, YYYY" ]
+      "default": "'HH:mm'",
+      "examples": [ "'HH:mm:ss'", "'YYYY-MM-DD HH:mm:ss'", "'HH:mm MMMM Do, YYYY'" ]
     },
 
     "options": {
@@ -59,36 +55,28 @@
         "type": [ "Boolean", "null", "undefined" ],
         "desc": "Is the user allowed to set the specified time?"
       },
-      "examples": [
-        ":options=\"(hr, min, sec) => hr <= 6\""
-      ],
+      "examples": [ "(hr, min, sec) => hr <= 6" ],
       "category": "behavior"
     },
 
     "hour-options": {
       "type": "Array",
       "desc": "Optionally configure what hours is the user allowed to set; Overrides 'options' prop if that is also set",
-      "examples": [
-        ":hour-options=\"[ 3, 6, 9 ]\""
-      ],
+      "examples": [ "[ 3, 6, 9 ]" ],
       "category": "behavior"
     },
 
     "minute-options": {
       "type": "Array",
       "desc": "Optionally configure what minutes is the user allowed to set; Overrides 'options' prop if that is also set",
-      "examples": [
-        ":minute-options=\"[0, 15, 30, 45]\""
-      ],
+      "examples": [ "[ 0, 15, 30, 45 ]" ],
       "category": "behavior"
     },
 
     "second-options": {
       "type": "Array",
       "desc": "Optionally configure what seconds is the user allowed to set; Overrides 'options' prop if that is also set",
-      "examples": [
-        ":second-options=\"[0, 7, 10, 23]\""
-      ],
+      "examples": [ "[ 0, 7, 10, 23 ]" ],
       "category": "behavior"
     },
 
@@ -170,7 +158,9 @@
 
   "methods": {
     "setNow": {
-      "desc": "Change model to current moment"
+      "desc": "Change model to current moment",
+      "params": null,
+      "returns": null
     }
   }
 }

package/src/components/timeline/QTimeline.js

@@ -1,10 +1,10 @@
 import { h, computed, provide, 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 { timelineKey } from '../../utils/private/symbols.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
+import { timelineKey } from '../../utils/private.symbols/symbols.js'
 
 export default createComponent({
   name: 'QTimeline',

package/src/components/timeline/QTimeline.json

@@ -11,16 +11,16 @@
     "side": {
       "type": "String",
       "desc": "Side to place the timeline entries in dense and comfortable layout; For loose layout it gets overridden by QTimelineEntry side prop",
-      "default": "right",
-      "values": [ "left", "right" ],
+      "default": "'right'",
+      "values": [ "'left'", "'right'" ],
       "category": "behavior"
     },
 
     "layout": {
       "type": "String",
       "desc": "Layout of the timeline. Dense keeps content and labels on one side. Comfortable keeps content on one side and labels on the opposite side. Loose puts content on both sides.",
-      "default": "dense",
-      "values": [ "dense", "comfortable", "loose" ],
+      "default": "'dense'",
+      "values": [ "'dense'", "'comfortable'", "'loose'" ],
       "category": "behavior"
     },
 

package/src/components/timeline/QTimelineEntry.js

@@ -2,9 +2,9 @@ import { h, computed, inject } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot, hUniqueSlot } from '../../utils/private/render.js'
-import { timelineKey, emptyRenderFn } from '../../utils/private/symbols.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot, hUniqueSlot } from '../../utils/private.render/render.js'
+import { timelineKey, emptyRenderFn } from '../../utils/private.symbols/symbols.js'
 
 export default createComponent({
   name: 'QTimelineEntry',

package/src/components/timeline/QTimelineEntry.json

@@ -13,15 +13,15 @@
     "tag": {
       "extends": "tag",
       "desc": "Tag to use, if of type 'heading' only",
-      "default": "h3",
-      "examples": [ "h1" ]
+      "default": "'h3'",
+      "examples": [ "'h1'" ]
     },
 
     "side": {
       "type": "String",
       "desc": "Side to place the timeline entry; Works only if QTimeline layout is loose.",
-      "default": "right",
-      "values": [ "left", "right" ],
+      "default": "'right'",
+      "values": [ "'left'", "'right'" ],
       "category": "behavior"
     },
 
@@ -34,10 +34,10 @@
       "desc": "URL to the avatar image; Icon takes precedence if used, so it replaces avatar",
       "transformAssetUrls": true,
       "examples": [
-        "(public folder) src=\"img/my-bg.png\"",
-        "(assets folder) src=\"~assets/my-img.png\"",
-        "(relative path format) :src=\"require('./my_img.jpg')\"",
-        "(URL) src=\"https://picsum.photos/500/300\""
+        "# (public folder) src=\"img/my-bg.png\"",
+        "# (assets folder) src=\"~assets/my-img.png\"",
+        "# (relative path format) :src=\"require('./my_img.jpg')\"",
+        "# (URL) src=\"https://picsum.photos/500/300\""
       ],
       "category": "content"
     },
@@ -49,21 +49,21 @@
     "title": {
       "type": "String",
       "desc": "Title of timeline entry; Is overridden if using 'title' slot",
-      "examples": [ "December party" ],
+      "examples": [ "'December party'" ],
       "category": "content"
     },
 
     "subtitle": {
       "type": "String",
       "desc": "Subtitle of timeline entry; Is overridden if using 'subtitle' slot",
-      "examples": [ "All invited" ],
+      "examples": [ "'All invited'" ],
       "category": "content"
     },
 
     "body": {
       "type": "String",
       "desc": "Body content of timeline entry; Use this prop or the default slot",
-      "examples": [ "Lorem ipsum dolor sit amet, consectetur adipisicing elit." ],
+      "examples": [ "'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'" ],
       "category": "content"
     }
   },

package/src/components/toggle/QToggle.js

@@ -4,7 +4,7 @@ import QIcon from '../icon/QIcon.js'
 
 import useCheckbox, { useCheckboxProps, useCheckboxEmits } from '../checkbox/use-checkbox.js'
 
-import { createComponent } from '../../utils/private/create.js'
+import { createComponent } from '../../utils/private.create/create.js'
 
 export default createComponent({
   name: 'QToggle',

package/src/components/toolbar/QToolbar.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: 'QToolbar',

package/src/components/toolbar/QToolbarTitle.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: 'QToolbarTitle',

package/src/components/tooltip/QTooltip.js

@@ -1,22 +1,22 @@
 import { h, ref, computed, watch, onBeforeUnmount, Transition, getCurrentInstance } from 'vue'
 
-import useAnchor, { useAnchorProps } from '../../composables/private/use-anchor.js'
-import useScrollTarget from '../../composables/private/use-scroll-target.js'
-import useModelToggle, { useModelToggleProps, useModelToggleEmits } from '../../composables/private/use-model-toggle.js'
-import usePortal from '../../composables/private/use-portal.js'
-import useTransition, { useTransitionProps } from '../../composables/private/use-transition.js'
-import useTick from '../../composables/use-tick.js'
-import useTimeout from '../../composables/use-timeout.js'
-
-import { createComponent } from '../../utils/private/create.js'
-import { getScrollTarget } from '../../utils/scroll.js'
-import { stopAndPrevent, addEvt, cleanEvt } from '../../utils/event.js'
-import { clearSelection } from '../../utils/private/selection.js'
-import { hSlot } from '../../utils/private/render.js'
-import { addClickOutside, removeClickOutside } from '../../utils/private/click-outside.js'
+import useAnchor, { useAnchorProps } from '../../composables/private.use-anchor/use-anchor.js'
+import useScrollTarget from '../../composables/private.use-scroll-target/use-scroll-target.js'
+import useModelToggle, { useModelToggleProps, useModelToggleEmits } from '../../composables/private.use-model-toggle/use-model-toggle.js'
+import usePortal from '../../composables/private.use-portal/use-portal.js'
+import useTransition, { useTransitionProps } from '../../composables/private.use-transition/use-transition.js'
+import useTick from '../../composables/use-tick/use-tick.js'
+import useTimeout from '../../composables/use-timeout/use-timeout.js'
+
+import { createComponent } from '../../utils/private.create/create.js'
+import { getScrollTarget } from '../../utils/scroll/scroll.js'
+import { stopAndPrevent, addEvt, cleanEvt } from '../../utils/event/event.js'
+import { clearSelection } from '../../utils/private.selection/selection.js'
+import { hSlot } from '../../utils/private.render/render.js'
+import { addClickOutside, removeClickOutside } from '../../utils/private.click-outside/click-outside.js'
 import {
   validatePosition, validateOffset, setPosition, parsePosition
-} from '../../utils/private/position-engine.js'
+} from '../../utils/private.position-engine/position-engine.js'
 
 export default createComponent({
   name: 'QTooltip',