@simple-table/vue 4.0.0 → 4.0.2

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),r=require("simple-table-core");function t(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}function n(r,t){return n=>{const o=document.createElement("div");return e.render(e.h(t,n),o),r.register(o,()=>e.render(null,o)),o}}function o(r,t,n,o){const s="cell"===n?r.cellRendererCache:r.headerRendererCache,c=s.get(t);if(c)return c.component=o,c.wrapped;const i={component:o,wrapped:null},d=t=>{const n=document.createElement("div");return e.render(e.h(i.component,t),n),r.register(n,()=>e.render(null,n)),n};return i.wrapped=d,s.set(t,i),d}function s(r,t){const n=document.createElement("div");return e.render(t,n),r.register(n,()=>e.render(null,n)),n}function c(r){const t=document.createElement("div");e.render(r,t);const n=t.innerHTML;return e.render(null,t),n}function i(e){return"object"==typeof e||"function"==typeof e}function d(e,r){const{cellRenderer:n,headerRenderer:s,children:c,nestedTable:i}=e,a=t(e,["cellRenderer","headerRenderer","children","nestedTable"]),u=String(e.accessor),f=Object.assign({},a);if(n&&(f.cellRenderer="object"==typeof n?o(r,u,"cell",n):n),s&&(f.headerRenderer="object"==typeof s?o(r,u,"header",s):s),c&&(f.children=c.map(e=>d(e,r))),i){const e=Object.assign(Object.assign({},i),{rows:[]});f.nestedTable=l(e,r)}return f}function l(e,o){const{defaultHeaders:l,rows:a,footerRenderer:u,emptyStateRenderer:f,errorStateRenderer:p,loadingStateRenderer:h,tableEmptyStateRenderer:b,headerDropdown:R,columnEditorConfig:m,icons:g,rowButtons:O}=e,y=t(e,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","rowButtons"]);o.pruneRendererCaches(r.collectHeaderAccessors(l));const w=Object.assign(Object.assign({},y),{rows:a,defaultHeaders:l.map(e=>d(e,o)),onRendererHostDiscard:o.disposeHost});if(void 0!==u&&(w.footerRenderer="object"==typeof u?n(o,u):u),void 0!==f)if(i(f))w.emptyStateRenderer=n(o,f);else{const e=f;w.emptyStateRenderer=()=>s(o,e)}if(void 0!==p)if(i(p))w.errorStateRenderer=n(o,p);else{const e=p;w.errorStateRenderer=()=>s(o,e)}if(void 0!==h)if(i(h))w.loadingStateRenderer=n(o,h);else{const e=h;w.loadingStateRenderer=()=>s(o,e)}return void 0!==b&&(w.tableEmptyStateRenderer=null===b?null:b instanceof HTMLElement||"string"==typeof b?b:s(o,b)),void 0!==R&&(w.headerDropdown=n(o,R)),void 0!==m&&(w.columnEditorConfig=function(e,r){const{rowRenderer:o,customRenderer:s}=e,c=t(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},c),o?{rowRenderer:n(r,o)}:{}),s?{customRenderer:n(r,s)}:{})}(m,o)),void 0!==g&&(w.icons=function(e){const r={};for(const[t,n]of Object.entries(e))null!=n&&(r[t]="string"==typeof n||n instanceof HTMLElement||n instanceof SVGElement?n:c(n));return r}(g)),void 0!==O&&(w.rowButtons=O.map(e=>n(o,e))),w}"function"==typeof SuppressedError&&SuppressedError;const a="data-st-mount-id";class u{constructor(){this.entries=new Map,this.nextId=0,this.cellRendererCache=new Map,this.headerRendererCache=new Map,this.disposeHost=e=>{if("function"!=typeof e.getAttribute)return;const r=[],t=e.getAttribute(a);null!==t&&r.push(t),e.querySelectorAll(`[${a}]`).forEach(e=>{const t=e.getAttribute(a);null!==t&&r.push(t)});for(const e of r){const r=this.entries.get(e);r&&(this.entries.delete(e),r())}}}register(e,r){const t="st-mount-"+this.nextId++;e.setAttribute(a,t),this.entries.set(t,r)}clear(){this.cellRendererCache.clear(),this.headerRendererCache.clear();for(const e of this.entries.values())e();this.entries.clear()}pruneRendererCaches(e){for(const r of this.cellRendererCache.keys())e.has(r)||this.cellRendererCache.delete(r);for(const r of this.headerRendererCache.keys())e.has(r)||this.headerRendererCache.delete(r)}get size(){return this.entries.size}}function f(r){const t={};for(const n in r)t[e.camelize(n)]=""===r[n]||r[n];return t}const p=e.defineComponent({name:"SimpleTable",props:{},inheritAttrs:!1,setup(t,{attrs:n,expose:o}){const s=e.ref(null);let c=null;const i=new u;let d,a;return e.onMounted(()=>{if(!s.value)return;const e=f(n);c=new r.SimpleTableVanilla(s.value,l(e,i)),c.mount(),d=e.defaultHeaders,a=e.rows}),e.watch(n,function(){if(!c)return;const e=f(n),t=l(e,i),o=Object.assign({},t),s=r.headersStructurallyEqual(d,e.defaultHeaders);d=e.defaultHeaders,s&&delete o.defaultHeaders;const u=r.rowsShallowUnchanged(a,e.rows,e.getRowId);a=e.rows,u&&delete o.rows,c.update(o)},{deep:!0}),e.onUnmounted(()=>{null==c||c.destroy(),c=null,d=void 0,a=void 0,i.clear()}),o({getAPI:()=>{var e;return null!==(e=null==c?void 0:c.getAPI())&&void 0!==e?e:null}}),()=>e.h("div",{ref:s})}});Object.defineProperty(exports,"PIVOT_ACCESSOR_PREFIX",{enumerable:!0,get:function(){return r.PIVOT_ACCESSOR_PREFIX}}),Object.defineProperty(exports,"PIVOT_BLANK_LABEL",{enumerable:!0,get:function(){return r.PIVOT_BLANK_LABEL}}),Object.defineProperty(exports,"PIVOT_CHILDREN_KEY",{enumerable:!0,get:function(){return r.PIVOT_CHILDREN_KEY}}),Object.defineProperty(exports,"PIVOT_IS_TOTAL_KEY",{enumerable:!0,get:function(){return r.PIVOT_IS_TOTAL_KEY}}),Object.defineProperty(exports,"asRows",{enumerable:!0,get:function(){return r.asRows}}),Object.defineProperty(exports,"buildPivotAccessor",{enumerable:!0,get:function(){return r.buildPivotAccessor}}),Object.defineProperty(exports,"buildPivotRowTotalAccessor",{enumerable:!0,get:function(){return r.buildPivotRowTotalAccessor}}),Object.defineProperty(exports,"pivotRows",{enumerable:!0,get:function(){return r.pivotRows}}),exports.SimpleTable=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),r=require("simple-table-core");function n(e,r){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(n[t[o]]=e[t[o]])}return n}function t(r,n){return t=>{const o=document.createElement("div");return e.render(e.h(n,t),o),r.register(o,()=>e.render(null,o)),o}}function o(r,n,t,o){const s="cell"===t?r.cellRendererCache:r.headerRendererCache,d=s.get(n);if(d)return d.component=o,d.wrapped;const l={component:o,wrapped:null},i=n=>{const t=document.createElement("div");return e.render(e.h(l.component,n),t),r.register(t,()=>e.render(null,t)),t};return l.wrapped=i,s.set(n,l),i}function s(r,n){const t=document.createElement("div");return e.render(n,t),r.register(t,()=>e.render(null,t)),t}function d(r){const n=document.createElement("div");e.render(r,n);const t=n.innerHTML;return e.render(null,n),t}function l(e){return"object"==typeof e||"function"==typeof e}function i(e,r){const{cellRenderer:t,headerRenderer:s,children:d,nestedTable:l}=e,u=n(e,["cellRenderer","headerRenderer","children","nestedTable"]),a=String(e.accessor),p=Object.assign({},u);if(t&&(p.cellRenderer="object"==typeof t?o(r,a,"cell",t):t),s&&(p.headerRenderer="object"==typeof s?o(r,a,"header",s):s),d&&(p.children=d.map(e=>i(e,r))),l){const e=Object.assign(Object.assign({},l),{rows:[]});p.nestedTable=c(e,r)}return p}function u(e){var r;const n=null!==(r=e.columns)&&void 0!==r?r:e.defaultHeaders;if(!n)throw new Error("SimpleTable requires `columns` or `defaultHeaders`");return n}function c(e,o){const{rows:c,footerRenderer:a,emptyStateRenderer:p,errorStateRenderer:f,loadingStateRenderer:m,tableEmptyStateRenderer:R,headerDropdown:h,columnEditorConfig:b,icons:g,rowButtons:O,enableColumnEditor:w,editColumns:v,enableColumnEditorInitOpen:y,editColumnsInitOpen:E,enablePagination:C,shouldPaginate:S,onTableReady:P,onGridReady:j,hoverRowBackground:T,useHoverRowBackground:I,oddColumnBackground:B,useOddColumnBackground:A,oddEvenRowBackground:_,useOddEvenRowBackground:k}=e,H=n(e,["defaultHeaders","columns","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","rowButtons","enableColumnEditor","editColumns","enableColumnEditorInitOpen","editColumnsInitOpen","enablePagination","shouldPaginate","onTableReady","onGridReady","hoverRowBackground","useHoverRowBackground","oddColumnBackground","useOddColumnBackground","oddEvenRowBackground","useOddEvenRowBackground"]),x=u(e);o.pruneRendererCaches(r.collectHeaderAccessors(x));const L=Object.assign(Object.assign({},H),{rows:c,defaultHeaders:x.map(e=>i(e,o)),editColumns:null!=w?w:v,editColumnsInitOpen:null!=y?y:E,shouldPaginate:null!=C?C:S,onGridReady:null!=P?P:j,useHoverRowBackground:null!=T?T:I,useOddColumnBackground:null!=B?B:A,useOddEvenRowBackground:null!=_?_:k,onRendererHostDiscard:o.disposeHost});if(void 0!==a&&(L.footerRenderer="object"==typeof a?t(o,a):a),void 0!==p)if(l(p))L.emptyStateRenderer=t(o,p);else{const e=p;L.emptyStateRenderer=()=>s(o,e)}if(void 0!==f)if(l(f))L.errorStateRenderer=t(o,f);else{const e=f;L.errorStateRenderer=()=>s(o,e)}if(void 0!==m)if(l(m))L.loadingStateRenderer=t(o,m);else{const e=m;L.loadingStateRenderer=()=>s(o,e)}return void 0!==R&&(L.tableEmptyStateRenderer=null===R?null:R instanceof HTMLElement||"string"==typeof R?R:s(o,R)),void 0!==h&&(L.headerDropdown=t(o,h)),void 0!==b&&(L.columnEditorConfig=function(e,r){const{rowRenderer:o,customRenderer:s}=e,d=n(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},d),o?{rowRenderer:t(r,o)}:{}),s?{customRenderer:t(r,s)}:{})}(b,o)),void 0!==g&&(L.icons=function(e){const r={};for(const[n,t]of Object.entries(e))null!=t&&(r[n]="string"==typeof t||t instanceof HTMLElement||t instanceof SVGElement?t:d(t));return r}(g)),void 0!==O&&(L.rowButtons=O.map(e=>t(o,e))),L}"function"==typeof SuppressedError&&SuppressedError;const a="data-st-mount-id";class p{constructor(){this.entries=new Map,this.nextId=0,this.cellRendererCache=new Map,this.headerRendererCache=new Map,this.disposeHost=e=>{if("function"!=typeof e.getAttribute)return;const r=[],n=e.getAttribute(a);null!==n&&r.push(n),e.querySelectorAll(`[${a}]`).forEach(e=>{const n=e.getAttribute(a);null!==n&&r.push(n)});for(const e of r){const r=this.entries.get(e);r&&(this.entries.delete(e),r())}}}register(e,r){const n="st-mount-"+this.nextId++;e.setAttribute(a,n),this.entries.set(n,r)}clear(){this.cellRendererCache.clear(),this.headerRendererCache.clear();for(const e of this.entries.values())e();this.entries.clear()}pruneRendererCaches(e){for(const r of this.cellRendererCache.keys())e.has(r)||this.cellRendererCache.delete(r);for(const r of this.headerRendererCache.keys())e.has(r)||this.headerRendererCache.delete(r)}get size(){return this.entries.size}}function f(r){const n={};for(const t in r)n[e.camelize(t)]=""===r[t]||r[t];return n}const m=e.defineComponent({name:"SimpleTable",props:{},inheritAttrs:!1,setup(n,{attrs:t,expose:o}){const s=e.ref(null);let d=null;const l=new p;let i,a;return e.onMounted(()=>{if(!s.value)return;const e=f(t);d=new r.SimpleTableVanilla(s.value,c(e,l)),d.mount(),i=u(e),a=e.rows}),e.watch(t,function(){if(!d)return;const e=f(t),n=c(e,l),o=Object.assign({},n),s=u(e),p=r.headersStructurallyEqual(i,s);i=s,p&&delete o.defaultHeaders;const m=r.rowsShallowUnchanged(a,e.rows,e.getRowId);a=e.rows,m&&delete o.rows,d.update(o)},{deep:!0}),e.onUnmounted(()=>{null==d||d.destroy(),d=null,i=void 0,a=void 0,l.clear()}),o({getAPI:()=>{var e;return null!==(e=null==d?void 0:d.getAPI())&&void 0!==e?e:null}}),()=>e.h("div",{ref:s})}});Object.defineProperty(exports,"PIVOT_ACCESSOR_PREFIX",{enumerable:!0,get:function(){return r.PIVOT_ACCESSOR_PREFIX}}),Object.defineProperty(exports,"PIVOT_BLANK_LABEL",{enumerable:!0,get:function(){return r.PIVOT_BLANK_LABEL}}),Object.defineProperty(exports,"PIVOT_CHILDREN_KEY",{enumerable:!0,get:function(){return r.PIVOT_CHILDREN_KEY}}),Object.defineProperty(exports,"PIVOT_IS_TOTAL_KEY",{enumerable:!0,get:function(){return r.PIVOT_IS_TOTAL_KEY}}),Object.defineProperty(exports,"asRows",{enumerable:!0,get:function(){return r.asRows}}),Object.defineProperty(exports,"buildPivotAccessor",{enumerable:!0,get:function(){return r.buildPivotAccessor}}),Object.defineProperty(exports,"buildPivotRowTotalAccessor",{enumerable:!0,get:function(){return r.buildPivotRowTotalAccessor}}),Object.defineProperty(exports,"pivotRows",{enumerable:!0,get:function(){return r.pivotRows}}),exports.SimpleTable=m;
 //# sourceMappingURL=index.js.map

package/dist/index.es.js

@@ -1,2 +1,2 @@
-import{render as e,h as t,defineComponent as r,ref as n,onMounted as o,watch as s,onUnmounted as c,camelize as i}from"vue";import{collectHeaderAccessors as d,SimpleTableVanilla as l,headersStructurallyEqual as a,rowsShallowUnchanged as u}from"simple-table-core";export{PIVOT_ACCESSOR_PREFIX,PIVOT_BLANK_LABEL,PIVOT_CHILDREN_KEY,PIVOT_IS_TOTAL_KEY,asRows,buildPivotAccessor,buildPivotRowTotalAccessor,pivotRows}from"simple-table-core";function f(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function p(r,n){return o=>{const s=document.createElement("div");return e(t(n,o),s),r.register(s,()=>e(null,s)),s}}function h(r,n,o,s){const c="cell"===o?r.cellRendererCache:r.headerRendererCache,i=c.get(n);if(i)return i.component=s,i.wrapped;const d={component:s,wrapped:null},l=n=>{const o=document.createElement("div");return e(t(d.component,n),o),r.register(o,()=>e(null,o)),o};return d.wrapped=l,c.set(n,d),l}function R(t,r){const n=document.createElement("div");return e(r,n),t.register(n,()=>e(null,n)),n}function m(t){const r=document.createElement("div");e(t,r);const n=r.innerHTML;return e(null,r),n}function b(e){return"object"==typeof e||"function"==typeof e}function g(e,t){const{cellRenderer:r,headerRenderer:n,children:o,nestedTable:s}=e,c=f(e,["cellRenderer","headerRenderer","children","nestedTable"]),i=String(e.accessor),d=Object.assign({},c);if(r&&(d.cellRenderer="object"==typeof r?h(t,i,"cell",r):r),n&&(d.headerRenderer="object"==typeof n?h(t,i,"header",n):n),o&&(d.children=o.map(e=>g(e,t))),s){const e=Object.assign(Object.assign({},s),{rows:[]});d.nestedTable=w(e,t)}return d}function w(e,t){const{defaultHeaders:r,rows:n,footerRenderer:o,emptyStateRenderer:s,errorStateRenderer:c,loadingStateRenderer:i,tableEmptyStateRenderer:l,headerDropdown:a,columnEditorConfig:u,icons:h,rowButtons:w}=e,v=f(e,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","rowButtons"]);t.pruneRendererCaches(d(r));const y=Object.assign(Object.assign({},v),{rows:n,defaultHeaders:r.map(e=>g(e,t)),onRendererHostDiscard:t.disposeHost});if(void 0!==o&&(y.footerRenderer="object"==typeof o?p(t,o):o),void 0!==s)if(b(s))y.emptyStateRenderer=p(t,s);else{const e=s;y.emptyStateRenderer=()=>R(t,e)}if(void 0!==c)if(b(c))y.errorStateRenderer=p(t,c);else{const e=c;y.errorStateRenderer=()=>R(t,e)}if(void 0!==i)if(b(i))y.loadingStateRenderer=p(t,i);else{const e=i;y.loadingStateRenderer=()=>R(t,e)}return void 0!==l&&(y.tableEmptyStateRenderer=null===l?null:l instanceof HTMLElement||"string"==typeof l?l:R(t,l)),void 0!==a&&(y.headerDropdown=p(t,a)),void 0!==u&&(y.columnEditorConfig=function(e,t){const{rowRenderer:r,customRenderer:n}=e,o=f(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},o),r?{rowRenderer:p(t,r)}:{}),n?{customRenderer:p(t,n)}:{})}(u,t)),void 0!==h&&(y.icons=function(e){const t={};for(const[r,n]of Object.entries(e))null!=n&&(t[r]="string"==typeof n||n instanceof HTMLElement||n instanceof SVGElement?n:m(n));return t}(h)),void 0!==w&&(y.rowButtons=w.map(e=>p(t,e))),y}"function"==typeof SuppressedError&&SuppressedError;const v="data-st-mount-id";class y{constructor(){this.entries=new Map,this.nextId=0,this.cellRendererCache=new Map,this.headerRendererCache=new Map,this.disposeHost=e=>{if("function"!=typeof e.getAttribute)return;const t=[],r=e.getAttribute(v);null!==r&&t.push(r),e.querySelectorAll(`[${v}]`).forEach(e=>{const r=e.getAttribute(v);null!==r&&t.push(r)});for(const e of t){const t=this.entries.get(e);t&&(this.entries.delete(e),t())}}}register(e,t){const r="st-mount-"+this.nextId++;e.setAttribute(v,r),this.entries.set(r,t)}clear(){this.cellRendererCache.clear(),this.headerRendererCache.clear();for(const e of this.entries.values())e();this.entries.clear()}pruneRendererCaches(e){for(const t of this.cellRendererCache.keys())e.has(t)||this.cellRendererCache.delete(t);for(const t of this.headerRendererCache.keys())e.has(t)||this.headerRendererCache.delete(t)}get size(){return this.entries.size}}function S(e){const t={};for(const r in e)t[i(r)]=""===e[r]||e[r];return t}const O=r({name:"SimpleTable",props:{},inheritAttrs:!1,setup(e,{attrs:r,expose:i}){const d=n(null);let f=null;const p=new y;let h,R;return o(()=>{if(!d.value)return;const e=S(r);f=new l(d.value,w(e,p)),f.mount(),h=e.defaultHeaders,R=e.rows}),s(r,function(){if(!f)return;const e=S(r),t=w(e,p),n=Object.assign({},t),o=a(h,e.defaultHeaders);h=e.defaultHeaders,o&&delete n.defaultHeaders;const s=u(R,e.rows,e.getRowId);R=e.rows,s&&delete n.rows,f.update(n)},{deep:!0}),c(()=>{null==f||f.destroy(),f=null,h=void 0,R=void 0,p.clear()}),i({getAPI:()=>{var e;return null!==(e=null==f?void 0:f.getAPI())&&void 0!==e?e:null}}),()=>t("div",{ref:d})}});export{O as SimpleTable};
+import{render as e,h as n,defineComponent as t,ref as r,onMounted as o,watch as s,onUnmounted as d,camelize as l}from"vue";import{collectHeaderAccessors as i,SimpleTableVanilla as c,headersStructurallyEqual as a,rowsShallowUnchanged as u}from"simple-table-core";export{PIVOT_ACCESSOR_PREFIX,PIVOT_BLANK_LABEL,PIVOT_CHILDREN_KEY,PIVOT_IS_TOTAL_KEY,asRows,buildPivotAccessor,buildPivotRowTotalAccessor,pivotRows}from"simple-table-core";function f(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}function p(t,r){return o=>{const s=document.createElement("div");return e(n(r,o),s),t.register(s,()=>e(null,s)),s}}function R(t,r,o,s){const d="cell"===o?t.cellRendererCache:t.headerRendererCache,l=d.get(r);if(l)return l.component=s,l.wrapped;const i={component:s,wrapped:null},c=r=>{const o=document.createElement("div");return e(n(i.component,r),o),t.register(o,()=>e(null,o)),o};return i.wrapped=c,d.set(r,i),c}function m(n,t){const r=document.createElement("div");return e(t,r),n.register(r,()=>e(null,r)),r}function h(n){const t=document.createElement("div");e(n,t);const r=t.innerHTML;return e(null,t),r}function g(e){return"object"==typeof e||"function"==typeof e}function b(e,n){const{cellRenderer:t,headerRenderer:r,children:o,nestedTable:s}=e,d=f(e,["cellRenderer","headerRenderer","children","nestedTable"]),l=String(e.accessor),i=Object.assign({},d);if(t&&(i.cellRenderer="object"==typeof t?R(n,l,"cell",t):t),r&&(i.headerRenderer="object"==typeof r?R(n,l,"header",r):r),o&&(i.children=o.map(e=>b(e,n))),s){const e=Object.assign(Object.assign({},s),{rows:[]});i.nestedTable=v(e,n)}return i}function w(e){var n;const t=null!==(n=e.columns)&&void 0!==n?n:e.defaultHeaders;if(!t)throw new Error("SimpleTable requires `columns` or `defaultHeaders`");return t}function v(e,n){const{rows:t,footerRenderer:r,emptyStateRenderer:o,errorStateRenderer:s,loadingStateRenderer:d,tableEmptyStateRenderer:l,headerDropdown:c,columnEditorConfig:a,icons:u,rowButtons:R,enableColumnEditor:v,editColumns:O,enableColumnEditorInitOpen:y,editColumnsInitOpen:C,enablePagination:E,shouldPaginate:S,onTableReady:B,onGridReady:j,hoverRowBackground:I,useHoverRowBackground:k,oddColumnBackground:P,useOddColumnBackground:T,oddEvenRowBackground:H,useOddEvenRowBackground:A}=e,_=f(e,["defaultHeaders","columns","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","rowButtons","enableColumnEditor","editColumns","enableColumnEditorInitOpen","editColumnsInitOpen","enablePagination","shouldPaginate","onTableReady","onGridReady","hoverRowBackground","useHoverRowBackground","oddColumnBackground","useOddColumnBackground","oddEvenRowBackground","useOddEvenRowBackground"]),L=w(e);n.pruneRendererCaches(i(L));const x=Object.assign(Object.assign({},_),{rows:t,defaultHeaders:L.map(e=>b(e,n)),editColumns:null!=v?v:O,editColumnsInitOpen:null!=y?y:C,shouldPaginate:null!=E?E:S,onGridReady:null!=B?B:j,useHoverRowBackground:null!=I?I:k,useOddColumnBackground:null!=P?P:T,useOddEvenRowBackground:null!=H?H:A,onRendererHostDiscard:n.disposeHost});if(void 0!==r&&(x.footerRenderer="object"==typeof r?p(n,r):r),void 0!==o)if(g(o))x.emptyStateRenderer=p(n,o);else{const e=o;x.emptyStateRenderer=()=>m(n,e)}if(void 0!==s)if(g(s))x.errorStateRenderer=p(n,s);else{const e=s;x.errorStateRenderer=()=>m(n,e)}if(void 0!==d)if(g(d))x.loadingStateRenderer=p(n,d);else{const e=d;x.loadingStateRenderer=()=>m(n,e)}return void 0!==l&&(x.tableEmptyStateRenderer=null===l?null:l instanceof HTMLElement||"string"==typeof l?l:m(n,l)),void 0!==c&&(x.headerDropdown=p(n,c)),void 0!==a&&(x.columnEditorConfig=function(e,n){const{rowRenderer:t,customRenderer:r}=e,o=f(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},o),t?{rowRenderer:p(n,t)}:{}),r?{customRenderer:p(n,r)}:{})}(a,n)),void 0!==u&&(x.icons=function(e){const n={};for(const[t,r]of Object.entries(e))null!=r&&(n[t]="string"==typeof r||r instanceof HTMLElement||r instanceof SVGElement?r:h(r));return n}(u)),void 0!==R&&(x.rowButtons=R.map(e=>p(n,e))),x}"function"==typeof SuppressedError&&SuppressedError;const O="data-st-mount-id";class y{constructor(){this.entries=new Map,this.nextId=0,this.cellRendererCache=new Map,this.headerRendererCache=new Map,this.disposeHost=e=>{if("function"!=typeof e.getAttribute)return;const n=[],t=e.getAttribute(O);null!==t&&n.push(t),e.querySelectorAll(`[${O}]`).forEach(e=>{const t=e.getAttribute(O);null!==t&&n.push(t)});for(const e of n){const n=this.entries.get(e);n&&(this.entries.delete(e),n())}}}register(e,n){const t="st-mount-"+this.nextId++;e.setAttribute(O,t),this.entries.set(t,n)}clear(){this.cellRendererCache.clear(),this.headerRendererCache.clear();for(const e of this.entries.values())e();this.entries.clear()}pruneRendererCaches(e){for(const n of this.cellRendererCache.keys())e.has(n)||this.cellRendererCache.delete(n);for(const n of this.headerRendererCache.keys())e.has(n)||this.headerRendererCache.delete(n)}get size(){return this.entries.size}}function C(e){const n={};for(const t in e)n[l(t)]=""===e[t]||e[t];return n}const E=t({name:"SimpleTable",props:{},inheritAttrs:!1,setup(e,{attrs:t,expose:l}){const i=r(null);let f=null;const p=new y;let R,m;return o(()=>{if(!i.value)return;const e=C(t);f=new c(i.value,v(e,p)),f.mount(),R=w(e),m=e.rows}),s(t,function(){if(!f)return;const e=C(t),n=v(e,p),r=Object.assign({},n),o=w(e),s=a(R,o);R=o,s&&delete r.defaultHeaders;const d=u(m,e.rows,e.getRowId);m=e.rows,d&&delete r.rows,f.update(r)},{deep:!0}),d(()=>{null==f||f.destroy(),f=null,R=void 0,m=void 0,p.clear()}),l({getAPI:()=>{var e;return null!==(e=null==f?void 0:f.getAPI())&&void 0!==e?e:null}}),()=>n("div",{ref:i})}});export{E as SimpleTable};
 //# sourceMappingURL=index.es.js.map

package/dist/types/{vue/src/MountRegistry.d.ts → MountRegistry.d.ts}

@@ -1,15 +1,15 @@
-export type CachedRendererSlot<T = unknown> = {
-    component: T;
-    wrapped: unknown;
-};
-export declare class MountRegistry {
-    private entries;
-    private nextId;
-    readonly cellRendererCache: Map<string, CachedRendererSlot<unknown>>;
-    readonly headerRendererCache: Map<string, CachedRendererSlot<unknown>>;
-    register(container: HTMLElement, dispose: () => void): void;
-    disposeHost: (host: HTMLElement) => void;
-    clear(): void;
-    pruneRendererCaches(liveAccessors: ReadonlySet<string>): void;
-    get size(): number;
-}
+export type CachedRendererSlot<T = unknown> = {
+    component: T;
+    wrapped: unknown;
+};
+export declare class MountRegistry {
+    private entries;
+    private nextId;
+    readonly cellRendererCache: Map<string, CachedRendererSlot<unknown>>;
+    readonly headerRendererCache: Map<string, CachedRendererSlot<unknown>>;
+    register(container: HTMLElement, dispose: () => void): void;
+    disposeHost: (host: HTMLElement) => void;
+    clear(): void;
+    pruneRendererCaches(liveAccessors: ReadonlySet<string>): void;
+    get size(): number;
+}

package/dist/types/{vue/src/SimpleTable.d.ts → SimpleTable.d.ts}

@@ -1,4 +1,4 @@
-declare const SimpleTable: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default SimpleTable;
+declare const SimpleTable: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default SimpleTable;

package/dist/types/buildVanillaConfig.d.ts

@@ -0,0 +1,6 @@
+import type { SimpleTableConfig, HeaderObject } from "simple-table-core";
+import type { SimpleTableVueProps, VueHeaderObject } from "./types";
+import type { MountRegistry } from "./MountRegistry";
+/** Resolve preferred `columns` or legacy `defaultHeaders`. */
+export declare function resolveVueColumns(config: Pick<SimpleTableVueProps, "columns" | "defaultHeaders">): ReadonlyArray<HeaderObject | VueHeaderObject>;
+export declare function buildVanillaConfig(config: SimpleTableVueProps, registry: MountRegistry): SimpleTableConfig;

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+export { default as SimpleTable } from "./SimpleTable";
+export { asRows } from "simple-table-core";
+export type { SimpleTableVueProps, TableInstance, VueHeaderObject, VueColumnDef, VueColumnEditorConfig, VueIconsConfig, VueIconElement, VueCellRenderer, VueHeaderRenderer, VueFooterRenderer, VueHeaderDropdown, VueColumnEditorRowRenderer, VueColumnEditorCustomRenderer, VueRowButton, VueLoadingStateRenderer, VueErrorStateRenderer, VueEmptyStateRenderer, } from "./types";
+export type { Accessor, AggregationConfig, AggregationType, AnimationsConfig, AutoSizeMode, ColumnDef, Cell, CellChangeProps, CellClickProps, CellRenderer, CellRendererProps, CellValue, ChartOptions, ColumnEditorConfig, ColumnEditorRowRenderer, ColumnEditorRowRendererComponents, ColumnEditorCustomRenderer, ColumnEditorCustomRendererProps, ColumnEditorRowRendererProps, ColumnEditorSearchFunction, ColumnType, ColumnVisibilityState, Comparator, ComparatorProps, CustomTheme, CustomThemeProps, EmptyStateRenderer, EmptyStateRendererProps, EnumOption, ErrorStateRenderer, ErrorStateRendererProps, ExportToCSVProps, ExportValueGetter, ExportValueProps, FilterCondition, FilterOperator, StringFilterOperator, NumberFilterOperator, BooleanFilterOperator, DateFilterOperator, EnumFilterOperator, FooterRendererProps, FooterPosition, GetRowId, GetRowIdParams, HeaderDropdown, HeaderDropdownProps, HeaderObject, HeaderRenderer, HeaderRendererComponents, HeaderRendererProps, IconsConfig, LoadingStateRenderer, LoadingStateRendererProps, OnRowGroupExpandProps, Pinned, PinnedSectionsState, PivotConfig, PivotValueConfig, PivotResult, QuickFilterConfig, QuickFilterGetter, QuickFilterGetterProps, QuickFilterMode, Row, RowButtonProps, RowId, RowSelectionChangeProps, RowSelectionMode, RowState, SetHeaderRenameProps, ShowWhen, SimpleTableConfig, SimpleTableProps, SortColumn, TableAPI, TableFilterState, TableRow, Theme, UpdateDataProps, ValueFormatter, ValueFormatterProps, ValueGetter, ValueGetterProps, } from "simple-table-core";
+export { pivotRows, buildPivotAccessor, buildPivotRowTotalAccessor, PIVOT_CHILDREN_KEY, PIVOT_IS_TOTAL_KEY, PIVOT_ACCESSOR_PREFIX, PIVOT_BLANK_LABEL, } from "simple-table-core";

package/dist/types/{vue/src/types.d.ts → types.d.ts}

@@ -1,63 +1,71 @@
-import type { Component, VNode } from "vue";
-import type { SimpleTableProps, SimpleTableConfig, HeaderObject, Row, TableAPI, CellRendererProps, HeaderRendererProps, FooterRendererProps, LoadingStateRendererProps, ErrorStateRendererProps, EmptyStateRendererProps, HeaderDropdownProps, ColumnEditorRowRendererProps, ColumnEditorCustomRendererProps, ColumnEditorConfig, RowButtonProps } from "simple-table-core";
-export interface TableInstance {
-    mount(): void;
-    update(config: Partial<SimpleTableConfig>): void;
-    destroy(): void;
-    getAPI(): TableAPI;
-}
-export type VueIconElement = VNode;
-export interface VueIconsConfig {
-    drag?: VueIconElement;
-    expand?: VueIconElement;
-    filter?: VueIconElement;
-    headerCollapse?: VueIconElement;
-    headerExpand?: VueIconElement;
-    next?: VueIconElement;
-    prev?: VueIconElement;
-    sortDown?: VueIconElement;
-    sortUp?: VueIconElement;
-    pinnedLeftIcon?: VueIconElement;
-    pinnedRightIcon?: VueIconElement;
-}
-export type VueCellRenderer = Component<CellRendererProps>;
-export type VueHeaderRenderer = Component<HeaderRendererProps>;
-export type VueFooterRenderer = Component<FooterRendererProps>;
-export type VueHeaderDropdown = Component<HeaderDropdownProps>;
-export type VueColumnEditorRowRenderer = Component<ColumnEditorRowRendererProps>;
-export type VueColumnEditorCustomRenderer = Component<ColumnEditorCustomRendererProps>;
-export type VueRowButton = Component<RowButtonProps>;
-export type VueLoadingStateRenderer = Component<LoadingStateRendererProps> | VNode;
-export type VueErrorStateRenderer = Component<ErrorStateRendererProps> | VNode;
-export type VueEmptyStateRenderer = Component<EmptyStateRendererProps> | VNode;
-export interface VueColumnEditorConfig extends Omit<ColumnEditorConfig, "rowRenderer" | "customRenderer"> {
-    rowRenderer?: VueColumnEditorRowRenderer;
-    customRenderer?: VueColumnEditorCustomRenderer;
-}
-/**
- * Column definition for `defaultHeaders`: core column metadata with Vue-only
- * `cellRenderer` / `headerRenderer` / `children` / `nestedTable`.
- * `defaultHeaders` also accepts plain `HeaderObject[]` from shared configs.
- */
-export interface VueHeaderObject extends Omit<HeaderObject, "cellRenderer" | "headerRenderer" | "children" | "nestedTable"> {
-    cellRenderer?: VueCellRenderer;
-    headerRenderer?: VueHeaderRenderer;
-    children?: VueHeaderObject[];
-    nestedTable?: Omit<SimpleTableVueProps, "rows" | "loadingStateRenderer" | "errorStateRenderer" | "emptyStateRenderer" | "tableEmptyStateRenderer">;
-}
-export interface SimpleTableVueProps extends Omit<SimpleTableProps, "rows" | "defaultHeaders" | "footerRenderer" | "emptyStateRenderer" | "errorStateRenderer" | "loadingStateRenderer" | "tableEmptyStateRenderer" | "headerDropdown" | "columnEditorConfig" | "icons" | "rowButtons"> {
-    defaultHeaders: ReadonlyArray<HeaderObject | VueHeaderObject>;
-    /** Row data: domain objects or core `Row[]`; cast inside the adapter. */
-    rows: ReadonlyArray<Row> | ReadonlyArray<object>;
-    footerRenderer?: VueFooterRenderer;
-    loadingStateRenderer?: VueLoadingStateRenderer;
-    errorStateRenderer?: VueErrorStateRenderer;
-    emptyStateRenderer?: VueEmptyStateRenderer;
-    tableEmptyStateRenderer?: VNode | HTMLElement | string | null;
-    headerDropdown?: VueHeaderDropdown;
-    columnEditorConfig?: VueColumnEditorConfig;
-    icons?: VueIconsConfig;
-    /** Per-row action buttons; each entry is a Vue component rendered into the row's selection column. */
-    rowButtons?: VueRowButton[];
-}
-export type { CellRendererProps, HeaderRendererProps, FooterRendererProps, LoadingStateRendererProps, ErrorStateRendererProps, EmptyStateRendererProps, HeaderDropdownProps, ColumnEditorRowRendererProps, ColumnEditorCustomRendererProps, };
+import type { Component, VNode } from "vue";
+import type { SimpleTableProps, SimpleTableConfig, HeaderObject, Row, TableAPI, CellRendererProps, HeaderRendererProps, FooterRendererProps, LoadingStateRendererProps, ErrorStateRendererProps, EmptyStateRendererProps, HeaderDropdownProps, ColumnEditorRowRendererProps, ColumnEditorCustomRendererProps, ColumnEditorConfig, RowButtonProps } from "simple-table-core";
+export interface TableInstance {
+    mount(): void;
+    update(config: Partial<SimpleTableConfig>): void;
+    destroy(): void;
+    getAPI(): TableAPI;
+}
+export type VueIconElement = VNode;
+export interface VueIconsConfig {
+    drag?: VueIconElement;
+    expand?: VueIconElement;
+    filter?: VueIconElement;
+    headerCollapse?: VueIconElement;
+    headerExpand?: VueIconElement;
+    next?: VueIconElement;
+    prev?: VueIconElement;
+    sortDown?: VueIconElement;
+    sortUp?: VueIconElement;
+    pinnedLeftIcon?: VueIconElement;
+    pinnedRightIcon?: VueIconElement;
+}
+export type VueCellRenderer = Component<CellRendererProps>;
+export type VueHeaderRenderer = Component<HeaderRendererProps>;
+export type VueFooterRenderer = Component<FooterRendererProps>;
+export type VueHeaderDropdown = Component<HeaderDropdownProps>;
+export type VueColumnEditorRowRenderer = Component<ColumnEditorRowRendererProps>;
+export type VueColumnEditorCustomRenderer = Component<ColumnEditorCustomRendererProps>;
+export type VueRowButton = Component<RowButtonProps>;
+export type VueLoadingStateRenderer = Component<LoadingStateRendererProps> | VNode;
+export type VueErrorStateRenderer = Component<ErrorStateRendererProps> | VNode;
+export type VueEmptyStateRenderer = Component<EmptyStateRendererProps> | VNode;
+export interface VueColumnEditorConfig extends Omit<ColumnEditorConfig, "rowRenderer" | "customRenderer"> {
+    rowRenderer?: VueColumnEditorRowRenderer;
+    customRenderer?: VueColumnEditorCustomRenderer;
+}
+/**
+ * Column definition for `columns` / `defaultHeaders`: core column metadata with
+ * Vue-only `cellRenderer` / `headerRenderer` / `children` / `nestedTable`.
+ * `columns` / `defaultHeaders` also accept plain `HeaderObject[]` from shared configs.
+ */
+export interface VueHeaderObject extends Omit<HeaderObject, "cellRenderer" | "headerRenderer" | "children" | "nestedTable"> {
+    cellRenderer?: VueCellRenderer;
+    headerRenderer?: VueHeaderRenderer;
+    children?: VueHeaderObject[];
+    nestedTable?: Omit<SimpleTableVueProps, "rows" | "loadingStateRenderer" | "errorStateRenderer" | "emptyStateRenderer" | "tableEmptyStateRenderer">;
+}
+/** Preferred name for Vue column definitions. Alias of {@link VueHeaderObject}. */
+export type VueColumnDef = VueHeaderObject;
+export interface SimpleTableVueProps extends Omit<SimpleTableProps, "rows" | "defaultHeaders" | "columns" | "footerRenderer" | "emptyStateRenderer" | "errorStateRenderer" | "loadingStateRenderer" | "tableEmptyStateRenderer" | "headerDropdown" | "columnEditorConfig" | "icons" | "rowButtons"> {
+    /**
+     * Column definitions.
+     * @deprecated Prefer {@link columns}
+     */
+    defaultHeaders?: ReadonlyArray<HeaderObject | VueHeaderObject>;
+    /** Column definitions. Preferred over `defaultHeaders`. */
+    columns?: ReadonlyArray<HeaderObject | VueHeaderObject>;
+    /** Row data: domain objects or core `Row[]`; cast inside the adapter. */
+    rows: ReadonlyArray<Row> | ReadonlyArray<object>;
+    footerRenderer?: VueFooterRenderer;
+    loadingStateRenderer?: VueLoadingStateRenderer;
+    errorStateRenderer?: VueErrorStateRenderer;
+    emptyStateRenderer?: VueEmptyStateRenderer;
+    tableEmptyStateRenderer?: VNode | HTMLElement | string | null;
+    headerDropdown?: VueHeaderDropdown;
+    columnEditorConfig?: VueColumnEditorConfig;
+    icons?: VueIconsConfig;
+    /** Per-row action buttons; each entry is a Vue component rendered into the row's selection column. */
+    rowButtons?: VueRowButton[];
+}
+export type { CellRendererProps, HeaderRendererProps, FooterRendererProps, LoadingStateRendererProps, ErrorStateRendererProps, EmptyStateRendererProps, HeaderDropdownProps, ColumnEditorRowRendererProps, ColumnEditorCustomRendererProps, };

package/dist/types/{vue/src/utils → utils}/wrapVueRenderer.d.ts

@@ -1,29 +1,29 @@
-import { type Component, type VNode } from "vue";
-import type { MountRegistry } from "../MountRegistry";
-/**
- * Wraps a Vue 3 component into a function that returns an HTMLElement, matching
- * the vanilla renderer contract expected by simple-table-core.
- *
- * Uses Vue 3's low-level render() + h() which is synchronous, so the element
- * is fully populated before it is returned to the vanilla rendering pipeline.
- * The mount is registered so core's `onRendererHostDiscard` can unmount it
- * (including any `<Teleport>` / floating UI) when the host is discarded.
- */
-export declare function wrapVueRenderer<P extends object>(registry: MountRegistry, component: Component): (props: P) => HTMLElement;
-/**
- * Like {@link wrapVueRenderer}, but reuses one wrapper per accessor so
- * unstable column rebuilds keep a stable function identity on HeaderObject.
- */
-export declare function wrapCachedVueRenderer<P extends object>(registry: MountRegistry, accessor: string, kind: "cell" | "header", component: Component): (props: P) => HTMLElement;
-/**
- * Renders a static VNode into an HTMLElement.
- * Used for props like tableEmptyStateRenderer that are not called with arguments.
- */
-export declare function wrapVueNode(registry: MountRegistry, node: VNode): HTMLElement;
-/**
- * Converts a VNode to an HTML string.
- * Used for icon props where vanilla expects string | HTMLElement | SVGSVGElement.
- */
-export declare function vueNodeToHtmlString(node: VNode): string;
-/** Returns true if the value is a Vue component (object or function). */
-export declare function isVueComponent(value: unknown): value is Component;
+import { type Component, type VNode } from "vue";
+import type { MountRegistry } from "../MountRegistry";
+/**
+ * Wraps a Vue 3 component into a function that returns an HTMLElement, matching
+ * the vanilla renderer contract expected by simple-table-core.
+ *
+ * Uses Vue 3's low-level render() + h() which is synchronous, so the element
+ * is fully populated before it is returned to the vanilla rendering pipeline.
+ * The mount is registered so core's `onRendererHostDiscard` can unmount it
+ * (including any `<Teleport>` / floating UI) when the host is discarded.
+ */
+export declare function wrapVueRenderer<P extends object>(registry: MountRegistry, component: Component): (props: P) => HTMLElement;
+/**
+ * Like {@link wrapVueRenderer}, but reuses one wrapper per accessor so
+ * unstable column rebuilds keep a stable function identity on HeaderObject.
+ */
+export declare function wrapCachedVueRenderer<P extends object>(registry: MountRegistry, accessor: string, kind: "cell" | "header", component: Component): (props: P) => HTMLElement;
+/**
+ * Renders a static VNode into an HTMLElement.
+ * Used for props like tableEmptyStateRenderer that are not called with arguments.
+ */
+export declare function wrapVueNode(registry: MountRegistry, node: VNode): HTMLElement;
+/**
+ * Converts a VNode to an HTML string.
+ * Used for icon props where vanilla expects string | HTMLElement | SVGSVGElement.
+ */
+export declare function vueNodeToHtmlString(node: VNode): string;
+/** Returns true if the value is a Vue component (object or function). */
+export declare function isVueComponent(value: unknown): value is Component;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@simple-table/vue",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
-  "types": "dist/types/vue/src/index.d.ts",
+  "types": "dist/types/index.d.ts",
   "sideEffects": [
     "*.css",
     "**/*.css"
@@ -12,9 +12,12 @@
     ".": {
       "import": "./dist/index.es.js",
       "require": "./dist/cjs/index.js",
-      "types": "./dist/types/vue/src/index.d.ts"
+      "types": "./dist/types/index.d.ts"
     },
-    "./styles.css": "./dist/styles.css"
+    "./styles.css": {
+      "types": "./styles.css.d.ts",
+      "default": "./dist/styles.css"
+    }
   },
   "license": "Community",
   "publishConfig": {
@@ -22,13 +25,14 @@
   },
   "files": [
     "dist",
-    "LICENSE"
+    "LICENSE",
+    "styles.css.d.ts"
   ],
   "peerDependencies": {
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "simple-table-core": "4.0.0"
+    "simple-table-core": "4.0.2"
   },
   "devDependencies": {
     "@rollup/plugin-alias": "4.0.0",
@@ -40,7 +44,8 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.37.0",
-    "typescript": "^4.9.5",
+    "tslib": "^2.8.1",
+    "typescript": "^5.0.0",
     "vitest": "^2.1.9",
     "vue": "^3.0.0"
   },
@@ -97,6 +102,7 @@
   "scripts": {
     "build": "rollup -c",
     "preview": "rollup -c -w",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "vitest run",
     "version:patch": "npm version patch && git push && git push --tags",
     "version:minor": "npm version minor && git push && git push --tags",

package/styles.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/core/src/consts/column-constraints.d.ts

@@ -1,58 +0,0 @@
-/**
- * Column width constraints for the table
- * These values control minimum and maximum widths for columns and sections
- */
-/**
- * MIN_COLUMN_WIDTH
- * The minimum width in pixels that any column can have.
- * This is used as:
- * - The default minimum width when header.minWidth is undefined
- * - The absolute minimum in autoExpandColumns mode to prevent columns from becoming too narrow
- */
-export declare const MIN_COLUMN_WIDTH = 40;
-/**
- * MAX_SINGLE_PINNED_SECTION_PERCENT
- * Maximum percentage of container width that a single pinned section can occupy.
- * When only one section (left OR right) is pinned, it can take up to 60% of the width.
- * This ensures the main section always has at least 40% of the space.
- */
-export declare const MAX_SINGLE_PINNED_SECTION_PERCENT = 0.6;
-/**
- * MAX_DUAL_PINNED_SECTION_PERCENT
- * Maximum percentage of container width that each pinned section can occupy
- * when BOTH left and right sections are pinned.
- * With both sections at 40%, the main section is guaranteed at least 20% of the space.
- */
-export declare const MAX_DUAL_PINNED_SECTION_PERCENT = 0.4;
-/**
- * Mobile breakpoints for responsive pinned section constraints
- */
-export declare const MOBILE_BREAKPOINT_SMALL = 480;
-export declare const MOBILE_BREAKPOINT_MEDIUM = 768;
-/**
- * Get the maximum allowed width percentage for a single pinned section based on container width.
- * This is used when only ONE section (left OR right) is pinned.
- *
- * @param containerWidth - The table container width in pixels (st-body-container)
- * @returns The maximum percentage (0-1) of container width that the pinned section can occupy
- */
-export declare const getMaxSinglePinnedPercent: (containerWidth: number) => number;
-/**
- * Get the maximum allowed width percentage for pinned sections based on container width
- * and the number of pinned sections.
- *
- * @param containerWidth - The table container width in pixels (st-body-container)
- * @param hasPinnedLeft - Whether there is a pinned left section
- * @param hasPinnedRight - Whether there is a pinned right section
- * @returns The maximum percentage (0-1) of container width that each pinned section can occupy
- */
-export declare const getMaxPinnedSectionPercent: (containerWidth: number, hasPinnedLeft: boolean, hasPinnedRight: boolean) => number;
-/**
- * Calculate the maximum width in pixels for a pinned section
- *
- * @param containerWidth - The table container width in pixels (st-body-container)
- * @param hasPinnedLeft - Whether there is a pinned left section
- * @param hasPinnedRight - Whether there is a pinned right section
- * @returns The maximum width in pixels for a pinned section
- */
-export declare const getMaxPinnedSectionWidth: (containerWidth: number, hasPinnedLeft: boolean, hasPinnedRight: boolean) => number;

package/dist/types/core/src/consts/general-consts.d.ts

@@ -1,32 +0,0 @@
-export declare const DRAG_THROTTLE_LIMIT = 50;
-export declare const ROW_SEPARATOR_WIDTH = 1;
-export declare const PAGE_SIZE = 20;
-export declare const CSS_VAR_BORDER_WIDTH = "--st-border-width";
-export declare const DEFAULT_BORDER_WIDTH = 1;
-export declare const VIRTUALIZATION_THRESHOLD = 20;
-export declare const UNVIRTUALIZED_ROW_WARNING_THRESHOLD = 500;
-export declare const OVERSCAN_PIXELS = 800;
-export declare const calculateBufferRowCount: (rowHeight: number) => number;
-export declare const COLUMN_EDIT_WIDTH = 29.5;
-/**
- * Horizontal space reserved for the built-in column-editor toggle strip.
- * Returns 0 when editing is off or the strip is hidden via `showToggle: false`.
- */
-export declare const getColumnEditorStripWidth: (editColumns: boolean | undefined, showToggle?: boolean) => number;
-/**
- * Whether the built-in column-editor toggle strip is visible and takes layout space.
- */
-export declare const isColumnEditorStripVisible: (editColumns: boolean | undefined, showToggle?: boolean) => boolean;
-export declare const TABLE_HEADER_CELL_WIDTH_DEFAULT = 150;
-export declare const PINNED_BORDER_WIDTH = 1;
-export declare const CHART_COLUMN_TYPES: string[];
-export declare const OPTIMAL_CHART_COLUMN_WIDTH = 150;
-export declare const AUTO_SIZE_HEAD_SAMPLE_SIZE = 25;
-export declare const AUTO_SIZE_STRIDED_SAMPLE_SIZE = 75;
-export declare const AUTO_SIZE_MAX_WIDTH = 500;
-export declare const AUTO_SIZE_OUTLIER_PERCENTILE = 95;
-export declare const AUTO_SIZE_OUTLIER_THRESHOLD = 0.5;
-export declare const AUTO_SIZE_MIN_SAMPLE_FOR_CLIP = 20;
-export declare const AUTO_SIZE_WIDTH_BUFFER = 2;
-/** Extra padding reserved around header icons (sort / collapse) during auto-size. */
-export declare const AUTO_SIZE_HEADER_ICON_PADDING = 4;