@skdx/vue 0.28.0 → 0.29.0

package/dist/table/Table.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const $=require("../utils/id.cjs"),j=require("../utils/liveAnnouncer.cjs"),q=require("./context.cjs"),D=require("./TableAnatomy.vue.cjs");let l=require("vue");var H=["aria-rowcount","aria-colcount"],J=(0,l.defineComponent)({__name:"Table",props:{sort:{default:void 0},defaultSort:{default:()=>[]},rowCount:{default:void 0},columnCount:{default:void 0},multiSort:{type:Boolean,default:!1},selected:{default:void 0},defaultSelected:{default:void 0},selectionMode:{default:void 0},getSortLabel:{type:Function,default:q.defaultGetSortLabel},expandedRowIds:{default:void 0},defaultExpandedRowIds:{default:()=>[]},columnWidths:{default:void 0},defaultColumnWidths:{default:()=>({})},columns:{default:void 0},data:{default:void 0},rowId:{type:Function,default:void 0},sortable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},empty:{default:void 0},caption:{default:void 0},renderCell:{type:Function,default:void 0},renderExpanded:{type:Function,default:void 0}},emits:["update:sort","sort-change","update:selected","selected-change","update:expandedRowIds","expanded-row-ids-change","update:columnWidths","column-widths-change","column-widths-commit"],setup(d,{emit:B}){function E(e,t,n){const a=e.find(r=>r.columnKey===t),u=a===void 0?"asc":a.direction==="asc"?"desc":null;return n?u===null?e.filter(r=>r.columnKey!==t):a===void 0?[...e,{columnKey:t,direction:u}]:e.map(r=>r.columnKey===t?{columnKey:t,direction:u}:r):u===null?[]:[{columnKey:t,direction:u}]}function h(e){return e===void 0?new Set:e instanceof Set?e:new Set(e)}const o=d,s=(0,l.computed)(()=>o.selectionMode??(o.selectable?"multiple":"none")),c=B,k=$.nextId("table"),S=(0,l.ref)(null),x=(0,l.ref)(o.defaultSort),b=(0,l.computed)(()=>o.sort!==void 0?o.sort:x.value),g=(0,l.ref)(h(o.defaultSelected??[])),i=(0,l.computed)(()=>o.selected!==void 0?h(o.selected):g.value);function I(e){o.sort===void 0&&(x.value=e),c("update:sort",e),c("sort-change",e)}function f(e){o.selected===void 0&&(g.value=e);const t=[...e];c("update:selected",t),c("selected-change",t)}function A(e,t=e){const n=E(b.value,e,o.multiSort);I(n);const a=n.find(u=>u.columnKey===e)?.direction??null;j.announce(o.getSortLabel(t,a))}function L(){const e=S.value?.querySelectorAll(":scope > tbody > tr[data-row-id]");return e?[...e].map(t=>t.dataset.rowId):[]}let v=null;function M(e,t=!1){if(s.value==="none")return;const n=i.value;if(t&&s.value==="multiple"&&v!==null&&v!==e){const u=L(),r=u.indexOf(v),p=u.indexOf(e);if(r!==-1&&p!==-1){const X=u.slice(Math.min(r,p),Math.max(r,p)+1);f(new Set([...n,...X]));return}}if(v=e,s.value==="single"){f(n.has(e)&&n.size===1?new Set:new Set([e]));return}const a=new Set(n);a.has(e)?a.delete(e):a.add(e),f(a)}function T(e){return i.value.has(e)}function R(e){return e.length>0&&e.every(t=>i.value.has(t))}function z(e){return e.some(t=>i.value.has(t))&&!R(e)}function F(e){if(s.value==="none")return;const t=i.value;if(e.length>0&&e.every(n=>t.has(n))){const n=new Set(t);for(const a of e)n.delete(a);f(n);return}f(new Set([...t,...e]))}const y=(0,l.ref)(o.defaultExpandedRowIds),m=(0,l.computed)(()=>o.expandedRowIds??y.value),C=(0,l.computed)(()=>new Set(m.value));function O(e){const t=m.value.includes(e)?m.value.filter(n=>n!==e):[...m.value,e];o.expandedRowIds===void 0&&(y.value=t),c("update:expandedRowIds",t),c("expanded-row-ids-change",t)}function N(e){return C.value.has(e)}const W=(0,l.ref)({...o.defaultColumnWidths}),w=(0,l.computed)(()=>o.columnWidths??W.value);function G(e,t){if(w.value[e]===t)return;const n={...w.value,[e]:t};o.columnWidths===void 0&&(W.value=n),c("update:columnWidths",n),c("column-widths-change",n)}function V(){c("column-widths-commit",w.value)}return(0,l.provide)(q.TABLE_CONTEXT,{tableId:k,sortList:b,get multiSort(){return o.multiSort},selected:i,get selectionMode(){return s.value},toggleSort:A,toggleRow:M,isRowSelected:T,toggleAll:F,isAllSelected:R,isSomeSelected:z,expandedRows:C,toggleRowExpanded:O,isRowExpanded:N,columnWidths:w,setColumnWidth:G,commitColumnWidths:V}),(e,t)=>((0,l.openBlock)(),(0,l.createElementBlock)("table",{class:"skdx-table","data-part":"root","data-skdx-component":"table",ref_key:"tableRef",ref:S,"aria-rowcount":d.rowCount,"aria-colcount":d.columnCount},[(0,l.renderSlot)(e.$slots,"default",{},()=>[d.columns&&d.data?((0,l.openBlock)(),(0,l.createBlock)(D.default,{key:0,columns:d.columns,data:d.data,"row-id":d.rowId,sortable:d.sortable,selectable:d.selectable,expandable:d.expandable,resizable:d.resizable,empty:d.empty,caption:d.caption,"render-cell":d.renderCell,"render-expanded":d.renderExpanded},null,8,["columns","data","row-id","sortable","selectable","expandable","resizable","empty","caption","render-cell","render-expanded"])):(0,l.createCommentVNode)("",!0)])],8,H))}});exports.default=J;
+const Q=require("../utils/appearance.cjs"),U=require("../utils/id.cjs"),Y=require("../utils/liveAnnouncer.cjs"),A=require("./context.cjs"),Z=require("./TableAnatomy.vue.cjs");let n=require("vue");var K=["aria-rowcount","aria-colcount"],_=(0,n.defineComponent)({inheritAttrs:!1,__name:"Table",props:{sort:{default:void 0},defaultSort:{default:()=>[]},rowCount:{default:void 0},columnCount:{default:void 0},multiSort:{type:Boolean,default:!1},selected:{default:void 0},defaultSelected:{default:void 0},selectionMode:{},getSortLabel:{type:Function,default:A.defaultGetSortLabel},expandedRowIds:{},defaultExpandedRowIds:{default:()=>[]},columnWidths:{},defaultColumnWidths:{default:()=>({})},columns:{},data:{},rowId:{},getRowLabel:{},sortable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},empty:{},caption:{},renderCell:{},renderExpanded:{},density:{},stickyHeader:{type:Boolean,default:void 0},size:{default:void 0}},emits:["update:sort","sort-change","update:selected","selected-change","update:expandedRowIds","expanded-row-ids-change","update:columnWidths","column-widths-change","column-widths-commit"],setup(a,{emit:B}){function W(e,t,o){const d=e.find(r=>r.columnKey===t);let u="asc";return d!==void 0&&(u=d.direction==="asc"?"desc":null),o?u===null?e.filter(r=>r.columnKey!==t):d===void 0?[...e,{columnKey:t,direction:u}]:e.map(r=>r.columnKey===t?{columnKey:t,direction:u}:r):u===null?[]:[{columnKey:t,direction:u}]}function S(e){return e===void 0?new Set:e instanceof Set?e:new Set(e)}const l=a,i=(0,n.computed)(()=>l.selectionMode??(l.selectable?"multiple":"none")),b=(0,n.useAttrs)(),E=(0,n.computed)(()=>l.size??b["data-size"]),I=(0,n.computed)(()=>{const{"data-size":e,...t}=b;return t}),c=B,L=U.nextId("table"),g=(0,n.ref)(null),x=(0,n.ref)(l.defaultSort),y=(0,n.computed)(()=>l.sort!==void 0?l.sort:x.value),R=(0,n.shallowRef)(S(l.defaultSelected??[])),s=(0,n.computed)(()=>l.selected!==void 0?S(l.selected):R.value);function M(e){l.sort===void 0&&(x.value=e),c("update:sort",e),c("sort-change",e)}function f(e){const t=s.value;if(t.size===e.size&&[...e].every(d=>t.has(d)))return;l.selected===void 0&&(R.value=e);const o=[...e];c("update:selected",o),c("selected-change",o)}function T(e,t=e){const o=W(y.value,e,l.multiSort);M(o);const d=o.find(u=>u.columnKey===e)?.direction??null;Y.announce(l.getSortLabel(t,d))}function H(){const e=g.value?.querySelectorAll(":scope > tbody > tr[data-row-id]");return e?[...e].map(t=>t.dataset.rowId):[]}let m=null;function O(e,t=!1){if(i.value==="none")return;const o=s.value;if(t&&i.value==="multiple"&&m!==null&&m!==e){const u=H(),r=u.indexOf(m),p=u.indexOf(e);if(r!==-1&&p!==-1){const J=u.slice(Math.min(r,p),Math.max(r,p)+1);f(new Set([...o,...J]));return}}if(m=e,i.value==="single"){f(o.has(e)&&o.size===1?new Set:new Set([e]));return}const d=new Set(o);d.has(e)?d.delete(e):d.add(e),f(d)}function N(e){return s.value.has(e)}function C(e){return e.length>0&&e.every(t=>s.value.has(t))}function $(e){return e.some(t=>s.value.has(t))&&!C(e)}function F(e){if(i.value==="none")return;const t=s.value;if(e.length>0&&e.every(o=>t.has(o))){const o=new Set(t);for(const d of e)o.delete(d);f(o);return}f(new Set([...t,...e]))}const z=(0,n.ref)(l.defaultExpandedRowIds),v=(0,n.computed)(()=>l.expandedRowIds??z.value),q=(0,n.computed)(()=>new Set(v.value));function G(e){const t=v.value.includes(e)?v.value.filter(o=>o!==e):[...v.value,e];l.expandedRowIds===void 0&&(z.value=t),c("update:expandedRowIds",t),c("expanded-row-ids-change",t)}function P(e){return q.value.has(e)}const k=(0,n.ref)({...l.defaultColumnWidths}),w=(0,n.computed)(()=>l.columnWidths??k.value);function V(e,t){if(w.value[e]===t)return;const o={...w.value,[e]:t};l.columnWidths===void 0&&(k.value=o),c("update:columnWidths",o),c("column-widths-change",o)}function X(){c("column-widths-commit",w.value)}const h=(0,n.ref)(0),j=(0,n.computed)(()=>h.value>0?h.value:l.columnCount??1);function D(){return h.value+=1,()=>{h.value-=1}}return(0,n.provide)(A.TABLE_CONTEXT,{tableId:L,headerCellCount:j,registerHeaderCell:D,sortList:y,get multiSort(){return l.multiSort},selected:s,get selectionMode(){return i.value},toggleSort:T,toggleRow:O,isRowSelected:N,toggleAll:F,isAllSelected:C,isSomeSelected:$,expandedRows:q,toggleRowExpanded:G,isRowExpanded:P,columnWidths:w,setColumnWidth:V,commitColumnWidths:X}),(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)("table",(0,n.mergeProps)({ref_key:"tableRef",ref:g,class:"skdx-table","data-part":"root","data-skdx-component":"table","aria-rowcount":a.rowCount,"aria-colcount":a.columnCount},{...I.value,...(0,n.unref)(Q.appearanceAttrs)({density:a.density,stickyHeader:a.stickyHeader},e.$attrs)}),[(0,n.renderSlot)(e.$slots,"default",{},()=>[a.columns&&a.data?((0,n.openBlock)(),(0,n.createBlock)(Z.default,{key:0,columns:a.columns,data:a.data,"row-id":a.rowId,"get-row-label":a.getRowLabel,sortable:a.sortable,selectable:a.selectable,expandable:a.expandable,resizable:a.resizable,empty:a.empty,caption:a.caption,"render-cell":a.renderCell,"render-expanded":a.renderExpanded,size:E.value},null,8,["columns","data","row-id","get-row-label","sortable","selectable","expandable","resizable","empty","caption","render-cell","render-expanded","size"])):(0,n.createCommentVNode)("",!0)])],16,K))}});exports.default=_;

