@avakhula/ui 0.0.331 → 0.0.333

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avakhula/ui",
-  "version": "0.0.331",
+  "version": "0.0.333",
   "main": "dist/index.js",
   "module": "dist/index.umd.cjs",
   "source": "src/index.js",

package/src/components/Panel/Panel.vue

@@ -91,9 +91,11 @@ $description-color: $gray-700;
     }
 
     .head-content {
-      @include Ib-H4-regular;
-      color: $description-color;
       width: 100%;
+      p {
+        @include Ib-H4-regular;
+        color: $description-color;
+      }
     }
   }
 }

package/src/components/TreeSelect/Select.vue

@@ -12,7 +12,7 @@
     <ib-dropdown
       :disabled="isLoading"
       :is-resizable="isResizable"
-      :vertical="vertical"
+      :vertical="verticalVal"
       ref="dropdown"
       @close="onClose"
       @open="onOpen"
@@ -393,10 +393,10 @@ export default {
       type: Boolean,
       default: false,
     },
-    // vertical: {
-    //   type: String,
-    //   default: "bottom"
-    // },
+    vertical: {
+      type: String,
+      // default: "bottom"
+    },
     emptyMessage: {
       type: String,
       default: "",
@@ -545,7 +545,7 @@ export default {
       actualBookmarkedOptions: {},
       selected: [],
       isOpen: false,
-      vertical: "bottom",
+      verticalVal: this.vertical ?? "bottom",
       allOptionsIsChecked: true,
       hasTreeChildren: false,
       uid: `f${(~~(Math.random() * 1e8)).toString(16)}`,
@@ -942,16 +942,18 @@ export default {
         this.$emit("close", Object.keys(this.selected)[0]);
       }
       this.$emit("blur");
-      this.vertical = "bottom";
+      this.verticalVal = this.vertical ?? "bottom";
     },
     onOpen() {
       const screenHeight = document.documentElement.scrollHeight;
       this.isOpen = true;
 
+      if (this.vertical === "bottom") return;
+
       this.$nextTick(() => {
         const newScreenHeight = document.documentElement.scrollHeight
         if(newScreenHeight > screenHeight) {
-          this.vertical = "top";
+          this.verticalVal = "top";
         }
       })
     }