@cool-office/sheets-conditional-formatting 0.0.0-stage → 1.2.0

package/lib/index.js

@@ -0,0 +1,3116 @@
+import { BooleanNumber, CellValueType, ColorKit, CommandType, DateSystem, DependentOn, Disposable, ICommandService, IConfigService, IResourceManagerService, IUndoRedoService, IUniverInstanceService, Inject, Injector, LRUMap, ObjectMatrix, Plugin, RTree, Range, Rectangle, RefAlias, Tools, UniverInstanceType, dateKit, excelSerialToDateTime, generateRandomId, getIntersectRange, isInternalEditorID, merge, sequenceExecute, touchDependencies } from "@cool-office/core";
+import { CopySheetCommand, InsertColMutation, InsertRowMutation, MoveColsMutation, MoveRangeMutation, MoveRowsMutation, RemoveColMutation, RemoveRowMutation, RemoveSheetCommand, ReorderRangeMutation, SetRangeValuesMutation, SheetInterceptorService, SheetsSelectionsService, UniverSheetsPlugin, getSheetCommandTarget } from "@cool-office/sheets";
+import { BehaviorSubject, Subject } from "rxjs";
+import { BooleanValue, ERROR_TYPE_SET, FormulaResultStatus, OtherFormulaBizType, RegisterOtherFormulaService, UniverFormulaEnginePlugin } from "@cool-office/engine-formula";
+import { bufferTime, distinctUntilChanged, filter, map } from "rxjs/operators";
+import { FIX_ONE_PIXEL_BLUR_OFFSET, SheetExtension, SpreadsheetExtensionRegistry, isObject } from "@cool-office/engine-render";
+
+//#region src/base/const.ts
+const SHEET_CONDITIONAL_FORMATTING_PLUGIN = "SHEET_CONDITIONAL_FORMATTING_PLUGIN";
+let CFTextOperator = /* @__PURE__ */ function(CFTextOperator) {
+	CFTextOperator["beginsWith"] = "beginsWith";
+	CFTextOperator["endsWith"] = "endsWith";
+	CFTextOperator["containsText"] = "containsText";
+	CFTextOperator["notContainsText"] = "notContainsText";
+	CFTextOperator["equal"] = "equal";
+	CFTextOperator["notEqual"] = "notEqual";
+	CFTextOperator["containsBlanks"] = "containsBlanks";
+	CFTextOperator["notContainsBlanks"] = "notContainsBlanks";
+	CFTextOperator["containsErrors"] = "containsErrors";
+	CFTextOperator["notContainsErrors"] = "notContainsErrors";
+	return CFTextOperator;
+}({});
+let CFTimePeriodOperator = /* @__PURE__ */ function(CFTimePeriodOperator) {
+	CFTimePeriodOperator["today"] = "today";
+	CFTimePeriodOperator["yesterday"] = "yesterday";
+	CFTimePeriodOperator["tomorrow"] = "tomorrow";
+	CFTimePeriodOperator["last7Days"] = "last7Days";
+	CFTimePeriodOperator["thisMonth"] = "thisMonth";
+	CFTimePeriodOperator["lastMonth"] = "lastMonth";
+	CFTimePeriodOperator["nextMonth"] = "nextMonth";
+	CFTimePeriodOperator["thisWeek"] = "thisWeek";
+	CFTimePeriodOperator["lastWeek"] = "lastWeek";
+	CFTimePeriodOperator["nextWeek"] = "nextWeek";
+	return CFTimePeriodOperator;
+}({});
+let CFNumberOperator = /* @__PURE__ */ function(CFNumberOperator) {
+	CFNumberOperator["greaterThan"] = "greaterThan";
+	CFNumberOperator["greaterThanOrEqual"] = "greaterThanOrEqual";
+	CFNumberOperator["lessThan"] = "lessThan";
+	CFNumberOperator["lessThanOrEqual"] = "lessThanOrEqual";
+	CFNumberOperator["notBetween"] = "notBetween";
+	CFNumberOperator["between"] = "between";
+	CFNumberOperator["equal"] = "equal";
+	CFNumberOperator["notEqual"] = "notEqual";
+	return CFNumberOperator;
+}({});
+let CFRuleType = /* @__PURE__ */ function(CFRuleType) {
+	CFRuleType["highlightCell"] = "highlightCell";
+	CFRuleType["dataBar"] = "dataBar";
+	CFRuleType["colorScale"] = "colorScale";
+	CFRuleType["iconSet"] = "iconSet";
+	return CFRuleType;
+}({});
+let CFSubRuleType = /* @__PURE__ */ function(CFSubRuleType) {
+	CFSubRuleType["uniqueValues"] = "uniqueValues";
+	CFSubRuleType["duplicateValues"] = "duplicateValues";
+	CFSubRuleType["rank"] = "rank";
+	CFSubRuleType["text"] = "text";
+	CFSubRuleType["timePeriod"] = "timePeriod";
+	CFSubRuleType["number"] = "number";
+	CFSubRuleType["average"] = "average";
+	CFSubRuleType["formula"] = "formula";
+	return CFSubRuleType;
+}({});
+let CFValueType = /* @__PURE__ */ function(CFValueType) {
+	CFValueType["num"] = "num";
+	CFValueType["min"] = "min";
+	CFValueType["max"] = "max";
+	CFValueType["percent"] = "percent";
+	CFValueType["percentile"] = "percentile";
+	CFValueType["formula"] = "formula";
+	return CFValueType;
+}({});
+const DEFAULT_BG_COLOR = "#fff";
+const DEFAULT_FONT_COLOR = "#000000";
+const createDefaultRule = () => ({
+	cfId: void 0,
+	ranges: [],
+	stopIfTrue: false,
+	rule: {
+		type: "highlightCell",
+		subType: "text",
+		operator: "containsText"
+	}
+});
+const createDefaultValue = (subType, operator) => {
+	switch (subType) {
+		case "text":
+			if ([
+				"beginsWith",
+				"containsText",
+				"endsWith",
+				"equal",
+				"notContainsText",
+				"notEqual"
+			].includes(operator)) return "";
+			break;
+		case "number":
+			if (["between", "notBetween"].includes(operator)) return [10, 100];
+			return 10;
+	}
+	return "";
+};
+const createDefaultValueByValueType = (type, defaultValue) => {
+	switch (type) {
+		case "formula": return "=";
+		case "max":
+		case "min": return "";
+		case "percent":
+		case "percentile":
+		case "num": return defaultValue !== void 0 ? defaultValue : 10;
+	}
+	return "";
+};
+
+//#endregion
+//#region src/utils/anchor.ts
+const findIndexByAnchor = (anchor, ruleList, get) => {
+	if (!ruleList) return null;
+	const anchorIndex = ruleList.findIndex((rule) => get(rule) === anchor.id);
+	if (anchorIndex < 0) return null;
+	switch (anchor.type) {
+		case "after": return anchorIndex + 1;
+		case "before": return anchorIndex - 1;
+		case "self": return anchorIndex;
+	}
+};
+/**
+* This function has side effects that modify the ruleList
+* @param {IAnchor} start
+* @param {IAnchor} end
+* @param {ReturnType<ConditionalFormattingRuleModel['getSubunitRules']>} ruleList
+* @return {*}
+*/
+const moveByAnchor = (start, end, ruleList, get) => {
+	if (!ruleList) return null;
+	const startIndex = findIndexByAnchor(start, ruleList, get);
+	let endIndex = findIndexByAnchor(end, ruleList, get);
+	if (startIndex === null || endIndex === null || startIndex === endIndex) return;
+	const rule = ruleList.splice(startIndex, 1)[0];
+	if (startIndex < endIndex) endIndex = findIndexByAnchor(end, ruleList, get);
+	switch (end.type) {
+		case "before":
+			ruleList.splice(endIndex + 1, 0, rule);
+			break;
+		case "self":
+		case "after": ruleList.splice(endIndex, 0, rule);
+	}
+};
+/**
+* Only [after,after] and [after,before] can support symmetric operations
+*/
+const transformSupportSymmetryAnchor = (start, end, ruleList, get) => {
+	if (start.type === "after" && ["after", "before"].includes(end.type)) return [start, end];
+	const _start = { ...start };
+	const _end = { ...end };
+	if (_start.type !== "after") {
+		const index = findIndexByAnchor(_start, ruleList, get);
+		if (index === null) return null;
+		if (index - 1 < 0) {
+			const nextItem = ruleList[index + 1];
+			if (!nextItem) return null;
+			else {
+				_start.id = get(nextItem);
+				_start.type = "before";
+			}
+		} else {
+			_start.id = get(ruleList[index - 1]);
+			_start.type = "after";
+		}
+	}
+	if (!["after", "before"].includes(_end.type)) {
+		const index = findIndexByAnchor(_end, ruleList, get);
+		if (index === null) return null;
+		if (index === 0) _end.type = "before";
+		else if (index - 1 >= 0) {
+			_end.id = get(ruleList[index - 1]);
+			_end.type = "after";
+		} else if (index + 1 <= ruleList.length - 1) {
+			_end.id = get(ruleList[index + 1]);
+			_end.type = "before";
+		} else return null;
+	}
+	if (_start.id === _end.id && _start.type === _end.type) return null;
+	return [_start, _end];
+};
+const anchorUndoFactory = (start, end) => {
+	if (["after", "before"].includes(end.type)) {
+		if (start.type === "after") return [end, start];
+		else if (start.type === "before") return [end, {
+			...start,
+			type: "self"
+		}];
+	}
+	return null;
+};
+const isAnchorEqual = (anchor1, anchor2) => {
+	return anchor1.id === anchor2.id && anchor1.type === anchor2.type;
+};
+
+//#endregion
+//#region src/utils/create-cf-id.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const createCfId = () => `${generateRandomId(8)}`;
+
+//#endregion
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region src/models/conditional-formatting-rule-model.ts
+var ConditionalFormattingRuleModel = class {
+	constructor() {
+		_defineProperty(this, "_model", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_ruleChange$", new Subject());
+		_defineProperty(this, "$ruleChange", this._ruleChange$.asObservable());
+	}
+	_ensureList(unitId, subUnitId) {
+		let list = this.getSubunitRules(unitId, subUnitId);
+		if (!list) {
+			list = [];
+			let unitMap = this._model.get(unitId);
+			if (!unitMap) {
+				unitMap = /* @__PURE__ */ new Map();
+				this._model.set(unitId, unitMap);
+			}
+			unitMap.set(subUnitId, list);
+		}
+		return list;
+	}
+	getRule(unitId, subUnitId, cfId) {
+		const list = this.getSubunitRules(unitId, subUnitId);
+		if (list) return list.find((item) => item.cfId === cfId);
+		return null;
+	}
+	getUnitRules(unitId) {
+		return this._model.get(unitId) || null;
+	}
+	getSubunitRules(unitId, subUnitId) {
+		var _this$_model$get;
+		return ((_this$_model$get = this._model.get(unitId)) === null || _this$_model$get === void 0 ? void 0 : _this$_model$get.get(subUnitId)) || null;
+	}
+	getAll() {
+		return this._model;
+	}
+	deleteRule(unitId, subUnitId, cfId) {
+		const list = this.getSubunitRules(unitId, subUnitId);
+		if (list) {
+			const index = list.findIndex((e) => e.cfId === cfId);
+			const rule = list[index];
+			if (rule) {
+				list.splice(index, 1);
+				this._ruleChange$.next({
+					rule,
+					subUnitId,
+					unitId,
+					type: "delete"
+				});
+			}
+		}
+	}
+	setRule(unitId, subUnitId, rule, oldCfId) {
+		const oldRule = this._ensureList(unitId, subUnitId).find((item) => item.cfId === oldCfId);
+		if (oldRule) {
+			const cloneRule = Tools.deepClone(oldRule);
+			Object.assign(oldRule, rule);
+			this._ruleChange$.next({
+				rule: oldRule,
+				subUnitId,
+				unitId,
+				type: "set",
+				oldRule: cloneRule
+			});
+		}
+	}
+	addRule(unitId, subUnitId, rule) {
+		const list = this._ensureList(unitId, subUnitId);
+		if (!list.find((item) => item.cfId === rule.cfId)) list.unshift(rule);
+		this._ruleChange$.next({
+			rule,
+			subUnitId,
+			unitId,
+			type: "add"
+		});
+	}
+	/**
+	* example [1,2,3,4,5,6],if you move behind 5 to 2, then cfId=5,targetId=2.
+	* if targetId does not exist, it defaults to top
+	*/
+	moveRulePriority(unitId, subUnitId, start, end) {
+		const list = this._ensureList(unitId, subUnitId);
+		const curIndex = findIndexByAnchor(start, list, (rule) => rule.cfId);
+		const targetCfIndex = findIndexByAnchor(end, list, (rule) => rule.cfId);
+		if (targetCfIndex === null || curIndex === null || targetCfIndex === curIndex) return;
+		const rule = list[curIndex];
+		if (rule) {
+			moveByAnchor(start, end, list, (rule) => rule.cfId);
+			this._ruleChange$.next({
+				rule,
+				subUnitId,
+				unitId,
+				type: "sort"
+			});
+		}
+	}
+	createCfId(_unitId, _subUnitId) {
+		return createCfId();
+	}
+	deleteUnitId(unitId) {
+		this._model.delete(unitId);
+	}
+};
+
+//#endregion
+//#region src/commands/mutations/move-conditional-rule.mutation.ts
+const MoveConditionalRuleMutation = {
+	type: CommandType.MUTATION,
+	id: "sheet.mutation.move-conditional-rule",
+	handler(accessor, params) {
+		if (!params) return false;
+		const { unitId, subUnitId, start, end } = params;
+		accessor.get(ConditionalFormattingRuleModel).moveRulePriority(unitId, subUnitId, start, end);
+		return true;
+	}
+};
+const MoveConditionalRuleMutationUndoFactory = (param) => {
+	const { unitId, subUnitId } = param;
+	const undo = anchorUndoFactory(param.start, param.end);
+	if (!undo) return [];
+	const [start, end] = undo;
+	return [{
+		id: MoveConditionalRuleMutation.id,
+		params: {
+			unitId,
+			subUnitId,
+			start,
+			end
+		}
+	}];
+};
+
+//#endregion
+//#region src/commands/mutations/delete-conditional-rule.mutation.ts
+const DeleteConditionalRuleMutationUndoFactory = (accessor, param) => {
+	const conditionalFormattingRuleModel = accessor.get(ConditionalFormattingRuleModel);
+	const { unitId, subUnitId, cfId } = param;
+	const ruleList = [...conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId) || []];
+	const index = ruleList.findIndex((item) => item.cfId === cfId);
+	const beforeRule = ruleList[index - 1];
+	if (index > -1) {
+		const rule = ruleList[index];
+		const result = [{
+			id: AddConditionalRuleMutation.id,
+			params: {
+				unitId,
+				subUnitId,
+				rule: Tools.deepClone(rule)
+			}
+		}];
+		ruleList.splice(index, 1);
+		if (index !== 0) {
+			const firstRule = ruleList[0];
+			if (firstRule) {
+				const transformResult = transformSupportSymmetryAnchor({
+					id: firstRule.cfId,
+					type: "before"
+				}, {
+					id: beforeRule.cfId,
+					type: "after"
+				}, ruleList, (rule) => rule.cfId);
+				if (!transformResult) return result;
+				const [start, end] = transformResult;
+				const params = {
+					unitId,
+					subUnitId,
+					start,
+					end
+				};
+				result.push({
+					id: MoveConditionalRuleMutation.id,
+					params
+				});
+			}
+		}
+		return result;
+	}
+	return [];
+};
+const DeleteConditionalRuleMutation = {
+	type: CommandType.MUTATION,
+	id: "sheet.mutation.delete-conditional-rule",
+	handler(accessor, params) {
+		if (!params) return false;
+		const { unitId, subUnitId, cfId } = params;
+		accessor.get(ConditionalFormattingRuleModel).deleteRule(unitId, subUnitId, cfId);
+		return true;
+	}
+};
+
+//#endregion
+//#region src/commands/mutations/add-conditional-rule.mutation.ts
+const AddConditionalRuleMutationUndoFactory = (accessor, param) => {
+	return {
+		id: DeleteConditionalRuleMutation.id,
+		params: {
+			unitId: param.unitId,
+			subUnitId: param.subUnitId,
+			cfId: param.rule.cfId
+		}
+	};
+};
+const AddConditionalRuleMutation = {
+	type: CommandType.MUTATION,
+	id: "sheet.mutation.add-conditional-rule",
+	handler(accessor, params) {
+		if (!params) return false;
+		const { unitId, subUnitId, rule } = params;
+		accessor.get(ConditionalFormattingRuleModel).addRule(unitId, subUnitId, rule);
+		return true;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/add-cf.command.ts
+const AddCfCommand = {
+	type: CommandType.COMMAND,
+	id: "sheet.command.add-conditional-rule",
+	handler(accessor, params) {
+		if (!params) return false;
+		const { rule } = params;
+		const undoRedoService = accessor.get(IUndoRedoService);
+		const commandService = accessor.get(ICommandService);
+		const conditionalFormattingRuleModel = accessor.get(ConditionalFormattingRuleModel);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const target = getSheetCommandTarget(univerInstanceService, params);
+		if (!target) return false;
+		const { unitId, subUnitId } = target;
+		const cfId = conditionalFormattingRuleModel.createCfId(unitId, subUnitId);
+		const config = {
+			unitId,
+			subUnitId,
+			rule: {
+				...rule,
+				cfId: rule.cfId || cfId
+			}
+		};
+		const undo = AddConditionalRuleMutationUndoFactory(accessor, config);
+		const result = commandService.syncExecuteCommand(AddConditionalRuleMutation.id, config);
+		if (result) undoRedoService.pushUndoRedo({
+			unitID: unitId,
+			redoMutations: [{
+				id: AddConditionalRuleMutation.id,
+				params: config
+			}],
+			undoMutations: [undo]
+		});
+		return result;
+	}
+};
+
+//#endregion
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/models/conditional-formatting-range-index-model.ts
+let ConditionalFormattingRangeIndexModel = class ConditionalFormattingRangeIndexModel extends Disposable {
+	constructor(_conditionalFormattingRuleModel) {
+		super();
+		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
+		_defineProperty(this, "_rTreeManager", new RTree());
+		this.rebuild();
+		this._initRuleListener();
+	}
+	getRuleIdsByCell(unitId, subUnitId, row, col) {
+		return this.getRuleIdsByRanges(unitId, subUnitId, [{
+			startRow: row,
+			endRow: row,
+			startColumn: col,
+			endColumn: col
+		}]);
+	}
+	getRuleIdsByRanges(unitId, subUnitId, ranges) {
+		if (!ranges.length) return /* @__PURE__ */ new Set();
+		const ids = this._rTreeManager.bulkSearch(ranges.map((range) => ({
+			unitId,
+			sheetId: subUnitId,
+			range
+		})));
+		return new Set(Array.from(ids).map((id) => String(id)));
+	}
+	getRulesByRanges(unitId, subUnitId, ranges) {
+		const ids = this.getRuleIdsByRanges(unitId, subUnitId, ranges);
+		return (this._conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId) ?? []).filter((rule) => ids.has(rule.cfId));
+	}
+	dispose() {
+		this.clear();
+		super.dispose();
+	}
+	clear() {
+		this._rTreeManager.clear();
+	}
+	rebuild() {
+		this.clear();
+		this._conditionalFormattingRuleModel.getAll().forEach((subUnitMap, unitId) => {
+			subUnitMap.forEach((rules, subUnitId) => {
+				rules.forEach((rule) => {
+					this._insert(unitId, subUnitId, rule.cfId, rule.ranges);
+				});
+			});
+		});
+	}
+	_initRuleListener() {
+		this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe((e) => {
+			const { unitId, subUnitId, rule } = e;
+			const { cfId, ranges } = rule;
+			switch (e.type) {
+				case "add":
+					this._insert(unitId, subUnitId, cfId, ranges);
+					break;
+				case "delete":
+					this._remove(unitId, subUnitId, cfId, ranges);
+					break;
+				case "set": {
+					const oldRule = e.oldRule;
+					this._remove(unitId, subUnitId, oldRule.cfId, oldRule.ranges);
+					this._insert(unitId, subUnitId, cfId, ranges);
+					break;
+				}
+			}
+		}));
+	}
+	_insert(unitId, subUnitId, cfId, ranges) {
+		this._rTreeManager.bulkInsert(ranges.map((range) => ({
+			unitId,
+			sheetId: subUnitId,
+			id: cfId,
+			range
+		})));
+	}
+	_remove(unitId, subUnitId, cfId, ranges) {
+		this._rTreeManager.bulkRemove(ranges.map((range) => ({
+			unitId,
+			sheetId: subUnitId,
+			id: cfId,
+			range
+		})));
+	}
+};
+ConditionalFormattingRangeIndexModel = __decorate([__decorateParam(0, Inject(ConditionalFormattingRuleModel))], ConditionalFormattingRangeIndexModel);
+
+//#endregion
+//#region src/services/conditional-formatting-range-transform.service.ts
+var ConditionalFormattingRangeTransformService = class {
+	subtractRanges(sourceRanges, rangesToSubtract) {
+		return Rectangle.mergeRanges(Rectangle.subtractMulti(sourceRanges, rangesToSubtract));
+	}
+	addRanges(sourceRanges, rangesToAdd) {
+		return Rectangle.mergeRanges([...sourceRanges, ...rangesToAdd]);
+	}
+	applyRangeDelta(sourceRanges, rangesToSubtract, rangesToAdd) {
+		const ranges = rangesToSubtract.length ? this.subtractRanges(sourceRanges, rangesToSubtract) : sourceRanges;
+		return rangesToAdd.length ? this.addRanges(ranges, rangesToAdd) : ranges;
+	}
+	copyIntersectingRanges(sourceRanges, sourceRange, targetAnchor) {
+		const fragments = [];
+		sourceRanges.forEach((range) => {
+			const intersect = getIntersectRange(range, sourceRange);
+			if (!intersect) return;
+			fragments.push(this.translateRange(intersect, {
+				row: targetAnchor.row - sourceRange.startRow,
+				col: targetAnchor.col - sourceRange.startColumn
+			}));
+		});
+		return Rectangle.mergeRanges(fragments);
+	}
+	translateRange(range, offset) {
+		return {
+			startRow: range.startRow + offset.row,
+			endRow: range.endRow + offset.row,
+			startColumn: range.startColumn + offset.col,
+			endColumn: range.endColumn + offset.col
+		};
+	}
+};
+
+//#endregion
+//#region src/commands/mutations/set-conditional-rule.mutation.ts
+const SetConditionalRuleMutation = {
+	type: CommandType.MUTATION,
+	id: "sheet.mutation.set-conditional-rule",
+	handler(accessor, params) {
+		if (!params) return false;
+		const { unitId, subUnitId, rule } = params;
+		const cfId = params.cfId || params.rule.cfId;
+		accessor.get(ConditionalFormattingRuleModel).setRule(unitId, subUnitId, rule, cfId);
+		return true;
+	}
+};
+const setConditionalRuleMutationUndoFactory = (accessor, param) => {
+	const conditionalFormattingRuleModel = accessor.get(ConditionalFormattingRuleModel);
+	const { unitId, subUnitId } = param;
+	const cfId = param.cfId || param.rule.cfId;
+	const rule = conditionalFormattingRuleModel.getRule(unitId, subUnitId, cfId);
+	if (rule) return [{
+		id: SetConditionalRuleMutation.id,
+		params: {
+			unitId,
+			subUnitId,
+			cfId,
+			rule: Tools.deepClone(rule)
+		}
+	}];
+	return [];
+};
+
+//#endregion
+//#region src/commands/commands/clear-range-cf.command.ts
+const ClearRangeCfCommand = {
+	type: CommandType.COMMAND,
+	id: "sheet.command.clear-range-conditional-rule",
+	handler(accessor, params) {
+		var _selectionManagerServ;
+		if (!params) return false;
+		const conditionalFormattingRangeIndexModel = accessor.get(ConditionalFormattingRangeIndexModel);
+		const conditionalFormattingRangeTransformService = accessor.get(ConditionalFormattingRangeTransformService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const commandService = accessor.get(ICommandService);
+		const undoRedoService = accessor.get(IUndoRedoService);
+		const selectionManagerService = accessor.get(SheetsSelectionsService);
+		const target = getSheetCommandTarget(univerInstanceService, params);
+		if (!target) return false;
+		const { unitId, subUnitId } = target;
+		const ranges = params.ranges ?? ((_selectionManagerServ = selectionManagerService.getCurrentSelections()) === null || _selectionManagerServ === void 0 ? void 0 : _selectionManagerServ.map((selection) => selection.range)) ?? [];
+		const allRuleList = conditionalFormattingRangeIndexModel.getRulesByRanges(unitId, subUnitId, ranges).filter((rule) => {
+			var _params$types;
+			return !((_params$types = params.types) === null || _params$types === void 0 ? void 0 : _params$types.length) || params.types.includes(rule.rule.type);
+		});
+		if (!(allRuleList === null || allRuleList === void 0 ? void 0 : allRuleList.length) || !ranges.length) return false;
+		const redos = [];
+		const undos = [];
+		allRuleList.forEach((oldRule) => {
+			const newRanges = conditionalFormattingRangeTransformService.subtractRanges(oldRule.ranges, ranges);
+			if (newRanges.length) {
+				const rule = {
+					...oldRule,
+					ranges: newRanges
+				};
+				const params = {
+					unitId,
+					subUnitId,
+					rule
+				};
+				const undo = setConditionalRuleMutationUndoFactory(accessor, params);
+				redos.push({
+					id: SetConditionalRuleMutation.id,
+					params
+				});
+				undos.push(...undo);
+			} else {
+				const params = {
+					unitId,
+					subUnitId,
+					cfId: oldRule.cfId
+				};
+				const undo = DeleteConditionalRuleMutationUndoFactory(accessor, params);
+				redos.push({
+					id: DeleteConditionalRuleMutation.id,
+					params
+				});
+				undos.push(...undo);
+			}
+		});
+		const result = sequenceExecute(redos, commandService).result;
+		if (result) undoRedoService.pushUndoRedo({
+			unitID: unitId,
+			redoMutations: redos,
+			undoMutations: undos
+		});
+		return result;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/clear-worksheet-cf.command.ts
+const ClearWorksheetCfCommand = {
+	type: CommandType.COMMAND,
+	id: "sheet.command.clear-worksheet-conditional-rule",
+	handler(accessor, params) {
+		const conditionalFormattingRuleModel = accessor.get(ConditionalFormattingRuleModel);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const commandService = accessor.get(ICommandService);
+		const undoRedoService = accessor.get(IUndoRedoService);
+		const target = getSheetCommandTarget(univerInstanceService, params);
+		if (!target) return false;
+		const { unitId, subUnitId } = target;
+		const ruleList = conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId);
+		if (!(ruleList === null || ruleList === void 0 ? void 0 : ruleList.length)) return false;
+		const configList = ruleList.map((rule) => ({
+			cfId: rule.cfId,
+			unitId,
+			subUnitId
+		}));
+		const redos = configList.map((config) => ({
+			id: DeleteConditionalRuleMutation.id,
+			params: config
+		}));
+		const undos = configList.map((config) => DeleteConditionalRuleMutationUndoFactory(accessor, config)[0]);
+		const result = sequenceExecute(redos, commandService).result;
+		if (result) undoRedoService.pushUndoRedo({
+			unitID: unitId,
+			redoMutations: redos,
+			undoMutations: undos
+		});
+		return result;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/delete-cf.command.ts
+const DeleteCfCommand = {
+	type: CommandType.COMMAND,
+	id: "sheet.command.delete-conditional-rule",
+	handler(accessor, params) {
+		if (!params) return false;
+		const undoRedoService = accessor.get(IUndoRedoService);
+		const commandService = accessor.get(ICommandService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const target = getSheetCommandTarget(univerInstanceService, params);
+		if (!target) return false;
+		const { unitId, subUnitId } = target;
+		const config = {
+			unitId,
+			subUnitId,
+			cfId: params.cfId
+		};
+		const undos = DeleteConditionalRuleMutationUndoFactory(accessor, config);
+		const result = commandService.syncExecuteCommand(DeleteConditionalRuleMutation.id, config);
+		if (result) undoRedoService.pushUndoRedo({
+			unitID: unitId,
+			undoMutations: undos,
+			redoMutations: [{
+				id: DeleteConditionalRuleMutation.id,
+				params: config
+			}]
+		});
+		return result;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/move-cf.command.ts
+const MoveCfCommand = {
+	type: CommandType.COMMAND,
+	id: "sheet.command.move-conditional-rule",
+	handler(accessor, params) {
+		if (!params) return false;
+		const undoRedoService = accessor.get(IUndoRedoService);
+		const commandService = accessor.get(ICommandService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const conditionalFormattingRuleModel = accessor.get(ConditionalFormattingRuleModel);
+		const target = getSheetCommandTarget(univerInstanceService, params);
+		if (!target) return false;
+		const { unitId, subUnitId } = target;
+		const anchorList = transformSupportSymmetryAnchor(params.start, params.end, conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId) || [], (rule) => rule.cfId);
+		if (!anchorList) return false;
+		const [start, end] = anchorList;
+		const config = {
+			unitId,
+			subUnitId,
+			start,
+			end
+		};
+		const undos = MoveConditionalRuleMutationUndoFactory(config);
+		const result = commandService.syncExecuteCommand(MoveConditionalRuleMutation.id, config);
+		if (result) undoRedoService.pushUndoRedo({
+			unitID: unitId,
+			redoMutations: [{
+				id: MoveConditionalRuleMutation.id,
+				params: config
+			}],
+			undoMutations: undos
+		});
+		return result;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/set-cf.command.ts
+const SetCfCommand = {
+	type: CommandType.COMMAND,
+	id: "sheet.command.set-conditional-rule",
+	handler(accessor, params) {
+		if (!params) return false;
+		const undoRedoService = accessor.get(IUndoRedoService);
+		const commandService = accessor.get(ICommandService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const target = getSheetCommandTarget(univerInstanceService, params);
+		if (!target) return false;
+		const { unitId, subUnitId } = target;
+		const config = {
+			unitId,
+			subUnitId,
+			rule: params.rule,
+			cfId: params.cfId
+		};
+		const undos = setConditionalRuleMutationUndoFactory(accessor, config);
+		const result = commandService.syncExecuteCommand(SetConditionalRuleMutation.id, config);
+		if (result) undoRedoService.pushUndoRedo({
+			unitID: unitId,
+			undoMutations: undos,
+			redoMutations: [{
+				id: SetConditionalRuleMutation.id,
+				params: config
+			}]
+		});
+		return result;
+	}
+};
+
+//#endregion
+//#region src/utils/range.ts
+function getRangeInWorksheet(range, worksheet) {
+	const maxRows = worksheet.getMaxRows();
+	const maxColumns = worksheet.getMaxColumns();
+	if (maxRows <= 0 || maxColumns <= 0) return null;
+	const effectiveRange = getIntersectRange(Range.transformRange(range, worksheet), {
+		startRow: 0,
+		endRow: maxRows - 1,
+		startColumn: 0,
+		endColumn: maxColumns - 1
+	});
+	if (!effectiveRange) return null;
+	return {
+		startRow: effectiveRange.startRow,
+		endRow: effectiveRange.endRow,
+		startColumn: effectiveRange.startColumn,
+		endColumn: effectiveRange.endColumn
+	};
+}
+function getRangesInWorksheet(ranges, worksheet) {
+	const effectiveRanges = [];
+	ranges.forEach((range) => {
+		const effectiveRange = getRangeInWorksheet(range, worksheet);
+		if (effectiveRange) effectiveRanges.push(effectiveRange);
+	});
+	return effectiveRanges;
+}
+
+//#endregion
+//#region src/services/conditional-formatting-formula.service.ts
+let ConditionalFormattingFormulaService = class ConditionalFormattingFormulaService extends Disposable {
+	constructor(_registerOtherFormulaService, _conditionalFormattingRuleModel, _univerInstanceService) {
+		super();
+		this._registerOtherFormulaService = _registerOtherFormulaService;
+		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
+		this._univerInstanceService = _univerInstanceService;
+		_defineProperty(this, "_formulaMap", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_result$", new Subject());
+		_defineProperty(this, "result$", this._result$.asObservable());
+		this._initFormulaResultChange();
+		this._initRuleChange();
+	}
+	_initRuleChange() {
+		const isNeedMarkFormulaDirty = (rule) => {
+			switch (rule.type) {
+				case "colorScale": return rule.config.some((item) => item.value.type === "formula");
+				case "dataBar": return [rule.config.max, rule.config.min].some((item) => item.type === "formula");
+				case "iconSet": return rule.config.some((item) => item.value.type === "formula");
+			}
+		};
+		this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe((option) => {
+			const { unitId, subUnitId, rule, oldRule } = option;
+			if (option.type === "delete") this._removeFormulaByCfId(unitId, subUnitId, rule.cfId);
+			if (option.type === "set") {
+				if (isNeedMarkFormulaDirty(rule.rule) || oldRule && isNeedMarkFormulaDirty(oldRule.rule)) this._removeFormulaByCfId(unitId, subUnitId, rule.cfId);
+			}
+			if (option.type === "add") this._registerRuleFormulas(unitId, subUnitId, rule);
+		}));
+	}
+	/**
+	* Register formulas for a specific rule based on its type
+	*/
+	_registerRuleFormulas(unitId, subUnitId, rule) {
+		switch (rule.rule.type) {
+			case "highlightCell": if (rule.rule.subType === "formula") {
+				const formulaText = rule.rule.value;
+				if (formulaText) this.registerFormulaWithRange(unitId, subUnitId, rule.cfId, formulaText, rule.ranges);
+			}
+		}
+	}
+	_initFormulaResultChange() {
+		this.disposeWithMe(this._registerOtherFormulaService.formulaResult$.subscribe((results) => {
+			for (const unitId in results) for (const subUnitId in results[unitId]) {
+				const subUnitResults = results[unitId][subUnitId];
+				for (const formulaResult of subUnitResults) {
+					const formulaMapAlias = this._ensureSubunitFormulaMap(unitId, subUnitId).getValue(formulaResult.formulaId, ["formulaId"]);
+					if (!formulaMapAlias) continue;
+					const isAllFinished = this._getAllFormulaResultByCfId(unitId, subUnitId, formulaMapAlias.cfId).every((item) => {
+						const result = this._registerOtherFormulaService.getFormulaValueSync(unitId, subUnitId, item.formulaId);
+						return (result === null || result === void 0 ? void 0 : result.status) === FormulaResultStatus.SUCCESS;
+					});
+					this._result$.next({
+						...formulaMapAlias,
+						isAllFinished
+					});
+				}
+			}
+		}));
+	}
+	_ensureSubunitFormulaMap(unitId, subUnitId) {
+		let unitMap = this._formulaMap.get(unitId);
+		if (!unitMap) {
+			unitMap = /* @__PURE__ */ new Map();
+			this._formulaMap.set(unitId, unitMap);
+		}
+		let subUnitMap = unitMap.get(subUnitId);
+		if (!subUnitMap) {
+			subUnitMap = new RefAlias([], ["formulaId", "id"]);
+			unitMap.set(subUnitId, subUnitMap);
+		}
+		return subUnitMap;
+	}
+	getSubUnitFormulaMap(unitId, subUnitId) {
+		var _this$_formulaMap$get;
+		return (_this$_formulaMap$get = this._formulaMap.get(unitId)) === null || _this$_formulaMap$get === void 0 ? void 0 : _this$_formulaMap$get.get(subUnitId);
+	}
+	registerFormulaWithRange(unitId, subUnitId, cfId, formulaText, ranges = [{
+		startRow: 0,
+		endRow: 0,
+		startColumn: 0,
+		endColumn: 0
+	}]) {
+		var _this$_univerInstance;
+		const formulaMap = this._ensureSubunitFormulaMap(unitId, subUnitId);
+		const cfFormulaId = this.createCFormulaId(cfId, formulaText);
+		if (formulaMap.getValue(cfFormulaId, ["id"])) return;
+		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(subUnitId);
+		if (!worksheet) return;
+		const effectiveRanges = getRangesInWorksheet(ranges, worksheet);
+		if (!effectiveRanges.length) return;
+		const sortedRanges = effectiveRanges.sort((a, b) => a.startRow !== b.startRow ? a.startRow - b.startRow : a.startColumn - b.startColumn);
+		const formulaId = this._registerOtherFormulaService.registerFormulaWithRange(unitId, subUnitId, formulaText, sortedRanges, void 0, OtherFormulaBizType.CONDITIONAL_FORMATTING, cfId);
+		formulaMap.addValue({
+			formulaText,
+			unitId,
+			subUnitId,
+			cfId,
+			id: cfFormulaId,
+			formulaId
+		});
+	}
+	_removeFormulaByCfId(unitId, subUnitId, cfId) {
+		const formulaIdList = this.deleteCache(unitId, subUnitId, cfId).map((item) => item.formulaId);
+		this._registerOtherFormulaService.deleteFormula(unitId, subUnitId, formulaIdList);
+	}
+	getFormulaResultWithCoords(unitId, subUnitId, cfId, formulaText, row = 0, col = 0) {
+		const map = this.getSubUnitFormulaMap(unitId, subUnitId);
+		if (!map) return { status: FormulaResultStatus.NOT_REGISTER };
+		const item = map.getValue(this.createCFormulaId(cfId, formulaText), ["id"]);
+		if (!item) return { status: FormulaResultStatus.NOT_REGISTER };
+		const formulaResult = this._registerOtherFormulaService.getFormulaValueSync(unitId, subUnitId, item.formulaId);
+		if (!formulaResult) return { status: FormulaResultStatus.NOT_REGISTER };
+		if (formulaResult.status === FormulaResultStatus.SUCCESS && formulaResult.result) {
+			var _formulaResult$result;
+			const cellData = (_formulaResult$result = formulaResult.result[row]) === null || _formulaResult$result === void 0 ? void 0 : _formulaResult$result[col];
+			return {
+				result: this._getCellValue(cellData),
+				status: FormulaResultStatus.SUCCESS
+			};
+		}
+		return { status: formulaResult.status };
+	}
+	getFormulaMatrix(unitId, subUnitId, cfId, formulaText) {
+		const map = this.getSubUnitFormulaMap(unitId, subUnitId);
+		if (!map) return { status: FormulaResultStatus.NOT_REGISTER };
+		const item = map.getValue(this.createCFormulaId(cfId, formulaText), ["id"]);
+		if (!item) return { status: FormulaResultStatus.NOT_REGISTER };
+		const formulaResult = this._registerOtherFormulaService.getFormulaValueSync(unitId, subUnitId, item.formulaId);
+		if (!formulaResult) return { status: FormulaResultStatus.NOT_REGISTER };
+		if (formulaResult.status === FormulaResultStatus.SUCCESS && formulaResult.result) {
+			const result = new ObjectMatrix();
+			new ObjectMatrix(formulaResult.result).forValue((row, col, cellData) => {
+				result.setValue(row, col, this._getCellValue(cellData));
+			});
+			return {
+				result,
+				status: FormulaResultStatus.SUCCESS
+			};
+		}
+		return { status: formulaResult.status };
+	}
+	_getCellValue(cellData) {
+		if (!cellData || !cellData[0] || !cellData[0][0]) return false;
+		const cell = cellData[0][0];
+		if ((cell === null || cell === void 0 ? void 0 : cell.t) === CellValueType.BOOLEAN) return cell.v === BooleanNumber.TRUE || cell.v === true;
+		return cell === null || cell === void 0 ? void 0 : cell.v;
+	}
+	/**
+	* If `formulaText` is not provided, then all caches related to `cfId` will be deleted.
+	*/
+	deleteCache(unitId, subUnitId, cfId, formulaText) {
+		const map = this.getSubUnitFormulaMap(unitId, subUnitId);
+		if (!map) return [];
+		if (formulaText) {
+			const key = this.createCFormulaId(cfId, formulaText);
+			map.deleteValue(key, ["id"]);
+			return [];
+		} else {
+			const values = map.getValues().filter((v) => v.cfId === cfId);
+			values.forEach((e) => {
+				map.deleteValue(e.formulaId, ["formulaId"]);
+			});
+			return values;
+		}
+	}
+	_getAllFormulaResultByCfId(unitId, subUnitId, cfId) {
+		const map = this.getSubUnitFormulaMap(unitId, subUnitId);
+		if (!map) return [];
+		return map.getValues().filter((v) => v.cfId === cfId);
+	}
+	/**
+	* A conditional formatting may have multiple formulas;if the formulas are identical,then the results will be consistent.
+	*/
+	createCFormulaId(cfId, formulaText) {
+		return `${cfId}_${formulaText}`;
+	}
+};
+ConditionalFormattingFormulaService = __decorate([
+	__decorateParam(0, Inject(RegisterOtherFormulaService)),
+	__decorateParam(1, Inject(ConditionalFormattingRuleModel)),
+	__decorateParam(2, IUniverInstanceService)
+], ConditionalFormattingFormulaService);
+
+//#endregion
+//#region src/models/calculate-unit-v2/base-calculate-unit.ts
+/**
+* Processing Main Path Calculation Logic
+*/
+var BaseCalculateUnit = class {
+	constructor(_context) {
+		this._context = _context;
+		_defineProperty(this, "_cache", void 0);
+		_defineProperty(this, "_preComputingStatus$", new BehaviorSubject("preComputingStart"));
+		_defineProperty(this, "preComputingStatus$", this._preComputingStatus$.asObservable().pipe(distinctUntilChanged()));
+		_defineProperty(this, "_preComputingCache", void 0);
+		_defineProperty(this, "_rule", void 0);
+		this._cache = new LRUMap(_context.limit);
+		this._rule = _context.rule;
+		this._preComputingCache = null;
+		this._initClearCacheListener();
+	}
+	setCacheLength(length) {
+		this._cache.limit = length;
+	}
+	clearCache() {
+		this._cache.clear();
+	}
+	resetPreComputingCache() {
+		this._preComputingStatus$.next("preComputingStart");
+		this._preComputingCache = null;
+	}
+	updateRule(rule) {
+		this._rule = rule;
+		this.resetPreComputingCache();
+	}
+	getCell(row, col) {
+		const key = this._createKey(row, col);
+		if (this._preComputingStatus$.getValue() === "preComputing") return this._cache.get(key);
+		let preComputingResult = this.getPreComputingResult(row, col);
+		if (preComputingResult === null) {
+			this._preComputingStatus$.next("preComputingStart");
+			this.preComputing(row, col, this._getContext());
+			preComputingResult = this.getPreComputingResult(row, col);
+			if (preComputingResult === null) return this._cache.get(key);
+		}
+		this._preComputingStatus$.next("preComputingEnd");
+		if (this._cache.has(key)) return this._cache.get(key);
+		const result = this.getCellResult(row, col, preComputingResult, this._getContext());
+		if (result !== null) this._setCache(row, col, result);
+		return result;
+	}
+	setPreComputingCache(v) {
+		this._preComputingCache = v;
+	}
+	getPreComputingResult(_row, _col) {
+		return this._preComputingCache;
+	}
+	_createKey(row, col) {
+		return `${row}_${col}`;
+	}
+	_setCache(row, col, v) {
+		const key = this._createKey(row, col);
+		this._cache.set(key, v);
+	}
+	_getContext() {
+		return {
+			...this._context,
+			rule: this._rule
+		};
+	}
+	_initClearCacheListener() {
+		this.preComputingStatus$.subscribe((e) => {
+			if (e === "preComputingEnd") this.clearCache();
+		});
+	}
+};
+
+//#endregion
+//#region src/models/calculate-unit-v2/color-scale-calculate-unit.ts
+var ColorScaleCalculateUnit = class extends BaseCalculateUnit {
+	preComputing(_row, _col, context) {
+		const rule = context.rule;
+		const worksheet = context.worksheet;
+		const matrix = new ObjectMatrix();
+		if (!rule.rule.config.every((item) => item.value.type === "num")) filterRange(rule.ranges, worksheet.getMaxRows() - 1, worksheet.getMaxColumns() - 1).forEach((range) => {
+			Range.foreach(range, (row, col) => {
+				const cell = context.getCellValue(row, col);
+				const v = cell && cell.v;
+				if (!isNullable(v) && (cell === null || cell === void 0 ? void 0 : cell.t) === CellValueType.NUMBER) {
+					const _value = Number(v);
+					!Number.isNaN(_value) && matrix.setValue(row, col, _value);
+				}
+			});
+		});
+		const _configList = [...rule.rule.config].sort((a, b) => a.index - b.index).map((config) => {
+			return {
+				value: getValueByType(config.value, matrix, {
+					...context,
+					cfId: rule.cfId
+				}),
+				color: new ColorKit(config.color)
+			};
+		});
+		if (!_configList.some((item) => isObject(item.value) ? item.value.status !== FormulaResultStatus.SUCCESS : false)) {
+			const colorList = _configList.map((item) => item.color).reduce((result, color, index) => {
+				result.result.push({
+					color,
+					value: result.sortValue[index]
+				});
+				return result;
+			}, {
+				result: [],
+				sortValue: _configList.map((item) => item.value.result).sort((a, b) => a - b)
+			}).result;
+			this.setPreComputingCache(colorList);
+			this._preComputingStatus$.next("preComputingEnd");
+			return;
+		}
+		this._preComputingStatus$.next("preComputing");
+	}
+	getCellResult(row, col, preComputingResult, context) {
+		if (!preComputingResult) return null;
+		const cell = context.getCellValue(row, col);
+		if (cell.t === CellValueType.NUMBER) {
+			const v = Number(cell.v);
+			if (!Number.isNaN(v)) return getColorScaleFromValue(preComputingResult, v);
+		}
+	}
+};
+
+//#endregion
+//#region src/render/data-bar.render.ts
+const dataBarUKey = "sheet-conditional-rule-data-bar";
+const defaultDataBarPositiveColor = "#ffbe38";
+const defaultDataBarNativeColor = "#abd91a";
+const defaultPlaceholderColor = "#000";
+const EXTENSION_Z_INDEX$1 = 34;
+const stringifyRange$1 = (range) => {
+	const { startRow, endRow, startColumn, endColumn } = range;
+	return `${startRow}-${endRow}-${startColumn}-${endColumn}`;
+};
+var DataBar = class extends SheetExtension {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "_paddingRightAndLeft", 2);
+		_defineProperty(this, "_paddingTopAndBottom", 2);
+		_defineProperty(this, "_renderRangeResolver", null);
+		_defineProperty(this, "uKey", dataBarUKey);
+		_defineProperty(this, "Z_INDEX", EXTENSION_Z_INDEX$1);
+		_defineProperty(this, "_radius", 1);
+	}
+	setRenderRangeResolver(resolver) {
+		this._renderRangeResolver = resolver;
+	}
+	draw(ctx, _parentScale, spreadsheetSkeleton, diffRanges) {
+		const { worksheet } = spreadsheetSkeleton;
+		if (!worksheet) return false;
+		const mergeCellRendered = /* @__PURE__ */ new Set();
+		const sourceRanges = (diffRanges === null || diffRanges === void 0 ? void 0 : diffRanges.length) ? diffRanges : [spreadsheetSkeleton.rowColumnSegment];
+		const renderRanges = this._renderRangeResolver && worksheet.getMergeData().length === 0 ? this._renderRangeResolver(worksheet.getUnitId(), worksheet.getSheetId(), sourceRanges) ?? sourceRanges : sourceRanges;
+		if (!renderRanges.length) return;
+		ctx.save();
+		renderRanges.forEach((range) => {
+			Range.foreach(range, (row, col) => {
+				if (!worksheet.getRowVisible(row) || !worksheet.getColVisible(col)) return;
+				const primaryWithCoord = spreadsheetSkeleton.getCellWithCoordByIndex(row, col, false);
+				const { isMerged, isMergedMainCell, mergeInfo } = primaryWithCoord;
+				let cellData = worksheet.getCell(row, col);
+				if (isMerged) cellData = worksheet.getCell(mergeInfo.startRow, mergeInfo.startColumn);
+				if (!(cellData === null || cellData === void 0 ? void 0 : cellData.dataBar)) return;
+				if (!this.isRenderDiffRangesByCell(mergeInfo, diffRanges)) return;
+				if (isMerged || isMergedMainCell) {
+					const rangeStr = stringifyRange$1(mergeInfo);
+					if (mergeCellRendered.has(rangeStr)) return;
+					mergeCellRendered.add(rangeStr);
+				}
+				const { color, value, startPoint, isGradient } = cellData.dataBar;
+				const { startX, endX, startY, endY } = isMerged || isMergedMainCell ? mergeInfo : primaryWithCoord;
+				const borderWidth = endX - startX;
+				const borderHeight = endY + FIX_ONE_PIXEL_BLUR_OFFSET - startY;
+				const width = borderWidth - this._paddingRightAndLeft * 2;
+				const height = borderHeight - this._paddingTopAndBottom * 2;
+				if (value > 0) {
+					const dataBarWidth = Math.max(width * (1 - startPoint / 100) * value / 100, 1);
+					const x0 = startX + this._paddingRightAndLeft + startPoint / 100 * width;
+					const y0 = startY + this._paddingTopAndBottom;
+					if (isGradient) {
+						const gradient = ctx.createLinearGradient(x0, y0, x0 + dataBarWidth, y0);
+						gradient.addColorStop(0, color);
+						gradient.addColorStop(1, "rgb(255 255 255)");
+						ctx.fillStyle = gradient;
+						ctx.strokeStyle = color;
+						ctx.lineWidth = 1;
+					} else ctx.fillStyle = color;
+					this._drawRectWithRoundedCorner(ctx, x0, y0, dataBarWidth, height, false, true, true, false);
+					if (isGradient) ctx.stroke();
+				} else {
+					const dataBarWidth = Math.max(width * startPoint / 100 * Math.abs(value) / 100, 1);
+					const x0 = startX + this._paddingRightAndLeft + startPoint / 100 * width - dataBarWidth;
+					const y0 = startY + this._paddingTopAndBottom;
+					if (isGradient) {
+						const gradient = ctx.createLinearGradient(x0, y0, x0 + dataBarWidth, y0);
+						gradient.addColorStop(0, "rgb(255 255 255)");
+						gradient.addColorStop(1, color);
+						ctx.fillStyle = gradient;
+						ctx.strokeStyle = color;
+						ctx.lineWidth = 1;
+					} else ctx.fillStyle = color;
+					this._drawRectWithRoundedCorner(ctx, x0, y0, dataBarWidth, height, true, false, false, true);
+					if (isGradient) ctx.stroke();
+				}
+			});
+		});
+		ctx.restore();
+	}
+	dispose() {
+		this._renderRangeResolver = null;
+		super.dispose();
+	}
+	_drawRectWithRoundedCorner(ctx, x, y, width, height, topLeftRadius, topRightRadius, bottomRightRadius, bottomLeftRadius) {
+		const radius = this._radius;
+		if (!height || !width) return;
+		ctx.beginPath();
+		ctx.moveTo(x + radius, y);
+		ctx.lineTo(x + width - radius, y);
+		if (topRightRadius) ctx.arcTo(x + width, y, x + width, y + radius, radius);
+		else ctx.lineTo(x + width, y);
+		ctx.lineTo(x + width, y + height - radius);
+		if (bottomRightRadius) ctx.arcTo(x + width, y + height, x + width - radius, y + height, radius);
+		else ctx.lineTo(x + width, y + height);
+		ctx.lineTo(x + radius, y + height);
+		if (bottomLeftRadius) ctx.arcTo(x, y + height, x, y + height - radius, radius);
+		else ctx.lineTo(x, y + height);
+		ctx.lineTo(x, y + radius);
+		if (topLeftRadius) ctx.arcTo(x, y, x + radius, y, radius);
+		else ctx.lineTo(x, y);
+		ctx.closePath();
+		ctx.fill();
+	}
+};
+SpreadsheetExtensionRegistry.add(DataBar);
+
+//#endregion
+//#region src/models/calculate-unit-v2/data-bar-calculate-unit.ts
+const getSafeValue = (v) => Math.max(Math.min(100, v), 0);
+const getValue$1 = (row, col, getCell) => {
+	const cell = getCell(row, col);
+	if (cell && cell.t === CellValueType.NUMBER) {
+		const value = Number(cell.v);
+		return Number.isNaN(value) ? null : value;
+	}
+	return null;
+};
+var DataBarCalculateUnit = class extends BaseCalculateUnit {
+	preComputing(row, col, context) {
+		const rule = context.rule;
+		const ruleConfig = rule.rule;
+		const worksheet = context.worksheet;
+		const matrix = new ObjectMatrix();
+		if (![rule.rule.config.max, rule.rule.config.min].every((e) => e.type === "num")) filterRange(rule.ranges, worksheet.getMaxRows() - 1, worksheet.getMaxColumns() - 1).forEach((range) => {
+			Range.foreach(range, (row, col) => {
+				const cell = context.getCellValue(row, col);
+				const v = cell && cell.v;
+				if (!isNullable(v) && (cell === null || cell === void 0 ? void 0 : cell.t) === CellValueType.NUMBER) {
+					const _value = Number(v);
+					!Number.isNaN(_value) && matrix.setValue(row, col, _value);
+				}
+			});
+		});
+		const _min = getValueByType(ruleConfig.config.min, matrix, {
+			...context,
+			cfId: rule.cfId
+		});
+		const _max = getValueByType(ruleConfig.config.max, matrix, {
+			...context,
+			cfId: rule.cfId
+		});
+		let min = 0;
+		let max = 0;
+		if (_min.status === FormulaResultStatus.SUCCESS) {
+			const v = Number(_min.result);
+			min = Number.isNaN(v) ? 0 : v;
+		} else {
+			this._preComputingStatus$.next("preComputing");
+			return;
+		}
+		if (_max.status === FormulaResultStatus.SUCCESS) {
+			const maxResult = Number(_max.result);
+			const v = Number.isNaN(maxResult) ? 0 : maxResult;
+			max = Math.max(v, min);
+			min = Math.min(v, min);
+			let startPoint = 50;
+			if (min < 0 && max <= 0) startPoint = 100;
+			else if (min < 0 && max > 0) {
+				const length = Math.abs(max) + Math.abs(min);
+				startPoint = Math.abs(min) / length * 100;
+			} else if (min >= 0 && max > 0) startPoint = 0;
+			this.setPreComputingCache({
+				min,
+				max,
+				startPoint
+			});
+			this._preComputingStatus$.next("preComputingEnd");
+			return;
+		}
+		this._preComputingStatus$.next("preComputing");
+	}
+	getCellResult(row, col, preComputingResult, context) {
+		const { min, max, startPoint } = preComputingResult;
+		const ruleConfig = context.rule.rule;
+		const isShowValue = ruleConfig.isShowValue;
+		const isGradient = ruleConfig.config.isGradient;
+		const value = getValue$1(row, col, context.getCellValue);
+		if (value === null || value < min || min === max || max < min) return;
+		if (value === 0) return {
+			color: defaultPlaceholderColor,
+			startPoint,
+			value: 0,
+			isGradient,
+			isShowValue
+		};
+		if (min < 0 && max <= 0) {
+			const length = max - min;
+			const v = getSafeValue((max - value) / length * 100);
+			if (v === 0) return;
+			return {
+				color: ruleConfig.config.nativeColor || "#abd91a",
+				startPoint,
+				value: -v,
+				isGradient,
+				isShowValue
+			};
+		} else if (min < 0 && max > 0) {
+			if (value > 0) {
+				const v = getSafeValue(Math.min(value / max, 1) * 100);
+				if (v === 0) return;
+				return {
+					color: ruleConfig.config.positiveColor || "#ffbe38",
+					startPoint,
+					value: v,
+					isGradient,
+					isShowValue
+				};
+			} else {
+				const v = getSafeValue(Math.min(Math.abs(value) / Math.abs(min), 1) * 100);
+				if (v === 0) return;
+				return {
+					color: ruleConfig.config.nativeColor || "#abd91a",
+					startPoint,
+					value: -v,
+					isGradient,
+					isShowValue
+				};
+			}
+		} else if (min >= 0 && max > 0) {
+			const length = max - min;
+			const startPoint = 0;
+			const v = getSafeValue((1 - (max - value) / length) * 100);
+			if (v === 0) return;
+			return {
+				color: ruleConfig.config.positiveColor || "#ffbe38",
+				startPoint,
+				value: v,
+				isGradient,
+				isShowValue
+			};
+		}
+	}
+};
+
+//#endregion
+//#region src/models/calculate-unit-v2/highlight-cell-calculate-unit.ts
+const isFormulaResultMatched = (value) => value === true || value === 1 || value === "TRUE";
+const sortRangesByTopLeft = (ranges) => [...ranges].sort((a, b) => {
+	if (a.startRow !== b.startRow) return a.startRow - b.startRow;
+	return a.startColumn - b.startColumn;
+});
+var HighlightCellCalculateUnit = class extends BaseCalculateUnit {
+	preComputing(row, col, context) {
+		const ruleConfig = context.rule.rule;
+		const ranges = filterRange(context.rule.ranges, context.worksheet.getMaxRows() - 1, context.worksheet.getMaxColumns() - 1);
+		const getCache = () => {
+			switch (ruleConfig.subType) {
+				case "average": {
+					let sum = 0;
+					let count = 0;
+					ranges.forEach((range) => {
+						Range.foreach(range, (row, col) => {
+							const cell = context.getCellValue(row, col);
+							const v = getCellValue(cell);
+							if (cell && cell.t === CellValueType.NUMBER && !isNullable(v)) {
+								sum += Number(v) || 0;
+								count++;
+							}
+						});
+					});
+					return {
+						value: sum / count,
+						type: ruleConfig.subType
+					};
+				}
+				case "uniqueValues":
+				case "duplicateValues": {
+					const cacheMap = /* @__PURE__ */ new Map();
+					ranges.forEach((range) => {
+						Range.foreach(range, (row, col) => {
+							const cell = context.getCellValue(row, col);
+							const v = getCellValue(cell);
+							if (!isNullable(v)) {
+								const cache = cacheMap.get(v);
+								if (cache) cacheMap.set(v, cache + 1);
+								else cacheMap.set(v, 1);
+							}
+						});
+					});
+					return {
+						value: cacheMap,
+						type: ruleConfig.subType
+					};
+				}
+				case "rank": {
+					let allValue = [];
+					ranges.forEach((range) => {
+						Range.foreach(range, (row, col) => {
+							const cell = context.getCellValue(row, col);
+							const v = getCellValue(cell);
+							if (cell && cell.t === CellValueType.NUMBER && !isNullable(v)) allValue.push(Number(v) || 0);
+						});
+					});
+					allValue.sort((a, b) => b - a);
+					const configRule = context.rule.rule;
+					if (configRule.isPercent) {
+						if (configRule.isBottom) allValue = allValue.slice().reverse();
+						const threshold = Tools.clamp(configRule.value, 0, 100) / 100;
+						const targetIndex = Math.floor(threshold * allValue.length);
+						const safeIndex = Tools.clamp(targetIndex - 1, 0, allValue.length - 1);
+						return {
+							value: allValue[safeIndex],
+							type: ruleConfig.subType
+						};
+					}
+					const targetIndex = Math.floor(Tools.clamp(configRule.isBottom ? configRule.value - 1 : configRule.value, 0, allValue.length));
+					if (configRule.isBottom) return {
+						value: allValue[allValue.length - targetIndex - 1],
+						type: ruleConfig.subType
+					};
+					else return {
+						value: allValue[Math.max(targetIndex - 1, 0)],
+						type: ruleConfig.subType
+					};
+				}
+				case "formula": {
+					const _ruleConfig = ruleConfig;
+					const conditionalFormattingFormulaService = context.accessor.get(ConditionalFormattingFormulaService);
+					const normalizedRanges = sortRangesByTopLeft(context.rule.ranges);
+					conditionalFormattingFormulaService.registerFormulaWithRange(context.unitId, context.subUnitId, context.rule.cfId, _ruleConfig.value, normalizedRanges);
+					const result = conditionalFormattingFormulaService.getFormulaMatrix(context.unitId, context.subUnitId, context.rule.cfId, _ruleConfig.value);
+					if (result && result.status === FormulaResultStatus.SUCCESS) {
+						this._preComputingStatus$.next("preComputingEnd");
+						return {
+							value: result.result,
+							type: ruleConfig.subType
+						};
+					} else this._preComputingStatus$.next("preComputing");
+					return null;
+				}
+				case "timePeriod": switch (ruleConfig.operator) {
+					case "last7Days": {
+						const today = dateKit().startOf("day");
+						return {
+							value: {
+								start: today.subtract(6, "day").valueOf(),
+								end: today.endOf("day").valueOf()
+							},
+							type: ruleConfig.subType
+						};
+					}
+					case "lastMonth": {
+						const month = dateKit().startOf("month").subtract(1, "month");
+						return {
+							value: {
+								start: month.valueOf(),
+								end: month.endOf("month").valueOf()
+							},
+							type: ruleConfig.subType
+						};
+					}
+					case "lastWeek": return {
+						value: {
+							start: dateKit().startOf("week").subtract(1, "week").valueOf(),
+							end: dateKit().endOf("week").subtract(1, "week").valueOf()
+						},
+						type: ruleConfig.subType
+					};
+					case "nextMonth": {
+						const month = dateKit().startOf("month").add(1, "month");
+						return {
+							value: {
+								start: month.valueOf(),
+								end: month.endOf("month").valueOf()
+							},
+							type: ruleConfig.subType
+						};
+					}
+					case "nextWeek": return {
+						value: {
+							start: dateKit().startOf("week").add(1, "week").valueOf(),
+							end: dateKit().endOf("week").add(1, "week").valueOf()
+						},
+						type: ruleConfig.subType
+					};
+					case "thisMonth": return {
+						value: {
+							start: dateKit().startOf("month").valueOf(),
+							end: dateKit().endOf("month").valueOf()
+						},
+						type: ruleConfig.subType
+					};
+					case "thisWeek": return {
+						value: {
+							start: dateKit().startOf("week").valueOf(),
+							end: dateKit().endOf("week").valueOf()
+						},
+						type: ruleConfig.subType
+					};
+					case "today": return {
+						value: {
+							start: dateKit().startOf("day").valueOf(),
+							end: dateKit().endOf("day").valueOf()
+						},
+						type: ruleConfig.subType
+					};
+					case "tomorrow": return {
+						value: {
+							start: dateKit().startOf("day").add(1, "day").valueOf(),
+							end: dateKit().endOf("day").add(1, "day").valueOf()
+						},
+						type: ruleConfig.subType
+					};
+					case "yesterday": return {
+						value: {
+							start: dateKit().startOf("day").subtract(1, "day").valueOf(),
+							end: dateKit().endOf("day").subtract(1, "day").valueOf()
+						},
+						type: ruleConfig.subType
+					};
+				}
+			}
+		};
+		const result = getCache();
+		this.setPreComputingCache(result);
+	}
+	getCellResult(row, col, preComputingResult, context) {
+		const cellValue = context.getCellValue(row, col);
+		const ruleConfig = context.rule.rule;
+		const run = () => {
+			switch (ruleConfig.subType) {
+				case "number": {
+					const subRuleConfig = ruleConfig;
+					const value = cellValue === null || cellValue === void 0 ? void 0 : cellValue.v;
+					if ((cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) !== CellValueType.FORCE_STRING && ERROR_TYPE_SET.has(value)) return false;
+					if (value != null && ((cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) === CellValueType.BOOLEAN || (cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) !== CellValueType.NUMBER && typeof value !== "number")) return [
+						"notEqual",
+						"notBetween",
+						"greaterThan",
+						"greaterThanOrEqual"
+					].includes(subRuleConfig.operator);
+					return compareWithNumber({
+						operator: subRuleConfig.operator,
+						value: subRuleConfig.value ?? 0
+					}, Number(value ?? 0));
+				}
+				case "text": {
+					const subRuleConfig = ruleConfig;
+					const value = getCellValue(cellValue);
+					const v = isNullable(value) ? "" : String(value);
+					const condition = subRuleConfig.value || "";
+					switch (subRuleConfig.operator) {
+						case "beginsWith": return v.startsWith(condition);
+						case "containsBlanks": return /^\s*$/.test(v);
+						case "notContainsBlanks": return !/^\s*$/.test(v);
+						case "containsErrors": return ERROR_TYPE_SET.has(v);
+						case "notContainsErrors": return !ERROR_TYPE_SET.has(v);
+						case "containsText": return v.indexOf(condition) > -1;
+						case "notContainsText": return v.indexOf(condition) === -1;
+						case "endsWith": return v.endsWith(condition);
+						case "equal": return v === condition;
+						case "notEqual": return v !== condition;
+						default: return false;
+					}
+				}
+				case "timePeriod": {
+					const value = getCellValue(cellValue);
+					if (isNullable(value) || Number.isNaN(Number(value)) || (cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) !== CellValueType.NUMBER || !preComputingResult) return;
+					const v = serialTimeToTimestamp(Number(value), context.workbook.getDateSystem());
+					const { start, end } = preComputingResult.value;
+					return v >= start && v <= end;
+				}
+				case "average": {
+					const value = cellValue && cellValue.v;
+					const v = Number(value);
+					const isNumber = (cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) === CellValueType.NUMBER;
+					const subRuleConfig = ruleConfig;
+					if (!isNumber) {
+						if ("notEqual" === subRuleConfig.operator) return true;
+						return false;
+					}
+					if (isNullable(value) || Number.isNaN(v) || !preComputingResult) return false;
+					const average = preComputingResult.value;
+					switch (subRuleConfig.operator) {
+						case "greaterThan": return v > average;
+						case "greaterThanOrEqual": return v >= average;
+						case "lessThan": return v < average;
+						case "lessThanOrEqual": return v <= average;
+						case "equal": return isFloatsEqual(v, average);
+						case "notEqual": return !isFloatsEqual(v, average);
+						default: return false;
+					}
+				}
+				case "rank": {
+					const value = getCellValue(cellValue);
+					const v = Number(value);
+					if (isNullable(value) || Number.isNaN(v) || (cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) !== CellValueType.NUMBER || !preComputingResult) return false;
+					const targetValue = preComputingResult.value;
+					if (ruleConfig.isBottom) return v <= targetValue;
+					else return v >= targetValue;
+				}
+				case "uniqueValues": {
+					const value = getCellValue(cellValue);
+					if (isNullable(value) || !preComputingResult) return false;
+					return preComputingResult.value.get(value) === 1;
+				}
+				case "duplicateValues": {
+					const value = getCellValue(cellValue);
+					if (isNullable(value) || !preComputingResult) return false;
+					const uniqueCacheValue = preComputingResult.value.get(value);
+					return uniqueCacheValue && uniqueCacheValue !== 1;
+				}
+				case "formula": {
+					const _ruleConfig = ruleConfig;
+					const conditionalFormattingFormulaService = context.accessor.get(ConditionalFormattingFormulaService);
+					const firstRange = sortRangesByTopLeft(context.rule.ranges)[0];
+					const relativeRow = row - firstRange.startRow;
+					const relativeCol = col - firstRange.startColumn;
+					const formulaResult = conditionalFormattingFormulaService.getFormulaResultWithCoords(context.unitId, context.subUnitId, context.rule.cfId, _ruleConfig.value, relativeRow, relativeCol);
+					if (formulaResult.status === FormulaResultStatus.SUCCESS && formulaResult.result !== void 0) return isFormulaResultMatched(formulaResult.result);
+					const cache = preComputingResult === null || preComputingResult === void 0 ? void 0 : preComputingResult.value;
+					if (cache) {
+						const value = cache.getValue(relativeRow, relativeCol);
+						return isFormulaResultMatched(value);
+					}
+					return false;
+				}
+			}
+		};
+		return !!run();
+	}
+};
+
+//#endregion
+//#region src/models/calculate-unit-v2/icon-set-calculate-unit.ts
+const getValue = (row, col, getCell) => {
+	const cell = getCell(row, col);
+	if (cell && cell.t === CellValueType.NUMBER) {
+		const value = Number(cell.v);
+		return Number.isNaN(value) ? null : value;
+	}
+	return null;
+};
+var IconSetCalculateUnit = class extends BaseCalculateUnit {
+	preComputing(_row, _col, context) {
+		const ruleConfig = context.rule.rule;
+		const worksheet = context.worksheet;
+		const matrix = new ObjectMatrix();
+		if (!ruleConfig.config.every((e) => e.value.type === "num")) filterRange(context.rule.ranges, worksheet.getMaxRows() - 1, worksheet.getMaxColumns() - 1).forEach((range) => {
+			Range.foreach(range, (row, col) => {
+				const cell = context.getCellValue(row, col);
+				const v = cell && cell.v;
+				if (!isNullable(v) && (cell === null || cell === void 0 ? void 0 : cell.t) === CellValueType.NUMBER) {
+					const _value = Number(v);
+					!Number.isNaN(_value) && matrix.setValue(row, col, _value);
+				}
+			});
+		});
+		const splitValueResult = ruleConfig.config.map((v) => getValueByType(v.value, matrix, {
+			...context,
+			cfId: context.rule.cfId
+		}));
+		if (!splitValueResult.some((item) => item.status !== FormulaResultStatus.SUCCESS)) {
+			const splitValue = splitValueResult.map((item, index) => ({
+				operator: ruleConfig.config[index].operator,
+				value: Number(item.result) || 0
+			})).reduce((result, cur, index, list) => {
+				const item = ruleConfig.config[index];
+				if (!index || index === list.length - 1) result.push({
+					...cur,
+					iconId: item.iconId,
+					iconType: item.iconType
+				});
+				else {
+					const pre = list[index - 1];
+					if (!compareWithNumber(pre, cur.value)) result.push({
+						...cur,
+						iconId: item.iconId,
+						iconType: item.iconType
+					});
+				}
+				return result;
+			}, []);
+			this.setPreComputingCache(splitValue);
+			this._preComputingStatus$.next("preComputingEnd");
+			return;
+		}
+		this._preComputingStatus$.next("preComputing");
+	}
+	getCellResult(row, col, preComputingResult, context) {
+		if (!preComputingResult) return null;
+		const value = getValue(row, col, context.getCellValue);
+		if (value === null) return;
+		const ruleConfig = context.rule.rule;
+		const isShowValue = ruleConfig.isShowValue === void 0 ? true : !!ruleConfig.isShowValue;
+		for (let index = 0; index < preComputingResult.length; index++) {
+			const item = preComputingResult[index];
+			const start = { ...item };
+			const end = { ...item };
+			const { iconId, iconType } = item;
+			if (index === 0) {
+				if (compareWithNumber(item, value)) return {
+					iconId,
+					iconType,
+					isShowValue
+				};
+			} else if (index === preComputingResult.length - 1) return {
+				iconId,
+				iconType,
+				isShowValue
+			};
+			else {
+				const pre = preComputingResult[index - 1];
+				end.operator = getOppositeOperator(pre.operator);
+				end.value = pre.value;
+				if (compareWithNumber(start, value) && compareWithNumber(end, value)) return {
+					iconId,
+					iconType,
+					isShowValue
+				};
+			}
+		}
+	}
+};
+
+//#endregion
+//#region src/models/conditional-formatting-view-model.ts
+const CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH = 9e3;
+let ConditionalFormattingViewModel = class ConditionalFormattingViewModel extends Disposable {
+	constructor(_injector, _conditionalFormattingRuleModel, _conditionalFormattingRangeIndexModel, _conditionalFormattingFormulaService, _univerInstanceService) {
+		super();
+		this._injector = _injector;
+		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
+		this._conditionalFormattingRangeIndexModel = _conditionalFormattingRangeIndexModel;
+		this._conditionalFormattingFormulaService = _conditionalFormattingFormulaService;
+		this._univerInstanceService = _univerInstanceService;
+		_defineProperty(this, "_calculateUnitManagers", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_cellCache", new LRUMap(CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH));
+		_defineProperty(this, "_markDirty$", new Subject());
+		_defineProperty(this, "_cacheClear$", new Subject());
+		_defineProperty(this, "markDirty$", this._markDirty$.asObservable());
+		_defineProperty(this, "cacheClear$", this._cacheClear$.asObservable());
+		_defineProperty(this, "_markRuleDirtyAtOnce", (unitId, subUnitId, cfId, isNeedResetPreComputingCache = true) => {
+			this._cellCache.clear();
+			if (isNeedResetPreComputingCache) {
+				const calculateUnit = this._ensureCalculateUnitManager(unitId, subUnitId).get(cfId);
+				if (calculateUnit) calculateUnit.resetPreComputingCache();
+			}
+			this._markDirty$.next({
+				unitId,
+				subUnitId,
+				cfId
+			});
+		});
+		_defineProperty(this, "markRuleDirty", (() => {
+			const rxItem = new Subject();
+			this.disposeWithMe(rxItem.pipe(bufferTime(100), filter((e) => !!e.length), map((list) => {
+				const set = /* @__PURE__ */ new Set();
+				const result = [];
+				list.forEach((item) => {
+					const kye = `${item.unitId}_${item.subUnitId}_${item.cfId}`;
+					if (set.has(kye)) {
+						if (item.isNeedResetPreComputingCache) {
+							const i = result.find((e) => e.cfId === item.cfId);
+							i.isNeedResetPreComputingCache = true;
+						}
+						return;
+					}
+					set.add(kye);
+					result.push({ ...item });
+				});
+				return result;
+			})).subscribe((list) => {
+				list.forEach((item) => {
+					this._markRuleDirtyAtOnce(item.unitId, item.subUnitId, item.cfId, item.isNeedResetPreComputingCache);
+				});
+			}));
+			return (unitId, subUnitId, cfId, isNeedResetPreComputingCache = true) => {
+				rxItem.next({
+					unitId,
+					subUnitId,
+					cfId,
+					isNeedResetPreComputingCache
+				});
+			};
+		})());
+		this._initRuleListener();
+		this._handleCustomFormulasSeparately();
+		this._initCFFormulaListener();
+	}
+	_initCFFormulaListener() {
+		this.disposeWithMe(this._conditionalFormattingFormulaService.result$.subscribe(({ unitId, subUnitId, cfId, isAllFinished }) => {
+			if (isAllFinished) this._markRuleDirtyAtOnce(unitId, subUnitId, cfId, isAllFinished);
+		}));
+	}
+	getCellCfs(unitId, subUnitId, row, col) {
+		const key = this._createCacheKey(unitId, subUnitId, row, col);
+		if (this._cellCache.has(key)) return this._cellCache.get(key);
+		const result = this._getCellCfs(unitId, subUnitId, row, col);
+		if (result.length) this._cellCache.set(key, result);
+		return result;
+	}
+	_getCellCfs(unitId, subUnitId, row, col) {
+		const subunitRules = this._conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId) ?? [];
+		const _calculateUnitManagers = this._ensureCalculateUnitManager(unitId, subUnitId);
+		const list = this._conditionalFormattingRangeIndexModel.getRuleIdsByCell(unitId, subUnitId, row, col);
+		const rules = subunitRules.filter((rule) => list.has(rule.cfId));
+		if (!rules.length) return [];
+		return rules.map((rule) => {
+			const calculateUnit = _calculateUnitManagers.get(rule.cfId);
+			if (!calculateUnit) return null;
+			const result = calculateUnit.getCell(row, col);
+			if (rule.rule.type === "highlightCell") {
+				const matched = result === true;
+				let style = result;
+				if (result != null) style = matched ? rule.rule.style : {};
+				return {
+					cfId: rule.cfId,
+					result: style,
+					matched
+				};
+			}
+			return {
+				cfId: rule.cfId,
+				result,
+				matched: !!result
+			};
+		}).filter((e) => !!e).map((e, index) => ({
+			...e,
+			priority: index
+		}));
+	}
+	dispose() {
+		this.clearCache();
+		super.dispose();
+	}
+	clearCache() {
+		this._calculateUnitManagers.clear();
+		this._cellCache.clear();
+		this._cacheClear$.next();
+	}
+	_handleCustomFormulasSeparately() {
+		this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe((e) => {
+			if (e.type === "set") {
+				const { unitId, subUnitId } = e;
+				const oldRule = e.oldRule;
+				if (oldRule.rule.type === "highlightCell" && oldRule.rule.subType === "formula") this._conditionalFormattingFormulaService.deleteCache(unitId, subUnitId, oldRule.cfId);
+			}
+		}));
+	}
+	_initRuleListener() {
+		this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe((e) => {
+			const { unitId, subUnitId, rule } = e;
+			const { cfId, ranges } = rule;
+			const calculateUnitManager = this._ensureCalculateUnitManager(unitId, subUnitId);
+			this.markRuleDirty(unitId, subUnitId, cfId);
+			switch (e.type) {
+				case "add": {
+					const instance = this._createRuleCalculateUnitInstance(unitId, subUnitId, rule);
+					if (!instance) return;
+					calculateUnitManager.set(rule.cfId, instance);
+					break;
+				}
+				case "delete":
+					calculateUnitManager.delete(rule.cfId);
+					break;
+				case "set": {
+					const oldRule = e.oldRule;
+					if (oldRule.rule.type !== rule.rule.type) {
+						const instance = this._createRuleCalculateUnitInstance(unitId, subUnitId, rule);
+						if (!instance) return;
+						calculateUnitManager.delete(oldRule.cfId);
+						calculateUnitManager.set(rule.cfId, instance);
+					} else {
+						const instance = calculateUnitManager.get(oldRule.cfId);
+						if (!instance) return;
+						instance.updateRule(rule);
+					}
+				}
+			}
+		}));
+	}
+	_ensureCalculateUnitManager(unitId, subUnitId) {
+		let unitMap = this._calculateUnitManagers.get(unitId);
+		if (!unitMap) {
+			unitMap = /* @__PURE__ */ new Map();
+			this._calculateUnitManagers.set(unitId, unitMap);
+		}
+		let subUnitMap = unitMap.get(subUnitId);
+		if (!subUnitMap) {
+			subUnitMap = /* @__PURE__ */ new Map();
+			unitMap.set(subUnitId, subUnitMap);
+		}
+		return subUnitMap;
+	}
+	_createRuleCalculateUnitInstance(unitId, subUnitId, rule) {
+		const workbook = this._univerInstanceService.getUnit(unitId);
+		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
+		if (!workbook || !worksheet) return;
+		const context = {
+			workbook,
+			worksheet,
+			unitId,
+			subUnitId,
+			accessor: this._injector,
+			rule,
+			limit: CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH,
+			getCellValue: (row, col) => worksheet.getCellRaw(row, col) || {}
+		};
+		switch (rule.rule.type) {
+			case "colorScale": return new ColorScaleCalculateUnit(context);
+			case "dataBar": return new DataBarCalculateUnit(context);
+			case "highlightCell": return new HighlightCellCalculateUnit(context);
+			case "iconSet": return new IconSetCalculateUnit(context);
+		}
+	}
+	_createCacheKey(unitId, subUnitId, row, col) {
+		return `${unitId}_${subUnitId}_${row}_${col}`;
+	}
+	setCacheLength(length = CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH) {
+		if (this._cellCache.limit === length) return;
+		this._cellCache.limit = length;
+		this._calculateUnitManagers.forEach((subunitMap) => {
+			subunitMap.forEach((unitMap) => {
+				unitMap.forEach((unit) => {
+					unit.setCacheLength(length);
+				});
+			});
+		});
+	}
+};
+ConditionalFormattingViewModel = __decorate([
+	__decorateParam(0, Inject(Injector)),
+	__decorateParam(1, Inject(ConditionalFormattingRuleModel)),
+	__decorateParam(2, Inject(ConditionalFormattingRangeIndexModel)),
+	__decorateParam(3, Inject(ConditionalFormattingFormulaService)),
+	__decorateParam(4, IUniverInstanceService)
+], ConditionalFormattingViewModel);
+
+//#endregion
+//#region src/models/calculate-unit-v2/utils.ts
+function isFloatsEqual(a, b) {
+	return Math.abs(a - b) < Number.EPSILON;
+}
+const isNullable = (v) => v === null || v === void 0 || typeof v === "string" && v.trim() === "";
+const getCellValue = (cell) => {
+	var _cell$p;
+	if (!cell) return null;
+	if (cell.t === CellValueType.BOOLEAN) return cell.v === BooleanNumber.TRUE ? BooleanValue.TRUE : BooleanValue.FALSE;
+	const v = cell.v;
+	const dataStream = (_cell$p = cell.p) === null || _cell$p === void 0 || (_cell$p = _cell$p.body) === null || _cell$p === void 0 ? void 0 : _cell$p.dataStream.replace(/\r\n$/, "");
+	return !isNullable(v) ? v : !isNullable(dataStream) ? dataStream : null;
+};
+const serialTimeToTimestamp = (value, dateSystem = DateSystem.Date1900) => {
+	const utcDate = excelSerialToDateTime(value, dateSystem);
+	if (Number.isNaN(utcDate.getTime())) return NaN;
+	return new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate(), utcDate.getUTCHours(), utcDate.getUTCMinutes(), utcDate.getUTCSeconds(), utcDate.getUTCMilliseconds()).getTime();
+};
+const getValueByType = (value, matrix, context) => {
+	switch (value.type) {
+		case "max": {
+			let max = 0;
+			matrix.forValue((row, col, value) => {
+				if (value > max) max = value;
+			});
+			return {
+				status: FormulaResultStatus.SUCCESS,
+				result: max
+			};
+		}
+		case "min": {
+			let min;
+			matrix.forValue((row, col, value) => {
+				if (min === void 0) min = value;
+				if (value < min) min = value;
+			});
+			return {
+				status: FormulaResultStatus.SUCCESS,
+				result: min
+			};
+		}
+		case "percent": {
+			let max;
+			let min;
+			matrix.forValue((row, col, value) => {
+				if (max === void 0 || min === void 0) {
+					max = value;
+					min = value;
+				}
+				if (value > max) max = value;
+				if (value < min) min = value;
+			});
+			const length = (max || 0) - (min || 0);
+			const v = Math.max(Math.min(Number(value.value) || 0, 100), 0);
+			return {
+				status: FormulaResultStatus.SUCCESS,
+				result: length * (v / 100) + (min || 0)
+			};
+		}
+		case "percentile": {
+			const list = matrix.toNativeArray().sort((a, b) => a - b);
+			const v = Math.max(Math.min(Number(value.value) || 0, 100), 0);
+			const index = (list.length - 1) * v / 100;
+			const intIndex = Math.floor(index);
+			const decimalIndex = index - intIndex;
+			const result = list[intIndex] + (list[Math.min(intIndex + 1, list.length - 1)] - list[intIndex]) * decimalIndex;
+			return {
+				status: FormulaResultStatus.SUCCESS,
+				result
+			};
+		}
+		case "formula": {
+			const { accessor, unitId, subUnitId, cfId } = context;
+			const formulaText = String(value.value);
+			const conditionalFormattingFormulaService = accessor.get(ConditionalFormattingFormulaService);
+			conditionalFormattingFormulaService.registerFormulaWithRange(unitId, subUnitId, cfId, formulaText);
+			return conditionalFormattingFormulaService.getFormulaResultWithCoords(unitId, subUnitId, cfId, formulaText);
+		}
+		case "num":
+		default: {
+			const v = Number(value.value);
+			return {
+				status: FormulaResultStatus.SUCCESS,
+				result: Number.isNaN(v) ? 0 : v
+			};
+		}
+	}
+};
+const getCacheStyleMatrix = (unitId, subUnitId, rule, context) => {
+	const { accessor } = context;
+	const conditionalFormattingViewModel = accessor.get(ConditionalFormattingViewModel);
+	const matrix = new ObjectMatrix();
+	getRangesInWorksheet(rule.ranges, context.worksheet).forEach((range) => {
+		Range.foreach(range, (row, col) => {
+			const cellCfItem = conditionalFormattingViewModel.getCellCfs(unitId, subUnitId, row, col);
+			if (cellCfItem) {
+				const item = cellCfItem.find((item) => item.cfId === rule.cfId);
+				item !== null && item !== void 0 && item.result && matrix.setValue(row, col, item.result);
+			}
+		});
+	});
+	return matrix;
+};
+const compareWithNumber = (config, v) => {
+	switch (config.operator) {
+		case "between": {
+			if (typeof config.value !== "object" || !config.value.length) return;
+			const start = Math.min(...config.value);
+			const end = Math.max(...config.value);
+			return v >= start && v <= end;
+		}
+		case "notBetween": {
+			if (typeof config.value !== "object" || !config.value.length) return;
+			const start = Math.min(...config.value);
+			const end = Math.max(...config.value);
+			return !(v >= start && v <= end);
+		}
+		case "equal": return isFloatsEqual(config.value || 0, v);
+		case "notEqual": return !isFloatsEqual(config.value || 0, v);
+		case "greaterThan": return v > (config.value || 0);
+		case "greaterThanOrEqual": return v >= (config.value || 0);
+		case "lessThan": return v < (config.value || 0);
+		case "lessThanOrEqual": return v <= (config.value || 0);
+		default: return false;
+	}
+};
+const getOppositeOperator = (operator) => {
+	switch (operator) {
+		case "greaterThan": return "lessThanOrEqual";
+		case "greaterThanOrEqual": return "lessThan";
+		case "lessThan": return "greaterThanOrEqual";
+		case "lessThanOrEqual": return "greaterThan";
+	}
+	return operator;
+};
+const getColorScaleFromValue = (colorList, value) => {
+	const prefixRgba = (rgb) => {
+		if (rgb.a !== void 0) return rgb;
+		else return {
+			...rgb,
+			a: 1
+		};
+	};
+	const index = colorList.findIndex((item) => item.value >= value);
+	const preIndex = index - 1;
+	if (index === 0) return colorList[0].color.toRgbString();
+	else if (preIndex >= 0) {
+		const minItem = colorList[preIndex];
+		const maxItem = colorList[index];
+		if (minItem.color.isValid && maxItem.color.isValid) {
+			const minRgb = prefixRgba(minItem.color.toRgb());
+			const maxRgb = prefixRgba(maxItem.color.toRgb());
+			const length = maxItem.value - minItem.value;
+			const v = (value - minItem.value) / length;
+			const rgbResult = [
+				"r",
+				"g",
+				"b",
+				"a"
+			].reduce((obj, key) => {
+				const minV = minRgb[key];
+				obj[key] = (maxRgb[key] - minV) * v + minV;
+				return obj;
+			}, {});
+			return new ColorKit(rgbResult).toRgbString();
+		}
+	} else return colorList[colorList.length - 1].color.toRgbString();
+};
+const filterRange = (ranges, maxRow, maxCol) => {
+	return ranges.map((range) => {
+		if (range.startColumn > maxCol || range.startRow > maxRow || range.endColumn < 0 || range.endRow < 0) return null;
+		const _range = { ...range };
+		_range.startRow = Math.max(_range.startRow, 0);
+		_range.startColumn = Math.max(_range.startColumn, 0);
+		_range.endRow = Math.min(_range.endRow, maxRow);
+		_range.endColumn = Math.min(_range.endColumn, maxCol);
+		if (_range.startRow > _range.endRow || _range.startColumn > _range.endColumn) return null;
+		return _range;
+	}).filter((range) => !!range);
+};
+function getMaxInFormulaResult(result) {
+	let max = 0;
+	new ObjectMatrix(result).forValue((row, col, value) => {
+		max = Math.max(Number.isNaN(max) ? 0 : max, Number(value));
+	});
+	return max;
+}
+
+//#endregion
+//#region src/assets/icon-map.ts
+const ICON_MAP = {
+	"feedback": {
+		"mistake": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227%22%20fill%3D%22%23FE4B4B%22%2F%3E%0A%3Cpath%20d%3D%22M5.69014%205.69014C5.45583%205.92445%205.45583%206.30435%205.69014%206.53867L7.15137%207.9999L5.6899%209.46137C5.45558%209.69569%205.45558%2010.0756%205.6899%2010.3099C5.92421%2010.5442%206.30411%2010.5442%206.53842%2010.3099L7.9999%208.84843L9.46137%2010.3099C9.69569%2010.5442%2010.0756%2010.5442%2010.3099%2010.3099C10.5442%2010.0756%2010.5442%209.69569%2010.3099%209.46137L8.84843%207.9999L10.3097%206.53867C10.544%206.30435%2010.544%205.92445%2010.3097%205.69014C10.0753%205.45583%209.69544%205.45583%209.46113%205.69014L7.9999%207.15137L6.53867%205.69014C6.30435%205.45583%205.92445%205.45583%205.69014%205.69014Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"warn": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3Cpath%20d%3D%22M7.4%204.4335C7.4%204.10213%207.66863%203.8335%208%203.8335C8.33137%203.8335%208.6%204.10213%208.6%204.4335V9.36683C8.6%209.6982%208.33137%209.96683%208%209.96683C7.66863%209.96683%207.4%209.6982%207.4%209.36683V4.4335Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%2211.5338%22%20r%3D%220.83333%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"correct": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227%22%20fill%3D%22%2359D01E%22%2F%3E%0A%3Cpath%20d%3D%22M11.7245%205.57564C11.4901%205.34132%2011.1102%205.34132%2010.8759%205.57564L7.3002%209.15137L5.72446%207.57564C5.49014%207.34132%205.11025%207.34132%204.87593%207.57564C4.64162%207.80995%204.64162%208.18985%204.87593%208.42417L6.87593%2010.4242C7.11025%2010.6585%207.49014%2010.6585%207.72446%2010.4242L11.7245%206.42417C11.9588%206.18985%2011.9588%205.80995%2011.7245%205.57564Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	},
+	"star": {
+		"starEmpty": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8%201.8L9.73075%205.30631L13.6%205.86863L10.8%208.59897L11.4615%2012.4526L8%2010.632L4.53853%2012.4526L5.2%208.59897L2.4%205.86863L6.26927%205.30631L8%201.8Z%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"starIncomplete": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8%201.8L9.73075%205.30631L13.6%205.86863L10.8%208.59897L11.4615%2012.4526L8%2010.632L4.53853%2012.4526L5.2%208.59897L2.4%205.86863L6.26927%205.30631L8%201.8Z%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Cmask%20id%3D%22star-incomplete-mask%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%228%22%20height%3D%2216%22%3E%0A%3Crect%20width%3D%228%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23star-incomplete-mask)%22%3E%0A%3Cpath%20d%3D%22M8%201.8L9.73075%205.30631L13.6%205.86863L10.8%208.59897L11.4615%2012.4526L8%2010.632L4.53853%2012.4526L5.2%208.59897L2.4%205.86863L6.26927%205.30631L8%201.8Z%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A",
+		"starFull": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8%201.8L9.73075%205.30631L13.6%205.86863L10.8%208.59897L11.4615%2012.4526L8%2010.632L4.53853%2012.4526L5.2%208.59897L2.4%205.86863L6.26927%205.30631L8%201.8Z%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	},
+	"progress": {
+		"progress0": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22%237A7A7A%22%2F%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22%237A7A7A%22%20stroke-width%3D%220.75%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"progress25": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22%237A7A7A%22%2F%3E%0A%3Cpath%20d%3D%22M8%201.5C11.5899%201.5%2014.5%204.41015%2014.5%208H8V1.5Z%22%20fill%3D%22%237A7A7A%22%2F%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22%237A7A7A%22%20stroke-width%3D%220.75%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"progress50": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22%237A7A7A%22%2F%3E%0A%3Cpath%20d%3D%22M8%201.5C11.5899%201.5%2014.5%204.41015%2014.5%208C14.5%2011.5899%2011.5899%2014.5%208%2014.5V1.5Z%22%20fill%3D%22%237A7A7A%22%2F%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22%237A7A7A%22%20stroke-width%3D%220.75%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"progress75": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22%237A7A7A%22%2F%3E%0A%3Cpath%20d%3D%22M8%201.5C11.5899%201.5%2014.5%204.41015%2014.5%208C14.5%2011.5899%2011.5899%2014.5%208%2014.5C4.41015%2014.5%201.5%2011.5899%201.5%208H8V1.5Z%22%20fill%3D%22%237A7A7A%22%2F%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22%237A7A7A%22%20stroke-width%3D%220.75%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"progress100": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22%237A7A7A%22%2F%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22%237A7A7A%22%20stroke-width%3D%220.75%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	},
+	"signal": {
+		"signal0": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%221.6%22%20y%3D%2211%22%20width%3D%221.8%22%20height%3D%223%22%20rx%3D%220.65%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%225.6%22%20y%3D%228%22%20width%3D%221.8%22%20height%3D%226%22%20rx%3D%220.65%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%229.6%22%20y%3D%225%22%20width%3D%221.8%22%20height%3D%229%22%20rx%3D%220.65%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%2213.6%22%20y%3D%222%22%20width%3D%221.8%22%20height%3D%2212%22%20rx%3D%220.65%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"signal25": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%221.6%22%20y%3D%2211%22%20width%3D%221.8%22%20height%3D%223%22%20rx%3D%220.65%22%20fill%3D%22%230493EE%22%2F%3E%0A%3Crect%20x%3D%225.6%22%20y%3D%228%22%20width%3D%221.8%22%20height%3D%226%22%20rx%3D%220.65%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%229.6%22%20y%3D%225%22%20width%3D%221.8%22%20height%3D%229%22%20rx%3D%220.65%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%2213.6%22%20y%3D%222%22%20width%3D%221.8%22%20height%3D%2212%22%20rx%3D%220.65%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"signal50": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%221.6%22%20y%3D%2211%22%20width%3D%221.8%22%20height%3D%223%22%20rx%3D%220.65%22%20fill%3D%22%230493EE%22%2F%3E%0A%3Crect%20x%3D%225.6%22%20y%3D%228%22%20width%3D%221.8%22%20height%3D%226%22%20rx%3D%220.65%22%20fill%3D%22%230493EE%22%2F%3E%0A%3Crect%20x%3D%229.6%22%20y%3D%225%22%20width%3D%221.8%22%20height%3D%229%22%20rx%3D%220.65%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%2213.6%22%20y%3D%222%22%20width%3D%221.8%22%20height%3D%2212%22%20rx%3D%220.65%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"signal75": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%221.6%22%20y%3D%2211%22%20width%3D%221.8%22%20height%3D%223%22%20rx%3D%220.65%22%20fill%3D%22%230493EE%22%2F%3E%0A%3Crect%20x%3D%225.6%22%20y%3D%228%22%20width%3D%221.8%22%20height%3D%226%22%20rx%3D%220.65%22%20fill%3D%22%230493EE%22%2F%3E%0A%3Crect%20x%3D%229.6%22%20y%3D%225%22%20width%3D%221.8%22%20height%3D%229%22%20rx%3D%220.65%22%20fill%3D%22%230493EE%22%2F%3E%0A%3Crect%20x%3D%2213.6%22%20y%3D%222%22%20width%3D%221.8%22%20height%3D%2212%22%20rx%3D%220.65%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"signal100": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%221.6%22%20y%3D%2211%22%20width%3D%221.8%22%20height%3D%223%22%20rx%3D%220.65%22%20fill%3D%22%230493EE%22%2F%3E%0A%3Crect%20x%3D%225.6%22%20y%3D%228%22%20width%3D%221.8%22%20height%3D%226%22%20rx%3D%220.65%22%20fill%3D%22%230493EE%22%2F%3E%0A%3Crect%20x%3D%229.6%22%20y%3D%225%22%20width%3D%221.8%22%20height%3D%229%22%20rx%3D%220.65%22%20fill%3D%22%230493EE%22%2F%3E%0A%3Crect%20x%3D%2213.6%22%20y%3D%222%22%20width%3D%221.8%22%20height%3D%2212%22%20rx%3D%220.65%22%20fill%3D%22%230493EE%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	},
+	"feeling": {
+		"guffaw": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.4%22%20fill%3D%22%23FFBD37%22%20stroke%3D%22%238F5F00%22%20stroke-width%3D%221.2%22%2F%3E%0A%3Ccircle%20cx%3D%225.75%22%20cy%3D%226.3%22%20r%3D%220.75%22%20fill%3D%22%238F5F00%22%2F%3E%0A%3Ccircle%20cx%3D%2210.25%22%20cy%3D%226.3%22%20r%3D%220.75%22%20fill%3D%22%238F5F00%22%2F%3E%0A%3Cpath%20d%3D%22M4.8%209.15C5.25%2011.25%206.5%2012.55%208%2012.55C9.5%2012.55%2010.75%2011.25%2011.2%209.15H4.8Z%22%20fill%3D%22%238F5F00%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"smile": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.4%22%20fill%3D%22%23FFBD37%22%20stroke%3D%22%238F5F00%22%20stroke-width%3D%221.2%22%2F%3E%0A%3Ccircle%20cx%3D%225.75%22%20cy%3D%226.3%22%20r%3D%220.75%22%20fill%3D%22%238F5F00%22%2F%3E%0A%3Ccircle%20cx%3D%2210.25%22%20cy%3D%226.3%22%20r%3D%220.75%22%20fill%3D%22%238F5F00%22%2F%3E%0A%3Cpath%20d%3D%22M5%209.3C5.65%2010.65%206.65%2011.35%208%2011.35C9.35%2011.35%2010.35%2010.65%2011%209.3%22%20stroke%3D%22%238F5F00%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"noninductive": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.4%22%20fill%3D%22%23FFBD37%22%20stroke%3D%22%238F5F00%22%20stroke-width%3D%221.2%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%225.85%22%20width%3D%221.5%22%20height%3D%221.1%22%20rx%3D%220.55%22%20fill%3D%22%238F5F00%22%2F%3E%0A%3Crect%20x%3D%229.5%22%20y%3D%225.85%22%20width%3D%221.5%22%20height%3D%221.1%22%20rx%3D%220.55%22%20fill%3D%22%238F5F00%22%2F%3E%0A%3Cpath%20d%3D%22M5.2%2010.4H10.8%22%20stroke%3D%22%238F5F00%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"dissatisfied": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.4%22%20fill%3D%22%23FFBD37%22%20stroke%3D%22%238F5F00%22%20stroke-width%3D%221.2%22%2F%3E%0A%3Ccircle%20cx%3D%225.75%22%20cy%3D%226.3%22%20r%3D%220.75%22%20fill%3D%22%238F5F00%22%2F%3E%0A%3Ccircle%20cx%3D%2210.25%22%20cy%3D%226.3%22%20r%3D%220.75%22%20fill%3D%22%238F5F00%22%2F%3E%0A%3Cpath%20d%3D%22M5%2011C5.65%209.65%206.65%208.95%208%208.95C9.35%208.95%2010.35%209.65%2011%2011%22%20stroke%3D%22%238F5F00%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"impatient": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.4%22%20fill%3D%22%23FFBD37%22%20stroke%3D%22%238F5F00%22%20stroke-width%3D%221.2%22%2F%3E%0A%3Cpath%20d%3D%22M4.9%205.4L6.7%206.15%22%20stroke%3D%22%238F5F00%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M11.1%205.4L9.3%206.15%22%20stroke%3D%22%238F5F00%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Ccircle%20cx%3D%225.75%22%20cy%3D%227.2%22%20r%3D%220.65%22%20fill%3D%22%238F5F00%22%2F%3E%0A%3Ccircle%20cx%3D%2210.25%22%20cy%3D%227.2%22%20r%3D%220.65%22%20fill%3D%22%238F5F00%22%2F%3E%0A%3Cpath%20d%3D%22M5%2011.25C5.7%2010.05%206.7%209.45%208%209.45C9.3%209.45%2010.3%2010.05%2011%2011.25%22%20stroke%3D%22%238F5F00%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	},
+	"arrow": {
+		"down-red": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.90467%203.99244C8.84611%204.1338%208.84611%204.31301%208.84611%204.67143V13.716L5.92068%2010.7906C5.66724%2010.5371%205.54052%2010.4104%205.39916%2010.3519C5.21067%2010.2738%204.9989%2010.2738%204.81041%2010.3519C4.66905%2010.4104%204.54233%2010.5371%204.28889%2010.7906C4.03545%2011.044%203.90873%2011.1707%203.85018%2011.3121C3.77211%2011.5006%203.77211%2011.7124%203.85018%2011.9008C3.90873%2012.0422%204.03545%2012.1689%204.28889%2012.4224L9.03476%2017.1682C9.07839%2017.2127%209.12737%2017.2617%209.18231%2017.3166L9.18239%2017.3167L9.18241%2017.3167C9.40545%2017.5398%209.53035%2017.6647%209.65346%2017.7313C9.67085%2017.7408%209.6882%2017.7492%209.70577%2017.7564C9.89425%2017.8345%2010.106%2017.8345%2010.2945%2017.7564C10.4359%2017.6979%2010.5626%2017.5712%2010.816%2017.3177C10.8986%2017.2352%2010.9677%2017.1661%2011.0253%2017.1056L15.7095%2012.4214L15.7095%2012.4213C15.963%2012.1679%2016.0897%2012.0412%2016.1482%2011.8998C16.2263%2011.7114%2016.2263%2011.4996%2016.1482%2011.3111C16.0897%2011.1697%2015.963%2011.043%2015.7095%2010.7896C15.4561%2010.5361%2015.3294%2010.4094%2015.188%2010.3509C14.9995%2010.2728%2014.7878%2010.2728%2014.5993%2010.3509C14.4579%2010.4094%2014.3312%2010.5361%2014.0778%2010.7896L14.0777%2010.7896L11.1538%2013.7135V4.67142C11.1538%204.31301%2011.1538%204.1338%2011.0953%203.99244C11.0172%203.80395%2010.8674%203.6542%2010.6789%203.57613C10.5376%203.51758%2010.3584%203.51758%209.99996%203.51758C9.64154%203.51758%209.46233%203.51758%209.32097%203.57613C9.13249%203.6542%208.98274%203.80395%208.90467%203.99244Z%22%20fill%3D%22%23FE4B4B%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"right-gold": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.32508%2011.7609C3.46644%2011.8194%203.64565%2011.8194%204.00407%2011.8194H13.049L10.1235%2014.745C9.87002%2014.9984%209.7433%2015.1251%209.68475%2015.2665C9.60668%2015.455%209.60668%2015.6668%209.68475%2015.8552C9.7433%2015.9966%209.87002%2016.1233%2010.1235%2016.3768C10.3769%2016.6302%2010.5036%2016.7569%2010.645%2016.8155C10.8335%2016.8935%2011.0452%2016.8935%2011.2337%2016.8155C11.3751%2016.7569%2011.5018%2016.6302%2011.7552%2016.3768L16.5105%2011.6215C16.5524%2011.5803%2016.5983%2011.5344%2016.6493%2011.4834L16.6495%2011.4831C16.8561%2011.2765%2016.9785%2011.1542%2017.0484%2011.0394C17.0648%2011.0128%2017.0782%2010.9866%2017.0893%2010.9599C17.1674%2010.7714%2017.1674%2010.5596%2017.0893%2010.3711C17.0308%2010.2298%2016.904%2010.1031%2016.6506%209.84962C16.5685%209.76752%2016.4997%209.69872%2016.4394%209.64123L11.7542%204.95601C11.5007%204.70257%2011.374%204.57585%2011.2327%204.5173C11.0442%204.43923%2010.8324%204.43923%2010.6439%204.5173C10.5026%204.57585%2010.3758%204.70257%2010.1224%204.95601L10.1224%204.95601C9.86895%205.20945%209.74223%205.33617%209.68368%205.47753C9.60561%205.66601%209.60561%205.87779%209.68368%206.06627C9.74223%206.20764%209.86895%206.33436%2010.1224%206.5878L13.0463%209.51175H4.00407C3.64565%209.51175%203.46644%209.51175%203.32508%209.5703C3.1366%209.64837%202.98685%209.79812%202.90877%209.98661C2.85022%2010.128%202.85022%2010.3072%202.85022%2010.6656C2.85022%2011.024%202.85022%2011.2032%202.90877%2011.3446C2.98685%2011.5331%203.1366%2011.6828%203.32508%2011.7609Z%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"up-green": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.0936%2017.3406C11.1522%2017.1992%2011.1522%2017.02%2011.1522%2016.6616V7.61701L14.0776%2010.5424C14.3311%2010.7959%2014.4578%2010.9226%2014.5991%2010.9811C14.7876%2011.0592%2014.9994%2011.0592%2015.1879%2010.9811C15.3292%2010.9226%2015.456%2010.7959%2015.7094%2010.5424C15.9628%2010.289%2016.0896%2010.1623%2016.1481%2010.0209C16.2262%209.83243%2016.2262%209.62066%2016.1481%209.43217C16.0896%209.29081%2015.9628%209.16409%2015.7094%208.91065L10.9645%204.16576C10.9207%204.12105%2010.8714%204.07178%2010.8161%204.01648L10.8159%204.0163C10.5916%203.792%2010.4666%203.66696%2010.3428%203.60058C10.3261%203.59154%2010.3094%203.58358%2010.2925%203.57658C10.104%203.49851%209.89226%203.49851%209.70378%203.57658C9.56242%203.63514%209.4357%203.76186%209.18226%204.0153C9.09955%204.09801%209.03034%204.16722%208.97258%204.22785L4.28878%208.91166C4.03534%209.1651%203.90862%209.29182%203.85006%209.43318C3.77199%209.62166%203.77199%209.83344%203.85006%2010.0219C3.90862%2010.1633%204.03534%2010.29%204.28878%2010.5434C4.54221%2010.7969%204.66893%2010.9236%204.8103%2010.9822C4.99878%2011.0602%205.21056%2011.0602%205.39904%2010.9822C5.5404%2010.9236%205.66712%2010.7969%205.92056%2010.5434L5.92056%2010.5434L8.84449%207.61951V16.6616C8.84449%2017.02%208.84449%2017.1992%208.90305%2017.3406C8.98112%2017.5291%209.13087%2017.6788%209.31935%2017.7569C9.46072%2017.8154%209.63992%2017.8154%209.99834%2017.8154C10.3568%2017.8154%2010.536%2017.8154%2010.6773%2017.7569C10.8658%2017.6788%2011.0156%2017.5291%2011.0936%2017.3406Z%22%20fill%3D%22%2359D01E%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"rightAndDown-gold": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.5062%206.72126C4.56476%206.86262%204.69148%206.98934%204.94492%207.24278L11.3404%2013.6382L7.20313%2013.6382C6.84471%2013.6382%206.66551%2013.6382%206.52414%2013.6968C6.33566%2013.7749%206.18591%2013.9246%206.10784%2014.1131C6.04928%2014.2545%206.04928%2014.4337%206.04928%2014.7921C6.04928%2015.1505%206.04928%2015.3297%206.10784%2015.4711C6.18591%2015.6596%206.33566%2015.8093%206.52414%2015.8874C6.66551%2015.9459%206.84471%2015.9459%207.20313%2015.9459L13.9194%2015.9459C13.9805%2015.9465%2014.0484%2015.9465%2014.1243%2015.9465H14.1243C14.4353%2015.9465%2014.6114%2015.9465%2014.7449%2015.9082C14.7659%2015.9023%2014.7859%2015.8954%2014.8052%2015.8874C14.9937%2015.8093%2015.1434%2015.6596%2015.2215%2015.4711C15.2801%2015.3297%2015.2801%2015.1505%2015.2801%2014.7921C15.2801%2014.6767%2015.2801%2014.5799%2015.2781%2014.497L15.2781%207.86957C15.2781%207.51115%2015.2781%207.33194%2015.2195%207.19058C15.1415%207.0021%2014.9917%206.85235%2014.8032%206.77428C14.6619%206.71572%2014.4827%206.71572%2014.1243%206.71572C13.7658%206.71572%2013.5866%206.71572%2013.4453%206.77428C13.2568%206.85235%2013.107%207.0021%2013.029%207.19058C12.9704%207.33194%2012.9704%207.51115%2012.9704%207.86957L12.9704%2012.0047L6.5767%205.61099C6.32326%205.35755%206.19654%205.23083%206.05518%205.17228C5.8667%205.09421%205.65492%205.09421%205.46644%205.17228C5.32508%205.23083%205.19836%205.35755%204.94492%205.61099C4.69148%205.86443%204.56476%205.99115%204.5062%206.13251C4.42813%206.32099%204.42813%206.53277%204.5062%206.72126Z%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"rightAndUp-gold": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.05431%2016.1597C6.19567%2016.1012%206.32239%2015.9745%206.57583%2015.721L12.9712%209.32568L12.9712%2013.4626C12.9712%2013.821%2012.9712%2014.0002%2013.0297%2014.1416C13.1078%2014.3301%2013.2576%2014.4798%2013.446%2014.5579C13.5874%2014.6164%2013.7666%2014.6164%2014.125%2014.6164C14.4834%2014.6164%2014.6626%2014.6164%2014.804%2014.5579C14.9925%2014.4798%2015.1422%2014.3301%2015.2203%2014.1416C15.2789%2014.0002%2015.2789%2013.821%2015.2789%2013.4626L15.2789%206.75233C15.2795%206.68972%2015.2795%206.62004%2015.2795%206.54182L15.2795%206.54157C15.2795%206.22585%2015.2795%206.04918%2015.2395%205.91495C15.2339%205.89605%2015.2276%205.878%2015.2203%205.86053C15.1422%205.67204%2014.9925%205.52229%2014.804%205.44422C14.6626%205.38567%2014.4834%205.38567%2014.125%205.38567L14.125%205.38567C14.0075%205.38567%2013.9093%205.38567%2013.8254%205.38773L7.20256%205.38773C6.84414%205.38773%206.66493%205.38773%206.52357%205.44628C6.33509%205.52436%206.18534%205.6741%206.10727%205.86259C6.04871%206.00395%206.04871%206.18315%206.04871%206.54156V6.54157L6.04871%206.54159C6.04871%206.9%206.04871%207.0792%206.10727%207.22056C6.18534%207.40905%206.33509%207.55879%206.52357%207.63687C6.66493%207.69542%206.84414%207.69542%207.20256%207.69542H11.3379L4.94405%2014.0892C4.69061%2014.3427%204.56389%2014.4694%204.50533%2014.6108C4.42726%2014.7992%204.42726%2015.011%204.50533%2015.1995C4.56389%2015.3409%204.69061%2015.4676%204.94405%2015.721C5.19749%2015.9745%205.32421%2016.1012%205.46557%2016.1597C5.65405%2016.2378%205.86583%2016.2378%206.05431%2016.1597Z%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"down-gray": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.90467%203.99244C8.84611%204.1338%208.84611%204.31301%208.84611%204.67143V13.716L5.92068%2010.7906C5.66724%2010.5371%205.54052%2010.4104%205.39916%2010.3519C5.21067%2010.2738%204.9989%2010.2738%204.81041%2010.3519C4.66905%2010.4104%204.54233%2010.5371%204.28889%2010.7906C4.03545%2011.044%203.90873%2011.1707%203.85018%2011.3121C3.77211%2011.5006%203.77211%2011.7124%203.85018%2011.9008C3.90873%2012.0422%204.03545%2012.1689%204.28889%2012.4224L9.03476%2017.1682C9.07839%2017.2127%209.12737%2017.2617%209.18231%2017.3166L9.18239%2017.3167L9.18241%2017.3167C9.40545%2017.5398%209.53035%2017.6647%209.65346%2017.7313C9.67085%2017.7408%209.6882%2017.7492%209.70577%2017.7564C9.89425%2017.8345%2010.106%2017.8345%2010.2945%2017.7564C10.4359%2017.6979%2010.5626%2017.5712%2010.816%2017.3177C10.8986%2017.2352%2010.9677%2017.1661%2011.0253%2017.1056L15.7095%2012.4214L15.7095%2012.4213C15.963%2012.1679%2016.0897%2012.0412%2016.1482%2011.8998C16.2263%2011.7114%2016.2263%2011.4996%2016.1482%2011.3111C16.0897%2011.1697%2015.963%2011.043%2015.7095%2010.7896C15.4561%2010.5361%2015.3294%2010.4094%2015.188%2010.3509C14.9995%2010.2728%2014.7878%2010.2728%2014.5993%2010.3509C14.4579%2010.4094%2014.3312%2010.5361%2014.0778%2010.7896L14.0777%2010.7896L11.1538%2013.7135V4.67142C11.1538%204.31301%2011.1538%204.1338%2011.0953%203.99244C11.0172%203.80395%2010.8674%203.6542%2010.6789%203.57613C10.5376%203.51758%2010.3584%203.51758%209.99996%203.51758C9.64154%203.51758%209.46233%203.51758%209.32097%203.57613C9.13249%203.6542%208.98274%203.80395%208.90467%203.99244Z%22%20fill%3D%22%23999999%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"right-gray": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.32508%2011.7609C3.46644%2011.8194%203.64565%2011.8194%204.00407%2011.8194H13.049L10.1235%2014.745C9.87002%2014.9984%209.7433%2015.1251%209.68475%2015.2665C9.60668%2015.455%209.60668%2015.6668%209.68475%2015.8552C9.7433%2015.9966%209.87002%2016.1233%2010.1235%2016.3768C10.3769%2016.6302%2010.5036%2016.7569%2010.645%2016.8155C10.8335%2016.8935%2011.0452%2016.8935%2011.2337%2016.8155C11.3751%2016.7569%2011.5018%2016.6302%2011.7552%2016.3768L16.5105%2011.6215C16.5524%2011.5803%2016.5983%2011.5344%2016.6493%2011.4834L16.6495%2011.4831C16.8561%2011.2765%2016.9785%2011.1542%2017.0484%2011.0394C17.0648%2011.0128%2017.0782%2010.9866%2017.0893%2010.9599C17.1674%2010.7714%2017.1674%2010.5596%2017.0893%2010.3711C17.0308%2010.2298%2016.904%2010.1031%2016.6506%209.84962C16.5685%209.76752%2016.4997%209.69872%2016.4394%209.64123L11.7542%204.95601C11.5007%204.70257%2011.374%204.57585%2011.2327%204.5173C11.0442%204.43923%2010.8324%204.43923%2010.6439%204.5173C10.5026%204.57585%2010.3758%204.70257%2010.1224%204.95601L10.1224%204.95601C9.86895%205.20945%209.74223%205.33617%209.68368%205.47753C9.60561%205.66601%209.60561%205.87779%209.68368%206.06627C9.74223%206.20764%209.86895%206.33436%2010.1224%206.5878L13.0463%209.51175H4.00407C3.64565%209.51175%203.46644%209.51175%203.32508%209.5703C3.1366%209.64837%202.98685%209.79812%202.90877%209.98661C2.85022%2010.128%202.85022%2010.3072%202.85022%2010.6656C2.85022%2011.024%202.85022%2011.2032%202.90877%2011.3446C2.98685%2011.5331%203.1366%2011.6828%203.32508%2011.7609Z%22%20fill%3D%22%23999999%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"up-gray": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.0936%2017.3406C11.1522%2017.1992%2011.1522%2017.02%2011.1522%2016.6616V7.61701L14.0776%2010.5424C14.3311%2010.7959%2014.4578%2010.9226%2014.5991%2010.9811C14.7876%2011.0592%2014.9994%2011.0592%2015.1879%2010.9811C15.3292%2010.9226%2015.456%2010.7959%2015.7094%2010.5424C15.9628%2010.289%2016.0896%2010.1623%2016.1481%2010.0209C16.2262%209.83243%2016.2262%209.62066%2016.1481%209.43217C16.0896%209.29081%2015.9628%209.16409%2015.7094%208.91065L10.9645%204.16576C10.9207%204.12105%2010.8714%204.07178%2010.8161%204.01648L10.8159%204.0163C10.5916%203.792%2010.4666%203.66696%2010.3428%203.60058C10.3261%203.59154%2010.3094%203.58358%2010.2925%203.57658C10.104%203.49851%209.89226%203.49851%209.70378%203.57658C9.56242%203.63514%209.4357%203.76186%209.18226%204.0153C9.09955%204.09801%209.03034%204.16722%208.97258%204.22785L4.28878%208.91166C4.03534%209.1651%203.90862%209.29182%203.85006%209.43318C3.77199%209.62166%203.77199%209.83344%203.85006%2010.0219C3.90862%2010.1633%204.03534%2010.29%204.28878%2010.5434C4.54221%2010.7969%204.66893%2010.9236%204.8103%2010.9822C4.99878%2011.0602%205.21056%2011.0602%205.39904%2010.9822C5.5404%2010.9236%205.66712%2010.7969%205.92056%2010.5434L5.92056%2010.5434L8.84449%207.61951V16.6616C8.84449%2017.02%208.84449%2017.1992%208.90305%2017.3406C8.98112%2017.5291%209.13087%2017.6788%209.31935%2017.7569C9.46072%2017.8154%209.63992%2017.8154%209.99834%2017.8154C10.3568%2017.8154%2010.536%2017.8154%2010.6773%2017.7569C10.8658%2017.6788%2011.0156%2017.5291%2011.0936%2017.3406Z%22%20fill%3D%22%23999999%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"rightAndDown-gray": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.5062%206.72126C4.56476%206.86262%204.69148%206.98934%204.94492%207.24278L11.3404%2013.6382L7.20313%2013.6382C6.84471%2013.6382%206.66551%2013.6382%206.52414%2013.6968C6.33566%2013.7749%206.18591%2013.9246%206.10784%2014.1131C6.04928%2014.2545%206.04928%2014.4337%206.04928%2014.7921C6.04928%2015.1505%206.04928%2015.3297%206.10784%2015.4711C6.18591%2015.6596%206.33566%2015.8093%206.52414%2015.8874C6.66551%2015.9459%206.84471%2015.9459%207.20313%2015.9459L13.9194%2015.9459C13.9805%2015.9465%2014.0484%2015.9465%2014.1243%2015.9465H14.1243C14.4353%2015.9465%2014.6114%2015.9465%2014.7449%2015.9082C14.7659%2015.9023%2014.7859%2015.8954%2014.8052%2015.8874C14.9937%2015.8093%2015.1434%2015.6596%2015.2215%2015.4711C15.2801%2015.3297%2015.2801%2015.1505%2015.2801%2014.7921C15.2801%2014.6767%2015.2801%2014.5799%2015.2781%2014.497L15.2781%207.86957C15.2781%207.51115%2015.2781%207.33194%2015.2195%207.19058C15.1415%207.0021%2014.9917%206.85235%2014.8032%206.77428C14.6619%206.71572%2014.4827%206.71572%2014.1243%206.71572C13.7658%206.71572%2013.5866%206.71572%2013.4453%206.77428C13.2568%206.85235%2013.107%207.0021%2013.029%207.19058C12.9704%207.33194%2012.9704%207.51115%2012.9704%207.86957L12.9704%2012.0047L6.5767%205.61099C6.32326%205.35755%206.19654%205.23083%206.05518%205.17228C5.8667%205.09421%205.65492%205.09421%205.46644%205.17228C5.32508%205.23083%205.19836%205.35755%204.94492%205.61099C4.69148%205.86443%204.56476%205.99115%204.5062%206.13251C4.42813%206.32099%204.42813%206.53277%204.5062%206.72126Z%22%20fill%3D%22%23999999%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"rightAndUp-gray": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.05431%2016.1597C6.19567%2016.1012%206.32239%2015.9745%206.57583%2015.721L12.9712%209.32568L12.9712%2013.4626C12.9712%2013.821%2012.9712%2014.0002%2013.0297%2014.1416C13.1078%2014.3301%2013.2576%2014.4798%2013.446%2014.5579C13.5874%2014.6164%2013.7666%2014.6164%2014.125%2014.6164C14.4834%2014.6164%2014.6626%2014.6164%2014.804%2014.5579C14.9925%2014.4798%2015.1422%2014.3301%2015.2203%2014.1416C15.2789%2014.0002%2015.2789%2013.821%2015.2789%2013.4626L15.2789%206.75233C15.2795%206.68972%2015.2795%206.62004%2015.2795%206.54182L15.2795%206.54157C15.2795%206.22585%2015.2795%206.04918%2015.2395%205.91495C15.2339%205.89605%2015.2276%205.878%2015.2203%205.86053C15.1422%205.67204%2014.9925%205.52229%2014.804%205.44422C14.6626%205.38567%2014.4834%205.38567%2014.125%205.38567L14.125%205.38567C14.0075%205.38567%2013.9093%205.38567%2013.8254%205.38773L7.20256%205.38773C6.84414%205.38773%206.66493%205.38773%206.52357%205.44628C6.33509%205.52436%206.18534%205.6741%206.10727%205.86259C6.04871%206.00395%206.04871%206.18315%206.04871%206.54156V6.54157L6.04871%206.54159C6.04871%206.9%206.04871%207.0792%206.10727%207.22056C6.18534%207.40905%206.33509%207.55879%206.52357%207.63687C6.66493%207.69542%206.84414%207.69542%207.20256%207.69542H11.3379L4.94405%2014.0892C4.69061%2014.3427%204.56389%2014.4694%204.50533%2014.6108C4.42726%2014.7992%204.42726%2015.011%204.50533%2015.1995C4.56389%2015.3409%204.69061%2015.4676%204.94405%2015.721C5.19749%2015.9745%205.32421%2016.1012%205.46557%2016.1597C5.65405%2016.2378%205.86583%2016.2378%206.05431%2016.1597Z%22%20fill%3D%22%23999999%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	},
+	"shape": {
+		"cross": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%20rx%3D%220.75%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"up": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.48861%204.23829C7.75558%203.87976%208.29238%203.87976%208.55935%204.23829L12.9614%2010.1507C13.2907%2010.5929%2012.975%2011.2223%2012.4236%2011.2223H3.62432C3.07292%2011.2223%202.75722%2010.5929%203.08649%2010.1507L7.48861%204.23829Z%22%20fill%3D%22%2359D01E%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"down": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.55935%2011.7617C8.29238%2012.1202%207.75558%2012.1202%207.48861%2011.7617L3.08649%205.84931C2.75722%205.40708%203.07292%204.77771%203.62432%204.77771H12.4236C12.975%204.77771%2013.2907%205.40708%2012.9614%205.84931L8.55935%2011.7617Z%22%20fill%3D%22%23FE4B4B%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"rhomboid-red": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.57574%201.92426C7.81005%201.68995%208.18995%201.68995%208.42426%201.92426L14.0757%207.57574C14.3101%207.81005%2014.3101%208.18995%2014.0757%208.42426L8.42426%2014.0757C8.18995%2014.3101%207.81005%2014.3101%207.57574%2014.0757L1.92426%208.42426C1.68995%208.18995%201.68995%207.81005%201.92426%207.57574L7.57574%201.92426Z%22%20fill%3D%22%23FE4B4B%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"rhomboid-gold": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.57574%201.92426C7.81005%201.68995%208.18995%201.68995%208.42426%201.92426L14.0757%207.57574C14.3101%207.81005%2014.3101%208.18995%2014.0757%208.42426L8.42426%2014.0757C8.18995%2014.3101%207.81005%2014.3101%207.57574%2014.0757L1.92426%208.42426C1.68995%208.18995%201.68995%207.81005%201.92426%207.57574L7.57574%201.92426Z%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"roundness-greed": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22%2359D01E%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"roundness-gold": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"roundness-red": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22%23FE4B4B%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"roundness-pink": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22%23FB9D9D%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"roundness-gray": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22%23999999%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"roundness-black": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"triangle-gold": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.35127%202.31778C7.61335%201.86074%208.27331%201.86074%208.53539%202.31778L14.0808%2011.9898C14.3423%2012.4459%2014.0131%2013.0147%2013.4877%2013.0147H2.399C1.87354%2013.0147%201.54441%2012.4459%201.80595%2011.9898L7.35127%202.31778Z%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"indicate-greed": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222.4%22%20fill%3D%22black%22%2F%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223.75%22%20fill%3D%22%2359D01E%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"indicate-gold": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222.4%22%20fill%3D%22black%22%2F%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223.75%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"indicate-red": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222.4%22%20fill%3D%22black%22%2F%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223.75%22%20fill%3D%22%23FE4B4B%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	},
+	"feedback2": {
+		"mistake2": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.71274%202.86421C3.47843%202.6299%203.09853%202.6299%202.86421%202.86421C2.6299%203.09853%202.6299%203.47843%202.86421%203.71274L7.15154%208.00007L2.86421%2012.2874C2.6299%2012.5217%202.6299%2012.9016%202.86421%2013.1359C3.09853%2013.3702%203.47843%2013.3702%203.71274%2013.1359L8.00007%208.84859L12.2874%2013.1359C12.5217%2013.3702%2012.9016%2013.3702%2013.1359%2013.1359C13.3702%2012.9016%2013.3702%2012.5217%2013.1359%2012.2874L8.84859%208.00007L13.1359%203.71274C13.3702%203.47843%2013.3702%203.09853%2013.1359%202.86421C12.9016%202.6299%2012.5217%202.6299%2012.2874%202.86421L8.00007%207.15154L3.71274%202.86421Z%22%20fill%3D%22%23FE4B4B%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"warn2": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.25%202.5C7.25%202.08579%207.58579%201.75%208%201.75C8.41421%201.75%208.75%202.08579%208.75%202.5V10C8.75%2010.4142%208.41421%2010.75%208%2010.75C7.58579%2010.75%207.25%2010.4142%207.25%2010V2.5Z%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3Ccircle%20cx%3D%228%22%20cy%3D%2213.25%22%20r%3D%221%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"correct2": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.1544%203.75557C14.3887%203.98988%2014.3887%204.36978%2014.1544%204.6041L6.51409%2012.2444C6.40157%2012.3569%206.24896%2012.4201%206.08983%2012.4201C5.9307%2012.4201%205.77808%2012.3569%205.66556%2012.2444L1.84541%208.42425C1.6111%208.18993%201.6111%207.81003%201.84541%207.57572C2.07973%207.34141%202.45963%207.34141%202.69394%207.57572L6.08983%2010.9716L13.3059%203.75557C13.5402%203.52126%2013.9201%203.52126%2014.1544%203.75557Z%22%20fill%3D%22%2359D01E%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	},
+	"flag": {
+		"flag-green": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.25%202.5C3.25%202.08579%203.58579%201.75%204%201.75C4.41421%201.75%204.75%202.08579%204.75%202.5V13.5C4.75%2013.9142%204.41421%2014.25%204%2014.25C3.58579%2014.25%203.25%2013.9142%203.25%2013.5V2.5Z%22%20fill%3D%22%2359D01E%22%2F%3E%0A%3Cpath%20d%3D%22M4.75%203.088C6.02367%202.7469%207.00972%202.7044%207.8443%202.81465C8.70544%202.92841%209.37774%203.19906%2010.0279%203.46147L10.0668%203.47718C11.004%203.85549%2011.9397%204.21307%2013.4603%203.8373C13.8931%203.73034%2014.3125%204.05801%2014.3125%204.50387V10.1091C14.3125%2010.4232%2014.0992%2010.697%2013.7946%2010.774C11.8986%2011.2535%2010.6411%2010.7813%209.51441%2010.3265L9.47546%2010.3108C8.82531%2010.0484%208.153%209.77774%207.29186%209.66398C6.62487%209.5759%205.84983%209.58567%204.75%209.84134V3.088Z%22%20fill%3D%22%2359D01E%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"flag-gold": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.25%202.5C3.25%202.08579%203.58579%201.75%204%201.75C4.41421%201.75%204.75%202.08579%204.75%202.5V13.5C4.75%2013.9142%204.41421%2014.25%204%2014.25C3.58579%2014.25%203.25%2013.9142%203.25%2013.5V2.5Z%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3Cpath%20d%3D%22M4.75%203.088C6.02367%202.7469%207.00972%202.7044%207.8443%202.81465C8.70544%202.92841%209.37774%203.19906%2010.0279%203.46147L10.0668%203.47718C11.004%203.85549%2011.9397%204.21307%2013.4603%203.8373C13.8931%203.73034%2014.3125%204.05801%2014.3125%204.50387V10.1091C14.3125%2010.4232%2014.0992%2010.697%2013.7946%2010.774C11.8986%2011.2535%2010.6411%2010.7813%209.51441%2010.3265L9.47546%2010.3108C8.82531%2010.0484%208.153%209.77774%207.29186%209.66398C6.62487%209.5759%205.84983%209.58567%204.75%209.84134V3.088Z%22%20fill%3D%22%23FFBD37%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"flag-red": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.25%202.5C3.25%202.08579%203.58579%201.75%204%201.75C4.41421%201.75%204.75%202.08579%204.75%202.5V13.5C4.75%2013.9142%204.41421%2014.25%204%2014.25C3.58579%2014.25%203.25%2013.9142%203.25%2013.5V2.5Z%22%20fill%3D%22%23FE4B4B%22%2F%3E%0A%3Cpath%20d%3D%22M4.75%203.088C6.02367%202.7469%207.00972%202.7044%207.8443%202.81465C8.70544%202.92841%209.37774%203.19906%2010.0279%203.46147L10.0668%203.47718C11.004%203.85549%2011.9397%204.21307%2013.4603%203.8373C13.8931%203.73034%2014.3125%204.05801%2014.3125%204.50387V10.1091C14.3125%2010.4232%2014.0992%2010.697%2013.7946%2010.774C11.8986%2011.2535%2010.6411%2010.7813%209.51441%2010.3265L9.47546%2010.3108C8.82531%2010.0484%208.153%209.77774%207.29186%209.66398C6.62487%209.5759%205.84983%209.58567%204.75%209.84134V3.088Z%22%20fill%3D%22%23FE4B4B%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	},
+	"cell": {
+		"cell-0": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%223%22%20y%3D%229%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%220.8%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%220.8%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%220.8%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%220.8%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"cell-25": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%223%22%20y%3D%229%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%220.8%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%220.8%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%223.4%22%20y%3D%223.4%22%20width%3D%223.2%22%20height%3D%223.2%22%20rx%3D%220.55%22%20fill%3D%22%230493EE%22%20stroke%3D%22%230493EE%22%20stroke-width%3D%220.8%22%2F%3E%0A%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%220.8%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"cell-50": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%223%22%20y%3D%229%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%220.8%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%220.8%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%223.4%22%20y%3D%223.4%22%20width%3D%223.2%22%20height%3D%223.2%22%20rx%3D%220.55%22%20fill%3D%22%230493EE%22%20stroke%3D%22%230493EE%22%20stroke-width%3D%220.8%22%2F%3E%0A%3Crect%20x%3D%229.4%22%20y%3D%223.4%22%20width%3D%223.2%22%20height%3D%223.2%22%20rx%3D%220.55%22%20fill%3D%22%230493EE%22%20stroke%3D%22%230493EE%22%20stroke-width%3D%220.8%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"cell-75": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%223.4%22%20y%3D%229.4%22%20width%3D%223.2%22%20height%3D%223.2%22%20rx%3D%220.55%22%20fill%3D%22%230493EE%22%20stroke%3D%22%230493EE%22%20stroke-width%3D%220.8%22%2F%3E%0A%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%220.8%22%20fill%3D%22%23E5E5E5%22%2F%3E%0A%3Crect%20x%3D%223.4%22%20y%3D%223.4%22%20width%3D%223.2%22%20height%3D%223.2%22%20rx%3D%220.55%22%20fill%3D%22%230493EE%22%20stroke%3D%22%230493EE%22%20stroke-width%3D%220.8%22%2F%3E%0A%3Crect%20x%3D%229.4%22%20y%3D%223.4%22%20width%3D%223.2%22%20height%3D%223.2%22%20rx%3D%220.55%22%20fill%3D%22%230493EE%22%20stroke%3D%22%230493EE%22%20stroke-width%3D%220.8%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+		"cell-100": "data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%223.4%22%20y%3D%229.4%22%20width%3D%223.2%22%20height%3D%223.2%22%20rx%3D%220.55%22%20fill%3D%22%230493EE%22%20stroke%3D%22%230493EE%22%20stroke-width%3D%220.8%22%2F%3E%0A%3Crect%20x%3D%229.4%22%20y%3D%229.4%22%20width%3D%223.2%22%20height%3D%223.2%22%20rx%3D%220.55%22%20fill%3D%22%230493EE%22%20stroke%3D%22%230493EE%22%20stroke-width%3D%220.8%22%2F%3E%0A%3Crect%20x%3D%223.4%22%20y%3D%223.4%22%20width%3D%223.2%22%20height%3D%223.2%22%20rx%3D%220.55%22%20fill%3D%22%230493EE%22%20stroke%3D%22%230493EE%22%20stroke-width%3D%220.8%22%2F%3E%0A%3Crect%20x%3D%229.4%22%20y%3D%223.4%22%20width%3D%223.2%22%20height%3D%223.2%22%20rx%3D%220.55%22%20fill%3D%22%230493EE%22%20stroke%3D%22%230493EE%22%20stroke-width%3D%220.8%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	}
+};
+
+//#endregion
+//#region src/models/icon-map.ts
+let IIconSetType = /* @__PURE__ */ function(IIconSetType) {
+	IIconSetType["threeArrows"] = "3Arrows";
+	IIconSetType["threeArrowsGray"] = "3ArrowsGray";
+	IIconSetType["fourArrows"] = "4Arrows";
+	IIconSetType["fourArrowsGray"] = "4ArrowsGray";
+	IIconSetType["fiveArrows"] = "5Arrows";
+	IIconSetType["fiveArrowsGray"] = "5ArrowsGray";
+	IIconSetType["threeTriangles"] = "3Triangles";
+	IIconSetType["threeTrafficLights1"] = "3TrafficLights1";
+	IIconSetType["threeSigns"] = "3Signs";
+	IIconSetType["threeTrafficLights2"] = "3TrafficLights2";
+	IIconSetType["fourRedToBlack"] = "4RedToBlack";
+	IIconSetType["fourTrafficLights"] = "4TrafficLights";
+	IIconSetType["threeSymbols"] = "3Symbols";
+	IIconSetType["threeSymbols2"] = "3Symbols2";
+	IIconSetType["threeFlags"] = "3Flags";
+	IIconSetType["fourRating"] = "4Rating";
+	IIconSetType["fiveRating"] = "5Rating";
+	IIconSetType["fiveQuarters"] = "5Quarters";
+	IIconSetType["fiveFelling"] = "_5Felling";
+	IIconSetType["fiveBoxes"] = "5Boxes";
+	IIconSetType["threeStars"] = "3Stars";
+	IIconSetType["empty"] = "EMPTY_ICON_TYPE";
+	return IIconSetType;
+}({});
+const iconGroup = [
+	{
+		title: "sheets-conditional-formatting.iconSet.direction",
+		group: [
+			{
+				name: "3Arrows",
+				list: [
+					ICON_MAP.arrow["up-green"],
+					ICON_MAP.arrow["right-gold"],
+					ICON_MAP.arrow["down-red"]
+				]
+			},
+			{
+				name: "3ArrowsGray",
+				list: [
+					ICON_MAP.arrow["up-gray"],
+					ICON_MAP.arrow["right-gray"],
+					ICON_MAP.arrow["down-gray"]
+				]
+			},
+			{
+				name: "4Arrows",
+				list: [
+					ICON_MAP.arrow["up-green"],
+					ICON_MAP.arrow["rightAndUp-gold"],
+					ICON_MAP.arrow["rightAndDown-gold"],
+					ICON_MAP.arrow["down-red"]
+				]
+			},
+			{
+				name: "4ArrowsGray",
+				list: [
+					ICON_MAP.arrow["up-gray"],
+					ICON_MAP.arrow["rightAndUp-gray"],
+					ICON_MAP.arrow["rightAndDown-gray"],
+					ICON_MAP.arrow["down-gray"]
+				]
+			},
+			{
+				name: "5Arrows",
+				list: [
+					ICON_MAP.arrow["up-green"],
+					ICON_MAP.arrow["rightAndUp-gold"],
+					ICON_MAP.arrow["right-gold"],
+					ICON_MAP.arrow["rightAndDown-gold"],
+					ICON_MAP.arrow["down-red"]
+				]
+			},
+			{
+				name: "5ArrowsGray",
+				list: [
+					ICON_MAP.arrow["up-gray"],
+					ICON_MAP.arrow["rightAndUp-gray"],
+					ICON_MAP.arrow["right-gray"],
+					ICON_MAP.arrow["rightAndDown-gray"],
+					ICON_MAP.arrow["down-gray"]
+				]
+			},
+			{
+				name: "3Triangles",
+				list: [
+					ICON_MAP.shape.up,
+					ICON_MAP.shape.cross,
+					ICON_MAP.shape.down
+				]
+			}
+		]
+	},
+	{
+		title: "sheets-conditional-formatting.iconSet.shape",
+		group: [
+			{
+				name: "3TrafficLights1",
+				list: [
+					ICON_MAP.shape["roundness-greed"],
+					ICON_MAP.shape["roundness-gold"],
+					ICON_MAP.shape["roundness-red"]
+				]
+			},
+			{
+				name: "3Signs",
+				list: [
+					ICON_MAP.shape["roundness-greed"],
+					ICON_MAP.shape["triangle-gold"],
+					ICON_MAP.shape["rhomboid-red"]
+				]
+			},
+			{
+				name: "3TrafficLights2",
+				list: [
+					ICON_MAP.shape["indicate-greed"],
+					ICON_MAP.shape["indicate-gold"],
+					ICON_MAP.shape["indicate-red"]
+				]
+			},
+			{
+				name: "4RedToBlack",
+				list: [
+					ICON_MAP.shape["roundness-red"],
+					ICON_MAP.shape["roundness-pink"],
+					ICON_MAP.shape["roundness-gray"],
+					ICON_MAP.shape["roundness-black"]
+				]
+			},
+			{
+				name: "4TrafficLights",
+				list: [
+					ICON_MAP.shape["roundness-greed"],
+					ICON_MAP.shape["roundness-gold"],
+					ICON_MAP.shape["roundness-red"],
+					ICON_MAP.shape["roundness-black"]
+				]
+			}
+		]
+	},
+	{
+		title: "sheets-conditional-formatting.iconSet.mark",
+		group: [
+			{
+				name: "3Symbols",
+				list: [
+					ICON_MAP.feedback.correct,
+					ICON_MAP.feedback.warn,
+					ICON_MAP.feedback.mistake
+				]
+			},
+			{
+				name: "3Symbols2",
+				list: [
+					ICON_MAP.feedback2.correct2,
+					ICON_MAP.feedback2.warn2,
+					ICON_MAP.feedback2.mistake2
+				]
+			},
+			{
+				name: "3Flags",
+				list: [
+					ICON_MAP.flag["flag-green"],
+					ICON_MAP.flag["flag-gold"],
+					ICON_MAP.flag["flag-red"]
+				]
+			}
+		]
+	},
+	{
+		title: "sheets-conditional-formatting.iconSet.rank",
+		group: [
+			{
+				name: "4Rating",
+				list: [
+					ICON_MAP.signal.signal25,
+					ICON_MAP.signal.signal50,
+					ICON_MAP.signal.signal75,
+					ICON_MAP.signal.signal100
+				]
+			},
+			{
+				name: "5Rating",
+				list: [
+					ICON_MAP.signal.signal0,
+					ICON_MAP.signal.signal25,
+					ICON_MAP.signal.signal50,
+					ICON_MAP.signal.signal75,
+					ICON_MAP.signal.signal100
+				]
+			},
+			{
+				name: "5Quarters",
+				list: [
+					ICON_MAP.progress.progress100,
+					ICON_MAP.progress.progress75,
+					ICON_MAP.progress.progress50,
+					ICON_MAP.progress.progress25,
+					ICON_MAP.progress.progress0
+				]
+			},
+			{
+				name: "_5Felling",
+				list: [
+					ICON_MAP.feeling.guffaw,
+					ICON_MAP.feeling.smile,
+					ICON_MAP.feeling.noninductive,
+					ICON_MAP.feeling.dissatisfied,
+					ICON_MAP.feeling.impatient
+				]
+			},
+			{
+				name: "5Boxes",
+				list: [
+					ICON_MAP.cell["cell-100"],
+					ICON_MAP.cell["cell-75"],
+					ICON_MAP.cell["cell-50"],
+					ICON_MAP.cell["cell-25"],
+					ICON_MAP.cell["cell-0"]
+				]
+			},
+			{
+				name: "3Stars",
+				list: [
+					ICON_MAP.star.starFull,
+					ICON_MAP.star.starIncomplete,
+					ICON_MAP.star.starEmpty
+				]
+			}
+		]
+	}
+];
+const iconMap = iconGroup.reduce((result, cur) => {
+	const { group } = cur;
+	for (const v of group) result[v.name] = v.list;
+	return result;
+}, {});
+for (const key in iconMap) {
+	const v = iconMap[key];
+	Object.freeze(v);
+}
+
+//#endregion
+//#region package.json
+var name = "@cool-office/sheets-conditional-formatting";
+var version = "1.2.0";
+
+//#endregion
+//#region src/config/config.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const SHEETS_CONDITIONAL_FORMATTING_PLUGIN_CONFIG_KEY = "ssheets-conditional-formatting.config";
+const configSymbol = Symbol(SHEETS_CONDITIONAL_FORMATTING_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region src/services/conditional-formatting-style-composer.service.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let ConditionalFormattingStyleComposer = class ConditionalFormattingStyleComposer extends Disposable {
+	constructor(_conditionalFormattingRuleModel, _conditionalFormattingViewModel) {
+		super();
+		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
+		this._conditionalFormattingViewModel = _conditionalFormattingViewModel;
+		_defineProperty(this, "_cache", new LRUMap(CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH));
+		this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe(() => this._cache.clear()));
+		this.disposeWithMe(this._conditionalFormattingViewModel.markDirty$.subscribe(() => this._cache.clear()));
+		this.disposeWithMe(this._conditionalFormattingViewModel.cacheClear$.subscribe(() => this._cache.clear()));
+	}
+	dispose() {
+		this._cache.clear();
+		super.dispose();
+	}
+	composeStyle(unitId, subUnitId, row, col) {
+		const cacheKey = `${unitId}_${subUnitId}_${row}_${col}`;
+		if (this._cache.has(cacheKey)) return this._cache.get(cacheKey) ?? null;
+		const cellCfs = this._conditionalFormattingViewModel.getCellCfs(unitId, subUnitId, row, col);
+		if (!(cellCfs === null || cellCfs === void 0 ? void 0 : cellCfs.length)) {
+			this._cache.set(cacheKey, null);
+			return null;
+		}
+		const matchedRules = [];
+		let stopIfTrueIndex = -1;
+		for (const cacheItem of cellCfs) {
+			const rule = this._conditionalFormattingRuleModel.getRule(unitId, subUnitId, cacheItem.cfId);
+			if (!rule) continue;
+			matchedRules.push({
+				rule,
+				cacheItem
+			});
+			if (stopIfTrueIndex === -1 && rule.stopIfTrue && cacheItem.matched) stopIfTrueIndex = matchedRules.length - 1;
+		}
+		if (!matchedRules.length) {
+			this._cache.set(cacheKey, null);
+			return null;
+		}
+		const effectiveRules = stopIfTrueIndex > -1 ? matchedRules.slice(0, stopIfTrueIndex + 1) : matchedRules;
+		const result = {};
+		for (let i = effectiveRules.length - 1; i >= 0; i--) {
+			const { rule, cacheItem } = effectiveRules[i];
+			this._mergeComposeResult(result, rule, cacheItem.result);
+		}
+		this._cache.set(cacheKey, result);
+		return result;
+	}
+	_mergeComposeResult(result, rule, ruleResult) {
+		const type = rule.rule.type;
+		if (type === "highlightCell") {
+			ruleResult && merge(result, { style: ruleResult });
+			return;
+		}
+		if (type === "colorScale") {
+			if (ruleResult && typeof ruleResult === "string") result.style = {
+				...result.style || {},
+				bg: { rgb: ruleResult }
+			};
+			return;
+		}
+		if (type === "dataBar") {
+			const ruleCache = ruleResult;
+			if (ruleCache) {
+				result.dataBar = ruleCache;
+				result.isShowValue = ruleCache.isShowValue;
+			}
+			return;
+		}
+		if (type === "iconSet") {
+			const ruleCache = ruleResult;
+			if (ruleCache) {
+				result.iconSet = ruleCache;
+				result.isShowValue = ruleCache.isShowValue;
+			}
+		}
+	}
+};
+ConditionalFormattingStyleComposer = __decorate([__decorateParam(0, Inject(ConditionalFormattingRuleModel)), __decorateParam(1, Inject(ConditionalFormattingViewModel))], ConditionalFormattingStyleComposer);
+
+//#endregion
+//#region src/services/conditional-formatting.service.ts
+let ConditionalFormattingService = class ConditionalFormattingService extends Disposable {
+	get _conditionalFormattingViewModelV2() {
+		return this._injector.get(ConditionalFormattingViewModel);
+	}
+	constructor(_conditionalFormattingRuleModel, _conditionalFormattingRangeIndexModel, _conditionalFormattingStyleComposer, _injector, _univerInstanceService, _resourceManagerService, _sheetInterceptorService, _commandService) {
+		super();
+		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
+		this._conditionalFormattingRangeIndexModel = _conditionalFormattingRangeIndexModel;
+		this._conditionalFormattingStyleComposer = _conditionalFormattingStyleComposer;
+		this._injector = _injector;
+		this._univerInstanceService = _univerInstanceService;
+		this._resourceManagerService = _resourceManagerService;
+		this._sheetInterceptorService = _sheetInterceptorService;
+		this._commandService = _commandService;
+		this._initCellChange();
+		this._initSnapshot();
+		this._initSheetChange();
+	}
+	composeStyle(unitId, subUnitId, row, col) {
+		return this._conditionalFormattingStyleComposer.composeStyle(unitId, subUnitId, row, col);
+	}
+	_initSnapshot() {
+		const toJson = (unitID) => {
+			const map = this._conditionalFormattingRuleModel.getUnitRules(unitID);
+			const resultMap = {};
+			if (map) {
+				map.forEach((v, key) => {
+					resultMap[key] = v;
+				});
+				return JSON.stringify(resultMap);
+			}
+			return "";
+		};
+		const parseJson = (json) => {
+			if (!json) return {};
+			try {
+				return JSON.parse(json);
+			} catch {
+				return {};
+			}
+		};
+		this.disposeWithMe(this._resourceManagerService.registerPluginResource({
+			pluginName: SHEET_CONDITIONAL_FORMATTING_PLUGIN,
+			businesses: [UniverInstanceType.UNIVER_SHEET],
+			toJson: (unitID) => toJson(unitID),
+			parseJson: (json) => parseJson(json),
+			onUnLoad: (unitID) => {
+				this._conditionalFormattingRuleModel.deleteUnitId(unitID);
+				this._conditionalFormattingRangeIndexModel.rebuild();
+				if (isInternalEditorID(unitID)) return;
+				this._conditionalFormattingViewModelV2.clearCache();
+			},
+			onLoad: (unitID, value) => {
+				Object.keys(value).forEach((subunitId) => {
+					[...value[subunitId]].reverse().forEach((rule) => {
+						this._conditionalFormattingRuleModel.addRule(unitID, subunitId, rule);
+					});
+				});
+			}
+		}));
+	}
+	_initSheetChange() {
+		this.disposeWithMe(this._sheetInterceptorService.interceptCommand({ getMutations: (commandInfo) => {
+			if (commandInfo.id === RemoveSheetCommand.id) {
+				const params = commandInfo.params;
+				const target = getSheetCommandTarget(this._univerInstanceService, params);
+				if (!target) return {
+					redos: [],
+					undos: []
+				};
+				const { unitId, subUnitId } = target;
+				const ruleList = this._conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId);
+				if (!ruleList) return {
+					redos: [],
+					undos: []
+				};
+				const redos = [];
+				const undos = [];
+				ruleList.forEach((item) => {
+					const params = {
+						unitId,
+						subUnitId,
+						cfId: item.cfId
+					};
+					redos.push({
+						id: DeleteConditionalRuleMutation.id,
+						params
+					});
+					undos.push(...DeleteConditionalRuleMutationUndoFactory(this._injector, params));
+				});
+				return {
+					redos,
+					undos
+				};
+			} else if (commandInfo.id === CopySheetCommand.id) {
+				const params = commandInfo.params;
+				const target = getSheetCommandTarget(this._univerInstanceService, params);
+				if (!target) return {
+					redos: [],
+					undos: []
+				};
+				const { unitId, subUnitId } = target;
+				const { targetSubUnitId } = params;
+				const ruleList = this._conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId);
+				if (!ruleList) return {
+					redos: [],
+					undos: []
+				};
+				const redos = [];
+				const undos = [];
+				ruleList.slice().reverse().forEach((item) => {
+					const params = {
+						unitId,
+						subUnitId: targetSubUnitId,
+						rule: {
+							...item,
+							cfId: this._conditionalFormattingRuleModel.createCfId(unitId, targetSubUnitId)
+						}
+					};
+					redos.push({
+						id: AddConditionalRuleMutation.id,
+						params
+					});
+					undos.push(AddConditionalRuleMutationUndoFactory(this._injector, params));
+				});
+				return {
+					redos,
+					undos
+				};
+			}
+			return {
+				redos: [],
+				undos: []
+			};
+		} }));
+	}
+	_initCellChange() {
+		this.disposeWithMe(this._commandService.onCommandExecuted((commandInfo) => {
+			const markRulesDirtyByRanges = (unitId, subUnitId, ranges) => {
+				this._conditionalFormattingRangeIndexModel.getRulesByRanges(unitId, subUnitId, ranges).forEach((rule) => {
+					this._conditionalFormattingViewModelV2.markRuleDirty(unitId, subUnitId, rule.cfId);
+				});
+			};
+			switch (commandInfo.id) {
+				case SetRangeValuesMutation.id: {
+					const { subUnitId, unitId, cellValue } = commandInfo.params;
+					const ranges = [];
+					new ObjectMatrix(cellValue).forValue((row, col, value) => {
+						if (value && Object.keys(value).some((key) => ["p", "v"].includes(key))) ranges.push({
+							startRow: row,
+							endRow: row,
+							startColumn: col,
+							endColumn: col
+						});
+					});
+					markRulesDirtyByRanges(unitId, subUnitId, ranges);
+					break;
+				}
+				case InsertColMutation.id:
+				case RemoveColMutation.id: {
+					const params = commandInfo.params;
+					const target = getSheetCommandTarget(this._univerInstanceService, params);
+					if (!target) return;
+					const { worksheet, unitId, subUnitId } = target;
+					const { range } = params;
+					markRulesDirtyByRanges(unitId, subUnitId, [{
+						...range,
+						endColumn: worksheet.getColumnCount() - 1
+					}]);
+					break;
+				}
+				case RemoveRowMutation.id:
+				case InsertRowMutation.id: {
+					const params = commandInfo.params;
+					const target = getSheetCommandTarget(this._univerInstanceService, params);
+					if (!target) return;
+					const { worksheet, unitId, subUnitId } = target;
+					const { range } = params;
+					markRulesDirtyByRanges(unitId, subUnitId, [{
+						...range,
+						endRow: worksheet.getRowCount() - 1
+					}]);
+					break;
+				}
+				case MoveRowsMutation.id: {
+					const params = commandInfo.params;
+					const target = getSheetCommandTarget(this._univerInstanceService, params);
+					if (!target) return;
+					const { worksheet, unitId, subUnitId } = target;
+					const { sourceRange, targetRange } = params;
+					markRulesDirtyByRanges(unitId, subUnitId, [{
+						startRow: Math.min(sourceRange.startRow, targetRange.startRow),
+						endRow: worksheet.getRowCount() - 1,
+						startColumn: 0,
+						endColumn: worksheet.getColumnCount() - 1
+					}]);
+					break;
+				}
+				case MoveColsMutation.id: {
+					const params = commandInfo.params;
+					const target = getSheetCommandTarget(this._univerInstanceService, params);
+					if (!target) return;
+					const { worksheet, unitId, subUnitId } = target;
+					const { sourceRange, targetRange } = params;
+					markRulesDirtyByRanges(unitId, subUnitId, [{
+						startRow: 0,
+						endRow: worksheet.getRowCount() - 1,
+						startColumn: Math.min(sourceRange.startColumn, targetRange.startColumn),
+						endColumn: worksheet.getColumnCount() - 1
+					}]);
+					break;
+				}
+				case MoveRangeMutation.id: {
+					const { unitId, to, from } = commandInfo.params;
+					const handleSubUnit = (value) => {
+						const ranges = [];
+						new ObjectMatrix(value.value).forValue((row, col) => {
+							ranges.push({
+								startRow: row,
+								endRow: row,
+								startColumn: col,
+								endColumn: col
+							});
+						});
+						markRulesDirtyByRanges(unitId, value.subUnitId, ranges);
+					};
+					handleSubUnit(to);
+					handleSubUnit(from);
+					break;
+				}
+				case ReorderRangeMutation.id: {
+					const { range, unitId, subUnitId } = commandInfo.params;
+					markRulesDirtyByRanges(unitId, subUnitId, [range]);
+					break;
+				}
+			}
+		}));
+	}
+};
+ConditionalFormattingService = __decorate([
+	__decorateParam(0, Inject(ConditionalFormattingRuleModel)),
+	__decorateParam(1, Inject(ConditionalFormattingRangeIndexModel)),
+	__decorateParam(2, Inject(ConditionalFormattingStyleComposer)),
+	__decorateParam(3, Inject(Injector)),
+	__decorateParam(4, Inject(IUniverInstanceService)),
+	__decorateParam(5, Inject(IResourceManagerService)),
+	__decorateParam(6, Inject(SheetInterceptorService)),
+	__decorateParam(7, Inject(ICommandService))
+], ConditionalFormattingService);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsConditionalFormattingPlugin = class UniverSheetsConditionalFormattingPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._commandService = _commandService;
+		this._configService = _configService;
+		const { ...rest } = merge({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(SHEETS_CONDITIONAL_FORMATTING_PLUGIN_CONFIG_KEY, rest);
+		[
+			[ConditionalFormattingService],
+			[ConditionalFormattingFormulaService],
+			[ConditionalFormattingRangeTransformService],
+			[ConditionalFormattingStyleComposer],
+			[ConditionalFormattingRuleModel],
+			[ConditionalFormattingRangeIndexModel],
+			[ConditionalFormattingViewModel]
+		].forEach((dependency) => {
+			this._injector.add(dependency);
+		});
+		[
+			AddCfCommand,
+			ClearRangeCfCommand,
+			ClearWorksheetCfCommand,
+			DeleteCfCommand,
+			MoveCfCommand,
+			SetCfCommand,
+			AddConditionalRuleMutation,
+			DeleteConditionalRuleMutation,
+			SetConditionalRuleMutation,
+			MoveConditionalRuleMutation
+		].forEach((m) => {
+			this._commandService.registerCommand(m);
+		});
+	}
+	onStarting() {
+		this._injector.get(ConditionalFormattingService);
+		touchDependencies(this._injector, [
+			[ConditionalFormattingService],
+			[ConditionalFormattingRangeIndexModel],
+			[ConditionalFormattingViewModel]
+		]);
+	}
+};
+_defineProperty(UniverSheetsConditionalFormattingPlugin, "pluginName", SHEET_CONDITIONAL_FORMATTING_PLUGIN);
+_defineProperty(UniverSheetsConditionalFormattingPlugin, "packageName", name);
+_defineProperty(UniverSheetsConditionalFormattingPlugin, "version", version);
+_defineProperty(UniverSheetsConditionalFormattingPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsConditionalFormattingPlugin = __decorate([
+	DependentOn(UniverFormulaEnginePlugin, UniverSheetsPlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, Inject(ICommandService)),
+	__decorateParam(3, IConfigService)
+], UniverSheetsConditionalFormattingPlugin);
+
+//#endregion
+//#region src/render/icon.render.ts
+const IconUKey = "sheet-conditional-rule-icon";
+const EXTENSION_Z_INDEX = 35;
+const DEFAULT_WIDTH = 15;
+const DEFAULT_PADDING = 2;
+const stringifyRange = (range) => {
+	const { startRow, endRow, startColumn, endColumn } = range;
+	return `${startRow}-${endRow}-${startColumn}-${endColumn}`;
+};
+var ConditionalFormattingIcon = class extends SheetExtension {
+	constructor() {
+		super();
+		_defineProperty(this, "_paddingRightAndLeft", 2);
+		_defineProperty(this, "_width", 15);
+		_defineProperty(this, "_imageMap", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_renderRangeResolver", null);
+		_defineProperty(this, "uKey", IconUKey);
+		_defineProperty(this, "Z_INDEX", EXTENSION_Z_INDEX);
+		_defineProperty(this, "_radius", 1);
+		this._init();
+	}
+	setRenderRangeResolver(resolver) {
+		this._renderRangeResolver = resolver;
+	}
+	draw(ctx, _parentScale, spreadsheetSkeleton, diffRanges) {
+		const { worksheet } = spreadsheetSkeleton;
+		if (!worksheet) return false;
+		const mergeCellRendered = /* @__PURE__ */ new Set();
+		const sourceRanges = (diffRanges === null || diffRanges === void 0 ? void 0 : diffRanges.length) ? diffRanges : [spreadsheetSkeleton.rowColumnSegment];
+		const renderRanges = this._renderRangeResolver && worksheet.getMergeData().length === 0 ? this._renderRangeResolver(worksheet.getUnitId(), worksheet.getSheetId(), sourceRanges) ?? sourceRanges : sourceRanges;
+		if (!renderRanges.length) return;
+		ctx.save();
+		renderRanges.forEach((range) => {
+			Range.foreach(range, (row, col) => {
+				if (!worksheet.getRowVisible(row) || !worksheet.getColVisible(col)) return;
+				const primaryWithCoord = spreadsheetSkeleton.getCellWithCoordByIndex(row, col, false);
+				const { isMerged, isMergedMainCell, mergeInfo } = primaryWithCoord;
+				let cellData = worksheet.getCell(row, col);
+				if (isMerged) cellData = worksheet.getCell(mergeInfo.startRow, mergeInfo.startColumn);
+				if (!(cellData === null || cellData === void 0 ? void 0 : cellData.iconSet)) return;
+				const { iconType, iconId } = cellData.iconSet;
+				if (iconType === "EMPTY_ICON_TYPE") return;
+				const icon = this._imageMap.get(this._createKey(iconType, iconId));
+				if (!icon) return;
+				if (!this.isRenderDiffRangesByCell(mergeInfo, diffRanges)) return;
+				if (isMerged || isMergedMainCell) {
+					const rangeStr = stringifyRange(mergeInfo);
+					if (mergeCellRendered.has(rangeStr)) return;
+					mergeCellRendered.add(rangeStr);
+				}
+				const { startX, endX, startY, endY } = isMerged || isMergedMainCell ? mergeInfo : primaryWithCoord;
+				const borderWidth = endX - startX;
+				const borderHeight = endY - startY;
+				if (this._width > borderHeight || this._width > borderWidth + this._paddingRightAndLeft * 2) return;
+				const y = (borderHeight - this._width) / 2 + startY;
+				ctx.drawImage(icon, startX + this._paddingRightAndLeft, y, this._width, this._width);
+			});
+		});
+		ctx.restore();
+	}
+	dispose() {
+		this._renderRangeResolver = null;
+		super.dispose();
+	}
+	_init() {
+		for (const type in iconMap) iconMap[type].forEach((base64, index) => {
+			const key = this._createKey(type, String(index));
+			const image = new Image();
+			image.onload = () => {
+				this._imageMap.set(key, image);
+			};
+			image.src = base64;
+		});
+	}
+	_createKey(iconType, iconIndex) {
+		return `${iconType}_${iconIndex}`;
+	}
+};
+SpreadsheetExtensionRegistry.add(ConditionalFormattingIcon);
+
+//#endregion
+//#region src/utils/remove-undefined-attr.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function removeUndefinedAttr(obj) {
+	if (typeof obj !== "object" || obj === null) return obj;
+	const result = {};
+	for (const key in obj) if (obj.hasOwnProperty(key)) {
+		const value = removeUndefinedAttr(obj[key]);
+		if (value !== void 0) result[key] = value;
+	}
+	return result;
+}
+
+//#endregion
+export { AddCfCommand, AddConditionalRuleMutation, AddConditionalRuleMutationUndoFactory, CFNumberOperator, CFRuleType, CFSubRuleType, CFTextOperator, CFTimePeriodOperator, CFValueType, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH, ClearRangeCfCommand, ClearWorksheetCfCommand, ConditionalFormattingFormulaService, ConditionalFormattingIcon, ConditionalFormattingRangeIndexModel, ConditionalFormattingRangeTransformService, ConditionalFormattingRuleModel, ConditionalFormattingService, ConditionalFormattingStyleComposer, ConditionalFormattingViewModel, DEFAULT_BG_COLOR, DEFAULT_FONT_COLOR, DEFAULT_PADDING, DEFAULT_WIDTH, DataBar, DeleteCfCommand, DeleteConditionalRuleMutation, DeleteConditionalRuleMutationUndoFactory, IIconSetType, IconUKey, MoveCfCommand, MoveConditionalRuleMutation, MoveConditionalRuleMutationUndoFactory, SHEET_CONDITIONAL_FORMATTING_PLUGIN, SetCfCommand, SetConditionalRuleMutation, UniverSheetsConditionalFormattingPlugin, anchorUndoFactory, compareWithNumber, createCfId, createDefaultRule, createDefaultValue, createDefaultValueByValueType, dataBarUKey, defaultDataBarNativeColor, defaultDataBarPositiveColor, defaultPlaceholderColor, filterRange, findIndexByAnchor, getCacheStyleMatrix, getCellValue, getColorScaleFromValue, getMaxInFormulaResult, getOppositeOperator, getValueByType, iconGroup, iconMap, isAnchorEqual, isFloatsEqual, isNullable, moveByAnchor, removeUndefinedAttr, serialTimeToTimestamp, setConditionalRuleMutationUndoFactory, transformSupportSymmetryAnchor };