@infinite-table/infinite-react 2.0.3 → 2.0.5

package/index.css

@@ -1 +1 @@
-:root{--infinite-icon-size: 24px;--infinite-space-0: 0rem;--infinite-space-1: .125rem;--infinite-space-2: .25rem;--infinite-space-3: .5rem;--infinite-space-4: .75rem;--infinite-space-5: 1rem;--infinite-space-6: 1.25rem;--infinite-space-7: 1.5rem;--infinite-space-8: 2.25rem;--infinite-space-9: 3rem;--infinite-space-10: 4rem;--infinite-font-size-0: .5rem;--infinite-font-size-1: .625rem;--infinite-font-size-2: .75rem;--infinite-font-size-3: .875rem;--infinite-font-size-4: 1rem;--infinite-font-size-5: 1.25rem;--infinite-font-size-6: 1.5rem;--infinite-font-size-7: 2.25rem;--infinite-font-family: inherit;--infinite-color: #484848;--infinite-accent-color: #ff7043;--infinite-error-color: #ff0000;--infinite-border-radius: var(--infinite-space-2);--infinite-background: white;--infinite-min-height: 100px;--infinite-selection-checkbox-margin-inline: var(--infinite-space-2);--infinite-menu-background: var(--infinite-background);--infinite-menu-color: var(--infinite-cell-color);--infinite-menu-padding: var(--infinite-space-3);--infinite-menu-cell-padding-vertical: var(--infinite-space-3);--infinite-menu-cell-padding-horizontal: var(--infinite-space-3);--infinite-menu-cell-margin-vertical: var(--infinite-space-0);--infinite-menu-item-disabled-background: var(--infinite-menu-background);--infinite-menu-item-disabled-opacity: .5;--infinite-menu-item-active-background: var(--infinite-row-hover-background);--infinite-menu-item-pressed-background: var(--infinite-row-hover-background);--infinite-menu-item-active-opacity: .9;--infinite-menu-item-pressed-opacity: 1;--infinite-menu-border-radius: var(--infinite-space-2);--infinite-menu-shadow-color: rgba(0,0,0,.25);--infinite-load-mask-text-background: rgba(255,255,255,.8);--infinite-load-mask-overlay-background: gray;--infinite-load-mask-overlay-opacity: .3;--infinite-load-mask-color: inherit;--infinite-load-mask-padding: var(--infinite-space-5);--infinite-load-mask-border-radius: var(--infinite-border-radius);--infinite-filter-operator-padding-x: var(--infinite-space-1);--infinite-filter-editor-padding-x: var(--infinite-space-2);--infinite-filter-editor-margin-x: var(--infinite-space-1);--infinite-filter-operator-padding-y: var(--infinite-space-0);--infinite-filter-editor-padding-y: var(--infinite-space-0);--infinite-filter-editor-margin-y: var(--infinite-space-1);--infinite-resize-handle-active-area-width: 16px;--infinite-resize-handle-width: 2px;--infinite-resize-handle-hover-background: #6bff6b;--infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);--infinite-header-cell-background: #ededed;--infinite-header-cell-hover-background: #dfdfdf;--infinite-header-cell-padding-x: var(--infinite-space-3);--infinite-header-cell-padding-y: var(--infinite-space-3);--infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;--infinite-header-cell-icon-size: 16px;--infinite-header-cell-menu-icon-line-width: 1px;--infinite-header-cell-sort-icon-margin: 16px;--infinite-header-background: var(--infinite-header-cell-background);--infinite-header-color: #6f6f6f;--infinite-column-header-height: 30px;--infinite-cell-color: currentColor;--infinite-cell-border-width: 1px;--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;--infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;--infinite-cell-border-invisible: none;--infinite-cell-border-radius: var(--infinite-space-2);--infinite-column-reorder-effect-duration: .2s;--infinite-active-cell-border-style: dashed;--infinite-active-cell-border-width: 1px;--infinite-active-cell-border-color--r: 77;--infinite-active-cell-border-color--g: 149;--infinite-active-cell-border-color--b: 215;--infinite-active-cell-background-alpha: .25;--infinite-active-cell-background-alpha--table-unfocused: .1;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #f6f6f6;--infinite-row-selected-background: #d1e9ff;--infinite-row-selected-hover-background: #add8ff;--infinite-group-row-background: #cbc5c5;--infinite-group-row-column-nesting: 30px;--infinite-row-hover-background: #dbdbdb;--infinite-row-pointer-events-while-scrolling: auto}.light,.infinite-light,.light:root,.infinite-light:root{--infinite-icon-size: 24px;--infinite-space-0: 0rem;--infinite-space-1: .125rem;--infinite-space-2: .25rem;--infinite-space-3: .5rem;--infinite-space-4: .75rem;--infinite-space-5: 1rem;--infinite-space-6: 1.25rem;--infinite-space-7: 1.5rem;--infinite-space-8: 2.25rem;--infinite-space-9: 3rem;--infinite-space-10: 4rem;--infinite-font-size-0: .5rem;--infinite-font-size-1: .625rem;--infinite-font-size-2: .75rem;--infinite-font-size-3: .875rem;--infinite-font-size-4: 1rem;--infinite-font-size-5: 1.25rem;--infinite-font-size-6: 1.5rem;--infinite-font-size-7: 2.25rem;--infinite-font-family: inherit;--infinite-color: #484848;--infinite-accent-color: #ff7043;--infinite-error-color: #ff0000;--infinite-border-radius: var(--infinite-space-2);--infinite-background: white;--infinite-min-height: 100px;--infinite-selection-checkbox-margin-inline: var(--infinite-space-2);--infinite-menu-background: var(--infinite-background);--infinite-menu-color: var(--infinite-cell-color);--infinite-menu-padding: var(--infinite-space-3);--infinite-menu-cell-padding-vertical: var(--infinite-space-3);--infinite-menu-cell-padding-horizontal: var(--infinite-space-3);--infinite-menu-cell-margin-vertical: var(--infinite-space-0);--infinite-menu-item-disabled-background: var(--infinite-menu-background);--infinite-menu-item-disabled-opacity: .5;--infinite-menu-item-active-background: var(--infinite-row-hover-background);--infinite-menu-item-pressed-background: var(--infinite-row-hover-background);--infinite-menu-item-active-opacity: .9;--infinite-menu-item-pressed-opacity: 1;--infinite-menu-border-radius: var(--infinite-space-2);--infinite-menu-shadow-color: rgba(0,0,0,.25);--infinite-load-mask-text-background: rgba(255,255,255,.8);--infinite-load-mask-overlay-background: gray;--infinite-load-mask-overlay-opacity: .3;--infinite-load-mask-color: inherit;--infinite-load-mask-padding: var(--infinite-space-5);--infinite-load-mask-border-radius: var(--infinite-border-radius);--infinite-filter-operator-padding-x: var(--infinite-space-1);--infinite-filter-editor-padding-x: var(--infinite-space-2);--infinite-filter-editor-margin-x: var(--infinite-space-1);--infinite-filter-operator-padding-y: var(--infinite-space-0);--infinite-filter-editor-padding-y: var(--infinite-space-0);--infinite-filter-editor-margin-y: var(--infinite-space-1);--infinite-resize-handle-active-area-width: 16px;--infinite-resize-handle-width: 2px;--infinite-resize-handle-hover-background: #6bff6b;--infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);--infinite-header-cell-background: #ededed;--infinite-header-cell-hover-background: #dfdfdf;--infinite-header-cell-padding-x: var(--infinite-space-3);--infinite-header-cell-padding-y: var(--infinite-space-3);--infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;--infinite-header-cell-icon-size: 16px;--infinite-header-cell-menu-icon-line-width: 1px;--infinite-header-cell-sort-icon-margin: 16px;--infinite-header-background: var(--infinite-header-cell-background);--infinite-header-color: #6f6f6f;--infinite-column-header-height: 30px;--infinite-cell-color: currentColor;--infinite-cell-border-width: 1px;--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;--infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;--infinite-cell-border-invisible: none;--infinite-cell-border-radius: var(--infinite-space-2);--infinite-column-reorder-effect-duration: .2s;--infinite-active-cell-border-style: dashed;--infinite-active-cell-border-width: 1px;--infinite-active-cell-border-color--r: 77;--infinite-active-cell-border-color--g: 149;--infinite-active-cell-border-color--b: 215;--infinite-active-cell-background-alpha: .25;--infinite-active-cell-background-alpha--table-unfocused: .1;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #f6f6f6;--infinite-row-selected-background: #d1e9ff;--infinite-row-selected-hover-background: #add8ff;--infinite-group-row-background: #cbc5c5;--infinite-group-row-column-nesting: 30px;--infinite-row-hover-background: #dbdbdb;--infinite-row-pointer-events-while-scrolling: auto}.dark,.infinite-dark{--infinite-icon-size: 24px;--infinite-background: #101419;--infinite-cell-border: 1px solid #2a323d;--infinite-header-color: #c3c3c3;--infinite-header-cell-background: #1b2129;--infinite-header-cell-hover-background: #222932;--infinite-header-background: var(--infinite-header-cell-background);--infinite-row-hover-background: #3b4754;--infinite-row-selected-background: #0a2e4f;--infinite-row-selected-hover-background: #0b243a;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #242a31;--infinite-cell-color: #c3c3c3;--infinite-menu-shadow-color: rgba(255,255,255,.25);--infinite-menu-background: #101419;--infinite-menu-color: #c3c3c3;--infinite-menu-item-disabled-background: #101419;--infinite-menu-item-active-background: #3b4754;--infinite-menu-item-pressed-background: #3b4754}@media (prefers-color-scheme: dark){:root{--infinite-icon-size: 24px;--infinite-background: #101419;--infinite-cell-border: 1px solid #2a323d;--infinite-header-color: #c3c3c3;--infinite-header-cell-background: #1b2129;--infinite-header-cell-hover-background: #222932;--infinite-header-background: var(--infinite-header-cell-background);--infinite-row-hover-background: #3b4754;--infinite-row-selected-background: #0a2e4f;--infinite-row-selected-hover-background: #0b243a;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #242a31;--infinite-cell-color: #c3c3c3;--infinite-menu-shadow-color: rgba(255,255,255,.25);--infinite-menu-background: #101419;--infinite-menu-color: #c3c3c3;--infinite-menu-item-disabled-background: #101419;--infinite-menu-item-active-background: #3b4754;--infinite-menu-item-pressed-background: #3b4754}}._16lm1iw0{box-sizing:border-box}._16lm1iw0:before{box-sizing:border-box}._16lm1iw0:after{box-sizing:border-box}._16lm1iw0 *{box-sizing:border-box}._16lm1iw0 *:before{box-sizing:border-box}._16lm1iw0 *:after{box-sizing:border-box}._16lm1iw1{position:relative}._16lm1iw2{position:absolute}._16lm1iw3{position:static}._16lm1iw4{position:sticky}._16lm1iw5{position:fixed}._16lm1iw6{fill:currentColor}._16lm1iw7{fill:var(--infinite-accent-color)}._16lm1iw8{margin:0}._16lm1iw9{stroke:currentColor}._16lm1iwa{stroke:var(--infinite-accent-color)}._16lm1iwb{background:inherit}._16lm1iwc{outline:none}._16lm1iwd,._16lm1iwe{transform:translateZ(0)}._16lm1iwf{transform:rotate(90deg)}._16lm1iwg{transform:rotate(180deg)}._16lm1iwh{cursor:pointer}._16lm1iwi{cursor:default}._16lm1iwj{cursor:col-resize}._16lm1iwk{pointer-events:none}._16lm1iwl{flex:1}._16lm1iwm{flex:none}._16lm1iwn{z-index:1}._16lm1iwo{z-index:10}._16lm1iwp{z-index:100}._16lm1iwq{z-index:1000}._16lm1iwr{z-index:10000}._16lm1iws{z-index:100000}._16lm1iwt{z-index:1000000}._16lm1iwu{z-index:10000000}._16lm1iwv{z-index:1000}._16lm1iww{z-index:10000}._16lm1iwx{z-index:100000}._16lm1iwy{display:flex}._16lm1iwz{display:contents}._16lm1iw10{display:none}._16lm1iw11{display:block}._16lm1iw12{display:grid}._16lm1iw13{display:inline-block}._16lm1iw14{display:inline-flex}._16lm1iw15{display:inline-grid}._16lm1iw16{-webkit-user-select:none;-moz-user-select:none;user-select:none}._16lm1iw17{height:0}._16lm1iw18{height:100%}._16lm1iw19{width:0}._16lm1iw1a{width:100%}._16lm1iw1b{top:0}._16lm1iw1c{top:100%}._16lm1iw1d{left:0}._16lm1iw1e{left:100%}._16lm1iw1f{left:auto}._16lm1iw1g{bottom:0}._16lm1iw1h{bottom:100%}._16lm1iw1i{right:0}._16lm1iw1j{right:100%}._16lm1iw1k{right:auto}._16lm1iw1l{flex-flow:column}._16lm1iw1m{flex-flow:column-reverse}._16lm1iw1n{flex-flow:row}._16lm1iw1o{flex-flow:row-reverse}._16lm1iw1p{align-items:center}._16lm1iw1q{align-items:stretch}._16lm1iw1r{justify-content:center}._16lm1iw1s{justify-content:space-between}._16lm1iw1t{justify-content:space-around}._16lm1iw1u{justify-content:flex-start}._16lm1iw1v{justify-content:flex-end}._16lm1iw1w{overflow:hidden}._16lm1iw1x{overflow:auto}._16lm1iw1y{overflow:visible}._16lm1iw1z{visibility:visible}._16lm1iw20{visibility:hidden}._16lm1iw21{will-change:transform}._16lm1iw22{white-space:nowrap}._16lm1iw23{text-overflow:ellipsis}.mlx2t2{display:inline-block}.mlx2t3{height:0;width:0;will-change:transform}._1ueijco0{backface-visibility:hidden;-webkit-overflow-scrolling:touch;outline:none;position:fixed;height:100%;width:100%;left:0;top:0}._1ueijco0>:first-child{position:sticky;top:0;left:0}._1ueijco1{overflow:auto}._1ueijco2{overflow:hidden}._1ueijco3{overflow:visible}._1ueijco4{overflow:auto}._1ueijco5{overflow:hidden}._1ueijco6{overflow-x:auto}._1ueijco7{overflow-x:hidden}._1ueijco8{overflow-x:visible}._1ueijco9{overflow-x:auto}._1ueijcoa{overflow-x:hidden}._1ueijcob{overflow-y:auto}._1ueijcoc{overflow-y:hidden}._1ueijcod{overflow-y:visible}._1ueijcoe{overflow-y:auto}._1ueijcof{overflow-y:hidden}.nxbq1c1{border:var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));background:var(--infinite-active-cell-background, rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha)))}.nxbq1c2{display:block}.nxbq1c3{display:none}.j26lrx0{--infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));background:var(--infinite-active-row-background, var(--infinite-active-cell-background, rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)))))}.j26lrx1{display:block}.j26lrx2{display:none}._1yeub2v0{outline:none;font-family:var(--infinite-font-family);color:var(--infinite-color);background:var(--infinite-background);min-height:var(--infinite-min-height)}._1yeub2v1{--infinite-row-pointer-events-while-scrolling: none}._1yeub2ve{--infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);--infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused))}._1yeub2vi{border-right:var(--infinite-cell-border)}._1yeub2vj{border-left:var(--infinite-cell-border)}._1yeub2vl{-webkit-user-select:none;-moz-user-select:none;user-select:none}._1yeub2vp{transform:translate3d(-100%,0,0);border-right:var(--infinite-pinned-cell-border);bottom:var(--_1slvgu9m)}._1yeub2vq{left:var(--_1slvgu9f)}._1yeub2vn ._1yeub2vq{visibility:visible}._1yeub2vr{left:calc(var(--_1slvgu9h))}._1yeub2vo ._1yeub2vr{visibility:visible}._1eexc2a0{justify-content:center}._1eexc2a1{justify-content:flex-start}._1eexc2a2{justify-content:flex-start;flex-flow:row-reverse}._1eexc2a3{transition:left .3s}._1eexc2a4{transition:none}._1eexc2a5{padding:var(--infinite-cell-padding);border-left:var(--infinite-cell-border-width) solid transparent;border-right:var(--infinite-cell-border-width) solid transparent}._1yeub2vl ._1eexc2a6{transition:transform var(--infinite-column-reorder-effect-duration)}._1eexc2a7{margin-inline:var(--infinite-selection-checkbox-margin-inline)}._1eexc2a8{color:var(--infinite-cell-color)}._1eexc2ac{justify-content:flex-end}._1eexc2ae{align-items:flex-start}._1eexc2af{align-items:flex-end}._1eexc2ao{background:var(--infinite-row-background)}._1eexc2ap{background:var(--infinite-row-odd-background)}._1eexc2aq{background:var(--infinite-row-selected-background)}._1eexc2at{border-top-left-radius:var(--infinite-cell-border-radius);border-bottom-left-radius:var(--infinite-cell-border-radius)}._1eexc2av{border-top-right-radius:var(--infinite-cell-border-radius);border-bottom-right-radius:var(--infinite-cell-border-radius)}._1eexc2a1c{justify-content:center}._12zfob12,._12zfob13{margin-left:var(--infinite-header-cell-sort-icon-margin)}._12zfob14{margin-right:var(--infinite-header-cell-sort-icon-margin)}._12zfob15,._12zfob16{line-height:0;font-size:10px;border-radius:50%;padding:1px;position:absolute;transition:top .2s;top:0;right:2px}._12zfob17{background:var(--infinite-header-background);top:0;right:0;bottom:0}._12zfob18{background:var(--infinite-header-background);color:var(--infinite-header-color)}._12zfob1g{z-index:10}._12zfob1m{background:var(--infinite-header-cell-hover-background);color:var(--infinite-cell-color);opacity:.8;padding:var(--infinite-cell-padding);padding-left:20px;z-index:2000}._12zfob1n{border-left:var(--infinite-cell-border-width) solid transparent;border-right:var(--infinite-cell-border);background:var(--infinite-header-cell-background);padding:0}._12zfob1n:hover{background:var(--infinite-header-cell-hover-background)}._12zfob118{border-top-left-radius:var(--infinite-cell-border-radius);border-bottom-left-radius:var(--infinite-cell-border-radius)}._12zfob11a{border-top-right-radius:var(--infinite-cell-border-radius);border-bottom-right-radius:var(--infinite-cell-border-radius)}._12zfob11i{z-index:10}._1yeub2va ._12zfob11n{--infinite-cell-border: var(--infinite-cell-border-invisible)}._12zfob11p{border-right:var(--infinite-cell-border)}._12zfob11q{cursor:context-menu;padding-block-start:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}._12zfob11q:active{top:1px}._12zfob1n:hover ._12zfob11q,._12zfob11r{visibility:visible;display:flex}._12zfob11t{display:none}._12zfob11u{visibility:visible;display:flex}._12zfob11v{padding:var(--infinite-header-cell-padding)}._12zfob11y{align-items:flex-start}._12zfob11z{align-items:flex-end}._12zfob122{flex-direction:row-reverse}._12zfob123{justify-content:center}._12zfob124{background:var(--infinite-header-background)}._12zfob125{padding:var(--infinite-cell-padding);border-bottom:var(--infinite-cell-border);border-right:var(--infinite-cell-border);background:var(--infinite-header-cell-background)}._12zfob126{border-top:var(--infinite-cell-border);padding-block:var(--infinite-filter-editor-margin-y)}._12zfob127{padding-inline:var(--infinite-filter-operator-padding-x);padding-block:var(--infinite-filter-operator-padding-y)}._12zfob129{opacity:var(--infinite-menu-item-disabled-opacity);cursor:auto}._12zfob12a:active{top:1px}._12zfob12b{margin-inline:var(--infinite-filter-editor-margin-x);padding-inline:var(--infinite-filter-editor-padding-x);padding-block:var(--infinite-filter-editor-padding-y)}._6aunoi0{padding-block-start:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}._7pupv00{will-change:transform;position:absolute;top:0;left:0;pointer-events:var(--infinite-row-pointer-events-while-scrolling);--infinite-column-cell-bg-dont-override: var(--infinite-row-background)}._7pupv01{--infinite-row-background: var(--infinite-row-hover-background);--infinite-row-selected-background: var(--infinite-row-selected-hover-background);--infinite-row-odd-background: var(--infinite-row-hover-background)}._7pupv03{background:var(--infinite-row-background)}._7pupv04{background:var(--infinite-row-odd-background)}._7pupv05,._7pupv07{z-index:100}._7pupv0b,._7pupv0c{padding-inline-start:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting))}._7pupv0d{padding-inline-end:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting))}.qz8ht90[disabled]{opacity:.7}._1ek6mqy0{padding-block-start:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}.zneyzh0{transform:translate(50%);width:var(--infinite-resize-handle-active-area-width)}.zneyzh0:hover{overflow:visible}.zneyzh2{transform:translate(-50%)}.zneyzh8,.zneyzh9,.zneyzha{transform:none}.zneyzhb{right:calc((var(--infinite-resize-handle-active-area-width) - var(--infinite-resize-handle-width)) / 2);width:var(--infinite-resize-handle-width)}.zneyzh0:hover .zneyzhb{background:var(--infinite-resize-handle-hover-background)}.zneyzh0:hover .zneyzhd{background:var(--infinite-resize-handle-constrained-hover-background)}.qy58ya0{flex-flow:row;align-items:center;justify-content:center}.qy58ya1{display:flex}.qy58ya2{display:none}.qy58ya3{background:var(--infinite-load-mask-overlay-background);opacity:var(--infinite-load-mask-overlay-opacity)}.qy58ya4{position:relative;padding:var(--infinite-load-mask-padding);color:var(--infinite-load-mask-color);background:var(--infinite-load-mask-text-background);border-radius:var(--infinite-load-mask-border-radius)}.db3arf0{padding:var(--infinite-menu-padding);color:var(--infinite-menu-color);background:var(--infinite-menu-background);border-radius:var(--infinite-menu-border-radius);outline:none;box-shadow:0 6px 12px -2px var(--infinite-menu-shadow-color),0 3px 7px -3px var(--infinite-menu-background)}.db3arf1{display:contents}.db3arf2{padding-block:var(--infinite-menu-cell-padding-vertical);padding-inline:var(--infinite-menu-cell-padding-horizontal);margin-block:var(--infinite-menu-cell-margin-vertical);border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));border-color:transparent}.db3arf3{opacity:var(--infinite-menu-item-disabled-opacity);background:var(--infinite-menu-item-disabled-background)}.db3arf0:focus-within>.db3arf1>.db3arf9{border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))))}.db3arf0:focus-within>.db3arf1>.db3arf9:first-child:last-child{border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))))}.db3arf0:focus-within>.db3arf1>.db3arf9:first-child{border-right-color:transparent}.db3arf0:focus-within>.db3arf1>.db3arf9:last-child{border-left-color:transparent}.db3arf0:focus-within>.db3arf1>.db3arf9:not(:first-child):not(:last-child){border-left-color:transparent;border-right-color:transparent}.db3arfb{background:var(--infinite-menu-item-active-background);opacity:var(--infinite-menu-item-active-opacity)}.db3arfc{background:var(--infinite-menu-item-pressed-background);opacity:var(--infinite-menu-item-pressed-opacity)}.db3arfd{border-top:1px solid currentColor;border-bottom:0;margin-top:calc(var(--infinite-menu-cell-padding-vertical) / 2);margin-bottom:calc(var(--infinite-menu-cell-padding-vertical) / 2)}
+:root{--infinite-icon-size: 24px;--infinite-space-0: 0rem;--infinite-space-1: .125rem;--infinite-space-2: .25rem;--infinite-space-3: .5rem;--infinite-space-4: .75rem;--infinite-space-5: 1rem;--infinite-space-6: 1.25rem;--infinite-space-7: 1.5rem;--infinite-space-8: 2.25rem;--infinite-space-9: 3rem;--infinite-space-10: 4rem;--infinite-font-size-0: .5rem;--infinite-font-size-1: .625rem;--infinite-font-size-2: .75rem;--infinite-font-size-3: .875rem;--infinite-font-size-4: 1rem;--infinite-font-size-5: 1.25rem;--infinite-font-size-6: 1.5rem;--infinite-font-size-7: 2.25rem;--infinite-font-family: inherit;--infinite-color: #484848;--infinite-accent-color: #0284c7;--infinite-error-color: #ff0000;--infinite-border-radius: var(--infinite-space-2);--infinite-background: white;--infinite-min-height: 100px;--infinite-selection-checkbox-margin-inline: var(--infinite-space-2);--infinite-menu-background: var(--infinite-background);--infinite-menu-color: var(--infinite-cell-color);--infinite-menu-padding: var(--infinite-space-3);--infinite-menu-cell-padding-vertical: var(--infinite-space-3);--infinite-menu-cell-padding-horizontal: var(--infinite-space-3);--infinite-menu-cell-margin-vertical: var(--infinite-space-0);--infinite-menu-item-disabled-background: var(--infinite-menu-background);--infinite-menu-item-disabled-opacity: .5;--infinite-menu-item-active-background: var(--infinite-row-hover-background);--infinite-menu-item-pressed-background: var(--infinite-row-hover-background);--infinite-menu-item-active-opacity: .9;--infinite-menu-item-pressed-opacity: 1;--infinite-menu-border-radius: var(--infinite-space-2);--infinite-menu-shadow-color: rgba(0,0,0,.25);--infinite-load-mask-text-background: rgba(255,255,255,.8);--infinite-load-mask-overlay-background: gray;--infinite-load-mask-overlay-opacity: .3;--infinite-load-mask-color: inherit;--infinite-load-mask-padding: var(--infinite-space-5);--infinite-load-mask-border-radius: var(--infinite-border-radius);--infinite-filter-operator-padding-x: var(--infinite-space-1);--infinite-filter-editor-padding-x: var(--infinite-space-2);--infinite-filter-editor-margin-x: var(--infinite-space-1);--infinite-filter-operator-padding-y: var(--infinite-space-0);--infinite-filter-editor-padding-y: var(--infinite-space-0);--infinite-filter-editor-margin-y: var(--infinite-space-1);--infinite-resize-handle-active-area-width: 16px;--infinite-resize-handle-width: 2px;--infinite-resize-handle-hover-background: var(--infinite-accent-color);--infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);--infinite-header-cell-background: #ededed;--infinite-header-cell-hover-background: #dfdfdf;--infinite-header-cell-padding-x: var(--infinite-space-3);--infinite-header-cell-padding-y: var(--infinite-space-3);--infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;--infinite-header-cell-icon-size: 16px;--infinite-header-cell-menu-icon-line-width: 1px;--infinite-header-cell-sort-icon-margin: 16px;--infinite-header-background: var(--infinite-header-cell-background);--infinite-header-color: #6f6f6f;--infinite-column-header-height: 30px;--infinite-cell-color: currentColor;--infinite-cell-border-width: 1px;--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;--infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;--infinite-cell-border-invisible: none;--infinite-cell-border-radius: var(--infinite-space-2);--infinite-column-reorder-effect-duration: .2s;--infinite-active-cell-border-style: dashed;--infinite-active-cell-border-width: 1px;--infinite-active-cell-background-alpha: .25;--infinite-active-cell-background-alpha--table-unfocused: .1;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #f6f6f6;--infinite-row-selected-background: #d1e9ff;--infinite-row-selected-hover-background: #add8ff;--infinite-group-row-background: #cbc5c5;--infinite-group-row-column-nesting: 30px;--infinite-row-hover-background: #dbdbdb;--infinite-row-pointer-events-while-scrolling: auto}.light,.infinite-light,.light:root,.infinite-light:root{--infinite-icon-size: 24px;--infinite-space-0: 0rem;--infinite-space-1: .125rem;--infinite-space-2: .25rem;--infinite-space-3: .5rem;--infinite-space-4: .75rem;--infinite-space-5: 1rem;--infinite-space-6: 1.25rem;--infinite-space-7: 1.5rem;--infinite-space-8: 2.25rem;--infinite-space-9: 3rem;--infinite-space-10: 4rem;--infinite-font-size-0: .5rem;--infinite-font-size-1: .625rem;--infinite-font-size-2: .75rem;--infinite-font-size-3: .875rem;--infinite-font-size-4: 1rem;--infinite-font-size-5: 1.25rem;--infinite-font-size-6: 1.5rem;--infinite-font-size-7: 2.25rem;--infinite-font-family: inherit;--infinite-color: #484848;--infinite-accent-color: #0284c7;--infinite-error-color: #ff0000;--infinite-border-radius: var(--infinite-space-2);--infinite-background: white;--infinite-min-height: 100px;--infinite-selection-checkbox-margin-inline: var(--infinite-space-2);--infinite-menu-background: var(--infinite-background);--infinite-menu-color: var(--infinite-cell-color);--infinite-menu-padding: var(--infinite-space-3);--infinite-menu-cell-padding-vertical: var(--infinite-space-3);--infinite-menu-cell-padding-horizontal: var(--infinite-space-3);--infinite-menu-cell-margin-vertical: var(--infinite-space-0);--infinite-menu-item-disabled-background: var(--infinite-menu-background);--infinite-menu-item-disabled-opacity: .5;--infinite-menu-item-active-background: var(--infinite-row-hover-background);--infinite-menu-item-pressed-background: var(--infinite-row-hover-background);--infinite-menu-item-active-opacity: .9;--infinite-menu-item-pressed-opacity: 1;--infinite-menu-border-radius: var(--infinite-space-2);--infinite-menu-shadow-color: rgba(0,0,0,.25);--infinite-load-mask-text-background: rgba(255,255,255,.8);--infinite-load-mask-overlay-background: gray;--infinite-load-mask-overlay-opacity: .3;--infinite-load-mask-color: inherit;--infinite-load-mask-padding: var(--infinite-space-5);--infinite-load-mask-border-radius: var(--infinite-border-radius);--infinite-filter-operator-padding-x: var(--infinite-space-1);--infinite-filter-editor-padding-x: var(--infinite-space-2);--infinite-filter-editor-margin-x: var(--infinite-space-1);--infinite-filter-operator-padding-y: var(--infinite-space-0);--infinite-filter-editor-padding-y: var(--infinite-space-0);--infinite-filter-editor-margin-y: var(--infinite-space-1);--infinite-resize-handle-active-area-width: 16px;--infinite-resize-handle-width: 2px;--infinite-resize-handle-hover-background: var(--infinite-accent-color);--infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);--infinite-header-cell-background: #ededed;--infinite-header-cell-hover-background: #dfdfdf;--infinite-header-cell-padding-x: var(--infinite-space-3);--infinite-header-cell-padding-y: var(--infinite-space-3);--infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;--infinite-header-cell-icon-size: 16px;--infinite-header-cell-menu-icon-line-width: 1px;--infinite-header-cell-sort-icon-margin: 16px;--infinite-header-background: var(--infinite-header-cell-background);--infinite-header-color: #6f6f6f;--infinite-column-header-height: 30px;--infinite-cell-color: currentColor;--infinite-cell-border-width: 1px;--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;--infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;--infinite-cell-border-invisible: none;--infinite-cell-border-radius: var(--infinite-space-2);--infinite-column-reorder-effect-duration: .2s;--infinite-active-cell-border-style: dashed;--infinite-active-cell-border-width: 1px;--infinite-active-cell-background-alpha: .25;--infinite-active-cell-background-alpha--table-unfocused: .1;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #f6f6f6;--infinite-row-selected-background: #d1e9ff;--infinite-row-selected-hover-background: #add8ff;--infinite-group-row-background: #cbc5c5;--infinite-group-row-column-nesting: 30px;--infinite-row-hover-background: #dbdbdb;--infinite-row-pointer-events-while-scrolling: auto}.dark,.infinite-dark{--infinite-icon-size: 24px;--infinite-background: #101419;--infinite-cell-border: 1px solid #2a323d;--infinite-header-color: #c3c3c3;--infinite-header-cell-background: #1b2129;--infinite-header-cell-hover-background: #222932;--infinite-header-background: var(--infinite-header-cell-background);--infinite-row-hover-background: #3b4754;--infinite-row-selected-background: #0a2e4f;--infinite-row-selected-hover-background: #0b243a;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #242a31;--infinite-cell-color: #c3c3c3;--infinite-menu-shadow-color: rgba(255,255,255,.25);--infinite-menu-background: #101419;--infinite-menu-color: #c3c3c3;--infinite-menu-item-disabled-background: #101419;--infinite-menu-item-active-background: #3b4754;--infinite-menu-item-pressed-background: #3b4754}@media (prefers-color-scheme: dark){:root{--infinite-icon-size: 24px;--infinite-background: #101419;--infinite-cell-border: 1px solid #2a323d;--infinite-header-color: #c3c3c3;--infinite-header-cell-background: #1b2129;--infinite-header-cell-hover-background: #222932;--infinite-header-background: var(--infinite-header-cell-background);--infinite-row-hover-background: #3b4754;--infinite-row-selected-background: #0a2e4f;--infinite-row-selected-hover-background: #0b243a;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #242a31;--infinite-cell-color: #c3c3c3;--infinite-menu-shadow-color: rgba(255,255,255,.25);--infinite-menu-background: #101419;--infinite-menu-color: #c3c3c3;--infinite-menu-item-disabled-background: #101419;--infinite-menu-item-active-background: #3b4754;--infinite-menu-item-pressed-background: #3b4754}}._16lm1iw0{box-sizing:border-box}._16lm1iw0:before{box-sizing:border-box}._16lm1iw0:after{box-sizing:border-box}._16lm1iw0 *{box-sizing:border-box}._16lm1iw0 *:before{box-sizing:border-box}._16lm1iw0 *:after{box-sizing:border-box}._16lm1iw1{position:relative}._16lm1iw2{position:absolute}._16lm1iw3{position:static}._16lm1iw4{position:sticky}._16lm1iw5{position:fixed}._16lm1iw6{fill:currentColor}._16lm1iw7{fill:var(--infinite-accent-color)}._16lm1iw8{margin:0}._16lm1iw9{stroke:currentColor}._16lm1iwa{stroke:var(--infinite-accent-color)}._16lm1iwb{background:inherit}._16lm1iwc{outline:none}._16lm1iwd,._16lm1iwe{transform:translateZ(0)}._16lm1iwf{transform:rotate(90deg)}._16lm1iwg{transform:rotate(180deg)}._16lm1iwh{cursor:pointer}._16lm1iwi{cursor:default}._16lm1iwj{cursor:col-resize}._16lm1iwk{pointer-events:none}._16lm1iwl{flex:1}._16lm1iwm{flex:none}._16lm1iwn{z-index:1}._16lm1iwo{z-index:10}._16lm1iwp{z-index:100}._16lm1iwq{z-index:1000}._16lm1iwr{z-index:10000}._16lm1iws{z-index:100000}._16lm1iwt{z-index:1000000}._16lm1iwu{z-index:10000000}._16lm1iwv{z-index:1000}._16lm1iww{z-index:10000}._16lm1iwx{z-index:100000}._16lm1iwy{display:flex}._16lm1iwz{display:contents}._16lm1iw10{display:none}._16lm1iw11{display:block}._16lm1iw12{display:grid}._16lm1iw13{display:inline-block}._16lm1iw14{display:inline-flex}._16lm1iw15{display:inline-grid}._16lm1iw16{-webkit-user-select:none;-moz-user-select:none;user-select:none}._16lm1iw17{height:0}._16lm1iw18{height:100%}._16lm1iw19{width:0}._16lm1iw1a{width:100%}._16lm1iw1b{top:0}._16lm1iw1c{top:100%}._16lm1iw1d{left:0}._16lm1iw1e{left:100%}._16lm1iw1f{left:auto}._16lm1iw1g{bottom:0}._16lm1iw1h{bottom:100%}._16lm1iw1i{right:0}._16lm1iw1j{right:100%}._16lm1iw1k{right:auto}._16lm1iw1l{flex-flow:column}._16lm1iw1m{flex-flow:column-reverse}._16lm1iw1n{flex-flow:row}._16lm1iw1o{flex-flow:row-reverse}._16lm1iw1p{align-items:center}._16lm1iw1q{align-items:stretch}._16lm1iw1r{justify-content:center}._16lm1iw1s{justify-content:space-between}._16lm1iw1t{justify-content:space-around}._16lm1iw1u{justify-content:flex-start}._16lm1iw1v{justify-content:flex-end}._16lm1iw1w{overflow:hidden}._16lm1iw1x{overflow:auto}._16lm1iw1y{overflow:visible}._16lm1iw1z{visibility:visible}._16lm1iw20{visibility:hidden}._16lm1iw21{will-change:transform}._16lm1iw22{white-space:nowrap}._16lm1iw23{text-overflow:ellipsis}.mlx2t2{display:inline-block}.mlx2t3{height:0;width:0;will-change:transform}._1ueijco0{backface-visibility:hidden;-webkit-overflow-scrolling:touch;outline:none;position:fixed;height:100%;width:100%;left:0;top:0}._1ueijco0>:first-child{position:sticky;top:0;left:0}._1ueijco1{overflow:auto}._1ueijco2{overflow:hidden}._1ueijco3{overflow:visible}._1ueijco4{overflow:auto}._1ueijco5{overflow:hidden}._1ueijco6{overflow-x:auto}._1ueijco7{overflow-x:hidden}._1ueijco8{overflow-x:visible}._1ueijco9{overflow-x:auto}._1ueijcoa{overflow-x:hidden}._1ueijcob{overflow-y:auto}._1ueijcoc{overflow-y:hidden}._1ueijcod{overflow-y:visible}._1ueijcoe{overflow-y:auto}._1ueijcof{overflow-y:hidden}.nxbq1c1{border:var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, var(--infinite-accent-color)));background:var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)))}.nxbq1c2{display:block}.nxbq1c3{display:none}.j26lrx0{--infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));background:var(--infinite-active-row-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))), transparent calc(100% - var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)) * 100%))))}.j26lrx1{display:block}.j26lrx2{display:none}._1yeub2v0{outline:none;font-family:var(--infinite-font-family);color:var(--infinite-color);background:var(--infinite-background);min-height:var(--infinite-min-height)}._1yeub2v1{--infinite-row-pointer-events-while-scrolling: none}._1yeub2ve{--infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);--infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused))}._1yeub2vi{border-right:var(--infinite-cell-border)}._1yeub2vj{border-left:var(--infinite-cell-border)}._1yeub2vl{-webkit-user-select:none;-moz-user-select:none;user-select:none}._1yeub2vp{transform:translate3d(-100%,0,0);border-right:var(--infinite-pinned-cell-border);bottom:var(--_1slvgu9m)}._1yeub2vq{left:var(--_1slvgu9f)}._1yeub2vn ._1yeub2vq{visibility:visible}._1yeub2vr{left:calc(var(--_1slvgu9h))}._1yeub2vo ._1yeub2vr{visibility:visible}._1eexc2a0{justify-content:center}._1eexc2a1{justify-content:flex-start}._1eexc2a2{justify-content:flex-start;flex-flow:row-reverse}._1eexc2a3{transition:left .3s}._1eexc2a4{transition:none}._1eexc2a5{padding:var(--infinite-cell-padding);border-left:var(--infinite-cell-border-width) solid transparent;border-right:var(--infinite-cell-border-width) solid transparent}._1yeub2vl ._1eexc2a6{transition:transform var(--infinite-column-reorder-effect-duration)}._1eexc2a7{margin-inline:var(--infinite-selection-checkbox-margin-inline)}._1eexc2a8{color:var(--infinite-cell-color)}._1eexc2ac{justify-content:flex-end}._1eexc2ae{align-items:flex-start}._1eexc2af{align-items:flex-end}._1eexc2ao{background:var(--infinite-row-background)}._1eexc2ap{background:var(--infinite-row-odd-background)}._1eexc2aq{background:var(--infinite-row-selected-background)}._1eexc2at{border-top-left-radius:var(--infinite-cell-border-radius);border-bottom-left-radius:var(--infinite-cell-border-radius)}._1eexc2av{border-top-right-radius:var(--infinite-cell-border-radius);border-bottom-right-radius:var(--infinite-cell-border-radius)}._1eexc2a1c{justify-content:center}._12zfob12,._12zfob13{margin-left:var(--infinite-header-cell-sort-icon-margin)}._12zfob14{margin-right:var(--infinite-header-cell-sort-icon-margin)}._12zfob15,._12zfob16{line-height:0;font-size:10px;border-radius:50%;padding:1px;position:absolute;transition:top .2s;top:0;right:2px}._12zfob17{background:var(--infinite-header-background);top:0;right:0;bottom:0}._12zfob18{background:var(--infinite-header-background);color:var(--infinite-header-color)}._12zfob1g{z-index:10}._12zfob1m{background:var(--infinite-header-cell-hover-background);color:var(--infinite-cell-color);opacity:.8;padding:var(--infinite-cell-padding);padding-left:20px;z-index:2000}._12zfob1n{border-left:var(--infinite-cell-border-width) solid transparent;border-right:var(--infinite-cell-border);background:var(--infinite-header-cell-background);padding:0}._12zfob1n:hover{background:var(--infinite-header-cell-hover-background)}._12zfob118{border-top-left-radius:var(--infinite-cell-border-radius);border-bottom-left-radius:var(--infinite-cell-border-radius)}._12zfob11a{border-top-right-radius:var(--infinite-cell-border-radius);border-bottom-right-radius:var(--infinite-cell-border-radius)}._12zfob11i{z-index:10}._1yeub2va ._12zfob11n{--infinite-cell-border: var(--infinite-cell-border-invisible)}._12zfob11p{border-right:var(--infinite-cell-border)}._12zfob11q{cursor:context-menu;padding-block-start:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}._12zfob11q:active{top:1px}._12zfob1n:hover ._12zfob11q,._12zfob11r{visibility:visible;display:flex}._12zfob11t{display:none}._12zfob11u{visibility:visible;display:flex}._12zfob11v{padding:var(--infinite-header-cell-padding)}._12zfob11y{align-items:flex-start}._12zfob11z{align-items:flex-end}._12zfob122{flex-direction:row-reverse}._12zfob123{justify-content:center}._12zfob124{background:var(--infinite-header-background)}._12zfob125{padding:var(--infinite-cell-padding);border-bottom:var(--infinite-cell-border);border-right:var(--infinite-cell-border);background:var(--infinite-header-cell-background)}._12zfob126{border-top:var(--infinite-cell-border);padding-block:var(--infinite-filter-editor-margin-y)}._12zfob127{padding-inline:var(--infinite-filter-operator-padding-x);padding-block:var(--infinite-filter-operator-padding-y)}._12zfob129{opacity:var(--infinite-menu-item-disabled-opacity);cursor:auto}._12zfob12a:active{top:1px}._12zfob12b{margin-inline:var(--infinite-filter-editor-margin-x);padding-inline:var(--infinite-filter-editor-padding-x);padding-block:var(--infinite-filter-editor-padding-y)}._6aunoi0{padding-block-start:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}._7pupv00{will-change:transform;position:absolute;top:0;left:0;pointer-events:var(--infinite-row-pointer-events-while-scrolling);--infinite-column-cell-bg-dont-override: var(--infinite-row-background)}._7pupv01{--infinite-row-background: var(--infinite-row-hover-background);--infinite-row-selected-background: var(--infinite-row-selected-hover-background);--infinite-row-odd-background: var(--infinite-row-hover-background)}._7pupv03{background:var(--infinite-row-background)}._7pupv04{background:var(--infinite-row-odd-background)}._7pupv05,._7pupv07{z-index:100}._7pupv0b,._7pupv0c{padding-inline-start:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting))}._7pupv0d{padding-inline-end:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting))}.qz8ht90{accent-color:var(--infinite-accent-color)}.qz8ht90[disabled]{opacity:.7}._1ek6mqy0{padding-block-start:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}.zneyzh0{transform:translate(50%);width:var(--infinite-resize-handle-active-area-width)}.zneyzh0:hover{overflow:visible}.zneyzh2{transform:translate(-50%)}.zneyzh8,.zneyzh9,.zneyzha{transform:none}.zneyzhb{right:calc((var(--infinite-resize-handle-active-area-width) - var(--infinite-resize-handle-width)) / 2);width:var(--infinite-resize-handle-width)}.zneyzh0:hover .zneyzhb{background:var(--infinite-resize-handle-hover-background)}.zneyzh0:hover .zneyzhd{background:var(--infinite-resize-handle-constrained-hover-background)}.qy58ya0{flex-flow:row;align-items:center;justify-content:center}.qy58ya1{display:flex}.qy58ya2{display:none}.qy58ya3{background:var(--infinite-load-mask-overlay-background);opacity:var(--infinite-load-mask-overlay-opacity)}.qy58ya4{position:relative;padding:var(--infinite-load-mask-padding);color:var(--infinite-load-mask-color);background:var(--infinite-load-mask-text-background);border-radius:var(--infinite-load-mask-border-radius)}.db3arf0{padding:var(--infinite-menu-padding);color:var(--infinite-menu-color);background:var(--infinite-menu-background);border-radius:var(--infinite-menu-border-radius);outline:none;box-shadow:0 6px 12px -2px var(--infinite-menu-shadow-color),0 3px 7px -3px var(--infinite-menu-background)}.db3arf1{display:contents}.db3arf2{padding-block:var(--infinite-menu-cell-padding-vertical);padding-inline:var(--infinite-menu-cell-padding-horizontal);margin-block:var(--infinite-menu-cell-margin-vertical);border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));border-color:transparent}.db3arf3{opacity:var(--infinite-menu-item-disabled-opacity);background:var(--infinite-menu-item-disabled-background)}.db3arf0:focus-within>.db3arf1>.db3arf9{border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))))}.db3arf0:focus-within>.db3arf1>.db3arf9:first-child:last-child{border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))))}.db3arf0:focus-within>.db3arf1>.db3arf9:first-child{border-right-color:transparent}.db3arf0:focus-within>.db3arf1>.db3arf9:last-child{border-left-color:transparent}.db3arf0:focus-within>.db3arf1>.db3arf9:not(:first-child):not(:last-child){border-left-color:transparent;border-right-color:transparent}.db3arfb{background:var(--infinite-menu-item-active-background);opacity:var(--infinite-menu-item-active-opacity)}.db3arfc{background:var(--infinite-menu-item-pressed-background);opacity:var(--infinite-menu-item-pressed-opacity)}.db3arfd{border-top:1px solid currentColor;border-bottom:0;margin-top:calc(var(--infinite-menu-cell-padding-vertical) / 2);margin-bottom:calc(var(--infinite-menu-cell-padding-vertical) / 2)}

package/index.d.ts

@@ -1376,17 +1376,20 @@ declare type DataSourceMutation<T> = {
     type: 'delete';
     primaryKey: any;
     originalData: T;
+    metadata: any;
 } | {
     type: 'update';
     primaryKey: any;
     data: Partial<T>;
     originalData: T;
+    metadata: any;
 } | {
     type: 'insert';
     primaryKey: any;
     position: 'before' | 'after';
     originalData: null;
     data: T;
+    metadata: any;
 };
 declare class DataSourceCache<DataType, PrimaryKeyType = string> {
     private affectedFields;
@@ -1396,9 +1399,9 @@ declare class DataSourceCache<DataType, PrimaryKeyType = string> {
         light?: boolean;
     }): DataSourceCache<DataType, PrimaryKeyType>;
     getAffectedFields: () => true | Set<keyof DataType>;
-    delete: (primaryKey: PrimaryKeyType, originalData: DataType) => void;
-    insert: (primaryKey: PrimaryKeyType, data: DataType, position: 'before' | 'after') => void;
-    update: (primaryKey: PrimaryKeyType, data: Partial<DataType>, originalData: DataType) => void;
+    delete: (primaryKey: PrimaryKeyType, originalData: DataType, metadata: any) => void;
+    insert: (primaryKey: PrimaryKeyType, data: DataType, position: 'before' | 'after', metadata: any) => void;
+    update: (primaryKey: PrimaryKeyType, data: Partial<DataType>, originalData: DataType, metadata: any) => void;
     clear: () => void;
     isEmpty: () => boolean;
     removeInfo: (primaryKey: PrimaryKeyType) => void;
@@ -1639,6 +1642,7 @@ declare type DataSourcePropIsRowSelected<T> = (rowInfo: InfiniteTableRowInfo<T>,
 declare type DataSourcePropSortFn<T> = (sortInfo: MultisortInfoAllowMultipleFields<T>[], array: T[], get?: (item: any) => T) => T[];
 declare type DataSourceCRUDParam = {
     flush?: boolean;
+    metadata?: any;
 };
 declare type DataSourceInsertParam = DataSourceCRUDParam & ({
     position: 'before' | 'after';

package/index.dev.js

@@ -1380,7 +1380,7 @@ function stripVar(cssVariableWithVarString) {
 
 // src/components/InfiniteTable/theme.css.ts
 var InternalVars = { currentColumnWidth: "var(--currentColumnWidth__1slvgu90)", currentColumnTransformX: "var(--currentColumnTransformX__1slvgu91)", currentColumnTransformY: "var(--currentColumnTransformY__1slvgu92)", activeCellRowOffset: "var(--activeCellRowOffset__1slvgu93)", activeCellRowHeight: "var(--activeCellRowHeight__1slvgu94)", activeCellOffsetX: "var(--activeCellOffsetX__1slvgu95)", activeCellOffsetY: "var(--activeCellOffsetY__1slvgu96)", scrollTopForActiveRow: "var(--scrollTopForActiveRow__1slvgu97)", activeCellColWidth: "var(--activeCellColWidth__1slvgu98)", activeCellColOffset: "var(--activeCellColOffset__1slvgu99)", columnReorderEffectDurationAtIndex: "var(--columnReorderEffectDurationAtIndex__1slvgu9a)", columnWidthAtIndex: "var(--columnWidthAtIndex__1slvgu9b)", columnOffsetAtIndex: "var(--columnOffsetAtIndex__1slvgu9c)", columnOffsetAtIndexWhileReordering: "var(--columnOffsetAtIndexWhileReordering__1slvgu9d)", columnZIndexAtIndex: "var(--columnZIndexAtIndex__1slvgu9e)", pinnedStartWidth: "var(--pinnedStartWidth__1slvgu9f)", pinnedEndWidth: "var(--pinnedEndWidth__1slvgu9g)", pinnedEndOffset: "var(--pinnedEndOffset__1slvgu9h)", computedVisibleColumnsCount: "var(--computedVisibleColumnsCount__1slvgu9i)", baseZIndexForCells: "var(--baseZIndexForCells__1slvgu9j)", bodyWidth: "var(--bodyWidth__1slvgu9k)", bodyHeight: "var(--bodyHeight__1slvgu9l)", scrollbarWidthHorizontal: "var(--scrollbarWidthHorizontal__1slvgu9m)", scrollbarWidthVertical: "var(--scrollbarWidthVertical__1slvgu9n)", scrollLeft: "var(--scrollLeft__1slvgu9o)", scrollTop: "var(--scrollTop__1slvgu9p)" };
-var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", activeBorderColor_R: "var(--infinite-active-cell-border-color--r)", activeBorderColor_G: "var(--infinite-active-cell-border-color--g)", activeBorderColor_B: "var(--infinite-active-cell-border-color--b)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
+var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
 var columnHeaderHeightName = "column-header-height";
 
 // src/utils/selectParent.ts
@@ -10928,18 +10928,19 @@ var DataSourceCache = class {
       }
       return this.affectedFields;
     };
-    this.delete = (primaryKey, originalData) => {
+    this.delete = (primaryKey, originalData, metadata) => {
       this.allFieldsAffected = true;
       const pk = `${primaryKey}`;
       const value = this.primaryKeyToData.get(pk) || [];
       value.push({
         type: "delete",
         primaryKey,
-        originalData
+        originalData,
+        metadata
       });
       this.primaryKeyToData.set(pk, value);
     };
-    this.insert = (primaryKey, data, position2) => {
+    this.insert = (primaryKey, data, position2, metadata) => {
       const pk = `${primaryKey}`;
       const value = this.primaryKeyToData.get(pk) || [];
       this.allFieldsAffected = true;
@@ -10948,11 +10949,12 @@ var DataSourceCache = class {
         primaryKey,
         data,
         position: position2,
-        originalData: null
+        originalData: null,
+        metadata
       });
       this.primaryKeyToData.set(pk, value);
     };
-    this.update = (primaryKey, data, originalData) => {
+    this.update = (primaryKey, data, originalData, metadata) => {
       if (!this.allFieldsAffected) {
         const keys = Object.keys(data);
         keys.forEach((key) => this.affectedFields.add(key));
@@ -10963,7 +10965,8 @@ var DataSourceCache = class {
         type: "update",
         primaryKey,
         data,
-        originalData
+        originalData,
+        metadata
       });
       this.primaryKeyToData.set(`${primaryKey}`, value);
     };
@@ -11038,7 +11041,12 @@ var DataSourceApiImpl = class {
             const key = operation.primaryKeys[index];
             const rowInfo = this.getRowInfoByPrimaryKey(key);
             if (rowInfo && !rowInfo.isGroupRow) {
-              cache.update(operation.primaryKeys[index], data, rowInfo.data);
+              cache.update(
+                operation.primaryKeys[index],
+                data,
+                rowInfo.data,
+                operation.metadata
+              );
             }
           });
           break;
@@ -11046,7 +11054,7 @@ var DataSourceApiImpl = class {
           operation.primaryKeys.forEach((key) => {
             const rowInfo = this.getRowInfoByPrimaryKey(key);
             if (rowInfo && !rowInfo.isGroupRow) {
-              cache.delete(key, rowInfo.data);
+              cache.delete(key, rowInfo.data, operation.metadata);
             }
           });
           break;
@@ -11054,7 +11062,7 @@ var DataSourceApiImpl = class {
           let pk = operation.primaryKey;
           let position2 = operation.position;
           operation.array.forEach((data) => {
-            cache.insert(pk, data, position2);
+            cache.insert(pk, data, position2, operation.metadata);
             pk = this.toPrimaryKey(data);
             position2 = "after";
           });
@@ -11112,7 +11120,8 @@ var DataSourceApiImpl = class {
       array: data,
       primaryKeys: data.map((d) => {
         return this.toPrimaryKey(d);
-      })
+      }),
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11122,7 +11131,8 @@ var DataSourceApiImpl = class {
   removeDataByPrimaryKey(id, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: [id]
+      primaryKeys: [id],
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11132,7 +11142,8 @@ var DataSourceApiImpl = class {
   removeData(data, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: [this.toPrimaryKey(data)]
+      primaryKeys: [this.toPrimaryKey(data)],
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11142,7 +11153,8 @@ var DataSourceApiImpl = class {
   removeDataArrayByPrimaryKeys(ids, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: ids
+      primaryKeys: ids,
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11152,7 +11164,8 @@ var DataSourceApiImpl = class {
   removeDataArray(data, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: data.map(this.toPrimaryKey)
+      primaryKeys: data.map(this.toPrimaryKey),
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11190,6 +11203,7 @@ var DataSourceApiImpl = class {
       type: "insert",
       array: data,
       position: position2,
+      metadata: options == null ? void 0 : options.metadata,
       primaryKey
     });
     if (options == null ? void 0 : options.flush) {
@@ -11576,6 +11590,17 @@ function getPivotColumnsAndColumnGroups({
   ).map((key) => {
     return __spreadProps(__spreadValues({}, reducers[key]), { id: key });
   });
+  if (!aggregationReducers.length) {
+    showSeparatePivotColumnForSingleAggregation = true;
+    pivotGrandTotalColumnPosition = false;
+    pivotTotalColumnPosition = false;
+    aggregationReducers.push({
+      id: "__empty-aggregation-reducer__",
+      name: "-",
+      initialValue: null,
+      reducer: () => null
+    });
+  }
   const columns = /* @__PURE__ */ new Map([
     // [
     //   'labels',
@@ -14104,6 +14129,7 @@ var InfiniteTableApiImpl = class {
         valueToPersist = yield column.getValueToPersist(params);
       }
       params.value = valueToPersist;
+      editingCell.value = valueToPersist;
       const persistEdit = (_b = this.getState().persistEdit) != null ? _b : () => {
         if (!params.column.field) {
           return value;
@@ -16781,7 +16807,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react49.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "2.0.3"
+      version: "2.0.5"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -1358,7 +1358,7 @@ function stripVar(cssVariableWithVarString) {
 
 // src/components/InfiniteTable/theme.css.ts
 var InternalVars = { currentColumnWidth: "var(--currentColumnWidth__1slvgu90)", currentColumnTransformX: "var(--currentColumnTransformX__1slvgu91)", currentColumnTransformY: "var(--currentColumnTransformY__1slvgu92)", activeCellRowOffset: "var(--activeCellRowOffset__1slvgu93)", activeCellRowHeight: "var(--activeCellRowHeight__1slvgu94)", activeCellOffsetX: "var(--activeCellOffsetX__1slvgu95)", activeCellOffsetY: "var(--activeCellOffsetY__1slvgu96)", scrollTopForActiveRow: "var(--scrollTopForActiveRow__1slvgu97)", activeCellColWidth: "var(--activeCellColWidth__1slvgu98)", activeCellColOffset: "var(--activeCellColOffset__1slvgu99)", columnReorderEffectDurationAtIndex: "var(--columnReorderEffectDurationAtIndex__1slvgu9a)", columnWidthAtIndex: "var(--columnWidthAtIndex__1slvgu9b)", columnOffsetAtIndex: "var(--columnOffsetAtIndex__1slvgu9c)", columnOffsetAtIndexWhileReordering: "var(--columnOffsetAtIndexWhileReordering__1slvgu9d)", columnZIndexAtIndex: "var(--columnZIndexAtIndex__1slvgu9e)", pinnedStartWidth: "var(--pinnedStartWidth__1slvgu9f)", pinnedEndWidth: "var(--pinnedEndWidth__1slvgu9g)", pinnedEndOffset: "var(--pinnedEndOffset__1slvgu9h)", computedVisibleColumnsCount: "var(--computedVisibleColumnsCount__1slvgu9i)", baseZIndexForCells: "var(--baseZIndexForCells__1slvgu9j)", bodyWidth: "var(--bodyWidth__1slvgu9k)", bodyHeight: "var(--bodyHeight__1slvgu9l)", scrollbarWidthHorizontal: "var(--scrollbarWidthHorizontal__1slvgu9m)", scrollbarWidthVertical: "var(--scrollbarWidthVertical__1slvgu9n)", scrollLeft: "var(--scrollLeft__1slvgu9o)", scrollTop: "var(--scrollTop__1slvgu9p)" };
-var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", activeBorderColor_R: "var(--infinite-active-cell-border-color--r)", activeBorderColor_G: "var(--infinite-active-cell-border-color--g)", activeBorderColor_B: "var(--infinite-active-cell-border-color--b)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
+var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
 var columnHeaderHeightName = "column-header-height";
 
 // src/utils/selectParent.ts
@@ -10914,18 +10914,19 @@ var DataSourceCache = class {
       }
       return this.affectedFields;
     };
-    this.delete = (primaryKey, originalData) => {
+    this.delete = (primaryKey, originalData, metadata) => {
       this.allFieldsAffected = true;
       const pk = `${primaryKey}`;
       const value = this.primaryKeyToData.get(pk) || [];
       value.push({
         type: "delete",
         primaryKey,
-        originalData
+        originalData,
+        metadata
       });
       this.primaryKeyToData.set(pk, value);
     };
-    this.insert = (primaryKey, data, position2) => {
+    this.insert = (primaryKey, data, position2, metadata) => {
       const pk = `${primaryKey}`;
       const value = this.primaryKeyToData.get(pk) || [];
       this.allFieldsAffected = true;
@@ -10934,11 +10935,12 @@ var DataSourceCache = class {
         primaryKey,
         data,
         position: position2,
-        originalData: null
+        originalData: null,
+        metadata
       });
       this.primaryKeyToData.set(pk, value);
     };
-    this.update = (primaryKey, data, originalData) => {
+    this.update = (primaryKey, data, originalData, metadata) => {
       if (!this.allFieldsAffected) {
         const keys = Object.keys(data);
         keys.forEach((key) => this.affectedFields.add(key));
@@ -10949,7 +10951,8 @@ var DataSourceCache = class {
         type: "update",
         primaryKey,
         data,
-        originalData
+        originalData,
+        metadata
       });
       this.primaryKeyToData.set(`${primaryKey}`, value);
     };
@@ -11024,7 +11027,12 @@ var DataSourceApiImpl = class {
             const key = operation.primaryKeys[index];
             const rowInfo = this.getRowInfoByPrimaryKey(key);
             if (rowInfo && !rowInfo.isGroupRow) {
-              cache.update(operation.primaryKeys[index], data, rowInfo.data);
+              cache.update(
+                operation.primaryKeys[index],
+                data,
+                rowInfo.data,
+                operation.metadata
+              );
             }
           });
           break;
@@ -11032,7 +11040,7 @@ var DataSourceApiImpl = class {
           operation.primaryKeys.forEach((key) => {
             const rowInfo = this.getRowInfoByPrimaryKey(key);
             if (rowInfo && !rowInfo.isGroupRow) {
-              cache.delete(key, rowInfo.data);
+              cache.delete(key, rowInfo.data, operation.metadata);
             }
           });
           break;
@@ -11040,7 +11048,7 @@ var DataSourceApiImpl = class {
           let pk = operation.primaryKey;
           let position2 = operation.position;
           operation.array.forEach((data) => {
-            cache.insert(pk, data, position2);
+            cache.insert(pk, data, position2, operation.metadata);
             pk = this.toPrimaryKey(data);
             position2 = "after";
           });
@@ -11098,7 +11106,8 @@ var DataSourceApiImpl = class {
       array: data,
       primaryKeys: data.map((d) => {
         return this.toPrimaryKey(d);
-      })
+      }),
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11108,7 +11117,8 @@ var DataSourceApiImpl = class {
   removeDataByPrimaryKey(id, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: [id]
+      primaryKeys: [id],
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11118,7 +11128,8 @@ var DataSourceApiImpl = class {
   removeData(data, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: [this.toPrimaryKey(data)]
+      primaryKeys: [this.toPrimaryKey(data)],
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11128,7 +11139,8 @@ var DataSourceApiImpl = class {
   removeDataArrayByPrimaryKeys(ids, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: ids
+      primaryKeys: ids,
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11138,7 +11150,8 @@ var DataSourceApiImpl = class {
   removeDataArray(data, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: data.map(this.toPrimaryKey)
+      primaryKeys: data.map(this.toPrimaryKey),
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11176,6 +11189,7 @@ var DataSourceApiImpl = class {
       type: "insert",
       array: data,
       position: position2,
+      metadata: options == null ? void 0 : options.metadata,
       primaryKey
     });
     if (options == null ? void 0 : options.flush) {
@@ -11562,6 +11576,17 @@ function getPivotColumnsAndColumnGroups({
   ).map((key) => {
     return __spreadProps(__spreadValues({}, reducers[key]), { id: key });
   });
+  if (!aggregationReducers.length) {
+    showSeparatePivotColumnForSingleAggregation = true;
+    pivotGrandTotalColumnPosition = false;
+    pivotTotalColumnPosition = false;
+    aggregationReducers.push({
+      id: "__empty-aggregation-reducer__",
+      name: "-",
+      initialValue: null,
+      reducer: () => null
+    });
+  }
   const columns = /* @__PURE__ */ new Map([
     // [
     //   'labels',
@@ -14090,6 +14115,7 @@ var InfiniteTableApiImpl = class {
         valueToPersist = yield column.getValueToPersist(params);
       }
       params.value = valueToPersist;
+      editingCell.value = valueToPersist;
       const persistEdit = (_b = this.getState().persistEdit) != null ? _b : () => {
         if (!params.column.field) {
           return value;
@@ -16771,7 +16797,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "2.0.3"
+      version: "2.0.5"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;