quasar 2.8.3 → 2.8.4

package/lang/ug.js

@@ -8,7 +8,7 @@ const days = 'يەكشەنبە_دۈشەنبە_سەيشەنبە_چارشەنبە_
 module.exports = {
   isoName: 'ug',
   nativeName: 'ئۇيغۇرچە',
-   rtl: true,
+  rtl: true,
   label: {
     clear: 'تازىلاش',
     ok: 'ھەئە',
@@ -22,7 +22,9 @@ module.exports = {
     create: 'قۇرۇش',
     search: 'ئىزدەش',
     filter: 'سۈزگۈچ',
-    refresh: 'يېڭىلاش'
+    refresh: 'يېڭىلاش',
+    expand: label => (label ? `نى كېڭەيتىڭ "${ label }"` : 'كېڭەيتىش'),
+    collapse: label => (label ? `نى يىمىرىڭ "${ label }"` : 'كېڭەيتىش')
   },
   date: {
     days,
@@ -38,7 +40,7 @@ module.exports = {
     noData: 'ئۇچۇر يوق',
     noResults: 'مۇناسىۋەتلىك ئۇچۇر تېپىلمىدى',
     loading: 'يۈكلىنىۋاتىدۇ ...',
-    selectedRecords:  rows => 'جەمئىي ' + rows + ' قۇر تاللاندى',
+    selectedRecords: rows => 'جەمئىي ' + rows + ' قۇر تاللاندى',
     recordsPerPage: 'ھەربەتتىكى قۇر سانى:',
     allRows: 'ھەممىسى',
     pagination: (start, end, total) => start + '-' + end + ' / ' + total,

package/lang/ug.mjs

@@ -3,7 +3,7 @@ const days = 'يەكشەنبە_دۈشەنبە_سەيشەنبە_چارشەنبە_
 export default {
   isoName: 'ug',
   nativeName: 'ئۇيغۇرچە',
-   rtl: true,
+  rtl: true,
   label: {
     clear: 'تازىلاش',
     ok: 'ھەئە',
@@ -17,7 +17,9 @@ export default {
     create: 'قۇرۇش',
     search: 'ئىزدەش',
     filter: 'سۈزگۈچ',
-    refresh: 'يېڭىلاش'
+    refresh: 'يېڭىلاش',
+    expand: label => (label ? `نى كېڭەيتىڭ "${ label }"` : 'كېڭەيتىش'),
+    collapse: label => (label ? `نى يىمىرىڭ "${ label }"` : 'كېڭەيتىش')
   },
   date: {
     days,
@@ -33,7 +35,7 @@ export default {
     noData: 'ئۇچۇر يوق',
     noResults: 'مۇناسىۋەتلىك ئۇچۇر تېپىلمىدى',
     loading: 'يۈكلىنىۋاتىدۇ ...',
-    selectedRecords:  rows => 'جەمئىي ' + rows + ' قۇر تاللاندى',
+    selectedRecords: rows => 'جەمئىي ' + rows + ' قۇر تاللاندى',
     recordsPerPage: 'ھەربەتتىكى قۇر سانى:',
     allRows: 'ھەممىسى',
     pagination: (start, end, total) => start + '-' + end + ' / ' + total,

package/lang/uk.js

@@ -23,7 +23,9 @@ module.exports = {
     create: 'Створити',
     search: 'Пошук',
     filter: 'Фільтр',
-    refresh: 'Оновити'
+    refresh: 'Оновити',
+    expand: label => (label ? `Розгорнути "${ label }"` : 'Розгорнути'),
+    collapse: label => (label ? `Згорнути "${ label }"` : 'Згорнути')
   },
   date: {
     days: 'Неділя_Понеділок_Вівторок_Середа_Четвер_П`ятниця_Субота'.split('_'),

package/lang/uk.mjs

@@ -18,7 +18,9 @@ export default {
     create: 'Створити',
     search: 'Пошук',
     filter: 'Фільтр',
-    refresh: 'Оновити'
+    refresh: 'Оновити',
+    expand: label => (label ? `Розгорнути "${ label }"` : 'Розгорнути'),
+    collapse: label => (label ? `Згорнути "${ label }"` : 'Згорнути')
   },
   date: {
     days: 'Неділя_Понеділок_Вівторок_Середа_Четвер_П`ятниця_Субота'.split('_'),

package/lang/uz-Cyrl.js

@@ -19,7 +19,9 @@ module.exports = {
     create: 'Яратиш',
     search: 'Қидириш',
     filter: 'Филтрлаш',
-    refresh: 'Янгилаш'
+    refresh: 'Янгилаш',
+    expand: label => (label ? `"${ label }" ни кенгайтириш` : 'ъКенгайтиришъ'),
+    collapse: label => (label ? `"${ label }" ни йиғиш` : 'ъЙиқилишъ')
   },
   date: {
     days: 'Якшанба_Душанба_Сешанба_Чоршанба_Пайшанба_Жума_Шанба'.split('_'),

package/lang/uz-Cyrl.mjs

@@ -14,7 +14,9 @@ export default {
     create: 'Яратиш',
     search: 'Қидириш',
     filter: 'Филтрлаш',
-    refresh: 'Янгилаш'
+    refresh: 'Янгилаш',
+    expand: label => (label ? `"${ label }" ни кенгайтириш` : 'ъКенгайтиришъ'),
+    collapse: label => (label ? `"${ label }" ни йиғиш` : 'ъЙиқилишъ')
   },
   date: {
     days: 'Якшанба_Душанба_Сешанба_Чоршанба_Пайшанба_Жума_Шанба'.split('_'),

package/lang/uz-Latn.js

@@ -19,7 +19,9 @@ module.exports = {
     create: 'Yaratish',
     search: 'Qidirish',
     filter: 'Filtrlash',
-    refresh: 'Yangilash'
+    refresh: 'Yangilash',
+    expand: label => (label ? `"${ label }" ni kengaytirish` : 'Kengaytirish'),
+    collapse: label => (label ? `"${ label }" ni yig'ish` : 'Yiqilish')
   },
   date: {
     days: 'Yakshanba_Dushanba_Seshanba_Chorshanba_Payshanba_Juma_Shanba'.split(

package/lang/uz-Latn.mjs

@@ -14,7 +14,9 @@ export default {
     create: 'Yaratish',
     search: 'Qidirish',
     filter: 'Filtrlash',
-    refresh: 'Yangilash'
+    refresh: 'Yangilash',
+    expand: label => (label ? `"${ label }" ni kengaytirish` : 'Kengaytirish'),
+    collapse: label => (label ? `"${ label }" ni yig'ish` : 'Yiqilish')
   },
   date: {
     days: 'Yakshanba_Dushanba_Seshanba_Chorshanba_Payshanba_Juma_Shanba'.split(

package/lang/vi.js

@@ -19,7 +19,9 @@ module.exports = {
     create: 'Tạo',
     search: 'Tìm kiếm',
     filter: 'Bộ lọc',
-    refresh: 'Làm mới'
+    refresh: 'Làm mới',
+    expand: label => (label ? `Mở rộng "${ label }"` : 'Mở rộng'),
+    collapse: label => (label ? `Thu gọn "${ label }"` : 'Sụp đổ')
   },
   date: {
     days: 'Chủ Nhật_Thứ Hai_Thứ Ba_Thứ Tư_Thứ Năm_Thứ Sáu_Thứ Bảy'.split('_'),

package/lang/vi.mjs

@@ -14,7 +14,9 @@ export default {
     create: 'Tạo',
     search: 'Tìm kiếm',
     filter: 'Bộ lọc',
-    refresh: 'Làm mới'
+    refresh: 'Làm mới',
+    expand: label => (label ? `Mở rộng "${ label }"` : 'Mở rộng'),
+    collapse: label => (label ? `Thu gọn "${ label }"` : 'Sụp đổ')
   },
   date: {
     days: 'Chủ Nhật_Thứ Hai_Thứ Ba_Thứ Tư_Thứ Năm_Thứ Sáu_Thứ Bảy'.split('_'),

package/lang/zh-CN.js

@@ -19,7 +19,9 @@ module.exports = {
     create: '创建',
     search: '搜索',
     filter: '过滤',
-    refresh: '刷新'
+    refresh: '刷新',
+    expand: label => (label ? `展开"${ label }"` : '扩张'),
+    collapse: label => (label ? `折叠"${ label }"` : '坍塌')
   },
   date: {
     days: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),

package/lang/zh-CN.mjs

@@ -14,7 +14,9 @@ export default {
     create: '创建',
     search: '搜索',
     filter: '过滤',
-    refresh: '刷新'
+    refresh: '刷新',
+    expand: label => (label ? `展开"${ label }"` : '扩张'),
+    collapse: label => (label ? `折叠"${ label }"` : '坍塌')
   },
   date: {
     days: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),

package/lang/zh-TW.js

@@ -19,7 +19,9 @@ module.exports = {
     create: '新增',
     search: '搜尋',
     filter: '篩選',
-    refresh: '更新'
+    refresh: '更新',
+    expand: label => (label ? `展開"${ label }"` : '擴張'),
+    collapse: label => (label ? `折疊"${ label }"` : '坍塌')
   },
   date: {
     days: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),

package/lang/zh-TW.mjs

@@ -14,7 +14,9 @@ export default {
     create: '新增',
     search: '搜尋',
     filter: '篩選',
-    refresh: '更新'
+    refresh: '更新',
+    expand: label => (label ? `展開"${ label }"` : '擴張'),
+    collapse: label => (label ? `折疊"${ label }"` : '坍塌')
   },
   date: {
     days: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.8.3",
+  "version": "2.8.4",
   "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",
@@ -29,8 +29,8 @@
     "build": "node build/script.build.js",
     "lint": "eslint --ext .js,.vue src dev",
     "lint-fix": "eslint --ext .js,.vue src dev --fix",
-    "test:component": "cd ./dev && cypress open-ct && cd ..",
-    "test:component:ci": "cd ./dev && cypress run-ct --record --parallel && cd ..",
+    "test:component": "node build/script.build.js && cd ./dev && cypress open-ct && cd ..",
+    "test:component:ci": "node build/script.build.js && cd ./dev && cypress run-ct --record --parallel && cd ..",
     "test:create": "node ./test/cypress/helpers/create-spec.js -c"
   },
   "repository": {
@@ -65,7 +65,7 @@
   },
   "homepage": "https://quasar.dev",
   "devDependencies": {
-    "@quasar/app-vite": "^1.0.1",
+    "@quasar/app-vite": "^1.1.1",
     "@quasar/extras": "^1.12.0",
     "@quasar/quasar-app-extension-testing-e2e-cypress": "^4.1.2",
     "@rollup/plugin-node-resolve": "^11.2.1",
@@ -89,7 +89,6 @@
     "module-alias": "^2.2.2",
     "postcss-rtlcss": "^3.5.3",
     "prettier": "^2.4.1",
-    "quasar": "^2.1.9",
     "recast": "^0.18.5",
     "rimraf": "^3.0.1",
     "rollup": "^2.34.0",

package/src/components/btn-dropdown/QBtnDropdown.js

@@ -9,6 +9,7 @@ import { useBtnProps } from '../btn/use-btn.js'
 
 import { createComponent } from '../../utils/private/create.js'
 import { stop } from '../../utils/event.js'
+import uid from '../../utils/uid.js'
 import { hSlot } from '../../utils/private/render.js'
 
 export default createComponent({
@@ -42,7 +43,9 @@ export default createComponent({
     disableMainBtn: Boolean,
     disableDropdown: Boolean,
 
-    noIconAnimation: Boolean
+    noIconAnimation: Boolean,
+
+    toggleAriaLabel: String
   },
 
   emits: [ 'update:modelValue', 'click', 'before-show', 'show', 'before-hide', 'hide' ],
@@ -52,11 +55,15 @@ export default createComponent({
 
     const showing = ref(props.modelValue)
     const menuRef = ref(null)
+    const targetUid = uid()
 
     const attributes = computed(() => {
       const acc = {
         'aria-expanded': showing.value === true ? 'true' : 'false',
-        'aria-haspopup': 'true'
+        'aria-haspopup': 'true',
+        'aria-controls': targetUid,
+        'aria-owns': targetUid,
+        'aria-label': props.toggleAriaLabel || proxy.$q.lang.label[ showing.value === true ? 'collapse' : 'expand' ](props.label)
       }
 
       if (
@@ -146,6 +153,7 @@ export default createComponent({
       props.disableDropdown !== true && Arrow.push(
         h(QMenu, {
           ref: menuRef,
+          id: targetUid,
           class: props.contentClass,
           style: props.contentStyle,
           cover: props.cover,

package/src/components/btn-dropdown/QBtnDropdown.json

@@ -119,6 +119,14 @@
       "desc": "An array of two numbers to offset the menu horizontally and vertically in pixels",
       "examples": [ "[8, 8]", "[5, 10]" ],
       "category": "position"
+    },
+
+    "toggle-aria-label": {
+      "type": "String",
+      "desc": "aria-label to be used on the dropdown toggle element",
+      "examples": [ "Open menu" ],
+      "category": "content",
+      "addedIn": "v2.8.4"
     }
   },
 

package/src/components/chip/QChip.js

@@ -11,7 +11,7 @@ import { createComponent } from '../../utils/private/create.js'
 import { stopAndPrevent } from '../../utils/event.js'
 import { hMergeSlotSafely, hDir } from '../../utils/private/render.js'
 
-const defaultSizes = {
+export const defaultSizes = {
   xs: 8,
   sm: 10,
   md: 14,
@@ -51,6 +51,8 @@ export default createComponent({
     clickable: Boolean,
     removable: Boolean,
 
+    removeAriaLabel: String,
+
     tabindex: [ String, Number ],
     disable: Boolean,
 
@@ -103,7 +105,12 @@ export default createComponent({
     const attributes = computed(() => (
       props.disable === true
         ? { tabindex: -1, 'aria-disabled': 'true' }
-        : { tabindex: props.tabindex || 0 }
+        : {
+            tabindex: props.tabindex || 0,
+            role: 'button',
+            'aria-hidden': 'false',
+            'aria-label': props.removeAriaLabel || $q.lang.label.remove
+          }
     ))
 
     function onKeyup (e) {

package/src/components/chip/QChip.json

@@ -95,6 +95,14 @@
       "extends": "ripple"
     },
 
+    "remove-aria-label": {
+      "type": "String",
+      "desc": "aria-label to be used on the remove icon",
+      "examples": [ "Remove item" ],
+      "category": "content",
+      "addedIn": "v2.8.4"
+    },
+
     "tabindex": {
       "extends": "tabindex"
     },