@kong/kongponents 9.13.1-pr.2481.da01a8257.0 → 9.14.0
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.es.js +30 -25
- package/dist/kongponents.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/KTabs/KTabs.vue.d.ts +11 -0
- package/package.json +30 -29
package/dist/kongponents.es.js
CHANGED
|
@@ -22923,52 +22923,57 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), W();
|
|
|
22923
22923
|
hidePanels: {
|
|
22924
22924
|
type: Boolean,
|
|
22925
22925
|
default: !1
|
|
22926
|
+
},
|
|
22927
|
+
anchorTabindex: {
|
|
22928
|
+
type: Number,
|
|
22929
|
+
default: 0,
|
|
22930
|
+
validator: (e) => e >= -1 && e <= 32767
|
|
22926
22931
|
}
|
|
22927
22932
|
},
|
|
22928
22933
|
emits: ["update:modelValue", "change"],
|
|
22929
22934
|
setup(e, { emit: t }) {
|
|
22930
|
-
const a = e, n = t, r = E(a.modelValue ? a.modelValue : a.tabs[0].hash), i = (
|
|
22931
|
-
r.value =
|
|
22932
|
-
};
|
|
22933
|
-
return ve(() => a.modelValue, (
|
|
22934
|
-
r.value =
|
|
22935
|
-
}), (
|
|
22935
|
+
const a = e, n = t, r = E(a.modelValue ? a.modelValue : a.tabs[0].hash), i = (o) => {
|
|
22936
|
+
r.value = o, n("change", o), n("update:modelValue", o);
|
|
22937
|
+
}, s = (o) => o.replace("#", ""), l = (o) => o.disabled ? "-1" : typeof a.anchorTabindex == "number" && a.anchorTabindex >= -1 && a.anchorTabindex <= 32767 ? String(a.anchorTabindex) : "0";
|
|
22938
|
+
return ve(() => a.modelValue, (o) => {
|
|
22939
|
+
r.value = o, n("change", o), n("update:modelValue", o);
|
|
22940
|
+
}), (o, u) => (h(), D("div", u9, [
|
|
22936
22941
|
R("ul", c9, [
|
|
22937
|
-
(h(!0), D(De, null, Be(e.tabs, (
|
|
22938
|
-
id: `${
|
|
22939
|
-
key:
|
|
22940
|
-
class: ue(["tab-item", { active: r.value ===
|
|
22942
|
+
(h(!0), D(De, null, Be(e.tabs, (c) => (h(), D("li", {
|
|
22943
|
+
id: `${c.hash.replace("#", "")}-tab`,
|
|
22944
|
+
key: c.hash,
|
|
22945
|
+
class: ue(["tab-item", { active: r.value === c.hash }])
|
|
22941
22946
|
}, [
|
|
22942
22947
|
R("div", {
|
|
22943
|
-
"aria-controls": e.hidePanels ? void 0 : `panel-${
|
|
22944
|
-
"aria-selected": e.hidePanels ? void 0 : r.value ===
|
|
22945
|
-
class: ue(["tab-link", { "has-panels": !e.hidePanels, disabled:
|
|
22948
|
+
"aria-controls": e.hidePanels ? void 0 : `panel-${c.hash}`,
|
|
22949
|
+
"aria-selected": e.hidePanels ? void 0 : r.value === c.hash ? "true" : "false",
|
|
22950
|
+
class: ue(["tab-link", { "has-panels": !e.hidePanels, disabled: c.disabled }]),
|
|
22946
22951
|
role: "tab",
|
|
22947
|
-
tabindex:
|
|
22948
|
-
onClick: qe((
|
|
22952
|
+
tabindex: l(c),
|
|
22953
|
+
onClick: qe((d) => c.disabled ? void 0 : i(c.hash), ["prevent"]),
|
|
22949
22954
|
onKeydown: [
|
|
22950
|
-
Ct(qe((
|
|
22951
|
-
Ct(qe((
|
|
22955
|
+
Ct(qe((d) => c.disabled ? void 0 : i(c.hash), ["prevent"]), ["enter"]),
|
|
22956
|
+
Ct(qe((d) => c.disabled ? void 0 : i(c.hash), ["prevent"]), ["space"])
|
|
22952
22957
|
]
|
|
22953
22958
|
}, [
|
|
22954
|
-
z(
|
|
22955
|
-
R("span", null, ne(
|
|
22959
|
+
z(o.$slots, `${s(c.hash)}-anchor`, {}, () => [
|
|
22960
|
+
R("span", null, ne(c.title), 1)
|
|
22956
22961
|
], !0)
|
|
22957
22962
|
], 42, f9)
|
|
22958
22963
|
], 10, d9))), 128))
|
|
22959
22964
|
]),
|
|
22960
|
-
e.hidePanels ? F("", !0) : (h(!0), D(De, { key: 0 }, Be(e.tabs, (
|
|
22961
|
-
id: `panel-${
|
|
22962
|
-
key:
|
|
22963
|
-
"aria-labelledby": `${
|
|
22965
|
+
e.hidePanels ? F("", !0) : (h(!0), D(De, { key: 0 }, Be(e.tabs, (c, d) => (h(), D("div", {
|
|
22966
|
+
id: `panel-${d}`,
|
|
22967
|
+
key: c.hash,
|
|
22968
|
+
"aria-labelledby": `${s(c.hash)}-tab`,
|
|
22964
22969
|
class: "tab-container",
|
|
22965
22970
|
role: "tabpanel"
|
|
22966
22971
|
}, [
|
|
22967
|
-
r.value ===
|
|
22972
|
+
r.value === c.hash ? z(o.$slots, s(c.hash), { key: 0 }, void 0, !0) : F("", !0)
|
|
22968
22973
|
], 8, v9))), 128))
|
|
22969
22974
|
]));
|
|
22970
22975
|
}
|
|
22971
|
-
}), h9 = /* @__PURE__ */ Me(p9, [["__scopeId", "data-v-
|
|
22976
|
+
}), h9 = /* @__PURE__ */ Me(p9, [["__scopeId", "data-v-f17c6bd2"]]), g9 = ["aria-invalid", "rows", "value"], rs = 2048, m9 = {
|
|
22972
22977
|
inheritAttrs: !1
|
|
22973
22978
|
}, y9 = /* @__PURE__ */ ie({
|
|
22974
22979
|
...m9,
|
package/dist/kongponents.umd.js
CHANGED
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
We suggest using 'KModal' component instead.
|
|
42
42
|
Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`)}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",s)}),t.onUnmounted(()=>{document.body.style.overflow=""}),(d,u)=>e.isVisible?(t.openBlock(),t.createElementBlock("div",{key:0,"aria-label":e.title,"aria-modal":"true",class:"k-modal-fullscreen isOpen",role:"dialog",onKeyup:[t.withKeys(l,["enter"]),t.withKeys(c,["esc"])]},[t.createElementVNode("div",{ref_key:"modalBodyContent",ref:o,class:t.normalizeClass(["k-modal-fullscreen-dialog",{"has-footer":d.$slots["footer-content"]}]),tabindex:"0"},[t.createElementVNode("div",AI,[d.$slots["body-header"]||e.bodyHeader?(t.openBlock(),t.createElementBlock("div",II,[t.renderSlot(d.$slots,"body-header",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeader),1)],!0)])):t.createCommentVNode("",!0),d.$slots["body-header-description"]||e.bodyHeaderDescription?(t.openBlock(),t.createElementBlock("div",OI,[t.renderSlot(d.$slots,"body-header-description",{},()=>[t.createTextVNode(t.toDisplayString(e.bodyHeaderDescription),1)],!0)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",PI,[t.renderSlot(d.$slots,"default",{},void 0,!0)]),t.createElementVNode("div",VI,[t.createElementVNode("div",_I,[t.createElementVNode("div",LI,[t.createElementVNode("span",zI,[t.renderSlot(d.$slots,"header-icon",{},()=>[t.createVNode(t.unref(oi),{color:t.unref(Hh)},null,8,["color"])],!0)]),t.createElementVNode("span",RI,[t.renderSlot(d.$slots,"header-content",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])]),t.createElementVNode("div",FI,[t.createElementVNode("div",YI,[t.renderSlot(d.$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:l},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])]),d.$slots["footer-content"]?(t.openBlock(),t.createElementBlock("div",HI,[t.renderSlot(d.$slots,"footer-content",{},void 0,!0),t.createElementVNode("div",qI,[t.createElementVNode("div",WI,[t.renderSlot(d.$slots,"action-buttons",{},()=>[t.createVNode(Ve,{appearance:e.actionButtonAppearance,class:"proceed-button",onClick:l},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])):t.createCommentVNode("",!0)],2)],40,MI)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-604a5bc5"]]),KI=["aria-selected","data-testid"],UI={class:"multiselect-item-container"},jI=["disabled","value"],GI={class:"multiselect-item-label"},Po=pe(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",UI,[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",GI,[t.renderSlot(i.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,jI)])],8,KI))}}),[["__scopeId","data-v-d1af7c6e"]]),QI={class:"multiselect-group-title"},ZI=pe(t.defineComponent({__name:"KMultiselectItems",props:{items:{type:Array,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)}},emits:["selected"],setup(e,{expose:n,emit:r}){const a=e,o=r,i=t.ref(null),s=p=>o("selected",p),c=t.computed(()=>{var p;return(p=a.items)==null?void 0:p.filter(m=>!m.group)}),l=t.computed(()=>{var p,m;return[...new Set((m=(p=a.items)==null?void 0:p.filter(g=>g.group))==null?void 0:m.map(g=>g.group))].sort((g,w)=>g.toLowerCase().localeCompare(w.toLowerCase()))}),d=p=>{var m;return(m=a.items)==null?void 0:m.filter(g=>g.group===p)},u=(p=0)=>{var m,g;i.value&&(a.items[p].disabled?u(p+1):(g=(m=i.value[p])==null?void 0:m.$el)==null||g.querySelector("button").focus())},f=(p,m)=>{var y,b,v,k;const g=a.items.findIndex(S=>S.key===p);if(g===-1)return;const w=m==="down"?1:-1;if(m==="down"?g+w<a.items.length:g+w>=0){const S=g+w;a.items[S].disabled?f(a.items[S].key,m):(k=(v=(b=(y=i.value)==null?void 0:y[S])==null?void 0:b.$el)==null?void 0:v.querySelector("button"))==null||k.focus()}};return n({setFocus:u}),(p,m)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.value,(g,w)=>(t.openBlock(),t.createBlock(Po,{key:`${g.key?g.key:w}-item`,ref_for:!0,ref_key:"kMultiselectItem",ref:i,item:g,onArrowDown:()=>f(g.key,"down"),onArrowUp:()=>f(g.key,"up"),onSelected:s},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:g},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.value,g=>(t.openBlock(),t.createElementBlock("div",{key:`${g}-group`,class:"multiselect-group"},[t.createElementVNode("span",QI,t.toDisplayString(g),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d(g),(w,C)=>(t.openBlock(),t.createBlock(Po,{key:`${w.key?w.key:g+"-"+C+"-item"}`,ref_for:!0,ref_key:"kMultiselectItem",ref:i,item:w,onArrowDown:()=>f(w.key,"down"),onArrowUp:()=>f(w.key,"up"),onSelected:s},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:w},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128))]))),128))],64))}}),[["__scopeId","data-v-8640caca"]]);function Vo(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function XI(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}function ms(e){return typeof e=="function"?e():t.unref(e)}const am=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const JI=Object.prototype.toString,eO=e=>JI.call(e)==="[object Object]",_o=()=>{},tO=nO();function nO(){var e,n;return am&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((n=window==null?void 0:window.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}const om=am?window:void 0;function Ca(e){var n;const r=ms(e);return(n=r==null?void 0:r.$el)!=null?n:r}function Sa(...e){let n,r,a,o;if(typeof e[0]=="string"||Array.isArray(e[0])?([r,a,o]=e,n=om):[n,r,a,o]=e,!n)return _o;Array.isArray(r)||(r=[r]),Array.isArray(a)||(a=[a]);const i=[],s=()=>{i.forEach(u=>u()),i.length=0},c=(u,f,p,m)=>(u.addEventListener(f,p,m),()=>u.removeEventListener(f,p,m)),l=t.watch(()=>[Ca(n),ms(o)],([u,f])=>{if(s(),!u)return;const p=eO(f)?{...f}:f;i.push(...r.flatMap(m=>a.map(g=>c(u,m,g,p))))},{immediate:!0,flush:"post"}),d=()=>{l(),s()};return XI(d),d}let im=!1;function rO(e,n,r={}){const{window:a=om,ignore:o=[],capture:i=!0,detectIframe:s=!1}=r;if(!a)return _o;tO&&!im&&(im=!0,Array.from(a.document.body.children).forEach(m=>m.addEventListener("click",_o)),a.document.documentElement.addEventListener("click",_o));let c=!0;const l=m=>ms(o).some(g=>{if(typeof g=="string")return Array.from(a.document.querySelectorAll(g)).some(w=>w===m.target||m.composedPath().includes(w));{const w=Ca(g);return w&&(m.target===w||m.composedPath().includes(w))}}),d=m=>{const g=Ca(e);if(!(!g||g===m.target||m.composedPath().includes(g))){if(m.detail===0&&(c=!l(m)),!c){c=!0;return}n(m)}};let u=!1;const f=[Sa(a,"click",m=>{u||(u=!0,setTimeout(()=>{u=!1},0),d(m))},{passive:!0,capture:i}),Sa(a,"pointerdown",m=>{const g=Ca(e);c=!l(m)&&!!(g&&!m.composedPath().includes(g))},{passive:!0}),s&&Sa(a,"blur",m=>{setTimeout(()=>{var g;const w=Ca(e);((g=a.document.activeElement)==null?void 0:g.tagName)==="IFRAME"&&!(w!=null&&w.contains(a.document.activeElement))&&n(m)},0)})].filter(Boolean);return()=>f.forEach(m=>m())}const aO={"data-testid":"multiselect-container"},oO=["tabindex"],iO={key:0},lO={key:1,class:"expanded-selection-empty"},sO=["aria-label","onClick"],cO={class:"multiselect-icons-container"},dO={key:0,class:"multiselect-input-wrapper"},uO={"aria-live":"polite"},fO={class:"select-item-description"},pO={key:1,class:"multiselect-empty","data-propagate-clicks":"false"},mO={key:1,class:"help-text"},hO={key:2,"aria-hidden":"true",class:"staging-area"},gO=e=>{const n=[];return e.forEach(r=>n.push(r.value)),n},yO=e=>{const n=gO(e),r=new Set(n);return n.length===r.size},lm=pe(t.defineComponent({inheritAttrs:!1,__name:"KMultiselect",props:{modelValue:{type:Array,default:()=>[]},label:{type:String,default:""},help:{type:String,default:""},error:{type:Boolean,default:!1},labelAttributes:{type:Object,default:()=>({})},placeholder:{type:String,default:""},searchPlaceholder:{type:String,default:""},kpopAttributes:{type:Object,default:()=>({popoverClasses:""})},dropdownMaxHeight:{type:String,default:"300"},width:{type:String,default:"100%"},selectedRowCount:{type:Number,default:1},collapsedContext:{type:Boolean,default:!1},items:{type:Array,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)&&yO(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=>({"383ae190":Le.value}));const r=t.useAttrs(),a=t.useSlots(),{getSizeFromString:o,cloneDeep:i,stripRequiredLabel:s}=Xe(),c=36,l="Filter...",d=e,u=n,f=t.ref(null),p=t.computed(()=>r.required!==void 0&&String(r.required)!=="false"),m=t.computed(()=>s(d.label,p.value)),g=t.computed(()=>{var Z,ee;return!!((Z=d.labelAttributes)!=null&&Z.help||(ee=d.labelAttributes)!=null&&ee.info||a["label-tooltip"])}),w=Z=>se.value||he.value||Z!=null&&Z.disabled?"neutral":d.error?"danger":"info",C={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"multiselect-popover"},y=t.ref(0),b=t.ref(0),v=r.id?String(r.id):je(),k=je(),S=t.ref(null),D=t.ref(null),E=t.ref(null),I=t.ref(),L=t.computed(()=>d.selectedRowCount*c),_=t.ref(""),P=t.computed(()=>!(!_.value||$.value.filter(Z=>Z.label===_.value).length)),N=t.ref(null),$=t.ref([]),B=t.ref([]),T=t.ref([]),z=t.ref([]),K=t.ref([]),H=new Set,q=t.ref([]),A=t.ref([]),G=t.computed(()=>A.value.map(Z=>Z.label).join(", ")),j=t.ref(!1),le=t.ref(!1),oe=t.ref(!1),se=t.computed(()=>(r==null?void 0:r.disabled)!==void 0&&String(r==null?void 0:r.disabled)!=="false"),he=t.computed(()=>(r==null?void 0:r.readonly)!==void 0&&String(r==null?void 0:r.readonly)!=="false"),ke=t.computed({get(){return d.modelValue},set(Z){const ee=$.value.filter(F=>Z.includes(F.value));ee.length?ie(ee):Z.length||Y()}}),Ce=t.computed(()=>{const Z={...r};return delete Z.class,Z}),$e=t.computed(()=>({...C,...d.kpopAttributes,popoverClasses:`${C.popoverClasses} ${d.kpopAttributes.popoverClasses} ${d.dropdownFooterText||a["dropdown-footer-text"]?"has-dropdown-footer":""}`,width:ut.value+"px",maxWidth:ut.value+"px",disabled:r.disabled!==void 0&&String(r.disabled)!=="false"||r.readonly!==void 0&&String(r.readonly)!=="false"})),Le=t.computed(()=>o(d.dropdownMaxHeight)),Te=t.computed(()=>({...$e.value})),Me=t.computed(()=>{const Z=d.width?d.width:"300";return o(Z)}),Ie=t.computed(()=>({width:Me.value})),Oe=t.computed(()=>({width:ut.value+"px"})),R=t.computed(()=>{if(T.value.length===0){if(!d.collapsedContext&&d.placeholder)return d.placeholder;if(d.collapsedContext&&d.searchPlaceholder)return d.searchPlaceholder}return T.value.length===1?`${T.value.length} item selected`:`${T.value.length} items selected`}),W=t.computed(()=>d.autosuggest?$.value:d.filterFunction({items:$.value,query:_.value})),re=Z=>{var ee;(se.value||((ee=Z==null?void 0:Z.target)==null?void 0:ee.dataset.propagateClicks)==="false")&&Z.stopPropagation()},V=async(Z,ee,F)=>{var h,x;if(Z){if(!ee.value){_.value="",F(),We(),await t.nextTick();const O=(x=(h=E.value)==null?void 0:h.$el)==null?void 0:x.querySelector("input");O==null||O.focus({preventScroll:!0})}}else ee.value&&(_.value="",F())},X=()=>{setTimeout(()=>{const Z=I.value;if(d.collapsedContext){b.value++;return}if(Z){if(Z.clientHeight>L.value){const F=Array.from(Z.querySelectorAll(".multiselect-selection-badge")).filter(O=>O.offsetTop>=L.value),h=z.value.length-F.length,x=z.value.splice(h,F.length);for(const O of x)H.has(O.value)||(H.add(O.value),K.value.push(O))}b.value++}},0)},ie=Z=>{Z.forEach(ee=>{var h;const F=((h=$.value.filter(x=>x.value===ee.value))==null?void 0:h[0])||null;F.selected=!0,T.value.filter(x=>x.value===F.value).length||(T.value.push(F),z.value.push(F))}),X()},ge=(Z,ee=!1)=>{const F=new Set(Z.map(h=>h.value));T.value=T.value.filter(h=>!F.has(h.value)),z.value=z.value.filter(h=>!F.has(h.value)),K.value=K.value.filter(h=>!F.has(h.value)),Z.forEach(h=>{if(H.delete(h.value),h.selected=!1,K.value.length){const x=K.value.pop();x&&(z.value.push(x),H.delete(x.value))}d.enableItemCreation&&h.custom&&($.value=$.value.filter(x=>x.value!==h.value),u("item-removed",h))}),ee&&X()},de=(Z,ee)=>{var O,M;let F=!1,h=ee?Z:((O=$.value.filter(Q=>Q.value===Z.value))==null?void 0:O[0])||null;if(d.enableItemCreation&&(h!=null&&h.custom)&&(F=!0),h===null&&(h=((M=T.value.filter(Q=>Q.value===Z.value))==null?void 0:M[0])||null),h===null)return;if(h.selected){if(T.value=T.value.filter(Q=>Q.value!==Z.value),z.value.filter(Q=>Q.value===Z.value).length?z.value=z.value.filter(Q=>Q.value!==Z.value):H.delete(Z.value)&&(K.value=K.value.filter(Q=>Q.value!==Z.value)),h.selected=!1,K.value.length){const Q=K.value.pop();Q&&(z.value.push(Q),H.delete(Q.value))}F&&($.value=$.value.filter(Q=>Q.value!==Z.value),u("item-removed",Z))}else h.selected=!0,T.value.push(h),z.value.push(h),ee&&(h.custom=!0,$.value.push(h));X();const x=T.value.map(Q=>Q.value);u("selected",T.value),u("change",h),u("update:modelValue",x)},Pe=()=>{var F;if(!d.enableItemCreation||!_.value||!P.value)return;const Z=$.value.length+1,ee={label:Vo(_.value+""),value:je(),key:`${(F=Vo(_.value).replace(/ /gi,"-"))==null?void 0:F.replace(/[^a-z0-9-_]/gi,"")}-${Z}`};u("item-added",ee),de(ee,!0),_.value=""},We=()=>{const Z=W.value.filter(O=>O.selected),ee=W.value.filter(O=>!O.selected),F=[...Z,...ee],h=F.filter(O=>!O.group),x=F.filter(O=>O.group).sort((O,M)=>O.group.toLowerCase().localeCompare(M.group.toLowerCase()));B.value=[...h,...x]},Y=()=>{$.value.forEach(ee=>{ee.disabled||(ee.selected=!1,ee.custom&&u("item-removed",ee))}),$.value=$.value.filter(ee=>!(ee.custom&&!ee.disabled)),T.value=T.value.filter(ee=>ee.disabled),z.value=z.value.filter(ee=>ee.disabled),K.value=K.value.filter(ee=>(ee.disabled||H.delete(ee.value),ee.disabled)),_.value="",X();const Z=T.value.map(ee=>ee.value);u("selected",T.value),u("update:modelValue",Z),u("query-change","")},ye=Z=>{_.value=Z,u("query-change",Z)},be=(Z,ee)=>{var F;Z.keyCode===27&&(ee.value=!1),(Z.code==="ArrowDown"||Z.code==="ArrowUp")&&((F=f.value)==null||F.setFocus())},Ne=()=>{var Z;(Z=N.value)==null||Z.showPopover()},ze=Z=>{var ee;(Z.code==="ArrowDown"||Z.code==="ArrowUp")&&((ee=f.value)==null||ee.setFocus())},at=async()=>{oe.value=!0,Rt()},Rt=()=>{j.value||(j.value=!0,u("query-change",""))};t.watch(b,()=>{setTimeout(()=>{const Z=I.value;if(d.collapsedContext){q.value=i(z.value),A.value=[],y.value++;return}if(Z)if(Z.clientHeight>L.value){const F=z.value.pop();F&&!H.has(F.value)&&(K.value.push(F),H.add(F.value)),b.value++}else q.value=i(z.value),A.value=i(K.value),y.value++},0)}),t.watch(y,async()=>{N.value&&typeof N.value.updatePopper=="function"&&(await t.nextTick(),N.value.updatePopper())}),t.watch(W,()=>{We()}),t.watch(ke,(Z,ee)=>{if(JSON.stringify(Z)!==JSON.stringify(ee)){if(!Z.length){Y();return}const F=new Set(ee),h=new Set(Z),x=$.value.filter(M=>h.has(M.value)),O=T.value.filter(M=>!h.has(M.value)&&F.has(M.value));O.length&&ge(O),x.length&&ie(x)}}),t.watch(()=>d.items,(Z,ee)=>{var F,h;if(JSON.stringify(Z)!==JSON.stringify(ee)){$.value=i(d.items);for(let x=0;x<$.value.length;x++){$.value[x].selected===void 0&&($.value[x].selected=!1);let O=`${(h=(F=$.value[x].label)==null?void 0:F.replace(/ /gi,"-"))==null?void 0:h.replace(/[^a-z0-9-_]/gi,"")}-${x}`;if(O.includes("undefined")&&(O=`multiselect-item-label-${x}`),$.value[x].key=O,d.modelValue.includes($.value[x].value)||$.value[x].selected){const M=$.value[x];M.selected=!0,T.value.filter(Q=>Q.value===M.value).length||T.value.push(M),z.value.filter(Q=>Q.value===M.value).length||z.value.push(M)}}X(),N.value&&typeof N.value.updatePopper=="function"&&t.nextTick(()=>{N.value.updatePopper()})}},{deep:!0,immediate:!0});const ut=t.ref(300),rt=async()=>{var Z;ut.value=300,await t.nextTick(),ut.value=((Z=S.value)==null?void 0:Z.clientWidth)||300,X()},it=t.ref();return t.onMounted(()=>{Sa("resize",rt),it.value=Un.create(rt),it.value.observe(S.value)}),t.onUnmounted(()=>{it.value&&S.value&&it.value.unobserve(S.value)}),(Z,ee)=>{const F=t.resolveComponent("KTooltip"),h=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-multiselect",[Z.$attrs.class,{"multiselect-error":e.error}]]),style:t.normalizeStyle(Ie.value)},[e.label?t.withDirectives((t.openBlock(),t.createBlock(pn,t.mergeProps({key:0},e.labelAttributes,{"data-testid":e.labelAttributes["data-testid"]?e.labelAttributes["data-testid"]:"multiselect-label",required:p.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(m.value)+" ",1)]),_:2},[g.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(Z.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","required"])),[[h,{for:t.unref(v)}]]):t.createCommentVNode("",!0),t.createElementVNode("div",aO,[t.createVNode(t.unref(Kr),null,{default:t.withCtx(({isToggled:x,toggle:O})=>[t.createVNode(Kn,t.mergeProps({ref_key:"popper",ref:N,"hide-close-icon":""},Te.value,{onClose:()=>V(!1,x,O),onOpen:()=>V(!0,x,O)}),{content:t.withCtx(()=>[t.createElementVNode("div",{class:"multiselect-list",onClick:ee[7]||(ee[7]=t.withModifiers(()=>{},["stop"])),onMouseenter:ee[8]||(ee[8]=()=>le.value=!0),onMouseleave:ee[9]||(ee[9]=()=>le.value=!1)},[!e.collapsedContext&&!he.value?(t.openBlock(),t.createElementBlock("div",dO,[t.createVNode(mn,{ref_key:"multiselectDropdownInputElement",ref:E,autocapitalize:"off",autocomplete:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":_.value,placeholder:e.searchPlaceholder||l,type:"text",onClick:ee[5]||(ee[5]=t.withModifiers(()=>{},["stop"])),onFocus:Rt,onKeyup:[ze,ee[6]||(ee[6]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ye},null,8,["model-value","placeholder"])])):t.createCommentVNode("",!0),t.createElementVNode("div",uO,[t.createVNode(ZI,{ref_key:"kMultiselectItems",ref:f,items:B.value,onSelected:de},{content:t.withCtx(({item:M})=>[t.renderSlot(Z.$slots,"item-template",{class:"multiselect-item",item:M},void 0,!0)]),_:3},8,["items"]),e.enableItemCreation&&P.value&&!Z.$slots.empty?(t.openBlock(),t.createBlock(Po,{key:"multiselect-add-item",class:"multiselect-add-item","data-testid":"multiselect-add-item",item:{label:`${_.value} (Add new value)`,value:"add_item",disabled:!e.itemCreationValidator(_.value)},onSelected:Pe},{content:t.withCtx(()=>[t.createElementVNode("div",fO,[t.createTextVNode(t.toDisplayString(_.value)+" ",1),ee[10]||(ee[10]=t.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):t.createCommentVNode("",!0),!B.value.length&&!Z.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(Po,{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&&!B.value.length?(t.openBlock(),t.createElementBlock("div",pO,[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.withDirectives((t.openBlock(),t.createElementBlock("div",t.mergeProps({ref_key:"multiselectElement",ref:S,class:["multiselect-trigger",{focused:oe.value,hovered:le.value,disabled:se.value,readonly:he.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:se.value||he.value||e.collapsedContext?-1:0},Ce.value,{onClick:re,onKeydown:[t.withKeys(Ne,["enter"]),t.withKeys(Ne,["space"])]}),[e.collapsedContext?(t.openBlock(),t.createElementBlock("div",iO,[t.createVNode(mn,{ref_key:"multiselectInputElement",ref:D,autocapitalize:"off",autocomplete:"off",class:t.normalizeClass(["multiselect-input",{"is-readonly":he.value}]),"data-testid":"multiselect-input",disabled:se.value,"model-value":_.value,placeholder:R.value,readonly:he.value?!0:void 0,type:"text",onBlur:ee[0]||(ee[0]=()=>oe.value=!1),onClick:M=>{x.value&&M.stopPropagation()},onFocus:at,onKeyup:M=>be(M,x),onMouseenter:ee[1]||(ee[1]=()=>le.value=!0),onMouseleave:ee[2]||(ee[2]=()=>le.value=!1),"onUpdate:modelValue":ye},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(Oe.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(q.value,(M,Q)=>(t.openBlock(),t.createBlock(br,{key:`${t.unref(k)}-${M.key?M.key:Q}-badge-${y.value}`,appearance:w(M),class:"multiselect-selection-badge","icon-before":!1,tooltip:M.label,"truncation-tooltip":"",onClick:ee[3]||(ee[3]=t.withModifiers(()=>{},["stop"]))},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(M.label)+" ",1)]),_:2},[M.selected&&!M.disabled&&!se.value&&!he.value?{name:"icon",fn:t.withCtx(()=>[t.createElementVNode("button",{"aria-label":`Unselect ${M.label}`,class:"badge-dismiss-button","data-testid":"badge-dismiss-button",type:"button",onClick:ne=>de(M)},[t.createVNode(t.unref(Mt),{decorative:""})],8,sO)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),A.value.length?(t.openBlock(),t.createBlock(F,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:G.value},{default:t.withCtx(()=>[t.createVNode(br,{appearance:w(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:ee[4]||(ee[4]=t.withModifiers(()=>{},["stop"]))},{default:t.withCtx(()=>[t.createTextVNode(" +"+t.toDisplayString(A.value.length),1)]),_:1},8,["appearance"])]),_:1},8,["text"])):t.createCommentVNode("",!0)],4)):(t.openBlock(),t.createElementBlock("div",lO,t.toDisplayString(R.value),1)),t.createElementVNode("div",cO,[!e.loading&&T.value.length&&x.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:Y},[t.createVNode(t.unref(Mt),{size:t.unref(vt)},null,8,["size"])])):e.loading?(t.openBlock(),t.createBlock(t.unref(Ur),{key:1,class:"multiselect-loading-icon",size:t.unref(vt),title:"Loading"},null,8,["size"])):(t.openBlock(),t.createBlock(t.unref(Va),{key:2,class:"multiselect-chevron-icon",decorative:"",size:t.unref(vt)},null,8,["size"]))])],16,oO)),[[h,{id:t.unref(v)}]])]),_:2},1040,["onClose","onOpen"])]),_:3})]),e.help?(t.openBlock(),t.createElementBlock("p",mO,t.toDisplayString(e.help),1)):t.createCommentVNode("",!0),e.collapsedContext?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",hO,[(t.openBlock(),t.createElementBlock("div",{key:b.value,ref_key:"multiselectSelectionsStagingElement",ref:I,class:"selection-badges-container staging",style:t.normalizeStyle(Oe.value),tabindex:"-1"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(z.value,(x,O)=>(t.openBlock(),t.createBlock(br,{key:`${t.unref(k)}-${x.key?x.key:O}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(x.label)+" ",1)]),_:2},[x.selected&&!x.disabled&&!se.value&&!he.value?{name:"icon",fn:t.withCtx(()=>[t.createVNode(t.unref(Mt),{"aria-hidden":"true"})]),key:"0"}:void 0]),1024))),128)),t.createVNode(br,{"aria-hidden":"true",class:"hidden-selection-count"},{default:t.withCtx(()=>[t.createTextVNode(" +"+t.toDisplayString(K.value.length),1)]),_:1})],4))]))],6)}}}),[["__scopeId","data-v-296cde0d"]]),bO={key:0,class:"prompt-content"},vO={class:"prompt-message"},wO={key:1,class:"prompt-confirmation-container"},kO={class:"prompt-confirmation-text"},CO={class:"confirmation-text"},sm=pe(t.defineComponent({inheritAttrs:!1,__name:"KPrompt",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},message:{type:String,default:""},actionButtonText:{type:String,default:"Confirm"},actionButtonAppearance:{type:String,default:"primary"},actionButtonDisabled:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},cancelButtonAppearance:{type:String,default:"tertiary"},cancelButtonDisabled:{type:Boolean,default:!1},confirmationText:{type:String,default:""},confirmationPrompt:{type:String,default:"Type {confirmationText} to confirm your action."},modalAttributes:{type:Object,default:()=>({})},errorMessage:{type:String,default:"You must enter the text as indicated above to confirm."}},emits:["cancel","proceed"],setup(e,{emit:n}){const r=e,a=t.useAttrs(),o=n,i=t.computed(()=>{const f=Object.assign({},a);return delete f["tabbable-options"],delete f["max-width"],delete f["max-height"],delete f["close-on-backdrop-click"],delete f["input-autofocus"],delete f["hide-close-icon"],delete f["hide-cancel-button"],delete f["full-screen"],f}),s=t.ref(""),c=t.ref(!1),l=t.computed(()=>r.actionButtonDisabled?!0:r.confirmationText?r.confirmationText!==s.value:!1),d=t.computed(()=>r.confirmationPrompt.split("{confirmationText}")),u=()=>{l.value?c.value=!0:o("proceed")};return t.watch(()=>r.visible,f=>{f||(s.value="",c.value=!1)}),t.watch(s,f=>{f&&f===r.confirmationText&&(c.value=!1)}),(f,p)=>(t.openBlock(),t.createBlock(ps,t.mergeProps({...i.value,...e.modalAttributes},{"action-button-appearance":e.actionButtonAppearance,"action-button-disabled":l.value,"action-button-text":e.actionButtonText,"cancel-button-appearance":e.cancelButtonAppearance,"cancel-button-disabled":e.cancelButtonDisabled,"cancel-button-text":e.cancelButtonText,class:"k-prompt","input-autofocus":e.modalAttributes.inputAutofocus===void 0?!0:e.modalAttributes.inputAutofocus,title:e.title||"Confirm your action",visible:e.visible,onCancel:p[1]||(p[1]=m=>f.$emit("cancel")),onProceed:p[2]||(p[2]=m=>f.$emit("proceed"))}),t.createSlots({default:t.withCtx(()=>[f.$slots.default||e.message?(t.openBlock(),t.createElementBlock("div",bO,[t.renderSlot(f.$slots,"default",{},()=>[t.createElementVNode("p",vO,t.toDisplayString(e.message),1)],!0)])):t.createCommentVNode("",!0),e.confirmationText?(t.openBlock(),t.createElementBlock("div",wO,[t.createElementVNode("p",kO,[t.createTextVNode(t.toDisplayString(d.value[0])+" ",1),t.createElementVNode("span",CO,'"'+t.toDisplayString(e.confirmationText)+'"',1),t.createTextVNode(" "+t.toDisplayString(d.value[1]?d.value[1]:""),1)]),t.createVNode(mn,{modelValue:s.value,"onUpdate:modelValue":p[0]||(p[0]=m=>s.value=m),"aria-label":`${d.value[0]}'${e.confirmationText}'${d.value[1]?d.value[1]:""}`,autocapitalize:"off",autocomplete:"off","data-testid":"confirmation-input",error:c.value,"error-message":e.errorMessage,onKeydown:t.withKeys(t.withModifiers(u,["prevent"]),["enter"])},null,8,["modelValue","aria-label","error","error-message","onKeydown"])])):t.createCommentVNode("",!0)]),_:2},[f.$slots.title?{name:"title",fn:t.withCtx(()=>[t.renderSlot(f.$slots,"title",{},void 0,!0)]),key:"0"}:void 0]),1040,["action-button-appearance","action-button-disabled","action-button-text","cancel-button-appearance","cancel-button-disabled","cancel-button-text","input-autofocus","title","visible"]))}}),[["__scopeId","data-v-8d8a17b7"]]),SO=["aria-checked","checked","disabled"],$O={key:0,class:"radio-description"},xO=["for","tabindex"],DO={key:0,class:"card-content-wrapper"},BO={key:1,class:"radio-label"},EO={key:2,class:"radio-description"},TO={inheritAttrs:!1},NO=t.defineComponent({...TO,__name:"KRadio",props:{modelValue:{type:[String,Number,Boolean,Object,null],required:!0},label:{type:String,default:""},labelAttributes:{type:Object,default:()=>({}),validator:e=>(e.help&&console.warn("KRadio: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel"),!0)},description:{type:String,default:""},selectedValue:{type:[String,Number,Boolean,Object],required:!0},error:{type:Boolean,default:!1},card:{type:Boolean,default:!1},type:{type:String,default:"",validator:e=>(e&&console.warn("KRadio: `type` prop is deprecated. Please use `card` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kradio"),Xs.includes(e))}},emits:["change","update:modelValue"],setup(e,{emit:n}){const r=e,a=t.useSlots(),o=t.useAttrs(),i=o.id?String(o.id):je(),s=t.computed(()=>(o==null?void 0:o.disabled)!==void 0&&String(o==null?void 0:o.disabled)!=="false"),c=t.computed(()=>!!(r.label||a.default)),l=t.computed(()=>c.value&&(!!r.description||!!a.description)),d=t.computed(()=>!!r.label&&(!!r.description||!!a.description)),u=t.computed(()=>!!a.tooltip),f=t.computed(()=>r.selectedValue===r.modelValue),p=n,m=()=>{p("change",r.selectedValue),p("update:modelValue",r.selectedValue)},g=t.computed(()=>{const C={...o};return delete C.class,C}),w=t.computed(()=>({disabled:s.value,"radio-card":r.card||r.type==="card","input-error":r.error,checked:f.value,"has-description":l.value}));return(C,y)=>{const b=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-radio",[C.$attrs.class?C.$attrs.class:"",w.value]])},[t.withDirectives(t.createElementVNode("input",t.mergeProps(g.value,{"aria-checked":f.value,checked:f.value,class:"radio-input",disabled:s.value,type:"radio",onClick:m}),null,16,SO),[[b,{id:t.unref(i)}]]),!e.card&&(e.label||C.$slots.default)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["radio-label-wrapper",{"has-description":l.value}])},[t.withDirectives((t.openBlock(),t.createBlock(pn,t.mergeProps(e.labelAttributes,{class:"radio-label"}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(C.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.label),1)],!0)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(C.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040)),[[b,{for:t.unref(i)}]]),l.value?(t.openBlock(),t.createElementBlock("div",$O,[t.renderSlot(C.$slots,"description",{},()=>[t.createElementVNode("p",null,t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)],2)):e.label||C.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:1,class:t.normalizeClass(["radio-card-wrapper radio-label-wrapper",{"has-label":e.label,"has-description":d.value}]),for:t.unref(i),tabindex:s.value?-1:0,onKeydown:y[0]||(y[0]=t.withKeys(t.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:t.withKeys(m,["space"])},[C.$slots.default?(t.openBlock(),t.createElementBlock("span",DO,[t.renderSlot(C.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0),e.label?(t.openBlock(),t.createElementBlock("span",BO,t.toDisplayString(e.label),1)):t.createCommentVNode("",!0),d.value?(t.openBlock(),t.createElementBlock("span",EO,[t.renderSlot(C.$slots,"description",{},()=>[t.createTextVNode(t.toDisplayString(e.description),1)],!0)])):t.createCommentVNode("",!0)],42,xO)):t.createCommentVNode("",!0)],2)}}}),cm=pe(NO,[["__scopeId","data-v-8ca5f2d2"]]),MO=["aria-selected","data-testid"],AO={class:"select-item-container"},IO=["disabled","value"],OO={class:"select-item-label"},Lo=pe(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",AO,[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",OO,[t.renderSlot(i.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.item.label),1)],!0)])],42,IO)])],8,MO))}}),[["__scopeId","data-v-8e320551"]]),PO={class:"select-group-title"},VO=pe(t.defineComponent({__name:"KSelectItems",props:{items:{type:Array,required:!1,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)}},emits:["selected"],setup(e,{expose:n,emit:r}){const a=e,o=r,i=p=>o("selected",p),s=t.computed(()=>{var p;return(p=a.items)==null?void 0:p.filter(m=>!m.group)}),c=t.computed(()=>{var p,m;return[...new Set((m=(p=a.items)==null?void 0:p.filter(g=>g.group))==null?void 0:m.map(g=>g.group))].sort((g,w)=>g.toLowerCase().localeCompare(w.toLowerCase()))}),l=p=>{var m;return(m=a.items)==null?void 0:m.filter(g=>g.group===p)},d=t.ref(null),u=(p=0)=>{var m,g;d.value&&(a.items[p].disabled?u(p+1):(g=(m=d.value[p])==null?void 0:m.$el)==null||g.querySelector("button").focus())},f=(p,m)=>{var y,b,v,k;const g=a.items.findIndex(S=>S.key===p);if(g===-1)return;const w=m==="down"?1:-1;if(m==="down"?g+w<a.items.length:g+w>=0){const S=g+w;a.items[S].disabled?f(a.items[S].key,m):(k=(v=(b=(y=d.value)==null?void 0:y[S])==null?void 0:b.$el)==null?void 0:v.querySelector("button"))==null||k.focus()}};return n({setFocus:u}),(p,m)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,g=>(t.openBlock(),t.createBlock(Lo,{key:g.key,ref_for:!0,ref_key:"kSelectItem",ref:d,item:g,onArrowDown:()=>f(g.key,"down"),onArrowUp:()=>f(g.key,"up"),onSelected:i},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:g},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.value,g=>(t.openBlock(),t.createElementBlock("div",{key:`${g}-group`,class:"select-group","data-propagate-clicks":"false"},[t.createElementVNode("span",PO,t.toDisplayString(g),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l(g),w=>(t.openBlock(),t.createBlock(Lo,{key:w.key,ref_for:!0,ref_key:"kSelectItem",ref:d,item:w,onArrowDown:()=>f(w.key,"down"),onArrowUp:()=>f(w.key,"up"),onSelected:i},{content:t.withCtx(()=>[t.renderSlot(p.$slots,"content",{item:w},void 0,!0)]),_:2},1032,["item","onArrowDown","onArrowUp"]))),128))]))),128))],64))}}),[["__scopeId","data-v-136d70ae"]]),_O=["aria-live"],LO={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},zO={key:1,class:"select-items-container","data-propagate-clicks":"false"},RO={class:"select-item-description"},FO={key:2,class:"dropdown-footer dropdown-footer-static"},YO={key:2,class:"select-empty","data-propagate-clicks":"false"},HO={key:0,class:"dropdown-footer dropdown-footer-sticky"},dm=pe(t.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{type:[String,Number],default:""},kpopAttributes:{type:Object,default:()=>({popoverClasses:""})},dropdownMaxHeight:{type:String,default:"300"},label:{type:String,default:""},labelAttributes:{type:Object,default:()=>({})},width:{type:String,default:"100%"},placeholder:{type:String,default:""},items:{type:Array,required:!1,default:()=>[],validator:e=>!e.length||e.every(n=>n.label!==void 0&&n.value!==void 0)},enableFiltering:{type:Boolean,default:!1},filterFunction:{type:Function,default:e=>{var n;return(n=e==null?void 0:e.items)==null?void 0:n.filter(r=>{var a,o;return(o=r.label)==null?void 0:o.toLowerCase().includes((a=e.query)==null?void 0:a.toLowerCase())})}},loading:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},dropdownFooterText:{type:String,default:""},dropdownFooterTextPosition:{type:String,default:"sticky"},reuseItemTemplate:{type:Boolean,default:!1},enableItemCreation:{type:Boolean,default:!1},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(V=>({34154625:K.value,c348ea88:$.value,"0151edea":B.value}));const{getSizeFromString:r,stripRequiredLabel:a}=Xe(),o=e,i=n,s=t.useAttrs(),c=t.useSlots(),l=t.ref(!1),d=t.ref(),u=t.computed(()=>{var V;return!!((V=o.labelAttributes)!=null&&V.info||c["label-tooltip"])}),f=t.computed(()=>s.required!==void 0&&String(s.required)!=="false"),p=t.computed(()=>s.disabled!==void 0&&String(s.disabled)!=="false"),m=t.computed(()=>s.readonly!==void 0&&String(s.readonly)!=="false"),g=t.computed(()=>!!(c["dropdown-footer-text"]||o.dropdownFooterText)),w={popoverClasses:`select-popover ${g.value?`has-${o.dropdownFooterTextPosition}-dropdown-footer`:""}`,popoverTimeout:0,placement:"bottom-start",hideCaret:!0},C=t.ref(0),y=t.ref(null),b=t.ref(null),v=t.computed(()=>a(o.label,f.value)),k=t.ref(""),S=t.computed(()=>{var V,X;return!(!k.value||(X=(V=I.value)==null?void 0:V.filter(ie=>ie.label===k.value))!=null&&X.length)}),D=je(),E=t.ref(null),I=t.ref([]),L=t.ref(!1),_=t.ref(),P=t.ref(),N=t.computed({get(){return o.modelValue},set(V){var ie;const X=(ie=I.value)==null?void 0:ie.filter(ge=>ge.value===V);X!=null&&X.length?se(X[0]):V||he()}}),$=t.computed(()=>r(o.width||"100%")),B=t.ref(""),T=t.computed(()=>{const V={...s};return delete V.class,V}),z=t.computed(()=>({...w,...o.kpopAttributes,popoverClasses:`${w.popoverClasses} ${o.kpopAttributes.popoverClasses}`,width:String(B.value),maxWidth:String(B.value),disabled:p.value||m.value})),K=t.computed(()=>r(o.dropdownMaxHeight)),H=t.computed(()=>({...z.value})),q=t.computed(()=>o.placeholder||s.placeholder||"Select..."),A=t.computed(()=>!p.value&&o.clearable&&!!E.value),G=t.computed(()=>!!(E.value&&(c["selected-item-template"]||o.reuseItemTemplate&&c["item-template"]))),j=t.computed(()=>{let V=[];!o.enableFiltering||o.filterFunction({query:k.value,items:I.value})===!0?V=I.value:V=o.filterFunction({query:k.value,items:I.value});const X=V.filter(ge=>!ge.group),ie=V.filter(ge=>ge.group).sort((ge,de)=>ge.group.toLowerCase().localeCompare(de.group.toLowerCase()));return[...X,...ie]}),le=V=>{if(!o.enableFiltering)return V.preventDefault(),!1},oe=()=>{var ie,ge;if(!o.enableItemCreation||!k.value||!S.value)return;const V=(((ie=I.value)==null?void 0:ie.length)||0)+1,X={label:Vo(k.value),value:je(),key:`${(ge=Vo(k.value).replace(/ /gi,"-"))==null?void 0:ge.replace(/[^a-z0-9-_]/gi,"")}-${V}`,custom:!0};i("item-added",X),se(X,!0),k.value=""},se=(V,X)=>{var ie,ge;X&&((ie=I.value)==null||ie.push(V)),(ge=I.value)==null||ge.forEach((de,Pe)=>{var We,Y,ye;de.key===V.key?(de.selected=!0,de.key=(We=de==null?void 0:de.key)!=null&&We.includes("-selected")?de.key:`${de.key}-selected`,E.value=de):de.selected?(de.selected=!1,de.key=(Y=de==null?void 0:de.key)==null?void 0:Y.replace(/-selected/gi,""),de.custom&&((ye=I.value)==null||ye.splice(Pe,1),i("item-removed",de))):de.selected=!1}),k.value=V.label},he=()=>{var V;(V=I.value)==null||V.forEach((X,ie)=>{var ge,de;X.selected=!1,X.key=(ge=X==null?void 0:X.key)==null?void 0:ge.replace(/-selected/gi,""),X.custom&&((de=I.value)==null||de.splice(ie,1),i("item-removed",X))}),E.value=null,k.value="",i("input",null),i("change",null),i("update:modelValue",null)},ke=t.ref(null),Ce=(V,X)=>{var ge,de;if(V.keyCode===27){X.value=!1;return}const ie=(ge=P.value)==null?void 0:ge.children[0];!X.value&&ie&&ie.click(),(V.code==="ArrowDown"||V.code==="ArrowUp")&&X.value&&((de=ke.value)==null||de.setFocus())},$e=V=>{k.value!==V&&(k.value=V)},Le=()=>{L.value=!0,i("query-change",k.value)},Te=()=>{L.value=!1},Me=()=>{var V,X,ie;o.enableFiltering||(ie=(X=(V=y.value)==null?void 0:V.$el)==null?void 0:X.querySelector("input"))==null||ie.blur()},Ie=V=>{var X;(p.value||((X=V==null?void 0:V.target)==null?void 0:X.dataset.propagateClicks)==="false")&&V.stopPropagation()},Oe=V=>{V()},R=(V,X)=>{l.value=!1,E.value&&(k.value=E.value.label),X&&V()},W=V=>{l.value=!0,o.enableFiltering&&(k.value=""),V()},re=()=>{var V,X,ie,ge,de;if(!s.id){const Pe=(ie=(X=(V=y.value)==null?void 0:V.$el)==null?void 0:X.querySelector("input"))==null?void 0:ie.id;Pe&&((de=(ge=b.value)==null?void 0:ge.$el)==null||de.setAttribute("for",Pe))}};return t.watch(N,(V,X)=>{var ie;if(V!==X){const ge=(ie=I.value)==null?void 0:ie.filter(de=>de.value===V);ge!=null&&ge.length?se(ge[0]):V||he()}}),t.watch(()=>o.items,(V,X)=>{var ie,ge,de,Pe,We;if(JSON.stringify(V)!==JSON.stringify(X)){I.value=JSON.parse(JSON.stringify(o.items)),(ie=I.value)!=null&&ie.length&&(E.value=null);for(let Y=0;Y<((ge=I.value)==null?void 0:ge.length);Y++){I.value[Y].selected===void 0&&(I.value[Y].selected=!1);let ye=`${(Pe=(de=I.value[Y].label)==null?void 0:de.replace(/ /gi,"-"))==null?void 0:Pe.replace(/[^a-z0-9-_]/gi,"")}-${Y}`;ye.includes("undefined")&&(ye=`select-item-label-${Y}`),I.value[Y].key=ye,(I.value[Y].value===o.modelValue||I.value[Y].selected)&&(I.value[Y].selected=!0,E.value=I.value[Y],I.value[Y].key+="-selected",L.value||(k.value=E.value.label)),((We=E.value)==null?void 0:We.value)===I.value[Y].value&&(I.value[Y].selected=!0)}_.value&&typeof _.value.updatePopper=="function"&&t.nextTick(()=>{_.value.updatePopper()})}},{deep:!0,immediate:!0}),t.watch(k,V=>{i("query-change",V)}),t.watch(E,(V,X)=>{V&&V!==X&&(i("selected",V),i("input",V.value),i("change",V),i("update:modelValue",V.value))},{deep:!0}),t.watch(()=>s.id,async()=>{C.value++,await t.nextTick(),re()},{immediate:!0}),t.onMounted(()=>{P.value&&(d.value=Un.create(()=>{var V;B.value=`${(V=P.value)==null?void 0:V.offsetWidth}px`}),d.value.observe(P.value)),re(),Sa(document,"keydown",V=>{var X,ie;!o.enableFiltering&&((X=document.activeElement)==null?void 0:X.tagName)==="BODY"&&!L.value&&l.value&&(V.code==="ArrowDown"||V.code==="ArrowUp")&&(V.preventDefault(),(ie=ke.value)==null||ie.setFocus())})}),t.onUnmounted(()=>{var V;P.value&&((V=d.value)==null||V.unobserve(P.value))}),(V,X)=>{const ie=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-select",[V.$attrs.class]])},[e.label?(t.openBlock(),t.createBlock(pn,t.mergeProps({key:0,ref_key:"labelElement",ref:b},e.labelAttributes,{"data-testid":"select-label",for:V.$attrs.id?String(V.$attrs.id):void 0,required:f.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(v.value)+" ",1)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(V.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):t.createCommentVNode("",!0),t.createVNode(t.unref(Kr),null,{default:t.withCtx(({toggle:ge,isToggled:de})=>[t.createVNode(Kn,t.mergeProps({ref_key:"popperElement",ref:_},H.value,{"close-on-popover-click":"","hide-close-icon":"",onClose:()=>R(ge,de.value),onOpen:()=>W(ge),onPopoverClick:()=>Oe(ge)}),{content:t.withCtx(()=>[t.createElementVNode("div",{"aria-live":e.enableFiltering?"polite":"off"},[e.enableFiltering&&e.loading?(t.openBlock(),t.createElementBlock("div",LO,[t.renderSlot(V.$slots,"loading",{},()=>[t.createVNode(t.unref(Ur),{class:"loading-icon",title:"Loading"})],!0)])):(t.openBlock(),t.createElementBlock("div",zO,[t.createVNode(VO,{ref_key:"kSelectItems",ref:ke,items:j.value,onSelected:se},{content:t.withCtx(({item:Pe})=>[t.renderSlot(V.$slots,"item-template",{class:"select-item-label select-item-desc",item:Pe},void 0,!0)]),_:3},8,["items"]),!j.value.length&&!V.$slots.empty&&!e.enableItemCreation?(t.openBlock(),t.createBlock(Lo,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):t.createCommentVNode("",!0),!j.value.length&&S.value&&!V.$slots.empty&&e.enableItemCreation?(t.openBlock(),t.createBlock(Lo,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${k.value} (Add new value)`,value:"add_item"},onSelected:oe},{content:t.withCtx(()=>[t.createElementVNode("div",RO,[t.createTextVNode(t.toDisplayString(k.value)+" ",1),X[1]||(X[1]=t.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):t.createCommentVNode("",!0),g.value&&e.dropdownFooterTextPosition==="static"?(t.openBlock(),t.createElementBlock("div",FO,[t.renderSlot(V.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)])),!e.loading&&!j.value.length&&V.$slots.empty?(t.openBlock(),t.createElementBlock("div",YO,[t.renderSlot(V.$slots,"empty",{},void 0,!0)])):t.createCommentVNode("",!0)],8,_O),g.value&&e.dropdownFooterTextPosition==="sticky"?(t.openBlock(),t.createElementBlock("div",HO,[t.renderSlot(V.$slots,"dropdown-footer-text",{},()=>[t.createTextVNode(t.toDisplayString(e.dropdownFooterText),1)],!0)])):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.withDirectives((t.openBlock(),t.createElementBlock("div",{ref_key:"selectWrapperElement",ref:P,class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:Ie},[(t.openBlock(),t.createBlock(mn,t.mergeProps({key:C.value,ref_key:"inputElement",ref:y,autocapitalize:"off",autocomplete:"off",class:["select-input",{"filtering-disabled":!e.enableFiltering,"hide-model-value":G.value&&(!e.enableFiltering||!de.value),"input-has-focus":L.value||de.value}],"data-testid":"select-input",disabled:p.value,error:e.error,"model-value":k.value,placeholder:E.value&&!e.enableFiltering?E.value.label:q.value,readonly:m.value},t.unref(s).id?{id:String(t.unref(s).id),...T.value}:{...T.value},{onBlur:Te,onClick:Me,onFocus:Le,onKeypress:le,onKeyup:[Pe=>Ce(Pe,de),X[0]||(X[0]=t.withKeys(t.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":$e}),t.createSlots({after:t.withCtx(()=>[A.value?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:he},[t.createVNode(t.unref(Mt),{decorative:""})])):t.createCommentVNode("",!0),t.createVNode(t.unref(Va),{class:t.normalizeClass(["chevron-down-icon",{disabled:p.value}]),decorative:""},null,8,["class"])]),_:2},[t.unref(c).before?{name:"before",fn:t.withCtx(()=>[t.renderSlot(V.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,V.$slots["label-tooltip"]?{name:"label-tooltip",fn:t.withCtx(()=>[t.renderSlot(V.$slots,"label-tooltip",{},void 0,!0)]),key:"1"}:void 0]),1040,["class","disabled","error","model-value","placeholder","readonly","onKeyup"])),t.createVNode(t.Transition,{name:"kongponents-fade-transition"},{default:t.withCtx(()=>[G.value&&(!e.enableFiltering||!de.value)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["custom-selected-item-wrapper",{clearable:e.clearable}])},[t.renderSlot(V.$slots,"selected-item-template",{item:E.value},()=>[t.renderSlot(V.$slots,"item-template",{item:E.value},void 0,!0)],!0)],2)):t.createCommentVNode("",!0)]),_:2},1024)])),[[ie,{id:t.unref(D)}]])]),_:2},1040,["onClose","onOpen","onPopoverClick"])]),_:3}),e.help?(t.openBlock(),t.createElementBlock("p",{key:1,class:t.normalizeClass(["help-text",{"select-error":e.error}])},t.toDisplayString(e.help),3)):t.createCommentVNode("",!0)],2)}}}),[["__scopeId","data-v-c2fafe2e"]]),qO={class:"k-slideout"},WO={class:"slideout-header"},KO={key:0,class:"slideout-title","data-testid":"slideout-title"},UO={class:"slideout-content"},um=pe(t.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean,default:!1},closeButtonAlignment:{type:String,default:"start",validator:e=>["start","end"].includes(e)},hasOverlay:{type:Boolean,default:!0},offsetTop:{type:[Number,String],default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{type:String,default:""},maxWidth:{type:String,required:!1,default:"500px"},zIndex:{type:Number,default:9999}},emits:["close"],setup(e,{emit:n}){t.useCssVars(d=>({ad524a00:s.value,"5f5605b1":r.maxWidth,fa7fc4ae:e.zIndex}));const r=e,a=n,{getSizeFromString:o}=Xe(),i=t.ref(null),s=t.computed(()=>typeof r.offsetTop=="number"?o(String(r.offsetTop)):r.offsetTop);rO(i,d=>{d.isTrusted&&r.closeOnBlur&&a("close")});const c=(d,u=!1)=>{(r.visible&&d.keyCode===27&&r.closeOnEscape||u)&&a("close")},l=d=>{typeof document<"u"&&(d?document==null||document.addEventListener("keydown",c):document==null||document.removeEventListener("keydown",c))};return t.watch(()=>r.visible,async d=>{l(!!d)},{immediate:!0}),t.onUnmounted(()=>{l(!1)}),(d,u)=>(t.openBlock(),t.createElementBlock("div",qO,[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",WO,[e.title||d.$slots.title?(t.openBlock(),t.createElementBlock("div",KO,[t.renderSlot(d.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)])):t.createCommentVNode("",!0),t.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:u[0]||(u[0]=t.withModifiers(f=>d.$emit("close"),["stop"]))},[t.createVNode(t.unref(Mt),{color:`var(--kui-color-text-neutral, ${t.unref(Ut)})`,decorative:""},null,8,["color"])])]),t.createElementVNode("div",UO,[t.renderSlot(d.$slots,"default",{},void 0,!0)])],512)):t.createCommentVNode("",!0)]),_:3})]))}}),[["__scopeId","data-v-6cd03797"]]),jO=["aria-current","data-testid"],GO={class:"step-circle"},QO=pe(t.defineComponent({__name:"KStep",props:{label:{type:String,required:!0},state:{type:String,default:"default",validator:e=>nc.includes(e)},maxLabelWidth:{type:String,default:"170"}},setup(e){const{getSizeFromString:n}=Xe(),r=e,a=t.computed(()=>({maxWidth:n(r.maxLabelWidth)}));return(o,i)=>(t.openBlock(),t.createElementBlock("li",{"aria-current":e.state==="active"?"step":"false",class:"step","data-testid":`step-${e.state}`},[t.createElementVNode("div",{class:t.normalizeClass(["step-container",`${e.state}`])},[t.createElementVNode("div",GO,[e.state==="completed"?(t.openBlock(),t.createBlock(t.unref(uh),{key:0,color:`var(--kui-color-text-inverse, ${t.unref(si)})`,size:t.unref(vt),title:"Completed"},null,8,["color","size"])):e.state==="pending"?(t.openBlock(),t.createBlock(t.unref(Ur),{key:1,color:`var(--kui-color-text-primary, ${t.unref(Kh)})`,size:t.unref(vt),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(si)})`,size:t.unref(vt),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,jO))}}),[["__scopeId","data-v-3d0e3f71"]]),ZO={key:0,class:"k-stepper"},fm=pe(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",ZO,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.steps,a=>(t.openBlock(),t.createBlock(QO,{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"]]),XO={class:"table-column-visibility-menu"},JO={class:"apply-button-wrapper"},pm=pe(t.defineComponent({__name:"ColumnVisibilityMenu",props:{columns:{type:Array,required:!0},tableId:{type:String,required:!0},visibilityPreferences:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1}},emits:["update"],setup(e,{emit:n}){const r=n,a=e,o=t.ref(!1),i=t.ref({}),s=t.ref(!1),c=t.ref(),l=t.ref(""),d=()=>{i.value=a.columns.reduce((w,C)=>(w[C.key]=a.visibilityPreferences[C.key]===void 0?!0:a.visibilityPreferences[C.key],w),{}),s.value=!1},u=hd(w=>{l.value=w,c.value&&g(c.value)},500),f=t.computed(()=>l.value?a.columns.filter(w=>(w.label?w.label:w.key).toLowerCase().includes(l.value.toLowerCase())):a.columns),p=()=>{r("update",JSON.parse(JSON.stringify(i.value))),s.value=!1,l.value=""},m=w=>{o.value=w,w&&c.value&&t.nextTick(()=>{c.value&&g(c.value)}),!w&&s.value&&d(),w||(l.value="")},g=w=>{if(!(w.scrollHeight>w.clientHeight)){w.classList.remove("is-bottom-overflowing");return}const y=w.scrollHeight<w.clientHeight+w.scrollTop+1;w.classList.toggle("is-bottom-overflowing",!y)};return t.watch(()=>a.visibilityPreferences,()=>{d()},{immediate:!0}),t.onMounted(()=>{c.value&&(c.value.addEventListener("scroll",w=>{const C=w.currentTarget;g(C)}),g(c.value))}),t.onBeforeMount(()=>{d()}),(w,C)=>{const y=t.resolveComponent("KTooltip"),b=t.resolveComponent("KLabel");return t.openBlock(),t.createElementBlock("div",XO,[t.createVNode(Mn,{"data-testid":"table-column-visibility-menu",disabled:e.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:m},{items:t.withCtx(()=>[l.value||f.value.length>5?(t.openBlock(),t.createBlock(mn,{key:0,modelValue:l.value,"onUpdate:modelValue":C[1]||(C[1]=v=>l.value=v),modelModifiers:{trim:!0},autocomplete:"off",class:"search-input","data-testid":"search-input",placeholder:"Search columns",type:"search",onClick:C[2]||(C[2]=t.withModifiers(()=>{},["stop"])),onInput:t.unref(u)},t.createSlots({before:t.withCtx(()=>[t.createVNode(t.unref(ii),{decorative:""})]),_:2},[l.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:C[0]||(C[0]=t.withModifiers(()=>l.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(f.value,v=>(t.openBlock(),t.createBlock(ja,{key:v.key,class:"column-visibility-menu-item","data-testid":`column-visibility-menu-item-${v.key}`,onClick:t.withModifiers(()=>{i.value[v.key]=!i.value[v.key],s.value=!0},["stop"])},{default:t.withCtx(()=>[t.createVNode(ea,{modelValue:i.value[v.key],"onUpdate:modelValue":k=>i.value[v.key]=k,"aria-labelledby":`${e.tableId}-${v.key}-visibility-checkbox-label`,"data-testid":`column-visibility-checkbox-${v.key}`},null,8,["modelValue","onUpdate:modelValue","aria-labelledby","data-testid"]),t.createVNode(b,{id:`${e.tableId}-${v.key}-visibility-checkbox-label`,class:"visibility-checkbox-label",title:v.label},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(v.label),1)]),_:2},1032,["id","title"])]),_:2},1032,["data-testid","onClick"]))),128))],512),t.createElementVNode("div",JO,[t.createVNode(Ve,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:p},{default:t.withCtx(()=>C[3]||(C[3]=[t.createTextVNode(" Apply ")])),_:1})])]),default:t.withCtx(()=>[t.createVNode(y,{placement:"bottom-end",text:o.value?void 0:"Show/Hide Columns"},{default:t.withCtx(()=>[t.createVNode(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(Vh),{decorative:""})]),_:1},8,["disabled"])]),_:1},8,["text"])]),_:1},8,["disabled"])])}}}),[["__scopeId","data-v-5529cef4"]]),e8={class:"k-table"},t8={key:0,class:"table-toolbar","data-testid":"table-toolbar"},n8={key:0,class:"toolbar-default-items-container"},r8={key:2,class:"table-error-state","data-testid":"table-error-state"},a8={key:3,class:"table-empty-state","data-testid":"table-empty-state"},o8={key:4},i8=["aria-sort","data-testid","onClick","onMouseover"],l8=["onMousedown","onMouseover"],s8=["aria-describedby"],c8=["onMousedown","onMouseover"],d8=["role","tabindex"],u8=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:Nt.Default},error:{type:Boolean,default:!1},errorStateTitle:{type:String,default:"An error occurred"},errorStateMessage:{type:String,default:"Data cannot be displayed due to an error."},errorStateActionRoute:{type:[Object,String],default:""},errorStateActionMessage:{type:String,default:""},fetcher:{type:Function,default:void 0,required:!0},fetcherCacheKey:{type:String,default:""},cacheIdentifier:{type:String,default:""},searchInput:{type:String,default:""},headers:{type:Array,default:()=>[]},initialFetcherParams:{type:Object,default:null},paginationNeighbors:{type:Number,default:1},paginationPageSizes:{type:Array,default:()=>[15,30,50,75,100],validator:e=>!!e.length&&e.every(n=>typeof n=="number")},paginationTotalItems:{type:Number,default:null},disablePaginationPageJump:{type:Boolean,default:!1},sortable:{type:Boolean,default:!0},disablePagination:{type:Boolean,default:!1},paginationOffset:{type:Boolean,default:!1},hidePaginationWhenOptional:{type:Boolean,default:!1},maxHeight:{type:String,default:"none"}},emits:["cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","state"],setup(e,{emit:n}){t.useCssVars(U=>({"0a4cd553":Oe.value}));const{useDebounce:r,useRequest:a,useSwrvState:o,clientSideSorter:i,getSizeFromString:s}=Xe(),c=e,l=n,d=t.useAttrs(),u=t.useSlots(),f=je(),p={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},m=t.ref([]),g=t.ref(),w=t.ref([]),C=t.ref([]),y=t.ref(""),b=t.ref(""),v=t.ref(""),k=t.computed(()=>w.value.filter(U=>U.hidable).length>0),S=t.computed(()=>!!(k.value&&!c.error&&!rt.value&&!c.loading&&m.value&&m.value.length)),D=t.computed(()=>w.value.filter(U=>U.hidable)),E=t.computed(()=>S.value?c.tablePreferences.columnVisibility||{}:{}),I=t.ref(S.value?c.tablePreferences.columnVisibility||{}:{}),L=t.ref(0),_=t.ref(!1),P=t.ref(1),N=t.ref(15),$=t.ref(""),B=t.ref(""),T=t.ref("desc"),z=t.ref(null),K=t.ref([]),H=t.ref(!0),q=t.ref(!1),A=t.ref(!1),G=t.computed(()=>!!u.toolbar||S.value),j=t.computed(()=>({maxHeight:s(c.maxHeight)})),le=U=>`column-${U}`,oe=U=>`tooltip-${U}`,se=U=>U,he=(U,ae)=>(xe,ce)=>{const qe=/^on[^a-z]/,De={};for(const tt in ae)qe.test(tt)&&ae[tt]&&(De[tt]=ae[tt]);return Object.keys(De).reduce((tt,xn)=>{if(xn.indexOf(U)===0){const bt=xn.split(U);tt[bt[1]]=St=>De[xn](St,xe,ce)}return tt},{})},ke=t.computed(()=>(U,ae)=>{const xe=he("onRow:",d)(ae,"row"),ce=he("onCell:",d)(U,"cell"),qe=["a","button","label","input","select"];return xe.click&&(q.value=!0),{...xe,...ce,click(De){const tt=De.target.className;let xn=qe.includes(De.target.tagName.toLowerCase()),bt=!1;typeof tt=="string"||Array.isArray(tt)?bt=tt.includes("k-popover"):typeof tt=="object"&&(bt=Object.keys(tt).includes("k-popover")),De.target.closest(".popover-content")!==null&&(bt=!0);for(let St=0;St<qe.length;St++)if(De.target.closest(qe[St])!==null){xn=!0;break}if((!xn||De.target.hasAttribute("disabled"))&&!bt&&(xe.click||ce.click))if(ce.click){l("cell-click",{data:U});const St=ce.click(De,U,"cell");typeof St=="function"&&St(De,U)}else{l("row-click",{data:ae});const St=xe.click(De,ae,"row");typeof St=="function"&&St(De,ae)}}}}),Ce=t.ref(c.resizeColumns?c.tablePreferences.columnWidths||{}:{}),$e=t.computed(()=>{const U={};for(const ae in Ce.value){if(!Ce.value[ae])continue;const xe=Ce.value[ae]+"px";U[ae]={width:xe,maxWidth:xe,minWidth:xe}}return U}),Le=(U,ae)=>({"resize-hover":Me.value===U.key&&c.resizeColumns&&ae!==C.value.length-1,resizable:c.resizeColumns,sortable:c.sortable&&!U.hideLabel&&!!U.sortable,"active-sort":c.sortable&&!U.hideLabel&&!!U.sortable&&U.key===B.value,[T.value]:c.sortable&&U.key===B.value&&!U.hideLabel,"is-scrolled":_.value,"has-tooltip":!!U.tooltip}),Te=t.computed(()=>y.value?"resizing":b.value?"resize-hover":v.value?"th-hover":""),Me=t.computed(()=>{switch(Te.value){case"resizing":return y.value;case"resize-hover":return b.value;case"th-hover":return v.value;default:return""}}),Ie=t.computed(()=>{var U;return(U=g.value)==null?void 0:U.querySelectorAll("th.resizable")}),Oe=t.computed(()=>{var ae;const U=(ae=Ie.value)==null?void 0:ae.item(0);if(U){const xe=window==null?void 0:window.getComputedStyle(U);if(xe!=null&&xe.height)return`${parseInt(xe.height,10)}px`}return"auto"}),R=(U,ae)=>{var xn;if(U.button!==0)return;let xe=0,ce=0;y.value=ae;let qe=null;(xn=Ie.value)==null||xn.forEach(bt=>{bt.getAttribute("data-testid")===`table-header-${ae}`&&(qe=document==null?void 0:document.querySelector(`[data-tableid="${f}"] [data-testid="table-header-${ae}"]`))});const De=bt=>{const St=bt.clientX-xe;qe==null||qe.setAttribute("style",`width: ${ce+St}px`),Ce.value[ae]=ce+St},tt=()=>{y.value="",document==null||document.removeEventListener("mousemove",De),document==null||document.removeEventListener("mouseup",tt),fe()};if(xe=U.clientX,qe){const bt=window==null?void 0:window.getComputedStyle(qe);bt!=null&&bt.width&&(ce=parseInt(bt.width,10)),document==null||document.addEventListener("mousemove",De),document==null||document.addEventListener("mouseup",tt)}},W=t.ref(!0),re=async()=>{var xe,ce;const U=c.searchInput,ae=await c.fetcher({pageSize:N.value,page:P.value,query:U||$.value,sortColumnKey:B.value,sortColumnOrder:T.value,offset:z.value});return m.value=ae.data,L.value=c.paginationTotalItems||ae.total||((xe=ae.data)==null?void 0:xe.length),c.paginationOffset&&((ce=ae.pagination)!=null&&ce.offset?(ie.value=ae.pagination.offset,K.value[P.value]||K.value.push(ae.pagination.offset)):ie.value=null,H.value=ae.pagination&&"hasNextPage"in ae.pagination?ae.pagination.hasNextPage:!0),m.value.length===0&&P.value>1&&(P.value=1,K.value=[null],z.value=null),W.value=!1,ae},V=()=>{const U={...p,...c.initialFetcherParams};P.value=U.page??p.page,N.value=U.pageSize??p.pageSize,$.value=U.query??p.query,B.value=U.sortColumnKey??p.sortColumnKey,T.value=U.sortColumnOrder??p.sortColumnOrder,c.clientSort&&B.value&&T.value&&i(B.value,"",T.value,m.value),c.paginationOffset&&(z.value=U.offset,K.value.push(U.offset)),c.headers&&c.headers.length&&(w.value=c.headers),A.value=!0};t.watch(()=>c.headers,U=>{U&&U.length&&(w.value=U)},{deep:!0});const X=t.computed(()=>K.value[P.value-1]),ie=t.ref(null),ge=t.computed(()=>{if(!c.fetcher||!A.value)return"";let U=f;return c.cacheIdentifier&&(U=c.cacheIdentifier),c.fetcherCacheKey&&(U+=`-${c.fetcherCacheKey}`),`k-table_${U}`}),de=t.ref(""),{debouncedFn:Pe,generateDebouncedFn:We}=r(U=>{de.value=U},350),Y=We(0),{data:ye,error:be,revalidate:Ne,isValidating:ze}=a(()=>ge.value,()=>re(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:at,hasData:Rt,swrvState:ut}=o(ye,be,ze),rt=t.ref(!0),it=t.computed(()=>({hasData:Rt.value,state:at.value})),Z=t.computed(()=>rt.value?"loading":be.value?"error":"success"),{debouncedFn:ee,generateDebouncedFn:F}=r(Ne,500),h=F(0),x=U=>{const{key:ae,useSortHandlerFunction:xe}=U,ce=B.value+"";P.value=1,B.value?ae===B.value?T.value==="asc"?T.value="desc":T.value="asc":(B.value=ae,T.value="asc",K.value=[null]):(B.value=ae,T.value="asc",K.value=[null]),c.clientSort?xe&&c.sortHandlerFunction?c.sortHandlerFunction({key:ae,prevKey:ce,sortColumnOrder:T.value,data:m.value}):i(ae,ce,T.value,m.value):c.paginationOffset||ee(),fe()},O=({page:U})=>{P.value=U},M=({pageSize:U})=>{K.value=[null],z.value=null,N.value=U,P.value=1,fe()},Q=U=>{U&&U.target&&typeof U.target.scrollTop=="number"&&(U.target.scrollTop>1?_.value=!0:U.target.scrollTop===0&&(_.value=!_.value))},ne=t.computed(()=>({pageSize:N.value,sortColumnKey:B.value,sortColumnOrder:T.value,...c.resizeColumns?{columnWidths:Ce.value}:{},...k.value?{columnVisibility:I.value}:{}})),fe=()=>{Z.value==="success"&&l("update:table-preferences",ne.value)},Re=()=>{P.value++,z.value=ie.value},Ye=()=>{P.value--,z.value=X.value},et=t.computed(()=>!!(c.fetcher&&!c.disablePagination&&!(!c.paginationOffset&&c.hidePaginationWhenOptional&&L.value<=c.paginationPageSizes[0])&&!(c.paginationOffset&&c.hidePaginationWhenOptional&&!X.value&&!ie.value&&m.value.length<c.paginationPageSizes[0]))),lt=U=>U.toLowerCase().replace(/[^[a-z0-9]/gi,"-");t.watch([I,w],U=>{const ae=U[0],ce=U[1].filter(qe=>ae[qe.key]!==!1);JSON.stringify(ce)!==JSON.stringify(C.value)&&(C.value=ce,fe())},{deep:!0,immediate:!0}),t.watch(ye,U=>{U!=null&&U.length&&!m.value.length&&(m.value=U)},{deep:!0,immediate:!0}),t.watch(at,()=>{switch(at.value){case ut.PENDING:rt.value=!0;break;case ut.VALIDATING_HAS_DATA:rt.value=$n.value;break;default:rt.value=!1;break}},{immediate:!0}),t.watch([it,Z],U=>{var ae;l("state",{state:U==null?void 0:U[1],hasData:(ae=U==null?void 0:U[0])==null?void 0:ae.hasData})}),t.watch(()=>c.searchInput,U=>{P.value!==1&&(P.value=1),U===""?Y(U):Pe(U)},{immediate:!0});const $n=t.ref(!1);return t.watch([de,P,N],async(U,ae)=>{const xe=ae==null?void 0:ae[0],ce=U[0],qe=U[1];ce!==xe&&qe!==1&&(P.value=1,K.value=[null],z.value=null),A.value&&!W.value&&($n.value=!0,ce!==""&&ce!==xe?await ee():await h(),$n.value=!1)},{deep:!0,immediate:!0}),t.watch(S,U=>{U&&(I.value=c.tablePreferences.columnVisibility||{})},{immediate:!0}),t.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
|
|
43
43
|
We suggest using 'KTableData' component instead.
|
|
44
|
-
Docs: https://kongponents.konghq.com/components/table-data.html`),V()}),(U,ae)=>{const xe=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",e8,[G.value?(t.openBlock(),t.createElementBlock("div",t8,[t.renderSlot(U.$slots,"toolbar",{state:it.value},void 0,!0),S.value?(t.openBlock(),t.createElementBlock("div",n8,[t.createVNode(pm,{columns:D.value,"table-id":t.unref(f),"visibility-preferences":E.value,onUpdate:ae[0]||(ae[0]=ce=>I.value=ce)},null,8,["columns","table-id","visibility-preferences"])])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),(rt.value||e.loading||$n.value)&&!e.error?(t.openBlock(),t.createBlock(Xr,{key:1,"data-testid":"table-skeleton",type:"table"})):e.error?(t.openBlock(),t.createElementBlock("div",r8,[t.renderSlot(U.$slots,"error-state",{},()=>[t.createVNode(Nn,{"icon-variant":"error",message:e.errorStateMessage,title:e.errorStateTitle},t.createSlots({_:2},[e.errorStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Ve,{"data-testid":lt(e.errorStateActionMessage),to:e.errorStateActionRoute?e.errorStateActionRoute:void 0,onClick:ae[1]||(ae[1]=ce=>U.$emit("error-action-click"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.errorStateActionMessage),1)]),_:1},8,["data-testid","to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):!e.error&&!rt.value&&!e.loading&&!$n.value&&m.value&&!m.value.length?(t.openBlock(),t.createElementBlock("div",a8,[t.renderSlot(U.$slots,"empty-state",{},()=>[t.createVNode(Nn,{"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":lt(e.emptyStateActionMessage),to:e.emptyStateActionRoute?e.emptyStateActionRoute:void 0,onClick:ae[2]||(ae[2]=ce=>U.$emit("empty-state-action-click"))},{default:t.withCtx(()=>[t.renderSlot(U.$slots,"empty-state-action-icon",{},void 0,!0),t.createTextVNode(" "+t.toDisplayString(e.emptyStateActionMessage),1)]),_:3},8,["appearance","data-testid","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(t.openBlock(),t.createElementBlock("div",o8,[t.createElementVNode("div",{class:"table-wrapper",style:t.normalizeStyle(j.value),onScrollPassive:Q},[t.withDirectives((t.openBlock(),t.createElementBlock("table",{class:t.normalizeClass(["table",{"has-hover":e.rowHover,"is-clickable":q.value}])},[t.createElementVNode("thead",{class:t.normalizeClass({"is-scrolled":_.value})},[t.createElementVNode("tr",{ref_key:"headerRow",ref:g,class:t.normalizeClass({"is-scrolled":_.value})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(C.value,(ce,qe)=>(t.openBlock(),t.createElementBlock("th",{key:`table-${t.unref(f)}-headers-${qe}`,"aria-sort":e.sortable&&ce.key===B.value?T.value==="asc"?"ascending":"descending":void 0,class:t.normalizeClass(["table-headers",Le(ce,qe)]),"data-testid":`table-header-${ce.key}`,style:t.normalizeStyle($e.value[ce.key]),onClick:()=>{e.sortable&&ce.sortable&&(U.$emit("sort",{prevKey:B.value,sortColumnKey:ce.key,sortColumnOrder:T.value==="asc"?"desc":"asc"}),x(ce))},onMouseleave:ae[7]||(ae[7]=De=>v.value=""),onMouseover:De=>v.value=ce.key},[e.resizeColumns&&qe!==0?(t.openBlock(),t.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:ae[3]||(ae[3]=t.withModifiers(()=>{},["stop"])),onMousedown:De=>R(De,C.value[qe-1].key),onMouseleave:ae[4]||(ae[4]=De=>b.value=""),onMouseover:De=>b.value=C.value[qe-1].key},null,40,l8)):t.createCommentVNode("",!0),t.createElementVNode("div",{"aria-describedby":ce.tooltip||U.$slots[oe(ce.key)]?`${oe(ce.key)}-${t.unref(f)}`:void 0,class:t.normalizeClass(["table-headers-container",{resized:y.value===ce.key}])},[t.renderSlot(U.$slots,le(ce.key),{column:se(ce)},()=>[t.createElementVNode("span",{class:t.normalizeClass(["table-header-label",{"sr-only":ce.hideLabel}])},t.toDisplayString(ce.label?ce.label:ce.key),3)],!0),ce.tooltip||U.$slots[oe(ce.key)]?(t.openBlock(),t.createBlock(At,{key:0,"data-testid":oe(ce.key),"tooltip-id":`${oe(ce.key)}-${t.unref(f)}`},{content:t.withCtx(()=>[t.renderSlot(U.$slots,oe(ce.key),{column:se(ce)},()=>[t.createTextVNode(t.toDisplayString(ce.tooltip),1)],!0)]),default:t.withCtx(()=>[t.createVNode(t.unref(Hn),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${t.unref(Ut)})`,size:t.unref(jt)},null,8,["color","size"])]),_:2},1032,["data-testid","tooltip-id"])):t.createCommentVNode("",!0),e.sortable&&!ce.hideLabel&&ce.sortable?(t.openBlock(),t.createBlock(t.unref(ai),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral, ${t.unref(Ut)})`,size:t.unref(jt)},null,8,["color","size"])):t.createCommentVNode("",!0)],10,s8),e.resizeColumns&&qe!==C.value.length-1?(t.openBlock(),t.createElementBlock("div",{key:1,class:"resize-handle",onClick:ae[5]||(ae[5]=t.withModifiers(()=>{},["stop"])),onMousedown:De=>R(De,ce.key),onMouseleave:ae[6]||(ae[6]=De=>b.value=""),onMouseover:De=>b.value=ce.key},null,40,c8)):t.createCommentVNode("",!0)],46,i8))),128))],2)],2),t.createElementVNode("tbody",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.value,(ce,qe)=>(t.openBlock(),t.createElementBlock("tr",t.mergeProps({ref_for:!0},e.rowAttrs(ce),{key:`table-${t.unref(f)}-row-${qe}`,role:q.value?"link":null,tabindex:q.value?0:null}),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(C.value,(De,tt)=>(t.openBlock(),t.createElementBlock("td",t.mergeProps({ref_for:!0},e.cellAttrs({headerKey:De.key,row:ce,rowIndex:qe,colIndex:tt}),{key:`table-${t.unref(f)}-cell-${tt}`,class:{"resize-hover":e.resizeColumns&&Me.value===De.key&&tt!==C.value.length-1},style:$e.value[De.key]},t.toHandlers(ke.value(ce[De.key],ce),!0)),[t.renderSlot(U.$slots,De.key,{row:se(ce),rowKey:qe,rowValue:ce[De.key]},()=>[t.createTextVNode(t.toDisplayString(ce[De.key]),1)],!0)],16))),128))],16,d8))),128))])],2)),[[xe,{"data-tableid":t.unref(f)}]])],36),et.value?(t.openBlock(),t.createBlock(Jr,{key:0,class:"table-pagination","current-page":P.value,"data-testid":"table-pagination","disable-page-jump":e.disablePaginationPageJump,"initial-page-size":N.value,neighbors:e.paginationNeighbors,offset:e.paginationOffset,"offset-next-button-disabled":!ie.value||!H.value,"offset-previous-button-disabled":!X.value,"page-sizes":e.paginationPageSizes,"total-count":L.value,onGetNextOffset:Re,onGetPreviousOffset:Ye,onPageChange:O,onPageSizeChange:M},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):t.createCommentVNode("",!0)]))])}}}),mm=pe(u8,[["__scopeId","data-v-1aa082f6"]]),f8={class:"k-tabs"},p8={"aria-label":"Tabs",role:"tablist"},m8=["id"],h8=["aria-controls","aria-selected","tabindex","onClick","onKeydown"],g8=["id","aria-labelledby"],hm=pe(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}},emits:["update:modelValue","change"],setup(e,{emit:n}){const r=e,a=n,o=t.ref(r.modelValue?r.modelValue:r.tabs[0].hash),i=s=>{o.value=s,a("change",s),a("update:modelValue",s)};return t.watch(()=>r.modelValue,s=>{o.value=s,a("change",s),a("update:modelValue",s)}),(s,c)=>(t.openBlock(),t.createElementBlock("div",f8,[t.createElementVNode("ul",p8,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabs,l=>(t.openBlock(),t.createElementBlock("li",{id:`${l.hash.replace("#","")}-tab`,key:l.hash,class:t.normalizeClass(["tab-item",{active:o.value===l.hash}])},[t.createElementVNode("div",{"aria-controls":e.hidePanels?void 0:`panel-${l.hash}`,"aria-selected":e.hidePanels?void 0:o.value===l.hash?"true":"false",class:t.normalizeClass(["tab-link",{"has-panels":!e.hidePanels,disabled:l.disabled}]),role:"tab",tabindex:l.disabled?"-1":"0",onClick:t.withModifiers(d=>l.disabled?void 0:i(l.hash),["prevent"]),onKeydown:[t.withKeys(t.withModifiers(d=>l.disabled?void 0:i(l.hash),["prevent"]),["enter"]),t.withKeys(t.withModifiers(d=>l.disabled?void 0:i(l.hash),["prevent"]),["space"])]},[t.renderSlot(s.$slots,`${l.hash.replace("#","")}-anchor`,{},()=>[t.createElementVNode("span",null,t.toDisplayString(l.title),1)],!0)],42,h8)],10,m8))),128))]),e.hidePanels?t.createCommentVNode("",!0):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.tabs,(l,d)=>(t.openBlock(),t.createElementBlock("div",{id:`panel-${d}`,key:l.hash,"aria-labelledby":`${l.hash.replace("#","")}-tab`,class:"tab-container",role:"tabpanel"},[o.value===l.hash?t.renderSlot(s.$slots,l.hash.replace("#",""),{key:0},void 0,!0):t.createCommentVNode("",!0)],8,g8))),128))]))}}),[["__scopeId","data-v-307fe17e"]]),y8=["aria-invalid","rows","value"],hs=2048,b8={inheritAttrs:!1},v8=t.defineComponent({...b8,__name:"KTextArea",props:{modelValue:{type:String,default:""},label:{type:String,default:""},overlayLabel:{type:Boolean,default:!1},labelAttributes:{type:Object,default:()=>({})},characterLimit:{type:[Boolean,Number],default:hs,validator:e=>typeof e=="number"?e>0:!0},rows:{type:Number,default:5},error:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},help:{type:String,default:""},isResizable:{type:Boolean,default:!1,validator:e=>(e&&console.warn("KTextArea: the `isResizable` prop is deprecated in favor of the `resizable` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea"),!0)},hasError:{type:Boolean,default:!1,validator:e=>(e&&console.warn("KTextArea: the `hasError` prop is deprecated in favor of the `error` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea"),!0)}},emits:["input","update:modelValue","char-limit-exceeded"],setup(e,{emit:n}){const r=e,a=n,o=t.useAttrs(),i=t.useSlots(),{stripRequiredLabel:s}=Xe(),c=t.computed(()=>(o==null?void 0:o.required)!==void 0&&String(o==null?void 0:o.required)!=="false"),l=t.ref(""),d=t.computed(()=>s(r.label,c.value)),u=t.computed(()=>{var k,S;return!!((k=r.labelAttributes)!=null&&k.help||(S=r.labelAttributes)!=null&&S.info||i["label-tooltip"])}),f=t.computed(()=>r.error||r.hasError||C.value?!0:void 0),p=t.ref(0),m=t.computed({get(){return r.modelValue},set(k){y({target:{value:k}})}}),g=o.id?String(o.id):je(),w=t.computed(()=>{const k={...o};return delete k.class,k}),C=t.computed(()=>typeof r.characterLimit=="boolean"?r.characterLimit?l.value.length>hs:!1:l.value.length>r.characterLimit),y=k=>{var D;const S=JSON.parse(JSON.stringify((D=k==null?void 0:k.target)==null?void 0:D.value));a("input",S),a("update:modelValue",S),l.value=S},b=t.computed(()=>{var S;const k=typeof r.characterLimit=="number"?r.characterLimit:hs;return C.value?`${(S=l.value)==null?void 0:S.toString().length} / ${k}`:r.help});t.watch(C,(k,S)=>{k!==S&&(a("char-limit-exceeded",{value:l.value,length:l.value.length,characterLimit:Number(r.characterLimit),limitExceeded:k}),p.value+=1)}),t.watch(m,(k,S)=>{k!==S&&y({target:{value:k}})});const v=()=>l.value?l.value:r.modelValue;return(k,S)=>{const D=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-textarea",[k.$attrs.class,{"input-error":e.error||e.hasError||C.value}]])},[e.label?t.withDirectives((t.openBlock(),t.createBlock(pn,t.mergeProps({key:0},e.labelAttributes,{required:c.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(d.value)+" ",1)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(k.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["required"])),[[D,{for:t.unref(g)}]]):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("textarea",t.mergeProps(w.value,{"aria-invalid":f.value,class:["input-textarea",[e.resizable||e.isResizable?"resizable":void 0]],rows:e.rows,value:v(),onInput:y}),null,16,y8),[[D,{id:t.unref(g)}]]),t.createVNode(t.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:t.withCtx(()=>[b.value?(t.openBlock(),t.createElementBlock("p",{key:String(p.value),class:"help-text"},t.toDisplayString(b.value),1)):t.createCommentVNode("",!0)]),_:1})],2)}}}),gm=pe(v8,[["__scopeId","data-v-6cbaee7b"]]),w8={class:"toaster-icon-container"},k8={class:"toaster-content"},C8={key:0,class:"toaster-title"},S8={key:1,class:"toaster-message"},$8=["onClick"],gs=pe(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 Hn;case"success":return uc;case"warning":return li;case"danger":return vc;case"system":return oi;default:return Hn}};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",w8,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n(o.appearance)),{class:"toaster-icon",color:`var(--kui-color-text, ${t.unref(Yh)})`,decorative:""},null,8,["color"]))]),t.createElementVNode("div",k8,[o.title?(t.openBlock(),t.createElementBlock("span",C8,t.toDisplayString(o.title),1)):t.createCommentVNode("",!0),o.message?(t.openBlock(),t.createElementBlock("p",S8,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(Wh)})`,size:t.unref(jh)},null,8,["color","size"])],8,$8)],2))),128))]),_:1}))}}),[["__scopeId","data-v-c719c82d"]]),x8="kongponents-toaster-container",ys={timeoutMilliseconds:5e3,appearance:ri.info},D8=1e4;class ym{constructor(n){Dn(this,"toastersContainer",null);Dn(this,"toaster",null);Dn(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=x8,document.body.appendChild(this.toastersContainer),this.toaster=t.createVNode(gs,{toasterState:this.toasts.value,zIndex:n!=null&&n.zIndex?n.zIndex:D8,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||je(),l=o&&Object.keys(ri).indexOf(o)!==-1?o:ys.appearance,d=this.setTimer(r,a||ys.timeoutMilliseconds),u=typeof n=="string"?n:i;this.toasts.value.push({key:c,appearance:l,title:s,message:u,timer:d,timeoutMilliseconds:a||ys.timeoutMilliseconds})}close(n){var a,o;const r=(a=this.toasts.value)==null?void 0:a.findIndex(i=>n===i.key);clearTimeout((o=this.toasts.value[r])==null?void 0:o.timer),this.toasts.value.splice(r,1)}closeAll(){this.toasts.value.forEach(n=>clearTimeout(n==null?void 0:n.timer)),this.toasts.value=[]}destroy(){this.toastersContainer&&(t.render(null,this.toastersContainer),this.toastersContainer.remove())}}/*!
|
|
44
|
+
Docs: https://kongponents.konghq.com/components/table-data.html`),V()}),(U,ae)=>{const xe=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",e8,[G.value?(t.openBlock(),t.createElementBlock("div",t8,[t.renderSlot(U.$slots,"toolbar",{state:it.value},void 0,!0),S.value?(t.openBlock(),t.createElementBlock("div",n8,[t.createVNode(pm,{columns:D.value,"table-id":t.unref(f),"visibility-preferences":E.value,onUpdate:ae[0]||(ae[0]=ce=>I.value=ce)},null,8,["columns","table-id","visibility-preferences"])])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),(rt.value||e.loading||$n.value)&&!e.error?(t.openBlock(),t.createBlock(Xr,{key:1,"data-testid":"table-skeleton",type:"table"})):e.error?(t.openBlock(),t.createElementBlock("div",r8,[t.renderSlot(U.$slots,"error-state",{},()=>[t.createVNode(Nn,{"icon-variant":"error",message:e.errorStateMessage,title:e.errorStateTitle},t.createSlots({_:2},[e.errorStateActionMessage?{name:"action",fn:t.withCtx(()=>[t.createVNode(Ve,{"data-testid":lt(e.errorStateActionMessage),to:e.errorStateActionRoute?e.errorStateActionRoute:void 0,onClick:ae[1]||(ae[1]=ce=>U.$emit("error-action-click"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.errorStateActionMessage),1)]),_:1},8,["data-testid","to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):!e.error&&!rt.value&&!e.loading&&!$n.value&&m.value&&!m.value.length?(t.openBlock(),t.createElementBlock("div",a8,[t.renderSlot(U.$slots,"empty-state",{},()=>[t.createVNode(Nn,{"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":lt(e.emptyStateActionMessage),to:e.emptyStateActionRoute?e.emptyStateActionRoute:void 0,onClick:ae[2]||(ae[2]=ce=>U.$emit("empty-state-action-click"))},{default:t.withCtx(()=>[t.renderSlot(U.$slots,"empty-state-action-icon",{},void 0,!0),t.createTextVNode(" "+t.toDisplayString(e.emptyStateActionMessage),1)]),_:3},8,["appearance","data-testid","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(t.openBlock(),t.createElementBlock("div",o8,[t.createElementVNode("div",{class:"table-wrapper",style:t.normalizeStyle(j.value),onScrollPassive:Q},[t.withDirectives((t.openBlock(),t.createElementBlock("table",{class:t.normalizeClass(["table",{"has-hover":e.rowHover,"is-clickable":q.value}])},[t.createElementVNode("thead",{class:t.normalizeClass({"is-scrolled":_.value})},[t.createElementVNode("tr",{ref_key:"headerRow",ref:g,class:t.normalizeClass({"is-scrolled":_.value})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(C.value,(ce,qe)=>(t.openBlock(),t.createElementBlock("th",{key:`table-${t.unref(f)}-headers-${qe}`,"aria-sort":e.sortable&&ce.key===B.value?T.value==="asc"?"ascending":"descending":void 0,class:t.normalizeClass(["table-headers",Le(ce,qe)]),"data-testid":`table-header-${ce.key}`,style:t.normalizeStyle($e.value[ce.key]),onClick:()=>{e.sortable&&ce.sortable&&(U.$emit("sort",{prevKey:B.value,sortColumnKey:ce.key,sortColumnOrder:T.value==="asc"?"desc":"asc"}),x(ce))},onMouseleave:ae[7]||(ae[7]=De=>v.value=""),onMouseover:De=>v.value=ce.key},[e.resizeColumns&&qe!==0?(t.openBlock(),t.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:ae[3]||(ae[3]=t.withModifiers(()=>{},["stop"])),onMousedown:De=>R(De,C.value[qe-1].key),onMouseleave:ae[4]||(ae[4]=De=>b.value=""),onMouseover:De=>b.value=C.value[qe-1].key},null,40,l8)):t.createCommentVNode("",!0),t.createElementVNode("div",{"aria-describedby":ce.tooltip||U.$slots[oe(ce.key)]?`${oe(ce.key)}-${t.unref(f)}`:void 0,class:t.normalizeClass(["table-headers-container",{resized:y.value===ce.key}])},[t.renderSlot(U.$slots,le(ce.key),{column:se(ce)},()=>[t.createElementVNode("span",{class:t.normalizeClass(["table-header-label",{"sr-only":ce.hideLabel}])},t.toDisplayString(ce.label?ce.label:ce.key),3)],!0),ce.tooltip||U.$slots[oe(ce.key)]?(t.openBlock(),t.createBlock(At,{key:0,"data-testid":oe(ce.key),"tooltip-id":`${oe(ce.key)}-${t.unref(f)}`},{content:t.withCtx(()=>[t.renderSlot(U.$slots,oe(ce.key),{column:se(ce)},()=>[t.createTextVNode(t.toDisplayString(ce.tooltip),1)],!0)]),default:t.withCtx(()=>[t.createVNode(t.unref(Hn),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${t.unref(Ut)})`,size:t.unref(jt)},null,8,["color","size"])]),_:2},1032,["data-testid","tooltip-id"])):t.createCommentVNode("",!0),e.sortable&&!ce.hideLabel&&ce.sortable?(t.openBlock(),t.createBlock(t.unref(ai),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral, ${t.unref(Ut)})`,size:t.unref(jt)},null,8,["color","size"])):t.createCommentVNode("",!0)],10,s8),e.resizeColumns&&qe!==C.value.length-1?(t.openBlock(),t.createElementBlock("div",{key:1,class:"resize-handle",onClick:ae[5]||(ae[5]=t.withModifiers(()=>{},["stop"])),onMousedown:De=>R(De,ce.key),onMouseleave:ae[6]||(ae[6]=De=>b.value=""),onMouseover:De=>b.value=ce.key},null,40,c8)):t.createCommentVNode("",!0)],46,i8))),128))],2)],2),t.createElementVNode("tbody",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.value,(ce,qe)=>(t.openBlock(),t.createElementBlock("tr",t.mergeProps({ref_for:!0},e.rowAttrs(ce),{key:`table-${t.unref(f)}-row-${qe}`,role:q.value?"link":null,tabindex:q.value?0:null}),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(C.value,(De,tt)=>(t.openBlock(),t.createElementBlock("td",t.mergeProps({ref_for:!0},e.cellAttrs({headerKey:De.key,row:ce,rowIndex:qe,colIndex:tt}),{key:`table-${t.unref(f)}-cell-${tt}`,class:{"resize-hover":e.resizeColumns&&Me.value===De.key&&tt!==C.value.length-1},style:$e.value[De.key]},t.toHandlers(ke.value(ce[De.key],ce),!0)),[t.renderSlot(U.$slots,De.key,{row:se(ce),rowKey:qe,rowValue:ce[De.key]},()=>[t.createTextVNode(t.toDisplayString(ce[De.key]),1)],!0)],16))),128))],16,d8))),128))])],2)),[[xe,{"data-tableid":t.unref(f)}]])],36),et.value?(t.openBlock(),t.createBlock(Jr,{key:0,class:"table-pagination","current-page":P.value,"data-testid":"table-pagination","disable-page-jump":e.disablePaginationPageJump,"initial-page-size":N.value,neighbors:e.paginationNeighbors,offset:e.paginationOffset,"offset-next-button-disabled":!ie.value||!H.value,"offset-previous-button-disabled":!X.value,"page-sizes":e.paginationPageSizes,"total-count":L.value,onGetNextOffset:Re,onGetPreviousOffset:Ye,onPageChange:O,onPageSizeChange:M},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):t.createCommentVNode("",!0)]))])}}}),mm=pe(u8,[["__scopeId","data-v-1aa082f6"]]),f8={class:"k-tabs"},p8={"aria-label":"Tabs",role:"tablist"},m8=["id"],h8=["aria-controls","aria-selected","tabindex","onClick","onKeydown"],g8=["id","aria-labelledby"],hm=pe(t.defineComponent({__name:"KTabs",props:{tabs:{type:Array,required:!0},modelValue:{type:String,default:"",validator:e=>e===""||e.includes("#")&&!e.includes(" ")},hidePanels:{type:Boolean,default:!1},anchorTabindex:{type:Number,default:0,validator:e=>e>=-1&&e<=32767}},emits:["update:modelValue","change"],setup(e,{emit:n}){const r=e,a=n,o=t.ref(r.modelValue?r.modelValue:r.tabs[0].hash),i=l=>{o.value=l,a("change",l),a("update:modelValue",l)},s=l=>l.replace("#",""),c=l=>l.disabled?"-1":typeof r.anchorTabindex=="number"&&r.anchorTabindex>=-1&&r.anchorTabindex<=32767?String(r.anchorTabindex):"0";return t.watch(()=>r.modelValue,l=>{o.value=l,a("change",l),a("update:modelValue",l)}),(l,d)=>(t.openBlock(),t.createElementBlock("div",f8,[t.createElementVNode("ul",p8,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabs,u=>(t.openBlock(),t.createElementBlock("li",{id:`${u.hash.replace("#","")}-tab`,key:u.hash,class:t.normalizeClass(["tab-item",{active:o.value===u.hash}])},[t.createElementVNode("div",{"aria-controls":e.hidePanels?void 0:`panel-${u.hash}`,"aria-selected":e.hidePanels?void 0:o.value===u.hash?"true":"false",class:t.normalizeClass(["tab-link",{"has-panels":!e.hidePanels,disabled:u.disabled}]),role:"tab",tabindex:c(u),onClick:t.withModifiers(f=>u.disabled?void 0:i(u.hash),["prevent"]),onKeydown:[t.withKeys(t.withModifiers(f=>u.disabled?void 0:i(u.hash),["prevent"]),["enter"]),t.withKeys(t.withModifiers(f=>u.disabled?void 0:i(u.hash),["prevent"]),["space"])]},[t.renderSlot(l.$slots,`${s(u.hash)}-anchor`,{},()=>[t.createElementVNode("span",null,t.toDisplayString(u.title),1)],!0)],42,h8)],10,m8))),128))]),e.hidePanels?t.createCommentVNode("",!0):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.tabs,(u,f)=>(t.openBlock(),t.createElementBlock("div",{id:`panel-${f}`,key:u.hash,"aria-labelledby":`${s(u.hash)}-tab`,class:"tab-container",role:"tabpanel"},[o.value===u.hash?t.renderSlot(l.$slots,s(u.hash),{key:0},void 0,!0):t.createCommentVNode("",!0)],8,g8))),128))]))}}),[["__scopeId","data-v-f17c6bd2"]]),y8=["aria-invalid","rows","value"],hs=2048,b8={inheritAttrs:!1},v8=t.defineComponent({...b8,__name:"KTextArea",props:{modelValue:{type:String,default:""},label:{type:String,default:""},overlayLabel:{type:Boolean,default:!1},labelAttributes:{type:Object,default:()=>({})},characterLimit:{type:[Boolean,Number],default:hs,validator:e=>typeof e=="number"?e>0:!0},rows:{type:Number,default:5},error:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},help:{type:String,default:""},isResizable:{type:Boolean,default:!1,validator:e=>(e&&console.warn("KTextArea: the `isResizable` prop is deprecated in favor of the `resizable` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea"),!0)},hasError:{type:Boolean,default:!1,validator:e=>(e&&console.warn("KTextArea: the `hasError` prop is deprecated in favor of the `error` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea"),!0)}},emits:["input","update:modelValue","char-limit-exceeded"],setup(e,{emit:n}){const r=e,a=n,o=t.useAttrs(),i=t.useSlots(),{stripRequiredLabel:s}=Xe(),c=t.computed(()=>(o==null?void 0:o.required)!==void 0&&String(o==null?void 0:o.required)!=="false"),l=t.ref(""),d=t.computed(()=>s(r.label,c.value)),u=t.computed(()=>{var k,S;return!!((k=r.labelAttributes)!=null&&k.help||(S=r.labelAttributes)!=null&&S.info||i["label-tooltip"])}),f=t.computed(()=>r.error||r.hasError||C.value?!0:void 0),p=t.ref(0),m=t.computed({get(){return r.modelValue},set(k){y({target:{value:k}})}}),g=o.id?String(o.id):je(),w=t.computed(()=>{const k={...o};return delete k.class,k}),C=t.computed(()=>typeof r.characterLimit=="boolean"?r.characterLimit?l.value.length>hs:!1:l.value.length>r.characterLimit),y=k=>{var D;const S=JSON.parse(JSON.stringify((D=k==null?void 0:k.target)==null?void 0:D.value));a("input",S),a("update:modelValue",S),l.value=S},b=t.computed(()=>{var S;const k=typeof r.characterLimit=="number"?r.characterLimit:hs;return C.value?`${(S=l.value)==null?void 0:S.toString().length} / ${k}`:r.help});t.watch(C,(k,S)=>{k!==S&&(a("char-limit-exceeded",{value:l.value,length:l.value.length,characterLimit:Number(r.characterLimit),limitExceeded:k}),p.value+=1)}),t.watch(m,(k,S)=>{k!==S&&y({target:{value:k}})});const v=()=>l.value?l.value:r.modelValue;return(k,S)=>{const D=t.resolveDirective("bind-once");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["k-textarea",[k.$attrs.class,{"input-error":e.error||e.hasError||C.value}]])},[e.label?t.withDirectives((t.openBlock(),t.createBlock(pn,t.mergeProps({key:0},e.labelAttributes,{required:c.value}),t.createSlots({default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(d.value)+" ",1)]),_:2},[u.value?{name:"tooltip",fn:t.withCtx(()=>[t.renderSlot(k.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["required"])),[[D,{for:t.unref(g)}]]):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("textarea",t.mergeProps(w.value,{"aria-invalid":f.value,class:["input-textarea",[e.resizable||e.isResizable?"resizable":void 0]],rows:e.rows,value:v(),onInput:y}),null,16,y8),[[D,{id:t.unref(g)}]]),t.createVNode(t.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:t.withCtx(()=>[b.value?(t.openBlock(),t.createElementBlock("p",{key:String(p.value),class:"help-text"},t.toDisplayString(b.value),1)):t.createCommentVNode("",!0)]),_:1})],2)}}}),gm=pe(v8,[["__scopeId","data-v-6cbaee7b"]]),w8={class:"toaster-icon-container"},k8={class:"toaster-content"},C8={key:0,class:"toaster-title"},S8={key:1,class:"toaster-message"},$8=["onClick"],gs=pe(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 Hn;case"success":return uc;case"warning":return li;case"danger":return vc;case"system":return oi;default:return Hn}};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",w8,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n(o.appearance)),{class:"toaster-icon",color:`var(--kui-color-text, ${t.unref(Yh)})`,decorative:""},null,8,["color"]))]),t.createElementVNode("div",k8,[o.title?(t.openBlock(),t.createElementBlock("span",C8,t.toDisplayString(o.title),1)):t.createCommentVNode("",!0),o.message?(t.openBlock(),t.createElementBlock("p",S8,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(Wh)})`,size:t.unref(jh)},null,8,["color","size"])],8,$8)],2))),128))]),_:1}))}}),[["__scopeId","data-v-c719c82d"]]),x8="kongponents-toaster-container",ys={timeoutMilliseconds:5e3,appearance:ri.info},D8=1e4;class ym{constructor(n){Dn(this,"toastersContainer",null);Dn(this,"toaster",null);Dn(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=x8,document.body.appendChild(this.toastersContainer),this.toaster=t.createVNode(gs,{toasterState:this.toasts.value,zIndex:n!=null&&n.zIndex?n.zIndex:D8,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||je(),l=o&&Object.keys(ri).indexOf(o)!==-1?o:ys.appearance,d=this.setTimer(r,a||ys.timeoutMilliseconds),u=typeof n=="string"?n:i;this.toasts.value.push({key:c,appearance:l,title:s,message:u,timer:d,timeoutMilliseconds:a||ys.timeoutMilliseconds})}close(n){var a,o;const r=(a=this.toasts.value)==null?void 0:a.findIndex(i=>n===i.key);clearTimeout((o=this.toasts.value[r])==null?void 0:o.timer),this.toasts.value.splice(r,1)}closeAll(){this.toasts.value.forEach(n=>clearTimeout(n==null?void 0:n.timer)),this.toasts.value=[]}destroy(){this.toastersContainer&&(t.render(null,this.toastersContainer),this.toastersContainer.remove())}}/*!
|
|
45
45
|
* vue-draggable-next v2.2.0
|
|
46
46
|
* (c) 2023 Anish George
|
|
47
47
|
* @license MIT
|