@stonecrop/atable 0.4.2 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,3 @@
1
- (function(C,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("pinia")):typeof define=="function"&&define.amd?define(["exports","vue","pinia"],t):(C=typeof globalThis<"u"?globalThis:C||self,t(C["@stonecrop/atable"]={},C.Vue,C.pinia))})(this,function(C,t,Se){"use strict";var le=document.createElement("style");le.textContent=`@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.atable-cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;display:flex;align-items:center;justify-content:center}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex}.expandable-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.expanded-row{display:flex;border-left:2px solid var(--sc-row-border-color)}.expandable-row:last-child{border-bottom:1px solid var(--sc-row-border-color)}.expanded-row-content{border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.table-row{border-top:1px solid var(--sc-row-border-color);display:flex;background-color:#fff}.table-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;width:7ch;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-header-row{display:flex}.atable-header-row th{padding-left:.5ch!important;font-weight:700;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color)}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-20);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:1000}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}[data-v-bd5101d3]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-20);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.atable[data-v-bd5101d3]{position:relative;font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:auto}.atable th[data-v-bd5101d3]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}.atable th[data-v-bd5101d3]:focus{outline:none}
2
- `,document.head.appendChild(le);function ae(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}function j(e){return typeof e=="function"?e():t.unref(e)}const Ae=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ie=e=>e!=null,Te=Object.prototype.toString,Me=e=>Te.call(e)==="[object Object]",$e=()=>{},O=Ae?window:void 0;function L(e){var o;const n=j(e);return(o=n==null?void 0:n.$el)!=null?o:n}function z(...e){let o,n,r,c;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,r,c]=e,o=O):[o,n,r,c]=e,!o)return $e;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const i=[],l=()=>{i.forEach(d=>d()),i.length=0},a=(d,f,m,p)=>(d.addEventListener(f,m,p),()=>d.removeEventListener(f,m,p)),u=t.watch(()=>[L(o),j(c)],([d,f])=>{if(l(),!d)return;const m=Me(f)?{...f}:f;i.push(...n.flatMap(p=>r.map(y=>a(d,p,y,m))))},{immediate:!0,flush:"post"}),s=()=>{u(),l()};return ae(s),s}function Re(){const e=t.ref(!1),o=t.getCurrentInstance();return o&&t.onMounted(()=>{e.value=!0},o),e}function Be(e){const o=Re();return t.computed(()=>(o.value,!!e()))}function Oe(e,o,n={}){const{window:r=O,...c}=n;let i;const l=Be(()=>r&&"MutationObserver"in r),a=()=>{i&&(i.disconnect(),i=void 0)},u=t.computed(()=>{const m=j(e),p=(Array.isArray(m)?m:[m]).map(L).filter(Ie);return new Set(p)}),s=t.watch(()=>u.value,m=>{a(),l.value&&m.size&&(i=new MutationObserver(o),m.forEach(p=>i.observe(p,c)))},{immediate:!0,flush:"post"}),d=()=>i==null?void 0:i.takeRecords(),f=()=>{s(),a()};return ae(f),{isSupported:l,stop:f,takeRecords:d}}function Le(e={}){var o;const{window:n=O,deep:r=!0,triggerOnRemoval:c=!1}=e,i=(o=e.document)!=null?o:n==null?void 0:n.document,l=()=>{var s;let d=i==null?void 0:i.activeElement;if(r)for(;d!=null&&d.shadowRoot;)d=(s=d==null?void 0:d.shadowRoot)==null?void 0:s.activeElement;return d},a=t.ref(),u=()=>{a.value=l()};return n&&(z(n,"blur",s=>{s.relatedTarget===null&&u()},!0),z(n,"focus",u,!0)),c&&Oe(i,s=>{s.filter(d=>d.removedNodes.length).map(d=>Array.from(d.removedNodes)).flat().forEach(d=>{d===a.value&&u()})},{childList:!0,subtree:!0}),u(),a}const ze="focusin",De="focusout";function Pe(e,o={}){const{window:n=O}=o,r=t.computed(()=>L(e)),c=t.ref(!1),i=t.computed(()=>c.value),l=Le(o);return!n||!l.value?{focused:i}:(z(r,ze,()=>c.value=!0),z(r,De,()=>c.value=!1),{focused:i})}function We(e,{window:o=O,scrollTarget:n}={}){const r=t.ref(!1),c=()=>{if(!o)return;const i=o.document,l=L(e);if(!l)r.value=!1;else{const a=l.getBoundingClientRect();r.value=a.top<=(o.innerHeight||i.documentElement.clientHeight)&&a.left<=(o.innerWidth||i.documentElement.clientWidth)&&a.bottom>=0&&a.right>=0}};return t.watch(()=>L(e),()=>c(),{immediate:!0,flush:"post"}),o&&z(n||o,"scroll",c,{capture:!1,passive:!0}),r}const T=e=>{let o=We(e).value;return o=o&&e.offsetHeight>0,o},M=e=>e.tabIndex>=0,se=e=>{const o=e.target;return F(o)},F=e=>{var o;let n;if(e instanceof HTMLTableCellElement){const r=(o=e.parentElement)==null?void 0:o.previousElementSibling;if(r){const c=Array.from(r.children)[e.cellIndex];c&&(n=c)}}else if(e instanceof HTMLTableRowElement){const r=e.previousElementSibling;r&&(n=r)}return n&&(!M(n)||!T(n))?F(n):n},He=e=>{var o;const n=e.target;let r;if(n instanceof HTMLTableCellElement){const c=(o=n.parentElement)==null?void 0:o.parentElement;if(c){const i=c.firstElementChild,l=i==null?void 0:i.children[n.cellIndex];l&&(r=l)}}else if(n instanceof HTMLTableRowElement){const c=n.parentElement;if(c){const i=c.firstElementChild;i&&(r=i)}}return r&&(!M(r)||!T(r))?q(r):r},ce=e=>{const o=e.target;return q(o)},q=e=>{var o;let n;if(e instanceof HTMLTableCellElement){const r=(o=e.parentElement)==null?void 0:o.nextElementSibling;if(r){const c=Array.from(r.children)[e.cellIndex];c&&(n=c)}}else if(e instanceof HTMLTableRowElement){const r=e.nextElementSibling;r&&(n=r)}return n&&(!M(n)||!T(n))?q(n):n},Ne=e=>{var o;const n=e.target;let r;if(n instanceof HTMLTableCellElement){const c=(o=n.parentElement)==null?void 0:o.parentElement;if(c){const i=c.lastElementChild,l=i==null?void 0:i.children[n.cellIndex];l&&(r=l)}}else if(n instanceof HTMLTableRowElement){const c=n.parentElement;if(c){const i=c.lastElementChild;i&&(r=i)}}return r&&(!M(r)||!T(r))?F(r):r},ie=e=>{const o=e.target;return Y(o)},Y=e=>{var o;let n;if(e.previousElementSibling)n=e.previousElementSibling;else{const r=(o=e.parentElement)==null?void 0:o.previousElementSibling;n=r==null?void 0:r.lastElementChild}return n&&(!M(n)||!T(n))?Y(n):n},de=e=>{const o=e.target;return U(o)},U=e=>{var o;let n;if(e.nextElementSibling)n=e.nextElementSibling;else{const r=(o=e.parentElement)==null?void 0:o.nextElementSibling;n=r==null?void 0:r.firstElementChild}return n&&(!M(n)||!T(n))?U(n):n},fe=e=>{const o=e.target.parentElement,n=o==null?void 0:o.firstElementChild;return n&&(!M(n)||!T(n))?U(n):n},ue=e=>{const o=e.target.parentElement,n=o==null?void 0:o.lastElementChild;return n&&(!M(n)||!T(n))?Y(n):n},H=["alt","control","shift","meta"],Ve={ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"},X={"keydown.up":e=>{const o=se(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.down":e=>{const o=ce(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.left":e=>{const o=ie(e);e.preventDefault(),e.stopPropagation(),o&&o.focus()},"keydown.right":e=>{const o=de(e);e.preventDefault(),e.stopPropagation(),o&&o.focus()},"keydown.control.up":e=>{const o=He(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.control.down":e=>{const o=Ne(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.control.left":e=>{const o=fe(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.control.right":e=>{const o=ue(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.end":e=>{const o=ue(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const o=ce(e);o&&o.focus()}},"keydown.shift.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const o=se(e);o&&o.focus()}},"keydown.home":e=>{const o=fe(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.tab":e=>{const o=de(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.shift.tab":e=>{const o=ie(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())}};function G(e){const o=l=>{let a=null;return l.parent&&(typeof l.parent=="string"?a=document.querySelector(l.parent):l.parent instanceof HTMLElement?a=l.parent:a=l.parent.value),a},n=l=>{var a;const u=o(l);let s=[];if(typeof l.selectors=="string")s=u?Array.from(u.querySelectorAll(l.selectors)):Array.from(document.querySelectorAll(l.selectors));else if(Array.isArray(l.selectors))for(const d of l.selectors)d instanceof HTMLElement?s.push(d):s.push(d.$el);else if(l.selectors instanceof HTMLElement)s.push(l.selectors);else if((a=l.selectors)!=null&&a.value)if(Array.isArray(l.selectors.value))for(const d of l.selectors.value)d instanceof HTMLElement?s.push(d):s.push(d.$el);else s.push(l.selectors.value);return s},r=l=>{const a=o(l);let u=[];return l.selectors?u=n(l):a&&(u=Array.from(a.children).filter(s=>M(s)&&T(s))),u},c=l=>a=>{const u=Ve[a.key]||a.key.toLowerCase();if(H.includes(u))return;const s=l.handlers||X;for(const d of Object.keys(s)){const[f,...m]=d.split(".");if(f==="keydown"&&m.includes(u)){const p=s[d],y=m.filter(b=>H.includes(b)),g=H.some(b=>{const w=b.charAt(0).toUpperCase()+b.slice(1);return a.getModifierState(w)});if(y.length>0){if(g){for(const b of H)if(m.includes(b)){const w=b.charAt(0).toUpperCase()+b.slice(1);a.getModifierState(w)&&p(a)}}}else g||p(a)}}},i=[];t.onMounted(()=>{for(const l of e){const a=o(l),u=r(l),s=c(l),d=a?[a]:u;for(const f of d){const{focused:m}=Pe(t.ref(f)),p=t.watch(m,y=>{y?f.addEventListener("keydown",s):f.removeEventListener("keydown",s)});i.push(p)}}}),t.onBeforeUnmount(()=>{for(const l of i)l()})}function D(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}function I(e){return typeof e=="function"?e():t.unref(e)}const J=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const je=e=>e!=null,Fe=Object.prototype.toString,me=e=>Fe.call(e)==="[object Object]",$=()=>{},Q=qe();function qe(){var e,o;return J&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((o=window==null?void 0:window.navigator)==null?void 0:o.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function Ye(e){return t.getCurrentInstance()}function Ue(...e){if(e.length!==1)return t.toRef(...e);const o=e[0];return typeof o=="function"?t.readonly(t.customRef(()=>({get:o,set:$}))):t.ref(o)}function Xe(e,o=!0,n){Ye()?t.onMounted(e,n):o?e():t.nextTick(e)}const N=J?window:void 0;function R(e){var o;const n=I(e);return(o=n==null?void 0:n.$el)!=null?o:n}function Z(...e){let o,n,r,c;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,r,c]=e,o=N):[o,n,r,c]=e,!o)return $;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const i=[],l=()=>{i.forEach(d=>d()),i.length=0},a=(d,f,m,p)=>(d.addEventListener(f,m,p),()=>d.removeEventListener(f,m,p)),u=t.watch(()=>[R(o),I(c)],([d,f])=>{if(l(),!d)return;const m=me(f)?{...f}:f;i.push(...n.flatMap(p=>r.map(y=>a(d,p,y,m))))},{immediate:!0,flush:"post"}),s=()=>{u(),l()};return D(s),s}function Ge(){const e=t.ref(!1),o=t.getCurrentInstance();return o&&t.onMounted(()=>{e.value=!0},o),e}function pe(e){const o=Ge();return t.computed(()=>(o.value,!!e()))}function be(e,o,n={}){const{window:r=N,...c}=n;let i;const l=pe(()=>r&&"MutationObserver"in r),a=()=>{i&&(i.disconnect(),i=void 0)},u=t.computed(()=>{const m=I(e),p=(Array.isArray(m)?m:[m]).map(R).filter(je);return new Set(p)}),s=t.watch(()=>u.value,m=>{a(),l.value&&m.size&&(i=new MutationObserver(o),m.forEach(p=>i.observe(p,c)))},{immediate:!0,flush:"post"}),d=()=>i==null?void 0:i.takeRecords(),f=()=>{s(),a()};return D(f),{isSupported:l,stop:f,takeRecords:d}}function Je(e,o,n={}){const{window:r=N,...c}=n;let i;const l=pe(()=>r&&"ResizeObserver"in r),a=()=>{i&&(i.disconnect(),i=void 0)},u=t.computed(()=>{const f=I(e);return Array.isArray(f)?f.map(m=>R(m)):[R(f)]}),s=t.watch(u,f=>{if(a(),l.value&&r){i=new ResizeObserver(o);for(const m of f)m&&i.observe(m,c)}},{immediate:!0,flush:"post"}),d=()=>{a(),s()};return D(d),{isSupported:l,stop:d}}function ge(e,o={}){const{reset:n=!0,windowResize:r=!0,windowScroll:c=!0,immediate:i=!0,updateTiming:l="sync"}=o,a=t.ref(0),u=t.ref(0),s=t.ref(0),d=t.ref(0),f=t.ref(0),m=t.ref(0),p=t.ref(0),y=t.ref(0);function g(){const w=R(e);if(!w){n&&(a.value=0,u.value=0,s.value=0,d.value=0,f.value=0,m.value=0,p.value=0,y.value=0);return}const k=w.getBoundingClientRect();a.value=k.height,u.value=k.bottom,s.value=k.left,d.value=k.right,f.value=k.top,m.value=k.width,p.value=k.x,y.value=k.y}function b(){l==="sync"?g():l==="next-frame"&&requestAnimationFrame(()=>g())}return Je(e,b),t.watch(()=>R(e),w=>!w&&b()),be(e,b,{attributeFilter:["style","class"]}),c&&Z("scroll",b,{capture:!0,passive:!0}),r&&Z("resize",b,{passive:!0}),Xe(()=>{i&&b()}),{height:a,bottom:u,left:s,right:d,top:f,width:m,x:p,y,update:b}}function Qe(e={}){const{window:o=N,behavior:n="auto"}=e;if(!o)return{x:t.ref(0),y:t.ref(0)};const r=t.ref(o.scrollX),c=t.ref(o.scrollY),i=t.computed({get(){return r.value},set(a){scrollTo({left:a,behavior:n})}}),l=t.computed({get(){return c.value},set(a){scrollTo({top:a,behavior:n})}});return Z(o,"scroll",()=>{r.value=o.scrollX,c.value=o.scrollY},{capture:!1,passive:!0}),{x:i,y:l}}const Ze=e=>{const o=new DOMParser().parseFromString(e,"text/html");return Array.from(o.body.childNodes).some(n=>n.nodeType===1)},Ke=(e=8)=>Array.from({length:e},()=>Math.floor(Math.random()*16).toString(16)).join(""),_e=["data-colindex","data-rowindex","data-editable","contenteditable","tabindex"],et=["innerHTML"],tt={key:2},K=t.defineComponent({__name:"ACell",props:{colIndex:{},rowIndex:{},store:{},addNavigation:{type:[Boolean,Object],default:!0},tabIndex:{default:0},pinned:{type:Boolean}},emits:["cellInput"],setup(e,{emit:o}){const n=o,r=t.useTemplateRef("cell"),c=e.store.getCellData(e.colIndex,e.rowIndex),i=t.ref(""),l=t.ref(!1),a=e.store.columns[e.colIndex],u=e.store.rows[e.rowIndex],s=a.align||"center",d=a.width||"40ch",f=t.computed(()=>e.store.getCellDisplayValue(e.colIndex,e.rowIndex)),m=t.computed(()=>typeof f.value=="string"?Ze(f.value):!1),p=t.computed(()=>{var w;return{textAlign:s,width:d,backgroundColor:l.value?"var(--sc-cell-changed-color)":"inherit",fontWeight:l.value?"bold":"inherit",paddingLeft:e.store.getIndent(e.colIndex,(w=e.store.display[e.rowIndex])==null?void 0:w.indent)}}),y=()=>{const{left:w,bottom:k,width:B,height:re}=ge(r);a.mask,a.modalComponent&&e.store.$patch(A=>{A.modal.visible=!0,A.modal.colIndex=e.colIndex,A.modal.rowIndex=e.rowIndex,A.modal.left=w,A.modal.bottom=k,A.modal.width=B,A.modal.height=re,typeof a.modalComponent=="function"?A.modal.component=a.modalComponent({table:A.table,row:u,column:a}):A.modal.component=a.modalComponent,A.modal.componentProps=a.modalComponentExtraProps})};if(e.addNavigation){let w={...X,"keydown.f2":y,"keydown.alt.up":y,"keydown.alt.down":y,"keydown.alt.left":y,"keydown.alt.right":y};typeof e.addNavigation=="object"&&(w={...w,...e.addNavigation}),G([{selectors:r,handlers:w}])}const g=()=>{r.value&&(i.value=r.value.textContent)},b=w=>{const k=w.target;k.textContent!==i.value&&(n("cellInput",e.colIndex,e.rowIndex,k.textContent,i.value),i.value=k.textContent,a.format?(l.value=k.textContent!==e.store.getFormattedValue(e.colIndex,e.rowIndex,c),e.store.setCellText(e.colIndex,e.rowIndex,k.textContent)):(l.value=k.textContent!==c,e.store.setCellData(e.colIndex,e.rowIndex,k.textContent)))};return(w,k)=>(t.openBlock(),t.createElementBlock("td",{ref:"cell","data-colindex":w.colIndex,"data-rowindex":w.rowIndex,"data-editable":t.unref(a).edit,contenteditable:t.unref(a).edit,tabindex:w.tabIndex,spellcheck:!1,style:t.normalizeStyle(p.value),onFocus:g,onPaste:b,onInput:b,onClick:y,class:t.normalizeClass(["atable-cell",w.pinned?"sticky-column":""])},[t.unref(a).cellComponent?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(a).cellComponent),t.mergeProps({key:0,value:f.value},t.unref(a).cellComponentProps),null,16,["value"])):m.value?(t.openBlock(),t.createElementBlock("span",{key:1,innerHTML:f.value},null,8,et)):(t.openBlock(),t.createElementBlock("span",tt,t.toDisplayString(f.value),1))],46,_e))}}),ot=["tabindex"],nt=["tabindex"],rt=["colspan"],he=t.defineComponent({__name:"AExpansionRow",props:{rowIndex:{},store:{},tabIndex:{default:()=>-1},addNavigation:{type:[Boolean,Object]}},setup(e){const o=t.useTemplateRef("rowEl"),n=t.computed(()=>e.store.display[e.rowIndex].expanded?"▼":"►");if(e.addNavigation){const r={"keydown.control.g":c=>{c.stopPropagation(),c.preventDefault(),e.store.toggleRowExpand(e.rowIndex)}};typeof e.addNavigation=="object"&&Object.assign(r,e.addNavigation),G([{selectors:o,handlers:r}])}return(r,c)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("tr",t.mergeProps(r.$attrs,{ref:"rowEl",tabindex:r.tabIndex,class:"expandable-row"}),[t.createElementVNode("td",{tabIndex:-1,onClick:c[0]||(c[0]=i=>r.store.toggleRowExpand(r.rowIndex)),class:"row-index"},t.toDisplayString(n.value),1),t.renderSlot(r.$slots,"row")],16,ot),r.store.display[r.rowIndex].expanded?(t.openBlock(),t.createElementBlock("tr",{key:0,ref:"rowExpanded",tabindex:r.tabIndex,class:"expanded-row"},[t.createElementVNode("td",{tabIndex:-1,colspan:r.store.columns.length+1,class:"expanded-row-content"},[t.renderSlot(r.$slots,"content")],8,rt)],8,nt)):t.createCommentVNode("",!0)],64))}}),lt=["tabindex"],_=t.defineComponent({__name:"ARow",props:{rowIndex:{},store:{},tabIndex:{default:()=>-1},addNavigation:{type:[Boolean,Object],default:!1}},setup(e){const o=t.useTemplateRef("rowEl"),n=t.computed(()=>e.store.isRowVisible(e.rowIndex)),r=t.computed(()=>e.store.getRowExpandSymbol(e.rowIndex));if(e.addNavigation){let c=X;typeof e.addNavigation=="object"&&(c={...c,...e.addNavigation}),G([{selectors:o,handlers:c}])}return(c,i)=>t.withDirectives((t.openBlock(),t.createElementBlock("tr",{ref:"rowEl",tabindex:c.tabIndex,class:"table-row"},[c.store.config.view!=="uncounted"?t.renderSlot(c.$slots,"index",{key:0},()=>[c.store.config.view==="list"?(t.openBlock(),t.createElementBlock("td",{key:0,tabIndex:-1,class:t.normalizeClass(["list-index",c.store.hasPinnedColumns?"sticky-index":""])},t.toDisplayString(c.rowIndex+1),3)):c.store.config.view==="tree"?(t.openBlock(),t.createElementBlock("td",{key:1,tabIndex:-1,class:t.normalizeClass(["tree-index",c.store.hasPinnedColumns?"sticky-index":""]),onClick:i[0]||(i[0]=l=>c.store.toggleRowExpand(c.rowIndex))},t.toDisplayString(r.value),3)):t.createCommentVNode("",!0)]):t.createCommentVNode("",!0),t.renderSlot(c.$slots,"default")],8,lt)),[[t.vShow,n.value]])}}),we=J?window:void 0;function P(e){var o;const n=I(e);return(o=n==null?void 0:n.$el)!=null?o:n}function V(...e){let o,n,r,c;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,r,c]=e,o=we):[o,n,r,c]=e,!o)return $;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const i=[],l=()=>{i.forEach(d=>d()),i.length=0},a=(d,f,m,p)=>(d.addEventListener(f,m,p),()=>d.removeEventListener(f,m,p)),u=t.watch(()=>[P(o),I(c)],([d,f])=>{if(l(),!d)return;const m=me(f)?{...f}:f;i.push(...n.flatMap(p=>r.map(y=>a(d,p,y,m))))},{immediate:!0,flush:"post"}),s=()=>{u(),l()};return D(s),s}let ye=!1;function xe(e,o,n={}){const{window:r=we,ignore:c=[],capture:i=!0,detectIframe:l=!1}=n;if(!r)return $;Q&&!ye&&(ye=!0,Array.from(r.document.body.children).forEach(g=>g.addEventListener("click",$)),r.document.documentElement.addEventListener("click",$));let a=!0;const u=g=>I(c).some(b=>{if(typeof b=="string")return Array.from(r.document.querySelectorAll(b)).some(w=>w===g.target||g.composedPath().includes(w));{const w=P(b);return w&&(g.target===w||g.composedPath().includes(w))}});function s(g){const b=I(g);return b&&b.$.subTree.shapeFlag===16}function d(g,b){const w=I(g),k=w.$.subTree&&w.$.subTree.children;return k==null||!Array.isArray(k)?!1:k.some(B=>B.el===b.target||b.composedPath().includes(B.el))}const f=g=>{const b=P(e);if(g.target!=null&&!(!(b instanceof Element)&&s(e)&&d(e,g))&&!(!b||b===g.target||g.composedPath().includes(b))){if(g.detail===0&&(a=!u(g)),!a){a=!0;return}o(g)}};let m=!1;const p=[V(r,"click",g=>{m||(m=!0,setTimeout(()=>{m=!1},0),f(g))},{passive:!0,capture:i}),V(r,"pointerdown",g=>{const b=P(e);a=!u(g)&&!!(b&&!g.composedPath().includes(b))},{passive:!0}),l&&V(r,"blur",g=>{setTimeout(()=>{var b;const w=P(e);((b=r.document.activeElement)==null?void 0:b.tagName)==="IFRAME"&&!(w!=null&&w.contains(r.document.activeElement))&&o(g)},0)})].filter(Boolean);return()=>p.forEach(g=>g())}const at={mounted(e,o){const n=!o.modifiers.bubble;if(typeof o.value=="function")e.__onClickOutside_stop=xe(e,o.value,{capture:n});else{const[r,c]=o.value;e.__onClickOutside_stop=xe(e,r,Object.assign({capture:n},c))}},unmounted(e){e.__onClickOutside_stop()}};function ee(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function ke(e){const o=window.getComputedStyle(e);if(o.overflowX==="scroll"||o.overflowY==="scroll"||o.overflowX==="auto"&&e.clientWidth<e.scrollWidth||o.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const n=e.parentNode;return!n||n.tagName==="BODY"?!1:ke(n)}}function st(e){const o=e||window.event,n=o.target;return ke(n)?!1:o.touches.length>1?!0:(o.preventDefault&&o.preventDefault(),!1)}const te=new WeakMap;function ct(e,o=!1){const n=t.ref(o);let r=null,c="";t.watch(Ue(e),a=>{const u=ee(I(a));if(u){const s=u;if(te.get(s)||te.set(s,s.style.overflow),s.style.overflow!=="hidden"&&(c=s.style.overflow),s.style.overflow==="hidden")return n.value=!0;if(n.value)return s.style.overflow="hidden"}},{immediate:!0});const i=()=>{const a=ee(I(e));!a||n.value||(Q&&(r=V(a,"touchmove",u=>{st(u)},{passive:!1})),a.style.overflow="hidden",n.value=!0)},l=()=>{const a=ee(I(e));!a||!n.value||(Q&&(r==null||r()),a.style.overflow=c,te.delete(a),n.value=!1)};return D(l),t.computed({get(){return n.value},set(a){a?i():l()}})}function it(){let e=!1;const o=t.ref(!1);return(n,r)=>{if(o.value=r.value,e)return;e=!0;const c=ct(n,r.value);t.watch(o,i=>c.value=i)}}it();const dt={key:0,id:"resizable"},ft={class:"atable-header-row",tabindex:"-1"},oe=t.defineComponent({__name:"ATableHeader",props:{columns:{},store:{}},setup(e){return(o,n)=>o.columns.length?(t.openBlock(),t.createElementBlock("thead",dt,[t.createElementVNode("tr",ft,[o.store.zeroColumn?(t.openBlock(),t.createElementBlock("th",{key:0,id:"header-index",class:t.normalizeClass([[o.store.hasPinnedColumns?"sticky-index":"",o.store.config.view==="tree"?"tree-index":"",o.store.config.view==="list-expansion"?"list-expansion-index":""],"list-index"])},null,2)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.columns,(r,c)=>(t.openBlock(),t.createElementBlock("th",{key:r.name,tabindex:"-1",style:t.normalizeStyle(o.store.getHeaderCellStyle(r)),class:t.normalizeClass(r.pinned?"sticky-column":"")},[t.renderSlot(o.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(r.label||String.fromCharCode(c+97).toUpperCase()),1)])],6))),128))])])):t.createCommentVNode("",!0)}}),ne=t.defineComponent({__name:"ATableModal",props:{store:{}},setup(e){const o=t.useTemplateRef("amodal"),{width:n,height:r}=ge(o),{y:c}=Qe(),i=t.computed(()=>{if(!(e.store.modal.height&&e.store.modal.width&&e.store.modal.left&&e.store.modal.bottom))return;const a=document.body,u=document.documentElement,s=Math.max(a.scrollHeight,a.offsetHeight,u.clientHeight,u.scrollHeight,u.offsetHeight),d=Math.max(a.scrollWidth,a.offsetWidth,u.clientWidth,u.scrollWidth,u.offsetWidth),f=e.store.modal.bottom+r.value+c.value<=s?e.store.modal.bottom:e.store.modal.bottom-r.value-e.store.modal.height;return{left:`${e.store.modal.left+n.value<=d?e.store.modal.left:e.store.modal.left-(n.value-e.store.modal.width)}px`,top:`${f}px`}}),l=a=>{a.stopPropagation()};return(a,u)=>(t.openBlock(),t.createElementBlock("div",{class:"amodal",ref:"amodal",tabindex:"-1",onClick:l,onInput:l,style:t.normalizeStyle(i.value)},[t.renderSlot(a.$slots,"default")],36))}}),ve=e=>{const o=e.id||Ke();return Se.defineStore(`table-${o}`,()=>{const r=()=>{const h={};for(const[x,v]of i.value.entries())for(const[E,S]of l.value.entries())h[`${x}:${E}`]=S[v.name];return h},c=h=>{const x=[Object.assign({},{rowModified:!1})];if(h&&"0:0"in h)return h;const v=new Set;for(let E=l.value.length-1;E>=0;E--){const S=l.value[E];S.parent&&v.add(S.parent),x[E]={childrenOpen:!1,expanded:!1,indent:S.indent||0,isParent:v.has(E),isRoot:S.parent===null||S.parent===void 0,rowModified:!1,open:S.parent===null||S.parent===void 0,parent:S.parent}}return x},i=t.ref(e.columns),l=t.ref(e.rows),a=t.ref(e.config||{}),u=t.ref(e.table||r()),s=t.ref(c(e.display)),d=t.ref(e.modal||{visible:!1}),f=t.ref({}),m=t.computed(()=>i.value.some(h=>h.pinned)),p=t.computed(()=>`${Math.ceil(l.value.length/100+1)}ch`),y=t.computed(()=>a.value.view?["list","tree","list-expansion"].includes(a.value.view):!1),g=(h,x)=>u.value[`${h}:${x}`],b=(h,x,v)=>{const E=`${h}:${x}`,S=i.value[h];u.value[E]!==v&&(s.value[x].rowModified=!0),u.value[E]=v,l.value[x][S.name]=v},w=(h,x,v)=>{const E=`${h}:${x}`;u.value[E]!==v&&(s.value[x].rowModified=!0,f.value[E]=v)},k=h=>({minWidth:h.width||"40ch",textAlign:h.align||"center",width:a.value.fullWidth?"auto":void 0}),B=h=>a.value.view!=="tree"||s.value[h].isRoot||s.value[h].open,re=h=>a.value.view!=="tree"?"":s.value[h].isRoot||s.value[h].isParent?s.value[h].childrenOpen?"-":"+":"",A=h=>{if(a.value.view==="tree"){s.value[h].childrenOpen=!s.value[h].childrenOpen;for(let x=l.value.length-1;x>=0;x--)s.value[x].parent===h&&(s.value[x].open=!s.value[x].open,s.value[x].childrenOpen&&A(x))}else a.value.view==="list-expansion"&&(s.value[h].expanded=!s.value[h].expanded)},mt=(h,x)=>{const v=g(h,x);return Ce(h,x,v)},Ce=(h,x,v)=>{const E=i.value[h],S=l.value[x],W=E.format;return W?typeof W=="function"?W(v,{table:u.value,row:S,column:E}):typeof W=="string"?Function(`"use strict";return (${W})`)()(v,{table:u.value,row:S,column:E}):v:v};return{columns:i,config:a,display:s,modal:d,rows:l,table:u,updates:f,hasPinnedColumns:m,numberedRowWidth:p,zeroColumn:y,closeModal:h=>{var x;h.target instanceof Node&&(x=d.value.parent)!=null&&x.contains(h.target)||d.value.visible&&(d.value.visible=!1)},getCellData:g,getCellDisplayValue:mt,getFormattedValue:Ce,getHeaderCellStyle:k,getIndent:(h,x)=>x&&h===0&&x>0?`${x}ch`:"inherit",getRowExpandSymbol:re,isRowVisible:B,setCellData:b,setCellText:w,toggleRowExpand:A}})()},Ee=((e,o)=>{const n=e.__vccOpts||e;for(const[r,c]of o)n[r]=c;return n})(t.defineComponent({__name:"ATable",props:{id:{},modelValue:{},columns:{},rows:{default:()=>[]},config:{default:()=>new Object}},emits:["update:modelValue","cellUpdate"],setup(e,{expose:o,emit:n}){const r=n,c=t.useTemplateRef("table"),i=e.modelValue?e.modelValue:e.rows,l=ve({columns:e.columns,rows:i,id:e.id,config:e.config});l.$onAction(({name:s,store:d,args:f,after:m})=>{if(s==="setCellData"){const[p,y,g]=f,b=d.getCellData(p,y);m(()=>{r("cellUpdate",p,y,g,b)})}}),t.watch(()=>l.rows,s=>{r("update:modelValue",s)},{deep:!0}),t.onMounted(()=>{e.columns.some(s=>s.pinned)&&(u(),l.config.view==="tree"&&be(c,u,{childList:!0,subtree:!0}))});const a=(s,d,f,m)=>{r("cellUpdate",s,d,f,m)},u=()=>{const s=c.value,d=s==null?void 0:s.rows[0],f=s==null?void 0:s.rows[1],m=d?Array.from(d.cells):[];for(const[p,y]of m.entries()){const g=f==null?void 0:f.cells[p];g&&(y.style.width=`${g.offsetWidth}px`)}for(const p of(s==null?void 0:s.rows)||[]){let y=0;const g=[];for(const b of p.cells)(b.classList.contains("sticky-column")||b.classList.contains("sticky-index"))&&(b.style.left=`${y}px`,y+=b.offsetWidth,g.push(b));g.length>0&&g[g.length-1].classList.add("sticky-column-edge")}};return window.addEventListener("keydown",s=>{if(s.key==="Escape"&&l.modal.visible){l.modal.visible=!1;const d=l.modal.parent;d&&t.nextTick().then(()=>{d.focus()})}}),o({store:l}),(s,d)=>t.withDirectives((t.openBlock(),t.createElementBlock("table",{ref:"table",class:"atable",style:t.normalizeStyle({width:t.unref(l).config.fullWidth?"100%":"auto"})},[t.renderSlot(s.$slots,"header",{data:t.unref(l)},()=>[t.createVNode(oe,{columns:t.unref(l).columns,store:t.unref(l)},null,8,["columns","store"])],!0),t.createElementVNode("tbody",null,[t.renderSlot(s.$slots,"body",{data:t.unref(l)},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(l).rows,(f,m)=>(t.openBlock(),t.createBlock(_,{key:f.id,row:f,rowIndex:m,store:t.unref(l)},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(l).columns,(p,y)=>(t.openBlock(),t.createBlock(K,{key:p.name,store:t.unref(l),col:p,spellcheck:"false",pinned:p.pinned,rowIndex:m,colIndex:y,component:p.cellComponent,style:t.normalizeStyle({textAlign:(p==null?void 0:p.align)||"center",minWidth:(p==null?void 0:p.width)||"40ch",width:t.unref(l).config.fullWidth?"auto":null}),onCellInput:a},null,8,["store","col","pinned","rowIndex","colIndex","component","style"]))),128))]),_:2},1032,["row","rowIndex","store"]))),128))],!0)]),t.renderSlot(s.$slots,"footer",{data:t.unref(l)},void 0,!0),t.renderSlot(s.$slots,"modal",{data:t.unref(l)},()=>[t.withDirectives(t.createVNode(ne,{store:t.unref(l)},{default:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(l).modal.component),t.mergeProps({key:`${t.unref(l).modal.rowIndex}:${t.unref(l).modal.colIndex}`,colIndex:t.unref(l).modal.colIndex,rowIndex:t.unref(l).modal.rowIndex,store:t.unref(l)},t.unref(l).modal.componentProps),null,16,["colIndex","rowIndex","store"]))]),_:1},8,["store"]),[[t.vShow,t.unref(l).modal.visible]])],!0)],4)),[[t.unref(at),t.unref(l).closeModal]])}}),[["__scopeId","data-v-bd5101d3"]]);function ut(e){e.component("ACell",K),e.component("AExpansionRow",he),e.component("ARow",_),e.component("ATable",Ee),e.component("ATableHeader",oe),e.component("ATableModal",ne)}C.ACell=K,C.AExpansionRow=he,C.ARow=_,C.ATable=Ee,C.ATableHeader=oe,C.ATableModal=ne,C.createTableStore=ve,C.install=ut,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
1
+ (function(E,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("pinia")):typeof define=="function"&&define.amd?define(["exports","vue","pinia"],t):(E=typeof globalThis<"u"?globalThis:E||self,t(E["@stonecrop/atable"]={},E.Vue,E.pinia))})(this,function(E,t,$e){"use strict";var ce=document.createElement("style");ce.textContent=`@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.atable-cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.cell-modified{font-weight:700;font-style:italic}.cell-modified-highlight{background-color:var(--sc-cell-changed-color)}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;display:flex;align-items:center;justify-content:center}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex}.expandable-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.expanded-row{display:flex;border-left:2px solid var(--sc-row-border-color)}.expandable-row:last-child{border-bottom:1px solid var(--sc-row-border-color)}.expanded-row-content{border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.expandable-row.changed-row-gradient[data-v-60affd71]:has(td.cell-modified){--cell-color-start: color-mix(in srgb, var(--sc-cell-changed-color), #fff 20%);--cell-color-end: color-mix(in srgb, var(--sc-cell-changed-color), #fff 60%);background:linear-gradient(90deg,var(--cell-color-start),var(--cell-color-end))}.atable-row{border-top:1px solid var(--sc-row-border-color);display:flex;background-color:#fff}.table-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;width:7ch;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-row:has(td.cell-modified)>td.sticky-column,.atable-row:has(td.cell-modified)>th.sticky-column,.atable-row:has(td.cell-modified)>td.sticky-index,.atable-row:has(td.cell-modified)>th.sticky-index{background:var(--sc-cell-changed-color)}.atable-row.changed-row-gradient[data-v-e02365ea]:has(td.cell-modified){--cell-color-start: color-mix(in srgb, var(--sc-cell-changed-color), #fff 20%);--cell-color-end: color-mix(in srgb, var(--sc-cell-changed-color), #fff 60%);background:linear-gradient(90deg,var(--cell-color-start),var(--cell-color-end))}.atable-header-row{display:flex}.atable-header-row th{padding-left:.5ch!important;font-weight:700;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color)}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-table-loading-color: 204, 204, 204;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:1000}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}[data-v-bd5101d3]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-table-loading-color: 204, 204, 204;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.atable[data-v-bd5101d3]{position:relative;font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:auto}.atable th[data-v-bd5101d3]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}.atable th[data-v-bd5101d3]:focus{outline:none}.aloading[data-v-a930a25b]{width:100%;border-top:1px solid var(--sc-row-border-color);border-bottom:1px solid var(--sc-row-border-color);display:flex;background-color:#fff;border-left:4px solid var(--sc-row-border-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);align-items:center;box-sizing:border-box;background:var(--sc-focus-cell-background);overflow:hidden;position:relative}.aloading-bar[data-v-a930a25b]{width:100%;height:100%;position:absolute;left:-100%;top:0;background:linear-gradient(90deg,rgba(var(--sc-table-loading-color),0),rgba(var(--sc-table-loading-color),1),rgba(var(--sc-table-loading-color),0));animation:gradient-a930a25b infinite 2s;z-index:0}.aloading-header[data-v-a930a25b]{color:var(--sc-cell-text-color);font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);padding:0;margin:0;font-weight:400;z-index:1}.aloading-header[data-v-a930a25b]:after{content:"...";animation:ellipse-a930a25b 2s;animation-iteration-count:infinite}@keyframes gradient-a930a25b{0%{left:-100%}to{left:100%}}@keyframes ellipse-a930a25b{0%{content:""}20%{content:""}40%{content:"."}60%{content:".."}80%{content:"..."}}.aloading[data-v-e1165876]{width:100%;border-top:1px solid var(--sc-row-border-color);border-bottom:1px solid var(--sc-row-border-color);display:flex;background-color:#fff;border-left:4px solid var(--sc-row-border-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);align-items:center;box-sizing:border-box;background:var(--sc-focus-cell-background);overflow:hidden;position:relative}.aloading-bar[data-v-e1165876]{width:50%;height:3px;position:absolute;left:-100%;bottom:0;background:var(--sc-row-border-color);animation:bar-left-e1165876 infinite 2s;z-index:0}.aloading-header[data-v-e1165876]{color:var(--sc-cell-text-color);font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);padding:0;margin:0;font-weight:400;z-index:1}.aloading-header[data-v-e1165876]:after{content:"...";animation:ellipse-e1165876 2s;animation-iteration-count:infinite}@keyframes bar-left-e1165876{0%{left:-50%}to{left:100%}}@keyframes ellipse-e1165876{0%{content:""}20%{content:""}40%{content:"."}60%{content:".."}80%{content:"..."}}
2
+ `,document.head.appendChild(ce);function se(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}function q(e){return typeof e=="function"?e():t.unref(e)}const Me=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Be=e=>e!=null,ze=Object.prototype.toString,Re=e=>ze.call(e)==="[object Object]",Le=()=>{},R=Me?window:void 0;function L(e){var o;const n=q(e);return(o=n==null?void 0:n.$el)!=null?o:n}function O(...e){let o,n,r,s;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,r,s]=e,o=R):[o,n,r,s]=e,!o)return Le;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const i=[],l=()=>{i.forEach(d=>d()),i.length=0},a=(d,f,m,p)=>(d.addEventListener(f,m,p),()=>d.removeEventListener(f,m,p)),u=t.watch(()=>[L(o),q(s)],([d,f])=>{if(l(),!d)return;const m=Re(f)?{...f}:f;i.push(...n.flatMap(p=>r.map(x=>a(d,p,x,m))))},{immediate:!0,flush:"post"}),c=()=>{u(),l()};return se(c),c}function Oe(){const e=t.ref(!1),o=t.getCurrentInstance();return o&&t.onMounted(()=>{e.value=!0},o),e}function De(e){const o=Oe();return t.computed(()=>(o.value,!!e()))}function Pe(e,o,n={}){const{window:r=R,...s}=n;let i;const l=De(()=>r&&"MutationObserver"in r),a=()=>{i&&(i.disconnect(),i=void 0)},u=t.computed(()=>{const m=q(e),p=(Array.isArray(m)?m:[m]).map(L).filter(Be);return new Set(p)}),c=t.watch(()=>u.value,m=>{a(),l.value&&m.size&&(i=new MutationObserver(o),m.forEach(p=>i.observe(p,s)))},{immediate:!0,flush:"post"}),d=()=>i==null?void 0:i.takeRecords(),f=()=>{c(),a()};return se(f),{isSupported:l,stop:f,takeRecords:d}}function Ne(e={}){var o;const{window:n=R,deep:r=!0,triggerOnRemoval:s=!1}=e,i=(o=e.document)!=null?o:n==null?void 0:n.document,l=()=>{var c;let d=i==null?void 0:i.activeElement;if(r)for(;d!=null&&d.shadowRoot;)d=(c=d==null?void 0:d.shadowRoot)==null?void 0:c.activeElement;return d},a=t.ref(),u=()=>{a.value=l()};return n&&(O(n,"blur",c=>{c.relatedTarget===null&&u()},!0),O(n,"focus",u,!0)),s&&Pe(i,c=>{c.filter(d=>d.removedNodes.length).map(d=>Array.from(d.removedNodes)).flat().forEach(d=>{d===a.value&&u()})},{childList:!0,subtree:!0}),u(),a}const We="focusin",He="focusout";function Ve(e,o={}){const{window:n=R}=o,r=t.computed(()=>L(e)),s=t.ref(!1),i=t.computed(()=>s.value),l=Ne(o);return!n||!l.value?{focused:i}:(O(r,We,()=>s.value=!0),O(r,He,()=>s.value=!1),{focused:i})}function je(e,{window:o=R,scrollTarget:n}={}){const r=t.ref(!1),s=()=>{if(!o)return;const i=o.document,l=L(e);if(!l)r.value=!1;else{const a=l.getBoundingClientRect();r.value=a.top<=(o.innerHeight||i.documentElement.clientHeight)&&a.left<=(o.innerWidth||i.documentElement.clientWidth)&&a.bottom>=0&&a.right>=0}};return t.watch(()=>L(e),()=>s(),{immediate:!0,flush:"post"}),o&&O(n||o,"scroll",s,{capture:!1,passive:!0}),r}const $=e=>{let o=je(e).value;return o=o&&e.offsetHeight>0,o},M=e=>e.tabIndex>=0,ie=e=>{const o=e.target;return Y(o)},Y=e=>{var o;let n;if(e instanceof HTMLTableCellElement){const r=(o=e.parentElement)==null?void 0:o.previousElementSibling;if(r){const s=Array.from(r.children)[e.cellIndex];s&&(n=s)}}else if(e instanceof HTMLTableRowElement){const r=e.previousElementSibling;r&&(n=r)}return n&&(!M(n)||!$(n))?Y(n):n},Fe=e=>{var o;const n=e.target;let r;if(n instanceof HTMLTableCellElement){const s=(o=n.parentElement)==null?void 0:o.parentElement;if(s){const i=s.firstElementChild,l=i==null?void 0:i.children[n.cellIndex];l&&(r=l)}}else if(n instanceof HTMLTableRowElement){const s=n.parentElement;if(s){const i=s.firstElementChild;i&&(r=i)}}return r&&(!M(r)||!$(r))?U(r):r},de=e=>{const o=e.target;return U(o)},U=e=>{var o;let n;if(e instanceof HTMLTableCellElement){const r=(o=e.parentElement)==null?void 0:o.nextElementSibling;if(r){const s=Array.from(r.children)[e.cellIndex];s&&(n=s)}}else if(e instanceof HTMLTableRowElement){const r=e.nextElementSibling;r&&(n=r)}return n&&(!M(n)||!$(n))?U(n):n},qe=e=>{var o;const n=e.target;let r;if(n instanceof HTMLTableCellElement){const s=(o=n.parentElement)==null?void 0:o.parentElement;if(s){const i=s.lastElementChild,l=i==null?void 0:i.children[n.cellIndex];l&&(r=l)}}else if(n instanceof HTMLTableRowElement){const s=n.parentElement;if(s){const i=s.lastElementChild;i&&(r=i)}}return r&&(!M(r)||!$(r))?Y(r):r},fe=e=>{const o=e.target;return X(o)},X=e=>{var o;let n;if(e.previousElementSibling)n=e.previousElementSibling;else{const r=(o=e.parentElement)==null?void 0:o.previousElementSibling;n=r==null?void 0:r.lastElementChild}return n&&(!M(n)||!$(n))?X(n):n},ue=e=>{const o=e.target;return G(o)},G=e=>{var o;let n;if(e.nextElementSibling)n=e.nextElementSibling;else{const r=(o=e.parentElement)==null?void 0:o.nextElementSibling;n=r==null?void 0:r.firstElementChild}return n&&(!M(n)||!$(n))?G(n):n},me=e=>{const o=e.target.parentElement,n=o==null?void 0:o.firstElementChild;return n&&(!M(n)||!$(n))?G(n):n},pe=e=>{const o=e.target.parentElement,n=o==null?void 0:o.lastElementChild;return n&&(!M(n)||!$(n))?X(n):n},H=["alt","control","shift","meta"],Ye={ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"},J={"keydown.up":e=>{const o=ie(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.down":e=>{const o=de(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.left":e=>{const o=fe(e);e.preventDefault(),e.stopPropagation(),o&&o.focus()},"keydown.right":e=>{const o=ue(e);e.preventDefault(),e.stopPropagation(),o&&o.focus()},"keydown.control.up":e=>{const o=Fe(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.control.down":e=>{const o=qe(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.control.left":e=>{const o=me(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.control.right":e=>{const o=pe(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.end":e=>{const o=pe(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const o=de(e);o&&o.focus()}},"keydown.shift.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const o=ie(e);o&&o.focus()}},"keydown.home":e=>{const o=me(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.tab":e=>{const o=ue(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())},"keydown.shift.tab":e=>{const o=fe(e);o&&(e.preventDefault(),e.stopPropagation(),o.focus())}};function Q(e){const o=l=>{let a=null;return l.parent&&(typeof l.parent=="string"?a=document.querySelector(l.parent):l.parent instanceof HTMLElement?a=l.parent:a=l.parent.value),a},n=l=>{var a;const u=o(l);let c=[];if(typeof l.selectors=="string")c=u?Array.from(u.querySelectorAll(l.selectors)):Array.from(document.querySelectorAll(l.selectors));else if(Array.isArray(l.selectors))for(const d of l.selectors)d instanceof HTMLElement?c.push(d):c.push(d.$el);else if(l.selectors instanceof HTMLElement)c.push(l.selectors);else if((a=l.selectors)!=null&&a.value)if(Array.isArray(l.selectors.value))for(const d of l.selectors.value)d instanceof HTMLElement?c.push(d):c.push(d.$el);else c.push(l.selectors.value);return c},r=l=>{const a=o(l);let u=[];return l.selectors?u=n(l):a&&(u=Array.from(a.children).filter(c=>M(c)&&$(c))),u},s=l=>a=>{const u=Ye[a.key]||a.key.toLowerCase();if(H.includes(u))return;const c=l.handlers||J;for(const d of Object.keys(c)){const[f,...m]=d.split(".");if(f==="keydown"&&m.includes(u)){const p=c[d],x=m.filter(g=>H.includes(g)),b=H.some(g=>{const v=g.charAt(0).toUpperCase()+g.slice(1);return a.getModifierState(v)});if(x.length>0){if(b){for(const g of H)if(m.includes(g)){const v=g.charAt(0).toUpperCase()+g.slice(1);a.getModifierState(v)&&p(a)}}}else b||p(a)}}},i=[];t.onMounted(()=>{for(const l of e){const a=o(l),u=r(l),c=s(l),d=a?[a]:u;for(const f of d){const{focused:m}=Ve(t.ref(f)),p=t.watch(m,x=>{x?f.addEventListener("keydown",c):f.removeEventListener("keydown",c)});i.push(p)}}}),t.onBeforeUnmount(()=>{for(const l of i)l()})}function D(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}function T(e){return typeof e=="function"?e():t.unref(e)}const Z=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ue=e=>e!=null,Xe=Object.prototype.toString,be=e=>Xe.call(e)==="[object Object]",B=()=>{},K=Ge();function Ge(){var e,o;return Z&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((o=window==null?void 0:window.navigator)==null?void 0:o.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function Je(e){return t.getCurrentInstance()}function Qe(...e){if(e.length!==1)return t.toRef(...e);const o=e[0];return typeof o=="function"?t.readonly(t.customRef(()=>({get:o,set:B}))):t.ref(o)}function Ze(e,o=!0,n){Je()?t.onMounted(e,n):o?e():t.nextTick(e)}const V=Z?window:void 0;function z(e){var o;const n=T(e);return(o=n==null?void 0:n.$el)!=null?o:n}function _(...e){let o,n,r,s;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,r,s]=e,o=V):[o,n,r,s]=e,!o)return B;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const i=[],l=()=>{i.forEach(d=>d()),i.length=0},a=(d,f,m,p)=>(d.addEventListener(f,m,p),()=>d.removeEventListener(f,m,p)),u=t.watch(()=>[z(o),T(s)],([d,f])=>{if(l(),!d)return;const m=be(f)?{...f}:f;i.push(...n.flatMap(p=>r.map(x=>a(d,p,x,m))))},{immediate:!0,flush:"post"}),c=()=>{u(),l()};return D(c),c}function Ke(){const e=t.ref(!1),o=t.getCurrentInstance();return o&&t.onMounted(()=>{e.value=!0},o),e}function ge(e){const o=Ke();return t.computed(()=>(o.value,!!e()))}function he(e,o,n={}){const{window:r=V,...s}=n;let i;const l=ge(()=>r&&"MutationObserver"in r),a=()=>{i&&(i.disconnect(),i=void 0)},u=t.computed(()=>{const m=T(e),p=(Array.isArray(m)?m:[m]).map(z).filter(Ue);return new Set(p)}),c=t.watch(()=>u.value,m=>{a(),l.value&&m.size&&(i=new MutationObserver(o),m.forEach(p=>i.observe(p,s)))},{immediate:!0,flush:"post"}),d=()=>i==null?void 0:i.takeRecords(),f=()=>{c(),a()};return D(f),{isSupported:l,stop:f,takeRecords:d}}function _e(e,o,n={}){const{window:r=V,...s}=n;let i;const l=ge(()=>r&&"ResizeObserver"in r),a=()=>{i&&(i.disconnect(),i=void 0)},u=t.computed(()=>{const f=T(e);return Array.isArray(f)?f.map(m=>z(m)):[z(f)]}),c=t.watch(u,f=>{if(a(),l.value&&r){i=new ResizeObserver(o);for(const m of f)m&&i.observe(m,s)}},{immediate:!0,flush:"post"}),d=()=>{a(),c()};return D(d),{isSupported:l,stop:d}}function we(e,o={}){const{reset:n=!0,windowResize:r=!0,windowScroll:s=!0,immediate:i=!0,updateTiming:l="sync"}=o,a=t.ref(0),u=t.ref(0),c=t.ref(0),d=t.ref(0),f=t.ref(0),m=t.ref(0),p=t.ref(0),x=t.ref(0);function b(){const v=z(e);if(!v){n&&(a.value=0,u.value=0,c.value=0,d.value=0,f.value=0,m.value=0,p.value=0,x.value=0);return}const y=v.getBoundingClientRect();a.value=y.height,u.value=y.bottom,c.value=y.left,d.value=y.right,f.value=y.top,m.value=y.width,p.value=y.x,x.value=y.y}function g(){l==="sync"?b():l==="next-frame"&&requestAnimationFrame(()=>b())}return _e(e,g),t.watch(()=>z(e),v=>!v&&g()),he(e,g,{attributeFilter:["style","class"]}),s&&_("scroll",g,{capture:!0,passive:!0}),r&&_("resize",g,{passive:!0}),Ze(()=>{i&&g()}),{height:a,bottom:u,left:c,right:d,top:f,width:m,x:p,y:x,update:g}}function et(e={}){const{window:o=V,behavior:n="auto"}=e;if(!o)return{x:t.ref(0),y:t.ref(0)};const r=t.ref(o.scrollX),s=t.ref(o.scrollY),i=t.computed({get(){return r.value},set(a){scrollTo({left:a,behavior:n})}}),l=t.computed({get(){return s.value},set(a){scrollTo({top:a,behavior:n})}});return _(o,"scroll",()=>{r.value=o.scrollX,s.value=o.scrollY},{capture:!1,passive:!0}),{x:i,y:l}}const tt=e=>{const o=new DOMParser().parseFromString(e,"text/html");return Array.from(o.body.childNodes).some(n=>n.nodeType===1)},ot=(e=8)=>Array.from({length:e},()=>Math.floor(Math.random()*16).toString(16)).join(""),nt=["data-colindex","data-rowindex","data-editable","contenteditable","tabindex"],rt=["innerHTML"],lt={key:2},ee=t.defineComponent({__name:"ACell",props:{colIndex:{},rowIndex:{},store:{},addNavigation:{type:[Boolean,Object],default:!0},tabIndex:{default:0},pinned:{type:Boolean,default:!1}},emits:["cellInput"],setup(e,{emit:o}){const n=o,r=t.useTemplateRef("cell"),s=e.store.getCellData(e.colIndex,e.rowIndex),i=t.ref(""),l=t.ref(!1),a=e.store.columns[e.colIndex],u=e.store.rows[e.rowIndex],c=a.align||"center",d=a.width||"40ch",f=t.computed(()=>e.store.getCellDisplayValue(e.colIndex,e.rowIndex)),m=t.computed(()=>typeof f.value=="string"?tt(f.value):!1),p=t.computed(()=>{var y;return{textAlign:c,width:d,fontWeight:l.value?"bold":"inherit",paddingLeft:e.store.getIndent(e.colIndex,(y=e.store.display[e.rowIndex])==null?void 0:y.indent)}}),x=t.computed(()=>({"sticky-column":e.pinned,"cell-modified":l.value})),b=()=>{const{left:y,bottom:A,width:ae,height:F}=we(r);a.mask,a.modalComponent&&e.store.$patch(I=>{I.modal.visible=!0,I.modal.colIndex=e.colIndex,I.modal.rowIndex=e.rowIndex,I.modal.left=y,I.modal.bottom=A,I.modal.width=ae,I.modal.height=F,typeof a.modalComponent=="function"?I.modal.component=a.modalComponent({table:I.table,row:u,column:a}):I.modal.component=a.modalComponent,I.modal.componentProps=a.modalComponentExtraProps})};if(e.addNavigation){let y={...J,"keydown.f2":b,"keydown.alt.up":b,"keydown.alt.down":b,"keydown.alt.left":b,"keydown.alt.right":b};typeof e.addNavigation=="object"&&(y={...y,...e.addNavigation}),Q([{selectors:r,handlers:y}])}const g=()=>{r.value&&(i.value=r.value.textContent)},v=y=>{const A=y.target;A.textContent!==i.value&&(n("cellInput",e.colIndex,e.rowIndex,A.textContent,i.value),i.value=A.textContent,a.format?(l.value=A.textContent!==e.store.getFormattedValue(e.colIndex,e.rowIndex,s),e.store.setCellText(e.colIndex,e.rowIndex,A.textContent)):(l.value=A.textContent!==s,e.store.setCellData(e.colIndex,e.rowIndex,A.textContent)))};return(y,A)=>(t.openBlock(),t.createElementBlock("td",{ref:"cell","data-colindex":y.colIndex,"data-rowindex":y.rowIndex,"data-editable":t.unref(a).edit,contenteditable:t.unref(a).edit,tabindex:y.tabIndex,spellcheck:!1,style:t.normalizeStyle(p.value),onFocus:g,onPaste:v,onInput:v,onClick:b,class:t.normalizeClass(["atable-cell",x.value])},[t.unref(a).cellComponent?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(a).cellComponent),t.mergeProps({key:0,value:f.value},t.unref(a).cellComponentProps),null,16,["value"])):m.value?(t.openBlock(),t.createElementBlock("span",{key:1,innerHTML:f.value},null,8,rt)):(t.openBlock(),t.createElementBlock("span",lt,t.toDisplayString(f.value),1))],46,nt))}}),at=["tabindex"],ct=["tabindex"],st=["colspan"],it=t.defineComponent({__name:"AExpansionRow",props:{rowIndex:{},store:{},tabIndex:{default:()=>-1},addNavigation:{type:[Boolean,Object]}},setup(e){const o=t.useTemplateRef("rowEl"),n=t.computed(()=>e.store.display[e.rowIndex].expanded?"▼":"►");if(e.addNavigation){const r={"keydown.control.g":s=>{s.stopPropagation(),s.preventDefault(),e.store.toggleRowExpand(e.rowIndex)}};typeof e.addNavigation=="object"&&Object.assign(r,e.addNavigation),Q([{selectors:o,handlers:r}])}return(r,s)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("tr",t.mergeProps(r.$attrs,{ref:"rowEl",tabindex:r.tabIndex,class:"expandable-row"}),[t.createElementVNode("td",{tabIndex:-1,onClick:s[0]||(s[0]=i=>r.store.toggleRowExpand(r.rowIndex)),class:"row-index"},t.toDisplayString(n.value),1),t.renderSlot(r.$slots,"row",{},void 0,!0)],16,at),r.store.display[r.rowIndex].expanded?(t.openBlock(),t.createElementBlock("tr",{key:0,ref:"rowExpanded",tabindex:r.tabIndex,class:"expanded-row"},[t.createElementVNode("td",{tabIndex:-1,colspan:r.store.columns.length+1,class:"expanded-row-content"},[t.renderSlot(r.$slots,"content",{},void 0,!0)],8,st)],8,ct)):t.createCommentVNode("",!0)],64))}}),P=(e,o)=>{const n=e.__vccOpts||e;for(const[r,s]of o)n[r]=s;return n},ye=P(it,[["__scopeId","data-v-60affd71"]]),dt=["tabindex"],te=P(t.defineComponent({__name:"ARow",props:{rowIndex:{},store:{},tabIndex:{default:()=>-1},addNavigation:{type:[Boolean,Object],default:!1}},setup(e){const o=t.useTemplateRef("rowEl"),n=t.computed(()=>e.store.isRowVisible(e.rowIndex)),r=t.computed(()=>e.store.getRowExpandSymbol(e.rowIndex));if(e.addNavigation){let s=J;typeof e.addNavigation=="object"&&(s={...s,...e.addNavigation}),Q([{selectors:o,handlers:s}])}return(s,i)=>t.withDirectives((t.openBlock(),t.createElementBlock("tr",{ref:"rowEl",tabindex:s.tabIndex,class:"atable-row"},[s.store.config.view!=="uncounted"?t.renderSlot(s.$slots,"index",{key:0},()=>[s.store.config.view==="list"?(t.openBlock(),t.createElementBlock("td",{key:0,tabIndex:-1,class:t.normalizeClass(["list-index",s.store.hasPinnedColumns?"sticky-index":""])},t.toDisplayString(s.rowIndex+1),3)):s.store.config.view==="tree"?(t.openBlock(),t.createElementBlock("td",{key:1,tabIndex:-1,class:t.normalizeClass(["tree-index",s.store.hasPinnedColumns?"sticky-index":""]),onClick:i[0]||(i[0]=l=>s.store.toggleRowExpand(s.rowIndex))},t.toDisplayString(r.value),3)):t.createCommentVNode("",!0)],!0):t.createCommentVNode("",!0),t.renderSlot(s.$slots,"default",{},void 0,!0)],8,dt)),[[t.vShow,n.value]])}}),[["__scopeId","data-v-e02365ea"]]),xe=Z?window:void 0;function N(e){var o;const n=T(e);return(o=n==null?void 0:n.$el)!=null?o:n}function j(...e){let o,n,r,s;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,r,s]=e,o=xe):[o,n,r,s]=e,!o)return B;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const i=[],l=()=>{i.forEach(d=>d()),i.length=0},a=(d,f,m,p)=>(d.addEventListener(f,m,p),()=>d.removeEventListener(f,m,p)),u=t.watch(()=>[N(o),T(s)],([d,f])=>{if(l(),!d)return;const m=be(f)?{...f}:f;i.push(...n.flatMap(p=>r.map(x=>a(d,p,x,m))))},{immediate:!0,flush:"post"}),c=()=>{u(),l()};return D(c),c}let ve=!1;function ke(e,o,n={}){const{window:r=xe,ignore:s=[],capture:i=!0,detectIframe:l=!1}=n;if(!r)return B;K&&!ve&&(ve=!0,Array.from(r.document.body.children).forEach(b=>b.addEventListener("click",B)),r.document.documentElement.addEventListener("click",B));let a=!0;const u=b=>T(s).some(g=>{if(typeof g=="string")return Array.from(r.document.querySelectorAll(g)).some(v=>v===b.target||b.composedPath().includes(v));{const v=N(g);return v&&(b.target===v||b.composedPath().includes(v))}});function c(b){const g=T(b);return g&&g.$.subTree.shapeFlag===16}function d(b,g){const v=T(b),y=v.$.subTree&&v.$.subTree.children;return y==null||!Array.isArray(y)?!1:y.some(A=>A.el===g.target||g.composedPath().includes(A.el))}const f=b=>{const g=N(e);if(b.target!=null&&!(!(g instanceof Element)&&c(e)&&d(e,b))&&!(!g||g===b.target||b.composedPath().includes(g))){if(b.detail===0&&(a=!u(b)),!a){a=!0;return}o(b)}};let m=!1;const p=[j(r,"click",b=>{m||(m=!0,setTimeout(()=>{m=!1},0),f(b))},{passive:!0,capture:i}),j(r,"pointerdown",b=>{const g=N(e);a=!u(b)&&!!(g&&!b.composedPath().includes(g))},{passive:!0}),l&&j(r,"blur",b=>{setTimeout(()=>{var g;const v=N(e);((g=r.document.activeElement)==null?void 0:g.tagName)==="IFRAME"&&!(v!=null&&v.contains(r.document.activeElement))&&o(b)},0)})].filter(Boolean);return()=>p.forEach(b=>b())}const ft={mounted(e,o){const n=!o.modifiers.bubble;if(typeof o.value=="function")e.__onClickOutside_stop=ke(e,o.value,{capture:n});else{const[r,s]=o.value;e.__onClickOutside_stop=ke(e,r,Object.assign({capture:n},s))}},unmounted(e){e.__onClickOutside_stop()}};function oe(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function Ee(e){const o=window.getComputedStyle(e);if(o.overflowX==="scroll"||o.overflowY==="scroll"||o.overflowX==="auto"&&e.clientWidth<e.scrollWidth||o.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const n=e.parentNode;return!n||n.tagName==="BODY"?!1:Ee(n)}}function ut(e){const o=e||window.event,n=o.target;return Ee(n)?!1:o.touches.length>1?!0:(o.preventDefault&&o.preventDefault(),!1)}const ne=new WeakMap;function mt(e,o=!1){const n=t.ref(o);let r=null,s="";t.watch(Qe(e),a=>{const u=oe(T(a));if(u){const c=u;if(ne.get(c)||ne.set(c,c.style.overflow),c.style.overflow!=="hidden"&&(s=c.style.overflow),c.style.overflow==="hidden")return n.value=!0;if(n.value)return c.style.overflow="hidden"}},{immediate:!0});const i=()=>{const a=oe(T(e));!a||n.value||(K&&(r=j(a,"touchmove",u=>{ut(u)},{passive:!1})),a.style.overflow="hidden",n.value=!0)},l=()=>{const a=oe(T(e));!a||!n.value||(K&&(r==null||r()),a.style.overflow=s,ne.delete(a),n.value=!1)};return D(l),t.computed({get(){return n.value},set(a){a?i():l()}})}function pt(){let e=!1;const o=t.ref(!1);return(n,r)=>{if(o.value=r.value,e)return;e=!0;const s=mt(n,r.value);t.watch(o,i=>s.value=i)}}pt();const bt={key:0,id:"resizable"},gt={class:"atable-header-row",tabindex:"-1"},re=t.defineComponent({__name:"ATableHeader",props:{columns:{},store:{}},setup(e){return(o,n)=>o.columns.length?(t.openBlock(),t.createElementBlock("thead",bt,[t.createElementVNode("tr",gt,[o.store.zeroColumn?(t.openBlock(),t.createElementBlock("th",{key:0,id:"header-index",class:t.normalizeClass([[o.store.hasPinnedColumns?"sticky-index":"",o.store.config.view==="tree"?"tree-index":"",o.store.config.view==="list-expansion"?"list-expansion-index":""],"list-index"])},null,2)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.columns,(r,s)=>(t.openBlock(),t.createElementBlock("th",{key:r.name,tabindex:"-1",style:t.normalizeStyle(o.store.getHeaderCellStyle(r)),class:t.normalizeClass(r.pinned?"sticky-column":"")},[t.renderSlot(o.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(r.label||String.fromCharCode(s+97).toUpperCase()),1)])],6))),128))])])):t.createCommentVNode("",!0)}}),le=t.defineComponent({__name:"ATableModal",props:{store:{}},setup(e){const o=t.useTemplateRef("amodal"),{width:n,height:r}=we(o),{y:s}=et(),i=t.computed(()=>{if(!(e.store.modal.height&&e.store.modal.width&&e.store.modal.left&&e.store.modal.bottom))return;const a=document.body,u=document.documentElement,c=Math.max(a.scrollHeight,a.offsetHeight,u.clientHeight,u.scrollHeight,u.offsetHeight),d=Math.max(a.scrollWidth,a.offsetWidth,u.clientWidth,u.scrollWidth,u.offsetWidth),f=e.store.modal.bottom+r.value+s.value<=c?e.store.modal.bottom:e.store.modal.bottom-r.value-e.store.modal.height;return{left:`${e.store.modal.left+n.value<=d?e.store.modal.left:e.store.modal.left-(n.value-e.store.modal.width)}px`,top:`${f}px`}}),l=a=>{a.stopPropagation()};return(a,u)=>(t.openBlock(),t.createElementBlock("div",{class:"amodal",ref:"amodal",tabindex:"-1",onClick:l,onInput:l,style:t.normalizeStyle(i.value)},[t.renderSlot(a.$slots,"default")],36))}}),Ce=e=>{const o=e.id||ot();return $e.defineStore(`table-${o}`,()=>{const r=()=>{const h={};for(const[w,k]of i.value.entries())for(const[C,S]of l.value.entries())h[`${w}:${C}`]=S[k.name];return h},s=h=>{const w=[Object.assign({},{rowModified:!1})];if(h&&"0:0"in h)return h;const k=new Set;for(let C=l.value.length-1;C>=0;C--){const S=l.value[C];S.parent&&k.add(S.parent),w[C]={childrenOpen:!1,expanded:!1,indent:S.indent||0,isParent:k.has(C),isRoot:S.parent===null||S.parent===void 0,rowModified:!1,open:S.parent===null||S.parent===void 0,parent:S.parent}}return w},i=t.ref(e.columns),l=t.ref(e.rows),a=t.ref(e.config||{}),u=t.ref(e.table||r()),c=t.ref(s(e.display)),d=t.ref(e.modal||{visible:!1}),f=t.ref({}),m=t.computed(()=>i.value.some(h=>h.pinned)),p=t.computed(()=>`${Math.ceil(l.value.length/100+1)}ch`),x=t.computed(()=>a.value.view?["list","tree","list-expansion"].includes(a.value.view):!1),b=(h,w)=>u.value[`${h}:${w}`],g=(h,w,k)=>{const C=`${h}:${w}`,S=i.value[h];u.value[C]!==k&&(c.value[w].rowModified=!0),u.value[C]=k,l.value[w][S.name]=k},v=(h,w,k)=>{const C=`${h}:${w}`;u.value[C]!==k&&(c.value[w].rowModified=!0,f.value[C]=k)},y=h=>({minWidth:h.width||"40ch",textAlign:h.align||"center",width:a.value.fullWidth?"auto":void 0}),A=h=>a.value.view!=="tree"||c.value[h].isRoot||c.value[h].open,ae=h=>a.value.view!=="tree"?"":c.value[h].isRoot||c.value[h].isParent?c.value[h].childrenOpen?"-":"+":"",F=h=>{if(a.value.view==="tree"){c.value[h].childrenOpen=!c.value[h].childrenOpen;for(let w=l.value.length-1;w>=0;w--)c.value[w].parent===h&&(c.value[w].open=!c.value[w].open,c.value[w].childrenOpen&&F(w))}else a.value.view==="list-expansion"&&(c.value[h].expanded=!c.value[h].expanded)},I=(h,w)=>{const k=b(h,w);return Te(h,w,k)},Te=(h,w,k)=>{const C=i.value[h],S=l.value[w],W=C.format;return W?typeof W=="function"?W(k,{table:u.value,row:S,column:C}):typeof W=="string"?Function(`"use strict";return (${W})`)()(k,{table:u.value,row:S,column:C}):k:k};return{columns:i,config:a,display:c,modal:d,rows:l,table:u,updates:f,hasPinnedColumns:m,numberedRowWidth:p,zeroColumn:x,closeModal:h=>{var w;h.target instanceof Node&&(w=d.value.parent)!=null&&w.contains(h.target)||d.value.visible&&(d.value.visible=!1)},getCellData:b,getCellDisplayValue:I,getFormattedValue:Te,getHeaderCellStyle:y,getIndent:(h,w)=>w&&h===0&&w>0?`${w}ch`:"inherit",getRowExpandSymbol:ae,isRowVisible:A,setCellData:g,setCellText:v,toggleRowExpand:F}})()},Ae=P(t.defineComponent({__name:"ATable",props:{id:{},modelValue:{},columns:{},rows:{default:()=>[]},config:{default:()=>new Object}},emits:["update:modelValue","cellUpdate"],setup(e,{expose:o,emit:n}){const r=n,s=t.useTemplateRef("table"),i=e.modelValue?e.modelValue:e.rows,l=Ce({columns:e.columns,rows:i,id:e.id,config:e.config});l.$onAction(({name:c,store:d,args:f,after:m})=>{if(c==="setCellData"){const[p,x,b]=f,g=d.getCellData(p,x);m(()=>{r("cellUpdate",p,x,b,g)})}}),t.watch(()=>l.rows,c=>{r("update:modelValue",c)},{deep:!0}),t.onMounted(()=>{e.columns.some(c=>c.pinned)&&(u(),l.config.view==="tree"&&he(s,u,{childList:!0,subtree:!0}))});const a=(c,d,f,m)=>{r("cellUpdate",c,d,f,m)},u=()=>{const c=s.value,d=c==null?void 0:c.rows[0],f=c==null?void 0:c.rows[1],m=d?Array.from(d.cells):[];for(const[p,x]of m.entries()){const b=f==null?void 0:f.cells[p];b&&(x.style.width=`${b.offsetWidth}px`)}for(const p of(c==null?void 0:c.rows)||[]){let x=0;const b=[];for(const g of p.cells)(g.classList.contains("sticky-column")||g.classList.contains("sticky-index"))&&(g.style.left=`${x}px`,x+=g.offsetWidth,b.push(g));b.length>0&&b[b.length-1].classList.add("sticky-column-edge")}};return window.addEventListener("keydown",c=>{if(c.key==="Escape"&&l.modal.visible){l.modal.visible=!1;const d=l.modal.parent;d&&t.nextTick().then(()=>{d.focus()})}}),o({store:l}),(c,d)=>t.withDirectives((t.openBlock(),t.createElementBlock("table",{ref:"table",class:"atable",style:t.normalizeStyle({width:t.unref(l).config.fullWidth?"100%":"auto"})},[t.renderSlot(c.$slots,"header",{data:t.unref(l)},()=>[t.createVNode(re,{columns:t.unref(l).columns,store:t.unref(l)},null,8,["columns","store"])],!0),t.createElementVNode("tbody",null,[t.renderSlot(c.$slots,"body",{data:t.unref(l)},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(l).rows,(f,m)=>(t.openBlock(),t.createBlock(te,{key:f.id,row:f,rowIndex:m,store:t.unref(l)},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(l).columns,(p,x)=>(t.openBlock(),t.createBlock(ee,{key:p.name,store:t.unref(l),col:p,spellcheck:"false",pinned:p.pinned,rowIndex:m,colIndex:x,component:p.cellComponent,style:t.normalizeStyle({textAlign:(p==null?void 0:p.align)||"center",minWidth:(p==null?void 0:p.width)||"40ch",width:t.unref(l).config.fullWidth?"auto":null}),onCellInput:a},null,8,["store","col","pinned","rowIndex","colIndex","component","style"]))),128))]),_:2},1032,["row","rowIndex","store"]))),128))],!0)]),t.renderSlot(c.$slots,"footer",{data:t.unref(l)},void 0,!0),t.renderSlot(c.$slots,"modal",{data:t.unref(l)},()=>[t.withDirectives(t.createVNode(le,{store:t.unref(l)},{default:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(l).modal.component),t.mergeProps({key:`${t.unref(l).modal.rowIndex}:${t.unref(l).modal.colIndex}`,colIndex:t.unref(l).modal.colIndex,rowIndex:t.unref(l).modal.rowIndex,store:t.unref(l)},t.unref(l).modal.componentProps),null,16,["colIndex","rowIndex","store"]))]),_:1},8,["store"]),[[t.vShow,t.unref(l).modal.visible]])],!0)],4)),[[t.unref(ft),t.unref(l).closeModal]])}}),[["__scopeId","data-v-bd5101d3"]]),ht={},wt={class:"aloading"},yt={class:"aloading-header"};function xt(e,o){return t.openBlock(),t.createElementBlock("div",wt,[t.createElementVNode("h2",yt,[t.renderSlot(e.$slots,"default",{},void 0,!0)]),o[0]||(o[0]=t.createElementVNode("div",{class:"aloading-bar"},null,-1))])}const Se=P(ht,[["render",xt],["__scopeId","data-v-a930a25b"]]),vt={},kt={class:"aloading"},Et={class:"aloading-header"};function Ct(e,o){return t.openBlock(),t.createElementBlock("div",kt,[t.createElementVNode("h2",Et,[t.renderSlot(e.$slots,"default",{},void 0,!0)]),o[0]||(o[0]=t.createElementVNode("div",{class:"aloading-bar"},null,-1))])}const Ie=P(vt,[["render",Ct],["__scopeId","data-v-e1165876"]]);function At(e){e.component("ACell",ee),e.component("AExpansionRow",ye),e.component("ARow",te),e.component("ATable",Ae),e.component("ATableHeader",re),e.component("ATableLoading",Se),e.component("ATableLoadingBar",Ie),e.component("ATableModal",le)}E.ACell=ee,E.AExpansionRow=ye,E.ARow=te,E.ATable=Ae,E.ATableHeader=re,E.ATableLoading=Se,E.ATableLoadingBar=Ie,E.ATableModal=le,E.createTableStore=Ce,E.install=At,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});
3
3
  //# sourceMappingURL=atable.umd.cjs.map