@avakhula/ui 0.0.262 → 0.0.263

package/package.json

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

package/src/App.vue

@@ -1,23 +1,36 @@
 <template>
-  <div class="test">
-    <limit-selector />
+  <div class="page">
+
+    <sorting view="table-sorting" toggle-tip-title="hello" :table-name="'table'" :title="'test'">
+
+      <!-- <template #toggleTipBody>
+        <p>
+          test
+        </p>
+      </template>
+
+      <template #toggleTipButtons>
+        <p>
+          test
+        </p>
+      </template> -->
+
+
+    </sorting>
   </div>
 </template>
 
 <script>
-import LimitSelector from "./components/Pagination/LimitSelector.vue"
+import Sorting from './components/Sorting/Sorting.vue';
 export default {
   components: {
-    LimitSelector
-  } 
+    Sorting
+  }
 }
 </script>
 
-
 <style lang="scss">
-.test {
-  height: 100vh;
-  display: flex;
-  align-items: end;
+.page {
+  padding: 200px;
 }
-</style>
+</style>

package/src/components/Sorting/Sorting.vue

@@ -11,7 +11,7 @@
       <div>
         <button
           class="sorting-label"
-          v-tooltip:[tooltipPosition]="tooltipContent"
+          v-tooltip:[sortingTooltipPosition]="sortingTooltipContent"
           :class="{
             'sorting-label-active': isOpenToggleTip && hasToggleTip,
             'has-action': tooltipText?.length || hasToggleTip
@@ -158,6 +158,20 @@ export default {
       }
       return null;
     },
+    sortingTooltipPosition() {
+      if (this.hasToggleTip) {
+        return 'bottomCenter'
+      }
+
+      return this.tooltipPosition;
+    },
+    sortingTooltipContent() {
+      if (this.hasToggleTip) {
+        return lang('click_to_more_details', this.langComponents?.COMPONENT_SYSTEM);
+      }
+
+      return this.tooltipContent;
+    },
     tooltipIconText() {
       if (this.currentTypeSort === this.sortingTypes.TYPE_ASC) {
         return lang("sort_descending", this.langComponents?.COMPONENT_SELECT);

package/src/components/TreeSelect/Select.vue

@@ -915,24 +915,15 @@ export default {
       this.vertical = "bottom";
     },
     onOpen() {
-
-      const screenHeight = document.body.offsetHeight; 
-      const screenScrollHeight = document.documentElement.scrollHeight;
+      const screenHeight = document.documentElement.scrollHeight;
       this.isOpen = true;
 
-      setTimeout(() => {
-        const newScreenScrollHeight = document.documentElement.scrollHeight
-        const newScreenHeight = document.body.offsetHeight;
-        
-        console.log(screenScrollHeight, "screenScrollHeight")
-        console.log(screenHeight, "screenHeight")       
-        console.log(newScreenScrollHeight, "newScreenScrollHeight")
-        console.log(newScreenHeight, "newScreenHeight")
-        if(newScreenHeight > screenHeight || newScreenScrollHeight > screenScrollHeight) {
-          console.log('test')
+      this.$nextTick(() => {
+        const newScreenHeight = document.documentElement.scrollHeight
+        if(newScreenHeight > screenHeight) {
           this.vertical = "top";
         }
-      }, 1000)
+      })
     }
   },
   computed: {