@revolist/revogrid 4.23.17 → 4.23.19

package/standalone/revogr-filter-panel.js

@@ -1,4 +1,4 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as r,Host as o,transformTag as l}from"@stencil/core/internal/client";import{d as s}from"./debounce.js";import{i as n,e as a,f as d,d as c}from"./filter.button.js";Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(t){let e=this;do{if(Element.prototype.matches.call(e,t))return e;e=e.parentElement||e.parentNode}while(null!==e&&1===e.nodeType);return null});const h="text/revogrid-filter-id";function f(t,e,i){if(e===i)return!1;const r=t.findIndex((t=>t.id===e)),o=t.findIndex((t=>t.id===i));if(-1===r||-1===o||r===o)return!1;const l=t.map((t=>{var e;return null!==(e=t.relation)&&void 0!==e?e:"and"})),[s]=t.splice(r,1);return t.splice(o,0,s),t.forEach(((e,i)=>{var r;e.relation=i===t.length-1?"and":null!==(r=l[i])&&void 0!==r?r:"and"})),!0}const p="none",u="add-filter",g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.filterChange=i(this,"filterChange",7),this.resetChange=i(this,"resetChange",7),this.filterCaptionsInternal={title:"Filter by",ok:"Close",save:"Save",reset:"Reset",cancel:"Cancel",add:"Add condition",placeholder:"Enter value...",and:"and",or:"or",filterCondition:"Filter condition",removeFilter:"Remove filter",reorderFilter:"Reorder filter"},this.isFilterIdSet=!1,this.filterId=0,this.currentFilterId=-1,this.currentFilterType=p,this.filterItems={},this.filterNames={},this.filterEntities={},this.disableDynamicFiltering=!1,this.closeOnOutsideClick=!0,this.debouncedApplyFilter=s((()=>{this.filterChange.emit(this.filterItems)}),400)}onMouseDown(t){if(!this.changes)return;const i=t.composedPath(),r=document.getElementById(u);if(r instanceof HTMLSelectElement){if(i.includes(r))return;r.value=p}this.currentFilterType=p,this.changes&&(this.changes.type=p),this.currentFilterId=-1;const o=!i.includes(this.element);t.target instanceof e&&o&&!n(t.target)&&this.closeOnOutsideClick&&(this.changes=void 0)}async show(t){this.changes=t,this.filterItems=(null==t?void 0:t.filterItems)||{},this.changes&&(this.changes.type=this.changes.type||p)}async getChanges(){return this.changes}componentWillRender(){if(!this.isFilterIdSet){this.isFilterIdSet=!0;const t=Object.keys(this.filterItems);for(const e of t)this.filterId+=this.filterItems[e].length}}getFilterItemsList(){var t,e;const i=null===(t=this.changes)||void 0===t?void 0:t.prop;if(void 0===i)return"";const o=null!==(e=this.filterItems[i])&&void 0!==e?e:[],l=o.filter((t=>!t.hidden)).length,s=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions);return r("div",{key:this.filterId},r("ul",{class:"multi-filter-list-container"},o.map(((t,e)=>{let o;if(t.hidden)return;e!==this.filterItems[i].length-1&&(o=r(a,{text:"and"===t.relation?s.and:s.or,onClick:()=>this.toggleFilterAndOr(t.id)}));const n=this.renderExtra(i,e),h=this.draggedFilterId===t.id,f=this.dragOverFilterId===t.id&&!h,p=l>1;return r("li",{key:t.id,class:"multi-filter-list","aria-label":`${s.filterCondition} ${e+1}`},r("div",{class:{"multi-filter-list-row":!0,"filter-row-drop-active":void 0!==this.draggedFilterId&&!h,"filter-row-dragging":h,"filter-row-drag-over":f}},p?r("button",{type:"button",class:"filter-row-drop-target",tabIndex:-1,"aria-label":`${s.filterCondition} ${e+1}`,onDragOver:e=>this.onFilterDragOver(e,t.id),onDragLeave:()=>this.onFilterDragLeave(t.id),onDrop:e=>this.onFilterDrop(e,i,t.id)}):"",p?r(d,{ariaLabel:s.reorderFilter,dragging:h,dragOver:f,onDragStart:e=>this.onFilterDragStart(e,t.id),onDragEnd:()=>this.onFilterDragEnd(),onKeyDown:e=>this.onFilterReorderKeyDown(e,i,t.id)}):"",r("div",{class:{"select-input":!0}},r("select",{class:"select-css select-filter",onChange:t=>this.onFilterTypeChange(t,i,e)},this.renderSelectOptions(this.filterItems[i][e].type,!0)),n?r("div",{class:"filter-extra"},n):""),r("div",{class:"multi-filter-list-action"},o,r(c,{ariaLabel:s.removeFilter,onClick:()=>this.onRemoveFilter(t.id)}))))}))),o.filter((t=>!t.hidden)).length>0?r("div",{class:"add-filter-divider"}):"")}componentDidRender(){this.syncDialog()}syncDialog(){this.dialog&&(this.changes?(this.dialog.open||this.dialog.show(),!1!==this.changes.autoCorrect&&(this.autoCorrect(this.dialog),requestAnimationFrame((()=>this.autoCorrect(this.dialog))))):this.dialog.open&&this.dialog.close())}autoCorrect(t){var e;if(!t||!this.changes)return;t.style.maxHeight="",t.style.left=this.changes.x+"px",t.style.top=this.changes.y+"px";const i=t.getBoundingClientRect(),r=null!==(e=this.changes.anchorY)&&void 0!==e?e:this.changes.y,o=this.changes.y,l=Math.max(0,r-8),s=Math.max(0,window.innerHeight-o-8),n=i.height>s&&l>s;t.style.maxHeight=Math.max(8,n?l:s)+"px";const a=t.getBoundingClientRect(),d=Math.max(8,window.innerWidth-a.width-8),c=Math.max(8,window.innerHeight-a.height-8),h=Math.min(Math.max(8,this.changes.x),d),f=Math.min(Math.max(8,n?r-a.height:o),c);t.style.left=h+"px",t.style.top=f+"px"}onFilterTypeChange(t,e,i){t.target instanceof HTMLSelectElement&&(this.filterItems[e][i].type=t.target.value,this.filterId++,setTimeout((()=>{const t=document.getElementById("filter-input-"+this.filterItems[e][i].id);t instanceof HTMLInputElement&&t.focus()}),0),this.disableDynamicFiltering||this.debouncedApplyFilter())}onAddNewFilter(t){this.currentFilterType=t.target.value,this.addNewFilterToProp();const e=document.getElementById("add-filter");e&&(e.value=p,this.currentFilterType=p),this.disableDynamicFiltering||this.debouncedApplyFilter()}addNewFilterToProp(){var t;const e=null===(t=this.changes)||void 0===t?void 0:t.prop;(e||0===e)&&(this.filterItems[e]||(this.filterItems[e]=[]),"none"!==this.currentFilterType&&(this.filterId++,this.currentFilterId=this.filterId,this.filterItems[e].push({id:this.currentFilterId,type:this.currentFilterType,value:"",relation:"and"}),setTimeout((()=>{const t=document.getElementById("filter-input-"+this.currentFilterId);t&&t.focus()}),0)))}onSave(){this.filterChange.emit(this.filterItems)}onCancel(){this.changes=void 0}onReset(){var t;this.assertChanges(),this.resetChange.emit(null===(t=this.changes)||void 0===t?void 0:t.prop),this.filterId++}onRemoveFilter(t){var e;this.assertChanges(),this.filterId++;const i=null===(e=this.changes)||void 0===e?void 0:e.prop,r=this.filterItems[null!=i?i:""];if(!r)return;const o=r.findIndex((e=>e.id===t));-1!==o&&(r.splice(o,1),0===r.length&&delete this.filterItems[null!=i?i:""],this.disableDynamicFiltering||this.debouncedApplyFilter())}onFilterDragStart(t,e){this.draggedFilterId=e,function(t,e){t&&(t.effectAllowed="move",t.setData(h,e+""),t.setData("text/plain",e+""))}(t.dataTransfer,e)}onFilterDragOver(t,e){void 0!==this.draggedFilterId&&this.draggedFilterId!==e&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"),this.dragOverFilterId=e)}onFilterDragLeave(t){this.dragOverFilterId===t&&(this.dragOverFilterId=void 0)}onFilterDrop(t,e,i){var r;t.preventDefault();const o=null!==(r=this.draggedFilterId)&&void 0!==r?r:function(t){if(!t)return;const e=(t.getData(h)||t.getData("text/plain")).trim();if(!e)return;const i=Number(e);return Number.isFinite(i)?i:void 0}(t.dataTransfer);if(this.onFilterDragEnd(),void 0===o)return;const l=this.filterItems[e];l&&f(l,o,i)&&(this.filterId++,this.disableDynamicFiltering||this.debouncedApplyFilter())}onFilterDragEnd(){this.draggedFilterId=void 0,this.dragOverFilterId=void 0}onFilterReorderKeyDown(t,e,i){let r=0;if("ArrowUp"===t.key)r=-1;else{if("ArrowDown"!==t.key)return;r=1}const o=this.filterItems[e];if(!o)return;const l=o.filter((t=>!t.hidden)),s=l.findIndex((t=>t.id===i));if(-1===s)return;t.preventDefault(),t.stopPropagation();const n=l[s+r];n&&f(o,i,n.id)&&(this.filterId++,this.disableDynamicFiltering||this.debouncedApplyFilter())}toggleFilterAndOr(t){var e;this.assertChanges(),this.filterId++;const i=null===(e=this.changes)||void 0===e?void 0:e.prop,r=this.filterItems[null!=i?i:""];if(!r)return;const o=r.findIndex((e=>e.id===t));-1!==o&&(r[o].relation="and"===r[o].relation?"or":"and",this.disableDynamicFiltering||this.debouncedApplyFilter())}assertChanges(){if(!this.changes)throw Error("Changes required per edit")}renderSelectOptions(t,e=!1){if(!this.changes)return;const i=[],o=this.changes.prop,l=new Set;if(Object.keys(this.filterItems).forEach((t=>{this.filterItems[t].forEach((t=>{t.hidden&&l.add(t.type)}))})),!e){const t=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions);i.push(r("option",{selected:this.currentFilterType===p,value:p},o&&this.filterItems[o]&&this.filterItems[o].length>0?t.add:this.filterNames[p]))}for(let e in this.changes.filterTypes){const o=this.changes.filterTypes[e].filter((t=>!l.has(t)));o.length&&(i.push(...o.map((e=>r("option",{value:e,selected:t===e},this.filterNames[e])))),i.push(r("option",{disabled:!0})))}return i}renderExtra(t,e){const i=this.filterItems[t];if(!i)return"";const o=i=>{this.filterItems[t][e].value=i,this.disableDynamicFiltering||this.debouncedApplyFilter()},l=()=>{const t=document.getElementById("add-filter");t&&(t.value=p,this.currentFilterType=p,this.addNewFilterToProp(),t.focus())},s=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions),n=this.filterEntities[i[e].type].extra;return"function"==typeof n?n(r,{value:i[e].value,filter:i[e],prop:t,index:e,placeholder:s.placeholder,onInput:t=>{o(t)},onFocus:()=>{l()}}):"input"!==n&&"datepicker"!==n?"":r("input",{id:"filter-input-"+i[e].id,placeholder:s.placeholder,type:"datepicker"===n?"date":"text",value:i[e].value,onInput:t=>{t.target instanceof HTMLInputElement&&o(t.target.value)},onKeyDown:t=>{"enter"!==t.key.toLowerCase()?t.stopPropagation():document.getElementById("add-filter")&&l()}})}render(){var t,e,i,l,s,n,a,d,c;const h={left:(null!==(e=null===(t=this.changes)||void 0===t?void 0:t.x)&&void 0!==e?e:0)+"px",top:(null!==(l=null===(i=this.changes)||void 0===i?void 0:i.y)&&void 0!==l?l:0)+"px"},f=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions);return r(o,{key:"4e969f8b7033363c885c94b1f7770917786669f2"},r("dialog",{key:"79b2713724684fa99f56621fe43645a0b0ad54bf",class:"filter-panel-dialog",style:h,ref:t=>this.dialog=t,onCancel:t=>{t.preventDefault(),this.onCancel()}},this.changes&&[r("slot",{key:"header-slot",slot:"header"}),(null===(n=(s=this.changes).extraContent)||void 0===n?void 0:n.call(s,this.changes))||"",!0!==(null===(a=this.changes)||void 0===a?void 0:a.hideDefaultFilters)&&[r("label",{key:"filter-title"},f.title),r("div",{key:"filter-holder",class:"filter-holder"},this.getFilterItemsList()),r("div",{key:"add-filter",class:"add-filter"},r("select",{key:"fc894bdfae1ff35d5c49adc7646dd3182b7bd49e",id:u,class:"select-css",onChange:t=>this.onAddNewFilter(t)},this.renderSelectOptions(this.currentFilterType)))],r("slot",{key:"default-slot"}),(null===(c=(d=this.changes).extraBottomContent)||void 0===c?void 0:c.call(d,this.changes))||"",r("div",{key:"filter-actions",class:"filter-actions"},this.disableDynamicFiltering&&[r("button",{key:"save",id:"revo-button-save","aria-label":"save",class:"revo-button green",onClick:()=>this.onSave()},f.save),r("button",{key:"cancel",id:"revo-button-ok","aria-label":"ok",class:"revo-button green",onClick:()=>this.onCancel()},f.cancel)],!this.disableDynamicFiltering&&[r("button",{key:"ok",id:"revo-button-ok","aria-label":"ok",class:"revo-button green",onClick:()=>this.onCancel()},f.ok),r("button",{key:"reset",id:"revo-button-reset","aria-label":"reset",class:"revo-button outline",onClick:()=>this.onReset()},f.reset)]),r("slot",{key:"footer-slot",slot:"footer"})]))}get element(){return this}static get style(){return'.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#4545ff;height:32px;line-height:32px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#009037}.revo-button.red{background-color:#E0662E}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.outline{border:1px solid #dbdbdb;line-height:30px;background:none;color:#000;box-shadow:none}revo-grid[theme^=dark] .revo-button.outline{border:1px solid #404040;color:#d8d8d8}revogr-filter-panel{display:block}revogr-filter-panel .filter-panel-dialog{position:fixed;top:0;left:0;z-index:100;max-height:calc(100vh - 16px);overflow:auto;opacity:1;transform:none;background-color:var(--revo-grid-filter-panel-bg, #fff);border:1px solid var(--revo-grid-filter-panel-border, #cecece);transform-origin:62px 0px;box-shadow:0 5px 18px -2px var(--revo-grid-filter-panel-shadow, rgba(0, 0, 0, 0.15));box-sizing:border-box;padding:10px;border-radius:8px;margin:0;min-width:220px;text-align:left;animation:revogr-filter-panel-open 140ms cubic-bezier(0.2, 0, 0, 1)}revogr-filter-panel .filter-panel-dialog .filter-holder>div{display:flex;flex-direction:column}revogr-filter-panel .filter-panel-dialog label{font-size:13px;display:block;padding:8px 0}revogr-filter-panel .filter-panel-dialog select{width:100%}revogr-filter-panel .filter-panel-dialog input[type=text]{border:0;min-height:34px;margin:5px 0;background:var(--revo-grid-filter-panel-input-bg, #f3f3f3);border-radius:5px;padding:0 10px;box-sizing:border-box;width:100%}revogr-filter-panel .filter-panel-dialog .filter-actions{position:sticky;right:0;bottom:-10px;left:0;z-index:1;text-align:right;margin:10px -10px -10px;padding:0 5px 10px 10px;background:var(--revo-grid-filter-panel-bg, #fff);border-top:1px solid var(--revo-grid-filter-panel-divider, #d9d9d9)}revogr-filter-panel .filter-panel-dialog .filter-actions button{margin-top:10px;margin-right:5px}@keyframes revogr-filter-panel-open{from{opacity:0;transform:translateY(-4px) scale(0.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){revogr-filter-panel .filter-panel-dialog{animation:none}}.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;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 var(--revo-grid-filter-panel-select-border, #d9d9d9);box-shadow:transparent;border-radius:0.5em;appearance:none;background-color:var(--revo-grid-filter-panel-input-bg, #f3f3f3);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");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:var(--revo-grid-filter-panel-select-border, #d9d9d9)}.select-css:focus{border-color:var(--revo-grid-filter-panel-select-border-hover, #d9d9d9);box-shadow:0 0 1px 3px rgba(59, 153, 252, 0.7);box-shadow:0 0 0 3px -moz-mac-focusring;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:var(--revo-grid-filter-panel-select-border, #d9d9d9)}.multi-filter-list{margin-top:5px;margin-bottom:5px}.multi-filter-list div{white-space:nowrap}.multi-filter-list .multi-filter-list-row{display:flex;align-items:center;gap:6px;position:relative}.multi-filter-list .multi-filter-list-row.filter-row-dragging{opacity:0.65}.multi-filter-list .multi-filter-list-row.filter-row-drag-over::before{content:"";position:absolute;top:-4px;right:0;left:0;z-index:2;height:2px;background:var(--revo-grid-filter-panel-reorder-accent, #007cb2);border-radius:999px;box-shadow:0 0 0 2px var(--revo-grid-filter-panel-bg, #fff)}.multi-filter-list .multi-filter-list-row.filter-row-drop-active .filter-row-drop-target{pointer-events:auto}.multi-filter-list .filter-row-drop-target{position:absolute;inset:0;z-index:1;padding:0;pointer-events:none;background:transparent;border:0}.multi-filter-list .multi-filter-list-action{display:flex;align-self:stretch;flex:0 0 auto;justify-content:flex-end;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;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;width:22px;height:100%;font-size:16px}.multi-filter-list .trash-button .trash-img{width:1em}.multi-filter-list .reorder-button{border:0;background:transparent;color:var(--revo-grid-filter-panel-reorder-color, #6b7280);cursor:grab;font-family:monospace;font-size:12px;letter-spacing:0;line-height:1;padding:6px 2px;transform:scaleX(0.8);width:16px}.multi-filter-list .reorder-button.filter-row-drag-over{color:var(--revo-grid-filter-panel-reorder-accent, #007cb2)}.multi-filter-list .reorder-button:active{cursor:grabbing}.multi-filter-list-container{padding:0;margin:0;list-style:none}.add-filter-divider{display:block;margin:0 -10px 10px -10px;border-bottom:1px solid var(--revo-grid-filter-panel-divider, #d9d9d9);height:10px}.select-input{display:flex;align-items:center;flex:1 1 auto;gap:6px;min-width:0}.select-input .select-filter,.select-input .filter-extra{flex:1 1 0;min-width:0}.select-input .select-filter{width:auto}.select-input .filter-extra{display:flex}.select-input .filter-extra>*{width:100%}.select-input input[type=text],.select-input input[type=date]{margin:0}'}},[260,"revogr-filter-panel",{filterNames:[16],filterEntities:[16],filterCaptions:[16],disableDynamicFiltering:[4,"disable-dynamic-filtering"],closeOnOutsideClick:[4,"close-on-outside-click"],isFilterIdSet:[32],filterId:[32],currentFilterId:[32],currentFilterType:[32],changes:[32],filterItems:[32],draggedFilterId:[32],dragOverFilterId:[32],show:[64],getChanges:[64]},[[5,"mousedown","onMouseDown"]]]),v=g,b=function(){"undefined"!=typeof customElements&&["revogr-filter-panel"].forEach((t=>{"revogr-filter-panel"===t&&(customElements.get(l(t))||customElements.define(l(t),g))}))};export{v as RevogrFilterPanel,b as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as r,Host as o,transformTag as l}from"@stencil/core/internal/client";import{d as s}from"./debounce.js";import{e as n,f as a,d,i as h}from"./filter.button.js";Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(t){let e=this;do{if(Element.prototype.matches.call(e,t))return e;e=e.parentElement||e.parentNode}while(null!==e&&1===e.nodeType);return null});const c="text/revogrid-filter-id";function f(t,e,i){if(e===i)return!1;const r=t.findIndex((t=>t.id===e)),o=t.findIndex((t=>t.id===i));if(-1===r||-1===o||r===o)return!1;const l=t.map((t=>{var e;return null!==(e=t.relation)&&void 0!==e?e:"and"})),[s]=t.splice(r,1);return t.splice(o,0,s),t.forEach(((e,i)=>{var r;e.relation=i===t.length-1?"and":null!==(r=l[i])&&void 0!==r?r:"and"})),!0}const p="none",u="add-filter",g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.filterChange=i(this,"filterChange",7),this.resetChange=i(this,"resetChange",7),this.filterCaptionsInternal={title:"Filter by",ok:"Close",save:"Save",reset:"Reset",cancel:"Cancel",add:"Add condition",placeholder:"Enter value...",and:"and",or:"or",filterCondition:"Filter condition",removeFilter:"Remove filter",reorderFilter:"Reorder filter"},this.isFilterIdSet=!1,this.filterId=0,this.currentFilterId=-1,this.currentFilterType=p,this.filterItems={},this.filterNames={},this.filterEntities={},this.disableDynamicFiltering=!1,this.closeOnOutsideClick=!0,this.debouncedApplyFilter=s((()=>{this.filterChange.emit(this.filterItems)}),400)}onMouseDown(t){if(!this.changes)return;const e=t.composedPath(),i=this.getAddFilterSelect();if(i instanceof HTMLSelectElement){if(e.includes(i))return;i.value=p}this.currentFilterType=p,this.changes&&(this.changes.type=p),this.currentFilterId=-1,!e.includes(this.element)&&!this.isOwnFilterButton(t.target)&&this.closeOnOutsideClick&&(this.changes=void 0)}async show(t){this.changes=t,this.filterItems=(null==t?void 0:t.filterItems)||{},this.changes&&(this.changes.type=this.changes.type||p)}async getChanges(){return this.changes}componentWillRender(){if(!this.isFilterIdSet){this.isFilterIdSet=!0;const t=Object.keys(this.filterItems);for(const e of t)this.filterId+=this.filterItems[e].length}}getFilterItemsList(){var t,e;const i=null===(t=this.changes)||void 0===t?void 0:t.prop;if(void 0===i)return"";const o=null!==(e=this.filterItems[i])&&void 0!==e?e:[],l=o.filter((t=>!t.hidden)).length,s=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions);return r("div",{key:this.filterId},r("ul",{class:"multi-filter-list-container"},o.map(((t,e)=>{let o;if(t.hidden)return;e!==this.filterItems[i].length-1&&(o=r(n,{text:"and"===t.relation?s.and:s.or,onClick:()=>this.toggleFilterAndOr(t.id)}));const h=this.renderExtra(i,e),c=this.draggedFilterId===t.id,f=this.dragOverFilterId===t.id&&!c,p=l>1;return r("li",{key:t.id,class:"multi-filter-list","aria-label":`${s.filterCondition} ${e+1}`},r("div",{class:{"multi-filter-list-row":!0,"filter-row-drop-active":void 0!==this.draggedFilterId&&!c,"filter-row-dragging":c,"filter-row-drag-over":f}},p?r("button",{type:"button",class:"filter-row-drop-target",tabIndex:-1,"aria-label":`${s.filterCondition} ${e+1}`,onDragOver:e=>this.onFilterDragOver(e,t.id),onDragLeave:()=>this.onFilterDragLeave(t.id),onDrop:e=>this.onFilterDrop(e,i,t.id)}):"",p?r(a,{ariaLabel:s.reorderFilter,dragging:c,dragOver:f,onDragStart:e=>this.onFilterDragStart(e,t.id),onDragEnd:()=>this.onFilterDragEnd(),onKeyDown:e=>this.onFilterReorderKeyDown(e,i,t.id)}):"",r("div",{class:{"select-input":!0}},r("select",{class:"select-css select-filter",onChange:t=>this.onFilterTypeChange(t,i,e)},this.renderSelectOptions(this.filterItems[i][e].type,!0)),h?r("div",{class:"filter-extra"},h):""),r("div",{class:"multi-filter-list-action"},o,r(d,{ariaLabel:s.removeFilter,onClick:()=>this.onRemoveFilter(t.id)}))))}))),o.filter((t=>!t.hidden)).length>0?r("div",{class:"add-filter-divider"}):"")}componentDidRender(){this.syncDialog()}syncDialog(){this.dialog&&(this.changes?(this.dialog.open||this.dialog.show(),!1!==this.changes.autoCorrect&&(this.autoCorrect(this.dialog),requestAnimationFrame((()=>this.autoCorrect(this.dialog))))):this.dialog.open&&this.dialog.close())}autoCorrect(t){var e;if(!t||!this.changes)return;t.style.maxHeight="",t.style.left=this.changes.x+"px",t.style.top=this.changes.y+"px";const i=t.getBoundingClientRect(),r=null!==(e=this.changes.anchorY)&&void 0!==e?e:this.changes.y,o=this.changes.y,l=Math.max(0,r-8),s=Math.max(0,window.innerHeight-o-8),n=i.height>s&&l>s;t.style.maxHeight=Math.max(8,n?l:s)+"px";const a=t.getBoundingClientRect(),d=Math.max(8,window.innerWidth-a.width-8),h=Math.max(8,window.innerHeight-a.height-8),c=Math.min(Math.max(8,this.changes.x),d),f=Math.min(Math.max(8,n?r-a.height:o),h);t.style.left=c+"px",t.style.top=f+"px"}onFilterTypeChange(t,e,i){t.target instanceof HTMLSelectElement&&(this.filterItems[e][i].type=t.target.value,this.filterId++,setTimeout((()=>{const t=document.getElementById("filter-input-"+this.filterItems[e][i].id);t instanceof HTMLInputElement&&t.focus()}),0),this.disableDynamicFiltering||this.debouncedApplyFilter())}onAddNewFilter(t){this.currentFilterType=t.target.value,this.addNewFilterToProp();const e=this.getAddFilterSelect();e&&(e.value=p,this.currentFilterType=p),this.disableDynamicFiltering||this.debouncedApplyFilter()}addNewFilterToProp(){var t;const e=null===(t=this.changes)||void 0===t?void 0:t.prop;(e||0===e)&&(this.filterItems[e]||(this.filterItems[e]=[]),"none"!==this.currentFilterType&&(this.filterId++,this.currentFilterId=this.filterId,this.filterItems[e].push({id:this.currentFilterId,type:this.currentFilterType,value:"",relation:"and"}),setTimeout((()=>{const t=document.getElementById("filter-input-"+this.currentFilterId);t&&t.focus()}),0)))}onSave(){this.filterChange.emit(this.filterItems)}onCancel(){this.changes=void 0}onReset(){var t;this.assertChanges(),this.resetChange.emit(null===(t=this.changes)||void 0===t?void 0:t.prop),this.filterId++}onRemoveFilter(t){var e;this.assertChanges(),this.filterId++;const i=null===(e=this.changes)||void 0===e?void 0:e.prop,r=this.filterItems[null!=i?i:""];if(!r)return;const o=r.findIndex((e=>e.id===t));-1!==o&&(r.splice(o,1),0===r.length&&delete this.filterItems[null!=i?i:""],this.disableDynamicFiltering||this.debouncedApplyFilter())}onFilterDragStart(t,e){this.draggedFilterId=e,function(t,e){t&&(t.effectAllowed="move",t.setData(c,e+""),t.setData("text/plain",e+""))}(t.dataTransfer,e)}onFilterDragOver(t,e){void 0!==this.draggedFilterId&&this.draggedFilterId!==e&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"),this.dragOverFilterId=e)}onFilterDragLeave(t){this.dragOverFilterId===t&&(this.dragOverFilterId=void 0)}onFilterDrop(t,e,i){var r;t.preventDefault();const o=null!==(r=this.draggedFilterId)&&void 0!==r?r:function(t){if(!t)return;const e=(t.getData(c)||t.getData("text/plain")).trim();if(!e)return;const i=Number(e);return Number.isFinite(i)?i:void 0}(t.dataTransfer);if(this.onFilterDragEnd(),void 0===o)return;const l=this.filterItems[e];l&&f(l,o,i)&&(this.filterId++,this.disableDynamicFiltering||this.debouncedApplyFilter())}onFilterDragEnd(){this.draggedFilterId=void 0,this.dragOverFilterId=void 0}onFilterReorderKeyDown(t,e,i){let r=0;if("ArrowUp"===t.key)r=-1;else{if("ArrowDown"!==t.key)return;r=1}const o=this.filterItems[e];if(!o)return;const l=o.filter((t=>!t.hidden)),s=l.findIndex((t=>t.id===i));if(-1===s)return;t.preventDefault(),t.stopPropagation();const n=l[s+r];n&&f(o,i,n.id)&&(this.filterId++,this.disableDynamicFiltering||this.debouncedApplyFilter())}toggleFilterAndOr(t){var e;this.assertChanges(),this.filterId++;const i=null===(e=this.changes)||void 0===e?void 0:e.prop,r=this.filterItems[null!=i?i:""];if(!r)return;const o=r.findIndex((e=>e.id===t));-1!==o&&(r[o].relation="and"===r[o].relation?"or":"and",this.disableDynamicFiltering||this.debouncedApplyFilter())}assertChanges(){if(!this.changes)throw Error("Changes required per edit")}renderSelectOptions(t,e=!1){if(!this.changes)return;const i=[],o=this.changes.prop,l=new Set;if(Object.keys(this.filterItems).forEach((t=>{this.filterItems[t].forEach((t=>{t.hidden&&l.add(t.type)}))})),!e){const t=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions);i.push(r("option",{selected:this.currentFilterType===p,value:p},o&&this.filterItems[o]&&this.filterItems[o].length>0?t.add:this.filterNames[p]))}for(let e in this.changes.filterTypes){const o=this.changes.filterTypes[e].filter((t=>!l.has(t)));o.length&&(i.push(...o.map((e=>r("option",{value:e,selected:t===e},this.filterNames[e])))),i.push(r("option",{disabled:!0})))}return i}renderExtra(t,e){const i=this.filterItems[t];if(!i)return"";const o=i=>{this.filterItems[t][e].value=i,this.disableDynamicFiltering||this.debouncedApplyFilter()},l=()=>{const t=this.getAddFilterSelect();t&&(t.value=p,this.currentFilterType=p,this.addNewFilterToProp(),t.focus())},s=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions),n=this.filterEntities[i[e].type].extra;return"function"==typeof n?n(r,{value:i[e].value,filter:i[e],prop:t,index:e,placeholder:s.placeholder,onInput:t=>{o(t)},onFocus:()=>{l()}}):"input"!==n&&"datepicker"!==n?"":r("input",{id:"filter-input-"+i[e].id,placeholder:s.placeholder,type:"datepicker"===n?"date":"text",value:i[e].value,onInput:t=>{t.target instanceof HTMLInputElement&&o(t.target.value)},onKeyDown:t=>{"enter"!==t.key.toLowerCase()?t.stopPropagation():this.getAddFilterSelect()&&l()}})}getAddFilterSelect(){return this.element.querySelector("#"+u)}isOwnFilterButton(t){if(!(t instanceof Element))return!1;if(!h(t))return!1;const e=this.getOwningGrid(this.element),i=this.getOwningGrid(t);return!!e&&e===i}getOwningGrid(t){const e=t.closest("revo-grid");if(e)return e;const i=t.getRootNode();return i instanceof ShadowRoot&&"revo-grid"===i.host.localName?i.host:void 0}render(){var t,e,i,l,s,n,a,d,h;const c={left:(null!==(e=null===(t=this.changes)||void 0===t?void 0:t.x)&&void 0!==e?e:0)+"px",top:(null!==(l=null===(i=this.changes)||void 0===i?void 0:i.y)&&void 0!==l?l:0)+"px"},f=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions);return r(o,{key:"2a19b35adb56fb7d23385fffebc768838edee162"},r("dialog",{key:"94386d7cbc4bd9c631f72928938b1d1550a3de82",class:"filter-panel-dialog",style:c,ref:t=>this.dialog=t,onCancel:t=>{t.preventDefault(),this.onCancel()}},this.changes&&[r("slot",{key:"header-slot",slot:"header"}),(null===(n=(s=this.changes).extraContent)||void 0===n?void 0:n.call(s,this.changes))||"",!0!==(null===(a=this.changes)||void 0===a?void 0:a.hideDefaultFilters)&&[r("label",{key:"filter-title"},f.title),r("div",{key:"filter-holder",class:"filter-holder"},this.getFilterItemsList()),r("div",{key:"add-filter",class:"add-filter"},r("select",{key:"4f7354e39d8e5cf9ae7b735290eff18d105ab87e",id:u,class:"select-css",onChange:t=>this.onAddNewFilter(t)},this.renderSelectOptions(this.currentFilterType)))],r("slot",{key:"default-slot"}),(null===(h=(d=this.changes).extraBottomContent)||void 0===h?void 0:h.call(d,this.changes))||"",r("div",{key:"filter-actions",class:"filter-actions"},this.disableDynamicFiltering&&[r("button",{key:"save",id:"revo-button-save","aria-label":"save",class:"revo-button green",onClick:()=>this.onSave()},f.save),r("button",{key:"cancel",id:"revo-button-ok","aria-label":"ok",class:"revo-button green",onClick:()=>this.onCancel()},f.cancel)],!this.disableDynamicFiltering&&[r("button",{key:"ok",id:"revo-button-ok","aria-label":"ok",class:"revo-button green",onClick:()=>this.onCancel()},f.ok),r("button",{key:"reset",id:"revo-button-reset","aria-label":"reset",class:"revo-button outline",onClick:()=>this.onReset()},f.reset)]),r("slot",{key:"footer-slot",slot:"footer"})]))}get element(){return this}static get style(){return'.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#4545ff;height:32px;line-height:32px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#009037}.revo-button.red{background-color:#E0662E}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.outline{border:1px solid #dbdbdb;line-height:30px;background:none;color:#000;box-shadow:none}revo-grid[theme^=dark] .revo-button.outline{border:1px solid #404040;color:#d8d8d8}revogr-filter-panel{display:block}revogr-filter-panel .filter-panel-dialog{position:fixed;top:0;left:0;z-index:100;max-height:calc(100vh - 16px);overflow:auto;opacity:1;transform:none;background-color:var(--revo-grid-filter-panel-bg, #fff);border:1px solid var(--revo-grid-filter-panel-border, #cecece);transform-origin:62px 0px;box-shadow:0 5px 18px -2px var(--revo-grid-filter-panel-shadow, rgba(0, 0, 0, 0.15));box-sizing:border-box;padding:10px;border-radius:8px;margin:0;min-width:220px;text-align:left;animation:revogr-filter-panel-open 140ms cubic-bezier(0.2, 0, 0, 1)}revogr-filter-panel .filter-panel-dialog .filter-holder>div{display:flex;flex-direction:column}revogr-filter-panel .filter-panel-dialog label{font-size:13px;display:block;padding:8px 0}revogr-filter-panel .filter-panel-dialog select{width:100%}revogr-filter-panel .filter-panel-dialog input[type=text]{border:0;min-height:34px;margin:5px 0;background:var(--revo-grid-filter-panel-input-bg, #f3f3f3);border-radius:5px;padding:0 10px;box-sizing:border-box;width:100%}revogr-filter-panel .filter-panel-dialog .filter-actions{position:sticky;right:0;bottom:-10px;left:0;z-index:1;text-align:right;margin:10px -10px -10px;padding:0 5px 10px 10px;background:var(--revo-grid-filter-panel-bg, #fff);border-top:1px solid var(--revo-grid-filter-panel-divider, #d9d9d9)}revogr-filter-panel .filter-panel-dialog .filter-actions button{margin-top:10px;margin-right:5px}@keyframes revogr-filter-panel-open{from{opacity:0;transform:translateY(-4px) scale(0.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){revogr-filter-panel .filter-panel-dialog{animation:none}}.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;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 var(--revo-grid-filter-panel-select-border, #d9d9d9);box-shadow:transparent;border-radius:0.5em;appearance:none;background-color:var(--revo-grid-filter-panel-input-bg, #f3f3f3);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");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:var(--revo-grid-filter-panel-select-border, #d9d9d9)}.select-css:focus{border-color:var(--revo-grid-filter-panel-select-border-hover, #d9d9d9);box-shadow:0 0 1px 3px rgba(59, 153, 252, 0.7);box-shadow:0 0 0 3px -moz-mac-focusring;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:var(--revo-grid-filter-panel-select-border, #d9d9d9)}.multi-filter-list{margin-top:5px;margin-bottom:5px}.multi-filter-list div{white-space:nowrap}.multi-filter-list .multi-filter-list-row{display:flex;align-items:center;gap:6px;position:relative}.multi-filter-list .multi-filter-list-row.filter-row-dragging{opacity:0.65}.multi-filter-list .multi-filter-list-row.filter-row-drag-over::before{content:"";position:absolute;top:-4px;right:0;left:0;z-index:2;height:2px;background:var(--revo-grid-filter-panel-reorder-accent, #007cb2);border-radius:999px;box-shadow:0 0 0 2px var(--revo-grid-filter-panel-bg, #fff)}.multi-filter-list .multi-filter-list-row.filter-row-drop-active .filter-row-drop-target{pointer-events:auto}.multi-filter-list .filter-row-drop-target{position:absolute;inset:0;z-index:1;padding:0;pointer-events:none;background:transparent;border:0}.multi-filter-list .multi-filter-list-action{display:flex;align-self:stretch;flex:0 0 auto;justify-content:flex-end;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;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;width:22px;height:100%;font-size:16px}.multi-filter-list .trash-button .trash-img{width:1em}.multi-filter-list .reorder-button{border:0;background:transparent;color:var(--revo-grid-filter-panel-reorder-color, #6b7280);cursor:grab;font-family:monospace;font-size:12px;letter-spacing:0;line-height:1;padding:6px 2px;transform:scaleX(0.8);width:16px}.multi-filter-list .reorder-button.filter-row-drag-over{color:var(--revo-grid-filter-panel-reorder-accent, #007cb2)}.multi-filter-list .reorder-button:active{cursor:grabbing}.multi-filter-list-container{padding:0;margin:0;list-style:none}.add-filter-divider{display:block;margin:0 -10px 10px -10px;border-bottom:1px solid var(--revo-grid-filter-panel-divider, #d9d9d9);height:10px}.select-input{display:flex;align-items:center;flex:1 1 auto;gap:6px;min-width:0}.select-input .select-filter,.select-input .filter-extra{flex:1 1 0;min-width:0}.select-input .select-filter{width:auto}.select-input .filter-extra{display:flex}.select-input .filter-extra>*{width:100%}.select-input input[type=text],.select-input input[type=date]{margin:0}'}},[260,"revogr-filter-panel",{filterNames:[16],filterEntities:[16],filterCaptions:[16],disableDynamicFiltering:[4,"disable-dynamic-filtering"],closeOnOutsideClick:[4,"close-on-outside-click"],isFilterIdSet:[32],filterId:[32],currentFilterId:[32],currentFilterType:[32],changes:[32],filterItems:[32],draggedFilterId:[32],dragOverFilterId:[32],show:[64],getChanges:[64]},[[5,"mousedown","onMouseDown"]]]),v=g,b=function(){"undefined"!=typeof customElements&&["revogr-filter-panel"].forEach((t=>{"revogr-filter-panel"===t&&(customElements.get(l(t))||customElements.define(l(t),g))}))};export{v as RevogrFilterPanel,b as defineCustomElement}

package/standalone/revogr-order-editor2.js

@@ -1,4 +1,4 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import{proxyCustomElement as t,HTMLElement as s,createEvent as e,transformTag as i}from"@stencil/core/internal/client";import{d as r}from"./debounce.js";import{b as o}from"./data.store.js";import{k as n}from"./consts.js";import"./platform.js";import{g as h}from"./dimension.helpers.js";class l{constructor(t){this.config=t,this.currentCell=null,this.previousRow=null}endOrder(t,s){if(null===this.currentCell)return;const e=this.getCell(t,s);e.y!==this.currentCell.y&&(e.y<0?e.y=0:e.y<this.currentCell.y&&e.y++,this.config.positionChanged(this.currentCell.y,e.y)),this.clear()}startOrder(t,s){return this.currentCell=this.getCell(t,s),this.currentCell}move(t,s){const e=this.getRow(t,s);return this.previousRow===e.itemIndex||e.itemIndex<-1?null:(this.previousRow=e.itemIndex,e)}clear(){this.currentCell=null,this.previousRow=null}getRow(t,{el:s,rows:e}){const{top:i}=s.getBoundingClientRect(),r=e.renderOffset||0,o=h(e,t-i+r);return{itemIndex:o.itemIndex,start:o.start-r+i,end:o.end-r+i}}getCell({x:t,y:s},{el:e,rows:i,cols:r}){const{top:o,left:n}=e.getBoundingClientRect(),l=t-n,d=h(i,s-o+(i.renderOffset||0));return{x:h(r,l+(r.renderOffset||0)).itemIndex,y:d.itemIndex}}}const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.rowDragStart=e(this,"rowdragstartinit",7),this.rowDragEnd=e(this,"rowdragendinit",7),this.rowDrag=e(this,"rowdragmoveinit",7),this.rowMouseMove=e(this,"rowdragmousemove",7),this.rowDropped=e(this,"rowdropinit",7),this.rowOrderChange=e(this,"roworderchange",7),this.events=[],this.rowMoveFunc=r((t=>{const s=this.rowOrderService.move(t,this.getData());null!==s&&this.rowDrag.emit(Object.assign(Object.assign({},s),{rowType:this.rowType}))}),5)}async dragStart(t){t.originalEvent.preventDefault(),this.events.length&&this.clearOrder();const s=this.getData(),e=this.rowOrderService.startOrder(t.originalEvent,s),i=this.rowOrderService.getRow(t.originalEvent.y,s);if(this.rowDragStart.emit({cell:e,text:n,pos:i,event:t.originalEvent,rowType:this.rowType,model:o(this.dataStore,i.itemIndex)}).defaultPrevented)return;const r=t=>this.move(t),h=t=>this.endOrder(t),l=()=>this.clearOrder();this.events.push({name:"mousemove",listener:r},{name:"mouseup",listener:h},{name:"mouseleave",listener:l}),document.addEventListener("mousemove",r),document.addEventListener("mouseup",h),document.addEventListener("mouseleave",l)}async endOrder(t){this.rowOrderService.endOrder(t,this.getData()),this.clearOrder()}async clearOrder(){this.rowOrderService.clear(),this.events.forEach((t=>document.removeEventListener(t.name,t.listener))),this.events.length=0,this.rowDragEnd.emit({rowType:this.rowType})}move({x:t,y:s}){this.rowMouseMove.emit({x:t,y:s,rowType:this.rowType}),this.rowMoveFunc(s)}connectedCallback(){this.rowOrderService=new l({positionChanged:(t,s)=>{const e=this.rowDropped.emit({from:t,to:s,rowType:this.rowType});e.defaultPrevented||this.rowOrderChange.emit(e.detail)}})}getData(){return{el:this.parent,rows:this.dimensionRow.state,cols:this.dimensionCol.state}}},[0,"revogr-order-editor",{parent:[16],dimensionRow:[16],dimensionCol:[16],dataStore:[16],rowType:[1,"row-type"],dragStart:[64],endOrder:[64],clearOrder:[64]}]);function m(){"undefined"!=typeof customElements&&["revogr-order-editor"].forEach((t=>{"revogr-order-editor"===t&&(customElements.get(i(t))||customElements.define(i(t),d))}))}export{d as O,m as d}
+import{proxyCustomElement as t,HTMLElement as s,createEvent as e,transformTag as i}from"@stencil/core/internal/client";import{d as r}from"./debounce.js";import{b as o}from"./data.store.js";import{k as n}from"./consts.js";import"./platform.js";import{g as h}from"./dimension.helpers.js";class l{constructor(t){this.config=t,this.currentCell=null,this.previousRow=null}endOrder(t,s){if(null===this.currentCell)return;const e=this.getCell(t,s);e.y<0?e.y=0:e.y<this.currentCell.y&&e.y++,e.y!==this.currentCell.y&&this.config.positionChanged(this.currentCell.y,e.y),this.clear()}startOrder(t,s){return this.currentCell=this.getCell(t,s),this.currentCell}move(t,s){const e=this.getRow(t,s);return this.previousRow===e.itemIndex||e.itemIndex<-1?null:(this.previousRow=e.itemIndex,e)}clear(){this.currentCell=null,this.previousRow=null}getRow(t,{el:s,rows:e}){const{top:i}=s.getBoundingClientRect(),r=e.renderOffset||0,o=h(e,t-i+r);return{itemIndex:o.itemIndex,start:o.start-r+i,end:o.end-r+i}}getCell({x:t,y:s},{el:e,rows:i,cols:r}){const{top:o,left:n}=e.getBoundingClientRect(),l=t-n,d=h(i,s-o+(i.renderOffset||0));return{x:h(r,l+(r.renderOffset||0)).itemIndex,y:d.itemIndex}}}const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.rowDragStart=e(this,"rowdragstartinit",7),this.rowDragEnd=e(this,"rowdragendinit",7),this.rowDrag=e(this,"rowdragmoveinit",7),this.rowMouseMove=e(this,"rowdragmousemove",7),this.rowDropped=e(this,"rowdropinit",7),this.rowOrderChange=e(this,"roworderchange",7),this.events=[],this.rowMoveFunc=r((t=>{const s=this.rowOrderService.move(t,this.getData());null!==s&&this.rowDrag.emit(Object.assign(Object.assign({},s),{rowType:this.rowType}))}),5)}async dragStart(t){t.originalEvent.preventDefault(),this.events.length&&this.clearOrder();const s=this.getData(),e=this.rowOrderService.startOrder(t.originalEvent,s),i=this.rowOrderService.getRow(t.originalEvent.y,s);if(this.rowDragStart.emit({cell:e,text:n,pos:i,event:t.originalEvent,rowType:this.rowType,model:o(this.dataStore,i.itemIndex)}).defaultPrevented)return;const r=t=>this.move(t),h=t=>this.endOrder(t),l=()=>this.clearOrder();this.events.push({name:"mousemove",listener:r},{name:"mouseup",listener:h},{name:"mouseleave",listener:l}),document.addEventListener("mousemove",r),document.addEventListener("mouseup",h),document.addEventListener("mouseleave",l)}async endOrder(t){this.rowOrderService.endOrder(t,this.getData()),this.clearOrder()}async clearOrder(){this.rowOrderService.clear(),this.events.forEach((t=>document.removeEventListener(t.name,t.listener))),this.events.length=0,this.rowDragEnd.emit({rowType:this.rowType})}move({x:t,y:s}){this.rowMouseMove.emit({x:t,y:s,rowType:this.rowType}),this.rowMoveFunc(s)}connectedCallback(){this.rowOrderService=new l({positionChanged:(t,s)=>{const e=this.rowDropped.emit({from:t,to:s,rowType:this.rowType});e.defaultPrevented||this.rowOrderChange.emit(e.detail)}})}getData(){return{el:this.parent,rows:this.dimensionRow.state,cols:this.dimensionCol.state}}},[0,"revogr-order-editor",{parent:[16],dimensionRow:[16],dimensionCol:[16],dataStore:[16],rowType:[1,"row-type"],dragStart:[64],endOrder:[64],clearOrder:[64]}]);function m(){"undefined"!=typeof customElements&&["revogr-order-editor"].forEach((t=>{"revogr-order-editor"===t&&(customElements.get(i(t))||customElements.define(i(t),d))}))}export{d as O,m as d}

