quasar 2.3.0 → 2.3.1

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.3.0
+ * Quasar Framework v2.3.1
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -7023,6 +7023,8 @@ img.responsive
   touch-action: pan-x
 .q-touch-y
   touch-action: pan-y
+\:root
+  --q-transition-duration: .3s
 .q-transition
   &--slide-right,
   &--slide-left,

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.3.0
+ * Quasar Framework v2.3.1
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1170,16 +1170,16 @@
   var Body = {
     install (opts) {
 
-      const { $q } = opts;
-
-      $q.config.brand !== void 0 && setColors($q.config.brand);
-
       if (this.__installed === true) { return }
 
       if (isRuntimeSsrPreHydration.value === true) {
         applyClientSsrCorrections();
       }
       else {
+        const { $q } = opts;
+
+        $q.config.brand !== void 0 && setColors($q.config.brand);
+
         const cls = getBodyClasses(client, $q.config);
         document.body.classList.add.apply(document.body.classList, cls);
       }
@@ -1437,7 +1437,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.3.0' };
+      const $q = { version: '2.3.1' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -7028,12 +7028,21 @@
     });
 
     function refocusTarget (e) {
+      const root = rootRef.value;
+
       if (e !== void 0 && e.type.indexOf('key') === 0) {
-        if (document.activeElement !== rootRef.value && rootRef.value.contains(document.activeElement) === true) {
-          rootRef.value.focus();
+        if (
+          root !== null
+          && document.activeElement !== root
+          && root.contains(document.activeElement) === true
+        ) {
+          root.focus();
         }
       }
-      else if ((e === void 0 || rootRef.value.contains(e.target) === true) && refocusRef.value !== null) {
+      else if (
+        refocusRef.value !== null
+        && (e === void 0 || (root !== null && root.contains(e.target) === true))
+      ) {
         refocusRef.value.focus();
       }
     }
@@ -8286,7 +8295,7 @@
     }
 
     function onPan (event) {
-      if (event.isFinal) {
+      if (event.isFinal === true) {
         if (dragging.value !== void 0) {
           updatePosition(event.evt);
           // only if touch, because we also have mousedown/up:
@@ -8296,7 +8305,7 @@
         }
         active.value = false;
       }
-      else if (event.isFirst) {
+      else if (event.isFirst === true) {
         dragging.value = getDragging(event.evt);
         updatePosition(event.evt);
         updateValue();
@@ -8326,7 +8335,7 @@
     function onDeactivate () {
       preventFocus.value = false;
 
-      if (dragging.value === void 0) {
+      if (dragging.value === false) {
         active.value = false;
       }
 
@@ -17765,7 +17774,7 @@
 
       innerLoading: vue.ref(false),
       focused: vue.ref(false),
-      hasPopupOpen: vue.ref(false),
+      hasPopupOpen: false,
 
       splitAttrs: useSplitAttrs(attrs),
       targetUid: vue.ref(getTargetUid(props.for)),
@@ -17978,7 +17987,7 @@
       focusoutTimer = setTimeout(() => {
         if (
           document.hasFocus() === true && (
-            state.hasPopupOpen.value === true
+            state.hasPopupOpen === true
             || (
               state.controlRef !== void 0
               && (
@@ -21007,6 +21016,10 @@
 
       once: Boolean,
       transition: String,
+      transitionDuration: {
+        type: [ String, Number ],
+        default: 300
+      },
 
       ssrPrerender: Boolean,
 
@@ -21052,6 +21065,10 @@
         ] ]
       });
 
+      const transitionStyle = vue.computed(
+        () => `--q-transition-duration: ${ props.transitionDuration }ms`
+      );
+
       function trigger (entry) {
         if (showing.value !== entry.isIntersecting) {
           showing.value = entry.isIntersecting;
@@ -21061,7 +21078,7 @@
 
       function getContent () {
         return showing.value === true
-          ? [ vue.h('div', { key: 'content' }, hSlot(slots.default)) ]
+          ? [ vue.h('div', { key: 'content', style: transitionStyle.value }, hSlot(slots.default)) ]
           : void 0
       }
 
@@ -26837,14 +26854,14 @@
       function onControlPopupShow (e) {
         e !== void 0 && stop(e);
         emit('popup-show', e);
-        state.hasPopupOpen.value = true;
+        state.hasPopupOpen = true;
         state.onControlFocusin(e);
       }
 
       function onControlPopupHide (e) {
         e !== void 0 && stop(e);
         emit('popup-hide', e);
-        state.hasPopupOpen.value = false;
+        state.hasPopupOpen = false;
         state.onControlFocusout(e);
       }
 
@@ -26916,6 +26933,10 @@
           ) {
             return hasDialog === true ? getDialog() : getMenu()
           }
+          else if (state.hasPopupOpen === true) {
+            // explicitly set it otherwise TAB will not blur component
+            state.hasPopupOpen = false;
+          }
         },
 
         controlEvents: {
@@ -38787,7 +38808,7 @@
   });
 
   var index_umd = {
-    version: '2.3.0',
+    version: '2.3.1',
     install (app, opts) {
       installQuasar(app, {
         components,