quasar 2.3.0 → 2.3.4

package/dist/vetur/quasar-attributes.json

@@ -2136,7 +2136,7 @@
     "description": "Adds a default shadow to the footer"
   },
   "q-footer/height-hint": {
-    "type": "number|string ",
+    "type": "number|string",
     "description": "When using SSR, you can optionally hint of the height (in pixels) of the QFooter"
   },
   "q-form/autofocus": {
@@ -2176,7 +2176,7 @@
     "description": "Adds a default shadow to the header"
   },
   "q-header/height-hint": {
-    "type": "number|string ",
+    "type": "number|string",
     "description": "When using SSR, you can optionally hint of the height (in pixels) of the QHeader"
   },
   "q-icon/size": {
@@ -2579,6 +2579,10 @@
     "type": "string",
     "description": "One of Quasar's embedded transitions"
   },
+  "q-intersection/transition-duration": {
+    "type": "string|number",
+    "description": "Transition duration (in milliseconds, without unit)"
+  },
   "q-intersection/disable": {
     "type": "boolean",
     "description": "Disable visibility observable (content will remain as it was, visible or hidden)"
@@ -3644,7 +3648,7 @@
     "description": "The number of columns in the table (you need this if you use table-layout: fixed)"
   },
   "q-select/model-value": {
-    "type": "number|string|array|null|undefined",
+    "type": "any",
     "description": "Model of the component; Must be Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive"
   },
   "q-select/error": {

package/dist/vetur/quasar-tags.json

@@ -845,6 +845,7 @@
       "margin",
       "threshold",
       "transition",
+      "transition-duration",
       "disable"
     ],
     "description": ""

package/dist/web-types/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.3.0",
+  "version": "2.3.4",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -573,7 +573,6 @@
               },
               "description": "Controls Menu show/hidden state; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"menuState\"",
               "doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
-              "required": true,
               "type": "boolean"
             },
             {
@@ -6715,7 +6714,7 @@
               "name": "height-hint",
               "value": {
                 "kind": "expression",
-                "type": "number|String "
+                "type": "number|string"
               },
               "description": "When using SSR, you can optionally hint of the height (in pixels) of the QFooter\n\nExamples:\n150",
               "doc-url": "https://v2.quasar.dev/layout/header-and-footer",
@@ -6816,7 +6815,7 @@
               "arguments": [
                 {
                   "name": "ref",
-                  "type": "object",
+                  "type": "Component",
                   "description": "Vue reference to the first component that triggered the validation error",
                   "doc-url": "https://v2.quasar.dev/vue-components/form"
                 }
@@ -6841,6 +6840,7 @@
             "module": "quasar",
             "symbol": "QFormChildMixin"
           },
+          "attributes": [],
           "slots": [],
           "description": "QFormChildMixin - Quasar component",
           "doc-url": "https://v2.quasar.dev/vue-components/form"
@@ -6907,7 +6907,7 @@
               "name": "height-hint",
               "value": {
                 "kind": "expression",
-                "type": "number|String "
+                "type": "number|string"
               },
               "description": "When using SSR, you can optionally hint of the height (in pixels) of the QHeader\n\nExamples:\n150",
               "doc-url": "https://v2.quasar.dev/layout/header-and-footer",
@@ -8150,6 +8150,16 @@
               "description": "One of Quasar's embedded transitions\n\nExamples:\nfade\nslide-down",
               "doc-url": "https://v2.quasar.dev/vue-components/intersection"
             },
+            {
+              "name": "transition-duration",
+              "value": {
+                "kind": "expression",
+                "type": "string|number"
+              },
+              "description": "Transition duration (in milliseconds, without unit)\n\nExamples:\n500\n1200",
+              "doc-url": "https://v2.quasar.dev/vue-components/intersection",
+              "default": "300"
+            },
             {
               "name": "disable",
               "value": {
@@ -9765,6 +9775,7 @@
             "module": "quasar",
             "symbol": "QPageContainer"
           },
+          "attributes": [],
           "slots": [
             {
               "name": "default",
@@ -9810,8 +9821,7 @@
               },
               "description": "Number of last page (must be higher than 'min')\n\nExamples:\n10",
               "doc-url": "https://v2.quasar.dev/vue-components/pagination",
-              "required": true,
-              "default": "100"
+              "required": true
             },
             {
               "name": "color",
@@ -11213,7 +11223,7 @@
                 "kind": "expression",
                 "type": "number"
               },
-              "description": "Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive\n\nExamples:\n:value=\"2\"",
+              "description": "Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive\n\nExamples:\nv-model=\"rating\"\n:model-value=\"rating\"\n:model-value=\"2\"",
               "doc-url": "https://v2.quasar.dev/vue-components/rating",
               "required": true
             },
