@kong/kongponents 9.61.3 → 9.61.4

package/dist/kongponents27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),Pe=require("./kongponents72.cjs"),ke=require("./kongponents205.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Fe=require("./kongponents13.cjs"),$=require("./kongponents181.cjs"),Ae=require("./kongponents238.cjs"),Re=t.defineComponent({__name:"KTableData",props:{fetcher:{type:Function},headers:{default:()=>[]},fetcherCacheKey:{default:""},cacheIdentifier:{default:""},searchInput:{default:""},initialFetcherParams:{default:()=>({})},clientSort:{type:Boolean},sortHandlerFunction:{},sortable:{type:Boolean,default:!0},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:()=>Fe.EmptyStateIconVariants.Default},emptyStateButtonAppearance:{},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:{},actionsDropdownPopoverAttributes:{},"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:["state","cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","row-select","update:row-expanded","row-actions-toggle"],setup(a,{expose:M,emit:q}){const W=t.createPropsRestProxy(a,["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","headers","fetcherCacheKey","cacheIdentifier","searchInput","initialFetcherParams","clientSort","sortable","fetcher","sortHandlerFunction","tooltipTarget"]),N=t.computed(()=>{const e=/^on[^a-z]/;return Ae.default(W,(n,o)=>e.test(o))}),v=q,i=t.useSlots(),{useDebounce:F,useRequest:L,useSwrvState:U,clientSideSorter:A}=ke.default(),j=t.useId(),c=t.ref([]),S=t.computed(()=>a.sortable?a.headers:a.headers.map(e=>({...e,sortable:!1}))),V=t.computed(()=>a.emptyStateButtonAppearance?a.emptyStateButtonAppearance:a.searchInput?"tertiary":"primary"),C=t.ref(0),r=t.ref(1),d=t.ref($.getInitialPageSize(a.tablePreferences,a.paginationAttributes)),p=t.ref(a.searchInput??""),l=t.ref(a.tablePreferences.sortColumnKey||a.initialFetcherParams.sortColumnKey||""),s=t.ref(a.tablePreferences.sortColumnOrder||a.initialFetcherParams.sortColumnOrder||"desc"),R=t.ref(!(l.value&&a.clientSort)),f=t.ref(null),m=t.ref([]),x=t.ref(!0),O=t.ref(!1),y={pageSize:d.value,page:r.value,query:p.value,sortColumnKey:l.value,sortColumnOrder:s.value,offset:f.value},G=t.computed(()=>({totalCount:C.value,initialPageSize:d.value,currentPage:r.value,offsetPreviousButtonDisabled:!P.value,offsetNextButtonDisabled:!b.value||!x.value,...a.paginationAttributes})),Q=e=>e.startsWith("column-"),J=e=>e.startsWith("tooltip-"),Z=e=>S.value.some(n=>n.key===e),X=t.computed(()=>i?Object.keys(i).filter(Q):[]),Y=t.computed(()=>i?Object.keys(i).filter(J):[]),_=t.computed(()=>i?Object.keys(i).filter(Z):[]),z=t.computed(()=>({sortColumnKey:l.value,sortColumnOrder:s.value})),H=t.computed(()=>({pageSize:d.value,page:r.value,query:p.value,offset:f.value,...a.clientSort?{}:z.value})),ee=t.computed(()=>({...H.value,...z.value})),te=t.ref(!0),ae=async()=>{const e=await a.fetcher(ee.value);return te.value=!1,e},oe=()=>{const e={...y,...a.initialFetcherParams};if(r.value=e.page??y.page,d.value=e.pageSize??y.pageSize,p.value=e.query??y.query,l.value=e.sortColumnKey??y.sortColumnKey,s.value=e.sortColumnOrder??y.sortColumnOrder,a.clientSort&&l.value&&s.value){const n=S.value.find(u=>u.key===l.value)||{},{useSortHandlerFunction:o}=n;if(o&&a.sortHandlerFunction){const u=a.sortHandlerFunction({key:l.value,prevKey:"",sortColumnOrder:s.value,data:c.value});u&&(c.value=[...u])}else A(l.value,"",s.value,c.value)}a.paginationAttributes?.offset&&(f.value=e.offset,m.value.push(e.offset)),O.value=!0},P=t.computed(()=>m.value[r.value-1]||null),b=t.ref(null),ne=t.computed(()=>{if(!a.fetcher||!O.value)return"";let e=j;return a.cacheIdentifier&&(e=a.cacheIdentifier),e+=`-${JSON.stringify(H.value)}`,a.fetcherCacheKey&&(e+=`-${a.fetcherCacheKey}`),`k-table_${e}`}),{debouncedFn:re,generateDebouncedFn:le}=F(e=>{p.value=e},350),ie=le(0),{data:ue,response:se,error:T,revalidate:B,isValidating:ce,isLoading:K}=L(()=>ne.value,()=>ae(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:de,hasData:fe}=U(ue,T,ce),D=t.computed(()=>({hasData:fe.value,state:de.value})),I=t.computed(()=>K.value?"loading":T.value?"error":"success"),{debouncedFn:me}=F(B,500),k=({sortColumnKey:e,prevKey:n,sortColumnOrder:o},u=!0)=>{R.value=!0;const we=S.value.find(w=>w.key===e)||{},{useSortHandlerFunction:Ce}=we;if(u&&v("sort",{prevKey:n,sortColumnKey:e,sortColumnOrder:o}),r.value=1,(!l.value||e!==l.value)&&(m.value=[null]),l.value=e,s.value=o,a.clientSort)if(Ce&&a.sortHandlerFunction){const w=a.sortHandlerFunction({key:e,prevKey:n,sortColumnOrder:s.value,data:c.value});w&&(c.value=[...w])}else A(e,n,s.value,c.value);else a.paginationAttributes?.offset||me()},ve=({page:e})=>{r.value=e},ye=({pageSize:e})=>{m.value=[null],f.value=null,d.value=e,r.value=1},ge=({columnWidths:e,columnVisibility:n})=>{g.value={...g.value,...e},h.value={...h.value,...n},he()},g=t.ref(a.tablePreferences.columnWidths||{}),h=t.ref(a.tablePreferences.columnVisibility||{}),E=t.computed(()=>({pageSize:d.value,sortColumnKey:l.value,sortColumnOrder:s.value,...g.value?{columnWidths:g.value}:{},...h.value?{columnVisibility:h.value}:{}}));t.watch(()=>a.tablePreferences,e=>{d.value=e?.pageSize?e.pageSize:d.value,g.value=e?.columnWidths?e.columnWidths:g.value,h.value=e?.columnVisibility?e.columnVisibility:h.value,(e?.sortColumnKey||e?.sortColumnOrder)&&(l.value!==e.sortColumnKey||s.value!==e.sortColumnOrder)&&k({sortColumnKey:e.sortColumnKey,prevKey:l.value,sortColumnOrder:e.sortColumnOrder},!1)});const he=()=>{I.value==="success"&&v("update:table-preferences",E.value)},pe=()=>{r.value++,f.value=b.value},be=()=>{r.value--,f.value=P.value},Se=t.computed(()=>{if(!a.fetcher||a.hidePagination)return!1;const e=a.paginationAttributes?.pageSizes?.[0]??$.DEFAULT_PAGE_SIZE;return a.hidePaginationWhenOptional&&r.value===1?a.paginationAttributes?.offset?!!P.value||!!b.value||c.value.length>=e:C.value>e:!0});return t.watch(se,e=>{e?.data&&(c.value=[...e.data],C.value=a.paginationAttributes?.totalCount||e.total||e.data?.length||0,a.paginationAttributes?.offset&&(e.pagination?.offset?(b.value=e.pagination.offset,m.value[r.value]||m.value.push(e.pagination.offset)):b.value=null,x.value=e.pagination&&"hasNextPage"in e.pagination?e.pagination.hasNextPage||!1:!0),c.value.length===0&&r.value>1&&(r.value=1,m.value=[null],f.value=null),a.sortable&&!R.value&&k({sortColumnKey:l.value,prevKey:"",sortColumnOrder:s.value},!1))},{deep:!0,immediate:!0}),t.watch([D,I],e=>{const[n,o]=e;v("state",{state:o,hasData:n.hasData})}),t.watch(()=>a.searchInput,e=>{e===""?ie(e):re(e)},{immediate:!0}),t.watch([p,d],async(e,n)=>{const[o]=n,[u]=e;u!==o&&r.value!==1&&(r.value=1,m.value=[null],f.value=null)},{deep:!0,immediate:!0}),t.onMounted(()=>{oe()}),M({revalidate:()=>{B()}}),(e,n)=>(t.openBlock(),t.createBlock(Pe.default,t.mergeProps({"cell-attrs":a.cellAttrs,class:"k-table-data",data:c.value,"empty-state-action-message":a.emptyStateActionMessage,"empty-state-action-route":a.emptyStateActionRoute,"empty-state-button-appearance":V.value,"empty-state-icon-variant":a.emptyStateIconVariant,"empty-state-message":a.emptyStateMessage,"empty-state-title":a.emptyStateTitle,error:a.error,"error-state-action-message":a.errorStateActionMessage,"error-state-action-route":a.errorStateActionRoute,"error-state-message":a.errorStateMessage,"error-state-title":a.errorStateTitle,headers:S.value,"hide-headers":a.hideHeaders,"hide-pagination":a.hidePagination||!Se.value,"hide-pagination-when-optional":!1,"hide-toolbar":a.hideToolbar,loading:a.loading||t.unref(K),"max-height":a.maxHeight,nested:a.nested,"pagination-attributes":G.value,"resize-columns":a.resizeColumns,"row-attrs":a.rowAttrs,"row-bulk-action-enabled":a.rowBulkActionEnabled,"row-expandable":a.rowExpandable,"row-expanded":a.rowExpanded,"row-hover":a.rowHover,"row-key":a.rowKey,"row-link":a.rowLink,"table-preferences":E.value,"tooltip-target":a.tooltipTarget},N.value,{onEmptyStateActionClick:n[0]||(n[0]=o=>v("empty-state-action-click")),onErrorActionClick:n[1]||(n[1]=o=>v("error-action-click")),onGetNextOffset:pe,onGetPreviousOffset:be,onPageChange:ve,onPageSizeChange:ye,onRowActionsToggle:n[2]||(n[2]=o=>e.$emit("row-actions-toggle",o)),onRowSelect:n[3]||(n[3]=o=>v("row-select",o)),onSort:k,"onUpdate:rowExpanded":n[4]||(n[4]=o=>v("update:row-expanded",o)),"onUpdate:tablePreferences":ge}),t.createSlots({_:2},[i.toolbar&&!a.hideToolbar?{name:"toolbar",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"toolbar",{state:D.value})]),key:"0"}:void 0,i["bulk-actions"]?{name:"bulk-actions",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-actions",t.normalizeProps(t.guardReactiveProps(o)))]),key:"1"}:void 0,i["bulk-action-items"]?{name:"bulk-action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"2"}:void 0,i["error-state"]?{name:"error-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"error-state")]),key:"3"}:void 0,i["empty-state"]?{name:"empty-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state")]),key:"4"}:void 0,i["empty-state-action-icon"]?{name:"empty-state-action-icon",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state-action-icon")]),key:"5"}:void 0,t.renderList(X.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(Y.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(_.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),i["action-items"]?{name:"action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"6"}:void 0,i["row-expanded"]?{name:"row-expanded",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"row-expanded",t.normalizeProps(t.guardReactiveProps(o)))]),key:"7"}:void 0]),1040,["cell-attrs","data","empty-state-action-message","empty-state-action-route","empty-state-button-appearance","empty-state-icon-variant","empty-state-message","empty-state-title","error","error-state-action-message","error-state-action-route","error-state-message","error-state-title","headers","hide-headers","hide-pagination","hide-toolbar","loading","max-height","nested","pagination-attributes","resize-columns","row-attrs","row-bulk-action-enabled","row-expandable","row-expanded","row-hover","row-key","row-link","table-preferences","tooltip-target"]))}});exports.default=Re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),Pe=require("./kongponents72.cjs"),ke=require("./kongponents212.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Fe=require("./kongponents13.cjs"),$=require("./kongponents181.cjs"),Ae=require("./kongponents216.cjs"),Re=t.defineComponent({__name:"KTableData",props:{fetcher:{type:Function},headers:{default:()=>[]},fetcherCacheKey:{default:""},cacheIdentifier:{default:""},searchInput:{default:""},initialFetcherParams:{default:()=>({})},clientSort:{type:Boolean},sortHandlerFunction:{},sortable:{type:Boolean,default:!0},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:()=>Fe.EmptyStateIconVariants.Default},emptyStateButtonAppearance:{},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:{},actionsDropdownPopoverAttributes:{},"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:["state","cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","row-select","update:row-expanded","row-actions-toggle"],setup(a,{expose:M,emit:q}){const W=t.createPropsRestProxy(a,["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","headers","fetcherCacheKey","cacheIdentifier","searchInput","initialFetcherParams","clientSort","sortable","fetcher","sortHandlerFunction","tooltipTarget"]),N=t.computed(()=>{const e=/^on[^a-z]/;return Ae.default(W,(n,o)=>e.test(o))}),v=q,i=t.useSlots(),{useDebounce:F,useRequest:L,useSwrvState:U,clientSideSorter:A}=ke.default(),j=t.useId(),c=t.ref([]),S=t.computed(()=>a.sortable?a.headers:a.headers.map(e=>({...e,sortable:!1}))),V=t.computed(()=>a.emptyStateButtonAppearance?a.emptyStateButtonAppearance:a.searchInput?"tertiary":"primary"),C=t.ref(0),r=t.ref(1),d=t.ref($.getInitialPageSize(a.tablePreferences,a.paginationAttributes)),p=t.ref(a.searchInput??""),l=t.ref(a.tablePreferences.sortColumnKey||a.initialFetcherParams.sortColumnKey||""),s=t.ref(a.tablePreferences.sortColumnOrder||a.initialFetcherParams.sortColumnOrder||"desc"),R=t.ref(!(l.value&&a.clientSort)),f=t.ref(null),m=t.ref([]),x=t.ref(!0),O=t.ref(!1),y={pageSize:d.value,page:r.value,query:p.value,sortColumnKey:l.value,sortColumnOrder:s.value,offset:f.value},G=t.computed(()=>({totalCount:C.value,initialPageSize:d.value,currentPage:r.value,offsetPreviousButtonDisabled:!P.value,offsetNextButtonDisabled:!b.value||!x.value,...a.paginationAttributes})),Q=e=>e.startsWith("column-"),J=e=>e.startsWith("tooltip-"),Z=e=>S.value.some(n=>n.key===e),X=t.computed(()=>i?Object.keys(i).filter(Q):[]),Y=t.computed(()=>i?Object.keys(i).filter(J):[]),_=t.computed(()=>i?Object.keys(i).filter(Z):[]),z=t.computed(()=>({sortColumnKey:l.value,sortColumnOrder:s.value})),H=t.computed(()=>({pageSize:d.value,page:r.value,query:p.value,offset:f.value,...a.clientSort?{}:z.value})),ee=t.computed(()=>({...H.value,...z.value})),te=t.ref(!0),ae=async()=>{const e=await a.fetcher(ee.value);return te.value=!1,e},oe=()=>{const e={...y,...a.initialFetcherParams};if(r.value=e.page??y.page,d.value=e.pageSize??y.pageSize,p.value=e.query??y.query,l.value=e.sortColumnKey??y.sortColumnKey,s.value=e.sortColumnOrder??y.sortColumnOrder,a.clientSort&&l.value&&s.value){const n=S.value.find(u=>u.key===l.value)||{},{useSortHandlerFunction:o}=n;if(o&&a.sortHandlerFunction){const u=a.sortHandlerFunction({key:l.value,prevKey:"",sortColumnOrder:s.value,data:c.value});u&&(c.value=[...u])}else A(l.value,"",s.value,c.value)}a.paginationAttributes?.offset&&(f.value=e.offset,m.value.push(e.offset)),O.value=!0},P=t.computed(()=>m.value[r.value-1]||null),b=t.ref(null),ne=t.computed(()=>{if(!a.fetcher||!O.value)return"";let e=j;return a.cacheIdentifier&&(e=a.cacheIdentifier),e+=`-${JSON.stringify(H.value)}`,a.fetcherCacheKey&&(e+=`-${a.fetcherCacheKey}`),`k-table_${e}`}),{debouncedFn:re,generateDebouncedFn:le}=F(e=>{p.value=e},350),ie=le(0),{data:ue,response:se,error:T,revalidate:B,isValidating:ce,isLoading:K}=L(()=>ne.value,()=>ae(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:de,hasData:fe}=U(ue,T,ce),D=t.computed(()=>({hasData:fe.value,state:de.value})),I=t.computed(()=>K.value?"loading":T.value?"error":"success"),{debouncedFn:me}=F(B,500),k=({sortColumnKey:e,prevKey:n,sortColumnOrder:o},u=!0)=>{R.value=!0;const we=S.value.find(w=>w.key===e)||{},{useSortHandlerFunction:Ce}=we;if(u&&v("sort",{prevKey:n,sortColumnKey:e,sortColumnOrder:o}),r.value=1,(!l.value||e!==l.value)&&(m.value=[null]),l.value=e,s.value=o,a.clientSort)if(Ce&&a.sortHandlerFunction){const w=a.sortHandlerFunction({key:e,prevKey:n,sortColumnOrder:s.value,data:c.value});w&&(c.value=[...w])}else A(e,n,s.value,c.value);else a.paginationAttributes?.offset||me()},ve=({page:e})=>{r.value=e},ye=({pageSize:e})=>{m.value=[null],f.value=null,d.value=e,r.value=1},ge=({columnWidths:e,columnVisibility:n})=>{g.value={...g.value,...e},h.value={...h.value,...n},he()},g=t.ref(a.tablePreferences.columnWidths||{}),h=t.ref(a.tablePreferences.columnVisibility||{}),E=t.computed(()=>({pageSize:d.value,sortColumnKey:l.value,sortColumnOrder:s.value,...g.value?{columnWidths:g.value}:{},...h.value?{columnVisibility:h.value}:{}}));t.watch(()=>a.tablePreferences,e=>{d.value=e?.pageSize?e.pageSize:d.value,g.value=e?.columnWidths?e.columnWidths:g.value,h.value=e?.columnVisibility?e.columnVisibility:h.value,(e?.sortColumnKey||e?.sortColumnOrder)&&(l.value!==e.sortColumnKey||s.value!==e.sortColumnOrder)&&k({sortColumnKey:e.sortColumnKey,prevKey:l.value,sortColumnOrder:e.sortColumnOrder},!1)});const he=()=>{I.value==="success"&&v("update:table-preferences",E.value)},pe=()=>{r.value++,f.value=b.value},be=()=>{r.value--,f.value=P.value},Se=t.computed(()=>{if(!a.fetcher||a.hidePagination)return!1;const e=a.paginationAttributes?.pageSizes?.[0]??$.DEFAULT_PAGE_SIZE;return a.hidePaginationWhenOptional&&r.value===1?a.paginationAttributes?.offset?!!P.value||!!b.value||c.value.length>=e:C.value>e:!0});return t.watch(se,e=>{e?.data&&(c.value=[...e.data],C.value=a.paginationAttributes?.totalCount||e.total||e.data?.length||0,a.paginationAttributes?.offset&&(e.pagination?.offset?(b.value=e.pagination.offset,m.value[r.value]||m.value.push(e.pagination.offset)):b.value=null,x.value=e.pagination&&"hasNextPage"in e.pagination?e.pagination.hasNextPage||!1:!0),c.value.length===0&&r.value>1&&(r.value=1,m.value=[null],f.value=null),a.sortable&&!R.value&&k({sortColumnKey:l.value,prevKey:"",sortColumnOrder:s.value},!1))},{deep:!0,immediate:!0}),t.watch([D,I],e=>{const[n,o]=e;v("state",{state:o,hasData:n.hasData})}),t.watch(()=>a.searchInput,e=>{e===""?ie(e):re(e)},{immediate:!0}),t.watch([p,d],async(e,n)=>{const[o]=n,[u]=e;u!==o&&r.value!==1&&(r.value=1,m.value=[null],f.value=null)},{deep:!0,immediate:!0}),t.onMounted(()=>{oe()}),M({revalidate:()=>{B()}}),(e,n)=>(t.openBlock(),t.createBlock(Pe.default,t.mergeProps({"cell-attrs":a.cellAttrs,class:"k-table-data",data:c.value,"empty-state-action-message":a.emptyStateActionMessage,"empty-state-action-route":a.emptyStateActionRoute,"empty-state-button-appearance":V.value,"empty-state-icon-variant":a.emptyStateIconVariant,"empty-state-message":a.emptyStateMessage,"empty-state-title":a.emptyStateTitle,error:a.error,"error-state-action-message":a.errorStateActionMessage,"error-state-action-route":a.errorStateActionRoute,"error-state-message":a.errorStateMessage,"error-state-title":a.errorStateTitle,headers:S.value,"hide-headers":a.hideHeaders,"hide-pagination":a.hidePagination||!Se.value,"hide-pagination-when-optional":!1,"hide-toolbar":a.hideToolbar,loading:a.loading||t.unref(K),"max-height":a.maxHeight,nested:a.nested,"pagination-attributes":G.value,"resize-columns":a.resizeColumns,"row-attrs":a.rowAttrs,"row-bulk-action-enabled":a.rowBulkActionEnabled,"row-expandable":a.rowExpandable,"row-expanded":a.rowExpanded,"row-hover":a.rowHover,"row-key":a.rowKey,"row-link":a.rowLink,"table-preferences":E.value,"tooltip-target":a.tooltipTarget},N.value,{onEmptyStateActionClick:n[0]||(n[0]=o=>v("empty-state-action-click")),onErrorActionClick:n[1]||(n[1]=o=>v("error-action-click")),onGetNextOffset:pe,onGetPreviousOffset:be,onPageChange:ve,onPageSizeChange:ye,onRowActionsToggle:n[2]||(n[2]=o=>e.$emit("row-actions-toggle",o)),onRowSelect:n[3]||(n[3]=o=>v("row-select",o)),onSort:k,"onUpdate:rowExpanded":n[4]||(n[4]=o=>v("update:row-expanded",o)),"onUpdate:tablePreferences":ge}),t.createSlots({_:2},[i.toolbar&&!a.hideToolbar?{name:"toolbar",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"toolbar",{state:D.value})]),key:"0"}:void 0,i["bulk-actions"]?{name:"bulk-actions",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-actions",t.normalizeProps(t.guardReactiveProps(o)))]),key:"1"}:void 0,i["bulk-action-items"]?{name:"bulk-action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"2"}:void 0,i["error-state"]?{name:"error-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"error-state")]),key:"3"}:void 0,i["empty-state"]?{name:"empty-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state")]),key:"4"}:void 0,i["empty-state-action-icon"]?{name:"empty-state-action-icon",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state-action-icon")]),key:"5"}:void 0,t.renderList(X.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(Y.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(_.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),i["action-items"]?{name:"action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"6"}:void 0,i["row-expanded"]?{name:"row-expanded",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"row-expanded",t.normalizeProps(t.guardReactiveProps(o)))]),key:"7"}:void 0]),1040,["cell-attrs","data","empty-state-action-message","empty-state-action-route","empty-state-button-appearance","empty-state-icon-variant","empty-state-message","empty-state-title","error","error-state-action-message","error-state-action-route","error-state-message","error-state-title","headers","hide-headers","hide-pagination","hide-toolbar","loading","max-height","nested","pagination-attributes","resize-columns","row-attrs","row-bulk-action-enabled","row-expandable","row-expanded","row-hover","row-key","row-link","table-preferences","tooltip-target"]))}});exports.default=Re;

