https://resiyou.com/chunk-AHZB5P2X.js

1import{c as y,d as F,e as I,f as w}from"./chunk-GTOASLKO.js";import{i as x,k as C,l as o,m as D,n as k,o as b}from"./chunk-GME53WQN.js";import{h as v}from"./chunk-C5U4BBKM.js";(function(){Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(i){let t=this;do{if(Element.prototype.matches.call(t,i))return t;t=t.parentElement||t.parentNode}while(t!==null&&t.nodeType===1);return null})})();var S="text/revogrid-filter-id";function A(e,i){e&&(e.effectAllowed="move",e.setData(S,String(i)),e.setData("text/plain",String(i)))}function T(e){if(!e)return;let t=(e.getData(S)||e.getData("text/plain")).trim();if(!t)return;let r=Number(t);return Number.isFinite(r)?r:void 0}function O(e,i,t){if(i===t)return!1;let r=e.findIndex(n=>n.id===i),s=e.findIndex(n=>n.id===t);if(r===-1||s===-1||r===s)return!1;let a=e.map(n=>{var d;return(d=n.relation)!==null&&d!==void 0?d:"and"}),[l]=e.splice(r,1);return e.splice(s,0,l),e.forEach((n,d)=>{var c;n.relation=d===e.length-1?"and":(c=a[d])!==null&&c!==void 0?c:"and"}),!0}var _=()=>'.revo-button{position:relative;overflow:hidden;color:var(--rg-theme-button-text);background-color:var(--rg-theme-button-bg);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:var(--rg-theme-button-success-bg)}.revo-button.red{background-color:var(--rg-theme-button-danger-bg)}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.outline{border:1px solid var(--rg-theme-button-outline-border);line-height:30px;background:none;color:var(--rg-theme-button-outline-text);box-shadow:none}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;color:var(--rg-theme-filter-panel-text);background-color:var(--rg-theme-filter-panel-bg);border:1px solid var(--rg-theme-filter-panel-border);transform-origin:62px 0px;box-shadow:0 5px 18px -2px var(--rg-theme-filter-panel-shadow);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;color:var(--rg-theme-filter-panel-text);background:var(--rg-theme-filter-panel-input-bg);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(--rg-theme-filter-panel-bg);border-top:1px solid var(--rg-theme-filter-panel-divider)}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:var(--rg-theme-filter-panel-icon-active)}.rgHeaderCell .rv-filter .filter-img{color:var(--rg-theme-filter-panel-icon);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;color:var(--rg-theme-filter-panel-text);border:1px solid var(--rg-theme-filter-panel-select-border);box-shadow:transparent;border-radius:0.5em;appearance:none;background-color:var(--rg-theme-filter-panel-input-bg);background-image:var(--revo-grid-filter-panel-select-arrow, 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%3

