@kong/kongponents 9.65.1 → 9.65.2-pr.3468.fffd3f6.0

package/dist/kongponents152.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("./kongponents38.cjs"),fe=require("./kongponents51.cjs"),Ge=require("./kongponents25.cjs");;/* empty css                */const Je=require("./kongponents61.cjs"),Xe=require("./kongponents30.cjs");;/* empty css                */const ge=require("@kong/icons"),Ze=require("./kongponents183.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Qe=require("./kongponents13.cjs"),K=require("./kongponents182.cjs"),Ye=require("./kongponents203.cjs"),_e=require("./kongponents188.cjs"),pe=require("./kongponents181.cjs"),et={class:"k-table"},tt={key:0,class:"table-toolbar","data-testid":"table-toolbar"},at={key:0,class:"toolbar-default-items-container"},lt={key:2,class:"table-error-state","data-testid":"table-error-state"},ot={key:3,class:"table-empty-state","data-testid":"table-empty-state"},rt={key:4,class:"table-container"},nt=["data-tableid"],st=["aria-sort","data-testid","onClick","onMouseover"],it=["onMousedown","onMouseover"],ut=["aria-describedby"],ct=["onMousedown","onMouseover"],dt=["role","tabindex"],vt=e.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:Qe.EmptyStateIconVariants.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:r=>!!r.length&&r.every(L=>typeof L=="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(r,{emit:L}){e.useCssVars(t=>({v60cb3642:Ee.value}));const{useDebounce:U,useRequest:me,useSwrvState:ye,clientSideSorter:W}=Ze.default(),o=r,V=L,G=e.useAttrs(),be=e.useSlots(),m=e.useId(),C={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},f=e.ref([]),J=e.ref(),E=e.ref([]),y=e.ref([]),P=e.ref(""),z=e.ref(""),T=e.ref(""),X=e.computed(()=>E.value.filter(t=>t.hidable).length>0),O=e.computed(()=>!!(X.value&&!o.error&&!S.value&&!o.loading&&f.value&&f.value.length)),he=e.computed(()=>E.value.filter(t=>t.hidable)),ke=e.computed(()=>O.value?o.tablePreferences.columnVisibility||{}:{}),M=e.ref(O.value?o.tablePreferences.columnVisibility||{}:{}),D=e.ref(0),w=e.ref(!1),u=e.ref(1),B=e.ref(15),Z=e.ref(""),v=e.ref(""),d=e.ref("desc"),k=e.ref(null),b=e.ref([]),Q=e.ref(!0),H=e.ref(!1),F=e.ref(!1),Se=e.computed(()=>!!be.toolbar||O.value),Ce=e.computed(()=>({maxHeight:_e.normalizeSize(o.maxHeight)})),ze=t=>`column-${t}`,N=t=>`tooltip-${t}`,R=t=>t,Y=(t,a)=>(l,s)=>{const n=/^on[^a-z]/,i={};for(const c in a)n.test(c)&&a[c]&&(i[c]=a[c]);return Object.keys(i).reduce((c,g)=>{if(g.indexOf(t)===0){const h=g.split(t);c[h[1]]=p=>i[g](p,l,s)}return c},{})},we=e.computed(()=>(t,a)=>{const l=Y("onRow:",G)(a,"row"),s=Y("onCell:",G)(t,"cell"),n=["a","button","label","input","select"];return l.click&&(H.value=!0),{...l,...s,click(i){const c=i.target.className;let g=n.includes(i.target.tagName.toLowerCase()),h=!1;typeof c=="string"||Array.isArray(c)?h=c.includes("k-popover"):typeof c=="object"&&(h=Object.keys(c).includes("k-popover")),i.target.closest(".popover-content")!==null&&(h=!0);for(let p=0;p<n.length;p++)if(i.target.closest(n[p])!==null){g=!0;break}if((!g||i.target.hasAttribute("disabled"))&&!h&&(l.click||s.click))if(s.click){V("cell-click",{data:t});const p=s.click(i,t,"cell");typeof p=="function"&&p(i,t)}else{V("row-click",{data:a});const p=l.click(i,a,"row");typeof p=="function"&&p(i,a)}}}}),A=e.ref(o.resizeColumns?o.tablePreferences.columnWidths||{}:{}),_=e.computed(()=>{const t={};for(const a in A.value){if(!A.value[a])continue;const l=A.value[a]+"px";t[a]={width:l,maxWidth:l,minWidth:l}}return t}),Be=(t,a)=>({"resize-hover":ee.value===t.key&&o.resizeColumns&&a!==y.value.length-1,resizable:o.resizeColumns,sortable:o.sortable&&!t.hideLabel&&!!t.sortable,"active-sort":o.sortable&&!t.hideLabel&&!!t.sortable&&t.key===v.value,[d.value]:o.sortable&&t.key===v.value&&!t.hideLabel,"is-scrolled":w.value,"has-tooltip":!!t.tooltip}),Ne=e.computed(()=>P.value?"resizing":z.value?"resize-hover":T.value?"th-hover":""),ee=e.computed(()=>{switch(Ne.value){case"resizing":return P.value;case"resize-hover":return z.value;case"th-hover":return T.value;default:return""}}),te=e.computed(()=>J.value?.querySelectorAll("th.resizable")),Ee=e.computed(()=>{const t=te.value?.item(0);if(t){const a=window?.getComputedStyle(t);if(a?.height)return`${parseInt(a.height,10)}px`}return"auto"}),ae=(t,a)=>{if(t.button!==0)return;let l=0,s=0;P.value=a;let n=null;te.value?.forEach(g=>{g.getAttribute("data-testid")===`table-header-${a}`&&(n=document?.querySelector(`[data-tableid="${m}"] [data-testid="table-header-${a}"]`))});const i=g=>{const h=g.clientX-l;n?.setAttribute("style",`width: ${s+h}px`),A.value[a]=s+h},c=()=>{P.value="",document?.removeEventListener("mousemove",i),document?.removeEventListener("mouseup",c),q()};if(l=t.clientX,n){const g=window?.getComputedStyle(n);g?.width&&(s=parseInt(g.width,10)),document?.addEventListener("mousemove",i),document?.addEventListener("mouseup",c)}},le=e.ref(!0),Pe=async()=>{const t=o.searchInput,a=await o.fetcher({pageSize:B.value,page:u.value,query:t||Z.value,sortColumnKey:v.value,sortColumnOrder:d.value,offset:k.value});return f.value=a.data,D.value=o.paginationTotalItems||a.total||a.data?.length,o.paginationOffset&&(a.pagination?.offset?($.value=a.pagination.offset,b.value[u.value]||b.value.push(a.pagination.offset)):$.value=null,Q.value=a.pagination&&"hasNextPage"in a.pagination?a.pagination.hasNextPage:!0),f.value.length===0&&u.value>1&&(u.value=1,b.value=[null],k.value=null),le.value=!1,a},Oe=()=>{const t={...C,...o.initialFetcherParams};u.value=t.page??C.page,B.value=t.pageSize??C.pageSize,Z.value=t.query??C.query,v.value=t.sortColumnKey??C.sortColumnKey,d.value=t.sortColumnOrder??C.sortColumnOrder,o.clientSort&&v.value&&d.value&&W(v.value,"",d.value,f.value),o.paginationOffset&&(k.value=t.offset,b.value.push(t.offset)),o.headers&&o.headers.length&&(E.value=o.headers),F.value=!0};e.watch(()=>o.headers,t=>{t&&t.length&&(E.value=t)},{deep:!0});const x=e.computed(()=>b.value[u.value-1]),$=e.ref(null),Ae=e.computed(()=>{if(!o.fetcher||!F.value)return"";let t=m;return o.cacheIdentifier&&(t=o.cacheIdentifier),o.fetcherCacheKey&&(t+=`-${o.fetcherCacheKey}`),`k-table_${t}`}),oe=e.ref(""),{debouncedFn:$e,generateDebouncedFn:Ie}=U(t=>{oe.value=t},350),Ve=Ie(0),{data:re,error:ne,revalidate:Te,isValidating:Me}=me(()=>Ae.value,()=>Pe(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:j,hasData:He,swrvState:se}=ye(re,ne,Me),S=e.ref(!0),ie=e.computed(()=>({hasData:He.value,state:j.value})),ue=e.computed(()=>S.value?"loading":ne.value?"error":"success"),{debouncedFn:ce,generateDebouncedFn:qe}=U(Te,500),Ke=qe(0),Le=t=>{const{key:a,useSortHandlerFunction:l}=t,s=v.value+"";u.value=1,v.value?a===v.value?d.value==="asc"?d.value="desc":d.value="asc":(v.value=a,d.value="asc",b.value=[null]):(v.value=a,d.value="asc",b.value=[null]),o.clientSort?l&&o.sortHandlerFunction?o.sortHandlerFunction({key:a,prevKey:s,sortColumnOrder:d.value,data:f.value}):W(a,s,d.value,f.value):o.paginationOffset||ce(),q()},De=({page:t})=>{u.value=t},Fe=({pageSize:t})=>{b.value=[null],k.value=null,B.value=t,u.value=1,q()},Re=t=>{t&&t.target&&typeof t.target.scrollTop=="number"&&(t.target.scrollTop>1?w.value=!0:t.target.scrollTop===0&&(w.value=!w.value))},xe=e.computed(()=>({pageSize:B.value,sortColumnKey:v.value,sortColumnOrder:d.value,...o.resizeColumns?{columnWidths:A.value}:{},...X.value?{columnVisibility:M.value}:{}})),q=()=>{ue.value==="success"&&V("update:table-preferences",xe.value)},je=()=>{u.value++,k.value=$.value},Ue=()=>{u.value--,k.value=x.value},We=e.computed(()=>!!(o.fetcher&&!o.disablePagination&&!(!o.paginationOffset&&o.hidePaginationWhenOptional&&D.value<=(o.paginationPageSizes[0]??pe.DEFAULT_PAGE_SIZE))&&!(o.paginationOffset&&o.hidePaginationWhenOptional&&!x.value&&!$.value&&f.value.length<(o.paginationPageSizes[0]??pe.DEFAULT_PAGE_SIZE)))),de=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-");e.watch([M,E],t=>{const a=t[0],s=t[1].filter(n=>a[n.key]!==!1);JSON.stringify(s)!==JSON.stringify(y.value)&&(y.value=s,q())},{deep:!0,immediate:!0}),e.watch(re,t=>{t?.length&&!f.value.length&&(f.value=t)},{deep:!0,immediate:!0}),e.watch(j,()=>{switch(j.value){case se.PENDING:S.value=!0;break;case se.VALIDATING_HAS_DATA:S.value=I.value;break;default:S.value=!1;break}},{immediate:!0}),e.watch([ie,ue],t=>{V("state",{state:t?.[1],hasData:t?.[0]?.hasData})}),e.watch(()=>o.searchInput,t=>{u.value!==1&&(u.value=1),t===""?Ve(t):$e(t)},{immediate:!0});const I=e.ref(!1);return e.watch([oe,u,B],async(t,a)=>{const l=a?.[0],s=t[0],n=t[1];s!==l&&n!==1&&(u.value=1,b.value=[null],k.value=null),F.value&&!le.value&&(I.value=!0,s!==""&&s!==l?await ce():await Ke(),I.value=!1)},{deep:!0,immediate:!0}),e.watch(O,t=>{t&&(M.value=o.tablePreferences.columnVisibility||{})},{immediate:!0}),e.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("./kongponents38.cjs"),fe=require("./kongponents51.cjs"),Ge=require("./kongponents25.cjs");;/* empty css                */const Je=require("./kongponents61.cjs"),Xe=require("./kongponents30.cjs");;/* empty css                */const ge=require("@kong/icons"),Ze=require("./kongponents183.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Qe=require("./kongponents13.cjs"),K=require("./kongponents182.cjs"),Ye=require("./kongponents187.cjs"),_e=require("./kongponents191.cjs"),pe=require("./kongponents181.cjs"),et={class:"k-table"},tt={key:0,class:"table-toolbar","data-testid":"table-toolbar"},at={key:0,class:"toolbar-default-items-container"},lt={key:2,class:"table-error-state","data-testid":"table-error-state"},ot={key:3,class:"table-empty-state","data-testid":"table-empty-state"},rt={key:4,class:"table-container"},nt=["data-tableid"],st=["aria-sort","data-testid","onClick","onMouseover"],it=["onMousedown","onMouseover"],ut=["aria-describedby"],ct=["onMousedown","onMouseover"],dt=["role","tabindex"],vt=e.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:Qe.EmptyStateIconVariants.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:r=>!!r.length&&r.every(L=>typeof L=="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(r,{emit:L}){e.useCssVars(t=>({v60cb3642:Ee.value}));const{useDebounce:U,useRequest:me,useSwrvState:ye,clientSideSorter:W}=Ze.default(),o=r,V=L,G=e.useAttrs(),be=e.useSlots(),m=e.useId(),C={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},f=e.ref([]),J=e.ref(),E=e.ref([]),y=e.ref([]),P=e.ref(""),z=e.ref(""),T=e.ref(""),X=e.computed(()=>E.value.filter(t=>t.hidable).length>0),O=e.computed(()=>!!(X.value&&!o.error&&!S.value&&!o.loading&&f.value&&f.value.length)),he=e.computed(()=>E.value.filter(t=>t.hidable)),ke=e.computed(()=>O.value?o.tablePreferences.columnVisibility||{}:{}),M=e.ref(O.value?o.tablePreferences.columnVisibility||{}:{}),D=e.ref(0),w=e.ref(!1),u=e.ref(1),B=e.ref(15),Z=e.ref(""),v=e.ref(""),d=e.ref("desc"),k=e.ref(null),b=e.ref([]),Q=e.ref(!0),H=e.ref(!1),F=e.ref(!1),Se=e.computed(()=>!!be.toolbar||O.value),Ce=e.computed(()=>({maxHeight:_e.normalizeSize(o.maxHeight)})),ze=t=>`column-${t}`,N=t=>`tooltip-${t}`,R=t=>t,Y=(t,a)=>(l,s)=>{const n=/^on[^a-z]/,i={};for(const c in a)n.test(c)&&a[c]&&(i[c]=a[c]);return Object.keys(i).reduce((c,g)=>{if(g.indexOf(t)===0){const h=g.split(t);c[h[1]]=p=>i[g](p,l,s)}return c},{})},we=e.computed(()=>(t,a)=>{const l=Y("onRow:",G)(a,"row"),s=Y("onCell:",G)(t,"cell"),n=["a","button","label","input","select"];return l.click&&(H.value=!0),{...l,...s,click(i){const c=i.target.className;let g=n.includes(i.target.tagName.toLowerCase()),h=!1;typeof c=="string"||Array.isArray(c)?h=c.includes("k-popover"):typeof c=="object"&&(h=Object.keys(c).includes("k-popover")),i.target.closest(".popover-content")!==null&&(h=!0);for(let p=0;p<n.length;p++)if(i.target.closest(n[p])!==null){g=!0;break}if((!g||i.target.hasAttribute("disabled"))&&!h&&(l.click||s.click))if(s.click){V("cell-click",{data:t});const p=s.click(i,t,"cell");typeof p=="function"&&p(i,t)}else{V("row-click",{data:a});const p=l.click(i,a,"row");typeof p=="function"&&p(i,a)}}}}),A=e.ref(o.resizeColumns?o.tablePreferences.columnWidths||{}:{}),_=e.computed(()=>{const t={};for(const a in A.value){if(!A.value[a])continue;const l=A.value[a]+"px";t[a]={width:l,maxWidth:l,minWidth:l}}return t}),Be=(t,a)=>({"resize-hover":ee.value===t.key&&o.resizeColumns&&a!==y.value.length-1,resizable:o.resizeColumns,sortable:o.sortable&&!t.hideLabel&&!!t.sortable,"active-sort":o.sortable&&!t.hideLabel&&!!t.sortable&&t.key===v.value,[d.value]:o.sortable&&t.key===v.value&&!t.hideLabel,"is-scrolled":w.value,"has-tooltip":!!t.tooltip}),Ne=e.computed(()=>P.value?"resizing":z.value?"resize-hover":T.value?"th-hover":""),ee=e.computed(()=>{switch(Ne.value){case"resizing":return P.value;case"resize-hover":return z.value;case"th-hover":return T.value;default:return""}}),te=e.computed(()=>J.value?.querySelectorAll("th.resizable")),Ee=e.computed(()=>{const t=te.value?.item(0);if(t){const a=window?.getComputedStyle(t);if(a?.height)return`${parseInt(a.height,10)}px`}return"auto"}),ae=(t,a)=>{if(t.button!==0)return;let l=0,s=0;P.value=a;let n=null;te.value?.forEach(g=>{g.getAttribute("data-testid")===`table-header-${a}`&&(n=document?.querySelector(`[data-tableid="${m}"] [data-testid="table-header-${a}"]`))});const i=g=>{const h=g.clientX-l;n?.setAttribute("style",`width: ${s+h}px`),A.value[a]=s+h},c=()=>{P.value="",document?.removeEventListener("mousemove",i),document?.removeEventListener("mouseup",c),q()};if(l=t.clientX,n){const g=window?.getComputedStyle(n);g?.width&&(s=parseInt(g.width,10)),document?.addEventListener("mousemove",i),document?.addEventListener("mouseup",c)}},le=e.ref(!0),Pe=async()=>{const t=o.searchInput,a=await o.fetcher({pageSize:B.value,page:u.value,query:t||Z.value,sortColumnKey:v.value,sortColumnOrder:d.value,offset:k.value});return f.value=a.data,D.value=o.paginationTotalItems||a.total||a.data?.length,o.paginationOffset&&(a.pagination?.offset?($.value=a.pagination.offset,b.value[u.value]||b.value.push(a.pagination.offset)):$.value=null,Q.value=a.pagination&&"hasNextPage"in a.pagination?a.pagination.hasNextPage:!0),f.value.length===0&&u.value>1&&(u.value=1,b.value=[null],k.value=null),le.value=!1,a},Oe=()=>{const t={...C,...o.initialFetcherParams};u.value=t.page??C.page,B.value=t.pageSize??C.pageSize,Z.value=t.query??C.query,v.value=t.sortColumnKey??C.sortColumnKey,d.value=t.sortColumnOrder??C.sortColumnOrder,o.clientSort&&v.value&&d.value&&W(v.value,"",d.value,f.value),o.paginationOffset&&(k.value=t.offset,b.value.push(t.offset)),o.headers&&o.headers.length&&(E.value=o.headers),F.value=!0};e.watch(()=>o.headers,t=>{t&&t.length&&(E.value=t)},{deep:!0});const x=e.computed(()=>b.value[u.value-1]),$=e.ref(null),Ae=e.computed(()=>{if(!o.fetcher||!F.value)return"";let t=m;return o.cacheIdentifier&&(t=o.cacheIdentifier),o.fetcherCacheKey&&(t+=`-${o.fetcherCacheKey}`),`k-table_${t}`}),oe=e.ref(""),{debouncedFn:$e,generateDebouncedFn:Ie}=U(t=>{oe.value=t},350),Ve=Ie(0),{data:re,error:ne,revalidate:Te,isValidating:Me}=me(()=>Ae.value,()=>Pe(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:j,hasData:He,swrvState:se}=ye(re,ne,Me),S=e.ref(!0),ie=e.computed(()=>({hasData:He.value,state:j.value})),ue=e.computed(()=>S.value?"loading":ne.value?"error":"success"),{debouncedFn:ce,generateDebouncedFn:qe}=U(Te,500),Ke=qe(0),Le=t=>{const{key:a,useSortHandlerFunction:l}=t,s=v.value+"";u.value=1,v.value?a===v.value?d.value==="asc"?d.value="desc":d.value="asc":(v.value=a,d.value="asc",b.value=[null]):(v.value=a,d.value="asc",b.value=[null]),o.clientSort?l&&o.sortHandlerFunction?o.sortHandlerFunction({key:a,prevKey:s,sortColumnOrder:d.value,data:f.value}):W(a,s,d.value,f.value):o.paginationOffset||ce(),q()},De=({page:t})=>{u.value=t},Fe=({pageSize:t})=>{b.value=[null],k.value=null,B.value=t,u.value=1,q()},Re=t=>{t&&t.target&&typeof t.target.scrollTop=="number"&&(t.target.scrollTop>1?w.value=!0:t.target.scrollTop===0&&(w.value=!w.value))},xe=e.computed(()=>({pageSize:B.value,sortColumnKey:v.value,sortColumnOrder:d.value,...o.resizeColumns?{columnWidths:A.value}:{},...X.value?{columnVisibility:M.value}:{}})),q=()=>{ue.value==="success"&&V("update:table-preferences",xe.value)},je=()=>{u.value++,k.value=$.value},Ue=()=>{u.value--,k.value=x.value},We=e.computed(()=>!!(o.fetcher&&!o.disablePagination&&!(!o.paginationOffset&&o.hidePaginationWhenOptional&&D.value<=(o.paginationPageSizes[0]??pe.DEFAULT_PAGE_SIZE))&&!(o.paginationOffset&&o.hidePaginationWhenOptional&&!x.value&&!$.value&&f.value.length<(o.paginationPageSizes[0]??pe.DEFAULT_PAGE_SIZE)))),de=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-");e.watch([M,E],t=>{const a=t[0],s=t[1].filter(n=>a[n.key]!==!1);JSON.stringify(s)!==JSON.stringify(y.value)&&(y.value=s,q())},{deep:!0,immediate:!0}),e.watch(re,t=>{t?.length&&!f.value.length&&(f.value=t)},{deep:!0,immediate:!0}),e.watch(j,()=>{switch(j.value){case se.PENDING:S.value=!0;break;case se.VALIDATING_HAS_DATA:S.value=I.value;break;default:S.value=!1;break}},{immediate:!0}),e.watch([ie,ue],t=>{V("state",{state:t?.[1],hasData:t?.[0]?.hasData})}),e.watch(()=>o.searchInput,t=>{u.value!==1&&(u.value=1),t===""?Ve(t):$e(t)},{immediate:!0});const I=e.ref(!1);return e.watch([oe,u,B],async(t,a)=>{const l=a?.[0],s=t[0],n=t[1];s!==l&&n!==1&&(u.value=1,b.value=[null],k.value=null),F.value&&!le.value&&(I.value=!0,s!==""&&s!==l?await ce():await Ke(),I.value=!1)},{deep:!0,immediate:!0}),e.watch(O,t=>{t&&(M.value=o.tablePreferences.columnVisibility||{})},{immediate:!0}),e.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
 We suggest using 'KTableData' component instead.
 Docs: https://kongponents.konghq.com/components/table-data.html`),Oe()}),(t,a)=>(e.openBlock(),e.createElementBlock("div",et,[Se.value?(e.openBlock(),e.createElementBlock("div",tt,[e.renderSlot(t.$slots,"toolbar",{state:ie.value},void 0,!0),O.value?(e.openBlock(),e.createElementBlock("div",at,[e.createVNode(Ye.default,{columns:he.value,"table-id":e.unref(m),"visibility-preferences":ke.value,onUpdate:a[0]||(a[0]=l=>M.value=l)},null,8,["columns","table-id","visibility-preferences"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(S.value||r.loading||I.value)&&!r.error?(e.openBlock(),e.createBlock(Ge.default,{key:1,"data-testid":"table-skeleton",type:"table"})):r.error?(e.openBlock(),e.createElementBlock("div",lt,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode(fe.default,{"icon-variant":"error",message:r.errorStateMessage,title:r.errorStateTitle},e.createSlots({_:2},[r.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(ve.default,{"data-testid":de(r.errorStateActionMessage),to:r.errorStateActionRoute?r.errorStateActionRoute:void 0,onClick:a[1]||(a[1]=l=>t.$emit("error-action-click"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.errorStateActionMessage),1)]),_:1},8,["data-testid","to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):!r.error&&!S.value&&!r.loading&&!I.value&&f.value&&!f.value.length?(e.openBlock(),e.createElementBlock("div",ot,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode(fe.default,{"icon-variant":r.emptyStateIconVariant,message:r.emptyStateMessage,title:r.emptyStateTitle},e.createSlots({_:2},[r.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(ve.default,{appearance:r.searchInput?"tertiary":"primary","data-testid":de(r.emptyStateActionMessage),to:r.emptyStateActionRoute?r.emptyStateActionRoute:void 0,onClick:a[2]||(a[2]=l=>t.$emit("empty-state-action-click"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"empty-state-action-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(r.emptyStateActionMessage),1)]),_:3},8,["appearance","data-testid","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(e.openBlock(),e.createElementBlock("div",rt,[e.createElementVNode("div",{class:"table-wrapper",style:e.normalizeStyle(Ce.value),onScrollPassive:Re},[e.createElementVNode("table",{class:e.normalizeClass(["table",{"has-hover":r.rowHover,"is-clickable":H.value}]),"data-tableid":e.unref(m)},[e.createElementVNode("thead",{class:e.normalizeClass({"is-scrolled":w.value})},[e.createElementVNode("tr",{ref_key:"headerRow",ref:J,class:e.normalizeClass({"is-scrolled":w.value})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(l,s)=>(e.openBlock(),e.createElementBlock("th",{key:`table-${e.unref(m)}-headers-${s}`,"aria-sort":r.sortable&&l.key===v.value?d.value==="asc"?"ascending":"descending":void 0,class:e.normalizeClass(["table-headers",Be(l,s)]),"data-testid":`table-header-${l.key}`,style:e.normalizeStyle(_.value[l.key]),onClick:()=>{r.sortable&&l.sortable&&(t.$emit("sort",{prevKey:v.value,sortColumnKey:l.key,sortColumnOrder:d.value==="asc"?"desc":"asc"}),Le(l))},onMouseleave:a[7]||(a[7]=n=>T.value=""),onMouseover:n=>T.value=l.key},[r.resizeColumns&&s!==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:a[3]||(a[3]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>ae(n,y.value[s-1].key),onMouseleave:a[4]||(a[4]=n=>z.value=""),onMouseover:n=>z.value=y.value[s-1].key},null,40,it)):e.createCommentVNode("",!0),e.createElementVNode("div",{"aria-describedby":l.tooltip||t.$slots[N(l.key)]?`${N(l.key)}-${e.unref(m)}`:void 0,class:e.normalizeClass(["table-headers-container",{resized:P.value===l.key}])},[e.renderSlot(t.$slots,ze(l.key),{column:R(l)},()=>[e.createElementVNode("span",{class:e.normalizeClass(["table-header-label",{"sr-only":l.hideLabel}])},e.toDisplayString(l.label?l.label:l.key),3)],!0),l.tooltip||t.$slots[N(l.key)]?(e.openBlock(),e.createBlock(Xe.default,{key:0,"data-testid":N(l.key),"tooltip-id":`${N(l.key)}-${e.unref(m)}`},{content:e.withCtx(()=>[e.renderSlot(t.$slots,N(l.key),{column:R(l)},()=>[e.createTextVNode(e.toDisplayString(l.tooltip),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(ge.InfoIcon),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${e.unref(K.KUI_COLOR_TEXT_NEUTRAL)})`,size:`var(--kui-icon-size-30, ${e.unref(K.KUI_ICON_SIZE_30)})`},null,8,["color","size"])]),_:2},1032,["data-testid","tooltip-id"])):e.createCommentVNode("",!0),r.sortable&&!l.hideLabel&&l.sortable?(e.openBlock(),e.createBlock(e.unref(ge.ArrowDownIcon),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral, ${e.unref(K.KUI_COLOR_TEXT_NEUTRAL)})`,size:`var(--kui-icon-size-30, ${e.unref(K.KUI_ICON_SIZE_30)})`},null,8,["color","size"])):e.createCommentVNode("",!0)],10,ut),r.resizeColumns&&s!==y.value.length-1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"resize-handle",onClick:a[5]||(a[5]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>ae(n,l.key),onMouseleave:a[6]||(a[6]=n=>z.value=""),onMouseover:n=>z.value=l.key},null,40,ct)):e.createCommentVNode("",!0)],46,st))),128))],2)],2),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(l,s)=>(e.openBlock(),e.createElementBlock("tr",e.mergeProps({ref_for:!0},r.rowAttrs(l),{key:`table-${e.unref(m)}-row-${s}`,role:H.value?"link":null,tabindex:H.value?0:null}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(n,i)=>(e.openBlock(),e.createElementBlock("td",e.mergeProps({ref_for:!0},r.cellAttrs({headerKey:n.key,row:l,rowIndex:s,colIndex:i}),{key:`table-${e.unref(m)}-cell-${i}`,class:{"resize-hover":r.resizeColumns&&ee.value===n.key&&i!==y.value.length-1},style:_.value[n.key]},e.toHandlers(we.value(l[n.key],l),!0)),[e.renderSlot(t.$slots,n.key,{row:R(l),rowKey:s,rowValue:l[n.key]},()=>[e.createTextVNode(e.toDisplayString(l[n.key]),1)],!0)],16))),128))],16,dt))),128))])],10,nt)],36),We.value?(e.openBlock(),e.createBlock(Je.default,{key:0,class:"table-pagination","current-page":u.value,"data-testid":"table-pagination","disable-page-jump":r.disablePaginationPageJump,"initial-page-size":B.value,neighbors:r.paginationNeighbors,offset:r.paginationOffset,"offset-next-button-disabled":!$.value||!Q.value,"offset-previous-button-disabled":!x.value,"page-sizes":r.paginationPageSizes,"total-count":D.value,onGetNextOffset:je,onGetPreviousOffset:Ue,onPageChange:De,onPageSizeChange:Fe},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):e.createCommentVNode("",!0)]))]))}});exports.default=vt;

package/dist/kongponents152.es.js

@@ -12,8 +12,8 @@ import "./kongponents7.es.js";
 import "./kongponents12.es.js";
 import { EmptyStateIconVariants as At } from "./kongponents13.es.js";
 import { KUI_ICON_SIZE_30 as Ne, KUI_COLOR_TEXT_NEUTRAL as Ke } from "./kongponents182.es.js";
-import Ot from "./kongponents203.es.js";
-import { normalizeSize as wt } from "./kongponents188.es.js";
+import Ot from "./kongponents187.es.js";
+import { normalizeSize as wt } from "./kongponents191.es.js";
 import { DEFAULT_PAGE_SIZE as Ee } from "./kongponents181.es.js";
 const It = { class: "k-table" }, Ht = {
   key: 0,

package/dist/kongponents156.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("./kongponents183.cjs"),R=require("./kongponents57.cjs"),n=require("./kongponents196.cjs"),q=["data-value"],$=["id","aria-invalid","rows","value"],h=2048,p=n.IS_MAYBE_FIREFOX?0:n.getScrollbarSize(),S=n.cssSupports("field-sizing","content"),D=e.defineComponent({inheritAttrs:!1,__name:"KTextArea",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},characterLimit:{type:[Boolean,Number],default:()=>h},rows:{default:5},error:{type:Boolean},resizable:{type:Boolean},autosize:{type:Boolean},help:{default:""},isResizable:{type:Boolean},hasError:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(a,{emit:E}){e.useCssVars(t=>({v557cc968:t.rows})),e.watch(()=>a.isResizable,t=>{t&&console.warn("KTextArea: `isResizable` prop is deprecated in favor of `resizable` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea")},{immediate:!0}),e.watch(()=>a.hasError,t=>{t&&console.warn("KTextArea: `hasError` prop is deprecated. Please use `error` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea")},{immediate:!0});const s=E,i=e.useAttrs(),u=e.useSlots(),{stripRequiredLabel:k}=C.default(),v=e.computed(()=>i?.required!==void 0&&String(i?.required)!=="false"),l=e.ref(""),x=e.computed(()=>k(a.label,v.value)),y=()=>!!(a.labelAttributes?.help||a.labelAttributes?.info||u["label-tooltip"]),T=e.computed(()=>a.error||a.hasError||o.value?!0:void 0),f=e.ref(0),A=e.computed({get(){return a.modelValue},set(t){c({target:{value:t}})}}),L=e.useId(),g=e.computed(()=>i.id?String(i.id):L),z=e.computed(()=>{const t={...i};return delete t.class,t}),o=e.computed(()=>typeof a.characterLimit=="boolean"?a.characterLimit?l.value.length>h:!1:l.value.length>a.characterLimit),c=t=>{const r=JSON.parse(JSON.stringify(t?.target?.value));s("input",r),s("update:modelValue",r),l.value=r},B=()=>!o.value&&!!(a.help||u.help),d=e.computed(()=>{const t=typeof a.characterLimit=="number"?a.characterLimit:h;return o.value?`${l.value?.toString().length} / ${t}`:a.help});e.watch(o,(t,r)=>{t!==r&&(s("char-limit-exceeded",{value:l.value,length:l.value.length,characterLimit:Number(a.characterLimit),limitExceeded:t}),f.value+=1)}),e.watch(A,(t,r)=>{t!==r&&c({target:{value:t}})});const w=()=>l.value?l.value:a.modelValue,b=n.IS_MAYBE_FIREFOX?()=>{}:t=>{const{target:r,clientX:m,clientY:I}=t;if(!(r instanceof HTMLTextAreaElement))return;const{right:N,bottom:V}=r.getBoundingClientRect();m>N-p&&I>V-p&&(r.style.height="")};return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-textarea",[t.$attrs.class,{"input-error":a.error||a.hasError||o.value}]])},[a.label||t.$slots.label?(e.openBlock(),e.createBlock(R.default,e.mergeProps({key:0,for:g.value},a.labelAttributes,{required:v.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(x.value),1)],!0)]),_:2},[y()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-textarea-wrapper",{autosize:a.autosize,legacy:a.autosize&&!e.unref(S)}]),"data-allow-mismatch":"class","data-value":e.unref(S)?null:l.value},[e.createElementVNode("textarea",e.mergeProps({id:g.value},z.value,{"aria-invalid":T.value,class:["input-textarea",{resizable:a.resizable||a.isResizable}],rows:a.rows,value:w(),onDblclick:r[0]||(r[0]=(...m)=>e.unref(b)&&e.unref(b)(...m)),onInput:c}),null,16,$)],10,q),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[d.value||u.help?(e.openBlock(),e.createElementBlock("p",{key:String(f.value),class:"help-text"},[B()?e.renderSlot(t.$slots,"help",{},()=>[e.createTextVNode(e.toDisplayString(d.value),1)],!0,0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(d.value),1)],64))])):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("./kongponents183.cjs"),R=require("./kongponents57.cjs"),n=require("./kongponents189.cjs"),q=["data-value"],$=["id","aria-invalid","rows","value"],h=2048,p=n.IS_MAYBE_FIREFOX?0:n.getScrollbarSize(),S=n.cssSupports("field-sizing","content"),D=e.defineComponent({inheritAttrs:!1,__name:"KTextArea",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},characterLimit:{type:[Boolean,Number],default:()=>h},rows:{default:5},error:{type:Boolean},resizable:{type:Boolean},autosize:{type:Boolean},help:{default:""},isResizable:{type:Boolean},hasError:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(a,{emit:E}){e.useCssVars(t=>({v557cc968:t.rows})),e.watch(()=>a.isResizable,t=>{t&&console.warn("KTextArea: `isResizable` prop is deprecated in favor of `resizable` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea")},{immediate:!0}),e.watch(()=>a.hasError,t=>{t&&console.warn("KTextArea: `hasError` prop is deprecated. Please use `error` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea")},{immediate:!0});const s=E,i=e.useAttrs(),u=e.useSlots(),{stripRequiredLabel:k}=C.default(),v=e.computed(()=>i?.required!==void 0&&String(i?.required)!=="false"),l=e.ref(""),x=e.computed(()=>k(a.label,v.value)),y=()=>!!(a.labelAttributes?.help||a.labelAttributes?.info||u["label-tooltip"]),T=e.computed(()=>a.error||a.hasError||o.value?!0:void 0),f=e.ref(0),A=e.computed({get(){return a.modelValue},set(t){c({target:{value:t}})}}),L=e.useId(),g=e.computed(()=>i.id?String(i.id):L),z=e.computed(()=>{const t={...i};return delete t.class,t}),o=e.computed(()=>typeof a.characterLimit=="boolean"?a.characterLimit?l.value.length>h:!1:l.value.length>a.characterLimit),c=t=>{const r=JSON.parse(JSON.stringify(t?.target?.value));s("input",r),s("update:modelValue",r),l.value=r},B=()=>!o.value&&!!(a.help||u.help),d=e.computed(()=>{const t=typeof a.characterLimit=="number"?a.characterLimit:h;return o.value?`${l.value?.toString().length} / ${t}`:a.help});e.watch(o,(t,r)=>{t!==r&&(s("char-limit-exceeded",{value:l.value,length:l.value.length,characterLimit:Number(a.characterLimit),limitExceeded:t}),f.value+=1)}),e.watch(A,(t,r)=>{t!==r&&c({target:{value:t}})});const w=()=>l.value?l.value:a.modelValue,b=n.IS_MAYBE_FIREFOX?()=>{}:t=>{const{target:r,clientX:m,clientY:I}=t;if(!(r instanceof HTMLTextAreaElement))return;const{right:N,bottom:V}=r.getBoundingClientRect();m>N-p&&I>V-p&&(r.style.height="")};return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-textarea",[t.$attrs.class,{"input-error":a.error||a.hasError||o.value}]])},[a.label||t.$slots.label?(e.openBlock(),e.createBlock(R.default,e.mergeProps({key:0,for:g.value},a.labelAttributes,{required:v.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(x.value),1)],!0)]),_:2},[y()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-textarea-wrapper",{autosize:a.autosize,legacy:a.autosize&&!e.unref(S)}]),"data-allow-mismatch":"class","data-value":e.unref(S)?null:l.value},[e.createElementVNode("textarea",e.mergeProps({id:g.value},z.value,{"aria-invalid":T.value,class:["input-textarea",{resizable:a.resizable||a.isResizable}],rows:a.rows,value:w(),onDblclick:r[0]||(r[0]=(...m)=>e.unref(b)&&e.unref(b)(...m)),onInput:c}),null,16,$)],10,q),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[d.value||u.help?(e.openBlock(),e.createElementBlock("p",{key:String(f.value),class:"help-text"},[B()?e.renderSlot(t.$slots,"help",{},()=>[e.createTextVNode(e.toDisplayString(d.value),1)],!0,0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(d.value),1)],64))])):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=D;

