@skdx/vue 0.26.0

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

@@ -0,0 +1,39 @@
+/**
+ * The button inside a sortable `<th>` that cycles its column through
+ * ascending → descending → unsorted — the APG sortable-table pattern, so the
+ * sort control announces as a button and activates on Enter/Space natively
+ * while the `<th>` itself stays out of the tab order.
+ *
+ * An `SkdxTableHeaderCell` with a `sortKey` renders one of these around its
+ * slot content for you. Render it yourself when the header needs more than a
+ * label inside the button (a sort indicator, an icon, a count) — the cell
+ * notices an `SkdxTableColumnHeaderSortTrigger` among its slot children and
+ * stops adding its own, so exactly one sort button exists per column either
+ * way.
+ *
+ * Carries `data-sort-direction` (`"asc"`/`"desc"`, absent while unsorted) and,
+ * under `multiSort`, `data-sort-index` — the column's 0-based position in the
+ * sort, which is what a "1, 2, 3" badge on a multi-sorted header is drawn from.
+ */
+type __VLS_Props = {
+    /**
+     * Column this trigger sorts. Inherited from the enclosing
+     * `SkdxTableHeaderCell`'s `sortKey`, so you only pass it when rendering the
+     * trigger outside one. The trigger renders nothing without either.
+     */
+    sortKey?: string;
+};
+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;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,39 @@
+/**
+ * The button inside a sortable `<th>` that cycles its column through
+ * ascending → descending → unsorted — the APG sortable-table pattern, so the
+ * sort control announces as a button and activates on Enter/Space natively
+ * while the `<th>` itself stays out of the tab order.
+ *
+ * An `SkdxTableHeaderCell` with a `sortKey` renders one of these around its
+ * slot content for you. Render it yourself when the header needs more than a
+ * label inside the button (a sort indicator, an icon, a count) — the cell
+ * notices an `SkdxTableColumnHeaderSortTrigger` among its slot children and
+ * stops adding its own, so exactly one sort button exists per column either
+ * way.
+ *
+ * Carries `data-sort-direction` (`"asc"`/`"desc"`, absent while unsorted) and,
+ * under `multiSort`, `data-sort-index` — the column's 0-based position in the
+ * sort, which is what a "1, 2, 3" badge on a multi-sorted header is drawn from.
+ */
+type __VLS_Props = {
+    /**
+     * Column this trigger sorts. Inherited from the enclosing
+     * `SkdxTableHeaderCell`'s `sortKey`, so you only pass it when rendering the
+     * trigger outside one. The trigger renders nothing without either.
+     */
+    sortKey?: string;
+};
+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;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/table/TableColumnHeaderSortTrigger.vue.js

@@ -0,0 +1 @@
+import e from"./TableColumnHeaderSortTrigger.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/table/TableColumnHeaderSortTrigger.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/table/TableColumnHeaderSortTrigger.vue_vue_type_script_setup_true_lang.js

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

package/dist/table/TableColumnResizeTrigger.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TableColumnResizeTrigger.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

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