package/dist/table/Table.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{nextId as e}from"../utils/id.js";import{announce as t}from"../utils/liveAnnouncer.js";import{TABLE_CONTEXT as o,defaultGetSortLabel as n}from"./context.js";import l from"./TableAnatomy.vue.js";import{computed as a,createBlock as d,createCommentVNode as u,createElementBlock as i,defineComponent as s,openBlock as c,provide as r,ref as f,renderSlot as m}from"vue";var p=["aria-rowcount","aria-colcount"],v=/* @__PURE__ */s({__name:"Table",props:{sort:{default:void 0},defaultSort:{default:()=>[]},rowCount:{default:void 0},columnCount:{default:void 0},multiSort:{type:Boolean,default:!1},selected:{default:void 0},defaultSelected:{default:void 0},selectionMode:{default:void 0},getSortLabel:{type:Function,default:n},expandedRowIds:{default:void 0},defaultExpandedRowIds:{default:()=>[]},columnWidths:{default:void 0},defaultColumnWidths:{default:()=>({})},columns:{default:void 0},data:{default:void 0},rowId:{type:Function,default:void 0},sortable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},empty:{default:void 0},caption:{default:void 0},renderCell:{type:Function,default:void 0},renderExpanded:{type:Function,default:void 0}},emits:["update:sort","sort-change","update:selected","selected-change","update:expandedRowIds","expanded-row-ids-change","update:columnWidths","column-widths-change","column-widths-commit"],setup(n,{emit:s}){function v(e){return void 0===e?/* @__PURE__ */new Set:e instanceof Set?e:new Set(e)}const w=n,h=a(()=>w.selectionMode??(w.selectable?"multiple":"none")),b=s,x=e("table"),S=f(null),y=f(w.defaultSort),g=a(()=>void 0!==w.sort?w.sort:y.value),C=f(v(w.defaultSelected??[])),R=a(()=>void 0!==w.selected?v(w.selected):C.value);function I(e){void 0===w.selected&&(C.value=e);const t=[...e];b("update:selected",t),b("selected-change",t)}let W=null;function B(e){return e.length>0&&e.every(e=>R.value.has(e))}const E=f(w.defaultExpandedRowIds),k=a(()=>w.expandedRowIds??E.value),K=a(()=>new Set(k.value)),A=f({...w.defaultColumnWidths}),z=a(()=>w.columnWidths??A.value);return r(o,{tableId:x,sortList:g,get multiSort(){return w.multiSort},selected:R,get selectionMode(){return h.value},toggleSort:function(e,o=e){const n=function(e,t,o){const n=e.find(e=>e.columnKey===t),l=void 0===n?"asc":"asc"===n.direction?"desc":null;return o?null===l?e.filter(e=>e.columnKey!==t):void 0===n?[...e,{columnKey:t,direction:l}]:e.map(e=>e.columnKey===t?{columnKey:t,direction:l}:e):null===l?[]:[{columnKey:t,direction:l}]}(g.value,e,w.multiSort);!function(e){void 0===w.sort&&(y.value=e),b("update:sort",e),b("sort-change",e)}(n);const l=n.find(t=>t.columnKey===e)?.direction??null;t(w.getSortLabel(o,l))},toggleRow:function(e,t=!1){if("none"===h.value)return;const o=R.value;if(t&&"multiple"===h.value&&null!==W&&W!==e){const t=function(){const e=S.value?.querySelectorAll(":scope > tbody > tr[data-row-id]");return e?[...e].map(e=>e.dataset.rowId):[]}(),n=t.indexOf(W),l=t.indexOf(e);if(-1!==n&&-1!==l){const e=t.slice(Math.min(n,l),Math.max(n,l)+1);return void I(/* @__PURE__ */new Set([...o,...e]))}}if(W=e,"single"===h.value)return void I(o.has(e)&&1===o.size?/* @__PURE__ */new Set:/* @__PURE__ */new Set([e]));const n=new Set(o);n.has(e)?n.delete(e):n.add(e),I(n)},isRowSelected:function(e){return R.value.has(e)},toggleAll:function(e){if("none"===h.value)return;const t=R.value;if(e.length>0&&e.every(e=>t.has(e))){const o=new Set(t);for(const t of e)o.delete(t);return void I(o)}I(/* @__PURE__ */new Set([...t,...e]))},isAllSelected:B,isSomeSelected:function(e){return e.some(e=>R.value.has(e))&&!B(e)},expandedRows:K,toggleRowExpanded:function(e){const t=k.value.includes(e)?k.value.filter(t=>t!==e):[...k.value,e];void 0===w.expandedRowIds&&(E.value=t),b("update:expandedRowIds",t),b("expanded-row-ids-change",t)},isRowExpanded:function(e){return K.value.has(e)},columnWidths:z,setColumnWidth:function(e,t){if(z.value[e]===t)return;const o={...z.value,[e]:t};void 0===w.columnWidths&&(A.value=o),b("update:columnWidths",o),b("column-widths-change",o)},commitColumnWidths:function(){b("column-widths-commit",z.value)}}),(e,t)=>(c(),i("table",{class:"skdx-table","data-part":"root","data-skdx-component":"table",ref_key:"tableRef",ref:S,"aria-rowcount":n.rowCount,"aria-colcount":n.columnCount},[m(e.$slots,"default",{},()=>[n.columns&&n.data?(c(),d(l,{key:0,columns:n.columns,data:n.data,"row-id":n.rowId,sortable:n.sortable,selectable:n.selectable,expandable:n.expandable,resizable:n.resizable,empty:n.empty,caption:n.caption,"render-cell":n.renderCell,"render-expanded":n.renderExpanded},null,8,["columns","data","row-id","sortable","selectable","expandable","resizable","empty","caption","render-cell","render-expanded"])):u("",!0)])],8,p))}});export{v as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{nextId as t}from"../utils/id.js";import{announce as a}from"../utils/liveAnnouncer.js";import{TABLE_CONTEXT as o,defaultGetSortLabel as l}from"./context.js";import n from"./TableAnatomy.vue.js";import{computed as d,createBlock as u,createCommentVNode as s,createElementBlock as r,defineComponent as i,mergeProps as c,openBlock as m,provide as f,ref as p,renderSlot as v,shallowRef as w,unref as h,useAttrs as b}from"vue";var y=["aria-rowcount","aria-colcount"],g=/* @__PURE__ */i({inheritAttrs:!1,__name:"Table",props:{sort:{default:void 0},defaultSort:{default:()=>[]},rowCount:{default:void 0},columnCount:{default:void 0},multiSort:{type:Boolean,default:!1},selected:{default:void 0},defaultSelected:{default:void 0},selectionMode:{},getSortLabel:{type:Function,default:l},expandedRowIds:{},defaultExpandedRowIds:{default:()=>[]},columnWidths:{},defaultColumnWidths:{default:()=>({})},columns:{},data:{},rowId:{},getRowLabel:{},sortable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},empty:{},caption:{},renderCell:{},renderExpanded:{},density:{},stickyHeader:{type:Boolean,default:void 0},size:{default:void 0}},emits:["update:sort","sort-change","update:selected","selected-change","update:expandedRowIds","expanded-row-ids-change","update:columnWidths","column-widths-change","column-widths-commit"],setup(l,{emit:i}){function g(e){return void 0===e?/* @__PURE__ */new Set:e instanceof Set?e:new Set(e)}const x=l,S=d(()=>x.selectionMode??(x.selectable?"multiple":"none")),C=b(),R=d(()=>x.size??C["data-size"]),z=d(()=>{const{"data-size":e,...t}=C;return t}),I=i,k=t("table"),B=p(null),W=p(x.defaultSort),A=d(()=>void 0!==x.sort?x.sort:W.value),E=w(g(x.defaultSelected??[])),K=d(()=>void 0!==x.selected?g(x.selected):E.value);function L(e){const t=K.value;if(t.size===e.size&&[...e].every(e=>t.has(e)))return;void 0===x.selected&&(E.value=e);const a=[...e];I("update:selected",a),I("selected-change",a)}let j=null;function M(e){return e.length>0&&e.every(e=>K.value.has(e))}const T=p(x.defaultExpandedRowIds),H=d(()=>x.expandedRowIds??T.value),_=d(()=>new Set(H.value)),O=p({...x.defaultColumnWidths}),N=d(()=>x.columnWidths??O.value),$=p(0),q=d(()=>$.value>0?$.value:x.columnCount??1);return f(o,{tableId:k,headerCellCount:q,registerHeaderCell:function(){return $.value+=1,()=>{$.value-=1}},sortList:A,get multiSort(){return x.multiSort},selected:K,get selectionMode(){return S.value},toggleSort:function(e,t=e){const o=function(e,t,a){const o=e.find(e=>e.columnKey===t);let l="asc";return void 0!==o&&(l="asc"===o.direction?"desc":null),a?null===l?e.filter(e=>e.columnKey!==t):void 0===o?[...e,{columnKey:t,direction:l}]:e.map(e=>e.columnKey===t?{columnKey:t,direction:l}:e):null===l?[]:[{columnKey:t,direction:l}]}(A.value,e,x.multiSort);!function(e){void 0===x.sort&&(W.value=e),I("update:sort",e),I("sort-change",e)}(o);const l=o.find(t=>t.columnKey===e)?.direction??null;a(x.getSortLabel(t,l))},toggleRow:function(e,t=!1){if("none"===S.value)return;const a=K.value;if(t&&"multiple"===S.value&&null!==j&&j!==e){const t=function(){const e=B.value?.querySelectorAll(":scope > tbody > tr[data-row-id]");return e?[...e].map(e=>e.dataset.rowId):[]}(),o=t.indexOf(j),l=t.indexOf(e);if(-1!==o&&-1!==l){const e=t.slice(Math.min(o,l),Math.max(o,l)+1);return void L(/* @__PURE__ */new Set([...a,...e]))}}if(j=e,"single"===S.value)return void L(a.has(e)&&1===a.size?/* @__PURE__ */new Set:/* @__PURE__ */new Set([e]));const o=new Set(a);o.has(e)?o.delete(e):o.add(e),L(o)},isRowSelected:function(e){return K.value.has(e)},toggleAll:function(e){if("none"===S.value)return;const t=K.value;if(e.length>0&&e.every(e=>t.has(e))){const a=new Set(t);for(const t of e)a.delete(t);return void L(a)}L(/* @__PURE__ */new Set([...t,...e]))},isAllSelected:M,isSomeSelected:function(e){return e.some(e=>K.value.has(e))&&!M(e)},expandedRows:_,toggleRowExpanded:function(e){const t=H.value.includes(e)?H.value.filter(t=>t!==e):[...H.value,e];void 0===x.expandedRowIds&&(T.value=t),I("update:expandedRowIds",t),I("expanded-row-ids-change",t)},isRowExpanded:function(e){return _.value.has(e)},columnWidths:N,setColumnWidth:function(e,t){if(N.value[e]===t)return;const a={...N.value,[e]:t};void 0===x.columnWidths&&(O.value=a),I("update:columnWidths",a),I("column-widths-change",a)},commitColumnWidths:function(){I("column-widths-commit",N.value)}}),(t,a)=>(m(),r("table",c({ref_key:"tableRef",ref:B,class:"skdx-table","data-part":"root","data-skdx-component":"table","aria-rowcount":l.rowCount,"aria-colcount":l.columnCount},{...z.value,...h(e)({density:l.density,stickyHeader:l.stickyHeader},t.$attrs)}),[v(t.$slots,"default",{},()=>[l.columns&&l.data?(m(),u(n,{key:0,columns:l.columns,data:l.data,"row-id":l.rowId,"get-row-label":l.getRowLabel,sortable:l.sortable,selectable:l.selectable,expandable:l.expandable,resizable:l.resizable,empty:l.empty,caption:l.caption,"render-cell":l.renderCell,"render-expanded":l.renderExpanded,size:R.value},null,8,["columns","data","row-id","get-row-label","sortable","selectable","expandable","resizable","empty","caption","render-cell","render-expanded","size"])):s("",!0)])],16,y))}});export{g as default};

