quasar 2.13.0 → 2.14.0

package/dist/quasar.esm.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.13.0
+ * Quasar Framework v2.14.0
  * (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.13.0' };
+    const $q = { version: '2.14.0' };
 
     if (globalConfigIsFrozen === false) {
       if (opts.config !== void 0) {
@@ -14094,17 +14094,17 @@ var QDate = createComponent({
 
     function updateViewModel (year, month, time) {
       if (minNav.value !== null && year <= minNav.value.year) {
-        year = minNav.value.year;
-        if (month < minNav.value.month) {
+        if (month < minNav.value.month || year < minNav.value.year) {
           month = minNav.value.month;
         }
+        year = minNav.value.year;
       }
 
       if (maxNav.value !== null && year >= maxNav.value.year) {
-        year = maxNav.value.year;
-        if (month > maxNav.value.month) {
+        if (month > maxNav.value.month || year > maxNav.value.year) {
           month = maxNav.value.month;
         }
+        year = maxNav.value.year;
       }
 
       if (time !== void 0) {
@@ -16741,7 +16741,7 @@ var QItem = createComponent({
     }
 
     function onKeyup (e) {
-      if (isClickable.value === true && isKeyCode(e, 13) === true) {
+      if (isClickable.value === true && isKeyCode(e, [ 13, 32 ]) === true) {
         stopAndPrevent(e);
 
         // for ripple
@@ -18918,8 +18918,10 @@ function useValidate (focused, innerLoading) {
   }
 }
 
-function getTargetUid (val) {
-  return val === void 0 ? `f_${ uid$3() }` : val
+function getTargetUid (val, requiredForAttr) {
+  return val === void 0
+    ? (requiredForAttr === true ? `f_${ uid$3() }` : void 0)
+    : val
 }
 
 function fieldValueIsFilled (val) {
@@ -18978,12 +18980,17 @@ const useFieldProps = {
 
 const useFieldEmits = [ 'update:modelValue', 'clear', 'focus', 'blur', 'popupShow', 'popupHide' ];
 
-function useFieldState () {
+function useFieldState ({ requiredForAttr = true, tagProp } = {}) {
   const { props, attrs, proxy, vnode } = getCurrentInstance();
 
   const isDark = useDark(props, proxy.$q);
 
   return {
+    requiredForAttr,
+    tag: tagProp === true
+      ? computed(() => props.tag)
+      : { value: 'label' },
+
     isDark,
 
     editable: computed(() =>
@@ -18995,7 +19002,9 @@ function useFieldState () {
     hasPopupOpen: false,
 
     splitAttrs: useSplitAttrs(attrs, vnode),
-    targetUid: ref(getTargetUid(props.for)),
+    targetUid: ref(
+      getTargetUid(props.for, requiredForAttr)
+    ),
 
     rootRef: ref(null),
     targetRef: ref(null),
@@ -19164,7 +19173,7 @@ function useField (state) {
   watch(() => props.for, val => {
     // don't transform targetUid into a computed
     // prop as it will break SSR
-    state.targetUid.value = getTargetUid(val);
+    state.targetUid.value = getTargetUid(val, state.requiredForAttr);
   });
 
   function focusHandler () {
@@ -19449,8 +19458,12 @@ function useField (state) {
   });
 
   onMounted(() => {
-    if (isRuntimeSsrPreHydration.value === true && props.for === void 0) {
-      state.targetUid.value = getTargetUid();
+    if (
+      isRuntimeSsrPreHydration.value === true
+      && state.requiredForAttr === true
+      && props.for === void 0
+    ) {
+      state.targetUid.value = `f_${ uid$3() }`; // getTargetUid(void 0, true)
     }
 
     props.autofocus === true && proxy.focus();
@@ -19472,7 +19485,7 @@ function useField (state) {
         }
       : attributes.value;
 
-    return h('label', {
+    return h(state.tag.value, {
       ref: state.rootRef,
       class: [
         classes.value,
@@ -19518,12 +19531,24 @@ var QField = createComponent({
 
   inheritAttrs: false,
 
-  props: useFieldProps,
+  props: {
+    ...useFieldProps,
+
+    tag: {
+      type: String,
+      default: 'label'
+    }
+  },
 
   emits: useFieldEmits,
 
   setup () {
-    return useField(useFieldState())
+    return useField(
+      useFieldState({
+        requiredForAttr: false,
+        tagProp: true
+      })
+    )
   }
 });
 
@@ -40813,7 +40838,7 @@ function runSequentialPromises (
  */
 
 const Quasar = {
-  version: '2.13.0',
+  version: '2.14.0',
   install: installQuasar,
   lang: Plugin$8,
   iconSet: Plugin$7