@univerjs/sheets-filter-ui 0.20.1 → 0.21.0

package/lib/index.js

@@ -1,7 +1,2733 @@
-import{BooleanNumber as e,ColorKit as t,CommandType as n,DependentOn as r,Disposable as i,ICommandService as a,IConfigService as o,IContextService as s,ILogService as c,IUniverInstanceService as l,Inject as u,Injector as d,InterceptorEffectEnum as f,LocaleService as p,Optional as m,Plugin as h,Quantity as g,RxDisposable as _,ThemeService as v,Tools as y,UniverInstanceType as b,VerticalAlign as x,createIdentifier as S,extractPureTextFromCell as ee,fromCallback as C,merge as w,numfmt as te,registerDependencies as ne,touchDependencies as re}from"@univerjs/core";import{ClearSheetsFilterCriteriaCommand as ie,CustomFilterOperator as T,FILTER_MUTATIONS as ae,FilterBy as E,ReCalcSheetsFilterCommand as oe,ReCalcSheetsFilterMutation as se,RemoveSheetFilterCommand as ce,RemoveSheetsFilterMutation as le,SetSheetFilterRangeCommand as ue,SetSheetsFilterCriteriaCommand as D,SetSheetsFilterCriteriaMutation as de,SetSheetsFilterRangeMutation as fe,SheetsFilterService as O,SheetsFilterSyncController as pe,SmartToggleSheetsFilterCommand as me,UniverSheetsFilterPlugin as he}from"@univerjs/sheets-filter";import{IEditorBridgeService as ge,ISheetSelectionRenderService as _e,SelectionControl as ve,SetCellEditVisibleOperation as ye,SheetCanvasPopManagerService as be,SheetSkeletonManagerService as xe,SheetsRenderService as Se,SheetsUIPart as Ce,getCoordByCell as we,getCurrentRangeDisable$ as Te,getObservableWithExclusiveRange$ as Ee,whenSheetEditorFocused as De}from"@univerjs/sheets-ui";import{ComponentContainer as Oe,ComponentManager as ke,ILayoutService as Ae,IMenuManagerService as je,IMessageService as Me,IShortcutService as Ne,KeyCode as Pe,MenuItemType as Fe,MetaKeys as Ie,RibbonDataGroup as Le,getMenuHiddenObservable as Re,useComponentsOfPart as ze,useDependency as k,useObservable as A}from"@univerjs/ui";import{COLOR_BLACK_RGB as Be,IRenderManagerService as Ve,Rect as He,Shape as Ue}from"@univerjs/engine-render";import{INTERCEPTOR_POINT as We,RangeProtectionPermissionViewPoint as j,RefRangeService as Ge,SetRangeValuesMutation as Ke,SheetInterceptorService as qe,SheetPermissionCheckController as Je,SheetsSelectionsService as Ye,WorksheetFilterPermission as M,WorksheetViewPermission as N,attachSelectionWithCoord as Xe,expandToContinuousRange as Ze,getSheetCommandTarget as Qe}from"@univerjs/sheets";import{BehaviorSubject as P,ReplaySubject as $e,Subject as et,combineLatest as tt,distinctUntilChanged as nt,filter as rt,map as F,merge as it,of as I,shareReplay as at,startWith as ot,switchMap as st,takeUntil as ct,throttleTime as lt}from"rxjs";import{IRPCChannelService as ut,fromModule as dt,toModule as ft}from"@univerjs/rpc";import{Button as pt,Checkbox as mt,Input as ht,MessageType as gt,Radio as _t,RadioGroup as vt,Segmented as yt,Select as bt,Switch as xt,Tooltip as St,Tree as Ct,borderClassName as wt,clsx as Tt}from"@univerjs/design";import{AIcon as Et,BanIcon as Dt,FilterIcon as Ot,InfoIcon as kt,SuccessIcon as At}from"@univerjs/icons";import{useCallback as L,useMemo as jt}from"react";import{Fragment as Mt,jsx as R,jsxs as z}from"react/jsx-runtime";let B=function(e){return e[e.FIRST=0]=`FIRST`,e[e.SECOND=1]=`SECOND`,e}({}),V=function(e){return e.NONE=`none`,e.STARTS_WITH=`startsWith`,e.DOES_NOT_START_WITH=`doesNotStartWith`,e.ENDS_WITH=`endsWith`,e.DOES_NOT_END_WITH=`doesNotEndWith`,e.CONTAINS=`contains`,e.DOES_NOT_CONTAIN=`doesNotContain`,e.EQUALS=`equals`,e.NOT_EQUALS=`notEquals`,e.EMPTY=`empty`,e.NOT_EMPTY=`notEmpty`,e.BETWEEN=`between`,e.NOT_BETWEEN=`notBetween`,e.CUSTOM=`custom`,e}({}),H;(function(t){let n=t.NONE={label:`sheets-filter.conditions.none`,operator:V.NONE,order:B.SECOND,numOfParameters:0,getDefaultFormParams:()=>{throw Error(`[FilterConditionItems.NONE]: should not have initial form params!`)},testMappingParams:e=>e.operator1===V.NONE,mapToFilterColumn:()=>null,testMappingFilterColumn:e=>!e.customFilters&&!e.filters?{}:!1},r=t.ALL_CONDITIONS=[n,t.EMPTY={label:`sheets-filter.conditions.empty`,operator:V.EMPTY,order:B.SECOND,numOfParameters:0,getDefaultFormParams:()=>{throw Error(`[FilterConditionItems.EMPTY]: should not have initial form params!`)},testMappingParams:({operator1:e})=>e===V.EMPTY,mapToFilterColumn:()=>({customFilters:{customFilters:[{val:``}]}}),testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0];return n.val===``&&n.operator===void 0?{operator1:V.EMPTY}:!1}},t.NOT_EMPTY={label:`sheets-filter.conditions.not-empty`,operator:V.NOT_EMPTY,order:B.SECOND,numOfParameters:0,getDefaultFormParams:()=>{throw Error(`[FilterConditionItems.NOT_EMPTY]: should not have initial form params!`)},testMappingParams:({operator1:e})=>e===V.NOT_EMPTY,mapToFilterColumn:()=>({customFilters:{customFilters:[{val:``,operator:T.NOT_EQUALS}]}}),testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0];return n.val===` `&&n.operator===T.NOT_EQUALS?{operator1:V.NOT_EMPTY}:!1}},t.TEXT_CONTAINS={label:`sheets-filter.conditions.text-contains`,operator:V.CONTAINS,order:B.FIRST,numOfParameters:1,getDefaultFormParams:()=>({operator1:V.CONTAINS,val1:``}),testMappingParams:e=>{let[t]=U(e);return t===V.CONTAINS},mapToFilterColumn:e=>{let{val1:t}=e;return t===``?null:{customFilters:{customFilters:[{val:`*${t}*`}]}}},testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0],r=n.val.toString();return!n.operator&&r.startsWith(`*`)&&r.endsWith(`*`)?{operator1:V.CONTAINS,val1:r.slice(1,-1)}:!1}},t.DOES_NOT_CONTAIN={label:`sheets-filter.conditions.does-not-contain`,operator:V.DOES_NOT_CONTAIN,order:B.FIRST,numOfParameters:1,getDefaultFormParams:()=>({operator1:V.DOES_NOT_CONTAIN,val1:``}),mapToFilterColumn:e=>({customFilters:{customFilters:[{val:`*${e.val1}*`,operator:T.NOT_EQUALS}]}}),testMappingParams:e=>{let[t]=U(e);return t===V.DOES_NOT_CONTAIN},testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0],r=n.val.toString();return n.operator===T.NOT_EQUALS&&r.startsWith(`*`)&&r.endsWith(`*`)?{operator1:V.DOES_NOT_CONTAIN,val1:r.slice(1,-1)}:!1}},t.STARTS_WITH={label:`sheets-filter.conditions.starts-with`,operator:V.STARTS_WITH,order:B.FIRST,numOfParameters:1,getDefaultFormParams:()=>({operator1:V.STARTS_WITH,val1:``}),mapToFilterColumn:e=>({customFilters:{customFilters:[{val:`${e.val1}*`}]}}),testMappingParams:e=>{let[t]=U(e);return t===V.STARTS_WITH},testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0],r=n.val.toString();return!n.operator&&r.endsWith(`*`)&&!r.startsWith(`*`)?{operator1:V.STARTS_WITH,val1:r.slice(0,-1)}:!1}},t.ENDS_WITH={label:`sheets-filter.conditions.ends-with`,operator:V.ENDS_WITH,order:B.FIRST,numOfParameters:1,getDefaultFormParams:()=>({operator1:V.ENDS_WITH,val1:``}),mapToFilterColumn:e=>({customFilters:{customFilters:[{val:`*${e.val1}`}]}}),testMappingParams:e=>{let[t]=U(e);return t===V.ENDS_WITH},testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0],r=n.val.toString();return!n.operator&&r.startsWith(`*`)&&!r.endsWith(`*`)?{operator1:V.ENDS_WITH,val1:r.slice(1)}:!1}},t.EQUALS={label:`sheets-filter.conditions.equals`,operator:V.EQUALS,order:B.FIRST,numOfParameters:1,getDefaultFormParams:()=>({operator1:V.EQUALS,val1:``}),testMappingParams:e=>{let[t]=U(e);return t===V.EQUALS},mapToFilterColumn:e=>{let{val1:t}=e;return t===``?null:{customFilters:{customFilters:[{val:t}]}}},testMappingFilterColumn:e=>{var t,n;return((t=e.filters)==null||(t=t.filters)==null?void 0:t.length)===1?{operator1:V.EQUALS,val1:``}:((n=e.customFilters)==null?void 0:n.customFilters.length)===1&&!e.customFilters.customFilters[0].operator?{operator1:V.EQUALS,val1:e.customFilters.customFilters[0].val.toString()}:!1}},t.GREATER_THAN={label:`sheets-filter.conditions.greater-than`,operator:T.GREATER_THAN,numOfParameters:1,order:B.FIRST,getDefaultFormParams:()=>({operator1:T.GREATER_THAN,val1:``}),mapToFilterColumn:e=>({customFilters:{customFilters:[{val:e.val1,operator:T.GREATER_THAN}]}}),testMappingParams:e=>{let[t]=U(e);return t===T.GREATER_THAN},testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0];return n.operator===T.GREATER_THAN?{operator1:T.GREATER_THAN,val1:n.val.toString()}:!1}},t.GREATER_THAN_OR_EQUAL={label:`sheets-filter.conditions.greater-than-or-equal`,operator:T.GREATER_THAN_OR_EQUAL,numOfParameters:1,order:B.FIRST,getDefaultFormParams:()=>({operator1:T.GREATER_THAN_OR_EQUAL,val1:``}),testMappingParams:e=>{let[t]=U(e);return t===T.GREATER_THAN_OR_EQUAL},mapToFilterColumn:e=>({customFilters:{customFilters:[{val:e.val1,operator:T.GREATER_THAN_OR_EQUAL}]}}),testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0];return n.operator===T.GREATER_THAN_OR_EQUAL?{operator1:T.GREATER_THAN_OR_EQUAL,val1:n.val.toString()}:!1}},t.LESS_THAN={label:`sheets-filter.conditions.less-than`,operator:T.LESS_THAN,numOfParameters:1,order:B.FIRST,getDefaultFormParams:()=>({operator1:T.LESS_THAN,val1:``}),testMappingParams:e=>{let[t]=U(e);return t===T.LESS_THAN},mapToFilterColumn:e=>({customFilters:{customFilters:[{val:e.val1,operator:T.LESS_THAN}]}}),testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0];return n.operator===T.LESS_THAN?{operator1:T.LESS_THAN,val1:n.val.toString()}:!1}},t.LESS_THAN_OR_EQUAL={label:`sheets-filter.conditions.less-than-or-equal`,operator:T.LESS_THAN_OR_EQUAL,numOfParameters:1,order:B.FIRST,getDefaultFormParams:()=>({operator1:T.LESS_THAN_OR_EQUAL,val1:``}),testMappingParams:e=>{let[t]=U(e);return t===T.LESS_THAN_OR_EQUAL},mapToFilterColumn:e=>({customFilters:{customFilters:[{val:e.val1,operator:T.LESS_THAN_OR_EQUAL}]}}),testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0];return n.operator===T.LESS_THAN_OR_EQUAL?{operator1:T.LESS_THAN_OR_EQUAL,val1:n.val.toString()}:!1}},t.EQUAL={label:`sheets-filter.conditions.equal`,operator:T.EQUAL,numOfParameters:1,order:B.FIRST,getDefaultFormParams:()=>({operator1:T.EQUAL,val1:``}),testMappingParams:e=>{let[t]=U(e);return t===T.EQUAL},mapToFilterColumn:e=>({customFilters:{customFilters:[{val:e.val1,operator:T.EQUAL}]}}),testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0];return n.operator===T.EQUAL?{operator1:T.EQUAL,val1:n.val.toString()}:!1}},t.NOT_EQUAL={label:`sheets-filter.conditions.not-equal`,operator:T.NOT_EQUALS,numOfParameters:1,order:B.FIRST,getDefaultFormParams:()=>({operator1:T.NOT_EQUALS,val1:``}),testMappingParams:e=>{let[t]=U(e);return t===T.NOT_EQUALS},mapToFilterColumn:e=>({customFilters:{customFilters:[{val:e.val1,operator:T.NOT_EQUALS}]}}),testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==1)return!1;let n=e.customFilters.customFilters[0];return n.operator===T.NOT_EQUALS?{operator1:T.NOT_EQUALS,val1:n.val.toString()}:!1}},t.BETWEEN={label:`sheets-filter.conditions.between`,operator:V.BETWEEN,order:B.SECOND,numOfParameters:2,getDefaultFormParams:()=>({and:!0,operator1:T.GREATER_THAN_OR_EQUAL,val1:``,operator2:T.LESS_THAN_OR_EQUAL,val2:``}),testMappingParams:e=>{let{and:t,operator1:n,operator2:r}=e;if(!t)return!1;let i=[n,r];return i.includes(T.GREATER_THAN_OR_EQUAL)&&i.includes(T.LESS_THAN_OR_EQUAL)},mapToFilterColumn:t=>{let{val1:n,val2:r,operator1:i}=t,a=i===T.GREATER_THAN_OR_EQUAL;return{customFilters:{and:e.TRUE,customFilters:[{val:a?n:r,operator:T.GREATER_THAN_OR_EQUAL},{val:a?r:n,operator:T.LESS_THAN_OR_EQUAL}]}}},testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==2)return!1;let[n,r]=e.customFilters.customFilters;return n.operator===T.GREATER_THAN_OR_EQUAL&&r.operator===T.LESS_THAN_OR_EQUAL&&e.customFilters.and?{and:!0,operator1:T.GREATER_THAN_OR_EQUAL,val1:n.val.toString(),operator2:T.LESS_THAN_OR_EQUAL,val2:r.val.toString()}:r.operator===T.GREATER_THAN_OR_EQUAL&&n.operator===T.LESS_THAN_OR_EQUAL&&e.customFilters.and?{and:!0,operator1:T.GREATER_THAN_OR_EQUAL,val1:r.val.toString(),operator2:T.LESS_THAN_OR_EQUAL,val2:n.val.toLocaleString()}:!1}},t.NOT_BETWEEN={label:`sheets-filter.conditions.not-between`,operator:V.NOT_BETWEEN,order:B.SECOND,numOfParameters:2,getDefaultFormParams:()=>({operator1:T.LESS_THAN,val1:``,operator2:T.GREATER_THAN,val2:``}),testMappingParams:e=>{let{and:t,operator1:n,operator2:r}=e;if(t)return!1;let i=[n,r];return i.includes(T.GREATER_THAN)&&i.includes(T.LESS_THAN)},mapToFilterColumn:e=>{let{val1:t,val2:n,operator1:r}=e,i=r===T.GREATER_THAN;return{customFilters:{customFilters:[{val:i?t:n,operator:T.GREATER_THAN},{val:i?n:t,operator:T.LESS_THAN}]}}},testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==2)return!1;let[n,r]=e.customFilters.customFilters;return n.operator===T.LESS_THAN&&r.operator===T.GREATER_THAN&&!e.customFilters.and?{operator1:T.LESS_THAN,val1:n.val.toString(),operator2:T.GREATER_THAN,val2:r.val.toString()}:r.operator===T.LESS_THAN&&n.operator===T.GREATER_THAN&&!e.customFilters.and?{operator1:T.GREATER_THAN,val1:r.val.toString(),operator2:T.LESS_THAN,val2:n.val.toLocaleString()}:!1}},t.CUSTOM={label:`sheets-filter.conditions.custom`,operator:V.CUSTOM,order:B.SECOND,numOfParameters:2,getDefaultFormParams:()=>({operator1:V.NONE,val1:``,operator2:V.NONE,val2:``}),testMappingParams:()=>!0,mapToFilterColumn:t=>{let{and:i,val1:a,val2:o,operator1:s,operator2:c}=t;function l(e,t){for(let n of r)if(n.operator===e)return n.mapToFilterColumn({val1:t,operator1:e})}let u=!s||s===H.NONE.operator,d=!c||c===H.NONE.operator;if(u&&d)return n.mapToFilterColumn({});if(u)return l(c,o);if(d)return l(s,a);let f=l(s,a),p=l(c,o),m={customFilters:[f.customFilters.customFilters[0],p.customFilters.customFilters[0]]};return i&&(m.and=e.TRUE),{customFilters:m}},testMappingFilterColumn:e=>{var t;if(((t=e.customFilters)==null?void 0:t.customFilters.length)!==2)return!1;let n=e.customFilters.customFilters.map(e=>c({customFilters:{customFilters:[e]}})),r={operator1:n[0][0].operator,val1:n[0][1].val1,operator2:n[1][0].operator,val2:n[1][1].val1};return e.customFilters.and&&(r.and=!0),r}}];function i(e){let t=r.find(t=>t.operator===e);if(!t)throw Error(`[SheetsFilter]: no condition item found for operator: ${e}`);return t}t.getItemByOperator=i;function a(e,t){for(let n of r.filter(e=>e.numOfParameters===t))if(n.numOfParameters!==0&&n.testMappingParams(e))return n;for(let t of r)if(t.testMappingParams(e))return t;throw Error(`[SheetsFilter]: no condition item can be mapped from the filter map params!`)}t.testMappingParams=a;function o(e){let t=r.find(t=>t.operator===e);return(t==null?void 0:t.numOfParameters)===0?{operator1:t.operator}:t.getDefaultFormParams()}t.getInitialFormParams=o;function s(e,t){return e.mapToFilterColumn(t)}t.mapToFilterColumn=s;function c(e){if(!e)return[n,{}];for(let t of r){let n=t.testMappingFilterColumn(e);if(n)return[t,n]}return[n,{}]}t.testMappingFilterColumn=c})(H||(H={}));function U(e){let{operator1:t,operator2:n,val1:r,val2:i}=e;if(t&&n)throw Error(`Both operator1 and operator2 are set!`);if(!t&&!n)throw Error(`Neither operator1 and operator2 and both not set!`);return t?[t,r]:[n,i]}function Nt(e){let t=[],n=[],r=0,i=0;function a(e){e.leaf&&(e.checked?(t.push(e),r+=e.count):(n.push(e),i+=e.count)),e.children&&e.children.forEach(a)}return e.forEach(a),{checkedItems:t,uncheckedItems:n,checked:r,unchecked:i}}function W(e,t){return function(n,r){t(n,r,e)}}function G(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}const Pt=`sheets-filter.generate-filter-values.service`,Ft=S(Pt);let It=class extends i{constructor(e,t,n){super(),this._localeService=e,this._univerInstanceService=t,this._logService=n}async getFilterValues(e){var t;let{unitId:n,subUnitId:r,filteredOutRowsByOtherColumns:i,filterColumn:a,filters:o,blankChecked:s,iterateRange:c,alreadyChecked:l}=e,u=this._univerInstanceService.getUnit(n),d=(t=this._univerInstanceService.getUnit(n))==null?void 0:t.getSheetBySheetId(r);return!u||!d?[]:(this._logService.debug(`[SheetsGenerateFilterValuesService]`,`getFilterValues for`,{unitId:n,subUnitId:r}),Lt(o,this._localeService,c,d,new Set(i),a,new Set(l.map(String)),s,u.getStyles()))}};It=G([W(0,u(p)),W(1,l),W(2,c)],It);function Lt(e,t,n,r,i,a,o,s,c){var l;let u=new Map,d=new Map,f=`empty`,p=!e&&((a==null?void 0:a.filterBy)===E.COLORS||(a==null?void 0:a.filterBy)===E.CONDITIONS)&&((l=a.filteredOutRows)==null?void 0:l.size),m=0;for(let e of r.iterateByColumn(n,!1,!1)){let{row:n,rowSpan:a=1}=e,l=0;for(;l<a;){var h,g,_;let f=n+l;if(i.has(f)){l++;continue}let C=e!=null&&e.value?ee(e.value):``;if(!C){m+=1,l+=a;continue}let w=(h=e.value)!=null&&h.v&&!e.value.p?(g=c.get((_=e.value)==null?void 0:_.s))==null||(g=g.n)==null?void 0:g.pattern:``,ne=w&&te.getFormatInfo(w).isDate,re=!1;if(ne){let{year:e,month:t,day:n}=te.getFormatDateInfo(w);re=e||t||n}if(w&&ne&&re){var v,y,b;let n=(v=r.getCellRaw(e.row,e.col))==null?void 0:v.v;if(!n){l++;continue}let[i,a,c]=te.format(`yyyy-mm-dd`,Number(n)).split(`-`).map(Number),f=u.get(`${i}`);f||(f={title:`${i}`,key:`${i}`,children:[],count:0,leaf:!1,checked:!1},u.set(`${i}`,f),d.set(`${i}`,[`${i}`]));let m=(y=f.children)==null?void 0:y.find(e=>e.key===`${i}-${a}`);if(!m){var x;m={title:t.t(`sheets-filter.date.${a}`),key:`${i}-${a}`,children:[],count:0,leaf:!1,checked:!1},(x=f.children)==null||x.push(m),d.set(`${i}-${a}`,[`${i}`,`${i}-${a}`])}let h=m==null||(b=m.children)==null?void 0:b.find(e=>e.key===`${i}-${a}-${c}`);if(h)h.originValues.add(C),h.count++,m.count++,f.count++;else{var S;(S=m.children)==null||S.push({title:`${c}`,key:`${i}-${a}-${c}`,count:1,originValues:new Set([C]),leaf:!0,checked:p?!1:o.size?o.has(C):!s}),m.count++,f.count++,d.set(`${i}-${a}-${c}`,[`${i}`,`${i}-${a}`,`${i}-${a}-${c}`])}}else{let e=C,t=u.get(e);t?t.count++:(t={title:C,leaf:!0,checked:p?!1:o.size?o.has(C):!s,key:e,count:1},u.set(e,t),d.set(e,[e]))}l++}}let C=p?!1:e?s:!0;if(m>0){let e={title:t.t(`sheets-filter.panel.empty`),count:m,leaf:!0,checked:C,key:f};u.set(`empty`,e),d.set(`empty`,[f])}return{filterTreeItems:Rt(Array.from(u.values())),filterTreeMapCache:d}}function Rt(e){return Array.from(e).sort((e,t)=>e.children&&!t.children?-1:!e.children&&t.children?1:Bt(e.title,t.title)).map(e=>(e.children&&e.children.sort((e,t)=>Number.parseInt(e.key.split(`-`)[1],10)-Number.parseInt(t.key.split(`-`)[1],10)).forEach(e=>{e.children&&e.children.sort((e,t)=>Number.parseInt(e.key.split(`-`)[2],10)-Number.parseInt(t.key.split(`-`)[2],10))}),e))}const zt=e=>!Number.isNaN(Number(e))&&!Number.isNaN(Number.parseFloat(e));function Bt(e,t){let n=zt(e),r=zt(t);return n&&r?Number.parseFloat(e)-Number.parseFloat(t):n&&!r?-1:!n&&r?1:e.localeCompare(t)}function Vt(e,t){for(let n of e){if(n.key===t)return n;if(n.children){let e=Vt(n.children,t);if(e)return e}}return null}function Ht(e){return e.leaf?e.checked:e.children?e.children.every(e=>Ht(e)):!0}function K(e,t){e.leaf&&(t===void 0?e.checked=!e.checked:e.checked=t),e.children&&e.children.forEach(e=>K(e,t))}function Ut(e,t){let n=[];return e.forEach(e=>{let r=e.originValues?t.some(t=>Array.from(e.originValues).some(e=>e.toLowerCase().includes(t.toLowerCase()))):!1,i=!r&&t.some(t=>e.title.toLowerCase().includes(t.toLowerCase()));if(r||i)n.push({...e});else if(e.children){let r=Ut(e.children,t);if(r.length>0){let t=r.reduce((e,t)=>e+t.count,0);n.push({...e,count:t,children:r})}}}),n}function Wt(e){"@babel/helpers - typeof";return Wt=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},Wt(e)}function Gt(e,t){if(Wt(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(Wt(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Kt(e){var t=Gt(e,`string`);return Wt(t)==`symbol`?t:t+``}function q(e,t,n){return(t=Kt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var qt,Jt,Yt;S(`sheets-filter-ui.sheets-filter-panel.service`);let J=class extends i{get filterBy(){return this._filterBy$.getValue()}get filterByModel(){return this._filterByModel}set filterByModel(e){this._filterByModel=e,this._filterByModel$.next(e)}get filterModel(){return this._filterModel}get col(){return this._col$.getValue()}constructor(e,t){super(),this._injector=e,this._refRangeService=t,q(this,`_filterBy$`,new P(E.VALUES)),q(this,`filterBy$`,this._filterBy$.asObservable()),q(this,`_filterByModel$`,new $e(1)),q(this,`filterByModel$`,this._filterByModel$.asObservable()),q(this,`_filterByModel`,null),q(this,`_hasCriteria$`,new P(!1)),q(this,`hasCriteria$`,this._hasCriteria$.asObservable()),q(this,`_filterModel`,null),q(this,`_col$`,new P(-1)),q(this,`col$`,this._col$.asObservable()),q(this,`_filterHeaderListener`,null)}dispose(){this._filterBy$.complete(),this._filterByModel$.complete(),this._hasCriteria$.complete()}setupCol(e,t){this.terminate(),this._filterModel=e,this._col$.next(t);let n=e.getFilterColumn(t);if(n){let r=n.getColumnData();if(r.customFilters){this._hasCriteria$.next(!0),this._setupByConditions(e,t);return}if(r.colorFilters){this._hasCriteria$.next(!0),this._setupByColors(e,t);return}if(r.filters){this._hasCriteria$.next(!0),this._setupByValues(e,t);return}this._hasCriteria$.next(!1),this._setupByValues(e,t);return}this._hasCriteria$.next(!1),this._setupByValues(e,t)}changeFilterBy(e){if(!this._filterModel||this.col===-1)return!1;switch(e){case E.VALUES:this._setupByValues(this._filterModel,this.col);break;case E.COLORS:this._setupByColors(this._filterModel,this.col);break;case E.CONDITIONS:this._setupByConditions(this._filterModel,this.col);break}return!0}terminate(){return this._filterModel=null,this._col$.next(-1),this._disposeFilterHeaderChangeListener(),!0}_disposeFilterHeaderChangeListener(){var e;(e=this._filterHeaderListener)==null||e.dispose(),this._filterHeaderListener=null}_listenToFilterHeaderChange(e,t){this._disposeFilterHeaderChangeListener();let n=e.unitId,r=e.subUnitId,i=e.getRange(),a={startColumn:t,startRow:i.startRow,endRow:i.startRow,endColumn:t};this._filterHeaderListener=this._refRangeService.watchRange(n,r,a,(e,t)=>{if(!t)this.terminate();else{let n=t.startColumn-e.startColumn;n!==0&&this._filterByModel.deltaCol(n)}})}async _setupByValues(e,t){this._disposePreviousModel();let n=e.getRange();return n.startRow===n.endRow?!1:(this.filterByModel=await Zt.fromFilterColumn(this._injector,e,t),this._filterBy$.next(E.VALUES),this._listenToFilterHeaderChange(e,t),!0)}async _setupByColors(e,t){this._disposePreviousModel();let n=e.getRange();return n.startRow===n.endRow?!1:(this.filterByModel=await Qt.fromFilterColumn(this._injector,e,t),this._filterBy$.next(E.COLORS),this._listenToFilterHeaderChange(e,t),!0)}_setupByConditions(e,t){this._disposePreviousModel();let n=e.getRange();return n.startRow===n.endRow?!1:(this.filterByModel=Xt.fromFilterColumn(this._injector,e,t,e.getFilterColumn(t)),this._filterBy$.next(E.CONDITIONS),this._listenToFilterHeaderChange(e,t),!0)}_disposePreviousModel(){var e;(e=this._filterByModel)==null||e.dispose(),this.filterByModel=null}};J=G([W(0,u(d)),W(1,u(Ge))],J);let Xt=qt=class extends i{static fromFilterColumn(e,t,n,r){let[i,a]=H.testMappingFilterColumn(r==null?void 0:r.getColumnData());return e.createInstance(qt,t,n,i,a)}get conditionItem(){return this._conditionItem$.getValue()}get filterConditionFormParams(){return this._filterConditionFormParams$.getValue()}constructor(e,t,n,r,i){super(),this._filterModel=e,this.col=t,this._commandService=i,q(this,`canApply$`,I(!0)),q(this,`_conditionItem$`,void 0),q(this,`conditionItem$`,void 0),q(this,`_filterConditionFormParams$`,void 0),q(this,`filterConditionFormParams$`,void 0),this._conditionItem$=new P(n),this.conditionItem$=this._conditionItem$.asObservable(),this._filterConditionFormParams$=new P(r),this.filterConditionFormParams$=this._filterConditionFormParams$.asObservable()}dispose(){super.dispose(),this._conditionItem$.complete(),this._filterConditionFormParams$.complete()}deltaCol(e){this.col+=e}clear(){return this._disposed?Promise.resolve(!1):this._commandService.executeCommand(D.id,{unitId:this._filterModel.unitId,subUnitId:this._filterModel.subUnitId,col:this.col,criteria:null})}async apply(){if(this._disposed)return!1;let e=H.mapToFilterColumn(this.conditionItem,this.filterConditionFormParams);return this._commandService.executeCommand(D.id,{unitId:this._filterModel.unitId,subUnitId:this._filterModel.subUnitId,col:this.col,criteria:e})}onPrimaryConditionChange(e){let t=H.ALL_CONDITIONS.find(t=>t.operator===e);if(!t)throw Error(`[ByConditionsModel]: condition item not found for operator: ${e}!`);this._conditionItem$.next(t),this._filterConditionFormParams$.next(H.getInitialFormParams(e))}onConditionFormChange(e){let t={...this.filterConditionFormParams,...e};if(t.and!==!0&&delete t.and,e.and!==void 0||e.operator1!==void 0||e.operator2!==void 0){let e=H.testMappingParams(t,this.conditionItem.numOfParameters);this._conditionItem$.next(e)}this._filterConditionFormParams$.next(t)}};Xt=qt=G([W(4,a)],Xt);let Zt=Jt=class extends i{static async fromFilterColumn(e,t,n){let r=e.get(l),i=e.get(p),a=e.get(Ft,g.OPTIONAL),{unitId:o,subUnitId:s}=t,c=r.getUniverSheetInstance(o);if(!c)throw Error(`[ByValuesModel]: Workbook not found for filter model with unitId: ${o}!`);let u=c==null?void 0:c.getSheetBySheetId(s);if(!u)throw Error(`[ByValuesModel]: Worksheet not found for filter model with unitId: ${o} and subUnitId: ${s}!`);let d=t.getRange(),f=n,m=t.getFilterColumn(n),h=m==null?void 0:m.getColumnData().filters,_=new Set(h==null?void 0:h.filters),v=!!(h&&h.blank),y=t.getFilteredOutRowsExceptCol(n),b={...d,startRow:d.startRow+1,startColumn:f,endColumn:f},x,S;if(a){let e=await a.getFilterValues({unitId:o,subUnitId:s,filteredOutRowsByOtherColumns:Array.from(y),filterColumn:m,filters:!!h,blankChecked:v,iterateRange:b,alreadyChecked:Array.from(_)});x=e.filterTreeItems,S=e.filterTreeMapCache}else{let e=Lt(!!h,i,b,u,y,m,_,v,c.getStyles());x=e.filterTreeItems,S=e.filterTreeMapCache}return e.createInstance(Jt,t,n,x,S)}get rawFilterItems(){return this._rawFilterItems$.getValue()}get filterItems(){return this._filterItems}get treeMapCache(){return this._treeMapCache}constructor(e,t,n,r,i){super(),this._filterModel=e,this.col=t,this._commandService=i,q(this,`_rawFilterItems$`,void 0),q(this,`rawFilterItems$`,void 0),q(this,`filterItems$`,void 0),q(this,`_filterItems`,[]),q(this,`_treeMapCache`,void 0),q(this,`canApply$`,void 0),q(this,`_manuallyUpdateFilterItems$`,void 0),q(this,`_searchString$`,void 0),q(this,`searchString$`,void 0),this._treeMapCache=r,this._searchString$=new P(``),this.searchString$=this._searchString$.asObservable(),this._rawFilterItems$=new P(n),this.rawFilterItems$=this._rawFilterItems$.asObservable(),this._manuallyUpdateFilterItems$=new et,this.filterItems$=it(tt([this._searchString$.pipe(lt(500,void 0,{leading:!0,trailing:!0}),ot(void 0)),this._rawFilterItems$]).pipe(F(([e,t])=>e?Ut(t,e.toLowerCase().split(/\s+/).filter(e=>!!e)):t)),this._manuallyUpdateFilterItems$).pipe(at(1)),this.canApply$=this.filterItems$.pipe(F(e=>Nt(e).checked>0)),this.disposeWithMe(this.filterItems$.subscribe(e=>this._filterItems=e))}dispose(){this._rawFilterItems$.complete(),this._searchString$.complete()}deltaCol(e){this.col+=e}setSearchString(e){this._searchString$.next(e)}onCheckAllToggled(e){let t=y.deepClone(this._filterItems);t.forEach(t=>K(t,e)),this._manuallyUpdateFilterItems(t)}onFilterCheckToggled(e){let t=y.deepClone(this._filterItems),n=Vt(t,e.key);n&&(K(n,!Ht(n)),this._manuallyUpdateFilterItems(t))}onFilterOnly(e){let t=y.deepClone(this._filterItems);t.forEach(e=>K(e,!1)),e.forEach(e=>{let n=Vt(t,e);n&&K(n,!0)}),this._manuallyUpdateFilterItems(t)}_manuallyUpdateFilterItems(e){this._manuallyUpdateFilterItems$.next(e)}clear(){return this._disposed?Promise.resolve(!1):this._commandService.executeCommand(D.id,{unitId:this._filterModel.unitId,subUnitId:this._filterModel.subUnitId,col:this.col,criteria:null})}async apply(){if(this._disposed)return!1;let e=Nt(this._filterItems),{checked:t,checkedItems:n}=e,r=this.rawFilterItems,i=0;for(let e of r)i+=e.count;let a=t===0,o=e.checked===i,s={colId:this.col};if(a)throw Error(`[ByValuesModel]: no checked items!`);if(o)return this._commandService.executeCommand(D.id,{unitId:this._filterModel.unitId,subUnitId:this._filterModel.subUnitId,col:this.col,criteria:null});{s.filters={};let e=n.filter(e=>e.key!==`empty`);e.length>0&&(s.filters={filters:e.flatMap(e=>e.originValues?Array.from(e.originValues):[e.title])}),e.length!==n.length&&(s.filters.blank=!0)}return this._commandService.executeCommand(D.id,{unitId:this._filterModel.unitId,subUnitId:this._filterModel.subUnitId,col:this.col,criteria:s})}};Zt=Jt=G([W(4,a)],Zt);let Qt=Yt=class extends i{static async fromFilterColumn(e,n,r){var i,a,o;let s=e.get(l),{unitId:c,subUnitId:u}=n,d=s.getUniverSheetInstance(c);if(!d)throw Error(`[ByColorsModel]: Workbook not found for filter model with unitId: ${c}!`);let f=d==null?void 0:d.getSheetBySheetId(u);if(!f)throw Error(`[ByColorsModel]: Worksheet not found for filter model with unitId: ${c} and subUnitId: ${u}!`);let p=n.getRange(),m=r,h=(i=n.getFilterColumn(r))==null?void 0:i.getColumnData().colorFilters,g=n.getFilteredOutRowsExceptCol(r),_={...p,startRow:p.startRow+1,startColumn:m,endColumn:m},v=new Map,y=new Set((a=h==null?void 0:h.cellFillColors)==null?[]:a),b=new Map,x=new Set((o=h==null?void 0:h.cellTextColors)==null?[]:o);for(let e of f.iterateByColumn(_,!1,!0)){let{row:n,col:r,value:i}=e;if(g.has(n))continue;let a=f.getComposedCellStyleByCellData(n,r,i);if(a.bg&&a.bg.rgb){let e=new t(a.bg.rgb).toRgbString();v.has(e)||v.set(e,{color:e,checked:y.has(e)})}else v.set(`default-fill-color`,{color:null,checked:y.has(null)});if(a.cl&&a.cl.rgb){let e=new t(a.cl.rgb).toRgbString();b.has(e)||b.set(e,{color:e,checked:x.has(e)})}else b.set(`default-font-color`,{color:Be,checked:x.has(Be)})}return e.createInstance(Yt,n,r,v,b)}get cellFillColors(){return this._cellFillColors$.getValue()}get cellTextColors(){return this._cellTextColors$.getValue()}constructor(e,t,n,r,i){super(),this._filterModel=e,this.col=t,this._commandService=i,q(this,`canApply$`,I(!0)),q(this,`_cellFillColors$`,void 0),q(this,`cellFillColors$`,void 0),q(this,`_cellTextColors$`,void 0),q(this,`cellTextColors$`,void 0),this._cellFillColors$=new P(Array.from(n.values())),this.cellFillColors$=this._cellFillColors$.asObservable(),this._cellTextColors$=new P(Array.from(r.values())),this.cellTextColors$=this._cellTextColors$.asObservable()}dispose(){super.dispose(),this._cellFillColors$.complete()}deltaCol(e){this.col+=e}clear(){return this._disposed?Promise.resolve(!1):this._commandService.executeCommand(D.id,{unitId:this._filterModel.unitId,subUnitId:this._filterModel.subUnitId,col:this.col,criteria:null})}onFilterCheckToggled(e,t=!0){let n=t?this.cellFillColors:this.cellTextColors,r=[],i=!1;for(let t=0;t<n.length;t++){let a=n[t];if(a.color===e.color){i=!0,r.push({color:a.color,checked:!a.checked});continue}r.push({color:a.color,checked:a.checked})}i&&(this._resetColorsCheckedStatus(!t),t?this._cellFillColors$.next([...r]):this._cellTextColors$.next([...r]))}_resetColorsCheckedStatus(e=!0){let t=e?this.cellFillColors:this.cellTextColors,n=[];for(let e=0;e<t.length;e++)n.push({color:t[e].color,checked:!1});e?this._cellFillColors$.next([...n]):this._cellTextColors$.next([...n])}async apply(){if(this._disposed)return!1;let e=this.cellFillColors.filter(e=>e.checked).map(e=>e.color),t=this.cellTextColors.filter(e=>e.checked).map(e=>e.color);if(e.length===0&&t.length===0)return this._commandService.executeCommand(D.id,{unitId:this._filterModel.unitId,subUnitId:this._filterModel.subUnitId,col:this.col,criteria:null});let n={colId:this.col};return e.length>0?n.colorFilters={cellFillColors:e}:t.length>0&&(n.colorFilters={cellTextColors:t}),this._commandService.executeCommand(D.id,{unitId:this._filterModel.unitId,subUnitId:this._filterModel.subUnitId,col:this.col,criteria:n})}};Qt=Yt=G([W(4,a)],Qt);const $t=`FILTER_PANEL_OPENED`,en={id:`sheet.operation.open-filter-panel`,type:n.OPERATION,handler:(e,t)=>{let n=e.get(s),r=e.get(O),i=e.get(J),o=e.get(a),c=e.has(ge)?e.get(ge):null;c!=null&&c.isVisible().visible&&o.syncExecuteCommand(ye.id,{visible:!1});let{unitId:l,subUnitId:u,col:d}=t,f=r.getFilterModel(l,u);return f?(i.setupCol(f,d),n.getContextValue(`FILTER_PANEL_OPENED`)||n.setContextValue($t,!0),!0):!1}},Y={id:`sheet.operation.close-filter-panel`,type:n.OPERATION,handler:e=>{let t=e.get(s),n=e.get(J),r=e.get(Ae,g.OPTIONAL);return t.getContextValue(`FILTER_PANEL_OPENED`)?(t.setContextValue($t,!1),r==null||r.focus(),n.terminate()):!1}},tn={id:`sheet.operation.apply-filter`,type:n.OPERATION,handler:(e,t)=>{let{filterBy:n}=t;return e.get(J).changeFilterBy(n)}};var nn=`@univerjs/sheets-filter-ui`,rn=`0.20.1`;const an=`sheets-filter-ui.config`;Symbol(an);const on={};let X=class extends i{constructor(e,t,n,r,i,a){super(),this._sheetsFilterService=e,this._localeService=t,this._commandService=n,this._sheetPermissionCheckPermission=r,this._injector=i,this._sheetsSelectionService=a,this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(e=>{if(e.id===me.id){var t;let e=Qe(this._injector.get(l));if(!e)return;let{unitId:r,subUnitId:i,worksheet:a}=e,o=(t=this._sheetsFilterService.getFilterModel(r,i))==null?void 0:t.getRange(),s;if(o)s=this._sheetPermissionCheckPermission.permissionCheckWithRanges({rangeTypes:[j],worksheetTypes:[M,N]},[o],r,i);else{var n;let e=(n=this._sheetsSelectionService.getCurrentLastSelection())==null?void 0:n.range;if(e){let t={...e};t=e.startColumn===e.endColumn&&e.startRow===e.endRow?Ze(t,{left:!0,right:!0,up:!0,down:!0},a):t,s=this._sheetPermissionCheckPermission.permissionCheckWithRanges({rangeTypes:[j],worksheetTypes:[N,M]},[t],r,i)}else s=this._sheetPermissionCheckPermission.permissionCheckWithoutRange({rangeTypes:[j],worksheetTypes:[N,M]})}s||this._sheetPermissionCheckPermission.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.filterErr`))}if(e.id===en.id){var r;let t=e.params,{unitId:n,subUnitId:i}=t,a=(r=this._sheetsFilterService.getFilterModel(n,i))==null?void 0:r.getRange(),o=y.deepClone(a);o&&(o.startColumn=t.col,o.endColumn=t.col,this._sheetPermissionCheckPermission.permissionCheckWithRanges({rangeTypes:[j],worksheetTypes:[M,N]},[o],n,i)||this._sheetPermissionCheckPermission.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.filterErr`)))}}))}};X=G([W(0,u(O)),W(1,u(p)),W(2,a),W(3,u(Je)),W(4,u(d)),W(5,u(Ye))],X);const sn=new Path2D(`M3.30363 3C2.79117 3 2.51457 3.60097 2.84788 3.99024L6.8 8.60593V12.5662C6.8 12.7184 6.8864 12.8575 7.02289 12.9249L8.76717 13.7863C8.96655 13.8847 9.2 13.7396 9.2 13.5173V8.60593L13.1521 3.99024C13.4854 3.60097 13.2088 3 12.6964 3H3.30363Z`);var cn=class{static drawNoCriteria(e,t,n,r){e.save(),He.drawWith(e,{radius:2,width:16,height:16,fill:r}),e.lineCap=`square`,e.strokeStyle=n,e.scale(t/16,t/16),e.beginPath(),e.lineWidth=1,e.lineCap=`round`,e.moveTo(3,4),e.lineTo(13,4),e.moveTo(4.5,8),e.lineTo(11.5,8),e.moveTo(6,12),e.lineTo(10,12),e.stroke(),e.restore()}static drawHasCriteria(e,t,n,r){e.save(),He.drawWith(e,{radius:2,width:16,height:16,fill:r}),e.scale(t/16,t/16),e.fillStyle=n,e.fill(sn),e.restore()}};let ln=class extends Ue{constructor(e,t,n,r,i){super(e,t),this._contextService=n,this._commandService=r,this._themeService=i,q(this,`_cellWidth`,0),q(this,`_cellHeight`,0),q(this,`_filterParams`,void 0),q(this,`_hovered`,!1),this.setShapeProps(t),this.onPointerDown$.subscribeEvent(e=>this.onPointerDown(e)),this.onPointerEnter$.subscribeEvent(()=>this.onPointerEnter()),this.onPointerLeave$.subscribeEvent(()=>this.onPointerLeave())}setShapeProps(e){e.cellHeight!==void 0&&(this._cellHeight=e.cellHeight),e.cellWidth!==void 0&&(this._cellWidth=e.cellWidth),e.filterParams!==void 0&&(this._filterParams=e.filterParams),this.transformByState({width:e.width,height:e.height})}_draw(e){let t=this._cellHeight,n=this._cellWidth,r=16-n,i=16-t;e.save();let a=new Path2D;a.rect(r,i,n,t),e.clip(a);let{hasCriteria:o}=this._filterParams,s=this._themeService.getColorFromTheme(`primary.600`),c=this._hovered?this._themeService.getColorFromTheme(`gray.50`):`rgba(255, 255, 255, 1.0)`;o?cn.drawHasCriteria(e,16,s,c):cn.drawNoCriteria(e,16,s,c),e.restore()}onPointerDown(e){if(e.button===2)return;let{col:t,unitId:n,subUnitId:r}=this._filterParams;this._contextService.getContextValue(`FILTER_PANEL_OPENED`)||!this._commandService.hasCommand(en.id)||setTimeout(()=>{this._commandService.executeCommand(en.id,{unitId:n,subUnitId:r,col:t})},200)}onPointerEnter(){this._hovered=!0,this.makeDirty(!0)}onPointerLeave(){this._hovered=!1,this.makeDirty(!0)}};ln=G([W(2,s),W(3,a),W(4,u(v))],ln);function un(e,t,n,r){switch(r){case x.TOP:return e+1;case x.MIDDLE:return e+Math.max(0,(n-16)/2);case x.BOTTOM:default:return t-16-1}}let dn=class extends _{constructor(e,t,n,r,i,a,o,s){super(),this._context=e,this._injector=t,this._sheetSkeletonManagerService=n,this._sheetsFilterService=r,this._themeService=i,this._sheetInterceptorService=a,this._commandService=o,this._selectionRenderService=s,q(this,`_currentRenderParams`,null),q(this,`_filterRangeShape`,null),q(this,`_buttonRenderDisposable`,null),q(this,`_filterButtonShapes`,[]),this._initRenderer()}dispose(){super.dispose(),this._disposeRendering()}_initRenderer(){this.disposeWithMe(this._themeService.currentTheme$.subscribe(()=>{this._refreshRendering(this._currentRenderParams)})),this._sheetSkeletonManagerService.currentSkeleton$.pipe(st(e=>{var t,r;if(!e)return I(null);let{unit:i,unitId:a}=this._context,o=((t=i.getActiveSheet())==null?void 0:t.getSheetId())||``,s=(r=this._sheetsFilterService.getFilterModel(a,o))==null?void 0:r,c=()=>({unitId:a,worksheetId:o,filterModel:s,range:s==null?void 0:s.getRange(),skeleton:e.skeleton});return C(this._commandService.onCommandExecuted.bind(this._commandService)).pipe(rt(([e])=>{var t;return e.type===n.MUTATION&&((t=e.params)==null?void 0:t.unitId)===i.getUnitId()&&(ae.has(e.id)||e.id===Ke.id)}),lt(20,void 0,{leading:!1,trailing:!0}),F(c),ot(c()))}),ct(this.dispose$)).subscribe(e=>{this._currentRenderParams=e,this._refreshRendering(e)})}_refreshRendering(e){this._disposeRendering(),!(!e||!e.range)&&(this._renderRange(e.range,e.skeleton),this._renderButtons(e))}_renderRange(e,t){let{scene:n}=this._context,{rowHeaderWidth:r,columnHeaderHeight:i}=t,a=this._filterRangeShape=new ve(n,1e3,this._themeService,{rowHeaderWidth:r,columnHeaderHeight:i,enableAutoFill:!1,highlightHeader:!1}),o=Xe({range:e,primary:null,style:{fill:`rgba(0, 0, 0, 0.0)`}},t);a.updateRangeBySelectionWithCoord(o),a.setEvent(!1),n.makeDirty(!0)}_renderButtons(e){let{range:t,filterModel:n,unitId:r,skeleton:i,worksheetId:a}=e,{unit:o,scene:s}=this._context,c=o.getSheetBySheetId(a);if(!c)return;this._interceptCellContent(r,a,e.range);let{startColumn:l,endColumn:u,startRow:d}=t;for(let e=l;e<=u;e++){let t=`sheets-filter-button-${e}`,o=we(d,e,s,i),l=c.getComposedCellStyle(d,e),u=(l==null?void 0:l.vt)||x.BOTTOM,{startX:f,startY:p,endX:m,endY:h}=o,g=m-f,_=h-p;if(_<=1||g<=1)continue;let v=!!n.getFilterColumn(e),y={left:m-16-1,top:un(p,h,_,u),height:16,width:16,zIndex:5e3,cellHeight:_,cellWidth:g,filterParams:{unitId:r,subUnitId:a,col:e,hasCriteria:v}},b=this._injector.createInstance(ln,t,y);this._filterButtonShapes.push(b)}s.addObjects(this._filterButtonShapes),s.makeDirty()}_interceptCellContent(e,t,n){let{startRow:r,startColumn:i,endColumn:a}=n;this._buttonRenderDisposable=this._sheetInterceptorService.intercept(We.CELL_CONTENT,{effect:f.Style,handler:(n,o,s)=>{let{row:c,col:l,unitId:u,subUnitId:d}=o;return u!==e||d!==t||c!==r||l<i||l>a?s(n):((!n||n===o.rawData)&&(n={...o.rawData}),n.fontRenderExtension={...n==null?void 0:n.fontRenderExtension,rightOffset:16},s(n))},priority:10})}_disposeRendering(){var e,t;(e=this._filterRangeShape)==null||e.dispose(),this._filterButtonShapes.forEach(e=>e.dispose()),(t=this._buttonRenderDisposable)==null||t.dispose(),this._filterRangeShape=null,this._buttonRenderDisposable=null,this._filterButtonShapes=[]}};dn=G([W(1,u(d)),W(2,u(xe)),W(3,u(O)),W(4,u(v)),W(5,u(qe)),W(6,a),W(7,_e)],dn);let fn=class extends _{constructor(e,t){super(),this._renderManagerService=e,this._sheetsRenderService=t,[fe,de,le,se].forEach(e=>this.disposeWithMe(this._sheetsRenderService.registerSkeletonChangingMutations(e.id))),this.disposeWithMe(this._renderManagerService.registerRenderModule(b.UNIVER_SHEET,[dn]))}};fn=G([W(0,Ve),W(1,u(Se))],fn);let Z=class extends h{constructor(e=on,t,n){super(),this._config=e,this._injector=t,this._configService=n;let{menu:r,...i}=w({},on,this._config);r&&this._configService.setConfig(`menu`,r,{merge:!0}),this._configService.setConfig(an,i)}onStarting(){[[X],[fn]].forEach(e=>this._injector.add(e))}onReady(){this._injector.get(X)}onRendered(){this._injector.get(fn)}};q(Z,`type`,b.UNIVER_SHEET),q(Z,`pluginName`,`SHEET_FILTER_UI_PLUGIN`),q(Z,`packageName`,nn),q(Z,`version`,rn),Z=G([r(he),W(1,u(d)),W(2,o)],Z);function pn(e){let t=e.get(O);return{id:me.id,type:Fe.BUTTON_SELECTOR,icon:`FilterIcon`,tooltip:`sheets-filter.toolbar.smart-toggle-filter-tooltip`,hidden$:Re(e,b.UNIVER_SHEET),activated$:t.activeFilterModel$.pipe(F(e=>!!e)),disabled$:Ee(e,Te(e,{worksheetTypes:[M,N],rangeTypes:[j]}))}}function mn(e){let t=e.get(O);return{id:ie.id,type:Fe.BUTTON,title:`sheets-filter.toolbar.clear-filter-criteria`,hidden$:Re(e,b.UNIVER_SHEET),disabled$:t.activeFilterModel$.pipe(st(e=>{var t;return(t=e==null?void 0:e.hasCriteria$.pipe(F(e=>!e)))==null?I(!0):t}))}}function hn(e){let t=e.get(O);return{id:oe.id,type:Fe.BUTTON,title:`sheets-filter.toolbar.re-calc-filter-conditions`,hidden$:Re(e,b.UNIVER_SHEET),disabled$:t.activeFilterModel$.pipe(st(e=>{var t;return(t=e==null?void 0:e.hasCriteria$.pipe(F(e=>!e)))==null?I(!0):t}))}}const gn={[Le.ORGANIZATION]:{[me.id]:{order:2,menuItemFactory:pn,[ie.id]:{order:0,menuItemFactory:mn},[oe.id]:{order:1,menuItemFactory:hn}}}};function _n(e){let{model:t}=e,n=k(p),r=A(t.cellFillColors$,[],!0),i=A(t.cellTextColors$,[],!0),a=L(e=>{t.onFilterCheckToggled(e)},[t]),o=L(e=>{t.onFilterCheckToggled(e,!1)},[t]);return R(`div`,{"data-u-comp":`sheets-filter-panel-colors-container`,className:`univer-flex univer-h-full univer-min-h-[300px] univer-flex-col`,children:z(`div`,{"data-u-comp":`sheets-filter-panel`,className:Tt(`univer-mt-2 univer-box-border univer-flex univer-h-[300px] univer-flex-grow univer-flex-col univer-gap-4 univer-overflow-auto univer-rounded-md univer-px-2 univer-py-2.5`,wt),children:[r.length>1&&z(`div`,{children:[R(`div`,{className:`univer-mb-2 univer-text-sm univer-text-gray-900 dark:!univer-text-white`,children:n.t(`sheets-filter.panel.filter-by-cell-fill-color`)}),R(`div`,{className:`univer-grid univer-grid-cols-8 univer-items-center univer-justify-start univer-gap-2`,children:r.map((e,t)=>z(`div`,{className:`univer-relative univer-size-6`,onClick:()=>a(e),children:[e.color?R(`button`,{type:`button`,className:Tt(`univer-box-border univer-size-6 univer-cursor-pointer univer-rounded-full univer-border univer-border-solid univer-border-transparent univer-bg-gray-300 univer-transition-shadow hover:univer-ring-2 hover:univer-ring-offset-2 hover:univer-ring-offset-white`),style:{backgroundColor:e.color}}):R(Dt,{className:`univer-size-6 univer-cursor-pointer univer-rounded-full hover:univer-ring-2 hover:univer-ring-offset-2 hover:univer-ring-offset-white`}),e.checked&&R(vn,{})]},`sheets-filter-cell-fill-color-${t}`))})]}),i.length>1&&z(`div`,{children:[R(`div`,{className:`univer-mb-2 univer-text-sm univer-text-gray-900 dark:!univer-text-white`,children:n.t(`sheets-filter.panel.filter-by-cell-text-color`)}),R(`div`,{className:`univer-grid univer-grid-cols-8 univer-items-center univer-justify-start univer-gap-2`,children:i.map((e,t)=>z(`div`,{className:`univer-relative univer-size-6`,onClick:()=>o(e),children:[R(`div`,{className:`univer-box-border univer-flex univer-size-full univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-full univer-border univer-border-solid univer-border-[rgba(13,13,13,0.06)] univer-p-0.5 hover:univer-ring-2 hover:univer-ring-offset-2 hover:univer-ring-offset-white dark:!univer-border-[rgba(255,255,255,0.06)]`,children:R(Et,{style:{color:e.color}})}),e.checked&&R(vn,{})]},`sheets-filter-cell-text-color-${t}`))})]}),r.length<=1&&i.length<=1&&R(`div`,{className:`univer-flex univer-size-full univer-items-center univer-justify-center univer-text-sm univer-text-gray-900 dark:!univer-text-gray-200`,children:n.t(`sheets-filter.panel.filter-by-color-none`)})]})})}function vn(){return R(`div`,{className:`univer-absolute -univer-bottom-0.5 -univer-right-0.5 univer-flex univer-size-3 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-full univer-bg-white`,children:R(At,{className:`univer-size-full univer-font-bold univer-text-[#418F1F]`})})}function yn(e){var t,n;let{model:r}=e,i=k(p),a=A(r.conditionItem$,void 0),o=A(r.filterConditionFormParams$,void 0),s=o!=null&&o.and?`AND`:`OR`,c=L(e=>{r.onConditionFormChange({and:e===`AND`})},[r]),l=bn(i),u=L(e=>{r.onPrimaryConditionChange(e)},[r]),d=xn(i),f=L(e=>{r.onConditionFormChange(e)},[r]),m=i.t(`sheets-filter.panel.input-values-placeholder`);function h(e,t,n){let r=H.getItemByOperator(e).numOfParameters===1;return z(Mt,{children:[n===`operator2`&&z(vt,{value:s,onChange:c,children:[R(_t,{value:`AND`,children:i.t(`sheets-filter.panel.and`)}),R(_t,{value:`OR`,children:i.t(`sheets-filter.panel.or`)})]}),R(bt,{value:e,options:d,onChange:e=>f({[n]:e})}),r&&R(`div`,{children:R(ht,{className:`univer-mt-2`,value:t,placeholder:m,onChange:e=>f({[n===`operator1`?`val1`:`val2`]:e})})})]})}return R(`div`,{"data-u-comp":`sheets-filter-panel-conditions-container`,className:`univer-flex univer-h-full univer-min-h-[300px] univer-flex-col`,children:a&&o&&z(Mt,{children:[R(bt,{value:a.operator,options:l,onChange:u}),H.getItemByOperator(a.operator).numOfParameters===0?null:z(`div`,{"data-u-comp":`sheets-filter-panel-conditions-container-inner`,className:Tt(`univer-mt-2 univer-flex-grow univer-overflow-hidden univer-rounded-md univer-p-2`,wt),children:[a.numOfParameters>=1&&h(o.operator1,(t=o.val1)==null?``:t,`operator1`),a.numOfParameters>=2&&h(o.operator2,(n=o.val2)==null?``:n,`operator2`),z(`div`,{"data-u-comp":`sheets-filter-panel-conditions-desc`,className:`univer-mt-2 univer-text-xs univer-text-gray-500`,children:[i.t(`sheets-filter.panel.?`),R(`br`,{}),i.t(`sheets-filter.panel.*`)]})]})]})})}function bn(e){return jt(()=>[{options:[{label:e.t(H.NONE.label),value:H.NONE.operator}]},{options:[{label:e.t(H.EMPTY.label),value:H.EMPTY.operator},{label:e.t(H.NOT_EMPTY.label),value:H.NOT_EMPTY.operator}]},{options:[{label:e.t(H.TEXT_CONTAINS.label),value:H.TEXT_CONTAINS.operator},{label:e.t(H.DOES_NOT_CONTAIN.label),value:H.DOES_NOT_CONTAIN.operator},{label:e.t(H.STARTS_WITH.label),value:H.STARTS_WITH.operator},{label:e.t(H.ENDS_WITH.label),value:H.ENDS_WITH.operator},{label:e.t(H.EQUALS.label),value:H.EQUALS.operator}]},{options:[{label:e.t(H.GREATER_THAN.label),value:H.GREATER_THAN.operator},{label:e.t(H.GREATER_THAN_OR_EQUAL.label),value:H.GREATER_THAN_OR_EQUAL.operator},{label:e.t(H.LESS_THAN.label),value:H.LESS_THAN.operator},{label:e.t(H.LESS_THAN_OR_EQUAL.label),value:H.LESS_THAN_OR_EQUAL.operator},{label:e.t(H.EQUAL.label),value:H.EQUAL.operator},{label:e.t(H.NOT_EQUAL.label),value:H.NOT_EQUAL.operator},{label:e.t(H.BETWEEN.label),value:H.BETWEEN.operator},{label:e.t(H.NOT_BETWEEN.label),value:H.NOT_BETWEEN.operator}]},{options:[{label:e.t(H.CUSTOM.label),value:H.CUSTOM.operator}]}],[e.getCurrentLocale(),e])}function xn(e){return jt(()=>H.ALL_CONDITIONS.filter(e=>e.numOfParameters!==2).map(t=>({label:e.t(t.label),value:t.operator})),[e.getCurrentLocale(),e])}function Sn(e){let{model:t}=e,n=k(p),r=A(t.searchString$,``,!0),i=A(t.filterItems$,void 0,!0),a=n.t(`sheets-filter.panel.filter-only`),o=Nt(i),s=o.checked>0&&o.unchecked===0,c=o.checked>0&&o.unchecked>0,l=t.treeMapCache,u=L(()=>{t.onCheckAllToggled(!s)},[t,s]),d=L(e=>{t.setSearchString(e)},[t]);function f(e){let t=[];return e.forEach(e=>{e.checked&&t.push(e.key),e.children&&(t=t.concat(f(e.children)))}),t}return z(`div`,{"data-u-comp":`sheets-filter-panel-values-container`,className:`univer-flex univer-h-full univer-min-h-[300px] univer-flex-col`,children:[R(ht,{autoFocus:!0,value:r,placeholder:n.t(`sheets-filter.panel.search-placeholder`),onChange:d}),z(`div`,{"data-u-comp":`sheets-filter-panel`,className:Tt(`univer-mt-2 univer-box-border univer-flex univer-flex-grow univer-flex-col univer-overflow-hidden univer-rounded-md univer-px-2 univer-py-2.5`,wt),children:[R(`div`,{"data-u-comp":`sheets-filter-panel-values-item`,className:`univer-box-border univer-h-8 univer-w-full univer-py-0.5`,children:z(`div`,{"data-u-comp":`sheets-filter-panel-values-item-inner`,className:`univer-box-border univer-flex univer-h-7 univer-items-center univer-rounded-md univer-py-0 univer-pl-5 univer-pr-0.5 univer-text-sm`,children:[R(mt,{indeterminate:c,disabled:i.length===0,checked:s,onChange:u}),R(`span`,{"data-u-comp":`sheets-filter-panel-values-item-text`,className:`univer-mx-1 univer-inline-block univer-flex-shrink univer-truncate univer-text-gray-900 dark:!univer-text-white`,children:`${n.t(`sheets-filter.panel.select-all`)}`}),R(`span`,{"data-u-comp":`sheets-filter-panel-values-item-count`,className:`univer-text-gray-400 dark:!univer-text-gray-500`,children:`(${o.checked}/${o.checked+o.unchecked})`})]})}),R(`div`,{"data-u-comp":`sheets-filter-panel-values-virtual`,className:`univer-flex-grow`,children:R(Ct,{data:i,defaultExpandAll:!1,valueGroup:f(i),onChange:e=>{t.onFilterCheckToggled(e)},defaultCache:l,itemHeight:28,treeNodeClassName:`
+import { BooleanNumber, ColorKit, CommandType, DependentOn, Disposable, ICommandService, IConfigService, IContextService, ILogService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, Optional, Plugin, Quantity, RxDisposable, ThemeService, Tools, UniverInstanceType, VerticalAlign, createIdentifier, extractPureTextFromCell, fromCallback, merge, numfmt, registerDependencies, touchDependencies } from "@univerjs/core";
+import { ClearSheetsFilterCriteriaCommand, CustomFilterOperator, FILTER_MUTATIONS, FilterBy, ReCalcSheetsFilterCommand, ReCalcSheetsFilterMutation, RemoveSheetFilterCommand, RemoveSheetsFilterMutation, SetSheetFilterRangeCommand, SetSheetsFilterCriteriaCommand, SetSheetsFilterCriteriaMutation, SetSheetsFilterRangeMutation, SheetsFilterService, SheetsFilterSyncController, SmartToggleSheetsFilterCommand, UniverSheetsFilterPlugin } from "@univerjs/sheets-filter";
+import { IEditorBridgeService, ISheetSelectionRenderService, SelectionControl, SetCellEditVisibleOperation, SheetCanvasPopManagerService, SheetSkeletonManagerService, SheetsRenderService, SheetsUIPart, getCoordByCell, getCurrentRangeDisable$, getObservableWithExclusiveRange$, whenSheetEditorFocused } from "@univerjs/sheets-ui";
+import { ComponentContainer, ComponentManager, ILayoutService, IMenuManagerService, IMessageService, IShortcutService, KeyCode, MenuItemType, MetaKeys, RibbonDataGroup, getMenuHiddenObservable, useComponentsOfPart, useDependency, useObservable } from "@univerjs/ui";
+import { COLOR_BLACK_RGB, IRenderManagerService, Rect, Shape } from "@univerjs/engine-render";
+import { INTERCEPTOR_POINT, RangeProtectionPermissionViewPoint, RefRangeService, SetRangeValuesMutation, SheetInterceptorService, SheetPermissionCheckController, SheetsSelectionsService, WorksheetFilterPermission, WorksheetViewPermission, attachSelectionWithCoord, expandToContinuousRange, getSheetCommandTarget } from "@univerjs/sheets";
+import { BehaviorSubject, ReplaySubject, Subject, combineLatest, distinctUntilChanged, filter, map, merge as merge$1, of, shareReplay, startWith, switchMap, takeUntil, throttleTime } from "rxjs";
+import { IRPCChannelService, fromModule, toModule } from "@univerjs/rpc";
+import { Button, Checkbox, Input, MessageType, Radio, RadioGroup, Segmented, Select, Switch, Tooltip, Tree, borderClassName, clsx } from "@univerjs/design";
+import { AIcon, BanIcon, FilterIcon, InfoIcon, SuccessIcon } from "@univerjs/icons";
+import { useCallback, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/models/extended-operators.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let OperatorOrder = /* @__PURE__ */ function(OperatorOrder) {
+	OperatorOrder[OperatorOrder["FIRST"] = 0] = "FIRST";
+	OperatorOrder[OperatorOrder["SECOND"] = 1] = "SECOND";
+	return OperatorOrder;
+}({});
+/**
+* Extended custom filter operators.
+*
+* These operators are not defined in OOXML,
+* so when exporting these operators we need to fallback to `CustomFilterOperator` and
+* other possible filter types.
+*/
+let ExtendCustomFilterOperator = /* @__PURE__ */ function(ExtendCustomFilterOperator) {
+	ExtendCustomFilterOperator["NONE"] = "none";
+	/** Fallback to `<customFilter val="123*" />` */
+	ExtendCustomFilterOperator["STARTS_WITH"] = "startsWith";
+	/** Fallback to `<customFilter operator="notEqual" val="123*" />` */
+	ExtendCustomFilterOperator["DOES_NOT_START_WITH"] = "doesNotStartWith";
+	/** Fallback to `<customFilter val="*123" />` */
+	ExtendCustomFilterOperator["ENDS_WITH"] = "endsWith";
+	/** Fallback to `<customFilter operator="notEqual" val="*123" />` */
+	ExtendCustomFilterOperator["DOES_NOT_END_WITH"] = "doesNotEndWith";
+	/** Fallback to `<customFilter val="*123*" />` */
+	ExtendCustomFilterOperator["CONTAINS"] = "contains";
+	/** Fallback to `<customFilter operator="notEqual" val="*123*" />` */
+	ExtendCustomFilterOperator["DOES_NOT_CONTAIN"] = "doesNotContain";
+	/**
+	* Text equals. It is not same as CustomFilterOperator.EQUAL.
+	*
+	* When equals empty, it will be mapped to.
+	*
+	* <autoFilter>
+	*   <filterColumn colId="0">
+	*     <filters blank="1"/>
+	*   </filterColumn>
+	* </autoFilter>
+	*/
+	ExtendCustomFilterOperator["EQUALS"] = "equals";
+	/** Fallback to `<customFilter operator="notEqual" val="" />` */
+	ExtendCustomFilterOperator["NOT_EQUALS"] = "notEquals";
+	/**
+	* Fallback to `<filter blank="1" />`.
+	*
+	* It can also fallback to `<customFilter val="" />`, when with another custom filter.
+	*/
+	ExtendCustomFilterOperator["EMPTY"] = "empty";
+	/** Fallback to `<customFilter operator="notEqual" val=" " />` */
+	ExtendCustomFilterOperator["NOT_EMPTY"] = "notEmpty";
+	/**
+	* Falls back to the following XML:
+	*
+	* ```xml
+	* <customFilters and="1">
+	*     <customFilter operator="greaterThanOrEqual" val="123"/>
+	*     <customFilter operator="lessThanOrEqual" val="456"/>
+	* </customFilters>
+	* ```
+	*
+	* Actually in Microsoft Excel, `NOT_BETWEEN` is still `BETWEEN`, as long as the two operators
+	* are `greaterThanOrEqual` and `lessThanOrEqual`.
+	*/
+	ExtendCustomFilterOperator["BETWEEN"] = "between";
+	/**
+	* Falls back to the following XML:
+	*
+	* ```xml
+	* <customFilters> <!-- no `and="1"` means `OR` -->
+	*     <customFilter operator="lessThan" val="456"/>
+	*     <customFilter operator="greaterThan" val="123"/>
+	* </customFilters>
+	* ```
+	*/
+	ExtendCustomFilterOperator["NOT_BETWEEN"] = "notBetween";
+	ExtendCustomFilterOperator["CUSTOM"] = "custom";
+	return ExtendCustomFilterOperator;
+}({});
+
+//#endregion
+//#region src/models/conditions.ts
+let FilterConditionItems;
+(function(_FilterConditionItems) {
+	const NONE = _FilterConditionItems.NONE = {
+		label: "sheets-filter.conditions.none",
+		operator: ExtendCustomFilterOperator.NONE,
+		order: OperatorOrder.SECOND,
+		numOfParameters: 0,
+		getDefaultFormParams: () => {
+			throw new Error("[FilterConditionItems.NONE]: should not have initial form params!");
+		},
+		testMappingParams: (params) => {
+			return params.operator1 === ExtendCustomFilterOperator.NONE;
+		},
+		mapToFilterColumn: () => null,
+		testMappingFilterColumn: (filterColumn) => {
+			if (!filterColumn.customFilters && !filterColumn.filters) return {};
+			return false;
+		}
+	};
+	const ALL_CONDITIONS = _FilterConditionItems.ALL_CONDITIONS = [
+		NONE,
+		_FilterConditionItems.EMPTY = {
+			label: "sheets-filter.conditions.empty",
+			operator: ExtendCustomFilterOperator.EMPTY,
+			order: OperatorOrder.SECOND,
+			numOfParameters: 0,
+			getDefaultFormParams: () => {
+				throw new Error("[FilterConditionItems.EMPTY]: should not have initial form params!");
+			},
+			testMappingParams: ({ operator1 }) => operator1 === ExtendCustomFilterOperator.EMPTY,
+			mapToFilterColumn: () => ({ customFilters: { customFilters: [{ val: "" }] } }),
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF;
+				if (((_filterColumn$customF = filterColumn.customFilters) === null || _filterColumn$customF === void 0 ? void 0 : _filterColumn$customF.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				if (!(firstCustomFilter.val === "" && firstCustomFilter.operator === void 0)) return false;
+				return { operator1: ExtendCustomFilterOperator.EMPTY };
+			}
+		},
+		_FilterConditionItems.NOT_EMPTY = {
+			label: "sheets-filter.conditions.not-empty",
+			operator: ExtendCustomFilterOperator.NOT_EMPTY,
+			order: OperatorOrder.SECOND,
+			numOfParameters: 0,
+			getDefaultFormParams: () => {
+				throw new Error("[FilterConditionItems.NOT_EMPTY]: should not have initial form params!");
+			},
+			testMappingParams: ({ operator1 }) => operator1 === ExtendCustomFilterOperator.NOT_EMPTY,
+			mapToFilterColumn: () => ({ customFilters: { customFilters: [{
+				val: "",
+				operator: CustomFilterOperator.NOT_EQUALS
+			}] } }),
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF2;
+				if (((_filterColumn$customF2 = filterColumn.customFilters) === null || _filterColumn$customF2 === void 0 ? void 0 : _filterColumn$customF2.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				if (!(firstCustomFilter.val === " " && firstCustomFilter.operator === CustomFilterOperator.NOT_EQUALS)) return false;
+				return { operator1: ExtendCustomFilterOperator.NOT_EMPTY };
+			}
+		},
+		_FilterConditionItems.TEXT_CONTAINS = {
+			label: "sheets-filter.conditions.text-contains",
+			operator: ExtendCustomFilterOperator.CONTAINS,
+			order: OperatorOrder.FIRST,
+			numOfParameters: 1,
+			getDefaultFormParams: () => ({
+				operator1: ExtendCustomFilterOperator.CONTAINS,
+				val1: ""
+			}),
+			testMappingParams: (params) => {
+				const [op] = getOnlyOperatorAndVal(params);
+				return op === ExtendCustomFilterOperator.CONTAINS;
+			},
+			mapToFilterColumn: (mapParams) => {
+				const { val1 } = mapParams;
+				if (val1 === "") return null;
+				return { customFilters: { customFilters: [{ val: `*${val1}*` }] } };
+			},
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF3;
+				if (((_filterColumn$customF3 = filterColumn.customFilters) === null || _filterColumn$customF3 === void 0 ? void 0 : _filterColumn$customF3.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				const valAsString = firstCustomFilter.val.toString();
+				if (!firstCustomFilter.operator && valAsString.startsWith("*") && valAsString.endsWith("*")) return {
+					operator1: ExtendCustomFilterOperator.CONTAINS,
+					val1: valAsString.slice(1, -1)
+				};
+				return false;
+			}
+		},
+		_FilterConditionItems.DOES_NOT_CONTAIN = {
+			label: "sheets-filter.conditions.does-not-contain",
+			operator: ExtendCustomFilterOperator.DOES_NOT_CONTAIN,
+			order: OperatorOrder.FIRST,
+			numOfParameters: 1,
+			getDefaultFormParams: () => ({
+				operator1: ExtendCustomFilterOperator.DOES_NOT_CONTAIN,
+				val1: ""
+			}),
+			mapToFilterColumn: (mapParams) => ({ customFilters: { customFilters: [{
+				val: `*${mapParams.val1}*`,
+				operator: CustomFilterOperator.NOT_EQUALS
+			}] } }),
+			testMappingParams: (params) => {
+				const [op] = getOnlyOperatorAndVal(params);
+				return op === ExtendCustomFilterOperator.DOES_NOT_CONTAIN;
+			},
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF4;
+				if (((_filterColumn$customF4 = filterColumn.customFilters) === null || _filterColumn$customF4 === void 0 ? void 0 : _filterColumn$customF4.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				const valAsString = firstCustomFilter.val.toString();
+				if (firstCustomFilter.operator === CustomFilterOperator.NOT_EQUALS && valAsString.startsWith("*") && valAsString.endsWith("*")) return {
+					operator1: ExtendCustomFilterOperator.DOES_NOT_CONTAIN,
+					val1: valAsString.slice(1, -1)
+				};
+				return false;
+			}
+		},
+		_FilterConditionItems.STARTS_WITH = {
+			label: "sheets-filter.conditions.starts-with",
+			operator: ExtendCustomFilterOperator.STARTS_WITH,
+			order: OperatorOrder.FIRST,
+			numOfParameters: 1,
+			getDefaultFormParams: () => ({
+				operator1: ExtendCustomFilterOperator.STARTS_WITH,
+				val1: ""
+			}),
+			mapToFilterColumn: (mapParams) => ({ customFilters: { customFilters: [{ val: `${mapParams.val1}*` }] } }),
+			testMappingParams: (params) => {
+				const [op] = getOnlyOperatorAndVal(params);
+				return op === ExtendCustomFilterOperator.STARTS_WITH;
+			},
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF5;
+				if (((_filterColumn$customF5 = filterColumn.customFilters) === null || _filterColumn$customF5 === void 0 ? void 0 : _filterColumn$customF5.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				const valAsString = firstCustomFilter.val.toString();
+				if (!firstCustomFilter.operator && valAsString.endsWith("*") && !valAsString.startsWith("*")) return {
+					operator1: ExtendCustomFilterOperator.STARTS_WITH,
+					val1: valAsString.slice(0, -1)
+				};
+				return false;
+			}
+		},
+		_FilterConditionItems.ENDS_WITH = {
+			label: "sheets-filter.conditions.ends-with",
+			operator: ExtendCustomFilterOperator.ENDS_WITH,
+			order: OperatorOrder.FIRST,
+			numOfParameters: 1,
+			getDefaultFormParams: () => ({
+				operator1: ExtendCustomFilterOperator.ENDS_WITH,
+				val1: ""
+			}),
+			mapToFilterColumn: (mapParams) => ({ customFilters: { customFilters: [{ val: `*${mapParams.val1}` }] } }),
+			testMappingParams: (params) => {
+				const [op] = getOnlyOperatorAndVal(params);
+				return op === ExtendCustomFilterOperator.ENDS_WITH;
+			},
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF6;
+				if (((_filterColumn$customF6 = filterColumn.customFilters) === null || _filterColumn$customF6 === void 0 ? void 0 : _filterColumn$customF6.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				const valAsString = firstCustomFilter.val.toString();
+				if (!firstCustomFilter.operator && valAsString.startsWith("*") && !valAsString.endsWith("*")) return {
+					operator1: ExtendCustomFilterOperator.ENDS_WITH,
+					val1: valAsString.slice(1)
+				};
+				return false;
+			}
+		},
+		_FilterConditionItems.EQUALS = {
+			label: "sheets-filter.conditions.equals",
+			operator: ExtendCustomFilterOperator.EQUALS,
+			order: OperatorOrder.FIRST,
+			numOfParameters: 1,
+			getDefaultFormParams: () => ({
+				operator1: ExtendCustomFilterOperator.EQUALS,
+				val1: ""
+			}),
+			testMappingParams: (params) => {
+				const [op] = getOnlyOperatorAndVal(params);
+				return op === ExtendCustomFilterOperator.EQUALS;
+			},
+			mapToFilterColumn: (mapParams) => {
+				const { val1 } = mapParams;
+				if (val1 === "") return null;
+				return { customFilters: { customFilters: [{ val: val1 }] } };
+			},
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$filters, _filterColumn$customF7;
+				if (((_filterColumn$filters = filterColumn.filters) === null || _filterColumn$filters === void 0 || (_filterColumn$filters = _filterColumn$filters.filters) === null || _filterColumn$filters === void 0 ? void 0 : _filterColumn$filters.length) === 1) return {
+					operator1: ExtendCustomFilterOperator.EQUALS,
+					val1: ""
+				};
+				if (((_filterColumn$customF7 = filterColumn.customFilters) === null || _filterColumn$customF7 === void 0 ? void 0 : _filterColumn$customF7.customFilters.length) === 1 && !filterColumn.customFilters.customFilters[0].operator) return {
+					operator1: ExtendCustomFilterOperator.EQUALS,
+					val1: filterColumn.customFilters.customFilters[0].val.toString()
+				};
+				return false;
+			}
+		},
+		_FilterConditionItems.GREATER_THAN = {
+			label: "sheets-filter.conditions.greater-than",
+			operator: CustomFilterOperator.GREATER_THAN,
+			numOfParameters: 1,
+			order: OperatorOrder.FIRST,
+			getDefaultFormParams: () => ({
+				operator1: CustomFilterOperator.GREATER_THAN,
+				val1: ""
+			}),
+			mapToFilterColumn: (mapParams) => ({ customFilters: { customFilters: [{
+				val: mapParams.val1,
+				operator: CustomFilterOperator.GREATER_THAN
+			}] } }),
+			testMappingParams: (params) => {
+				const [op] = getOnlyOperatorAndVal(params);
+				return op === CustomFilterOperator.GREATER_THAN;
+			},
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF8;
+				if (((_filterColumn$customF8 = filterColumn.customFilters) === null || _filterColumn$customF8 === void 0 ? void 0 : _filterColumn$customF8.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				if (firstCustomFilter.operator !== CustomFilterOperator.GREATER_THAN) return false;
+				return {
+					operator1: CustomFilterOperator.GREATER_THAN,
+					val1: firstCustomFilter.val.toString()
+				};
+			}
+		},
+		_FilterConditionItems.GREATER_THAN_OR_EQUAL = {
+			label: "sheets-filter.conditions.greater-than-or-equal",
+			operator: CustomFilterOperator.GREATER_THAN_OR_EQUAL,
+			numOfParameters: 1,
+			order: OperatorOrder.FIRST,
+			getDefaultFormParams: () => ({
+				operator1: CustomFilterOperator.GREATER_THAN_OR_EQUAL,
+				val1: ""
+			}),
+			testMappingParams: (params) => {
+				const [op] = getOnlyOperatorAndVal(params);
+				return op === CustomFilterOperator.GREATER_THAN_OR_EQUAL;
+			},
+			mapToFilterColumn: (mapParams) => ({ customFilters: { customFilters: [{
+				val: mapParams.val1,
+				operator: CustomFilterOperator.GREATER_THAN_OR_EQUAL
+			}] } }),
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF9;
+				if (((_filterColumn$customF9 = filterColumn.customFilters) === null || _filterColumn$customF9 === void 0 ? void 0 : _filterColumn$customF9.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				if (firstCustomFilter.operator !== CustomFilterOperator.GREATER_THAN_OR_EQUAL) return false;
+				return {
+					operator1: CustomFilterOperator.GREATER_THAN_OR_EQUAL,
+					val1: firstCustomFilter.val.toString()
+				};
+			}
+		},
+		_FilterConditionItems.LESS_THAN = {
+			label: "sheets-filter.conditions.less-than",
+			operator: CustomFilterOperator.LESS_THAN,
+			numOfParameters: 1,
+			order: OperatorOrder.FIRST,
+			getDefaultFormParams: () => ({
+				operator1: CustomFilterOperator.LESS_THAN,
+				val1: ""
+			}),
+			testMappingParams: (params) => {
+				const [op] = getOnlyOperatorAndVal(params);
+				return op === CustomFilterOperator.LESS_THAN;
+			},
+			mapToFilterColumn: (mapParams) => ({ customFilters: { customFilters: [{
+				val: mapParams.val1,
+				operator: CustomFilterOperator.LESS_THAN
+			}] } }),
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF10;
+				if (((_filterColumn$customF10 = filterColumn.customFilters) === null || _filterColumn$customF10 === void 0 ? void 0 : _filterColumn$customF10.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				if (firstCustomFilter.operator !== CustomFilterOperator.LESS_THAN) return false;
+				return {
+					operator1: CustomFilterOperator.LESS_THAN,
+					val1: firstCustomFilter.val.toString()
+				};
+			}
+		},
+		_FilterConditionItems.LESS_THAN_OR_EQUAL = {
+			label: "sheets-filter.conditions.less-than-or-equal",
+			operator: CustomFilterOperator.LESS_THAN_OR_EQUAL,
+			numOfParameters: 1,
+			order: OperatorOrder.FIRST,
+			getDefaultFormParams: () => ({
+				operator1: CustomFilterOperator.LESS_THAN_OR_EQUAL,
+				val1: ""
+			}),
+			testMappingParams: (params) => {
+				const [op] = getOnlyOperatorAndVal(params);
+				return op === CustomFilterOperator.LESS_THAN_OR_EQUAL;
+			},
+			mapToFilterColumn: (mapParams) => ({ customFilters: { customFilters: [{
+				val: mapParams.val1,
+				operator: CustomFilterOperator.LESS_THAN_OR_EQUAL
+			}] } }),
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF11;
+				if (((_filterColumn$customF11 = filterColumn.customFilters) === null || _filterColumn$customF11 === void 0 ? void 0 : _filterColumn$customF11.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				if (firstCustomFilter.operator !== CustomFilterOperator.LESS_THAN_OR_EQUAL) return false;
+				return {
+					operator1: CustomFilterOperator.LESS_THAN_OR_EQUAL,
+					val1: firstCustomFilter.val.toString()
+				};
+			}
+		},
+		_FilterConditionItems.EQUAL = {
+			label: "sheets-filter.conditions.equal",
+			operator: CustomFilterOperator.EQUAL,
+			numOfParameters: 1,
+			order: OperatorOrder.FIRST,
+			getDefaultFormParams: () => ({
+				operator1: CustomFilterOperator.EQUAL,
+				val1: ""
+			}),
+			testMappingParams: (params) => {
+				const [op] = getOnlyOperatorAndVal(params);
+				return op === CustomFilterOperator.EQUAL;
+			},
+			mapToFilterColumn: (mapParams) => ({ customFilters: { customFilters: [{
+				val: mapParams.val1,
+				operator: CustomFilterOperator.EQUAL
+			}] } }),
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF12;
+				if (((_filterColumn$customF12 = filterColumn.customFilters) === null || _filterColumn$customF12 === void 0 ? void 0 : _filterColumn$customF12.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				if (firstCustomFilter.operator !== CustomFilterOperator.EQUAL) return false;
+				return {
+					operator1: CustomFilterOperator.EQUAL,
+					val1: firstCustomFilter.val.toString()
+				};
+			}
+		},
+		_FilterConditionItems.NOT_EQUAL = {
+			label: "sheets-filter.conditions.not-equal",
+			operator: CustomFilterOperator.NOT_EQUALS,
+			numOfParameters: 1,
+			order: OperatorOrder.FIRST,
+			getDefaultFormParams: () => ({
+				operator1: CustomFilterOperator.NOT_EQUALS,
+				val1: ""
+			}),
+			testMappingParams: (params) => {
+				const [op] = getOnlyOperatorAndVal(params);
+				return op === CustomFilterOperator.NOT_EQUALS;
+			},
+			mapToFilterColumn: (mapParams) => ({ customFilters: { customFilters: [{
+				val: mapParams.val1,
+				operator: CustomFilterOperator.NOT_EQUALS
+			}] } }),
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF13;
+				if (((_filterColumn$customF13 = filterColumn.customFilters) === null || _filterColumn$customF13 === void 0 ? void 0 : _filterColumn$customF13.customFilters.length) !== 1) return false;
+				const firstCustomFilter = filterColumn.customFilters.customFilters[0];
+				if (firstCustomFilter.operator !== CustomFilterOperator.NOT_EQUALS) return false;
+				return {
+					operator1: CustomFilterOperator.NOT_EQUALS,
+					val1: firstCustomFilter.val.toString()
+				};
+			}
+		},
+		_FilterConditionItems.BETWEEN = {
+			label: "sheets-filter.conditions.between",
+			operator: ExtendCustomFilterOperator.BETWEEN,
+			order: OperatorOrder.SECOND,
+			numOfParameters: 2,
+			getDefaultFormParams: () => ({
+				and: true,
+				operator1: CustomFilterOperator.GREATER_THAN_OR_EQUAL,
+				val1: "",
+				operator2: CustomFilterOperator.LESS_THAN_OR_EQUAL,
+				val2: ""
+			}),
+			testMappingParams: (params) => {
+				const { and, operator1, operator2 } = params;
+				if (!and) return false;
+				const operators = [operator1, operator2];
+				return operators.includes(CustomFilterOperator.GREATER_THAN_OR_EQUAL) && operators.includes(CustomFilterOperator.LESS_THAN_OR_EQUAL);
+			},
+			mapToFilterColumn: (mapParams) => {
+				const { val1, val2, operator1 } = mapParams;
+				const operator1IsGreater = operator1 === CustomFilterOperator.GREATER_THAN_OR_EQUAL;
+				return { customFilters: {
+					and: BooleanNumber.TRUE,
+					customFilters: [{
+						val: operator1IsGreater ? val1 : val2,
+						operator: CustomFilterOperator.GREATER_THAN_OR_EQUAL
+					}, {
+						val: operator1IsGreater ? val2 : val1,
+						operator: CustomFilterOperator.LESS_THAN_OR_EQUAL
+					}]
+				} };
+			},
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF14;
+				if (((_filterColumn$customF14 = filterColumn.customFilters) === null || _filterColumn$customF14 === void 0 ? void 0 : _filterColumn$customF14.customFilters.length) !== 2) return false;
+				const [firstCustomFilter, secondCustomFilter] = filterColumn.customFilters.customFilters;
+				if (firstCustomFilter.operator === CustomFilterOperator.GREATER_THAN_OR_EQUAL && secondCustomFilter.operator === CustomFilterOperator.LESS_THAN_OR_EQUAL && filterColumn.customFilters.and) return {
+					and: true,
+					operator1: CustomFilterOperator.GREATER_THAN_OR_EQUAL,
+					val1: firstCustomFilter.val.toString(),
+					operator2: CustomFilterOperator.LESS_THAN_OR_EQUAL,
+					val2: secondCustomFilter.val.toString()
+				};
+				if (secondCustomFilter.operator === CustomFilterOperator.GREATER_THAN_OR_EQUAL && firstCustomFilter.operator === CustomFilterOperator.LESS_THAN_OR_EQUAL && filterColumn.customFilters.and) return {
+					and: true,
+					operator1: CustomFilterOperator.GREATER_THAN_OR_EQUAL,
+					val1: secondCustomFilter.val.toString(),
+					operator2: CustomFilterOperator.LESS_THAN_OR_EQUAL,
+					val2: firstCustomFilter.val.toLocaleString()
+				};
+				return false;
+			}
+		},
+		_FilterConditionItems.NOT_BETWEEN = {
+			label: "sheets-filter.conditions.not-between",
+			operator: ExtendCustomFilterOperator.NOT_BETWEEN,
+			order: OperatorOrder.SECOND,
+			numOfParameters: 2,
+			getDefaultFormParams: () => ({
+				operator1: CustomFilterOperator.LESS_THAN,
+				val1: "",
+				operator2: CustomFilterOperator.GREATER_THAN,
+				val2: ""
+			}),
+			testMappingParams: (params) => {
+				const { and, operator1, operator2 } = params;
+				if (and) return false;
+				const operators = [operator1, operator2];
+				return operators.includes(CustomFilterOperator.GREATER_THAN) && operators.includes(CustomFilterOperator.LESS_THAN);
+			},
+			mapToFilterColumn: (mapParams) => {
+				const { val1, val2, operator1 } = mapParams;
+				const operator1IsGreater = operator1 === CustomFilterOperator.GREATER_THAN;
+				return { customFilters: { customFilters: [{
+					val: operator1IsGreater ? val1 : val2,
+					operator: CustomFilterOperator.GREATER_THAN
+				}, {
+					val: operator1IsGreater ? val2 : val1,
+					operator: CustomFilterOperator.LESS_THAN
+				}] } };
+			},
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF15;
+				if (((_filterColumn$customF15 = filterColumn.customFilters) === null || _filterColumn$customF15 === void 0 ? void 0 : _filterColumn$customF15.customFilters.length) !== 2) return false;
+				const [firstCustomFilter, secondCustomFilter] = filterColumn.customFilters.customFilters;
+				if (firstCustomFilter.operator === CustomFilterOperator.LESS_THAN && secondCustomFilter.operator === CustomFilterOperator.GREATER_THAN && !filterColumn.customFilters.and) return {
+					operator1: CustomFilterOperator.LESS_THAN,
+					val1: firstCustomFilter.val.toString(),
+					operator2: CustomFilterOperator.GREATER_THAN,
+					val2: secondCustomFilter.val.toString()
+				};
+				if (secondCustomFilter.operator === CustomFilterOperator.LESS_THAN && firstCustomFilter.operator === CustomFilterOperator.GREATER_THAN && !filterColumn.customFilters.and) return {
+					operator1: CustomFilterOperator.GREATER_THAN,
+					val1: secondCustomFilter.val.toString(),
+					operator2: CustomFilterOperator.LESS_THAN,
+					val2: firstCustomFilter.val.toLocaleString()
+				};
+				return false;
+			}
+		},
+		_FilterConditionItems.CUSTOM = {
+			label: "sheets-filter.conditions.custom",
+			operator: ExtendCustomFilterOperator.CUSTOM,
+			order: OperatorOrder.SECOND,
+			numOfParameters: 2,
+			getDefaultFormParams: () => {
+				return {
+					operator1: ExtendCustomFilterOperator.NONE,
+					val1: "",
+					operator2: ExtendCustomFilterOperator.NONE,
+					val2: ""
+				};
+			},
+			testMappingParams: () => true,
+			mapToFilterColumn: (mapParams) => {
+				const { and, val1, val2, operator1, operator2 } = mapParams;
+				function mapOperator(operator, val) {
+					for (const condition of ALL_CONDITIONS) if (condition.operator === operator) return condition.mapToFilterColumn({
+						val1: val,
+						operator1: operator
+					});
+				}
+				const operator1IsNone = !operator1 || operator1 === FilterConditionItems.NONE.operator;
+				const operator2IsNone = !operator2 || operator2 === FilterConditionItems.NONE.operator;
+				if (operator1IsNone && operator2IsNone) return NONE.mapToFilterColumn({});
+				if (operator1IsNone) return mapOperator(operator2, val2);
+				if (operator2IsNone) return mapOperator(operator1, val1);
+				const mappedCustomFilter1 = mapOperator(operator1, val1);
+				const mappedCustomFilter2 = mapOperator(operator2, val2);
+				const customFilters = { customFilters: [mappedCustomFilter1.customFilters.customFilters[0], mappedCustomFilter2.customFilters.customFilters[0]] };
+				if (and) customFilters.and = BooleanNumber.TRUE;
+				return { customFilters };
+			},
+			testMappingFilterColumn: (filterColumn) => {
+				var _filterColumn$customF16;
+				if (((_filterColumn$customF16 = filterColumn.customFilters) === null || _filterColumn$customF16 === void 0 ? void 0 : _filterColumn$customF16.customFilters.length) !== 2) return false;
+				const params = filterColumn.customFilters.customFilters.map((customFilter) => {
+					return testMappingFilterColumn({ customFilters: { customFilters: [customFilter] } });
+				});
+				const result = {
+					operator1: params[0][0].operator,
+					val1: params[0][1].val1,
+					operator2: params[1][0].operator,
+					val2: params[1][1].val1
+				};
+				if (filterColumn.customFilters.and) result.and = true;
+				return result;
+			}
+		}
+	];
+	function getItemByOperator(operator) {
+		const item = ALL_CONDITIONS.find((condition) => condition.operator === operator);
+		if (!item) throw new Error(`[SheetsFilter]: no condition item found for operator: ${operator}`);
+		return item;
+	}
+	_FilterConditionItems.getItemByOperator = getItemByOperator;
+	function testMappingParams(mapParams, numOfParameters) {
+		for (const condition of ALL_CONDITIONS.filter((condition) => condition.numOfParameters === numOfParameters)) if (condition.numOfParameters !== 0 && condition.testMappingParams(mapParams)) return condition;
+		for (const condition of ALL_CONDITIONS) if (condition.testMappingParams(mapParams)) return condition;
+		throw new Error("[SheetsFilter]: no condition item can be mapped from the filter map params!");
+	}
+	_FilterConditionItems.testMappingParams = testMappingParams;
+	function getInitialFormParams(operator) {
+		const condition = ALL_CONDITIONS.find((condition) => condition.operator === operator);
+		if ((condition === null || condition === void 0 ? void 0 : condition.numOfParameters) === 0) return { operator1: condition.operator };
+		return condition.getDefaultFormParams();
+	}
+	_FilterConditionItems.getInitialFormParams = getInitialFormParams;
+	function mapToFilterColumn(condition, mapParams) {
+		return condition.mapToFilterColumn(mapParams);
+	}
+	_FilterConditionItems.mapToFilterColumn = mapToFilterColumn;
+	function testMappingFilterColumn(filterColumn) {
+		if (!filterColumn) return [NONE, {}];
+		for (const condition of ALL_CONDITIONS) {
+			const mapParams = condition.testMappingFilterColumn(filterColumn);
+			if (mapParams) return [condition, mapParams];
+		}
+		return [NONE, {}];
+	}
+	_FilterConditionItems.testMappingFilterColumn = testMappingFilterColumn;
+})(FilterConditionItems || (FilterConditionItems = {}));
+function getOnlyOperatorAndVal(mapParams) {
+	const { operator1, operator2, val1, val2 } = mapParams;
+	if (operator1 && operator2) throw new Error("Both operator1 and operator2 are set!");
+	if (!operator1 && !operator2) throw new Error("Neither operator1 and operator2 and both not set!");
+	return operator1 ? [operator1, val1] : [operator2, val2];
+}
+
+//#endregion
+//#region src/models/utils.ts
+function statisticFilterByValueItems(items) {
+	const checkedItems = [];
+	const uncheckedItems = [];
+	let checked = 0;
+	let unchecked = 0;
+	function traverse(node) {
+		if (node.leaf) if (node.checked) {
+			checkedItems.push(node);
+			checked += node.count;
+		} else {
+			uncheckedItems.push(node);
+			unchecked += node.count;
+		}
+		if (node.children) node.children.forEach(traverse);
+	}
+	items.forEach(traverse);
+	return {
+		checkedItems,
+		uncheckedItems,
+		checked,
+		unchecked
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/worker/generate-filter-values.service.ts
+const SHEETS_GENERATE_FILTER_VALUES_SERVICE_NAME = "sheets-filter.generate-filter-values.service";
+const ISheetsGenerateFilterValuesService = createIdentifier(SHEETS_GENERATE_FILTER_VALUES_SERVICE_NAME);
+let SheetsGenerateFilterValuesService = class SheetsGenerateFilterValuesService extends Disposable {
+	constructor(_localeService, _univerInstanceService, _logService) {
+		super();
+		this._localeService = _localeService;
+		this._univerInstanceService = _univerInstanceService;
+		this._logService = _logService;
+	}
+	async getFilterValues(params) {
+		var _this$_univerInstance;
+		const { unitId, subUnitId, filteredOutRowsByOtherColumns, filterColumn, filters, blankChecked, iterateRange, alreadyChecked } = params;
+		const workbook = this._univerInstanceService.getUnit(unitId);
+		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUnit(unitId)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(subUnitId);
+		if (!workbook || !worksheet) return [];
+		this._logService.debug("[SheetsGenerateFilterValuesService]", "getFilterValues for", {
+			unitId,
+			subUnitId
+		});
+		return getFilterTreeByValueItems(filters, this._localeService, iterateRange, worksheet, new Set(filteredOutRowsByOtherColumns), filterColumn, new Set(alreadyChecked.map(String)), blankChecked, workbook.getStyles());
+	}
+};
+SheetsGenerateFilterValuesService = __decorate([
+	__decorateParam(0, Inject(LocaleService)),
+	__decorateParam(1, IUniverInstanceService),
+	__decorateParam(2, ILogService)
+], SheetsGenerateFilterValuesService);
+function getFilterTreeByValueItems(filters, localeService, iterateRange, worksheet, filteredOutRowsByOtherColumns, filterColumn, alreadyChecked, blankChecked, styles) {
+	var _filterColumn$filtere;
+	const items = /* @__PURE__ */ new Map();
+	const treeMap = /* @__PURE__ */ new Map();
+	const DefaultPattern = "yyyy-mm-dd";
+	const EmptyKey = "empty";
+	const isNeedClearCheckedStatus = !filters && ((filterColumn === null || filterColumn === void 0 ? void 0 : filterColumn.filterBy) === FilterBy.COLORS || (filterColumn === null || filterColumn === void 0 ? void 0 : filterColumn.filterBy) === FilterBy.CONDITIONS) && ((_filterColumn$filtere = filterColumn.filteredOutRows) === null || _filterColumn$filtere === void 0 ? void 0 : _filterColumn$filtere.size);
+	let emptyCount = 0;
+	for (const cell of worksheet.iterateByColumn(iterateRange, false, false)) {
+		const { row, rowSpan = 1 } = cell;
+		let rowIndex = 0;
+		while (rowIndex < rowSpan) {
+			var _cell$value, _styles$get, _cell$value2;
+			const targetRow = row + rowIndex;
+			if (filteredOutRowsByOtherColumns.has(targetRow)) {
+				rowIndex++;
+				continue;
+			}
+			const value = (cell === null || cell === void 0 ? void 0 : cell.value) ? extractPureTextFromCell(cell.value) : "";
+			if (!value) {
+				emptyCount += 1;
+				rowIndex += rowSpan;
+				continue;
+			}
+			const fmtStr = ((_cell$value = cell.value) === null || _cell$value === void 0 ? void 0 : _cell$value.v) && !cell.value.p ? (_styles$get = styles.get((_cell$value2 = cell.value) === null || _cell$value2 === void 0 ? void 0 : _cell$value2.s)) === null || _styles$get === void 0 || (_styles$get = _styles$get.n) === null || _styles$get === void 0 ? void 0 : _styles$get.pattern : "";
+			const isDateValue = fmtStr && numfmt.getFormatInfo(fmtStr).isDate;
+			let isIncludeDatePart = false;
+			if (isDateValue) {
+				const { year, month, day } = numfmt.getFormatDateInfo(fmtStr);
+				isIncludeDatePart = year || month || day;
+			}
+			if (fmtStr && isDateValue && isIncludeDatePart) {
+				var _worksheet$getCellRaw, _yearItem$children, _monthItem$children;
+				const originValue = (_worksheet$getCellRaw = worksheet.getCellRaw(cell.row, cell.col)) === null || _worksheet$getCellRaw === void 0 ? void 0 : _worksheet$getCellRaw.v;
+				if (!originValue) {
+					rowIndex++;
+					continue;
+				}
+				const [year, month, day] = numfmt.format(DefaultPattern, Number(originValue)).split("-").map(Number);
+				let yearItem = items.get(`${year}`);
+				if (!yearItem) {
+					yearItem = {
+						title: `${year}`,
+						key: `${year}`,
+						children: [],
+						count: 0,
+						leaf: false,
+						checked: false
+					};
+					items.set(`${year}`, yearItem);
+					treeMap.set(`${year}`, [`${year}`]);
+				}
+				let monthItem = (_yearItem$children = yearItem.children) === null || _yearItem$children === void 0 ? void 0 : _yearItem$children.find((item) => item.key === `${year}-${month}`);
+				if (!monthItem) {
+					var _yearItem$children2;
+					monthItem = {
+						title: localeService.t(`sheets-filter.date.${month}`),
+						key: `${year}-${month}`,
+						children: [],
+						count: 0,
+						leaf: false,
+						checked: false
+					};
+					(_yearItem$children2 = yearItem.children) === null || _yearItem$children2 === void 0 || _yearItem$children2.push(monthItem);
+					treeMap.set(`${year}-${month}`, [`${year}`, `${year}-${month}`]);
+				}
+				const dayItem = monthItem === null || monthItem === void 0 || (_monthItem$children = monthItem.children) === null || _monthItem$children === void 0 ? void 0 : _monthItem$children.find((item) => item.key === `${year}-${month}-${day}`);
+				if (!dayItem) {
+					var _monthItem$children2;
+					(_monthItem$children2 = monthItem.children) === null || _monthItem$children2 === void 0 || _monthItem$children2.push({
+						title: `${day}`,
+						key: `${year}-${month}-${day}`,
+						count: 1,
+						originValues: new Set([value]),
+						leaf: true,
+						checked: isNeedClearCheckedStatus ? false : alreadyChecked.size ? alreadyChecked.has(value) : !blankChecked
+					});
+					monthItem.count++;
+					yearItem.count++;
+					treeMap.set(`${year}-${month}-${day}`, [
+						`${year}`,
+						`${year}-${month}`,
+						`${year}-${month}-${day}`
+					]);
+				} else {
+					dayItem.originValues.add(value);
+					dayItem.count++;
+					monthItem.count++;
+					yearItem.count++;
+				}
+			} else {
+				const key = value;
+				let item = items.get(key);
+				if (!item) {
+					item = {
+						title: value,
+						leaf: true,
+						checked: isNeedClearCheckedStatus ? false : alreadyChecked.size ? alreadyChecked.has(value) : !blankChecked,
+						key,
+						count: 1
+					};
+					items.set(key, item);
+					treeMap.set(key, [key]);
+				} else item.count++;
+			}
+			rowIndex++;
+		}
+	}
+	const initialBlankChecked = isNeedClearCheckedStatus ? false : filters ? blankChecked : true;
+	if (emptyCount > 0) {
+		const item = {
+			title: localeService.t("sheets-filter.panel.empty"),
+			count: emptyCount,
+			leaf: true,
+			checked: initialBlankChecked,
+			key: EmptyKey
+		};
+		items.set("empty", item);
+		treeMap.set("empty", [EmptyKey]);
+	}
+	return {
+		filterTreeItems: generateFilterTreeBySort(Array.from(items.values())),
+		filterTreeMapCache: treeMap
+	};
+}
+function generateFilterTreeBySort(tree) {
+	return Array.from(tree).sort((a, b) => {
+		if (a.children && !b.children) return -1;
+		if (!a.children && b.children) return 1;
+		return compare(a.title, b.title);
+	}).map((yearItem) => {
+		if (yearItem.children) yearItem.children.sort((a, b) => {
+			return Number.parseInt(a.key.split("-")[1], 10) - Number.parseInt(b.key.split("-")[1], 10);
+		}).forEach((monthItem) => {
+			if (monthItem.children) monthItem.children.sort((a, b) => {
+				return Number.parseInt(a.key.split("-")[2], 10) - Number.parseInt(b.key.split("-")[2], 10);
+			});
+		});
+		return yearItem;
+	});
+}
+const isNumeric = (str) => !Number.isNaN(Number(str)) && !Number.isNaN(Number.parseFloat(str));
+function compare(strA, strB) {
+	const aIsNumeric = isNumeric(strA);
+	const bIsNumeric = isNumeric(strB);
+	if (aIsNumeric && bIsNumeric) return Number.parseFloat(strA) - Number.parseFloat(strB);
+	else if (aIsNumeric && !bIsNumeric) return -1;
+	else if (!aIsNumeric && bIsNumeric) return 1;
+	else return strA.localeCompare(strB);
+}
+
+//#endregion
+//#region src/services/util.ts
+function findObjectByKey(data, targetKey) {
+	for (const node of data) {
+		if (node.key === targetKey) return node;
+		if (node.children) {
+			const result = findObjectByKey(node.children, targetKey);
+			if (result) return result;
+		}
+	}
+	return null;
+}
+function areAllLeafNodesChecked(node) {
+	if (node.leaf) return node.checked;
+	return node.children ? node.children.every((child) => areAllLeafNodesChecked(child)) : true;
+}
+function updateLeafNodesCheckedStatus(node, status) {
+	if (node.leaf) if (status !== void 0) node.checked = status;
+	else node.checked = !node.checked;
+	if (node.children) node.children.forEach((child) => updateLeafNodesCheckedStatus(child, status));
+}
+function searchTree(items, searchKeywords) {
+	const result = [];
+	items.forEach((item) => {
+		const originMatches = item.originValues ? searchKeywords.some((keyword) => Array.from(item.originValues).some((value) => value.toLowerCase().includes(keyword.toLowerCase()))) : false;
+		const titleMatches = !originMatches && searchKeywords.some((keyword) => item.title.toLowerCase().includes(keyword.toLowerCase()));
+		if (originMatches || titleMatches) result.push({ ...item });
+		else if (item.children) {
+			const filteredChildren = searchTree(item.children, searchKeywords);
+			if (filteredChildren.length > 0) {
+				const aggregatedCount = filteredChildren.reduce((sum, child) => sum + child.count, 0);
+				result.push({
+					...item,
+					count: aggregatedCount,
+					children: filteredChildren
+				});
+			}
+		}
+	});
+	return result;
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region src/services/sheets-filter-panel.service.ts
+var _ByConditionsModel, _ByValuesModel, _ByColorsModel;
+const ISheetsFilterPanelService = createIdentifier("sheets-filter-ui.sheets-filter-panel.service");
+let SheetsFilterPanelService = class SheetsFilterPanelService extends Disposable {
+	get filterBy() {
+		return this._filterBy$.getValue();
+	}
+	get filterByModel() {
+		return this._filterByModel;
+	}
+	set filterByModel(model) {
+		this._filterByModel = model;
+		this._filterByModel$.next(model);
+	}
+	get filterModel() {
+		return this._filterModel;
+	}
+	get col() {
+		return this._col$.getValue();
+	}
+	constructor(_injector, _refRangeService) {
+		super();
+		this._injector = _injector;
+		this._refRangeService = _refRangeService;
+		_defineProperty(this, "_filterBy$", new BehaviorSubject(FilterBy.VALUES));
+		_defineProperty(this, "filterBy$", this._filterBy$.asObservable());
+		_defineProperty(this, "_filterByModel$", new ReplaySubject(1));
+		_defineProperty(this, "filterByModel$", this._filterByModel$.asObservable());
+		_defineProperty(this, "_filterByModel", null);
+		_defineProperty(this, "_hasCriteria$", new BehaviorSubject(false));
+		_defineProperty(this, "hasCriteria$", this._hasCriteria$.asObservable());
+		_defineProperty(this, "_filterModel", null);
+		_defineProperty(this, "_col$", new BehaviorSubject(-1));
+		_defineProperty(this, "col$", this._col$.asObservable());
+		_defineProperty(this, "_filterHeaderListener", null);
+	}
+	dispose() {
+		this._filterBy$.complete();
+		this._filterByModel$.complete();
+		this._hasCriteria$.complete();
+	}
+	setupCol(filterModel, col) {
+		this.terminate();
+		this._filterModel = filterModel;
+		this._col$.next(col);
+		const filterColumn = filterModel.getFilterColumn(col);
+		if (filterColumn) {
+			const info = filterColumn.getColumnData();
+			if (info.customFilters) {
+				this._hasCriteria$.next(true);
+				this._setupByConditions(filterModel, col);
+				return;
+			}
+			if (info.colorFilters) {
+				this._hasCriteria$.next(true);
+				this._setupByColors(filterModel, col);
+				return;
+			}
+			if (info.filters) {
+				this._hasCriteria$.next(true);
+				this._setupByValues(filterModel, col);
+				return;
+			}
+			this._hasCriteria$.next(false);
+			this._setupByValues(filterModel, col);
+			return;
+		}
+		this._hasCriteria$.next(false);
+		this._setupByValues(filterModel, col);
+	}
+	changeFilterBy(filterBy) {
+		if (!this._filterModel || this.col === -1) return false;
+		switch (filterBy) {
+			case FilterBy.VALUES:
+				this._setupByValues(this._filterModel, this.col);
+				break;
+			case FilterBy.COLORS:
+				this._setupByColors(this._filterModel, this.col);
+				break;
+			case FilterBy.CONDITIONS:
+				this._setupByConditions(this._filterModel, this.col);
+				break;
+		}
+		return true;
+	}
+	terminate() {
+		this._filterModel = null;
+		this._col$.next(-1);
+		this._disposeFilterHeaderChangeListener();
+		return true;
+	}
+	_disposeFilterHeaderChangeListener() {
+		var _this$_filterHeaderLi;
+		(_this$_filterHeaderLi = this._filterHeaderListener) === null || _this$_filterHeaderLi === void 0 || _this$_filterHeaderLi.dispose();
+		this._filterHeaderListener = null;
+	}
+	_listenToFilterHeaderChange(filterModel, col) {
+		this._disposeFilterHeaderChangeListener();
+		const unitId = filterModel.unitId;
+		const subUnitId = filterModel.subUnitId;
+		const filterRange = filterModel.getRange();
+		const columnHeaderRange = {
+			startColumn: col,
+			startRow: filterRange.startRow,
+			endRow: filterRange.startRow,
+			endColumn: col
+		};
+		this._filterHeaderListener = this._refRangeService.watchRange(unitId, subUnitId, columnHeaderRange, (before, after) => {
+			if (!after) this.terminate();
+			else {
+				const offset = after.startColumn - before.startColumn;
+				if (offset !== 0) this._filterByModel.deltaCol(offset);
+			}
+		});
+	}
+	async _setupByValues(filterModel, col) {
+		this._disposePreviousModel();
+		const range = filterModel.getRange();
+		if (range.startRow === range.endRow) return false;
+		this.filterByModel = await ByValuesModel.fromFilterColumn(this._injector, filterModel, col);
+		this._filterBy$.next(FilterBy.VALUES);
+		this._listenToFilterHeaderChange(filterModel, col);
+		return true;
+	}
+	async _setupByColors(filterModel, col) {
+		this._disposePreviousModel();
+		const range = filterModel.getRange();
+		if (range.startRow === range.endRow) return false;
+		this.filterByModel = await ByColorsModel.fromFilterColumn(this._injector, filterModel, col);
+		this._filterBy$.next(FilterBy.COLORS);
+		this._listenToFilterHeaderChange(filterModel, col);
+		return true;
+	}
+	_setupByConditions(filterModel, col) {
+		this._disposePreviousModel();
+		const range = filterModel.getRange();
+		if (range.startRow === range.endRow) return false;
+		this.filterByModel = ByConditionsModel.fromFilterColumn(this._injector, filterModel, col, filterModel.getFilterColumn(col));
+		this._filterBy$.next(FilterBy.CONDITIONS);
+		this._listenToFilterHeaderChange(filterModel, col);
+		return true;
+	}
+	_disposePreviousModel() {
+		var _this$_filterByModel;
+		(_this$_filterByModel = this._filterByModel) === null || _this$_filterByModel === void 0 || _this$_filterByModel.dispose();
+		this.filterByModel = null;
+	}
+};
+SheetsFilterPanelService = __decorate([__decorateParam(0, Inject(Injector)), __decorateParam(1, Inject(RefRangeService))], SheetsFilterPanelService);
+let ByConditionsModel = _ByConditionsModel = class ByConditionsModel extends Disposable {
+	/**
+	* Create a model with targeting filter column. If there is not a filter column, the model would be created with
+	* default values.
+	*
+	* @param injector
+	* @param filterModel
+	* @param col
+	* @param filterColumn
+	*
+	* @returns the model to control the panel's state
+	*/
+	static fromFilterColumn(injector, filterModel, col, filterColumn) {
+		const [conditionItem, conditionParams] = FilterConditionItems.testMappingFilterColumn(filterColumn === null || filterColumn === void 0 ? void 0 : filterColumn.getColumnData());
+		return injector.createInstance(_ByConditionsModel, filterModel, col, conditionItem, conditionParams);
+	}
+	get conditionItem() {
+		return this._conditionItem$.getValue();
+	}
+	get filterConditionFormParams() {
+		return this._filterConditionFormParams$.getValue();
+	}
+	constructor(_filterModel, col, conditionItem, conditionParams, _commandService) {
+		super();
+		this._filterModel = _filterModel;
+		this.col = col;
+		this._commandService = _commandService;
+		_defineProperty(this, "canApply$", of(true));
+		_defineProperty(this, "_conditionItem$", void 0);
+		_defineProperty(this, "conditionItem$", void 0);
+		_defineProperty(this, "_filterConditionFormParams$", void 0);
+		_defineProperty(this, "filterConditionFormParams$", void 0);
+		this._conditionItem$ = new BehaviorSubject(conditionItem);
+		this.conditionItem$ = this._conditionItem$.asObservable();
+		this._filterConditionFormParams$ = new BehaviorSubject(conditionParams);
+		this.filterConditionFormParams$ = this._filterConditionFormParams$.asObservable();
+	}
+	dispose() {
+		super.dispose();
+		this._conditionItem$.complete();
+		this._filterConditionFormParams$.complete();
+	}
+	deltaCol(offset) {
+		this.col += offset;
+	}
+	clear() {
+		if (this._disposed) return Promise.resolve(false);
+		return this._commandService.executeCommand(SetSheetsFilterCriteriaCommand.id, {
+			unitId: this._filterModel.unitId,
+			subUnitId: this._filterModel.subUnitId,
+			col: this.col,
+			criteria: null
+		});
+	}
+	/**
+	* Apply the filter condition to the target filter column.
+	*/
+	async apply() {
+		if (this._disposed) return false;
+		const filterColumn = FilterConditionItems.mapToFilterColumn(this.conditionItem, this.filterConditionFormParams);
+		return this._commandService.executeCommand(SetSheetsFilterCriteriaCommand.id, {
+			unitId: this._filterModel.unitId,
+			subUnitId: this._filterModel.subUnitId,
+			col: this.col,
+			criteria: filterColumn
+		});
+	}
+	/**
+	* This method would be called when user changes the primary condition. The model would load the corresponding
+	* `IFilterConditionFormParams` and load default condition form params.
+	*/
+	onPrimaryConditionChange(operator) {
+		const conditionItem = FilterConditionItems.ALL_CONDITIONS.find((item) => item.operator === operator);
+		if (!conditionItem) throw new Error(`[ByConditionsModel]: condition item not found for operator: ${operator}!`);
+		this._conditionItem$.next(conditionItem);
+		this._filterConditionFormParams$.next(FilterConditionItems.getInitialFormParams(operator));
+	}
+	/**
+	* This method would be called when user changes the primary conditions, the input values or "AND" "OR" ratio.
+	* If the primary conditions or the ratio is changed, the method would load the corresponding `IFilterCondition`.
+	*
+	* When the panel call this method, it only has to pass the changed keys.
+	*
+	* @param params
+	*/
+	onConditionFormChange(params) {
+		const newParams = {
+			...this.filterConditionFormParams,
+			...params
+		};
+		if (newParams.and !== true) delete newParams.and;
+		if (typeof params.and !== "undefined" || typeof params.operator1 !== "undefined" || typeof params.operator2 !== "undefined") {
+			const conditionItem = FilterConditionItems.testMappingParams(newParams, this.conditionItem.numOfParameters);
+			this._conditionItem$.next(conditionItem);
+		}
+		this._filterConditionFormParams$.next(newParams);
+	}
+};
+ByConditionsModel = _ByConditionsModel = __decorate([__decorateParam(4, ICommandService)], ByConditionsModel);
+let ByValuesModel = _ByValuesModel = class ByValuesModel extends Disposable {
+	/**
+	* Create a model with targeting filter column. If there is not a filter column, the model would be created with
+	* default values.
+	*
+	* @param injector
+	* @param filterModel
+	* @param col
+	*
+	* @returns the model to control the panel's state
+	*/
+	static async fromFilterColumn(injector, filterModel, col) {
+		const univerInstanceService = injector.get(IUniverInstanceService);
+		const localeService = injector.get(LocaleService);
+		const generateFilterValuesService = injector.get(ISheetsGenerateFilterValuesService, Quantity.OPTIONAL);
+		const { unitId, subUnitId } = filterModel;
+		const workbook = univerInstanceService.getUniverSheetInstance(unitId);
+		if (!workbook) throw new Error(`[ByValuesModel]: Workbook not found for filter model with unitId: ${unitId}!`);
+		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
+		if (!worksheet) throw new Error(`[ByValuesModel]: Worksheet not found for filter model with unitId: ${unitId} and subUnitId: ${subUnitId}!`);
+		const range = filterModel.getRange();
+		const column = col;
+		const filterColumn = filterModel.getFilterColumn(col);
+		const filters = filterColumn === null || filterColumn === void 0 ? void 0 : filterColumn.getColumnData().filters;
+		const alreadyChecked = new Set(filters === null || filters === void 0 ? void 0 : filters.filters);
+		const blankChecked = !!(filters && filters.blank);
+		const filteredOutRowsByOtherColumns = filterModel.getFilteredOutRowsExceptCol(col);
+		const iterateRange = {
+			...range,
+			startRow: range.startRow + 1,
+			startColumn: column,
+			endColumn: column
+		};
+		let items;
+		let cache;
+		if (generateFilterValuesService) {
+			const res = await generateFilterValuesService.getFilterValues({
+				unitId,
+				subUnitId,
+				filteredOutRowsByOtherColumns: Array.from(filteredOutRowsByOtherColumns),
+				filterColumn,
+				filters: !!filters,
+				blankChecked,
+				iterateRange,
+				alreadyChecked: Array.from(alreadyChecked)
+			});
+			items = res.filterTreeItems;
+			cache = res.filterTreeMapCache;
+		} else {
+			const res = getFilterTreeByValueItems(!!filters, localeService, iterateRange, worksheet, filteredOutRowsByOtherColumns, filterColumn, alreadyChecked, blankChecked, workbook.getStyles());
+			items = res.filterTreeItems;
+			cache = res.filterTreeMapCache;
+		}
+		return injector.createInstance(_ByValuesModel, filterModel, col, items, cache);
+	}
+	get rawFilterItems() {
+		return this._rawFilterItems$.getValue();
+	}
+	get filterItems() {
+		return this._filterItems;
+	}
+	get treeMapCache() {
+		return this._treeMapCache;
+	}
+	constructor(_filterModel, col, items, cache, _commandService) {
+		super();
+		this._filterModel = _filterModel;
+		this.col = col;
+		this._commandService = _commandService;
+		_defineProperty(this, "_rawFilterItems$", void 0);
+		_defineProperty(this, "rawFilterItems$", void 0);
+		_defineProperty(this, "filterItems$", void 0);
+		_defineProperty(this, "_filterItems", []);
+		_defineProperty(this, "_treeMapCache", void 0);
+		_defineProperty(this, "canApply$", void 0);
+		_defineProperty(this, "_manuallyUpdateFilterItems$", void 0);
+		_defineProperty(this, "_searchString$", void 0);
+		_defineProperty(this, "searchString$", void 0);
+		this._treeMapCache = cache;
+		this._searchString$ = new BehaviorSubject("");
+		this.searchString$ = this._searchString$.asObservable();
+		this._rawFilterItems$ = new BehaviorSubject(items);
+		this.rawFilterItems$ = this._rawFilterItems$.asObservable();
+		this._manuallyUpdateFilterItems$ = new Subject();
+		this.filterItems$ = merge$1(combineLatest([this._searchString$.pipe(throttleTime(500, void 0, {
+			leading: true,
+			trailing: true
+		}), startWith(void 0)), this._rawFilterItems$]).pipe(map(([searchString, items]) => {
+			if (!searchString) return items;
+			return searchTree(items, searchString.toLowerCase().split(/\s+/).filter((s) => !!s));
+		})), this._manuallyUpdateFilterItems$).pipe(shareReplay(1));
+		this.canApply$ = this.filterItems$.pipe(map((items) => {
+			return statisticFilterByValueItems(items).checked > 0;
+		}));
+		this.disposeWithMe(this.filterItems$.subscribe((items) => this._filterItems = items));
+	}
+	dispose() {
+		this._rawFilterItems$.complete();
+		this._searchString$.complete();
+	}
+	deltaCol(offset) {
+		this.col += offset;
+	}
+	setSearchString(str) {
+		this._searchString$.next(str);
+	}
+	onCheckAllToggled(checked) {
+		const items = Tools.deepClone(this._filterItems);
+		items.forEach((item) => updateLeafNodesCheckedStatus(item, checked));
+		this._manuallyUpdateFilterItems(items);
+	}
+	/**
+	* Toggle a filter item.
+	*/
+	onFilterCheckToggled(item) {
+		const items = Tools.deepClone(this._filterItems);
+		const changedItem = findObjectByKey(items, item.key);
+		if (!changedItem) return;
+		updateLeafNodesCheckedStatus(changedItem, !areAllLeafNodesChecked(changedItem));
+		this._manuallyUpdateFilterItems(items);
+	}
+	onFilterOnly(itemKeys) {
+		const items = Tools.deepClone(this._filterItems);
+		items.forEach((item) => updateLeafNodesCheckedStatus(item, false));
+		itemKeys.forEach((key) => {
+			const changedItem = findObjectByKey(items, key);
+			if (changedItem) updateLeafNodesCheckedStatus(changedItem, true);
+		});
+		this._manuallyUpdateFilterItems(items);
+	}
+	_manuallyUpdateFilterItems(items) {
+		this._manuallyUpdateFilterItems$.next(items);
+	}
+	clear() {
+		if (this._disposed) return Promise.resolve(false);
+		return this._commandService.executeCommand(SetSheetsFilterCriteriaCommand.id, {
+			unitId: this._filterModel.unitId,
+			subUnitId: this._filterModel.subUnitId,
+			col: this.col,
+			criteria: null
+		});
+	}
+	/**
+	* Apply the filter condition to the target filter column.
+	*/
+	async apply() {
+		if (this._disposed) return false;
+		const statistics = statisticFilterByValueItems(this._filterItems);
+		const { checked, checkedItems } = statistics;
+		const rawFilterItems = this.rawFilterItems;
+		let rawFilterCount = 0;
+		for (const item of rawFilterItems) rawFilterCount += item.count;
+		const noChecked = checked === 0;
+		const allChecked = statistics.checked === rawFilterCount;
+		const criteria = { colId: this.col };
+		if (noChecked) throw new Error("[ByValuesModel]: no checked items!");
+		else if (allChecked) return this._commandService.executeCommand(SetSheetsFilterCriteriaCommand.id, {
+			unitId: this._filterModel.unitId,
+			subUnitId: this._filterModel.subUnitId,
+			col: this.col,
+			criteria: null
+		});
+		else {
+			criteria.filters = {};
+			const nonEmptyItems = checkedItems.filter((item) => item.key !== "empty");
+			if (nonEmptyItems.length > 0) criteria.filters = { filters: nonEmptyItems.flatMap((item) => item.originValues ? Array.from(item.originValues) : [item.title]) };
+			if (nonEmptyItems.length !== checkedItems.length) criteria.filters.blank = true;
+		}
+		return this._commandService.executeCommand(SetSheetsFilterCriteriaCommand.id, {
+			unitId: this._filterModel.unitId,
+			subUnitId: this._filterModel.subUnitId,
+			col: this.col,
+			criteria
+		});
+	}
+};
+ByValuesModel = _ByValuesModel = __decorate([__decorateParam(4, ICommandService)], ByValuesModel);
+let ByColorsModel = _ByColorsModel = class ByColorsModel extends Disposable {
+	/**
+	* Create a model with targeting filter column. If there is not a filter column, the model would be created with
+	* default values.
+	*
+	* @param injector
+	* @param filterModel
+	* @param col
+	*
+	* @returns the model to control the panel's state
+	*/
+	static async fromFilterColumn(injector, filterModel, col) {
+		var _filterModel$getFilte, _colorFilters$cellFil, _colorFilters$cellTex;
+		const univerInstanceService = injector.get(IUniverInstanceService);
+		const { unitId, subUnitId } = filterModel;
+		const workbook = univerInstanceService.getUniverSheetInstance(unitId);
+		if (!workbook) throw new Error(`[ByColorsModel]: Workbook not found for filter model with unitId: ${unitId}!`);
+		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
+		if (!worksheet) throw new Error(`[ByColorsModel]: Worksheet not found for filter model with unitId: ${unitId} and subUnitId: ${subUnitId}!`);
+		const range = filterModel.getRange();
+		const column = col;
+		const colorFilters = (_filterModel$getFilte = filterModel.getFilterColumn(col)) === null || _filterModel$getFilte === void 0 ? void 0 : _filterModel$getFilte.getColumnData().colorFilters;
+		const filteredOutRowsByOtherColumns = filterModel.getFilteredOutRowsExceptCol(col);
+		const iterateRange = {
+			...range,
+			startRow: range.startRow + 1,
+			startColumn: column,
+			endColumn: column
+		};
+		const cellFillColors = /* @__PURE__ */ new Map();
+		const cellFillColorsChecked = new Set((_colorFilters$cellFil = colorFilters === null || colorFilters === void 0 ? void 0 : colorFilters.cellFillColors) !== null && _colorFilters$cellFil !== void 0 ? _colorFilters$cellFil : []);
+		const cellTextColors = /* @__PURE__ */ new Map();
+		const cellTextColorsChecked = new Set((_colorFilters$cellTex = colorFilters === null || colorFilters === void 0 ? void 0 : colorFilters.cellTextColors) !== null && _colorFilters$cellTex !== void 0 ? _colorFilters$cellTex : []);
+		for (const cell of worksheet.iterateByColumn(iterateRange, false, true)) {
+			const { row, col, value } = cell;
+			if (filteredOutRowsByOtherColumns.has(row)) continue;
+			const style = worksheet.getComposedCellStyleByCellData(row, col, value);
+			if (style.bg && style.bg.rgb) {
+				const bg = new ColorKit(style.bg.rgb).toRgbString();
+				if (!cellFillColors.has(bg)) cellFillColors.set(bg, {
+					color: bg,
+					checked: cellFillColorsChecked.has(bg)
+				});
+			} else cellFillColors.set("default-fill-color", {
+				color: null,
+				checked: cellFillColorsChecked.has(null)
+			});
+			if (style.cl && style.cl.rgb) {
+				const cl = new ColorKit(style.cl.rgb).toRgbString();
+				if (!cellTextColors.has(cl)) cellTextColors.set(cl, {
+					color: cl,
+					checked: cellTextColorsChecked.has(cl)
+				});
+			} else cellTextColors.set("default-font-color", {
+				color: COLOR_BLACK_RGB,
+				checked: cellTextColorsChecked.has(COLOR_BLACK_RGB)
+			});
+		}
+		return injector.createInstance(_ByColorsModel, filterModel, col, cellFillColors, cellTextColors);
+	}
+	get cellFillColors() {
+		return this._cellFillColors$.getValue();
+	}
+	get cellTextColors() {
+		return this._cellTextColors$.getValue();
+	}
+	constructor(_filterModel, col, cellFillColors, cellTextColors, _commandService) {
+		super();
+		this._filterModel = _filterModel;
+		this.col = col;
+		this._commandService = _commandService;
+		_defineProperty(this, "canApply$", of(true));
+		_defineProperty(this, "_cellFillColors$", void 0);
+		_defineProperty(this, "cellFillColors$", void 0);
+		_defineProperty(this, "_cellTextColors$", void 0);
+		_defineProperty(this, "cellTextColors$", void 0);
+		this._cellFillColors$ = new BehaviorSubject(Array.from(cellFillColors.values()));
+		this.cellFillColors$ = this._cellFillColors$.asObservable();
+		this._cellTextColors$ = new BehaviorSubject(Array.from(cellTextColors.values()));
+		this.cellTextColors$ = this._cellTextColors$.asObservable();
+	}
+	dispose() {
+		super.dispose();
+		this._cellFillColors$.complete();
+	}
+	deltaCol(offset) {
+		this.col += offset;
+	}
+	clear() {
+		if (this._disposed) return Promise.resolve(false);
+		return this._commandService.executeCommand(SetSheetsFilterCriteriaCommand.id, {
+			unitId: this._filterModel.unitId,
+			subUnitId: this._filterModel.subUnitId,
+			col: this.col,
+			criteria: null
+		});
+	}
+	onFilterCheckToggled(item, isFillColor = true) {
+		const colors = isFillColor ? this.cellFillColors : this.cellTextColors;
+		const items = [];
+		let found = false;
+		for (let i = 0; i < colors.length; i++) {
+			const colorItem = colors[i];
+			if (colorItem.color === item.color) {
+				found = true;
+				items.push({
+					color: colorItem.color,
+					checked: !colorItem.checked
+				});
+				continue;
+			}
+			items.push({
+				color: colorItem.color,
+				checked: colorItem.checked
+			});
+		}
+		if (!found) return;
+		this._resetColorsCheckedStatus(!isFillColor);
+		if (isFillColor) this._cellFillColors$.next([...items]);
+		else this._cellTextColors$.next([...items]);
+	}
+	_resetColorsCheckedStatus(isFillColor = true) {
+		const colors = isFillColor ? this.cellFillColors : this.cellTextColors;
+		const items = [];
+		for (let i = 0; i < colors.length; i++) items.push({
+			color: colors[i].color,
+			checked: false
+		});
+		if (isFillColor) this._cellFillColors$.next([...items]);
+		else this._cellTextColors$.next([...items]);
+	}
+	/**
+	* Apply the filter condition to the target filter column.
+	*/
+	async apply() {
+		if (this._disposed) return false;
+		const cellFillColorsChecked = this.cellFillColors.filter((item) => item.checked).map((item) => item.color);
+		const cellTextColorsChecked = this.cellTextColors.filter((item) => item.checked).map((item) => item.color);
+		if (cellFillColorsChecked.length === 0 && cellTextColorsChecked.length === 0) return this._commandService.executeCommand(SetSheetsFilterCriteriaCommand.id, {
+			unitId: this._filterModel.unitId,
+			subUnitId: this._filterModel.subUnitId,
+			col: this.col,
+			criteria: null
+		});
+		const criteria = { colId: this.col };
+		if (cellFillColorsChecked.length > 0) criteria.colorFilters = { cellFillColors: cellFillColorsChecked };
+		else if (cellTextColorsChecked.length > 0) criteria.colorFilters = { cellTextColors: cellTextColorsChecked };
+		return this._commandService.executeCommand(SetSheetsFilterCriteriaCommand.id, {
+			unitId: this._filterModel.unitId,
+			subUnitId: this._filterModel.subUnitId,
+			col: this.col,
+			criteria
+		});
+	}
+};
+ByColorsModel = _ByColorsModel = __decorate([__decorateParam(4, ICommandService)], ByColorsModel);
+
+//#endregion
+//#region src/commands/operations/sheets-filter.operation.ts
+const FILTER_PANEL_OPENED_KEY = "FILTER_PANEL_OPENED";
+/**
+* The operation to open the filter panel and prepare for changing the filter conditions on a given column.
+*/
+const OpenFilterPanelOperation = {
+	id: "sheet.operation.open-filter-panel",
+	type: CommandType.OPERATION,
+	handler: (accessor, params) => {
+		const contextService = accessor.get(IContextService);
+		const sheetsFilterService = accessor.get(SheetsFilterService);
+		const sheetsFilterPanelService = accessor.get(SheetsFilterPanelService);
+		const commandService = accessor.get(ICommandService);
+		const editorBridgeService = accessor.has(IEditorBridgeService) ? accessor.get(IEditorBridgeService) : null;
+		if (editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.isVisible().visible) commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, { visible: false });
+		const { unitId, subUnitId, col } = params;
+		const filterModel = sheetsFilterService.getFilterModel(unitId, subUnitId);
+		if (!filterModel) return false;
+		sheetsFilterPanelService.setupCol(filterModel, col);
+		if (!contextService.getContextValue("FILTER_PANEL_OPENED")) contextService.setContextValue(FILTER_PANEL_OPENED_KEY, true);
+		return true;
+	}
+};
+const CloseFilterPanelOperation = {
+	id: "sheet.operation.close-filter-panel",
+	type: CommandType.OPERATION,
+	handler: (accessor) => {
+		const contextService = accessor.get(IContextService);
+		const sheetsFilterPanelService = accessor.get(SheetsFilterPanelService);
+		const layoutService = accessor.get(ILayoutService, Quantity.OPTIONAL);
+		if (contextService.getContextValue("FILTER_PANEL_OPENED")) {
+			contextService.setContextValue(FILTER_PANEL_OPENED_KEY, false);
+			layoutService === null || layoutService === void 0 || layoutService.focus();
+			return sheetsFilterPanelService.terminate();
+		}
+		return false;
+	}
+};
+const ChangeFilterByOperation = {
+	id: "sheet.operation.apply-filter",
+	type: CommandType.OPERATION,
+	handler: (accessor, params) => {
+		const { filterBy } = params;
+		return accessor.get(SheetsFilterPanelService).changeFilterBy(filterBy);
+	}
+};
+
+//#endregion
+//#region package.json
+var name = "@univerjs/sheets-filter-ui";
+var version = "0.21.0";
+
+//#endregion
+//#region src/config/config.ts
+const SHEETS_FILTER_UI_PLUGIN_CONFIG_KEY = "sheets-filter-ui.config";
+const configSymbol = Symbol(SHEETS_FILTER_UI_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region src/controllers/sheets-filter-permission.controller.ts
+let SheetsFilterPermissionController = class SheetsFilterPermissionController extends Disposable {
+	constructor(_sheetsFilterService, _localeService, _commandService, _sheetPermissionCheckPermission, _injector, _sheetsSelectionService) {
+		super();
+		this._sheetsFilterService = _sheetsFilterService;
+		this._localeService = _localeService;
+		this._commandService = _commandService;
+		this._sheetPermissionCheckPermission = _sheetPermissionCheckPermission;
+		this._injector = _injector;
+		this._sheetsSelectionService = _sheetsSelectionService;
+		this._commandExecutedListener();
+	}
+	_commandExecutedListener() {
+		this.disposeWithMe(this._commandService.beforeCommandExecuted((command) => {
+			if (command.id === SmartToggleSheetsFilterCommand.id) {
+				var _this$_sheetsFilterSe;
+				const target = getSheetCommandTarget(this._injector.get(IUniverInstanceService));
+				if (!target) return;
+				const { unitId, subUnitId, worksheet } = target;
+				const filterRange = (_this$_sheetsFilterSe = this._sheetsFilterService.getFilterModel(unitId, subUnitId)) === null || _this$_sheetsFilterSe === void 0 ? void 0 : _this$_sheetsFilterSe.getRange();
+				let permission;
+				if (filterRange) permission = this._sheetPermissionCheckPermission.permissionCheckWithRanges({
+					rangeTypes: [RangeProtectionPermissionViewPoint],
+					worksheetTypes: [WorksheetFilterPermission, WorksheetViewPermission]
+				}, [filterRange], unitId, subUnitId);
+				else {
+					var _this$_sheetsSelectio;
+					const range = (_this$_sheetsSelectio = this._sheetsSelectionService.getCurrentLastSelection()) === null || _this$_sheetsSelectio === void 0 ? void 0 : _this$_sheetsSelectio.range;
+					if (range) {
+						let newRange = { ...range };
+						newRange = range.startColumn === range.endColumn && range.startRow === range.endRow ? expandToContinuousRange(newRange, {
+							left: true,
+							right: true,
+							up: true,
+							down: true
+						}, worksheet) : newRange;
+						permission = this._sheetPermissionCheckPermission.permissionCheckWithRanges({
+							rangeTypes: [RangeProtectionPermissionViewPoint],
+							worksheetTypes: [WorksheetViewPermission, WorksheetFilterPermission]
+						}, [newRange], unitId, subUnitId);
+					} else permission = this._sheetPermissionCheckPermission.permissionCheckWithoutRange({
+						rangeTypes: [RangeProtectionPermissionViewPoint],
+						worksheetTypes: [WorksheetViewPermission, WorksheetFilterPermission]
+					});
+				}
+				if (!permission) this._sheetPermissionCheckPermission.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.filterErr"));
+			}
+			if (command.id === OpenFilterPanelOperation.id) {
+				var _this$_sheetsFilterSe2;
+				const params = command.params;
+				const { unitId, subUnitId } = params;
+				const filterRange = (_this$_sheetsFilterSe2 = this._sheetsFilterService.getFilterModel(unitId, subUnitId)) === null || _this$_sheetsFilterSe2 === void 0 ? void 0 : _this$_sheetsFilterSe2.getRange();
+				const colRange = Tools.deepClone(filterRange);
+				if (colRange) {
+					colRange.startColumn = params.col;
+					colRange.endColumn = params.col;
+					if (!this._sheetPermissionCheckPermission.permissionCheckWithRanges({
+						rangeTypes: [RangeProtectionPermissionViewPoint],
+						worksheetTypes: [WorksheetFilterPermission, WorksheetViewPermission]
+					}, [colRange], unitId, subUnitId)) this._sheetPermissionCheckPermission.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.filterErr"));
+				}
+			}
+		}));
+	}
+};
+SheetsFilterPermissionController = __decorate([
+	__decorateParam(0, Inject(SheetsFilterService)),
+	__decorateParam(1, Inject(LocaleService)),
+	__decorateParam(2, ICommandService),
+	__decorateParam(3, Inject(SheetPermissionCheckController)),
+	__decorateParam(4, Inject(Injector)),
+	__decorateParam(5, Inject(SheetsSelectionsService))
+], SheetsFilterPermissionController);
+
+//#endregion
+//#region src/views/widgets/drawings.ts
+const BUTTON_VIEWPORT = 16;
+const FILTER_BUTTON_EMPTY = new Path2D("M3.30363 3C2.79117 3 2.51457 3.60097 2.84788 3.99024L6.8 8.60593V12.5662C6.8 12.7184 6.8864 12.8575 7.02289 12.9249L8.76717 13.7863C8.96655 13.8847 9.2 13.7396 9.2 13.5173V8.60593L13.1521 3.99024C13.4854 3.60097 13.2088 3 12.6964 3H3.30363Z");
+var FilterButton = class {
+	static drawNoCriteria(ctx, size, fgColor, bgColor) {
+		ctx.save();
+		Rect.drawWith(ctx, {
+			radius: 2,
+			width: BUTTON_VIEWPORT,
+			height: BUTTON_VIEWPORT,
+			fill: bgColor
+		});
+		ctx.lineCap = "square";
+		ctx.strokeStyle = fgColor;
+		ctx.scale(size / BUTTON_VIEWPORT, size / BUTTON_VIEWPORT);
+		ctx.beginPath();
+		ctx.lineWidth = 1;
+		ctx.lineCap = "round";
+		ctx.moveTo(3, 4);
+		ctx.lineTo(13, 4);
+		ctx.moveTo(4.5, 8);
+		ctx.lineTo(11.5, 8);
+		ctx.moveTo(6, 12);
+		ctx.lineTo(10, 12);
+		ctx.stroke();
+		ctx.restore();
+	}
+	static drawHasCriteria(ctx, size, fgColor, bgColor) {
+		ctx.save();
+		Rect.drawWith(ctx, {
+			radius: 2,
+			width: BUTTON_VIEWPORT,
+			height: BUTTON_VIEWPORT,
+			fill: bgColor
+		});
+		ctx.scale(size / BUTTON_VIEWPORT, size / BUTTON_VIEWPORT);
+		ctx.fillStyle = fgColor;
+		ctx.fill(FILTER_BUTTON_EMPTY);
+		ctx.restore();
+	}
+};
+
+//#endregion
+//#region src/views/widgets/filter-button.shape.ts
+const FILTER_ICON_SIZE = 16;
+let SheetsFilterButtonShape = class SheetsFilterButtonShape extends Shape {
+	constructor(key, props, _contextService, _commandService, _themeService) {
+		super(key, props);
+		this._contextService = _contextService;
+		this._commandService = _commandService;
+		this._themeService = _themeService;
+		_defineProperty(this, "_cellWidth", 0);
+		_defineProperty(this, "_cellHeight", 0);
+		_defineProperty(this, "_filterParams", void 0);
+		_defineProperty(this, "_hovered", false);
+		this.setShapeProps(props);
+		this.onPointerDown$.subscribeEvent((evt) => this.onPointerDown(evt));
+		this.onPointerEnter$.subscribeEvent(() => this.onPointerEnter());
+		this.onPointerLeave$.subscribeEvent(() => this.onPointerLeave());
+	}
+	setShapeProps(props) {
+		if (typeof props.cellHeight !== "undefined") this._cellHeight = props.cellHeight;
+		if (typeof props.cellWidth !== "undefined") this._cellWidth = props.cellWidth;
+		if (typeof props.filterParams !== "undefined") this._filterParams = props.filterParams;
+		this.transformByState({
+			width: props.width,
+			height: props.height
+		});
+	}
+	_draw(ctx) {
+		const cellHeight = this._cellHeight;
+		const cellWidth = this._cellWidth;
+		const left = 16 - cellWidth;
+		const top = 16 - cellHeight;
+		ctx.save();
+		const cellRegion = new Path2D();
+		cellRegion.rect(left, top, cellWidth, cellHeight);
+		ctx.clip(cellRegion);
+		const { hasCriteria } = this._filterParams;
+		const fgColor = this._themeService.getColorFromTheme("primary.600");
+		const bgColor = this._hovered ? this._themeService.getColorFromTheme("gray.50") : "rgba(255, 255, 255, 1.0)";
+		if (hasCriteria) FilterButton.drawHasCriteria(ctx, 16, fgColor, bgColor);
+		else FilterButton.drawNoCriteria(ctx, 16, fgColor, bgColor);
+		ctx.restore();
+	}
+	onPointerDown(evt) {
+		if (evt.button === 2) return;
+		const { col, unitId, subUnitId } = this._filterParams;
+		if (this._contextService.getContextValue("FILTER_PANEL_OPENED") || !this._commandService.hasCommand(OpenFilterPanelOperation.id)) return;
+		setTimeout(() => {
+			this._commandService.executeCommand(OpenFilterPanelOperation.id, {
+				unitId,
+				subUnitId,
+				col
+			});
+		}, 200);
+	}
+	onPointerEnter() {
+		this._hovered = true;
+		this.makeDirty(true);
+	}
+	onPointerLeave() {
+		this._hovered = false;
+		this.makeDirty(true);
+	}
+};
+SheetsFilterButtonShape = __decorate([
+	__decorateParam(2, IContextService),
+	__decorateParam(3, ICommandService),
+	__decorateParam(4, Inject(ThemeService))
+], SheetsFilterButtonShape);
+
+//#endregion
+//#region src/views/render-modules/sheets-filter.render-controller.ts
+const DEFAULT_Z_INDEX = 1e3;
+const SHEETS_FILTER_BUTTON_Z_INDEX = 5e3;
+function computeIconTop(startY, endY, cellHeight, verticalAlign) {
+	switch (verticalAlign) {
+		case VerticalAlign.TOP: return startY + 1;
+		case VerticalAlign.MIDDLE: return startY + Math.max(0, (cellHeight - 16) / 2);
+		case VerticalAlign.BOTTOM:
+		default: return endY - 16 - 1;
+	}
+}
+let SheetsFilterRenderController = class SheetsFilterRenderController extends RxDisposable {
+	constructor(_context, _injector, _sheetSkeletonManagerService, _sheetsFilterService, _themeService, _sheetInterceptorService, _commandService, _selectionRenderService) {
+		super();
+		this._context = _context;
+		this._injector = _injector;
+		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
+		this._sheetsFilterService = _sheetsFilterService;
+		this._themeService = _themeService;
+		this._sheetInterceptorService = _sheetInterceptorService;
+		this._commandService = _commandService;
+		this._selectionRenderService = _selectionRenderService;
+		_defineProperty(this, "_currentRenderParams", null);
+		_defineProperty(this, "_filterRangeShape", null);
+		_defineProperty(this, "_buttonRenderDisposable", null);
+		_defineProperty(this, "_filterButtonShapes", []);
+		this._initRenderer();
+	}
+	dispose() {
+		super.dispose();
+		this._disposeRendering();
+	}
+	_initRenderer() {
+		this.disposeWithMe(this._themeService.currentTheme$.subscribe(() => {
+			this._refreshRendering(this._currentRenderParams);
+		}));
+		this._sheetSkeletonManagerService.currentSkeleton$.pipe(switchMap((skeletonParams) => {
+			var _workbook$getActiveSh, _this$_sheetsFilterSe;
+			if (!skeletonParams) return of(null);
+			const { unit: workbook, unitId } = this._context;
+			const worksheetId = ((_workbook$getActiveSh = workbook.getActiveSheet()) === null || _workbook$getActiveSh === void 0 ? void 0 : _workbook$getActiveSh.getSheetId()) || "";
+			const filterModel = (_this$_sheetsFilterSe = this._sheetsFilterService.getFilterModel(unitId, worksheetId)) !== null && _this$_sheetsFilterSe !== void 0 ? _this$_sheetsFilterSe : void 0;
+			const getParams = () => ({
+				unitId,
+				worksheetId,
+				filterModel,
+				range: filterModel === null || filterModel === void 0 ? void 0 : filterModel.getRange(),
+				skeleton: skeletonParams.skeleton
+			});
+			return fromCallback(this._commandService.onCommandExecuted.bind(this._commandService)).pipe(filter(([command]) => {
+				var _command$params;
+				return command.type === CommandType.MUTATION && ((_command$params = command.params) === null || _command$params === void 0 ? void 0 : _command$params.unitId) === workbook.getUnitId() && (FILTER_MUTATIONS.has(command.id) || command.id === SetRangeValuesMutation.id);
+			}), throttleTime(20, void 0, {
+				leading: false,
+				trailing: true
+			}), map(getParams), startWith(getParams()));
+		}), takeUntil(this.dispose$)).subscribe((renderParams) => {
+			this._currentRenderParams = renderParams;
+			this._refreshRendering(renderParams);
+		});
+	}
+	_refreshRendering(renderParams) {
+		this._disposeRendering();
+		if (!renderParams || !renderParams.range) return;
+		this._renderRange(renderParams.range, renderParams.skeleton);
+		this._renderButtons(renderParams);
+	}
+	_renderRange(range, skeleton) {
+		const { scene } = this._context;
+		const { rowHeaderWidth, columnHeaderHeight } = skeleton;
+		const filterRangeShape = this._filterRangeShape = new SelectionControl(scene, DEFAULT_Z_INDEX, this._themeService, {
+			rowHeaderWidth,
+			columnHeaderHeight,
+			enableAutoFill: false,
+			highlightHeader: false
+		});
+		const selectionWithCoord = attachSelectionWithCoord({
+			range,
+			primary: null,
+			style: { fill: "rgba(0, 0, 0, 0.0)" }
+		}, skeleton);
+		filterRangeShape.updateRangeBySelectionWithCoord(selectionWithCoord);
+		filterRangeShape.setEvent(false);
+		scene.makeDirty(true);
+	}
+	_renderButtons(params) {
+		const { range, filterModel, unitId, skeleton, worksheetId } = params;
+		const { unit: workbook, scene } = this._context;
+		const worksheet = workbook.getSheetBySheetId(worksheetId);
+		if (!worksheet) return;
+		this._interceptCellContent(unitId, worksheetId, params.range);
+		const { startColumn, endColumn, startRow } = range;
+		for (let col = startColumn; col <= endColumn; col++) {
+			const key = `sheets-filter-button-${col}`;
+			const startPosition = getCoordByCell(startRow, col, scene, skeleton);
+			const cellStyle = worksheet.getComposedCellStyle(startRow, col);
+			const verticalAlign = (cellStyle === null || cellStyle === void 0 ? void 0 : cellStyle.vt) || VerticalAlign.BOTTOM;
+			const { startX, startY, endX, endY } = startPosition;
+			const cellWidth = endX - startX;
+			const cellHeight = endY - startY;
+			if (cellHeight <= 1 || cellWidth <= 1) continue;
+			const hasCriteria = !!filterModel.getFilterColumn(col);
+			const props = {
+				left: endX - 16 - 1,
+				top: computeIconTop(startY, endY, cellHeight, verticalAlign),
+				height: 16,
+				width: 16,
+				zIndex: SHEETS_FILTER_BUTTON_Z_INDEX,
+				cellHeight,
+				cellWidth,
+				filterParams: {
+					unitId,
+					subUnitId: worksheetId,
+					col,
+					hasCriteria
+				}
+			};
+			const buttonShape = this._injector.createInstance(SheetsFilterButtonShape, key, props);
+			this._filterButtonShapes.push(buttonShape);
+		}
+		scene.addObjects(this._filterButtonShapes);
+		scene.makeDirty();
+	}
+	_interceptCellContent(workbookId, worksheetId, range) {
+		const { startRow, startColumn, endColumn } = range;
+		this._buttonRenderDisposable = this._sheetInterceptorService.intercept(INTERCEPTOR_POINT.CELL_CONTENT, {
+			effect: InterceptorEffectEnum.Style,
+			handler: (cell, pos, next) => {
+				const { row, col, unitId, subUnitId } = pos;
+				if (unitId !== workbookId || subUnitId !== worksheetId || row !== startRow || col < startColumn || col > endColumn) return next(cell);
+				if (!cell || cell === pos.rawData) cell = { ...pos.rawData };
+				cell.fontRenderExtension = {
+					...cell === null || cell === void 0 ? void 0 : cell.fontRenderExtension,
+					rightOffset: 16
+				};
+				return next(cell);
+			},
+			priority: 10
+		});
+	}
+	_disposeRendering() {
+		var _this$_filterRangeSha, _this$_buttonRenderDi;
+		(_this$_filterRangeSha = this._filterRangeShape) === null || _this$_filterRangeSha === void 0 || _this$_filterRangeSha.dispose();
+		this._filterButtonShapes.forEach((s) => s.dispose());
+		(_this$_buttonRenderDi = this._buttonRenderDisposable) === null || _this$_buttonRenderDi === void 0 || _this$_buttonRenderDi.dispose();
+		this._filterRangeShape = null;
+		this._buttonRenderDisposable = null;
+		this._filterButtonShapes = [];
+	}
+};
+SheetsFilterRenderController = __decorate([
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, Inject(SheetSkeletonManagerService)),
+	__decorateParam(3, Inject(SheetsFilterService)),
+	__decorateParam(4, Inject(ThemeService)),
+	__decorateParam(5, Inject(SheetInterceptorService)),
+	__decorateParam(6, ICommandService),
+	__decorateParam(7, ISheetSelectionRenderService)
+], SheetsFilterRenderController);
+
+//#endregion
+//#region src/controllers/sheets-filter-ui-mobile.controller.ts
+let SheetsFilterUIMobileController = class SheetsFilterUIMobileController extends RxDisposable {
+	constructor(_renderManagerService, _sheetsRenderService) {
+		super();
+		this._renderManagerService = _renderManagerService;
+		this._sheetsRenderService = _sheetsRenderService;
+		[
+			SetSheetsFilterRangeMutation,
+			SetSheetsFilterCriteriaMutation,
+			RemoveSheetsFilterMutation,
+			ReCalcSheetsFilterMutation
+		].forEach((m) => this.disposeWithMe(this._sheetsRenderService.registerSkeletonChangingMutations(m.id)));
+		this.disposeWithMe(this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, [SheetsFilterRenderController]));
+	}
+};
+SheetsFilterUIMobileController = __decorate([__decorateParam(0, IRenderManagerService), __decorateParam(1, Inject(SheetsRenderService))], SheetsFilterUIMobileController);
+
+//#endregion
+//#region src/mobile-plugin.ts
+let UniverSheetsFilterMobileUIPlugin = class UniverSheetsFilterMobileUIPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		const { menu, ...rest } = merge({}, defaultPluginConfig, this._config);
+		if (menu) this._configService.setConfig("menu", menu, { merge: true });
+		this._configService.setConfig(SHEETS_FILTER_UI_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		[[SheetsFilterPermissionController], [SheetsFilterUIMobileController]].forEach((d) => this._injector.add(d));
+	}
+	onReady() {
+		this._injector.get(SheetsFilterPermissionController);
+	}
+	onRendered() {
+		this._injector.get(SheetsFilterUIMobileController);
+	}
+};
+_defineProperty(UniverSheetsFilterMobileUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+_defineProperty(UniverSheetsFilterMobileUIPlugin, "pluginName", "SHEET_FILTER_UI_PLUGIN");
+_defineProperty(UniverSheetsFilterMobileUIPlugin, "packageName", name);
+_defineProperty(UniverSheetsFilterMobileUIPlugin, "version", version);
+UniverSheetsFilterMobileUIPlugin = __decorate([
+	DependentOn(UniverSheetsFilterPlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IConfigService)
+], UniverSheetsFilterMobileUIPlugin);
+
+//#endregion
+//#region src/menu/sheets-filter.menu.ts
+function SmartToggleFilterMenuItemFactory(accessor) {
+	const sheetsFilterService = accessor.get(SheetsFilterService);
+	return {
+		id: SmartToggleSheetsFilterCommand.id,
+		type: MenuItemType.BUTTON_SELECTOR,
+		icon: "FilterIcon",
+		tooltip: "sheets-filter.toolbar.smart-toggle-filter-tooltip",
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		activated$: sheetsFilterService.activeFilterModel$.pipe(map((model) => !!model)),
+		disabled$: getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
+			worksheetTypes: [WorksheetFilterPermission, WorksheetViewPermission],
+			rangeTypes: [RangeProtectionPermissionViewPoint]
+		}))
+	};
+}
+function ClearFilterCriteriaMenuItemFactory(accessor) {
+	const sheetsFilterService = accessor.get(SheetsFilterService);
+	return {
+		id: ClearSheetsFilterCriteriaCommand.id,
+		type: MenuItemType.BUTTON,
+		title: "sheets-filter.toolbar.clear-filter-criteria",
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: sheetsFilterService.activeFilterModel$.pipe(switchMap((model) => {
+			var _model$hasCriteria$$p;
+			return (_model$hasCriteria$$p = model === null || model === void 0 ? void 0 : model.hasCriteria$.pipe(map((m) => !m))) !== null && _model$hasCriteria$$p !== void 0 ? _model$hasCriteria$$p : of(true);
+		}))
+	};
+}
+function ReCalcFilterMenuItemFactory(accessor) {
+	const sheetsFilterService = accessor.get(SheetsFilterService);
+	return {
+		id: ReCalcSheetsFilterCommand.id,
+		type: MenuItemType.BUTTON,
+		title: "sheets-filter.toolbar.re-calc-filter-conditions",
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: sheetsFilterService.activeFilterModel$.pipe(switchMap((model) => {
+			var _model$hasCriteria$$p2;
+			return (_model$hasCriteria$$p2 = model === null || model === void 0 ? void 0 : model.hasCriteria$.pipe(map((m) => !m))) !== null && _model$hasCriteria$$p2 !== void 0 ? _model$hasCriteria$$p2 : of(true);
+		}))
+	};
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = { [RibbonDataGroup.ORGANIZATION]: { [SmartToggleSheetsFilterCommand.id]: {
+	order: 2,
+	menuItemFactory: SmartToggleFilterMenuItemFactory,
+	[ClearSheetsFilterCriteriaCommand.id]: {
+		order: 0,
+		menuItemFactory: ClearFilterCriteriaMenuItemFactory
+	},
+	[ReCalcSheetsFilterCommand.id]: {
+		order: 1,
+		menuItemFactory: ReCalcFilterMenuItemFactory
+	}
+} } };
+
+//#endregion
+//#region src/views/components/SheetsFilterByColorsPanel.tsx
+/**
+* Filter by colors.
+*/
+function FilterByColor(props) {
+	const { model } = props;
+	const localeService = useDependency(LocaleService);
+	const cellFillColors = useObservable(model.cellFillColors$, [], true);
+	const cellTextColors = useObservable(model.cellTextColors$, [], true);
+	const handleSelectCellFillColor = useCallback((color) => {
+		model.onFilterCheckToggled(color);
+	}, [model]);
+	const handleSelectCellTextColor = useCallback((color) => {
+		model.onFilterCheckToggled(color, false);
+	}, [model]);
+	return /* @__PURE__ */ jsx("div", {
+		"data-u-comp": "sheets-filter-panel-colors-container",
+		className: "univer-flex univer-h-full univer-min-h-[300px] univer-flex-col",
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-u-comp": "sheets-filter-panel",
+			className: clsx("univer-mt-2 univer-box-border univer-flex univer-h-[300px] univer-flex-grow univer-flex-col univer-gap-4 univer-overflow-auto univer-rounded-md univer-px-2 univer-py-2.5", borderClassName),
+			children: [
+				cellFillColors.length > 1 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+					className: "univer-mb-2 univer-text-sm univer-text-gray-900 dark:!univer-text-white",
+					children: localeService.t("sheets-filter.panel.filter-by-cell-fill-color")
+				}), /* @__PURE__ */ jsx("div", {
+					className: "univer-grid univer-grid-cols-8 univer-items-center univer-justify-start univer-gap-2",
+					children: cellFillColors.map((color, index) => /* @__PURE__ */ jsxs("div", {
+						className: "univer-relative univer-size-6",
+						onClick: () => handleSelectCellFillColor(color),
+						children: [!color.color ? /* @__PURE__ */ jsx(BanIcon, { className: "univer-size-6 univer-cursor-pointer univer-rounded-full hover:univer-ring-2 hover:univer-ring-offset-2 hover:univer-ring-offset-white" }) : /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: clsx("univer-box-border univer-size-6 univer-cursor-pointer univer-rounded-full univer-border univer-border-solid univer-border-transparent univer-bg-gray-300 univer-transition-shadow hover:univer-ring-2 hover:univer-ring-offset-2 hover:univer-ring-offset-white"),
+							style: { backgroundColor: color.color }
+						}), color.checked && /* @__PURE__ */ jsx(CheckedIcon, {})]
+					}, `sheets-filter-cell-fill-color-${index}`))
+				})] }),
+				cellTextColors.length > 1 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+					className: "univer-mb-2 univer-text-sm univer-text-gray-900 dark:!univer-text-white",
+					children: localeService.t("sheets-filter.panel.filter-by-cell-text-color")
+				}), /* @__PURE__ */ jsx("div", {
+					className: "univer-grid univer-grid-cols-8 univer-items-center univer-justify-start univer-gap-2",
+					children: cellTextColors.map((color, index) => /* @__PURE__ */ jsxs("div", {
+						className: "univer-relative univer-size-6",
+						onClick: () => handleSelectCellTextColor(color),
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "univer-box-border univer-flex univer-size-full univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-full univer-border univer-border-solid univer-border-[rgba(13,13,13,0.06)] univer-p-0.5 hover:univer-ring-2 hover:univer-ring-offset-2 hover:univer-ring-offset-white dark:!univer-border-[rgba(255,255,255,0.06)]",
+							children: /* @__PURE__ */ jsx(AIcon, { style: { color: color.color } })
+						}), color.checked && /* @__PURE__ */ jsx(CheckedIcon, {})]
+					}, `sheets-filter-cell-text-color-${index}`))
+				})] }),
+				cellFillColors.length <= 1 && cellTextColors.length <= 1 && /* @__PURE__ */ jsx("div", {
+					className: "univer-flex univer-size-full univer-items-center univer-justify-center univer-text-sm univer-text-gray-900 dark:!univer-text-gray-200",
+					children: localeService.t("sheets-filter.panel.filter-by-color-none")
+				})
+			]
+		})
+	});
+}
+function CheckedIcon() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "univer-absolute -univer-bottom-0.5 -univer-right-0.5 univer-flex univer-size-3 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-full univer-bg-white",
+		children: /* @__PURE__ */ jsx(SuccessIcon, { className: "univer-size-full univer-font-bold univer-text-[#418F1F]" })
+	});
+}
+
+//#endregion
+//#region src/views/components/SheetsFilterByConditionsPanel.tsx
+/**
+* Filter by conditions.
+*/
+function FilterByCondition(props) {
+	var _formParams$val, _formParams$val2;
+	const { model } = props;
+	const localeService = useDependency(LocaleService);
+	const condition = useObservable(model.conditionItem$, void 0);
+	const formParams = useObservable(model.filterConditionFormParams$, void 0);
+	const radioValue = (formParams === null || formParams === void 0 ? void 0 : formParams.and) ? "AND" : "OR";
+	const onRadioChange = useCallback((key) => {
+		model.onConditionFormChange({ and: key === "AND" });
+	}, [model]);
+	const primaryOptions = usePrimaryOptions(localeService);
+	const onPrimaryConditionChange = useCallback((value) => {
+		model.onPrimaryConditionChange(value);
+	}, [model]);
+	const secondaryOptions = useSecondaryOptions(localeService);
+	const onFormParamsChange = useCallback((diffParams) => {
+		model.onConditionFormChange(diffParams);
+	}, [model]);
+	const placeholder = localeService.t("sheets-filter.panel.input-values-placeholder");
+	function renderSecondaryCondition(operator, val, name) {
+		const shouldRenderInput = FilterConditionItems.getItemByOperator(operator).numOfParameters === 1;
+		return /* @__PURE__ */ jsxs(Fragment, { children: [
+			name === "operator2" && /* @__PURE__ */ jsxs(RadioGroup, {
+				value: radioValue,
+				onChange: onRadioChange,
+				children: [/* @__PURE__ */ jsx(Radio, {
+					value: "AND",
+					children: localeService.t("sheets-filter.panel.and")
+				}), /* @__PURE__ */ jsx(Radio, {
+					value: "OR",
+					children: localeService.t("sheets-filter.panel.or")
+				})]
+			}),
+			/* @__PURE__ */ jsx(Select, {
+				value: operator,
+				options: secondaryOptions,
+				onChange: (operator) => onFormParamsChange({ [name]: operator })
+			}),
+			shouldRenderInput && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Input, {
+				className: "univer-mt-2",
+				value: val,
+				placeholder,
+				onChange: (value) => onFormParamsChange({ [name === "operator1" ? "val1" : "val2"]: value })
+			}) })
+		] });
+	}
+	return /* @__PURE__ */ jsx("div", {
+		"data-u-comp": "sheets-filter-panel-conditions-container",
+		className: "univer-flex univer-h-full univer-min-h-[300px] univer-flex-col",
+		children: condition && formParams && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Select, {
+			value: condition.operator,
+			options: primaryOptions,
+			onChange: onPrimaryConditionChange
+		}), FilterConditionItems.getItemByOperator(condition.operator).numOfParameters !== 0 ? /* @__PURE__ */ jsxs("div", {
+			"data-u-comp": "sheets-filter-panel-conditions-container-inner",
+			className: clsx("univer-mt-2 univer-flex-grow univer-overflow-hidden univer-rounded-md univer-p-2", borderClassName),
+			children: [
+				condition.numOfParameters >= 1 && renderSecondaryCondition(formParams.operator1, (_formParams$val = formParams.val1) !== null && _formParams$val !== void 0 ? _formParams$val : "", "operator1"),
+				condition.numOfParameters >= 2 && renderSecondaryCondition(formParams.operator2, (_formParams$val2 = formParams.val2) !== null && _formParams$val2 !== void 0 ? _formParams$val2 : "", "operator2"),
+				/* @__PURE__ */ jsxs("div", {
+					"data-u-comp": "sheets-filter-panel-conditions-desc",
+					className: "univer-mt-2 univer-text-xs univer-text-gray-500",
+					children: [
+						localeService.t("sheets-filter.panel.?"),
+						/* @__PURE__ */ jsx("br", {}),
+						localeService.t("sheets-filter.panel.*")
+					]
+				})
+			]
+		}) : null] })
+	});
+}
+function usePrimaryOptions(localeService) {
+	return useMemo(() => [
+		{ options: [{
+			label: localeService.t(FilterConditionItems.NONE.label),
+			value: FilterConditionItems.NONE.operator
+		}] },
+		{ options: [{
+			label: localeService.t(FilterConditionItems.EMPTY.label),
+			value: FilterConditionItems.EMPTY.operator
+		}, {
+			label: localeService.t(FilterConditionItems.NOT_EMPTY.label),
+			value: FilterConditionItems.NOT_EMPTY.operator
+		}] },
+		{ options: [
+			{
+				label: localeService.t(FilterConditionItems.TEXT_CONTAINS.label),
+				value: FilterConditionItems.TEXT_CONTAINS.operator
+			},
+			{
+				label: localeService.t(FilterConditionItems.DOES_NOT_CONTAIN.label),
+				value: FilterConditionItems.DOES_NOT_CONTAIN.operator
+			},
+			{
+				label: localeService.t(FilterConditionItems.STARTS_WITH.label),
+				value: FilterConditionItems.STARTS_WITH.operator
+			},
+			{
+				label: localeService.t(FilterConditionItems.ENDS_WITH.label),
+				value: FilterConditionItems.ENDS_WITH.operator
+			},
+			{
+				label: localeService.t(FilterConditionItems.EQUALS.label),
+				value: FilterConditionItems.EQUALS.operator
+			}
+		] },
+		{ options: [
+			{
+				label: localeService.t(FilterConditionItems.GREATER_THAN.label),
+				value: FilterConditionItems.GREATER_THAN.operator
+			},
+			{
+				label: localeService.t(FilterConditionItems.GREATER_THAN_OR_EQUAL.label),
+				value: FilterConditionItems.GREATER_THAN_OR_EQUAL.operator
+			},
+			{
+				label: localeService.t(FilterConditionItems.LESS_THAN.label),
+				value: FilterConditionItems.LESS_THAN.operator
+			},
+			{
+				label: localeService.t(FilterConditionItems.LESS_THAN_OR_EQUAL.label),
+				value: FilterConditionItems.LESS_THAN_OR_EQUAL.operator
+			},
+			{
+				label: localeService.t(FilterConditionItems.EQUAL.label),
+				value: FilterConditionItems.EQUAL.operator
+			},
+			{
+				label: localeService.t(FilterConditionItems.NOT_EQUAL.label),
+				value: FilterConditionItems.NOT_EQUAL.operator
+			},
+			{
+				label: localeService.t(FilterConditionItems.BETWEEN.label),
+				value: FilterConditionItems.BETWEEN.operator
+			},
+			{
+				label: localeService.t(FilterConditionItems.NOT_BETWEEN.label),
+				value: FilterConditionItems.NOT_BETWEEN.operator
+			}
+		] },
+		{ options: [{
+			label: localeService.t(FilterConditionItems.CUSTOM.label),
+			value: FilterConditionItems.CUSTOM.operator
+		}] }
+	], [localeService.getCurrentLocale(), localeService]);
+}
+function useSecondaryOptions(localeService) {
+	return useMemo(() => FilterConditionItems.ALL_CONDITIONS.filter((c) => c.numOfParameters !== 2).map((c) => ({
+		label: localeService.t(c.label),
+		value: c.operator
+	})), [localeService.getCurrentLocale(), localeService]);
+}
+
+//#endregion
+//#region src/views/components/SheetsFilterByValuesPanel.tsx
+/**
+* Filter by values.
+*/
+function FilterByValue(props) {
+	const { model } = props;
+	const localeService = useDependency(LocaleService);
+	const searchText = useObservable(model.searchString$, "", true);
+	const items = useObservable(model.filterItems$, void 0, true);
+	const filterOnly = localeService.t("sheets-filter.panel.filter-only");
+	const stat = statisticFilterByValueItems(items);
+	const allChecked = stat.checked > 0 && stat.unchecked === 0;
+	const indeterminate = stat.checked > 0 && stat.unchecked > 0;
+	const treeMap = model.treeMapCache;
+	const onCheckAllToggled = useCallback(() => {
+		model.onCheckAllToggled(!allChecked);
+	}, [model, allChecked]);
+	const onSearchValueChange = useCallback((str) => {
+		model.setSearchString(str);
+	}, [model]);
+	function extractCheckedKeys(items) {
+		let checkedKeys = [];
+		items.forEach((item) => {
+			if (item.checked) checkedKeys.push(item.key);
+			if (item.children) checkedKeys = checkedKeys.concat(extractCheckedKeys(item.children));
+		});
+		return checkedKeys;
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		"data-u-comp": "sheets-filter-panel-values-container",
+		className: "univer-flex univer-h-full univer-min-h-[300px] univer-flex-col",
+		children: [/* @__PURE__ */ jsx(Input, {
+			autoFocus: true,
+			value: searchText,
+			placeholder: localeService.t("sheets-filter.panel.search-placeholder"),
+			onChange: onSearchValueChange
+		}), /* @__PURE__ */ jsxs("div", {
+			"data-u-comp": "sheets-filter-panel",
+			className: clsx("univer-mt-2 univer-box-border univer-flex univer-flex-grow univer-flex-col univer-overflow-hidden univer-rounded-md univer-px-2 univer-py-2.5", borderClassName),
+			children: [/* @__PURE__ */ jsx("div", {
+				"data-u-comp": "sheets-filter-panel-values-item",
+				className: "univer-box-border univer-h-8 univer-w-full univer-py-0.5",
+				children: /* @__PURE__ */ jsxs("div", {
+					"data-u-comp": "sheets-filter-panel-values-item-inner",
+					className: "univer-box-border univer-flex univer-h-7 univer-items-center univer-rounded-md univer-py-0 univer-pl-5 univer-pr-0.5 univer-text-sm",
+					children: [
+						/* @__PURE__ */ jsx(Checkbox, {
+							indeterminate,
+							disabled: items.length === 0,
+							checked: allChecked,
+							onChange: onCheckAllToggled
+						}),
+						/* @__PURE__ */ jsx("span", {
+							"data-u-comp": "sheets-filter-panel-values-item-text",
+							className: "univer-mx-1 univer-inline-block univer-flex-shrink univer-truncate univer-text-gray-900 dark:!univer-text-white",
+							children: `${localeService.t("sheets-filter.panel.select-all")}`
+						}),
+						/* @__PURE__ */ jsx("span", {
+							"data-u-comp": "sheets-filter-panel-values-item-count",
+							className: "univer-text-gray-400 dark:!univer-text-gray-500",
+							children: `(${stat.checked}/${stat.checked + stat.unchecked})`
+						})
+					]
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				"data-u-comp": "sheets-filter-panel-values-virtual",
+				className: "univer-flex-grow",
+				children: /* @__PURE__ */ jsx(Tree, {
+					data: items,
+					defaultExpandAll: false,
+					valueGroup: extractCheckedKeys(items),
+					onChange: (node) => {
+						model.onFilterCheckToggled(node);
+					},
+					defaultCache: treeMap,
+					itemHeight: 28,
+					treeNodeClassName: `
                           univer-pr-2 univer-border-box univer-rounded-md
                           [&:hover_a]:univer-inline-block
                           hover:univer-bg-gray-50 univer-h-full
                           univer-text-gray-900 dark:hover:!univer-bg-gray-900
                           dark:!univer-text-white
-                        `,attachRender:e=>z(`div`,{className:`univer-ml-1 univer-flex univer-h-5 univer-flex-1 univer-cursor-pointer univer-items-center univer-justify-between univer-text-sm univer-text-primary-500`,children:[R(`span`,{"data-u-comp":`sheets-filter-panel-values-item-count`,className:`univer-text-gray-400 dark:!univer-text-gray-500`,children:`(${e.count})`}),R(`a`,{className:`univer-box-border univer-hidden univer-h-4 univer-whitespace-nowrap univer-px-1.5`,onClick:()=>{let n=[];e.children?e.children.forEach(e=>{e.children?e.children.forEach(e=>{n.push(e.key)}):n.push(e.key)}):n.push(e.key),t.onFilterOnly(n)},children:a})]})})})]})]})}function Cn(){let e=k(pe);if(!A(e.visible$,void 0,!0))return null;let t=k(p),n=k(Me),r=A(e.enabled$,void 0,!0);return z(`div`,{className:`univer-mt-2 univer-flex univer-items-center univer-justify-between univer-text-sm univer-text-gray-900 dark:!univer-text-gray-200`,children:[z(`div`,{className:`univer-flex univer-items-center univer-gap-1`,children:[R(`span`,{children:t.t(`sheets-filter.sync.title`)}),R(St,{title:r?t.t(`sheets-filter.sync.statusTips.off`):t.t(`sheets-filter.sync.statusTips.on`),asChild:!0,children:R(kt,{className:`univer-block`})})]}),R(xt,{defaultChecked:r,onChange:r=>{let i=r?t.t(`sheets-filter.sync.switchTips.on`):t.t(`sheets-filter.sync.switchTips.off`);e.setEnabled(r),n.show({content:i,type:gt.Success,duration:2e3})}})]})}function wn(){var e;let t=k(J),n=k(p),r=k(a),i=A(t.filterBy$,void 0,!0),o=A(t.filterByModel$,void 0,!1),s=A(()=>(o==null?void 0:o.canApply$)||I(!1),void 0,!1,[o]),c=Tn(n),l=!A(t.hasCriteria$),u=L(e=>{r.executeCommand(tn.id,{filterBy:e})},[r]),d=L(async()=>{await(o==null?void 0:o.clear()),r.executeCommand(Y.id)},[o,r]),f=L(()=>{r.executeCommand(Y.id)},[r]),m=L(async()=>{await(o==null?void 0:o.apply()),r.executeCommand(Y.id)},[o,r]),h=(e=k(O).activeFilterModel)==null?void 0:e.getRange(),g=t.col,_=ze(Ce.FILTER_PANEL_EMBED_POINT);return z(`div`,{"data-u-comp":`sheets-filter-panel`,className:`univer-box-border univer-flex univer-max-h-[500px] univer-w-[400px] univer-flex-col univer-rounded-lg univer-bg-white univer-p-4 univer-shadow-lg dark:!univer-border-gray-600 dark:!univer-bg-gray-700`,children:[R(Oe,{components:_,sharedProps:{range:h,colIndex:g,onClose:f}}),R(`div`,{className:`univer-mb-1 univer-flex-shrink-0 univer-flex-grow-0`,children:R(yt,{value:i,items:c,onChange:e=>u(e)})}),o?R(`div`,{"data-u-comp":`sheets-filter-panel-content`,className:`univer-flex-shrink univer-flex-grow univer-pt-2`,children:i===E.VALUES?R(Sn,{model:o}):i===E.COLORS?R(_n,{model:o}):R(yn,{model:o})}):R(`div`,{className:`univer-flex-1`}),R(Cn,{}),z(`div`,{"data-u-comp":`sheets-filter-panel-footer`,className:`univer-mt-4 univer-inline-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-nowrap univer-justify-between univer-overflow-hidden`,children:[R(pt,{variant:`link`,onClick:d,disabled:l,children:n.t(`sheets-filter.panel.clear-filter`)}),z(`span`,{className:`univer-flex univer-gap-2`,children:[R(pt,{variant:`default`,onClick:f,children:n.t(`sheets-filter.panel.cancel`)}),R(pt,{disabled:!s,variant:`primary`,onClick:m,children:n.t(`sheets-filter.panel.confirm`)})]})]})]})}function Tn(e){return jt(()=>[{label:e.t(`sheets-filter.panel.by-values`),value:E.VALUES},{label:e.t(`sheets-filter.panel.by-colors`),value:E.COLORS},{label:e.t(`sheets-filter.panel.by-conditions`),value:E.CONDITIONS}],[e.getCurrentLocale(),e])}const En={id:me.id,binding:Pe.L|Ie.CTRL_COMMAND|Ie.SHIFT,description:`sheets-filter.shortcut.smart-toggle-filter`,preconditions:De,group:`4_sheet-edit`},Dn=`FILTER_PANEL_POPUP`;let On=class extends fn{constructor(e,t,n,r,i,a,o,s,c,l,u,d,f){super(f,d),this._injector=e,this._componentManager=t,this._sheetsFilterPanelService=n,this._sheetCanvasPopupService=r,this._sheetsFilterService=i,this._localeService=a,this._shortcutService=o,this._commandService=s,this._menuManagerService=c,this._contextService=l,this._messageService=u,q(this,`_popupDisposable`,void 0),this._initCommands(),this._initShortcuts(),this._initMenuItems(),this._initUI()}dispose(){super.dispose(),this._closeFilterPopup()}_initShortcuts(){[En].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}_initCommands(){[me,ce,ue,D,ie,oe,tn,en,Y].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenuItems(){this._menuManagerService.mergeMenu(gn)}_initUI(){[[Dn,wn],[`FilterIcon`,Ot]].forEach(([e,t])=>{this.disposeWithMe(this._componentManager.register(e,t))}),this.disposeWithMe(this._contextService.subscribeContextValue$($t).pipe(nt()).subscribe(e=>{e?this._openFilterPopup():this._closeFilterPopup()})),this.disposeWithMe(this._sheetsFilterService.errorMsg$.subscribe(e=>{e&&this._messageService.show({type:gt.Error,content:this._localeService.t(e)})}))}_openFilterPopup(){let e=this._sheetsFilterPanelService.filterModel;if(!e)throw Error(`[SheetsFilterUIController]: no filter model when opening filter popup!`);let t=e.getRange(),n=this._sheetsFilterPanelService.col,{startRow:r}=t;this._popupDisposable=this._sheetCanvasPopupService.attachPopupToCell(r,n,{componentKey:Dn,direction:`horizontal`,onClickOutside:()=>this._commandService.syncExecuteCommand(Y.id),offset:[5,0]})}_closeFilterPopup(){var e;(e=this._popupDisposable)==null||e.dispose(),this._popupDisposable=null}};On=G([W(0,u(d)),W(1,u(ke)),W(2,u(J)),W(3,u(be)),W(4,u(O)),W(5,u(p)),W(6,Ne),W(7,a),W(8,je),W(9,s),W(10,Me),W(11,u(Se)),W(12,Ve)],On);let Q=class extends h{constructor(e=on,t,n,r){super(),this._config=e,this._injector=t,this._configService=n,this._rpcChannelService=r;let{menu:i,...a}=w({},on,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(an,a)}onStarting(){ne(this._injector,[[J],[X],[On]]),this._config.useRemoteFilterValuesGenerator&&this._rpcChannelService&&this._injector.add([Ft,{useFactory:()=>ft(this._rpcChannelService.requestChannel(Pt))}])}onReady(){re(this._injector,[[X]])}onRendered(){re(this._injector,[[On]])}};q(Q,`type`,b.UNIVER_SHEET),q(Q,`pluginName`,`SHEET_FILTER_UI_PLUGIN`),q(Q,`packageName`,nn),q(Q,`version`,rn),Q=G([r(he),W(1,u(d)),W(2,o),W(3,m(ut))],Q);let $=class extends h{constructor(e,t,n){super(),this._config=e,this._injector=t,this._rpcChannelService=n}onStarting(){[[Ft,{useClass:It}]].forEach(e=>this._injector.add(e))}onReady(){this._rpcChannelService.registerChannel(Pt,dt(this._injector.get(Ft)))}};q($,`type`,b.UNIVER_SHEET),q($,`pluginName`,`SHEET_FILTER_UI_WORKER_PLUGIN`),q($,`packageName`,nn),q($,`version`,rn),$=G([W(1,u(d)),W(2,ut)],$);export{tn as ChangeFilterByOperation,Y as CloseFilterPanelOperation,en as OpenFilterPanelOperation,Z as UniverSheetsFilterMobileUIPlugin,Q as UniverSheetsFilterUIPlugin,$ as UniverSheetsFilterUIWorkerPlugin};
+                        `,
+					attachRender: (item) => /* @__PURE__ */ jsxs("div", {
+						className: "univer-ml-1 univer-flex univer-h-5 univer-flex-1 univer-cursor-pointer univer-items-center univer-justify-between univer-text-sm univer-text-primary-500",
+						children: [/* @__PURE__ */ jsx("span", {
+							"data-u-comp": "sheets-filter-panel-values-item-count",
+							className: "univer-text-gray-400 dark:!univer-text-gray-500",
+							children: `(${item.count})`
+						}), /* @__PURE__ */ jsx("a", {
+							className: "univer-box-border univer-hidden univer-h-4 univer-whitespace-nowrap univer-px-1.5",
+							onClick: () => {
+								const filterValues = [];
+								if (item.children) item.children.forEach((child) => {
+									if (child.children) child.children.forEach((subChild) => {
+										filterValues.push(subChild.key);
+									});
+									else filterValues.push(child.key);
+								});
+								else filterValues.push(item.key);
+								model.onFilterOnly(filterValues);
+							},
+							children: filterOnly
+						})]
+					})
+				})
+			})]
+		})]
+	});
+}
+
+//#endregion
+//#region src/views/components/SheetsFilterSyncSwitch.tsx
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function FilterSyncSwitch() {
+	const sheetsFilterSyncController = useDependency(SheetsFilterSyncController);
+	if (!useObservable(sheetsFilterSyncController.visible$, void 0, true)) return null;
+	const localeService = useDependency(LocaleService);
+	const messageService = useDependency(IMessageService);
+	const enabled = useObservable(sheetsFilterSyncController.enabled$, void 0, true);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "univer-mt-2 univer-flex univer-items-center univer-justify-between univer-text-sm univer-text-gray-900 dark:!univer-text-gray-200",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "univer-flex univer-items-center univer-gap-1",
+			children: [/* @__PURE__ */ jsx("span", { children: localeService.t("sheets-filter.sync.title") }), /* @__PURE__ */ jsx(Tooltip, {
+				title: enabled ? localeService.t("sheets-filter.sync.statusTips.off") : localeService.t("sheets-filter.sync.statusTips.on"),
+				asChild: true,
+				children: /* @__PURE__ */ jsx(InfoIcon, { className: "univer-block" })
+			})]
+		}), /* @__PURE__ */ jsx(Switch, {
+			defaultChecked: enabled,
+			onChange: (checked) => {
+				const message = checked ? localeService.t("sheets-filter.sync.switchTips.on") : localeService.t("sheets-filter.sync.switchTips.off");
+				sheetsFilterSyncController.setEnabled(checked);
+				messageService.show({
+					content: message,
+					type: MessageType.Success,
+					duration: 2e3
+				});
+			}
+		})]
+	});
+}
+
+//#endregion
+//#region src/views/components/SheetsFilterPanel.tsx
+/**
+* This Filter Panel component is used to filter the data in the sheet.
+*
+* @returns React element
+*/
+function FilterPanel() {
+	var _filterService$active;
+	const sheetsFilterPanelService = useDependency(SheetsFilterPanelService);
+	const localeService = useDependency(LocaleService);
+	const commandService = useDependency(ICommandService);
+	const filterBy = useObservable(sheetsFilterPanelService.filterBy$, void 0, true);
+	const filterByModel = useObservable(sheetsFilterPanelService.filterByModel$, void 0, false);
+	const canApply = useObservable(() => (filterByModel === null || filterByModel === void 0 ? void 0 : filterByModel.canApply$) || of(false), void 0, false, [filterByModel]);
+	const items = useFilterByOptions(localeService);
+	const clearFilterDisabled = !useObservable(sheetsFilterPanelService.hasCriteria$);
+	const onFilterByTypeChange = useCallback((value) => {
+		commandService.executeCommand(ChangeFilterByOperation.id, { filterBy: value });
+	}, [commandService]);
+	const onClearCriteria = useCallback(async () => {
+		await (filterByModel === null || filterByModel === void 0 ? void 0 : filterByModel.clear());
+		commandService.executeCommand(CloseFilterPanelOperation.id);
+	}, [filterByModel, commandService]);
+	const onCancel = useCallback(() => {
+		commandService.executeCommand(CloseFilterPanelOperation.id);
+	}, [commandService]);
+	const onApply = useCallback(async () => {
+		await (filterByModel === null || filterByModel === void 0 ? void 0 : filterByModel.apply());
+		commandService.executeCommand(CloseFilterPanelOperation.id);
+	}, [filterByModel, commandService]);
+	const range = (_filterService$active = useDependency(SheetsFilterService).activeFilterModel) === null || _filterService$active === void 0 ? void 0 : _filterService$active.getRange();
+	const colIndex = sheetsFilterPanelService.col;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-u-comp": "sheets-filter-panel",
+		className: "univer-box-border univer-flex univer-max-h-[500px] univer-w-[400px] univer-flex-col univer-rounded-lg univer-bg-white univer-p-4 univer-shadow-lg dark:!univer-border-gray-600 dark:!univer-bg-gray-700",
+		children: [
+			/* @__PURE__ */ jsx(ComponentContainer, {
+				components: useComponentsOfPart(SheetsUIPart.FILTER_PANEL_EMBED_POINT),
+				sharedProps: {
+					range,
+					colIndex,
+					onClose: onCancel
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "univer-mb-1 univer-flex-shrink-0 univer-flex-grow-0",
+				children: /* @__PURE__ */ jsx(Segmented, {
+					value: filterBy,
+					items,
+					onChange: (value) => onFilterByTypeChange(value)
+				})
+			}),
+			filterByModel ? /* @__PURE__ */ jsx("div", {
+				"data-u-comp": "sheets-filter-panel-content",
+				className: "univer-flex-shrink univer-flex-grow univer-pt-2",
+				children: filterBy === FilterBy.VALUES ? /* @__PURE__ */ jsx(FilterByValue, { model: filterByModel }) : filterBy === FilterBy.COLORS ? /* @__PURE__ */ jsx(FilterByColor, { model: filterByModel }) : /* @__PURE__ */ jsx(FilterByCondition, { model: filterByModel })
+			}) : /* @__PURE__ */ jsx("div", { className: "univer-flex-1" }),
+			/* @__PURE__ */ jsx(FilterSyncSwitch, {}),
+			/* @__PURE__ */ jsxs("div", {
+				"data-u-comp": "sheets-filter-panel-footer",
+				className: "univer-mt-4 univer-inline-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-nowrap univer-justify-between univer-overflow-hidden",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "link",
+					onClick: onClearCriteria,
+					disabled: clearFilterDisabled,
+					children: localeService.t("sheets-filter.panel.clear-filter")
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "univer-flex univer-gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "default",
+						onClick: onCancel,
+						children: localeService.t("sheets-filter.panel.cancel")
+					}), /* @__PURE__ */ jsx(Button, {
+						disabled: !canApply,
+						variant: "primary",
+						onClick: onApply,
+						children: localeService.t("sheets-filter.panel.confirm")
+					})]
+				})]
+			})
+		]
+	});
+}
+function useFilterByOptions(localeService) {
+	return useMemo(() => [
+		{
+			label: localeService.t("sheets-filter.panel.by-values"),
+			value: FilterBy.VALUES
+		},
+		{
+			label: localeService.t("sheets-filter.panel.by-colors"),
+			value: FilterBy.COLORS
+		},
+		{
+			label: localeService.t("sheets-filter.panel.by-conditions"),
+			value: FilterBy.CONDITIONS
+		}
+	], [localeService.getCurrentLocale(), localeService]);
+}
+
+//#endregion
+//#region src/controllers/sheets-filter.shortcut.ts
+const SmartToggleFilterShortcut = {
+	id: SmartToggleSheetsFilterCommand.id,
+	binding: KeyCode.L | MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT,
+	description: "sheets-filter.shortcut.smart-toggle-filter",
+	preconditions: whenSheetEditorFocused,
+	group: "4_sheet-edit"
+};
+
+//#endregion
+//#region src/controllers/sheets-filter-ui-desktop.controller.ts
+const FILTER_PANEL_POPUP_KEY = "FILTER_PANEL_POPUP";
+let SheetsFilterUIDesktopController = class SheetsFilterUIDesktopController extends SheetsFilterUIMobileController {
+	constructor(_injector, _componentManager, _sheetsFilterPanelService, _sheetCanvasPopupService, _sheetsFilterService, _localeService, _shortcutService, _commandService, _menuManagerService, _contextService, _messageService, sheetsRenderService, renderManagerService) {
+		super(renderManagerService, sheetsRenderService);
+		this._injector = _injector;
+		this._componentManager = _componentManager;
+		this._sheetsFilterPanelService = _sheetsFilterPanelService;
+		this._sheetCanvasPopupService = _sheetCanvasPopupService;
+		this._sheetsFilterService = _sheetsFilterService;
+		this._localeService = _localeService;
+		this._shortcutService = _shortcutService;
+		this._commandService = _commandService;
+		this._menuManagerService = _menuManagerService;
+		this._contextService = _contextService;
+		this._messageService = _messageService;
+		_defineProperty(this, "_popupDisposable", void 0);
+		this._initCommands();
+		this._initShortcuts();
+		this._initMenuItems();
+		this._initUI();
+	}
+	dispose() {
+		super.dispose();
+		this._closeFilterPopup();
+	}
+	_initShortcuts() {
+		[SmartToggleFilterShortcut].forEach((shortcut) => {
+			this.disposeWithMe(this._shortcutService.registerShortcut(shortcut));
+		});
+	}
+	_initCommands() {
+		[
+			SmartToggleSheetsFilterCommand,
+			RemoveSheetFilterCommand,
+			SetSheetFilterRangeCommand,
+			SetSheetsFilterCriteriaCommand,
+			ClearSheetsFilterCriteriaCommand,
+			ReCalcSheetsFilterCommand,
+			ChangeFilterByOperation,
+			OpenFilterPanelOperation,
+			CloseFilterPanelOperation
+		].forEach((c) => {
+			this.disposeWithMe(this._commandService.registerCommand(c));
+		});
+	}
+	_initMenuItems() {
+		this._menuManagerService.mergeMenu(menuSchema);
+	}
+	_initUI() {
+		[[FILTER_PANEL_POPUP_KEY, FilterPanel], ["FilterIcon", FilterIcon]].forEach(([key, comp]) => {
+			this.disposeWithMe(this._componentManager.register(key, comp));
+		});
+		this.disposeWithMe(this._contextService.subscribeContextValue$(FILTER_PANEL_OPENED_KEY).pipe(distinctUntilChanged()).subscribe((open) => {
+			if (open) this._openFilterPopup();
+			else this._closeFilterPopup();
+		}));
+		this.disposeWithMe(this._sheetsFilterService.errorMsg$.subscribe((content) => {
+			if (content) this._messageService.show({
+				type: MessageType.Error,
+				content: this._localeService.t(content)
+			});
+		}));
+	}
+	_openFilterPopup() {
+		const currentFilterModel = this._sheetsFilterPanelService.filterModel;
+		if (!currentFilterModel) throw new Error("[SheetsFilterUIController]: no filter model when opening filter popup!");
+		const range = currentFilterModel.getRange();
+		const col = this._sheetsFilterPanelService.col;
+		const { startRow } = range;
+		this._popupDisposable = this._sheetCanvasPopupService.attachPopupToCell(startRow, col, {
+			componentKey: FILTER_PANEL_POPUP_KEY,
+			direction: "horizontal",
+			onClickOutside: () => this._commandService.syncExecuteCommand(CloseFilterPanelOperation.id),
+			offset: [5, 0]
+		});
+	}
+	_closeFilterPopup() {
+		var _this$_popupDisposabl;
+		(_this$_popupDisposabl = this._popupDisposable) === null || _this$_popupDisposabl === void 0 || _this$_popupDisposabl.dispose();
+		this._popupDisposable = null;
+	}
+};
+SheetsFilterUIDesktopController = __decorate([
+	__decorateParam(0, Inject(Injector)),
+	__decorateParam(1, Inject(ComponentManager)),
+	__decorateParam(2, Inject(SheetsFilterPanelService)),
+	__decorateParam(3, Inject(SheetCanvasPopManagerService)),
+	__decorateParam(4, Inject(SheetsFilterService)),
+	__decorateParam(5, Inject(LocaleService)),
+	__decorateParam(6, IShortcutService),
+	__decorateParam(7, ICommandService),
+	__decorateParam(8, IMenuManagerService),
+	__decorateParam(9, IContextService),
+	__decorateParam(10, IMessageService),
+	__decorateParam(11, Inject(SheetsRenderService)),
+	__decorateParam(12, IRenderManagerService)
+], SheetsFilterUIDesktopController);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsFilterUIPlugin = class UniverSheetsFilterUIPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService, _rpcChannelService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		this._rpcChannelService = _rpcChannelService;
+		const { menu, ...rest } = merge({}, defaultPluginConfig, this._config);
+		if (menu) this._configService.setConfig("menu", menu, { merge: true });
+		this._configService.setConfig(SHEETS_FILTER_UI_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		registerDependencies(this._injector, [
+			[SheetsFilterPanelService],
+			[SheetsFilterPermissionController],
+			[SheetsFilterUIDesktopController]
+		]);
+		if (this._config.useRemoteFilterValuesGenerator && this._rpcChannelService) this._injector.add([ISheetsGenerateFilterValuesService, { useFactory: () => toModule(this._rpcChannelService.requestChannel(SHEETS_GENERATE_FILTER_VALUES_SERVICE_NAME)) }]);
+	}
+	onReady() {
+		touchDependencies(this._injector, [[SheetsFilterPermissionController]]);
+	}
+	onRendered() {
+		touchDependencies(this._injector, [[SheetsFilterUIDesktopController]]);
+	}
+};
+_defineProperty(UniverSheetsFilterUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+_defineProperty(UniverSheetsFilterUIPlugin, "pluginName", "SHEET_FILTER_UI_PLUGIN");
+_defineProperty(UniverSheetsFilterUIPlugin, "packageName", name);
+_defineProperty(UniverSheetsFilterUIPlugin, "version", version);
+UniverSheetsFilterUIPlugin = __decorate([
+	DependentOn(UniverSheetsFilterPlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IConfigService),
+	__decorateParam(3, Optional(IRPCChannelService))
+], UniverSheetsFilterUIPlugin);
+
+//#endregion
+//#region src/worker/plugin.ts
+let UniverSheetsFilterUIWorkerPlugin = class UniverSheetsFilterUIWorkerPlugin extends Plugin {
+	constructor(_config, _injector, _rpcChannelService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._rpcChannelService = _rpcChannelService;
+	}
+	onStarting() {
+		[[ISheetsGenerateFilterValuesService, { useClass: SheetsGenerateFilterValuesService }]].forEach((d) => this._injector.add(d));
+	}
+	onReady() {
+		this._rpcChannelService.registerChannel(SHEETS_GENERATE_FILTER_VALUES_SERVICE_NAME, fromModule(this._injector.get(ISheetsGenerateFilterValuesService)));
+	}
+};
+_defineProperty(UniverSheetsFilterUIWorkerPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+_defineProperty(UniverSheetsFilterUIWorkerPlugin, "pluginName", "SHEET_FILTER_UI_WORKER_PLUGIN");
+_defineProperty(UniverSheetsFilterUIWorkerPlugin, "packageName", name);
+_defineProperty(UniverSheetsFilterUIWorkerPlugin, "version", version);
+UniverSheetsFilterUIWorkerPlugin = __decorate([__decorateParam(1, Inject(Injector)), __decorateParam(2, IRPCChannelService)], UniverSheetsFilterUIWorkerPlugin);
+
+//#endregion
+export { ChangeFilterByOperation, CloseFilterPanelOperation, OpenFilterPanelOperation, UniverSheetsFilterMobileUIPlugin, UniverSheetsFilterUIPlugin, UniverSheetsFilterUIWorkerPlugin };