aloha-vue 2.57.2 → 2.57.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aloha-vue",
-  "version": "2.57.2",
+  "version": "2.57.3",
   "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/ATableForm/ATableForm.js

@@ -361,22 +361,23 @@ export default {
           }, [
             h(ATableFormRow, {
               id: this.id,
+              actionsClasses: this.actionsClasses,
+              actionsDisabledCallback: this.actionsDisabledCallback,
+              actionsHideCallback: this.actionsHideCallback,
+              actionsTitleCallback: this.actionsTitleCallback,
               allColumnsLength: this.allColumnsLength,
               canMoveRowDown: this.canMoveRowDown,
               canMoveRowUp: this.canMoveRowUp,
               cellTag: "th",
               changeModel: this.changeModel,
-              actionsClasses: this.actionsClasses,
               columns: this.columns,
               columnsStylesGrow: this.columnsStylesGrow,
               draggedRowIndex: this.draggedRowIndex,
+              extra: this.extra,
               hasActionsColumn: this.hasActionsColumn,
               hasActiveEditRow: false,
-              isActiveEditMode: false,
               isActionsSticky: this.isActionsSticky,
-              actionsDisabledCallback: this.actionsDisabledCallback,
-              actionsHideCallback: this.actionsHideCallback,
-              actionsTitleCallback: this.actionsTitleCallback,
+              isActiveEditMode: false,
               isDeletable: this.isDeletable,
               isDeletableConfirm: this.isDeletableConfirm,
               isDndDisabled: this.hasActiveEditRow,
@@ -395,8 +396,8 @@ export default {
               rows: this.rows,
               saveRow: this.saveRow,
               texts: this.textsLocal,
-              widths: this.widthsLocal,
               trClass: "a_table_form__row a_table_form__row_head",
+              widths: this.widthsLocal,
             }, this.$slots),
           ]),
           h("tbody", {
@@ -410,31 +411,32 @@ export default {
                 });
 
                 return h(ATableFormRow, {
+                  key: rowKey,
                   id: this.id,
+                  actionsClasses: this.actionsClasses,
+                  actionsDisabledCallback: this.actionsDisabledCallback,
+                  actionsHideCallback: this.actionsHideCallback,
+                  actionsTitleCallback: this.actionsTitleCallback,
                   allColumnsLength: this.allColumnsLength,
                   canMoveRowDown: this.canMoveRowDown,
                   canMoveRowUp: this.canMoveRowUp,
                   changeModel: this.changeModel,
-                  actionsClasses: this.actionsClasses,
                   columns: this.columns,
                   columnsStylesGrow: this.columnsStylesGrow,
                   draggedRowIndex: this.draggedRowIndex,
                   editModel: this.activeEditRowKey === rowKey ? this.activeEditModel : undefined,
                   errorIcon: this.errorIcon,
+                  extra: this.extra,
                   hasActionsColumn: this.hasActionsColumn,
                   hasActiveEditRow: this.hasActiveEditRow,
-                  isActiveEditMode: this.activeEditRowKey === rowKey,
                   isActionsSticky: this.isActionsSticky,
-                  actionsDisabledCallback: this.actionsDisabledCallback,
-                  actionsHideCallback: this.actionsHideCallback,
-                  actionsTitleCallback: this.actionsTitleCallback,
+                  isActiveEditMode: this.activeEditRowKey === rowKey,
                   isCreateMode: false,
                   isDeletable: this.isDeletable,
                   isDeletableConfirm: this.isDeletableConfirm,
                   isDndDisabled: this.hasActiveEditRow,
                   isDragAndDrop: this.isDragAndDrop,
                   isEditable: this.isEditable,
-                  key: rowKey,
                   moveRowDown: this.moveRowDown,
                   moveRowUp: this.moveRowUp,
                   onCancelEditRow: this.onCancelEditRow,
@@ -467,23 +469,24 @@ export default {
               }),
               this.isAddRowActive && h(ATableFormRow, {
                 id: this.id,
+                actionsClasses: this.actionsClasses,
+                actionsDisabledCallback: this.actionsDisabledCallback,
+                actionsHideCallback: this.actionsHideCallback,
+                actionsTitleCallback: this.actionsTitleCallback,
                 allColumnsLength: this.allColumnsLength,
                 canMoveRowDown: this.canMoveRowDown,
                 canMoveRowUp: this.canMoveRowUp,
                 changeModel: this.changeModel,
-                actionsClasses: this.actionsClasses,
                 columns: this.columns,
                 columnsStylesGrow: this.columnsStylesGrow,
+                draggedRowIndex: this.draggedRowIndex,
                 editModel: this.activeEditModel,
                 errorIcon: this.errorIcon,
-                draggedRowIndex: this.draggedRowIndex,
+                extra: this.extra,
                 hasActionsColumn: this.hasActionsColumn,
                 hasActiveEditRow: this.hasActiveEditRow,
-                isActiveEditMode: true,
                 isActionsSticky: this.isActionsSticky,
-                actionsDisabledCallback: this.actionsDisabledCallback,
-                actionsHideCallback: this.actionsHideCallback,
-                actionsTitleCallback: this.actionsTitleCallback,
+                isActiveEditMode: true,
                 isCreateMode: true,
                 isDeletable: false,
                 isDeletableConfirm: false,
@@ -507,8 +510,8 @@ export default {
                 rows: this.rows,
                 saveRow: this.addRow,
                 texts: this.textsLocal,
-                widths: this.widthsLocal,
                 trClass: "a_table_form__row a_table_form__row_create",
+                widths: this.widthsLocal,
               }, this.$slots),
             ] :
             [h("tr", {
@@ -529,21 +532,22 @@ export default {
           }, this.rowsFooter.map((row, rowIndex) => {
             return h(ATableFormRow, {
               id: this.id,
+              actionsClasses: this.actionsClasses,
+              actionsDisabledCallback: this.actionsDisabledCallback,
+              actionsHideCallback: this.actionsHideCallback,
+              actionsTitleCallback: this.actionsTitleCallback,
               allColumnsLength: this.allColumnsLength,
               canMoveRowDown: this.canMoveRowDown,
               canMoveRowUp: this.canMoveRowUp,
               changeModel: this.changeModel,
-              actionsClasses: this.actionsClasses,
               columns: this.columns,
               columnsStylesGrow: this.columnsStylesGrow,
               draggedRowIndex: this.draggedRowIndex,
+              extra: this.extra,
               hasActionsColumn: this.hasActionsColumn,
               hasActiveEditRow: this.hasActiveEditRow,
-              isActiveEditMode: false,
               isActionsSticky: this.isActionsSticky,
-              actionsDisabledCallback: this.actionsDisabledCallback,
-              actionsHideCallback: this.actionsHideCallback,
-              actionsTitleCallback: this.actionsTitleCallback,
+              isActiveEditMode: false,
               isDeletable: this.isDeletable,
               isDeletableConfirm: this.isDeletableConfirm,
               isDndDisabled: this.hasActiveEditRow,

package/src/ATableForm/ATableFormCellAction/ATableFormCellAction.js

@@ -20,11 +20,6 @@ import XLg from "aloha-svg/dist/js/bootstrap/XLg";
 export default {
   name: "ATableFormCellAction",
   props: {
-    hasActiveEditRow: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
     actionsClasses: {
       type: Object,
       required: false,
@@ -45,16 +40,26 @@ export default {
       required: false,
       default: () => ({}),
     },
+    extra: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
+    hasActiveEditRow: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     id: {
       type: String,
       required: true,
     },
-    isActiveEditMode: {
+    isActionsSticky: {
       type: Boolean,
       required: false,
       default: false,
     },
-    isActionsSticky: {
+    isActiveEditMode: {
       type: Boolean,
       required: false,
       default: false,
@@ -199,6 +204,7 @@ export default {
                   this.actionsClasses.editCancel,
                 ],
                 disabled: this.isSaving,
+                extra: this.extra,
                 iconLeft: XLg,
                 title: this.texts.actionEditCancel,
                 textScreenReader: this.texts.actionEditCancel,
@@ -213,6 +219,7 @@ export default {
                   this.actionsClasses.editSave,
                 ],
                 disabled: this.isSaving,
+                extra: this.extra,
                 iconLeft: Floppy2Fill,
                 title: this.texts.actionEditSave,
                 textScreenReader: this.texts.actionEditSave,
@@ -230,6 +237,7 @@ export default {
                   this.actionsClasses.delete,
                 ],
                 disabled: this.isDeleteDisabled,
+                extra: this.extra,
                 iconLeft: Trash,
                 title: this.deleteTitle,
                 textScreenReader: this.deleteTitle,
@@ -241,6 +249,7 @@ export default {
                   this.actionsClasses.edit,
                 ],
                 disabled: this.isEditDisabled,
+                extra: this.extra,
                 iconLeft: PencilFill,
                 title: this.editTitle,
                 textScreenReader: this.editTitle,

package/src/ATableForm/ATableFormRow/ATableFormRow.js

@@ -30,6 +30,21 @@ export default {
       required: false,
       default: () => ({}),
     },
+    actionsDisabledCallback: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    actionsHideCallback: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    actionsTitleCallback: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
     allColumnsLength: {
       type: Number,
       required: true,
@@ -61,21 +76,6 @@ export default {
       required: false,
       default: () => ({}),
     },
-    actionsDisabledCallback: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    actionsHideCallback: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    actionsTitleCallback: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
     draggedRowIndex: {
       type: Number,
       required: false,
@@ -91,6 +91,11 @@ export default {
       required: false,
       default: undefined,
     },
+    extra: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
     hasActionsColumn: {
       type: Boolean,
       required: false,
@@ -105,12 +110,12 @@ export default {
       type: String,
       required: true,
     },
-    isActiveEditMode: {
+    isActionsSticky: {
       type: Boolean,
       required: false,
       default: false,
     },
-    isActionsSticky: {
+    isActiveEditMode: {
       type: Boolean,
       required: false,
       default: false,
@@ -386,13 +391,15 @@ export default {
       }),
       this.hasActionsColumn ?
         h(ATableFormCellAction, {
+          id: this.idTr,
           actionsClasses: this.actionsClasses,
           actionsDisabledCallback: this.actionsDisabledCallback,
           actionsHideCallback: this.actionsHideCallback,
-          id: this.idTr,
+          actionsTitleCallback: this.actionsTitleCallback,
+          extra: this.extra,
           hasActiveEditRow: this.hasActiveEditRow,
-          isActiveEditMode: this.isActiveEditMode,
           isActionsSticky: this.isActionsSticky,
+          isActiveEditMode: this.isActiveEditMode,
           isDeletable: this.isDeletable,
           isDeletableConfirm: this.isDeletableConfirm,
           isEditable: this.isEditable,
@@ -406,7 +413,6 @@ export default {
           row: this.row,
           rowIndex: this.rowIndex,
           texts: this.texts,
-          actionsTitleCallback: this.actionsTitleCallback,
           widths: this.widths,
         }) :
         null,

package/src/ATableForm/compositionAPI/ClassesAPI.js

@@ -1,23 +1,23 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function ClassesAPI(props) {
-  const classes = toRef(props, "actionsClasses");
-
-  const classesLocal = computed(() => {
-    return {
-      delete: "a_btn a_btn_transparent_danger",
-      edit: "a_btn a_btn_transparent_primary",
-      editCancel: "a_btn a_btn_transparent_primary",
-      editSave: "a_btn a_btn_transparent_primary",
-      addRow: "a_btn a_btn_outline_primary",
-      ...classes.value,
-    };
-  });
-
-  return {
-    classesLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function ClassesAPI(props) {
+  const classes = toRef(props, "actionsClasses");
+
+  const classesLocal = computed(() => {
+    return {
+      delete: "a_btn a_btn_transparent_danger",
+      edit: "a_btn a_btn_transparent_primary",
+      editCancel: "a_btn a_btn_transparent_primary",
+      editSave: "a_btn a_btn_transparent_primary",
+      addRow: "a_btn a_btn_outline_primary",
+      ...classes.value,
+    };
+  });
+
+  return {
+    classesLocal,
+  };
+}

package/src/ui/AInputCurrency/compositionAPI/InputEventsAPI.js

@@ -60,6 +60,10 @@ export default function InputEventsAPI(props, {
     return `${ value.slice(0, start) }${ replacement }${ value.slice(end) }`;
   };
 
+  const isZeroIntegerPart = value => {
+    return value === "0" || value === "-0";
+  };
+
   const setValueLocal = ({ value, updateOutside, trigger, triggerDetails }) => {
     setCurrentValue({ value, updateOutside, trigger, triggerDetails });
   };
@@ -381,6 +385,7 @@ export default function InputEventsAPI(props, {
     const keyCode = $event.keyCode;
     const keyValue = $event.key;
     const keyIsNumber = keyCode >= 48 && keyCode <= 57 || keyCode >= 96 && keyCode <= 105;
+    const keyIsZero = keyCode === 48 || keyCode === 96;
     const keyIsDecimalDivider = keyValue === decimalDivider.value && !!decimalPartLength.value;
     const decimalDividerIndex = $event.target.value.indexOf(decimalDivider.value);
     const hasDecimalDivider = decimalDividerIndex !== -1;
@@ -512,6 +517,11 @@ export default function InputEventsAPI(props, {
           }
         } else {
           const intValWithoutDivider = intVal.replaceAll(thousandDivider.value, "");
+          if (keyIsZero && isZeroIntegerPart(intValWithoutDivider) && !hasSelection) {
+            $event.preventDefault();
+
+            return;
+          }
           if (intValWithoutDivider.length >= integerPartMaxLength.value && !hasSelection) {
             $event.preventDefault();
 
@@ -520,6 +530,11 @@ export default function InputEventsAPI(props, {
         }
       } else {
         const intValWithoutDivider = value.replaceAll(thousandDivider.value, "");
+        if (keyIsZero && isZeroIntegerPart(intValWithoutDivider) && !hasSelection) {
+          $event.preventDefault();
+
+          return;
+        }
         if (intValWithoutDivider.length >= integerPartMaxLength.value && !hasSelection) {
           $event.preventDefault();
 
@@ -540,7 +555,7 @@ export default function InputEventsAPI(props, {
       $event.preventDefault();
     }
 
-    if ($event.keyCode !== AKeysCode.home && $event.keyCode !== AKeysCode.end && !$event.ctrlKey && $event.keyCode) {
+    if (keyIsNumber && !$event.ctrlKey && $event.keyCode) {
       if (cursorPosition === 0 && value.length && value[0] === "0") {
         $event.preventDefault();
         const newVal = `${ keyValue }${ value.slice(1) }`;