@revolist/revogrid 4.0.4-next → 4.0.4

package/dist/revo-grid/revogr-data_4.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import{h as e,r as t,c as i,H as r,a as o}from"./index-21436631.js";import{o as s,h as n,p as a,G as l,c as d,q as h,r as c,n as g,i as v,H as p,C as u,F as C}from"./column.service-21a3af74.js";import{d as f,e as w,f as b,h as L,i as x,F as m,H as k,j as z,k as y,l as E,m as R}from"./index-98fd0168.js";import{b as H,E as j,u as S,_ as F,w as $,q as O,j as D,m as M}from"./dimension.helpers-a3065cb1.js";import{a as T}from"./filter.button-46ce4f80.js";import{H as P}from"./header-cell-renderer-1ca84d5f.js";import{t as _,L as W,a as B}from"./throttle-cfd527d6.js";import"./selection.store-2577ddf9.js";import"./toNumber-8de324a7.js";import"./dispatcher-8ea9187d.js";import"./debounce-7781346d.js";const U=10;const I=({rowClass:t,index:i,size:r,start:o,depth:s},n)=>{const a=Object.assign({[f]:i});return e("div",Object.assign({},a,{class:`rgRow ${t||""}`,style:{height:`${r}px`,transform:`translateY(${o}px)`,paddingLeft:s?`${U*s}px`:undefined}}),n)};function Z(e,t,i){const r=new CustomEvent(n,{detail:{model:t,virtualIndex:i},cancelable:true,bubbles:true});e.target.dispatchEvent(r)}const X=t=>{const{model:i,itemIndex:r,hasExpand:o,groupingCustomRenderer:n}=t;const h=i[a];const c=i[l];const g=parseInt(i[d],10)||0;if(!o){return e(I,Object.assign({},t,{rowClass:"groupingRow",depth:g}))}if(n){return e(I,Object.assign({},t,{rowClass:"groupingRow",depth:g}),e("div",{onClick:e=>Z(e,i,r)},n(e,{name:h,itemIndex:r,expanded:c,depth:g})))}return e(I,Object.assign({},t,{rowClass:"groupingRow",depth:g}),e("button",{class:{[s]:true},onClick:e=>Z(e,i,r)},e("svg",{"aria-hidden":"true",style:{transform:`rotate(${!c?-90:0}deg)`},focusable:"false",viewBox:"0 0 448 512"},e("path",{fill:"currentColor",d:"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"}))),h)};class V{constructor(){this.currentRange=null}selectionChange(e,t){if(this.currentRange){t.forEach(((t,i)=>{var r;if(e&&i>=e.y&&i<=e.y1){return}if(t&&t.t instanceof HTMLElement&&t.t.classList.contains(w)){t.t.classList.remove(w);if((r=t.i)===null||r===void 0?void 0:r.class.includes(w)){t.i.class=t.i.class.replace(w,"")}}}))}if(e){for(let i=e.y;i<=e.y1;i++){const e=t.get(i);if(e&&e.t instanceof HTMLElement&&!e.t.classList.contains(w)){const t=e.i=e.i||{};t.class=(t.class||"")+" "+w;e.t.classList.add(w)}}}this.currentRange=e}isRowFocused(e){return this.currentRange&&e>=this.currentRange.y&&e<=this.currentRange.y1}}function Y(e,t){return new Promise((i=>{const r=document.createElement("vnode-html");e.appendChild(r);r.redraw=t;r.addEventListener("html",(e=>{r.remove();i(e.detail)}))}))}function q(t){const i=[];if(t.template){i.push(t.template(e,Object.assign(Object.assign({},t.model),{providers:t.providers}),t.additionalData))}else{if(!t.model.column){return""}if(t.model.column.rowDrag&&h(t.model.column.rowDrag,t.model)){i.push(e("span",{class:L,onMouseDown:e=>t.dragStartCell.emit({originalEvent:e,model:t.model})},e("span",{class:b})))}i.push(`${c(t.model.model[t.model.prop])}`)}return i}const G=({renderProps:t,cellProps:i})=>{const r=q.bind(null,t);return e("div",Object.assign({},i,{redraw:r}),r())};const A=".revo-drag-icon{width:11px}.revo-drag-icon::before{content:\"::\"}.revo-alt-icon{-webkit-mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");width:11px;height:11px;background-size:cover;background-repeat:no-repeat}.arrow-down{position:absolute;right:5px;top:0}.arrow-down svg{width:8px;margin-top:5px;margin-left:5px;opacity:0.4}.cell-value-wrapper{margin-right:10px;overflow:hidden;text-overflow:ellipsis}.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#6200ee;height:34px;line-height:34px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#009037;border:1px solid #00772d}.revo-button.red{background-color:#E0662E;border:1px solid #d55920}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.light{border:1px solid #cedefa;line-height:32px;background:none;color:#000;box-shadow:none}revogr-data{display:block;width:100%;position:relative}revogr-data .rgRow{position:absolute;width:100%;left:0}revogr-data .rgRow.groupingRow{font-weight:600;text-align:left}revogr-data .rgRow.groupingRow .group-expand{width:25px;height:100%;max-height:25px;margin-right:2px;background-color:transparent;border-color:transparent}revogr-data .rgRow.groupingRow .group-expand svg{width:7px}revogr-data .revo-draggable{border:none;height:32px;display:inline-flex;outline:0;padding:0;font-size:0.8125rem;box-sizing:border-box;align-items:center;white-space:nowrap;vertical-align:middle;justify-content:center;text-decoration:none;width:24px;height:100%;cursor:pointer;display:inline-flex}revogr-data .revo-draggable>.revo-drag-icon{pointer-events:none;transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}revogr-data .rgCell{top:0;left:0;position:absolute;box-sizing:border-box;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}revogr-data .rgCell.align-center{text-align:center}revogr-data .rgCell.align-left{text-align:left}revogr-data .rgCell.align-right{text-align:right}";const N=A;const J=class{constructor(e){t(this,e);this.beforerowrender=i(this,"beforerowrender",7);this.afterrender=i(this,"afterrender",7);this.beforeCellRender=i(this,"beforecellrender",7);this.dragStartCell=i(this,"dragstartcell",7);this.renderedRows=new Map;this.readonly=undefined;this.range=undefined;this.rowClass=undefined;this.additionalData=undefined;this.rowSelectionStore=undefined;this.viewportRow=undefined;this.viewportCol=undefined;this.dimensionRow=undefined;this.colData=undefined;this.dataStore=undefined;this.type=undefined;this.colType=undefined;this.jobsBeforeRender=[];this.providers=undefined}async updateCell(e){var t,i,r;const o=(i=(t=this.renderedRows.get(e.row))===null||t===void 0?void 0:t.o)===null||i===void 0?void 0:i[e.col];if((r=o===null||o===void 0?void 0:o.i)===null||r===void 0?void 0:r.redraw){const e=await Y(this.element,o.i.redraw);o.t.innerHTML=e.html;o.l=Math.random()}}onDataStoreChange(){this.onStoreChange()}onColDataChange(){this.onStoreChange()}onStoreChange(){var e,t;(e=this.columnService)===null||e===void 0?void 0:e.destroy();this.columnService=new g(this.dataStore,this.colData);this.providers={type:this.type,readonly:this.readonly,data:this.dataStore,viewport:this.viewportCol,dimension:this.dimensionRow,selection:this.rowSelectionStore};(t=this.rangeUnsubscribe)===null||t===void 0?void 0:t.call(this);this.rangeUnsubscribe=this.rowSelectionStore.onChange("range",(e=>this.rowHighlightPlugin.selectionChange(e,this.renderedRows)))}connectedCallback(){this.rowHighlightPlugin=new V;this.onStoreChange()}disconnectedCallback(){var e,t;(e=this.columnService)===null||e===void 0?void 0:e.destroy();(t=this.rangeUnsubscribe)===null||t===void 0?void 0:t.call(this)}async componentWillRender(){return Promise.all(this.jobsBeforeRender)}componentDidRender(){this.afterrender.emit({type:this.type})}render(){var t,i;this.renderedRows=new Map;const o=this.columnService.columns;if(!o.length){return}const s=this.viewportRow.get("items");if(!s.length){return}const n=this.viewportCol.get("items");if(!n.length){return}const a=[];const l=this.dataStore.get("groupingDepth");const d=this.dataStore.get("groupingCustomRenderer");const h=this.columnService.hasGrouping?l:0;for(let r of s){const s=H(this.dataStore,r.itemIndex);if(v(s)){a.push(e(X,Object.assign({},r,{index:r.itemIndex,model:s,groupingCustomRenderer:d,hasExpand:this.columnService.hasGrouping})));continue}const l=[];for(let s of n){const n=this.columnService.rowDataModel(r.itemIndex,s.itemIndex);const a=this.triggerBeforeCellRender(n,r,s);if(a.defaultPrevented){continue}const{detail:{column:d,row:c}}=a;const g={[x]:d.itemIndex,[f]:c.itemIndex,style:{width:`${d.size}px`,transform:`translateX(${d.start}px)`,height:c.size?`${c.size}px`:undefined}};if(h&&!d.itemIndex){g.style.paddingLeft=`${U*h}px`}const v=this.columnService.mergeProperties(c.itemIndex,d.itemIndex,g,n,(t=o[d.itemIndex])===null||t===void 0?void 0:t.cellProperties);l.push(e(G,{renderProps:{model:n,providers:this.providers,template:(i=o[d.itemIndex])===null||i===void 0?void 0:i.cellTemplate,additionalData:this.additionalData,dragStartCell:this.dragStartCell},cellProps:v}))}let c=this.rowClass?this.columnService.getRowClass(r.itemIndex,this.rowClass):"";if(this.rowHighlightPlugin.isRowFocused(r.itemIndex)){c+=` ${w}`}const g=e(I,{index:r.itemIndex,rowClass:c,size:r.size,start:r.start},l);this.beforerowrender.emit({node:g,item:r,dataItem:s,colType:this.columnService.type,rowType:this.type});a.push(g);this.renderedRows.set(r.itemIndex,g)}return e(r,null,e("slot",null),a)}triggerBeforeCellRender(e,t,i){return this.beforeCellRender.emit({column:Object.assign({},i),row:Object.assign({},t),model:e,rowType:e.type,colType:e.colType})}get element(){return o(this)}static get watchers(){return{dataStore:["onDataStoreChange"],colData:["onColDataChange"]}}};J.style=N;var K=j;var Q=function(){try{var e=K(Object,"defineProperty");e({},"",{});return e}catch(e){}}();var ee=Q;var te=ee;function ie(e,t,i){if(t=="__proto__"&&te){te(e,t,{configurable:true,enumerable:true,value:i,writable:true})}else{e[t]=i}}var re=ie;function oe(e,t,i,r){var o=-1,s=e==null?0:e.length;while(++o<s){var n=e[o];t(r,n,i(n),e)}return r}var se=oe;var ne=S;function ae(e,t,i,r){ne(e,(function(e,o,s){t(r,e,i(e),s)}));return r}var le=ae;var de=se,he=le,ce=F,ge=$;function ve(e,t){return function(i,r){var o=ge(i)?de:he,s=t?t():{};return o(i,e,ce(r),s)}}var pe=ve;var ue=re,Ce=pe;var fe=Ce((function(e,t,i){ue(e,i,t)}));var we=fe;const be=({column:t})=>e("i",{class:t.order});const Le=t=>{var i,r,o,s,n,a;const l={[k]:true,[z]:!!((i=t.data)===null||i===void 0?void 0:i.sortable)};if((r=t.data)===null||r===void 0?void 0:r.order){l[t.data.order]=true}const d={[x]:t.column.itemIndex,canResize:t.canResize,minWidth:((o=t.data)===null||o===void 0?void 0:o.minSize)||y,maxWidth:(s=t.data)===null||s===void 0?void 0:s.maxSize,active:t.active||["r"],class:l,style:{width:`${t.column.size}px`,transform:`translateX(${t.column.start}px)`},onResize:t.onResize,onDoubleClick(e){t.onDoubleClick({column:t.data,index:t.column.itemIndex,originalEvent:e})},onClick(e){if(e.defaultPrevented||!t.onClick){return}t.onClick({column:t.data,index:t.column.itemIndex,originalEvent:e})}};if(t.range){if(t.column.itemIndex>=t.range.x&&t.column.itemIndex<=t.range.x1){if(typeof d.class==="object"){d.class[m]=true}}}return e(P,{data:t.data,props:d,additionalData:t.additionalData},((n=t.data)===null||n===void 0?void 0:n.order)?e(be,{column:t.data}):"",t.canFilter&&((a=t.data)===null||a===void 0?void 0:a.filter)!==false?e(T,{column:t.data}):"")};const xe=t=>{const i={canResize:t.canResize,minWidth:t.group.ids.length*y,maxWidth:0,active:t.active||["r"],class:{[k]:true},style:{transform:`translateX(${t.start}px)`,width:`${t.end-t.start}px`},onResize:t.onResize};return e(P,{data:Object.assign(Object.assign({},t.group),{prop:"",providers:t.providers,index:t.start}),props:i,additionalData:t.additionalData})};const me=({additionalData:t,providers:i,depth:r,groups:o,visibleProps:s,dimensionCol:n,canResize:a,active:l,onResize:d})=>{const h=[];for(let c=0;c<r;c++){if(o[c]){for(let r of o[c]){const o=O(r.ids,(e=>typeof s[e]==="number"));if(o>-1){const c=s[r.ids[o]];const g=c-o;const v=g+r.ids.length-1;const p=D(n,g).start;const u=D(n,v).end;h.push(e(xe,{providers:i,start:p,end:u,group:r,active:l,canResize:a,onResize:e=>d(e.changedX,g,v),additionalData:t}))}}}h.push(e("div",{class:`${E} group`}))}return h};const ke="@charset \"UTF-8\";.revo-drag-icon{width:11px}.revo-drag-icon::before{content:\"::\"}.revo-alt-icon{-webkit-mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");width:11px;height:11px;background-size:cover;background-repeat:no-repeat}.arrow-down{position:absolute;right:5px;top:0}.arrow-down svg{width:8px;margin-top:5px;margin-left:5px;opacity:0.4}.cell-value-wrapper{margin-right:10px;overflow:hidden;text-overflow:ellipsis}.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#6200ee;height:34px;line-height:34px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#009037;border:1px solid #00772d}.revo-button.red{background-color:#E0662E;border:1px solid #d55920}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.light{border:1px solid #cedefa;line-height:32px;background:none;color:#000;box-shadow:none}revogr-header{position:relative;z-index:5;display:block}revogr-header .rgHeaderCell{display:flex}revogr-header .rgHeaderCell.align-center{text-align:center}revogr-header .rgHeaderCell.align-left{text-align:left}revogr-header .rgHeaderCell.align-right{text-align:right}revogr-header .rgHeaderCell.sortable{cursor:pointer}revogr-header .rgHeaderCell i.asc:after,revogr-header .rgHeaderCell i.desc:after{font-size:13px}revogr-header .rgHeaderCell i.asc:after{content:\"↑\"}revogr-header .rgHeaderCell i.desc:after{content:\"↓\"}revogr-header .rgHeaderCell,revogr-header .grouped-cell{position:absolute;box-sizing:border-box;height:100%;z-index:1}revogr-header .header-rgRow{display:block;position:relative}revogr-header .header-rgRow.group{z-index:0}revogr-header .group-rgRow{position:relative}revogr-header .rgHeaderCell.active{z-index:10}revogr-header .rgHeaderCell.active .resizable{background-color:deepskyblue}revogr-header .rgHeaderCell .header-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}revogr-header .rgHeaderCell .resizable{display:block;position:absolute;z-index:90;touch-action:none;user-select:none}revogr-header .rgHeaderCell .resizable:hover{background-color:deepskyblue}revogr-header .rgHeaderCell>.resizable-r{cursor:ew-resize;width:6px;right:0;top:0;height:100%}revogr-header .rgHeaderCell>.resizable-rb{cursor:se-resize;width:6px;height:6px;right:0;bottom:0}revogr-header .rgHeaderCell>.resizable-b{cursor:s-resize;height:6px;bottom:0;width:100%;left:0}revogr-header .rgHeaderCell>.resizable-lb{cursor:sw-resize;width:6px;height:6px;left:0;bottom:0}revogr-header .rgHeaderCell>.resizable-l{cursor:w-resize;width:6px;left:0;height:100%;top:0}revogr-header .rgHeaderCell>.resizable-lt{cursor:nw-resize;width:6px;height:6px;left:0;top:0}revogr-header .rgHeaderCell>.resizable-t{cursor:n-resize;height:6px;top:0;width:100%;left:0}revogr-header .rgHeaderCell>.resizable-rt{cursor:ne-resize;width:6px;height:6px;right:0;top:0}revogr-header .rv-filter{visibility:hidden}";const ze=ke;const ye=class{constructor(e){t(this,e);this.initialHeaderClick=i(this,"beforeheaderclick",7);this.headerresize=i(this,"headerresize",7);this.beforeResize=i(this,"beforeheaderresize",7);this.headerdblClick=i(this,"headerdblclick",7);this.viewportCol=undefined;this.dimensionCol=undefined;this.selectionStore=undefined;this.groups=undefined;this.groupingDepth=0;this.readonly=undefined;this.canResize=undefined;this.resizeHandler=undefined;this.colData=undefined;this.columnFilter=undefined;this.type=undefined;this.additionalData={}}onResize({width:e},t){const i=this.colData[t];const r=this.beforeResize.emit([Object.assign(Object.assign({},i),{size:e||undefined})]);if(r.defaultPrevented){return}this.headerresize.emit({[t]:e||0})}onResizeGroup(e,t,i){const r={};const o=we(this.viewportCol.get("items"),"itemIndex");const s=e/(i-t+1);for(let e=t;e<=i;e++){const t=o[e];if(t){r[e]=t.size+s}}this.headerresize.emit(r)}render(){var t;const i=this.viewportCol.get("items");const r=(t=this.selectionStore)===null||t===void 0?void 0:t.get("range");const o=[];const s={};for(let t of i){const i=this.colData[t.itemIndex];o.push(e(Le,{range:r,column:t,data:Object.assign(Object.assign({},i),{index:t.itemIndex,providers:this.providers}),canFilter:!!this.columnFilter,canResize:this.canResize,active:this.resizeHandler,onResize:e=>this.onResize(e,t.itemIndex),onDoubleClick:e=>this.headerdblClick.emit(e),onClick:e=>this.initialHeaderClick.emit(e),additionalData:this.additionalData}));s[i===null||i===void 0?void 0:i.prop]=t.itemIndex}return[e("div",{key:"186c9ac48cd47c05c558772de450b4fb1e022510",class:"group-rgRow"},e(me,{key:"811b7b296e9f8835d744bb3d544d62e2c9a62234",canResize:this.canResize,active:this.resizeHandler,visibleProps:s,providers:this.providers,groups:this.groups,dimensionCol:this.dimensionCol.state,depth:this.groupingDepth,onResize:(e,t,i)=>this.onResizeGroup(e,t,i),additionalData:this.additionalData})),e("div",{key:"9077358e7cc8e72f4d4845dfb13b48e7839f7230",class:`${E} ${R}`},o)]}get providers(){return{type:this.type,readonly:this.readonly,data:this.colData,viewport:this.viewportCol,dimension:this.dimensionCol,selection:this.selectionStore}}get element(){return o(this)}};ye.style=ze;async function Ee(){if(!("ResizeObserver"in window)){const e=await import("./resize-observer-83c9e167.js");window.ResizeObserver=e.ResizeObserver}}class Re{constructor(e,t){this.events=t;this.resizeObserver=null;this.resize=_(((e,t)=>{var i;return(i=this.events)===null||i===void 0?void 0:i.resize(e,t)}),10);this.init(e)}async init(e){var t;await Ee();this.resizeObserver=new ResizeObserver(this.resize);(t=this.resizeObserver)===null||t===void 0?void 0:t.observe(e)}destroy(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.resizeObserver=null}}const He=".revo-drag-icon{width:11px}.revo-drag-icon::before{content:\"::\"}.revo-alt-icon{-webkit-mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");width:11px;height:11px;background-size:cover;background-repeat:no-repeat}.arrow-down{position:absolute;right:5px;top:0}.arrow-down svg{width:8px;margin-top:5px;margin-left:5px;opacity:0.4}.cell-value-wrapper{margin-right:10px;overflow:hidden;text-overflow:ellipsis}.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#6200ee;height:34px;line-height:34px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#009037;border:1px solid #00772d}.revo-button.red{background-color:#E0662E;border:1px solid #d55920}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.light{border:1px solid #cedefa;line-height:32px;background:none;color:#000;box-shadow:none}.rowHeaders{z-index:2;font-size:10px;display:flex;height:100%}.rowHeaders revogr-data .rgCell{text-align:center}.rowHeaders .rgCell{padding:0 1em !important;min-width:100%}revogr-viewport-scroll{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;position:relative;z-index:1;height:100%}revogr-viewport-scroll::-webkit-scrollbar{display:none;-webkit-appearance:none}revogr-viewport-scroll.colPinStart,revogr-viewport-scroll.colPinEnd{z-index:2}revogr-viewport-scroll.colPinEnd:has(.active){overflow:visible}revogr-viewport-scroll.rgCol{flex-grow:1}revogr-viewport-scroll .content-wrapper{overflow:hidden}revogr-viewport-scroll .inner-content-table{display:flex;flex-direction:column;max-height:100%;width:100%;min-width:100%;position:relative;z-index:0}revogr-viewport-scroll .vertical-inner{overflow-y:auto;position:relative;width:100%;flex-grow:1;-ms-overflow-style:none;scrollbar-width:none;}revogr-viewport-scroll .vertical-inner::-webkit-scrollbar{display:none;-webkit-appearance:none}revogr-viewport-scroll .vertical-inner revogr-data,revogr-viewport-scroll .vertical-inner revogr-overlay-selection{height:100%}";const je=He;const Se=class{constructor(e){t(this,e);this.scrollViewport=i(this,"scrollviewport",7);this.resizeViewport=i(this,"resizeviewport",7);this.scrollchange=i(this,"scrollchange",7);this.silentScroll=i(this,"scrollviewportsilent",7);this.oldValY=this.contentHeight;this.oldValX=this.contentWidth;this.rowHeader=undefined;this.contentWidth=0;this.contentHeight=0;this.colType=undefined}async setScroll(e){var t;this.localScrollTimer.latestScrollUpdate(e.dimension);(t=this.localScrollService)===null||t===void 0?void 0:t.setScroll(e)}async changeScroll(e,t=false){if(t){if(e.coordinate){switch(e.dimension){case"rgRow":this.verticalScroll.style.transform=`translateY(${-1*e.coordinate}px)`;break}}return null}if(e.delta){switch(e.dimension){case"rgCol":e.coordinate=this.horizontalScroll.scrollLeft+e.delta;break;case"rgRow":e.coordinate=this.verticalScroll.scrollTop+e.delta;break}this.setScroll(e)}return e}mousewheelVertical({detail:e}){this.verticalMouseWheel(e)}mousewheelHorizontal({detail:e}){this.horizontalMouseWheel(e)}scrollApply({detail:{type:e,coordinate:t}}){this.applyOnScroll(e,t,true)}connectedCallback(){this.verticalMouseWheel=this.onVerticalMouseWheel.bind(this,"rgRow","deltaY");this.horizontalMouseWheel=this.onHorizontalMouseWheel.bind(this,"rgCol","deltaX");this.localScrollTimer=new W("ontouchstart"in document.documentElement?0:10);this.localScrollService=new B({runScroll:e=>this.scrollViewport.emit(e),applyScroll:e=>{this.localScrollTimer.setCoordinate(e);switch(e.dimension){case"rgCol":this.horizontalScroll.scrollLeft=e.coordinate;break;case"rgRow":this.verticalScroll.scrollTop=e.coordinate;if(this.verticalScroll.style.transform){this.verticalScroll.style.transform=""}break}}})}componentDidLoad(){this.resizeService=new Re(this.horizontalScroll,{resize:e=>{var t,i;let r=((t=e[0])===null||t===void 0?void 0:t.contentRect.height)||0;if(r){r-=this.header.clientHeight+this.footer.clientHeight}const o={rgRow:{size:r,contentSize:this.contentHeight,scroll:this.verticalScroll.scrollTop,noScroll:false},rgCol:{size:((i=e[0])===null||i===void 0?void 0:i.contentRect.width)||0,contentSize:this.contentWidth,scroll:this.horizontalScroll.scrollLeft,noScroll:this.colType!=="rgCol"?true:false}};M(o,((e,t)=>{var i;this.resizeViewport.emit({dimension:t,size:e.size,rowHeader:this.rowHeader});if(e.noScroll){return}(i=this.localScrollService)===null||i===void 0?void 0:i.scroll(e.scroll,t,true);this.setScrollVisibility(t,e.size,e.contentSize)}))}})}setScrollVisibility(e,t,i){const r=t<i;let o;switch(e){case"rgCol":o=this.horizontalScroll;break;case"rgRow":o=this.verticalScroll;break}if(r){o.classList.add(`scroll-${e}`)}else{o.classList.remove(`scroll-${e}`)}this.scrollchange.emit({type:e,hasScroll:r})}disconnectedCallback(){this.resizeService.destroy()}async componentDidRender(){if(this.contentHeight<this.oldValY&&this.verticalScroll){this.verticalScroll.scrollTop+=this.contentHeight-this.oldValY}this.oldValY=this.contentHeight;if(this.contentWidth<this.oldValX){this.horizontalScroll.scrollLeft+=this.contentWidth-this.oldValX}this.oldValX=this.contentWidth;this.localScrollService.setParams({contentSize:this.contentHeight,clientSize:this.verticalScroll.clientHeight,virtualSize:0},"rgRow");this.localScrollService.setParams({contentSize:this.contentWidth,clientSize:this.horizontalScroll.clientWidth,virtualSize:0},"rgCol");this.setScrollVisibility("rgRow",this.verticalScroll.clientHeight,this.contentHeight);this.setScrollVisibility("rgCol",this.horizontalScroll.clientWidth,this.contentWidth)}render(){return e(r,{key:"6a0fe25ddee66c2f940a487a62cd449ffcdc5dbb",onWheel:this.horizontalMouseWheel,onScroll:e=>this.applyScroll("rgCol",e)},e("div",{key:"709628164413e82c226fcc1912166f52f393f3a6",class:"inner-content-table",style:{width:`${this.contentWidth}px`}},e("div",{key:"bc57d5cbfeded428a08621c1ac6e88a5c92926ab",class:"header-wrapper",ref:e=>this.header=e},e("slot",{key:"40ea612e8977ec422af7b569f1247a79617a4ea9",name:p})),e("div",{key:"d50aff782206dbe259b4c7dc10c07b4b9bd045fe",class:"vertical-inner",ref:e=>this.verticalScroll=e,onWheel:this.verticalMouseWheel,onScroll:e=>this.applyScroll("rgRow",e)},e("div",{key:"0db87895530659a70c78fd07b4c74c55d7c3fd86",class:"content-wrapper",style:{height:`${this.contentHeight}px`}},e("slot",{key:"b6a5053abaf4fee2b76af2a1e27f70b674a796fa",name:u}))),e("div",{key:"d75b963be5dd0ec1b96e9a1386adf5cb1d2f6aa9",class:"footer-wrapper",ref:e=>this.footer=e},e("slot",{key:"fb232888a34885305301b811b9abb0e70db6bb6a",name:C}))))}async applyScroll(e,t){if(!(t.target instanceof HTMLElement)){return}let i=0;switch(e){case"rgCol":i=t.target.scrollLeft;break;case"rgRow":i=t.target.scrollTop;break}if(i<0){this.silentScroll.emit({dimension:e,coordinate:i});return}this.applyOnScroll(e,i)}applyOnScroll(e,t,i=false){var r;if(this.localScrollTimer.isReady(e,t)){(r=this.localScrollService)===null||r===void 0?void 0:r.scroll(t,e,undefined,undefined,i)}}onVerticalMouseWheel(e,t,i){var r,o;(r=i.preventDefault)===null||r===void 0?void 0:r.call(i);const s=this.verticalScroll.scrollTop+i[t];(o=this.localScrollService)===null||o===void 0?void 0:o.scroll(s,e,undefined,i[t]);this.localScrollTimer.latestScrollUpdate(e)}onHorizontalMouseWheel(e,t,i){var r,o;(r=i.preventDefault)===null||r===void 0?void 0:r.call(i);const s=this.horizontalScroll.scrollLeft+i[t];(o=this.localScrollService)===null||o===void 0?void 0:o.scroll(s,e,undefined,i[t]);this.localScrollTimer.latestScrollUpdate(e)}get horizontalScroll(){return o(this)}};Se.style=je;const Fe=class{constructor(e){t(this,e);this.html=i(this,"html",7);this.vnodes=[];this.redraw=null}componentDidRender(){this.html.emit({html:this.el.innerHTML,vnodes:this.vnodes})}render(){var t;this.vnodes=(t=this.redraw)===null||t===void 0?void 0:t.call(this);return e(r,{key:"58285a6126832c417c5aab02956456fb1cad1ff5",style:{visibility:"hidden",position:"absolute"}},this.vnodes)}get el(){return o(this)}};export{J as revogr_data,ye as revogr_header,Se as revogr_viewport_scroll,Fe as vnode_html};
+//# sourceMappingURL=revogr-data_4.entry.js.map

