@kong/kongponents 9.60.2-pr.3239.833d6a2.0 → 9.60.2

package/dist/kongponents162.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Q=require("./kongponents32.cjs"),ge=require("./kongponents45.cjs"),tt=require("./kongponents20.cjs");;/* empty css                */const pe=require("./kongponents24.cjs");;/* empty css                */const at=require("./kongponents221.cjs"),ot=require("./kongponents226.cjs"),lt=require("./kongponents178.cjs"),nt=require("./kongponents227.cjs"),rt=require("./kongponents228.cjs");require("./kongponents5.cjs");require("./kongponents10.cjs");const it=require("./kongponents11.cjs"),i=require("./kongponents17.cjs"),C=require("./kongponents181.cjs"),st=require("./kongponents229.cjs"),ut=require("./kongponents55.cjs"),ct=require("./kongponents43.cjs"),we=require("./kongponents36.cjs"),dt=require("./kongponents230.cjs"),ft=require("./kongponents173.cjs"),yt=require("./kongponents153.cjs"),vt=require("./kongponents211.cjs"),bt=require("./kongponents190.cjs"),kt=require("./kongponents182.cjs"),mt=require("./kongponents40.cjs"),gt=require("./kongponents231.cjs"),pt={key:0,class:"table-toolbar","data-testid":"table-toolbar"},wt={key:0,class:"toolbar-default-items-container"},Ct={key:2,class:"table-error-state","data-testid":"table-error-state"},ht={key:3,class:"table-empty-state","data-testid":"table-empty-state"},St={key:4,class:"table-container"},At=["data-tableid"],Tt=["aria-sort","data-key","data-testid","onClick","onMouseover"],Bt=["onMousedown","onMouseover"],Et=["aria-describedby"],Nt={key:1,class:"table-header-bulk-actions-container"},Kt=["onMousedown","onMouseover"],Vt=["role","tabindex"],Ht={key:1,class:"expandable-row-control-container"},Rt=["aria-controls","aria-expanded","onClick"],xt=["id"],Ot=["colspan"],Lt={class:"expandable-content-wrapper"},_="desc",zt=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:Ce}){e.useCssVars(t=>({v155bb9be:e.unref(Oe).expandable,v986a43ae:$e.value,f6ff5a7e:le.value,ae566bd6:He.value}));const ee=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"]),v=Ce,T=e.useSlots(),k=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]:"",te=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},ae=e.useTemplateRef("table-wrapper"),he=e.useTemplateRef("table"),Se=e.useTemplateRef("header-row"),h=e.ref(te(l.headers)),d=e.ref([]),x=e.ref(""),B=e.ref(""),P=e.ref(""),Ae=e.computed(()=>h.value.some(t=>t.key===i.TableViewHeaderKeys.ACTIONS)),oe=e.computed(()=>h.value.filter(t=>t.hidable).length>0),E=e.computed(()=>l.nested||!oe.value||l.error?!1:T.toolbar?!0:!l.loading&&!!l.data&&!!l.data.length),Te=e.computed(()=>l.loading||!(l.data&&l.data.length)),Be=e.computed(()=>h.value.filter(t=>t.hidable&&!M(t.key))),Ee=e.computed(()=>E.value?l.tablePreferences.columnVisibility||{}:{}),N=e.ref(E.value?l.tablePreferences.columnVisibility||{}:{}),le=e.ref("100%"),X=e.ref(!1),O=e.ref(!1),S=e.ref(!1),K=e.ref(!1),y=e.ref(l.tablePreferences.sortColumnKey||""),b=e.ref(l.tablePreferences.sortColumnOrder||_),j=e.ref(!1),Ne=e.computed(()=>!l.hideToolbar&&!l.nested&&(!!T.toolbar||E.value||G.value)),Ke=e.useTemplateRef("actionsDropdown"),Z=e.ref(!1),Ve=e.computed(()=>({maxHeight:kt.normalizeSize(l.maxHeight)})),He=e.computed(()=>`${vt.getScrollbarSize()}px`),V=e.ref([]),L=e.computed(()=>!l.nested&&!l.error&&h.value.some(t=>t.key===i.TableViewHeaderKeys.BULK_ACTIONS)&&!!(T["bulk-action-items"]||T["bulk-actions"])&&!!l.data.every(t=>m(t))),z=e.ref([]),G=e.computed(()=>l.nested||!L.value||l.error?!1:T.toolbar?!0:!l.loading&&!!l.data&&!!l.data.length),ne=e.computed(()=>{const t=V.value.length;return t?t>100?"99+":String(t):""}),F=e.ref(new WeakMap),Re=t=>`column-${t}`,H=t=>`tooltip-${t}`,re=(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 f=c.split(t);s[f[1]]=p=>u[c](p,a,r)}return s},{})},xe=e.computed(()=>(t,o)=>{const a=re("onRow:",ee)(o,"row"),r=re("onCell:",ee)(t,"cell"),n=["a","button","label","input","select",'span[role="checkbox"]'];return(a.click||r.click)&&(j.value=!0),{...a,...r,click(u){const s=u.target,c=s.className;let f=n.includes(s.tagName.toLowerCase()),p=!1;typeof c=="string"||Array.isArray(c)?p=c.includes("k-popover"):typeof c=="object"&&(p=Object.keys(c).includes("k-popover")),s.closest(".popover-content")!==null&&(p=!0);for(let w=0;w<n.length;w++)if(s.closest(n[w])!==null){f=!0;break}if((!f||s.hasAttribute("disabled"))&&!p&&(a.click||r.click))if(r.click){v("cell-click",{data:t});const w=r.click(u,t,"cell");typeof w=="function"&&w(u,t)}else{v("row-click",{data:o});const w=a.click(u,o,"row");typeof w=="function"&&w(u,o)}}}}),ie=parseInt(C.KUI_SPACE_60)*2+parseInt(C.KUI_ICON_SIZE_30),se={expandable:ie,bulkActions:48,actions:54},Oe=gt.default(se,t=>`${t}px`),A=e.ref({...l.tablePreferences.columnWidths||{},...se}),ue=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}),Le=(t,o)=>({"resize-hover":ce.value===t.key&&o!==d.value.length-1&&U(t),resizable:l.resizeColumns&&!l.nested,sortable:!t.hideLabel&&!!t.sortable,"active-sort":!t.hideLabel&&!!t.sortable&&t.key===y.value,[b.value]:t.key===y.value&&!t.hideLabel,"is-scrolled":O.value,"has-tooltip":!!t.tooltip,"sticky-column":ye(t.key),"second-sticky-column":ve(t.key),"has-row-scroll-overlay":D(t.key),"actions-column":t.key===i.TableViewHeaderKeys.ACTIONS}),ze=t=>{if(t.sortable&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&t.key!==i.TableViewHeaderKeys.ACTIONS){let o="asc",a=t.key;a===y.value&&b.value==="asc"&&(o="desc"),a===y.value&&b.value==="desc"&&(a="",o=_),v("sort",{prevKey:y.value,sortColumnKey:a,sortColumnOrder:o}),Me(a)}},Ie=e.computed(()=>x.value?"resizing":B.value?"resize-hover":P.value?"th-hover":""),ce=e.computed(()=>{switch(Ie.value){case"resizing":return x.value;case"resize-hover":return B.value;case"th-hover":return P.value;default:return""}}),de=e.computed(()=>{var t;return(t=Se.value)==null?void 0:t.querySelectorAll("th.resizable")}),$e=e.computed(()=>{var o;const t=(o=de.value)==null?void 0:o.item(0);if(t){const a=window==null?void 0:window.getComputedStyle(t);if(a!=null&&a.height)return`${parseInt(a.height,10)}px`}return"auto"}),fe=(t,o)=>{var c;if(t.button!==0)return;let a=0,r=0;x.value=o;let n=null;(c=de.value)==null||c.forEach(f=>{f.getAttribute("data-testid")===`table-header-${o}`&&(n=document==null?void 0:document.querySelector(`[data-tableid="${k}"] [data-testid="table-header-${o}"]`))});const u=f=>{const p=f.clientX-a;n==null||n.setAttribute("style",`width: ${r+p}px`),A.value[o]=r+p},s=()=>{x.value="",document==null||document.removeEventListener("mousemove",u),document==null||document.removeEventListener("mouseup",s),W(),R.value&&Y()};if(a=t.clientX,n){const f=window==null?void 0:window.getComputedStyle(n);f!=null&&f.width&&(r=parseInt(f.width,10)),document==null||document.addEventListener("mousemove",u),document==null||document.addEventListener("mouseup",s)}},ye=t=>S.value?t===i.TableViewHeaderKeys.BULK_ACTIONS||t===i.TableViewHeaderKeys.EXPANDABLE:!1,ve=t=>t===i.TableViewHeaderKeys.BULK_ACTIONS&&R.value,D=t=>S.value?L.value?t===i.TableViewHeaderKeys.BULK_ACTIONS:R.value?t===i.TableViewHeaderKeys.EXPANDABLE:!1:!1,M=t=>t===i.TableViewHeaderKeys.EXPANDABLE||t===i.TableViewHeaderKeys.BULK_ACTIONS||t===i.TableViewHeaderKeys.ACTIONS,U=(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!M(r.key)}const a=d.value[d.value.indexOf(t)+1];return!M(t.key)&&!M(a.key)},Pe=(t,o,a)=>{v("row-actions-toggle",{row:t,open:o}),setTimeout(()=>{a.isRowActionsDropdownOpen=o},o?0:100)},Fe=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=te(t)},{deep:!0,immediate:!0});const De=t=>!t.hideLabel&&!!t.sortable&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&t.key!==i.TableViewHeaderKeys.ACTIONS,Me=t=>{y.value&&t?t===y.value?b.value==="asc"?b.value="desc":b.value="asc":(y.value=t,b.value="asc"):t?(y.value=t,b.value="asc"):(y.value="",b.value=_),W()},Ue=t=>{var a;const o=t.target;o&&(typeof o.scrollTop=="number"||typeof o.scrollLeft=="number")&&(o.scrollTop>1?(X.value=!0,O.value=!0):o.scrollTop===0&&(O.value=!1),o.scrollLeft>1?S.value=!0:o.scrollLeft===0&&(S.value=!1),o.scrollWidth<=o.scrollLeft+o.clientWidth?K.value=!1:K.value=!0),(a=Ke.value)==null||a.forEach(r=>{r&&r.closeDropdown&&r.closeDropdown()})},q=t=>z.value.find(o=>o.rowKey===m(t)),qe=(t,o)=>({"data-testid":l.rowAttrs(t)["data-testid"]?`${l.rowAttrs(t)["data-testid"]}-actions-dropdown-popover`:`row-${o}-actions-dropdown-popover`}),J=t=>{if(typeof l.rowBulkActionEnabled!="function")return!1;const o=l.rowBulkActionEnabled(t);return typeof o=="boolean"?o:o.enabled},We=t=>{if(typeof l.rowBulkActionEnabled!="function")return"";const o=l.rowBulkActionEnabled(t);return typeof o=="boolean"?"":o.disabledTooltip||""},Xe=(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"},je=(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}}}},be=e.ref(0),I=e.ref(ft.getInitialPageSize(l.tablePreferences,l.paginationAttributes)),Ze=t=>{I.value=t.pageSize,v("page-size-change",t),W()},Ge=e.computed(()=>({sortColumnKey:y.value,sortColumnOrder:b.value,...l.resizeColumns?{columnWidths:A.value}:{},...oe.value?{columnVisibility:N.value}:{},...I.value&&!l.hidePagination&&{pageSize:I.value}})),W=()=>{v("update:table-preferences",Ge.value)},R=e.computed(()=>!l.nested&&l.data.some(t=>l.rowExpandable(t))),Je={key:i.TableViewHeaderKeys.EXPANDABLE,label:"Expandable rows controls",hideLabel:!0},ke=()=>{const t=[];return l.data.forEach((o,a)=>{l.rowExpanded(o)&&t.push(a)}),t},g=e.ref(ke()),Ye=async(t,o)=>{Y(),await e.nextTick(),g.value.includes(t)?(g.value=g.value.filter(a=>a!==t),v("update:row-expanded",{row:o,expanded:!1})):(g.value=[...g.value,t],v("update:row-expanded",{row:o,expanded:!0}))},Qe=e.computed(()=>d.value.filter(t=>t.key!==i.TableViewHeaderKeys.EXPANDABLE&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS)),me=e.ref({}),Y=()=>{if(typeof document>"u")return;const t=document==null?void 0:document.querySelector(`[data-tableid="${k}"]`),o=t==null?void 0:t.querySelectorAll("th"),a={};o==null||o.forEach((r,n)=>{const u=r.getAttribute("data-key");if(u===i.TableViewHeaderKeys.EXPANDABLE)return;let s=r.getBoundingClientRect().width;n===1&&(s+=ie),n===o.length-1&&(s-=15),a[u]=s}),me.value=a};e.watch([N,h,R],t=>{const[o,a,r]=t;let n=a.filter(u=>u.key===i.TableViewHeaderKeys.BULK_ACTIONS?L.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(Je),JSON.stringify(n)!==JSON.stringify(d.value)&&(d.value=n,W()),r&&Y()},{deep:!0,immediate:!0}),e.watch(E,t=>{t&&(N.value=l.tablePreferences.columnVisibility||{})},{immediate:!0});const $=e.ref(!1),_e=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}),et=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)||yt.getUniqueStringId();F.value.set(r,`table-${k}-row-${n}`)}}),L.value){o.forEach(s=>{q(s)||z.value.push({rowKey:m(s),selected:!1,disabled:!J(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(f=>f.rowKey===m(s));return!!(c&&c.selected)}),u=[];V.value.forEach(s=>{o.find(f=>m(s)===m(f))||u.push(s)}),V.value=[...u,...n]}g.value=ke()},{deep:!0,immediate:!0}),e.watch(V,t=>{v("row-select",t)}),e.watch(()=>l.tablePreferences,t=>{t!=null&&t.pageSize&&(I.value=t.pageSize,be.value++),y.value=t!=null&&t.sortColumnKey?t.sortColumnKey:y.value,b.value=t!=null&&t.sortColumnOrder?t.sortColumnOrder:b.value,A.value=t!=null&&t.columnWidths?t.columnWidths:A.value,N.value=t!=null&&t.columnVisibility?t.columnVisibility:N.value}),bt.useResizeObserver([ae,he],()=>{const t=ae.value;t&&(K.value=t.scrollWidth>t.clientWidth,le.value=t.clientHeight+"px",X.value=t.scrollHeight>t.clientHeight)}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-table-view",{"hide-headers":l.hideHeaders}])},[Ne.value?(e.openBlock(),e.createElementBlock("div",pt,[e.renderSlot(t.$slots,"toolbar",{},void 0,!0),G.value||E.value?(e.openBlock(),e.createElementBlock("div",wt,[G.value?e.renderSlot(t.$slots,"bulk-actions",{key:0,selectedRows:V.value},()=>[t.$slots["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:ne.value,disabled:!ne.value||l.loading||!l.data.length},{items:e.withCtx(()=>[e.renderSlot(t.$slots,"bulk-action-items",{selectedRows:V.value},void 0,!0)]),_:3},8,["button-label","count","disabled"]))],!0):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(st.default,{key:1,columns:Be.value,disabled:Te.value,"table-id":e.unref(k),"visibility-preferences":Ee.value,onUpdate:o[0]||(o[0]=a=>N.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(tt.default,{key:1,"data-testid":"table-skeleton",type:"table"})):l.error?(e.openBlock(),e.createElementBlock("div",Ct,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode(ge.default,{"icon-variant":"error",message:l.errorStateMessage,title:l.errorStateTitle},e.createSlots({_:2},[l.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(Q.default,{"data-testid":"error-state-action",to:l.errorStateActionRoute,onClick:o[1]||(o[1]=a=>v("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",ht,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode(ge.default,{"icon-variant":l.emptyStateIconVariant,message:l.emptyStateMessage,title:l.emptyStateTitle},e.createSlots({_:2},[l.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(Q.default,{appearance:l.emptyStateButtonAppearance,"data-testid":"empty-state-action",to:l.emptyStateActionRoute,onClick:o[2]||(o[2]=a=>v("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",St,[e.createElementVNode("div",{ref:"table-wrapper",class:"table-wrapper",style:e.normalizeStyle(Ve.value),onScrollPassive:Ue},[e.createElementVNode("table",{ref:"table",class:e.normalizeClass(["table",{"has-hover":l.rowHover&&!Z.value,"is-clickable":j.value}]),"data-tableid":e.unref(k)},[l.hideHeaders?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("thead",{key:0,class:e.normalizeClass({"is-scrolled":O.value})},[e.createElementVNode("tr",{ref:"header-row",class:e.normalizeClass({"is-scrolled":O.value})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(a,r)=>(e.openBlock(),e.createElementBlock("th",{key:`table-${e.unref(k)}-headers-${a.key}`,"aria-sort":a.key===y.value?b.value==="asc"?"ascending":"descending":void 0,class:e.normalizeClass(["table-headers",Le(a,r)]),"data-key":a.key,"data-testid":`table-header-${a.key}`,style:e.normalizeStyle(ue.value[a.key]),onClick:()=>ze(a),onMouseleave:o[8]||(o[8]=n=>P.value=""),onMouseover:n=>P.value=a.key},[r!==0&&U(a,!0)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:o[3]||(o[3]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>fe(n,d.value[r-1].key),onMouseleave:o[4]||(o[4]=n=>B.value=""),onMouseover:n=>B.value=d.value[r-1].key},null,40,Bt)):e.createCommentVNode("",!0),e.createElementVNode("div",{"aria-describedby":a.tooltip||T[H(a.key)]?`${H(a.key)}-${e.unref(k)}`:void 0,class:e.normalizeClass(["table-headers-container",{resized:x.value===a.key}])},[a.key!==e.unref(i.TableViewHeaderKeys).BULK_ACTIONS?e.renderSlot(t.$slots,Re(a.key),{key:0,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):(e.openBlock(),e.createElementBlock("div",Nt,[e.createVNode(we.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:_e.value,onChange:et},null,8,["modelValue","indeterminate"])])),a.tooltip||t.$slots[H(a.key)]?(e.openBlock(),e.createBlock(pe.default,{key:2,"data-testid":H(a.key),"kpop-attributes":{target:l.tooltipTarget},"max-width":"300","tooltip-id":`${H(a.key)}-${e.unref(k)}`},{content:e.withCtx(()=>[e.renderSlot(t.$slots,H(a.key),{column:a},()=>[e.createTextVNode(e.toDisplayString(a.tooltip),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(lt.default),{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),De(a)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[y.value===a.key?(e.openBlock(),e.createBlock(e.unref(at.default),{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(rt.default),{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,Et),r!==d.value.length-1&&U(a)?(e.openBlock(),e.createElementBlock("div",{key:1,class:"resize-handle",onClick:o[6]||(o[6]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>fe(n,a.key),onMouseleave:o[7]||(o[7]=n=>B.value=""),onMouseover:n=>B.value=a.key},null,40,Kt)):e.createCommentVNode("",!0),D(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":K.value}])},null,2)):e.createCommentVNode("",!0)],46,Tt))),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:j.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(mt.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":ce.value===n.key&&u!==d.value.length-1&&U(n),"row-link":!!l.rowLink(a).to,"sticky-column":ye(n.key),"second-sticky-column":ve(n.key),"has-row-scroll-overlay":D(n.key),"actions-column":n.key===e.unref(i.TableViewHeaderKeys).ACTIONS},style:{...ue.value[n.key],...s.isRowActionsDropdownOpen?{zIndex:2}:{}}},{ref_for:!0},l.cellAttrs({headerKey:n.key,row:a,rowIndex:r,colIndex:u}),e.toHandlers(xe.value(a[n.key],a),!0)),[n.key!==e.unref(i.TableViewHeaderKeys).EXPANDABLE?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Xe(a,n.key)),e.mergeProps({key:0,class:"cell-wrapper"},{ref_for:!0},je(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,{key:0,row:a,rowKey:r,rowValue:a[n.key]},()=>[e.createTextVNode(e.toDisplayString(a[n.key]),1)],!0):n.key===e.unref(i.TableViewHeaderKeys).BULK_ACTIONS&&q(a)?(e.openBlock(),e.createBlock(pe.default,{key:1,"kpop-attributes":{target:l.tooltipTarget},"max-width":"200",placement:"bottom-start",text:J(a)?void 0:We(a)},{default:e.withCtx(()=>[e.createVNode(we.default,{modelValue:q(a).selected,"onUpdate:modelValue":c=>q(a).selected=c,"aria-label":"Toggle row selection",class:"bulk-actions-checkbox","data-testid":"bulk-actions-checkbox",disabled:!J(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:qe(a,r)},onToggleDropdown:c=>Pe(a,c,s)},{items:e.withCtx(()=>[e.renderSlot(t.$slots,"action-items",{row:a},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(Q.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=>Z.value=!1),onMouseover:o[10]||(o[10]=c=>Z.value=!0)},{default:e.withCtx(()=>[e.createVNode(e.unref(nt.default),{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",Ht,[e.createElementVNode("button",{"aria-controls":`table-${e.unref(k)}-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=>Ye(r,a)},[e.createVNode(e.unref(ot.default),{class:"expandable-row-control-icon",decorative:""})],10,Rt)])):e.createCommentVNode("",!0),D(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":K.value}])},null,2)):e.createCommentVNode("",!0)],16)]),_:2},1024))),128))],16,Vt),R.value&&l.rowExpandable(a)?e.withDirectives((e.openBlock(),e.createElementBlock("tr",{key:0,id:`table-${e.unref(k)}-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:me.value,nestedHeaders:Qe.value,row:a},void 0,!0)])],8,Ot)],8,xt)),[[e.vShow,g.value.includes(r)]]):e.createCommentVNode("",!0)],64))),128))])],10,At)],36),!L.value&&!R.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),Ae.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay table-overlay right",{"overlay-visible":K.value,"scrollbar-offset":X.value}])},null,2)),Fe.value?(e.openBlock(),e.createBlock(ut.default,e.mergeProps({key:`table-${e.unref(k)}-pagination-${be.value}`,class:"table-pagination","data-testid":"table-pagination","initial-page-size":I.value},l.paginationAttributes,{onGetNextOffset:o[11]||(o[11]=a=>v("get-next-offset")),onGetPreviousOffset:o[12]||(o[12]=a=>v("get-previous-offset")),onPageChange:o[13]||(o[13]=a=>v("page-change",a)),onPageSizeChange:Ze}),null,16,["initial-page-size"])):e.createCommentVNode("",!0)]))],2))}});exports.default=zt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Q=require("./kongponents32.cjs"),ge=require("./kongponents45.cjs"),tt=require("./kongponents20.cjs");;/* empty css                */const pe=require("./kongponents24.cjs");;/* empty css                */const at=require("./kongponents214.cjs"),ot=require("./kongponents209.cjs"),lt=require("./kongponents175.cjs"),nt=require("./kongponents226.cjs"),rt=require("./kongponents227.cjs");require("./kongponents5.cjs");require("./kongponents10.cjs");const it=require("./kongponents11.cjs"),i=require("./kongponents17.cjs"),C=require("./kongponents176.cjs"),st=require("./kongponents215.cjs"),ut=require("./kongponents55.cjs"),ct=require("./kongponents43.cjs"),we=require("./kongponents36.cjs"),dt=require("./kongponents228.cjs"),ft=require("./kongponents173.cjs"),yt=require("./kongponents153.cjs"),vt=require("./kongponents225.cjs"),bt=require("./kongponents180.cjs"),kt=require("./kongponents181.cjs"),mt=require("./kongponents40.cjs"),gt=require("./kongponents229.cjs"),pt={key:0,class:"table-toolbar","data-testid":"table-toolbar"},wt={key:0,class:"toolbar-default-items-container"},Ct={key:2,class:"table-error-state","data-testid":"table-error-state"},ht={key:3,class:"table-empty-state","data-testid":"table-empty-state"},St={key:4,class:"table-container"},At=["data-tableid"],Tt=["aria-sort","data-key","data-testid","onClick","onMouseover"],Bt=["onMousedown","onMouseover"],Et=["aria-describedby"],Nt={key:1,class:"table-header-bulk-actions-container"},Kt=["onMousedown","onMouseover"],Vt=["role","tabindex"],Ht={key:1,class:"expandable-row-control-container"},Rt=["aria-controls","aria-expanded","onClick"],xt=["id"],Ot=["colspan"],Lt={class:"expandable-content-wrapper"},_="desc",zt=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:Ce}){e.useCssVars(t=>({v155bb9be:e.unref(Oe).expandable,v986a43ae:$e.value,f6ff5a7e:le.value,ae566bd6:He.value}));const ee=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"]),v=Ce,T=e.useSlots(),k=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]:"",te=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},ae=e.useTemplateRef("table-wrapper"),he=e.useTemplateRef("table"),Se=e.useTemplateRef("header-row"),h=e.ref(te(l.headers)),d=e.ref([]),x=e.ref(""),B=e.ref(""),P=e.ref(""),Ae=e.computed(()=>h.value.some(t=>t.key===i.TableViewHeaderKeys.ACTIONS)),oe=e.computed(()=>h.value.filter(t=>t.hidable).length>0),E=e.computed(()=>l.nested||!oe.value||l.error?!1:T.toolbar?!0:!l.loading&&!!l.data&&!!l.data.length),Te=e.computed(()=>l.loading||!(l.data&&l.data.length)),Be=e.computed(()=>h.value.filter(t=>t.hidable&&!M(t.key))),Ee=e.computed(()=>E.value?l.tablePreferences.columnVisibility||{}:{}),N=e.ref(E.value?l.tablePreferences.columnVisibility||{}:{}),le=e.ref("100%"),X=e.ref(!1),O=e.ref(!1),S=e.ref(!1),K=e.ref(!1),y=e.ref(l.tablePreferences.sortColumnKey||""),b=e.ref(l.tablePreferences.sortColumnOrder||_),j=e.ref(!1),Ne=e.computed(()=>!l.hideToolbar&&!l.nested&&(!!T.toolbar||E.value||G.value)),Ke=e.useTemplateRef("actionsDropdown"),Z=e.ref(!1),Ve=e.computed(()=>({maxHeight:kt.normalizeSize(l.maxHeight)})),He=e.computed(()=>`${vt.getScrollbarSize()}px`),V=e.ref([]),L=e.computed(()=>!l.nested&&!l.error&&h.value.some(t=>t.key===i.TableViewHeaderKeys.BULK_ACTIONS)&&!!(T["bulk-action-items"]||T["bulk-actions"])&&!!l.data.every(t=>m(t))),z=e.ref([]),G=e.computed(()=>l.nested||!L.value||l.error?!1:T.toolbar?!0:!l.loading&&!!l.data&&!!l.data.length),ne=e.computed(()=>{const t=V.value.length;return t?t>100?"99+":String(t):""}),F=e.ref(new WeakMap),Re=t=>`column-${t}`,H=t=>`tooltip-${t}`,re=(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 f=c.split(t);s[f[1]]=p=>u[c](p,a,r)}return s},{})},xe=e.computed(()=>(t,o)=>{const a=re("onRow:",ee)(o,"row"),r=re("onCell:",ee)(t,"cell"),n=["a","button","label","input","select",'span[role="checkbox"]'];return(a.click||r.click)&&(j.value=!0),{...a,...r,click(u){const s=u.target,c=s.className;let f=n.includes(s.tagName.toLowerCase()),p=!1;typeof c=="string"||Array.isArray(c)?p=c.includes("k-popover"):typeof c=="object"&&(p=Object.keys(c).includes("k-popover")),s.closest(".popover-content")!==null&&(p=!0);for(let w=0;w<n.length;w++)if(s.closest(n[w])!==null){f=!0;break}if((!f||s.hasAttribute("disabled"))&&!p&&(a.click||r.click))if(r.click){v("cell-click",{data:t});const w=r.click(u,t,"cell");typeof w=="function"&&w(u,t)}else{v("row-click",{data:o});const w=a.click(u,o,"row");typeof w=="function"&&w(u,o)}}}}),ie=parseInt(C.KUI_SPACE_60)*2+parseInt(C.KUI_ICON_SIZE_30),se={expandable:ie,bulkActions:48,actions:54},Oe=gt.default(se,t=>`${t}px`),A=e.ref({...l.tablePreferences.columnWidths||{},...se}),ue=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}),Le=(t,o)=>({"resize-hover":ce.value===t.key&&o!==d.value.length-1&&U(t),resizable:l.resizeColumns&&!l.nested,sortable:!t.hideLabel&&!!t.sortable,"active-sort":!t.hideLabel&&!!t.sortable&&t.key===y.value,[b.value]:t.key===y.value&&!t.hideLabel,"is-scrolled":O.value,"has-tooltip":!!t.tooltip,"sticky-column":ye(t.key),"second-sticky-column":ve(t.key),"has-row-scroll-overlay":D(t.key),"actions-column":t.key===i.TableViewHeaderKeys.ACTIONS}),ze=t=>{if(t.sortable&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&t.key!==i.TableViewHeaderKeys.ACTIONS){let o="asc",a=t.key;a===y.value&&b.value==="asc"&&(o="desc"),a===y.value&&b.value==="desc"&&(a="",o=_),v("sort",{prevKey:y.value,sortColumnKey:a,sortColumnOrder:o}),Me(a)}},Ie=e.computed(()=>x.value?"resizing":B.value?"resize-hover":P.value?"th-hover":""),ce=e.computed(()=>{switch(Ie.value){case"resizing":return x.value;case"resize-hover":return B.value;case"th-hover":return P.value;default:return""}}),de=e.computed(()=>{var t;return(t=Se.value)==null?void 0:t.querySelectorAll("th.resizable")}),$e=e.computed(()=>{var o;const t=(o=de.value)==null?void 0:o.item(0);if(t){const a=window==null?void 0:window.getComputedStyle(t);if(a!=null&&a.height)return`${parseInt(a.height,10)}px`}return"auto"}),fe=(t,o)=>{var c;if(t.button!==0)return;let a=0,r=0;x.value=o;let n=null;(c=de.value)==null||c.forEach(f=>{f.getAttribute("data-testid")===`table-header-${o}`&&(n=document==null?void 0:document.querySelector(`[data-tableid="${k}"] [data-testid="table-header-${o}"]`))});const u=f=>{const p=f.clientX-a;n==null||n.setAttribute("style",`width: ${r+p}px`),A.value[o]=r+p},s=()=>{x.value="",document==null||document.removeEventListener("mousemove",u),document==null||document.removeEventListener("mouseup",s),W(),R.value&&Y()};if(a=t.clientX,n){const f=window==null?void 0:window.getComputedStyle(n);f!=null&&f.width&&(r=parseInt(f.width,10)),document==null||document.addEventListener("mousemove",u),document==null||document.addEventListener("mouseup",s)}},ye=t=>S.value?t===i.TableViewHeaderKeys.BULK_ACTIONS||t===i.TableViewHeaderKeys.EXPANDABLE:!1,ve=t=>t===i.TableViewHeaderKeys.BULK_ACTIONS&&R.value,D=t=>S.value?L.value?t===i.TableViewHeaderKeys.BULK_ACTIONS:R.value?t===i.TableViewHeaderKeys.EXPANDABLE:!1:!1,M=t=>t===i.TableViewHeaderKeys.EXPANDABLE||t===i.TableViewHeaderKeys.BULK_ACTIONS||t===i.TableViewHeaderKeys.ACTIONS,U=(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!M(r.key)}const a=d.value[d.value.indexOf(t)+1];return!M(t.key)&&!M(a.key)},Pe=(t,o,a)=>{v("row-actions-toggle",{row:t,open:o}),setTimeout(()=>{a.isRowActionsDropdownOpen=o},o?0:100)},Fe=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=te(t)},{deep:!0,immediate:!0});const De=t=>!t.hideLabel&&!!t.sortable&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS&&t.key!==i.TableViewHeaderKeys.ACTIONS,Me=t=>{y.value&&t?t===y.value?b.value==="asc"?b.value="desc":b.value="asc":(y.value=t,b.value="asc"):t?(y.value=t,b.value="asc"):(y.value="",b.value=_),W()},Ue=t=>{var a;const o=t.target;o&&(typeof o.scrollTop=="number"||typeof o.scrollLeft=="number")&&(o.scrollTop>1?(X.value=!0,O.value=!0):o.scrollTop===0&&(O.value=!1),o.scrollLeft>1?S.value=!0:o.scrollLeft===0&&(S.value=!1),o.scrollWidth<=o.scrollLeft+o.clientWidth?K.value=!1:K.value=!0),(a=Ke.value)==null||a.forEach(r=>{r&&r.closeDropdown&&r.closeDropdown()})},q=t=>z.value.find(o=>o.rowKey===m(t)),qe=(t,o)=>({"data-testid":l.rowAttrs(t)["data-testid"]?`${l.rowAttrs(t)["data-testid"]}-actions-dropdown-popover`:`row-${o}-actions-dropdown-popover`}),J=t=>{if(typeof l.rowBulkActionEnabled!="function")return!1;const o=l.rowBulkActionEnabled(t);return typeof o=="boolean"?o:o.enabled},We=t=>{if(typeof l.rowBulkActionEnabled!="function")return"";const o=l.rowBulkActionEnabled(t);return typeof o=="boolean"?"":o.disabledTooltip||""},Xe=(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"},je=(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}}}},be=e.ref(0),I=e.ref(ft.getInitialPageSize(l.tablePreferences,l.paginationAttributes)),Ze=t=>{I.value=t.pageSize,v("page-size-change",t),W()},Ge=e.computed(()=>({sortColumnKey:y.value,sortColumnOrder:b.value,...l.resizeColumns?{columnWidths:A.value}:{},...oe.value?{columnVisibility:N.value}:{},...I.value&&!l.hidePagination&&{pageSize:I.value}})),W=()=>{v("update:table-preferences",Ge.value)},R=e.computed(()=>!l.nested&&l.data.some(t=>l.rowExpandable(t))),Je={key:i.TableViewHeaderKeys.EXPANDABLE,label:"Expandable rows controls",hideLabel:!0},ke=()=>{const t=[];return l.data.forEach((o,a)=>{l.rowExpanded(o)&&t.push(a)}),t},g=e.ref(ke()),Ye=async(t,o)=>{Y(),await e.nextTick(),g.value.includes(t)?(g.value=g.value.filter(a=>a!==t),v("update:row-expanded",{row:o,expanded:!1})):(g.value=[...g.value,t],v("update:row-expanded",{row:o,expanded:!0}))},Qe=e.computed(()=>d.value.filter(t=>t.key!==i.TableViewHeaderKeys.EXPANDABLE&&t.key!==i.TableViewHeaderKeys.BULK_ACTIONS)),me=e.ref({}),Y=()=>{if(typeof document>"u")return;const t=document==null?void 0:document.querySelector(`[data-tableid="${k}"]`),o=t==null?void 0:t.querySelectorAll("th"),a={};o==null||o.forEach((r,n)=>{const u=r.getAttribute("data-key");if(u===i.TableViewHeaderKeys.EXPANDABLE)return;let s=r.getBoundingClientRect().width;n===1&&(s+=ie),n===o.length-1&&(s-=15),a[u]=s}),me.value=a};e.watch([N,h,R],t=>{const[o,a,r]=t;let n=a.filter(u=>u.key===i.TableViewHeaderKeys.BULK_ACTIONS?L.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(Je),JSON.stringify(n)!==JSON.stringify(d.value)&&(d.value=n,W()),r&&Y()},{deep:!0,immediate:!0}),e.watch(E,t=>{t&&(N.value=l.tablePreferences.columnVisibility||{})},{immediate:!0});const $=e.ref(!1),_e=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}),et=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)||yt.getUniqueStringId();F.value.set(r,`table-${k}-row-${n}`)}}),L.value){o.forEach(s=>{q(s)||z.value.push({rowKey:m(s),selected:!1,disabled:!J(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(f=>f.rowKey===m(s));return!!(c&&c.selected)}),u=[];V.value.forEach(s=>{o.find(f=>m(s)===m(f))||u.push(s)}),V.value=[...u,...n]}g.value=ke()},{deep:!0,immediate:!0}),e.watch(V,t=>{v("row-select",t)}),e.watch(()=>l.tablePreferences,t=>{t!=null&&t.pageSize&&(I.value=t.pageSize,be.value++),y.value=t!=null&&t.sortColumnKey?t.sortColumnKey:y.value,b.value=t!=null&&t.sortColumnOrder?t.sortColumnOrder:b.value,A.value=t!=null&&t.columnWidths?t.columnWidths:A.value,N.value=t!=null&&t.columnVisibility?t.columnVisibility:N.value}),bt.useResizeObserver([ae,he],()=>{const t=ae.value;t&&(K.value=t.scrollWidth>t.clientWidth,le.value=t.clientHeight+"px",X.value=t.scrollHeight>t.clientHeight)}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-table-view",{"hide-headers":l.hideHeaders}])},[Ne.value?(e.openBlock(),e.createElementBlock("div",pt,[e.renderSlot(t.$slots,"toolbar",{},void 0,!0),G.value||E.value?(e.openBlock(),e.createElementBlock("div",wt,[G.value?e.renderSlot(t.$slots,"bulk-actions",{key:0,selectedRows:V.value},()=>[t.$slots["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:ne.value,disabled:!ne.value||l.loading||!l.data.length},{items:e.withCtx(()=>[e.renderSlot(t.$slots,"bulk-action-items",{selectedRows:V.value},void 0,!0)]),_:3},8,["button-label","count","disabled"]))],!0):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(st.default,{key:1,columns:Be.value,disabled:Te.value,"table-id":e.unref(k),"visibility-preferences":Ee.value,onUpdate:o[0]||(o[0]=a=>N.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(tt.default,{key:1,"data-testid":"table-skeleton",type:"table"})):l.error?(e.openBlock(),e.createElementBlock("div",Ct,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode(ge.default,{"icon-variant":"error",message:l.errorStateMessage,title:l.errorStateTitle},e.createSlots({_:2},[l.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(Q.default,{"data-testid":"error-state-action",to:l.errorStateActionRoute,onClick:o[1]||(o[1]=a=>v("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",ht,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode(ge.default,{"icon-variant":l.emptyStateIconVariant,message:l.emptyStateMessage,title:l.emptyStateTitle},e.createSlots({_:2},[l.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(Q.default,{appearance:l.emptyStateButtonAppearance,"data-testid":"empty-state-action",to:l.emptyStateActionRoute,onClick:o[2]||(o[2]=a=>v("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",St,[e.createElementVNode("div",{ref:"table-wrapper",class:"table-wrapper",style:e.normalizeStyle(Ve.value),onScrollPassive:Ue},[e.createElementVNode("table",{ref:"table",class:e.normalizeClass(["table",{"has-hover":l.rowHover&&!Z.value,"is-clickable":j.value}]),"data-tableid":e.unref(k)},[l.hideHeaders?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("thead",{key:0,class:e.normalizeClass({"is-scrolled":O.value})},[e.createElementVNode("tr",{ref:"header-row",class:e.normalizeClass({"is-scrolled":O.value})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(a,r)=>(e.openBlock(),e.createElementBlock("th",{key:`table-${e.unref(k)}-headers-${a.key}`,"aria-sort":a.key===y.value?b.value==="asc"?"ascending":"descending":void 0,class:e.normalizeClass(["table-headers",Le(a,r)]),"data-key":a.key,"data-testid":`table-header-${a.key}`,style:e.normalizeStyle(ue.value[a.key]),onClick:()=>ze(a),onMouseleave:o[8]||(o[8]=n=>P.value=""),onMouseover:n=>P.value=a.key},[r!==0&&U(a,!0)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:o[3]||(o[3]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>fe(n,d.value[r-1].key),onMouseleave:o[4]||(o[4]=n=>B.value=""),onMouseover:n=>B.value=d.value[r-1].key},null,40,Bt)):e.createCommentVNode("",!0),e.createElementVNode("div",{"aria-describedby":a.tooltip||T[H(a.key)]?`${H(a.key)}-${e.unref(k)}`:void 0,class:e.normalizeClass(["table-headers-container",{resized:x.value===a.key}])},[a.key!==e.unref(i.TableViewHeaderKeys).BULK_ACTIONS?e.renderSlot(t.$slots,Re(a.key),{key:0,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):(e.openBlock(),e.createElementBlock("div",Nt,[e.createVNode(we.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:_e.value,onChange:et},null,8,["modelValue","indeterminate"])])),a.tooltip||t.$slots[H(a.key)]?(e.openBlock(),e.createBlock(pe.default,{key:2,"data-testid":H(a.key),"kpop-attributes":{target:l.tooltipTarget},"max-width":"300","tooltip-id":`${H(a.key)}-${e.unref(k)}`},{content:e.withCtx(()=>[e.renderSlot(t.$slots,H(a.key),{column:a},()=>[e.createTextVNode(e.toDisplayString(a.tooltip),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(lt.default),{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),De(a)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[y.value===a.key?(e.openBlock(),e.createBlock(e.unref(at.default),{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(rt.default),{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,Et),r!==d.value.length-1&&U(a)?(e.openBlock(),e.createElementBlock("div",{key:1,class:"resize-handle",onClick:o[6]||(o[6]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>fe(n,a.key),onMouseleave:o[7]||(o[7]=n=>B.value=""),onMouseover:n=>B.value=a.key},null,40,Kt)):e.createCommentVNode("",!0),D(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":K.value}])},null,2)):e.createCommentVNode("",!0)],46,Tt))),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:j.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(mt.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":ce.value===n.key&&u!==d.value.length-1&&U(n),"row-link":!!l.rowLink(a).to,"sticky-column":ye(n.key),"second-sticky-column":ve(n.key),"has-row-scroll-overlay":D(n.key),"actions-column":n.key===e.unref(i.TableViewHeaderKeys).ACTIONS},style:{...ue.value[n.key],...s.isRowActionsDropdownOpen?{zIndex:2}:{}}},{ref_for:!0},l.cellAttrs({headerKey:n.key,row:a,rowIndex:r,colIndex:u}),e.toHandlers(xe.value(a[n.key],a),!0)),[n.key!==e.unref(i.TableViewHeaderKeys).EXPANDABLE?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Xe(a,n.key)),e.mergeProps({key:0,class:"cell-wrapper"},{ref_for:!0},je(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,{key:0,row:a,rowKey:r,rowValue:a[n.key]},()=>[e.createTextVNode(e.toDisplayString(a[n.key]),1)],!0):n.key===e.unref(i.TableViewHeaderKeys).BULK_ACTIONS&&q(a)?(e.openBlock(),e.createBlock(pe.default,{key:1,"kpop-attributes":{target:l.tooltipTarget},"max-width":"200",placement:"bottom-start",text:J(a)?void 0:We(a)},{default:e.withCtx(()=>[e.createVNode(we.default,{modelValue:q(a).selected,"onUpdate:modelValue":c=>q(a).selected=c,"aria-label":"Toggle row selection",class:"bulk-actions-checkbox","data-testid":"bulk-actions-checkbox",disabled:!J(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:qe(a,r)},onToggleDropdown:c=>Pe(a,c,s)},{items:e.withCtx(()=>[e.renderSlot(t.$slots,"action-items",{row:a},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(Q.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=>Z.value=!1),onMouseover:o[10]||(o[10]=c=>Z.value=!0)},{default:e.withCtx(()=>[e.createVNode(e.unref(nt.default),{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",Ht,[e.createElementVNode("button",{"aria-controls":`table-${e.unref(k)}-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=>Ye(r,a)},[e.createVNode(e.unref(ot.default),{class:"expandable-row-control-icon",decorative:""})],10,Rt)])):e.createCommentVNode("",!0),D(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":K.value}])},null,2)):e.createCommentVNode("",!0)],16)]),_:2},1024))),128))],16,Vt),R.value&&l.rowExpandable(a)?e.withDirectives((e.openBlock(),e.createElementBlock("tr",{key:0,id:`table-${e.unref(k)}-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:me.value,nestedHeaders:Qe.value,row:a},void 0,!0)])],8,Ot)],8,xt)),[[e.vShow,g.value.includes(r)]]):e.createCommentVNode("",!0)],64))),128))])],10,At)],36),!L.value&&!R.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),Ae.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,"aria-hidden":"true",class:e.normalizeClass(["scroll-overlay table-overlay right",{"overlay-visible":K.value,"scrollbar-offset":X.value}])},null,2)),Fe.value?(e.openBlock(),e.createBlock(ut.default,e.mergeProps({key:`table-${e.unref(k)}-pagination-${be.value}`,class:"table-pagination","data-testid":"table-pagination","initial-page-size":I.value},l.paginationAttributes,{onGetNextOffset:o[11]||(o[11]=a=>v("get-next-offset")),onGetPreviousOffset:o[12]||(o[12]=a=>v("get-previous-offset")),onPageChange:o[13]||(o[13]=a=>v("page-change",a)),onPageSizeChange:Ze}),null,16,["initial-page-size"])):e.createCommentVNode("",!0)]))],2))}});exports.default=zt;

package/dist/kongponents162.es.js

@@ -5,28 +5,28 @@ import Nt from "./kongponents20.es.js";
 /* empty css                 */
 import Fe from "./kongponents24.es.js";
 /* empty css                 */
-import xt from "./kongponents221.es.js";
-import zt from "./kongponents226.es.js";
-import It from "./kongponents178.es.js";
-import Pt from "./kongponents227.es.js";
-import Kt from "./kongponents228.es.js";
+import xt from "./kongponents214.es.js";
+import zt from "./kongponents209.es.js";
+import It from "./kongponents175.es.js";
+import Pt from "./kongponents226.es.js";
+import Kt from "./kongponents227.es.js";
 import "./kongponents5.es.js";
 import "./kongponents10.es.js";
 import { EmptyStateIconVariants as Ht } from "./kongponents11.es.js";
 import { TableViewHeaderKeys as i } from "./kongponents17.es.js";
-import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Mt, KUI_COLOR_TEXT_PRIMARY as Ft, KUI_COLOR_TEXT_NEUTRAL_WEAK as Dt, KUI_SPACE_60 as Ut } from "./kongponents181.es.js";
-import Wt from "./kongponents229.es.js";
+import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Mt, KUI_COLOR_TEXT_PRIMARY as Ft, KUI_COLOR_TEXT_NEUTRAL_WEAK as Dt, KUI_SPACE_60 as Ut } from "./kongponents176.es.js";
+import Wt from "./kongponents215.es.js";
 import Xt from "./kongponents55.es.js";
 import Vt from "./kongponents43.es.js";
 import De from "./kongponents36.es.js";
-import qt from "./kongponents230.es.js";
+import qt from "./kongponents228.es.js";
 import { getInitialPageSize as jt } from "./kongponents173.es.js";
 import { getUniqueStringId as Zt } from "./kongponents153.es.js";
-import { getScrollbarSize as Gt } from "./kongponents211.es.js";
-import { useResizeObserver as Jt } from "./kongponents190.es.js";
-import { normalizeSize as Yt } from "./kongponents182.es.js";
+import { getScrollbarSize as Gt } from "./kongponents225.es.js";
+import { useResizeObserver as Jt } from "./kongponents180.es.js";
+import { normalizeSize as Yt } from "./kongponents181.es.js";
 import Qt from "./kongponents40.es.js";
-import _t from "./kongponents231.es.js";
+import _t from "./kongponents229.es.js";
 const eo = {
   key: 0,
   class: "table-toolbar",

package/dist/kongponents167.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("./kongponents239.cjs"),A=require("./kongponents240.cjs"),L=require("./kongponents181.cjs"),M={class:"k-filter-group"},I={key:0,class:"label","data-testid":"filter-group-label"},V=["data-testid"],q=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:F}){const g=e.useSlots(),b=t=>`filter-${t}`,v=t=>`filter-item-${t}`,r=e.useModel(n,"modelValue"),i=e.ref(),a=e.ref([]),s=F,f=e.computed(()=>{const t=Object.keys(n.filters).filter(l=>n.filters[l].pinned),o=a.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))),h=e.computed(()=>d.value.reduce((t,o)=>({...t,[o]:n.filters[o]}),{})),S=Number.parseFloat(L.KUI_ANIMATION_DURATION_20)*1e3,B=t=>{setTimeout(()=>{i.value=t},S)},C=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)},O=t=>{r.value[t]=void 0,i.value===t&&(i.value=void 0),s("clear",t,r.value)},$=(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])=>{var p;if((p=n.filters[o])==null?void 0:p.pinned)return;const c=a.value.indexOf(o);c!==-1&&l===void 0?a.value=[...a.value.slice(0,c),...a.value.slice(c+1)]:c===-1&&l!==void 0&&a.value.push(o)})},{immediate:!0,deep:!0}),(t,o)=>(e.openBlock(),e.createElementBlock("div",M,[n.groupLabel?(e.openBlock(),e.createElementBlock("div",I,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(A.default,{custom:!!e.unref(g)[`filter-${l}`],filter:n.filters[l],"init-open":l===i.value,selection:r.value[l],onApply:u=>$(l,u),onClear:u=>O(l),onClose:u=>m(l),onOpen:u=>C(l)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,b(l),{},void 0,!0)]),_:2},1032,["custom","filter","init-open","selection","onApply","onClear","onClose","onOpen"])],8,V))),128)),d.value.length>0?(e.openBlock(),e.createBlock(N.default,{key:1,filters:h.value,"item-filtering":n.itemFiltering,label:n.selectorLabel?n.selectorLabel:"Add filter",onSelect:B},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=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("./kongponents207.cjs"),A=require("./kongponents208.cjs"),L=require("./kongponents176.cjs"),M={class:"k-filter-group"},I={key:0,class:"label","data-testid":"filter-group-label"},V=["data-testid"],q=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:F}){const g=e.useSlots(),b=t=>`filter-${t}`,v=t=>`filter-item-${t}`,r=e.useModel(n,"modelValue"),i=e.ref(),a=e.ref([]),s=F,f=e.computed(()=>{const t=Object.keys(n.filters).filter(l=>n.filters[l].pinned),o=a.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))),h=e.computed(()=>d.value.reduce((t,o)=>({...t,[o]:n.filters[o]}),{})),S=Number.parseFloat(L.KUI_ANIMATION_DURATION_20)*1e3,B=t=>{setTimeout(()=>{i.value=t},S)},C=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)},O=t=>{r.value[t]=void 0,i.value===t&&(i.value=void 0),s("clear",t,r.value)},$=(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])=>{var p;if((p=n.filters[o])==null?void 0:p.pinned)return;const c=a.value.indexOf(o);c!==-1&&l===void 0?a.value=[...a.value.slice(0,c),...a.value.slice(c+1)]:c===-1&&l!==void 0&&a.value.push(o)})},{immediate:!0,deep:!0}),(t,o)=>(e.openBlock(),e.createElementBlock("div",M,[n.groupLabel?(e.openBlock(),e.createElementBlock("div",I,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(A.default,{custom:!!e.unref(g)[`filter-${l}`],filter:n.filters[l],"init-open":l===i.value,selection:r.value[l],onApply:u=>$(l,u),onClear:u=>O(l),onClose:u=>m(l),onOpen:u=>C(l)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,b(l),{},void 0,!0)]),_:2},1032,["custom","filter","init-open","selection","onApply","onClear","onClose","onOpen"])],8,V))),128)),d.value.length>0?(e.openBlock(),e.createBlock(N.default,{key:1,filters:h.value,"item-filtering":n.itemFiltering,label:n.selectorLabel?n.selectorLabel:"Add filter",onSelect:B},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=q;

package/dist/kongponents167.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as D, useSlots as T, useModel as w, ref as b, computed as f, watch as E, openBlock as s, createElementBlock as c, toDisplayString as K, createCommentVNode as h, Fragment as U, renderList as $, createVNode as q, unref as G, withCtx as C, renderSlot as O, createBlock as P, createSlots as R, mergeModels as S } from "vue";
-import z from "./kongponents239.es.js";
-import H from "./kongponents240.es.js";
-import { KUI_ANIMATION_DURATION_20 as J } from "./kongponents181.es.js";
+import z from "./kongponents207.es.js";
+import H from "./kongponents208.es.js";
+import { KUI_ANIMATION_DURATION_20 as J } from "./kongponents176.es.js";
 const Q = { class: "k-filter-group" }, W = {
   key: 0,
   class: "label",

package/dist/kongponents175.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents278.cjs"),y=["aria-hidden"],d='<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>',h=r.defineComponent({__name:"CheckCircleIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:u.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),s=r.computed(()=>{if(o(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return u.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:s.value,lineHeight:"0",width:s.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,a)=>{const c=`${m}-${a}`;return i[a]=c,`id="${c}"`}).replace(/#([^\s^")]+)/g,(l,a)=>i[a]?`#${i[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),C=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?d:f(d)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon check-circle-icon","data-testid":"kui-icon-wrapper-check-circle-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-check-circle-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:C},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents277.cjs"),y=["aria-hidden"],c='<path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>',b=r.defineComponent({__name:"InfoIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:u.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),s=r.computed(()=>{if(o(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return u.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:s.value,lineHeight:"0",width:s.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,a)=>{const d=`${m}-${a}`;return i[a]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,a)=>i[a]?`#${i[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},C=n=>n.replace(/[<>"'&]/g,i=>g[i]),v=`${e.title?`<title data-testid="kui-icon-svg-title">${C(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon info-icon","data-testid":"kui-icon-wrapper-info-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-info-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:v},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;

package/dist/kongponents175.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as c, openBlock as d, createBlock as b, resolveDynamicComponent as k, normalizeStyle as x, withCtx as S, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents278.es.js";
-const z = ["aria-hidden"], p = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', I = /* @__PURE__ */ y({
-  __name: "CheckCircleIcon",
+import { defineComponent as h, computed as d, openBlock as u, createBlock as b, resolveDynamicComponent as x, normalizeStyle as S, withCtx as w, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kongponents277.es.js";
+const $ = ["aria-hidden"], f = '<path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', k = /* @__PURE__ */ h({
+  __name: "InfoIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,7 +31,7 @@ const z = ["aria-hidden"], p = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 1
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: p,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (t) => {
         if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
@@ -61,7 +61,7 @@ const z = ["aria-hidden"], p = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 1
     }
   },
   setup(t) {
-    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = c(() => {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
       if (n(e.size))
         return e.size;
       if (typeof e.size == "number" && e.size > 0)
@@ -71,40 +71,40 @@ const z = ["aria-hidden"], p = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 1
         if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
           return `${i}px`;
       }
-      return u;
-    }), f = c(() => ({
+      return p;
+    }), c = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: o.value,
+      height: a.value,
       lineHeight: "0",
-      width: o.value,
+      width: a.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), g = (r) => {
-      const i = {}, h = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, a) => {
-        const l = `${h}-${a}`;
-        return i[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (s, a) => i[a] ? `#${i[a]}` : s);
+      const i = {}, y = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, o) => {
+        const l = `${y}-${o}`;
+        return i[o] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, o) => i[o] ? `#${i[o]}` : s);
     }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
-    return (r, i) => (d(), b(k(t.as), {
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? f : g(f)}`;
+    return (r, i) => (u(), b(x(t.as), {
       "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon check-circle-icon",
-      "data-testid": "kui-icon-wrapper-check-circle-icon",
-      style: x(f.value),
+      class: "kui-icon info-icon",
+      "data-testid": "kui-icon-wrapper-info-icon",
+      style: S(c.value),
       tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (d(), w("svg", {
+      default: w(() => [
+        (u(), N("svg", {
           "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-check-circle-icon",
+          "data-testid": "kui-icon-svg-info-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -112,12 +112,12 @@ const z = ["aria-hidden"], p = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 1
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, z))
+        }, null, 8, $))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  I as default
+  k as default
 };

package/dist/kongponents176.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents278.cjs"),b=["aria-hidden"],c='<path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="currentColor"/>',h=r.defineComponent({__name:"CloseIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:d.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),n=Number(e);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,n=o=>typeof o=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(o),a=r.computed(()=>{if(n(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const o=String(e.size).replace(/px/gi,""),i=Number(o);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return d.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),f=o=>{const i={},m=Math.random().toString(36).substring(2,12);return o.replace(/id="([^"]+)"/g,(l,s)=>{const u=`${m}-${s}`;return i[s]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(l,s)=>i[s]?`#${i[s]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=o=>o.replace(/[<>"'&]/g,i=>g[i]),y=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(o,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon close-icon","data-testid":"kui-icon-wrapper-close-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-close-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:y},null,8,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="#000933",I="#00abd2",E="#ffffff",O="#6c7489",T="#52596e",U="#afb7c5",K="#0044f4",C="#995c00",R="0.2s",A="16px",N="20px",t="24px",c="32px",L="20px",S="4px",o="6px",s="8px",n="12px",X="16px";exports.KUI_ANIMATION_DURATION_20=R;exports.KUI_COLOR_TEXT=_;exports.KUI_COLOR_TEXT_DECORATIVE_AQUA=I;exports.KUI_COLOR_TEXT_INVERSE=E;exports.KUI_COLOR_TEXT_NEUTRAL=O;exports.KUI_COLOR_TEXT_NEUTRAL_STRONG=T;exports.KUI_COLOR_TEXT_NEUTRAL_WEAK=U;exports.KUI_COLOR_TEXT_PRIMARY=K;exports.KUI_COLOR_TEXT_WARNING=C;exports.KUI_ICON_SIZE_30=A;exports.KUI_ICON_SIZE_40=N;exports.KUI_ICON_SIZE_50=t;exports.KUI_ICON_SIZE_60=c;exports.KUI_LINE_HEIGHT_30=L;exports.KUI_SPACE_20=S;exports.KUI_SPACE_30=o;exports.KUI_SPACE_40=s;exports.KUI_SPACE_50=n;exports.KUI_SPACE_60=X;

package/dist/kongponents176.es.js

@@ -1,123 +1,22 @@
-import { defineComponent as b, computed as d, openBlock as u, createBlock as x, resolveDynamicComponent as L, normalizeStyle as S, withCtx as w, createElementBlock as $ } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kongponents278.es.js";
-const z = ["aria-hidden"], p = '<path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="currentColor"/>', I = /* @__PURE__ */ b({
-  __name: "CloseIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: c,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
-          return !0;
-        if (typeof t == "string") {
-          const e = String(t).replace(/px/gi, ""), o = Number(e);
-          if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(t) {
-    const e = t, o = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
-      if (o(e.size))
-        return e.size;
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return c;
-    }), f = d(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: a.value,
-      lineHeight: "0",
-      width: a.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const i = {}, h = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, n) => {
-        const l = `${h}-${n}`;
-        return i[n] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (s, n) => i[n] ? `#${i[n]}` : s);
-    }, m = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
-    return (r, i) => (u(), x(L(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon close-icon",
-      "data-testid": "kui-icon-wrapper-close-icon",
-      style: S(f.value),
-      tabindex: t.decorative ? "-1" : void 0
-    }, {
-      default: w(() => [
-        (u(), $("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-close-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: y
-        }, null, 8, z))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
+const _ = "#000933", I = "#00abd2", E = "#ffffff", O = "#6c7489", T = "#52596e", U = "#afb7c5", c = "#0044f4", o = "#995c00", s = "0.2s", t = "16px", K = "20px", n = "24px", C = "32px", R = "20px", A = "4px", N = "6px", L = "8px", p = "12px", x = "16px";
 export {
-  I as default
+  s as KUI_ANIMATION_DURATION_20,
+  _ as KUI_COLOR_TEXT,
+  I as KUI_COLOR_TEXT_DECORATIVE_AQUA,
+  E as KUI_COLOR_TEXT_INVERSE,
+  O as KUI_COLOR_TEXT_NEUTRAL,
+  T as KUI_COLOR_TEXT_NEUTRAL_STRONG,
+  U as KUI_COLOR_TEXT_NEUTRAL_WEAK,
+  c as KUI_COLOR_TEXT_PRIMARY,
+  o as KUI_COLOR_TEXT_WARNING,
+  t as KUI_ICON_SIZE_30,
+  K as KUI_ICON_SIZE_40,
+  n as KUI_ICON_SIZE_50,
+  C as KUI_ICON_SIZE_60,
+  R as KUI_LINE_HEIGHT_30,
+  A as KUI_SPACE_20,
+  N as KUI_SPACE_30,
+  L as KUI_SPACE_40,
+  p as KUI_SPACE_50,
+  x as KUI_SPACE_60
 };

package/dist/kongponents177.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents278.cjs"),y=["aria-hidden"],c='<path d="M8.575 21.25C8.30833 21.25 8.05417 21.2 7.8125 21.1C7.57083 21 7.35833 20.8583 7.175 20.675L3.075 16.575C2.89167 16.3917 2.75 16.1792 2.65 15.9375C2.55 15.6958 2.5 15.4417 2.5 15.175V9.325C2.5 9.05833 2.55 8.80417 2.65 8.5625C2.75 8.32083 2.89167 8.10833 3.075 7.925L7.175 3.825C7.35833 3.64167 7.57083 3.5 7.8125 3.4C8.05417 3.3 8.30833 3.25 8.575 3.25H14.425C14.6917 3.25 14.9458 3.3 15.1875 3.4C15.4292 3.5 15.6417 3.64167 15.825 3.825L19.925 7.925C20.1083 8.10833 20.25 8.32083 20.35 8.5625C20.45 8.80417 20.5 9.05833 20.5 9.325V15.175C20.5 15.4417 20.45 15.6958 20.35 15.9375C20.25 16.1792 20.1083 16.3917 19.925 16.575L15.825 20.675C15.6417 20.8583 15.4292 21 15.1875 21.1C14.9458 21.2 14.6917 21.25 14.425 21.25H8.575ZM11.5 13.65L13.65 15.8C13.8333 15.9833 14.0667 16.075 14.35 16.075C14.6333 16.075 14.8667 15.9833 15.05 15.8C15.2333 15.6167 15.325 15.3833 15.325 15.1C15.325 14.8167 15.2333 14.5833 15.05 14.4L12.9 12.25L15.05 10.1C15.2333 9.91667 15.325 9.68333 15.325 9.4C15.325 9.11667 15.2333 8.88333 15.05 8.7C14.8667 8.51667 14.6333 8.425 14.35 8.425C14.0667 8.425 13.8333 8.51667 13.65 8.7L11.5 10.85L9.35 8.7C9.16667 8.51667 8.93333 8.425 8.65 8.425C8.36667 8.425 8.13333 8.51667 7.95 8.7C7.76667 8.88333 7.675 9.11667 7.675 9.4C7.675 9.68333 7.76667 9.91667 7.95 10.1L10.1 12.25L7.95 14.4C7.76667 14.5833 7.675 14.8167 7.675 15.1C7.675 15.3833 7.76667 15.6167 7.95 15.8C8.13333 15.9833 8.36667 16.075 8.65 16.075C8.93333 16.075 9.16667 15.9833 9.35 15.8L11.5 13.65Z" fill="currentColor"/>',b=r.defineComponent({__name:"DangerIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:u.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),a=Number(e);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,a=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),s=r.computed(()=>{if(a(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return u.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:s.value,lineHeight:"0",width:s.value,pointerEvents:e.decorative?"none":void 0})),C=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,o)=>{const d=`${m}-${o}`;return i[o]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,o)=>i[o]?`#${i[o]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},f=n=>n.replace(/[<>"'&]/g,i=>g[i]),v=`${e.title?`<title data-testid="kui-icon-svg-title">${f(e.title)}</title>`:""}${e.staticIds?c:C(c)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon danger-icon","data-testid":"kui-icon-wrapper-danger-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-danger-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:v},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./kongponents182.cjs"),g=require("./kongponents259.cjs"),e=require("vue");function q(t){return t!=null&&typeof t=="object"&&"$el"in t}function _(t){if(q(t)){const a=t.$el;return g.isNode(a)&&g.getNodeName(a)==="#comment"?null:a}return t}function c(t){return typeof t=="function"?t():e.unref(t)}function E(t){return typeof window>"u"?1:(t.ownerDocument.defaultView||window).devicePixelRatio||1}function b(t,a){const l=E(t);return Math.round(a*l)/l}function N(t,a,l){l===void 0&&(l={});const P=l.whileElementsMounted,s=e.computed(()=>{var n;return(n=c(l.open))!=null?n:!0}),R=e.computed(()=>c(l.middleware)),p=e.computed(()=>{var n;return(n=c(l.placement))!=null?n:"bottom"}),v=e.computed(()=>{var n;return(n=c(l.strategy))!=null?n:"absolute"}),S=e.computed(()=>{var n;return(n=c(l.transform))!=null?n:!0}),i=e.computed(()=>_(t.value)),u=e.computed(()=>_(a.value)),w=e.ref(0),y=e.ref(0),f=e.ref(v.value),x=e.ref(p.value),O=e.shallowRef({}),h=e.ref(!1),M=e.computed(()=>{const n={position:f.value,left:"0",top:"0"};if(!u.value)return n;const o=b(u.value,w.value),D=b(u.value,y.value);return S.value?{...n,transform:"translate("+o+"px, "+D+"px)",...E(u.value)>=1.5&&{willChange:"transform"}}:{position:f.value,left:o+"px",top:D+"px"}});let d;function m(){if(i.value==null||u.value==null)return;const n=s.value;r.computePosition(i.value,u.value,{middleware:R.value,placement:p.value,strategy:v.value}).then(o=>{w.value=o.x,y.value=o.y,f.value=o.strategy,x.value=o.placement,O.value=o.middlewareData,h.value=n!==!1})}function V(){typeof d=="function"&&(d(),d=void 0)}function C(){if(V(),P===void 0){m();return}if(i.value!=null&&u.value!=null){d=P(i.value,u.value,m);return}}function U(){s.value||(h.value=!1)}return e.watch([R,p,v,s],m,{flush:"sync"}),e.watch([i,u],C,{flush:"sync"}),e.watch(s,U,{flush:"sync"}),e.getCurrentScope()&&e.onScopeDispose(V),{x:e.shallowReadonly(w),y:e.shallowReadonly(y),strategy:e.shallowReadonly(f),placement:e.shallowReadonly(x),middlewareData:e.shallowReadonly(O),isPositioned:e.shallowReadonly(h),floatingStyles:M,update:m}}exports.autoPlacement=r.autoPlacement;exports.autoUpdate=r.autoUpdate;exports.computePosition=r.computePosition;exports.flip=r.flip;exports.platform=r.platform;exports.shift=r.shift;exports.getOverflowAncestors=g.getOverflowAncestors;exports.useFloating=N;