@avakhula/ui 0.0.233 → 0.0.234

package/dist/index.js

@@ -2785,7 +2785,7 @@ const Zs = {
     },
     onChange() {
       var t, n;
-      !this.isMultiple && !this.isChecked && ((t = this.$refs.component) == null || t.onChange()), this.isMultiple && ((n = this.$refs.component) == null || n.onChange());
+      !this.isMultiple && !this.isChecked(this.option) && ((t = this.$refs.component) == null || t.onChange()), this.isMultiple && ((n = this.$refs.component) == null || n.onChange());
     },
     toggle(t, n = !0) {
       this.check(this.option, t, !0, n);
@@ -2814,21 +2814,40 @@ const Zs = {
       return t.children && t.children.forEach((o) => {
         (!n || n(o)) && i++, e && (i += this.calculateChildren(o, n, e));
       }), i;
-    }
-  },
-  computed: {
-    component() {
-      return this.isMultiple && this.isToggle ? Ws : jo;
     },
-    isChecked() {
+    isChecked(t) {
       if (this.hasChildren)
         if (this.childrenSelectedCount) {
           if (this.childrenSelectedCount > 0 && this.countOfAllChildren > this.childrenSelectedCount)
             return null;
         } else
           return !1;
-      return this.option.checked ? this.option.isIndeterminate ? null : !0 : !1;
+      return t.checked ? t.isIndeterminate ? null : !0 : !1;
+    }
+  },
+  computed: {
+    component() {
+      return this.isMultiple && this.isToggle ? Ws : jo;
     },
+    // isChecked() {
+    //   if(this.hasChildren) {
+    //     if (!this.childrenSelectedCount) {
+    //     return false;
+    //   } else if (
+    //       this.childrenSelectedCount > 0 &&
+    //       this.countOfAllChildren > this.childrenSelectedCount
+    //     ) {
+    //       return null; //null will trigger indeterminate stage
+    //     }
+    //   }
+    //   if (!this.option.checked) {
+    //     return false;
+    //   }
+    //   if (this.option.isIndeterminate) {
+    //     return null; //null will trigger indeterminate stage
+    //   }
+    //   return true;
+    // },
     hasChildren() {
       return !!(this.option.children && this.option.children.length);
     },
@@ -2876,7 +2895,7 @@ function ru(t, n, e, i, o, r) {
   return G(), ne("li", null, [
     Re((G(), ne("div", {
       class: ve(["tree-select-option", {
-        "tree-select-option-checked": r.isChecked,
+        "tree-select-option-checked": r.isChecked(e.option),
         "tree-select-option-margin": r.hasVisibleChildren,
         active: e.option.isChildrenVisible,
         "is-multiple": e.isMultiple,
@@ -2885,7 +2904,7 @@ function ru(t, n, e, i, o, r) {
       }]),
       tabindex: "0",
       role: "option",
-      "aria-selected": r.isChecked,
+      "aria-selected": r.isChecked(e.option),
       "aria-label": e.option.title,
       id: "option-" + r.id,
       onKeydown: n[3] || (n[3] = rt((...d) => r.onKeydown && r.onKeydown(...d), ["self"])),
@@ -2921,7 +2940,7 @@ function ru(t, n, e, i, o, r) {
           name: r.actualName,
           value: e.option.id,
           id: "input" + r.id,
-          "is-checked": r.isChecked,
+          "is-checked": r.isChecked(e.option),
           disabled: e.option.isDisabled,
           autocomplete: "off",
           autocorrect: "off",

package/dist/index.umd.cjs

@@ -18,7 +18,7 @@
           top: ${a-p-f/2+u+12}px!important`;break;case"rightCenter":l=l+`left: ${d+5}px!important;
           top: ${a+u-p/2-f/2}px!important;`;break;case"rightBottom":l=l+`left: ${d+5}px!important;
           top: ${a+u-f/2-12}px!important`;break;default:l=l+`left: ${r+s/2-h/2}px!important;
-          top: ${o-p+u-5}px!important`;break}return l}getClassList(n){return n?hr[n]:hr.topCenter}}const Vt=new Ni,jl=(t,n)=>{var a;Vt.getTooltipContainer()&&Vt.destroyTooltip();const e=Object.keys(n.modifiers)[0]||n.arg,o={title:((a=n.value)==null?void 0:a.title)||"",text:typeof n.value=="object"?n.value.text:n.value};Vt.createTooltip(t,o,e)},Vl=(t,n)=>{const e=Vt.getId();if(n.getAttribute("aria-describedby")!==e)return;const o=Vt.getTooltipContainer(),a=n!==t.target&&!n.contains(t.target),r=o!==t.target&&!(o!=null&&o.contains(t.target));a&&r&&Vt.destroyTooltip(n)},xi=(t,n)=>{t.__tooltip_create=()=>jl(t,n),t.__tooltip_destroy=e=>Vl(e,t),t.addEventListener("mouseenter",t.__tooltip_create),document.addEventListener("mousemove",t.__tooltip_destroy)},Ai=t=>{Vt.destroyTooltip(),t.removeEventListener("mouseenter",t.__tooltip_create),document.removeEventListener("mousemove",t.__tooltip_destroy)},yr={mounted(t,n){xi(t,n)},updated(t,n){Ai(t),xi(t,n)},beforeUnmount(t){Ai(t)}},d1="",ql={name:"IbSorting",props:{tooltipTitle:{type:String,default:""},hideSortingButton:{type:Boolean,default:!1},tooltipText:{type:String},tooltipPosition:{type:String},tooltipIconSorting:{type:String},toggleTipTitle:{type:String},title:{type:String,default:""},sort:{type:String,default:null},view:{type:String,required:!0},disable:{type:Boolean,default:!1},tableName:{type:String,required:!0}},mounted(){this.$globalEvents.$on(`sorting:update:${this.tableName}`,t=>{this.$el.contains(t.$el)||(this.currentTypeSort=null)})},data(){return{isOpenToggleTip:!1,sortingTypes:Rl,sortingTypesView:Ll,currentTypeSort:this.sort}},methods:{clickHandler(){this.currentTypeSort?this.currentTypeSort===this.sortingTypes.TYPE_ASC?this.currentTypeSort=this.sortingTypes.TYPE_DESC:this.currentTypeSort=null:this.currentTypeSort=this.sortingTypes.TYPE_ASC,this.updateTypeSorting()},updateTypeSorting(){this.$globalEvents.$emit(`sorting:update:${this.tableName}`,this),this.$emit("update-sorting",this.currentTypeSort)}},computed:{iconType(){return this.currentTypeSort===this.sortingTypes.TYPE_ASC?"arrow-up":this.currentTypeSort===this.sortingTypes.TYPE_DESC?"arrow-down":this.view!==this.sortingTypesView.GRID_VIEW?"swap-vertical":null},tooltipIconText(){var t,n,e;return this.currentTypeSort===this.sortingTypes.TYPE_ASC?lang("sort_descending",(t=this.langComponents)==null?void 0:t.COMPONENT_SELECT):this.currentTypeSort===this.sortingTypes.TYPE_DESC?lang("reset_sorting",(n=this.langComponents)==null?void 0:n.COMPONENT_SELECT):this.view!==this.sortingTypesView.GRID_VIEW?lang("sort_ascending",(e=this.langComponents)==null?void 0:e.COMPONENT_SELECT):""},tooltipContent(){return this.tooltipTitle.length?{title:this.tooltipTitle,text:this.tooltipText}:this.tooltipText},hasToggleTip(){return this.toggleTipTitle&&this.$slots.toggleTipBody&&this.$slots.toggleTipButtons}},directives:{Tooltip:yr},components:{IbIcon:Le,IbIconButton:ut,IbToggleTip:wi}},Fl={class:"sorting-wrapper"},Hl=["name"],zl=["aria-label"];function Ul(t,n,e,o,a,r){var p;const d=i.resolveComponent("ib-toggle-tip"),s=i.resolveComponent("ib-icon-button"),f=i.resolveComponent("ib-icon"),h=i.resolveDirective("tooltip");return i.openBlock(),i.createElementBlock("div",Fl,[e.view===a.sortingTypesView.TABLE_VIEW?(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(["table-sorting-wrapper",{active:a.currentTypeSort,disabled:e.disable}])},[i.createElementVNode("div",null,[i.withDirectives((i.openBlock(),i.createElementBlock("button",{class:i.normalizeClass(["sorting-label",{"sorting-label-active":a.isOpenToggleTip,"has-action":((p=e.tooltipText)==null?void 0:p.length)||r.hasToggleTip}]),type:"button",onClick:n[0]||(n[0]=u=>a.isOpenToggleTip=!a.isOpenToggleTip)},[i.createTextVNode(i.toDisplayString(e.title),1)],2)),[[h,r.tooltipContent,e.tooltipPosition]]),r.hasToggleTip?(i.openBlock(),i.createBlock(d,{key:0,position:"bottom-center","is-open":a.isOpenToggleTip,title:e.toggleTipTitle,onClose:n[1]||(n[1]=u=>a.isOpenToggleTip=!1)},{buttons:i.withCtx(()=>[i.renderSlot(t.$slots,"toggleTipButtons",{},void 0,!0)]),default:i.withCtx(()=>[i.renderSlot(t.$slots,"toggleTipBody",{},void 0,!0)]),_:3},8,["is-open","title"])):i.createCommentVNode("",!0)]),e.hideSortingButton?i.createCommentVNode("",!0):(i.openBlock(),i.createBlock(s,{key:0,kind:"white",size:"s",onClick:r.clickHandler},{default:i.withCtx(()=>[i.createElementVNode("ion-icon",{name:r.iconType},null,8,Hl)]),_:1},8,["onClick"]))],2)):i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:1,class:i.normalizeClass(["sorting-button",{active:a.currentTypeSort,disabled:e.disable}]),type:"button",onClick:n[2]||(n[2]=(...u)=>r.clickHandler&&r.clickHandler(...u)),"aria-label":e.sort},[i.createTextVNode(i.toDisplayString(e.title)+" ",1),r.iconType?(i.openBlock(),i.createBlock(f,{key:0,name:r.iconType},null,8,["name"])):i.createCommentVNode("",!0)],10,zl)),[[h,e.tooltipText,e.tooltipPosition]])])}const Kl=_e(ql,[["render",Ul],["__scopeId","data-v-fa3095d2"]]),c1="",Gl={name:"IbBreadcrumbs",props:{items:{type:Array,default:()=>[]},tooltipTextContext:{type:String}},computed:{last(){return this.items.length?this.items.length-1:null},initContextMenu(){return this.items.length>4},setItemsContextMenu(){return this.items.slice(0,-3)}},components:{IbIcon:Le,IbIconButton:ut,IbDropdownItem:gr,IbDropdownList:Rn,IbTooltip:jt}},Yl={"aria-label":"breadcrumb"},Wl={class:"breadcrumb"},Zl=["href"],Jl={key:1},Xl=["href"];function Ql(t,n,e,o,a,r){const d=i.resolveComponent("ib-icon"),s=i.resolveComponent("ib-tooltip"),f=i.resolveComponent("ib-icon-button"),h=i.resolveComponent("ib-dropdown-item"),p=i.resolveComponent("ib-dropdown-list");return i.openBlock(),i.createElementBlock("nav",Yl,[i.createElementVNode("ul",Wl,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.items,(u,l)=>(i.openBlock(),i.createElementBlock("li",{class:i.normalizeClass(["breadcrumb-item",l===r.last?"active":""]),"aria-current":"page",key:l},[l!==r.last&&l>e.items.length-4||l===0?(i.openBlock(),i.createElementBlock("a",{key:0,class:"ib-link",href:u.url},i.toDisplayString(u.title),9,Zl)):i.createCommentVNode("",!0),l===r.last?(i.openBlock(),i.createElementBlock("p",Jl,i.toDisplayString(u.title),1)):i.createCommentVNode("",!0),r.initContextMenu&&l===e.items.length-4?(i.openBlock(),i.createBlock(p,{key:2,horizontal:"center"},{trigger:i.withCtx(()=>[i.createVNode(f,{kind:"ghost"},{default:i.withCtx(()=>[i.createVNode(d,{name:"ellipsis-horizontal-sharp"}),e.tooltipTextContext?(i.openBlock(),i.createBlock(s,{key:0,text:e.tooltipTextContext},null,8,["text"])):i.createCommentVNode("",!0)]),_:1})]),body:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.setItemsContextMenu,(c,_)=>(i.openBlock(),i.createBlock(h,{key:_},{default:i.withCtx(()=>[i.createElementVNode("a",{class:"context-breadcrums",href:c.url},i.toDisplayString(c.title),9,Xl)]),_:2},1024))),128))]),_:2},1024)):i.createCommentVNode("",!0),l!==r.last&&l>e.items.length-5||l===0?(i.openBlock(),i.createBlock(d,{key:3,name:"chevron-forward-outline"})):i.createCommentVNode("",!0)],2))),128))])])}const es=_e(Gl,[["render",Ql],["__scopeId","data-v-5ef772a9"]]),u1="",ts={name:"IbLabel",props:{for:{type:String},required:{type:Boolean,default:!1},infoText:{type:String,default:""},tooltipPosition:{type:String}},mounted(){this.$globalEvents.$on(`label:disabled:${this.for}`,t=>{this.disabled=t})},data(){return{disabled:!1}},computed:{classes(){const t=["ib-label"];return this.infoText.length&&t.push("has-info-text"),this.disabled&&t.push("label-disabled"),t}},components:{IbIconButton:ut,IbIcon:Le,IbTooltip:jt}},ns=["for"],rs={key:0,class:"required"};function is(t,n,e,o,a,r){const d=i.resolveComponent("ib-icon"),s=i.resolveComponent("ib-tooltip"),f=i.resolveComponent("ib-icon-button");return i.openBlock(),i.createElementBlock("label",{class:i.normalizeClass(r.classes),for:e.for},[e.required?(i.openBlock(),i.createElementBlock("span",rs,"* ")):i.createCommentVNode("",!0),i.renderSlot(t.$slots,"default",{},void 0,!0),e.infoText.length?(i.openBlock(),i.createBlock(f,{key:1,size:"xs",class:"info-button",kind:"ghost",type:"button"},{default:i.withCtx(()=>[i.createVNode(d,{name:"information-circle-outline"}),i.createVNode(s,{text:e.infoText,position:e.tooltipPosition},null,8,["text","position"])]),_:1})):i.createCommentVNode("",!0)],10,ns)}const dn=_e(ts,[["render",is],["__scopeId","data-v-3e867259"]]),vr={text:"text",password:"password",email:"email",number:"number"},f1="",os={name:"IbInput",props:{type:{type:String,default:vr.text,validator:t=>Object.keys(vr).includes(t)},disabled:{type:Boolean,required:!1,default:!1},error:{type:Boolean,default:!1},errorMessage:{type:String,default:""},id:{type:[String],default(){return ht()}},debounce:{type:[Number,String]},showIcon:{type:Boolean,default:!1},showClearButton:{type:Boolean,default:!0},clearButtonMessage:{type:String,default:""},settingsButtonMessage:{type:String,default:""},showPasswordMessage:{type:String,default:""},hidePasswordMessage:{type:String,default:""},value:{type:[String,Number],default:""},modelValue:{type:[String,Number]},settingsVerticalPosition:{type:String,default:Bn.bottom},settingsHorizontalPosition:{type:String,default:sn.right},readonly:{type:Boolean,default:!1}},data(){return{actualValue:this.modelValue||this.value,showPassword:!1}},mounted(){setTimeout(()=>{this.$globalEvents.$emit(`label:disabled:${this.id}`,this.disabled)},10)},methods:{toggleShowPassword(){this.showPassword=!this.showPassword},clearInput(){this.actualValue="",this.$emit("update:modelValue",this.actualValue),this.$emit("input",this.actualValue)},onBlur(){this.$emit("blur",this.actualValue)},onFocus(){this.$emit("focus",this.actualValue)},onInput(){this.debounce?this.delayedInput(this.actualValue):(this.$emit("update:modelValue",this.actualValue),this.$emit("input",this.actualValue))},delayedInput(t){this.timer&&(clearTimeout(this.timer),this.timer=null),this.timer=setTimeout(()=>{this.$emit("update:modelValue",t),this.$emit("input",t)},this.debounce)},focus(){this.$refs.field.focus()}},computed:{hasSettings(){return!!this.$slots.settings},classes(){const t=["ib-input"];return this.hasErrorState&&t.push("ib-error"),this.showIcon&&t.push("ib-input-has-icon"),t},attrs(){let t=Dn({...this.$attrs},["onInput","onBlur"]);return t.type=this.type===vr.password?this.showPassword?"text":"password":this.type,t},hasErrorState(){return this.error||this.errorMessage.length}},watch:{value(t){this.actualValue=t},modelValue(t){this.actualValue=t},disabled(t){this.$globalEvents.$emit(`label:disabled:${this.id}`,t)}},emits:["input","blur","focus","update:modelValue",`label:disabled:${globalThis==null?void 0:globalThis.id}`],components:{IbAlert:It,IbIconButton:ut,IbIcon:Le,IbDropdown:Ln},inheritAttrs:!1},as=["aria-invalid","readonly","disabled","id"],ls={class:"settings-wrapper"};function ss(t,n,e,o,a,r){var p,u;const d=i.resolveComponent("ib-alert"),s=i.resolveComponent("ib-icon"),f=i.resolveComponent("ib-icon-button"),h=i.resolveComponent("ib-dropdown");return i.openBlock(),i.createElementBlock("div",null,[e.errorMessage?(i.openBlock(),i.createBlock(d,{key:0},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.errorMessage),1)]),_:1})):i.createCommentVNode("",!0),i.createElementVNode("div",{class:i.normalizeClass(["ib-input-wrapper",{"has-settings":r.hasSettings}])},[e.showIcon?(i.openBlock(),i.createBlock(s,{key:0,class:"icon-search",name:"search-outline"})):i.createCommentVNode("",!0),i.withDirectives(i.createElementVNode("input",i.mergeProps(r.attrs,{"onUpdate:modelValue":n[0]||(n[0]=l=>a.actualValue=l),ref:"field","aria-invalid":!!r.hasErrorState,readonly:e.readonly,disabled:e.disabled,id:e.id,class:r.classes,onInput:n[1]||(n[1]=l=>r.onInput(l)),onBlur:n[2]||(n[2]=l=>r.onBlur(l)),onFocus:n[3]||(n[3]=l=>r.onFocus(l))}),null,16,as),[[i.vModelDynamic,a.actualValue]]),e.type!=="password"&&e.showClearButton?i.withDirectives((i.openBlock(),i.createBlock(f,{key:1,kind:"ghost",class:"button-clear",disabled:e.readonly||e.disabled,"help-text":e.clearButtonMessage,"prevent-default":"",type:"button",onClick:r.clearInput,onKeypress:i.withKeys(r.clearInput,["enter"])},{default:i.withCtx(()=>[i.createVNode(s,{name:"close-outline"})]),_:1},8,["disabled","help-text","onClick","onKeypress"])),[[i.vShow,(p=a.actualValue)==null?void 0:p.length]]):i.createCommentVNode("",!0),e.type==="password"?i.withDirectives((i.openBlock(),i.createBlock(f,{key:2,kind:"ghost",class:"toggle-password","prevent-default":"",type:"button",disabled:e.readonly||e.disabled,"help-text":a.showPassword?e.hidePasswordMessage:e.showPasswordMessage,onClick:i.withModifiers(r.toggleShowPassword,["prevent"])},{default:i.withCtx(()=>[i.createVNode(s,{name:a.showPassword?"eye-off-outline":"eye-outline"},null,8,["name"])]),_:1},8,["disabled","help-text","onClick"])),[[i.vShow,(u=a.actualValue)==null?void 0:u.length]]):i.createCommentVNode("",!0),r.hasSettings?(i.openBlock(),i.createBlock(h,{key:3,class:"settings-dropdown-wrapper",horizontal:e.settingsHorizontalPosition,vertical:e.settingsVerticalPosition},{trigger:i.withCtx(()=>[i.createVNode(f,{"prevent-default":"","help-text":e.settingsButtonMessage,class:"options-trigger",kind:"ghost"},{default:i.withCtx(()=>[i.createVNode(s,{name:"options"})]),_:1},8,["help-text"])]),body:i.withCtx(()=>[i.createElementVNode("div",ls,[i.renderSlot(t.$slots,"settings",{},void 0,!0)])]),_:3},8,["horizontal","vertical"])):i.createCommentVNode("",!0)],2)])}const br=_e(os,[["render",ss],["__scopeId","data-v-7d710724"]]),h1="",ds={name:"IbCheckbox",model:{event:"input"},props:{label:String,error:{type:[Boolean,null],default:!1},name:String,id:{type:String,default(){return ht()}},value:{default:1},modelValue:{type:Boolean},isChecked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},disableFocus:{type:Boolean,default:!1},required:{type:Boolean,default:!1},labelPosition:{type:String,default:"right"}},watch:{isChecked(t){this.checked=t},modelValue(t){this.checked=t}},data(){return{checked:this.modelValue?this.modelValue:this.isChecked}},methods:{onChange(){this.checked=!this.checked,this.$emit("update:modelValue",this.checked),this.$emit("input",this.checked)}},computed:{classes(){return{"ib-checkbox":!0,"ib-has-error":this.error,"ib-checkbox-filled":this.checked,"ib-checkbox-disabled":this.disabled,"ib-checkbox-indeterminate":this.indeterminate}},indeterminate(){return this.isChecked===null},attrs(){const t={...Dn({...this.$attrs})};return delete t.class,t.class=this.classes,t}},components:{IbIcon:Le},inheritAttrs:!1},cs=["aria-checked"],us=["for","tabindex"],fs=["name","id","value","checked","disabled","required"],hs={class:"ib-checkbox-body"},ps={key:0,class:"required"},ms={class:"ib-checkbox-input"},gs={key:1,class:"ib-checkbox-label"},ys={key:0,class:"required"};function vs(t,n,e,o,a,r){var s;const d=i.resolveComponent("ib-icon");return i.openBlock(),i.createElementBlock("div",{role:"checkbox",class:i.normalizeClass(this.$attrs.class),"aria-checked":!!a.checked},[i.createElementVNode("label",i.mergeProps(r.attrs,{for:e.id,tabindex:e.disabled|e.disableFocus?-1:0,onKeypress:n[1]||(n[1]=i.withModifiers((...f)=>r.onChange&&r.onChange(...f),["prevent"]))}),[i.createElementVNode("input",{tabindex:"-1",type:"checkbox",name:e.name,id:e.id,value:e.value,checked:a.checked,disabled:e.disabled,required:e.required,onClick:n[0]||(n[0]=(...f)=>r.onChange&&r.onChange(...f))},null,8,fs),i.createElementVNode("div",hs,[e.labelPosition==="left"&&e.label.length?(i.openBlock(),i.createElementBlock("span",{key:0,class:i.normalizeClass(["ib-checkbox-label",{"ib-checkbox-label-left":e.labelPosition==="left"}])},[e.required?(i.openBlock(),i.createElementBlock("span",ps,"*")):i.createCommentVNode("",!0),i.createTextVNode(" "+i.toDisplayString(e.label),1)],2)):i.createCommentVNode("",!0),i.createElementVNode("span",ms,[i.withDirectives(i.createVNode(d,{name:"checkmark-sharp"},null,512),[[i.vShow,a.checked&&!r.indeterminate]]),i.withDirectives(i.createVNode(d,{class:i.normalizeClass("checkbox-undeterminate-icon"),name:"remove-sharp"},null,512),[[i.vShow,r.indeterminate]])]),e.labelPosition==="right"&&((s=e.label)!=null&&s.length)?(i.openBlock(),i.createElementBlock("span",gs,[e.required?(i.openBlock(),i.createElementBlock("span",ys,"*")):i.createCommentVNode("",!0),i.createTextVNode(" "+i.toDisplayString(e.label),1)])):i.createCommentVNode("",!0)])],16,us)],10,cs)}const _r=_e(ds,[["render",vs]]),p1="",bs={name:"IbToggle",model:{prop:"isChecked",event:"input"},props:{isChecked:{type:Boolean,required:!1},id:{type:String,default:()=>ht()},disabled:{type:Boolean,default:!1},name:{type:String,default:"active"},label:{type:String,default:""},error:{type:Boolean,default:!1},labelPosition:{type:String,default:"right"},helpMessage:{type:String,default:""},helpMessageOff:{type:String,default:""}},watch:{isChecked(t){this.checked=t}},data(){return{checked:this.isChecked}},methods:{onChange(){this.checked=!this.checked,this.$emit("input",this.checked)}},computed:{classes(){return{"ib-toggle-container":!0,"has-error":this.error,"toggle-on":this.checked,"toggle-disabled":this.disabled,"label-position-left":this.labelPosition==="left"}}},components:{IbIcon:Le,IbTooltip:jt}},_s=["aria-checked","tabindex"],$s={class:"toggle-wrapper",ref:"wrapper"},ws={class:"toggle",ref:"toggle"},ks=["name","checked","id","disabled"],Cs=i.createElementVNode("span",{class:"toggle-slider round"},null,-1),Os={key:0,class:"toggle-label"};function Es(t,n,e,o,a,r){const d=i.resolveComponent("ib-icon"),s=i.resolveComponent("ib-tooltip");return i.openBlock(),i.createElementBlock("label",{role:"switch","aria-checked":a.checked,tabindex:e.disabled?-1:0,class:i.normalizeClass(r.classes),onKeypress:[n[2]||(n[2]=i.withKeys(i.withModifiers((...f)=>r.onChange&&r.onChange(...f),["prevent"]),["space"])),n[3]||(n[3]=i.withKeys(i.withModifiers((...f)=>r.onChange&&r.onChange(...f),["prevent"]),["enter"]))]},[i.createElementVNode("div",$s,[i.createElementVNode("div",ws,[i.createElementVNode("input",{tabindex:"-1",type:"checkbox",value:"1",name:e.name,checked:a.checked,id:e.id,disabled:e.disabled,onClick:n[0]||(n[0]=(...f)=>r.onChange&&r.onChange(...f)),onInput:n[1]||(n[1]=i.withModifiers(()=>{},["stop"]))},null,40,ks),Cs,i.createVNode(d,{class:"checked-icon",name:"checkmark"}),i.createVNode(d,{class:"unchecked-icon",name:"close"})],512)],512),e.label.length?(i.openBlock(),i.createElementBlock("span",Os,i.toDisplayString(e.label),1)):i.createCommentVNode("",!0),e.helpMessage.length?(i.openBlock(),i.createBlock(s,{key:1,text:a.checked?e.helpMessage:e.helpMessageOff.length?e.helpMessageOff:e.helpMessage},null,8,["text"])):i.createCommentVNode("",!0)],42,_s)}const Di=_e(bs,[["render",Es]]);function Ii(t){return t.scrollHeight>t.clientHeight}const m1="",Ss={name:"select-option",props:{option:{type:Object},name:String,parentAutoCheck:{type:Boolean,default:!1},isMultiple:{type:Boolean,default:!0},uid:{type:String,default:""},onlyEndNodes:{type:Boolean,default:!1},htmlTitle:{type:Boolean,default:!1},showInput:{type:Boolean,default:!0},isBookmarkable:{type:Boolean,default:!1},isBookmarked:{type:Boolean,default:!1},isToggle:{type:Boolean,default:!1}},mounted(){this.option.hasOwnProperty("children")&&this.option.children&&this.checkParent()},updated(){this.$nextTick(()=>{Ii(this.$el.querySelector(".option-label"))&&(this.showTooltip=!0)})},data(){return{showTooltip:!1}},methods:{onKeydown(t){t.keyCode===ki&&(t.preventDefault(),this.onChange()),this.hasVisibleChildren&&(t.keyCode===Ha&&(this.option.isChildrenVisible=!0),t.keyCode===Fa&&(this.option.isChildrenVisible=!1))},onChange(){var t,n;!this.isMultiple&&!this.isChecked&&((t=this.$refs.component)==null||t.onChange()),this.isMultiple&&((n=this.$refs.component)==null||n.onChange())},toggle(t,n=!0){this.check(this.option,t,!0,n)},check(t,n,e,o){this.$emit("check",t,n,e),o&&t.children&&t.children.forEach(a=>{this.check(a,n,!1,!0)})},toggleChildrenVisibility(){this.option.isChildrenVisible=!this.option.isChildrenVisible},checkChildren(t,n,e){e&&this.isMultiple&&this.$nextTick(()=>{this.checkParent()}),this.$emit("check",t,n,!1)},checkParent(){const t=this.option.children.filter(e=>e.checked).length,n=t>=this.option.children.length;(!this.option.checked&&n&&this.parentAutoCheck||this.option.checked&&!n)&&this.toggle(!this.option.checked,!1)},calculateChildren(t,n,e=!1){let o=0;return t.children&&t.children.forEach(a=>{(!n||n(a))&&o++,e&&(o+=this.calculateChildren(a,n,e))}),o}},computed:{component(){return this.isMultiple&&this.isToggle?Di:_r},isChecked(){if(this.hasChildren)if(this.childrenSelectedCount){if(this.childrenSelectedCount>0&&this.countOfAllChildren>this.childrenSelectedCount)return null}else return!1;return this.option.checked?this.option.isIndeterminate?null:!0:!1},hasChildren(){return!!(this.option.children&&this.option.children.length)},hasVisibleChildren(){return this.calculateChildren(this.option,t=>t.visible)},iconName(){return this.option.isChildrenVisible?"chevron-down":"chevron-forward"},id(){return this.uid+"_"+this.option.id},actualName(){return this.onlyEndNodes&&this.option.children&&this.option.children.length?"":this.name},childrenSelectedCount(){return this.calculateChildren(this.option,t=>t.checked,!0)},countOfAllChildren(){return this.calculateChildren(this.option,()=>!0,!0)}},components:{IbIcon:Le,List:mr,IbIconButton:ut},directives:{Tooltip:yr}},Ts=["aria-selected","aria-label","id"],Ns={key:0,class:"option-label"},xs={key:1,class:"option-label"},As=["innerHTML"],Ds=["innerHTML"],Is={key:2,class:"option-label"};function Ms(t,n,e,o,a,r){const d=i.resolveComponent("ib-icon"),s=i.resolveComponent("ib-icon-button"),f=i.resolveComponent("select-option"),h=i.resolveComponent("list"),p=i.resolveDirective("tooltip");return i.openBlock(),i.createElementBlock("li",null,[i.withDirectives((i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["tree-select-option",{"tree-select-option-checked":r.isChecked,"tree-select-option-margin":r.hasVisibleChildren,active:e.option.isChildrenVisible,"is-multiple":e.isMultiple,"is-not-multiple":!e.isMultiple,"tree-select-option-toggle":this.isToggle&&this.isMultiple}]),tabindex:"0",role:"option","aria-selected":r.isChecked,"aria-label":e.option.title,id:"option-"+r.id,onKeydown:n[3]||(n[3]=i.withModifiers((...u)=>r.onKeydown&&r.onKeydown(...u),["self"])),onFocus:n[4]||(n[4]=u=>t.$emit("onFocus",`option-${r.id}`))},[i.withDirectives(i.createVNode(s,{"disabled-focus":!0,kind:"ghost",class:"toggle-children",onClick:r.toggleChildrenVisibility},{default:i.withCtx(()=>[i.createVNode(d,{name:r.iconName},null,8,["name"])]),_:1},8,["onClick"]),[[i.vShow,r.hasVisibleChildren]]),i.createElementVNode("div",{onClick:n[1]||(n[1]=i.withModifiers((...u)=>r.onChange&&r.onChange(...u),["prevent"])),class:i.normalizeClass({disabled:e.option.isDisabled,"tree-select-option-label":!0,"tree-select-option-has-children":r.hasVisibleChildren,active:!e.showInput&&e.option.checked})},[i.withDirectives((i.openBlock(),i.createBlock(i.resolveDynamicComponent(r.component),{ref:"component",tabindex:"-1","disable-focus":"","aria-label":e.option.title,name:r.actualName,value:e.option.id,id:"input"+r.id,"is-checked":r.isChecked,disabled:e.option.isDisabled,autocomplete:"off",autocorrect:"off",autocapitalize:"off",spellcheck:"false",onInput:r.toggle},null,40,["aria-label","name","value","id","is-checked","disabled","onInput"])),[[i.vShow,e.showInput]]),e.isBookmarkable?(i.openBlock(),i.createElementBlock("span",{key:0,class:i.normalizeClass("bookmarkable-option-title "+(e.isBookmarked?"bookmarked":""))},[r.hasChildren?(i.openBlock(),i.createElementBlock("span",xs,i.toDisplayString(e.option.title),1)):(i.openBlock(),i.createElementBlock("span",Ns,[i.createTextVNode(i.toDisplayString(e.option.title)+" ",1),i.createVNode(d,{name:"star",onClick:n[0]||(n[0]=i.withModifiers(u=>t.$emit("toggle-bookmark",e.option),["stop","prevent"]))})]))],2)):e.htmlTitle?(i.openBlock(),i.createElementBlock(i.Fragment,{key:1},[r.hasChildren?(i.openBlock(),i.createElementBlock("span",{key:1,class:"option-label",innerHTML:e.option.title},null,8,Ds)):(i.openBlock(),i.createElementBlock("span",{key:0,class:"option-label",innerHTML:e.option.title},null,8,As))],64)):(i.openBlock(),i.createElementBlock("span",Is,i.toDisplayString(e.option.title),1))],2),r.hasChildren?i.withDirectives((i.openBlock(),i.createBlock(h,{key:0},{default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.option.children,u=>i.withDirectives((i.openBlock(),i.createBlock(f,{key:u.value,option:u,name:e.name,"parent-auto-check":e.parentAutoCheck,"is-multiple":e.isMultiple,"show-input":e.showInput,onCheck:r.checkChildren,onToggleBookmark:n[2]||(n[2]=l=>t.$emit("toggle-bookmark",l)),uid:e.uid,"is-bookmarkable":e.isBookmarkable},null,8,["option","name","parent-auto-check","is-multiple","show-input","onCheck","uid","is-bookmarkable"])),[[i.vShow,u.visible]])),128))]),_:1},512)),[[i.vShow,r.hasVisibleChildren&&e.option.isChildrenVisible]]):i.createCommentVNode("",!0)],42,Ts)),[[p,a.showTooltip?e.option.title:""]])])}const Ps=_e(Ss,[["render",Ms]]);var qe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function jn(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var Mi={exports:{}};/*!***************************************************
+          top: ${o-p+u-5}px!important`;break}return l}getClassList(n){return n?hr[n]:hr.topCenter}}const Vt=new Ni,jl=(t,n)=>{var a;Vt.getTooltipContainer()&&Vt.destroyTooltip();const e=Object.keys(n.modifiers)[0]||n.arg,o={title:((a=n.value)==null?void 0:a.title)||"",text:typeof n.value=="object"?n.value.text:n.value};Vt.createTooltip(t,o,e)},Vl=(t,n)=>{const e=Vt.getId();if(n.getAttribute("aria-describedby")!==e)return;const o=Vt.getTooltipContainer(),a=n!==t.target&&!n.contains(t.target),r=o!==t.target&&!(o!=null&&o.contains(t.target));a&&r&&Vt.destroyTooltip(n)},xi=(t,n)=>{t.__tooltip_create=()=>jl(t,n),t.__tooltip_destroy=e=>Vl(e,t),t.addEventListener("mouseenter",t.__tooltip_create),document.addEventListener("mousemove",t.__tooltip_destroy)},Ai=t=>{Vt.destroyTooltip(),t.removeEventListener("mouseenter",t.__tooltip_create),document.removeEventListener("mousemove",t.__tooltip_destroy)},yr={mounted(t,n){xi(t,n)},updated(t,n){Ai(t),xi(t,n)},beforeUnmount(t){Ai(t)}},d1="",ql={name:"IbSorting",props:{tooltipTitle:{type:String,default:""},hideSortingButton:{type:Boolean,default:!1},tooltipText:{type:String},tooltipPosition:{type:String},tooltipIconSorting:{type:String},toggleTipTitle:{type:String},title:{type:String,default:""},sort:{type:String,default:null},view:{type:String,required:!0},disable:{type:Boolean,default:!1},tableName:{type:String,required:!0}},mounted(){this.$globalEvents.$on(`sorting:update:${this.tableName}`,t=>{this.$el.contains(t.$el)||(this.currentTypeSort=null)})},data(){return{isOpenToggleTip:!1,sortingTypes:Rl,sortingTypesView:Ll,currentTypeSort:this.sort}},methods:{clickHandler(){this.currentTypeSort?this.currentTypeSort===this.sortingTypes.TYPE_ASC?this.currentTypeSort=this.sortingTypes.TYPE_DESC:this.currentTypeSort=null:this.currentTypeSort=this.sortingTypes.TYPE_ASC,this.updateTypeSorting()},updateTypeSorting(){this.$globalEvents.$emit(`sorting:update:${this.tableName}`,this),this.$emit("update-sorting",this.currentTypeSort)}},computed:{iconType(){return this.currentTypeSort===this.sortingTypes.TYPE_ASC?"arrow-up":this.currentTypeSort===this.sortingTypes.TYPE_DESC?"arrow-down":this.view!==this.sortingTypesView.GRID_VIEW?"swap-vertical":null},tooltipIconText(){var t,n,e;return this.currentTypeSort===this.sortingTypes.TYPE_ASC?lang("sort_descending",(t=this.langComponents)==null?void 0:t.COMPONENT_SELECT):this.currentTypeSort===this.sortingTypes.TYPE_DESC?lang("reset_sorting",(n=this.langComponents)==null?void 0:n.COMPONENT_SELECT):this.view!==this.sortingTypesView.GRID_VIEW?lang("sort_ascending",(e=this.langComponents)==null?void 0:e.COMPONENT_SELECT):""},tooltipContent(){return this.tooltipTitle.length?{title:this.tooltipTitle,text:this.tooltipText}:this.tooltipText},hasToggleTip(){return this.toggleTipTitle&&this.$slots.toggleTipBody&&this.$slots.toggleTipButtons}},directives:{Tooltip:yr},components:{IbIcon:Le,IbIconButton:ut,IbToggleTip:wi}},Fl={class:"sorting-wrapper"},Hl=["name"],zl=["aria-label"];function Ul(t,n,e,o,a,r){var p;const d=i.resolveComponent("ib-toggle-tip"),s=i.resolveComponent("ib-icon-button"),f=i.resolveComponent("ib-icon"),h=i.resolveDirective("tooltip");return i.openBlock(),i.createElementBlock("div",Fl,[e.view===a.sortingTypesView.TABLE_VIEW?(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(["table-sorting-wrapper",{active:a.currentTypeSort,disabled:e.disable}])},[i.createElementVNode("div",null,[i.withDirectives((i.openBlock(),i.createElementBlock("button",{class:i.normalizeClass(["sorting-label",{"sorting-label-active":a.isOpenToggleTip,"has-action":((p=e.tooltipText)==null?void 0:p.length)||r.hasToggleTip}]),type:"button",onClick:n[0]||(n[0]=u=>a.isOpenToggleTip=!a.isOpenToggleTip)},[i.createTextVNode(i.toDisplayString(e.title),1)],2)),[[h,r.tooltipContent,e.tooltipPosition]]),r.hasToggleTip?(i.openBlock(),i.createBlock(d,{key:0,position:"bottom-center","is-open":a.isOpenToggleTip,title:e.toggleTipTitle,onClose:n[1]||(n[1]=u=>a.isOpenToggleTip=!1)},{buttons:i.withCtx(()=>[i.renderSlot(t.$slots,"toggleTipButtons",{},void 0,!0)]),default:i.withCtx(()=>[i.renderSlot(t.$slots,"toggleTipBody",{},void 0,!0)]),_:3},8,["is-open","title"])):i.createCommentVNode("",!0)]),e.hideSortingButton?i.createCommentVNode("",!0):(i.openBlock(),i.createBlock(s,{key:0,kind:"white",size:"s",onClick:r.clickHandler},{default:i.withCtx(()=>[i.createElementVNode("ion-icon",{name:r.iconType},null,8,Hl)]),_:1},8,["onClick"]))],2)):i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:1,class:i.normalizeClass(["sorting-button",{active:a.currentTypeSort,disabled:e.disable}]),type:"button",onClick:n[2]||(n[2]=(...u)=>r.clickHandler&&r.clickHandler(...u)),"aria-label":e.sort},[i.createTextVNode(i.toDisplayString(e.title)+" ",1),r.iconType?(i.openBlock(),i.createBlock(f,{key:0,name:r.iconType},null,8,["name"])):i.createCommentVNode("",!0)],10,zl)),[[h,e.tooltipText,e.tooltipPosition]])])}const Kl=_e(ql,[["render",Ul],["__scopeId","data-v-fa3095d2"]]),c1="",Gl={name:"IbBreadcrumbs",props:{items:{type:Array,default:()=>[]},tooltipTextContext:{type:String}},computed:{last(){return this.items.length?this.items.length-1:null},initContextMenu(){return this.items.length>4},setItemsContextMenu(){return this.items.slice(0,-3)}},components:{IbIcon:Le,IbIconButton:ut,IbDropdownItem:gr,IbDropdownList:Rn,IbTooltip:jt}},Yl={"aria-label":"breadcrumb"},Wl={class:"breadcrumb"},Zl=["href"],Jl={key:1},Xl=["href"];function Ql(t,n,e,o,a,r){const d=i.resolveComponent("ib-icon"),s=i.resolveComponent("ib-tooltip"),f=i.resolveComponent("ib-icon-button"),h=i.resolveComponent("ib-dropdown-item"),p=i.resolveComponent("ib-dropdown-list");return i.openBlock(),i.createElementBlock("nav",Yl,[i.createElementVNode("ul",Wl,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.items,(u,l)=>(i.openBlock(),i.createElementBlock("li",{class:i.normalizeClass(["breadcrumb-item",l===r.last?"active":""]),"aria-current":"page",key:l},[l!==r.last&&l>e.items.length-4||l===0?(i.openBlock(),i.createElementBlock("a",{key:0,class:"ib-link",href:u.url},i.toDisplayString(u.title),9,Zl)):i.createCommentVNode("",!0),l===r.last?(i.openBlock(),i.createElementBlock("p",Jl,i.toDisplayString(u.title),1)):i.createCommentVNode("",!0),r.initContextMenu&&l===e.items.length-4?(i.openBlock(),i.createBlock(p,{key:2,horizontal:"center"},{trigger:i.withCtx(()=>[i.createVNode(f,{kind:"ghost"},{default:i.withCtx(()=>[i.createVNode(d,{name:"ellipsis-horizontal-sharp"}),e.tooltipTextContext?(i.openBlock(),i.createBlock(s,{key:0,text:e.tooltipTextContext},null,8,["text"])):i.createCommentVNode("",!0)]),_:1})]),body:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.setItemsContextMenu,(c,_)=>(i.openBlock(),i.createBlock(h,{key:_},{default:i.withCtx(()=>[i.createElementVNode("a",{class:"context-breadcrums",href:c.url},i.toDisplayString(c.title),9,Xl)]),_:2},1024))),128))]),_:2},1024)):i.createCommentVNode("",!0),l!==r.last&&l>e.items.length-5||l===0?(i.openBlock(),i.createBlock(d,{key:3,name:"chevron-forward-outline"})):i.createCommentVNode("",!0)],2))),128))])])}const es=_e(Gl,[["render",Ql],["__scopeId","data-v-5ef772a9"]]),u1="",ts={name:"IbLabel",props:{for:{type:String},required:{type:Boolean,default:!1},infoText:{type:String,default:""},tooltipPosition:{type:String}},mounted(){this.$globalEvents.$on(`label:disabled:${this.for}`,t=>{this.disabled=t})},data(){return{disabled:!1}},computed:{classes(){const t=["ib-label"];return this.infoText.length&&t.push("has-info-text"),this.disabled&&t.push("label-disabled"),t}},components:{IbIconButton:ut,IbIcon:Le,IbTooltip:jt}},ns=["for"],rs={key:0,class:"required"};function is(t,n,e,o,a,r){const d=i.resolveComponent("ib-icon"),s=i.resolveComponent("ib-tooltip"),f=i.resolveComponent("ib-icon-button");return i.openBlock(),i.createElementBlock("label",{class:i.normalizeClass(r.classes),for:e.for},[e.required?(i.openBlock(),i.createElementBlock("span",rs,"* ")):i.createCommentVNode("",!0),i.renderSlot(t.$slots,"default",{},void 0,!0),e.infoText.length?(i.openBlock(),i.createBlock(f,{key:1,size:"xs",class:"info-button",kind:"ghost",type:"button"},{default:i.withCtx(()=>[i.createVNode(d,{name:"information-circle-outline"}),i.createVNode(s,{text:e.infoText,position:e.tooltipPosition},null,8,["text","position"])]),_:1})):i.createCommentVNode("",!0)],10,ns)}const dn=_e(ts,[["render",is],["__scopeId","data-v-3e867259"]]),vr={text:"text",password:"password",email:"email",number:"number"},f1="",os={name:"IbInput",props:{type:{type:String,default:vr.text,validator:t=>Object.keys(vr).includes(t)},disabled:{type:Boolean,required:!1,default:!1},error:{type:Boolean,default:!1},errorMessage:{type:String,default:""},id:{type:[String],default(){return ht()}},debounce:{type:[Number,String]},showIcon:{type:Boolean,default:!1},showClearButton:{type:Boolean,default:!0},clearButtonMessage:{type:String,default:""},settingsButtonMessage:{type:String,default:""},showPasswordMessage:{type:String,default:""},hidePasswordMessage:{type:String,default:""},value:{type:[String,Number],default:""},modelValue:{type:[String,Number]},settingsVerticalPosition:{type:String,default:Bn.bottom},settingsHorizontalPosition:{type:String,default:sn.right},readonly:{type:Boolean,default:!1}},data(){return{actualValue:this.modelValue||this.value,showPassword:!1}},mounted(){setTimeout(()=>{this.$globalEvents.$emit(`label:disabled:${this.id}`,this.disabled)},10)},methods:{toggleShowPassword(){this.showPassword=!this.showPassword},clearInput(){this.actualValue="",this.$emit("update:modelValue",this.actualValue),this.$emit("input",this.actualValue)},onBlur(){this.$emit("blur",this.actualValue)},onFocus(){this.$emit("focus",this.actualValue)},onInput(){this.debounce?this.delayedInput(this.actualValue):(this.$emit("update:modelValue",this.actualValue),this.$emit("input",this.actualValue))},delayedInput(t){this.timer&&(clearTimeout(this.timer),this.timer=null),this.timer=setTimeout(()=>{this.$emit("update:modelValue",t),this.$emit("input",t)},this.debounce)},focus(){this.$refs.field.focus()}},computed:{hasSettings(){return!!this.$slots.settings},classes(){const t=["ib-input"];return this.hasErrorState&&t.push("ib-error"),this.showIcon&&t.push("ib-input-has-icon"),t},attrs(){let t=Dn({...this.$attrs},["onInput","onBlur"]);return t.type=this.type===vr.password?this.showPassword?"text":"password":this.type,t},hasErrorState(){return this.error||this.errorMessage.length}},watch:{value(t){this.actualValue=t},modelValue(t){this.actualValue=t},disabled(t){this.$globalEvents.$emit(`label:disabled:${this.id}`,t)}},emits:["input","blur","focus","update:modelValue",`label:disabled:${globalThis==null?void 0:globalThis.id}`],components:{IbAlert:It,IbIconButton:ut,IbIcon:Le,IbDropdown:Ln},inheritAttrs:!1},as=["aria-invalid","readonly","disabled","id"],ls={class:"settings-wrapper"};function ss(t,n,e,o,a,r){var p,u;const d=i.resolveComponent("ib-alert"),s=i.resolveComponent("ib-icon"),f=i.resolveComponent("ib-icon-button"),h=i.resolveComponent("ib-dropdown");return i.openBlock(),i.createElementBlock("div",null,[e.errorMessage?(i.openBlock(),i.createBlock(d,{key:0},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.errorMessage),1)]),_:1})):i.createCommentVNode("",!0),i.createElementVNode("div",{class:i.normalizeClass(["ib-input-wrapper",{"has-settings":r.hasSettings}])},[e.showIcon?(i.openBlock(),i.createBlock(s,{key:0,class:"icon-search",name:"search-outline"})):i.createCommentVNode("",!0),i.withDirectives(i.createElementVNode("input",i.mergeProps(r.attrs,{"onUpdate:modelValue":n[0]||(n[0]=l=>a.actualValue=l),ref:"field","aria-invalid":!!r.hasErrorState,readonly:e.readonly,disabled:e.disabled,id:e.id,class:r.classes,onInput:n[1]||(n[1]=l=>r.onInput(l)),onBlur:n[2]||(n[2]=l=>r.onBlur(l)),onFocus:n[3]||(n[3]=l=>r.onFocus(l))}),null,16,as),[[i.vModelDynamic,a.actualValue]]),e.type!=="password"&&e.showClearButton?i.withDirectives((i.openBlock(),i.createBlock(f,{key:1,kind:"ghost",class:"button-clear",disabled:e.readonly||e.disabled,"help-text":e.clearButtonMessage,"prevent-default":"",type:"button",onClick:r.clearInput,onKeypress:i.withKeys(r.clearInput,["enter"])},{default:i.withCtx(()=>[i.createVNode(s,{name:"close-outline"})]),_:1},8,["disabled","help-text","onClick","onKeypress"])),[[i.vShow,(p=a.actualValue)==null?void 0:p.length]]):i.createCommentVNode("",!0),e.type==="password"?i.withDirectives((i.openBlock(),i.createBlock(f,{key:2,kind:"ghost",class:"toggle-password","prevent-default":"",type:"button",disabled:e.readonly||e.disabled,"help-text":a.showPassword?e.hidePasswordMessage:e.showPasswordMessage,onClick:i.withModifiers(r.toggleShowPassword,["prevent"])},{default:i.withCtx(()=>[i.createVNode(s,{name:a.showPassword?"eye-off-outline":"eye-outline"},null,8,["name"])]),_:1},8,["disabled","help-text","onClick"])),[[i.vShow,(u=a.actualValue)==null?void 0:u.length]]):i.createCommentVNode("",!0),r.hasSettings?(i.openBlock(),i.createBlock(h,{key:3,class:"settings-dropdown-wrapper",horizontal:e.settingsHorizontalPosition,vertical:e.settingsVerticalPosition},{trigger:i.withCtx(()=>[i.createVNode(f,{"prevent-default":"","help-text":e.settingsButtonMessage,class:"options-trigger",kind:"ghost"},{default:i.withCtx(()=>[i.createVNode(s,{name:"options"})]),_:1},8,["help-text"])]),body:i.withCtx(()=>[i.createElementVNode("div",ls,[i.renderSlot(t.$slots,"settings",{},void 0,!0)])]),_:3},8,["horizontal","vertical"])):i.createCommentVNode("",!0)],2)])}const br=_e(os,[["render",ss],["__scopeId","data-v-7d710724"]]),h1="",ds={name:"IbCheckbox",model:{event:"input"},props:{label:String,error:{type:[Boolean,null],default:!1},name:String,id:{type:String,default(){return ht()}},value:{default:1},modelValue:{type:Boolean},isChecked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},disableFocus:{type:Boolean,default:!1},required:{type:Boolean,default:!1},labelPosition:{type:String,default:"right"}},watch:{isChecked(t){this.checked=t},modelValue(t){this.checked=t}},data(){return{checked:this.modelValue?this.modelValue:this.isChecked}},methods:{onChange(){this.checked=!this.checked,this.$emit("update:modelValue",this.checked),this.$emit("input",this.checked)}},computed:{classes(){return{"ib-checkbox":!0,"ib-has-error":this.error,"ib-checkbox-filled":this.checked,"ib-checkbox-disabled":this.disabled,"ib-checkbox-indeterminate":this.indeterminate}},indeterminate(){return this.isChecked===null},attrs(){const t={...Dn({...this.$attrs})};return delete t.class,t.class=this.classes,t}},components:{IbIcon:Le},inheritAttrs:!1},cs=["aria-checked"],us=["for","tabindex"],fs=["name","id","value","checked","disabled","required"],hs={class:"ib-checkbox-body"},ps={key:0,class:"required"},ms={class:"ib-checkbox-input"},gs={key:1,class:"ib-checkbox-label"},ys={key:0,class:"required"};function vs(t,n,e,o,a,r){var s;const d=i.resolveComponent("ib-icon");return i.openBlock(),i.createElementBlock("div",{role:"checkbox",class:i.normalizeClass(this.$attrs.class),"aria-checked":!!a.checked},[i.createElementVNode("label",i.mergeProps(r.attrs,{for:e.id,tabindex:e.disabled|e.disableFocus?-1:0,onKeypress:n[1]||(n[1]=i.withModifiers((...f)=>r.onChange&&r.onChange(...f),["prevent"]))}),[i.createElementVNode("input",{tabindex:"-1",type:"checkbox",name:e.name,id:e.id,value:e.value,checked:a.checked,disabled:e.disabled,required:e.required,onClick:n[0]||(n[0]=(...f)=>r.onChange&&r.onChange(...f))},null,8,fs),i.createElementVNode("div",hs,[e.labelPosition==="left"&&e.label.length?(i.openBlock(),i.createElementBlock("span",{key:0,class:i.normalizeClass(["ib-checkbox-label",{"ib-checkbox-label-left":e.labelPosition==="left"}])},[e.required?(i.openBlock(),i.createElementBlock("span",ps,"*")):i.createCommentVNode("",!0),i.createTextVNode(" "+i.toDisplayString(e.label),1)],2)):i.createCommentVNode("",!0),i.createElementVNode("span",ms,[i.withDirectives(i.createVNode(d,{name:"checkmark-sharp"},null,512),[[i.vShow,a.checked&&!r.indeterminate]]),i.withDirectives(i.createVNode(d,{class:i.normalizeClass("checkbox-undeterminate-icon"),name:"remove-sharp"},null,512),[[i.vShow,r.indeterminate]])]),e.labelPosition==="right"&&((s=e.label)!=null&&s.length)?(i.openBlock(),i.createElementBlock("span",gs,[e.required?(i.openBlock(),i.createElementBlock("span",ys,"*")):i.createCommentVNode("",!0),i.createTextVNode(" "+i.toDisplayString(e.label),1)])):i.createCommentVNode("",!0)])],16,us)],10,cs)}const _r=_e(ds,[["render",vs]]),p1="",bs={name:"IbToggle",model:{prop:"isChecked",event:"input"},props:{isChecked:{type:Boolean,required:!1},id:{type:String,default:()=>ht()},disabled:{type:Boolean,default:!1},name:{type:String,default:"active"},label:{type:String,default:""},error:{type:Boolean,default:!1},labelPosition:{type:String,default:"right"},helpMessage:{type:String,default:""},helpMessageOff:{type:String,default:""}},watch:{isChecked(t){this.checked=t}},data(){return{checked:this.isChecked}},methods:{onChange(){this.checked=!this.checked,this.$emit("input",this.checked)}},computed:{classes(){return{"ib-toggle-container":!0,"has-error":this.error,"toggle-on":this.checked,"toggle-disabled":this.disabled,"label-position-left":this.labelPosition==="left"}}},components:{IbIcon:Le,IbTooltip:jt}},_s=["aria-checked","tabindex"],$s={class:"toggle-wrapper",ref:"wrapper"},ws={class:"toggle",ref:"toggle"},ks=["name","checked","id","disabled"],Cs=i.createElementVNode("span",{class:"toggle-slider round"},null,-1),Os={key:0,class:"toggle-label"};function Es(t,n,e,o,a,r){const d=i.resolveComponent("ib-icon"),s=i.resolveComponent("ib-tooltip");return i.openBlock(),i.createElementBlock("label",{role:"switch","aria-checked":a.checked,tabindex:e.disabled?-1:0,class:i.normalizeClass(r.classes),onKeypress:[n[2]||(n[2]=i.withKeys(i.withModifiers((...f)=>r.onChange&&r.onChange(...f),["prevent"]),["space"])),n[3]||(n[3]=i.withKeys(i.withModifiers((...f)=>r.onChange&&r.onChange(...f),["prevent"]),["enter"]))]},[i.createElementVNode("div",$s,[i.createElementVNode("div",ws,[i.createElementVNode("input",{tabindex:"-1",type:"checkbox",value:"1",name:e.name,checked:a.checked,id:e.id,disabled:e.disabled,onClick:n[0]||(n[0]=(...f)=>r.onChange&&r.onChange(...f)),onInput:n[1]||(n[1]=i.withModifiers(()=>{},["stop"]))},null,40,ks),Cs,i.createVNode(d,{class:"checked-icon",name:"checkmark"}),i.createVNode(d,{class:"unchecked-icon",name:"close"})],512)],512),e.label.length?(i.openBlock(),i.createElementBlock("span",Os,i.toDisplayString(e.label),1)):i.createCommentVNode("",!0),e.helpMessage.length?(i.openBlock(),i.createBlock(s,{key:1,text:a.checked?e.helpMessage:e.helpMessageOff.length?e.helpMessageOff:e.helpMessage},null,8,["text"])):i.createCommentVNode("",!0)],42,_s)}const Di=_e(bs,[["render",Es]]);function Ii(t){return t.scrollHeight>t.clientHeight}const m1="",Ss={name:"select-option",props:{option:{type:Object},name:String,parentAutoCheck:{type:Boolean,default:!1},isMultiple:{type:Boolean,default:!0},uid:{type:String,default:""},onlyEndNodes:{type:Boolean,default:!1},htmlTitle:{type:Boolean,default:!1},showInput:{type:Boolean,default:!0},isBookmarkable:{type:Boolean,default:!1},isBookmarked:{type:Boolean,default:!1},isToggle:{type:Boolean,default:!1}},mounted(){this.option.hasOwnProperty("children")&&this.option.children&&this.checkParent()},updated(){this.$nextTick(()=>{Ii(this.$el.querySelector(".option-label"))&&(this.showTooltip=!0)})},data(){return{showTooltip:!1}},methods:{onKeydown(t){t.keyCode===ki&&(t.preventDefault(),this.onChange()),this.hasVisibleChildren&&(t.keyCode===Ha&&(this.option.isChildrenVisible=!0),t.keyCode===Fa&&(this.option.isChildrenVisible=!1))},onChange(){var t,n;!this.isMultiple&&!this.isChecked(this.option)&&((t=this.$refs.component)==null||t.onChange()),this.isMultiple&&((n=this.$refs.component)==null||n.onChange())},toggle(t,n=!0){this.check(this.option,t,!0,n)},check(t,n,e,o){this.$emit("check",t,n,e),o&&t.children&&t.children.forEach(a=>{this.check(a,n,!1,!0)})},toggleChildrenVisibility(){this.option.isChildrenVisible=!this.option.isChildrenVisible},checkChildren(t,n,e){e&&this.isMultiple&&this.$nextTick(()=>{this.checkParent()}),this.$emit("check",t,n,!1)},checkParent(){const t=this.option.children.filter(e=>e.checked).length,n=t>=this.option.children.length;(!this.option.checked&&n&&this.parentAutoCheck||this.option.checked&&!n)&&this.toggle(!this.option.checked,!1)},calculateChildren(t,n,e=!1){let o=0;return t.children&&t.children.forEach(a=>{(!n||n(a))&&o++,e&&(o+=this.calculateChildren(a,n,e))}),o},isChecked(t){if(this.hasChildren)if(this.childrenSelectedCount){if(this.childrenSelectedCount>0&&this.countOfAllChildren>this.childrenSelectedCount)return null}else return!1;return t.checked?t.isIndeterminate?null:!0:!1}},computed:{component(){return this.isMultiple&&this.isToggle?Di:_r},hasChildren(){return!!(this.option.children&&this.option.children.length)},hasVisibleChildren(){return this.calculateChildren(this.option,t=>t.visible)},iconName(){return this.option.isChildrenVisible?"chevron-down":"chevron-forward"},id(){return this.uid+"_"+this.option.id},actualName(){return this.onlyEndNodes&&this.option.children&&this.option.children.length?"":this.name},childrenSelectedCount(){return this.calculateChildren(this.option,t=>t.checked,!0)},countOfAllChildren(){return this.calculateChildren(this.option,()=>!0,!0)}},components:{IbIcon:Le,List:mr,IbIconButton:ut},directives:{Tooltip:yr}},Ts=["aria-selected","aria-label","id"],Ns={key:0,class:"option-label"},xs={key:1,class:"option-label"},As=["innerHTML"],Ds=["innerHTML"],Is={key:2,class:"option-label"};function Ms(t,n,e,o,a,r){const d=i.resolveComponent("ib-icon"),s=i.resolveComponent("ib-icon-button"),f=i.resolveComponent("select-option"),h=i.resolveComponent("list"),p=i.resolveDirective("tooltip");return i.openBlock(),i.createElementBlock("li",null,[i.withDirectives((i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["tree-select-option",{"tree-select-option-checked":r.isChecked(e.option),"tree-select-option-margin":r.hasVisibleChildren,active:e.option.isChildrenVisible,"is-multiple":e.isMultiple,"is-not-multiple":!e.isMultiple,"tree-select-option-toggle":this.isToggle&&this.isMultiple}]),tabindex:"0",role:"option","aria-selected":r.isChecked(e.option),"aria-label":e.option.title,id:"option-"+r.id,onKeydown:n[3]||(n[3]=i.withModifiers((...u)=>r.onKeydown&&r.onKeydown(...u),["self"])),onFocus:n[4]||(n[4]=u=>t.$emit("onFocus",`option-${r.id}`))},[i.withDirectives(i.createVNode(s,{"disabled-focus":!0,kind:"ghost",class:"toggle-children",onClick:r.toggleChildrenVisibility},{default:i.withCtx(()=>[i.createVNode(d,{name:r.iconName},null,8,["name"])]),_:1},8,["onClick"]),[[i.vShow,r.hasVisibleChildren]]),i.createElementVNode("div",{onClick:n[1]||(n[1]=i.withModifiers((...u)=>r.onChange&&r.onChange(...u),["prevent"])),class:i.normalizeClass({disabled:e.option.isDisabled,"tree-select-option-label":!0,"tree-select-option-has-children":r.hasVisibleChildren,active:!e.showInput&&e.option.checked})},[i.withDirectives((i.openBlock(),i.createBlock(i.resolveDynamicComponent(r.component),{ref:"component",tabindex:"-1","disable-focus":"","aria-label":e.option.title,name:r.actualName,value:e.option.id,id:"input"+r.id,"is-checked":r.isChecked(e.option),disabled:e.option.isDisabled,autocomplete:"off",autocorrect:"off",autocapitalize:"off",spellcheck:"false",onInput:r.toggle},null,40,["aria-label","name","value","id","is-checked","disabled","onInput"])),[[i.vShow,e.showInput]]),e.isBookmarkable?(i.openBlock(),i.createElementBlock("span",{key:0,class:i.normalizeClass("bookmarkable-option-title "+(e.isBookmarked?"bookmarked":""))},[r.hasChildren?(i.openBlock(),i.createElementBlock("span",xs,i.toDisplayString(e.option.title),1)):(i.openBlock(),i.createElementBlock("span",Ns,[i.createTextVNode(i.toDisplayString(e.option.title)+" ",1),i.createVNode(d,{name:"star",onClick:n[0]||(n[0]=i.withModifiers(u=>t.$emit("toggle-bookmark",e.option),["stop","prevent"]))})]))],2)):e.htmlTitle?(i.openBlock(),i.createElementBlock(i.Fragment,{key:1},[r.hasChildren?(i.openBlock(),i.createElementBlock("span",{key:1,class:"option-label",innerHTML:e.option.title},null,8,Ds)):(i.openBlock(),i.createElementBlock("span",{key:0,class:"option-label",innerHTML:e.option.title},null,8,As))],64)):(i.openBlock(),i.createElementBlock("span",Is,i.toDisplayString(e.option.title),1))],2),r.hasChildren?i.withDirectives((i.openBlock(),i.createBlock(h,{key:0},{default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.option.children,u=>i.withDirectives((i.openBlock(),i.createBlock(f,{key:u.value,option:u,name:e.name,"parent-auto-check":e.parentAutoCheck,"is-multiple":e.isMultiple,"show-input":e.showInput,onCheck:r.checkChildren,onToggleBookmark:n[2]||(n[2]=l=>t.$emit("toggle-bookmark",l)),uid:e.uid,"is-bookmarkable":e.isBookmarkable},null,8,["option","name","parent-auto-check","is-multiple","show-input","onCheck","uid","is-bookmarkable"])),[[i.vShow,u.visible]])),128))]),_:1},512)),[[i.vShow,r.hasVisibleChildren&&e.option.isChildrenVisible]]):i.createCommentVNode("",!0)],42,Ts)),[[p,a.showTooltip?e.option.title:""]])])}const Ps=_e(Ss,[["render",Ms]]);var qe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function jn(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var Mi={exports:{}};/*!***************************************************
 * mark.js v8.11.1
 * https://markjs.io/
 * Copyright (c) 2014–2018, Julian Kühnel

package/package.json

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

package/src/components/TreeSelect/Option.vue

@@ -5,11 +5,11 @@
       class="tree-select-option"
       tabindex="0"
       role="option"
-      :aria-selected="isChecked"
+      :aria-selected="isChecked(option)"
       :aria-label="option.title"
       :id="'option-' + id"
       :class="{
-        'tree-select-option-checked': isChecked,
+        'tree-select-option-checked': isChecked(option),
         'tree-select-option-margin': hasVisibleChildren,
         active: option.isChildrenVisible,
         'is-multiple': isMultiple,
@@ -47,7 +47,7 @@
           :name="actualName"
           :value="option.id"
           :id="'input' + id"
-          :is-checked="isChecked"
+          :is-checked="isChecked(option)"
           :disabled="option.isDisabled"
           autocomplete="off"
           autocorrect="off"
@@ -206,7 +206,7 @@ export default {
       }
     },
     onChange() {
-      if (!this.isMultiple && !this.isChecked) {
+      if (!this.isMultiple && !this.isChecked(this.option)) {
         this.$refs.component?.onChange();
       }
 
@@ -268,13 +268,7 @@ export default {
 
       return count;
     },
-  },
-  computed: {
-    component() {
-      if (this.isMultiple && this.isToggle) return Toggle;
-      else return Checkbox;
-    },
-    isChecked() {
+    isChecked(option) {
       if(this.hasChildren) {
         if (!this.childrenSelectedCount) {
         return false;
@@ -286,16 +280,44 @@ export default {
         }
       }
 
-      if (!this.option.checked) {
+      if (!option.checked) {
         return false;
       }
 
-      if (this.option.isIndeterminate) {
+      if (option.isIndeterminate) {
         return null; //null will trigger indeterminate stage
       }
 
       return true;
     },
+  },
+  computed: {
+    component() {
+      if (this.isMultiple && this.isToggle) return Toggle;
+      else return Checkbox;
+    },
+    // isChecked() {
+    //   if(this.hasChildren) {
+    //     if (!this.childrenSelectedCount) {
+    //     return false;
+    //   } else if (
+    //       this.childrenSelectedCount > 0 &&
+    //       this.countOfAllChildren > this.childrenSelectedCount
+    //     ) {
+    //       return null; //null will trigger indeterminate stage
+    //     }
+    //   }
+
+    //   if (!this.option.checked) {
+    //     return false;
+    //   }
+
+    //   if (this.option.isIndeterminate) {
+    //     return null; //null will trigger indeterminate stage
+    //   }
+
+    //   return true;
+    // },
     hasChildren() {
       return Boolean(this.option.children && this.option.children.length);
     },