package/dist/kongponents156.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as J, useCssVars as X, watch as n, useAttrs as Y, useSlots as G, computed as r, ref as k, useId as j, openBlock as s, createElementBlock as f, normalizeClass as z, createBlock as Q, mergeProps as T, createSlots as W, withCtx as g, renderSlot as b, createTextVNode as S, toDisplayString as E, createCommentVNode as I, createElementVNode as N, unref as u, createVNode as _, Transition as ee, Fragment as te } from "vue";
 import ae from "./kongponents183.es.js";
 import le from "./kongponents57.es.js";
-import { IS_MAYBE_FIREFOX as w, getScrollbarSize as re, cssSupports as ie } from "./kongponents196.es.js";
+import { IS_MAYBE_FIREFOX as w, getScrollbarSize as re, cssSupports as ie } from "./kongponents189.es.js";
 const oe = ["data-value"], ne = ["id", "aria-invalid", "rows", "value"], p = 2048, R = w ? 0 : re(), B = ie("field-sizing", "content"), me = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "KTextArea",

package/dist/kongponents164.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@kong/icons"),l=require("./kongponents182.cjs"),n=require("./kongponents179.cjs"),a=require("./kongponents191.cjs"),c=["href"],u=e.defineComponent({__name:"KExternalLink",props:{href:{},hideIcon:{type:Boolean}},setup(r){e.watch(()=>r.href,t=>{n.isValidUrl(t)||a.warnInvalidProp("href",`\`href\` should be a valid URL, but got "${t}".`)},{immediate:!0});const o=e.computed(()=>!!n.isValidUrl(r.href));return(t,s)=>o.value?(e.openBlock(),e.createElementBlock("a",{key:0,class:"k-external-link",href:r.href,rel:"noopener",target:"_blank"},[e.renderSlot(t.$slots,"default",{},void 0,!0),r.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(i.ExternalLinkIcon),{key:0,decorative:"",size:`var(--kui-icon-size-30, ${e.unref(l.KUI_ICON_SIZE_30)})`},null,8,["size"]))],8,c)):e.createCommentVNode("",!0)}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@kong/icons"),l=require("./kongponents182.cjs"),n=require("./kongponents179.cjs"),a=require("./kongponents194.cjs"),c=["href"],u=e.defineComponent({__name:"KExternalLink",props:{href:{},hideIcon:{type:Boolean}},setup(r){e.watch(()=>r.href,t=>{n.isValidUrl(t)||a.warnInvalidProp("href",`\`href\` should be a valid URL, but got "${t}".`)},{immediate:!0});const o=e.computed(()=>!!n.isValidUrl(r.href));return(t,s)=>o.value?(e.openBlock(),e.createElementBlock("a",{key:0,class:"k-external-link",href:r.href,rel:"noopener",target:"_blank"},[e.renderSlot(t.$slots,"default",{},void 0,!0),r.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(i.ExternalLinkIcon),{key:0,decorative:"",size:`var(--kui-icon-size-30, ${e.unref(l.KUI_ICON_SIZE_30)})`},null,8,["size"]))],8,c)):e.createCommentVNode("",!0)}});exports.default=u;