1E%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{}.select-css:hover{border-color:var(--rg-theme-filter-panel-select-border)}.select-css{}.select-css:focus{border-color:var(--rg-theme-filter-panel-select-border-hover);box-shadow:var(--rg-theme-filter-panel-focus-ring);outline:none}.select-css{}.select-css option{font-weight:normal}.select-css{}.select-css:disabled,.select-css[aria-disabled=true]{color:var(--rg-theme-filter-panel-muted-text);background-image:var(--revo-grid-filter-panel-select-arrow-disabled, 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"))}.select-css:disabled:hover,.select-css[aria-disabled=true]{border-color:var(--rg-theme-filter-panel-select-border)}.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(--rg-theme-filter-panel-reorder-accent);border-radius:999px;box-shadow:0 0 0 2px var(--rg-theme-filter-panel-bg)}.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(--rg-theme-filter-panel-reorder-color);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(--rg-theme-filter-panel-reorder-accent)}.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(--rg-theme-filter-panel-divider);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}',p="none",R="multi-filter-list",L="multi-filter-list-action",E="add-filter",u=8,M=class{constructor(e){C(this,e),this.filterChange=b(this,"filterChange",7),this.resetChange=b(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.allowDuplicateOperators=!0,this.debouncedApplyFilter=x(()=>{this.filterChange.emit(this.filterItems)},400)}onMouseDown(e){if(!this.changes)return;let i=e.composedPath(),t=this.getAddFilterSelect();if(t instanceof HTMLSelectElement){if(i.includes(t))return;t.value=p}this.currentFilterType=p,this.changes&&(this.changes.type=p),this.currentFilterId=-1,!i.includes(this.element)&&!this.isOwnFilterButton(e.target)&&this.closeOnOutsideClick&&(this.changes=void 0)}show(e){return v(this,null,function*(){this.changes=e,this.filterItems=e?.filterItems||{},this.changes&&(this.changes.type=this.changes.type||p)})}getChanges(){return v(this,null,function*(){return this.changes})}

1componentWillRender(){if(!this.isFilterIdSet){this.isFilterIdSet=!0;let e=Object.keys(this.filterItems);for(let i of e)this.filterId+=this.filterItems[i].length}}getFilterItemsList(){var e,i;let t=(e=this.changes)===null||e===void 0?void 0:e.prop;if(typeof t>"u")return"";let r=(i=this.filterItems[t])!==null&&i!==void 0?i:[],s=r.filter(l=>!l.hidden).length,a=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions);return o("div",{key:this.filterId},o("ul",{class:"multi-filter-list-container"},r.map((l,n)=>{let d;if(l.hidden)return;n!==this.filterItems[t].length-1&&(d=o(F,{text:l.relation==="and"?a.and:a.or,onClick:()=>this.toggleFilterAndOr(l.id)}));let c=this.renderExtra(t,n),h=this.draggedFilterId===l.id,f=this.dragOverFilterId===l.id&&!h,m=s>1;return o("li",{key:l.id,class:R,"aria-label":`${a.filterCondition} ${n+1}`},o("div",{class:{"multi-filter-list-row":!0,"filter-row-drop-active":this.draggedFilterId!==void 0&&!h,"filter-row-dragging":h,"filter-row-drag-over":f}},m?o("button",{type:"button",class:"filter-row-drop-target",tabIndex:-1,"aria-label":`${a.filterCondition} ${n+1}`,onDragOver:g=>this.onFilterDragOver(g,l.id),onDragLeave:()=>this.onFilterDragLeave(l.id),onDrop:g=>this.onFilterDrop(g,t,l.id)}):"",m?o(I,{ariaLabel:a.reorderFilter,dragging:h,dragOver:f,onDragStart:g=>this.onFilterDragStart(g,l.id),onDragEnd:()=>this.onFilterDragEnd(),onKeyDown:g=>this.onFilterReorderKeyDown(g,t,l.id)}):"",o("div",{class:{"select-input":!0}},o("select",{class:"select-css select-filter",onChange:g=>this.onFilterTypeChange(g,t,n)},this.renderSelectOptions(this.filterItems[t][n].type,!0)),c?o("div",{class:"filter-extra"},c):""),o("div",{class:L},d,o(y,{ariaLabel:a.removeFilter,onClick:()=>this.onRemoveFilter(l.id)}))))})),r.filter(l=>!l.hidden).length>0?o("div",{class:"add-filter-divider"}):"")}componentDidRender(){this.syncDialog()}syncDialog(){if(this.dialog){if(!this.changes){this.dialog.open&&this.dialog.close();return}this.dialog.open||this.dialog.show(),this.changes.autoCorrect!==!1&&(this.autoCorrect(this.dialog),requestAnimationFrame(()=>this.autoCorrect(this.dialog)))}}autoCorrect(e){var i;if(!e||!this.changes)return;e.style.maxHeight="",e.style.left=`${this.changes.x}px`,e.style.top=`${this.changes.y}px`;let t=e.getBoundingClientRect(),r=(i=this.changes.anchorY)!==null&&i!==void 0?i:this.changes.y,s=this.changes.y,a=Math.max(0,r-u),l=Math.max(0,window.innerHeight-s-u),n=t.height>l&&a>l,d=Math.max(u,n?a:l);e.style.maxHeight=`${d}px`;let c=e.getBoundingClientRect(),h=Math.max(u,window.innerWidth-c.width-u),f=Math.max(u,window.innerHeight-c.height-u),m=Math.min(Math.max(u,this.changes.x),h),g=Math.min(n?Math.max(u,r-c.height):Math.max(u,s),f);e.style.left=`${m}px`,e.style.top=`${g}px`}onFilterTypeChange(e,i,t){e.target instanceof HTMLSelectElement&&(this.filterItems[i][t].type=e.target.value,this.filterId++,setTimeout(()=>{let r=document.getElementById("filter-input-"+this.filterItems[i][t].id);r instanceof HTMLInputElement&&r.focus()},0),this.disableDynamicFiltering||this.debouncedApplyFilter())}onAddNewFilter(e){let i=e.target;this.currentFilterType=i.value,this.addNewFilterToProp();let t=this.getAddFilterSelect();t&&(t.value=p,this.currentFilterType=p),this.disableDynamicFiltering||this.debouncedApplyFilter()}addNewFilterToProp(){var e;let i=(e=this.changes)===null||e===void 0?void 0:e.prop;(i||i===0)&&(this.filterItems[i]||(this.filterItems[i]=[]),this.currentFilterType!=="none"&&(this.filterId++,this.currentFilterId=this.filterId,this.filterItems[i].push({id:this.currentFilterId,type:this.currentFilterType,value:"",relation:"and"}),setTimeout(()=>{let t=document.getElementById("filter-input-"+this.currentFilterId);t&&t.focus()},0)))}onSave(){this.filterChange.emit(this.filterItems)}onCancel(){this.changes=void 0}onReset(){var e;this.assertChanges(),this.resetChange.emit((e=this.changes)===null||e===void 0?void 0:e.prop),this.filterId++}onRemoveFilter(e){var i;this.assertChanges(),this.filterId++;let t=(i=this.changes)===null||i===void 0?void 0:i.prop,r=this.filterItems[t??""];if(!r)return;let s=r.findIndex(a=>a.id===e);s!==-1&&(r.splice(s,1),r.length===0&&delete this.filterItems[t??""],this.disableDynamicFiltering||this.debouncedApplyFilter())}onFilterDragStart(e,i){this.draggedFilterId=i,A(e.dataTransfer,i)}onFilterDragOver(e,i){this.draggedFilterId===void 0||this.draggedFilterId===i||(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move"),this.dragOverFilterId=i)}onFilterDragLeave(e){this.dragOverFilterId===e&&(this.dragOverFilterId=void 0)}onFilterDrop(e,i,t){var r;e.preventDefault();let s=(r=this.draggedFilterId)!==null&&r!==void 0?r:T(e.dataTransfer);if(this.onFilterDragEnd(),s===void 0)return;let a=this.filterItems[i];a&&O(a,s,t)&&(this.filterId++,this.disableDynamicFiltering||this.debouncedApplyFilter())}onFilterDragEnd(){this.draggedFilterId=void 0,this.dragOverFilterId=void 0}onFilterReorderKeyDown(e,i,t){let r=0;if(e.key==="ArrowUp")r=-1;else if(e.key==="ArrowDown")r=1;else return;let s=this.filterItems[i];if(!s)return;let a=s.filter(d=>!d.hidden),l=a.findIndex(d=>d.id===t);if(l===-1)return;e.preventDefault(),e.stopPropagation();let n=a[l+r];!n||!O(s,t,n.id)||(this.filterId++,this.disableDynamicFiltering||this.debouncedApplyFilter())}toggleFilterAndOr(e){var i;this.assertChanges(),this.filterId++;let t=(i=this.changes)===null||i===void 0?void 0:i.prop,r=this.filterItems[t??""];if(!r)return;let s=r.findIndex(a=>a.id===e);s!==-1&&(r[s].relation=r[s].relation==="and"?"or":"and",this.disableDynamicFiltering||this.debouncedApplyFilter())}assertChanges(){if(!this.changes)throw new Error("Changes required per edit")}renderSelectOptions(e,i=!1){var t;if(!this.changes)return;let r=[],s=this.changes.prop;if(s===void 0)return;let a=new Set;

1Object.keys(this.filterItems).forEach(n=>{this.filterItems[n].forEach(c=>{c.hidden&&a.add(c.type)})});let l=new Set(((t=this.filterItems[s])!==null&&t!==void 0?t:[]).filter(n=>!n.hidden).map(n=>n.type));if(!i){let n=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions);r.push(o("option",{selected:this.currentFilterType===p,value:p},s&&this.filterItems[s]&&this.filterItems[s].length>0?n.add:this.filterNames[p]))}for(let n in this.changes.filterTypes){let d=this.changes.filterTypes[n].filter(c=>!a.has(c)&&(this.allowDuplicateOperators||!l.has(c)||i&&e===c));d.length&&(r.push(...d.map(c=>o("option",{value:c,selected:e===c},this.filterNames[c]))),r.push(o("option",{disabled:!0})))}return r}renderExtra(e,i){let t=this.filterItems[e];if(!t)return"";let r=n=>{this.filterItems[e][i].value=n,this.disableDynamicFiltering||this.debouncedApplyFilter()},s=()=>{let n=this.getAddFilterSelect();n&&(n.value=p,this.currentFilterType=p,this.addNewFilterToProp(),n.focus())},a=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions),l=this.filterEntities[t[i].type].extra;return typeof l=="function"?l(o,{value:t[i].value,filter:t[i],prop:e,index:i,placeholder:a.placeholder,onInput:n=>{r(n)},onFocus:()=>{s()}}):l!=="input"&&l!=="datepicker"?"":o("input",{id:`filter-input-${t[i].id}`,placeholder:a.placeholder,type:l==="datepicker"?"date":"text",value:t[i].value,onInput:n=>{n.target instanceof HTMLInputElement&&r(n.target.value)},onKeyDown:n=>{if(n.key.toLowerCase()==="enter"){this.getAddFilterSelect()&&s();return}n.stopPropagation()}})}getAddFilterSelect(){return this.element.querySelector(`#${E}`)}isOwnFilterButton(e){if(!(e instanceof Element)||!w(e))return!1;let i=this.getOwningGrid(this.element),t=this.getOwningGrid(e);return!!i&&i===t}getOwningGrid(e){let i=e.closest("revo-grid");if(i)return i;let t=e.getRootNode();if(t instanceof ShadowRoot&&t.host.localName==="revo-grid")return t.host}render(){var e,i,t,r,s,a,l,n,d;let c={left:`${(i=(e=this.changes)===null||e===void 0?void 0:e.x)!==null&&i!==void 0?i:0}px`,top:`${(r=(t=this.changes)===null||t===void 0?void 0:t.y)!==null&&r!==void 0?r:0}px`},h=Object.assign(Object.assign({},this.filterCaptionsInternal),this.filterCaptions);return o(D,{key:"8859c452eb08838f65f18efecbdde7f65fda2b49"},o("dialog",{key:"f603067ff0986a9f344cbbf816388d2bbac198bb",class:"filter-panel-dialog",style:c,ref:f=>this.dialog=f,onCancel:f=>{f.preventDefault(),this.onCancel()}},this.changes&&[o("slot",{key:"header-slot",slot:"header"}),((a=(s=this.changes).extraContent)===null||a===void 0?void 0:a.call(s,this.changes))||"",((l=this.changes)===null||l===void 0?void 0:l.hideDefaultFilters)!==!0&&[o("label",{key:"filter-title"},h.title),o("div",{key:"filter-holder",class:"filter-holder"},this.getFilterItemsList()),o("div",{key:"add-filter",class:"add-filter"},o("select",{key:"2ec0a66918edf91bdde3962b6ec84c89f6f1c8f1",id:E,class:"select-css",onChange:f=>this.onAddNewFilter(f)},this.renderSelectOptions(this.currentFilterType)))],o("slot",{key:"default-slot"}),((d=(n=this.changes).extraBottomContent)===null||d===void 0?void 0:d.call(n,this.changes))||"",o("div",{key:"filter-actions",class:"filter-actions"},this.disableDynamicFiltering&&[o("button",{key:"save",id:"revo-button-save","aria-label":"save",class:"revo-button green",onClick:()=>this.onSave()},h.save),o("button",{key:"cancel",id:"revo-button-ok","aria-label":"ok",class:"revo-button green",onClick:()=>this.onCancel()},h.cancel)],!this.disableDynamicFiltering&&[o("button",{key:"ok",id:"revo-button-ok","aria-label":"ok",class:"revo-button green",onClick:()=>this.onCancel()},h.ok),o("button",{key:"reset",id:"revo-button-reset","aria-label":"reset",class:"revo-button outline",onClick:()=>this.onReset()},h.reset)]),o("slot",{key:"footer-slot",slot:"footer"})]))}get element(){return k(this)}};M.style=_();export{M as revogr_filter_panel};