@avakhula/ui 0.0.25 → 0.0.27

package/package.json

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

package/src/App.vue

@@ -15,6 +15,7 @@
     :options="options"
     :is-required="true"
     :is-multiple="false"
+    @close="onClose"
   />
 
   <button @click="changeValue">Change value</button>
@@ -22,7 +23,7 @@
 
   <ib-checkbox @input="test1" class="hello" />
 
-  <ib-button style="margin-bottom: 20px;" v-tooltip="'test'" >HOVER ME</ib-button>
+  <ib-button style="margin-bottom: 1020px;" v-tooltip="'test'" >HOVER ME</ib-button>
   <ib-button style="margin-bottom: 20px;" v-tooltip="'second test'" >HOVER ME</ib-button>
 
 </template>
@@ -119,6 +120,9 @@ export default {
       console.log("test");
       this.test = testData[0].id;
     },
+    onClose(a) {
+      console.log("onClose", a)
+    }
   },
 };
 </script>

package/src/components/TreeSelect/Select.vue

@@ -4,6 +4,7 @@
       :disabled="isLoading"
       :is-resizable="isResizable"
       :vertical="vertical"
+      @close="onClose"
       ref="dropdown"
     >
       <template v-if="hasTrigger" v-slot:trigger>
@@ -831,6 +832,13 @@ export default {
       });
       this.filter(this.filterString, options);
     },
+    onClose() {
+      if (this.isMultiple) {
+        this.$emit("close", Object.keys(this.selected));
+      } else {
+        this.$emit("close", Object.keys(this.selected)[0]);
+      }
+    },
   },
   computed: {
     hasTrigger() {

package/src/directives/tooltip/tooltip.js

@@ -1,6 +1,5 @@
-// import { createApp, h } from "vue";
-import IbTooltip from "../../components/Tooltip/Tooltip.vue";
 import { createApp } from "vue";
+import IbTooltip from "../../components/Tooltip/Tooltip.vue";
 
 export const TooltipDirective = {
   mounted(el, binding) {
@@ -28,14 +27,15 @@ export const TooltipDirective = {
           const { top, left, width } = el.getBoundingClientRect();
           const { width: tooltipWidth, height: tooltipHeight } =
             tooltipContainer.firstChild.getBoundingClientRect();
+          const scrollTop = document.documentElement.scrollTop;
 
           const tooltipStyles = `
-          left: ${left + width / 2 - tooltipWidth / 2}px!important;
-          top: ${top - tooltipHeight - 5}px!important;
-          bottom: auto!important;
-          right: auto!important;
-          transform: none!important;
-        `;
+            left: ${left + width / 2 - tooltipWidth / 2}px!important;
+            top: ${top - tooltipHeight + scrollTop - 5}px!important;
+            bottom: auto!important;
+            right: auto!important;
+            transform: none!important;
+          `;
 
           tooltipContainer.firstChild.setAttribute("style", tooltipStyles);
         }

package/src/index.js

@@ -1,6 +1,6 @@
 export { default as IbIcon } from "./components/Icon.vue";
-export { default as IbAlert } from "./components/Alert/Alert.vue";
 export { default as IbAccordion } from "./components/Accordion/Accordion.vue";
+export { default as IbAlert } from "./components/Alert/Alert.vue";
 export { default as IbBadge } from "./components/Badge/Badge.vue";
 export { default as IbButton } from "./components/Button/Button.vue";
 export { default as IbButtonGroup } from "./components/ButtonGroup/ButtonGroup.vue";