quasar 2.10.0 → 2.10.2

package/icon-set/svg-mdi-v7.mjs

@@ -0,0 +1,224 @@
+
+/*
+ * DO NOT EDIT THIS FILE. It is automatically generated
+ * from its webfont counterpart (same filename without "svg-" prefix).
+ * Edit that file instead (mdi-v7.mjs).
+ */
+
+import {
+  mdiCheckCircle,
+  mdiAlert,
+  mdiInformation,
+  mdiExclamation,
+  mdiArrowUp,
+  mdiArrowRight,
+  mdiArrowDown,
+  mdiArrowLeft,
+  mdiMenuDown,
+  mdiChevronLeft,
+  mdiChevronRight,
+  mdiGradientVertical,
+  mdiTune,
+  mdiPaletteSwatch,
+  mdiRefresh,
+  mdiChevronUp,
+  mdiChevronDown,
+  mdiCircle,
+  mdiCloseCircle,
+  mdiCheck,
+  mdiClockOutline,
+  mdiCalendarToday,
+  mdiFormatBold,
+  mdiFormatItalic,
+  mdiFormatStrikethroughVariant,
+  mdiFormatUnderline,
+  mdiFormatListBulleted,
+  mdiFormatListNumbered,
+  mdiFormatSubscript,
+  mdiFormatSuperscript,
+  mdiLink,
+  mdiFullscreen,
+  mdiFormatQuoteClose,
+  mdiFormatAlignLeft,
+  mdiFormatAlignCenter,
+  mdiFormatAlignRight,
+  mdiFormatAlignJustify,
+  mdiPrinter,
+  mdiFormatIndentDecrease,
+  mdiFormatIndentIncrease,
+  mdiFormatClear,
+  mdiFormatColorText,
+  mdiFormatSize,
+  mdiMinus,
+  mdiUndo,
+  mdiRedo,
+  mdiFormatHeader1,
+  mdiFormatHeader2,
+  mdiFormatHeader3,
+  mdiFormatHeader4,
+  mdiFormatHeader5,
+  mdiFormatHeader6,
+  mdiCodeTags,
+  mdiNumeric1Box,
+  mdiNumeric2Box,
+  mdiNumeric3Box,
+  mdiNumeric4Box,
+  mdiNumeric5Box,
+  mdiNumeric6Box,
+  mdiNumeric7Box,
+  mdiFormatFont,
+  mdiPlus,
+  mdiClose,
+  mdiAlertCircle,
+  mdiChevronDoubleLeft,
+  mdiChevronDoubleRight,
+  mdiStar,
+  mdiPencil,
+  mdiPlay,
+  mdiPlusBox,
+  mdiCloudUpload,
+  mdiNotificationClearAll,
+  mdiCheckAll
+} from '@quasar/extras/mdi-v7'
+
+export default {
+  name: 'svg-mdi-v7',
+  type: {
+    positive: mdiCheckCircle,
+    negative: mdiAlert,
+    info: mdiInformation,
+    warning: mdiExclamation
+  },
+  arrow: {
+    up: mdiArrowUp,
+    right: mdiArrowRight,
+    down: mdiArrowDown,
+    left: mdiArrowLeft,
+    dropdown: mdiMenuDown
+  },
+  chevron: {
+    left: mdiChevronLeft,
+    right: mdiChevronRight
+  },
+  colorPicker: {
+    spectrum: mdiGradientVertical,
+    tune: mdiTune,
+    palette: mdiPaletteSwatch
+  },
+  pullToRefresh: {
+    icon: mdiRefresh
+  },
+  carousel: {
+    left: mdiChevronLeft,
+    right: mdiChevronRight,
+    up: mdiChevronUp,
+    down: mdiChevronDown,
+    navigationIcon: mdiCircle
+  },
+  chip: {
+    remove: mdiCloseCircle,
+    selected: mdiCheck
+  },
+  datetime: {
+    arrowLeft: mdiChevronLeft,
+    arrowRight: mdiChevronRight,
+    now: mdiClockOutline,
+    today: mdiCalendarToday
+  },
+  editor: {
+    bold: mdiFormatBold,
+    italic: mdiFormatItalic,
+    strikethrough: mdiFormatStrikethroughVariant,
+    underline: mdiFormatUnderline,
+    unorderedList: mdiFormatListBulleted,
+    orderedList: mdiFormatListNumbered,
+    subscript: mdiFormatSubscript,
+    superscript: mdiFormatSuperscript,
+    hyperlink: mdiLink,
+    toggleFullscreen: mdiFullscreen,
+    quote: mdiFormatQuoteClose,
+    left: mdiFormatAlignLeft,
+    center: mdiFormatAlignCenter,
+    right: mdiFormatAlignRight,
+    justify: mdiFormatAlignJustify,
+    print: mdiPrinter,
+    outdent: mdiFormatIndentDecrease,
+    indent: mdiFormatIndentIncrease,
+    removeFormat: mdiFormatClear,
+    formatting: mdiFormatColorText,
+    fontSize: mdiFormatSize,
+    align: mdiFormatAlignLeft,
+    hr: mdiMinus,
+    undo: mdiUndo,
+    redo: mdiRedo,
+    heading: mdiFormatSize,
+    heading1: mdiFormatHeader1,
+    heading2: mdiFormatHeader2,
+    heading3: mdiFormatHeader3,
+    heading4: mdiFormatHeader4,
+    heading5: mdiFormatHeader5,
+    heading6: mdiFormatHeader6,
+    code: mdiCodeTags,
+    size: mdiFormatSize,
+    size1: mdiNumeric1Box,
+    size2: mdiNumeric2Box,
+    size3: mdiNumeric3Box,
+    size4: mdiNumeric4Box,
+    size5: mdiNumeric5Box,
+    size6: mdiNumeric6Box,
+    size7: mdiNumeric7Box,
+    font: mdiFormatFont,
+    viewSource: mdiCodeTags
+  },
+  expansionItem: {
+    icon: mdiChevronDown,
+    denseIcon: mdiMenuDown
+  },
+  fab: {
+    icon: mdiPlus,
+    activeIcon: mdiClose
+  },
+  field: {
+    clear: mdiCloseCircle,
+    error: mdiAlertCircle
+  },
+  pagination: {
+    first: mdiChevronDoubleLeft,
+    prev: mdiChevronLeft,
+    next: mdiChevronRight,
+    last: mdiChevronDoubleRight
+  },
+  rating: {
+    icon: mdiStar
+  },
+  stepper: {
+    done: mdiCheck,
+    active: mdiPencil,
+    error: mdiAlert
+  },
+  tabs: {
+    left: mdiChevronLeft,
+    right: mdiChevronRight,
+    up: mdiChevronUp,
+    down: mdiChevronDown
+  },
+  table: {
+    arrowUp: mdiArrowUp,
+    warning: mdiAlert,
+    firstPage: mdiChevronDoubleLeft,
+    prevPage: mdiChevronLeft,
+    nextPage: mdiChevronRight,
+    lastPage: mdiChevronDoubleRight
+  },
+  tree: {
+    icon: mdiPlay
+  },
+  uploader: {
+    done: mdiCheck,
+    clear: mdiClose,
+    add: mdiPlusBox,
+    upload: mdiCloudUpload,
+    removeQueue: mdiNotificationClearAll,
+    removeUploaded: mdiCheckAll
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.10.0",
+  "version": "2.10.2",
   "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",
@@ -67,8 +67,8 @@
   },
   "homepage": "https://quasar.dev",
   "devDependencies": {
-    "@quasar/app-vite": "^1.1.1",
-    "@quasar/extras": "^1.12.0",
+    "@quasar/app-vite": "^1.1.3",
+    "@quasar/extras": "^1.15.5",
     "@quasar/quasar-app-extension-testing-e2e-cypress": "^4.1.2",
     "@rollup/plugin-node-resolve": "^11.2.1",
     "@rollup/plugin-replace": "^2.3.3",
@@ -96,7 +96,7 @@
     "rollup": "^2.34.0",
     "table": "^6.0.4",
     "uglify-es": "^3.3.9",
-    "vue": "^3.2.37",
+    "vue": "^3.2.41",
     "vue-router": "^4.0.16",
     "yargs": "^17.3.0"
   },

package/src/api.extends.json

@@ -161,8 +161,7 @@
         "value": {
           "type": "Any",
           "desc": "New model value",
-          "required": true,
-          "__exemption": [ "examples" ]
+          "required": true
         }
       }
     },

