quasar 2.18.3 → 2.18.4

package/dist/quasar.client.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.18.3
+ * Quasar Framework v2.18.4
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1405,7 +1405,7 @@ function prepareApp(app2, uiOpts, pluginOpts) {
 }
 var install_quasar_default = false ? function(parentApp, opts = {}, ssrContext) {
   const $q = {
-    version: "2.18.3",
+    version: "2.18.4",
     config: opts.config || {}
   };
   Object.assign(ssrContext, {
@@ -1435,7 +1435,7 @@ var install_quasar_default = false ? function(parentApp, opts = {}, ssrContext)
     ssrContext
   });
 } : function(parentApp, opts = {}) {
-  const $q = { version: "2.18.3" };
+  const $q = { version: "2.18.4" };
   if (globalConfigIsFrozen === false) {
     if (opts.config !== void 0) {
       Object.assign(globalConfig, opts.config);
@@ -16242,10 +16242,10 @@ var QInnerLoading_default = createComponent({
 });
 
 // src/components/input/QInput.js
-import { h as h61, ref as ref39, computed as computed67, watch as watch26, onBeforeUnmount as onBeforeUnmount27, onMounted as onMounted18, nextTick as nextTick13, getCurrentInstance as getCurrentInstance49 } from "vue";
+import { h as h61, ref as ref39, computed as computed68, watch as watch26, onBeforeUnmount as onBeforeUnmount27, onMounted as onMounted18, nextTick as nextTick13, getCurrentInstance as getCurrentInstance49 } from "vue";
 
 // src/components/input/use-mask.js
-import { ref as ref38, watch as watch25, nextTick as nextTick12 } from "vue";
+import { ref as ref38, computed as computed67, watch as watch25, nextTick as nextTick12 } from "vue";
 var NAMED_MASKS = {
   date: "####/##/##",
   datetime: "####/##/## ##:##",
@@ -16254,7 +16254,7 @@ var NAMED_MASKS = {
   phone: "(###) ### - ####",
   card: "#### #### #### ####"
 };
-var TOKENS = {
+var { tokenMap: DEFAULT_TOKEN_MAP, tokenKeys: DEFAULT_TOKEN_MAP_KEYS } = getTokenMap({
   "#": { pattern: "[\\d]", negate: "[^\\d]" },
   S: { pattern: "[a-zA-Z]", negate: "[^a-zA-Z]" },
   N: { pattern: "[0-9a-zA-Z]", negate: "[^0-9a-zA-Z]" },
@@ -16262,22 +16262,51 @@ var TOKENS = {
   a: { pattern: "[a-zA-Z]", negate: "[^a-zA-Z]", transform: (v) => v.toLocaleLowerCase() },
   X: { pattern: "[0-9a-zA-Z]", negate: "[^0-9a-zA-Z]", transform: (v) => v.toLocaleUpperCase() },
   x: { pattern: "[0-9a-zA-Z]", negate: "[^0-9a-zA-Z]", transform: (v) => v.toLocaleLowerCase() }
-};
-var KEYS = Object.keys(TOKENS);
-KEYS.forEach((key) => {
-  TOKENS[key].regex = new RegExp(TOKENS[key].pattern);
 });
-var tokenRegexMask = new RegExp("\\\\([^.*+?^${}()|([\\]])|([.*+?^${}()|[\\]])|([" + KEYS.join("") + "])|(.)", "g");
+function getTokenMap(tokens) {
+  const tokenKeys = Object.keys(tokens);
+  const tokenMap = {};
+  tokenKeys.forEach((key) => {
+    const entry = tokens[key];
+    tokenMap[key] = {
+      ...entry,
+      regex: new RegExp(entry.pattern)
+    };
+  });
+  return { tokenMap, tokenKeys };
+}
+function getTokenRegexMask(keys) {
+  return new RegExp("\\\\([^.*+?^${}()|([\\]])|([.*+?^${}()|[\\]])|([" + keys.join("") + "])|(.)", "g");
+}
 var escRegex = /[.*+?^${}()|[\]\\]/g;
+var DEFAULT_TOKEN_REGEX_MASK = getTokenRegexMask(DEFAULT_TOKEN_MAP_KEYS);
 var MARKER = String.fromCharCode(1);
 var useMaskProps = {
   mask: String,
   reverseFillMask: Boolean,
   fillMask: [Boolean, String],
-  unmaskedValue: Boolean
+  unmaskedValue: Boolean,
+  maskTokens: Object
 };
 function use_mask_default(props4, emit, emitValue, inputRef) {
   let maskMarked, maskReplaced, computedMask, computedUnmask, pastedTextStart, selectionAnchor;
+  const tokens = computed67(() => {
+    if (props4.maskTokens === void 0 || props4.maskTokens === null) {
+      return {
+        tokenMap: DEFAULT_TOKEN_MAP,
+        tokenRegexMask: DEFAULT_TOKEN_REGEX_MASK
+      };
+    }
+    const { tokenMap: customTokens } = getTokenMap(props4.maskTokens);
+    const tokenMap = {
+      ...DEFAULT_TOKEN_MAP,
+      ...customTokens
+    };
+    return {
+      tokenMap,
+      tokenRegexMask: getTokenRegexMask(Object.keys(tokenMap))
+    };
+  });
   const hasMask = ref38(null);
   const innerValue = ref38(getInitialMaskedValue());
   function getIsTypeText() {
@@ -16331,9 +16360,9 @@ function use_mask_default(props4, emit, emitValue, inputRef) {
     }
     const localComputedMask = NAMED_MASKS[props4.mask] === void 0 ? props4.mask : NAMED_MASKS[props4.mask], fillChar = typeof props4.fillMask === "string" && props4.fillMask.length !== 0 ? props4.fillMask.slice(0, 1) : "_", fillCharEscaped = fillChar.replace(escRegex, "\\$&"), unmask = [], extract = [], mask = [];
     let firstMatch = props4.reverseFillMask === true, unmaskChar = "", negateChar = "";
-    localComputedMask.replace(tokenRegexMask, (_, char1, esc, token2, char2) => {
+    localComputedMask.replace(tokens.value.tokenRegexMask, (_, char1, esc, token2, char2) => {
       if (token2 !== void 0) {
-        const c = TOKENS[token2];
+        const c = tokens.value.tokenMap[token2];
         mask.push(c);
         negateChar = c.negate;
         if (firstMatch === true) {
@@ -16681,16 +16710,16 @@ var QInput_default = createComponent({
       /* type guard */
       true
     );
-    const hasValue = computed67(() => fieldValueIsFilled(innerValue.value));
+    const hasValue = computed68(() => fieldValueIsFilled(innerValue.value));
     const onComposition = use_key_composition_default(onInput);
     const state = useFieldState({ changeEvent: true });
-    const isTextarea = computed67(
+    const isTextarea = computed68(
       () => props4.type === "textarea" || props4.autogrow === true
     );
-    const isTypeText = computed67(
+    const isTypeText = computed68(
       () => isTextarea.value === true || ["text", "search", "url", "tel", "password"].includes(props4.type)
     );
-    const onEvents = computed67(() => {
+    const onEvents = computed68(() => {
       const evt = {
         ...state.splitAttrs.listeners.value,
         onInput,
@@ -16713,7 +16742,7 @@ var QInput_default = createComponent({
       }
       return evt;
     });
-    const inputAttrs = computed67(() => {
+    const inputAttrs = computed68(() => {
       const attrs2 = {
         tabindex: 0,
         "data-autofocus": props4.autofocus === true || void 0,
@@ -16900,16 +16929,16 @@ var QInput_default = createComponent({
     });
     Object.assign(state, {
       innerValue,
-      fieldClass: computed67(
+      fieldClass: computed68(
         () => `q-${isTextarea.value === true ? "textarea" : "input"}` + (props4.autogrow === true ? " q-textarea--autogrow" : "")
       ),
-      hasShadow: computed67(
+      hasShadow: computed68(
         () => props4.type !== "file" && typeof props4.shadowText === "string" && props4.shadowText.length !== 0
       ),
       inputRef,
       emitValue,
       hasValue,
-      floatingLabel: computed67(
+      floatingLabel: computed68(
         () => hasValue.value === true && (props4.type !== "number" || isNaN(innerValue.value) === false) || fieldValueIsFilled(props4.displayValue)
       ),
       getControl: () => {
@@ -16947,7 +16976,7 @@ var QInput_default = createComponent({
 });
 
 // src/components/intersection/QIntersection.js
-import { h as h62, ref as ref40, computed as computed68, Transition as Transition11 } from "vue";
+import { h as h62, ref as ref40, computed as computed69, Transition as Transition11 } from "vue";
 
 // src/directives/intersection/Intersection.js
 var defaultCfg = {
@@ -17038,7 +17067,7 @@ var QIntersection_default = createComponent({
   },
   setup(props4, { slots, emit }) {
     const showing = ref40(isRuntimeSsrPreHydration.value === true ? props4.ssrPrerender : false);
-    const intersectionProps = computed68(() => props4.root !== void 0 || props4.margin !== void 0 || props4.threshold !== void 0 ? {
+    const intersectionProps = computed69(() => props4.root !== void 0 || props4.margin !== void 0 || props4.threshold !== void 0 ? {
       handler: trigger3,
       cfg: {
         root: props4.root,
@@ -17046,10 +17075,10 @@ var QIntersection_default = createComponent({
         threshold: props4.threshold
       }
     } : trigger3);
-    const hasDirective = computed68(
+    const hasDirective = computed69(
       () => props4.disable !== true && (isRuntimeSsrPreHydration.value !== true || props4.once !== true || props4.ssrPrerender !== true)
     );
-    const directives = computed68(() => {
+    const directives = computed69(() => {
       return [[
         Intersection_default,
         intersectionProps.value,
@@ -17057,7 +17086,7 @@ var QIntersection_default = createComponent({
         { once: props4.once }
       ]];
     });
-    const transitionStyle = computed68(
+    const transitionStyle = computed69(
       () => `--q-transition-duration: ${props4.transitionDuration}ms`
     );
     function trigger3(entry) {
@@ -17093,7 +17122,7 @@ var QIntersection_default = createComponent({
 });
 
 // src/components/item/QList.js
-import { h as h63, computed as computed69, getCurrentInstance as getCurrentInstance50 } from "vue";
+import { h as h63, computed as computed70, getCurrentInstance as getCurrentInstance50 } from "vue";
 var roleAttrExceptions = ["ul", "ol"];
 var QList_default = createComponent({
   name: "QList",
@@ -17111,10 +17140,10 @@ var QList_default = createComponent({
   setup(props4, { slots }) {
     const vm2 = getCurrentInstance50();
     const isDark = use_dark_default(props4, vm2.proxy.$q);
-    const role = computed69(
+    const role = computed70(
       () => roleAttrExceptions.includes(props4.tag) ? null : "list"
     );
-    const classes = computed69(
+    const classes = computed70(
       () => "q-list" + (props4.bordered === true ? " q-list--bordered" : "") + (props4.dense === true ? " q-list--dense" : "") + (props4.separator === true ? " q-list--separator" : "") + (isDark.value === true ? " q-list--dark" : "") + (props4.padding === true ? " q-list--padding" : "")
     );
     return () => h63(props4.tag, { class: classes.value, role: role.value }, hSlot(slots.default));
@@ -17122,7 +17151,7 @@ var QList_default = createComponent({
 });
 
 // src/components/knob/QKnob.js
-import { h as h64, ref as ref41, computed as computed70, watch as watch27, getCurrentInstance as getCurrentInstance51 } from "vue";
+import { h as h64, ref as ref41, computed as computed71, watch as watch27, getCurrentInstance as getCurrentInstance51 } from "vue";
 var keyCodes2 = [34, 37, 40, 33, 39, 38];
 var commonPropsName = Object.keys(useCircularCommonProps);
 var QKnob_default = createComponent({
@@ -17154,8 +17183,8 @@ var QKnob_default = createComponent({
     const { $q } = proxy;
     const model = ref41(props4.modelValue);
     const dragging = ref41(false);
-    const innerMin = computed70(() => isNaN(props4.innerMin) === true || props4.innerMin < props4.min ? props4.min : props4.innerMin);
-    const innerMax = computed70(() => isNaN(props4.innerMax) === true || props4.innerMax > props4.max ? props4.max : props4.innerMax);
+    const innerMin = computed71(() => isNaN(props4.innerMin) === true || props4.innerMin < props4.min ? props4.min : props4.innerMin);
+    const innerMax = computed71(() => isNaN(props4.innerMax) === true || props4.innerMax > props4.max ? props4.max : props4.innerMax);
     let centerPosition;
     function normalizeModel() {
       model.value = props4.modelValue === null ? innerMin.value : between(props4.modelValue, innerMin.value, innerMax.value);
@@ -17166,21 +17195,21 @@ var QKnob_default = createComponent({
       normalizeModel
     );
     normalizeModel();
-    const editable = computed70(() => props4.disable === false && props4.readonly === false);
-    const classes = computed70(
+    const editable = computed71(() => props4.disable === false && props4.readonly === false);
+    const classes = computed71(
       () => "q-knob non-selectable" + (editable.value === true ? " q-knob--editable" : props4.disable === true ? " disabled" : "")
     );
-    const decimals = computed70(() => (String(props4.step).trim().split(".")[1] || "").length);
-    const step = computed70(() => props4.step === 0 ? 1 : props4.step);
-    const instantFeedback = computed70(() => props4.instantFeedback === true || dragging.value === true);
-    const onEvents = $q.platform.is.mobile === true ? computed70(() => editable.value === true ? { onClick } : {}) : computed70(() => editable.value === true ? {
+    const decimals = computed71(() => (String(props4.step).trim().split(".")[1] || "").length);
+    const step = computed71(() => props4.step === 0 ? 1 : props4.step);
+    const instantFeedback = computed71(() => props4.instantFeedback === true || dragging.value === true);
+    const onEvents = $q.platform.is.mobile === true ? computed71(() => editable.value === true ? { onClick } : {}) : computed71(() => editable.value === true ? {
       onMousedown,
       onClick,
       onKeydown: onKeydown2,
       onKeyup: onKeyup2
     } : {});
-    const attrs = computed70(() => editable.value === true ? { tabindex: props4.tabindex } : { [`aria-${props4.disable === true ? "disabled" : "readonly"}`]: "true" });
-    const circularProps = computed70(() => {
+    const attrs = computed71(() => editable.value === true ? { tabindex: props4.tabindex } : { [`aria-${props4.disable === true ? "disabled" : "readonly"}`]: "true" });
+    const circularProps = computed71(() => {
       const agg = {};
       commonPropsName.forEach((name2) => {
         agg[name2] = props4[name2];
@@ -17199,7 +17228,7 @@ var QKnob_default = createComponent({
         updatePosition(event.evt);
       }
     }
-    const directives = computed70(() => {
+    const directives = computed71(() => {
       return [[
         TouchPan_default,
         pan,
@@ -17309,7 +17338,7 @@ var QKnob_default = createComponent({
 });
 
 // src/components/layout/QLayout.js
-import { h as h65, ref as ref42, reactive as reactive3, computed as computed71, watch as watch29, provide as provide4, onUnmounted as onUnmounted2, getCurrentInstance as getCurrentInstance53 } from "vue";
+import { h as h65, ref as ref42, reactive as reactive3, computed as computed72, watch as watch29, provide as provide4, onUnmounted as onUnmounted2, getCurrentInstance as getCurrentInstance53 } from "vue";
 
 // src/components/scroll-observer/QScrollObserver.js
 import { watch as watch28, onMounted as onMounted19, onBeforeUnmount as onBeforeUnmount28, getCurrentInstance as getCurrentInstance52 } from "vue";
@@ -17430,12 +17459,12 @@ var QLayout_default = createComponent({
     const scroll = ref42({ position: 0, direction: "down", inflectionPoint: 0 });
     const containerHeight = ref42(0);
     const scrollbarWidth = ref42(isRuntimeSsrPreHydration.value === true ? 0 : getScrollbarWidth());
-    const classes = computed71(
+    const classes = computed72(
       () => "q-layout q-layout--" + (props4.container === true ? "containerized" : "standard")
     );
-    const style2 = computed71(() => props4.container === false ? { minHeight: $q.screen.height + "px" } : null);
-    const targetStyle = computed71(() => scrollbarWidth.value !== 0 ? { [$q.lang.rtl === true ? "left" : "right"]: `${scrollbarWidth.value}px` } : null);
-    const targetChildStyle = computed71(() => scrollbarWidth.value !== 0 ? {
+    const style2 = computed72(() => props4.container === false ? { minHeight: $q.screen.height + "px" } : null);
+    const targetStyle = computed72(() => scrollbarWidth.value !== 0 ? { [$q.lang.rtl === true ? "left" : "right"]: `${scrollbarWidth.value}px` } : null);
+    const targetChildStyle = computed72(() => scrollbarWidth.value !== 0 ? {
       [$q.lang.rtl === true ? "right" : "left"]: 0,
       [$q.lang.rtl === true ? "left" : "right"]: `-${scrollbarWidth.value}px`,
       width: `calc(100% + ${scrollbarWidth.value}px)`
@@ -17487,14 +17516,14 @@ var QLayout_default = createComponent({
     let animateTimer = null;
     const $layout = {
       instances: {},
-      view: computed71(() => props4.view),
-      isContainer: computed71(() => props4.container),
+      view: computed72(() => props4.view),
+      isContainer: computed72(() => props4.container),
       rootRef,
       height: height2,
       containerHeight,
       scrollbarWidth,
-      totalWidth: computed71(() => width3.value + scrollbarWidth.value),
-      rows: computed71(() => {
+      totalWidth: computed72(() => width3.value + scrollbarWidth.value),
+      rows: computed72(() => {
         const rows = props4.view.toLowerCase().split(" ");
         return {
           top: rows[0].split(""),
@@ -17587,7 +17616,7 @@ var QLayout_default = createComponent({
 });
 
 // src/components/markup-table/QMarkupTable.js
-import { h as h66, computed as computed72, getCurrentInstance as getCurrentInstance54 } from "vue";
+import { h as h66, computed as computed73, getCurrentInstance as getCurrentInstance54 } from "vue";
 var separatorValues = ["horizontal", "vertical", "cell", "none"];
 var QMarkupTable_default = createComponent({
   name: "QMarkupTable",
@@ -17607,7 +17636,7 @@ var QMarkupTable_default = createComponent({
   setup(props4, { slots }) {
     const vm2 = getCurrentInstance54();
     const isDark = use_dark_default(props4, vm2.proxy.$q);
-    const classes = computed72(
+    const classes = computed73(
       () => `q-markup-table q-table__container q-table__card q-table--${props4.separator}-separator` + (isDark.value === true ? " q-table--dark q-table__card--dark q-dark" : "") + (props4.dense === true ? " q-table--dense" : "") + (props4.flat === true ? " q-table--flat" : "") + (props4.bordered === true ? " q-table--bordered" : "") + (props4.square === true ? " q-table--square" : "") + (props4.wrapCells === false ? " q-table--no-wrap" : "")
     );
     return () => h66("div", {
@@ -17651,10 +17680,10 @@ var QNoSsr_default = createComponent({
 });
 
 // src/components/option-group/QOptionGroup.js
-import { h as h70, computed as computed75, getCurrentInstance as getCurrentInstance56 } from "vue";
+import { h as h70, computed as computed76, getCurrentInstance as getCurrentInstance56 } from "vue";
 
 // src/components/radio/QRadio.js
-import { h as h68, ref as ref43, computed as computed73, getCurrentInstance as getCurrentInstance55, toRaw as toRaw2 } from "vue";
+import { h as h68, ref as ref43, computed as computed74, getCurrentInstance as getCurrentInstance55, toRaw as toRaw2 } from "vue";
 var createSvg = () => h68("svg", {
   key: "svg",
   class: "q-radio__bg absolute non-selectable",
@@ -17693,19 +17722,19 @@ var QRadio_default = createComponent({
     const sizeStyle = use_size_default(props4, option_sizes_default);
     const rootRef = ref43(null);
     const { refocusTargetEl, refocusTarget } = use_refocus_target_default(props4, rootRef);
-    const isTrue = computed73(() => toRaw2(props4.modelValue) === toRaw2(props4.val));
-    const classes = computed73(
+    const isTrue = computed74(() => toRaw2(props4.modelValue) === toRaw2(props4.val));
+    const classes = computed74(
       () => "q-radio cursor-pointer no-outline row inline no-wrap items-center" + (props4.disable === true ? " disabled" : "") + (isDark.value === true ? " q-radio--dark" : "") + (props4.dense === true ? " q-radio--dense" : "") + (props4.leftLabel === true ? " reverse" : "")
     );
-    const innerClass = computed73(() => {
+    const innerClass = computed74(() => {
       const color = props4.color !== void 0 && (props4.keepColor === true || isTrue.value === true) ? ` text-${props4.color}` : "";
       return `q-radio__inner relative-position q-radio__inner--${isTrue.value === true ? "truthy" : "falsy"}${color}`;
     });
-    const icon = computed73(
+    const icon = computed74(
       () => (isTrue.value === true ? props4.checkedIcon : props4.uncheckedIcon) || null
     );
-    const tabindex = computed73(() => props4.disable === true ? -1 : props4.tabindex || 0);
-    const formAttrs = computed73(() => {
+    const tabindex = computed74(() => props4.disable === true ? -1 : props4.tabindex || 0);
+    const formAttrs = computed74(() => {
       const prop = { type: "radio" };
       props4.name !== void 0 && Object.assign(prop, {
         // see https://vuejs.org/guide/extras/render-function.html#creating-vnodes (.prop)
@@ -17788,7 +17817,7 @@ var QRadio_default = createComponent({
 });
 
 // src/components/toggle/QToggle.js
-import { h as h69, computed as computed74 } from "vue";
+import { h as h69, computed as computed75 } from "vue";
 var QToggle_default = createComponent({
   name: "QToggle",
   props: {
@@ -17799,10 +17828,10 @@ var QToggle_default = createComponent({
   emits: useCheckboxEmits,
   setup(props4) {
     function getInner(isTrue, isIndeterminate) {
-      const icon = computed74(
+      const icon = computed75(
         () => (isTrue.value === true ? props4.checkedIcon : isIndeterminate.value === true ? props4.indeterminateIcon : props4.uncheckedIcon) || props4.icon
       );
-      const color = computed74(() => isTrue.value === true ? props4.iconColor : null);
+      const color = computed75(() => isTrue.value === true ? props4.iconColor : null);
       return () => [
         h69("div", { class: "q-toggle__track" }),
         h69(
@@ -17876,11 +17905,11 @@ var QOptionGroup_default = createComponent({
       console.error("q-option-group: model should be array in your case");
     }
     const isDark = use_dark_default(props4, $q);
-    const component = computed75(() => components[props4.type]);
-    const getOptionValue = computed75(() => getPropValueFn(props4.optionValue, "value"));
-    const getOptionLabel = computed75(() => getPropValueFn(props4.optionLabel, "label"));
-    const getOptionDisable = computed75(() => getPropValueFn(props4.optionDisable, "disable"));
-    const innerOptions = computed75(() => props4.options.map((opt) => ({
+    const component = computed76(() => components[props4.type]);
+    const getOptionValue = computed76(() => getPropValueFn(props4.optionValue, "value"));
+    const getOptionLabel = computed76(() => getPropValueFn(props4.optionLabel, "label"));
+    const getOptionDisable = computed76(() => getPropValueFn(props4.optionDisable, "disable"));
+    const innerOptions = computed76(() => props4.options.map((opt) => ({
       val: getOptionValue.value(opt),
       name: opt.name === void 0 ? props4.name : opt.name,
       disable: props4.disable || getOptionDisable.value(opt),
@@ -17893,10 +17922,10 @@ var QOptionGroup_default = createComponent({
       dense: props4.dense,
       keepColor: opt.keepColor === void 0 ? props4.keepColor : opt.keepColor
     })));
-    const classes = computed75(
+    const classes = computed76(
       () => "q-option-group q-gutter-x-sm" + (props4.inline === true ? " q-option-group--inline" : "")
     );
-    const attrs = computed75(() => {
+    const attrs = computed76(() => {
       const attrs2 = { role: "group" };
       if (props4.type === "radio") {
         attrs2.role = "radiogroup";
@@ -17927,7 +17956,7 @@ var QOptionGroup_default = createComponent({
 });
 
 // src/components/page/QPage.js
-import { h as h71, computed as computed76, inject as inject7, getCurrentInstance as getCurrentInstance57 } from "vue";
+import { h as h71, computed as computed77, inject as inject7, getCurrentInstance as getCurrentInstance57 } from "vue";
 var QPage_default = createComponent({
   name: "QPage",
   props: {
@@ -17946,7 +17975,7 @@ var QPage_default = createComponent({
       console.error("QPage needs to be child of QPageContainer");
       return emptyRenderFn;
     }
-    const style2 = computed76(() => {
+    const style2 = computed77(() => {
       const offset2 = ($layout.header.space === true ? $layout.header.size : 0) + ($layout.footer.space === true ? $layout.footer.size : 0);
       if (typeof props4.styleFn === "function") {
         const height2 = $layout.isContainer.value === true ? $layout.containerHeight.value : $q.screen.height;
@@ -17956,7 +17985,7 @@ var QPage_default = createComponent({
         minHeight: $layout.isContainer.value === true ? $layout.containerHeight.value - offset2 + "px" : $q.screen.height === 0 ? offset2 !== 0 ? `calc(100vh - ${offset2}px)` : "100vh" : $q.screen.height - offset2 + "px"
       };
     });
-    const classes = computed76(
+    const classes = computed77(
       () => `q-page${props4.padding === true ? " q-layout-padding" : ""}`
     );
     return () => h71("main", {
@@ -17967,7 +17996,7 @@ var QPage_default = createComponent({
 });
 
 // src/components/page/QPageContainer.js
-import { h as h72, computed as computed77, provide as provide5, inject as inject8, getCurrentInstance as getCurrentInstance58 } from "vue";
+import { h as h72, computed as computed78, provide as provide5, inject as inject8, getCurrentInstance as getCurrentInstance58 } from "vue";
 var QPageContainer_default = createComponent({
   name: "QPageContainer",
   setup(_, { slots }) {
@@ -17978,7 +18007,7 @@ var QPageContainer_default = createComponent({
       return emptyRenderFn;
     }
     provide5(pageContainerKey, true);
-    const style2 = computed77(() => {
+    const style2 = computed78(() => {
       const css2 = {};
       if ($layout.header.space === true) {
         css2.paddingTop = `${$layout.header.size}px`;
@@ -18002,10 +18031,10 @@ var QPageContainer_default = createComponent({
 });
 
 // src/components/page-scroller/QPageScroller.js
-import { h as h74, ref as ref44, computed as computed79, watch as watch30, onBeforeUnmount as onBeforeUnmount29, getCurrentInstance as getCurrentInstance60, Transition as Transition12 } from "vue";
+import { h as h74, ref as ref44, computed as computed80, watch as watch30, onBeforeUnmount as onBeforeUnmount29, getCurrentInstance as getCurrentInstance60, Transition as Transition12 } from "vue";
 
 // src/components/page-sticky/use-page-sticky.js
-import { h as h73, computed as computed78, inject as inject9, getCurrentInstance as getCurrentInstance59 } from "vue";
+import { h as h73, computed as computed79, inject as inject9, getCurrentInstance as getCurrentInstance59 } from "vue";
 var usePageStickyProps = {
   position: {
     type: String,
@@ -18034,7 +18063,7 @@ function use_page_sticky_default() {
     console.error("QPageSticky needs to be child of QLayout");
     return emptyRenderFn;
   }
-  const attach = computed78(() => {
+  const attach = computed79(() => {
     const pos = props4.position;
     return {
       top: pos.indexOf("top") !== -1,
@@ -18045,11 +18074,11 @@ function use_page_sticky_default() {
       horizontal: pos === "left" || pos === "right"
     };
   });
-  const top = computed78(() => $layout.header.offset);
-  const right = computed78(() => $layout.right.offset);
-  const bottom = computed78(() => $layout.footer.offset);
-  const left = computed78(() => $layout.left.offset);
-  const style2 = computed78(() => {
+  const top = computed79(() => $layout.header.offset);
+  const right = computed79(() => $layout.right.offset);
+  const bottom = computed79(() => $layout.footer.offset);
+  const left = computed79(() => $layout.left.offset);
+  const style2 = computed79(() => {
     let posX = 0, posY = 0;
     const side = attach.value;
     const dir = $q.lang.rtl === true ? -1 : 1;
@@ -18084,7 +18113,7 @@ function use_page_sticky_default() {
     }
     return css2;
   });
-  const classes = computed78(
+  const classes = computed79(
     () => `q-page-sticky row flex-center fixed-${props4.position} q-page-sticky--${props4.expand === true ? "expand" : "shrink"}`
   );
   function getStickyContent(slots) {
@@ -18129,7 +18158,7 @@ var QPageScroller_default = createComponent({
     const { $layout, getStickyContent } = use_page_sticky_default();
     const rootRef = ref44(null);
     let heightWatcher;
-    const scrollHeight = computed79(() => $layout.height.value - ($layout.isContainer.value === true ? $layout.containerHeight.value : $q.screen.height));
+    const scrollHeight = computed80(() => $layout.height.value - ($layout.isContainer.value === true ? $layout.containerHeight.value : $q.screen.height));
     function isVisible() {
       return props4.reverse === true ? scrollHeight.value - $layout.scroll.value.position > props4.scrollOffset : $layout.scroll.value.position > props4.scrollOffset;
     }
@@ -18196,7 +18225,7 @@ var QPageSticky_default = createComponent({
 });
 
 // src/components/pagination/QPagination.js
-import { h as h75, ref as ref45, watch as watch31, computed as computed80, getCurrentInstance as getCurrentInstance61 } from "vue";
+import { h as h75, ref as ref45, watch as watch31, computed as computed81, getCurrentInstance as getCurrentInstance61 } from "vue";
 function getBool(val, otherwise) {
   return [true, false].includes(val) ? val : otherwise;
 }
@@ -18281,16 +18310,16 @@ var QPagination_default = createComponent({
     const { proxy } = getCurrentInstance61();
     const { $q } = proxy;
     const isDark = use_dark_default(props4, $q);
-    const minProp = computed80(() => parseInt(props4.min, 10));
-    const maxProp = computed80(() => parseInt(props4.max, 10));
-    const maxPagesProp = computed80(() => parseInt(props4.maxPages, 10));
-    const inputPlaceholder = computed80(() => model.value + " / " + maxProp.value);
-    const boundaryLinksProp = computed80(() => getBool(props4.boundaryLinks, props4.input));
-    const boundaryNumbersProp = computed80(() => getBool(props4.boundaryNumbers, !props4.input));
-    const directionLinksProp = computed80(() => getBool(props4.directionLinks, props4.input));
-    const ellipsesProp = computed80(() => getBool(props4.ellipses, !props4.input));
+    const minProp = computed81(() => parseInt(props4.min, 10));
+    const maxProp = computed81(() => parseInt(props4.max, 10));
+    const maxPagesProp = computed81(() => parseInt(props4.maxPages, 10));
+    const inputPlaceholder = computed81(() => model.value + " / " + maxProp.value);
+    const boundaryLinksProp = computed81(() => getBool(props4.boundaryLinks, props4.input));
+    const boundaryNumbersProp = computed81(() => getBool(props4.boundaryNumbers, !props4.input));
+    const directionLinksProp = computed81(() => getBool(props4.directionLinks, props4.input));
+    const ellipsesProp = computed81(() => getBool(props4.ellipses, !props4.input));
     const newPage = ref45(null);
-    const model = computed80({
+    const model = computed81({
       get: () => props4.modelValue,
       set: (val) => {
         val = parseInt(val, 10);
@@ -18304,12 +18333,12 @@ var QPagination_default = createComponent({
     watch31(() => `${minProp.value}|${maxProp.value}`, () => {
       model.value = props4.modelValue;
     });
-    const classes = computed80(
+    const classes = computed81(
       () => "q-pagination row no-wrap items-center" + (props4.disable === true ? " disabled" : "")
     );
-    const gutterProp = computed80(() => props4.gutter in btnPadding ? `${btnPadding[props4.gutter]}px` : props4.gutter || null);
-    const gutterStyle = computed80(() => gutterProp.value !== null ? `--q-pagination-gutter-parent:-${gutterProp.value};--q-pagination-gutter-child:${gutterProp.value}` : null);
-    const icons = computed80(() => {
+    const gutterProp = computed81(() => props4.gutter in btnPadding ? `${btnPadding[props4.gutter]}px` : props4.gutter || null);
+    const gutterStyle = computed81(() => gutterProp.value !== null ? `--q-pagination-gutter-parent:-${gutterProp.value};--q-pagination-gutter-child:${gutterProp.value}` : null);
+    const icons = computed81(() => {
       const ico = [
         props4.iconFirst || $q.iconSet.pagination.first,
         props4.iconPrev || $q.iconSet.pagination.prev,
@@ -18318,12 +18347,12 @@ var QPagination_default = createComponent({
       ];
       return $q.lang.rtl === true ? ico.reverse() : ico;
     });
-    const attrs = computed80(() => ({
+    const attrs = computed81(() => ({
       "aria-disabled": props4.disable === true ? "true" : "false",
       role: "navigation"
     }));
-    const btnDesignProp = computed80(() => getBtnDesign(props4, "flat"));
-    const btnProps = computed80(() => ({
+    const btnDesignProp = computed81(() => getBtnDesign(props4, "flat"));
+    const btnProps = computed81(() => ({
       [btnDesignProp.value]: true,
       round: props4.round,
       rounded: props4.rounded,
@@ -18333,19 +18362,19 @@ var QPagination_default = createComponent({
       size: props4.size,
       ripple: props4.ripple !== null ? props4.ripple : true
     }));
-    const btnActiveDesignProp = computed80(() => {
+    const btnActiveDesignProp = computed81(() => {
       const acc = { [btnDesignProp.value]: false };
       if (props4.activeDesign !== "") {
         acc[props4.activeDesign] = true;
       }
       return acc;
     });
-    const activeBtnProps = computed80(() => ({
+    const activeBtnProps = computed81(() => ({
       ...btnActiveDesignProp.value,
       color: props4.activeColor || props4.color,
       textColor: props4.activeTextColor || props4.textColor
     }));
-    const btnConfig = computed80(() => {
+    const btnConfig = computed81(() => {
       let maxPages = Math.max(
         maxPagesProp.value,
         1 + (ellipsesProp.value ? 2 : 0) + (boundaryNumbersProp.value ? 2 : 0)
@@ -18390,7 +18419,7 @@ var QPagination_default = createComponent({
     function setByOffset(offset2) {
       model.value = model.value + offset2;
     }
-    const inputEvents = computed80(() => {
+    const inputEvents = computed81(() => {
       function updateModel2() {
         model.value = newPage.value;
         newPage.value = null;
@@ -18714,7 +18743,7 @@ var QParallax_default = createComponent({
 });
 
 // src/components/popup-edit/QPopupEdit.js
-import { h as h77, ref as ref47, computed as computed81, nextTick as nextTick14, getCurrentInstance as getCurrentInstance62 } from "vue";
+import { h as h77, ref as ref47, computed as computed82, nextTick as nextTick14, getCurrentInstance as getCurrentInstance62 } from "vue";
 
 // src/utils/clone/clone.js
 function cloneDeep(data, hash = /* @__PURE__ */ new WeakMap()) {
@@ -18789,7 +18818,7 @@ var QPopupEdit_default = createComponent({
     const initialValue = ref47("");
     const currentModel = ref47("");
     let validated = false;
-    const scope = computed81(() => {
+    const scope = computed82(() => {
       return injectProp({
         initialValue: initialValue.value,
         validate: props4.validate,
@@ -18900,7 +18929,7 @@ var QPopupEdit_default = createComponent({
 });
 
 // src/components/popup-proxy/QPopupProxy.js
-import { h as h78, ref as ref48, computed as computed82, watch as watch33, getCurrentInstance as getCurrentInstance63 } from "vue";
+import { h as h78, ref as ref48, computed as computed83, watch as watch33, getCurrentInstance as getCurrentInstance63 } from "vue";
 var QPopupProxy_default = createComponent({
   name: "QPopupProxy",
   props: {
@@ -18916,13 +18945,13 @@ var QPopupProxy_default = createComponent({
     const { $q } = proxy;
     const showing = ref48(false);
     const popupRef = ref48(null);
-    const breakpoint = computed82(() => parseInt(props4.breakpoint, 10));
+    const breakpoint = computed83(() => parseInt(props4.breakpoint, 10));
     const { canShow } = use_anchor_default({ showing });
     function getType() {
       return $q.screen.width < breakpoint.value || $q.screen.height < breakpoint.value ? "dialog" : "menu";
     }
     const type = ref48(getType());
-    const popupProps = computed82(
+    const popupProps = computed83(
       () => type.value === "menu" ? { maxHeight: "99vh" } : {}
     );
     watch33(() => getType(), (val) => {
@@ -18980,7 +19009,7 @@ var QPopupProxy_default = createComponent({
 });
 
 // src/components/linear-progress/QLinearProgress.js
-import { h as h79, computed as computed83, getCurrentInstance as getCurrentInstance64 } from "vue";
+import { h as h79, computed as computed84, getCurrentInstance as getCurrentInstance64 } from "vue";
 var defaultSizes3 = {
   xs: 2,
   sm: 4,
@@ -19020,26 +19049,26 @@ var QLinearProgress_default = createComponent({
     const { proxy } = getCurrentInstance64();
     const isDark = use_dark_default(props4, proxy.$q);
     const sizeStyle = use_size_default(props4, defaultSizes3);
-    const motion = computed83(() => props4.indeterminate === true || props4.query === true);
-    const widthReverse = computed83(() => props4.reverse !== props4.query);
-    const style2 = computed83(() => ({
+    const motion = computed84(() => props4.indeterminate === true || props4.query === true);
+    const widthReverse = computed84(() => props4.reverse !== props4.query);
+    const style2 = computed84(() => ({
       ...sizeStyle.value !== null ? sizeStyle.value : {},
       "--q-linear-progress-speed": `${props4.animationSpeed}ms`
     }));
-    const classes = computed83(
+    const classes = computed84(
       () => "q-linear-progress" + (props4.color !== void 0 ? ` text-${props4.color}` : "") + (props4.reverse === true || props4.query === true ? " q-linear-progress--reverse" : "") + (props4.rounded === true ? " rounded-borders" : "")
     );
-    const trackStyle = computed83(() => width2(props4.buffer !== void 0 ? props4.buffer : 1, widthReverse.value, proxy.$q));
-    const transitionSuffix = computed83(() => `with${props4.instantFeedback === true ? "out" : ""}-transition`);
-    const trackClass = computed83(
+    const trackStyle = computed84(() => width2(props4.buffer !== void 0 ? props4.buffer : 1, widthReverse.value, proxy.$q));
+    const transitionSuffix = computed84(() => `with${props4.instantFeedback === true ? "out" : ""}-transition`);
+    const trackClass = computed84(
       () => `q-linear-progress__track absolute-full q-linear-progress__track--${transitionSuffix.value} q-linear-progress__track--${isDark.value === true ? "dark" : "light"}` + (props4.trackColor !== void 0 ? ` bg-${props4.trackColor}` : "")
     );
-    const modelStyle = computed83(() => width2(motion.value === true ? 1 : props4.value, widthReverse.value, proxy.$q));
-    const modelClass = computed83(
+    const modelStyle = computed84(() => width2(motion.value === true ? 1 : props4.value, widthReverse.value, proxy.$q));
+    const modelClass = computed84(
       () => `q-linear-progress__model absolute-full q-linear-progress__model--${transitionSuffix.value} q-linear-progress__model--${motion.value === true ? "in" : ""}determinate`
     );
-    const stripeStyle = computed83(() => ({ width: `${props4.value * 100}%` }));
-    const stripeClass = computed83(
+    const stripeStyle = computed84(() => ({ width: `${props4.value * 100}%` }));
+    const stripeClass = computed84(
       () => `q-linear-progress__stripe absolute-${props4.reverse === true ? "right" : "left"} q-linear-progress__stripe--${transitionSuffix.value}`
     );
     return () => {
@@ -19072,7 +19101,7 @@ var QLinearProgress_default = createComponent({
 });
 
 // src/components/pull-to-refresh/QPullToRefresh.js
-import { h as h80, ref as ref49, computed as computed84, watch as watch34, onMounted as onMounted21, onBeforeUnmount as onBeforeUnmount31, getCurrentInstance as getCurrentInstance65 } from "vue";
+import { h as h80, ref as ref49, computed as computed85, watch as watch34, onMounted as onMounted21, onBeforeUnmount as onBeforeUnmount31, getCurrentInstance as getCurrentInstance65 } from "vue";
 var PULLER_HEIGHT = 40;
 var OFFSET_TOP = 20;
 var QPullToRefresh_default = createComponent({
@@ -19095,11 +19124,11 @@ var QPullToRefresh_default = createComponent({
     const pullPosition = ref49(-PULLER_HEIGHT);
     const animating = ref49(false);
     const positionCSS = ref49({});
-    const style2 = computed84(() => ({
+    const style2 = computed85(() => ({
       opacity: pullRatio.value,
       transform: `translateY(${pullPosition.value}px) rotate(${pullRatio.value * 360}deg)`
     }));
-    const classes = computed84(
+    const classes = computed85(
       () => "q-pull-to-refresh__puller row flex-center" + (animating.value === true ? " q-pull-to-refresh__puller--animating" : "") + (props4.bgColor !== void 0 ? ` bg-${props4.bgColor}` : "")
     );
     function pull(event) {
@@ -19145,7 +19174,7 @@ var QPullToRefresh_default = createComponent({
         state.value = newState;
       }
     }
-    const directives = computed84(() => {
+    const directives = computed85(() => {
       const modifiers = { down: true };
       if (props4.noMouse !== true) {
         modifiers.mouse = true;
@@ -19157,7 +19186,7 @@ var QPullToRefresh_default = createComponent({
         modifiers
       ]];
     });
-    const contentClass = computed84(
+    const contentClass = computed85(
       () => `q-pull-to-refresh__content${pulling.value === true ? " no-pointer-events" : ""}`
     );
     function trigger3() {
@@ -19225,7 +19254,7 @@ var QPullToRefresh_default = createComponent({
 });
 
 // src/components/range/QRange.js
-import { h as h81, ref as ref50, computed as computed85, watch as watch35, getCurrentInstance as getCurrentInstance66 } from "vue";
+import { h as h81, ref as ref50, computed as computed86, watch as watch35, getCurrentInstance as getCurrentInstance66 } from "vue";
 var dragType = {
   MIN: 0,
   RANGE: 1,
@@ -19258,7 +19287,7 @@ var QRange_default = createComponent({
       updateValue: updateValue2,
       updatePosition,
       getDragging,
-      formAttrs: computed85(() => ({
+      formAttrs: computed86(() => ({
         type: "hidden",
         name: props4.name,
         value: `${props4.modelValue.min}|${props4.modelValue.max}`
@@ -19277,11 +19306,11 @@ var QRange_default = createComponent({
       normalizeModel
     );
     normalizeModel();
-    const modelMinRatio = computed85(() => methods.convertModelToRatio(model.value.min));
-    const modelMaxRatio = computed85(() => methods.convertModelToRatio(model.value.max));
-    const ratioMin = computed85(() => state.active.value === true ? curMinRatio.value : modelMinRatio.value);
-    const ratioMax = computed85(() => state.active.value === true ? curMaxRatio.value : modelMaxRatio.value);
-    const selectionBarStyle = computed85(() => {
+    const modelMinRatio = computed86(() => methods.convertModelToRatio(model.value.min));
+    const modelMaxRatio = computed86(() => methods.convertModelToRatio(model.value.max));
+    const ratioMin = computed86(() => state.active.value === true ? curMinRatio.value : modelMinRatio.value);
+    const ratioMax = computed86(() => state.active.value === true ? curMaxRatio.value : modelMaxRatio.value);
+    const selectionBarStyle = computed86(() => {
       const acc = {
         [state.positionProp.value]: `${100 * ratioMin.value}%`,
         [state.sizeProp.value]: `${100 * (ratioMax.value - ratioMin.value)}%`
@@ -19291,7 +19320,7 @@ var QRange_default = createComponent({
       }
       return acc;
     });
-    const trackContainerEvents = computed85(() => {
+    const trackContainerEvents = computed86(() => {
       if (state.editable.value !== true) {
         return {};
       }
@@ -19321,10 +19350,10 @@ var QRange_default = createComponent({
         onKeyup: methods.onKeyup
       } : {};
     }
-    const thumbTabindex = computed85(() => props4.dragOnlyRange !== true ? state.tabindex.value : null);
-    const trackContainerTabindex = computed85(() => $q.platform.is.mobile !== true && (props4.dragRange || props4.dragOnlyRange === true) ? state.tabindex.value : null);
+    const thumbTabindex = computed86(() => props4.dragOnlyRange !== true ? state.tabindex.value : null);
+    const trackContainerTabindex = computed86(() => $q.platform.is.mobile !== true && (props4.dragRange || props4.dragOnlyRange === true) ? state.tabindex.value : null);
     const minThumbRef = ref50(null);
-    const minEvents = computed85(() => getEvents("min"));
+    const minEvents = computed86(() => getEvents("min"));
     const getMinThumb = methods.getThumbRenderFn({
       focusValue: "min",
       getNodeData: () => ({
@@ -19334,12 +19363,12 @@ var QRange_default = createComponent({
         tabindex: thumbTabindex.value
       }),
       ratio: ratioMin,
-      label: computed85(() => props4.leftLabelValue !== void 0 ? props4.leftLabelValue : model.value.min),
-      thumbColor: computed85(() => props4.leftThumbColor || props4.thumbColor || props4.color),
-      labelColor: computed85(() => props4.leftLabelColor || props4.labelColor),
-      labelTextColor: computed85(() => props4.leftLabelTextColor || props4.labelTextColor)
+      label: computed86(() => props4.leftLabelValue !== void 0 ? props4.leftLabelValue : model.value.min),
+      thumbColor: computed86(() => props4.leftThumbColor || props4.thumbColor || props4.color),
+      labelColor: computed86(() => props4.leftLabelColor || props4.labelColor),
+      labelTextColor: computed86(() => props4.leftLabelTextColor || props4.labelTextColor)
     });
-    const maxEvents = computed85(() => getEvents("max"));
+    const maxEvents = computed86(() => getEvents("max"));
     const getMaxThumb = methods.getThumbRenderFn({
       focusValue: "max",
       getNodeData: () => ({
@@ -19348,10 +19377,10 @@ var QRange_default = createComponent({
         tabindex: thumbTabindex.value
       }),
       ratio: ratioMax,
-      label: computed85(() => props4.rightLabelValue !== void 0 ? props4.rightLabelValue : model.value.max),
-      thumbColor: computed85(() => props4.rightThumbColor || props4.thumbColor || props4.color),
-      labelColor: computed85(() => props4.rightLabelColor || props4.labelColor),
-      labelTextColor: computed85(() => props4.rightLabelTextColor || props4.labelTextColor)
+      label: computed86(() => props4.rightLabelValue !== void 0 ? props4.rightLabelValue : model.value.max),
+      thumbColor: computed86(() => props4.rightThumbColor || props4.thumbColor || props4.color),
+      labelColor: computed86(() => props4.rightLabelColor || props4.labelColor),
+      labelTextColor: computed86(() => props4.rightLabelTextColor || props4.labelTextColor)
     });
     function updateValue2(change) {
       if (model.value.min !== props4.modelValue.min || model.value.max !== props4.modelValue.max) {
@@ -19507,7 +19536,7 @@ var QRange_default = createComponent({
 });
 
 // src/components/rating/QRating.js
-import { h as h82, ref as ref51, computed as computed86, onBeforeUpdate as onBeforeUpdate2, getCurrentInstance as getCurrentInstance67 } from "vue";
+import { h as h82, ref as ref51, computed as computed87, onBeforeUpdate as onBeforeUpdate2, getCurrentInstance as getCurrentInstance67 } from "vue";
 var QRating_default = createComponent({
   name: "QRating",
   props: {
@@ -19541,13 +19570,13 @@ var QRating_default = createComponent({
     const injectFormInput = useFormInject(formAttrs);
     const mouseModel = ref51(0);
     let iconRefs = {};
-    const editable = computed86(
+    const editable = computed87(
       () => props4.readonly !== true && props4.disable !== true
     );
-    const classes = computed86(
+    const classes = computed87(
       () => `q-rating row inline items-center q-rating--${editable.value === true ? "" : "non-"}editable` + (props4.noDimming === true ? " q-rating--no-dimming" : "") + (props4.disable === true ? " disabled" : "") + (props4.color !== void 0 && Array.isArray(props4.color) === false ? ` text-${props4.color}` : "")
     );
-    const iconData = computed86(() => {
+    const iconData = computed87(() => {
       const iconLen = Array.isArray(props4.icon) === true ? props4.icon.length : 0, selIconLen = Array.isArray(props4.iconSelected) === true ? props4.iconSelected.length : 0, halfIconLen = Array.isArray(props4.iconHalf) === true ? props4.iconHalf.length : 0, colorLen = Array.isArray(props4.color) === true ? props4.color.length : 0, selColorLen = Array.isArray(props4.colorSelected) === true ? props4.colorSelected.length : 0, halfColorLen = Array.isArray(props4.colorHalf) === true ? props4.colorHalf.length : 0;
       return {
         iconLen,
@@ -19564,7 +19593,7 @@ var QRating_default = createComponent({
         halfColor: halfColorLen > 0 ? props4.colorHalf[halfColorLen - 1] : props4.colorHalf
       };
     });
-    const iconLabel = computed86(() => {
+    const iconLabel = computed87(() => {
       if (typeof props4.iconAriaLabel === "string") {
         const label = props4.iconAriaLabel.length !== 0 ? `${props4.iconAriaLabel} ` : "";
         return (i) => `${label}${i}`;
@@ -19577,7 +19606,7 @@ var QRating_default = createComponent({
       }
       return (i, label) => `${label} ${i}`;
     });
-    const stars = computed86(() => {
+    const stars = computed87(() => {
       const acc = [], icons = iconData.value, ceil = Math.ceil(props4.modelValue), tabindex = editable.value === true ? 0 : null;
       const halfIndex = props4.iconHalf === void 0 || ceil === props4.modelValue ? -1 : ceil;
       for (let i = 1; i <= props4.max; i++) {
@@ -19595,7 +19624,7 @@ var QRating_default = createComponent({
       }
       return acc;
     });
-    const attributes = computed86(() => {
+    const attributes = computed87(() => {
       const attrs = { role: "radiogroup" };
       if (props4.disable === true) {
         attrs["aria-disabled"] = "true";
@@ -19712,7 +19741,7 @@ var QResponsive_default = createComponent({
 });
 
 // src/components/scroll-area/QScrollArea.js
-import { h as h85, ref as ref52, computed as computed87, watch as watch36, onActivated as onActivated5, onDeactivated as onDeactivated7, onBeforeUnmount as onBeforeUnmount32, getCurrentInstance as getCurrentInstance68 } from "vue";
+import { h as h85, ref as ref52, computed as computed88, watch as watch36, onActivated as onActivated5, onDeactivated as onDeactivated7, onBeforeUnmount as onBeforeUnmount32, getCurrentInstance as getCurrentInstance68 } from "vue";
 
 // src/components/scroll-area/ScrollAreaControls.js
 import { h as h84, withDirectives as withDirectives6 } from "vue";
@@ -19826,14 +19855,14 @@ var QScrollArea_default = createComponent({
     const isDark = use_dark_default(props4, proxy.$q);
     let timer2 = null, panRefPos;
     const targetRef = ref52(null);
-    const classes = computed87(
+    const classes = computed88(
       () => "q-scrollarea" + (isDark.value === true ? " q-scrollarea--dark" : "")
     );
     Object.assign(container, {
-      verticalInner: computed87(() => container.vertical.value - props4.verticalOffset[0] - props4.verticalOffset[1]),
-      horizontalInner: computed87(() => container.horizontal.value - props4.horizontalOffset[0] - props4.horizontalOffset[1])
+      verticalInner: computed88(() => container.vertical.value - props4.verticalOffset[0] - props4.verticalOffset[1]),
+      horizontalInner: computed88(() => container.horizontal.value - props4.horizontalOffset[0] - props4.horizontalOffset[1])
     });
-    scroll.vertical.percentage = computed87(() => {
+    scroll.vertical.percentage = computed88(() => {
       const diff2 = scroll.vertical.size.value - container.vertical.value;
       if (diff2 <= 0) {
         return 0;
@@ -19841,9 +19870,9 @@ var QScrollArea_default = createComponent({
       const p = between(scroll.vertical.position.value / diff2, 0, 1);
       return Math.round(p * 1e4) / 1e4;
     });
-    scroll.vertical.thumbHidden = computed87(() => (props4.visible === null ? hover.value : props4.visible) !== true && tempShowing.value === false && panning.value === false || scroll.vertical.size.value <= container.vertical.value + 1);
-    scroll.vertical.thumbStart = computed87(() => props4.verticalOffset[0] + scroll.vertical.percentage.value * (container.verticalInner.value - scroll.vertical.thumbSize.value));
-    scroll.vertical.thumbSize = computed87(
+    scroll.vertical.thumbHidden = computed88(() => (props4.visible === null ? hover.value : props4.visible) !== true && tempShowing.value === false && panning.value === false || scroll.vertical.size.value <= container.vertical.value + 1);
+    scroll.vertical.thumbStart = computed88(() => props4.verticalOffset[0] + scroll.vertical.percentage.value * (container.verticalInner.value - scroll.vertical.thumbSize.value));
+    scroll.vertical.thumbSize = computed88(
       () => Math.round(
         between(
           container.verticalInner.value * container.verticalInner.value / scroll.vertical.size.value,
@@ -19852,16 +19881,16 @@ var QScrollArea_default = createComponent({
         )
       )
     );
-    scroll.vertical.style = computed87(() => ({
+    scroll.vertical.style = computed88(() => ({
       ...props4.thumbStyle,
       ...props4.verticalThumbStyle,
       top: `${scroll.vertical.thumbStart.value}px`,
       height: `${scroll.vertical.thumbSize.value}px`,
       right: `${props4.horizontalOffset[1]}px`
     }));
-    scroll.vertical.thumbClass = computed87(() => "q-scrollarea__thumb q-scrollarea__thumb--v absolute-right" + (scroll.vertical.thumbHidden.value === true ? " q-scrollarea__thumb--invisible" : ""));
-    scroll.vertical.barClass = computed87(() => "q-scrollarea__bar q-scrollarea__bar--v absolute-right" + (scroll.vertical.thumbHidden.value === true ? " q-scrollarea__bar--invisible" : ""));
-    scroll.horizontal.percentage = computed87(() => {
+    scroll.vertical.thumbClass = computed88(() => "q-scrollarea__thumb q-scrollarea__thumb--v absolute-right" + (scroll.vertical.thumbHidden.value === true ? " q-scrollarea__thumb--invisible" : ""));
+    scroll.vertical.barClass = computed88(() => "q-scrollarea__bar q-scrollarea__bar--v absolute-right" + (scroll.vertical.thumbHidden.value === true ? " q-scrollarea__bar--invisible" : ""));
+    scroll.horizontal.percentage = computed88(() => {
       const diff2 = scroll.horizontal.size.value - container.horizontal.value;
       if (diff2 <= 0) {
         return 0;
@@ -19869,9 +19898,9 @@ var QScrollArea_default = createComponent({
       const p = between(Math.abs(scroll.horizontal.position.value) / diff2, 0, 1);
       return Math.round(p * 1e4) / 1e4;
     });
-    scroll.horizontal.thumbHidden = computed87(() => (props4.visible === null ? hover.value : props4.visible) !== true && tempShowing.value === false && panning.value === false || scroll.horizontal.size.value <= container.horizontal.value + 1);
-    scroll.horizontal.thumbStart = computed87(() => props4.horizontalOffset[0] + scroll.horizontal.percentage.value * (container.horizontalInner.value - scroll.horizontal.thumbSize.value));
-    scroll.horizontal.thumbSize = computed87(
+    scroll.horizontal.thumbHidden = computed88(() => (props4.visible === null ? hover.value : props4.visible) !== true && tempShowing.value === false && panning.value === false || scroll.horizontal.size.value <= container.horizontal.value + 1);
+    scroll.horizontal.thumbStart = computed88(() => props4.horizontalOffset[0] + scroll.horizontal.percentage.value * (container.horizontalInner.value - scroll.horizontal.thumbSize.value));
+    scroll.horizontal.thumbSize = computed88(
       () => Math.round(
         between(
           container.horizontalInner.value * container.horizontalInner.value / scroll.horizontal.size.value,
@@ -19880,16 +19909,16 @@ var QScrollArea_default = createComponent({
         )
       )
     );
-    scroll.horizontal.style = computed87(() => ({
+    scroll.horizontal.style = computed88(() => ({
       ...props4.thumbStyle,
       ...props4.horizontalThumbStyle,
       [proxy.$q.lang.rtl === true ? "right" : "left"]: `${scroll.horizontal.thumbStart.value}px`,
       width: `${scroll.horizontal.thumbSize.value}px`,
       bottom: `${props4.verticalOffset[1]}px`
     }));
-    scroll.horizontal.thumbClass = computed87(() => "q-scrollarea__thumb q-scrollarea__thumb--h absolute-bottom" + (scroll.horizontal.thumbHidden.value === true ? " q-scrollarea__thumb--invisible" : ""));
-    scroll.horizontal.barClass = computed87(() => "q-scrollarea__bar q-scrollarea__bar--h absolute-bottom" + (scroll.horizontal.thumbHidden.value === true ? " q-scrollarea__bar--invisible" : ""));
-    const mainStyle = computed87(() => scroll.vertical.thumbHidden.value === true && scroll.horizontal.thumbHidden.value === true ? props4.contentStyle : props4.contentActiveStyle);
+    scroll.horizontal.thumbClass = computed88(() => "q-scrollarea__thumb q-scrollarea__thumb--h absolute-bottom" + (scroll.horizontal.thumbHidden.value === true ? " q-scrollarea__thumb--invisible" : ""));
+    scroll.horizontal.barClass = computed88(() => "q-scrollarea__bar q-scrollarea__bar--h absolute-bottom" + (scroll.horizontal.thumbHidden.value === true ? " q-scrollarea__bar--invisible" : ""));
+    const mainStyle = computed88(() => scroll.vertical.thumbHidden.value === true && scroll.horizontal.thumbHidden.value === true ? props4.contentStyle : props4.contentActiveStyle);
     function getScroll() {
       const info = {};
       axisList.forEach((axis) => {
@@ -20124,10 +20153,10 @@ var QScrollArea_default = createComponent({
 });
 
 // src/components/select/QSelect.js
-import { h as h87, ref as ref54, computed as computed89, watch as watch38, onBeforeUpdate as onBeforeUpdate3, onUpdated, onBeforeUnmount as onBeforeUnmount34, nextTick as nextTick16, getCurrentInstance as getCurrentInstance70 } from "vue";
+import { h as h87, ref as ref54, computed as computed90, watch as watch38, onBeforeUpdate as onBeforeUpdate3, onUpdated, onBeforeUnmount as onBeforeUnmount34, nextTick as nextTick16, getCurrentInstance as getCurrentInstance70 } from "vue";
 
 // src/components/virtual-scroll/use-virtual-scroll.js
-import { h as h86, ref as ref53, computed as computed88, watch as watch37, onActivated as onActivated6, onDeactivated as onDeactivated8, onBeforeMount as onBeforeMount2, onBeforeUnmount as onBeforeUnmount33, nextTick as nextTick15, getCurrentInstance as getCurrentInstance69 } from "vue";
+import { h as h86, ref as ref53, computed as computed89, watch as watch37, onActivated as onActivated6, onDeactivated as onDeactivated8, onBeforeMount as onBeforeMount2, onBeforeUnmount as onBeforeUnmount33, nextTick as nextTick15, getCurrentInstance as getCurrentInstance69 } from "vue";
 var aggBucketSize = 1e3;
 var scrollToEdges = [
   "start",
@@ -20306,12 +20335,12 @@ function useVirtualScroll({
   const afterRef = ref53(null);
   const contentRef = ref53(null);
   const virtualScrollSliceRange = ref53({ from: 0, to: 0 });
-  const colspanAttr = computed88(() => props4.tableColspan !== void 0 ? props4.tableColspan : 100);
+  const colspanAttr = computed89(() => props4.tableColspan !== void 0 ? props4.tableColspan : 100);
   if (virtualScrollItemSizeComputed === void 0) {
-    virtualScrollItemSizeComputed = computed88(() => props4.virtualScrollItemSize);
+    virtualScrollItemSizeComputed = computed89(() => props4.virtualScrollItemSize);
   }
-  const needsReset = computed88(() => virtualScrollItemSizeComputed.value + ";" + props4.virtualScrollHorizontal);
-  const needsSliceRecalc = computed88(
+  const needsReset = computed89(() => virtualScrollItemSizeComputed.value + ";" + props4.virtualScrollHorizontal);
+  const needsSliceRecalc = computed89(
     () => needsReset.value + ";" + props4.virtualScrollSliceRatioBefore + ";" + props4.virtualScrollSliceRatioAfter
   );
   watch37(needsSliceRecalc, () => {
@@ -20771,8 +20800,8 @@ var QSelect_default = createComponent({
     const menuContentRef = ref54(null);
     const nameProp = useFormInputNameAttr(props4);
     const onComposition = use_key_composition_default(onInput);
-    const virtualScrollLength = computed89(() => Array.isArray(props4.options) ? props4.options.length : 0);
-    const virtualScrollItemSizeComputed = computed89(() => props4.virtualScrollItemSize === void 0 ? props4.optionsDense === true ? 24 : 48 : props4.virtualScrollItemSize);
+    const virtualScrollLength = computed90(() => Array.isArray(props4.options) ? props4.options.length : 0);
+    const virtualScrollItemSizeComputed = computed90(() => props4.virtualScrollItemSize === void 0 ? props4.optionsDense === true ? 24 : 48 : props4.virtualScrollItemSize);
     const {
       virtualScrollSliceRange,
       virtualScrollSliceSizeComputed,
@@ -20788,7 +20817,7 @@ var QSelect_default = createComponent({
       virtualScrollItemSizeComputed
     });
     const state = useFieldState();
-    const innerValue = computed89(() => {
+    const innerValue = computed90(() => {
       const mapNull = props4.mapOptions === true && props4.multiple !== true, val = props4.modelValue !== void 0 && (props4.modelValue !== null || mapNull === true) ? props4.multiple === true && Array.isArray(props4.modelValue) ? props4.modelValue : [props4.modelValue] : [];
       if (props4.mapOptions === true && Array.isArray(props4.options) === true) {
         const cache = props4.mapOptions === true && innerValueCache !== void 0 ? innerValueCache : [];
@@ -20797,7 +20826,7 @@ var QSelect_default = createComponent({
       }
       return val;
     });
-    const innerFieldProps = computed89(() => {
+    const innerFieldProps = computed90(() => {
       const acc = {};
       fieldPropsList.forEach((key) => {
         const val = props4[key];
@@ -20807,9 +20836,9 @@ var QSelect_default = createComponent({
       });
       return acc;
     });
-    const isOptionsDark = computed89(() => props4.optionsDark === null ? state.isDark.value : props4.optionsDark);
-    const hasValue = computed89(() => fieldValueIsFilled(innerValue.value));
-    const computedInputClass = computed89(() => {
+    const isOptionsDark = computed90(() => props4.optionsDark === null ? state.isDark.value : props4.optionsDark);
+    const hasValue = computed90(() => fieldValueIsFilled(innerValue.value));
+    const computedInputClass = computed90(() => {
       let cls = "q-field__input q-placeholder col";
       if (props4.hideSelected === true || innerValue.value.length === 0) {
         return [cls, props4.inputClass];
@@ -20817,18 +20846,18 @@ var QSelect_default = createComponent({
       cls += " q-field__input--padding";
       return props4.inputClass === void 0 ? cls : [cls, props4.inputClass];
     });
-    const menuContentClass = computed89(
+    const menuContentClass = computed90(
       () => (props4.virtualScrollHorizontal === true ? "q-virtual-scroll--horizontal" : "") + (props4.popupContentClass ? " " + props4.popupContentClass : "")
     );
-    const noOptions = computed89(() => virtualScrollLength.value === 0);
-    const selectedString = computed89(
+    const noOptions = computed90(() => virtualScrollLength.value === 0);
+    const selectedString = computed90(
       () => innerValue.value.map((opt) => getOptionLabel.value(opt)).join(", ")
     );
-    const ariaCurrentValue = computed89(() => props4.displayValue !== void 0 ? props4.displayValue : selectedString.value);
-    const needsHtmlFn = computed89(() => props4.optionsHtml === true ? () => true : (opt) => opt?.html === true);
-    const valueAsHtml = computed89(() => props4.displayValueHtml === true || props4.displayValue === void 0 && (props4.optionsHtml === true || innerValue.value.some(needsHtmlFn.value)));
-    const tabindex = computed89(() => state.focused.value === true ? props4.tabindex : -1);
-    const comboboxAttrs = computed89(() => {
+    const ariaCurrentValue = computed90(() => props4.displayValue !== void 0 ? props4.displayValue : selectedString.value);
+    const needsHtmlFn = computed90(() => props4.optionsHtml === true ? () => true : (opt) => opt?.html === true);
+    const valueAsHtml = computed90(() => props4.displayValueHtml === true || props4.displayValue === void 0 && (props4.optionsHtml === true || innerValue.value.some(needsHtmlFn.value)));
+    const tabindex = computed90(() => state.focused.value === true ? props4.tabindex : -1);
+    const comboboxAttrs = computed90(() => {
       const attrs = {
         tabindex: props4.tabindex,
         role: "combobox",
@@ -20843,12 +20872,12 @@ var QSelect_default = createComponent({
       }
       return attrs;
     });
-    const listboxAttrs = computed89(() => ({
+    const listboxAttrs = computed90(() => ({
       id: `${state.targetUid.value}_lb`,
       role: "listbox",
       "aria-multiselectable": props4.multiple === true ? "true" : "false"
     }));
-    const selectedScope = computed89(() => {
+    const selectedScope = computed90(() => {
       return innerValue.value.map((opt, i) => ({
         index: i,
         opt,
@@ -20859,7 +20888,7 @@ var QSelect_default = createComponent({
         tabindex: tabindex.value
       }));
     });
-    const optionScope = computed89(() => {
+    const optionScope = computed90(() => {
       if (virtualScrollLength.value === 0) {
         return [];
       }
@@ -20906,16 +20935,16 @@ var QSelect_default = createComponent({
         };
       });
     });
-    const dropdownArrowIcon = computed89(() => props4.dropdownIcon !== void 0 ? props4.dropdownIcon : $q.iconSet.arrow.dropdown);
-    const squaredMenu = computed89(
+    const dropdownArrowIcon = computed90(() => props4.dropdownIcon !== void 0 ? props4.dropdownIcon : $q.iconSet.arrow.dropdown);
+    const squaredMenu = computed90(
       () => props4.optionsCover === false && props4.outlined !== true && props4.standout !== true && props4.borderless !== true && props4.rounded !== true
     );
-    const computedOptionsSelectedClass = computed89(() => props4.optionsSelectedClass !== void 0 ? props4.optionsSelectedClass : props4.color !== void 0 ? `text-${props4.color}` : "");
-    const getOptionValue = computed89(() => getPropValueFn2(props4.optionValue, "value"));
-    const getOptionLabel = computed89(() => getPropValueFn2(props4.optionLabel, "label"));
-    const isOptionDisabled = computed89(() => getPropValueFn2(props4.optionDisable, "disable"));
-    const innerOptionsValue = computed89(() => innerValue.value.map(getOptionValue.value));
-    const inputControlEvents = computed89(() => {
+    const computedOptionsSelectedClass = computed90(() => props4.optionsSelectedClass !== void 0 ? props4.optionsSelectedClass : props4.color !== void 0 ? `text-${props4.color}` : "");
+    const getOptionValue = computed90(() => getPropValueFn2(props4.optionValue, "value"));
+    const getOptionLabel = computed90(() => getPropValueFn2(props4.optionLabel, "label"));
+    const isOptionDisabled = computed90(() => getPropValueFn2(props4.optionDisable, "disable"));
+    const innerOptionsValue = computed90(() => innerValue.value.map(getOptionValue.value));
+    const inputControlEvents = computed90(() => {
       const evt = {
         onInput,
         // Safari < 10.2 & UIWebView doesn't fire compositionend when
@@ -21656,14 +21685,14 @@ var QSelect_default = createComponent({
     });
     Object.assign(state, {
       innerValue,
-      fieldClass: computed89(
+      fieldClass: computed90(
         () => `q-select q-field--auto-height q-select--with${props4.useInput !== true ? "out" : ""}-input q-select--with${props4.useChips !== true ? "out" : ""}-chips q-select--${props4.multiple === true ? "multiple" : "single"}`
       ),
       inputRef,
       targetRef,
       hasValue,
       showPopup,
-      floatingLabel: computed89(
+      floatingLabel: computed90(
         () => props4.hideSelected !== true && hasValue.value === true || typeof inputValue.value === "number" || inputValue.value.length !== 0 || fieldValueIsFilled(props4.displayValue)
       ),
       getControlChild: () => {
@@ -21755,7 +21784,7 @@ var QSelect_default = createComponent({
 });
 
 // src/components/skeleton/QSkeleton.js
-import { h as h88, computed as computed90, getCurrentInstance as getCurrentInstance71 } from "vue";
+import { h as h88, computed as computed91, getCurrentInstance as getCurrentInstance71 } from "vue";
 var skeletonTypes = [
   "text",
   "rect",
@@ -21812,7 +21841,7 @@ var QSkeleton_default = createComponent({
   setup(props4, { slots }) {
     const vm2 = getCurrentInstance71();
     const isDark = use_dark_default(props4, vm2.proxy.$q);
-    const style2 = computed90(() => {
+    const style2 = computed91(() => {
       const size2 = props4.size !== void 0 ? [props4.size, props4.size] : [props4.width, props4.height];
       return {
         "--q-skeleton-speed": `${props4.animationSpeed}ms`,
@@ -21820,7 +21849,7 @@ var QSkeleton_default = createComponent({
         height: size2[1]
       };
     });
-    const classes = computed90(
+    const classes = computed91(
       () => `q-skeleton q-skeleton--${isDark.value === true ? "dark" : "light"} q-skeleton--type-${props4.type}` + (props4.animation !== "none" ? ` q-skeleton--anim q-skeleton--anim-${props4.animation}` : "") + (props4.square === true ? " q-skeleton--square" : "") + (props4.bordered === true ? " q-skeleton--bordered" : "")
     );
     return () => h88(props4.tag, {
@@ -21831,7 +21860,7 @@ var QSkeleton_default = createComponent({
 });
 
 // src/components/slide-item/QSlideItem.js
-import { h as h89, ref as ref55, computed as computed91, withDirectives as withDirectives7, onBeforeUnmount as onBeforeUnmount35, onBeforeUpdate as onBeforeUpdate4, getCurrentInstance as getCurrentInstance72 } from "vue";
+import { h as h89, ref as ref55, computed as computed92, withDirectives as withDirectives7, onBeforeUnmount as onBeforeUnmount35, onBeforeUpdate as onBeforeUpdate4, getCurrentInstance as getCurrentInstance72 } from "vue";
 var slotsDef = [
   ["left", "center", "start", "width"],
   ["right", "center", "end", "width"],
@@ -21856,8 +21885,8 @@ var QSlideItem_default = createComponent({
     const { getCache } = use_render_cache_default();
     const contentRef = ref55(null);
     let timer2 = null, pan = {}, dirRefs = {}, dirContentRefs = {};
-    const langDir = computed91(() => $q.lang.rtl === true ? { left: "right", right: "left" } : { left: "left", right: "right" });
-    const classes = computed91(
+    const langDir = computed92(() => $q.lang.rtl === true ? { left: "right", right: "left" } : { left: "left", right: "right" });
+    const classes = computed92(
       () => "q-slide-item q-item-type overflow-hidden" + (isDark.value === true ? " q-slide-item--dark q-dark" : "")
     );
     function reset() {
@@ -22444,7 +22473,7 @@ var QSpinnerTail_default = createComponent({
 });
 
 // src/components/splitter/QSplitter.js
-import { h as h113, ref as ref56, computed as computed92, watch as watch39, nextTick as nextTick17, getCurrentInstance as getCurrentInstance73 } from "vue";
+import { h as h113, ref as ref56, computed as computed93, watch as watch39, nextTick as nextTick17, getCurrentInstance as getCurrentInstance73 } from "vue";
 var QSplitter_default = createComponent({
   name: "QSplitter",
   props: {
@@ -22484,16 +22513,16 @@ var QSplitter_default = createComponent({
       before: ref56(null),
       after: ref56(null)
     };
-    const classes = computed92(
+    const classes = computed93(
       () => `q-splitter no-wrap ${props4.horizontal === true ? "q-splitter--horizontal column" : "q-splitter--vertical row"} q-splitter--${props4.disable === true ? "disabled" : "workable"}` + (isDark.value === true ? " q-splitter--dark" : "")
     );
-    const propName = computed92(() => props4.horizontal === true ? "height" : "width");
-    const side = computed92(() => props4.reverse !== true ? "before" : "after");
-    const computedLimits = computed92(() => props4.limits !== void 0 ? props4.limits : props4.unit === "%" ? [10, 90] : [50, Infinity]);
+    const propName = computed93(() => props4.horizontal === true ? "height" : "width");
+    const side = computed93(() => props4.reverse !== true ? "before" : "after");
+    const computedLimits = computed93(() => props4.limits !== void 0 ? props4.limits : props4.unit === "%" ? [10, 90] : [50, Infinity]);
     function getCSSValue(value2) {
       return (props4.unit === "%" ? value2 : Math.round(value2)) + props4.unit;
     }
-    const styles = computed92(() => ({
+    const styles = computed93(() => ({
       [side.value]: {
         [propName.value]: getCSSValue(props4.modelValue)
       }
@@ -22523,7 +22552,7 @@ var QSplitter_default = createComponent({
         emit("update:modelValue", __normalized);
       }
     }
-    const sepDirective = computed92(() => {
+    const sepDirective = computed93(() => {
       return [[
         TouchPan_default,
         pan,
@@ -22597,10 +22626,10 @@ var QSplitter_default = createComponent({
 });
 
 // src/components/stepper/QStep.js
-import { h as h115, ref as ref58, computed as computed94, inject as inject10, getCurrentInstance as getCurrentInstance75, KeepAlive as KeepAlive2 } from "vue";
+import { h as h115, ref as ref58, computed as computed95, inject as inject10, getCurrentInstance as getCurrentInstance75, KeepAlive as KeepAlive2 } from "vue";
 
 // src/components/stepper/StepHeader.js
-import { h as h114, ref as ref57, computed as computed93, withDirectives as withDirectives8, getCurrentInstance as getCurrentInstance74 } from "vue";
+import { h as h114, ref as ref57, computed as computed94, withDirectives as withDirectives8, getCurrentInstance as getCurrentInstance74 } from "vue";
 var StepHeader_default = createComponent({
   name: "StepHeader",
   props: {
@@ -22611,27 +22640,27 @@ var StepHeader_default = createComponent({
   setup(props4, { attrs }) {
     const { proxy: { $q } } = getCurrentInstance74();
     const blurRef = ref57(null);
-    const isActive = computed93(() => props4.stepper.modelValue === props4.step.name);
-    const isDisable = computed93(() => {
+    const isActive = computed94(() => props4.stepper.modelValue === props4.step.name);
+    const isDisable = computed94(() => {
       const opt = props4.step.disable;
       return opt === true || opt === "";
     });
-    const isError = computed93(() => {
+    const isError = computed94(() => {
       const opt = props4.step.error;
       return opt === true || opt === "";
     });
-    const isDone = computed93(() => {
+    const isDone = computed94(() => {
       const opt = props4.step.done;
       return isDisable.value === false && (opt === true || opt === "");
     });
-    const headerNav = computed93(() => {
+    const headerNav = computed94(() => {
       const opt = props4.step.headerNav, nav = opt === true || opt === "" || opt === void 0;
       return isDisable.value === false && props4.stepper.headerNav && nav;
     });
-    const hasPrefix = computed93(() => {
+    const hasPrefix = computed94(() => {
       return props4.step.prefix && (isActive.value === false || props4.stepper.activeIcon === "none") && (isError.value === false || props4.stepper.errorIcon === "none") && (isDone.value === false || props4.stepper.doneIcon === "none");
     });
-    const icon = computed93(() => {
+    const icon = computed94(() => {
       const defaultIcon = props4.step.icon || props4.stepper.inactiveIcon;
       if (isActive.value === true) {
         const icon2 = props4.step.activeIcon || props4.stepper.activeIcon;
@@ -22647,7 +22676,7 @@ var StepHeader_default = createComponent({
       }
       return defaultIcon;
     });
-    const color = computed93(() => {
+    const color = computed94(() => {
       const errorColor = isError.value === true ? props4.step.errorColor || props4.stepper.errorColor : void 0;
       if (isActive.value === true) {
         const color2 = props4.step.activeColor || props4.stepper.activeColor || props4.step.color;
@@ -22661,10 +22690,10 @@ var StepHeader_default = createComponent({
       }
       return props4.step.color || props4.stepper.inactiveColor;
     });
-    const classes = computed93(() => {
+    const classes = computed94(() => {
       return "q-stepper__tab col-grow flex items-center no-wrap relative-position" + (color.value !== void 0 ? ` text-${color.value}` : "") + (isError.value === true ? " q-stepper__tab--error q-stepper__tab--error-with-" + (hasPrefix.value === true ? "prefix" : "icon") : "") + (isActive.value === true ? " q-stepper__tab--active" : "") + (isDone.value === true ? " q-stepper__tab--done" : "") + (headerNav.value === true ? " q-stepper__tab--navigation q-focusable q-hoverable" : "") + (isDisable.value === true ? " q-stepper__tab--disabled" : "");
     });
-    const ripple = computed93(() => props4.stepper.headerNav !== true ? false : headerNav.value);
+    const ripple = computed94(() => props4.stepper.headerNav !== true ? false : headerNav.value);
     function onActivate() {
       blurRef.value?.focus();
       isActive.value === false && props4.goToPanel(props4.step.name);
@@ -22765,8 +22794,8 @@ var QStep_default = createComponent({
     }
     const { getCache } = use_render_cache_default();
     const rootRef = ref58(null);
-    const isActive = computed94(() => $stepper.value.modelValue === props4.name);
-    const scrollEvent = computed94(() => $q.platform.is.ios !== true && $q.platform.is.chrome === true || isActive.value !== true || $stepper.value.vertical !== true ? {} : {
+    const isActive = computed95(() => $stepper.value.modelValue === props4.name);
+    const scrollEvent = computed95(() => $q.platform.is.ios !== true && $q.platform.is.chrome === true || isActive.value !== true || $stepper.value.vertical !== true ? {} : {
       onScroll(e) {
         const { target: target2 } = e;
         if (target2.scrollTop > 0) {
@@ -22775,7 +22804,7 @@ var QStep_default = createComponent({
         props4.onScroll !== void 0 && emit("scroll", e);
       }
     });
-    const contentKey = computed94(() => typeof props4.name === "string" || typeof props4.name === "number" ? props4.name : String(props4.name));
+    const contentKey = computed95(() => typeof props4.name === "string" || typeof props4.name === "number" ? props4.name : String(props4.name));
     function getStepContent() {
       const vertical = $stepper.value.vertical;
       if (vertical === true && $stepper.value.keepAlive === true) {
@@ -22809,7 +22838,7 @@ var QStep_default = createComponent({
 });
 
 // src/components/stepper/QStepper.js
-import { h as h116, computed as computed95, provide as provide6, getCurrentInstance as getCurrentInstance76 } from "vue";
+import { h as h116, computed as computed96, provide as provide6, getCurrentInstance as getCurrentInstance76 } from "vue";
 var camelRE = /(-\w)/g;
 function camelizeProps(props4) {
   const acc = {};
@@ -22854,16 +22883,16 @@ var QStepper_default = createComponent({
       keepAliveProps,
       needsUniqueKeepAliveWrapper
     } = use_panel_default();
-    provide6(stepperKey, computed95(() => ({
+    provide6(stepperKey, computed96(() => ({
       goToPanel,
       keepAliveProps,
       needsUniqueKeepAliveWrapper,
       ...props4
     })));
-    const classes = computed95(
+    const classes = computed96(
       () => `q-stepper q-stepper--${props4.vertical === true ? "vertical" : "horizontal"}` + (props4.flat === true ? " q-stepper--flat" : "") + (props4.bordered === true ? " q-stepper--bordered" : "") + (isDark.value === true ? " q-stepper--dark q-dark" : "")
     );
-    const headerClasses = computed95(
+    const headerClasses = computed96(
       () => `q-stepper__header row items-stretch justify-between q-stepper__header--${props4.alternativeLabels === true ? "alternative" : "standard"}-labels` + (props4.flat === false || props4.bordered === true ? " q-stepper__header--border" : "") + (props4.contracted === true ? " q-stepper__header--contracted" : "") + (props4.headerClass !== void 0 ? ` ${props4.headerClass}` : "")
     );
     function getContent() {
@@ -22919,7 +22948,7 @@ var QStepperNavigation_default = createComponent({
 });
 
 // src/components/table/QTable.js
-import { h as h121, ref as ref62, computed as computed102, watch as watch44, getCurrentInstance as getCurrentInstance78 } from "vue";
+import { h as h121, ref as ref62, computed as computed103, watch as watch44, getCurrentInstance as getCurrentInstance78 } from "vue";
 
 // src/components/table/QTh.js
 import { h as h118, getCurrentInstance as getCurrentInstance77 } from "vue";
@@ -22977,7 +23006,7 @@ var QTh_default = createComponent({
 });
 
 // src/components/virtual-scroll/QVirtualScroll.js
-import { h as h120, ref as ref59, computed as computed96, watch as watch40, onBeforeMount as onBeforeMount3, onMounted as onMounted22, onBeforeUnmount as onBeforeUnmount36, onActivated as onActivated7, onDeactivated as onDeactivated9 } from "vue";
+import { h as h120, ref as ref59, computed as computed97, watch as watch40, onBeforeMount as onBeforeMount3, onMounted as onMounted22, onBeforeUnmount as onBeforeUnmount36, onActivated as onActivated7, onDeactivated as onDeactivated9 } from "vue";
 
 // src/components/table/get-table-middle.js
 import { h as h119 } from "vue";
@@ -23013,7 +23042,7 @@ var QVirtualScroll_default = createComponent({
   setup(props4, { slots, attrs }) {
     let localScrollTarget;
     const rootRef = ref59(null);
-    const virtualScrollLength = computed96(() => props4.itemsSize >= 0 && props4.itemsFn !== void 0 ? parseInt(props4.itemsSize, 10) : Array.isArray(props4.items) ? props4.items.length : 0);
+    const virtualScrollLength = computed97(() => props4.itemsSize >= 0 && props4.itemsFn !== void 0 ? parseInt(props4.itemsSize, 10) : Array.isArray(props4.items) ? props4.items.length : 0);
     const {
       virtualScrollSliceRange,
       localResetVirtualScroll,
@@ -23024,7 +23053,7 @@ var QVirtualScroll_default = createComponent({
       getVirtualScrollTarget,
       getVirtualScrollEl
     });
-    const virtualScrollScope = computed96(() => {
+    const virtualScrollScope = computed97(() => {
       if (virtualScrollLength.value === 0) {
         return [];
       }
@@ -23034,10 +23063,10 @@ var QVirtualScroll_default = createComponent({
       });
       return props4.itemsFn === void 0 ? props4.items.slice(virtualScrollSliceRange.value.from, virtualScrollSliceRange.value.to).map(mapFn) : props4.itemsFn(virtualScrollSliceRange.value.from, virtualScrollSliceRange.value.to - virtualScrollSliceRange.value.from).map(mapFn);
     });
-    const classes = computed96(
+    const classes = computed97(
       () => "q-virtual-scroll q-virtual-scroll" + (props4.virtualScrollHorizontal === true ? "--horizontal" : "--vertical") + (props4.scrollTarget !== void 0 ? "" : " scroll")
     );
-    const attributes = computed96(() => props4.scrollTarget !== void 0 ? {} : { tabindex: 0 });
+    const attributes = computed97(() => props4.scrollTarget !== void 0 ? {} : { tabindex: 0 });
     watch40(virtualScrollLength, () => {
       localResetVirtualScroll();
     });
@@ -23105,7 +23134,7 @@ var QVirtualScroll_default = createComponent({
 });
 
 // src/components/table/table-sort.js
-import { computed as computed97 } from "vue";
+import { computed as computed98 } from "vue";
 
 // src/utils/private.sort/sort.js
 function sortDate(a, b) {
@@ -23123,11 +23152,11 @@ var useTableSortProps = {
   }
 };
 function useTableSort(props4, computedPagination, colList, setPagination) {
-  const columnToSort = computed97(() => {
+  const columnToSort = computed98(() => {
     const { sortBy } = computedPagination.value;
     return sortBy ? colList.value.find((def) => def.name === sortBy) || null : null;
   });
-  const computedSortMethod = computed97(() => props4.sortMethod !== void 0 ? props4.sortMethod : (data, sortBy, descending) => {
+  const computedSortMethod = computed98(() => props4.sortMethod !== void 0 ? props4.sortMethod : (data, sortBy, descending) => {
     const col = colList.value.find((def) => def.name === sortBy);
     if (col === void 0 || col.field === void 0) {
       return data;
@@ -23202,13 +23231,13 @@ function useTableSort(props4, computedPagination, colList, setPagination) {
 }
 
 // src/components/table/table-filter.js
-import { computed as computed98, watch as watch41, nextTick as nextTick18 } from "vue";
+import { computed as computed99, watch as watch41, nextTick as nextTick18 } from "vue";
 var useTableFilterProps = {
   filter: [String, Object],
   filterMethod: Function
 };
 function useTableFilter(props4, setPagination) {
-  const computedFilterMethod = computed98(() => props4.filterMethod !== void 0 ? props4.filterMethod : (rows, terms, cols, cellValue) => {
+  const computedFilterMethod = computed99(() => props4.filterMethod !== void 0 ? props4.filterMethod : (rows, terms, cols, cellValue) => {
     const lowerTerms = terms ? terms.toLowerCase() : "";
     return rows.filter(
       (row) => cols.some((col) => {
@@ -23231,7 +23260,7 @@ function useTableFilter(props4, setPagination) {
 }
 
 // src/components/table/table-pagination.js
-import { ref as ref60, computed as computed99, watch as watch42, nextTick as nextTick19 } from "vue";
+import { ref as ref60, computed as computed100, watch as watch42, nextTick as nextTick19 } from "vue";
 function samePagination(oldPag, newPag) {
   for (const prop in newPag) {
     if (newPag[prop] !== oldPag[prop]) {
@@ -23267,11 +23296,11 @@ function useTablePaginationState(vm2, getCellValue) {
       rowsPerPage: props4.rowsPerPageOptions.length !== 0 ? props4.rowsPerPageOptions[0] : 5
     }, props4.pagination)
   );
-  const computedPagination = computed99(() => {
+  const computedPagination = computed100(() => {
     const pag = props4["onUpdate:pagination"] !== void 0 ? { ...innerPagination.value, ...props4.pagination } : innerPagination.value;
     return fixPagination(pag);
   });
-  const isServerSide = computed99(() => computedPagination.value.rowsNumber !== void 0);
+  const isServerSide = computed100(() => computedPagination.value.rowsNumber !== void 0);
   function sendServerRequest(pagination) {
     requestServerInteraction({
       pagination,
@@ -23318,22 +23347,22 @@ function useTablePaginationState(vm2, getCellValue) {
 }
 function useTablePagination(vm2, innerPagination, computedPagination, isServerSide, setPagination, filteredSortedRowsNumber) {
   const { props: props4, emit, proxy: { $q } } = vm2;
-  const computedRowsNumber = computed99(() => isServerSide.value === true ? computedPagination.value.rowsNumber || 0 : filteredSortedRowsNumber.value);
-  const firstRowIndex = computed99(() => {
+  const computedRowsNumber = computed100(() => isServerSide.value === true ? computedPagination.value.rowsNumber || 0 : filteredSortedRowsNumber.value);
+  const firstRowIndex = computed100(() => {
     const { page, rowsPerPage } = computedPagination.value;
     return (page - 1) * rowsPerPage;
   });
-  const lastRowIndex = computed99(() => {
+  const lastRowIndex = computed100(() => {
     const { page, rowsPerPage } = computedPagination.value;
     return page * rowsPerPage;
   });
-  const isFirstPage = computed99(() => computedPagination.value.page === 1);
-  const pagesNumber = computed99(() => computedPagination.value.rowsPerPage === 0 ? 1 : Math.max(
+  const isFirstPage = computed100(() => computedPagination.value.page === 1);
+  const pagesNumber = computed100(() => computedPagination.value.rowsPerPage === 0 ? 1 : Math.max(
     1,
     Math.ceil(computedRowsNumber.value / computedPagination.value.rowsPerPage)
   ));
-  const isLastPage = computed99(() => lastRowIndex.value === 0 ? true : computedPagination.value.page >= pagesNumber.value);
-  const computedRowsPerPageOptions = computed99(() => {
+  const isLastPage = computed100(() => lastRowIndex.value === 0 ? true : computedPagination.value.page >= pagesNumber.value);
+  const computedRowsPerPageOptions = computed100(() => {
     const opts = props4.rowsPerPageOptions.includes(innerPagination.value.rowsPerPage) ? props4.rowsPerPageOptions : [innerPagination.value.rowsPerPage].concat(props4.rowsPerPageOptions);
     return opts.map((count) => ({
       label: count === 0 ? $q.lang.table.allRows : "" + count,
@@ -23386,7 +23415,7 @@ function useTablePagination(vm2, innerPagination, computedPagination, isServerSi
 }
 
 // src/components/table/table-row-selection.js
-import { computed as computed100 } from "vue";
+import { computed as computed101 } from "vue";
 var useTableRowSelectionProps = {
   selection: {
     type: String,
@@ -23400,31 +23429,31 @@ var useTableRowSelectionProps = {
 };
 var useTableRowSelectionEmits = ["update:selected", "selection"];
 function useTableRowSelection(props4, emit, computedRows, getRowKey) {
-  const selectedKeys = computed100(() => {
+  const selectedKeys = computed101(() => {
     const keys = {};
     props4.selected.map(getRowKey.value).forEach((key) => {
       keys[key] = true;
     });
     return keys;
   });
-  const hasSelectionMode = computed100(() => {
+  const hasSelectionMode = computed101(() => {
     return props4.selection !== "none";
   });
-  const singleSelection = computed100(() => {
+  const singleSelection = computed101(() => {
     return props4.selection === "single";
   });
-  const multipleSelection = computed100(() => {
+  const multipleSelection = computed101(() => {
     return props4.selection === "multiple";
   });
-  const allRowsSelected = computed100(
+  const allRowsSelected = computed101(
     () => computedRows.value.length !== 0 && computedRows.value.every(
       (row) => selectedKeys.value[getRowKey.value(row)] === true
     )
   );
-  const someRowsSelected = computed100(
+  const someRowsSelected = computed101(
     () => allRowsSelected.value !== true && computedRows.value.some((row) => selectedKeys.value[getRowKey.value(row)] === true)
   );
-  const rowsSelectedNumber = computed100(() => props4.selected.length);
+  const rowsSelectedNumber = computed101(() => props4.selected.length);
   function isRowSelected(key) {
     return selectedKeys.value[key] === true;
   }
@@ -23497,12 +23526,12 @@ function useTableRowExpand(props4, emit) {
 }
 
 // src/components/table/table-column-selection.js
-import { computed as computed101 } from "vue";
+import { computed as computed102 } from "vue";
 var useTableColumnSelectionProps = {
   visibleColumns: Array
 };
 function useTableColumnSelection(props4, computedPagination, hasSelectionMode) {
-  const colList = computed101(() => {
+  const colList = computed102(() => {
     if (props4.columns !== void 0) {
       return props4.columns;
     }
@@ -23515,7 +23544,7 @@ function useTableColumnSelection(props4, computedPagination, hasSelectionMode) {
       sortable: true
     })) : [];
   });
-  const computedCols = computed101(() => {
+  const computedCols = computed102(() => {
     const { sortBy, descending } = computedPagination.value;
     const cols = props4.visibleColumns !== void 0 ? colList.value.filter((col) => col.required === true || props4.visibleColumns.includes(col.name) === true) : colList.value;
     return cols.map((col) => {
@@ -23531,14 +23560,14 @@ function useTableColumnSelection(props4, computedPagination, hasSelectionMode) {
       };
     });
   });
-  const computedColsMap = computed101(() => {
+  const computedColsMap = computed102(() => {
     const names = {};
     computedCols.value.forEach((col) => {
       names[col.name] = col;
     });
     return names;
   });
-  const computedColspan = computed101(() => {
+  const computedColspan = computed102(() => {
     return props4.tableColspan !== void 0 ? props4.tableColspan : computedCols.value.length + (hasSelectionMode.value === true ? 1 : 0);
   });
   return {
@@ -23640,17 +23669,17 @@ var QTable_default = createComponent({
     const { proxy: { $q } } = vm2;
     const isDark = use_dark_default(props4, $q);
     const { inFullscreen, toggleFullscreen } = use_fullscreen_default();
-    const getRowKey = computed102(() => typeof props4.rowKey === "function" ? props4.rowKey : (row) => row[props4.rowKey]);
+    const getRowKey = computed103(() => typeof props4.rowKey === "function" ? props4.rowKey : (row) => row[props4.rowKey]);
     const rootRef = ref62(null);
     const virtScrollRef = ref62(null);
-    const hasVirtScroll = computed102(() => props4.grid !== true && props4.virtualScroll === true);
-    const cardDefaultClass = computed102(
+    const hasVirtScroll = computed103(() => props4.grid !== true && props4.virtualScroll === true);
+    const cardDefaultClass = computed103(
       () => " q-table__card" + (isDark.value === true ? " q-table__card--dark q-dark" : "") + (props4.square === true ? " q-table--square" : "") + (props4.flat === true ? " q-table--flat" : "") + (props4.bordered === true ? " q-table--bordered" : "")
     );
-    const containerClass = computed102(
+    const containerClass = computed103(
       () => `q-table__container q-table--${props4.separator}-separator column no-wrap` + (props4.grid === true ? " q-table--grid" : cardDefaultClass.value) + (isDark.value === true ? " q-table--dark" : "") + (props4.dense === true ? " q-table--dense" : "") + (props4.wrapCells === false ? " q-table--no-wrap" : "") + (inFullscreen.value === true ? " fullscreen scroll" : "")
     );
-    const rootContainerClass = computed102(
+    const rootContainerClass = computed103(
       () => containerClass.value + (props4.loading === true ? " q-table--loading" : "")
     );
     watch44(
@@ -23668,7 +23697,7 @@ var QTable_default = createComponent({
     } = useTablePaginationState(vm2, getCellValue);
     const { computedFilterMethod } = useTableFilter(props4, setPagination);
     const { isRowExpanded, setExpanded, updateExpanded } = useTableRowExpand(props4, emit);
-    const filteredSortedRows = computed102(() => {
+    const filteredSortedRows = computed103(() => {
       let rows = props4.rows;
       if (isServerSide.value === true || rows.length === 0) {
         return rows;
@@ -23686,8 +23715,8 @@ var QTable_default = createComponent({
       }
       return rows;
     });
-    const filteredSortedRowsNumber = computed102(() => filteredSortedRows.value.length);
-    const computedRows = computed102(() => {
+    const filteredSortedRowsNumber = computed103(() => filteredSortedRows.value.length);
+    const computedRows = computed103(() => {
       let rows = filteredSortedRows.value;
       if (isServerSide.value === true) {
         return rows;
@@ -23730,8 +23759,8 @@ var QTable_default = createComponent({
       nextPage,
       lastPage
     } = useTablePagination(vm2, innerPagination, computedPagination, isServerSide, setPagination, filteredSortedRowsNumber);
-    const nothingToDisplay = computed102(() => computedRows.value.length === 0);
-    const virtProps = computed102(() => {
+    const nothingToDisplay = computed103(() => computedRows.value.length === 0);
+    const virtProps = computed103(() => {
       const acc = {};
       commonVirtScrollPropsList.forEach((p) => {
         acc[p] = props4[p];
@@ -23957,7 +23986,7 @@ var QTable_default = createComponent({
       const val = typeof col.field === "function" ? col.field(row) : row[col.field];
       return col.format !== void 0 ? col.format(val, row) : val;
     }
-    const marginalsScope = computed102(() => ({
+    const marginalsScope = computed103(() => ({
       pagination: computedPagination.value,
       pagesNumber: pagesNumber.value,
       isFirstPage: isFirstPage.value,
@@ -24008,7 +24037,7 @@ var QTable_default = createComponent({
       if (child.length === 0) return;
       return h121("div", { class: topClass }, child);
     }
-    const headerSelectedValue = computed102(() => someRowsSelected.value === true ? null : allRowsSelected.value);
+    const headerSelectedValue = computed103(() => someRowsSelected.value === true ? null : allRowsSelected.value);
     function getTHead() {
       const child = getTHeadTR();
       if (props4.loading === true && slots.loading === void 0) {
@@ -24092,7 +24121,7 @@ var QTable_default = createComponent({
         val
       );
     }
-    const navIcon = computed102(() => {
+    const navIcon = computed103(() => {
       const ico = [
         props4.iconFirstPage || $q.iconSet.table.firstPage,
         props4.iconPrevPage || $q.iconSet.table.prevPage,
@@ -24366,7 +24395,7 @@ var QTable_default = createComponent({
 });
 
 // src/components/table/QTr.js
-import { h as h122, computed as computed103 } from "vue";
+import { h as h122, computed as computed104 } from "vue";
 var QTr_default = createComponent({
   name: "QTr",
   props: {
@@ -24374,7 +24403,7 @@ var QTr_default = createComponent({
     noHover: Boolean
   },
   setup(props4, { slots }) {
-    const classes = computed103(
+    const classes = computed104(
       () => "q-tr" + (props4.props === void 0 || props4.props.header === true ? "" : " " + props4.props.__trClass) + (props4.noHover === true ? " q-tr--no-hover" : "")
     );
     return () => h122("tr", {
@@ -24385,7 +24414,7 @@ var QTr_default = createComponent({
 });
 
 // src/components/table/QTd.js
-import { h as h123, computed as computed104, getCurrentInstance as getCurrentInstance79 } from "vue";
+import { h as h123, computed as computed105, getCurrentInstance as getCurrentInstance79 } from "vue";
 var QTd_default = createComponent({
   name: "QTd",
   props: {
@@ -24395,7 +24424,7 @@ var QTd_default = createComponent({
   },
   setup(props4, { slots }) {
     const vm2 = getCurrentInstance79();
-    const classes = computed104(
+    const classes = computed105(
       () => "q-td" + (props4.autoWidth === true ? " q-table--col-auto-width" : "") + (props4.noHover === true ? " q-td--no-hover" : "") + " "
     );
     return () => {
@@ -24415,7 +24444,7 @@ var QTd_default = createComponent({
 });
 
 // src/components/tabs/QRouteTab.js
-import { computed as computed105, watch as watch45 } from "vue";
+import { computed as computed106, watch as watch45 } from "vue";
 var QRouteTab_default = createComponent({
   name: "QRouteTab",
   props: {
@@ -24432,7 +24461,7 @@ var QRouteTab_default = createComponent({
       slots,
       emit,
       {
-        exact: computed105(() => props4.exact),
+        exact: computed106(() => props4.exact),
         ...routeData
       }
     );
@@ -24445,7 +24474,7 @@ var QRouteTab_default = createComponent({
 });
 
 // src/components/time/QTime.js
-import { h as h124, ref as ref63, computed as computed106, watch as watch46, withDirectives as withDirectives9, Transition as Transition13, nextTick as nextTick20, getCurrentInstance as getCurrentInstance80 } from "vue";
+import { h as h124, ref as ref63, computed as computed107, watch as watch46, withDirectives as withDirectives9, Transition as Transition13, nextTick as nextTick20, getCurrentInstance as getCurrentInstance80 } from "vue";
 function getViewByModel(model, withSeconds) {
   if (model.hour !== null) {
     if (model.minute === null) {
@@ -24504,9 +24533,9 @@ var QTime_default = createComponent({
     const injectFormInput = useFormInject(formAttrs);
     let draggingClockRect, dragCache;
     const clockRef = ref63(null);
-    const mask = computed106(() => getMask());
-    const locale = computed106(() => getLocale2());
-    const defaultDateModel = computed106(() => getDefaultDateModel());
+    const mask = computed107(() => getMask());
+    const locale = computed107(() => getLocale2());
+    const defaultDateModel = computed107(() => getDefaultDateModel());
     const model = __splitDate(
       props4.modelValue,
       mask.value,
@@ -24519,10 +24548,10 @@ var QTime_default = createComponent({
     const view = ref63(getViewByModel(model));
     const innerModel = ref63(model);
     const isAM = ref63(model.hour === null || model.hour < 12);
-    const classes = computed106(
+    const classes = computed107(
       () => `q-time q-time--${props4.landscape === true ? "landscape" : "portrait"}` + (isDark.value === true ? " q-time--dark q-dark" : "") + (props4.disable === true ? " disabled" : props4.readonly === true ? " q-time--readonly" : "") + (props4.bordered === true ? " q-time--bordered" : "") + (props4.square === true ? " q-time--square no-border-radius" : "") + (props4.flat === true ? " q-time--flat no-shadow" : "")
     );
-    const stringModel = computed106(() => {
+    const stringModel = computed107(() => {
       const time = innerModel.value;
       return {
         hour: time.hour === null ? "--" : computedFormat24h.value === true ? pad(time.hour) : String(
@@ -24532,8 +24561,8 @@ var QTime_default = createComponent({
         second: time.second === null ? "--" : pad(time.second)
       };
     });
-    const computedFormat24h = computed106(() => props4.format24h !== null ? props4.format24h : $q.lang.date.format24h);
-    const pointerStyle = computed106(() => {
+    const computedFormat24h = computed107(() => props4.format24h !== null ? props4.format24h : $q.lang.date.format24h);
+    const pointerStyle = computed107(() => {
       const forHour = view.value === "hour", divider = forHour === true ? 12 : 60, amount = innerModel.value[view.value], degrees = Math.round(amount * (360 / divider)) - 180;
       let transform = `rotate(${degrees}deg) translateX(-50%)`;
       if (forHour === true && computedFormat24h.value === true && innerModel.value.hour >= 12) {
@@ -24541,12 +24570,12 @@ var QTime_default = createComponent({
       }
       return { transform };
     });
-    const minLink = computed106(() => innerModel.value.hour !== null);
-    const secLink = computed106(() => minLink.value === true && innerModel.value.minute !== null);
-    const hourInSelection = computed106(() => props4.hourOptions !== void 0 ? (val) => props4.hourOptions.includes(val) : props4.options !== void 0 ? (val) => props4.options(val, null, null) : null);
-    const minuteInSelection = computed106(() => props4.minuteOptions !== void 0 ? (val) => props4.minuteOptions.includes(val) : props4.options !== void 0 ? (val) => props4.options(innerModel.value.hour, val, null) : null);
-    const secondInSelection = computed106(() => props4.secondOptions !== void 0 ? (val) => props4.secondOptions.includes(val) : props4.options !== void 0 ? (val) => props4.options(innerModel.value.hour, innerModel.value.minute, val) : null);
-    const validHours = computed106(() => {
+    const minLink = computed107(() => innerModel.value.hour !== null);
+    const secLink = computed107(() => minLink.value === true && innerModel.value.minute !== null);
+    const hourInSelection = computed107(() => props4.hourOptions !== void 0 ? (val) => props4.hourOptions.includes(val) : props4.options !== void 0 ? (val) => props4.options(val, null, null) : null);
+    const minuteInSelection = computed107(() => props4.minuteOptions !== void 0 ? (val) => props4.minuteOptions.includes(val) : props4.options !== void 0 ? (val) => props4.options(innerModel.value.hour, val, null) : null);
+    const secondInSelection = computed107(() => props4.secondOptions !== void 0 ? (val) => props4.secondOptions.includes(val) : props4.options !== void 0 ? (val) => props4.options(innerModel.value.hour, innerModel.value.minute, val) : null);
+    const validHours = computed107(() => {
       if (hourInSelection.value === null) {
         return null;
       }
@@ -24554,9 +24583,9 @@ var QTime_default = createComponent({
       const pm = getValidValues(12, 11, hourInSelection.value);
       return { am, pm, values: am.values.concat(pm.values) };
     });
-    const validMinutes = computed106(() => minuteInSelection.value !== null ? getValidValues(0, 59, minuteInSelection.value) : null);
-    const validSeconds = computed106(() => secondInSelection.value !== null ? getValidValues(0, 59, secondInSelection.value) : null);
-    const viewValidOptions = computed106(() => {
+    const validMinutes = computed107(() => minuteInSelection.value !== null ? getValidValues(0, 59, minuteInSelection.value) : null);
+    const validSeconds = computed107(() => secondInSelection.value !== null ? getValidValues(0, 59, secondInSelection.value) : null);
+    const viewValidOptions = computed107(() => {
       switch (view.value) {
         case "hour":
           return validHours.value;
@@ -24566,7 +24595,7 @@ var QTime_default = createComponent({
           return validSeconds.value;
       }
     });
-    const positions = computed106(() => {
+    const positions = computed107(() => {
       let start, end, offset2 = 0, step = 1;
       const values = viewValidOptions.value !== null ? viewValidOptions.value.values : void 0;
       if (view.value === "hour") {
@@ -24592,7 +24621,7 @@ var QTime_default = createComponent({
       }
       return pos;
     });
-    const clockDirectives = computed106(() => {
+    const clockDirectives = computed107(() => {
       return [[
         TouchPan_default,
         onPan,
@@ -25068,7 +25097,7 @@ var QTime_default = createComponent({
 });
 
 // src/components/timeline/QTimeline.js
-import { h as h125, computed as computed107, provide as provide7, getCurrentInstance as getCurrentInstance81 } from "vue";
+import { h as h125, computed as computed108, provide as provide7, getCurrentInstance as getCurrentInstance81 } from "vue";
 var QTimeline_default = createComponent({
   name: "QTimeline",
   props: {
@@ -25092,7 +25121,7 @@ var QTimeline_default = createComponent({
     const vm2 = getCurrentInstance81();
     const isDark = use_dark_default(props4, vm2.proxy.$q);
     provide7(timelineKey, props4);
-    const classes = computed107(
+    const classes = computed108(
       () => `q-timeline q-timeline--${props4.layout} q-timeline--${props4.layout}--${props4.side}` + (isDark.value === true ? " q-timeline--dark" : "")
     );
     return () => h125("ul", { class: classes.value }, hSlot(slots.default));
@@ -25100,7 +25129,7 @@ var QTimeline_default = createComponent({
 });
 
 // src/components/timeline/QTimelineEntry.js
-import { h as h126, computed as computed108, inject as inject11 } from "vue";
+import { h as h126, computed as computed109, inject as inject11 } from "vue";
 var QTimelineEntry_default = createComponent({
   name: "QTimelineEntry",
   props: {
@@ -25127,13 +25156,13 @@ var QTimelineEntry_default = createComponent({
       console.error("QTimelineEntry needs to be child of QTimeline");
       return emptyRenderFn;
     }
-    const classes = computed108(
+    const classes = computed109(
       () => `q-timeline__entry q-timeline__entry--${props4.side}` + (props4.icon !== void 0 || props4.avatar !== void 0 ? " q-timeline__entry--icon" : "")
     );
-    const dotClass = computed108(
+    const dotClass = computed109(
       () => `q-timeline__dot text-${props4.color || $timeline.color}`
     );
-    const reverse = computed108(
+    const reverse = computed109(
       () => $timeline.layout === "comfortable" && $timeline.side === "left"
     );
     return () => {
@@ -25188,14 +25217,14 @@ var QTimelineEntry_default = createComponent({
 });
 
 // src/components/toolbar/QToolbar.js
-import { h as h127, computed as computed109 } from "vue";
+import { h as h127, computed as computed110 } from "vue";
 var QToolbar_default = createComponent({
   name: "QToolbar",
   props: {
     inset: Boolean
   },
   setup(props4, { slots }) {
-    const classes = computed109(
+    const classes = computed110(
       () => "q-toolbar row no-wrap items-center" + (props4.inset === true ? " q-toolbar--inset" : "")
     );
     return () => h127("div", { class: classes.value, role: "toolbar" }, hSlot(slots.default));
@@ -25203,14 +25232,14 @@ var QToolbar_default = createComponent({
 });
 
 // src/components/toolbar/QToolbarTitle.js
-import { h as h128, computed as computed110 } from "vue";
+import { h as h128, computed as computed111 } from "vue";
 var QToolbarTitle_default = createComponent({
   name: "QToolbarTitle",
   props: {
     shrink: Boolean
   },
   setup(props4, { slots }) {
-    const classes = computed110(
+    const classes = computed111(
       () => "q-toolbar__title ellipsis" + (props4.shrink === true ? " col-shrink" : "")
     );
     return () => h128("div", { class: classes.value }, hSlot(slots.default));
@@ -25221,7 +25250,7 @@ var QToolbarTitle_default = createComponent({
 import {
   h as h129,
   ref as ref64,
-  computed as computed111,
+  computed as computed112,
   watch as watch47,
   withDirectives as withDirectives10,
   vShow as vShow2,
@@ -25297,22 +25326,22 @@ var QTree_default = createComponent({
     onBeforeUpdate5(() => {
       blurTargets = {};
     });
-    const classes = computed111(
+    const classes = computed112(
       () => `q-tree q-tree--${props4.dense === true ? "dense" : "standard"}` + (props4.noConnectors === true ? " q-tree--no-connectors" : "") + (isDark.value === true ? " q-tree--dark" : "") + (props4.color !== void 0 ? ` text-${props4.color}` : "")
     );
-    const hasSelection = computed111(() => props4.selected !== void 0);
-    const computedIcon = computed111(() => props4.icon || $q.iconSet.tree.icon);
-    const computedControlColor = computed111(() => props4.controlColor || props4.color);
-    const textColorClass = computed111(() => props4.textColor !== void 0 ? ` text-${props4.textColor}` : "");
-    const selectedColorClass = computed111(() => {
+    const hasSelection = computed112(() => props4.selected !== void 0);
+    const computedIcon = computed112(() => props4.icon || $q.iconSet.tree.icon);
+    const computedControlColor = computed112(() => props4.controlColor || props4.color);
+    const textColorClass = computed112(() => props4.textColor !== void 0 ? ` text-${props4.textColor}` : "");
+    const selectedColorClass = computed112(() => {
       const color = props4.selectedColor || props4.color;
       return color ? ` text-${color}` : "";
     });
-    const computedFilterMethod = computed111(() => props4.filterMethod !== void 0 ? props4.filterMethod : (node, filter) => {
+    const computedFilterMethod = computed112(() => props4.filterMethod !== void 0 ? props4.filterMethod : (node, filter) => {
       const filt = filter.toLowerCase();
       return node[props4.labelKey] && node[props4.labelKey].toLowerCase().indexOf(filt) !== -1;
     });
-    const meta = computed111(() => {
+    const meta = computed112(() => {
       const meta2 = {};
       const travel = (node, parent) => {
         const tickStrategy = node.tickStrategy || (parent ? parent.tickStrategy : props4.tickStrategy);
@@ -25756,7 +25785,7 @@ var QTree_default = createComponent({
 });
 
 // src/components/uploader/uploader-core.js
-import { h as h130, ref as ref65, isRef, computed as computed112, watch as watch48, provide as provide8, onBeforeUnmount as onBeforeUnmount37, getCurrentInstance as getCurrentInstance83 } from "vue";
+import { h as h130, ref as ref65, isRef, computed as computed113, watch as watch48, provide as provide8, onBeforeUnmount as onBeforeUnmount37, getCurrentInstance as getCurrentInstance83 } from "vue";
 function getProgressLabel(p) {
   return (p * 100).toFixed(2) + "%";
 }
@@ -25809,7 +25838,7 @@ function getRenderer(getPlugin, expose) {
     file.__progressLabel = getProgressLabel(file.__progress);
     proxy.$forceUpdate();
   }
-  const editable = computed112(() => props4.disable !== true && props4.readonly !== true);
+  const editable = computed113(() => props4.disable !== true && props4.readonly !== true);
   const dnd = ref65(false);
   const rootRef = ref65(null);
   const inputRef = ref65(null);
@@ -25844,20 +25873,20 @@ function getRenderer(getPlugin, expose) {
     state.isBusy = ref65(false);
   }
   const uploadSize = ref65(0);
-  const uploadProgress = computed112(() => uploadSize.value === 0 ? 0 : state.uploadedSize.value / uploadSize.value);
-  const uploadProgressLabel = computed112(() => getProgressLabel(uploadProgress.value));
-  const uploadSizeLabel = computed112(() => humanStorageSize(uploadSize.value));
-  const canAddFiles = computed112(
+  const uploadProgress = computed113(() => uploadSize.value === 0 ? 0 : state.uploadedSize.value / uploadSize.value);
+  const uploadProgressLabel = computed113(() => getProgressLabel(uploadProgress.value));
+  const uploadSizeLabel = computed113(() => humanStorageSize(uploadSize.value));
+  const canAddFiles = computed113(
     () => editable.value === true && state.isUploading.value !== true && (props4.multiple === true || state.queuedFiles.value.length === 0) && (props4.maxFiles === void 0 || state.files.value.length < maxFilesNumber.value) && (props4.maxTotalSize === void 0 || uploadSize.value < maxTotalSizeNumber.value)
   );
-  const canUpload = computed112(
+  const canUpload = computed113(
     () => editable.value === true && state.isBusy.value !== true && state.isUploading.value !== true && state.queuedFiles.value.length !== 0
   );
   provide8(uploaderKey, renderInput);
-  const classes = computed112(
+  const classes = computed113(
     () => "q-uploader column no-wrap" + (isDark.value === true ? " q-uploader--dark q-dark" : "") + (props4.bordered === true ? " q-uploader--bordered" : "") + (props4.square === true ? " q-uploader--square no-border-radius" : "") + (props4.flat === true ? " q-uploader--flat no-shadow" : "") + (props4.disable === true ? " disabled q-uploader--disable" : "") + (dnd.value === true ? " q-uploader--dnd" : "")
   );
-  const colorClass = computed112(
+  const colorClass = computed113(
     () => "q-uploader__header" + (props4.color !== void 0 ? ` bg-${props4.color}` : "") + (props4.textColor !== void 0 ? ` text-${props4.textColor}` : "")
   );
   watch48(state.isUploading, (newVal, oldVal) => {
@@ -26153,7 +26182,7 @@ var create_uploader_component_default = ({ name: name2, props: props4, emits: em
 });
 
 // src/components/uploader/xhr-uploader-plugin.js
-import { ref as ref66, computed as computed113 } from "vue";
+import { ref as ref66, computed as computed114 } from "vue";
 function getFn(prop) {
   return typeof prop === "function" ? prop : () => prop;
 }
@@ -26180,7 +26209,7 @@ function injectPlugin({ props: props4, emit, helpers }) {
   const xhrs = ref66([]);
   const promises = ref66([]);
   const workingThreads = ref66(0);
-  const xhrProps = computed113(() => ({
+  const xhrProps = computed114(() => ({
     url: getFn(props4.url),
     method: getFn(props4.method),
     headers: getFn(props4.headers),
@@ -26190,8 +26219,8 @@ function injectPlugin({ props: props4, emit, helpers }) {
     sendRaw: getFn(props4.sendRaw),
     batch: getFn(props4.batch)
   }));
-  const isUploading = computed113(() => workingThreads.value > 0);
-  const isBusy = computed113(() => promises.value.length !== 0);
+  const isUploading = computed114(() => workingThreads.value > 0);
+  const isBusy = computed114(() => promises.value.length !== 0);
   let abortPromises;
   function abort() {
     xhrs.value.forEach((x) => {
@@ -26371,7 +26400,7 @@ var QUploaderAddTrigger_default = createComponent({
 });
 
 // src/components/video/QVideo.js
-import { h as h131, computed as computed114 } from "vue";
+import { h as h131, computed as computed115 } from "vue";
 var QVideo_default = createComponent({
   name: "QVideo",
   props: {
@@ -26396,7 +26425,7 @@ var QVideo_default = createComponent({
   },
   setup(props4) {
     const ratioStyle = use_ratio_default(props4);
-    const classes = computed114(
+    const classes = computed115(
       () => "q-video" + (props4.ratio !== void 0 ? " q-video--responsive" : "")
     );
     return () => h131("div", {
@@ -28410,7 +28439,7 @@ if (true) {
 var Cookies_default = Plugin6;
 
 // src/plugins/dialog/component/DialogPluginComponent.js
-import { h as h134, ref as ref69, computed as computed115, watch as watch49, toRaw as toRaw3, getCurrentInstance as getCurrentInstance85 } from "vue";
+import { h as h134, ref as ref69, computed as computed116, watch as watch49, toRaw as toRaw3, getCurrentInstance as getCurrentInstance85 } from "vue";
 var DialogPluginComponent_default = createComponent({
   name: "DialogPluginComponent",
   props: {
@@ -28445,32 +28474,32 @@ var DialogPluginComponent_default = createComponent({
     const model = ref69(
       props4.prompt !== void 0 ? props4.prompt.model : props4.options !== void 0 ? props4.options.model : void 0
     );
-    const classes = computed115(
+    const classes = computed116(
       () => "q-dialog-plugin" + (isDark.value === true ? " q-dialog-plugin--dark q-dark" : "") + (props4.progress !== false ? " q-dialog-plugin--progress" : "")
     );
-    const vmColor = computed115(
+    const vmColor = computed116(
       () => props4.color || (isDark.value === true ? "amber" : "primary")
     );
-    const spinner = computed115(() => props4.progress === false ? null : isObject(props4.progress) === true ? {
+    const spinner = computed116(() => props4.progress === false ? null : isObject(props4.progress) === true ? {
       component: props4.progress.spinner || QSpinner_default,
       props: { color: props4.progress.color || vmColor.value }
     } : {
       component: QSpinner_default,
       props: { color: vmColor.value }
     });
-    const hasForm = computed115(
+    const hasForm = computed116(
       () => props4.prompt !== void 0 || props4.options !== void 0
     );
-    const formProps = computed115(() => {
+    const formProps = computed116(() => {
       if (hasForm.value !== true) {
         return {};
       }
       const { model: model2, isValid: isValid2, items, ...formProps2 } = props4.prompt !== void 0 ? props4.prompt : props4.options;
       return formProps2;
     });
-    const okLabel = computed115(() => isObject(props4.ok) === true ? $q.lang.label.ok : props4.ok === true ? $q.lang.label.ok : props4.ok);
-    const cancelLabel = computed115(() => isObject(props4.cancel) === true ? $q.lang.label.cancel : props4.cancel === true ? $q.lang.label.cancel : props4.cancel);
-    const okDisabled = computed115(() => {
+    const okLabel = computed116(() => isObject(props4.ok) === true ? $q.lang.label.ok : props4.ok === true ? $q.lang.label.ok : props4.ok);
+    const cancelLabel = computed116(() => isObject(props4.cancel) === true ? $q.lang.label.cancel : props4.cancel === true ? $q.lang.label.cancel : props4.cancel);
+    const okDisabled = computed116(() => {
       if (props4.prompt !== void 0) {
         return props4.prompt.isValid !== void 0 && props4.prompt.isValid(model.value) !== true;
       }
@@ -28479,7 +28508,7 @@ var DialogPluginComponent_default = createComponent({
       }
       return false;
     });
-    const okProps = computed115(() => ({
+    const okProps = computed116(() => ({
       color: vmColor.value,
       label: okLabel.value,
       ripple: false,
@@ -28488,7 +28517,7 @@ var DialogPluginComponent_default = createComponent({
       "data-autofocus": props4.focus === "ok" && hasForm.value !== true || void 0,
       onClick: onOk
     }));
-    const cancelProps = computed115(() => ({
+    const cancelProps = computed116(() => ({
       color: vmColor.value,
       label: cancelLabel.value,
       ripple: false,
@@ -29571,7 +29600,7 @@ useDialogPluginComponent.emits = emits2;
 useDialogPluginComponent.emitsObject = get_emits_object_default(emits2);
 
 // src/composables/use-meta/use-meta.js
-import { computed as computed116, watch as watch50, onActivated as onActivated8, onDeactivated as onDeactivated10, onUnmounted as onUnmounted3, useSSRContext } from "vue";
+import { computed as computed117, watch as watch50, onActivated as onActivated8, onDeactivated as onDeactivated10, onUnmounted as onUnmounted3, useSSRContext } from "vue";
 function use_meta_default(metaOptions) {
   if (false) {
     const ssrContext = useSSRContext();
@@ -29581,7 +29610,7 @@ function use_meta_default(metaOptions) {
   } else {
     const meta = { active: true };
     if (typeof metaOptions === "function") {
-      const content = computed116(metaOptions);
+      const content = computed117(metaOptions);
       meta.val = content.value;
       watch50(content, (val) => {
         meta.val = val;
@@ -29919,7 +29948,7 @@ function runSequentialPromises(sequentialPromises, { threadsNumber = 1, abortOnF
 
 // src/index.dev.js
 var Quasar = {
-  version: "2.18.3",
+  version: "2.18.4",
   install: install_quasar_default,
   // TODO: remove in Qv3 (should only be used through the plugin)
   // We provide a deprecated fallback here