quasar 2.16.1 → 2.16.2

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.16.1
+ * Quasar Framework v2.16.2
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1356,7 +1356,7 @@
   }
   var install_quasar_default = false ? function(parentApp, opts = {}, ssrContext) {
     const $q = {
-      version: "2.16.1",
+      version: "2.16.2",
       config: opts.config || {}
     };
     Object.assign(ssrContext, {
@@ -1386,7 +1386,7 @@
       ssrContext
     });
   } : function(parentApp, opts = {}) {
-    const $q = { version: "2.16.1" };
+    const $q = { version: "2.16.2" };
     if (globalConfigIsFrozen === false) {
       if (opts.config !== void 0) {
         Object.assign(globalConfig, opts.config);
@@ -14457,7 +14457,7 @@
     maxlength: [Number, String]
   };
   var useFieldEmits = ["update:modelValue", "clear", "focus", "blur"];
-  function useFieldState({ requiredForAttr = true, tagProp } = {}) {
+  function useFieldState({ requiredForAttr = true, tagProp, changeEvent = false } = {}) {
     const { props: props4, proxy } = getCurrentInstance();
     const isDark = use_dark_default(props4, proxy.$q);
     const targetUid = use_id_default({
@@ -14466,6 +14466,7 @@
     });
     return {
       requiredForAttr,
+      changeEvent,
       tag: tagProp === true ? computed(() => props4.tag) : { value: "label" },
       isDark,
       editable: computed(
@@ -14644,6 +14645,7 @@
         state.inputRef.value.value = null;
       }
       emit("update:modelValue", null);
+      state.changeEvent === true && emit("change", null);
       emit("clear", props4.modelValue);
       nextTick(() => {
         const isDirty = isDirtyModel.value;
@@ -14651,6 +14653,9 @@
         isDirtyModel.value = isDirty;
       });
     }
+    function onClearableKeyup(evt) {
+      [13, 32].includes(evt.keyCode) && clearValue(evt);
+    }
     function getContent() {
       const node = [];
       slots.prepend !== void 0 && node.push(
@@ -14682,12 +14687,11 @@
           getInnerAppendNode("inner-clearable-append", [
             h(QIcon_default, {
               class: "q-field__focusable-action",
-              tag: "button",
               name: props4.clearIcon || $q.iconSet.field.clear,
               tabindex: 0,
-              type: "button",
-              "aria-hidden": null,
-              role: null,
+              role: "button",
+              "aria-label": $q.lang.label.clear,
+              onKeyup: onClearableKeyup,
               onClick: clearValue
             })
           ])
@@ -14856,10 +14860,7 @@
     emits: useFieldEmits,
     setup() {
       return use_field_default(
-        useFieldState({
-          requiredForAttr: false,
-          tagProp: true
-        })
+        useFieldState({ tagProp: true })
       );
     }
   });
@@ -16616,7 +16617,7 @@
       ...useMaskProps,
       ...useFormProps,
       // override of useFieldProps > modelValue
-      modelValue: [String, Number],
+      modelValue: false ? {} : [String, Number, FileList],
       shadowText: String,
       type: {
         type: String,
@@ -16658,7 +16659,7 @@
       );
       const hasValue = computed(() => fieldValueIsFilled(innerValue.value));
       const onComposition = use_key_composition_default(onInput);
-      const state = useFieldState();
+      const state = useFieldState({ changeEvent: true });
       const isTextarea = computed(
         () => props4.type === "textarea" || props4.autogrow === true
       );
@@ -31342,7 +31343,7 @@
     console.error("[ Quasar ] Vue is required to run. Please add a script tag for it before loading Quasar.");
   }
   window.Quasar = {
-    version: "2.16.1",
+    version: "2.16.2",
     install(app2, opts) {
       install_quasar_default(app2, {
         components: components_exports,