quasar 2.15.4 → 2.16.1

package/dist/quasar.umd.js

@@ -1,269 +1,15 @@
 /*!
- * Quasar Framework v2.15.4
+ * Quasar Framework v2.16.1
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
 
 (() => {
-  var __create = Object.create;
   var __defProp = Object.defineProperty;
-  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-  var __getOwnPropNames = Object.getOwnPropertyNames;
-  var __getProtoOf = Object.getPrototypeOf;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __commonJS = (cb, mod2) => function __require() {
-    return mod2 || (0, cb[__getOwnPropNames(cb)[0]])((mod2 = { exports: {} }).exports, mod2), mod2.exports;
-  };
   var __export = (target2, all) => {
     for (var name2 in all)
       __defProp(target2, name2, { get: all[name2], enumerable: true });
   };
-  var __copyProps = (to, from, except, desc) => {
-    if (from && typeof from === "object" || typeof from === "function") {
-      for (let key of __getOwnPropNames(from))
-        if (!__hasOwnProp.call(to, key) && key !== except)
-          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-    }
-    return to;
-  };
-  var __toESM = (mod2, isNodeMode, target2) => (target2 = mod2 != null ? __create(__getProtoOf(mod2)) : {}, __copyProps(
-    // If the importer is in node compatibility mode or this is not an ESM
-    // file that has been converted to a CommonJS file using a Babel-
-    // compatible transform (i.e. "__esModule" has not been set), then set
-    // "default" to the CommonJS "module.exports" for node compatibility.
-    isNodeMode || !mod2 || !mod2.__esModule ? __defProp(target2, "default", { value: mod2, enumerable: true }) : target2,
-    mod2
-  ));
-
-  // lang/en-US.js
-  var require_en_US = __commonJS({
-    "lang/en-US.js"(exports, module) {
-      module.exports = {
-        isoName: "en-US",
-        nativeName: "English (US)",
-        label: {
-          clear: "Clear",
-          ok: "OK",
-          cancel: "Cancel",
-          close: "Close",
-          set: "Set",
-          select: "Select",
-          reset: "Reset",
-          remove: "Remove",
-          update: "Update",
-          create: "Create",
-          search: "Search",
-          filter: "Filter",
-          refresh: "Refresh",
-          expand: (label) => label ? `Expand "${label}"` : "Expand",
-          collapse: (label) => label ? `Collapse "${label}"` : "Collapse"
-        },
-        date: {
-          days: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
-          daysShort: "Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),
-          months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
-          monthsShort: "Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),
-          firstDayOfWeek: 0,
-          // 0-6, 0 - Sunday, 1 Monday, ...
-          format24h: false,
-          pluralDay: "days"
-        },
-        table: {
-          noData: "No data available",
-          noResults: "No matching records found",
-          loading: "Loading...",
-          selectedRecords: (rows) => rows === 1 ? "1 record selected." : (rows === 0 ? "No" : rows) + " records selected.",
-          recordsPerPage: "Records per page:",
-          allRows: "All",
-          pagination: (start, end, total) => start + "-" + end + " of " + total,
-          columns: "Columns"
-        },
-        editor: {
-          url: "URL",
-          bold: "Bold",
-          italic: "Italic",
-          strikethrough: "Strikethrough",
-          underline: "Underline",
-          unorderedList: "Unordered List",
-          orderedList: "Ordered List",
-          subscript: "Subscript",
-          superscript: "Superscript",
-          hyperlink: "Hyperlink",
-          toggleFullscreen: "Toggle Fullscreen",
-          quote: "Quote",
-          left: "Left align",
-          center: "Center align",
-          right: "Right align",
-          justify: "Justify align",
-          print: "Print",
-          outdent: "Decrease indentation",
-          indent: "Increase indentation",
-          removeFormat: "Remove formatting",
-          formatting: "Formatting",
-          fontSize: "Font Size",
-          align: "Align",
-          hr: "Insert Horizontal Rule",
-          undo: "Undo",
-          redo: "Redo",
-          heading1: "Heading 1",
-          heading2: "Heading 2",
-          heading3: "Heading 3",
-          heading4: "Heading 4",
-          heading5: "Heading 5",
-          heading6: "Heading 6",
-          paragraph: "Paragraph",
-          code: "Code",
-          size1: "Very small",
-          size2: "A bit small",
-          size3: "Normal",
-          size4: "Medium-large",
-          size5: "Big",
-          size6: "Very big",
-          size7: "Maximum",
-          defaultFont: "Default Font",
-          viewSource: "View Source"
-        },
-        tree: {
-          noNodes: "No nodes available",
-          noResults: "No matching nodes found"
-        }
-      };
-    }
-  });
-
-  // icon-set/material-icons.js
-  var require_material_icons = __commonJS({
-    "icon-set/material-icons.js"(exports, module) {
-      module.exports = {
-        name: "material-icons",
-        type: {
-          positive: "check_circle",
-          negative: "warning",
-          info: "info",
-          warning: "priority_high"
-        },
-        arrow: {
-          up: "arrow_upward",
-          right: "arrow_forward",
-          down: "arrow_downward",
-          left: "arrow_back",
-          dropdown: "arrow_drop_down"
-        },
-        chevron: {
-          left: "chevron_left",
-          right: "chevron_right"
-        },
-        colorPicker: {
-          spectrum: "gradient",
-          tune: "tune",
-          palette: "style"
-        },
-        pullToRefresh: {
-          icon: "refresh"
-        },
-        carousel: {
-          left: "chevron_left",
-          right: "chevron_right",
-          up: "keyboard_arrow_up",
-          down: "keyboard_arrow_down",
-          navigationIcon: "lens"
-        },
-        chip: {
-          remove: "cancel",
-          selected: "check"
-        },
-        datetime: {
-          arrowLeft: "chevron_left",
-          arrowRight: "chevron_right",
-          now: "access_time",
-          today: "today"
-        },
-        editor: {
-          bold: "format_bold",
-          italic: "format_italic",
-          strikethrough: "strikethrough_s",
-          underline: "format_underlined",
-          unorderedList: "format_list_bulleted",
-          orderedList: "format_list_numbered",
-          subscript: "vertical_align_bottom",
-          superscript: "vertical_align_top",
-          hyperlink: "link",
-          toggleFullscreen: "fullscreen",
-          quote: "format_quote",
-          left: "format_align_left",
-          center: "format_align_center",
-          right: "format_align_right",
-          justify: "format_align_justify",
-          print: "print",
-          outdent: "format_indent_decrease",
-          indent: "format_indent_increase",
-          removeFormat: "format_clear",
-          formatting: "text_format",
-          fontSize: "format_size",
-          align: "format_align_left",
-          hr: "remove",
-          undo: "undo",
-          redo: "redo",
-          heading: "format_size",
-          code: "code",
-          size: "format_size",
-          font: "font_download",
-          viewSource: "code"
-        },
-        expansionItem: {
-          icon: "keyboard_arrow_down",
-          denseIcon: "arrow_drop_down"
-        },
-        fab: {
-          icon: "add",
-          activeIcon: "close"
-        },
-        field: {
-          clear: "cancel",
-          error: "error"
-        },
-        pagination: {
-          first: "first_page",
-          prev: "keyboard_arrow_left",
-          next: "keyboard_arrow_right",
-          last: "last_page"
-        },
-        rating: {
-          icon: "grade"
-        },
-        stepper: {
-          done: "check",
-          active: "edit",
-          error: "warning"
-        },
-        tabs: {
-          left: "chevron_left",
-          right: "chevron_right",
-          up: "keyboard_arrow_up",
-          down: "keyboard_arrow_down"
-        },
-        table: {
-          arrowUp: "arrow_upward",
-          warning: "warning",
-          firstPage: "first_page",
-          prevPage: "chevron_left",
-          nextPage: "chevron_right",
-          lastPage: "last_page"
-        },
-        tree: {
-          icon: "play_arrow"
-        },
-        uploader: {
-          done: "done",
-          clear: "clear",
-          add: "add_box",
-          upload: "cloud_upload",
-          removeQueue: "clear_all",
-          removeUploaded: "done_all"
-        }
-      };
-    }
-  });
 
   // Search for vueNamedImportsCode in /ui/build :vue
   var { h, ref, computed, watch, isRef, toRaw, unref, reactive, shallowReactive, nextTick, onActivated, onDeactivated, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, onBeforeUpdate, onUpdated, inject, provide, getCurrentInstance, markRaw, Transition, TransitionGroup, KeepAlive, Teleport, useSSRContext, withDirectives, vShow, defineComponent, createApp } = window.Vue;
@@ -1065,8 +811,99 @@
     }
   };
 
+  // lang/en-US.js
+  var en_US_default = {
+    isoName: "en-US",
+    nativeName: "English (US)",
+    label: {
+      clear: "Clear",
+      ok: "OK",
+      cancel: "Cancel",
+      close: "Close",
+      set: "Set",
+      select: "Select",
+      reset: "Reset",
+      remove: "Remove",
+      update: "Update",
+      create: "Create",
+      search: "Search",
+      filter: "Filter",
+      refresh: "Refresh",
+      expand: (label) => label ? `Expand "${label}"` : "Expand",
+      collapse: (label) => label ? `Collapse "${label}"` : "Collapse"
+    },
+    date: {
+      days: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
+      daysShort: "Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),
+      months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
+      monthsShort: "Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),
+      firstDayOfWeek: 0,
+      // 0-6, 0 - Sunday, 1 Monday, ...
+      format24h: false,
+      pluralDay: "days"
+    },
+    table: {
+      noData: "No data available",
+      noResults: "No matching records found",
+      loading: "Loading...",
+      selectedRecords: (rows) => rows === 1 ? "1 record selected." : (rows === 0 ? "No" : rows) + " records selected.",
+      recordsPerPage: "Records per page:",
+      allRows: "All",
+      pagination: (start, end, total) => start + "-" + end + " of " + total,
+      columns: "Columns"
+    },
+    editor: {
+      url: "URL",
+      bold: "Bold",
+      italic: "Italic",
+      strikethrough: "Strikethrough",
+      underline: "Underline",
+      unorderedList: "Unordered List",
+      orderedList: "Ordered List",
+      subscript: "Subscript",
+      superscript: "Superscript",
+      hyperlink: "Hyperlink",
+      toggleFullscreen: "Toggle Fullscreen",
+      quote: "Quote",
+      left: "Left align",
+      center: "Center align",
+      right: "Right align",
+      justify: "Justify align",
+      print: "Print",
+      outdent: "Decrease indentation",
+      indent: "Increase indentation",
+      removeFormat: "Remove formatting",
+      formatting: "Formatting",
+      fontSize: "Font Size",
+      align: "Align",
+      hr: "Insert Horizontal Rule",
+      undo: "Undo",
+      redo: "Redo",
+      heading1: "Heading 1",
+      heading2: "Heading 2",
+      heading3: "Heading 3",
+      heading4: "Heading 4",
+      heading5: "Heading 5",
+      heading6: "Heading 6",
+      paragraph: "Paragraph",
+      code: "Code",
+      size1: "Very small",
+      size2: "A bit small",
+      size3: "Normal",
+      size4: "Medium-large",
+      size5: "Big",
+      size6: "Very big",
+      size7: "Maximum",
+      defaultFont: "Default Font",
+      viewSource: "View Source"
+    },
+    tree: {
+      noNodes: "No nodes available",
+      noResults: "No matching nodes found"
+    }
+  };
+
   // src/plugins/lang/Lang.js
-  var import_en_US = __toESM(require_en_US());
   function getLocale() {
     if (false)
       return;
@@ -1081,7 +918,7 @@
     // props: object
     // __langConfig: object
     getLocale,
-    set(langObject = import_en_US.default, ssrContext) {
+    set(langObject = en_US_default, ssrContext) {
       const lang = {
         ...langObject,
         rtl: langObject.rtl === true,
@@ -1112,7 +949,7 @@
     },
     install({ $q, lang, ssrContext }) {
       if (false) {
-        const initialLang = lang || import_en_US.default;
+        const initialLang = lang || en_US_default;
         $q.lang = {};
         $q.lang.set = (langObject) => {
           this.set(langObject, ssrContext);
@@ -1135,15 +972,144 @@
               return Reflect.ownKeys(target2).filter((key) => key !== "set" && key !== "getLocale");
             }
           });
-          this.set(lang || import_en_US.default);
+          this.set(lang || en_US_default);
         }
       }
     }
   });
   var Lang_default = Plugin2;
 
+  // icon-set/material-icons.js
+  var material_icons_default = {
+    name: "material-icons",
+    type: {
+      positive: "check_circle",
+      negative: "warning",
+      info: "info",
+      warning: "priority_high"
+    },
+    arrow: {
+      up: "arrow_upward",
+      right: "arrow_forward",
+      down: "arrow_downward",
+      left: "arrow_back",
+      dropdown: "arrow_drop_down"
+    },
+    chevron: {
+      left: "chevron_left",
+      right: "chevron_right"
+    },
+    colorPicker: {
+      spectrum: "gradient",
+      tune: "tune",
+      palette: "style"
+    },
+    pullToRefresh: {
+      icon: "refresh"
+    },
+    carousel: {
+      left: "chevron_left",
+      right: "chevron_right",
+      up: "keyboard_arrow_up",
+      down: "keyboard_arrow_down",
+      navigationIcon: "lens"
+    },
+    chip: {
+      remove: "cancel",
+      selected: "check"
+    },
+    datetime: {
+      arrowLeft: "chevron_left",
+      arrowRight: "chevron_right",
+      now: "access_time",
+      today: "today"
+    },
+    editor: {
+      bold: "format_bold",
+      italic: "format_italic",
+      strikethrough: "strikethrough_s",
+      underline: "format_underlined",
+      unorderedList: "format_list_bulleted",
+      orderedList: "format_list_numbered",
+      subscript: "vertical_align_bottom",
+      superscript: "vertical_align_top",
+      hyperlink: "link",
+      toggleFullscreen: "fullscreen",
+      quote: "format_quote",
+      left: "format_align_left",
+      center: "format_align_center",
+      right: "format_align_right",
+      justify: "format_align_justify",
+      print: "print",
+      outdent: "format_indent_decrease",
+      indent: "format_indent_increase",
+      removeFormat: "format_clear",
+      formatting: "text_format",
+      fontSize: "format_size",
+      align: "format_align_left",
+      hr: "remove",
+      undo: "undo",
+      redo: "redo",
+      heading: "format_size",
+      code: "code",
+      size: "format_size",
+      font: "font_download",
+      viewSource: "code"
+    },
+    expansionItem: {
+      icon: "keyboard_arrow_down",
+      denseIcon: "arrow_drop_down"
+    },
+    fab: {
+      icon: "add",
+      activeIcon: "close"
+    },
+    field: {
+      clear: "cancel",
+      error: "error"
+    },
+    pagination: {
+      first: "first_page",
+      prev: "keyboard_arrow_left",
+      next: "keyboard_arrow_right",
+      last: "last_page"
+    },
+    rating: {
+      icon: "grade"
+    },
+    stepper: {
+      done: "check",
+      active: "edit",
+      error: "warning"
+    },
+    tabs: {
+      left: "chevron_left",
+      right: "chevron_right",
+      up: "keyboard_arrow_up",
+      down: "keyboard_arrow_down"
+    },
+    table: {
+      arrowUp: "arrow_upward",
+      warning: "warning",
+      firstPage: "first_page",
+      prevPage: "chevron_left",
+      nextPage: "chevron_right",
+      lastPage: "last_page"
+    },
+    tree: {
+      icon: "play_arrow"
+    },
+    uploader: {
+      done: "done",
+      clear: "clear",
+      add: "add_box",
+      upload: "cloud_upload",
+      removeQueue: "clear_all",
+      removeUploaded: "done_all"
+    }
+  };
+
   // src/plugins/icon-set/IconSet.js
-  var import_material_icons = __toESM(require_material_icons());
   var Plugin3 = createReactivePlugin({
     iconMapFn: null,
     __qIconSet: {}
@@ -1165,7 +1131,7 @@
     },
     install({ $q, iconSet, ssrContext }) {
       if (false) {
-        const initialSet = iconSet || import_material_icons.default;
+        const initialSet = iconSet || material_icons_default;
         $q.iconMapFn = ssrContext.$q.config.iconMapFn || this.iconMapFn || null;
         $q.iconSet = {};
         $q.iconSet.set = (setObject) => {
@@ -1194,7 +1160,7 @@
               return Reflect.ownKeys(target2).filter((key) => key !== "set");
             }
           });
-          this.set(iconSet || import_material_icons.default);
+          this.set(iconSet || material_icons_default);
         }
       }
     }
@@ -1214,7 +1180,7 @@
   function emptyRenderFn() {
   }
 
-  // src/utils/private.global/global-config.js
+  // src/utils/private.config/instance-config.js
   var globalConfig = {};
   var globalConfigIsFrozen = false;
   function freezeGlobalConfig() {
@@ -1390,7 +1356,7 @@
   }
   var install_quasar_default = false ? function(parentApp, opts = {}, ssrContext) {
     const $q = {
-      version: "2.15.4",
+      version: "2.16.1",
       config: opts.config || {}
     };
     Object.assign(ssrContext, {
@@ -1420,7 +1386,7 @@
       ssrContext
     });
   } : function(parentApp, opts = {}) {
-    const $q = { version: "2.15.4" };
+    const $q = { version: "2.16.1" };
     if (globalConfigIsFrozen === false) {
       if (opts.config !== void 0) {
         Object.assign(globalConfig, opts.config);
@@ -2343,10 +2309,19 @@
     }
     return true;
   }
-  var useRouterLinkProps = {
+  var useRouterLinkNonMatchingProps = {
     // router-link
     to: [String, Object],
     replace: Boolean,
+    // regular <a> link
+    href: String,
+    target: String,
+    // state
+    disable: Boolean
+  };
+  var useRouterLinkProps = {
+    ...useRouterLinkNonMatchingProps,
+    // router-link
     exact: Boolean,
     activeClass: {
       type: String,
@@ -2355,12 +2330,7 @@
     exactActiveClass: {
       type: String,
       default: "q-router-link--exact-active"
-    },
-    // regular <a> link
-    href: String,
-    target: String,
-    // state
-    disable: Boolean
+    }
   };
   function use_router_link_default({ fallbackTag, useDisableForRouterLinkProps = true } = {}) {
     const vm2 = getCurrentInstance();
@@ -2512,7 +2482,7 @@
   // src/components/spinner/use-spinner.js
   var useSpinnerProps = {
     size: {
-      type: [Number, String],
+      type: [String, Number],
       default: "1em"
     },
     color: String
@@ -2784,9 +2754,9 @@
     const design = getBtnDesign(props4);
     return design !== void 0 ? { [design]: true } : {};
   }
-  var useBtnProps = {
+  var nonRoundBtnProps = {
     ...useSizeProps,
-    ...useRouterLinkProps,
+    ...useRouterLinkNonMatchingProps,
     type: {
       type: String,
       default: "button"
@@ -2799,7 +2769,6 @@
       {}
     ),
     square: Boolean,
-    round: Boolean,
     rounded: Boolean,
     glossy: Boolean,
     size: String,
@@ -2828,6 +2797,10 @@
     },
     disable: Boolean
   };
+  var useBtnProps = {
+    ...nonRoundBtnProps,
+    round: Boolean
+  };
   function use_btn_default(props4) {
     const sizeStyle = use_size_default(props4, defaultSizes);
     const alignClass = use_align_default(props4);
@@ -3225,11 +3198,16 @@
   }
 
   // src/composables/private.use-anchor/use-anchor.js
-  var useAnchorProps = {
-    target: {
+  var useAnchorStaticProps = {
+    /* SSR does not know about Element */
+    target: false ? { default: true } : {
+      type: [Boolean, String, Element],
       default: true
     },
