quasar 2.11.5 → 2.11.7

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.11.5
+ * Quasar Framework v2.11.7
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -576,8 +576,8 @@ $toolbar-title-font-weight      : normal !default
 $toolbar-title-letter-spacing   : .01em !default
 $toolbar-title-padding          : 0 12px !default
 $layout-border                  : 1px solid $separator-color !default
-$layout-shadow                  : 0 0 10px 2px rgba(0,0,0,0.2), 0 0px 10px rgba(0,0,0,0.24) !default
-$layout-shadow-dark             : 0 0 10px 2px rgba(255,255,255,.2), 0 0px 10px rgba(255,255,255,.24) !default
+$layout-shadow                  : 0 0 10px 2px rgba($shadow-color,0.2), 0 0px 10px rgba($shadow-color,0.24) !default
+$layout-shadow-dark             : 0 0 10px 2px rgba($dark-shadow-color,.2), 0 0px 10px rgba($dark-shadow-color,.24) !default
 $menu-background                : #fff !default
 $menu-box-shadow                : $shadow-2 !default
 $menu-box-shadow-dark           : $dark-shadow-2 !default
@@ -2922,6 +2922,7 @@ body.body--dark .q-knob--editable:focus:before
   box-shadow: $dark-shadow-2
 .q-layout
   width: 100%
+  outline: 0
 .q-layout-container
   position: relative
   width: 100%

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.11.5
+ * Quasar Framework v2.11.7
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1653,7 +1653,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.11.5' };
+      const $q = { version: '2.11.7' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -12105,7 +12105,7 @@
     });
 
     const tabindex = vue.computed(() => {
-      return props.editable === true ? 0 : -1
+      return editable.value === true ? 0 : -1
     });
 
     const headerClass = vue.computed(() => {
@@ -13843,8 +13843,8 @@
           lastEmitValue = 0;
         }
         else {
-          const { year, month } = getViewModel(innerMask.value, innerLocale.value);
-          updateViewModel(year, month);
+          const model = getViewModel(innerMask.value, innerLocale.value);
+          updateViewModel(model.year, model.month, model);
         }
       });
 
@@ -13854,12 +13854,8 @@
         }
       });
 