@@ -0,0 +1,58 @@
+/**
+ * The column edge you drag — or focus and step with the keyboard — to resize a
+ * column. A `role="separator"` with `aria-orientation="vertical"`, its own
+ * accessible name, and `aria-valuenow`/`valuemin`/`valuemax`, because a
+ * focusable separator is a widget and must expose all four.
+ *
+ * `SkdxTableHeaderCell`'s `resizable` renders one of these for you; render it
+ * yourself to place it differently or to give one column a different `step`.
+ *
+ * Keyboard, mirrored under `dir="rtl"` so the arrow that visually widens always
+ * widens: **Arrow Left/Right** step by `step`px, **Home** and **End** snap to
+ * `minWidth` and `maxWidth`. Pointer: drag the handle; **Escape** mid-drag
+ * reverts the column to the width it had when the drag started. Every write is
+ * clamped to the bounds, and the resulting width is published on the `<th>` as
+ * both an inline `width` and the `--skdx-table-column-width` custom property.
+ */
+type __VLS_Props = {
+    /**
+     * Column whose width this handle writes. Inherited from the enclosing
+     * `SkdxTableHeaderCell`'s `columnKey` (which itself falls back to
+     * `sortKey`); a handle with neither has nowhere to store a width and
+     * renders nothing.
+     */
+    columnKey?: string;
+    /**
+     * Smallest width in pixels the column can be dragged or stepped to; also
+     * the width **Home** snaps to.
+     * @default the enclosing header cell's `minWidth`, otherwise `40`.
+     */
+    minWidth?: number;
+    /**
+     * Largest width in pixels the column can be dragged or stepped to; also
+     * the width **End** snaps to.
+     * @default the enclosing header cell's `maxWidth`, otherwise `1000`.
+     */
+    maxWidth?: number;
+    /**
+     * Pixels one Arrow keypress moves the column edge by.
+     * @default the enclosing header cell's `resizeStep`, otherwise `8`.
+     */
+    step?: number;
+    /**
+     * Accessible name for the handle — a focusable `role="separator"` is a
+     * widget and needs its own name. Prefer a column-specific one
+     * (`"Resize Name column"`): the handle sits inside the `<th>`, so its name
+     * joins the header's name-from-content.
+     * @default the enclosing header cell's `resizeLabel`, otherwise `'Resize column'`.
+     */
+    label?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    maxWidth: number;
+    minWidth: number;
+    step: number;
+    columnKey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,58 @@
+/**
+ * The column edge you drag — or focus and step with the keyboard — to resize a
+ * column. A `role="separator"` with `aria-orientation="vertical"`, its own
+ * accessible name, and `aria-valuenow`/`valuemin`/`valuemax`, because a
+ * focusable separator is a widget and must expose all four.
+ *
+ * `SkdxTableHeaderCell`'s `resizable` renders one of these for you; render it
+ * yourself to place it differently or to give one column a different `step`.
+ *
+ * Keyboard, mirrored under `dir="rtl"` so the arrow that visually widens always
+ * widens: **Arrow Left/Right** step by `step`px, **Home** and **End** snap to
+ * `minWidth` and `maxWidth`. Pointer: drag the handle; **Escape** mid-drag
+ * reverts the column to the width it had when the drag started. Every write is
+ * clamped to the bounds, and the resulting width is published on the `<th>` as
+ * both an inline `width` and the `--skdx-table-column-width` custom property.
+ */
+type __VLS_Props = {
+    /**
+     * Column whose width this handle writes. Inherited from the enclosing
+     * `SkdxTableHeaderCell`'s `columnKey` (which itself falls back to
+     * `sortKey`); a handle with neither has nowhere to store a width and
+     * renders nothing.
+     */
+    columnKey?: string;
+    /**
+     * Smallest width in pixels the column can be dragged or stepped to; also
+     * the width **Home** snaps to.
+     * @default the enclosing header cell's `minWidth`, otherwise `40`.
+     */
+    minWidth?: number;
+    /**
+     * Largest width in pixels the column can be dragged or stepped to; also
+     * the width **End** snaps to.
+     * @default the enclosing header cell's `maxWidth`, otherwise `1000`.
+     */
+    maxWidth?: number;
+    /**
+     * Pixels one Arrow keypress moves the column edge by.
+     * @default the enclosing header cell's `resizeStep`, otherwise `8`.
+     */
+    step?: number;
+    /**
+     * Accessible name for the handle — a focusable `role="separator"` is a
+     * widget and needs its own name. Prefer a column-specific one
+     * (`"Resize Name column"`): the handle sits inside the `<th>`, so its name
+     * joins the header's name-from-content.
+     * @default the enclosing header cell's `resizeLabel`, otherwise `'Resize column'`.
+     */
+    label?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    maxWidth: number;
+    minWidth: number;
+    step: number;
+    columnKey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/table/TableColumnResizeTrigger.vue.js

@@ -0,0 +1 @@
+import e from"./TableColumnResizeTrigger.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/table/TableColumnResizeTrigger.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/table/TableColumnResizeTrigger.vue_vue_type_script_setup_true_lang.js

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

package/dist/table/TableEmpty.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TableEmpty.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

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

@@ -0,0 +1,24 @@
+/**
+ * The row rendered in place of body rows when there is no data: a `<tr>` with
+ * `data-state="empty"` whose single `<td colspan>` holds the empty-state
+ * message. Render it inside `SkdxTableBody` when your row array is empty — the
+ * table has no data model of its own, so only you know when that is.
+ */
+type __VLS_Props = {
+    /** How many columns the empty cell spans — set it to the table's column count. */
+    colSpan?: number;
+};
+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;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,24 @@
+/**
+ * The row rendered in place of body rows when there is no data: a `<tr>` with
+ * `data-state="empty"` whose single `<td colspan>` holds the empty-state
+ * message. Render it inside `SkdxTableBody` when your row array is empty — the
+ * table has no data model of its own, so only you know when that is.
+ */
+type __VLS_Props = {
+    /** How many columns the empty cell spans — set it to the table's column count. */
+    colSpan?: number;
+};
+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;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/table/TableEmpty.vue.js

@@ -0,0 +1 @@
+import e from"./TableEmpty.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/table/TableEmpty.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var l={class:"skdx-table__empty","data-part":"empty","data-state":"empty","data-skdx-table-empty":""},p=["colspan"],r=(0,e.defineComponent)({__name:"TableEmpty",props:{colSpan:{default:1}},setup(t){return(a,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("tr",l,[(0,e.createElementVNode)("td",{colspan:t.colSpan},[(0,e.renderSlot)(a.$slots,"default")],8,p)]))}});exports.default=r;

package/dist/table/TableEmpty.vue_vue_type_script_setup_true_lang.js

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

package/dist/table/TableExpandTrigger.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TableExpandTrigger.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

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

@@ -0,0 +1,27 @@
+/**
+ * Disclosure button that opens the `SkdxTableExpandedRow` for `rowId`: a
+ * `<button aria-expanded>` with `aria-controls` pointing at that detail row,
+ * plus `data-state` of `"expanded"`/`"collapsed"`. Place it inside an
+ * `SkdxTableCell` of the row it belongs to — the trigger *cell* stays a plain
+ * `<td>`, so the button (not the cell) is what screen readers announce as
+ * expandable.
+ *
+ * Clicking it stops propagation, so a selectable `SkdxTableRow` doesn't also
+ * toggle its selection. Must be used inside `SkdxTable`.
+ */
+type __VLS_Props = {
+    /** Id of the row this trigger expands. Must match the `rowId` of the paired `SkdxTableExpandedRow`. */
+    rowId: string;
+};
+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<{}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,27 @@
+/**
+ * Disclosure button that opens the `SkdxTableExpandedRow` for `rowId`: a
+ * `<button aria-expanded>` with `aria-controls` pointing at that detail row,
+ * plus `data-state` of `"expanded"`/`"collapsed"`. Place it inside an
+ * `SkdxTableCell` of the row it belongs to — the trigger *cell* stays a plain
+ * `<td>`, so the button (not the cell) is what screen readers announce as
+ * expandable.
+ *
+ * Clicking it stops propagation, so a selectable `SkdxTableRow` doesn't also
+ * toggle its selection. Must be used inside `SkdxTable`.
+ */
+type __VLS_Props = {
+    /** Id of the row this trigger expands. Must match the `rowId` of the paired `SkdxTableExpandedRow`. */
+    rowId: string;
+};
+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<{}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/table/TableExpandTrigger.vue.js

@@ -0,0 +1 @@
+import e from"./TableExpandTrigger.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/table/TableExpandTrigger.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/table/TableExpandTrigger.vue_vue_type_script_setup_true_lang.js

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

package/dist/table/TableExpandedRow.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TableExpandedRow.vue_vue_type_script_setup_true_lang.cjs");var a=e.default;exports.default=a;

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

@@ -0,0 +1,31 @@
+/**
+ * The full-width detail row an `SkdxTableExpandTrigger` reveals: a `<tr>` whose
+ * single `<td colspan>` holds the row's expanded content, with `data-state` of
+ * `"expanded"`/`"collapsed"`. Render it as the next sibling of the row it
+ * belongs to, inside the same `SkdxTableBody`.
+ *
+ * It stays mounted while collapsed and is `hidden` instead — the trigger's
+ * `aria-controls` has to resolve to a real element for assistive tech to
+ * follow it, which an unmounted row could not do. Must be used inside
+ * `SkdxTable`.
+ */
+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 — set it to the table's column count. */
+    colSpan?: number;
+};
+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;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,31 @@
+/**
+ * The full-width detail row an `SkdxTableExpandTrigger` reveals: a `<tr>` whose
+ * single `<td colspan>` holds the row's expanded content, with `data-state` of
+ * `"expanded"`/`"collapsed"`. Render it as the next sibling of the row it
+ * belongs to, inside the same `SkdxTableBody`.
+ *
+ * It stays mounted while collapsed and is `hidden` instead — the trigger's
+ * `aria-controls` has to resolve to a real element for assistive tech to
+ * follow it, which an unmounted row could not do. Must be used inside
+ * `SkdxTable`.
+ */
+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 — set it to the table's column count. */
+    colSpan?: number;
+};
+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;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/table/TableExpandedRow.vue.js

