@skdx/vue 0.28.0 → 0.30.0

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

@@ -1,20 +1,21 @@
 /**
- * Full-width detail row with a single `<td colspan>` for expanded content.
- * Render it as the next sibling of its paired row. Stays mounted when collapsed
- * and `hidden` so `aria-controls` can reference it. Must be used inside `SkdxTable`.
+ * Full-width detail row with a single `<td colspan>`, stays mounted (`hidden`) when collapsed so `aria-controls` can reference it.
  */
 type __VLS_Props = {
     /** Id of the row this detail row belongs to; must match the paired trigger's `rowId`. */
     rowId: string;
-    /** How many columns the detail cell spans. */
-    colSpan?: number;
+    /**
+     * How many columns the detail 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/TableExpandedRow.vue.d.ts

@@ -1,20 +1,21 @@
 /**
- * Full-width detail row with a single `<td colspan>` for expanded content.
- * Render it as the next sibling of its paired row. Stays mounted when collapsed
- * and `hidden` so `aria-controls` can reference it. Must be used inside `SkdxTable`.
+ * Full-width detail row with a single `<td colspan>`, stays mounted (`hidden`) when collapsed so `aria-controls` can reference it.
  */
 type __VLS_Props = {
     /** Id of the row this detail row belongs to; must match the paired trigger's `rowId`. */
     rowId: string;
-    /** How many columns the detail cell spans. */
-    colSpan?: number;
+    /**
+     * How many columns the detail 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/TableExpandedRow.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./context.cjs");let e=require("vue");var c=["id","data-state","hidden"],p=["colspan"],u=(0,e.defineComponent)({__name:"TableExpandedRow",props:{rowId:{},colSpan:{default:1}},setup(t){const d=t,a=(0,e.inject)(l.TABLE_CONTEXT);if(!a)throw new Error("SkdxTableExpandedRow must be used within SkdxTable");const o=a,n=(0,e.computed)(()=>o.isRowExpanded(d.rowId)),r=(0,e.computed)(()=>l.tableDetailRowId(o.tableId,d.rowId));return(s,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("tr",{class:"skdx-table__expanded-row","data-part":"expanded-row",id:r.value,"data-state":n.value?"expanded":"collapsed","data-skdx-table-detail-row":"",hidden:!n.value},[(0,e.createElementVNode)("td",{colspan:t.colSpan},[(0,e.renderSlot)(s.$slots,"default")],8,p)],8,c))}});exports.default=u;
+const u=require("../utils/injectRequired.cjs"),n=require("./context.cjs");let e=require("vue");var s=["id","data-state","hidden"],c=["colspan"],i=(0,e.defineComponent)({__name:"TableExpandedRow",props:{rowId:{},colSpan:{default:void 0}},setup(t){const a=t,d=u.injectRequired(n.TABLE_CONTEXT,"SkdxTableExpandedRow must be used within SkdxTable"),o=(0,e.computed)(()=>d.isRowExpanded(a.rowId)),l=(0,e.computed)(()=>n.tableDetailRowId(d.tableId,a.rowId));return(r,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("tr",{id:l.value,class:"skdx-table__expanded-row","data-part":"expanded-row","data-state":o.value?"expanded":"collapsed","data-skdx-table-detail-row":"",hidden:!o.value},[(0,e.createElementVNode)("td",{colspan:t.colSpan??(0,e.unref)(d).headerCellCount.value},[(0,e.renderSlot)(r.$slots,"default")],8,c)],8,s))}});exports.default=i;

package/dist/table/TableExpandedRow.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TABLE_CONTEXT as e,tableDetailRowId as a}from"./context.js";import{computed as d,createElementBlock as t,createElementVNode as o,defineComponent as s,inject as l,openBlock as n,renderSlot as r}from"vue";var p=["id","data-state","hidden"],c=["colspan"],i=/* @__PURE__ */s({__name:"TableExpandedRow",props:{rowId:{},colSpan:{default:1}},setup(s){const i=s,w=l(e);if(!w)throw new Error("SkdxTableExpandedRow must be used within SkdxTable");const u=w,x=d(()=>u.isRowExpanded(i.rowId)),m=d(()=>a(u.tableId,i.rowId));return(e,a)=>(n(),t("tr",{class:"skdx-table__expanded-row","data-part":"expanded-row",id:m.value,"data-state":x.value?"expanded":"collapsed","data-skdx-table-detail-row":"",hidden:!x.value},[o("td",{colspan:s.colSpan},[r(e.$slots,"default")],8,c)],8,p))}});export{i as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TABLE_CONTEXT as a,tableDetailRowId as d}from"./context.js";import{computed as t,createElementBlock as o,createElementVNode as l,defineComponent as s,openBlock as n,renderSlot as r,unref as p}from"vue";var i=["id","data-state","hidden"],u=["colspan"],c=/* @__PURE__ */s({__name:"TableExpandedRow",props:{rowId:{},colSpan:{default:void 0}},setup(s){const c=s,m=e(a,"SkdxTableExpandedRow must be used within SkdxTable"),x=t(()=>m.isRowExpanded(c.rowId)),w=t(()=>d(m.tableId,c.rowId));return(e,a)=>(n(),o("tr",{id:w.value,class:"skdx-table__expanded-row","data-part":"expanded-row","data-state":x.value?"expanded":"collapsed","data-skdx-table-detail-row":"",hidden:!x.value},[l("td",{colspan:s.colSpan??p(m).headerCellCount.value},[r(e.$slots,"default")],8,u)],8,i))}});export{c as default};

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

@@ -1,39 +1,20 @@
 /**
- * A `<th>` with optional sorting and resizing. A column's single identifier,
- * `columnKey`, is the key for both. Sortable cells set `aria-sort` and wrap
- * content in a button that cycles sort state through ascending → descending
- * → unsorted. Resizable cells append a handle: drag it or press Arrow Left/Right
- * (Home/End for bounds) to resize, published as `width` and
- * `--skdx-table-column-width` for sticky overlays. Render your own
- * `SkdxTableColumnHeaderSortTrigger` as a child to prevent a second one.
+ * A `<th>` with optional sorting (`aria-sort` + button) and resizing (drag or Arrow keys), keyed by `columnKey`.
  */
 type __VLS_Props = {
-    /**
-     * This column's single identifier for sorting and resizing.
-     * Required when either is enabled.
-     */
-    columnKey?: string;
-    /**
-     * Whether this column can be sorted. Sortable cells set `aria-sort` and
-     * wrap content in a sort button unless you render one yourself.
-     */
-    sortable?: boolean;
-    /**
-     * Renders a focusable resize handle driven by pointer drag or Arrow keys
-     * (Home/End for bounds).
-     */
-    resizable?: boolean;
+    /** This column's single identifier for sorting and resizing, required when either is enabled. */
+    columnKey?: string | undefined;
+    /** Whether this column can be sorted, setting `aria-sort` and wrapping content in a sort button. */
+    sortable?: boolean | undefined;
+    /** Renders a focusable resize handle driven by pointer drag or Arrow keys (Home/End for bounds). */
+    resizable?: boolean | undefined;
     /** Smallest width in pixels the column can be resized to. */
-    minWidth?: number;
+    minWidth?: number | undefined;
     /** Largest width in pixels the column can be resized to. */
-    maxWidth?: number;
-    /**
-     * Accessible name for the resize handle, distinct from the column header's.
-     */
+    maxWidth?: number | undefined;
+    /** Accessible name for the resize handle, distinct from the column header's. */
     resizeLabel?: string;
-    /**
-     * Pixels each Arrow keypress moves the column edge; inherited by child resize triggers.
-     */
+    /** Pixels each Arrow keypress moves the column edge; inherited by child resize triggers. */
     resizeStep?: number;
 };
 declare var __VLS_4: {}, __VLS_6: {};
@@ -43,12 +24,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    maxWidth: number;
-    minWidth: number;
-    columnKey: string;
-    sortable: boolean;
+    minWidth: number | undefined;
+    maxWidth: number | undefined;
+    columnKey: string | undefined;
+    sortable: boolean | undefined;
     resizeLabel: string;
-    resizable: boolean;
+    resizable: boolean | undefined;
     resizeStep: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -1,39 +1,20 @@
 /**
- * A `<th>` with optional sorting and resizing. A column's single identifier,
- * `columnKey`, is the key for both. Sortable cells set `aria-sort` and wrap
- * content in a button that cycles sort state through ascending → descending
- * → unsorted. Resizable cells append a handle: drag it or press Arrow Left/Right
- * (Home/End for bounds) to resize, published as `width` and
- * `--skdx-table-column-width` for sticky overlays. Render your own
- * `SkdxTableColumnHeaderSortTrigger` as a child to prevent a second one.
+ * A `<th>` with optional sorting (`aria-sort` + button) and resizing (drag or Arrow keys), keyed by `columnKey`.
  */
 type __VLS_Props = {
-    /**
-     * This column's single identifier for sorting and resizing.
-     * Required when either is enabled.
-     */
-    columnKey?: string;
-    /**
-     * Whether this column can be sorted. Sortable cells set `aria-sort` and
-     * wrap content in a sort button unless you render one yourself.
-     */
-    sortable?: boolean;
-    /**
-     * Renders a focusable resize handle driven by pointer drag or Arrow keys
-     * (Home/End for bounds).
-     */
-    resizable?: boolean;
+    /** This column's single identifier for sorting and resizing, required when either is enabled. */
+    columnKey?: string | undefined;
+    /** Whether this column can be sorted, setting `aria-sort` and wrapping content in a sort button. */
+    sortable?: boolean | undefined;
+    /** Renders a focusable resize handle driven by pointer drag or Arrow keys (Home/End for bounds). */
+    resizable?: boolean | undefined;
     /** Smallest width in pixels the column can be resized to. */
-    minWidth?: number;
+    minWidth?: number | undefined;
     /** Largest width in pixels the column can be resized to. */
-    maxWidth?: number;
-    /**
-     * Accessible name for the resize handle, distinct from the column header's.
-     */
+    maxWidth?: number | undefined;
+    /** Accessible name for the resize handle, distinct from the column header's. */
     resizeLabel?: string;
-    /**
-     * Pixels each Arrow keypress moves the column edge; inherited by child resize triggers.
-     */
+    /** Pixels each Arrow keypress moves the column edge; inherited by child resize triggers. */
     resizeStep?: number;
 };
 declare var __VLS_4: {}, __VLS_6: {};
@@ -43,12 +24,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    maxWidth: number;
-    minWidth: number;
-    columnKey: string;
-    sortable: boolean;
+    minWidth: number | undefined;
+    maxWidth: number | undefined;
+    columnKey: string | undefined;
+    sortable: boolean | undefined;
     resizeLabel: string;
-    resizable: boolean;
+    resizable: boolean | undefined;
     resizeStep: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/table/TableHeaderCell.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const v=require("./context.cjs"),m=require("./TableColumnHeaderSortTrigger.vue.cjs"),g=require("./TableColumnResizeTrigger.vue.cjs");let e=require("vue");var T=["aria-sort","data-sort-direction","data-resizable"],y=(0,e.defineComponent)({__name:"TableHeaderCell",props:{columnKey:{default:void 0},sortable:{type:Boolean,default:void 0},resizable:{type:Boolean,default:!1},minWidth:{default:40},maxWidth:{default:1e3},resizeLabel:{default:"Resize column"},resizeStep:{default:8}},setup(p){const t=p,i=(0,e.inject)(v.TABLE_CONTEXT);if(!i)throw new Error("SkdxTableHeaderCell must be used within SkdxTable");const d=i,f=(0,e.useSlots)();function s(a){return(a??[]).some(o=>o.type===m.default?!0:o.type===e.Fragment&&s(o.children))}function _(){return s(f.default?.())}const r=(0,e.computed)(()=>t.columnKey),l=(0,e.computed)(()=>t.sortable&&r.value!==void 0),u=(0,e.computed)(()=>l.value?d.sortList.value.find(a=>a.columnKey===r.value)?.direction:void 0),b=(0,e.computed)(()=>{if(l.value)return u.value==="asc"?"ascending":u.value==="desc"?"descending":"none"}),c=(0,e.computed)(()=>t.resizable&&r.value!==void 0),n=(0,e.computed)(()=>r.value===void 0?void 0:d.columnWidths.value[r.value]),h=(0,e.computed)(()=>n.value===void 0?void 0:{width:`${n.value}px`,"--skdx-table-column-width":`${n.value}px`});return(0,e.provide)(v.TABLE_HEADER_CELL_CONTEXT,{get columnKey(){return r.value},get sortable(){return l.value},get minWidth(){return t.minWidth},get maxWidth(){return t.maxWidth},get resizeLabel(){return t.resizeLabel},get resizeStep(){return t.resizeStep}}),(a,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("th",{class:"skdx-table__header-cell","data-part":"header-cell","aria-sort":b.value,"data-sort-direction":u.value,"data-resizable":c.value?"":void 0,style:(0,e.normalizeStyle)(h.value)},[l.value&&!_()?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"default")]),_:3})):(0,e.renderSlot)(a.$slots,"default",{key:1}),c.value?((0,e.openBlock)(),(0,e.createBlock)(g.default,{key:2})):(0,e.createCommentVNode)("",!0)],12,T))}});exports.default=y;
+const g=require("../utils/injectRequired.cjs"),c=require("./context.cjs"),v=require("./TableColumnHeaderSortTrigger.vue.cjs"),h=require("./TableColumnResizeTrigger.vue.cjs");let e=require("vue");var T=["aria-sort","data-sort-direction","data-resizable"],y=(0,e.defineComponent)({__name:"TableHeaderCell",props:{columnKey:{default:void 0},sortable:{type:Boolean,default:void 0},resizable:{type:Boolean,default:!1},minWidth:{default:40},maxWidth:{default:1e3},resizeLabel:{default:"Resize column"},resizeStep:{default:8}},setup(m){const t=m,u=g.injectRequired(c.TABLE_CONTEXT,"SkdxTableHeaderCell must be used within SkdxTable");(0,e.onScopeDispose)(u.registerHeaderCell());const p=(0,e.useSlots)();function d(l){return(l??[]).some(o=>o.type===v.default?!0:o.type===e.Fragment&&d(o.children))}function f(){return d(p.default?.())}const r=(0,e.computed)(()=>t.columnKey),a=(0,e.computed)(()=>t.sortable&&r.value!==void 0),i=(0,e.computed)(()=>a.value?u.sortList.value.find(l=>l.columnKey===r.value)?.direction:void 0),_=(0,e.computed)(()=>{if(a.value)return i.value==="asc"?"ascending":i.value==="desc"?"descending":"none"}),s=(0,e.computed)(()=>t.resizable&&r.value!==void 0),n=(0,e.computed)(()=>r.value===void 0?void 0:u.columnWidths.value[r.value]),b=(0,e.computed)(()=>n.value===void 0?void 0:{width:`${n.value}px`,"--skdx-table-column-width":`${n.value}px`});return(0,e.provide)(c.TABLE_HEADER_CELL_CONTEXT,{get columnKey(){return r.value},get sortable(){return a.value},get minWidth(){return t.minWidth},get maxWidth(){return t.maxWidth},get resizeLabel(){return t.resizeLabel},get resizeStep(){return t.resizeStep}}),(l,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("th",{class:"skdx-table__header-cell","data-part":"header-cell","aria-sort":_.value,"data-sort-direction":i.value,"data-resizable":s.value?"":void 0,style:(0,e.normalizeStyle)(b.value)},[a.value&&!f()?((0,e.openBlock)(),(0,e.createBlock)(v.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"default")]),_:3})):(0,e.renderSlot)(l.$slots,"default",{key:1}),s.value?((0,e.openBlock)(),(0,e.createBlock)(h.default,{key:2})):(0,e.createCommentVNode)("",!0)],12,T))}});exports.default=y;

