aloha-vue 1.0.56 → 1.0.59

package/docs/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.6",
-    "aloha-css": "1.0.45",
+    "aloha-css": "1.0.46",
     "lodash-es": "^4.17.21",
     "vue": "3.2.31",
     "vue-router": "4.0.14",

package/docs/src/views/PageAccordion/PageAccordion.js

@@ -9,7 +9,7 @@ export default {
     return {
       items: [
         {
-          label: "label 1",
+          label: "label labellabe llabellabellabellab ellabellabel1 labellabellabellabellabellabe labellabellabellabellabellabe labellabellabellabellabellabe labellabellabellabellabellabe labellabellabellabellabellabe labellabellabellabellabellabelabellabellabellabellabellabe llabellabellabel",
           content: "content 1",
           items: [
             {

package/docs/src/views/PageAccordion/PageAccordion.pug

@@ -8,6 +8,7 @@ div
   a-accordion(
     :items="items"
     :always-open="true"
+    :with-gap="true"
   )
   h2 with Slots
   a-accordion(
@@ -16,13 +17,13 @@ div
     key-content=""
   )
     template(
-      v-slot:button="{ item, itemIndex }"
+      v-slot:accordionButton="{ item, itemIndex }"
     )
       span {{ item.label }}
         strong index: {{ itemIndex }}
 
     template(
-      v-slot:content="{ item, itemIndex }"
+      v-slot:accordionContent="{ item, itemIndex }"
     )
       strong {{ item.content }}
 

package/package.json

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

package/src/AAccordion/AAccordion.js

@@ -25,6 +25,7 @@ export default {
       keyLabel: computed(() => this.keyLabel),
       keyContent: computed(() => this.keyContent),
       readonly: computed(() => this.readonly),
+      withGap: computed(() => this.withGap),
     };
   },
   props: {
@@ -82,6 +83,10 @@ export default {
       required: false,
       default: undefined,
     },
+    withGap: {
+      type: Boolean,
+      required: false,
+    },
   },
   emits: ["toggle"],
   data() {
@@ -132,7 +137,9 @@ export default {
   },
   render() {
     return h("div", {
-      class: "a_accordion",
+      class: ["a_accordion", {
+        a_accordion__with_gap: this.withGap,
+      }],
     }, [
       this.items.map((item, itemIndex) => {
         return h(AAccordionItem, {

package/src/AAccordion/AAccordionItem.js

@@ -43,6 +43,7 @@ export default {
     "keyLabel",
     "keyContent",
     "readonly",
+    "withGap",
   ],
   setup(props) {
     const {
@@ -150,10 +151,11 @@ export default {
         class: "a_accordion__header",
       }, [
         h(this.buttonTag, this.buttonAttributes, [
-          this.$slots.button && this.$slots.button({
+          this.$slots.accordionButton && this.$slots.accordionButton({
             item: this.item,
             itemIndex: this.itemIndex,
             parentIndexes: this.parentIndexes,
+            id: this.id,
           }),
           this.labelLocal && h("span", {
             innerHTML: this.labelLocal,
@@ -169,16 +171,19 @@ export default {
         h("div", {
           class: "a_accordion__body",
         }, [
-          this.$slots.content && this.$slots.content({
+          this.$slots.accordionContent && this.$slots.accordionContent({
             item: this.item,
             itemIndex: this.itemIndex,
             parentIndexes: this.parentIndexes,
+            id: this.id,
           }),
           this.contentLocal && h("div", {
             innerHTML: this.contentLocal,
           }),
           this.hasChildren && h("div", {
-            class: "a_accordion",
+            class: ["a_accordion", {
+              a_accordion__with_gap: this.withGap,
+            }],
           }, [
             this.children.map((itemChild, itemChildIndex) => {
               return h(resolveComponent("AAccordionItem"), {

package/src/AGet/AGet.js

@@ -8,7 +8,8 @@ import AFiltersAPI from "../compositionAPI/AFiltersAPI";
 import {
   forEach,
   get,
-  isArray, isFunction,
+  isArray,
+  isFunction,
   isUndefined,
 } from "lodash-es";
 
@@ -45,7 +46,7 @@ export default {
       default: undefined,
     },
     filterParameters: {
-      type: Object,
+      type: [Object, String, Number],
       required: false,
       default: () => {},
     },

package/src/styles/components/ui/ASelect.scss

@@ -134,6 +134,8 @@
   display: flex;
   flex-wrap: wrap;
   list-style: none;
+  margin: 0;
+  padding: 0;
 }
 
 .a_select__ul_closeable__item {