@@ -11537,6 +11547,7 @@
                 {
                   "name": "info",
                   "type": "object",
+                  "description": "An object containing scroll information",
                   "doc-url": "https://v2.quasar.dev/vue-components/scroll-area"
                 }
               ],
@@ -11708,7 +11719,7 @@
               "name": "model-value",
               "value": {
                 "kind": "expression",
-                "type": "number|string|any[]|null|undefined"
+                "type": "any"
               },
               "description": "Model of the component; Must be Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"myModel\"",
               "doc-url": "https://v2.quasar.dev/vue-components/select",
@@ -13309,6 +13320,7 @@
             "module": "quasar",
             "symbol": "QSpace"
           },
+          "attributes": [],
           "slots": [],
           "description": "QSpace - Quasar component",
           "doc-url": "https://v2.quasar.dev/vue-components/space"
@@ -14690,6 +14702,7 @@
             "module": "quasar",
             "symbol": "QStepperNavigation"
           },
+          "attributes": [],
           "slots": [
             {
               "name": "default",
@@ -15269,7 +15282,7 @@
                 "kind": "expression",
                 "type": "'horizontal'|'vertical'|'cell'|'none'"
               },
-              "description": "Use a separator/border between rows, columns or all cells\n\nExamples:\ncell",
+              "description": "Use a separator/border between rows, columns or all cells",
               "doc-url": "https://v2.quasar.dev/vue-components/table",
               "default": "\"horizontal\""
             },
