@kong/kongponents 9.43.2 → 9.43.3-pr.2953.6ec956d.0

package/dist/kongponents.es.js

@@ -24465,7 +24465,7 @@ class RY {
     }), this.toastersContainer && Hc(this.toaster, this.toastersContainer);
   }
   setTimer(t, a) {
-    return setTimeout(() => this.close(t), a);
+    return (window == null ? void 0 : window.setTimeout(() => this.close(t), a)) || 0;
   }
   open(t) {
     const { key: a, timeoutMilliseconds: n, appearance: r, message: i, title: o } = t, u = a ? String(a) : us(), s = r && Object.keys(vg).indexOf(r) !== -1 ? r : Ys.appearance, l = this.setTimer(a, n || Ys.timeoutMilliseconds), c = typeof t == "string" ? t : i;

package/dist/kongponents.umd.js

@@ -30,7 +30,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 We suggest using 'KModal' component instead.
 Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`)}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",l)}),t.onUnmounted(()=>{document.body.style.overflow=""}),(s,u)=>e.isVisible?(t.openBlock(),t.createElementBlock("div",{key:0,"aria-label":e.title,"aria-modal":"true",class:"k-modal-fullscreen isOpen",role:"dialog",onKeyup:[t.withKeys(c,["enter"]),t.withKeys(d,["esc"])]},[t.createElementVNode("div",{ref_key:"modalBodyContent",ref:o,class:t.normalizeClass(["k-modal-fullscreen-dialog",{"has-footer":s.$slots["footer-content"]}]),tabindex:"0"},[t.createElementVNode("div",PL,[s.$slots["body-header"]||e.bodyHeader?(t.openBlock(),t.createElementBlock("div",LL,[t.renderSlot(s.$slots,"body-header",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeader),1)],!0)])):t.createCommentVNode("",!0),s.$slots["body-header-description"]||e.bodyHeaderDescription?(t.openBlock(),t.createElementBlock("div",VL,[t.renderSlot(s.$slots,"body-header-description",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeaderDescription),1)],!0)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",RL,[t.renderSlot(s.$slots,"default",{},void 0,!0)]),t.createElementVNode("div",zL,[t.createElementVNode("div",FL,[t.createElementVNode("div",YL,[t.createElementVNode("span",HL,[t.renderSlot(s.$slots,"header-icon",{},()=>[t.createVNode(t.unref(Tl),{color:t.unref(Kd)},null,8,["color"])],!0)]),t.createElementVNode("span",qL,[t.renderSlot(s.$slots,"header-content",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])]),t.createElementVNode("div",WL,[t.createElementVNode("div",KL,[t.renderSlot(s.$slots,"action-buttons",{},()=>[t.createVNode(Me,{appearance:e.cancelButtonAppearance,class:"cancel-button",onClick:d},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.cancelButtonText),1)]),_:1},8,["appearance"]),t.createVNode(Me,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:c},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])]),s.$slots["footer-content"]?(t.openBlock(),t.createElementBlock("div",UL,[t.renderSlot(s.$slots,"footer-content",{},void 0,!0),t.createElementVNode("div",jL,[t.createElementVNode("div",GL,[t.renderSlot(s.$slots,"action-buttons",{},()=>[t.createVNode(Me,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:c},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])):t.createCommentVNode("",!0)],2)],40,OL)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-ff332793"]]),QL=["aria-selected","data-testid"],ZL={class:"multiselect-item-container"},XL=["disabled","value"],JL={class:"multiselect-item-label"},ol=ye(t.defineComponent({__name:"KMultiselectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(e,{emit:n}){const a=n,r=()=>{e.item.disabled||a("selected",e.item)};return(o,i)=>(t.openBlock(),t.createElementBlock("div",{key:e.item.key,"aria-selected":e.item.selected,class:"multiselect-item","data-testid":`multiselect-item-${e.item.value}`,role:"option"},[t.createElementVNode("div",ZL,[t.createElementVNode("button",{class:t.normalizeClass({selected:e.item.selected}),disabled:e.item.disabled===!0?!0:void 0,type:"button",value:e.item.value,onClick:r,onKeydown:[i[0]||(i[0]=t.withKeys(t.withModifiers(l=>o.$emit("arrow-down"),["prevent"]),["down"])),i[1]||(i[1]=t.withKeys(t.withModifiers(l=>o.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",JL,[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,XL)])],8,QL))}}),[["__scopeId","data-v-e01a7f81"]]),_L={ref:"itemsContainer","aria-live":"polite",class:"multiselect-items-container"},eV={class:"multiselect-group-title"},tV={class:"select-item-description"},d1=".multiselect-item button:not(:disabled)",nV=ye(t.defineComponent({__name:"KMultiselectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(e,{expose:n,emit:a}){const r=a,o=m=>r("selected",m),i=t.computed(()=>{var m;return(m=e.items)==null?void 0:m.filter(f=>!f.group)}),l=t.computed(()=>{var m,f;return[...new Set((f=(m=e.items)==null?void 0:m.filter(p=>p.group))==null?void 0:f.map(p=>p.group))].sort((p,b)=>p.toLowerCase().localeCompare(b.toLowerCase()))}),d=m=>{var f;return(f=e.items)==null?void 0:f.filter(p=>p.group===m)},c=t.useTemplateRef("itemsContainer"),s=m=>{var b;const f=c.value;if(!f)return;const p=f.querySelectorAll(d1);(b=p[m==="down"?0:p.length-1])==null||b.focus()},u=({target:m,key:f})=>{var p;if(f==="ArrowDown"||f==="ArrowUp"){const b=(p=c.value)==null?void 0:p.querySelectorAll(d1);if(b!=null&&b.length){const w=[...b].indexOf(m),h=f==="ArrowDown"?w+1:w-1,g=b[h];g==null||g.focus()}}};return n({setFocus:s}),(m,f)=>(t.openBlock(),t.createElementBlock("div",_L,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.value,(p,b)=>(t.openBlock(),t.createBlock(ol,{key:`${p.key?p.key:b}-item`,item:p,onKeydown:u,onSelected:o},{content:t.withCtx(()=>[t.renderSlot(m.$slots,"content",{item:p},void 0,!0)]),_:2},1032,["item"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.value,p=>(t.openBlock(),t.createElementBlock("div",{key:`${p}-group`,class:"multiselect-group"},[t.createElementVNode("span",eV,t.toDisplayString(p),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d(p),(b,w)=>(t.openBlock(),t.createBlock(ol,{key:`${b.key?b.key:p+"-"+w+"-item"}`,item:b,onKeydown:u,onSelected:o},{content:t.withCtx(()=>[t.renderSlot(m.$slots,"content",{item:b},void 0,!0)]),_:2},1032,["item"]))),128))]))),128)),e.itemCreationEnabled?(t.openBlock(),t.createBlock(ol,{key:"multiselect-add-item",class:"multiselect-add-item","data-testid":"multiselect-add-item",item:{label:`${e.filterString} (Add new value)`,value:"add_item",disabled:!e.itemCreationValid},onKeydown:u,onSelected:f[0]||(f[0]=p=>m.$emit("add-item"))},{content:t.withCtx(()=>[t.createElementVNode("div",tV,[t.createTextVNode(t.toDisplayString(e.filterString)+" ",1),f[1]||(f[1]=t.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):t.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-a2ee6e0d"]]);function Dc(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function aV(e,n){let a;return(...r)=>{clearTimeout(a),a=window==null?void 0:window.setTimeout(()=>{e(...r)},n)}}const u1=e=>{try{return new URL(e),!0}catch{return!1}},f1=15,m1=(e,n)=>e.pageSize?e.pageSize:n.initialPageSize?n.initialPageSize:n.pageSizes&&Array.isArray(n.pageSizes)&&n.pageSizes.length?n.pageSizes[0]:f1,rV="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let oV=(e=21)=>{let n="",a=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)n+=rV[a[e]&63];return n};const il=()=>oV(),iV={"data-testid":"multiselect-container"},lV=["id","tabindex"],sV={key:0},cV={key:1,class:"expanded-selection-empty"},dV={class:"multiselect-selection-badge-label"},uV=["aria-label","onClick"],fV={class:"multiselect-icons-container"},mV={key:0,class:"multiselect-input-wrapper"},pV={key:2,class:"multiselect-empty","data-propagate-clicks":"false"},hV={key:1,class:"help-text"},gV={key:2,"aria-hidden":"true",class:"staging-area"},yV={class:"multiselect-selection-badge-label"},bV=36,vV="Filter...",p1=ye(t.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:e=>e.items.filter(n=>{var a,r;return(r=n.label)==null?void 0:r.toLowerCase().includes((a=e.query)==null?void 0:a.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(e,{emit:n}){t.useCssVars(q=>({v43ca70d7:ve.value}));const a=q=>{const J=[];return q.forEach(pe=>J.push(pe.value)),J},r=q=>{const J=a(q),pe=new Set(J);return J.length===pe.size},o=t.useAttrs(),i=t.useSlots(),{cloneDeep:l,stripRequiredLabel:d}=Hn();t.watch(()=>e.items,q=>{!q.length||q.every(pe=>pe.label!==void 0&&pe.value!==void 0)&&r(q)||console.warn("KMultiselect: Items must have a label & value and value must be unique")},{immediate:!0});const c=n,s=t.useTemplateRef("kMultiselectItems"),u=t.computed(()=>o.required!==void 0&&String(o.required)!=="false"),m=t.computed(()=>d(e.label,u.value)),f=t.computed(()=>{var q,J;return!!((q=e.labelAttributes)!=null&&q.help||(J=e.labelAttributes)!=null&&J.info||i["label-tooltip"])}),p=q=>U.value||j.value||q!=null&&q.disabled?"neutral":e.error?"danger":"info",b={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"k-multiselect-popover multiselect-popover"},w=t.ref(0),h=t.ref(0),g=t.useId(),y=t.computed(()=>o.id?String(o.id):g),v=t.useId(),k=t.useTemplateRef("multiselectElement"),S=t.useTemplateRef("multiselectDropdownInputElement"),$=t.useTemplateRef("multiselectSelectionsStagingElement"),x=t.computed(()=>e.selectedRowCount*bV),M=t.ref(""),H=t.computed(()=>!(!M.value||O.value.filter(q=>q.label===M.value).length)),T=t.ref(null),O=t.ref([]),Y=t.ref([]),C=t.ref([]),B=t.ref([]),E=t.ref([]),N=new Set,I=t.ref([]),L=t.ref([]),K=t.computed(()=>L.value.map(q=>q.label).join(", ")),P=t.ref(!1),Z=t.ref(!1),_=t.ref(!1),U=t.computed(()=>(o==null?void 0:o.disabled)!==void 0&&String(o==null?void 0:o.disabled)!=="false"),j=t.computed(()=>(o==null?void 0:o.readonly)!==void 0&&String(o==null?void 0:o.readonly)!=="false"),X=t.computed({get(){return e.modelValue},set(q){const J=O.value.filter(pe=>q.includes(pe.value));J.length?ue(J):q.length||Ae()}}),he=t.computed(()=>{const q={...o};return delete q.class,q}),me=t.computed(()=>{var q;return{...b,...e.kpopAttributes,popoverClasses:`${b.popoverClasses} ${((q=e.kpopAttributes)==null?void 0:q.popoverClasses)??""} ${e.dropdownFooterText||i["dropdown-footer-text"]?"has-dropdown-footer":""}`,width:pt.value+"px",maxWidth:pt.value+"px",disabled:o.disabled!==void 0&&String(o.disabled)!=="false"||o.readonly!==void 0&&String(o.readonly)!=="false"}}),ve=t.computed(()=>nt(e.dropdownMaxHeight)),Ce=t.computed(()=>({...me.value})),Oe=t.computed(()=>{const q=e.width?e.width:"300";return nt(q)}),Ne=t.computed(()=>({width:Oe.value})),Pe=t.computed(()=>({width:pt.value+"px"})),Le=t.computed(()=>{if(C.value.length===0){if(!e.collapsedContext&&e.placeholder)return e.placeholder;if(e.collapsedContext&&e.searchPlaceholder)return e.searchPlaceholder}return C.value.length===1?`${C.value.length} item selected`:`${C.value.length} items selected`}),re=t.computed(()=>e.autosuggest?O.value:e.filterFunction({items:O.value,query:M.value})),ae=q=>{var J;(U.value||((J=q==null?void 0:q.target)==null?void 0:J.dataset.propagateClicks)==="false")&&q.stopPropagation()},te=async(q,J,pe)=>{var z,D;if(q){if(!J.value){M.value="",pe(),qe(),await t.nextTick();const F=(D=(z=S.value)==null?void 0:z.$el)==null?void 0:D.querySelector("input");F==null||F.focus({preventScroll:!0})}}else J.value&&(M.value="",pe())},V=()=>{setTimeout(()=>{const q=$.value;if(e.collapsedContext){h.value++;return}if(q){if(q.clientHeight>x.value){const pe=Array.from(q.querySelectorAll(".multiselect-selection-badge")).filter(F=>F.offsetTop>=x.value),z=B.value.length-pe.length,D=B.value.splice(z,pe.length);for(const F of D)N.has(F.value)||(N.add(F.value),E.value.push(F))}h.value++}},0)},ue=q=>{q.forEach(J=>{var z;const pe=((z=O.value.filter(D=>D.value===J.value))==null?void 0:z[0])||null;pe.selected=!0,C.value.filter(D=>D.value===pe.value).length||(C.value.push(pe),B.value.push(pe))}),V()},we=(q,J=!1)=>{const pe=new Set(q.map(z=>z.value));C.value=C.value.filter(z=>!pe.has(z.value)),B.value=B.value.filter(z=>!pe.has(z.value)),E.value=E.value.filter(z=>!pe.has(z.value)),q.forEach(z=>{if(N.delete(z.value),z.selected=!1,E.value.length){const D=E.value.pop();D&&(B.value.push(D),N.delete(D.value))}e.enableItemCreation&&z.custom&&(O.value=O.value.filter(D=>D.value!==z.value),c("item-removed",z))}),J&&V()},ge=(q,J)=>{var F,ee;let pe=!1,z=J?q:((F=O.value.filter(ce=>ce.value===q.value))==null?void 0:F[0])||null;if(e.enableItemCreation&&(z!=null&&z.custom)&&(pe=!0),z===null&&(z=((ee=C.value.filter(ce=>ce.value===q.value))==null?void 0:ee[0])||null),z===null)return;if(z.selected){if(C.value=C.value.filter(ce=>ce.value!==q.value),B.value.filter(ce=>ce.value===q.value).length?B.value=B.value.filter(ce=>ce.value!==q.value):N.delete(q.value)&&(E.value=E.value.filter(ce=>ce.value!==q.value)),z.selected=!1,E.value.length){const ce=E.value.pop();ce&&(B.value.push(ce),N.delete(ce.value))}pe&&(O.value=O.value.filter(ce=>ce.value!==q.value),c("item-removed",q))}else z.selected=!0,C.value.push(z),B.value.push(z),J&&(z.custom=!0,O.value.push(z));V();const D=C.value.map(ce=>ce.value);c("selected",C.value),c("change",z),c("update:modelValue",D)},Be=q=>{e.enableItemCreation&&je(),q.preventDefault()},je=()=>{var pe;if(!e.enableItemCreation||!M.value||!H.value||!e.itemCreationValidator(M.value))return;const q=O.value.length+1,J={label:M.value.trim(),value:il(),key:`${(pe=Dc(M.value.trim()).replace(/ /gi,"-"))==null?void 0:pe.replace(/[^a-z0-9-_]/gi,"")}-${q}`};c("item-added",J),ge(J,!0),M.value=""},qe=()=>{const q=re.value.filter(F=>F.selected),J=re.value.filter(F=>!F.selected),pe=[...q,...J],z=pe.filter(F=>!F.group),D=pe.filter(F=>F.group).sort((F,ee)=>F.group.toLowerCase().localeCompare(ee.group.toLowerCase()));Y.value=[...z,...D]},Ae=()=>{O.value.forEach(J=>{J.disabled||(J.selected=!1,J.custom&&c("item-removed",J))}),O.value=O.value.filter(J=>!(J.custom&&!J.disabled)),C.value=C.value.filter(J=>J.disabled),B.value=B.value.filter(J=>J.disabled),E.value=E.value.filter(J=>(J.disabled||N.delete(J.value),J.disabled)),M.value="",V();const q=C.value.map(J=>J.value);c("selected",C.value),c("update:modelValue",q),c("query-change","")},Ye=q=>{M.value=q.trim(),c("query-change",q.trim())},tt=(q,J)=>{var pe;q.keyCode===27&&(J.value=!1),(q.key==="ArrowDown"||q.key==="ArrowUp")&&((pe=s.value)==null||pe.setFocus(q.key==="ArrowDown"?"down":"up"))},lt=()=>{var q;(q=T.value)==null||q.showPopover()},$t=q=>{var J;(q.key==="ArrowDown"||q.key==="ArrowUp")&&((J=s.value)==null||J.setFocus(q.key==="ArrowDown"?"down":"up"))},Mt=async()=>{_.value=!0,st()},st=()=>{P.value||(P.value=!0,c("query-change",""))};t.watch(h,()=>{setTimeout(()=>{const q=$.value;if(e.collapsedContext){I.value=l(B.value),L.value=[],w.value++;return}if(q)if(q.clientHeight>x.value){const pe=B.value.pop();pe&&!N.has(pe.value)&&(E.value.push(pe),N.add(pe.value)),h.value++}else I.value=l(B.value),L.value=l(E.value),w.value++},0)}),t.watch(w,async()=>{T.value&&typeof T.value.updatePopper=="function"&&(await t.nextTick(),T.value.updatePopper())}),t.watch(re,()=>{qe()}),t.watch(X,(q,J)=>{if(JSON.stringify(q)!==JSON.stringify(J)){if(!q.length){Ae();return}const pe=new Set(J),z=new Set(q),D=O.value.filter(ee=>z.has(ee.value)),F=C.value.filter(ee=>!z.has(ee.value)&&pe.has(ee.value));F.length&&we(F),D.length&&ue(D)}}),t.watch(()=>e.items,(q,J)=>{var pe,z;if(JSON.stringify(q)!==JSON.stringify(J)){O.value=l(e.items);for(let D=0;D<O.value.length;D++){O.value[D].selected===void 0&&(O.value[D].selected=!1);let F=`${(z=(pe=O.value[D].label)==null?void 0:pe.replace(/ /gi,"-"))==null?void 0:z.replace(/[^a-z0-9-_]/gi,"")}-${D}`;if(F.includes("undefined")&&(F=`multiselect-item-label-${D}`),O.value[D].key=F,e.modelValue.includes(O.value[D].value)||O.value[D].selected){const ee=O.value[D];ee.selected=!0,C.value.filter(ce=>ce.value===ee.value).length||C.value.push(ee),B.value.filter(ce=>ce.value===ee.value).length||B.value.push(ee)}}V(),T.value&&typeof T.value.updatePopper=="function"&&t.nextTick(()=>{T.value.updatePopper()})}},{deep:!0,immediate:!0});const pt=t.ref(300),Q=async()=>{var q;pt.value=300,await t.nextTick(),pt.value=((q=k.value)==null?void 0:q.clientWidth)||300,V()},xe=t.ref();return t.onMounted(()=>{Kt("resize",Q),xe.value=ua.create(Q),xe.value.observe(k.value)}),t.onBeforeUnmount(()=>{xe.value&&k.value&&xe.value.unobserve(k.value)}),(q,J)=>{const pe=t.resolveComponent("KTooltip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-multiselect",[q.$attrs.class,{"multiselect-error":e.error}]]),style:t.normalizeStyle(Ne.value)},[e.label?(t.openBlock(),t.createBlock(Ut,t.mergeProps({key:0},e.labelAttributes,{"data-testid":e.labelAttributes["data-testid"]?e.labelAttributes["data-testid"]:"multiselect-label",for:y.value,required:u.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(m.value)+" ",1)]),_:2},[f.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(q.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","for","required"])):t.createCommentVNode("",!0),t.createElementVNode("div",iV,[t.createVNode(yr,null,{default:t.withCtx(({isToggled:z,toggle:D})=>[t.createVNode(Yn,t.mergeProps({ref_key:"popper",ref:T,"hide-close-icon":"",offset:t.unref(co)},Ce.value,{onClose:()=>te(!1,z,D),onOpen:()=>te(!0,z,D)}),{content:t.withCtx(()=>[t.createElementVNode("div",{class:"multiselect-list",onClick:J[7]||(J[7]=t.withModifiers(()=>{},["stop"])),onMouseenter:J[8]||(J[8]=()=>Z.value=!0),onMouseleave:J[9]||(J[9]=()=>Z.value=!1)},[!e.collapsedContext&&!j.value?(t.openBlock(),t.createElementBlock("div",mV,[t.createVNode(Sn,{ref:"multiselectDropdownInputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":M.value,placeholder:e.searchPlaceholder||vV,spellcheck:"false",type:"text",onClick:J[5]||(J[5]=t.withModifiers(()=>{},["stop"])),onFocus:st,onKeydown:t.withKeys(Be,["enter"]),onKeyup:[$t,J[6]||(J[6]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":Ye},null,8,["model-value","placeholder"])])):t.createCommentVNode("",!0),t.createVNode(nV,{ref:"kMultiselectItems","filter-string":M.value,"item-creation-enabled":e.enableItemCreation&&H.value,"item-creation-valid":e.itemCreationValidator(M.value),items:Y.value,onAddItem:je,onSelected:ge},{content:t.withCtx(({item:F})=>[t.renderSlot(q.$slots,"item-template",{class:"multiselect-item",item:F},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!Y.value.length&&!q.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(ol,{key:"multiselect-empty-item",class:"multiselect-empty-item","data-testid":"multiselect-empty-item",item:{label:"No results",value:"no_results",disabled:!0}})):t.createCommentVNode("",!0),q.$slots.empty&&!e.loading&&!Y.value.length?(t.openBlock(),t.createElementBlock("div",pV,[t.renderSlot(q.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],32),e.dropdownFooterText||q.$slots["dropdown-footer-text"]?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["dropdown-footer",`dropdown-footer-${e.dropdownFooterTextPosition}`]),"data-testid":"dropdown-footer"},[t.renderSlot(q.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)],2)):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.createElementVNode("div",t.mergeProps({id:y.value,ref:"multiselectElement",class:["multiselect-trigger",{focused:_.value,hovered:Z.value,disabled:U.value,readonly:j.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:U.value||j.value||e.collapsedContext?-1:0},he.value,{onClick:ae,onKeydown:[t.withKeys(lt,["enter"]),t.withKeys(lt,["space"])]}),[e.collapsedContext?(t.openBlock(),t.createElementBlock("div",sV,[t.createVNode(Sn,{autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:t.normalizeClass(["multiselect-input",{"is-readonly":j.value}]),"data-testid":"multiselect-input",disabled:U.value,"model-value":M.value,placeholder:Le.value,readonly:j.value?!0:void 0,spellcheck:"false",type:"text",onBlur:J[0]||(J[0]=()=>_.value=!1),onClick:F=>{z.value&&F.stopPropagation()},onFocus:Mt,onKeydown:t.withKeys(Be,["enter"]),onKeyup:F=>tt(F,z),onMouseenter:J[1]||(J[1]=()=>Z.value=!0),onMouseleave:J[2]||(J[2]=()=>Z.value=!1),"onUpdate:modelValue":Ye},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):C.value.length?(t.openBlock(),t.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:t.normalizeStyle(Pe.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(I.value,(F,ee)=>(t.openBlock(),t.createBlock(La,{key:`${t.unref(v)}-${F.key?F.key:ee}-badge-${w.value}`,appearance:p(F),class:"multiselect-selection-badge","icon-before":!1,tooltip:F.label,"truncation-tooltip":"",onClick:J[3]||(J[3]=t.withModifiers(()=>{},["stop"]))},t.createSlots({default:t.withCtx(()=>[t.renderSlot(q.$slots,"item-badge-icon",{item:F},void 0,!0),t.createElementVNode("span",dV,t.toDisplayString(F.label),1)]),_:2},[F.selected&&!F.disabled&&!U.value&&!j.value?{name:"icon",fn:t.withCtx(()=>[t.createElementVNode("button",{"aria-label":`Unselect ${F.label}`,class:"badge-dismiss-button","data-testid":"badge-dismiss-button",type:"button",onClick:ce=>ge(F)},[t.createVNode(t.unref(It),{decorative:""})],8,uV)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),L.value.length?(t.openBlock(),t.createBlock(pe,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:K.value},{default:t.withCtx(()=>[t.createVNode(La,{appearance:p(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:J[4]||(J[4]=t.withModifiers(()=>{},["stop"]))},{default:t.withCtx(()=>[t.createTextVNode(" +"+t.toDisplayString(L.value.length),1)]),_:1},8,["appearance"])]),_:1},8,["text"])):t.createCommentVNode("",!0)],4)):(t.openBlock(),t.createElementBlock("div",cV,t.toDisplayString(Le.value),1)),t.createElementVNode("div",fV,[!e.loading&&C.value.length&&z.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:Ae},[t.createVNode(t.unref(It),{size:t.unref(ht)},null,8,["size"])])):e.loading?(t.openBlock(),t.createBlock(t.unref(vr),{key:1,class:"multiselect-loading-icon",size:t.unref(ht),title:"Loading"},null,8,["size"])):(t.openBlock(),t.createBlock(t.unref(so),{key:2,class:"multiselect-chevron-icon",decorative:"",size:t.unref(ht)},null,8,["size"]))])],16,lV)]),_:2},1040,["offset","onClose","onOpen"])]),_:3})]),e.help?(t.openBlock(),t.createElementBlock("p",hV,t.toDisplayString(e.help),1)):t.createCommentVNode("",!0),e.collapsedContext?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",gV,[(t.openBlock(),t.createElementBlock("div",{key:h.value,ref:"multiselectSelectionsStagingElement",class:"selection-badges-container staging",style:t.normalizeStyle(Pe.value),tabindex:"-1"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(B.value,(z,D)=>(t.openBlock(),t.createBlock(La,{key:`${t.unref(v)}-${z.key?z.key:D}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},t.createSlots({default:t.withCtx(()=>[t.renderSlot(q.$slots,"item-badge-icon",{item:z},void 0,!0),t.createElementVNode("span",yV,t.toDisplayString(z.label),1)]),_:2},[z.selected&&!z.disabled&&!U.value&&!j.value?{name:"icon",fn:t.withCtx(()=>[t.createVNode(t.unref(It),{"aria-hidden":"true"})]),key:"0"}:void 0]),1024))),128)),t.createVNode(La,{"aria-hidden":"true",class:"hidden-selection-count"},{default:t.withCtx(()=>[t.createTextVNode(" +"+t.toDisplayString(E.value.length),1)]),_:1})],4))]))],6)}}}),[["__scopeId","data-v-edc1b59c"]]),wV={key:0,class:"prompt-content"},kV={class:"prompt-message"},CV={key:1,class:"prompt-confirmation-container"},SV={class:"prompt-confirmation-text"},$V={class:"confirmation-text"},h1=ye(t.defineComponent({inheritAttrs:!1,__name:"KPrompt",props:{visible:{type:Boolean},title:{default:""},message:{default:""},actionButtonText:{default:"Confirm"},actionButtonAppearance:{default:"primary"},actionButtonDisabled:{type:Boolean},cancelButtonText:{default:"Cancel"},cancelButtonAppearance:{default:"tertiary"},cancelButtonDisabled:{type:Boolean},confirmationText:{default:""},confirmationPrompt:{default:"Type {confirmationText} to confirm your action."},modalAttributes:{default:()=>({})},errorMessage:{default:"You must enter the text as indicated above to confirm."}},emits:["proceed","cancel"],setup(e,{emit:n}){const a=n,r=t.useSlots(),o=t.useAttrs(),i=t.computed(()=>{const m=Object.assign({},o);return delete m["tabbable-options"],delete m["max-width"],delete m["max-height"],delete m["close-on-backdrop-click"],delete m["input-autofocus"],delete m["hide-close-icon"],delete m["hide-cancel-button"],delete m["full-screen"],m}),l=t.ref(""),d=t.ref(!1),c=t.computed(()=>e.actionButtonDisabled?!0:e.confirmationText?e.confirmationText!==l.value:!1),s=t.computed(()=>e.confirmationPrompt.split("{confirmationText}")),u=()=>{c.value?d.value=!0:a("proceed")};return t.watch(()=>e.visible,m=>{m||(l.value="",d.value=!1)}),t.watch(l,m=>{m&&m===e.confirmationText&&(d.value=!1)}),(m,f)=>(t.openBlock(),t.createBlock(Bc,t.mergeProps({...i.value,...e.modalAttributes},{"action-button-appearance":e.actionButtonAppearance,"action-button-disabled":c.value,"action-button-text":e.actionButtonText,"cancel-button-appearance":e.cancelButtonAppearance,"cancel-button-disabled":e.cancelButtonDisabled,"cancel-button-text":e.cancelButtonText,class:"k-prompt","input-autofocus":e.modalAttributes.inputAutofocus===void 0?!0:e.modalAttributes.inputAutofocus,title:e.title||"Confirm your action",visible:e.visible,onCancel:f[1]||(f[1]=p=>a("cancel")),onProceed:f[2]||(f[2]=p=>a("proceed"))}),t.createSlots({default:t.withCtx(()=>[r.default||e.message?(t.openBlock(),t.createElementBlock("div",wV,[t.renderSlot(m.$slots,"default",{},()=>[t.createElementVNode("p",kV,t.toDisplayString(e.message),1)],!0)])):t.createCommentVNode("",!0),e.confirmationText?(t.openBlock(),t.createElementBlock("div",CV,[t.createElementVNode("p",SV,[t.createTextVNode(t.toDisplayString(s.value[0])+" ",1),t.createElementVNode("span",$V,'"'+t.toDisplayString(e.confirmationText)+'"',1),t.createTextVNode(" "+t.toDisplayString(s.value[1]?s.value[1]:""),1)]),t.createVNode(Sn,{modelValue:l.value,"onUpdate:modelValue":f[0]||(f[0]=p=>l.value=p),"aria-label":`${s.value[0]}'${e.confirmationText}'${s.value[1]?s.value[1]:""}`,autocapitalize:"off",autocomplete:"off","data-testid":"confirmation-input",error:d.value,"error-message":e.errorMessage,onKeydown:t.withKeys(t.withModifiers(u,["prevent"]),["enter"])},null,8,["modelValue","aria-label","error","error-message","onKeydown"])])):t.createCommentVNode("",!0)]),_:2},[r.title?{name:"title",fn:t.withCtx(()=>[t.renderSlot(m.$slots,"title",{},void 0,!0)]),key:"0"}:void 0]),1040,["action-button-appearance","action-button-disabled","action-button-text","cancel-button-appearance","cancel-button-disabled","cancel-button-text","input-autofocus","title","visible"]))}}),[["__scopeId","data-v-6fbede40"]]),xV=["id","aria-checked","checked","disabled","tabindex"],EV={key:0,class:"radio-description"},BV=["data-testid","for","tabindex"],DV={key:0,class:"card-content-wrapper"},TV={key:1,class:"card-label-container"},NV={key:0,class:"radio-label"},AV={key:1,class:"radio-description"},MV={inheritAttrs:!1},IV=t.defineComponent({...MV,__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(e,{emit:n}){t.watch(()=>e.labelAttributes,g=>{g.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}),t.watch(()=>e.type,g=>{g&&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 a=n,r=t.useSlots(),o=t.useAttrs(),i=t.useId(),l=t.computed(()=>o.id?String(o.id):i),d=t.computed(()=>(o==null?void 0:o.disabled)!==void 0&&String(o==null?void 0:o.disabled)!=="false"),c=t.computed(()=>!!(e.label||r.default)),s=t.computed(()=>c.value&&(!!e.description||!!r.description)),u=t.computed(()=>!!e.label&&(!!e.description||!!r.description)),m=t.computed(()=>!!r.tooltip),f=t.computed(()=>e.selectedValue===e.modelValue),p=()=>{a("change",e.selectedValue),a("update:modelValue",e.selectedValue)},b=t.computed(()=>{const g={...o};return delete g.class,g}),w=t.computed(()=>({disabled:d.value,"radio-card":e.card||e.type==="card","input-error":e.error,checked:f.value,"has-description":s.value,"card-horizontal":e.card&&e.cardOrientation==="horizontal","card-vertical":e.card&&e.cardOrientation!=="horizontal"})),h=t.computed(()=>e.card&&o["data-testid"]?`${o["data-testid"]}-label`:void 0);return(g,y)=>{const v=t.resolveComponent("KTooltip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-radio",[g.$attrs.class?g.$attrs.class:"",w.value]])},[t.createElementVNode("input",t.mergeProps({id:l.value},b.value,{"aria-checked":f.value,checked:f.value,class:["radio-input",{hidden:e.card&&!e.cardRadioVisible}],disabled:d.value,tabindex:e.card||d.value||f.value?-1:0,type:"radio",onClick:p}),null,16,xV),!e.card&&(e.label||g.$slots.default)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["radio-label-wrapper",{"has-description":s.value}])},[t.createVNode(Ut,t.mergeProps(e.labelAttributes,{class:"radio-label",for:l.value}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(g.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.label),1)],!0)]),_:2},[m.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(g.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"]),s.value?(t.openBlock(),t.createElementBlock("div",EV,[t.renderSlot(g.$slots,"description",{},()=>[t.createElementVNode("p",null,t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)],2)):e.label||g.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:1,class:t.normalizeClass(["radio-card-wrapper radio-label-wrapper",{"has-label":e.label,"has-description":u.value,"show-radio":e.cardRadioVisible}]),"data-testid":h.value,for:l.value,tabindex:d.value||f.value?-1:0,onKeydown:y[0]||(y[0]=t.withKeys(t.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:t.withKeys(p,["space"])},[g.$slots.default?(t.openBlock(),t.createElementBlock("span",DV,[t.renderSlot(g.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0),e.label||u.value?(t.openBlock(),t.createElementBlock("span",TV,[e.label?(t.openBlock(),t.createElementBlock("span",NV,[t.createTextVNode(t.toDisplayString(e.label)+" ",1),r.tooltip?(t.openBlock(),t.createBlock(v,{key:0,class:"label-tooltip"},{content:t.withCtx(()=>[t.renderSlot(g.$slots,"tooltip",{},void 0,!0)]),default:t.withCtx(()=>[t.createVNode(t.unref(Vn),{class:"tooltip-trigger-icon",color:`var(--kui-color-text-neutral, ${t.unref(Xt)})`,tabindex:"0"},null,8,["color"])]),_:3})):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),u.value?(t.openBlock(),t.createElementBlock("span",AV,[t.renderSlot(g.$slots,"description",{},()=>[t.createTextVNode(t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)],42,BV)):t.createCommentVNode("",!0)],2)}}}),g1=ye(IV,[["__scopeId","data-v-3fb0c380"]]),OV=["aria-selected","data-testid"],PV={class:"select-item-container"},LV=["disabled","value"],VV={class:"select-item-label"},ll=ye(t.defineComponent({__name:"KSelectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(e,{emit:n}){const a=n,r=o=>{if(e.item.disabled){o.stopPropagation();return}a("selected",e.item)};return(o,i)=>(t.openBlock(),t.createElementBlock("div",{key:e.item.key,"aria-selected":e.item.selected,class:"select-item","data-testid":`select-item-${e.item.value}`,role:"option"},[t.createElementVNode("div",PV,[t.createElementVNode("button",{class:t.normalizeClass({selected:e.item.selected}),disabled:e.item.disabled===!0?!0:void 0,type:"button",value:e.item.value,onClick:r,onKeydown:[i[0]||(i[0]=t.withKeys(t.withModifiers(l=>o.$emit("arrow-down"),["prevent"]),["down"])),i[1]||(i[1]=t.withKeys(t.withModifiers(l=>o.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",VV,[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,LV)])],8,OV))}}),[["__scopeId","data-v-11bc36aa"]]),RV={ref:"itemsContainer"},zV={class:"select-group-title"},FV={class:"select-item-description"},y1=".select-item button:not(:disabled)",YV='.select-item[aria-selected="true"] button:not(:disabled)',HV=ye(t.defineComponent({__name:"KSelectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(e,{expose:n,emit:a}){const r=a,o=m=>r("selected",m),i=t.computed(()=>{var m;return(m=e.items)==null?void 0:m.filter(f=>!f.group)}),l=t.computed(()=>{var m,f;return[...new Set((f=(m=e.items)==null?void 0:m.filter(p=>p.group))==null?void 0:f.map(p=>p.group))].sort((p,b)=>p.toLowerCase().localeCompare(b.toLowerCase()))}),d=m=>{var f;return(f=e.items)==null?void 0:f.filter(p=>p.group===m)},c=t.useTemplateRef("itemsContainer"),s=m=>{var w,h;const f=c.value;if(!f)return;const p=f.querySelectorAll(y1);if(!(p!=null&&p.length))return;const b=f.querySelector(YV);if(b){const g=[...p].indexOf(b);(w=p[m==="down"?g+1:g-1])==null||w.focus()}else(h=p[m==="down"?0:p.length-1])==null||h.focus()},u=({target:m,key:f})=>{var p;if(f==="ArrowDown"||f==="ArrowUp"){const b=(p=c.value)==null?void 0:p.querySelectorAll(y1);if(b!=null&&b.length){const w=[...b].indexOf(m),h=f==="ArrowDown"?w+1:w-1,g=b[h];g==null||g.focus()}}};return n({setFocus:s}),(m,f)=>(t.openBlock(),t.createElementBlock("div",RV,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.value,p=>(t.openBlock(),t.createBlock(ll,{key:p.key,item:p,onKeydown:u,onSelected:o},{content:t.withCtx(()=>[t.renderSlot(m.$slots,"content",{item:p},void 0,!0)]),_:2},1032,["item"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.value,p=>(t.openBlock(),t.createElementBlock("div",{key:`${p}-group`,class:"select-group","data-propagate-clicks":"false"},[t.createElementVNode("span",zV,t.toDisplayString(p),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d(p),b=>(t.openBlock(),t.createBlock(ll,{key:b.key,item:b,onKeydown:u,onSelected:o},{content:t.withCtx(()=>[t.renderSlot(m.$slots,"content",{item:b},void 0,!0)]),_:2},1032,["item"]))),128))]))),128)),e.itemCreationEnabled?(t.openBlock(),t.createBlock(ll,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${e.filterString} (Add new value)`,value:"add_item",disabled:!e.itemCreationValid},onKeydown:u,onSelected:f[0]||(f[0]=p=>m.$emit("add-item"))},{content:t.withCtx(()=>[t.createElementVNode("div",FV,[t.createTextVNode(t.toDisplayString(e.filterString)+" ",1),f[1]||(f[1]=t.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):t.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-2f823fac"]]),qV=["id"],WV=["aria-live"],KV={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},UV={key:1,class:"select-items-container","data-propagate-clicks":"false"},jV={key:1,class:"dropdown-footer dropdown-footer-static"},GV={key:2,class:"select-empty","data-propagate-clicks":"false"},QV={key:0,class:"dropdown-footer dropdown-footer-sticky"},b1=ye(t.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:()=>(e=>{var n;return(n=e.items)==null?void 0:n.filter(a=>{var r,o;return(o=a.label)==null?void 0:o.toLowerCase().includes((r=e.query)==null?void 0:r.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(e,{emit:n}){t.useCssVars(V=>({v7a089d98:Y.value,v4d446bc6:C.value,v549311c9:N.value}));const{stripRequiredLabel:a}=Hn(),r=n,o=t.useAttrs(),i=t.useSlots(),l=t.useId(),d=t.computed(()=>o.id?String(o.id):l),c=t.ref(!1),s=t.ref(),u=t.computed(()=>{var V;return!!((V=e.labelAttributes)!=null&&V.info||i["label-tooltip"])}),m=t.computed(()=>o.required!==void 0&&String(o.required)!=="false"),f=t.computed(()=>o.disabled!==void 0&&String(o.disabled)!=="false"),p=t.computed(()=>o.readonly!==void 0&&String(o.readonly)!=="false"),b={popoverClasses:`k-select-popover select-popover ${e.dropdownFooterText||i["dropdown-footer-text"]?`has-${e.dropdownFooterTextPosition}-dropdown-footer`:""}`,popoverTimeout:0,placement:"bottom-start",hideCaret:!0},w=t.ref(0),h=t.useTemplateRef("inputElement"),g=t.computed(()=>a(e.label,m.value)),y=t.ref(!1),v=t.ref(""),k=t.computed(()=>{var V,ue;return!(!v.value||(ue=(V=x.value)==null?void 0:V.filter(we=>we.label===v.value))!=null&&ue.length)}),S=t.useId(),$=t.ref(null),x=t.ref([]),M=t.ref(!1),H=t.useTemplateRef("popperElement"),T=t.useTemplateRef("selectWrapperElement"),O=t.computed({get(){return e.modelValue},set(V){var we;const ue=(we=x.value)==null?void 0:we.filter(ge=>ge.value===V);ue!=null&&ue.length?X(ue[0]):V||he()}}),Y=t.computed(()=>nt(e.width||"100%")),C=t.ref(""),B=t.computed(()=>{const V={...o};return delete V.class,V}),E=t.computed(()=>{var V;return{...b,...e.kpopAttributes,popoverClasses:`${b.popoverClasses} ${((V=e.kpopAttributes)==null?void 0:V.popoverClasses)??""}`,width:String(C.value),maxWidth:String(C.value),disabled:f.value||p.value}}),N=t.computed(()=>nt(e.dropdownMaxHeight)),I=t.computed(()=>({...E.value})),L=t.computed(()=>e.placeholder||o.placeholder||"Select..."),K=t.computed(()=>!f.value&&e.clearable&&!!$.value),P=t.computed(()=>!!($.value&&(i["selected-item-template"]||e.reuseItemTemplate&&i["item-template"]))),Z=t.computed(()=>{let V=[];if(!e.enableFiltering||!v.value)V=x.value;else{const ge=e.filterFunction({query:v.value,items:x.value});V=ge===!0?x.value:ge}const ue=V.filter(ge=>!ge.group),we=V.filter(ge=>ge.group).sort((ge,Be)=>ge.group.toLowerCase().localeCompare(Be.group.toLowerCase()));return[...ue,...we]}),_=V=>{if(!e.enableFiltering)return V.preventDefault(),!1},U=V=>{e.enableItemCreation&&j(),V.preventDefault()},j=()=>{var we,ge;if(!e.enableItemCreation||!v.value||!k.value||!e.itemCreationValidator(v.value))return;const V=(((we=x.value)==null?void 0:we.length)||0)+1,ue={label:Dc(v.value),value:il(),key:`${(ge=Dc(v.value).replace(/ /gi,"-"))==null?void 0:ge.replace(/[^a-z0-9-_]/gi,"")}-${V}`,custom:!0};r("item-added",ue),X(ue,!0),v.value=""},X=(V,ue)=>{var we,ge;ue&&((we=x.value)==null||we.push(V)),(ge=x.value)==null||ge.forEach((Be,je)=>{var qe;Be.key===V.key?(Be.selected=!0,$.value=Be):Be.selected?(Be.selected=!1,Be.custom&&((qe=x.value)==null||qe.splice(je,1),r("item-removed",Be))):Be.selected=!1}),y.value=!0,v.value=V.label},he=()=>{var V;(V=x.value)==null||V.forEach((ue,we)=>{var ge;ue.selected=!1,ue.custom&&((ge=x.value)==null||ge.splice(we,1),r("item-removed",ue))}),$.value=null,v.value="",r("input",null),r("change",null),r("update:modelValue",null)},me=t.useTemplateRef("kSelectItems"),ve=(V,ue)=>{var ge,Be;if(V.keyCode===27){ue.value=!1;return}const we=(ge=T.value)==null?void 0:ge.children[0];!ue.value&&we&&we.click(),(V.key==="ArrowDown"||V.key==="ArrowUp")&&ue.value&&((Be=me.value)==null||Be.setFocus(V.key==="ArrowDown"?"down":"up"))},Ce=V=>{v.value!==V&&(v.value=V)},Oe=()=>{M.value=!0},Ne=()=>{M.value=!1},Pe=()=>{var V,ue,we;e.enableFiltering||(we=(ue=(V=h.value)==null?void 0:V.$el)==null?void 0:ue.querySelector("input"))==null||we.blur()},Le=V=>{var ue;(f.value||((ue=V==null?void 0:V.target)==null?void 0:ue.dataset.propagateClicks)==="false")&&V.stopPropagation()},re=V=>{V()},ae=(V,ue)=>{c.value=!1,$.value?(y.value=!0,v.value=$.value.label):v.value="",ue&&V()},te=V=>{c.value=!0,e.enableFiltering&&(v.value=""),V()};return t.watch(O,(V,ue)=>{var we;if(V!==ue){const ge=(we=x.value)==null?void 0:we.filter(Be=>Be.value===V);ge!=null&&ge.length?X(ge[0]):V||he()}}),t.watch(()=>e.items,(V,ue)=>{var we,ge,Be,je,qe;if(JSON.stringify(V)!==JSON.stringify(ue)){x.value=JSON.parse(JSON.stringify(e.items)),(we=x.value)!=null&&we.length&&($.value=null);for(let Ae=0;Ae<((ge=x.value)==null?void 0:ge.length);Ae++){x.value[Ae].selected===void 0&&(x.value[Ae].selected=!1);let Ye=`${(je=(Be=x.value[Ae].label)==null?void 0:Be.replace(/ /gi,"-"))==null?void 0:je.replace(/[^a-z0-9-_]/gi,"")}-${Ae}`;Ye.includes("undefined")&&(Ye=`select-item-label-${Ae}`),x.value[Ae].key=Ye,(x.value[Ae].value===e.modelValue||x.value[Ae].selected)&&(x.value[Ae].selected=!0,$.value=x.value[Ae],M.value||(y.value=!0,v.value=$.value.label)),((qe=$.value)==null?void 0:qe.value)===x.value[Ae].value&&(x.value[Ae].selected=!0)}H.value&&typeof H.value.updatePopper=="function"&&t.nextTick(()=>{H.value.updatePopper()})}},{deep:!0,immediate:!0}),t.watch(v,V=>{y.value&&V||(r("query-change",V),y.value=!1)}),t.watch($,(V,ue)=>{V&&V!==ue&&(r("selected",V),r("input",V.value),r("change",V),r("update:modelValue",V.value))},{deep:!0}),t.onMounted(()=>{T.value&&(s.value=ua.create(()=>{var V;C.value=`${(V=T.value)==null?void 0:V.offsetWidth}px`}),s.value.observe(T.value)),Kt(document,"keydown",V=>{var ue,we;!e.enableFiltering&&((ue=document.activeElement)==null?void 0:ue.tagName)==="BODY"&&!M.value&&c.value&&(V.key==="ArrowDown"||V.key==="ArrowUp")&&(V.preventDefault(),(we=me.value)==null||we.setFocus(V.key==="ArrowDown"?"down":"up"))})}),t.onBeforeUnmount(()=>{var V;T.value&&((V=s.value)==null||V.unobserve(T.value))}),(V,ue)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-select",[V.$attrs.class]])},[e.label?(t.openBlock(),t.createBlock(Ut,t.mergeProps({key:0,"data-testid":"select-label"},e.labelAttributes,{for:d.value,required:m.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(g.value)+" ",1)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(V.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):t.createCommentVNode("",!0),t.createVNode(yr,null,{default:t.withCtx(({toggle:we,isToggled:ge})=>[t.createVNode(Yn,t.mergeProps({ref:"popperElement"},I.value,{"close-on-popover-click":"","hide-close-icon":"",offset:t.unref(co),onClose:()=>ae(we,ge.value),onOpen:()=>te(we),onPopoverClick:()=>re(we)}),{content:t.withCtx(()=>[t.createElementVNode("div",{"aria-live":e.enableFiltering?"polite":"off"},[e.enableFiltering&&e.loading?(t.openBlock(),t.createElementBlock("div",KV,[t.renderSlot(V.$slots,"loading",{},()=>[t.createVNode(t.unref(vr),{class:"loading-icon",title:"Loading"})],!0)])):(t.openBlock(),t.createElementBlock("div",UV,[t.createVNode(HV,{ref:"kSelectItems","filter-string":v.value,"item-creation-enabled":e.enableItemCreation&&k.value,"item-creation-valid":e.itemCreationValidator(v.value),items:Z.value,onAddItem:j,onSelected:X},{content:t.withCtx(({item:Be})=>[t.renderSlot(V.$slots,"item-template",{item:Be},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!Z.value.length&&!V.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(ll,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):t.createCommentVNode("",!0),(e.dropdownFooterText||V.$slots["dropdown-footer-text"])&&e.dropdownFooterTextPosition==="static"?(t.openBlock(),t.createElementBlock("div",jV,[t.renderSlot(V.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)])),!e.loading&&!Z.value.length&&V.$slots.empty?(t.openBlock(),t.createElementBlock("div",GV,[t.renderSlot(V.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],8,WV),(e.dropdownFooterText||V.$slots["dropdown-footer-text"])&&e.dropdownFooterTextPosition==="sticky"?(t.openBlock(),t.createElementBlock("div",QV,[t.renderSlot(V.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.createElementVNode("div",{id:t.unref(S),ref:"selectWrapperElement",class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:Le},[(t.openBlock(),t.createBlock(Sn,t.mergeProps({id:d.value,key:w.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:["select-input",{"filtering-disabled":!e.enableFiltering,"hide-model-value":P.value&&(!e.enableFiltering||!ge.value),"input-has-focus":M.value||ge.value}],"data-testid":"select-input",disabled:f.value,error:e.error,"model-value":v.value,placeholder:$.value&&!e.enableFiltering?$.value.label:L.value,readonly:p.value,spellcheck:"false"},B.value,{onBlur:Ne,onClick:Pe,onFocus:Oe,onKeydown:t.withKeys(U,["enter"]),onKeypress:_,onKeyup:[Be=>ve(Be,ge),ue[0]||(ue[0]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":Ce}),t.createSlots({after:t.withCtx(()=>[K.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:he},[t.createVNode(t.unref(It),{decorative:""})])):t.createCommentVNode("",!0),p.value?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(so),{key:1,class:t.normalizeClass(["chevron-down-icon",{disabled:f.value}]),decorative:""},null,8,["class"]))]),_:2},[i.before?{name:"before",fn:t.withCtx(()=>[t.renderSlot(V.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,V.$slots["label-tooltip"]?{name:"label-tooltip",fn:t.withCtx(()=>[t.renderSlot(V.$slots,"label-tooltip",{},void 0,!0)]),key:"1"}:void 0]),1040,["id","class","disabled","error","model-value","placeholder","readonly","onKeyup"])),t.createVNode(t.Transition,{name:"kongponents-fade-transition"},{default:t.withCtx(()=>[P.value&&(!e.enableFiltering||!ge.value)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["custom-selected-item-wrapper",{clearable:e.clearable,readonly:p.value}])},[t.renderSlot(V.$slots,"selected-item-template",{item:$.value},()=>[t.renderSlot(V.$slots,"item-template",{item:$.value},void 0,!0)],!0)],2)):t.createCommentVNode("",!0)]),_:2},1024)],8,qV)]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3}),e.help?(t.openBlock(),t.createElementBlock("p",{key:1,class:t.normalizeClass(["help-text",{"select-error":e.error}])},t.toDisplayString(e.help),3)):t.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-3209f347"]]),ZV={class:"k-slideout"},XV={key:0,ref:"slideoutContainerElement",class:"slideout-container","data-testid":"slideout-container"},JV={class:"slideout-header"},_V={key:0,class:"slideout-title","data-testid":"slideout-title"},eR={class:"slideout-content"},v1=ye(t.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(e,{emit:n}){t.useCssVars(d=>({fe411dca:o.value,v097e7e0e:d.maxWidth,v3afc0278:d.zIndex}));const a=n,r=t.useTemplateRef("slideoutContainerElement"),o=t.computed(()=>nt(e.offsetTop));Ov(r,d=>{d.isTrusted&&e.closeOnBlur&&a("close")});const i=(d,c=!1)=>{(e.visible&&d.keyCode===27&&e.closeOnEscape||c)&&a("close")},l=d=>{typeof document<"u"&&(d?document==null||document.addEventListener("keydown",i):document==null||document.removeEventListener("keydown",i))};return t.watch(()=>e.visible,async d=>{l(!!d)},{immediate:!0}),t.onUnmounted(()=>{l(!1)}),(d,c)=>(t.openBlock(),t.createElementBlock("div",ZV,[t.createVNode(t.Transition,{name:"kongponents-fade-transition"},{default:t.withCtx(()=>[e.visible?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!e.hasOverlay}])},null,2)):t.createCommentVNode("",!0)]),_:1}),t.createVNode(t.Transition,{name:"kongponents-slide-in-transition"},{default:t.withCtx(()=>[e.visible?(t.openBlock(),t.createElementBlock("div",XV,[t.createElementVNode("div",JV,[e.title||d.$slots.title?(t.openBlock(),t.createElementBlock("div",_V,[t.renderSlot(d.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])):t.createCommentVNode("",!0),t.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:c[0]||(c[0]=t.withModifiers(s=>d.$emit("close"),["stop"]))},[t.createVNode(t.unref(It),{color:`var(--kui-color-text-neutral, ${t.unref(Xt)})`,decorative:""},null,8,["color"])])]),t.createElementVNode("div",eR,[t.renderSlot(d.$slots,"default",{},void 0,!0)])],512)):t.createCommentVNode("",!0)]),_:3})]))}}),[["__scopeId","data-v-39542e53"]]),tR=["aria-current","data-testid"],nR={class:"step-circle"},aR=ye(t.defineComponent({__name:"KStep",props:{label:{},state:{default:"default"},maxLabelWidth:{}},setup(e){const n=t.computed(()=>({maxWidth:nt(e.maxLabelWidth)}));return(a,r)=>(t.openBlock(),t.createElementBlock("li",{"aria-current":e.state==="active"?"step":"false",class:"step","data-testid":`step-${e.state}`},[t.createElementVNode("div",{class:t.normalizeClass(["step-container",`${e.state}`])},[t.createElementVNode("div",nR,[e.state==="completed"?(t.openBlock(),t.createBlock(t.unref(My),{key:0,color:`var(--kui-color-text-inverse, ${t.unref(Ml)})`,size:t.unref(ht),title:"Completed"},null,8,["color","size"])):e.state==="pending"?(t.openBlock(),t.createBlock(t.unref(vr),{key:1,color:`var(--kui-color-text-primary, ${t.unref(jd)})`,size:t.unref(ht),title:"Pending"},null,8,["color","size"])):e.state==="error"?(t.openBlock(),t.createBlock(t.unref(It),{key:2,color:`var(--kui-color-text-inverse, ${t.unref(Ml)})`,size:t.unref(ht),title:"Error"},null,8,["color","size"])):t.createCommentVNode("",!0)]),t.createElementVNode("span",{class:"step-label",style:t.normalizeStyle(n.value)},t.toDisplayString(e.label),5)],2)],8,tR))}}),[["__scopeId","data-v-e91d1bd8"]]),rR={key:0,class:"k-stepper"},w1=ye(t.defineComponent({__name:"KStepper",props:{steps:{},maxLabelWidth:{default:"170px"}},setup(e){return(n,a)=>e.steps&&e.steps.length?(t.openBlock(),t.createElementBlock("ol",rR,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.steps,r=>(t.openBlock(),t.createBlock(aR,{key:`step-${r.label.replace(/ /gi,"-")}`,label:r.label,"max-label-width":e.maxLabelWidth,state:r.state},null,8,["label","max-label-width","state"]))),128))])):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-5d71bb60"]]),oR={class:"table-column-visibility-menu"},iR={class:"apply-button-wrapper"},k1=ye(t.defineComponent({__name:"ColumnVisibilityMenu",props:{columns:{},tableId:{},visibilityPreferences:{},disabled:{type:Boolean}},emits:["update"],setup(e,{emit:n}){const a=n,r=t.ref(!1),o=t.ref({}),i=t.ref(!1),l=t.ref(),d=t.ref(""),c=()=>{o.value=e.columns.reduce((b,w)=>(b[w.key]=e.visibilityPreferences[w.key]===void 0?!0:e.visibilityPreferences[w.key],b),{}),i.value=!1},s=aV(b=>{d.value=b,l.value&&p(l.value)},500),u=t.computed(()=>d.value?e.columns.filter(b=>(b.label?b.label:b.key).toLowerCase().includes(d.value.toLowerCase())):e.columns),m=()=>{a("update",JSON.parse(JSON.stringify(o.value))),i.value=!1,d.value=""},f=b=>{r.value=b,b&&l.value&&t.nextTick(()=>{l.value&&p(l.value)}),!b&&i.value&&c(),b||(d.value="")},p=b=>{if(!(b.scrollHeight>b.clientHeight)){b.classList.remove("is-bottom-overflowing");return}const h=b.scrollHeight<b.clientHeight+b.scrollTop+1;b.classList.toggle("is-bottom-overflowing",!h)};return t.watch(()=>e.visibilityPreferences,()=>{c()},{immediate:!0}),t.onMounted(()=>{l.value&&(l.value.addEventListener("scroll",b=>{const w=b.currentTarget;p(w)}),p(l.value))}),t.onBeforeMount(()=>{c()}),(b,w)=>(t.openBlock(),t.createElementBlock("div",oR,[t.createVNode(Wn,{"data-testid":"table-column-visibility-menu",disabled:e.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:f},{items:t.withCtx(()=>[d.value||u.value.length>5?(t.openBlock(),t.createBlock(Sn,{key:0,modelValue:d.value,"onUpdate:modelValue":w[1]||(w[1]=h=>d.value=h),modelModifiers:{trim:!0},autocomplete:"off",class:"search-input","data-testid":"search-input",placeholder:"Search columns",type:"search",onClick:w[2]||(w[2]=t.withModifiers(()=>{},["stop"])),onInput:t.unref(s)},t.createSlots({before:t.withCtx(()=>[t.createVNode(t.unref(Nl),{decorative:""})]),_:2},[d.value?{name:"after",fn:t.withCtx(()=>[t.createVNode(Me,{appearance:"tertiary","aria-label":"Clear search",class:"clear-search","data-testid":"clear-search-button",icon:"",size:"small",onClick:w[0]||(w[0]=t.withModifiers(()=>d.value="",["stop"]))},{default:t.withCtx(()=>[t.createVNode(t.unref(It),{decorative:""})]),_:1})]),key:"0"}:void 0]),1032,["modelValue","onInput"])):t.createCommentVNode("",!0),t.createElementVNode("div",{ref_key:"menuItemsRef",ref:l,class:"menu-items-wrapper"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u.value,h=>(t.openBlock(),t.createBlock(Eo,{key:h.key,class:"column-visibility-menu-item","data-testid":`column-visibility-menu-item-${h.key}`,onClick:t.withModifiers(()=>{o.value[h.key]=!o.value[h.key],i.value=!0},["stop"])},{default:t.withCtx(()=>[t.createVNode(xr,{modelValue:o.value[h.key],"onUpdate:modelValue":g=>o.value[h.key]=g,"aria-labelledby":`${e.tableId}-${h.key}-visibility-checkbox-label`,"data-testid":`column-visibility-checkbox-${h.key}`},null,8,["modelValue","onUpdate:modelValue","aria-labelledby","data-testid"]),t.createVNode(Ut,{id:`${e.tableId}-${h.key}-visibility-checkbox-label`,class:"visibility-checkbox-label",title:h.label},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(h.label),1)]),_:2},1032,["id","title"])]),_:2},1032,["data-testid","onClick"]))),128))],512),t.createElementVNode("div",iR,[t.createVNode(Me,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:m},{default:t.withCtx(()=>[...w[3]||(w[3]=[t.createTextVNode(" Apply ",-1)])]),_:1})])]),default:t.withCtx(()=>[t.createVNode(Et,{placement:"bottom-end",text:r.value?void 0:"Show/Hide Columns"},{default:t.withCtx(()=>[t.createVNode(Me,{appearance:"tertiary","aria-label":"Show/Hide Columns",class:"menu-button","data-testid":"column-visibility-menu-button",disabled:e.disabled,icon:"",size:"large"},{default:t.withCtx(()=>[t.createVNode(t.unref(fb),{decorative:""})]),_:1},8,["disabled"])]),_:1},8,["text"])]),_:1},8,["disabled"])]))}}),[["__scopeId","data-v-0033fccb"]]),lR={class:"k-table"},sR={key:0,class:"table-toolbar","data-testid":"table-toolbar"},cR={key:0,class:"toolbar-default-items-container"},dR={key:2,class:"table-error-state","data-testid":"table-error-state"},uR={key:3,class:"table-empty-state","data-testid":"table-empty-state"},fR={key:4,class:"table-container"},mR=["data-tableid"],pR=["aria-sort","data-testid","onClick","onMouseover"],hR=["onMousedown","onMouseover"],gR=["aria-describedby"],yR=["onMousedown","onMouseover"],bR=["role","tabindex"],vR=t.defineComponent({__name:"KTable",props:{resizeColumns:{type:Boolean,default:!1},tablePreferences:{type:Object,default:()=>({})},clientSort:{type:Boolean,default:!1},rowHover:{type:Boolean,default:!0},sortHandlerFunction:{type:Function,default:()=>({})},rowAttrs:{type:Function,default:()=>({})},cellAttrs:{type:Function,default:()=>({})},loading:{type:Boolean,default:!1},emptyStateTitle:{type:String,default:"No Data"},emptyStateMessage:{type:String,default:"There is no data to display."},emptyStateActionRoute:{type:[Object,String],default:""},emptyStateActionMessage:{type:String,default:""},emptyStateIconVariant:{type:String,default:Yt.Default},error:{type:Boolean,default:!1},errorStateTitle:{type:String,default:"An error occurred"},errorStateMessage:{type:String,default:"Data cannot be displayed due to an error."},errorStateActionRoute:{type:[Object,String],default:""},errorStateActionMessage:{type:String,default:""},fetcher:{type:Function,default:void 0,required:!0},fetcherCacheKey:{type:String,default:""},cacheIdentifier:{type:String,default:""},searchInput:{type:String,default:""},headers:{type:Array,default:()=>[]},initialFetcherParams:{type:Object,default:null},paginationNeighbors:{type:Number,default:1},paginationPageSizes:{type:Array,default:()=>[15,30,50,75,100],validator:e=>!!e.length&&e.every(n=>typeof n=="number")},paginationTotalItems:{type:Number,default:null},disablePaginationPageJump:{type:Boolean,default:!1},sortable:{type:Boolean,default:!0},disablePagination:{type:Boolean,default:!1},paginationOffset:{type:Boolean,default:!1},hidePaginationWhenOptional:{type:Boolean,default:!1},maxHeight:{type:String,default:"none"}},emits:["cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","state"],setup(e,{emit:n}){t.useCssVars(G=>({v5d6dfa67:Le.value}));const{useDebounce:a,useRequest:r,useSwrvState:o,clientSideSorter:i}=Hn(),l=e,d=n,c=t.useAttrs(),s=t.useSlots(),u=t.useId(),m={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},f=t.ref([]),p=t.ref(),b=t.ref([]),w=t.ref([]),h=t.ref(""),g=t.ref(""),y=t.ref(""),v=t.computed(()=>b.value.filter(G=>G.hidable).length>0),k=t.computed(()=>!!(v.value&&!l.error&&!Q.value&&!l.loading&&f.value&&f.value.length)),S=t.computed(()=>b.value.filter(G=>G.hidable)),$=t.computed(()=>k.value?l.tablePreferences.columnVisibility||{}:{}),x=t.ref(k.value?l.tablePreferences.columnVisibility||{}:{}),M=t.ref(0),H=t.ref(!1),T=t.ref(1),O=t.ref(15),Y=t.ref(""),C=t.ref(""),B=t.ref("desc"),E=t.ref(null),N=t.ref([]),I=t.ref(!0),L=t.ref(!1),K=t.ref(!1),P=t.computed(()=>!!s.toolbar||k.value),Z=t.computed(()=>({maxHeight:nt(l.maxHeight)})),_=G=>`column-${G}`,U=G=>`tooltip-${G}`,j=G=>G,X=(G,de)=>(se,A)=>{const R=/^on[^a-z]/,W={};for(const le in de)R.test(le)&&de[le]&&(W[le]=de[le]);return Object.keys(W).reduce((le,oe)=>{if(oe.indexOf(G)===0){const Ee=oe.split(G);le[Ee[1]]=ke=>W[oe](ke,se,A)}return le},{})},he=t.computed(()=>(G,de)=>{const se=X("onRow:",c)(de,"row"),A=X("onCell:",c)(G,"cell"),R=["a","button","label","input","select"];return se.click&&(L.value=!0),{...se,...A,click(W){const le=W.target.className;let oe=R.includes(W.target.tagName.toLowerCase()),Ee=!1;typeof le=="string"||Array.isArray(le)?Ee=le.includes("k-popover"):typeof le=="object"&&(Ee=Object.keys(le).includes("k-popover")),W.target.closest(".popover-content")!==null&&(Ee=!0);for(let ke=0;ke<R.length;ke++)if(W.target.closest(R[ke])!==null){oe=!0;break}if((!oe||W.target.hasAttribute("disabled"))&&!Ee&&(se.click||A.click))if(A.click){d("cell-click",{data:G});const ke=A.click(W,G,"cell");typeof ke=="function"&&ke(W,G)}else{d("row-click",{data:de});const ke=se.click(W,de,"row");typeof ke=="function"&&ke(W,de)}}}}),me=t.ref(l.resizeColumns?l.tablePreferences.columnWidths||{}:{}),ve=t.computed(()=>{const G={};for(const de in me.value){if(!me.value[de])continue;const se=me.value[de]+"px";G[de]={width:se,maxWidth:se,minWidth:se}}return G}),Ce=(G,de)=>({"resize-hover":Ne.value===G.key&&l.resizeColumns&&de!==w.value.length-1,resizable:l.resizeColumns,sortable:l.sortable&&!G.hideLabel&&!!G.sortable,"active-sort":l.sortable&&!G.hideLabel&&!!G.sortable&&G.key===C.value,[B.value]:l.sortable&&G.key===C.value&&!G.hideLabel,"is-scrolled":H.value,"has-tooltip":!!G.tooltip}),Oe=t.computed(()=>h.value?"resizing":g.value?"resize-hover":y.value?"th-hover":""),Ne=t.computed(()=>{switch(Oe.value){case"resizing":return h.value;case"resize-hover":return g.value;case"th-hover":return y.value;default:return""}}),Pe=t.computed(()=>{var G;return(G=p.value)==null?void 0:G.querySelectorAll("th.resizable")}),Le=t.computed(()=>{var de;const G=(de=Pe.value)==null?void 0:de.item(0);if(G){const se=window==null?void 0:window.getComputedStyle(G);if(se!=null&&se.height)return`${parseInt(se.height,10)}px`}return"auto"}),re=(G,de)=>{var oe;if(G.button!==0)return;let se=0,A=0;h.value=de;let R=null;(oe=Pe.value)==null||oe.forEach(Ee=>{Ee.getAttribute("data-testid")===`table-header-${de}`&&(R=document==null?void 0:document.querySelector(`[data-tableid="${u}"] [data-testid="table-header-${de}"]`))});const W=Ee=>{const ke=Ee.clientX-se;R==null||R.setAttribute("style",`width: ${A+ke}px`),me.value[de]=A+ke},le=()=>{h.value="",document==null||document.removeEventListener("mousemove",W),document==null||document.removeEventListener("mouseup",le),Je()};if(se=G.clientX,R){const Ee=window==null?void 0:window.getComputedStyle(R);Ee!=null&&Ee.width&&(A=parseInt(Ee.width,10)),document==null||document.addEventListener("mousemove",W),document==null||document.addEventListener("mouseup",le)}},ae=t.ref(!0),te=async()=>{var se,A;const G=l.searchInput,de=await l.fetcher({pageSize:O.value,page:T.value,query:G||Y.value,sortColumnKey:C.value,sortColumnOrder:B.value,offset:E.value});return f.value=de.data,M.value=l.paginationTotalItems||de.total||((se=de.data)==null?void 0:se.length),l.paginationOffset&&((A=de.pagination)!=null&&A.offset?(we.value=de.pagination.offset,N.value[T.value]||N.value.push(de.pagination.offset)):we.value=null,I.value=de.pagination&&"hasNextPage"in de.pagination?de.pagination.hasNextPage:!0),f.value.length===0&&T.value>1&&(T.value=1,N.value=[null],E.value=null),ae.value=!1,de},V=()=>{const G={...m,...l.initialFetcherParams};T.value=G.page??m.page,O.value=G.pageSize??m.pageSize,Y.value=G.query??m.query,C.value=G.sortColumnKey??m.sortColumnKey,B.value=G.sortColumnOrder??m.sortColumnOrder,l.clientSort&&C.value&&B.value&&i(C.value,"",B.value,f.value),l.paginationOffset&&(E.value=G.offset,N.value.push(G.offset)),l.headers&&l.headers.length&&(b.value=l.headers),K.value=!0};t.watch(()=>l.headers,G=>{G&&G.length&&(b.value=G)},{deep:!0});const ue=t.computed(()=>N.value[T.value-1]),we=t.ref(null),ge=t.computed(()=>{if(!l.fetcher||!K.value)return"";let G=u;return l.cacheIdentifier&&(G=l.cacheIdentifier),l.fetcherCacheKey&&(G+=`-${l.fetcherCacheKey}`),`k-table_${G}`}),Be=t.ref(""),{debouncedFn:je,generateDebouncedFn:qe}=a(G=>{Be.value=G},350),Ae=qe(0),{data:Ye,error:tt,revalidate:lt,isValidating:$t}=r(()=>ge.value,()=>te(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:Mt,hasData:st,swrvState:pt}=o(Ye,tt,$t),Q=t.ref(!0),xe=t.computed(()=>({hasData:st.value,state:Mt.value})),q=t.computed(()=>Q.value?"loading":tt.value?"error":"success"),{debouncedFn:J,generateDebouncedFn:pe}=a(lt,500),z=pe(0),D=G=>{const{key:de,useSortHandlerFunction:se}=G,A=C.value+"";T.value=1,C.value?de===C.value?B.value==="asc"?B.value="desc":B.value="asc":(C.value=de,B.value="asc",N.value=[null]):(C.value=de,B.value="asc",N.value=[null]),l.clientSort?se&&l.sortHandlerFunction?l.sortHandlerFunction({key:de,prevKey:A,sortColumnOrder:B.value,data:f.value}):i(de,A,B.value,f.value):l.paginationOffset||J(),Je()},F=({page:G})=>{T.value=G},ee=({pageSize:G})=>{N.value=[null],E.value=null,O.value=G,T.value=1,Je()},ce=G=>{G&&G.target&&typeof G.target.scrollTop=="number"&&(G.target.scrollTop>1?H.value=!0:G.target.scrollTop===0&&(H.value=!H.value))},He=t.computed(()=>({pageSize:O.value,sortColumnKey:C.value,sortColumnOrder:B.value,...l.resizeColumns?{columnWidths:me.value}:{},...v.value?{columnVisibility:x.value}:{}})),Je=()=>{q.value==="success"&&d("update:table-preferences",He.value)},We=()=>{T.value++,E.value=we.value},mn=()=>{T.value--,E.value=ue.value},pn=t.computed(()=>!!(l.fetcher&&!l.disablePagination&&!(!l.paginationOffset&&l.hidePaginationWhenOptional&&M.value<=l.paginationPageSizes[0])&&!(l.paginationOffset&&l.hidePaginationWhenOptional&&!ue.value&&!we.value&&f.value.length<l.paginationPageSizes[0]))),In=G=>G.toLowerCase().replace(/[^[a-z0-9]/gi,"-");t.watch([x,b],G=>{const de=G[0],A=G[1].filter(R=>de[R.key]!==!1);JSON.stringify(A)!==JSON.stringify(w.value)&&(w.value=A,Je())},{deep:!0,immediate:!0}),t.watch(Ye,G=>{G!=null&&G.length&&!f.value.length&&(f.value=G)},{deep:!0,immediate:!0}),t.watch(Mt,()=>{switch(Mt.value){case pt.PENDING:Q.value=!0;break;case pt.VALIDATING_HAS_DATA:Q.value=Ze.value;break;default:Q.value=!1;break}},{immediate:!0}),t.watch([xe,q],G=>{var de;d("state",{state:G==null?void 0:G[1],hasData:(de=G==null?void 0:G[0])==null?void 0:de.hasData})}),t.watch(()=>l.searchInput,G=>{T.value!==1&&(T.value=1),G===""?Ae(G):je(G)},{immediate:!0});const Ze=t.ref(!1);return t.watch([Be,T,O],async(G,de)=>{const se=de==null?void 0:de[0],A=G[0],R=G[1];A!==se&&R!==1&&(T.value=1,N.value=[null],E.value=null),K.value&&!ae.value&&(Ze.value=!0,A!==""&&A!==se?await J():await z(),Ze.value=!1)},{deep:!0,immediate:!0}),t.watch(k,G=>{G&&(x.value=l.tablePreferences.columnVisibility||{})},{immediate:!0}),t.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
 We suggest using 'KTableData' component instead.
-Docs: https://kongponents.konghq.com/components/table-data.html`),V()}),(G,de)=>(t.openBlock(),t.createElementBlock("div",lR,[P.value?(t.openBlock(),t.createElementBlock("div",sR,[t.renderSlot(G.$slots,"toolbar",{state:xe.value},void 0,!0),k.value?(t.openBlock(),t.createElementBlock("div",cR,[t.createVNode(k1,{columns:S.value,"table-id":t.unref(u),"visibility-preferences":$.value,onUpdate:de[0]||(de[0]=se=>x.value=se)},null,8,["columns","table-id","visibility-preferences"])])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),(Q.value||e.loading||Ze.value)&&!e.error?(t.openBlock(),t.createBlock(Sr,{key:1,"data-testid":"table-skeleton",type:"table"})):e.error?(t.openBlock(),t.createElementBlock("div",dR,[t.renderSlot(G.$slots,"error-state",{},()=>[t.createVNode(qn,{"icon-variant":"error",message:e.errorStateMessage,title:e.errorStateTitle},t.createSlots({_:2},[e.errorStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Me,{"data-testid":In(e.errorStateActionMessage),to:e.errorStateActionRoute?e.errorStateActionRoute:void 0,onClick:de[1]||(de[1]=se=>G.$emit("error-action-click"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.errorStateActionMessage),1)]),_:1},8,["data-testid","to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):!e.error&&!Q.value&&!e.loading&&!Ze.value&&f.value&&!f.value.length?(t.openBlock(),t.createElementBlock("div",uR,[t.renderSlot(G.$slots,"empty-state",{},()=>[t.createVNode(qn,{"icon-variant":e.emptyStateIconVariant,message:e.emptyStateMessage,title:e.emptyStateTitle},t.createSlots({_:2},[e.emptyStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Me,{appearance:e.searchInput?"tertiary":"primary","data-testid":In(e.emptyStateActionMessage),to:e.emptyStateActionRoute?e.emptyStateActionRoute:void 0,onClick:de[2]||(de[2]=se=>G.$emit("empty-state-action-click"))},{default:t.withCtx(()=>[t.renderSlot(G.$slots,"empty-state-action-icon",{},void 0,!0),t.createTextVNode(" "+t.toDisplayString(e.emptyStateActionMessage),1)]),_:3},8,["appearance","data-testid","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(t.openBlock(),t.createElementBlock("div",fR,[t.createElementVNode("div",{class:"table-wrapper",style:t.normalizeStyle(Z.value),onScrollPassive:ce},[t.createElementVNode("table",{class:t.normalizeClass(["table",{"has-hover":e.rowHover,"is-clickable":L.value}]),"data-tableid":t.unref(u)},[t.createElementVNode("thead",{class:t.normalizeClass({"is-scrolled":H.value})},[t.createElementVNode("tr",{ref_key:"headerRow",ref:p,class:t.normalizeClass({"is-scrolled":H.value})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(w.value,(se,A)=>(t.openBlock(),t.createElementBlock("th",{key:`table-${t.unref(u)}-headers-${A}`,"aria-sort":e.sortable&&se.key===C.value?B.value==="asc"?"ascending":"descending":void 0,class:t.normalizeClass(["table-headers",Ce(se,A)]),"data-testid":`table-header-${se.key}`,style:t.normalizeStyle(ve.value[se.key]),onClick:()=>{e.sortable&&se.sortable&&(G.$emit("sort",{prevKey:C.value,sortColumnKey:se.key,sortColumnOrder:B.value==="asc"?"desc":"asc"}),D(se))},onMouseleave:de[7]||(de[7]=R=>y.value=""),onMouseover:R=>y.value=se.key},[e.resizeColumns&&A!==0?(t.openBlock(),t.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:de[3]||(de[3]=t.withModifiers(()=>{},["stop"])),onMousedown:R=>re(R,w.value[A-1].key),onMouseleave:de[4]||(de[4]=R=>g.value=""),onMouseover:R=>g.value=w.value[A-1].key},null,40,hR)):t.createCommentVNode("",!0),t.createElementVNode("div",{"aria-describedby":se.tooltip||G.$slots[U(se.key)]?`${U(se.key)}-${t.unref(u)}`:void 0,class:t.normalizeClass(["table-headers-container",{resized:h.value===se.key}])},[t.renderSlot(G.$slots,_(se.key),{column:j(se)},()=>[t.createElementVNode("span",{class:t.normalizeClass(["table-header-label",{"sr-only":se.hideLabel}])},t.toDisplayString(se.label?se.label:se.key),3)],!0),se.tooltip||G.$slots[U(se.key)]?(t.openBlock(),t.createBlock(Et,{key:0,"data-testid":U(se.key),"tooltip-id":`${U(se.key)}-${t.unref(u)}`},{content:t.withCtx(()=>[t.renderSlot(G.$slots,U(se.key),{column:j(se)},()=>[t.createTextVNode(t.toDisplayString(se.tooltip),1)],!0)]),default:t.withCtx(()=>[t.createVNode(t.unref(Vn),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${t.unref(Xt)})`,size:t.unref(Ht)},null,8,["color","size"])]),_:2},1032,["data-testid","tooltip-id"])):t.createCommentVNode("",!0),e.sortable&&!se.hideLabel&&se.sortable?(t.openBlock(),t.createBlock(t.unref(Bl),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral, ${t.unref(Xt)})`,size:t.unref(Ht)},null,8,["color","size"])):t.createCommentVNode("",!0)],10,gR),e.resizeColumns&&A!==w.value.length-1?(t.openBlock(),t.createElementBlock("div",{key:1,class:"resize-handle",onClick:de[5]||(de[5]=t.withModifiers(()=>{},["stop"])),onMousedown:R=>re(R,se.key),onMouseleave:de[6]||(de[6]=R=>g.value=""),onMouseover:R=>g.value=se.key},null,40,yR)):t.createCommentVNode("",!0)],46,pR))),128))],2)],2),t.createElementVNode("tbody",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(f.value,(se,A)=>(t.openBlock(),t.createElementBlock("tr",t.mergeProps({ref_for:!0},e.rowAttrs(se),{key:`table-${t.unref(u)}-row-${A}`,role:L.value?"link":null,tabindex:L.value?0:null}),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(w.value,(R,W)=>(t.openBlock(),t.createElementBlock("td",t.mergeProps({ref_for:!0},e.cellAttrs({headerKey:R.key,row:se,rowIndex:A,colIndex:W}),{key:`table-${t.unref(u)}-cell-${W}`,class:{"resize-hover":e.resizeColumns&&Ne.value===R.key&&W!==w.value.length-1},style:ve.value[R.key]},t.toHandlers(he.value(se[R.key],se),!0)),[t.renderSlot(G.$slots,R.key,{row:j(se),rowKey:A,rowValue:se[R.key]},()=>[t.createTextVNode(t.toDisplayString(se[R.key]),1)],!0)],16))),128))],16,bR))),128))])],10,mR)],36),pn.value?(t.openBlock(),t.createBlock($r,{key:0,class:"table-pagination","current-page":T.value,"data-testid":"table-pagination","disable-page-jump":e.disablePaginationPageJump,"initial-page-size":O.value,neighbors:e.paginationNeighbors,offset:e.paginationOffset,"offset-next-button-disabled":!we.value||!I.value,"offset-previous-button-disabled":!ue.value,"page-sizes":e.paginationPageSizes,"total-count":M.value,onGetNextOffset:We,onGetPreviousOffset:mn,onPageChange:F,onPageSizeChange:ee},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):t.createCommentVNode("",!0)]))]))}}),C1=ye(vR,[["__scopeId","data-v-1e08f4e8"]]),wR={class:"k-tabs"},kR={"aria-label":"Tabs",role:"tablist"},CR=["id","data-testid"],SR=["id","aria-labelledby"],S1=ye(t.defineComponent({__name:"KTabs",props:{tabs:{},modelValue:{default:""},hidePanels:{type:Boolean},anchorTabindex:{default:0},beforeChange:{default:()=>(()=>!0)}},emits:["update:modelValue","change"],setup(e,{emit:n}){var d;const a=n,r=t.ref(e.modelValue?e.modelValue:(d=e.tabs[0])==null?void 0:d.hash),o=async c=>{(typeof e.beforeChange!="function"||await e.beforeChange(c))&&(r.value=c,a("change",c),a("update:modelValue",c))},i=c=>c.replace("#",""),l=c=>c.disabled?"-1":typeof e.anchorTabindex=="number"&&e.anchorTabindex>=-1&&e.anchorTabindex<=32767?String(e.anchorTabindex):"0";return t.watch(()=>e.modelValue,c=>{r.value=c}),(c,s)=>(t.openBlock(),t.createElementBlock("div",wR,[t.createElementVNode("ul",kR,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabs,u=>(t.openBlock(),t.createElementBlock("li",{id:`${u.hash.replace("#","")}-tab`,key:u.hash,class:t.normalizeClass(["tab-item",{active:r.value===u.hash}]),"data-testid":`${u.hash.replace("#","")}-tab`},[t.createVNode(Me,{appearance:"none","aria-controls":e.hidePanels?void 0:`panel-${u.hash}`,"aria-selected":e.hidePanels?void 0:r.value===u.hash?"true":"false",class:t.normalizeClass(["tab-link",{disabled:u.disabled}]),disabled:u.disabled,role:"tab",tabindex:l(u),to:u.to,onClick:[m=>u.disabled?void 0:o(u.hash),t.withModifiers(m=>u.disabled?void 0:o(u.hash),["prevent"])],onKeydown:[t.withKeys(t.withModifiers(m=>u.disabled?void 0:o(u.hash),["prevent"]),["enter"]),t.withKeys(t.withModifiers(m=>u.disabled?void 0:o(u.hash),["prevent"]),["space"])]},{default:t.withCtx(()=>[t.renderSlot(c.$slots,`${i(u.hash)}-anchor`,{},()=>[t.createElementVNode("span",null,t.toDisplayString(u.title),1)])]),_:2},1032,["aria-controls","aria-selected","class","disabled","tabindex","to","onClick","onKeydown"])],10,CR))),128))]),e.hidePanels?t.createCommentVNode("",!0):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.tabs,(u,m)=>(t.openBlock(),t.createElementBlock("div",{id:`panel-${m}`,key:u.hash,"aria-labelledby":`${i(u.hash)}-tab`,class:"tab-container",role:"tabpanel"},[r.value===u.hash?t.renderSlot(c.$slots,i(u.hash),{key:0}):t.createCommentVNode("",!0)],8,SR))),128))]))}}),[["__scopeId","data-v-1bf1622c"]]),$R=["data-value"],xR=["id","aria-invalid","rows","value"],Tc=2048,$1=Ff?0:Yf(),x1=bS("field-sizing","content"),E1=ye(t.defineComponent({inheritAttrs:!1,__name:"KTextArea",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},characterLimit:{type:[Boolean,Number],default:()=>Tc},rows:{default:5},error:{type:Boolean},resizable:{type:Boolean},autosize:{type:Boolean},help:{default:""},isResizable:{type:Boolean},hasError:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(e,{emit:n}){t.useCssVars($=>({v5b352807:$.rows})),t.watch(()=>e.isResizable,$=>{$&&console.warn("KTextArea: `isResizable` prop is deprecated in favor of `resizable` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea")},{immediate:!0}),t.watch(()=>e.hasError,$=>{$&&console.warn("KTextArea: `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#ktextarea")},{immediate:!0});const a=n,r=t.useAttrs(),o=t.useSlots(),{stripRequiredLabel:i}=Hn(),l=t.computed(()=>(r==null?void 0:r.required)!==void 0&&String(r==null?void 0:r.required)!=="false"),d=t.ref(""),c=t.computed(()=>i(e.label,l.value)),s=t.computed(()=>{var $,x;return!!(($=e.labelAttributes)!=null&&$.help||(x=e.labelAttributes)!=null&&x.info||o["label-tooltip"])}),u=t.computed(()=>e.error||e.hasError||h.value?!0:void 0),m=t.ref(0),f=t.computed({get(){return e.modelValue},set($){g({target:{value:$}})}}),p=t.useId(),b=t.computed(()=>r.id?String(r.id):p),w=t.computed(()=>{const $={...r};return delete $.class,$}),h=t.computed(()=>typeof e.characterLimit=="boolean"?e.characterLimit?d.value.length>Tc:!1:d.value.length>e.characterLimit),g=$=>{var M;const x=JSON.parse(JSON.stringify((M=$==null?void 0:$.target)==null?void 0:M.value));a("input",x),a("update:modelValue",x),d.value=x},y=t.computed(()=>!h.value&&!!(e.help||o.help)),v=t.computed(()=>{var x;const $=typeof e.characterLimit=="number"?e.characterLimit:Tc;return h.value?`${(x=d.value)==null?void 0:x.toString().length} / ${$}`:e.help});t.watch(h,($,x)=>{$!==x&&(a("char-limit-exceeded",{value:d.value,length:d.value.length,characterLimit:Number(e.characterLimit),limitExceeded:$}),m.value+=1)}),t.watch(f,($,x)=>{$!==x&&g({target:{value:$}})});const k=()=>d.value?d.value:e.modelValue,S=Ff?()=>{}:$=>{const{target:x,clientX:M,clientY:H}=$;if(!(x instanceof HTMLTextAreaElement))return;const{right:T,bottom:O}=x.getBoundingClientRect();M>T-$1&&H>O-$1&&(x.style.height="")};return($,x)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-textarea",[$.$attrs.class,{"input-error":e.error||e.hasError||h.value}]])},[e.label?(t.openBlock(),t.createBlock(Ut,t.mergeProps({key:0,for:b.value},e.labelAttributes,{required:l.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(c.value)+" ",1)]),_:2},[s.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot($.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["input-textarea-wrapper",{autosize:e.autosize,legacy:e.autosize&&!t.unref(x1)}]),"data-allow-mismatch":"class","data-value":t.unref(x1)?null:d.value},[t.createElementVNode("textarea",t.mergeProps({id:b.value},w.value,{"aria-invalid":u.value,class:["input-textarea",{resizable:e.resizable||e.isResizable}],rows:e.rows,value:k(),onDblclick:x[0]||(x[0]=(...M)=>t.unref(S)&&t.unref(S)(...M)),onInput:g}),null,16,xR)],10,$R),t.createVNode(t.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:t.withCtx(()=>[v.value||o.help?(t.openBlock(),t.createElementBlock("p",{key:String(m.value),class:"help-text"},[y.value?t.renderSlot($.$slots,"help",{key:0},()=>[t.createTextVNode(t.toDisplayString(v.value),1)],!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(v.value),1)],64))])):t.createCommentVNode("",!0)]),_:3})],2))}}),[["__scopeId","data-v-2080bcde"]]),ER={class:"toaster-icon-container"},BR={class:"toaster-content"},DR={key:0,class:"toaster-title"},TR={key:1,class:"toaster-message"},NR=["onClick"],Nc=ye(t.defineComponent({__name:"KToaster",props:{toasterState:{default:()=>[]},zIndex:{default:1e4}},emits:["close"],setup(e,{emit:n}){t.useCssVars(o=>({v22b9170f:o.zIndex}));const a=n,r=o=>{switch(o){case"info":return Vn;case"success":return md;case"warning":return Al;case"danger":return Ry;case"system":return Tl;default:return Vn}};return(o,i)=>(t.openBlock(),t.createBlock(t.TransitionGroup,{class:"k-toaster",name:"kongponents-slide-up-transition",tag:"div"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.toasterState,l=>(t.openBlock(),t.createElementBlock("div",{key:l.key,class:t.normalizeClass(["toaster",`${l.appearance}`]),role:"alert"},[t.createElementVNode("div",ER,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r(l.appearance)),{class:"toaster-icon",color:`var(--kui-color-text, ${t.unref(wb)})`,decorative:""},null,8,["color"]))]),t.createElementVNode("div",BR,[l.title?(t.openBlock(),t.createElementBlock("span",DR,t.toDisplayString(l.title),1)):t.createCommentVNode("",!0),l.message?(t.openBlock(),t.createElementBlock("p",TR,t.toDisplayString(l.message),1)):t.createCommentVNode("",!0)]),t.createElementVNode("button",{"aria-label":"Close",class:"toaster-close-icon","data-testid":"toaster-close-icon",type:"button",onClick:t.withModifiers(d=>a("close",l.key),["stop"])},[t.createVNode(t.unref(It),{color:`var(--kui-color-text-neutral-weak, ${t.unref(Ud)})`,size:t.unref(Sb)},null,8,["color","size"])],8,NR)],2))),128))]),_:1}))}}),[["__scopeId","data-v-d307308f"]]),AR="kongponents-toaster-container",Ac={timeoutMilliseconds:5e3,appearance:El.info},MR=1e4;class B1{constructor(n){Ln(this,"toastersContainer",null);Ln(this,"toaster",null);Ln(this,"toasts",t.ref([]));if(typeof document>"u"){console.warn("ToastManager should only be initialized in the browser environment. Docs: https://kongponents.konghq.com/components/toaster.html");return}this.toastersContainer=document.createElement("div"),this.toastersContainer.id=AR,document.body.appendChild(this.toastersContainer),this.toaster=t.createVNode(Nc,{toasterState:this.toasts.value,zIndex:n!=null&&n.zIndex?n.zIndex:MR,onClose:a=>this.close(a)}),this.toastersContainer&&t.render(this.toaster,this.toastersContainer)}setTimer(n,a){return setTimeout(()=>this.close(n),a)}open(n){const{key:a,timeoutMilliseconds:r,appearance:o,message:i,title:l}=n,d=a?String(a):il(),c=o&&Object.keys(El).indexOf(o)!==-1?o:Ac.appearance,s=this.setTimer(a,r||Ac.timeoutMilliseconds),u=typeof n=="string"?n:i;this.toasts.value.push({key:d,appearance:c,title:l,message:u,timer:s,timeoutMilliseconds:r||Ac.timeoutMilliseconds})}close(n){var r,o;const a=(r=this.toasts.value)==null?void 0:r.findIndex(i=>n===i.key);clearTimeout((o=this.toasts.value[a])==null?void 0:o.timer),this.toasts.value.splice(a,1)}closeAll(){this.toasts.value.forEach(n=>clearTimeout(n==null?void 0:n.timer)),this.toasts.value=[]}destroy(){this.toastersContainer&&(t.render(null,this.toastersContainer),this.toastersContainer.remove())}}/*!
+Docs: https://kongponents.konghq.com/components/table-data.html`),V()}),(G,de)=>(t.openBlock(),t.createElementBlock("div",lR,[P.value?(t.openBlock(),t.createElementBlock("div",sR,[t.renderSlot(G.$slots,"toolbar",{state:xe.value},void 0,!0),k.value?(t.openBlock(),t.createElementBlock("div",cR,[t.createVNode(k1,{columns:S.value,"table-id":t.unref(u),"visibility-preferences":$.value,onUpdate:de[0]||(de[0]=se=>x.value=se)},null,8,["columns","table-id","visibility-preferences"])])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),(Q.value||e.loading||Ze.value)&&!e.error?(t.openBlock(),t.createBlock(Sr,{key:1,"data-testid":"table-skeleton",type:"table"})):e.error?(t.openBlock(),t.createElementBlock("div",dR,[t.renderSlot(G.$slots,"error-state",{},()=>[t.createVNode(qn,{"icon-variant":"error",message:e.errorStateMessage,title:e.errorStateTitle},t.createSlots({_:2},[e.errorStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Me,{"data-testid":In(e.errorStateActionMessage),to:e.errorStateActionRoute?e.errorStateActionRoute:void 0,onClick:de[1]||(de[1]=se=>G.$emit("error-action-click"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.errorStateActionMessage),1)]),_:1},8,["data-testid","to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):!e.error&&!Q.value&&!e.loading&&!Ze.value&&f.value&&!f.value.length?(t.openBlock(),t.createElementBlock("div",uR,[t.renderSlot(G.$slots,"empty-state",{},()=>[t.createVNode(qn,{"icon-variant":e.emptyStateIconVariant,message:e.emptyStateMessage,title:e.emptyStateTitle},t.createSlots({_:2},[e.emptyStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Me,{appearance:e.searchInput?"tertiary":"primary","data-testid":In(e.emptyStateActionMessage),to:e.emptyStateActionRoute?e.emptyStateActionRoute:void 0,onClick:de[2]||(de[2]=se=>G.$emit("empty-state-action-click"))},{default:t.withCtx(()=>[t.renderSlot(G.$slots,"empty-state-action-icon",{},void 0,!0),t.createTextVNode(" "+t.toDisplayString(e.emptyStateActionMessage),1)]),_:3},8,["appearance","data-testid","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(t.openBlock(),t.createElementBlock("div",fR,[t.createElementVNode("div",{class:"table-wrapper",style:t.normalizeStyle(Z.value),onScrollPassive:ce},[t.createElementVNode("table",{class:t.normalizeClass(["table",{"has-hover":e.rowHover,"is-clickable":L.value}]),"data-tableid":t.unref(u)},[t.createElementVNode("thead",{class:t.normalizeClass({"is-scrolled":H.value})},[t.createElementVNode("tr",{ref_key:"headerRow",ref:p,class:t.normalizeClass({"is-scrolled":H.value})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(w.value,(se,A)=>(t.openBlock(),t.createElementBlock("th",{key:`table-${t.unref(u)}-headers-${A}`,"aria-sort":e.sortable&&se.key===C.value?B.value==="asc"?"ascending":"descending":void 0,class:t.normalizeClass(["table-headers",Ce(se,A)]),"data-testid":`table-header-${se.key}`,style:t.normalizeStyle(ve.value[se.key]),onClick:()=>{e.sortable&&se.sortable&&(G.$emit("sort",{prevKey:C.value,sortColumnKey:se.key,sortColumnOrder:B.value==="asc"?"desc":"asc"}),D(se))},onMouseleave:de[7]||(de[7]=R=>y.value=""),onMouseover:R=>y.value=se.key},[e.resizeColumns&&A!==0?(t.openBlock(),t.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:de[3]||(de[3]=t.withModifiers(()=>{},["stop"])),onMousedown:R=>re(R,w.value[A-1].key),onMouseleave:de[4]||(de[4]=R=>g.value=""),onMouseover:R=>g.value=w.value[A-1].key},null,40,hR)):t.createCommentVNode("",!0),t.createElementVNode("div",{"aria-describedby":se.tooltip||G.$slots[U(se.key)]?`${U(se.key)}-${t.unref(u)}`:void 0,class:t.normalizeClass(["table-headers-container",{resized:h.value===se.key}])},[t.renderSlot(G.$slots,_(se.key),{column:j(se)},()=>[t.createElementVNode("span",{class:t.normalizeClass(["table-header-label",{"sr-only":se.hideLabel}])},t.toDisplayString(se.label?se.label:se.key),3)],!0),se.tooltip||G.$slots[U(se.key)]?(t.openBlock(),t.createBlock(Et,{key:0,"data-testid":U(se.key),"tooltip-id":`${U(se.key)}-${t.unref(u)}`},{content:t.withCtx(()=>[t.renderSlot(G.$slots,U(se.key),{column:j(se)},()=>[t.createTextVNode(t.toDisplayString(se.tooltip),1)],!0)]),default:t.withCtx(()=>[t.createVNode(t.unref(Vn),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${t.unref(Xt)})`,size:t.unref(Ht)},null,8,["color","size"])]),_:2},1032,["data-testid","tooltip-id"])):t.createCommentVNode("",!0),e.sortable&&!se.hideLabel&&se.sortable?(t.openBlock(),t.createBlock(t.unref(Bl),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral, ${t.unref(Xt)})`,size:t.unref(Ht)},null,8,["color","size"])):t.createCommentVNode("",!0)],10,gR),e.resizeColumns&&A!==w.value.length-1?(t.openBlock(),t.createElementBlock("div",{key:1,class:"resize-handle",onClick:de[5]||(de[5]=t.withModifiers(()=>{},["stop"])),onMousedown:R=>re(R,se.key),onMouseleave:de[6]||(de[6]=R=>g.value=""),onMouseover:R=>g.value=se.key},null,40,yR)):t.createCommentVNode("",!0)],46,pR))),128))],2)],2),t.createElementVNode("tbody",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(f.value,(se,A)=>(t.openBlock(),t.createElementBlock("tr",t.mergeProps({ref_for:!0},e.rowAttrs(se),{key:`table-${t.unref(u)}-row-${A}`,role:L.value?"link":null,tabindex:L.value?0:null}),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(w.value,(R,W)=>(t.openBlock(),t.createElementBlock("td",t.mergeProps({ref_for:!0},e.cellAttrs({headerKey:R.key,row:se,rowIndex:A,colIndex:W}),{key:`table-${t.unref(u)}-cell-${W}`,class:{"resize-hover":e.resizeColumns&&Ne.value===R.key&&W!==w.value.length-1},style:ve.value[R.key]},t.toHandlers(he.value(se[R.key],se),!0)),[t.renderSlot(G.$slots,R.key,{row:j(se),rowKey:A,rowValue:se[R.key]},()=>[t.createTextVNode(t.toDisplayString(se[R.key]),1)],!0)],16))),128))],16,bR))),128))])],10,mR)],36),pn.value?(t.openBlock(),t.createBlock($r,{key:0,class:"table-pagination","current-page":T.value,"data-testid":"table-pagination","disable-page-jump":e.disablePaginationPageJump,"initial-page-size":O.value,neighbors:e.paginationNeighbors,offset:e.paginationOffset,"offset-next-button-disabled":!we.value||!I.value,"offset-previous-button-disabled":!ue.value,"page-sizes":e.paginationPageSizes,"total-count":M.value,onGetNextOffset:We,onGetPreviousOffset:mn,onPageChange:F,onPageSizeChange:ee},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):t.createCommentVNode("",!0)]))]))}}),C1=ye(vR,[["__scopeId","data-v-1e08f4e8"]]),wR={class:"k-tabs"},kR={"aria-label":"Tabs",role:"tablist"},CR=["id","data-testid"],SR=["id","aria-labelledby"],S1=ye(t.defineComponent({__name:"KTabs",props:{tabs:{},modelValue:{default:""},hidePanels:{type:Boolean},anchorTabindex:{default:0},beforeChange:{default:()=>(()=>!0)}},emits:["update:modelValue","change"],setup(e,{emit:n}){var d;const a=n,r=t.ref(e.modelValue?e.modelValue:(d=e.tabs[0])==null?void 0:d.hash),o=async c=>{(typeof e.beforeChange!="function"||await e.beforeChange(c))&&(r.value=c,a("change",c),a("update:modelValue",c))},i=c=>c.replace("#",""),l=c=>c.disabled?"-1":typeof e.anchorTabindex=="number"&&e.anchorTabindex>=-1&&e.anchorTabindex<=32767?String(e.anchorTabindex):"0";return t.watch(()=>e.modelValue,c=>{r.value=c}),(c,s)=>(t.openBlock(),t.createElementBlock("div",wR,[t.createElementVNode("ul",kR,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabs,u=>(t.openBlock(),t.createElementBlock("li",{id:`${u.hash.replace("#","")}-tab`,key:u.hash,class:t.normalizeClass(["tab-item",{active:r.value===u.hash}]),"data-testid":`${u.hash.replace("#","")}-tab`},[t.createVNode(Me,{appearance:"none","aria-controls":e.hidePanels?void 0:`panel-${u.hash}`,"aria-selected":e.hidePanels?void 0:r.value===u.hash?"true":"false",class:t.normalizeClass(["tab-link",{disabled:u.disabled}]),disabled:u.disabled,role:"tab",tabindex:l(u),to:u.to,onClick:[m=>u.disabled?void 0:o(u.hash),t.withModifiers(m=>u.disabled?void 0:o(u.hash),["prevent"])],onKeydown:[t.withKeys(t.withModifiers(m=>u.disabled?void 0:o(u.hash),["prevent"]),["enter"]),t.withKeys(t.withModifiers(m=>u.disabled?void 0:o(u.hash),["prevent"]),["space"])]},{default:t.withCtx(()=>[t.renderSlot(c.$slots,`${i(u.hash)}-anchor`,{},()=>[t.createElementVNode("span",null,t.toDisplayString(u.title),1)])]),_:2},1032,["aria-controls","aria-selected","class","disabled","tabindex","to","onClick","onKeydown"])],10,CR))),128))]),e.hidePanels?t.createCommentVNode("",!0):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.tabs,(u,m)=>(t.openBlock(),t.createElementBlock("div",{id:`panel-${m}`,key:u.hash,"aria-labelledby":`${i(u.hash)}-tab`,class:"tab-container",role:"tabpanel"},[r.value===u.hash?t.renderSlot(c.$slots,i(u.hash),{key:0}):t.createCommentVNode("",!0)],8,SR))),128))]))}}),[["__scopeId","data-v-1bf1622c"]]),$R=["data-value"],xR=["id","aria-invalid","rows","value"],Tc=2048,$1=Ff?0:Yf(),x1=bS("field-sizing","content"),E1=ye(t.defineComponent({inheritAttrs:!1,__name:"KTextArea",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},characterLimit:{type:[Boolean,Number],default:()=>Tc},rows:{default:5},error:{type:Boolean},resizable:{type:Boolean},autosize:{type:Boolean},help:{default:""},isResizable:{type:Boolean},hasError:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(e,{emit:n}){t.useCssVars($=>({v5b352807:$.rows})),t.watch(()=>e.isResizable,$=>{$&&console.warn("KTextArea: `isResizable` prop is deprecated in favor of `resizable` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea")},{immediate:!0}),t.watch(()=>e.hasError,$=>{$&&console.warn("KTextArea: `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#ktextarea")},{immediate:!0});const a=n,r=t.useAttrs(),o=t.useSlots(),{stripRequiredLabel:i}=Hn(),l=t.computed(()=>(r==null?void 0:r.required)!==void 0&&String(r==null?void 0:r.required)!=="false"),d=t.ref(""),c=t.computed(()=>i(e.label,l.value)),s=t.computed(()=>{var $,x;return!!(($=e.labelAttributes)!=null&&$.help||(x=e.labelAttributes)!=null&&x.info||o["label-tooltip"])}),u=t.computed(()=>e.error||e.hasError||h.value?!0:void 0),m=t.ref(0),f=t.computed({get(){return e.modelValue},set($){g({target:{value:$}})}}),p=t.useId(),b=t.computed(()=>r.id?String(r.id):p),w=t.computed(()=>{const $={...r};return delete $.class,$}),h=t.computed(()=>typeof e.characterLimit=="boolean"?e.characterLimit?d.value.length>Tc:!1:d.value.length>e.characterLimit),g=$=>{var M;const x=JSON.parse(JSON.stringify((M=$==null?void 0:$.target)==null?void 0:M.value));a("input",x),a("update:modelValue",x),d.value=x},y=t.computed(()=>!h.value&&!!(e.help||o.help)),v=t.computed(()=>{var x;const $=typeof e.characterLimit=="number"?e.characterLimit:Tc;return h.value?`${(x=d.value)==null?void 0:x.toString().length} / ${$}`:e.help});t.watch(h,($,x)=>{$!==x&&(a("char-limit-exceeded",{value:d.value,length:d.value.length,characterLimit:Number(e.characterLimit),limitExceeded:$}),m.value+=1)}),t.watch(f,($,x)=>{$!==x&&g({target:{value:$}})});const k=()=>d.value?d.value:e.modelValue,S=Ff?()=>{}:$=>{const{target:x,clientX:M,clientY:H}=$;if(!(x instanceof HTMLTextAreaElement))return;const{right:T,bottom:O}=x.getBoundingClientRect();M>T-$1&&H>O-$1&&(x.style.height="")};return($,x)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-textarea",[$.$attrs.class,{"input-error":e.error||e.hasError||h.value}]])},[e.label?(t.openBlock(),t.createBlock(Ut,t.mergeProps({key:0,for:b.value},e.labelAttributes,{required:l.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(c.value)+" ",1)]),_:2},[s.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot($.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["input-textarea-wrapper",{autosize:e.autosize,legacy:e.autosize&&!t.unref(x1)}]),"data-allow-mismatch":"class","data-value":t.unref(x1)?null:d.value},[t.createElementVNode("textarea",t.mergeProps({id:b.value},w.value,{"aria-invalid":u.value,class:["input-textarea",{resizable:e.resizable||e.isResizable}],rows:e.rows,value:k(),onDblclick:x[0]||(x[0]=(...M)=>t.unref(S)&&t.unref(S)(...M)),onInput:g}),null,16,xR)],10,$R),t.createVNode(t.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:t.withCtx(()=>[v.value||o.help?(t.openBlock(),t.createElementBlock("p",{key:String(m.value),class:"help-text"},[y.value?t.renderSlot($.$slots,"help",{key:0},()=>[t.createTextVNode(t.toDisplayString(v.value),1)],!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(v.value),1)],64))])):t.createCommentVNode("",!0)]),_:3})],2))}}),[["__scopeId","data-v-2080bcde"]]),ER={class:"toaster-icon-container"},BR={class:"toaster-content"},DR={key:0,class:"toaster-title"},TR={key:1,class:"toaster-message"},NR=["onClick"],Nc=ye(t.defineComponent({__name:"KToaster",props:{toasterState:{default:()=>[]},zIndex:{default:1e4}},emits:["close"],setup(e,{emit:n}){t.useCssVars(o=>({v22b9170f:o.zIndex}));const a=n,r=o=>{switch(o){case"info":return Vn;case"success":return md;case"warning":return Al;case"danger":return Ry;case"system":return Tl;default:return Vn}};return(o,i)=>(t.openBlock(),t.createBlock(t.TransitionGroup,{class:"k-toaster",name:"kongponents-slide-up-transition",tag:"div"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.toasterState,l=>(t.openBlock(),t.createElementBlock("div",{key:l.key,class:t.normalizeClass(["toaster",`${l.appearance}`]),role:"alert"},[t.createElementVNode("div",ER,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r(l.appearance)),{class:"toaster-icon",color:`var(--kui-color-text, ${t.unref(wb)})`,decorative:""},null,8,["color"]))]),t.createElementVNode("div",BR,[l.title?(t.openBlock(),t.createElementBlock("span",DR,t.toDisplayString(l.title),1)):t.createCommentVNode("",!0),l.message?(t.openBlock(),t.createElementBlock("p",TR,t.toDisplayString(l.message),1)):t.createCommentVNode("",!0)]),t.createElementVNode("button",{"aria-label":"Close",class:"toaster-close-icon","data-testid":"toaster-close-icon",type:"button",onClick:t.withModifiers(d=>a("close",l.key),["stop"])},[t.createVNode(t.unref(It),{color:`var(--kui-color-text-neutral-weak, ${t.unref(Ud)})`,size:t.unref(Sb)},null,8,["color","size"])],8,NR)],2))),128))]),_:1}))}}),[["__scopeId","data-v-d307308f"]]),AR="kongponents-toaster-container",Ac={timeoutMilliseconds:5e3,appearance:El.info},MR=1e4;class B1{constructor(n){Ln(this,"toastersContainer",null);Ln(this,"toaster",null);Ln(this,"toasts",t.ref([]));if(typeof document>"u"){console.warn("ToastManager should only be initialized in the browser environment. Docs: https://kongponents.konghq.com/components/toaster.html");return}this.toastersContainer=document.createElement("div"),this.toastersContainer.id=AR,document.body.appendChild(this.toastersContainer),this.toaster=t.createVNode(Nc,{toasterState:this.toasts.value,zIndex:n!=null&&n.zIndex?n.zIndex:MR,onClose:a=>this.close(a)}),this.toastersContainer&&t.render(this.toaster,this.toastersContainer)}setTimer(n,a){return(window==null?void 0:window.setTimeout(()=>this.close(n),a))||0}open(n){const{key:a,timeoutMilliseconds:r,appearance:o,message:i,title:l}=n,d=a?String(a):il(),c=o&&Object.keys(El).indexOf(o)!==-1?o:Ac.appearance,s=this.setTimer(a,r||Ac.timeoutMilliseconds),u=typeof n=="string"?n:i;this.toasts.value.push({key:d,appearance:c,title:l,message:u,timer:s,timeoutMilliseconds:r||Ac.timeoutMilliseconds})}close(n){var r,o;const a=(r=this.toasts.value)==null?void 0:r.findIndex(i=>n===i.key);clearTimeout((o=this.toasts.value[a])==null?void 0:o.timer),this.toasts.value.splice(a,1)}closeAll(){this.toasts.value.forEach(n=>clearTimeout(n==null?void 0:n.timer)),this.toasts.value=[]}destroy(){this.toastersContainer&&(t.render(null,this.toastersContainer),this.toastersContainer.remove())}}/*!
   * vue-draggable-next v2.3.0
   * (c) 2025 Anish George
   * @license MIT

package/dist/nuxt/index.js

@@ -0,0 +1,69 @@
+import { defineNuxtModule, createResolver, addComponent, useLogger, addImportsDir } from '@nuxt/kit';
+import { components } from '@kong/kongponents';
+// Components that should always be excluded from auto-registration
+const ALWAYS_EXCLUDE_COMPONENTS = ['ToastManager', 'KTable', 'KModalFullscreen', 'KDropdownMenu'];
+export default defineNuxtModule({
+    meta: {
+        name: '@kong/kongponents',
+        configKey: 'kongponents',
+    },
+    defaults: {
+        components: {
+            include: [],
+            exclude: [],
+        },
+        composables: true,
+    },
+    setup(options, nuxt) {
+        const { resolve } = createResolver(import.meta.url);
+        const logger = useLogger('kongponents');
+        // Register the styles
+        nuxt.options.css.push('@kong/kongponents/dist/style.css');
+        if (options.composables) {
+            // Register composables
+            addImportsDir(resolve('./runtime/composables'));
+        }
+        // Define a list of components that should be auto-registered.
+        const includeList = options.components?.include || [];
+        // Define a list of components that should never be auto-registered.
+        const excludeList = [...ALWAYS_EXCLUDE_COMPONENTS, ...(options.components?.exclude || [])];
+        const filteredComponents = Object.keys(components).filter((name) => 
+        // Only include components that start with 'K' (e.g., KButton)
+        name.startsWith('K')
+            // If an include list is provided, only keep those in the list
+            && (includeList.length === 0 || includeList.includes(name))
+            // Exclude any components explicitly listed in the exclude list
+            && !excludeList.includes(name));
+        if (filteredComponents.length === 0) {
+            logger.warn('⚠️ No Kongponents components were registered. Check your include/exclude config.');
+        }
+        filteredComponents.forEach((name) => {
+            addComponent({
+                name,
+                export: name,
+                filePath: '@kong/kongponents',
+                // we don't need global registration here
+                global: false,
+                // 'all' means both client and server
+                mode: 'all',
+            });
+        });
+        /**
+         * Integrate with Nuxt DevTools by adding a "Kongponents" tab.
+         * This gives quick access to documentation within the DevTools UI.
+         */
+        // @ts-ignore - nuxt types are missing devtools hook
+        nuxt.hook('devtools:customTabs', (tabs) => {
+            tabs.push({
+                name: 'kongponents',
+                title: 'Kongponents',
+                icon: 'https://kongponents.konghq.com/img/kong-logomark.png',
+                view: {
+                    type: 'iframe',
+                    src: 'https://kongponents.konghq.com',
+                },
+            });
+        });
+        logger.success('🚀 Kongponents module has been registered.');
+    },
+});

package/dist/nuxt/runtime/composables/useToast.js

@@ -0,0 +1,27 @@
+import { onBeforeUnmount } from 'vue';
+import { ToastManager } from '@kong/kongponents';
+/** The default toaster configuration */
+const defaultToastConfig = {
+    key: 'kongponents-toast',
+    appearance: 'success',
+    message: 'Success',
+    timeoutMilliseconds: 3000,
+};
+export default function useToast() {
+    // Initialize the toast manager; stub out the `open` and `destroy` methods on the server
+    const toast = import.meta.client ? new ToastManager() : { open: () => { }, destroy: () => { } };
+    const showToast = async (notification) => {
+        if (import.meta.client) {
+            toast.open({
+                ...defaultToastConfig,
+                ...notification,
+            });
+        }
+    };
+    onBeforeUnmount(() => {
+        toast.destroy();
+    });
+    return {
+        showToast,
+    };
+}

package/dist/nuxt/runtime/plugins/kongponents.js

@@ -0,0 +1,14 @@
+// TODO: testing some stuff...
+// @ts-ignore - import path exists
+import { defineNuxtPlugin } from '#app';
+// In some NodeJS environments, the `crypto` module is not available by default, so import it and make it available on the server
+import crypto from 'node:crypto';
+export default defineNuxtPlugin({
+    name: 'kongponents',
+    setup() {
+        // Inject the crypto module into the global scope if it is not already available
+        if (import.meta.server && typeof globalThis?.crypto === 'undefined') {
+            globalThis.crypto = globalThis.crypto || crypto;
+        }
+    },
+});

package/dist/types/nuxt/index.d.ts

@@ -0,0 +1,25 @@
+import { components } from '@kong/kongponents';
+type ComponentKeys = keyof typeof components;
+type ExcludedComponentKeys = Exclude<ComponentKeys, 'ToastManager' | 'KTable' | 'KModalFullscreen' | 'KDropdownMenu'>;
+export interface ModuleOptions {
+    components?: {
+        /**
+         * List of component names to include in auto-registration. If unset or empty, all components will be included.
+         * @default []
+         */
+        include?: ComponentKeys[];
+        /**
+         * List of component names to exclude from automatic registration
+         * @default []
+         */
+        exclude?: ExcludedComponentKeys[];
+    };
+    /**
+     * Whether to register provided composables.
+     * For example, you can access the included `useToast` composable.
+     * @default true
+     */
+    composables?: boolean;
+}
+declare const _default: import("nuxt/schema").NuxtModule<ModuleOptions, ModuleOptions, false>;
+export default _default;

package/dist/types/nuxt/runtime/composables/useToast.d.ts

@@ -0,0 +1,4 @@
+import type { Toast } from '@kong/kongponents';
+export default function useToast(): {
+    showToast: (notification: Partial<Toast>) => Promise<void>;
+};

package/dist/types/nuxt/runtime/plugins/kongponents.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.43.2",
+  "version": "9.43.3-pr.2953.6ec956d.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -22,37 +22,14 @@
       "import": "./dist/kongponents.es.js",
       "require": "./dist/kongponents.umd.js"
     },
+    "./nuxt": {
+      "import": "./dist/nuxt/index.js",
+      "types": "./dist/types/nuxt/index.d.ts"
+    },
     "./dist/style.css": "./dist/kongponents.css",
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
   },
-  "scripts": {
-    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
-    "build:docs": "vitepress build docs",
-    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json'",
-    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
-    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
-    "build:ci": "pnpm build:kongponents && pnpm build:docs",
-    "commit": "cz",
-    "create-kongponent": "node ./bin/index.js",
-    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
-    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
-    "docs:build": "vitepress build docs",
-    "docs:dev": "vitepress dev docs",
-    "docs:serve": "vitepress serve docs",
-    "docs:preview": "vitepress preview docs --port 8080",
-    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
-    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
-    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
-    "test": "cypress run --component -b chrome",
-    "test:open": "cypress open --component -b chrome",
-    "test:spec": "cypress run --component -b chrome --spec",
-    "semantic-release": "semantic-release"
-  },
   "dependencies": {
     "@floating-ui/vue": "^1.1.9",
     "@kong/icons": "^1.39.0",
@@ -83,6 +60,7 @@
     "@kong-ui-public/sandbox-layout": "^2.3.4",
     "@kong/design-tokens": "^1.18.0",
     "@kong/eslint-config-kong-ui": "1.5.1",
+    "@nuxt/kit": "^4.1.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@stylistic/stylelint-plugin": "^4.0.0",
@@ -106,6 +84,7 @@
     "inquirer": "^9.3.6",
     "nanospinner": "^1.2.2",
     "node-emoji": "^2.2.0",
+    "nuxt": "^4.1.3",
     "picocolors": "^1.1.1",
     "postcss-cli": "^11.0.1",
     "postcss-custom-properties": "^14.0.6",
@@ -187,7 +166,6 @@
     "node": ">=v16.20.2 || >=18.12.1 || >=20.14.0 || >=22.14.0",
     "pnpm": ">=9.11.0 || >=10.10.0"
   },
-  "packageManager": "pnpm@10.18.2",
   "volta": {
     "node": "24.10.0",
     "pnpm": "10.18.2"
@@ -201,5 +179,33 @@
       "jiraPrepend": "[",
       "jiraAppend": "]"
     }
+  },
+  "scripts": {
+    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
+    "build:docs": "vitepress build docs",
+    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:nuxt",
+    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
+    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
+    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
+    "build:ci": "pnpm build:kongponents && pnpm build:docs",
+    "commit": "cz",
+    "create-kongponent": "node ./bin/index.js",
+    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
+    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
+    "docs:build": "vitepress build docs",
+    "docs:dev": "vitepress dev docs",
+    "docs:serve": "vitepress serve docs",
+    "docs:preview": "vitepress preview docs --port 8080",
+    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
+    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
+    "test": "cypress run --component -b chrome",
+    "test:open": "cypress open --component -b chrome",
+    "test:spec": "cypress run --component -b chrome --spec",
+    "semantic-release": "semantic-release"
   }
-}
+}