package/dist/table/TableAnatomy.vue.d.cts

@@ -1,17 +1,23 @@
 import { type TableColumnDef } from './context.cjs';
-declare const _default: <TRow extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <TRow extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
         columns: TableColumnDef<TRow>[];
         data: TRow[];
-        rowId?: (row: TRow, index: number) => string;
-        sortable?: boolean;
-        selectable?: boolean;
-        expandable?: boolean;
-        resizable?: boolean;
-        empty?: string;
-        caption?: string;
-        renderCell?: (row: TRow, column: TableColumnDef<TRow>) => unknown;
-        renderExpanded?: (row: TRow) => unknown;
+        rowId?: ((row: TRow, index: number) => string) | undefined;
+        getRowLabel?: ((row: TRow, index: number) => string) | undefined;
+        sortable?: boolean | undefined;
+        selectable?: boolean | undefined;
+        expandable?: boolean | undefined;
+        resizable?: boolean | undefined;
+        empty?: string | undefined;
+        caption?: string | undefined;
+        renderCell?: ((row: TRow, column: TableColumnDef<TRow>) => unknown) | undefined;
+        renderExpanded?: ((row: TRow) => unknown) | undefined;
+        /**
+         * Size rung the skin renders the selection checkboxes at, applied to the derived RowSelectCheckbox and SelectAllCheckbox parts.
+         * @default undefined — falls back to a `data-size` attribute.
+         */
+        size?: "sm" | "md" | "lg" | (string & {}) | undefined;
     } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/table/TableAnatomy.vue.d.ts

@@ -1,17 +1,23 @@
 import { type TableColumnDef } from './context.js';
-declare const _default: <TRow extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <TRow extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
         columns: TableColumnDef<TRow>[];
         data: TRow[];
-        rowId?: (row: TRow, index: number) => string;
-        sortable?: boolean;
-        selectable?: boolean;
-        expandable?: boolean;
-        resizable?: boolean;
-        empty?: string;
-        caption?: string;
-        renderCell?: (row: TRow, column: TableColumnDef<TRow>) => unknown;
-        renderExpanded?: (row: TRow) => unknown;
+        rowId?: ((row: TRow, index: number) => string) | undefined;
+        getRowLabel?: ((row: TRow, index: number) => string) | undefined;
+        sortable?: boolean | undefined;
+        selectable?: boolean | undefined;
+        expandable?: boolean | undefined;
+        resizable?: boolean | undefined;
+        empty?: string | undefined;
+        caption?: string | undefined;
+        renderCell?: ((row: TRow, column: TableColumnDef<TRow>) => unknown) | undefined;
+        renderExpanded?: ((row: TRow) => unknown) | undefined;
+        /**
+         * Size rung the skin renders the selection checkboxes at, applied to the derived RowSelectCheckbox and SelectAllCheckbox parts.
+         * @default undefined — falls back to a `data-size` attribute.
+         */
+        size?: "sm" | "md" | "lg" | (string & {}) | undefined;
     } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/table/TableAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const f=require("../utils/renderProp.cjs"),x=require("./context.cjs"),q=require("./TableBody.vue.cjs"),w=require("./TableCaption.vue.cjs"),k=require("./TableCell.vue.cjs"),T=require("./TableEmpty.vue.cjs"),g=require("./TableExpandedRow.vue.cjs"),h=require("./TableExpandTrigger.vue.cjs"),v=require("./TableHeader.vue.cjs"),s=require("./TableHeaderCell.vue.cjs"),m=require("./TableRow.vue.cjs"),N=require("./TableRowSelectCheckbox.vue.cjs"),V=require("./TableSelectAllCheckbox.vue.cjs");let e=require("vue");var E=(0,e.defineComponent)({__name:"TableAnatomy",props:{columns:{},data:{},rowId:{type:Function,default:void 0},sortable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},empty:{default:void 0},caption:{default:void 0},renderCell:{type:Function,default:void 0},renderExpanded:{type:Function,default:void 0}},setup(r){const o=r,p=(0,e.inject)(x.TABLE_CONTEXT);if(!p)throw new Error("TableAnatomy must be used within SkdxTable.");function c(a,l){if(o.rowId)return o.rowId(a,l);const t=a.id;return String(t===void 0?l:t)}function B(a,l){const t=a[l.key];return t==null?"":String(t)}function b(a,l){return typeof a=="number"&&typeof l=="number"?a-l:String(a??"").localeCompare(String(l??""))}const d=(0,e.computed)(()=>{const a=p.sortList.value;return a.length===0?o.data:[...o.data].sort((l,t)=>{for(const{columnKey:n,direction:u}of a){const i=b(l[n],t[n]);if(i!==0)return u==="asc"?i:-i}return 0})}),y=(0,e.computed)(()=>o.columns.length+(o.selectable?1:0)+(o.expandable?1:0)),C=(0,e.computed)(()=>d.value.map((a,l)=>c(a,l)));return(a,l)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[r.caption?((0,e.openBlock)(),(0,e.createBlock)(w.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.caption),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(v.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(m.default,null,{default:(0,e.withCtx)(()=>[r.selectable?((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(V.default,{"row-ids":C.value,scope:"page"},null,8,["row-ids"])]),_:1})):(0,e.createCommentVNode)("",!0),r.expandable?((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:1,"aria-hidden":"true"})):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.columns,t=>((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:t.key,"column-key":t.key,sortable:r.sortable&&t.sortable!==!1,resizable:r.resizable&&t.resizable!==!1},{default:(0,e.withCtx)(()=>[t.header!==void 0&&typeof t.header!="string"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(f.RenderProp),{key:0,render:()=>t.header},null,8,["render"])):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)(t.header??t.key),1)],64))]),_:2},1032,["column-key","sortable","resizable"]))),128))]),_:1})]),_:1}),(0,e.createVNode)(q.default,null,{default:(0,e.withCtx)(()=>[d.value.length===0&&r.empty?((0,e.openBlock)(),(0,e.createBlock)(T.default,{key:0,"col-span":y.value},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.empty),1)]),_:1},8,["col-span"])):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(d.value,(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:c(t,n)},[(0,e.createVNode)(m.default,{"row-id":r.selectable?c(t,n):void 0},{default:(0,e.withCtx)(()=>[r.selectable?((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(N.default,{"row-id":c(t,n),"aria-label":`Select row ${n+1}`},null,8,["row-id","aria-label"])]),_:2},1024)):(0,e.createCommentVNode)("",!0),r.expandable?((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(h.default,{"row-id":c(t,n)},{default:(0,e.withCtx)(()=>[...l[0]||(l[0]=[(0,e.createTextVNode)("▸",-1)])]),_:1},8,["row-id"])]),_:2},1024)):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.columns,u=>((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:u.key},{default:(0,e.withCtx)(()=>[typeof r.renderCell=="function"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(f.RenderProp),{key:0,render:()=>o.renderCell(t,u)},null,8,["render"])):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)(B(t,u)),1)],64))]),_:2},1024))),128))]),_:2},1032,["row-id"]),r.expandable?((0,e.openBlock)(),(0,e.createBlock)(g.default,{key:0,"row-id":c(t,n),"col-span":y.value},{default:(0,e.withCtx)(()=>[typeof r.renderExpanded=="function"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(f.RenderProp),{key:0,render:()=>o.renderExpanded(t)},null,8,["render"])):(0,e.createCommentVNode)("",!0)]),_:2},1032,["row-id","col-span"])):(0,e.createCommentVNode)("",!0)],64))),128))]),_:1})],64))}});exports.default=E;
