@xpyjs/gantt-core 0.0.1-beta.0 → 0.0.1-beta.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xpyjs/gantt-core",
   "private": false,
-  "version": "0.0.1-beta.0",
+  "version": "0.0.1-beta.2",
   "description": "A powerful and flexible Gantt chart component library for modern web applications with TypeScript support",
   "type": "module",
   "main": "./dist/x-gantt.umd.cjs",

package/types/GanttContext.d.ts

@@ -2,6 +2,7 @@ import { Store } from "./store";
 import { EventBus } from "./event";
 import { IOptionConfig, IOptions } from "./types";
 import { EventMap } from "./types/event";
+import type { DataChain } from "./types/link";
 import { IContext } from "./types/render";
 export declare class XGanttContext implements IContext {
     private container;
@@ -23,6 +24,10 @@ export declare class XGanttContext implements IContext {
      * @return {boolean} 是否成功跳转
      */
     jumpTo(date?: any): boolean;
+    /**
+     * 获取指定任务的所有相关联的完整路径，包含所有连接线与任务节点
+     */
+    getDataChain(id: string): DataChain;
     /**
      * 触发事件
      * @param event 事件名称

package/types/XGantt.d.ts

@@ -1,5 +1,6 @@
 import { IOptionConfig, IOptions } from "./types";
 import { EventMap } from "./types/event";
+import { DataChain } from "./types/link";
 /**
  * XGantt 甘特图组件的主要接口
  *
@@ -173,6 +174,10 @@ export declare class XGantt {
      * ```
      */
     jumpTo(date?: any): boolean;
+    /**
+     * 获取指定任务的所有相关联的完整路径，包含所有连接线与任务节点
+     */
+    getDataChain(id: string): DataChain;
     /**
      * 注册事件监听器
      *
@@ -181,7 +186,6 @@ export declare class XGantt {
      * @param cb - 事件回调函数
      *
      * @description 为甘特图注册事件监听器，支持监听各种用户交互和状态变化事件。
-     * 同一个事件注册多个，只会执行最后一个监听器。
      *
      * 支持的事件类型包括：
      * - `loaded`: 加载完成事件，组件初始化完成后触发
@@ -198,6 +202,8 @@ export declare class XGantt {
      * - `contextmenu:slider`: 任务条右键菜单事件
      * - `move`: 任务移动事件
      *
+     * @see {@link EventMap} 查看所有可用事件及其参数类型
+     *
      * @example
      * ```typescript
      * // 监听任务选择事件
@@ -242,7 +248,32 @@ export declare class XGantt {
      * });
      * ```
      *
-     * @see {@link EventMap} 查看所有可用事件及其参数类型
      */
     on<K extends keyof EventMap>(event: K, cb: EventMap[K]): void;
+    /**
+     * 移除事件监听器
+     *
+     * @template K - 事件名称的类型
+     * @param event - 要移除的事件名称
+     * @param cb - 可选，指定要移除的回调函数。如果不传入，则移除所有该事件的监听器
+     *
+     * @description 从甘特图中移除指定的事件监听器。
+     * 如果不传入回调函数，则会移除该事件的所有监听器。
+     *
+     * @example
+     * ```typescript
+     * // 移除特定的任务选择事件监听器
+     * const selectHandler = (data, checked, all) => {
+     *   console.log('选择了任务:', data);
+     * };
+     * gantt.on('select', selectHandler);
+     *
+     * // 当不再需要时，可以移除该监听器
+     * gantt.off('select', selectHandler);
+     *
+     * // 移除所有任务选择事件监听器
+     * gantt.off('select');
+     * ```
+     */
+    off<K extends keyof EventMap>(event: K, cb?: EventMap[K]): void;
 }

package/types/event/index.d.ts

@@ -54,6 +54,8 @@ export declare enum EventName {
     SLIDER_MOVING = "slider-moving",
     SLIDER_HOVER = "slider-hover",
     SLIDER_LEAVE = "slider-leave",
+    SLIDER_BLINK = "slider-blink",
+    LINK_BLINK = "link-blink",
     ROW_HIGHLIGHT = "row-highlight",
     ROW_UNHIGHLIGHT = "row-unhighlight",
     TASK_DRAG_START = "task-drag-start",
@@ -66,10 +68,18 @@ export declare enum EventName {
     ERROR = "error"
 }
 export declare enum ErrorType {
+    /** 无效类型 */
+    INVALID_TYPE = "INVALID_TYPE",
+    /** 任务不存在 */
+    TASK_NOT_FOUND = "TASK_NOT_FOUND",
     /** 连线不被允许 */
     LINK_NOT_ALLOWED = "LINK_NOT_ALLOWED",
     /** 相同节点 */
     LINK_SAME = "LINK_SAME",
     /** 当前关联已存在 */
-    LINK_EXIST = "LINK_EXIST"
+    LINK_EXIST = "LINK_EXIST",
+    /** 无效参数 */
+    LINK_INVALID_ARG = "LINK_INVALID_ARG",
+    /** 检测到环 */
+    LINK_CYCLE = "LINK_CYCLE"
 }

package/types/index.d.ts

@@ -7,7 +7,7 @@ export { colorjs, type Colorjs } from "./utils/color";
 export declare const version: string;
 import type { IOptions, IOptionConfig, EmitData } from "./types";
 import type { EventMap } from "./types/event";
-import type { ILink } from "./types/link";
+import type { ILink, DataChain, LinkType } from "./types/link";
 import type { ErrorType } from "./event";
 import type { XGanttUnit } from "./types/options";
-export type { IOptions, IOptionConfig, EmitData, EventMap, ILink, ErrorType, XGanttUnit };
+export type { IOptions, IOptionConfig, EmitData, EventMap, ILink, ErrorType, XGanttUnit, DataChain, LinkType };

package/types/models/Task.d.ts

@@ -67,7 +67,7 @@ export declare class Task {
     constructor(store: Store, event: EventBus, data: any, parent?: Task, _id?: string);
     getField(field: string): any;
     /** 切换展示模式时，需要调整时间 */
-    updateMode(): void;
+    updateMode(): boolean;
     updateData(data: any): void;
     updateTime(startTime: Dayjs, endTime: Dayjs): void;
     clone(): Task;

package/types/rendering/chart/ChartBody.d.ts

@@ -6,6 +6,7 @@ export declare class BodyGroup {
     private stage;
     private layer;
     private bgLayer;
+    private tasks;
     private rowsGroup;
     private rowsCache;
     private rowBgGroup;

package/types/rendering/chart/ChartHeader.d.ts

@@ -2,8 +2,7 @@ import Konva from "konva";
 import { IContext } from "@/types/render";
 export declare class HeaderLayer {
     private context;
-    private stage;
-    layer: Konva.Layer;
+    private layer;
     private background;
     private groupHeader;
     private cellHeader;
@@ -11,7 +10,7 @@ export declare class HeaderLayer {
     private width;
     private height;
     private offsetX;
-    constructor(context: IContext, stage: Konva.Stage);
+    constructor(context: IContext, layer: Konva.Layer);
     /**
      * 调整表头大小
      */

package/types/rendering/chart/ChartLink.d.ts

@@ -9,6 +9,7 @@ export declare class LinkGroup {
     private pointGroup;
     private linksGroup;
     private templateArrow;
+    private linkCache;
     private isDragging;
     private isSliderMoving;
     private selectedMap;
@@ -30,9 +31,9 @@ export declare class LinkGroup {
      */
     setOffset(x: number, y: number): void;
     /**
-     * 更新数据
+     * 更新某一条数据
      */
-    update(): void;
+    updateTask(task: Task): void;
     /**
      * 渲染关联线
      */
@@ -67,14 +68,26 @@ export declare class LinkGroup {
      * 处理连线被点击后的移动
      */
     private createLink;
+    /**
+   * 清理临时连线状态
+   */
+    private cleanupTempLink;
     /**
      * 按照位置获取任务
      */
     private getTaskByPosition;
     /**
-     * 检查当前连接点是否可以被创建
+     * 检查当前连接线的起始点是否可以被连接
+     */
+    private isAllowStartDrop;
+    /**
+     * 检查当前连接点的结束点是否可以被连接
      */
-    private isAllowDrop;
+    private isAllowEndDrop;
+    /**
+   * 校验连线创建是否合法
+   */
+    private validateChain;
     /**
      * 操作高亮关联线
      */
@@ -85,4 +98,8 @@ export declare class LinkGroup {
     private unhighlightPoint;
     /** 操作创建点的高亮 */
     private handlePointHighlight;
+    /**
+   * 高亮显示环中的节点
+   */
+    private highlightCycleNodes;
 }

package/types/rendering/chart/ChartSlider.d.ts

@@ -26,12 +26,14 @@ export declare class ChartSlider {
     private readonly AUTO_EXPAND_INTERVAL;
     private isDragging;
     private draggingDirection;
+    private dragDiffX;
     private oldTasks;
     constructor(context: IContext, x: number, y: number, task: Task, rowWidth: number);
     update(x: number, y: number): void;
     setOffset(x: number, y: number): void;
     /** 太多需要 function 的判断，搞一个统一的转换 */
     private unpackFunc;
+    private registerEvents;
     private render;
     private renderText;
     private renderProgress;
@@ -55,4 +57,6 @@ export declare class ChartSlider {
     private handleResizeHighlight;
     /** 鼠标移入高亮 */
     private handleBarHighlight;
+    /** 闪烁 */
+    private handleBarBlink;
 }

package/types/rendering/chart/index.d.ts

@@ -13,6 +13,7 @@ export declare class Chart {
     private todayLayer;
     private linkGroup;
     private baselineGroup;
+    private axisLayer;
     private bgLayer;
     private bodyLayer;
     private width;
@@ -22,11 +23,11 @@ export declare class Chart {
      * 调整大小
      */
     resize(width: number, height: number): void;
-    render(x: number, y: number, tasks: Task[]): void;
+    render(x: number, y: number, tasks: Task[], isRefresh?: boolean, isScroll?: boolean): void;
     /**
      * 刷新图表（用于滚动或局部更新时的高效渲染）
      */
-    refresh(x: number, y: number, tasks: Task[]): void;
+    refresh(x: number, y: number, tasks: Task[], isScroll?: boolean): void;
     /**
      * 更新任务
      */

package/types/store/DataManager.d.ts

@@ -84,8 +84,6 @@ export declare class DataManager {
      * 获取可展示任务数量
      */
     getVisibleSize(): number;
-    /** 检查任务是否可见 */
-    isTaskVisible(task: Task): boolean;
     /**
      * 清空所有数据
      */

package/types/store/LinkManager.d.ts

@@ -0,0 +1,225 @@
+import { ErrorType, type EventBus } from "../event";
+import { Task } from "../models/Task";
+import type { Store } from ".";
+import { ILink, LinkType, LinkStartType, LinkFinishType, DataChain } from "@/types/link";
+/** 连线操作结果 */
+type LinkOpResult = {
+    ok: true;
+} | {
+    ok: false;
+    /** 失败原因编码 */
+    reason: ErrorType;
+    /** 友好提示（由上层决定是否展示） */
+    message?: string;
+    /** 当检测出环时，返回的环信息 */
+    cycleInfo?: CycleInfo;
+};
+/** 任务连线查询结果 */
+interface TaskLinksResult {
+    incoming: ILink[];
+    outgoing: ILink[];
+    all: ILink[];
+}
+/** 任务连接关系结果 */
+interface TaskConnectionResult {
+    tasks: Task[];
+    links: ILink[];
+}
+/** 批量校验结果 */
+interface ValidationBatchResult {
+    invalid: Array<{
+        link: ILink;
+        reason: string;
+        message: string;
+    }>;
+    valid: ILink[];
+    totalCount: number;
+}
+/** 冲突检测结果 */
+interface ConflictResult {
+    hasConflict: boolean;
+    conflicts: ILink[];
+    conflictTypes: string[];
+}
+/** 环检测信息 */
+interface CycleInfo {
+    cycles: string[][];
+    nodes: string[];
+    sccs: string[][];
+}
+/** 环检测报告 */
+interface CycleReport extends CycleInfo {
+    hasCycle: boolean;
+}
+/** 调试信息 */
+interface LinkDebugInfo {
+    totalLinks: number;
+    totalTasks: number;
+    connectionComponents: number;
+    hasCycle: boolean;
+    topologicalOrder: string[] | null;
+    isolatedTasks: string[];
+}
+/**
+ * LinkManager - 甘特图连线/依赖关系管理器
+ *
+ * 核心职责：
+ * 1. 连线数据的集中管理和索引
+ * 2. 连线合法性校验（包括类型校验）
+ * 3. 环检测和拓扑排序
+ * 4. 任务连接关系查询
+ * 5. 为 ChartLink 提供高效的连线操作支持
+ */
+export declare class LinkManager {
+    private store;
+    private event;
+    /** 原始连线数据集合 */
+    private links;
+    /** 以起点任务 id 为 key 的出边邻接表 */
+    private fromLinksMap;
+    /** 以终点任务 id 为 key 的入边邻接表 */
+    private toLinksMap;
+    /** 拓扑序（无环情况下才有效，懒计算） */
+    private topoOrder;
+    /** 节点 id -> 拓扑序索引 */
+    private topoIndex;
+    /** 最近一次全量环检测报告 */
+    private lastCycleReport;
+    /** 直接连接关系缓存（轻量级） */
+    private directConnectionCache;
+    /** 记忆化缓存（用于链路查询优化） */
+    private forwardMemo;
+    private backwardMemo;
+    /** 缓存依赖关系追踪 */
+    private cacheDependencies;
+    /** 缓存访问频率统计 */
+    private cacheAccessStats;
+    /** 缓存大小限制 */
+    private readonly MAX_CACHE_SIZE;
+    /** 缓存生存时间（毫秒） */
+    private readonly CACHE_TTL;
+    /** 是否启用环检测 */
+    private enableCycleDetection;
+    /** 连线类型映射表 */
+    private static readonly LINK_TYPE_MAP;
+    constructor(store: Store, event: EventBus);
+    /** 开启/关闭环检测 */
+    setCycleDetection(enabled: boolean): void;
+    /** 获取所有连线 */
+    getLinks(): ILink[];
+    /** 获取某个任务ID的连线 */
+    getLinksByTaskId(taskId: string): ILink[];
+    /** 批量设置连线（唯一的数据修改入口） */
+    setLinks(links: ILink[], detectAll?: boolean): void;
+    /** 更新各种缓存配置 */
+    update(): void;
+    /** 检查连线是否存在 */
+    isLinkExist(from: string, to: string, type?: string): boolean;
+    /** 校验连线类型是否合法 */
+    validateLinkType(type: string): boolean;
+    /** 将起止点转换为连线类型 */
+    convertPointsToLinkType(fromPoint: LinkStartType | LinkFinishType, toPoint: LinkStartType | LinkFinishType): LinkType;
+    /** 校验单条连线的基础合法性 */
+    validateLink(link: ILink): LinkOpResult;
+    /** 校验新增连线是否会产生环 */
+    validateChain(from: string, to: string, type?: string): LinkOpResult;
+    /** 批量校验连线 */
+    validateLinks(links: ILink[]): ValidationBatchResult;
+    /** 获取任务的所有连线（入边+出边） */
+    getTaskLinks(taskId: string): TaskLinksResult;
+    /** 获取任务的直接前驱任务 */
+    getTaskPredecessors(taskId: string): TaskConnectionResult;
+    /** 获取任务的直接后继任务 */
+    getTaskSuccessors(taskId: string): TaskConnectionResult;
+    /** 获取与指定任务直接连接的所有任务 */
+    getDirectlyConnectedTasks(taskId: string): Task[];
+    /** 检查两个任务间是否存在连接路径 */
+    hasConnectionPath(fromId: string, toId: string): boolean;
+    /**
+     * 枚举指定任务的所有前置完整路径与后置完整路径
+     *
+     * @param taskId 任务ID
+     * @returns 包含前置链路、后置链路和所有节点的完整信息
+     *
+     * 返回结构：
+     * - prev.chain: 所有源 -> 当前任务的完整路径（每条路径末尾为当前任务）
+     * - next.chain: 当前任务 -> 所有汇的完整路径（每条路径首元素为当前任务）
+     * - prev.nodes: 前置方向所有唯一节点
+     * - next.nodes: 后置方向所有唯一节点
+     * - allNodes: 前后方向去重后的全部节点
+     * - allLinks: 涉及的所有连线
+     */
+    getDataChain(taskId: string): DataChain;
+    /** 检查当前图是否存在环 */
+    hasCycle(): boolean;
+    /** 全量环检测（Tarjan 算法） */
+    detectAllCycles(sendErr?: boolean): CycleReport;
+    /** 获取最近一次环检测报告 */
+    getCycleReport(): CycleReport | null;
+    /** 检测同一对任务间是否存在冲突的连线类型 */
+    detectLinkConflicts(taskA: string, taskB: string): ConflictResult;
+    /** 检查是否存在业务逻辑冲突的连线 */
+    hasConflictingLinks(from: string, to: string): boolean;
+    /** 懒计算拓扑序（Kahn 算法） */
+    private computeTopo;
+    /** 增量环检测（基于拓扑序 + DFS） */
+    private willCreateCycle;
+    /** 构建/重建邻接表 */
+    private rebuildAdjacency;
+    /** 失效所有缓存 */
+    private invalidateAllCaches;
+    /** 失效直接连接缓存 */
+    private invalidateConnectionCache;
+    /** 快速查找连线的优化方法 */
+    private findLinkFast;
+    /** 根据任务 ID 获取任务对象 */
+    private getTask;
+    /** 检查节点是否存在自环 */
+    private hasSelfLoop;
+    /** 构造简单环信息 */
+    private buildSimpleCycleInfo;
+    /**
+     * 精细化缓存失效策略
+     * 根据操作类型和影响范围进行精确的缓存失效
+     */
+    private invalidateSmartCaches;
+    /** 处理添加连线的缓存失效 */
+    private handleAddLinkInvalidation;
+    /** 处理删除连线的缓存失效 */
+    private handleRemoveLinkInvalidation;
+    /** 处理更新连线的缓存失效 */
+    private handleUpdateLinkInvalidation;
+    /** 处理批量操作的缓存失效 */
+    private handleBatchOperationInvalidation;
+    /** 精确失效指定缓存 */
+    private invalidateSpecificCaches;
+    /** 获取递归上游任务（限制深度） */
+    private getUpstreamTasksRecursive;
+    /** 获取递归下游任务（限制深度） */
+    private getDownstreamTasksRecursive;
+    /** 获取连通分量 */
+    private getConnectedComponent;
+    /** 清理过期缓存 */
+    private cleanupExpiredCaches;
+    /** 限制缓存大小 */
+    private limitCacheSize;
+    /** 记录缓存访问 */
+    private recordCacheAccess;
+    /** 建立缓存依赖关系 */
+    private establishCacheDependency;
+    /** 为调试提供连线关系的可视化信息 */
+    getDebugInfo(): LinkDebugInfo;
+    /** 计算连通分量数量 */
+    private countConnectionComponents;
+    /** 获取缓存性能统计 */
+    getCachePerformanceStats(): {
+        totalCacheSize: number;
+        hitRate: number;
+        memoryUsage: string;
+        expiredEntries: number;
+        dependencyCount: number;
+    };
+    /** 估算内存使用量 */
+    private estimateMemoryUsage;
+}
+export {};

package/types/store/TimeAxis.d.ts

@@ -49,7 +49,7 @@ export declare class TimeAxis {
      * @returns 对应的时间对象
      */
     getTimeByLeft(left: number): Dayjs;
-    init(options: IGanttOptions): void;
+    init(options: IGanttOptions, isFirstTime?: boolean): void;
     update(options: IGanttOptions): void;
     setDate(start?: Dayjs, end?: Dayjs): void;
     /** 获取表头的日期列表 */

package/types/store/index.d.ts

@@ -1,6 +1,7 @@
 import { OptionManager } from "./OptionManager";
 import { DataManager } from "./DataManager";
 import { ColumnManager } from "./ColumnManager";
+import { LinkManager } from './LinkManager';
 import { TimeAxis } from "./TimeAxis";
 import { Dayjs } from "dayjs";
 import { IContext } from "@/types/render";
@@ -10,11 +11,13 @@ export declare class Store {
     private optionManager;
     private dataManager;
     private columnManager;
+    private linkManager;
     private timeAxis;
     constructor(context: IContext, options?: IOptions);
     getOptionManager(): OptionManager;
     getDataManager(): DataManager;
     getColumnManager(): ColumnManager;
+    getLinkManager(): LinkManager;
     getTimeAxis(): TimeAxis;
     setOption(options: IOptions, config?: IOptionConfig): void;
     updateTime(start?: Dayjs, end?: Dayjs): void;

package/types/types/event.d.ts

@@ -3,7 +3,7 @@ import { ILink } from "./link";
 
 export interface EventMap {
   loaded: () => void;
-  error: (error: ErrorType) => void;
+  error: (error: ErrorType, msg?: string) => void;
   "update:link": (link: ILink) => void;
   "create:link": (link: ILink) => void;
   "select:link": (

package/types/types/link.d.ts

@@ -1,3 +1,7 @@
+export type LinkStartType = 'S';
+export type LinkFinishType = 'F';
+export type LinkType = `${LinkFinishType}${LinkStartType}` | `${LinkFinishType}${LinkFinishType}` | `${LinkStartType}${LinkStartType}` | `${LinkStartType}${LinkFinishType}`;
+
 export interface ILink {
   /** 起始任务 id */
   from: any;
@@ -18,6 +22,36 @@ export interface ILink {
    *
    * 无论如何配置，连线始终是 from - to 的方向，type 定义了连线在 from / to 任务中出现的位置，左侧定义为 Start，右侧定义为 Finish。
    */
-  type?: "FS" | "FF" | "SS" | "SF";
+  type?: LinkType;
   [key: string]: any;
 }
+
+/**
+ * 基于某个任务节点获取到的所有相关联的链路信息
+ */
+export interface DataChain {
+  /** 前置链路信息 */
+  prev: {
+    /** 所有源 -> 当前任务的完整路径（每条路径末尾为当前节点） */
+    chain: any[][];
+    /** 前置方向所有唯一节点 */
+    nodes: any[];
+    /** 前置方向所有连线 */
+    links: ILink[];
+  };
+  /** 后置链路联系 */
+  next: {
+    /** 当前任务 -> 所有汇的完整路径（每条路径首元素为当前节点） */
+    chain: any[][];
+    /** 后置方向所有唯一节点 */
+    nodes: any[];
+    /** 后置方向所有连线 */
+    links: ILink[];
+  };
+  /** 所有相关联的节点 */
+  allNodes: any[];
+  /** 所有相关联的连线 */
+  allLinks: ILink[];
+  /** 当前任务 */
+  current: any | undefined;
+}

package/types/types/options.d.ts

@@ -112,7 +112,7 @@ export interface IGanttOptions {
        * @argument {"S"} - 允许以 S，也就是左侧起始点作为起点创建连线
        * @argument {"F"} - 允许以 F，也就是右侧结束点作为起点创建连线
        */
-      from: boolean | "S" | "F" | ((row: EmitData) => boolean | "S" | "F");
+      from: boolean | "S" | "F" | ((row: EmitData, to?: EmitData) => boolean | "S" | "F");
       /**
        * 是否允许节点被链接。如果允许，可以将当前任务节点作为被连接点
        *
@@ -139,7 +139,7 @@ export interface IGanttOptions {
     distance: number;
     /** 线条的起点/终点位置与任务条的距离。 默认 5 */
     gap: number;
-    /** 线条的虚线设定。 默认 [6, 3] */
+    /** 线条的虚线设定。 默认 [0]，设为 0 即实线 */
     dash: number[];
     /** 线条的宽度。 默认 1 */
     width: number;
@@ -154,6 +154,14 @@ export interface IGanttOptions {
     };
     /** 原点大小。 默认 3 */
     radius: number;
+    /**
+     * 启用环检测。默认开启状态。
+     *
+     * 开启后，会自动检查每一条连线的构成，如果存在环链路，在创建、更新连线时，会发出 `LINK_CYCLE` 错误事件。
+     *
+     * @default true
+     */
+    enableCycleDetection: boolean;
   };
 
   /** 基线配置 */

package/types/utils/svg.d.ts

@@ -0,0 +1 @@
+export declare const HandlerIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 15 15\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5.5 4.625a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25m4 0a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25M10.625 7.5a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M5.5 8.625a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25m5.125 2.875a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M5.5 12.625a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25\" clip-rule=\"evenodd\"/></svg>";