package/src/components/ajax-bar/QAjaxBar.json

@@ -9,7 +9,6 @@
       "desc": "Position within window of where QAjaxBar should be displayed",
       "default": "top",
       "values": [ "top", "right", "bottom", "left" ],
-      "examples": [ "bottom" ],
       "category": "style"
     },
 
@@ -70,14 +69,12 @@
         "speed": {
           "type": "Number",
           "default": 300,
-          "desc": "Delay (in milliseconds) between progress auto-increments; If delay is 0 then it disables auto-incrementing",
-          "examples": [ 400, 0 ]
+          "desc": "Delay (in milliseconds) between progress auto-increments; If delay is 0 then it disables auto-incrementing"
         }
       },
       "returns": {
         "type": "Number",
-        "desc": "Number of active simultaneous sessions",
-        "__exemption": [ "examples" ]
+        "desc": "Number of active simultaneous sessions"
       }
     },
 
@@ -86,14 +83,12 @@
       "params": {
         "amount": {
           "type": "Number",
-          "desc": "Amount (0 < x <= 100) to increment with",
-          "examples": [ 1 ]
+          "desc": "Amount (0 < x <= 100) to increment with"
         }
       },
       "returns": {
         "type": "Number",
-        "desc": "Number of active simultaneous sessions",
-        "__exemption": [ "examples" ]
+        "desc": "Number of active simultaneous sessions"
       }
     },
 
@@ -101,8 +96,7 @@
       "desc": "Notify bar that one process you were waiting has finished",
       "returns": {
         "type": "Number",
-        "desc": "Number of active simultaneous sessions",
-        "__exemption": [ "examples" ]
+        "desc": "Number of active simultaneous sessions"
       }
     }
   }

