quasar 2.15.3 → 2.16.0

package/dist/{quasar.esm.js → quasar.client.js}

@@ -1,264 +1,9 @@
 /*!
- * Quasar Framework v2.15.3
+ * Quasar Framework v2.16.0
  * (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 __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"
-      }
-    };
-  }
-});
 
 // src/install-quasar.js
 import { createApp } from "vue";
@@ -328,7 +73,8 @@ function getPlatform(UA) {
   } else if (browser.fxios) {
     browser.firefox = true;
     matched.browser = "firefox";
-  } else if (browser.ipod || browser.ipad || browser.iphone) {
+  }
+  if (browser.ipod || browser.ipad || browser.iphone) {
     browser.ios = true;
   }
   if (browser.vivaldi) {
@@ -1063,8 +809,99 @@ var History_default = {
   }
 };
 
+// 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;
@@ -1079,7 +916,7 @@ var Plugin2 = createReactivePlugin({
   // 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,
@@ -1110,7 +947,7 @@ var Plugin2 = createReactivePlugin({
   },
   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);
@@ -1133,15 +970,144 @@ var Plugin2 = createReactivePlugin({
             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: {}
@@ -1163,7 +1129,7 @@ var Plugin3 = createReactivePlugin({
   },
   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) => {
@@ -1192,7 +1158,7 @@ var Plugin3 = createReactivePlugin({
             return Reflect.ownKeys(target2).filter((key) => key !== "set");
           }
         });
-        this.set(iconSet || import_material_icons.default);
+        this.set(iconSet || material_icons_default);
       }
     }
   }
@@ -1212,7 +1178,7 @@ var uploaderKey = "_q_u_";
 function emptyRenderFn() {
 }
 
-// src/utils/private.global/global-config.js
+// src/utils/private.config/instance-config.js
 var globalConfig = {};
 var globalConfigIsFrozen = false;
 function freezeGlobalConfig() {
@@ -1388,7 +1354,7 @@ function prepareApp(app2, uiOpts, pluginOpts) {
 }
 var install_quasar_default = false ? function(parentApp, opts = {}, ssrContext) {
   const $q = {
-    version: "2.15.3",
+    version: "2.16.0",
     config: opts.config || {}
   };
   Object.assign(ssrContext, {
@@ -1418,7 +1384,7 @@ var install_quasar_default = false ? function(parentApp, opts = {}, ssrContext)
     ssrContext
   });
 } : function(parentApp, opts = {}) {
-  const $q = { version: "2.15.3" };
+  const $q = { version: "2.16.0" };
   if (globalConfigIsFrozen === false) {
     if (opts.config !== void 0) {
       Object.assign(globalConfig, opts.config);
@@ -2238,10 +2204,19 @@ function isSameRouteLocationParams(a, b) {
   }
   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,
@@ -2250,12 +2225,7 @@ var useRouterLinkProps = {
   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 = getCurrentInstance5();
@@ -2414,7 +2384,7 @@ import { h as h10 } from "vue";
 import { computed as computed13 } from "vue";
 var useSpinnerProps = {
   size: {
-    type: [Number, String],
+    type: [String, Number],
     default: "1em"
   },
   color: String
@@ -2688,9 +2658,9 @@ function getBtnDesignAttr(props4) {
   const design = getBtnDesign(props4);
   return design !== void 0 ? { [design]: true } : {};
 }
-var useBtnProps = {
+var nonRoundBtnProps = {
   ...useSizeProps,
-  ...useRouterLinkProps,
+  ...useRouterLinkNonMatchingProps,
   type: {
     type: String,
     default: "button"
@@ -2703,7 +2673,6 @@ var useBtnProps = {
     {}
   ),
   square: Boolean,
-  round: Boolean,
   rounded: Boolean,
   glossy: Boolean,
   size: String,
@@ -2732,6 +2701,10 @@ var useBtnProps = {
   },
   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);
@@ -3139,11 +3112,16 @@ function clearSelection() {
 }
 
 // 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({
@@ -3496,7 +3474,7 @@ function removeFocusFn(fn) {
   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;
@@ -3752,6 +3730,7 @@ function use_timeout_default() {
 }
 
 // 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);
@@ -4295,9 +4274,7 @@ var QMenu_default = createComponent({
       type: Array,
       validator: validateOffset
     },
-    scrollTarget: {
-      default: void 0
-    },
+    scrollTarget: scrollTargetProp,
     touchPosition: Boolean,
     maxHeight: {
       type: String,
@@ -4586,7 +4563,7 @@ function use_id_default({ getValue, required = true } = {}) {
 }
 
 // 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];
@@ -4599,7 +4576,7 @@ function passBtnProps(props4) {
 var QBtnDropdown_default = createComponent({
   name: "QBtnDropdown",
   props: {
-    ...useBtnProps,
+    ...nonRoundBtnProps,
     ...useTransitionProps,
     modelValue: Boolean,
     split: Boolean,
@@ -5224,13 +5201,13 @@ function use_render_cache_default() {
       cache[key] = obj;
     },
     hasCache(key) {
-      return cache.hasOwnProperty(key);
+      return Object.hasOwnProperty.call(cache, key);
     },
     clearCache(key) {
       if (key !== void 0) {
         delete cache[key];
       } else {
-        cache = {};
+        cache = /* @__PURE__ */ Object.create(null);
       }
     }
   };