package/dist/table/TableHeaderCell.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TABLE_CONTEXT as e,TABLE_HEADER_CELL_CONTEXT as a}from"./context.js";import t from"./TableColumnHeaderSortTrigger.vue.js";import l from"./TableColumnResizeTrigger.vue.js";import{Fragment as r,computed as o,createBlock as i,createCommentVNode as s,createElementBlock as u,defineComponent as d,inject as n,normalizeStyle as v,openBlock as m,provide as c,renderSlot as f,useSlots as p,withCtx as b}from"vue";var h=["aria-sort","data-sort-direction","data-resizable"],g=/* @__PURE__ */d({__name:"TableHeaderCell",props:{columnKey:{default:void 0},sortable:{type:Boolean,default:void 0},resizable:{type:Boolean,default:!1},minWidth:{default:40},maxWidth:{default:1e3},resizeLabel:{default:"Resize column"},resizeStep:{default:8}},setup(d){const g=d,y=n(e);if(!y)throw new Error("SkdxTableHeaderCell must be used within SkdxTable");const z=y,T=p();function x(e){return(e??[]).some(e=>e.type===t||e.type===r&&x(e.children))}function k(){return x(T.default?.())}const C=o(()=>g.columnKey),E=o(()=>g.sortable&&void 0!==C.value),S=o(()=>E.value?z.sortList.value.find(e=>e.columnKey===C.value)?.direction:void 0),_=o(()=>{if(E.value)return"asc"===S.value?"ascending":"desc"===S.value?"descending":"none"}),L=o(()=>g.resizable&&void 0!==C.value),B=o(()=>void 0===C.value?void 0:z.columnWidths.value[C.value]),W=o(()=>void 0===B.value?void 0:{width:`${B.value}px`,"--skdx-table-column-width":`${B.value}px`});return c(a,{get columnKey(){return C.value},get sortable(){return E.value},get minWidth(){return g.minWidth},get maxWidth(){return g.maxWidth},get resizeLabel(){return g.resizeLabel},get resizeStep(){return g.resizeStep}}),(e,a)=>(m(),u("th",{class:"skdx-table__header-cell","data-part":"header-cell","aria-sort":_.value,"data-sort-direction":S.value,"data-resizable":L.value?"":void 0,style:v(W.value)},[E.value&&!k()?(m(),i(t,{key:0},{default:b(()=>[f(e.$slots,"default")]),_:3})):f(e.$slots,"default",{key:1}),L.value?(m(),i(l,{key:2})):s("",!0)],12,h))}});export{g as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TABLE_CONTEXT as a,TABLE_HEADER_CELL_CONTEXT as t}from"./context.js";import l from"./TableColumnHeaderSortTrigger.vue.js";import r from"./TableColumnResizeTrigger.vue.js";import{Fragment as o,computed as i,createBlock as s,createCommentVNode as u,createElementBlock as d,defineComponent as n,normalizeStyle as v,onScopeDispose as m,openBlock as c,provide as p,renderSlot as f,useSlots as b,withCtx as h}from"vue";var g=["aria-sort","data-sort-direction","data-resizable"],y=/* @__PURE__ */n({__name:"TableHeaderCell",props:{columnKey:{default:void 0},sortable:{type:Boolean,default:void 0},resizable:{type:Boolean,default:!1},minWidth:{default:40},maxWidth:{default:1e3},resizeLabel:{default:"Resize column"},resizeStep:{default:8}},setup(n){const y=n,z=e(a,"SkdxTableHeaderCell must be used within SkdxTable");m(z.registerHeaderCell());const T=b();function x(e){return(e??[]).some(e=>e.type===l||e.type===o&&x(e.children))}function C(){return x(T.default?.())}const k=i(()=>y.columnKey),S=i(()=>y.sortable&&void 0!==k.value),_=i(()=>S.value?z.sortList.value.find(e=>e.columnKey===k.value)?.direction:void 0),E=i(()=>{if(S.value)return"asc"===_.value?"ascending":"desc"===_.value?"descending":"none"}),L=i(()=>y.resizable&&void 0!==k.value),B=i(()=>void 0===k.value?void 0:z.columnWidths.value[k.value]),W=i(()=>void 0===B.value?void 0:{width:`${B.value}px`,"--skdx-table-column-width":`${B.value}px`});return p(t,{get columnKey(){return k.value},get sortable(){return S.value},get minWidth(){return y.minWidth},get maxWidth(){return y.maxWidth},get resizeLabel(){return y.resizeLabel},get resizeStep(){return y.resizeStep}}),(e,a)=>(c(),d("th",{class:"skdx-table__header-cell","data-part":"header-cell","aria-sort":E.value,"data-sort-direction":_.value,"data-resizable":L.value?"":void 0,style:v(W.value)},[S.value&&!C()?(c(),s(l,{key:0},{default:h(()=>[f(e.$slots,"default")]),_:3})):f(e.$slots,"default",{key:1}),L.value?(c(),s(r,{key:2})):u("",!0)],12,g))}});export{y as default};

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

