@simple-table/vue 4.1.4 → 4.1.5

package/dist/cjs/index.js

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

package/dist/index.es.js

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

package/dist/types/MountRegistry.d.ts

@@ -8,6 +8,8 @@ export declare class MountRegistry {
     readonly cellRendererCache: Map<string, CachedRendererSlot<unknown>>;
     readonly headerRendererCache: Map<string, CachedRendererSlot<unknown>>;
     register(container: HTMLElement, dispose: () => void): void;
+    /** True when `container` is a live registered mount host (not yet disposed). */
+    isRegistered(container: HTMLElement): boolean;
     disposeHost: (host: HTMLElement) => void;
     clear(): void;
     pruneRendererCaches(liveAccessors: ReadonlySet<string>): void;

package/dist/types/types.d.ts

@@ -1,4 +1,4 @@
-import type { VNode, VNodeChild } from "vue";
+import type { Component, VNode, VNodeChild } from "vue";
 import type { SimpleTableProps, SimpleTableConfig, ColumnDef, TableAPI, CellValue, CellRendererProps, HeaderRendererProps, FooterRendererProps, LoadingStateRendererProps, ErrorStateRendererProps, EmptyStateRendererProps, HeaderDropdownProps, ColumnEditorRowRendererProps, ColumnEditorCustomRendererProps, ColumnEditorConfig, RowButtonProps } from "simple-table-core";
 /**
  * Default `TData` for Vue props bags / helpers: open records so untyped
@@ -14,6 +14,8 @@ export interface TableInstance {
     update(config: Partial<SimpleTableConfig>): void;
     destroy(): void;
     getAPI(): TableAPI;
+    /** Re-measure `width: "auto"` columns after custom renderer DOM settles. */
+    refitAutoSizeColumns?(): void;
 }
 /**
  * Imperative handle exposed on Vue template refs (`ref="tableRef"`).
@@ -36,16 +38,16 @@ export interface VueIconsConfig {
     pinnedLeftIcon?: VueIconElement;
     pinnedRightIcon?: VueIconElement;
 }
-export type VueCellRenderer<TData extends VueDefaultRowData = VueDefaultRowData, TValue = CellValue> = (props: CellRendererProps<TData, TValue>) => VNodeChild;
-export type VueHeaderRenderer<TData extends VueDefaultRowData = VueDefaultRowData> = (props: HeaderRendererProps<TData>) => VNodeChild;
-export type VueFooterRenderer = (props: FooterRendererProps) => VNodeChild;
-export type VueHeaderDropdown = (props: HeaderDropdownProps) => VNodeChild;
-export type VueColumnEditorRowRenderer = (props: ColumnEditorRowRendererProps) => VNodeChild;
-export type VueColumnEditorCustomRenderer = (props: ColumnEditorCustomRendererProps) => VNodeChild;
-export type VueRowButton<TData extends VueDefaultRowData = VueDefaultRowData> = (props: RowButtonProps<TData>) => VNodeChild;
-export type VueLoadingStateRenderer<TData extends VueDefaultRowData = VueDefaultRowData> = ((props: LoadingStateRendererProps<TData>) => VNodeChild) | VNode;
-export type VueErrorStateRenderer<TData extends VueDefaultRowData = VueDefaultRowData> = ((props: ErrorStateRendererProps<TData>) => VNodeChild) | VNode;
-export type VueEmptyStateRenderer<TData extends VueDefaultRowData = VueDefaultRowData> = ((props: EmptyStateRendererProps<TData>) => VNodeChild) | VNode;
+export type VueCellRenderer<TData extends VueDefaultRowData = VueDefaultRowData, TValue = CellValue> = ((props: CellRendererProps<TData, TValue>) => VNodeChild) | Component;
+export type VueHeaderRenderer<TData extends VueDefaultRowData = VueDefaultRowData> = ((props: HeaderRendererProps<TData>) => VNodeChild) | Component;
+export type VueFooterRenderer = ((props: FooterRendererProps) => VNodeChild) | Component;
+export type VueHeaderDropdown = ((props: HeaderDropdownProps) => VNodeChild) | Component;
+export type VueColumnEditorRowRenderer = ((props: ColumnEditorRowRendererProps) => VNodeChild) | Component;
+export type VueColumnEditorCustomRenderer = ((props: ColumnEditorCustomRendererProps) => VNodeChild) | Component;
+export type VueRowButton<TData extends VueDefaultRowData = VueDefaultRowData> = ((props: RowButtonProps<TData>) => VNodeChild) | Component;
+export type VueLoadingStateRenderer<TData extends VueDefaultRowData = VueDefaultRowData> = ((props: LoadingStateRendererProps<TData>) => VNodeChild) | Component | VNode;
+export type VueErrorStateRenderer<TData extends VueDefaultRowData = VueDefaultRowData> = ((props: ErrorStateRendererProps<TData>) => VNodeChild) | Component | VNode;
+export type VueEmptyStateRenderer<TData extends VueDefaultRowData = VueDefaultRowData> = ((props: EmptyStateRendererProps<TData>) => VNodeChild) | Component | VNode;
 export interface VueColumnEditorConfig extends Omit<ColumnEditorConfig, "rowRenderer" | "customRenderer"> {
     rowRenderer?: VueColumnEditorRowRenderer;
     customRenderer?: VueColumnEditorCustomRenderer;

package/dist/types/utils/wrapVueRenderer.d.ts

@@ -1,4 +1,5 @@
 import { type Component, type VNode } from "vue";
+import type { ColumnEditorRowRendererProps as VanillaColumnEditorRowRendererProps, HeaderRendererProps as VanillaHeaderRendererProps } from "simple-table-core";
 import type { MountRegistry } from "../MountRegistry";
 /**
  * Wraps a Vue 3 component into a function that returns an HTMLElement, matching
@@ -10,11 +11,26 @@ import type { MountRegistry } from "../MountRegistry";
  * (including any `<Teleport>` / floating UI) when the host is discarded.
  */
 export declare function wrapVueRenderer<P extends object>(registry: MountRegistry, component: Component): (props: P) => HTMLElement;
