@univerjs/sheets-filter-ui 0.6.7 → 0.6.9

package/lib/index.js

@@ -0,0 +1,1880 @@
+var jt = Object.defineProperty;
+var Yt = (t, e, r) => e in t ? jt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var f = (t, e, r) => Yt(t, typeof e != "symbol" ? e + "" : e, r);
+import { BooleanNumber as st, createIdentifier as gt, Inject as E, LocaleService as X, IUniverInstanceService as je, ILogService as qt, extractPureTextFromCell as Kt, numfmt as it, Disposable as pe, Injector as Z, Quantity as vt, Tools as Fe, ICommandService as Q, CommandType as Me, IContextService as $e, UniverInstanceType as z, ThemeService as St, RxDisposable as Et, fromCallback as Xt, InterceptorEffectEnum as Zt, DependentOn as Tt, IConfigService as Ft, Optional as zt, Plugin as Ye, merge as Ct } from "@univerjs/core";
+import { IRPCChannelService as Nt, toModule as Jt, fromModule as er } from "@univerjs/rpc";
+import { CustomFilterOperator as u, SetSheetsFilterCriteriaCommand as se, SheetsFilterService as G, SmartToggleSheetsFilterCommand as fe, ReCalcSheetsFilterCommand as qe, ClearSheetsFilterCriteriaCommand as Ke, FILTER_MUTATIONS as tr, SetSheetsFilterRangeMutation as rr, SetSheetsFilterCriteriaMutation as sr, RemoveSheetsFilterMutation as ir, ReCalcSheetsFilterMutation as nr, RemoveSheetFilterCommand as or, SetSheetFilterRangeCommand as ar, UniverSheetsFilterPlugin as Pt } from "@univerjs/sheets-filter";
+import { RefRangeService as lr, SheetPermissionCheckController as cr, SheetsSelectionsService as ur, getSheetCommandTarget as hr, WorksheetFilterPermission as le, WorksheetViewPermission as ce, RangeProtectionPermissionViewPoint as ue, expandToContinuousRange as mr, SheetInterceptorService as dr, SetRangeValuesMutation as pr, INTERCEPTOR_POINT as fr } from "@univerjs/sheets";
+import { ILayoutService as _r, useDependency as re, useObservable as W, useComponentsOfPart as gr, ComponentContainer as vr, getMenuHiddenObservable as Xe, MenuItemType as Ze, RibbonStartGroup as Sr, KeyCode as Er, MetaKeys as nt, ComponentManager as Tr, IShortcutService as Fr, IMenuManagerService as Cr, IMessageService as Nr } from "@univerjs/ui";
+import { SetCellEditVisibleOperation as Pr, SheetsUIPart as yr, getObservableWithExclusiveRange$ as Or, getCurrentRangeDisable$ as Ir, SheetSkeletonManagerService as Rr, ISheetSelectionRenderService as Ar, SelectionControl as br, attachSelectionWithCoord as Lr, getCoordByCell as Mr, SheetsRenderService as yt, whenSheetEditorFocused as $r, SheetCanvasPopManagerService as wr } from "@univerjs/sheets-ui";
+import { BehaviorSubject as K, ReplaySubject as Ur, Subject as Hr, merge as Dr, combineLatest as kr, throttleTime as Ot, startWith as It, map as ie, shareReplay as Br, of as _e, switchMap as ze, filter as Vr, takeUntil as Wr, distinctUntilChanged as xr } from "rxjs";
+import { Select as ot, RadioGroup as Qr, Radio as at, Input as Rt, Checkbox as Gr, Tree as jr, Segmented as Yr, Button as He, MessageType as qr } from "@univerjs/design";
+import { Rect as lt, Shape as Kr, IRenderManagerService as At } from "@univerjs/engine-render";
+import { jsx as S, jsxs as L, Fragment as ct } from "react/jsx-runtime";
+import { forwardRef as bt, useRef as Xr, createElement as Lt, useCallback as k, useMemo as Je } from "react";
+const Mt = "sheets-filter-ui.config", Ce = {};
+var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SECOND", t))(C || {}), _ = /* @__PURE__ */ ((t) => (t.NONE = "none", t.STARTS_WITH = "startsWith", t.DOES_NOT_START_WITH = "doesNotStartWith", t.ENDS_WITH = "endsWith", t.DOES_NOT_END_WITH = "doesNotEndWith", t.CONTAINS = "contains", t.DOES_NOT_CONTAIN = "doesNotContain", t.EQUALS = "equals", t.NOT_EQUALS = "notEquals", t.EMPTY = "empty", t.NOT_EMPTY = "notEmpty", t.BETWEEN = "between", t.NOT_BETWEEN = "notBetween", t.CUSTOM = "custom", t))(_ || {}), m;
+((t) => {
+  t.NONE = {
+    label: "sheets-filter.conditions.none",
+    operator: _.NONE,
+    order: C.SECOND,
+    numOfParameters: 0,
+    getDefaultFormParams: () => {
+      throw new Error("[FilterConditionItems.NONE]: should not have initial form params!");
+    },
+    testMappingParams: (s) => s.operator1 === _.NONE,
+    mapToFilterColumn: () => null,
+    testMappingFilterColumn: (s) => !s.customFilters && !s.filters ? {} : !1
+  }, t.EMPTY = {
+    label: "sheets-filter.conditions.empty",
+    operator: _.EMPTY,
+    order: C.SECOND,
+    numOfParameters: 0,
+    getDefaultFormParams: () => {
+      throw new Error("[FilterConditionItems.EMPTY]: should not have initial form params!");
+    },
+    testMappingParams: ({ operator1: s }) => s === _.EMPTY,
+    mapToFilterColumn: () => ({ customFilters: { customFilters: [{ val: "" }] } }),
+    testMappingFilterColumn: (s) => {
+      var c;
+      if (((c = s.customFilters) == null ? void 0 : c.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0];
+      return o.val === "" && o.operator === void 0 ? { operator1: _.EMPTY } : !1;
+    }
+  }, t.NOT_EMPTY = {
+    label: "sheets-filter.conditions.not-empty",
+    operator: _.NOT_EMPTY,
+    order: C.SECOND,
+    numOfParameters: 0,
+    getDefaultFormParams: () => {
+      throw new Error("[FilterConditionItems.NOT_EMPTY]: should not have initial form params!");
+    },
+    testMappingParams: ({ operator1: s }) => s === _.NOT_EMPTY,
+    mapToFilterColumn: () => ({ customFilters: { customFilters: [{ val: "", operator: u.NOT_EQUALS }] } }),
+    testMappingFilterColumn: (s) => {
+      var c;
+      if (((c = s.customFilters) == null ? void 0 : c.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0];
+      return o.val === " " && o.operator === u.NOT_EQUALS ? { operator1: _.NOT_EMPTY } : !1;
+    }
+  }, t.TEXT_CONTAINS = {
+    label: "sheets-filter.conditions.text-contains",
+    operator: _.CONTAINS,
+    order: C.FIRST,
+    numOfParameters: 1,
+    getDefaultFormParams: () => ({ operator1: _.CONTAINS, val1: "" }),
+    testMappingParams: (s) => {
+      const [o] = M(s);
+      return o === _.CONTAINS;
+    },
+    mapToFilterColumn: (s) => {
+      const { val1: o } = s;
+      return o === "" ? null : {
+        customFilters: { customFilters: [{ val: `*${o}*` }] }
+      };
+    },
+    testMappingFilterColumn: (s) => {
+      var c;
+      if (((c = s.customFilters) == null ? void 0 : c.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0], a = o.val.toString();
+      return !o.operator && a.startsWith("*") && a.endsWith("*") ? { operator1: _.CONTAINS, val1: a.slice(1, -1) } : !1;
+    }
+  }, t.DOES_NOT_CONTAIN = {
+    label: "sheets-filter.conditions.does-not-contain",
+    operator: _.DOES_NOT_CONTAIN,
+    order: C.FIRST,
+    numOfParameters: 1,
+    getDefaultFormParams: () => ({ operator1: _.DOES_NOT_CONTAIN, val1: "" }),
+    mapToFilterColumn: (s) => ({
+      customFilters: { customFilters: [{ val: `*${s.val1}*`, operator: u.NOT_EQUALS }] }
+    }),
+    testMappingParams: (s) => {
+      const [o] = M(s);
+      return o === _.DOES_NOT_CONTAIN;
+    },
+    testMappingFilterColumn: (s) => {
+      var c;
+      if (((c = s.customFilters) == null ? void 0 : c.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0], a = o.val.toString();
+      return o.operator === u.NOT_EQUALS && a.startsWith("*") && a.endsWith("*") ? { operator1: _.DOES_NOT_CONTAIN, val1: a.slice(1, -1) } : !1;
+    }
+  }, t.STARTS_WITH = {
+    label: "sheets-filter.conditions.starts-with",
+    operator: _.STARTS_WITH,
+    order: C.FIRST,
+    numOfParameters: 1,
+    getDefaultFormParams: () => ({ operator1: _.STARTS_WITH, val1: "" }),
+    mapToFilterColumn: (s) => ({
+      customFilters: { customFilters: [{ val: `${s.val1}*` }] }
+    }),
+    testMappingParams: (s) => {
+      const [o] = M(s);
+      return o === _.STARTS_WITH;
+    },
+    testMappingFilterColumn: (s) => {
+      var c;
+      if (((c = s.customFilters) == null ? void 0 : c.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0], a = o.val.toString();
+      return !o.operator && a.endsWith("*") && !a.startsWith("*") ? { operator1: _.STARTS_WITH, val1: a.slice(0, -1) } : !1;
+    }
+  }, t.ENDS_WITH = {
+    label: "sheets-filter.conditions.ends-with",
+    operator: _.ENDS_WITH,
+    order: C.FIRST,
+    numOfParameters: 1,
+    getDefaultFormParams: () => ({ operator1: _.ENDS_WITH, val1: "" }),
+    mapToFilterColumn: (s) => ({
+      customFilters: { customFilters: [{ val: `*${s.val1}` }] }
+    }),
+    testMappingParams: (s) => {
+      const [o] = M(s);
+      return o === _.ENDS_WITH;
+    },
+    testMappingFilterColumn: (s) => {
+      var c;
+      if (((c = s.customFilters) == null ? void 0 : c.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0], a = o.val.toString();
+      return !o.operator && a.startsWith("*") && !a.endsWith("*") ? { operator1: _.ENDS_WITH, val1: a.slice(1) } : !1;
+    }
+  }, t.EQUALS = {
+    label: "sheets-filter.conditions.equals",
+    operator: _.EQUALS,
+    order: C.FIRST,
+    numOfParameters: 1,
+    getDefaultFormParams: () => ({ operator1: _.EQUALS, val1: "" }),
+    testMappingParams: (s) => {
+      const [o] = M(s);
+      return o === _.EQUALS;
+    },
+    mapToFilterColumn: (s) => {
+      const { val1: o } = s;
+      return o === "" ? null : {
+        customFilters: { customFilters: [{ val: o }] }
+      };
+    },
+    testMappingFilterColumn: (s) => {
+      var o, a, c;
+      return ((a = (o = s.filters) == null ? void 0 : o.filters) == null ? void 0 : a.length) === 1 ? { operator1: _.EQUALS, val1: "" } : ((c = s.customFilters) == null ? void 0 : c.customFilters.length) === 1 && !s.customFilters.customFilters[0].operator ? { operator1: _.EQUALS, val1: s.customFilters.customFilters[0].val.toString() } : !1;
+    }
+  }, t.GREATER_THAN = {
+    label: "sheets-filter.conditions.greater-than",
+    operator: u.GREATER_THAN,
+    numOfParameters: 1,
+    order: C.FIRST,
+    getDefaultFormParams: () => ({ operator1: u.GREATER_THAN, val1: "" }),
+    mapToFilterColumn: (s) => ({
+      customFilters: { customFilters: [{ val: s.val1, operator: u.GREATER_THAN }] }
+    }),
+    testMappingParams: (s) => {
+      const [o] = M(s);
+      return o === u.GREATER_THAN;
+    },
+    testMappingFilterColumn: (s) => {
+      var a;
+      if (((a = s.customFilters) == null ? void 0 : a.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0];
+      return o.operator !== u.GREATER_THAN ? !1 : { operator1: u.GREATER_THAN, val1: o.val.toString() };
+    }
+  }, t.GREATER_THAN_OR_EQUAL = {
+    label: "sheets-filter.conditions.greater-than-or-equal",
+    operator: u.GREATER_THAN_OR_EQUAL,
+    numOfParameters: 1,
+    order: C.FIRST,
+    getDefaultFormParams: () => ({ operator1: u.GREATER_THAN_OR_EQUAL, val1: "" }),
+    testMappingParams: (s) => {
+      const [o] = M(s);
+      return o === u.GREATER_THAN_OR_EQUAL;
+    },
+    mapToFilterColumn: (s) => ({
+      customFilters: { customFilters: [{ val: s.val1, operator: u.GREATER_THAN_OR_EQUAL }] }
+    }),
+    testMappingFilterColumn: (s) => {
+      var a;
+      if (((a = s.customFilters) == null ? void 0 : a.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0];
+      return o.operator !== u.GREATER_THAN_OR_EQUAL ? !1 : { operator1: u.GREATER_THAN_OR_EQUAL, val1: o.val.toString() };
+    }
+  }, t.LESS_THAN = {
+    label: "sheets-filter.conditions.less-than",
+    operator: u.LESS_THAN,
+    numOfParameters: 1,
+    order: C.FIRST,
+    getDefaultFormParams: () => ({ operator1: u.LESS_THAN, val1: "" }),
+    testMappingParams: (s) => {
+      const [o] = M(s);
+      return o === u.LESS_THAN;
+    },
+    mapToFilterColumn: (s) => ({
+      customFilters: { customFilters: [{ val: s.val1, operator: u.LESS_THAN }] }
+    }),
+    testMappingFilterColumn: (s) => {
+      var a;
+      if (((a = s.customFilters) == null ? void 0 : a.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0];
+      return o.operator !== u.LESS_THAN ? !1 : { operator1: u.LESS_THAN, val1: o.val.toString() };
+    }
+  }, t.LESS_THAN_OR_EQUAL = {
+    label: "sheets-filter.conditions.less-than-or-equal",
+    operator: u.LESS_THAN_OR_EQUAL,
+    numOfParameters: 1,
+    order: C.FIRST,
+    getDefaultFormParams: () => ({ operator1: u.LESS_THAN_OR_EQUAL, val1: "" }),
+    testMappingParams: (s) => {
+      const [o] = M(s);
+      return o === u.LESS_THAN_OR_EQUAL;
+    },
+    mapToFilterColumn: (s) => ({
+      customFilters: { customFilters: [{ val: s.val1, operator: u.LESS_THAN_OR_EQUAL }] }
+    }),
+    testMappingFilterColumn: (s) => {
+      var a;
+      if (((a = s.customFilters) == null ? void 0 : a.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0];
+      return o.operator !== u.LESS_THAN_OR_EQUAL ? !1 : { operator1: u.LESS_THAN_OR_EQUAL, val1: o.val.toString() };
+    }
+  }, t.EQUAL = {
+    label: "sheets-filter.conditions.equal",
+    operator: u.EQUAL,
+    numOfParameters: 1,
+    order: C.FIRST,
+    getDefaultFormParams: () => ({ operator1: u.EQUAL, val1: "" }),
+    testMappingParams: (s) => {
+      const [o] = M(s);
+      return o === u.EQUAL;
+    },
+    mapToFilterColumn: (s) => ({
+      customFilters: { customFilters: [{ val: s.val1, operator: u.EQUAL }] }
+    }),
+    testMappingFilterColumn: (s) => {
+      var a;
+      if (((a = s.customFilters) == null ? void 0 : a.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0];
+      return o.operator !== u.EQUAL ? !1 : { operator1: u.EQUAL, val1: o.val.toString() };
+    }
+  }, t.NOT_EQUAL = {
+    label: "sheets-filter.conditions.not-equal",
+    operator: u.NOT_EQUALS,
+    numOfParameters: 1,
+    order: C.FIRST,
+    getDefaultFormParams: () => ({ operator1: u.NOT_EQUALS, val1: "" }),
+    testMappingParams: (s) => {
+      const [o] = M(s);
+      return o === u.NOT_EQUALS;
+    },
+    mapToFilterColumn: (s) => ({
+      customFilters: { customFilters: [{ val: s.val1, operator: u.NOT_EQUALS }] }
+    }),
+    testMappingFilterColumn: (s) => {
+      var a;
+      if (((a = s.customFilters) == null ? void 0 : a.customFilters.length) !== 1)
+        return !1;
+      const o = s.customFilters.customFilters[0];
+      return o.operator !== u.NOT_EQUALS ? !1 : { operator1: u.NOT_EQUALS, val1: o.val.toString() };
+    }
+  }, t.BETWEEN = {
+    label: "sheets-filter.conditions.between",
+    operator: _.BETWEEN,
+    order: C.SECOND,
+    numOfParameters: 2,
+    getDefaultFormParams: () => ({
+      and: !0,
+      operator1: u.GREATER_THAN_OR_EQUAL,
+      val1: "",
+      operator2: u.LESS_THAN_OR_EQUAL,
+      val2: ""
+    }),
+    testMappingParams: (s) => {
+      const { and: o, operator1: a, operator2: c } = s;
+      if (!o) return !1;
+      const h = [a, c];
+      return h.includes(u.GREATER_THAN_OR_EQUAL) && h.includes(u.LESS_THAN_OR_EQUAL);
+    },
+    mapToFilterColumn: (s) => {
+      const { val1: o, val2: a, operator1: c } = s, h = c === u.GREATER_THAN_OR_EQUAL;
+      return {
+        customFilters: {
+          and: st.TRUE,
+          customFilters: [
+            { val: h ? o : a, operator: u.GREATER_THAN_OR_EQUAL },
+            { val: h ? a : o, operator: u.LESS_THAN_OR_EQUAL }
+          ]
+        }
+      };
+    },
+    testMappingFilterColumn: (s) => {
+      var c;
+      if (((c = s.customFilters) == null ? void 0 : c.customFilters.length) !== 2)
+        return !1;
+      const [o, a] = s.customFilters.customFilters;
+      return o.operator === u.GREATER_THAN_OR_EQUAL && a.operator === u.LESS_THAN_OR_EQUAL && s.customFilters.and ? {
+        and: !0,
+        operator1: u.GREATER_THAN_OR_EQUAL,
+        val1: o.val.toString(),
+        operator2: u.LESS_THAN_OR_EQUAL,
+        val2: a.val.toString()
+      } : a.operator === u.GREATER_THAN_OR_EQUAL && o.operator === u.LESS_THAN_OR_EQUAL && s.customFilters.and ? {
+        and: !0,
+        operator1: u.GREATER_THAN_OR_EQUAL,
+        val1: a.val.toString(),
+        operator2: u.LESS_THAN_OR_EQUAL,
+        val2: o.val.toLocaleString()
+      } : !1;
+    }
+  }, t.NOT_BETWEEN = {
+    label: "sheets-filter.conditions.not-between",
+    operator: _.NOT_BETWEEN,
+    order: C.SECOND,
+    numOfParameters: 2,
+    getDefaultFormParams: () => ({
+      operator1: u.LESS_THAN,
+      val1: "",
+      operator2: u.GREATER_THAN,
+      val2: ""
+    }),
+    testMappingParams: (s) => {
+      const { and: o, operator1: a, operator2: c } = s;
+      if (o) return !1;
+      const h = [a, c];
+      return h.includes(u.GREATER_THAN) && h.includes(u.LESS_THAN);
+    },
+    mapToFilterColumn: (s) => {
+      const { val1: o, val2: a, operator1: c } = s, h = c === u.GREATER_THAN;
+      return {
+        customFilters: {
+          customFilters: [
+            { val: h ? o : a, operator: u.GREATER_THAN },
+            { val: h ? a : o, operator: u.LESS_THAN }
+          ]
+        }
+      };
+    },
+    testMappingFilterColumn: (s) => {
+      var c;
+      if (((c = s.customFilters) == null ? void 0 : c.customFilters.length) !== 2)
+        return !1;
+      const [o, a] = s.customFilters.customFilters;
+      return o.operator === u.LESS_THAN && a.operator === u.GREATER_THAN && !s.customFilters.and ? {
+        operator1: u.LESS_THAN,
+        val1: o.val.toString(),
+        operator2: u.GREATER_THAN,
+        val2: a.val.toString()
+      } : a.operator === u.LESS_THAN && o.operator === u.GREATER_THAN && !s.customFilters.and ? {
+        operator1: u.GREATER_THAN,
+        val1: a.val.toString(),
+        operator2: u.LESS_THAN,
+        val2: o.val.toLocaleString()
+      } : !1;
+    }
+  }, t.CUSTOM = {
+    label: "sheets-filter.conditions.custom",
+    operator: _.CUSTOM,
+    order: C.SECOND,
+    numOfParameters: 2,
+    getDefaultFormParams: () => ({
+      operator1: _.NONE,
+      val1: "",
+      operator2: _.NONE,
+      val2: ""
+    }),
+    testMappingParams: () => !0,
+    mapToFilterColumn: (s) => {
+      const { and: o, val1: a, val2: c, operator1: h, operator2: d } = s;
+      function v(I, y) {
+        for (const $ of t.ALL_CONDITIONS)
+          if ($.operator === I)
+            return $.mapToFilterColumn({ val1: y, operator1: I });
+      }
+      const p = !h || h === t.NONE.operator, T = !d || d === t.NONE.operator;
+      if (p && T)
+        return t.NONE.mapToFilterColumn({});
+      if (p)
+        return v(d, c);
+      if (T)
+        return v(h, a);
+      const g = v(h, a), N = v(d, c), F = {
+        customFilters: [
+          g.customFilters.customFilters[0],
+          N.customFilters.customFilters[0]
+        ]
+      };
+      return o && (F.and = st.TRUE), { customFilters: F };
+    },
+    testMappingFilterColumn: (s) => {
+      var c;
+      if (((c = s.customFilters) == null ? void 0 : c.customFilters.length) !== 2)
+        return !1;
+      const o = s.customFilters.customFilters.map((h) => l({ customFilters: { customFilters: [h] } })), a = {
+        operator1: o[0][0].operator,
+        val1: o[0][1].val1,
+        operator2: o[1][0].operator,
+        val2: o[1][1].val1
+      };
+      return s.customFilters.and && (a.and = !0), a;
+    }
+  }, t.ALL_CONDITIONS = [
+    // ------------------------------
+    t.NONE,
+    // ------------------------------
+    t.EMPTY,
+    t.NOT_EMPTY,
+    // ------------------------------
+    t.TEXT_CONTAINS,
+    t.DOES_NOT_CONTAIN,
+    t.STARTS_WITH,
+    t.ENDS_WITH,
+    t.EQUALS,
+    // ------------------------------
+    t.GREATER_THAN,
+    t.GREATER_THAN_OR_EQUAL,
+    t.LESS_THAN,
+    t.LESS_THAN_OR_EQUAL,
+    t.EQUAL,
+    t.NOT_EQUAL,
+    t.BETWEEN,
+    t.NOT_BETWEEN,
+    // ------------------------------
+    t.CUSTOM
+  ];
+  function e(s) {
+    const o = t.ALL_CONDITIONS.find((a) => a.operator === s);
+    if (!o)
+      throw new Error(`[SheetsFilter]: no condition item found for operator: ${s}`);
+    return o;
+  }
+  t.getItemByOperator = e;
+  function r(s, o) {
+    for (const a of t.ALL_CONDITIONS.filter((c) => c.numOfParameters === o))
+      if (a.numOfParameters !== 0 && a.testMappingParams(s))
+        return a;
+    for (const a of t.ALL_CONDITIONS)
+      if (a.testMappingParams(s))
+        return a;
+    throw new Error("[SheetsFilter]: no condition item can be mapped from the filter map params!");
+  }
+  t.testMappingParams = r;
+  function i(s) {
+    const o = t.ALL_CONDITIONS.find((a) => a.operator === s);
+    return (o == null ? void 0 : o.numOfParameters) === 0 ? { operator1: o.operator } : o.getDefaultFormParams();
+  }
+  t.getInitialFormParams = i;
+  function n(s, o) {
+    return s.mapToFilterColumn(o);
+  }
+  t.mapToFilterColumn = n;
+  function l(s) {
+    if (!s)
+      return [t.NONE, {}];
+    for (const o of t.ALL_CONDITIONS) {
+      const a = o.testMappingFilterColumn(s);
+      if (a)
+        return [o, a];
+    }
+    return [t.NONE, {}];
+  }
+  t.testMappingFilterColumn = l;
+})(m || (m = {}));
+function M(t) {
+  const { operator1: e, operator2: r, val1: i, val2: n } = t;
+  if (e && r)
+    throw new Error("Both operator1 and operator2 are set!");
+  if (!e && !r)
+    throw new Error("Neither operator1 and operator2 and both not set!");
+  return e ? [e, i] : [r, n];
+}
+function Ve(t) {
+  const e = [], r = [];
+  let i = 0, n = 0;
+  function l(s) {
+    s.leaf && (s.checked ? (e.push(s), i += s.count) : (r.push(s), n += s.count)), s.children && s.children.forEach(l);
+  }
+  return t.forEach(l), {
+    checkedItems: e,
+    uncheckedItems: r,
+    checked: i,
+    unchecked: n
+  };
+}
+var Zr = Object.getOwnPropertyDescriptor, zr = (t, e, r, i) => {
+  for (var n = i > 1 ? void 0 : i ? Zr(e, r) : e, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (n = s(n) || n);
+  return n;
+}, De = (t, e) => (r, i) => e(r, i, t);
+const et = "sheets-filter.generate-filter-values.service", Ne = gt(et), Jr = ["yyyy-mm-dd", "yyyy-mm-dd;@", "yyyy/mm/dd;@", "yyyy/mm/dd hh:mm", "yyyy-m-d am/pm h:mm", "yyyy-MM-dd", "yyyy/MM/dd", "yyyy/mm/dd", 'yyyy"年"MM"月"dd"日"', "MM-dd", 'M"月"d"日"', "MM-dd A/P hh:mm"];
+let We = class extends pe {
+  constructor(t, e, r) {
+    super(), this._localeService = t, this._univerInstanceService = e, this._logService = r;
+  }
+  async getFilterValues(t) {
+    var h;
+    const { unitId: e, subUnitId: r, filteredOutRowsByOtherColumns: i, filters: n, blankChecked: l, iterateRange: s, alreadyChecked: o } = t, a = this._univerInstanceService.getUnit(e), c = (h = this._univerInstanceService.getUnit(e)) == null ? void 0 : h.getSheetBySheetId(r);
+    return !a || !c ? [] : (this._logService.debug("[SheetsGenerateFilterValuesService]", "getFilterValues for", { unitId: e, subUnitId: r }), $t(n, this._localeService, s, c, new Set(i), new Set(o.map(String)), l, a.getStyles()));
+  }
+};
+We = zr([
+  De(0, E(X)),
+  De(1, je),
+  De(2, qt)
+], We);
+function $t(t, e, r, i, n, l, s, o) {
+  var g, N, F, I, y, $, w, ge, ve;
+  const a = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), h = "yyyy-mm-dd", d = new Set(Jr), v = "empty";
+  let p = 0;
+  for (const R of i.iterateByColumn(r, !1, !1)) {
+    const { row: xt, rowSpan: rt = 1 } = R;
+    let J = 0;
+    for (; J < rt; ) {
+      const Qt = xt + J;
+      if (n.has(Qt)) {
+        J++;
+        continue;
+      }
+      const j = R != null && R.value ? Kt(R.value) : "";
+      if (!j) {
+        p += 1, J += rt;
+        continue;
+      }
+      const Se = (g = R.value) != null && g.v && !R.value.p ? (I = (F = o.get((N = R.value) == null ? void 0 : N.s)) == null ? void 0 : F.n) == null ? void 0 : I.pattern : "", Gt = Se && it.isDate(Se);
+      if (Se && Gt && d.has(Se)) {
+        const B = (y = i.getCellRaw(R.row, R.col)) == null ? void 0 : y.v;
+        if (!B) {
+          J++;
+          continue;
+        }
+        const ee = it.format(h, B), [P, U, ae] = ee.split("-").map(Number);
+        let Y = a.get(`${P}`);
+        Y || (Y = {
+          title: `${P}`,
+          key: `${P}`,
+          children: [],
+          count: 0,
+          leaf: !1,
+          checked: !1
+        }, a.set(`${P}`, Y), c.set(`${P}`, [`${P}`]));
+        let H = ($ = Y.children) == null ? void 0 : $.find((Ue) => Ue.key === `${P}-${U}`);
+        H || (H = {
+          title: e.t(`sheets-filter.date.${U}`),
+          key: `${P}-${U}`,
+          children: [],
+          count: 0,
+          leaf: !1,
+          checked: !1
+        }, (w = Y.children) == null || w.push(H), c.set(`${P}-${U}`, [`${P}`, `${P}-${U}`]));
+        const we = (ge = H == null ? void 0 : H.children) == null ? void 0 : ge.find((Ue) => Ue.key === `${P}-${U}-${ae}`);
+        we ? (we.originValues.add(j), we.count++, H.count++, Y.count++) : ((ve = H.children) == null || ve.push({
+          title: `${ae}`,
+          key: `${P}-${U}-${ae}`,
+          count: 1,
+          originValues: /* @__PURE__ */ new Set([j]),
+          leaf: !0,
+          checked: l.size ? l.has(j) : !s
+        }), H.count++, Y.count++, c.set(`${P}-${U}-${ae}`, [`${P}`, `${P}-${U}`, `${P}-${U}-${ae}`]));
+      } else {
+        const B = j;
+        let ee = a.get(B);
+        ee ? ee.count++ : (ee = {
+          title: j,
+          leaf: !0,
+          checked: l.size ? l.has(j) : !s,
+          key: B,
+          count: 1
+        }, a.set(B, ee), c.set(B, [B]));
+      }
+      J++;
+    }
+  }
+  const T = t ? s : !0;
+  if (p > 0) {
+    const R = {
+      title: e.t("sheets-filter.panel.empty"),
+      count: p,
+      leaf: !0,
+      checked: T,
+      key: v
+    };
+    a.set("empty", R), c.set("empty", [v]);
+  }
+  return {
+    filterTreeItems: es(Array.from(a.values())),
+    filterTreeMapCache: c
+  };
+}
+function es(t) {
+  return Array.from(t).sort((e, r) => e.children && !r.children ? -1 : !e.children && r.children ? 1 : ts(e.title, r.title)).map((e) => (e.children && e.children.sort((r, i) => {
+    const n = Number.parseInt(r.key.split("-")[1], 10), l = Number.parseInt(i.key.split("-")[1], 10);
+    return n - l;
+  }).forEach((r) => {
+    r.children && r.children.sort((i, n) => {
+      const l = Number.parseInt(i.key.split("-")[2], 10), s = Number.parseInt(n.key.split("-")[2], 10);
+      return l - s;
+    });
+  }), e));
+}
+const ut = (t) => !Number.isNaN(Number(t)) && !Number.isNaN(Number.parseFloat(t));
+function ts(t, e) {
+  const r = ut(t), i = ut(e);
+  return r && i ? Number.parseFloat(t) - Number.parseFloat(e) : r && !i ? -1 : !r && i ? 1 : t.localeCompare(e);
+}
+function xe(t, e) {
+  for (const r of t) {
+    if (r.key === e)
+      return r;
+    if (r.children) {
+      const i = xe(r.children, e);
+      if (i)
+        return i;
+    }
+  }
+  return null;
+}
+function wt(t) {
+  return t.leaf ? t.checked : t.children ? t.children.every((e) => wt(e)) : !0;
+}
+function he(t, e) {
+  t.leaf && (e !== void 0 ? t.checked = e : t.checked = !t.checked), t.children && t.children.forEach((r) => he(r, e));
+}
+function Ut(t, e) {
+  const r = [];
+  return t.forEach((i) => {
+    const n = i.originValues ? e.some(
+      (o) => Array.from(i.originValues).some(
+        (a) => a.toLowerCase().includes(o.toLowerCase())
+      )
+    ) : !1, l = !n && e.some(
+      (o) => i.title.toLowerCase().includes(o.toLowerCase())
+    );
+    if (n || l)
+      r.push({ ...i });
+    else if (i.children) {
+      const o = Ut(i.children, e);
+      if (o.length > 0) {
+        const a = o.reduce((c, h) => c + h.count, 0);
+        r.push({ ...i, count: a, children: o });
+      }
+    }
+  }), r;
+}
+var rs = Object.getOwnPropertyDescriptor, tt = (t, e, r, i) => {
+  for (var n = i > 1 ? void 0 : i ? rs(e, r) : e, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (n = s(n) || n);
+  return n;
+}, Pe = (t, e) => (r, i) => e(r, i, t), ye = /* @__PURE__ */ ((t) => (t[t.VALUES = 0] = "VALUES", t[t.CONDITIONS = 1] = "CONDITIONS", t))(ye || {});
+gt("sheets-filter-ui.sheets-filter-panel.service");
+let x = class extends pe {
+  constructor(e, r) {
+    super();
+    f(this, "_filterBy$", new K(
+      0
+      /* VALUES */
+    ));
+    f(this, "filterBy$", this._filterBy$.asObservable());
+    f(this, "_filterByModel$", new Ur(1));
+    f(this, "filterByModel$", this._filterByModel$.asObservable());
+    f(this, "_filterByModel", null);
+    f(this, "_hasCriteria$", new K(!1));
+    f(this, "hasCriteria$", this._hasCriteria$.asObservable());
+    f(this, "_filterModel", null);
+    f(this, "_col$", new K(-1));
+    f(this, "col$", this._col$.asObservable());
+    f(this, "_filterHeaderListener", null);
+    this._injector = e, this._refRangeService = r;
+  }
+  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();
+  }
+  dispose() {
+    this._filterBy$.complete(), this._filterByModel$.complete(), this._hasCriteria$.complete();
+  }
+  setupCol(e, r) {
+    this.terminate(), this._filterModel = e, this._col$.next(r);
+    const i = e.getFilterColumn(r);
+    if (i) {
+      const n = i.getColumnData();
+      if (n.customFilters) {
+        this._hasCriteria$.next(!0), this._setupByConditions(e, r);
+        return;
+      }
+      if (n.filters) {
+        this._hasCriteria$.next(!0), this._setupByValues(e, r);
+        return;
+      }
+      this._hasCriteria$.next(!1), this._setupByValues(e, r);
+      return;
+    }
+    this._hasCriteria$.next(!1), this._setupByValues(e, r);
+  }
+  changeFilterBy(e) {
+    return !this._filterModel || this.col === -1 ? !1 : (e === 0 ? this._setupByValues(this._filterModel, this.col) : this._setupByConditions(this._filterModel, this.col), !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, r) {
+    this._disposeFilterHeaderChangeListener();
+    const i = e.unitId, n = e.subUnitId, l = e.getRange(), s = {
+      startColumn: r,
+      startRow: l.startRow,
+      endRow: l.startRow,
+      endColumn: r
+    };
+    this._filterHeaderListener = this._refRangeService.watchRange(i, n, s, (o, a) => {
+      if (!a)
+        this.terminate();
+      else {
+        const c = a.startColumn - o.startColumn;
+        c !== 0 && this._filterByModel.deltaCol(c);
+      }
+    });
+  }
+  async _setupByValues(e, r) {
+    this._disposePreviousModel();
+    const i = e.getRange();
+    if (i.startRow === i.endRow) return !1;
+    const n = await Ie.fromFilterColumn(
+      this._injector,
+      e,
+      r
+    );
+    return this.filterByModel = n, this._filterBy$.next(
+      0
+      /* VALUES */
+    ), this._listenToFilterHeaderChange(e, r), !0;
+  }
+  _setupByConditions(e, r) {
+    this._disposePreviousModel();
+    const i = e.getRange();
+    if (i.startRow === i.endRow) return !1;
+    const n = Oe.fromFilterColumn(
+      this._injector,
+      e,
+      r,
+      e.getFilterColumn(r)
+    );
+    return this.filterByModel = n, this._filterBy$.next(
+      1
+      /* CONDITIONS */
+    ), this._listenToFilterHeaderChange(e, r), !0;
+  }
+  _disposePreviousModel() {
+    var e;
+    (e = this._filterByModel) == null || e.dispose(), this.filterByModel = null;
+  }
+};
+x = tt([
+  Pe(0, E(Z)),
+  Pe(1, E(lr))
+], x);
+let Oe = class extends pe {
+  constructor(e, r, i, n, l) {
+    super();
+    f(this, "canApply$", _e(!0));
+    f(this, "_conditionItem$");
+    f(this, "conditionItem$");
+    f(this, "_filterConditionFormParams$");
+    f(this, "filterConditionFormParams$");
+    this._filterModel = e, this.col = r, this._commandService = l, this._conditionItem$ = new K(i), this.conditionItem$ = this._conditionItem$.asObservable(), this._filterConditionFormParams$ = new K(n), this.filterConditionFormParams$ = this._filterConditionFormParams$.asObservable();
+  }
+  /**
+   * 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(e, r, i, n) {
+    const [l, s] = m.testMappingFilterColumn(n == null ? void 0 : n.getColumnData());
+    return e.createInstance(Oe, r, i, l, s);
+  }
+  get conditionItem() {
+    return this._conditionItem$.getValue();
+  }
+  get filterConditionFormParams() {
+    return this._filterConditionFormParams$.getValue();
+  }
+  dispose() {
+    super.dispose(), this._conditionItem$.complete(), this._filterConditionFormParams$.complete();
+  }
+  deltaCol(e) {
+    this.col += e;
+  }
+  clear() {
+    return this._disposed ? Promise.resolve(!1) : this._commandService.executeCommand(se.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 !1;
+    const e = m.mapToFilterColumn(this.conditionItem, this.filterConditionFormParams);
+    return this._commandService.executeCommand(se.id, {
+      unitId: this._filterModel.unitId,
+      subUnitId: this._filterModel.subUnitId,
+      col: this.col,
+      criteria: e
+    });
+  }
+  /**
+   * 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(e) {
+    const r = m.ALL_CONDITIONS.find((i) => i.operator === e);
+    if (!r)
+      throw new Error(`[ByConditionsModel]: condition item not found for operator: ${e}!`);
+    this._conditionItem$.next(r), this._filterConditionFormParams$.next(m.getInitialFormParams(e));
+  }
+  /**
+   * 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(e) {
+    const r = { ...this.filterConditionFormParams, ...e };
+    if (r.and !== !0 && delete r.and, typeof e.and < "u" || typeof e.operator1 < "u" || typeof e.operator2 < "u") {
+      const i = m.testMappingParams(r, this.conditionItem.numOfParameters);
+      this._conditionItem$.next(i);
+    }
+    this._filterConditionFormParams$.next(r);
+  }
+};
+Oe = tt([
+  Pe(4, Q)
+], Oe);
+let Ie = class extends pe {
+  constructor(e, r, i, n, l) {
+    super();
+    f(this, "_rawFilterItems$");
+    f(this, "rawFilterItems$");
+    f(this, "filterItems$");
+    f(this, "_filterItems", []);
+    f(this, "_treeMapCache");
+    f(this, "canApply$");
+    f(this, "_manuallyUpdateFilterItems$");
+    f(this, "_searchString$");
+    f(this, "searchString$");
+    this._filterModel = e, this.col = r, this._commandService = l, this._treeMapCache = n, this._searchString$ = new K(""), this.searchString$ = this._searchString$.asObservable(), this._rawFilterItems$ = new K(i), this.rawFilterItems$ = this._rawFilterItems$.asObservable(), this._manuallyUpdateFilterItems$ = new Hr(), this.filterItems$ = Dr(
+      kr([
+        this._searchString$.pipe(
+          Ot(500, void 0, { leading: !0, trailing: !0 }),
+          It(void 0)
+        ),
+        this._rawFilterItems$
+      ]).pipe(
+        ie(([s, o]) => {
+          if (!s) return o;
+          const c = s.toLowerCase().split(/\s+/).filter((h) => !!h);
+          return Ut(o, c);
+        })
+      ),
+      this._manuallyUpdateFilterItems$
+    ).pipe(Br(1)), this.canApply$ = this.filterItems$.pipe(ie((s) => Ve(s).checked > 0)), this.disposeWithMe(this.filterItems$.subscribe((s) => this._filterItems = s));
+  }
+  /**
+   * 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(e, r, i) {
+    var $;
+    const n = e.get(je), l = e.get(X), s = e.get(Ne, vt.OPTIONAL), { unitId: o, subUnitId: a } = r, c = n.getUniverSheetInstance(o);
+    if (!c) throw new Error(`[ByValuesModel]: Workbook not found for filter model with unitId: ${o}!`);
+    const h = c == null ? void 0 : c.getSheetBySheetId(a);
+    if (!h) throw new Error(`[ByValuesModel]: Worksheet not found for filter model with unitId: ${o} and subUnitId: ${a}!`);
+    const d = r.getRange(), v = i, p = ($ = r.getFilterColumn(i)) == null ? void 0 : $.getColumnData().filters, T = new Set(p == null ? void 0 : p.filters), g = !!(p && p.blank), N = r.getFilteredOutRowsExceptCol(i), F = { ...d, startRow: d.startRow + 1, startColumn: v, endColumn: v };
+    let I, y;
+    if (s) {
+      const w = await s.getFilterValues({
+        unitId: o,
+        subUnitId: a,
+        filteredOutRowsByOtherColumns: Array.from(N),
+        filters: !!p,
+        blankChecked: g,
+        iterateRange: F,
+        alreadyChecked: Array.from(T)
+      });
+      I = w.filterTreeItems, y = w.filterTreeMapCache;
+    } else {
+      const w = $t(!!p, l, F, h, N, T, g, c.getStyles());
+      I = w.filterTreeItems, y = w.filterTreeMapCache;
+    }
+    return e.createInstance(Ie, r, i, I, y);
+  }
+  get rawFilterItems() {
+    return this._rawFilterItems$.getValue();
+  }
+  get filterItems() {
+    return this._filterItems;
+  }
+  get treeMapCache() {
+    return this._treeMapCache;
+  }
+  dispose() {
+    this._rawFilterItems$.complete(), this._searchString$.complete();
+  }
+  deltaCol(e) {
+    this.col += e;
+  }
+  setSearchString(e) {
+    this._searchString$.next(e);
+  }
+  onCheckAllToggled(e) {
+    const r = Fe.deepClone(this._filterItems);
+    r.forEach((i) => he(i, e)), this._manuallyUpdateFilterItems(r);
+  }
+  /**
+   * Toggle a filter item.
+   */
+  onFilterCheckToggled(e) {
+    const r = Fe.deepClone(this._filterItems), i = xe(r, e.key);
+    if (!i)
+      return;
+    const n = wt(i);
+    he(i, !n), this._manuallyUpdateFilterItems(r);
+  }
+  onFilterOnly(e) {
+    const r = Fe.deepClone(this._filterItems);
+    r.forEach((i) => he(i, !1)), e.forEach((i) => {
+      const n = xe(r, i);
+      n && he(n, !0);
+    }), this._manuallyUpdateFilterItems(r);
+  }
+  _manuallyUpdateFilterItems(e) {
+    this._manuallyUpdateFilterItems$.next(e);
+  }
+  // expose method here to let the panel change filter items
+  // #region ByValuesModel apply methods
+  clear() {
+    return this._disposed ? Promise.resolve(!1) : this._commandService.executeCommand(se.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 !1;
+    const e = Ve(this._filterItems), { checked: r, checkedItems: i } = e, n = this.rawFilterItems;
+    let l = 0;
+    for (const c of n)
+      l += c.count;
+    const s = r === 0, o = e.checked === l, a = { colId: this.col };
+    if (s)
+      throw new Error("[ByValuesModel]: no checked items!");
+    if (o)
+      return this._commandService.executeCommand(se.id, {
+        unitId: this._filterModel.unitId,
+        subUnitId: this._filterModel.subUnitId,
+        col: this.col,
+        criteria: null
+      });
+    {
+      a.filters = {};
+      const c = i.filter((d) => d.key !== "empty");
+      c.length > 0 && (a.filters = {
+        filters: c.flatMap((d) => d.originValues ? Array.from(d.originValues) : [d.title])
+      }), c.length !== i.length && (a.filters.blank = !0);
+    }
+    return this._commandService.executeCommand(se.id, {
+      unitId: this._filterModel.unitId,
+      subUnitId: this._filterModel.subUnitId,
+      col: this.col,
+      criteria: a
+    });
+  }
+  // #endregion
+};
+Ie = tt([
+  Pe(4, Q)
+], Ie);
+const ne = "FILTER_PANEL_OPENED", Re = {
+  id: "sheet.operation.open-filter-panel",
+  type: Me.OPERATION,
+  handler: (t, e) => {
+    const r = t.get($e), i = t.get(G), n = t.get(x);
+    t.get(Q).syncExecuteCommand(Pr.id, { visible: !1 });
+    const { unitId: s, subUnitId: o, col: a } = e, c = i.getFilterModel(s, o);
+    return c ? (n.setupCol(c, a), r.getContextValue(ne) || r.setContextValue(ne, !0), !0) : !1;
+  }
+}, me = {
+  id: "sheet.operation.close-filter-panel",
+  type: Me.OPERATION,
+  handler: (t) => {
+    const e = t.get($e), r = t.get(x), i = t.get(_r, vt.OPTIONAL);
+    return e.getContextValue(ne) ? (e.setContextValue(ne, !1), i == null || i.focus(), r.terminate()) : !1;
+  }
+}, Ht = {
+  id: "sheet.operation.apply-filter",
+  type: Me.OPERATION,
+  handler: (t, e) => {
+    const { filterBy: r } = e;
+    return t.get(x).changeFilterBy(r);
+  }
+};
+var ss = Object.getOwnPropertyDescriptor, is = (t, e, r, i) => {
+  for (var n = i > 1 ? void 0 : i ? ss(e, r) : e, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (n = s(n) || n);
+  return n;
+}, te = (t, e) => (r, i) => e(r, i, t);
+let oe = class extends pe {
+  constructor(t, e, r, i, n, l) {
+    super(), this._sheetsFilterService = t, this._localeService = e, this._commandService = r, this._sheetPermissionCheckPermission = i, this._injector = n, this._sheetsSelectionService = l, this._commandExecutedListener();
+  }
+  _commandExecutedListener() {
+    this.disposeWithMe(
+      this._commandService.beforeCommandExecuted((t) => {
+        var e, r, i;
+        if (t.id === fe.id) {
+          const n = this._injector.get(je), l = hr(n);
+          if (!l) return;
+          const { unitId: s, subUnitId: o, worksheet: a } = l, c = (e = this._sheetsFilterService.getFilterModel(s, o)) == null ? void 0 : e.getRange();
+          let h;
+          if (c)
+            h = this._sheetPermissionCheckPermission.permissionCheckWithRanges({
+              rangeTypes: [ue],
+              worksheetTypes: [le, ce]
+            }, [c]);
+          else {
+            const d = (r = this._sheetsSelectionService.getCurrentLastSelection()) == null ? void 0 : r.range;
+            if (d) {
+              let v = { ...d };
+              v = d.startColumn === d.endColumn && d.startRow === d.endRow ? mr(v, { left: !0, right: !0, up: !0, down: !0 }, a) : v, h = this._sheetPermissionCheckPermission.permissionCheckWithRanges({
+                rangeTypes: [ue],
+                worksheetTypes: [ce, le]
+              }, [v], s, o);
+            } else
+              h = this._sheetPermissionCheckPermission.permissionCheckWithoutRange({
+                rangeTypes: [ue],
+                worksheetTypes: [ce, le]
+              });
+          }
+          h || this._sheetPermissionCheckPermission.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.filterErr"));
+        }
+        if (t.id === Re.id) {
+          const n = t.params, { unitId: l, subUnitId: s } = n, o = (i = this._sheetsFilterService.getFilterModel(l, s)) == null ? void 0 : i.getRange(), a = Fe.deepClone(o);
+          a && (a.startColumn = n.col, a.endColumn = n.col, this._sheetPermissionCheckPermission.permissionCheckWithRanges({
+            rangeTypes: [ue],
+            worksheetTypes: [le, ce]
+          }, [a]) || this._sheetPermissionCheckPermission.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.filterErr")));
+        }
+      })
+    );
+  }
+};
+oe = is([
+  te(0, E(G)),
+  te(1, E(X)),
+  te(2, Q),
+  te(3, E(cr)),
+  te(4, E(Z)),
+  te(5, E(ur))
+], oe);
+var b = function() {
+  return b = Object.assign || function(t) {
+    for (var e, r = 1, i = arguments.length; r < i; r++) {
+      e = arguments[r];
+      for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);
+    }
+    return t;
+  }, b.apply(this, arguments);
+}, ns = function(t, e) {
+  var r = {};
+  for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && e.indexOf(i) < 0 && (r[i] = t[i]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, i = Object.getOwnPropertySymbols(t); n < i.length; n++)
+      e.indexOf(i[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, i[n]) && (r[i[n]] = t[i[n]]);
+  return r;
+}, Dt = bt(function(t, e) {
+  var r = t.icon, i = t.id, n = t.className, l = t.extend, s = ns(t, ["icon", "id", "className", "extend"]), o = "univerjs-icon univerjs-icon-".concat(i, " ").concat(n || "").trim(), a = Xr("_".concat(ls()));
+  return kt(r, "".concat(i), { defIds: r.defIds, idSuffix: a.current }, b({ ref: e, className: o }, s), l);
+});
+function kt(t, e, r, i, n) {
+  return Lt(t.tag, b(b({ key: e }, os(t, r, n)), i), (as(t, r).children || []).map(function(l, s) {
+    return kt(l, "".concat(e, "-").concat(t.tag, "-").concat(s), r, void 0, n);
+  }));
+}
+function os(t, e, r) {
+  var i = b({}, t.attrs);
+  r != null && r.colorChannel1 && i.fill === "colorChannel1" && (i.fill = r.colorChannel1), t.tag === "mask" && i.id && (i.id = i.id + e.idSuffix), Object.entries(i).forEach(function(l) {
+    var s = l[0], o = l[1];
+    s === "mask" && typeof o == "string" && (i[s] = o.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  });
+  var n = e.defIds;
+  return !n || n.length === 0 || (t.tag === "use" && i["xlink:href"] && (i["xlink:href"] = i["xlink:href"] + e.idSuffix), Object.entries(i).forEach(function(l) {
+    var s = l[0], o = l[1];
+    typeof o == "string" && (i[s] = o.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), i;
+}
+function as(t, e) {
+  var r, i = e.defIds;
+  return !i || i.length === 0 ? t : t.tag === "defs" && (!((r = t.children) === null || r === void 0) && r.length) ? b(b({}, t), { children: t.children.map(function(n) {
+    return typeof n.attrs.id == "string" && i && i.indexOf(n.attrs.id) > -1 ? b(b({}, n), { attrs: b(b({}, n.attrs), { id: n.attrs.id + e.idSuffix }) }) : n;
+  }) }) : t;
+}
+function ls() {
+  return Math.random().toString(36).substring(2, 8);
+}
+Dt.displayName = "UniverIcon";
+var cs = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.32182 2.60967C2.98161 2.60967 2.79671 3.0074 3.01601 3.2675L6.85819 7.8246C6.94943 7.93282 6.99947 8.06981 6.99947 8.21136V12.7338C6.99947 12.898 7.0998 13.0455 7.2525 13.1058L8.73833 13.6928C9.00085 13.7965 9.28531 13.6031 9.28531 13.3208V8.21136C9.28531 8.06981 9.33535 7.93282 9.42659 7.8246L13.2688 3.2675C13.4881 3.0074 13.3032 2.60967 12.963 2.60967H3.32182ZM2.09858 4.04101C1.22139 3.0006 1.96097 1.40967 3.32182 1.40967H12.963C14.3238 1.40967 15.0634 3.0006 14.1862 4.04101L10.4853 8.43054V13.3208C10.4853 14.4498 9.34747 15.2237 8.29742 14.8089L6.81158 14.2219C6.20078 13.9806 5.79947 13.3905 5.79947 12.7338V8.43054L2.09858 4.04101Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Bt = bt(function(t, e) {
+  return Lt(Dt, Object.assign({}, t, {
+    id: "filter-single",
+    ref: e,
+    icon: cs
+  }));
+});
+Bt.displayName = "FilterSingle";
+const us = "univer-sheets-filter-panel", hs = "univer-sheets-filter-panel-header", ms = "univer-sheets-filter-panel-content", ds = "univer-sheets-filter-panel-values-container", ps = "univer-sheets-filter-panel-values-virtual", fs = "univer-sheets-filter-panel-values-item", _s = "univer-sheets-filter-panel-values-item-inner", gs = "univer-sheets-filter-panel-values-item-count", vs = "univer-sheets-filter-panel-values-item-text", Ss = "univer-sheets-filter-panel-conditions-container", Es = "univer-sheets-filter-panel-conditions-container-inner", Ts = "univer-sheets-filter-panel-conditions-desc", Fs = "univer-sheets-filter-panel-footer", Cs = "univer-sheets-filter-panel-footer-primary-buttons", O = {
+  sheetsFilterPanel: us,
+  sheetsFilterPanelHeader: hs,
+  sheetsFilterPanelContent: ms,
+  sheetsFilterPanelValuesContainer: ds,
+  sheetsFilterPanelValuesVirtual: ps,
+  sheetsFilterPanelValuesItem: fs,
+  sheetsFilterPanelValuesItemInner: _s,
+  sheetsFilterPanelValuesItemCount: gs,
+  sheetsFilterPanelValuesItemText: vs,
+  sheetsFilterPanelConditionsContainer: Ss,
+  sheetsFilterPanelConditionsContainerInner: Es,
+  sheetsFilterPanelConditionsDesc: Ts,
+  sheetsFilterPanelFooter: Fs,
+  sheetsFilterPanelFooterPrimaryButtons: Cs
+};
+function Ns(t) {
+  var p, T;
+  const { model: e } = t, r = re(X), i = W(e.conditionItem$, void 0), n = W(e.filterConditionFormParams$, void 0), l = n != null && n.and ? "AND" : "OR", s = k((g) => {
+    e.onConditionFormChange({ and: g === "AND" });
+  }, [e]), o = Ps(r), a = k((g) => {
+    e.onPrimaryConditionChange(g);
+  }, [e]), c = ys(r), h = k((g) => {
+    e.onConditionFormChange(g);
+  }, [e]), d = r.t("sheets-filter.panel.input-values-placeholder");
+  function v(g, N, F) {
+    const I = m.getItemByOperator(g).numOfParameters === 1;
+    return /* @__PURE__ */ L(ct, { children: [
+      F === "operator2" && /* @__PURE__ */ L(Qr, { value: l, onChange: s, children: [
+        /* @__PURE__ */ S(at, { value: "AND", children: r.t("sheets-filter.panel.and") }),
+        /* @__PURE__ */ S(at, { value: "OR", children: r.t("sheets-filter.panel.or") })
+      ] }),
+      /* @__PURE__ */ S(ot, { value: g, options: c, onChange: (y) => h({ [F]: y }) }),
+      I && /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S(Rt, { value: N, placeholder: d, onChange: (y) => h({ [F === "operator1" ? "val1" : "val2"]: y }) }) })
+    ] });
+  }
+  return /* @__PURE__ */ S("div", { className: O.sheetsFilterPanelConditionsContainer, children: i && n && /* @__PURE__ */ L(ct, { children: [
+    /* @__PURE__ */ S(ot, { value: i.operator, options: o, onChange: a }),
+    m.getItemByOperator(i.operator).numOfParameters !== 0 ? /* @__PURE__ */ L("div", { className: O.sheetsFilterPanelConditionsContainerInner, children: [
+      i.numOfParameters >= 1 && v(n.operator1, (p = n.val1) != null ? p : "", "operator1"),
+      i.numOfParameters >= 2 && v(n.operator2, (T = n.val2) != null ? T : "", "operator2"),
+      /* @__PURE__ */ L("div", { className: O.sheetsFilterPanelConditionsDesc, children: [
+        r.t("sheets-filter.panel.?"),
+        /* @__PURE__ */ S("br", {}),
+        r.t("sheets-filter.panel.*")
+      ] })
+    ] }) : null
+  ] }) });
+}
+function Ps(t) {
+  const e = t.getCurrentLocale();
+  return Je(
+    () => [
+      {
+        options: [
+          { label: t.t(m.NONE.label), value: m.NONE.operator }
+        ]
+      },
+      {
+        options: [
+          { label: t.t(m.EMPTY.label), value: m.EMPTY.operator },
+          { label: t.t(m.NOT_EMPTY.label), value: m.NOT_EMPTY.operator }
+        ]
+      },
+      {
+        options: [
+          { label: t.t(m.TEXT_CONTAINS.label), value: m.TEXT_CONTAINS.operator },
+          { label: t.t(m.DOES_NOT_CONTAIN.label), value: m.DOES_NOT_CONTAIN.operator },
+          { label: t.t(m.STARTS_WITH.label), value: m.STARTS_WITH.operator },
+          { label: t.t(m.ENDS_WITH.label), value: m.ENDS_WITH.operator },
+          { label: t.t(m.EQUALS.label), value: m.EQUALS.operator }
+        ]
+      },
+      {
+        options: [
+          { label: t.t(m.GREATER_THAN.label), value: m.GREATER_THAN.operator },
+          { label: t.t(m.GREATER_THAN_OR_EQUAL.label), value: m.GREATER_THAN_OR_EQUAL.operator },
+          { label: t.t(m.LESS_THAN.label), value: m.LESS_THAN.operator },
+          { label: t.t(m.LESS_THAN_OR_EQUAL.label), value: m.LESS_THAN_OR_EQUAL.operator },
+          { label: t.t(m.EQUAL.label), value: m.EQUAL.operator },
+          { label: t.t(m.NOT_EQUAL.label), value: m.NOT_EQUAL.operator },
+          { label: t.t(m.BETWEEN.label), value: m.BETWEEN.operator },
+          { label: t.t(m.NOT_BETWEEN.label), value: m.NOT_BETWEEN.operator }
+        ]
+      },
+      {
+        options: [
+          { label: t.t(m.CUSTOM.label), value: m.CUSTOM.operator }
+        ]
+      }
+    ],
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e, t]
+  );
+}
+function ys(t) {
+  const e = t.getCurrentLocale();
+  return Je(
+    () => m.ALL_CONDITIONS.filter((r) => r.numOfParameters !== 2).map((r) => ({ label: t.t(r.label), value: r.operator })),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e, t]
+  );
+}
+function Os(t) {
+  const { model: e } = t, r = re(X), i = W(e.searchString$, "", !0), n = W(e.filterItems$, void 0, !0), l = r.t("sheets-filter.panel.filter-only"), s = Ve(n), o = s.checked > 0 && s.unchecked === 0, a = s.checked > 0 && s.unchecked > 0, c = e.treeMapCache, h = k(() => {
+    e.onCheckAllToggled(!o);
+  }, [e, o]), d = k((p) => {
+    e.setSearchString(p);
+  }, [e]);
+  function v(p) {
+    let T = [];
+    return p.forEach((g) => {
+      g.checked && T.push(g.key), g.children && (T = T.concat(v(g.children)));
+    }), T;
+  }
+  return /* @__PURE__ */ L("div", { className: O.sheetsFilterPanelValuesContainer, children: [
+    /* @__PURE__ */ S(
+      Rt,
+      {
+        autoFocus: !0,
+        value: i,
+        placeholder: r.t("sheets-filter.panel.search-placeholder"),
+        onChange: d
+      }
+    ),
+    /* @__PURE__ */ L(
+      "div",
+      {
+        className: `
+                  univer-mt-2 univer-box-border univer-flex univer-flex-grow univer-flex-col univer-overflow-hidden
+                  univer-rounded-md univer-border univer-border-solid univer-border-gray-200 univer-px-2 univer-py-2.5
+                `,
+        children: [
+          /* @__PURE__ */ S("div", { className: O.sheetsFilterPanelValuesItem, children: /* @__PURE__ */ L("div", { className: O.sheetsFilterPanelValuesItemInner, children: [
+            /* @__PURE__ */ S(
+              Gr,
+              {
+                indeterminate: a,
+                disabled: n.length === 0,
+                checked: o,
+                onChange: h
+              }
+            ),
+            /* @__PURE__ */ S("span", { className: O.sheetsFilterPanelValuesItemText, children: `${r.t("sheets-filter.panel.select-all")}` }),
+            /* @__PURE__ */ S("span", { className: O.sheetsFilterPanelValuesItemCount, children: `(${s.checked}/${s.checked + s.unchecked})` })
+          ] }) }),
+          /* @__PURE__ */ S("div", { className: O.sheetsFilterPanelValuesVirtual, children: /* @__PURE__ */ S(
+            jr,
+            {
+              data: n,
+              defaultExpandAll: !1,
+              valueGroup: v(n),
+              height: 180,
+              onChange: (p) => {
+                e.onFilterCheckToggled(p);
+              },
+              defaultCache: c,
+              itemHeight: 28,
+              treeNodeClassName: `
+                          univer-pr-2 univer-border-box univer-max-w-[245px] univer-rounded-md
+                          [&:hover_a]:univer-inline-block
+                          hover:univer-bg-gray-50 univer-h-full
+                        `,
+              attachRender: (p) => /* @__PURE__ */ L(
+                "div",
+                {
+                  className: `
+                                  univer-ml-1 univer-flex univer-h-5 univer-flex-1 univer-cursor-pointer
+                                  univer-items-center univer-justify-between univer-text-[13px] univer-text-primary-500
+                                `,
+                  children: [
+                    /* @__PURE__ */ S("span", { className: O.sheetsFilterPanelValuesItemCount, children: `(${p.count})` }),
+                    /* @__PURE__ */ S(
+                      "a",
+                      {
+                        className: `
+                                      univer-box-border univer-hidden univer-h-4 univer-whitespace-nowrap univer-px-1.5
+                                    `,
+                        onClick: () => {
+                          const T = [];
+                          p.children ? p.children.forEach((g) => {
+                            g.children ? g.children.forEach((N) => {
+                              T.push(N.key);
+                            }) : T.push(g.key);
+                          }) : T.push(p.key), e.onFilterOnly(T);
+                        },
+                        children: l
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+function Is() {
+  var N;
+  const t = re(x), e = re(X), r = re(Q), i = W(t.filterBy$, void 0, !0), n = W(t.filterByModel$, void 0, !1), l = W(() => (n == null ? void 0 : n.canApply$) || _e(!1), void 0, !1, [n]), s = Rs(e), o = !W(t.hasCriteria$), a = k((F) => {
+    r.executeCommand(Ht.id, { filterBy: F });
+  }, [r]), c = k(async () => {
+    await (n == null ? void 0 : n.clear()), r.executeCommand(me.id);
+  }, [n, r]), h = k(() => {
+    r.executeCommand(me.id);
+  }, [r]), d = k(async () => {
+    await (n == null ? void 0 : n.apply()), r.executeCommand(me.id);
+  }, [n, r]), p = (N = re(G).activeFilterModel) == null ? void 0 : N.getRange(), T = t.col, g = gr(yr.FILTER_PANEL_EMBED_POINT);
+  return /* @__PURE__ */ L("div", { className: O.sheetsFilterPanel, children: [
+    /* @__PURE__ */ S(
+      vr,
+      {
+        components: g,
+        sharedProps: { range: p, colIndex: T, onClose: h }
+      }
+    ),
+    /* @__PURE__ */ S("div", { className: O.sheetsFilterPanelHeader, children: /* @__PURE__ */ S(
+      Yr,
+      {
+        value: i,
+        items: s,
+        onChange: (F) => a(F)
+      }
+    ) }),
+    n ? /* @__PURE__ */ S("div", { className: O.sheetsFilterPanelContent, children: i === ye.VALUES ? /* @__PURE__ */ S(Os, { model: n }) : /* @__PURE__ */ S(Ns, { model: n }) }) : /* @__PURE__ */ S("div", { style: { flex: 1 } }),
+    /* @__PURE__ */ L("div", { className: O.sheetsFilterPanelFooter, children: [
+      /* @__PURE__ */ S(He, { type: "link", onClick: c, disabled: o, children: e.t("sheets-filter.panel.clear-filter") }),
+      /* @__PURE__ */ L("span", { className: O.sheetsFilterPanelFooterPrimaryButtons, children: [
+        /* @__PURE__ */ S(He, { type: "default", onClick: h, children: e.t("sheets-filter.panel.cancel") }),
+        /* @__PURE__ */ S(He, { disabled: !l, type: "primary", onClick: d, children: e.t("sheets-filter.panel.confirm") })
+      ] })
+    ] })
+  ] });
+}
+function Rs(t) {
+  const e = t.getCurrentLocale();
+  return Je(() => [
+    { label: t.t("sheets-filter.panel.by-values"), value: ye.VALUES },
+    { label: t.t("sheets-filter.panel.by-conditions"), value: ye.CONDITIONS }
+  ], [e, t]);
+}
+function As(t) {
+  const e = t.get(G);
+  return {
+    id: fe.id,
+    type: Ze.BUTTON_SELECTOR,
+    icon: "FilterSingle",
+    tooltip: "sheets-filter.toolbar.smart-toggle-filter-tooltip",
+    hidden$: Xe(t, z.UNIVER_SHEET),
+    activated$: e.activeFilterModel$.pipe(ie((r) => !!r)),
+    disabled$: Or(t, Ir(t, { worksheetTypes: [le, ce], rangeTypes: [ue] }))
+  };
+}
+function bs(t) {
+  const e = t.get(G);
+  return {
+    id: Ke.id,
+    type: Ze.BUTTON,
+    title: "sheets-filter.toolbar.clear-filter-criteria",
+    hidden$: Xe(t, z.UNIVER_SHEET),
+    disabled$: e.activeFilterModel$.pipe(ze((r) => {
+      var i;
+      return (i = r == null ? void 0 : r.hasCriteria$.pipe(ie((n) => !n))) != null ? i : _e(!0);
+    }))
+  };
+}
+function Ls(t) {
+  const e = t.get(G);
+  return {
+    id: qe.id,
+    type: Ze.BUTTON,
+    title: "sheets-filter.toolbar.re-calc-filter-conditions",
+    hidden$: Xe(t, z.UNIVER_SHEET),
+    disabled$: e.activeFilterModel$.pipe(ze((r) => {
+      var i;
+      return (i = r == null ? void 0 : r.hasCriteria$.pipe(ie((n) => !n))) != null ? i : _e(!0);
+    }))
+  };
+}
+const Ms = {
+  [Sr.FORMULAS_INSERT]: {
+    [fe.id]: {
+      order: 10,
+      menuItemFactory: As,
+      [Ke.id]: {
+        order: 0,
+        menuItemFactory: bs
+      },
+      [qe.id]: {
+        order: 1,
+        menuItemFactory: Ls
+      }
+    }
+  }
+}, V = 16, $s = 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");
+class ht {
+  static drawNoCriteria(e, r, i, n) {
+    e.save(), lt.drawWith(e, {
+      radius: 2,
+      width: V,
+      height: V,
+      fill: n
+    }), e.lineCap = "square", e.strokeStyle = i, e.scale(r / V, r / V), 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, r, i, n) {
+    e.save(), lt.drawWith(e, {
+      radius: 2,
+      width: V,
+      height: V,
+      fill: n
+    }), e.scale(r / V, r / V), e.fillStyle = i, e.fill($s), e.restore();
+  }
+}
+var ws = Object.getOwnPropertyDescriptor, Us = (t, e, r, i) => {
+  for (var n = i > 1 ? void 0 : i ? ws(e, r) : e, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (n = s(n) || n);
+  return n;
+}, ke = (t, e) => (r, i) => e(r, i, t);
+const D = 16, Ee = 1;
+let Qe = class extends Kr {
+  constructor(e, r, i, n, l) {
+    super(e, r);
+    f(this, "_cellWidth", 0);
+    f(this, "_cellHeight", 0);
+    f(this, "_filterParams");
+    f(this, "_hovered", !1);
+    this._contextService = i, this._commandService = n, this._themeService = l, this.setShapeProps(r), this.onPointerDown$.subscribeEvent((s) => this.onPointerDown(s)), this.onPointerEnter$.subscribeEvent(() => this.onPointerEnter()), this.onPointerLeave$.subscribeEvent(() => this.onPointerLeave());
+  }
+  setShapeProps(e) {
+    typeof e.cellHeight < "u" && (this._cellHeight = e.cellHeight), typeof e.cellWidth < "u" && (this._cellWidth = e.cellWidth), typeof e.filterParams < "u" && (this._filterParams = e.filterParams), this.transformByState({
+      width: e.width,
+      height: e.height
+    });
+  }
+  _draw(e) {
+    const r = this._cellHeight, i = this._cellWidth, n = D - i, l = D - r;
+    e.save();
+    const s = new Path2D();
+    s.rect(n, l, i, r), e.clip(s);
+    const { hasCriteria: o } = this._filterParams, a = this._themeService.getCurrentTheme().primaryColor, c = this._hovered ? this._themeService.getCurrentTheme().grey50 : "rgba(255, 255, 255, 1.0)";
+    o ? ht.drawHasCriteria(e, D, a, c) : ht.drawNoCriteria(e, D, a, c), e.restore();
+  }
+  onPointerDown(e) {
+    if (e.button === 2)
+      return;
+    const { col: r, unitId: i, subUnitId: n } = this._filterParams;
+    this._contextService.getContextValue(ne) || !this._commandService.hasCommand(Re.id) || setTimeout(() => {
+      this._commandService.executeCommand(Re.id, {
+        unitId: i,
+        subUnitId: n,
+        col: r
+      });
+    }, 200);
+  }
+  onPointerEnter() {
+    this._hovered = !0, this.makeDirty(!0);
+  }
+  onPointerLeave() {
+    this._hovered = !1, this.makeDirty(!0);
+  }
+};
+Qe = Us([
+  ke(2, $e),
+  ke(3, Q),
+  ke(4, E(St))
+], Qe);
+var Hs = Object.getOwnPropertyDescriptor, Ds = (t, e, r, i) => {
+  for (var n = i > 1 ? void 0 : i ? Hs(e, r) : e, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (n = s(n) || n);
+  return n;
+}, q = (t, e) => (r, i) => e(r, i, t);
+const ks = 1e3, Bs = 5e3;
+let Ge = class extends Et {
+  constructor(e, r, i, n, l, s, o, a) {
+    super();
+    f(this, "_filterRangeShape", null);
+    f(this, "_buttonRenderDisposable", null);
+    f(this, "_filterButtonShapes", []);
+    this._context = e, this._injector = r, this._sheetSkeletonManagerService = i, this._sheetsFilterService = n, this._themeService = l, this._sheetInterceptorService = s, this._commandService = o, this._selectionRenderService = a, this._initRenderer();
+  }
+  dispose() {
+    super.dispose(), this._disposeRendering();
+  }
+  _initRenderer() {
+    this._sheetSkeletonManagerService.currentSkeleton$.pipe(
+      ze((e) => {
+        var o, a;
+        if (!e) return _e(null);
+        const { unit: r, unitId: i } = this._context, n = ((o = r.getActiveSheet()) == null ? void 0 : o.getSheetId()) || "", l = (a = this._sheetsFilterService.getFilterModel(i, n)) != null ? a : void 0, s = () => ({
+          unitId: i,
+          worksheetId: n,
+          filterModel: l,
+          range: l == null ? void 0 : l.getRange(),
+          skeleton: e.skeleton
+        });
+        return Xt(this._commandService.onCommandExecuted.bind(this._commandService)).pipe(
+          Vr(
+            ([c]) => {
+              var h;
+              return c.type === Me.MUTATION && ((h = c.params) == null ? void 0 : h.unitId) === r.getUnitId() && (tr.has(c.id) || c.id === pr.id);
+            }
+          ),
+          Ot(20, void 0, { leading: !1, trailing: !0 }),
+          ie(s),
+          It(s())
+          // must trigger once
+        );
+      }),
+      Wr(this.dispose$)
+    ).subscribe((e) => {
+      this._disposeRendering(), !(!e || !e.range) && (this._renderRange(e.range, e.skeleton), this._renderButtons(e));
+    });
+  }
+  _renderRange(e, r) {
+    const { scene: i } = this._context, { rowHeaderWidth: n, columnHeaderHeight: l } = r, s = this._filterRangeShape = new br(
+      i,
+      ks,
+      this._themeService,
+      {
+        rowHeaderWidth: n,
+        columnHeaderHeight: l,
+        enableAutoFill: !1,
+        highlightHeader: !1
+      }
+    ), a = Lr({
+      range: e,
+      primary: null,
+      style: { fill: "rgba(0, 0, 0, 0.0)" }
+    }, r);
+    s.updateRangeBySelectionWithCoord(a), s.setEvent(!1), i.makeDirty(!0);
+  }
+  _renderButtons(e) {
+    const { range: r, filterModel: i, unitId: n, skeleton: l, worksheetId: s } = e, { scene: o } = this._context;
+    this._interceptCellContent(n, s, e.range);
+    const { startColumn: a, endColumn: c, startRow: h } = r;
+    for (let d = a; d <= c; d++) {
+      const v = `sheets-filter-button-${d}`, p = Mr(h, d, o, l), { startX: T, startY: g, endX: N, endY: F } = p, I = N - T, y = F - g;
+      if (y <= Ee || I <= Ee)
+        continue;
+      const $ = !!i.getFilterColumn(d), w = N - D - Ee, ge = F - D - Ee, ve = {
+        left: w,
+        top: ge,
+        height: D,
+        width: D,
+        zIndex: Bs,
+        cellHeight: y,
+        cellWidth: I,
+        filterParams: { unitId: n, subUnitId: s, col: d, hasCriteria: $ }
+      }, R = this._injector.createInstance(Qe, v, ve);
+      this._filterButtonShapes.push(R);
+    }
+    o.addObjects(this._filterButtonShapes), o.makeDirty();
+  }
+  _interceptCellContent(e, r, i) {
+    const { startRow: n, startColumn: l, endColumn: s } = i;
+    this._buttonRenderDisposable = this._sheetInterceptorService.intercept(fr.CELL_CONTENT, {
+      effect: Zt.Style,
+      handler: (o, a, c) => {
+        const { row: h, col: d, unitId: v, subUnitId: p } = a;
+        return v !== e || p !== r || h !== n || d < l || d > s ? c(o) : c({
+          ...o,
+          fontRenderExtension: {
+            ...o == null ? void 0 : o.fontRenderExtension,
+            rightOffset: D
+          }
+        });
+      },
+      priority: 10
+    });
+  }
+  _disposeRendering() {
+    var e, r;
+    (e = this._filterRangeShape) == null || e.dispose(), this._filterButtonShapes.forEach((i) => i.dispose()), (r = this._buttonRenderDisposable) == null || r.dispose(), this._filterRangeShape = null, this._buttonRenderDisposable = null, this._filterButtonShapes = [];
+  }
+};
+Ge = Ds([
+  q(1, E(Z)),
+  q(2, E(Rr)),
+  q(3, E(G)),
+  q(4, E(St)),
+  q(5, E(dr)),
+  q(6, Q),
+  q(7, Ar)
+], Ge);
+var Vs = Object.getOwnPropertyDescriptor, Ws = (t, e, r, i) => {
+  for (var n = i > 1 ? void 0 : i ? Vs(e, r) : e, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (n = s(n) || n);
+  return n;
+}, mt = (t, e) => (r, i) => e(r, i, t);
+let de = class extends Et {
+  constructor(t, e) {
+    super(), this._renderManagerService = t, this._sheetsRenderService = e, [
+      rr,
+      sr,
+      ir,
+      nr
+    ].forEach((r) => this.disposeWithMe(this._sheetsRenderService.registerSkeletonChangingMutations(r.id))), this.disposeWithMe(this._renderManagerService.registerRenderModule(
+      z.UNIVER_SHEET,
+      [Ge]
+    ));
+  }
+};
+de = Ws([
+  mt(0, At),
+  mt(1, E(yt))
+], de);
+const xs = {
+  id: fe.id,
+  binding: Er.L | nt.CTRL_COMMAND | nt.SHIFT,
+  description: "sheets-filter.shortcut.smart-toggle-filter",
+  preconditions: $r,
+  group: "4_sheet-edit"
+};
+var Qs = Object.getOwnPropertyDescriptor, Gs = (t, e, r, i) => {
+  for (var n = i > 1 ? void 0 : i ? Qs(e, r) : e, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (n = s(n) || n);
+  return n;
+}, A = (t, e) => (r, i) => e(r, i, t);
+const dt = "FILTER_PANEL_POPUP";
+let Ae = class extends de {
+  constructor(e, r, i, n, l, s, o, a, c, h, d, v, p) {
+    super(p, v);
+    f(this, "_popupDisposable");
+    this._injector = e, this._componentManager = r, this._sheetsFilterPanelService = i, this._sheetCanvasPopupService = n, this._sheetsFilterService = l, this._localeService = s, this._shortcutService = o, this._commandService = a, this._menuManagerService = c, this._contextService = h, this._messageService = d, this._initCommands(), this._initShortcuts(), this._initMenuItems(), this._initUI();
+  }
+  dispose() {
+    super.dispose(), this._closeFilterPopup();
+  }
+  _initShortcuts() {
+    [
+      xs
+    ].forEach((e) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(e));
+    });
+  }
+  _initCommands() {
+    [
+      fe,
+      or,
+      ar,
+      se,
+      Ke,
+      qe,
+      Ht,
+      Re,
+      me
+    ].forEach((e) => {
+      this.disposeWithMe(this._commandService.registerCommand(e));
+    });
+  }
+  _initMenuItems() {
+    this._menuManagerService.mergeMenu(Ms);
+  }
+  _initUI() {
+    this.disposeWithMe(this._componentManager.register(dt, Is)), this.disposeWithMe(this._componentManager.register("FilterSingle", Bt)), this.disposeWithMe(this._contextService.subscribeContextValue$(ne).pipe(xr()).subscribe((e) => {
+      e ? this._openFilterPopup() : this._closeFilterPopup();
+    })), this.disposeWithMe(this._sheetsFilterService.errorMsg$.subscribe((e) => {
+      e && this._messageService.show({
+        type: qr.Error,
+        content: this._localeService.t(e)
+      });
+    }));
+  }
+  _openFilterPopup() {
+    const e = this._sheetsFilterPanelService.filterModel;
+    if (!e)
+      throw new Error("[SheetsFilterUIController]: no filter model when opening filter popup!");
+    const r = e.getRange(), i = this._sheetsFilterPanelService.col, { startRow: n } = r;
+    this._popupDisposable = this._sheetCanvasPopupService.attachPopupToCell(n, i, {
+      componentKey: dt,
+      direction: "horizontal",
+      onClickOutside: () => this._commandService.syncExecuteCommand(me.id),
+      offset: [5, 0]
+    });
+  }
+  _closeFilterPopup() {
+    var e;
+    (e = this._popupDisposable) == null || e.dispose(), this._popupDisposable = null;
+  }
+};
+Ae = Gs([
+  A(0, E(Z)),
+  A(1, E(Tr)),
+  A(2, E(x)),
+  A(3, E(wr)),
+  A(4, E(G)),
+  A(5, E(X)),
+  A(6, Fr),
+  A(7, Q),
+  A(8, Cr),
+  A(9, $e),
+  A(10, Nr),
+  A(11, E(yt)),
+  A(12, At)
+], Ae);
+var js = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, qs = (t, e, r) => e in t ? js(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ks = (t, e, r, i) => {
+  for (var n = i > 1 ? void 0 : i ? Ys(e, r) : e, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (n = s(n) || n);
+  return n;
+}, Be = (t, e) => (r, i) => e(r, i, t), Vt = (t, e, r) => qs(t, typeof e != "symbol" ? e + "" : e, r);
+const Xs = "SHEET_FILTER_UI_PLUGIN";
+let be = class extends Ye {
+  constructor(t = Ce, e, r, i) {
+    super(), this._config = t, this._injector = e, this._configService = r, this._rpcChannelService = i;
+    const { menu: n, ...l } = Ct(
+      {},
+      Ce,
+      this._config
+    );
+    n && this._configService.setConfig("menu", n, { merge: !0 }), this._configService.setConfig(Mt, l);
+  }
+  onStarting() {
+    [
+      [x],
+      [oe],
+      [Ae]
+    ].forEach((t) => this._injector.add(t)), this._config.useRemoteFilterValuesGenerator && this._rpcChannelService && this._injector.add([Ne, {
+      useFactory: () => Jt(
+        this._rpcChannelService.requestChannel(et)
+      )
+    }]);
+  }
+  onReady() {
+    this._injector.get(oe);
+  }
+  onRendered() {
+    this._injector.get(Ae);
+  }
+};
+Vt(be, "type", z.UNIVER_SHEET);
+Vt(be, "pluginName", Xs);
+be = Ks([
+  Tt(Pt),
+  Be(1, E(Z)),
+  Be(2, Ft),
+  Be(3, zt(Nt))
+], be);
+var Zs = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, Js = (t, e, r) => e in t ? Zs(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, ei = (t, e, r, i) => {
+  for (var n = i > 1 ? void 0 : i ? zs(e, r) : e, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (n = s(n) || n);
+  return n;
+}, pt = (t, e) => (r, i) => e(r, i, t), Wt = (t, e, r) => Js(t, typeof e != "symbol" ? e + "" : e, r);
+const ti = "SHEET_FILTER_UI_PLUGIN";
+let Le = class extends Ye {
+  constructor(t = Ce, e, r) {
+    super(), this._config = t, this._injector = e, this._configService = r;
+    const { menu: i, ...n } = Ct(
+      {},
+      Ce,
+      this._config
+    );
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Mt, n);
+  }
+  onStarting() {
+    [
+      [oe],
+      [de]
+    ].forEach((t) => this._injector.add(t));
+  }
+  onReady() {
+    this._injector.get(oe);
+  }
+  onRendered() {
+    this._injector.get(de);
+  }
+};
+Wt(Le, "type", z.UNIVER_SHEET);
+Wt(Le, "pluginName", ti);
+Le = ei([
+  Tt(Pt),
+  pt(1, E(Z)),
+  pt(2, Ft)
+], Le);
+var ri = Object.getOwnPropertyDescriptor, si = (t, e, r, i) => {
+  for (var n = i > 1 ? void 0 : i ? ri(e, r) : e, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (n = s(n) || n);
+  return n;
+}, ft = (t, e) => (r, i) => e(r, i, t), Te;
+let _t = (Te = class extends Ye {
+  constructor(t, e, r) {
+    super(), this._config = t, this._injector = e, this._rpcChannelService = r;
+  }
+  onStarting() {
+    [
+      [Ne, { useClass: We }]
+    ].forEach((t) => this._injector.add(t));
+  }
+  onReady() {
+    this._rpcChannelService.registerChannel(
+      et,
+      er(this._injector.get(Ne))
+    );
+  }
+}, f(Te, "type", z.UNIVER_SHEET), f(Te, "pluginName", "SHEET_FILTER_UI_WORKER_PLUGIN"), Te);
+_t = si([
+  ft(1, E(Z)),
+  ft(2, Nt)
+], _t);
+export {
+  Ht as ChangeFilterByOperation,
+  me as CloseFilterPanelOperation,
+  Re as OpenFilterPanelOperation,
+  Le as UniverSheetsFilterMobileUIPlugin,
+  be as UniverSheetsFilterUIPlugin,
+  _t as UniverSheetsFilterUIWorkerPlugin
+};