aloha-vue 1.0.217 → 1.0.218

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

@@ -25,7 +25,9 @@ export default {
           grow: 2,
           footerSlot: "footerAloha",
           class: "a_text_right",
+          icon: "Close",
           isRender: true,
+          title: "Aloha",
         },
         {
           label: "Slot",

package/package.json

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

package/src/AModal/AModal.js

@@ -456,7 +456,14 @@ export default {
                 ref: "modal_footer",
                 class: "a_modal_footer",
               }, [
-                this.$slots.modalFooter && this.$slots.modalFooter(),
+                this.$slots.modalFooterPrepend && this.$slots.modalFooterPrepend({
+                  saveButtonClass: this.saveButtonClass,
+                  closeButtonClass: this.closeButtonClass,
+                  disabled: this.disabledLocal,
+                  disabledSave: this.disabledSave,
+                  save: this.save,
+                  close: this.close,
+                }),
                 (!this.isSaveButtonHide && this.save) && h("button", {
                   type: "button",
                   class: this.saveButtonClass,
@@ -473,6 +480,14 @@ export default {
                 }, [
                   h("span", null, this.closeButtonText),
                 ]),
+                this.$slots.modalFooterAppend && this.$slots.modalFooterAppend({
+                  saveButtonClass: this.saveButtonClass,
+                  closeButtonClass: this.closeButtonClass,
+                  disabled: this.disabledLocal,
+                  disabledSave: this.disabledSave,
+                  save: this.save,
+                  close: this.close,
+                }),
               ]),
             ]),
           ]),

package/src/ATable/ATableHeaderTh/ATableHeaderTh.js

@@ -196,9 +196,25 @@ export default {
         ],
       }, [
         h(this.componentLocal, this.attributesForButton, [
-          h(ATranslation, {
+          this.column.icon && h(AIcon, {
+            icon: this.column.icon,
+            class: "a_table__th__icon",
+          }),
+          this.column.label && h(ATranslation, {
             html: this.column.label,
             tag: "span",
+            class: "a_table__th__text",
+          }),
+          this.column.title && h(ATranslation, {
+            title: this.column.title,
+            ariaHidden: true,
+            tag: "span",
+            class: "a_position_absolute_all",
+          }),
+          this.column.title && h(ATranslation, {
+            text: this.column.title,
+            tag: "span",
+            class: "a_sr_only",
           }),
           h("span", {
             class: "a_table__th__sort__icons",

package/src/styles/components/ATable.scss

@@ -105,6 +105,7 @@
   align-items: center;
   background-color: var(--a_table_th_bg);
   border-bottom: var(--a_table_th_border_bottom_width) solid var(--a_table_th_border_bottom_color);
+  position: relative;
 }
 .a_table__th_draggable {
   cursor: move;
@@ -206,6 +207,10 @@
   border-top: var(--a_table_footer_border_top);
 }
 
+.a_table__th__icon + .a_table__th__text {
+  margin-left: var(--a_table_between_actions_margin, .5rem);
+}
+
 .a_table__th__sort {
   padding: 0;
   border: none;