+const g=require("../utils/injectRequired.cjs"),i=require("../utils/renderProp.cjs"),k=require("./context.cjs"),w=require("./TableBody.vue.cjs"),T=require("./TableCaption.vue.cjs"),y=require("./TableCell.vue.cjs"),v=require("./TableEmpty.vue.cjs"),V=require("./TableExpandedRow.vue.cjs"),N=require("./TableExpandTrigger.vue.cjs"),E=require("./TableHeader.vue.cjs"),p=require("./TableHeaderCell.vue.cjs"),B=require("./TableRow.vue.cjs"),z=require("./TableRowSelectCheckbox.vue.cjs"),R=require("./TableSelectAllCheckbox.vue.cjs");let e=require("vue");var F=(0,e.defineComponent)({__name:"TableAnatomy",props:{columns:{},data:{},rowId:{type:Function,default:void 0},getRowLabel:{type:Function,default:void 0},sortable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},empty:{default:void 0},caption:{default:void 0},renderCell:{type:Function,default:void 0},renderExpanded:{type:Function,default:void 0},size:{default:void 0}},setup(l){const n=l,C=g.injectRequired(k.TABLE_CONTEXT,"TableAnatomy must be used within SkdxTable.");function d(r){return typeof r=="string"?r:String(r)}function c(r,a){if(n.rowId)return n.rowId(r,a);const t=k.cellValue(r,"id");return t===void 0?String(a):d(t)}function m(r,a){return n.getRowLabel?n.getRowLabel(r,a):`row ${c(r,a)}`}function q(r,a){const t=k.cellValue(r,a.key);return t==null?"":d(t)}function h(r,a){return typeof r=="number"&&typeof a=="number"?r-a:d(r??"").localeCompare(d(a??""))}const f=(0,e.computed)(()=>{const r=C.sortList.value;return r.length===0?n.data:[...n.data].sort((a,t)=>{for(const{columnKey:o,direction:u}of r){const s=h(a[o],t[o]);if(s!==0)return u==="asc"?s:-s}return 0})}),b=(0,e.computed)(()=>n.columns.length+(n.selectable?1:0)+(n.expandable?1:0)),x=(0,e.computed)(()=>f.value.map((r,a)=>c(r,a)));return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[l.caption?((0,e.openBlock)(),(0,e.createBlock)(T.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.caption),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(E.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(B.default,null,{default:(0,e.withCtx)(()=>[l.selectable?((0,e.openBlock)(),(0,e.createBlock)(p.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(R.default,{"row-ids":x.value,scope:"page",size:l.size},null,8,["row-ids","size"])]),_:1})):(0,e.createCommentVNode)("",!0),l.expandable?((0,e.openBlock)(),(0,e.createBlock)(p.default,{key:1,"aria-hidden":"true"})):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.columns,t=>((0,e.openBlock)(),(0,e.createBlock)(p.default,{key:t.key,"column-key":t.key,sortable:t.sortable??l.sortable,resizable:t.resizable??l.resizable,"min-width":t.minWidth,"max-width":t.maxWidth},{default:(0,e.withCtx)(()=>[t.header!==void 0&&typeof t.header!="string"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.RenderProp),{key:0,render:()=>t.header},null,8,["render"])):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)(t.header??t.key),1)],64))]),_:2},1032,["column-key","sortable","resizable","min-width","max-width"]))),128))]),_:1})]),_:1}),(0,e.createVNode)(w.default,null,{default:(0,e.withCtx)(()=>[f.value.length===0&&l.empty?((0,e.openBlock)(),(0,e.createBlock)(v.default,{key:0,"col-span":b.value},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.empty),1)]),_:1},8,["col-span"])):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(f.value,(t,o)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:c(t,o)},[(0,e.createVNode)(B.default,{"row-id":l.selectable?c(t,o):void 0},{default:(0,e.withCtx)(()=>[l.selectable?((0,e.openBlock)(),(0,e.createBlock)(y.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(z.default,{"row-id":c(t,o),"aria-label":`Select ${m(t,o)}`,size:l.size},null,8,["row-id","aria-label","size"])]),_:2},1024)):(0,e.createCommentVNode)("",!0),l.expandable?((0,e.openBlock)(),(0,e.createBlock)(y.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(N.default,{"row-id":c(t,o),"aria-label":`Details for ${m(t,o)}`},null,8,["row-id","aria-label"])]),_:2},1024)):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.columns,u=>((0,e.openBlock)(),(0,e.createBlock)(y.default,{key:u.key},{default:(0,e.withCtx)(()=>[typeof u.cell=="function"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.RenderProp),{key:0,render:()=>u.cell(t)},null,8,["render"])):typeof l.renderCell=="function"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.RenderProp),{key:1,render:()=>n.renderCell(t,u)},null,8,["render"])):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createTextVNode)((0,e.toDisplayString)(q(t,u)),1)],64))]),_:2},1024))),128))]),_:2},1032,["row-id"]),l.expandable?((0,e.openBlock)(),(0,e.createBlock)(V.default,{key:0,"row-id":c(t,o),"col-span":b.value},{default:(0,e.withCtx)(()=>[typeof l.renderExpanded=="function"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.RenderProp),{key:0,render:()=>n.renderExpanded(t)},null,8,["render"])):(0,e.createCommentVNode)("",!0)]),_:2},1032,["row-id","col-span"])):(0,e.createCommentVNode)("",!0)],64))),128))]),_:1})],64))}});exports.default=F;