package/dist/kongponents164.es.js

@@ -2,7 +2,7 @@ import { defineComponent as l, watch as c, computed as f, openBlock as t, create
 import { ExternalLinkIcon as u } from "@kong/icons";
 import { KUI_ICON_SIZE_30 as h } from "./kongponents182.es.js";
 import { isValidUrl as i } from "./kongponents179.es.js";
-import { warnInvalidProp as k } from "./kongponents191.es.js";
+import { warnInvalidProp as k } from "./kongponents194.es.js";
 const p = ["href"], b = /* @__PURE__ */ l({
   __name: "KExternalLink",
   props: {

package/dist/kongponents166.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@kong/icons"),k=require("./kongponents182.cjs"),B=require("./kongponents186.cjs"),H=require("./kongponents188.cjs"),N=require("./kongponents191.cjs"),w=require("./kongponents38.cjs"),S={key:0,class:"truncate-expand-controls"},V={key:0,"data-testid":"expand-trigger-wrapper"},E=["aria-label"],z={key:0,"data-testid":"collapse-trigger-wrapper"},$={key:0,"data-testid":"expand-trigger-wrapper"},q={key:1},I=e.defineComponent({__name:"KTruncate",props:{rows:{default:1},truncateText:{type:Boolean},expanded:{type:Boolean},width:{default:"100%"}},setup(o){e.useCssVars(t=>({v036f1beb:p.value,v4085a467:e.unref(h),v5f97c330:t.rows})),e.watch(()=>o.rows,t=>{t<0&&N.warnInvalidProp("rows",`\`rows\` prop cannot be less than 0, but got "${t}".`)},{immediate:!0});const n=e.ref(o.expanded),d=e.ref(!1),f=e.ref(),a=e.ref(),i=e.ref(),g=e.ref(),p=e.ref("0px"),h=k.KUI_SPACE_40,s=e.ref(0),x=()=>{if(!o.truncateText&&a.value&&a.value.children?.length){const t=a.value.children,r=Number(String(h).replace(/px$/gi,""));let c=0;for(let u=0;u<t.length;u++)c=t[u].offsetHeight>c?t[u].offsetHeight:c;const m=(o.rows===1?0:(o.rows-1)*r)+c*o.rows+6,T=a.value.offsetHeight>m?`${m}px`:"auto";window.requestAnimationFrame(()=>{p.value=T,window.requestAnimationFrame(v)})}},v=()=>{if(a.value&&i.value){const t=o.truncateText?a.value.scrollHeight:a.value.offsetHeight,r=g.value?g.value.offsetHeight:0;d.value=t>i.value.offsetHeight-r,C()}},C=()=>{if(!o.truncateText&&(s.value=0,a.value&&i.value)){const t=a.value.children;for(let r=0;r<t.length;r++)t[r].offsetTop>i.value.offsetHeight?(s.value+=1,t[r].getAttribute("tabindex")&&(t[r].tabIndex=-1)):t[r].getAttribute("tabindex")&&(t[r].tabIndex=0)}},l=async()=>{n.value=!n.value,await e.nextTick(),v()},b=e.computed(()=>({width:H.normalizeSize(o.width)}));return e.onMounted(()=>{f.value=B.ResizeObserverHelper.create(x),f.value.observe(a.value),o.truncateText&&v()}),e.onBeforeUnmount(()=>{f.value?.unobserve(a.value)}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"kTruncateWrapper",ref:i,class:e.normalizeClass(["k-truncate",[n.value?"expanded":"",`truncate-${o.truncateText?"text":"content"}`]]),style:e.normalizeStyle(b.value)},[!o.truncateText&&d.value?(e.openBlock(),e.createElementBlock("div",S,[n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",V,[e.renderSlot(t.$slots,"expand-trigger",{expand:l,truncatedCount:s.value},()=>[e.createElementVNode("button",{"aria-label":`Show ${s.value} more items`,class:"expand-trigger",type:"button",onClick:e.withModifiers(l,["stop"])},e.toDisplayString(s.value),9,E)],!0)]))])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"kTruncateContainer",ref:a,class:"truncate-container"},[e.renderSlot(t.$slots,"default",{},void 0,!0),!o.truncateText&&n.value?(e.openBlock(),e.createElementBlock("div",z,[e.renderSlot(t.$slots,"collapse-trigger",{collapse:l},()=>[e.createElementVNode("button",{"aria-label":"Collapse content",class:"collapse-trigger",type:"button",onClick:e.withModifiers(l,["stop"])},[e.createVNode(e.unref(y.ChevronUpIcon),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(k.KUI_ICON_SIZE_30)})`},null,8,["size"])])],!0)])):e.createCommentVNode("",!0)],512),o.truncateText&&(d.value||n.value)?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"textToggleControls",ref:g,class:"truncate-collapse-controls"},[n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(t.$slots,"expand-trigger",{expand:l},()=>[e.createVNode(w.default,{appearance:"tertiary",size:"small",onClick:e.withModifiers(l,["stop"])},{default:e.withCtx(()=>[...r[0]||(r[0]=[e.createTextVNode(" Show more ",-1)])]),_:1})],!0)])),n.value?(e.openBlock(),e.createElementBlock("div",q,[e.renderSlot(t.$slots,"collapse-trigger",{collapse:l},()=>[e.createVNode(w.default,{appearance:"tertiary",size:"small",onClick:e.withModifiers(l,["stop"])},{default:e.withCtx(()=>[...r[1]||(r[1]=[e.createTextVNode(" Show less ",-1)])]),_:1})],!0)])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)],6))}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@kong/icons"),k=require("./kongponents182.cjs"),B=require("./kongponents193.cjs"),H=require("./kongponents191.cjs"),N=require("./kongponents194.cjs"),w=require("./kongponents38.cjs"),S={key:0,class:"truncate-expand-controls"},V={key:0,"data-testid":"expand-trigger-wrapper"},E=["aria-label"],z={key:0,"data-testid":"collapse-trigger-wrapper"},$={key:0,"data-testid":"expand-trigger-wrapper"},q={key:1},I=e.defineComponent({__name:"KTruncate",props:{rows:{default:1},truncateText:{type:Boolean},expanded:{type:Boolean},width:{default:"100%"}},setup(o){e.useCssVars(t=>({v036f1beb:p.value,v4085a467:e.unref(h),v5f97c330:t.rows})),e.watch(()=>o.rows,t=>{t<0&&N.warnInvalidProp("rows",`\`rows\` prop cannot be less than 0, but got "${t}".`)},{immediate:!0});const n=e.ref(o.expanded),d=e.ref(!1),f=e.ref(),a=e.ref(),i=e.ref(),g=e.ref(),p=e.ref("0px"),h=k.KUI_SPACE_40,s=e.ref(0),x=()=>{if(!o.truncateText&&a.value&&a.value.children?.length){const t=a.value.children,r=Number(String(h).replace(/px$/gi,""));let c=0;for(let u=0;u<t.length;u++)c=t[u].offsetHeight>c?t[u].offsetHeight:c;const m=(o.rows===1?0:(o.rows-1)*r)+c*o.rows+6,T=a.value.offsetHeight>m?`${m}px`:"auto";window.requestAnimationFrame(()=>{p.value=T,window.requestAnimationFrame(v)})}},v=()=>{if(a.value&&i.value){const t=o.truncateText?a.value.scrollHeight:a.value.offsetHeight,r=g.value?g.value.offsetHeight:0;d.value=t>i.value.offsetHeight-r,C()}},C=()=>{if(!o.truncateText&&(s.value=0,a.value&&i.value)){const t=a.value.children;for(let r=0;r<t.length;r++)t[r].offsetTop>i.value.offsetHeight?(s.value+=1,t[r].getAttribute("tabindex")&&(t[r].tabIndex=-1)):t[r].getAttribute("tabindex")&&(t[r].tabIndex=0)}},l=async()=>{n.value=!n.value,await e.nextTick(),v()},b=e.computed(()=>({width:H.normalizeSize(o.width)}));return e.onMounted(()=>{f.value=B.ResizeObserverHelper.create(x),f.value.observe(a.value),o.truncateText&&v()}),e.onBeforeUnmount(()=>{f.value?.unobserve(a.value)}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"kTruncateWrapper",ref:i,class:e.normalizeClass(["k-truncate",[n.value?"expanded":"",`truncate-${o.truncateText?"text":"content"}`]]),style:e.normalizeStyle(b.value)},[!o.truncateText&&d.value?(e.openBlock(),e.createElementBlock("div",S,[n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",V,[e.renderSlot(t.$slots,"expand-trigger",{expand:l,truncatedCount:s.value},()=>[e.createElementVNode("button",{"aria-label":`Show ${s.value} more items`,class:"expand-trigger",type:"button",onClick:e.withModifiers(l,["stop"])},e.toDisplayString(s.value),9,E)],!0)]))])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"kTruncateContainer",ref:a,class:"truncate-container"},[e.renderSlot(t.$slots,"default",{},void 0,!0),!o.truncateText&&n.value?(e.openBlock(),e.createElementBlock("div",z,[e.renderSlot(t.$slots,"collapse-trigger",{collapse:l},()=>[e.createElementVNode("button",{"aria-label":"Collapse content",class:"collapse-trigger",type:"button",onClick:e.withModifiers(l,["stop"])},[e.createVNode(e.unref(y.ChevronUpIcon),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(k.KUI_ICON_SIZE_30)})`},null,8,["size"])])],!0)])):e.createCommentVNode("",!0)],512),o.truncateText&&(d.value||n.value)?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"textToggleControls",ref:g,class:"truncate-collapse-controls"},[n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(t.$slots,"expand-trigger",{expand:l},()=>[e.createVNode(w.default,{appearance:"tertiary",size:"small",onClick:e.withModifiers(l,["stop"])},{default:e.withCtx(()=>[...r[0]||(r[0]=[e.createTextVNode(" Show more ",-1)])]),_:1})],!0)])),n.value?(e.openBlock(),e.createElementBlock("div",q,[e.renderSlot(t.$slots,"collapse-trigger",{collapse:l},()=>[e.createVNode(w.default,{appearance:"tertiary",size:"small",onClick:e.withModifiers(l,["stop"])},{default:e.withCtx(()=>[...r[1]||(r[1]=[e.createTextVNode(" Show less ",-1)])]),_:1})],!0)])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)],6))}});exports.default=I;

package/dist/kongponents166.es.js

@@ -1,9 +1,9 @@
 import { defineComponent as V, useCssVars as A, unref as b, watch as K, ref as l, computed as U, onMounted as W, onBeforeUnmount as O, openBlock as i, createElementBlock as s, normalizeStyle as P, normalizeClass as q, renderSlot as g, createElementVNode as k, withModifiers as p, toDisplayString as F, createCommentVNode as u, createVNode as T, withCtx as z, createTextVNode as S, nextTick as M } from "vue";
 import { ChevronUpIcon as D } from "@kong/icons";
 import { KUI_SPACE_40 as R, KUI_ICON_SIZE_30 as Z } from "./kongponents182.es.js";
-import { ResizeObserverHelper as j } from "./kongponents186.es.js";
-import { normalizeSize as G } from "./kongponents188.es.js";
-import { warnInvalidProp as J } from "./kongponents191.es.js";
+import { ResizeObserverHelper as j } from "./kongponents193.es.js";
+import { normalizeSize as G } from "./kongponents191.es.js";
+import { warnInvalidProp as J } from "./kongponents194.es.js";
 import $ from "./kongponents38.es.js";
 const L = {
   key: 0,

package/dist/kongponents168.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kongponents186.cjs"),T=require("@kong/icons"),C=require("./kongponents24.cjs"),s=require("./kongponents30.cjs");;/* empty css                */const h=require("./kongponents182.cjs"),k={class:"k-copy"},B={key:0,class:"copy-badge-text"},L=["id","aria-label","onClick"],w=e.defineComponent({__name:"KCopy",props:{badgeLabel:{default:""},text:{},textTooltip:{default:""},copyTooltip:{default:""},format:{default:"default"},badge:{type:Boolean},monospace:{type:Boolean},truncate:{type:Boolean},successTooltip:{default:"Copied!"},truncationLimit:{default:8}},setup(t,{expose:m}){const i=e.useId(),l=e.ref(""),r=e.computed(()=>!t.badgeLabel||t.copyTooltip?t.copyTooltip||"Copy":`Copy ${t.badgeLabel.replace(/:$/,"")}`);e.watch(r,a=>{l.value=a},{immediate:!0});const f=e.computed(()=>`copy-tooltip-wrapper ${t.truncate&&c.value||t.badge?"truncate-content":""}`),v=e.computed(()=>t.format==="redacted"?"*****":t.format==="deleted"?`*${String(t.text||"").substring(0,5)}`:t.truncate&&t.truncationLimit&&u.value?u.value.replace(/^"(.*)"$/,"$1"):t.text),b=e.computed(()=>{if(t.textTooltip)return t.textTooltip;if(!(t.format==="redacted"||!c.value))return t.text}),d=a=>{l.value=a||t.successTooltip,setTimeout(()=>{l.value=r.value},1800)},y=async a=>{if(!await a(t.text)){d("Failed to copy");return}d()};m({copy:()=>{document?.getElementById(i)&&document?.getElementById(i)?.click()}});const o=e.ref(),n=e.ref(),u=e.computed(()=>t.truncate&&typeof t.truncationLimit=="number"?`${String(t.text||"").substring(0,t.truncationLimit)+"..."}`:null),c=e.ref(!1),x=()=>{t.truncate&&(t.truncationLimit!=="auto"&&u.value?c.value=!0:t.truncationLimit==="auto"&&o.value&&(c.value=o.value?.offsetWidth<o.value?.scrollWidth))};return e.onMounted(()=>{n.value=g.ResizeObserverHelper.create(x),n.value.observe(o.value)}),e.onBeforeUnmount(()=>{n.value&&n.value.unobserve(o.value)}),(a,$)=>(e.openBlock(),e.createElementBlock("div",k,[t.badge&&t.badgeLabel?(e.openBlock(),e.createElementBlock("span",B,e.toDisplayString(t.badgeLabel),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["copy-container",{"copy-element":t.truncate||t.badge,"badge-styles":t.badge}])},[t.format!=="hidden"?(e.openBlock(),e.createBlock(s.default,{key:0,class:e.normalizeClass([f.value]),"data-testid":"copy-tooltip-wrapper","max-width":"500px",placement:"bottom-start",text:b.value},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"copyTextElement",ref:o,class:e.normalizeClass(["copy-text",{monospace:t.monospace||!t.badge}])},e.toDisplayString(v.value),3)]),_:1},8,["class","text"])):e.createCommentVNode("",!0),e.createVNode(s.default,{class:"text-icon-wrapper","max-width":"500px",placement:"bottom-start",text:l.value},{default:e.withCtx(()=>[e.createVNode(C.default,null,{default:e.withCtx(({copyToClipboard:p})=>[e.createElementVNode("button",{id:e.unref(i),"aria-label":l.value,class:"copy-to-clipboard-button","data-testid":"copy-to-clipboard",type:"button",onClick:e.withModifiers(z=>y(p),["stop"])},[e.createVNode(e.unref(T.CopyIcon),{class:"text-icon",decorative:"",size:`var(--kui-icon-size-30, ${e.unref(h.KUI_ICON_SIZE_30)})`},null,8,["size"])],8,L)]),_:1})]),_:1},8,["text"])],2)]))}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kongponents193.cjs"),T=require("@kong/icons"),C=require("./kongponents24.cjs"),s=require("./kongponents30.cjs");;/* empty css                */const h=require("./kongponents182.cjs"),k={class:"k-copy"},B={key:0,class:"copy-badge-text"},L=["id","aria-label","onClick"],w=e.defineComponent({__name:"KCopy",props:{badgeLabel:{default:""},text:{},textTooltip:{default:""},copyTooltip:{default:""},format:{default:"default"},badge:{type:Boolean},monospace:{type:Boolean},truncate:{type:Boolean},successTooltip:{default:"Copied!"},truncationLimit:{default:8}},setup(t,{expose:m}){const i=e.useId(),l=e.ref(""),r=e.computed(()=>!t.badgeLabel||t.copyTooltip?t.copyTooltip||"Copy":`Copy ${t.badgeLabel.replace(/:$/,"")}`);e.watch(r,a=>{l.value=a},{immediate:!0});const f=e.computed(()=>`copy-tooltip-wrapper ${t.truncate&&c.value||t.badge?"truncate-content":""}`),v=e.computed(()=>t.format==="redacted"?"*****":t.format==="deleted"?`*${String(t.text||"").substring(0,5)}`:t.truncate&&t.truncationLimit&&u.value?u.value.replace(/^"(.*)"$/,"$1"):t.text),b=e.computed(()=>{if(t.textTooltip)return t.textTooltip;if(!(t.format==="redacted"||!c.value))return t.text}),d=a=>{l.value=a||t.successTooltip,setTimeout(()=>{l.value=r.value},1800)},y=async a=>{if(!await a(t.text)){d("Failed to copy");return}d()};m({copy:()=>{document?.getElementById(i)&&document?.getElementById(i)?.click()}});const o=e.ref(),n=e.ref(),u=e.computed(()=>t.truncate&&typeof t.truncationLimit=="number"?`${String(t.text||"").substring(0,t.truncationLimit)+"..."}`:null),c=e.ref(!1),x=()=>{t.truncate&&(t.truncationLimit!=="auto"&&u.value?c.value=!0:t.truncationLimit==="auto"&&o.value&&(c.value=o.value?.offsetWidth<o.value?.scrollWidth))};return e.onMounted(()=>{n.value=g.ResizeObserverHelper.create(x),n.value.observe(o.value)}),e.onBeforeUnmount(()=>{n.value&&n.value.unobserve(o.value)}),(a,$)=>(e.openBlock(),e.createElementBlock("div",k,[t.badge&&t.badgeLabel?(e.openBlock(),e.createElementBlock("span",B,e.toDisplayString(t.badgeLabel),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["copy-container",{"copy-element":t.truncate||t.badge,"badge-styles":t.badge}])},[t.format!=="hidden"?(e.openBlock(),e.createBlock(s.default,{key:0,class:e.normalizeClass([f.value]),"data-testid":"copy-tooltip-wrapper","max-width":"500px",placement:"bottom-start",text:b.value},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"copyTextElement",ref:o,class:e.normalizeClass(["copy-text",{monospace:t.monospace||!t.badge}])},e.toDisplayString(v.value),3)]),_:1},8,["class","text"])):e.createCommentVNode("",!0),e.createVNode(s.default,{class:"text-icon-wrapper","max-width":"500px",placement:"bottom-start",text:l.value},{default:e.withCtx(()=>[e.createVNode(C.default,null,{default:e.withCtx(({copyToClipboard:p})=>[e.createElementVNode("button",{id:e.unref(i),"aria-label":l.value,class:"copy-to-clipboard-button","data-testid":"copy-to-clipboard",type:"button",onClick:e.withModifiers(z=>y(p),["stop"])},[e.createVNode(e.unref(T.CopyIcon),{class:"text-icon",decorative:"",size:`var(--kui-icon-size-30, ${e.unref(h.KUI_ICON_SIZE_30)})`},null,8,["size"])],8,L)]),_:1})]),_:1},8,["text"])],2)]))}});exports.default=w;

package/dist/kongponents168.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as E, useId as z, ref as i, computed as n, watch as S, onMounted as N, onBeforeUnmount as W, openBlock as d, createElementBlock as p, toDisplayString as T, createCommentVNode as g, createElementVNode as s, normalizeClass as m, createBlock as O, withCtx as f, createVNode as b, withModifiers as V, unref as v } from "vue";
-import { ResizeObserverHelper as F } from "./kongponents186.es.js";
+import { ResizeObserverHelper as F } from "./kongponents193.es.js";
 import { CopyIcon as K } from "@kong/icons";
 import M from "./kongponents24.es.js";
 import C from "./kongponents30.es.js";

package/dist/kongponents170.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ee=require("./kongponents38.cjs"),pe=require("./kongponents51.cjs"),rt=require("./kongponents25.cjs");;/* empty css                */const Ce=require("./kongponents30.cjs");;/* empty css                */const P=require("@kong/icons");require("./kongponents7.cjs");require("./kongponents12.cjs");const it=require("./kongponents13.cjs"),i=require("./kongponents19.cjs"),C=require("./kongponents182.cjs"),st=require("./kongponents203.cjs"),ut=require("./kongponents61.cjs"),ct=require("./kongponents49.cjs"),he=require("./kongponents42.cjs"),dt=require("./kongponents217.cjs"),yt=require("./kongponents181.cjs"),ft=require("./kongponents161.cjs"),vt=require("./kongponents196.cjs"),Se=require("./kongponents187.cjs"),bt=require("./kongponents188.cjs"),kt=require("./kongponents46.cjs"),mt=require("./kongponents218.cjs"),gt={key:0,class:"table-toolbar","data-testid":"table-toolbar"},wt={key:0,class:"toolbar-default-items-container"},pt={key:2,class:"table-error-state","data-testid":"table-error-state"},Ct={key:3,class:"table-empty-state","data-testid":"table-empty-state"},ht={key:4,class:"table-container"},St=["data-tableid"],At=["aria-sort","data-key","data-testid","onClick","onMouseover"],Tt=["onMousedown","onMouseover"],Bt=["aria-describedby"],Vt={key:1,class:"table-header-bulk-actions-container"},Et=["onMousedown","onMouseover"],Nt=["role","tabindex"],Kt={key:1,class:"expandable-row-control-container"},Ht=["aria-controls","aria-expanded","onClick"],Rt=["id"],xt=["colspan"],Lt={class:"expandable-content-wrapper"},te="desc",Ot=e.defineComponent({__name:"KTableView",props:{data:{default:()=>[]},headers:{default:()=>[]},resizeColumns:{type:Boolean},tablePreferences:{default:()=>({})},rowHover:{type:Boolean,default:!0},rowAttrs:{default:()=>(()=>({}))},rowLink:{default:()=>(()=>({}))},rowBulkActionEnabled:{default:()=>(()=>!0)},rowKey:{},cellAttrs:{default:()=>(()=>({}))},loading:{type:Boolean},emptyStateTitle:{default:"No Data"},emptyStateMessage:{default:"There is no data to display."},emptyStateActionRoute:{},emptyStateActionMessage:{default:""},emptyStateIconVariant:{default:()=>it.EmptyStateIconVariants.Default},emptyStateButtonAppearance:{default:"primary"},error:{type:Boolean},errorStateTitle:{default:"An error occurred"},errorStateMessage:{default:"Data cannot be displayed due to an error."},errorStateActionRoute:{},errorStateActionMessage:{default:""},maxHeight:{default:"none"},hidePagination:{type:Boolean},paginationAttributes:{default:()=>({})},rowExpandable:{default:()=>(()=>!1)},rowExpanded:{default:()=>(()=>!1)},hideHeaders:{type:Boolean},nested:{type:Boolean},hidePaginationWhenOptional:{type:Boolean},hideToolbar:{type:Boolean},tooltipTarget:{default:"body"},actionsDropdownPopoverAttributes:{default:()=>({})},"onRow:click":{type:Function},"onRow:dblclick":{type:Function},"onRow:auxclick":{type:Function},"onRow:contextmenu":{type:Function},"onRow:mouseover":{type:Function},"onRow:mouseout":{type:Function},"onRow:mouseenter":{type:Function},"onRow:mouseleave":{type:Function},"onRow:mousedown":{type:Function},"onRow:mouseup":{type:Function},"onRow:focus":{type:Function},"onRow:focusin":{type:Function},"onRow:blur":{type:Function},"onRow:focusout":{type:Function},"onRow:keydown":{type:Function},"onRow:keyup":{type:Function},"onRow:keypress":{type:Function},"onCell:click":{type:Function},"onCell:dblclick":{type:Function},"onCell:auxclick":{type:Function},"onCell:contextmenu":{type:Function},"onCell:mouseover":{type:Function},"onCell:mouseout":{type:Function},"onCell:mouseenter":{type:Function},"onCell:mouseleave":{type:Function},"onCell:mousedown":{type:Function},"onCell:mouseup":{type:Function},"onCell:focus":{type:Function},"onCell:focusin":{type:Function},"onCell:blur":{type:Function},"onCell:focusout":{type:Function},"onCell:keydown":{type:Function},"onCell:keyup":{type:Function},"onCell:keypress":{type:Function}},emits:["page-change","page-size-change","get-next-offset","get-previous-offset","cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","row-select","update:row-expanded","row-actions-toggle"],setup(l,{emit:Ae}){e.useCssVars(t=>({v2debc52c:e.unref(ze).expandable,v7e6b967b:Me.value,v43760593:re.value,v4e28b5e7:Re.value}));const ae=e.createPropsRestProxy(l,["resizeColumns","tablePreferences","rowHover","rowAttrs","rowLink","rowBulkActionEnabled","rowKey","cellAttrs","loading","emptyStateTitle","emptyStateMessage","emptyStateActionMessage","emptyStateIconVariant","emptyStateButtonAppearance","emptyStateActionRoute","error","errorStateTitle","errorStateMessage","errorStateActionMessage","errorStateActionRoute","maxHeight","hidePagination","paginationAttributes","rowExpandable","rowExpanded","hideHeaders","nested","hidePaginationWhenOptional","hideToolbar","tooltipTarget","data","headers","actionsDropdownPopoverAttributes"]),f=Ae,p=e.useSlots(),b=e.useId(),m=t=>typeof l.rowKey=="function"&&typeof l.rowKey(t)=="string"?l.rowKey(t):typeof l.rowKey=="string"&&l.rowKey in t&&typeof t[l.rowKey]=="string"?t[l.rowKey]:"",oe=t=>{const o=t.filter(n=>n.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&n.key!==i.TableViewHeaderKeys.ACTIONS),a=t.find(n=>n.key===i.TableViewHeaderKeys.BULK_ACTIONS),r=t.find(n=>n.key===i.TableViewHeaderKeys.ACTIONS);return a&&o.unshift(a),r&&o.push(r),o},le=e.useTemplateRef("table-wrapper"),Te=e.useTemplateRef("table"),ne=e.useTemplateRef("header-row"),h=e.ref(oe(l.headers)),d=e.ref([]),R=e.ref(""),T=e.ref(""),D=e.ref(""),Be=e.computed(()=>h.value.some(t=>t.key===i.TableViewHeaderKeys.ACTIONS)),j=e.computed(()=>h.value.filter(t=>t.hidable).length>0),x=()=>l.nested||!j.value||l.error?!1:p.toolbar?!0:!l.loading&&!!l.data&&!!l.data.length,Ve=e.computed(()=>l.loading||!(l.data&&l.data.length)),Ee=e.computed(()=>h.value.filter(t=>t.hidable&&!U(t.key))),Ne=e.computed(()=>l.nested||!j.value||l.error?{}:l.tablePreferences.columnVisibility||{}),B=e.ref(x()?l.tablePreferences.columnVisibility||{}:{}),re=e.ref("100%"),Z=e.ref(!1),L=e.ref(!1),S=e.ref(!1),V=e.ref(!1),y=e.ref(l.tablePreferences.sortColumnKey||""),v=e.ref(l.tablePreferences.sortColumnOrder||te),G=e.ref(!1),Ke=e.useTemplateRef("actionsDropdown"),J=e.ref(!1),He=e.computed(()=>({maxHeight:bt.normalizeSize(l.maxHeight)})),Re=e.computed(()=>`${vt.getScrollbarSize()}px`),E=e.ref([]),O=e.computed(()=>!l.nested&&!l.error&&h.value.some(t=>t.key===i.TableViewHeaderKeys.BULK_ACTIONS)&&!!(p["bulk-action-items"]||p["bulk-actions"])&&!!l.data.every(t=>m(t))),z=e.ref([]),Y=()=>l.nested||!O.value||l.error?!1:p.toolbar?!0:!l.loading&&!!l.data&&!!l.data.length,xe=()=>!l.hideToolbar&&!l.nested&&(!!p.toolbar||x()||Y()),ie=e.computed(()=>{const t=E.value.length;return t?t>100?"99+":String(t):""}),F=e.ref(new WeakMap),Le=t=>`column-${t}`,N=t=>`tooltip-${t}`,se=(t,o)=>(a,r)=>{const n=/^on[^a-z]/,u={};for(const s in o)n.test(s)&&o[s]&&(u[s]=o[s]);return Object.keys(u).reduce((s,c)=>{if(c.indexOf(t)===0){const k=c.split(t);s[k[1]]=H=>u[c](H,a,r)}return s},{})},Oe=e.computed(()=>(t,o)=>{const a=se("onRow:",ae)(o,"row"),r=se("onCell:",ae)(t,"cell"),n=["a","button","label","input","select",'span[role="checkbox"]'];return(a.click||r.click)&&(G.value=!0),{...a,...r,click(u){const s=u.target,c=s.className;let k=n.includes(s.tagName.toLowerCase()),H=!1;typeof c=="string"||Array.isArray(c)?H=c.includes("k-popover"):typeof c=="object"&&(H=Object.keys(c).includes("k-popover")),s.closest(".popover-content")!==null&&(H=!0);for(let w=0;w<n.length;w++)if(s.closest(n[w])!==null){k=!0;break}if((!k||s.hasAttribute("disabled"))&&!H&&(a.click||r.click))if(r.click){f("cell-click",{data:t});const w=r.click(u,t,"cell");typeof w=="function"&&w(u,t)}else{f("row-click",{data:o});const w=a.click(u,o,"row");typeof w=="function"&&w(u,o)}}}}),ue=parseInt(C.KUI_SPACE_60)*2+parseInt(C.KUI_ICON_SIZE_30),ce={expandable:ue,bulkActions:48,actions:54},ze=mt.default(ce,t=>`${t}px`),A=e.ref({...l.tablePreferences.columnWidths||{},...ce}),de=e.computed(()=>{const t={};for(const o in A.value){const a=o;if(!A.value[a])continue;const r=A.value[a]+"px";t[a]={width:r,maxWidth:r,minWidth:r}}return t}),Ie=(t,o)=>({"resize-hover":ye.value===t.key&&o!==d.value.length-1&&q(t),resizable:l.resizeColumns&&!l.nested,sortable:!t.hideLabel&&!!t.sortable,"active-sort":!t.hideLabel&&!!t.sortable&&t.key===y.value,[v.value]:t.key===y.value&&!t.hideLabel,"is-scrolled":L.value,"has-tooltip":!!t.tooltip,"sticky-column":be(t.key),"second-sticky-column":ke(t.key),"has-row-scroll-overlay":M(t.key),"actions-column":t.key===i.TableViewHeaderKeys.ACTIONS}),$e=t=>{if(t.sortable&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&t.key!==i.TableViewHeaderKeys.ACTIONS){let o="asc",a=t.key;a===y.value&&v.value==="asc"&&(o="desc"),a===y.value&&v.value==="desc"&&(a="",o=te),f("sort",{prevKey:y.value,sortColumnKey:a,sortColumnOrder:o}),Xe(a)}},Pe=e.computed(()=>R.value?"resizing":T.value?"resize-hover":D.value?"th-hover":""),ye=e.computed(()=>{switch(Pe.value){case"resizing":return R.value;case"resize-hover":return T.value;case"th-hover":return D.value;default:return""}}),De=e.computed(()=>ne.value?.querySelectorAll("th.resizable")),Fe=e.computed(()=>l.resizeColumns&&!l.nested),{height:fe}=Se.useElementSize(e.computed(()=>Fe.value?ne.value:null)),Me=e.computed(()=>fe.value?`${fe.value}px`:"auto"),ve=(t,o)=>{if(t.button!==0)return;let a=0,r=0;R.value=o;let n=null;De.value?.forEach(c=>{c.getAttribute("data-testid")===`table-header-${o}`&&(n=document?.querySelector(`[data-tableid="${b}"] [data-testid="table-header-${o}"]`))});const u=c=>{const k=c.clientX-a;n?.setAttribute("style",`width: ${r+k}px`),A.value[o]=r+k},s=()=>{R.value="",document?.removeEventListener("mousemove",u),document?.removeEventListener("mouseup",s),X(),K.value&&_()};if(a=t.clientX,n){const c=window?.getComputedStyle(n);c?.width&&(r=parseInt(c.width,10)),document?.addEventListener("mousemove",u),document?.addEventListener("mouseup",s)}},be=t=>S.value?t===i.TableViewHeaderKeys.BULK_ACTIONS||t===i.TableViewHeaderKeys.EXPANDABLE:!1,ke=t=>t===i.TableViewHeaderKeys.BULK_ACTIONS&&K.value,M=t=>S.value?O.value?t===i.TableViewHeaderKeys.BULK_ACTIONS:K.value?t===i.TableViewHeaderKeys.EXPANDABLE:!1:!1,U=t=>t===i.TableViewHeaderKeys.EXPANDABLE||t===i.TableViewHeaderKeys.BULK_ACTIONS||t===i.TableViewHeaderKeys.ACTIONS,q=(t,o=!1)=>{if(!l.resizeColumns||l.nested)return!1;if(o){if(d.value.indexOf(t)===d.value.length-1)return!1;const r=d.value[d.value.indexOf(t)-1];return!U(r.key)}const a=d.value[d.value.indexOf(t)+1];return!U(t.key)&&!U(a.key)},Ue=(t,o,a)=>{f("row-actions-toggle",{row:t,open:o}),setTimeout(()=>{a.isRowActionsDropdownOpen=o},o?0:100)},qe=e.computed(()=>!(l.hidePagination||l.nested||l.hidePaginationWhenOptional&&l.data.length&&l.paginationAttributes.totalCount&&l.paginationAttributes.totalCount<=l.data.length));e.watch(()=>l.headers,t=>{h.value=oe(t)},{deep:!0,immediate:!0});const We=t=>!t.hideLabel&&!!t.sortable&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&t.key!==i.TableViewHeaderKeys.ACTIONS,Xe=t=>{y.value&&t?t===y.value?v.value==="asc"?v.value="desc":v.value="asc":(y.value=t,v.value="asc"):t?(y.value=t,v.value="asc"):(y.value="",v.value=te),X()},je=t=>{const o=t.target;o&&(typeof o.scrollTop=="number"||typeof o.scrollLeft=="number")&&(o.scrollTop>1?(Z.value=!0,L.value=!0):o.scrollTop===0&&(L.value=!1),o.scrollLeft>1?S.value=!0:o.scrollLeft===0&&(S.value=!1),o.scrollWidth<=o.scrollLeft+o.clientWidth?V.value=!1:V.value=!0),Ke.value?.forEach(a=>{a&&a.closeDropdown&&a.closeDropdown()})},W=t=>z.value.find(o=>o.rowKey===m(t)),Ze=(t,o)=>({"data-testid":l.rowAttrs(t)["data-testid"]?`${l.rowAttrs(t)["data-testid"]}-actions-dropdown-popover`:`row-${o}-actions-dropdown-popover`}),Q=t=>{if(typeof l.rowBulkActionEnabled!="function")return!1;const o=l.rowBulkActionEnabled(t);return typeof o=="boolean"?o:o.enabled},Ge=t=>{if(typeof l.rowBulkActionEnabled!="function")return"";const o=l.rowBulkActionEnabled(t);return typeof o=="boolean"?"":o.disabledTooltip||""},Je=e.computed(()=>d.value.find(t=>t.key!==i.TableViewHeaderKeys.EXPANDABLE&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&t.key!==i.TableViewHeaderKeys.ACTIONS)?.key),Ye=(t,o)=>{const{to:a}=l.rowLink(t);return!a||o===i.TableViewHeaderKeys.BULK_ACTIONS||o===i.TableViewHeaderKeys.ACTIONS?"div":typeof a=="object"?"router-link":"a"},Qe=(t,o)=>{if(o===i.TableViewHeaderKeys.BULK_ACTIONS||o===i.TableViewHeaderKeys.ACTIONS)return{};const{to:a,target:r}=l.rowLink(t),n=a&&typeof a=="object",u=a&&typeof a=="string";return{...n&&{to:a},...u&&{href:a},...(n||u)&&{...r&&{target:r},...o!==Je.value&&{tabindex:-1}}}},me=e.ref(0),I=e.ref(yt.getInitialPageSize(l.tablePreferences,l.paginationAttributes)),_e=t=>{I.value=t.pageSize,f("page-size-change",t),X()},et=e.computed(()=>({sortColumnKey:y.value,sortColumnOrder:v.value,...l.resizeColumns?{columnWidths:A.value}:{},...j.value?{columnVisibility:B.value}:{},...I.value&&!l.hidePagination&&{pageSize:I.value}})),X=()=>{f("update:table-preferences",et.value)},K=e.computed(()=>!l.nested&&l.data.some(t=>l.rowExpandable(t))),tt={key:i.TableViewHeaderKeys.EXPANDABLE,label:"Expandable rows controls",hideLabel:!0},ge=()=>{const t=[];return l.data.forEach((o,a)=>{l.rowExpanded(o)&&t.push(a)}),t},g=e.ref(ge()),at=async(t,o)=>{_(),await e.nextTick(),g.value.includes(t)?(g.value=g.value.filter(a=>a!==t),f("update:row-expanded",{row:o,expanded:!1})):(g.value=[...g.value,t],f("update:row-expanded",{row:o,expanded:!0}))},ot=e.computed(()=>d.value.filter(t=>t.key!==i.TableViewHeaderKeys.EXPANDABLE&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS)),we=e.ref({}),_=()=>{if(typeof document>"u")return;const o=document?.querySelector(`[data-tableid="${b}"]`)?.querySelectorAll("th"),a={};o?.forEach((r,n)=>{const u=r.getAttribute("data-key");if(u===i.TableViewHeaderKeys.EXPANDABLE)return;let s=r.getBoundingClientRect().width;n===1&&(s+=ue),n===o.length-1&&(s-=15),a[u]=s}),we.value=a};e.watch([B,h,K],t=>{const[o,a,r]=t;let n=a.filter(u=>u.key===i.TableViewHeaderKeys.BULK_ACTIONS?O.value:o[u.key]!==!1);n.find(u=>u.key===i.TableViewHeaderKeys.EXPANDABLE)&&(n=n.filter(u=>u.key!==i.TableViewHeaderKeys.EXPANDABLE)),r&&n.unshift(tt),JSON.stringify(n)!==JSON.stringify(d.value)&&(d.value=n,X()),r&&_()},{deep:!0,immediate:!0}),e.watch(()=>x(),t=>{t&&(B.value=l.tablePreferences.columnVisibility||{})},{immediate:!0});const $=e.ref(!1),lt=e.computed(()=>{const t=z.value.filter(o=>!o.disabled&&l.data.find(a=>m(a)===o.rowKey));return!!t.filter(o=>o.selected).length&&!!t.filter(o=>!o.selected).length}),nt=t=>{z.value.forEach(o=>{l.data.find(a=>m(a)===o.rowKey)&&!o.disabled&&(o.selected=t)})};return e.watch([()=>l.data,z],t=>{const[o,a]=t;if(o.forEach(r=>{if(!F.value.get(r)){const n=m(r)||ft.getUniqueStringId();F.value.set(r,`table-${b}-row-${n}`)}}),O.value){o.forEach(s=>{W(s)||z.value.push({rowKey:m(s),selected:!1,disabled:!Q(s)})});const r=a.filter(s=>!s.disabled&&o.find(c=>m(c)===s.rowKey));r.length&&r.filter(s=>s.selected).length===r.length?$.value=!0:(r.filter(s=>!s.selected).length,r.length,$.value=!1);const n=o.filter(s=>{const c=a.find(k=>k.rowKey===m(s));return!!(c&&c.selected)}),u=[];E.value.forEach(s=>{o.find(k=>m(s)===m(k))||u.push(s)}),E.value=[...u,...n]}g.value=ge()},{deep:!0,immediate:!0}),e.watch(E,t=>{f("row-select",t)}),e.watch(()=>l.tablePreferences,t=>{t?.pageSize&&(I.value=t.pageSize,me.value++),y.value=t?.sortColumnKey?t.sortColumnKey:y.value,v.value=t?.sortColumnOrder?t.sortColumnOrder:v.value,A.value=t?.columnWidths?t.columnWidths:A.value,B.value=t?.columnVisibility?t.columnVisibility:B.value}),Se.useResizeObserver([le,Te],()=>{const t=le.value;t&&(V.value=t.scrollWidth>t.clientWidth,re.value=t.clientHeight+"px",Z.value=t.scrollHeight>t.clientHeight)}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-table-view",{"hide-headers":l.hideHeaders}])},[xe()?(e.openBlock(),e.createElementBlock("div",gt,[e.renderSlot(t.$slots,"toolbar",{},void 0,!0),Y()||x()?(e.openBlock(),e.createElementBlock("div",wt,[Y()?e.renderSlot(t.$slots,"bulk-actions",{selectedRows:E.value},()=>[p["bulk-actions"]?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(dt.default,{key:0,"button-label":h.value.find(a=>a.key===e.unref(i.TableViewHeaderKeys).BULK_ACTIONS).label,count:ie.value,disabled:!ie.value||l.loading||!l.data.length},{items:e.withCtx(()=>[e.renderSlot(t.$slots,"bulk-action-items",{selectedRows:E.value},void 0,!0)]),_:3},8,["button-label","count","disabled"]))],!0,0):e.createCommentVNode("",!0),x()?(e.openBlock(),e.createBlock(st.default,{key:1,columns:Ee.value,disabled:Ve.value,"table-id":e.unref(b),"visibility-preferences":Ne.value,onUpdate:o[0]||(o[0]=a=>B.value=a)},null,8,["columns","disabled","table-id","visibility-preferences"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),l.loading&&!l.error?(e.openBlock(),e.createBlock(rt.default,{key:1,"data-testid":"table-skeleton",type:"table"})):l.error?(e.openBlock(),e.createElementBlock("div",pt,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode(pe.default,{"icon-variant":"error",message:l.errorStateMessage,title:l.errorStateTitle},e.createSlots({_:2},[l.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(ee.default,{"data-testid":"error-state-action",to:l.errorStateActionRoute,onClick:o[1]||(o[1]=a=>f("error-action-click"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.errorStateActionMessage),1)]),_:1},8,["to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):!l.error&&!l.loading&&l.data&&!l.data.length?(e.openBlock(),e.createElementBlock("div",Ct,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode(pe.default,{"icon-variant":l.emptyStateIconVariant,message:l.emptyStateMessage,title:l.emptyStateTitle},e.createSlots({_:2},[l.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(ee.default,{appearance:l.emptyStateButtonAppearance,"data-testid":"empty-state-action",to:l.emptyStateActionRoute,onClick:o[2]||(o[2]=a=>f("empty-state-action-click"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"empty-state-action-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(l.emptyStateActionMessage),1)]),_:3},8,["appearance","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(e.openBlock(),e.createElementBlock("div",ht,[e.createElementVNode("div",{ref:"table-wrapper",class:"table-wrapper",style:e.normalizeStyle(He.value),onScrollPassive:je},[e.createElementVNode("table",{ref:"table",class:e.normalizeClass(["table",{"has-hover":l.rowHover&&!J.value,"is-clickable":G.value}]),"data-tableid":e.unref(b)},[l.hideHeaders?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("thead",{key:0,class:e.normalizeClass({"is-scrolled":L.value})},[e.createElementVNode("tr",{ref:"header-row",class:e.normalizeClass({"is-scrolled":L.value})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(a,r)=>(e.openBlock(),e.createElementBlock("th",{key:`table-${e.unref(b)}-headers-${a.key}`,"aria-sort":a.key===y.value?v.value==="asc"?"ascending":"descending":void 0,class:e.normalizeClass(["table-headers",Ie(a,r)]),"data-key":a.key,"data-testid":`table-header-${a.key}`,style:e.normalizeStyle(de.value[a.key]),onClick:()=>$e(a),onMouseleave:o[8]||(o[8]=n=>D.value=""),onMouseover:n=>D.value=a.key},[r!==0&&q(a,!0)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:o[3]||(o[3]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>ve(n,d.value[r-1].key),onMouseleave:o[4]||(o[4]=n=>T.value=""),onMouseover:n=>T.value=d.value[r-1].key},null,40,Tt)):e.createCommentVNode("",!0),e.createElementVNode("div",{"aria-describedby":a.tooltip||p[N(a.key)]?`${N(a.key)}-${e.unref(b)}`:void 0,class:e.normalizeClass(["table-headers-container",{resized:R.value===a.key}])},[a.key!==e.unref(i.TableViewHeaderKeys).BULK_ACTIONS?e.renderSlot(t.$slots,Le(a.key),{column:a},()=>[e.createElementVNode("span",{class:e.normalizeClass(["table-header-label",{"sr-only":a.hideLabel||a.key===e.unref(i.TableViewHeaderKeys).ACTIONS&&a.hideLabel!==!1}])},e.toDisplayString(a.label?a.label:a.key),3)],!0,0):(e.openBlock(),e.createElementBlock("div",Vt,[e.createVNode(he.default,{modelValue:$.value,"onUpdate:modelValue":o[5]||(o[5]=n=>$.value=n),"aria-label":"Toggle selection for all rows",class:"table-header-bulk-actions-checkbox","data-testid":"table-header-bulk-actions-checkbox",indeterminate:lt.value,onChange:nt},null,8,["modelValue","indeterminate"])])),a.tooltip||p[N(a.key)]?(e.openBlock(),e.createBlock(Ce.default,{key:2,"data-testid":N(a.key),"kpop-attributes":{target:l.tooltipTarget},"max-width":"300","tooltip-id":`${N(a.key)}-${e.unref(b)}`},{content:e.withCtx(()=>[e.renderSlot(t.$slots,N(a.key),{column:a},()=>[e.createTextVNode(e.toDisplayString(a.tooltip),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(P.InfoIcon),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${e.unref(C.KUI_COLOR_TEXT_NEUTRAL)})`,size:`var(--kui-icon-size-30, ${e.unref(C.KUI_ICON_SIZE_30)})`,tabindex:"0"},null,8,["color","size"])]),_:2},1032,["data-testid","kpop-attributes","tooltip-id"])):e.createCommentVNode("",!0),We(a)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[y.value===a.key?(e.openBlock(),e.createBlock(e.unref(P.ArrowDownIcon),{key:0,class:"active-sort-icon",color:`var(--kui-color-text-primary, ${e.unref(C.KUI_COLOR_TEXT_PRIMARY)})`,decorative:"",size:`var(--kui-icon-size-30, ${e.unref(C.KUI_ICON_SIZE_30)})`},null,8,["color","size"])):(e.openBlock(),e.createBlock(e.unref(P.SwapSortIcon),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral-weak, ${e.unref(C.KUI_COLOR_TEXT_NEUTRAL_WEAK)})`,size:`var(--kui-icon-size-30, ${e.unref(C.KUI_ICON_SIZE_30)})`,title:`Sort by ${a.label}`},null,8,["color","size","title"]))],64)):e.createCommentVNode("",!0)],10,Bt),r!==d.value.length-1&&q(a)?(e.openBlock(),e.createElementBlock("div",{key:1,class:"resize-handle",onClick:o[6]||(o[6]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>ve(n,a.key),onMouseleave:o[7]||(o[7]=n=>T.value=""),onMouseover:n=>T.value=a.key},null,40,Et)):e.createCommentVNode("",!0),M(a.key)?(e.openBlock(),e.createElementBlock("div",{key:2,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay row-overlay left",{"overlay-visible":S.value}])},null,2)):e.createCommentVNode("",!0),a.key===e.unref(i.TableViewHeaderKeys).ACTIONS?(e.openBlock(),e.createElementBlock("div",{key:3,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay row-overlay right",{"overlay-visible":V.value}])},null,2)):e.createCommentVNode("",!0)],46,At))),128))],2)],2)),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.data,(a,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:F.value.get(a)},[e.createElementVNode("tr",e.mergeProps({class:{"last-row":r===l.data.length-1&&!g.value.includes(r)},role:l.rowLink(a).to?"link":void 0,tabindex:G.value&&!l.rowLink(a).to?0:void 0},{ref_for:!0},l.rowAttrs(a)),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(n,u)=>(e.openBlock(),e.createBlock(e.unref(kt.default),{key:`${F.value.get(a)}-cell-${n.key}`,data:{isRowActionsDropdownOpen:!1}},{default:e.withCtx(({data:s})=>[e.createElementVNode("td",e.mergeProps({class:{"resize-hover":ye.value===n.key&&u!==d.value.length-1&&q(n),"row-link":!!l.rowLink(a).to,"sticky-column":be(n.key),"second-sticky-column":ke(n.key),"has-row-scroll-overlay":M(n.key),"actions-column":n.key===e.unref(i.TableViewHeaderKeys).ACTIONS},style:{...de.value[n.key],...s.isRowActionsDropdownOpen?{zIndex:2}:{}}},{ref_for:!0},l.cellAttrs({headerKey:n.key,row:a,rowIndex:r,colIndex:u}),e.toHandlers(Oe.value(a[n.key],a),!0)),[n.key!==e.unref(i.TableViewHeaderKeys).EXPANDABLE?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Ye(a,n.key)),e.mergeProps({key:0,class:"cell-wrapper"},{ref_for:!0},Qe(a,n.key)),{default:e.withCtx(()=>[n.key!==e.unref(i.TableViewHeaderKeys).BULK_ACTIONS&&n.key!==e.unref(i.TableViewHeaderKeys).ACTIONS?e.renderSlot(t.$slots,n.key,{row:a,rowKey:r,rowValue:a[n.key]},()=>[e.createTextVNode(e.toDisplayString(a[n.key]),1)],!0,0):n.key===e.unref(i.TableViewHeaderKeys).BULK_ACTIONS&&W(a)?(e.openBlock(),e.createBlock(Ce.default,{key:1,"kpop-attributes":{target:l.tooltipTarget},"max-width":"200",placement:"bottom-start",text:Q(a)?void 0:Ge(a)},{default:e.withCtx(()=>[e.createVNode(he.default,{modelValue:W(a).selected,"onUpdate:modelValue":c=>W(a).selected=c,"aria-label":"Toggle row selection",class:"bulk-actions-checkbox","data-testid":"bulk-actions-checkbox",disabled:!Q(a)},null,8,["modelValue","onUpdate:modelValue","disabled"])]),_:2},1032,["kpop-attributes","text"])):n.key===e.unref(i.TableViewHeaderKeys).ACTIONS?(e.openBlock(),e.createBlock(ct.default,{key:2,ref_for:!0,ref:"actionsDropdown",class:"actions-dropdown","data-testid":"actions-dropdown","kpop-attributes":{...l.actionsDropdownPopoverAttributes,placement:"bottom-end",target:"body",popoverElementAttributes:Ze(a,r)},onToggleDropdown:c=>Ue(a,c,s)},{items:e.withCtx(()=>[e.renderSlot(t.$slots,"action-items",{row:a},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(ee.default,{appearance:"tertiary","aria-label":n.label,class:"actions-dropdown-trigger","data-testid":"row-actions-dropdown-trigger",icon:"",size:"small",onMouseleave:o[9]||(o[9]=c=>J.value=!1),onMouseover:o[10]||(o[10]=c=>J.value=!0)},{default:e.withCtx(()=>[e.createVNode(e.unref(P.MoreIcon),{class:"more-icon",decorative:""})]),_:1},8,["aria-label"])]),_:2},1032,["kpop-attributes","onToggleDropdown"])):e.createCommentVNode("",!0)]),_:2},1040)):l.rowExpandable(a)?(e.openBlock(),e.createElementBlock("div",Kt,[e.createElementVNode("button",{"aria-controls":`table-${e.unref(b)}-row-${r}-expandable-content`,"aria-expanded":g.value.includes(r),"aria-label":"Toggle row expandable content",class:e.normalizeClass(["expandable-row-control",{expanded:g.value.includes(r)}]),"data-testid":"expandable-row-control",type:"button",onClick:c=>at(r,a)},[e.createVNode(e.unref(P.ChevronRightIcon),{class:"expandable-row-control-icon",decorative:""})],10,Ht)])):e.createCommentVNode("",!0),M(n.key)?(e.openBlock(),e.createElementBlock("div",{key:2,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay row-overlay left",{"overlay-visible":S.value}])},null,2)):e.createCommentVNode("",!0),n.key===e.unref(i.TableViewHeaderKeys).ACTIONS?(e.openBlock(),e.createElementBlock("div",{key:3,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay row-overlay right",{"overlay-visible":V.value}])},null,2)):e.createCommentVNode("",!0)],16)]),_:2},1024))),128))],16,Nt),K.value&&l.rowExpandable(a)?e.withDirectives((e.openBlock(),e.createElementBlock("tr",{key:0,id:`table-${e.unref(b)}-row-${r}-expandable-content`,class:"expandable-content-row","data-testid":"expandable-content-row"},[e.createElementVNode("td",{colspan:d.value.length},[e.createElementVNode("div",Lt,[e.renderSlot(t.$slots,"row-expanded",{columnWidths:we.value,nestedHeaders:ot.value,row:a},void 0,!0)])],8,xt)],8,Rt)),[[e.vShow,g.value.includes(r)]]):e.createCommentVNode("",!0)],64))),128))])],10,St)],36),!O.value&&!K.value?(e.openBlock(),e.createElementBlock("div",{key:0,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay table-overlay left",{"overlay-visible":S.value}])},null,2)):e.createCommentVNode("",!0),Be.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay table-overlay right",{"overlay-visible":V.value,"scrollbar-offset":Z.value}])},null,2)),qe.value?(e.openBlock(),e.createBlock(ut.default,e.mergeProps({key:`table-${e.unref(b)}-pagination-${me.value}`,class:"table-pagination","data-testid":"table-pagination","initial-page-size":I.value},l.paginationAttributes,{onGetNextOffset:o[11]||(o[11]=a=>f("get-next-offset")),onGetPreviousOffset:o[12]||(o[12]=a=>f("get-previous-offset")),onPageChange:o[13]||(o[13]=a=>f("page-change",a)),onPageSizeChange:_e}),null,16,["initial-page-size"])):e.createCommentVNode("",!0)]))],2))}});exports.default=Ot;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ee=require("./kongponents38.cjs"),pe=require("./kongponents51.cjs"),rt=require("./kongponents25.cjs");;/* empty css                */const Ce=require("./kongponents30.cjs");;/* empty css                */const P=require("@kong/icons");require("./kongponents7.cjs");require("./kongponents12.cjs");const it=require("./kongponents13.cjs"),i=require("./kongponents19.cjs"),C=require("./kongponents182.cjs"),st=require("./kongponents187.cjs"),ut=require("./kongponents61.cjs"),ct=require("./kongponents49.cjs"),he=require("./kongponents42.cjs"),dt=require("./kongponents188.cjs"),yt=require("./kongponents181.cjs"),ft=require("./kongponents161.cjs"),vt=require("./kongponents189.cjs"),Se=require("./kongponents190.cjs"),bt=require("./kongponents191.cjs"),kt=require("./kongponents46.cjs"),mt=require("./kongponents192.cjs"),gt={key:0,class:"table-toolbar","data-testid":"table-toolbar"},wt={key:0,class:"toolbar-default-items-container"},pt={key:2,class:"table-error-state","data-testid":"table-error-state"},Ct={key:3,class:"table-empty-state","data-testid":"table-empty-state"},ht={key:4,class:"table-container"},St=["data-tableid"],At=["aria-sort","data-key","data-testid","onClick","onMouseover"],Tt=["onMousedown","onMouseover"],Bt=["aria-describedby"],Vt={key:1,class:"table-header-bulk-actions-container"},Et=["onMousedown","onMouseover"],Nt=["role","tabindex"],Kt={key:1,class:"expandable-row-control-container"},Ht=["aria-controls","aria-expanded","onClick"],Rt=["id"],xt=["colspan"],Lt={class:"expandable-content-wrapper"},te="desc",Ot=e.defineComponent({__name:"KTableView",props:{data:{default:()=>[]},headers:{default:()=>[]},resizeColumns:{type:Boolean},tablePreferences:{default:()=>({})},rowHover:{type:Boolean,default:!0},rowAttrs:{default:()=>(()=>({}))},rowLink:{default:()=>(()=>({}))},rowBulkActionEnabled:{default:()=>(()=>!0)},rowKey:{},cellAttrs:{default:()=>(()=>({}))},loading:{type:Boolean},emptyStateTitle:{default:"No Data"},emptyStateMessage:{default:"There is no data to display."},emptyStateActionRoute:{},emptyStateActionMessage:{default:""},emptyStateIconVariant:{default:()=>it.EmptyStateIconVariants.Default},emptyStateButtonAppearance:{default:"primary"},error:{type:Boolean},errorStateTitle:{default:"An error occurred"},errorStateMessage:{default:"Data cannot be displayed due to an error."},errorStateActionRoute:{},errorStateActionMessage:{default:""},maxHeight:{default:"none"},hidePagination:{type:Boolean},paginationAttributes:{default:()=>({})},rowExpandable:{default:()=>(()=>!1)},rowExpanded:{default:()=>(()=>!1)},hideHeaders:{type:Boolean},nested:{type:Boolean},hidePaginationWhenOptional:{type:Boolean},hideToolbar:{type:Boolean},tooltipTarget:{default:"body"},actionsDropdownPopoverAttributes:{default:()=>({})},"onRow:click":{type:Function},"onRow:dblclick":{type:Function},"onRow:auxclick":{type:Function},"onRow:contextmenu":{type:Function},"onRow:mouseover":{type:Function},"onRow:mouseout":{type:Function},"onRow:mouseenter":{type:Function},"onRow:mouseleave":{type:Function},"onRow:mousedown":{type:Function},"onRow:mouseup":{type:Function},"onRow:focus":{type:Function},"onRow:focusin":{type:Function},"onRow:blur":{type:Function},"onRow:focusout":{type:Function},"onRow:keydown":{type:Function},"onRow:keyup":{type:Function},"onRow:keypress":{type:Function},"onCell:click":{type:Function},"onCell:dblclick":{type:Function},"onCell:auxclick":{type:Function},"onCell:contextmenu":{type:Function},"onCell:mouseover":{type:Function},"onCell:mouseout":{type:Function},"onCell:mouseenter":{type:Function},"onCell:mouseleave":{type:Function},"onCell:mousedown":{type:Function},"onCell:mouseup":{type:Function},"onCell:focus":{type:Function},"onCell:focusin":{type:Function},"onCell:blur":{type:Function},"onCell:focusout":{type:Function},"onCell:keydown":{type:Function},"onCell:keyup":{type:Function},"onCell:keypress":{type:Function}},emits:["page-change","page-size-change","get-next-offset","get-previous-offset","cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","row-select","update:row-expanded","row-actions-toggle"],setup(l,{emit:Ae}){e.useCssVars(t=>({v2debc52c:e.unref(ze).expandable,v7e6b967b:Me.value,v43760593:re.value,v4e28b5e7:Re.value}));const ae=e.createPropsRestProxy(l,["resizeColumns","tablePreferences","rowHover","rowAttrs","rowLink","rowBulkActionEnabled","rowKey","cellAttrs","loading","emptyStateTitle","emptyStateMessage","emptyStateActionMessage","emptyStateIconVariant","emptyStateButtonAppearance","emptyStateActionRoute","error","errorStateTitle","errorStateMessage","errorStateActionMessage","errorStateActionRoute","maxHeight","hidePagination","paginationAttributes","rowExpandable","rowExpanded","hideHeaders","nested","hidePaginationWhenOptional","hideToolbar","tooltipTarget","data","headers","actionsDropdownPopoverAttributes"]),f=Ae,p=e.useSlots(),b=e.useId(),m=t=>typeof l.rowKey=="function"&&typeof l.rowKey(t)=="string"?l.rowKey(t):typeof l.rowKey=="string"&&l.rowKey in t&&typeof t[l.rowKey]=="string"?t[l.rowKey]:"",oe=t=>{const o=t.filter(n=>n.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&n.key!==i.TableViewHeaderKeys.ACTIONS),a=t.find(n=>n.key===i.TableViewHeaderKeys.BULK_ACTIONS),r=t.find(n=>n.key===i.TableViewHeaderKeys.ACTIONS);return a&&o.unshift(a),r&&o.push(r),o},le=e.useTemplateRef("table-wrapper"),Te=e.useTemplateRef("table"),ne=e.useTemplateRef("header-row"),h=e.ref(oe(l.headers)),d=e.ref([]),R=e.ref(""),T=e.ref(""),D=e.ref(""),Be=e.computed(()=>h.value.some(t=>t.key===i.TableViewHeaderKeys.ACTIONS)),j=e.computed(()=>h.value.filter(t=>t.hidable).length>0),x=()=>l.nested||!j.value||l.error?!1:p.toolbar?!0:!l.loading&&!!l.data&&!!l.data.length,Ve=e.computed(()=>l.loading||!(l.data&&l.data.length)),Ee=e.computed(()=>h.value.filter(t=>t.hidable&&!U(t.key))),Ne=e.computed(()=>l.nested||!j.value||l.error?{}:l.tablePreferences.columnVisibility||{}),B=e.ref(x()?l.tablePreferences.columnVisibility||{}:{}),re=e.ref("100%"),Z=e.ref(!1),L=e.ref(!1),S=e.ref(!1),V=e.ref(!1),y=e.ref(l.tablePreferences.sortColumnKey||""),v=e.ref(l.tablePreferences.sortColumnOrder||te),G=e.ref(!1),Ke=e.useTemplateRef("actionsDropdown"),J=e.ref(!1),He=e.computed(()=>({maxHeight:bt.normalizeSize(l.maxHeight)})),Re=e.computed(()=>`${vt.getScrollbarSize()}px`),E=e.ref([]),O=e.computed(()=>!l.nested&&!l.error&&h.value.some(t=>t.key===i.TableViewHeaderKeys.BULK_ACTIONS)&&!!(p["bulk-action-items"]||p["bulk-actions"])&&!!l.data.every(t=>m(t))),z=e.ref([]),Y=()=>l.nested||!O.value||l.error?!1:p.toolbar?!0:!l.loading&&!!l.data&&!!l.data.length,xe=()=>!l.hideToolbar&&!l.nested&&(!!p.toolbar||x()||Y()),ie=e.computed(()=>{const t=E.value.length;return t?t>100?"99+":String(t):""}),F=e.ref(new WeakMap),Le=t=>`column-${t}`,N=t=>`tooltip-${t}`,se=(t,o)=>(a,r)=>{const n=/^on[^a-z]/,u={};for(const s in o)n.test(s)&&o[s]&&(u[s]=o[s]);return Object.keys(u).reduce((s,c)=>{if(c.indexOf(t)===0){const k=c.split(t);s[k[1]]=H=>u[c](H,a,r)}return s},{})},Oe=e.computed(()=>(t,o)=>{const a=se("onRow:",ae)(o,"row"),r=se("onCell:",ae)(t,"cell"),n=["a","button","label","input","select",'span[role="checkbox"]'];return(a.click||r.click)&&(G.value=!0),{...a,...r,click(u){const s=u.target,c=s.className;let k=n.includes(s.tagName.toLowerCase()),H=!1;typeof c=="string"||Array.isArray(c)?H=c.includes("k-popover"):typeof c=="object"&&(H=Object.keys(c).includes("k-popover")),s.closest(".popover-content")!==null&&(H=!0);for(let w=0;w<n.length;w++)if(s.closest(n[w])!==null){k=!0;break}if((!k||s.hasAttribute("disabled"))&&!H&&(a.click||r.click))if(r.click){f("cell-click",{data:t});const w=r.click(u,t,"cell");typeof w=="function"&&w(u,t)}else{f("row-click",{data:o});const w=a.click(u,o,"row");typeof w=="function"&&w(u,o)}}}}),ue=parseInt(C.KUI_SPACE_60)*2+parseInt(C.KUI_ICON_SIZE_30),ce={expandable:ue,bulkActions:48,actions:54},ze=mt.default(ce,t=>`${t}px`),A=e.ref({...l.tablePreferences.columnWidths||{},...ce}),de=e.computed(()=>{const t={};for(const o in A.value){const a=o;if(!A.value[a])continue;const r=A.value[a]+"px";t[a]={width:r,maxWidth:r,minWidth:r}}return t}),Ie=(t,o)=>({"resize-hover":ye.value===t.key&&o!==d.value.length-1&&q(t),resizable:l.resizeColumns&&!l.nested,sortable:!t.hideLabel&&!!t.sortable,"active-sort":!t.hideLabel&&!!t.sortable&&t.key===y.value,[v.value]:t.key===y.value&&!t.hideLabel,"is-scrolled":L.value,"has-tooltip":!!t.tooltip,"sticky-column":be(t.key),"second-sticky-column":ke(t.key),"has-row-scroll-overlay":M(t.key),"actions-column":t.key===i.TableViewHeaderKeys.ACTIONS}),$e=t=>{if(t.sortable&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&t.key!==i.TableViewHeaderKeys.ACTIONS){let o="asc",a=t.key;a===y.value&&v.value==="asc"&&(o="desc"),a===y.value&&v.value==="desc"&&(a="",o=te),f("sort",{prevKey:y.value,sortColumnKey:a,sortColumnOrder:o}),Xe(a)}},Pe=e.computed(()=>R.value?"resizing":T.value?"resize-hover":D.value?"th-hover":""),ye=e.computed(()=>{switch(Pe.value){case"resizing":return R.value;case"resize-hover":return T.value;case"th-hover":return D.value;default:return""}}),De=e.computed(()=>ne.value?.querySelectorAll("th.resizable")),Fe=e.computed(()=>l.resizeColumns&&!l.nested),{height:fe}=Se.useElementSize(e.computed(()=>Fe.value?ne.value:null)),Me=e.computed(()=>fe.value?`${fe.value}px`:"auto"),ve=(t,o)=>{if(t.button!==0)return;let a=0,r=0;R.value=o;let n=null;De.value?.forEach(c=>{c.getAttribute("data-testid")===`table-header-${o}`&&(n=document?.querySelector(`[data-tableid="${b}"] [data-testid="table-header-${o}"]`))});const u=c=>{const k=c.clientX-a;n?.setAttribute("style",`width: ${r+k}px`),A.value[o]=r+k},s=()=>{R.value="",document?.removeEventListener("mousemove",u),document?.removeEventListener("mouseup",s),X(),K.value&&_()};if(a=t.clientX,n){const c=window?.getComputedStyle(n);c?.width&&(r=parseInt(c.width,10)),document?.addEventListener("mousemove",u),document?.addEventListener("mouseup",s)}},be=t=>S.value?t===i.TableViewHeaderKeys.BULK_ACTIONS||t===i.TableViewHeaderKeys.EXPANDABLE:!1,ke=t=>t===i.TableViewHeaderKeys.BULK_ACTIONS&&K.value,M=t=>S.value?O.value?t===i.TableViewHeaderKeys.BULK_ACTIONS:K.value?t===i.TableViewHeaderKeys.EXPANDABLE:!1:!1,U=t=>t===i.TableViewHeaderKeys.EXPANDABLE||t===i.TableViewHeaderKeys.BULK_ACTIONS||t===i.TableViewHeaderKeys.ACTIONS,q=(t,o=!1)=>{if(!l.resizeColumns||l.nested)return!1;if(o){if(d.value.indexOf(t)===d.value.length-1)return!1;const r=d.value[d.value.indexOf(t)-1];return!U(r.key)}const a=d.value[d.value.indexOf(t)+1];return!U(t.key)&&!U(a.key)},Ue=(t,o,a)=>{f("row-actions-toggle",{row:t,open:o}),setTimeout(()=>{a.isRowActionsDropdownOpen=o},o?0:100)},qe=e.computed(()=>!(l.hidePagination||l.nested||l.hidePaginationWhenOptional&&l.data.length&&l.paginationAttributes.totalCount&&l.paginationAttributes.totalCount<=l.data.length));e.watch(()=>l.headers,t=>{h.value=oe(t)},{deep:!0,immediate:!0});const We=t=>!t.hideLabel&&!!t.sortable&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&t.key!==i.TableViewHeaderKeys.ACTIONS,Xe=t=>{y.value&&t?t===y.value?v.value==="asc"?v.value="desc":v.value="asc":(y.value=t,v.value="asc"):t?(y.value=t,v.value="asc"):(y.value="",v.value=te),X()},je=t=>{const o=t.target;o&&(typeof o.scrollTop=="number"||typeof o.scrollLeft=="number")&&(o.scrollTop>1?(Z.value=!0,L.value=!0):o.scrollTop===0&&(L.value=!1),o.scrollLeft>1?S.value=!0:o.scrollLeft===0&&(S.value=!1),o.scrollWidth<=o.scrollLeft+o.clientWidth?V.value=!1:V.value=!0),Ke.value?.forEach(a=>{a&&a.closeDropdown&&a.closeDropdown()})},W=t=>z.value.find(o=>o.rowKey===m(t)),Ze=(t,o)=>({"data-testid":l.rowAttrs(t)["data-testid"]?`${l.rowAttrs(t)["data-testid"]}-actions-dropdown-popover`:`row-${o}-actions-dropdown-popover`}),Q=t=>{if(typeof l.rowBulkActionEnabled!="function")return!1;const o=l.rowBulkActionEnabled(t);return typeof o=="boolean"?o:o.enabled},Ge=t=>{if(typeof l.rowBulkActionEnabled!="function")return"";const o=l.rowBulkActionEnabled(t);return typeof o=="boolean"?"":o.disabledTooltip||""},Je=e.computed(()=>d.value.find(t=>t.key!==i.TableViewHeaderKeys.EXPANDABLE&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&t.key!==i.TableViewHeaderKeys.ACTIONS)?.key),Ye=(t,o)=>{const{to:a}=l.rowLink(t);return!a||o===i.TableViewHeaderKeys.BULK_ACTIONS||o===i.TableViewHeaderKeys.ACTIONS?"div":typeof a=="object"?"router-link":"a"},Qe=(t,o)=>{if(o===i.TableViewHeaderKeys.BULK_ACTIONS||o===i.TableViewHeaderKeys.ACTIONS)return{};const{to:a,target:r}=l.rowLink(t),n=a&&typeof a=="object",u=a&&typeof a=="string";return{...n&&{to:a},...u&&{href:a},...(n||u)&&{...r&&{target:r},...o!==Je.value&&{tabindex:-1}}}},me=e.ref(0),I=e.ref(yt.getInitialPageSize(l.tablePreferences,l.paginationAttributes)),_e=t=>{I.value=t.pageSize,f("page-size-change",t),X()},et=e.computed(()=>({sortColumnKey:y.value,sortColumnOrder:v.value,...l.resizeColumns?{columnWidths:A.value}:{},...j.value?{columnVisibility:B.value}:{},...I.value&&!l.hidePagination&&{pageSize:I.value}})),X=()=>{f("update:table-preferences",et.value)},K=e.computed(()=>!l.nested&&l.data.some(t=>l.rowExpandable(t))),tt={key:i.TableViewHeaderKeys.EXPANDABLE,label:"Expandable rows controls",hideLabel:!0},ge=()=>{const t=[];return l.data.forEach((o,a)=>{l.rowExpanded(o)&&t.push(a)}),t},g=e.ref(ge()),at=async(t,o)=>{_(),await e.nextTick(),g.value.includes(t)?(g.value=g.value.filter(a=>a!==t),f("update:row-expanded",{row:o,expanded:!1})):(g.value=[...g.value,t],f("update:row-expanded",{row:o,expanded:!0}))},ot=e.computed(()=>d.value.filter(t=>t.key!==i.TableViewHeaderKeys.EXPANDABLE&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS)),we=e.ref({}),_=()=>{if(typeof document>"u")return;const o=document?.querySelector(`[data-tableid="${b}"]`)?.querySelectorAll("th"),a={};o?.forEach((r,n)=>{const u=r.getAttribute("data-key");if(u===i.TableViewHeaderKeys.EXPANDABLE)return;let s=r.getBoundingClientRect().width;n===1&&(s+=ue),n===o.length-1&&(s-=15),a[u]=s}),we.value=a};e.watch([B,h,K],t=>{const[o,a,r]=t;let n=a.filter(u=>u.key===i.TableViewHeaderKeys.BULK_ACTIONS?O.value:o[u.key]!==!1);n.find(u=>u.key===i.TableViewHeaderKeys.EXPANDABLE)&&(n=n.filter(u=>u.key!==i.TableViewHeaderKeys.EXPANDABLE)),r&&n.unshift(tt),JSON.stringify(n)!==JSON.stringify(d.value)&&(d.value=n,X()),r&&_()},{deep:!0,immediate:!0}),e.watch(()=>x(),t=>{t&&(B.value=l.tablePreferences.columnVisibility||{})},{immediate:!0});const $=e.ref(!1),lt=e.computed(()=>{const t=z.value.filter(o=>!o.disabled&&l.data.find(a=>m(a)===o.rowKey));return!!t.filter(o=>o.selected).length&&!!t.filter(o=>!o.selected).length}),nt=t=>{z.value.forEach(o=>{l.data.find(a=>m(a)===o.rowKey)&&!o.disabled&&(o.selected=t)})};return e.watch([()=>l.data,z],t=>{const[o,a]=t;if(o.forEach(r=>{if(!F.value.get(r)){const n=m(r)||ft.getUniqueStringId();F.value.set(r,`table-${b}-row-${n}`)}}),O.value){o.forEach(s=>{W(s)||z.value.push({rowKey:m(s),selected:!1,disabled:!Q(s)})});const r=a.filter(s=>!s.disabled&&o.find(c=>m(c)===s.rowKey));r.length&&r.filter(s=>s.selected).length===r.length?$.value=!0:(r.filter(s=>!s.selected).length,r.length,$.value=!1);const n=o.filter(s=>{const c=a.find(k=>k.rowKey===m(s));return!!(c&&c.selected)}),u=[];E.value.forEach(s=>{o.find(k=>m(s)===m(k))||u.push(s)}),E.value=[...u,...n]}g.value=ge()},{deep:!0,immediate:!0}),e.watch(E,t=>{f("row-select",t)}),e.watch(()=>l.tablePreferences,t=>{t?.pageSize&&(I.value=t.pageSize,me.value++),y.value=t?.sortColumnKey?t.sortColumnKey:y.value,v.value=t?.sortColumnOrder?t.sortColumnOrder:v.value,A.value=t?.columnWidths?t.columnWidths:A.value,B.value=t?.columnVisibility?t.columnVisibility:B.value}),Se.useResizeObserver([le,Te],()=>{const t=le.value;t&&(V.value=t.scrollWidth>t.clientWidth,re.value=t.clientHeight+"px",Z.value=t.scrollHeight>t.clientHeight)}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-table-view",{"hide-headers":l.hideHeaders}])},[xe()?(e.openBlock(),e.createElementBlock("div",gt,[e.renderSlot(t.$slots,"toolbar",{},void 0,!0),Y()||x()?(e.openBlock(),e.createElementBlock("div",wt,[Y()?e.renderSlot(t.$slots,"bulk-actions",{selectedRows:E.value},()=>[p["bulk-actions"]?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(dt.default,{key:0,"button-label":h.value.find(a=>a.key===e.unref(i.TableViewHeaderKeys).BULK_ACTIONS).label,count:ie.value,disabled:!ie.value||l.loading||!l.data.length},{items:e.withCtx(()=>[e.renderSlot(t.$slots,"bulk-action-items",{selectedRows:E.value},void 0,!0)]),_:3},8,["button-label","count","disabled"]))],!0,0):e.createCommentVNode("",!0),x()?(e.openBlock(),e.createBlock(st.default,{key:1,columns:Ee.value,disabled:Ve.value,"table-id":e.unref(b),"visibility-preferences":Ne.value,onUpdate:o[0]||(o[0]=a=>B.value=a)},null,8,["columns","disabled","table-id","visibility-preferences"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),l.loading&&!l.error?(e.openBlock(),e.createBlock(rt.default,{key:1,"data-testid":"table-skeleton",type:"table"})):l.error?(e.openBlock(),e.createElementBlock("div",pt,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode(pe.default,{"icon-variant":"error",message:l.errorStateMessage,title:l.errorStateTitle},e.createSlots({_:2},[l.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(ee.default,{"data-testid":"error-state-action",to:l.errorStateActionRoute,onClick:o[1]||(o[1]=a=>f("error-action-click"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.errorStateActionMessage),1)]),_:1},8,["to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):!l.error&&!l.loading&&l.data&&!l.data.length?(e.openBlock(),e.createElementBlock("div",Ct,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode(pe.default,{"icon-variant":l.emptyStateIconVariant,message:l.emptyStateMessage,title:l.emptyStateTitle},e.createSlots({_:2},[l.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(ee.default,{appearance:l.emptyStateButtonAppearance,"data-testid":"empty-state-action",to:l.emptyStateActionRoute,onClick:o[2]||(o[2]=a=>f("empty-state-action-click"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"empty-state-action-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(l.emptyStateActionMessage),1)]),_:3},8,["appearance","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(e.openBlock(),e.createElementBlock("div",ht,[e.createElementVNode("div",{ref:"table-wrapper",class:"table-wrapper",style:e.normalizeStyle(He.value),onScrollPassive:je},[e.createElementVNode("table",{ref:"table",class:e.normalizeClass(["table",{"has-hover":l.rowHover&&!J.value,"is-clickable":G.value}]),"data-tableid":e.unref(b)},[l.hideHeaders?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("thead",{key:0,class:e.normalizeClass({"is-scrolled":L.value})},[e.createElementVNode("tr",{ref:"header-row",class:e.normalizeClass({"is-scrolled":L.value})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(a,r)=>(e.openBlock(),e.createElementBlock("th",{key:`table-${e.unref(b)}-headers-${a.key}`,"aria-sort":a.key===y.value?v.value==="asc"?"ascending":"descending":void 0,class:e.normalizeClass(["table-headers",Ie(a,r)]),"data-key":a.key,"data-testid":`table-header-${a.key}`,style:e.normalizeStyle(de.value[a.key]),onClick:()=>$e(a),onMouseleave:o[8]||(o[8]=n=>D.value=""),onMouseover:n=>D.value=a.key},[r!==0&&q(a,!0)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:o[3]||(o[3]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>ve(n,d.value[r-1].key),onMouseleave:o[4]||(o[4]=n=>T.value=""),onMouseover:n=>T.value=d.value[r-1].key},null,40,Tt)):e.createCommentVNode("",!0),e.createElementVNode("div",{"aria-describedby":a.tooltip||p[N(a.key)]?`${N(a.key)}-${e.unref(b)}`:void 0,class:e.normalizeClass(["table-headers-container",{resized:R.value===a.key}])},[a.key!==e.unref(i.TableViewHeaderKeys).BULK_ACTIONS?e.renderSlot(t.$slots,Le(a.key),{column:a},()=>[e.createElementVNode("span",{class:e.normalizeClass(["table-header-label",{"sr-only":a.hideLabel||a.key===e.unref(i.TableViewHeaderKeys).ACTIONS&&a.hideLabel!==!1}])},e.toDisplayString(a.label?a.label:a.key),3)],!0,0):(e.openBlock(),e.createElementBlock("div",Vt,[e.createVNode(he.default,{modelValue:$.value,"onUpdate:modelValue":o[5]||(o[5]=n=>$.value=n),"aria-label":"Toggle selection for all rows",class:"table-header-bulk-actions-checkbox","data-testid":"table-header-bulk-actions-checkbox",indeterminate:lt.value,onChange:nt},null,8,["modelValue","indeterminate"])])),a.tooltip||p[N(a.key)]?(e.openBlock(),e.createBlock(Ce.default,{key:2,"data-testid":N(a.key),"kpop-attributes":{target:l.tooltipTarget},"max-width":"300","tooltip-id":`${N(a.key)}-${e.unref(b)}`},{content:e.withCtx(()=>[e.renderSlot(t.$slots,N(a.key),{column:a},()=>[e.createTextVNode(e.toDisplayString(a.tooltip),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(P.InfoIcon),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${e.unref(C.KUI_COLOR_TEXT_NEUTRAL)})`,size:`var(--kui-icon-size-30, ${e.unref(C.KUI_ICON_SIZE_30)})`,tabindex:"0"},null,8,["color","size"])]),_:2},1032,["data-testid","kpop-attributes","tooltip-id"])):e.createCommentVNode("",!0),We(a)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[y.value===a.key?(e.openBlock(),e.createBlock(e.unref(P.ArrowDownIcon),{key:0,class:"active-sort-icon",color:`var(--kui-color-text-primary, ${e.unref(C.KUI_COLOR_TEXT_PRIMARY)})`,decorative:"",size:`var(--kui-icon-size-30, ${e.unref(C.KUI_ICON_SIZE_30)})`},null,8,["color","size"])):(e.openBlock(),e.createBlock(e.unref(P.SwapSortIcon),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral-weak, ${e.unref(C.KUI_COLOR_TEXT_NEUTRAL_WEAK)})`,size:`var(--kui-icon-size-30, ${e.unref(C.KUI_ICON_SIZE_30)})`,title:`Sort by ${a.label}`},null,8,["color","size","title"]))],64)):e.createCommentVNode("",!0)],10,Bt),r!==d.value.length-1&&q(a)?(e.openBlock(),e.createElementBlock("div",{key:1,class:"resize-handle",onClick:o[6]||(o[6]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>ve(n,a.key),onMouseleave:o[7]||(o[7]=n=>T.value=""),onMouseover:n=>T.value=a.key},null,40,Et)):e.createCommentVNode("",!0),M(a.key)?(e.openBlock(),e.createElementBlock("div",{key:2,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay row-overlay left",{"overlay-visible":S.value}])},null,2)):e.createCommentVNode("",!0),a.key===e.unref(i.TableViewHeaderKeys).ACTIONS?(e.openBlock(),e.createElementBlock("div",{key:3,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay row-overlay right",{"overlay-visible":V.value}])},null,2)):e.createCommentVNode("",!0)],46,At))),128))],2)],2)),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.data,(a,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:F.value.get(a)},[e.createElementVNode("tr",e.mergeProps({class:{"last-row":r===l.data.length-1&&!g.value.includes(r)},role:l.rowLink(a).to?"link":void 0,tabindex:G.value&&!l.rowLink(a).to?0:void 0},{ref_for:!0},l.rowAttrs(a)),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(n,u)=>(e.openBlock(),e.createBlock(e.unref(kt.default),{key:`${F.value.get(a)}-cell-${n.key}`,data:{isRowActionsDropdownOpen:!1}},{default:e.withCtx(({data:s})=>[e.createElementVNode("td",e.mergeProps({class:{"resize-hover":ye.value===n.key&&u!==d.value.length-1&&q(n),"row-link":!!l.rowLink(a).to,"sticky-column":be(n.key),"second-sticky-column":ke(n.key),"has-row-scroll-overlay":M(n.key),"actions-column":n.key===e.unref(i.TableViewHeaderKeys).ACTIONS},style:{...de.value[n.key],...s.isRowActionsDropdownOpen?{zIndex:2}:{}}},{ref_for:!0},l.cellAttrs({headerKey:n.key,row:a,rowIndex:r,colIndex:u}),e.toHandlers(Oe.value(a[n.key],a),!0)),[n.key!==e.unref(i.TableViewHeaderKeys).EXPANDABLE?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Ye(a,n.key)),e.mergeProps({key:0,class:"cell-wrapper"},{ref_for:!0},Qe(a,n.key)),{default:e.withCtx(()=>[n.key!==e.unref(i.TableViewHeaderKeys).BULK_ACTIONS&&n.key!==e.unref(i.TableViewHeaderKeys).ACTIONS?e.renderSlot(t.$slots,n.key,{row:a,rowKey:r,rowValue:a[n.key]},()=>[e.createTextVNode(e.toDisplayString(a[n.key]),1)],!0,0):n.key===e.unref(i.TableViewHeaderKeys).BULK_ACTIONS&&W(a)?(e.openBlock(),e.createBlock(Ce.default,{key:1,"kpop-attributes":{target:l.tooltipTarget},"max-width":"200",placement:"bottom-start",text:Q(a)?void 0:Ge(a)},{default:e.withCtx(()=>[e.createVNode(he.default,{modelValue:W(a).selected,"onUpdate:modelValue":c=>W(a).selected=c,"aria-label":"Toggle row selection",class:"bulk-actions-checkbox","data-testid":"bulk-actions-checkbox",disabled:!Q(a)},null,8,["modelValue","onUpdate:modelValue","disabled"])]),_:2},1032,["kpop-attributes","text"])):n.key===e.unref(i.TableViewHeaderKeys).ACTIONS?(e.openBlock(),e.createBlock(ct.default,{key:2,ref_for:!0,ref:"actionsDropdown",class:"actions-dropdown","data-testid":"actions-dropdown","kpop-attributes":{...l.actionsDropdownPopoverAttributes,placement:"bottom-end",target:"body",popoverElementAttributes:Ze(a,r)},onToggleDropdown:c=>Ue(a,c,s)},{items:e.withCtx(()=>[e.renderSlot(t.$slots,"action-items",{row:a},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(ee.default,{appearance:"tertiary","aria-label":n.label,class:"actions-dropdown-trigger","data-testid":"row-actions-dropdown-trigger",icon:"",size:"small",onMouseleave:o[9]||(o[9]=c=>J.value=!1),onMouseover:o[10]||(o[10]=c=>J.value=!0)},{default:e.withCtx(()=>[e.createVNode(e.unref(P.MoreIcon),{class:"more-icon",decorative:""})]),_:1},8,["aria-label"])]),_:2},1032,["kpop-attributes","onToggleDropdown"])):e.createCommentVNode("",!0)]),_:2},1040)):l.rowExpandable(a)?(e.openBlock(),e.createElementBlock("div",Kt,[e.createElementVNode("button",{"aria-controls":`table-${e.unref(b)}-row-${r}-expandable-content`,"aria-expanded":g.value.includes(r),"aria-label":"Toggle row expandable content",class:e.normalizeClass(["expandable-row-control",{expanded:g.value.includes(r)}]),"data-testid":"expandable-row-control",type:"button",onClick:c=>at(r,a)},[e.createVNode(e.unref(P.ChevronRightIcon),{class:"expandable-row-control-icon",decorative:""})],10,Ht)])):e.createCommentVNode("",!0),M(n.key)?(e.openBlock(),e.createElementBlock("div",{key:2,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay row-overlay left",{"overlay-visible":S.value}])},null,2)):e.createCommentVNode("",!0),n.key===e.unref(i.TableViewHeaderKeys).ACTIONS?(e.openBlock(),e.createElementBlock("div",{key:3,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay row-overlay right",{"overlay-visible":V.value}])},null,2)):e.createCommentVNode("",!0)],16)]),_:2},1024))),128))],16,Nt),K.value&&l.rowExpandable(a)?e.withDirectives((e.openBlock(),e.createElementBlock("tr",{key:0,id:`table-${e.unref(b)}-row-${r}-expandable-content`,class:"expandable-content-row","data-testid":"expandable-content-row"},[e.createElementVNode("td",{colspan:d.value.length},[e.createElementVNode("div",Lt,[e.renderSlot(t.$slots,"row-expanded",{columnWidths:we.value,nestedHeaders:ot.value,row:a},void 0,!0)])],8,xt)],8,Rt)),[[e.vShow,g.value.includes(r)]]):e.createCommentVNode("",!0)],64))),128))])],10,St)],36),!O.value&&!K.value?(e.openBlock(),e.createElementBlock("div",{key:0,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay table-overlay left",{"overlay-visible":S.value}])},null,2)):e.createCommentVNode("",!0),Be.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay table-overlay right",{"overlay-visible":V.value,"scrollbar-offset":Z.value}])},null,2)),qe.value?(e.openBlock(),e.createBlock(ut.default,e.mergeProps({key:`table-${e.unref(b)}-pagination-${me.value}`,class:"table-pagination","data-testid":"table-pagination","initial-page-size":I.value},l.paginationAttributes,{onGetNextOffset:o[11]||(o[11]=a=>f("get-next-offset")),onGetPreviousOffset:o[12]||(o[12]=a=>f("get-previous-offset")),onPageChange:o[13]||(o[13]=a=>f("page-change",a)),onPageSizeChange:_e}),null,16,["initial-page-size"])):e.createCommentVNode("",!0)]))],2))}});exports.default=Ot;

