@avakhula/ui 0.0.120 → 0.0.121

package/dist/index.umd.cjs

@@ -206,7 +206,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 <rect x="7" y="9.5" width="11" height="2" rx="1" class="fill" fill="#1A1A1A"/>
 <rect x="7" y="14.5" width="11" height="2" rx="1" class="fill" fill="#1A1A1A"/>
 </svg>
-`,E1="",at=mt.import("ui/icons");at.bold=Uf,at.italic=Kf,at.underline=Gf,at.strike=Yf,at["code-block"]=Zf,at.link=Wf,at.align[""]=Jf,at.align.center=Xf,at.align.right=Qf,at.align.justify=eh,at.list.ordered=th,at.list.bullet=nh,at["alphabet-list"]=rh,mt.register({"formats/alphabet-list":qt,"formats/alphabet-list/item":tr}),mt.register(at),mt.debug("error");const ih={name:"IbTextEditor",props:{placeholder:{type:String,default:""},modelValue:{type:String},content:{type:String,default:""},readOnly:{type:Boolean,default:!1},enable:{type:Boolean,default:!0},modules:{type:[Object,Array],default:()=>{}},options:{type:Object,default:()=>{}},characterLimit:{type:[String,Number],default:null},error:{type:Boolean,default:!1},disable:{type:Boolean,default:!1},errorMessage:{type:String,default:""},characterLimitErrorMessage:{type:String,default:""},height:{type:String}},mounted(){this.$refs.toolbar.classList.remove("ql-toolbar");const t=this.$refs.wrapper.querySelector("input[data-link]");t.dataset.link="Enter Link",this.updateCharacterLength()},data(){return{data:this.modelValue?this.modelValue:this.content,characterLength:0,isFocus:!1}},watch:{content(t){this.data=t},data(t){this.$emit("update:modelValue",t)}},methods:{onChange(){this.updateCharacterLength(),this.$emit("change",this.data)},onBlur(t){this.$emit("blur",this.data,t),this.isFocus=!1},onFocus(){this.isFocus=!0},updateCharacterLength(){this.characterLength=this.$refs.quill.getText().length-1}},computed:{config(){const t={placeholder:this.data.length?"":this.placeholder,readOnly:this.readOnly?this.readOnly:this.disable,enable:this.enable};return Object.assign(t,this.options)},characterOverLimit(){return!!this.characterLimit&&this.characterLength>this.characterLimit}},components:{QuillEditor:qf,IbIconButton:ut,IbAlert:It,IbCharacterCount:Di}},oh={id:"toolbar",class:"toolbar",ref:"toolbar"},ah=i.createStaticVNode('<div class="toolbar-group header-toolbar-group"><select class="ql-header"><option value="1"></option><option value="2"></option><option value="3"></option><option value="4"></option><option value="5"></option><option value="6"></option><option selected></option></select></div>',1),lh={class:"toolbar-group"},sh=i.createElementVNode("div",{class:"toolbar-group"},[i.createElementVNode("select",{class:"ql-background"}),i.createElementVNode("select",{class:"ql-color"})],-1),dh={class:"toolbar-group"},ch={class:"toolbar-group"},uh={class:"toolbar-group"};function fh(t,n,e,o,a,r){const s=i.resolveComponent("ib-character-count"),l=i.resolveComponent("ib-alert"),u=i.resolveComponent("QuillEditor"),h=i.resolveComponent("ib-icon-button");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["textarea-wrapper",{error:r.characterOverLimit||e.error||e.errorMessage.length,focus:a.isFocus,disable:e.disable}])},[e.characterLimit?(i.openBlock(),i.createBlock(s,{key:0,"character-limit":e.characterLimit,"character-length":a.characterLength},null,8,["character-limit","character-length"])):i.createCommentVNode("",!0),e.errorMessage.length?(i.openBlock(),i.createBlock(l,{key:1,class:"error-message"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.errorMessage),1)]),_:1})):i.createCommentVNode("",!0),i.withDirectives(i.createVNode(l,{class:"error-message"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.characterLimitErrorMessage),1)]),_:1},512),[[i.vShow,e.characterLimitErrorMessage.length&&r.characterOverLimit]]),i.createElementVNode("div",{class:i.normalizeClass(["ib-text-editor-wrapper",{disable:e.disable}])},[i.createElementVNode("div",{class:"ib-text-editor",style:i.normalizeStyle({height:e.height?e.height+"px":""}),ref:"wrapper"},[i.createVNode(u,{onTextChange:r.onChange,onBlur:r.onBlur,onFocus:r.onFocus,ref:"quill",toolbar:"#toolbar",content:a.data,"onUpdate:content":n[0]||(n[0]=p=>a.data=p),contentType:"html",options:r.config,modules:e.modules},null,8,["onTextChange","onBlur","onFocus","content","options","modules"])],4),i.createElementVNode("div",oh,[ah,i.createElementVNode("div",lh,[i.createVNode(h,{class:"toolbar-item ql-bold",kind:"ghost"}),i.createVNode(h,{class:"toolbar-item ql-italic",kind:"ghost"}),i.createVNode(h,{class:"toolbar-item ql-underline",kind:"ghost"}),i.createVNode(h,{class:"toolbar-item ql-strike",kind:"ghost"})]),sh,i.createElementVNode("div",dh,[i.createVNode(h,{class:"toolbar-item ql-code-block",kind:"ghost"}),i.createVNode(h,{class:"toolbar-item ql-link",kind:"ghost"})]),i.createElementVNode("div",ch,[i.createVNode(h,{class:"toolbar-item ql-align",kind:"ghost"}),i.createVNode(h,{class:"ql-align toolbar-item",value:"center",kind:"ghost"}),i.createVNode(h,{class:"ql-align toolbar-item",value:"right",kind:"ghost"}),i.createVNode(h,{class:"ql-align toolbar-item",value:"justify",kind:"ghost"})]),i.createElementVNode("div",uh,[i.createVNode(h,{class:"ql-list toolbar-item",value:"ordered",kind:"ghost"}),i.createVNode(h,{class:"ql-list toolbar-item",value:"bullet",kind:"ghost"}),i.createVNode(h,{class:"ql-alphabet-list alphabet-list toolbar-item",kind:"ghost"})])],512)],2)],2)}const hh=_e(ih,[["render",fh]]),S1="",ph={name:"IbTable",computed:{hasThead(){return!!this.$slots.thead}}},mh={class:"ib-table-wrapper"},gh={class:"ib-table"};function yh(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("div",mh,[i.createElementVNode("table",gh,[r.hasThead?i.renderSlot(t.$slots,"thead",{key:0},void 0,!0):i.createCommentVNode("",!0),i.createElementVNode("tbody",null,[i.renderSlot(t.$slots,"tbody",{},void 0,!0)])])])}const vh=_e(ph,[["render",yh],["__scopeId","data-v-5dceb760"]]),N1="",bh={name:"IbRow"},_h={class:"ib-tr"};function $h(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("tr",_h,[i.renderSlot(t.$slots,"default",{ref:"row"})])}const wh=_e(bh,[["render",$h]]),x1="",kh={name:"IbCell",props:{fixed:{type:Boolean,default:!1}},data(){return{attr:{}}},mounted(){this.fixed&&this.freezeCol()},methods:{freezeCol(){const t=this.$el.getBoundingClientRect(),n=this.$el.closest("tr").getBoundingClientRect();this.attr.style||(this.attr.style={}),this.attr.style.minWidth=`${t.width}px`,this.attr.style.left=`${t.left-n.left}px`,this.attr.class+=" fixed"}}},Ch={class:"cell"};function Oh(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("td",i.mergeProps({onResize:n[0]||(n[0]=(...s)=>r.freezeCol&&r.freezeCol(...s)),class:"ib-cell"},this.attr),[i.createElementVNode("div",Ch,[i.renderSlot(t.$slots,"default",{},void 0,!0)])],16)}const Mo=_e(kh,[["render",Oh],["__scopeId","data-v-e74bb0f3"]]),T1="",Eh={name:"IbCheckboxCell",props:{isChecked:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1}},components:{IbCell:Mo,IbCheckbox:vr}};function Sh(t,n,e,o,a,r){const s=i.resolveComponent("ib-checkbox"),l=i.resolveComponent("ib-cell");return i.openBlock(),i.createBlock(l,{fixed:e.fixed,class:"ib-checkbox-cell"},{default:i.withCtx(()=>[i.createVNode(s,{"is-checked":e.isChecked},null,8,["is-checked"])]),_:1},8,["fixed"])}const Nh=_e(Eh,[["render",Sh]]);class Po{constructor(){this.tooltipInstance=null,this.tooltipContainer=null}getTooltipInstance(){return this.getTooltipInstance}getTooltipContainer(){return this.tooltipContainer}createTooltip(n,e){if(console.log("create tooltip"),console.log(e==null?void 0:e.length),!e.length)return;const o=`
+`,E1="",at=mt.import("ui/icons");at.bold=Uf,at.italic=Kf,at.underline=Gf,at.strike=Yf,at["code-block"]=Zf,at.link=Wf,at.align[""]=Jf,at.align.center=Xf,at.align.right=Qf,at.align.justify=eh,at.list.ordered=th,at.list.bullet=nh,at["alphabet-list"]=rh,mt.register({"formats/alphabet-list":qt,"formats/alphabet-list/item":tr}),mt.register(at),mt.debug("error");const ih={name:"IbTextEditor",props:{placeholder:{type:String,default:""},modelValue:{type:String},content:{type:String,default:""},readOnly:{type:Boolean,default:!1},enable:{type:Boolean,default:!0},modules:{type:[Object,Array],default:()=>{}},options:{type:Object,default:()=>{}},characterLimit:{type:[String,Number],default:null},error:{type:Boolean,default:!1},disable:{type:Boolean,default:!1},errorMessage:{type:String,default:""},characterLimitErrorMessage:{type:String,default:""},height:{type:String}},mounted(){this.$refs.toolbar.classList.remove("ql-toolbar");const t=this.$refs.wrapper.querySelector("input[data-link]");t.dataset.link="Enter Link",this.updateCharacterLength()},data(){return{data:this.modelValue?this.modelValue:this.content,characterLength:0,isFocus:!1}},watch:{content(t){this.data=t},data(t){this.$emit("update:modelValue",t)}},methods:{onChange(){this.updateCharacterLength(),this.$emit("change",this.data)},onBlur(t){this.$emit("blur",this.data,t),this.isFocus=!1},onFocus(){this.isFocus=!0},updateCharacterLength(){this.characterLength=this.$refs.quill.getText().length-1}},computed:{config(){const t={placeholder:this.data.length?"":this.placeholder,readOnly:this.readOnly?this.readOnly:this.disable,enable:this.enable};return Object.assign(t,this.options)},characterOverLimit(){return!!this.characterLimit&&this.characterLength>this.characterLimit}},components:{QuillEditor:qf,IbIconButton:ut,IbAlert:It,IbCharacterCount:Di}},oh={id:"toolbar",class:"toolbar",ref:"toolbar"},ah=i.createStaticVNode('<div class="toolbar-group header-toolbar-group"><select class="ql-header"><option value="1"></option><option value="2"></option><option value="3"></option><option value="4"></option><option value="5"></option><option value="6"></option><option selected></option></select></div>',1),lh={class:"toolbar-group"},sh=i.createElementVNode("div",{class:"toolbar-group"},[i.createElementVNode("select",{class:"ql-background"}),i.createElementVNode("select",{class:"ql-color"})],-1),dh={class:"toolbar-group"},ch={class:"toolbar-group"},uh={class:"toolbar-group"};function fh(t,n,e,o,a,r){const s=i.resolveComponent("ib-character-count"),l=i.resolveComponent("ib-alert"),u=i.resolveComponent("QuillEditor"),h=i.resolveComponent("ib-icon-button");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["textarea-wrapper",{error:r.characterOverLimit||e.error||e.errorMessage.length,focus:a.isFocus,disable:e.disable}])},[e.characterLimit?(i.openBlock(),i.createBlock(s,{key:0,"character-limit":e.characterLimit,"character-length":a.characterLength},null,8,["character-limit","character-length"])):i.createCommentVNode("",!0),e.errorMessage.length?(i.openBlock(),i.createBlock(l,{key:1,class:"error-message"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.errorMessage),1)]),_:1})):i.createCommentVNode("",!0),i.withDirectives(i.createVNode(l,{class:"error-message"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.characterLimitErrorMessage),1)]),_:1},512),[[i.vShow,e.characterLimitErrorMessage.length&&r.characterOverLimit]]),i.createElementVNode("div",{class:i.normalizeClass(["ib-text-editor-wrapper",{disable:e.disable}])},[i.createElementVNode("div",{class:"ib-text-editor",style:i.normalizeStyle({height:e.height?e.height+"px":""}),ref:"wrapper"},[i.createVNode(u,{onTextChange:r.onChange,onBlur:r.onBlur,onFocus:r.onFocus,ref:"quill",toolbar:"#toolbar",content:a.data,"onUpdate:content":n[0]||(n[0]=p=>a.data=p),contentType:"html",options:r.config,modules:e.modules},null,8,["onTextChange","onBlur","onFocus","content","options","modules"])],4),i.createElementVNode("div",oh,[ah,i.createElementVNode("div",lh,[i.createVNode(h,{class:"toolbar-item ql-bold",kind:"ghost"}),i.createVNode(h,{class:"toolbar-item ql-italic",kind:"ghost"}),i.createVNode(h,{class:"toolbar-item ql-underline",kind:"ghost"}),i.createVNode(h,{class:"toolbar-item ql-strike",kind:"ghost"})]),sh,i.createElementVNode("div",dh,[i.createVNode(h,{class:"toolbar-item ql-code-block",kind:"ghost"}),i.createVNode(h,{class:"toolbar-item ql-link",kind:"ghost"})]),i.createElementVNode("div",ch,[i.createVNode(h,{class:"toolbar-item ql-align",kind:"ghost"}),i.createVNode(h,{class:"ql-align toolbar-item",value:"center",kind:"ghost"}),i.createVNode(h,{class:"ql-align toolbar-item",value:"right",kind:"ghost"}),i.createVNode(h,{class:"ql-align toolbar-item",value:"justify",kind:"ghost"})]),i.createElementVNode("div",uh,[i.createVNode(h,{class:"ql-list toolbar-item",value:"ordered",kind:"ghost"}),i.createVNode(h,{class:"ql-list toolbar-item",value:"bullet",kind:"ghost"}),i.createVNode(h,{class:"ql-alphabet-list alphabet-list toolbar-item",kind:"ghost"})])],512)],2)],2)}const hh=_e(ih,[["render",fh]]),S1="",ph={name:"IbTable",computed:{hasThead(){return!!this.$slots.thead}}},mh={class:"ib-table-wrapper"},gh={class:"ib-table"};function yh(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("div",mh,[i.createElementVNode("table",gh,[r.hasThead?i.renderSlot(t.$slots,"thead",{key:0},void 0,!0):i.createCommentVNode("",!0),i.createElementVNode("tbody",null,[i.renderSlot(t.$slots,"tbody",{},void 0,!0)])])])}const vh=_e(ph,[["render",yh],["__scopeId","data-v-5dceb760"]]),N1="",bh={name:"IbRow"},_h={class:"ib-tr"};function $h(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("tr",_h,[i.renderSlot(t.$slots,"default",{ref:"row"})])}const wh=_e(bh,[["render",$h]]),x1="",kh={name:"IbCell",props:{fixed:{type:Boolean,default:!1}},data(){return{attr:{}}},mounted(){this.fixed&&this.freezeCol()},methods:{freezeCol(){const t=this.$el.getBoundingClientRect(),n=this.$el.closest("tr").getBoundingClientRect();this.attr.style||(this.attr.style={}),this.attr.style.minWidth=`${t.width}px`,this.attr.style.left=`${t.left-n.left}px`,this.attr.class+=" fixed"}}},Ch={class:"cell"};function Oh(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("td",i.mergeProps({onResize:n[0]||(n[0]=(...s)=>r.freezeCol&&r.freezeCol(...s)),class:"ib-cell"},this.attr),[i.createElementVNode("div",Ch,[i.renderSlot(t.$slots,"default",{},void 0,!0)])],16)}const Mo=_e(kh,[["render",Oh],["__scopeId","data-v-e74bb0f3"]]),T1="",Eh={name:"IbCheckboxCell",props:{isChecked:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1}},components:{IbCell:Mo,IbCheckbox:vr}};function Sh(t,n,e,o,a,r){const s=i.resolveComponent("ib-checkbox"),l=i.resolveComponent("ib-cell");return i.openBlock(),i.createBlock(l,{fixed:e.fixed,class:"ib-checkbox-cell"},{default:i.withCtx(()=>[i.createVNode(s,{"is-checked":e.isChecked},null,8,["is-checked"])]),_:1},8,["fixed"])}const Nh=_e(Eh,[["render",Sh]]);class Po{constructor(){this.tooltipInstance=null,this.tooltipContainer=null}getTooltipInstance(){return this.getTooltipInstance}getTooltipContainer(){return this.tooltipContainer}createTooltip(n,e){console.log("create tooltip"),console.log(e==null?void 0:e.length,"text?.length");const o=`
       position: absolute;
       top: 0px;
       left: 0px;