package/dist/table/TableAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{RenderProp as e}from"../utils/renderProp.js";import{TABLE_CONTEXT as l}from"./context.js";import a from"./TableBody.vue.js";import r from"./TableCaption.vue.js";import t from"./TableCell.vue.js";import o from"./TableEmpty.vue.js";import n from"./TableExpandedRow.vue.js";import d from"./TableExpandTrigger.vue.js";import u from"./TableHeader.vue.js";import i from"./TableHeaderCell.vue.js";import s from"./TableRow.vue.js";import p from"./TableRowSelectCheckbox.vue.js";import c from"./TableSelectAllCheckbox.vue.js";import{Fragment as f,computed as m,createBlock as y,createCommentVNode as b,createElementBlock as k,createTextVNode as v,createVNode as w,defineComponent as T,inject as x,openBlock as _,renderList as j,toDisplayString as g,unref as h,withCtx as C}from"vue";var E=/* @__PURE__ */T({__name:"TableAnatomy",props:{columns:{},data:{},rowId:{type:Function,default:void 0},sortable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},empty:{default:void 0},caption:{default:void 0},renderCell:{type:Function,default:void 0},renderExpanded:{type:Function,default:void 0}},setup(T){const E=T,B=x(l);if(!B)throw new Error("TableAnatomy must be used within SkdxTable.");function S(e,l){if(E.rowId)return E.rowId(e,l);const a=e.id;return String(void 0===a?l:a)}function z(e,l){const a=e[l.key];return null==a?"":String(a)}function A(e,l){return"number"==typeof e&&"number"==typeof l?e-l:String(e??"").localeCompare(String(l??""))}const F=m(()=>{const e=B.sortList.value;return 0===e.length?E.data:[...E.data].sort((l,a)=>{for(const{columnKey:r,direction:t}of e){const e=A(l[r],a[r]);if(0!==e)return"asc"===t?e:-e}return 0})}),N=m(()=>E.columns.length+(E.selectable?1:0)+(E.expandable?1:0)),R=m(()=>F.value.map((e,l)=>S(e,l)));return(l,m)=>(_(),k(f,null,[T.caption?(_(),y(r,{key:0},{default:C(()=>[v(g(T.caption),1)]),_:1})):b("",!0),w(u,null,{default:C(()=>[w(s,null,{default:C(()=>[T.selectable?(_(),y(i,{key:0},{default:C(()=>[w(c,{"row-ids":R.value,scope:"page"},null,8,["row-ids"])]),_:1})):b("",!0),T.expandable?(_(),y(i,{key:1,"aria-hidden":"true"})):b("",!0),(_(!0),k(f,null,j(T.columns,l=>(_(),y(i,{key:l.key,"column-key":l.key,sortable:T.sortable&&!1!==l.sortable,resizable:T.resizable&&!1!==l.resizable},{default:C(()=>[void 0!==l.header&&"string"!=typeof l.header?(_(),y(h(e),{key:0,render:()=>l.header},null,8,["render"])):(_(),k(f,{key:1},[v(g(l.header??l.key),1)],64))]),_:2},1032,["column-key","sortable","resizable"]))),128))]),_:1})]),_:1}),w(a,null,{default:C(()=>[0===F.value.length&&T.empty?(_(),y(o,{key:0,"col-span":N.value},{default:C(()=>[v(g(T.empty),1)]),_:1},8,["col-span"])):b("",!0),(_(!0),k(f,null,j(F.value,(l,a)=>(_(),k(f,{key:S(l,a)},[w(s,{"row-id":T.selectable?S(l,a):void 0},{default:C(()=>[T.selectable?(_(),y(t,{key:0},{default:C(()=>[w(p,{"row-id":S(l,a),"aria-label":`Select row ${a+1}`},null,8,["row-id","aria-label"])]),_:2},1024)):b("",!0),T.expandable?(_(),y(t,{key:1},{default:C(()=>[w(d,{"row-id":S(l,a)},{default:C(()=>[...m[0]||(m[0]=[v("▸",-1)])]),_:1},8,["row-id"])]),_:2},1024)):b("",!0),(_(!0),k(f,null,j(T.columns,a=>(_(),y(t,{key:a.key},{default:C(()=>["function"==typeof T.renderCell?(_(),y(h(e),{key:0,render:()=>E.renderCell(l,a)},null,8,["render"])):(_(),k(f,{key:1},[v(g(z(l,a)),1)],64))]),_:2},1024))),128))]),_:2},1032,["row-id"]),T.expandable?(_(),y(n,{key:0,"row-id":S(l,a),"col-span":N.value},{default:C(()=>["function"==typeof T.renderExpanded?(_(),y(h(e),{key:0,render:()=>E.renderExpanded(l)},null,8,["render"])):b("",!0)]),_:2},1032,["row-id","col-span"])):b("",!0)],64))),128))]),_:1})],64))}});export{E as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{RenderProp as l}from"../utils/renderProp.js";import{TABLE_CONTEXT as t,cellValue as a}from"./context.js";import r from"./TableBody.vue.js";import o from"./TableCaption.vue.js";import n from"./TableCell.vue.js";import d from"./TableEmpty.vue.js";import i from"./TableExpandedRow.vue.js";import u from"./TableExpandTrigger.vue.js";import s from"./TableHeader.vue.js";import p from"./TableHeaderCell.vue.js";import c from"./TableRow.vue.js";import f from"./TableRowSelectCheckbox.vue.js";import m from"./TableSelectAllCheckbox.vue.js";import{Fragment as y,computed as b,createBlock as v,createCommentVNode as k,createElementBlock as w,createTextVNode as x,createVNode as T,defineComponent as h,openBlock as j,renderList as g,toDisplayString as _,unref as C,withCtx as z}from"vue";var B=/* @__PURE__ */h({__name:"TableAnatomy",props:{columns:{},data:{},rowId:{type:Function,default:void 0},getRowLabel:{type:Function,default:void 0},sortable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},empty:{default:void 0},caption:{default:void 0},renderCell:{type:Function,default:void 0},renderExpanded:{type:Function,default:void 0},size:{default:void 0}},setup(h){const B=h,E=e(t,"TableAnatomy must be used within SkdxTable.");function R(e){return"string"==typeof e?e:String(e)}function S(e,l){if(B.rowId)return B.rowId(e,l);const t=a(e,"id");return void 0===t?String(l):R(t)}function L(e,l){return B.getRowLabel?B.getRowLabel(e,l):`row ${S(e,l)}`}function F(e,l){const t=a(e,l.key);return null==t?"":R(t)}function A(e,l){return"number"==typeof e&&"number"==typeof l?e-l:R(e??"").localeCompare(R(l??""))}const N=b(()=>{const e=E.sortList.value;return 0===e.length?B.data:[...B.data].sort((l,t)=>{for(const{columnKey:a,direction:r}of e){const e=A(l[a],t[a]);if(0!==e)return"asc"===r?e:-e}return 0})}),V=b(()=>B.columns.length+(B.selectable?1:0)+(B.expandable?1:0)),I=b(()=>N.value.map((e,l)=>S(e,l)));return(e,t)=>(j(),w(y,null,[h.caption?(j(),v(o,{key:0},{default:z(()=>[x(_(h.caption),1)]),_:1})):k("",!0),T(s,null,{default:z(()=>[T(c,null,{default:z(()=>[h.selectable?(j(),v(p,{key:0},{default:z(()=>[T(m,{"row-ids":I.value,scope:"page",size:h.size},null,8,["row-ids","size"])]),_:1})):k("",!0),h.expandable?(j(),v(p,{key:1,"aria-hidden":"true"})):k("",!0),(j(!0),w(y,null,g(h.columns,e=>(j(),v(p,{key:e.key,"column-key":e.key,sortable:e.sortable??h.sortable,resizable:e.resizable??h.resizable,"min-width":e.minWidth,"max-width":e.maxWidth},{default:z(()=>[void 0!==e.header&&"string"!=typeof e.header?(j(),v(C(l),{key:0,render:()=>e.header},null,8,["render"])):(j(),w(y,{key:1},[x(_(e.header??e.key),1)],64))]),_:2},1032,["column-key","sortable","resizable","min-width","max-width"]))),128))]),_:1})]),_:1}),T(r,null,{default:z(()=>[0===N.value.length&&h.empty?(j(),v(d,{key:0,"col-span":V.value},{default:z(()=>[x(_(h.empty),1)]),_:1},8,["col-span"])):k("",!0),(j(!0),w(y,null,g(N.value,(e,t)=>(j(),w(y,{key:S(e,t)},[T(c,{"row-id":h.selectable?S(e,t):void 0},{default:z(()=>[h.selectable?(j(),v(n,{key:0},{default:z(()=>[T(f,{"row-id":S(e,t),"aria-label":`Select ${L(e,t)}`,size:h.size},null,8,["row-id","aria-label","size"])]),_:2},1024)):k("",!0),h.expandable?(j(),v(n,{key:1},{default:z(()=>[T(u,{"row-id":S(e,t),"aria-label":`Details for ${L(e,t)}`},null,8,["row-id","aria-label"])]),_:2},1024)):k("",!0),(j(!0),w(y,null,g(h.columns,t=>(j(),v(n,{key:t.key},{default:z(()=>["function"==typeof t.cell?(j(),v(C(l),{key:0,render:()=>t.cell(e)},null,8,["render"])):"function"==typeof h.renderCell?(j(),v(C(l),{key:1,render:()=>B.renderCell(e,t)},null,8,["render"])):(j(),w(y,{key:2},[x(_(F(e,t)),1)],64))]),_:2},1024))),128))]),_:2},1032,["row-id"]),h.expandable?(j(),v(i,{key:0,"row-id":S(e,t),"col-span":V.value},{default:z(()=>["function"==typeof h.renderExpanded?(j(),v(C(l),{key:0,render:()=>B.renderExpanded(e)},null,8,["render"])):k("",!0)]),_:2},1032,["row-id","col-span"])):k("",!0)],64))),128))]),_:1})],64))}});export{B as default};

package/dist/table/TableColumnHeaderSortTrigger.vue.d.cts