package/dist/kongponents170.es.js

@@ -11,18 +11,18 @@ import "./kongponents12.es.js";
 import { EmptyStateIconVariants as Ft } from "./kongponents13.es.js";
 import { TableViewHeaderKeys as i } from "./kongponents19.es.js";
 import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Ut, KUI_COLOR_TEXT_PRIMARY as Vt, KUI_COLOR_TEXT_NEUTRAL_WEAK as Wt, KUI_SPACE_60 as Xt } from "./kongponents182.es.js";
-import qt from "./kongponents203.es.js";
+import qt from "./kongponents187.es.js";
 import jt from "./kongponents61.es.js";
 import Zt from "./kongponents49.es.js";
 import Ue from "./kongponents42.es.js";
-import Gt from "./kongponents217.es.js";
+import Gt from "./kongponents188.es.js";
 import { getInitialPageSize as Jt } from "./kongponents181.es.js";
 import { getUniqueStringId as Yt } from "./kongponents161.es.js";
-import { getScrollbarSize as Qt } from "./kongponents196.es.js";
-import { useElementSize as _t, useResizeObserver as ea } from "./kongponents187.es.js";
-import { normalizeSize as ta } from "./kongponents188.es.js";
+import { getScrollbarSize as Qt } from "./kongponents189.es.js";
+import { useElementSize as _t, useResizeObserver as ea } from "./kongponents190.es.js";
+import { normalizeSize as ta } from "./kongponents191.es.js";
 import aa from "./kongponents46.es.js";
