aloha-vue 2.57.4 → 2.57.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aloha-vue",
-  "version": "2.57.4",
+  "version": "2.57.5",
   "description": "Aloha-vue is a JavaScript library that provides a wide range of accessible components and directives for Vue.js. Accessibility is of paramount importance to us, and we have designed all our components to meet accessibility compliance criteria. This library is a valuable tool for frontend developers and has already been used in three projects, including two large-scale ones",
   "keywords": [
     "accessibility compliance criteria",

package/src/AButton/AButton.js

@@ -1,270 +1,275 @@
-import {
-  h,
-} from "vue";
-import {
-  AElement,
-} from "../index";
-
-import EmitsAPI from "./compositionAPI/EmitsAPI";
-
-import placements from "../const/placements";
-import {
-  isInteger,
-  isString,
-  uniqueId,
-} from "lodash-es";
-
-export default {
-  name: "AButton",
-  inheritAttrs: false,
-  props: {
-    alwaysTranslate: {
-      type: Boolean,
-      required: false,
-    },
-    ariaDisabled: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    ariaLabel: {
-      type: [String, Number, Object],
-      required: false,
-      default: undefined,
-    },
-    attributes: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    class: {
-      type: [String, Object],
-      required: false,
-      default: undefined,
-    },
-    classDefault: {
-      type: String,
-      required: false,
-      default: "aloha_element",
-    },
-    classDefaultHidden: {
-      type: String,
-      required: false,
-      default: "aloha_element__hidden",
-    },
-    classDisabled: {
-      type: String,
-      required: false,
-      default: "disabled",
-    },
-    disabled: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    excludeRenderAttributes: {
-      type: Array,
-      required: false,
-      default: () => [],
-    },
-    extra: {
-      type: Object,
-      required: false,
-      default: undefined,
-    },
-    extraData: {
-      type: [String, Number, Boolean, Array, Object, Date, Function, Symbol, null, undefined],
-      required: false,
-      default: undefined,
-    },
-    html: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    htmlScreenReader: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    iconAttributes: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    iconClass: {
-      type: [String, Object],
-      required: false,
-      default: undefined,
-    },
-    iconLeft: {
-      type: [String, Object],
-      required: false,
-      default: undefined,
-    },
-    iconRight: {
-      type: [String, Object],
-      required: false,
-      default: undefined,
-    },
-    iconTag: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    id: {
-      type: String,
-      required: false,
-      default: () => uniqueId("a_btn_"),
-    },
-    isSwitch: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    isTitleHtml: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    loading: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    loadingAlign: {
-      type: String,
-      required: false,
-      default: "right",
-      validator: value => ["right", "left"].indexOf(value) !== -1,
-    },
-    loadingClass: {
-      type: [String, Object],
-      required: false,
-      default: "a_spinner_small",
-    },
-    modelSwitch: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    prevent: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    safeHtml: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    safeHtmlScreenReader: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    stop: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    tabindex: {
-      type: [Number, String],
-      required: false,
-      default: undefined,
-    },
-    tag: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    text: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    textAfter: {
-      type: [String, Number, Object],
-      required: false,
-      default: undefined,
-    },
-    textAriaHidden: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    textBefore: {
-      type: [String, Number, Object],
-      required: false,
-      default: undefined,
-    },
-    textClass: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    textScreenReader: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    textTag: {
-      type: String,
-      required: false,
-      default: "span",
-    },
-    title: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    titleAttributes: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    titlePlacement: {
-      type: String,
-      required: false,
-      default: "top",
-      validator: placement => placements.indexOf(placement) !== -1,
-    },
-    titleZIndex: {
-      type: [Number, String],
-      required: false,
-      default: "auto",
-      validator: value => {
-        if (isString(value)) {
-          return value === "auto";
-        }
-        return isInteger(value);
-      },
-    },
-    type: {
-      type: String,
-      required: false,
-      default: "button",
-      validator: value => ["button", "submit", "reset"].indexOf(value) !== -1,
-    },
-  },
-  emits: [
-    "click",
-  ],
-  setup(props, context) {
-    const {
-      clickEmit,
-    } = EmitsAPI(props, context);
-
-
-    return {
-      clickEmit,
-    };
-  },
-  render() {
-    return h(AElement, {
-      ...this.$attrs,
-      ...this.$props,
-      onClick: this.clickEmit,
-    }, this.$slots);
-  },
-};
+import {
+  h,
+} from "vue";
+import {
+  AElement,
+} from "../index";
+
+import EmitsAPI from "./compositionAPI/EmitsAPI";
+
+import placements from "../const/placements";
+import {
+  isInteger,
+  isString,
+  uniqueId,
+} from "lodash-es";
+
+export default {
+  name: "AButton",
+  inheritAttrs: false,
+  props: {
+    alwaysTranslate: {
+      type: Boolean,
+      required: false,
+    },
+    ariaDisabled: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    ariaLabel: {
+      type: [String, Number, Object],
+      required: false,
+      default: undefined,
+    },
+    attributes: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    class: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    classDefault: {
+      type: String,
+      required: false,
+      default: "aloha_element",
+    },
+    classDefaultHidden: {
+      type: String,
+      required: false,
+      default: "aloha_element__hidden",
+    },
+    classDisabled: {
+      type: String,
+      required: false,
+      default: "disabled",
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    excludeRenderAttributes: {
+      type: Array,
+      required: false,
+      default: () => [],
+    },
+    extra: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
+    extraData: {
+      type: [String, Number, Boolean, Array, Object, Date, Function, Symbol, null, undefined],
+      required: false,
+      default: undefined,
+    },
+    html: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    htmlScreenReader: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    iconAttributes: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    iconClass: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    iconLeft: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    iconRight: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    iconTag: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    id: {
+      type: String,
+      required: false,
+      default: () => uniqueId("a_btn_"),
+    },
+    isSwitch: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    isTitleHtml: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    loading: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    loadingAlign: {
+      type: String,
+      required: false,
+      default: "right",
+      validator: value => ["right", "left"].indexOf(value) !== -1,
+    },
+    loadingClass: {
+      type: [String, Object],
+      required: false,
+      default: "a_spinner_small",
+    },
+    modelSwitch: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    prevent: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    preventKeyboardRepeat: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    safeHtml: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    safeHtmlScreenReader: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    stop: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    tabindex: {
+      type: [Number, String],
+      required: false,
+      default: undefined,
+    },
+    tag: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    text: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    textAfter: {
+      type: [String, Number, Object],
+      required: false,
+      default: undefined,
+    },
+    textAriaHidden: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    textBefore: {
+      type: [String, Number, Object],
+      required: false,
+      default: undefined,
+    },
+    textClass: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    textScreenReader: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    textTag: {
+      type: String,
+      required: false,
+      default: "span",
+    },
+    title: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    titleAttributes: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    titlePlacement: {
+      type: String,
+      required: false,
+      default: "top",
+      validator: placement => placements.indexOf(placement) !== -1,
+    },
+    titleZIndex: {
+      type: [Number, String],
+      required: false,
+      default: "auto",
+      validator: value => {
+        if (isString(value)) {
+          return value === "auto";
+        }
+        return isInteger(value);
+      },
+    },
+    type: {
+      type: String,
+      required: false,
+      default: "button",
+      validator: value => ["button", "submit", "reset"].indexOf(value) !== -1,
+    },
+  },
+  emits: [
+    "click",
+  ],
+  setup(props, context) {
+    const {
+      clickEmit,
+    } = EmitsAPI(props, context);
+
+
+    return {
+      clickEmit,
+    };
+  },
+  render() {
+    return h(AElement, {
+      ...this.$attrs,
+      ...this.$props,
+      onClick: this.clickEmit,
+    }, this.$slots);
+  },
+};

package/src/AElement/AElement.js

@@ -9,17 +9,18 @@ import {
 } from "../index";
 
 import AriaLabelAPI from "../ATranslation/compositionAPI/AriaLabelAPI";
-import AttributesAPI from "./comositionAPI/AttributesAPI";
-import ClickAPI from "./comositionAPI/ClickAPI";
-import ComponentLocalAPI from "./comositionAPI/ComponentLocalAPI";
-import DisabledAPI from "./comositionAPI/DisabledAPI";
-import HtmlTitleAPI from "./comositionAPI/HtmlTitleAPI";
-import LoadingAPI from "./comositionAPI/LoadingAPI";
-import RouterLinkAPI from "./comositionAPI/RouterLinkAPI";
-import SwitchAPI from "./comositionAPI/SwitchAPI";
-import TagAPI from "./comositionAPI/TagAPI";
-import TextAPI from "./comositionAPI/TextAPI";
-import TitleAPI from "./comositionAPI/TitleAPI";
+import AttributesAPI from "./compositionAPI/AttributesAPI";
+import ClickAPI from "./compositionAPI/ClickAPI";
+import ComponentLocalAPI from "./compositionAPI/ComponentLocalAPI";
+import DisabledAPI from "./compositionAPI/DisabledAPI";
+import HtmlTitleAPI from "./compositionAPI/HtmlTitleAPI";
+import KeydownAPI from "./compositionAPI/KeydownAPI";
+import LoadingAPI from "./compositionAPI/LoadingAPI";
+import RouterLinkAPI from "./compositionAPI/RouterLinkAPI";
+import SwitchAPI from "./compositionAPI/SwitchAPI";
+import TagAPI from "./compositionAPI/TagAPI";
+import TextAPI from "./compositionAPI/TextAPI";
+import TitleAPI from "./compositionAPI/TitleAPI";
 import UIExcludeRenderAttributesAPI from "../ui/compositionApi/UIExcludeRenderAttributesAPI";
 
 import {
@@ -172,6 +173,11 @@ export default {
       required: false,
       default: undefined,
     },
+    preventKeyboardRepeat: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     safeHtml: {
       type: [String, Number, Object, Array],
       required: false,
@@ -346,6 +352,10 @@ export default {
       switchClass,
     } = SwitchAPI(props);
 
+    const {
+      onKeydown,
+    } = KeydownAPI(props, context);
+
 
     return {
       ariaLabelAttributes,
@@ -361,6 +371,7 @@ export default {
       isTextOrHtmlVisible,
       isTitleVisible,
       onClick,
+      onKeydown,
       switchClass,
       tagLocal,
       toHrefAttributes,
@@ -390,6 +401,7 @@ export default {
       "aria-pressed": this.isSwitchActive,
       isAllRowsSelected: undefined, // TODO: ATable
       onClick: this.onClick,
+      onKeydown: this.onKeydown,
       ...this.attributes,
       ...this.attributesToExcludeFromRender,
     }, {