aloha-vue 2.81.0 → 2.82.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aloha-vue",
-  "version": "2.81.0",
+  "version": "2.82.0",
   "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/ui/ACheckbox/ACheckbox.js

@@ -274,6 +274,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -623,6 +628,7 @@ export default {
     if (this.readonly) {
       return h(AFormReadonly, {
         ...this.$attrs,
+        valueParentClass: this.readonlyValueParentClass,
         id: this.htmlIdLocal,
         alwaysTranslate: this.alwaysTranslate,
         excludeRenderAttributes: this.excludeRenderAttributes,

package/src/ui/ACheckbox/ACheckboxItem/ACheckboxItem.js

@@ -97,6 +97,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     searching: {
       type: Boolean,
       required: false,
@@ -190,6 +195,7 @@ export default {
   render() {
     if (this.readonly) {
       return h(AElement, {
+        class: this.readonlyValueParentClass,
         alwaysTranslate: this.alwaysTranslate,
         classDefault: "",
         extra: {

package/src/ui/ADatepicker/ADatepicker.js

@@ -206,6 +206,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -555,6 +560,7 @@ export default {
     if (this.readonly) {
       return h(AFormReadonly, {
         ...this.$attrs,
+        valueParentClass: this.readonlyValueParentClass,
         id: this.htmlIdLocal,
         alwaysTranslate: this.alwaysTranslate,
         class: this.class,

package/src/ui/ADatepickerRange/ADatepickerRange.js

@@ -246,6 +246,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -385,7 +390,7 @@ export default {
         required: this.required,
         style: this.componentStyleHide,
         type: "dateRange",
-        valueParentClass: "a_form_element_readonly_value_range",
+        valueParentClass: ["a_form_element_readonly_value_range", this.readonlyValueParentClass],
       }, () => [
         h(ADatepicker, {
           id: this.idFrom,

package/src/ui/AFieldset/AFieldset.js

@@ -205,6 +205,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -409,6 +414,7 @@ export default {
               idPrefix: this.idPrefix,
               onUpdateData: ({ dataKeyByKeyId }) => this.onUpdateDataLocal({ item, dataKeyByKeyId }),
               class: classColumn,
+              readonlyValueParentClass: this.readonlyValueParentClass,
               ...item,
               change: ({ currentModel, id, item: _item, model, props, fullModel }) => this.onUpdateModelLocal({
                 currentModel, id, item: _item, model, props, component: item, fullModel,
@@ -451,7 +457,7 @@ export default {
         required: this.required,
         style: this.componentStyleHide,
         type: "fieldset",
-        valueParentClass: this.classColumnsReadonly,
+        valueParentClass: [this.classColumnsReadonly, this.readonlyValueParentClass],
       }, () => CONTENT);
     }
 

package/src/ui/AForm/AForm.js

@@ -86,6 +86,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -246,6 +251,7 @@ export default {
             useFlatModel: IS_CONTAINER ? this.useFlatModel : undefined,
             idPrefix: this.idPrefix,
             excludeRenderAttributes: this.excludeRenderAttributes,
+            readonlyValueParentClass: this.readonlyValueParentClass,
             ...item,
             change: ({ currentModel, id, item: _item, model, props, fullModel }) => this.onUpdateModelLocal({
               currentModel, id, item: _item, model, props, component: item, fullModel,

package/src/ui/AFormElement/AFormElement.js

@@ -124,6 +124,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,

package/src/ui/AFormReadonly/AFormReadonly.js

@@ -100,7 +100,7 @@ export default {
       default: undefined,
     },
     valueParentClass: {
-      type: [String, Object],
+      type: [String, Object, Array],
       required: false,
       default: undefined,
     },

package/src/ui/AGroup/AGroup.js

@@ -170,6 +170,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -328,7 +333,7 @@ export default {
         "aria-describedby": this.ariaDescribedbyLocal,
       }, [
         h("div", {
-          class: this.classColumns,
+          class: [this.classColumns, this.readonly && this.readonlyValueParentClass],
         }, [
           this.firstChild.label && h(ALabel, {
             id: this.htmlIdFirstChild,
@@ -394,10 +399,12 @@ export default {
                 parentId,
                 idPrefix: this.idPrefix,
                 onUpdateData: ({ dataKeyByKeyId }) => this.onUpdateDataLocal({ item, dataKeyByKeyId }),
+                readonlyValueParentClass: this.readonlyValueParentClass,
                 ...item,
                 change: ({ currentModel, id, item: _item, model, props }) => this.onUpdateModelLocal({
                   currentModel, id, item: _item, model, props, component: item,
                 }),
+                readonly: this.readonly || item.readonly,
                 disabled: this.disabled || item.disabled,
                 ...this.specificAttributes[item.id],
                 label: itemIndex === 0 ? undefined : item.label,

package/src/ui/AInput/AInput.js

@@ -199,6 +199,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -374,6 +379,7 @@ export default {
     if (this.readonly) {
       return h(AFormReadonly, {
         ...this.$attrs,
+        valueParentClass: this.readonlyValueParentClass,
         id: this.htmlIdLocal,
         alwaysTranslate: this.alwaysTranslate,
         excludeRenderAttributes: this.excludeRenderAttributes,

package/src/ui/AInputCurrency/AInputCurrency.js

@@ -264,6 +264,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -451,6 +456,7 @@ export default {
     if (this.readonly) {
       return h(AFormReadonly, {
         ...this.$attrs,
+        valueParentClass: this.readonlyValueParentClass,
         id: this.htmlIdLocal,
         alwaysTranslate: this.alwaysTranslate,
         excludeRenderAttributes: this.excludeRenderAttributes,

package/src/ui/AInputFile/AInputFile.js

@@ -6,6 +6,7 @@ import {
 } from "vue";
 import {
   AFormLabelDescription,
+  AFormReadonly,
 } from "../../index";
 
 import AErrorsText from "../AErrorsText/AErrorsText";
@@ -57,6 +58,20 @@ export default {
       type: [String, Number, Object, Array],
       required: false,
     },
+    readonly: {
+      type: Boolean,
+      required: false,
+    },
+    readonlyDefault: {
+      type: String,
+      required: false,
+      default: "",
+    },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     text: {
       type: String,
       required: false,
@@ -164,6 +179,26 @@ export default {
       return null;
     }
 
+    if (this.readonly) {
+      return h(AFormReadonly, {
+        ...this.$attrs,
+        id: this.htmlIdLocal,
+        alwaysTranslate: this.alwaysTranslate,
+        excludeRenderAttributes: this.excludeRenderAttributes,
+        extra: this.extra,
+        helpText: this.helpText,
+        label: this.label,
+        labelClass: this.labelClass,
+        labelScreenReader: this.labelScreenReader,
+        readonlyDefault: this.readonlyDefault,
+        style: this.componentStyleHide,
+        type: this.type,
+        valueParentClass: this.readonlyValueParentClass,
+      }, this.isModel ?
+        () => h("ul", {}, this.modelValueListLocal.map(model => h("li", {}, model.name))) :
+        undefined);
+    }
+
     return h("div", {
       ...this.$attrs,
       style: this.componentStyleHide,
@@ -172,11 +207,11 @@ export default {
       h("div", {
         class: "a_form_element__parent",
       }, [
-        this.label && h(ALabel, {
-          id: this.htmlIdLocal,
-          alwaysTranslate: this.alwaysTranslate,
-          extra: this.extra,
-          label: this.label,
+        this.label && h(ALabel, {
+          id: this.htmlIdLocal,
+          alwaysTranslate: this.alwaysTranslate,
+          extra: this.extra,
+          label: this.label,
           labelClass: this.labelClass,
           labelScreenReader: this.labelScreenReader,
           required: this.required,

package/src/ui/AInputNumber/AInputNumber.js

@@ -139,6 +139,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -331,6 +336,7 @@ export default {
     if (this.readonly) {
       return h(AFormReadonly, {
         ...this.$attrs,
+        valueParentClass: this.readonlyValueParentClass,
         id: this.htmlIdLocal,
         alwaysTranslate: this.alwaysTranslate,
         excludeRenderAttributes: this.excludeRenderAttributes,

package/src/ui/AInputNumberRange/AInputNumberRange.js

@@ -214,6 +214,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -368,7 +373,7 @@ export default {
         required: this.required,
         style: this.componentStyleHide,
         type: "numberRange",
-        valueParentClass: "a_form_element_readonly_value_range",
+        valueParentClass: ["a_form_element_readonly_value_range", this.readonlyValueParentClass],
       }, () => [
         h(AInputNumber, {
           id: this.idMin,

package/src/ui/AJson/AJson.js

@@ -161,6 +161,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -267,6 +272,7 @@ export default {
     if (this.readonly) {
       return h(AFormReadonly, {
         ...this.$attrs,
+        valueParentClass: this.readonlyValueParentClass,
         id: this.htmlIdLocal,
         alwaysTranslate: this.alwaysTranslate,
         excludeRenderAttributes: this.excludeRenderAttributes,

package/src/ui/AMultiselectOrdered/AMultiselectOrdered.js

@@ -119,17 +119,17 @@ export default {
       required: false,
       default: undefined,
     },
-    dataExtra: {
-      type: Array,
-      required: false,
-      default: () => [],
-    },
-    mergeData: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    dependencies: {
+    dataExtra: {
+      type: Array,
+      required: false,
+      default: () => [],
+    },
+    mergeData: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    dependencies: {
       type: [Array, Object],
       required: false,
       default: undefined,
@@ -294,6 +294,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -443,16 +448,16 @@ export default {
       required: false,
       default: () => AMultiselectOrderedPluginOptions.propsDefault.texts,
     },
-    translateData: {
-      type: Boolean,
-      required: false,
-      default: () => AMultiselectOrderedPluginOptions.propsDefault.translateData,
-    },
-    translateGroup: {
-      type: Boolean,
-      required: false,
-      default: () => AMultiselectOrderedPluginOptions.propsDefault.translateGroup,
-    },
+    translateData: {
+      type: Boolean,
+      required: false,
+      default: () => AMultiselectOrderedPluginOptions.propsDefault.translateData,
+    },
+    translateGroup: {
+      type: Boolean,
+      required: false,
+      default: () => AMultiselectOrderedPluginOptions.propsDefault.translateGroup,
+    },
     url: {
       type: String,
       required: false,
@@ -680,6 +685,7 @@ export default {
     if (this.readonly) {
       return h(AFormReadonly, {
         ...this.$attrs,
+        valueParentClass: this.readonlyValueParentClass,
         id: this.htmlIdLocal,
         alwaysTranslate: this.alwaysTranslate,
         excludeRenderAttributes: this.excludeRenderAttributes,
@@ -929,9 +935,9 @@ export default {
               searchTimeout: this.searchTimeout,
               searchTextInHtml: this.searchTextInHtml,
               selectMenuClass: this.selectMenuClass,
-              slotName: this.slotName,
-              translateGroup: this.translateGroup,
-              type: "multiselect",
+              slotName: this.slotName,
+              translateGroup: this.translateGroup,
+              type: "multiselect",
             }, this.$slots),
           ]),
         ]),

package/src/ui/AOneCheckbox/AOneCheckbox.js

@@ -157,6 +157,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -249,6 +254,7 @@ export default {
     if (this.readonly) {
       return h(AFormReadonly, {
         ...this.$attrs,
+        valueParentClass: this.readonlyValueParentClass,
         id: this.htmlIdLocal,
         alwaysTranslate: this.alwaysTranslate,
         excludeRenderAttributes: this.excludeRenderAttributes,

package/src/ui/ARadio/ARadio.js

@@ -285,6 +285,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -626,6 +631,7 @@ export default {
     if (this.readonly) {
       return h(AFormReadonly, {
         ...this.$attrs,
+        valueParentClass: this.readonlyValueParentClass,
         id: this.htmlIdLocal,
         alwaysTranslate: this.alwaysTranslate,
         excludeRenderAttributes: this.excludeRenderAttributes,

package/src/ui/ARadio/ARadioItem/ARadioItem.js

@@ -97,6 +97,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     searching: {
       type: Boolean,
       required: false,
@@ -191,6 +196,7 @@ export default {
   render() {
     if (this.readonly) {
       return h(AElement, {
+        class: this.readonlyValueParentClass,
         alwaysTranslate: this.alwaysTranslate,
         classDefault: "",
         extra: {

package/src/ui/ARouterLinkConfig/ARouterLinkConfig.js

@@ -206,6 +206,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -353,6 +358,7 @@ export default {
         modelDependencies: this.modelDependencies,
         modelValue: this.modelLocal,
         readonly: this.readonly,
+        readonlyValueParentClass: this.readonlyValueParentClass,
         readonlyDefault: this.readonlyDefault,
         required: this.required,
         slotName: this.slotName,
@@ -387,6 +393,7 @@ export default {
         modelDependencies: this.modelDependencies,
         modelValue: this.modelLocal,
         readonly: this.readonly,
+        readonlyValueParentClass: this.readonlyValueParentClass,
         readonlyDefault: this.readonlyDefault,
         required: this.required,
         search: true,

package/src/ui/ASelect/ASelect.js

@@ -409,6 +409,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -1007,6 +1012,7 @@ export default {
     if (this.readonly) {
       return h(AFormReadonly, {
         ...this.$attrs,
+        valueParentClass: this.readonlyValueParentClass,
         id: this.htmlIdLocal,
         alwaysTranslate: this.alwaysTranslate,
         class: this.class,

package/src/ui/ASelectIcon/ASelectIcon.js

@@ -279,6 +279,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -325,17 +330,17 @@ export default {
       required: false,
       default: () => ASelectPluginOptions.propsDefault.textDeselectAll,
     },
-    textSelectAll: {
-      type: String,
-      required: false,
-      default: () => ASelectPluginOptions.propsDefault.textSelectAll,
-    },
-    translateGroup: {
-      type: Boolean,
-      required: false,
-      default: () => ASelectPluginOptions.propsDefault.translateGroup,
-    },
-    type: {
+    textSelectAll: {
+      type: String,
+      required: false,
+      default: () => ASelectPluginOptions.propsDefault.textSelectAll,
+    },
+    translateGroup: {
+      type: Boolean,
+      required: false,
+      default: () => ASelectPluginOptions.propsDefault.translateGroup,
+    },
+    type: {
       type: String,
       required: false,
       default: () => ASelectPluginOptions.propsDefault.type,

package/src/ui/ASelectStyle/ASelectStyle.js

@@ -282,6 +282,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -329,17 +334,17 @@ export default {
       required: false,
       default: () => ASelectPluginOptions.propsDefault.textDeselectAll,
     },
-    textSelectAll: {
-      type: String,
-      required: false,
-      default: () => ASelectPluginOptions.propsDefault.textSelectAll,
-    },
-    translateGroup: {
-      type: Boolean,
-      required: false,
-      default: () => ASelectPluginOptions.propsDefault.translateGroup,
-    },
-    type: {
+    textSelectAll: {
+      type: String,
+      required: false,
+      default: () => ASelectPluginOptions.propsDefault.textSelectAll,
+    },
+    translateGroup: {
+      type: Boolean,
+      required: false,
+      default: () => ASelectPluginOptions.propsDefault.translateGroup,
+    },
+    type: {
       type: String,
       required: false,
       default: () => ASelectPluginOptions.propsDefault.type,

package/src/ui/ASlider/ASlider.js

@@ -216,6 +216,11 @@ export default {
       type: Boolean,
       required: false,
     },
+    readonlyValueParentClass: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
     readonlyDefault: {
       type: String,
       required: false,
@@ -474,6 +479,7 @@ export default {
     if (this.readonly) {
       return h(AFormReadonly, {
         ...this.$attrs,
+        valueParentClass: this.readonlyValueParentClass,
         id: this.htmlIdLocal,
         alwaysTranslate: this.alwaysTranslate,
         excludeRenderAttributes: this.excludeRenderAttributes,