-import oa from "./kongponents218.es.js";
+import oa from "./kongponents192.es.js";
 const la = {
   key: 0,
   class: "table-toolbar",

package/dist/kongponents175.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("./kongponents189.cjs"),N=require("./kongponents190.cjs"),A=require("./kongponents182.cjs"),L={class:"k-filter-group"},M={key:0,class:"label","data-testid":"filter-group-label"},I=["data-testid"],V=e.defineComponent({__name:"KFilterGroup",props:e.mergeModels({filters:{},groupLabel:{default:"Filters"},selectorLabel:{default:()=>{}},itemFiltering:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["apply","clear","open","close"],["update:modelValue"]),setup(n,{emit:p}){const F=e.useSlots(),g=t=>`filter-${t}`,v=t=>`filter-item-${t}`,r=e.useModel(n,"modelValue"),i=e.ref(),u=e.ref([]),s=p,f=e.computed(()=>{const t=Object.keys(n.filters).filter(l=>n.filters[l].pinned),o=u.value.filter(l=>r.value[l]!==void 0);return i.value!==void 0&&!t.includes(i.value)&&!o.includes(i.value)&&o.push(i.value),[...t,...o]}),d=e.computed(()=>Object.keys(n.filters).filter(t=>!f.value.includes(t))),b=e.computed(()=>d.value.reduce((t,o)=>({...t,[o]:n.filters[o]}),{})),h=Number.parseFloat(A.KUI_ANIMATION_DURATION_20)*1e3,S=t=>{setTimeout(()=>{i.value=t},h)},B=t=>{i.value!==void 0&&m(i.value),i.value=t,s("open",t)},m=t=>{i.value===t&&(i.value=void 0),s("close",t)},C=t=>{r.value[t]=void 0,i.value===t&&(i.value=void 0),s("clear",t,r.value)},O=(t,o)=>{o!==void 0&&(r.value[t]=o),i.value===t&&(i.value=void 0),s("apply",t,r.value)};return e.watch(r,t=>{Object.entries(t).forEach(([o,l])=>{if(n.filters[o]?.pinned)return;const c=u.value.indexOf(o);c!==-1&&l===void 0?u.value=[...u.value.slice(0,c),...u.value.slice(c+1)]:c===-1&&l!==void 0&&u.value.push(o)})},{immediate:!0,deep:!0}),(t,o)=>(e.openBlock(),e.createElementBlock("div",L,[n.groupLabel?(e.openBlock(),e.createElementBlock("div",M,e.toDisplayString(n.groupLabel),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`filter-pill-${l}`,"data-testid":`filter-group-pill-${l}`},[e.createVNode(N.default,{custom:!!e.unref(F)[`filter-${l}`],filter:n.filters[l],"init-open":l===i.value,selection:r.value[l],onApply:a=>O(l,a),onClear:a=>C(l),onClose:a=>m(l),onOpen:a=>B(l)},{default:e.withCtx(a=>[e.renderSlot(t.$slots,g(l),e.mergeProps({ref_for:!0},a),void 0,!0)]),_:2},1032,["custom","filter","init-open","selection","onApply","onClear","onClose","onOpen"])],8,I))),128)),d.value.length>0?(e.openBlock(),e.createBlock($.default,{key:1,filters:b.value,"item-filtering":n.itemFiltering,label:n.selectorLabel?n.selectorLabel:"Add filter",onSelect:S},e.createSlots({_:2},[e.renderList(d.value,l=>({name:v(l),fn:e.withCtx(()=>[e.renderSlot(t.$slots,v(l),{},void 0,!0)])}))]),1032,["filters","item-filtering","label"])):e.createCommentVNode("",!0)]))}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("./kongponents185.cjs"),N=require("./kongponents186.cjs"),A=require("./kongponents182.cjs"),L={class:"k-filter-group"},M={key:0,class:"label","data-testid":"filter-group-label"},I=["data-testid"],V=e.defineComponent({__name:"KFilterGroup",props:e.mergeModels({filters:{},groupLabel:{default:"Filters"},selectorLabel:{default:()=>{}},itemFiltering:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["apply","clear","open","close"],["update:modelValue"]),setup(n,{emit:p}){const F=e.useSlots(),g=t=>`filter-${t}`,v=t=>`filter-item-${t}`,r=e.useModel(n,"modelValue"),i=e.ref(),u=e.ref([]),s=p,f=e.computed(()=>{const t=Object.keys(n.filters).filter(l=>n.filters[l].pinned),o=u.value.filter(l=>r.value[l]!==void 0);return i.value!==void 0&&!t.includes(i.value)&&!o.includes(i.value)&&o.push(i.value),[...t,...o]}),d=e.computed(()=>Object.keys(n.filters).filter(t=>!f.value.includes(t))),b=e.computed(()=>d.value.reduce((t,o)=>({...t,[o]:n.filters[o]}),{})),h=Number.parseFloat(A.KUI_ANIMATION_DURATION_20)*1e3,S=t=>{setTimeout(()=>{i.value=t},h)},B=t=>{i.value!==void 0&&m(i.value),i.value=t,s("open",t)},m=t=>{i.value===t&&(i.value=void 0),s("close",t)},C=t=>{r.value[t]=void 0,i.value===t&&(i.value=void 0),s("clear",t,r.value)},O=(t,o)=>{o!==void 0&&(r.value[t]=o),i.value===t&&(i.value=void 0),s("apply",t,r.value)};return e.watch(r,t=>{Object.entries(t).forEach(([o,l])=>{if(n.filters[o]?.pinned)return;const c=u.value.indexOf(o);c!==-1&&l===void 0?u.value=[...u.value.slice(0,c),...u.value.slice(c+1)]:c===-1&&l!==void 0&&u.value.push(o)})},{immediate:!0,deep:!0}),(t,o)=>(e.openBlock(),e.createElementBlock("div",L,[n.groupLabel?(e.openBlock(),e.createElementBlock("div",M,e.toDisplayString(n.groupLabel),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`filter-pill-${l}`,"data-testid":`filter-group-pill-${l}`},[e.createVNode(N.default,{custom:!!e.unref(F)[`filter-${l}`],filter:n.filters[l],"init-open":l===i.value,selection:r.value[l],onApply:a=>O(l,a),onClear:a=>C(l),onClose:a=>m(l),onOpen:a=>B(l)},{default:e.withCtx(a=>[e.renderSlot(t.$slots,g(l),e.mergeProps({ref_for:!0},a),void 0,!0)]),_:2},1032,["custom","filter","init-open","selection","onApply","onClear","onClose","onOpen"])],8,I))),128)),d.value.length>0?(e.openBlock(),e.createBlock($.default,{key:1,filters:b.value,"item-filtering":n.itemFiltering,label:n.selectorLabel?n.selectorLabel:"Add filter",onSelect:S},e.createSlots({_:2},[e.renderList(d.value,l=>({name:v(l),fn:e.withCtx(()=>[e.renderSlot(t.$slots,v(l),{},void 0,!0)])}))]),1032,["filters","item-filtering","label"])):e.createCommentVNode("",!0)]))}});exports.default=V;

