@avakhula/ui 0.0.330 → 0.0.331

package/dist/index.js

@@ -2541,8 +2541,12 @@ const Ms = {
     };
   },
   methods: {
-    onChange() {
-      this.readonly || (this.checked = !this.checked, this.$emit("update:modelValue", this.checked), this.$emit("input", this.checked));
+    onChange(t) {
+      if (this.readonly) {
+        t.preventDefault();
+        return;
+      }
+      this.checked = !this.checked, this.$emit("update:modelValue", this.checked), this.$emit("input", this.checked);
     }
   },
   computed: {

package/dist/index.umd.cjs

@@ -18,7 +18,7 @@
           top: ${a-h-u/2+f+12}px!important`;break;case"rightCenter":l=l+`left: ${s+5}px!important;
           top: ${a+f-h/2-u/2}px!important;`;break;case"rightBottom":l=l+`left: ${s+5}px!important;
           top: ${a+f-u/2-12}px!important`;break;default:l=l+`left: ${r+d/2-p/2}px!important;
-          top: ${o-h+f-5}px!important`;break}return l}getClassList(n){return n?hr[n]:hr.topCenter}}const Vt=new xi,ql=(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)},Fl=(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)},Ai=(t,n)=>{t.__tooltip_create=()=>ql(t,n),t.__tooltip_destroy=e=>Fl(e,t),t.addEventListener("mouseenter",t.__tooltip_create),document.addEventListener("mousemove",t.__tooltip_destroy)},Di=t=>{Vt.destroyTooltip(t),t.removeEventListener("mouseenter",t.__tooltip_create),document.removeEventListener("mousemove",t.__tooltip_destroy)},yr={mounted(t,n){Ai(t,n)},updated(t,n){Di(t),Ai(t,n)},beforeUnmount(t){Di(t)}},$1="",Hl={name:"IbSorting",props:{tooltipTitle:{type:String,default:""},hideSortingButton:{type:Boolean,default:!1},tooltipText:{type:String},tooltipPosition:{type:String},tooltipIconPosition:{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:Vl,sortingTypesView:jl,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},sortingTooltipPosition(){return this.hasToggleTip?"bottomCenter":this.tooltipPosition},sortingTooltipContent(){var t;return this.hasToggleTip?lang("click_to_view_details",(t=this.langComponents)==null?void 0:t.COMPONENT_SYSTEM):this.tooltipContent},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:ki}},zl={class:"sorting-wrapper"},Ul=["name"],Kl=["aria-label"];function Gl(t,n,e,o,a,r){var h;const s=i.resolveComponent("ib-toggle-tip"),d=i.resolveComponent("ib-icon-button"),u=i.resolveComponent("ib-icon"),p=i.resolveDirective("tooltip");return i.openBlock(),i.createElementBlock("div",zl,[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&&r.hasToggleTip,"has-action":((h=e.tooltipText)==null?void 0:h.length)||r.hasToggleTip}]),type:"button",onClick:n[0]||(n[0]=f=>a.isOpenToggleTip=!a.isOpenToggleTip)},[i.createTextVNode(i.toDisplayString(e.title),1)],2)),[[p,r.sortingTooltipContent,r.sortingTooltipPosition]]),r.hasToggleTip?(i.openBlock(),i.createBlock(s,{key:0,position:"bottom-center","is-open":a.isOpenToggleTip,title:e.toggleTipTitle,onClose:n[1]||(n[1]=f=>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.withDirectives((i.openBlock(),i.createBlock(d,{key:0,kind:"white",size:"s",onClick:r.clickHandler},{default:i.withCtx(()=>[i.createElementVNode("ion-icon",{name:r.iconType},null,8,Ul)]),_:1},8,["onClick"])),[[p,r.tooltipIconText,e.tooltipIconPosition]])],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]=(...f)=>r.clickHandler&&r.clickHandler(...f)),"aria-label":e.sort},[i.createTextVNode(i.toDisplayString(e.title)+" ",1),r.iconType?(i.openBlock(),i.createBlock(u,{key:0,name:r.iconType},null,8,["name"])):i.createCommentVNode("",!0)],10,Kl)),[[p,e.tooltipText,e.tooltipPosition]])])}const Yl=_e(Hl,[["render",Gl],["__scopeId","data-v-a4394881"]]),w1="",Wl={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}},Zl={"aria-label":"breadcrumb"},Jl={class:"breadcrumb"},Xl=["href"],Ql={key:1},es=["href"];function ts(t,n,e,o,a,r){const s=i.resolveComponent("ib-icon"),d=i.resolveComponent("ib-tooltip"),u=i.resolveComponent("ib-icon-button"),p=i.resolveComponent("ib-dropdown-item"),h=i.resolveComponent("ib-dropdown-list");return i.openBlock(),i.createElementBlock("nav",Zl,[i.createElementVNode("ul",Jl,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.items,(f,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:f.url},i.toDisplayString(f.title),9,Xl)):i.createCommentVNode("",!0),l===r.last?(i.openBlock(),i.createElementBlock("p",Ql,i.toDisplayString(f.title),1)):i.createCommentVNode("",!0),r.initContextMenu&&l===e.items.length-4?(i.openBlock(),i.createBlock(h,{key:2,horizontal:"center"},{trigger:i.withCtx(()=>[i.createVNode(u,{kind:"ghost"},{default:i.withCtx(()=>[i.createVNode(s,{name:"ellipsis-horizontal-sharp"}),e.tooltipTextContext?(i.openBlock(),i.createBlock(d,{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(p,{key:_},{default:i.withCtx(()=>[i.createElementVNode("a",{class:"context-breadcrums",href:c.url},i.toDisplayString(c.title),9,es)]),_:2},1024))),128))]),_:2},1024)):i.createCommentVNode("",!0),l!==r.last&&l>e.items.length-5||l===0?(i.openBlock(),i.createBlock(s,{key:3,name:"chevron-forward-outline"})):i.createCommentVNode("",!0)],2))),128))])])}const ns=_e(Wl,[["render",ts],["__scopeId","data-v-5ef772a9"]]),k1="",rs={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}},is=["for"],os={key:0,class:"required"};function as(t,n,e,o,a,r){const s=i.resolveComponent("ib-icon"),d=i.resolveComponent("ib-tooltip"),u=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",os,"* ")):i.createCommentVNode("",!0),i.renderSlot(t.$slots,"default",{},void 0,!0),e.infoText.length?(i.openBlock(),i.createBlock(u,{key:1,size:"xs",class:"info-button",kind:"ghost",type:"button"},{default:i.withCtx(()=>[i.createVNode(s,{name:"information-circle-outline"}),i.createVNode(d,{text:e.infoText,position:e.tooltipPosition},null,8,["text","position"])]),_:1})):i.createCommentVNode("",!0)],10,is)}const dn=_e(rs,[["render",as],["__scopeId","data-v-3e867259"]]),vr={text:"text",password:"password",email:"email",number:"number"},C1="",ls={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),this.$emit("clear")},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","clear","update:modelValue",`label:disabled:${globalThis==null?void 0:globalThis.id}`],components:{IbAlert:Pt,IbIconButton:ut,IbIcon:Le,IbDropdown:Ln},inheritAttrs:!1},ss=["aria-invalid","readonly","disabled","id"],ds={class:"settings-wrapper"};function cs(t,n,e,o,a,r){var h,f;const s=i.resolveComponent("ib-alert"),d=i.resolveComponent("ib-icon"),u=i.resolveComponent("ib-icon-button"),p=i.resolveComponent("ib-dropdown");return i.openBlock(),i.createElementBlock("div",null,[e.errorMessage?(i.openBlock(),i.createBlock(s,{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(d,{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,ss),[[i.vModelDynamic,a.actualValue]]),e.type!=="password"&&e.showClearButton?i.withDirectives((i.openBlock(),i.createBlock(u,{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(d,{name:"close-outline"})]),_:1},8,["disabled","help-text","onClick","onKeypress"])),[[i.vShow,(h=a.actualValue)==null?void 0:h.length]]):i.createCommentVNode("",!0),e.type==="password"?i.withDirectives((i.openBlock(),i.createBlock(u,{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(d,{name:a.showPassword?"eye-off-outline":"eye-outline"},null,8,["name"])]),_:1},8,["disabled","help-text","onClick"])),[[i.vShow,(f=a.actualValue)==null?void 0:f.length]]):i.createCommentVNode("",!0),r.hasSettings?(i.openBlock(),i.createBlock(p,{key:3,class:"settings-dropdown-wrapper",horizontal:e.settingsHorizontalPosition,vertical:e.settingsVerticalPosition},{trigger:i.withCtx(()=>[i.createVNode(u,{"prevent-default":"","help-text":e.settingsButtonMessage,class:"options-trigger",kind:"ghost"},{default:i.withCtx(()=>[i.createVNode(d,{name:"options"})]),_:1},8,["help-text"])]),body:i.withCtx(()=>[i.createElementVNode("div",ds,[i.renderSlot(t.$slots,"settings",{},void 0,!0)])]),_:3},8,["horizontal","vertical"])):i.createCommentVNode("",!0)],2)])}const br=_e(ls,[["render",cs],["__scopeId","data-v-ea1e952e"]]),O1="",us={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},readonly:{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.$emit("update:modelValue",this.modelValue),this.checked=t}},data(){return{checked:this.modelValue?this.modelValue:this.isChecked}},methods:{onChange(){this.readonly||(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-readonly":this.readonly,"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},fs=["aria-checked"],hs=["for","tabindex"],ps=["name","id","value","disabled","required"],ms={class:"ib-checkbox-body"},gs={key:0,class:"required"},ys={class:"ib-checkbox-input"},vs={key:1,class:"ib-checkbox-label"},bs={key:0,class:"required"};function _s(t,n,e,o,a,r){var d;const s=i.resolveComponent("ib-icon");return i.openBlock(),i.createElementBlock("div",{role:"checkbox",class:i.normalizeClass(["ib-checkbox-wrapper",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[2]||(n[2]=i.withModifiers((...u)=>r.onChange&&r.onChange(...u),["prevent"]))}),[i.withDirectives(i.createElementVNode("input",{tabindex:"-1",type:"checkbox",name:e.name,id:e.id,value:e.value,disabled:e.disabled,required:e.required,"onUpdate:modelValue":n[0]||(n[0]=u=>a.checked=u),onClick:n[1]||(n[1]=(...u)=>r.onChange&&r.onChange(...u))},null,8,ps),[[i.vModelCheckbox,a.checked]]),i.createElementVNode("div",ms,[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",gs,"*")):i.createCommentVNode("",!0),i.createTextVNode(" "+i.toDisplayString(e.label),1)],2)):i.createCommentVNode("",!0),i.createElementVNode("span",ys,[i.withDirectives(i.createVNode(s,{name:"checkmark-sharp"},null,512),[[i.vShow,a.checked&&!r.indeterminate]]),i.withDirectives(i.createVNode(s,{class:i.normalizeClass("checkbox-undeterminate-icon"),name:"remove-sharp"},null,512),[[i.vShow,r.indeterminate]])]),e.labelPosition==="right"&&((d=e.label)!=null&&d.length)?(i.openBlock(),i.createElementBlock("span",vs,[e.required?(i.openBlock(),i.createElementBlock("span",bs,"*")):i.createCommentVNode("",!0),i.createTextVNode(" "+i.toDisplayString(e.label),1)])):i.createCommentVNode("",!0)])],16,hs)],10,fs)}const _r=_e(us,[["render",_s]]),E1="",$s={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.disabled||(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}},ws=["aria-checked","tabindex"],ks={class:"toggle-wrapper",ref:"wrapper"},Cs={class:"toggle",ref:"toggle"},Os=["name","checked","id","disabled"],Es=i.createElementVNode("span",{class:"toggle-slider round"},null,-1),Ss={key:0,class:"toggle-label"};function Ts(t,n,e,o,a,r){const s=i.resolveComponent("ib-icon"),d=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((...u)=>r.onChange&&r.onChange(...u),["prevent"]),["space"])),n[3]||(n[3]=i.withKeys(i.withModifiers((...u)=>r.onChange&&r.onChange(...u),["prevent"]),["enter"]))]},[i.createElementVNode("div",ks,[i.createElementVNode("div",Cs,[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]=(...u)=>r.onChange&&r.onChange(...u)),onInput:n[1]||(n[1]=i.withModifiers(()=>{},["stop"]))},null,40,Os),Es,i.createVNode(s,{class:"checked-icon",name:"checkmark"}),i.createVNode(s,{class:"unchecked-icon",name:"close"})],512)],512),e.label.length?(i.openBlock(),i.createElementBlock("span",Ss,i.toDisplayString(e.label),1)):i.createCommentVNode("",!0),e.helpMessage.length?(i.openBlock(),i.createBlock(d,{key:1,text:a.checked?e.helpMessage:e.helpMessageOff.length?e.helpMessageOff:e.helpMessage},null,8,["text"])):i.createCommentVNode("",!0)],42,ws)}const Ii=_e($s,[["render",Ts]]);function Mi(t){return t.scrollHeight>t.clientHeight}const S1="",Ns={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(()=>{Mi(this.$el.querySelector(".option-label"))&&(this.showTooltip=!0)})},data(){return{showTooltip:!1}},methods:{onKeydown(t){t.keyCode===Ci&&(t.preventDefault(),this.onChange()),this.hasVisibleChildren&&(t.keyCode===Ua&&(this.option.isChildrenVisible=!0),t.keyCode===za&&(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?!0:t.isIndeterminate?null:!1}},computed:{component(){return this.isMultiple&&this.isToggle?Ii:_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}},xs=["aria-selected","aria-label","id"],As={key:0,class:"option-label"},Ds={key:1,class:"option-label"},Is=["innerHTML"],Ms=["innerHTML"],Ps={key:2,class:"option-label"};function Bs(t,n,e,o,a,r){const s=i.resolveComponent("ib-icon"),d=i.resolveComponent("ib-icon-button"),u=i.resolveComponent("select-option"),p=i.resolveComponent("list"),h=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((...f)=>r.onKeydown&&r.onKeydown(...f),["self"])),onFocus:n[4]||(n[4]=f=>t.$emit("onFocus",`option-${r.id}`))},[i.withDirectives(i.createVNode(d,{"disabled-focus":!0,kind:"ghost",class:"toggle-children",onClick:r.toggleChildrenVisibility},{default:i.withCtx(()=>[i.createVNode(s,{name:r.iconName},null,8,["name"])]),_:1},8,["onClick"]),[[i.vShow,r.hasVisibleChildren]]),i.createElementVNode("div",{onClick:n[1]||(n[1]=i.withModifiers((...f)=>r.onChange&&r.onChange(...f),["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,readonly:e.option.readonly,autocomplete:"off",autocorrect:"off",autocapitalize:"off",spellcheck:"false",onInput:r.toggle},null,40,["aria-label","name","value","id","is-checked","disabled","readonly","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",Ds,i.toDisplayString(e.option.title),1)):(i.openBlock(),i.createElementBlock("span",As,[i.createTextVNode(i.toDisplayString(e.option.title)+" ",1),i.createVNode(s,{name:"star",onClick:n[0]||(n[0]=i.withModifiers(f=>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,Ms)):(i.openBlock(),i.createElementBlock("span",{key:0,class:"option-label",innerHTML:e.option.title},null,8,Is))],64)):(i.openBlock(),i.createElementBlock("span",Ps,i.toDisplayString(e.option.title),1))],2),r.hasChildren?i.withDirectives((i.openBlock(),i.createBlock(p,{key:0},{default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.option.children,f=>i.withDirectives((i.openBlock(),i.createBlock(u,{key:f.value,option:f,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,f.visible]])),128))]),_:1},512)),[[i.vShow,r.hasVisibleChildren&&e.option.isChildrenVisible]]):i.createCommentVNode("",!0)],42,xs)),[[h,a.showTooltip?e.option.title:""]])])}const Ls=_e(Ns,[["render",Bs]]);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 Pi={exports:{}};/*!***************************************************
+          top: ${o-h+f-5}px!important`;break}return l}getClassList(n){return n?hr[n]:hr.topCenter}}const Vt=new xi,ql=(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)},Fl=(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)},Ai=(t,n)=>{t.__tooltip_create=()=>ql(t,n),t.__tooltip_destroy=e=>Fl(e,t),t.addEventListener("mouseenter",t.__tooltip_create),document.addEventListener("mousemove",t.__tooltip_destroy)},Di=t=>{Vt.destroyTooltip(t),t.removeEventListener("mouseenter",t.__tooltip_create),document.removeEventListener("mousemove",t.__tooltip_destroy)},yr={mounted(t,n){Ai(t,n)},updated(t,n){Di(t),Ai(t,n)},beforeUnmount(t){Di(t)}},$1="",Hl={name:"IbSorting",props:{tooltipTitle:{type:String,default:""},hideSortingButton:{type:Boolean,default:!1},tooltipText:{type:String},tooltipPosition:{type:String},tooltipIconPosition:{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:Vl,sortingTypesView:jl,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},sortingTooltipPosition(){return this.hasToggleTip?"bottomCenter":this.tooltipPosition},sortingTooltipContent(){var t;return this.hasToggleTip?lang("click_to_view_details",(t=this.langComponents)==null?void 0:t.COMPONENT_SYSTEM):this.tooltipContent},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:ki}},zl={class:"sorting-wrapper"},Ul=["name"],Kl=["aria-label"];function Gl(t,n,e,o,a,r){var h;const s=i.resolveComponent("ib-toggle-tip"),d=i.resolveComponent("ib-icon-button"),u=i.resolveComponent("ib-icon"),p=i.resolveDirective("tooltip");return i.openBlock(),i.createElementBlock("div",zl,[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&&r.hasToggleTip,"has-action":((h=e.tooltipText)==null?void 0:h.length)||r.hasToggleTip}]),type:"button",onClick:n[0]||(n[0]=f=>a.isOpenToggleTip=!a.isOpenToggleTip)},[i.createTextVNode(i.toDisplayString(e.title),1)],2)),[[p,r.sortingTooltipContent,r.sortingTooltipPosition]]),r.hasToggleTip?(i.openBlock(),i.createBlock(s,{key:0,position:"bottom-center","is-open":a.isOpenToggleTip,title:e.toggleTipTitle,onClose:n[1]||(n[1]=f=>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.withDirectives((i.openBlock(),i.createBlock(d,{key:0,kind:"white",size:"s",onClick:r.clickHandler},{default:i.withCtx(()=>[i.createElementVNode("ion-icon",{name:r.iconType},null,8,Ul)]),_:1},8,["onClick"])),[[p,r.tooltipIconText,e.tooltipIconPosition]])],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]=(...f)=>r.clickHandler&&r.clickHandler(...f)),"aria-label":e.sort},[i.createTextVNode(i.toDisplayString(e.title)+" ",1),r.iconType?(i.openBlock(),i.createBlock(u,{key:0,name:r.iconType},null,8,["name"])):i.createCommentVNode("",!0)],10,Kl)),[[p,e.tooltipText,e.tooltipPosition]])])}const Yl=_e(Hl,[["render",Gl],["__scopeId","data-v-a4394881"]]),w1="",Wl={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}},Zl={"aria-label":"breadcrumb"},Jl={class:"breadcrumb"},Xl=["href"],Ql={key:1},es=["href"];function ts(t,n,e,o,a,r){const s=i.resolveComponent("ib-icon"),d=i.resolveComponent("ib-tooltip"),u=i.resolveComponent("ib-icon-button"),p=i.resolveComponent("ib-dropdown-item"),h=i.resolveComponent("ib-dropdown-list");return i.openBlock(),i.createElementBlock("nav",Zl,[i.createElementVNode("ul",Jl,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.items,(f,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:f.url},i.toDisplayString(f.title),9,Xl)):i.createCommentVNode("",!0),l===r.last?(i.openBlock(),i.createElementBlock("p",Ql,i.toDisplayString(f.title),1)):i.createCommentVNode("",!0),r.initContextMenu&&l===e.items.length-4?(i.openBlock(),i.createBlock(h,{key:2,horizontal:"center"},{trigger:i.withCtx(()=>[i.createVNode(u,{kind:"ghost"},{default:i.withCtx(()=>[i.createVNode(s,{name:"ellipsis-horizontal-sharp"}),e.tooltipTextContext?(i.openBlock(),i.createBlock(d,{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(p,{key:_},{default:i.withCtx(()=>[i.createElementVNode("a",{class:"context-breadcrums",href:c.url},i.toDisplayString(c.title),9,es)]),_:2},1024))),128))]),_:2},1024)):i.createCommentVNode("",!0),l!==r.last&&l>e.items.length-5||l===0?(i.openBlock(),i.createBlock(s,{key:3,name:"chevron-forward-outline"})):i.createCommentVNode("",!0)],2))),128))])])}const ns=_e(Wl,[["render",ts],["__scopeId","data-v-5ef772a9"]]),k1="",rs={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}},is=["for"],os={key:0,class:"required"};function as(t,n,e,o,a,r){const s=i.resolveComponent("ib-icon"),d=i.resolveComponent("ib-tooltip"),u=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",os,"* ")):i.createCommentVNode("",!0),i.renderSlot(t.$slots,"default",{},void 0,!0),e.infoText.length?(i.openBlock(),i.createBlock(u,{key:1,size:"xs",class:"info-button",kind:"ghost",type:"button"},{default:i.withCtx(()=>[i.createVNode(s,{name:"information-circle-outline"}),i.createVNode(d,{text:e.infoText,position:e.tooltipPosition},null,8,["text","position"])]),_:1})):i.createCommentVNode("",!0)],10,is)}const dn=_e(rs,[["render",as],["__scopeId","data-v-3e867259"]]),vr={text:"text",password:"password",email:"email",number:"number"},C1="",ls={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),this.$emit("clear")},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","clear","update:modelValue",`label:disabled:${globalThis==null?void 0:globalThis.id}`],components:{IbAlert:Pt,IbIconButton:ut,IbIcon:Le,IbDropdown:Ln},inheritAttrs:!1},ss=["aria-invalid","readonly","disabled","id"],ds={class:"settings-wrapper"};function cs(t,n,e,o,a,r){var h,f;const s=i.resolveComponent("ib-alert"),d=i.resolveComponent("ib-icon"),u=i.resolveComponent("ib-icon-button"),p=i.resolveComponent("ib-dropdown");return i.openBlock(),i.createElementBlock("div",null,[e.errorMessage?(i.openBlock(),i.createBlock(s,{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(d,{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,ss),[[i.vModelDynamic,a.actualValue]]),e.type!=="password"&&e.showClearButton?i.withDirectives((i.openBlock(),i.createBlock(u,{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(d,{name:"close-outline"})]),_:1},8,["disabled","help-text","onClick","onKeypress"])),[[i.vShow,(h=a.actualValue)==null?void 0:h.length]]):i.createCommentVNode("",!0),e.type==="password"?i.withDirectives((i.openBlock(),i.createBlock(u,{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(d,{name:a.showPassword?"eye-off-outline":"eye-outline"},null,8,["name"])]),_:1},8,["disabled","help-text","onClick"])),[[i.vShow,(f=a.actualValue)==null?void 0:f.length]]):i.createCommentVNode("",!0),r.hasSettings?(i.openBlock(),i.createBlock(p,{key:3,class:"settings-dropdown-wrapper",horizontal:e.settingsHorizontalPosition,vertical:e.settingsVerticalPosition},{trigger:i.withCtx(()=>[i.createVNode(u,{"prevent-default":"","help-text":e.settingsButtonMessage,class:"options-trigger",kind:"ghost"},{default:i.withCtx(()=>[i.createVNode(d,{name:"options"})]),_:1},8,["help-text"])]),body:i.withCtx(()=>[i.createElementVNode("div",ds,[i.renderSlot(t.$slots,"settings",{},void 0,!0)])]),_:3},8,["horizontal","vertical"])):i.createCommentVNode("",!0)],2)])}const br=_e(ls,[["render",cs],["__scopeId","data-v-ea1e952e"]]),O1="",us={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},readonly:{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.$emit("update:modelValue",this.modelValue),this.checked=t}},data(){return{checked:this.modelValue?this.modelValue:this.isChecked}},methods:{onChange(t){if(this.readonly){t.preventDefault();return}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-readonly":this.readonly,"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},fs=["aria-checked"],hs=["for","tabindex"],ps=["name","id","value","disabled","required"],ms={class:"ib-checkbox-body"},gs={key:0,class:"required"},ys={class:"ib-checkbox-input"},vs={key:1,class:"ib-checkbox-label"},bs={key:0,class:"required"};function _s(t,n,e,o,a,r){var d;const s=i.resolveComponent("ib-icon");return i.openBlock(),i.createElementBlock("div",{role:"checkbox",class:i.normalizeClass(["ib-checkbox-wrapper",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[2]||(n[2]=i.withModifiers((...u)=>r.onChange&&r.onChange(...u),["prevent"]))}),[i.withDirectives(i.createElementVNode("input",{tabindex:"-1",type:"checkbox",name:e.name,id:e.id,value:e.value,disabled:e.disabled,required:e.required,"onUpdate:modelValue":n[0]||(n[0]=u=>a.checked=u),onClick:n[1]||(n[1]=(...u)=>r.onChange&&r.onChange(...u))},null,8,ps),[[i.vModelCheckbox,a.checked]]),i.createElementVNode("div",ms,[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",gs,"*")):i.createCommentVNode("",!0),i.createTextVNode(" "+i.toDisplayString(e.label),1)],2)):i.createCommentVNode("",!0),i.createElementVNode("span",ys,[i.withDirectives(i.createVNode(s,{name:"checkmark-sharp"},null,512),[[i.vShow,a.checked&&!r.indeterminate]]),i.withDirectives(i.createVNode(s,{class:i.normalizeClass("checkbox-undeterminate-icon"),name:"remove-sharp"},null,512),[[i.vShow,r.indeterminate]])]),e.labelPosition==="right"&&((d=e.label)!=null&&d.length)?(i.openBlock(),i.createElementBlock("span",vs,[e.required?(i.openBlock(),i.createElementBlock("span",bs,"*")):i.createCommentVNode("",!0),i.createTextVNode(" "+i.toDisplayString(e.label),1)])):i.createCommentVNode("",!0)])],16,hs)],10,fs)}const _r=_e(us,[["render",_s]]),E1="",$s={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.disabled||(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}},ws=["aria-checked","tabindex"],ks={class:"toggle-wrapper",ref:"wrapper"},Cs={class:"toggle",ref:"toggle"},Os=["name","checked","id","disabled"],Es=i.createElementVNode("span",{class:"toggle-slider round"},null,-1),Ss={key:0,class:"toggle-label"};function Ts(t,n,e,o,a,r){const s=i.resolveComponent("ib-icon"),d=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((...u)=>r.onChange&&r.onChange(...u),["prevent"]),["space"])),n[3]||(n[3]=i.withKeys(i.withModifiers((...u)=>r.onChange&&r.onChange(...u),["prevent"]),["enter"]))]},[i.createElementVNode("div",ks,[i.createElementVNode("div",Cs,[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]=(...u)=>r.onChange&&r.onChange(...u)),onInput:n[1]||(n[1]=i.withModifiers(()=>{},["stop"]))},null,40,Os),Es,i.createVNode(s,{class:"checked-icon",name:"checkmark"}),i.createVNode(s,{class:"unchecked-icon",name:"close"})],512)],512),e.label.length?(i.openBlock(),i.createElementBlock("span",Ss,i.toDisplayString(e.label),1)):i.createCommentVNode("",!0),e.helpMessage.length?(i.openBlock(),i.createBlock(d,{key:1,text:a.checked?e.helpMessage:e.helpMessageOff.length?e.helpMessageOff:e.helpMessage},null,8,["text"])):i.createCommentVNode("",!0)],42,ws)}const Ii=_e($s,[["render",Ts]]);function Mi(t){return t.scrollHeight>t.clientHeight}const S1="",Ns={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(()=>{Mi(this.$el.querySelector(".option-label"))&&(this.showTooltip=!0)})},data(){return{showTooltip:!1}},methods:{onKeydown(t){t.keyCode===Ci&&(t.preventDefault(),this.onChange()),this.hasVisibleChildren&&(t.keyCode===Ua&&(this.option.isChildrenVisible=!0),t.keyCode===za&&(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?!0:t.isIndeterminate?null:!1}},computed:{component(){return this.isMultiple&&this.isToggle?Ii:_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}},xs=["aria-selected","aria-label","id"],As={key:0,class:"option-label"},Ds={key:1,class:"option-label"},Is=["innerHTML"],Ms=["innerHTML"],Ps={key:2,class:"option-label"};function Bs(t,n,e,o,a,r){const s=i.resolveComponent("ib-icon"),d=i.resolveComponent("ib-icon-button"),u=i.resolveComponent("select-option"),p=i.resolveComponent("list"),h=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((...f)=>r.onKeydown&&r.onKeydown(...f),["self"])),onFocus:n[4]||(n[4]=f=>t.$emit("onFocus",`option-${r.id}`))},[i.withDirectives(i.createVNode(d,{"disabled-focus":!0,kind:"ghost",class:"toggle-children",onClick:r.toggleChildrenVisibility},{default:i.withCtx(()=>[i.createVNode(s,{name:r.iconName},null,8,["name"])]),_:1},8,["onClick"]),[[i.vShow,r.hasVisibleChildren]]),i.createElementVNode("div",{onClick:n[1]||(n[1]=i.withModifiers((...f)=>r.onChange&&r.onChange(...f),["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,readonly:e.option.readonly,autocomplete:"off",autocorrect:"off",autocapitalize:"off",spellcheck:"false",onInput:r.toggle},null,40,["aria-label","name","value","id","is-checked","disabled","readonly","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",Ds,i.toDisplayString(e.option.title),1)):(i.openBlock(),i.createElementBlock("span",As,[i.createTextVNode(i.toDisplayString(e.option.title)+" ",1),i.createVNode(s,{name:"star",onClick:n[0]||(n[0]=i.withModifiers(f=>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,Ms)):(i.openBlock(),i.createElementBlock("span",{key:0,class:"option-label",innerHTML:e.option.title},null,8,Is))],64)):(i.openBlock(),i.createElementBlock("span",Ps,i.toDisplayString(e.option.title),1))],2),r.hasChildren?i.withDirectives((i.openBlock(),i.createBlock(p,{key:0},{default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.option.children,f=>i.withDirectives((i.openBlock(),i.createBlock(u,{key:f.value,option:f,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,f.visible]])),128))]),_:1},512)),[[i.vShow,r.hasVisibleChildren&&e.option.isChildrenVisible]]):i.createCommentVNode("",!0)],42,xs)),[[h,a.showTooltip?e.option.title:""]])])}const Ls=_e(Ns,[["render",Bs]]);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 Pi={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.330",
+  "version": "0.0.331",
   "main": "dist/index.js",
   "module": "dist/index.umd.cjs",
   "source": "src/index.js",

package/src/components/Form/Checkbox/Checkbox.vue

@@ -116,8 +116,11 @@ export default {
     };
   },
   methods: {
-    onChange() {
-      if (this.readonly) return;
+    onChange(e) {
+      if (this.readonly) {
+        e.preventDefault();
+        return;
+      };
 
       this.checked = !this.checked;
       this.$emit("update:modelValue", this.checked);