package/dist/revo-grid/revogr-data_4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PADDING_DEPTH","RowRenderer","rowClass","index","size","start","depth","cells","props","Object","assign","DATA_ROW","h","class","style","height","transform","paddingLeft","undefined","expandEvent","e","model","virtualIndex","event","CustomEvent","GROUP_EXPAND_EVENT","detail","cancelable","bubbles","target","dispatchEvent","GroupingRowRenderer","itemIndex","hasExpand","groupingCustomRenderer","name","PSEUDO_GROUP_ITEM","expanded","GROUP_EXPANDED","parseInt","GROUP_DEPTH","onClick","GROUP_EXPAND_BTN","focusable","viewBox","fill","d","RowHighlightPlugin","constructor","this","currentRange","selectionChange","renderedRows","forEach","row","y","y1","$elm$","HTMLElement","classList","contains","ROW_FOCUSED_CLASS","remove","_a","$attrs$","includes","replace","get","attrs","add","isRowFocused","convertVNodeToHTML","parentHolder","redraw","Promise","resolve","vnode","document","createElement","appendChild","addEventListener","renderCell","v","els","template","push","providers","additionalData","column","rowDrag","isRowDragService","DRAGGABLE_CLASS","onMouseDown","originalEvent","dragStartCell","emit","DRAG_ICON_CLASS","getCellData","prop","CellRenderer","renderProps","cellProps","render","bind","revogrDataStyleCss","RevogrDataStyle0","RevogrData","Map","updateCell","cell","_b","$children$","col","_c","children","element","innerHTML","html","$key$","Math","random","onDataStoreChange","onStoreChange","onColDataChange","columnService","destroy","ColumnService","dataStore","colData","type","readonly","data","viewport","viewportCol","dimension","dimensionRow","selection","rowSelectionStore","rangeUnsubscribe","call","onChange","rowHighlightPlugin","connectedCallback","disconnectedCallback","componentWillRender","all","jobsBeforeRender","componentDidRender","afterrender","columnsData","columns","length","rows","viewportRow","cols","rowsEls","groupDepth","hasGrouping","rgRow","dataItem","getSourceItem","isGrouping","rgCol","rowDataModel","cellEvent","triggerBeforeCellRender","defaultPrevented","columnProps","rowProps","defaultProps","DATA_COL","width","mergeProperties","cellProperties","cellTemplate","getRowClass","beforerowrender","node","item","colType","rowType","set","Host","beforeCellRender","getNative","require$$0","defineProperty","func","_defineProperty","baseAssignValue","object","key","value","configurable","enumerable","writable","_baseAssignValue","arrayAggregator","array","setter","iteratee","accumulator","_arrayAggregator","baseEach","baseAggregator","collection","_baseAggregator","require$$1","baseIteratee","require$$2","isArray","require$$3","createAggregator","initializer","_createAggregator","keyBy","result","keyBy_1","SortingSign","order","HeaderRenderer","p","cellClass","HEADER_CLASS","HEADER_SORTABLE_CLASS","sortable","dataProps","canResize","minWidth","minSize","MIN_COL_SIZE","maxWidth","_d","maxSize","active","onResize","onDoubleClick","range","x","x1","FOCUS_CLASS","HeaderCellRenderer","_e","canFilter","_f","filter","FilterButton","GroupHeaderRenderer","groupProps","group","ids","end","ColumnGroupsRenderer","groups","visibleProps","dimensionCol","groupRow","i","indexFirstVisibleCol","findIndex","id","colVisibleIndex","groupStartIndex","groupEndIndex","groupStart","getItemByIndex","groupEnd","changedX","HEADER_ROW_CLASS","revogrHeaderStyleCss","RevogrHeaderStyle0","RevogrHeaderComponent","beforeResize","headerresize","onResizeGroup","startIndex","endIndex","sizes","change","selectionStore","columnFilter","resizeHandler","headerdblClick","initialHeaderClick","state","groupingDepth","HEADER_ACTUAL_ROW_CLASS","async","resizeObserver","window","module","import","ResizeObserver","GridResizeService","el","events","resize","throttle","o","init","observe","disconnect","revogrViewportScrollStyleCss","RevogrViewportScrollStyle0","RevogrViewportScroll","oldValY","contentHeight","oldValX","contentWidth","setScroll","localScrollTimer","latestScrollUpdate","localScrollService","changeScroll","silent","coordinate","verticalScroll","delta","horizontalScroll","scrollLeft","scrollTop","mousewheelVertical","verticalMouseWheel","mousewheelHorizontal","horizontalMouseWheel","scrollApply","applyOnScroll","onVerticalMouseWheel","onHorizontalMouseWheel","LocalScrollTimer","documentElement","LocalScrollService","runScroll","scrollViewport","applyScroll","setCoordinate","componentDidLoad","resizeService","entries","contentRect","header","clientHeight","footer","contentSize","scroll","noScroll","each","resizeViewport","rowHeader","setScrollVisibility","innerContentSize","hasScroll","scrollchange","setParams","clientSize","virtualSize","clientWidth","onWheel","onScroll","ref","HEADER_SLOT","CONTENT_SLOT","FOOTER_SLOT","silentScroll","outside","isReady","preventDefault","pos","VNodeToHtml","vnodes","visibility","position"],"sources":["src/components/data/row-renderer.tsx","src/plugins/groupingRow/grouping.row.renderer.tsx","src/components/data/row-highlight.plugin.ts","src/components/vnode/vnode.utils.ts","src/components/data/cell-renderer.tsx","src/components/data/revogr-data-style.scss?tag=revogr-data","src/components/data/revogr-data.tsx","node_modules/lodash/_defineProperty.js","node_modules/lodash/_baseAssignValue.js","node_modules/lodash/_arrayAggregator.js","node_modules/lodash/_baseAggregator.js","node_modules/lodash/_createAggregator.js","node_modules/lodash/keyBy.js","src/plugins/sorting/sorting.sign.tsx","src/components/header/header-renderer.tsx","src/plugins/groupingColumn/headerGroupRenderer.tsx","src/plugins/groupingColumn/columnGroupsRenderer.tsx","src/components/header/revogr-header-style.scss?tag=revogr-header","src/components/header/revogr-header.tsx","src/utils/resize-observer.polifill.ts","src/components/revoGrid/viewport.resize.service.ts","src/components/scroll/revogr-viewport-scroll-style.scss?tag=revogr-viewport-scroll","src/components/scroll/revogr-viewport-scroll.tsx","src/components/vnode/vnode-converter.tsx"],"sourcesContent":["import { h, VNode } from '@stencil/core';\nimport { JSXBase } from '@stencil/core/internal';\nimport { DATA_ROW } from '../../utils/consts';\n\nexport interface RowProps extends JSXBase.HTMLAttributes {\n  size: number;\n  start: number;\n  index: number;\n  rowClass?: string;\n  depth?: number;\n}\n\nexport const PADDING_DEPTH = 10;\n\nconst RowRenderer = ({ rowClass, index, size, start, depth }: RowProps, cells: VNode[]) => {\n  const props = {\n    ...{ [DATA_ROW]: index },\n  };\n  return (\n    <div\n      {...props}\n      class={`rgRow ${rowClass || ''}`}\n      style={{\n        height: `${size}px`,\n        transform: `translateY(${start}px)`,\n        paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,\n      }}\n    >\n      {cells}\n    </div>\n  );\n};\n\nexport default RowRenderer;\n","import { h } from '@stencil/core';\nimport RowRenderer, { RowProps } from '../../components/data/row-renderer';\nimport { GROUP_DEPTH, GROUP_EXPANDED, GROUP_EXPAND_BTN, GROUP_EXPAND_EVENT, PSEUDO_GROUP_ITEM } from './grouping.const';\nimport { GroupLabelTemplateFunc } from './grouping.row.types';\nimport { DataType, PositionItem } from '../../types/interfaces';\n\ninterface GroupRowPros extends RowProps {\n  model: DataType;\n  hasExpand: boolean;\n  groupingCustomRenderer?: GroupLabelTemplateFunc;\n}\ntype Props = GroupRowPros & PositionItem;\n\nfunction expandEvent(e: MouseEvent, model: DataType, virtualIndex: number) {\n  const event = new CustomEvent(GROUP_EXPAND_EVENT, {\n    detail: {\n      model,\n      virtualIndex,\n    },\n    cancelable: true,\n    bubbles: true,\n  });\n  e.target.dispatchEvent(event);\n}\n\nconst GroupingRowRenderer = (props: Props) => {\n  const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;\n  const name: string = model[PSEUDO_GROUP_ITEM];\n  const expanded = model[GROUP_EXPANDED];\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\n  if (!hasExpand) {\n    return <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth} />;\n  }\n\n  if (groupingCustomRenderer) {\n    return (\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\n          {groupingCustomRenderer(h, { name, itemIndex, expanded, depth })}\n        </div>\n      </RowRenderer>\n    );\n  }\n\n  return (\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n      <button class={{ [GROUP_EXPAND_BTN]: true }} onClick={e => expandEvent(e, model, itemIndex)}>\n        <svg aria-hidden=\"true\" style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }} focusable=\"false\" viewBox=\"0 0 448 512\">\n          <path\n            fill=\"currentColor\"\n            d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"\n          ></path>\n        </svg>\n      </button>\n      {name}\n    </RowRenderer>\n  );\n};\nexport default GroupingRowRenderer;\n","import { VNode } from '@stencil/core';\nimport { ROW_FOCUSED_CLASS } from '../../utils/consts';\nimport { RangeArea } from '../../types/selection';\n\n/**\n * Class is responsible for highlighting rows in a table.\n */\nexport class RowHighlightPlugin {\n  private currentRange: RangeArea | null = null;\n  selectionChange(e: RangeArea, renderedRows: Map<number, VNode>) {\n    // clear previous range\n    if (this.currentRange) {\n      renderedRows.forEach((row, y) => {\n        // skip current range\n        if (e && y >= e.y && y <= e.y1) {\n          return;\n        }\n\n        // clear previous range\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          row.$elm$.classList.remove(ROW_FOCUSED_CLASS);\n          if (row.$attrs$?.class.includes(ROW_FOCUSED_CLASS)) {\n            row.$attrs$.class = row.$attrs$.class.replace(\n              ROW_FOCUSED_CLASS,\n              '',\n            );\n          }\n        }\n      });\n    }\n\n    // apply new range\n    if (e) {\n      for (let y = e.y; y <= e.y1; y++) {\n        const row = renderedRows.get(y);\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          !row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          const attrs = (row.$attrs$ = row.$attrs$ || {});\n          attrs.class = (attrs.class || '') + ' ' + ROW_FOCUSED_CLASS;\n          row.$elm$.classList.add(ROW_FOCUSED_CLASS);\n        }\n      }\n    }\n    this.currentRange = e;\n  }\n\n  isRowFocused(y: number) {\n    return (\n      this.currentRange && y >= this.currentRange.y && y <= this.currentRange.y1\n    );\n  }\n}\n","import { JSX } from '../..';\n\n/**\n * Converts a VNode element into an HTML element and appends it to the specified parentHolder.\n */\nexport function convertVNodeToHTML(parentHolder: Element, redraw: JSX.VnodeHtml['redraw']) {\n  return new Promise<HTMLVnodeHtmlElementEventMap['html']>(resolve => {\n    const vnode = document.createElement('vnode-html');\n    parentHolder.appendChild(vnode);\n    vnode.redraw = redraw;\n    vnode.addEventListener('html', e => {\n      vnode.remove();\n      resolve(e.detail);\n    });\n  });\n}\n","import { h, VNode, Build, EventEmitter } from '@stencil/core';\nimport {\n  Providers,\n  DragStartEvent,\n  ColumnDataSchemaModel,\n  CellTemplate,\n} from '../../types/interfaces';\n\nimport {\n  DRAGGABLE_CLASS,\n  DRAG_ICON_CLASS,\n} from '../../utils/consts';\n\nimport { getCellData, isRowDragService } from './column.service';\n\ninterface RenderProps {\n  model: ColumnDataSchemaModel;\n  providers: Providers;\n  template?: CellTemplate;\n  additionalData?: any;\n  dragStartCell?: EventEmitter<DragStartEvent>;\n}\n\n\nfunction renderCell(v: RenderProps) {\n  const els: (VNode | string)[] = [];\n\n  // #region Custom cell\n  if (v.template) {\n    els.push(\n      v.template(h, { ...v.model, providers: v.providers }, v.additionalData),\n    );\n  }\n  // #endregion\n\n  // #region Regular cell\n  else {\n    if (!v.model.column) {\n      // something is wrong with data\n      if (Build.isDev) {\n        console.error('Investigate column problem.', v.model);\n      }\n      return '';\n    }\n\n    // Row drag\n    if (\n      v.model.column.rowDrag &&\n      isRowDragService(v.model.column.rowDrag, v.model)\n    ) {\n      els.push(\n        <span\n          class={DRAGGABLE_CLASS}\n          onMouseDown={originalEvent =>\n            v.dragStartCell.emit({\n              originalEvent,\n              model: v.model,\n            })\n          }\n        >\n          <span class={DRAG_ICON_CLASS} />\n        </span>,\n      );\n    }\n\n    els.push(`${getCellData(v.model.model[v.model.prop])}`);\n  }\n  return els;\n}\n\nexport const CellRenderer = ({\n  renderProps,\n  cellProps,\n}: {\n  renderProps: RenderProps;\n  cellProps: any;\n}): VNode => {\n  const render = renderCell.bind(null, renderProps);\n  return (\n    <div {...cellProps} redraw={render}>\n      {render()}\n    </div>\n  );\n};\n","revogr-data {\n  display: block;\n  width: 100%;\n  position: relative;\n\n  .rgRow {\n    position: absolute;\n    width: 100%;\n    left: 0;\n\n    &.groupingRow {\n      font-weight: 600;\n      text-align: left;\n\n      .group-expand {\n        width: 25px;\n        height: 100%;\n        max-height: 25px;\n        margin-right: 2px;\n        background-color: transparent;\n        border-color: transparent;\n\n        svg {\n          width: 7px;\n        }\n      }\n    }\n  }\n\n  .revo-draggable {\n    $w: 24px;\n\n    border: none;\n    height: 32px;\n    display: inline-flex;\n    outline: 0;\n    padding: 0;\n    font-size: 0.8125rem;\n    box-sizing: border-box;\n    align-items: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    justify-content: center;\n    text-decoration: none;\n    width: $w;\n    height: 100%;\n    cursor: pointer;\n    display: inline-flex;\n\n    > .revo-drag-icon {\n      pointer-events: none;\n      transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    }\n  }\n\n  .rgCell {\n    top: 0;\n    left: 0;\n    position: absolute;\n    box-sizing: border-box;\n    height: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &.align-center {\n      text-align: center;\n    }\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  Watch,\n  Element,\n  Event,\n  Prop,\n  VNode,\n  EventEmitter,\n  h,\n  Method,\n  State,\n} from '@stencil/core';\n\nimport ColumnService from './column.service';\nimport {\n  DATA_COL,\n  DATA_ROW,\n  ROW_FOCUSED_CLASS,\n} from '../../utils/consts';\n\nimport { DSourceState, getSourceItem } from '../../store/dataSource/data.store';\nimport RowRenderer, { PADDING_DEPTH } from './row-renderer';\nimport GroupingRowRenderer from '../../plugins/groupingRow/grouping.row.renderer';\nimport { isGrouping } from '../../plugins/groupingRow/grouping.service';\nimport { DimensionCols, DimensionRows } from '../../types/dimension';\nimport { RowHighlightPlugin } from './row-highlight.plugin';\nimport { convertVNodeToHTML } from '../vnode/vnode.utils';\nimport { CellRenderer } from './cell-renderer';\nimport {\n  Observable,\n  ViewportState,\n  DimensionSettingsState,\n  BeforeRowRenderEvent,\n  Providers,\n  ColumnRegular,\n  DataType,\n  CellProps,\n  BeforeCellRenderEvent,\n  DragStartEvent,\n  ColumnDataSchemaModel,\n  VirtualPositionItem,\n} from '../../types/interfaces';\nimport { RangeArea, SelectionStoreState } from '../../types/selection';\n\n/**\n * This component is responsible for rendering data\n * Rows, columns, groups and cells\n */\n@Component({\n  tag: 'revogr-data',\n  styleUrl: 'revogr-data-style.scss',\n})\nexport class RevogrData {\n  // #region Properties\n  /**\n   * Readonly mode\n   */\n  @Prop() readonly: boolean;\n  /**\n   * Range allowed\n   */\n  @Prop() range: boolean;\n\n  /**\n   * Defines property from which to read row class\n   */\n  @Prop() rowClass: string;\n  /**\n   * Additional data to pass to renderer\n   * Used in plugins such as vue or react to pass root app entity to cells\n   */\n  @Prop() additionalData: any;\n  /** Stores */\n  /** Selection, range, focus for row selection */\n  @Prop() rowSelectionStore!: Observable<SelectionStoreState>;\n  /** Viewport Y */\n  @Prop() viewportRow!: Observable<ViewportState>;\n  /** Viewport X */\n  @Prop() viewportCol!: Observable<ViewportState>;\n  /** Dimension settings Y */\n  @Prop() dimensionRow!: Observable<DimensionSettingsState>;\n\n  /** Static stores, not expected to change during component lifetime */\n  /**\n   * Column source\n   */\n  @Prop() colData: Observable<DSourceState<ColumnRegular, DimensionCols>>;\n  /**\n   * Data rows source\n   */\n  @Prop() dataStore!: Observable<DSourceState<DataType, DimensionRows>>;\n  /**\n   * Row data type\n   */\n  @Prop({ reflect: true }) type!: DimensionRows;\n\n  /**\n   * Column data type\n   */\n  @Prop({ reflect: true }) colType!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Prevent rendering until job is done.\n   * Can be used for initial rendering performance improvement.\n   * When several plugins require initial rendering this will prevent double initial rendering.\n   */\n  @Prop() jobsBeforeRender: Promise<any>[] = [];\n  // #endregion\n\n  /**\n   * Before each row render\n   */\n  @Event() beforerowrender: EventEmitter<BeforeRowRenderEvent>;\n  /**\n   * When data render finished for the designated type\n   */\n  @Event() afterrender: EventEmitter<{ type: DimensionRows }>;\n  /**\n   * Before each cell render function. Allows to override cell properties\n   */\n  @Event({ eventName: 'beforecellrender' })\n  beforeCellRender: EventEmitter<BeforeCellRenderEvent>;\n\n  /**\n   * Event emitted on cell drag start\n   */\n  @Event({ eventName: 'dragstartcell' })\n  dragStartCell: EventEmitter<DragStartEvent>;\n\n  /**\n   * Pointed cell update.\n   */\n  @Method() async updateCell(e: {\n    row: number; // virtual\n    col: number; // virtual\n  }) {\n    // Stencil tweak to update cell content\n    const cell = this.renderedRows.get(e.row)?.$children$?.[e.col];\n    if (cell?.$attrs$?.redraw) {\n      const children = await convertVNodeToHTML(\n        this.element,\n        cell.$attrs$.redraw,\n      );\n      cell.$elm$.innerHTML = children.html;\n      cell.$key$ = Math.random();\n    }\n  }\n\n  @Element() element!: Element;\n  @State() providers: Providers;\n  private columnService: ColumnService;\n  private rowHighlightPlugin: RowHighlightPlugin;\n  /**\n   * Rendered rows - virtual index vs vnode\n   */\n  private renderedRows = new Map<number, VNode>();\n  private rangeUnsubscribe: (() => void) | undefined;\n\n\n  @Watch('dataStore') onDataStoreChange() {\n    this.onStoreChange();\n  }\n  @Watch('colData') onColDataChange() {\n    this.onStoreChange();\n  }\n  onStoreChange() {\n    this.columnService?.destroy();\n    this.columnService = new ColumnService(this.dataStore, this.colData);\n    // make sure we have correct data, before render\n    this.providers = {\n      type: this.type,\n      readonly: this.readonly,\n      data: this.dataStore,\n      viewport: this.viewportCol,\n      dimension: this.dimensionRow,\n      selection: this.rowSelectionStore,\n    };\n\n    this.rangeUnsubscribe?.();\n    this.rangeUnsubscribe = this.rowSelectionStore.onChange('range', (e: RangeArea) =>\n      this.rowHighlightPlugin.selectionChange(e, this.renderedRows),\n    );\n  }\n\n  connectedCallback() {\n    this.rowHighlightPlugin = new RowHighlightPlugin();\n    this.onStoreChange();\n  }\n\n  disconnectedCallback() {\n    this.columnService?.destroy();\n    this.rangeUnsubscribe?.();\n  }\n\n  async componentWillRender() {\n    return Promise.all(this.jobsBeforeRender);\n  }\n\n  componentDidRender() {\n    this.afterrender.emit({ type: this.type });\n  }\n\n  render() {\n    this.renderedRows = new Map();\n    const columnsData = this.columnService.columns;\n    if (!columnsData.length) {\n      return;\n    }\n    const rows = this.viewportRow.get('items');\n    if (!rows.length) {\n      return;\n    }\n    const cols = this.viewportCol.get('items');\n    if (!cols.length) {\n      return;\n    }\n    const rowsEls: VNode[] = [];\n    const depth = this.dataStore.get('groupingDepth');\n    const groupingCustomRenderer = this.dataStore.get('groupingCustomRenderer');\n    const groupDepth = this.columnService.hasGrouping ? depth : 0;\n    for (let rgRow of rows) {\n      const dataItem = getSourceItem(this.dataStore, rgRow.itemIndex);\n\n      // #region Grouping\n      if (isGrouping(dataItem)) {\n        rowsEls.push(\n          <GroupingRowRenderer\n            {...rgRow}\n            index={rgRow.itemIndex}\n            model={dataItem}\n            groupingCustomRenderer={groupingCustomRenderer}\n            hasExpand={this.columnService.hasGrouping}\n          />,\n        );\n        continue;\n      }\n      // #endregion\n      const cells: (VNode | string | void)[] = [];\n\n      // #region Cells\n      for (let rgCol of cols) {\n        const model = this.columnService.rowDataModel(\n          rgRow.itemIndex,\n          rgCol.itemIndex,\n        );\n\n        // call before cell render\n        const cellEvent = this.triggerBeforeCellRender(model, rgRow, rgCol);\n\n        // if event was prevented\n        if (cellEvent.defaultPrevented) {\n          continue;\n        }\n\n        const {\n          detail: { column: columnProps, row: rowProps },\n        } = cellEvent;\n\n        const defaultProps: CellProps = {\n          [DATA_COL]: columnProps.itemIndex,\n          [DATA_ROW]: rowProps.itemIndex,\n          style: {\n            width: `${columnProps.size}px`,\n            transform: `translateX(${columnProps.start}px)`,\n            height: rowProps.size ? `${rowProps.size}px` : undefined,\n          },\n        };\n        /**\n         * For grouping, can be removed in the future and replaced with event\n         */\n        if (groupDepth && !columnProps.itemIndex) {\n          defaultProps.style.paddingLeft = `${PADDING_DEPTH * groupDepth}px`;\n        }\n\n        const props = this.columnService.mergeProperties(\n          rowProps.itemIndex,\n          columnProps.itemIndex,\n          defaultProps,\n          model,\n          columnsData[columnProps.itemIndex]?.cellProperties,\n        );\n\n        // Never use webcomponent for cell render\n        // It's very slow because of webcomponent initialization takes time\n        cells.push(\n          <CellRenderer\n            renderProps={{\n              model,\n              providers: this.providers,\n              template: columnsData[columnProps.itemIndex]?.cellTemplate,\n              additionalData: this.additionalData,\n              dragStartCell: this.dragStartCell,\n            }}\n            cellProps={props}\n          />,\n        );\n      }\n      // #endregion\n\n      // #region Rows\n      let rowClass = this.rowClass\n        ? this.columnService.getRowClass(rgRow.itemIndex, this.rowClass)\n        : '';\n      if (this.rowHighlightPlugin.isRowFocused(rgRow.itemIndex)) {\n        rowClass += ` ${ROW_FOCUSED_CLASS}`;\n      }\n      const row: VNode = (\n        <RowRenderer\n          index={rgRow.itemIndex}\n          rowClass={rowClass}\n          size={rgRow.size}\n          start={rgRow.start}\n        >\n          {cells}\n        </RowRenderer>\n      );\n      this.beforerowrender.emit({\n        node: row,\n        item: rgRow,\n        dataItem,\n        colType: this.columnService.type,\n        rowType: this.type,\n      });\n      rowsEls.push(row);\n      this.renderedRows.set(rgRow.itemIndex, row);\n      // #endregion\n    }\n    return (\n      <Host>\n        <slot />\n        {rowsEls}\n      </Host>\n    );\n  }\n\n  triggerBeforeCellRender(\n    model: ColumnDataSchemaModel,\n    row: VirtualPositionItem,\n    column: VirtualPositionItem,\n  ) {\n    return this.beforeCellRender.emit({\n      column: { ...column },\n      row: { ...row },\n      model,\n      rowType: model.type,\n      colType: model.colType,\n    });\n  }\n}\n","var getNative = require('./_getNative');\n\nvar defineProperty = (function() {\n  try {\n    var func = getNative(Object, 'defineProperty');\n    func({}, '', {});\n    return func;\n  } catch (e) {}\n}());\n\nmodule.exports = defineProperty;\n","var defineProperty = require('./_defineProperty');\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n  if (key == '__proto__' && defineProperty) {\n    defineProperty(object, key, {\n      'configurable': true,\n      'enumerable': true,\n      'value': value,\n      'writable': true\n    });\n  } else {\n    object[key] = value;\n  }\n}\n\nmodule.exports = baseAssignValue;\n","/**\n * A specialized version of `baseAggregator` for arrays.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\nfunction arrayAggregator(array, setter, iteratee, accumulator) {\n  var index = -1,\n      length = array == null ? 0 : array.length;\n\n  while (++index < length) {\n    var value = array[index];\n    setter(accumulator, value, iteratee(value), array);\n  }\n  return accumulator;\n}\n\nmodule.exports = arrayAggregator;\n","var baseEach = require('./_baseEach');\n\n/**\n * Aggregates elements of `collection` on `accumulator` with keys transformed\n * by `iteratee` and values set by `setter`.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\nfunction baseAggregator(collection, setter, iteratee, accumulator) {\n  baseEach(collection, function(value, key, collection) {\n    setter(accumulator, value, iteratee(value), collection);\n  });\n  return accumulator;\n}\n\nmodule.exports = baseAggregator;\n","var arrayAggregator = require('./_arrayAggregator'),\n    baseAggregator = require('./_baseAggregator'),\n    baseIteratee = require('./_baseIteratee'),\n    isArray = require('./isArray');\n\n/**\n * Creates a function like `_.groupBy`.\n *\n * @private\n * @param {Function} setter The function to set accumulator values.\n * @param {Function} [initializer] The accumulator object initializer.\n * @returns {Function} Returns the new aggregator function.\n */\nfunction createAggregator(setter, initializer) {\n  return function(collection, iteratee) {\n    var func = isArray(collection) ? arrayAggregator : baseAggregator,\n        accumulator = initializer ? initializer() : {};\n\n    return func(collection, setter, baseIteratee(iteratee, 2), accumulator);\n  };\n}\n\nmodule.exports = createAggregator;\n","var baseAssignValue = require('./_baseAssignValue'),\n    createAggregator = require('./_createAggregator');\n\n/**\n * Creates an object composed of keys generated from the results of running\n * each element of `collection` thru `iteratee`. The corresponding value of\n * each key is the last element responsible for generating the key. The\n * iteratee is invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The iteratee to transform keys.\n * @returns {Object} Returns the composed aggregate object.\n * @example\n *\n * var array = [\n *   { 'dir': 'left', 'code': 97 },\n *   { 'dir': 'right', 'code': 100 }\n * ];\n *\n * _.keyBy(array, function(o) {\n *   return String.fromCharCode(o.code);\n * });\n * // => { 'a': { 'dir': 'left', 'code': 97 }, 'd': { 'dir': 'right', 'code': 100 } }\n *\n * _.keyBy(array, 'dir');\n * // => { 'left': { 'dir': 'left', 'code': 97 }, 'right': { 'dir': 'right', 'code': 100 } }\n */\nvar keyBy = createAggregator(function(result, value, key) {\n  baseAssignValue(result, key, value);\n});\n\nmodule.exports = keyBy;\n","import { h } from '@stencil/core';\nimport { ColumnRegular } from '../../types/interfaces';\n\nexport const FILTER_BUTTON_CLASS = 'rv-filter';\nexport const FILTER_BUTTON_ACTIVE = 'active';\n\ntype Props = {\n  column: ColumnRegular;\n};\nexport const SortingSign = ({ column }: Props) => {\n  return <i class={column.order} />;\n};\n","import { h, VNode } from '@stencil/core';\nimport { FilterButton } from '../../plugins/filter/filter.button';\nimport { SortingSign } from '../../plugins/sorting/sorting.sign';\nimport { ResizeEvent, ResizeProps } from '../../services/resizable.directive';\nimport { DATA_COL, FOCUS_CLASS, HEADER_CLASS, HEADER_SORTABLE_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from './header-cell-renderer';\nimport { VirtualPositionItem, ColumnTemplateProp, InitialHeaderClick, CellProps } from '../../types/interfaces';\nimport { RangeArea } from '../../types/selection';\n\ntype Props = {\n  column: VirtualPositionItem;\n  additionalData: any;\n  data?: ColumnTemplateProp;\n  range?: RangeArea;\n  canResize?: boolean;\n  canFilter?: boolean;\n  onResize?(e: ResizeEvent): void;\n  onClick?(data: InitialHeaderClick): void;\n  onDoubleClick?(data: InitialHeaderClick): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst HeaderRenderer = (p: Props): VNode => {\n  const cellClass: { [key: string]: boolean } = {\n    [HEADER_CLASS]: true,\n    [HEADER_SORTABLE_CLASS]: !!p.data?.sortable,\n  };\n  if (p.data?.order) {\n    cellClass[p.data.order] = true;\n  }\n  const dataProps: CellProps & Partial<ResizeProps> = {\n    [DATA_COL]: p.column.itemIndex,\n    canResize: p.canResize,\n    minWidth: p.data?.minSize || MIN_COL_SIZE,\n    maxWidth: p.data?.maxSize,\n    active: p.active || ['r'],\n    class: cellClass,\n    style: { width: `${p.column.size}px`, transform: `translateX(${p.column.start}px)` },\n    onResize: p.onResize,\n    onDoubleClick(originalEvent: MouseEvent) {\n      p.onDoubleClick({ column: p.data, index: p.column.itemIndex, originalEvent });\n    },\n    onClick(originalEvent: MouseEvent) {\n      if (originalEvent.defaultPrevented || !p.onClick) {\n        return;\n      }\n      p.onClick({ column: p.data, index: p.column.itemIndex, originalEvent });\n    },\n  };\n  if (p.range) {\n    if (p.column.itemIndex >= p.range.x && p.column.itemIndex <= p.range.x1) {\n      if (typeof dataProps.class === 'object') {\n        dataProps.class[FOCUS_CLASS] = true;\n      }\n    }\n  }\n  return (\n    <HeaderCellRenderer data={p.data} props={dataProps} additionalData={p.additionalData}>\n      {p.data?.order ? <SortingSign column={p.data} /> : ''}\n      {p.canFilter && p.data?.filter !== false ? <FilterButton column={p.data} /> : ''}\n    </HeaderCellRenderer>\n  );\n};\n\nexport default HeaderRenderer;\n","import { h, VNode } from '@stencil/core';\nimport { ResizeEvent, ResizeProps } from '../../services/resizable.directive';\nimport { Group } from '../../store/dataSource/data.store';\nimport { HEADER_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from '../../components/header/header-cell-renderer';\nimport { DimensionCols } from '../../components';\nimport { CellProps, Providers } from '../../types/interfaces';\n\ntype Props = {\n  start: number;\n  end: number;\n  group: Group;\n  providers: Providers<DimensionCols | 'rowHeaders'>;\n  additionalData: any;\n  canResize?: boolean;\n  onResize?(e: ResizeEvent): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst GroupHeaderRenderer = (p: Props): VNode[] => {\n  const groupProps: CellProps & Partial<ResizeProps> = {\n    canResize: p.canResize,\n    minWidth: p.group.ids.length * MIN_COL_SIZE,\n    maxWidth: 0,\n\n    active: p.active || ['r'],\n    class: {\n      [HEADER_CLASS]: true,\n    },\n    style: {\n      transform: `translateX(${p.start}px)`,\n      width: `${p.end - p.start}px`,\n    },\n    onResize: p.onResize,\n  };\n  return (\n    <HeaderCellRenderer\n      data={{\n        ...p.group,\n        prop: '',\n        providers: p.providers,\n        index: p.start,\n      }}\n      props={groupProps}\n      additionalData={p.additionalData}\n    />\n  );\n};\n\nexport default GroupHeaderRenderer;\n","import { h, VNode } from '@stencil/core';\nimport findIndex from 'lodash/findIndex';\nimport { Group } from '../../store/dataSource/data.store';\nimport { getItemByIndex } from '../../store/dimension/dimension.helpers';\nimport { HEADER_ROW_CLASS } from '../../utils/consts';\nimport GroupHeaderRenderer from './headerGroupRenderer';\nimport { DimensionSettingsState, Providers } from '../../types/interfaces';\nimport { ResizeProps } from '../..';\nimport { DimensionCols } from '../../components';\n\ntype Props<T> = {\n  visibleProps: { [prop: string]: number };\n  groups: Record<number, Group[]>;\n  dimensionCol: Pick<DimensionSettingsState, 'indexes' | 'originItemSize' | 'indexToItem'>;\n  depth: number;\n  canResize: boolean;\n  providers: Providers<T>;\n  additionalData: any;\n  onResize(changedX: number, startIndex: number, endIndex: number): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst ColumnGroupsRenderer = ({\n  additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize\n}: Props<DimensionCols | 'rowHeaders'>): VNode[] => {\n  // render group columns\n  const groupRow: VNode[] = [];\n  for (let i = 0; i < depth; i++) {\n    if (groups[i]) {\n      for (let group of groups[i]) {\n        // if group in visible range\n        // find first visible group prop in visible columns range\n        const indexFirstVisibleCol: number | undefined = findIndex(group.ids, id => typeof visibleProps[id] === 'number');\n        if (indexFirstVisibleCol > -1) {\n          const colVisibleIndex = visibleProps[group.ids[indexFirstVisibleCol]]; // get column index\n          const groupStartIndex = colVisibleIndex - indexFirstVisibleCol; // first column index in group\n          const groupEndIndex = groupStartIndex + group.ids.length - 1; // last column index in group\n\n          // coordinates\n          const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;\n          const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;\n          groupRow.push(\n            <GroupHeaderRenderer\n              providers={providers}\n              start={groupStart}\n              end={groupEnd}\n              group={group}\n              active={active}\n              canResize={canResize}\n              onResize={e => onResize(e.changedX, groupStartIndex, groupEndIndex)}\n              additionalData={additionalData}\n            />,\n          );\n        }\n      }\n    }\n    groupRow.push(<div class={`${HEADER_ROW_CLASS} group`} />);\n  }\n  return groupRow;\n};\n\nexport default ColumnGroupsRenderer;\n","revogr-header {\n  position: relative;\n  z-index: 5;\n  display: block;\n  \n\n  .rgHeaderCell {\n    display: flex;\n\n    &.align-center {\n      text-align: center;\n    }\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n    &.sortable {\n      cursor: pointer;\n    }\n\n    i {\n      &.asc,\n      &.desc {\n        &:after {\n          font-size: 13px;\n        }\n      }\n      &.asc {\n        &:after {\n          content: '↑';\n        }\n      }\n      &.desc {\n        &:after {\n          content: '↓';\n        }\n      }\n    }\n  }\n\n  .rgHeaderCell,\n  .grouped-cell {\n    position: absolute;\n    box-sizing: border-box;\n    height: 100%;\n    z-index: 1;\n  }\n\n  .header-rgRow {\n    display: block;\n    position: relative;\n\n    &.group {\n      z-index: 0;\n    }\n  }\n\n  .group-rgRow {\n    position: relative;\n  }\n\n  .rgHeaderCell {\n    &.active {\n      z-index: 10;\n\n      .resizable {\n        background-color: deepskyblue;\n      }\n    }\n    .header-content {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      flex-grow: 1;\n    }\n    .resizable {\n      display: block;\n      position: absolute;\n      z-index: 90;\n      touch-action: none;\n      user-select: none;\n      &:hover {\n        background-color: deepskyblue;\n      }\n    }\n    $size: 6px;\n    > .resizable-r {\n      cursor: ew-resize;\n      width: $size;\n      right: 0;\n      top: 0;\n      height: 100%;\n    }\n    > .resizable-rb {\n      cursor: se-resize;\n      width: $size;\n      height: $size;\n      right: 0;\n      bottom: 0;\n    }\n\n    > .resizable-b {\n      cursor: s-resize;\n      height: $size;\n      bottom: 0;\n      width: 100%;\n      left: 0;\n    }\n\n    > .resizable-lb {\n      cursor: sw-resize;\n      width: $size;\n      height: $size;\n      left: 0;\n      bottom: 0;\n    }\n\n    > .resizable-l {\n      cursor: w-resize;\n      width: $size;\n      left: 0;\n      height: 100%;\n      top: 0;\n    }\n\n    > .resizable-lt {\n      cursor: nw-resize;\n      width: $size;\n      height: $size;\n      left: 0;\n      top: 0;\n    }\n\n    > .resizable-t {\n      cursor: n-resize;\n      height: $size;\n      top: 0;\n      width: 100%;\n      left: 0;\n    }\n\n    > .resizable-rt {\n      cursor: ne-resize;\n      width: $size;\n      height: $size;\n      right: 0;\n      top: 0;\n    }\n  }\n  .rv-filter {\n    visibility: hidden;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Prop,\n} from '@stencil/core';\nimport { HTMLStencilElement, VNode } from '@stencil/core/internal';\nimport keyBy from 'lodash/keyBy';\n\nimport { HEADER_ACTUAL_ROW_CLASS, HEADER_ROW_CLASS } from '../../utils/consts';\nimport { Groups } from '../../store/dataSource/data.store';\nimport HeaderRenderer from './header-renderer';\nimport ColumnGroupsRenderer from '../../plugins/groupingColumn/columnGroupsRenderer';\nimport { ResizeProps } from '../../services/resizable.directive';\nimport {\n  ColumnRegular,\n  DimensionSettingsState,\n  InitialHeaderClick,\n  Observable,\n  Providers,\n  ViewportState,\n  ViewSettingSizeProp,\n} from '../../types/interfaces';\nimport { DimensionCols } from '../../types/dimension';\nimport { SelectionStoreState } from '../../types/selection';\n\n@Component({\n  tag: 'revogr-header',\n  styleUrl: 'revogr-header-style.scss',\n})\nexport class RevogrHeaderComponent {\n  // #region Properties\n  /**\n   * Stores\n   */\n  /** Viewport X */\n  @Prop() viewportCol: Observable<ViewportState>;\n  /** Dimension settings X */\n  @Prop() dimensionCol: Observable<DimensionSettingsState>;\n  /** Selection, range, focus */\n  @Prop() selectionStore: Observable<SelectionStoreState>;\n\n  /**\n   * Column groups\n   */\n  @Prop() groups: Groups;\n  /**\n   * Grouping depth, how many levels of grouping\n   */\n  @Prop() groupingDepth = 0;\n\n  /**\n   * Readonly mode\n   */\n  @Prop() readonly: boolean;\n  /**\n   * If columns can be resized\n   */\n  @Prop() canResize: boolean;\n  /**\n   * Defines resize position\n   */\n  @Prop() resizeHandler: ResizeProps['active'];\n\n  /**\n   * Columns - defines an array of grid columns.\n   */\n  @Prop() colData: ColumnRegular[];\n\n  /**\n   * Column filter\n   */\n  @Prop() columnFilter: boolean;\n\n  /**\n   * Column type\n   */\n  @Prop() type!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Extra properties to pass into header renderer, such as vue or react components to handle parent\n   */\n  @Prop() additionalData: any = {};\n  // #endregion\n\n  // #region Events\n\n  /**\n   * On initial header click\n  */\n  @Event({\n    eventName: 'beforeheaderclick',\n  })\n  initialHeaderClick: EventEmitter<InitialHeaderClick>;\n\n  /**\n   * On header resize\n  */\n  @Event({\n    eventName: 'headerresize',\n  })\n  headerresize: EventEmitter<ViewSettingSizeProp>;\n\n  /**\n   * On before header resize\n  */\n  @Event({ eventName: 'beforeheaderresize', cancelable: true })\n  beforeResize: EventEmitter<ColumnRegular[]>;\n\n  /**\n   * On header double click\n   */\n  @Event({\n    eventName: 'headerdblclick',\n  })\n  headerdblClick: EventEmitter<InitialHeaderClick>;\n  // #endregion\n\n  @Element() element!: HTMLStencilElement;\n\n  private onResize({ width }: { width?: number }, index: number) {\n    const col = this.colData[index];\n    const event = this.beforeResize.emit([\n      {\n        ...col,\n        size: width || undefined,\n      },\n    ]);\n    if (event.defaultPrevented) {\n      return;\n    }\n    this.headerresize.emit({ [index]: width || 0 });\n  }\n\n  private onResizeGroup(\n    changedX: number,\n    startIndex: number,\n    endIndex: number,\n  ) {\n    const sizes: ViewSettingSizeProp = {};\n    const cols = keyBy(this.viewportCol.get('items'), 'itemIndex');\n    const change = changedX / (endIndex - startIndex + 1);\n    for (let i = startIndex; i <= endIndex; i++) {\n      const item = cols[i];\n      if (item) {\n        sizes[i] = item.size + change;\n      }\n    }\n    this.headerresize.emit(sizes);\n  }\n\n  render() {\n    const cols = this.viewportCol.get('items');\n    const range = this.selectionStore?.get('range');\n    const cells: VNode[] = [];\n    const visibleProps: { [prop: string]: number } = {};\n\n    // render header columns\n    for (let rgCol of cols) {\n      const colData = this.colData[rgCol.itemIndex];\n      cells.push(\n        <HeaderRenderer\n          range={range}\n          column={rgCol}\n          data={{\n            ...colData,\n            index: rgCol.itemIndex,\n            providers: this.providers,\n          }}\n          canFilter={!!this.columnFilter}\n          canResize={this.canResize}\n          active={this.resizeHandler}\n          onResize={e => this.onResize(e, rgCol.itemIndex)}\n          onDoubleClick={e => this.headerdblClick.emit(e)}\n          onClick={e => this.initialHeaderClick.emit(e)}\n          additionalData={this.additionalData}\n        />,\n      );\n      visibleProps[colData?.prop] = rgCol.itemIndex;\n    }\n\n    return [\n      <div class=\"group-rgRow\">\n        <ColumnGroupsRenderer\n          canResize={this.canResize}\n          active={this.resizeHandler}\n          visibleProps={visibleProps}\n          providers={this.providers}\n          groups={this.groups}\n          dimensionCol={this.dimensionCol.state}\n          depth={this.groupingDepth}\n          onResize={(changedX, startIndex, endIndex) =>\n            this.onResizeGroup(changedX, startIndex, endIndex)\n          }\n          additionalData={this.additionalData}\n        />\n      </div>,\n      <div class={`${HEADER_ROW_CLASS} ${HEADER_ACTUAL_ROW_CLASS}`}>\n        {cells}\n      </div>,\n    ];\n  }\n\n  get providers(): Providers<DimensionCols | 'rowHeaders'> {\n    return {\n      type: this.type,\n      readonly: this.readonly,\n      data: this.colData,\n      viewport: this.viewportCol,\n      dimension: this.dimensionCol,\n      selection: this.selectionStore,\n    };\n  }\n}\n","export async function resizeObserver() {\n  if (!('ResizeObserver' in window)) {\n    const module = await import('@juggle/resize-observer');\n    (window as Window & typeof globalThis).ResizeObserver = (module.ResizeObserver as unknown) as typeof ResizeObserver;\n  }\n}\n","import throttle from 'lodash/throttle';\nimport { resizeObserver } from '../../utils/resize-observer.polifill';\ninterface Events {\n  resize(entries: ReadonlyArray<ResizeObserverEntry>, observer: ResizeObserver): void;\n}\nexport default class GridResizeService {\n  private resizeObserver: ResizeObserver | null = null;\n  private resize = throttle((e: ReadonlyArray<ResizeObserverEntry>, o: ResizeObserver) => this.events?.resize(e, o), 10);\n  constructor(el: HTMLElement, private events: Events) {\n    this.init(el);\n  }\n\n  async init(el: HTMLElement): Promise<void> {\n    await resizeObserver();\n    this.resizeObserver = new ResizeObserver(this.resize);\n    this.resizeObserver?.observe(el);\n  }\n\n  public destroy() {\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n}\n","@mixin noScroll {\n  /* Hide scrollbar for IE and Edge */\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  &::-webkit-scrollbar {\n    display: none;\n    -webkit-appearance: none;\n  }\n}\n\n.rowHeaders {\n  z-index: 2;\n  font-size: 10px;\n  display: flex;\n  height: 100%;\n\n  revogr-data .rgCell {\n    text-align: center;\n  }\n\n  .rgCell {\n    padding: 0 1em !important;\n    min-width: 100%;\n  }\n}\n\nrevogr-viewport-scroll {\n  @include noScroll;\n\n  overflow-x: auto;\n  overflow-y: hidden;\n  position: relative;\n  z-index: 1;\n  height: 100%;\n\n  &.colPinStart,\n  &.colPinEnd {\n    z-index: 2;\n  }\n\n  // make sure it would work\n  &.colPinEnd:has(.active) {\n    overflow: visible;\n  }\n\n  &.rgCol {\n    flex-grow: 1;\n  }\n\n  .content-wrapper {\n    overflow: hidden;\n  }\n\n  .inner-content-table {\n    display: flex;\n    flex-direction: column;\n    max-height: 100%;\n    width: 100%;\n    min-width: 100%;\n    position: relative;\n    z-index: 0;\n  }\n\n  .vertical-inner {\n    overflow-y: auto;\n    position: relative;\n    width: 100%;\n    flex-grow: 1;\n    @include noScroll;\n\n    revogr-data,\n    revogr-overlay-selection {\n      height: 100%;\n    }\n  }\n}\n","import {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Element,\n  Prop,\n  Host,\n  Listen,\n} from '@stencil/core';\nimport each from 'lodash/each';\n\nimport GridResizeService from '../revoGrid/viewport.resize.service';\nimport LocalScrollService from '../../services/local.scroll.service';\nimport { LocalScrollTimer } from '../../services/local.scroll.timer';\nimport {\n  CONTENT_SLOT,\n  FOOTER_SLOT,\n  HEADER_SLOT,\n} from '../revoGrid/viewport.helpers';\nimport { DimensionCols, DimensionType } from '../../types/dimension';\nimport { ScrollCoordinateEvent, ViewPortResizeEvent, ViewPortScrollEvent } from '../../types/interfaces';\n\ntype Delta = 'deltaX' | 'deltaY';\ntype LocalScrollEvent = {\n  preventDefault(): void;\n} & { [x in Delta]: number };\n\n/**\n * Viewport scroll component for RevoGrid\n * @slot - content\n * @slot header - header\n * @slot footer - footer\n */\n@Component({\n  tag: 'revogr-viewport-scroll',\n  styleUrl: 'revogr-viewport-scroll-style.scss',\n})\nexport class RevogrViewportScroll {\n  /**\n   * Enable row header\n  */\n  @Prop() readonly rowHeader: boolean;\n\n  /**\n   * Width of inner content\n   */\n  @Prop() contentWidth = 0;\n  /**\n   * Height of inner content\n   */\n  @Prop() contentHeight = 0;\n\n  @Prop() colType!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Before scroll event\n   */\n  @Event({ eventName: 'scrollviewport', bubbles: true }) scrollViewport: EventEmitter<ViewPortScrollEvent>;\n  /**\n   * Viewport resize\n   */\n  @Event({ eventName: 'resizeviewport' }) resizeViewport: EventEmitter<ViewPortResizeEvent>;\n\n  /**\n   * Triggered on scroll change, can be used to get information about scroll visibility\n   */\n  @Event() scrollchange: EventEmitter<{\n    type: DimensionType;\n    hasScroll: boolean;\n  }>;\n\n  /**\n   * Silently scroll to coordinate\n   * Made to align negative coordinates for mobile devices\n  */\n  @Event({ eventName: 'scrollviewportsilent' }) silentScroll: EventEmitter<ViewPortScrollEvent>;\n\n  @Element() horizontalScroll: HTMLElement;\n\n  private oldValY = this.contentHeight;\n  private oldValX = this.contentWidth;\n\n  private verticalScroll: HTMLElement;\n  private header: HTMLElement;\n  private footer: HTMLElement;\n\n  /**\n   * Static functions to bind wheel change\n   */\n  private horizontalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\n  private verticalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\n\n  private resizeService: GridResizeService;\n  private localScrollService: LocalScrollService;\n  private localScrollTimer: LocalScrollTimer;\n\n\n  @Method() async setScroll(e: ViewPortScrollEvent) {\n    this.localScrollTimer.latestScrollUpdate(e.dimension);\n    this.localScrollService?.setScroll(e);\n  }\n\n  /**\n   * update on delta in case we don't know existing position or external change\n   * @param e\n   */\n  @Method() async changeScroll(\n    e: ViewPortScrollEvent,\n    silent = false,\n  ) {\n    if (silent) {\n      if (e.coordinate) {\n        switch (e.dimension) {\n          // for mobile devices to skip negative scroll loop. only on vertical scroll\n          case 'rgRow':\n            this.verticalScroll.style.transform = `translateY(${-1 * e.coordinate}px)`;\n            break;\n        }\n      }\n      return null;\n    }\n    if (e.delta) {\n      switch (e.dimension) {\n        case 'rgCol':\n          e.coordinate = this.horizontalScroll.scrollLeft + e.delta;\n          break;\n        case 'rgRow':\n          e.coordinate = this.verticalScroll.scrollTop + e.delta;\n          break;\n      }\n      this.setScroll(e);\n    }\n    return e;\n  }\n\n  /**\n   * Dispatch this event to trigger vertical mouse wheel from plugins\n   */\n  @Listen('mousewheel-vertical') mousewheelVertical({\n    detail: e,\n  }: CustomEvent<LocalScrollEvent>) {\n    this.verticalMouseWheel(e);\n  }\n  /**\n   * Dispatch this event to trigger horizontal mouse wheel from plugins\n   */\n  @Listen('mousewheel-horizontal') mousewheelHorizontal({\n    detail: e,\n  }: CustomEvent<LocalScrollEvent>) {\n    this.horizontalMouseWheel(e);\n  }\n  /**\n   * Allows to use outside listener\n   */\n  @Listen('scroll-coordinate') scrollApply({\n    detail: { type, coordinate },\n  }: CustomEvent<ScrollCoordinateEvent>) {\n    this.applyOnScroll(type, coordinate, true);\n  }\n\n  connectedCallback() {\n    /**\n     * Bind scroll functions for farther usage\n     */\n    // allow mousewheel for all devices including mobile\n    this.verticalMouseWheel = this.onVerticalMouseWheel.bind(\n      this,\n      'rgRow',\n      'deltaY',\n    );\n    this.horizontalMouseWheel = this.onHorizontalMouseWheel.bind(\n      this,\n      'rgCol',\n      'deltaX',\n    );\n    this.localScrollTimer = new LocalScrollTimer('ontouchstart' in document.documentElement ? 0 : 10);\n    /**\n     * Create local scroll service\n     */\n    this.localScrollService = new LocalScrollService({\n      // to improve safari smoothnes on scroll\n      // skipAnimationFrame: isSafariDesktop(),\n      runScroll: e => this.scrollViewport.emit(e),\n      applyScroll: e => {\n        this.localScrollTimer.setCoordinate(e);\n        switch (e.dimension) {\n          case 'rgCol':\n            // this will trigger on scroll event\n            this.horizontalScroll.scrollLeft = e.coordinate;\n            break;\n          case 'rgRow':\n            // this will trigger on scroll event\n            this.verticalScroll.scrollTop = e.coordinate;\n            // for mobile devices to skip negative scroll loop. only on vertical scroll\n            if (this.verticalScroll.style.transform) {\n              this.verticalScroll.style.transform = '';\n            }\n            break;\n        }\n      },\n    });\n  }\n\n  componentDidLoad() {\n    // track horizontal viewport resize\n    this.resizeService = new GridResizeService(this.horizontalScroll, {\n      resize: entries => {\n        let height = entries[0]?.contentRect.height || 0;\n        if (height) {\n          height -= this.header.clientHeight + this.footer.clientHeight;\n        }\n        const els = {\n          rgRow: {\n            size: height,\n            contentSize: this.contentHeight,\n            scroll: this.verticalScroll.scrollTop,\n            noScroll: false,\n          },\n          rgCol: {\n            size: entries[0]?.contentRect.width || 0,\n            contentSize: this.contentWidth,\n            scroll: this.horizontalScroll.scrollLeft,\n            noScroll: this.colType !== 'rgCol' ? true : false,\n          },\n        };\n        each(els, (item, dimension: DimensionType) => {\n          this.resizeViewport.emit({ dimension, size: item.size, rowHeader: this.rowHeader });\n          if (item.noScroll) {\n            return;\n          }\n          this.localScrollService?.scroll(item.scroll, dimension, true);\n          // track scroll visibility on outer element change\n          this.setScrollVisibility(dimension, item.size, item.contentSize);\n        });\n      },\n    });\n  }\n\n  /**\n   * Check if scroll present or not per type\n   * Trigger this method on inner content size change or on outer element size change\n   * If inner content bigger then outer size then scroll is present and mousewheel binding required\n   * @param type - dimension type 'rgRow/y' or 'rgCol/x'\n   * @param size - outer content size\n   * @param innerContentSize - inner content size\n   */\n  setScrollVisibility(\n    type: DimensionType,\n    size: number,\n    innerContentSize: number,\n  ) {\n    // test if scroll present\n    const hasScroll = size < innerContentSize;\n    let el: HTMLElement;\n    // event reference for binding\n    switch (type) {\n      case 'rgCol':\n        el = this.horizontalScroll;\n        break;\n      case 'rgRow':\n        el = this.verticalScroll;\n        break;\n    }\n    // based on scroll visibility assign or remove class and event\n    if (hasScroll) {\n      el.classList.add(`scroll-${type}`);\n    } else {\n      el.classList.remove(`scroll-${type}`);\n    }\n    this.scrollchange.emit({ type, hasScroll });\n  }\n\n  disconnectedCallback() {\n    this.resizeService.destroy();\n  }\n\n  async componentDidRender() {\n    // scroll update if number of rows changed\n    if (this.contentHeight < this.oldValY && this.verticalScroll) {\n      this.verticalScroll.scrollTop += this.contentHeight - this.oldValY;\n    }\n    this.oldValY = this.contentHeight;\n\n    // scroll update if number of cols changed\n    if (this.contentWidth < this.oldValX) {\n      this.horizontalScroll.scrollLeft += this.contentWidth - this.oldValX;\n    }\n    this.oldValX = this.contentWidth;\n\n    this.localScrollService.setParams(\n      {\n        contentSize: this.contentHeight,\n        clientSize: this.verticalScroll.clientHeight,\n        virtualSize: 0,\n      },\n      'rgRow',\n    );\n\n    this.localScrollService.setParams(\n      {\n        contentSize: this.contentWidth,\n        clientSize: this.horizontalScroll.clientWidth,\n        virtualSize: 0,\n      },\n      'rgCol',\n    );\n    this.setScrollVisibility(\n      'rgRow',\n      this.verticalScroll.clientHeight,\n      this.contentHeight,\n    );\n    this.setScrollVisibility(\n      'rgCol',\n      this.horizontalScroll.clientWidth,\n      this.contentWidth,\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        onWheel={this.horizontalMouseWheel}\n        onScroll={(e: UIEvent) => this.applyScroll('rgCol', e)}\n      >\n        <div\n          class=\"inner-content-table\"\n          style={{ width: `${this.contentWidth}px` }}\n        >\n          <div class=\"header-wrapper\" ref={e => (this.header = e)}>\n            <slot name={HEADER_SLOT} />\n          </div>\n          <div\n            class=\"vertical-inner\"\n            ref={el => (this.verticalScroll = el)}\n            onWheel={this.verticalMouseWheel}\n            onScroll={(e: MouseEvent) => this.applyScroll('rgRow', e)}\n          >\n            <div\n              class=\"content-wrapper\"\n              style={{ height: `${this.contentHeight}px` }}\n            >\n              <slot name={CONTENT_SLOT} />\n            </div>\n          </div>\n          <div class=\"footer-wrapper\" ref={e => (this.footer = e)}>\n            <slot name={FOOTER_SLOT} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n  /**\n   * Extra layer for scroll event monitoring, where MouseWheel event is not passing\n   * We need to trigger scroll event in case there is no mousewheel event\n   */\n  @Method() async applyScroll(type: DimensionType, e: UIEvent) {\n    if (!(e.target instanceof HTMLElement)) {\n      return;\n    }\n    let scroll = 0;\n    switch (type) {\n      case 'rgCol':\n        scroll = e.target.scrollLeft;\n        break;\n      case 'rgRow':\n        scroll = e.target.scrollTop;\n        break;\n    }\n\n    // for mobile devices to skip negative scroll loop\n    if (scroll < 0) {\n      this.silentScroll.emit({ dimension: type, coordinate: scroll });\n      return;\n    }\n    this.applyOnScroll(type, scroll);\n  }\n\n  /**\n   * Applies change on scroll event only if mousewheel event happened some time ago\n   */\n  private applyOnScroll(\n    type: DimensionType,\n    coordinate: number,\n    outside = false,\n  ) {\n    // apply after throttling\n    if (this.localScrollTimer.isReady(type, coordinate)) {\n      this.localScrollService?.scroll(\n        coordinate,\n        type,\n        undefined,\n        undefined,\n        outside,\n      );\n    }\n  }\n\n  /**\n   * On vertical mousewheel event\n   * @param type\n   * @param delta\n   * @param e\n   */\n  private onVerticalMouseWheel(\n    type: DimensionType,\n    delta: Delta,\n    e: LocalScrollEvent,\n  ) {\n    e.preventDefault?.();\n    const pos = this.verticalScroll.scrollTop + e[delta];\n    this.localScrollService?.scroll(pos, type, undefined, e[delta]);\n    this.localScrollTimer.latestScrollUpdate(type);\n  }\n\n  /**\n   * On horizontal mousewheel event\n   * @param type\n   * @param delta\n   * @param e\n   */\n  private onHorizontalMouseWheel(\n    type: DimensionType,\n    delta: Delta,\n    e: LocalScrollEvent,\n  ) {\n    e.preventDefault?.();\n    const pos = this.horizontalScroll.scrollLeft + e[delta];\n    this.localScrollService?.scroll(pos, type, undefined, e[delta]);\n    this.localScrollTimer.latestScrollUpdate(type);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  VNode,\n  h,\n} from '@stencil/core';\n\n/**\n * VNode to html converter for stencil components.\n * Transform VNode to html string.\n */\n/**\n * @internal\n */\n@Component({\n  tag: 'vnode-html',\n})\nexport class VNodeToHtml {\n  @Prop() redraw: (() => VNode[]) | null = null;\n  @Event() html: EventEmitter<{ html: string; vnodes: VNode[] }>;\n  @Element() el: HTMLElement;\n\n  private vnodes: VNode[] | null = [];\n\n  componentDidRender() {\n    this.html.emit({\n      html: this.el.innerHTML,\n      vnodes: this.vnodes,\n    });\n  }\n\n  render() {\n    this.vnodes = this.redraw?.();\n    return (\n      <Host\n        style={{ visibility: 'hidden', position: 'absolute' }}\n      >\n        {this.vnodes}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/revo-grid/revogr-filter-panel.entry.js

@@ -1 +1,5 @@
-import{h as e,r as t,c as i,H as r}from"./index-a7f99799.js";import{i as o}from"./filter.button-1509c206.js";const s=(t,i)=>e("button",Object.assign({},t,{class:Object.assign(Object.assign({},"object"==typeof t.class?t.class:t.class?{[t.class]:!0}:""),{"revo-button":!0})}),i);Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){let t=this;do{if(Element.prototype.matches.call(t,e))return t;t=t.parentElement||t.parentNode}while(null!==t&&1===t.nodeType);return null});const n=class{constructor(e){t(this,e),this.filterChange=i(this,"filterChange",7),this.filterTypes={},this.filterNames={},this.filterEntities={}}onMouseDown(e){if(this.changes&&!e.defaultPrevented){const t=e.target;this.isOutside(t)&&!o(t)&&(this.changes=void 0)}}async show(e){this.changes=e,this.changes&&(this.changes.type=this.changes.type||"none")}async getChanges(){return this.changes}renderConditions(t){const i=[];for(let r in this.filterTypes)i.push(e("option",{value:"none"},this.filterNames.none)),i.push(...this.filterTypes[r].map((i=>e("option",{value:i,selected:t===i},this.filterNames[i])))),i.push(e("option",{disabled:!0}));return i}renderExtra(t,i){switch(this.extraElement=void 0,t){case"input":return e("input",{type:"text",value:i,onInput:e=>this.onInput(e),onKeyDown:e=>this.onKeyDown(e),ref:e=>this.extraElement=e});default:return""}}render(){return this.changes&&this.changes?e(r,{style:{display:"block",left:`${this.changes.x}px`,top:`${this.changes.y}px`}},e("label",null,"Filter by condition"),e("select",{class:"select-css",onChange:e=>this.onFilterChange(e)},this.renderConditions(this.changes.type)),e("div",null,this.renderExtra(this.filterEntities[this.changes.type].extra,this.changes.value)),e(s,{class:{green:!0},onClick:()=>this.onSave()},"Save"),e(s,{class:{light:!0},onClick:()=>this.onCancel()},"Cancel")):e(r,{style:{display:"none"}})}onFilterChange(e){if(!this.changes)throw new Error("Changes required per edit");const t=e.target.value;this.changes=Object.assign(Object.assign({},this.changes),{type:t})}onInput(e){this.changes.value=e.target.value,e.preventDefault()}onKeyDown(e){"enter"===e.key.toLowerCase()&&this.onSave()}onCancel(){this.changes=void 0}onSave(){var e,t;if(!this.changes)throw new Error("Changes required per edit");this.filterChange.emit({prop:this.changes.prop,type:this.changes.type,value:null===(t=null===(e=this.extraElement)||void 0===e?void 0:e.value)||void 0===t?void 0:t.trim()}),this.changes=void 0}isOutside(e){return!e.classList.contains(`[uuid="${this.uuid}"]`)&&!(null==e?void 0:e.closest(`[uuid="${this.uuid}"]`))}};n.style=".revo-drag-icon{-webkit-mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 438 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M421.875,70.40625 C426.432292,70.40625 430.175781,68.9414062 433.105469,66.0117188 C436.035156,63.0820312 437.5,59.3385417 437.5,54.78125 L437.5,54.78125 L437.5,15.71875 C437.5,11.1614583 436.035156,7.41796875 433.105469,4.48828125 C430.175781,1.55859375 426.432292,0.09375 421.875,0.09375 L421.875,0.09375 L15.625,0.09375 C11.0677083,0.09375 7.32421875,1.55859375 4.39453125,4.48828125 C1.46484375,7.41796875 0,11.1614583 0,15.71875 L0,15.71875 L0,54.78125 C0,59.3385417 1.46484375,63.0820312 4.39453125,66.0117188 C7.32421875,68.9414062 11.0677083,70.40625 15.625,70.40625 L15.625,70.40625 L421.875,70.40625 Z M421.875,226.65625 C426.432292,226.65625 430.175781,225.191406 433.105469,222.261719 C436.035156,219.332031 437.5,215.588542 437.5,211.03125 L437.5,211.03125 L437.5,171.96875 C437.5,167.411458 436.035156,163.667969 433.105469,160.738281 C430.175781,157.808594 426.432292,156.34375 421.875,156.34375 L421.875,156.34375 L15.625,156.34375 C11.0677083,156.34375 7.32421875,157.808594 4.39453125,160.738281 C1.46484375,163.667969 0,167.411458 0,171.96875 L0,171.96875 L0,211.03125 C0,215.588542 1.46484375,219.332031 4.39453125,222.261719 C7.32421875,225.191406 11.0677083,226.65625 15.625,226.65625 L15.625,226.65625 L421.875,226.65625 Z M421.875,382.90625 C426.432292,382.90625 430.175781,381.441406 433.105469,378.511719 C436.035156,375.582031 437.5,371.838542 437.5,367.28125 L437.5,367.28125 L437.5,328.21875 C437.5,323.661458 436.035156,319.917969 433.105469,316.988281 C430.175781,314.058594 426.432292,312.59375 421.875,312.59375 L421.875,312.59375 L15.625,312.59375 C11.0677083,312.59375 7.32421875,314.058594 4.39453125,316.988281 C1.46484375,319.917969 0,323.661458 0,328.21875 L0,328.21875 L0,367.28125 C0,371.838542 1.46484375,375.582031 4.39453125,378.511719 C7.32421875,381.441406 11.0677083,382.90625 15.625,382.90625 L15.625,382.90625 L421.875,382.90625 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 438 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M421.875,70.40625 C426.432292,70.40625 430.175781,68.9414062 433.105469,66.0117188 C436.035156,63.0820312 437.5,59.3385417 437.5,54.78125 L437.5,54.78125 L437.5,15.71875 C437.5,11.1614583 436.035156,7.41796875 433.105469,4.48828125 C430.175781,1.55859375 426.432292,0.09375 421.875,0.09375 L421.875,0.09375 L15.625,0.09375 C11.0677083,0.09375 7.32421875,1.55859375 4.39453125,4.48828125 C1.46484375,7.41796875 0,11.1614583 0,15.71875 L0,15.71875 L0,54.78125 C0,59.3385417 1.46484375,63.0820312 4.39453125,66.0117188 C7.32421875,68.9414062 11.0677083,70.40625 15.625,70.40625 L15.625,70.40625 L421.875,70.40625 Z M421.875,226.65625 C426.432292,226.65625 430.175781,225.191406 433.105469,222.261719 C436.035156,219.332031 437.5,215.588542 437.5,211.03125 L437.5,211.03125 L437.5,171.96875 C437.5,167.411458 436.035156,163.667969 433.105469,160.738281 C430.175781,157.808594 426.432292,156.34375 421.875,156.34375 L421.875,156.34375 L15.625,156.34375 C11.0677083,156.34375 7.32421875,157.808594 4.39453125,160.738281 C1.46484375,163.667969 0,167.411458 0,171.96875 L0,171.96875 L0,211.03125 C0,215.588542 1.46484375,219.332031 4.39453125,222.261719 C7.32421875,225.191406 11.0677083,226.65625 15.625,226.65625 L15.625,226.65625 L421.875,226.65625 Z M421.875,382.90625 C426.432292,382.90625 430.175781,381.441406 433.105469,378.511719 C436.035156,375.582031 437.5,371.838542 437.5,367.28125 L437.5,367.28125 L437.5,328.21875 C437.5,323.661458 436.035156,319.917969 433.105469,316.988281 C430.175781,314.058594 426.432292,312.59375 421.875,312.59375 L421.875,312.59375 L15.625,312.59375 C11.0677083,312.59375 7.32421875,314.058594 4.39453125,316.988281 C1.46484375,319.917969 0,323.661458 0,328.21875 L0,328.21875 L0,367.28125 C0,371.838542 1.46484375,375.582031 4.39453125,378.511719 C7.32421875,381.441406 11.0677083,382.90625 15.625,382.90625 L15.625,382.90625 L421.875,382.90625 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");width:11px;height:7px;background-size:cover;background-repeat:no-repeat}.revo-alt-icon{-webkit-mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");width:11px;height:11px;background-size:cover;background-repeat:no-repeat}.arrow-down{position:absolute;right:5px;top:0}.arrow-down svg{width:8px;margin-top:5px;margin-left:5px;opacity:0.4}.cell-value-wrapper{margin-right:10px;overflow:hidden;text-overflow:ellipsis}.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#6200ee;height:34px;line-height:34px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#2ee072;border:1px solid #20d565}.revo-button.light{border:2px solid #cedefa;line-height:32px;background:none;color:#4876ca;box-shadow:none}revogr-filter-panel{position:absolute;display:block;top:0;left:0;z-index:100;opacity:1;transform:none;background-color:#fff;transform-origin:62px 0px;box-shadow:0 5px 18px -2px rgba(0, 0, 0, 0.2);padding:10px;border-radius:4px;min-width:150px;text-align:left}revogr-filter-panel label{color:gray;font-size:13px;font-weight:600;display:block;padding:8px 0}revogr-filter-panel select{width:100%}revogr-filter-panel input[type=text]{border:0;min-height:34px;margin:5px 0;background:#f3f3f3;border-radius:5px;padding:0 10px;box-sizing:border-box}revogr-filter-panel button{margin-top:10px;margin-right:5px}.rgHeaderCell:hover .rv-filter{transition:opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.rgHeaderCell:hover .rv-filter,.rgHeaderCell .rv-filter.active{opacity:1}.rgHeaderCell .rv-filter{height:24px;width:24px;background:none;border:0;opacity:0;visibility:visible;cursor:pointer;border-radius:4px}.rgHeaderCell .rv-filter.active{color:#10224a}.rgHeaderCell .rv-filter .filter-img{color:gray;width:11px}.select-css{display:block;font-family:sans-serif;font-weight:600;color:#444;line-height:1.3;padding:0.6em 1.4em 0.5em 0.8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid #f1f1f1;box-shadow:transparent;border-radius:0.5em;appearance:none;background-color:#fff;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);background-repeat:no-repeat, repeat;background-position:right 0.7em top 50%, 0 0;background-size:0.65em auto, 100%;}.select-css::-ms-expand{display:none}.select-css:hover{border-color:#c5c5c5}.select-css:focus{border-color:#f1f1f1;box-shadow:0 0 1px 3px rgba(59, 153, 252, 0.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.select-css option{font-weight:normal}.select-css:disabled,.select-css[aria-disabled=true]{color:gray;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%)}.select-css:disabled:hover,.select-css[aria-disabled=true]{border-color:#f1f1f1}";export{n as revogr_filter_panel}
+/*!
+ * Built by Revolist OU ❤️
+ */
+import{r as t,c as i,h as e,H as s}from"./index-21436631.js";import{i as r,A as o,T as n}from"./filter.button-46ce4f80.js";import{d as l}from"./debounce-7781346d.js";import"./toNumber-8de324a7.js";(function t(){if(!Element.prototype.matches){Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector}if(!Element.prototype.closest){Element.prototype.closest=function(t){let i=this;do{if(Element.prototype.matches.call(i,t)){return i}i=i.parentElement||i.parentNode}while(i!==null&&i.nodeType===1);return null}}})();const a=".revo-drag-icon{width:11px}.revo-drag-icon::before{content:\"::\"}.revo-alt-icon{-webkit-mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");width:11px;height:11px;background-size:cover;background-repeat:no-repeat}.arrow-down{position:absolute;right:5px;top:0}.arrow-down svg{width:8px;margin-top:5px;margin-left:5px;opacity:0.4}.cell-value-wrapper{margin-right:10px;overflow:hidden;text-overflow:ellipsis}.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#6200ee;height:34px;line-height:34px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#009037;border:1px solid #00772d}.revo-button.red{background-color:#E0662E;border:1px solid #d55920}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.light{border:1px solid #cedefa;line-height:32px;background:none;color:#000;box-shadow:none}revogr-filter-panel{position:absolute;display:block;top:0;left:0;z-index:100;opacity:1;transform:none;background-color:#fff;transform-origin:62px 0px;box-shadow:0 5px 18px -2px rgba(0, 0, 0, 0.2);padding:10px;border-radius:4px;min-width:220px;text-align:left}revogr-filter-panel .filter-holder>div{display:flex;flex-direction:column}revogr-filter-panel label{font-size:13px;display:block;padding:8px 0}revogr-filter-panel select{width:100%}revogr-filter-panel input[type=text]{border:0;min-height:34px;margin:5px 0;background:#f3f3f3;border-radius:5px;padding:0 10px;box-sizing:border-box;width:100%}revogr-filter-panel button{margin-top:10px;margin-right:5px}revogr-filter-panel .filter-actions{text-align:right;margin-right:-5px}.rgHeaderCell:hover .rv-filter{transition:opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.rgHeaderCell:hover .rv-filter,.rgHeaderCell .rv-filter.active{opacity:1}.rgHeaderCell .rv-filter{height:24px;width:24px;background:none;border:0;opacity:0;visibility:visible;cursor:pointer;border-radius:4px}.rgHeaderCell .rv-filter.active{color:#10224a}.rgHeaderCell .rv-filter .filter-img{color:gray;width:11px}.select-css{display:block;font-family:sans-serif;font-weight:600;color:#444;line-height:1.3;padding:0.6em 1.4em 0.5em 0.8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid #f1f1f1;box-shadow:transparent;border-radius:0.5em;appearance:none;background-color:#fff;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);background-repeat:no-repeat, repeat;background-position:right 0.7em top 50%, 0 0;background-size:0.65em auto, 100%;}.select-css::-ms-expand{display:none}.select-css:hover{border-color:rgb(197, 197, 197)}.select-css:focus{border-color:#f1f1f1;box-shadow:0 0 1px 3px rgba(59, 153, 252, 0.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.select-css option{font-weight:normal}.select-css:disabled,.select-css[aria-disabled=true]{color:gray;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%)}.select-css:disabled:hover,.select-css[aria-disabled=true]{border-color:#f1f1f1}.multi-filter-list{margin-top:5px;margin-bottom:5px}.multi-filter-list div{white-space:nowrap}.multi-filter-list .multi-filter-list-action{display:flex;justify-content:space-between;align-items:center}.multi-filter-list .and-or-button{margin:0 0 0 10px;min-width:58px;cursor:pointer}.multi-filter-list .trash-button{margin:0 0 -2px 6px;cursor:pointer;width:22px;height:100%;font-size:16px}.multi-filter-list .trash-button .trash-img{width:1em}.add-filter-divider{display:block;margin:0 -10px 10px -10px;border-bottom:1px solid #d9d9d9;height:10px}.select-input{display:flex;justify-content:space-between;align-items:center}";const d=a;const h="none";const c="multi-filter-list";const f="multi-filter-list-action";const p=class{constructor(e){t(this,e);this.filterChange=i(this,"filterChange",7);this.filterCaptionsInternal={title:"Filter by",save:"Save",reset:"Cancel",cancel:"Close"};this.debouncedApplyFilter=l((()=>{this.filterChange.emit(this.filterItems)}),400);this.isFilterIdSet=false;this.filterId=0;this.currentFilterId=-1;this.currentFilterType=h;this.changes=undefined;this.uuid=undefined;this.filterItems={};this.filterTypes={};this.filterNames={};this.filterEntities={};this.filterCaptions=undefined;this.disableDynamicFiltering=false}onMouseDown(t){if(this.changes&&!t.defaultPrevented){const i=t.target;if(this.isOutside(i)&&!r(i)){this.changes=undefined}}}async show(t){this.changes=t;if(this.changes){this.changes.type=this.changes.type||h}}async getChanges(){return this.changes}componentWillRender(){if(!this.isFilterIdSet){this.isFilterIdSet=true;const t=Object.keys(this.filterItems);for(const i of t){this.filterId+=this.filterItems[i].length}}}renderSelectOptions(t,i=false){var s;const r=[];const o=(s=this.changes)===null||s===void 0?void 0:s.prop;if(!i){r.push(e("option",{selected:this.currentFilterType===h,value:h},o&&this.filterItems[o]&&this.filterItems[o].length>0?"Add more condition...":this.filterNames[h]))}for(let i in this.filterTypes){r.push(...this.filterTypes[i].map((i=>e("option",{value:i,selected:t===i},this.filterNames[i]))));r.push(e("option",{disabled:true}))}return r}renderExtra(t,i){const s=this.filterItems[t];if(!s)return"";if(this.filterEntities[s[i].type].extra!=="input")return"";return e("input",{id:`filter-input-${s[i].id}`,placeholder:"Enter value...",type:"text",value:s[i].value,onInput:this.onUserInput.bind(this,i,t),onKeyDown:t=>this.onKeyDown(t)})}getFilterItemsList(){var t;const i=(t=this.changes)===null||t===void 0?void 0:t.prop;if(!(i||i===0))return"";const s=this.filterItems[i]||[];return e("div",{key:this.filterId},s.map(((t,s)=>{let r;if(s!==this.filterItems[i].length-1){r=e("div",{onClick:()=>this.toggleFilterAndOr(t.id)},e(o,{isAnd:t.relation==="and"}))}return e("div",{key:t.id,class:c},e("div",{class:{"select-input":true}},e("select",{class:"select-css select-filter",onChange:t=>this.onFilterTypeChange(t,i,s)},this.renderSelectOptions(this.filterItems[i][s].type,true)),e("div",{class:f},r),e("div",{onClick:()=>this.onRemoveFilter(t.id)},e(n,null))),e("div",null,this.renderExtra(i,s)))})),s.length>0?e("div",{class:"add-filter-divider"}):"")}render(){if(!this.changes){return e(s,{style:{display:"none"}})}const t={display:"block",left:`${this.changes.x}px`,top:`${this.changes.y}px`};const i=Object.assign(this.filterCaptionsInternal,this.filterCaptions);return e(s,{style:t},e("label",null,i.title),e("div",{class:"filter-holder"},this.getFilterItemsList()),e("div",{class:"add-filter"},e("select",{id:"add-filter",class:"select-css",onChange:t=>this.onAddNewFilter(t)},this.renderSelectOptions(this.currentFilterType))),e("div",{class:"filter-actions"},this.disableDynamicFiltering&&e("button",{class:"revo-button green save",onClick:()=>this.onSave()},i.save),e("button",{class:"revo-button light reset",onClick:()=>this.onReset()},i.reset),e("button",{class:"revo-button light cancel",onClick:()=>this.onCancel()},i.cancel)))}onFilterTypeChange(t,i,e){const s=t.target;const r=s.value;this.filterItems[i][e].type=r;this.filterId++;setTimeout((()=>{const t=document.getElementById("filter-input-"+this.filterItems[i][e].id);if(t)t.focus()}),0);if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}onAddNewFilter(t){const i=t.target;const e=i.value;this.currentFilterType=e;this.addNewFilterToProp();const s=document.getElementById("add-filter");if(s){s.value=h;this.currentFilterType=h}if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}addNewFilterToProp(){var t;const i=(t=this.changes)===null||t===void 0?void 0:t.prop;if(!(i||i===0))return;if(!this.filterItems[i]){this.filterItems[i]=[]}if(this.currentFilterType==="none")return;this.filterId++;this.currentFilterId=this.filterId;this.filterItems[i].push({id:this.currentFilterId,type:this.currentFilterType,value:"",relation:"and"});setTimeout((()=>{const t=document.getElementById("filter-input-"+this.currentFilterId);if(t)t.focus()}),0)}onUserInput(t,i,e){this.filterItems[i][t].value=e.target.value;if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}onKeyDown(t){if(t.key.toLowerCase()==="enter"){const t=document.getElementById("add-filter");if(t){t.value=h;this.currentFilterType=h;this.addNewFilterToProp();t.focus()}return}t.stopPropagation()}onSave(){this.filterChange.emit(this.filterItems)}onCancel(){this.changes=undefined}onReset(){this.assertChanges();delete this.filterItems[this.changes.prop];this.filterId++;this.filterChange.emit(this.filterItems)}onRemoveFilter(t){this.assertChanges();this.filterId++;const i=this.changes.prop;const e=this.filterItems[i];if(!e)return;const s=e.findIndex((i=>i.id===t));if(s===-1)return;e.splice(s,1);if(e.length===0)delete this.filterItems[i];if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}toggleFilterAndOr(t){this.assertChanges();this.filterId++;const i=this.changes.prop;const e=this.filterItems[i];if(!e)return;const s=e.findIndex((i=>i.id===t));if(s===-1)return;e[s].relation=e[s].relation==="and"?"or":"and";if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}assertChanges(){if(!this.changes){throw new Error("Changes required per edit")}}isOutside(t){const i=document.getElementById("add-filter");if(i)i.value=h;this.currentFilterType=h;this.changes.type=h;this.currentFilterId=-1;if(t.classList.contains(`[uuid="${this.uuid}"]`)){return false}return!(t===null||t===void 0?void 0:t.closest(`[uuid="${this.uuid}"]`))}};p.style=d;export{p as revogr_filter_panel};
+//# sourceMappingURL=revogr-filter-panel.entry.js.map

