@kong/kongponents 9.61.2-pr.3293.b31fc2d.0 → 9.61.2

package/dist/kongponents169.cjs

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

package/dist/kongponents169.es.js

@@ -5,28 +5,28 @@ import zt from "./kongponents25.es.js";
 /* empty css                 */
 import De from "./kongponents30.es.js";
 /* empty css                 */
-import It from "./kongponents211.es.js";
-import Pt from "./kongponents227.es.js";
-import Kt from "./kongponents186.es.js";
-import Ht from "./kongponents228.es.js";
-import Mt from "./kongponents229.es.js";
+import It from "./kongponents218.es.js";
+import Pt from "./kongponents242.es.js";
+import Kt from "./kongponents212.es.js";
+import Ht from "./kongponents250.es.js";
+import Mt from "./kongponents251.es.js";
 import "./kongponents7.es.js";
 import "./kongponents12.es.js";
 import { EmptyStateIconVariants as Ft } from "./kongponents13.es.js";
 import { TableViewHeaderKeys as i } from "./kongponents19.es.js";
-import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Dt, KUI_COLOR_TEXT_PRIMARY as Ut, KUI_COLOR_TEXT_NEUTRAL_WEAK as Vt, KUI_SPACE_60 as Wt } from "./kongponents189.es.js";
-import Xt from "./kongponents230.es.js";
+import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Dt, KUI_COLOR_TEXT_PRIMARY as Ut, KUI_COLOR_TEXT_NEUTRAL_WEAK as Vt, KUI_SPACE_60 as Wt } from "./kongponents184.es.js";
+import Xt from "./kongponents236.es.js";
 import qt from "./kongponents61.es.js";
 import jt from "./kongponents49.es.js";
 import Ue from "./kongponents42.es.js";
-import Zt from "./kongponents231.es.js";
+import Zt from "./kongponents252.es.js";
 import { getInitialPageSize as Gt } from "./kongponents181.es.js";
 import { getUniqueStringId as Jt } from "./kongponents160.es.js";
-import { getScrollbarSize as Yt } from "./kongponents218.es.js";
-import { useElementSize as Qt, useResizeObserver as _t } from "./kongponents198.es.js";
-import { normalizeSize as ea } from "./kongponents199.es.js";
+import { getScrollbarSize as Yt } from "./kongponents224.es.js";
+import { useElementSize as Qt, useResizeObserver as _t } from "./kongponents193.es.js";
+import { normalizeSize as ea } from "./kongponents186.es.js";
 import ta from "./kongponents46.es.js";
-import aa from "./kongponents232.es.js";
+import aa from "./kongponents253.es.js";
 const oa = {
   key: 0,
   class: "table-toolbar",

package/dist/kongponents174.cjs

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

package/dist/kongponents174.es.js

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

package/dist/kongponents183.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents269.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"),d=require("./kongponents271.cjs"),y=["aria-hidden"],c='<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"/>',b=r.defineComponent({__name:"ChevronUpIcon",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,""),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 d.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 u=`${m}-${a}`;return i[a]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(l,a)=>i[a]?`#${i[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),h=`${e.title?`<title data-testid="kui-icon-svg-title">${v(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 chevron-up-icon","data-testid":"kui-icon-wrapper-chevron-up-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-chevron-up-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:h},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;

package/dist/kongponents183.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 "./kongponents269.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 b, computed as d, openBlock as u, createBlock as x, resolveDynamicComponent as S, normalizeStyle as w, withCtx as N, createElementBlock as $ } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kongponents271.es.js";
+const z = ["aria-hidden"], c = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"/>', q = /* @__PURE__ */ b({
+  __name: "ChevronUpIcon",
   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,47 +71,47 @@ 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;
+    }), f = 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);
-    }, C = {
+      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);
+    }, v = {
       "<": "&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) => v[i]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
+    return (r, i) => (u(), x(S(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 chevron-up-icon",
+      "data-testid": "kui-icon-wrapper-chevron-up-icon",
+      style: w(f.value),
       tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (d(), w("svg", {
+      default: N(() => [
+        (u(), $("svg", {
           "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-check-circle-icon",
+          "data-testid": "kui-icon-svg-chevron-up-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: h
         }, null, 8, z))
       ]),
       _: 1
@@ -119,5 +119,5 @@ const z = ["aria-hidden"], p = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 1
   }
 });
 export {
-  I as default
+  q as default
 };

package/dist/kongponents184.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents269.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",U="#52596e",T="#afb7c5",K="#0044f4",R="#995c00",C="0.2s",A="16px",N="20px",S="24px",t="32px",c="20px",L="4px",o="6px",s="8px",n="12px",X="16px";exports.KUI_ANIMATION_DURATION_20=C;exports.KUI_COLOR_BACKGROUND_INVERSE=_;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=U;exports.KUI_COLOR_TEXT_NEUTRAL_WEAK=T;exports.KUI_COLOR_TEXT_PRIMARY=K;exports.KUI_COLOR_TEXT_WARNING=R;exports.KUI_ICON_SIZE_30=A;exports.KUI_ICON_SIZE_40=N;exports.KUI_ICON_SIZE_50=S;exports.KUI_ICON_SIZE_60=t;exports.KUI_LINE_HEIGHT_30=c;exports.KUI_SPACE_20=L;exports.KUI_SPACE_30=o;exports.KUI_SPACE_40=s;exports.KUI_SPACE_50=n;exports.KUI_SPACE_60=X;

package/dist/kongponents184.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 "./kongponents269.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", U = "#52596e", c = "#afb7c5", T = "#0044f4", K = "#995c00", o = "0.2s", s = "16px", t = "20px", R = "24px", n = "32px", C = "20px", A = "4px", N = "6px", L = "8px", S = "12px", p = "16px";
 export {
-  I as default
+  o as KUI_ANIMATION_DURATION_20,
+  _ as KUI_COLOR_BACKGROUND_INVERSE,
+  I as KUI_COLOR_TEXT_DECORATIVE_AQUA,
+  E as KUI_COLOR_TEXT_INVERSE,
+  O as KUI_COLOR_TEXT_NEUTRAL,
+  U as KUI_COLOR_TEXT_NEUTRAL_STRONG,
+  c as KUI_COLOR_TEXT_NEUTRAL_WEAK,
+  T as KUI_COLOR_TEXT_PRIMARY,
+  K as KUI_COLOR_TEXT_WARNING,
+  s as KUI_ICON_SIZE_30,
+  t as KUI_ICON_SIZE_40,
+  R as KUI_ICON_SIZE_50,
+  n as KUI_ICON_SIZE_60,
+  C as KUI_LINE_HEIGHT_30,
+  A as KUI_SPACE_20,
+  N as KUI_SPACE_30,
+  L as KUI_SPACE_40,
+  S as KUI_SPACE_50,
+  p as KUI_SPACE_60
 };

package/dist/kongponents185.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents269.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"});class r{resizeObserver;callback;constructor(e){this.callback=e,this.resizeObserver=new ResizeObserver(s=>{window.requestAnimationFrame(()=>{!Array.isArray(s)||!s.length||e()})})}static create(e){return new r(e)}observe(e){!this.resizeObserver||!e||this.resizeObserver.observe(e)}unobserve(e){!this.resizeObserver||!e||this.resizeObserver.unobserve(e)}}exports.ResizeObserverHelper=r;