aloha-vue 1.0.111 → 1.0.113

package/docs/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.6",
-    "aloha-css": "1.0.53",
+    "aloha-css": "1.0.59",
     "fecha": "^4.2.3",
     "lodash-es": "^4.17.21",
     "tiny-emitter": "2.1.0",

package/docs/src/main.js

@@ -12,10 +12,10 @@ import en from "./i18n/en.json";
 import hr from "./i18n/hr.json";
 import ru from "./i18n/ru.json";
 
-import deGlobal from "../src/i18n/de.json";
-import enGlobal from "../src/i18n/en.json";
-import hrGlobal from "../src/i18n/hr.json";
-import ruGlobal from "../src/i18n/ru.json";
+import deGlobal from "../../src/i18n/de.json";
+import enGlobal from "../../src/i18n/en.json";
+import hrGlobal from "../../src/i18n/hr.json";
+import ruGlobal from "../../src/i18n/ru.json";
 
 const APP = createApp(App);
 const TRANSLATIONS = {

package/docs/src/views/PageTable/PageTable.js

@@ -25,7 +25,7 @@ export default {
           class: "a_justify_content_end",
         },
         {
-          label: "Aloha frei",
+          label: "Aloha frei dsfdsfdsf sdfdsfdsfdsfsd",
           id: "aloha1",
           path: "aloha",
           sortId: "aloha",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aloha-vue",
   "description": "Project aloha",
-  "version": "1.0.111",
+  "version": "1.0.113",
   "author": "Ilia Brykin",
   "scripts": {
     "build-icons": "node scriptsNode/iconsSvgToJs.js bootstrap3 && node scriptsNode/iconsSvgToJs.js bootstrap-1-9-1"

package/src/AAccordion/AAccordion.js

@@ -17,6 +17,7 @@ export default {
   provide() {
     return {
       classBody: computed(() => this.classBody),
+      classHeader: computed(() => this.classHeader),
       classButton: computed(() => this.classButton),
       disabled: computed(() => this.disabled),
       id: computed(() => this.id),
@@ -26,6 +27,7 @@ export default {
       keyLabel: computed(() => this.keyLabel),
       keyContent: computed(() => this.keyContent),
       keyClassBody: computed(() => this.keyClassBody),
+      keyClassHeader: computed(() => this.keyClassHeader),
       keyIsRender: computed(() => this.keyIsRender),
       readonly: computed(() => this.readonly),
       withGap: computed(() => this.withGap),
@@ -73,6 +75,11 @@ export default {
       required: false,
       default: undefined,
     },
+    keyClassHeader: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
     keyIsRender: {
       type: String,
       required: false,
@@ -101,6 +108,11 @@ export default {
       required: false,
       default: "",
     },
+    classHeader: {
+      type: [String, Object],
+      required: false,
+      default: "",
+    },
     withGap: {
       type: Boolean,
       required: false,

package/src/AAccordion/AAccordionItem.js

@@ -35,6 +35,7 @@ export default {
   emits: ["toggle"],
   inject: [
     "classBody",
+    "classHeader",
     "classButton",
     "disabled",
     "id",
@@ -53,6 +54,7 @@ export default {
     const parentIndexes = toRef(props, "parentIndexes");
 
     const keyClassBody = inject("keyClassBody");
+    const keyClassHeader = inject("keyClassHeader");
     const keyIsRender = inject("keyIsRender");
 
     const classBodyLocal = computed(() => {
@@ -62,6 +64,13 @@ export default {
       return undefined;
     });
 
+    const classHeaderLocal = computed(() => {
+      if (keyClassHeader.value) {
+        return get(item.value, keyClassHeader.value);
+      }
+      return undefined;
+    });
+
     const indexesForOpen = inject("indexesForOpen");
     const parentIndexesString = computed(() => {
       return parentIndexes.value.join(".");
@@ -90,6 +99,7 @@ export default {
 
     return {
       classBodyLocal,
+      classHeaderLocal,
       currentIndex,
       isOpen,
       isRender,
@@ -173,7 +183,7 @@ export default {
       class: "a_accordion__item",
     }, [
       h("div", {
-        class: "a_accordion__header",
+        class: ["a_accordion__header", this.classHeader, this.classHeaderLocal],
       }, [
         h(this.buttonTag, this.buttonAttributes, [
           this.$slots.accordionButton && this.$slots.accordionButton({

package/src/ACloak/ACloak.js

@@ -42,15 +42,15 @@ export default {
       default: "border",
     },
     size: {
-      type: String,
+      type: [String, Number],
       required: false,
-      default: "1",
-      validator: size => ["1", "2", "3", "4", "5", "6"].indexOf(size) !== -1,
+      default: 6,
+      validator: size => ["1", "2", "3", "4", "5", "6", "7"].indexOf(`${ size }`) !== -1,
     },
   },
   computed: {
     classAlign() {
-      return `text-${ this.align }`;
+      return `a_text_${ this.align }`;
     },
 
     classForBox() {
@@ -58,7 +58,7 @@ export default {
     },
 
     classTextSize() {
-      return `fs-${ this.size }`;
+      return `a_fs_${ this.size }`;
     },
 
     boxChildren() {
@@ -75,6 +75,7 @@ export default {
 
     boxTextLeft() {
       return h(ATranslation, {
+        tag: "span",
         class: ["a_cloak__text a_cloak__text_left", this.classTextSize],
         text: this.text,
         extra: this.extraTranslate,
@@ -83,6 +84,7 @@ export default {
 
     boxTextRight() {
       return h(ATranslation, {
+        tag: "span",
         class: ["a_cloak__text a_cloak__text_right", this.classTextSize],
         text: this.text,
         extra: this.extraTranslate,

package/src/ATable/ATableHeaderThAction/ATableHeaderThActionItem.js

@@ -235,7 +235,7 @@ export default {
         class: "a_dropdown__item_text a_table__th__dropdown_item a_text_nowrap",
       }, [
         h("div", {
-          class: "a_table__th__dropdown_item__child",
+          class: "a_table__th__dropdown_item__child a_text_wrap",
         }, [
           h(this.tagIconParent, this.attributesIconParent, [
             h(AIcon, {

package/src/ATable/ATableTdAction/ATableTdAction.js

@@ -81,7 +81,7 @@ export default {
     }, [
       this.isColumnsScrollInvisibleDropdownVisible && h(ADropdown, {
         buttonClass: "a_btn a_btn_link",
-        dropdownClass: "a_p_0",
+        dropdownClass: "a_p_0 a_overflow_x_hidden",
         dropdownTag: "div",
         isCaret: false,
         placement: "bottom-end",
@@ -98,7 +98,7 @@ export default {
         ],
         dropdown: () => [
           h("dl", {
-            class: "a_list_dl",
+            class: "a_list_dl a_list_dl_dt_right",
           }, [
             this.columnsScrollInvisible.map((column, columnIndex) => {
               return h(ATableListItem, {

package/src/styles/components/ATable.scss

@@ -148,6 +148,7 @@
   position: relative;
   flex-grow: 1;
   padding-right: 25px;
+  display: flex;
 }
 .a_table__th__dropdown_item__btn_arrow {
   position: absolute;

package/src/styles/styles.scss

@@ -9,3 +9,4 @@
 @import "components/ATable";
 @import "components/ATabs";
 @import "components/AMenu";
+@import "components/ACloak";