export const traceButtonsInfo: Record = { Knight: [ { id: 'Point03', size: 'big', left: '51%', top: '52%' }, { id: 'Point04', size: 'big', left: '51%', top: '35%' }, { id: 'Point02', size: 'big', left: '67%', top: '55%' }, { id: 'Point05', size: 'big', left: '51%', top: '69.5%' }, { id: 'Point01', size: 'big', left: '33%', top: '55%' }, { id: 'Point08', size: 'medium', left: '50%', top: '21.5%' }, { id: 'Point07', size: 'medium', left: '71%', top: '86%' }, { id: 'Point06', size: 'medium', left: '29%', top: '86%' }, { id: 'Point16', size: 'small', left: '50%', top: '9%' }, { id: 'Point18', size: 'small', left: '66%', top: '13%' }, { id: 'Point17', size: 'small', left: '34%', top: '13%' }, { id: 'Point15', size: 'small', left: '79.5%', top: '44.5%' }, { id: 'Point12', size: 'small', left: '20.5%', top: '44.5%' }, { id: 'Point09', size: 'small', left: '50%', top: '82.5%' }, { id: 'Point13', size: 'small', left: '81%', top: '78%' }, { id: 'Point10', size: 'small', left: '19.5%', top: '78.5%' }, { id: 'Point14', size: 'small', left: '89%', top: '70%' }, { id: 'Point11', size: 'small', left: '11%', top: '70%' } ], Mage: [ { id: 'Point03', size: 'big', left: '50.5%', top: '53.5%' }, { id: 'Point04', size: 'big', left: '51%', top: '32%' }, { id: 'Point02', size: 'big', left: '68.5%', top: '53.5%' }, { id: 'Point05', size: 'big', left: '51%', top: '84%' }, { id: 'Point01', size: 'big', left: '33.5%', top: '53.5%' }, { id: 'Point08', size: 'medium', left: '50%', top: '14.5%' }, { id: 'Point07', size: 'medium', left: '80.5%', top: '53%' }, { id: 'Point06', size: 'medium', left: '19.5%', top: '53%' }, { id: 'Point17', size: 'small', left: '66%', top: '17.5%' }, { id: 'Point16', size: 'small', left: '34%', top: '17.5%' }, { id: 'Point18', size: 'small', left: '66%', top: '79%' }, { id: 'Point09', size: 'small', left: '34%', top: '79%' }, { id: 'Point13', size: 'small', left: '93%', top: '52%' }, { id: 'Point14', size: 'small', left: '89%', top: '63%' }, { id: 'Point15', size: 'small', left: '89%', top: '41.5%' }, { id: 'Point10', size: 'small', left: '7%', top: '52%' }, { id: 'Point11', size: 'small', left: '11.5%', top: '63%' }, { id: 'Point12', size: 'small', left: '12%', top: '41.5%' } ], Priest: [ { id: 'Point03', size: 'big', left: '51%', top: '49%' }, { id: 'Point04', size: 'big', left: '51%', top: '31%' }, { id: 'Point02', size: 'big', left: '68.5%', top: '46%' }, { id: 'Point05', size: 'big', left: '51%', top: '66%' }, { id: 'Point01', size: 'big', left: '33.5%', top: '46%' }, { id: 'Point08', size: 'medium', left: '50%', top: '13%' }, { id: 'Point07', size: 'medium', left: '68%', top: '79%' }, { id: 'Point06', size: 'medium', left: '33%', top: '79%' }, { id: 'Point16', size: 'small', left: '65%', top: '18%' }, { id: 'Point17', size: 'small', left: '35%', top: '18%' }, { id: 'Point09', size: 'small', left: '57%', top: '89%' }, { id: 'Point18', size: 'small', left: '43%', top: '89%' }, { id: 'Point10', size: 'small', left: '80.5%', top: '66%' }, { id: 'Point11', size: 'small', left: '93%', top: '52%' }, { id: 'Point12', size: 'small', left: '81%', top: '39%' }, { id: 'Point13', size: 'small', left: '20.5%', top: '66%' }, { id: 'Point14', size: 'small', left: '7%', top: '52%' }, { id: 'Point15', size: 'small', left: '20%', top: '39%' } ], Rogue: [ { id: 'Point03', size: 'big', left: '51%', top: '53%' }, { id: 'Point04', size: 'big', left: '51%', top: '36%' }, { id: 'Point02', size: 'big', left: '68.5%', top: '46%' }, { id: 'Point05', size: 'big', left: '51%', top: '70%' }, { id: 'Point01', size: 'big', left: '33.5%', top: '46%' }, { id: 'Point08', size: 'medium', left: '50%', top: '22%' }, { id: 'Point07', size: 'medium', left: '68%', top: '71%' }, { id: 'Point06', size: 'medium', left: '32%', top: '71%' }, { id: 'Point16', size: 'small', left: '50%', top: '9%' }, { id: 'Point18', size: 'small', left: '66%', top: '14%' }, { id: 'Point17', size: 'small', left: '34%', top: '14%' }, { id: 'Point09', size: 'small', left: '50%', top: '87%' }, { id: 'Point15', size: 'small', left: '81%', top: '35%' }, { id: 'Point12', size: 'small', left: '19%', top: '35%' }, { id: 'Point13', size: 'small', left: '81%', top: '57%' }, { id: 'Point10', size: 'small', left: '20%', top: '57%' }, { id: 'Point14', size: 'small', left: '93%', top: '44%' }, { id: 'Point11', size: 'small', left: '7%', top: '44%' } ], Shaman: [ { id: 'Point03', size: 'big', left: '51%', top: '57%' }, { id: 'Point04', size: 'big', left: '51%', top: '36%' }, { id: 'Point02', size: 'big', left: '68.5%', top: '41%' }, { id: 'Point05', size: 'big', left: '51%', top: '75%' }, { id: 'Point01', size: 'big', left: '33.5%', top: '41%' }, { id: 'Point08', size: 'medium', left: '50%', top: '22%' }, { id: 'Point07', size: 'medium', left: '89.5%', top: '56.5%' }, { id: 'Point06', size: 'medium', left: '17.5%', top: '56.5%' }, { id: 'Point16', size: 'small', left: '50%', top: '10%' }, { id: 'Point18', size: 'small', left: '66%', top: '14%' }, { id: 'Point17', size: 'small', left: '34%', top: '14%' }, { id: 'Point09', size: 'small', left: '50%', top: '87%' }, { id: 'Point15', size: 'small', left: '62%', top: '83%' }, { id: 'Point12', size: 'small', left: '38%', top: '83%' }, { id: 'Point13', size: 'small', left: '77%', top: '70%' }, { id: 'Point14', size: 'small', left: '67%', top: '61%' }, { id: 'Point10', size: 'small', left: '7%', top: '44%' }, { id: 'Point11', size: 'small', left: '20%', top: '31%' } ], Warlock: [ { id: 'Point03', size: 'big', left: '51%', top: '44%' }, { id: 'Point04', size: 'big', left: '51%', top: '25%' }, { id: 'Point02', size: 'big', left: '68.5%', top: '47%' }, { id: 'Point05', size: 'big', left: '51%', top: '62%' }, { id: 'Point01', size: 'big', left: '33.5%', top: '47%' }, { id: 'Point08', size: 'medium', left: '50%', top: '8%' }, { id: 'Point07', size: 'medium', left: '81.5%', top: '37%' }, { id: 'Point06', size: 'medium', left: '20.5%', top: '37%' }, { id: 'Point17', size: 'small', left: '66%', top: '14%' }, { id: 'Point16', size: 'small', left: '34%', top: '14%' }, { id: 'Point09', size: 'small', left: '50%', top: '74%' }, { id: 'Point18', size: 'small', left: '50%', top: '87%' }, { id: 'Point13', size: 'small', left: '94%', top: '48%' }, { id: 'Point14', size: 'small', left: '81%', top: '61%' }, { id: 'Point15', size: 'small', left: '68%', top: '74%' }, { id: 'Point10', size: 'small', left: '6%', top: '48%' }, { id: 'Point11', size: 'small', left: '20%', top: '61%' }, { id: 'Point12', size: 'small', left: '33%', top: '74%' } ], Warrior: [ { id: 'Point03', size: 'big', left: '51%', top: '53%' }, { id: 'Point04', size: 'big', left: '51%', top: '36%' }, { id: 'Point02', size: 'big', left: '69%', top: '48%' }, { id: 'Point05', size: 'big', left: '51%', top: '70.5%' }, { id: 'Point01', size: 'big', left: '33%', top: '48%' }, { id: 'Point08', size: 'medium', left: '50%', top: '22%' }, { id: 'Point07', size: 'medium', left: '67%', top: '83%' }, { id: 'Point06', size: 'medium', left: '33%', top: '83%' }, { id: 'Point16', size: 'small', left: '50%', top: '9%' }, { id: 'Point18', size: 'small', left: '66%', top: '14%' }, { id: 'Point17', size: 'small', left: '34%', top: '14%' }, { id: 'Point09', size: 'small', left: '50%', top: '87%' }, { id: 'Point15', size: 'small', left: '81%', top: '43.5%' }, { id: 'Point12', size: 'small', left: '19%', top: '43.5%' }, { id: 'Point13', size: 'small', left: '81%', top: '70%' }, { id: 'Point10', size: 'small', left: '19%', top: '70%' }, { id: 'Point14', size: 'small', left: '93%', top: '56.5%' }, { id: 'Point11', size: 'small', left: '7%', top: '56.5%' } ], Memory: [ { id: 'Point03', size: 'big', left: '51%', top: '72%' }, { id: 'Point04', size: 'big', left: '75%', top: '53%' }, { id: 'Point02', size: 'big', left: '67%', top: '67%' }, { id: 'Point05', size: 'big', left: '27%', top: '53%' }, { id: 'Point01', size: 'big', left: '35%', top: '67%' }, { id: 'Point08', size: 'medium', left: '34%', top: '34%' }, { id: 'Point07', size: 'medium', left: '50%', top: '87%' }, { id: 'Point06', size: 'medium', left: '91%', top: '51%' }, { id: 'Point16', size: 'small', left: '27.5%', top: '22%' }, { id: 'Point17', size: 'small', left: '43%', top: '14%' }, { id: 'Point18', size: 'small', left: '59%', top: '14%' }, { id: 'Point19', size: 'big', left: '51%', top: '50%' }, { id: 'Point20', size: 'big', left: '51%', top: '28%' }, { id: 'Point12', size: 'small', left: '86%', top: '40%' }, { id: 'Point13', size: 'small', left: '86%', top: '63%' }, { id: 'Point14', size: 'small', left: '35%', top: '82%' }, { id: 'Point15', size: 'small', left: '65%', top: '82%' }, { id: 'Point09', size: 'small', left: '9%', top: '51%' }, { id: 'Point10', size: 'small', left: '13%', top: '40%' }, { id: 'Point11', size: 'small', left: '13%', top: '63%' }, { id: 'Point21', size: 'big', left: '70%', top: '34%'} ] } export const traceLink : Record> = { Knight: { Point06: ["Point10", "Point11"], Point07: ["Point13", "Point14"], Point08: ["Point16", "Point17", "Point18"], Point09: ["Point07", "Point06", "Point10", "Point11", "Point13", "Point14"], Point10: ["Point11"], Point16: ["Point17", "Point18"], Point13: ["Point14"], }, Mage: { Point08: ["Point16", "Point17"], Point07: ["Point13", "Point14", "Point15"], Point13: ["Point14", "Point15"], Point06: ["Point10", "Point11", "Point12"], Point10: ["Point11", "Point12"], }, Priest: { Point08: ["Point16", "Point17"], Point07: ["Point10", "Point11", "Point12"], Point10: ["Point11", "Point12"], Point11: ["Point12"], Point06: ["Point13", "Point14", "Point15"], Point13: ["Point14", "Point15"], Point14: ["Point15"], }, Rogue: { Point08: ["Point16", "Point17", "Point18"], Point16: ["Point17", "Point18"], Point07: ["Point13", "Point14"], Point13: ["Point14"], Point06: ["Point10", "Point11"], Point10: ["Point11"], }, Shaman: { Point08: ["Point16", "Point17", "Point18"], Point16: ["Point17", "Point18"], Point07: ["Point13", "Point14"], Point13: ["Point14"], Point06: ["Point10", "Point11"], Point10: ["Point11"], Point09: ["Point15", "Point12"], }, Warlock: { Point08: ["Point16", "Point17"], Point07: ["Point13", "Point14", "Point15"], Point13: ["Point14", "Point15"], Point14: ["Point15"], Point06: ["Point10", "Point11", "Point12"], Point10: ["Point11", "Point12"], Point11: ["Point12"], Point09: ["Point18"], }, Warrior: { Point08: ["Point16", "Point17", "Point18"], Point16: ["Point17", "Point18"], Point07: ["Point13", "Point14", "Point15"], Point13: ["Point14", "Point15"], Point14: ["Point15"], Point06: ["Point10", "Point11", "Point12"], Point10: ["Point11", "Point12"], Point11: ["Point12"], }, Memory: { Point16: ["Point17", "Point18"], Point17: ["Point18"], Point09: ["Point10", "Point11"], Point07: ["Point14", "Point15"], Point06: ["Point12", "Point13"], } } export const traceShowCaseMap : Record> = { Knight: { "1": [ { id: "Point01", size: "big", isLink: false }, { id: "Point15", size: "small", isLink: true }, { id: "Point12", size: "small", isLink: true }, { id: "Point09", size: "small", isLink: true } ], "2": [ { id: "Point02", size: "big", isLink: false }, { id: "Point06", size: "medium", isLink: true }, { id: "Point10", size: "small", isLink: true }, { id: "Point11", size: "small", isLink: true } ], "3": [ { id: "Point03", size: "big", isLink: false }, { id: "Point07", size: "medium", isLink: true }, { id: "Point13", size: "small", isLink: true }, { id: "Point14", size: "small", isLink: true } ], "4": [ { id: "Point04", size: "big", isLink: false }, { id: "Point08", size: "medium", isLink: true }, { id: "Point16", size: "small", isLink: true }, { id: "Point18", size: "small", isLink: true }, { id: "Point17", size: "small", isLink: true } ] }, Mage: { "1": [ { id: "Point01", size: "big", isLink: false }, { id: "Point09", size: "small", isLink: true }, { id: "Point18", size: "small", isLink: true } ], "2": [ { id: "Point02", size: "big", isLink: false }, { id: "Point06", size: "medium", isLink: true }, { id: "Point10", size: "small", isLink: true }, { id: "Point11", size: "small", isLink: true }, { id: "Point12", size: "small", isLink: true } ], "3": [ { id: "Point03", size: "big", isLink: false }, { id: "Point07", size: "medium", isLink: true }, { id: "Point13", size: "small", isLink: true }, { id: "Point14", size: "small", isLink: true }, { id: "Point15", size: "small", isLink: true } ], "4": [ { id: "Point04", size: "big", isLink: false }, { id: "Point08", size: "medium", isLink: true }, { id: "Point17", size: "small", isLink: true }, { id: "Point16", size: "small", isLink: true } ] }, Priest: { "1": [ { id: "Point01", size: "big", isLink: false }, { id: "Point09", size: "small", isLink: true }, { id: "Point18", size: "small", isLink: true } ], "2": [ { id: "Point02", size: "big", isLink: false }, { id: "Point06", size: "medium", isLink: true }, { id: "Point10", size: "small", isLink: true }, { id: "Point11", size: "small", isLink: true }, { id: "Point12", size: "small", isLink: true } ], "3": [ { id: "Point03", size: "big", isLink: false }, { id: "Point07", size: "medium", isLink: true }, { id: "Point13", size: "small", isLink: true }, { id: "Point14", size: "small", isLink: true }, { id: "Point15", size: "small", isLink: true } ], "4": [ { id: "Point04", size: "big", isLink: false }, { id: "Point08", size: "medium", isLink: true }, { id: "Point17", size: "small", isLink: true }, { id: "Point16", size: "small", isLink: true } ] }, Rogue: { "1": [ { id: "Point01", size: "big", isLink: false }, { id: "Point15", size: "small", isLink: true }, { id: "Point12", size: "small", isLink: true }, { id: "Point09", size: "small", isLink: true } ], "2": [ { id: "Point02", size: "big", isLink: false }, { id: "Point06", size: "medium", isLink: true }, { id: "Point10", size: "small", isLink: true }, { id: "Point11", size: "small", isLink: true } ], "3": [ { id: "Point03", size: "big", isLink: false }, { id: "Point07", size: "medium", isLink: true }, { id: "Point13", size: "small", isLink: true }, { id: "Point14", size: "small", isLink: true } ], "4": [ { id: "Point04", size: "big", isLink: false }, { id: "Point08", size: "medium", isLink: true }, { id: "Point16", size: "small", isLink: true }, { id: "Point18", size: "small", isLink: true }, { id: "Point17", size: "small", isLink: true } ] }, Shaman: { "1": [ { id: "Point01", size: "big", isLink: false }, { id: "Point15", size: "small", isLink: true }, { id: "Point12", size: "small", isLink: true }, { id: "Point09", size: "small", isLink: true } ], "2": [ { id: "Point02", size: "big", isLink: false }, { id: "Point06", size: "medium", isLink: true }, { id: "Point10", size: "small", isLink: true }, { id: "Point11", size: "small", isLink: true } ], "3": [ { id: "Point03", size: "big", isLink: false }, { id: "Point07", size: "medium", isLink: true }, { id: "Point13", size: "small", isLink: true }, { id: "Point14", size: "small", isLink: true } ], "4": [ { id: "Point04", size: "big", isLink: false }, { id: "Point08", size: "medium", isLink: true }, { id: "Point16", size: "small", isLink: true }, { id: "Point18", size: "small", isLink: true }, { id: "Point17", size: "small", isLink: true } ] }, Warlock: { "1": [ { id: "Point01", size: "big", isLink: false }, { id: "Point09", size: "small", isLink: true }, { id: "Point18", size: "small", isLink: true } ], "2": [ { id: "Point02", size: "big", isLink: false }, { id: "Point06", size: "medium", isLink: true }, { id: "Point10", size: "small", isLink: true }, { id: "Point11", size: "small", isLink: true }, { id: "Point12", size: "small", isLink: true } ], "3": [ { id: "Point03", size: "big", isLink: false }, { id: "Point07", size: "medium", isLink: true }, { id: "Point13", size: "small", isLink: true }, { id: "Point14", size: "small", isLink: true }, { id: "Point15", size: "small", isLink: true } ], "4": [ { id: "Point04", size: "big", isLink: false }, { id: "Point08", size: "medium", isLink: true }, { id: "Point17", size: "small", isLink: true }, { id: "Point16", size: "small", isLink: true } ] }, Warrior: { "1": [ { id: "Point01", size: "big", isLink: false }, { id: "Point09", size: "small", isLink: true } ], "2": [ { id: "Point02", size: "big", isLink: false }, { id: "Point06", size: "medium", isLink: true }, { id: "Point10", size: "small", isLink: true }, { id: "Point11", size: "small", isLink: true }, { id: "Point12", size: "small", isLink: true } ], "3": [ { id: "Point03", size: "big", isLink: false }, { id: "Point07", size: "medium", isLink: true }, { id: "Point13", size: "small", isLink: true }, { id: "Point14", size: "small", isLink: true }, { id: "Point15", size: "small", isLink: true } ], "4": [ { id: "Point04", size: "big", isLink: false }, { id: "Point08", size: "medium", isLink: true }, { id: "Point16", size: "small", isLink: true }, { id: "Point18", size: "small", isLink: true }, { id: "Point17", size: "small", isLink: true } ] }, Memory: { "1": [ { id: "Point01", size: "big", isLink: false }, { id: "Point09", size: "small", isLink: true }, { id: "Point10", size: "small", isLink: true }, { id: "Point11", size: "small", isLink: true } ], "2": [ { id: "Point02", size: "big", isLink: false }, { id: "Point06", size: "medium", isLink: true }, { id: "Point13", size: "small", isLink: true }, { id: "Point12", size: "small", isLink: true } ], "3": [ { id: "Point03", size: "big", isLink: false }, { id: "Point07", size: "medium", isLink: true }, { id: "Point14", size: "small", isLink: true }, { id: "Point15", size: "small", isLink: true } ], "4": [ { id: "Point04", size: "big", isLink: false }, { id: "Point08", size: "medium", isLink: true }, { id: "Point16", size: "small", isLink: true }, { id: "Point17", size: "small", isLink: true }, { id: "Point18", size: "small", isLink: true } ], "5": [ { id: "Point19", size: "big-memory", isLink: false }, { id: "Point20", size: "big-memory", isLink: false }, { id: "Point21", size: "big", isLink: false } ], } }