@kong/kongponents 9.31.10 → 9.32.0

package/dist/kongponents.es.js

@@ -22976,23 +22976,16 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), q();
 }, eL = ["onClick"], tL = /* @__PURE__ */ se({
   __name: "KToaster",
   props: {
-    toasterState: {
-      type: Array,
-      default: [],
-      required: !0
-    },
-    zIndex: {
-      type: Number,
-      default: 1e4
-    }
+    toasterState: { default: () => [] },
+    zIndex: { default: 1e4 }
   },
   emits: ["close"],
-  setup(e) {
-    Ft((a) => ({
-      "7990c71e": e.zIndex
+  setup(e, { emit: t }) {
+    Ft((r) => ({
+      "6f45326c": r.zIndex
     }));
-    const t = (a) => {
-      switch (a) {
+    const a = t, n = (r) => {
+      switch (r) {
         case "info":
           return Pn;
         case "success":
@@ -23007,34 +23000,34 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), q();
           return Pn;
       }
     };
-    return (a, n) => (h(), J(Jg, {
+    return (r, i) => (h(), J(Jg, {
       class: "k-toaster",
       name: "kongponents-slide-up-transition",
       tag: "div"
     }, {
       default: B(() => [
-        (h(!0), D(Ee, null, Be(e.toasterState, (r) => (h(), D("div", {
-          key: r.key,
-          class: de(["toaster", `${r.appearance}`]),
+        (h(!0), D(Ee, null, Be(r.toasterState, (s) => (h(), D("div", {
+          key: s.key,
+          class: de(["toaster", `${s.appearance}`]),
           role: "alert"
         }, [
           K("div", Q6, [
-            (h(), J(Ye(t(r.appearance)), {
+            (h(), J(Ye(n(s.appearance)), {
               class: "toaster-icon",
               color: `var(--kui-color-text, ${I(Qm)})`,
               decorative: ""
             }, null, 8, ["color"]))
           ]),
           K("div", Z6, [
-            r.title ? (h(), D("span", X6, ie(r.title), 1)) : Q("", !0),
-            r.message ? (h(), D("p", J6, ie(r.message), 1)) : Q("", !0)
+            s.title ? (h(), D("span", X6, ie(s.title), 1)) : Q("", !0),
+            s.message ? (h(), D("p", J6, ie(s.message), 1)) : Q("", !0)
           ]),
           K("button", {
             "aria-label": "Close",
             class: "toaster-close-icon",
             "data-testid": "toaster-close-icon",
             type: "button",
-            onClick: Ve((i) => a.$emit("close", r.key), ["stop"])
+            onClick: Ve((u) => a("close", s.key), ["stop"])
           }, [
             X(I(ua), {
               color: `var(--kui-color-text-neutral-weak, ${I(Jm)})`,
@@ -23046,7 +23039,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), q();
       _: 1
     }));
   }
-}), xg = /* @__PURE__ */ Ae(tL, [["__scopeId", "data-v-c719c82d"]]), aL = "kongponents-toaster-container", ol = {
+}), xg = /* @__PURE__ */ Ae(tL, [["__scopeId", "data-v-1b3f294e"]]), aL = "kongponents-toaster-container", ol = {
   timeoutMilliseconds: 5e3,
   appearance: Wv.info
 }, nL = 1e4;

package/dist/kongponents.umd.js

@@ -29,7 +29,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 We suggest using 'KModal' component instead.
 Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`)}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",s)}),t.onUnmounted(()=>{document.body.style.overflow=""}),(l,p)=>e.isVisible?(t.openBlock(),t.createElementBlock("div",{key:0,"aria-label":e.title,"aria-modal":"true",class:"k-modal-fullscreen isOpen",role:"dialog",onKeyup:[t.withKeys(c,["enter"]),t.withKeys(d,["esc"])]},[t.createElementVNode("div",{ref_key:"modalBodyContent",ref:o,class:t.normalizeClass(["k-modal-fullscreen-dialog",{"has-footer":l.$slots["footer-content"]}]),tabindex:"0"},[t.createElementVNode("div",s4,[l.$slots["body-header"]||e.bodyHeader?(t.openBlock(),t.createElementBlock("div",c4,[t.renderSlot(l.$slots,"body-header",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeader),1)],!0)])):t.createCommentVNode("",!0),l.$slots["body-header-description"]||e.bodyHeaderDescription?(t.openBlock(),t.createElementBlock("div",d4,[t.renderSlot(l.$slots,"body-header-description",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeaderDescription),1)],!0)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",u4,[t.renderSlot(l.$slots,"default",{},void 0,!0)]),t.createElementVNode("div",f4,[t.createElementVNode("div",p4,[t.createElementVNode("div",m4,[t.createElementVNode("span",h4,[t.renderSlot(l.$slots,"header-icon",{},()=>[t.createVNode(t.unref(Zi),{color:t.unref(B1)},null,8,["color"])],!0)]),t.createElementVNode("span",g4,[t.renderSlot(l.$slots,"header-content",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])]),t.createElementVNode("div",y4,[t.createElementVNode("div",b4,[t.renderSlot(l.$slots,"action-buttons",{},()=>[t.createVNode(Ie,{appearance:e.cancelButtonAppearance,class:"cancel-button",onClick:d},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.cancelButtonText),1)]),_:1},8,["appearance"]),t.createVNode(Ie,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:c},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])]),l.$slots["footer-content"]?(t.openBlock(),t.createElementBlock("div",v4,[t.renderSlot(l.$slots,"footer-content",{},void 0,!0),t.createElementVNode("div",w4,[t.createElementVNode("div",k4,[t.renderSlot(l.$slots,"action-buttons",{},()=>[t.createVNode(Ie,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:c},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])):t.createCommentVNode("",!0)],2)],40,l4)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-ff332793"]]),C4=["aria-selected","data-testid"],S4={class:"multiselect-item-container"},$4=["disabled","value"],E4={class:"multiselect-item-label"},Di=he(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",S4,[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(d=>i.$emit("arrow-down"),["prevent"]),["down"])),s[1]||(s[1]=t.withKeys(t.withModifiers(d=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",E4,[t.renderSlot(i.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,$4)])],8,C4))}}),[["__scopeId","data-v-562ab5f8"]]),B4={ref:"itemsContainer","aria-live":"polite",class:"multiselect-items-container"},D4={class:"multiselect-group-title"},T4={class:"select-item-description"},Sh=".multiselect-item button:not(:disabled)",N4=he(t.defineComponent({__name:"KMultiselectItems",props:{items:{type:Array,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)},itemCreationEnabled:{type:Boolean,default:!1},filterString:{type:String,default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(e,{expose:n,emit:r}){const a=e,o=r,i=f=>o("selected",f),s=t.computed(()=>{var f;return(f=a.items)==null?void 0:f.filter(m=>!m.group)}),d=t.computed(()=>{var f,m;return[...new Set((m=(f=a.items)==null?void 0:f.filter(b=>b.group))==null?void 0:m.map(b=>b.group))].sort((b,y)=>b.toLowerCase().localeCompare(y.toLowerCase()))}),c=f=>{var m;return(m=a.items)==null?void 0:m.filter(b=>b.group===f)},l=t.useTemplateRef("itemsContainer"),p=f=>{var y;const m=l.value;if(!m)return;const b=m.querySelectorAll(Sh);(y=b[f==="down"?0:b.length-1])==null||y.focus()},u=({target:f,key:m})=>{var b;if(m==="ArrowDown"||m==="ArrowUp"){const y=(b=l.value)==null?void 0:b.querySelectorAll(Sh);if(y!=null&&y.length){const g=[...y].indexOf(f),h=m==="ArrowDown"?g+1:g-1,w=y[h];w==null||w.focus()}}};return n({setFocus:p}),(f,m)=>(t.openBlock(),t.createElementBlock("div",B4,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,(b,y)=>(t.openBlock(),t.createBlock(Di,{key:`${b.key?b.key:y}-item`,item:b,onKeydown:u,onSelected:i},{content:t.withCtx(()=>[t.renderSlot(f.$slots,"content",{item:b},void 0,!0)]),_:2},1032,["item"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.value,b=>(t.openBlock(),t.createElementBlock("div",{key:`${b}-group`,class:"multiselect-group"},[t.createElementVNode("span",D4,t.toDisplayString(b),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c(b),(y,g)=>(t.openBlock(),t.createBlock(Di,{key:`${y.key?y.key:b+"-"+g+"-item"}`,item:y,onKeydown:u,onSelected:i},{content:t.withCtx(()=>[t.renderSlot(f.$slots,"content",{item:y},void 0,!0)]),_:2},1032,["item"]))),128))]))),128)),e.itemCreationEnabled?(t.openBlock(),t.createBlock(Di,{key:"multiselect-add-item",class:"multiselect-add-item","data-testid":"multiselect-add-item",item:{label:`${e.filterString} (Add new value)`,value:"add_item",disabled:!e.itemCreationValid},onKeydown:u,onSelected:m[0]||(m[0]=b=>f.$emit("add-item"))},{content:t.withCtx(()=>[t.createElementVNode("div",T4,[t.createTextVNode(t.toDisplayString(e.filterString)+" ",1),m[1]||(m[1]=t.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):t.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-9efb0d10"]]);function Ti(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function x4(e,n){let r;return(...a)=>{clearTimeout(r),r=window==null?void 0:window.setTimeout(()=>{e(...a)},n)}}const $h=e=>{try{return new URL(e),!0}catch{return!1}},Eh=15,Bh=(e,n)=>e.pageSize?e.pageSize:n.initialPageSize?n.initialPageSize:n.pageSizes&&Array.isArray(n.pageSizes)&&n.pageSizes.length?n.pageSizes[0]:Eh,M4="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let I4=(e=21)=>{let n="",r=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)n+=M4[r[e]&63];return n};const Ni=()=>I4(),A4={"data-testid":"multiselect-container"},O4=["id","tabindex"],P4={key:0},V4={key:1,class:"expanded-selection-empty"},L4=["aria-label","onClick"],z4={class:"multiselect-icons-container"},R4={key:0,class:"multiselect-input-wrapper"},F4={key:2,class:"multiselect-empty","data-propagate-clicks":"false"},_4={key:1,class:"help-text"},Y4={key:2,"aria-hidden":"true",class:"staging-area"},H4=e=>{const n=[];return e.forEach(r=>n.push(r.value)),n},q4=e=>{const n=H4(e),r=new Set(n);return n.length===r.size},Dh=he(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:()=>{}},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)&&q4(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=>({"1e372e7c":Le.value}));const r=t.useAttrs(),a=t.useSlots(),{getSizeFromString:o,cloneDeep:i,stripRequiredLabel:s}=et(),d=36,c="Filter...",l=e,p=n,u=t.useTemplateRef("kMultiselectItems"),f=t.computed(()=>r.required!==void 0&&String(r.required)!=="false"),m=t.computed(()=>s(l.label,f.value)),b=t.computed(()=>{var X,L;return!!((X=l.labelAttributes)!=null&&X.help||(L=l.labelAttributes)!=null&&L.info||a["label-tooltip"])}),y=X=>se.value||ue.value||X!=null&&X.disabled?"neutral":l.error?"danger":"info",g={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"multiselect-popover"},h=t.ref(0),w=t.ref(0),v=t.useId(),k=t.computed(()=>r.id?String(r.id):v),S=t.useId(),B=t.useTemplateRef("multiselectElement"),T=t.useTemplateRef("multiselectDropdownInputElement"),V=t.useTemplateRef("multiselectSelectionsStagingElement"),O=t.computed(()=>l.selectedRowCount*d),Y=t.ref(""),N=t.computed(()=>!(!Y.value||C.value.filter(X=>X.label===Y.value).length)),D=t.ref(null),C=t.ref([]),$=t.ref([]),A=t.ref([]),I=t.ref([]),F=t.ref([]),R=new Set,q=t.ref([]),_=t.ref([]),J=t.computed(()=>_.value.map(X=>X.label).join(", ")),Z=t.ref(!1),fe=t.ref(!1),ne=t.ref(!1),se=t.computed(()=>(r==null?void 0:r.disabled)!==void 0&&String(r==null?void 0:r.disabled)!=="false"),ue=t.computed(()=>(r==null?void 0:r.readonly)!==void 0&&String(r==null?void 0:r.readonly)!=="false"),ge=t.computed({get(){return l.modelValue},set(X){const L=C.value.filter(E=>X.includes(E.value));L.length?de(L):X.length||Qe()}}),ye=t.computed(()=>{const X={...r};return delete X.class,X}),Ne=t.computed(()=>{var X;return{...g,...l.kpopAttributes,popoverClasses:`${g.popoverClasses} ${((X=l.kpopAttributes)==null?void 0:X.popoverClasses)??""} ${l.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"}}),Le=t.computed(()=>o(l.dropdownMaxHeight)),Ae=t.computed(()=>({...Ne.value})),Te=t.computed(()=>{const X=l.width?l.width:"300";return o(X)}),xe=t.computed(()=>({width:Te.value})),G=t.computed(()=>({width:ze.value+"px"})),Ce=t.computed(()=>{if(A.value.length===0){if(!l.collapsedContext&&l.placeholder)return l.placeholder;if(l.collapsedContext&&l.searchPlaceholder)return l.searchPlaceholder}return A.value.length===1?`${A.value.length} item selected`:`${A.value.length} items selected`}),W=t.computed(()=>l.autosuggest?C.value:l.filterFunction({items:C.value,query:Y.value})),ae=X=>{var L;(se.value||((L=X==null?void 0:X.target)==null?void 0:L.dataset.propagateClicks)==="false")&&X.stopPropagation()},z=async(X,L,E)=>{var H,U;if(X){if(!L.value){Y.value="",E(),Oe(),await t.nextTick();const ee=(U=(H=T.value)==null?void 0:H.$el)==null?void 0:U.querySelector("input");ee==null||ee.focus({preventScroll:!0})}}else L.value&&(Y.value="",E())},ie=()=>{setTimeout(()=>{const X=V.value;if(l.collapsedContext){w.value++;return}if(X){if(X.clientHeight>O.value){const E=Array.from(X.querySelectorAll(".multiselect-selection-badge")).filter(ee=>ee.offsetTop>=O.value),H=I.value.length-E.length,U=I.value.splice(H,E.length);for(const ee of U)R.has(ee.value)||(R.add(ee.value),F.value.push(ee))}w.value++}},0)},de=X=>{X.forEach(L=>{var H;const E=((H=C.value.filter(U=>U.value===L.value))==null?void 0:H[0])||null;E.selected=!0,A.value.filter(U=>U.value===E.value).length||(A.value.push(E),I.value.push(E))}),ie()},me=(X,L=!1)=>{const E=new Set(X.map(H=>H.value));A.value=A.value.filter(H=>!E.has(H.value)),I.value=I.value.filter(H=>!E.has(H.value)),F.value=F.value.filter(H=>!E.has(H.value)),X.forEach(H=>{if(R.delete(H.value),H.selected=!1,F.value.length){const U=F.value.pop();U&&(I.value.push(U),R.delete(U.value))}l.enableItemCreation&&H.custom&&(C.value=C.value.filter(U=>U.value!==H.value),p("item-removed",H))}),L&&ie()},we=(X,L)=>{var ee,$e;let E=!1,H=L?X:((ee=C.value.filter(Ee=>Ee.value===X.value))==null?void 0:ee[0])||null;if(l.enableItemCreation&&(H!=null&&H.custom)&&(E=!0),H===null&&(H=(($e=A.value.filter(Ee=>Ee.value===X.value))==null?void 0:$e[0])||null),H===null)return;if(H.selected){if(A.value=A.value.filter(Ee=>Ee.value!==X.value),I.value.filter(Ee=>Ee.value===X.value).length?I.value=I.value.filter(Ee=>Ee.value!==X.value):R.delete(X.value)&&(F.value=F.value.filter(Ee=>Ee.value!==X.value)),H.selected=!1,F.value.length){const Ee=F.value.pop();Ee&&(I.value.push(Ee),R.delete(Ee.value))}E&&(C.value=C.value.filter(Ee=>Ee.value!==X.value),p("item-removed",X))}else H.selected=!0,A.value.push(H),I.value.push(H),L&&(H.custom=!0,C.value.push(H));ie();const U=A.value.map(Ee=>Ee.value);p("selected",A.value),p("change",H),p("update:modelValue",U)},We=X=>{l.enableItemCreation&&Ge(),X.preventDefault()},Ge=()=>{var E;if(!l.enableItemCreation||!Y.value||!N.value||!l.itemCreationValidator(Y.value))return;const X=C.value.length+1,L={label:Ti(Y.value+""),value:Ni(),key:`${(E=Ti(Y.value).replace(/ /gi,"-"))==null?void 0:E.replace(/[^a-z0-9-_]/gi,"")}-${X}`};p("item-added",L),we(L,!0),Y.value=""},Oe=()=>{const X=W.value.filter(ee=>ee.selected),L=W.value.filter(ee=>!ee.selected),E=[...X,...L],H=E.filter(ee=>!ee.group),U=E.filter(ee=>ee.group).sort((ee,$e)=>ee.group.toLowerCase().localeCompare($e.group.toLowerCase()));$.value=[...H,...U]},Qe=()=>{C.value.forEach(L=>{L.disabled||(L.selected=!1,L.custom&&p("item-removed",L))}),C.value=C.value.filter(L=>!(L.custom&&!L.disabled)),A.value=A.value.filter(L=>L.disabled),I.value=I.value.filter(L=>L.disabled),F.value=F.value.filter(L=>(L.disabled||R.delete(L.value),L.disabled)),Y.value="",ie();const X=A.value.map(L=>L.value);p("selected",A.value),p("update:modelValue",X),p("query-change","")},ot=X=>{Y.value=X,p("query-change",X)},it=(X,L)=>{var E;X.keyCode===27&&(L.value=!1),(X.key==="ArrowDown"||X.key==="ArrowUp")&&((E=u.value)==null||E.setFocus(X.key==="ArrowDown"?"down":"up"))},j=()=>{var X;(X=D.value)==null||X.showPopover()},Se=X=>{var L;(X.key==="ArrowDown"||X.key==="ArrowUp")&&((L=u.value)==null||L.setFocus(X.key==="ArrowDown"?"down":"up"))},ke=async()=>{ne.value=!0,Re()},Re=()=>{Z.value||(Z.value=!0,p("query-change",""))};t.watch(w,()=>{setTimeout(()=>{const X=V.value;if(l.collapsedContext){q.value=i(I.value),_.value=[],h.value++;return}if(X)if(X.clientHeight>O.value){const E=I.value.pop();E&&!R.has(E.value)&&(F.value.push(E),R.add(E.value)),w.value++}else q.value=i(I.value),_.value=i(F.value),h.value++},0)}),t.watch(h,async()=>{D.value&&typeof D.value.updatePopper=="function"&&(await t.nextTick(),D.value.updatePopper())}),t.watch(W,()=>{Oe()}),t.watch(ge,(X,L)=>{if(JSON.stringify(X)!==JSON.stringify(L)){if(!X.length){Qe();return}const E=new Set(L),H=new Set(X),U=C.value.filter($e=>H.has($e.value)),ee=A.value.filter($e=>!H.has($e.value)&&E.has($e.value));ee.length&&me(ee),U.length&&de(U)}}),t.watch(()=>l.items,(X,L)=>{var E,H;if(JSON.stringify(X)!==JSON.stringify(L)){C.value=i(l.items);for(let U=0;U<C.value.length;U++){C.value[U].selected===void 0&&(C.value[U].selected=!1);let ee=`${(H=(E=C.value[U].label)==null?void 0:E.replace(/ /gi,"-"))==null?void 0:H.replace(/[^a-z0-9-_]/gi,"")}-${U}`;if(ee.includes("undefined")&&(ee=`multiselect-item-label-${U}`),C.value[U].key=ee,l.modelValue.includes(C.value[U].value)||C.value[U].selected){const $e=C.value[U];$e.selected=!0,A.value.filter(Ee=>Ee.value===$e.value).length||A.value.push($e),I.value.filter(Ee=>Ee.value===$e.value).length||I.value.push($e)}}ie(),D.value&&typeof D.value.updatePopper=="function"&&t.nextTick(()=>{D.value.updatePopper()})}},{deep:!0,immediate:!0});const ze=t.ref(300),dt=async()=>{var X;ze.value=300,await t.nextTick(),ze.value=((X=B.value)==null?void 0:X.clientWidth)||300,ie()},ut=t.ref();return t.onMounted(()=>{Et("resize",dt),ut.value=jn.create(dt),ut.value.observe(B.value)}),t.onBeforeUnmount(()=>{ut.value&&B.value&&ut.value.unobserve(B.value)}),(X,L)=>{const E=t.resolveComponent("KTooltip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-multiselect",[X.$attrs.class,{"multiselect-error":e.error}]]),style:t.normalizeStyle(xe.value)},[e.label?(t.openBlock(),t.createBlock(Gt,t.mergeProps({key:0},e.labelAttributes,{"data-testid":e.labelAttributes["data-testid"]?e.labelAttributes["data-testid"]:"multiselect-label",for:k.value,required:f.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(m.value)+" ",1)]),_:2},[b.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(X.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","for","required"])):t.createCommentVNode("",!0),t.createElementVNode("div",A4,[t.createVNode(t.unref(Jr),null,{default:t.withCtx(({isToggled:H,toggle:U})=>[t.createVNode(Un,t.mergeProps({ref_key:"popper",ref:D,"hide-close-icon":""},Ae.value,{onClose:()=>z(!1,H,U),onOpen:()=>z(!0,H,U)}),{content:t.withCtx(()=>[t.createElementVNode("div",{class:"multiselect-list",onClick:L[7]||(L[7]=t.withModifiers(()=>{},["stop"])),onMouseenter:L[8]||(L[8]=()=>fe.value=!0),onMouseleave:L[9]||(L[9]=()=>fe.value=!1)},[!e.collapsedContext&&!ue.value?(t.openBlock(),t.createElementBlock("div",R4,[t.createVNode(pn,{ref:"multiselectDropdownInputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":Y.value,placeholder:e.searchPlaceholder||c,spellcheck:"false",type:"text",onClick:L[5]||(L[5]=t.withModifiers(()=>{},["stop"])),onFocus:Re,onKeydown:t.withKeys(We,["enter"]),onKeyup:[Se,L[6]||(L[6]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ot},null,8,["model-value","placeholder"])])):t.createCommentVNode("",!0),t.createVNode(N4,{ref:"kMultiselectItems","filter-string":Y.value,"item-creation-enabled":e.enableItemCreation&&N.value,"item-creation-valid":e.itemCreationValidator(Y.value),items:$.value,onAddItem:Ge,onSelected:we},{content:t.withCtx(({item:ee})=>[t.renderSlot(X.$slots,"item-template",{class:"multiselect-item",item:ee},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!$.value.length&&!X.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(Di,{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&&!$.value.length?(t.openBlock(),t.createElementBlock("div",F4,[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.createElementVNode("div",t.mergeProps({id:k.value,ref:"multiselectElement",class:["multiselect-trigger",{focused:ne.value,hovered:fe.value,disabled:se.value,readonly:ue.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:se.value||ue.value||e.collapsedContext?-1:0},ye.value,{onClick:ae,onKeydown:[t.withKeys(j,["enter"]),t.withKeys(j,["space"])]}),[e.collapsedContext?(t.openBlock(),t.createElementBlock("div",P4,[t.createVNode(pn,{autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:t.normalizeClass(["multiselect-input",{"is-readonly":ue.value}]),"data-testid":"multiselect-input",disabled:se.value,"model-value":Y.value,placeholder:Ce.value,readonly:ue.value?!0:void 0,spellcheck:"false",type:"text",onBlur:L[0]||(L[0]=()=>ne.value=!1),onClick:ee=>{H.value&&ee.stopPropagation()},onFocus:ke,onKeydown:t.withKeys(We,["enter"]),onKeyup:ee=>it(ee,H),onMouseenter:L[1]||(L[1]=()=>fe.value=!0),onMouseleave:L[2]||(L[2]=()=>fe.value=!1),"onUpdate:modelValue":ot},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):A.value.length?(t.openBlock(),t.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:t.normalizeStyle(G.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(q.value,(ee,$e)=>(t.openBlock(),t.createBlock(Cr,{key:`${t.unref(S)}-${ee.key?ee.key:$e}-badge-${h.value}`,appearance:y(ee),class:"multiselect-selection-badge","icon-before":!1,tooltip:ee.label,"truncation-tooltip":"",onClick:L[3]||(L[3]=t.withModifiers(()=>{},["stop"]))},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(ee.label)+" ",1)]),_:2},[ee.selected&&!ee.disabled&&!se.value&&!ue.value?{name:"icon",fn:t.withCtx(()=>[t.createElementVNode("button",{"aria-label":`Unselect ${ee.label}`,class:"badge-dismiss-button","data-testid":"badge-dismiss-button",type:"button",onClick:Ee=>we(ee)},[t.createVNode(t.unref(Mt),{decorative:""})],8,L4)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),_.value.length?(t.openBlock(),t.createBlock(E,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:J.value},{default:t.withCtx(()=>[t.createVNode(Cr,{appearance:y(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:L[4]||(L[4]=t.withModifiers(()=>{},["stop"]))},{default:t.withCtx(()=>[t.createTextVNode(" +"+t.toDisplayString(_.value.length),1)]),_:1},8,["appearance"])]),_:1},8,["text"])):t.createCommentVNode("",!0)],4)):(t.openBlock(),t.createElementBlock("div",V4,t.toDisplayString(Ce.value),1)),t.createElementVNode("div",z4,[!e.loading&&A.value.length&&H.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:Qe},[t.createVNode(t.unref(Mt),{size:t.unref(ft)},null,8,["size"])])):e.loading?(t.openBlock(),t.createBlock(t.unref(ea),{key:1,class:"multiselect-loading-icon",size:t.unref(ft),title:"Loading"},null,8,["size"])):(t.openBlock(),t.createBlock(t.unref(Ra),{key:2,class:"multiselect-chevron-icon",decorative:"",size:t.unref(ft)},null,8,["size"]))])],16,O4)]),_:2},1040,["onClose","onOpen"])]),_:3})]),e.help?(t.openBlock(),t.createElementBlock("p",_4,t.toDisplayString(e.help),1)):t.createCommentVNode("",!0),e.collapsedContext?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",Y4,[(t.openBlock(),t.createElementBlock("div",{key:w.value,ref:"multiselectSelectionsStagingElement",class:"selection-badges-container staging",style:t.normalizeStyle(G.value),tabindex:"-1"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(I.value,(H,U)=>(t.openBlock(),t.createBlock(Cr,{key:`${t.unref(S)}-${H.key?H.key:U}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(H.label)+" ",1)]),_:2},[H.selected&&!H.disabled&&!se.value&&!ue.value?{name:"icon",fn:t.withCtx(()=>[t.createVNode(t.unref(Mt),{"aria-hidden":"true"})]),key:"0"}:void 0]),1024))),128)),t.createVNode(Cr,{"aria-hidden":"true",class:"hidden-selection-count"},{default:t.withCtx(()=>[t.createTextVNode(" +"+t.toDisplayString(F.value.length),1)]),_:1})],4))]))],6)}}}),[["__scopeId","data-v-fca9fac8"]]),W4={key:0,class:"prompt-content"},K4={class:"prompt-message"},U4={key:1,class:"prompt-confirmation-container"},j4={class:"prompt-confirmation-text"},G4={class:"confirmation-text"},Th=he(t.defineComponent({inheritAttrs:!1,__name:"KPrompt",props:{visible:{type:Boolean},title:{default:""},message:{default:""},actionButtonText:{default:"Confirm"},actionButtonAppearance:{default:"primary"},actionButtonDisabled:{type:Boolean},cancelButtonText:{default:"Cancel"},cancelButtonAppearance:{default:"tertiary"},cancelButtonDisabled:{type:Boolean},confirmationText:{default:""},confirmationPrompt:{default:"Type {confirmationText} to confirm your action."},modalAttributes:{default:()=>({})},errorMessage:{default:"You must enter the text as indicated above to confirm."}},emits:["proceed","cancel"],setup(e,{emit:n}){const r=n,a=t.useSlots(),o=t.useAttrs(),i=t.computed(()=>{const u=Object.assign({},o);return delete u["tabbable-options"],delete u["max-width"],delete u["max-height"],delete u["close-on-backdrop-click"],delete u["input-autofocus"],delete u["hide-close-icon"],delete u["hide-cancel-button"],delete u["full-screen"],u}),s=t.ref(""),d=t.ref(!1),c=t.computed(()=>e.actionButtonDisabled?!0:e.confirmationText?e.confirmationText!==s.value:!1),l=t.computed(()=>e.confirmationPrompt.split("{confirmationText}")),p=()=>{c.value?d.value=!0:r("proceed")};return t.watch(()=>e.visible,u=>{u||(s.value="",d.value=!1)}),t.watch(s,u=>{u&&u===e.confirmationText&&(d.value=!1)}),(u,f)=>(t.openBlock(),t.createBlock(Ps,t.mergeProps({...i.value,...u.modalAttributes},{"action-button-appearance":u.actionButtonAppearance,"action-button-disabled":c.value,"action-button-text":u.actionButtonText,"cancel-button-appearance":u.cancelButtonAppearance,"cancel-button-disabled":u.cancelButtonDisabled,"cancel-button-text":u.cancelButtonText,class:"k-prompt","input-autofocus":u.modalAttributes.inputAutofocus===void 0?!0:u.modalAttributes.inputAutofocus,title:u.title||"Confirm your action",visible:u.visible,onCancel:f[1]||(f[1]=m=>r("cancel")),onProceed:f[2]||(f[2]=m=>r("proceed"))}),t.createSlots({default:t.withCtx(()=>[a.default||u.message?(t.openBlock(),t.createElementBlock("div",W4,[t.renderSlot(u.$slots,"default",{},()=>[t.createElementVNode("p",K4,t.toDisplayString(u.message),1)],!0)])):t.createCommentVNode("",!0),u.confirmationText?(t.openBlock(),t.createElementBlock("div",U4,[t.createElementVNode("p",j4,[t.createTextVNode(t.toDisplayString(l.value[0])+" ",1),t.createElementVNode("span",G4,'"'+t.toDisplayString(u.confirmationText)+'"',1),t.createTextVNode(" "+t.toDisplayString(l.value[1]?l.value[1]:""),1)]),t.createVNode(pn,{modelValue:s.value,"onUpdate:modelValue":f[0]||(f[0]=m=>s.value=m),"aria-label":`${l.value[0]}'${u.confirmationText}'${l.value[1]?l.value[1]:""}`,autocapitalize:"off",autocomplete:"off","data-testid":"confirmation-input",error:d.value,"error-message":u.errorMessage,onKeydown:t.withKeys(t.withModifiers(p,["prevent"]),["enter"])},null,8,["modelValue","aria-label","error","error-message","onKeydown"])])):t.createCommentVNode("",!0)]),_:2},[a.title?{name:"title",fn:t.withCtx(()=>[t.renderSlot(u.$slots,"title",{},void 0,!0)]),key:"0"}:void 0]),1040,["action-button-appearance","action-button-disabled","action-button-text","cancel-button-appearance","cancel-button-disabled","cancel-button-text","input-autofocus","title","visible"]))}}),[["__scopeId","data-v-6fbede40"]]),Q4=["id","aria-checked","checked","disabled","tabindex"],Z4={key:0,class:"radio-description"},X4=["data-testid","for","tabindex"],J4={key:0,class:"card-content-wrapper"},e7={key:1,class:"card-label-container"},t7={key:0,class:"radio-label"},n7={key:1,class:"radio-description"},r7={inheritAttrs:!1},a7=t.defineComponent({...r7,__name:"KRadio",props:{modelValue:{},label:{default:""},labelAttributes:{default:()=>({})},description:{default:""},selectedValue:{},error:{type:Boolean},card:{type:Boolean},cardRadioVisible:{type:Boolean,default:!0},cardOrientation:{default:"vertical"},type:{default:""}},emits:["change","update:modelValue"],setup(e,{emit:n}){t.watch(()=>e.labelAttributes,h=>{h.help&&console.warn("KRadio: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")},{deep:!0,immediate:!0}),t.watch(()=>e.type,h=>{h&&console.warn("KRadio: `type` prop is deprecated. Please use `card` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kradio")},{immediate:!0});const r=n,a=t.useSlots(),o=t.useAttrs(),i=t.useId(),s=t.computed(()=>o.id?String(o.id):i),d=t.computed(()=>(o==null?void 0:o.disabled)!==void 0&&String(o==null?void 0:o.disabled)!=="false"),c=t.computed(()=>!!(e.label||a.default)),l=t.computed(()=>c.value&&(!!e.description||!!a.description)),p=t.computed(()=>!!e.label&&(!!e.description||!!a.description)),u=t.computed(()=>!!a.tooltip),f=t.computed(()=>e.selectedValue===e.modelValue),m=()=>{r("change",e.selectedValue),r("update:modelValue",e.selectedValue)},b=t.computed(()=>{const h={...o};return delete h.class,h}),y=t.computed(()=>({disabled:d.value,"radio-card":e.card||e.type==="card","input-error":e.error,checked:f.value,"has-description":l.value,"card-horizontal":e.card&&e.cardOrientation==="horizontal","card-vertical":e.card&&e.cardOrientation!=="horizontal"})),g=t.computed(()=>e.card&&o["data-testid"]?`${o["data-testid"]}-label`:void 0);return(h,w)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-radio",[h.$attrs.class?h.$attrs.class:"",y.value]])},[t.createElementVNode("input",t.mergeProps({id:s.value},b.value,{"aria-checked":f.value,checked:f.value,class:["radio-input",{hidden:h.card&&!h.cardRadioVisible}],disabled:d.value,tabindex:h.card||d.value||f.value?-1:0,type:"radio",onClick:m}),null,16,Q4),!h.card&&(h.label||h.$slots.default)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["radio-label-wrapper",{"has-description":l.value}])},[t.createVNode(Gt,t.mergeProps(h.labelAttributes,{class:"radio-label",for:s.value}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(h.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(h.label),1)],!0)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(h.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"]),l.value?(t.openBlock(),t.createElementBlock("div",Z4,[t.renderSlot(h.$slots,"description",{},()=>[t.createElementVNode("p",null,t.toDisplayString(h.description),1)],!0)])):t.createCommentVNode("",!0)],2)):h.label||h.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:1,class:t.normalizeClass(["radio-card-wrapper radio-label-wrapper",{"has-label":h.label,"has-description":p.value,"show-radio":h.cardRadioVisible}]),"data-testid":g.value,for:s.value,tabindex:d.value||f.value?-1:0,onKeydown:w[0]||(w[0]=t.withKeys(t.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:t.withKeys(m,["space"])},[h.$slots.default?(t.openBlock(),t.createElementBlock("span",J4,[t.renderSlot(h.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0),h.label||p.value?(t.openBlock(),t.createElementBlock("span",e7,[h.label?(t.openBlock(),t.createElementBlock("span",t7,t.toDisplayString(h.label),1)):t.createCommentVNode("",!0),p.value?(t.openBlock(),t.createElementBlock("span",n7,[t.renderSlot(h.$slots,"description",{},()=>[t.createTextVNode(t.toDisplayString(h.description),1)],!0)])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)],42,X4)):t.createCommentVNode("",!0)],2))}}),Nh=he(a7,[["__scopeId","data-v-a66b1b3f"]]),o7=["aria-selected","data-testid"],i7={class:"select-item-container"},l7=["disabled","value"],s7={class:"select-item-label"},xi=he(t.defineComponent({__name:"KSelectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(e,{emit:n}){const r=n,a=o=>{if(e.item.disabled){o.stopPropagation();return}r("selected",e.item)};return(o,i)=>(t.openBlock(),t.createElementBlock("div",{key:o.item.key,"aria-selected":o.item.selected,class:"select-item","data-testid":`select-item-${o.item.value}`,role:"option"},[t.createElementVNode("div",i7,[t.createElementVNode("button",{class:t.normalizeClass({selected:o.item.selected}),disabled:o.item.disabled===!0?!0:void 0,type:"button",value:o.item.value,onClick:a,onKeydown:[i[0]||(i[0]=t.withKeys(t.withModifiers(s=>o.$emit("arrow-down"),["prevent"]),["down"])),i[1]||(i[1]=t.withKeys(t.withModifiers(s=>o.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",s7,[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(o.item.label),1)],!0)])],42,l7)])],8,o7))}}),[["__scopeId","data-v-11bc36aa"]]),c7={ref:"itemsContainer"},d7={class:"select-group-title"},u7={class:"select-item-description"},xh=".select-item button:not(:disabled)",f7='.select-item[aria-selected="true"] button:not(:disabled)',p7=he(t.defineComponent({__name:"KSelectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(e,{expose:n,emit:r}){const a=r,o=u=>a("selected",u),i=t.computed(()=>{var u;return(u=e.items)==null?void 0:u.filter(f=>!f.group)}),s=t.computed(()=>{var u,f;return[...new Set((f=(u=e.items)==null?void 0:u.filter(m=>m.group))==null?void 0:f.map(m=>m.group))].sort((m,b)=>m.toLowerCase().localeCompare(b.toLowerCase()))}),d=u=>{var f;return(f=e.items)==null?void 0:f.filter(m=>m.group===u)},c=t.useTemplateRef("itemsContainer"),l=u=>{var y,g;const f=c.value;if(!f)return;const m=f.querySelectorAll(xh);if(!(m!=null&&m.length))return;const b=f.querySelector(f7);if(b){const h=[...m].indexOf(b);(y=m[u==="down"?h+1:h-1])==null||y.focus()}else(g=m[u==="down"?0:m.length-1])==null||g.focus()},p=({target:u,key:f})=>{var m;if(f==="ArrowDown"||f==="ArrowUp"){const b=(m=c.value)==null?void 0:m.querySelectorAll(xh);if(b!=null&&b.length){const y=[...b].indexOf(u),g=f==="ArrowDown"?y+1:y-1,h=b[g];h==null||h.focus()}}};return n({setFocus:l}),(u,f)=>(t.openBlock(),t.createElementBlock("div",c7,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.value,m=>(t.openBlock(),t.createBlock(xi,{key:m.key,item:m,onKeydown:p,onSelected:o},{content:t.withCtx(()=>[t.renderSlot(u.$slots,"content",{item:m},void 0,!0)]),_:2},1032,["item"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,m=>(t.openBlock(),t.createElementBlock("div",{key:`${m}-group`,class:"select-group","data-propagate-clicks":"false"},[t.createElementVNode("span",d7,t.toDisplayString(m),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d(m),b=>(t.openBlock(),t.createBlock(xi,{key:b.key,item:b,onKeydown:p,onSelected:o},{content:t.withCtx(()=>[t.renderSlot(u.$slots,"content",{item:b},void 0,!0)]),_:2},1032,["item"]))),128))]))),128)),u.itemCreationEnabled?(t.openBlock(),t.createBlock(xi,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${u.filterString} (Add new value)`,value:"add_item",disabled:!u.itemCreationValid},onKeydown:p,onSelected:f[0]||(f[0]=m=>u.$emit("add-item"))},{content:t.withCtx(()=>[t.createElementVNode("div",u7,[t.createTextVNode(t.toDisplayString(u.filterString)+" ",1),f[1]||(f[1]=t.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):t.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-c6d81412"]]),m7=["id"],h7=["aria-live"],g7={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},y7={key:1,class:"select-items-container","data-propagate-clicks":"false"},b7={key:1,class:"dropdown-footer dropdown-footer-static"},v7={key:2,class:"select-empty","data-propagate-clicks":"false"},w7={key:0,class:"dropdown-footer dropdown-footer-sticky"},Mh=he(t.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},label:{default:""},labelAttributes:{default:()=>({})},width:{default:"100%"},placeholder:{default:""},items:{default:()=>[]},enableFiltering:{type:Boolean},filterFunction:{type:Function,default:e=>{var n;return(n=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},clearable:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{default:"sticky"},reuseItemTemplate:{type:Boolean},enableItemCreation:{type:Boolean},itemCreationValidator:{type:Function,default:()=>!0},error:{type:Boolean},help:{default:""}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(e,{emit:n}){t.useCssVars(z=>({"7a729012":C.value,"74a91ac0":$.value,"7cf2a1e2":F.value}));const{getSizeFromString:r,stripRequiredLabel:a}=et(),o=n,i=t.useAttrs(),s=t.useSlots(),d=t.useId(),c=t.computed(()=>i.id?String(i.id):d),l=t.ref(!1),p=t.ref(),u=t.computed(()=>{var z;return!!((z=e.labelAttributes)!=null&&z.info||s["label-tooltip"])}),f=t.computed(()=>i.required!==void 0&&String(i.required)!=="false"),m=t.computed(()=>i.disabled!==void 0&&String(i.disabled)!=="false"),b=t.computed(()=>i.readonly!==void 0&&String(i.readonly)!=="false"),y={popoverClasses:`select-popover ${e.dropdownFooterText||s["dropdown-footer-text"]?`has-${e.dropdownFooterTextPosition}-dropdown-footer`:""}`,popoverTimeout:0,placement:"bottom-start",hideCaret:!0},g=t.ref(0),h=t.useTemplateRef("inputElement"),w=t.computed(()=>a(e.label,f.value)),v=t.ref(!1),k=t.ref(""),S=t.computed(()=>{var z,ie;return!(!k.value||(ie=(z=V.value)==null?void 0:z.filter(de=>de.label===k.value))!=null&&ie.length)}),B=t.useId(),T=t.ref(null),V=t.ref([]),O=t.ref(!1),Y=t.useTemplateRef("popperElement"),N=t.useTemplateRef("selectWrapperElement"),D=t.computed({get(){return e.modelValue},set(z){var de;const ie=(de=V.value)==null?void 0:de.filter(me=>me.value===z);ie!=null&&ie.length?ue(ie[0]):z||ge()}}),C=t.computed(()=>r(e.width||"100%")),$=t.ref(""),A=t.computed(()=>{const z={...i};return delete z.class,z}),I=t.computed(()=>{var z;return{...y,...e.kpopAttributes,popoverClasses:`${y.popoverClasses} ${((z=e.kpopAttributes)==null?void 0:z.popoverClasses)??""}`,width:String($.value),maxWidth:String($.value),disabled:m.value||b.value}}),F=t.computed(()=>r(e.dropdownMaxHeight)),R=t.computed(()=>({...I.value})),q=t.computed(()=>e.placeholder||i.placeholder||"Select..."),_=t.computed(()=>!m.value&&e.clearable&&!!T.value),J=t.computed(()=>!!(T.value&&(s["selected-item-template"]||e.reuseItemTemplate&&s["item-template"]))),Z=t.computed(()=>{let z=[];if(!e.enableFiltering||!k.value)z=V.value;else{const me=e.filterFunction({query:k.value,items:V.value});z=me===!0?V.value:me}const ie=z.filter(me=>!me.group),de=z.filter(me=>me.group).sort((me,we)=>me.group.toLowerCase().localeCompare(we.group.toLowerCase()));return[...ie,...de]}),fe=z=>{if(!e.enableFiltering)return z.preventDefault(),!1},ne=z=>{e.enableItemCreation&&se(),z.preventDefault()},se=()=>{var de,me;if(!e.enableItemCreation||!k.value||!S.value||!e.itemCreationValidator(k.value))return;const z=(((de=V.value)==null?void 0:de.length)||0)+1,ie={label:Ti(k.value),value:Ni(),key:`${(me=Ti(k.value).replace(/ /gi,"-"))==null?void 0:me.replace(/[^a-z0-9-_]/gi,"")}-${z}`,custom:!0};o("item-added",ie),ue(ie,!0),k.value=""},ue=(z,ie)=>{var de,me;ie&&((de=V.value)==null||de.push(z)),(me=V.value)==null||me.forEach((we,We)=>{var Ge;we.key===z.key?(we.selected=!0,T.value=we):we.selected?(we.selected=!1,we.custom&&((Ge=V.value)==null||Ge.splice(We,1),o("item-removed",we))):we.selected=!1}),v.value=!0,k.value=z.label},ge=()=>{var z;(z=V.value)==null||z.forEach((ie,de)=>{var me;ie.selected=!1,ie.custom&&((me=V.value)==null||me.splice(de,1),o("item-removed",ie))}),T.value=null,k.value="",o("input",null),o("change",null),o("update:modelValue",null)},ye=t.useTemplateRef("kSelectItems"),Ne=(z,ie)=>{var me,we;if(z.keyCode===27){ie.value=!1;return}const de=(me=N.value)==null?void 0:me.children[0];!ie.value&&de&&de.click(),(z.key==="ArrowDown"||z.key==="ArrowUp")&&ie.value&&((we=ye.value)==null||we.setFocus(z.key==="ArrowDown"?"down":"up"))},Le=z=>{k.value!==z&&(k.value=z)},Ae=()=>{O.value=!0},Te=()=>{O.value=!1},xe=()=>{var z,ie,de;e.enableFiltering||(de=(ie=(z=h.value)==null?void 0:z.$el)==null?void 0:ie.querySelector("input"))==null||de.blur()},G=z=>{var ie;(m.value||((ie=z==null?void 0:z.target)==null?void 0:ie.dataset.propagateClicks)==="false")&&z.stopPropagation()},Ce=z=>{z()},W=(z,ie)=>{l.value=!1,T.value?(v.value=!0,k.value=T.value.label):k.value="",ie&&z()},ae=z=>{l.value=!0,e.enableFiltering&&(k.value=""),z()};return t.watch(D,(z,ie)=>{var de;if(z!==ie){const me=(de=V.value)==null?void 0:de.filter(we=>we.value===z);me!=null&&me.length?ue(me[0]):z||ge()}}),t.watch(()=>e.items,(z,ie)=>{var de,me,we,We,Ge;if(JSON.stringify(z)!==JSON.stringify(ie)){V.value=JSON.parse(JSON.stringify(e.items)),(de=V.value)!=null&&de.length&&(T.value=null);for(let Oe=0;Oe<((me=V.value)==null?void 0:me.length);Oe++){V.value[Oe].selected===void 0&&(V.value[Oe].selected=!1);let Qe=`${(We=(we=V.value[Oe].label)==null?void 0:we.replace(/ /gi,"-"))==null?void 0:We.replace(/[^a-z0-9-_]/gi,"")}-${Oe}`;Qe.includes("undefined")&&(Qe=`select-item-label-${Oe}`),V.value[Oe].key=Qe,(V.value[Oe].value===e.modelValue||V.value[Oe].selected)&&(V.value[Oe].selected=!0,T.value=V.value[Oe],O.value||(v.value=!0,k.value=T.value.label)),((Ge=T.value)==null?void 0:Ge.value)===V.value[Oe].value&&(V.value[Oe].selected=!0)}Y.value&&typeof Y.value.updatePopper=="function"&&t.nextTick(()=>{Y.value.updatePopper()})}},{deep:!0,immediate:!0}),t.watch(k,z=>{v.value&&z||(o("query-change",z),v.value=!1)}),t.watch(T,(z,ie)=>{z&&z!==ie&&(o("selected",z),o("input",z.value),o("change",z),o("update:modelValue",z.value))},{deep:!0}),t.onMounted(()=>{N.value&&(p.value=jn.create(()=>{var z;$.value=`${(z=N.value)==null?void 0:z.offsetWidth}px`}),p.value.observe(N.value)),Et(document,"keydown",z=>{var ie,de;!e.enableFiltering&&((ie=document.activeElement)==null?void 0:ie.tagName)==="BODY"&&!O.value&&l.value&&(z.key==="ArrowDown"||z.key==="ArrowUp")&&(z.preventDefault(),(de=ye.value)==null||de.setFocus(z.key==="ArrowDown"?"down":"up"))})}),t.onBeforeUnmount(()=>{var z;N.value&&((z=p.value)==null||z.unobserve(N.value))}),(z,ie)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-select",[z.$attrs.class]])},[z.label?(t.openBlock(),t.createBlock(Gt,t.mergeProps({key:0},z.labelAttributes,{"data-testid":"select-label",for:c.value,required:f.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(w.value)+" ",1)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(z.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):t.createCommentVNode("",!0),t.createVNode(t.unref(Jr),null,{default:t.withCtx(({toggle:de,isToggled:me})=>[t.createVNode(Un,t.mergeProps({ref:"popperElement"},R.value,{"close-on-popover-click":"","hide-close-icon":"",onClose:()=>W(de,me.value),onOpen:()=>ae(de),onPopoverClick:()=>Ce(de)}),{content:t.withCtx(()=>[t.createElementVNode("div",{"aria-live":z.enableFiltering?"polite":"off"},[z.enableFiltering&&z.loading?(t.openBlock(),t.createElementBlock("div",g7,[t.renderSlot(z.$slots,"loading",{},()=>[t.createVNode(t.unref(ea),{class:"loading-icon",title:"Loading"})],!0)])):(t.openBlock(),t.createElementBlock("div",y7,[t.createVNode(p7,{ref:"kSelectItems","filter-string":k.value,"item-creation-enabled":z.enableItemCreation&&S.value,"item-creation-valid":z.itemCreationValidator(k.value),items:Z.value,onAddItem:se,onSelected:ue},{content:t.withCtx(({item:we})=>[t.renderSlot(z.$slots,"item-template",{item:we},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!Z.value.length&&!z.$slots.empty&&!z.enableItemCreation?(t.openBlock(),t.createBlock(xi,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):t.createCommentVNode("",!0),(z.dropdownFooterText||z.$slots["dropdown-footer-text"])&&z.dropdownFooterTextPosition==="static"?(t.openBlock(),t.createElementBlock("div",b7,[t.renderSlot(z.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(z.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)])),!z.loading&&!Z.value.length&&z.$slots.empty?(t.openBlock(),t.createElementBlock("div",v7,[t.renderSlot(z.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],8,h7),(z.dropdownFooterText||z.$slots["dropdown-footer-text"])&&z.dropdownFooterTextPosition==="sticky"?(t.openBlock(),t.createElementBlock("div",w7,[t.renderSlot(z.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(z.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.createElementVNode("div",{id:t.unref(B),ref:"selectWrapperElement",class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:G},[(t.openBlock(),t.createBlock(pn,t.mergeProps({id:c.value,key:g.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:["select-input",{"filtering-disabled":!z.enableFiltering,"hide-model-value":J.value&&(!z.enableFiltering||!me.value),"input-has-focus":O.value||me.value}],"data-testid":"select-input",disabled:m.value,error:z.error,"model-value":k.value,placeholder:T.value&&!z.enableFiltering?T.value.label:q.value,readonly:b.value,spellcheck:"false"},A.value,{onBlur:Te,onClick:xe,onFocus:Ae,onKeydown:t.withKeys(ne,["enter"]),onKeypress:fe,onKeyup:[we=>Ne(we,me),ie[0]||(ie[0]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":Le}),t.createSlots({after:t.withCtx(()=>[_.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:ge},[t.createVNode(t.unref(Mt),{decorative:""})])):t.createCommentVNode("",!0),t.createVNode(t.unref(Ra),{class:t.normalizeClass(["chevron-down-icon",{disabled:m.value}]),decorative:""},null,8,["class"])]),_:2},[s.before?{name:"before",fn:t.withCtx(()=>[t.renderSlot(z.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,z.$slots["label-tooltip"]?{name:"label-tooltip",fn:t.withCtx(()=>[t.renderSlot(z.$slots,"label-tooltip",{},void 0,!0)]),key:"1"}:void 0]),1040,["id","class","disabled","error","model-value","placeholder","readonly","onKeyup"])),t.createVNode(t.Transition,{name:"kongponents-fade-transition"},{default:t.withCtx(()=>[J.value&&(!z.enableFiltering||!me.value)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["custom-selected-item-wrapper",{clearable:z.clearable}])},[t.renderSlot(z.$slots,"selected-item-template",{item:T.value},()=>[t.renderSlot(z.$slots,"item-template",{item:T.value},void 0,!0)],!0)],2)):t.createCommentVNode("",!0)]),_:2},1024)],8,m7)]),_:2},1040,["onClose","onOpen","onPopoverClick"])]),_:3}),z.help?(t.openBlock(),t.createElementBlock("p",{key:1,class:t.normalizeClass(["help-text",{"select-error":z.error}])},t.toDisplayString(z.help),3)):t.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-4bc448f5"]]),k7={class:"k-slideout"},C7={class:"slideout-header"},S7={key:0,class:"slideout-title","data-testid":"slideout-title"},$7={class:"slideout-content"},Ih=he(t.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean},hasOverlay:{type:Boolean,default:!0},offsetTop:{default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{default:""},maxWidth:{default:"500px"},zIndex:{default:9999}},emits:["close"],setup(e,{emit:n}){t.useCssVars(c=>({"70ae8212":i.value,"024f5445":c.maxWidth,"4b30f6bb":c.zIndex}));const r=n,{getSizeFromString:a}=et(),o=t.useTemplateRef("slideoutContainerElement"),i=t.computed(()=>typeof e.offsetTop=="number"?a(String(e.offsetTop)):e.offsetTop);Uy(o,c=>{c.isTrusted&&e.closeOnBlur&&r("close")});const s=(c,l=!1)=>{(e.visible&&c.keyCode===27&&e.closeOnEscape||l)&&r("close")},d=c=>{typeof document<"u"&&(c?document==null||document.addEventListener("keydown",s):document==null||document.removeEventListener("keydown",s))};return t.watch(()=>e.visible,async c=>{d(!!c)},{immediate:!0}),t.onUnmounted(()=>{d(!1)}),(c,l)=>(t.openBlock(),t.createElementBlock("div",k7,[t.createVNode(t.Transition,{name:"kongponents-fade-transition"},{default:t.withCtx(()=>[c.visible?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!c.hasOverlay}])},null,2)):t.createCommentVNode("",!0)]),_:1}),t.createVNode(t.Transition,{name:"kongponents-slide-in-transition"},{default:t.withCtx(()=>[c.visible?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"slideoutContainerElement",ref:o,class:"slideout-container","data-testid":"slideout-container"},[t.createElementVNode("div",C7,[c.title||c.$slots.title?(t.openBlock(),t.createElementBlock("div",S7,[t.renderSlot(c.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(c.title),1)],!0)])):t.createCommentVNode("",!0),t.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:l[0]||(l[0]=t.withModifiers(p=>c.$emit("close"),["stop"]))},[t.createVNode(t.unref(Mt),{color:`var(--kui-color-text-neutral, ${t.unref(Kt)})`,decorative:""},null,8,["color"])])]),t.createElementVNode("div",$7,[t.renderSlot(c.$slots,"default",{},void 0,!0)])],512)):t.createCommentVNode("",!0)]),_:3})]))}}),[["__scopeId","data-v-ec2ec39e"]]),E7=["aria-current","data-testid"],B7={class:"step-circle"},D7=he(t.defineComponent({__name:"KStep",props:{label:{},state:{default:"default"},maxLabelWidth:{}},setup(e){const{getSizeFromString:n}=et(),r=t.computed(()=>({maxWidth:n(e.maxLabelWidth)}));return(a,o)=>(t.openBlock(),t.createElementBlock("li",{"aria-current":a.state==="active"?"step":"false",class:"step","data-testid":`step-${a.state}`},[t.createElementVNode("div",{class:t.normalizeClass(["step-container",`${a.state}`])},[t.createElementVNode("div",B7,[a.state==="completed"?(t.openBlock(),t.createBlock(t.unref(Wg),{key:0,color:`var(--kui-color-text-inverse, ${t.unref(el)})`,size:t.unref(ft),title:"Completed"},null,8,["color","size"])):a.state==="pending"?(t.openBlock(),t.createBlock(t.unref(ea),{key:1,color:`var(--kui-color-text-primary, ${t.unref(N1)})`,size:t.unref(ft),title:"Pending"},null,8,["color","size"])):a.state==="error"?(t.openBlock(),t.createBlock(t.unref(Mt),{key:2,color:`var(--kui-color-text-inverse, ${t.unref(el)})`,size:t.unref(ft),title:"Error"},null,8,["color","size"])):t.createCommentVNode("",!0)]),t.createElementVNode("span",{class:"step-label",style:t.normalizeStyle(r.value)},t.toDisplayString(a.label),5)],2)],8,E7))}}),[["__scopeId","data-v-be6c1b9f"]]),T7={key:0,class:"k-stepper"},Ah=he(t.defineComponent({__name:"KStepper",props:{steps:{},maxLabelWidth:{default:"170px"}},setup(e){return(n,r)=>n.steps&&n.steps.length?(t.openBlock(),t.createElementBlock("ol",T7,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.steps,a=>(t.openBlock(),t.createBlock(D7,{key:`step-${a.label.replace(/ /gi,"-")}`,label:a.label,"max-label-width":n.maxLabelWidth,state:a.state},null,8,["label","max-label-width","state"]))),128))])):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-5d71bb60"]]),N7={class:"table-column-visibility-menu"},x7={class:"apply-button-wrapper"},Oh=he(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),d=t.ref(),c=t.ref(""),l=()=>{i.value=a.columns.reduce((y,g)=>(y[g.key]=a.visibilityPreferences[g.key]===void 0?!0:a.visibilityPreferences[g.key],y),{}),s.value=!1},p=x4(y=>{c.value=y,d.value&&b(d.value)},500),u=t.computed(()=>c.value?a.columns.filter(y=>(y.label?y.label:y.key).toLowerCase().includes(c.value.toLowerCase())):a.columns),f=()=>{r("update",JSON.parse(JSON.stringify(i.value))),s.value=!1,c.value=""},m=y=>{o.value=y,y&&d.value&&t.nextTick(()=>{d.value&&b(d.value)}),!y&&s.value&&l(),y||(c.value="")},b=y=>{if(!(y.scrollHeight>y.clientHeight)){y.classList.remove("is-bottom-overflowing");return}const h=y.scrollHeight<y.clientHeight+y.scrollTop+1;y.classList.toggle("is-bottom-overflowing",!h)};return t.watch(()=>a.visibilityPreferences,()=>{l()},{immediate:!0}),t.onMounted(()=>{d.value&&(d.value.addEventListener("scroll",y=>{const g=y.currentTarget;b(g)}),b(d.value))}),t.onBeforeMount(()=>{l()}),(y,g)=>(t.openBlock(),t.createElementBlock("div",N7,[t.createVNode(Nn,{"data-testid":"table-column-visibility-menu",disabled:e.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:m},{items:t.withCtx(()=>[c.value||u.value.length>5?(t.openBlock(),t.createBlock(pn,{key:0,modelValue:c.value,"onUpdate:modelValue":g[1]||(g[1]=h=>c.value=h),modelModifiers:{trim:!0},autocomplete:"off",class:"search-input","data-testid":"search-input",placeholder:"Search columns",type:"search",onClick:g[2]||(g[2]=t.withModifiers(()=>{},["stop"])),onInput:t.unref(p)},t.createSlots({before:t.withCtx(()=>[t.createVNode(t.unref(Xi),{decorative:""})]),_:2},[c.value?{name:"after",fn:t.withCtx(()=>[t.createVNode(Ie,{appearance:"tertiary","aria-label":"Clear search",class:"clear-search","data-testid":"clear-search-button",icon:"",size:"small",onClick:g[0]||(g[0]=t.withModifiers(()=>c.value="",["stop"]))},{default:t.withCtx(()=>[t.createVNode(t.unref(Mt),{decorative:""})]),_:1})]),key:"0"}:void 0]),1032,["modelValue","onInput"])):t.createCommentVNode("",!0),t.createElementVNode("div",{ref_key:"menuItemsRef",ref:d,class:"menu-items-wrapper"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u.value,h=>(t.openBlock(),t.createBlock(Xa,{key:h.key,class:"column-visibility-menu-item","data-testid":`column-visibility-menu-item-${h.key}`,onClick:t.withModifiers(()=>{i.value[h.key]=!i.value[h.key],s.value=!0},["stop"])},{default:t.withCtx(()=>[t.createVNode(ia,{modelValue:i.value[h.key],"onUpdate:modelValue":w=>i.value[h.key]=w,"aria-labelledby":`${e.tableId}-${h.key}-visibility-checkbox-label`,"data-testid":`column-visibility-checkbox-${h.key}`},null,8,["modelValue","onUpdate:modelValue","aria-labelledby","data-testid"]),t.createVNode(Gt,{id:`${e.tableId}-${h.key}-visibility-checkbox-label`,class:"visibility-checkbox-label",title:h.label},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(h.label),1)]),_:2},1032,["id","title"])]),_:2},1032,["data-testid","onClick"]))),128))],512),t.createElementVNode("div",x7,[t.createVNode(Ie,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:f},{default:t.withCtx(()=>g[3]||(g[3]=[t.createTextVNode(" Apply ")])),_:1})])]),default:t.withCtx(()=>[t.createVNode(Bt,{placement:"bottom-end",text:o.value?void 0:"Show/Hide Columns"},{default:t.withCtx(()=>[t.createVNode(Ie,{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(v1),{decorative:""})]),_:1},8,["disabled"])]),_:1},8,["text"])]),_:1},8,["disabled"])]))}}),[["__scopeId","data-v-8a5d8147"]]),M7={class:"k-table"},I7={key:0,class:"table-toolbar","data-testid":"table-toolbar"},A7={key:0,class:"toolbar-default-items-container"},O7={key:2,class:"table-error-state","data-testid":"table-error-state"},P7={key:3,class:"table-empty-state","data-testid":"table-empty-state"},V7={key:4,class:"table-container"},L7=["data-tableid"],z7=["aria-sort","data-testid","onClick","onMouseover"],R7=["onMousedown","onMouseover"],F7=["aria-describedby"],_7=["onMousedown","onMouseover"],Y7=["role","tabindex"],H7=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:Rt.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(x=>({"3b498190":G.value}));const{useDebounce:r,useRequest:a,useSwrvState:o,clientSideSorter:i,getSizeFromString:s}=et(),d=e,c=n,l=t.useAttrs(),p=t.useSlots(),u=t.useId(),f={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},m=t.ref([]),b=t.ref(),y=t.ref([]),g=t.ref([]),h=t.ref(""),w=t.ref(""),v=t.ref(""),k=t.computed(()=>y.value.filter(x=>x.hidable).length>0),S=t.computed(()=>!!(k.value&&!d.error&&!ze.value&&!d.loading&&m.value&&m.value.length)),B=t.computed(()=>y.value.filter(x=>x.hidable)),T=t.computed(()=>S.value?d.tablePreferences.columnVisibility||{}:{}),V=t.ref(S.value?d.tablePreferences.columnVisibility||{}:{}),O=t.ref(0),Y=t.ref(!1),N=t.ref(1),D=t.ref(15),C=t.ref(""),$=t.ref(""),A=t.ref("desc"),I=t.ref(null),F=t.ref([]),R=t.ref(!0),q=t.ref(!1),_=t.ref(!1),J=t.computed(()=>!!p.toolbar||S.value),Z=t.computed(()=>({maxHeight:s(d.maxHeight)})),fe=x=>`column-${x}`,ne=x=>`tooltip-${x}`,se=x=>x,ue=(x,P)=>(K,Q)=>{const oe=/^on[^a-z]/,le={};for(const Pe in P)oe.test(Pe)&&P[Pe]&&(le[Pe]=P[Pe]);return Object.keys(le).reduce((Pe,Ye)=>{if(Ye.indexOf(x)===0){const Fe=Ye.split(x);Pe[Fe[1]]=St=>le[Ye](St,K,Q)}return Pe},{})},ge=t.computed(()=>(x,P)=>{const K=ue("onRow:",l)(P,"row"),Q=ue("onCell:",l)(x,"cell"),oe=["a","button","label","input","select"];return K.click&&(q.value=!0),{...K,...Q,click(le){const Pe=le.target.className;let Ye=oe.includes(le.target.tagName.toLowerCase()),Fe=!1;typeof Pe=="string"||Array.isArray(Pe)?Fe=Pe.includes("k-popover"):typeof Pe=="object"&&(Fe=Object.keys(Pe).includes("k-popover")),le.target.closest(".popover-content")!==null&&(Fe=!0);for(let St=0;St<oe.length;St++)if(le.target.closest(oe[St])!==null){Ye=!0;break}if((!Ye||le.target.hasAttribute("disabled"))&&!Fe&&(K.click||Q.click))if(Q.click){c("cell-click",{data:x});const St=Q.click(le,x,"cell");typeof St=="function"&&St(le,x)}else{c("row-click",{data:P});const St=K.click(le,P,"row");typeof St=="function"&&St(le,P)}}}}),ye=t.ref(d.resizeColumns?d.tablePreferences.columnWidths||{}:{}),Ne=t.computed(()=>{const x={};for(const P in ye.value){if(!ye.value[P])continue;const K=ye.value[P]+"px";x[P]={width:K,maxWidth:K,minWidth:K}}return x}),Le=(x,P)=>({"resize-hover":Te.value===x.key&&d.resizeColumns&&P!==g.value.length-1,resizable:d.resizeColumns,sortable:d.sortable&&!x.hideLabel&&!!x.sortable,"active-sort":d.sortable&&!x.hideLabel&&!!x.sortable&&x.key===$.value,[A.value]:d.sortable&&x.key===$.value&&!x.hideLabel,"is-scrolled":Y.value,"has-tooltip":!!x.tooltip}),Ae=t.computed(()=>h.value?"resizing":w.value?"resize-hover":v.value?"th-hover":""),Te=t.computed(()=>{switch(Ae.value){case"resizing":return h.value;case"resize-hover":return w.value;case"th-hover":return v.value;default:return""}}),xe=t.computed(()=>{var x;return(x=b.value)==null?void 0:x.querySelectorAll("th.resizable")}),G=t.computed(()=>{var P;const x=(P=xe.value)==null?void 0:P.item(0);if(x){const K=window==null?void 0:window.getComputedStyle(x);if(K!=null&&K.height)return`${parseInt(K.height,10)}px`}return"auto"}),Ce=(x,P)=>{var Ye;if(x.button!==0)return;let K=0,Q=0;h.value=P;let oe=null;(Ye=xe.value)==null||Ye.forEach(Fe=>{Fe.getAttribute("data-testid")===`table-header-${P}`&&(oe=document==null?void 0:document.querySelector(`[data-tableid="${u}"] [data-testid="table-header-${P}"]`))});const le=Fe=>{const St=Fe.clientX-K;oe==null||oe.setAttribute("style",`width: ${Q+St}px`),ye.value[P]=Q+St},Pe=()=>{h.value="",document==null||document.removeEventListener("mousemove",le),document==null||document.removeEventListener("mouseup",Pe),Je()};if(K=x.clientX,oe){const Fe=window==null?void 0:window.getComputedStyle(oe);Fe!=null&&Fe.width&&(Q=parseInt(Fe.width,10)),document==null||document.addEventListener("mousemove",le),document==null||document.addEventListener("mouseup",Pe)}},W=t.ref(!0),ae=async()=>{var K,Q;const x=d.searchInput,P=await d.fetcher({pageSize:D.value,page:N.value,query:x||C.value,sortColumnKey:$.value,sortColumnOrder:A.value,offset:I.value});return m.value=P.data,O.value=d.paginationTotalItems||P.total||((K=P.data)==null?void 0:K.length),d.paginationOffset&&((Q=P.pagination)!=null&&Q.offset?(de.value=P.pagination.offset,F.value[N.value]||F.value.push(P.pagination.offset)):de.value=null,R.value=P.pagination&&"hasNextPage"in P.pagination?P.pagination.hasNextPage:!0),m.value.length===0&&N.value>1&&(N.value=1,F.value=[null],I.value=null),W.value=!1,P},z=()=>{const x={...f,...d.initialFetcherParams};N.value=x.page??f.page,D.value=x.pageSize??f.pageSize,C.value=x.query??f.query,$.value=x.sortColumnKey??f.sortColumnKey,A.value=x.sortColumnOrder??f.sortColumnOrder,d.clientSort&&$.value&&A.value&&i($.value,"",A.value,m.value),d.paginationOffset&&(I.value=x.offset,F.value.push(x.offset)),d.headers&&d.headers.length&&(y.value=d.headers),_.value=!0};t.watch(()=>d.headers,x=>{x&&x.length&&(y.value=x)},{deep:!0});const ie=t.computed(()=>F.value[N.value-1]),de=t.ref(null),me=t.computed(()=>{if(!d.fetcher||!_.value)return"";let x=u;return d.cacheIdentifier&&(x=d.cacheIdentifier),d.fetcherCacheKey&&(x+=`-${d.fetcherCacheKey}`),`k-table_${x}`}),we=t.ref(""),{debouncedFn:We,generateDebouncedFn:Ge}=r(x=>{we.value=x},350),Oe=Ge(0),{data:Qe,error:ot,revalidate:it,isValidating:j}=a(()=>me.value,()=>ae(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:Se,hasData:ke,swrvState:Re}=o(Qe,ot,j),ze=t.ref(!0),dt=t.computed(()=>({hasData:ke.value,state:Se.value})),ut=t.computed(()=>ze.value?"loading":ot.value?"error":"success"),{debouncedFn:X,generateDebouncedFn:L}=r(it,500),E=L(0),H=x=>{const{key:P,useSortHandlerFunction:K}=x,Q=$.value+"";N.value=1,$.value?P===$.value?A.value==="asc"?A.value="desc":A.value="asc":($.value=P,A.value="asc",F.value=[null]):($.value=P,A.value="asc",F.value=[null]),d.clientSort?K&&d.sortHandlerFunction?d.sortHandlerFunction({key:P,prevKey:Q,sortColumnOrder:A.value,data:m.value}):i(P,Q,A.value,m.value):d.paginationOffset||X(),Je()},U=({page:x})=>{N.value=x},ee=({pageSize:x})=>{F.value=[null],I.value=null,D.value=x,N.value=1,Je()},$e=x=>{x&&x.target&&typeof x.target.scrollTop=="number"&&(x.target.scrollTop>1?Y.value=!0:x.target.scrollTop===0&&(Y.value=!Y.value))},Ee=t.computed(()=>({pageSize:D.value,sortColumnKey:$.value,sortColumnOrder:A.value,...d.resizeColumns?{columnWidths:ye.value}:{},...k.value?{columnVisibility:V.value}:{}})),Je=()=>{ut.value==="success"&&c("update:table-preferences",Ee.value)},Ct=()=>{N.value++,I.value=de.value},cn=()=>{N.value--,I.value=ie.value},hr=t.computed(()=>!!(d.fetcher&&!d.disablePagination&&!(!d.paginationOffset&&d.hidePaginationWhenOptional&&O.value<=d.paginationPageSizes[0])&&!(d.paginationOffset&&d.hidePaginationWhenOptional&&!ie.value&&!de.value&&m.value.length<d.paginationPageSizes[0]))),nt=x=>x.toLowerCase().replace(/[^[a-z0-9]/gi,"-");t.watch([V,y],x=>{const P=x[0],Q=x[1].filter(oe=>P[oe.key]!==!1);JSON.stringify(Q)!==JSON.stringify(g.value)&&(g.value=Q,Je())},{deep:!0,immediate:!0}),t.watch(Qe,x=>{x!=null&&x.length&&!m.value.length&&(m.value=x)},{deep:!0,immediate:!0}),t.watch(Se,()=>{switch(Se.value){case Re.PENDING:ze.value=!0;break;case Re.VALIDATING_HAS_DATA:ze.value=M.value;break;default:ze.value=!1;break}},{immediate:!0}),t.watch([dt,ut],x=>{var P;c("state",{state:x==null?void 0:x[1],hasData:(P=x==null?void 0:x[0])==null?void 0:P.hasData})}),t.watch(()=>d.searchInput,x=>{N.value!==1&&(N.value=1),x===""?Oe(x):We(x)},{immediate:!0});const M=t.ref(!1);return t.watch([we,N,D],async(x,P)=>{const K=P==null?void 0:P[0],Q=x[0],oe=x[1];Q!==K&&oe!==1&&(N.value=1,F.value=[null],I.value=null),_.value&&!W.value&&(M.value=!0,Q!==""&&Q!==K?await X():await E(),M.value=!1)},{deep:!0,immediate:!0}),t.watch(S,x=>{x&&(V.value=d.tablePreferences.columnVisibility||{})},{immediate:!0}),t.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
 We suggest using 'KTableData' component instead.
-Docs: https://kongponents.konghq.com/components/table-data.html`),z()}),(x,P)=>(t.openBlock(),t.createElementBlock("div",M7,[J.value?(t.openBlock(),t.createElementBlock("div",I7,[t.renderSlot(x.$slots,"toolbar",{state:dt.value},void 0,!0),S.value?(t.openBlock(),t.createElementBlock("div",A7,[t.createVNode(Oh,{columns:B.value,"table-id":t.unref(u),"visibility-preferences":T.value,onUpdate:P[0]||(P[0]=K=>V.value=K)},null,8,["columns","table-id","visibility-preferences"])])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),(ze.value||e.loading||M.value)&&!e.error?(t.openBlock(),t.createBlock(aa,{key:1,"data-testid":"table-skeleton",type:"table"})):e.error?(t.openBlock(),t.createElementBlock("div",O7,[t.renderSlot(x.$slots,"error-state",{},()=>[t.createVNode(Tn,{"icon-variant":"error",message:e.errorStateMessage,title:e.errorStateTitle},t.createSlots({_:2},[e.errorStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Ie,{"data-testid":nt(e.errorStateActionMessage),to:e.errorStateActionRoute?e.errorStateActionRoute:void 0,onClick:P[1]||(P[1]=K=>x.$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&&!M.value&&m.value&&!m.value.length?(t.openBlock(),t.createElementBlock("div",P7,[t.renderSlot(x.$slots,"empty-state",{},()=>[t.createVNode(Tn,{"icon-variant":e.emptyStateIconVariant,message:e.emptyStateMessage,title:e.emptyStateTitle},t.createSlots({_:2},[e.emptyStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Ie,{appearance:e.searchInput?"tertiary":"primary","data-testid":nt(e.emptyStateActionMessage),to:e.emptyStateActionRoute?e.emptyStateActionRoute:void 0,onClick:P[2]||(P[2]=K=>x.$emit("empty-state-action-click"))},{default:t.withCtx(()=>[t.renderSlot(x.$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",V7,[t.createElementVNode("div",{class:"table-wrapper",style:t.normalizeStyle(Z.value),onScrollPassive:$e},[t.createElementVNode("table",{class:t.normalizeClass(["table",{"has-hover":e.rowHover,"is-clickable":q.value}]),"data-tableid":t.unref(u)},[t.createElementVNode("thead",{class:t.normalizeClass({"is-scrolled":Y.value})},[t.createElementVNode("tr",{ref_key:"headerRow",ref:b,class:t.normalizeClass({"is-scrolled":Y.value})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(g.value,(K,Q)=>(t.openBlock(),t.createElementBlock("th",{key:`table-${t.unref(u)}-headers-${Q}`,"aria-sort":e.sortable&&K.key===$.value?A.value==="asc"?"ascending":"descending":void 0,class:t.normalizeClass(["table-headers",Le(K,Q)]),"data-testid":`table-header-${K.key}`,style:t.normalizeStyle(Ne.value[K.key]),onClick:()=>{e.sortable&&K.sortable&&(x.$emit("sort",{prevKey:$.value,sortColumnKey:K.key,sortColumnOrder:A.value==="asc"?"desc":"asc"}),H(K))},onMouseleave:P[7]||(P[7]=oe=>v.value=""),onMouseover:oe=>v.value=K.key},[e.resizeColumns&&Q!==0?(t.openBlock(),t.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:P[3]||(P[3]=t.withModifiers(()=>{},["stop"])),onMousedown:oe=>Ce(oe,g.value[Q-1].key),onMouseleave:P[4]||(P[4]=oe=>w.value=""),onMouseover:oe=>w.value=g.value[Q-1].key},null,40,R7)):t.createCommentVNode("",!0),t.createElementVNode("div",{"aria-describedby":K.tooltip||x.$slots[ne(K.key)]?`${ne(K.key)}-${t.unref(u)}`:void 0,class:t.normalizeClass(["table-headers-container",{resized:h.value===K.key}])},[t.renderSlot(x.$slots,fe(K.key),{column:se(K)},()=>[t.createElementVNode("span",{class:t.normalizeClass(["table-header-label",{"sr-only":K.hideLabel}])},t.toDisplayString(K.label?K.label:K.key),3)],!0),K.tooltip||x.$slots[ne(K.key)]?(t.openBlock(),t.createBlock(Bt,{key:0,"data-testid":ne(K.key),"tooltip-id":`${ne(K.key)}-${t.unref(u)}`},{content:t.withCtx(()=>[t.renderSlot(x.$slots,ne(K.key),{column:se(K)},()=>[t.createTextVNode(t.toDisplayString(K.tooltip),1)],!0)]),default:t.withCtx(()=>[t.createVNode(t.unref(Yn),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${t.unref(Kt)})`,size:t.unref(Ut)},null,8,["color","size"])]),_:2},1032,["data-testid","tooltip-id"])):t.createCommentVNode("",!0),e.sortable&&!K.hideLabel&&K.sortable?(t.openBlock(),t.createBlock(t.unref(Gi),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral, ${t.unref(Kt)})`,size:t.unref(Ut)},null,8,["color","size"])):t.createCommentVNode("",!0)],10,F7),e.resizeColumns&&Q!==g.value.length-1?(t.openBlock(),t.createElementBlock("div",{key:1,class:"resize-handle",onClick:P[5]||(P[5]=t.withModifiers(()=>{},["stop"])),onMousedown:oe=>Ce(oe,K.key),onMouseleave:P[6]||(P[6]=oe=>w.value=""),onMouseover:oe=>w.value=K.key},null,40,_7)):t.createCommentVNode("",!0)],46,z7))),128))],2)],2),t.createElementVNode("tbody",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.value,(K,Q)=>(t.openBlock(),t.createElementBlock("tr",t.mergeProps({ref_for:!0},e.rowAttrs(K),{key:`table-${t.unref(u)}-row-${Q}`,role:q.value?"link":null,tabindex:q.value?0:null}),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(g.value,(oe,le)=>(t.openBlock(),t.createElementBlock("td",t.mergeProps({ref_for:!0},e.cellAttrs({headerKey:oe.key,row:K,rowIndex:Q,colIndex:le}),{key:`table-${t.unref(u)}-cell-${le}`,class:{"resize-hover":e.resizeColumns&&Te.value===oe.key&&le!==g.value.length-1},style:Ne.value[oe.key]},t.toHandlers(ge.value(K[oe.key],K),!0)),[t.renderSlot(x.$slots,oe.key,{row:se(K),rowKey:Q,rowValue:K[oe.key]},()=>[t.createTextVNode(t.toDisplayString(K[oe.key]),1)],!0)],16))),128))],16,Y7))),128))])],10,L7)],36),hr.value?(t.openBlock(),t.createBlock(oa,{key:0,class:"table-pagination","current-page":N.value,"data-testid":"table-pagination","disable-page-jump":e.disablePaginationPageJump,"initial-page-size":D.value,neighbors:e.paginationNeighbors,offset:e.paginationOffset,"offset-next-button-disabled":!de.value||!R.value,"offset-previous-button-disabled":!ie.value,"page-sizes":e.paginationPageSizes,"total-count":O.value,onGetNextOffset:Ct,onGetPreviousOffset:cn,onPageChange:U,onPageSizeChange:ee},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):t.createCommentVNode("",!0)]))]))}}),Ph=he(H7,[["__scopeId","data-v-69b41e52"]]),q7={class:"k-tabs"},W7={"aria-label":"Tabs",role:"tablist"},K7=["id","data-testid"],U7=["id","aria-labelledby"],Vh=he(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},beforeChange:{type:Function,default:()=>!0}},emits:["update:modelValue","change"],setup(e,{emit:n}){var c;const r=e,a=n,o=t.ref(r.modelValue?r.modelValue:(c=r.tabs[0])==null?void 0:c.hash),i=async l=>{(typeof r.beforeChange!="function"||await r.beforeChange(l))&&(o.value=l,a("change",l),a("update:modelValue",l))},s=l=>l.replace("#",""),d=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,p)=>(t.openBlock(),t.createElementBlock("div",q7,[t.createElementVNode("ul",W7,[(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}]),"data-testid":`${u.hash.replace("#","")}-tab`},[t.createVNode(Ie,{appearance:"none","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",{disabled:u.disabled}]),disabled:u.disabled,role:"tab",tabindex:d(u),to:u.to,onClick:[f=>u.disabled?void 0:i(u.hash),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"])]},{default:t.withCtx(()=>[t.renderSlot(l.$slots,`${s(u.hash)}-anchor`,{},()=>[t.createElementVNode("span",null,t.toDisplayString(u.title),1)])]),_:2},1032,["aria-controls","aria-selected","class","disabled","tabindex","to","onClick","onKeydown"])],10,K7))),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}):t.createCommentVNode("",!0)],8,U7))),128))]))}}),[["__scopeId","data-v-adc5b823"]]),j7=["data-value"],G7=["id","aria-invalid","rows","value"],Vs=2048,Lh=Xd?0:Jd(),zh=f0("field-sizing","content"),Q7={inheritAttrs:!1},Z7=t.defineComponent({...Q7,__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:Vs,validator:e=>typeof e=="number"?e>0:!0},rows:{type:Number,default:5},error:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},autosize:{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}){t.useCssVars(B=>({"2c7a153f":e.rows}));const r=e,a=n,o=t.useAttrs(),i=t.useSlots(),{stripRequiredLabel:s}=et(),d=t.computed(()=>(o==null?void 0:o.required)!==void 0&&String(o==null?void 0:o.required)!=="false"),c=t.ref(""),l=t.computed(()=>s(r.label,d.value)),p=t.computed(()=>{var B,T;return!!((B=r.labelAttributes)!=null&&B.help||(T=r.labelAttributes)!=null&&T.info||i["label-tooltip"])}),u=t.computed(()=>r.error||r.hasError||h.value?!0:void 0),f=t.ref(0),m=t.computed({get(){return r.modelValue},set(B){w({target:{value:B}})}}),b=t.useId(),y=t.computed(()=>o.id?String(o.id):b),g=t.computed(()=>{const B={...o};return delete B.class,B}),h=t.computed(()=>typeof r.characterLimit=="boolean"?r.characterLimit?c.value.length>Vs:!1:c.value.length>r.characterLimit),w=B=>{var V;const T=JSON.parse(JSON.stringify((V=B==null?void 0:B.target)==null?void 0:V.value));a("input",T),a("update:modelValue",T),c.value=T},v=t.computed(()=>{var T;const B=typeof r.characterLimit=="number"?r.characterLimit:Vs;return h.value?`${(T=c.value)==null?void 0:T.toString().length} / ${B}`:r.help});t.watch(h,(B,T)=>{B!==T&&(a("char-limit-exceeded",{value:c.value,length:c.value.length,characterLimit:Number(r.characterLimit),limitExceeded:B}),f.value+=1)}),t.watch(m,(B,T)=>{B!==T&&w({target:{value:B}})});const k=()=>c.value?c.value:r.modelValue,S=Xd?()=>{}:B=>{const{target:T,clientX:V,clientY:O}=B;if(!(T instanceof HTMLTextAreaElement))return;const{right:Y,bottom:N}=T.getBoundingClientRect();V>Y-Lh&&O>N-Lh&&(T.style.height="")};return(B,T)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-textarea",[B.$attrs.class,{"input-error":e.error||e.hasError||h.value}]])},[e.label?(t.openBlock(),t.createBlock(Gt,t.mergeProps({key:0,for:y.value},e.labelAttributes,{required:d.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(l.value)+" ",1)]),_:2},[p.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(B.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["input-textarea-wrapper",{autosize:e.autosize,legacy:e.autosize&&!t.unref(zh)}]),"data-allow-mismatch":"class","data-value":t.unref(zh)?null:c.value},[t.createElementVNode("textarea",t.mergeProps({id:y.value},g.value,{"aria-invalid":u.value,class:["input-textarea",{resizable:e.resizable||e.isResizable}],rows:e.rows,value:k(),onDblclick:T[0]||(T[0]=(...V)=>t.unref(S)&&t.unref(S)(...V)),onInput:w}),null,16,G7)],10,j7),t.createVNode(t.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:t.withCtx(()=>[v.value?(t.openBlock(),t.createElementBlock("p",{key:String(f.value),class:"help-text"},t.toDisplayString(v.value),1)):t.createCommentVNode("",!0)]),_:1})],2))}}),Rh=he(Z7,[["__scopeId","data-v-52a36711"]]),X7={class:"toaster-icon-container"},J7={class:"toaster-content"},eP={key:0,class:"toaster-title"},tP={key:1,class:"toaster-message"},nP=["onClick"],Ls=he(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 Yn;case"success":return Cc;case"warning":return Ji;case"danger":return Zg;case"system":return Zi;default:return Yn}};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",X7,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n(o.appearance)),{class:"toaster-icon",color:`var(--kui-color-text, ${t.unref(E1)})`,decorative:""},null,8,["color"]))]),t.createElementVNode("div",J7,[o.title?(t.openBlock(),t.createElementBlock("span",eP,t.toDisplayString(o.title),1)):t.createCommentVNode("",!0),o.message?(t.openBlock(),t.createElementBlock("p",tP,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(Mt),{color:`var(--kui-color-text-neutral-weak, ${t.unref(T1)})`,size:t.unref(M1)},null,8,["color","size"])],8,nP)],2))),128))]),_:1}))}}),[["__scopeId","data-v-c719c82d"]]),rP="kongponents-toaster-container",zs={timeoutMilliseconds:5e3,appearance:ji.info},aP=1e4;class Fh{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=rP,document.body.appendChild(this.toastersContainer),this.toaster=t.createVNode(Ls,{toasterState:this.toasts.value,zIndex:n!=null&&n.zIndex?n.zIndex:aP,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,d=r?String(r):Ni(),c=o&&Object.keys(ji).indexOf(o)!==-1?o:zs.appearance,l=this.setTimer(r,a||zs.timeoutMilliseconds),p=typeof n=="string"?n:i;this.toasts.value.push({key:d,appearance:c,title:s,message:p,timer:l,timeoutMilliseconds:a||zs.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())}}/*!
+Docs: https://kongponents.konghq.com/components/table-data.html`),z()}),(x,P)=>(t.openBlock(),t.createElementBlock("div",M7,[J.value?(t.openBlock(),t.createElementBlock("div",I7,[t.renderSlot(x.$slots,"toolbar",{state:dt.value},void 0,!0),S.value?(t.openBlock(),t.createElementBlock("div",A7,[t.createVNode(Oh,{columns:B.value,"table-id":t.unref(u),"visibility-preferences":T.value,onUpdate:P[0]||(P[0]=K=>V.value=K)},null,8,["columns","table-id","visibility-preferences"])])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),(ze.value||e.loading||M.value)&&!e.error?(t.openBlock(),t.createBlock(aa,{key:1,"data-testid":"table-skeleton",type:"table"})):e.error?(t.openBlock(),t.createElementBlock("div",O7,[t.renderSlot(x.$slots,"error-state",{},()=>[t.createVNode(Tn,{"icon-variant":"error",message:e.errorStateMessage,title:e.errorStateTitle},t.createSlots({_:2},[e.errorStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Ie,{"data-testid":nt(e.errorStateActionMessage),to:e.errorStateActionRoute?e.errorStateActionRoute:void 0,onClick:P[1]||(P[1]=K=>x.$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&&!M.value&&m.value&&!m.value.length?(t.openBlock(),t.createElementBlock("div",P7,[t.renderSlot(x.$slots,"empty-state",{},()=>[t.createVNode(Tn,{"icon-variant":e.emptyStateIconVariant,message:e.emptyStateMessage,title:e.emptyStateTitle},t.createSlots({_:2},[e.emptyStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Ie,{appearance:e.searchInput?"tertiary":"primary","data-testid":nt(e.emptyStateActionMessage),to:e.emptyStateActionRoute?e.emptyStateActionRoute:void 0,onClick:P[2]||(P[2]=K=>x.$emit("empty-state-action-click"))},{default:t.withCtx(()=>[t.renderSlot(x.$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",V7,[t.createElementVNode("div",{class:"table-wrapper",style:t.normalizeStyle(Z.value),onScrollPassive:$e},[t.createElementVNode("table",{class:t.normalizeClass(["table",{"has-hover":e.rowHover,"is-clickable":q.value}]),"data-tableid":t.unref(u)},[t.createElementVNode("thead",{class:t.normalizeClass({"is-scrolled":Y.value})},[t.createElementVNode("tr",{ref_key:"headerRow",ref:b,class:t.normalizeClass({"is-scrolled":Y.value})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(g.value,(K,Q)=>(t.openBlock(),t.createElementBlock("th",{key:`table-${t.unref(u)}-headers-${Q}`,"aria-sort":e.sortable&&K.key===$.value?A.value==="asc"?"ascending":"descending":void 0,class:t.normalizeClass(["table-headers",Le(K,Q)]),"data-testid":`table-header-${K.key}`,style:t.normalizeStyle(Ne.value[K.key]),onClick:()=>{e.sortable&&K.sortable&&(x.$emit("sort",{prevKey:$.value,sortColumnKey:K.key,sortColumnOrder:A.value==="asc"?"desc":"asc"}),H(K))},onMouseleave:P[7]||(P[7]=oe=>v.value=""),onMouseover:oe=>v.value=K.key},[e.resizeColumns&&Q!==0?(t.openBlock(),t.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:P[3]||(P[3]=t.withModifiers(()=>{},["stop"])),onMousedown:oe=>Ce(oe,g.value[Q-1].key),onMouseleave:P[4]||(P[4]=oe=>w.value=""),onMouseover:oe=>w.value=g.value[Q-1].key},null,40,R7)):t.createCommentVNode("",!0),t.createElementVNode("div",{"aria-describedby":K.tooltip||x.$slots[ne(K.key)]?`${ne(K.key)}-${t.unref(u)}`:void 0,class:t.normalizeClass(["table-headers-container",{resized:h.value===K.key}])},[t.renderSlot(x.$slots,fe(K.key),{column:se(K)},()=>[t.createElementVNode("span",{class:t.normalizeClass(["table-header-label",{"sr-only":K.hideLabel}])},t.toDisplayString(K.label?K.label:K.key),3)],!0),K.tooltip||x.$slots[ne(K.key)]?(t.openBlock(),t.createBlock(Bt,{key:0,"data-testid":ne(K.key),"tooltip-id":`${ne(K.key)}-${t.unref(u)}`},{content:t.withCtx(()=>[t.renderSlot(x.$slots,ne(K.key),{column:se(K)},()=>[t.createTextVNode(t.toDisplayString(K.tooltip),1)],!0)]),default:t.withCtx(()=>[t.createVNode(t.unref(Yn),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${t.unref(Kt)})`,size:t.unref(Ut)},null,8,["color","size"])]),_:2},1032,["data-testid","tooltip-id"])):t.createCommentVNode("",!0),e.sortable&&!K.hideLabel&&K.sortable?(t.openBlock(),t.createBlock(t.unref(Gi),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral, ${t.unref(Kt)})`,size:t.unref(Ut)},null,8,["color","size"])):t.createCommentVNode("",!0)],10,F7),e.resizeColumns&&Q!==g.value.length-1?(t.openBlock(),t.createElementBlock("div",{key:1,class:"resize-handle",onClick:P[5]||(P[5]=t.withModifiers(()=>{},["stop"])),onMousedown:oe=>Ce(oe,K.key),onMouseleave:P[6]||(P[6]=oe=>w.value=""),onMouseover:oe=>w.value=K.key},null,40,_7)):t.createCommentVNode("",!0)],46,z7))),128))],2)],2),t.createElementVNode("tbody",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.value,(K,Q)=>(t.openBlock(),t.createElementBlock("tr",t.mergeProps({ref_for:!0},e.rowAttrs(K),{key:`table-${t.unref(u)}-row-${Q}`,role:q.value?"link":null,tabindex:q.value?0:null}),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(g.value,(oe,le)=>(t.openBlock(),t.createElementBlock("td",t.mergeProps({ref_for:!0},e.cellAttrs({headerKey:oe.key,row:K,rowIndex:Q,colIndex:le}),{key:`table-${t.unref(u)}-cell-${le}`,class:{"resize-hover":e.resizeColumns&&Te.value===oe.key&&le!==g.value.length-1},style:Ne.value[oe.key]},t.toHandlers(ge.value(K[oe.key],K),!0)),[t.renderSlot(x.$slots,oe.key,{row:se(K),rowKey:Q,rowValue:K[oe.key]},()=>[t.createTextVNode(t.toDisplayString(K[oe.key]),1)],!0)],16))),128))],16,Y7))),128))])],10,L7)],36),hr.value?(t.openBlock(),t.createBlock(oa,{key:0,class:"table-pagination","current-page":N.value,"data-testid":"table-pagination","disable-page-jump":e.disablePaginationPageJump,"initial-page-size":D.value,neighbors:e.paginationNeighbors,offset:e.paginationOffset,"offset-next-button-disabled":!de.value||!R.value,"offset-previous-button-disabled":!ie.value,"page-sizes":e.paginationPageSizes,"total-count":O.value,onGetNextOffset:Ct,onGetPreviousOffset:cn,onPageChange:U,onPageSizeChange:ee},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):t.createCommentVNode("",!0)]))]))}}),Ph=he(H7,[["__scopeId","data-v-69b41e52"]]),q7={class:"k-tabs"},W7={"aria-label":"Tabs",role:"tablist"},K7=["id","data-testid"],U7=["id","aria-labelledby"],Vh=he(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},beforeChange:{type:Function,default:()=>!0}},emits:["update:modelValue","change"],setup(e,{emit:n}){var c;const r=e,a=n,o=t.ref(r.modelValue?r.modelValue:(c=r.tabs[0])==null?void 0:c.hash),i=async l=>{(typeof r.beforeChange!="function"||await r.beforeChange(l))&&(o.value=l,a("change",l),a("update:modelValue",l))},s=l=>l.replace("#",""),d=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,p)=>(t.openBlock(),t.createElementBlock("div",q7,[t.createElementVNode("ul",W7,[(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}]),"data-testid":`${u.hash.replace("#","")}-tab`},[t.createVNode(Ie,{appearance:"none","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",{disabled:u.disabled}]),disabled:u.disabled,role:"tab",tabindex:d(u),to:u.to,onClick:[f=>u.disabled?void 0:i(u.hash),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"])]},{default:t.withCtx(()=>[t.renderSlot(l.$slots,`${s(u.hash)}-anchor`,{},()=>[t.createElementVNode("span",null,t.toDisplayString(u.title),1)])]),_:2},1032,["aria-controls","aria-selected","class","disabled","tabindex","to","onClick","onKeydown"])],10,K7))),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}):t.createCommentVNode("",!0)],8,U7))),128))]))}}),[["__scopeId","data-v-adc5b823"]]),j7=["data-value"],G7=["id","aria-invalid","rows","value"],Vs=2048,Lh=Xd?0:Jd(),zh=f0("field-sizing","content"),Q7={inheritAttrs:!1},Z7=t.defineComponent({...Q7,__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:Vs,validator:e=>typeof e=="number"?e>0:!0},rows:{type:Number,default:5},error:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},autosize:{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}){t.useCssVars(B=>({"2c7a153f":e.rows}));const r=e,a=n,o=t.useAttrs(),i=t.useSlots(),{stripRequiredLabel:s}=et(),d=t.computed(()=>(o==null?void 0:o.required)!==void 0&&String(o==null?void 0:o.required)!=="false"),c=t.ref(""),l=t.computed(()=>s(r.label,d.value)),p=t.computed(()=>{var B,T;return!!((B=r.labelAttributes)!=null&&B.help||(T=r.labelAttributes)!=null&&T.info||i["label-tooltip"])}),u=t.computed(()=>r.error||r.hasError||h.value?!0:void 0),f=t.ref(0),m=t.computed({get(){return r.modelValue},set(B){w({target:{value:B}})}}),b=t.useId(),y=t.computed(()=>o.id?String(o.id):b),g=t.computed(()=>{const B={...o};return delete B.class,B}),h=t.computed(()=>typeof r.characterLimit=="boolean"?r.characterLimit?c.value.length>Vs:!1:c.value.length>r.characterLimit),w=B=>{var V;const T=JSON.parse(JSON.stringify((V=B==null?void 0:B.target)==null?void 0:V.value));a("input",T),a("update:modelValue",T),c.value=T},v=t.computed(()=>{var T;const B=typeof r.characterLimit=="number"?r.characterLimit:Vs;return h.value?`${(T=c.value)==null?void 0:T.toString().length} / ${B}`:r.help});t.watch(h,(B,T)=>{B!==T&&(a("char-limit-exceeded",{value:c.value,length:c.value.length,characterLimit:Number(r.characterLimit),limitExceeded:B}),f.value+=1)}),t.watch(m,(B,T)=>{B!==T&&w({target:{value:B}})});const k=()=>c.value?c.value:r.modelValue,S=Xd?()=>{}:B=>{const{target:T,clientX:V,clientY:O}=B;if(!(T instanceof HTMLTextAreaElement))return;const{right:Y,bottom:N}=T.getBoundingClientRect();V>Y-Lh&&O>N-Lh&&(T.style.height="")};return(B,T)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-textarea",[B.$attrs.class,{"input-error":e.error||e.hasError||h.value}]])},[e.label?(t.openBlock(),t.createBlock(Gt,t.mergeProps({key:0,for:y.value},e.labelAttributes,{required:d.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(l.value)+" ",1)]),_:2},[p.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(B.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["input-textarea-wrapper",{autosize:e.autosize,legacy:e.autosize&&!t.unref(zh)}]),"data-allow-mismatch":"class","data-value":t.unref(zh)?null:c.value},[t.createElementVNode("textarea",t.mergeProps({id:y.value},g.value,{"aria-invalid":u.value,class:["input-textarea",{resizable:e.resizable||e.isResizable}],rows:e.rows,value:k(),onDblclick:T[0]||(T[0]=(...V)=>t.unref(S)&&t.unref(S)(...V)),onInput:w}),null,16,G7)],10,j7),t.createVNode(t.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:t.withCtx(()=>[v.value?(t.openBlock(),t.createElementBlock("p",{key:String(f.value),class:"help-text"},t.toDisplayString(v.value),1)):t.createCommentVNode("",!0)]),_:1})],2))}}),Rh=he(Z7,[["__scopeId","data-v-52a36711"]]),X7={class:"toaster-icon-container"},J7={class:"toaster-content"},eP={key:0,class:"toaster-title"},tP={key:1,class:"toaster-message"},nP=["onClick"],Ls=he(t.defineComponent({__name:"KToaster",props:{toasterState:{default:()=>[]},zIndex:{default:1e4}},emits:["close"],setup(e,{emit:n}){t.useCssVars(o=>({"6f45326c":o.zIndex}));const r=n,a=o=>{switch(o){case"info":return Yn;case"success":return Cc;case"warning":return Ji;case"danger":return Zg;case"system":return Zi;default:return Yn}};return(o,i)=>(t.openBlock(),t.createBlock(t.TransitionGroup,{class:"k-toaster",name:"kongponents-slide-up-transition",tag:"div"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.toasterState,s=>(t.openBlock(),t.createElementBlock("div",{key:s.key,class:t.normalizeClass(["toaster",`${s.appearance}`]),role:"alert"},[t.createElementVNode("div",X7,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(a(s.appearance)),{class:"toaster-icon",color:`var(--kui-color-text, ${t.unref(E1)})`,decorative:""},null,8,["color"]))]),t.createElementVNode("div",J7,[s.title?(t.openBlock(),t.createElementBlock("span",eP,t.toDisplayString(s.title),1)):t.createCommentVNode("",!0),s.message?(t.openBlock(),t.createElementBlock("p",tP,t.toDisplayString(s.message),1)):t.createCommentVNode("",!0)]),t.createElementVNode("button",{"aria-label":"Close",class:"toaster-close-icon","data-testid":"toaster-close-icon",type:"button",onClick:t.withModifiers(d=>r("close",s.key),["stop"])},[t.createVNode(t.unref(Mt),{color:`var(--kui-color-text-neutral-weak, ${t.unref(T1)})`,size:t.unref(M1)},null,8,["color","size"])],8,nP)],2))),128))]),_:1}))}}),[["__scopeId","data-v-1b3f294e"]]),rP="kongponents-toaster-container",zs={timeoutMilliseconds:5e3,appearance:ji.info},aP=1e4;class Fh{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=rP,document.body.appendChild(this.toastersContainer),this.toaster=t.createVNode(Ls,{toasterState:this.toasts.value,zIndex:n!=null&&n.zIndex?n.zIndex:aP,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,d=r?String(r):Ni(),c=o&&Object.keys(ji).indexOf(o)!==-1?o:zs.appearance,l=this.setTimer(r,a||zs.timeoutMilliseconds),p=typeof n=="string"?n:i;this.toasts.value.push({key:d,appearance:c,title:s,message:p,timer:l,timeoutMilliseconds:a||zs.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())}}/*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
   * @license MIT

package/dist/types/components/KToaster/KToaster.vue.d.ts

@@ -1,31 +1,7 @@
-import type { PropType } from 'vue';
-import type { Toast } from '../../../types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    toasterState: {
-        type: PropType<Toast[]>;
-        default: Toast[];
-        required: true;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: (val: any) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    toasterState: {
-        type: PropType<Toast[]>;
-        default: Toast[];
-        required: true;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{
-    onClose?: ((val: any) => any) | undefined;
-}>, {
-    zIndex: number;
-    toasterState: Toast[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { ToasterProps } from '../../../types';
+declare const _default: import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (val: string) => any;
+}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{
+    onClose?: ((val: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/KToaster/ToastManager.d.ts

@@ -5,9 +5,9 @@ export default class ToastManager {
     private toaster;
     toasts: Ref<Toast[]>;
     constructor(options?: ToasterOptions);
-    setTimer(key: any, timeout: number): number;
+    setTimer(key: string, timeout: number): number;
     open(args: Record<string, any> | string): void;
-    close(key: any): void;
+    close(key: string): void;
     closeAll(): void;
     destroy(): void;
 }

package/dist/types/types/toaster.d.ts

@@ -1,17 +1,35 @@
 export type ToasterAppearance = 'info' | 'success' | 'danger' | 'warning' | 'system';
 export interface Toast {
     /** Unique identifier of toaster */
-    key?: any;
+    key: string;
     /** Title of toaster */
     title?: string;
     /** Text to display in toaster */
     message?: string;
     appearance?: ToasterAppearance;
     timeoutMilliseconds?: number;
-    timer?: any;
+    timer?: number;
 }
 export type ToasterAppearancesRecord = Record<ToasterAppearance, ToasterAppearance>;
 export declare const ToasterAppearances: ToasterAppearancesRecord;
 export interface ToasterOptions {
     zIndex?: number;
 }
+export interface ToasterProps {
+    /**
+     * The toaster state.
+     * @default []
+     */
+    toasterState: Toast[];
+    /**
+     * The z-index of the toaster.
+     * @default 10000
+     */
+    zIndex?: number;
+}
+export interface ToasterEmits {
+    /**
+     * Emitted when a toaster is closed.
+     */
+    close: [val: string];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.31.10",
+  "version": "9.32.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {