@avakhula/ui 0.0.108 → 0.0.110

package/dist/index.js

@@ -19552,8 +19552,7 @@ class sa {
     return this.tooltipContainer;
   }
   createTooltip(n, e) {
-    if (!e.trim().length)
-      return;
+    console.log("create tooltip"), console.log(e == null ? void 0 : e.length);
     const i = `
       position: absolute;
       top: 0px;

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(!e.trim().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);const o=`
       position: absolute;
       top: 0px;
       left: 0px;

package/package.json

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

package/src/App.vue

@@ -1,10 +1,16 @@
 <template>
-  <ib-button @mouseenter="test" @mouseleave="test1"> test </ib-button>
+  <div id="test">
+    <ib-input v-tooltip="'test'" readonly />
+  </div>
 </template>
 
 <script>
-import IbButton from "./components/Button/Button.vue";
+import IbInput from "./components/Form/Input/Input.vue";
+import { TooltipDirective as Tooltip } from "./index";
 export default {
+  directives: {
+    Tooltip
+  },
   methods: {
     test() {
       console.log('test')
@@ -14,10 +20,17 @@ export default {
     }
   },
   components: {
-    IbButton,
+    IbInput,
   },
 };
 </script>
 
-<style>
-</style>
+<style lang="scss">
+#test {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>

package/src/directives/tooltip/TooltipController.js

@@ -16,9 +16,11 @@ export default class Tooltip {
   }
 
   createTooltip(el, text) {
-    if (!text.trim().length) {
-      return;
-    }
+    console.log('create tooltip')
+    console.log(text?.length);
+    // if (!text.length) {
+      // return;
+    // }
 
     const tooltipContainerStyles = `
       position: absolute;