package/standalone/revogr-viewport-scroll2.js

@@ -1,4 +1,4 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as l,transformTag as r}from"@stencil/core/internal/client";import{t as s}from"./throttle.js";import{L as n,a as c,b as a}from"./local.scroll.timer.js";const h="header",d="footer",v="content",w="data";function u(t,e){return{x:t.viewports[t.colType].store.get("realCount"),y:t.viewports[e].store.get("realCount")}}function p(t,e,i,o){return{colData:t.colStore,viewportCol:t.viewports[t.colType].store,viewportRow:t.viewports[e].store,lastCell:u(t,e),slot:i,type:e,canDrag:!o,position:t.position,dataStore:t.rowStores[e].store,dimensionCol:t.dimensions[t.colType].store,dimensionRow:t.dimensions[e].store,style:o?{height:`${t.dimensions[e].store.get("realSize")}px`}:void 0}}class g{constructor(t,e,i){this.resize=e,this.resizeObserver=null,this.previousSize={width:0,height:0},this.apply=s((t=>{var e;const i={width:t.width,height:t.height};null===(e=this.resize)||void 0===e||e.call(this,i,this.previousSize),this.previousSize=i}),40,{leading:!1,trailing:!0});const o=[];i.forEach((t=>{t&&o.push(t)})),this.init(t,o)}init(t,e=[]){const i=this.resizeObserver=new ResizeObserver((e=>{e.length&&this.apply(e[0].target===t?e[0].contentRect:t.getBoundingClientRect())}));i.observe(t),e.forEach((t=>{i.observe(t)}))}destroy(){var t;this.apply.cancel(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=null}}const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),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.contentWidth=0,this.contentHeight=0,this.noHorizontalScrollTransfer=!1}async setScroll(t){var e;this.localScrollTimer.latestScrollUpdate(t.dimension),null===(e=this.localScrollService)||void 0===e||e.setScroll(t)}async changeScroll(t,e=!1){var i,o,l,r;if(!e){if(t.delta){let e=0;switch(t.dimension){case"rgCol":e=this.horizontalScroll.scrollLeft;break;case"rgRow":e=null!==(o=null===(i=this.verticalScroll)||void 0===i?void 0:i.scrollTop)&&void 0!==o?o:0}return null!==(r=null===(l=this.localScrollService)||void 0===l?void 0:l.setScrollByDelta(t,e))&&void 0!==r?r:t}return t}t.coordinate&&this.verticalScroll&&"rgRow"===t.dimension&&(this.verticalScroll.style.transform=`translateY(${-1*t.coordinate}px)`)}mousewheelVertical({detail:t}){this.verticalMouseWheel(t)}mousewheelHorizontal({detail:t}){this.horizontalMouseWheel(t)}scrollApply({detail:{type:t,coordinate:e}}){this.applyOnScroll(t,e,!0)}connectedCallback(){this.verticalMouseWheel=this.onVerticalMouseWheel.bind(this,"rgRow","deltaY"),this.horizontalMouseWheel=this.onHorizontalMouseWheel.bind(this,"rgCol","deltaX"),this.localScrollTimer=new n("ontouchstart"in document.documentElement?0:10),this.localScrollService=new c({runScroll:t=>this.scrollViewport.emit(t),applyScroll:t=>{switch(this.localScrollTimer.setCoordinate(t),t.dimension){case"rgCol":this.horizontalScroll.scrollLeft=t.coordinate;break;case"rgRow":this.verticalScroll&&(this.verticalScroll.scrollTop=t.coordinate,this.verticalScroll.style.transform&&(this.verticalScroll.style.transform=""))}}})}componentDidLoad(){this.resizeService=new g(this.horizontalScroll,(t=>{var e,i,o,l,r,s,n,c;const a={};let h=t.height||0;h&&(h-=(null!==(i=null===(e=this.header)||void 0===e?void 0:e.clientHeight)&&void 0!==i?i:0)+(null!==(l=null===(o=this.footer)||void 0===o?void 0:o.clientHeight)&&void 0!==l?l:0)),a.rgRow={size:h,contentSize:this.contentHeight,scroll:null!==(s=null===(r=this.verticalScroll)||void 0===r?void 0:r.scrollTop)&&void 0!==s?s:0,noScroll:!1};const d=t.width||0;a.rgCol={size:d,contentSize:this.contentWidth,scroll:this.horizontalScroll.scrollLeft,noScroll:"rgCol"!==this.colType},this.setScrollParams({rgRow:h,rgCol:d});const v=["rgCol","rgRow"];for(const t of v){const e=a[t];e&&(this.resizeViewport.emit({dimension:t,size:e.size,rowHeader:this.rowHeader}),e.noScroll||(null===(n=this.localScrollService)||void 0===n||n.scroll(null!==(c=e.scroll)&&void 0!==c?c:0,t,!0),this.setScrollVisibility(t,e.size,e.contentSize)))}}),[this.footer,this.header])}setScrollVisibility(t,e,i){const o=e<i;let l;switch(t){case"rgCol":l=this.horizontalScroll;break;case"rgRow":l=this.verticalScroll}o?null==l||l.classList.add(`scroll-${t}`):null==l||l.classList.remove(`scroll-${t}`),this.scrollchange.emit({type:t,hasScroll:o})}disconnectedCallback(){var t;null===(t=this.resizeService)||void 0===t||t.destroy()}async componentDidRender(){var t,e,i,o;this.setScrollParams({rgRow:null!==(e=null===(t=this.verticalScroll)||void 0===t?void 0:t.clientHeight)&&void 0!==e?e:0,rgCol:this.horizontalScroll.clientWidth}),this.setScrollVisibility("rgRow",null!==(o=null===(i=this.verticalScroll)||void 0===i?void 0:i.clientHeight)&&void 0!==o?o:0,this.contentHeight),this.setScrollVisibility("rgCol",this.horizontalScroll.clientWidth,this.contentWidth)}setScrollParams(t){this.localScrollService.setParams({contentSize:this.contentHeight,clientSize:t.rgRow,virtualSize:0},"rgRow"),this.localScrollService.setParams({contentSize:this.contentWidth,clientSize:t.rgCol,virtualSize:0},"rgCol")}render(){var t,e;const i=null!==(e=null===(t=this.verticalScroll)||void 0===t?void 0:t.clientHeight)&&void 0!==e?e:0,r=this.contentHeight<i?Math.max(this.contentHeight,0):a(this.contentHeight,i),s=a(this.contentWidth,0);return o(l,{key:"3dd9d29cf26743d7aa4995f51180d56008526e54",onWheel:this.horizontalMouseWheel,onScroll:t=>this.applyScroll("rgCol",t)},o("div",{key:"af75428e845044c33eba2fecd1ec04a9177b9b5c",class:"inner-content-table",style:{width:`${s}px`}},o("div",{key:"a0149f597588371e1fafe69efc3bd4411379a017",class:"header-wrapper",ref:t=>this.header=t},o("slot",{key:"e5d2570bf93897cd97ef702141c83bb8c0e13ee2",name:h})),o("div",{key:"d1388ff0d721dd8ce925b934bb2128fddc1ac17b",class:"vertical-inner",ref:t=>this.verticalScroll=t,onWheel:this.verticalMouseWheel,onScroll:t=>this.applyScroll("rgRow",t)},o("div",{key:"a306ff56f62279402e2a881a081e3224341d5bdf",class:"content-wrapper",style:{height:`${r}px`}},o("slot",{key:"898bda8e9429da06c9ff2bd41626ac27f3cde3cc",name:v}))),o("div",{key:"5e9eba1edd5fca07a964971054a7900e4dd84099",class:"footer-wrapper",ref:t=>this.footer=t},o("slot",{key:"f233ad1c23b3f692c45e1db235cfef4704a80726",name:d}))))}async applyScroll(t,i){if(!(i.target instanceof e))return;let o=0;switch(t){case"rgCol":o=i.target.scrollLeft;break;case"rgRow":o=i.target.scrollTop}o<0?this.silentScroll.emit({dimension:t,coordinate:o}):this.applyOnScroll(t,o)}applyOnScroll(t,e,i=!1){const o=()=>{var o;null===(o=this.localScrollService)||void 0===o||o.scroll(e,t,void 0,void 0,i)};this.localScrollTimer.isReady(t,e)?o():this.localScrollTimer.throttleLastScrollUpdate(t,e,(()=>o()))}onVerticalMouseWheel(t,e,i){var o,l,r,s,n,c,a,h;const d=null!==(l=null===(o=this.verticalScroll)||void 0===o?void 0:o.scrollTop)&&void 0!==l?l:0;d+(null!==(s=null===(r=this.verticalScroll)||void 0===r?void 0:r.clientHeight)&&void 0!==s?s:0)>=(null!==(c=null===(n=this.verticalScroll)||void 0===n?void 0:n.scrollHeight)&&void 0!==c?c:0)&&i.deltaY>0||0===d&&i.deltaY<0||null===(a=i.preventDefault)||void 0===a||a.call(i),null===(h=this.localScrollService)||void 0===h||h.scroll(d+i[e],t,void 0,i[e]),this.localScrollTimer.latestScrollUpdate(t)}onHorizontalMouseWheel(t,e,i){var o,l,r,s;if(!i.deltaX)return;const{scrollLeft:n,scrollWidth:c,clientWidth:a}=this.horizontalScroll,h=n+a>=c&&i.deltaX>0,d=0===n&&i.deltaX<0;if(this.noHorizontalScrollTransfer){if(!h&&!d){const r=n+i[e];null===(o=i.preventDefault)||void 0===o||o.call(i),this.horizontalScroll.scrollLeft=r,null===(l=this.localScrollService)||void 0===l||l.scroll(this.horizontalScroll.scrollLeft,t,void 0,i[e]),this.localScrollTimer.latestScrollUpdate(t)}}else h||d||null===(r=i.preventDefault)||void 0===r||r.call(i),null===(s=this.localScrollService)||void 0===s||s.scroll(n+i[e],t,void 0,i[e]),this.localScrollTimer.latestScrollUpdate(t)}get horizontalScroll(){return this}static get style(){return".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;outline:none;-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%}"}},[260,"revogr-viewport-scroll",{rowHeader:[4,"row-header"],contentWidth:[2,"content-width"],contentHeight:[2,"content-height"],colType:[1,"col-type"],noHorizontalScrollTransfer:[4,"no-horizontal-scroll-transfer"],setScroll:[64],changeScroll:[64],applyScroll:[64]},[[0,"mousewheel-vertical","mousewheelVertical"],[0,"mousewheel-horizontal","mousewheelHorizontal"],[0,"scroll-coordinate","scrollApply"]]]);function y(){"undefined"!=typeof customElements&&["revogr-viewport-scroll"].forEach((t=>{"revogr-viewport-scroll"===t&&(customElements.get(r(t))||customElements.define(r(t),f))}))}export{v as C,w as D,d as F,h as H,f as R,y as d,p as v}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as o,Host as l,transformTag as r}from"@stencil/core/internal/client";import{t as s}from"./throttle.js";import{L as n,a as c,b as a}from"./local.scroll.timer.js";const h="header",d="footer",v="content",w="data";function u(t,i){return{x:t.viewports[t.colType].store.get("realCount"),y:t.viewports[i].store.get("realCount")}}function p(t,i,e,o){return{colData:t.colStore,viewportCol:t.viewports[t.colType].store,viewportRow:t.viewports[i].store,lastCell:u(t,i),slot:e,type:i,canDrag:!o,position:t.position,dataStore:t.rowStores[i].store,dimensionCol:t.dimensions[t.colType].store,dimensionRow:t.dimensions[i].store,style:o?{height:`${t.dimensions[i].store.get("realSize")}px`}:void 0}}class g{constructor(t,i,e){this.resize=i,this.resizeObserver=null,this.previousSize={width:0,height:0},this.apply=s((t=>{var i;const e={width:t.width,height:t.height};null===(i=this.resize)||void 0===i||i.call(this,e,this.previousSize),this.previousSize=e}),40,{leading:!1,trailing:!0});const o=[];e.forEach((t=>{t&&o.push(t)})),this.init(t,o)}init(t,i=[]){const e=this.resizeObserver=new ResizeObserver((i=>{i.length&&this.apply(i[0].target===t?i[0].contentRect:t.getBoundingClientRect())}));e.observe(t),i.forEach((t=>{e.observe(t)}))}destroy(){var t;this.apply.cancel(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=null}}const f=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.scrollViewport=e(this,"scrollviewport",7),this.resizeViewport=e(this,"resizeviewport",7),this.scrollchange=e(this,"scrollchange",7),this.silentScroll=e(this,"scrollviewportsilent",7),this.contentWidth=0,this.contentHeight=0,this.noHorizontalScrollTransfer=!1}async setScroll(t){var i;this.localScrollTimer.latestScrollUpdate(t.dimension),null===(i=this.localScrollService)||void 0===i||i.setScroll(t)}async changeScroll(t,i=!1){var e,o,l,r;if(!i){if(t.delta){let i=0;switch(t.dimension){case"rgCol":i=this.horizontalScroll.scrollLeft;break;case"rgRow":i=null!==(o=null===(e=this.verticalScroll)||void 0===e?void 0:e.scrollTop)&&void 0!==o?o:0}return null!==(r=null===(l=this.localScrollService)||void 0===l?void 0:l.setScrollByDelta(t,i))&&void 0!==r?r:t}return t}t.coordinate&&this.verticalScroll&&"rgRow"===t.dimension&&(this.verticalScroll.style.transform=`translateY(${-1*t.coordinate}px)`)}mousewheelVertical({detail:t}){this.verticalMouseWheel(t)}mousewheelHorizontal({detail:t}){this.horizontalMouseWheel(t)}scrollApply({detail:{type:t,coordinate:i}}){this.applyOnScroll(t,i,!0)}connectedCallback(){this.verticalMouseWheel=this.onVerticalMouseWheel.bind(this,"rgRow","deltaY"),this.horizontalMouseWheel=this.onHorizontalMouseWheel.bind(this,"rgCol","deltaX"),this.localScrollTimer=new n("ontouchstart"in document.documentElement?0:10),this.localScrollService=new c({runScroll:t=>this.scrollViewport.emit(t),applyScroll:t=>{switch(this.localScrollTimer.setCoordinate(t),t.dimension){case"rgCol":this.horizontalScroll.scrollLeft=t.coordinate;break;case"rgRow":this.verticalScroll&&(this.verticalScroll.scrollTop=t.coordinate,this.verticalScroll.style.transform&&(this.verticalScroll.style.transform=""))}}})}componentDidLoad(){this.resizeService=new g(this.horizontalScroll,(t=>{var i,e,o,l,r,s,n,c;const a={};let h=t.height||0;h&&(h-=(null!==(e=null===(i=this.header)||void 0===i?void 0:i.clientHeight)&&void 0!==e?e:0)+(null!==(l=null===(o=this.footer)||void 0===o?void 0:o.clientHeight)&&void 0!==l?l:0)),a.rgRow={size:h,contentSize:this.contentHeight,scroll:null!==(s=null===(r=this.verticalScroll)||void 0===r?void 0:r.scrollTop)&&void 0!==s?s:0,noScroll:!1};const d=t.width||0;a.rgCol={size:d,contentSize:this.contentWidth,scroll:this.horizontalScroll.scrollLeft,noScroll:"rgCol"!==this.colType},this.setScrollParams({rgRow:h,rgCol:d});const v=["rgCol","rgRow"];for(const t of v){const i=a[t];i&&(this.resizeViewport.emit({dimension:t,size:i.size,rowHeader:this.rowHeader}),i.noScroll||(null===(n=this.localScrollService)||void 0===n||n.scroll(null!==(c=i.scroll)&&void 0!==c?c:0,t,!0),this.setScrollVisibility(t,i.size,i.contentSize)))}}),[this.footer,this.header])}setScrollVisibility(t,i,e){const o=i<e;let l;switch(t){case"rgCol":l=this.horizontalScroll;break;case"rgRow":l=this.verticalScroll}o?null==l||l.classList.add(`scroll-${t}`):null==l||l.classList.remove(`scroll-${t}`),this.scrollchange.emit({type:t,hasScroll:o})}disconnectedCallback(){var t;null===(t=this.resizeService)||void 0===t||t.destroy()}async componentDidRender(){var t,i,e,o;this.setScrollParams({rgRow:null!==(i=null===(t=this.verticalScroll)||void 0===t?void 0:t.clientHeight)&&void 0!==i?i:0,rgCol:this.horizontalScroll.clientWidth}),this.setScrollVisibility("rgRow",null!==(o=null===(e=this.verticalScroll)||void 0===e?void 0:e.clientHeight)&&void 0!==o?o:0,this.contentHeight),this.setScrollVisibility("rgCol",this.horizontalScroll.clientWidth,this.contentWidth)}setScrollParams(t){this.localScrollService.setParams({contentSize:this.contentHeight,clientSize:t.rgRow,virtualSize:0},"rgRow"),this.localScrollService.setParams({contentSize:this.contentWidth,clientSize:t.rgCol,virtualSize:0},"rgCol")}render(){var t,i;const e=null!==(i=null===(t=this.verticalScroll)||void 0===t?void 0:t.clientHeight)&&void 0!==i?i:0,r=this.contentHeight<e?Math.max(this.contentHeight,0):a(this.contentHeight,e),s=a(this.contentWidth,0);return o(l,{key:"3dd9d29cf26743d7aa4995f51180d56008526e54",onWheel:this.horizontalMouseWheel,onScroll:t=>this.applyScroll("rgCol",t)},o("div",{key:"af75428e845044c33eba2fecd1ec04a9177b9b5c",class:"inner-content-table",style:{width:`${s}px`}},o("div",{key:"a0149f597588371e1fafe69efc3bd4411379a017",class:"header-wrapper",ref:t=>this.header=t},o("slot",{key:"e5d2570bf93897cd97ef702141c83bb8c0e13ee2",name:h})),o("div",{key:"d1388ff0d721dd8ce925b934bb2128fddc1ac17b",class:"vertical-inner",ref:t=>this.verticalScroll=t,onWheel:this.verticalMouseWheel,onScroll:t=>this.applyScroll("rgRow",t)},o("div",{key:"a306ff56f62279402e2a881a081e3224341d5bdf",class:"content-wrapper",style:{height:`${r}px`}},o("slot",{key:"898bda8e9429da06c9ff2bd41626ac27f3cde3cc",name:v}))),o("div",{key:"5e9eba1edd5fca07a964971054a7900e4dd84099",class:"footer-wrapper",ref:t=>this.footer=t},o("slot",{key:"f233ad1c23b3f692c45e1db235cfef4704a80726",name:d}))))}async applyScroll(t,e){if(!(e.target instanceof i))return;let o=0;switch(t){case"rgCol":o=e.target.scrollLeft;break;case"rgRow":o=e.target.scrollTop}o<0?this.silentScroll.emit({dimension:t,coordinate:o}):this.applyOnScroll(t,o)}applyOnScroll(t,i,e=!1){const o=()=>{var o;null===(o=this.localScrollService)||void 0===o||o.scroll(i,t,void 0,void 0,e),this.localScrollTimer.setCoordinateFromScroll({dimension:t,coordinate:i})};this.localScrollTimer.isReady(t,i)?o():this.localScrollTimer.throttleLastScrollUpdate(t,i,(()=>o()))}onVerticalMouseWheel(t,i,e){var o,l,r,s,n,c,a,h;const d=null!==(l=null===(o=this.verticalScroll)||void 0===o?void 0:o.scrollTop)&&void 0!==l?l:0;d+(null!==(s=null===(r=this.verticalScroll)||void 0===r?void 0:r.clientHeight)&&void 0!==s?s:0)>=(null!==(c=null===(n=this.verticalScroll)||void 0===n?void 0:n.scrollHeight)&&void 0!==c?c:0)&&e.deltaY>0||0===d&&e.deltaY<0||null===(a=e.preventDefault)||void 0===a||a.call(e),null===(h=this.localScrollService)||void 0===h||h.scroll(d+e[i],t,void 0,e[i]),this.localScrollTimer.latestScrollUpdate(t)}onHorizontalMouseWheel(t,i,e){var o,l,r,s;if(!e.deltaX)return;const{scrollLeft:n,scrollWidth:c,clientWidth:a}=this.horizontalScroll,h=n+a>=c&&e.deltaX>0,d=0===n&&e.deltaX<0;if(this.noHorizontalScrollTransfer){if(!h&&!d){const r=n+e[i];null===(o=e.preventDefault)||void 0===o||o.call(e),this.horizontalScroll.scrollLeft=r,null===(l=this.localScrollService)||void 0===l||l.scroll(this.horizontalScroll.scrollLeft,t,void 0,e[i]),this.localScrollTimer.latestScrollUpdate(t)}}else h||d||null===(r=e.preventDefault)||void 0===r||r.call(e),null===(s=this.localScrollService)||void 0===s||s.scroll(n+e[i],t,void 0,e[i]),this.localScrollTimer.latestScrollUpdate(t)}get horizontalScroll(){return this}static get style(){return".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;outline:none;-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%}"}},[260,"revogr-viewport-scroll",{rowHeader:[4,"row-header"],contentWidth:[2,"content-width"],contentHeight:[2,"content-height"],colType:[1,"col-type"],noHorizontalScrollTransfer:[4,"no-horizontal-scroll-transfer"],setScroll:[64],changeScroll:[64],applyScroll:[64]},[[0,"mousewheel-vertical","mousewheelVertical"],[0,"mousewheel-horizontal","mousewheelHorizontal"],[0,"scroll-coordinate","scrollApply"]]]);function y(){"undefined"!=typeof customElements&&["revogr-viewport-scroll"].forEach((t=>{"revogr-viewport-scroll"===t&&(customElements.get(r(t))||customElements.define(r(t),f))}))}export{v as C,w as D,d as F,h as H,f as R,y as d,p as v}