@univerjs/sheets-filter-ui 0.1.8

package/lib/es/index.js

@@ -0,0 +1,3158 @@
+var Xn = Object.defineProperty;
+var Kn = (e, t, r) => t in e ? Xn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var C = (e, t, r) => (Kn(e, typeof t != "symbol" ? t + "" : t, r), r);
+import { CommandType as Te, IUniverInstanceService as Tt, ICommandService as ce, IUndoRedoService as tr, UniverInstanceType as tt, LocaleService as We, sequenceExecute as Zn, BooleanNumber as Cr, Disposable as rr, extractPureTextFromCell as Jn, IContextService as Rt, RxDisposable as qr, OnLifecycle as Xr, LifecycleStages as Kr, ThemeService as Zr, fromCallback as ei, Plugin as ti } from "@univerjs/core";
+import { Quantity as Jr, createIdentifier as ri, Inject as G, Injector as Ot } from "@wendellhu/redi";
+import { IMessageService as ni, ILayoutService as ii, useObservable as Ee, KeyCode as oi, MetaKeys as Nr, MenuGroup as nr, MenuItemType as ir, MenuPosition as si, getMenuHiddenObservable as or, ComponentManager as ai, IShortcutService as li, IMenuService as ui } from "@univerjs/ui";
+import { BehaviorSubject as Ne, ReplaySubject as ci, of as He, Subject as fi, merge as hi, combineLatest as di, throttleTime as en, startWith as tn, map as De, shareReplay as mi, switchMap as sr, distinctUntilChanged as vi, filter as pi, takeUntil as gi } from "rxjs";
+import { expandToContinuousRange as _i, SetCellEditVisibleOperation as Si, whenSheetEditorFocused as Ei, SheetCanvasPopManagerService as yi, SelectionShape as bi, getCoordByCell as Ti, SheetSkeletonManagerService as Ri, SheetRenderController as Oi, ISelectionRenderService as Fi } from "@univerjs/sheets-ui";
+import { MessageType as Ci, Select as Pr, RadioGroup as Ni, Radio as Ir, Input as rn, Checkbox as wr, Button as ct, Segmented as Pi } from "@univerjs/design";
+import { SelectionManagerService as Ii, isSingleCellSelection as wi, RefRangeService as Ai, INTERCEPTOR_POINT as Mi, SheetInterceptorService as Li } from "@univerjs/sheets";
+import { SheetsFilterService as he, RemoveSheetsFilterMutation as ft, SetSheetsFilterRangeMutation as ar, SetSheetsFilterCriteriaMutation as Ue, ReCalcSheetsFilterMutation as nn, CustomFilterOperator as v, FILTER_MUTATIONS as $i } from "@univerjs/sheets-filter";
+import * as m from "react";
+import R, { forwardRef as on, useRef as A, createElement as sn, useCallback as ae, useMemo as lr, useEffect as Hi, useState as Gt } from "react";
+import { useDependency as Ke } from "@wendellhu/redi/react-bindings";
+import Di, { flushSync as Ar } from "react-dom";
+import { Rect as Mr, Shape as Ui, IRenderManagerService as xi } from "@univerjs/engine-render";
+const ba = {
+  "sheets-filter": {
+    toolbar: {
+      "smart-toggle-filter-tooltip": "Toggle Filter",
+      "clear-filter-criteria": "Clear Filter Conditions",
+      "re-calc-filter-conditions": "Re-calc Filter Conditions"
+    },
+    command: {
+      "not-valid-filter-range": "The selected range only has one row and not valid for filter."
+    },
+    shortcut: {
+      "smart-toggle-filter": "Toggle Filter"
+    },
+    panel: {
+      "clear-filter": "Clear Filter",
+      cancel: "Cancel",
+      confirm: "Confirm",
+      "by-values": "By Values",
+      "by-conditions": "By Conditions",
+      "filter-only": "Filter Only",
+      "search-placeholder": "Use space to separate keywords",
+      "select-all": "Select All",
+      "input-values-placeholder": "Input Values",
+      and: "AND",
+      or: "OR",
+      empty: "(empty)",
+      "?": "Use “?” to represent a single character.",
+      "*": "Use “*” to represent multiple characters."
+    },
+    conditions: {
+      none: "None",
+      empty: "Is Empty",
+      "not-empty": "Is Not Empty",
+      "text-contains": "Text Contains",
+      "does-not-contain": "Text Does Not Contain",
+      "starts-with": "Text Starts With",
+      "ends-with": "Text Ends With",
+      equals: "Text Equals",
+      "greater-than": "Greater Than",
+      "greater-than-or-equal": "Greater Than Or Equal To",
+      "less-than": "Less Than",
+      "less-than-or-equal": "Less Than Or Equal To",
+      equal: "Equal",
+      "not-equal": "Not Equal",
+      between: "Between",
+      "not-between": "Not Between",
+      custom: "Custom"
+    }
+  }
+}, Bi = {
+  "sheets-filter": {
+    toolbar: {
+      "smart-toggle-filter-tooltip": "筛选",
+      "clear-filter-criteria": "清除筛选条件",
+      "re-calc-filter-conditions": "重新计算"
+    },
+    command: {
+      "not-valid-filter-range": "选中的区域只有一行，无法进行筛选"
+    },
+    shortcut: {
+      "smart-toggle-filter": "切换筛选"
+    },
+    panel: {
+      "clear-filter": "清除筛选",
+      cancel: "取消",
+      confirm: "确认",
+      "by-values": "按值",
+      "by-conditions": "按条件",
+      "filter-only": "仅筛选",
+      "search-placeholder": "使用空格分隔关键字",
+      "select-all": "全选",
+      "input-values-placeholder": "请输入",
+      or: "或",
+      and: "和",
+      empty: "(空白)",
+      "?": "可用 ? 代表单个字符",
+      "*": "可用 * 代表任意多个字符"
+    },
+    conditions: {
+      none: "无",
+      empty: "为空",
+      "not-empty": "不为空",
+      "text-contains": "文本包含",
+      "does-not-contain": "文本不包含",
+      "starts-with": "文本开头",
+      "ends-with": "文本结尾",
+      equals: "文本相符",
+      "greater-than": "大于",
+      "greater-than-or-equal": "大于等于",
+      "less-than": "小于",
+      "less-than-or-equal": "小于等于",
+      equal: "等于",
+      "not-equal": "不等于",
+      between: "介于",
+      "not-between": "不介于",
+      custom: "自定义"
+    }
+  }
+}, Wi = Bi;
+var te = function() {
+  return te = Object.assign || function(e) {
+    for (var t, r = 1, n = arguments.length; r < n; r++) {
+      t = arguments[r];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+    }
+    return e;
+  }, te.apply(this, arguments);
+}, Vi = function(e, t) {
+  var r = {};
+  for (var n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
+      t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
+  return r;
+}, an = on(function(e, t) {
+  var r = e.icon, n = e.id, o = e.className, a = e.extend, i = Vi(e, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(n, " ").concat(o || "").trim(), l = A("_".concat(zi()));
+  return ln(r, "".concat(n), { defIds: r.defIds, idSuffix: l.current }, te({ ref: t, className: s }, i), a);
+});
+function ln(e, t, r, n, o) {
+  return sn(e.tag, te(te({ key: t }, ji(e, r, o)), n), (ki(e, r).children || []).map(function(a, i) {
+    return ln(a, "".concat(t, "-").concat(e.tag, "-").concat(i), r, void 0, o);
+  }));
+}
+function ji(e, t, r) {
+  var n = te({}, e.attrs);
+  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1);
+  var o = t.defIds;
+  return !o || o.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(a) {
+    var i = a[0], s = a[1];
+    typeof s == "string" && (n[i] = s.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+  })), n;
+}
+function ki(e, t) {
+  var r, n = t.defIds;
+  return !n || n.length === 0 ? e : e.tag === "defs" && (!((r = e.children) === null || r === void 0) && r.length) ? te(te({}, e), { children: e.children.map(function(o) {
+    return typeof o.attrs.id == "string" && n && n.indexOf(o.attrs.id) > -1 ? te(te({}, o), { attrs: te(te({}, o.attrs), { id: o.attrs.id + t.idSuffix }) }) : o;
+  }) }) : e;
+}
+function zi() {
+  return Math.random().toString(36).substring(2, 8);
+}
+an.displayName = "UniverIcon";
+var Qi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { stroke: "currentColor", d: "M2 3L6.8 8.60593V12.8148L9.2 14V8.60593L14 3H2Z", strokeLinejoin: "round", strokeWidth: 1.33 } }] }, un = on(function(e, t) {
+  return sn(an, Object.assign({}, e, {
+    id: "filter-single",
+    ref: t,
+    icon: Qi
+  }));
+});
+un.displayName = "FilterSingle";
+const rt = {
+  id: "sheet.command.smart-toggle-filter",
+  type: Te.COMMAND,
+  handler: async (e) => {
+    const t = e.get(Tt), r = e.get(he), n = e.get(ce), o = e.get(tr), a = t.getCurrentUnitForType(tt.UNIVER_SHEET), i = a == null ? void 0 : a.getActiveSheet();
+    if (!i || !a)
+      return !1;
+    const s = a.getUnitId(), l = i.getSheetId(), u = r.getFilterModel(s, l);
+    if (u) {
+      const p = u == null ? void 0 : u.serialize(), S = Gi(s, l, p), T = n.syncExecuteCommand(ft.id, { unitId: s, subUnitId: l });
+      return T && o.pushUndoRedo({
+        unitID: s,
+        undoMutations: S,
+        redoMutations: [{ id: ft.id, params: { unitId: s, subUnitId: l } }]
+      }), T;
+    }
+    const f = e.get(Ii).getLast();
+    if (!f)
+      return !1;
+    const d = f.range, h = wi(f) ? _i(d, { left: !0, right: !0, up: !0, down: !0 }, i) : d;
+    if (h.endRow === h.startRow) {
+      const p = e.get(ni, Jr.OPTIONAL), S = e.get(We);
+      return p == null || p.show({ type: Ci.Warning, content: S.t("sheets-filter.command.not-valid-filter-range") }), !1;
+    }
+    const g = { id: ar.id, params: { unitId: s, subUnitId: l, range: h } }, _ = n.syncExecuteCommand(g.id, g.params);
+    return _ && o.pushUndoRedo({
+      unitID: s,
+      undoMutations: [{ id: ft.id, params: { unitId: s, subUnitId: l } }],
+      redoMutations: [g]
+    }), _;
+  }
+}, $e = {
+  id: "sheet.command.set-filter-criteria",
+  type: Te.COMMAND,
+  handler: async (e, t) => {
+    const r = e.get(he), n = e.get(ce), o = e.get(tr), { unitId: a, subUnitId: i, col: s, criteria: l } = t, u = r.getFilterModel(a, i);
+    if (!u)
+      return !1;
+    const c = u.getRange();
+    if (!c || s < c.startColumn || s > c.endColumn)
+      return !1;
+    const f = u.getFilterColumn(s), d = qi(a, i, s, f), h = {
+      id: Ue.id,
+      params: {
+        unitId: a,
+        subUnitId: i,
+        col: s,
+        criteria: l
+      }
+    }, g = n.syncExecuteCommand(h.id, h.params);
+    return g && o.pushUndoRedo({
+      unitID: a,
+      undoMutations: [d],
+      redoMutations: [h]
+    }), g;
+  }
+}, cn = {
+  id: "sheet.command.clear-filter-criteria",
+  type: Te.COMMAND,
+  handler: (e) => {
+    const t = e.get(he), r = e.get(tr), n = e.get(ce), o = t.activeFilterModel;
+    if (!o)
+      return !1;
+    const { unitId: a, subUnitId: i } = o, s = o.serialize(), l = hn(a, i, s), u = Yi(a, i, s);
+    return Zn(u, n) && r.pushUndoRedo({
+      unitID: a,
+      undoMutations: l,
+      redoMutations: u
+    }), !0;
+  }
+}, fn = {
+  id: "sheet.command.re-calc-filter",
+  type: Te.COMMAND,
+  handler: (e) => {
+    const t = e.get(he), r = e.get(ce), n = t.activeFilterModel;
+    if (!n)
+      return !1;
+    const { unitId: o, subUnitId: a } = n;
+    return r.executeCommand(nn.id, { unitId: o, subUnitId: a });
+  }
+};
+function Gi(e, t, r) {
+  const n = [], o = {
+    id: ar.id,
+    params: {
+      unitId: e,
+      subUnitId: t,
+      range: r.ref
+    }
+  };
+  return n.push(o), hn(e, t, r).forEach((i) => n.push(i)), n;
+}
+function hn(e, t, r) {
+  var o;
+  const n = [];
+  return (o = r.filterColumns) == null || o.forEach((a) => {
+    const i = {
+      id: Ue.id,
+      params: {
+        unitId: e,
+        subUnitId: t,
+        col: a.colId,
+        criteria: a
+      }
+    };
+    n.push(i);
+  }), n;
+}
+function Yi(e, t, r) {
+  var o;
+  const n = [];
+  return (o = r.filterColumns) == null || o.forEach((a) => {
+    const i = {
+      id: Ue.id,
+      params: {
+        unitId: e,
+        subUnitId: t,
+        col: a.colId,
+        criteria: null
+      }
+    };
+    n.push(i);
+  }), n;
+}
+function qi(e, t, r, n) {
+  if (!n)
+    return {
+      id: Ue.id,
+      params: {
+        unitId: e,
+        subUnitId: t,
+        col: r,
+        criteria: null
+      }
+    };
+  const o = n.serialize();
+  return {
+    id: Ue.id,
+    params: {
+      unitId: e,
+      subUnitId: t,
+      col: r,
+      criteria: o
+    }
+  };
+}
+var W = /* @__PURE__ */ ((e) => (e[e.FIRST = 0] = "FIRST", e[e.SECOND = 1] = "SECOND", e))(W || {}), N = /* @__PURE__ */ ((e) => (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))(N || {}), b;
+((e) => {
+  e.NONE = {
+    label: "sheets-filter.conditions.none",
+    operator: N.NONE,
+    order: W.SECOND,
+    numOfParameters: 0,
+    getDefaultFormParams: () => {
+      throw new Error("[FilterConditionItems.NONE]: should not have initial form params!");
+    },
+    testMappingParams: (i) => i.operator1 === N.NONE,
+    mapToFilterColumn: () => null,
+    testMappingFilterColumn: (i) => !i.customFilters && !i.filters ? {} : !1
+  }, e.EMPTY = {
+    label: "sheets-filter.conditions.empty",
+    operator: N.EMPTY,
+    order: W.SECOND,
+    numOfParameters: 0,
+    getDefaultFormParams: () => {
+      throw new Error("[FilterConditionItems.EMPTY]: should not have initial form params!");
+    },
+    testMappingParams: ({ operator1: i }) => i === N.EMPTY,
+    mapToFilterColumn: () => ({ customFilters: { customFilters: [{ val: "" }] } }),
+    testMappingFilterColumn: (i) => {
+      var u;
+      if (((u = i.customFilters) == null ? void 0 : u.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0];
+      return s.val === "" && s.operator === void 0 ? { operator1: N.EMPTY } : !1;
+    }
+  }, e.NOT_EMPTY = {
+    label: "sheets-filter.conditions.not-empty",
+    operator: N.NOT_EMPTY,
+    order: W.SECOND,
+    numOfParameters: 0,
+    getDefaultFormParams: () => {
+      throw new Error("[FilterConditionItems.NOT_EMPTY]: should not have initial form params!");
+    },
+    testMappingParams: ({ operator1: i }) => i === N.NOT_EMPTY,
+    mapToFilterColumn: () => ({ customFilters: { customFilters: [{ val: " ", operator: v.NOT_EQUALS }] } }),
+    testMappingFilterColumn: (i) => {
+      var u;
+      if (((u = i.customFilters) == null ? void 0 : u.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0];
+      return s.val === " " && s.operator === v.NOT_EQUALS ? { operator1: N.NOT_EMPTY } : !1;
+    }
+  }, e.TEXT_CONTAINS = {
+    label: "sheets-filter.conditions.text-contains",
+    operator: N.CONTAINS,
+    order: W.FIRST,
+    numOfParameters: 1,
+    getDefaultFormParams: () => ({ operator1: N.CONTAINS, val1: "" }),
+    testMappingParams: (i) => {
+      const [s] = se(i);
+      return s === N.CONTAINS;
+    },
+    mapToFilterColumn: (i) => {
+      const { val1: s } = i;
+      return s === "" ? null : {
+        customFilters: { customFilters: [{ val: `*${s}*` }] }
+      };
+    },
+    testMappingFilterColumn: (i) => {
+      var u;
+      if (((u = i.customFilters) == null ? void 0 : u.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0], l = s.val.toString();
+      return !s.operator && l.startsWith("*") && l.endsWith("*") ? { operator1: N.CONTAINS, val1: l.slice(1, -1) } : !1;
+    }
+  }, e.DOES_NOT_CONTAIN = {
+    label: "sheets-filter.conditions.does-not-contain",
+    operator: N.DOES_NOT_CONTAIN,
+    order: W.FIRST,
+    numOfParameters: 1,
+    getDefaultFormParams: () => ({ operator1: N.DOES_NOT_CONTAIN, val1: "" }),
+    mapToFilterColumn: (i) => ({
+      customFilters: { customFilters: [{ val: `*${i.val1}*`, operator: v.NOT_EQUALS }] }
+    }),
+    testMappingParams: (i) => {
+      const [s] = se(i);
+      return s === N.DOES_NOT_CONTAIN;
+    },
+    testMappingFilterColumn: (i) => {
+      var u;
+      if (((u = i.customFilters) == null ? void 0 : u.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0], l = s.val.toString();
+      return s.operator === v.NOT_EQUALS && l.startsWith("*") && l.endsWith("*") ? { operator1: N.DOES_NOT_CONTAIN, val1: l.slice(1, -1) } : !1;
+    }
+  }, e.STARTS_WITH = {
+    label: "sheets-filter.conditions.starts-with",
+    operator: N.STARTS_WITH,
+    order: W.FIRST,
+    numOfParameters: 1,
+    getDefaultFormParams: () => ({ operator1: N.STARTS_WITH, val1: "" }),
+    mapToFilterColumn: (i) => ({
+      customFilters: { customFilters: [{ val: `${i.val1}*` }] }
+    }),
+    testMappingParams: (i) => {
+      const [s] = se(i);
+      return s === N.STARTS_WITH;
+    },
+    testMappingFilterColumn: (i) => {
+      var u;
+      if (((u = i.customFilters) == null ? void 0 : u.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0], l = s.val.toString();
+      return !s.operator && l.endsWith("*") && !l.startsWith("*") ? { operator1: N.STARTS_WITH, val1: l.slice(0, -1) } : !1;
+    }
+  }, e.ENDS_WITH = {
+    label: "sheets-filter.conditions.ends-with",
+    operator: N.ENDS_WITH,
+    order: W.FIRST,
+    numOfParameters: 1,
+    getDefaultFormParams: () => ({ operator1: N.ENDS_WITH, val1: "" }),
+    mapToFilterColumn: (i) => ({
+      customFilters: { customFilters: [{ val: `*${i.val1}` }] }
+    }),
+    testMappingParams: (i) => {
+      const [s] = se(i);
+      return s === N.ENDS_WITH;
+    },
+    testMappingFilterColumn: (i) => {
+      var u;
+      if (((u = i.customFilters) == null ? void 0 : u.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0], l = s.val.toString();
+      return !s.operator && l.startsWith("*") && !l.endsWith("*") ? { operator1: N.ENDS_WITH, val1: l.slice(1) } : !1;
+    }
+  }, e.EQUALS = {
+    label: "sheets-filter.conditions.equals",
+    operator: N.EQUALS,
+    order: W.FIRST,
+    numOfParameters: 1,
+    getDefaultFormParams: () => ({ operator1: N.EQUALS, val1: "" }),
+    testMappingParams: (i) => {
+      const [s] = se(i);
+      return s === N.EQUALS;
+    },
+    mapToFilterColumn: (i) => {
+      const { val1: s } = i;
+      return s === "" ? null : {
+        customFilters: { customFilters: [{ val: s }] }
+      };
+    },
+    testMappingFilterColumn: (i) => {
+      var s, l, u;
+      return ((l = (s = i.filters) == null ? void 0 : s.filters) == null ? void 0 : l.length) === 1 ? { operator1: N.EQUALS, val1: "" } : ((u = i.customFilters) == null ? void 0 : u.customFilters.length) === 1 && !i.customFilters.customFilters[0].operator ? { operator1: N.EQUALS, val1: i.customFilters.customFilters[0].val.toString() } : !1;
+    }
+  }, e.GREATER_THAN = {
+    label: "sheets-filter.conditions.greater-than",
+    operator: v.GREATER_THAN,
+    numOfParameters: 1,
+    order: W.FIRST,
+    getDefaultFormParams: () => ({ operator1: v.GREATER_THAN, val1: "" }),
+    mapToFilterColumn: (i) => ({
+      customFilters: { customFilters: [{ val: i.val1, operator: v.GREATER_THAN }] }
+    }),
+    testMappingParams: (i) => {
+      const [s] = se(i);
+      return s === v.GREATER_THAN;
+    },
+    testMappingFilterColumn: (i) => {
+      var l;
+      if (((l = i.customFilters) == null ? void 0 : l.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0];
+      return s.operator !== v.GREATER_THAN ? !1 : { operator1: v.GREATER_THAN, val1: s.val.toString() };
+    }
+  }, e.GREATER_THAN_OR_EQUAL = {
+    label: "sheets-filter.conditions.greater-than-or-equal",
+    operator: v.GREATER_THAN_OR_EQUAL,
+    numOfParameters: 1,
+    order: W.FIRST,
+    getDefaultFormParams: () => ({ operator1: v.GREATER_THAN_OR_EQUAL, val1: "" }),
+    testMappingParams: (i) => {
+      const [s] = se(i);
+      return s === v.GREATER_THAN_OR_EQUAL;
+    },
+    mapToFilterColumn: (i) => ({
+      customFilters: { customFilters: [{ val: i.val1, operator: v.GREATER_THAN_OR_EQUAL }] }
+    }),
+    testMappingFilterColumn: (i) => {
+      var l;
+      if (((l = i.customFilters) == null ? void 0 : l.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0];
+      return s.operator !== v.GREATER_THAN_OR_EQUAL ? !1 : { operator1: v.GREATER_THAN_OR_EQUAL, val1: s.val.toString() };
+    }
+  }, e.LESS_THAN = {
+    label: "sheets-filter.conditions.less-than",
+    operator: v.LESS_THAN,
+    numOfParameters: 1,
+    order: W.FIRST,
+    getDefaultFormParams: () => ({ operator1: v.LESS_THAN, val1: "" }),
+    testMappingParams: (i) => {
+      const [s] = se(i);
+      return s === v.LESS_THAN;
+    },
+    mapToFilterColumn: (i) => ({
+      customFilters: { customFilters: [{ val: i.val1, operator: v.LESS_THAN }] }
+    }),
+    testMappingFilterColumn: (i) => {
+      var l;
+      if (((l = i.customFilters) == null ? void 0 : l.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0];
+      return s.operator !== v.LESS_THAN ? !1 : { operator1: v.LESS_THAN, val1: s.val.toString() };
+    }
+  }, e.LESS_THAN_OR_EQUAL = {
+    label: "sheets-filter.conditions.less-than-or-equal",
+    operator: v.LESS_THAN_OR_EQUAL,
+    numOfParameters: 1,
+    order: W.FIRST,
+    getDefaultFormParams: () => ({ operator1: v.LESS_THAN_OR_EQUAL, val1: "" }),
+    testMappingParams: (i) => {
+      const [s] = se(i);
+      return s === v.LESS_THAN_OR_EQUAL;
+    },
+    mapToFilterColumn: (i) => ({
+      customFilters: { customFilters: [{ val: i.val1, operator: v.LESS_THAN_OR_EQUAL }] }
+    }),
+    testMappingFilterColumn: (i) => {
+      var l;
+      if (((l = i.customFilters) == null ? void 0 : l.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0];
+      return s.operator !== v.LESS_THAN_OR_EQUAL ? !1 : { operator1: v.LESS_THAN_OR_EQUAL, val1: s.val.toString() };
+    }
+  }, e.EQUAL = {
+    label: "sheets-filter.conditions.equal",
+    operator: v.EQUAL,
+    numOfParameters: 1,
+    order: W.FIRST,
+    getDefaultFormParams: () => ({ operator1: v.EQUAL, val1: "" }),
+    testMappingParams: (i) => {
+      const [s] = se(i);
+      return s === v.EQUAL;
+    },
+    mapToFilterColumn: (i) => ({
+      customFilters: { customFilters: [{ val: i.val1, operator: v.EQUAL }] }
+    }),
+    testMappingFilterColumn: (i) => {
+      var l;
+      if (((l = i.customFilters) == null ? void 0 : l.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0];
+      return s.operator !== v.EQUAL ? !1 : { operator1: v.EQUAL, val1: s.val.toString() };
+    }
+  }, e.NOT_EQUAL = {
+    label: "sheets-filter.conditions.not-equal",
+    operator: v.NOT_EQUALS,
+    numOfParameters: 1,
+    order: W.FIRST,
+    getDefaultFormParams: () => ({ operator1: v.NOT_EQUALS, val1: "" }),
+    testMappingParams: (i) => {
+      const [s] = se(i);
+      return s === v.NOT_EQUALS;
+    },
+    mapToFilterColumn: (i) => ({
+      customFilters: { customFilters: [{ val: i.val1, operator: v.NOT_EQUALS }] }
+    }),
+    testMappingFilterColumn: (i) => {
+      var l;
+      if (((l = i.customFilters) == null ? void 0 : l.customFilters.length) !== 1)
+        return !1;
+      const s = i.customFilters.customFilters[0];
+      return s.operator !== v.NOT_EQUALS ? !1 : { operator1: v.NOT_EQUALS, val1: s.val.toString() };
+    }
+  }, e.BETWEEN = {
+    label: "sheets-filter.conditions.between",
+    operator: N.BETWEEN,
+    order: W.SECOND,
+    numOfParameters: 2,
+    getDefaultFormParams: () => ({
+      and: !0,
+      operator1: v.GREATER_THAN_OR_EQUAL,
+      val1: "",
+      operator2: v.LESS_THAN_OR_EQUAL,
+      val2: ""
+    }),
+    testMappingParams: (i) => {
+      const { and: s, operator1: l, operator2: u } = i;
+      if (!s)
+        return !1;
+      const c = [l, u];
+      return c.includes(v.GREATER_THAN_OR_EQUAL) && c.includes(v.LESS_THAN_OR_EQUAL);
+    },
+    mapToFilterColumn: (i) => {
+      const { val1: s, val2: l, operator1: u } = i, c = u === v.GREATER_THAN_OR_EQUAL;
+      return {
+        customFilters: {
+          and: Cr.TRUE,
+          customFilters: [
+            { val: c ? s : l, operator: v.GREATER_THAN_OR_EQUAL },
+            { val: c ? l : s, operator: v.LESS_THAN_OR_EQUAL }
+          ]
+        }
+      };
+    },
+    testMappingFilterColumn: (i) => {
+      var u;
+      if (((u = i.customFilters) == null ? void 0 : u.customFilters.length) !== 2)
+        return !1;
+      const [s, l] = i.customFilters.customFilters;
+      return s.operator === v.GREATER_THAN_OR_EQUAL && l.operator === v.LESS_THAN_OR_EQUAL && i.customFilters.and ? {
+        and: !0,
+        operator1: v.GREATER_THAN_OR_EQUAL,
+        val1: s.val.toString(),
+        operator2: v.LESS_THAN_OR_EQUAL,
+        val2: l.val.toString()
+      } : l.operator === v.GREATER_THAN_OR_EQUAL && s.operator === v.LESS_THAN_OR_EQUAL && i.customFilters.and ? {
+        and: !0,
+        operator1: v.GREATER_THAN_OR_EQUAL,
+        val1: l.val.toString(),
+        operator2: v.LESS_THAN_OR_EQUAL,
+        val2: s.val.toLocaleString()
+      } : !1;
+    }
+  }, e.NOT_BETWEEN = {
+    label: "sheets-filter.conditions.not-between",
+    operator: N.NOT_BETWEEN,
+    order: W.SECOND,
+    numOfParameters: 2,
+    getDefaultFormParams: () => ({
+      operator1: v.LESS_THAN,
+      val1: "",
+      operator2: v.GREATER_THAN,
+      val2: ""
+    }),
+    testMappingParams: (i) => {
+      const { and: s, operator1: l, operator2: u } = i;
+      if (s)
+        return !1;
+      const c = [l, u];
+      return c.includes(v.GREATER_THAN) && c.includes(v.LESS_THAN);
+    },
+    mapToFilterColumn: (i) => {
+      const { val1: s, val2: l, operator1: u } = i, c = u === v.GREATER_THAN;
+      return {
+        customFilters: {
+          customFilters: [
+            { val: c ? s : l, operator: v.GREATER_THAN },
+            { val: c ? l : s, operator: v.LESS_THAN }
+          ]
+        }
+      };
+    },
+    testMappingFilterColumn: (i) => {
+      var u;
+      if (((u = i.customFilters) == null ? void 0 : u.customFilters.length) !== 2)
+        return !1;
+      const [s, l] = i.customFilters.customFilters;
+      return s.operator === v.LESS_THAN && l.operator === v.GREATER_THAN && !i.customFilters.and ? {
+        operator1: v.LESS_THAN,
+        val1: s.val.toString(),
+        operator2: v.GREATER_THAN,
+        val2: l.val.toString()
+      } : l.operator === v.LESS_THAN && s.operator === v.GREATER_THAN && !i.customFilters.and ? {
+        operator1: v.GREATER_THAN,
+        val1: l.val.toString(),
+        operator2: v.LESS_THAN,
+        val2: s.val.toLocaleString()
+      } : !1;
+    }
+  }, e.CUSTOM = {
+    label: "sheets-filter.conditions.custom",
+    operator: N.CUSTOM,
+    order: W.SECOND,
+    numOfParameters: 2,
+    getDefaultFormParams: () => ({
+      operator1: N.NONE,
+      val1: "",
+      operator2: N.NONE,
+      val2: ""
+    }),
+    testMappingParams: () => !0,
+    mapToFilterColumn: (i) => {
+      const { and: s, val1: l, val2: u, operator1: c, operator2: f } = i;
+      function d(T, I) {
+        for (const F of e.ALL_CONDITIONS)
+          if (F.operator === T)
+            return F.mapToFilterColumn({ val1: I, operator1: T });
+      }
+      const h = !c || c === e.NONE.operator, g = !f || f === e.NONE.operator;
+      if (h && g)
+        return e.NONE.mapToFilterColumn({});
+      if (h)
+        return d(f, u);
+      if (g)
+        return d(c, l);
+      const _ = d(c, l), p = d(f, u), S = {
+        customFilters: [
+          _.customFilters.customFilters[0],
+          p.customFilters.customFilters[0]
+        ]
+      };
+      return s && (S.and = Cr.TRUE), { customFilters: S };
+    },
+    testMappingFilterColumn: (i) => {
+      var u;
+      if (((u = i.customFilters) == null ? void 0 : u.customFilters.length) !== 2)
+        return !1;
+      const s = i.customFilters.customFilters.map((c) => a({ customFilters: { customFilters: [c] } })), l = {
+        operator1: s[0][0].operator,
+        val1: s[0][1].val1,
+        operator2: s[1][0].operator,
+        val2: s[1][1].val1
+      };
+      return i.customFilters.and && (l.and = !0), l;
+    }
+  }, e.ALL_CONDITIONS = [
+    // ------------------------------
+    e.NONE,
+    // ------------------------------
+    e.EMPTY,
+    e.NOT_EMPTY,
+    // ------------------------------
+    e.TEXT_CONTAINS,
+    e.DOES_NOT_CONTAIN,
+    e.STARTS_WITH,
+    e.ENDS_WITH,
+    e.EQUALS,
+    // ------------------------------
+    e.GREATER_THAN,
+    e.GREATER_THAN_OR_EQUAL,
+    e.LESS_THAN,
+    e.LESS_THAN_OR_EQUAL,
+    e.EQUAL,
+    e.NOT_EQUAL,
+    e.BETWEEN,
+    e.NOT_BETWEEN,
+    // ------------------------------
+    e.CUSTOM
+  ];
+  function t(i) {
+    const s = e.ALL_CONDITIONS.find((l) => l.operator === i);
+    if (!s)
+      throw new Error(`[SheetsFilter]: no condition item found for operator: ${i}`);
+    return s;
+  }
+  e.getItemByOperator = t;
+  function r(i, s) {
+    for (const l of e.ALL_CONDITIONS.filter((u) => u.numOfParameters === s))
+      if (l.numOfParameters !== 0 && l.testMappingParams(i))
+        return l;
+    for (const l of e.ALL_CONDITIONS)
+      if (l.testMappingParams(i))
+        return l;
+    throw new Error("[SheetsFilter]: no condition item can be mapped from the filter map params!");
+  }
+  e.testMappingParams = r;
+  function n(i) {
+    const s = e.ALL_CONDITIONS.find((l) => l.operator === i);
+    return (s == null ? void 0 : s.numOfParameters) === 0 ? { operator1: s.operator } : s.getDefaultFormParams();
+  }
+  e.getInitialFormParams = n;
+  function o(i, s) {
+    return i.mapToFilterColumn(s);
+  }
+  e.mapToFilterColumn = o;
+  function a(i) {
+    if (!i)
+      return [e.NONE, {}];
+    for (const s of e.ALL_CONDITIONS) {
+      const l = s.testMappingFilterColumn(i);
+      if (l)
+        return [s, l];
+    }
+    return [e.NONE, {}];
+  }
+  e.testMappingFilterColumn = a;
+})(b || (b = {}));
+function se(e) {
+  const { operator1: t, operator2: r, val1: n, val2: o } = e;
+  if (t && r)
+    throw new Error("Both operator1 and operator2 are set!");
+  if (!t && !r)
+    throw new Error("Neither operator1 and operator2 and both not set!");
+  return t ? [t, n] : [r, o];
+}
+function qt(e) {
+  const t = [], r = [];
+  for (const n of e)
+    n.checked ? t.push(n) : r.push(n);
+  return {
+    checkedItems: t,
+    uncheckedItems: r,
+    checked: t.length,
+    unchecked: r.length
+  };
+}
+var Xi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, ur = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? Ki(t, r) : t, a = e.length - 1, i; a >= 0; a--)
+    (i = e[a]) && (o = (n ? i(t, r, o) : i(o)) || o);
+  return n && o && Xi(t, r, o), o;
+}, Le = (e, t) => (r, n) => t(r, n, e), pt = /* @__PURE__ */ ((e) => (e[e.VALUES = 0] = "VALUES", e[e.CONDITIONS = 1] = "CONDITIONS", e))(pt || {});
+ri("sheets-filter-ui.sheets-filter-panel.service");
+let be = class extends rr {
+  constructor(t, r, n, o) {
+    super();
+    C(this, "_filterBy$", new Ne(
+      0
+      /* VALUES */
+    ));
+    C(this, "filterBy$", this._filterBy$.asObservable());
+    C(this, "_filterByModel$", new ci(1));
+    C(this, "filterByModel$", this._filterByModel$.asObservable());
+    C(this, "_filterByModel", null);
+    C(this, "_hasCriteria$", new Ne(!1));
+    C(this, "hasCriteria$", this._hasCriteria$.asObservable());
+    C(this, "_filterModel", null);
+    C(this, "_col$", new Ne(-1));
+    C(this, "col$", this._col$.asObservable());
+    C(this, "_filterHeaderListener", null);
+    this._injector = t, this._sheetsFilterService = r, this._univerInstanceService = n, this._refRangeService = o;
+  }
+  get filterBy() {
+    return this._filterBy$.getValue();
+  }
+  get filterByModel() {
+    return this._filterByModel;
+  }
+  set filterByModel(t) {
+    this._filterByModel = t, this._filterByModel$.next(t);
+  }
+  get filterModel() {
+    return this._filterModel;
+  }
+  get col() {
+    return this._col$.getValue();
+  }
+  dispose() {
+    this._filterBy$.complete(), this._filterByModel$.complete(), this._hasCriteria$.complete();
+  }
+  setupCol(t, r) {
+    this.terminate(), this._filterModel = t, this._col$.next(r);
+    const n = t.getFilterColumn(r);
+    if (n) {
+      const o = n.getColumnData();
+      return o.customFilters ? (this._hasCriteria$.next(!0), this._setupByConditions(t, r)) : o.filters ? (this._hasCriteria$.next(!0), this._setupByValues(t, r)) : (this._hasCriteria$.next(!1), this._setupByValues(t, r));
+    }
+    return this._hasCriteria$.next(!1), this._setupByValues(t, r);
+  }
+  changeFilterBy(t) {
+    return !this._filterModel || this.col === -1 ? !1 : (t === 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 t;
+    (t = this._filterHeaderListener) == null || t.dispose(), this._filterHeaderListener = null;
+  }
+  _listenToFilterHeaderChange(t, r) {
+    this._disposeFilterHeaderChangeListener();
+    const n = t.unitId, o = t.subUnitId, a = t.getRange(), i = {
+      startColumn: r,
+      startRow: a.startRow,
+      endRow: a.startRow,
+      endColumn: r
+    };
+    this._filterHeaderListener = this._refRangeService.watchRange(n, o, i, (s, l) => {
+      if (!l)
+        this.terminate();
+      else {
+        const u = l.startColumn - s.startColumn;
+        u !== 0 && this._filterByModel.deltaCol(u);
+      }
+    });
+  }
+  _setupByValues(t, r) {
+    this._disposePreviousModel();
+    const n = t.getRange();
+    if (n.startRow === n.endRow)
+      return !1;
+    const o = _t.fromFilterColumn(
+      this._injector,
+      t,
+      r
+    );
+    return this.filterByModel = o, this._filterBy$.next(
+      0
+      /* VALUES */
+    ), this._listenToFilterHeaderChange(t, r), !0;
+  }
+  _setupByConditions(t, r) {
+    this._disposePreviousModel();
+    const n = t.getRange();
+    if (n.startRow === n.endRow)
+      return !1;
+    const o = gt.fromFilterColumn(
+      this._injector,
+      t,
+      r,
+      t.getFilterColumn(r)
+    );
+    return this.filterByModel = o, this._filterBy$.next(
+      1
+      /* CONDITIONS */
+    ), this._listenToFilterHeaderChange(t, r), !0;
+  }
+  _disposePreviousModel() {
+    var t;
+    (t = this._filterByModel) == null || t.dispose(), this.filterByModel = null;
+  }
+};
+be = ur([
+  Le(0, G(Ot)),
+  Le(1, G(he)),
+  Le(2, Tt),
+  Le(3, G(Ai))
+], be);
+let gt = class extends rr {
+  constructor(t, r, n, o, a) {
+    super();
+    C(this, "canApply$", He(!0));
+    C(this, "_conditionItem$");
+    C(this, "conditionItem$");
+    C(this, "_filterConditionFormParams$");
+    C(this, "filterConditionFormParams$");
+    this._filterModel = t, this.col = r, this._commandService = a, this._conditionItem$ = new Ne(n), this.conditionItem$ = this._conditionItem$.asObservable(), this._filterConditionFormParams$ = new Ne(o), 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(t, r, n, o) {
+    const [a, i] = b.testMappingFilterColumn(o == null ? void 0 : o.getColumnData());
+    return t.createInstance(gt, r, n, a, i);
+  }
+  get conditionItem() {
+    return this._conditionItem$.getValue();
+  }
+  get filterConditionFormParams() {
+    return this._filterConditionFormParams$.getValue();
+  }
+  dispose() {
+    super.dispose(), this._conditionItem$.complete(), this._filterConditionFormParams$.complete();
+  }
+  deltaCol(t) {
+    this.col += t;
+  }
+  clear() {
+    return this._disposed ? Promise.resolve(!1) : this._commandService.executeCommand($e.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 t = b.mapToFilterColumn(this.conditionItem, this.filterConditionFormParams);
+    return this._commandService.executeCommand($e.id, {
+      unitId: this._filterModel.unitId,
+      subUnitId: this._filterModel.subUnitId,
+      col: this.col,
+      criteria: t
+    });
+  }
+  /**
+   * 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(t) {
+    const r = b.ALL_CONDITIONS.find((n) => n.operator === t);
+    if (!r)
+      throw new Error(`[ByConditionsModel]: condition item not found for operator: ${t}!`);
+    this._conditionItem$.next(r), this._filterConditionFormParams$.next(b.getInitialFormParams(t));
+  }
+  /**
+   * 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(t) {
+    const r = { ...this.filterConditionFormParams, ...t };
+    if (r.and !== !0 && delete r.and, typeof t.and < "u" || typeof t.operator1 < "u" || typeof t.operator2 < "u") {
+      const n = b.testMappingParams(r, this.conditionItem.numOfParameters);
+      this._conditionItem$.next(n);
+    }
+    this._filterConditionFormParams$.next(r);
+  }
+};
+gt = ur([
+  Le(4, ce)
+], gt);
+let _t = class extends rr {
+  constructor(t, r, n, o) {
+    super();
+    C(this, "_rawFilterItems$");
+    C(this, "rawFilterItems$");
+    C(this, "filterItems$");
+    C(this, "_filterItems", []);
+    C(this, "canApply$");
+    C(this, "_manuallyUpdateFilterItems$");
+    C(this, "_searchString$");
+    C(this, "searchString$");
+    this._filterModel = t, this.col = r, this._commandService = o, this._searchString$ = new Ne(""), this.searchString$ = this._searchString$.asObservable(), this._rawFilterItems$ = new Ne(n), this.rawFilterItems$ = this._rawFilterItems$.asObservable(), this._manuallyUpdateFilterItems$ = new fi(), this.filterItems$ = hi(
+      di([
+        this._searchString$.pipe(
+          en(500, void 0, { leading: !0, trailing: !0 }),
+          tn(void 0)
+        ),
+        this._rawFilterItems$
+      ]).pipe(
+        De(([a, i]) => {
+          if (!a)
+            return i;
+          const l = a.toLowerCase().split(/\s+/).filter((u) => !!u);
+          return i.filter((u) => {
+            const c = u.value.toLowerCase();
+            return l.some((f) => c.includes(f));
+          });
+        })
+      ),
+      this._manuallyUpdateFilterItems$
+    ).pipe(mi(1)), this.canApply$ = this.filterItems$.pipe(De((a) => qt(a).checked > 0)), this.disposeWithMe(this.filterItems$.subscribe((a) => this._filterItems = a));
+  }
+  /**
+   * 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 fromFilterColumn(t, r, n) {
+    var M;
+    const o = t.get(Tt), a = t.get(We), { unitId: i, subUnitId: s } = r, l = o.getUniverSheetInstance(i);
+    if (!l)
+      throw new Error(`[ByValuesModel]: Workbook not found for filter model with unitId: ${i}!`);
+    const u = l == null ? void 0 : l.getSheetBySheetId(s);
+    if (!u)
+      throw new Error(`[ByValuesModel]: Worksheet not found for filter model with unitId: ${i} and subUnitId: ${s}!`);
+    const c = r.getRange(), f = n, d = (M = r.getFilterColumn(n)) == null ? void 0 : M.getColumnData().filters, h = !!(d && d.blank), g = { ...c, startRow: c.startRow + 1, startColumn: f, endColumn: f }, _ = [], p = {}, S = new Set(d == null ? void 0 : d.filters), T = r.getFilteredOutRowsExceptCol(n);
+    let I = 0, F = 0;
+    for (const O of u.iterateByColumn(g, !1, !1)) {
+      const { row: L, rowSpan: U = 1 } = O;
+      let B = 0;
+      for (; B < U; ) {
+        const X = L + B;
+        if (T.has(X)) {
+          B++;
+          continue;
+        }
+        const k = O != null && O.value ? Jn(O.value) : "";
+        if (!k) {
+          F += 1, B += U;
+          continue;
+        }
+        if (p[k])
+          p[k].count++;
+        else {
+          const J = {
+            value: k,
+            checked: S.size ? S.has(k) : !h,
+            count: 1,
+            index: I,
+            isEmpty: !1
+          };
+          p[k] = J, _.push(J);
+        }
+        B++;
+      }
+      I++;
+    }
+    const H = d ? h : !0;
+    if (F > 0) {
+      const O = {
+        value: a.t("sheets-filter.panel.empty"),
+        checked: H,
+        count: F,
+        index: I,
+        isEmpty: !0
+      };
+      _.push(O);
+    }
+    return t.createInstance(_t, r, n, _);
+  }
+  get rawFilterItems() {
+    return this._rawFilterItems$.getValue();
+  }
+  get filterItems() {
+    return this._filterItems;
+  }
+  dispose() {
+    this._rawFilterItems$.complete(), this._searchString$.complete();
+  }
+  deltaCol(t) {
+    this.col += t;
+  }
+  setSearchString(t) {
+    this._searchString$.next(t);
+  }
+  /**
+   * Toggle a filter item.
+   */
+  onFilterCheckToggled(t, r) {
+    const n = this._filterItems.slice(), o = n.find((a) => a.index === t.index);
+    o.checked = r, this._manuallyUpdateFilterItems(n);
+  }
+  onFilterOnly(t) {
+    const r = this._filterItems.slice();
+    r.forEach((n) => n.checked = n.index === t.index), this._manuallyUpdateFilterItems(r);
+  }
+  onCheckAllToggled(t) {
+    const r = this._filterItems.slice();
+    r.forEach((n) => n.checked = t), this._manuallyUpdateFilterItems(r);
+  }
+  _manuallyUpdateFilterItems(t) {
+    this._manuallyUpdateFilterItems$.next(t);
+  }
+  // expose method here to let the panel change filter items
+  // #region ByValuesModel apply methods
+  clear() {
+    return this._disposed ? Promise.resolve(!1) : this._commandService.executeCommand($e.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 t = qt(this._filterItems), { checked: r, checkedItems: n } = t, o = this.rawFilterItems, a = r === 0, i = t.checked === o.length, s = { colId: this.col };
+    if (a)
+      throw new Error("[ByValuesModel]: no checked items!");
+    if (i)
+      return this._commandService.executeCommand($e.id, {
+        unitId: this._filterModel.unitId,
+        subUnitId: this._filterModel.subUnitId,
+        col: this.col,
+        criteria: null
+      });
+    {
+      s.filters = {};
+      const l = n.filter((c) => !c.isEmpty);
+      l.length > 0 && (s.filters = { filters: l.map((c) => c.value) }), l.length !== n.length && (s.filters.blank = !0);
+    }
+    return this._commandService.executeCommand($e.id, {
+      unitId: this._filterModel.unitId,
+      subUnitId: this._filterModel.subUnitId,
+      col: this.col,
+      criteria: s
+    });
+  }
+  // #endregion
+};
+_t = ur([
+  Le(3, ce)
+], _t);
+const xe = "FILTER_PANEL_OPENED", dn = {
+  id: "sheet.operation.open-filter-panel",
+  type: Te.OPERATION,
+  handler: (e, t) => {
+    const r = e.get(Rt), n = e.get(he), o = e.get(be);
+    e.get(ce).syncExecuteCommand(Si.id, { visible: !1 });
+    const { unitId: i, subUnitId: s, col: l } = t, u = n.getFilterModel(i, s);
+    return !u || !o.setupCol(u, l) ? !1 : (r.getContextValue(xe) || r.setContextValue(xe, !0), !0);
+  }
+}, Ze = {
+  id: "sheet.operation.close-filter-panel",
+  type: Te.OPERATION,
+  handler: (e) => {
+    const t = e.get(Rt), r = e.get(be), n = e.get(ii, Jr.OPTIONAL);
+    return t.getContextValue(xe) ? (t.setContextValue(xe, !1), n == null || n.focus(), r.terminate()) : !1;
+  }
+}, mn = {
+  id: "sheet.operation.apply-filter",
+  type: Te.OPERATION,
+  handler: (e, t) => {
+    const { filterBy: r } = t;
+    return e.get(be).changeFilterBy(r);
+  }
+}, Zi = "univer-sheets-filter-panel", Ji = "univer-sheets-filter-panel-header", eo = "univer-sheets-filter-panel-content", to = "univer-sheets-filter-panel-select-all", ro = "univer-sheets-filter-panel-select-all-count", no = "univer-sheets-filter-panel-values-container", io = "univer-input-affix-wrapper", oo = "univer-select", so = "univer-radio-group", ao = "univer-sheets-filter-panel-values-find", lo = "univer-sheets-filter-panel-values-list", uo = "univer-sheets-filter-panel-values-list-inner-container", co = "univer-sheets-filter-panel-values-virtual", fo = "univer-sheets-filter-panel-values-item", ho = "univer-sheets-filter-panel-values-item-inner", mo = "univer-sheets-filter-panel-values-item-count", vo = "univer-sheets-filter-panel-values-item-exclude-button", po = "univer-sheets-filter-panel-values-item-text", go = "univer-sheets-filter-panel-conditions-container", _o = "univer-sheets-filter-panel-conditions-container-inner", So = "univer-sheets-filter-panel-conditions-desc", Eo = "univer-sheets-filter-panel-footer", yo = "univer-sheets-filter-panel-footer-primary-buttons", bo = "univer-button", To = "univer-input", Ro = "univer-form-dual-column-layout", D = {
+  sheetsFilterPanel: Zi,
+  sheetsFilterPanelHeader: Ji,
+  sheetsFilterPanelContent: eo,
+  sheetsFilterPanelSelectAll: to,
+  sheetsFilterPanelSelectAllCount: ro,
+  sheetsFilterPanelValuesContainer: no,
+  inputAffixWrapper: io,
+  select: oo,
+  radioGroup: so,
+  sheetsFilterPanelValuesFind: ao,
+  sheetsFilterPanelValuesList: lo,
+  sheetsFilterPanelValuesListInnerContainer: uo,
+  sheetsFilterPanelValuesVirtual: co,
+  sheetsFilterPanelValuesItem: fo,
+  sheetsFilterPanelValuesItemInner: ho,
+  sheetsFilterPanelValuesItemCount: mo,
+  sheetsFilterPanelValuesItemExcludeButton: vo,
+  sheetsFilterPanelValuesItemText: po,
+  sheetsFilterPanelConditionsContainer: go,
+  sheetsFilterPanelConditionsContainerInner: _o,
+  sheetsFilterPanelConditionsDesc: So,
+  sheetsFilterPanelFooter: Eo,
+  sheetsFilterPanelFooterPrimaryButtons: yo,
+  button: bo,
+  input: To,
+  formDualColumnLayout: Ro
+};
+function Oo(e) {
+  const { model: t } = e, r = Ke(We), n = Ee(t.conditionItem$, void 0, !0), o = Ee(t.filterConditionFormParams$, void 0, !0), { operator: a, numOfParameters: i } = n, { operator1: s, operator2: l, val1: u, val2: c, and: f } = o, d = f ? "AND" : "OR", h = ae((F) => {
+    t.onConditionFormChange({ and: F === "AND" });
+  }, [t]), g = Fo(r), _ = ae((F) => {
+    t.onPrimaryConditionChange(F);
+  }, [t]), p = Co(r), S = ae((F) => {
+    t.onConditionFormChange(F);
+  }, [t]), T = r.t("sheets-filter.panel.input-values-placeholder");
+  function I(F, H, M) {
+    const O = b.getItemByOperator(F).numOfParameters === 1;
+    return /* @__PURE__ */ R.createElement(R.Fragment, null, M === "operator2" && /* @__PURE__ */ R.createElement(Ni, { value: d, onChange: h }, /* @__PURE__ */ R.createElement(Ir, { value: "AND" }, r.t("sheets-filter.panel.and")), /* @__PURE__ */ R.createElement(Ir, { value: "OR" }, r.t("sheets-filter.panel.or"))), /* @__PURE__ */ R.createElement(Pr, { value: F, options: p, onChange: (L) => S({ [M]: L }) }), O && /* @__PURE__ */ R.createElement(rn, { value: H, placeholder: T, onChange: (L) => S({ [M === "operator1" ? "val1" : "val2"]: L }) }));
+  }
+  return /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelConditionsContainer }, /* @__PURE__ */ R.createElement(Pr, { value: a, options: g, onChange: _ }), b.getItemByOperator(a).numOfParameters !== 0 ? /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelConditionsContainerInner }, i >= 1 && I(s, u != null ? u : "", "operator1"), i >= 2 && I(l, c != null ? c : "", "operator2"), /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelConditionsDesc }, r.t("sheets-filter.panel.?"), /* @__PURE__ */ R.createElement("br", null), r.t("sheets-filter.panel.*"))) : null);
+}
+function Fo(e) {
+  const t = e.getCurrentLocale();
+  return lr(
+    () => [
+      {
+        options: [
+          { label: e.t(b.NONE.label), value: b.NONE.operator }
+        ]
+      },
+      {
+        options: [
+          { label: e.t(b.EMPTY.label), value: b.EMPTY.operator },
+          { label: e.t(b.NOT_EMPTY.label), value: b.NOT_EMPTY.operator }
+        ]
+      },
+      {
+        options: [
+          { label: e.t(b.TEXT_CONTAINS.label), value: b.TEXT_CONTAINS.operator },
+          { label: e.t(b.DOES_NOT_CONTAIN.label), value: b.DOES_NOT_CONTAIN.operator },
+          { label: e.t(b.STARTS_WITH.label), value: b.STARTS_WITH.operator },
+          { label: e.t(b.ENDS_WITH.label), value: b.ENDS_WITH.operator },
+          { label: e.t(b.EQUALS.label), value: b.EQUALS.operator }
+        ]
+      },
+      {
+        options: [
+          { label: e.t(b.GREATER_THAN.label), value: b.GREATER_THAN.operator },
+          { label: e.t(b.GREATER_THAN_OR_EQUAL.label), value: b.GREATER_THAN_OR_EQUAL.operator },
+          { label: e.t(b.LESS_THAN.label), value: b.LESS_THAN.operator },
+          { label: e.t(b.LESS_THAN_OR_EQUAL.label), value: b.LESS_THAN_OR_EQUAL.operator },
+          { label: e.t(b.EQUAL.label), value: b.EQUAL.operator },
+          { label: e.t(b.NOT_EQUAL.label), value: b.NOT_EQUAL.operator },
+          { label: e.t(b.BETWEEN.label), value: b.BETWEEN.operator },
+          { label: e.t(b.NOT_BETWEEN.label), value: b.NOT_BETWEEN.operator }
+        ]
+      },
+      {
+        options: [
+          { label: e.t(b.CUSTOM.label), value: b.CUSTOM.operator }
+        ]
+      }
+    ],
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [t, e]
+  );
+}
+function Co(e) {
+  const t = e.getCurrentLocale();
+  return lr(
+    () => b.ALL_CONDITIONS.filter((r) => r.numOfParameters !== 2).map((r) => ({ label: e.t(r.label), value: r.operator })),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [t, e]
+  );
+}
+function et() {
+  return et = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    }
+    return e;
+  }, et.apply(this, arguments);
+}
+function ue(e) {
+  "@babel/helpers - typeof";
+  return ue = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, ue(e);
+}
+function No(e, t) {
+  if (ue(e) != "object" || !e)
+    return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t || "default");
+    if (ue(n) != "object")
+      return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function vn(e) {
+  var t = No(e, "string");
+  return ue(t) == "symbol" ? t : t + "";
+}
+function q(e, t, r) {
+  return t = vn(t), t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function Lr(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function Z(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Lr(Object(r), !0).forEach(function(n) {
+      q(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Lr(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function Po(e) {
+  if (Array.isArray(e))
+    return e;
+}
+function Io(e, t) {
+  var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (r != null) {
+    var n, o, a, i, s = [], l = !0, u = !1;
+    try {
+      if (a = (r = r.call(e)).next, t === 0) {
+        if (Object(r) !== r)
+          return;
+        l = !1;
+      } else
+        for (; !(l = (n = a.call(r)).done) && (s.push(n.value), s.length !== t); l = !0)
+          ;
+    } catch (c) {
+      u = !0, o = c;
+    } finally {
+      try {
+        if (!l && r.return != null && (i = r.return(), Object(i) !== i))
+          return;
+      } finally {
+        if (u)
+          throw o;
+      }
+    }
+    return s;
+  }
+}
+function $r(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, n = new Array(t); r < t; r++)
+    n[r] = e[r];
+  return n;
+}
+function wo(e, t) {
+  if (e) {
+    if (typeof e == "string")
+      return $r(e, t);
+    var r = Object.prototype.toString.call(e).slice(8, -1);
+    if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set")
+      return Array.from(e);
+    if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))
+      return $r(e, t);
+  }
+}
+function Ao() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function Q(e, t) {
+  return Po(e) || Io(e, t) || wo(e, t) || Ao();
+}
+function Mo(e, t) {
+  if (e == null)
+    return {};
+  var r = {}, n = Object.keys(e), o, a;
+  for (a = 0; a < n.length; a++)
+    o = n[a], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
+  return r;
+}
+function Lo(e, t) {
+  if (e == null)
+    return {};
+  var r = Mo(e, t), n, o;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < a.length; o++)
+      n = a[o], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
+  }
+  return r;
+}
+function $o(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var pn = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function r() {
+      for (var a = "", i = 0; i < arguments.length; i++) {
+        var s = arguments[i];
+        s && (a = o(a, n(s)));
+      }
+      return a;
+    }
+    function n(a) {
+      if (typeof a == "string" || typeof a == "number")
+        return a;
+      if (typeof a != "object")
+        return "";
+      if (Array.isArray(a))
+        return r.apply(null, a);
+      if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
+        return a.toString();
+      var i = "";
+      for (var s in a)
+        t.call(a, s) && a[s] && (i = o(i, s));
+      return i;
+    }
+    function o(a, i) {
+      return i ? a ? a + " " + i : a + i : a;
+    }
+    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+  })();
+})(pn);
+var Ho = pn.exports;
+const St = /* @__PURE__ */ $o(Ho);
+var gn = { exports: {} }, w = {};
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var cr = Symbol.for("react.element"), fr = Symbol.for("react.portal"), Ft = Symbol.for("react.fragment"), Ct = Symbol.for("react.strict_mode"), Nt = Symbol.for("react.profiler"), Pt = Symbol.for("react.provider"), It = Symbol.for("react.context"), Do = Symbol.for("react.server_context"), wt = Symbol.for("react.forward_ref"), At = Symbol.for("react.suspense"), Mt = Symbol.for("react.suspense_list"), Lt = Symbol.for("react.memo"), $t = Symbol.for("react.lazy"), Uo = Symbol.for("react.offscreen"), _n;
+_n = Symbol.for("react.module.reference");
+function re(e) {
+  if (typeof e == "object" && e !== null) {
+    var t = e.$$typeof;
+    switch (t) {
+      case cr:
+        switch (e = e.type, e) {
+          case Ft:
+          case Nt:
+          case Ct:
+          case At:
+          case Mt:
+            return e;
+          default:
+            switch (e = e && e.$$typeof, e) {
+              case Do:
+              case It:
+              case wt:
+              case $t:
+              case Lt:
+              case Pt:
+                return e;
+              default:
+                return t;
+            }
+        }
+      case fr:
+        return t;
+    }
+  }
+}
+w.ContextConsumer = It;
+w.ContextProvider = Pt;
+w.Element = cr;
+w.ForwardRef = wt;
+w.Fragment = Ft;
+w.Lazy = $t;
+w.Memo = Lt;
+w.Portal = fr;
+w.Profiler = Nt;
+w.StrictMode = Ct;
+w.Suspense = At;
+w.SuspenseList = Mt;
+w.isAsyncMode = function() {
+  return !1;
+};
+w.isConcurrentMode = function() {
+  return !1;
+};
+w.isContextConsumer = function(e) {
+  return re(e) === It;
+};
+w.isContextProvider = function(e) {
+  return re(e) === Pt;
+};
+w.isElement = function(e) {
+  return typeof e == "object" && e !== null && e.$$typeof === cr;
+};
+w.isForwardRef = function(e) {
+  return re(e) === wt;
+};
+w.isFragment = function(e) {
+  return re(e) === Ft;
+};
+w.isLazy = function(e) {
+  return re(e) === $t;
+};
+w.isMemo = function(e) {
+  return re(e) === Lt;
+};
+w.isPortal = function(e) {
+  return re(e) === fr;
+};
+w.isProfiler = function(e) {
+  return re(e) === Nt;
+};
+w.isStrictMode = function(e) {
+  return re(e) === Ct;
+};
+w.isSuspense = function(e) {
+  return re(e) === At;
+};
+w.isSuspenseList = function(e) {
+  return re(e) === Mt;
+};
+w.isValidElementType = function(e) {
+  return typeof e == "string" || typeof e == "function" || e === Ft || e === Nt || e === Ct || e === At || e === Mt || e === Uo || typeof e == "object" && e !== null && (e.$$typeof === $t || e.$$typeof === Lt || e.$$typeof === Pt || e.$$typeof === It || e.$$typeof === wt || e.$$typeof === _n || e.getModuleId !== void 0);
+};
+w.typeOf = re;
+gn.exports = w;
+var ht = gn.exports;
+function Xt(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = [];
+  return R.Children.forEach(e, function(n) {
+    n == null && !t.keepEmpty || (Array.isArray(n) ? r = r.concat(Xt(n)) : ht.isFragment(n) && n.props ? r = r.concat(Xt(n.props.children, t)) : r.push(n));
+  }), r;
+}
+function xo(e) {
+  return e instanceof HTMLElement || e instanceof SVGElement;
+}
+function dt(e) {
+  return xo(e) ? e : e instanceof R.Component ? Di.findDOMNode(e) : null;
+}
+function Bo(e, t, r) {
+  var n = m.useRef({});
+  return (!("value" in n.current) || r(n.current.condition, t)) && (n.current.value = e(), n.current.condition = t), n.current.value;
+}
+function Wo(e, t) {
+  typeof e == "function" ? e(t) : ue(e) === "object" && e && "current" in e && (e.current = t);
+}
+function Vo() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  var n = t.filter(function(o) {
+    return o;
+  });
+  return n.length <= 1 ? n[0] : function(o) {
+    t.forEach(function(a) {
+      Wo(a, o);
+    });
+  };
+}
+function jo() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  return Bo(function() {
+    return Vo.apply(void 0, t);
+  }, t, function(n, o) {
+    return n.length !== o.length || n.every(function(a, i) {
+      return a !== o[i];
+    });
+  });
+}
+function ko(e) {
+  var t, r, n = ht.isMemo(e) ? e.type.type : e.type;
+  return !(typeof n == "function" && !((t = n.prototype) !== null && t !== void 0 && t.render) && n.$$typeof !== ht.ForwardRef || typeof e == "function" && !((r = e.prototype) !== null && r !== void 0 && r.render) && e.$$typeof !== ht.ForwardRef);
+}
+var Kt = /* @__PURE__ */ m.createContext(null);
+function zo(e) {
+  var t = e.children, r = e.onBatchResize, n = m.useRef(0), o = m.useRef([]), a = m.useContext(Kt), i = m.useCallback(function(s, l, u) {
+    n.current += 1;
+    var c = n.current;
+    o.current.push({
+      size: s,
+      element: l,
+      data: u
+    }), Promise.resolve().then(function() {
+      c === n.current && (r == null || r(o.current), o.current = []);
+    }), a == null || a(s, l, u);
+  }, [r, a]);
+  return /* @__PURE__ */ m.createElement(Kt.Provider, {
+    value: i
+  }, t);
+}
+var Sn = function() {
+  if (typeof Map < "u")
+    return Map;
+  function e(t, r) {
+    var n = -1;
+    return t.some(function(o, a) {
+      return o[0] === r ? (n = a, !0) : !1;
+    }), n;
+  }
+  return (
+    /** @class */
+    function() {
+      function t() {
+        this.__entries__ = [];
+      }
+      return Object.defineProperty(t.prototype, "size", {
+        /**
+         * @returns {boolean}
+         */
+        get: function() {
+          return this.__entries__.length;
+        },
+        enumerable: !0,
+        configurable: !0
+      }), t.prototype.get = function(r) {
+        var n = e(this.__entries__, r), o = this.__entries__[n];
+        return o && o[1];
+      }, t.prototype.set = function(r, n) {
+        var o = e(this.__entries__, r);
+        ~o ? this.__entries__[o][1] = n : this.__entries__.push([r, n]);
+      }, t.prototype.delete = function(r) {
+        var n = this.__entries__, o = e(n, r);
+        ~o && n.splice(o, 1);
+      }, t.prototype.has = function(r) {
+        return !!~e(this.__entries__, r);
+      }, t.prototype.clear = function() {
+        this.__entries__.splice(0);
+      }, t.prototype.forEach = function(r, n) {
+        n === void 0 && (n = null);
+        for (var o = 0, a = this.__entries__; o < a.length; o++) {
+          var i = a[o];
+          r.call(n, i[1], i[0]);
+        }
+      }, t;
+    }()
+  );
+}(), Zt = typeof window < "u" && typeof document < "u" && window.document === document, Et = function() {
+  return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
+}(), Qo = function() {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Et) : function(e) {
+    return setTimeout(function() {
+      return e(Date.now());
+    }, 1e3 / 60);
+  };
+}(), Go = 2;
+function Yo(e, t) {
+  var r = !1, n = !1, o = 0;
+  function a() {
+    r && (r = !1, e()), n && s();
+  }
+  function i() {
+    Qo(a);
+  }
+  function s() {
+    var l = Date.now();
+    if (r) {
+      if (l - o < Go)
+        return;
+      n = !0;
+    } else
+      r = !0, n = !1, setTimeout(i, t);
+    o = l;
+  }
+  return s;
+}
+var qo = 20, Xo = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], Ko = typeof MutationObserver < "u", Zo = (
+  /** @class */
+  function() {
+    function e() {
+      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Yo(this.refresh.bind(this), qo);
+    }
+    return e.prototype.addObserver = function(t) {
+      ~this.observers_.indexOf(t) || this.observers_.push(t), this.connected_ || this.connect_();
+    }, e.prototype.removeObserver = function(t) {
+      var r = this.observers_, n = r.indexOf(t);
+      ~n && r.splice(n, 1), !r.length && this.connected_ && this.disconnect_();
+    }, e.prototype.refresh = function() {
+      var t = this.updateObservers_();
+      t && this.refresh();
+    }, e.prototype.updateObservers_ = function() {
+      var t = this.observers_.filter(function(r) {
+        return r.gatherActive(), r.hasActive();
+      });
+      return t.forEach(function(r) {
+        return r.broadcastActive();
+      }), t.length > 0;
+    }, e.prototype.connect_ = function() {
+      !Zt || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Ko ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+        attributes: !0,
+        childList: !0,
+        characterData: !0,
+        subtree: !0
+      })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
+    }, e.prototype.disconnect_ = function() {
+      !Zt || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+    }, e.prototype.onTransitionEnd_ = function(t) {
+      var r = t.propertyName, n = r === void 0 ? "" : r, o = Xo.some(function(a) {
+        return !!~n.indexOf(a);
+      });
+      o && this.refresh();
+    }, e.getInstance = function() {
+      return this.instance_ || (this.instance_ = new e()), this.instance_;
+    }, e.instance_ = null, e;
+  }()
+), En = function(e, t) {
+  for (var r = 0, n = Object.keys(t); r < n.length; r++) {
+    var o = n[r];
+    Object.defineProperty(e, o, {
+      value: t[o],
+      enumerable: !1,
+      writable: !1,
+      configurable: !0
+    });
+  }
+  return e;
+}, Be = function(e) {
+  var t = e && e.ownerDocument && e.ownerDocument.defaultView;
+  return t || Et;
+}, yn = Ht(0, 0, 0, 0);
+function yt(e) {
+  return parseFloat(e) || 0;
+}
+function Hr(e) {
+  for (var t = [], r = 1; r < arguments.length; r++)
+    t[r - 1] = arguments[r];
+  return t.reduce(function(n, o) {
+    var a = e["border-" + o + "-width"];
+    return n + yt(a);
+  }, 0);
+}
+function Jo(e) {
+  for (var t = ["top", "right", "bottom", "left"], r = {}, n = 0, o = t; n < o.length; n++) {
+    var a = o[n], i = e["padding-" + a];
+    r[a] = yt(i);
+  }
+  return r;
+}
+function es(e) {
+  var t = e.getBBox();
+  return Ht(0, 0, t.width, t.height);
+}
+function ts(e) {
+  var t = e.clientWidth, r = e.clientHeight;
+  if (!t && !r)
+    return yn;
+  var n = Be(e).getComputedStyle(e), o = Jo(n), a = o.left + o.right, i = o.top + o.bottom, s = yt(n.width), l = yt(n.height);
+  if (n.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= Hr(n, "left", "right") + a), Math.round(l + i) !== r && (l -= Hr(n, "top", "bottom") + i)), !ns(e)) {
+    var u = Math.round(s + a) - t, c = Math.round(l + i) - r;
+    Math.abs(u) !== 1 && (s -= u), Math.abs(c) !== 1 && (l -= c);
+  }
+  return Ht(o.left, o.top, s, l);
+}
+var rs = /* @__PURE__ */ function() {
+  return typeof SVGGraphicsElement < "u" ? function(e) {
+    return e instanceof Be(e).SVGGraphicsElement;
+  } : function(e) {
+    return e instanceof Be(e).SVGElement && typeof e.getBBox == "function";
+  };
+}();
+function ns(e) {
+  return e === Be(e).document.documentElement;
+}
+function is(e) {
+  return Zt ? rs(e) ? es(e) : ts(e) : yn;
+}
+function os(e) {
+  var t = e.x, r = e.y, n = e.width, o = e.height, a = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, i = Object.create(a.prototype);
+  return En(i, {
+    x: t,
+    y: r,
+    width: n,
+    height: o,
+    top: r,
+    right: t + n,
+    bottom: o + r,
+    left: t
+  }), i;
+}
+function Ht(e, t, r, n) {
+  return { x: e, y: t, width: r, height: n };
+}
+var ss = (
+  /** @class */
+  function() {
+    function e(t) {
+      this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = Ht(0, 0, 0, 0), this.target = t;
+    }
+    return e.prototype.isActive = function() {
+      var t = is(this.target);
+      return this.contentRect_ = t, t.width !== this.broadcastWidth || t.height !== this.broadcastHeight;
+    }, e.prototype.broadcastRect = function() {
+      var t = this.contentRect_;
+      return this.broadcastWidth = t.width, this.broadcastHeight = t.height, t;
+    }, e;
+  }()
+), as = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function e(t, r) {
+      var n = os(r);
+      En(this, { target: t, contentRect: n });
+    }
+    return e;
+  }()
+), ls = (
+  /** @class */
+  function() {
+    function e(t, r, n) {
+      if (this.activeObservations_ = [], this.observations_ = new Sn(), typeof t != "function")
+        throw new TypeError("The callback provided as parameter 1 is not a function.");
+      this.callback_ = t, this.controller_ = r, this.callbackCtx_ = n;
+    }
+    return e.prototype.observe = function(t) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element > "u" || !(Element instanceof Object))) {
+        if (!(t instanceof Be(t).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var r = this.observations_;
+        r.has(t) || (r.set(t, new ss(t)), this.controller_.addObserver(this), this.controller_.refresh());
+      }
+    }, e.prototype.unobserve = function(t) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element > "u" || !(Element instanceof Object))) {
+        if (!(t instanceof Be(t).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var r = this.observations_;
+        r.has(t) && (r.delete(t), r.size || this.controller_.removeObserver(this));
+      }
+    }, e.prototype.disconnect = function() {
+      this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this);
+    }, e.prototype.gatherActive = function() {
+      var t = this;
+      this.clearActive(), this.observations_.forEach(function(r) {
+        r.isActive() && t.activeObservations_.push(r);
+      });
+    }, e.prototype.broadcastActive = function() {
+      if (this.hasActive()) {
+        var t = this.callbackCtx_, r = this.activeObservations_.map(function(n) {
+          return new as(n.target, n.broadcastRect());
+        });
+        this.callback_.call(t, r, t), this.clearActive();
+      }
+    }, e.prototype.clearActive = function() {
+      this.activeObservations_.splice(0);
+    }, e.prototype.hasActive = function() {
+      return this.activeObservations_.length > 0;
+    }, e;
+  }()
+), bn = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Sn(), Tn = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function e(t) {
+      if (!(this instanceof e))
+        throw new TypeError("Cannot call a class as a function.");
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      var r = Zo.getInstance(), n = new ls(t, r, this);
+      bn.set(this, n);
+    }
+    return e;
+  }()
+);
+[
+  "observe",
+  "unobserve",
+  "disconnect"
+].forEach(function(e) {
+  Tn.prototype[e] = function() {
+    var t;
+    return (t = bn.get(this))[e].apply(t, arguments);
+  };
+});
+var us = function() {
+  return typeof Et.ResizeObserver < "u" ? Et.ResizeObserver : Tn;
+}(), ye = /* @__PURE__ */ new Map();
+function cs(e) {
+  e.forEach(function(t) {
+    var r, n = t.target;
+    (r = ye.get(n)) === null || r === void 0 || r.forEach(function(o) {
+      return o(n);
+    });
+  });
+}
+var Rn = new us(cs);
+function fs(e, t) {
+  ye.has(e) || (ye.set(e, /* @__PURE__ */ new Set()), Rn.observe(e)), ye.get(e).add(t);
+}
+function hs(e, t) {
+  ye.has(e) && (ye.get(e).delete(t), ye.get(e).size || (Rn.unobserve(e), ye.delete(e)));
+}
+function On(e, t) {
+  if (!(e instanceof t))
+    throw new TypeError("Cannot call a class as a function");
+}
+function Dr(e, t) {
+  for (var r = 0; r < t.length; r++) {
+    var n = t[r];
+    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, vn(n.key), n);
+  }
+}
+function Fn(e, t, r) {
+  return t && Dr(e.prototype, t), r && Dr(e, r), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+function Jt(e, t) {
+  return Jt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
+    return n.__proto__ = o, n;
+  }, Jt(e, t);
+}
+function ds(e, t) {
+  if (typeof t != "function" && t !== null)
+    throw new TypeError("Super expression must either be null or a function");
+  e.prototype = Object.create(t && t.prototype, {
+    constructor: {
+      value: e,
+      writable: !0,
+      configurable: !0
+    }
+  }), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), t && Jt(e, t);
+}
+function bt(e) {
+  return bt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(r) {
+    return r.__proto__ || Object.getPrototypeOf(r);
+  }, bt(e);
+}
+function Cn() {
+  try {
+    var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+  } catch {
+  }
+  return (Cn = function() {
+    return !!e;
+  })();
+}
+function ms(e) {
+  if (e === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function vs(e, t) {
+  if (t && (ue(t) === "object" || typeof t == "function"))
+    return t;
+  if (t !== void 0)
+    throw new TypeError("Derived constructors may only return object or undefined");
+  return ms(e);
+}
+function ps(e) {
+  var t = Cn();
+  return function() {
+    var n = bt(e), o;
+    if (t) {
+      var a = bt(this).constructor;
+      o = Reflect.construct(n, arguments, a);
+    } else
+      o = n.apply(this, arguments);
+    return vs(this, o);
+  };
+}
+var gs = /* @__PURE__ */ function(e) {
+  ds(r, e);
+  var t = ps(r);
+  function r() {
+    return On(this, r), t.apply(this, arguments);
+  }
+  return Fn(r, [{
+    key: "render",
+    value: function() {
+      return this.props.children;
+    }
+  }]), r;
+}(m.Component);
+function _s(e, t) {
+  var r = e.children, n = e.disabled, o = m.useRef(null), a = m.useRef(null), i = m.useContext(Kt), s = typeof r == "function", l = s ? r(o) : r, u = m.useRef({
+    width: -1,
+    height: -1,
+    offsetWidth: -1,
+    offsetHeight: -1
+  }), c = !s && /* @__PURE__ */ m.isValidElement(l) && ko(l), f = c ? l.ref : null, d = jo(f, o), h = function() {
+    var S;
+    return dt(o.current) || // Support `nativeElement` format
+    (o.current && ue(o.current) === "object" ? dt((S = o.current) === null || S === void 0 ? void 0 : S.nativeElement) : null) || dt(a.current);
+  };
+  m.useImperativeHandle(t, function() {
+    return h();
+  });
+  var g = m.useRef(e);
+  g.current = e;
+  var _ = m.useCallback(function(p) {
+    var S = g.current, T = S.onResize, I = S.data, F = p.getBoundingClientRect(), H = F.width, M = F.height, O = p.offsetWidth, L = p.offsetHeight, U = Math.floor(H), B = Math.floor(M);
+    if (u.current.width !== U || u.current.height !== B || u.current.offsetWidth !== O || u.current.offsetHeight !== L) {
+      var X = {
+        width: U,
+        height: B,
+        offsetWidth: O,
+        offsetHeight: L
+      };
+      u.current = X;
+      var k = O === Math.round(H) ? H : O, J = L === Math.round(M) ? M : L, z = Z(Z({}, X), {}, {
+        offsetWidth: k,
+        offsetHeight: J
+      });
+      i == null || i(z, p, I), T && Promise.resolve().then(function() {
+        T(z, p);
+      });
+    }
+  }, []);
+  return m.useEffect(function() {
+    var p = h();
+    return p && !n && fs(p, _), function() {
+      return hs(p, _);
+    };
+  }, [o.current, n]), /* @__PURE__ */ m.createElement(gs, {
+    ref: a
+  }, c ? /* @__PURE__ */ m.cloneElement(l, {
+    ref: d
+  }) : l);
+}
+var Ss = /* @__PURE__ */ m.forwardRef(_s), Es = "rc-observer-key";
+function ys(e, t) {
+  var r = e.children, n = typeof r == "function" ? [r] : Xt(r);
+  return n.map(function(o, a) {
+    var i = (o == null ? void 0 : o.key) || "".concat(Es, "-").concat(a);
+    return /* @__PURE__ */ m.createElement(Ss, et({}, e, {
+      key: i,
+      ref: a === 0 ? t : void 0
+    }), o);
+  });
+}
+var hr = /* @__PURE__ */ m.forwardRef(ys);
+hr.Collection = zo;
+var Nn = /* @__PURE__ */ m.forwardRef(function(e, t) {
+  var r = e.height, n = e.offsetY, o = e.offsetX, a = e.children, i = e.prefixCls, s = e.onInnerResize, l = e.innerProps, u = e.rtl, c = e.extra, f = {}, d = {
+    display: "flex",
+    flexDirection: "column"
+  };
+  return n !== void 0 && (f = {
+    height: r,
+    position: "relative",
+    overflow: "hidden"
+  }, d = Z(Z({}, d), {}, q(q(q(q(q({
+    transform: "translateY(".concat(n, "px)")
+  }, u ? "marginRight" : "marginLeft", -o), "position", "absolute"), "left", 0), "right", 0), "top", 0))), /* @__PURE__ */ m.createElement("div", {
+    style: f
+  }, /* @__PURE__ */ m.createElement(hr, {
+    onResize: function(g) {
+      var _ = g.offsetHeight;
+      _ && s && s();
+    }
+  }, /* @__PURE__ */ m.createElement("div", et({
+    style: d,
+    className: St(q({}, "".concat(i, "-holder-inner"), i)),
+    ref: t
+  }, l), a, c)));
+});
+Nn.displayName = "Filler";
+var Pn = function(t) {
+  return +setTimeout(t, 16);
+}, In = function(t) {
+  return clearTimeout(t);
+};
+typeof window < "u" && "requestAnimationFrame" in window && (Pn = function(t) {
+  return window.requestAnimationFrame(t);
+}, In = function(t) {
+  return window.cancelAnimationFrame(t);
+});
+var Ur = 0, dr = /* @__PURE__ */ new Map();
+function wn(e) {
+  dr.delete(e);
+}
+var le = function(t) {
+  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+  Ur += 1;
+  var n = Ur;
+  function o(a) {
+    if (a === 0)
+      wn(n), t();
+    else {
+      var i = Pn(function() {
+        o(a - 1);
+      });
+      dr.set(n, i);
+    }
+  }
+  return o(r), n;
+};
+le.cancel = function(e) {
+  var t = dr.get(e);
+  return wn(e), In(t);
+};
+function xr(e, t) {
+  var r = "touches" in e ? e.touches[0] : e;
+  return r[t ? "pageX" : "pageY"];
+}
+var Br = /* @__PURE__ */ m.forwardRef(function(e, t) {
+  var r = e.prefixCls, n = e.rtl, o = e.scrollOffset, a = e.scrollRange, i = e.onStartMove, s = e.onStopMove, l = e.onScroll, u = e.horizontal, c = e.spinSize, f = e.containerSize, d = e.style, h = e.thumbStyle, g = m.useState(!1), _ = Q(g, 2), p = _[0], S = _[1], T = m.useState(null), I = Q(T, 2), F = I[0], H = I[1], M = m.useState(null), O = Q(M, 2), L = O[0], U = O[1], B = !n, X = m.useRef(), k = m.useRef(), J = m.useState(!1), z = Q(J, 2), Pe = z[0], K = z[1], Re = m.useRef(), ne = function() {
+    clearTimeout(Re.current), K(!0), Re.current = setTimeout(function() {
+      K(!1);
+    }, 3e3);
+  }, Y = a - f || 0, Ve = f - c || 0, $ = m.useMemo(function() {
+    if (o === 0 || Y === 0)
+      return 0;
+    var V = o / Y;
+    return V * Ve;
+  }, [o, Y, Ve]), Oe = function(x) {
+    x.stopPropagation(), x.preventDefault();
+  }, Ie = m.useRef({
+    top: $,
+    dragging: p,
+    pageY: F,
+    startTop: L
+  });
+  Ie.current = {
+    top: $,
+    dragging: p,
+    pageY: F,
+    startTop: L
+  };
+  var je = function(x) {
+    S(!0), H(xr(x, u)), U(Ie.current.top), i(), x.stopPropagation(), x.preventDefault();
+  };
+  m.useEffect(function() {
+    var V = function(Qe) {
+      Qe.preventDefault();
+    }, x = X.current, de = k.current;
+    return x.addEventListener("touchstart", V), de.addEventListener("touchstart", je), function() {
+      x.removeEventListener("touchstart", V), de.removeEventListener("touchstart", je);
+    };
+  }, []);
+  var ke = m.useRef();
+  ke.current = Y;
+  var ie = m.useRef();
+  ie.current = Ve, m.useEffect(function() {
+    if (p) {
+      var V, x = function(Qe) {
+        var we = Ie.current, nt = we.dragging, it = we.pageY, Dt = we.startTop;
+        if (le.cancel(V), nt) {
+          var Fe = xr(Qe, u) - it, Ae = Dt;
+          !B && u ? Ae -= Fe : Ae += Fe;
+          var ot = ke.current, st = ie.current, Ut = st ? Ae / st : 0, Ce = Math.ceil(Ut * ot);
+          Ce = Math.max(Ce, 0), Ce = Math.min(Ce, ot), V = le(function() {
+            l(Ce, u);
+          });
+        }
+      }, de = function() {
+        S(!1), s();
+      };
+      return window.addEventListener("mousemove", x), window.addEventListener("touchmove", x), window.addEventListener("mouseup", de), window.addEventListener("touchend", de), function() {
+        window.removeEventListener("mousemove", x), window.removeEventListener("touchmove", x), window.removeEventListener("mouseup", de), window.removeEventListener("touchend", de), le.cancel(V);
+      };
+    }
+  }, [p]), m.useEffect(function() {
+    ne();
+  }, [o]), m.useImperativeHandle(t, function() {
+    return {
+      delayHidden: ne
+    };
+  });
+  var pe = "".concat(r, "-scrollbar"), ee = {
+    position: "absolute",
+    visibility: Pe ? null : "hidden"
+  }, oe = {
+    position: "absolute",
+    background: "rgba(0, 0, 0, 0.5)",
+    borderRadius: 99,
+    cursor: "pointer",
+    userSelect: "none"
+  };
+  return u ? (ee.height = 8, ee.left = 0, ee.right = 0, ee.bottom = 0, oe.height = "100%", oe.width = c, B ? oe.left = $ : oe.right = $) : (ee.width = 8, ee.top = 0, ee.bottom = 0, B ? ee.right = 0 : ee.left = 0, oe.width = "100%", oe.height = c, oe.top = $), /* @__PURE__ */ m.createElement("div", {
+    ref: X,
+    className: St(pe, q(q(q({}, "".concat(pe, "-horizontal"), u), "".concat(pe, "-vertical"), !u), "".concat(pe, "-visible"), Pe)),
+    style: Z(Z({}, ee), d),
+    onMouseDown: Oe,
+    onMouseMove: ne
+  }, /* @__PURE__ */ m.createElement("div", {
+    ref: k,
+    className: St("".concat(pe, "-thumb"), q({}, "".concat(pe, "-thumb-moving"), p)),
+    style: Z(Z({}, oe), h),
+    onMouseDown: je
+  }));
+});
+function bs(e) {
+  var t = e.children, r = e.setRef, n = m.useCallback(function(o) {
+    r(o);
+  }, []);
+  return /* @__PURE__ */ m.cloneElement(t, {
+    ref: n
+  });
+}
+function Ts(e, t, r, n, o, a, i) {
+  var s = i.getKey;
+  return e.slice(t, r + 1).map(function(l, u) {
+    var c = t + u, f = a(l, c, {
+      style: {
+        width: n
+      }
+    }), d = s(l);
+    return /* @__PURE__ */ m.createElement(bs, {
+      key: d,
+      setRef: function(g) {
+        return o(l, g);
+      }
+    }, f);
+  });
+}
+var Rs = /* @__PURE__ */ function() {
+  function e() {
+    On(this, e), q(this, "maps", void 0), q(this, "id", 0), this.maps = /* @__PURE__ */ Object.create(null);
+  }
+  return Fn(e, [{
+    key: "set",
+    value: function(r, n) {
+      this.maps[r] = n, this.id += 1;
+    }
+  }, {
+    key: "get",
+    value: function(r) {
+      return this.maps[r];
+    }
+  }]), e;
+}();
+function Os(e, t, r) {
+  var n = m.useState(0), o = Q(n, 2), a = o[0], i = o[1], s = A(/* @__PURE__ */ new Map()), l = A(new Rs()), u = A();
+  function c() {
+    le.cancel(u.current);
+  }
+  function f() {
+    var h = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+    c();
+    var g = function() {
+      s.current.forEach(function(p, S) {
+        if (p && p.offsetParent) {
+          var T = dt(p), I = T.offsetHeight;
+          l.current.get(S) !== I && l.current.set(S, T.offsetHeight);
+        }
+      }), i(function(p) {
+        return p + 1;
+      });
+    };
+    h ? g() : u.current = le(g);
+  }
+  function d(h, g) {
+    var _ = e(h), p = s.current.get(_);
+    g ? (s.current.set(_, g), f()) : s.current.delete(_), !p != !g && (g ? t == null || t(h) : r == null || r(h));
+  }
+  return Hi(function() {
+    return c;
+  }, []), [d, f, l.current, a];
+}
+function Fs() {
+  return !!(typeof window < "u" && window.document && window.document.createElement);
+}
+var Wr = Fs() ? m.useLayoutEffect : m.useEffect, Je = function(t, r) {
+  var n = m.useRef(!0);
+  Wr(function() {
+    return t(n.current);
+  }, r), Wr(function() {
+    return n.current = !1, function() {
+      n.current = !0;
+    };
+  }, []);
+};
+function Vr(e) {
+  var t = m.useRef();
+  t.current = e;
+  var r = m.useCallback(function() {
+    for (var n, o = arguments.length, a = new Array(o), i = 0; i < o; i++)
+      a[i] = arguments[i];
+    return (n = t.current) === null || n === void 0 ? void 0 : n.call.apply(n, [t].concat(a));
+  }, []);
+  return r;
+}
+var Cs = 10;
+function Ns(e, t, r, n, o, a, i, s) {
+  var l = m.useRef(), u = m.useState(null), c = Q(u, 2), f = c[0], d = c[1];
+  return Je(function() {
+    if (f && f.times < Cs) {
+      if (!e.current) {
+        d(function(Y) {
+          return Z({}, Y);
+        });
+        return;
+      }
+      a();
+      var h = f.targetAlign, g = f.originAlign, _ = f.index, p = f.offset, S = e.current.clientHeight, T = !1, I = h, F = null;
+      if (S) {
+        for (var H = h || g, M = 0, O = 0, L = 0, U = Math.min(t.length - 1, _), B = 0; B <= U; B += 1) {
+          var X = o(t[B]);
+          O = M;
+          var k = r.get(X);
+          L = O + (k === void 0 ? n : k), M = L;
+        }
+        for (var J = H === "top" ? p : S - p, z = U; z >= 0; z -= 1) {
+          var Pe = o(t[z]), K = r.get(Pe);
+          if (K === void 0) {
+            T = !0;
+            break;
+          }
+          if (J -= K, J <= 0)
+            break;
+        }
+        switch (H) {
+          case "top":
+            F = O - p;
+            break;
+          case "bottom":
+            F = L - S + p;
+            break;
+          default: {
+            var Re = e.current.scrollTop, ne = Re + S;
+            O < Re ? I = "top" : L > ne && (I = "bottom");
+          }
+        }
+        F !== null && i(F), F !== f.lastTop && (T = !0);
+      }
+      T && d(Z(Z({}, f), {}, {
+        times: f.times + 1,
+        targetAlign: I,
+        lastTop: F
+      }));
+    }
+  }, [f, e.current]), function(h) {
+    if (h == null) {
+      s();
+      return;
+    }
+    if (le.cancel(l.current), typeof h == "number")
+      i(h);
+    else if (h && ue(h) === "object") {
+      var g, _ = h.align;
+      "index" in h ? g = h.index : g = t.findIndex(function(T) {
+        return o(T) === h.key;
+      });
+      var p = h.offset, S = p === void 0 ? 0 : p;
+      d({
+        times: 0,
+        index: g,
+        offset: S,
+        originAlign: _
+      });
+    }
+  };
+}
+function Ps(e, t, r) {
+  var n = e.length, o = t.length, a, i;
+  if (n === 0 && o === 0)
+    return null;
+  n < o ? (a = e, i = t) : (a = t, i = e);
+  var s = {
+    __EMPTY_ITEM__: !0
+  };
+  function l(g) {
+    return g !== void 0 ? r(g) : s;
+  }
+  for (var u = null, c = Math.abs(n - o) !== 1, f = 0; f < i.length; f += 1) {
+    var d = l(a[f]), h = l(i[f]);
+    if (d !== h) {
+      u = f, c = c || d !== l(i[f + 1]);
+      break;
+    }
+  }
+  return u === null ? null : {
+    index: u,
+    multiple: c
+  };
+}
+function Is(e, t, r) {
+  var n = m.useState(e), o = Q(n, 2), a = o[0], i = o[1], s = m.useState(null), l = Q(s, 2), u = l[0], c = l[1];
+  return m.useEffect(function() {
+    var f = Ps(a || [], e || [], t);
+    (f == null ? void 0 : f.index) !== void 0 && (r == null || r(f.index), c(e[f.index])), i(e);
+  }, [e]), [u];
+}
+var jr = (typeof navigator > "u" ? "undefined" : ue(navigator)) === "object" && /Firefox/i.test(navigator.userAgent);
+const An = function(e, t) {
+  var r = A(!1), n = A(null);
+  function o() {
+    clearTimeout(n.current), r.current = !0, n.current = setTimeout(function() {
+      r.current = !1;
+    }, 50);
+  }
+  var a = A({
+    top: e,
+    bottom: t
+  });
+  return a.current.top = e, a.current.bottom = t, function(i) {
+    var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, l = (
+      // Pass origin wheel when on the top
+      i < 0 && a.current.top || // Pass origin wheel when on the bottom
+      i > 0 && a.current.bottom
+    );
+    return s && l ? (clearTimeout(n.current), r.current = !1) : (!l || r.current) && o(), !r.current && l;
+  };
+};
+function ws(e, t, r, n, o) {
+  var a = A(0), i = A(null), s = A(null), l = A(!1), u = An(t, r);
+  function c(p, S) {
+    le.cancel(i.current), a.current += S, s.current = S, !u(S) && (jr || p.preventDefault(), i.current = le(function() {
+      var T = l.current ? 10 : 1;
+      o(a.current * T), a.current = 0;
+    }));
+  }
+  function f(p, S) {
+    o(S, !0), jr || p.preventDefault();
+  }
+  var d = A(null), h = A(null);
+  function g(p) {
+    if (e) {
+      le.cancel(h.current), h.current = le(function() {
+        d.current = null;
+      }, 2);
+      var S = p.deltaX, T = p.deltaY, I = p.shiftKey, F = S, H = T;
+      (d.current === "sx" || !d.current && I && T && !S) && (F = T, H = 0, d.current = "sx");
+      var M = Math.abs(F), O = Math.abs(H);
+      d.current === null && (d.current = n && M > O ? "x" : "y"), d.current === "y" ? c(p, H) : f(p, F);
+    }
+  }
+  function _(p) {
+    e && (l.current = p.detail === s.current);
+  }
+  return [g, _];
+}
+var As = 14 / 15;
+function Ms(e, t, r) {
+  var n = A(!1), o = A(0), a = A(null), i = A(null), s, l = function(d) {
+    if (n.current) {
+      var h = Math.ceil(d.touches[0].pageY), g = o.current - h;
+      o.current = h, r(g) && d.preventDefault(), clearInterval(i.current), i.current = setInterval(function() {
+        g *= As, (!r(g, !0) || Math.abs(g) <= 0.1) && clearInterval(i.current);
+      }, 16);
+    }
+  }, u = function() {
+    n.current = !1, s();
+  }, c = function(d) {
+    s(), d.touches.length === 1 && !n.current && (n.current = !0, o.current = Math.ceil(d.touches[0].pageY), a.current = d.target, a.current.addEventListener("touchmove", l), a.current.addEventListener("touchend", u));
+  };
+  s = function() {
+    a.current && (a.current.removeEventListener("touchmove", l), a.current.removeEventListener("touchend", u));
+  }, Je(function() {
+    return e && t.current.addEventListener("touchstart", c), function() {
+      var f;
+      (f = t.current) === null || f === void 0 || f.removeEventListener("touchstart", c), s(), clearInterval(i.current);
+    };
+  }, [e]);
+}
+var Ls = 20;
+function kr() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, r = e / t * e;
+  return isNaN(r) && (r = 0), r = Math.max(r, Ls), Math.floor(r);
+}
+function $s(e, t, r, n) {
+  var o = m.useMemo(function() {
+    return [/* @__PURE__ */ new Map(), []];
+  }, [e, r.id, n]), a = Q(o, 2), i = a[0], s = a[1], l = function(c) {
+    var f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : c, d = i.get(c), h = i.get(f);
+    if (d === void 0 || h === void 0)
+      for (var g = e.length, _ = s.length; _ < g; _ += 1) {
+        var p, S = e[_], T = t(S);
+        i.set(T, _);
+        var I = (p = r.get(T)) !== null && p !== void 0 ? p : n;
+        if (s[_] = (s[_ - 1] || 0) + I, T === c && (d = _), T === f && (h = _), d !== void 0 && h !== void 0)
+          break;
+      }
+    return {
+      top: s[d - 1] || 0,
+      bottom: s[h]
+    };
+  };
+  return l;
+}
+var Hs = ["prefixCls", "className", "height", "itemHeight", "fullHeight", "style", "data", "children", "itemKey", "virtual", "direction", "scrollWidth", "component", "onScroll", "onVirtualScroll", "onVisibleChange", "innerProps", "extraRender", "styles"], Ds = [], Us = {
+  overflowY: "auto",
+  overflowAnchor: "none"
+};
+function xs(e, t) {
+  var r = e.prefixCls, n = r === void 0 ? "rc-virtual-list" : r, o = e.className, a = e.height, i = e.itemHeight, s = e.fullHeight, l = s === void 0 ? !0 : s, u = e.style, c = e.data, f = e.children, d = e.itemKey, h = e.virtual, g = e.direction, _ = e.scrollWidth, p = e.component, S = p === void 0 ? "div" : p, T = e.onScroll, I = e.onVirtualScroll, F = e.onVisibleChange, H = e.innerProps, M = e.extraRender, O = e.styles, L = Lo(e, Hs), U = m.useCallback(function(E) {
+    return typeof d == "function" ? d(E) : E == null ? void 0 : E[d];
+  }, [d]), B = Os(U, null, null), X = Q(B, 4), k = X[0], J = X[1], z = X[2], Pe = X[3], K = !!(h !== !1 && a && i), Re = m.useMemo(function() {
+    return Object.values(z.maps).reduce(function(E, y) {
+      return E + y;
+    }, 0);
+  }, [z.id, z.maps]), ne = K && c && (Math.max(i * c.length, Re) > a || !!_), Y = g === "rtl", Ve = St(n, q({}, "".concat(n, "-rtl"), Y), o), $ = c || Ds, Oe = A(), Ie = A(), je = Gt(0), ke = Q(je, 2), ie = ke[0], pe = ke[1], ee = Gt(0), oe = Q(ee, 2), V = oe[0], x = oe[1], de = Gt(!1), ze = Q(de, 2), Qe = ze[0], we = ze[1], nt = function() {
+    we(!0);
+  }, it = function() {
+    we(!1);
+  }, Dt = {
+    getKey: U
+  };
+  function Fe(E) {
+    pe(function(y) {
+      var P;
+      typeof E == "function" ? P = E(y) : P = E;
+      var j = xn(P);
+      return Oe.current.scrollTop = j, j;
+    });
+  }
+  var Ae = A({
+    start: 0,
+    end: $.length
+  }), ot = A(), st = Is($, U), Ut = Q(st, 1), Ce = Ut[0];
+  ot.current = Ce;
+  var at = m.useMemo(function() {
+    if (!K)
+      return {
+        scrollHeight: void 0,
+        start: 0,
+        end: $.length - 1,
+        offset: void 0
+      };
+    if (!ne) {
+      var E;
+      return {
+        scrollHeight: ((E = Ie.current) === null || E === void 0 ? void 0 : E.offsetHeight) || 0,
+        start: 0,
+        end: $.length - 1,
+        offset: void 0
+      };
+    }
+    for (var y = 0, P, j, ge, Gn = $.length, Xe = 0; Xe < Gn; Xe += 1) {
+      var Yn = $[Xe], qn = U(Yn), Fr = z.get(qn), Qt = y + (Fr === void 0 ? i : Fr);
+      Qt >= ie && P === void 0 && (P = Xe, j = y), Qt > ie + a && ge === void 0 && (ge = Xe), y = Qt;
+    }
+    return P === void 0 && (P = 0, j = 0, ge = Math.ceil(a / i)), ge === void 0 && (ge = $.length - 1), ge = Math.min(ge + 1, $.length - 1), {
+      scrollHeight: y,
+      start: P,
+      end: ge,
+      offset: j
+    };
+  }, [ne, K, ie, $, Pe, a]), Me = at.scrollHeight, Ge = at.start, Ye = at.end, mr = at.offset;
+  Ae.current.start = Ge, Ae.current.end = Ye;
+  var Ln = m.useState({
+    width: 0,
+    height: a
+  }), vr = Q(Ln, 2), me = vr[0], $n = vr[1], Hn = function(y) {
+    $n({
+      width: y.width || y.offsetWidth,
+      height: y.height || y.offsetHeight
+    });
+  }, pr = A(), gr = A(), Dn = m.useMemo(function() {
+    return kr(me.width, _);
+  }, [me.width, _]), Un = m.useMemo(function() {
+    return kr(me.height, Me);
+  }, [me.height, Me]), xt = Me - a, Bt = A(xt);
+  Bt.current = xt;
+  function xn(E) {
+    var y = E;
+    return Number.isNaN(Bt.current) || (y = Math.min(y, Bt.current)), y = Math.max(y, 0), y;
+  }
+  var _r = ie <= 0, Sr = ie >= xt, Bn = An(_r, Sr), Wt = function() {
+    return {
+      x: Y ? -V : V,
+      y: ie
+    };
+  }, Vt = A(Wt()), jt = Vr(function() {
+    if (I) {
+      var E = Wt();
+      (Vt.current.x !== E.x || Vt.current.y !== E.y) && (I(E), Vt.current = E);
+    }
+  });
+  function Er(E, y) {
+    var P = E;
+    y ? (Ar(function() {
+      x(P);
+    }), jt()) : Fe(P);
+  }
+  function Wn(E) {
+    var y = E.currentTarget.scrollTop;
+    y !== ie && Fe(y), T == null || T(E), jt();
+  }
+  var kt = function(y) {
+    var P = y, j = _ ? _ - me.width : 0;
+    return P = Math.max(P, 0), P = Math.min(P, j), P;
+  }, Vn = Vr(function(E, y) {
+    y ? (Ar(function() {
+      x(function(P) {
+        var j = P + (Y ? -E : E);
+        return kt(j);
+      });
+    }), jt()) : Fe(function(P) {
+      var j = P + E;
+      return j;
+    });
+  }), jn = ws(K, _r, Sr, !!_, Vn), yr = Q(jn, 2), zt = yr[0], br = yr[1];
+  Ms(K, Oe, function(E, y) {
+    return Bn(E, y) ? !1 : (zt({
+      preventDefault: function() {
+      },
+      deltaY: E
+    }), !0);
+  }), Je(function() {
+    function E(P) {
+      K && P.preventDefault();
+    }
+    var y = Oe.current;
+    return y.addEventListener("wheel", zt), y.addEventListener("DOMMouseScroll", br), y.addEventListener("MozMousePixelScroll", E), function() {
+      y.removeEventListener("wheel", zt), y.removeEventListener("DOMMouseScroll", br), y.removeEventListener("MozMousePixelScroll", E);
+    };
+  }, [K]), Je(function() {
+    _ && x(function(E) {
+      return kt(E);
+    });
+  }, [me.width, _]);
+  var Tr = function() {
+    var y, P;
+    (y = pr.current) === null || y === void 0 || y.delayHidden(), (P = gr.current) === null || P === void 0 || P.delayHidden();
+  }, Rr = Ns(Oe, $, z, i, U, function() {
+    return J(!0);
+  }, Fe, Tr);
+  m.useImperativeHandle(t, function() {
+    return {
+      getScrollInfo: Wt,
+      scrollTo: function(y) {
+        function P(j) {
+          return j && ue(j) === "object" && ("left" in j || "top" in j);
+        }
+        P(y) ? (y.left !== void 0 && x(kt(y.left)), Rr(y.top)) : Rr(y);
+      }
+    };
+  }), Je(function() {
+    if (F) {
+      var E = $.slice(Ge, Ye + 1);
+      F(E, $);
+    }
+  }, [Ge, Ye, $]);
+  var kn = $s($, U, z, i), zn = M == null ? void 0 : M({
+    start: Ge,
+    end: Ye,
+    virtual: ne,
+    offsetX: V,
+    offsetY: mr,
+    rtl: Y,
+    getSize: kn
+  }), Qn = Ts($, Ge, Ye, _, k, f, Dt), qe = null;
+  a && (qe = Z(q({}, l ? "height" : "maxHeight", a), Us), K && (qe.overflowY = "hidden", _ && (qe.overflowX = "hidden"), Qe && (qe.pointerEvents = "none")));
+  var Or = {};
+  return Y && (Or.dir = "rtl"), /* @__PURE__ */ m.createElement("div", et({
+    style: Z(Z({}, u), {}, {
+      position: "relative"
+    }),
+    className: Ve
+  }, Or, L), /* @__PURE__ */ m.createElement(hr, {
+    onResize: Hn
+  }, /* @__PURE__ */ m.createElement(S, {
+    className: "".concat(n, "-holder"),
+    style: qe,
+    ref: Oe,
+    onScroll: Wn,
+    onMouseEnter: Tr
+  }, /* @__PURE__ */ m.createElement(Nn, {
+    prefixCls: n,
+    height: Me,
+    offsetX: V,
+    offsetY: mr,
+    scrollWidth: _,
+    onInnerResize: J,
+    ref: Ie,
+    innerProps: H,
+    rtl: Y,
+    extra: zn
+  }, Qn))), ne && Me > a && /* @__PURE__ */ m.createElement(Br, {
+    ref: pr,
+    prefixCls: n,
+    scrollOffset: ie,
+    scrollRange: Me,
+    rtl: Y,
+    onScroll: Er,
+    onStartMove: nt,
+    onStopMove: it,
+    spinSize: Un,
+    containerSize: me.height,
+    style: O == null ? void 0 : O.verticalScrollBar,
+    thumbStyle: O == null ? void 0 : O.verticalScrollBarThumb
+  }), ne && _ > me.width && /* @__PURE__ */ m.createElement(Br, {
+    ref: gr,
+    prefixCls: n,
+    scrollOffset: V,
+    scrollRange: _,
+    rtl: Y,
+    onScroll: Er,
+    onStartMove: nt,
+    onStopMove: it,
+    spinSize: Dn,
+    containerSize: me.width,
+    horizontal: !0,
+    style: O == null ? void 0 : O.horizontalScrollBar,
+    thumbStyle: O == null ? void 0 : O.horizontalScrollBarThumb
+  }));
+}
+var Mn = /* @__PURE__ */ m.forwardRef(xs);
+Mn.displayName = "List";
+function Bs(e) {
+  const { model: t } = e, r = Ke(We), n = Ee(t.searchString$, "", !0), o = Ee(t.filterItems$, void 0, !0), a = r.t("sheets-filter.panel.filter-only"), i = qt(o), s = i.checked > 0 && i.unchecked === 0, l = i.checked > 0 && i.unchecked > 0, u = ae((h, g) => {
+    t.onFilterCheckToggled(h, g);
+  }, [t]), c = ae((h) => {
+    t.onFilterOnly(h);
+  }, [t]), f = ae(() => {
+    t.onCheckAllToggled(!s);
+  }, [t, s]), d = ae((h) => {
+    t.setSearchString(h);
+  }, [t]);
+  return /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelValuesContainer }, /* @__PURE__ */ R.createElement(rn, { value: n, placeholder: r.t("sheets-filter.panel.search-placeholder"), onChange: d }), /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelValuesList }, /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelValuesItem }, /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelValuesItemInner }, /* @__PURE__ */ R.createElement(
+    wr,
+    {
+      indeterminate: l,
+      disabled: o.length === 0,
+      checked: s,
+      onChange: f
+    }
+  ), /* @__PURE__ */ R.createElement("span", { className: D.sheetsFilterPanelValuesItemText }, `${r.t("sheets-filter.panel.select-all")}`), /* @__PURE__ */ R.createElement("span", { className: D.sheetsFilterPanelValuesItemCount }, `(${i.checked}/${i.checked + i.unchecked})`))), /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelValuesVirtual }, /* @__PURE__ */ R.createElement(Mn, { style: { paddingRight: 8 }, data: o, height: 190, itemHeight: 32, itemKey: (h) => `${h.value}----${h.checked}` }, (h) => /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelValuesItem }, /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelValuesItemInner }, /* @__PURE__ */ R.createElement(wr, { checked: h.checked, onChange: () => u(h, !h.checked) }), /* @__PURE__ */ R.createElement("span", { className: D.sheetsFilterPanelValuesItemText }, h.value), /* @__PURE__ */ R.createElement("span", { className: D.sheetsFilterPanelValuesItemCount }, `(${h.count})`), /* @__PURE__ */ R.createElement(
+    ct,
+    {
+      className: D.sheetsFilterPanelValuesItemExcludeButton,
+      size: "small",
+      type: "link",
+      onClick: () => c(h)
+    },
+    a
+  )))))));
+}
+function Ws() {
+  const e = Ke(be), t = Ke(We), r = Ke(ce), n = Ee(e.filterBy$, void 0, !0), o = Ee(e.filterByModel$, void 0, !1), a = Ee(() => (o == null ? void 0 : o.canApply$) || He(!1), void 0, !1, [o]), i = Vs(t), s = !Ee(e.hasCriteria$), l = ae((d) => {
+    r.executeCommand(mn.id, { filterBy: d });
+  }, [r]), u = ae(async () => {
+    await (o == null ? void 0 : o.clear()), r.executeCommand(Ze.id);
+  }, [o, r]), c = ae(() => {
+    r.executeCommand(Ze.id);
+  }, [r]), f = ae(async () => {
+    await (o == null ? void 0 : o.apply()), r.executeCommand(Ze.id);
+  }, [o, r]);
+  return /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanel }, /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelHeader }, /* @__PURE__ */ R.createElement(Pi, { value: n, options: i, onChange: (d) => l(d) })), o ? /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelContent }, n === pt.VALUES ? /* @__PURE__ */ R.createElement(Bs, { model: o }) : /* @__PURE__ */ R.createElement(Oo, { model: o })) : null, /* @__PURE__ */ R.createElement("div", { className: D.sheetsFilterPanelFooter }, /* @__PURE__ */ R.createElement(ct, { type: "link", onClick: u, disabled: s }, t.t("sheets-filter.panel.clear-filter")), /* @__PURE__ */ R.createElement("span", { className: D.sheetsFilterPanelFooterPrimaryButtons }, /* @__PURE__ */ R.createElement(ct, { type: "default", onClick: c }, t.t("sheets-filter.panel.cancel")), /* @__PURE__ */ R.createElement(ct, { disabled: !a, type: "primary", onClick: f }, t.t("sheets-filter.panel.confirm")))));
+}
+function Vs(e) {
+  const t = e.getCurrentLocale();
+  return lr(
+    () => [
+      { label: e.t("sheets-filter.panel.by-values"), value: pt.VALUES },
+      { label: e.t("sheets-filter.panel.by-conditions"), value: pt.CONDITIONS }
+    ],
+    [t, e]
+  );
+}
+const js = {
+  id: rt.id,
+  binding: oi.L | Nr.CTRL_COMMAND | Nr.SHIFT,
+  description: "sheets-filter.shortcut.smart-toggle-filter",
+  preconditions: Ei,
+  group: "4_sheet-edit"
+};
+function ks(e) {
+  const t = e.get(he);
+  return {
+    id: rt.id,
+    group: nr.TOOLBAR_FORMULAS_INSERT,
+    type: ir.BUTTON_SELECTOR,
+    icon: "FilterSingle",
+    tooltip: "sheets-filter.toolbar.smart-toggle-filter-tooltip",
+    positions: [si.TOOLBAR_START],
+    hidden$: or(e, tt.UNIVER_SHEET),
+    activated$: t.activeFilterModel$.pipe(De((r) => !!r))
+  };
+}
+function zs(e) {
+  const t = e.get(he);
+  return {
+    id: cn.id,
+    group: nr.TOOLBAR_OTHERS,
+    type: ir.BUTTON,
+    title: "sheets-filter.toolbar.clear-filter-criteria",
+    positions: [rt.id],
+    hidden$: or(e, tt.UNIVER_SHEET),
+    disabled$: t.activeFilterModel$.pipe(sr((r) => {
+      var n;
+      return (n = r == null ? void 0 : r.hasCriteria$.pipe(De((o) => !o))) != null ? n : He(!0);
+    }))
+  };
+}
+function Qs(e) {
+  const t = e.get(he);
+  return {
+    id: fn.id,
+    group: nr.TOOLBAR_OTHERS,
+    type: ir.BUTTON,
+    title: "sheets-filter.toolbar.re-calc-filter-conditions",
+    positions: [rt.id],
+    hidden$: or(e, tt.UNIVER_SHEET),
+    disabled$: t.activeFilterModel$.pipe(sr((r) => {
+      var n;
+      return (n = r == null ? void 0 : r.hasCriteria$.pipe(De((o) => !o))) != null ? n : He(!0);
+    }))
+  };
+}
+var Gs = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, qs = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? Ys(t, r) : t, a = e.length - 1, i; a >= 0; a--)
+    (i = e[a]) && (o = (n ? i(t, r, o) : i(o)) || o);
+  return n && o && Gs(t, r, o), o;
+}, _e = (e, t) => (r, n) => t(r, n, e);
+const zr = "FILTER_PANEL_POPUP";
+let mt = class extends qr {
+  constructor(t, r, n, o, a, i, s, l) {
+    super();
+    C(this, "_popupDisposable");
+    this._injector = t, this._componentManager = r, this._sheetsFilterPanelService = n, this._sheetCanvasPopupService = o, this._shortcutService = a, this._commandService = i, this._menuService = s, this._contextService = l, this._initCommands(), this._initShortcuts(), this._initMenuItems(), this._initUI();
+  }
+  dispose() {
+    super.dispose(), this._closeFilterPopup();
+  }
+  _initShortcuts() {
+    [
+      js
+    ].forEach((t) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(t));
+    });
+  }
+  _initCommands() {
+    [
+      rt,
+      $e,
+      cn,
+      fn,
+      mn,
+      dn,
+      Ze
+    ].forEach((t) => {
+      this.disposeWithMe(this._commandService.registerCommand(t));
+    });
+  }
+  _initMenuItems() {
+    [
+      ks,
+      zs,
+      Qs
+    ].forEach((t) => {
+      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(t)));
+    });
+  }
+  _initUI() {
+    this.disposeWithMe(this._componentManager.register(zr, Ws)), this.disposeWithMe(this._componentManager.register("FilterSingle", un)), this.disposeWithMe(this._contextService.subscribeContextValue$(xe).pipe(vi()).subscribe((t) => {
+      t ? this._openFilterPopup() : this._closeFilterPopup();
+    }));
+  }
+  _openFilterPopup() {
+    const t = this._sheetsFilterPanelService.filterModel;
+    if (!t)
+      throw new Error("[SheetsFilterUIController]: no filter model when opening filter popup!");
+    const r = t.getRange(), n = this._sheetsFilterPanelService.col, { startRow: o } = r;
+    this._popupDisposable = this._sheetCanvasPopupService.attachPopupToCell(o, n, {
+      componentKey: zr,
+      direction: "horizontal",
+      closeOnSelfTarget: !0,
+      onClickOutside: () => this._commandService.syncExecuteCommand(Ze.id)
+    });
+  }
+  _closeFilterPopup() {
+    var t;
+    (t = this._popupDisposable) == null || t.dispose(), this._popupDisposable = null;
+  }
+};
+mt = qs([
+  Xr(Kr.Ready, mt),
+  _e(0, G(Ot)),
+  _e(1, G(ai)),
+  _e(2, G(be)),
+  _e(3, G(yi)),
+  _e(4, li),
+  _e(5, ce),
+  _e(6, ui),
+  _e(7, Rt)
+], mt);
+const Se = 16, Xs = 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 Qr {
+  static drawNoCriteria(t, r, n, o) {
+    t.save(), Mr.drawWith(t, {
+      radius: 2,
+      width: Se,
+      height: Se,
+      fill: o
+    }), t.lineCap = "square", t.strokeStyle = n, t.scale(r / Se, r / Se), t.beginPath(), t.lineWidth = 1, t.lineCap = "round", t.moveTo(3, 4), t.lineTo(13, 4), t.moveTo(4.5, 8), t.lineTo(11.5, 8), t.moveTo(6, 12), t.lineTo(10, 12), t.stroke(), t.restore();
+  }
+  static drawHasCriteria(t, r, n, o) {
+    t.save(), Mr.drawWith(t, {
+      radius: 2,
+      width: Se,
+      height: Se,
+      fill: o
+    }), t.scale(r / Se, r / Se), t.fillStyle = n, t.fill(Xs), t.restore();
+  }
+}
+var Ks = Object.defineProperty, Zs = Object.getOwnPropertyDescriptor, Js = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? Zs(t, r) : t, a = e.length - 1, i; a >= 0; a--)
+    (i = e[a]) && (o = (n ? i(t, r, o) : i(o)) || o);
+  return n && o && Ks(t, r, o), o;
+}, Yt = (e, t) => (r, n) => t(r, n, e);
+const ve = 16, lt = 1;
+let er = class extends Ui {
+  constructor(t, r, n, o, a) {
+    super(t, r);
+    C(this, "_cellWidth", 0);
+    C(this, "_cellHeight", 0);
+    C(this, "_filterParams");
+    C(this, "_hovered", !1);
+    this._contextService = n, this._commandService = o, this._themeService = a, this.setShapeProps(r), this.onPointerDownObserver.add((i) => this.onPointerDown(i)), this.onPointerEnterObserver.add(() => this.onPointerEnter()), this.onPointerLeaveObserver.add(() => this.onPointerLeave());
+  }
+  setShapeProps(t) {
+    typeof t.cellHeight < "u" && (this._cellHeight = t.cellHeight), typeof t.cellWidth < "u" && (this._cellWidth = t.cellWidth), typeof t.filterParams < "u" && (this._filterParams = t.filterParams), this.transformByState({
+      width: t.width,
+      height: t.height
+    });
+  }
+  _draw(t) {
+    const r = this._cellHeight, n = this._cellWidth, o = ve - n, a = ve - r;
+    t.save();
+    const i = new Path2D();
+    i.rect(o, a, n, r), t.clip(i);
+    const { hasCriteria: s } = this._filterParams, l = this._themeService.getCurrentTheme().primaryColor, u = this._hovered ? this._themeService.getCurrentTheme().grey50 : "rgba(255, 255, 255, 1.0)";
+    s ? Qr.drawHasCriteria(t, ve, l, u) : Qr.drawNoCriteria(t, ve, l, u), t.restore();
+  }
+  onPointerDown(t) {
+    if (t.button === 2)
+      return;
+    const { col: r, unitId: n, subUnitId: o } = this._filterParams;
+    this._contextService.getContextValue(xe) || setTimeout(() => {
+      this._commandService.executeCommand(dn.id, {
+        unitId: n,
+        subUnitId: o,
+        col: r
+      });
+    }, 200);
+  }
+  onPointerEnter() {
+    this._hovered = !0, this.makeDirty(!0);
+  }
+  onPointerLeave() {
+    this._hovered = !1, this.makeDirty(!0);
+  }
+};
+er = Js([
+  Yt(2, Rt),
+  Yt(3, ce),
+  Yt(4, G(Zr))
+], er);
+var ea = Object.defineProperty, ta = Object.getOwnPropertyDescriptor, ra = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? ta(t, r) : t, a = e.length - 1, i; a >= 0; a--)
+    (i = e[a]) && (o = (n ? i(t, r, o) : i(o)) || o);
+  return n && o && ea(t, r, o), o;
+}, fe = (e, t) => (r, n) => t(r, n, e);
+const na = 1e3, ia = 5e3;
+let vt = class extends qr {
+  constructor(t, r, n, o, a, i, s, l, u, c) {
+    super();
+    C(this, "_filterRangeShape", null);
+    C(this, "_buttonRenderDisposable", null);
+    C(this, "_filterButtonShapes", []);
+    this._injector = t, this._sheetSkeletonManagerService = r, this._sheetsFilterService = n, this._themeService = o, this._sheetInterceptorService = a, this._sheetRenderController = i, this._commandService = s, this._univerInstanceService = l, this._renderManagerService = u, this._selectionRenderService = c, [
+      ar,
+      Ue,
+      ft,
+      nn
+    ].forEach((f) => this.disposeWithMe(this._sheetRenderController.registerSkeletonChangingMutations(f.id))), this._initRenderer();
+  }
+  _initRenderer() {
+    this._sheetSkeletonManagerService.currentSkeleton$.pipe(
+      sr((t) => {
+        var s;
+        if (!t)
+          return He(null);
+        const { unitId: r } = t, n = this._univerInstanceService.getUniverSheetInstance(r);
+        if (!n)
+          return He(null);
+        const o = n.getActiveSheet().getSheetId(), a = (s = this._sheetsFilterService.getFilterModel(r, o)) != null ? s : void 0, i = () => ({
+          unitId: r,
+          worksheetId: o,
+          filterModel: a,
+          range: a == null ? void 0 : a.getRange(),
+          skeleton: t.skeleton
+        });
+        return ei(this._commandService.onCommandExecuted).pipe(
+          pi(
+            ([l]) => l.type === Te.MUTATION && l.params.unitId === n.getUnitId() && $i.has(l.id)
+          ),
+          en(20, void 0, { leading: !1, trailing: !0 }),
+          De(i),
+          tn(i())
+          // must trigger once
+        );
+      }),
+      gi(this.dispose$)
+    ).subscribe((t) => {
+      this._disposeRendering(), !(!t || !t.range) && (this._renderRange(t.unitId, t.range, t.skeleton), this._renderButtons(t));
+    });
+  }
+  _renderRange(t, r, n) {
+    const o = this._renderManagerService.getRenderById(t);
+    if (!o)
+      return;
+    const { scene: a } = o, { rangeWithCoord: i, style: s } = this._selectionRenderService.convertSelectionRangeToData({
+      range: r,
+      primary: null,
+      style: null
+    }), { rowHeaderWidth: l, columnHeaderHeight: u } = n, c = this._filterRangeShape = new bi(a, na, !0, this._themeService);
+    c.update(i, l, u, {
+      hasAutoFill: !1,
+      fill: "rgba(0, 0, 0, 0.0)",
+      ...s
+    }), c.setEvent(!1), a.makeDirty(!0);
+  }
+  _renderButtons(t) {
+    const { range: r, filterModel: n, unitId: o, skeleton: a, worksheetId: i } = t, s = this._renderManagerService.getRenderById(o);
+    if (!s)
+      return;
+    const { scene: l } = s;
+    this._interceptCellContent(t.range);
+    const { startColumn: u, endColumn: c, startRow: f } = r;
+    for (let d = u; d <= c; d++) {
+      const h = `sheets-filter-button-${d}`, g = Ti(f, d, l, a), { startX: _, startY: p, endX: S, endY: T } = g, I = S - _, F = T - p;
+      if (F <= lt || I <= lt)
+        continue;
+      const H = !!n.getFilterColumn(d), M = S - ve - lt, O = T - ve - lt, L = {
+        left: M,
+        top: O,
+        height: ve,
+        width: ve,
+        cellHeight: F,
+        cellWidth: I,
+        filterParams: { unitId: o, subUnitId: i, col: d, hasCriteria: H }
+      }, U = this._injector.createInstance(er, h, L);
+      this._filterButtonShapes.push(U);
+    }
+    l.addObjects(this._filterButtonShapes, ia), l.makeDirty();
+  }
+  _interceptCellContent(t) {
+    const { startRow: r, startColumn: n, endColumn: o } = t;
+    this._buttonRenderDisposable = this._sheetInterceptorService.intercept(Mi.CELL_CONTENT, {
+      handler: (a, i, s) => {
+        const { row: l, col: u } = i;
+        return l !== r || u < n || u > o ? s(a) : s({
+          ...a,
+          // @ts-ignore
+          fontRenderExtension: {
+            // @ts-ignore
+            ...a == null ? void 0 : a.fontRenderExtension,
+            rightOffset: ve
+          }
+        });
+      }
+    });
+  }
+  _disposeRendering() {
+    var t, r;
+    (t = this._filterRangeShape) == null || t.dispose(), this._filterButtonShapes.forEach((n) => n.dispose()), (r = this._buttonRenderDisposable) == null || r.dispose(), this._filterRangeShape = null, this._buttonRenderDisposable = null, this._filterButtonShapes = [];
+  }
+};
+vt = ra([
+  Xr(Kr.Ready, vt),
+  fe(0, G(Ot)),
+  fe(1, G(Ri)),
+  fe(2, G(he)),
+  fe(3, G(Zr)),
+  fe(4, G(Li)),
+  fe(5, G(Oi)),
+  fe(6, ce),
+  fe(7, Tt),
+  fe(8, xi),
+  fe(9, Fi)
+], vt);
+var oa = Object.defineProperty, sa = Object.getOwnPropertyDescriptor, aa = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? sa(t, r) : t, a = e.length - 1, i; a >= 0; a--)
+    (i = e[a]) && (o = (n ? i(t, r, o) : i(o)) || o);
+  return n && o && oa(t, r, o), o;
+}, Gr = (e, t) => (r, n) => t(r, n, e);
+const la = "UNIVER_SHEETS_FILTER_UI_PLUGIN";
+var ut;
+let Yr = (ut = class extends ti {
+  constructor(e, t, r) {
+    super(), this._injector = t, this._localeService = r, this._localeService.load({
+      zhCN: Wi
+    });
+  }
+  onStarting(e) {
+    [
+      [be],
+      [mt],
+      [vt]
+    ].forEach((t) => e.add(t));
+  }
+}, C(ut, "type", tt.UNIVER_SHEET), C(ut, "pluginName", la), ut);
+Yr = aa([
+  Gr(1, G(Ot)),
+  Gr(2, G(We))
+], Yr);
+export {
+  Yr as UniverSheetsFilterUIPlugin,
+  ba as enUS,
+  Wi as zhCN
+};