+/**
+ * Header renderer wrapper that reuses one host element so sort/filter icon
+ * refreshes update props in place (via `render` patch) instead of remounting
+ * the Vue subtree and wiping local state. Mirrors React's
+ * {@link wrapReactHeaderRenderer}.
+ */
+export declare function wrapVueHeaderRenderer(registry: MountRegistry, component: Component): (props: VanillaHeaderRendererProps) => HTMLElement;
 /**
  * Like {@link wrapVueRenderer}, but reuses one wrapper per accessor so
  * unstable column rebuilds keep a stable function identity on ColumnDef.
+ *
+ * For `kind: "header"`, also reuses a single mount host (React
+ * {@link wrapCachedHeaderRenderer}) so sort/filter refreshes preserve state.
  */
 export declare function wrapCachedVueRenderer<P extends object>(registry: MountRegistry, accessor: string, kind: "cell" | "header", component: Component): (props: P) => HTMLElement;
+/**
+ * Column-editor row renderer: one host per `accessor` so popout list rebuilds
+ * update in place instead of remounting Vue state (mirrors React).
+ */
+export declare function wrapVueColumnEditorRowRenderer(registry: MountRegistry, component: Component): (props: VanillaColumnEditorRowRendererProps) => HTMLElement;
 /**
  * Renders a static VNode into an HTMLElement.
  * Used for props like tableEmptyStateRenderer that are not called with arguments.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-table/vue",
-  "version": "4.1.4",
+  "version": "4.1.5",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
   "types": "dist/types/index.d.ts",
@@ -32,7 +32,7 @@
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "simple-table-core": "4.1.4"
+    "simple-table-core": "4.1.5"
   },
   "devDependencies": {
     "@rollup/plugin-alias": "4.0.0",