quasar 2.15.4 → 2.16.1

package/lang/ml.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (ml.mjs).
- */
-module.exports = {
+export default {
   isoName: 'ml',
   nativeName: 'മലയാളം',
   label: {

package/lang/mm.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (mm.mjs).
- */
-module.exports = {
+export default {
   isoName: 'mm',
   nativeName: 'မြန်မာ(ဗမာ)',
   label: {

package/lang/ms-MY.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (ms-MY.mjs).
- */
-module.exports = {
+export default {
   isoName: 'ms-MY',
   nativeName: 'Malaysia',
   label: {

package/lang/ms.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (ms.mjs).
- */
-module.exports = {
+export default {
   isoName: 'ms',
   nativeName: 'Bahasa Melayu',
   label: {

package/lang/my.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (my.mjs).
- */
-module.exports = {
+export default {
   isoName: 'my',
   nativeName: 'Malaysia',
   label: {

package/lang/nb-NO.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (nb-NO.mjs).
- */
-module.exports = {
+export default {
   isoName: 'nb-NO',
   nativeName: 'Norsk',
   label: {

package/lang/nl.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (nl.mjs).
- */
-module.exports = {
+export default {
   isoName: 'nl',
   nativeName: 'Nederlands',
   label: {

package/lang/pl.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (pl.mjs).
- */
-module.exports = {
+export default {
   isoName: 'pl',
   nativeName: 'Polski',
   label: {

package/lang/pt-BR.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (pt-BR.mjs).
- */
-module.exports = {
+export default {
   isoName: 'pt-BR',
   nativeName: 'Português (BR)',
   label: {

package/lang/pt.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (pt.mjs).
- */
-module.exports = {
+export default {
   isoName: 'pt',
   nativeName: 'Português',
   label: {

package/lang/ro.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (ro.mjs).
- */
-module.exports = {
+export default {
   isoName: 'ro',
   nativeName: 'Română',
   label: {

package/lang/ru.js

@@ -1,13 +1,8 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (ru.mjs).
- */
 function plurals (n, opts) {
   return opts[ n % 10 === 1 && n % 100 !== 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2 ]
 }
 
-module.exports = {
+export default {
   isoName: 'ru',
   nativeName: 'русский',
   label: {

package/lang/sk.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (sk.mjs).
- */
-module.exports = {
+export default {
   isoName: 'sk',
   nativeName: 'Slovenčina',
   label: {

package/lang/sl.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (sl.mjs).
- */
-module.exports = {
+export default {
   isoName: 'sl',
   nativeName: 'Slovenski Jezik',
   label: {

package/lang/sm.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (sm.mjs).
- */
-module.exports = {
+export default {
   isoName: 'sm',
   nativeName: 'Fa\'asāmoa',
   label: {

package/lang/sr-CYR.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (sr-CYR.mjs).
- */
-module.exports = {
+export default {
   isoName: 'sr-CYR',
   nativeName: 'српски језик',
   label: {

package/lang/sr.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (sr.mjs).
- */
-module.exports = {
+export default {
   isoName: 'sr',
   nativeName: 'srpski jezik',
   label: {

package/lang/sv.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (sv.mjs).
- */
-module.exports = {
+export default {
   isoName: 'sv',
   nativeName: 'Svenska',
   label: {

package/lang/ta.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (ta.mjs).
- */
-module.exports = {
+export default {
   isoName: 'ta',
   nativeName: 'தமிழ்',
   label: {

package/lang/th.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (th.mjs).
- */
-module.exports = {
+export default {
   isoName: 'th',
   nativeName: 'ไทย',
   label: {

package/lang/tl.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (tl.mjs).
- */
-module.exports = {
+export default {
   isoName: 'tl',
   nativeName: 'Tagalog',
   label: {

package/lang/tr.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (tr.mjs).
- */
-module.exports = {
+export default {
   isoName: 'tr',
   nativeName: 'Türkçe',
   label: {

package/lang/ug.js

@@ -1,11 +1,6 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (ug.mjs).
- */
 const days = 'يەكشەنبە_دۈشەنبە_سەيشەنبە_چارشەنبە_پەيشەنبە_جۈمە_شەنبە_يەكشەنبە'.split('_')
 
-module.exports = {
+export default {
   isoName: 'ug',
   nativeName: 'ئۇيغۇرچە',
   rtl: true,

package/lang/uk.js

@@ -1,13 +1,8 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (uk.mjs).
- */
 function plurals (n, opts) {
   return opts[ n % 10 === 1 && n % 100 !== 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2 ]
 }
 
-module.exports = {
+export default {
   isoName: 'uk',
   nativeName: 'Українська',
   label: {

package/lang/uz-Cyrl.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (uz-Cyrl.mjs).
- */
-module.exports = {
+export default {
   isoName: 'uz-Cyrl',
   nativeName: 'Ўзбекча (Кирил)',
   label: {

package/lang/uz-Latn.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (uz-Latn.mjs).
- */
-module.exports = {
+export default {
   isoName: 'uz-Latn',
   nativeName: 'O\'zbekcha (Lotin)',
   label: {

package/lang/vi.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (vi.mjs).
- */
-module.exports = {
+export default {
   isoName: 'vi',
   nativeName: 'Tiếng Việt',
   label: {

package/lang/zh-CN.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (zh-CN.mjs).
- */
-module.exports = {
+export default {
   isoName: 'zh-CN',
   nativeName: '中文(简体)',
   label: {

package/lang/zh-TW.js

@@ -1,9 +1,4 @@
-/**
- * DO NOT EDIT THIS FILE. It is automatically generated
- * from its .mjs counterpart (same filename but with .mjs extension).
- * Edit that file instead (zh-TW.mjs).
- */
-module.exports = {
+export default {
   isoName: 'zh-TW',
   nativeName: '中文（繁體）',
   label: {

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "quasar",
-  "version": "2.15.4",
+  "version": "2.16.1",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
-  "main": "dist/quasar.cjs.prod.js",
-  "module": "dist/quasar.esm.prod.js",
+  "type": "module",
   "unpkg": "dist/quasar.umd.prod.js",
   "jsdelivr": "dist/quasar.umd.prod.js",
   "typings": "dist/types/index.d.ts",
@@ -14,6 +13,19 @@
     "src",
     "wrappers"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "require": "./dist/quasar.server.prod.cjs",
+      "node": "./dist/quasar.server.prod.js",
+      "import": "./dist/quasar.client.js"
+    },
+    "./wrappers": {
+      "require": "./wrappers/index.cjs",
+      "import": "./wrappers/index.js"
+    },
+    "./*": "./*"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/quasarframework/quasar.git"
@@ -50,19 +62,19 @@
     "cli-highlight": "^2.1.11",
     "cross-env": "^7.0.3",
     "cssnano": "^6.1.2",
-    "cypress": "^13.7.3",
     "diff": "^5.2.0",
     "esbuild": "^0.20.2",
-    "eslint": "^9.0.0",
+    "eslint": "^8.57.0",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
+    "kolorist": "^1.8.0",
     "open": "^10.1.0",
     "postcss-rtlcss": "^5.1.2",
     "prettier": "^3.2.5",
-    "recast": "^0.23.6",
+    "sass-embedded": "^1.75.0",
     "table": "^6.8.2",
     "typescript": "^5.4.5",
-    "vue": "^3",
+    "vue": "^3.4.24",
     "@quasar/extras": "1.16.11",
     "eslint-config-quasar": "0.0.1"
   },

package/src/components/avatar/QAvatar.test.js

@@ -7,10 +7,6 @@ import { useSizeDefaults } from 'quasar/src/composables/private.use-size/use-siz
 describe('[QAvatar API]', () => {
   describe('[Props]', () => {
     describe('[(prop)size]', () => {
-      test('is defined correctly', () => {
-        expect(QAvatar.props.size).toBeDefined()
-      })
-
       test('type String has effect', async () => {
         const wrapper = mount(QAvatar)
         const target = wrapper.get('.q-avatar')
@@ -36,10 +32,6 @@ describe('[QAvatar API]', () => {
     })
 
     describe('[(prop)font-size]', () => {
-      test('is defined correctly', () => {
-        expect(QAvatar.props.fontSize).toBeDefined()
-      })
-
       test('type String has effect', async () => {
         const size = '200px'
         const fontSize = '100px'
@@ -75,10 +67,6 @@ describe('[QAvatar API]', () => {
     })
 
     describe('[(prop)color]', () => {
-      test('is defined correctly', () => {
-        expect(QAvatar.props.color).toBeDefined()
-      })
-
       test('type String has effect', async () => {
         const propVal = 'red'
         const wrapper = mount(QAvatar)
@@ -106,10 +94,6 @@ describe('[QAvatar API]', () => {
     })
 
     describe('[(prop)text-color]', () => {
-      test('is defined correctly', () => {
-        expect(QAvatar.props.textColor).toBeDefined()
-      })
-
       test('type String has effect', async () => {
         const propVal = 'red'
         const wrapper = mount(QAvatar)
@@ -137,10 +121,6 @@ describe('[QAvatar API]', () => {
     })
 
     describe('[(prop)icon]', () => {
-      test('is defined correctly', () => {
-        expect(QAvatar.props.icon).toBeDefined()
-      })
-
       test('type String has effect', async () => {
         const propVal = 'map'
         const wrapper = mount(QAvatar)
@@ -163,10 +143,6 @@ describe('[QAvatar API]', () => {
     })
 
     describe('[(prop)square]', () => {
-      test('is defined correctly', () => {
-        expect(QAvatar.props.square).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QAvatar)
         const target = wrapper.get('.q-avatar')
@@ -189,10 +165,6 @@ describe('[QAvatar API]', () => {
     })
 
     describe('[(prop)rounded]', () => {
-      test('is defined correctly', () => {
-        expect(QAvatar.props.rounded).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QAvatar)
         const target = wrapper.get('.q-avatar')

package/src/components/badge/QBadge.test.js

@@ -6,10 +6,6 @@ import QBadge from './QBadge.js'
 describe('[QBadge API]', () => {
   describe('[Props]', () => {
     describe('[(prop)color]', () => {
-      test('is defined correctly', () => {
-        expect(QBadge.props.color).toBeDefined()
-      })
-
       test('type String has effect', async () => {
         const propVal = 'red'
         const wrapper = mount(QBadge)
@@ -37,10 +33,6 @@ describe('[QBadge API]', () => {
     })
 
     describe('[(prop)text-color]', () => {
-      test('is defined correctly', () => {
-        expect(QBadge.props.textColor).toBeDefined()
-      })
-
       test('type String has effect', async () => {
         const propVal = 'red'
         const wrapper = mount(QBadge)
@@ -68,10 +60,6 @@ describe('[QBadge API]', () => {
     })
 
     describe('[(prop)floating]', () => {
-      test('is defined correctly', () => {
-        expect(QBadge.props.floating).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QBadge)
         const target = wrapper.get('.q-badge')
@@ -95,10 +83,6 @@ describe('[QBadge API]', () => {
     })
 
     describe('[(prop)transparent]', () => {
-      test('is defined correctly', () => {
-        expect(QBadge.props.transparent).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QBadge)
         const target = wrapper.get('.q-badge')
@@ -121,10 +105,6 @@ describe('[QBadge API]', () => {
     })
 
     describe('[(prop)multi-line]', () => {
-      test('is defined correctly', () => {
-        expect(QBadge.props.multiLine).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QBadge)
         const target = wrapper.get('.q-badge')
@@ -147,10 +127,6 @@ describe('[QBadge API]', () => {
     })
 
     describe('[(prop)label]', () => {
-      test('is defined correctly', () => {
-        expect(QBadge.props.label).toBeDefined()
-      })
-
       test.each([
         [ 'String', 'John Doe' ],
         [ 'Number', 22 ]
@@ -172,10 +148,6 @@ describe('[QBadge API]', () => {
     })
 
     describe('[(prop)align]', () => {
-      test('is defined correctly', () => {
-        expect(QBadge.props.align).toBeDefined()
-      })
-
       test.each([
         [ 'top' ],
         [ 'middle' ],
@@ -198,10 +170,6 @@ describe('[QBadge API]', () => {
     })
 
     describe('[(prop)outline]', () => {
-      test('is defined correctly', () => {
-        expect(QBadge.props.outline).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QBadge)
         const target = wrapper.get('.q-badge')
@@ -224,10 +192,6 @@ describe('[QBadge API]', () => {
     })
 
     describe('[(prop)rounded]', () => {
-      test('is defined correctly', () => {
-        expect(QBadge.props.rounded).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QBadge)
         const target = wrapper.get('.q-badge')

package/src/components/banner/QBanner.test.js

@@ -6,10 +6,6 @@ import QBanner from './QBanner.js'
 describe('[QBanner API]', () => {
   describe('[Props]', () => {
     describe('[(prop)inline-actions]', () => {
-      test('is defined correctly', () => {
-        expect(QBanner.props.inlineActions).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QBanner, {
           slots: {
@@ -35,10 +31,6 @@ describe('[QBanner API]', () => {
     })
 
     describe('[(prop)dense]', () => {
-      test('is defined correctly', () => {
-        expect(QBanner.props.dense).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QBanner)
         const target = wrapper.get('.q-banner')
@@ -57,10 +49,6 @@ describe('[QBanner API]', () => {
     })
 
     describe('[(prop)rounded]', () => {
-      test('is defined correctly', () => {
-        expect(QBanner.props.rounded).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QBanner)
         const target = wrapper.get('.q-banner')
@@ -83,10 +71,6 @@ describe('[QBanner API]', () => {
     })
 
     describe('[(prop)dark]', () => {
-      test('is defined correctly', () => {
-        expect(QBanner.props.dark).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QBanner)
         const target = wrapper.get('.q-banner')

package/src/components/bar/QBar.test.js

@@ -6,10 +6,6 @@ import QBar from './QBar.js'
 describe('[QBar API]', () => {
   describe('[Props]', () => {
     describe('[(prop)dense]', () => {
-      test('is defined correctly', () => {
-        expect(QBar.props.dense).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QBar)
         const target = wrapper.get('.q-bar')
@@ -28,10 +24,6 @@ describe('[QBar API]', () => {
     })
 
     describe('[(prop)dark]', () => {
-      test('is defined correctly', () => {
-        expect(QBar.props.dark).toBeDefined()
-      })
-
       test('type Boolean has effect', async () => {
         const wrapper = mount(QBar)
         const target = wrapper.get('.q-bar')

package/src/components/breadcrumbs/QBreadcrumbs.json

@@ -35,9 +35,10 @@
 
     "align": {
       "type": "String",
-      "default": "'left'",
       "desc": "Specify how to align the breadcrumbs horizontally",
       "values": [ "'left'", "'center'", "'right'", "'between'", "'around'", "'evenly'" ],
+      "default": "'left'",
+      "__runtimeDefault": true,
       "category": "content"
     }
   },