package/dist/kongponents175.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as x, useSlots as D, useModel as T, ref as g, computed as f, watch as w, openBlock as s, createElementBlock as c, toDisplayString as E, createCommentVNode as b, Fragment as K, renderList as h, createVNode as P, unref as U, withCtx as $, renderSlot as C, mergeProps as q, createBlock as G, createSlots as R, mergeModels as O } from "vue";
-import z from "./kongponents189.es.js";
-import H from "./kongponents190.es.js";
+import z from "./kongponents185.es.js";
+import H from "./kongponents186.es.js";
 import { KUI_ANIMATION_DURATION_20 as J } from "./kongponents182.es.js";
 const Q = { class: "k-filter-group" }, W = {
   key: 0,

package/dist/kongponents184.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents220.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-72a28527"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./kongponents290.cjs"),a=require("./kongponents287.cjs"),i=require("./kongponents291.cjs"),s=require("./kongponents292.cjs");function o(e,r){if(e==null)return{};var t=l.default(s.default(e),function(u){return[u]});return r=a.default(r),i.default(e,t,function(u,n){return r(u,n[0])})}exports.default=o;

package/dist/kongponents184.es.js

@@ -1,7 +1,17 @@
-import t from "./kongponents220.es.js";
-/* empty css                  */
-import o from "./kongponents83.es.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-72a28527"]]);
+import u from "./kongponents290.es.js";
+import i from "./kongponents287.es.js";
+import m from "./kongponents291.es.js";
+import a from "./kongponents292.es.js";
+function y(r, n) {
+  if (r == null)
+    return {};
+  var o = u(a(r), function(t) {
+    return [t];
+  });
+  return n = i(n), m(r, o, function(t, f) {
+    return n(t, f[0]);
+  });
+}
 export {
-  a as default
+  y as default
 };

