quasar 1.17.2 → 1.17.3

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

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "1.17.2",
+  "version": "1.17.3",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "1.17.2",
+  "version": "1.17.3",
   "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/icon/QIcon.js

@@ -175,7 +175,6 @@ export default Vue.extend({
     if (this.type.img === true) {
       return h('div', data, mergeSlot([
         h('img', {
-          class: this.type.cls,
           attrs: { src: this.type.src }
         })
       ], this, 'default'))
@@ -184,7 +183,6 @@ export default Vue.extend({
     if (this.type.svg === true) {
       return h('div', data, mergeSlot([
         h('svg', {
-          class: this.type.cls,
           attrs: {
             viewBox: this.type.viewBox,
             focusable: 'false' /* needed for IE11 */
@@ -196,7 +194,6 @@ export default Vue.extend({
     if (this.type.svguse === true) {
       return h('div', 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,7 +19,8 @@
     align-items: center
     justify-content: center
 
-  > svg
+  > svg,
+  > img
     width: 100%
     height: 100%
 

package/src/components/icon/QIcon.styl

@@ -19,7 +19,8 @@
     align-items: center
     justify-content: center
 
-  > svg
+  > svg,
+  > img
     width: 100%
     height: 100%
 

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()
   }
 })