quasar 2.11.5 → 2.11.7

package/dist/quasar.css

@@ -2938,6 +2938,7 @@ body.body--dark .q-knob--editable:focus:before {
 
 .q-layout {
   width: 100%;
+  outline: 0;
 }
 
 .q-layout-container {

package/dist/quasar.esm.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.
  */
@@ -1651,7 +1651,7 @@ function prepareApp (app, uiOpts, pluginOpts) {
 }
 
 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) {
@@ -12103,7 +12103,7 @@ function useDatetime (props, $q) {
   });
 
   const tabindex = computed(() => {
-    return props.editable === true ? 0 : -1
+    return editable.value === true ? 0 : -1
   });
 
   const headerClass = computed(() => {
@@ -13841,8 +13841,8 @@ var QDate = createComponent({
         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);
       }
     });
 
@@ -13852,12 +13852,8 @@ var QDate = createComponent({
       }
     });
 
-    watch(() => viewModel.value.year, year => {
-      emit('navigation', { year, month: viewModel.value.month });
-    });
-
-    watch(() => viewModel.value.month, month => {
-      emit('navigation', { year: viewModel.value.year, month });
+    watch(() => viewModel.value.year + '|' + viewModel.value.month, () => {
+      emit('navigation', { year: viewModel.value.year, month: viewModel.value.month });
     });
 
     watch(mask, val => {
@@ -14039,7 +14035,7 @@ var QDate = createComponent({
       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) {
@@ -14054,6 +14050,11 @@ var QDate = createComponent({
         }
       }
 
+      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) {
@@ -14911,7 +14912,6 @@ var QDialog = createComponent({
 
   setup (props, { slots, emit, attrs }) {
     const vm = getCurrentInstance();
-    const { proxy: { $q } } = vm;
 
     const innerRef = ref(null);
     const showing = ref(false);
@@ -15176,7 +15176,7 @@ var QDialog = createComponent({
         hide(e);
       }
       else if (props.noShake !== true) {
-        shake(e.relatedTarget);
+        shake();
       }
     }
 
@@ -15203,8 +15203,6 @@ var QDialog = createComponent({
 
     onBeforeUnmount(cleanup);
 
-    const backdropEvt = $q.platform.is.ios === true || $q.platform.is.safari ? 'onClick' : 'onFocusin';
-
     function renderPortalContent () {
       return h('div', {
         role: 'dialog',
@@ -15222,7 +15220,7 @@ var QDialog = createComponent({
               style: transitionStyle.value,
               'aria-hidden': 'true',
               tabindex: -1,
-              [ backdropEvt ]: onBackdropClick
+              onClick: onBackdropClick
             })
             : null
         )),
@@ -17753,7 +17751,7 @@ var QSlideTransition = createComponent({
     }
 
     function begin (el, height, done) {
-      el.style.overflowY = 'hidden';
+      // here overflowY is 'hidden'
       if (height !== void 0) {
         el.style.height = `${ height }px`;
       }
@@ -17775,12 +17773,14 @@ var QSlideTransition = createComponent({
       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);
@@ -17809,6 +17809,9 @@ var QSlideTransition = createComponent({
       }
       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;
       }
 
@@ -21430,7 +21433,7 @@ function useMask (props, emit, emitValue, inputRef) {
 
     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('');
       }
@@ -35139,7 +35142,7 @@ var QTree = createComponent({
     }
 
     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) {
@@ -35162,7 +35165,7 @@ var QTree = createComponent({
       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);
     }
 
@@ -35759,7 +35762,7 @@ const props$2 = {
   factory: Function
 };
 
-const emits$1 = [ 'factory-failed', 'uploaded', 'failed', 'uploading' ];
+const emits$1 = [ 'factoryFailed', 'uploaded', 'failed', 'uploading' ];
 
 function injectPlugin ({ props, emit, helpers }) {
   const xhrs = ref([]);
@@ -35816,7 +35819,7 @@ function injectPlugin ({ props, emit, helpers }) {
 
     if (!res) {
       emit(
-        'factory-failed',
+        'factoryFailed',
         new Error('QUploader: factory() does not return properly'),
         files
       );
@@ -38191,6 +38194,7 @@ var BottomSheet$1 = createComponent({
               'q-bottom-sheet__item q-hoverable q-focusable cursor-pointer relative-position',
               action.class
             ],
+            style: action.style,
             tabindex: 0,
             role: 'listitem',
             onClick () { onOk(action); },
@@ -38222,6 +38226,7 @@ var BottomSheet$1 = createComponent({
           ? h(QSeparator, { spaced: true, dark: isDark.value })
           : h(QItem, {
             class: [ 'q-bottom-sheet__item', action.classes ],
+            style: action.style,
             tabindex: 0,
             clickable: true,
             dark: isDark.value,
@@ -40589,7 +40594,7 @@ function runSequentialPromises (
  */
 
 const Quasar = {
-  version: '2.11.5',
+  version: '2.11.7',
   install: installQuasar,
   lang: Plugin$8,
   iconSet: Plugin$7