@@ -17987,8 +18000,8 @@
               "arguments": [
                 {
                   "name": "err",
-                  "type": "object",
-                  "description": "Error Object which is the Promise rejection reason",
+                  "type": "Error",
+                  "description": "Error object which is the Promise rejection reason",
                   "doc-url": "https://v2.quasar.dev/vue-components/uploader"
                 },
                 {
@@ -18072,6 +18085,7 @@
             "module": "quasar",
             "symbol": "QUploaderAddTrigger"
           },
+          "attributes": [],
           "slots": [],
           "description": "QUploaderAddTrigger - Quasar component",
           "doc-url": "https://v2.quasar.dev/vue-components/uploader"

package/icon-set/svg-ionicons-v6.js

@@ -0,0 +1,225 @@
+
+import {
+  ionCheckmark,
+  ionAlert,
+  ionInformationCircleOutline,
+  ionArrowUp,
+  ionArrowForward,
+  ionArrowDown,
+  ionArrowBack,
+  ionCaretDownOutline,
+  ionAperture,
+  ionOptions,
+  ionApps,
+  ionRefresh,
+  ionSquare,
+  ionCloseCircle,
+  ionTime,
+  ionCalendar,
+  ionLink,
+  ionExpand,
+  ionChatboxEllipses,
+  ionPrint,
+  ionArrowUndo,
+  ionArrowRedo,
+  ionCodeSlash,
+  ionAdd,
+  ionClose,
+  ionPlaySkipBackCircle,
+  ionPlaySkipForwardCircle,
+  ionStar,
+  ionCreate,
+  ionWarning,
+  ionPlay,
+  ionAddCircle,
+  ionCloudUpload,
+  ionTrash,
+  ionCheckmarkDone,
+  ionChevronDown,
+  ionChevronUp,
+  ionChevronBack,
+  ionChevronForward,
+  ionChevronBackCircle,
+  ionChevronForwardCircle
+} from '@quasar/extras/ionicons-v6'
+
+// there are some icons that are needed but not available
+// so we import them from MDI as svgs
+
+import {
+  mdiFormatBold,
+  mdiFormatItalic,
+  mdiFormatStrikethroughVariant,
+  mdiFormatUnderline,
+  mdiFormatListBulleted,
+  mdiFormatListNumbered,
+  mdiFormatSubscript,
+  mdiFormatSuperscript,
+  mdiFormatAlignLeft,
+  mdiFormatAlignCenter,
+  mdiFormatAlignRight,
+  mdiFormatAlignJustify,
+  mdiFormatIndentDecrease,
+  mdiFormatIndentIncrease,
+  mdiFormatClear,
+  mdiFormatColorText,
+  mdiFormatSize,
+  mdiMinus,
+  mdiFormatHeader1,
+  mdiFormatHeader2,
+  mdiFormatHeader3,
+  mdiFormatHeader4,
+  mdiFormatHeader5,
+  mdiFormatHeader6,
+  mdiNumeric1Box,
+  mdiNumeric2Box,
+  mdiNumeric3Box,
+  mdiNumeric4Box,
+  mdiNumeric5Box,
+  mdiNumeric6Box,
+  mdiNumeric7Box,
+  mdiFormatFont
+} from '@quasar/extras/mdi-v6'
+
+export default {
+  name: 'svg-ionicons-v6',
+  type: {
+    positive: ionCheckmark,
+    negative: ionAlert,
+    info: ionInformationCircleOutline,
+    warning: ionAlert
+  },
+  arrow: {
+    up: ionArrowUp,
+    right: ionArrowForward,
+    down: ionArrowDown,
+    left: ionArrowBack,
+    dropdown: ionCaretDownOutline
+  },
+  chevron: {
+    left: ionArrowBack,
+    right: ionArrowForward
+  },
+  colorPicker: {
+    spectrum: ionAperture,
+    tune: ionOptions,
+    palette: ionApps
+  },
+  pullToRefresh: {
+    icon: ionRefresh
+  },
+  carousel: {
+    left: ionChevronBack,
+    right: ionChevronForward,
+    up: ionChevronUp,
+    down: ionChevronDown,
+    navigationIcon: ionSquare
+  },
+  chip: {
+    remove: ionCloseCircle,
+    selected: ionCheckmark
+  },
+  datetime: {
+    arrowLeft: ionChevronBack,
+    arrowRight: ionChevronForward,
+    now: ionTime,
+    today: ionCalendar
+  },
+  editor: { // requires Material icons for some as Ionicons simply does not have everything needed
+    hyperlink: ionLink,
+    toggleFullscreen: ionExpand,
+    quote: ionChatboxEllipses,
+    print: ionPrint,
+    undo: ionArrowUndo,
+    redo: ionArrowRedo,
+    code: ionCodeSlash,
+    viewSource: ionCodeSlash,
+
+    bold: mdiFormatBold,
+    italic: mdiFormatItalic,
+    strikethrough: mdiFormatStrikethroughVariant,
+    underline: mdiFormatUnderline,
+    unorderedList: mdiFormatListBulleted,
+    orderedList: mdiFormatListNumbered,
+    subscript: mdiFormatSubscript,
+    superscript: mdiFormatSuperscript,
+    left: mdiFormatAlignLeft,
+    center: mdiFormatAlignCenter,
+    right: mdiFormatAlignRight,
+    justify: mdiFormatAlignJustify,
+    outdent: mdiFormatIndentDecrease,
+    indent: mdiFormatIndentIncrease,
+    removeFormat: mdiFormatClear,
+    formatting: mdiFormatColorText,
+    fontSize: mdiFormatSize,
+    align: mdiFormatAlignLeft,
+    hr: mdiMinus,
+    heading: mdiFormatSize,
+    heading1: mdiFormatHeader1,
+    heading2: mdiFormatHeader2,
+    heading3: mdiFormatHeader3,
+    heading4: mdiFormatHeader4,
+    heading5: mdiFormatHeader5,
+    heading6: mdiFormatHeader6,
+    size: mdiFormatSize,
+    size1: mdiNumeric1Box,
+    size2: mdiNumeric2Box,
+    size3: mdiNumeric3Box,
+    size4: mdiNumeric4Box,
+    size5: mdiNumeric5Box,
+    size6: mdiNumeric6Box,
+    size7: mdiNumeric7Box,
+    font: mdiFormatFont
+  },
+  expansionItem: {
+    icon: ionCaretDownOutline,
+    denseIcon: ionCaretDownOutline
+  },
+  fab: {
+    icon: ionAdd,
+    activeIcon: ionClose
+  },
+  field: {
+    clear: ionCloseCircle,
+    error: ionAlert
+  },
+  pagination: {
+    first: ionPlaySkipBackCircle,
+    prev: ionChevronBackCircle,
+    next: ionChevronForwardCircle,
+    last: ionPlaySkipForwardCircle
+  },
+  rating: {
+    icon: ionStar
+  },
+  stepper: {
+    done: ionCheckmark,
+    active: ionCreate,
+    error: ionWarning
+  },
+  tabs: {
+    left: ionChevronBack,
+    right: ionChevronForward,
+    up: ionChevronUp,
+    down: ionChevronDown
+  },
+  table: {
+    arrowUp: ionArrowUp,
+    warning: ionWarning,
+    firstPage: ionPlaySkipBackCircle,
+    prevPage: ionChevronBackCircle,
+    nextPage: ionChevronForwardCircle,
+    lastPage: ionPlaySkipForwardCircle
+  },
+  tree: {
+    icon: ionPlay
+  },
+  uploader: {
+    done: ionCheckmark,
+    clear: ionClose,
+    add: ionAddCircle,
+    upload: ionCloudUpload,
+    removeQueue: ionTrash,
+    removeUploaded: ionCheckmarkDone
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.3.0",
+  "version": "2.3.4",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "main": "dist/quasar.cjs.prod.js",
   "module": "dist/quasar.esm.prod.js",
@@ -63,10 +63,12 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.13.14",
     "@quasar/app": "^3.0.0",
-    "@quasar/extras": "^1.11.0",
+    "@quasar/extras": "^1.12.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
     "@rollup/plugin-replace": "^2.3.3",
     "babel-preset-es2015-rollup": "^3.0.0",
+    "cli-highlight": "^2.1.11",
+    "diff": "^5.0.0",
     "eslint": "^7.4.0",
     "eslint-config-standard": "^16.0.2",
     "eslint-friendly-formatter": "^4.0.1",
@@ -75,6 +77,7 @@
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-vue": "^7.0.0",
     "eslint-webpack-plugin": "^2.4.1",
+    "fast-glob": "^3.2.7",
     "json-beautify": "^1.1.1",
     "module-alias": "^2.2.2",
     "prettier": "^2.4.1",

package/src/body.js

@@ -82,12 +82,18 @@ export default {
       }
 
       ssrContext._meta.bodyClasses += cls.join(' ')
-      return
-    }
 
-    const { $q } = opts
+      const brand = $q.config.brand
+      if (brand !== void 0) {
+        const vars = Object.keys(brand)
+          .map(key => `--q-${ key }:${ brand[ key ] };`)
+          .join('')
+
+        ssrContext._meta.endingHeadTags += `<style>:root{${ vars }}</style>`
+      }
 
-    $q.config.brand !== void 0 && setColors($q.config.brand)
+      return
+    }
 
     if (this.__installed === true) { return }
 
@@ -95,6 +101,10 @@ export default {
       applyClientSsrCorrections()
     }
     else {
+      const { $q } = opts
+
+      $q.config.brand !== void 0 && setColors($q.config.brand)
+
       const cls = getBodyClasses(client, $q.config)
       document.body.classList.add.apply(document.body.classList, cls)
     }

package/src/components/btn/QBtn.js

@@ -277,6 +277,7 @@ export default createComponent({
     }
 
     function onLoadingEvt (evt) {
+      stopAndPrevent(evt)
       evt.qSkipRipple = true
     }
 

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

@@ -10,6 +10,7 @@
       "extends": "model-value",
       "type": "Boolean",
       "desc": "Controls Menu show/hidden state; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
+      "required": false,
       "examples": [ "v-model=\"menuState\"" ]
     },
 

package/src/components/chip/QChip.json

@@ -55,8 +55,7 @@
       "type": "Boolean",
       "desc": "Model of the component determining if QChip should be rendered or not",
       "required": false,
-      "default": true,
-      "category": "model"
+      "default": true
     },
 
     "selected": {

package/src/components/circular-progress/QCircularProgress.json

@@ -96,7 +96,7 @@
     "animation-speed": {
       "extends": "animation-speed",
       "default": 600,
-      "addedIn": "v2.2.5"
+      "addedIn": "v2.3"
     }
   },