quasar 2.16.9 → 2.16.11

package/dist/quasar.client.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.16.9
+ * Quasar Framework v2.16.11
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1363,7 +1363,7 @@ function prepareApp(app2, uiOpts, pluginOpts) {
 }
 var install_quasar_default = false ? function(parentApp, opts = {}, ssrContext) {
   const $q = {
-    version: "2.16.9",
+    version: "2.16.11",
     config: opts.config || {}
   };
   Object.assign(ssrContext, {
@@ -1393,7 +1393,7 @@ var install_quasar_default = false ? function(parentApp, opts = {}, ssrContext)
     ssrContext
   });
 } : function(parentApp, opts = {}) {
-  const $q = { version: "2.16.9" };
+  const $q = { version: "2.16.11" };
   if (globalConfigIsFrozen === false) {
     if (opts.config !== void 0) {
       Object.assign(globalConfig, opts.config);
@@ -1754,7 +1754,7 @@ var mRE = /^[Mm]\s?[-+]?\.?\d/;
 var imgRE = /^img:/;
 var svgUseRE = /^svguse:/;
 var ionRE = /^ion-/;
-var faRE = /^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /;
+var faRE = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /;
 var QIcon_default = createComponent({
   name: "QIcon",
   props: {
@@ -6094,7 +6094,7 @@ function use_checkbox_default(type, getInner) {
 }
 
 // src/components/checkbox/QCheckbox.js
-var bgNode = h28("div", {
+var createBgNode = () => h28("div", {
   key: "svg",
   class: "q-checkbox__bg absolute"
 }, [
@@ -6118,6 +6118,7 @@ var QCheckbox_default = createComponent({
   props: useCheckboxProps,
   emits: useCheckboxEmits,
   setup(props4) {
+    const bgNode = createBgNode();
     function getInner(isTrue, isIndeterminate) {
       const icon = computed33(
         () => (isTrue.value === true ? props4.checkedIcon : isIndeterminate.value === true ? props4.indeterminateIcon : props4.uncheckedIcon) || null
@@ -16619,21 +16620,14 @@ function use_mask_default(props4, emit, emitValue, inputRef) {
 }
 
 // src/composables/private.use-key-composition/use-key-composition.js
-var isJapanese = /[\u3000-\u303f\u3040-\u309f\u30a0-\u30ff\uff00-\uff9f\u4e00-\u9faf\u3400-\u4dbf]/;
-var isChinese = /[\u4e00-\u9fff\u3400-\u4dbf\u{20000}-\u{2a6df}\u{2a700}-\u{2b73f}\u{2b740}-\u{2b81f}\u{2b820}-\u{2ceaf}\uf900-\ufaff\u3300-\u33ff\ufe30-\ufe4f\uf900-\ufaff\u{2f800}-\u{2fa1f}]/u;
-var isKorean = /[\u3131-\u314e\u314f-\u3163\uac00-\ud7a3]/;
-var isPlainText = /[a-z0-9_ -]$/i;
 function use_key_composition_default(onInput) {
   return function onComposition(e) {
     if (e.type === "compositionend" || e.type === "change") {
       if (e.target.qComposing !== true) return;
       e.target.qComposing = false;
       onInput(e);
-    } else if (e.type === "compositionupdate" && e.target.qComposing !== true && typeof e.data === "string") {
-      const isComposing = client.is.firefox === true ? isPlainText.test(e.data) === false : isJapanese.test(e.data) === true || isChinese.test(e.data) === true || isKorean.test(e.data) === true;
-      if (isComposing === true) {
-        e.target.qComposing = true;
-      }
+    } else if (e.type === "compositionstart") {
+      e.target.qComposing = true;
     }
   };
 }
@@ -17104,6 +17098,7 @@ var QIntersection_default = createComponent({
 
 // src/components/item/QList.js
 import { h as h63, computed as computed69, getCurrentInstance as getCurrentInstance50 } from "vue";
+var roleAttrExceptions = ["ul", "ol"];
 var QList_default = createComponent({
   name: "QList",
   props: {
@@ -17120,10 +17115,13 @@ var QList_default = createComponent({
   setup(props4, { slots }) {
     const vm2 = getCurrentInstance50();
     const isDark = use_dark_default(props4, vm2.proxy.$q);
+    const role = computed69(
+      () => roleAttrExceptions.includes(props4.tag) ? null : "list"
+    );
     const classes = computed69(
       () => "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 }, hSlot(slots.default));
+    return () => h63(props4.tag, { class: classes.value, role: role.value }, hSlot(slots.default));
   }
 });
 
@@ -17667,7 +17665,7 @@ import { h as h70, computed as computed75, getCurrentInstance as getCurrentInsta
 
 // src/components/radio/QRadio.js
 import { h as h68, ref as ref43, computed as computed73, getCurrentInstance as getCurrentInstance55, toRaw as toRaw2 } from "vue";
-var svg = h68("svg", {
+var createSvg = () => h68("svg", {
   key: "svg",
   class: "q-radio__bg absolute non-selectable",
   viewBox: "0 0 24 24"
@@ -17749,6 +17747,7 @@ var QRadio_default = createComponent({
       }
     }
     Object.assign(proxy, { set: onClick });
+    const svg = createSvg();
     return () => {
       const content = icon.value !== null ? [
         h68("div", {
@@ -22012,17 +22011,17 @@ var QSlideItem_default = createComponent({
 
 // src/components/space/QSpace.js
 import { h as h89 } from "vue";
-var space = h89("div", { class: "q-space" });
 var QSpace_default = createComponent({
   name: "QSpace",
   setup() {
+    const space = h89("div", { class: "q-space" });
     return () => space;
   }
 });
 
 // src/components/spinner/QSpinnerAudio.js
 import { h as h90 } from "vue";
-var svg2 = [
+var createSvg2 = () => [
   h90("g", {
     transform: "matrix(1 0 0 -1 0 80)"
   }, [
@@ -22092,6 +22091,7 @@ var QSpinnerAudio_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg2();
     return () => h90("svg", {
       class: classes.value,
       fill: "currentColor",
@@ -22099,13 +22099,13 @@ var QSpinnerAudio_default = createComponent({
       height: cSize.value,
       viewBox: "0 0 55 80",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg2);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerBall.js
 import { h as h91 } from "vue";
-var svg3 = [
+var createSvg3 = () => [
   h91("g", {
     transform: "translate(1 1)",
     "stroke-width": "2",
@@ -22191,6 +22191,7 @@ var QSpinnerBall_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg3();
     return () => h91("svg", {
       class: classes.value,
       stroke: "currentColor",
@@ -22198,13 +22199,13 @@ var QSpinnerBall_default = createComponent({
       height: cSize.value,
       viewBox: "0 0 57 57",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg3);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerBars.js
 import { h as h92 } from "vue";
-var svg4 = [
+var createSvg4 = () => [
   h92("rect", {
     y: "10",
     width: "15",
@@ -22329,6 +22330,7 @@ var QSpinnerBars_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg4();
     return () => h92("svg", {
       class: classes.value,
       fill: "currentColor",
@@ -22336,13 +22338,13 @@ var QSpinnerBars_default = createComponent({
       height: cSize.value,
       viewBox: "0 0 135 140",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg4);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerBox.js
 import { h as h93 } from "vue";
-var svg5 = [
+var createSvg5 = () => [
   h93("rect", {
     x: "25",
     y: "25",
@@ -22385,6 +22387,7 @@ var QSpinnerBox_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg5();
     return () => h93("svg", {
       class: classes.value,
       width: cSize.value,
@@ -22392,13 +22395,13 @@ var QSpinnerBox_default = createComponent({
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg5);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerClock.js
 import { h as h94 } from "vue";
-var svg6 = [
+var createSvg6 = () => [
   h94("circle", {
     cx: "50",
     cy: "50",
@@ -22452,6 +22455,7 @@ var QSpinnerClock_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg6();
     return () => h94("svg", {
       class: classes.value,
       width: cSize.value,
@@ -22459,13 +22463,13 @@ var QSpinnerClock_default = createComponent({
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg6);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerComment.js
 import { h as h95 } from "vue";
-var svg7 = [
+var createSvg7 = () => [
   h95("rect", {
     x: "0",
     y: "0",
@@ -22531,6 +22535,7 @@ var QSpinnerComment_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg7();
     return () => h95("svg", {
       class: classes.value,
       width: cSize.value,
@@ -22538,13 +22543,13 @@ var QSpinnerComment_default = createComponent({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid"
-    }, svg7);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerCube.js
 import { h as h96 } from "vue";
-var svg8 = [
+var createSvg8 = () => [
   h96("rect", {
     x: "0",
     y: "0",
@@ -22658,6 +22663,7 @@ var QSpinnerCube_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg8();
     return () => h96("svg", {
       class: classes.value,
       width: cSize.value,
@@ -22665,13 +22671,13 @@ var QSpinnerCube_default = createComponent({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid"
-    }, svg8);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerDots.js
 import { h as h97 } from "vue";
-var svg9 = [
+var createSvg9 = () => [
   h97("circle", {
     cx: "15",
     cy: "15",
@@ -22757,6 +22763,7 @@ var QSpinnerDots_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg9();
     return () => h97("svg", {
       class: classes.value,
       fill: "currentColor",
@@ -22764,13 +22771,13 @@ var QSpinnerDots_default = createComponent({
       height: cSize.value,
       viewBox: "0 0 120 30",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg9);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerFacebook.js
 import { h as h98 } from "vue";
-var svg10 = [
+var createSvg10 = () => [
   h98("g", {
     transform: "translate(20 50)"
   }, [
@@ -22855,6 +22862,7 @@ var QSpinnerFacebook_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg10();
     return () => h98("svg", {
       class: classes.value,
       width: cSize.value,
@@ -22862,13 +22870,13 @@ var QSpinnerFacebook_default = createComponent({
       viewBox: "0 0 100 100",
       xmlns: "http://www.w3.org/2000/svg",
       preserveAspectRatio: "xMidYMid"
-    }, svg10);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerGears.js
 import { h as h99 } from "vue";
-var svg11 = [
+var createSvg11 = () => [
   h99("g", {
     transform: "translate(-20,-20)"
   }, [
@@ -22909,6 +22917,7 @@ var QSpinnerGears_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg11();
     return () => h99("svg", {
       class: classes.value,
       width: cSize.value,
@@ -22916,13 +22925,13 @@ var QSpinnerGears_default = createComponent({
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg11);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerGrid.js
 import { h as h100 } from "vue";
-var svg12 = [
+var createSvg12 = () => [
   h100("circle", {
     cx: "12.5",
     cy: "12.5",
@@ -23056,6 +23065,7 @@ var QSpinnerGrid_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg12();
     return () => h100("svg", {
       class: classes.value,
       fill: "currentColor",
@@ -23063,13 +23073,13 @@ var QSpinnerGrid_default = createComponent({
       height: cSize.value,
       viewBox: "0 0 105 105",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg12);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerHearts.js
 import { h as h101 } from "vue";
-var svg13 = [
+var createSvg13 = () => [
   h101("path", {
     d: "M30.262 57.02L7.195 40.723c-5.84-3.976-7.56-12.06-3.842-18.063 3.715-6 11.467-7.65 17.306-3.68l4.52 3.76 2.6-5.274c3.716-6.002 11.47-7.65 17.304-3.68 5.84 3.97 7.56 12.054 3.842 18.062L34.49 56.118c-.897 1.512-2.793 1.915-4.228.9z",
     "fill-opacity": ".5"
@@ -23105,6 +23115,7 @@ var QSpinnerHearts_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg13();
     return () => h101("svg", {
       class: classes.value,
       fill: "currentColor",
@@ -23112,13 +23123,13 @@ var QSpinnerHearts_default = createComponent({
       height: cSize.value,
       viewBox: "0 0 140 64",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg13);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerHourglass.js
 import { h as h102 } from "vue";
-var svg14 = [
+var createSvg14 = () => [
   h102("g", [
     h102("path", {
       fill: "none",
@@ -23212,6 +23223,7 @@ var QSpinnerHourglass_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg14();
     return () => h102("svg", {
       class: classes.value,
       width: cSize.value,
@@ -23219,13 +23231,13 @@ var QSpinnerHourglass_default = createComponent({
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg14);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerInfinity.js
 import { h as h103 } from "vue";
-var svg15 = [
+var createSvg15 = () => [
   h103("path", {
     d: "M24.3,30C11.4,30,5,43.3,5,50s6.4,20,19.3,20c19.3,0,32.1-40,51.4-40C88.6,30,95,43.3,95,50s-6.4,20-19.3,20C56.4,70,43.6,30,24.3,30z",
     fill: "none",
@@ -23250,19 +23262,20 @@ var QSpinnerInfinity_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg15();
     return () => h103("svg", {
       class: classes.value,
       width: cSize.value,
       height: cSize.value,
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid"
-    }, svg15);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerIos.js
 import { h as h104 } from "vue";
-var svg16 = [
+var createSvg16 = () => [
   h104("g", {
     "stroke-width": "4",
     "stroke-linecap": "round"
@@ -23418,6 +23431,7 @@ var QSpinnerIos_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg16();
     return () => h104("svg", {
       class: classes.value,
       width: cSize.value,
@@ -23425,13 +23439,13 @@ var QSpinnerIos_default = createComponent({
       stroke: "currentColor",
       fill: "currentColor",
       viewBox: "0 0 64 64"
-    }, svg16);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerOrbit.js
 import { h as h105 } from "vue";
-var svg17 = [
+var createSvg17 = () => [
   h105("circle", {
     cx: "50",
     cy: "50",
@@ -23464,6 +23478,7 @@ var QSpinnerOrbit_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg17();
     return () => h105("svg", {
       class: classes.value,
       width: cSize.value,
@@ -23471,13 +23486,13 @@ var QSpinnerOrbit_default = createComponent({
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg17);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerOval.js
 import { h as h106 } from "vue";
-var svg18 = [
+var createSvg18 = () => [
   h106("g", {
     transform: "translate(1 1)",
     "stroke-width": "2",
@@ -23509,6 +23524,7 @@ var QSpinnerOval_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg18();
     return () => h106("svg", {
       class: classes.value,
       stroke: "currentColor",
@@ -23516,13 +23532,13 @@ var QSpinnerOval_default = createComponent({
       height: cSize.value,
       viewBox: "0 0 38 38",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg18);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerPie.js
 import { h as h107 } from "vue";
-var svg19 = [
+var createSvg19 = () => [
   h107("path", {
     d: "M0 50A50 50 0 0 1 50 0L50 50L0 50",
     fill: "currentColor",
@@ -23585,6 +23601,7 @@ var QSpinnerPie_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg19();
     return () => h107("svg", {
       class: classes.value,
       width: cSize.value,
@@ -23592,13 +23609,13 @@ var QSpinnerPie_default = createComponent({
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg19);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerPuff.js
 import { h as h108 } from "vue";
-var svg20 = [
+var createSvg20 = () => [
   h108("g", {
     fill: "none",
     "fill-rule": "evenodd",
@@ -23663,6 +23680,7 @@ var QSpinnerPuff_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg20();
     return () => h108("svg", {
       class: classes.value,
       stroke: "currentColor",
@@ -23670,13 +23688,13 @@ var QSpinnerPuff_default = createComponent({
       height: cSize.value,
       viewBox: "0 0 44 44",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg20);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerRadio.js
 import { h as h109 } from "vue";
-var svg21 = [
+var createSvg21 = () => [
   h109("g", {
     transform: "scale(0.55)"
   }, [
@@ -23734,6 +23752,7 @@ var QSpinnerRadio_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg21();
     return () => h109("svg", {
       class: classes.value,
       width: cSize.value,
@@ -23741,13 +23760,13 @@ var QSpinnerRadio_default = createComponent({
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg21);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerRings.js
 import { h as h110 } from "vue";
-var svg22 = [
+var createSvg22 = () => [
   h110("g", {
     fill: "none",
     "fill-rule": "evenodd",
@@ -23835,6 +23854,7 @@ var QSpinnerRings_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg22();
     return () => h110("svg", {
       class: classes.value,
       stroke: "currentColor",
@@ -23842,13 +23862,13 @@ var QSpinnerRings_default = createComponent({
       height: cSize.value,
       viewBox: "0 0 45 45",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg22);
+    }, svg);
   }
 });
 
 // src/components/spinner/QSpinnerTail.js
 import { h as h111 } from "vue";
-var svg23 = [
+var createSvg23 = () => [
   h111("defs", [
     h111("linearGradient", {
       x1: "8.042%",
@@ -23914,13 +23934,14 @@ var QSpinnerTail_default = createComponent({
   props: useSpinnerProps,
   setup(props4) {
     const { cSize, classes } = useSpinner(props4);
+    const svg = createSvg23();
     return () => h111("svg", {
       class: classes.value,
       width: cSize.value,
       height: cSize.value,
       viewBox: "0 0 38 38",
       xmlns: "http://www.w3.org/2000/svg"
-    }, svg23);
+    }, svg);
   }
 });
 
@@ -31386,7 +31407,7 @@ function runSequentialPromises(sequentialPromises, { threadsNumber = 1, abortOnF
 
 // src/index.dev.js
 var Quasar = {
-  version: "2.16.9",
+  version: "2.16.11",
   install: install_quasar_default,
   // TODO: remove in Qv3 (should only be used through the plugin)
   // We provide a deprecated fallback here

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.16.9
+ * Quasar Framework v2.16.11
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */