@skdx/vue 0.27.0 → 0.29.0

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

@@ -1,54 +1,20 @@
 /**
- * A `<th>`. Passing `sortKey` makes it sortable: the cell sets `aria-sort`
- * (`"ascending"`, `"descending"`, or `"none"`) and `data-sort-direction`, and
- * wraps its content in an `SkdxTableColumnHeaderSortTrigger` (the APG
- * sortable-table pattern) that cycles the table's sort for that column through
- * ascending → descending → unsorted on click or Enter/Space. The `<th>` itself
- * is never focusable. Without `sortKey`, it's a plain header cell.
- *
- * Render an `SkdxTableColumnHeaderSortTrigger` among the slot children yourself
- * — to put an `SkdxTableSortIndicator` inside the button, say — and the cell
- * skips its own, so there is always exactly one sort button per column.
- *
- * Passing `resizable` (plus a `columnKey`, defaulting to `sortKey`) appends an
- * `SkdxTableColumnResizeTrigger`: dragging it, or pressing Arrow Left/Right
- * (Home/End for the bounds) while it has focus, writes the column's width into
- * the table's `columnWidths` state, clamped to `minWidth`/`maxWidth`. A stored
- * width is published on the cell as an inline `width` *and* as the
- * `--skdx-table-column-width` custom property, so sticky overlays and shadows
- * can follow the column without re-measuring it.
+ * A `<th>` with optional sorting (`aria-sort` + button) and resizing (drag or Arrow keys), keyed by `columnKey`.
  */
 type __VLS_Props = {
-    /**
-     * Column identifier used for sorting. Presence of this prop is what makes
-     * the header cell sortable — omit it for a non-sortable column header.
-     * @default undefined
-     */
-    sortKey?: string;
-    /**
-     * Column identifier used for resizing, when it differs from `sortKey`.
-     * A resizable column needs one of the two.
-     */
-    columnKey?: string;
-    /**
-     * Renders a focusable `role="separator"` resize handle at the cell's
-     * inline end, driven by pointer drag or Arrow Left/Right (Home/End for
-     * the 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 — a `role="separator"` widget
-     * needs its own name, distinct from the column header's.
-     */
+    maxWidth?: number | undefined;
+    /** Accessible name for the resize handle, distinct from the column header's. */
     resizeLabel?: string;
-    /**
-     * Pixels one Arrow keypress moves the column edge by. Also inherited by an
-     * `SkdxTableColumnResizeTrigger` rendered as a child of this cell.
-     */
+    /** Pixels each Arrow keypress moves the column edge; inherited by child resize triggers. */
     resizeStep?: number;
 };
 declare var __VLS_4: {}, __VLS_6: {};
