quasar 1.17.2 → 1.17.6

package/dist/types/index.d.ts

@@ -313,6 +313,10 @@ export interface Loading {
 }
 
 export interface LoadingBar {
+    /**
+     * Is LoadingBar active?
+     */
+    isActive : boolean
     /**
      * Notify bar you've started a background activity
      * @param speed Delay (in milliseconds) between bar progress increments
@@ -999,17 +1003,20 @@ export interface QAjaxBar extends Vue {
     /**
      * Notify bar you are waiting for a new process to finish
      * @param speed Delay (in milliseconds) between progress auto-increments; If delay is 0 then it disables auto-incrementing
+     * @returns Number of active simultaneous sessions
      */
-    start (speed? : number): void
+    start (speed? : number): number
     /**
      * Manually trigger a bar progress increment
      * @param amount Amount (0 < x <= 100) to increment with
+     * @returns Number of active simultaneous sessions
      */
-    increment (amount? : number): void
+    increment (amount? : number): number
     /**
      * Notify bar that one process you were waiting has finished
+     * @returns Number of active simultaneous sessions
      */
-    stop (): void
+    stop (): number
 }
 
 export interface QAvatar extends Vue {
@@ -7886,6 +7893,10 @@ export interface QTree extends Vue {
      * Key of node currently selected
      */
     selected? : any
+    /**
+     * Do not allow un-selection when clicking currently selected node
+     */
+    noSelectionUnset? : boolean
     /**
      * Allow the tree to have all its branches expanded, when first rendered
      */
@@ -8983,6 +8994,7 @@ declare module './lang' {
             'lv': true
             'ml': true
             'ms': true
+            'my': true
             'nb-no': true
             'nl': true
             'pl': true

package/dist/vetur/quasar-attributes.json

@@ -5547,6 +5547,10 @@
     "type": "any",
     "description": "Key of node currently selected"
   },
+  "q-tree/no-selection-unset": {
+    "type": "boolean",
+    "description": "Do not allow un-selection when clicking currently selected node"
+  },
   "q-tree/default-expand-all": {
     "type": "boolean",
     "description": "Allow the tree to have all its branches expanded, when first rendered"

package/dist/vetur/quasar-tags.json

@@ -1970,6 +1970,7 @@
       "ticked",
       "expanded",
       "selected",
+      "no-selection-unset",
       "default-expand-all",
       "accordion",
       "filter",

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

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "1.17.2",
+  "version": "1.17.6",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -19788,6 +19788,16 @@
               "description": "Key of node currently selected\n\nExamples:\n:selected.sync=\"selectedKey\"",
               "doc-url": "https://v1.quasar.dev/vue-components/tree"
             },
+            {
+              "name": "no-selection-unset",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "description": "Do not allow un-selection when clicking currently selected node",
+              "doc-url": "https://v1.quasar.dev/vue-components/tree",
+              "type": "boolean"
+            },
             {
               "name": "default-expand-all",
               "value": {

package/lang/index.json

@@ -127,6 +127,10 @@
     "isoName": "ms",
     "nativeName": "Bahasa Melayu"
   },
+  {
+    "isoName": "my",
+    "nativeName": "Malaysia"
+  },
   {
     "isoName": "nb-no",
     "nativeName": "Norsk"

package/lang/my.js

@@ -0,0 +1,96 @@
+export default {
+  isoName: 'my',
+  nativeName: 'Malaysia',
+  label: {
+    clear: 'kosong',
+    ok: 'pasti',
+    cancel: 'Batal',
+    close: 'penutupan',
+    set: 'sediakan',
+    select: 'pilih',
+    reset: 'set semula',
+    remove: 'keluarkan',
+    update: 'memperbaharui',
+    create: 'cipta',
+    search: 'cari',
+    filter: 'penapis',
+    refresh: 'segarkan semula'
+  },
+  date: {
+    days: 'Ahad_Isnin_Selasa_Rabu_Khamis_Jumaat_Sabtu'.split('_'),
+    daysShort: 'Aha_Isn_Sel_Rab_Kha_Jum_Sab'.split('_'),
+    months: 'Januari_Februari_Mac_April_Mei_Jun_Julai_Ogos_September_Oktober_November_Disember'.split('_'),
+    monthsShort: 'Jan_Feb_Mac_Apr_Mei_Jun_Jul_Ogo_Sep_Okt_Nov_Dis'.split('_'),
+    headerTitle: function (date) {
+      return new Intl.DateTimeFormat('my', {
+        weekday: 'short', month: 'short', day: 'numeric'
+      }).format(date)
+    },
+    firstDayOfWeek: 0, // 0-6, 0 - Sunday, 1 Monday, ...
+    format24h: false,
+    pluralDay: 'langit'
+  },
+  table: {
+    noData: 'tiada data tersedia',
+    noResults: 'Tiada data yang sepadan ditemui',
+    loading: 'memuatkan...',
+    selectedRecords: function (rows) {
+      return 'dipilih' + rows + 'baris'
+    },
+    recordsPerPage: 'baris setiap muka surat:',
+    allRows: 'semua',
+    pagination: function (start, end, total) {
+      return start + '-' + end + ' / ' + total
+    },
+    columns: 'Senaraikan'
+  },
+  editor: {
+    url: 'URL',
+    bold: 'berani',
+    italic: 'condong',
+    strikethrough: 'tembus',
+    underline: 'gariskan',
+    unorderedList: 'senarai tidak teratur',
+    orderedList: 'senarai pesanan',
+    subscript: 'subskrip',
+    superscript: 'superskrip',
+    hyperlink: 'Hiperpautan',
+    toggleFullscreen: 'togol skrin penuh',
+    quote: 'tanda petikan',
+    left: 'Jajar ke kiri',
+    center: 'penjajaran tengah',
+    right: 'Sejajar ke kanan',
+    justify: 'wajar',
+    print: 'Cetak',
+    outdent: 'mengurangkan lekukan',
+    indent: 'meningkatkan inden',
+    removeFormat: 'gaya yang jelas',
+    formatting: 'format',
+    fontSize: 'Saiz huruf',
+    align: 'selaraskan',
+    hr: 'Masukkan garisan mendatar',
+    undo: 'membatalkan',
+    redo: 'buat semula',
+    heading1: 'Tajuk satu',
+    heading2: 'Tajuk dua',
+    heading3: 'Tajuk tiga',
+    heading4: 'Tajuk Empat',
+    heading5: 'Tajuk Lima',
+    heading6: 'Tajuk Enam',
+    paragraph: 'perenggan',
+    code: 'kod',
+    size1: 'sangat kecil',
+    size2: 'lebih kecil',
+    size3: 'biasa',
+    size4: 'sederhana hingga besar',
+    size5: 'besar',
+    size6: 'sangat besar',
+    size7: 'super besar',
+    defaultFont: 'fon lalai',
+    viewSource: 'menyemak data'
+  },
+  tree: {
+    noNodes: 'tiada nod tersedia',
+    noResults: 'Tiada nod yang sepadan ditemui'
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "1.17.2",
+  "version": "1.17.6",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "module": "src/index.esm.js",
   "typings": "dist/types/index.d.ts",

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

@@ -171,18 +171,19 @@ export default Vue.extend({
   methods: {
     start (speed = 300) {
       const oldSpeed = this.speed
-      this.speed = Math.max(0, speed) || 0
+      const newSpeed = this.speed = Math.max(0, speed) || 0
 
       this.calls++
 
       if (this.calls > 1) {
-        if (oldSpeed === 0 && speed > 0) {
+        if (oldSpeed === 0 && newSpeed > 0) {
           this.__work()
         }
-        else if (oldSpeed > 0 && speed <= 0) {
+        else if (oldSpeed > 0 && newSpeed <= 0) {
           clearTimeout(this.timer)
         }
-        return
+
+        return this.calls
       }
 
       clearTimeout(this.timer)
@@ -190,25 +191,33 @@ export default Vue.extend({
 
       this.progress = 0
 
-      if (this.onScreen === true) { return }
-
-      this.onScreen = true
-      this.animate = false
       this.timer = setTimeout(() => {
         this.animate = true
-        speed > 0 && this.__work()
-      }, 100)
+        newSpeed > 0 && this.__work()
+      }, this.onScreen === true ? 500 : 1)
+
+      if (this.onScreen !== true) {
+        this.onScreen = true
+        this.animate = false
+      }
+
+      return this.calls
     },
 
     increment (amount) {
       if (this.calls > 0) {
         this.progress = inc(this.progress, amount)
       }
+
+      return this.calls
     },
 
     stop () {
       this.calls = Math.max(0, this.calls - 1)
-      if (this.calls > 0) { return }
+
+      if (this.calls > 0) {
+        return this.calls
+      }
 
       clearTimeout(this.timer)
       this.$emit('stop')
@@ -227,6 +236,8 @@ export default Vue.extend({
       else {
         end()
       }
+
+      return this.calls
     },
 
     __work () {

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

@@ -73,6 +73,11 @@
           "desc": "Delay (in milliseconds) between progress auto-increments; If delay is 0 then it disables auto-incrementing",
           "examples": [ 400, 0 ]
         }
+      },
+      "returns": {
+        "type": "Number",
+        "desc": "Number of active simultaneous sessions",
+        "__exemption": [ "examples" ]
       }
     },
 
@@ -84,11 +89,21 @@
           "desc": "Amount (0 < x <= 100) to increment with",
           "examples": [ 1 ]
         }
+      },
+      "returns": {
+        "type": "Number",
+        "desc": "Number of active simultaneous sessions",
+        "__exemption": [ "examples" ]
       }
     },
 
     "stop": {
-      "desc": "Notify bar that one process you were waiting has finished"
+      "desc": "Notify bar that one process you were waiting has finished",
+      "returns": {
+        "type": "Number",
+        "desc": "Number of active simultaneous sessions",
+        "__exemption": [ "examples" ]
+      }
     }
   }
 }

package/src/components/date/QDate.js

@@ -150,7 +150,12 @@ export default Vue.extend({
       return this.normalizedModel
         .filter(date => typeof date === 'string')
         .map(date => this.__decodeString(date, this.innerMask, this.innerLocale))
-        .filter(date => date.dateHash !== null)
+        .filter(date =>
+          date.dateHash !== null &&
+          date.day !== null &&
+          date.month !== null &&
+          date.year !== null
+        )
     },
 
     rangeModel () {

package/src/components/dialog-plugin/DialogPlugin.js

@@ -120,8 +120,8 @@ export default Vue.extend({
         color: this.vmColor,
         label: this.okLabel,
         ripple: false,
-        ...(Object(this.ok) === this.ok ? this.ok : { flat: true }),
-        disable: this.okDisabled
+        disable: this.okDisabled,
+        ...(Object(this.ok) === this.ok ? this.ok : { flat: true })
       }
     },
 

package/src/components/field/QField.js

@@ -7,7 +7,7 @@ import QSpinner from '../spinner/QSpinner.js'
 
 import ValidateMixin from '../../mixins/validate.js'
 import DarkMixin from '../../mixins/dark.js'
-import AttrsMixin from '../../mixins/attrs.js'
+import AttrsMixin, { iconAsButton } from '../../mixins/attrs.js'
 
 import { slot } from '../../utils/slot.js'
 import uid from '../../utils/uid.js'
@@ -319,7 +319,7 @@ export default Vue.extend({
             h(QIcon, {
               staticClass: 'q-field__focusable-action',
               props: { tag: 'button', name: this.clearIcon || this.$q.iconSet.field.clear },
-              attrs: { tabindex: 0, type: 'button' },
+              attrs: iconAsButton,
               on: this.clearableEvents
             })
           ])
@@ -596,6 +596,15 @@ export default Vue.extend({
     this.autofocus === true && this.focus()
   },
 
+  activated () {
+    if (this.shouldActivate !== true) { return }
+    this.autofocus === true && this.focus()
+  },
+
+  deactivated () {
+    this.shouldActivate = true
+  },
+
   beforeDestroy () {
     clearTimeout(this.focusoutTimer)
   }

package/src/components/form/QForm.js

@@ -33,6 +33,15 @@ export default Vue.extend({
     this.autofocus === true && this.focus()
   },
 
+  activated () {
+    if (this.shouldActivate !== true) { return }
+    this.autofocus === true && this.focus()
+  },
+
+  deactivated () {
+    this.shouldActivate = true
+  },
+
   methods: {
     validate (shouldFocus) {
       const promises = []

package/src/components/icon/QIcon.js

@@ -173,18 +173,16 @@ export default Vue.extend({
     }
 
     if (this.type.img === true) {
-      return h('div', data, mergeSlot([
+      return h('span', data, mergeSlot([
         h('img', {
-          class: this.type.cls,
           attrs: { src: this.type.src }
         })
       ], this, 'default'))
     }
 
     if (this.type.svg === true) {
-      return h('div', data, mergeSlot([
+      return h('span', data, mergeSlot([
         h('svg', {
-          class: this.type.cls,
           attrs: {
             viewBox: this.type.viewBox,
             focusable: 'false' /* needed for IE11 */
@@ -194,9 +192,8 @@ export default Vue.extend({
     }
 
     if (this.type.svguse === true) {
-      return h('div', data, mergeSlot([
+      return h('span', data, mergeSlot([
         h('svg', {
-          class: this.type.cls,
           attrs: {
             viewBox: this.type.viewBox,
             focusable: 'false' /* needed for IE11 */

package/src/components/icon/QIcon.sass

@@ -19,9 +19,10 @@
     align-items: center
     justify-content: center
 
-  > svg
-    width: 100%
-    height: 100%
+  > svg,
+  > img
+    width: 1em
+    height: 1em
 
 .q-icon,
 .material-icons,

package/src/components/icon/QIcon.styl

@@ -19,9 +19,10 @@
     align-items: center
     justify-content: center
 
-  > svg
-    width: 100%
-    height: 100%
+  > svg,
+  > img
+    width: 1em
+    height: 1em
 
 .q-icon,
 .material-icons,

package/src/components/infinite-scroll/QInfiniteScroll.js

@@ -194,7 +194,7 @@ export default Vue.extend({
   },
 
   activated () {
-    if (this.__scrollTarget && this.__scrollPosition !== void 0) {
+    if (this.__scrollPosition !== void 0 && this.__scrollTarget) {
       setScrollPosition(this.__scrollTarget, this.__scrollPosition)
     }
   },

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

@@ -119,6 +119,14 @@ export default Vue.extend({
       ) || this.scroll.horizontal.size <= this.container.horizontal + 1
     },
 
+    verticalThumbStart () {
+      return this.verticalScrollPercentage * (this.container.vertical - this.verticalThumbSize)
+    },
+
+    horizontalThumbStart () {
+      return this.horizontalScrollPercentage * (this.container.horizontal - this.horizontalThumbSize)
+    },
+
     verticalThumbSize () {
       return Math.round(
         between(
@@ -140,21 +148,19 @@ export default Vue.extend({
     },
 
     verticalStyle () {
-      const pos = this.verticalScrollPercentage * (this.container.vertical - this.verticalThumbSize)
       return {
         ...this.thumbStyle,
         ...this.verticalThumbStyle,
-        top: `${pos}px`,
+        top: `${this.verticalThumbStart}px`,
         height: `${this.verticalThumbSize}px`
       }
     },
 
     horizontalStyle () {
-      const pos = this.horizontalScrollPercentage * (this.container.horizontal - this.horizontalThumbSize)
       return {
         ...this.thumbStyle,
         ...this.horizontalThumbStyle,
-        left: `${pos}px`,
+        left: `${this.horizontalThumbStart}px`,
         width: `${this.horizontalThumbSize}px`
       }
     },
@@ -185,6 +191,7 @@ export default Vue.extend({
           ...this.scroll.vertical,
           percentage: this.verticalScrollPercentage,
           thumbHidden: this.verticalThumbHidden,
+          thumbStart: this.verticalThumbStart,
           thumbSize: this.verticalThumbSize,
           style: this.verticalStyle,
           thumbClass: this.verticalThumbClass,
@@ -194,6 +201,7 @@ export default Vue.extend({
           ...this.scroll.horizontal,
           percentage: this.horizontalScrollPercentage,
           thumbHidden: this.horizontalThumbHidden,
+          thumbStart: this.horizontalThumbStart,
           thumbSize: this.horizontalThumbSize,
           style: this.horizontalStyle,
           thumbClass: this.horizontalThumbClass,
@@ -407,8 +415,11 @@ export default Vue.extend({
       const data = this.scrollComputed[ axis ]
 
       if (data.thumbHidden !== true) {
-        const pos = evt[ dirProps[ axis ].offset ] - data.thumbSize / 2
-        this.__setScroll(pos / this.container[ axis ] * data.size, axis)
+        const offset = evt[ dirProps[ axis ].offset ]
+        if (offset < data.thumbStart || offset > data.thumbStart + data.thumbSize) {
+          const pos = offset - data.thumbSize / 2
+          this.__setScroll(pos / this.container[ axis ] * data.size, axis)
+        }
 
         const ref = axis === 'vertical' ? this.$refs.verticalThumb : this.$refs.horizontalThumb
         // activate thumb pan
@@ -537,9 +548,11 @@ export default Vue.extend({
   },
 
   activated () {
+    if (this.__scrollPosition === void 0) { return }
+
     const scrollTarget = this.getScrollTarget()
 
-    if (scrollTarget !== void 0 && this.__scrollPosition !== void 0) {
+    if (scrollTarget !== void 0) {
       setHorizontalScrollPosition(scrollTarget, this.__scrollPosition.left)
       setVerticalScrollPosition(scrollTarget, this.__scrollPosition.top)
     }

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

@@ -49,19 +49,20 @@ export default Vue.extend({
       if (immediately === true || this.debounce === 0 || this.debounce === '0') {
         this.__emit()
       }
-      else if (this.timer === null) {
-        this.timer = this.debounce
-          ? setTimeout(this.__emit, this.debounce)
-          : requestAnimationFrame(this.__emit)
+      else if (this.clearTimer === void 0) {
+        const [ timer, fn ] = this.debounce
+          ? [ setTimeout(this.__emit, this.debounce), clearTimeout ]
+          : [ requestAnimationFrame(this.__emit), cancelAnimationFrame ]
+
+        this.clearTimer = () => {
+          fn(timer)
+          this.clearTimer = void 0
+        }
       }
     },
 
     __emit () {
-      if (this.timer !== null) {
-        clearTimeout(this.timer)
-        cancelAnimationFrame(this.timer)
-        this.timer = null
-      }
+      this.clearTimer !== void 0 && this.clearTimer()
 
       const fn = this.horizontal === true
         ? getHorizontalScrollPosition
@@ -100,14 +101,11 @@ export default Vue.extend({
   },
 
   mounted () {
-    this.timer = null
-
     this.__configureScrollTarget()
   },
 
   beforeDestroy () {
-    clearTimeout(this.timer)
-    cancelAnimationFrame(this.timer)
+    this.clearTimer !== void 0 && this.clearTimer()
     this.__unconfigureScrollTarget()
   }
 })