@@ -0,0 +1 @@
+import e from"./TableExpandedRow.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/table/TableExpandedRow.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +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;

package/dist/table/TableExpandedRow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +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};

package/dist/table/TableFooter.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TableFooter.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

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

@@ -0,0 +1,14 @@
+/** `<tfoot>` section, e.g. for column totals. */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,14 @@
+/** `<tfoot>` section, e.g. for column totals. */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/table/TableFooter.vue.js

@@ -0,0 +1 @@
+import e from"./TableFooter.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/table/TableFooter.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var o={class:"skdx-table__footer","data-part":"footer"},r=(0,e.defineComponent)({__name:"TableFooter",setup(_){return(t,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("tfoot",o,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=r;

package/dist/table/TableFooter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as o,openBlock as t,renderSlot as a}from"vue";var r={class:"skdx-table__footer","data-part":"footer"},s=/* @__PURE__ */o({__name:"TableFooter",setup:o=>(o,s)=>(t(),e("tfoot",r,[a(o.$slots,"default")]))});export{s as default};

package/dist/table/TableHeader.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TableHeader.vue_vue_type_script_setup_true_lang.cjs");var a=e.default;exports.default=a;

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

@@ -0,0 +1,14 @@
+/** `<thead>` section, typically wrapping a header `SkdxTableRow` of `SkdxTableHeaderCell`s. */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,14 @@
+/** `<thead>` section, typically wrapping a header `SkdxTableRow` of `SkdxTableHeaderCell`s. */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/table/TableHeader.vue.js