@@ -58,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;
-    sortKey: string;
+    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,54 +1,20 @@
 /**
- * A `<th>`. Passing `sortKey` makes it sortable: the cell sets `aria-sort`
- * (`"ascending"`, `"descending"`, or `"none"`) and `data-sort-direction`, and
- * wraps its content in an `SkdxTableColumnHeaderSortTrigger` (the APG
- * sortable-table pattern) that cycles the table's sort for that column through
- * ascending → descending → unsorted on click or Enter/Space. The `<th>` itself
- * is never focusable. Without `sortKey`, it's a plain header cell.
- *
- * Render an `SkdxTableColumnHeaderSortTrigger` among the slot children yourself
- * — to put an `SkdxTableSortIndicator` inside the button, say — and the cell
- * skips its own, so there is always exactly one sort button per column.
- *
- * Passing `resizable` (plus a `columnKey`, defaulting to `sortKey`) appends an
- * `SkdxTableColumnResizeTrigger`: dragging it, or pressing Arrow Left/Right
- * (Home/End for the bounds) while it has focus, writes the column's width into
- * the table's `columnWidths` state, clamped to `minWidth`/`maxWidth`. A stored
- * width is published on the cell as an inline `width` *and* as the
- * `--skdx-table-column-width` custom property, so sticky overlays and shadows
- * can follow the column without re-measuring it.
+ * A `<th>` with optional sorting (`aria-sort` + button) and resizing (drag or Arrow keys), keyed by `columnKey`.
  */
 type __VLS_Props = {
-    /**
-     * Column identifier used for sorting. Presence of this prop is what makes
-     * the header cell sortable — omit it for a non-sortable column header.
-     * @default undefined
-     */
-    sortKey?: string;
-    /**
-     * Column identifier used for resizing, when it differs from `sortKey`.
-     * A resizable column needs one of the two.
-     */
-    columnKey?: string;
-    /**
-     * Renders a focusable `role="separator"` resize handle at the cell's
-     * inline end, driven by pointer drag or Arrow Left/Right (Home/End for
-     * the 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 — a `role="separator"` widget
-     * needs its own name, distinct from the column header's.
-     */
+    maxWidth?: number | undefined;
+    /** Accessible name for the resize handle, distinct from the column header's. */
     resizeLabel?: string;
-    /**
-     * Pixels one Arrow keypress moves the column edge by. Also inherited by an
-     * `SkdxTableColumnResizeTrigger` rendered as a child of this cell.
-     */
+    /** Pixels each Arrow keypress moves the column edge; inherited by child resize triggers. */
     resizeStep?: number;
 };
 declare var __VLS_4: {}, __VLS_6: {};
