@kong/kongponents 9.14.7 → 9.14.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/kongponents.es.js +181 -181
  2. package/dist/kongponents.umd.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
package/dist/kongponents.umd.js CHANGED
@@ -39,7 +39,7 @@
39
39
  * @license MIT
40
40
  */function KP(e){return e}const CI={escapeDeactivates:{type:Boolean,default:!0},returnFocusOnDeactivate:{type:Boolean,default:!0},allowOutsideClick:{type:[Boolean,Function],default:!0},clickOutsideDeactivates:[Boolean,Function],initialFocus:[String,Function,Boolean],fallbackFocus:[String,Function],checkCanFocusTrap:Function,checkCanReturnFocus:Function,delayInitialFocus:{type:Boolean,default:!0},document:Object,preventScroll:Boolean,setReturnFocus:[Object,String,Boolean,Function],tabbableOptions:Object},SI=t.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},CI),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(e,{slots:n,emit:r}){let a;const o=t.ref(null),i=t.computed(()=>{const c=o.value;return c&&(c instanceof HTMLElement?c:c.$el)});function s(){return a||(a=kI(i.value,{escapeDeactivates:e.escapeDeactivates,allowOutsideClick:e.allowOutsideClick,returnFocusOnDeactivate:e.returnFocusOnDeactivate,clickOutsideDeactivates:e.clickOutsideDeactivates,onActivate:()=>{r("update:active",!0),r("activate")},onDeactivate:()=>{r("update:active",!1),r("deactivate")},onPostActivate:()=>r("postActivate"),onPostDeactivate:()=>r("postDeactivate"),initialFocus:e.initialFocus,fallbackFocus:e.fallbackFocus,tabbableOptions:e.tabbableOptions,delayInitialFocus:e.delayInitialFocus,preventScroll:e.preventScroll}))}return t.onMounted(()=>{t.watch(()=>e.active,c=>{c&&i.value?s().activate():a&&(a.deactivate(),(!i.value||i.value.nodeType===Node.COMMENT_NODE)&&(a=null))},{immediate:!0,flush:"post"})}),t.onUnmounted(()=>{a&&a.deactivate(),a=null}),{activate(){s().activate()},deactivate(){a&&a.deactivate()},renderImpl(){if(!n.default)return null;const c=n.default().filter(d=>d.type!==t.Comment);return!c||!c.length||c.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),c):t.cloneVNode(c[0],{ref:o})}}}}),$I=["aria-label"],xI={key:0,class:"modal-header"},DI={key:0,class:"modal-title"},EI={class:"modal-footer"},BI={class:"footer-actions"},ps=me(t.defineComponent({inheritAttrs:!1,__name:"KModal",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},actionButtonText:{type:String,default:"Submit"},actionButtonAppearance:{type:String,default:"primary"},actionButtonDisabled:{type:Boolean,default:!1},hideCancelButton:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},cancelButtonAppearance:{type:String,default:"tertiary"},cancelButtonDisabled:{type:Boolean,default:!1},tabbableOptions:{type:Object,default:()=>({})},maxWidth:{type:String,required:!1,default:"500px"},maxHeight:{type:String,required:!1,default:"calc(100vh - 200px)"},closeOnBackdropClick:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},hideCloseIcon:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},inputAutofocus:{type:Boolean,default:!1},zIndex:{type:Number,default:1100}},emits:["cancel","proceed"],setup(e,{emit:n}){t.useCssVars(w=>({b10d3658:e.zIndex,dc6b381a:d.value,"2323fe3c":u.value}));const{getSizeFromString:r}=Xe(),a=e,o=n,i=t.useAttrs(),s=t.useSlots(),c=t.ref(null),l=t.ref(null),d=t.computed(()=>a.fullScreen&&!s.content?"95%":r(a.maxWidth)),u=t.computed(()=>a.fullScreen&&!s.content?"95vh":r(a.maxHeight)),f=t.computed(()=>{const w=Object.assign({},i);return delete w.class,w}),p=t.computed(()=>!!a.title||!!s.title||!a.hideCloseIcon),m=w=>{a.visible&&a.closeOnEscape&&w.key==="Escape"&&g(!0)},g=(w=!1,k)=>{var S,D;(w||(D=(S=k==null?void 0:k.target)==null?void 0:S.classList)!=null&&D.contains("modal-backdrop")&&a.closeOnBackdropClick)&&o("cancel")},v=async w=>{var k,S;w?(await t.nextTick(),await new Promise(D=>setTimeout(D,0)),(k=c.value)==null||k.activate()):(S=c.value)==null||S.deactivate()},C=w=>{var k,S,D,B;typeof document<"u"&&(w?(S=(k=document==null?void 0:document.body)==null?void 0:k.classList)==null||S.remove("k-modal-overflow-hidden"):(B=(D=document==null?void 0:document.body)==null?void 0:D.classList)==null||B.add("k-modal-overflow-hidden"))},y=w=>{typeof document<"u"&&(w?document==null||document.addEventListener("keydown",m):document==null||document.removeEventListener("keydown",m))},b=()=>{var k,S,D;const w=(D=(S=(k=c.value)==null?void 0:k.$el)==null?void 0:S.querySelector(".modal-content"))==null?void 0:D.querySelectorAll("input");w!=null&&w.length&&Array.from(w).every(B=>!B.disabled&&!B.readOnly?(B.focus(),!1):!0)};return t.watch(()=>a.visible,async w=>{w?(await v(!0),a.inputAutofocus&&b(),C(!1),y(!0)):(await v(!1),C(!0),y(!1))},{immediate:!0}),t.watch(()=>a.inputAutofocus,async w=>{w&&(await t.nextTick(),b())}),t.onBeforeUnmount(async()=>{await v(!1),y(!1)}),(w,k)=>e.visible?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,"aria-label":e.title,"aria-modal":"true",class:["k-modal",[t.unref(i).class]]},f.value,{role:"dialog"}),[t.createElementVNode("div",{ref_key:"modalWrapperElement",ref:l,class:t.normalizeClass(["modal-backdrop",{"modal-full-screen":e.fullScreen&&!w.$slots.content}]),onClick:k[3]||(k[3]=S=>g(!1,S))},[t.createVNode(t.unref(SI),{ref_key:"focusTrapElement",ref:c,active:!1,"fallback-focus":()=>l.value,"tabbable-options":e.tabbableOptions},{default:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["modal-container",{"custom-content":w.$slots.content}]),tabindex:"-1"},[t.renderSlot(w.$slots,"content",{},()=>[p.value?(t.openBlock(),t.createElementBlock("div",xI,[e.title||w.$slots.title?(t.openBlock(),t.createElementBlock("div",DI,[t.renderSlot(w.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])):t.createCommentVNode("",!0),e.hideCloseIcon?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("button",{key:1,"aria-label":"Close",class:"close-icon","data-testid":"modal-close-icon",type:"button",onClick:k[0]||(k[0]=S=>w.$emit("cancel"))},[t.createVNode(t.unref(Nt),{color:`var(--kui-color-text-neutral, ${t.unref(Wt)})`,decorative:""},null,8,["color"])]))])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["modal-content",{"no-header":!p.value}])},[t.renderSlot(w.$slots,"default",{},void 0,!0)],2),t.createElementVNode("div",EI,[t.renderSlot(w.$slots,"footer",{},()=>[t.createElementVNode("div",BI,[t.renderSlot(w.$slots,"footer-actions",{},()=>[e.hideCancelButton?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(Oe,{key:0,appearance:e.cancelButtonAppearance,"data-testid":"modal-cancel-button",disabled:e.cancelButtonDisabled,onClick:k[1]||(k[1]=S=>w.$emit("cancel"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.cancelButtonText),1)]),_:1},8,["appearance","disabled"])),t.createVNode(Oe,{appearance:e.actionButtonAppearance,"data-testid":"modal-action-button",disabled:e.actionButtonDisabled,onClick:k[2]||(k[2]=S=>w.$emit("proceed"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance","disabled"])],!0)])],!0)])],!0)],2)]),_:3},8,["fallback-focus","tabbable-options"])],2)],16,$I)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-04f92b76"]]),TI=["aria-label"],NI={class:"k-modal-fullscreen-body-header"},MI={key:0,class:"body-header"},AI={key:1,class:"body-header-description"},II={class:"k-modal-fullscreen-body"},OI={class:"k-modal-fullscreen-header"},PI={"aria-level":"2",class:"k-modal-fullscreen-header-description",role:"heading"},VI={class:"k-modal-fullscreen-title"},_I={class:"header-icon"},LI={class:"header-content"},zI={class:"k-modal-fullscreen-action"},RI={class:"k-modal-fullscreen-action-buttons"},FI={key:0,class:"k-modal-fullscreen-footer"},YI={class:"k-modal-fullscreen-action"},HI={class:"k-modal-fullscreen-action-buttons"},rm=me(t.defineComponent({__name:"KModalFullscreen",props:{title:{type:String,required:!0},bodyHeader:{type:String,default:""},bodyHeaderDescription:{type:String,default:""},isVisible:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},actionButtonText:{type:String,default:"Save"},actionButtonAppearance:{type:String,default:"primary"},cancelButtonAppearance:{type:String,default:"secondary"},iconString:{type:String,default:"kong"}},emits:["canceled","proceed"],setup(e,{emit:n}){const r=e,a=n,o=t.ref(null),i=t.computed(()=>!!r.isVisible);t.watch(()=>r.isVisible,async()=>{i.value?(document.body.style.overflow="hidden",await t.nextTick(),o.value&&o.value.focus()):document.body.style.overflow=""});const s=d=>{r.isVisible&&(d.keyCode===27?c():d.keyCode===13&&l())},c=()=>{a("canceled")},l=()=>{a("proceed")};return t.onMounted(()=>{document.addEventListener("keydown",s),console.warn(`The Kongponents 'KModalFullscreen' component is deprecated and will be removed in the next major release.
41
41
  We suggest using 'KModal' component instead.
42
- Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`)}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",s)}),t.onUnmounted(()=>{document.body.style.overflow=""}),(d,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(l,["enter"]),t.withKeys(c,["esc"])]},[t.createElementVNode("div",{ref_key:"modalBodyContent",ref:o,class:t.normalizeClass(["k-modal-fullscreen-dialog",{"has-footer":d.$slots["footer-content"]}]),tabindex:"0"},[t.createElementVNode("div",NI,[d.$slots["body-header"]||e.bodyHeader?(t.openBlock(),t.createElementBlock("div",MI,[t.renderSlot(d.$slots,"body-header",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeader),1)],!0)])):t.createCommentVNode("",!0),d.$slots["body-header-description"]||e.bodyHeaderDescription?(t.openBlock(),t.createElementBlock("div",AI,[t.renderSlot(d.$slots,"body-header-description",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeaderDescription),1)],!0)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",II,[t.renderSlot(d.$slots,"default",{},void 0,!0)]),t.createElementVNode("div",OI,[t.createElementVNode("div",PI,[t.createElementVNode("div",VI,[t.createElementVNode("span",_I,[t.renderSlot(d.$slots,"header-icon",{},()=>[t.createVNode(t.unref(ri),{color:t.unref(Hh)},null,8,["color"])],!0)]),t.createElementVNode("span",LI,[t.renderSlot(d.$slots,"header-content",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])]),t.createElementVNode("div",zI,[t.createElementVNode("div",RI,[t.renderSlot(d.$slots,"action-buttons",{},()=>[t.createVNode(Oe,{appearance:e.cancelButtonAppearance,class:"cancel-button",onClick:c},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.cancelButtonText),1)]),_:1},8,["appearance"]),t.createVNode(Oe,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:l},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])]),d.$slots["footer-content"]?(t.openBlock(),t.createElementBlock("div",FI,[t.renderSlot(d.$slots,"footer-content",{},void 0,!0),t.createElementVNode("div",YI,[t.createElementVNode("div",HI,[t.renderSlot(d.$slots,"action-buttons",{},()=>[t.createVNode(Oe,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:l},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])):t.createCommentVNode("",!0)],2)],40,TI)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-604a5bc5"]]),qI=["aria-selected","data-testid"],KI={class:"multiselect-item-container"},WI=["disabled","value"],UI={class:"multiselect-item-label"},Io=me(t.defineComponent({__name:"KMultiselectItem",props:{item:{type:Object,default:null,validator:e=>e.label!==void 0&&e.value!==void 0}},emits:["selected","arrow-down","arrow-up"],setup(e,{emit:n}){const r=e,a=n,o=()=>{r.item.disabled||a("selected",r.item)};return(i,s)=>(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",KI,[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:o,onKeydown:[s[0]||(s[0]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-down"),["prevent"]),["down"])),s[1]||(s[1]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",UI,[t.renderSlot(i.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,WI)])],8,qI))}}),[["__scopeId","data-v-d1af7c6e"]]),jI={class:"multiselect-group-title"},GI=me(t.defineComponent({__name:"KMultiselectItems",props:{items:{type:Array,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)}},emits:["selected"],setup(e,{expose:n,emit:r}){const a=e,o=r,i=t.ref(null),s=p=>o("selected",p),c=t.computed(()=>{var p;return(p=a.items)==null?void 0:p.filter(m=>!m.group)}),l=t.computed(()=>{var p,m;return[...new Set((m=(p=a.items)==null?void 0:p.filter(g=>g.group))==null?void 0:m.map(g=>g.group))].sort((g,v)=>g.toLowerCase().localeCompare(v.toLowerCase()))}),d=p=>{var m;return(m=a.items)==null?void 0:m.filter(g=>g.group===p)},u=(p=0)=>{var m,g;i.value&&(a.items[p].disabled?u(p+1):(g=(m=i.value[p])==null?void 0:m.$el)==null||g.querySelector("button").focus())},f=(p,m)=>{var y,b,w,k;const g=a.items.findIndex(S=>S.key===p);if(g===-1)return;const v=m==="down"?1:-1;if(m==="down"?g+v<a.items.length:g+v>=0){const S=g+v;a.items[S].disabled?f(a.items[S].key,m):(k=(w=(b=(y=i.value)==null?void 0:y[S])==null?void 0:b.$el)==null?void 0:w.querySelector("button"))==null||k.focus()}};return n({setFocus:u}),(p,m)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.value,(g,v)=>(t.openBlock(),t.createBlock(Io,{key:`${g.key?g.key:v}-item`,ref_for:!0,ref_key:"kMultiselectItem",ref:i,item:g,onArrowDown:()=>f(g.key,"down"),onArrowUp:()=>f(g.key,"up"),onSelected:s},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:g},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.value,g=>(t.openBlock(),t.createElementBlock("div",{key:`${g}-group`,class:"multiselect-group"},[t.createElementVNode("span",jI,t.toDisplayString(g),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d(g),(v,C)=>(t.openBlock(),t.createBlock(Io,{key:`${v.key?v.key:g+"-"+C+"-item"}`,ref_for:!0,ref_key:"kMultiselectItem",ref:i,item:v,onArrowDown:()=>f(v.key,"down"),onArrowUp:()=>f(v.key,"up"),onSelected:s},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:v},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128))]))),128))],64))}}),[["__scopeId","data-v-8640caca"]]);function Oo(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function QI(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}function ms(e){return typeof e=="function"?e():t.unref(e)}const am=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ZI=Object.prototype.toString,XI=e=>ZI.call(e)==="[object Object]",Po=()=>{},JI=eO();function eO(){var e,n;return am&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((n=window==null?void 0:window.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}const om=am?window:void 0;function wa(e){var n;const r=ms(e);return(n=r==null?void 0:r.$el)!=null?n:r}function ka(...e){let n,r,a,o;if(typeof e[0]=="string"||Array.isArray(e[0])?([r,a,o]=e,n=om):[n,r,a,o]=e,!n)return Po;Array.isArray(r)||(r=[r]),Array.isArray(a)||(a=[a]);const i=[],s=()=>{i.forEach(u=>u()),i.length=0},c=(u,f,p,m)=>(u.addEventListener(f,p,m),()=>u.removeEventListener(f,p,m)),l=t.watch(()=>[wa(n),ms(o)],([u,f])=>{if(s(),!u)return;const p=XI(f)?{...f}:f;i.push(...r.flatMap(m=>a.map(g=>c(u,m,g,p))))},{immediate:!0,flush:"post"}),d=()=>{l(),s()};return QI(d),d}let im=!1;function tO(e,n,r={}){const{window:a=om,ignore:o=[],capture:i=!0,detectIframe:s=!1}=r;if(!a)return Po;JI&&!im&&(im=!0,Array.from(a.document.body.children).forEach(m=>m.addEventListener("click",Po)),a.document.documentElement.addEventListener("click",Po));let c=!0;const l=m=>ms(o).some(g=>{if(typeof g=="string")return Array.from(a.document.querySelectorAll(g)).some(v=>v===m.target||m.composedPath().includes(v));{const v=wa(g);return v&&(m.target===v||m.composedPath().includes(v))}}),d=m=>{const g=wa(e);if(!(!g||g===m.target||m.composedPath().includes(g))){if(m.detail===0&&(c=!l(m)),!c){c=!0;return}n(m)}};let u=!1;const f=[ka(a,"click",m=>{u||(u=!0,setTimeout(()=>{u=!1},0),d(m))},{passive:!0,capture:i}),ka(a,"pointerdown",m=>{const g=wa(e);c=!l(m)&&!!(g&&!m.composedPath().includes(g))},{passive:!0}),s&&ka(a,"blur",m=>{setTimeout(()=>{var g;const v=wa(e);((g=a.document.activeElement)==null?void 0:g.tagName)==="IFRAME"&&!(v!=null&&v.contains(a.document.activeElement))&&n(m)},0)})].filter(Boolean);return()=>f.forEach(m=>m())}const nO={"data-testid":"multiselect-container"},rO=["tabindex"],aO={key:0},oO={key:1,class:"expanded-selection-empty"},iO=["aria-label","onClick"],lO={class:"multiselect-icons-container"},sO={key:0,class:"multiselect-input-wrapper"},cO={"aria-live":"polite"},dO={class:"select-item-description"},uO={key:1,class:"multiselect-empty","data-propagate-clicks":"false"},fO={key:1,class:"help-text"},pO={key:2,"aria-hidden":"true",class:"staging-area"},mO=e=>{const n=[];return e.forEach(r=>n.push(r.value)),n},hO=e=>{const n=mO(e),r=new Set(n);return n.length===r.size},lm=me(t.defineComponent({inheritAttrs:!1,__name:"KMultiselect",props:{modelValue:{type:Array,default:()=>[]},label:{type:String,default:""},help:{type:String,default:""},error:{type:Boolean,default:!1},labelAttributes:{type:Object,default:()=>({})},placeholder:{type:String,default:""},searchPlaceholder:{type:String,default:""},kpopAttributes:{type:Object,default:()=>({popoverClasses:""})},dropdownMaxHeight:{type:String,default:"300"},width:{type:String,default:"100%"},selectedRowCount:{type:Number,default:1},collapsedContext:{type:Boolean,default:!1},items:{type:Array,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)&&hO(e)},filterFunction:{type:Function,default:e=>e.items.filter(n=>{var r,a;return(a=n.label)==null?void 0:a.toLowerCase().includes((r=e.query)==null?void 0:r.toLowerCase())})},autosuggest:{type:Boolean,default:!1},enableItemCreation:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},dropdownFooterText:{type:String,default:""},dropdownFooterTextPosition:{type:String,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(X=>({a7405ef8:ze.value}));const r=t.useAttrs(),a=t.useSlots(),{getSizeFromString:o,cloneDeep:i,stripRequiredLabel:s}=Xe(),c=36,l="Filter...",d=e,u=n,f=t.ref(null),p=t.computed(()=>r.required!==void 0&&String(r.required)!=="false"),m=t.computed(()=>s(d.label,p.value)),g=t.computed(()=>{var X,M;return!!((X=d.labelAttributes)!=null&&X.help||(M=d.labelAttributes)!=null&&M.info||a["label-tooltip"])}),v=X=>se.value||ge.value||X!=null&&X.disabled?"neutral":d.error?"danger":"info",C={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"multiselect-popover"},y=t.ref(0),b=t.ref(0),w=r.id?String(r.id):Ue(),k=Ue(),S=t.ref(null),D=t.ref(null),B=t.ref(null),V=t.ref(),L=t.computed(()=>d.selectedRowCount*c),_=t.ref(""),I=t.computed(()=>!(!_.value||$.value.filter(X=>X.label===_.value).length)),P=t.ref(null),$=t.ref([]),E=t.ref([]),T=t.ref([]),z=t.ref([]),W=t.ref([]),Y=new Set,H=t.ref([]),A=t.ref([]),Q=t.computed(()=>A.value.map(X=>X.label).join(", ")),G=t.ref(!1),oe=t.ref(!1),ae=t.ref(!1),se=t.computed(()=>(r==null?void 0:r.disabled)!==void 0&&String(r==null?void 0:r.disabled)!=="false"),ge=t.computed(()=>(r==null?void 0:r.readonly)!==void 0&&String(r==null?void 0:r.readonly)!=="false"),Ce=t.computed({get(){return d.modelValue},set(X){const M=$.value.filter(h=>X.includes(h.value));M.length?ee(M):X.length||ie()}}),ve=t.computed(()=>{const X={...r};return delete X.class,X}),$e=t.computed(()=>({...C,...d.kpopAttributes,popoverClasses:`${C.popoverClasses} ${d.kpopAttributes.popoverClasses} ${d.dropdownFooterText||a["dropdown-footer-text"]?"has-dropdown-footer":""}`,width:Ze.value+"px",maxWidth:Ze.value+"px",disabled:r.disabled!==void 0&&String(r.disabled)!=="false"||r.readonly!==void 0&&String(r.readonly)!=="false"})),ze=t.computed(()=>o(d.dropdownMaxHeight)),Te=t.computed(()=>({...$e.value})),Ne=t.computed(()=>{const X=d.width?d.width:"300";return o(X)}),Pe=t.computed(()=>({width:Ne.value})),Ve=t.computed(()=>({width:Ze.value+"px"})),R=t.computed(()=>{if(T.value.length===0){if(!d.collapsedContext&&d.placeholder)return d.placeholder;if(d.collapsedContext&&d.searchPlaceholder)return d.searchPlaceholder}return T.value.length===1?`${T.value.length} item selected`:`${T.value.length} items selected`}),q=t.computed(()=>d.autosuggest?$.value:d.filterFunction({items:$.value,query:_.value})),ne=X=>{var M;(se.value||((M=X==null?void 0:X.target)==null?void 0:M.dataset.propagateClicks)==="false")&&X.stopPropagation()},ue=async(X,M,h)=>{var x,O;if(X){if(!M.value){_.value="",h(),K(),await t.nextTick();const N=(O=(x=B.value)==null?void 0:x.$el)==null?void 0:O.querySelector("input");N==null||N.focus({preventScroll:!0})}}else M.value&&(_.value="",h())},F=()=>{setTimeout(()=>{const X=V.value;if(d.collapsedContext){b.value++;return}if(X){if(X.clientHeight>L.value){const h=Array.from(X.querySelectorAll(".multiselect-selection-badge")).filter(N=>N.offsetTop>=L.value),x=z.value.length-h.length,O=z.value.splice(x,h.length);for(const N of O)Y.has(N.value)||(Y.add(N.value),W.value.push(N))}b.value++}},0)},ee=X=>{X.forEach(M=>{var x;const h=((x=$.value.filter(O=>O.value===M.value))==null?void 0:x[0])||null;h.selected=!0,T.value.filter(O=>O.value===h.value).length||(T.value.push(h),z.value.push(h))}),F()},ye=(X,M=!1)=>{const h=new Set(X.map(x=>x.value));T.value=T.value.filter(x=>!h.has(x.value)),z.value=z.value.filter(x=>!h.has(x.value)),W.value=W.value.filter(x=>!h.has(x.value)),X.forEach(x=>{if(Y.delete(x.value),x.selected=!1,W.value.length){const O=W.value.pop();O&&(z.value.push(O),Y.delete(O.value))}d.enableItemCreation&&x.custom&&($.value=$.value.filter(O=>O.value!==x.value),u("item-removed",x))}),M&&F()},be=(X,M)=>{var N,j;let h=!1,x=M?X:((N=$.value.filter(Z=>Z.value===X.value))==null?void 0:N[0])||null;if(d.enableItemCreation&&(x!=null&&x.custom)&&(h=!0),x===null&&(x=((j=T.value.filter(Z=>Z.value===X.value))==null?void 0:j[0])||null),x===null)return;if(x.selected){if(T.value=T.value.filter(Z=>Z.value!==X.value),z.value.filter(Z=>Z.value===X.value).length?z.value=z.value.filter(Z=>Z.value!==X.value):Y.delete(X.value)&&(W.value=W.value.filter(Z=>Z.value!==X.value)),x.selected=!1,W.value.length){const Z=W.value.pop();Z&&(z.value.push(Z),Y.delete(Z.value))}h&&($.value=$.value.filter(Z=>Z.value!==X.value),u("item-removed",X))}else x.selected=!0,T.value.push(x),z.value.push(x),M&&(x.custom=!0,$.value.push(x));F();const O=T.value.map(Z=>Z.value);u("selected",T.value),u("change",x),u("update:modelValue",O)},de=()=>{!q.value.length&&d.enableItemCreation&&Me()},Me=()=>{var h;if(!d.enableItemCreation||!_.value||!I.value||!d.itemCreationValidator(_.value))return;const X=$.value.length+1,M={label:Oo(_.value+""),value:Ue(),key:`${(h=Oo(_.value).replace(/ /gi,"-"))==null?void 0:h.replace(/[^a-z0-9-_]/gi,"")}-${X}`};u("item-added",M),be(M,!0),_.value=""},K=()=>{const X=q.value.filter(N=>N.selected),M=q.value.filter(N=>!N.selected),h=[...X,...M],x=h.filter(N=>!N.group),O=h.filter(N=>N.group).sort((N,j)=>N.group.toLowerCase().localeCompare(j.group.toLowerCase()));E.value=[...x,...O]},ie=()=>{$.value.forEach(M=>{M.disabled||(M.selected=!1,M.custom&&u("item-removed",M))}),$.value=$.value.filter(M=>!(M.custom&&!M.disabled)),T.value=T.value.filter(M=>M.disabled),z.value=z.value.filter(M=>M.disabled),W.value=W.value.filter(M=>(M.disabled||Y.delete(M.value),M.disabled)),_.value="",F();const X=T.value.map(M=>M.value);u("selected",T.value),u("update:modelValue",X),u("query-change","")},ce=X=>{_.value=X,u("query-change",X)},Ae=(X,M)=>{var h;X.keyCode===27&&(M.value=!1),(X.code==="ArrowDown"||X.code==="ArrowUp")&&((h=f.value)==null||h.setFocus())},_e=()=>{var X;(X=P.value)==null||X.showPopover()},rt=X=>{var M;(X.code==="ArrowDown"||X.code==="ArrowUp")&&((M=f.value)==null||M.setFocus())},Kt=async()=>{ae.value=!0,Bt()},Bt=()=>{G.value||(G.value=!0,u("query-change",""))};t.watch(b,()=>{setTimeout(()=>{const X=V.value;if(d.collapsedContext){H.value=i(z.value),A.value=[],y.value++;return}if(X)if(X.clientHeight>L.value){const h=z.value.pop();h&&!Y.has(h.value)&&(W.value.push(h),Y.add(h.value)),b.value++}else H.value=i(z.value),A.value=i(W.value),y.value++},0)}),t.watch(y,async()=>{P.value&&typeof P.value.updatePopper=="function"&&(await t.nextTick(),P.value.updatePopper())}),t.watch(q,()=>{K()}),t.watch(Ce,(X,M)=>{if(JSON.stringify(X)!==JSON.stringify(M)){if(!X.length){ie();return}const h=new Set(M),x=new Set(X),O=$.value.filter(j=>x.has(j.value)),N=T.value.filter(j=>!x.has(j.value)&&h.has(j.value));N.length&&ye(N),O.length&&ee(O)}}),t.watch(()=>d.items,(X,M)=>{var h,x;if(JSON.stringify(X)!==JSON.stringify(M)){$.value=i(d.items);for(let O=0;O<$.value.length;O++){$.value[O].selected===void 0&&($.value[O].selected=!1);let N=`${(x=(h=$.value[O].label)==null?void 0:h.replace(/ /gi,"-"))==null?void 0:x.replace(/[^a-z0-9-_]/gi,"")}-${O}`;if(N.includes("undefined")&&(N=`multiselect-item-label-${O}`),$.value[O].key=N,d.modelValue.includes($.value[O].value)||$.value[O].selected){const j=$.value[O];j.selected=!0,T.value.filter(Z=>Z.value===j.value).length||T.value.push(j),z.value.filter(Z=>Z.value===j.value).length||z.value.push(j)}}F(),P.value&&typeof P.value.updatePopper=="function"&&t.nextTick(()=>{P.value.updatePopper()})}},{deep:!0,immediate:!0});const Ze=t.ref(300),ht=async()=>{var X;Ze.value=300,await t.nextTick(),Ze.value=((X=S.value)==null?void 0:X.clientWidth)||300,F()},kt=t.ref();return t.onMounted(()=>{ka("resize",ht),kt.value=Wn.create(ht),kt.value.observe(S.value)}),t.onUnmounted(()=>{kt.value&&S.value&&kt.value.unobserve(S.value)}),(X,M)=>{const h=t.resolveComponent("KTooltip"),x=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-multiselect",[X.$attrs.class,{"multiselect-error":e.error}]]),style:t.normalizeStyle(Pe.value)},[e.label?t.withDirectives((t.openBlock(),t.createBlock(dn,t.mergeProps({key:0},e.labelAttributes,{"data-testid":e.labelAttributes["data-testid"]?e.labelAttributes["data-testid"]:"multiselect-label",required:p.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(m.value)+" ",1)]),_:2},[g.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(X.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","required"])),[[x,{for:t.unref(w)}]]):t.createCommentVNode("",!0),t.createElementVNode("div",nO,[t.createVNode(t.unref(Kr),null,{default:t.withCtx(({isToggled:O,toggle:N})=>[t.createVNode(Kn,t.mergeProps({ref_key:"popper",ref:P,"hide-close-icon":""},Te.value,{onClose:()=>ue(!1,O,N),onOpen:()=>ue(!0,O,N)}),{content:t.withCtx(()=>[t.createElementVNode("div",{class:"multiselect-list",onClick:M[7]||(M[7]=t.withModifiers(()=>{},["stop"])),onMouseenter:M[8]||(M[8]=()=>oe.value=!0),onMouseleave:M[9]||(M[9]=()=>oe.value=!1)},[!e.collapsedContext&&!ge.value?(t.openBlock(),t.createElementBlock("div",sO,[t.createVNode(un,{ref_key:"multiselectDropdownInputElement",ref:B,autocapitalize:"off",autocomplete:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":_.value,placeholder:e.searchPlaceholder||l,type:"text",onClick:M[5]||(M[5]=t.withModifiers(()=>{},["stop"])),onFocus:Bt,onKeydown:t.withKeys(de,["enter"]),onKeyup:[rt,M[6]||(M[6]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ce},null,8,["model-value","placeholder"])])):t.createCommentVNode("",!0),t.createElementVNode("div",cO,[t.createVNode(GI,{ref_key:"kMultiselectItems",ref:f,items:E.value,onSelected:be},{content:t.withCtx(({item:j})=>[t.renderSlot(X.$slots,"item-template",{class:"multiselect-item",item:j},void 0,!0)]),_:3},8,["items"]),e.enableItemCreation&&I.value&&!X.$slots.empty?(t.openBlock(),t.createBlock(Io,{key:"multiselect-add-item",class:"multiselect-add-item","data-testid":"multiselect-add-item",item:{label:`${_.value} (Add new value)`,value:"add_item",disabled:!e.itemCreationValidator(_.value)},onSelected:Me},{content:t.withCtx(()=>[t.createElementVNode("div",dO,[t.createTextVNode(t.toDisplayString(_.value)+" ",1),M[10]||(M[10]=t.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):t.createCommentVNode("",!0),!E.value.length&&!X.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(Io,{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)]),X.$slots.empty&&!e.loading&&!E.value.length?(t.openBlock(),t.createElementBlock("div",uO,[t.renderSlot(X.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],32),e.dropdownFooterText||X.$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(X.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)],2)):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.withDirectives((t.openBlock(),t.createElementBlock("div",t.mergeProps({ref_key:"multiselectElement",ref:S,class:["multiselect-trigger",{focused:ae.value,hovered:oe.value,disabled:se.value,readonly:ge.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:se.value||ge.value||e.collapsedContext?-1:0},ve.value,{onClick:ne,onKeydown:[t.withKeys(_e,["enter"]),t.withKeys(_e,["space"])]}),[e.collapsedContext?(t.openBlock(),t.createElementBlock("div",aO,[t.createVNode(un,{ref_key:"multiselectInputElement",ref:D,autocapitalize:"off",autocomplete:"off",class:t.normalizeClass(["multiselect-input",{"is-readonly":ge.value}]),"data-testid":"multiselect-input",disabled:se.value,"model-value":_.value,placeholder:R.value,readonly:ge.value?!0:void 0,type:"text",onBlur:M[0]||(M[0]=()=>ae.value=!1),onClick:j=>{O.value&&j.stopPropagation()},onFocus:Kt,onKeydown:t.withKeys(de,["enter"]),onKeyup:j=>Ae(j,O),onMouseenter:M[1]||(M[1]=()=>oe.value=!0),onMouseleave:M[2]||(M[2]=()=>oe.value=!1),"onUpdate:modelValue":ce},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):T.value.length?(t.openBlock(),t.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:t.normalizeStyle(Ve.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(H.value,(j,Z)=>(t.openBlock(),t.createBlock(yr,{key:`${t.unref(k)}-${j.key?j.key:Z}-badge-${y.value}`,appearance:v(j),class:"multiselect-selection-badge","icon-before":!1,tooltip:j.label,"truncation-tooltip":"",onClick:M[3]||(M[3]=t.withModifiers(()=>{},["stop"]))},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(j.label)+" ",1)]),_:2},[j.selected&&!j.disabled&&!se.value&&!ge.value?{name:"icon",fn:t.withCtx(()=>[t.createElementVNode("button",{"aria-label":`Unselect ${j.label}`,class:"badge-dismiss-button","data-testid":"badge-dismiss-button",type:"button",onClick:fe=>be(j)},[t.createVNode(t.unref(Nt),{decorative:""})],8,iO)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),A.value.length?(t.openBlock(),t.createBlock(h,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:Q.value},{default:t.withCtx(()=>[t.createVNode(yr,{appearance:v(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:M[4]||(M[4]=t.withModifiers(()=>{},["stop"]))},{default:t.withCtx(()=>[t.createTextVNode(" +"+t.toDisplayString(A.value.length),1)]),_:1},8,["appearance"])]),_:1},8,["text"])):t.createCommentVNode("",!0)],4)):(t.openBlock(),t.createElementBlock("div",oO,t.toDisplayString(R.value),1)),t.createElementVNode("div",lO,[!e.loading&&T.value.length&&O.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:ie},[t.createVNode(t.unref(Nt),{size:t.unref(yt)},null,8,["size"])])):e.loading?(t.openBlock(),t.createBlock(t.unref(Wr),{key:1,class:"multiselect-loading-icon",size:t.unref(yt),title:"Loading"},null,8,["size"])):(t.openBlock(),t.createBlock(t.unref(Oa),{key:2,class:"multiselect-chevron-icon",decorative:"",size:t.unref(yt)},null,8,["size"]))])],16,rO)),[[x,{id:t.unref(w)}]])]),_:2},1040,["onClose","onOpen"])]),_:3})]),e.help?(t.openBlock(),t.createElementBlock("p",fO,t.toDisplayString(e.help),1)):t.createCommentVNode("",!0),e.collapsedContext?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",pO,[(t.openBlock(),t.createElementBlock("div",{key:b.value,ref_key:"multiselectSelectionsStagingElement",ref:V,class:"selection-badges-container staging",style:t.normalizeStyle(Ve.value),tabindex:"-1"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(z.value,(O,N)=>(t.openBlock(),t.createBlock(yr,{key:`${t.unref(k)}-${O.key?O.key:N}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(O.label)+" ",1)]),_:2},[O.selected&&!O.disabled&&!se.value&&!ge.value?{name:"icon",fn:t.withCtx(()=>[t.createVNode(t.unref(Nt),{"aria-hidden":"true"})]),key:"0"}:void 0]),1024))),128)),t.createVNode(yr,{"aria-hidden":"true",class:"hidden-selection-count"},{default:t.withCtx(()=>[t.createTextVNode(" +"+t.toDisplayString(W.value.length),1)]),_:1})],4))]))],6)}}}),[["__scopeId","data-v-65ff2770"]]),gO={key:0,class:"prompt-content"},yO={class:"prompt-message"},bO={key:1,class:"prompt-confirmation-container"},vO={class:"prompt-confirmation-text"},wO={class:"confirmation-text"},sm=me(t.defineComponent({inheritAttrs:!1,__name:"KPrompt",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},message:{type:String,default:""},actionButtonText:{type:String,default:"Confirm"},actionButtonAppearance:{type:String,default:"primary"},actionButtonDisabled:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},cancelButtonAppearance:{type:String,default:"tertiary"},cancelButtonDisabled:{type:Boolean,default:!1},confirmationText:{type:String,default:""},confirmationPrompt:{type:String,default:"Type {confirmationText} to confirm your action."},modalAttributes:{type:Object,default:()=>({})},errorMessage:{type:String,default:"You must enter the text as indicated above to confirm."}},emits:["cancel","proceed"],setup(e,{emit:n}){const r=e,a=t.useAttrs(),o=n,i=t.computed(()=>{const f=Object.assign({},a);return delete f["tabbable-options"],delete f["max-width"],delete f["max-height"],delete f["close-on-backdrop-click"],delete f["input-autofocus"],delete f["hide-close-icon"],delete f["hide-cancel-button"],delete f["full-screen"],f}),s=t.ref(""),c=t.ref(!1),l=t.computed(()=>r.actionButtonDisabled?!0:r.confirmationText?r.confirmationText!==s.value:!1),d=t.computed(()=>r.confirmationPrompt.split("{confirmationText}")),u=()=>{l.value?c.value=!0:o("proceed")};return t.watch(()=>r.visible,f=>{f||(s.value="",c.value=!1)}),t.watch(s,f=>{f&&f===r.confirmationText&&(c.value=!1)}),(f,p)=>(t.openBlock(),t.createBlock(ps,t.mergeProps({...i.value,...e.modalAttributes},{"action-button-appearance":e.actionButtonAppearance,"action-button-disabled":l.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:p[1]||(p[1]=m=>f.$emit("cancel")),onProceed:p[2]||(p[2]=m=>f.$emit("proceed"))}),t.createSlots({default:t.withCtx(()=>[f.$slots.default||e.message?(t.openBlock(),t.createElementBlock("div",gO,[t.renderSlot(f.$slots,"default",{},()=>[t.createElementVNode("p",yO,t.toDisplayString(e.message),1)],!0)])):t.createCommentVNode("",!0),e.confirmationText?(t.openBlock(),t.createElementBlock("div",bO,[t.createElementVNode("p",vO,[t.createTextVNode(t.toDisplayString(d.value[0])+" ",1),t.createElementVNode("span",wO,'"'+t.toDisplayString(e.confirmationText)+'"',1),t.createTextVNode(" "+t.toDisplayString(d.value[1]?d.value[1]:""),1)]),t.createVNode(un,{modelValue:s.value,"onUpdate:modelValue":p[0]||(p[0]=m=>s.value=m),"aria-label":`${d.value[0]}'${e.confirmationText}'${d.value[1]?d.value[1]:""}`,autocapitalize:"off",autocomplete:"off","data-testid":"confirmation-input",error:c.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},[f.$slots.title?{name:"title",fn:t.withCtx(()=>[t.renderSlot(f.$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-8d8a17b7"]]),kO=["aria-checked","checked","disabled"],CO={key:0,class:"radio-description"},SO=["for","tabindex"],$O={key:0,class:"card-content-wrapper"},xO={key:1,class:"radio-label"},DO={key:2,class:"radio-description"},EO={inheritAttrs:!1},BO=t.defineComponent({...EO,__name:"KRadio",props:{modelValue:{type:[String,Number,Boolean,Object,null],required:!0},label:{type:String,default:""},labelAttributes:{type:Object,default:()=>({}),validator:e=>(e.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"),!0)},description:{type:String,default:""},selectedValue:{type:[String,Number,Boolean,Object],required:!0},error:{type:Boolean,default:!1},card:{type:Boolean,default:!1},type:{type:String,default:"",validator:e=>(e&&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"),Xs.includes(e))}},emits:["change","update:modelValue"],setup(e,{emit:n}){const r=e,a=t.useSlots(),o=t.useAttrs(),i=o.id?String(o.id):Ue(),s=t.computed(()=>(o==null?void 0:o.disabled)!==void 0&&String(o==null?void 0:o.disabled)!=="false"),c=t.computed(()=>!!(r.label||a.default)),l=t.computed(()=>c.value&&(!!r.description||!!a.description)),d=t.computed(()=>!!r.label&&(!!r.description||!!a.description)),u=t.computed(()=>!!a.tooltip),f=t.computed(()=>r.selectedValue===r.modelValue),p=n,m=()=>{p("change",r.selectedValue),p("update:modelValue",r.selectedValue)},g=t.computed(()=>{const C={...o};return delete C.class,C}),v=t.computed(()=>({disabled:s.value,"radio-card":r.card||r.type==="card","input-error":r.error,checked:f.value,"has-description":l.value}));return(C,y)=>{const b=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-radio",[C.$attrs.class?C.$attrs.class:"",v.value]])},[t.withDirectives(t.createElementVNode("input",t.mergeProps(g.value,{"aria-checked":f.value,checked:f.value,class:"radio-input",disabled:s.value,type:"radio",onClick:m}),null,16,kO),[[b,{id:t.unref(i)}]]),!e.card&&(e.label||C.$slots.default)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["radio-label-wrapper",{"has-description":l.value}])},[t.withDirectives((t.openBlock(),t.createBlock(dn,t.mergeProps(e.labelAttributes,{class:"radio-label"}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(C.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.label),1)],!0)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(C.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040)),[[b,{for:t.unref(i)}]]),l.value?(t.openBlock(),t.createElementBlock("div",CO,[t.renderSlot(C.$slots,"description",{},()=>[t.createElementVNode("p",null,t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)],2)):e.label||C.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:1,class:t.normalizeClass(["radio-card-wrapper radio-label-wrapper",{"has-label":e.label,"has-description":d.value}]),for:t.unref(i),tabindex:s.value?-1:0,onKeydown:y[0]||(y[0]=t.withKeys(t.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:t.withKeys(m,["space"])},[C.$slots.default?(t.openBlock(),t.createElementBlock("span",$O,[t.renderSlot(C.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0),e.label?(t.openBlock(),t.createElementBlock("span",xO,t.toDisplayString(e.label),1)):t.createCommentVNode("",!0),d.value?(t.openBlock(),t.createElementBlock("span",DO,[t.renderSlot(C.$slots,"description",{},()=>[t.createTextVNode(t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)],42,SO)):t.createCommentVNode("",!0)],2)}}}),cm=me(BO,[["__scopeId","data-v-8ca5f2d2"]]),TO=["aria-selected","data-testid"],NO={class:"select-item-container"},MO=["disabled","value"],AO={class:"select-item-label"},Vo=me(t.defineComponent({__name:"KSelectItem",props:{item:{type:Object,default:null,validator:e=>e.label!==void 0&&e.value!==void 0}},emits:["selected","arrow-down","arrow-up"],setup(e,{emit:n}){const r=e,a=n,o=i=>{if(r.item.disabled){i.stopPropagation();return}a("selected",r.item)};return(i,s)=>(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",NO,[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:o,onKeydown:[s[0]||(s[0]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-down"),["prevent"]),["down"])),s[1]||(s[1]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",AO,[t.renderSlot(i.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,MO)])],8,TO))}}),[["__scopeId","data-v-8e320551"]]),IO={class:"select-group-title"},OO=me(t.defineComponent({__name:"KSelectItems",props:{items:{type:Array,required:!1,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)}},emits:["selected"],setup(e,{expose:n,emit:r}){const a=e,o=r,i=p=>o("selected",p),s=t.computed(()=>{var p;return(p=a.items)==null?void 0:p.filter(m=>!m.group)}),c=t.computed(()=>{var p,m;return[...new Set((m=(p=a.items)==null?void 0:p.filter(g=>g.group))==null?void 0:m.map(g=>g.group))].sort((g,v)=>g.toLowerCase().localeCompare(v.toLowerCase()))}),l=p=>{var m;return(m=a.items)==null?void 0:m.filter(g=>g.group===p)},d=t.ref(null),u=(p=0)=>{var m,g;d.value&&(a.items[p].disabled?u(p+1):(g=(m=d.value[p])==null?void 0:m.$el)==null||g.querySelector("button").focus())},f=(p,m)=>{var y,b,w,k;const g=a.items.findIndex(S=>S.key===p);if(g===-1)return;const v=m==="down"?1:-1;if(m==="down"?g+v<a.items.length:g+v>=0){const S=g+v;a.items[S].disabled?f(a.items[S].key,m):(k=(w=(b=(y=d.value)==null?void 0:y[S])==null?void 0:b.$el)==null?void 0:w.querySelector("button"))==null||k.focus()}};return n({setFocus:u}),(p,m)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,g=>(t.openBlock(),t.createBlock(Vo,{key:g.key,ref_for:!0,ref_key:"kSelectItem",ref:d,item:g,onArrowDown:()=>f(g.key,"down"),onArrowUp:()=>f(g.key,"up"),onSelected:i},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:g},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.value,g=>(t.openBlock(),t.createElementBlock("div",{key:`${g}-group`,class:"select-group","data-propagate-clicks":"false"},[t.createElementVNode("span",IO,t.toDisplayString(g),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l(g),v=>(t.openBlock(),t.createBlock(Vo,{key:v.key,ref_for:!0,ref_key:"kSelectItem",ref:d,item:v,onArrowDown:()=>f(v.key,"down"),onArrowUp:()=>f(v.key,"up"),onSelected:i},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:v},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128))]))),128))],64))}}),[["__scopeId","data-v-136d70ae"]]),PO=["aria-live"],VO={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},_O={key:1,class:"select-items-container","data-propagate-clicks":"false"},LO={class:"select-item-description"},zO={key:2,class:"dropdown-footer dropdown-footer-static"},RO={key:2,class:"select-empty","data-propagate-clicks":"false"},FO={key:0,class:"dropdown-footer dropdown-footer-sticky"},dm=me(t.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{type:[String,Number],default:""},kpopAttributes:{type:Object,default:()=>({popoverClasses:""})},dropdownMaxHeight:{type:String,default:"300"},label:{type:String,default:""},labelAttributes:{type:Object,default:()=>({})},width:{type:String,default:"100%"},placeholder:{type:String,default:""},items:{type:Array,required:!1,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)},enableFiltering:{type:Boolean,default:!1},filterFunction:{type:Function,default:e=>{var n;return(n=e==null?void 0:e.items)==null?void 0:n.filter(r=>{var a,o;return(o=r.label)==null?void 0:o.toLowerCase().includes((a=e.query)==null?void 0:a.toLowerCase())})}},loading:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},dropdownFooterText:{type:String,default:""},dropdownFooterTextPosition:{type:String,default:"sticky"},reuseItemTemplate:{type:Boolean,default:!1},enableItemCreation:{type:Boolean,default:!1},itemCreationValidator:{type:Function,default:()=>!0},error:{type:Boolean,default:!1},help:{type:String,default:""}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(e,{emit:n}){t.useCssVars(F=>({a744a2f0:W.value,"73e08239":$.value,c926d8b2:E.value}));const{getSizeFromString:r,stripRequiredLabel:a}=Xe(),o=e,i=n,s=t.useAttrs(),c=t.useSlots(),l=t.ref(!1),d=t.ref(),u=t.computed(()=>{var F;return!!((F=o.labelAttributes)!=null&&F.info||c["label-tooltip"])}),f=t.computed(()=>s.required!==void 0&&String(s.required)!=="false"),p=t.computed(()=>s.disabled!==void 0&&String(s.disabled)!=="false"),m=t.computed(()=>s.readonly!==void 0&&String(s.readonly)!=="false"),g={popoverClasses:`select-popover ${o.dropdownFooterText||c["dropdown-footer-text"]?`has-${o.dropdownFooterTextPosition}-dropdown-footer`:""}`,popoverTimeout:0,placement:"bottom-start",hideCaret:!0},v=t.ref(0),C=t.ref(null),y=t.ref(null),b=t.computed(()=>a(o.label,f.value)),w=t.ref(!1),k=t.ref(""),S=t.computed(()=>{var F,ee;return!(!k.value||(ee=(F=V.value)==null?void 0:F.filter(ye=>ye.label===k.value))!=null&&ee.length)}),D=Ue(),B=t.ref(null),V=t.ref([]),L=t.ref(!1),_=t.ref(),I=t.ref(),P=t.computed({get(){return o.modelValue},set(F){var ye;const ee=(ye=V.value)==null?void 0:ye.filter(be=>be.value===F);ee!=null&&ee.length?ge(ee[0]):F||Ce()}}),$=t.computed(()=>r(o.width||"100%")),E=t.ref(""),T=t.computed(()=>{const F={...s};return delete F.class,F}),z=t.computed(()=>({...g,...o.kpopAttributes,popoverClasses:`${g.popoverClasses} ${o.kpopAttributes.popoverClasses}`,width:String(E.value),maxWidth:String(E.value),disabled:p.value||m.value})),W=t.computed(()=>r(o.dropdownMaxHeight)),Y=t.computed(()=>({...z.value})),H=t.computed(()=>o.placeholder||s.placeholder||"Select..."),A=t.computed(()=>!p.value&&o.clearable&&!!B.value),Q=t.computed(()=>!!(B.value&&(c["selected-item-template"]||o.reuseItemTemplate&&c["item-template"]))),G=t.computed(()=>{let F=[];!o.enableFiltering||o.filterFunction({query:k.value,items:V.value})===!0?F=V.value:F=o.filterFunction({query:k.value,items:V.value});const ee=F.filter(be=>!be.group),ye=F.filter(be=>be.group).sort((be,de)=>be.group.toLowerCase().localeCompare(de.group.toLowerCase()));return[...ee,...ye]}),oe=F=>{if(!o.enableFiltering)return F.preventDefault(),!1},ae=()=>{!G.value.length&&o.enableItemCreation&&se()},se=()=>{var ye,be;if(!o.enableItemCreation||!k.value||!S.value||!o.itemCreationValidator(k.value))return;const F=(((ye=V.value)==null?void 0:ye.length)||0)+1,ee={label:Oo(k.value),value:Ue(),key:`${(be=Oo(k.value).replace(/ /gi,"-"))==null?void 0:be.replace(/[^a-z0-9-_]/gi,"")}-${F}`,custom:!0};i("item-added",ee),ge(ee,!0),k.value=""},ge=(F,ee)=>{var ye,be;ee&&((ye=V.value)==null||ye.push(F)),(be=V.value)==null||be.forEach((de,Me)=>{var K,ie,ce;de.key===F.key?(de.selected=!0,de.key=(K=de==null?void 0:de.key)!=null&&K.includes("-selected")?de.key:`${de.key}-selected`,B.value=de):de.selected?(de.selected=!1,de.key=(ie=de==null?void 0:de.key)==null?void 0:ie.replace(/-selected/gi,""),de.custom&&((ce=V.value)==null||ce.splice(Me,1),i("item-removed",de))):de.selected=!1}),w.value=!0,k.value=F.label},Ce=()=>{var F;(F=V.value)==null||F.forEach((ee,ye)=>{var be,de;ee.selected=!1,ee.key=(be=ee==null?void 0:ee.key)==null?void 0:be.replace(/-selected/gi,""),ee.custom&&((de=V.value)==null||de.splice(ye,1),i("item-removed",ee))}),B.value=null,k.value="",i("input",null),i("change",null),i("update:modelValue",null)},ve=t.ref(null),$e=(F,ee)=>{var be,de;if(F.keyCode===27){ee.value=!1;return}const ye=(be=I.value)==null?void 0:be.children[0];!ee.value&&ye&&ye.click(),(F.code==="ArrowDown"||F.code==="ArrowUp")&&ee.value&&((de=ve.value)==null||de.setFocus())},ze=F=>{k.value!==F&&(k.value=F)},Te=()=>{L.value=!0},Ne=()=>{L.value=!1},Pe=()=>{var F,ee,ye;o.enableFiltering||(ye=(ee=(F=C.value)==null?void 0:F.$el)==null?void 0:ee.querySelector("input"))==null||ye.blur()},Ve=F=>{var ee;(p.value||((ee=F==null?void 0:F.target)==null?void 0:ee.dataset.propagateClicks)==="false")&&F.stopPropagation()},R=F=>{F()},q=(F,ee)=>{l.value=!1,B.value?(w.value=!0,k.value=B.value.label):k.value="",ee&&F()},ne=F=>{l.value=!0,o.enableFiltering&&(k.value=""),F()},ue=()=>{var F,ee,ye,be,de;if(!s.id){const Me=(ye=(ee=(F=C.value)==null?void 0:F.$el)==null?void 0:ee.querySelector("input"))==null?void 0:ye.id;Me&&((de=(be=y.value)==null?void 0:be.$el)==null||de.setAttribute("for",Me))}};return t.watch(P,(F,ee)=>{var ye;if(F!==ee){const be=(ye=V.value)==null?void 0:ye.filter(de=>de.value===F);be!=null&&be.length?ge(be[0]):F||Ce()}}),t.watch(()=>o.items,(F,ee)=>{var ye,be,de,Me,K;if(JSON.stringify(F)!==JSON.stringify(ee)){V.value=JSON.parse(JSON.stringify(o.items)),(ye=V.value)!=null&&ye.length&&(B.value=null);for(let ie=0;ie<((be=V.value)==null?void 0:be.length);ie++){V.value[ie].selected===void 0&&(V.value[ie].selected=!1);let ce=`${(Me=(de=V.value[ie].label)==null?void 0:de.replace(/ /gi,"-"))==null?void 0:Me.replace(/[^a-z0-9-_]/gi,"")}-${ie}`;ce.includes("undefined")&&(ce=`select-item-label-${ie}`),V.value[ie].key=ce,(V.value[ie].value===o.modelValue||V.value[ie].selected)&&(V.value[ie].selected=!0,B.value=V.value[ie],V.value[ie].key+="-selected",L.value||(w.value=!0,k.value=B.value.label)),((K=B.value)==null?void 0:K.value)===V.value[ie].value&&(V.value[ie].selected=!0)}_.value&&typeof _.value.updatePopper=="function"&&t.nextTick(()=>{_.value.updatePopper()})}},{deep:!0,immediate:!0}),t.watch(k,F=>{w.value&&F||(i("query-change",F),w.value=!1)}),t.watch(B,(F,ee)=>{F&&F!==ee&&(i("selected",F),i("input",F.value),i("change",F),i("update:modelValue",F.value))},{deep:!0}),t.watch(()=>s.id,async()=>{v.value++,await t.nextTick(),ue()},{immediate:!0}),t.onMounted(()=>{I.value&&(d.value=Wn.create(()=>{var F;E.value=`${(F=I.value)==null?void 0:F.offsetWidth}px`}),d.value.observe(I.value)),ue(),ka(document,"keydown",F=>{var ee,ye;!o.enableFiltering&&((ee=document.activeElement)==null?void 0:ee.tagName)==="BODY"&&!L.value&&l.value&&(F.code==="ArrowDown"||F.code==="ArrowUp")&&(F.preventDefault(),(ye=ve.value)==null||ye.setFocus())})}),t.onUnmounted(()=>{var F;I.value&&((F=d.value)==null||F.unobserve(I.value))}),(F,ee)=>{const ye=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-select",[F.$attrs.class]])},[e.label?(t.openBlock(),t.createBlock(dn,t.mergeProps({key:0,ref_key:"labelElement",ref:y},e.labelAttributes,{"data-testid":"select-label",for:F.$attrs.id?String(F.$attrs.id):void 0,required:f.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(b.value)+" ",1)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(F.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):t.createCommentVNode("",!0),t.createVNode(t.unref(Kr),null,{default:t.withCtx(({toggle:be,isToggled:de})=>[t.createVNode(Kn,t.mergeProps({ref_key:"popperElement",ref:_},Y.value,{"close-on-popover-click":"","hide-close-icon":"",onClose:()=>q(be,de.value),onOpen:()=>ne(be),onPopoverClick:()=>R(be)}),{content:t.withCtx(()=>[t.createElementVNode("div",{"aria-live":e.enableFiltering?"polite":"off"},[e.enableFiltering&&e.loading?(t.openBlock(),t.createElementBlock("div",VO,[t.renderSlot(F.$slots,"loading",{},()=>[t.createVNode(t.unref(Wr),{class:"loading-icon",title:"Loading"})],!0)])):(t.openBlock(),t.createElementBlock("div",_O,[t.createVNode(OO,{ref_key:"kSelectItems",ref:ve,items:G.value,onSelected:ge},{content:t.withCtx(({item:Me})=>[t.renderSlot(F.$slots,"item-template",{class:"select-item-label select-item-desc",item:Me},void 0,!0)]),_:3},8,["items"]),!G.value.length&&!F.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(Vo,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):t.createCommentVNode("",!0),!G.value.length&&S.value&&!F.$slots.empty&&e.enableItemCreation?(t.openBlock(),t.createBlock(Vo,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${k.value} (Add new value)`,value:"add_item",disabled:!e.itemCreationValidator(k.value)},onSelected:se},{content:t.withCtx(()=>[t.createElementVNode("div",LO,[t.createTextVNode(t.toDisplayString(k.value)+" ",1),ee[1]||(ee[1]=t.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):t.createCommentVNode("",!0),(e.dropdownFooterText||F.$slots["dropdown-footer-text"])&&e.dropdownFooterTextPosition==="static"?(t.openBlock(),t.createElementBlock("div",zO,[t.renderSlot(F.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)])),!e.loading&&!G.value.length&&F.$slots.empty?(t.openBlock(),t.createElementBlock("div",RO,[t.renderSlot(F.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],8,PO),(e.dropdownFooterText||F.$slots["dropdown-footer-text"])&&e.dropdownFooterTextPosition==="sticky"?(t.openBlock(),t.createElementBlock("div",FO,[t.renderSlot(F.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.withDirectives((t.openBlock(),t.createElementBlock("div",{ref_key:"selectWrapperElement",ref:I,class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:Ve},[(t.openBlock(),t.createBlock(un,t.mergeProps({key:v.value,ref_key:"inputElement",ref:C,autocapitalize:"off",autocomplete:"off",class:["select-input",{"filtering-disabled":!e.enableFiltering,"hide-model-value":Q.value&&(!e.enableFiltering||!de.value),"input-has-focus":L.value||de.value}],"data-testid":"select-input",disabled:p.value,error:e.error,"model-value":k.value,placeholder:B.value&&!e.enableFiltering?B.value.label:H.value,readonly:m.value},t.unref(s).id?{id:String(t.unref(s).id),...T.value}:{...T.value},{onBlur:Ne,onClick:Pe,onFocus:Te,onKeydown:t.withKeys(ae,["enter"]),onKeypress:oe,onKeyup:[Me=>$e(Me,de),ee[0]||(ee[0]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ze}),t.createSlots({after:t.withCtx(()=>[A.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:Ce},[t.createVNode(t.unref(Nt),{decorative:""})])):t.createCommentVNode("",!0),t.createVNode(t.unref(Oa),{class:t.normalizeClass(["chevron-down-icon",{disabled:p.value}]),decorative:""},null,8,["class"])]),_:2},[t.unref(c).before?{name:"before",fn:t.withCtx(()=>[t.renderSlot(F.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,F.$slots["label-tooltip"]?{name:"label-tooltip",fn:t.withCtx(()=>[t.renderSlot(F.$slots,"label-tooltip",{},void 0,!0)]),key:"1"}:void 0]),1040,["class","disabled","error","model-value","placeholder","readonly","onKeyup"])),t.createVNode(t.Transition,{name:"kongponents-fade-transition"},{default:t.withCtx(()=>[Q.value&&(!e.enableFiltering||!de.value)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["custom-selected-item-wrapper",{clearable:e.clearable}])},[t.renderSlot(F.$slots,"selected-item-template",{item:B.value},()=>[t.renderSlot(F.$slots,"item-template",{item:B.value},void 0,!0)],!0)],2)):t.createCommentVNode("",!0)]),_:2},1024)])),[[ye,{id:t.unref(D)}]])]),_:2},1040,["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-af36772c"]]),YO={class:"k-slideout"},HO={class:"slideout-header"},qO={key:0,class:"slideout-title","data-testid":"slideout-title"},KO={class:"slideout-content"},um=me(t.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean,default:!1},closeButtonAlignment:{type:String,default:"start",validator:e=>["start","end"].includes(e)},hasOverlay:{type:Boolean,default:!0},offsetTop:{type:[Number,String],default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{type:String,default:""},maxWidth:{type:String,required:!1,default:"500px"},zIndex:{type:Number,default:9999}},emits:["close"],setup(e,{emit:n}){t.useCssVars(d=>({ad524a00:s.value,"5f5605b1":r.maxWidth,fa7fc4ae:e.zIndex}));const r=e,a=n,{getSizeFromString:o}=Xe(),i=t.ref(null),s=t.computed(()=>typeof r.offsetTop=="number"?o(String(r.offsetTop)):r.offsetTop);tO(i,d=>{d.isTrusted&&r.closeOnBlur&&a("close")});const c=(d,u=!1)=>{(r.visible&&d.keyCode===27&&r.closeOnEscape||u)&&a("close")},l=d=>{typeof document<"u"&&(d?document==null||document.addEventListener("keydown",c):document==null||document.removeEventListener("keydown",c))};return t.watch(()=>r.visible,async d=>{l(!!d)},{immediate:!0}),t.onUnmounted(()=>{l(!1)}),(d,u)=>(t.openBlock(),t.createElementBlock("div",YO,[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",{key:0,ref_key:"slideoutContainerElement",ref:i,class:"slideout-container","data-testid":"slideout-container"},[t.createElementVNode("div",HO,[e.title||d.$slots.title?(t.openBlock(),t.createElementBlock("div",qO,[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:u[0]||(u[0]=t.withModifiers(f=>d.$emit("close"),["stop"]))},[t.createVNode(t.unref(Nt),{color:`var(--kui-color-text-neutral, ${t.unref(Wt)})`,decorative:""},null,8,["color"])])]),t.createElementVNode("div",KO,[t.renderSlot(d.$slots,"default",{},void 0,!0)])],512)):t.createCommentVNode("",!0)]),_:3})]))}}),[["__scopeId","data-v-6cd03797"]]),WO=["aria-current","data-testid"],UO={class:"step-circle"},jO=me(t.defineComponent({__name:"KStep",props:{label:{type:String,required:!0},state:{type:String,default:"default",validator:e=>nc.includes(e)},maxLabelWidth:{type:String,default:"170"}},setup(e){const{getSizeFromString:n}=Xe(),r=e,a=t.computed(()=>({maxWidth:n(r.maxLabelWidth)}));return(o,i)=>(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",UO,[e.state==="completed"?(t.openBlock(),t.createBlock(t.unref(uh),{key:0,color:`var(--kui-color-text-inverse, ${t.unref(ii)})`,size:t.unref(yt),title:"Completed"},null,8,["color","size"])):e.state==="pending"?(t.openBlock(),t.createBlock(t.unref(Wr),{key:1,color:`var(--kui-color-text-primary, ${t.unref(Wh)})`,size:t.unref(yt),title:"Pending"},null,8,["color","size"])):e.state==="error"?(t.openBlock(),t.createBlock(t.unref(Nt),{key:2,color:`var(--kui-color-text-inverse, ${t.unref(ii)})`,size:t.unref(yt),title:"Error"},null,8,["color","size"])):t.createCommentVNode("",!0)]),t.createElementVNode("span",{class:"step-label",style:t.normalizeStyle(a.value)},t.toDisplayString(e.label),5)],2)],8,WO))}}),[["__scopeId","data-v-3d0e3f71"]]),GO={key:0,class:"k-stepper"},fm=me(t.defineComponent({__name:"KStepper",props:{steps:{type:Array,required:!0,validator:e=>!e.length||e.every(n=>n.label!==void 0)},maxLabelWidth:{type:String,default:"170"}},setup(e){return(n,r)=>e.steps&&e.steps.length?(t.openBlock(),t.createElementBlock("ol",GO,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.steps,a=>(t.openBlock(),t.createBlock(jO,{key:`step-${a.label.replace(/ /gi,"-")}`,label:a.label,"max-label-width":e.maxLabelWidth,state:a.state},null,8,["label","max-label-width","state"]))),128))])):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-2a46c6a5"]]),QO={class:"table-column-visibility-menu"},ZO={class:"apply-button-wrapper"},pm=me(t.defineComponent({__name:"ColumnVisibilityMenu",props:{columns:{type:Array,required:!0},tableId:{type:String,required:!0},visibilityPreferences:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1}},emits:["update"],setup(e,{emit:n}){const r=n,a=e,o=t.ref(!1),i=t.ref({}),s=t.ref(!1),c=t.ref(),l=t.ref(""),d=()=>{i.value=a.columns.reduce((v,C)=>(v[C.key]=a.visibilityPreferences[C.key]===void 0?!0:a.visibilityPreferences[C.key],v),{}),s.value=!1},u=hd(v=>{l.value=v,c.value&&g(c.value)},500),f=t.computed(()=>l.value?a.columns.filter(v=>(v.label?v.label:v.key).toLowerCase().includes(l.value.toLowerCase())):a.columns),p=()=>{r("update",JSON.parse(JSON.stringify(i.value))),s.value=!1,l.value=""},m=v=>{o.value=v,v&&c.value&&t.nextTick(()=>{c.value&&g(c.value)}),!v&&s.value&&d(),v||(l.value="")},g=v=>{if(!(v.scrollHeight>v.clientHeight)){v.classList.remove("is-bottom-overflowing");return}const y=v.scrollHeight<v.clientHeight+v.scrollTop+1;v.classList.toggle("is-bottom-overflowing",!y)};return t.watch(()=>a.visibilityPreferences,()=>{d()},{immediate:!0}),t.onMounted(()=>{c.value&&(c.value.addEventListener("scroll",v=>{const C=v.currentTarget;g(C)}),g(c.value))}),t.onBeforeMount(()=>{d()}),(v,C)=>{const y=t.resolveComponent("KTooltip"),b=t.resolveComponent("KLabel");return t.openBlock(),t.createElementBlock("div",QO,[t.createVNode(Tn,{"data-testid":"table-column-visibility-menu",disabled:e.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:m},{items:t.withCtx(()=>[l.value||f.value.length>5?(t.openBlock(),t.createBlock(un,{key:0,modelValue:l.value,"onUpdate:modelValue":C[1]||(C[1]=w=>l.value=w),modelModifiers:{trim:!0},autocomplete:"off",class:"search-input","data-testid":"search-input",placeholder:"Search columns",type:"search",onClick:C[2]||(C[2]=t.withModifiers(()=>{},["stop"])),onInput:t.unref(u)},t.createSlots({before:t.withCtx(()=>[t.createVNode(t.unref(ai),{decorative:""})]),_:2},[l.value?{name:"after",fn:t.withCtx(()=>[t.createVNode(Oe,{appearance:"tertiary","aria-label":"Clear search",class:"clear-search","data-testid":"clear-search-button",icon:"",size:"small",onClick:C[0]||(C[0]=t.withModifiers(()=>l.value="",["stop"]))},{default:t.withCtx(()=>[t.createVNode(t.unref(Nt),{decorative:""})]),_:1})]),key:"0"}:void 0]),1032,["modelValue","onInput"])):t.createCommentVNode("",!0),t.createElementVNode("div",{ref_key:"menuItemsRef",ref:c,class:"menu-items-wrapper"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(f.value,w=>(t.openBlock(),t.createBlock(Wa,{key:w.key,class:"column-visibility-menu-item","data-testid":`column-visibility-menu-item-${w.key}`,onClick:t.withModifiers(()=>{i.value[w.key]=!i.value[w.key],s.value=!0},["stop"])},{default:t.withCtx(()=>[t.createVNode(Xr,{modelValue:i.value[w.key],"onUpdate:modelValue":k=>i.value[w.key]=k,"aria-labelledby":`${e.tableId}-${w.key}-visibility-checkbox-label`,"data-testid":`column-visibility-checkbox-${w.key}`},null,8,["modelValue","onUpdate:modelValue","aria-labelledby","data-testid"]),t.createVNode(b,{id:`${e.tableId}-${w.key}-visibility-checkbox-label`,class:"visibility-checkbox-label",title:w.label},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(w.label),1)]),_:2},1032,["id","title"])]),_:2},1032,["data-testid","onClick"]))),128))],512),t.createElementVNode("div",ZO,[t.createVNode(Oe,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:p},{default:t.withCtx(()=>C[3]||(C[3]=[t.createTextVNode(" Apply ")])),_:1})])]),default:t.withCtx(()=>[t.createVNode(y,{placement:"bottom-end",text:o.value?void 0:"Show/Hide Columns"},{default:t.withCtx(()=>[t.createVNode(Oe,{appearance:"secondary","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(Vh),{decorative:""})]),_:1},8,["disabled"])]),_:1},8,["text"])]),_:1},8,["disabled"])])}}}),[["__scopeId","data-v-5529cef4"]]),XO={class:"k-table"},JO={key:0,class:"table-toolbar","data-testid":"table-toolbar"},e8={key:0,class:"toolbar-default-items-container"},t8={key:2,class:"table-error-state","data-testid":"table-error-state"},n8={key:3,class:"table-empty-state","data-testid":"table-empty-state"},r8={key:4},a8=["aria-sort","data-testid","onClick","onMouseover"],o8=["onMousedown","onMouseover"],i8=["aria-describedby"],l8=["onMousedown","onMouseover"],s8=["role","tabindex"],c8=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:Tt.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(U=>({"0a4cd553":Ve.value}));const{useDebounce:r,useRequest:a,useSwrvState:o,clientSideSorter:i,getSizeFromString:s}=Xe(),c=e,l=n,d=t.useAttrs(),u=t.useSlots(),f=Ue(),p={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},m=t.ref([]),g=t.ref(),v=t.ref([]),C=t.ref([]),y=t.ref(""),b=t.ref(""),w=t.ref(""),k=t.computed(()=>v.value.filter(U=>U.hidable).length>0),S=t.computed(()=>!!(k.value&&!c.error&&!Ze.value&&!c.loading&&m.value&&m.value.length)),D=t.computed(()=>v.value.filter(U=>U.hidable)),B=t.computed(()=>S.value?c.tablePreferences.columnVisibility||{}:{}),V=t.ref(S.value?c.tablePreferences.columnVisibility||{}:{}),L=t.ref(0),_=t.ref(!1),I=t.ref(1),P=t.ref(15),$=t.ref(""),E=t.ref(""),T=t.ref("desc"),z=t.ref(null),W=t.ref([]),Y=t.ref(!0),H=t.ref(!1),A=t.ref(!1),Q=t.computed(()=>!!u.toolbar||S.value),G=t.computed(()=>({maxHeight:s(c.maxHeight)})),oe=U=>`column-${U}`,ae=U=>`tooltip-${U}`,se=U=>U,ge=(U,re)=>(xe,le)=>{const qe=/^on[^a-z]/,De={};for(const tt in re)qe.test(tt)&&re[tt]&&(De[tt]=re[tt]);return Object.keys(De).reduce((tt,Cn)=>{if(Cn.indexOf(U)===0){const gt=Cn.split(U);tt[gt[1]]=Ct=>De[Cn](Ct,xe,le)}return tt},{})},Ce=t.computed(()=>(U,re)=>{const xe=ge("onRow:",d)(re,"row"),le=ge("onCell:",d)(U,"cell"),qe=["a","button","label","input","select"];return xe.click&&(H.value=!0),{...xe,...le,click(De){const tt=De.target.className;let Cn=qe.includes(De.target.tagName.toLowerCase()),gt=!1;typeof tt=="string"||Array.isArray(tt)?gt=tt.includes("k-popover"):typeof tt=="object"&&(gt=Object.keys(tt).includes("k-popover")),De.target.closest(".popover-content")!==null&&(gt=!0);for(let Ct=0;Ct<qe.length;Ct++)if(De.target.closest(qe[Ct])!==null){Cn=!0;break}if((!Cn||De.target.hasAttribute("disabled"))&&!gt&&(xe.click||le.click))if(le.click){l("cell-click",{data:U});const Ct=le.click(De,U,"cell");typeof Ct=="function"&&Ct(De,U)}else{l("row-click",{data:re});const Ct=xe.click(De,re,"row");typeof Ct=="function"&&Ct(De,re)}}}}),ve=t.ref(c.resizeColumns?c.tablePreferences.columnWidths||{}:{}),$e=t.computed(()=>{const U={};for(const re in ve.value){if(!ve.value[re])continue;const xe=ve.value[re]+"px";U[re]={width:xe,maxWidth:xe,minWidth:xe}}return U}),ze=(U,re)=>({"resize-hover":Ne.value===U.key&&c.resizeColumns&&re!==C.value.length-1,resizable:c.resizeColumns,sortable:c.sortable&&!U.hideLabel&&!!U.sortable,"active-sort":c.sortable&&!U.hideLabel&&!!U.sortable&&U.key===E.value,[T.value]:c.sortable&&U.key===E.value&&!U.hideLabel,"is-scrolled":_.value,"has-tooltip":!!U.tooltip}),Te=t.computed(()=>y.value?"resizing":b.value?"resize-hover":w.value?"th-hover":""),Ne=t.computed(()=>{switch(Te.value){case"resizing":return y.value;case"resize-hover":return b.value;case"th-hover":return w.value;default:return""}}),Pe=t.computed(()=>{var U;return(U=g.value)==null?void 0:U.querySelectorAll("th.resizable")}),Ve=t.computed(()=>{var re;const U=(re=Pe.value)==null?void 0:re.item(0);if(U){const xe=window==null?void 0:window.getComputedStyle(U);if(xe!=null&&xe.height)return`${parseInt(xe.height,10)}px`}return"auto"}),R=(U,re)=>{var Cn;if(U.button!==0)return;let xe=0,le=0;y.value=re;let qe=null;(Cn=Pe.value)==null||Cn.forEach(gt=>{gt.getAttribute("data-testid")===`table-header-${re}`&&(qe=document==null?void 0:document.querySelector(`[data-tableid="${f}"] [data-testid="table-header-${re}"]`))});const De=gt=>{const Ct=gt.clientX-xe;qe==null||qe.setAttribute("style",`width: ${le+Ct}px`),ve.value[re]=le+Ct},tt=()=>{y.value="",document==null||document.removeEventListener("mousemove",De),document==null||document.removeEventListener("mouseup",tt),fe()};if(xe=U.clientX,qe){const gt=window==null?void 0:window.getComputedStyle(qe);gt!=null&&gt.width&&(le=parseInt(gt.width,10)),document==null||document.addEventListener("mousemove",De),document==null||document.addEventListener("mouseup",tt)}},q=t.ref(!0),ne=async()=>{var xe,le;const U=c.searchInput,re=await c.fetcher({pageSize:P.value,page:I.value,query:U||$.value,sortColumnKey:E.value,sortColumnOrder:T.value,offset:z.value});return m.value=re.data,L.value=c.paginationTotalItems||re.total||((xe=re.data)==null?void 0:xe.length),c.paginationOffset&&((le=re.pagination)!=null&&le.offset?(ee.value=re.pagination.offset,W.value[I.value]||W.value.push(re.pagination.offset)):ee.value=null,Y.value=re.pagination&&"hasNextPage"in re.pagination?re.pagination.hasNextPage:!0),m.value.length===0&&I.value>1&&(I.value=1,W.value=[null],z.value=null),q.value=!1,re},ue=()=>{const U={...p,...c.initialFetcherParams};I.value=U.page??p.page,P.value=U.pageSize??p.pageSize,$.value=U.query??p.query,E.value=U.sortColumnKey??p.sortColumnKey,T.value=U.sortColumnOrder??p.sortColumnOrder,c.clientSort&&E.value&&T.value&&i(E.value,"",T.value,m.value),c.paginationOffset&&(z.value=U.offset,W.value.push(U.offset)),c.headers&&c.headers.length&&(v.value=c.headers),A.value=!0};t.watch(()=>c.headers,U=>{U&&U.length&&(v.value=U)},{deep:!0});const F=t.computed(()=>W.value[I.value-1]),ee=t.ref(null),ye=t.computed(()=>{if(!c.fetcher||!A.value)return"";let U=f;return c.cacheIdentifier&&(U=c.cacheIdentifier),c.fetcherCacheKey&&(U+=`-${c.fetcherCacheKey}`),`k-table_${U}`}),be=t.ref(""),{debouncedFn:de,generateDebouncedFn:Me}=r(U=>{be.value=U},350),K=Me(0),{data:ie,error:ce,revalidate:Ae,isValidating:_e}=a(()=>ye.value,()=>ne(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:rt,hasData:Kt,swrvState:Bt}=o(ie,ce,_e),Ze=t.ref(!0),ht=t.computed(()=>({hasData:Kt.value,state:rt.value})),kt=t.computed(()=>Ze.value?"loading":ce.value?"error":"success"),{debouncedFn:X,generateDebouncedFn:M}=r(Ae,500),h=M(0),x=U=>{const{key:re,useSortHandlerFunction:xe}=U,le=E.value+"";I.value=1,E.value?re===E.value?T.value==="asc"?T.value="desc":T.value="asc":(E.value=re,T.value="asc",W.value=[null]):(E.value=re,T.value="asc",W.value=[null]),c.clientSort?xe&&c.sortHandlerFunction?c.sortHandlerFunction({key:re,prevKey:le,sortColumnOrder:T.value,data:m.value}):i(re,le,T.value,m.value):c.paginationOffset||X(),fe()},O=({page:U})=>{I.value=U},N=({pageSize:U})=>{W.value=[null],z.value=null,P.value=U,I.value=1,fe()},j=U=>{U&&U.target&&typeof U.target.scrollTop=="number"&&(U.target.scrollTop>1?_.value=!0:U.target.scrollTop===0&&(_.value=!_.value))},Z=t.computed(()=>({pageSize:P.value,sortColumnKey:E.value,sortColumnOrder:T.value,...c.resizeColumns?{columnWidths:ve.value}:{},...k.value?{columnVisibility:V.value}:{}})),fe=()=>{kt.value==="success"&&l("update:table-preferences",Z.value)},Re=()=>{I.value++,z.value=ee.value},Ye=()=>{I.value--,z.value=F.value},et=t.computed(()=>!!(c.fetcher&&!c.disablePagination&&!(!c.paginationOffset&&c.hidePaginationWhenOptional&&L.value<=c.paginationPageSizes[0])&&!(c.paginationOffset&&c.hidePaginationWhenOptional&&!F.value&&!ee.value&&m.value.length<c.paginationPageSizes[0]))),ot=U=>U.toLowerCase().replace(/[^[a-z0-9]/gi,"-");t.watch([V,v],U=>{const re=U[0],le=U[1].filter(qe=>re[qe.key]!==!1);JSON.stringify(le)!==JSON.stringify(C.value)&&(C.value=le,fe())},{deep:!0,immediate:!0}),t.watch(ie,U=>{U!=null&&U.length&&!m.value.length&&(m.value=U)},{deep:!0,immediate:!0}),t.watch(rt,()=>{switch(rt.value){case Bt.PENDING:Ze.value=!0;break;case Bt.VALIDATING_HAS_DATA:Ze.value=kn.value;break;default:Ze.value=!1;break}},{immediate:!0}),t.watch([ht,kt],U=>{var re;l("state",{state:U==null?void 0:U[1],hasData:(re=U==null?void 0:U[0])==null?void 0:re.hasData})}),t.watch(()=>c.searchInput,U=>{I.value!==1&&(I.value=1),U===""?K(U):de(U)},{immediate:!0});const kn=t.ref(!1);return t.watch([be,I,P],async(U,re)=>{const xe=re==null?void 0:re[0],le=U[0],qe=U[1];le!==xe&&qe!==1&&(I.value=1,W.value=[null],z.value=null),A.value&&!q.value&&(kn.value=!0,le!==""&&le!==xe?await X():await h(),kn.value=!1)},{deep:!0,immediate:!0}),t.watch(S,U=>{U&&(V.value=c.tablePreferences.columnVisibility||{})},{immediate:!0}),t.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
42
+ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`)}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",s)}),t.onUnmounted(()=>{document.body.style.overflow=""}),(d,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(l,["enter"]),t.withKeys(c,["esc"])]},[t.createElementVNode("div",{ref_key:"modalBodyContent",ref:o,class:t.normalizeClass(["k-modal-fullscreen-dialog",{"has-footer":d.$slots["footer-content"]}]),tabindex:"0"},[t.createElementVNode("div",NI,[d.$slots["body-header"]||e.bodyHeader?(t.openBlock(),t.createElementBlock("div",MI,[t.renderSlot(d.$slots,"body-header",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeader),1)],!0)])):t.createCommentVNode("",!0),d.$slots["body-header-description"]||e.bodyHeaderDescription?(t.openBlock(),t.createElementBlock("div",AI,[t.renderSlot(d.$slots,"body-header-description",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeaderDescription),1)],!0)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",II,[t.renderSlot(d.$slots,"default",{},void 0,!0)]),t.createElementVNode("div",OI,[t.createElementVNode("div",PI,[t.createElementVNode("div",VI,[t.createElementVNode("span",_I,[t.renderSlot(d.$slots,"header-icon",{},()=>[t.createVNode(t.unref(ri),{color:t.unref(Hh)},null,8,["color"])],!0)]),t.createElementVNode("span",LI,[t.renderSlot(d.$slots,"header-content",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])]),t.createElementVNode("div",zI,[t.createElementVNode("div",RI,[t.renderSlot(d.$slots,"action-buttons",{},()=>[t.createVNode(Oe,{appearance:e.cancelButtonAppearance,class:"cancel-button",onClick:c},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.cancelButtonText),1)]),_:1},8,["appearance"]),t.createVNode(Oe,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:l},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])]),d.$slots["footer-content"]?(t.openBlock(),t.createElementBlock("div",FI,[t.renderSlot(d.$slots,"footer-content",{},void 0,!0),t.createElementVNode("div",YI,[t.createElementVNode("div",HI,[t.renderSlot(d.$slots,"action-buttons",{},()=>[t.createVNode(Oe,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:l},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])):t.createCommentVNode("",!0)],2)],40,TI)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-604a5bc5"]]),qI=["aria-selected","data-testid"],KI={class:"multiselect-item-container"},WI=["disabled","value"],UI={class:"multiselect-item-label"},Io=me(t.defineComponent({__name:"KMultiselectItem",props:{item:{type:Object,default:null,validator:e=>e.label!==void 0&&e.value!==void 0}},emits:["selected","arrow-down","arrow-up"],setup(e,{emit:n}){const r=e,a=n,o=()=>{r.item.disabled||a("selected",r.item)};return(i,s)=>(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",KI,[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:o,onKeydown:[s[0]||(s[0]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-down"),["prevent"]),["down"])),s[1]||(s[1]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",UI,[t.renderSlot(i.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,WI)])],8,qI))}}),[["__scopeId","data-v-d1af7c6e"]]),jI={class:"multiselect-group-title"},GI=me(t.defineComponent({__name:"KMultiselectItems",props:{items:{type:Array,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)}},emits:["selected"],setup(e,{expose:n,emit:r}){const a=e,o=r,i=t.ref(null),s=p=>o("selected",p),c=t.computed(()=>{var p;return(p=a.items)==null?void 0:p.filter(m=>!m.group)}),l=t.computed(()=>{var p,m;return[...new Set((m=(p=a.items)==null?void 0:p.filter(g=>g.group))==null?void 0:m.map(g=>g.group))].sort((g,v)=>g.toLowerCase().localeCompare(v.toLowerCase()))}),d=p=>{var m;return(m=a.items)==null?void 0:m.filter(g=>g.group===p)},u=(p=0)=>{var m,g;i.value&&(a.items[p].disabled?u(p+1):(g=(m=i.value[p])==null?void 0:m.$el)==null||g.querySelector("button").focus())},f=(p,m)=>{var y,b,w,k;const g=a.items.findIndex(S=>S.key===p);if(g===-1)return;const v=m==="down"?1:-1;if(m==="down"?g+v<a.items.length:g+v>=0){const S=g+v;a.items[S].disabled?f(a.items[S].key,m):(k=(w=(b=(y=i.value)==null?void 0:y[S])==null?void 0:b.$el)==null?void 0:w.querySelector("button"))==null||k.focus()}};return n({setFocus:u}),(p,m)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.value,(g,v)=>(t.openBlock(),t.createBlock(Io,{key:`${g.key?g.key:v}-item`,ref_for:!0,ref_key:"kMultiselectItem",ref:i,item:g,onArrowDown:()=>f(g.key,"down"),onArrowUp:()=>f(g.key,"up"),onSelected:s},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:g},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.value,g=>(t.openBlock(),t.createElementBlock("div",{key:`${g}-group`,class:"multiselect-group"},[t.createElementVNode("span",jI,t.toDisplayString(g),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d(g),(v,C)=>(t.openBlock(),t.createBlock(Io,{key:`${v.key?v.key:g+"-"+C+"-item"}`,ref_for:!0,ref_key:"kMultiselectItem",ref:i,item:v,onArrowDown:()=>f(v.key,"down"),onArrowUp:()=>f(v.key,"up"),onSelected:s},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:v},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128))]))),128))],64))}}),[["__scopeId","data-v-8640caca"]]);function Oo(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function QI(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}function ms(e){return typeof e=="function"?e():t.unref(e)}const am=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ZI=Object.prototype.toString,XI=e=>ZI.call(e)==="[object Object]",Po=()=>{},JI=eO();function eO(){var e,n;return am&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((n=window==null?void 0:window.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}const om=am?window:void 0;function wa(e){var n;const r=ms(e);return(n=r==null?void 0:r.$el)!=null?n:r}function ka(...e){let n,r,a,o;if(typeof e[0]=="string"||Array.isArray(e[0])?([r,a,o]=e,n=om):[n,r,a,o]=e,!n)return Po;Array.isArray(r)||(r=[r]),Array.isArray(a)||(a=[a]);const i=[],s=()=>{i.forEach(u=>u()),i.length=0},c=(u,f,p,m)=>(u.addEventListener(f,p,m),()=>u.removeEventListener(f,p,m)),l=t.watch(()=>[wa(n),ms(o)],([u,f])=>{if(s(),!u)return;const p=XI(f)?{...f}:f;i.push(...r.flatMap(m=>a.map(g=>c(u,m,g,p))))},{immediate:!0,flush:"post"}),d=()=>{l(),s()};return QI(d),d}let im=!1;function tO(e,n,r={}){const{window:a=om,ignore:o=[],capture:i=!0,detectIframe:s=!1}=r;if(!a)return Po;JI&&!im&&(im=!0,Array.from(a.document.body.children).forEach(m=>m.addEventListener("click",Po)),a.document.documentElement.addEventListener("click",Po));let c=!0;const l=m=>ms(o).some(g=>{if(typeof g=="string")return Array.from(a.document.querySelectorAll(g)).some(v=>v===m.target||m.composedPath().includes(v));{const v=wa(g);return v&&(m.target===v||m.composedPath().includes(v))}}),d=m=>{const g=wa(e);if(!(!g||g===m.target||m.composedPath().includes(g))){if(m.detail===0&&(c=!l(m)),!c){c=!0;return}n(m)}};let u=!1;const f=[ka(a,"click",m=>{u||(u=!0,setTimeout(()=>{u=!1},0),d(m))},{passive:!0,capture:i}),ka(a,"pointerdown",m=>{const g=wa(e);c=!l(m)&&!!(g&&!m.composedPath().includes(g))},{passive:!0}),s&&ka(a,"blur",m=>{setTimeout(()=>{var g;const v=wa(e);((g=a.document.activeElement)==null?void 0:g.tagName)==="IFRAME"&&!(v!=null&&v.contains(a.document.activeElement))&&n(m)},0)})].filter(Boolean);return()=>f.forEach(m=>m())}const nO={"data-testid":"multiselect-container"},rO=["tabindex"],aO={key:0},oO={key:1,class:"expanded-selection-empty"},iO=["aria-label","onClick"],lO={class:"multiselect-icons-container"},sO={key:0,class:"multiselect-input-wrapper"},cO={"aria-live":"polite"},dO={class:"select-item-description"},uO={key:1,class:"multiselect-empty","data-propagate-clicks":"false"},fO={key:1,class:"help-text"},pO={key:2,"aria-hidden":"true",class:"staging-area"},mO=e=>{const n=[];return e.forEach(r=>n.push(r.value)),n},hO=e=>{const n=mO(e),r=new Set(n);return n.length===r.size},lm=me(t.defineComponent({inheritAttrs:!1,__name:"KMultiselect",props:{modelValue:{type:Array,default:()=>[]},label:{type:String,default:""},help:{type:String,default:""},error:{type:Boolean,default:!1},labelAttributes:{type:Object,default:()=>({})},placeholder:{type:String,default:""},searchPlaceholder:{type:String,default:""},kpopAttributes:{type:Object,default:()=>({popoverClasses:""})},dropdownMaxHeight:{type:String,default:"300"},width:{type:String,default:"100%"},selectedRowCount:{type:Number,default:1},collapsedContext:{type:Boolean,default:!1},items:{type:Array,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)&&hO(e)},filterFunction:{type:Function,default:e=>e.items.filter(n=>{var r,a;return(a=n.label)==null?void 0:a.toLowerCase().includes((r=e.query)==null?void 0:r.toLowerCase())})},autosuggest:{type:Boolean,default:!1},enableItemCreation:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},dropdownFooterText:{type:String,default:""},dropdownFooterTextPosition:{type:String,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(X=>({dcf35ece:ze.value}));const r=t.useAttrs(),a=t.useSlots(),{getSizeFromString:o,cloneDeep:i,stripRequiredLabel:s}=Xe(),c=36,l="Filter...",d=e,u=n,f=t.ref(null),p=t.computed(()=>r.required!==void 0&&String(r.required)!=="false"),m=t.computed(()=>s(d.label,p.value)),g=t.computed(()=>{var X,M;return!!((X=d.labelAttributes)!=null&&X.help||(M=d.labelAttributes)!=null&&M.info||a["label-tooltip"])}),v=X=>se.value||ge.value||X!=null&&X.disabled?"neutral":d.error?"danger":"info",C={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"multiselect-popover"},y=t.ref(0),b=t.ref(0),w=r.id?String(r.id):Ue(),k=Ue(),S=t.ref(null),D=t.ref(null),B=t.ref(null),V=t.ref(),L=t.computed(()=>d.selectedRowCount*c),_=t.ref(""),I=t.computed(()=>!(!_.value||$.value.filter(X=>X.label===_.value).length)),P=t.ref(null),$=t.ref([]),E=t.ref([]),T=t.ref([]),z=t.ref([]),W=t.ref([]),Y=new Set,H=t.ref([]),A=t.ref([]),Q=t.computed(()=>A.value.map(X=>X.label).join(", ")),G=t.ref(!1),oe=t.ref(!1),ae=t.ref(!1),se=t.computed(()=>(r==null?void 0:r.disabled)!==void 0&&String(r==null?void 0:r.disabled)!=="false"),ge=t.computed(()=>(r==null?void 0:r.readonly)!==void 0&&String(r==null?void 0:r.readonly)!=="false"),Ce=t.computed({get(){return d.modelValue},set(X){const M=$.value.filter(h=>X.includes(h.value));M.length?ee(M):X.length||ie()}}),ve=t.computed(()=>{const X={...r};return delete X.class,X}),$e=t.computed(()=>({...C,...d.kpopAttributes,popoverClasses:`${C.popoverClasses} ${d.kpopAttributes.popoverClasses} ${d.dropdownFooterText||a["dropdown-footer-text"]?"has-dropdown-footer":""}`,width:Ze.value+"px",maxWidth:Ze.value+"px",disabled:r.disabled!==void 0&&String(r.disabled)!=="false"||r.readonly!==void 0&&String(r.readonly)!=="false"})),ze=t.computed(()=>o(d.dropdownMaxHeight)),Te=t.computed(()=>({...$e.value})),Ne=t.computed(()=>{const X=d.width?d.width:"300";return o(X)}),Pe=t.computed(()=>({width:Ne.value})),Ve=t.computed(()=>({width:Ze.value+"px"})),R=t.computed(()=>{if(T.value.length===0){if(!d.collapsedContext&&d.placeholder)return d.placeholder;if(d.collapsedContext&&d.searchPlaceholder)return d.searchPlaceholder}return T.value.length===1?`${T.value.length} item selected`:`${T.value.length} items selected`}),q=t.computed(()=>d.autosuggest?$.value:d.filterFunction({items:$.value,query:_.value})),ne=X=>{var M;(se.value||((M=X==null?void 0:X.target)==null?void 0:M.dataset.propagateClicks)==="false")&&X.stopPropagation()},ue=async(X,M,h)=>{var x,O;if(X){if(!M.value){_.value="",h(),K(),await t.nextTick();const N=(O=(x=B.value)==null?void 0:x.$el)==null?void 0:O.querySelector("input");N==null||N.focus({preventScroll:!0})}}else M.value&&(_.value="",h())},F=()=>{setTimeout(()=>{const X=V.value;if(d.collapsedContext){b.value++;return}if(X){if(X.clientHeight>L.value){const h=Array.from(X.querySelectorAll(".multiselect-selection-badge")).filter(N=>N.offsetTop>=L.value),x=z.value.length-h.length,O=z.value.splice(x,h.length);for(const N of O)Y.has(N.value)||(Y.add(N.value),W.value.push(N))}b.value++}},0)},ee=X=>{X.forEach(M=>{var x;const h=((x=$.value.filter(O=>O.value===M.value))==null?void 0:x[0])||null;h.selected=!0,T.value.filter(O=>O.value===h.value).length||(T.value.push(h),z.value.push(h))}),F()},ye=(X,M=!1)=>{const h=new Set(X.map(x=>x.value));T.value=T.value.filter(x=>!h.has(x.value)),z.value=z.value.filter(x=>!h.has(x.value)),W.value=W.value.filter(x=>!h.has(x.value)),X.forEach(x=>{if(Y.delete(x.value),x.selected=!1,W.value.length){const O=W.value.pop();O&&(z.value.push(O),Y.delete(O.value))}d.enableItemCreation&&x.custom&&($.value=$.value.filter(O=>O.value!==x.value),u("item-removed",x))}),M&&F()},be=(X,M)=>{var N,j;let h=!1,x=M?X:((N=$.value.filter(Z=>Z.value===X.value))==null?void 0:N[0])||null;if(d.enableItemCreation&&(x!=null&&x.custom)&&(h=!0),x===null&&(x=((j=T.value.filter(Z=>Z.value===X.value))==null?void 0:j[0])||null),x===null)return;if(x.selected){if(T.value=T.value.filter(Z=>Z.value!==X.value),z.value.filter(Z=>Z.value===X.value).length?z.value=z.value.filter(Z=>Z.value!==X.value):Y.delete(X.value)&&(W.value=W.value.filter(Z=>Z.value!==X.value)),x.selected=!1,W.value.length){const Z=W.value.pop();Z&&(z.value.push(Z),Y.delete(Z.value))}h&&($.value=$.value.filter(Z=>Z.value!==X.value),u("item-removed",X))}else x.selected=!0,T.value.push(x),z.value.push(x),M&&(x.custom=!0,$.value.push(x));F();const O=T.value.map(Z=>Z.value);u("selected",T.value),u("change",x),u("update:modelValue",O)},de=X=>{!q.value.length&&d.enableItemCreation&&Me(),X.preventDefault()},Me=()=>{var h;if(!d.enableItemCreation||!_.value||!I.value||!d.itemCreationValidator(_.value))return;const X=$.value.length+1,M={label:Oo(_.value+""),value:Ue(),key:`${(h=Oo(_.value).replace(/ /gi,"-"))==null?void 0:h.replace(/[^a-z0-9-_]/gi,"")}-${X}`};u("item-added",M),be(M,!0),_.value=""},K=()=>{const X=q.value.filter(N=>N.selected),M=q.value.filter(N=>!N.selected),h=[...X,...M],x=h.filter(N=>!N.group),O=h.filter(N=>N.group).sort((N,j)=>N.group.toLowerCase().localeCompare(j.group.toLowerCase()));E.value=[...x,...O]},ie=()=>{$.value.forEach(M=>{M.disabled||(M.selected=!1,M.custom&&u("item-removed",M))}),$.value=$.value.filter(M=>!(M.custom&&!M.disabled)),T.value=T.value.filter(M=>M.disabled),z.value=z.value.filter(M=>M.disabled),W.value=W.value.filter(M=>(M.disabled||Y.delete(M.value),M.disabled)),_.value="",F();const X=T.value.map(M=>M.value);u("selected",T.value),u("update:modelValue",X),u("query-change","")},ce=X=>{_.value=X,u("query-change",X)},Ae=(X,M)=>{var h;X.keyCode===27&&(M.value=!1),(X.code==="ArrowDown"||X.code==="ArrowUp")&&((h=f.value)==null||h.setFocus())},_e=()=>{var X;(X=P.value)==null||X.showPopover()},rt=X=>{var M;(X.code==="ArrowDown"||X.code==="ArrowUp")&&((M=f.value)==null||M.setFocus())},Kt=async()=>{ae.value=!0,Bt()},Bt=()=>{G.value||(G.value=!0,u("query-change",""))};t.watch(b,()=>{setTimeout(()=>{const X=V.value;if(d.collapsedContext){H.value=i(z.value),A.value=[],y.value++;return}if(X)if(X.clientHeight>L.value){const h=z.value.pop();h&&!Y.has(h.value)&&(W.value.push(h),Y.add(h.value)),b.value++}else H.value=i(z.value),A.value=i(W.value),y.value++},0)}),t.watch(y,async()=>{P.value&&typeof P.value.updatePopper=="function"&&(await t.nextTick(),P.value.updatePopper())}),t.watch(q,()=>{K()}),t.watch(Ce,(X,M)=>{if(JSON.stringify(X)!==JSON.stringify(M)){if(!X.length){ie();return}const h=new Set(M),x=new Set(X),O=$.value.filter(j=>x.has(j.value)),N=T.value.filter(j=>!x.has(j.value)&&h.has(j.value));N.length&&ye(N),O.length&&ee(O)}}),t.watch(()=>d.items,(X,M)=>{var h,x;if(JSON.stringify(X)!==JSON.stringify(M)){$.value=i(d.items);for(let O=0;O<$.value.length;O++){$.value[O].selected===void 0&&($.value[O].selected=!1);let N=`${(x=(h=$.value[O].label)==null?void 0:h.replace(/ /gi,"-"))==null?void 0:x.replace(/[^a-z0-9-_]/gi,"")}-${O}`;if(N.includes("undefined")&&(N=`multiselect-item-label-${O}`),$.value[O].key=N,d.modelValue.includes($.value[O].value)||$.value[O].selected){const j=$.value[O];j.selected=!0,T.value.filter(Z=>Z.value===j.value).length||T.value.push(j),z.value.filter(Z=>Z.value===j.value).length||z.value.push(j)}}F(),P.value&&typeof P.value.updatePopper=="function"&&t.nextTick(()=>{P.value.updatePopper()})}},{deep:!0,immediate:!0});const Ze=t.ref(300),ht=async()=>{var X;Ze.value=300,await t.nextTick(),Ze.value=((X=S.value)==null?void 0:X.clientWidth)||300,F()},kt=t.ref();return t.onMounted(()=>{ka("resize",ht),kt.value=Wn.create(ht),kt.value.observe(S.value)}),t.onUnmounted(()=>{kt.value&&S.value&&kt.value.unobserve(S.value)}),(X,M)=>{const h=t.resolveComponent("KTooltip"),x=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-multiselect",[X.$attrs.class,{"multiselect-error":e.error}]]),style:t.normalizeStyle(Pe.value)},[e.label?t.withDirectives((t.openBlock(),t.createBlock(dn,t.mergeProps({key:0},e.labelAttributes,{"data-testid":e.labelAttributes["data-testid"]?e.labelAttributes["data-testid"]:"multiselect-label",required:p.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(m.value)+" ",1)]),_:2},[g.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(X.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","required"])),[[x,{for:t.unref(w)}]]):t.createCommentVNode("",!0),t.createElementVNode("div",nO,[t.createVNode(t.unref(Kr),null,{default:t.withCtx(({isToggled:O,toggle:N})=>[t.createVNode(Kn,t.mergeProps({ref_key:"popper",ref:P,"hide-close-icon":""},Te.value,{onClose:()=>ue(!1,O,N),onOpen:()=>ue(!0,O,N)}),{content:t.withCtx(()=>[t.createElementVNode("div",{class:"multiselect-list",onClick:M[7]||(M[7]=t.withModifiers(()=>{},["stop"])),onMouseenter:M[8]||(M[8]=()=>oe.value=!0),onMouseleave:M[9]||(M[9]=()=>oe.value=!1)},[!e.collapsedContext&&!ge.value?(t.openBlock(),t.createElementBlock("div",sO,[t.createVNode(un,{ref_key:"multiselectDropdownInputElement",ref:B,autocapitalize:"off",autocomplete:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":_.value,placeholder:e.searchPlaceholder||l,type:"text",onClick:M[5]||(M[5]=t.withModifiers(()=>{},["stop"])),onFocus:Bt,onKeydown:t.withKeys(de,["enter"]),onKeyup:[rt,M[6]||(M[6]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ce},null,8,["model-value","placeholder"])])):t.createCommentVNode("",!0),t.createElementVNode("div",cO,[t.createVNode(GI,{ref_key:"kMultiselectItems",ref:f,items:E.value,onSelected:be},{content:t.withCtx(({item:j})=>[t.renderSlot(X.$slots,"item-template",{class:"multiselect-item",item:j},void 0,!0)]),_:3},8,["items"]),e.enableItemCreation&&I.value&&!X.$slots.empty?(t.openBlock(),t.createBlock(Io,{key:"multiselect-add-item",class:"multiselect-add-item","data-testid":"multiselect-add-item",item:{label:`${_.value} (Add new value)`,value:"add_item",disabled:!e.itemCreationValidator(_.value)},onSelected:Me},{content:t.withCtx(()=>[t.createElementVNode("div",dO,[t.createTextVNode(t.toDisplayString(_.value)+" ",1),M[10]||(M[10]=t.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):t.createCommentVNode("",!0),!E.value.length&&!X.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(Io,{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)]),X.$slots.empty&&!e.loading&&!E.value.length?(t.openBlock(),t.createElementBlock("div",uO,[t.renderSlot(X.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],32),e.dropdownFooterText||X.$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(X.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)],2)):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.withDirectives((t.openBlock(),t.createElementBlock("div",t.mergeProps({ref_key:"multiselectElement",ref:S,class:["multiselect-trigger",{focused:ae.value,hovered:oe.value,disabled:se.value,readonly:ge.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:se.value||ge.value||e.collapsedContext?-1:0},ve.value,{onClick:ne,onKeydown:[t.withKeys(_e,["enter"]),t.withKeys(_e,["space"])]}),[e.collapsedContext?(t.openBlock(),t.createElementBlock("div",aO,[t.createVNode(un,{ref_key:"multiselectInputElement",ref:D,autocapitalize:"off",autocomplete:"off",class:t.normalizeClass(["multiselect-input",{"is-readonly":ge.value}]),"data-testid":"multiselect-input",disabled:se.value,"model-value":_.value,placeholder:R.value,readonly:ge.value?!0:void 0,type:"text",onBlur:M[0]||(M[0]=()=>ae.value=!1),onClick:j=>{O.value&&j.stopPropagation()},onFocus:Kt,onKeydown:t.withKeys(de,["enter"]),onKeyup:j=>Ae(j,O),onMouseenter:M[1]||(M[1]=()=>oe.value=!0),onMouseleave:M[2]||(M[2]=()=>oe.value=!1),"onUpdate:modelValue":ce},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):T.value.length?(t.openBlock(),t.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:t.normalizeStyle(Ve.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(H.value,(j,Z)=>(t.openBlock(),t.createBlock(yr,{key:`${t.unref(k)}-${j.key?j.key:Z}-badge-${y.value}`,appearance:v(j),class:"multiselect-selection-badge","icon-before":!1,tooltip:j.label,"truncation-tooltip":"",onClick:M[3]||(M[3]=t.withModifiers(()=>{},["stop"]))},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(j.label)+" ",1)]),_:2},[j.selected&&!j.disabled&&!se.value&&!ge.value?{name:"icon",fn:t.withCtx(()=>[t.createElementVNode("button",{"aria-label":`Unselect ${j.label}`,class:"badge-dismiss-button","data-testid":"badge-dismiss-button",type:"button",onClick:fe=>be(j)},[t.createVNode(t.unref(Nt),{decorative:""})],8,iO)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),A.value.length?(t.openBlock(),t.createBlock(h,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:Q.value},{default:t.withCtx(()=>[t.createVNode(yr,{appearance:v(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:M[4]||(M[4]=t.withModifiers(()=>{},["stop"]))},{default:t.withCtx(()=>[t.createTextVNode(" +"+t.toDisplayString(A.value.length),1)]),_:1},8,["appearance"])]),_:1},8,["text"])):t.createCommentVNode("",!0)],4)):(t.openBlock(),t.createElementBlock("div",oO,t.toDisplayString(R.value),1)),t.createElementVNode("div",lO,[!e.loading&&T.value.length&&O.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:ie},[t.createVNode(t.unref(Nt),{size:t.unref(yt)},null,8,["size"])])):e.loading?(t.openBlock(),t.createBlock(t.unref(Wr),{key:1,class:"multiselect-loading-icon",size:t.unref(yt),title:"Loading"},null,8,["size"])):(t.openBlock(),t.createBlock(t.unref(Oa),{key:2,class:"multiselect-chevron-icon",decorative:"",size:t.unref(yt)},null,8,["size"]))])],16,rO)),[[x,{id:t.unref(w)}]])]),_:2},1040,["onClose","onOpen"])]),_:3})]),e.help?(t.openBlock(),t.createElementBlock("p",fO,t.toDisplayString(e.help),1)):t.createCommentVNode("",!0),e.collapsedContext?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",pO,[(t.openBlock(),t.createElementBlock("div",{key:b.value,ref_key:"multiselectSelectionsStagingElement",ref:V,class:"selection-badges-container staging",style:t.normalizeStyle(Ve.value),tabindex:"-1"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(z.value,(O,N)=>(t.openBlock(),t.createBlock(yr,{key:`${t.unref(k)}-${O.key?O.key:N}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(O.label)+" ",1)]),_:2},[O.selected&&!O.disabled&&!se.value&&!ge.value?{name:"icon",fn:t.withCtx(()=>[t.createVNode(t.unref(Nt),{"aria-hidden":"true"})]),key:"0"}:void 0]),1024))),128)),t.createVNode(yr,{"aria-hidden":"true",class:"hidden-selection-count"},{default:t.withCtx(()=>[t.createTextVNode(" +"+t.toDisplayString(W.value.length),1)]),_:1})],4))]))],6)}}}),[["__scopeId","data-v-c3146050"]]),gO={key:0,class:"prompt-content"},yO={class:"prompt-message"},bO={key:1,class:"prompt-confirmation-container"},vO={class:"prompt-confirmation-text"},wO={class:"confirmation-text"},sm=me(t.defineComponent({inheritAttrs:!1,__name:"KPrompt",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},message:{type:String,default:""},actionButtonText:{type:String,default:"Confirm"},actionButtonAppearance:{type:String,default:"primary"},actionButtonDisabled:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},cancelButtonAppearance:{type:String,default:"tertiary"},cancelButtonDisabled:{type:Boolean,default:!1},confirmationText:{type:String,default:""},confirmationPrompt:{type:String,default:"Type {confirmationText} to confirm your action."},modalAttributes:{type:Object,default:()=>({})},errorMessage:{type:String,default:"You must enter the text as indicated above to confirm."}},emits:["cancel","proceed"],setup(e,{emit:n}){const r=e,a=t.useAttrs(),o=n,i=t.computed(()=>{const f=Object.assign({},a);return delete f["tabbable-options"],delete f["max-width"],delete f["max-height"],delete f["close-on-backdrop-click"],delete f["input-autofocus"],delete f["hide-close-icon"],delete f["hide-cancel-button"],delete f["full-screen"],f}),s=t.ref(""),c=t.ref(!1),l=t.computed(()=>r.actionButtonDisabled?!0:r.confirmationText?r.confirmationText!==s.value:!1),d=t.computed(()=>r.confirmationPrompt.split("{confirmationText}")),u=()=>{l.value?c.value=!0:o("proceed")};return t.watch(()=>r.visible,f=>{f||(s.value="",c.value=!1)}),t.watch(s,f=>{f&&f===r.confirmationText&&(c.value=!1)}),(f,p)=>(t.openBlock(),t.createBlock(ps,t.mergeProps({...i.value,...e.modalAttributes},{"action-button-appearance":e.actionButtonAppearance,"action-button-disabled":l.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:p[1]||(p[1]=m=>f.$emit("cancel")),onProceed:p[2]||(p[2]=m=>f.$emit("proceed"))}),t.createSlots({default:t.withCtx(()=>[f.$slots.default||e.message?(t.openBlock(),t.createElementBlock("div",gO,[t.renderSlot(f.$slots,"default",{},()=>[t.createElementVNode("p",yO,t.toDisplayString(e.message),1)],!0)])):t.createCommentVNode("",!0),e.confirmationText?(t.openBlock(),t.createElementBlock("div",bO,[t.createElementVNode("p",vO,[t.createTextVNode(t.toDisplayString(d.value[0])+" ",1),t.createElementVNode("span",wO,'"'+t.toDisplayString(e.confirmationText)+'"',1),t.createTextVNode(" "+t.toDisplayString(d.value[1]?d.value[1]:""),1)]),t.createVNode(un,{modelValue:s.value,"onUpdate:modelValue":p[0]||(p[0]=m=>s.value=m),"aria-label":`${d.value[0]}'${e.confirmationText}'${d.value[1]?d.value[1]:""}`,autocapitalize:"off",autocomplete:"off","data-testid":"confirmation-input",error:c.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},[f.$slots.title?{name:"title",fn:t.withCtx(()=>[t.renderSlot(f.$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-8d8a17b7"]]),kO=["aria-checked","checked","disabled"],CO={key:0,class:"radio-description"},SO=["for","tabindex"],$O={key:0,class:"card-content-wrapper"},xO={key:1,class:"radio-label"},DO={key:2,class:"radio-description"},EO={inheritAttrs:!1},BO=t.defineComponent({...EO,__name:"KRadio",props:{modelValue:{type:[String,Number,Boolean,Object,null],required:!0},label:{type:String,default:""},labelAttributes:{type:Object,default:()=>({}),validator:e=>(e.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"),!0)},description:{type:String,default:""},selectedValue:{type:[String,Number,Boolean,Object],required:!0},error:{type:Boolean,default:!1},card:{type:Boolean,default:!1},type:{type:String,default:"",validator:e=>(e&&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"),Xs.includes(e))}},emits:["change","update:modelValue"],setup(e,{emit:n}){const r=e,a=t.useSlots(),o=t.useAttrs(),i=o.id?String(o.id):Ue(),s=t.computed(()=>(o==null?void 0:o.disabled)!==void 0&&String(o==null?void 0:o.disabled)!=="false"),c=t.computed(()=>!!(r.label||a.default)),l=t.computed(()=>c.value&&(!!r.description||!!a.description)),d=t.computed(()=>!!r.label&&(!!r.description||!!a.description)),u=t.computed(()=>!!a.tooltip),f=t.computed(()=>r.selectedValue===r.modelValue),p=n,m=()=>{p("change",r.selectedValue),p("update:modelValue",r.selectedValue)},g=t.computed(()=>{const C={...o};return delete C.class,C}),v=t.computed(()=>({disabled:s.value,"radio-card":r.card||r.type==="card","input-error":r.error,checked:f.value,"has-description":l.value}));return(C,y)=>{const b=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-radio",[C.$attrs.class?C.$attrs.class:"",v.value]])},[t.withDirectives(t.createElementVNode("input",t.mergeProps(g.value,{"aria-checked":f.value,checked:f.value,class:"radio-input",disabled:s.value,type:"radio",onClick:m}),null,16,kO),[[b,{id:t.unref(i)}]]),!e.card&&(e.label||C.$slots.default)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["radio-label-wrapper",{"has-description":l.value}])},[t.withDirectives((t.openBlock(),t.createBlock(dn,t.mergeProps(e.labelAttributes,{class:"radio-label"}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(C.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.label),1)],!0)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(C.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040)),[[b,{for:t.unref(i)}]]),l.value?(t.openBlock(),t.createElementBlock("div",CO,[t.renderSlot(C.$slots,"description",{},()=>[t.createElementVNode("p",null,t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)],2)):e.label||C.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:1,class:t.normalizeClass(["radio-card-wrapper radio-label-wrapper",{"has-label":e.label,"has-description":d.value}]),for:t.unref(i),tabindex:s.value?-1:0,onKeydown:y[0]||(y[0]=t.withKeys(t.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:t.withKeys(m,["space"])},[C.$slots.default?(t.openBlock(),t.createElementBlock("span",$O,[t.renderSlot(C.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0),e.label?(t.openBlock(),t.createElementBlock("span",xO,t.toDisplayString(e.label),1)):t.createCommentVNode("",!0),d.value?(t.openBlock(),t.createElementBlock("span",DO,[t.renderSlot(C.$slots,"description",{},()=>[t.createTextVNode(t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)],42,SO)):t.createCommentVNode("",!0)],2)}}}),cm=me(BO,[["__scopeId","data-v-8ca5f2d2"]]),TO=["aria-selected","data-testid"],NO={class:"select-item-container"},MO=["disabled","value"],AO={class:"select-item-label"},Vo=me(t.defineComponent({__name:"KSelectItem",props:{item:{type:Object,default:null,validator:e=>e.label!==void 0&&e.value!==void 0}},emits:["selected","arrow-down","arrow-up"],setup(e,{emit:n}){const r=e,a=n,o=i=>{if(r.item.disabled){i.stopPropagation();return}a("selected",r.item)};return(i,s)=>(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",NO,[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:o,onKeydown:[s[0]||(s[0]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-down"),["prevent"]),["down"])),s[1]||(s[1]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",AO,[t.renderSlot(i.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,MO)])],8,TO))}}),[["__scopeId","data-v-8e320551"]]),IO={class:"select-group-title"},OO=me(t.defineComponent({__name:"KSelectItems",props:{items:{type:Array,required:!1,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)}},emits:["selected"],setup(e,{expose:n,emit:r}){const a=e,o=r,i=p=>o("selected",p),s=t.computed(()=>{var p;return(p=a.items)==null?void 0:p.filter(m=>!m.group)}),c=t.computed(()=>{var p,m;return[...new Set((m=(p=a.items)==null?void 0:p.filter(g=>g.group))==null?void 0:m.map(g=>g.group))].sort((g,v)=>g.toLowerCase().localeCompare(v.toLowerCase()))}),l=p=>{var m;return(m=a.items)==null?void 0:m.filter(g=>g.group===p)},d=t.ref(null),u=(p=0)=>{var m,g;d.value&&(a.items[p].disabled?u(p+1):(g=(m=d.value[p])==null?void 0:m.$el)==null||g.querySelector("button").focus())},f=(p,m)=>{var y,b,w,k;const g=a.items.findIndex(S=>S.key===p);if(g===-1)return;const v=m==="down"?1:-1;if(m==="down"?g+v<a.items.length:g+v>=0){const S=g+v;a.items[S].disabled?f(a.items[S].key,m):(k=(w=(b=(y=d.value)==null?void 0:y[S])==null?void 0:b.$el)==null?void 0:w.querySelector("button"))==null||k.focus()}};return n({setFocus:u}),(p,m)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,g=>(t.openBlock(),t.createBlock(Vo,{key:g.key,ref_for:!0,ref_key:"kSelectItem",ref:d,item:g,onArrowDown:()=>f(g.key,"down"),onArrowUp:()=>f(g.key,"up"),onSelected:i},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:g},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.value,g=>(t.openBlock(),t.createElementBlock("div",{key:`${g}-group`,class:"select-group","data-propagate-clicks":"false"},[t.createElementVNode("span",IO,t.toDisplayString(g),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l(g),v=>(t.openBlock(),t.createBlock(Vo,{key:v.key,ref_for:!0,ref_key:"kSelectItem",ref:d,item:v,onArrowDown:()=>f(v.key,"down"),onArrowUp:()=>f(v.key,"up"),onSelected:i},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:v},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128))]))),128))],64))}}),[["__scopeId","data-v-136d70ae"]]),PO=["aria-live"],VO={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},_O={key:1,class:"select-items-container","data-propagate-clicks":"false"},LO={class:"select-item-description"},zO={key:2,class:"dropdown-footer dropdown-footer-static"},RO={key:2,class:"select-empty","data-propagate-clicks":"false"},FO={key:0,class:"dropdown-footer dropdown-footer-sticky"},dm=me(t.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{type:[String,Number],default:""},kpopAttributes:{type:Object,default:()=>({popoverClasses:""})},dropdownMaxHeight:{type:String,default:"300"},label:{type:String,default:""},labelAttributes:{type:Object,default:()=>({})},width:{type:String,default:"100%"},placeholder:{type:String,default:""},items:{type:Array,required:!1,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)},enableFiltering:{type:Boolean,default:!1},filterFunction:{type:Function,default:e=>{var n;return(n=e==null?void 0:e.items)==null?void 0:n.filter(r=>{var a,o;return(o=r.label)==null?void 0:o.toLowerCase().includes((a=e.query)==null?void 0:a.toLowerCase())})}},loading:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},dropdownFooterText:{type:String,default:""},dropdownFooterTextPosition:{type:String,default:"sticky"},reuseItemTemplate:{type:Boolean,default:!1},enableItemCreation:{type:Boolean,default:!1},itemCreationValidator:{type:Function,default:()=>!0},error:{type:Boolean,default:!1},help:{type:String,default:""}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(e,{emit:n}){t.useCssVars(F=>({efaef080:W.value,"4b613c01":$.value,f0c65122:E.value}));const{getSizeFromString:r,stripRequiredLabel:a}=Xe(),o=e,i=n,s=t.useAttrs(),c=t.useSlots(),l=t.ref(!1),d=t.ref(),u=t.computed(()=>{var F;return!!((F=o.labelAttributes)!=null&&F.info||c["label-tooltip"])}),f=t.computed(()=>s.required!==void 0&&String(s.required)!=="false"),p=t.computed(()=>s.disabled!==void 0&&String(s.disabled)!=="false"),m=t.computed(()=>s.readonly!==void 0&&String(s.readonly)!=="false"),g={popoverClasses:`select-popover ${o.dropdownFooterText||c["dropdown-footer-text"]?`has-${o.dropdownFooterTextPosition}-dropdown-footer`:""}`,popoverTimeout:0,placement:"bottom-start",hideCaret:!0},v=t.ref(0),C=t.ref(null),y=t.ref(null),b=t.computed(()=>a(o.label,f.value)),w=t.ref(!1),k=t.ref(""),S=t.computed(()=>{var F,ee;return!(!k.value||(ee=(F=V.value)==null?void 0:F.filter(ye=>ye.label===k.value))!=null&&ee.length)}),D=Ue(),B=t.ref(null),V=t.ref([]),L=t.ref(!1),_=t.ref(),I=t.ref(),P=t.computed({get(){return o.modelValue},set(F){var ye;const ee=(ye=V.value)==null?void 0:ye.filter(be=>be.value===F);ee!=null&&ee.length?ge(ee[0]):F||Ce()}}),$=t.computed(()=>r(o.width||"100%")),E=t.ref(""),T=t.computed(()=>{const F={...s};return delete F.class,F}),z=t.computed(()=>({...g,...o.kpopAttributes,popoverClasses:`${g.popoverClasses} ${o.kpopAttributes.popoverClasses}`,width:String(E.value),maxWidth:String(E.value),disabled:p.value||m.value})),W=t.computed(()=>r(o.dropdownMaxHeight)),Y=t.computed(()=>({...z.value})),H=t.computed(()=>o.placeholder||s.placeholder||"Select..."),A=t.computed(()=>!p.value&&o.clearable&&!!B.value),Q=t.computed(()=>!!(B.value&&(c["selected-item-template"]||o.reuseItemTemplate&&c["item-template"]))),G=t.computed(()=>{let F=[];!o.enableFiltering||o.filterFunction({query:k.value,items:V.value})===!0?F=V.value:F=o.filterFunction({query:k.value,items:V.value});const ee=F.filter(be=>!be.group),ye=F.filter(be=>be.group).sort((be,de)=>be.group.toLowerCase().localeCompare(de.group.toLowerCase()));return[...ee,...ye]}),oe=F=>{if(!o.enableFiltering)return F.preventDefault(),!1},ae=F=>{!G.value.length&&o.enableItemCreation&&se(),F.preventDefault()},se=()=>{var ye,be;if(!o.enableItemCreation||!k.value||!S.value||!o.itemCreationValidator(k.value))return;const F=(((ye=V.value)==null?void 0:ye.length)||0)+1,ee={label:Oo(k.value),value:Ue(),key:`${(be=Oo(k.value).replace(/ /gi,"-"))==null?void 0:be.replace(/[^a-z0-9-_]/gi,"")}-${F}`,custom:!0};i("item-added",ee),ge(ee,!0),k.value=""},ge=(F,ee)=>{var ye,be;ee&&((ye=V.value)==null||ye.push(F)),(be=V.value)==null||be.forEach((de,Me)=>{var K,ie,ce;de.key===F.key?(de.selected=!0,de.key=(K=de==null?void 0:de.key)!=null&&K.includes("-selected")?de.key:`${de.key}-selected`,B.value=de):de.selected?(de.selected=!1,de.key=(ie=de==null?void 0:de.key)==null?void 0:ie.replace(/-selected/gi,""),de.custom&&((ce=V.value)==null||ce.splice(Me,1),i("item-removed",de))):de.selected=!1}),w.value=!0,k.value=F.label},Ce=()=>{var F;(F=V.value)==null||F.forEach((ee,ye)=>{var be,de;ee.selected=!1,ee.key=(be=ee==null?void 0:ee.key)==null?void 0:be.replace(/-selected/gi,""),ee.custom&&((de=V.value)==null||de.splice(ye,1),i("item-removed",ee))}),B.value=null,k.value="",i("input",null),i("change",null),i("update:modelValue",null)},ve=t.ref(null),$e=(F,ee)=>{var be,de;if(F.keyCode===27){ee.value=!1;return}const ye=(be=I.value)==null?void 0:be.children[0];!ee.value&&ye&&ye.click(),(F.code==="ArrowDown"||F.code==="ArrowUp")&&ee.value&&((de=ve.value)==null||de.setFocus())},ze=F=>{k.value!==F&&(k.value=F)},Te=()=>{L.value=!0},Ne=()=>{L.value=!1},Pe=()=>{var F,ee,ye;o.enableFiltering||(ye=(ee=(F=C.value)==null?void 0:F.$el)==null?void 0:ee.querySelector("input"))==null||ye.blur()},Ve=F=>{var ee;(p.value||((ee=F==null?void 0:F.target)==null?void 0:ee.dataset.propagateClicks)==="false")&&F.stopPropagation()},R=F=>{F()},q=(F,ee)=>{l.value=!1,B.value?(w.value=!0,k.value=B.value.label):k.value="",ee&&F()},ne=F=>{l.value=!0,o.enableFiltering&&(k.value=""),F()},ue=()=>{var F,ee,ye,be,de;if(!s.id){const Me=(ye=(ee=(F=C.value)==null?void 0:F.$el)==null?void 0:ee.querySelector("input"))==null?void 0:ye.id;Me&&((de=(be=y.value)==null?void 0:be.$el)==null||de.setAttribute("for",Me))}};return t.watch(P,(F,ee)=>{var ye;if(F!==ee){const be=(ye=V.value)==null?void 0:ye.filter(de=>de.value===F);be!=null&&be.length?ge(be[0]):F||Ce()}}),t.watch(()=>o.items,(F,ee)=>{var ye,be,de,Me,K;if(JSON.stringify(F)!==JSON.stringify(ee)){V.value=JSON.parse(JSON.stringify(o.items)),(ye=V.value)!=null&&ye.length&&(B.value=null);for(let ie=0;ie<((be=V.value)==null?void 0:be.length);ie++){V.value[ie].selected===void 0&&(V.value[ie].selected=!1);let ce=`${(Me=(de=V.value[ie].label)==null?void 0:de.replace(/ /gi,"-"))==null?void 0:Me.replace(/[^a-z0-9-_]/gi,"")}-${ie}`;ce.includes("undefined")&&(ce=`select-item-label-${ie}`),V.value[ie].key=ce,(V.value[ie].value===o.modelValue||V.value[ie].selected)&&(V.value[ie].selected=!0,B.value=V.value[ie],V.value[ie].key+="-selected",L.value||(w.value=!0,k.value=B.value.label)),((K=B.value)==null?void 0:K.value)===V.value[ie].value&&(V.value[ie].selected=!0)}_.value&&typeof _.value.updatePopper=="function"&&t.nextTick(()=>{_.value.updatePopper()})}},{deep:!0,immediate:!0}),t.watch(k,F=>{w.value&&F||(i("query-change",F),w.value=!1)}),t.watch(B,(F,ee)=>{F&&F!==ee&&(i("selected",F),i("input",F.value),i("change",F),i("update:modelValue",F.value))},{deep:!0}),t.watch(()=>s.id,async()=>{v.value++,await t.nextTick(),ue()},{immediate:!0}),t.onMounted(()=>{I.value&&(d.value=Wn.create(()=>{var F;E.value=`${(F=I.value)==null?void 0:F.offsetWidth}px`}),d.value.observe(I.value)),ue(),ka(document,"keydown",F=>{var ee,ye;!o.enableFiltering&&((ee=document.activeElement)==null?void 0:ee.tagName)==="BODY"&&!L.value&&l.value&&(F.code==="ArrowDown"||F.code==="ArrowUp")&&(F.preventDefault(),(ye=ve.value)==null||ye.setFocus())})}),t.onUnmounted(()=>{var F;I.value&&((F=d.value)==null||F.unobserve(I.value))}),(F,ee)=>{const ye=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-select",[F.$attrs.class]])},[e.label?(t.openBlock(),t.createBlock(dn,t.mergeProps({key:0,ref_key:"labelElement",ref:y},e.labelAttributes,{"data-testid":"select-label",for:F.$attrs.id?String(F.$attrs.id):void 0,required:f.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(b.value)+" ",1)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(F.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):t.createCommentVNode("",!0),t.createVNode(t.unref(Kr),null,{default:t.withCtx(({toggle:be,isToggled:de})=>[t.createVNode(Kn,t.mergeProps({ref_key:"popperElement",ref:_},Y.value,{"close-on-popover-click":"","hide-close-icon":"",onClose:()=>q(be,de.value),onOpen:()=>ne(be),onPopoverClick:()=>R(be)}),{content:t.withCtx(()=>[t.createElementVNode("div",{"aria-live":e.enableFiltering?"polite":"off"},[e.enableFiltering&&e.loading?(t.openBlock(),t.createElementBlock("div",VO,[t.renderSlot(F.$slots,"loading",{},()=>[t.createVNode(t.unref(Wr),{class:"loading-icon",title:"Loading"})],!0)])):(t.openBlock(),t.createElementBlock("div",_O,[t.createVNode(OO,{ref_key:"kSelectItems",ref:ve,items:G.value,onSelected:ge},{content:t.withCtx(({item:Me})=>[t.renderSlot(F.$slots,"item-template",{class:"select-item-label select-item-desc",item:Me},void 0,!0)]),_:3},8,["items"]),!G.value.length&&!F.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(Vo,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):t.createCommentVNode("",!0),!G.value.length&&S.value&&!F.$slots.empty&&e.enableItemCreation?(t.openBlock(),t.createBlock(Vo,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${k.value} (Add new value)`,value:"add_item",disabled:!e.itemCreationValidator(k.value)},onSelected:se},{content:t.withCtx(()=>[t.createElementVNode("div",LO,[t.createTextVNode(t.toDisplayString(k.value)+" ",1),ee[1]||(ee[1]=t.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):t.createCommentVNode("",!0),(e.dropdownFooterText||F.$slots["dropdown-footer-text"])&&e.dropdownFooterTextPosition==="static"?(t.openBlock(),t.createElementBlock("div",zO,[t.renderSlot(F.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)])),!e.loading&&!G.value.length&&F.$slots.empty?(t.openBlock(),t.createElementBlock("div",RO,[t.renderSlot(F.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],8,PO),(e.dropdownFooterText||F.$slots["dropdown-footer-text"])&&e.dropdownFooterTextPosition==="sticky"?(t.openBlock(),t.createElementBlock("div",FO,[t.renderSlot(F.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.withDirectives((t.openBlock(),t.createElementBlock("div",{ref_key:"selectWrapperElement",ref:I,class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:Ve},[(t.openBlock(),t.createBlock(un,t.mergeProps({key:v.value,ref_key:"inputElement",ref:C,autocapitalize:"off",autocomplete:"off",class:["select-input",{"filtering-disabled":!e.enableFiltering,"hide-model-value":Q.value&&(!e.enableFiltering||!de.value),"input-has-focus":L.value||de.value}],"data-testid":"select-input",disabled:p.value,error:e.error,"model-value":k.value,placeholder:B.value&&!e.enableFiltering?B.value.label:H.value,readonly:m.value},t.unref(s).id?{id:String(t.unref(s).id),...T.value}:{...T.value},{onBlur:Ne,onClick:Pe,onFocus:Te,onKeydown:t.withKeys(ae,["enter"]),onKeypress:oe,onKeyup:[Me=>$e(Me,de),ee[0]||(ee[0]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ze}),t.createSlots({after:t.withCtx(()=>[A.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:Ce},[t.createVNode(t.unref(Nt),{decorative:""})])):t.createCommentVNode("",!0),t.createVNode(t.unref(Oa),{class:t.normalizeClass(["chevron-down-icon",{disabled:p.value}]),decorative:""},null,8,["class"])]),_:2},[t.unref(c).before?{name:"before",fn:t.withCtx(()=>[t.renderSlot(F.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,F.$slots["label-tooltip"]?{name:"label-tooltip",fn:t.withCtx(()=>[t.renderSlot(F.$slots,"label-tooltip",{},void 0,!0)]),key:"1"}:void 0]),1040,["class","disabled","error","model-value","placeholder","readonly","onKeyup"])),t.createVNode(t.Transition,{name:"kongponents-fade-transition"},{default:t.withCtx(()=>[Q.value&&(!e.enableFiltering||!de.value)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["custom-selected-item-wrapper",{clearable:e.clearable}])},[t.renderSlot(F.$slots,"selected-item-template",{item:B.value},()=>[t.renderSlot(F.$slots,"item-template",{item:B.value},void 0,!0)],!0)],2)):t.createCommentVNode("",!0)]),_:2},1024)])),[[ye,{id:t.unref(D)}]])]),_:2},1040,["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-f830882d"]]),YO={class:"k-slideout"},HO={class:"slideout-header"},qO={key:0,class:"slideout-title","data-testid":"slideout-title"},KO={class:"slideout-content"},um=me(t.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean,default:!1},closeButtonAlignment:{type:String,default:"start",validator:e=>["start","end"].includes(e)},hasOverlay:{type:Boolean,default:!0},offsetTop:{type:[Number,String],default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{type:String,default:""},maxWidth:{type:String,required:!1,default:"500px"},zIndex:{type:Number,default:9999}},emits:["close"],setup(e,{emit:n}){t.useCssVars(d=>({ad524a00:s.value,"5f5605b1":r.maxWidth,fa7fc4ae:e.zIndex}));const r=e,a=n,{getSizeFromString:o}=Xe(),i=t.ref(null),s=t.computed(()=>typeof r.offsetTop=="number"?o(String(r.offsetTop)):r.offsetTop);tO(i,d=>{d.isTrusted&&r.closeOnBlur&&a("close")});const c=(d,u=!1)=>{(r.visible&&d.keyCode===27&&r.closeOnEscape||u)&&a("close")},l=d=>{typeof document<"u"&&(d?document==null||document.addEventListener("keydown",c):document==null||document.removeEventListener("keydown",c))};return t.watch(()=>r.visible,async d=>{l(!!d)},{immediate:!0}),t.onUnmounted(()=>{l(!1)}),(d,u)=>(t.openBlock(),t.createElementBlock("div",YO,[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",{key:0,ref_key:"slideoutContainerElement",ref:i,class:"slideout-container","data-testid":"slideout-container"},[t.createElementVNode("div",HO,[e.title||d.$slots.title?(t.openBlock(),t.createElementBlock("div",qO,[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:u[0]||(u[0]=t.withModifiers(f=>d.$emit("close"),["stop"]))},[t.createVNode(t.unref(Nt),{color:`var(--kui-color-text-neutral, ${t.unref(Wt)})`,decorative:""},null,8,["color"])])]),t.createElementVNode("div",KO,[t.renderSlot(d.$slots,"default",{},void 0,!0)])],512)):t.createCommentVNode("",!0)]),_:3})]))}}),[["__scopeId","data-v-6cd03797"]]),WO=["aria-current","data-testid"],UO={class:"step-circle"},jO=me(t.defineComponent({__name:"KStep",props:{label:{type:String,required:!0},state:{type:String,default:"default",validator:e=>nc.includes(e)},maxLabelWidth:{type:String,default:"170"}},setup(e){const{getSizeFromString:n}=Xe(),r=e,a=t.computed(()=>({maxWidth:n(r.maxLabelWidth)}));return(o,i)=>(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",UO,[e.state==="completed"?(t.openBlock(),t.createBlock(t.unref(uh),{key:0,color:`var(--kui-color-text-inverse, ${t.unref(ii)})`,size:t.unref(yt),title:"Completed"},null,8,["color","size"])):e.state==="pending"?(t.openBlock(),t.createBlock(t.unref(Wr),{key:1,color:`var(--kui-color-text-primary, ${t.unref(Wh)})`,size:t.unref(yt),title:"Pending"},null,8,["color","size"])):e.state==="error"?(t.openBlock(),t.createBlock(t.unref(Nt),{key:2,color:`var(--kui-color-text-inverse, ${t.unref(ii)})`,size:t.unref(yt),title:"Error"},null,8,["color","size"])):t.createCommentVNode("",!0)]),t.createElementVNode("span",{class:"step-label",style:t.normalizeStyle(a.value)},t.toDisplayString(e.label),5)],2)],8,WO))}}),[["__scopeId","data-v-3d0e3f71"]]),GO={key:0,class:"k-stepper"},fm=me(t.defineComponent({__name:"KStepper",props:{steps:{type:Array,required:!0,validator:e=>!e.length||e.every(n=>n.label!==void 0)},maxLabelWidth:{type:String,default:"170"}},setup(e){return(n,r)=>e.steps&&e.steps.length?(t.openBlock(),t.createElementBlock("ol",GO,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.steps,a=>(t.openBlock(),t.createBlock(jO,{key:`step-${a.label.replace(/ /gi,"-")}`,label:a.label,"max-label-width":e.maxLabelWidth,state:a.state},null,8,["label","max-label-width","state"]))),128))])):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-2a46c6a5"]]),QO={class:"table-column-visibility-menu"},ZO={class:"apply-button-wrapper"},pm=me(t.defineComponent({__name:"ColumnVisibilityMenu",props:{columns:{type:Array,required:!0},tableId:{type:String,required:!0},visibilityPreferences:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1}},emits:["update"],setup(e,{emit:n}){const r=n,a=e,o=t.ref(!1),i=t.ref({}),s=t.ref(!1),c=t.ref(),l=t.ref(""),d=()=>{i.value=a.columns.reduce((v,C)=>(v[C.key]=a.visibilityPreferences[C.key]===void 0?!0:a.visibilityPreferences[C.key],v),{}),s.value=!1},u=hd(v=>{l.value=v,c.value&&g(c.value)},500),f=t.computed(()=>l.value?a.columns.filter(v=>(v.label?v.label:v.key).toLowerCase().includes(l.value.toLowerCase())):a.columns),p=()=>{r("update",JSON.parse(JSON.stringify(i.value))),s.value=!1,l.value=""},m=v=>{o.value=v,v&&c.value&&t.nextTick(()=>{c.value&&g(c.value)}),!v&&s.value&&d(),v||(l.value="")},g=v=>{if(!(v.scrollHeight>v.clientHeight)){v.classList.remove("is-bottom-overflowing");return}const y=v.scrollHeight<v.clientHeight+v.scrollTop+1;v.classList.toggle("is-bottom-overflowing",!y)};return t.watch(()=>a.visibilityPreferences,()=>{d()},{immediate:!0}),t.onMounted(()=>{c.value&&(c.value.addEventListener("scroll",v=>{const C=v.currentTarget;g(C)}),g(c.value))}),t.onBeforeMount(()=>{d()}),(v,C)=>{const y=t.resolveComponent("KTooltip"),b=t.resolveComponent("KLabel");return t.openBlock(),t.createElementBlock("div",QO,[t.createVNode(Tn,{"data-testid":"table-column-visibility-menu",disabled:e.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:m},{items:t.withCtx(()=>[l.value||f.value.length>5?(t.openBlock(),t.createBlock(un,{key:0,modelValue:l.value,"onUpdate:modelValue":C[1]||(C[1]=w=>l.value=w),modelModifiers:{trim:!0},autocomplete:"off",class:"search-input","data-testid":"search-input",placeholder:"Search columns",type:"search",onClick:C[2]||(C[2]=t.withModifiers(()=>{},["stop"])),onInput:t.unref(u)},t.createSlots({before:t.withCtx(()=>[t.createVNode(t.unref(ai),{decorative:""})]),_:2},[l.value?{name:"after",fn:t.withCtx(()=>[t.createVNode(Oe,{appearance:"tertiary","aria-label":"Clear search",class:"clear-search","data-testid":"clear-search-button",icon:"",size:"small",onClick:C[0]||(C[0]=t.withModifiers(()=>l.value="",["stop"]))},{default:t.withCtx(()=>[t.createVNode(t.unref(Nt),{decorative:""})]),_:1})]),key:"0"}:void 0]),1032,["modelValue","onInput"])):t.createCommentVNode("",!0),t.createElementVNode("div",{ref_key:"menuItemsRef",ref:c,class:"menu-items-wrapper"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(f.value,w=>(t.openBlock(),t.createBlock(Wa,{key:w.key,class:"column-visibility-menu-item","data-testid":`column-visibility-menu-item-${w.key}`,onClick:t.withModifiers(()=>{i.value[w.key]=!i.value[w.key],s.value=!0},["stop"])},{default:t.withCtx(()=>[t.createVNode(Xr,{modelValue:i.value[w.key],"onUpdate:modelValue":k=>i.value[w.key]=k,"aria-labelledby":`${e.tableId}-${w.key}-visibility-checkbox-label`,"data-testid":`column-visibility-checkbox-${w.key}`},null,8,["modelValue","onUpdate:modelValue","aria-labelledby","data-testid"]),t.createVNode(b,{id:`${e.tableId}-${w.key}-visibility-checkbox-label`,class:"visibility-checkbox-label",title:w.label},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(w.label),1)]),_:2},1032,["id","title"])]),_:2},1032,["data-testid","onClick"]))),128))],512),t.createElementVNode("div",ZO,[t.createVNode(Oe,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:p},{default:t.withCtx(()=>C[3]||(C[3]=[t.createTextVNode(" Apply ")])),_:1})])]),default:t.withCtx(()=>[t.createVNode(y,{placement:"bottom-end",text:o.value?void 0:"Show/Hide Columns"},{default:t.withCtx(()=>[t.createVNode(Oe,{appearance:"secondary","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(Vh),{decorative:""})]),_:1},8,["disabled"])]),_:1},8,["text"])]),_:1},8,["disabled"])])}}}),[["__scopeId","data-v-5529cef4"]]),XO={class:"k-table"},JO={key:0,class:"table-toolbar","data-testid":"table-toolbar"},e8={key:0,class:"toolbar-default-items-container"},t8={key:2,class:"table-error-state","data-testid":"table-error-state"},n8={key:3,class:"table-empty-state","data-testid":"table-empty-state"},r8={key:4},a8=["aria-sort","data-testid","onClick","onMouseover"],o8=["onMousedown","onMouseover"],i8=["aria-describedby"],l8=["onMousedown","onMouseover"],s8=["role","tabindex"],c8=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:Tt.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(U=>({"0a4cd553":Ve.value}));const{useDebounce:r,useRequest:a,useSwrvState:o,clientSideSorter:i,getSizeFromString:s}=Xe(),c=e,l=n,d=t.useAttrs(),u=t.useSlots(),f=Ue(),p={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},m=t.ref([]),g=t.ref(),v=t.ref([]),C=t.ref([]),y=t.ref(""),b=t.ref(""),w=t.ref(""),k=t.computed(()=>v.value.filter(U=>U.hidable).length>0),S=t.computed(()=>!!(k.value&&!c.error&&!Ze.value&&!c.loading&&m.value&&m.value.length)),D=t.computed(()=>v.value.filter(U=>U.hidable)),B=t.computed(()=>S.value?c.tablePreferences.columnVisibility||{}:{}),V=t.ref(S.value?c.tablePreferences.columnVisibility||{}:{}),L=t.ref(0),_=t.ref(!1),I=t.ref(1),P=t.ref(15),$=t.ref(""),E=t.ref(""),T=t.ref("desc"),z=t.ref(null),W=t.ref([]),Y=t.ref(!0),H=t.ref(!1),A=t.ref(!1),Q=t.computed(()=>!!u.toolbar||S.value),G=t.computed(()=>({maxHeight:s(c.maxHeight)})),oe=U=>`column-${U}`,ae=U=>`tooltip-${U}`,se=U=>U,ge=(U,re)=>(xe,le)=>{const qe=/^on[^a-z]/,De={};for(const tt in re)qe.test(tt)&&re[tt]&&(De[tt]=re[tt]);return Object.keys(De).reduce((tt,Cn)=>{if(Cn.indexOf(U)===0){const gt=Cn.split(U);tt[gt[1]]=Ct=>De[Cn](Ct,xe,le)}return tt},{})},Ce=t.computed(()=>(U,re)=>{const xe=ge("onRow:",d)(re,"row"),le=ge("onCell:",d)(U,"cell"),qe=["a","button","label","input","select"];return xe.click&&(H.value=!0),{...xe,...le,click(De){const tt=De.target.className;let Cn=qe.includes(De.target.tagName.toLowerCase()),gt=!1;typeof tt=="string"||Array.isArray(tt)?gt=tt.includes("k-popover"):typeof tt=="object"&&(gt=Object.keys(tt).includes("k-popover")),De.target.closest(".popover-content")!==null&&(gt=!0);for(let Ct=0;Ct<qe.length;Ct++)if(De.target.closest(qe[Ct])!==null){Cn=!0;break}if((!Cn||De.target.hasAttribute("disabled"))&&!gt&&(xe.click||le.click))if(le.click){l("cell-click",{data:U});const Ct=le.click(De,U,"cell");typeof Ct=="function"&&Ct(De,U)}else{l("row-click",{data:re});const Ct=xe.click(De,re,"row");typeof Ct=="function"&&Ct(De,re)}}}}),ve=t.ref(c.resizeColumns?c.tablePreferences.columnWidths||{}:{}),$e=t.computed(()=>{const U={};for(const re in ve.value){if(!ve.value[re])continue;const xe=ve.value[re]+"px";U[re]={width:xe,maxWidth:xe,minWidth:xe}}return U}),ze=(U,re)=>({"resize-hover":Ne.value===U.key&&c.resizeColumns&&re!==C.value.length-1,resizable:c.resizeColumns,sortable:c.sortable&&!U.hideLabel&&!!U.sortable,"active-sort":c.sortable&&!U.hideLabel&&!!U.sortable&&U.key===E.value,[T.value]:c.sortable&&U.key===E.value&&!U.hideLabel,"is-scrolled":_.value,"has-tooltip":!!U.tooltip}),Te=t.computed(()=>y.value?"resizing":b.value?"resize-hover":w.value?"th-hover":""),Ne=t.computed(()=>{switch(Te.value){case"resizing":return y.value;case"resize-hover":return b.value;case"th-hover":return w.value;default:return""}}),Pe=t.computed(()=>{var U;return(U=g.value)==null?void 0:U.querySelectorAll("th.resizable")}),Ve=t.computed(()=>{var re;const U=(re=Pe.value)==null?void 0:re.item(0);if(U){const xe=window==null?void 0:window.getComputedStyle(U);if(xe!=null&&xe.height)return`${parseInt(xe.height,10)}px`}return"auto"}),R=(U,re)=>{var Cn;if(U.button!==0)return;let xe=0,le=0;y.value=re;let qe=null;(Cn=Pe.value)==null||Cn.forEach(gt=>{gt.getAttribute("data-testid")===`table-header-${re}`&&(qe=document==null?void 0:document.querySelector(`[data-tableid="${f}"] [data-testid="table-header-${re}"]`))});const De=gt=>{const Ct=gt.clientX-xe;qe==null||qe.setAttribute("style",`width: ${le+Ct}px`),ve.value[re]=le+Ct},tt=()=>{y.value="",document==null||document.removeEventListener("mousemove",De),document==null||document.removeEventListener("mouseup",tt),fe()};if(xe=U.clientX,qe){const gt=window==null?void 0:window.getComputedStyle(qe);gt!=null&&gt.width&&(le=parseInt(gt.width,10)),document==null||document.addEventListener("mousemove",De),document==null||document.addEventListener("mouseup",tt)}},q=t.ref(!0),ne=async()=>{var xe,le;const U=c.searchInput,re=await c.fetcher({pageSize:P.value,page:I.value,query:U||$.value,sortColumnKey:E.value,sortColumnOrder:T.value,offset:z.value});return m.value=re.data,L.value=c.paginationTotalItems||re.total||((xe=re.data)==null?void 0:xe.length),c.paginationOffset&&((le=re.pagination)!=null&&le.offset?(ee.value=re.pagination.offset,W.value[I.value]||W.value.push(re.pagination.offset)):ee.value=null,Y.value=re.pagination&&"hasNextPage"in re.pagination?re.pagination.hasNextPage:!0),m.value.length===0&&I.value>1&&(I.value=1,W.value=[null],z.value=null),q.value=!1,re},ue=()=>{const U={...p,...c.initialFetcherParams};I.value=U.page??p.page,P.value=U.pageSize??p.pageSize,$.value=U.query??p.query,E.value=U.sortColumnKey??p.sortColumnKey,T.value=U.sortColumnOrder??p.sortColumnOrder,c.clientSort&&E.value&&T.value&&i(E.value,"",T.value,m.value),c.paginationOffset&&(z.value=U.offset,W.value.push(U.offset)),c.headers&&c.headers.length&&(v.value=c.headers),A.value=!0};t.watch(()=>c.headers,U=>{U&&U.length&&(v.value=U)},{deep:!0});const F=t.computed(()=>W.value[I.value-1]),ee=t.ref(null),ye=t.computed(()=>{if(!c.fetcher||!A.value)return"";let U=f;return c.cacheIdentifier&&(U=c.cacheIdentifier),c.fetcherCacheKey&&(U+=`-${c.fetcherCacheKey}`),`k-table_${U}`}),be=t.ref(""),{debouncedFn:de,generateDebouncedFn:Me}=r(U=>{be.value=U},350),K=Me(0),{data:ie,error:ce,revalidate:Ae,isValidating:_e}=a(()=>ye.value,()=>ne(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:rt,hasData:Kt,swrvState:Bt}=o(ie,ce,_e),Ze=t.ref(!0),ht=t.computed(()=>({hasData:Kt.value,state:rt.value})),kt=t.computed(()=>Ze.value?"loading":ce.value?"error":"success"),{debouncedFn:X,generateDebouncedFn:M}=r(Ae,500),h=M(0),x=U=>{const{key:re,useSortHandlerFunction:xe}=U,le=E.value+"";I.value=1,E.value?re===E.value?T.value==="asc"?T.value="desc":T.value="asc":(E.value=re,T.value="asc",W.value=[null]):(E.value=re,T.value="asc",W.value=[null]),c.clientSort?xe&&c.sortHandlerFunction?c.sortHandlerFunction({key:re,prevKey:le,sortColumnOrder:T.value,data:m.value}):i(re,le,T.value,m.value):c.paginationOffset||X(),fe()},O=({page:U})=>{I.value=U},N=({pageSize:U})=>{W.value=[null],z.value=null,P.value=U,I.value=1,fe()},j=U=>{U&&U.target&&typeof U.target.scrollTop=="number"&&(U.target.scrollTop>1?_.value=!0:U.target.scrollTop===0&&(_.value=!_.value))},Z=t.computed(()=>({pageSize:P.value,sortColumnKey:E.value,sortColumnOrder:T.value,...c.resizeColumns?{columnWidths:ve.value}:{},...k.value?{columnVisibility:V.value}:{}})),fe=()=>{kt.value==="success"&&l("update:table-preferences",Z.value)},Re=()=>{I.value++,z.value=ee.value},Ye=()=>{I.value--,z.value=F.value},et=t.computed(()=>!!(c.fetcher&&!c.disablePagination&&!(!c.paginationOffset&&c.hidePaginationWhenOptional&&L.value<=c.paginationPageSizes[0])&&!(c.paginationOffset&&c.hidePaginationWhenOptional&&!F.value&&!ee.value&&m.value.length<c.paginationPageSizes[0]))),ot=U=>U.toLowerCase().replace(/[^[a-z0-9]/gi,"-");t.watch([V,v],U=>{const re=U[0],le=U[1].filter(qe=>re[qe.key]!==!1);JSON.stringify(le)!==JSON.stringify(C.value)&&(C.value=le,fe())},{deep:!0,immediate:!0}),t.watch(ie,U=>{U!=null&&U.length&&!m.value.length&&(m.value=U)},{deep:!0,immediate:!0}),t.watch(rt,()=>{switch(rt.value){case Bt.PENDING:Ze.value=!0;break;case Bt.VALIDATING_HAS_DATA:Ze.value=kn.value;break;default:Ze.value=!1;break}},{immediate:!0}),t.watch([ht,kt],U=>{var re;l("state",{state:U==null?void 0:U[1],hasData:(re=U==null?void 0:U[0])==null?void 0:re.hasData})}),t.watch(()=>c.searchInput,U=>{I.value!==1&&(I.value=1),U===""?K(U):de(U)},{immediate:!0});const kn=t.ref(!1);return t.watch([be,I,P],async(U,re)=>{const xe=re==null?void 0:re[0],le=U[0],qe=U[1];le!==xe&&qe!==1&&(I.value=1,W.value=[null],z.value=null),A.value&&!q.value&&(kn.value=!0,le!==""&&le!==xe?await X():await h(),kn.value=!1)},{deep:!0,immediate:!0}),t.watch(S,U=>{U&&(V.value=c.tablePreferences.columnVisibility||{})},{immediate:!0}),t.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
43
43
  We suggest using 'KTableData' component instead.
44
44
  Docs: https://kongponents.konghq.com/components/table-data.html`),ue()}),(U,re)=>{const xe=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",XO,[Q.value?(t.openBlock(),t.createElementBlock("div",JO,[t.renderSlot(U.$slots,"toolbar",{state:ht.value},void 0,!0),S.value?(t.openBlock(),t.createElementBlock("div",e8,[t.createVNode(pm,{columns:D.value,"table-id":t.unref(f),"visibility-preferences":B.value,onUpdate:re[0]||(re[0]=le=>V.value=le)},null,8,["columns","table-id","visibility-preferences"])])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),(Ze.value||e.loading||kn.value)&&!e.error?(t.openBlock(),t.createBlock(Qr,{key:1,"data-testid":"table-skeleton",type:"table"})):e.error?(t.openBlock(),t.createElementBlock("div",t8,[t.renderSlot(U.$slots,"error-state",{},()=>[t.createVNode(Bn,{"icon-variant":"error",message:e.errorStateMessage,title:e.errorStateTitle},t.createSlots({_:2},[e.errorStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Oe,{"data-testid":ot(e.errorStateActionMessage),to:e.errorStateActionRoute?e.errorStateActionRoute:void 0,onClick:re[1]||(re[1]=le=>U.$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&&!Ze.value&&!e.loading&&!kn.value&&m.value&&!m.value.length?(t.openBlock(),t.createElementBlock("div",n8,[t.renderSlot(U.$slots,"empty-state",{},()=>[t.createVNode(Bn,{"icon-variant":e.emptyStateIconVariant,message:e.emptyStateMessage,title:e.emptyStateTitle},t.createSlots({_:2},[e.emptyStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Oe,{appearance:e.searchInput?"tertiary":"primary","data-testid":ot(e.emptyStateActionMessage),to:e.emptyStateActionRoute?e.emptyStateActionRoute:void 0,onClick:re[2]||(re[2]=le=>U.$emit("empty-state-action-click"))},{default:t.withCtx(()=>[t.renderSlot(U.$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",r8,[t.createElementVNode("div",{class:"table-wrapper",style:t.normalizeStyle(G.value),onScrollPassive:j},[t.withDirectives((t.openBlock(),t.createElementBlock("table",{class:t.normalizeClass(["table",{"has-hover":e.rowHover,"is-clickable":H.value}])},[t.createElementVNode("thead",{class:t.normalizeClass({"is-scrolled":_.value})},[t.createElementVNode("tr",{ref_key:"headerRow",ref:g,class:t.normalizeClass({"is-scrolled":_.value})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(C.value,(le,qe)=>(t.openBlock(),t.createElementBlock("th",{key:`table-${t.unref(f)}-headers-${qe}`,"aria-sort":e.sortable&&le.key===E.value?T.value==="asc"?"ascending":"descending":void 0,class:t.normalizeClass(["table-headers",ze(le,qe)]),"data-testid":`table-header-${le.key}`,style:t.normalizeStyle($e.value[le.key]),onClick:()=>{e.sortable&&le.sortable&&(U.$emit("sort",{prevKey:E.value,sortColumnKey:le.key,sortColumnOrder:T.value==="asc"?"desc":"asc"}),x(le))},onMouseleave:re[7]||(re[7]=De=>w.value=""),onMouseover:De=>w.value=le.key},[e.resizeColumns&&qe!==0?(t.openBlock(),t.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:re[3]||(re[3]=t.withModifiers(()=>{},["stop"])),onMousedown:De=>R(De,C.value[qe-1].key),onMouseleave:re[4]||(re[4]=De=>b.value=""),onMouseover:De=>b.value=C.value[qe-1].key},null,40,o8)):t.createCommentVNode("",!0),t.createElementVNode("div",{"aria-describedby":le.tooltip||U.$slots[ae(le.key)]?`${ae(le.key)}-${t.unref(f)}`:void 0,class:t.normalizeClass(["table-headers-container",{resized:y.value===le.key}])},[t.renderSlot(U.$slots,oe(le.key),{column:se(le)},()=>[t.createElementVNode("span",{class:t.normalizeClass(["table-header-label",{"sr-only":le.hideLabel}])},t.toDisplayString(le.label?le.label:le.key),3)],!0),le.tooltip||U.$slots[ae(le.key)]?(t.openBlock(),t.createBlock(Mt,{key:0,"data-testid":ae(le.key),"tooltip-id":`${ae(le.key)}-${t.unref(f)}`},{content:t.withCtx(()=>[t.renderSlot(U.$slots,ae(le.key),{column:se(le)},()=>[t.createTextVNode(t.toDisplayString(le.tooltip),1)],!0)]),default:t.withCtx(()=>[t.createVNode(t.unref(Fn),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${t.unref(Wt)})`,size:t.unref(Ut)},null,8,["color","size"])]),_:2},1032,["data-testid","tooltip-id"])):t.createCommentVNode("",!0),e.sortable&&!le.hideLabel&&le.sortable?(t.openBlock(),t.createBlock(t.unref(ni),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral, ${t.unref(Wt)})`,size:t.unref(Ut)},null,8,["color","size"])):t.createCommentVNode("",!0)],10,i8),e.resizeColumns&&qe!==C.value.length-1?(t.openBlock(),t.createElementBlock("div",{key:1,class:"resize-handle",onClick:re[5]||(re[5]=t.withModifiers(()=>{},["stop"])),onMousedown:De=>R(De,le.key),onMouseleave:re[6]||(re[6]=De=>b.value=""),onMouseover:De=>b.value=le.key},null,40,l8)):t.createCommentVNode("",!0)],46,a8))),128))],2)],2),t.createElementVNode("tbody",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.value,(le,qe)=>(t.openBlock(),t.createElementBlock("tr",t.mergeProps({ref_for:!0},e.rowAttrs(le),{key:`table-${t.unref(f)}-row-${qe}`,role:H.value?"link":null,tabindex:H.value?0:null}),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(C.value,(De,tt)=>(t.openBlock(),t.createElementBlock("td",t.mergeProps({ref_for:!0},e.cellAttrs({headerKey:De.key,row:le,rowIndex:qe,colIndex:tt}),{key:`table-${t.unref(f)}-cell-${tt}`,class:{"resize-hover":e.resizeColumns&&Ne.value===De.key&&tt!==C.value.length-1},style:$e.value[De.key]},t.toHandlers(Ce.value(le[De.key],le),!0)),[t.renderSlot(U.$slots,De.key,{row:se(le),rowKey:qe,rowValue:le[De.key]},()=>[t.createTextVNode(t.toDisplayString(le[De.key]),1)],!0)],16))),128))],16,s8))),128))])],2)),[[xe,{"data-tableid":t.unref(f)}]])],36),et.value?(t.openBlock(),t.createBlock(Zr,{key:0,class:"table-pagination","current-page":I.value,"data-testid":"table-pagination","disable-page-jump":e.disablePaginationPageJump,"initial-page-size":P.value,neighbors:e.paginationNeighbors,offset:e.paginationOffset,"offset-next-button-disabled":!ee.value||!Y.value,"offset-previous-button-disabled":!F.value,"page-sizes":e.paginationPageSizes,"total-count":L.value,onGetNextOffset:Re,onGetPreviousOffset:Ye,onPageChange:O,onPageSizeChange:N},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)]))])}}}),mm=me(c8,[["__scopeId","data-v-1aa082f6"]]),d8={class:"k-tabs"},u8={"aria-label":"Tabs",role:"tablist"},f8=["id"],p8=["aria-controls","aria-selected","tabindex","onClick","onKeydown"],m8=["id","aria-labelledby"],hm=me(t.defineComponent({__name:"KTabs",props:{tabs:{type:Array,required:!0},modelValue:{type:String,default:"",validator:e=>e===""||e.includes("#")&&!e.includes(" ")},hidePanels:{type:Boolean,default:!1},anchorTabindex:{type:Number,default:0,validator:e=>e>=-1&&e<=32767}},emits:["update:modelValue","change"],setup(e,{emit:n}){const r=e,a=n,o=t.ref(r.modelValue?r.modelValue:r.tabs[0].hash),i=l=>{o.value=l,a("change",l),a("update:modelValue",l)},s=l=>l.replace("#",""),c=l=>l.disabled?"-1":typeof r.anchorTabindex=="number"&&r.anchorTabindex>=-1&&r.anchorTabindex<=32767?String(r.anchorTabindex):"0";return t.watch(()=>r.modelValue,l=>{o.value=l,a("change",l),a("update:modelValue",l)}),(l,d)=>(t.openBlock(),t.createElementBlock("div",d8,[t.createElementVNode("ul",u8,[(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:o.value===u.hash}])},[t.createElementVNode("div",{"aria-controls":e.hidePanels?void 0:`panel-${u.hash}`,"aria-selected":e.hidePanels?void 0:o.value===u.hash?"true":"false",class:t.normalizeClass(["tab-link",{"has-panels":!e.hidePanels,disabled:u.disabled}]),role:"tab",tabindex:c(u),onClick:t.withModifiers(f=>u.disabled?void 0:i(u.hash),["prevent"]),onKeydown:[t.withKeys(t.withModifiers(f=>u.disabled?void 0:i(u.hash),["prevent"]),["enter"]),t.withKeys(t.withModifiers(f=>u.disabled?void 0:i(u.hash),["prevent"]),["space"])]},[t.renderSlot(l.$slots,`${s(u.hash)}-anchor`,{},()=>[t.createElementVNode("span",null,t.toDisplayString(u.title),1)],!0)],42,p8)],10,f8))),128))]),e.hidePanels?t.createCommentVNode("",!0):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.tabs,(u,f)=>(t.openBlock(),t.createElementBlock("div",{id:`panel-${f}`,key:u.hash,"aria-labelledby":`${s(u.hash)}-tab`,class:"tab-container",role:"tabpanel"},[o.value===u.hash?t.renderSlot(l.$slots,s(u.hash),{key:0},void 0,!0):t.createCommentVNode("",!0)],8,m8))),128))]))}}),[["__scopeId","data-v-f17c6bd2"]]),h8=["aria-invalid","rows","value"],hs=2048,g8={inheritAttrs:!1},y8=t.defineComponent({...g8,__name:"KTextArea",props:{modelValue:{type:String,default:""},label:{type:String,default:""},overlayLabel:{type:Boolean,default:!1},labelAttributes:{type:Object,default:()=>({})},characterLimit:{type:[Boolean,Number],default:hs,validator:e=>typeof e=="number"?e>0:!0},rows:{type:Number,default:5},error:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},help:{type:String,default:""},isResizable:{type:Boolean,default:!1,validator:e=>(e&&console.warn("KTextArea: the `isResizable` prop is deprecated in favor of the `resizable` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea"),!0)},hasError:{type:Boolean,default:!1,validator:e=>(e&&console.warn("KTextArea: the `hasError` prop is deprecated in favor of the `error` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea"),!0)}},emits:["input","update:modelValue","char-limit-exceeded"],setup(e,{emit:n}){const r=e,a=n,o=t.useAttrs(),i=t.useSlots(),{stripRequiredLabel:s}=Xe(),c=t.computed(()=>(o==null?void 0:o.required)!==void 0&&String(o==null?void 0:o.required)!=="false"),l=t.ref(""),d=t.computed(()=>s(r.label,c.value)),u=t.computed(()=>{var k,S;return!!((k=r.labelAttributes)!=null&&k.help||(S=r.labelAttributes)!=null&&S.info||i["label-tooltip"])}),f=t.computed(()=>r.error||r.hasError||C.value?!0:void 0),p=t.ref(0),m=t.computed({get(){return r.modelValue},set(k){y({target:{value:k}})}}),g=o.id?String(o.id):Ue(),v=t.computed(()=>{const k={...o};return delete k.class,k}),C=t.computed(()=>typeof r.characterLimit=="boolean"?r.characterLimit?l.value.length>hs:!1:l.value.length>r.characterLimit),y=k=>{var D;const S=JSON.parse(JSON.stringify((D=k==null?void 0:k.target)==null?void 0:D.value));a("input",S),a("update:modelValue",S),l.value=S},b=t.computed(()=>{var S;const k=typeof r.characterLimit=="number"?r.characterLimit:hs;return C.value?`${(S=l.value)==null?void 0:S.toString().length} / ${k}`:r.help});t.watch(C,(k,S)=>{k!==S&&(a("char-limit-exceeded",{value:l.value,length:l.value.length,characterLimit:Number(r.characterLimit),limitExceeded:k}),p.value+=1)}),t.watch(m,(k,S)=>{k!==S&&y({target:{value:k}})});const w=()=>l.value?l.value:r.modelValue;return(k,S)=>{const D=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-textarea",[k.$attrs.class,{"input-error":e.error||e.hasError||C.value}]])},[e.label?t.withDirectives((t.openBlock(),t.createBlock(dn,t.mergeProps({key:0},e.labelAttributes,{required:c.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(d.value)+" ",1)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(k.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["required"])),[[D,{for:t.unref(g)}]]):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("textarea",t.mergeProps(v.value,{"aria-invalid":f.value,class:["input-textarea",[e.resizable||e.isResizable?"resizable":void 0]],rows:e.rows,value:w(),onInput:y}),null,16,h8),[[D,{id:t.unref(g)}]]),t.createVNode(t.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:t.withCtx(()=>[b.value?(t.openBlock(),t.createElementBlock("p",{key:String(p.value),class:"help-text"},t.toDisplayString(b.value),1)):t.createCommentVNode("",!0)]),_:1})],2)}}}),gm=me(y8,[["__scopeId","data-v-6cbaee7b"]]),b8={class:"toaster-icon-container"},v8={class:"toaster-content"},w8={key:0,class:"toaster-title"},k8={key:1,class:"toaster-message"},C8=["onClick"],gs=me(t.defineComponent({__name:"KToaster",props:{toasterState:{type:Array,default:[],required:!0},zIndex:{type:Number,default:1e4}},emits:["close"],setup(e){t.useCssVars(r=>({"7990c71e":e.zIndex}));const n=r=>{switch(r){case"info":return Fn;case"success":return uc;case"warning":return oi;case"danger":return vc;case"system":return ri;default:return Fn}};return(r,a)=>(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,o=>(t.openBlock(),t.createElementBlock("div",{key:o.key,class:t.normalizeClass(["toaster",`${o.appearance}`]),role:"alert"},[t.createElementVNode("div",b8,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n(o.appearance)),{class:"toaster-icon",color:`var(--kui-color-text, ${t.unref(Yh)})`,decorative:""},null,8,["color"]))]),t.createElementVNode("div",v8,[o.title?(t.openBlock(),t.createElementBlock("span",w8,t.toDisplayString(o.title),1)):t.createCommentVNode("",!0),o.message?(t.openBlock(),t.createElementBlock("p",k8,t.toDisplayString(o.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(i=>r.$emit("close",o.key),["stop"])},[t.createVNode(t.unref(Nt),{color:`var(--kui-color-text-neutral-weak, ${t.unref(Kh)})`,size:t.unref(jh)},null,8,["color","size"])],8,C8)],2))),128))]),_:1}))}}),[["__scopeId","data-v-c719c82d"]]),S8="kongponents-toaster-container",ys={timeoutMilliseconds:5e3,appearance:ti.info},$8=1e4;class ym{constructor(n){Sn(this,"toastersContainer",null);Sn(this,"toaster",null);Sn(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=S8,document.body.appendChild(this.toastersContainer),this.toaster=t.createVNode(gs,{toasterState:this.toasts.value,zIndex:n!=null&&n.zIndex?n.zIndex:$8,onClose:r=>this.close(r)}),this.toastersContainer&&t.render(this.toaster,this.toastersContainer)}setTimer(n,r){return setTimeout(()=>this.close(n),r)}open(n){const{key:r,timeoutMilliseconds:a,appearance:o,message:i,title:s}=n,c=r||Ue(),l=o&&Object.keys(ti).indexOf(o)!==-1?o:ys.appearance,d=this.setTimer(r,a||ys.timeoutMilliseconds),u=typeof n=="string"?n:i;this.toasts.value.push({key:c,appearance:l,title:s,message:u,timer:d,timeoutMilliseconds:a||ys.timeoutMilliseconds})}close(n){var a,o;const r=(a=this.toasts.value)==null?void 0:a.findIndex(i=>n===i.key);clearTimeout((o=this.toasts.value[r])==null?void 0:o.timer),this.toasts.value.splice(r,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())}}/*!
45
45
  * vue-draggable-next v2.2.0