@@ -0,0 +1 @@
+import e from"./TableHeader.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/table/TableHeader.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t={class:"skdx-table__header","data-part":"header"},r=(0,e.defineComponent)({__name:"TableHeader",setup(_){return(a,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("thead",t,[(0,e.renderSlot)(a.$slots,"default")]))}});exports.default=r;

package/dist/table/TableHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as r}from"vue";var s={class:"skdx-table__header","data-part":"header"},d=/* @__PURE__ */a({__name:"TableHeader",setup:a=>(a,d)=>(t(),e("thead",s,[r(a.$slots,"default")]))});export{d as default};

package/dist/table/TableHeaderCell.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TableHeaderCell.vue_vue_type_script_setup_true_lang.cjs");var l=e.default;exports.default=l;

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

@@ -0,0 +1,75 @@
+/**
+ * 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.
+ */
+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;
+    /** Smallest width in pixels the column can be resized to. */
+    minWidth?: number;
+    /** 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.
+     */
+    resizeLabel?: string;
+    /**
+     * Pixels one Arrow keypress moves the column edge by. Also inherited by an
+     * `SkdxTableColumnResizeTrigger` rendered as a child of this cell.
+     */
+    resizeStep?: number;
+};
+declare var __VLS_4: {}, __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_4) => any;
+} & {
+    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;
+    resizeLabel: string;
+    resizable: boolean;
+    resizeStep: number;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};