@kong/kongponents 9.48.10-pr.3042.f75d935.0 → 9.49.0

package/dist/kongponents105.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents186.cjs"),B=require("./kongponents187.cjs"),E=require("./kongponents188.cjs"),g=require("./kongponents170.cjs"),r=require("./kongponents171.cjs"),S=require("./kongponents33.cjs");require("./kongponents5.cjs");require("./kongponents10.cjs");const a=require("./kongponents11.cjs"),V=require("./kongponents34.cjs"),v={class:"empty-state-content"},C=["aria-hidden"],p={key:0,class:"empty-state-title"},I={key:1,class:"empty-state-message"},h={key:2,class:"empty-state-action"},$={key:0,class:"empty-state-features-container"},N={key:0,"aria-hidden":"true",class:"feature-icon"},T={class:"card-header"},b=["title"],q={key:1,class:"empty-state-footer-container"},D=e.defineComponent({__name:"KEmptyState",props:{title:{default:""},message:{default:""},actionButtonVisible:{type:Boolean,default:!0},actionButtonText:{default:""},actionButtonDisabled:{type:Boolean},iconVariant:{default:()=>a.EmptyStateIconVariants.Default},iconBackground:{type:Boolean,default:!1},features:{default:()=>[]}},emits:["click-action"],setup(o,{emit:l}){const c=l,u=e.useSlots(),d=e.useId(),m=e.computed(()=>{switch(o.iconVariant){case a.EmptyStateIconVariants.Default:return i.default;case a.EmptyStateIconVariants.Error:return g.default;case a.EmptyStateIconVariants.Search:return E.default;case a.EmptyStateIconVariants.Kong:return B.default;default:return i.default}}),k=e.computed(()=>{if(o.iconBackground)return r.KUI_COLOR_TEXT_DECORATIVE_AQUA;switch(o.iconVariant){case a.EmptyStateIconVariants.Error:return r.KUI_COLOR_TEXT_WARNING;default:return r.KUI_COLOR_TEXT_NEUTRAL}}),y=e.computed(()=>{if(u.image)return"empty-state-image";const t="empty-state-icon";return o.iconBackground?`${t} has-background`:t});return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-empty-state",[o.iconVariant]])},[e.createElementVNode("div",v,[e.createElementVNode("div",{"aria-hidden":t.$slots.image?void 0:"true",class:e.normalizeClass(y.value)},[e.renderSlot(t.$slots,"image",{},()=>[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.value),{color:k.value,decorative:"",size:e.unref(r.KUI_ICON_SIZE_60)},null,8,["color","size"]))],!0)],!0)],10,C),o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.message||t.$slots.default?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.message),1)],!0)])):e.createCommentVNode("",!0),o.actionButtonVisible&&o.actionButtonText||t.$slots.action?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(t.$slots,"action",{},()=>[e.createVNode(S.default,{disabled:o.actionButtonDisabled,type:"button",onClick:s[0]||(s[0]=n=>c("click-action"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action-button-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(o.actionButtonText),1)]),_:3},8,["disabled"])],!0)])):e.createCommentVNode("",!0)]),o.features.length?(e.openBlock(),e.createElementBlock("div",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.features,(n,f)=>(e.openBlock(),e.createBlock(V.default,{key:`feature-${e.unref(d)}-${n.key||f}`,class:"empty-state-feature-card"},{title:e.withCtx(()=>[n.key&&t.$slots[`feature-icon-${n.key}`]?(e.openBlock(),e.createElementBlock("div",N,[e.renderSlot(t.$slots,`feature-icon-${n.key}`,{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",T,e.toDisplayString(n.title),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{title:n.description},e.toDisplayString(n.description),9,b)]),_:2},1024))),128))])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",q,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents216.cjs"),B=require("./kongponents203.cjs"),E=require("./kongponents184.cjs"),g=require("./kongponents202.cjs"),r=require("./kongponents173.cjs"),S=require("./kongponents33.cjs");require("./kongponents5.cjs");require("./kongponents10.cjs");const a=require("./kongponents11.cjs"),V=require("./kongponents34.cjs"),v={class:"empty-state-content"},C=["aria-hidden"],p={key:0,class:"empty-state-title"},I={key:1,class:"empty-state-message"},h={key:2,class:"empty-state-action"},$={key:0,class:"empty-state-features-container"},N={key:0,"aria-hidden":"true",class:"feature-icon"},T={class:"card-header"},b=["title"],q={key:1,class:"empty-state-footer-container"},D=e.defineComponent({__name:"KEmptyState",props:{title:{default:""},message:{default:""},actionButtonVisible:{type:Boolean,default:!0},actionButtonText:{default:""},actionButtonDisabled:{type:Boolean},iconVariant:{default:()=>a.EmptyStateIconVariants.Default},iconBackground:{type:Boolean,default:!1},features:{default:()=>[]}},emits:["click-action"],setup(o,{emit:l}){const c=l,u=e.useSlots(),d=e.useId(),m=e.computed(()=>{switch(o.iconVariant){case a.EmptyStateIconVariants.Default:return i.default;case a.EmptyStateIconVariants.Error:return g.default;case a.EmptyStateIconVariants.Search:return E.default;case a.EmptyStateIconVariants.Kong:return B.default;default:return i.default}}),k=e.computed(()=>{if(o.iconBackground)return r.KUI_COLOR_TEXT_DECORATIVE_AQUA;switch(o.iconVariant){case a.EmptyStateIconVariants.Error:return r.KUI_COLOR_TEXT_WARNING;default:return r.KUI_COLOR_TEXT_NEUTRAL}}),y=e.computed(()=>{if(u.image)return"empty-state-image";const t="empty-state-icon";return o.iconBackground?`${t} has-background`:t});return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-empty-state",[o.iconVariant]])},[e.createElementVNode("div",v,[e.createElementVNode("div",{"aria-hidden":t.$slots.image?void 0:"true",class:e.normalizeClass(y.value)},[e.renderSlot(t.$slots,"image",{},()=>[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.value),{color:k.value,decorative:"",size:e.unref(r.KUI_ICON_SIZE_60)},null,8,["color","size"]))],!0)],!0)],10,C),o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.message||t.$slots.default?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.message),1)],!0)])):e.createCommentVNode("",!0),o.actionButtonVisible&&o.actionButtonText||t.$slots.action?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(t.$slots,"action",{},()=>[e.createVNode(S.default,{disabled:o.actionButtonDisabled,type:"button",onClick:s[0]||(s[0]=n=>c("click-action"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action-button-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(o.actionButtonText),1)]),_:3},8,["disabled"])],!0)])):e.createCommentVNode("",!0)]),o.features.length?(e.openBlock(),e.createElementBlock("div",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.features,(n,f)=>(e.openBlock(),e.createBlock(V.default,{key:`feature-${e.unref(d)}-${n.key||f}`,class:"empty-state-feature-card"},{title:e.withCtx(()=>[n.key&&t.$slots[`feature-icon-${n.key}`]?(e.openBlock(),e.createElementBlock("div",N,[e.renderSlot(t.$slots,`feature-icon-${n.key}`,{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",T,e.toDisplayString(n.title),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{title:n.description},e.toDisplayString(n.description),9,b)]),_:2},1024))),128))])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",q,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}});exports.default=D;

package/dist/kongponents107.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("./kongponents48.cjs"),j=require("./kongponents46.cjs"),q=require("./kongponents33.cjs"),O=require("./kongponents183.cjs"),G=require("./kongponents205.cjs"),H=require("./kongponents206.cjs"),J=["role"],Q={class:"file-upload-input-wrapper"},X={key:1,class:"file-upload-dropzone-wrapper"},Y=["aria-disabled","aria-labelledby","tabindex"],Z={"aria-hidden":"true",class:"dropzone-icon"},_={key:0},ee={key:1},le=e.defineComponent({inheritAttrs:!1,__name:"KFileUpload",props:{labelAttributes:{default:()=>({})},label:{default:""},help:{},buttonText:{default:"Select file"},placeholder:{default:""},accept:{},maxFileSize:{default:null},error:{type:Boolean},errorMessage:{default:""},disabled:{type:Boolean},appearance:{default:"input"}},emits:["file-added","file-removed","error"],setup(l,{emit:D}){const s=D,F=e.useSlots(),n=e.useAttrs(),{stripRequiredLabel:M}=O.default(),V=e.useId(),y=e.computed(()=>n.id?String(n.id):V),A=e.computed(()=>{const t={...n};return delete t.id,t}),B=e.useTemplateRef("input"),I=e.computed(()=>{var t;return!!((t=l.labelAttributes)!=null&&t.info||F["label-tooltip"])}),T=e.computed(()=>M(l.label,x.value)),x=e.computed(()=>(n==null?void 0:n.required)!==void 0&&String(n==null?void 0:n.required)!=="false"),C=e.computed(()=>u.value?"Drag & drop a file":"No file selected"),v=e.ref(!1),E=e.computed(()=>{if(v.value){let t="bytes",a=d.value;return d.value>=1024&&d.value<1024*1024&&(a=d.value/1024,t="KB"),d.value>=1024*1024&&(a=d.value/(1024*1024),t="MB"),`File size must be less than ${a}${t}.`}return""}),d=e.computed(()=>l.maxFileSize||l.maxFileSize===0?l.maxFileSize:5*1024*1024),f=e.computed(()=>b.value||v.value||l.error),c=e.ref(0),i=e.ref(""),m=e.ref(null),K=e.useTemplateRef("dropzone"),L=t=>{var h,g,k,o,z,$;b.value=!1;const a=t.target.files,r=(h=a[0])==null?void 0:h.size;Number(r)>d.value&&(c.value++,v.value=!0,s("error",a));const S=(k=(g=B.value)==null?void 0:g.$el)==null?void 0:k.querySelector("input");a.length?(m.value=a,i.value=((o=a[0])==null?void 0:o.name)||"",s("file-added",a)):(S.files=m.value,i.value=(($=(z=m.value)==null?void 0:z[0])==null?void 0:$.name)||"")},w=()=>{var a,r;if(i.value){P();return}const t=(r=(a=B.value)==null?void 0:a.$el)==null?void 0:r.querySelector("input");t&&t.click()},P=()=>{m.value=null,i.value="",c.value++,v.value=!1,s("file-removed")},p=e.ref(!1),b=e.ref(!1),R=t=>t?!l.accept||!Array.isArray(l.accept)||!l.accept.length?!0:l.accept.some(a=>{if(a.startsWith("."))return t.name.toLowerCase().endsWith(a.toLowerCase());if(a.endsWith("/*")){const r=a.slice(0,-2);return t.type.startsWith(r)}else return t.type===a}):!1,N=e.computed(()=>b.value?`Unsupported file type. Please upload one of the following: ${l.accept.join(", ")}`:""),W=t=>{var a,r,S,h,g,k;if(!l.disabled){u.value?(a=K.value)==null||a.focus():(S=(r=B.value)==null?void 0:r.input)==null||S.focus(),p.value=!1;const o=(h=t.dataTransfer)==null?void 0:h.files;if(o&&o.length){const z=(g=o[0])==null?void 0:g.size;if(Number(z)>d.value){c.value++,v.value=!0,s("error",o);return}R(o[0])?(b.value=!1,m.value=o,i.value=((k=o[0])==null?void 0:k.name)||"",s("file-added",o)):(b.value=!0,s("error",o))}}},u=e.computed(()=>l.appearance==="dropzone");return e.watch(()=>n.id,()=>{c.value++},{immediate:!0}),(t,a)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"k-file-upload"},A.value,{role:l.disabled?void 0:"region",onDragleave:a[0]||(a[0]=e.withModifiers(r=>p.value=!1,["prevent"])),onDragover:a[1]||(a[1]=e.withModifiers(r=>p.value=!0,["prevent"])),onDrop:e.withModifiers(W,["prevent"])}),[l.label?(e.openBlock(),e.createBlock(U.default,e.mergeProps({key:0},l.labelAttributes,{id:u.value?`file-upload-dropzone-label-${y.value}`:void 0,for:y.value,required:x.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(T.value)+" ",1)]),_:2},[I.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["id","for","required"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",Q,[u.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:c.value,class:e.normalizeClass(["file-upload-input-text",{placeholder:!i.value,"has-icon":t.$slots.icon,disabled:l.disabled}])},e.toDisplayString(i.value?i.value:l.placeholder||C.value),3)),(e.openBlock(),e.createBlock(j.default,{id:y.value,key:c.value,ref:"input",accept:l.accept,class:e.normalizeClass(["upload-input",{dragging:p.value&&!l.disabled}]),disabled:l.disabled,error:f.value,"error-message":l.errorMessage||N.value||E.value,help:l.help,hidden:u.value,placeholder:l.placeholder||C.value,title:"",type:"file",onChange:L},e.createSlots({_:2},[t.$slots.icon&&!u.value?{name:"before",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",{},void 0,!0)]),key:"0"}:void 0,u.value?void 0:{name:"after",fn:e.withCtx(()=>[e.createVNode(q.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,size:"small",onClick:w},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"])]),key:"1"}]),1032,["id","accept","class","disabled","error","error-message","help","hidden","placeholder"]))],512),[[e.vShow,!u.value]]),u.value?(e.openBlock(),e.createElementBlock("div",X,[e.createElementVNode("div",{ref:"dropzone","aria-disabled":l.disabled?"true":void 0,"aria-labelledby":l.label?`file-upload-dropzone-label-${y.value}`:void 0,class:e.normalizeClass(["dropzone",{dragging:p.value&&!l.disabled,disabled:l.disabled,error:f.value,"has-file":!!i.value}]),"data-testid":"file-upload-dropzone",role:"button",tabindex:l.disabled?-1:0,onClick:w},[e.createElementVNode("div",Z,[e.renderSlot(t.$slots,"icon",{},()=>[i.value?(e.openBlock(),e.createBlock(e.unref(G.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(H.default),{key:1,decorative:""}))],!0)]),i.value?(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock("span",ee,e.toDisplayString(l.placeholder||C.value),1)),e.createVNode(q.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,onClick:e.withModifiers(w,["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"]),e.renderSlot(t.$slots,"dropzone-footer",{},void 0,!0)],10,Y),f.value||l.help?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["help-text",{error:f.value}])},e.toDisplayString(f.value&&(l.errorMessage||N.value||E.value)||l.help),3)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16,J))}});exports.default=le;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("./kongponents48.cjs"),U=require("./kongponents46.cjs"),$=require("./kongponents33.cjs"),j=require("./kongponents193.cjs"),O=require("./kongponents194.cjs"),G=require("./kongponents195.cjs"),H=["role"],J={class:"file-upload-input-wrapper"},Q={key:1,class:"file-upload-dropzone-wrapper"},X=["aria-disabled","aria-labelledby","tabindex"],Y={"aria-hidden":"true",class:"dropzone-icon"},Z={key:0},_={key:1},ee=e.defineComponent({inheritAttrs:!1,__name:"KFileUpload",props:{labelAttributes:{default:()=>({})},label:{default:""},help:{},buttonText:{default:"Select file"},placeholder:{default:""},accept:{},maxFileSize:{default:null},error:{type:Boolean},errorMessage:{default:""},disabled:{type:Boolean},appearance:{default:"input"}},emits:["file-added","file-removed","error"],setup(l,{emit:q}){const s=q,D=e.useSlots(),n=e.useAttrs(),{stripRequiredLabel:F}=j.default(),M=e.useId(),k=e.computed(()=>n.id?String(n.id):M),V=e.computed(()=>{const t={...n};return delete t.id,t}),z=e.useTemplateRef("input"),A=e.computed(()=>{var t;return!!((t=l.labelAttributes)!=null&&t.info||D["label-tooltip"])}),I=e.computed(()=>F(l.label,w.value)),w=e.computed(()=>(n==null?void 0:n.required)!==void 0&&String(n==null?void 0:n.required)!=="false"),B=e.computed(()=>u.value?"Drag & drop a file":"No file selected"),v=e.ref(!1),x=e.computed(()=>{if(v.value){let t="bytes",a=d.value;return d.value>=1024&&d.value<1024*1024&&(a=d.value/1024,t="KB"),d.value>=1024*1024&&(a=d.value/(1024*1024),t="MB"),`File size must be less than ${a}${t}.`}return""}),d=e.computed(()=>l.maxFileSize||l.maxFileSize===0?l.maxFileSize:5*1024*1024),f=e.computed(()=>b.value||v.value||l.error),c=e.ref(0),i=e.ref(""),m=e.ref(null),T=e.useTemplateRef("dropzone"),K=t=>{var h,g,o,S,N;b.value=!1;const a=t.target.files,r=(h=a[0])==null?void 0:h.size;Number(r)>d.value&&(c.value++,v.value=!0,s("error",a));const y=(o=(g=z.value)==null?void 0:g.$el)==null?void 0:o.querySelector("input");a.length?(m.value=a,i.value=a[0].name||"",s("file-added",a)):(y.files=m.value,i.value=((N=(S=m.value)==null?void 0:S[0])==null?void 0:N.name)||"")},C=()=>{var a,r;if(i.value){L();return}const t=(r=(a=z.value)==null?void 0:a.$el)==null?void 0:r.querySelector("input");t&&t.click()},L=()=>{m.value=null,i.value="",c.value++,v.value=!1,s("file-removed")},p=e.ref(!1),b=e.ref(!1),P=t=>!l.accept||!Array.isArray(l.accept)||!l.accept.length?!0:l.accept.some(a=>{if(a.startsWith("."))return t.name.toLowerCase().endsWith(a.toLowerCase());if(a.endsWith("/*")){const r=a.slice(0,-2);return t.type.startsWith(r)}else return t.type===a}),E=e.computed(()=>b.value?`Unsupported file type. Please upload one of the following: ${l.accept.join(", ")}`:""),R=t=>{var a,r,y,h,g;if(!l.disabled){u.value?(a=T.value)==null||a.focus():(y=(r=z.value)==null?void 0:r.input)==null||y.focus(),p.value=!1;const o=(h=t.dataTransfer)==null?void 0:h.files;if(o&&o.length){const S=(g=o[0])==null?void 0:g.size;if(Number(S)>d.value){c.value++,v.value=!0,s("error",o);return}P(o[0])?(b.value=!1,m.value=o,i.value=o[0].name||"",s("file-added",o)):(b.value=!0,s("error",o))}}},u=e.computed(()=>l.appearance==="dropzone");return e.watch(()=>n.id,()=>{c.value++},{immediate:!0}),(t,a)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"k-file-upload"},V.value,{role:l.disabled?void 0:"region",onDragleave:a[0]||(a[0]=e.withModifiers(r=>p.value=!1,["prevent"])),onDragover:a[1]||(a[1]=e.withModifiers(r=>p.value=!0,["prevent"])),onDrop:e.withModifiers(R,["prevent"])}),[l.label?(e.openBlock(),e.createBlock(W.default,e.mergeProps({key:0},l.labelAttributes,{id:u.value?`file-upload-dropzone-label-${k.value}`:void 0,for:k.value,required:w.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(I.value)+" ",1)]),_:2},[A.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["id","for","required"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",J,[u.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:c.value,class:e.normalizeClass(["file-upload-input-text",{placeholder:!i.value,"has-icon":t.$slots.icon,disabled:l.disabled}])},e.toDisplayString(i.value?i.value:l.placeholder||B.value),3)),(e.openBlock(),e.createBlock(U.default,{id:k.value,key:c.value,ref:"input",accept:l.accept,class:e.normalizeClass(["upload-input",{dragging:p.value&&!l.disabled}]),disabled:l.disabled,error:f.value,"error-message":l.errorMessage||E.value||x.value,help:l.help,hidden:u.value,placeholder:l.placeholder||B.value,title:"",type:"file",onChange:K},e.createSlots({_:2},[t.$slots.icon&&!u.value?{name:"before",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",{},void 0,!0)]),key:"0"}:void 0,u.value?void 0:{name:"after",fn:e.withCtx(()=>[e.createVNode($.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,size:"small",onClick:C},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"])]),key:"1"}]),1032,["id","accept","class","disabled","error","error-message","help","hidden","placeholder"]))],512),[[e.vShow,!u.value]]),u.value?(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("div",{ref:"dropzone","aria-disabled":l.disabled?"true":void 0,"aria-labelledby":l.label?`file-upload-dropzone-label-${k.value}`:void 0,class:e.normalizeClass(["dropzone",{dragging:p.value&&!l.disabled,disabled:l.disabled,error:f.value,"has-file":!!i.value}]),"data-testid":"file-upload-dropzone",role:"button",tabindex:l.disabled?-1:0,onClick:C},[e.createElementVNode("div",Y,[e.renderSlot(t.$slots,"icon",{},()=>[i.value?(e.openBlock(),e.createBlock(e.unref(O.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(G.default),{key:1,decorative:""}))],!0)]),i.value?(e.openBlock(),e.createElementBlock("span",Z,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(l.placeholder||B.value),1)),e.createVNode($.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,onClick:e.withModifiers(C,["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"]),e.renderSlot(t.$slots,"dropzone-footer",{},void 0,!0)],10,X),f.value||l.help?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["help-text",{error:f.value}])},e.toDisplayString(f.value&&(l.errorMessage||E.value||x.value)||l.help),3)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16,H))}});exports.default=ee;

package/dist/kongponents109.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),O=require("./kongponents183.cjs"),R=require("./kongponents48.cjs"),V=require("./kongponents171.cjs"),D=require("./kongponents184.cjs"),U=require("./kongponents185.cjs"),z=["id","aria-describedby","aria-invalid","type","value"],H=["aria-label"],J=["id"],Z=e.defineComponent({inheritAttrs:!1,__name:"KInput",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},help:{default:""},error:{type:Boolean},errorMessage:{default:""},characterLimit:{default:null},hasError:{type:Boolean},type:{default:"text"},showPasswordMaskToggle:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(l,{expose:B,emit:x}){e.useCssVars(t=>({v468789b2:y.value,v3da179ce:S.value})),e.watch(()=>l.hasError,t=>{t&&console.warn("KInput: `hasError` prop is deprecated. Please use `error` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kinput")},{immediate:!0}),e.watch(()=>l.labelAttributes.help,t=>{t&&console.warn("KInput: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")});const f=x,o=e.useSlots(),I=e.useTemplateRef("inputElement"),n=e.ref(""),d=e.ref(!1),m=e.ref(0),{stripRequiredLabel:M}=O.default(),a=e.useAttrs(),p=e.computed(()=>(a==null?void 0:a.required)!==void 0&&String(a==null?void 0:a.required)!=="false"),T=e.useId(),k=e.computed(()=>a.id?String(a.id):T),b=e.useId(),C=e.computed(()=>M(l.label,p.value)),L=e.computed(()=>{var t;return!!((t=l.labelAttributes)!=null&&t.info||o["label-tooltip"])}),q=e.computed({get(){return l.modelValue},set(t){h({target:{value:t}})}}),N=e.computed(()=>{const t={...a};return delete t.class,delete t.input,delete t.onInput,t}),u=e.computed(()=>{var w,E;const t=((w=n.value)==null?void 0:w.toString().length)||0,r=((E=l.modelValue)==null?void 0:E.toString().length)||0;let i=t;return!d.value&&r&&(i=r),!!l.characterLimit&&i>l.characterLimit}),$=e.computed(()=>{var t,r;return u.value?d.value?`${(t=n.value)==null?void 0:t.toString().length} / ${l.characterLimit}`:`${(r=l.modelValue)==null?void 0:r.toString().length} / ${l.characterLimit}`:""}),P=e.computed(()=>!u.value&&!l.error&&!l.hasError&&!!(l.help||o.help)),c=e.computed(()=>u.value?$.value:(l.error||l.hasError)&&l.errorMessage?l.errorMessage:l.help);e.watch(u,(t,r)=>{t!==r&&(f("char-limit-exceeded",{value:n.value,length:n.value.length,characterLimit:l.characterLimit,limitExceeded:t}),m.value+=1)}),e.watch(q,(t,r)=>{t!==r&&h({target:{value:t}})});const h=t=>{var i;const r=JSON.parse(JSON.stringify((i=t==null?void 0:t.target)==null?void 0:i.value));A(r)},A=t=>{n.value=t,d.value=!0,f("input",t),f("update:modelValue",t)},K=()=>n.value||d.value?n.value:l.modelValue;e.watch(()=>l.error,(t,r)=>{t!==r&&(m.value+=1)});const v=e.ref(null),g=e.ref(null),y=e.ref(V.KUI_ICON_SIZE_40),S=e.ref(V.KUI_ICON_SIZE_40),s=e.ref(!1),W=e.computed(()=>l.type==="password"&&s.value?"text":l.type);return e.onMounted(async()=>{var t,r;await e.nextTick(),(t=v.value)!=null&&t.offsetWidth&&(y.value=v.value.offsetWidth+"px"),(r=g.value)!=null&&r.offsetWidth&&(S.value=g.value.offsetWidth+"px")}),B({input:I}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-input",[e.unref(a).class,{"input-error":u.value||l.error||l.hasError}]])},[l.label?(e.openBlock(),e.createBlock(R.default,e.mergeProps({key:0,for:k.value},l.labelAttributes,{required:p.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.value)+" ",1)]),_:2},[L.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-element-wrapper",{"has-before-content":o.before,"has-after-content":o.after||l.type==="password"&&l.showPasswordMaskToggle}])},[o.before?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"beforeSlotElement",ref:v,class:"before-content-wrapper"},[e.renderSlot(t.$slots,"before",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:k.value,ref:"inputElement","aria-describedby":c.value||o.help?e.unref(b):void 0,"aria-invalid":l.error||l.hasError||u.value?"true":void 0,class:"input",type:W.value},N.value,{value:K(),onInput:h}),null,16,z),o.after||l.type==="password"&&l.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"afterSlotElement",ref:g,class:"after-content-wrapper"},[l.type==="password"&&l.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":`${s.value?"Hide":"Show"} value`,class:"mask-value-toggle-button",type:"button",onClick:r[0]||(r[0]=e.withModifiers(i=>s.value=!s.value,["stop"])),onMousedown:r[1]||(r[1]=e.withModifiers(()=>{},["prevent"])),onMouseup:r[2]||(r[2]=e.withModifiers(()=>{},["prevent"]))},[s.value?(e.openBlock(),e.createBlock(e.unref(D.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(U.default),{key:1,decorative:""}))],40,H)):e.renderSlot(t.$slots,"after",{key:1},void 0,!0)],512)):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[c.value||o.help?(e.openBlock(),e.createElementBlock("p",{id:e.unref(b),key:String(m.value),class:"help-text"},[P.value?e.renderSlot(t.$slots,"help",{key:0},()=>[e.createTextVNode(e.toDisplayString(c.value),1)],!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(c.value),1)],64))],8,J)):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),O=require("./kongponents193.cjs"),R=require("./kongponents48.cjs"),V=require("./kongponents173.cjs"),D=require("./kongponents197.cjs"),U=require("./kongponents198.cjs"),z=["id","aria-describedby","aria-invalid","type","value"],H=["aria-label"],J=["id"],Z=e.defineComponent({inheritAttrs:!1,__name:"KInput",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},help:{default:""},error:{type:Boolean},errorMessage:{default:""},characterLimit:{default:null},hasError:{type:Boolean},type:{default:"text"},showPasswordMaskToggle:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(l,{expose:B,emit:x}){e.useCssVars(t=>({v468789b2:y.value,v3da179ce:S.value})),e.watch(()=>l.hasError,t=>{t&&console.warn("KInput: `hasError` prop is deprecated. Please use `error` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kinput")},{immediate:!0}),e.watch(()=>l.labelAttributes.help,t=>{t&&console.warn("KInput: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")});const f=x,o=e.useSlots(),I=e.useTemplateRef("inputElement"),n=e.ref(""),d=e.ref(!1),m=e.ref(0),{stripRequiredLabel:M}=O.default(),a=e.useAttrs(),p=e.computed(()=>(a==null?void 0:a.required)!==void 0&&String(a==null?void 0:a.required)!=="false"),T=e.useId(),k=e.computed(()=>a.id?String(a.id):T),b=e.useId(),C=e.computed(()=>M(l.label,p.value)),L=e.computed(()=>{var t;return!!((t=l.labelAttributes)!=null&&t.info||o["label-tooltip"])}),q=e.computed({get(){return l.modelValue},set(t){h({target:{value:t}})}}),N=e.computed(()=>{const t={...a};return delete t.class,delete t.input,delete t.onInput,t}),u=e.computed(()=>{var w,E;const t=((w=n.value)==null?void 0:w.toString().length)||0,r=((E=l.modelValue)==null?void 0:E.toString().length)||0;let i=t;return!d.value&&r&&(i=r),!!l.characterLimit&&i>l.characterLimit}),$=e.computed(()=>{var t,r;return u.value?d.value?`${(t=n.value)==null?void 0:t.toString().length} / ${l.characterLimit}`:`${(r=l.modelValue)==null?void 0:r.toString().length} / ${l.characterLimit}`:""}),P=e.computed(()=>!u.value&&!l.error&&!l.hasError&&!!(l.help||o.help)),c=e.computed(()=>u.value?$.value:(l.error||l.hasError)&&l.errorMessage?l.errorMessage:l.help);e.watch(u,(t,r)=>{t!==r&&(f("char-limit-exceeded",{value:n.value,length:n.value.length,characterLimit:l.characterLimit,limitExceeded:t}),m.value+=1)}),e.watch(q,(t,r)=>{t!==r&&h({target:{value:t}})});const h=t=>{var i;const r=JSON.parse(JSON.stringify((i=t==null?void 0:t.target)==null?void 0:i.value));A(r)},A=t=>{n.value=t,d.value=!0,f("input",t),f("update:modelValue",t)},K=()=>n.value||d.value?n.value:l.modelValue;e.watch(()=>l.error,(t,r)=>{t!==r&&(m.value+=1)});const v=e.ref(null),g=e.ref(null),y=e.ref(V.KUI_ICON_SIZE_40),S=e.ref(V.KUI_ICON_SIZE_40),s=e.ref(!1),W=e.computed(()=>l.type==="password"&&s.value?"text":l.type);return e.onMounted(async()=>{var t,r;await e.nextTick(),(t=v.value)!=null&&t.offsetWidth&&(y.value=v.value.offsetWidth+"px"),(r=g.value)!=null&&r.offsetWidth&&(S.value=g.value.offsetWidth+"px")}),B({input:I}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-input",[e.unref(a).class,{"input-error":u.value||l.error||l.hasError}]])},[l.label?(e.openBlock(),e.createBlock(R.default,e.mergeProps({key:0,for:k.value},l.labelAttributes,{required:p.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.value)+" ",1)]),_:2},[L.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-element-wrapper",{"has-before-content":o.before,"has-after-content":o.after||l.type==="password"&&l.showPasswordMaskToggle}])},[o.before?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"beforeSlotElement",ref:v,class:"before-content-wrapper"},[e.renderSlot(t.$slots,"before",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:k.value,ref:"inputElement","aria-describedby":c.value||o.help?e.unref(b):void 0,"aria-invalid":l.error||l.hasError||u.value?"true":void 0,class:"input",type:W.value},N.value,{value:K(),onInput:h}),null,16,z),o.after||l.type==="password"&&l.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"afterSlotElement",ref:g,class:"after-content-wrapper"},[l.type==="password"&&l.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":`${s.value?"Hide":"Show"} value`,class:"mask-value-toggle-button",type:"button",onClick:r[0]||(r[0]=e.withModifiers(i=>s.value=!s.value,["stop"])),onMousedown:r[1]||(r[1]=e.withModifiers(()=>{},["prevent"])),onMouseup:r[2]||(r[2]=e.withModifiers(()=>{},["prevent"]))},[s.value?(e.openBlock(),e.createBlock(e.unref(D.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(U.default),{key:1,decorative:""}))],40,H)):e.renderSlot(t.$slots,"after",{key:1},void 0,!0)],512)):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[c.value||o.help?(e.openBlock(),e.createElementBlock("p",{id:e.unref(b),key:String(m.value),class:"help-text"},[P.value?e.renderSlot(t.$slots,"help",{key:0},()=>[e.createTextVNode(e.toDisplayString(c.value),1)],!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(c.value),1)],64))],8,J)):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=Z;

package/dist/kongponents113.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("./kongponents24.cjs");;/* empty css                */const p=require("./kongponents168.cjs"),m=require("./kongponents171.cjs"),b=e.defineComponent({__name:"KLabel",props:{info:{default:""},required:{type:Boolean},tooltipAttributes:{default:()=>({})},help:{default:""}},setup(o){e.watch(()=>o.help,t=>{t&&console.warn("KLabel: `help` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")},{immediate:!0});const n=e.useSlots(),a=e.computed(()=>!!(o.help||o.info||n.tooltip)),l=e.useId(),u=e.useTemplateRef("label"),s=["a[href]","audio[controls]","button","details","embed","iframe","img[usemap]",'input:not([type="hidden"])',"label","select","textarea","video[controls]","area[href]"].join(", ");function c(t){return t.closest(s)}function d(t){const r=t.target,i=c(r);i&&i!==u.value||t.preventDefault()}return(t,r)=>(e.openBlock(),e.createElementBlock("label",{ref:"label",class:e.normalizeClass(["k-label",{required:o.required}])},[e.renderSlot(t.$slots,"default",{},void 0,!0),a.value?(e.openBlock(),e.createBlock(f.default,e.mergeProps({key:0},o.tooltipAttributes,{class:"label-tooltip","tooltip-id":e.unref(l),onClick:d}),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(o.info||o.help),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(p.default),{"aria-describedby":e.unref(l),class:"tooltip-trigger-icon",color:`var(--kui-color-text-neutral, ${e.unref(m.KUI_COLOR_TEXT_NEUTRAL)})`,tabindex:"0"},null,8,["aria-describedby","color"])]),_:3},16,["tooltip-id"])):e.createCommentVNode("",!0)],2))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("./kongponents24.cjs");;/* empty css                */const p=require("./kongponents196.cjs"),m=require("./kongponents173.cjs"),b=e.defineComponent({__name:"KLabel",props:{info:{default:""},required:{type:Boolean},tooltipAttributes:{default:()=>({})},help:{default:""}},setup(o){e.watch(()=>o.help,t=>{t&&console.warn("KLabel: `help` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")},{immediate:!0});const n=e.useSlots(),a=e.computed(()=>!!(o.help||o.info||n.tooltip)),l=e.useId(),u=e.useTemplateRef("label"),s=["a[href]","audio[controls]","button","details","embed","iframe","img[usemap]",'input:not([type="hidden"])',"label","select","textarea","video[controls]","area[href]"].join(", ");function c(t){return t.closest(s)}function d(t){const r=t.target,i=c(r);i&&i!==u.value||t.preventDefault()}return(t,r)=>(e.openBlock(),e.createElementBlock("label",{ref:"label",class:e.normalizeClass(["k-label",{required:o.required}])},[e.renderSlot(t.$slots,"default",{},void 0,!0),a.value?(e.openBlock(),e.createBlock(f.default,e.mergeProps({key:0},o.tooltipAttributes,{class:"label-tooltip","tooltip-id":e.unref(l),onClick:d}),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(o.info||o.help),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(p.default),{"aria-describedby":e.unref(l),class:"tooltip-trigger-icon",color:`var(--kui-color-text-neutral, ${e.unref(m.KUI_COLOR_TEXT_NEUTRAL)})`,tabindex:"0"},null,8,["aria-describedby","color"])]),_:3},16,["tooltip-id"])):e.createCommentVNode("",!0)],2))}});exports.default=b;

package/dist/kongponents115.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("./kongponents226.cjs"),T=require("./kongponents198.cjs"),C=require("./kongponents33.cjs"),$=require("./kongponents166.cjs"),N=require("./kongponents171.cjs"),h=require("./kongponents191.cjs"),A=["aria-label"],O={key:0,class:"modal-header"},D={key:0,class:"modal-title"},z={class:"modal-footer"},L={class:"footer-actions"},q=e.defineComponent({inheritAttrs:!1,__name:"KModal",props:{visible:{type:Boolean},title:{default:""},actionButtonText:{default:"Submit"},actionButtonAppearance:{default:"primary"},actionButtonDisabled:{type:Boolean},hideCancelButton:{type:Boolean},cancelButtonText:{default:"Cancel"},cancelButtonAppearance:{default:"tertiary"},cancelButtonDisabled:{type:Boolean},tabbableOptions:{default:()=>({})},maxWidth:{default:"500px"},maxHeight:{default:"calc(100vh - 200px)"},closeOnBackdropClick:{type:Boolean},closeOnEscape:{type:Boolean,default:!0},hideCloseIcon:{type:Boolean},fullScreen:{type:Boolean},inputAutofocus:{type:Boolean},zIndex:{default:1100}},emits:["proceed","cancel"],setup(o,{emit:p}){e.useCssVars(t=>({v5582ddaa:t.zIndex,v1ae56e5d:V.value,ee977890:g.value}));const E=p,i=e.useSlots(),m=e.useAttrs(),S=T.useTextSelection(),f=`k-modal-${e.useId()}-overflow-hidden`,c=e.ref(null),v=e.ref(null),V=e.computed(()=>o.fullScreen&&!i.content?"95%":h.normalizeSize(o.maxWidth)),g=e.computed(()=>o.fullScreen&&!i.content?"95vh":h.normalizeSize(o.maxHeight)),w=e.computed(()=>{const t=Object.assign({},m);return delete t.class,t}),y=e.computed(()=>!!o.title||!!i.title||!o.hideCloseIcon),b=t=>{o.visible&&o.closeOnEscape&&t.key==="Escape"&&B(!0)},B=(t=!1,a)=>{var l,n;(t||(n=(l=a==null?void 0:a.target)==null?void 0:l.classList)!=null&&n.contains("modal-backdrop")&&o.closeOnBackdropClick&&!S.text.value)&&E("cancel")},d=async t=>{var a,l;t?(await e.nextTick(),await new Promise(n=>setTimeout(n,0)),(a=c.value)==null||a.activate()):(l=c.value)==null||l.deactivate()},r=t=>{typeof document<"u"&&(t?document==null||document.addEventListener("keydown",b):document==null||document.removeEventListener("keydown",b))},k=()=>{var a,l,n;const t=(n=(l=(a=c.value)==null?void 0:a.$el)==null?void 0:l.querySelector(".modal-content"))==null?void 0:n.querySelectorAll("input");t!=null&&t.length&&Array.from(t).every(u=>!u.disabled&&!u.readOnly?(u.focus(),!1):!0)};e.watch(()=>o.visible,async t=>{var a,l;t?(await d(!0),o.inputAutofocus&&k(),r(!0)):(await d(!1),r(!1)),typeof document<"u"&&((l=(a=document==null?void 0:document.body)==null?void 0:a.classList)==null||l.toggle(f,t))},{immediate:!0}),e.watch(()=>o.inputAutofocus,async t=>{t&&(await e.nextTick(),k())});const s=e.ref(null);return e.onMounted(()=>{typeof document<"u"&&(s.value=document.createElement("style"),s.value.textContent=`body.${f} { overflow: hidden; }`,document.head.appendChild(s.value))}),e.onBeforeUnmount(async()=>{await d(!1),r(!1)}),e.onUnmounted(()=>{var t;(t=s.value)==null||t.remove()}),(t,a)=>o.visible?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,"aria-label":o.title,"aria-modal":"true",class:["k-modal",[e.unref(m).class]]},w.value,{role:"dialog"}),[e.createElementVNode("div",{ref_key:"modalWrapperElement",ref:v,class:e.normalizeClass(["modal-backdrop",{"modal-full-screen":o.fullScreen&&!t.$slots.content}]),onClick:a[3]||(a[3]=l=>B(!1,l))},[e.createVNode(e.unref(x.FocusTrap),{ref_key:"focusTrapElement",ref:c,active:!1,"fallback-focus":()=>v.value,"tabbable-options":o.tabbableOptions},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["modal-container",{"custom-content":t.$slots.content}]),tabindex:"-1"},[e.renderSlot(t.$slots,"content",{},()=>[y.value?(e.openBlock(),e.createElementBlock("div",O,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",D,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,"aria-label":"Close",class:"close-icon","data-testid":"modal-close-icon",type:"button",onClick:a[0]||(a[0]=l=>t.$emit("cancel"))},[e.createVNode(e.unref($.default),{color:`var(--kui-color-text-neutral, ${e.unref(N.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])]))])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["modal-content",{"no-header":!y.value}])},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2),e.createElementVNode("div",z,[e.renderSlot(t.$slots,"footer",{},()=>[e.createElementVNode("div",L,[e.renderSlot(t.$slots,"footer-actions",{},()=>[o.hideCancelButton?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C.default,{key:0,appearance:o.cancelButtonAppearance,"data-testid":"modal-cancel-button",disabled:o.cancelButtonDisabled,onClick:a[1]||(a[1]=l=>t.$emit("cancel"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelButtonText),1)]),_:1},8,["appearance","disabled"])),e.createVNode(C.default,{appearance:o.actionButtonAppearance,"data-testid":"modal-action-button",disabled:o.actionButtonDisabled,onClick:a[2]||(a[2]=l=>t.$emit("proceed"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.actionButtonText),1)]),_:1},8,["appearance","disabled"])],!0)])],!0)])],!0)],2)]),_:3},8,["fallback-focus","tabbable-options"])],2)],16,A)):e.createCommentVNode("",!0)}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("./kongponents211.cjs"),T=require("./kongponents208.cjs"),C=require("./kongponents33.cjs"),$=require("./kongponents179.cjs"),N=require("./kongponents173.cjs"),h=require("./kongponents186.cjs"),A=["aria-label"],O={key:0,class:"modal-header"},D={key:0,class:"modal-title"},z={class:"modal-footer"},L={class:"footer-actions"},q=e.defineComponent({inheritAttrs:!1,__name:"KModal",props:{visible:{type:Boolean},title:{default:""},actionButtonText:{default:"Submit"},actionButtonAppearance:{default:"primary"},actionButtonDisabled:{type:Boolean},hideCancelButton:{type:Boolean},cancelButtonText:{default:"Cancel"},cancelButtonAppearance:{default:"tertiary"},cancelButtonDisabled:{type:Boolean},tabbableOptions:{default:()=>({})},maxWidth:{default:"500px"},maxHeight:{default:"calc(100vh - 200px)"},closeOnBackdropClick:{type:Boolean},closeOnEscape:{type:Boolean,default:!0},hideCloseIcon:{type:Boolean},fullScreen:{type:Boolean},inputAutofocus:{type:Boolean},zIndex:{default:1100}},emits:["proceed","cancel"],setup(o,{emit:p}){e.useCssVars(t=>({v5582ddaa:t.zIndex,v1ae56e5d:V.value,ee977890:g.value}));const E=p,i=e.useSlots(),m=e.useAttrs(),S=T.useTextSelection(),f=`k-modal-${e.useId()}-overflow-hidden`,c=e.ref(null),v=e.ref(null),V=e.computed(()=>o.fullScreen&&!i.content?"95%":h.normalizeSize(o.maxWidth)),g=e.computed(()=>o.fullScreen&&!i.content?"95vh":h.normalizeSize(o.maxHeight)),w=e.computed(()=>{const t=Object.assign({},m);return delete t.class,t}),y=e.computed(()=>!!o.title||!!i.title||!o.hideCloseIcon),b=t=>{o.visible&&o.closeOnEscape&&t.key==="Escape"&&B(!0)},B=(t=!1,a)=>{var l,n;(t||(n=(l=a==null?void 0:a.target)==null?void 0:l.classList)!=null&&n.contains("modal-backdrop")&&o.closeOnBackdropClick&&!S.text.value)&&E("cancel")},d=async t=>{var a,l;t?(await e.nextTick(),await new Promise(n=>setTimeout(n,0)),(a=c.value)==null||a.activate()):(l=c.value)==null||l.deactivate()},r=t=>{typeof document<"u"&&(t?document==null||document.addEventListener("keydown",b):document==null||document.removeEventListener("keydown",b))},k=()=>{var a,l,n;const t=(n=(l=(a=c.value)==null?void 0:a.$el)==null?void 0:l.querySelector(".modal-content"))==null?void 0:n.querySelectorAll("input");t!=null&&t.length&&Array.from(t).every(u=>!u.disabled&&!u.readOnly?(u.focus(),!1):!0)};e.watch(()=>o.visible,async t=>{var a,l;t?(await d(!0),o.inputAutofocus&&k(),r(!0)):(await d(!1),r(!1)),typeof document<"u"&&((l=(a=document==null?void 0:document.body)==null?void 0:a.classList)==null||l.toggle(f,t))},{immediate:!0}),e.watch(()=>o.inputAutofocus,async t=>{t&&(await e.nextTick(),k())});const s=e.ref(null);return e.onMounted(()=>{typeof document<"u"&&(s.value=document.createElement("style"),s.value.textContent=`body.${f} { overflow: hidden; }`,document.head.appendChild(s.value))}),e.onBeforeUnmount(async()=>{await d(!1),r(!1)}),e.onUnmounted(()=>{var t;(t=s.value)==null||t.remove()}),(t,a)=>o.visible?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,"aria-label":o.title,"aria-modal":"true",class:["k-modal",[e.unref(m).class]]},w.value,{role:"dialog"}),[e.createElementVNode("div",{ref_key:"modalWrapperElement",ref:v,class:e.normalizeClass(["modal-backdrop",{"modal-full-screen":o.fullScreen&&!t.$slots.content}]),onClick:a[3]||(a[3]=l=>B(!1,l))},[e.createVNode(e.unref(x.FocusTrap),{ref_key:"focusTrapElement",ref:c,active:!1,"fallback-focus":()=>v.value,"tabbable-options":o.tabbableOptions},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["modal-container",{"custom-content":t.$slots.content}]),tabindex:"-1"},[e.renderSlot(t.$slots,"content",{},()=>[y.value?(e.openBlock(),e.createElementBlock("div",O,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",D,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,"aria-label":"Close",class:"close-icon","data-testid":"modal-close-icon",type:"button",onClick:a[0]||(a[0]=l=>t.$emit("cancel"))},[e.createVNode(e.unref($.default),{color:`var(--kui-color-text-neutral, ${e.unref(N.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])]))])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["modal-content",{"no-header":!y.value}])},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2),e.createElementVNode("div",z,[e.renderSlot(t.$slots,"footer",{},()=>[e.createElementVNode("div",L,[e.renderSlot(t.$slots,"footer-actions",{},()=>[o.hideCancelButton?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C.default,{key:0,appearance:o.cancelButtonAppearance,"data-testid":"modal-cancel-button",disabled:o.cancelButtonDisabled,onClick:a[1]||(a[1]=l=>t.$emit("cancel"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelButtonText),1)]),_:1},8,["appearance","disabled"])),e.createVNode(C.default,{appearance:o.actionButtonAppearance,"data-testid":"modal-action-button",disabled:o.actionButtonDisabled,onClick:a[2]||(a[2]=l=>t.$emit("proceed"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.actionButtonText),1)]),_:1},8,["appearance","disabled"])],!0)])],!0)])],!0)],2)]),_:3},8,["fallback-focus","tabbable-options"])],2)],16,A)):e.createCommentVNode("",!0)}});exports.default=q;

package/dist/kongponents117.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents33.cjs"),m=require("./kongponents187.cjs"),f=require("./kongponents171.cjs"),y=["aria-label"],p={class:"k-modal-fullscreen-body-header"},h={key:0,class:"body-header"},k={key:1,class:"body-header-description"},b={class:"k-modal-fullscreen-body"},V={class:"k-modal-fullscreen-header"},v={"aria-level":"2",class:"k-modal-fullscreen-header-description",role:"heading"},g={class:"k-modal-fullscreen-title"},N={class:"header-icon"},S={class:"header-content"},B={class:"k-modal-fullscreen-action"},E={class:"k-modal-fullscreen-action-buttons"},C={key:0,class:"k-modal-fullscreen-footer"},T={class:"k-modal-fullscreen-action"},w={class:"k-modal-fullscreen-action-buttons"},$=e.defineComponent({__name:"KModalFullscreen",props:{title:{type:String,required:!0},bodyHeader:{type:String,default:""},bodyHeaderDescription:{type:String,default:""},isVisible:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},actionButtonText:{type:String,default:"Save"},actionButtonAppearance:{type:String,default:"primary"},cancelButtonAppearance:{type:String,default:"secondary"},iconString:{type:String,default:"kong"}},emits:["canceled","proceed"],setup(o,{emit:i}){const a=o,c=i,l=e.ref(null),u=e.computed(()=>!!a.isVisible);e.watch(()=>a.isVisible,async()=>{typeof document>"u"||(u.value?(document.body.style.overflow="hidden",await e.nextTick(),l.value&&l.value.focus()):document.body.style.overflow="")});const s=t=>{a.isVisible&&(t.keyCode===27?d():t.keyCode===13&&n())},d=()=>{c("canceled")},n=()=>{c("proceed")};return e.onMounted(()=>{document.addEventListener("keydown",s),console.warn(`The Kongponents 'KModalFullscreen' component is deprecated and will be removed in the next major release.
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents33.cjs"),m=require("./kongponents203.cjs"),f=require("./kongponents173.cjs"),y=["aria-label"],p={class:"k-modal-fullscreen-body-header"},h={key:0,class:"body-header"},k={key:1,class:"body-header-description"},b={class:"k-modal-fullscreen-body"},V={class:"k-modal-fullscreen-header"},v={"aria-level":"2",class:"k-modal-fullscreen-header-description",role:"heading"},g={class:"k-modal-fullscreen-title"},N={class:"header-icon"},S={class:"header-content"},B={class:"k-modal-fullscreen-action"},E={class:"k-modal-fullscreen-action-buttons"},C={key:0,class:"k-modal-fullscreen-footer"},T={class:"k-modal-fullscreen-action"},w={class:"k-modal-fullscreen-action-buttons"},$=e.defineComponent({__name:"KModalFullscreen",props:{title:{type:String,required:!0},bodyHeader:{type:String,default:""},bodyHeaderDescription:{type:String,default:""},isVisible:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},actionButtonText:{type:String,default:"Save"},actionButtonAppearance:{type:String,default:"primary"},cancelButtonAppearance:{type:String,default:"secondary"},iconString:{type:String,default:"kong"}},emits:["canceled","proceed"],setup(o,{emit:i}){const a=o,c=i,l=e.ref(null),u=e.computed(()=>!!a.isVisible);e.watch(()=>a.isVisible,async()=>{typeof document>"u"||(u.value?(document.body.style.overflow="hidden",await e.nextTick(),l.value&&l.value.focus()):document.body.style.overflow="")});const s=t=>{a.isVisible&&(t.keyCode===27?d():t.keyCode===13&&n())},d=()=>{c("canceled")},n=()=>{c("proceed")};return e.onMounted(()=>{document.addEventListener("keydown",s),console.warn(`The Kongponents 'KModalFullscreen' component is deprecated and will be removed in the next major release.
 We suggest using 'KModal' component instead.
 Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",s)}),e.onUnmounted(()=>{document.body.style.overflow=""}),(t,D)=>o.isVisible?(e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":o.title,"aria-modal":"true",class:"k-modal-fullscreen isOpen",role:"dialog",onKeyup:[e.withKeys(n,["enter"]),e.withKeys(d,["esc"])]},[e.createElementVNode("div",{ref_key:"modalBodyContent",ref:l,class:e.normalizeClass(["k-modal-fullscreen-dialog",{"has-footer":t.$slots["footer-content"]}]),tabindex:"0"},[e.createElementVNode("div",p,[t.$slots["body-header"]||o.bodyHeader?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(t.$slots,"body-header",{},()=>[e.createTextVNode(e.toDisplayString(o.bodyHeader),1)],!0)])):e.createCommentVNode("",!0),t.$slots["body-header-description"]||o.bodyHeaderDescription?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"body-header-description",{},()=>[e.createTextVNode(e.toDisplayString(o.bodyHeaderDescription),1)],!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",b,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",V,[e.createElementVNode("div",v,[e.createElementVNode("div",g,[e.createElementVNode("span",N,[e.renderSlot(t.$slots,"header-icon",{},()=>[e.createVNode(e.unref(m.default),{color:e.unref(f.KUI_COLOR_TEXT_DECORATIVE_AQUA)},null,8,["color"])],!0)]),e.createElementVNode("span",S,[e.renderSlot(t.$slots,"header-content",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])]),e.createElementVNode("div",B,[e.createElementVNode("div",E,[e.renderSlot(t.$slots,"action-buttons",{},()=>[e.createVNode(r.default,{appearance:o.cancelButtonAppearance,class:"cancel-button",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelButtonText),1)]),_:1},8,["appearance"]),e.createVNode(r.default,{appearance:o.actionButtonAppearance,class:"proceed-button",onClick:n},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])]),t.$slots["footer-content"]?(e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(t.$slots,"footer-content",{},void 0,!0),e.createElementVNode("div",T,[e.createElementVNode("div",w,[e.renderSlot(t.$slots,"action-buttons",{},()=>[e.createVNode(r.default,{appearance:o.actionButtonAppearance,class:"proceed-button",onClick:n},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])):e.createCommentVNode("",!0)],2)],40,y)):e.createCommentVNode("",!0)}});exports.default=$;

package/dist/kongponents119.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),qe=require("./kongponents183.cjs"),$=require("./kongponents31.cjs"),ce=require("./kongponents46.cjs"),Ke=require("./kongponents48.cjs"),Ae=require("./kongponents53.cjs"),$e=require("./kongponents20.cjs"),Te=require("./kongponents195.cjs"),ze=require("./kongponents196.cjs"),Fe=require("./kongponents174.cjs"),U=require("./kongponents166.cjs"),Me=require("./kongponents197.cjs"),T=require("./kongponents171.cjs"),Pe=require("./kongponents176.cjs"),De=require("./kongponents181.cjs"),Le=require("./kongponents198.cjs"),Re=require("./kongponents151.cjs"),de=require("./kongponents191.cjs"),Ue={"data-testid":"multiselect-container"},Oe=["id","tabindex"],He={key:0},We={key:1,class:"expanded-selection-empty"},Je={class:"multiselect-selection-badge-label"},Ze=["aria-label","onClick"],je={class:"multiselect-icons-container"},Ge={key:0,class:"multiselect-input-wrapper"},Qe={key:2,class:"multiselect-empty","data-propagate-clicks":"false"},Xe={key:1,class:"help-text"},Ye={key:2,"aria-hidden":"true",class:"staging-area"},_e={class:"multiselect-selection-badge-label"},et=36,tt="Filter...",lt=e.defineComponent({inheritAttrs:!1,__name:"KMultiselect",props:{modelValue:{default:()=>[]},label:{default:""},help:{default:""},error:{type:Boolean},labelAttributes:{default:()=>({})},placeholder:{default:""},searchPlaceholder:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},width:{default:"100%"},selectedRowCount:{default:1},collapsedContext:{type:Boolean},items:{default:()=>[]},filterFunction:{type:Function,default:o=>o.items.filter(z=>{var E,B;return(B=z.label)==null?void 0:B.toLowerCase().includes((E=o.query)==null?void 0:E.toLowerCase())})},autosuggest:{type:Boolean},enableItemCreation:{type:Boolean},loading:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{default:"sticky"},itemCreationValidator:{type:Function,default:()=>!0}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(o,{emit:z}){e.useCssVars(t=>({v74cace88:we.value}));const E=t=>{const l=[];return t.forEach(u=>l.push(u.value)),l},B=t=>{const l=E(t),u=new Set(l);return l.length===u.size},d=e.useAttrs(),O=e.useSlots(),{cloneDeep:V,stripRequiredLabel:ve}=qe.default();e.watch(()=>o.items,t=>{!t.length||t.every(u=>u.label!==void 0&&u.value!==void 0)&&B(t)||console.warn("KMultiselect: Items must have a label & value and value must be unique")},{immediate:!0});const h=z,H=e.useTemplateRef("kMultiselectItems"),W=e.computed(()=>d.required!==void 0&&String(d.required)!=="false"),fe=e.computed(()=>ve(o.label,W.value)),me=e.computed(()=>{var t,l;return!!((t=o.labelAttributes)!=null&&t.help||(l=o.labelAttributes)!=null&&l.info||O["label-tooltip"])}),J=t=>k.value||b.value||t!=null&&t.disabled?"neutral":o.error?"danger":"info",Z={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"k-multiselect-popover multiselect-popover"},N=e.ref(0),C=e.ref(0),pe=e.useId(),j=e.computed(()=>d.id?String(d.id):pe),G=e.useId(),q=e.useTemplateRef("multiselectElement"),he=e.useTemplateRef("multiselectDropdownInputElement"),Q=e.useTemplateRef("multiselectSelectionsStagingElement"),F=e.computed(()=>o.selectedRowCount*et),m=e.ref(""),X=e.computed(()=>!(!m.value||i.value.filter(t=>t.label===m.value).length)),y=e.ref(null),i=e.ref([]),K=e.ref([]),c=e.ref([]),v=e.ref([]),p=e.ref([]),g=new Set,M=e.ref([]),S=e.ref([]),ge=e.computed(()=>S.value.map(t=>t.label).join(", ")),Y=e.ref(!1),I=e.ref(!1),P=e.ref(!1),k=e.computed(()=>(d==null?void 0:d.disabled)!==void 0&&String(d==null?void 0:d.disabled)!=="false"),b=e.computed(()=>(d==null?void 0:d.readonly)!==void 0&&String(d==null?void 0:d.readonly)!=="false"),ye=e.computed({get(){return o.modelValue},set(t){const l=i.value.filter(u=>t.includes(u.value));l.length?le(l):t.length||R()}}),be=e.computed(()=>{const t={...d};return delete t.class,t}),ke=e.computed(()=>{var t;return{...Z,...o.kpopAttributes,popoverClasses:`${Z.popoverClasses} ${((t=o.kpopAttributes)==null?void 0:t.popoverClasses)??""} ${o.dropdownFooterText||O["dropdown-footer-text"]?"has-dropdown-footer":""}`,width:x.value+"px",maxWidth:x.value+"px",disabled:d.disabled!==void 0&&String(d.disabled)!=="false"||d.readonly!==void 0&&String(d.readonly)!=="false"}}),we=e.computed(()=>de.normalizeSize(o.dropdownMaxHeight)),Ce=e.computed(()=>({...ke.value})),Se=e.computed(()=>{const t=o.width?o.width:"300";return de.normalizeSize(t)}),Ie=e.computed(()=>({width:Se.value})),_=e.computed(()=>({width:x.value+"px"})),ee=e.computed(()=>{if(c.value.length===0){if(!o.collapsedContext&&o.placeholder)return o.placeholder;if(o.collapsedContext&&o.searchPlaceholder)return o.searchPlaceholder}return c.value.length===1?`${c.value.length} item selected`:`${c.value.length} items selected`}),D=e.computed(()=>o.autosuggest?i.value:o.filterFunction({items:i.value,query:m.value})),xe=t=>{var l;(k.value||((l=t==null?void 0:t.target)==null?void 0:l.dataset.propagateClicks)==="false")&&t.stopPropagation()},te=async(t,l,u)=>{var a,s;if(t){if(!l.value){m.value="",u(),ue(),await e.nextTick();const n=(s=(a=he.value)==null?void 0:a.$el)==null?void 0:s.querySelector("input");n==null||n.focus({preventScroll:!0})}}else l.value&&(m.value="",u())},w=()=>{setTimeout(()=>{const t=Q.value;if(o.collapsedContext){C.value++;return}if(t){if(t.clientHeight>F.value){const u=Array.from(t.querySelectorAll(".multiselect-selection-badge")).filter(n=>n.offsetTop>=F.value),a=v.value.length-u.length,s=v.value.splice(a,u.length);for(const n of s)g.has(n.value)||(g.add(n.value),p.value.push(n))}C.value++}},0)},le=t=>{t.forEach(l=>{var a;const u=((a=i.value.filter(s=>s.value===l.value))==null?void 0:a[0])||null;u&&(u.selected=!0,c.value.filter(s=>s.value===u.value).length||(c.value.push(u),v.value.push(u)))}),w()},Ee=(t,l=!1)=>{const u=new Set(t.map(a=>a.value));c.value=c.value.filter(a=>!u.has(a.value)),v.value=v.value.filter(a=>!u.has(a.value)),p.value=p.value.filter(a=>!u.has(a.value)),t.forEach(a=>{if(g.delete(a.value),a.selected=!1,p.value.length){const s=p.value.pop();s&&(v.value.push(s),g.delete(s.value))}o.enableItemCreation&&a.custom&&(i.value=i.value.filter(s=>s.value!==a.value),h("item-removed",a))}),l&&w()},L=(t,l)=>{var n,f;let u=!1,a=l?t:((n=i.value.filter(r=>r.value===t.value))==null?void 0:n[0])||null;if(o.enableItemCreation&&(a!=null&&a.custom)&&(u=!0),a===null&&(a=((f=c.value.filter(r=>r.value===t.value))==null?void 0:f[0])||null),a===null)return;if(a.selected){if(c.value=c.value.filter(r=>r.value!==t.value),v.value.filter(r=>r.value===t.value).length?v.value=v.value.filter(r=>r.value!==t.value):g.delete(t.value)&&(p.value=p.value.filter(r=>r.value!==t.value)),a.selected=!1,p.value.length){const r=p.value.pop();r&&(v.value.push(r),g.delete(r.value))}u&&(i.value=i.value.filter(r=>r.value!==t.value),h("item-removed",t))}else a.selected=!0,c.value.push(a),v.value.push(a),l&&(a.custom=!0,i.value.push(a));w();const s=c.value.map(r=>r.value);h("selected",c.value),h("change",a),h("update:modelValue",s)},ae=t=>{o.enableItemCreation&&oe(),t.preventDefault()},oe=()=>{var u;if(!o.enableItemCreation||!m.value||!X.value||!o.itemCreationValidator(m.value))return;const t=i.value.length+1,l={label:m.value.trim(),value:Re.getUniqueStringId(),key:`${(u=De.sanitizeInput(m.value.trim()).replace(/ /gi,"-"))==null?void 0:u.replace(/[^a-z0-9-_]/gi,"")}-${t}`};h("item-added",l),L(l,!0),m.value=""},ue=()=>{const t=D.value.filter(n=>n.selected),l=D.value.filter(n=>!n.selected),u=[...t,...l],a=u.filter(n=>!n.group),s=u.filter(n=>n.group).sort((n,f)=>n.group.toLowerCase().localeCompare(f.group.toLowerCase()));K.value=[...a,...s]},R=()=>{i.value.forEach(l=>{l.disabled||(l.selected=!1,l.custom&&h("item-removed",l))}),i.value=i.value.filter(l=>!(l.custom&&!l.disabled)),c.value=c.value.filter(l=>l.disabled),v.value=v.value.filter(l=>l.disabled),p.value=p.value.filter(l=>(l.disabled||g.delete(l.value),l.disabled)),m.value="",w();const t=c.value.map(l=>l.value);h("selected",c.value),h("update:modelValue",t),h("query-change","")},ne=t=>{m.value=t.trim(),h("query-change",t.trim())},Be=(t,l)=>{var u;t.keyCode===27&&(l.value=!1),(t.key==="ArrowDown"||t.key==="ArrowUp")&&((u=H.value)==null||u.setFocus(t.key==="ArrowDown"?"down":"up"))},se=()=>{var t;(t=y.value)==null||t.showPopover()},Ve=t=>{var l;(t.key==="ArrowDown"||t.key==="ArrowUp")&&((l=H.value)==null||l.setFocus(t.key==="ArrowDown"?"down":"up"))},Ne=async()=>{P.value=!0,ie()},ie=()=>{Y.value||(Y.value=!0,h("query-change",""))};e.watch(C,()=>{setTimeout(()=>{const t=Q.value;if(o.collapsedContext){M.value=V(v.value),S.value=[],N.value++;return}if(t)if(t.clientHeight>F.value){const u=v.value.pop();u&&!g.has(u.value)&&(p.value.push(u),g.add(u.value)),C.value++}else M.value=V(v.value),S.value=V(p.value),N.value++},0)}),e.watch(N,async()=>{y.value&&typeof y.value.updatePopper=="function"&&(await e.nextTick(),y.value.updatePopper())}),e.watch(D,()=>{ue()}),e.watch(ye,(t,l)=>{if(JSON.stringify(t)!==JSON.stringify(l)){if(!t.length){R();return}const u=new Set(l),a=new Set(t),s=i.value.filter(f=>a.has(f.value)),n=c.value.filter(f=>!a.has(f.value)&&u.has(f.value));n.length&&Ee(n),s.length&&le(s)}}),e.watch(()=>o.items,(t,l)=>{var u,a;if(JSON.stringify(t)!==JSON.stringify(l)){i.value=V(o.items);for(let s=0;s<i.value.length;s++){i.value[s].selected===void 0&&(i.value[s].selected=!1);let n=`${(a=(u=i.value[s].label)==null?void 0:u.replace(/ /gi,"-"))==null?void 0:a.replace(/[^a-z0-9-_]/gi,"")}-${s}`;if(n.includes("undefined")&&(n=`multiselect-item-label-${s}`),i.value[s].key=n,o.modelValue.includes(i.value[s].value)||i.value[s].selected){const f=i.value[s];f.selected=!0,c.value.filter(r=>r.value===f.value).length||c.value.push(f),v.value.filter(r=>r.value===f.value).length||v.value.push(f)}}w(),y.value&&typeof y.value.updatePopper=="function"&&e.nextTick(()=>{y.value.updatePopper()})}},{deep:!0,immediate:!0});const x=e.ref(300),re=async()=>{var t;x.value=300,await e.nextTick(),x.value=((t=q.value)==null?void 0:t.clientWidth)||300,w()},A=e.ref();return e.onMounted(()=>{Le.useEventListener("resize",re),A.value=Pe.ResizeObserverHelper.create(re),A.value.observe(q.value)}),e.onBeforeUnmount(()=>{A.value&&q.value&&A.value.unobserve(q.value)}),(t,l)=>{const u=e.resolveComponent("KTooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-multiselect",[t.$attrs.class,{"multiselect-error":o.error}]]),style:e.normalizeStyle(Ie.value)},[o.label?(e.openBlock(),e.createBlock(Ke.default,e.mergeProps({key:0},o.labelAttributes,{"data-testid":o.labelAttributes["data-testid"]?o.labelAttributes["data-testid"]:"multiselect-label",for:j.value,required:W.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(fe.value)+" ",1)]),_:2},[me.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ue,[e.createVNode($e.default,null,{default:e.withCtx(({isToggled:a,toggle:s})=>[e.createVNode(Ae.default,e.mergeProps({ref_key:"popper",ref:y,"hide-close-icon":"",offset:e.unref(T.KUI_SPACE_40)},Ce.value,{onClose:()=>te(!1,a,s),onOpen:()=>te(!0,a,s)}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:"multiselect-list",onClick:l[7]||(l[7]=e.withModifiers(()=>{},["stop"])),onMouseenter:l[8]||(l[8]=()=>I.value=!0),onMouseleave:l[9]||(l[9]=()=>I.value=!1)},[!o.collapsedContext&&!b.value?(e.openBlock(),e.createElementBlock("div",Ge,[e.createVNode(ce.default,{ref:"multiselectDropdownInputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":m.value,placeholder:o.searchPlaceholder||tt,spellcheck:"false",type:"text",onClick:l[5]||(l[5]=e.withModifiers(()=>{},["stop"])),onFocus:ie,onKeydown:e.withKeys(ae,["enter"]),onKeyup:[Ve,l[6]||(l[6]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ne},null,8,["model-value","placeholder"])])):e.createCommentVNode("",!0),e.createVNode(Te.default,{ref:"kMultiselectItems","filter-string":m.value,"item-creation-enabled":o.enableItemCreation&&X.value,"item-creation-valid":o.itemCreationValidator(m.value),items:K.value,onAddItem:oe,onSelected:L},{content:e.withCtx(({item:n})=>[e.renderSlot(t.$slots,"item-template",{class:"multiselect-item",item:n},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!K.value.length&&!t.$slots.empty&&!o.enableItemCreation?(e.openBlock(),e.createBlock(ze.default,{key:"multiselect-empty-item",class:"multiselect-empty-item","data-testid":"multiselect-empty-item",item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),t.$slots.empty&&!o.loading&&!K.value.length?(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],32),o.dropdownFooterText||t.$slots["dropdown-footer-text"]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dropdown-footer",`dropdown-footer-${o.dropdownFooterTextPosition}`]),"data-testid":"dropdown-footer"},[e.renderSlot(t.$slots,"dropdown-footer-text",{},()=>[e.createTextVNode(e.toDisplayString(o.dropdownFooterText),1)],!0)],2)):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({id:j.value,ref:"multiselectElement",class:["multiselect-trigger",{focused:P.value,hovered:I.value,disabled:k.value,readonly:b.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:k.value||b.value||o.collapsedContext?-1:0},be.value,{onClick:xe,onKeydown:[e.withKeys(se,["enter"]),e.withKeys(se,["space"])]}),[o.collapsedContext?(e.openBlock(),e.createElementBlock("div",He,[e.createVNode(ce.default,{autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:e.normalizeClass(["multiselect-input",{"is-readonly":b.value}]),"data-testid":"multiselect-input",disabled:k.value,"model-value":m.value,placeholder:ee.value,readonly:b.value?!0:void 0,spellcheck:"false",type:"text",onBlur:l[0]||(l[0]=()=>P.value=!1),onClick:n=>{a.value&&n.stopPropagation()},onFocus:Ne,onKeydown:e.withKeys(ae,["enter"]),onKeyup:n=>Be(n,a),onMouseenter:l[1]||(l[1]=()=>I.value=!0),onMouseleave:l[2]||(l[2]=()=>I.value=!1),"onUpdate:modelValue":ne},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):c.value.length?(e.openBlock(),e.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:e.normalizeStyle(_.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(n,f)=>(e.openBlock(),e.createBlock($.default,{key:`${e.unref(G)}-${n.key?n.key:f}-badge-${N.value}`,appearance:J(n),class:"multiselect-selection-badge","icon-before":!1,tooltip:n.label,"truncation-tooltip":"",onClick:l[3]||(l[3]=e.withModifiers(()=>{},["stop"]))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:n},void 0,!0),e.createElementVNode("span",Je,e.toDisplayString(n.label),1)]),_:2},[n.selected&&!n.disabled&&!k.value&&!b.value?{name:"icon",fn:e.withCtx(()=>[e.createElementVNode("button",{"aria-label":`Unselect ${n.label}`,class:"badge-dismiss-button","data-testid":"badge-dismiss-button",type:"button",onClick:r=>L(n)},[e.createVNode(e.unref(U.default),{decorative:""})],8,Ze)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),S.value.length?(e.openBlock(),e.createBlock(u,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:ge.value},{default:e.withCtx(()=>[e.createVNode($.default,{appearance:J(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:l[4]||(l[4]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(S.value.length),1)]),_:1},8,["appearance"])]),_:1},8,["text"])):e.createCommentVNode("",!0)],4)):(e.openBlock(),e.createElementBlock("div",We,e.toDisplayString(ee.value),1)),e.createElementVNode("div",je,[!o.loading&&c.value.length&&a.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:R},[e.createVNode(e.unref(U.default),{size:e.unref(T.KUI_ICON_SIZE_40)},null,8,["size"])])):o.loading?(e.openBlock(),e.createBlock(e.unref(Me.default),{key:1,class:"multiselect-loading-icon",size:e.unref(T.KUI_ICON_SIZE_40),title:"Loading"},null,8,["size"])):(e.openBlock(),e.createBlock(e.unref(Fe.default),{key:2,class:"multiselect-chevron-icon",decorative:"",size:e.unref(T.KUI_ICON_SIZE_40)},null,8,["size"]))])],16,Oe)]),_:2},1040,["offset","onClose","onOpen"])]),_:3})]),o.help?(e.openBlock(),e.createElementBlock("p",Xe,e.toDisplayString(o.help),1)):e.createCommentVNode("",!0),o.collapsedContext?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ye,[(e.openBlock(),e.createElementBlock("div",{key:C.value,ref:"multiselectSelectionsStagingElement",class:"selection-badges-container staging",style:e.normalizeStyle(_.value),tabindex:"-1"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(a,s)=>(e.openBlock(),e.createBlock($.default,{key:`${e.unref(G)}-${a.key?a.key:s}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:a},void 0,!0),e.createElementVNode("span",_e,e.toDisplayString(a.label),1)]),_:2},[a.selected&&!a.disabled&&!k.value&&!b.value?{name:"icon",fn:e.withCtx(()=>[e.createVNode(e.unref(U.default),{"aria-hidden":"true"})]),key:"0"}:void 0]),1024))),128)),e.createVNode($.default,{"aria-hidden":"true",class:"hidden-selection-count"},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(p.value.length),1)]),_:1})],4))]))],6)}}});exports.default=lt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),qe=require("./kongponents193.cjs"),$=require("./kongponents31.cjs"),ce=require("./kongponents46.cjs"),Ke=require("./kongponents48.cjs"),Ae=require("./kongponents53.cjs"),$e=require("./kongponents20.cjs"),Te=require("./kongponents204.cjs"),ze=require("./kongponents205.cjs"),Fe=require("./kongponents206.cjs"),U=require("./kongponents179.cjs"),Me=require("./kongponents182.cjs"),T=require("./kongponents173.cjs"),Pe=require("./kongponents207.cjs"),De=require("./kongponents168.cjs"),Le=require("./kongponents208.cjs"),Re=require("./kongponents151.cjs"),de=require("./kongponents186.cjs"),Ue={"data-testid":"multiselect-container"},Oe=["id","tabindex"],He={key:0},We={key:1,class:"expanded-selection-empty"},Je={class:"multiselect-selection-badge-label"},Ze=["aria-label","onClick"],je={class:"multiselect-icons-container"},Ge={key:0,class:"multiselect-input-wrapper"},Qe={key:2,class:"multiselect-empty","data-propagate-clicks":"false"},Xe={key:1,class:"help-text"},Ye={key:2,"aria-hidden":"true",class:"staging-area"},_e={class:"multiselect-selection-badge-label"},et=36,tt="Filter...",lt=e.defineComponent({inheritAttrs:!1,__name:"KMultiselect",props:{modelValue:{default:()=>[]},label:{default:""},help:{default:""},error:{type:Boolean},labelAttributes:{default:()=>({})},placeholder:{default:""},searchPlaceholder:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},width:{default:"100%"},selectedRowCount:{default:1},collapsedContext:{type:Boolean},items:{default:()=>[]},filterFunction:{type:Function,default:o=>o.items.filter(z=>{var E,B;return(B=z.label)==null?void 0:B.toLowerCase().includes((E=o.query)==null?void 0:E.toLowerCase())})},autosuggest:{type:Boolean},enableItemCreation:{type:Boolean},loading:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{default:"sticky"},itemCreationValidator:{type:Function,default:()=>!0}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(o,{emit:z}){e.useCssVars(t=>({adf0deb2:we.value}));const E=t=>{const l=[];return t.forEach(u=>l.push(u.value)),l},B=t=>{const l=E(t),u=new Set(l);return l.length===u.size},d=e.useAttrs(),O=e.useSlots(),{cloneDeep:V,stripRequiredLabel:ve}=qe.default();e.watch(()=>o.items,t=>{!t.length||t.every(u=>u.label!==void 0&&u.value!==void 0)&&B(t)||console.warn("KMultiselect: Items must have a label & value and value must be unique")},{immediate:!0});const h=z,H=e.useTemplateRef("kMultiselectItems"),W=e.computed(()=>d.required!==void 0&&String(d.required)!=="false"),fe=e.computed(()=>ve(o.label,W.value)),me=e.computed(()=>{var t,l;return!!((t=o.labelAttributes)!=null&&t.help||(l=o.labelAttributes)!=null&&l.info||O["label-tooltip"])}),J=t=>k.value||b.value||t!=null&&t.disabled?"neutral":o.error?"danger":"info",Z={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"k-multiselect-popover multiselect-popover"},N=e.ref(0),C=e.ref(0),pe=e.useId(),j=e.computed(()=>d.id?String(d.id):pe),G=e.useId(),q=e.useTemplateRef("multiselectElement"),he=e.useTemplateRef("multiselectDropdownInputElement"),Q=e.useTemplateRef("multiselectSelectionsStagingElement"),F=e.computed(()=>o.selectedRowCount*et),m=e.ref(""),X=e.computed(()=>!(!m.value||i.value.filter(t=>t.label===m.value).length)),y=e.ref(null),i=e.ref([]),K=e.ref([]),c=e.ref([]),v=e.ref([]),p=e.ref([]),g=new Set,M=e.ref([]),S=e.ref([]),ge=e.computed(()=>S.value.map(t=>t.label).join(", ")),Y=e.ref(!1),I=e.ref(!1),P=e.ref(!1),k=e.computed(()=>(d==null?void 0:d.disabled)!==void 0&&String(d==null?void 0:d.disabled)!=="false"),b=e.computed(()=>(d==null?void 0:d.readonly)!==void 0&&String(d==null?void 0:d.readonly)!=="false"),ye=e.computed({get(){return o.modelValue},set(t){const l=i.value.filter(u=>t.includes(u.value));l.length?le(l):t.length||R()}}),be=e.computed(()=>{const t={...d};return delete t.class,t}),ke=e.computed(()=>{var t;return{...Z,...o.kpopAttributes,popoverClasses:`${Z.popoverClasses} ${((t=o.kpopAttributes)==null?void 0:t.popoverClasses)??""} ${o.dropdownFooterText||O["dropdown-footer-text"]?"has-dropdown-footer":""}`,width:x.value+"px",maxWidth:x.value+"px",disabled:d.disabled!==void 0&&String(d.disabled)!=="false"||d.readonly!==void 0&&String(d.readonly)!=="false"}}),we=e.computed(()=>de.normalizeSize(o.dropdownMaxHeight)),Ce=e.computed(()=>({...ke.value})),Se=e.computed(()=>{const t=o.width?o.width:"300";return de.normalizeSize(t)}),Ie=e.computed(()=>({width:Se.value})),_=e.computed(()=>({width:x.value+"px"})),ee=e.computed(()=>{if(c.value.length===0){if(!o.collapsedContext&&o.placeholder)return o.placeholder;if(o.collapsedContext&&o.searchPlaceholder)return o.searchPlaceholder}return c.value.length===1?`${c.value.length} item selected`:`${c.value.length} items selected`}),D=e.computed(()=>o.autosuggest?i.value:o.filterFunction({items:i.value,query:m.value})),xe=t=>{var l;(k.value||((l=t==null?void 0:t.target)==null?void 0:l.dataset.propagateClicks)==="false")&&t.stopPropagation()},te=async(t,l,u)=>{var a,s;if(t){if(!l.value){m.value="",u(),ue(),await e.nextTick();const n=(s=(a=he.value)==null?void 0:a.$el)==null?void 0:s.querySelector("input");n==null||n.focus({preventScroll:!0})}}else l.value&&(m.value="",u())},w=()=>{setTimeout(()=>{const t=Q.value;if(o.collapsedContext){C.value++;return}if(t){if(t.clientHeight>F.value){const u=Array.from(t.querySelectorAll(".multiselect-selection-badge")).filter(n=>n.offsetTop>=F.value),a=v.value.length-u.length,s=v.value.splice(a,u.length);for(const n of s)g.has(n.value)||(g.add(n.value),p.value.push(n))}C.value++}},0)},le=t=>{t.forEach(l=>{var a;const u=((a=i.value.filter(s=>s.value===l.value))==null?void 0:a[0])||null;u.selected=!0,c.value.filter(s=>s.value===u.value).length||(c.value.push(u),v.value.push(u))}),w()},Ee=(t,l=!1)=>{const u=new Set(t.map(a=>a.value));c.value=c.value.filter(a=>!u.has(a.value)),v.value=v.value.filter(a=>!u.has(a.value)),p.value=p.value.filter(a=>!u.has(a.value)),t.forEach(a=>{if(g.delete(a.value),a.selected=!1,p.value.length){const s=p.value.pop();s&&(v.value.push(s),g.delete(s.value))}o.enableItemCreation&&a.custom&&(i.value=i.value.filter(s=>s.value!==a.value),h("item-removed",a))}),l&&w()},L=(t,l)=>{var n,f;let u=!1,a=l?t:((n=i.value.filter(r=>r.value===t.value))==null?void 0:n[0])||null;if(o.enableItemCreation&&(a!=null&&a.custom)&&(u=!0),a===null&&(a=((f=c.value.filter(r=>r.value===t.value))==null?void 0:f[0])||null),a===null)return;if(a.selected){if(c.value=c.value.filter(r=>r.value!==t.value),v.value.filter(r=>r.value===t.value).length?v.value=v.value.filter(r=>r.value!==t.value):g.delete(t.value)&&(p.value=p.value.filter(r=>r.value!==t.value)),a.selected=!1,p.value.length){const r=p.value.pop();r&&(v.value.push(r),g.delete(r.value))}u&&(i.value=i.value.filter(r=>r.value!==t.value),h("item-removed",t))}else a.selected=!0,c.value.push(a),v.value.push(a),l&&(a.custom=!0,i.value.push(a));w();const s=c.value.map(r=>r.value);h("selected",c.value),h("change",a),h("update:modelValue",s)},ae=t=>{o.enableItemCreation&&oe(),t.preventDefault()},oe=()=>{var u;if(!o.enableItemCreation||!m.value||!X.value||!o.itemCreationValidator(m.value))return;const t=i.value.length+1,l={label:m.value.trim(),value:Re.getUniqueStringId(),key:`${(u=De.sanitizeInput(m.value.trim()).replace(/ /gi,"-"))==null?void 0:u.replace(/[^a-z0-9-_]/gi,"")}-${t}`};h("item-added",l),L(l,!0),m.value=""},ue=()=>{const t=D.value.filter(n=>n.selected),l=D.value.filter(n=>!n.selected),u=[...t,...l],a=u.filter(n=>!n.group),s=u.filter(n=>n.group).sort((n,f)=>n.group.toLowerCase().localeCompare(f.group.toLowerCase()));K.value=[...a,...s]},R=()=>{i.value.forEach(l=>{l.disabled||(l.selected=!1,l.custom&&h("item-removed",l))}),i.value=i.value.filter(l=>!(l.custom&&!l.disabled)),c.value=c.value.filter(l=>l.disabled),v.value=v.value.filter(l=>l.disabled),p.value=p.value.filter(l=>(l.disabled||g.delete(l.value),l.disabled)),m.value="",w();const t=c.value.map(l=>l.value);h("selected",c.value),h("update:modelValue",t),h("query-change","")},ne=t=>{m.value=t.trim(),h("query-change",t.trim())},Be=(t,l)=>{var u;t.keyCode===27&&(l.value=!1),(t.key==="ArrowDown"||t.key==="ArrowUp")&&((u=H.value)==null||u.setFocus(t.key==="ArrowDown"?"down":"up"))},se=()=>{var t;(t=y.value)==null||t.showPopover()},Ve=t=>{var l;(t.key==="ArrowDown"||t.key==="ArrowUp")&&((l=H.value)==null||l.setFocus(t.key==="ArrowDown"?"down":"up"))},Ne=async()=>{P.value=!0,ie()},ie=()=>{Y.value||(Y.value=!0,h("query-change",""))};e.watch(C,()=>{setTimeout(()=>{const t=Q.value;if(o.collapsedContext){M.value=V(v.value),S.value=[],N.value++;return}if(t)if(t.clientHeight>F.value){const u=v.value.pop();u&&!g.has(u.value)&&(p.value.push(u),g.add(u.value)),C.value++}else M.value=V(v.value),S.value=V(p.value),N.value++},0)}),e.watch(N,async()=>{y.value&&typeof y.value.updatePopper=="function"&&(await e.nextTick(),y.value.updatePopper())}),e.watch(D,()=>{ue()}),e.watch(ye,(t,l)=>{if(JSON.stringify(t)!==JSON.stringify(l)){if(!t.length){R();return}const u=new Set(l),a=new Set(t),s=i.value.filter(f=>a.has(f.value)),n=c.value.filter(f=>!a.has(f.value)&&u.has(f.value));n.length&&Ee(n),s.length&&le(s)}}),e.watch(()=>o.items,(t,l)=>{var u,a;if(JSON.stringify(t)!==JSON.stringify(l)){i.value=V(o.items);for(let s=0;s<i.value.length;s++){i.value[s].selected===void 0&&(i.value[s].selected=!1);let n=`${(a=(u=i.value[s].label)==null?void 0:u.replace(/ /gi,"-"))==null?void 0:a.replace(/[^a-z0-9-_]/gi,"")}-${s}`;if(n.includes("undefined")&&(n=`multiselect-item-label-${s}`),i.value[s].key=n,o.modelValue.includes(i.value[s].value)||i.value[s].selected){const f=i.value[s];f.selected=!0,c.value.filter(r=>r.value===f.value).length||c.value.push(f),v.value.filter(r=>r.value===f.value).length||v.value.push(f)}}w(),y.value&&typeof y.value.updatePopper=="function"&&e.nextTick(()=>{y.value.updatePopper()})}},{deep:!0,immediate:!0});const x=e.ref(300),re=async()=>{var t;x.value=300,await e.nextTick(),x.value=((t=q.value)==null?void 0:t.clientWidth)||300,w()},A=e.ref();return e.onMounted(()=>{Le.useEventListener("resize",re),A.value=Pe.ResizeObserverHelper.create(re),A.value.observe(q.value)}),e.onBeforeUnmount(()=>{A.value&&q.value&&A.value.unobserve(q.value)}),(t,l)=>{const u=e.resolveComponent("KTooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-multiselect",[t.$attrs.class,{"multiselect-error":o.error}]]),style:e.normalizeStyle(Ie.value)},[o.label?(e.openBlock(),e.createBlock(Ke.default,e.mergeProps({key:0},o.labelAttributes,{"data-testid":o.labelAttributes["data-testid"]?o.labelAttributes["data-testid"]:"multiselect-label",for:j.value,required:W.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(fe.value)+" ",1)]),_:2},[me.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ue,[e.createVNode($e.default,null,{default:e.withCtx(({isToggled:a,toggle:s})=>[e.createVNode(Ae.default,e.mergeProps({ref_key:"popper",ref:y,"hide-close-icon":"",offset:e.unref(T.KUI_SPACE_40)},Ce.value,{onClose:()=>te(!1,a,s),onOpen:()=>te(!0,a,s)}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:"multiselect-list",onClick:l[7]||(l[7]=e.withModifiers(()=>{},["stop"])),onMouseenter:l[8]||(l[8]=()=>I.value=!0),onMouseleave:l[9]||(l[9]=()=>I.value=!1)},[!o.collapsedContext&&!b.value?(e.openBlock(),e.createElementBlock("div",Ge,[e.createVNode(ce.default,{ref:"multiselectDropdownInputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":m.value,placeholder:o.searchPlaceholder||tt,spellcheck:"false",type:"text",onClick:l[5]||(l[5]=e.withModifiers(()=>{},["stop"])),onFocus:ie,onKeydown:e.withKeys(ae,["enter"]),onKeyup:[Ve,l[6]||(l[6]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ne},null,8,["model-value","placeholder"])])):e.createCommentVNode("",!0),e.createVNode(Te.default,{ref:"kMultiselectItems","filter-string":m.value,"item-creation-enabled":o.enableItemCreation&&X.value,"item-creation-valid":o.itemCreationValidator(m.value),items:K.value,onAddItem:oe,onSelected:L},{content:e.withCtx(({item:n})=>[e.renderSlot(t.$slots,"item-template",{class:"multiselect-item",item:n},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!K.value.length&&!t.$slots.empty&&!o.enableItemCreation?(e.openBlock(),e.createBlock(ze.default,{key:"multiselect-empty-item",class:"multiselect-empty-item","data-testid":"multiselect-empty-item",item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),t.$slots.empty&&!o.loading&&!K.value.length?(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],32),o.dropdownFooterText||t.$slots["dropdown-footer-text"]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dropdown-footer",`dropdown-footer-${o.dropdownFooterTextPosition}`]),"data-testid":"dropdown-footer"},[e.renderSlot(t.$slots,"dropdown-footer-text",{},()=>[e.createTextVNode(e.toDisplayString(o.dropdownFooterText),1)],!0)],2)):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({id:j.value,ref:"multiselectElement",class:["multiselect-trigger",{focused:P.value,hovered:I.value,disabled:k.value,readonly:b.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:k.value||b.value||o.collapsedContext?-1:0},be.value,{onClick:xe,onKeydown:[e.withKeys(se,["enter"]),e.withKeys(se,["space"])]}),[o.collapsedContext?(e.openBlock(),e.createElementBlock("div",He,[e.createVNode(ce.default,{autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:e.normalizeClass(["multiselect-input",{"is-readonly":b.value}]),"data-testid":"multiselect-input",disabled:k.value,"model-value":m.value,placeholder:ee.value,readonly:b.value?!0:void 0,spellcheck:"false",type:"text",onBlur:l[0]||(l[0]=()=>P.value=!1),onClick:n=>{a.value&&n.stopPropagation()},onFocus:Ne,onKeydown:e.withKeys(ae,["enter"]),onKeyup:n=>Be(n,a),onMouseenter:l[1]||(l[1]=()=>I.value=!0),onMouseleave:l[2]||(l[2]=()=>I.value=!1),"onUpdate:modelValue":ne},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):c.value.length?(e.openBlock(),e.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:e.normalizeStyle(_.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(n,f)=>(e.openBlock(),e.createBlock($.default,{key:`${e.unref(G)}-${n.key?n.key:f}-badge-${N.value}`,appearance:J(n),class:"multiselect-selection-badge","icon-before":!1,tooltip:n.label,"truncation-tooltip":"",onClick:l[3]||(l[3]=e.withModifiers(()=>{},["stop"]))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:n},void 0,!0),e.createElementVNode("span",Je,e.toDisplayString(n.label),1)]),_:2},[n.selected&&!n.disabled&&!k.value&&!b.value?{name:"icon",fn:e.withCtx(()=>[e.createElementVNode("button",{"aria-label":`Unselect ${n.label}`,class:"badge-dismiss-button","data-testid":"badge-dismiss-button",type:"button",onClick:r=>L(n)},[e.createVNode(e.unref(U.default),{decorative:""})],8,Ze)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),S.value.length?(e.openBlock(),e.createBlock(u,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:ge.value},{default:e.withCtx(()=>[e.createVNode($.default,{appearance:J(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:l[4]||(l[4]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(S.value.length),1)]),_:1},8,["appearance"])]),_:1},8,["text"])):e.createCommentVNode("",!0)],4)):(e.openBlock(),e.createElementBlock("div",We,e.toDisplayString(ee.value),1)),e.createElementVNode("div",je,[!o.loading&&c.value.length&&a.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:R},[e.createVNode(e.unref(U.default),{size:e.unref(T.KUI_ICON_SIZE_40)},null,8,["size"])])):o.loading?(e.openBlock(),e.createBlock(e.unref(Me.default),{key:1,class:"multiselect-loading-icon",size:e.unref(T.KUI_ICON_SIZE_40),title:"Loading"},null,8,["size"])):(e.openBlock(),e.createBlock(e.unref(Fe.default),{key:2,class:"multiselect-chevron-icon",decorative:"",size:e.unref(T.KUI_ICON_SIZE_40)},null,8,["size"]))])],16,Oe)]),_:2},1040,["offset","onClose","onOpen"])]),_:3})]),o.help?(e.openBlock(),e.createElementBlock("p",Xe,e.toDisplayString(o.help),1)):e.createCommentVNode("",!0),o.collapsedContext?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ye,[(e.openBlock(),e.createElementBlock("div",{key:C.value,ref:"multiselectSelectionsStagingElement",class:"selection-badges-container staging",style:e.normalizeStyle(_.value),tabindex:"-1"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(a,s)=>(e.openBlock(),e.createBlock($.default,{key:`${e.unref(G)}-${a.key?a.key:s}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:a},void 0,!0),e.createElementVNode("span",_e,e.toDisplayString(a.label),1)]),_:2},[a.selected&&!a.disabled&&!k.value&&!b.value?{name:"icon",fn:e.withCtx(()=>[e.createVNode(e.unref(U.default),{"aria-hidden":"true"})]),key:"0"}:void 0]),1024))),128)),e.createVNode($.default,{"aria-hidden":"true",class:"hidden-selection-count"},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(p.value.length),1)]),_:1})],4))]))],6)}}});exports.default=lt;

package/dist/kongponents122.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents42.cjs"),x=require("./kongponents33.cjs"),j=require("./kongponents172.cjs"),L=require("./kongponents173.cjs"),U=require("./kongponents174.cjs"),W=require("./kongponents175.cjs"),R=require("./kongponents176.cjs"),Z=require("./kongponents177.cjs"),Q={class:"pagination-text large-screen","data-testid":"visible-items"},X={class:"pagination-text-pages"},Y={class:"pagination-button-container"},_={key:0},ee={key:1,class:"pagination-button placeholder"},te=["aria-current","aria-label","data-testid","onClick"],ae={key:2,class:"pagination-button placeholder"},le={key:3},ne={class:"page-size-select"},oe={key:0,class:"pagination-text small-screen","data-testid":"visible-items"},ue={class:"pagination-text-pages"},ie=e.defineComponent({__name:"KPagination",props:{items:{default:()=>[]},totalCount:{default:0},pageSizes:{default:()=>[15,30,50,75,100]},initialPageSize:{default:null},neighbors:{default:1},currentPage:{default:null},disablePageJump:{type:Boolean},offset:{type:Boolean},offsetPreviousButtonDisabled:{type:Boolean},offsetNextButtonDisabled:{type:Boolean}},emits:["pageChange","pageSizeChange","getNextOffset","getPreviousOffset"],setup(t,{emit:$}){const J={placement:"top"},k=$,f=e.ref(null),C=e.ref(),l=e.ref(t.currentPage?t.currentPage:1),s=e.ref(t.initialPageSize?t.initialPageSize:t.pageSizes[0]??Z.DEFAULT_PAGE_SIZE),o=e.computed(()=>Math.ceil(t.totalCount/s.value)),P=t.pageSizes.map((a,u)=>({label:`${a}`,key:`size-${u}`,value:a,selected:a===s.value})),q=e.computed(()=>`${s.value} ${s.value===1?"item per page":" items per page"}`),n=e.ref(t.neighbors),r=e.ref(3),G=async()=>(await e.nextTick(),f.value?f.value.scrollWidth>f.value.clientWidth:!1),z=async()=>{await G()&&(n.value>1||r.value>1)&&(n.value>1?n.value--:r.value>1&&r.value--,b.value=y(l.value,o.value,g.value,c.value))},y=(a,u,i,S)=>{if(t.disablePageJump)return[];let d=[...Array(u).keys()].map(v=>v+1);const H=r.value+2+2*n.value;return d.length<=H||(i?i&&S?d=d.filter(v=>v>a-n.value-1&&v<a+n.value+1):i&&!S&&(d=d.filter(v=>v>u-n.value*2-r.value)):d=d.filter(v=>v<=n.value*2+r.value)),d},V=e.ref(l.value===1),B=e.ref(l.value===o.value),h=e.computed(()=>(l.value-1)*s.value+1),N=e.computed(()=>{const a=h.value-1+s.value;return a>t.totalCount?t.totalCount:a}),w=e.computed(()=>`${h.value} to ${N.value}`),D=e.computed(()=>` of ${t.totalCount}`),m=e.computed(()=>t.currentPage?t.currentPage:l.value),O=e.computed(()=>5+2*n.value),g=e.ref(m.value>=n.value+(r.value+1)&&o.value>O.value),c=e.ref(o.value>r.value+2+2*n.value),b=e.ref(y(m.value,o.value,g.value,c.value)),I=()=>{l.value++,E()},T=()=>{l.value--,E()},p=a=>{l.value=a,E()},E=()=>{const a=(l.value-1)*s.value+s.value;B.value=a>=t.totalCount,V.value=l.value===1,o.value<=O.value?(g.value=!1,c.value=!1):(g.value=l.value>=n.value+(r.value+1),c.value=l.value<=o.value-n.value-r.value),b.value=y(l.value,o.value,g.value,c.value),k("pageChange",{page:l.value,pageCount:o.value,firstItem:h.value,lastItem:N.value,visibleItems:t.items.slice(h.value-1,N.value)})},A=a=>{s.value!==a.value&&(s.value=a.value,k("pageSizeChange",{pageSize:s.value,pageCount:o.value}),t.currentPage!==1&&p(1))},F=()=>{k("getNextOffset")},M=()=>{k("getPreviousOffset")};return e.watch(()=>t.currentPage,(a,u)=>{a!==u&&a&&p(a)}),e.watch(o,(a,u)=>{a!==u&&(B.value=l.value===a,c.value=a>r.value+2+2*n.value,b.value=y(m.value,a,!1,c.value))}),e.watch(b,()=>{!t.disablePageJump&&!t.offset&&z()}),e.onMounted(()=>{!t.disablePageJump&&!t.offset&&(C.value=R.ResizeObserverHelper.create(z),C.value.observe(f.value))}),e.onBeforeUnmount(()=>{var a;!t.disablePageJump&&!t.offset&&((a=C.value)==null||a.unobserve(f.value))}),(a,u)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"kPaginationElement",ref:f,class:e.normalizeClass(["k-pagination",{"page-jump":!t.disablePageJump&&!t.offset}]),"data-testid":"k-pagination"},[t.offset?(e.openBlock(),e.createBlock(j.default,{key:1,"next-button-disabled":t.offsetNextButtonDisabled,"previous-button-disabled":t.offsetPreviousButtonDisabled,onGetNextOffset:F,onGetPreviousOffset:M},null,8,["next-button-disabled","previous-button-disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",Q,[e.createElementVNode("span",X,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)]),e.createElementVNode("ul",Y,[e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the previous page",class:"pagination-button arrow","data-testid":"previous-button",disabled:V.value,icon:"",size:"small",type:"button",onClick:T},{default:e.withCtx(()=>[e.createVNode(e.unref(L.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])]),!t.disablePageJump&&g.value?(e.openBlock(),e.createElementBlock("li",_,[e.createElementVNode("button",{"aria-label":"Go to the first page",class:"pagination-button","data-testid":"page-1-button",type:"button",onClick:u[0]||(u[0]=i=>p(1))}," 1 ")])):e.createCommentVNode("",!0),!t.disablePageJump&&g.value?(e.openBlock(),e.createElementBlock("li",ee," ... ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,i=>(e.openBlock(),e.createElementBlock("li",{key:i},[e.createElementVNode("button",{"aria-current":i==m.value&&"page"||void 0,"aria-label":`Go to page ${i}`,class:e.normalizeClass(["pagination-button",{active:i==m.value}]),"data-testid":`page-${i}-button`,type:"button",onClick:S=>p(i)},e.toDisplayString(i),11,te)]))),128)),!t.disablePageJump&&c.value?(e.openBlock(),e.createElementBlock("li",ae," ... ")):e.createCommentVNode("",!0),!t.disablePageJump&&c.value?(e.openBlock(),e.createElementBlock("li",le,[e.createElementVNode("button",{"aria-label":"Go to the last page",class:"pagination-button","data-testid":"last-button",type:"button",onClick:u[1]||(u[1]=i=>p(o.value))},e.toDisplayString(o.value),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the next page",class:"pagination-button arrow","data-testid":"next-button",disabled:B.value?!0:void 0,icon:"",size:"small",type:"button",onClick:I},{default:e.withCtx(()=>[e.createVNode(e.unref(W.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])])])],64)),e.createElementVNode("div",ne,[!t.disablePageJump&&!t.offset?(e.openBlock(),e.createElementBlock("span",oe,[e.createElementVNode("span",ue,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)])):e.createCommentVNode("",!0),e.createVNode(K.default,{class:"page-size-dropdown","data-testid":"page-size-dropdown",disabled:e.unref(P).length<=1,items:e.unref(P),"kpop-attributes":J,"selection-menu":"",onChange:A},{default:e.withCtx(()=>[e.createVNode(x.default,{appearance:"tertiary",class:"page-size-dropdown-trigger","data-testid":"page-size-dropdown-trigger",disabled:e.unref(P).length<=1,size:"small",type:"button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(q.value)+" ",1),e.unref(P).length>1?(e.openBlock(),e.createBlock(e.unref(U.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["disabled"])]),_:1},8,["disabled","items"])])],2))}});exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),A=require("./kongponents42.cjs"),S=require("./kongponents33.cjs"),H=require("./kongponents213.cjs"),W=require("./kongponents214.cjs"),L=require("./kongponents206.cjs"),R=require("./kongponents215.cjs"),U=require("./kongponents207.cjs"),Q={class:"pagination-text large-screen","data-testid":"visible-items"},X={class:"pagination-text-pages"},Y={class:"pagination-button-container"},Z={key:0},_={key:1,class:"pagination-button placeholder"},ee=["aria-current","aria-label","data-testid","onClick"],te={key:2,class:"pagination-button placeholder"},ae={key:3},le={class:"page-size-select"},ne={key:0,class:"pagination-text small-screen","data-testid":"visible-items"},oe={class:"pagination-text-pages"},ue=e.defineComponent({__name:"KPagination",props:{items:{default:()=>[]},totalCount:{default:0},pageSizes:{default:()=>[15,30,50,75,100]},initialPageSize:{default:null},neighbors:{default:1},currentPage:{default:null},disablePageJump:{type:Boolean},offset:{type:Boolean},offsetPreviousButtonDisabled:{type:Boolean},offsetNextButtonDisabled:{type:Boolean}},emits:["pageChange","pageSizeChange","getNextOffset","getPreviousOffset"],setup(t,{emit:$}){const J={placement:"top"},k=$,f=e.ref(null),C=e.ref(),l=e.ref(t.currentPage?t.currentPage:1),s=e.ref(t.initialPageSize?t.initialPageSize:t.pageSizes[0]),o=e.computed(()=>Math.ceil(t.totalCount/s.value)),P=t.pageSizes.map((a,u)=>({label:`${a}`,key:`size-${u}`,value:a,selected:a===s.value})),q=e.computed(()=>`${s.value} ${s.value===1?"item per page":" items per page"}`),n=e.ref(t.neighbors),r=e.ref(3),G=async()=>(await e.nextTick(),f.value?f.value.scrollWidth>f.value.clientWidth:!1),E=async()=>{await G()&&(n.value>1||r.value>1)&&(n.value>1?n.value--:r.value>1&&r.value--,b.value=y(l.value,o.value,g.value,c.value))},y=(a,u,i,z)=>{if(t.disablePageJump)return[];let d=[...Array(u).keys()].map(v=>v+1);const j=r.value+2+2*n.value;return d.length<=j||(i?i&&z?d=d.filter(v=>v>a-n.value-1&&v<a+n.value+1):i&&!z&&(d=d.filter(v=>v>u-n.value*2-r.value)):d=d.filter(v=>v<=n.value*2+r.value)),d},V=e.ref(l.value===1),B=e.ref(l.value===o.value),h=e.computed(()=>(l.value-1)*s.value+1),N=e.computed(()=>{const a=h.value-1+s.value;return a>t.totalCount?t.totalCount:a}),w=e.computed(()=>`${h.value} to ${N.value}`),O=e.computed(()=>` of ${t.totalCount}`),m=e.computed(()=>t.currentPage?t.currentPage:l.value),D=e.computed(()=>5+2*n.value),g=e.ref(m.value>=n.value+(r.value+1)&&o.value>D.value),c=e.ref(o.value>r.value+2+2*n.value),b=e.ref(y(m.value,o.value,g.value,c.value)),I=()=>{l.value++,x()},T=()=>{l.value--,x()},p=a=>{l.value=a,x()},x=()=>{const a=(l.value-1)*s.value+s.value;B.value=a>=t.totalCount,V.value=l.value===1,o.value<=D.value?(g.value=!1,c.value=!1):(g.value=l.value>=n.value+(r.value+1),c.value=l.value<=o.value-n.value-r.value),b.value=y(l.value,o.value,g.value,c.value),k("pageChange",{page:l.value,pageCount:o.value,firstItem:h.value,lastItem:N.value,visibleItems:t.items.slice(h.value-1,N.value)})},M=a=>{s.value!==a.value&&(s.value=a.value,k("pageSizeChange",{pageSize:s.value,pageCount:o.value}),t.currentPage!==1&&p(1))},F=()=>{k("getNextOffset")},K=()=>{k("getPreviousOffset")};return e.watch(()=>t.currentPage,(a,u)=>{a!==u&&a&&p(a)}),e.watch(o,(a,u)=>{a!==u&&(B.value=l.value===a,c.value=a>r.value+2+2*n.value,b.value=y(m.value,a,!1,c.value))}),e.watch(b,()=>{!t.disablePageJump&&!t.offset&&E()}),e.onMounted(()=>{!t.disablePageJump&&!t.offset&&(C.value=U.ResizeObserverHelper.create(E),C.value.observe(f.value))}),e.onBeforeUnmount(()=>{var a;!t.disablePageJump&&!t.offset&&((a=C.value)==null||a.unobserve(f.value))}),(a,u)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"kPaginationElement",ref:f,class:e.normalizeClass(["k-pagination",{"page-jump":!t.disablePageJump&&!t.offset}]),"data-testid":"k-pagination"},[t.offset?(e.openBlock(),e.createBlock(H.default,{key:1,"next-button-disabled":t.offsetNextButtonDisabled,"previous-button-disabled":t.offsetPreviousButtonDisabled,onGetNextOffset:F,onGetPreviousOffset:K},null,8,["next-button-disabled","previous-button-disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",Q,[e.createElementVNode("span",X,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(O.value),1)]),e.createElementVNode("ul",Y,[e.createElementVNode("li",null,[e.createVNode(S.default,{appearance:"tertiary","aria-label":"Go to the previous page",class:"pagination-button arrow","data-testid":"previous-button",disabled:V.value,icon:"",size:"small",type:"button",onClick:T},{default:e.withCtx(()=>[e.createVNode(e.unref(W.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])]),!t.disablePageJump&&g.value?(e.openBlock(),e.createElementBlock("li",Z,[e.createElementVNode("button",{"aria-label":"Go to the first page",class:"pagination-button","data-testid":"page-1-button",type:"button",onClick:u[0]||(u[0]=i=>p(1))}," 1 ")])):e.createCommentVNode("",!0),!t.disablePageJump&&g.value?(e.openBlock(),e.createElementBlock("li",_," ... ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,i=>(e.openBlock(),e.createElementBlock("li",{key:i},[e.createElementVNode("button",{"aria-current":i==m.value&&"page"||void 0,"aria-label":`Go to page ${i}`,class:e.normalizeClass(["pagination-button",{active:i==m.value}]),"data-testid":`page-${i}-button`,type:"button",onClick:z=>p(i)},e.toDisplayString(i),11,ee)]))),128)),!t.disablePageJump&&c.value?(e.openBlock(),e.createElementBlock("li",te," ... ")):e.createCommentVNode("",!0),!t.disablePageJump&&c.value?(e.openBlock(),e.createElementBlock("li",ae,[e.createElementVNode("button",{"aria-label":"Go to the last page",class:"pagination-button","data-testid":"last-button",type:"button",onClick:u[1]||(u[1]=i=>p(o.value))},e.toDisplayString(o.value),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[e.createVNode(S.default,{appearance:"tertiary","aria-label":"Go to the next page",class:"pagination-button arrow","data-testid":"next-button",disabled:B.value?!0:void 0,icon:"",size:"small",type:"button",onClick:I},{default:e.withCtx(()=>[e.createVNode(e.unref(R.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])])])],64)),e.createElementVNode("div",le,[!t.disablePageJump&&!t.offset?(e.openBlock(),e.createElementBlock("span",ne,[e.createElementVNode("span",oe,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(O.value),1)])):e.createCommentVNode("",!0),e.createVNode(A.default,{class:"page-size-dropdown","data-testid":"page-size-dropdown",disabled:e.unref(P).length<=1,items:e.unref(P),"kpop-attributes":J,"selection-menu":"",onChange:M},{default:e.withCtx(()=>[e.createVNode(S.default,{appearance:"tertiary",class:"page-size-dropdown-trigger","data-testid":"page-size-dropdown-trigger",disabled:e.unref(P).length<=1,size:"small",type:"button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(q.value)+" ",1),e.unref(P).length>1?(e.openBlock(),e.createBlock(e.unref(L.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["disabled"])]),_:1},8,["disabled","items"])])],2))}});exports.default=ue;

package/dist/kongponents124.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("./kongponents199.cjs"),D=require("./kongponents33.cjs"),M=require("./kongponents166.cjs"),S=require("./kongponents171.cjs"),F=require("./kongponents200.cjs"),d=require("./kongponents198.cjs"),f=require("./kongponents191.cjs"),m=require("./kongponents201.cjs"),Z=["id","aria-labelledby","x-placement"],j=["tabindex"],R={key:1,class:"popover-header"},G=["id"],J={key:2,class:"popover-footer"},Q=e.defineComponent({__name:"KPop",props:{buttonText:{default:""},title:{default:""},placement:{default:"auto"},trigger:{default:"click"},popoverTimeout:{default:300},hideCloseIcon:{type:Boolean},hideCaret:{type:Boolean},closeOnPopoverClick:{type:Boolean},disabled:{type:Boolean},width:{default:"200px"},maxWidth:{default:"none"},maxHeight:{default:"none"},popoverClasses:{default:""},popoverElementAttributes:{default:()=>({})},tag:{default:"div"},zIndex:{default:1e3},offset:{default:()=>S.KUI_SPACE_60},target:{default:null}},emits:["open","close","popover-click"],setup(t,{expose:B,emit:z}){const g=z,s=e.useSlots(),h=e.useId(),E=e.useId(),u=e.ref(null),i=e.ref(null),n=e.ref(!1),r=e.computed(()=>{var o,a;return u.value&&((o=u.value)!=null&&o.children[0])?(a=u.value)==null?void 0:a.children[0]:null}),C=e.ref(null),I=()=>{n.value?l():v()},y=e.ref(),k=()=>{y.value&&y.value()},N=()=>{k(),r.value&&i.value&&(y.value=m.autoUpdate(r.value,i.value,U))},v=async()=>{t.disabled||(C.value&&clearTimeout(C.value),N(),n.value=!0)},l=()=>{C.value=setTimeout(()=>{k(),n.value=!1},t.trigger==="hover"?t.popoverTimeout:0)},P=()=>{I()},V=()=>{g("popover-click"),t.closeOnPopoverClick&&l()},T=o=>{var w,x;if(!n.value)return;const a=o.target,O=(w=u.value)==null?void 0:w.contains(a),W=(x=i.value)==null?void 0:x.contains(a);O||W||l()},b=e.computed(()=>t.placement.trim().replace(/ /g,"-").replace(/[A-Z]+(?![a-z])|[A-Z]/g,(o,a)=>(a?"-":"")+o.toLowerCase()).replace(/--+/g,"-").replace(/-+$/g,"")),{floatingStyles:q,placement:c,update:U}=$.useFloating(r,i,{...b.value==="auto"&&{middleware:[m.autoPlacement()]},...b.value!=="auto"&&{placement:b.value,middleware:[m.shift(),m.flip()]},strategy:"fixed",transform:!1}),p=e.computed(()=>f.normalizeSize(t.offset)),K=e.computed(()=>c.value.includes("top")?{marginBottom:p.value}:c.value.includes("bottom")?{marginTop:p.value}:c.value.includes("right")?{marginLeft:p.value}:c.value.includes("left")?{marginRight:p.value}:{}),A=e.computed(()=>({...q.value,zIndex:t.zIndex})),L=e.computed(()=>({...K.value,width:f.normalizeSize(t.width),maxWidth:f.normalizeSize(t.maxWidth),maxHeight:f.normalizeSize(t.maxHeight)})),H=e.computed(()=>[t.popoverClasses,{"hide-caret":t.hideCaret}]);return B({hidePopover:l,showPopover:v}),e.onMounted(()=>{if(d.useEventListener(window,"mousedown",T,{capture:!0}),r.value){const o=r.value.querySelector('button[data-dropdown-trigger="true"]')||r.value;o.hasAttribute("aria-controls")||o.setAttribute("aria-controls",h)}t.trigger==="hover"&&[i.value,r.value].forEach(o=>{o&&(d.useEventListener(o,"mouseenter",v),d.useEventListener(o,"focusin",v),d.useEventListener(o,"mouseleave",l),d.useEventListener(o,"focusout",l))})}),e.onBeforeUnmount(()=>{k()}),e.watch(n,o=>{g(o?"open":"close")}),(o,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:"k-popover",onKeydown:e.withKeys(e.withModifiers(l,["stop"]),["esc"])},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"triggerWrapperElement",ref:u,class:"popover-trigger-wrapper",onClick:P},[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(D.default,{"aria-controls":e.unref(h),"data-testid":"popover-button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.buttonText),1)]),_:1},8,["aria-controls"])],!0)],512),e.createVNode(F.default,{target:t.target,"use-teleport":!!t.target},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",e.mergeProps(t.popoverElementAttributes,{id:e.unref(h),ref_key:"popoverElement",ref:i,"aria-labelledby":s.title||t.title?e.unref(E):void 0,class:["popover",H.value],role:"dialog",style:A.value,"x-placement":e.unref(c),onClick:V}),[e.createElementVNode("div",{class:"popover-container",style:e.normalizeStyle(L.value)},[t.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,ref:"popoverCloseButton","aria-label":"Close popover",class:"popover-close-button",tabindex:n.value?0:-1,type:"button",onClick:l},[e.createVNode(e.unref(M.default),{class:"popover-close-icon",decorative:"",size:e.unref(S.KUI_ICON_SIZE_30)},null,8,["size"])],8,j)),s.title||t.title?(e.openBlock(),e.createElementBlock("div",R,[s.title||t.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(E),class:e.normalizeClass(["popover-title",{"close-icon-spacing":!t.hideCloseIcon}])},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)],10,G)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["popover-content",{"close-icon-spacing":!t.hideCloseIcon&&!(s.title||t.title)}])},[e.renderSlot(o.$slots,"content",{},void 0,!0)],2),s.footer?(e.openBlock(),e.createElementBlock("div",J,[e.renderSlot(o.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],4)],16,Z),[[e.vShow,n.value]])]),_:3})]),_:3},8,["target","use-teleport"])]),_:3},40,["onKeydown"]))}});exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("./kongponents233.cjs"),D=require("./kongponents33.cjs"),M=require("./kongponents179.cjs"),S=require("./kongponents173.cjs"),F=require("./kongponents234.cjs"),d=require("./kongponents208.cjs"),f=require("./kongponents186.cjs"),m=require("./kongponents235.cjs"),Z=["id","aria-labelledby","x-placement"],j=["tabindex"],R={key:1,class:"popover-header"},G=["id"],J={key:2,class:"popover-footer"},Q=e.defineComponent({__name:"KPop",props:{buttonText:{default:""},title:{default:""},placement:{default:"auto"},trigger:{default:"click"},popoverTimeout:{default:300},hideCloseIcon:{type:Boolean},hideCaret:{type:Boolean},closeOnPopoverClick:{type:Boolean},disabled:{type:Boolean},width:{default:"200px"},maxWidth:{default:"none"},maxHeight:{default:"none"},popoverClasses:{default:""},popoverElementAttributes:{default:()=>({})},tag:{default:"div"},zIndex:{default:1e3},offset:{default:()=>S.KUI_SPACE_60},target:{default:null}},emits:["open","close","popover-click"],setup(t,{expose:B,emit:z}){const g=z,s=e.useSlots(),h=e.useId(),E=e.useId(),u=e.ref(null),i=e.ref(null),n=e.ref(!1),r=e.computed(()=>{var o,a;return u.value&&((o=u.value)!=null&&o.children[0])?(a=u.value)==null?void 0:a.children[0]:null}),C=e.ref(null),I=()=>{n.value?l():v()},y=e.ref(),k=()=>{y.value&&y.value()},N=()=>{k(),r.value&&i.value&&(y.value=m.autoUpdate(r.value,i.value,U))},v=async()=>{t.disabled||(C.value&&clearTimeout(C.value),N(),n.value=!0)},l=()=>{C.value=setTimeout(()=>{k(),n.value=!1},t.trigger==="hover"?t.popoverTimeout:0)},P=()=>{I()},V=()=>{g("popover-click"),t.closeOnPopoverClick&&l()},T=o=>{var w,x;if(!n.value)return;const a=o.target,O=(w=u.value)==null?void 0:w.contains(a),W=(x=i.value)==null?void 0:x.contains(a);O||W||l()},b=e.computed(()=>t.placement.trim().replace(/ /g,"-").replace(/[A-Z]+(?![a-z])|[A-Z]/g,(o,a)=>(a?"-":"")+o.toLowerCase()).replace(/--+/g,"-").replace(/-+$/g,"")),{floatingStyles:q,placement:c,update:U}=$.useFloating(r,i,{...b.value==="auto"&&{middleware:[m.autoPlacement()]},...b.value!=="auto"&&{placement:b.value,middleware:[m.shift(),m.flip()]},strategy:"fixed",transform:!1}),p=e.computed(()=>f.normalizeSize(t.offset)),K=e.computed(()=>c.value.includes("top")?{marginBottom:p.value}:c.value.includes("bottom")?{marginTop:p.value}:c.value.includes("right")?{marginLeft:p.value}:c.value.includes("left")?{marginRight:p.value}:{}),A=e.computed(()=>({...q.value,zIndex:t.zIndex})),L=e.computed(()=>({...K.value,width:f.normalizeSize(t.width),maxWidth:f.normalizeSize(t.maxWidth),maxHeight:f.normalizeSize(t.maxHeight)})),H=e.computed(()=>[t.popoverClasses,{"hide-caret":t.hideCaret}]);return B({hidePopover:l,showPopover:v}),e.onMounted(()=>{if(d.useEventListener(window,"mousedown",T,{capture:!0}),r.value){const o=r.value.querySelector('button[data-dropdown-trigger="true"]')||r.value;o.hasAttribute("aria-controls")||o.setAttribute("aria-controls",h)}t.trigger==="hover"&&[i.value,r.value].forEach(o=>{o&&(d.useEventListener(o,"mouseenter",v),d.useEventListener(o,"focusin",v),d.useEventListener(o,"mouseleave",l),d.useEventListener(o,"focusout",l))})}),e.onBeforeUnmount(()=>{k()}),e.watch(n,o=>{g(o?"open":"close")}),(o,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:"k-popover",onKeydown:e.withKeys(e.withModifiers(l,["stop"]),["esc"])},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"triggerWrapperElement",ref:u,class:"popover-trigger-wrapper",onClick:P},[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(D.default,{"aria-controls":e.unref(h),"data-testid":"popover-button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.buttonText),1)]),_:1},8,["aria-controls"])],!0)],512),e.createVNode(F.default,{target:t.target,"use-teleport":!!t.target},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",e.mergeProps(t.popoverElementAttributes,{id:e.unref(h),ref_key:"popoverElement",ref:i,"aria-labelledby":s.title||t.title?e.unref(E):void 0,class:["popover",H.value],role:"dialog",style:A.value,"x-placement":e.unref(c),onClick:V}),[e.createElementVNode("div",{class:"popover-container",style:e.normalizeStyle(L.value)},[t.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,ref:"popoverCloseButton","aria-label":"Close popover",class:"popover-close-button",tabindex:n.value?0:-1,type:"button",onClick:l},[e.createVNode(e.unref(M.default),{class:"popover-close-icon",decorative:"",size:e.unref(S.KUI_ICON_SIZE_30)},null,8,["size"])],8,j)),s.title||t.title?(e.openBlock(),e.createElementBlock("div",R,[s.title||t.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(E),class:e.normalizeClass(["popover-title",{"close-icon-spacing":!t.hideCloseIcon}])},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)],10,G)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["popover-content",{"close-icon-spacing":!t.hideCloseIcon&&!(s.title||t.title)}])},[e.renderSlot(o.$slots,"content",{},void 0,!0)],2),s.footer?(e.openBlock(),e.createElementBlock("div",J,[e.renderSlot(o.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],4)],16,Z),[[e.vShow,n.value]])]),_:3})]),_:3},8,["target","use-teleport"])]),_:3},40,["onKeydown"]))}});exports.default=Q;

package/dist/kongponents128.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("./kongponents48.cjs"),C=require("./kongponents168.cjs"),B=require("./kongponents171.cjs"),w=["id","aria-checked","checked","disabled","tabindex"],S={key:0,class:"radio-description"},N=["data-testid","for","tabindex"],$={key:0,class:"card-content-wrapper"},E={key:1,class:"card-label-container"},K={key:0,class:"radio-label"},T={key:1,class:"radio-description"},R={inheritAttrs:!1},A=e.defineComponent({...R,__name:"KRadio",props:{modelValue:{},label:{default:""},labelAttributes:{default:()=>({})},description:{default:""},selectedValue:{},error:{type:Boolean},card:{type:Boolean},cardRadioVisible:{type:Boolean,default:!0},cardOrientation:{default:"vertical"},type:{default:""}},emits:["change","update:modelValue"],setup(t,{emit:h}){e.watch(()=>t.labelAttributes,a=>{a.help&&console.warn("KRadio: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")},{deep:!0,immediate:!0}),e.watch(()=>t.type,a=>{a&&console.warn("KRadio: `type` prop is deprecated. Please use `card` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kradio")},{immediate:!0});const s=h,l=e.useSlots(),o=e.useAttrs(),b=e.useId(),r=e.computed(()=>o.id?String(o.id):b),d=e.computed(()=>(o==null?void 0:o.disabled)!==void 0&&String(o==null?void 0:o.disabled)!=="false"),k=e.computed(()=>!!(t.label||l.default)),n=e.computed(()=>k.value&&(!!t.description||!!l.description)),c=e.computed(()=>!!t.label&&(!!t.description||!!l.description)),p=e.computed(()=>!!l.tooltip),i=e.computed(()=>t.selectedValue===t.modelValue),u=()=>{s("change",t.selectedValue),s("update:modelValue",t.selectedValue)},v=e.computed(()=>{const a={...o};return delete a.class,a}),f=e.computed(()=>({disabled:d.value,"radio-card":t.card||t.type==="card","input-error":t.error,checked:i.value,"has-description":n.value,"card-horizontal":t.card&&t.cardOrientation==="horizontal","card-vertical":t.card&&t.cardOrientation!=="horizontal"})),g=e.computed(()=>t.card&&o["data-testid"]?`${o["data-testid"]}-label`:void 0);return(a,m)=>{const y=e.resolveComponent("KTooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-radio",[a.$attrs.class?a.$attrs.class:"",f.value]])},[e.createElementVNode("input",e.mergeProps({id:r.value},v.value,{"aria-checked":i.value,checked:i.value,class:["radio-input",{hidden:t.card&&!t.cardRadioVisible}],disabled:d.value,tabindex:t.card||d.value||i.value?-1:0,type:"radio",onClick:u}),null,16,w),!t.card&&(t.label||a.$slots.default)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["radio-label-wrapper",{"has-description":n.value}])},[e.createVNode(V.default,e.mergeProps(t.labelAttributes,{class:"radio-label",for:r.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)]),_:2},[p.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"]),n.value?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(a.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(t.description),1)],!0)])):e.createCommentVNode("",!0)],2)):t.label||a.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["radio-card-wrapper radio-label-wrapper",{"has-label":t.label,"has-description":c.value,"show-radio":t.cardRadioVisible}]),"data-testid":g.value,for:r.value,tabindex:d.value||i.value?-1:0,onKeydown:m[0]||(m[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:e.withKeys(u,["space"])},[a.$slots.default?(e.openBlock(),e.createElementBlock("span",$,[e.renderSlot(a.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),t.label||c.value?(e.openBlock(),e.createElementBlock("span",E,[t.label?(e.openBlock(),e.createElementBlock("span",K,[e.createTextVNode(e.toDisplayString(t.label)+" ",1),l.tooltip?(e.openBlock(),e.createBlock(y,{key:0,class:"label-tooltip"},{content:e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip",{},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(C.default),{class:"tooltip-trigger-icon",color:`var(--kui-color-text-neutral, ${e.unref(B.KUI_COLOR_TEXT_NEUTRAL)})`,tabindex:"0"},null,8,["color"])]),_:3})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("span",T,[e.renderSlot(a.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)],!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],42,N)):e.createCommentVNode("",!0)],2)}}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("./kongponents48.cjs"),C=require("./kongponents196.cjs"),B=require("./kongponents173.cjs"),w=["id","aria-checked","checked","disabled","tabindex"],S={key:0,class:"radio-description"},N=["data-testid","for","tabindex"],$={key:0,class:"card-content-wrapper"},E={key:1,class:"card-label-container"},K={key:0,class:"radio-label"},T={key:1,class:"radio-description"},R={inheritAttrs:!1},A=e.defineComponent({...R,__name:"KRadio",props:{modelValue:{},label:{default:""},labelAttributes:{default:()=>({})},description:{default:""},selectedValue:{},error:{type:Boolean},card:{type:Boolean},cardRadioVisible:{type:Boolean,default:!0},cardOrientation:{default:"vertical"},type:{default:""}},emits:["change","update:modelValue"],setup(t,{emit:h}){e.watch(()=>t.labelAttributes,a=>{a.help&&console.warn("KRadio: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")},{deep:!0,immediate:!0}),e.watch(()=>t.type,a=>{a&&console.warn("KRadio: `type` prop is deprecated. Please use `card` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kradio")},{immediate:!0});const s=h,l=e.useSlots(),o=e.useAttrs(),b=e.useId(),r=e.computed(()=>o.id?String(o.id):b),d=e.computed(()=>(o==null?void 0:o.disabled)!==void 0&&String(o==null?void 0:o.disabled)!=="false"),k=e.computed(()=>!!(t.label||l.default)),n=e.computed(()=>k.value&&(!!t.description||!!l.description)),c=e.computed(()=>!!t.label&&(!!t.description||!!l.description)),p=e.computed(()=>!!l.tooltip),i=e.computed(()=>t.selectedValue===t.modelValue),u=()=>{s("change",t.selectedValue),s("update:modelValue",t.selectedValue)},v=e.computed(()=>{const a={...o};return delete a.class,a}),f=e.computed(()=>({disabled:d.value,"radio-card":t.card||t.type==="card","input-error":t.error,checked:i.value,"has-description":n.value,"card-horizontal":t.card&&t.cardOrientation==="horizontal","card-vertical":t.card&&t.cardOrientation!=="horizontal"})),g=e.computed(()=>t.card&&o["data-testid"]?`${o["data-testid"]}-label`:void 0);return(a,m)=>{const y=e.resolveComponent("KTooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-radio",[a.$attrs.class?a.$attrs.class:"",f.value]])},[e.createElementVNode("input",e.mergeProps({id:r.value},v.value,{"aria-checked":i.value,checked:i.value,class:["radio-input",{hidden:t.card&&!t.cardRadioVisible}],disabled:d.value,tabindex:t.card||d.value||i.value?-1:0,type:"radio",onClick:u}),null,16,w),!t.card&&(t.label||a.$slots.default)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["radio-label-wrapper",{"has-description":n.value}])},[e.createVNode(V.default,e.mergeProps(t.labelAttributes,{class:"radio-label",for:r.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)]),_:2},[p.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"]),n.value?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(a.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(t.description),1)],!0)])):e.createCommentVNode("",!0)],2)):t.label||a.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["radio-card-wrapper radio-label-wrapper",{"has-label":t.label,"has-description":c.value,"show-radio":t.cardRadioVisible}]),"data-testid":g.value,for:r.value,tabindex:d.value||i.value?-1:0,onKeydown:m[0]||(m[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:e.withKeys(u,["space"])},[a.$slots.default?(e.openBlock(),e.createElementBlock("span",$,[e.renderSlot(a.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),t.label||c.value?(e.openBlock(),e.createElementBlock("span",E,[t.label?(e.openBlock(),e.createElementBlock("span",K,[e.createTextVNode(e.toDisplayString(t.label)+" ",1),l.tooltip?(e.openBlock(),e.createBlock(y,{key:0,class:"label-tooltip"},{content:e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip",{},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(C.default),{class:"tooltip-trigger-icon",color:`var(--kui-color-text-neutral, ${e.unref(B.KUI_COLOR_TEXT_NEUTRAL)})`,tabindex:"0"},null,8,["color"])]),_:3})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("span",T,[e.renderSlot(a.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)],!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],42,N)):e.createCommentVNode("",!0)],2)}}});exports.default=A;

package/dist/kongponents130.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),g=require("./kongponents193.cjs"),f={class:"k-segmented-control"},k=["data-testid","disabled","onClick"],y=l.defineComponent({__name:"KSegmentedControl",props:{modelValue:{},options:{},size:{default:"small"},disabled:{type:Boolean}},emits:["click","update:modelValue"],setup(a,{emit:u}){const i=t=>t.every(e=>e.value!==void 0),c=t=>{const e=[];return t.forEach(n=>e.push(n.value+"")),e},d=t=>{const e=c(t),n=new Set(e);return e.length===n.size},o=t=>t.map(e=>({label:typeof e=="string"?e:e.label||e.value+"",value:typeof e=="string"?e.toLocaleLowerCase().replace(" ","-"):e.value,disabled:typeof e=="string"?!1:e.disabled})),v=t=>{const e=typeof t[0]=="string",n=o(t),s=d(n);return e?s&&i(n):s};l.watch(()=>a.options,t=>{v(t)||g.warnInvalidProp("options","The options prop must be an array of unique strings or objects with a unique value property.")},{immediate:!0});const r=u,m=l.computed(()=>o(a.options)),p=t=>!!t.disabled||a.disabled,b=t=>{r("click",t.value),r("update:modelValue",t.value)};return(t,e)=>(l.openBlock(),l.createElementBlock("div",f,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(m.value,n=>(l.openBlock(),l.createElementBlock("button",{key:`${n.value}-option`,class:l.normalizeClass(["segmented-control-button",[a.size,{selected:a.modelValue===n.value}]]),"data-testid":`${n.value}-option`,disabled:p(n),type:"button",onClick:s=>b(n)},[l.renderSlot(t.$slots,"option-label",{option:n},()=>[l.createTextVNode(l.toDisplayString(n.label),1)],!0)],10,k))),128))]))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),g=require("./kongponents210.cjs"),f={class:"k-segmented-control"},k=["data-testid","disabled","onClick"],y=l.defineComponent({__name:"KSegmentedControl",props:{modelValue:{},options:{},size:{default:"small"},disabled:{type:Boolean}},emits:["click","update:modelValue"],setup(a,{emit:u}){const i=t=>t.every(e=>e.value!==void 0),c=t=>{const e=[];return t.forEach(n=>e.push(n.value+"")),e},d=t=>{const e=c(t),n=new Set(e);return e.length===n.size},o=t=>t.map(e=>({label:typeof e=="string"?e:e.label||e.value+"",value:typeof e=="string"?e.toLocaleLowerCase().replace(" ","-"):e.value,disabled:typeof e=="string"?!1:e.disabled})),v=t=>{const e=typeof t[0]=="string",n=o(t),s=d(n);return e?s&&i(n):s};l.watch(()=>a.options,t=>{v(t)||g.warnInvalidProp("options","The options prop must be an array of unique strings or objects with a unique value property.")},{immediate:!0});const r=u,m=l.computed(()=>o(a.options)),p=t=>!!t.disabled||a.disabled,b=t=>{r("click",t.value),r("update:modelValue",t.value)};return(t,e)=>(l.openBlock(),l.createElementBlock("div",f,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(m.value,n=>(l.openBlock(),l.createElementBlock("button",{key:`${n.value}-option`,class:l.normalizeClass(["segmented-control-button",[a.size,{selected:a.modelValue===n.value}]]),"data-testid":`${n.value}-option`,disabled:p(n),type:"button",onClick:s=>b(n)},[l.renderSlot(t.$slots,"option-label",{option:n},()=>[l.createTextVNode(l.toDisplayString(n.label),1)],!0)],10,k))),128))]))}});exports.default=y;

package/dist/kongponents132.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),de=require("./kongponents183.cjs"),ve=require("./kongponents48.cjs"),fe=require("./kongponents46.cjs"),me=require("./kongponents53.cjs"),pe=require("./kongponents20.cjs"),be=require("./kongponents214.cjs"),ke=require("./kongponents215.cjs"),he=require("./kongponents174.cjs"),ge=require("./kongponents166.cjs"),ye=require("./kongponents197.cjs"),Ce=require("./kongponents176.cjs"),D=require("./kongponents181.cjs"),we=require("./kongponents198.cjs"),Se=require("./kongponents151.cjs"),O=require("./kongponents191.cjs"),Be=require("./kongponents171.cjs"),Ie=["id"],Fe=["aria-live"],qe={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},$e={key:1,class:"select-items-container","data-propagate-clicks":"false"},xe={key:1,class:"dropdown-footer dropdown-footer-static"},Ee={key:2,class:"select-empty","data-propagate-clicks":"false"},Ne={key:0,class:"dropdown-footer dropdown-footer-sticky"},Ve=e.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},label:{default:""},labelAttributes:{default:()=>({})},width:{default:"100%"},placeholder:{default:""},items:{default:()=>[]},enableFiltering:{type:Boolean},filterFunction:{default:()=>(l=>{var g;return(g=l.items)==null?void 0:g.filter(B=>{var c,v;return(v=B.label)==null?void 0:v.toLowerCase().includes((c=l.query)==null?void 0:c.toLowerCase())})})},loading:{type:Boolean},clearable:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{default:"sticky"},reuseItemTemplate:{type:Boolean},enableItemCreation:{type:Boolean},itemCreationValidator:{type:Function,default:()=>!0},error:{type:Boolean},help:{default:""}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(l,{emit:g}){e.useCssVars(t=>({v07af4867:Q.value,v2fed7f55:C.value,v13a2df9a:G.value}));const{stripRequiredLabel:B}=de.default(),c=g,v=e.useAttrs(),m=e.useSlots(),R=e.useId(),N=e.computed(()=>v.id?String(v.id):R),I=e.ref(!1),F=e.ref(),L=e.computed(()=>{var t;return!!((t=l.labelAttributes)!=null&&t.info||m["label-tooltip"])}),V=e.computed(()=>v.required!==void 0&&String(v.required)!=="false"),p=e.computed(()=>v.disabled!==void 0&&String(v.disabled)!=="false"),y=e.computed(()=>v.readonly!==void 0&&String(v.readonly)!=="false"),A={popoverClasses:`k-select-popover select-popover ${l.dropdownFooterText||m["dropdown-footer-text"]?`has-${l.dropdownFooterTextPosition}-dropdown-footer`:""}`,popoverTimeout:0,placement:"bottom-start",hideCaret:!0},W=e.ref(0),M=e.useTemplateRef("inputElement"),U=e.computed(()=>B(l.label,V.value)),b=e.ref(!1),i=e.ref(""),K=e.computed(()=>{var t,o;return!(!i.value||(o=(t=n.value)==null?void 0:t.filter(r=>r.label===i.value))!=null&&o.length)}),H=e.useId(),s=e.ref(null),n=e.ref([]),k=e.ref(!1),q=e.useTemplateRef("popperElement"),f=e.useTemplateRef("selectWrapperElement"),J=e.computed({get(){return l.modelValue},set(t){var r;const o=(r=n.value)==null?void 0:r.filter(a=>a.value===t);o!=null&&o.length?w(o[0]):t||x()}}),Q=e.computed(()=>O.normalizeSize(l.width||"100%")),C=e.ref(""),j=e.computed(()=>{const t={...v};return delete t.class,t}),Y=e.computed(()=>{var t;return{...A,...l.kpopAttributes,popoverClasses:`${A.popoverClasses} ${((t=l.kpopAttributes)==null?void 0:t.popoverClasses)??""}`,width:String(C.value),maxWidth:String(C.value),disabled:p.value||y.value}}),G=e.computed(()=>O.normalizeSize(l.dropdownMaxHeight)),X=e.computed(()=>({...Y.value})),Z=e.computed(()=>l.placeholder||v.placeholder||"Select..."),_=e.computed(()=>!p.value&&l.clearable&&!!s.value),T=e.computed(()=>!!(s.value&&(m["selected-item-template"]||l.reuseItemTemplate&&m["item-template"]))),$=e.computed(()=>{let t=[];if(!l.enableFiltering||!i.value)t=n.value;else{const a=l.filterFunction({query:i.value,items:n.value});t=a===!0?n.value:a}const o=t.filter(a=>!a.group),r=t.filter(a=>a.group).sort((a,u)=>a.group.toLowerCase().localeCompare(u.group.toLowerCase()));return[...o,...r]}),ee=t=>{if(!l.enableFiltering)return t.preventDefault(),!1},te=t=>{l.enableItemCreation&&P(),t.preventDefault()},P=()=>{var r,a;if(!l.enableItemCreation||!i.value||!K.value||!l.itemCreationValidator(i.value))return;const t=(((r=n.value)==null?void 0:r.length)||0)+1,o={label:D.sanitizeInput(i.value),value:Se.getUniqueStringId(),key:`${(a=D.sanitizeInput(i.value).replace(/ /gi,"-"))==null?void 0:a.replace(/[^a-z0-9-_]/gi,"")}-${t}`,custom:!0};c("item-added",o),w(o,!0),i.value=""},w=(t,o)=>{var r,a;o&&((r=n.value)==null||r.push(t)),(a=n.value)==null||a.forEach((u,S)=>{var h;u.key===t.key?(u.selected=!0,s.value=u):u.selected?(u.selected=!1,u.custom&&((h=n.value)==null||h.splice(S,1),c("item-removed",u))):u.selected=!1}),b.value=!0,i.value=t.label},x=()=>{var t;(t=n.value)==null||t.forEach((o,r)=>{var a;o.selected=!1,o.custom&&((a=n.value)==null||a.splice(r,1),c("item-removed",o))}),s.value=null,i.value="",c("input",null),c("change",null),c("update:modelValue",null)},z=e.useTemplateRef("kSelectItems"),le=(t,o)=>{var a,u;if(t.keyCode===27){o.value=!1;return}const r=(a=f.value)==null?void 0:a.children[0];!o.value&&r&&r.click(),(t.key==="ArrowDown"||t.key==="ArrowUp")&&o.value&&((u=z.value)==null||u.setFocus(t.key==="ArrowDown"?"down":"up"))},oe=t=>{i.value!==t&&(i.value=t)},ae=()=>{k.value=!0},re=()=>{k.value=!1},ne=()=>{var t,o,r;l.enableFiltering||(r=(o=(t=M.value)==null?void 0:t.$el)==null?void 0:o.querySelector("input"))==null||r.blur()},ue=t=>{var o;(p.value||((o=t==null?void 0:t.target)==null?void 0:o.dataset.propagateClicks)==="false")&&t.stopPropagation()},ie=t=>{t()},se=(t,o)=>{I.value=!1,s.value?(b.value=!0,i.value=s.value.label):i.value="",o&&t()},ce=t=>{I.value=!0,l.enableFiltering&&(i.value=""),t()};return e.watch(J,(t,o)=>{var r;if(t!==o){const a=(r=n.value)==null?void 0:r.filter(u=>u.value===t);a!=null&&a.length?w(a[0]):t||x()}}),e.watch(()=>l.items,(t,o)=>{var r,a,u,S,h;if(JSON.stringify(t)!==JSON.stringify(o)){n.value=JSON.parse(JSON.stringify(l.items)),(r=n.value)!=null&&r.length&&(s.value=null);for(let d=0;d<((a=n.value)==null?void 0:a.length);d++){n.value[d].selected===void 0&&(n.value[d].selected=!1);let E=`${(S=(u=n.value[d].label)==null?void 0:u.replace(/ /gi,"-"))==null?void 0:S.replace(/[^a-z0-9-_]/gi,"")}-${d}`;E.includes("undefined")&&(E=`select-item-label-${d}`),n.value[d].key=E,(n.value[d].value===l.modelValue||n.value[d].selected)&&(n.value[d].selected=!0,s.value=n.value[d],k.value||(b.value=!0,i.value=s.value.label)),((h=s.value)==null?void 0:h.value)===n.value[d].value&&(n.value[d].selected=!0)}q.value&&typeof q.value.updatePopper=="function"&&e.nextTick(()=>{q.value.updatePopper()})}},{deep:!0,immediate:!0}),e.watch(i,t=>{b.value&&t||(c("query-change",t),b.value=!1)}),e.watch(s,(t,o)=>{t&&t!==o&&(c("selected",t),c("input",t.value),c("change",t),c("update:modelValue",t.value))},{deep:!0}),e.onMounted(()=>{f.value&&(F.value=Ce.ResizeObserverHelper.create(()=>{var t;C.value=`${(t=f.value)==null?void 0:t.offsetWidth}px`}),F.value.observe(f.value)),we.useEventListener(document,"keydown",t=>{var o,r;!l.enableFiltering&&((o=document.activeElement)==null?void 0:o.tagName)==="BODY"&&!k.value&&I.value&&(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),(r=z.value)==null||r.setFocus(t.key==="ArrowDown"?"down":"up"))})}),e.onBeforeUnmount(()=>{var t;f.value&&((t=F.value)==null||t.unobserve(f.value))}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-select",[t.$attrs.class]])},[l.label?(e.openBlock(),e.createBlock(ve.default,e.mergeProps({key:0,"data-testid":"select-label"},l.labelAttributes,{for:N.value,required:V.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(U.value)+" ",1)]),_:2},[L.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createVNode(pe.default,null,{default:e.withCtx(({toggle:r,isToggled:a})=>[e.createVNode(me.default,e.mergeProps({ref:"popperElement"},X.value,{"close-on-popover-click":"","hide-close-icon":"",offset:e.unref(Be.KUI_SPACE_40),onClose:()=>se(r,a.value),onOpen:()=>ce(r),onPopoverClick:()=>ie(r)}),{content:e.withCtx(()=>[e.createElementVNode("div",{"aria-live":l.enableFiltering?"polite":"off"},[l.enableFiltering&&l.loading?(e.openBlock(),e.createElementBlock("div",qe,[e.renderSlot(t.$slots,"loading",{},()=>[e.createVNode(e.unref(ye.default),{class:"loading-icon",title:"Loading"})],!0)])):(e.openBlock(),e.createElementBlock("div",$e,[e.createVNode(be.default,{ref:"kSelectItems","filter-string":i.value,"item-creation-enabled":l.enableItemCreation&&K.value,"item-creation-valid":l.itemCreationValidator(i.value),items:$.value,onAddItem:P,onSelected:w},{content:e.withCtx(({item:u})=>[e.renderSlot(t.$slots,"item-template",{item:u},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!$.value.length&&!t.$slots.empty&&!l.enableItemCreation?(e.openBlock(),e.createBlock(ke.default,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),(l.dropdownFooterText||t.$slots["dropdown-footer-text"])&&l.dropdownFooterTextPosition==="static"?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(t.$slots,"dropdown-footer-text",{},()=>[e.createTextVNode(e.toDisplayString(l.dropdownFooterText),1)],!0)])):e.createCommentVNode("",!0)])),!l.loading&&!$.value.length&&t.$slots.empty?(e.openBlock(),e.createElementBlock("div",Ee,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],8,Fe),(l.dropdownFooterText||t.$slots["dropdown-footer-text"])&&l.dropdownFooterTextPosition==="sticky"?(e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(t.$slots,"dropdown-footer-text",{},()=>[e.createTextVNode(e.toDisplayString(l.dropdownFooterText),1)],!0)])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(H),ref:"selectWrapperElement",class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:ue},[(e.openBlock(),e.createBlock(fe.default,e.mergeProps({id:N.value,key:W.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:["select-input",{"filtering-disabled":!l.enableFiltering,"hide-model-value":T.value&&(!l.enableFiltering||!a.value),"input-has-focus":k.value||a.value}],"data-testid":"select-input",disabled:p.value,error:l.error,"model-value":i.value,placeholder:s.value&&!l.enableFiltering?s.value.label:Z.value,readonly:y.value,spellcheck:"false"},j.value,{onBlur:re,onClick:ne,onFocus:ae,onKeydown:e.withKeys(te,["enter"]),onKeypress:ee,onKeyup:[u=>le(u,a),o[0]||(o[0]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":oe}),e.createSlots({after:e.withCtx(()=>[_.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:e.withModifiers(x,["stop"])},[e.createVNode(e.unref(ge.default),{decorative:""})])):e.createCommentVNode("",!0),y.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(he.default),{key:1,class:e.normalizeClass(["chevron-down-icon",{disabled:p.value}]),decorative:""},null,8,["class"]))]),_:2},[m.before?{name:"before",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,t.$slots["label-tooltip"]?{name:"label-tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"1"}:void 0]),1040,["id","class","disabled","error","model-value","placeholder","readonly","onKeyup"])),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[T.value&&(!l.enableFiltering||!a.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["custom-selected-item-wrapper",{clearable:l.clearable,readonly:y.value}])},[e.renderSlot(t.$slots,"selected-item-template",{item:s.value},()=>[e.renderSlot(t.$slots,"item-template",{item:s.value},void 0,!0)],!0)],2)):e.createCommentVNode("",!0)]),_:2},1024)],8,Ie)]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3}),l.help?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(["help-text",{"select-error":l.error}])},e.toDisplayString(l.help),3)):e.createCommentVNode("",!0)],2))}});exports.default=Ve;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),de=require("./kongponents193.cjs"),ve=require("./kongponents48.cjs"),fe=require("./kongponents46.cjs"),me=require("./kongponents53.cjs"),pe=require("./kongponents20.cjs"),be=require("./kongponents237.cjs"),ke=require("./kongponents238.cjs"),he=require("./kongponents206.cjs"),ge=require("./kongponents179.cjs"),ye=require("./kongponents182.cjs"),Ce=require("./kongponents207.cjs"),D=require("./kongponents168.cjs"),we=require("./kongponents208.cjs"),Se=require("./kongponents151.cjs"),O=require("./kongponents186.cjs"),Be=require("./kongponents173.cjs"),Ie=["id"],Fe=["aria-live"],qe={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},$e={key:1,class:"select-items-container","data-propagate-clicks":"false"},xe={key:1,class:"dropdown-footer dropdown-footer-static"},Ee={key:2,class:"select-empty","data-propagate-clicks":"false"},Ne={key:0,class:"dropdown-footer dropdown-footer-sticky"},Ve=e.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},label:{default:""},labelAttributes:{default:()=>({})},width:{default:"100%"},placeholder:{default:""},items:{default:()=>[]},enableFiltering:{type:Boolean},filterFunction:{default:()=>(l=>{var g;return(g=l.items)==null?void 0:g.filter(B=>{var c,v;return(v=B.label)==null?void 0:v.toLowerCase().includes((c=l.query)==null?void 0:c.toLowerCase())})})},loading:{type:Boolean},clearable:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{default:"sticky"},reuseItemTemplate:{type:Boolean},enableItemCreation:{type:Boolean},itemCreationValidator:{type:Function,default:()=>!0},error:{type:Boolean},help:{default:""}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(l,{emit:g}){e.useCssVars(t=>({v1a99f553:Q.value,v5f65cb41:C.value,v5d59272e:G.value}));const{stripRequiredLabel:B}=de.default(),c=g,v=e.useAttrs(),m=e.useSlots(),R=e.useId(),N=e.computed(()=>v.id?String(v.id):R),I=e.ref(!1),F=e.ref(),L=e.computed(()=>{var t;return!!((t=l.labelAttributes)!=null&&t.info||m["label-tooltip"])}),V=e.computed(()=>v.required!==void 0&&String(v.required)!=="false"),p=e.computed(()=>v.disabled!==void 0&&String(v.disabled)!=="false"),y=e.computed(()=>v.readonly!==void 0&&String(v.readonly)!=="false"),A={popoverClasses:`k-select-popover select-popover ${l.dropdownFooterText||m["dropdown-footer-text"]?`has-${l.dropdownFooterTextPosition}-dropdown-footer`:""}`,popoverTimeout:0,placement:"bottom-start",hideCaret:!0},W=e.ref(0),M=e.useTemplateRef("inputElement"),U=e.computed(()=>B(l.label,V.value)),b=e.ref(!1),i=e.ref(""),K=e.computed(()=>{var t,o;return!(!i.value||(o=(t=n.value)==null?void 0:t.filter(r=>r.label===i.value))!=null&&o.length)}),H=e.useId(),s=e.ref(null),n=e.ref([]),k=e.ref(!1),q=e.useTemplateRef("popperElement"),f=e.useTemplateRef("selectWrapperElement"),J=e.computed({get(){return l.modelValue},set(t){var r;const o=(r=n.value)==null?void 0:r.filter(a=>a.value===t);o!=null&&o.length?w(o[0]):t||x()}}),Q=e.computed(()=>O.normalizeSize(l.width||"100%")),C=e.ref(""),j=e.computed(()=>{const t={...v};return delete t.class,t}),Y=e.computed(()=>{var t;return{...A,...l.kpopAttributes,popoverClasses:`${A.popoverClasses} ${((t=l.kpopAttributes)==null?void 0:t.popoverClasses)??""}`,width:String(C.value),maxWidth:String(C.value),disabled:p.value||y.value}}),G=e.computed(()=>O.normalizeSize(l.dropdownMaxHeight)),X=e.computed(()=>({...Y.value})),Z=e.computed(()=>l.placeholder||v.placeholder||"Select..."),_=e.computed(()=>!p.value&&l.clearable&&!!s.value),T=e.computed(()=>!!(s.value&&(m["selected-item-template"]||l.reuseItemTemplate&&m["item-template"]))),$=e.computed(()=>{let t=[];if(!l.enableFiltering||!i.value)t=n.value;else{const a=l.filterFunction({query:i.value,items:n.value});t=a===!0?n.value:a}const o=t.filter(a=>!a.group),r=t.filter(a=>a.group).sort((a,u)=>a.group.toLowerCase().localeCompare(u.group.toLowerCase()));return[...o,...r]}),ee=t=>{if(!l.enableFiltering)return t.preventDefault(),!1},te=t=>{l.enableItemCreation&&P(),t.preventDefault()},P=()=>{var r,a;if(!l.enableItemCreation||!i.value||!K.value||!l.itemCreationValidator(i.value))return;const t=(((r=n.value)==null?void 0:r.length)||0)+1,o={label:D.sanitizeInput(i.value),value:Se.getUniqueStringId(),key:`${(a=D.sanitizeInput(i.value).replace(/ /gi,"-"))==null?void 0:a.replace(/[^a-z0-9-_]/gi,"")}-${t}`,custom:!0};c("item-added",o),w(o,!0),i.value=""},w=(t,o)=>{var r,a;o&&((r=n.value)==null||r.push(t)),(a=n.value)==null||a.forEach((u,S)=>{var h;u.key===t.key?(u.selected=!0,s.value=u):u.selected?(u.selected=!1,u.custom&&((h=n.value)==null||h.splice(S,1),c("item-removed",u))):u.selected=!1}),b.value=!0,i.value=t.label},x=()=>{var t;(t=n.value)==null||t.forEach((o,r)=>{var a;o.selected=!1,o.custom&&((a=n.value)==null||a.splice(r,1),c("item-removed",o))}),s.value=null,i.value="",c("input",null),c("change",null),c("update:modelValue",null)},z=e.useTemplateRef("kSelectItems"),le=(t,o)=>{var a,u;if(t.keyCode===27){o.value=!1;return}const r=(a=f.value)==null?void 0:a.children[0];!o.value&&r&&r.click(),(t.key==="ArrowDown"||t.key==="ArrowUp")&&o.value&&((u=z.value)==null||u.setFocus(t.key==="ArrowDown"?"down":"up"))},oe=t=>{i.value!==t&&(i.value=t)},ae=()=>{k.value=!0},re=()=>{k.value=!1},ne=()=>{var t,o,r;l.enableFiltering||(r=(o=(t=M.value)==null?void 0:t.$el)==null?void 0:o.querySelector("input"))==null||r.blur()},ue=t=>{var o;(p.value||((o=t==null?void 0:t.target)==null?void 0:o.dataset.propagateClicks)==="false")&&t.stopPropagation()},ie=t=>{t()},se=(t,o)=>{I.value=!1,s.value?(b.value=!0,i.value=s.value.label):i.value="",o&&t()},ce=t=>{I.value=!0,l.enableFiltering&&(i.value=""),t()};return e.watch(J,(t,o)=>{var r;if(t!==o){const a=(r=n.value)==null?void 0:r.filter(u=>u.value===t);a!=null&&a.length?w(a[0]):t||x()}}),e.watch(()=>l.items,(t,o)=>{var r,a,u,S,h;if(JSON.stringify(t)!==JSON.stringify(o)){n.value=JSON.parse(JSON.stringify(l.items)),(r=n.value)!=null&&r.length&&(s.value=null);for(let d=0;d<((a=n.value)==null?void 0:a.length);d++){n.value[d].selected===void 0&&(n.value[d].selected=!1);let E=`${(S=(u=n.value[d].label)==null?void 0:u.replace(/ /gi,"-"))==null?void 0:S.replace(/[^a-z0-9-_]/gi,"")}-${d}`;E.includes("undefined")&&(E=`select-item-label-${d}`),n.value[d].key=E,(n.value[d].value===l.modelValue||n.value[d].selected)&&(n.value[d].selected=!0,s.value=n.value[d],k.value||(b.value=!0,i.value=s.value.label)),((h=s.value)==null?void 0:h.value)===n.value[d].value&&(n.value[d].selected=!0)}q.value&&typeof q.value.updatePopper=="function"&&e.nextTick(()=>{q.value.updatePopper()})}},{deep:!0,immediate:!0}),e.watch(i,t=>{b.value&&t||(c("query-change",t),b.value=!1)}),e.watch(s,(t,o)=>{t&&t!==o&&(c("selected",t),c("input",t.value),c("change",t),c("update:modelValue",t.value))},{deep:!0}),e.onMounted(()=>{f.value&&(F.value=Ce.ResizeObserverHelper.create(()=>{var t;C.value=`${(t=f.value)==null?void 0:t.offsetWidth}px`}),F.value.observe(f.value)),we.useEventListener(document,"keydown",t=>{var o,r;!l.enableFiltering&&((o=document.activeElement)==null?void 0:o.tagName)==="BODY"&&!k.value&&I.value&&(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),(r=z.value)==null||r.setFocus(t.key==="ArrowDown"?"down":"up"))})}),e.onBeforeUnmount(()=>{var t;f.value&&((t=F.value)==null||t.unobserve(f.value))}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-select",[t.$attrs.class]])},[l.label?(e.openBlock(),e.createBlock(ve.default,e.mergeProps({key:0,"data-testid":"select-label"},l.labelAttributes,{for:N.value,required:V.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(U.value)+" ",1)]),_:2},[L.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createVNode(pe.default,null,{default:e.withCtx(({toggle:r,isToggled:a})=>[e.createVNode(me.default,e.mergeProps({ref:"popperElement"},X.value,{"close-on-popover-click":"","hide-close-icon":"",offset:e.unref(Be.KUI_SPACE_40),onClose:()=>se(r,a.value),onOpen:()=>ce(r),onPopoverClick:()=>ie(r)}),{content:e.withCtx(()=>[e.createElementVNode("div",{"aria-live":l.enableFiltering?"polite":"off"},[l.enableFiltering&&l.loading?(e.openBlock(),e.createElementBlock("div",qe,[e.renderSlot(t.$slots,"loading",{},()=>[e.createVNode(e.unref(ye.default),{class:"loading-icon",title:"Loading"})],!0)])):(e.openBlock(),e.createElementBlock("div",$e,[e.createVNode(be.default,{ref:"kSelectItems","filter-string":i.value,"item-creation-enabled":l.enableItemCreation&&K.value,"item-creation-valid":l.itemCreationValidator(i.value),items:$.value,onAddItem:P,onSelected:w},{content:e.withCtx(({item:u})=>[e.renderSlot(t.$slots,"item-template",{item:u},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!$.value.length&&!t.$slots.empty&&!l.enableItemCreation?(e.openBlock(),e.createBlock(ke.default,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),(l.dropdownFooterText||t.$slots["dropdown-footer-text"])&&l.dropdownFooterTextPosition==="static"?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(t.$slots,"dropdown-footer-text",{},()=>[e.createTextVNode(e.toDisplayString(l.dropdownFooterText),1)],!0)])):e.createCommentVNode("",!0)])),!l.loading&&!$.value.length&&t.$slots.empty?(e.openBlock(),e.createElementBlock("div",Ee,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],8,Fe),(l.dropdownFooterText||t.$slots["dropdown-footer-text"])&&l.dropdownFooterTextPosition==="sticky"?(e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(t.$slots,"dropdown-footer-text",{},()=>[e.createTextVNode(e.toDisplayString(l.dropdownFooterText),1)],!0)])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(H),ref:"selectWrapperElement",class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:ue},[(e.openBlock(),e.createBlock(fe.default,e.mergeProps({id:N.value,key:W.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:["select-input",{"filtering-disabled":!l.enableFiltering,"hide-model-value":T.value&&(!l.enableFiltering||!a.value),"input-has-focus":k.value||a.value}],"data-testid":"select-input",disabled:p.value,error:l.error,"model-value":i.value,placeholder:s.value&&!l.enableFiltering?s.value.label:Z.value,readonly:y.value,spellcheck:"false"},j.value,{onBlur:re,onClick:ne,onFocus:ae,onKeydown:e.withKeys(te,["enter"]),onKeypress:ee,onKeyup:[u=>le(u,a),o[0]||(o[0]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":oe}),e.createSlots({after:e.withCtx(()=>[_.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:e.withModifiers(x,["stop"])},[e.createVNode(e.unref(ge.default),{decorative:""})])):e.createCommentVNode("",!0),y.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(he.default),{key:1,class:e.normalizeClass(["chevron-down-icon",{disabled:p.value}]),decorative:""},null,8,["class"]))]),_:2},[m.before?{name:"before",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,t.$slots["label-tooltip"]?{name:"label-tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"1"}:void 0]),1040,["id","class","disabled","error","model-value","placeholder","readonly","onKeyup"])),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[T.value&&(!l.enableFiltering||!a.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["custom-selected-item-wrapper",{clearable:l.clearable,readonly:y.value}])},[e.renderSlot(t.$slots,"selected-item-template",{item:s.value},()=>[e.renderSlot(t.$slots,"item-template",{item:s.value},void 0,!0)],!0)],2)):e.createCommentVNode("",!0)]),_:2},1024)],8,Ie)]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3}),l.help?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(["help-text",{"select-error":l.error}])},e.toDisplayString(l.help),3)):e.createCommentVNode("",!0)],2))}});exports.default=Ve;

package/dist/kongponents139.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents198.cjs"),u=require("./kongponents166.cjs"),f=require("./kongponents171.cjs"),m=require("./kongponents191.cjs"),v={class:"k-slideout"},k={key:0,ref:"slideoutContainerElement",class:"slideout-container","data-testid":"slideout-container"},y={class:"slideout-header"},C={key:0,class:"slideout-title","data-testid":"slideout-title"},E={class:"slideout-content"},h=e.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean},hasOverlay:{type:Boolean,default:!0},offsetTop:{default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{default:""},maxWidth:{default:"500px"},zIndex:{default:9999}},emits:["close"],setup(o,{emit:a}){e.useCssVars(t=>({fe411dca:c.value,v097e7e0e:t.maxWidth,v3afc0278:t.zIndex}));const s=a,d=e.useTemplateRef("slideoutContainerElement"),c=e.computed(()=>m.normalizeSize(o.offsetTop));r.onClickOutside(d,t=>{t.isTrusted&&o.closeOnBlur&&s("close")});const i=(t,n=!1)=>{(o.visible&&t.keyCode===27&&o.closeOnEscape||n)&&s("close")},l=t=>{typeof document<"u"&&(t?document==null||document.addEventListener("keydown",i):document==null||document.removeEventListener("keydown",i))};return e.watch(()=>o.visible,async t=>{l(!!t)},{immediate:!0}),e.onUnmounted(()=>{l(!1)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!o.hasOverlay}])},null,2)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"kongponents-slide-in-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("div",y,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:n[0]||(n[0]=e.withModifiers(B=>t.$emit("close"),["stop"]))},[e.createVNode(e.unref(u.default),{color:`var(--kui-color-text-neutral, ${e.unref(f.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])])]),e.createElementVNode("div",E,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],512)):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents208.cjs"),u=require("./kongponents179.cjs"),f=require("./kongponents173.cjs"),m=require("./kongponents186.cjs"),v={class:"k-slideout"},k={key:0,ref:"slideoutContainerElement",class:"slideout-container","data-testid":"slideout-container"},y={class:"slideout-header"},C={key:0,class:"slideout-title","data-testid":"slideout-title"},E={class:"slideout-content"},h=e.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean},hasOverlay:{type:Boolean,default:!0},offsetTop:{default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{default:""},maxWidth:{default:"500px"},zIndex:{default:9999}},emits:["close"],setup(o,{emit:a}){e.useCssVars(t=>({fe411dca:c.value,v097e7e0e:t.maxWidth,v3afc0278:t.zIndex}));const s=a,d=e.useTemplateRef("slideoutContainerElement"),c=e.computed(()=>m.normalizeSize(o.offsetTop));r.onClickOutside(d,t=>{t.isTrusted&&o.closeOnBlur&&s("close")});const i=(t,n=!1)=>{(o.visible&&t.keyCode===27&&o.closeOnEscape||n)&&s("close")},l=t=>{typeof document<"u"&&(t?document==null||document.addEventListener("keydown",i):document==null||document.removeEventListener("keydown",i))};return e.watch(()=>o.visible,async t=>{l(!!t)},{immediate:!0}),e.onUnmounted(()=>{l(!1)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!o.hasOverlay}])},null,2)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"kongponents-slide-in-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("div",y,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:n[0]||(n[0]=e.withModifiers(B=>t.$emit("close"),["stop"]))},[e.createVNode(e.unref(u.default),{color:`var(--kui-color-text-neutral, ${e.unref(f.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])])]),e.createElementVNode("div",E,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],512)):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=h;

package/dist/kongponents141.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kongponents213.cjs"),n={key:0,class:"k-stepper"},r=e.defineComponent({__name:"KStepper",props:{steps:{},maxLabelWidth:{default:"170px"}},setup(t){return(s,c)=>t.steps&&t.steps.length?(e.openBlock(),e.createElementBlock("ol",n,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.steps,l=>(e.openBlock(),e.createBlock(a.default,{key:`step-${l.label.replace(/ /gi,"-")}`,label:l.label,"max-label-width":t.maxLabelWidth,state:l.state},null,8,["label","max-label-width","state"]))),128))])):e.createCommentVNode("",!0)}});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kongponents229.cjs"),n={key:0,class:"k-stepper"},r=e.defineComponent({__name:"KStepper",props:{steps:{},maxLabelWidth:{default:"170px"}},setup(t){return(s,c)=>t.steps&&t.steps.length?(e.openBlock(),e.createElementBlock("ol",n,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.steps,l=>(e.openBlock(),e.createBlock(a.default,{key:`step-${l.label.replace(/ /gi,"-")}`,label:l.label,"max-label-width":t.maxLabelWidth,state:l.state},null,8,["label","max-label-width","state"]))),128))])):e.createCommentVNode("",!0)}});exports.default=r;