@@ -58,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;
-    sortKey: string;
+    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 b=["aria-sort","data-sort-direction","data-resizable"],T=(0,e.defineComponent)({__name:"TableHeaderCell",props:{sortKey:{default:void 0},columnKey:{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,n=(0,e.inject)(v.TABLE_CONTEXT);if(!n)throw new Error("SkdxTableHeaderCell must be used within SkdxTable");const d=n,f=(0,e.useSlots)();function s(r){return(r??[]).some(l=>l.type===m.default?!0:l.type===e.Fragment&&s(l.children))}function _(){return s(f.default?.())}const o=(0,e.computed)(()=>t.sortKey!==void 0),u=(0,e.computed)(()=>o.value?d.sortList.value.find(r=>r.columnKey===t.sortKey)?.direction:void 0),y=(0,e.computed)(()=>{if(o.value)return u.value==="asc"?"ascending":u.value==="desc"?"descending":"none"}),a=(0,e.computed)(()=>t.columnKey??t.sortKey),c=(0,e.computed)(()=>t.resizable&&a.value!==void 0),i=(0,e.computed)(()=>a.value===void 0?void 0:d.columnWidths.value[a.value]),h=(0,e.computed)(()=>i.value===void 0?void 0:{width:`${i.value}px`,"--skdx-table-column-width":`${i.value}px`});return(0,e.provide)(v.TABLE_HEADER_CELL_CONTEXT,{get sortKey(){return t.sortKey},get columnKey(){return a.value},get minWidth(){return t.minWidth},get maxWidth(){return t.maxWidth},get resizeLabel(){return t.resizeLabel},get resizeStep(){return t.resizeStep}}),(r,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("th",{class:"skdx-table__header-cell","data-part":"header-cell","aria-sort":y.value,"data-sort-direction":u.value,"data-resizable":c.value?"":void 0,style:(0,e.normalizeStyle)(h.value)},[o.value&&!_()?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"default")]),_:3})):(0,e.renderSlot)(r.$slots,"default",{key:1}),c.value?((0,e.openBlock)(),(0,e.createBlock)(g.default,{key:2})):(0,e.createCommentVNode)("",!0)],12,b))}});exports.default=T;
+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 t}from"./context.js";import a from"./TableColumnHeaderSortTrigger.vue.js";import r from"./TableColumnResizeTrigger.vue.js";import{Fragment as l,computed as o,createBlock as s,createCommentVNode as i,createElementBlock as d,defineComponent as u,inject as n,normalizeStyle as v,openBlock as m,provide as c,renderSlot as f,useSlots as p,withCtx as y}from"vue";var h=["aria-sort","data-sort-direction","data-resizable"],b=/* @__PURE__ */u({__name:"TableHeaderCell",props:{sortKey:{default:void 0},columnKey:{default:void 0},resizable:{type:Boolean,default:!1},minWidth:{default:40},maxWidth:{default:1e3},resizeLabel:{default:"Resize column"},resizeStep:{default:8}},setup(u){const b=u,g=n(e);if(!g)throw new Error("SkdxTableHeaderCell must be used within SkdxTable");const z=g,T=p();function x(e){return(e??[]).some(e=>e.type===a||e.type===l&&x(e.children))}function k(){return x(T.default?.())}const C=o(()=>void 0!==b.sortKey),K=o(()=>C.value?z.sortList.value.find(e=>e.columnKey===b.sortKey)?.direction:void 0),E=o(()=>{if(C.value)return"asc"===K.value?"ascending":"desc"===K.value?"descending":"none"}),S=o(()=>b.columnKey??b.sortKey),_=o(()=>b.resizable&&void 0!==S.value),L=o(()=>void 0===S.value?void 0:z.columnWidths.value[S.value]),W=o(()=>void 0===L.value?void 0:{width:`${L.value}px`,"--skdx-table-column-width":`${L.value}px`});return c(t,{get sortKey(){return b.sortKey},get columnKey(){return S.value},get minWidth(){return b.minWidth},get maxWidth(){return b.maxWidth},get resizeLabel(){return b.resizeLabel},get resizeStep(){return b.resizeStep}}),(e,t)=>(m(),d("th",{class:"skdx-table__header-cell","data-part":"header-cell","aria-sort":E.value,"data-sort-direction":K.value,"data-resizable":_.value?"":void 0,style:v(W.value)},[C.value&&!k()?(m(),s(a,{key:0},{default:y(()=>[f(e.$slots,"default")]),_:3})):f(e.$slots,"default",{key:1}),_.value?(m(),s(r,{key:2})):i("",!0)],12,h))}});export{b 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,19 +1,12 @@
 /**
- * A `<tr>`. When given `rowId` and the table's `selectionMode` isn't
- * `'none'`, sets `aria-selected` and `data-state="selected"` while selected,
- * and clicking anywhere in the row (outside interactive descendants matching
- * `button, a, input, [role="button"]`) toggles its selection.
- * Shift-clicking selects every row between the last row toggled and this one,
- * in `'multiple'` mode.
+ * 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 within the table's selection state. Required for
-     * the row to be selectable (via click or its own checkbox); rows without
-     * it are never selected or clickable-to-select.
+     * 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,19 +1,12 @@
 /**
- * A `<tr>`. When given `rowId` and the table's `selectionMode` isn't
- * `'none'`, sets `aria-selected` and `data-state="selected"` while selected,
- * and clicking anywhere in the row (outside interactive descendants matching
- * `button, a, input, [role="button"]`) toggles its selection.
- * Shift-clicking selects every row between the last row toggled and this one,
- * in `'multiple'` mode.
+ * 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 within the table's selection state. Required for
-     * the row to be selectable (via click or its own checkbox); rows without
-     * it are never selected or clickable-to-select.
+     * 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 i=["aria-selected","data-state","data-row-id"],u='button, a, input, [role="button"]',w=(0,e.defineComponent)({__name:"TableRow",props:{rowId:{}},setup(d){const t=d,l=(0,e.inject)(s.TABLE_CONTEXT);if(!l)throw new Error("SkdxTableRow must be used within SkdxTable");const r=l,a=(0,e.computed)(()=>r.selectionMode!=="none"&&t.rowId!==void 0),n=(0,e.computed)(()=>t.rowId!==void 0&&r.isRowSelected(t.rowId));function c(o){!a.value||!t.rowId||o.target.closest(u)||r.toggleRow(t.rowId,o.shiftKey)}return(o,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("tr",{class:"skdx-table__row","data-part":"row","aria-selected":a.value?n.value:void 0,"data-state":n.value?"selected":void 0,"data-row-id":a.value?d.rowId:void 0,onClick:c},[(0,e.renderSlot)(o.$slots,"default")],8,i))}});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 e}from"./context.js";import{computed as o,createElementBlock as t,defineComponent as a,inject as d,openBlock as r,renderSlot as s}from"vue";var l=["aria-selected","data-state","data-row-id"],n=/* @__PURE__ */a({__name:"TableRow",props:{rowId:{}},setup(a){const n=a,i=d(e);if(!i)throw new Error("SkdxTableRow must be used within SkdxTable");const w=i,c=o(()=>"none"!==w.selectionMode&&void 0!==n.rowId),u=o(()=>void 0!==n.rowId&&w.isRowSelected(n.rowId));function v(e){!c.value||!n.rowId||e.target.closest('button, a, input, [role="button"]')||w.toggleRow(n.rowId,e.shiftKey)}return(e,o)=>(r(),t("tr",{class:"skdx-table__row","data-part":"row","aria-selected":c.value?u.value:void 0,"data-state":u.value?"selected":void 0,"data-row-id":c.value?a.rowId:void 0,onClick:v},[s(e.$slots,"default")],8,l))}});export{n 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,28 +1,30 @@
 /**
- * One row's selection checkbox, driven by the table's selection state rather
- * than its own. Put it in an `SkdxTableCell` of the row it belongs to.
- *
- * **Shift-click selects a range**: every row between the last row toggled and
- * this one, resolved in DOM order at click time (so under virtualization it
- * spans the rendered window). Space activates it, as on any checkbox — hold
- * Shift for the same range behaviour.
- *
- * It renders a real `<button role="checkbox">`, which `SkdxTableRow` already
- * excludes from its own click-to-select handling, so the click counts once.
- *
- * Give each one a row-specific accessible name — `"Select Aster"`, not
- * `"Select row"` repeated down the column. There is deliberately no default:
- * only you know what names the row.
+ * 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 enclosing `SkdxTableRow`'s `rowId`. */
+    /** 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_9: {};
+declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    indicator?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the underlying checkbox's hidden input satisfies its constraints. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto the underlying checkbox. */
+    setCustomValidity: (message: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,28 +1,30 @@
 /**
- * One row's selection checkbox, driven by the table's selection state rather
- * than its own. Put it in an `SkdxTableCell` of the row it belongs to.
- *
- * **Shift-click selects a range**: every row between the last row toggled and
- * this one, resolved in DOM order at click time (so under virtualization it
- * spans the rendered window). Space activates it, as on any checkbox — hold
- * Shift for the same range behaviour.
- *
- * It renders a real `<button role="checkbox">`, which `SkdxTableRow` already
- * excludes from its own click-to-select handling, so the click counts once.
- *
- * Give each one a row-specific accessible name — `"Select Aster"`, not
- * `"Select row"` repeated down the column. There is deliberately no default:
- * only you know what names the row.
+ * 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 enclosing `SkdxTableRow`'s `rowId`. */
+    /** 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_9: {};
+declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    indicator?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the underlying checkbox's hidden input satisfies its constraints. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto the underlying checkbox. */
+    setCustomValidity: (message: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/table/TableRowSelectCheckbox.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("../checkbox/Checkbox.vue.cjs"),d=require("./context.cjs");let e=require("vue");var u=(0,e.defineComponent)({inheritAttrs:!1,__name:"TableRowSelectCheckbox",props:{rowId:{}},setup(l){const o=l,c=(0,e.inject)(d.TABLE_CONTEXT);if(!c)throw new Error("SkdxTableRowSelectCheckbox must be used within SkdxTable");const r=c,s=(0,e.computed)(()=>r.isRowSelected(o.rowId));function a(t){r.toggleRow(o.rowId,t.shiftKey)}return(t,i)=>((0,e.openBlock)(),(0,e.createBlock)(n.default,(0,e.mergeProps)({class:"skdx-table__row-select-checkbox","data-part":"row-select-checkbox"},t.$attrs,{checked:s.value,"data-skdx-table-row-select":"",onClick:a}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3},16,["checked"]))}});exports.default=u;
+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,defineComponent as c,inject as r,mergeProps as a,openBlock as l,renderSlot as d,withCtx as n}from"vue";var i=/* @__PURE__ */c({inheritAttrs:!1,__name:"TableRowSelectCheckbox",props:{rowId:{}},setup(c){const i=c,k=r(t);if(!k)throw new Error("SkdxTableRowSelectCheckbox must be used within SkdxTable");const w=k,h=o(()=>w.isRowSelected(i.rowId));function x(e){w.toggleRow(i.rowId,e.shiftKey)}return(t,o)=>(l(),s(e,a({class:"skdx-table__row-select-checkbox","data-part":"row-select-checkbox"},t.$attrs,{checked:h.value,"data-skdx-table-row-select":"",onClick:x}),{default:n(()=>[d(t.$slots,"default")]),_:3},16,["checked"]))}});export{i 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,48 +1,37 @@
 import { type TableSelectAllScope } from './context.cjs';
 /**
- * The header checkbox that selects or clears a set of rows at once. Tri-state:
- * checked when every id in `rowIds` is selected, indeterminate when only some
- * are, unchecked otherwise (including over an empty list — a select-all above
- * no rows reads unchecked, not vacuously checked).
- *
- * `rowIds` and `scope` are both required, and that is the point. The table
- * holds no row registry, so "select all" means exactly the ids you hand it:
- * pass the rendered page's ids with `scope="page"`, or the whole dataset's with
- * `scope="all"`. The two are indistinguishable until the table paginates or
- * virtualizes, at which point a "select all" that silently covered only the
- * visible window is a bug found in production — so the API makes you say which
- * you meant, and says it in the accessible name too.
- *
- * Meaningful only with `selection-mode="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 and reports on. Must be the *whole
-     * dataset's* ids when `scope` is `'all'`, and only the rendered page's when
-     * it is `'page'` — the table stores no row registry, so this list is the
-     * only thing that decides which.
-     */
+    /** 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/window or the entire dataset. Required
-     * and unset by default: the two are indistinguishable until the table
-     * paginates or virtualizes, and guessing produces a "select all" that quietly
-     * selects only what is on screen.
-     */
+    /** Whether `rowIds` is the current page or the entire dataset. */
     scope: TableSelectAllScope;
     /**
-     * Words the checkbox's accessible name. `count` is `rowIds.length`, so the
-     * name can keep saying how many rows and which scope — which is the reason a
-     * plain `aria-label` is not enough here.
+     * 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_9: {};
+declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    indicator?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the underlying checkbox's hidden input satisfies its constraints. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto the underlying checkbox. */
+    setCustomValidity: (message: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     getSelectAllLabel: (scope: TableSelectAllScope, count: number) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -1,48 +1,37 @@
 import { type TableSelectAllScope } from './context.js';
 /**
- * The header checkbox that selects or clears a set of rows at once. Tri-state:
- * checked when every id in `rowIds` is selected, indeterminate when only some
- * are, unchecked otherwise (including over an empty list — a select-all above
- * no rows reads unchecked, not vacuously checked).
- *
- * `rowIds` and `scope` are both required, and that is the point. The table
- * holds no row registry, so "select all" means exactly the ids you hand it:
- * pass the rendered page's ids with `scope="page"`, or the whole dataset's with
- * `scope="all"`. The two are indistinguishable until the table paginates or
- * virtualizes, at which point a "select all" that silently covered only the
- * visible window is a bug found in production — so the API makes you say which
- * you meant, and says it in the accessible name too.
- *
- * Meaningful only with `selection-mode="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 and reports on. Must be the *whole
-     * dataset's* ids when `scope` is `'all'`, and only the rendered page's when
-     * it is `'page'` — the table stores no row registry, so this list is the
-     * only thing that decides which.
-     */
+    /** 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/window or the entire dataset. Required
-     * and unset by default: the two are indistinguishable until the table
-     * paginates or virtualizes, and guessing produces a "select all" that quietly
-     * selects only what is on screen.
-     */
+    /** Whether `rowIds` is the current page or the entire dataset. */
     scope: TableSelectAllScope;
     /**
-     * Words the checkbox's accessible name. `count` is `rowIds.length`, so the
-     * name can keep saying how many rows and which scope — which is the reason a
-     * plain `aria-label` is not enough here.
+     * 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_9: {};
+declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    indicator?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the underlying checkbox's hidden input satisfies its constraints. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto the underlying checkbox. */
+    setCustomValidity: (message: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     getSelectAllLabel: (scope: TableSelectAllScope, count: number) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/table/TableSelectAllCheckbox.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("../checkbox/Checkbox.vue.cjs"),r=require("./context.cjs");let e=require("vue");var u=(0,e.defineComponent)({inheritAttrs:!1,__name:"TableSelectAllCheckbox",props:{rowIds:{},scope:{},getSelectAllLabel:{type:Function,default:r.defaultSelectAllLabel}},setup(t){const l=t,a=(0,e.inject)(r.TABLE_CONTEXT);if(!a)throw new Error("SkdxTableSelectAllCheckbox must be used within SkdxTable");const c=a,s=(0,e.computed)(()=>c.isAllSelected(l.rowIds)?!0:c.isSomeSelected(l.rowIds)?"indeterminate":!1);function d(){c.toggleAll(l.rowIds)}return(o,i)=>((0,e.openBlock)(),(0,e.createBlock)(n.default,(0,e.mergeProps)({class:"skdx-table__select-all-checkbox","data-part":"select-all-checkbox","aria-label":t.getSelectAllLabel(t.scope,t.rowIds.length),checked:s.value,"data-skdx-table-select-all":"","data-scope":t.scope,onClick:d},o.$attrs),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"default")]),_:3},16,["aria-label","checked","data-scope"]))}});exports.default=u;
+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 o,defineComponent as s,inject as c,mergeProps as r,openBlock as d,renderSlot as n,withCtx as i}from"vue";var p=/* @__PURE__ */s({inheritAttrs:!1,__name:"TableSelectAllCheckbox",props:{rowIds:{},scope:{},getSelectAllLabel:{type:Function,default:l}},setup(l){const s=l,p=c(t);if(!p)throw new Error("SkdxTableSelectAllCheckbox must be used within SkdxTable");const b=p,k=a(()=>!!b.isAllSelected(s.rowIds)||!!b.isSomeSelected(s.rowIds)&&"indeterminate");function u(){b.toggleAll(s.rowIds)}return(t,a)=>(d(),o(e,r({class:"skdx-table__select-all-checkbox","data-part":"select-all-checkbox","aria-label":l.getSelectAllLabel(l.scope,l.rowIds.length),checked:k.value,"data-skdx-table-select-all":"","data-scope":l.scope,onClick:u},t.$attrs),{default:i(()=>[n(t.$slots,"default")]),_:3},16,["aria-label","checked","data-scope"]))}});export{p 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,29 +1,16 @@
 /**
- * The arrow (or caret, or badge) showing which way a column is sorted. A
- * `<span aria-hidden="true">` carrying `data-sort-direction`
- * (`"asc"`/`"desc"`/`"none"`) and, under `multiSort`, `data-sort-index` — the
- * column's 0-based position in the sort order.
- *
- * `aria-hidden` is deliberate and not configurable: the header cell already
- * publishes `aria-sort`, and the sort button announces the new order through
- * the live announcer. An indicator that also spoke would say it a third time.
- *
- * It renders whatever slot content you give it and stays mounted in all three
- * states, so a CSS-driven arrow can rotate rather than swap.
+ * 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 the
-     * enclosing `SkdxTableHeaderCell`'s `sortKey`.
-     */
-    sortKey?: 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<{}>, {
-    sortKey: string;
+    columnKey: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;