package/dist/kongponents185.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents222.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-409cfb15"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents221.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),r=t.default(e.default,[["__scopeId","data-v-4b260443"]]);exports.default=r;

package/dist/kongponents185.es.js

@@ -1,7 +1,7 @@
-import t from "./kongponents222.es.js";
+import o from "./kongponents221.es.js";
 /* empty css                  */
-import o from "./kongponents83.es.js";
-const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-409cfb15"]]);
+import t from "./kongponents83.es.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b260443"]]);
 export {
-  c as default
+  p as default
 };

package/dist/kongponents186.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{resizeObserver;callback;constructor(e){this.callback=e,this.resizeObserver=new ResizeObserver(s=>{window.requestAnimationFrame(()=>{!Array.isArray(s)||!s.length||e()})})}static create(e){return new r(e)}observe(e){!this.resizeObserver||!e||this.resizeObserver.observe(e)}unobserve(e){!this.resizeObserver||!e||this.resizeObserver.unobserve(e)}}exports.ResizeObserverHelper=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents223.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-72d30b29"]]);exports.default=u;

package/dist/kongponents186.es.js

@@ -1,23 +1,7 @@
-class s {
-  resizeObserver;
-  callback;
-  constructor(e) {
-    this.callback = e, this.resizeObserver = new ResizeObserver((r) => {
-      window.requestAnimationFrame(() => {
-        !Array.isArray(r) || !r.length || e();
-      });
-    });
-  }
-  static create(e) {
-    return new s(e);
-  }
-  observe(e) {
-    !this.resizeObserver || !e || this.resizeObserver.observe(e);
-  }
-  unobserve(e) {
-    !this.resizeObserver || !e || this.resizeObserver.unobserve(e);
-  }
-}
+import o from "./kongponents223.es.js";
+/* empty css                  */
+import t from "./kongponents83.es.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-72d30b29"]]);
 export {
-  s as ResizeObserverHelper
+  p as default
 };