package/dist/revo-grid/revogr-filter-panel.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["closest","Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","s","el","this","call","parentElement","parentNode","nodeType","filterStyleCss","RevogrFilterPanelStyle0","defaultType","FILTER_LIST_CLASS","FILTER_LIST_CLASS_ACTION","FilterPanel","filterCaptionsInternal","title","save","reset","cancel","debouncedApplyFilter","debounce","filterChange","emit","filterItems","onMouseDown","e","changes","defaultPrevented","target","isOutside","isFilterBtn","undefined","show","newEntity","type","getChanges","componentWillRender","isFilterIdSet","Object","keys","prop","filterId","length","renderSelectOptions","isDefaultTypeRemoved","options","_a","push","h","selected","currentFilterType","value","filterNames","gIndex","filterTypes","map","k","disabled","renderExtra","index","currentFilter","filterEntities","extra","id","placeholder","onInput","onUserInput","bind","onKeyDown","getFilterItemsList","propFilters","key","d","andOrButton","onClick","toggleFilterAndOr","AndOrButton","isAnd","relation","class","onChange","onFilterTypeChange","onRemoveFilter","TrashButton","render","Host","style","display","left","x","top","y","capts","assign","filterCaptions","onAddNewFilter","disableDynamicFiltering","onSave","onReset","onCancel","setTimeout","input","document","getElementById","focus","addNewFilterToProp","select","currentFilterId","event","toLowerCase","stopPropagation","assertChanges","items","findIndex","splice","Error","classList","contains","uuid"],"sources":["src/utils/closest.polifill.ts","src/plugins/filter/filter.style.scss?tag=revogr-filter-panel","src/plugins/filter/filter.pop.tsx"],"sourcesContent":["(function closest() {\n  if (!Element.prototype.matches) {\n    Element.prototype.matches =\n      ((Element.prototype as unknown) as { msMatchesSelector: (selectors: string) => boolean }).msMatchesSelector || Element.prototype.webkitMatchesSelector;\n  }\n\n  if (!Element.prototype.closest) {\n    Element.prototype.closest = function (s: string) {\n      let el: HTMLElement | Element | (Node & ParentNode) = this;\n\n      do {\n        if (Element.prototype.matches.call(el, s)) {\n          return el;\n        }\n        el = el.parentElement || el.parentNode;\n      } while (el !== null && el.nodeType === 1);\n      return null;\n    };\n  }\n})();\n","revogr-filter-panel {\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  z-index: 100;\n\n  opacity: 1;\n  transform: none;\n  background-color: #fff;\n  transform-origin: 62px 0px;\n  box-shadow: 0 5px 18px -2px rgba(black, 20%);\n  padding: 10px;\n  border-radius: 4px;\n\n  min-width: 220px;\n  text-align: left;\n\n  .filter-holder > div {\n    display: flex;\n    flex-direction: column;\n  }\n\n  label {\n    font-size: 13px;\n    display: block;\n    padding: 8px 0;\n  }\n\n  select {\n    width: 100%;\n  }\n\n  input[type='text'] {\n    border: 0;\n    min-height: 34px;\n    margin: 5px 0;\n    background: #f3f3f3;\n    border-radius: 5px;\n    padding: 0 10px;\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  button {\n    margin-top: 10px;\n    margin-right: 5px;\n  }\n\n  .filter-actions {\n    text-align: right;\n    margin-right: -5px;\n  }\n}\n\n.rgHeaderCell {\n  &:hover .rv-filter {\n    transition:\n      opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  }\n  &:hover .rv-filter,\n  .rv-filter.active {\n    opacity: 1;\n  }\n\n  .rv-filter {\n    $btn-size: 24px;\n    height: $btn-size;\n    width: $btn-size;\n    background: none;\n    border: 0;\n    opacity: 0;\n    visibility: visible;\n    cursor: pointer;\n    border-radius: 4px;\n\n    &.active {\n      color: #10224a;\n    }\n\n    .filter-img {\n      $img-size: 11px;\n      color: gray;\n      width: $img-size;\n    }\n  }\n}\n\n.select-css {\n  $gradient: 'data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E';\n  $linearGradient: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);\n  $borderColor: #f1f1f1;\n\n  display: block;\n  font-family: sans-serif;\n  font-weight: 600;\n  color: #444;\n  line-height: 1.3;\n  padding: 0.6em 1.4em 0.5em 0.8em;\n  width: 100%;\n  max-width: 100%; /* useful when width is set to anything other than 100% */\n  box-sizing: border-box;\n  margin: 0;\n  border: 1px solid $borderColor;\n  box-shadow: transparent;\n  border-radius: 0.5em;\n  appearance: none;\n  background-color: #fff;\n  background-image: url($gradient), $linearGradient;\n  background-repeat: no-repeat, repeat;\n  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/\n  background-position:\n    right 0.7em top 50%,\n    0 0;\n  /* icon size, then gradient */\n  background-size:\n    0.65em auto,\n    100%;\n\n  /* Hide arrow icon in IE browsers */\n  &::-ms-expand {\n    display: none;\n  }\n  /* Hover style */\n  &:hover {\n    border-color: rgb(197, 197, 197);\n  }\n  /* Focus style */\n  &:focus {\n    border-color: $borderColor;\n    box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);\n    box-shadow: 0 0 0 3px -moz-mac-focusring;\n    color: #222;\n    outline: none;\n  }\n\n  /* Set options to normal weight */\n  option {\n    font-weight: normal;\n  }\n\n  /* Disabled styles */\n  &:disabled,\n  &[aria-disabled='true'] {\n    color: gray;\n    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),\n      linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);\n  }\n\n  &:disabled:hover,\n  &[aria-disabled='true'] {\n    border-color: $borderColor;\n  }\n}\n\n.multi-filter-list {\n  margin-top: 5px;\n  margin-bottom: 5px;\n\n  div {\n    white-space: nowrap;\n  }\n\n  .multi-filter-list-action {\n    display: flex;\n\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .and-or-button {\n    margin: 0 0 0 10px;\n    min-width: 58px;\n    cursor: pointer;\n  }\n  .trash-button {\n    $btn-remove-size: 22px;\n    margin: 0 0 -2px 6px;\n    cursor: pointer;\n\n    width: $btn-remove-size;\n    height: 100%;\n    font-size: 16px;\n\n    .trash-img {\n      width: 1em;\n    }\n  }\n}\n\n.add-filter-divider {\n  display: block;\n  margin: 0 -10px 10px -10px;\n\n  border-bottom: 1px solid #d9d9d9;\n  height: 10px;\n}\n\n.select-input {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n","import { Component, h, Host, Listen, Prop, State, Event, EventEmitter, VNode, Method } from '@stencil/core';\nimport { FilterType } from './filter.service';\nimport { AndOrButton, isFilterBtn, TrashButton } from './filter.button';\nimport '../../utils/closest.polifill';\nimport { LogicFunction } from './filter.types';\nimport { FilterCaptions } from './filter.plugin';\nimport debounce from 'lodash/debounce';\nimport { ColumnProp } from '../../types/interfaces';\n\nexport type FilterItem = {\n  // column id\n  prop?: ColumnProp;\n  // filter type definition\n  type?: FilterType;\n  // value for additional filtering, text value or some id\n  value?: any;\n};\n\nexport type FilterData = {\n  id: number;\n  type: FilterType;\n  value?: any;\n  relation: 'and' | 'or';\n};\n\nexport type MultiFilterItem = {\n  [prop: string]: FilterData[];\n};\n\nexport type ShowData = {\n  x: number;\n  y: number;\n} & FilterItem;\n\nconst defaultType: FilterType = 'none';\n\nconst FILTER_LIST_CLASS = 'multi-filter-list';\nconst FILTER_LIST_CLASS_ACTION = 'multi-filter-list-action';\n\n/**\n * Filter panel for editing filters\n */\n/**\n * @internal\n */\n@Component({\n  tag: 'revogr-filter-panel',\n  styleUrl: 'filter.style.scss',\n})\nexport class FilterPanel {\n  private filterCaptionsInternal: FilterCaptions = {\n    title: 'Filter by',\n    save: 'Save',\n    // drops the filter\n    reset: 'Cancel',\n    cancel: 'Close',\n  };\n  @State() isFilterIdSet = false;\n  @State() filterId = 0;\n  @State() currentFilterId = -1;\n  @State() currentFilterType: FilterType = defaultType;\n  @State() changes: ShowData | undefined;\n  @Prop({ mutable: true, reflect: true }) uuid: string;\n  @Prop() filterItems: MultiFilterItem = {};\n  @Prop() filterTypes: Record<string, string[]> = {};\n  @Prop() filterNames: Record<string, string> = {};\n  @Prop() filterEntities: Record<string, LogicFunction> = {};\n  @Prop() filterCaptions: FilterCaptions | undefined;\n  @Prop() disableDynamicFiltering = false;\n  @Event() filterChange: EventEmitter<MultiFilterItem>;\n  @Listen('mousedown', { target: 'document' }) onMouseDown(e: MouseEvent) {\n    if (this.changes && !e.defaultPrevented) {\n      const el = e.target as HTMLElement;\n      if (this.isOutside(el) && !isFilterBtn(el)) {\n        this.changes = undefined;\n      }\n    }\n  }\n  @Method() async show(newEntity?: ShowData) {\n    this.changes = newEntity;\n    if (this.changes) {\n      this.changes.type = this.changes.type || defaultType;\n    }\n  }\n\n  @Method() async getChanges() {\n    return this.changes;\n  }\n\n  componentWillRender() {\n    if (!this.isFilterIdSet) {\n      this.isFilterIdSet = true;\n      const filterItems = Object.keys(this.filterItems);\n      for (const prop of filterItems) {\n        // we set the proper filterId so there won't be any conflict when removing filters\n        this.filterId += this.filterItems[prop].length;\n      }\n    }\n  }\n\n  renderSelectOptions(type: FilterType, isDefaultTypeRemoved = false) {\n    const options: VNode[] = [];\n    const prop = this.changes?.prop;\n\n    if (!isDefaultTypeRemoved) {\n      options.push(\n        <option selected={this.currentFilterType === defaultType} value={defaultType}>\n          {prop && this.filterItems[prop] && this.filterItems[prop].length > 0 ? 'Add more condition...' : this.filterNames[defaultType]}\n        </option>,\n      );\n    }\n\n    for (let gIndex in this.filterTypes) {\n      options.push(\n        ...this.filterTypes[gIndex].map(k => (\n          <option value={k} selected={type === k}>\n            {this.filterNames[k]}\n          </option>\n        )),\n      );\n      options.push(<option disabled></option>);\n    }\n    return options;\n  }\n\n  renderExtra(prop: ColumnProp, index: number) {\n    const currentFilter = this.filterItems[prop];\n\n    if (!currentFilter) return '';\n\n    if (this.filterEntities[currentFilter[index].type].extra !== 'input') return '';\n\n    return (\n      <input\n        id={`filter-input-${currentFilter[index].id}`}\n        placeholder=\"Enter value...\"\n        type=\"text\"\n        value={currentFilter[index].value}\n        onInput={this.onUserInput.bind(this, index, prop)}\n        onKeyDown={e => this.onKeyDown(e)}\n      />\n    );\n  }\n\n  getFilterItemsList() {\n    const prop = this.changes?.prop;\n    if (!(prop || prop === 0)) return '';\n\n    const propFilters = this.filterItems[prop] || [];\n    return (\n      <div key={this.filterId}>\n        {propFilters.map((d, index) => {\n          let andOrButton;\n\n          // hide toggle button if there is only one filter and the last one\n          if (index !== this.filterItems[prop].length - 1) {\n            andOrButton = (\n              <div onClick={() => this.toggleFilterAndOr(d.id)}>\n                <AndOrButton isAnd={d.relation === 'and'} />\n              </div>\n            );\n          }\n\n          return (\n            <div key={d.id} class={FILTER_LIST_CLASS}>\n              <div class={{ 'select-input': true }}>\n                <select class=\"select-css select-filter\" onChange={e => this.onFilterTypeChange(e, prop, index)}>\n                  {this.renderSelectOptions(this.filterItems[prop][index].type, true)}\n                </select>\n                <div class={FILTER_LIST_CLASS_ACTION}>{andOrButton}</div>\n                <div onClick={() => this.onRemoveFilter(d.id)}>\n                  <TrashButton />\n                </div>\n              </div>\n              <div>{this.renderExtra(prop, index)}</div>\n            </div>\n          );\n        })}\n\n        {propFilters.length > 0 ? <div class=\"add-filter-divider\"/> : ''}\n      </div>\n    );\n  }\n  \n  render() {\n    if (!this.changes) {\n      return <Host style={{ display: 'none' }}></Host>;\n    }\n    const style = {\n      display: 'block',\n      left: `${this.changes.x}px`,\n      top: `${this.changes.y}px`,\n    };\n\n    const capts = Object.assign(this.filterCaptionsInternal, this.filterCaptions);\n\n    return (\n      <Host style={style}>\n        <label>{capts.title}</label>\n        <div class=\"filter-holder\">{this.getFilterItemsList()}</div>\n\n        <div class=\"add-filter\">\n          <select id=\"add-filter\" class=\"select-css\" onChange={e => this.onAddNewFilter(e)}>\n            {this.renderSelectOptions(this.currentFilterType)}\n          </select>\n        </div>\n        <div class=\"filter-actions\">\n          {this.disableDynamicFiltering &&\n            <button class=\"revo-button green save\"  onClick={() => this.onSave()}>\n              {capts.save}\n            </button>\n          }\n          <button class=\"revo-button light reset\" onClick={() => this.onReset()}>\n            {capts.reset}\n          </button>\n          <button class=\"revo-button light cancel\" onClick={() => this.onCancel()}>\n            {capts.cancel}\n          </button>\n        </div>\n      </Host>\n    );\n  }\n\n  private onFilterTypeChange(e: Event, prop: ColumnProp, index: number) {\n    const el = e.target as HTMLSelectElement;\n    const type = el.value as FilterType;\n\n    this.filterItems[prop][index].type = type;\n\n    // this re-renders the input to know if we need extra input\n    this.filterId++;\n\n    // adding setTimeout will wait for the next tick DOM update then focus on input\n    setTimeout(() => {\n      const input = document.getElementById('filter-input-' + this.filterItems[prop][index].id) as HTMLInputElement;\n      if (input) input.focus();\n    }, 0);\n\n    if (!this.disableDynamicFiltering) this.debouncedApplyFilter();\n  }\n\n  private debouncedApplyFilter = debounce(() => {\n    this.filterChange.emit(this.filterItems);\n  }, 400);\n\n  private onAddNewFilter(e: Event) {\n    const el = e.target as HTMLSelectElement;\n    const type = el.value as FilterType;\n\n    this.currentFilterType = type;\n    this.addNewFilterToProp();\n\n    // reset value after adding new filter\n    const select = document.getElementById('add-filter') as HTMLSelectElement;\n    if (select) {\n      select.value = defaultType;\n      this.currentFilterType = defaultType;\n    }\n\n    if (!this.disableDynamicFiltering) this.debouncedApplyFilter();\n  }\n\n  private addNewFilterToProp() {\n    const prop = this.changes?.prop;\n    if (!(prop || prop === 0)) return;\n\n    if (!this.filterItems[prop]) {\n      this.filterItems[prop] = [];\n    }\n\n    if (this.currentFilterType === 'none') return;\n\n    this.filterId++;\n    this.currentFilterId = this.filterId;\n\n    this.filterItems[prop].push({\n      id: this.currentFilterId,\n      type: this.currentFilterType,\n      value: '',\n      relation: 'and',\n    });\n\n    // adding setTimeout will wait for the next tick DOM update then focus on input\n    setTimeout(() => {\n      const input = document.getElementById('filter-input-' + this.currentFilterId) as HTMLInputElement;\n      if (input) input.focus();\n    }, 0);\n  }\n\n  private onUserInput(index: number, prop: ColumnProp, event: Event) {\n    // update the value of the filter item\n    this.filterItems[prop][index].value = (event.target as HTMLInputElement).value;\n\n    if (!this.disableDynamicFiltering) this.debouncedApplyFilter();\n  }\n\n  private onKeyDown(e: KeyboardEvent) {\n    if (e.key.toLowerCase() === 'enter') {\n      const select = document.getElementById('add-filter') as HTMLSelectElement;\n      if (select) {\n        select.value = defaultType;\n        this.currentFilterType = defaultType;\n        this.addNewFilterToProp();\n        select.focus();\n      }\n      return;\n    }\n    // keep event local, don't escalate farther to dom\n    e.stopPropagation();\n  }\n\n  private onSave() {\n    this.filterChange.emit(this.filterItems);\n  }\n\n  private onCancel() {\n    this.changes = undefined;\n  }\n\n  private onReset() {\n    this.assertChanges();\n\n    delete this.filterItems[this.changes.prop];\n\n    // this updates the DOM which is used by getFilterItemsList() key\n    this.filterId++;\n\n    this.filterChange.emit(this.filterItems);\n  }\n\n  private onRemoveFilter(id: number) {\n    this.assertChanges();\n\n    // this is for reactivity issues for getFilterItemsList()\n    this.filterId++;\n\n    const prop = this.changes.prop;\n\n    const items = this.filterItems[prop];\n    if (!items) return;\n\n    const index = items.findIndex(d => d.id === id);\n    if (index === -1) return;\n    items.splice(index, 1);\n\n    // let's remove the prop if no more filters so the filter icon will be removed\n    if (items.length === 0) delete this.filterItems[prop];\n\n    if (!this.disableDynamicFiltering) this.debouncedApplyFilter();\n  }\n\n  private toggleFilterAndOr(id: number) {\n    this.assertChanges();\n\n    // this is for reactivity issues for getFilterItemsList()\n    this.filterId++;\n\n    const prop = this.changes.prop;\n\n    const items = this.filterItems[prop];\n    if (!items) return;\n\n    const index = items.findIndex(d => d.id === id);\n    if (index === -1) return;\n\n    items[index].relation = items[index].relation === 'and' ? 'or' : 'and';\n    if (!this.disableDynamicFiltering) this.debouncedApplyFilter();\n  }\n\n  private assertChanges() {\n    if (!this.changes) {\n      throw new Error('Changes required per edit');\n    }\n  }\n\n  private isOutside(e: HTMLElement | null) {\n    const select = document.getElementById('add-filter') as HTMLSelectElement;\n    if (select) select.value = defaultType;\n\n    this.currentFilterType = defaultType;\n    this.changes.type = defaultType;\n    this.currentFilterId = -1;\n    if (e.classList.contains(`[uuid=\"${this.uuid}\"]`)) {\n      return false;\n    }\n    return !e?.closest(`[uuid=\"${this.uuid}\"]`);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/revo-grid/selection.store-2577ddf9.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import{k as t,l as e}from"./dimension.helpers-a3065cb1.js";const i=-1;class s{constructor(){this.dirty=false;this.stores={};this.columnStores={};this.rowStores={};this.storesByType={};this.storesXToType={};this.storesYToType={};this.sections=[]}get focusedStore(){var t;for(let e in this.stores){for(let i in this.stores[e]){const s=(t=this.stores[e][i])===null||t===void 0?void 0:t.store.get("focus");if(s){return{entity:this.stores[e][i],cell:s,position:{x:parseInt(i,10),y:parseInt(e,10)}}}}}return null}get edit(){var t;return(t=this.focusedStore)===null||t===void 0?void 0:t.entity.store.get("edit")}get focused(){var t;return(t=this.focusedStore)===null||t===void 0?void 0:t.entity.store.get("focus")}get selectedRange(){var t;return(t=this.focusedStore)===null||t===void 0?void 0:t.entity.store.get("range")}registerSection(t){if(!t){this.sections.length=0;this.dirty=true;return}if(this.sections.indexOf(t)===-1){this.sections.push(t)}}beforeUpdate(){if(this.dirty){for(let t in this.stores){for(let e in this.stores[t]){this.stores[t][e].dispose()}}this.dirty=false}}registerColumn(t,e){if(n(t)){return new f}if(this.columnStores[t]){return this.columnStores[t]}this.columnStores[t]=new f;this.storesByType[e]=t;this.storesXToType[t]=e;return this.columnStores[t]}registerRow(t,e){if(n(t)){return new f}if(this.rowStores[t]){return this.rowStores[t]}this.rowStores[t]=new f;this.storesByType[e]=t;this.storesYToType[t]=e;return this.rowStores[t]}register({x:t,y:e}){var i,s;if(n(t)||n(e)){return new f}if(!this.stores[e]){this.stores[e]={}}if(this.stores[e][t]){return this.stores[e][t]}this.stores[e][t]=new f;(i=this.stores[e][t])===null||i===void 0?void 0:i.onChange("range",(i=>{this.columnStores[t].setRangeArea(i);this.rowStores[e].setRangeArea(i)}));(s=this.stores[e][t])===null||s===void 0?void 0:s.store.on("dispose",(()=>this.destroy(t,e)));return this.stores[e][t]}destroy(t,e){var i,s;(i=this.columnStores[t])===null||i===void 0?void 0:i.dispose();(s=this.rowStores[e])===null||s===void 0?void 0:s.dispose();delete this.rowStores[e];delete this.columnStores[t];if(this.storesXToType[t]){const e=this.storesXToType[t];delete this.storesXToType[t];delete this.storesByType[e]}if(this.storesYToType[e]){const t=this.storesYToType[e];delete this.storesYToType[e];delete this.storesByType[t]}if(this.stores[e]){delete this.stores[e][t]}if(!Object.keys(this.stores[e]||{}).length){delete this.stores[e]}}setEditByCell(t,e){this.focusByCell(t,e,e);this.setEdit("")}focusByCell(t,e,i){const s=this.stores[t.y][t.x];this.focus(s,{focus:e,end:i})}focus(t,{focus:e,end:i}){let s;for(let e in this.stores){for(let i in this.stores[e]){const n=this.stores[e][i];if(n!==t){n.clearFocus()}else{s={x:parseInt(i,10),y:parseInt(e,10)}}}}if(!s){return null}const n=t.store.get("lastCell");const h=l(e,n);let o;if(h){for(let t in h){let e=t;let i;switch(e){case"x":i=this.getXStores(s.y);break;case"y":i=this.getYStores(s.x);break}if(h[e]>=0){o=i[++s[e]]}else{o=i[--s[e]];const t=o===null||o===void 0?void 0:o.store.get("lastCell");if(t){h[e]=t[e]+h[e]}}}}if(o){let t=Object.assign(Object.assign({},e),h);this.focus(o,{focus:t,end:t});return null}e=r(e,n);i=r(i,n);t.setFocus(e,i);return e}clearAll(){var t;for(let e in this.stores){for(let i in this.stores[e]){(t=this.stores[e][i])===null||t===void 0?void 0:t.clearFocus()}}}setEdit(t){if(!this.focusedStore){return}this.focusedStore.entity.setEdit(t)}selectAll(){for(let t in this.stores){for(let e in this.stores[t]){const i=this.stores[t][e];if(!i){continue}const s=i.store.get("lastCell");i.setRange({x:0,y:0},{x:s.x-1,y:s.y-1})}}}getXStores(t){return this.stores[t]}getYStores(t){const e={};for(let i in this.stores){e[i]=this.stores[i][t]}return e}}function n(t){return t===i}function l(t,e){const i={};let s=["x","y"];for(let e of s){if(t[e]<0){i[e]=t[e];return i}}for(let n of s){if(t[n]>=e[n]){i[n]=t[n]-e[n];return i}}return null}function r(t,e){const i=Object.assign({},t);let s=["x","y"];for(let e of s){if(t[e]<0){i[e]=0}}for(let n of s){if(t[n]>=e[n]){i[n]=e[n]-1}}return i}function h(t,e){return t&&e?{x:Math.min(t.x,e.x),y:Math.min(t.y,e.y),x1:Math.max(t.x,e.x),y1:Math.max(t.y,e.y)}:null}function o(t){return t.x===t.x1&&t.y===t.y1}function u(){return{range:null,tempRange:null,tempRangeType:null,focus:null,edit:null,lastCell:null}}class f{constructor(){this.unsubscribe=[];this.store=t(u());this.store.on("set",((t,e)=>{if(t==="tempRange"&&!e){this.store.set("tempRangeType",null)}}))}onChange(t,e){this.unsubscribe.push(this.store.onChange(t,e))}clearFocus(){e(this.store,{focus:null,range:null,edit:null,tempRange:null})}setFocus(t,i){if(!i){e(this.store,{focus:t})}else{e(this.store,{focus:t,range:h(t,i),edit:null,tempRange:null})}}setTempArea(t){e(this.store,{tempRange:t===null||t===void 0?void 0:t.area,tempRangeType:t===null||t===void 0?void 0:t.type,edit:null})}clearTemp(){e(this.store,{tempRange:null})}setRangeArea(t){e(this.store,{range:t,edit:null,tempRange:null})}setRange(t,e){this.setRangeArea(h(t,e))}setLastCell(t){e(this.store,{lastCell:t})}setEdit(t){const i=this.store.get("focus");if(i&&typeof t==="string"){e(this.store,{edit:{x:i.x,y:i.y,val:t}});return}e(this.store,{edit:null})}dispose(){this.unsubscribe.forEach((t=>t()));this.store.dispose()}}export{i as E,f as S,o as a,s as b,r as c,h as g,n as i,l as n};
+//# sourceMappingURL=selection.store-2577ddf9.js.map

package/dist/revo-grid/selection.store-2577ddf9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EMPTY_INDEX","SelectionStoreConnector","constructor","this","dirty","stores","columnStores","rowStores","storesByType","storesXToType","storesYToType","sections","focusedStore","y","x","focused","_a","store","get","entity","cell","position","parseInt","edit","selectedRange","registerSection","e","length","indexOf","push","beforeUpdate","dispose","registerColumn","type","isHiddenStore","SelectionStore","registerRow","register","onChange","c","setRangeArea","_b","on","destroy","Object","keys","setEditByCell","storePos","editCell","focusByCell","setEdit","start","end","focus","currentStorePointer","s","clearFocus","lastCell","nextItem","nextCell","nextStore","i","getXStores","getYStores","nextLastCell","item","assign","cropCellToMax","setFocus","clearAll","val","selectAll","setRange","pos","types","t","newCell","getRange","Math","min","x1","max","y1","isRangeSingleCell","a","defaultState","range","tempRange","tempRangeType","unsubscribe","createStore","key","newVal","set","propName","cb","setStore","setTempArea","area","clearTemp","setLastCell","forEach","f"],"sources":["src/services/selection.store.connector.ts","src/store/selection/selection.helpers.ts","src/store/selection/selection.store.ts"],"sourcesContent":["import { cropCellToMax, isHiddenStore, nextCell } from '../store/selection/selection.helpers';\nimport { SelectionStore } from '../store/selection/selection.store';\nimport { MultiDimensionType, DimensionCols, DimensionRows } from '..';\nimport { Cell, EditCellStore, RangeArea } from '..';\n\ntype StoreByDimension = Record<number, SelectionStore>;\ntype FocusedStore = {\n  entity: SelectionStore;\n  cell: Cell;\n  position: Cell;\n};\n\ntype StoresMapping<T> = { [xOrY: number]: Partial<T> };\n\nexport const EMPTY_INDEX = -1;\n\nexport default class SelectionStoreConnector {\n  // dirty flag required to cleanup whole store in case visibility of panels changed\n  private dirty = false;\n  readonly stores: { [y: number]: { [x: number]: SelectionStore } } = {};\n\n  readonly columnStores: StoreByDimension = {};\n  readonly rowStores: { [y: number]: SelectionStore } = {};\n\n  /**\n   * Helpers for data conversion\n   */\n  readonly storesByType: Partial<Record<MultiDimensionType, number>> = {};\n  readonly storesXToType: StoresMapping<DimensionCols> = {};\n  readonly storesYToType: StoresMapping<DimensionRows> = {};\n\n  get focusedStore(): FocusedStore | null {\n    for (let y in this.stores) {\n      for (let x in this.stores[y]) {\n        const focused = this.stores[y][x]?.store.get('focus');\n        if (focused) {\n          return {\n            entity: this.stores[y][x],\n            cell: focused,\n            position: {\n              x: parseInt(x, 10),\n              y: parseInt(y, 10),\n            },\n          };\n        }\n      }\n    }\n    return null;\n  }\n\n  get edit(): EditCellStore | undefined {\n    return this.focusedStore?.entity.store.get('edit');\n  }\n\n  get focused(): Cell | undefined {\n    return this.focusedStore?.entity.store.get('focus');\n  }\n\n  get selectedRange(): RangeArea | undefined {\n    return this.focusedStore?.entity.store.get('range');\n  }\n\n  private readonly sections: Element[] = [];\n\n  registerSection(e?: Element) {\n    if (!e) {\n      this.sections.length = 0;\n      // some elements removed, rebuild stores\n      this.dirty = true;\n      return;\n    }\n    if (this.sections.indexOf(e) === -1) {\n      this.sections.push(e);\n    }\n  }\n\n  // check if require to cleanup all stores\n  beforeUpdate() {\n    if (this.dirty) {\n      for (let y in this.stores) {\n        for (let x in this.stores[y]) {\n          this.stores[y][x].dispose();\n        }\n      }\n      this.dirty = false;\n    }\n  }\n\n  registerColumn(x: number, type: DimensionCols): SelectionStore {\n\n    // if hidden just create store but no operations needed\n    if (isHiddenStore(x)) {\n      return new SelectionStore();\n    }\n    if (this.columnStores[x]) {\n      return this.columnStores[x];\n    }\n    this.columnStores[x] = new SelectionStore();\n    // build cross linking type to position\n    this.storesByType[type] = x;\n    this.storesXToType[x] = type;\n    return this.columnStores[x];\n  }\n\n  registerRow(y: number, type: DimensionRows): SelectionStore {\n    // if hidden just create store\n    if (isHiddenStore(y)) {\n      return new SelectionStore();\n    }\n    if (this.rowStores[y]) {\n      return this.rowStores[y];\n    }\n    this.rowStores[y] = new SelectionStore();\n    // build cross linking type to position\n    this.storesByType[type] = y;\n    this.storesYToType[y] = type;\n    return this.rowStores[y];\n  }\n\n  /**\n   * Cross store proxy, based on multiple dimensions\n   */\n  register({ x, y }: Cell): SelectionStore {\n    // if hidden just create store\n    if (isHiddenStore(x) || isHiddenStore(y)) {\n      return new SelectionStore();\n    }\n    if (!this.stores[y]) {\n      this.stores[y] = {};\n    }\n    if (this.stores[y][x]) {\n      // Store already registered. Do not register twice\n      return this.stores[y][x];\n    }\n    this.stores[y][x] = new SelectionStore();\n    // proxy update, column store trigger only range area\n    this.stores[y][x]?.onChange('range', c => {\n      this.columnStores[x].setRangeArea(c);\n      this.rowStores[y].setRangeArea(c);\n    });\n    // clean up on remove\n    this.stores[y][x]?.store.on('dispose', () => this.destroy(x, y));\n    return this.stores[y][x];\n  }\n\n  private destroy(x: number, y: number) {\n    this.columnStores[x]?.dispose();\n    this.rowStores[y]?.dispose();\n\n    delete this.rowStores[y];\n    delete this.columnStores[x];\n    // clear x cross link\n    if (this.storesXToType[x]) {\n      const type = this.storesXToType[x];\n      delete this.storesXToType[x];\n      delete this.storesByType[type];\n    }\n    // clear y cross link\n    if (this.storesYToType[y]) {\n      const type = this.storesYToType[y];\n      delete this.storesYToType[y];\n      delete this.storesByType[type];\n    }\n    if (this.stores[y]) {\n      delete this.stores[y][x];\n    }\n    // clear empty rows\n    if (!Object.keys(this.stores[y] || {}).length) {\n      delete this.stores[y];\n    }\n  }\n\n  setEditByCell<T extends Cell>(storePos: T, editCell: T) {\n    this.focusByCell(storePos, editCell, editCell);\n    this.setEdit('');\n  }\n\n  focusByCell<T extends Cell>(storePos: T, start: T, end: T) {\n    const store = this.stores[storePos.y][storePos.x];\n    this.focus(store, { focus: start, end });\n  }\n\n  focus(store: SelectionStore, { focus, end }: { focus: Cell; end: Cell }) {\n    let currentStorePointer: Cell;\n    // clear all stores focus leave only active one\n    for (let y in this.stores) {\n      for (let x in this.stores[y]) {\n        const s = this.stores[y][x];\n        // clear other stores, only one area can be selected\n        if (s !== store) {\n          s.clearFocus();\n        } else {\n          currentStorePointer = { x: parseInt(x, 10), y: parseInt(y, 10) };\n        }\n      }\n    }\n    if (!currentStorePointer) {\n      return null;\n    }\n\n    // check is focus in next store\n    const lastCell = store.store.get('lastCell');\n    // item in new store\n    const nextItem: Partial<Cell> | null = nextCell(focus, lastCell);\n\n    let nextStore;\n    if (nextItem) {\n      for (let i in nextItem) {\n        let type: keyof Cell = i as keyof Cell;\n        let stores;\n        switch (type) {\n          case 'x':\n            stores = this.getXStores(currentStorePointer.y);\n            break;\n          case 'y':\n            stores = this.getYStores(currentStorePointer.x);\n            break;\n        }\n        if (nextItem[type] >= 0) {\n          nextStore = stores[++currentStorePointer[type]];\n        } else {\n          nextStore = stores[--currentStorePointer[type]];\n          const nextLastCell = nextStore?.store.get('lastCell');\n          if (nextLastCell) {\n            nextItem[type] = nextLastCell[type] + nextItem[type];\n          }\n        }\n      }\n    }\n    // if next store present - update\n    if (nextStore) {\n      let item = { ...focus, ...nextItem };\n      this.focus(nextStore, { focus: item, end: item });\n      return null;\n    }\n\n    focus = cropCellToMax(focus, lastCell);\n    end = cropCellToMax(end, lastCell);\n\n    store.setFocus(focus, end);\n    return focus;\n  }\n\n  clearAll() {\n    for (let y in this.stores) {\n      for (let x in this.stores[y]) {\n        this.stores[y][x]?.clearFocus();\n      }\n    }\n  }\n\n  setEdit(val: string | boolean) {\n    if (!this.focusedStore) {\n      return;\n    }\n    this.focusedStore.entity.setEdit(val);\n  }\n\n  /**\n   * Select all cells across all stores\n   */\n  selectAll() {\n    for (let y in this.stores) {\n      for (let x in this.stores[y]) {\n        const store = this.stores[y][x];\n        if (!store) {\n          continue;\n        }\n        const lastCell = store.store.get('lastCell');\n        store.setRange({ x: 0, y: 0 }, { x: lastCell.x - 1, y: lastCell.y - 1 });\n      }\n    }\n  }\n\n  private getXStores(y: number) {\n    return this.stores[y];\n  }\n\n  private getYStores(x: number) {\n    const stores: { [p: number]: SelectionStore } = {};\n    for (let i in this.stores) {\n      stores[i] = this.stores[i][x];\n    }\n    return stores;\n  }\n}\n","import { EMPTY_INDEX } from '../../services/selection.store.connector';\nimport { Cell, RangeArea } from '../..';\n\nexport function isHiddenStore(pos: number) {\n  return pos === EMPTY_INDEX;\n}\n\nexport function nextCell(cell: Cell, lastCell: Cell): Partial<Cell> | null {\n  const nextItem: Partial<Cell> = {};\n  let types: (keyof Cell)[] = ['x', 'y'];\n\n  // previous item check\n  for (let t of types) {\n    if (cell[t] < 0) {\n      nextItem[t] = cell[t];\n      return nextItem;\n    }\n  }\n  // next item check\n  for (let t of types) {\n    if (cell[t] >= lastCell[t]) {\n      nextItem[t] = cell[t] - lastCell[t];\n      return nextItem;\n    }\n  }\n  return null;\n}\n\nexport function cropCellToMax(cell: Cell, lastCell: Cell): Cell {\n  const newCell: Cell = { ...cell };\n  let types: (keyof Cell)[] = ['x', 'y'];\n  // previous item check\n  for (let t of types) {\n    if (cell[t] < 0) {\n      newCell[t] = 0;\n    }\n  }\n  // next item check\n  for (let t of types) {\n    if (cell[t] >= lastCell[t]) {\n      newCell[t] = lastCell[t] - 1;\n    }\n  }\n  return newCell;\n}\n\nexport function getRange(start?: Cell, end?: Cell): RangeArea | null {\n  return start && end\n    ? {\n        x: Math.min(start.x, end.x),\n        y: Math.min(start.y, end.y),\n        x1: Math.max(start.x, end.x),\n        y1: Math.max(start.y, end.y),\n      }\n    : null;\n}\n\nexport function isRangeSingleCell(a: RangeArea): boolean {\n  return a.x === a.x1 && a.y === a.y1;\n}\n","/**\n * Selection store\n */\n\nimport { createStore } from '@stencil/store';\nimport { setStore } from '../../utils/store.utils';\nimport { getRange } from './selection.helpers';\nimport { Observable } from '../..';\nimport { SelectionStoreState, Cell, TempRange, RangeArea } from '../..';\n\n\nfunction defaultState(): SelectionStoreState {\n  return {\n    range: null,\n    tempRange: null,\n    tempRangeType: null,\n    focus: null,\n    edit: null,\n    lastCell: null,\n  };\n}\n\nexport class SelectionStore {\n  readonly store: Observable<SelectionStoreState>;\n  private unsubscribe: { (): void }[] = [];\n  constructor() {\n    this.store = createStore(defaultState());\n    this.store.on('set', (key, newVal) => {\n      if (key === 'tempRange' && !newVal) {\n        this.store.set('tempRangeType', null);\n      }\n    });\n  }\n\n  onChange<Key extends keyof SelectionStoreState>(propName: Key, cb: (newValue: SelectionStoreState[Key]) => void) {\n    this.unsubscribe.push(this.store.onChange(propName, cb));\n  }\n\n  clearFocus() {\n    setStore(this.store, { focus: null, range: null, edit: null, tempRange: null });\n  }\n\n  setFocus(focus: Cell, end?: Cell) {\n    if (!end) {\n      setStore(this.store, { focus });\n    } else {\n      setStore(this.store, {\n        focus,\n        range: getRange(focus, end),\n        edit: null,\n        tempRange: null,\n      });\n    }\n  }\n\n  setTempArea(range: TempRange | null) {\n    setStore(this.store, { tempRange: range?.area, tempRangeType: range?.type, edit: null });\n  }\n\n  clearTemp() {\n    setStore(this.store, { tempRange: null });\n  }\n\n  /** Can be applied from selection change or from simple keyboard change clicks */\n  setRangeArea(range: RangeArea) {\n    setStore(this.store, { range, edit: null, tempRange: null });\n  }\n  setRange(start: Cell, end: Cell) {\n    this.setRangeArea(getRange(start, end));\n  }\n\n  setLastCell(lastCell: Cell) {\n    setStore(this.store, { lastCell });\n  }\n\n  setEdit(val: string | boolean) {\n    const focus = this.store.get('focus');\n    if (focus && typeof val === 'string') {\n      setStore(this.store, {\n        edit: { x: focus.x, y: focus.y, val },\n      });\n      return;\n    }\n    setStore(this.store, { edit: null });\n  }\n\n  dispose() {\n    this.unsubscribe.forEach(f => f());\n    this.store.dispose();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/revo-grid/storeTypes-f2647985.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+class t{constructor(t,i){this.revogrid=t;this.providers=i;this.subscriptions={}}addEventListener(t,i){this.revogrid.addEventListener(t,i);this.subscriptions[t]=i}watch(t,i,{immediate:e}={immediate:false}){const s=Object.getOwnPropertyDescriptor(this.revogrid,t)||Object.getOwnPropertyDescriptor(this.revogrid.constructor.prototype,t);Object.defineProperty(this.revogrid,t,{set(t){var e;const n=i(t);if(n===false){return}return(e=s===null||s===void 0?void 0:s.set)===null||e===void 0?void 0:e.call(this,t)},get(){var t;return(t=s===null||s===void 0?void 0:s.get)===null||t===void 0?void 0:t.call(this)}});if(e){i(s===null||s===void 0?void 0:s.value)}}removeEventListener(t){this.revogrid.removeEventListener(t,this.subscriptions[t]);delete this.subscriptions[t]}emit(t,i){const e=new CustomEvent(t,{detail:i,cancelable:true});this.revogrid.dispatchEvent(e);return e}clearSubscriptions(){for(let t in this.subscriptions){this.removeEventListener(t)}}destroy(){this.clearSubscriptions()}}const i=["rowPinStart","rgRow","rowPinEnd"];const e=["colPinStart","rgCol","colPinEnd"];function s(t){return i.indexOf(t)>-1}export{t as B,e as c,s as i,i as r};
+//# sourceMappingURL=storeTypes-f2647985.js.map

package/dist/revo-grid/storeTypes-f2647985.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BasePlugin","constructor","revogrid","providers","this","subscriptions","addEventListener","eventName","callback","watch","prop","immediate","nativeValueDesc","Object","getOwnPropertyDescriptor","prototype","defineProperty","set","val","keepDefault","_a","call","get","value","removeEventListener","emit","detail","event","CustomEvent","cancelable","dispatchEvent","clearSubscriptions","type","destroy","rowTypes","columnTypes","isRowType","indexOf"],"sources":["src/plugins/base.plugin.ts","src/store/storeTypes.ts"],"sourcesContent":["import { PluginProviders, PluginBaseComponent } from '..';\n\ntype WatchConfig = { immediate: boolean };\n\n/**\n * Base layer for plugins\n * Provide minimal starting core for plugins to work\n * Extend this class to create plugin\n */\nexport class BasePlugin implements PluginBaseComponent {\n  protected readonly subscriptions: Record<string, (...args: any[]) => void> = {};\n  constructor(protected revogrid: HTMLRevoGridElement, protected providers: PluginProviders) {}\n  /**\n   *\n   * @param eventName - event name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')\n   * @param callback - callback function for event\n   */\n  protected addEventListener(\n    eventName: string,\n    callback: (e: CustomEvent) => void,\n  ) {\n    this.revogrid.addEventListener(eventName, callback);\n    this.subscriptions[eventName] = callback;\n  }\n\n  /**\n   * Subscribe to property change in revo-grid component\n   * You can return false in callback to prevent default value set\n   *\n   * @param prop - property name\n   * @param callback - callback function\n   * @param immediate - trigger callback immediately with current value\n   */\n  protected watch<T extends any>(\n    prop: string,\n    callback: (arg: T) => boolean | void,\n    { immediate }: Partial<WatchConfig> = { immediate: false },\n  ) {\n    const nativeValueDesc =\n      Object.getOwnPropertyDescriptor(this.revogrid, prop) ||\n      Object.getOwnPropertyDescriptor(this.revogrid.constructor.prototype, prop);\n\n    // Overwrite property descriptor for this instance\n    Object.defineProperty(this.revogrid, prop, {\n      set(val: T) {\n        const keepDefault = callback(val);\n        if (keepDefault === false) {\n          return;\n        }\n        // Continue with native behavior\n        return nativeValueDesc?.set?.call(this, val);\n      },\n      get() {\n        // Continue with native behavior\n        return nativeValueDesc?.get?.call(this);\n      },\n    });\n    if (immediate) {\n      callback(nativeValueDesc?.value);\n    }\n  }\n\n  /**\n   * Remove event listener\n   * @param eventName\n   */\n  protected removeEventListener(eventName: string) {\n    this.revogrid.removeEventListener(eventName, this.subscriptions[eventName]);\n    delete this.subscriptions[eventName];\n  }\n\n  /**\n   * Emit event from revo-grid component\n   * Event can be cancelled by calling event.preventDefault() in callback\n   */\n  protected emit(eventName: string, detail?: any) {\n    const event = new CustomEvent(eventName, { detail, cancelable: true });\n    this.revogrid.dispatchEvent(event);\n    return event;\n  }\n\n  /**\n   * Clear all subscriptions\n   */\n  protected clearSubscriptions() {\n    for (let type in this.subscriptions) {\n      this.removeEventListener(type);\n    }\n  }\n\n  /**\n   * Destroy plugin and clear all subscriptions\n   */\n  destroy() {\n    this.clearSubscriptions();\n  }\n}\n","import { DimensionCols, DimensionRows } from '..';\n\nexport const rowTypes: DimensionRows[] = ['rowPinStart', 'rgRow', 'rowPinEnd'];\nexport const columnTypes: DimensionCols[] = [\n  'colPinStart',\n  'rgCol',\n  'colPinEnd',\n];\n\nexport function isRowType(type: DimensionRows | any): type is DimensionRows {\n  return rowTypes.indexOf(type) > -1;\n}\n"],"mappings":";;;MASaA,EAEX,WAAAC,CAAsBC,EAAyCC,GAAzCC,KAAAF,WAAyCE,KAAAD,YAD5CC,KAAAC,cAA0D,E,CAOnE,gBAAAC,CACRC,EACAC,GAEAJ,KAAKF,SAASI,iBAAiBC,EAAWC,GAC1CJ,KAAKC,cAAcE,GAAaC,C,CAWxB,KAAAC,CACRC,EACAF,GACAG,UAAEA,GAAoC,CAAEA,UAAW,QAEnD,MAAMC,EACJC,OAAOC,yBAAyBV,KAAKF,SAAUQ,IAC/CG,OAAOC,yBAAyBV,KAAKF,SAASD,YAAYc,UAAWL,GAGvEG,OAAOG,eAAeZ,KAAKF,SAAUQ,EAAM,CACzC,GAAAO,CAAIC,G,MACF,MAAMC,EAAcX,EAASU,GAC7B,GAAIC,IAAgB,MAAO,CACzB,M,CAGF,OAAOC,EAAAR,IAAe,MAAfA,SAAe,SAAfA,EAAiBK,OAAG,MAAAG,SAAA,SAAAA,EAAEC,KAAKjB,KAAMc,E,EAE1C,GAAAI,G,MAEE,OAAOF,EAAAR,IAAe,MAAfA,SAAe,SAAfA,EAAiBU,OAAG,MAAAF,SAAA,SAAAA,EAAEC,KAAKjB,K,IAGtC,GAAIO,EAAW,CACbH,EAASI,IAAe,MAAfA,SAAe,SAAfA,EAAiBW,M,EAQpB,mBAAAC,CAAoBjB,GAC5BH,KAAKF,SAASsB,oBAAoBjB,EAAWH,KAAKC,cAAcE,WACzDH,KAAKC,cAAcE,E,CAOlB,IAAAkB,CAAKlB,EAAmBmB,GAChC,MAAMC,EAAQ,IAAIC,YAAYrB,EAAW,CAAEmB,SAAQG,WAAY,OAC/DzB,KAAKF,SAAS4B,cAAcH,GAC5B,OAAOA,C,CAMC,kBAAAI,GACR,IAAK,IAAIC,KAAQ5B,KAAKC,cAAe,CACnCD,KAAKoB,oBAAoBQ,E,EAO7B,OAAAC,GACE7B,KAAK2B,oB,QC5FIG,EAA4B,CAAC,cAAe,QAAS,a,MACrDC,EAA+B,CAC1C,cACA,QACA,a,SAGcC,EAAUJ,GACxB,OAAOE,EAASG,QAAQL,IAAS,CACnC,Q","ignoreList":[]}

package/dist/revo-grid/throttle-cfd527d6.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import{s as t}from"./index-98fd0168.js";import{d as i}from"./debounce-7781346d.js";import{i as r}from"./toNumber-8de324a7.js";const s={contentSize:0,clientSize:0,virtualSize:0,maxSize:0};const e=-1;function n(t,i,r=0){return t+(r?i-r:0)}class o{constructor(t){this.cfg=t;this.preventArtificialScroll={rgRow:null,rgCol:null};this.previousScroll={rgRow:e,rgCol:e};this.params={rgRow:Object.assign({},s),rgCol:Object.assign({},s)}}setParams(t,i){const r=n(t.contentSize,t.clientSize,t.virtualSize);this.params[i]=Object.assign(Object.assign({},t),{maxSize:r-t.clientSize,virtualContentSize:r})}async setScroll(t){this.cancelScroll(t.dimension);const i=new Promise(((i,r)=>{if(this.cfg.skipAnimationFrame){return i()}const s=window.requestAnimationFrame((()=>{i()}));this.preventArtificialScroll[t.dimension]=r.bind(null,s)}));try{await i;const r=this.getParams(t.dimension);t.coordinate=Math.ceil(t.coordinate);this.previousScroll[t.dimension]=this.wrapCoordinate(t.coordinate,r);this.preventArtificialScroll[t.dimension]=null;this.cfg.applyScroll(Object.assign(Object.assign({},t),{coordinate:r.virtualSize?this.convert(t.coordinate,r,false):t.coordinate}))}catch(t){window.cancelAnimationFrame(t)}}scroll(t,i,r=false,s,n=false){this.cancelScroll(i);if(!r&&this.previousScroll[i]===t){this.previousScroll[i]=e;return}const o=this.getParams(i);this.cfg.runScroll({dimension:i,coordinate:o.virtualSize?this.convert(t,o):t,delta:s,outside:n})}getParams(t){return this.params[t]}wrapCoordinate(t,i){if(t<0){return e}if(t>i.maxSize){return i.maxSize}return t}cancelScroll(t){var i,r;(r=(i=this.preventArtificialScroll)[t])===null||r===void 0?void 0:r.call(i);this.preventArtificialScroll[t]=null}convert(i,r,s=true){const e=r.clientSize;const n=[0,r.virtualContentSize-e];const o=[0,r.contentSize-r.virtualSize];if(s){return t(i,n,o)}return t(i,o,n)}}class a{constructor(t=10){this.scrollThrottling=t;this.mouseWheelScrollTimestamp={rgCol:0,rgRow:0};this.lastKnownScrollCoordinate={rgCol:0,rgRow:0}}setCoordinate(t){this.lastKnownScrollCoordinate[t.dimension]=t.coordinate}latestScrollUpdate(t){this.mouseWheelScrollTimestamp[t]=(new Date).getTime()}isReady(t,i){const r=(new Date).getTime()-this.mouseWheelScrollTimestamp[t];return r>this.scrollThrottling&&i!==this.lastKnownScrollCoordinate[t]}}var c=i,l=r;var h="Expected a function";function u(t,i,r){var s=true,e=true;if(typeof t!="function"){throw new TypeError(h)}if(l(r)){s="leading"in r?!!r.leading:s;e="trailing"in r?!!r.trailing:e}return c(t,i,{leading:s,maxWait:i,trailing:e})}var d=u;export{a as L,o as a,n as g,d as t};
+//# sourceMappingURL=throttle-cfd527d6.js.map