@@ -1,17 +1,12 @@
 /**
- * A `<tr>`. When `rowId` is set and `selectionMode` isn't `'none'`, sets
- * `data-state="selected"` when selected. Click outside interactive children
- * toggles selection; Shift-click selects rows between.
- * `aria-selected` is not emitted: screen readers get state from
- * `SkdxTableRowSelectCheckbox`. A selectable row must include a checkbox for
- * keyboard access since `<tr>` never takes `tabindex`.
+ * A `<tr>` that sets `data-state="selected"` and toggles selection on click (Shift-click extends) when `rowId` is set.
  */
 type __VLS_Props = {
     /**
-     * This row's identifier for selection state. Required to enable selection.
+     * This row's identifier for selection state, required to enable selection.
      * @default undefined
      */
-    rowId?: string;
+    rowId?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,17 +1,12 @@
 /**
- * A `<tr>`. When `rowId` is set and `selectionMode` isn't `'none'`, sets
- * `data-state="selected"` when selected. Click outside interactive children
- * toggles selection; Shift-click selects rows between.
- * `aria-selected` is not emitted: screen readers get state from
- * `SkdxTableRowSelectCheckbox`. A selectable row must include a checkbox for
- * keyboard access since `<tr>` never takes `tabindex`.
+ * A `<tr>` that sets `data-state="selected"` and toggles selection on click (Shift-click extends) when `rowId` is set.
  */
 type __VLS_Props = {
     /**
-     * This row's identifier for selection state. Required to enable selection.
+     * This row's identifier for selection state, required to enable selection.
      * @default undefined
      */
-    rowId?: string;
+    rowId?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/table/TableRow.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const s=require("./context.cjs");let e=require("vue");var u=["data-state","data-row-id"],i='button, a, input, [role="button"]',w=(0,e.defineComponent)({__name:"TableRow",props:{rowId:{}},setup(a){const t=a,d=(0,e.inject)(s.TABLE_CONTEXT);if(!d)throw new Error("SkdxTableRow must be used within SkdxTable");const r=d,n=(0,e.computed)(()=>r.selectionMode!=="none"&&t.rowId!==void 0),l=(0,e.computed)(()=>t.rowId!==void 0&&r.isRowSelected(t.rowId));function c(o){!n.value||!t.rowId||o.target.closest(i)||r.toggleRow(t.rowId,o.shiftKey)}return(o,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("tr",{class:"skdx-table__row","data-part":"row","data-state":l.value?"selected":void 0,"data-row-id":n.value?a.rowId:void 0,onClick:c},[(0,e.renderSlot)(o.$slots,"default")],8,u))}});exports.default=w;
+const u=require("../utils/injectRequired.cjs"),i=require("./context.cjs");let e=require("vue");var c=["data-state","data-row-id"],s='button, a, input, [role="button"]',w=(0,e.defineComponent)({__name:"TableRow",props:{rowId:{}},setup(d){const t=d,r=u.injectRequired(i.TABLE_CONTEXT,"SkdxTableRow must be used within SkdxTable"),a=(0,e.computed)(()=>r.selectionMode!=="none"&&t.rowId!==void 0),n=(0,e.computed)(()=>t.rowId!==void 0&&r.isRowSelected(t.rowId));function l(o){!a.value||!t.rowId||o.target.closest(s)||r.toggleRow(t.rowId,o.shiftKey)}return(o,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("tr",{class:"skdx-table__row","data-part":"row","data-state":n.value?"selected":void 0,"data-row-id":a.value?d.rowId:void 0,onClick:l},[(0,e.renderSlot)(o.$slots,"default")],8,c))}});exports.default=w;

package/dist/table/TableRow.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TABLE_CONTEXT as o}from"./context.js";import{computed as e,createElementBlock as t,defineComponent as a,inject as r,openBlock as d,renderSlot as s}from"vue";var n=["data-state","data-row-id"],l=/* @__PURE__ */a({__name:"TableRow",props:{rowId:{}},setup(a){const l=a,i=r(o);if(!i)throw new Error("SkdxTableRow must be used within SkdxTable");const w=i,c=e(()=>"none"!==w.selectionMode&&void 0!==l.rowId),u=e(()=>void 0!==l.rowId&&w.isRowSelected(l.rowId));function p(o){!c.value||!l.rowId||o.target.closest('button, a, input, [role="button"]')||w.toggleRow(l.rowId,o.shiftKey)}return(o,e)=>(d(),t("tr",{class:"skdx-table__row","data-part":"row","data-state":u.value?"selected":void 0,"data-row-id":c.value?a.rowId:void 0,onClick:p},[s(o.$slots,"default")],8,n))}});export{l as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TABLE_CONTEXT as t}from"./context.js";import{computed as o,createElementBlock as a,defineComponent as d,openBlock as r,renderSlot as s}from"vue";var i=["data-state","data-row-id"],l=/* @__PURE__ */d({__name:"TableRow",props:{rowId:{}},setup(d){const l=d,n=e(t,"SkdxTableRow must be used within SkdxTable"),u=o(()=>"none"!==n.selectionMode&&void 0!==l.rowId),w=o(()=>void 0!==l.rowId&&n.isRowSelected(l.rowId));function c(e){!u.value||!l.rowId||e.target.closest('button, a, input, [role="button"]')||n.toggleRow(l.rowId,e.shiftKey)}return(e,t)=>(r(),a("tr",{class:"skdx-table__row","data-part":"row","data-state":w.value?"selected":void 0,"data-row-id":u.value?d.rowId:void 0,onClick:c},[s(e.$slots,"default")],8,i))}});export{l as default};

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

@@ -1,12 +1,15 @@
 /**
- * Row selection checkbox driven by the table's state. Put it in an `SkdxTableCell`
- * of its row. Shift-click selects rows between this and the last toggled (DOM
- * order). Renders `<button role="checkbox">`, excluded from row's click-to-select.
- * Provide a row-specific accessible name; no default exists.
+ * Row selection checkbox driven by the table's state, rendering `<button role="checkbox">`; Shift-click selects a range.
+ * A `read-only` (or `readOnly`) attribute blocks toggling; it reaches the inner checkbox through `$attrs`.
  */
 type __VLS_Props = {
     /** Id of the row this checkbox selects; must match the row's `rowId`. */
     rowId: string;
+    /**
+     * Size rung the skin renders the checkbox at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {

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

@@ -1,12 +1,15 @@
 /**
- * Row selection checkbox driven by the table's state. Put it in an `SkdxTableCell`
- * of its row. Shift-click selects rows between this and the last toggled (DOM
- * order). Renders `<button role="checkbox">`, excluded from row's click-to-select.
- * Provide a row-specific accessible name; no default exists.
+ * Row selection checkbox driven by the table's state, rendering `<button role="checkbox">`; Shift-click selects a range.
+ * A `read-only` (or `readOnly`) attribute blocks toggling; it reaches the inner checkbox through `$attrs`.
  */
 type __VLS_Props = {
     /** Id of the row this checkbox selects; must match the row's `rowId`. */
     rowId: string;
+    /**
+     * Size rung the skin renders the checkbox at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {

package/dist/table/TableRowSelectCheckbox.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const k=require("../checkbox/Checkbox.vue.cjs"),h=require("./context.cjs");let e=require("vue");var f=(0,e.defineComponent)({inheritAttrs:!1,__name:"TableRowSelectCheckbox",props:{rowId:{}},setup(i,{expose:n}){const c=i,l=(0,e.inject)(h.TABLE_CONTEXT);if(!l)throw new Error("SkdxTableRowSelectCheckbox must be used within SkdxTable");const s=l,d=(0,e.computed)(()=>s.isRowSelected(c.rowId)),a=(0,e.useAttrs)();function u(t){const r=a.readOnly??a.readonly;r===!0||r===""||s.toggleRow(c.rowId,t.shiftKey)}const o=(0,e.useTemplateRef)("checkboxRef");return n({checkValidity:()=>o.value?.checkValidity()??!0,reportValidity:()=>o.value?.reportValidity()??!0,setCustomValidity:t=>o.value?.setCustomValidity(t)}),(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(k.default,(0,e.mergeProps)({ref_key:"checkboxRef",ref:o,class:"skdx-table__row-select-checkbox","data-part":"row-select-checkbox"},t.$attrs,{checked:d.value,"data-skdx-table-row-select":"",onClick:u}),(0,e.createSlots)({_:2},[t.$slots.default?{name:"default",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),key:"0"}:void 0,t.$slots.indicator?{name:"indicator",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"indicator")]),key:"1"}:void 0]),1040,["checked"]))}});exports.default=f;
+const u=require("../utils/injectRequired.cjs"),k=require("../checkbox/Checkbox.vue.cjs"),f=require("./context.cjs");let e=require("vue");var h=(0,e.defineComponent)({inheritAttrs:!1,__name:"TableRowSelectCheckbox",props:{rowId:{},size:{}},setup(s,{expose:a}){const i=s,l=u.injectRequired(f.TABLE_CONTEXT,"SkdxTableRowSelectCheckbox must be used within SkdxTable"),d=(0,e.computed)(()=>l.isRowSelected(i.rowId)),o=(0,e.useAttrs)();function n(t){const c=o.readOnly??o.readonly??o["read-only"];c===!0||c===""||l.toggleRow(i.rowId,t.shiftKey)}const r=(0,e.useTemplateRef)("checkboxRef");return a({checkValidity:()=>r.value?.checkValidity()??!0,reportValidity:()=>r.value?.reportValidity()??!0,setCustomValidity:t=>r.value?.setCustomValidity(t)}),(t,c)=>((0,e.openBlock)(),(0,e.createBlock)(k.default,(0,e.mergeProps)({ref_key:"checkboxRef",ref:r,class:"skdx-table__row-select-checkbox"},t.$attrs,{size:s.size,checked:d.value,"data-skdx-table-row-select":"",onClick:n}),(0,e.createSlots)({_:2},[t.$slots.default?{name:"default",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),key:"0"}:void 0,t.$slots.indicator?{name:"indicator",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"indicator")]),key:"1"}:void 0]),1040,["size","checked"]))}});exports.default=h;

package/dist/table/TableRowSelectCheckbox.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../checkbox/Checkbox.vue.js";import{TABLE_CONTEXT as t}from"./context.js";import{computed as o,createBlock as s,createSlots as a,defineComponent as c,inject as r,mergeProps as l,openBlock as i,renderSlot as d,useAttrs as n,useTemplateRef as k,withCtx as u}from"vue";var f=/* @__PURE__ */c({inheritAttrs:!1,__name:"TableRowSelectCheckbox",props:{rowId:{}},setup(c,{expose:f}){const h=c,m=r(t);if(!m)throw new Error("SkdxTableRowSelectCheckbox must be used within SkdxTable");const p=m,x=o(()=>p.isRowSelected(h.rowId)),b=n();function w(e){const t=b.readOnly??b.readonly;!0===t||""===t||p.toggleRow(h.rowId,e.shiftKey)}const y=k("checkboxRef");return f({checkValidity:()=>y.value?.checkValidity()??!0,reportValidity:()=>y.value?.reportValidity()??!0,setCustomValidity:e=>y.value?.setCustomValidity(e)}),(t,o)=>(i(),s(e,l({ref_key:"checkboxRef",ref:y,class:"skdx-table__row-select-checkbox","data-part":"row-select-checkbox"},t.$attrs,{checked:x.value,"data-skdx-table-row-select":"",onClick:w}),a({_:2},[t.$slots.default?{name:"default",fn:u(()=>[d(t.$slots,"default")]),key:"0"}:void 0,t.$slots.indicator?{name:"indicator",fn:u(()=>[d(t.$slots,"indicator")]),key:"1"}:void 0]),1040,["checked"]))}});export{f as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import t from"../checkbox/Checkbox.vue.js";import{TABLE_CONTEXT as o}from"./context.js";import{computed as s,createBlock as a,createSlots as i,defineComponent as r,mergeProps as c,openBlock as l,renderSlot as d,useAttrs as n,useTemplateRef as u,withCtx as k}from"vue";var f=/* @__PURE__ */r({inheritAttrs:!1,__name:"TableRowSelectCheckbox",props:{rowId:{},size:{}},setup(r,{expose:f}){const m=r,p=e(o,"SkdxTableRowSelectCheckbox must be used within SkdxTable"),h=s(()=>p.isRowSelected(m.rowId)),x=n();function b(e){const t=x.readOnly??x.readonly??x["read-only"];!0===t||""===t||p.toggleRow(m.rowId,e.shiftKey)}const y=u("checkboxRef");return f({checkValidity:()=>y.value?.checkValidity()??!0,reportValidity:()=>y.value?.reportValidity()??!0,setCustomValidity:e=>y.value?.setCustomValidity(e)}),(e,o)=>(l(),a(t,c({ref_key:"checkboxRef",ref:y,class:"skdx-table__row-select-checkbox"},e.$attrs,{size:r.size,checked:h.value,"data-skdx-table-row-select":"",onClick:b}),i({_:2},[e.$slots.default?{name:"default",fn:k(()=>[d(e.$slots,"default")]),key:"0"}:void 0,e.$slots.indicator?{name:"indicator",fn:k(()=>[d(e.$slots,"indicator")]),key:"1"}:void 0]),1040,["size","checked"]))}});export{f as default};

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

@@ -1,27 +1,22 @@
 import { type TableSelectAllScope } from './context.cjs';
 /**
- * Tri-state header checkbox: checked when all `rowIds` are selected, indeterminate
- * when some are, unchecked otherwise. `rowIds` and `scope` are both required:
- * "select all" means exactly the ids you hand it (page with `scope="page"`, dataset
- * with `scope="all"`). The API forces you to state which, preventing silent bugs where
- * a "select all" covers only the visible window. Meaningful only with `selectionMode="multiple"`.
+ * Tri-state header checkbox: checked when all `rowIds` are selected, indeterminate when some are, unchecked otherwise.
  */
 type __VLS_Props = {
-    /**
-     * The ids this checkbox selects. Must be the whole dataset's ids when
-     * `scope='all'`, or only the rendered page's when `scope='page'`.
-     */
+    /** The ids this checkbox selects: the whole dataset's under `scope='all'`, or just the rendered page's under `scope='page'`. */
     rowIds: string[];
-    /**
-     * Whether `rowIds` is the current page or entire dataset. Required because
-     * the two are indistinguishable until pagination/virtualization.
-     */
+    /** Whether `rowIds` is the current page or the entire dataset. */
     scope: TableSelectAllScope;
     /**
      * Format the checkbox's accessible name, given the scope and count.
      * @default defaultSelectAllLabel — e.g. `"Select all 40 rows on this page"`
      */
     getSelectAllLabel?: (scope: TableSelectAllScope, count: number) => string;
+    /**
+     * Size rung the skin renders the checkbox at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {

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

@@ -1,27 +1,22 @@
 import { type TableSelectAllScope } from './context.js';
 /**
- * Tri-state header checkbox: checked when all `rowIds` are selected, indeterminate
- * when some are, unchecked otherwise. `rowIds` and `scope` are both required:
- * "select all" means exactly the ids you hand it (page with `scope="page"`, dataset
- * with `scope="all"`). The API forces you to state which, preventing silent bugs where
- * a "select all" covers only the visible window. Meaningful only with `selectionMode="multiple"`.
+ * Tri-state header checkbox: checked when all `rowIds` are selected, indeterminate when some are, unchecked otherwise.
  */
 type __VLS_Props = {
-    /**
-     * The ids this checkbox selects. Must be the whole dataset's ids when
-     * `scope='all'`, or only the rendered page's when `scope='page'`.
-     */
+    /** The ids this checkbox selects: the whole dataset's under `scope='all'`, or just the rendered page's under `scope='page'`. */
     rowIds: string[];
-    /**
-     * Whether `rowIds` is the current page or entire dataset. Required because
-     * the two are indistinguishable until pagination/virtualization.
-     */
+    /** Whether `rowIds` is the current page or the entire dataset. */
     scope: TableSelectAllScope;
     /**
      * Format the checkbox's accessible name, given the scope and count.
      * @default defaultSelectAllLabel — e.g. `"Select all 40 rows on this page"`
      */
     getSelectAllLabel?: (scope: TableSelectAllScope, count: number) => string;
+    /**
+     * Size rung the skin renders the checkbox at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {

package/dist/table/TableSelectAllCheckbox.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const k=require("../checkbox/Checkbox.vue.cjs"),d=require("./context.cjs");let e=require("vue");var f=(0,e.defineComponent)({inheritAttrs:!1,__name:"TableSelectAllCheckbox",props:{rowIds:{},scope:{},getSelectAllLabel:{type:Function,default:d.defaultSelectAllLabel}},setup(l,{expose:i}){const c=l,r=(0,e.inject)(d.TABLE_CONTEXT);if(!r)throw new Error("SkdxTableSelectAllCheckbox must be used within SkdxTable");const o=r,n=(0,e.computed)(()=>o.isAllSelected(c.rowIds)?!0:o.isSomeSelected(c.rowIds)?"indeterminate":!1),s=(0,e.useAttrs)();function u(){const t=s.readOnly??s.readonly;t===!0||t===""||o.toggleAll(c.rowIds)}const a=(0,e.useTemplateRef)("checkboxRef");return i({checkValidity:()=>a.value?.checkValidity()??!0,reportValidity:()=>a.value?.reportValidity()??!0,setCustomValidity:t=>a.value?.setCustomValidity(t)}),(t,b)=>((0,e.openBlock)(),(0,e.createBlock)(k.default,(0,e.mergeProps)({ref_key:"checkboxRef",ref:a,class:"skdx-table__select-all-checkbox","data-part":"select-all-checkbox","aria-label":l.getSelectAllLabel(l.scope,l.rowIds.length),checked:n.value,"data-skdx-table-select-all":"","data-scope":l.scope,onClick:u},t.$attrs),(0,e.createSlots)({_:2},[t.$slots.default?{name:"default",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),key:"0"}:void 0,t.$slots.indicator?{name:"indicator",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"indicator")]),key:"1"}:void 0]),1040,["aria-label","checked","data-scope"]))}});exports.default=f;
+const u=require("../utils/injectRequired.cjs"),k=require("../checkbox/Checkbox.vue.cjs"),s=require("./context.cjs");let e=require("vue");var f=(0,e.defineComponent)({inheritAttrs:!1,__name:"TableSelectAllCheckbox",props:{rowIds:{},scope:{},getSelectAllLabel:{type:Function,default:s.defaultSelectAllLabel},size:{}},setup(l,{expose:i}){const r=l,c=u.injectRequired(s.TABLE_CONTEXT,"SkdxTableSelectAllCheckbox must be used within SkdxTable"),d=(0,e.computed)(()=>c.isAllSelected(r.rowIds)?!0:c.isSomeSelected(r.rowIds)?"indeterminate":!1),o=(0,e.useAttrs)();function n(){const t=o.readOnly??o.readonly??o["read-only"];t===!0||t===""||c.toggleAll(r.rowIds)}const a=(0,e.useTemplateRef)("checkboxRef");return i({checkValidity:()=>a.value?.checkValidity()??!0,reportValidity:()=>a.value?.reportValidity()??!0,setCustomValidity:t=>a.value?.setCustomValidity(t)}),(t,b)=>((0,e.openBlock)(),(0,e.createBlock)(k.default,(0,e.mergeProps)({ref_key:"checkboxRef",ref:a,class:"skdx-table__select-all-checkbox","aria-label":r.getSelectAllLabel(l.scope,l.rowIds.length)},t.$attrs,{size:l.size,checked:d.value,"data-skdx-table-select-all":"","data-scope":l.scope,onClick:n}),(0,e.createSlots)({_:2},[t.$slots.default?{name:"default",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),key:"0"}:void 0,t.$slots.indicator?{name:"indicator",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"indicator")]),key:"1"}:void 0]),1040,["aria-label","size","checked","data-scope"]))}});exports.default=f;

package/dist/table/TableSelectAllCheckbox.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../checkbox/Checkbox.vue.js";import{TABLE_CONTEXT as t,defaultSelectAllLabel as l}from"./context.js";import{computed as a,createBlock as s,createSlots as o,defineComponent as c,inject as r,mergeProps as d,openBlock as i,renderSlot as n,useAttrs as u,useTemplateRef as k,withCtx as p}from"vue";var b=/* @__PURE__ */c({inheritAttrs:!1,__name:"TableSelectAllCheckbox",props:{rowIds:{},scope:{},getSelectAllLabel:{type:Function,default:l}},setup(l,{expose:c}){const b=l,f=r(t);if(!f)throw new Error("SkdxTableSelectAllCheckbox must be used within SkdxTable");const m=f,h=a(()=>!!m.isAllSelected(b.rowIds)||!!m.isSomeSelected(b.rowIds)&&"indeterminate"),x=u();function y(){const e=x.readOnly??x.readonly;!0===e||""===e||m.toggleAll(b.rowIds)}const S=k("checkboxRef");return c({checkValidity:()=>S.value?.checkValidity()??!0,reportValidity:()=>S.value?.reportValidity()??!0,setCustomValidity:e=>S.value?.setCustomValidity(e)}),(t,a)=>(i(),s(e,d({ref_key:"checkboxRef",ref:S,class:"skdx-table__select-all-checkbox","data-part":"select-all-checkbox","aria-label":l.getSelectAllLabel(l.scope,l.rowIds.length),checked:h.value,"data-skdx-table-select-all":"","data-scope":l.scope,onClick:y},t.$attrs),o({_:2},[t.$slots.default?{name:"default",fn:p(()=>[n(t.$slots,"default")]),key:"0"}:void 0,t.$slots.indicator?{name:"indicator",fn:p(()=>[n(t.$slots,"indicator")]),key:"1"}:void 0]),1040,["aria-label","checked","data-scope"]))}});export{b as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import t from"../checkbox/Checkbox.vue.js";import{TABLE_CONTEXT as l,defaultSelectAllLabel as a}from"./context.js";import{computed as s,createBlock as o,createSlots as c,defineComponent as i,mergeProps as r,openBlock as d,renderSlot as n,useAttrs as u,useTemplateRef as p,withCtx as k}from"vue";var m=/* @__PURE__ */i({inheritAttrs:!1,__name:"TableSelectAllCheckbox",props:{rowIds:{},scope:{},getSelectAllLabel:{type:Function,default:a},size:{}},setup(a,{expose:i}){const m=a,f=e(l,"SkdxTableSelectAllCheckbox must be used within SkdxTable"),b=s(()=>!!f.isAllSelected(m.rowIds)||!!f.isSomeSelected(m.rowIds)&&"indeterminate"),h=u();function x(){const e=h.readOnly??h.readonly??h["read-only"];!0===e||""===e||f.toggleAll(m.rowIds)}const y=p("checkboxRef");return i({checkValidity:()=>y.value?.checkValidity()??!0,reportValidity:()=>y.value?.reportValidity()??!0,setCustomValidity:e=>y.value?.setCustomValidity(e)}),(e,l)=>(d(),o(t,r({ref_key:"checkboxRef",ref:y,class:"skdx-table__select-all-checkbox","aria-label":m.getSelectAllLabel(a.scope,a.rowIds.length)},e.$attrs,{size:a.size,checked:b.value,"data-skdx-table-select-all":"","data-scope":a.scope,onClick:x}),c({_:2},[e.$slots.default?{name:"default",fn:k(()=>[n(e.$slots,"default")]),key:"0"}:void 0,e.$slots.indicator?{name:"indicator",fn:k(()=>[n(e.$slots,"indicator")]),key:"1"}:void 0]),1040,["aria-label","size","checked","data-scope"]))}});export{m as default};

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

@@ -1,21 +1,16 @@
 /**
- * Sort direction indicator: a `<span aria-hidden="true">` with `data-sort-direction`
- * and `data-sort-index` (under `multiSort`). Stays mounted in all three states so a
- * CSS arrow can rotate. `aria-hidden` is deliberate: the header already publishes
- * `aria-sort` and the button announces via live announcer.
+ * Sort direction indicator (`aria-hidden`), stays mounted across states so CSS can rotate it.
  */
 type __VLS_Props = {
-    /**
-     * Column whose direction this indicator reflects. Inherited from `SkdxTableHeaderCell`'s `columnKey`.
-     */
-    columnKey?: string;
+    /** Column whose direction this indicator reflects, 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/TableSortIndicator.vue.d.ts

@@ -1,21 +1,16 @@
 /**
- * Sort direction indicator: a `<span aria-hidden="true">` with `data-sort-direction`
- * and `data-sort-index` (under `multiSort`). Stays mounted in all three states so a
- * CSS arrow can rotate. `aria-hidden` is deliberate: the header already publishes
- * `aria-sort` and the button announces via live announcer.
+ * Sort direction indicator (`aria-hidden`), stays mounted across states so CSS can rotate it.
  */
 type __VLS_Props = {
-    /**
-     * Column whose direction this indicator reflects. Inherited from `SkdxTableHeaderCell`'s `columnKey`.
-     */
-    columnKey?: string;
+    /** Column whose direction this indicator reflects, 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/TableSortIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var _=["data-sort-direction","data-sort-index"],v=(0,e.defineComponent)({__name:"TableSortIndicator",props:{columnKey:{default:void 0}},setup(i){const c=i,r=(0,e.inject)(d.TABLE_CONTEXT);if(!r)throw new Error("SkdxTableSortIndicator must be used within SkdxTable");const t=r,u=(0,e.inject)(d.TABLE_HEADER_CELL_CONTEXT,void 0),a=(0,e.computed)(()=>c.columnKey??u?.columnKey),o=(0,e.computed)(()=>a.value===void 0?-1:t.sortList.value.findIndex(n=>n.columnKey===a.value)),s=(0,e.computed)(()=>t.sortList.value[o.value]?.direction??"none"),l=(0,e.computed)(()=>t.multiSort&&o.value!==-1?o.value:void 0);return(n,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-table__sort-indicator","data-part":"sort-indicator","aria-hidden":"true","data-skdx-table-sort-indicator":"","data-sort-direction":s.value,"data-sort-index":l.value},[(0,e.renderSlot)(n.$slots,"default")],8,_))}});exports.default=v;
+const l=require("../utils/injectRequired.cjs"),a=require("./context.cjs");let e=require("vue");var _=["data-sort-direction","data-sort-index"],v=(0,e.defineComponent)({__name:"TableSortIndicator",props:{columnKey:{default:void 0}},setup(d){const i=d,t=l.injectRequired(a.TABLE_CONTEXT,"SkdxTableSortIndicator must be used within SkdxTable"),c=(0,e.inject)(a.TABLE_HEADER_CELL_CONTEXT,void 0),n=(0,e.computed)(()=>i.columnKey??c?.columnKey),o=(0,e.computed)(()=>n.value===void 0?-1:t.sortList.value.findIndex(r=>r.columnKey===n.value)),u=(0,e.computed)(()=>t.sortList.value[o.value]?.direction??"none"),s=(0,e.computed)(()=>t.multiSort&&o.value!==-1?o.value:void 0);return(r,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-table__sort-indicator","data-part":"sort-indicator","aria-hidden":"true","data-skdx-table-sort-indicator":"","data-sort-direction":u.value,"data-sort-index":s.value},[(0,e.renderSlot)(r.$slots,"default")],8,_))}});exports.default=v;

package/dist/table/TableSortIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TABLE_CONTEXT as t,TABLE_HEADER_CELL_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as o,defineComponent as r,inject as d,openBlock as n,renderSlot as s}from"vue";var i=["data-sort-direction","data-sort-index"],l=/* @__PURE__ */r({__name:"TableSortIndicator",props:{columnKey:{default:void 0}},setup(r){const l=r,u=d(t);if(!u)throw new Error("SkdxTableSortIndicator must be used within SkdxTable");const c=u,v=d(a,void 0),m=e(()=>l.columnKey??v?.columnKey),p=e(()=>void 0===m.value?-1:c.sortList.value.findIndex(t=>t.columnKey===m.value)),x=e(()=>c.sortList.value[p.value]?.direction??"none"),E=e(()=>c.multiSort&&-1!==p.value?p.value:void 0);return(t,a)=>(n(),o("span",{class:"skdx-table__sort-indicator","data-part":"sort-indicator","aria-hidden":"true","data-skdx-table-sort-indicator":"","data-sort-direction":x.value,"data-sort-index":E.value},[s(t.$slots,"default")],8,i))}});export{l as default};
+import{injectRequired as t}from"../utils/injectRequired.js";import{TABLE_CONTEXT as e,TABLE_HEADER_CELL_CONTEXT as a}from"./context.js";import{computed as o,createElementBlock as r,defineComponent as i,inject as d,openBlock as s,renderSlot as n}from"vue";var l=["data-sort-direction","data-sort-index"],u=/* @__PURE__ */i({__name:"TableSortIndicator",props:{columnKey:{default:void 0}},setup(i){const u=i,c=t(e,"SkdxTableSortIndicator must be used within SkdxTable"),m=d(a,void 0),v=o(()=>u.columnKey??m?.columnKey),p=o(()=>void 0===v.value?-1:c.sortList.value.findIndex(t=>t.columnKey===v.value)),x=o(()=>c.sortList.value[p.value]?.direction??"none"),T=o(()=>c.multiSort&&-1!==p.value?p.value:void 0);return(t,e)=>(s(),r("span",{class:"skdx-table__sort-indicator","data-part":"sort-indicator","aria-hidden":"true","data-skdx-table-sort-indicator":"","data-sort-direction":x.value,"data-sort-index":T.value},[n(t.$slots,"default")],8,l))}});export{u as default};

package/dist/table/context.cjs

@@ -1 +1 @@
-var a=Symbol("skdx-table-context"),n=Symbol("skdx-table-header-cell-context");function r(t,e){return`${t}-detail-${e}`}function o(t,e){return e===null?`${t} not sorted`:`${t} sorted ${e==="asc"?"ascending":"descending"}`}function d(t,e){const l=`${e} ${e===1?"row":"rows"}`;return t==="page"?`Select all ${l} on this page`:`Select all ${l}`}exports.TABLE_CONTEXT=a;exports.TABLE_HEADER_CELL_CONTEXT=n;exports.defaultGetSortLabel=o;exports.defaultSelectAllLabel=d;exports.tableDetailRowId=r;
+var a=Symbol("skdx-table-context"),n=Symbol("skdx-table-header-cell-context");function r(l,e){return`${l}-detail-${e}`}function o(l,e){return e===null?`${l} not sorted`:`${l} sorted ${e==="asc"?"ascending":"descending"}`}function c(l,e){const t=`${e} ${e===1?"row":"rows"}`;return l==="page"?`Select all ${t} on this page`:`Select all ${t}`}function d(l,e){return l[e]}exports.TABLE_CONTEXT=a;exports.TABLE_HEADER_CELL_CONTEXT=n;exports.cellValue=d;exports.defaultGetSortLabel=o;exports.defaultSelectAllLabel=c;exports.tableDetailRowId=r;