@@ -5586,6 +5563,9 @@ var QCarousel_default = createComponent({
     const { inFullscreen } = use_fullscreen_default();
     const style2 = computed27(() => inFullscreen.value !== true && props4.height !== void 0 ? { height: props4.height } : {});
     const direction = computed27(() => props4.vertical === true ? "vertical" : "horizontal");
+    const navigationPosition = computed27(
+      () => props4.navigationPosition || (props4.vertical === true ? "right" : "bottom")
+    );
     const classes = computed27(
       () => `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}` : "")
     );
@@ -5598,9 +5578,6 @@ var QCarousel_default = createComponent({
     });
     const navIcon = computed27(() => props4.navigationIcon || $q.iconSet.carousel.navigationIcon);
     const navActiveIcon = computed27(() => props4.navigationActiveIcon || navIcon.value);
-    const navigationPosition = computed27(
-      () => props4.navigationPosition || (props4.vertical === true ? "right" : "bottom")
-    );
     const controlProps = computed27(() => ({
       color: props4.controlColor,
       textColor: props4.controlTextColor,
@@ -6800,7 +6777,6 @@ var useSliderProps = {
   snap: Boolean,
   vertical: Boolean,
   reverse: Boolean,
-  hideSelection: Boolean,
   color: String,
   markerLabelsClass: String,
   label: Boolean,
@@ -9308,9 +9284,7 @@ function mod(a, b) {
 // 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
   },
@@ -9509,7 +9483,7 @@ function getRegexData(mask, dateLocale) {
   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;
@@ -10136,11 +10110,16 @@ var QDate_default = createComponent({
     ...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"
@@ -10195,7 +10174,7 @@ var QDate_default = createComponent({
     const today = computed43(() => getCurrentDate());
     const viewModel = ref20(getViewModel(innerMask.value, innerLocale.value));
     const view = ref20(props4.defaultView);
-    const direction = $q.lang.rtl === true ? "right" : "left";
+    const direction = computed43(() => $q.lang.rtl === true ? "right" : "left");
     const monthDirection = ref20(direction.value);
     const yearDirection = ref20(direction.value);
     const year = viewModel.value.year;
@@ -10774,7 +10753,7 @@ var QDate_default = createComponent({
       }
       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;
         }
@@ -11460,7 +11439,7 @@ var QDialog_default = createComponent({
     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: [
@@ -12489,7 +12468,7 @@ var QTooltip_default = createComponent({
   name: "QTooltip",
   inheritAttrs: false,
   props: {
-    ...useAnchorProps,
+    ...useAnchorStaticProps,
     ...useModelToggleProps,
     ...useTransitionProps,
     maxHeight: {
@@ -12501,9 +12480,11 @@ var QTooltip_default = createComponent({
       default: null
     },
     transitionShow: {
+      ...useTransitionProps.transitionShow,
       default: "jump-down"
     },
     transitionHide: {
+      ...useTransitionProps.transitionHide,
       default: "jump-up"
     },
     anchor: {
@@ -12521,9 +12502,7 @@ var QTooltip_default = createComponent({
       default: () => [14, 14],
       validator: validateOffset
     },
-    scrollTarget: {
-      default: void 0
-    },
+    scrollTarget: scrollTargetProp,
     delay: {
       type: Number,
       default: 0
@@ -13160,13 +13139,8 @@ var QEditor_default = createComponent({
     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,
@@ -13194,9 +13168,6 @@ var QEditor_default = createComponent({
     "update:modelValue",
     "keydown",
     "click",
-    "mouseup",
-    "keyup",
-    "touchend",
     "focus",
     "blur",
     "dropdownShow",
@@ -13767,7 +13738,7 @@ var QExpansionItem_default = createComponent({
     expandIcon: String,
     expandedIcon: String,
     expandIconClass: [Array, String, Object],
-    duration: Number,
+    duration: {},
     headerInsetLevel: Number,
     contentInsetLevel: Number,
     expandSeparator: Boolean,
@@ -14105,6 +14076,7 @@ var QFab_default = createComponent({
     activeIcon: String,
     hideIcon: Boolean,
     hideLabel: {
+      ...useFabProps.hideLabel,
       default: null
     },
     direction: {
@@ -14457,7 +14429,7 @@ function use_validate_default(focused, innerLoading) {
 function fieldValueIsFilled(val) {
   return val !== void 0 && val !== null && ("" + val).length !== 0;
 }
-var useFieldProps = {
+var useNonInputFieldProps = {
   ...useDarkProps,
   ...useValidateProps,
   label: String,
@@ -14487,10 +14459,13 @@ var useFieldProps = {
   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 } = getCurrentInstance40();
   const isDark = use_dark_default(props4, proxy.$q);
@@ -15112,7 +15087,7 @@ var QFile_default = createComponent({
   name: "QFile",
   inheritAttrs: false,
   props: {
-    ...useFieldProps,
+    ...useNonInputFieldProps,
     ...useFormProps,
     ...useFileProps,
     /* SSR does not know about File & FileList */
@@ -15474,7 +15449,7 @@ var QForm_default = createComponent({
       const focus2 = typeof shouldFocus === "boolean" ? shouldFocus : props4.noErrorFocus !== true;
       const index = ++validateIndex;
       const emitEvent = (res, ref73) => {
-        emit("validation" + (res === true ? "Success" : "Error"), ref73);
+        emit(`validation${res === true ? "Success" : "Error"}`, ref73);
       };
       const validateComponent = (comp) => {
         const valid = comp.validate();
@@ -16032,10 +16007,11 @@ var QInfiniteScroll_default = createComponent({
       type: [String, Number],
       default: 100
     },
-    scrollTarget: {
-      default: void 0
+    scrollTarget: scrollTargetProp,
+    initialIndex: {
+      type: Number,
+      default: 0
     },
-    initialIndex: Number,
     disable: Boolean,
     reverse: Boolean
   },
@@ -16045,7 +16021,7 @@ var QInfiniteScroll_default = createComponent({
     const isWorking = ref37(true);
     const rootRef = ref37(null);
     const loadingRef = ref37(null);
-    let index = props4.initialIndex || 0;
+    let index = props4.initialIndex;
     let localScrollTarget, poll;
     const classes = computed65(
       () => "q-infinite-scroll__loading" + (isFetching.value === true ? "" : " invisible")
@@ -16224,7 +16200,7 @@ var QInnerLoading_default = createComponent({
     color: String,
     size: {
       type: [String, Number],
-      default: 42
+      default: "42px"
     },
     label: String,
     labelClass: String,
@@ -16666,7 +16642,8 @@ var QInput_default = createComponent({
     ...useFieldProps,
     ...useMaskProps,
     ...useFormProps,
-    modelValue: { required: false },
+    // override of useFieldProps > modelValue
+    modelValue: [String, Number],
     shadowText: String,
     type: {
       type: String,
@@ -17351,9 +17328,7 @@ var QScrollObserver_default = createComponent({
       default: "vertical"
     },
     debounce: [String, Number],
-    scrollTarget: {
-      default: void 0
-    }
+    scrollTarget: scrollTargetProp
   },
   emits: ["scroll"],
   setup(props4, { emit }) {
@@ -17875,6 +17850,7 @@ var QOptionGroup_default = createComponent({
     },
     name: String,
     type: {
+      type: String,
       default: "radio",
       validator: (v) => typeValues.includes(v)
     },
@@ -18135,6 +18111,7 @@ var QPageScroller_default = createComponent({
       default: 300
     },
     offset: {
+      ...usePageStickyProps.offset,
       default: () => [18, 18]
     }
   },
@@ -18614,9 +18591,7 @@ var QParallax_default = createComponent({
       default: 1,
       validator: (v) => v >= 0 && v <= 1
     },
-    scrollTarget: {
-      default: void 0
-    },
+    scrollTarget: scrollTargetProp,
     onScroll: Function
   },
   setup(props4, { slots, emit }) {
@@ -19104,9 +19079,7 @@ var QPullToRefresh_default = createComponent({
     icon: String,
     noMouse: Boolean,
     disable: Boolean,
-    scrollTarget: {
-      default: void 0
-    }
+    scrollTarget: scrollTargetProp
   },
   emits: ["refresh"],
   setup(props4, { slots, emit }) {
@@ -20266,7 +20239,7 @@ function sumSize(sizeAgg, size2, from, to) {
 var commonVirtScrollProps = {
   virtualScrollSliceSize: {
     type: [Number, String],
-    default: null
+    default: 10
   },
   virtualScrollSliceRatioBefore: {
     type: [Number, String],
@@ -20290,7 +20263,7 @@ var commonVirtScrollProps = {
   },
   tableColspan: [Number, String]
 };
-var commonVirtPropsList = Object.keys(commonVirtScrollProps);
+var commonVirtScrollPropsList = Object.keys(commonVirtScrollProps);
 var useVirtualScrollProps = {
   virtualScrollHorizontal: Boolean,
   onVirtualScroll: Function,
@@ -20687,6 +20660,7 @@ var QSelect_default = createComponent({
     ...useVirtualScrollProps,
     ...useFormProps,
     ...useFieldProps,
+    // override of useFieldProps > modelValue
     modelValue: {
       required: true
     },
@@ -20739,18 +20713,16 @@ var QSelect_default = createComponent({
       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
   },
@@ -20762,6 +20734,8 @@ var QSelect_default = createComponent({
     "keyup",
     "keypress",
     "keydown",
+    "popupShow",
+    "popupHide",
     "filterAbort"
   ],
   setup(props4, { slots, emit }) {
@@ -24523,9 +24497,7 @@ var QVirtualScroll_default = createComponent({
     },
     itemsFn: Function,
     itemsSize: Number,
-    scrollTarget: {
-      default: void 0
-    }
+    scrollTarget: scrollTargetProp
   },
   setup(props4, { slots, attrs }) {
     let localScrollTarget;
@@ -25070,9 +25042,9 @@ function useTableColumnSelection(props4, computedPagination, hasSelectionMode) {
 
 // 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",
@@ -25106,10 +25078,8 @@ var QTable_default = createComponent({
     },
     wrapCells: Boolean,
     virtualScroll: Boolean,
-    virtualScrollTarget: {
-      default: void 0
-    },
-    ...commonVirtPropsObj,
+    virtualScrollTarget: {},
+    ...virtScrollPassthroughProps,
     noDataLabel: String,
     noResultsLabel: String,
     loadingLabel: String,
@@ -25250,7 +25220,7 @@ var QTable_default = createComponent({
     const nothingToDisplay = computed102(() => computedRows.value.length === 0);
     const virtProps = computed102(() => {
       const acc = {};
-      commonVirtPropsList.forEach((p) => {
+      commonVirtScrollPropsList.forEach((p) => {
         acc[p] = props4[p];
       });
       if (acc.virtualScrollItemSize === void 0) {
@@ -25956,7 +25926,12 @@ var QTime_default = createComponent({
     ...useDarkProps,
     ...useFormProps,
     ...useDatetimeProps,
+    modelValue: {
+      required: true,
+      validator: (val) => typeof val === "string" || val === null
+    },
     mask: {
+      ...useDatetimeProps.mask,
       default: null
     },
     format24h: {
@@ -26759,7 +26734,7 @@ var QTree_default = createComponent({
     accordion: Boolean,
     filter: String,
     filterMethod: Function,
-    duration: Number,
+    duration: {},
     noConnectors: Boolean,
     noTransition: Boolean,
     noNodesLabel: String,
@@ -27656,9 +27631,7 @@ var props = {
   },
   fieldName: {
     type: [Function, String],
-    default: () => {
-      return (file) => file.name;
-    }
+    default: () => (file) => file.name
   },
   headers: [Function, Array],
   formFields: [Function, Array],
@@ -29640,7 +29613,7 @@ var BottomSheetComponent_default = createComponent({
   }
 });
 
-// src/utils/private.global/global-dialog.js
+// src/utils/private.dialog/create-dialog.js
 import { h as h132, ref as ref68, nextTick as nextTick23 } from "vue";
 function merge(target2, source) {
   for (const key in source) {
@@ -29652,7 +29625,7 @@ function merge(target2, source) {
     }
   }
 }
-function global_dialog_default(DefaultComponent, supportsCustomComponent, parentApp) {
+function create_dialog_default(DefaultComponent, supportsCustomComponent, parentApp) {
   return (pluginProps) => {
     if (false) {
       return ssrAPI;
@@ -29764,7 +29737,7 @@ function global_dialog_default(DefaultComponent, supportsCustomComponent, parent
 // 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);
   }
 };
 
@@ -30139,7 +30112,7 @@ var DialogPluginComponent_default = createComponent({
 // 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);
   }
 };
 
@@ -31430,7 +31403,7 @@ function runSequentialPromises(sequentialPromises, { threadsNumber = 1, abortOnF
 
 // src/index.dev.js
 var Quasar = {
-  version: "2.15.3",
+  version: "2.16.0",
   install: install_quasar_default,
   // TODO: remove in Qv3 (should only be used through the plugin)
   // We provide a deprecated fallback here