@ditojs/ui 2.93.0 → 2.94.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/ui",
-  "version": "2.93.0",
+  "version": "2.94.0",
   "type": "module",
   "description": "Dito.js UI is a simple UI library, built with Vue.js for use in Dito.js Admin and elsewhere",
   "repository": "https://github.com/ditojs/dito/tree/main/packages/ui",
@@ -21,13 +21,6 @@
     "src/",
     "dist/"
   ],
-  "scripts": {
-    "build:icons": "inline-assets src/icons/*.svg --template src/icons/template.js > src/styles/mixins/_icons.scss",
-    "build:vite": "vite build",
-    "build": "pnpm run build:icons && pnpm run build:vite",
-    "watch": "pnpm run build:vue --mode 'development' --watch",
-    "prepare": "pnpm run build"
-  },
   "engines": {
     "node": ">= 24.0.0"
   },
@@ -38,12 +31,17 @@
     "ie_mob >= 11"
   ],
   "dependencies": {
-    "@ditojs/utils": "^2.93.0",
-    "@soda/get-current-script": "^1.0.2"
+    "@soda/get-current-script": "^1.0.2",
+    "@ditojs/utils": "^2.94.0"
   },
   "devDependencies": {
-    "@ditojs/build": "^2.93.0",
-    "vite": "^8.0.3"
+    "vite": "^8.0.3",
+    "@ditojs/build": "^2.94.0"
   },
-  "gitHead": "360bd6a84c617b7f9b3750c50865380be3dbde8e"
-}
+  "scripts": {
+    "build:icons": "inline-assets src/icons/*.svg --template src/icons/template.js > src/styles/mixins/_icons.scss",
+    "build:vite": "vite build",
+    "build": "pnpm run build:icons && pnpm run build:vite",
+    "watch": "pnpm run build:vue --mode 'development' --watch"
+  }
+}

package/src/components/DitoDatePicker.vue

@@ -151,6 +151,11 @@ export default {
     },
 
     onKeyDown(event) {
+      if (event.key === 'Escape') {
+        this.showPopup = false
+        event.preventDefault()
+        return
+      }
       const { ver: step, enter } = getKeyNavigation(event)
       if (step || enter) {
         event.preventDefault()

package/src/components/DitoPagination.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/no-template-shadow -->
 <template lang="pug">
-.dito-pagination
+nav.dito-pagination(aria-label="Pagination")
   .dito-pagination-total(
     v-if="showTotal"
   )
@@ -14,6 +14,8 @@
       v-for="button in buttons"
       :class="getButtonClasses(button)"
       :disabled="button.disabled"
+      :aria-label="getButtonLabel(button)"
+      :aria-current="button.active ? 'page' : null"
       @click="onClickButton(button)"
     )
       span(
@@ -143,6 +145,13 @@ export default {
       }
     },
 
+    getButtonLabel(button) {
+      if (button.type === 'prev') return 'Previous page'
+      if (button.type === 'next') return 'Next page'
+      if (button.text) return `Page ${button.text}`
+      return null
+    },
+
     onClickButton(button) {
       if (
         button.index &&

package/src/components/DitoSwitch.vue

@@ -9,7 +9,9 @@
       ref="input"
       v-bind="attributes"
       v-model="checked"
+      role="switch"
       type="checkbox"
+      :aria-checked="checked"
       :name="name"
       :disabled="disabled"
     )

package/src/components/DitoTimePicker.vue

@@ -271,6 +271,11 @@ export default {
     },
 
     onKeyDown(event) {
+      if (event.key === 'Escape') {
+        this.showPopup = false
+        event.preventDefault()
+        return
+      }
       const { input } = this
       const selection = getSelection(input)
       const { ver: step, enter } = getKeyNavigation(event)