quasar 2.16.9 → 2.16.11

package/dist/quasar.umd.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.
  */
@@ -1349,7 +1349,7 @@
   }
   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, {
@@ -1379,7 +1379,7 @@
       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);
@@ -1857,7 +1857,7 @@
   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: {
@@ -6129,7 +6129,7 @@
   }
 
   // src/components/checkbox/QCheckbox.js
-  var bgNode = h("div", {
+  var createBgNode = () => h("div", {
     key: "svg",
     class: "q-checkbox__bg absolute"
   }, [
@@ -6153,6 +6153,7 @@
     props: useCheckboxProps,
     emits: useCheckboxEmits,
     setup(props4) {
+      const bgNode = createBgNode();
       function getInner(isTrue, isIndeterminate) {
         const icon = computed(
           () => (isTrue.value === true ? props4.checkedIcon : isIndeterminate.value === true ? props4.indeterminateIcon : props4.uncheckedIcon) || null
@@ -16576,21 +16577,14 @@
   }
 
   // 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;
       }
     };
   }
@@ -17057,6 +17051,7 @@
   });
 
   // src/components/item/QList.js
+  var roleAttrExceptions = ["ul", "ol"];
   var QList_default = createComponent({
     name: "QList",
     props: {
@@ -17073,10 +17068,13 @@
     setup(props4, { slots }) {
       const vm2 = getCurrentInstance();
       const isDark = use_dark_default(props4, vm2.proxy.$q);
+      const role = computed(
+        () => roleAttrExceptions.includes(props4.tag) ? null : "list"
+      );
       const classes = computed(
         () => "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 () => h(props4.tag, { class: classes.value }, hSlot(slots.default));
+      return () => h(props4.tag, { class: classes.value, role: role.value }, hSlot(slots.default));
     }
   });
 
@@ -17609,7 +17607,7 @@
   });
 
   // src/components/radio/QRadio.js
-  var svg = h("svg", {
+  var createSvg = () => h("svg", {
     key: "svg",
     class: "q-radio__bg absolute non-selectable",
     viewBox: "0 0 24 24"
@@ -17691,6 +17689,7 @@
         }
       }
       Object.assign(proxy, { set: onClick });
+      const svg = createSvg();
       return () => {
         const content = icon.value !== null ? [
           h("div", {
@@ -21926,16 +21925,16 @@
   });
 
   // src/components/space/QSpace.js
-  var space = h("div", { class: "q-space" });
   var QSpace_default = createComponent({
     name: "QSpace",
     setup() {
+      const space = h("div", { class: "q-space" });
       return () => space;
     }
   });
 
   // src/components/spinner/QSpinnerAudio.js
-  var svg2 = [
+  var createSvg2 = () => [
     h("g", {
       transform: "matrix(1 0 0 -1 0 80)"
     }, [
@@ -22005,6 +22004,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg2();
       return () => h("svg", {
         class: classes.value,
         fill: "currentColor",
@@ -22012,12 +22012,12 @@
         height: cSize.value,
         viewBox: "0 0 55 80",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg2);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerBall.js
-  var svg3 = [
+  var createSvg3 = () => [
     h("g", {
       transform: "translate(1 1)",
       "stroke-width": "2",
@@ -22103,6 +22103,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg3();
       return () => h("svg", {
         class: classes.value,
         stroke: "currentColor",
@@ -22110,12 +22111,12 @@
         height: cSize.value,
         viewBox: "0 0 57 57",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg3);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerBars.js
-  var svg4 = [
+  var createSvg4 = () => [
     h("rect", {
       y: "10",
       width: "15",
@@ -22240,6 +22241,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg4();
       return () => h("svg", {
         class: classes.value,
         fill: "currentColor",
@@ -22247,12 +22249,12 @@
         height: cSize.value,
         viewBox: "0 0 135 140",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg4);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerBox.js
-  var svg5 = [
+  var createSvg5 = () => [
     h("rect", {
       x: "25",
       y: "25",
@@ -22295,6 +22297,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg5();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
@@ -22302,12 +22305,12 @@
         viewBox: "0 0 100 100",
         preserveAspectRatio: "xMidYMid",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg5);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerClock.js
-  var svg6 = [
+  var createSvg6 = () => [
     h("circle", {
       cx: "50",
       cy: "50",
@@ -22361,6 +22364,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg6();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
@@ -22368,12 +22372,12 @@
         viewBox: "0 0 100 100",
         preserveAspectRatio: "xMidYMid",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg6);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerComment.js
-  var svg7 = [
+  var createSvg7 = () => [
     h("rect", {
       x: "0",
       y: "0",
@@ -22439,6 +22443,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg7();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
@@ -22446,12 +22451,12 @@
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 100 100",
         preserveAspectRatio: "xMidYMid"
-      }, svg7);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerCube.js
-  var svg8 = [
+  var createSvg8 = () => [
     h("rect", {
       x: "0",
       y: "0",
@@ -22565,6 +22570,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg8();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
@@ -22572,12 +22578,12 @@
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 100 100",
         preserveAspectRatio: "xMidYMid"
-      }, svg8);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerDots.js
-  var svg9 = [
+  var createSvg9 = () => [
     h("circle", {
       cx: "15",
       cy: "15",
@@ -22663,6 +22669,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg9();
       return () => h("svg", {
         class: classes.value,
         fill: "currentColor",
@@ -22670,12 +22677,12 @@
         height: cSize.value,
         viewBox: "0 0 120 30",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg9);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerFacebook.js
-  var svg10 = [
+  var createSvg10 = () => [
     h("g", {
       transform: "translate(20 50)"
     }, [
@@ -22760,6 +22767,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg10();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
@@ -22767,12 +22775,12 @@
         viewBox: "0 0 100 100",
         xmlns: "http://www.w3.org/2000/svg",
         preserveAspectRatio: "xMidYMid"
-      }, svg10);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerGears.js
-  var svg11 = [
+  var createSvg11 = () => [
     h("g", {
       transform: "translate(-20,-20)"
     }, [
@@ -22813,6 +22821,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg11();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
@@ -22820,12 +22829,12 @@
         viewBox: "0 0 100 100",
         preserveAspectRatio: "xMidYMid",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg11);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerGrid.js
-  var svg12 = [
+  var createSvg12 = () => [
     h("circle", {
       cx: "12.5",
       cy: "12.5",
@@ -22959,6 +22968,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg12();
       return () => h("svg", {
         class: classes.value,
         fill: "currentColor",
@@ -22966,12 +22976,12 @@
         height: cSize.value,
         viewBox: "0 0 105 105",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg12);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerHearts.js
-  var svg13 = [
+  var createSvg13 = () => [
     h("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"
@@ -23007,6 +23017,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg13();
       return () => h("svg", {
         class: classes.value,
         fill: "currentColor",
@@ -23014,12 +23025,12 @@
         height: cSize.value,
         viewBox: "0 0 140 64",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg13);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerHourglass.js
-  var svg14 = [
+  var createSvg14 = () => [
     h("g", [
       h("path", {
         fill: "none",
@@ -23113,6 +23124,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg14();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
@@ -23120,12 +23132,12 @@
         viewBox: "0 0 100 100",
         preserveAspectRatio: "xMidYMid",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg14);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerInfinity.js
-  var svg15 = [
+  var createSvg15 = () => [
     h("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",
@@ -23150,18 +23162,19 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg15();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
         height: cSize.value,
         viewBox: "0 0 100 100",
         preserveAspectRatio: "xMidYMid"
-      }, svg15);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerIos.js
-  var svg16 = [
+  var createSvg16 = () => [
     h("g", {
       "stroke-width": "4",
       "stroke-linecap": "round"
@@ -23317,6 +23330,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg16();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
@@ -23324,12 +23338,12 @@
         stroke: "currentColor",
         fill: "currentColor",
         viewBox: "0 0 64 64"
-      }, svg16);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerOrbit.js
-  var svg17 = [
+  var createSvg17 = () => [
     h("circle", {
       cx: "50",
       cy: "50",
@@ -23362,6 +23376,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg17();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
@@ -23369,12 +23384,12 @@
         viewBox: "0 0 100 100",
         preserveAspectRatio: "xMidYMid",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg17);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerOval.js
-  var svg18 = [
+  var createSvg18 = () => [
     h("g", {
       transform: "translate(1 1)",
       "stroke-width": "2",
@@ -23406,6 +23421,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg18();
       return () => h("svg", {
         class: classes.value,
         stroke: "currentColor",
@@ -23413,12 +23429,12 @@
         height: cSize.value,
         viewBox: "0 0 38 38",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg18);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerPie.js
-  var svg19 = [
+  var createSvg19 = () => [
     h("path", {
       d: "M0 50A50 50 0 0 1 50 0L50 50L0 50",
       fill: "currentColor",
@@ -23481,6 +23497,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg19();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
@@ -23488,12 +23505,12 @@
         viewBox: "0 0 100 100",
         preserveAspectRatio: "xMidYMid",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg19);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerPuff.js
-  var svg20 = [
+  var createSvg20 = () => [
     h("g", {
       fill: "none",
       "fill-rule": "evenodd",
@@ -23558,6 +23575,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg20();
       return () => h("svg", {
         class: classes.value,
         stroke: "currentColor",
@@ -23565,12 +23583,12 @@
         height: cSize.value,
         viewBox: "0 0 44 44",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg20);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerRadio.js
-  var svg21 = [
+  var createSvg21 = () => [
     h("g", {
       transform: "scale(0.55)"
     }, [
@@ -23628,6 +23646,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg21();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
@@ -23635,12 +23654,12 @@
         viewBox: "0 0 100 100",
         preserveAspectRatio: "xMidYMid",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg21);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerRings.js
-  var svg22 = [
+  var createSvg22 = () => [
     h("g", {
       fill: "none",
       "fill-rule": "evenodd",
@@ -23728,6 +23747,7 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg22();
       return () => h("svg", {
         class: classes.value,
         stroke: "currentColor",
@@ -23735,12 +23755,12 @@
         height: cSize.value,
         viewBox: "0 0 45 45",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg22);
+      }, svg);
     }
   });
 
   // src/components/spinner/QSpinnerTail.js
-  var svg23 = [
+  var createSvg23 = () => [
     h("defs", [
       h("linearGradient", {
         x1: "8.042%",
@@ -23806,13 +23826,14 @@
     props: useSpinnerProps,
     setup(props4) {
       const { cSize, classes } = useSpinner(props4);
+      const svg = createSvg23();
       return () => h("svg", {
         class: classes.value,
         width: cSize.value,
         height: cSize.value,
         viewBox: "0 0 38 38",
         xmlns: "http://www.w3.org/2000/svg"
-      }, svg23);
+      }, svg);
     }
   });
 
@@ -31309,7 +31330,7 @@
     console.error("[ Quasar ] Vue is required to run. Please add a script tag for it before loading Quasar.");
   }
   window.Quasar = {
-    version: "2.16.9",
+    version: "2.16.11",
     install(app2, opts) {
       install_quasar_default(app2, {
         components: components_exports,