-    noParentEvent: Boolean,
+    noParentEvent: Boolean
+  };
+  var useAnchorProps = {
+    ...useAnchorStaticProps,
     contextMenu: Boolean
   };
   function use_anchor_default({
@@ -3577,7 +3555,7 @@
     queue = queue.filter((entry) => entry !== fn);
   }
 
-  // src/utils/private.global/global-nodes.js
+  // src/utils/private.config/nodes.js
   var nodesList = [];
   var portalTypeList = [];
   var portalIndex = 1;
@@ -3830,6 +3808,7 @@
   }
 
   // src/utils/scroll/scroll.js
+  var scrollTargetProp = false ? {} : [Element, String];
   var scrollTargets = false ? [] : [null, document, document.body, document.scrollingElement, document.documentElement];
   function getScrollTarget(el, targetEl) {
     let target2 = getElement(targetEl);
@@ -4373,9 +4352,7 @@
         type: Array,
         validator: validateOffset
       },
-      scrollTarget: {
-        default: void 0
-      },
+      scrollTarget: scrollTargetProp,
       touchPosition: Boolean,
       maxHeight: {
         type: String,
@@ -4661,7 +4638,7 @@
   }
 
   // src/components/btn-dropdown/QBtnDropdown.js
-  var btnPropsList = Object.keys(useBtnProps);
+  var btnPropsList = Object.keys(nonRoundBtnProps);
   function passBtnProps(props4) {
     return btnPropsList.reduce((acc, key) => {
       const val = props4[key];
@@ -4674,7 +4651,7 @@
   var QBtnDropdown_default = createComponent({
     name: "QBtnDropdown",
     props: {
-      ...useBtnProps,
+      ...nonRoundBtnProps,
       ...useTransitionProps,
       modelValue: Boolean,
       split: Boolean,
@@ -5647,6 +5624,9 @@
       const { inFullscreen } = use_fullscreen_default();
       const style2 = computed(() => inFullscreen.value !== true && props4.height !== void 0 ? { height: props4.height } : {});
       const direction = computed(() => props4.vertical === true ? "vertical" : "horizontal");
+      const navigationPosition = computed(
+        () => props4.navigationPosition || (props4.vertical === true ? "right" : "bottom")
+      );
       const classes = computed(
         () => `q-carousel q-panel-parent q-carousel--with${props4.padding === true ? "" : "out"}-padding` + (inFullscreen.value === true ? " fullscreen" : "") + (isDark.value === true ? " q-carousel--dark q-dark" : "") + (props4.arrows === true ? ` q-carousel--arrows-${direction.value}` : "") + (props4.navigation === true ? ` q-carousel--navigation-${navigationPosition.value}` : "")
       );
@@ -5659,9 +5639,6 @@
       });
       const navIcon = computed(() => props4.navigationIcon || $q.iconSet.carousel.navigationIcon);
       const navActiveIcon = computed(() => props4.navigationActiveIcon || navIcon.value);
-      const navigationPosition = computed(
-        () => props4.navigationPosition || (props4.vertical === true ? "right" : "bottom")
-      );
       const controlProps = computed(() => ({
         color: props4.controlColor,
         textColor: props4.controlTextColor,
@@ -6840,7 +6817,6 @@
     snap: Boolean,
     vertical: Boolean,
     reverse: Boolean,
-    hideSelection: Boolean,
     color: String,
     markerLabelsClass: String,
     label: Boolean,
@@ -9332,9 +9308,7 @@
   // src/components/date/use-datetime.js
   var calendars = ["gregorian", "persian"];
   var useDatetimeProps = {
-    modelValue: {
-      required: true
-    },
+    // should define modelValue in the target component
     mask: {
       type: String
     },
@@ -9533,7 +9507,7 @@
     return res;
   }
   function getDateLocale(paramDateLocale, langProps) {
-    return paramDateLocale !== void 0 ? paramDateLocale : langProps !== void 0 ? langProps.date : import_en_US.default.date;
+    return paramDateLocale !== void 0 ? paramDateLocale : langProps !== void 0 ? langProps.date : en_US_default.date;
   }
   function formatTimezone(offset2, delimeter = "") {
     const sign = offset2 > 0 ? "-" : "+", absOffset = Math.abs(offset2), hours = Math.floor(absOffset / 60), minutes = absOffset % 60;
@@ -10160,11 +10134,16 @@
       ...useDatetimeProps,
       ...useFormProps,
       ...useDarkProps,
+      modelValue: {
+        required: true,
+        validator: (val) => typeof val === "string" || Array.isArray(val) === true || Object(val) === val || val === null
+      },
       multiple: Boolean,
       range: Boolean,
       title: String,
       subtitle: String,
       mask: {
+        ...useDatetimeProps.mask,
         // this mask is forced
         // when using persian calendar
         default: "YYYY/MM/DD"
@@ -10219,7 +10198,7 @@
       const today = computed(() => getCurrentDate());
       const viewModel = ref(getViewModel(innerMask.value, innerLocale.value));
       const view = ref(props4.defaultView);
-      const direction = $q.lang.rtl === true ? "right" : "left";
+      const direction = computed(() => $q.lang.rtl === true ? "right" : "left");
       const monthDirection = ref(direction.value);
       const yearDirection = ref(direction.value);
       const year = viewModel.value.year;
@@ -10798,7 +10777,7 @@
         }
         const newHash = year2 + "/" + pad(month) + "/01";
         if (newHash !== viewModel.value.dateHash) {
-          monthDirection.value = viewModel.value.dateHash < newHash === ($q.lang.rtl !== true) ? "left" : "right";
+          monthDirection.value = viewModel.value.dateHash < newHash === direction.value;
           if (year2 !== viewModel.value.year) {
             yearDirection.value = monthDirection.value;
           }
@@ -11480,7 +11459,7 @@
       position: {
         type: String,
         default: "standard",
-        validator: (val) => val === "standard" || ["top", "bottom", "left", "right"].includes(val)
+        validator: (val) => ["standard", "top", "bottom", "left", "right"].includes(val)
       }
     },
     emits: [
@@ -12501,7 +12480,7 @@
     name: "QTooltip",
     inheritAttrs: false,
     props: {
-      ...useAnchorProps,
+      ...useAnchorStaticProps,
       ...useModelToggleProps,
       ...useTransitionProps,
       maxHeight: {
@@ -12513,9 +12492,11 @@
         default: null
       },
       transitionShow: {
+        ...useTransitionProps.transitionShow,
         default: "jump-down"
       },
       transitionHide: {
+        ...useTransitionProps.transitionHide,
         default: "jump-up"
       },
       anchor: {
@@ -12533,9 +12514,7 @@
         default: () => [14, 14],
         validator: validateOffset
       },
-      scrollTarget: {
-        default: void 0
-      },
+      scrollTarget: scrollTargetProp,
       delay: {
         type: Number,
         default: 0
@@ -13169,13 +13148,8 @@
       toolbar: {
         type: Array,
         validator: (v) => v.length === 0 || v.every((group) => group.length),
-        default() {
-          return [
-            ["left", "center", "right", "justify"],
-            ["bold", "italic", "underline", "strike"],
-            ["undo", "redo"]
-          ];
-        }
+        // long line on purpose for API validation purposes:
+        default: () => [["left", "center", "right", "justify"], ["bold", "italic", "underline", "strike"], ["undo", "redo"]]
       },
       toolbarColor: String,
       toolbarBg: String,
@@ -13203,9 +13177,6 @@
       "update:modelValue",
       "keydown",
       "click",
-      "mouseup",
-      "keyup",
-      "touchend",
       "focus",
       "blur",
       "dropdownShow",
@@ -13770,7 +13741,7 @@
       expandIcon: String,
       expandedIcon: String,
       expandIconClass: [Array, String, Object],
-      duration: Number,
+      duration: {},
       headerInsetLevel: Number,
       contentInsetLevel: Number,
       expandSeparator: Boolean,
@@ -14104,6 +14075,7 @@
       activeIcon: String,
       hideIcon: Boolean,
       hideLabel: {
+        ...useFabProps.hideLabel,
         default: null
       },
       direction: {
@@ -14448,7 +14420,7 @@
   function fieldValueIsFilled(val) {
     return val !== void 0 && val !== null && ("" + val).length !== 0;
   }
-  var useFieldProps = {
+  var useNonInputFieldProps = {
     ...useDarkProps,
     ...useValidateProps,
     label: String,
@@ -14478,10 +14450,13 @@
     disable: Boolean,
     readonly: Boolean,
     autofocus: Boolean,
-    for: String,
+    for: String
+  };
+  var useFieldProps = {
+    ...useNonInputFieldProps,
     maxlength: [Number, String]
   };
-  var useFieldEmits = ["update:modelValue", "clear", "focus", "blur", "popupShow", "popupHide"];
+  var useFieldEmits = ["update:modelValue", "clear", "focus", "blur"];
   function useFieldState({ requiredForAttr = true, tagProp } = {}) {
     const { props: props4, proxy } = getCurrentInstance();
     const isDark = use_dark_default(props4, proxy.$q);
@@ -15098,7 +15073,7 @@
     name: "QFile",
     inheritAttrs: false,
     props: {
-      ...useFieldProps,
+      ...useNonInputFieldProps,
       ...useFormProps,
       ...useFileProps,
       /* SSR does not know about File & FileList */
@@ -15458,7 +15433,7 @@
         const focus2 = typeof shouldFocus === "boolean" ? shouldFocus : props4.noErrorFocus !== true;
         const index = ++validateIndex;
         const emitEvent = (res, ref2) => {
-          emit("validation" + (res === true ? "Success" : "Error"), ref2);
+          emit(`validation${res === true ? "Success" : "Error"}`, ref2);
         };
         const validateComponent = (comp) => {
           const valid = comp.validate();
@@ -16010,10 +15985,11 @@
         type: [String, Number],
         default: 100
       },
-      scrollTarget: {
-        default: void 0
+      scrollTarget: scrollTargetProp,
+      initialIndex: {
+        type: Number,
+        default: 0
       },
-      initialIndex: Number,
       disable: Boolean,
       reverse: Boolean
     },
@@ -16023,7 +15999,7 @@
       const isWorking = ref(true);
       const rootRef = ref(null);
       const loadingRef = ref(null);
-      let index = props4.initialIndex || 0;
+      let index = props4.initialIndex;
       let localScrollTarget, poll;
       const classes = computed(
         () => "q-infinite-scroll__loading" + (isFetching.value === true ? "" : " invisible")
@@ -16201,7 +16177,7 @@
       color: String,
       size: {
         type: [String, Number],
-        default: 42
+        default: "42px"
       },
       label: String,
       labelClass: String,
@@ -16639,7 +16615,8 @@
       ...useFieldProps,
       ...useMaskProps,
       ...useFormProps,
-      modelValue: { required: false },
+      // override of useFieldProps > modelValue
+      modelValue: [String, Number],
       shadowText: String,
       type: {
         type: String,
@@ -17315,9 +17292,7 @@
         default: "vertical"
       },
       debounce: [String, Number],
-      scrollTarget: {
-        default: void 0
-      }
+      scrollTarget: scrollTargetProp
     },
     emits: ["scroll"],
     setup(props4, { emit }) {
@@ -17832,6 +17807,7 @@
       },
       name: String,
       type: {
+        type: String,
         default: "radio",
         validator: (v) => typeValues.includes(v)
       },
@@ -18086,6 +18062,7 @@
         default: 300
       },
       offset: {
+        ...usePageStickyProps.offset,
         default: () => [18, 18]
       }
     },
@@ -18561,9 +18538,7 @@
         default: 1,
         validator: (v) => v >= 0 && v <= 1
       },
-      scrollTarget: {
-        default: void 0
-      },
+      scrollTarget: scrollTargetProp,
       onScroll: Function
     },
     setup(props4, { slots, emit }) {
@@ -19045,9 +19020,7 @@
       icon: String,
       noMouse: Boolean,
       disable: Boolean,
-      scrollTarget: {
-        default: void 0
-      }
+      scrollTarget: scrollTargetProp
     },
     emits: ["refresh"],
     setup(props4, { slots, emit }) {
@@ -20199,7 +20172,7 @@
   var commonVirtScrollProps = {
     virtualScrollSliceSize: {
       type: [Number, String],
-      default: null
+      default: 10
     },
     virtualScrollSliceRatioBefore: {
       type: [Number, String],
@@ -20223,7 +20196,7 @@
     },
     tableColspan: [Number, String]
   };
-  var commonVirtPropsList = Object.keys(commonVirtScrollProps);
+  var commonVirtScrollPropsList = Object.keys(commonVirtScrollProps);
   var useVirtualScrollProps = {
     virtualScrollHorizontal: Boolean,
     onVirtualScroll: Function,
@@ -20620,6 +20593,7 @@
       ...useVirtualScrollProps,
       ...useFormProps,
       ...useFieldProps,
+      // override of useFieldProps > modelValue
       modelValue: {
         required: true
       },
@@ -20672,18 +20646,16 @@
         default: 0
       },
       autocomplete: String,
-      transitionShow: String,
-      transitionHide: String,
-      transitionDuration: [String, Number],
+      transitionShow: {},
+      transitionHide: {},
+      transitionDuration: {},
       behavior: {
         type: String,
         validator: (v) => ["default", "menu", "dialog"].includes(v),
         default: "default"
       },
-      virtualScrollItemSize: {
-        type: [Number, String],
-        default: void 0
-      },
+      // override of useVirtualScrollProps > virtualScrollItemSize (no default)
+      virtualScrollItemSize: useVirtualScrollProps.virtualScrollItemSize.type,
       onNewValue: Function,
       onFilter: Function
     },
@@ -20695,6 +20667,8 @@
       "keyup",
       "keypress",
       "keydown",
+      "popupShow",
+      "popupHide",
       "filterAbort"
     ],
     setup(props4, { slots, emit }) {
@@ -24416,9 +24390,7 @@
       },
       itemsFn: Function,
       itemsSize: Number,
-      scrollTarget: {
-        default: void 0
-      }
+      scrollTarget: scrollTargetProp
     },
     setup(props4, { slots, attrs }) {
       let localScrollTarget;
@@ -24955,9 +24927,9 @@
 
   // src/components/table/QTable.js
   var bottomClass = "q-table__bottom row items-center";
-  var commonVirtPropsObj = {};
-  commonVirtPropsList.forEach((p) => {
-    commonVirtPropsObj[p] = {};
+  var virtScrollPassthroughProps = {};
+  commonVirtScrollPropsList.forEach((p) => {
+    virtScrollPassthroughProps[p] = {};
   });
   var QTable_default = createComponent({
     name: "QTable",
@@ -24991,10 +24963,8 @@
       },
       wrapCells: Boolean,
       virtualScroll: Boolean,
-      virtualScrollTarget: {
-        default: void 0
-      },
-      ...commonVirtPropsObj,
+      virtualScrollTarget: {},
+      ...virtScrollPassthroughProps,
       noDataLabel: String,
       noResultsLabel: String,
       loadingLabel: String,
@@ -25135,7 +25105,7 @@
       const nothingToDisplay = computed(() => computedRows.value.length === 0);
       const virtProps = computed(() => {
         const acc = {};
-        commonVirtPropsList.forEach((p) => {
+        commonVirtScrollPropsList.forEach((p) => {
           acc[p] = props4[p];
         });
         if (acc.virtualScrollItemSize === void 0) {
@@ -25837,7 +25807,12 @@
       ...useDarkProps,
       ...useFormProps,
       ...useDatetimeProps,
+      modelValue: {
+        required: true,
+        validator: (val) => typeof val === "string" || val === null
+      },
       mask: {
+        ...useDatetimeProps.mask,
         default: null
       },
       format24h: {
@@ -26625,7 +26600,7 @@
       accordion: Boolean,
       filter: String,
       filterMethod: Function,
-      duration: Number,
+      duration: {},
       noConnectors: Boolean,
       noTransition: Boolean,
       noNodesLabel: String,
@@ -27520,9 +27495,7 @@
     },
     fieldName: {
       type: [Function, String],
-      default: () => {
-        return (file) => file.name;
-      }
+      default: () => (file) => file.name
     },
     headers: [Function, Array],
     formFields: [Function, Array],
@@ -29539,7 +29512,7 @@
     }
   });
 
-  // src/utils/private.global/global-dialog.js
+  // src/utils/private.dialog/create-dialog.js
   function merge(target2, source) {
     for (const key in source) {
       if (key !== "spinner" && Object(source[key]) === source[key]) {
@@ -29550,7 +29523,7 @@
       }
     }
   }
-  function global_dialog_default(DefaultComponent, supportsCustomComponent, parentApp) {
+  function create_dialog_default(DefaultComponent, supportsCustomComponent, parentApp) {
     return (pluginProps) => {
       if (false) {
         return ssrAPI;
@@ -29662,7 +29635,7 @@
   // src/plugins/bottom-sheet/BottomSheet.js
   var BottomSheet_default = {
     install({ $q, parentApp }) {
-      $q.bottomSheet = this.create = global_dialog_default(BottomSheetComponent_default, false, parentApp);
+      $q.bottomSheet = this.create = create_dialog_default(BottomSheetComponent_default, false, parentApp);
     }
   };
 
@@ -30036,7 +30009,7 @@
   // src/plugins/dialog/Dialog.js
   var Dialog_default = {
     install({ $q, parentApp }) {
-      $q.dialog = this.create = global_dialog_default(DialogPluginComponent_default, true, parentApp);
+      $q.dialog = this.create = create_dialog_default(DialogPluginComponent_default, true, parentApp);
     }
   };
 
@@ -31369,7 +31342,7 @@
     console.error("[ Quasar ] Vue is required to run. Please add a script tag for it before loading Quasar.");
   }
   window.Quasar = {
-    version: "2.15.4",
+    version: "2.16.1",
     install(app2, opts) {
       install_quasar_default(app2, {
         components: components_exports,