@kong/kongponents 9.29.0 → 9.29.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/kongponents.css +1 -1
- package/dist/kongponents.es.js +13 -7
- package/dist/kongponents.umd.js +1 -1
- package/package.json +1 -1
package/dist/kongponents.es.js
CHANGED
|
@@ -20916,7 +20916,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
|
|
|
20916
20916
|
emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
|
|
20917
20917
|
setup(e, { emit: t }) {
|
|
20918
20918
|
Ft((ue) => ({
|
|
20919
|
-
|
|
20919
|
+
b75ec8f8: at.value
|
|
20920
20920
|
}));
|
|
20921
20921
|
const a = Vt(), n = It(), { getSizeFromString: r, cloneDeep: i, stripRequiredLabel: l } = At(), s = 36, u = "Filter...", o = e, c = t, f = Mt("kMultiselectItems"), d = b(() => a.required !== void 0 && String(a.required) !== "false"), v = b(() => l(o.label, d.value)), g = b(() => {
|
|
20922
20922
|
var ue, q;
|
|
@@ -21159,10 +21159,12 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
|
|
|
21159
21159
|
ref: "multiselectDropdownInputElement",
|
|
21160
21160
|
autocapitalize: "off",
|
|
21161
21161
|
autocomplete: "off",
|
|
21162
|
+
autocorrect: "off",
|
|
21162
21163
|
class: "multiselect-dropdown-input",
|
|
21163
21164
|
"data-testid": "multiselect-dropdown-input",
|
|
21164
21165
|
"model-value": H.value,
|
|
21165
21166
|
placeholder: e.searchPlaceholder || u,
|
|
21167
|
+
spellcheck: "false",
|
|
21166
21168
|
type: "text",
|
|
21167
21169
|
onClick: q[5] || (q[5] = Ke(() => {
|
|
21168
21170
|
}, ["stop"])),
|
|
@@ -21232,12 +21234,14 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
|
|
|
21232
21234
|
Q(pn, {
|
|
21233
21235
|
autocapitalize: "off",
|
|
21234
21236
|
autocomplete: "off",
|
|
21237
|
+
autocorrect: "off",
|
|
21235
21238
|
class: de(["multiselect-input", { "is-readonly": Te.value }]),
|
|
21236
21239
|
"data-testid": "multiselect-input",
|
|
21237
21240
|
disabled: be.value,
|
|
21238
21241
|
"model-value": H.value,
|
|
21239
21242
|
placeholder: Ye.value,
|
|
21240
21243
|
readonly: Te.value ? !0 : void 0,
|
|
21244
|
+
spellcheck: "false",
|
|
21241
21245
|
type: "text",
|
|
21242
21246
|
onBlur: q[0] || (q[0] = () => me.value = !1),
|
|
21243
21247
|
onClick: (pe) => {
|
|
@@ -21382,7 +21386,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
|
|
|
21382
21386
|
], 6);
|
|
21383
21387
|
};
|
|
21384
21388
|
}
|
|
21385
|
-
}), L9 = /* @__PURE__ */ Ee(N9, [["__scopeId", "data-v-
|
|
21389
|
+
}), L9 = /* @__PURE__ */ Ee(N9, [["__scopeId", "data-v-0c5bb708"]]), B9 = {
|
|
21386
21390
|
key: 0,
|
|
21387
21391
|
class: "prompt-content"
|
|
21388
21392
|
}, R9 = { class: "prompt-message" }, F9 = {
|
|
@@ -21974,9 +21978,9 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
|
|
|
21974
21978
|
emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
|
|
21975
21979
|
setup(e, { emit: t }) {
|
|
21976
21980
|
Ft((ne) => ({
|
|
21977
|
-
"
|
|
21978
|
-
"
|
|
21979
|
-
"
|
|
21981
|
+
"3f971c53": x.value,
|
|
21982
|
+
"25a9b241": O.value,
|
|
21983
|
+
"386da02e": J.value
|
|
21980
21984
|
}));
|
|
21981
21985
|
const { getSizeFromString: a, stripRequiredLabel: n } = At(), r = e, i = t, l = Vt(), s = It(), u = xt(), o = b(() => l.id ? String(l.id) : u), c = N(!1), f = N(), d = b(() => {
|
|
21982
21986
|
var ne;
|
|
@@ -22199,13 +22203,15 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
|
|
|
22199
22203
|
ref: "inputElement",
|
|
22200
22204
|
autocapitalize: "off",
|
|
22201
22205
|
autocomplete: "off",
|
|
22206
|
+
autocorrect: "off",
|
|
22202
22207
|
class: ["select-input", { "filtering-disabled": !e.enableFiltering, "hide-model-value": fe.value && (!e.enableFiltering || !De.value), "input-has-focus": H.value || De.value }],
|
|
22203
22208
|
"data-testid": "select-input",
|
|
22204
22209
|
disabled: g.value,
|
|
22205
22210
|
error: e.error,
|
|
22206
22211
|
"model-value": k.value,
|
|
22207
22212
|
placeholder: Y.value && !e.enableFiltering ? Y.value.label : U.value,
|
|
22208
|
-
readonly: m.value
|
|
22213
|
+
readonly: m.value,
|
|
22214
|
+
spellcheck: "false"
|
|
22209
22215
|
}, F.value, {
|
|
22210
22216
|
onBlur: Ze,
|
|
22211
22217
|
onClick: oe,
|
|
@@ -22278,7 +22284,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
|
|
|
22278
22284
|
}, ie(e.help), 3)) : j("", !0)
|
|
22279
22285
|
], 2));
|
|
22280
22286
|
}
|
|
22281
|
-
}), y6 = /* @__PURE__ */ Ee(m6, [["__scopeId", "data-v-
|
|
22287
|
+
}), y6 = /* @__PURE__ */ Ee(m6, [["__scopeId", "data-v-e53e5e78"]]), b6 = { class: "k-slideout" }, w6 = { class: "slideout-header" }, k6 = {
|
|
22282
22288
|
key: 0,
|
|
22283
22289
|
class: "slideout-title",
|
|
22284
22290
|
"data-testid": "slideout-title"
|
package/dist/kongponents.umd.js
CHANGED
|
@@ -27,7 +27,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
27
27
|
* @license MIT
|
|
28
28
|
*/function A6(e){return e}const i4={escapeDeactivates:{type:Boolean,default:!0},returnFocusOnDeactivate:{type:Boolean,default:!0},allowOutsideClick:{type:[Boolean,Function],default:!0},clickOutsideDeactivates:[Boolean,Function],initialFocus:[String,Function,Boolean],fallbackFocus:[String,Function],checkCanFocusTrap:Function,checkCanReturnFocus:Function,delayInitialFocus:{type:Boolean,default:!0},document:Object,preventScroll:Boolean,setReturnFocus:[Object,String,Boolean,Function],tabbableOptions:Object},l4=t.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},i4),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(e,{slots:n,emit:r}){let a;const o=t.ref(null),i=t.computed(()=>{const c=o.value;return c&&(c instanceof HTMLElement?c:c.$el)});function s(){return a||(a=o4(i.value,{escapeDeactivates:e.escapeDeactivates,allowOutsideClick:e.allowOutsideClick,returnFocusOnDeactivate:e.returnFocusOnDeactivate,clickOutsideDeactivates:e.clickOutsideDeactivates,onActivate:()=>{r("update:active",!0),r("activate")},onDeactivate:()=>{r("update:active",!1),r("deactivate")},onPostActivate:()=>r("postActivate"),onPostDeactivate:()=>r("postDeactivate"),initialFocus:e.initialFocus,fallbackFocus:e.fallbackFocus,tabbableOptions:e.tabbableOptions,delayInitialFocus:e.delayInitialFocus,preventScroll:e.preventScroll}))}return t.onMounted(()=>{t.watch(()=>e.active,c=>{c&&i.value?s().activate():a&&(a.deactivate(),(!i.value||i.value.nodeType===Node.COMMENT_NODE)&&(a=null))},{immediate:!0,flush:"post"})}),t.onUnmounted(()=>{a&&a.deactivate(),a=null}),{activate(){s().activate()},deactivate(){a&&a.deactivate()},renderImpl(){if(!n.default)return null;const c=n.default().filter(l=>l.type!==t.Comment);return!c||!c.length||c.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),c):t.cloneVNode(c[0],{ref:o})}}}}),s4=["aria-label"],c4={key:0,class:"modal-header"},d4={key:0,class:"modal-title"},u4={class:"modal-footer"},f4={class:"footer-actions"},Vs=he(t.defineComponent({inheritAttrs:!1,__name:"KModal",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},actionButtonText:{type:String,default:"Submit"},actionButtonAppearance:{type:String,default:"primary"},actionButtonDisabled:{type:Boolean,default:!1},hideCancelButton:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},cancelButtonAppearance:{type:String,default:"tertiary"},cancelButtonDisabled:{type:Boolean,default:!1},tabbableOptions:{type:Object,default:()=>({})},maxWidth:{type:String,required:!1,default:"500px"},maxHeight:{type:String,required:!1,default:"calc(100vh - 200px)"},closeOnBackdropClick:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},hideCloseIcon:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},inputAutofocus:{type:Boolean,default:!1},zIndex:{type:Number,default:1100}},emits:["cancel","proceed"],setup(e,{emit:n}){t.useCssVars(C=>({"5e05d85a":e.zIndex,"769aafd8":f.value,"188e40e1":p.value}));const{getSizeFromString:r}=tt(),a=e,o=n,i=t.useAttrs(),s=t.useSlots(),c=Xy(),d=t.ref(null),l=t.ref(null),f=t.computed(()=>a.fullScreen&&!s.content?"95%":r(a.maxWidth)),p=t.computed(()=>a.fullScreen&&!s.content?"95vh":r(a.maxHeight)),u=t.computed(()=>{const C=Object.assign({},i);return delete C.class,C}),m=t.computed(()=>!!a.title||!!s.title||!a.hideCloseIcon),g=C=>{a.visible&&a.closeOnEscape&&C.key==="Escape"&&y(!0)},y=(C=!1,w)=>{var E,M;(C||(M=(E=w==null?void 0:w.target)==null?void 0:E.classList)!=null&&M.contains("modal-backdrop")&&a.closeOnBackdropClick&&!c.text.value)&&o("cancel")},b=async C=>{var w,E;C?(await t.nextTick(),await new Promise(M=>setTimeout(M,0)),(w=d.value)==null||w.activate()):(E=d.value)==null||E.deactivate()},h=C=>{var w,E,M,V;typeof document<"u"&&(C?(E=(w=document==null?void 0:document.body)==null?void 0:w.classList)==null||E.remove("k-modal-overflow-hidden"):(V=(M=document==null?void 0:document.body)==null?void 0:M.classList)==null||V.add("k-modal-overflow-hidden"))},v=C=>{typeof document<"u"&&(C?document==null||document.addEventListener("keydown",g):document==null||document.removeEventListener("keydown",g))},k=()=>{var w,E,M;const C=(M=(E=(w=d.value)==null?void 0:w.$el)==null?void 0:E.querySelector(".modal-content"))==null?void 0:M.querySelectorAll("input");C!=null&&C.length&&Array.from(C).every(V=>!V.disabled&&!V.readOnly?(V.focus(),!1):!0)};return t.watch(()=>a.visible,async C=>{C?(await b(!0),a.inputAutofocus&&k(),h(!1),v(!0)):(await b(!1),h(!0),v(!1))},{immediate:!0}),t.watch(()=>a.inputAutofocus,async C=>{C&&(await t.nextTick(),k())}),t.onBeforeUnmount(async()=>{await b(!1),v(!1)}),(C,w)=>e.visible?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,"aria-label":e.title,"aria-modal":"true",class:["k-modal",[t.unref(i).class]]},u.value,{role:"dialog"}),[t.createElementVNode("div",{ref_key:"modalWrapperElement",ref:l,class:t.normalizeClass(["modal-backdrop",{"modal-full-screen":e.fullScreen&&!C.$slots.content}]),onClick:w[3]||(w[3]=E=>y(!1,E))},[t.createVNode(t.unref(l4),{ref_key:"focusTrapElement",ref:d,active:!1,"fallback-focus":()=>l.value,"tabbable-options":e.tabbableOptions},{default:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["modal-container",{"custom-content":C.$slots.content}]),tabindex:"-1"},[t.renderSlot(C.$slots,"content",{},()=>[m.value?(t.openBlock(),t.createElementBlock("div",c4,[e.title||C.$slots.title?(t.openBlock(),t.createElementBlock("div",d4,[t.renderSlot(C.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])):t.createCommentVNode("",!0),e.hideCloseIcon?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("button",{key:1,"aria-label":"Close",class:"close-icon","data-testid":"modal-close-icon",type:"button",onClick:w[0]||(w[0]=E=>C.$emit("cancel"))},[t.createVNode(t.unref(Mt),{color:`var(--kui-color-text-neutral, ${t.unref(Kt)})`,decorative:""},null,8,["color"])]))])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["modal-content",{"no-header":!m.value}])},[t.renderSlot(C.$slots,"default",{},void 0,!0)],2),t.createElementVNode("div",u4,[t.renderSlot(C.$slots,"footer",{},()=>[t.createElementVNode("div",f4,[t.renderSlot(C.$slots,"footer-actions",{},()=>[e.hideCancelButton?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(Ve,{key:0,appearance:e.cancelButtonAppearance,"data-testid":"modal-cancel-button",disabled:e.cancelButtonDisabled,onClick:w[1]||(w[1]=E=>C.$emit("cancel"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.cancelButtonText),1)]),_:1},8,["appearance","disabled"])),t.createVNode(Ve,{appearance:e.actionButtonAppearance,"data-testid":"modal-action-button",disabled:e.actionButtonDisabled,onClick:w[2]||(w[2]=E=>C.$emit("proceed"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance","disabled"])],!0)])],!0)])],!0)],2)]),_:3},8,["fallback-focus","tabbable-options"])],2)],16,s4)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-a1fc393e"]]),p4=["aria-label"],m4={class:"k-modal-fullscreen-body-header"},h4={key:0,class:"body-header"},g4={key:1,class:"body-header-description"},y4={class:"k-modal-fullscreen-body"},b4={class:"k-modal-fullscreen-header"},v4={"aria-level":"2",class:"k-modal-fullscreen-header-description",role:"heading"},w4={class:"k-modal-fullscreen-title"},k4={class:"header-icon"},C4={class:"header-content"},S4={class:"k-modal-fullscreen-action"},$4={class:"k-modal-fullscreen-action-buttons"},E4={key:0,class:"k-modal-fullscreen-footer"},x4={class:"k-modal-fullscreen-action"},B4={class:"k-modal-fullscreen-action-buttons"},Dh=he(t.defineComponent({__name:"KModalFullscreen",props:{title:{type:String,required:!0},bodyHeader:{type:String,default:""},bodyHeaderDescription:{type:String,default:""},isVisible:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},actionButtonText:{type:String,default:"Save"},actionButtonAppearance:{type:String,default:"primary"},cancelButtonAppearance:{type:String,default:"secondary"},iconString:{type:String,default:"kong"}},emits:["canceled","proceed"],setup(e,{emit:n}){const r=e,a=n,o=t.ref(null),i=t.computed(()=>!!r.isVisible);t.watch(()=>r.isVisible,async()=>{i.value?(document.body.style.overflow="hidden",await t.nextTick(),o.value&&o.value.focus()):document.body.style.overflow=""});const s=l=>{r.isVisible&&(l.keyCode===27?c():l.keyCode===13&&d())},c=()=>{a("canceled")},d=()=>{a("proceed")};return t.onMounted(()=>{document.addEventListener("keydown",s),console.warn(`The Kongponents 'KModalFullscreen' component is deprecated and will be removed in the next major release.
|
|
29
29
|
We suggest using 'KModal' component instead.
|
|
30
|
-
Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`)}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",s)}),t.onUnmounted(()=>{document.body.style.overflow=""}),(l,f)=>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(d,["enter"]),t.withKeys(c,["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",m4,[l.$slots["body-header"]||e.bodyHeader?(t.openBlock(),t.createElementBlock("div",h4,[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",g4,[t.renderSlot(l.$slots,"body-header-description",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeaderDescription),1)],!0)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",y4,[t.renderSlot(l.$slots,"default",{},void 0,!0)]),t.createElementVNode("div",b4,[t.createElementVNode("div",v4,[t.createElementVNode("div",w4,[t.createElementVNode("span",k4,[t.renderSlot(l.$slots,"header-icon",{},()=>[t.createVNode(t.unref(Xi),{color:t.unref(x1)},null,8,["color"])],!0)]),t.createElementVNode("span",C4,[t.renderSlot(l.$slots,"header-content",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])]),t.createElementVNode("div",S4,[t.createElementVNode("div",$4,[t.renderSlot(l.$slots,"action-buttons",{},()=>[t.createVNode(Ve,{appearance:e.cancelButtonAppearance,class:"cancel-button",onClick:c},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.cancelButtonText),1)]),_:1},8,["appearance"]),t.createVNode(Ve,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:d},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])]),l.$slots["footer-content"]?(t.openBlock(),t.createElementBlock("div",E4,[t.renderSlot(l.$slots,"footer-content",{},void 0,!0),t.createElementVNode("div",x4,[t.createElementVNode("div",B4,[t.renderSlot(l.$slots,"action-buttons",{},()=>[t.createVNode(Ve,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:d},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])):t.createCommentVNode("",!0)],2)],40,p4)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-bc342b7a"]]),D4=["aria-selected","data-testid"],T4={class:"multiselect-item-container"},N4=["disabled","value"],M4={class:"multiselect-item-label"},Bi=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",T4,[t.createElementVNode("button",{class:t.normalizeClass({selected:e.item.selected}),disabled:e.item.disabled===!0?!0:void 0,type:"button",value:e.item.value,onClick:o,onKeydown:[s[0]||(s[0]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-down"),["prevent"]),["down"])),s[1]||(s[1]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",M4,[t.renderSlot(i.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,N4)])],8,D4))}}),[["__scopeId","data-v-562ab5f8"]]),I4={ref:"itemsContainer","aria-live":"polite",class:"multiselect-items-container"},A4={class:"multiselect-group-title"},O4={class:"select-item-description"},Th=".multiselect-item button:not(:disabled)",P4=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=u=>o("selected",u),s=t.computed(()=>{var u;return(u=a.items)==null?void 0:u.filter(m=>!m.group)}),c=t.computed(()=>{var u,m;return[...new Set((m=(u=a.items)==null?void 0:u.filter(g=>g.group))==null?void 0:m.map(g=>g.group))].sort((g,y)=>g.toLowerCase().localeCompare(y.toLowerCase()))}),d=u=>{var m;return(m=a.items)==null?void 0:m.filter(g=>g.group===u)},l=t.useTemplateRef("itemsContainer"),f=u=>{var y;const m=l.value;if(!m)return;const g=m.querySelectorAll(Th);(y=g[u==="down"?0:g.length-1])==null||y.focus()},p=({target:u,key:m})=>{var g;if(m==="ArrowDown"||m==="ArrowUp"){const y=(g=l.value)==null?void 0:g.querySelectorAll(Th);if(y!=null&&y.length){const b=[...y].indexOf(u),h=m==="ArrowDown"?b+1:b-1,v=y[h];v==null||v.focus()}}};return n({setFocus:f}),(u,m)=>(t.openBlock(),t.createElementBlock("div",I4,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,(g,y)=>(t.openBlock(),t.createBlock(Bi,{key:`${g.key?g.key:y}-item`,item:g,onKeydown:p,onSelected:i},{content:t.withCtx(()=>[t.renderSlot(u.$slots,"content",{item:g},void 0,!0)]),_:2},1032,["item"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.value,g=>(t.openBlock(),t.createElementBlock("div",{key:`${g}-group`,class:"multiselect-group"},[t.createElementVNode("span",A4,t.toDisplayString(g),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d(g),(y,b)=>(t.openBlock(),t.createBlock(Bi,{key:`${y.key?y.key:g+"-"+b+"-item"}`,item:y,onKeydown:p,onSelected:i},{content:t.withCtx(()=>[t.renderSlot(u.$slots,"content",{item:y},void 0,!0)]),_:2},1032,["item"]))),128))]))),128)),e.itemCreationEnabled?(t.openBlock(),t.createBlock(Bi,{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:p,onSelected:m[0]||(m[0]=g=>u.$emit("add-item"))},{content:t.withCtx(()=>[t.createElementVNode("div",O4,[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 Di(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function V4(e,n){let r;return(...a)=>{clearTimeout(r),r=window==null?void 0:window.setTimeout(()=>{e(...a)},n)}}const Nh=e=>{try{return new URL(e),!0}catch{return!1}},Mh=15,Ih=(e,n)=>e.pageSize?e.pageSize:n.initialPageSize?n.initialPageSize:n.pageSizes&&Array.isArray(n.pageSizes)&&n.pageSizes.length?n.pageSizes[0]:Mh,L4="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let z4=(e=21)=>{let n="",r=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)n+=L4[r[e]&63];return n};const Ti=()=>z4(),R4={"data-testid":"multiselect-container"},_4=["id","tabindex"],F4={key:0},Y4={key:1,class:"expanded-selection-empty"},H4=["aria-label","onClick"],q4={class:"multiselect-icons-container"},W4={key:0,class:"multiselect-input-wrapper"},K4={key:2,class:"multiselect-empty","data-propagate-clicks":"false"},U4={key:1,class:"help-text"},j4={key:2,"aria-hidden":"true",class:"staging-area"},G4=e=>{const n=[];return e.forEach(r=>n.push(r.value)),n},Q4=e=>{const n=G4(e),r=new Set(n);return n.length===r.size},Ah=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(Z=>({"057cb9a2":ze.value}));const r=t.useAttrs(),a=t.useSlots(),{getSizeFromString:o,cloneDeep:i,stripRequiredLabel:s}=tt(),c=36,d="Filter...",l=e,f=n,p=t.useTemplateRef("kMultiselectItems"),u=t.computed(()=>r.required!==void 0&&String(r.required)!=="false"),m=t.computed(()=>s(l.label,u.value)),g=t.computed(()=>{var Z,z;return!!((Z=l.labelAttributes)!=null&&Z.help||(z=l.labelAttributes)!=null&&z.info||a["label-tooltip"])}),y=Z=>oe.value||me.value||Z!=null&&Z.disabled?"neutral":l.error?"danger":"info",b={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"multiselect-popover"},h=t.ref(0),v=t.ref(0),k=t.useId(),C=t.computed(()=>r.id?String(r.id):k),w=t.useId(),E=t.useTemplateRef("multiselectElement"),M=t.useTemplateRef("multiselectDropdownInputElement"),V=t.useTemplateRef("multiselectSelectionsStagingElement"),O=t.computed(()=>l.selectedRowCount*c),L=t.ref(""),D=t.computed(()=>!(!L.value||$.value.filter(Z=>Z.label===L.value).length)),B=t.ref(null),$=t.ref([]),S=t.ref([]),T=t.ref([]),A=t.ref([]),R=t.ref([]),H=new Set,Y=t.ref([]),_=t.ref([]),X=t.computed(()=>_.value.map(Z=>Z.label).join(", ")),J=t.ref(!1),se=t.ref(!1),re=t.ref(!1),oe=t.computed(()=>(r==null?void 0:r.disabled)!==void 0&&String(r==null?void 0:r.disabled)!=="false"),me=t.computed(()=>(r==null?void 0:r.readonly)!==void 0&&String(r==null?void 0:r.readonly)!=="false"),ye=t.computed({get(){return l.modelValue},set(Z){const z=$.value.filter(x=>Z.includes(x.value));z.length?le(z):Z.length||Ie()}}),be=t.computed(()=>{const Z={...r};return delete Z.class,Z}),Te=t.computed(()=>{var Z;return{...b,...l.kpopAttributes,popoverClasses:`${b.popoverClasses} ${((Z=l.kpopAttributes)==null?void 0:Z.popoverClasses)??""} ${l.dropdownFooterText||a["dropdown-footer-text"]?"has-dropdown-footer":""}`,width:Re.value+"px",maxWidth:Re.value+"px",disabled:r.disabled!==void 0&&String(r.disabled)!=="false"||r.readonly!==void 0&&String(r.readonly)!=="false"}}),ze=t.computed(()=>o(l.dropdownMaxHeight)),Oe=t.computed(()=>({...Te.value})),Ne=t.computed(()=>{const Z=l.width?l.width:"300";return o(Z)}),Me=t.computed(()=>({width:Ne.value})),G=t.computed(()=>({width:Re.value+"px"})),Ce=t.computed(()=>{if(T.value.length===0){if(!l.collapsedContext&&l.placeholder)return l.placeholder;if(l.collapsedContext&&l.searchPlaceholder)return l.searchPlaceholder}return T.value.length===1?`${T.value.length} item selected`:`${T.value.length} items selected`}),q=t.computed(()=>l.autosuggest?$.value:l.filterFunction({items:$.value,query:L.value})),ae=Z=>{var z;(oe.value||((z=Z==null?void 0:Z.target)==null?void 0:z.dataset.propagateClicks)==="false")&&Z.stopPropagation()},ue=async(Z,z,x)=>{var F,K;if(Z){if(!z.value){L.value="",x(),Ge(),await t.nextTick();const ee=(K=(F=M.value)==null?void 0:F.$el)==null?void 0:K.querySelector("input");ee==null||ee.focus({preventScroll:!0})}}else z.value&&(L.value="",x())},U=()=>{setTimeout(()=>{const Z=V.value;if(l.collapsedContext){v.value++;return}if(Z){if(Z.clientHeight>O.value){const x=Array.from(Z.querySelectorAll(".multiselect-selection-badge")).filter(ee=>ee.offsetTop>=O.value),F=A.value.length-x.length,K=A.value.splice(F,x.length);for(const ee of K)H.has(ee.value)||(H.add(ee.value),R.value.push(ee))}v.value++}},0)},le=Z=>{Z.forEach(z=>{var F;const x=((F=$.value.filter(K=>K.value===z.value))==null?void 0:F[0])||null;x.selected=!0,T.value.filter(K=>K.value===x.value).length||(T.value.push(x),A.value.push(x))}),U()},ge=(Z,z=!1)=>{const x=new Set(Z.map(F=>F.value));T.value=T.value.filter(F=>!x.has(F.value)),A.value=A.value.filter(F=>!x.has(F.value)),R.value=R.value.filter(F=>!x.has(F.value)),Z.forEach(F=>{if(H.delete(F.value),F.selected=!1,R.value.length){const K=R.value.pop();K&&(A.value.push(K),H.delete(K.value))}l.enableItemCreation&&F.custom&&($.value=$.value.filter(K=>K.value!==F.value),f("item-removed",F))}),z&&U()},fe=(Z,z)=>{var ee,Ee;let x=!1,F=z?Z:((ee=$.value.filter(xe=>xe.value===Z.value))==null?void 0:ee[0])||null;if(l.enableItemCreation&&(F!=null&&F.custom)&&(x=!0),F===null&&(F=((Ee=T.value.filter(xe=>xe.value===Z.value))==null?void 0:Ee[0])||null),F===null)return;if(F.selected){if(T.value=T.value.filter(xe=>xe.value!==Z.value),A.value.filter(xe=>xe.value===Z.value).length?A.value=A.value.filter(xe=>xe.value!==Z.value):H.delete(Z.value)&&(R.value=R.value.filter(xe=>xe.value!==Z.value)),F.selected=!1,R.value.length){const xe=R.value.pop();xe&&(A.value.push(xe),H.delete(xe.value))}x&&($.value=$.value.filter(xe=>xe.value!==Z.value),f("item-removed",Z))}else F.selected=!0,T.value.push(F),A.value.push(F),z&&(F.custom=!0,$.value.push(F));U();const K=T.value.map(xe=>xe.value);f("selected",T.value),f("change",F),f("update:modelValue",K)},Se=Z=>{l.enableItemCreation&&Xe(),Z.preventDefault()},Xe=()=>{var x;if(!l.enableItemCreation||!L.value||!D.value||!l.itemCreationValidator(L.value))return;const Z=$.value.length+1,z={label:Di(L.value+""),value:Ti(),key:`${(x=Di(L.value).replace(/ /gi,"-"))==null?void 0:x.replace(/[^a-z0-9-_]/gi,"")}-${Z}`};f("item-added",z),fe(z,!0),L.value=""},Ge=()=>{const Z=q.value.filter(ee=>ee.selected),z=q.value.filter(ee=>!ee.selected),x=[...Z,...z],F=x.filter(ee=>!ee.group),K=x.filter(ee=>ee.group).sort((ee,Ee)=>ee.group.toLowerCase().localeCompare(Ee.group.toLowerCase()));S.value=[...F,...K]},Ie=()=>{$.value.forEach(z=>{z.disabled||(z.selected=!1,z.custom&&f("item-removed",z))}),$.value=$.value.filter(z=>!(z.custom&&!z.disabled)),T.value=T.value.filter(z=>z.disabled),A.value=A.value.filter(z=>z.disabled),R.value=R.value.filter(z=>(z.disabled||H.delete(z.value),z.disabled)),L.value="",U();const Z=T.value.map(z=>z.value);f("selected",T.value),f("update:modelValue",Z),f("query-change","")},et=Z=>{L.value=Z,f("query-change",Z)},it=(Z,z)=>{var x;Z.keyCode===27&&(z.value=!1),(Z.key==="ArrowDown"||Z.key==="ArrowUp")&&((x=p.value)==null||x.setFocus(Z.key==="ArrowDown"?"down":"up"))},j=()=>{var Z;(Z=B.value)==null||Z.showPopover()},$e=Z=>{var z;(Z.key==="ArrowDown"||Z.key==="ArrowUp")&&((z=p.value)==null||z.setFocus(Z.key==="ArrowDown"?"down":"up"))},ke=async()=>{re.value=!0,_e()},_e=()=>{J.value||(J.value=!0,f("query-change",""))};t.watch(v,()=>{setTimeout(()=>{const Z=V.value;if(l.collapsedContext){Y.value=i(A.value),_.value=[],h.value++;return}if(Z)if(Z.clientHeight>O.value){const x=A.value.pop();x&&!H.has(x.value)&&(R.value.push(x),H.add(x.value)),v.value++}else Y.value=i(A.value),_.value=i(R.value),h.value++},0)}),t.watch(h,async()=>{B.value&&typeof B.value.updatePopper=="function"&&(await t.nextTick(),B.value.updatePopper())}),t.watch(q,()=>{Ge()}),t.watch(ye,(Z,z)=>{if(JSON.stringify(Z)!==JSON.stringify(z)){if(!Z.length){Ie();return}const x=new Set(z),F=new Set(Z),K=$.value.filter(Ee=>F.has(Ee.value)),ee=T.value.filter(Ee=>!F.has(Ee.value)&&x.has(Ee.value));ee.length&&ge(ee),K.length&&le(K)}}),t.watch(()=>l.items,(Z,z)=>{var x,F;if(JSON.stringify(Z)!==JSON.stringify(z)){$.value=i(l.items);for(let K=0;K<$.value.length;K++){$.value[K].selected===void 0&&($.value[K].selected=!1);let ee=`${(F=(x=$.value[K].label)==null?void 0:x.replace(/ /gi,"-"))==null?void 0:F.replace(/[^a-z0-9-_]/gi,"")}-${K}`;if(ee.includes("undefined")&&(ee=`multiselect-item-label-${K}`),$.value[K].key=ee,l.modelValue.includes($.value[K].value)||$.value[K].selected){const Ee=$.value[K];Ee.selected=!0,T.value.filter(xe=>xe.value===Ee.value).length||T.value.push(Ee),A.value.filter(xe=>xe.value===Ee.value).length||A.value.push(Ee)}}U(),B.value&&typeof B.value.updatePopper=="function"&&t.nextTick(()=>{B.value.updatePopper()})}},{deep:!0,immediate:!0});const Re=t.ref(300),dt=async()=>{var Z;Re.value=300,await t.nextTick(),Re.value=((Z=E.value)==null?void 0:Z.clientWidth)||300,U()},ut=t.ref();return t.onMounted(()=>{Et("resize",dt),ut.value=jn.create(dt),ut.value.observe(E.value)}),t.onUnmounted(()=>{ut.value&&E.value&&ut.value.unobserve(E.value)}),(Z,z)=>{const x=t.resolveComponent("KTooltip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-multiselect",[Z.$attrs.class,{"multiselect-error":e.error}]]),style:t.normalizeStyle(Me.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:C.value,required:u.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(m.value)+" ",1)]),_:2},[g.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(Z.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","for","required"])):t.createCommentVNode("",!0),t.createElementVNode("div",R4,[t.createVNode(t.unref(Jr),null,{default:t.withCtx(({isToggled:F,toggle:K})=>[t.createVNode(Un,t.mergeProps({ref_key:"popper",ref:B,"hide-close-icon":""},Oe.value,{onClose:()=>ue(!1,F,K),onOpen:()=>ue(!0,F,K)}),{content:t.withCtx(()=>[t.createElementVNode("div",{class:"multiselect-list",onClick:z[7]||(z[7]=t.withModifiers(()=>{},["stop"])),onMouseenter:z[8]||(z[8]=()=>se.value=!0),onMouseleave:z[9]||(z[9]=()=>se.value=!1)},[!e.collapsedContext&&!me.value?(t.openBlock(),t.createElementBlock("div",W4,[t.createVNode(pn,{ref:"multiselectDropdownInputElement",autocapitalize:"off",autocomplete:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":L.value,placeholder:e.searchPlaceholder||d,type:"text",onClick:z[5]||(z[5]=t.withModifiers(()=>{},["stop"])),onFocus:_e,onKeydown:t.withKeys(Se,["enter"]),onKeyup:[$e,z[6]||(z[6]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":et},null,8,["model-value","placeholder"])])):t.createCommentVNode("",!0),t.createVNode(P4,{ref:"kMultiselectItems","filter-string":L.value,"item-creation-enabled":e.enableItemCreation&&D.value,"item-creation-valid":e.itemCreationValidator(L.value),items:S.value,onAddItem:Xe,onSelected:fe},{content:t.withCtx(({item:ee})=>[t.renderSlot(Z.$slots,"item-template",{class:"multiselect-item",item:ee},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!S.value.length&&!Z.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(Bi,{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),Z.$slots.empty&&!e.loading&&!S.value.length?(t.openBlock(),t.createElementBlock("div",K4,[t.renderSlot(Z.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],32),e.dropdownFooterText||Z.$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(Z.$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:C.value,ref:"multiselectElement",class:["multiselect-trigger",{focused:re.value,hovered:se.value,disabled:oe.value,readonly:me.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:oe.value||me.value||e.collapsedContext?-1:0},be.value,{onClick:ae,onKeydown:[t.withKeys(j,["enter"]),t.withKeys(j,["space"])]}),[e.collapsedContext?(t.openBlock(),t.createElementBlock("div",F4,[t.createVNode(pn,{autocapitalize:"off",autocomplete:"off",class:t.normalizeClass(["multiselect-input",{"is-readonly":me.value}]),"data-testid":"multiselect-input",disabled:oe.value,"model-value":L.value,placeholder:Ce.value,readonly:me.value?!0:void 0,type:"text",onBlur:z[0]||(z[0]=()=>re.value=!1),onClick:ee=>{F.value&&ee.stopPropagation()},onFocus:ke,onKeydown:t.withKeys(Se,["enter"]),onKeyup:ee=>it(ee,F),onMouseenter:z[1]||(z[1]=()=>se.value=!0),onMouseleave:z[2]||(z[2]=()=>se.value=!1),"onUpdate:modelValue":et},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):T.value.length?(t.openBlock(),t.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:t.normalizeStyle(G.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(Y.value,(ee,Ee)=>(t.openBlock(),t.createBlock(Cr,{key:`${t.unref(w)}-${ee.key?ee.key:Ee}-badge-${h.value}`,appearance:y(ee),class:"multiselect-selection-badge","icon-before":!1,tooltip:ee.label,"truncation-tooltip":"",onClick:z[3]||(z[3]=t.withModifiers(()=>{},["stop"]))},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(ee.label)+" ",1)]),_:2},[ee.selected&&!ee.disabled&&!oe.value&&!me.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:xe=>fe(ee)},[t.createVNode(t.unref(Mt),{decorative:""})],8,H4)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),_.value.length?(t.openBlock(),t.createBlock(x,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:X.value},{default:t.withCtx(()=>[t.createVNode(Cr,{appearance:y(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:z[4]||(z[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",Y4,t.toDisplayString(Ce.value),1)),t.createElementVNode("div",q4,[!e.loading&&T.value.length&&F.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:Ie},[t.createVNode(t.unref(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,_4)]),_:2},1040,["onClose","onOpen"])]),_:3})]),e.help?(t.openBlock(),t.createElementBlock("p",U4,t.toDisplayString(e.help),1)):t.createCommentVNode("",!0),e.collapsedContext?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",j4,[(t.openBlock(),t.createElementBlock("div",{key:v.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(A.value,(F,K)=>(t.openBlock(),t.createBlock(Cr,{key:`${t.unref(w)}-${F.key?F.key:K}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(F.label)+" ",1)]),_:2},[F.selected&&!F.disabled&&!oe.value&&!me.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(R.value.length),1)]),_:1})],4))]))],6)}}}),[["__scopeId","data-v-034891e8"]]),Z4={key:0,class:"prompt-content"},X4={class:"prompt-message"},J4={key:1,class:"prompt-confirmation-container"},e7={class:"prompt-confirmation-text"},t7={class:"confirmation-text"},Oh=he(t.defineComponent({inheritAttrs:!1,__name:"KPrompt",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},message:{type:String,default:""},actionButtonText:{type:String,default:"Confirm"},actionButtonAppearance:{type:String,default:"primary"},actionButtonDisabled:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},cancelButtonAppearance:{type:String,default:"tertiary"},cancelButtonDisabled:{type:Boolean,default:!1},confirmationText:{type:String,default:""},confirmationPrompt:{type:String,default:"Type {confirmationText} to confirm your action."},modalAttributes:{type:Object,default:()=>({})},errorMessage:{type:String,default:"You must enter the text as indicated above to confirm."}},emits:["cancel","proceed"],setup(e,{emit:n}){const r=e,a=t.useAttrs(),o=n,i=t.computed(()=>{const p=Object.assign({},a);return delete p["tabbable-options"],delete p["max-width"],delete p["max-height"],delete p["close-on-backdrop-click"],delete p["input-autofocus"],delete p["hide-close-icon"],delete p["hide-cancel-button"],delete p["full-screen"],p}),s=t.ref(""),c=t.ref(!1),d=t.computed(()=>r.actionButtonDisabled?!0:r.confirmationText?r.confirmationText!==s.value:!1),l=t.computed(()=>r.confirmationPrompt.split("{confirmationText}")),f=()=>{d.value?c.value=!0:o("proceed")};return t.watch(()=>r.visible,p=>{p||(s.value="",c.value=!1)}),t.watch(s,p=>{p&&p===r.confirmationText&&(c.value=!1)}),(p,u)=>(t.openBlock(),t.createBlock(Vs,t.mergeProps({...i.value,...e.modalAttributes},{"action-button-appearance":e.actionButtonAppearance,"action-button-disabled":d.value,"action-button-text":e.actionButtonText,"cancel-button-appearance":e.cancelButtonAppearance,"cancel-button-disabled":e.cancelButtonDisabled,"cancel-button-text":e.cancelButtonText,class:"k-prompt","input-autofocus":e.modalAttributes.inputAutofocus===void 0?!0:e.modalAttributes.inputAutofocus,title:e.title||"Confirm your action",visible:e.visible,onCancel:u[1]||(u[1]=m=>p.$emit("cancel")),onProceed:u[2]||(u[2]=m=>p.$emit("proceed"))}),t.createSlots({default:t.withCtx(()=>[p.$slots.default||e.message?(t.openBlock(),t.createElementBlock("div",Z4,[t.renderSlot(p.$slots,"default",{},()=>[t.createElementVNode("p",X4,t.toDisplayString(e.message),1)],!0)])):t.createCommentVNode("",!0),e.confirmationText?(t.openBlock(),t.createElementBlock("div",J4,[t.createElementVNode("p",e7,[t.createTextVNode(t.toDisplayString(l.value[0])+" ",1),t.createElementVNode("span",t7,'"'+t.toDisplayString(e.confirmationText)+'"',1),t.createTextVNode(" "+t.toDisplayString(l.value[1]?l.value[1]:""),1)]),t.createVNode(pn,{modelValue:s.value,"onUpdate:modelValue":u[0]||(u[0]=m=>s.value=m),"aria-label":`${l.value[0]}'${e.confirmationText}'${l.value[1]?l.value[1]:""}`,autocapitalize:"off",autocomplete:"off","data-testid":"confirmation-input",error:c.value,"error-message":e.errorMessage,onKeydown:t.withKeys(t.withModifiers(f,["prevent"]),["enter"])},null,8,["modelValue","aria-label","error","error-message","onKeydown"])])):t.createCommentVNode("",!0)]),_:2},[p.$slots.title?{name:"title",fn:t.withCtx(()=>[t.renderSlot(p.$slots,"title",{},void 0,!0)]),key:"0"}:void 0]),1040,["action-button-appearance","action-button-disabled","action-button-text","cancel-button-appearance","cancel-button-disabled","cancel-button-text","input-autofocus","title","visible"]))}}),[["__scopeId","data-v-8d8a17b7"]]),n7=["id","aria-checked","checked","disabled","tabindex"],r7={key:0,class:"radio-description"},a7=["for","tabindex"],o7={key:0,class:"card-content-wrapper"},i7={key:1,class:"card-label-container"},l7={key:0,class:"radio-label"},s7={key:1,class:"radio-description"},c7={inheritAttrs:!1},d7=t.defineComponent({...c7,__name:"KRadio",props:{modelValue:{type:[String,Number,Boolean,Object,null],required:!0},label:{type:String,default:""},labelAttributes:{type:Object,default:()=>({}),validator:e=>(e.help&&console.warn("KRadio: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel"),!0)},description:{type:String,default:""},selectedValue:{type:[String,Number,Boolean,Object],required:!0},error:{type:Boolean,default:!1},card:{type:Boolean,default:!1},cardRadioVisible:{type:Boolean,default:!0},cardOrientation:{type:String,default:"vertical",validator:e=>["horizontal","vertical"].includes(e)},type:{type:String,default:"",validator:e=>(e&&console.warn("KRadio: `type` prop is deprecated. Please use `card` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kradio"),hc.includes(e))}},emits:["change","update:modelValue"],setup(e,{emit:n}){const r=e,a=t.useSlots(),o=t.useAttrs(),i=t.useId(),s=t.computed(()=>o.id?String(o.id):i),c=t.computed(()=>(o==null?void 0:o.disabled)!==void 0&&String(o==null?void 0:o.disabled)!=="false"),d=t.computed(()=>!!(r.label||a.default)),l=t.computed(()=>d.value&&(!!r.description||!!a.description)),f=t.computed(()=>!!r.label&&(!!r.description||!!a.description)),p=t.computed(()=>!!a.tooltip),u=t.computed(()=>r.selectedValue===r.modelValue),m=n,g=()=>{m("change",r.selectedValue),m("update:modelValue",r.selectedValue)},y=t.computed(()=>{const h={...o};return delete h.class,h}),b=t.computed(()=>({disabled:c.value,"radio-card":r.card||r.type==="card","input-error":r.error,checked:u.value,"has-description":l.value,"card-horizontal":r.card&&r.cardOrientation==="horizontal","card-vertical":r.card&&r.cardOrientation!=="horizontal"}));return(h,v)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-radio",[h.$attrs.class?h.$attrs.class:"",b.value]])},[t.createElementVNode("input",t.mergeProps({id:s.value},y.value,{"aria-checked":u.value,checked:u.value,class:["radio-input",{hidden:e.card&&!e.cardRadioVisible}],disabled:c.value,tabindex:e.card||c.value||u.value?-1:0,type:"radio",onClick:g}),null,16,n7),!e.card&&(e.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(e.labelAttributes,{class:"radio-label",for:s.value}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(h.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.label),1)],!0)]),_:2},[p.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",r7,[t.renderSlot(h.$slots,"description",{},()=>[t.createElementVNode("p",null,t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)],2)):e.label||h.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:1,class:t.normalizeClass(["radio-card-wrapper radio-label-wrapper",{"has-label":e.label,"has-description":f.value,"show-radio":e.cardRadioVisible}]),for:s.value,tabindex:c.value||u.value?-1:0,onKeydown:v[0]||(v[0]=t.withKeys(t.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:t.withKeys(g,["space"])},[h.$slots.default?(t.openBlock(),t.createElementBlock("span",o7,[t.renderSlot(h.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0),e.label||f.value?(t.openBlock(),t.createElementBlock("span",i7,[e.label?(t.openBlock(),t.createElementBlock("span",l7,t.toDisplayString(e.label),1)):t.createCommentVNode("",!0),f.value?(t.openBlock(),t.createElementBlock("span",s7,[t.renderSlot(h.$slots,"description",{},()=>[t.createTextVNode(t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)],42,a7)):t.createCommentVNode("",!0)],2))}}),Ph=he(d7,[["__scopeId","data-v-9801a282"]]),u7=["aria-selected","data-testid"],f7={class:"select-item-container"},p7=["disabled","value"],m7={class:"select-item-label"},Ni=he(t.defineComponent({__name:"KSelectItem",props:{item:{type:Object,default:null,validator:e=>e.label!==void 0&&e.value!==void 0}},emits:["selected","arrow-down","arrow-up"],setup(e,{emit:n}){const r=e,a=n,o=i=>{if(r.item.disabled){i.stopPropagation();return}a("selected",r.item)};return(i,s)=>(t.openBlock(),t.createElementBlock("div",{key:e.item.key,"aria-selected":e.item.selected,class:"select-item","data-testid":`select-item-${e.item.value}`,role:"option"},[t.createElementVNode("div",f7,[t.createElementVNode("button",{class:t.normalizeClass({selected:e.item.selected}),disabled:e.item.disabled===!0?!0:void 0,type:"button",value:e.item.value,onClick:o,onKeydown:[s[0]||(s[0]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-down"),["prevent"]),["down"])),s[1]||(s[1]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",m7,[t.renderSlot(i.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,p7)])],8,u7))}}),[["__scopeId","data-v-633406ad"]]),h7={ref:"itemsContainer"},g7={class:"select-group-title"},y7={class:"select-item-description"},Vh=".select-item button:not(:disabled)",b7='.select-item[aria-selected="true"] button:not(:disabled)',v7=he(t.defineComponent({__name:"KSelectItems",props:{items:{type:Array,required:!1,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)},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=u=>o("selected",u),s=t.computed(()=>{var u;return(u=a.items)==null?void 0:u.filter(m=>!m.group)}),c=t.computed(()=>{var u,m;return[...new Set((m=(u=a.items)==null?void 0:u.filter(g=>g.group))==null?void 0:m.map(g=>g.group))].sort((g,y)=>g.toLowerCase().localeCompare(y.toLowerCase()))}),d=u=>{var m;return(m=a.items)==null?void 0:m.filter(g=>g.group===u)},l=t.useTemplateRef("itemsContainer"),f=u=>{var b,h;const m=l.value;if(!m)return;const g=m.querySelectorAll(Vh);if(!(g!=null&&g.length))return;const y=m.querySelector(b7);if(y){const v=[...g].indexOf(y);(b=g[u==="down"?v+1:v-1])==null||b.focus()}else(h=g[u==="down"?0:g.length-1])==null||h.focus()},p=({target:u,key:m})=>{var g;if(m==="ArrowDown"||m==="ArrowUp"){const y=(g=l.value)==null?void 0:g.querySelectorAll(Vh);if(y!=null&&y.length){const b=[...y].indexOf(u),h=m==="ArrowDown"?b+1:b-1,v=y[h];v==null||v.focus()}}};return n({setFocus:f}),(u,m)=>(t.openBlock(),t.createElementBlock("div",h7,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,g=>(t.openBlock(),t.createBlock(Ni,{key:g.key,item:g,onKeydown:p,onSelected:i},{content:t.withCtx(()=>[t.renderSlot(u.$slots,"content",{item:g},void 0,!0)]),_:2},1032,["item"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.value,g=>(t.openBlock(),t.createElementBlock("div",{key:`${g}-group`,class:"select-group","data-propagate-clicks":"false"},[t.createElementVNode("span",g7,t.toDisplayString(g),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d(g),y=>(t.openBlock(),t.createBlock(Ni,{key:y.key,item:y,onKeydown:p,onSelected:i},{content:t.withCtx(()=>[t.renderSlot(u.$slots,"content",{item:y},void 0,!0)]),_:2},1032,["item"]))),128))]))),128)),e.itemCreationEnabled?(t.openBlock(),t.createBlock(Ni,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${e.filterString} (Add new value)`,value:"add_item",disabled:!e.itemCreationValid},onKeydown:p,onSelected:m[0]||(m[0]=g=>u.$emit("add-item"))},{content:t.withCtx(()=>[t.createElementVNode("div",y7,[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-2319b666"]]),w7=["id"],k7=["aria-live"],C7={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},S7={key:1,class:"select-items-container","data-propagate-clicks":"false"},$7={key:1,class:"dropdown-footer dropdown-footer-static"},E7={key:2,class:"select-empty","data-propagate-clicks":"false"},x7={key:0,class:"dropdown-footer dropdown-footer-sticky"},Lh=he(t.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{type:[String,Number],default:""},kpopAttributes:{type:Object,default:()=>{}},dropdownMaxHeight:{type:String,default:"300"},label:{type:String,default:""},labelAttributes:{type:Object,default:()=>({})},width:{type:String,default:"100%"},placeholder:{type:String,default:""},items:{type:Array,required:!1,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)},enableFiltering:{type:Boolean,default:!1},filterFunction:{type:Function,default:e=>{var n;return(n=e==null?void 0:e.items)==null?void 0:n.filter(r=>{var a,o;return(o=r.label)==null?void 0:o.toLowerCase().includes((a=e.query)==null?void 0:a.toLowerCase())})}},loading:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},dropdownFooterText:{type:String,default:""},dropdownFooterTextPosition:{type:String,default:"sticky"},reuseItemTemplate:{type:Boolean,default:!1},enableItemCreation:{type:Boolean,default:!1},itemCreationValidator:{type:Function,default:()=>!0},error:{type:Boolean,default:!1},help:{type:String,default:""}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(e,{emit:n}){t.useCssVars(U=>({"89d9a24e":S.value,"16596f72":T.value,"7c0edde8":H.value}));const{getSizeFromString:r,stripRequiredLabel:a}=tt(),o=e,i=n,s=t.useAttrs(),c=t.useSlots(),d=t.useId(),l=t.computed(()=>s.id?String(s.id):d),f=t.ref(!1),p=t.ref(),u=t.computed(()=>{var U;return!!((U=o.labelAttributes)!=null&&U.info||c["label-tooltip"])}),m=t.computed(()=>s.required!==void 0&&String(s.required)!=="false"),g=t.computed(()=>s.disabled!==void 0&&String(s.disabled)!=="false"),y=t.computed(()=>s.readonly!==void 0&&String(s.readonly)!=="false"),b={popoverClasses:`select-popover ${o.dropdownFooterText||c["dropdown-footer-text"]?`has-${o.dropdownFooterTextPosition}-dropdown-footer`:""}`,popoverTimeout:0,placement:"bottom-start",hideCaret:!0},h=t.ref(0),v=t.useTemplateRef("inputElement"),k=t.computed(()=>a(o.label,m.value)),C=t.ref(!1),w=t.ref(""),E=t.computed(()=>{var U,le;return!(!w.value||(le=(U=O.value)==null?void 0:U.filter(ge=>ge.label===w.value))!=null&&le.length)}),M=t.useId(),V=t.ref(null),O=t.ref([]),L=t.ref(!1),D=t.useTemplateRef("popperElement"),B=t.useTemplateRef("selectWrapperElement"),$=t.computed({get(){return o.modelValue},set(U){var ge;const le=(ge=O.value)==null?void 0:ge.filter(fe=>fe.value===U);le!=null&&le.length?ye(le[0]):U||be()}}),S=t.computed(()=>r(o.width||"100%")),T=t.ref(""),A=t.computed(()=>{const U={...s};return delete U.class,U}),R=t.computed(()=>{var U;return{...b,...o.kpopAttributes,popoverClasses:`${b.popoverClasses} ${((U=o.kpopAttributes)==null?void 0:U.popoverClasses)??""}`,width:String(T.value),maxWidth:String(T.value),disabled:g.value||y.value}}),H=t.computed(()=>r(o.dropdownMaxHeight)),Y=t.computed(()=>({...R.value})),_=t.computed(()=>o.placeholder||s.placeholder||"Select..."),X=t.computed(()=>!g.value&&o.clearable&&!!V.value),J=t.computed(()=>!!(V.value&&(c["selected-item-template"]||o.reuseItemTemplate&&c["item-template"]))),se=t.computed(()=>{let U=[];!o.enableFiltering||o.filterFunction({query:w.value,items:O.value})===!0?U=O.value:U=o.filterFunction({query:w.value,items:O.value});const le=U.filter(fe=>!fe.group),ge=U.filter(fe=>fe.group).sort((fe,Se)=>fe.group.toLowerCase().localeCompare(Se.group.toLowerCase()));return[...le,...ge]}),re=U=>{if(!o.enableFiltering)return U.preventDefault(),!1},oe=U=>{o.enableItemCreation&&me(),U.preventDefault()},me=()=>{var ge,fe;if(!o.enableItemCreation||!w.value||!E.value||!o.itemCreationValidator(w.value))return;const U=(((ge=O.value)==null?void 0:ge.length)||0)+1,le={label:Di(w.value),value:Ti(),key:`${(fe=Di(w.value).replace(/ /gi,"-"))==null?void 0:fe.replace(/[^a-z0-9-_]/gi,"")}-${U}`,custom:!0};i("item-added",le),ye(le,!0),w.value=""},ye=(U,le)=>{var ge,fe;le&&((ge=O.value)==null||ge.push(U)),(fe=O.value)==null||fe.forEach((Se,Xe)=>{var Ge;Se.key===U.key?(Se.selected=!0,V.value=Se):Se.selected?(Se.selected=!1,Se.custom&&((Ge=O.value)==null||Ge.splice(Xe,1),i("item-removed",Se))):Se.selected=!1}),C.value=!0,w.value=U.label},be=()=>{var U;(U=O.value)==null||U.forEach((le,ge)=>{var fe;le.selected=!1,le.custom&&((fe=O.value)==null||fe.splice(ge,1),i("item-removed",le))}),V.value=null,w.value="",i("input",null),i("change",null),i("update:modelValue",null)},Te=t.useTemplateRef("kSelectItems"),ze=(U,le)=>{var fe,Se;if(U.keyCode===27){le.value=!1;return}const ge=(fe=B.value)==null?void 0:fe.children[0];!le.value&&ge&&ge.click(),(U.key==="ArrowDown"||U.key==="ArrowUp")&&le.value&&((Se=Te.value)==null||Se.setFocus(U.key==="ArrowDown"?"down":"up"))},Oe=U=>{w.value!==U&&(w.value=U)},Ne=()=>{L.value=!0},Me=()=>{L.value=!1},G=()=>{var U,le,ge;o.enableFiltering||(ge=(le=(U=v.value)==null?void 0:U.$el)==null?void 0:le.querySelector("input"))==null||ge.blur()},Ce=U=>{var le;(g.value||((le=U==null?void 0:U.target)==null?void 0:le.dataset.propagateClicks)==="false")&&U.stopPropagation()},q=U=>{U()},ae=(U,le)=>{f.value=!1,V.value?(C.value=!0,w.value=V.value.label):w.value="",le&&U()},ue=U=>{f.value=!0,o.enableFiltering&&(w.value=""),U()};return t.watch($,(U,le)=>{var ge;if(U!==le){const fe=(ge=O.value)==null?void 0:ge.filter(Se=>Se.value===U);fe!=null&&fe.length?ye(fe[0]):U||be()}}),t.watch(()=>o.items,(U,le)=>{var ge,fe,Se,Xe,Ge;if(JSON.stringify(U)!==JSON.stringify(le)){O.value=JSON.parse(JSON.stringify(o.items)),(ge=O.value)!=null&&ge.length&&(V.value=null);for(let Ie=0;Ie<((fe=O.value)==null?void 0:fe.length);Ie++){O.value[Ie].selected===void 0&&(O.value[Ie].selected=!1);let et=`${(Xe=(Se=O.value[Ie].label)==null?void 0:Se.replace(/ /gi,"-"))==null?void 0:Xe.replace(/[^a-z0-9-_]/gi,"")}-${Ie}`;et.includes("undefined")&&(et=`select-item-label-${Ie}`),O.value[Ie].key=et,(O.value[Ie].value===o.modelValue||O.value[Ie].selected)&&(O.value[Ie].selected=!0,V.value=O.value[Ie],L.value||(C.value=!0,w.value=V.value.label)),((Ge=V.value)==null?void 0:Ge.value)===O.value[Ie].value&&(O.value[Ie].selected=!0)}D.value&&typeof D.value.updatePopper=="function"&&t.nextTick(()=>{D.value.updatePopper()})}},{deep:!0,immediate:!0}),t.watch(w,U=>{C.value&&U||(i("query-change",U),C.value=!1)}),t.watch(V,(U,le)=>{U&&U!==le&&(i("selected",U),i("input",U.value),i("change",U),i("update:modelValue",U.value))},{deep:!0}),t.onMounted(()=>{B.value&&(p.value=jn.create(()=>{var U;T.value=`${(U=B.value)==null?void 0:U.offsetWidth}px`}),p.value.observe(B.value)),Et(document,"keydown",U=>{var le,ge;!o.enableFiltering&&((le=document.activeElement)==null?void 0:le.tagName)==="BODY"&&!L.value&&f.value&&(U.key==="ArrowDown"||U.key==="ArrowUp")&&(U.preventDefault(),(ge=Te.value)==null||ge.setFocus(U.key==="ArrowDown"?"down":"up"))})}),t.onUnmounted(()=>{var U;B.value&&((U=p.value)==null||U.unobserve(B.value))}),(U,le)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-select",[U.$attrs.class]])},[e.label?(t.openBlock(),t.createBlock(Gt,t.mergeProps({key:0},e.labelAttributes,{"data-testid":"select-label",for:l.value,required:m.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(k.value)+" ",1)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(U.$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:ge,isToggled:fe})=>[t.createVNode(Un,t.mergeProps({ref:"popperElement"},Y.value,{"close-on-popover-click":"","hide-close-icon":"",onClose:()=>ae(ge,fe.value),onOpen:()=>ue(ge),onPopoverClick:()=>q(ge)}),{content:t.withCtx(()=>[t.createElementVNode("div",{"aria-live":e.enableFiltering?"polite":"off"},[e.enableFiltering&&e.loading?(t.openBlock(),t.createElementBlock("div",C7,[t.renderSlot(U.$slots,"loading",{},()=>[t.createVNode(t.unref(ea),{class:"loading-icon",title:"Loading"})],!0)])):(t.openBlock(),t.createElementBlock("div",S7,[t.createVNode(v7,{ref:"kSelectItems","filter-string":w.value,"item-creation-enabled":e.enableItemCreation&&E.value,"item-creation-valid":e.itemCreationValidator(w.value),items:se.value,onAddItem:me,onSelected:ye},{content:t.withCtx(({item:Se})=>[t.renderSlot(U.$slots,"item-template",{class:"select-item-label select-item-desc",item:Se},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!se.value.length&&!U.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(Ni,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):t.createCommentVNode("",!0),(e.dropdownFooterText||U.$slots["dropdown-footer-text"])&&e.dropdownFooterTextPosition==="static"?(t.openBlock(),t.createElementBlock("div",$7,[t.renderSlot(U.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)])),!e.loading&&!se.value.length&&U.$slots.empty?(t.openBlock(),t.createElementBlock("div",E7,[t.renderSlot(U.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],8,k7),(e.dropdownFooterText||U.$slots["dropdown-footer-text"])&&e.dropdownFooterTextPosition==="sticky"?(t.openBlock(),t.createElementBlock("div",x7,[t.renderSlot(U.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.createElementVNode("div",{id:t.unref(M),ref:"selectWrapperElement",class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:Ce},[(t.openBlock(),t.createBlock(pn,t.mergeProps({id:l.value,key:h.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",class:["select-input",{"filtering-disabled":!e.enableFiltering,"hide-model-value":J.value&&(!e.enableFiltering||!fe.value),"input-has-focus":L.value||fe.value}],"data-testid":"select-input",disabled:g.value,error:e.error,"model-value":w.value,placeholder:V.value&&!e.enableFiltering?V.value.label:_.value,readonly:y.value},A.value,{onBlur:Me,onClick:G,onFocus:Ne,onKeydown:t.withKeys(oe,["enter"]),onKeypress:re,onKeyup:[Se=>ze(Se,fe),le[0]||(le[0]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":Oe}),t.createSlots({after:t.withCtx(()=>[X.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:be},[t.createVNode(t.unref(Mt),{decorative:""})])):t.createCommentVNode("",!0),t.createVNode(t.unref(Ra),{class:t.normalizeClass(["chevron-down-icon",{disabled:g.value}]),decorative:""},null,8,["class"])]),_:2},[t.unref(c).before?{name:"before",fn:t.withCtx(()=>[t.renderSlot(U.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,U.$slots["label-tooltip"]?{name:"label-tooltip",fn:t.withCtx(()=>[t.renderSlot(U.$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&&(!e.enableFiltering||!fe.value)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["custom-selected-item-wrapper",{clearable:e.clearable}])},[t.renderSlot(U.$slots,"selected-item-template",{item:V.value},()=>[t.renderSlot(U.$slots,"item-template",{item:V.value},void 0,!0)],!0)],2)):t.createCommentVNode("",!0)]),_:2},1024)],8,w7)]),_:2},1040,["onClose","onOpen","onPopoverClick"])]),_:3}),e.help?(t.openBlock(),t.createElementBlock("p",{key:1,class:t.normalizeClass(["help-text",{"select-error":e.error}])},t.toDisplayString(e.help),3)):t.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-ad8dca9e"]]),B7={class:"k-slideout"},D7={class:"slideout-header"},T7={key:0,class:"slideout-title","data-testid":"slideout-title"},N7={class:"slideout-content"},zh=he(t.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean,default:!1},closeButtonAlignment:{type:String,default:"start",validator:e=>["start","end"].includes(e)},hasOverlay:{type:Boolean,default:!0},offsetTop:{type:[Number,String],default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{type:String,default:""},maxWidth:{type:String,required:!1,default:"500px"},zIndex:{type:Number,default:9999}},emits:["close"],setup(e,{emit:n}){t.useCssVars(l=>({"929fd5c2":s.value,"6caf3fd0":r.maxWidth,"48a8e6c8":e.zIndex}));const r=e,a=n,{getSizeFromString:o}=tt(),i=t.useTemplateRef("slideoutContainerElement"),s=t.computed(()=>typeof r.offsetTop=="number"?o(String(r.offsetTop)):r.offsetTop);Uy(i,l=>{l.isTrusted&&r.closeOnBlur&&a("close")});const c=(l,f=!1)=>{(r.visible&&l.keyCode===27&&r.closeOnEscape||f)&&a("close")},d=l=>{typeof document<"u"&&(l?document==null||document.addEventListener("keydown",c):document==null||document.removeEventListener("keydown",c))};return t.watch(()=>r.visible,async l=>{d(!!l)},{immediate:!0}),t.onUnmounted(()=>{d(!1)}),(l,f)=>(t.openBlock(),t.createElementBlock("div",B7,[t.createVNode(t.Transition,{name:"kongponents-fade-transition"},{default:t.withCtx(()=>[e.visible?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!e.hasOverlay}])},null,2)):t.createCommentVNode("",!0)]),_:1}),t.createVNode(t.Transition,{name:"kongponents-slide-in-transition"},{default:t.withCtx(()=>[e.visible?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"slideoutContainerElement",ref:i,class:"slideout-container","data-testid":"slideout-container"},[t.createElementVNode("div",D7,[e.title||l.$slots.title?(t.openBlock(),t.createElementBlock("div",T7,[t.renderSlot(l.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])):t.createCommentVNode("",!0),t.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:f[0]||(f[0]=t.withModifiers(p=>l.$emit("close"),["stop"]))},[t.createVNode(t.unref(Mt),{color:`var(--kui-color-text-neutral, ${t.unref(Kt)})`,decorative:""},null,8,["color"])])]),t.createElementVNode("div",N7,[t.renderSlot(l.$slots,"default",{},void 0,!0)])],512)):t.createCommentVNode("",!0)]),_:3})]))}}),[["__scopeId","data-v-35267171"]]),M7=["aria-current","data-testid"],I7={class:"step-circle"},A7=he(t.defineComponent({__name:"KStep",props:{label:{type:String,required:!0},state:{type:String,default:"default",validator:e=>vc.includes(e)},maxLabelWidth:{type:String,default:"170"}},setup(e){const{getSizeFromString:n}=tt(),r=e,a=t.computed(()=>({maxWidth:n(r.maxLabelWidth)}));return(o,i)=>(t.openBlock(),t.createElementBlock("li",{"aria-current":e.state==="active"?"step":"false",class:"step","data-testid":`step-${e.state}`},[t.createElementVNode("div",{class:t.normalizeClass(["step-container",`${e.state}`])},[t.createElementVNode("div",I7,[e.state==="completed"?(t.openBlock(),t.createBlock(t.unref(Wg),{key:0,color:`var(--kui-color-text-inverse, ${t.unref(tl)})`,size:t.unref(ft),title:"Completed"},null,8,["color","size"])):e.state==="pending"?(t.openBlock(),t.createBlock(t.unref(ea),{key:1,color:`var(--kui-color-text-primary, ${t.unref(T1)})`,size:t.unref(ft),title:"Pending"},null,8,["color","size"])):e.state==="error"?(t.openBlock(),t.createBlock(t.unref(Mt),{key:2,color:`var(--kui-color-text-inverse, ${t.unref(tl)})`,size:t.unref(ft),title:"Error"},null,8,["color","size"])):t.createCommentVNode("",!0)]),t.createElementVNode("span",{class:"step-label",style:t.normalizeStyle(a.value)},t.toDisplayString(e.label),5)],2)],8,M7))}}),[["__scopeId","data-v-3d0e3f71"]]),O7={key:0,class:"k-stepper"},Rh=he(t.defineComponent({__name:"KStepper",props:{steps:{type:Array,required:!0,validator:e=>!e.length||e.every(n=>n.label!==void 0)},maxLabelWidth:{type:String,default:"170"}},setup(e){return(n,r)=>e.steps&&e.steps.length?(t.openBlock(),t.createElementBlock("ol",O7,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.steps,a=>(t.openBlock(),t.createBlock(A7,{key:`step-${a.label.replace(/ /gi,"-")}`,label:a.label,"max-label-width":e.maxLabelWidth,state:a.state},null,8,["label","max-label-width","state"]))),128))])):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-2a46c6a5"]]),P7={class:"table-column-visibility-menu"},V7={class:"apply-button-wrapper"},_h=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),c=t.ref(),d=t.ref(""),l=()=>{i.value=a.columns.reduce((y,b)=>(y[b.key]=a.visibilityPreferences[b.key]===void 0?!0:a.visibilityPreferences[b.key],y),{}),s.value=!1},f=V4(y=>{d.value=y,c.value&&g(c.value)},500),p=t.computed(()=>d.value?a.columns.filter(y=>(y.label?y.label:y.key).toLowerCase().includes(d.value.toLowerCase())):a.columns),u=()=>{r("update",JSON.parse(JSON.stringify(i.value))),s.value=!1,d.value=""},m=y=>{o.value=y,y&&c.value&&t.nextTick(()=>{c.value&&g(c.value)}),!y&&s.value&&l(),y||(d.value="")},g=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(()=>{c.value&&(c.value.addEventListener("scroll",y=>{const b=y.currentTarget;g(b)}),g(c.value))}),t.onBeforeMount(()=>{l()}),(y,b)=>(t.openBlock(),t.createElementBlock("div",P7,[t.createVNode(Tn,{"data-testid":"table-column-visibility-menu",disabled:e.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:m},{items:t.withCtx(()=>[d.value||p.value.length>5?(t.openBlock(),t.createBlock(pn,{key:0,modelValue:d.value,"onUpdate:modelValue":b[1]||(b[1]=h=>d.value=h),modelModifiers:{trim:!0},autocomplete:"off",class:"search-input","data-testid":"search-input",placeholder:"Search columns",type:"search",onClick:b[2]||(b[2]=t.withModifiers(()=>{},["stop"])),onInput:t.unref(f)},t.createSlots({before:t.withCtx(()=>[t.createVNode(t.unref(Ji),{decorative:""})]),_:2},[d.value?{name:"after",fn:t.withCtx(()=>[t.createVNode(Ve,{appearance:"tertiary","aria-label":"Clear search",class:"clear-search","data-testid":"clear-search-button",icon:"",size:"small",onClick:b[0]||(b[0]=t.withModifiers(()=>d.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:c,class:"menu-items-wrapper"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(p.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":v=>i.value[h.key]=v,"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",V7,[t.createVNode(Ve,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:u},{default:t.withCtx(()=>b[3]||(b[3]=[t.createTextVNode(" Apply ")])),_:1})])]),default:t.withCtx(()=>[t.createVNode(xt,{placement:"bottom-end",text:o.value?void 0:"Show/Hide Columns"},{default:t.withCtx(()=>[t.createVNode(Ve,{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"]]),L7={class:"k-table"},z7={key:0,class:"table-toolbar","data-testid":"table-toolbar"},R7={key:0,class:"toolbar-default-items-container"},_7={key:2,class:"table-error-state","data-testid":"table-error-state"},F7={key:3,class:"table-empty-state","data-testid":"table-empty-state"},Y7={key:4,class:"table-container"},H7=["data-tableid"],q7=["aria-sort","data-testid","onClick","onMouseover"],W7=["onMousedown","onMouseover"],K7=["aria-describedby"],U7=["onMousedown","onMouseover"],j7=["role","tabindex"],G7=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(N=>({"3b498190":G.value}));const{useDebounce:r,useRequest:a,useSwrvState:o,clientSideSorter:i,getSizeFromString:s}=tt(),c=e,d=n,l=t.useAttrs(),f=t.useSlots(),p=t.useId(),u={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},m=t.ref([]),g=t.ref(),y=t.ref([]),b=t.ref([]),h=t.ref(""),v=t.ref(""),k=t.ref(""),C=t.computed(()=>y.value.filter(N=>N.hidable).length>0),w=t.computed(()=>!!(C.value&&!c.error&&!Re.value&&!c.loading&&m.value&&m.value.length)),E=t.computed(()=>y.value.filter(N=>N.hidable)),M=t.computed(()=>w.value?c.tablePreferences.columnVisibility||{}:{}),V=t.ref(w.value?c.tablePreferences.columnVisibility||{}:{}),O=t.ref(0),L=t.ref(!1),D=t.ref(1),B=t.ref(15),$=t.ref(""),S=t.ref(""),T=t.ref("desc"),A=t.ref(null),R=t.ref([]),H=t.ref(!0),Y=t.ref(!1),_=t.ref(!1),X=t.computed(()=>!!f.toolbar||w.value),J=t.computed(()=>({maxHeight:s(c.maxHeight)})),se=N=>`column-${N}`,re=N=>`tooltip-${N}`,oe=N=>N,me=(N,P)=>(W,Q)=>{const ie=/^on[^a-z]/,ce={};for(const Pe in P)ie.test(Pe)&&P[Pe]&&(ce[Pe]=P[Pe]);return Object.keys(ce).reduce((Pe,He)=>{if(He.indexOf(N)===0){const Fe=He.split(N);Pe[Fe[1]]=St=>ce[He](St,W,Q)}return Pe},{})},ye=t.computed(()=>(N,P)=>{const W=me("onRow:",l)(P,"row"),Q=me("onCell:",l)(N,"cell"),ie=["a","button","label","input","select"];return W.click&&(Y.value=!0),{...W,...Q,click(ce){const Pe=ce.target.className;let He=ie.includes(ce.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")),ce.target.closest(".popover-content")!==null&&(Fe=!0);for(let St=0;St<ie.length;St++)if(ce.target.closest(ie[St])!==null){He=!0;break}if((!He||ce.target.hasAttribute("disabled"))&&!Fe&&(W.click||Q.click))if(Q.click){d("cell-click",{data:N});const St=Q.click(ce,N,"cell");typeof St=="function"&&St(ce,N)}else{d("row-click",{data:P});const St=W.click(ce,P,"row");typeof St=="function"&&St(ce,P)}}}}),be=t.ref(c.resizeColumns?c.tablePreferences.columnWidths||{}:{}),Te=t.computed(()=>{const N={};for(const P in be.value){if(!be.value[P])continue;const W=be.value[P]+"px";N[P]={width:W,maxWidth:W,minWidth:W}}return N}),ze=(N,P)=>({"resize-hover":Ne.value===N.key&&c.resizeColumns&&P!==b.value.length-1,resizable:c.resizeColumns,sortable:c.sortable&&!N.hideLabel&&!!N.sortable,"active-sort":c.sortable&&!N.hideLabel&&!!N.sortable&&N.key===S.value,[T.value]:c.sortable&&N.key===S.value&&!N.hideLabel,"is-scrolled":L.value,"has-tooltip":!!N.tooltip}),Oe=t.computed(()=>h.value?"resizing":v.value?"resize-hover":k.value?"th-hover":""),Ne=t.computed(()=>{switch(Oe.value){case"resizing":return h.value;case"resize-hover":return v.value;case"th-hover":return k.value;default:return""}}),Me=t.computed(()=>{var N;return(N=g.value)==null?void 0:N.querySelectorAll("th.resizable")}),G=t.computed(()=>{var P;const N=(P=Me.value)==null?void 0:P.item(0);if(N){const W=window==null?void 0:window.getComputedStyle(N);if(W!=null&&W.height)return`${parseInt(W.height,10)}px`}return"auto"}),Ce=(N,P)=>{var He;if(N.button!==0)return;let W=0,Q=0;h.value=P;let ie=null;(He=Me.value)==null||He.forEach(Fe=>{Fe.getAttribute("data-testid")===`table-header-${P}`&&(ie=document==null?void 0:document.querySelector(`[data-tableid="${p}"] [data-testid="table-header-${P}"]`))});const ce=Fe=>{const St=Fe.clientX-W;ie==null||ie.setAttribute("style",`width: ${Q+St}px`),be.value[P]=Q+St},Pe=()=>{h.value="",document==null||document.removeEventListener("mousemove",ce),document==null||document.removeEventListener("mouseup",Pe),Je()};if(W=N.clientX,ie){const Fe=window==null?void 0:window.getComputedStyle(ie);Fe!=null&&Fe.width&&(Q=parseInt(Fe.width,10)),document==null||document.addEventListener("mousemove",ce),document==null||document.addEventListener("mouseup",Pe)}},q=t.ref(!0),ae=async()=>{var W,Q;const N=c.searchInput,P=await c.fetcher({pageSize:B.value,page:D.value,query:N||$.value,sortColumnKey:S.value,sortColumnOrder:T.value,offset:A.value});return m.value=P.data,O.value=c.paginationTotalItems||P.total||((W=P.data)==null?void 0:W.length),c.paginationOffset&&((Q=P.pagination)!=null&&Q.offset?(le.value=P.pagination.offset,R.value[D.value]||R.value.push(P.pagination.offset)):le.value=null,H.value=P.pagination&&"hasNextPage"in P.pagination?P.pagination.hasNextPage:!0),m.value.length===0&&D.value>1&&(D.value=1,R.value=[null],A.value=null),q.value=!1,P},ue=()=>{const N={...u,...c.initialFetcherParams};D.value=N.page??u.page,B.value=N.pageSize??u.pageSize,$.value=N.query??u.query,S.value=N.sortColumnKey??u.sortColumnKey,T.value=N.sortColumnOrder??u.sortColumnOrder,c.clientSort&&S.value&&T.value&&i(S.value,"",T.value,m.value),c.paginationOffset&&(A.value=N.offset,R.value.push(N.offset)),c.headers&&c.headers.length&&(y.value=c.headers),_.value=!0};t.watch(()=>c.headers,N=>{N&&N.length&&(y.value=N)},{deep:!0});const U=t.computed(()=>R.value[D.value-1]),le=t.ref(null),ge=t.computed(()=>{if(!c.fetcher||!_.value)return"";let N=p;return c.cacheIdentifier&&(N=c.cacheIdentifier),c.fetcherCacheKey&&(N+=`-${c.fetcherCacheKey}`),`k-table_${N}`}),fe=t.ref(""),{debouncedFn:Se,generateDebouncedFn:Xe}=r(N=>{fe.value=N},350),Ge=Xe(0),{data:Ie,error:et,revalidate:it,isValidating:j}=a(()=>ge.value,()=>ae(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:$e,hasData:ke,swrvState:_e}=o(Ie,et,j),Re=t.ref(!0),dt=t.computed(()=>({hasData:ke.value,state:$e.value})),ut=t.computed(()=>Re.value?"loading":et.value?"error":"success"),{debouncedFn:Z,generateDebouncedFn:z}=r(it,500),x=z(0),F=N=>{const{key:P,useSortHandlerFunction:W}=N,Q=S.value+"";D.value=1,S.value?P===S.value?T.value==="asc"?T.value="desc":T.value="asc":(S.value=P,T.value="asc",R.value=[null]):(S.value=P,T.value="asc",R.value=[null]),c.clientSort?W&&c.sortHandlerFunction?c.sortHandlerFunction({key:P,prevKey:Q,sortColumnOrder:T.value,data:m.value}):i(P,Q,T.value,m.value):c.paginationOffset||Z(),Je()},K=({page:N})=>{D.value=N},ee=({pageSize:N})=>{R.value=[null],A.value=null,B.value=N,D.value=1,Je()},Ee=N=>{N&&N.target&&typeof N.target.scrollTop=="number"&&(N.target.scrollTop>1?L.value=!0:N.target.scrollTop===0&&(L.value=!L.value))},xe=t.computed(()=>({pageSize:B.value,sortColumnKey:S.value,sortColumnOrder:T.value,...c.resizeColumns?{columnWidths:be.value}:{},...C.value?{columnVisibility:V.value}:{}})),Je=()=>{ut.value==="success"&&d("update:table-preferences",xe.value)},Ct=()=>{D.value++,A.value=le.value},cn=()=>{D.value--,A.value=U.value},hr=t.computed(()=>!!(c.fetcher&&!c.disablePagination&&!(!c.paginationOffset&&c.hidePaginationWhenOptional&&O.value<=c.paginationPageSizes[0])&&!(c.paginationOffset&&c.hidePaginationWhenOptional&&!U.value&&!le.value&&m.value.length<c.paginationPageSizes[0]))),rt=N=>N.toLowerCase().replace(/[^[a-z0-9]/gi,"-");t.watch([V,y],N=>{const P=N[0],Q=N[1].filter(ie=>P[ie.key]!==!1);JSON.stringify(Q)!==JSON.stringify(b.value)&&(b.value=Q,Je())},{deep:!0,immediate:!0}),t.watch(Ie,N=>{N!=null&&N.length&&!m.value.length&&(m.value=N)},{deep:!0,immediate:!0}),t.watch($e,()=>{switch($e.value){case _e.PENDING:Re.value=!0;break;case _e.VALIDATING_HAS_DATA:Re.value=I.value;break;default:Re.value=!1;break}},{immediate:!0}),t.watch([dt,ut],N=>{var P;d("state",{state:N==null?void 0:N[1],hasData:(P=N==null?void 0:N[0])==null?void 0:P.hasData})}),t.watch(()=>c.searchInput,N=>{D.value!==1&&(D.value=1),N===""?Ge(N):Se(N)},{immediate:!0});const I=t.ref(!1);return t.watch([fe,D,B],async(N,P)=>{const W=P==null?void 0:P[0],Q=N[0],ie=N[1];Q!==W&&ie!==1&&(D.value=1,R.value=[null],A.value=null),_.value&&!q.value&&(I.value=!0,Q!==""&&Q!==W?await Z():await x(),I.value=!1)},{deep:!0,immediate:!0}),t.watch(w,N=>{N&&(V.value=c.tablePreferences.columnVisibility||{})},{immediate:!0}),t.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
|
|
30
|
+
Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`)}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",s)}),t.onUnmounted(()=>{document.body.style.overflow=""}),(l,f)=>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(d,["enter"]),t.withKeys(c,["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",m4,[l.$slots["body-header"]||e.bodyHeader?(t.openBlock(),t.createElementBlock("div",h4,[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",g4,[t.renderSlot(l.$slots,"body-header-description",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeaderDescription),1)],!0)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",y4,[t.renderSlot(l.$slots,"default",{},void 0,!0)]),t.createElementVNode("div",b4,[t.createElementVNode("div",v4,[t.createElementVNode("div",w4,[t.createElementVNode("span",k4,[t.renderSlot(l.$slots,"header-icon",{},()=>[t.createVNode(t.unref(Xi),{color:t.unref(x1)},null,8,["color"])],!0)]),t.createElementVNode("span",C4,[t.renderSlot(l.$slots,"header-content",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])]),t.createElementVNode("div",S4,[t.createElementVNode("div",$4,[t.renderSlot(l.$slots,"action-buttons",{},()=>[t.createVNode(Ve,{appearance:e.cancelButtonAppearance,class:"cancel-button",onClick:c},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.cancelButtonText),1)]),_:1},8,["appearance"]),t.createVNode(Ve,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:d},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])]),l.$slots["footer-content"]?(t.openBlock(),t.createElementBlock("div",E4,[t.renderSlot(l.$slots,"footer-content",{},void 0,!0),t.createElementVNode("div",x4,[t.createElementVNode("div",B4,[t.renderSlot(l.$slots,"action-buttons",{},()=>[t.createVNode(Ve,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:d},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])):t.createCommentVNode("",!0)],2)],40,p4)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-bc342b7a"]]),D4=["aria-selected","data-testid"],T4={class:"multiselect-item-container"},N4=["disabled","value"],M4={class:"multiselect-item-label"},Bi=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",T4,[t.createElementVNode("button",{class:t.normalizeClass({selected:e.item.selected}),disabled:e.item.disabled===!0?!0:void 0,type:"button",value:e.item.value,onClick:o,onKeydown:[s[0]||(s[0]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-down"),["prevent"]),["down"])),s[1]||(s[1]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",M4,[t.renderSlot(i.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,N4)])],8,D4))}}),[["__scopeId","data-v-562ab5f8"]]),I4={ref:"itemsContainer","aria-live":"polite",class:"multiselect-items-container"},A4={class:"multiselect-group-title"},O4={class:"select-item-description"},Th=".multiselect-item button:not(:disabled)",P4=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=u=>o("selected",u),s=t.computed(()=>{var u;return(u=a.items)==null?void 0:u.filter(m=>!m.group)}),c=t.computed(()=>{var u,m;return[...new Set((m=(u=a.items)==null?void 0:u.filter(g=>g.group))==null?void 0:m.map(g=>g.group))].sort((g,y)=>g.toLowerCase().localeCompare(y.toLowerCase()))}),d=u=>{var m;return(m=a.items)==null?void 0:m.filter(g=>g.group===u)},l=t.useTemplateRef("itemsContainer"),f=u=>{var y;const m=l.value;if(!m)return;const g=m.querySelectorAll(Th);(y=g[u==="down"?0:g.length-1])==null||y.focus()},p=({target:u,key:m})=>{var g;if(m==="ArrowDown"||m==="ArrowUp"){const y=(g=l.value)==null?void 0:g.querySelectorAll(Th);if(y!=null&&y.length){const b=[...y].indexOf(u),h=m==="ArrowDown"?b+1:b-1,v=y[h];v==null||v.focus()}}};return n({setFocus:f}),(u,m)=>(t.openBlock(),t.createElementBlock("div",I4,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,(g,y)=>(t.openBlock(),t.createBlock(Bi,{key:`${g.key?g.key:y}-item`,item:g,onKeydown:p,onSelected:i},{content:t.withCtx(()=>[t.renderSlot(u.$slots,"content",{item:g},void 0,!0)]),_:2},1032,["item"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.value,g=>(t.openBlock(),t.createElementBlock("div",{key:`${g}-group`,class:"multiselect-group"},[t.createElementVNode("span",A4,t.toDisplayString(g),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d(g),(y,b)=>(t.openBlock(),t.createBlock(Bi,{key:`${y.key?y.key:g+"-"+b+"-item"}`,item:y,onKeydown:p,onSelected:i},{content:t.withCtx(()=>[t.renderSlot(u.$slots,"content",{item:y},void 0,!0)]),_:2},1032,["item"]))),128))]))),128)),e.itemCreationEnabled?(t.openBlock(),t.createBlock(Bi,{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:p,onSelected:m[0]||(m[0]=g=>u.$emit("add-item"))},{content:t.withCtx(()=>[t.createElementVNode("div",O4,[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 Di(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function V4(e,n){let r;return(...a)=>{clearTimeout(r),r=window==null?void 0:window.setTimeout(()=>{e(...a)},n)}}const Nh=e=>{try{return new URL(e),!0}catch{return!1}},Mh=15,Ih=(e,n)=>e.pageSize?e.pageSize:n.initialPageSize?n.initialPageSize:n.pageSizes&&Array.isArray(n.pageSizes)&&n.pageSizes.length?n.pageSizes[0]:Mh,L4="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let z4=(e=21)=>{let n="",r=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)n+=L4[r[e]&63];return n};const Ti=()=>z4(),R4={"data-testid":"multiselect-container"},_4=["id","tabindex"],F4={key:0},Y4={key:1,class:"expanded-selection-empty"},H4=["aria-label","onClick"],q4={class:"multiselect-icons-container"},W4={key:0,class:"multiselect-input-wrapper"},K4={key:2,class:"multiselect-empty","data-propagate-clicks":"false"},U4={key:1,class:"help-text"},j4={key:2,"aria-hidden":"true",class:"staging-area"},G4=e=>{const n=[];return e.forEach(r=>n.push(r.value)),n},Q4=e=>{const n=G4(e),r=new Set(n);return n.length===r.size},Ah=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(Z=>({b75ec8f8:ze.value}));const r=t.useAttrs(),a=t.useSlots(),{getSizeFromString:o,cloneDeep:i,stripRequiredLabel:s}=tt(),c=36,d="Filter...",l=e,f=n,p=t.useTemplateRef("kMultiselectItems"),u=t.computed(()=>r.required!==void 0&&String(r.required)!=="false"),m=t.computed(()=>s(l.label,u.value)),g=t.computed(()=>{var Z,z;return!!((Z=l.labelAttributes)!=null&&Z.help||(z=l.labelAttributes)!=null&&z.info||a["label-tooltip"])}),y=Z=>oe.value||me.value||Z!=null&&Z.disabled?"neutral":l.error?"danger":"info",b={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"multiselect-popover"},h=t.ref(0),v=t.ref(0),k=t.useId(),C=t.computed(()=>r.id?String(r.id):k),w=t.useId(),E=t.useTemplateRef("multiselectElement"),M=t.useTemplateRef("multiselectDropdownInputElement"),V=t.useTemplateRef("multiselectSelectionsStagingElement"),O=t.computed(()=>l.selectedRowCount*c),L=t.ref(""),D=t.computed(()=>!(!L.value||$.value.filter(Z=>Z.label===L.value).length)),B=t.ref(null),$=t.ref([]),S=t.ref([]),T=t.ref([]),A=t.ref([]),R=t.ref([]),H=new Set,Y=t.ref([]),_=t.ref([]),X=t.computed(()=>_.value.map(Z=>Z.label).join(", ")),J=t.ref(!1),se=t.ref(!1),re=t.ref(!1),oe=t.computed(()=>(r==null?void 0:r.disabled)!==void 0&&String(r==null?void 0:r.disabled)!=="false"),me=t.computed(()=>(r==null?void 0:r.readonly)!==void 0&&String(r==null?void 0:r.readonly)!=="false"),ye=t.computed({get(){return l.modelValue},set(Z){const z=$.value.filter(x=>Z.includes(x.value));z.length?le(z):Z.length||Ie()}}),be=t.computed(()=>{const Z={...r};return delete Z.class,Z}),Te=t.computed(()=>{var Z;return{...b,...l.kpopAttributes,popoverClasses:`${b.popoverClasses} ${((Z=l.kpopAttributes)==null?void 0:Z.popoverClasses)??""} ${l.dropdownFooterText||a["dropdown-footer-text"]?"has-dropdown-footer":""}`,width:Re.value+"px",maxWidth:Re.value+"px",disabled:r.disabled!==void 0&&String(r.disabled)!=="false"||r.readonly!==void 0&&String(r.readonly)!=="false"}}),ze=t.computed(()=>o(l.dropdownMaxHeight)),Oe=t.computed(()=>({...Te.value})),Ne=t.computed(()=>{const Z=l.width?l.width:"300";return o(Z)}),Me=t.computed(()=>({width:Ne.value})),G=t.computed(()=>({width:Re.value+"px"})),Ce=t.computed(()=>{if(T.value.length===0){if(!l.collapsedContext&&l.placeholder)return l.placeholder;if(l.collapsedContext&&l.searchPlaceholder)return l.searchPlaceholder}return T.value.length===1?`${T.value.length} item selected`:`${T.value.length} items selected`}),q=t.computed(()=>l.autosuggest?$.value:l.filterFunction({items:$.value,query:L.value})),ae=Z=>{var z;(oe.value||((z=Z==null?void 0:Z.target)==null?void 0:z.dataset.propagateClicks)==="false")&&Z.stopPropagation()},ue=async(Z,z,x)=>{var F,K;if(Z){if(!z.value){L.value="",x(),Ge(),await t.nextTick();const ee=(K=(F=M.value)==null?void 0:F.$el)==null?void 0:K.querySelector("input");ee==null||ee.focus({preventScroll:!0})}}else z.value&&(L.value="",x())},U=()=>{setTimeout(()=>{const Z=V.value;if(l.collapsedContext){v.value++;return}if(Z){if(Z.clientHeight>O.value){const x=Array.from(Z.querySelectorAll(".multiselect-selection-badge")).filter(ee=>ee.offsetTop>=O.value),F=A.value.length-x.length,K=A.value.splice(F,x.length);for(const ee of K)H.has(ee.value)||(H.add(ee.value),R.value.push(ee))}v.value++}},0)},le=Z=>{Z.forEach(z=>{var F;const x=((F=$.value.filter(K=>K.value===z.value))==null?void 0:F[0])||null;x.selected=!0,T.value.filter(K=>K.value===x.value).length||(T.value.push(x),A.value.push(x))}),U()},ge=(Z,z=!1)=>{const x=new Set(Z.map(F=>F.value));T.value=T.value.filter(F=>!x.has(F.value)),A.value=A.value.filter(F=>!x.has(F.value)),R.value=R.value.filter(F=>!x.has(F.value)),Z.forEach(F=>{if(H.delete(F.value),F.selected=!1,R.value.length){const K=R.value.pop();K&&(A.value.push(K),H.delete(K.value))}l.enableItemCreation&&F.custom&&($.value=$.value.filter(K=>K.value!==F.value),f("item-removed",F))}),z&&U()},fe=(Z,z)=>{var ee,Ee;let x=!1,F=z?Z:((ee=$.value.filter(xe=>xe.value===Z.value))==null?void 0:ee[0])||null;if(l.enableItemCreation&&(F!=null&&F.custom)&&(x=!0),F===null&&(F=((Ee=T.value.filter(xe=>xe.value===Z.value))==null?void 0:Ee[0])||null),F===null)return;if(F.selected){if(T.value=T.value.filter(xe=>xe.value!==Z.value),A.value.filter(xe=>xe.value===Z.value).length?A.value=A.value.filter(xe=>xe.value!==Z.value):H.delete(Z.value)&&(R.value=R.value.filter(xe=>xe.value!==Z.value)),F.selected=!1,R.value.length){const xe=R.value.pop();xe&&(A.value.push(xe),H.delete(xe.value))}x&&($.value=$.value.filter(xe=>xe.value!==Z.value),f("item-removed",Z))}else F.selected=!0,T.value.push(F),A.value.push(F),z&&(F.custom=!0,$.value.push(F));U();const K=T.value.map(xe=>xe.value);f("selected",T.value),f("change",F),f("update:modelValue",K)},Se=Z=>{l.enableItemCreation&&Xe(),Z.preventDefault()},Xe=()=>{var x;if(!l.enableItemCreation||!L.value||!D.value||!l.itemCreationValidator(L.value))return;const Z=$.value.length+1,z={label:Di(L.value+""),value:Ti(),key:`${(x=Di(L.value).replace(/ /gi,"-"))==null?void 0:x.replace(/[^a-z0-9-_]/gi,"")}-${Z}`};f("item-added",z),fe(z,!0),L.value=""},Ge=()=>{const Z=q.value.filter(ee=>ee.selected),z=q.value.filter(ee=>!ee.selected),x=[...Z,...z],F=x.filter(ee=>!ee.group),K=x.filter(ee=>ee.group).sort((ee,Ee)=>ee.group.toLowerCase().localeCompare(Ee.group.toLowerCase()));S.value=[...F,...K]},Ie=()=>{$.value.forEach(z=>{z.disabled||(z.selected=!1,z.custom&&f("item-removed",z))}),$.value=$.value.filter(z=>!(z.custom&&!z.disabled)),T.value=T.value.filter(z=>z.disabled),A.value=A.value.filter(z=>z.disabled),R.value=R.value.filter(z=>(z.disabled||H.delete(z.value),z.disabled)),L.value="",U();const Z=T.value.map(z=>z.value);f("selected",T.value),f("update:modelValue",Z),f("query-change","")},et=Z=>{L.value=Z,f("query-change",Z)},it=(Z,z)=>{var x;Z.keyCode===27&&(z.value=!1),(Z.key==="ArrowDown"||Z.key==="ArrowUp")&&((x=p.value)==null||x.setFocus(Z.key==="ArrowDown"?"down":"up"))},j=()=>{var Z;(Z=B.value)==null||Z.showPopover()},$e=Z=>{var z;(Z.key==="ArrowDown"||Z.key==="ArrowUp")&&((z=p.value)==null||z.setFocus(Z.key==="ArrowDown"?"down":"up"))},ke=async()=>{re.value=!0,_e()},_e=()=>{J.value||(J.value=!0,f("query-change",""))};t.watch(v,()=>{setTimeout(()=>{const Z=V.value;if(l.collapsedContext){Y.value=i(A.value),_.value=[],h.value++;return}if(Z)if(Z.clientHeight>O.value){const x=A.value.pop();x&&!H.has(x.value)&&(R.value.push(x),H.add(x.value)),v.value++}else Y.value=i(A.value),_.value=i(R.value),h.value++},0)}),t.watch(h,async()=>{B.value&&typeof B.value.updatePopper=="function"&&(await t.nextTick(),B.value.updatePopper())}),t.watch(q,()=>{Ge()}),t.watch(ye,(Z,z)=>{if(JSON.stringify(Z)!==JSON.stringify(z)){if(!Z.length){Ie();return}const x=new Set(z),F=new Set(Z),K=$.value.filter(Ee=>F.has(Ee.value)),ee=T.value.filter(Ee=>!F.has(Ee.value)&&x.has(Ee.value));ee.length&&ge(ee),K.length&&le(K)}}),t.watch(()=>l.items,(Z,z)=>{var x,F;if(JSON.stringify(Z)!==JSON.stringify(z)){$.value=i(l.items);for(let K=0;K<$.value.length;K++){$.value[K].selected===void 0&&($.value[K].selected=!1);let ee=`${(F=(x=$.value[K].label)==null?void 0:x.replace(/ /gi,"-"))==null?void 0:F.replace(/[^a-z0-9-_]/gi,"")}-${K}`;if(ee.includes("undefined")&&(ee=`multiselect-item-label-${K}`),$.value[K].key=ee,l.modelValue.includes($.value[K].value)||$.value[K].selected){const Ee=$.value[K];Ee.selected=!0,T.value.filter(xe=>xe.value===Ee.value).length||T.value.push(Ee),A.value.filter(xe=>xe.value===Ee.value).length||A.value.push(Ee)}}U(),B.value&&typeof B.value.updatePopper=="function"&&t.nextTick(()=>{B.value.updatePopper()})}},{deep:!0,immediate:!0});const Re=t.ref(300),dt=async()=>{var Z;Re.value=300,await t.nextTick(),Re.value=((Z=E.value)==null?void 0:Z.clientWidth)||300,U()},ut=t.ref();return t.onMounted(()=>{Et("resize",dt),ut.value=jn.create(dt),ut.value.observe(E.value)}),t.onUnmounted(()=>{ut.value&&E.value&&ut.value.unobserve(E.value)}),(Z,z)=>{const x=t.resolveComponent("KTooltip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-multiselect",[Z.$attrs.class,{"multiselect-error":e.error}]]),style:t.normalizeStyle(Me.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:C.value,required:u.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(m.value)+" ",1)]),_:2},[g.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(Z.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","for","required"])):t.createCommentVNode("",!0),t.createElementVNode("div",R4,[t.createVNode(t.unref(Jr),null,{default:t.withCtx(({isToggled:F,toggle:K})=>[t.createVNode(Un,t.mergeProps({ref_key:"popper",ref:B,"hide-close-icon":""},Oe.value,{onClose:()=>ue(!1,F,K),onOpen:()=>ue(!0,F,K)}),{content:t.withCtx(()=>[t.createElementVNode("div",{class:"multiselect-list",onClick:z[7]||(z[7]=t.withModifiers(()=>{},["stop"])),onMouseenter:z[8]||(z[8]=()=>se.value=!0),onMouseleave:z[9]||(z[9]=()=>se.value=!1)},[!e.collapsedContext&&!me.value?(t.openBlock(),t.createElementBlock("div",W4,[t.createVNode(pn,{ref:"multiselectDropdownInputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":L.value,placeholder:e.searchPlaceholder||d,spellcheck:"false",type:"text",onClick:z[5]||(z[5]=t.withModifiers(()=>{},["stop"])),onFocus:_e,onKeydown:t.withKeys(Se,["enter"]),onKeyup:[$e,z[6]||(z[6]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":et},null,8,["model-value","placeholder"])])):t.createCommentVNode("",!0),t.createVNode(P4,{ref:"kMultiselectItems","filter-string":L.value,"item-creation-enabled":e.enableItemCreation&&D.value,"item-creation-valid":e.itemCreationValidator(L.value),items:S.value,onAddItem:Xe,onSelected:fe},{content:t.withCtx(({item:ee})=>[t.renderSlot(Z.$slots,"item-template",{class:"multiselect-item",item:ee},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!S.value.length&&!Z.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(Bi,{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),Z.$slots.empty&&!e.loading&&!S.value.length?(t.openBlock(),t.createElementBlock("div",K4,[t.renderSlot(Z.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],32),e.dropdownFooterText||Z.$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(Z.$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:C.value,ref:"multiselectElement",class:["multiselect-trigger",{focused:re.value,hovered:se.value,disabled:oe.value,readonly:me.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:oe.value||me.value||e.collapsedContext?-1:0},be.value,{onClick:ae,onKeydown:[t.withKeys(j,["enter"]),t.withKeys(j,["space"])]}),[e.collapsedContext?(t.openBlock(),t.createElementBlock("div",F4,[t.createVNode(pn,{autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:t.normalizeClass(["multiselect-input",{"is-readonly":me.value}]),"data-testid":"multiselect-input",disabled:oe.value,"model-value":L.value,placeholder:Ce.value,readonly:me.value?!0:void 0,spellcheck:"false",type:"text",onBlur:z[0]||(z[0]=()=>re.value=!1),onClick:ee=>{F.value&&ee.stopPropagation()},onFocus:ke,onKeydown:t.withKeys(Se,["enter"]),onKeyup:ee=>it(ee,F),onMouseenter:z[1]||(z[1]=()=>se.value=!0),onMouseleave:z[2]||(z[2]=()=>se.value=!1),"onUpdate:modelValue":et},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):T.value.length?(t.openBlock(),t.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:t.normalizeStyle(G.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(Y.value,(ee,Ee)=>(t.openBlock(),t.createBlock(Cr,{key:`${t.unref(w)}-${ee.key?ee.key:Ee}-badge-${h.value}`,appearance:y(ee),class:"multiselect-selection-badge","icon-before":!1,tooltip:ee.label,"truncation-tooltip":"",onClick:z[3]||(z[3]=t.withModifiers(()=>{},["stop"]))},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(ee.label)+" ",1)]),_:2},[ee.selected&&!ee.disabled&&!oe.value&&!me.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:xe=>fe(ee)},[t.createVNode(t.unref(Mt),{decorative:""})],8,H4)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),_.value.length?(t.openBlock(),t.createBlock(x,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:X.value},{default:t.withCtx(()=>[t.createVNode(Cr,{appearance:y(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:z[4]||(z[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",Y4,t.toDisplayString(Ce.value),1)),t.createElementVNode("div",q4,[!e.loading&&T.value.length&&F.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:Ie},[t.createVNode(t.unref(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,_4)]),_:2},1040,["onClose","onOpen"])]),_:3})]),e.help?(t.openBlock(),t.createElementBlock("p",U4,t.toDisplayString(e.help),1)):t.createCommentVNode("",!0),e.collapsedContext?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",j4,[(t.openBlock(),t.createElementBlock("div",{key:v.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(A.value,(F,K)=>(t.openBlock(),t.createBlock(Cr,{key:`${t.unref(w)}-${F.key?F.key:K}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(F.label)+" ",1)]),_:2},[F.selected&&!F.disabled&&!oe.value&&!me.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(R.value.length),1)]),_:1})],4))]))],6)}}}),[["__scopeId","data-v-0c5bb708"]]),Z4={key:0,class:"prompt-content"},X4={class:"prompt-message"},J4={key:1,class:"prompt-confirmation-container"},e7={class:"prompt-confirmation-text"},t7={class:"confirmation-text"},Oh=he(t.defineComponent({inheritAttrs:!1,__name:"KPrompt",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},message:{type:String,default:""},actionButtonText:{type:String,default:"Confirm"},actionButtonAppearance:{type:String,default:"primary"},actionButtonDisabled:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},cancelButtonAppearance:{type:String,default:"tertiary"},cancelButtonDisabled:{type:Boolean,default:!1},confirmationText:{type:String,default:""},confirmationPrompt:{type:String,default:"Type {confirmationText} to confirm your action."},modalAttributes:{type:Object,default:()=>({})},errorMessage:{type:String,default:"You must enter the text as indicated above to confirm."}},emits:["cancel","proceed"],setup(e,{emit:n}){const r=e,a=t.useAttrs(),o=n,i=t.computed(()=>{const p=Object.assign({},a);return delete p["tabbable-options"],delete p["max-width"],delete p["max-height"],delete p["close-on-backdrop-click"],delete p["input-autofocus"],delete p["hide-close-icon"],delete p["hide-cancel-button"],delete p["full-screen"],p}),s=t.ref(""),c=t.ref(!1),d=t.computed(()=>r.actionButtonDisabled?!0:r.confirmationText?r.confirmationText!==s.value:!1),l=t.computed(()=>r.confirmationPrompt.split("{confirmationText}")),f=()=>{d.value?c.value=!0:o("proceed")};return t.watch(()=>r.visible,p=>{p||(s.value="",c.value=!1)}),t.watch(s,p=>{p&&p===r.confirmationText&&(c.value=!1)}),(p,u)=>(t.openBlock(),t.createBlock(Vs,t.mergeProps({...i.value,...e.modalAttributes},{"action-button-appearance":e.actionButtonAppearance,"action-button-disabled":d.value,"action-button-text":e.actionButtonText,"cancel-button-appearance":e.cancelButtonAppearance,"cancel-button-disabled":e.cancelButtonDisabled,"cancel-button-text":e.cancelButtonText,class:"k-prompt","input-autofocus":e.modalAttributes.inputAutofocus===void 0?!0:e.modalAttributes.inputAutofocus,title:e.title||"Confirm your action",visible:e.visible,onCancel:u[1]||(u[1]=m=>p.$emit("cancel")),onProceed:u[2]||(u[2]=m=>p.$emit("proceed"))}),t.createSlots({default:t.withCtx(()=>[p.$slots.default||e.message?(t.openBlock(),t.createElementBlock("div",Z4,[t.renderSlot(p.$slots,"default",{},()=>[t.createElementVNode("p",X4,t.toDisplayString(e.message),1)],!0)])):t.createCommentVNode("",!0),e.confirmationText?(t.openBlock(),t.createElementBlock("div",J4,[t.createElementVNode("p",e7,[t.createTextVNode(t.toDisplayString(l.value[0])+" ",1),t.createElementVNode("span",t7,'"'+t.toDisplayString(e.confirmationText)+'"',1),t.createTextVNode(" "+t.toDisplayString(l.value[1]?l.value[1]:""),1)]),t.createVNode(pn,{modelValue:s.value,"onUpdate:modelValue":u[0]||(u[0]=m=>s.value=m),"aria-label":`${l.value[0]}'${e.confirmationText}'${l.value[1]?l.value[1]:""}`,autocapitalize:"off",autocomplete:"off","data-testid":"confirmation-input",error:c.value,"error-message":e.errorMessage,onKeydown:t.withKeys(t.withModifiers(f,["prevent"]),["enter"])},null,8,["modelValue","aria-label","error","error-message","onKeydown"])])):t.createCommentVNode("",!0)]),_:2},[p.$slots.title?{name:"title",fn:t.withCtx(()=>[t.renderSlot(p.$slots,"title",{},void 0,!0)]),key:"0"}:void 0]),1040,["action-button-appearance","action-button-disabled","action-button-text","cancel-button-appearance","cancel-button-disabled","cancel-button-text","input-autofocus","title","visible"]))}}),[["__scopeId","data-v-8d8a17b7"]]),n7=["id","aria-checked","checked","disabled","tabindex"],r7={key:0,class:"radio-description"},a7=["for","tabindex"],o7={key:0,class:"card-content-wrapper"},i7={key:1,class:"card-label-container"},l7={key:0,class:"radio-label"},s7={key:1,class:"radio-description"},c7={inheritAttrs:!1},d7=t.defineComponent({...c7,__name:"KRadio",props:{modelValue:{type:[String,Number,Boolean,Object,null],required:!0},label:{type:String,default:""},labelAttributes:{type:Object,default:()=>({}),validator:e=>(e.help&&console.warn("KRadio: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel"),!0)},description:{type:String,default:""},selectedValue:{type:[String,Number,Boolean,Object],required:!0},error:{type:Boolean,default:!1},card:{type:Boolean,default:!1},cardRadioVisible:{type:Boolean,default:!0},cardOrientation:{type:String,default:"vertical",validator:e=>["horizontal","vertical"].includes(e)},type:{type:String,default:"",validator:e=>(e&&console.warn("KRadio: `type` prop is deprecated. Please use `card` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kradio"),hc.includes(e))}},emits:["change","update:modelValue"],setup(e,{emit:n}){const r=e,a=t.useSlots(),o=t.useAttrs(),i=t.useId(),s=t.computed(()=>o.id?String(o.id):i),c=t.computed(()=>(o==null?void 0:o.disabled)!==void 0&&String(o==null?void 0:o.disabled)!=="false"),d=t.computed(()=>!!(r.label||a.default)),l=t.computed(()=>d.value&&(!!r.description||!!a.description)),f=t.computed(()=>!!r.label&&(!!r.description||!!a.description)),p=t.computed(()=>!!a.tooltip),u=t.computed(()=>r.selectedValue===r.modelValue),m=n,g=()=>{m("change",r.selectedValue),m("update:modelValue",r.selectedValue)},y=t.computed(()=>{const h={...o};return delete h.class,h}),b=t.computed(()=>({disabled:c.value,"radio-card":r.card||r.type==="card","input-error":r.error,checked:u.value,"has-description":l.value,"card-horizontal":r.card&&r.cardOrientation==="horizontal","card-vertical":r.card&&r.cardOrientation!=="horizontal"}));return(h,v)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-radio",[h.$attrs.class?h.$attrs.class:"",b.value]])},[t.createElementVNode("input",t.mergeProps({id:s.value},y.value,{"aria-checked":u.value,checked:u.value,class:["radio-input",{hidden:e.card&&!e.cardRadioVisible}],disabled:c.value,tabindex:e.card||c.value||u.value?-1:0,type:"radio",onClick:g}),null,16,n7),!e.card&&(e.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(e.labelAttributes,{class:"radio-label",for:s.value}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(h.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.label),1)],!0)]),_:2},[p.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",r7,[t.renderSlot(h.$slots,"description",{},()=>[t.createElementVNode("p",null,t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)],2)):e.label||h.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:1,class:t.normalizeClass(["radio-card-wrapper radio-label-wrapper",{"has-label":e.label,"has-description":f.value,"show-radio":e.cardRadioVisible}]),for:s.value,tabindex:c.value||u.value?-1:0,onKeydown:v[0]||(v[0]=t.withKeys(t.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:t.withKeys(g,["space"])},[h.$slots.default?(t.openBlock(),t.createElementBlock("span",o7,[t.renderSlot(h.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0),e.label||f.value?(t.openBlock(),t.createElementBlock("span",i7,[e.label?(t.openBlock(),t.createElementBlock("span",l7,t.toDisplayString(e.label),1)):t.createCommentVNode("",!0),f.value?(t.openBlock(),t.createElementBlock("span",s7,[t.renderSlot(h.$slots,"description",{},()=>[t.createTextVNode(t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)],42,a7)):t.createCommentVNode("",!0)],2))}}),Ph=he(d7,[["__scopeId","data-v-9801a282"]]),u7=["aria-selected","data-testid"],f7={class:"select-item-container"},p7=["disabled","value"],m7={class:"select-item-label"},Ni=he(t.defineComponent({__name:"KSelectItem",props:{item:{type:Object,default:null,validator:e=>e.label!==void 0&&e.value!==void 0}},emits:["selected","arrow-down","arrow-up"],setup(e,{emit:n}){const r=e,a=n,o=i=>{if(r.item.disabled){i.stopPropagation();return}a("selected",r.item)};return(i,s)=>(t.openBlock(),t.createElementBlock("div",{key:e.item.key,"aria-selected":e.item.selected,class:"select-item","data-testid":`select-item-${e.item.value}`,role:"option"},[t.createElementVNode("div",f7,[t.createElementVNode("button",{class:t.normalizeClass({selected:e.item.selected}),disabled:e.item.disabled===!0?!0:void 0,type:"button",value:e.item.value,onClick:o,onKeydown:[s[0]||(s[0]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-down"),["prevent"]),["down"])),s[1]||(s[1]=t.withKeys(t.withModifiers(c=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[t.createElementVNode("span",m7,[t.renderSlot(i.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,p7)])],8,u7))}}),[["__scopeId","data-v-633406ad"]]),h7={ref:"itemsContainer"},g7={class:"select-group-title"},y7={class:"select-item-description"},Vh=".select-item button:not(:disabled)",b7='.select-item[aria-selected="true"] button:not(:disabled)',v7=he(t.defineComponent({__name:"KSelectItems",props:{items:{type:Array,required:!1,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)},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=u=>o("selected",u),s=t.computed(()=>{var u;return(u=a.items)==null?void 0:u.filter(m=>!m.group)}),c=t.computed(()=>{var u,m;return[...new Set((m=(u=a.items)==null?void 0:u.filter(g=>g.group))==null?void 0:m.map(g=>g.group))].sort((g,y)=>g.toLowerCase().localeCompare(y.toLowerCase()))}),d=u=>{var m;return(m=a.items)==null?void 0:m.filter(g=>g.group===u)},l=t.useTemplateRef("itemsContainer"),f=u=>{var b,h;const m=l.value;if(!m)return;const g=m.querySelectorAll(Vh);if(!(g!=null&&g.length))return;const y=m.querySelector(b7);if(y){const v=[...g].indexOf(y);(b=g[u==="down"?v+1:v-1])==null||b.focus()}else(h=g[u==="down"?0:g.length-1])==null||h.focus()},p=({target:u,key:m})=>{var g;if(m==="ArrowDown"||m==="ArrowUp"){const y=(g=l.value)==null?void 0:g.querySelectorAll(Vh);if(y!=null&&y.length){const b=[...y].indexOf(u),h=m==="ArrowDown"?b+1:b-1,v=y[h];v==null||v.focus()}}};return n({setFocus:f}),(u,m)=>(t.openBlock(),t.createElementBlock("div",h7,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,g=>(t.openBlock(),t.createBlock(Ni,{key:g.key,item:g,onKeydown:p,onSelected:i},{content:t.withCtx(()=>[t.renderSlot(u.$slots,"content",{item:g},void 0,!0)]),_:2},1032,["item"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.value,g=>(t.openBlock(),t.createElementBlock("div",{key:`${g}-group`,class:"select-group","data-propagate-clicks":"false"},[t.createElementVNode("span",g7,t.toDisplayString(g),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d(g),y=>(t.openBlock(),t.createBlock(Ni,{key:y.key,item:y,onKeydown:p,onSelected:i},{content:t.withCtx(()=>[t.renderSlot(u.$slots,"content",{item:y},void 0,!0)]),_:2},1032,["item"]))),128))]))),128)),e.itemCreationEnabled?(t.openBlock(),t.createBlock(Ni,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${e.filterString} (Add new value)`,value:"add_item",disabled:!e.itemCreationValid},onKeydown:p,onSelected:m[0]||(m[0]=g=>u.$emit("add-item"))},{content:t.withCtx(()=>[t.createElementVNode("div",y7,[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-2319b666"]]),w7=["id"],k7=["aria-live"],C7={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},S7={key:1,class:"select-items-container","data-propagate-clicks":"false"},$7={key:1,class:"dropdown-footer dropdown-footer-static"},E7={key:2,class:"select-empty","data-propagate-clicks":"false"},x7={key:0,class:"dropdown-footer dropdown-footer-sticky"},Lh=he(t.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{type:[String,Number],default:""},kpopAttributes:{type:Object,default:()=>{}},dropdownMaxHeight:{type:String,default:"300"},label:{type:String,default:""},labelAttributes:{type:Object,default:()=>({})},width:{type:String,default:"100%"},placeholder:{type:String,default:""},items:{type:Array,required:!1,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)},enableFiltering:{type:Boolean,default:!1},filterFunction:{type:Function,default:e=>{var n;return(n=e==null?void 0:e.items)==null?void 0:n.filter(r=>{var a,o;return(o=r.label)==null?void 0:o.toLowerCase().includes((a=e.query)==null?void 0:a.toLowerCase())})}},loading:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},dropdownFooterText:{type:String,default:""},dropdownFooterTextPosition:{type:String,default:"sticky"},reuseItemTemplate:{type:Boolean,default:!1},enableItemCreation:{type:Boolean,default:!1},itemCreationValidator:{type:Function,default:()=>!0},error:{type:Boolean,default:!1},help:{type:String,default:""}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(e,{emit:n}){t.useCssVars(U=>({"3f971c53":S.value,"25a9b241":T.value,"386da02e":H.value}));const{getSizeFromString:r,stripRequiredLabel:a}=tt(),o=e,i=n,s=t.useAttrs(),c=t.useSlots(),d=t.useId(),l=t.computed(()=>s.id?String(s.id):d),f=t.ref(!1),p=t.ref(),u=t.computed(()=>{var U;return!!((U=o.labelAttributes)!=null&&U.info||c["label-tooltip"])}),m=t.computed(()=>s.required!==void 0&&String(s.required)!=="false"),g=t.computed(()=>s.disabled!==void 0&&String(s.disabled)!=="false"),y=t.computed(()=>s.readonly!==void 0&&String(s.readonly)!=="false"),b={popoverClasses:`select-popover ${o.dropdownFooterText||c["dropdown-footer-text"]?`has-${o.dropdownFooterTextPosition}-dropdown-footer`:""}`,popoverTimeout:0,placement:"bottom-start",hideCaret:!0},h=t.ref(0),v=t.useTemplateRef("inputElement"),k=t.computed(()=>a(o.label,m.value)),C=t.ref(!1),w=t.ref(""),E=t.computed(()=>{var U,le;return!(!w.value||(le=(U=O.value)==null?void 0:U.filter(ge=>ge.label===w.value))!=null&&le.length)}),M=t.useId(),V=t.ref(null),O=t.ref([]),L=t.ref(!1),D=t.useTemplateRef("popperElement"),B=t.useTemplateRef("selectWrapperElement"),$=t.computed({get(){return o.modelValue},set(U){var ge;const le=(ge=O.value)==null?void 0:ge.filter(fe=>fe.value===U);le!=null&&le.length?ye(le[0]):U||be()}}),S=t.computed(()=>r(o.width||"100%")),T=t.ref(""),A=t.computed(()=>{const U={...s};return delete U.class,U}),R=t.computed(()=>{var U;return{...b,...o.kpopAttributes,popoverClasses:`${b.popoverClasses} ${((U=o.kpopAttributes)==null?void 0:U.popoverClasses)??""}`,width:String(T.value),maxWidth:String(T.value),disabled:g.value||y.value}}),H=t.computed(()=>r(o.dropdownMaxHeight)),Y=t.computed(()=>({...R.value})),_=t.computed(()=>o.placeholder||s.placeholder||"Select..."),X=t.computed(()=>!g.value&&o.clearable&&!!V.value),J=t.computed(()=>!!(V.value&&(c["selected-item-template"]||o.reuseItemTemplate&&c["item-template"]))),se=t.computed(()=>{let U=[];!o.enableFiltering||o.filterFunction({query:w.value,items:O.value})===!0?U=O.value:U=o.filterFunction({query:w.value,items:O.value});const le=U.filter(fe=>!fe.group),ge=U.filter(fe=>fe.group).sort((fe,Se)=>fe.group.toLowerCase().localeCompare(Se.group.toLowerCase()));return[...le,...ge]}),re=U=>{if(!o.enableFiltering)return U.preventDefault(),!1},oe=U=>{o.enableItemCreation&&me(),U.preventDefault()},me=()=>{var ge,fe;if(!o.enableItemCreation||!w.value||!E.value||!o.itemCreationValidator(w.value))return;const U=(((ge=O.value)==null?void 0:ge.length)||0)+1,le={label:Di(w.value),value:Ti(),key:`${(fe=Di(w.value).replace(/ /gi,"-"))==null?void 0:fe.replace(/[^a-z0-9-_]/gi,"")}-${U}`,custom:!0};i("item-added",le),ye(le,!0),w.value=""},ye=(U,le)=>{var ge,fe;le&&((ge=O.value)==null||ge.push(U)),(fe=O.value)==null||fe.forEach((Se,Xe)=>{var Ge;Se.key===U.key?(Se.selected=!0,V.value=Se):Se.selected?(Se.selected=!1,Se.custom&&((Ge=O.value)==null||Ge.splice(Xe,1),i("item-removed",Se))):Se.selected=!1}),C.value=!0,w.value=U.label},be=()=>{var U;(U=O.value)==null||U.forEach((le,ge)=>{var fe;le.selected=!1,le.custom&&((fe=O.value)==null||fe.splice(ge,1),i("item-removed",le))}),V.value=null,w.value="",i("input",null),i("change",null),i("update:modelValue",null)},Te=t.useTemplateRef("kSelectItems"),ze=(U,le)=>{var fe,Se;if(U.keyCode===27){le.value=!1;return}const ge=(fe=B.value)==null?void 0:fe.children[0];!le.value&&ge&&ge.click(),(U.key==="ArrowDown"||U.key==="ArrowUp")&&le.value&&((Se=Te.value)==null||Se.setFocus(U.key==="ArrowDown"?"down":"up"))},Oe=U=>{w.value!==U&&(w.value=U)},Ne=()=>{L.value=!0},Me=()=>{L.value=!1},G=()=>{var U,le,ge;o.enableFiltering||(ge=(le=(U=v.value)==null?void 0:U.$el)==null?void 0:le.querySelector("input"))==null||ge.blur()},Ce=U=>{var le;(g.value||((le=U==null?void 0:U.target)==null?void 0:le.dataset.propagateClicks)==="false")&&U.stopPropagation()},q=U=>{U()},ae=(U,le)=>{f.value=!1,V.value?(C.value=!0,w.value=V.value.label):w.value="",le&&U()},ue=U=>{f.value=!0,o.enableFiltering&&(w.value=""),U()};return t.watch($,(U,le)=>{var ge;if(U!==le){const fe=(ge=O.value)==null?void 0:ge.filter(Se=>Se.value===U);fe!=null&&fe.length?ye(fe[0]):U||be()}}),t.watch(()=>o.items,(U,le)=>{var ge,fe,Se,Xe,Ge;if(JSON.stringify(U)!==JSON.stringify(le)){O.value=JSON.parse(JSON.stringify(o.items)),(ge=O.value)!=null&&ge.length&&(V.value=null);for(let Ie=0;Ie<((fe=O.value)==null?void 0:fe.length);Ie++){O.value[Ie].selected===void 0&&(O.value[Ie].selected=!1);let et=`${(Xe=(Se=O.value[Ie].label)==null?void 0:Se.replace(/ /gi,"-"))==null?void 0:Xe.replace(/[^a-z0-9-_]/gi,"")}-${Ie}`;et.includes("undefined")&&(et=`select-item-label-${Ie}`),O.value[Ie].key=et,(O.value[Ie].value===o.modelValue||O.value[Ie].selected)&&(O.value[Ie].selected=!0,V.value=O.value[Ie],L.value||(C.value=!0,w.value=V.value.label)),((Ge=V.value)==null?void 0:Ge.value)===O.value[Ie].value&&(O.value[Ie].selected=!0)}D.value&&typeof D.value.updatePopper=="function"&&t.nextTick(()=>{D.value.updatePopper()})}},{deep:!0,immediate:!0}),t.watch(w,U=>{C.value&&U||(i("query-change",U),C.value=!1)}),t.watch(V,(U,le)=>{U&&U!==le&&(i("selected",U),i("input",U.value),i("change",U),i("update:modelValue",U.value))},{deep:!0}),t.onMounted(()=>{B.value&&(p.value=jn.create(()=>{var U;T.value=`${(U=B.value)==null?void 0:U.offsetWidth}px`}),p.value.observe(B.value)),Et(document,"keydown",U=>{var le,ge;!o.enableFiltering&&((le=document.activeElement)==null?void 0:le.tagName)==="BODY"&&!L.value&&f.value&&(U.key==="ArrowDown"||U.key==="ArrowUp")&&(U.preventDefault(),(ge=Te.value)==null||ge.setFocus(U.key==="ArrowDown"?"down":"up"))})}),t.onUnmounted(()=>{var U;B.value&&((U=p.value)==null||U.unobserve(B.value))}),(U,le)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-select",[U.$attrs.class]])},[e.label?(t.openBlock(),t.createBlock(Gt,t.mergeProps({key:0},e.labelAttributes,{"data-testid":"select-label",for:l.value,required:m.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(k.value)+" ",1)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(U.$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:ge,isToggled:fe})=>[t.createVNode(Un,t.mergeProps({ref:"popperElement"},Y.value,{"close-on-popover-click":"","hide-close-icon":"",onClose:()=>ae(ge,fe.value),onOpen:()=>ue(ge),onPopoverClick:()=>q(ge)}),{content:t.withCtx(()=>[t.createElementVNode("div",{"aria-live":e.enableFiltering?"polite":"off"},[e.enableFiltering&&e.loading?(t.openBlock(),t.createElementBlock("div",C7,[t.renderSlot(U.$slots,"loading",{},()=>[t.createVNode(t.unref(ea),{class:"loading-icon",title:"Loading"})],!0)])):(t.openBlock(),t.createElementBlock("div",S7,[t.createVNode(v7,{ref:"kSelectItems","filter-string":w.value,"item-creation-enabled":e.enableItemCreation&&E.value,"item-creation-valid":e.itemCreationValidator(w.value),items:se.value,onAddItem:me,onSelected:ye},{content:t.withCtx(({item:Se})=>[t.renderSlot(U.$slots,"item-template",{class:"select-item-label select-item-desc",item:Se},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!se.value.length&&!U.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(Ni,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):t.createCommentVNode("",!0),(e.dropdownFooterText||U.$slots["dropdown-footer-text"])&&e.dropdownFooterTextPosition==="static"?(t.openBlock(),t.createElementBlock("div",$7,[t.renderSlot(U.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)])),!e.loading&&!se.value.length&&U.$slots.empty?(t.openBlock(),t.createElementBlock("div",E7,[t.renderSlot(U.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],8,k7),(e.dropdownFooterText||U.$slots["dropdown-footer-text"])&&e.dropdownFooterTextPosition==="sticky"?(t.openBlock(),t.createElementBlock("div",x7,[t.renderSlot(U.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.createElementVNode("div",{id:t.unref(M),ref:"selectWrapperElement",class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:Ce},[(t.openBlock(),t.createBlock(pn,t.mergeProps({id:l.value,key:h.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:["select-input",{"filtering-disabled":!e.enableFiltering,"hide-model-value":J.value&&(!e.enableFiltering||!fe.value),"input-has-focus":L.value||fe.value}],"data-testid":"select-input",disabled:g.value,error:e.error,"model-value":w.value,placeholder:V.value&&!e.enableFiltering?V.value.label:_.value,readonly:y.value,spellcheck:"false"},A.value,{onBlur:Me,onClick:G,onFocus:Ne,onKeydown:t.withKeys(oe,["enter"]),onKeypress:re,onKeyup:[Se=>ze(Se,fe),le[0]||(le[0]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":Oe}),t.createSlots({after:t.withCtx(()=>[X.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:be},[t.createVNode(t.unref(Mt),{decorative:""})])):t.createCommentVNode("",!0),t.createVNode(t.unref(Ra),{class:t.normalizeClass(["chevron-down-icon",{disabled:g.value}]),decorative:""},null,8,["class"])]),_:2},[t.unref(c).before?{name:"before",fn:t.withCtx(()=>[t.renderSlot(U.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,U.$slots["label-tooltip"]?{name:"label-tooltip",fn:t.withCtx(()=>[t.renderSlot(U.$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&&(!e.enableFiltering||!fe.value)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["custom-selected-item-wrapper",{clearable:e.clearable}])},[t.renderSlot(U.$slots,"selected-item-template",{item:V.value},()=>[t.renderSlot(U.$slots,"item-template",{item:V.value},void 0,!0)],!0)],2)):t.createCommentVNode("",!0)]),_:2},1024)],8,w7)]),_:2},1040,["onClose","onOpen","onPopoverClick"])]),_:3}),e.help?(t.openBlock(),t.createElementBlock("p",{key:1,class:t.normalizeClass(["help-text",{"select-error":e.error}])},t.toDisplayString(e.help),3)):t.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-e53e5e78"]]),B7={class:"k-slideout"},D7={class:"slideout-header"},T7={key:0,class:"slideout-title","data-testid":"slideout-title"},N7={class:"slideout-content"},zh=he(t.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean,default:!1},closeButtonAlignment:{type:String,default:"start",validator:e=>["start","end"].includes(e)},hasOverlay:{type:Boolean,default:!0},offsetTop:{type:[Number,String],default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{type:String,default:""},maxWidth:{type:String,required:!1,default:"500px"},zIndex:{type:Number,default:9999}},emits:["close"],setup(e,{emit:n}){t.useCssVars(l=>({"929fd5c2":s.value,"6caf3fd0":r.maxWidth,"48a8e6c8":e.zIndex}));const r=e,a=n,{getSizeFromString:o}=tt(),i=t.useTemplateRef("slideoutContainerElement"),s=t.computed(()=>typeof r.offsetTop=="number"?o(String(r.offsetTop)):r.offsetTop);Uy(i,l=>{l.isTrusted&&r.closeOnBlur&&a("close")});const c=(l,f=!1)=>{(r.visible&&l.keyCode===27&&r.closeOnEscape||f)&&a("close")},d=l=>{typeof document<"u"&&(l?document==null||document.addEventListener("keydown",c):document==null||document.removeEventListener("keydown",c))};return t.watch(()=>r.visible,async l=>{d(!!l)},{immediate:!0}),t.onUnmounted(()=>{d(!1)}),(l,f)=>(t.openBlock(),t.createElementBlock("div",B7,[t.createVNode(t.Transition,{name:"kongponents-fade-transition"},{default:t.withCtx(()=>[e.visible?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!e.hasOverlay}])},null,2)):t.createCommentVNode("",!0)]),_:1}),t.createVNode(t.Transition,{name:"kongponents-slide-in-transition"},{default:t.withCtx(()=>[e.visible?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"slideoutContainerElement",ref:i,class:"slideout-container","data-testid":"slideout-container"},[t.createElementVNode("div",D7,[e.title||l.$slots.title?(t.openBlock(),t.createElementBlock("div",T7,[t.renderSlot(l.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])):t.createCommentVNode("",!0),t.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:f[0]||(f[0]=t.withModifiers(p=>l.$emit("close"),["stop"]))},[t.createVNode(t.unref(Mt),{color:`var(--kui-color-text-neutral, ${t.unref(Kt)})`,decorative:""},null,8,["color"])])]),t.createElementVNode("div",N7,[t.renderSlot(l.$slots,"default",{},void 0,!0)])],512)):t.createCommentVNode("",!0)]),_:3})]))}}),[["__scopeId","data-v-35267171"]]),M7=["aria-current","data-testid"],I7={class:"step-circle"},A7=he(t.defineComponent({__name:"KStep",props:{label:{type:String,required:!0},state:{type:String,default:"default",validator:e=>vc.includes(e)},maxLabelWidth:{type:String,default:"170"}},setup(e){const{getSizeFromString:n}=tt(),r=e,a=t.computed(()=>({maxWidth:n(r.maxLabelWidth)}));return(o,i)=>(t.openBlock(),t.createElementBlock("li",{"aria-current":e.state==="active"?"step":"false",class:"step","data-testid":`step-${e.state}`},[t.createElementVNode("div",{class:t.normalizeClass(["step-container",`${e.state}`])},[t.createElementVNode("div",I7,[e.state==="completed"?(t.openBlock(),t.createBlock(t.unref(Wg),{key:0,color:`var(--kui-color-text-inverse, ${t.unref(tl)})`,size:t.unref(ft),title:"Completed"},null,8,["color","size"])):e.state==="pending"?(t.openBlock(),t.createBlock(t.unref(ea),{key:1,color:`var(--kui-color-text-primary, ${t.unref(T1)})`,size:t.unref(ft),title:"Pending"},null,8,["color","size"])):e.state==="error"?(t.openBlock(),t.createBlock(t.unref(Mt),{key:2,color:`var(--kui-color-text-inverse, ${t.unref(tl)})`,size:t.unref(ft),title:"Error"},null,8,["color","size"])):t.createCommentVNode("",!0)]),t.createElementVNode("span",{class:"step-label",style:t.normalizeStyle(a.value)},t.toDisplayString(e.label),5)],2)],8,M7))}}),[["__scopeId","data-v-3d0e3f71"]]),O7={key:0,class:"k-stepper"},Rh=he(t.defineComponent({__name:"KStepper",props:{steps:{type:Array,required:!0,validator:e=>!e.length||e.every(n=>n.label!==void 0)},maxLabelWidth:{type:String,default:"170"}},setup(e){return(n,r)=>e.steps&&e.steps.length?(t.openBlock(),t.createElementBlock("ol",O7,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.steps,a=>(t.openBlock(),t.createBlock(A7,{key:`step-${a.label.replace(/ /gi,"-")}`,label:a.label,"max-label-width":e.maxLabelWidth,state:a.state},null,8,["label","max-label-width","state"]))),128))])):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-2a46c6a5"]]),P7={class:"table-column-visibility-menu"},V7={class:"apply-button-wrapper"},_h=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),c=t.ref(),d=t.ref(""),l=()=>{i.value=a.columns.reduce((y,b)=>(y[b.key]=a.visibilityPreferences[b.key]===void 0?!0:a.visibilityPreferences[b.key],y),{}),s.value=!1},f=V4(y=>{d.value=y,c.value&&g(c.value)},500),p=t.computed(()=>d.value?a.columns.filter(y=>(y.label?y.label:y.key).toLowerCase().includes(d.value.toLowerCase())):a.columns),u=()=>{r("update",JSON.parse(JSON.stringify(i.value))),s.value=!1,d.value=""},m=y=>{o.value=y,y&&c.value&&t.nextTick(()=>{c.value&&g(c.value)}),!y&&s.value&&l(),y||(d.value="")},g=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(()=>{c.value&&(c.value.addEventListener("scroll",y=>{const b=y.currentTarget;g(b)}),g(c.value))}),t.onBeforeMount(()=>{l()}),(y,b)=>(t.openBlock(),t.createElementBlock("div",P7,[t.createVNode(Tn,{"data-testid":"table-column-visibility-menu",disabled:e.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:m},{items:t.withCtx(()=>[d.value||p.value.length>5?(t.openBlock(),t.createBlock(pn,{key:0,modelValue:d.value,"onUpdate:modelValue":b[1]||(b[1]=h=>d.value=h),modelModifiers:{trim:!0},autocomplete:"off",class:"search-input","data-testid":"search-input",placeholder:"Search columns",type:"search",onClick:b[2]||(b[2]=t.withModifiers(()=>{},["stop"])),onInput:t.unref(f)},t.createSlots({before:t.withCtx(()=>[t.createVNode(t.unref(Ji),{decorative:""})]),_:2},[d.value?{name:"after",fn:t.withCtx(()=>[t.createVNode(Ve,{appearance:"tertiary","aria-label":"Clear search",class:"clear-search","data-testid":"clear-search-button",icon:"",size:"small",onClick:b[0]||(b[0]=t.withModifiers(()=>d.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:c,class:"menu-items-wrapper"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(p.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":v=>i.value[h.key]=v,"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",V7,[t.createVNode(Ve,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:u},{default:t.withCtx(()=>b[3]||(b[3]=[t.createTextVNode(" Apply ")])),_:1})])]),default:t.withCtx(()=>[t.createVNode(xt,{placement:"bottom-end",text:o.value?void 0:"Show/Hide Columns"},{default:t.withCtx(()=>[t.createVNode(Ve,{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"]]),L7={class:"k-table"},z7={key:0,class:"table-toolbar","data-testid":"table-toolbar"},R7={key:0,class:"toolbar-default-items-container"},_7={key:2,class:"table-error-state","data-testid":"table-error-state"},F7={key:3,class:"table-empty-state","data-testid":"table-empty-state"},Y7={key:4,class:"table-container"},H7=["data-tableid"],q7=["aria-sort","data-testid","onClick","onMouseover"],W7=["onMousedown","onMouseover"],K7=["aria-describedby"],U7=["onMousedown","onMouseover"],j7=["role","tabindex"],G7=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(N=>({"3b498190":G.value}));const{useDebounce:r,useRequest:a,useSwrvState:o,clientSideSorter:i,getSizeFromString:s}=tt(),c=e,d=n,l=t.useAttrs(),f=t.useSlots(),p=t.useId(),u={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},m=t.ref([]),g=t.ref(),y=t.ref([]),b=t.ref([]),h=t.ref(""),v=t.ref(""),k=t.ref(""),C=t.computed(()=>y.value.filter(N=>N.hidable).length>0),w=t.computed(()=>!!(C.value&&!c.error&&!Re.value&&!c.loading&&m.value&&m.value.length)),E=t.computed(()=>y.value.filter(N=>N.hidable)),M=t.computed(()=>w.value?c.tablePreferences.columnVisibility||{}:{}),V=t.ref(w.value?c.tablePreferences.columnVisibility||{}:{}),O=t.ref(0),L=t.ref(!1),D=t.ref(1),B=t.ref(15),$=t.ref(""),S=t.ref(""),T=t.ref("desc"),A=t.ref(null),R=t.ref([]),H=t.ref(!0),Y=t.ref(!1),_=t.ref(!1),X=t.computed(()=>!!f.toolbar||w.value),J=t.computed(()=>({maxHeight:s(c.maxHeight)})),se=N=>`column-${N}`,re=N=>`tooltip-${N}`,oe=N=>N,me=(N,P)=>(W,Q)=>{const ie=/^on[^a-z]/,ce={};for(const Pe in P)ie.test(Pe)&&P[Pe]&&(ce[Pe]=P[Pe]);return Object.keys(ce).reduce((Pe,He)=>{if(He.indexOf(N)===0){const Fe=He.split(N);Pe[Fe[1]]=St=>ce[He](St,W,Q)}return Pe},{})},ye=t.computed(()=>(N,P)=>{const W=me("onRow:",l)(P,"row"),Q=me("onCell:",l)(N,"cell"),ie=["a","button","label","input","select"];return W.click&&(Y.value=!0),{...W,...Q,click(ce){const Pe=ce.target.className;let He=ie.includes(ce.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")),ce.target.closest(".popover-content")!==null&&(Fe=!0);for(let St=0;St<ie.length;St++)if(ce.target.closest(ie[St])!==null){He=!0;break}if((!He||ce.target.hasAttribute("disabled"))&&!Fe&&(W.click||Q.click))if(Q.click){d("cell-click",{data:N});const St=Q.click(ce,N,"cell");typeof St=="function"&&St(ce,N)}else{d("row-click",{data:P});const St=W.click(ce,P,"row");typeof St=="function"&&St(ce,P)}}}}),be=t.ref(c.resizeColumns?c.tablePreferences.columnWidths||{}:{}),Te=t.computed(()=>{const N={};for(const P in be.value){if(!be.value[P])continue;const W=be.value[P]+"px";N[P]={width:W,maxWidth:W,minWidth:W}}return N}),ze=(N,P)=>({"resize-hover":Ne.value===N.key&&c.resizeColumns&&P!==b.value.length-1,resizable:c.resizeColumns,sortable:c.sortable&&!N.hideLabel&&!!N.sortable,"active-sort":c.sortable&&!N.hideLabel&&!!N.sortable&&N.key===S.value,[T.value]:c.sortable&&N.key===S.value&&!N.hideLabel,"is-scrolled":L.value,"has-tooltip":!!N.tooltip}),Oe=t.computed(()=>h.value?"resizing":v.value?"resize-hover":k.value?"th-hover":""),Ne=t.computed(()=>{switch(Oe.value){case"resizing":return h.value;case"resize-hover":return v.value;case"th-hover":return k.value;default:return""}}),Me=t.computed(()=>{var N;return(N=g.value)==null?void 0:N.querySelectorAll("th.resizable")}),G=t.computed(()=>{var P;const N=(P=Me.value)==null?void 0:P.item(0);if(N){const W=window==null?void 0:window.getComputedStyle(N);if(W!=null&&W.height)return`${parseInt(W.height,10)}px`}return"auto"}),Ce=(N,P)=>{var He;if(N.button!==0)return;let W=0,Q=0;h.value=P;let ie=null;(He=Me.value)==null||He.forEach(Fe=>{Fe.getAttribute("data-testid")===`table-header-${P}`&&(ie=document==null?void 0:document.querySelector(`[data-tableid="${p}"] [data-testid="table-header-${P}"]`))});const ce=Fe=>{const St=Fe.clientX-W;ie==null||ie.setAttribute("style",`width: ${Q+St}px`),be.value[P]=Q+St},Pe=()=>{h.value="",document==null||document.removeEventListener("mousemove",ce),document==null||document.removeEventListener("mouseup",Pe),Je()};if(W=N.clientX,ie){const Fe=window==null?void 0:window.getComputedStyle(ie);Fe!=null&&Fe.width&&(Q=parseInt(Fe.width,10)),document==null||document.addEventListener("mousemove",ce),document==null||document.addEventListener("mouseup",Pe)}},q=t.ref(!0),ae=async()=>{var W,Q;const N=c.searchInput,P=await c.fetcher({pageSize:B.value,page:D.value,query:N||$.value,sortColumnKey:S.value,sortColumnOrder:T.value,offset:A.value});return m.value=P.data,O.value=c.paginationTotalItems||P.total||((W=P.data)==null?void 0:W.length),c.paginationOffset&&((Q=P.pagination)!=null&&Q.offset?(le.value=P.pagination.offset,R.value[D.value]||R.value.push(P.pagination.offset)):le.value=null,H.value=P.pagination&&"hasNextPage"in P.pagination?P.pagination.hasNextPage:!0),m.value.length===0&&D.value>1&&(D.value=1,R.value=[null],A.value=null),q.value=!1,P},ue=()=>{const N={...u,...c.initialFetcherParams};D.value=N.page??u.page,B.value=N.pageSize??u.pageSize,$.value=N.query??u.query,S.value=N.sortColumnKey??u.sortColumnKey,T.value=N.sortColumnOrder??u.sortColumnOrder,c.clientSort&&S.value&&T.value&&i(S.value,"",T.value,m.value),c.paginationOffset&&(A.value=N.offset,R.value.push(N.offset)),c.headers&&c.headers.length&&(y.value=c.headers),_.value=!0};t.watch(()=>c.headers,N=>{N&&N.length&&(y.value=N)},{deep:!0});const U=t.computed(()=>R.value[D.value-1]),le=t.ref(null),ge=t.computed(()=>{if(!c.fetcher||!_.value)return"";let N=p;return c.cacheIdentifier&&(N=c.cacheIdentifier),c.fetcherCacheKey&&(N+=`-${c.fetcherCacheKey}`),`k-table_${N}`}),fe=t.ref(""),{debouncedFn:Se,generateDebouncedFn:Xe}=r(N=>{fe.value=N},350),Ge=Xe(0),{data:Ie,error:et,revalidate:it,isValidating:j}=a(()=>ge.value,()=>ae(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:$e,hasData:ke,swrvState:_e}=o(Ie,et,j),Re=t.ref(!0),dt=t.computed(()=>({hasData:ke.value,state:$e.value})),ut=t.computed(()=>Re.value?"loading":et.value?"error":"success"),{debouncedFn:Z,generateDebouncedFn:z}=r(it,500),x=z(0),F=N=>{const{key:P,useSortHandlerFunction:W}=N,Q=S.value+"";D.value=1,S.value?P===S.value?T.value==="asc"?T.value="desc":T.value="asc":(S.value=P,T.value="asc",R.value=[null]):(S.value=P,T.value="asc",R.value=[null]),c.clientSort?W&&c.sortHandlerFunction?c.sortHandlerFunction({key:P,prevKey:Q,sortColumnOrder:T.value,data:m.value}):i(P,Q,T.value,m.value):c.paginationOffset||Z(),Je()},K=({page:N})=>{D.value=N},ee=({pageSize:N})=>{R.value=[null],A.value=null,B.value=N,D.value=1,Je()},Ee=N=>{N&&N.target&&typeof N.target.scrollTop=="number"&&(N.target.scrollTop>1?L.value=!0:N.target.scrollTop===0&&(L.value=!L.value))},xe=t.computed(()=>({pageSize:B.value,sortColumnKey:S.value,sortColumnOrder:T.value,...c.resizeColumns?{columnWidths:be.value}:{},...C.value?{columnVisibility:V.value}:{}})),Je=()=>{ut.value==="success"&&d("update:table-preferences",xe.value)},Ct=()=>{D.value++,A.value=le.value},cn=()=>{D.value--,A.value=U.value},hr=t.computed(()=>!!(c.fetcher&&!c.disablePagination&&!(!c.paginationOffset&&c.hidePaginationWhenOptional&&O.value<=c.paginationPageSizes[0])&&!(c.paginationOffset&&c.hidePaginationWhenOptional&&!U.value&&!le.value&&m.value.length<c.paginationPageSizes[0]))),rt=N=>N.toLowerCase().replace(/[^[a-z0-9]/gi,"-");t.watch([V,y],N=>{const P=N[0],Q=N[1].filter(ie=>P[ie.key]!==!1);JSON.stringify(Q)!==JSON.stringify(b.value)&&(b.value=Q,Je())},{deep:!0,immediate:!0}),t.watch(Ie,N=>{N!=null&&N.length&&!m.value.length&&(m.value=N)},{deep:!0,immediate:!0}),t.watch($e,()=>{switch($e.value){case _e.PENDING:Re.value=!0;break;case _e.VALIDATING_HAS_DATA:Re.value=I.value;break;default:Re.value=!1;break}},{immediate:!0}),t.watch([dt,ut],N=>{var P;d("state",{state:N==null?void 0:N[1],hasData:(P=N==null?void 0:N[0])==null?void 0:P.hasData})}),t.watch(()=>c.searchInput,N=>{D.value!==1&&(D.value=1),N===""?Ge(N):Se(N)},{immediate:!0});const I=t.ref(!1);return t.watch([fe,D,B],async(N,P)=>{const W=P==null?void 0:P[0],Q=N[0],ie=N[1];Q!==W&&ie!==1&&(D.value=1,R.value=[null],A.value=null),_.value&&!q.value&&(I.value=!0,Q!==""&&Q!==W?await Z():await x(),I.value=!1)},{deep:!0,immediate:!0}),t.watch(w,N=>{N&&(V.value=c.tablePreferences.columnVisibility||{})},{immediate:!0}),t.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
|
|
31
31
|
We suggest using 'KTableData' component instead.
|
|
32
32
|
Docs: https://kongponents.konghq.com/components/table-data.html`),ue()}),(N,P)=>(t.openBlock(),t.createElementBlock("div",L7,[X.value?(t.openBlock(),t.createElementBlock("div",z7,[t.renderSlot(N.$slots,"toolbar",{state:dt.value},void 0,!0),w.value?(t.openBlock(),t.createElementBlock("div",R7,[t.createVNode(_h,{columns:E.value,"table-id":t.unref(p),"visibility-preferences":M.value,onUpdate:P[0]||(P[0]=W=>V.value=W)},null,8,["columns","table-id","visibility-preferences"])])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),(Re.value||e.loading||I.value)&&!e.error?(t.openBlock(),t.createBlock(aa,{key:1,"data-testid":"table-skeleton",type:"table"})):e.error?(t.openBlock(),t.createElementBlock("div",_7,[t.renderSlot(N.$slots,"error-state",{},()=>[t.createVNode(Dn,{"icon-variant":"error",message:e.errorStateMessage,title:e.errorStateTitle},t.createSlots({_:2},[e.errorStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Ve,{"data-testid":rt(e.errorStateActionMessage),to:e.errorStateActionRoute?e.errorStateActionRoute:void 0,onClick:P[1]||(P[1]=W=>N.$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&&!Re.value&&!e.loading&&!I.value&&m.value&&!m.value.length?(t.openBlock(),t.createElementBlock("div",F7,[t.renderSlot(N.$slots,"empty-state",{},()=>[t.createVNode(Dn,{"icon-variant":e.emptyStateIconVariant,message:e.emptyStateMessage,title:e.emptyStateTitle},t.createSlots({_:2},[e.emptyStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Ve,{appearance:e.searchInput?"tertiary":"primary","data-testid":rt(e.emptyStateActionMessage),to:e.emptyStateActionRoute?e.emptyStateActionRoute:void 0,onClick:P[2]||(P[2]=W=>N.$emit("empty-state-action-click"))},{default:t.withCtx(()=>[t.renderSlot(N.$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",Y7,[t.createElementVNode("div",{class:"table-wrapper",style:t.normalizeStyle(J.value),onScrollPassive:Ee},[t.createElementVNode("table",{class:t.normalizeClass(["table",{"has-hover":e.rowHover,"is-clickable":Y.value}]),"data-tableid":t.unref(p)},[t.createElementVNode("thead",{class:t.normalizeClass({"is-scrolled":L.value})},[t.createElementVNode("tr",{ref_key:"headerRow",ref:g,class:t.normalizeClass({"is-scrolled":L.value})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(b.value,(W,Q)=>(t.openBlock(),t.createElementBlock("th",{key:`table-${t.unref(p)}-headers-${Q}`,"aria-sort":e.sortable&&W.key===S.value?T.value==="asc"?"ascending":"descending":void 0,class:t.normalizeClass(["table-headers",ze(W,Q)]),"data-testid":`table-header-${W.key}`,style:t.normalizeStyle(Te.value[W.key]),onClick:()=>{e.sortable&&W.sortable&&(N.$emit("sort",{prevKey:S.value,sortColumnKey:W.key,sortColumnOrder:T.value==="asc"?"desc":"asc"}),F(W))},onMouseleave:P[7]||(P[7]=ie=>k.value=""),onMouseover:ie=>k.value=W.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:ie=>Ce(ie,b.value[Q-1].key),onMouseleave:P[4]||(P[4]=ie=>v.value=""),onMouseover:ie=>v.value=b.value[Q-1].key},null,40,W7)):t.createCommentVNode("",!0),t.createElementVNode("div",{"aria-describedby":W.tooltip||N.$slots[re(W.key)]?`${re(W.key)}-${t.unref(p)}`:void 0,class:t.normalizeClass(["table-headers-container",{resized:h.value===W.key}])},[t.renderSlot(N.$slots,se(W.key),{column:oe(W)},()=>[t.createElementVNode("span",{class:t.normalizeClass(["table-header-label",{"sr-only":W.hideLabel}])},t.toDisplayString(W.label?W.label:W.key),3)],!0),W.tooltip||N.$slots[re(W.key)]?(t.openBlock(),t.createBlock(xt,{key:0,"data-testid":re(W.key),"tooltip-id":`${re(W.key)}-${t.unref(p)}`},{content:t.withCtx(()=>[t.renderSlot(N.$slots,re(W.key),{column:oe(W)},()=>[t.createTextVNode(t.toDisplayString(W.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&&!W.hideLabel&&W.sortable?(t.openBlock(),t.createBlock(t.unref(Qi),{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,K7),e.resizeColumns&&Q!==b.value.length-1?(t.openBlock(),t.createElementBlock("div",{key:1,class:"resize-handle",onClick:P[5]||(P[5]=t.withModifiers(()=>{},["stop"])),onMousedown:ie=>Ce(ie,W.key),onMouseleave:P[6]||(P[6]=ie=>v.value=""),onMouseover:ie=>v.value=W.key},null,40,U7)):t.createCommentVNode("",!0)],46,q7))),128))],2)],2),t.createElementVNode("tbody",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.value,(W,Q)=>(t.openBlock(),t.createElementBlock("tr",t.mergeProps({ref_for:!0},e.rowAttrs(W),{key:`table-${t.unref(p)}-row-${Q}`,role:Y.value?"link":null,tabindex:Y.value?0:null}),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(b.value,(ie,ce)=>(t.openBlock(),t.createElementBlock("td",t.mergeProps({ref_for:!0},e.cellAttrs({headerKey:ie.key,row:W,rowIndex:Q,colIndex:ce}),{key:`table-${t.unref(p)}-cell-${ce}`,class:{"resize-hover":e.resizeColumns&&Ne.value===ie.key&&ce!==b.value.length-1},style:Te.value[ie.key]},t.toHandlers(ye.value(W[ie.key],W),!0)),[t.renderSlot(N.$slots,ie.key,{row:oe(W),rowKey:Q,rowValue:W[ie.key]},()=>[t.createTextVNode(t.toDisplayString(W[ie.key]),1)],!0)],16))),128))],16,j7))),128))])],10,H7)],36),hr.value?(t.openBlock(),t.createBlock(oa,{key:0,class:"table-pagination","current-page":D.value,"data-testid":"table-pagination","disable-page-jump":e.disablePaginationPageJump,"initial-page-size":B.value,neighbors:e.paginationNeighbors,offset:e.paginationOffset,"offset-next-button-disabled":!le.value||!H.value,"offset-previous-button-disabled":!U.value,"page-sizes":e.paginationPageSizes,"total-count":O.value,onGetNextOffset:Ct,onGetPreviousOffset:cn,onPageChange:K,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)]))]))}}),Fh=he(G7,[["__scopeId","data-v-69b41e52"]]),Q7={class:"k-tabs"},Z7={"aria-label":"Tabs",role:"tablist"},X7=["id","data-testid"],J7=["id","aria-labelledby"],Yh=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 l;const r=e,a=n,o=t.ref(r.modelValue?r.modelValue:(l=r.tabs[0])==null?void 0:l.hash),i=async f=>{(typeof r.beforeChange!="function"||await r.beforeChange(f))&&(o.value=f,a("change",f),a("update:modelValue",f))},s=f=>f.replace("#",""),c=f=>f.disabled?"-1":typeof r.anchorTabindex=="number"&&r.anchorTabindex>=-1&&r.anchorTabindex<=32767?String(r.anchorTabindex):"0",d=f=>{if(f.to){if(typeof f.to=="string")return{tag:"a",attributes:{href:f.disabled?void 0:f.to}};if(typeof f.to=="object")return{tag:"router-link",attributes:{to:f.disabled?void 0:f.to}}}return{tag:"div",attributes:{}}};return t.watch(()=>r.modelValue,f=>{o.value=f,a("change",f),a("update:modelValue",f)}),(f,p)=>(t.openBlock(),t.createElementBlock("div",Q7,[t.createElementVNode("ul",Z7,[(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.openBlock(),t.createBlock(t.resolveDynamicComponent(d(u).tag),t.mergeProps({"aria-controls":e.hidePanels?void 0:`panel-${u.hash}`,"aria-selected":e.hidePanels?void 0:o.value===u.hash?"true":"false",class:["tab-link",{disabled:u.disabled}],role:"tab",tabindex:c(u),ref_for:!0},d(u).attributes,{onClick:[m=>u.disabled?void 0:i(u.hash),t.withModifiers(m=>u.disabled?void 0:i(u.hash),["prevent"])],onKeydown:[t.withKeys(t.withModifiers(m=>u.disabled?void 0:i(u.hash),["prevent"]),["enter"]),t.withKeys(t.withModifiers(m=>u.disabled?void 0:i(u.hash),["prevent"]),["space"])]}),{default:t.withCtx(()=>[t.renderSlot(f.$slots,`${s(u.hash)}-anchor`,{},()=>[t.createElementVNode("span",null,t.toDisplayString(u.title),1)])]),_:2},1040,["aria-controls","aria-selected","class","tabindex","onClick","onKeydown"]))],10,X7))),128))]),e.hidePanels?t.createCommentVNode("",!0):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.tabs,(u,m)=>(t.openBlock(),t.createElementBlock("div",{id:`panel-${m}`,key:u.hash,"aria-labelledby":`${s(u.hash)}-tab`,class:"tab-container",role:"tabpanel"},[o.value===u.hash?t.renderSlot(f.$slots,s(u.hash),{key:0}):t.createCommentVNode("",!0)],8,J7))),128))]))}}),[["__scopeId","data-v-12c95938"]]),eP=["data-value"],tP=["id","aria-invalid","rows","value"],Ls=2048,Hh=au?0:ou(),qh=f0("field-sizing","content"),nP={inheritAttrs:!1},rP=t.defineComponent({...nP,__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:Ls,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(E=>({"2c7a153f":e.rows}));const r=e,a=n,o=t.useAttrs(),i=t.useSlots(),{stripRequiredLabel:s}=tt(),c=t.computed(()=>(o==null?void 0:o.required)!==void 0&&String(o==null?void 0:o.required)!=="false"),d=t.ref(""),l=t.computed(()=>s(r.label,c.value)),f=t.computed(()=>{var E,M;return!!((E=r.labelAttributes)!=null&&E.help||(M=r.labelAttributes)!=null&&M.info||i["label-tooltip"])}),p=t.computed(()=>r.error||r.hasError||h.value?!0:void 0),u=t.ref(0),m=t.computed({get(){return r.modelValue},set(E){v({target:{value:E}})}}),g=t.useId(),y=t.computed(()=>o.id?String(o.id):g),b=t.computed(()=>{const E={...o};return delete E.class,E}),h=t.computed(()=>typeof r.characterLimit=="boolean"?r.characterLimit?d.value.length>Ls:!1:d.value.length>r.characterLimit),v=E=>{var V;const M=JSON.parse(JSON.stringify((V=E==null?void 0:E.target)==null?void 0:V.value));a("input",M),a("update:modelValue",M),d.value=M},k=t.computed(()=>{var M;const E=typeof r.characterLimit=="number"?r.characterLimit:Ls;return h.value?`${(M=d.value)==null?void 0:M.toString().length} / ${E}`:r.help});t.watch(h,(E,M)=>{E!==M&&(a("char-limit-exceeded",{value:d.value,length:d.value.length,characterLimit:Number(r.characterLimit),limitExceeded:E}),u.value+=1)}),t.watch(m,(E,M)=>{E!==M&&v({target:{value:E}})});const C=()=>d.value?d.value:r.modelValue,w=au?()=>{}:E=>{const{target:M,clientX:V,clientY:O}=E;if(!(M instanceof HTMLTextAreaElement))return;const{right:L,bottom:D}=M.getBoundingClientRect();V>L-Hh&&O>D-Hh&&(M.style.height="")};return(E,M)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-textarea",[E.$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:c.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(l.value)+" ",1)]),_:2},[f.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(E.$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(qh)}]),"data-allow-mismatch":"class","data-value":t.unref(qh)?null:d.value},[t.createElementVNode("textarea",t.mergeProps({id:y.value},b.value,{"aria-invalid":p.value,class:["input-textarea",{resizable:e.resizable||e.isResizable}],rows:e.rows,value:C(),onDblclick:M[0]||(M[0]=(...V)=>t.unref(w)&&t.unref(w)(...V)),onInput:v}),null,16,tP)],10,eP),t.createVNode(t.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:t.withCtx(()=>[k.value?(t.openBlock(),t.createElementBlock("p",{key:String(u.value),class:"help-text"},t.toDisplayString(k.value),1)):t.createCommentVNode("",!0)]),_:1})],2))}}),Wh=he(rP,[["__scopeId","data-v-52a36711"]]),aP={class:"toaster-icon-container"},oP={class:"toaster-content"},iP={key:0,class:"toaster-title"},lP={key:1,class:"toaster-message"},sP=["onClick"],zs=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 Dc;case"warning":return el;case"danger":return Zg;case"system":return Xi;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",aP,[(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",oP,[o.title?(t.openBlock(),t.createElementBlock("span",iP,t.toDisplayString(o.title),1)):t.createCommentVNode("",!0),o.message?(t.openBlock(),t.createElementBlock("p",lP,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(D1)})`,size:t.unref(M1)},null,8,["color","size"])],8,sP)],2))),128))]),_:1}))}}),[["__scopeId","data-v-c719c82d"]]),cP="kongponents-toaster-container",Rs={timeoutMilliseconds:5e3,appearance:Gi.info},dP=1e4;class Kh{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=cP,document.body.appendChild(this.toastersContainer),this.toaster=t.createVNode(zs,{toasterState:this.toasts.value,zIndex:n!=null&&n.zIndex?n.zIndex:dP,onClose:r=>this.close(r)}),this.toastersContainer&&t.render(this.toaster,this.toastersContainer)}setTimer(n,r){return setTimeout(()=>this.close(n),r)}open(n){const{key:r,timeoutMilliseconds:a,appearance:o,message:i,title:s}=n,c=r?String(r):Ti(),d=o&&Object.keys(Gi).indexOf(o)!==-1?o:Rs.appearance,l=this.setTimer(r,a||Rs.timeoutMilliseconds),f=typeof n=="string"?n:i;this.toasts.value.push({key:c,appearance:d,title:s,message:f,timer:l,timeoutMilliseconds:a||Rs.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())}}/*!
|
|
33
33
|
* vue-draggable-next v2.2.0
|