@@ -216,4 +216,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           bottom: auto!important;
           right: auto!important;
           transform: none!important;
-        `;this.tooltipContainer.firstChild.setAttribute("style",f)}},100)}destroyTooltip(){var n,e;(n=this.tooltipInstance)==null||n.unmount(),this.tooltipInstance=null,(e=this.tooltipContainer)==null||e.remove(),this.tooltipContainer=null}}const yn=new Po,Bo=(t,n)=>{yn.getTooltipContainer()||yn.createTooltip(t,n.value)},Lo=(t,n)=>{const e=yn.getTooltipContainer(),o=n!==t.target&&!n.contains(t.target),a=e!==t.target&&!(e!=null&&e.contains(t.target));console.log(o,a),yn.destroyTooltip()},xh={mounted(t,n){t.addEventListener("mouseenter",()=>Bo(t,n)),document.addEventListener("mousemove",e=>Lo(e,t))},beforeUnmount(t,n){yn.destroyTooltip(),t.removeEventListener("mouseenter",()=>Bo(t,n)),document.removeEventListener("mousemove",e=>Lo(e,t))}},Ur=new Po,Ro=(t,n)=>{Si(t)&&Ur.createTooltip(t,n.value)},jo=()=>{Ur.destroyTooltip()},Th={mounted(t,n){t.addEventListener("mouseenter",()=>Ro(t,n)),t.addEventListener("mouseleave",jo)},beforeUnmount(t,n){Ur.destroyTooltip(),t.removeEventListener("mouseenter",()=>Ro(t,n)),t.removeEventListener("mouseleave",jo)}};pe.IbAccordion=Go,pe.IbAlert=It,pe.IbAvatar=ba,pe.IbBadge=wa,pe.IbBreadcrumbs=Zl,pe.IbButton=gi,pe.IbButtonGroup=Ea,pe.IbCell=Mo,pe.IbCheckbox=vr,pe.IbCheckboxCell=Nh,pe.IbCheckboxGroup=$d,pe.IbDatePicker=sc,pe.IbDropdown=Ln,pe.IbDropdownItem=mr,pe.IbDropdownList=Rn,pe.IbFormGroup=yd,pe.IbIcon=Le,pe.IbIconButton=ut,pe.IbInput=yr,pe.IbLabel=sn,pe.IbLimitSelector=Ti,pe.IbModal=vl,pe.IbPagination=Ks,pe.IbPanel=hd,pe.IbPhoneInput=Of,pe.IbPopover=yi,pe.IbProgressBar=Xs,pe.IbRadio=xd,pe.IbRow=wh,pe.IbSorting=Fl,pe.IbSplitButton=cl,pe.IbSplitButtonItem=hl,pe.IbStatusIndicator=id,pe.IbTab=Il,pe.IbTabDropdown=Oi,pe.IbTable=vh,pe.IbTabs=Tl,pe.IbTagPill=xa,pe.IbTextEditor=hh,pe.IbTextarea=Vd,pe.IbToggle=Ei,pe.IbToggleTip=Ba,pe.IbTooltip=Ct,pe.IbTreeSelect=xi,pe.OutsideDirective=Pn,pe.TextOverflowTooltipDirective=Th,pe.TooltipDirective=xh,Object.defineProperty(pe,Symbol.toStringTag,{value:"Module"})});
+        `;this.tooltipContainer.firstChild.setAttribute("style",f)}},100)}destroyTooltip(){var n,e;(n=this.tooltipInstance)==null||n.unmount(),this.tooltipInstance=null,(e=this.tooltipContainer)==null||e.remove(),this.tooltipContainer=null}}const yn=new Po,Bo=(t,n)=>{yn.getTooltipContainer()||yn.createTooltip(t,n.value)},Lo=(t,n)=>{const e=yn.getTooltipContainer(),o=n!==t.target&&!n.contains(t.target),a=e!==t.target&&!(e!=null&&e.contains(t.target));o&&a&&yn.destroyTooltip()},xh={mounted(t,n){t.addEventListener("mouseenter",()=>Bo(t,n)),document.addEventListener("mousemove",e=>Lo(e,t))},beforeUnmount(t,n){yn.destroyTooltip(),t.removeEventListener("mouseenter",()=>Bo(t,n)),document.removeEventListener("mousemove",e=>Lo(e,t))}},Ur=new Po,Ro=(t,n)=>{Si(t)&&Ur.createTooltip(t,n.value)},jo=()=>{Ur.destroyTooltip()},Th={mounted(t,n){t.addEventListener("mouseenter",()=>Ro(t,n)),t.addEventListener("mouseleave",jo)},beforeUnmount(t,n){Ur.destroyTooltip(),t.removeEventListener("mouseenter",()=>Ro(t,n)),t.removeEventListener("mouseleave",jo)}};pe.IbAccordion=Go,pe.IbAlert=It,pe.IbAvatar=ba,pe.IbBadge=wa,pe.IbBreadcrumbs=Zl,pe.IbButton=gi,pe.IbButtonGroup=Ea,pe.IbCell=Mo,pe.IbCheckbox=vr,pe.IbCheckboxCell=Nh,pe.IbCheckboxGroup=$d,pe.IbDatePicker=sc,pe.IbDropdown=Ln,pe.IbDropdownItem=mr,pe.IbDropdownList=Rn,pe.IbFormGroup=yd,pe.IbIcon=Le,pe.IbIconButton=ut,pe.IbInput=yr,pe.IbLabel=sn,pe.IbLimitSelector=Ti,pe.IbModal=vl,pe.IbPagination=Ks,pe.IbPanel=hd,pe.IbPhoneInput=Of,pe.IbPopover=yi,pe.IbProgressBar=Xs,pe.IbRadio=xd,pe.IbRow=wh,pe.IbSorting=Fl,pe.IbSplitButton=cl,pe.IbSplitButtonItem=hl,pe.IbStatusIndicator=id,pe.IbTab=Il,pe.IbTabDropdown=Oi,pe.IbTable=vh,pe.IbTabs=Tl,pe.IbTagPill=xa,pe.IbTextEditor=hh,pe.IbTextarea=Vd,pe.IbToggle=Ei,pe.IbToggleTip=Ba,pe.IbTooltip=Ct,pe.IbTreeSelect=xi,pe.OutsideDirective=Pn,pe.TextOverflowTooltipDirective=Th,pe.TooltipDirective=xh,Object.defineProperty(pe,Symbol.toStringTag,{value:"Module"})});

package/package.json

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

package/src/directives/tooltip/TooltipController.js

@@ -17,10 +17,10 @@ export default class Tooltip {
 
   createTooltip(el, text) {
     console.log('create tooltip')
-    console.log(text?.length);
-    if (!text.length) {
-      return;
-    }
+    console.log(text?.length, "text?.length");
+    // if (!text.length) {
+      // return;
+    // }
 
     const tooltipContainerStyles = `
       position: absolute;
@@ -32,6 +32,7 @@ export default class Tooltip {
     this.tooltipContainer.setAttribute("style", tooltipContainerStyles);
 
     document.body.appendChild(this.tooltipContainer);
+
     this.tooltipInstance = createApp(IbTooltip, {
       text: text,
       alwaysVisible: true,

package/src/directives/tooltip/tooltip.js

@@ -15,10 +15,10 @@ const destroyTooltip = (event, el) => {
     tooltipContainer !== event.target &&
     !tooltipContainer?.contains(event.target);
 
-    console.log(isMouseOverEl, isMouseOverTooltip)
-  // if (isMouseOverEl && isMouseOverTooltip) {
+    // console.log(isMouseOverEl, isMouseOverTooltip)
+  if (isMouseOverEl && isMouseOverTooltip) {
     tooltip.destroyTooltip();
-  // }
+  }
 };
 
 export const TooltipDirective = {