package/src/components/breadcrumbs/QBreadcrumbs.json

@@ -24,7 +24,6 @@
       "desc": "The gutter value allows you control over the space between the breadcrumb elements.",
       "default": "sm",
       "values": [ "none", "xs", "sm", "md", "lg", "xl" ],
-      "examples": [ "md", "lg" ],
       "category": "content"
     },
 
@@ -39,7 +38,6 @@
       "default": "left",
       "desc": "Specify how to align the breadcrumbs horizontally",
       "values": [ "left", "center", "right", "between", "around", "evenly" ],
-      "examples": [ "left", "center" ],
       "category": "content"
     }
   },

package/src/components/breadcrumbs/QBreadcrumbsEl.json

@@ -75,8 +75,7 @@
           },
           "returns": {
             "type": "Promise<any>",
-            "desc": "Returns the router's navigation promise",
-            "__exemption": [ "examples" ]
+            "desc": "Returns the router's navigation promise"
           }
         }
       }

package/src/components/btn/QBtn.json

@@ -15,7 +15,6 @@
     "percentage": {
       "type": "Number",
       "desc": "Percentage (0.0 < x < 100.0); To be used along 'loading' prop; Display a progress bar on the background",
-      "examples": [ 23 ],
       "category": "behavior"
     },
 
@@ -92,8 +91,7 @@
           },
           "returns": {
             "type": "Promise<any>",
-            "desc": "Returns the router's navigation promise",
-            "__exemption": [ "examples" ]
+            "desc": "Returns the router's navigation promise"
           }
         }
       }

package/src/components/btn/__tests__/QBtn.spec.js

@@ -1,23 +1,65 @@
+import { mount } from '@cypress/vue'
+import QBtn from '../QBtn.js'
+
+const defaultOptions = {
+  label: 'simple Btn'
+}
+
+function mountQBtn (options = {}) {
+  options.props = {
+    ...defaultOptions,
+    ...options.props
+  }
+
+  return mount(QBtn, options)
+}
+
 describe('Btn API', () => {
   describe('Props', () => {
     describe('Category: behavior', () => {
       describe('(prop): percentage', () => {
-        it.skip(' ', () => {
-          //
+        it('should render a button with a percentage when "loading" prop is set to true', () => {
+          const percentage = 50
+
+          mountQBtn({
+            props: {
+              percentage,
+              loading: true
+            }
+          })
+
+          cy.get('.q-btn').should('have.attr', 'aria-valuenow', percentage)
         })
       })
 
       describe('(prop): dark-percentage', () => {
-        it.skip(' ', () => {
-          //
+        it('should render a button with a dark percentage when "loading" prop is set to true', () => {
+          const percentage = 50
+
+          mountQBtn({
+            props: {
+              percentage,
+              loading: true,
+              darkPercentage: true
+            }
+          })
+
+          cy.get('.q-btn').should('have.attr', 'aria-valuenow', percentage)
+            .get('.q-btn__progress').should('have.class', 'q-btn__progress--dark')
         })
       })
     })
 
     describe('Category: style', () => {
       describe('(prop): round', () => {
-        it.skip(' ', () => {
-          //
+        it('should render a circle shaped button when "round" prop is set to true', () => {
+          mountQBtn({
+            props: {
+              round: true
+            }
+          })
+
+          cy.get('.q-btn').should('have.class', 'q-btn--round')
         })
       })
     })
@@ -25,30 +67,61 @@ describe('Btn API', () => {
 
   describe('Slots', () => {
     describe('(slot): default', () => {
-      it.skip(' ', () => {
-        //
+      it('should render a button with a label', () => {
+        mountQBtn()
+
+        cy.get('.q-btn').should('contain', defaultOptions.label)
       })
     })
 
     describe('(slot): loading', () => {
-      it.skip(' ', () => {
-        //
+      it('should render a button with a loading slot', () => {
+        const loadingSlot = 'loading slot'
+
+        mountQBtn({
+          props: {
+            loading: true
+          },
+          slots: {
+            loading: loadingSlot
+          }
+        })
+
+        cy.get('.q-btn').should('contain', loadingSlot).contains(defaultOptions.label).should('not.be.visible')
       })
     })
   })
 
   describe('Events', () => {
     describe('(event): click', () => {
-      it.skip(' ', () => {
-        //
+      it('should emit a click event when the button is clicked', () => {
+        const fn = cy.stub()
+
+        mountQBtn({
+          props: {
+            onClick: fn
+          }
+        })
+
+        cy.get('.q-btn').click()
+          .then(() => expect(fn).to.be.calledOnce)
       })
     })
   })
 
   describe('Methods', () => {
     describe('(method): click', () => {
-      it.skip(' ', () => {
-        //
+      it('should click the button', () => {
+        const fn = cy.stub()
+
+        mountQBtn({
+          props: {
+            onClick: fn
+          }
+        })
+
+        cy.get('.q-btn').invoke('click')
+          .then(() => expect(fn).to.be.calledOnce)
       })
     })
   })