-      vue.watch(() => viewModel.value.year, year => {
-        emit('navigation', { year, month: viewModel.value.month });
-      });
-
-      vue.watch(() => viewModel.value.month, month => {
-        emit('navigation', { year: viewModel.value.year, month });
+      vue.watch(() => viewModel.value.year + '|' + viewModel.value.month, () => {
+        emit('navigation', { year: viewModel.value.year, month: viewModel.value.month });
       });
 
       vue.watch(mask, val => {
@@ -14041,7 +14037,7 @@
         return { year: date.year, month: date.month, day: date.day }
       }
 
-      function updateViewModel (year, month) {
+      function updateViewModel (year, month, time) {
         if (minNav.value !== null && year <= minNav.value.year) {
           year = minNav.value.year;
           if (month < minNav.value.month) {
@@ -14056,6 +14052,11 @@
           }
         }
 
+        if (time !== void 0) {
+          const { hour, minute, second, millisecond, timezoneOffset, timeHash } = time;
+          Object.assign(viewModel.value, { hour, minute, second, millisecond, timezoneOffset, timeHash });
+        }
+
         const newHash = year + '/' + pad(month) + '/01';
 
         if (newHash !== viewModel.value.dateHash) {
@@ -14913,7 +14914,6 @@
 
     setup (props, { slots, emit, attrs }) {
       const vm = vue.getCurrentInstance();
-      const { proxy: { $q } } = vm;
 
       const innerRef = vue.ref(null);
       const showing = vue.ref(false);
@@ -15178,7 +15178,7 @@
           hide(e);
         }
         else if (props.noShake !== true) {
-          shake(e.relatedTarget);
+          shake();
         }
       }
 
@@ -15205,8 +15205,6 @@
 
       vue.onBeforeUnmount(cleanup);
 
-      const backdropEvt = $q.platform.is.ios === true || $q.platform.is.safari ? 'onClick' : 'onFocusin';
-
       function renderPortalContent () {
         return vue.h('div', {
           role: 'dialog',
@@ -15224,7 +15222,7 @@
                 style: transitionStyle.value,
                 'aria-hidden': 'true',
                 tabindex: -1,
-                [ backdropEvt ]: onBackdropClick
+                onClick: onBackdropClick
               })
               : null
           )),
@@ -17755,7 +17753,7 @@
       }
 
       function begin (el, height, done) {
-        el.style.overflowY = 'hidden';
+        // here overflowY is 'hidden'
         if (height !== void 0) {
           el.style.height = `${ height }px`;
         }
@@ -17777,12 +17775,14 @@
         let pos = 0;
         element = el;
 
+        // if animationg overflowY is already 'hidden'
         if (animating === true) {
           cleanup();
           pos = el.offsetHeight === el.scrollHeight ? 0 : void 0;
         }
         else {
           lastEvent = 'hide';
+          el.style.overflowY = 'hidden';
         }
 
         begin(el, pos, done);
@@ -17811,6 +17811,9 @@
         }
         else {
           lastEvent = 'show';
+          // we need to set overflowY 'hidden' before calculating the height
+          // or else we get small differences
+          el.style.overflowY = 'hidden';
           pos = el.scrollHeight;
         }
 
@@ -21427,7 +21430,7 @@
 
       computedMask = mask;
       computedUnmask = val => {
-        const unmaskMatch = unmaskMatcher.exec(props.reverseFillMask === true ? val : val.slice(0, mask.length));
+        const unmaskMatch = unmaskMatcher.exec(props.reverseFillMask === true ? val : val.slice(0, mask.length + 1));
         if (unmaskMatch !== null) {
           val = unmaskMatch.slice(1).join('');
         }
@@ -35136,7 +35139,7 @@
       }
 
       function onClick (node, meta, e, keyboard) {
-        keyboard !== true && blur(meta.key);
+        keyboard !== true && meta.selectable !== false && blur(meta.key);
 
         if (hasSelection.value && meta.selectable) {
           if (props.noSelectionUnset === false) {
@@ -35159,7 +35162,7 @@
         if (e !== void 0) {
           stopAndPrevent(e);
         }
-        keyboard !== true && blur(meta.key);
+        keyboard !== true && meta.selectable !== false && blur(meta.key);
         setExpanded(meta.key, !meta.expanded, node, meta);
       }
 
@@ -35756,7 +35759,7 @@
     factory: Function
   };
 
-  const emits$1 = [ 'factory-failed', 'uploaded', 'failed', 'uploading' ];
+  const emits$1 = [ 'factoryFailed', 'uploaded', 'failed', 'uploading' ];
 
   function injectPlugin ({ props, emit, helpers }) {
     const xhrs = vue.ref([]);
@@ -35813,7 +35816,7 @@
 
       if (!res) {
         emit(
-          'factory-failed',
+          'factoryFailed',
           new Error('QUploader: factory() does not return properly'),
           files
         );
@@ -38330,6 +38333,7 @@
                 'q-bottom-sheet__item q-hoverable q-focusable cursor-pointer relative-position',
                 action.class
               ],
+              style: action.style,
               tabindex: 0,
               role: 'listitem',
               onClick () { onOk(action); },
@@ -38361,6 +38365,7 @@
             ? vue.h(QSeparator, { spaced: true, dark: isDark.value })
             : vue.h(QItem, {
               class: [ 'q-bottom-sheet__item', action.classes ],
+              style: action.style,
               tabindex: 0,
               clickable: true,
               dark: isDark.value,
@@ -40776,7 +40781,7 @@
    */
 
   var index_umd = {
-    version: '2.11.5',
+    version: '2.11.7',
     install (app, opts) {
       installQuasar(app, {
         components,