package/dist/kongponents27.es.js

@@ -1,11 +1,11 @@
 import { defineComponent as xe, createPropsRestProxy as He, computed as l, useSlots as Te, useId as Be, ref as r, watch as P, onMounted as Ke, openBlock as ze, createBlock as De, mergeProps as Ie, unref as Ee, createSlots as $e, withCtx as d, renderSlot as f, normalizeProps as b, guardReactiveProps as p, renderList as T } from "vue";
 import Me from "./kongponents72.es.js";
-import We from "./kongponents205.es.js";
+import We from "./kongponents212.es.js";
 import "./kongponents7.es.js";
 import "./kongponents12.es.js";
 import { EmptyStateIconVariants as Ne } from "./kongponents13.es.js";
 import { getInitialPageSize as Le, DEFAULT_PAGE_SIZE as qe } from "./kongponents181.es.js";
-import Ue from "./kongponents238.es.js";
+import Ue from "./kongponents216.es.js";
 const _e = /* @__PURE__ */ xe({
   __name: "KTableData",
   props: {

package/dist/kongponents270.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./kongponents455.cjs"),a={class:"fullscreen-loading-container","data-testid":"full-screen-loader"},c=["src"],u={key:0,class:"progress"},d=e.defineComponent({__name:"FullScreenKongSkeleton",props:{progress:{},hideProgress:{type:Boolean},zIndex:{}},setup(t){e.useCssVars(l=>({v4d434712:l.zIndex}));const n=e.ref(0),r=e.ref(0),o=e.computed(()=>t.progress!==null?t.progress:r.value);return e.onMounted(()=>{t.progress||(n.value=setInterval(()=>{r.value>=100&&(clearInterval(n.value),r.value=100),r.value=Math.min(r.value+Math.ceil(Math.random()*10*30),100)},200))}),e.onUnmounted(()=>{clearInterval(n.value)}),(l,i)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",null,[e.createElementVNode("img",{alt:"Loading",src:e.unref(s.default)},null,8,c),t.hideProgress?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",{class:"progress-bar",role:"progressbar",style:e.normalizeStyle({width:`${o.value}%`}),title:"Loading"},null,4)]))])]))}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./kongponents67.cjs"),r={class:"skeleton-loader"},l=e.defineComponent({__name:"SkeletonBase",setup(d){return(o,n)=>(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(t.default,{height:"1",width:"100"}),e.createVNode(t.default,{height:"1",width:"100"}),e.createVNode(t.default,{height:"1",width:"100"})],!0)]))}});exports.default=l;