package/dist/kongponents187.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./kongponents219.cjs"),r=require("vue"),R=a.isClient?window:void 0;function m(t){var n;const i=r.toValue(t);return(n=i?.$el)!==null&&n!==void 0?n:i}function C(...t){const n=(e,l,s,d)=>(e.addEventListener(l,s,d),()=>e.removeEventListener(l,s,d)),i=r.computed(()=>{const e=a.toArray(r.toValue(t[0])).filter(l=>l!=null);return e.every(l=>typeof l!="string")?e:void 0});return a.watchImmediate(()=>{var e,l;return[(e=(l=i.value)===null||l===void 0?void 0:l.map(s=>m(s)))!==null&&e!==void 0?e:[R].filter(s=>s!=null),a.toArray(r.toValue(i.value?t[1]:t[0])),a.toArray(r.unref(i.value?t[2]:t[1])),r.toValue(i.value?t[3]:t[2])]},([e,l,s,d],p,f)=>{if(!e?.length||!l?.length||!s?.length)return;const h=a.isObject(d)?{...d}:d,g=e.flatMap(o=>l.flatMap(y=>s.map(w=>n(o,y,w,h))));f(()=>{g.forEach(o=>o())})},{flush:"post"})}function T(t,n,i={}){const{window:e=R,ignore:l=[],capture:s=!0,detectIframe:d=!1,controls:p=!1}=i;if(!e)return p?{stop:a.noop,cancel:a.noop,trigger:a.noop}:a.noop;let f=!0;const h=u=>r.toValue(l).some(c=>{if(typeof c=="string")return Array.from(e.document.querySelectorAll(c)).some(v=>v===u.target||u.composedPath().includes(v));{const v=m(c);return v&&(u.target===v||u.composedPath().includes(v))}});function g(u){const c=r.toValue(u);return c&&c.$.subTree.shapeFlag===16}function o(u,c){const v=r.toValue(u),E=v.$.subTree&&v.$.subTree.children;return E==null||!Array.isArray(E)?!1:E.some(O=>O.el===c.target||c.composedPath().includes(O.el))}const y=u=>{const c=m(t);if(u.target!=null&&!(!(c instanceof Element)&&g(t)&&o(t,u))&&!(!c||c===u.target||u.composedPath().includes(c))){if("detail"in u&&u.detail===0&&(f=!h(u)),!f){f=!0;return}n(u)}};let w=!1;const b=[C(e,"click",u=>{w||(w=!0,setTimeout(()=>{w=!1},0),y(u))},{passive:!0,capture:s}),C(e,"pointerdown",u=>{const c=m(t);f=!h(u)&&!!(c&&!u.composedPath().includes(c))},{passive:!0}),d&&C(e,"blur",u=>{setTimeout(()=>{const c=m(t);let v=e.document.activeElement;for(;v?.shadowRoot;)v=v.shadowRoot.activeElement;v?.tagName==="IFRAME"&&!c?.contains(e.document.activeElement)&&n(u)},0)},{passive:!0})].filter(Boolean),S=()=>b.forEach(u=>u());return p?{stop:S,cancel:()=>{f=!1},trigger:u=>{f=!0,y(u),f=!1}}:S}function A(){const t=r.shallowRef(!1),n=r.getCurrentInstance();return n&&r.onMounted(()=>{t.value=!0},n),t}function x(t){const n=A();return r.computed(()=>(n.value,!!t()))}function M(t,n,i={}){const{window:e=R,...l}=i;let s;const d=x(()=>e&&"ResizeObserver"in e),p=()=>{s&&(s.disconnect(),s=void 0)},f=r.watch(r.computed(()=>{const g=r.toValue(t);return Array.isArray(g)?g.map(o=>m(o)):[m(g)]}),g=>{if(p(),d.value&&e){s=new ResizeObserver(n);for(const o of g)o&&s.observe(o,l)}},{immediate:!0,flush:"post"}),h=()=>{p(),f()};return a.tryOnScopeDispose(h),{isSupported:d,stop:h}}function $(t,n={width:0,height:0},i={}){const{window:e=R,box:l="content-box"}=i,s=r.computed(()=>{var o;return(o=m(t))===null||o===void 0||(o=o.namespaceURI)===null||o===void 0?void 0:o.includes("svg")}),d=r.shallowRef(n.width),p=r.shallowRef(n.height),{stop:f}=M(t,([o])=>{const y=l==="border-box"?o.borderBoxSize:l==="content-box"?o.contentBoxSize:o.devicePixelContentBoxSize;if(e&&s.value){const w=m(t);if(w){const b=w.getBoundingClientRect();d.value=b.width,p.value=b.height}}else if(y){const w=a.toArray(y);d.value=w.reduce((b,{inlineSize:S})=>b+S,0),p.value=w.reduce((b,{blockSize:S})=>b+S,0)}else d.value=o.contentRect.width,p.value=o.contentRect.height},i);a.tryOnMounted(()=>{const o=m(t);o&&(d.value="offsetWidth"in o?o.offsetWidth:n.width,p.value="offsetHeight"in o?o.offsetHeight:n.height)});const h=r.watch(()=>m(t),o=>{d.value=o?n.width:0,p.value=o?n.height:0});function g(){f(),h()}return{width:d,height:p,stop:g}}function P(t){var n;const i=(n=t.rangeCount)!==null&&n!==void 0?n:0;return Array.from({length:i},(e,l)=>t.getRangeAt(l))}function V(t={}){var n;const{window:i=R}=t,e=r.shallowRef((n=i?.getSelection())!==null&&n!==void 0?n:null),l=r.computed(()=>{var f,h;return(f=(h=e.value)===null||h===void 0?void 0:h.toString())!==null&&f!==void 0?f:""}),s=r.computed(()=>e.value?P(e.value):[]),d=r.computed(()=>s.value.map(f=>f.getBoundingClientRect()));function p(){e.value=null,i&&(e.value=i.getSelection())}return i&&C(i.document,"selectionchange",p,{passive:!0}),{text:l,rects:d,ranges:s,selection:e}}exports.getLifeCycleTarget=a.getLifeCycleTarget;exports.isClient=a.isClient;exports.isObject=a.isObject;exports.noop=a.noop;exports.toArray=a.toArray;exports.tryOnMounted=a.tryOnMounted;exports.tryOnScopeDispose=a.tryOnScopeDispose;exports.watchImmediate=a.watchImmediate;exports.defaultWindow=R;exports.onClickOutside=T;exports.unrefElement=m;exports.useElementSize=$;exports.useEventListener=C;exports.useMounted=A;exports.useResizeObserver=M;exports.useSupported=x;exports.useTextSelection=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents234.cjs");;/* empty css                 */const u=require("./kongponents83.cjs"),t=u.default(e.default,[["__scopeId","data-v-2ef0f9b8"]]);exports.default=t;