@stonecrop/atable 0.2.32 → 0.2.34

package/dist/atable.umd.cjs

@@ -1,2 +1,2 @@
-(function(w,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(w=typeof globalThis<"u"?globalThis:w||self,n(w["@stonecrop/atable"]={},w.Vue))})(this,function(w,n){"use strict";var Ze=Object.defineProperty;var Ke=(w,n,I)=>n in w?Ze(w,n,{enumerable:!0,configurable:!0,writable:!0,value:I}):w[n]=I;var E=(w,n,I)=>Ke(w,typeof n!="symbol"?n+"":n,I);function I(t){return n.getCurrentScope()?(n.onScopeDispose(t),!0):!1}function R(t){return typeof t=="function"?t():n.unref(t)}const me=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const he=t=>t!=null,we=Object.prototype.toString,ge=t=>we.call(t)==="[object Object]",ye=()=>{};function S(t){var e;const o=R(t);return(e=o==null?void 0:o.$el)!=null?e:o}const _=me?window:void 0;function M(...t){let e,o,l,i;if(typeof t[0]=="string"||Array.isArray(t[0])?([o,l,i]=t,e=_):[e,o,l,i]=t,!e)return ye;Array.isArray(o)||(o=[o]),Array.isArray(l)||(l=[l]);const r=[],s=()=>{r.forEach(u=>u()),r.length=0},a=(u,p,f,m)=>(u.addEventListener(p,f,m),()=>u.removeEventListener(p,f,m)),c=n.watch(()=>[S(e),R(i)],([u,p])=>{if(s(),!u)return;const f=ge(p)?{...p}:p;r.push(...o.flatMap(m=>l.map(g=>a(u,m,g,f))))},{immediate:!0,flush:"post"}),d=()=>{c(),s()};return I(d),d}function be(){const t=n.ref(!1),e=n.getCurrentInstance();return e&&n.onMounted(()=>{t.value=!0},e),t}function ke(t){const e=be();return n.computed(()=>(e.value,!!t()))}function xe(t,e,o={}){const{window:l=_,...i}=o;let r;const s=ke(()=>l&&"MutationObserver"in l),a=()=>{r&&(r.disconnect(),r=void 0)},c=n.computed(()=>{const f=R(t),m=(Array.isArray(f)?f:[f]).map(S).filter(he);return new Set(m)}),d=n.watch(()=>c.value,f=>{a(),s.value&&f.size&&(r=new MutationObserver(e),f.forEach(m=>r.observe(m,i)))},{immediate:!0,flush:"post"}),u=()=>r==null?void 0:r.takeRecords(),p=()=>{a(),d()};return I(p),{isSupported:s,stop:p,takeRecords:u}}function Ee(t={}){var e;const{window:o=_,deep:l=!0,triggerOnRemoval:i=!1}=t,r=(e=t.document)!=null?e:o==null?void 0:o.document,s=()=>{var d;let u=r==null?void 0:r.activeElement;if(l)for(;u!=null&&u.shadowRoot;)u=(d=u==null?void 0:u.shadowRoot)==null?void 0:d.activeElement;return u},a=n.ref(),c=()=>{a.value=s()};return o&&(M(o,"blur",d=>{d.relatedTarget===null&&c()},!0),M(o,"focus",c,!0)),i&&xe(r,d=>{d.filter(u=>u.removedNodes.length).map(u=>Array.from(u.removedNodes)).flat().forEach(u=>{u===a.value&&c()})},{childList:!0,subtree:!0}),c(),a}function Ie(t,e={}){const o=Ee(e),l=n.computed(()=>S(t));return{focused:n.computed(()=>l.value&&o.value?l.value.contains(o.value):!1)}}function Ce(t,{window:e=_,scrollTarget:o}={}){const l=n.ref(!1),i=()=>{if(!e)return;const r=e.document,s=S(t);if(!s)l.value=!1;else{const a=s.getBoundingClientRect();l.value=a.top<=(e.innerHeight||r.documentElement.clientHeight)&&a.left<=(e.innerWidth||r.documentElement.clientWidth)&&a.bottom>=0&&a.right>=0}};return n.watch(()=>S(t),()=>i(),{immediate:!0,flush:"post"}),e&&M(o||e,"scroll",i,{capture:!1,passive:!0}),l}const k=t=>{let e=Ce(t).value;return e=e&&t.offsetHeight>0,e},x=t=>t.tabIndex>=0,Q=t=>{const e=t.target;return P(e)},P=t=>{var e;let o;if(t instanceof HTMLTableCellElement){const l=(e=t.parentElement)==null?void 0:e.previousElementSibling;if(l){const i=Array.from(l.children)[t.cellIndex];i&&(o=i)}}else if(t instanceof HTMLTableRowElement){const l=t.previousElementSibling;l&&(o=l)}return o&&(!x(o)||!k(o))?P(o):o},Se=t=>{var e;const o=t.target;let l;if(o instanceof HTMLTableCellElement){const i=(e=o.parentElement)==null?void 0:e.parentElement;if(i){const r=i.firstElementChild.children[o.cellIndex];r&&(l=r)}}else if(o instanceof HTMLTableRowElement){const i=o.parentElement;if(i){const r=i.firstElementChild;r&&(l=r)}}return l&&(!x(l)||!k(l))?v(l):l},Z=t=>{const e=t.target;return v(e)},v=t=>{var e;let o;if(t instanceof HTMLTableCellElement){const l=(e=t.parentElement)==null?void 0:e.nextElementSibling;if(l){const i=Array.from(l.children)[t.cellIndex];i&&(o=i)}}else if(t instanceof HTMLTableRowElement){const l=t.nextElementSibling;l&&(o=l)}return o&&(!x(o)||!k(o))?v(o):o},Ae=t=>{var e;const o=t.target;let l;if(o instanceof HTMLTableCellElement){const i=(e=o.parentElement)==null?void 0:e.parentElement;if(i){const r=i.lastElementChild.children[o.cellIndex];r&&(l=r)}}else if(o instanceof HTMLTableRowElement){const i=o.parentElement;if(i){const r=i.lastElementChild;r&&(l=r)}}return l&&(!x(l)||!k(l))?P(l):l},K=t=>{const e=t.target;return N(e)},N=t=>{var e;let o;if(t.previousElementSibling)o=t.previousElementSibling;else{const l=(e=t.parentElement)==null?void 0:e.previousElementSibling;o=l==null?void 0:l.lastElementChild}return o&&(!x(o)||!k(o))?N(o):o},ee=t=>{const e=t.target;return j(e)},j=t=>{var e;let o;if(t.nextElementSibling)o=t.nextElementSibling;else{const l=(e=t.parentElement)==null?void 0:e.nextElementSibling;o=l==null?void 0:l.firstElementChild}return o&&(!x(o)||!k(o))?j(o):o},te=t=>{const e=t.target.parentElement.firstElementChild;return e&&(!x(e)||!k(e))?j(e):e},ne=t=>{const e=t.target.parentElement.lastElementChild;return e&&(!x(e)||!k(e))?N(e):e},B=["alt","control","shift","meta"],De={ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"},H={"keydown.up":t=>{const e=Q(t);e&&(t.preventDefault(),t.stopPropagation(),e.focus())},"keydown.down":t=>{const e=Z(t);e&&(t.preventDefault(),t.stopPropagation(),e.focus())},"keydown.left":t=>{const e=K(t);t.preventDefault(),t.stopPropagation(),e&&e.focus()},"keydown.right":t=>{const e=ee(t);t.preventDefault(),t.stopPropagation(),e&&e.focus()},"keydown.control.up":t=>{const e=Se(t);e&&(t.preventDefault(),t.stopPropagation(),e.focus())},"keydown.control.down":t=>{const e=Ae(t);e&&(t.preventDefault(),t.stopPropagation(),e.focus())},"keydown.control.left":t=>{const e=te(t);e&&(t.preventDefault(),t.stopPropagation(),e.focus())},"keydown.control.right":t=>{const e=ne(t);e&&(t.preventDefault(),t.stopPropagation(),e.focus())},"keydown.end":t=>{const e=ne(t);e&&(t.preventDefault(),t.stopPropagation(),e.focus())},"keydown.enter":t=>{if(t.target instanceof HTMLTableCellElement){t.preventDefault(),t.stopPropagation();const e=Z(t);e&&e.focus()}},"keydown.shift.enter":t=>{if(t.target instanceof HTMLTableCellElement){t.preventDefault(),t.stopPropagation();const e=Q(t);e&&e.focus()}},"keydown.home":t=>{const e=te(t);e&&(t.preventDefault(),t.stopPropagation(),e.focus())},"keydown.tab":t=>{const e=ee(t);e&&(t.preventDefault(),t.stopPropagation(),e.focus())},"keydown.shift.tab":t=>{const e=K(t);e&&(t.preventDefault(),t.stopPropagation(),e.focus())}};function V(t){const e=s=>{let a=null;return s.parent&&(typeof s.parent=="string"?a=document.querySelector(s.parent):s.parent instanceof HTMLElement?a=s.parent:a=s.parent.value),a},o=s=>{const a=e(s);let c=[];if(typeof s.selectors=="string")c=a?Array.from(a.querySelectorAll(s.selectors)):Array.from(document.querySelectorAll(s.selectors));else if(Array.isArray(s.selectors))for(const d of s.selectors)d instanceof HTMLElement?c.push(d):c.push(d.$el);else if(s.selectors instanceof HTMLElement)c.push(s.selectors);else if(Array.isArray(s.selectors.value))for(const d of s.selectors.value)d instanceof HTMLElement?c.push(d):c.push(d.$el);else c.push(s.selectors.value);return c},l=s=>{const a=e(s);let c=[];return s.selectors?c=o(s):a&&(c=Array.from(a.children).filter(d=>x(d)&&k(d))),c},i=s=>a=>{const c=De[a.key]||a.key.toLowerCase();if(B.includes(c))return;const d=s.handlers||H;for(const u of Object.keys(d)){const[p,...f]=u.split(".");if(p==="keydown"&&f.includes(c)){const m=d[u],g=f.filter(b=>B.includes(b)),h=B.some(b=>{const C=b.charAt(0).toUpperCase()+b.slice(1);return a.getModifierState(C)});if(g.length>0){if(h){for(const b of B)if(f.includes(b)){const C=b.charAt(0).toUpperCase()+b.slice(1);a.getModifierState(C)&&m(a)}}}else h||m(a)}}},r=[];n.onMounted(()=>{for(const s of t){const a=e(s),c=l(s),d=i(s),u=a?[a]:c;for(const p of u){const{focused:f}=Ie(n.ref(p)),m=n.watch(f,g=>{g?p.addEventListener("keydown",d):p.removeEventListener("keydown",d)});r.push(m)}}}),n.onBeforeUnmount(()=>{for(const s of r)s()})}const Te=["data-colindex","data-rowindex","data-editable","contenteditable","tabindex"],_e={key:1},W=n.defineComponent({__name:"ACell",props:{colIndex:{},rowIndex:{},tableid:{},addNavigation:{type:[Boolean,Object],default:!0},tabIndex:{default:0}},setup(t){var g;const e=t,o=n.inject(e.tableid),l=n.ref(null),i=n.ref(""),r=n.ref(!1),s=n.computed(()=>{const h=o.cellData(e.colIndex,e.rowIndex);if(o.columns[e.colIndex].format){const b=o.table,C=o.rows[e.rowIndex],J=o.columns[e.colIndex],L=J.format;return typeof L=="function"?L(h,{table:b,row:C,column:J}):typeof L=="string"?Function(`"use strict";return (${L})`)()(h,{table:b,row:C,column:J}):h}else return h}),a=()=>{if(o.columns[e.colIndex].mask,o.columns[e.colIndex].modalComponent){const h=l.value.getBoundingClientRect();o.modal.visible=!0,o.modal.colIndex=e.colIndex,o.modal.rowIndex=e.rowIndex,o.modal.parent=l.value,o.modal.top=h.top+h.height,o.modal.left=h.left,o.modal.width=d.value,o.modal.component=o.columns[e.colIndex].modalComponent,o.modal.componentProps=o.columns[e.colIndex].modalComponentProps}};if(e.addNavigation){let h={...H,"keydown.f2":a,"keydown.alt.up":a,"keydown.alt.down":a,"keydown.alt.left":a,"keydown.alt.right":a};typeof e.addNavigation=="object"&&(h={...h,...e.addNavigation}),V([{selectors:l,handlers:h}])}const c=n.computed(()=>o.columns[e.colIndex].align||"center"),d=n.computed(()=>o.columns[e.colIndex].width||"40ch"),u=()=>{l.value&&(i.value=l.value.textContent)},p=()=>{l.value&&l.value.textContent!==i.value&&(i.value=l.value.textContent,l.value.dispatchEvent(new Event("change")),r.value=!0,o.columns[e.colIndex].format||o.setCellData(e.rowIndex,e.colIndex,i.value))},f=(h,b)=>b&&h===0&&b>0?`${b}ch`:"inherit",m={textAlign:c.value,width:d.value,backgroundColor:r.value?"var(--cell-modified-color)":"inherit",fontWeight:r.value?"bold":"inherit",paddingLeft:f(e.colIndex,(g=o.display[e.rowIndex])==null?void 0:g.indent)};return(h,b)=>(n.openBlock(),n.createElementBlock("td",{ref_key:"cell",ref:l,"data-colindex":h.colIndex,"data-rowindex":h.rowIndex,"data-editable":n.unref(o).columns[h.colIndex].edit,contenteditable:n.unref(o).columns[h.colIndex].edit,tabindex:h.tabIndex,spellcheck:!1,style:m,onFocus:u,onPaste:p,onBlur:p,onInput:p,onClick:a,onMousedown:a,class:"atable__cell"},[n.unref(o).columns[h.colIndex].cellComponent?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(o).columns[h.colIndex].cellComponent),n.mergeProps({key:0,value:s.value},n.unref(o).columns[h.colIndex].cellComponentProps),null,16,["value"])):(n.openBlock(),n.createElementBlock("span",_e,n.toDisplayString(s.value),1))],40,Te))}}),Be=["tabindex"],$e=["tabindex"],Oe=["colspan"],oe=n.defineComponent({__name:"AExpansionRow",props:{row:{},rowIndex:{},tableid:{},tabIndex:{default:-1},addNavigation:{type:[Boolean,Object]}},setup(t){const e=t,o=n.inject(e.tableid),l=n.ref(null),i=n.ref(null),r=n.computed(()=>o.display[e.rowIndex].expanded?"▼":"►");if(e.addNavigation){const s={"keydown.control.g":a=>{a.stopPropagation(),a.preventDefault(),o.toggleRowExpand(e.rowIndex)}};typeof e.addNavigation=="object"&&Object.assign(s,e.addNavigation),V([{selectors:l,handlers:s}])}return(s,a)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createElementVNode("tr",n.mergeProps(s.$attrs,{ref_key:"rowEl",ref:l,tabindex:s.tabIndex,class:"expandable-row"}),[n.createElementVNode("td",{tabIndex:-1,onClick:a[0]||(a[0]=c=>n.unref(o).toggleRowExpand(s.rowIndex)),class:"row-index"},n.toDisplayString(r.value),1),n.renderSlot(s.$slots,"row")],16,Be),n.unref(o).display[e.rowIndex].expanded?(n.openBlock(),n.createElementBlock("tr",{key:0,ref_key:"rowExpanded",ref:i,tabindex:s.tabIndex,class:"expanded-row"},[n.createElementVNode("td",{tabIndex:-1,colspan:n.unref(o).columns.length+1,class:"expanded-row-content"},[n.renderSlot(s.$slots,"content")],8,Oe)],8,$e)):n.createCommentVNode("",!0)],64))}}),Le=["tabindex"],Re={key:0,tabIndex:-1,class:"list-index"},U=n.defineComponent({__name:"ARow",props:{row:{},rowIndex:{},tableid:{},tabIndex:{default:-1},addNavigation:{type:[Boolean,Object],default:!1}},setup(t){const e=t,o=n.inject(e.tableid),l=n.ref(null),i=n.computed(()=>o.config.view!=="tree"||o.display[e.rowIndex].isRoot||o.display[e.rowIndex].open),r=n.computed(()=>o.config.view!=="tree"?"":o.display[e.rowIndex].isRoot||o.display[e.rowIndex].isParent?o.display[e.rowIndex].childrenOpen?"-":"+":""),s=a=>{o.toggleRowExpand(a)};if(e.addNavigation){let a=H;typeof e.addNavigation=="object"&&(a={...a,...e.addNavigation}),V([{selectors:l,handlers:a}])}return(a,c)=>n.withDirectives((n.openBlock(),n.createElementBlock("tr",{ref_key:"rowEl",ref:l,tabindex:a.tabIndex,class:"table-row"},[n.renderSlot(a.$slots,"index",{},()=>[n.unref(o).config.view==="list"?(n.openBlock(),n.createElementBlock("td",Re,n.toDisplayString(a.rowIndex+1),1)):n.unref(o).config.view==="tree"?(n.openBlock(),n.createElementBlock("td",{key:1,tabIndex:-1,class:"tree-index",onClick:c[0]||(c[0]=d=>s(a.rowIndex))},n.toDisplayString(r.value),1)):n.createCommentVNode("",!0)]),n.renderSlot(a.$slots,"default")],8,Le)),[[n.vShow,i.value]])}});function le(t){return n.getCurrentScope()?(n.onScopeDispose(t),!0):!1}function A(t){return typeof t=="function"?t():n.unref(t)}const re=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Me=Object.prototype.toString,Pe=t=>Me.call(t)==="[object Object]",D=()=>{},z=ve();function ve(){var t,e;return re&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((e=window==null?void 0:window.navigator)==null?void 0:e.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}const ae={mounted:"mounted",updated:"updated",unmounted:"unmounted"};function Ne(...t){if(t.length!==1)return n.toRef(...t);const e=t[0];return typeof e=="function"?n.readonly(n.customRef(()=>({get:e,set:D}))):n.ref(e)}function T(t){var e;const o=A(t);return(e=o==null?void 0:o.$el)!=null?e:o}const ie=re?window:void 0;function $(...t){let e,o,l,i;if(typeof t[0]=="string"||Array.isArray(t[0])?([o,l,i]=t,e=ie):[e,o,l,i]=t,!e)return D;Array.isArray(o)||(o=[o]),Array.isArray(l)||(l=[l]);const r=[],s=()=>{r.forEach(u=>u()),r.length=0},a=(u,p,f,m)=>(u.addEventListener(p,f,m),()=>u.removeEventListener(p,f,m)),c=n.watch(()=>[T(e),A(i)],([u,p])=>{if(s(),!u)return;const f=Pe(p)?{...p}:p;r.push(...o.flatMap(m=>l.map(g=>a(u,m,g,f))))},{immediate:!0,flush:"post"}),d=()=>{c(),s()};return le(d),d}let se=!1;function ce(t,e,o={}){const{window:l=ie,ignore:i=[],capture:r=!0,detectIframe:s=!1}=o;if(!l)return D;z&&!se&&(se=!0,Array.from(l.document.body.children).forEach(f=>f.addEventListener("click",D)),l.document.documentElement.addEventListener("click",D));let a=!0;const c=f=>i.some(m=>{if(typeof m=="string")return Array.from(l.document.querySelectorAll(m)).some(g=>g===f.target||f.composedPath().includes(g));{const g=T(m);return g&&(f.target===g||f.composedPath().includes(g))}}),u=[$(l,"click",f=>{const m=T(t);if(!(!m||m===f.target||f.composedPath().includes(m))){if(f.detail===0&&(a=!c(f)),!a){a=!0;return}e(f)}},{passive:!0,capture:r}),$(l,"pointerdown",f=>{const m=T(t);a=!c(f)&&!!(m&&!f.composedPath().includes(m))},{passive:!0}),s&&$(l,"blur",f=>{setTimeout(()=>{var m;const g=T(t);((m=l.document.activeElement)==null?void 0:m.tagName)==="IFRAME"&&!(g!=null&&g.contains(l.document.activeElement))&&e(f)},0)})].filter(Boolean);return()=>u.forEach(f=>f())}const je={[ae.mounted](t,e){const o=!e.modifiers.bubble;if(typeof e.value=="function")t.__onClickOutside_stop=ce(t,e.value,{capture:o});else{const[l,i]=e.value;t.__onClickOutside_stop=ce(t,l,Object.assign({capture:o},i))}},[ae.unmounted](t){t.__onClickOutside_stop()}};function F(t){return typeof Window<"u"&&t instanceof Window?t.document.documentElement:typeof Document<"u"&&t instanceof Document?t.documentElement:t}function de(t){const e=window.getComputedStyle(t);if(e.overflowX==="scroll"||e.overflowY==="scroll"||e.overflowX==="auto"&&t.clientWidth<t.scrollWidth||e.overflowY==="auto"&&t.clientHeight<t.scrollHeight)return!0;{const o=t.parentNode;return!o||o.tagName==="BODY"?!1:de(o)}}function He(t){const e=t||window.event,o=e.target;return de(o)?!1:e.touches.length>1?!0:(e.preventDefault&&e.preventDefault(),!1)}const q=new WeakMap;function Ve(t,e=!1){const o=n.ref(e);let l=null,i="";n.watch(Ne(t),a=>{const c=F(A(a));if(c){const d=c;if(q.get(d)||q.set(d,d.style.overflow),d.style.overflow!=="hidden"&&(i=d.style.overflow),d.style.overflow==="hidden")return o.value=!0;if(o.value)return d.style.overflow="hidden"}},{immediate:!0});const r=()=>{const a=F(A(t));!a||o.value||(z&&(l=$(a,"touchmove",c=>{He(c)},{passive:!1})),a.style.overflow="hidden",o.value=!0)},s=()=>{const a=F(A(t));!a||!o.value||(z&&(l==null||l()),a.style.overflow=i,q.delete(a),o.value=!1)};return le(s),n.computed({get(){return o.value},set(a){a?r():s()}})}function We(){let t=!1;const e=n.ref(!1);return(o,l)=>{if(e.value=l.value,t)return;t=!0;const i=Ve(o,l.value);n.watch(e,r=>i.value=r)}}We();for(var y=[],G=0;G<256;++G)y.push((G+256).toString(16).slice(1));function Ue(t,e=0){return(y[t[e+0]]+y[t[e+1]]+y[t[e+2]]+y[t[e+3]]+"-"+y[t[e+4]]+y[t[e+5]]+"-"+y[t[e+6]]+y[t[e+7]]+"-"+y[t[e+8]]+y[t[e+9]]+"-"+y[t[e+10]]+y[t[e+11]]+y[t[e+12]]+y[t[e+13]]+y[t[e+14]]+y[t[e+15]]).toLowerCase()}var O,ze=new Uint8Array(16);function Fe(){if(!O&&(O=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!O))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return O(ze)}var qe=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const fe={randomUUID:qe};function Ge(t,e,o){if(fe.randomUUID&&!e&&!t)return fe.randomUUID();t=t||{};var l=t.random||(t.rng||Fe)();if(l[6]=l[6]&15|64,l[8]=l[8]&63|128,e){o=o||0;for(var i=0;i<16;++i)e[o+i]=l[i];return e}return Ue(l)}class ue{constructor(e,o,l,i,r,s){E(this,"id");E(this,"rows");E(this,"columns");E(this,"config");E(this,"table");E(this,"display");E(this,"modal");this.id=e||Ge(),this.rows=l,this.columns=n.reactive(o),this.config=n.reactive(i),this.table=r||n.reactive(this.createTableObject()),this.display=this.createDisplayObject(s),this.modal=n.reactive({visible:!1})}createTableObject(){const e={};for(const[o,l]of this.columns.entries())for(const[i,r]of this.rows.entries())e[`${o}:${i}`]=r[l.name];return e}createDisplayObject(e){const o=[Object.assign({},{modified:!1})];if(e&&"0:0"in e)return e;const l=new Set;for(let i=this.rows.length-1;i>=0;i--){const r=this.rows[i];r.parent&&l.add(r.parent),o[i]={childrenOpen:!1,expanded:!1,indent:r.indent||null,isParent:l.has(i),isRoot:r.parent===null||r.parent===void 0,modified:!1,open:r.parent===null||r.parent===void 0,parent:r.parent}}return n.reactive(o)}get zeroColumn(){return["list","tree","list-expansion"].includes(this.config.view)}get numberedRowWidth(){return n.computed(()=>String(Math.ceil(this.rows.length/100)+1)+"ch")}cellData(e,o){return this.table[`${e}:${o}`]}setCellData(e,o,l){this.table[`${o}:${e}`]!==l&&(this.display[e].modified=!0),this.table[`${o}:${e}`]=l;const i=this.columns[o];return this.rows[e][i.name]=l,this.table[`${o}:${e}`]}toggleRowExpand(e){if(this.config.view==="tree"){this.display[e].childrenOpen=!this.display[e].childrenOpen;for(let o=this.rows.length-1;o>=0;o--)this.display[o].parent===e&&(this.display[o].open=!this.display[o].open,this.display[o].childrenOpen&&this.toggleRowExpand(o))}else this.config.view==="list-expansion"&&(this.display[e].expanded=!this.display[e].expanded)}}const Ye={key:0,id:"resizable"},Xe={class:"atable-header-row",tabindex:"-1"},Je={key:0,id:"header-index"},Y=n.defineComponent({__name:"ATableHeader",props:{columns:{},config:{},tableid:{}},setup(t){const e=t,o=n.inject(e.tableid),l=i=>({minWidth:i.width||"40ch",textAlign:i.align||"center",width:o.config.fullWidth?"auto":null});return(i,r)=>i.columns.length?(n.openBlock(),n.createElementBlock("thead",Ye,[n.createElementVNode("tr",Xe,[n.unref(o).zeroColumn?(n.openBlock(),n.createElementBlock("th",Je)):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.columns,(s,a)=>(n.openBlock(),n.createElementBlock("th",{key:s.name,tabindex:"-1",style:n.normalizeStyle(l(s))},[n.renderSlot(i.$slots,"default",{},()=>[n.createTextVNode(n.toDisplayString(s.label||String.fromCharCode(a+97).toUpperCase()),1)])],4))),128))])])):n.createCommentVNode("",!0)}}),X=n.defineComponent({__name:"ATableModal",props:{colIndex:{},rowIndex:{},tableid:{}},setup(t){const e=o=>{o.stopPropagation()};return(o,l)=>(n.openBlock(),n.createElementBlock("div",{ref:"amodal",class:"amodal",tabindex:"-1",onClick:e,onInput:e},[n.renderSlot(o.$slots,"default")],544))}}),pe=n.defineComponent({__name:"ATable",props:{id:{},modelValue:{},columns:{},rows:{default:()=>[]},config:{default:()=>new Object},tableid:{}},emits:["update:modelValue"],setup(t,{emit:e}){const o=t,l=e;let i=o.modelValue?o.modelValue:o.rows,r=new ue(o.id,o.columns,i,o.config);n.provide(r.id,r),n.watch(()=>r.rows,a=>{l("update:modelValue",a)},{deep:!0});const s=a=>{var c;a.target instanceof Node&&(c=r.modal.parent)!=null&&c.contains(a.target)||r.modal.visible&&(r.modal.visible=!1)};return window.addEventListener("keydown",a=>{if(a.key==="Escape"&&r.modal.visible){r.modal.visible=!1;const c=r.modal.parent;c&&n.nextTick().then(()=>{c.focus()})}}),(a,c)=>n.withDirectives((n.openBlock(),n.createElementBlock("table",{class:"atable",style:n.normalizeStyle({width:n.unref(r).config.fullWidth?"100%":"auto"})},[n.renderSlot(a.$slots,"header",{data:n.unref(r)},()=>[n.createVNode(Y,{columns:n.unref(r).columns,config:n.unref(r).config,tableid:n.unref(r).id},null,8,["columns","config","tableid"])]),n.createElementVNode("tbody",null,[n.renderSlot(a.$slots,"body",{data:n.unref(r)},()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(r).rows,(d,u)=>(n.openBlock(),n.createBlock(U,{key:d.id,row:d,rowIndex:u,tableid:n.unref(r).id},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(r).columns,(p,f)=>(n.openBlock(),n.createBlock(W,{key:p.name,tableid:n.unref(r).id,col:p,spellcheck:"false",rowIndex:u,colIndex:f+(n.unref(r).zeroColumn?0:-1),component:p.cellComponent,style:n.normalizeStyle({textAlign:(p==null?void 0:p.align)||"center",minWidth:(p==null?void 0:p.width)||"40ch",width:n.unref(r).config.fullWidth?"auto":null})},null,8,["tableid","col","rowIndex","colIndex","component","style"]))),128))]),_:2},1032,["row","rowIndex","tableid"]))),128))])]),n.renderSlot(a.$slots,"footer",{data:n.unref(r)}),n.renderSlot(a.$slots,"modal",{data:n.unref(r)},()=>[n.withDirectives(n.createVNode(X,{colIndex:n.unref(r).modal.colIndex,rowIndex:n.unref(r).modal.rowIndex,tableid:n.unref(r).id,style:n.normalizeStyle({left:n.unref(r).modal.left+"px",top:n.unref(r).modal.top+"px",maxWidth:n.unref(r).modal.width+"px"})},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(r).modal.component),n.mergeProps({key:`${n.unref(r).modal.rowIndex}:${n.unref(r).modal.colIndex}`,colIndex:n.unref(r).modal.colIndex,rowIndex:n.unref(r).modal.rowIndex,tableid:n.unref(r).id},n.unref(r).modal.componentProps),null,16,["colIndex","rowIndex","tableid"]))]),_:1},8,["colIndex","rowIndex","tableid","style"]),[[n.vShow,n.unref(r).modal.visible]])])],4)),[[n.unref(je),s]])}});function Qe(t){t.component("ACell",W),t.component("AExpansionRow",oe),t.component("ARow",U),t.component("ATable",pe),t.component("ATableHeader",Y),t.component("ATableModal",X)}w.ACell=W,w.AExpansionRow=oe,w.ARow=U,w.ATable=pe,w.ATableHeader=Y,w.ATableModal=X,w.TableDataStore=ue,w.install=Qe,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
+(function(h,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(h=typeof globalThis<"u"?globalThis:h||self,n(h["@stonecrop/atable"]={},h.Vue))})(this,function(h,n){"use strict";var _e=Object.defineProperty;var et=(h,n,I)=>n in h?_e(h,n,{enumerable:!0,configurable:!0,writable:!0,value:I}):h[n]=I;var k=(h,n,I)=>et(h,typeof n!="symbol"?n+"":n,I);function I(e){return n.getCurrentScope()?(n.onScopeDispose(e),!0):!1}function P(e){return typeof e=="function"?e():n.unref(e)}const me=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const pe=e=>e!=null,we=Object.prototype.toString,he=e=>we.call(e)==="[object Object]",ge=()=>{},S=me?window:void 0;function A(e){var t;const o=P(e);return(t=o==null?void 0:o.$el)!=null?t:o}function D(...e){let t,o,l,r;if(typeof e[0]=="string"||Array.isArray(e[0])?([o,l,r]=e,t=S):[t,o,l,r]=e,!t)return ge;Array.isArray(o)||(o=[o]),Array.isArray(l)||(l=[l]);const i=[],a=()=>{i.forEach(c=>c()),i.length=0},s=(c,w,f,p)=>(c.addEventListener(w,f,p),()=>c.removeEventListener(w,f,p)),u=n.watch(()=>[A(t),P(r)],([c,w])=>{if(a(),!c)return;const f=he(w)?{...w}:w;i.push(...o.flatMap(p=>l.map(m=>s(c,p,m,f))))},{immediate:!0,flush:"post"}),d=()=>{u(),a()};return I(d),d}function ye(){const e=n.ref(!1),t=n.getCurrentInstance();return t&&n.onMounted(()=>{e.value=!0},t),e}function be(e){const t=ye();return n.computed(()=>(t.value,!!e()))}function xe(e,t,o={}){const{window:l=S,...r}=o;let i;const a=be(()=>l&&"MutationObserver"in l),s=()=>{i&&(i.disconnect(),i=void 0)},u=n.computed(()=>{const f=P(e),p=(Array.isArray(f)?f:[f]).map(A).filter(pe);return new Set(p)}),d=n.watch(()=>u.value,f=>{s(),a.value&&f.size&&(i=new MutationObserver(t),f.forEach(p=>i.observe(p,r)))},{immediate:!0,flush:"post"}),c=()=>i==null?void 0:i.takeRecords(),w=()=>{d(),s()};return I(w),{isSupported:a,stop:w,takeRecords:c}}function Ee(e={}){var t;const{window:o=S,deep:l=!0,triggerOnRemoval:r=!1}=e,i=(t=e.document)!=null?t:o==null?void 0:o.document,a=()=>{var d;let c=i==null?void 0:i.activeElement;if(l)for(;c!=null&&c.shadowRoot;)c=(d=c==null?void 0:c.shadowRoot)==null?void 0:d.activeElement;return c},s=n.ref(),u=()=>{s.value=a()};return o&&(D(o,"blur",d=>{d.relatedTarget===null&&u()},!0),D(o,"focus",u,!0)),r&&xe(i,d=>{d.filter(c=>c.removedNodes.length).map(c=>Array.from(c.removedNodes)).flat().forEach(c=>{c===s.value&&u()})},{childList:!0,subtree:!0}),u(),s}const ke="focusin",Ie="focusout";function Ce(e,t={}){const{window:o=S}=t,l=n.computed(()=>A(e)),r=n.ref(!1),i=n.computed(()=>r.value),a=Ee(t);return!o||!a.value?{focused:i}:(D(l,ke,()=>r.value=!0),D(l,Ie,()=>r.value=!1),{focused:i})}function Se(e,{window:t=S,scrollTarget:o}={}){const l=n.ref(!1),r=()=>{if(!t)return;const i=t.document,a=A(e);if(!a)l.value=!1;else{const s=a.getBoundingClientRect();l.value=s.top<=(t.innerHeight||i.documentElement.clientHeight)&&s.left<=(t.innerWidth||i.documentElement.clientWidth)&&s.bottom>=0&&s.right>=0}};return n.watch(()=>A(e),()=>r(),{immediate:!0,flush:"post"}),t&&D(o||t,"scroll",r,{capture:!1,passive:!0}),l}const x=e=>{let t=Se(e).value;return t=t&&e.offsetHeight>0,t},E=e=>e.tabIndex>=0,Q=e=>{const t=e.target;return v(t)},v=e=>{var t;let o;if(e instanceof HTMLTableCellElement){const l=(t=e.parentElement)==null?void 0:t.previousElementSibling;if(l){const r=Array.from(l.children)[e.cellIndex];r&&(o=r)}}else if(e instanceof HTMLTableRowElement){const l=e.previousElementSibling;l&&(o=l)}return o&&(!E(o)||!x(o))?v(o):o},Ae=e=>{var t;const o=e.target;let l;if(o instanceof HTMLTableCellElement){const r=(t=o.parentElement)==null?void 0:t.parentElement;if(r){const i=r.firstElementChild.children[o.cellIndex];i&&(l=i)}}else if(o instanceof HTMLTableRowElement){const r=o.parentElement;if(r){const i=r.firstElementChild;i&&(l=i)}}return l&&(!E(l)||!x(l))?N(l):l},Z=e=>{const t=e.target;return N(t)},N=e=>{var t;let o;if(e instanceof HTMLTableCellElement){const l=(t=e.parentElement)==null?void 0:t.nextElementSibling;if(l){const r=Array.from(l.children)[e.cellIndex];r&&(o=r)}}else if(e instanceof HTMLTableRowElement){const l=e.nextElementSibling;l&&(o=l)}return o&&(!E(o)||!x(o))?N(o):o},De=e=>{var t;const o=e.target;let l;if(o instanceof HTMLTableCellElement){const r=(t=o.parentElement)==null?void 0:t.parentElement;if(r){const i=r.lastElementChild.children[o.cellIndex];i&&(l=i)}}else if(o instanceof HTMLTableRowElement){const r=o.parentElement;if(r){const i=r.lastElementChild;i&&(l=i)}}return l&&(!E(l)||!x(l))?v(l):l},K=e=>{const t=e.target;return j(t)},j=e=>{var t;let o;if(e.previousElementSibling)o=e.previousElementSibling;else{const l=(t=e.parentElement)==null?void 0:t.previousElementSibling;o=l==null?void 0:l.lastElementChild}return o&&(!E(o)||!x(o))?j(o):o},_=e=>{const t=e.target;return H(t)},H=e=>{var t;let o;if(e.nextElementSibling)o=e.nextElementSibling;else{const l=(t=e.parentElement)==null?void 0:t.nextElementSibling;o=l==null?void 0:l.firstElementChild}return o&&(!E(o)||!x(o))?H(o):o},ee=e=>{const t=e.target.parentElement.firstElementChild;return t&&(!E(t)||!x(t))?H(t):t},te=e=>{const t=e.target.parentElement.lastElementChild;return t&&(!E(t)||!x(t))?j(t):t},$=["alt","control","shift","meta"],Te={ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"},V={"keydown.up":e=>{const t=Q(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.down":e=>{const t=Z(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.left":e=>{const t=K(e);e.preventDefault(),e.stopPropagation(),t&&t.focus()},"keydown.right":e=>{const t=_(e);e.preventDefault(),e.stopPropagation(),t&&t.focus()},"keydown.control.up":e=>{const t=Ae(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.control.down":e=>{const t=De(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.control.left":e=>{const t=ee(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.control.right":e=>{const t=te(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.end":e=>{const t=te(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const t=Z(e);t&&t.focus()}},"keydown.shift.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const t=Q(e);t&&t.focus()}},"keydown.home":e=>{const t=ee(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.tab":e=>{const t=_(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.shift.tab":e=>{const t=K(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())}};function W(e){const t=a=>{let s=null;return a.parent&&(typeof a.parent=="string"?s=document.querySelector(a.parent):a.parent instanceof HTMLElement?s=a.parent:s=a.parent.value),s},o=a=>{const s=t(a);let u=[];if(typeof a.selectors=="string")u=s?Array.from(s.querySelectorAll(a.selectors)):Array.from(document.querySelectorAll(a.selectors));else if(Array.isArray(a.selectors))for(const d of a.selectors)d instanceof HTMLElement?u.push(d):u.push(d.$el);else if(a.selectors instanceof HTMLElement)u.push(a.selectors);else if(Array.isArray(a.selectors.value))for(const d of a.selectors.value)d instanceof HTMLElement?u.push(d):u.push(d.$el);else u.push(a.selectors.value);return u},l=a=>{const s=t(a);let u=[];return a.selectors?u=o(a):s&&(u=Array.from(s.children).filter(d=>E(d)&&x(d))),u},r=a=>s=>{const u=Te[s.key]||s.key.toLowerCase();if($.includes(u))return;const d=a.handlers||V;for(const c of Object.keys(d)){const[w,...f]=c.split(".");if(w==="keydown"&&f.includes(u)){const p=d[c],m=f.filter(y=>$.includes(y)),b=$.some(y=>{const C=y.charAt(0).toUpperCase()+y.slice(1);return s.getModifierState(C)});if(m.length>0){if(b){for(const y of $)if(f.includes(y)){const C=y.charAt(0).toUpperCase()+y.slice(1);s.getModifierState(C)&&p(s)}}}else b||p(s)}}},i=[];n.onMounted(()=>{for(const a of e){const s=t(a),u=l(a),d=r(a),c=s?[s]:u;for(const w of c){const{focused:f}=Ce(n.ref(w)),p=n.watch(f,m=>{m?w.addEventListener("keydown",d):w.removeEventListener("keydown",d)});i.push(p)}}}),n.onBeforeUnmount(()=>{for(const a of i)a()})}const Be=["data-colindex","data-rowindex","data-editable","contenteditable","tabindex"],Re={key:1},U=n.defineComponent({__name:"ACell",props:{colIndex:{},rowIndex:{},tableid:{},addNavigation:{type:[Boolean,Object],default:!0},tabIndex:{default:0}},setup(e){var p;const t=n.inject(e.tableid),o=n.useTemplateRef("cell"),l=n.ref(""),r=n.ref(!1),i=n.computed(()=>{const m=t.cellData(e.colIndex,e.rowIndex);if(t.columns[e.colIndex].format){const b=t.table,y=t.rows[e.rowIndex],C=t.columns[e.colIndex],M=C.format;return typeof M=="function"?M(m,{table:b,row:y,column:C}):typeof M=="string"?Function(`"use strict";return (${M})`)()(m,{table:b,row:y,column:C}):m}else return m}),a=()=>{if(t.columns[e.colIndex].mask,t.columns[e.colIndex].modalComponent){const m=o.value.getBoundingClientRect();t.modal.visible=!0,t.modal.colIndex=e.colIndex,t.modal.rowIndex=e.rowIndex,t.modal.parent=o.value,t.modal.top=m.top+m.height,t.modal.left=m.left,t.modal.width=u.value,t.modal.component=t.columns[e.colIndex].modalComponent,t.modal.componentProps=t.columns[e.colIndex].modalComponentProps}};if(e.addNavigation){let m={...V,"keydown.f2":a,"keydown.alt.up":a,"keydown.alt.down":a,"keydown.alt.left":a,"keydown.alt.right":a};typeof e.addNavigation=="object"&&(m={...m,...e.addNavigation}),W([{selectors:o,handlers:m}])}const s=n.computed(()=>t.columns[e.colIndex].align||"center"),u=n.computed(()=>t.columns[e.colIndex].width||"40ch"),d=()=>{o.value&&(l.value=o.value.textContent)},c=()=>{o.value&&o.value.textContent!==l.value&&(l.value=o.value.textContent,o.value.dispatchEvent(new Event("change")),r.value=!0,t.columns[e.colIndex].format||t.setCellData(e.rowIndex,e.colIndex,l.value))},w=(m,b)=>b&&m===0&&b>0?`${b}ch`:"inherit",f={textAlign:s.value,width:u.value,backgroundColor:r.value?"var(--cell-modified-color)":"inherit",fontWeight:r.value?"bold":"inherit",paddingLeft:w(e.colIndex,(p=t.display[e.rowIndex])==null?void 0:p.indent)};return(m,b)=>(n.openBlock(),n.createElementBlock("td",{ref:"cell","data-colindex":m.colIndex,"data-rowindex":m.rowIndex,"data-editable":n.unref(t).columns[m.colIndex].edit,contenteditable:n.unref(t).columns[m.colIndex].edit,tabindex:m.tabIndex,spellcheck:!1,style:f,onFocus:d,onPaste:c,onBlur:c,onInput:c,onClick:a,onMousedown:a,class:"atable__cell"},[n.unref(t).columns[m.colIndex].cellComponent?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(t).columns[m.colIndex].cellComponent),n.mergeProps({key:0,value:i.value},n.unref(t).columns[m.colIndex].cellComponentProps),null,16,["value"])):(n.openBlock(),n.createElementBlock("span",Re,n.toDisplayString(i.value),1))],40,Be))}}),$e=["tabindex"],Oe=["tabindex"],Le=["colspan"],ne=n.defineComponent({__name:"AExpansionRow",props:{row:{},rowIndex:{},tableid:{},tabIndex:{default:()=>-1},addNavigation:{type:[Boolean,Object]}},setup(e){const t=n.inject(e.tableid),o=n.useTemplateRef("rowEl"),l=n.computed(()=>t.display[e.rowIndex].expanded?"▼":"►");if(e.addNavigation){const r={"keydown.control.g":i=>{i.stopPropagation(),i.preventDefault(),t.toggleRowExpand(e.rowIndex)}};typeof e.addNavigation=="object"&&Object.assign(r,e.addNavigation),W([{selectors:o,handlers:r}])}return(r,i)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createElementVNode("tr",n.mergeProps(r.$attrs,{ref:"rowEl",tabindex:r.tabIndex,class:"expandable-row"}),[n.createElementVNode("td",{tabIndex:-1,onClick:i[0]||(i[0]=a=>n.unref(t).toggleRowExpand(r.rowIndex)),class:"row-index"},n.toDisplayString(l.value),1),n.renderSlot(r.$slots,"row")],16,$e),n.unref(t).display[r.rowIndex].expanded?(n.openBlock(),n.createElementBlock("tr",{key:0,ref:"rowExpanded",tabindex:r.tabIndex,class:"expanded-row"},[n.createElementVNode("td",{tabIndex:-1,colspan:n.unref(t).columns.length+1,class:"expanded-row-content"},[n.renderSlot(r.$slots,"content")],8,Le)],8,Oe)):n.createCommentVNode("",!0)],64))}}),Me=["tabindex"],Pe={key:0,tabIndex:-1,class:"list-index"},z=n.defineComponent({__name:"ARow",props:{row:{},rowIndex:{},tableid:{},tabIndex:{default:()=>-1},addNavigation:{type:[Boolean,Object],default:!1}},setup(e){const t=n.inject(e.tableid),o=n.useTemplateRef("rowEl"),l=n.computed(()=>t.config.view!=="tree"||t.display[e.rowIndex].isRoot||t.display[e.rowIndex].open),r=n.computed(()=>t.config.view!=="tree"?"":t.display[e.rowIndex].isRoot||t.display[e.rowIndex].isParent?t.display[e.rowIndex].childrenOpen?"-":"+":""),i=a=>{t.toggleRowExpand(a)};if(e.addNavigation){let a=V;typeof e.addNavigation=="object"&&(a={...a,...e.addNavigation}),W([{selectors:o,handlers:a}])}return(a,s)=>n.withDirectives((n.openBlock(),n.createElementBlock("tr",{ref:"rowEl",tabindex:a.tabIndex,class:"table-row"},[n.renderSlot(a.$slots,"index",{},()=>[n.unref(t).config.view==="list"?(n.openBlock(),n.createElementBlock("td",Pe,n.toDisplayString(a.rowIndex+1),1)):n.unref(t).config.view==="tree"?(n.openBlock(),n.createElementBlock("td",{key:1,tabIndex:-1,class:"tree-index",onClick:s[0]||(s[0]=u=>i(a.rowIndex))},n.toDisplayString(r.value),1)):n.createCommentVNode("",!0)]),n.renderSlot(a.$slots,"default")],8,Me)),[[n.vShow,l.value]])}});function oe(e){return n.getCurrentScope()?(n.onScopeDispose(e),!0):!1}function T(e){return typeof e=="function"?e():n.unref(e)}const le=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ve=Object.prototype.toString,Ne=e=>ve.call(e)==="[object Object]",B=()=>{},F=je();function je(){var e,t;return le&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((t=window==null?void 0:window.navigator)==null?void 0:t.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}const re={mounted:"mounted",updated:"updated",unmounted:"unmounted"};function He(...e){if(e.length!==1)return n.toRef(...e);const t=e[0];return typeof t=="function"?n.readonly(n.customRef(()=>({get:t,set:B}))):n.ref(t)}function R(e){var t;const o=T(e);return(t=o==null?void 0:o.$el)!=null?t:o}const ae=le?window:void 0;function O(...e){let t,o,l,r;if(typeof e[0]=="string"||Array.isArray(e[0])?([o,l,r]=e,t=ae):[t,o,l,r]=e,!t)return B;Array.isArray(o)||(o=[o]),Array.isArray(l)||(l=[l]);const i=[],a=()=>{i.forEach(c=>c()),i.length=0},s=(c,w,f,p)=>(c.addEventListener(w,f,p),()=>c.removeEventListener(w,f,p)),u=n.watch(()=>[R(t),T(r)],([c,w])=>{if(a(),!c)return;const f=Ne(w)?{...w}:w;i.push(...o.flatMap(p=>l.map(m=>s(c,p,m,f))))},{immediate:!0,flush:"post"}),d=()=>{u(),a()};return oe(d),d}let ie=!1;function se(e,t,o={}){const{window:l=ae,ignore:r=[],capture:i=!0,detectIframe:a=!1}=o;if(!l)return B;F&&!ie&&(ie=!0,Array.from(l.document.body.children).forEach(f=>f.addEventListener("click",B)),l.document.documentElement.addEventListener("click",B));let s=!0;const u=f=>r.some(p=>{if(typeof p=="string")return Array.from(l.document.querySelectorAll(p)).some(m=>m===f.target||f.composedPath().includes(m));{const m=R(p);return m&&(f.target===m||f.composedPath().includes(m))}}),c=[O(l,"click",f=>{const p=R(e);if(!(!p||p===f.target||f.composedPath().includes(p))){if(f.detail===0&&(s=!u(f)),!s){s=!0;return}t(f)}},{passive:!0,capture:i}),O(l,"pointerdown",f=>{const p=R(e);s=!u(f)&&!!(p&&!f.composedPath().includes(p))},{passive:!0}),a&&O(l,"blur",f=>{setTimeout(()=>{var p;const m=R(e);((p=l.document.activeElement)==null?void 0:p.tagName)==="IFRAME"&&!(m!=null&&m.contains(l.document.activeElement))&&t(f)},0)})].filter(Boolean);return()=>c.forEach(f=>f())}const Ve={[re.mounted](e,t){const o=!t.modifiers.bubble;if(typeof t.value=="function")e.__onClickOutside_stop=se(e,t.value,{capture:o});else{const[l,r]=t.value;e.__onClickOutside_stop=se(e,l,Object.assign({capture:o},r))}},[re.unmounted](e){e.__onClickOutside_stop()}};function q(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function ce(e){const t=window.getComputedStyle(e);if(t.overflowX==="scroll"||t.overflowY==="scroll"||t.overflowX==="auto"&&e.clientWidth<e.scrollWidth||t.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const o=e.parentNode;return!o||o.tagName==="BODY"?!1:ce(o)}}function We(e){const t=e||window.event,o=t.target;return ce(o)?!1:t.touches.length>1?!0:(t.preventDefault&&t.preventDefault(),!1)}const G=new WeakMap;function Ue(e,t=!1){const o=n.ref(t);let l=null,r="";n.watch(He(e),s=>{const u=q(T(s));if(u){const d=u;if(G.get(d)||G.set(d,d.style.overflow),d.style.overflow!=="hidden"&&(r=d.style.overflow),d.style.overflow==="hidden")return o.value=!0;if(o.value)return d.style.overflow="hidden"}},{immediate:!0});const i=()=>{const s=q(T(e));!s||o.value||(F&&(l=O(s,"touchmove",u=>{We(u)},{passive:!1})),s.style.overflow="hidden",o.value=!0)},a=()=>{const s=q(T(e));!s||!o.value||(F&&(l==null||l()),s.style.overflow=r,G.delete(s),o.value=!1)};return oe(a),n.computed({get(){return o.value},set(s){s?i():a()}})}function ze(){let e=!1;const t=n.ref(!1);return(o,l)=>{if(t.value=l.value,e)return;e=!0;const r=Ue(o,l.value);n.watch(t,i=>r.value=i)}}ze();for(var g=[],Y=0;Y<256;++Y)g.push((Y+256).toString(16).slice(1));function Fe(e,t=0){return(g[e[t+0]]+g[e[t+1]]+g[e[t+2]]+g[e[t+3]]+"-"+g[e[t+4]]+g[e[t+5]]+"-"+g[e[t+6]]+g[e[t+7]]+"-"+g[e[t+8]]+g[e[t+9]]+"-"+g[e[t+10]]+g[e[t+11]]+g[e[t+12]]+g[e[t+13]]+g[e[t+14]]+g[e[t+15]]).toLowerCase()}var L,qe=new Uint8Array(16);function Ge(){if(!L&&(L=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!L))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return L(qe)}var Ye=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const de={randomUUID:Ye};function Xe(e,t,o){if(de.randomUUID&&!t&&!e)return de.randomUUID();e=e||{};var l=e.random||(e.rng||Ge)();return l[6]=l[6]&15|64,l[8]=l[8]&63|128,Fe(l)}class fe{constructor(t,o,l,r,i,a){k(this,"id");k(this,"rows");k(this,"columns");k(this,"config");k(this,"table");k(this,"display");k(this,"modal");this.id=t||Xe(),this.rows=l,this.columns=n.reactive(o),this.config=n.reactive(r),this.table=i||n.reactive(this.createTableObject()),this.display=this.createDisplayObject(a),this.modal=n.reactive({visible:!1})}createTableObject(){const t={};for(const[o,l]of this.columns.entries())for(const[r,i]of this.rows.entries())t[`${o}:${r}`]=i[l.name];return t}createDisplayObject(t){const o=[Object.assign({},{modified:!1})];if(t&&"0:0"in t)return t;const l=new Set;for(let r=this.rows.length-1;r>=0;r--){const i=this.rows[r];i.parent&&l.add(i.parent),o[r]={childrenOpen:!1,expanded:!1,indent:i.indent||null,isParent:l.has(r),isRoot:i.parent===null||i.parent===void 0,modified:!1,open:i.parent===null||i.parent===void 0,parent:i.parent}}return n.reactive(o)}get zeroColumn(){return["list","tree","list-expansion"].includes(this.config.view)}get numberedRowWidth(){return n.computed(()=>String(Math.ceil(this.rows.length/100)+1)+"ch")}cellData(t,o){return this.table[`${t}:${o}`]}setCellData(t,o,l){this.table[`${o}:${t}`]!==l&&(this.display[t].modified=!0),this.table[`${o}:${t}`]=l;const r=this.columns[o];return this.rows[t][r.name]=l,this.table[`${o}:${t}`]}toggleRowExpand(t){if(this.config.view==="tree"){this.display[t].childrenOpen=!this.display[t].childrenOpen;for(let o=this.rows.length-1;o>=0;o--)this.display[o].parent===t&&(this.display[o].open=!this.display[o].open,this.display[o].childrenOpen&&this.toggleRowExpand(o))}else this.config.view==="list-expansion"&&(this.display[t].expanded=!this.display[t].expanded)}}const Je={key:0,id:"resizable"},Qe={class:"atable-header-row",tabindex:"-1"},Ze={key:0,id:"header-index"},X=n.defineComponent({__name:"ATableHeader",props:{columns:{},tableid:{}},setup(e){const t=n.inject(e.tableid),o=l=>({minWidth:l.width||"40ch",textAlign:l.align||"center",width:t.config.fullWidth?"auto":null});return(l,r)=>l.columns.length?(n.openBlock(),n.createElementBlock("thead",Je,[n.createElementVNode("tr",Qe,[n.unref(t).zeroColumn?(n.openBlock(),n.createElementBlock("th",Ze)):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l.columns,(i,a)=>(n.openBlock(),n.createElementBlock("th",{key:i.name,tabindex:"-1",style:n.normalizeStyle(o(i))},[n.renderSlot(l.$slots,"default",{},()=>[n.createTextVNode(n.toDisplayString(i.label||String.fromCharCode(a+97).toUpperCase()),1)])],4))),128))])])):n.createCommentVNode("",!0)}}),J=n.defineComponent({__name:"ATableModal",props:{colIndex:{},rowIndex:{},tableid:{}},setup(e){const t=o=>{o.stopPropagation()};return(o,l)=>(n.openBlock(),n.createElementBlock("div",{class:"amodal",tabindex:"-1",onClick:t,onInput:t},[n.renderSlot(o.$slots,"default")],32))}}),ue=n.defineComponent({__name:"ATable",props:{id:{},modelValue:{},columns:{},rows:{default:()=>[]},config:{default:()=>new Object},tableid:{}},emits:["update:modelValue"],setup(e,{emit:t}){const o=t,l=e.modelValue?e.modelValue:e.rows,r=new fe(e.id,e.columns,l,e.config);n.provide(r.id,r),n.watch(()=>r.rows,a=>{o("update:modelValue",a)},{deep:!0});const i=a=>{var s;a.target instanceof Node&&(s=r.modal.parent)!=null&&s.contains(a.target)||r.modal.visible&&(r.modal.visible=!1)};return window.addEventListener("keydown",a=>{if(a.key==="Escape"&&r.modal.visible){r.modal.visible=!1;const s=r.modal.parent;s&&n.nextTick().then(()=>{s.focus()})}}),(a,s)=>n.withDirectives((n.openBlock(),n.createElementBlock("table",{class:"atable",style:n.normalizeStyle({width:n.unref(r).config.fullWidth?"100%":"auto"})},[n.renderSlot(a.$slots,"header",{data:n.unref(r)},()=>[n.createVNode(X,{columns:n.unref(r).columns,tableid:n.unref(r).id},null,8,["columns","tableid"])]),n.createElementVNode("tbody",null,[n.renderSlot(a.$slots,"body",{data:n.unref(r)},()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(r).rows,(u,d)=>(n.openBlock(),n.createBlock(z,{key:u.id,row:u,rowIndex:d,tableid:n.unref(r).id},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(r).columns,(c,w)=>(n.openBlock(),n.createBlock(U,{key:c.name,tableid:n.unref(r).id,col:c,spellcheck:"false",rowIndex:d,colIndex:w+(n.unref(r).zeroColumn?0:-1),component:c.cellComponent,style:n.normalizeStyle({textAlign:(c==null?void 0:c.align)||"center",minWidth:(c==null?void 0:c.width)||"40ch",width:n.unref(r).config.fullWidth?"auto":null})},null,8,["tableid","col","rowIndex","colIndex","component","style"]))),128))]),_:2},1032,["row","rowIndex","tableid"]))),128))])]),n.renderSlot(a.$slots,"footer",{data:n.unref(r)}),n.renderSlot(a.$slots,"modal",{data:n.unref(r)},()=>[n.withDirectives(n.createVNode(J,{colIndex:n.unref(r).modal.colIndex,rowIndex:n.unref(r).modal.rowIndex,tableid:n.unref(r).id,style:n.normalizeStyle({left:n.unref(r).modal.left+"px",top:n.unref(r).modal.top+"px",maxWidth:n.unref(r).modal.width+"px"})},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(r).modal.component),n.mergeProps({key:`${n.unref(r).modal.rowIndex}:${n.unref(r).modal.colIndex}`,colIndex:n.unref(r).modal.colIndex,rowIndex:n.unref(r).modal.rowIndex,tableid:n.unref(r).id},n.unref(r).modal.componentProps),null,16,["colIndex","rowIndex","tableid"]))]),_:1},8,["colIndex","rowIndex","tableid","style"]),[[n.vShow,n.unref(r).modal.visible]])])],4)),[[n.unref(Ve),i]])}});function Ke(e){e.component("ACell",U),e.component("AExpansionRow",ne),e.component("ARow",z),e.component("ATable",ue),e.component("ATableHeader",X),e.component("ATableModal",J)}h.ACell=U,h.AExpansionRow=ne,h.ARow=z,h.ATable=ue,h.ATableHeader=X,h.ATableModal=J,h.TableDataStore=fe,h.install=Ke,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=atable.umd.cjs.map