quasar 2.4.8 → 2.4.9

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.4.8
+ * Quasar Framework v2.4.9
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -663,8 +663,8 @@ input[type='search']::-webkit-search-decoration
     justify-content: center
   > svg,
   > img
-    width: 100%
-    height: 100%
+    width: 1em
+    height: 1em
 .q-icon,
 .material-icons,
 .material-icons-outlined,

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.4.8
+ * Quasar Framework v2.4.9
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1447,7 +1447,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.4.8' };
+      const $q = { version: '2.4.9' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -2032,13 +2032,13 @@
         }
 
         if (type.value.img === true) {
-          return vue.h('div', data, hMergeSlot(slots.default, [
+          return vue.h('span', data, hMergeSlot(slots.default, [
             vue.h('img', { src: type.value.src })
           ]))
         }
 
         if (type.value.svg === true) {
-          return vue.h('div', data, hMergeSlot(slots.default, [
+          return vue.h('span', data, hMergeSlot(slots.default, [
             vue.h('svg', {
               viewBox: type.value.viewBox
             }, type.value.nodes)
@@ -2046,7 +2046,7 @@
         }
 
         if (type.value.svguse === true) {
-          return vue.h('div', data, hMergeSlot(slots.default, [
+          return vue.h('span', data, hMergeSlot(slots.default, [
             vue.h('svg', {
               viewBox: type.value.viewBox
             }, [
@@ -20754,6 +20754,8 @@
               name: props.clearIcon || $q.iconSet.field.clear,
               tabindex: 0,
               type: 'button',
+              'aria-hidden': null,
+              role: null,
               onClick: clearValue
             })
           ])
@@ -26829,6 +26831,9 @@
           && panning.value === false
         ) || scroll.vertical.size.value <= container.vertical.value + 1
       );
+      scroll.vertical.thumbStart = vue.computed(() =>
+        scroll.vertical.percentage.value * (container.vertical.value - scroll.vertical.thumbSize.value)
+      );
       scroll.vertical.thumbSize = vue.computed(() =>
         Math.round(
           between(
@@ -26839,13 +26844,11 @@
         )
       );
       scroll.vertical.style = vue.computed(() => {
-        const thumbSize = scroll.vertical.thumbSize.value;
-        const pos = scroll.vertical.percentage.value * (container.vertical.value - thumbSize);
         return {
           ...props.thumbStyle,
           ...props.verticalThumbStyle,
-          top: `${ pos }px`,
-          height: `${ thumbSize }px`
+          top: `${ scroll.vertical.thumbStart.value }px`,
+          height: `${ scroll.vertical.thumbSize.value }px`
         }
       });
       scroll.vertical.thumbClass = vue.computed(() =>
@@ -26870,6 +26873,9 @@
           && panning.value === false
         ) || scroll.horizontal.size.value <= container.horizontal.value + 1
       );
+      scroll.horizontal.thumbStart = vue.computed(() =>
+        scroll.horizontal.percentage.value * (container.horizontal.value - scroll.horizontal.thumbSize.value)
+      );
       scroll.horizontal.thumbSize = vue.computed(() =>
         Math.round(
           between(
@@ -26880,13 +26886,11 @@
         )
       );
       scroll.horizontal.style = vue.computed(() => {
-        const thumbSize = scroll.horizontal.thumbSize.value;
-        const pos = scroll.horizontal.percentage.value * (container.horizontal.value - thumbSize);
         return {
           ...props.thumbStyle,
           ...props.horizontalThumbStyle,
-          left: `${ pos }px`,
-          width: `${ thumbSize }px`
+          left: `${ scroll.horizontal.thumbStart.value }px`,
+          width: `${ scroll.horizontal.thumbSize.value }px`
         }
       });
       scroll.horizontal.thumbClass = vue.computed(() =>
@@ -27032,8 +27036,11 @@
         const data = scroll[ axis ];
 
         if (data.thumbHidden.value !== true) {
-          const pos = evt[ dirProps[ axis ].offset ] - data.thumbSize.value / 2;
-          setScroll(pos / container[ axis ].value * data.size.value, axis);
+          const offset = evt[ dirProps[ axis ].offset ];
+          if (offset < data.thumbStart.value || offset > data.thumbStart.value + data.thumbSize.value) {
+            const pos = offset - data.thumbSize.value / 2;
+            setScroll(pos / container[ axis ].value * data.size.value, axis);
+          }
 
           // activate thumb pan
           if (data.ref.value !== null) {
@@ -39261,7 +39268,7 @@
   });
 
   var index_umd = {
-    version: '2.4.8',
+    version: '2.4.9',
     install (app, opts) {
       installQuasar(app, {
         components,