package/dist/kongponents270.es.js

@@ -1,47 +1,26 @@
-import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, openBlock as l, createElementBlock as a, createElementVNode as o, unref as v, normalizeStyle as p, createCommentVNode as f } from "vue";
-import h from "./kongponents455.es.js";
-const I = {
-  class: "fullscreen-loading-container",
-  "data-testid": "full-screen-loader"
-}, _ = ["src"], k = {
-  key: 0,
-  class: "progress"
-}, z = /* @__PURE__ */ d({
-  __name: "FullScreenKongSkeleton",
-  props: {
-    progress: {},
-    hideProgress: { type: Boolean },
-    zIndex: {}
-  },
-  setup(r) {
-    i((t) => ({
-      v4d434712: t.zIndex
-    }));
-    const n = s(0), e = s(0), c = u(() => r.progress !== null ? r.progress : e.value);
-    return m(() => {
-      r.progress || (n.value = setInterval(() => {
-        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
-      }, 200));
-    }), g(() => {
-      clearInterval(n.value);
-    }), (t, x) => (l(), a("div", I, [
-      o("div", null, [
-        o("img", {
-          alt: "Loading",
-          src: v(h)
-        }, null, 8, _),
-        r.hideProgress ? f("", !0) : (l(), a("div", k, [
-          o("div", {
-            class: "progress-bar",
-            role: "progressbar",
-            style: p({ width: `${c.value}%` }),
-            title: "Loading"
-          }, null, 4)
-        ]))
-      ])
+import { defineComponent as r, openBlock as n, createElementBlock as s, renderSlot as i, createVNode as e } from "vue";
+import t from "./kongponents67.es.js";
+const l = { class: "skeleton-loader" }, _ = /* @__PURE__ */ r({
+  __name: "SkeletonBase",
+  setup(a) {
+    return (o, d) => (n(), s("div", l, [
+      i(o.$slots, "default", {}, () => [
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        })
+      ], !0)
     ]));
   }
 });
 export {
-  z as default
+  _ as default
 };

package/dist/kongponents272.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a={class:"fullscreen-loading-container","data-testid":"full-screen-spinner-loader"},u={key:0,class:"progress"},c=e.defineComponent({__name:"FullScreenGenericSpinner",props:{progress:{},hideProgress:{type:Boolean},zIndex:{}},setup(n){e.useCssVars(t=>({af01d13c:t.zIndex}));const l=e.ref(0),r=e.ref(0),o=e.computed(()=>n.progress!==null?n.progress:r.value);return e.onMounted(()=>{n.progress||(l.value=setInterval(()=>{r.value>=100&&(clearInterval(l.value),r.value=100),r.value=Math.min(r.value+Math.ceil(Math.random()*10*30),100)},200))}),e.onUnmounted(()=>{clearInterval(l.value)}),(t,s)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",null,[s[0]||(s[0]=e.createElementVNode("div",{class:"spinner-loader"},null,-1)),n.hideProgress?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",{class:"progress-bar",role:"progressbar",style:e.normalizeStyle({width:`${o.value}%`}),title:"Loading"},null,4)]))])]))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kongponents67.cjs"),a=require("./kongponents194.cjs"),l=require("./kongponents196.cjs"),s={class:"skeleton-card-wrapper"},u={class:"skeleton-card-header"},i={class:"skeleton-card-content"},k={class:"skeleton-card-footer"},m=e.defineComponent({__name:"CardSkeleton",props:{cardCount:{},maxWidth:{}},setup(r){e.useCssVars(t=>({v2bf65be7:c.value}));const c=e.computed(()=>r.maxWidth?l.normalizeSize(r.maxWidth):r.cardCount===1?"470px":`calc((100% / 3) - ${a.KUI_SPACE_50})`);return(t,h)=>(e.openBlock(),e.createElementBlock("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.cardCount,d=>(e.openBlock(),e.createElementBlock("div",{key:d,class:"skeleton-card"},[e.createElementVNode("div",u,[e.renderSlot(t.$slots,"card-header",{},()=>[e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"card-content",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(3,n=>e.createVNode(o.default,{key:n,width:"100"})),64)),e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",k,[e.renderSlot(t.$slots,"card-footer",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(2,n=>e.createVNode(o.default,{key:n,height:"2",width:"5"})),64))],!0)])]))),128))]))}});exports.default=m;

package/dist/kongponents272.es.js

@@ -1,43 +1,50 @@
-import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, openBlock as a, createElementBlock as i, createElementVNode as s, normalizeStyle as g, createCommentVNode as f } from "vue";
-const h = {
-  class: "fullscreen-loading-container",
-  "data-testid": "full-screen-spinner-loader"
-}, I = {
-  key: 0,
-  class: "progress"
-}, y = /* @__PURE__ */ u({
-  __name: "FullScreenGenericSpinner",
+import { defineComponent as h, useCssVars as f, computed as k, openBlock as t, createElementBlock as r, Fragment as s, renderList as c, createElementVNode as l, renderSlot as i, createVNode as n } from "vue";
+import d from "./kongponents67.es.js";
+import { KUI_SPACE_50 as C } from "./kongponents194.es.js";
+import { normalizeSize as p } from "./kongponents196.es.js";
+const _ = { class: "skeleton-card-wrapper" }, v = { class: "skeleton-card-header" }, w = { class: "skeleton-card-content" }, x = { class: "skeleton-card-footer" }, E = /* @__PURE__ */ h({
+  __name: "CardSkeleton",
   props: {
-    progress: {},
-    hideProgress: { type: Boolean },
-    zIndex: {}
+    cardCount: {},
+    maxWidth: {}
   },
-  setup(r) {
-    c((l) => ({
-      af01d13c: l.zIndex
+  setup(o) {
+    f((e) => ({
+      v2bf65be7: u.value
     }));
-    const n = o(0), e = o(0), d = v(() => r.progress !== null ? r.progress : e.value);
-    return m(() => {
-      r.progress || (n.value = setInterval(() => {
-        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
-      }, 200));
-    }), p(() => {
-      clearInterval(n.value);
-    }), (l, t) => (a(), i("div", h, [
-      s("div", null, [
-        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
-        r.hideProgress ? f("", !0) : (a(), i("div", I, [
-          s("div", {
-            class: "progress-bar",
-            role: "progressbar",
-            style: g({ width: `${d.value}%` }),
-            title: "Loading"
-          }, null, 4)
-        ]))
-      ])
+    const u = k(() => o.maxWidth ? p(o.maxWidth) : o.cardCount === 1 ? "470px" : `calc((100% / 3) - ${C})`);
+    return (e, S) => (t(), r("div", _, [
+      (t(!0), r(s, null, c(o.cardCount, (m) => (t(), r("div", {
+        key: m,
+        class: "skeleton-card"
+      }, [
+        l("div", v, [
+          i(e.$slots, "card-header", {}, () => [
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", w, [
+          i(e.$slots, "card-content", {}, () => [
+            (t(), r(s, null, c(3, (a) => n(d, {
+              key: a,
+              width: "100"
+            })), 64)),
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", x, [
+          i(e.$slots, "card-footer", {}, () => [
+            (t(), r(s, null, c(2, (a) => n(d, {
+              key: a,
+              height: "2",
+              width: "5"
+            })), 64))
+          ], !0)
+        ])
+      ]))), 128))
     ]));
   }
 });
 export {
-  y as default
+  E as default
 };

package/dist/kongponents274.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");function i(e,n){return t.getCurrentScope()?(t.onScopeDispose(e,n),!0):!1}const c=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const u=Object.prototype.toString,s=e=>u.call(e)==="[object Object]",a=()=>{};function f(e){return Array.isArray(e)?e:[e]}function r(e){return t.getCurrentInstance()}function p(e,n=!0,o){r()?t.onMounted(e,o):n?e():t.nextTick(e)}function d(e,n,o){return t.watch(e,n,{...o,immediate:!0})}exports.getLifeCycleTarget=r;exports.isClient=c;exports.isObject=s;exports.noop=a;exports.toArray=f;exports.tryOnMounted=p;exports.tryOnScopeDispose=i;exports.watchImmediate=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("./kongponents67.cjs"),u={class:"skeleton-table-wrapper"},a=e.defineComponent({__name:"TableSkeleton",props:{rows:{},columns:{}},setup(n){e.useCssVars(t=>({v33b7f45f:t.columns}));const s=(t,l)=>t===1&&l===1||t!==1&&l!==1?"25":"50";return(t,l)=>(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.rows,r=>(e.openBlock(),e.createElementBlock("div",{key:r,class:"skeleton-table-row"},[e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,o=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"skeleton-cell-container"},[e.createVNode(c.default,{class:"skeleton-cell",width:s(o,r)},null,8,["width"])]))),128))],!0)]))),128))]))}});exports.default=a;

package/dist/kongponents274.es.js

@@ -1,33 +1,36 @@
-import { watch as o, onMounted as r, nextTick as i, getCurrentScope as c, onScopeDispose as u, getCurrentInstance as s } from "vue";
-function d(e, t) {
-  return c() ? (u(e, t), !0) : !1;
-}
-const l = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const f = Object.prototype.toString, y = (e) => f.call(e) === "[object Object]", g = () => {
-};
-function b(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function p(e) {
-  return s();
-}
-function m(e, t = !0, n) {
-  p() ? r(e, n) : t ? e() : i(e);
-}
-function S(e, t, n) {
-  return o(e, t, {
-    ...n,
-    immediate: !0
-  });
-}
+import { defineComponent as i, useCssVars as d, openBlock as t, createElementBlock as n, Fragment as a, renderList as c, renderSlot as m, createVNode as f } from "vue";
+import k from "./kongponents67.es.js";
+const p = { class: "skeleton-table-wrapper" }, b = /* @__PURE__ */ i({
+  __name: "TableSkeleton",
+  props: {
+    rows: {},
+    columns: {}
+  },
+  setup(s) {
+    d((e) => ({
+      v33b7f45f: e.columns
+    }));
+    const u = (e, r) => e === 1 && r === 1 || e !== 1 && r !== 1 ? "25" : "50";
+    return (e, r) => (t(), n("div", p, [
+      (t(!0), n(a, null, c(s.rows, (l) => (t(), n("div", {
+        key: l,
+        class: "skeleton-table-row"
+      }, [
+        m(e.$slots, "default", {}, () => [
+          (t(!0), n(a, null, c(s.columns, (o) => (t(), n("div", {
+            key: o,
+            class: "skeleton-cell-container"
+          }, [
+            f(k, {
+              class: "skeleton-cell",
+              width: u(o, l)
+            }, null, 8, ["width"])
+          ]))), 128))
+        ], !0)
+      ]))), 128))
+    ]));
+  }
+});
 export {
-  p as getLifeCycleTarget,
-  l as isClient,
-  y as isObject,
-  g as noop,
-  b as toArray,
-  m as tryOnMounted,
-  d as tryOnScopeDispose,
-  S as watchImmediate
+  b as default
 };

package/dist/kongponents276.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents277.cjs"),b=["aria-hidden"],c='<path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"/>',h=r.defineComponent({__name:"AddIcon",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;"},v=n=>n.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(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon add-icon","data-testid":"kui-icon-wrapper-add-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-add-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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./kongponents67.cjs"),r={class:"skeleton-form-wrapper"},n=e.defineComponent({__name:"FormSkeleton",setup(l){return(c,s)=>(e.openBlock(),e.createElementBlock("div",r,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(4,o=>e.createElementVNode("div",{key:o,class:"skeleton-form-row"},[e.createVNode(t.default,{height:"2",width:"10"}),e.createVNode(t.default,{height:"2",width:"100"})])),64))]))}});exports.default=n;

package/dist/kongponents276.es.js

@@ -1,123 +1,25 @@
-import { defineComponent as b, computed as d, openBlock as u, createBlock as x, resolveDynamicComponent as S, normalizeStyle as w, withCtx as $, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kongponents277.es.js";
-const N = ["aria-hidden"], c = '<path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"/>', H = /* @__PURE__ */ b({
-  __name: "AddIcon",
-  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: 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)
-          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;
-      }
-    },
-    /** 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, a = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
-      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 r = String(e.size).replace(/px/gi, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return p;
-    }), f = d(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: o.value,
-      lineHeight: "0",
-      width: o.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 ? c : g(c)}`;
-    return (r, i) => (u(), x(S(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon add-icon",
-      "data-testid": "kui-icon-wrapper-add-icon",
-      style: w(f.value),
-      tabindex: t.decorative ? "-1" : void 0
-    }, {
-      default: $(() => [
-        (u(), z("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-add-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, N))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
+import { defineComponent as s, openBlock as e, createElementBlock as t, Fragment as c, renderList as l, createElementVNode as m, createVNode as o } from "vue";
+import r from "./kongponents67.es.js";
+const a = { class: "skeleton-form-wrapper" }, f = /* @__PURE__ */ s({
+  __name: "FormSkeleton",
+  setup(i) {
+    return (d, p) => (e(), t("div", a, [
+      (e(), t(c, null, l(4, (n) => m("div", {
+        key: n,
+        class: "skeleton-form-row"
+      }, [
+        o(r, {
+          height: "2",
+          width: "10"
+        }),
+        o(r, {
+          height: "2",
+          width: "100"
+        })
+      ])), 64))
+    ]));
   }
 });
 export {
-  H as default
+  f as default
 };

package/dist/kongponents278.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents277.cjs"),y=["aria-hidden"],c='<path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"/>',b=r.defineComponent({__name:"CheckIcon",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 check-icon","data-testid":"kui-icon-wrapper-check-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-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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./kongponents389.cjs"),a={class:"fullscreen-loading-container","data-testid":"full-screen-loader"},c=["src"],u={key:0,class:"progress"},d=e.defineComponent({__name:"FullScreenKongSkeleton",props:{progress:{},hideProgress:{type:Boolean},zIndex:{}},setup(t){e.useCssVars(l=>({v4d434712:l.zIndex}));const n=e.ref(0),r=e.ref(0),o=e.computed(()=>t.progress!==null?t.progress:r.value);return e.onMounted(()=>{t.progress||(n.value=setInterval(()=>{r.value>=100&&(clearInterval(n.value),r.value=100),r.value=Math.min(r.value+Math.ceil(Math.random()*10*30),100)},200))}),e.onUnmounted(()=>{clearInterval(n.value)}),(l,i)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",null,[e.createElementVNode("img",{alt:"Loading",src:e.unref(s.default)},null,8,c),t.hideProgress?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",{class:"progress-bar",role:"progressbar",style:e.normalizeStyle({width:`${o.value}%`}),title:"Loading"},null,4)]))])]))}});exports.default=d;