@@ -1,22 +1,16 @@
 /**
- * Sort button cycling ascending → descending → unsorted. Render it yourself
- * when the header needs more than a label in the button (sort indicator, icon, count).
- * `SkdxTableHeaderCell` renders one automatically; both detect it and skip duplicates.
- * Carries `data-sort-direction` and `data-sort-index` (under `multiSort`) for styling.
+ * Sort button cycling ascending → descending → unsorted, carrying `data-sort-direction`/`data-sort-index` for styling.
  */
 type __VLS_Props = {
-    /**
-     * Column this trigger sorts. Inherited from `SkdxTableHeaderCell`'s `columnKey`.
-     * Pass it when rendering outside a cell or in a non-sortable cell.
-     */
-    columnKey?: string;
+    /** Column this trigger sorts, inherited from `SkdxTableHeaderCell`'s `columnKey` when omitted. */
+    columnKey?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    columnKey: string;
+    columnKey: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/table/TableColumnHeaderSortTrigger.vue.d.ts

@@ -1,22 +1,16 @@
 /**
- * Sort button cycling ascending → descending → unsorted. Render it yourself
- * when the header needs more than a label in the button (sort indicator, icon, count).
- * `SkdxTableHeaderCell` renders one automatically; both detect it and skip duplicates.
- * Carries `data-sort-direction` and `data-sort-index` (under `multiSort`) for styling.
+ * Sort button cycling ascending → descending → unsorted, carrying `data-sort-direction`/`data-sort-index` for styling.
  */
 type __VLS_Props = {
-    /**
-     * Column this trigger sorts. Inherited from `SkdxTableHeaderCell`'s `columnKey`.
-     * Pass it when rendering outside a cell or in a non-sortable cell.
-     */
-    columnKey?: string;
+    /** Column this trigger sorts, inherited from `SkdxTableHeaderCell`'s `columnKey` when omitted. */
+    columnKey?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    columnKey: string;
+    columnKey: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/table/TableColumnHeaderSortTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var g=["data-sort-direction","data-sort-index"],p=(0,e.defineComponent)({inheritAttrs:!1,__name:"TableColumnHeaderSortTrigger",props:{columnKey:{default:void 0}},setup(i){const c=i,l=(0,e.inject)(d.TABLE_CONTEXT);if(!l)throw new Error("SkdxTableColumnHeaderSortTrigger must be used within SkdxTable");const o=l,u=(0,e.inject)(d.TABLE_HEADER_CELL_CONTEXT,void 0),r=(0,e.computed)(()=>c.columnKey??(u?.sortable?u.columnKey:void 0)),n=(0,e.computed)(()=>r.value===void 0?-1:o.sortList.value.findIndex(t=>t.columnKey===r.value)),s=(0,e.computed)(()=>o.sortList.value[n.value]?.direction),m=(0,e.computed)(()=>o.multiSort&&n.value!==-1?n.value:void 0);function v(t){const a=r.value,_=t.currentTarget?.textContent?.trim();o.toggleSort(a,_||a)}return(t,a)=>r.value!==void 0?((0,e.openBlock)(),(0,e.createElementBlock)("button",(0,e.mergeProps)({key:0,class:"skdx-table__column-header-sort-trigger","data-part":"column-header-sort-trigger",type:"button","data-skdx-table-sort-trigger":"","data-sort-direction":s.value,"data-sort-index":m.value,onClick:v},t.$attrs),[(0,e.renderSlot)(t.$slots,"default")],16,g)):(0,e.createCommentVNode)("",!0)}});exports.default=p;
+const _=require("../utils/injectRequired.cjs"),l=require("./context.cjs");let e=require("vue");var g=["data-sort-direction","data-sort-index"],p=(0,e.defineComponent)({inheritAttrs:!1,__name:"TableColumnHeaderSortTrigger",props:{columnKey:{default:void 0}},setup(i){const d=i,r=_.injectRequired(l.TABLE_CONTEXT,"SkdxTableColumnHeaderSortTrigger must be used within SkdxTable"),u=(0,e.inject)(l.TABLE_HEADER_CELL_CONTEXT,void 0),o=(0,e.computed)(()=>d.columnKey??(u?.sortable?u.columnKey:void 0)),n=(0,e.computed)(()=>o.value===void 0?-1:r.sortList.value.findIndex(t=>t.columnKey===o.value)),c=(0,e.computed)(()=>r.sortList.value[n.value]?.direction),s=(0,e.computed)(()=>r.multiSort&&n.value!==-1?n.value:void 0);function m(t){const a=o.value,v=t.currentTarget?.textContent?.trim();r.toggleSort(a,v||a)}return(t,a)=>o.value!==void 0?((0,e.openBlock)(),(0,e.createElementBlock)("button",(0,e.mergeProps)({key:0,class:"skdx-table__column-header-sort-trigger","data-part":"column-header-sort-trigger",type:"button","data-skdx-table-sort-trigger":"","data-sort-direction":c.value,"data-sort-index":s.value},t.$attrs,{onClick:m}),[(0,e.renderSlot)(t.$slots,"default")],16,g)):(0,e.createCommentVNode)("",!0)}});exports.default=p;

package/dist/table/TableColumnHeaderSortTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TABLE_CONTEXT as e,TABLE_HEADER_CELL_CONTEXT as t}from"./context.js";import{computed as o,createCommentVNode as r,createElementBlock as a,defineComponent as n,inject as s,mergeProps as l,openBlock as d,renderSlot as i}from"vue";var u=["data-sort-direction","data-sort-index"],c=/* @__PURE__ */n({inheritAttrs:!1,__name:"TableColumnHeaderSortTrigger",props:{columnKey:{default:void 0}},setup(n){const c=n,m=s(e);if(!m)throw new Error("SkdxTableColumnHeaderSortTrigger must be used within SkdxTable");const v=m,g=s(t,void 0),p=o(()=>c.columnKey??(g?.sortable?g.columnKey:void 0)),T=o(()=>void 0===p.value?-1:v.sortList.value.findIndex(e=>e.columnKey===p.value)),x=o(()=>v.sortList.value[T.value]?.direction),b=o(()=>v.multiSort&&-1!==T.value?T.value:void 0);function f(e){const t=p.value,o=e.currentTarget?.textContent?.trim();v.toggleSort(t,o||t)}return(e,t)=>void 0!==p.value?(d(),a("button",l({key:0,class:"skdx-table__column-header-sort-trigger","data-part":"column-header-sort-trigger",type:"button","data-skdx-table-sort-trigger":"","data-sort-direction":x.value,"data-sort-index":b.value,onClick:f},e.$attrs),[i(e.$slots,"default")],16,u)):r("",!0)}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TABLE_CONTEXT as t,TABLE_HEADER_CELL_CONTEXT as o}from"./context.js";import{computed as r,createCommentVNode as a,createElementBlock as s,defineComponent as i,inject as n,mergeProps as l,openBlock as d,renderSlot as u}from"vue";var c=["data-sort-direction","data-sort-index"],m=/* @__PURE__ */i({inheritAttrs:!1,__name:"TableColumnHeaderSortTrigger",props:{columnKey:{default:void 0}},setup(i){const m=i,v=e(t,"SkdxTableColumnHeaderSortTrigger must be used within SkdxTable"),g=n(o,void 0),p=r(()=>m.columnKey??(g?.sortable?g.columnKey:void 0)),T=r(()=>void 0===p.value?-1:v.sortList.value.findIndex(e=>e.columnKey===p.value)),x=r(()=>v.sortList.value[T.value]?.direction),b=r(()=>v.multiSort&&-1!==T.value?T.value:void 0);function f(e){const t=p.value,o=e.currentTarget?.textContent?.trim();v.toggleSort(t,o||t)}return(e,t)=>void 0!==p.value?(d(),s("button",l({key:0,class:"skdx-table__column-header-sort-trigger","data-part":"column-header-sort-trigger",type:"button","data-skdx-table-sort-trigger":"","data-sort-direction":x.value,"data-sort-index":b.value},e.$attrs,{onClick:f}),[u(e.$slots,"default")],16,c)):a("",!0)}});export{m as default};

package/dist/table/TableColumnResizeTrigger.vue.d.cts

@@ -1,45 +1,33 @@
 /**
- * Draggable/keyboard-operable column resize handle. `role="separator"` with
- * `aria-orientation="vertical"`, `aria-valuenow/min/max`. `SkdxTableHeaderCell`
- * renders one automatically; render it yourself to place differently or override `step`.
- * Keyboard (mirrored under `dir="rtl"`): Arrow Left/Right step by `step`px,
- * Home/End snap to bounds. Pointer: drag; Escape reverts.
+ * Draggable/keyboard-operable column resize handle: `role="separator"` with `aria-valuenow`/`min`/`max`, mirrored under `dir="rtl"`.
  */
 type __VLS_Props = {
-    /**
-     * Column whose width this handle writes. Inherited from
-     * `SkdxTableHeaderCell`'s `columnKey` or renders nothing.
-     */
-    columnKey?: string;
+    /** Column whose width this handle writes, inherited from `SkdxTableHeaderCell`'s `columnKey` or renders nothing. */
+    columnKey?: string | undefined;
     /**
      * Smallest width in pixels the column can be dragged or stepped to; also
      * the width **Home** snaps to.
      * @default the enclosing header cell's `minWidth`, otherwise `40`.
      */
-    minWidth?: number;
+    minWidth?: number | undefined;
     /**
      * Largest width in pixels the column can be dragged or stepped to; also
      * the width **End** snaps to.
      * @default the enclosing header cell's `maxWidth`, otherwise `1000`.
      */
-    maxWidth?: number;
+    maxWidth?: number | undefined;
     /**
      * Pixels one Arrow keypress moves the column edge by.
      * @default the enclosing header cell's `resizeStep`, otherwise `8`.
      */
-    step?: number;
+    step?: number | undefined;
     /**
-     * Accessible name for the handle. A focusable separator needs its own name.
-     * Prefer a column-specific one like `"Resize Name column"`.
+     * Accessible name for the handle, e.g. `"Resize Name column"`.
      * @default the enclosing header cell's `resizeLabel`, otherwise `'Resize column'`.
      */
-    label?: string;
+    label?: string | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    step: number;
-    maxWidth: number;
-    minWidth: number;
-    columnKey: string;
+    columnKey: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/table/TableColumnResizeTrigger.vue.d.ts

@@ -1,45 +1,33 @@
 /**
- * Draggable/keyboard-operable column resize handle. `role="separator"` with
- * `aria-orientation="vertical"`, `aria-valuenow/min/max`. `SkdxTableHeaderCell`
- * renders one automatically; render it yourself to place differently or override `step`.
- * Keyboard (mirrored under `dir="rtl"`): Arrow Left/Right step by `step`px,
- * Home/End snap to bounds. Pointer: drag; Escape reverts.
+ * Draggable/keyboard-operable column resize handle: `role="separator"` with `aria-valuenow`/`min`/`max`, mirrored under `dir="rtl"`.
  */
 type __VLS_Props = {
-    /**
-     * Column whose width this handle writes. Inherited from
-     * `SkdxTableHeaderCell`'s `columnKey` or renders nothing.
-     */
-    columnKey?: string;
+    /** Column whose width this handle writes, inherited from `SkdxTableHeaderCell`'s `columnKey` or renders nothing. */
+    columnKey?: string | undefined;
     /**
      * Smallest width in pixels the column can be dragged or stepped to; also
      * the width **Home** snaps to.
      * @default the enclosing header cell's `minWidth`, otherwise `40`.
      */
-    minWidth?: number;
+    minWidth?: number | undefined;
     /**
      * Largest width in pixels the column can be dragged or stepped to; also
      * the width **End** snaps to.
      * @default the enclosing header cell's `maxWidth`, otherwise `1000`.
      */
-    maxWidth?: number;
+    maxWidth?: number | undefined;
     /**
      * Pixels one Arrow keypress moves the column edge by.
      * @default the enclosing header cell's `resizeStep`, otherwise `8`.
      */
-    step?: number;
+    step?: number | undefined;
     /**
-     * Accessible name for the handle. A focusable separator needs its own name.
-     * Prefer a column-specific one like `"Resize Name column"`.
+     * Accessible name for the handle, e.g. `"Resize Name column"`.
      * @default the enclosing header cell's `resizeLabel`, otherwise `'Resize column'`.
      */
-    label?: string;
+    label?: string | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    step: number;
-    maxWidth: number;
-    minWidth: number;
-    columnKey: string;
+    columnKey: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/table/TableColumnResizeTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const g=require("../utils/direction.cjs"),R=require("../utils/clamp.cjs"),W=require("./context.cjs");let n=require("vue");var z=["aria-label","aria-valuenow","aria-valuemin","aria-valuemax","data-dragging"],I=40,X=1e3,q=8,S=(0,n.defineComponent)({inheritAttrs:!1,__name:"TableColumnResizeTrigger",props:{columnKey:{default:void 0},minWidth:{default:void 0},maxWidth:{default:void 0},step:{default:void 0},label:{default:void 0}},setup(k){const b=new Set(["ArrowLeft","ArrowRight","Home","End"]),o=k,_=(0,n.inject)(W.TABLE_CONTEXT);if(!_)throw new Error("SkdxTableColumnResizeTrigger must be used within SkdxTable");const c=_,i=(0,n.inject)(W.TABLE_HEADER_CELL_CONTEXT,void 0),y=g.useDirection(),s=(0,n.ref)(null),a=(0,n.ref)(null),D=(0,n.computed)(()=>a.value!==null),u=(0,n.computed)(()=>o.columnKey??i?.columnKey),l=(0,n.computed)(()=>o.minWidth??i?.minWidth??I),m=(0,n.computed)(()=>o.maxWidth??i?.maxWidth??X),E=(0,n.computed)(()=>o.step??i?.resizeStep??q),C=(0,n.computed)(()=>o.label??i?.resizeLabel??"Resize column"),d=(0,n.computed)(()=>u.value===void 0?void 0:c.columnWidths.value[u.value]);let v=!1;function r(e){if(u.value===void 0)return;const t=R.clamp(Math.round(e),l.value,m.value);t!==d.value&&(v=!0),c.setColumnWidth(u.value,t)}function f(){v&&(v=!1,c.commitColumnWidths())}function p(){return d.value!==void 0?d.value:(s.value?.closest("th")?.getBoundingClientRect().width??0)||l.value}function h(e){if(e.key!=="Escape")return;const t=T();t&&(r(t.startWidth),f())}function T(){const e=a.value;if(!e)return null;a.value=null,document.removeEventListener("keydown",h);const t=s.value;return t?.hasPointerCapture?.(e.pointerId)&&t.releasePointerCapture(e.pointerId),e}(0,n.onBeforeUnmount)(()=>document.removeEventListener("keydown",h));function L(e){e.button===0&&(e.preventDefault(),e.stopPropagation(),a.value={startX:e.clientX,startWidth:p(),pointerId:e.pointerId},document.addEventListener("keydown",h),e.currentTarget.setPointerCapture?.(e.pointerId))}function P(e){const t=a.value;if(!t)return;const K=g.resolveDirection(e.currentTarget,y())==="rtl"?t.startX-e.clientX:e.clientX-t.startX;r(t.startWidth+K)}function x(e){const t=g.directionalKey(e.key,e.currentTarget,y());if(t==="ArrowRight")r(p()+E.value);else if(t==="ArrowLeft")r(p()-E.value);else if(e.key==="Home")r(l.value);else if(e.key==="End")r(m.value);else return;e.preventDefault(),e.stopPropagation()}function A(e){b.has(e.key)&&f()}function w(){T()&&f()}return(e,t)=>u.value!==void 0?((0,n.openBlock)(),(0,n.createElementBlock)("span",(0,n.mergeProps)({key:0,class:"skdx-table__column-resize-trigger","data-part":"column-resize-trigger",ref_key:"handleRef",ref:s,role:"separator","aria-orientation":"vertical","aria-label":C.value,"aria-valuenow":Math.round(d.value??l.value),"aria-valuemin":l.value,"aria-valuemax":m.value,tabindex:"0","data-skdx-table-resizer":"","data-dragging":D.value?"":void 0,onPointerdown:L,onPointermove:P,onPointerup:w,onPointercancel:w,onKeydown:x,onKeyup:A},e.$attrs),null,16,z)):(0,n.createCommentVNode)("",!0)}});exports.default=S;
+const A=require("../utils/injectRequired.cjs"),h=require("../utils/direction.cjs"),q=require("../utils/clamp.cjs"),W=require("./context.cjs");let r=require("vue");var K=["aria-label","aria-valuenow","aria-valuemin","aria-valuemax","data-dragging"],z=40,I=1e3,X=8,S=(0,r.defineComponent)({inheritAttrs:!1,__name:"TableColumnResizeTrigger",props:{columnKey:{default:void 0},minWidth:{},maxWidth:{},step:{},label:{}},setup(w){const k=new Set(["ArrowLeft","ArrowRight","Home","End"]),o=w,d=A.injectRequired(W.TABLE_CONTEXT,"SkdxTableColumnResizeTrigger must be used within SkdxTable"),i=(0,r.inject)(W.TABLE_HEADER_CELL_CONTEXT,void 0),_=h.useDirection(),s=(0,r.ref)(null),a=(0,r.ref)(null),b=(0,r.computed)(()=>a.value!==null),u=(0,r.computed)(()=>o.columnKey??i?.columnKey),l=(0,r.computed)(()=>o.minWidth??i?.minWidth??z),m=(0,r.computed)(()=>o.maxWidth??i?.maxWidth??I),y=(0,r.computed)(()=>o.step??i?.resizeStep??X),D=(0,r.computed)(()=>o.label??i?.resizeLabel??"Resize column"),c=(0,r.computed)(()=>u.value===void 0?void 0:d.columnWidths.value[u.value]);let v=!1;function n(e){if(u.value===void 0)return;const t=q.clamp(Math.round(e),l.value,m.value);t!==c.value&&(v=!0),d.setColumnWidth(u.value,t)}function p(){v&&(v=!1,d.commitColumnWidths())}function f(){return c.value!==void 0?c.value:(s.value?.closest("th")?.getBoundingClientRect().width??0)||l.value}function g(e){if(e.key!=="Escape")return;const t=E();t&&(n(t.startWidth),p())}function E(){const e=a.value;if(!e)return null;a.value=null,document.removeEventListener("keydown",g);const t=s.value;return t?.hasPointerCapture?.(e.pointerId)&&t.releasePointerCapture(e.pointerId),e}(0,r.onBeforeUnmount)(()=>document.removeEventListener("keydown",g));function C(e){e.button===0&&(e.preventDefault(),e.stopPropagation(),a.value={startX:e.clientX,startWidth:f(),pointerId:e.pointerId},document.addEventListener("keydown",g),e.currentTarget.setPointerCapture?.(e.pointerId))}function L(e){const t=a.value;if(!t)return;const R=h.resolveDirection(e.currentTarget,_())==="rtl"?t.startX-e.clientX:e.clientX-t.startX;n(t.startWidth+R)}function P(e){const t=h.directionalKey(e.key,e.currentTarget,_());if(t==="ArrowRight")n(f()+y.value);else if(t==="ArrowLeft")n(f()-y.value);else if(e.key==="Home")n(l.value);else if(e.key==="End")n(m.value);else return;e.preventDefault(),e.stopPropagation()}function x(e){k.has(e.key)&&p()}function T(){E()&&p()}return(e,t)=>u.value!==void 0?((0,r.openBlock)(),(0,r.createElementBlock)("span",(0,r.mergeProps)({key:0,ref_key:"handleRef",ref:s,class:"skdx-table__column-resize-trigger","data-part":"column-resize-trigger",role:"separator","aria-orientation":"vertical","aria-label":D.value,"aria-valuenow":Math.round(c.value??l.value),"aria-valuemin":l.value,"aria-valuemax":m.value,tabindex:"0","data-skdx-table-resizer":"","data-dragging":b.value?"":void 0},e.$attrs,{onPointerdown:C,onPointermove:L,onPointerup:T,onPointercancel:T,onKeydown:P,onKeyup:x}),null,16,K)):(0,r.createCommentVNode)("",!0)}});exports.default=S;

package/dist/table/TableColumnResizeTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{directionalKey as e,resolveDirection as t,useDirection as a}from"../utils/direction.js";import{clamp as n}from"../utils/clamp.js";import{TABLE_CONTEXT as r,TABLE_HEADER_CELL_CONTEXT as o}from"./context.js";import{computed as i,createCommentVNode as l,createElementBlock as u,defineComponent as s,inject as d,mergeProps as v,onBeforeUnmount as c,openBlock as m,ref as f}from"vue";var p=["aria-label","aria-valuenow","aria-valuemin","aria-valuemax","data-dragging"],g=/* @__PURE__ */s({inheritAttrs:!1,__name:"TableColumnResizeTrigger",props:{columnKey:{default:void 0},minWidth:{default:void 0},maxWidth:{default:void 0},step:{default:void 0},label:{default:void 0}},setup(s){const g=/* @__PURE__ */new Set(["ArrowLeft","ArrowRight","Home","End"]),h=s,k=d(r);if(!k)throw new Error("SkdxTableColumnResizeTrigger must be used within SkdxTable");const w=k,y=d(o,void 0),E=a(),T=f(null),b=f(null),C=i(()=>null!==b.value),x=i(()=>h.columnKey??y?.columnKey),W=i(()=>h.minWidth??y?.minWidth??40),L=i(()=>h.maxWidth??y?.maxWidth??1e3),P=i(()=>h.step??y?.resizeStep??8),_=i(()=>h.label??y?.resizeLabel??"Resize column"),z=i(()=>void 0===x.value?void 0:w.columnWidths.value[x.value]);let A=!1;function R(e){if(void 0===x.value)return;const t=n(Math.round(e),W.value,L.value);t!==z.value&&(A=!0),w.setColumnWidth(x.value,t)}function X(){A&&(A=!1,w.commitColumnWidths())}function B(){return void 0!==z.value?z.value:(T.value?.closest("th")?.getBoundingClientRect().width??0)||W.value}function K(e){if("Escape"!==e.key)return;const t=D();t&&(R(t.startWidth),X())}function D(){const e=b.value;if(!e)return null;b.value=null,document.removeEventListener("keydown",K);const t=T.value;return t?.hasPointerCapture?.(e.pointerId)&&t.releasePointerCapture(e.pointerId),e}function I(e){0===e.button&&(e.preventDefault(),e.stopPropagation(),b.value={startX:e.clientX,startWidth:B(),pointerId:e.pointerId},document.addEventListener("keydown",K),e.currentTarget.setPointerCapture?.(e.pointerId))}function j(e){const a=b.value;if(!a)return;const n="rtl"===t(e.currentTarget,E())?a.startX-e.clientX:e.clientX-a.startX;R(a.startWidth+n)}function S(t){const a=e(t.key,t.currentTarget,E());if("ArrowRight"===a)R(B()+P.value);else if("ArrowLeft"===a)R(B()-P.value);else if("Home"===t.key)R(W.value);else{if("End"!==t.key)return;R(L.value)}t.preventDefault(),t.stopPropagation()}function H(e){g.has(e.key)&&X()}function N(){D()&&X()}return c(()=>document.removeEventListener("keydown",K)),(e,t)=>void 0!==x.value?(m(),u("span",v({key:0,class:"skdx-table__column-resize-trigger","data-part":"column-resize-trigger",ref_key:"handleRef",ref:T,role:"separator","aria-orientation":"vertical","aria-label":_.value,"aria-valuenow":Math.round(z.value??W.value),"aria-valuemin":W.value,"aria-valuemax":L.value,tabindex:"0","data-skdx-table-resizer":"","data-dragging":C.value?"":void 0,onPointerdown:I,onPointermove:j,onPointerup:N,onPointercancel:N,onKeydown:S,onKeyup:H},e.$attrs),null,16,p)):l("",!0)}});export{g as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{directionalKey as t,resolveDirection as a,useDirection as n}from"../utils/direction.js";import{clamp as r}from"../utils/clamp.js";import{TABLE_CONTEXT as i,TABLE_HEADER_CELL_CONTEXT as o}from"./context.js";import{computed as l,createCommentVNode as u,createElementBlock as s,defineComponent as d,inject as c,mergeProps as v,onBeforeUnmount as m,openBlock as p,ref as f}from"vue";var g=["aria-label","aria-valuenow","aria-valuemin","aria-valuemax","data-dragging"],h=/* @__PURE__ */d({inheritAttrs:!1,__name:"TableColumnResizeTrigger",props:{columnKey:{default:void 0},minWidth:{},maxWidth:{},step:{},label:{}},setup(d){const h=/* @__PURE__ */new Set(["ArrowLeft","ArrowRight","Home","End"]),k=d,y=e(i,"SkdxTableColumnResizeTrigger must be used within SkdxTable"),w=c(o,void 0),E=n(),T=f(null),b=f(null),C=l(()=>null!==b.value),x=l(()=>k.columnKey??w?.columnKey),W=l(()=>k.minWidth??w?.minWidth??40),L=l(()=>k.maxWidth??w?.maxWidth??1e3),P=l(()=>k.step??w?.resizeStep??8),R=l(()=>k.label??w?.resizeLabel??"Resize column"),_=l(()=>void 0===x.value?void 0:y.columnWidths.value[x.value]);let z=!1;function A(e){if(void 0===x.value)return;const t=r(Math.round(e),W.value,L.value);t!==_.value&&(z=!0),y.setColumnWidth(x.value,t)}function X(){z&&(z=!1,y.commitColumnWidths())}function j(){return void 0!==_.value?_.value:(T.value?.closest("th")?.getBoundingClientRect().width??0)||W.value}function B(e){if("Escape"!==e.key)return;const t=K();t&&(A(t.startWidth),X())}function K(){const e=b.value;if(!e)return null;b.value=null,document.removeEventListener("keydown",B);const t=T.value;return t?.hasPointerCapture?.(e.pointerId)&&t.releasePointerCapture(e.pointerId),e}function D(e){0===e.button&&(e.preventDefault(),e.stopPropagation(),b.value={startX:e.clientX,startWidth:j(),pointerId:e.pointerId},document.addEventListener("keydown",B),e.currentTarget.setPointerCapture?.(e.pointerId))}function I(e){const t=b.value;if(!t)return;const n="rtl"===a(e.currentTarget,E())?t.startX-e.clientX:e.clientX-t.startX;A(t.startWidth+n)}function S(e){const a=t(e.key,e.currentTarget,E());if("ArrowRight"===a)A(j()+P.value);else if("ArrowLeft"===a)A(j()-P.value);else if("Home"===e.key)A(W.value);else{if("End"!==e.key)return;A(L.value)}e.preventDefault(),e.stopPropagation()}function H(e){h.has(e.key)&&X()}function N(){K()&&X()}return m(()=>document.removeEventListener("keydown",B)),(e,t)=>void 0!==x.value?(p(),s("span",v({key:0,ref_key:"handleRef",ref:T,class:"skdx-table__column-resize-trigger","data-part":"column-resize-trigger",role:"separator","aria-orientation":"vertical","aria-label":R.value,"aria-valuenow":Math.round(_.value??W.value),"aria-valuemin":W.value,"aria-valuemax":L.value,tabindex:"0","data-skdx-table-resizer":"","data-dragging":C.value?"":void 0},e.$attrs,{onPointerdown:D,onPointermove:I,onPointerup:N,onPointercancel:N,onKeydown:S,onKeyup:H}),null,16,g)):u("",!0)}});export{h as default};

package/dist/table/TableEmpty.vue.d.cts

@@ -1,18 +1,19 @@
 /**
- * Full-width row shown when there is no data: a `<tr>` with `data-state="empty"`
- * and a single `<td colspan>` for the empty-state message. Render it in `SkdxTableBody`
- * when your row array is empty.
+ * Full-width row shown when there is no data: a `<tr data-state="empty">` with a single `<td colspan>`.
  */
 type __VLS_Props = {
-    /** How many columns the empty cell spans. */
-    colSpan?: number;
+    /**
+     * How many columns the empty cell spans.
+     * @default undefined — the table's own header cell count, so a column added later still spans.
+     */
+    colSpan?: number | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    colSpan: number;
+    colSpan: number | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/table/TableEmpty.vue.d.ts

@@ -1,18 +1,19 @@
 /**
- * Full-width row shown when there is no data: a `<tr>` with `data-state="empty"`
- * and a single `<td colspan>` for the empty-state message. Render it in `SkdxTableBody`
- * when your row array is empty.
+ * Full-width row shown when there is no data: a `<tr data-state="empty">` with a single `<td colspan>`.
  */
 type __VLS_Props = {
-    /** How many columns the empty cell spans. */
-    colSpan?: number;
+    /**
+     * How many columns the empty cell spans.
+     * @default undefined — the table's own header cell count, so a column added later still spans.
+     */
+    colSpan?: number | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    colSpan: number;
+    colSpan: number | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/table/TableEmpty.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var l={class:"skdx-table__empty","data-part":"empty","data-state":"empty","data-skdx-table-empty":""},p=["colspan"],r=(0,e.defineComponent)({__name:"TableEmpty",props:{colSpan:{default:1}},setup(t){return(a,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("tr",l,[(0,e.createElementVNode)("td",{colspan:t.colSpan},[(0,e.renderSlot)(a.$slots,"default")],8,p)]))}});exports.default=r;
+const r=require("./context.cjs");let e=require("vue");var n={class:"skdx-table__empty","data-part":"empty","data-state":"empty","data-skdx-table-empty":""},o=["colspan"],p=(0,e.defineComponent)({__name:"TableEmpty",props:{colSpan:{default:void 0}},setup(t){const a=(0,e.inject)(r.TABLE_CONTEXT,null);return(l,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("tr",n,[(0,e.createElementVNode)("td",{colspan:t.colSpan??(0,e.unref)(a)?.headerCellCount.value??1},[(0,e.renderSlot)(l.$slots,"default")],8,o)]))}});exports.default=p;

package/dist/table/TableEmpty.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,createElementVNode as a,defineComponent as t,openBlock as l,renderSlot as p}from"vue";var s={class:"skdx-table__empty","data-part":"empty","data-state":"empty","data-skdx-table-empty":""},o=["colspan"],d=/* @__PURE__ */t({__name:"TableEmpty",props:{colSpan:{default:1}},setup:t=>(d,n)=>(l(),e("tr",s,[a("td",{colspan:t.colSpan},[p(d.$slots,"default")],8,o)]))});export{d as default};
+import{TABLE_CONTEXT as e}from"./context.js";import{createElementBlock as t,createElementVNode as a,defineComponent as l,inject as o,openBlock as s,renderSlot as n,unref as p}from"vue";var r={class:"skdx-table__empty","data-part":"empty","data-state":"empty","data-skdx-table-empty":""},d=["colspan"],m=/* @__PURE__ */l({__name:"TableEmpty",props:{colSpan:{default:void 0}},setup(l){const m=o(e,null);return(e,o)=>(s(),t("tr",r,[a("td",{colspan:l.colSpan??p(m)?.headerCellCount.value??1},[n(e.$slots,"default")],8,d)]))}});export{m as default};

package/dist/table/TableExpandTrigger.vue.d.cts

@@ -1,7 +1,5 @@
 /**
- * Disclosure button that opens the detail row: a `<button aria-expanded>` with
- * `aria-controls` and `data-state`. Place it in an `SkdxTableCell` of its row.
- * Click stops propagation so selection doesn't toggle. Must be used inside `SkdxTable`.
+ * Disclosure button that opens the detail row: a `<button aria-expanded>` with `aria-controls` and `data-state`.
  */
 type __VLS_Props = {
     /** Id of the row this trigger expands; must match the paired detail row's `rowId`. */

package/dist/table/TableExpandTrigger.vue.d.ts

@@ -1,7 +1,5 @@
 /**
- * Disclosure button that opens the detail row: a `<button aria-expanded>` with
- * `aria-controls` and `data-state`. Place it in an `SkdxTableCell` of its row.
- * Click stops propagation so selection doesn't toggle. Must be used inside `SkdxTable`.
+ * Disclosure button that opens the detail row: a `<button aria-expanded>` with `aria-controls` and `data-state`.
  */
 type __VLS_Props = {
     /** Id of the row this trigger expands; must match the paired detail row's `rowId`. */

package/dist/table/TableExpandTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("./context.cjs");let e=require("vue");var s=["aria-expanded","aria-controls","data-state"],c=(0,e.defineComponent)({__name:"TableExpandTrigger",props:{rowId:{}},setup(l){const t=l,d=(0,e.inject)(n.TABLE_CONTEXT);if(!d)throw new Error("SkdxTableExpandTrigger must be used within SkdxTable");const a=d,o=(0,e.computed)(()=>a.isRowExpanded(t.rowId)),p=(0,e.computed)(()=>n.tableDetailRowId(a.tableId,t.rowId));function i(r){r.stopPropagation(),a.toggleRowExpanded(t.rowId)}return(r,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-table__expand-trigger","data-part":"expand-trigger",type:"button","aria-expanded":o.value,"aria-controls":p.value,"data-state":o.value?"expanded":"collapsed","data-skdx-table-expand-trigger":"",onClick:i},[(0,e.renderSlot)(r.$slots,"default")],8,s))}});exports.default=c;
+const u=require("../utils/Glyph.vue.cjs"),p=require("../utils/injectRequired.cjs"),n=require("./context.cjs");let e=require("vue");var s=["aria-expanded","aria-controls","data-state"],c=(0,e.defineComponent)({__name:"TableExpandTrigger",props:{rowId:{}},setup(o){const t=o,a=p.injectRequired(n.TABLE_CONTEXT,"SkdxTableExpandTrigger must be used within SkdxTable"),d=(0,e.computed)(()=>a.isRowExpanded(t.rowId)),i=(0,e.computed)(()=>n.tableDetailRowId(a.tableId,t.rowId));function l(r){r.stopPropagation(),a.toggleRowExpanded(t.rowId)}return(r,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-table__expand-trigger","data-part":"expand-trigger",type:"button","aria-expanded":d.value,"aria-controls":i.value,"data-state":d.value?"expanded":"collapsed","data-skdx-table-expand-trigger":"",onClick:l},[(0,e.renderSlot)(r.$slots,"default",{},()=>[(0,e.createVNode)(u.default,{name:"chevron-right"})])],8,s))}});exports.default=c;

package/dist/table/TableExpandTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TABLE_CONTEXT as a,tableDetailRowId as e}from"./context.js";import{computed as t,createElementBlock as o,defineComponent as r,inject as d,openBlock as n,renderSlot as s}from"vue";var l=["aria-expanded","aria-controls","data-state"],p=/* @__PURE__ */r({__name:"TableExpandTrigger",props:{rowId:{}},setup(r){const p=r,i=d(a);if(!i)throw new Error("SkdxTableExpandTrigger must be used within SkdxTable");const x=i,c=t(()=>x.isRowExpanded(p.rowId)),u=t(()=>e(x.tableId,p.rowId));function g(a){a.stopPropagation(),x.toggleRowExpanded(p.rowId)}return(a,e)=>(n(),o("button",{class:"skdx-table__expand-trigger","data-part":"expand-trigger",type:"button","aria-expanded":c.value,"aria-controls":u.value,"data-state":c.value?"expanded":"collapsed","data-skdx-table-expand-trigger":"",onClick:g},[s(a.$slots,"default")],8,l))}});export{p as default};
+import e from"../utils/Glyph.vue.js";import{injectRequired as a}from"../utils/injectRequired.js";import{TABLE_CONTEXT as t,tableDetailRowId as r}from"./context.js";import{computed as o,createElementBlock as d,createVNode as n,defineComponent as s,openBlock as i,renderSlot as l}from"vue";var p=["aria-expanded","aria-controls","data-state"],u=/* @__PURE__ */s({__name:"TableExpandTrigger",props:{rowId:{}},setup(s){const u=s,c=a(t,"SkdxTableExpandTrigger must be used within SkdxTable"),x=o(()=>c.isRowExpanded(u.rowId)),g=o(()=>r(c.tableId,u.rowId));function m(e){e.stopPropagation(),c.toggleRowExpanded(u.rowId)}return(a,t)=>(i(),d("button",{class:"skdx-table__expand-trigger","data-part":"expand-trigger",type:"button","aria-expanded":x.value,"aria-controls":g.value,"data-state":x.value?"expanded":"collapsed","data-skdx-table-expand-trigger":"",onClick:m},[l(a.$slots,"default",{},()=>[n(e,{name:"chevron-right"})])],8,p))}});export{u as default};