From 7bfae721272b458ed4b11b8c7ed32349689c5f4f Mon Sep 17 00:00:00 2001 From: Alejandro Parcet Gonzalez Date: Tue, 2 Jul 2024 15:28:38 +0200 Subject: [PATCH 01/14] fix: changed number of UG leds for each layer Signed-off-by: Alejandro Parcet Gonzalez --- src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js | 2 +- src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js index 58bb7d4f8..753b4d34b 100644 --- a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js +++ b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js @@ -24,7 +24,7 @@ import UnderGlowStrip from "../../hardware/UnderGlowStrip"; const XX = 255; const LEDS_LEFT_KEYS = 33; const LEDS_RIGHT_KEYS = 36; -const UNDERGLOW = 77; +const UNDERGLOW = 75; const LedMap = [ // LHS RHS [ diff --git a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js index 0a2bb29fe..e8e94acda 100644 --- a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js +++ b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js @@ -25,7 +25,7 @@ import UnderGlowStrip from "../../hardware/UnderGlowStrip"; const XX = 255; const LEDS_LEFT_KEYS = 33; const LEDS_RIGHT_KEYS = 36; -const UNDERGLOW = 77; +const UNDERGLOW = 75; const LedMap = [ // LHS RHS [ From f8081683ab2e48a1d1b36d5319f0afb7d5e1c9da Mon Sep 17 00:00:00 2001 From: Thiago Hernandez Date: Thu, 4 Jul 2024 19:22:40 +0200 Subject: [PATCH 02/14] Added Raise2 ANSI keyboard new leds for underglow --- .../components/Keymap-ANSI.js | 1421 +---------------- .../components/Keymap-ISO.js | 1418 +--------------- src/api/hardware-virtual/Raise2ANSI.ts | 4 +- src/api/hardware-virtual/Raise2ISO.ts | 4 +- 4 files changed, 120 insertions(+), 2727 deletions(-) diff --git a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js index 753b4d34b..02c1e9f96 100644 --- a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js +++ b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js @@ -17,6 +17,7 @@ */ import React from "react"; +import log from "electron-log/renderer"; import Neuron from "../../hardware/Neuron"; import Key from "../../hardware/Key"; import UnderGlowStrip from "../../hardware/UnderGlowStrip"; @@ -24,7 +25,7 @@ import UnderGlowStrip from "../../hardware/UnderGlowStrip"; const XX = 255; const LEDS_LEFT_KEYS = 33; const LEDS_RIGHT_KEYS = 36; -const UNDERGLOW = 75; +const UNDERGLOW = 108; const LedMap = [ // LHS RHS [ @@ -130,6 +131,13 @@ const keysRowsPosition = { row6: 370, }; +const leftUnderglowLEDSs = Array(53) + .fill() + .map((_, i) => i); +const rightUnderglowLEDSs = Array(54) + .fill() + .map((_, i) => i); + class KeymapANSI extends React.Component { constructor(props) { super(props); @@ -176,7 +184,7 @@ class KeymapANSI extends React.Component { const colormap = this.props.colormap || - Array(144) + Array(UNDERGLOW + LEDS_LEFT_KEYS + LEDS_RIGHT_KEYS) .fill() .map(() => 0); const palette = @@ -192,6 +200,7 @@ class KeymapANSI extends React.Component { const ledIndex = col !== undefined ? LedMap[parseInt(row)][parseInt(col)] : NoKeyLedMap[row - LEDS_LEFT_KEYS - LEDS_RIGHT_KEYS]; const colorIndex = colormap[ledIndex]; + // log.info("Row and col", row, NoKeyLedMap.length, colorIndex, colormap); const color = palette[colorIndex].rgb; return color; }; @@ -339,14 +348,14 @@ class KeymapANSI extends React.Component { color="#b4b4b4" id="neuron_led" onClick={e => { - setUndeglowIndex(144, e); + setUndeglowIndex(176, e); }} className="key" - fill={getColor(144)} - stroke={stroke(144)} - strokeWidth={getStrokeWidth(144)} - dataLedIndex={getLEDIndex(144)} - dataKeyIndex={keyIndex(144)} + fill={getColor(176)} + stroke={stroke(176)} + strokeWidth={getStrokeWidth(176)} + dataLedIndex={getLEDIndex(176)} + dataKeyIndex={keyIndex(176)} dataLayer={layer} /> @@ -1652,1362 +1661,50 @@ class KeymapANSI extends React.Component { {/* Left side */} - { - setUndeglowIndex(69, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(69)} - stroke={stroke(69)} - strokeWidth={getStrokeWidth(69)} - dataLedIndex={getLEDIndex(69)} - dataKeyIndex={keyIndex(69)} - dataLayer={layer} - path="M0.600037 29.4C0.600037 13.1909 13.7909 0 30 0H42C44.2092 0 46 1.79086 46 4C46 6.20914 44.2092 8 42 8H30C18.2092 8 8.60004 17.6091 8.60004 29.4V41.4C8.60004 43.6091 6.80918 45.4 4.60004 45.4C2.3909 45.4 0.600037 43.6091 0.600037 41.4V29.4Z" - /> - { - setUndeglowIndex(70, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(70)} - stroke={stroke(70)} - strokeWidth={getStrokeWidth(70)} - dataLedIndex={getLEDIndex(70)} - dataKeyIndex={keyIndex(70)} - dataLayer={layer} - path="M0 4C0 1.79086 1.79086 0 4 0H64C66.2091 0 68 1.79086 68 4C68 6.20914 66.2091 8 64 8H4C1.79086 8 0 6.20914 0 4Z" - /> - { - setUndeglowIndex(71, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(71)} - stroke={stroke(71)} - strokeWidth={getStrokeWidth(71)} - dataLedIndex={getLEDIndex(71)} - dataKeyIndex={keyIndex(71)} - dataLayer={layer} - path="M0 4C0 1.79086 1.79086 0 4 0H63.9C66.1091 0 67.9 1.79086 67.9 4C67.9 6.20914 66.1091 8 63.9 8H4C1.79086 8 0 6.20914 0 4Z" - /> - { - setUndeglowIndex(72, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(72)} - stroke={stroke(72)} - strokeWidth={getStrokeWidth(72)} - dataLedIndex={getLEDIndex(72)} - dataKeyIndex={keyIndex(72)} - dataLayer={layer} - path="M0.900024 4C0.900024 1.79086 2.69089 0 4.90002 0H64.9C67.1092 0 68.9 1.79086 68.9 4C68.9 6.20914 67.1092 8 64.9 8H4.90002C2.69089 8 0.900024 6.20914 0.900024 4Z" - /> - { - setUndeglowIndex(73, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(73)} - stroke={stroke(73)} - strokeWidth={getStrokeWidth(73)} - dataLedIndex={getLEDIndex(73)} - dataKeyIndex={keyIndex(73)} - dataLayer={layer} - path="M0.899994 4C0.899994 1.79086 2.69085 0 4.89999 0H64.8C67.0091 0 68.8 1.79086 68.8 4C68.8 6.20914 67.0091 8 64.8 8H4.89999C2.69085 8 0.899994 6.20914 0.899994 4Z" - /> - { - setUndeglowIndex(74, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(74)} - stroke={stroke(74)} - strokeWidth={getStrokeWidth(74)} - dataLedIndex={getLEDIndex(74)} - dataKeyIndex={keyIndex(74)} - dataLayer={layer} - path="M0.799988 4C0.799988 1.79086 2.59085 0 4.79999 0H64.8C67.0091 0 68.8 1.79086 68.8 4C68.8 6.20914 67.0091 8 64.8 8H4.79999C2.59085 8 0.799988 6.20914 0.799988 4Z" - /> - { - setUndeglowIndex(75, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(75)} - stroke={stroke(75)} - strokeWidth={getStrokeWidth(75)} - dataLedIndex={getLEDIndex(75)} - dataKeyIndex={keyIndex(75)} - dataLayer={layer} - path="M0.799988 4C0.799988 1.79086 2.59085 0 4.79999 0H64.7C66.9091 0 68.7 1.79086 68.7 4C68.7 6.20914 66.9091 8 64.7 8H4.79999C2.59085 8 0.799988 6.20914 0.799988 4Z" - /> - { - setUndeglowIndex(76, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(76)} - stroke={stroke(76)} - strokeWidth={getStrokeWidth(76)} - dataLedIndex={getLEDIndex(76)} - dataKeyIndex={keyIndex(76)} - dataLayer={layer} - path="M0.700012 4C0.700012 1.79086 2.49087 0 4.70001 0H28C31.508 0 34.6 2.79102 34.6 6.6V21C34.6 23.2091 32.8091 25 30.6 25C28.3908 25 26.6 23.2091 26.6 21V8H4.70001C2.49087 8 0.700012 6.20914 0.700012 4Z" - /> - { - setUndeglowIndex(77, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(77)} - stroke={stroke(77)} - strokeWidth={getStrokeWidth(77)} - dataLedIndex={getLEDIndex(77)} - dataKeyIndex={keyIndex(77)} - dataLayer={layer} - path="M4.59998 0C6.80911 0 8.59998 1.79086 8.59998 4V34.8C8.59998 37.0091 6.80911 38.8 4.59998 38.8C2.39084 38.8 0.599976 37.0091 0.599976 34.8V4C0.599976 1.79086 2.39084 0 4.59998 0Z" - /> - { - setUndeglowIndex(78, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(78)} - stroke={stroke(78)} - strokeWidth={getStrokeWidth(78)} - dataLedIndex={getLEDIndex(78)} - dataKeyIndex={keyIndex(78)} - dataLayer={layer} - path="M23.7 0.799988C25.9092 0.799988 27.7 2.59085 27.7 4.79999V13.1C27.7 16.545 24.8707 19 21.8 19H8.09998V45.1C8.09998 47.3091 6.30911 49.1 4.09998 49.1C1.89084 49.1 0.0999756 47.3091 0.0999756 45.1V17.5C0.0999756 13.8908 2.99084 11 6.59998 11H19.7V4.79999C19.7 2.59085 21.4909 0.799988 23.7 0.799988Z" - /> - { - setUndeglowIndex(79, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(79)} - stroke={stroke(79)} - strokeWidth={getStrokeWidth(79)} - dataLedIndex={getLEDIndex(79)} - dataKeyIndex={keyIndex(79)} - dataLayer={layer} - path="M4.09998 0.0999756C6.30911 0.0999756 8.09998 1.89084 8.09998 4.09998V25H14.8C18.2091 25 21 27.7908 21 31.2V75C21 77.2091 19.2091 79 17 79C14.7909 79 13 77.2091 13 75V33H6C2.9293 33 0.0999756 30.5451 0.0999756 27.1V4.09998C0.0999756 1.89084 1.89084 0.0999756 4.09998 0.0999756Z" - /> - { - setUndeglowIndex(80, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(80)} - stroke={stroke(80)} - strokeWidth={getStrokeWidth(80)} - dataLedIndex={getLEDIndex(80)} - dataKeyIndex={keyIndex(80)} - dataLayer={layer} - path="M4.90002 0C7.10916 0 8.90002 1.79086 8.90002 4V14H25.2C28.7092 14 31.6 16.8909 31.6 20.4V69.7C31.6 71.9091 29.8091 73.7 27.6 73.7C25.3908 73.7 23.6 71.9091 23.6 69.7V22H7.09998C3.69073 22 0.900024 19.209 0.900024 15.8V4C0.900024 1.79086 2.69089 0 4.90002 0Z" - /> - { - setUndeglowIndex(81, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(81)} - stroke={stroke(81)} - strokeWidth={getStrokeWidth(81)} - dataLedIndex={getLEDIndex(81)} - dataKeyIndex={keyIndex(81)} - dataLayer={layer} - path="M8.79999 8.09998H23.6C25.8091 8.09998 27.6 6.30911 27.6 4.09998C27.6 1.89084 25.8091 0.0999756 23.6 0.0999756H6.70001C3.62932 0.0999756 0.799988 2.55488 0.799988 5.99997V46.3C0.799988 48.5091 2.59085 50.3 4.79999 50.3C7.00913 50.3 8.79999 48.5091 8.79999 46.3V8.09998Z" - /> - { - setUndeglowIndex(82, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(82)} - stroke={stroke(82)} - strokeWidth={getStrokeWidth(82)} - dataLedIndex={getLEDIndex(82)} - dataKeyIndex={keyIndex(82)} - dataLayer={layer} - path="M4.79999 0.299988C7.00913 0.299988 8.79999 2.09085 8.79999 4.29999V58.7C8.79999 60.9092 7.00913 62.7 4.79999 62.7C2.59085 62.7 0.799988 60.9092 0.799988 58.7V4.29999C0.799988 2.09085 2.59085 0.299988 4.79999 0.299988Z" - /> - { - setUndeglowIndex(83, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(83)} - stroke={stroke(83)} - strokeWidth={getStrokeWidth(83)} - dataLedIndex={getLEDIndex(83)} - dataKeyIndex={keyIndex(83)} - dataLayer={layer} - path="M39.7 0.700012C41.9092 0.700012 43.7 2.49087 43.7 4.70001V28C43.7 31.4091 40.9091 34.2 37.5 34.2H4C1.79086 34.2 0 32.4092 0 30.2C0 27.9909 1.79086 26.2 4 26.2H35.7V4.70001C35.7 2.49087 37.4909 0.700012 39.7 0.700012Z" - /> - { - setUndeglowIndex(84, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(84)} - stroke={stroke(84)} - strokeWidth={getStrokeWidth(84)} - dataLedIndex={getLEDIndex(84)} - dataKeyIndex={keyIndex(84)} - dataLayer={layer} - path="M10.4766 19.8859C10.4762 19.8877 10.4757 19.8895 10.4752 19.8913L8.07818 29.3797C7.53708 31.5216 5.36212 32.8193 3.22028 32.2782C1.07843 31.7371 -0.219235 29.5621 0.321862 27.4203L2.72479 17.9087C5.3749 7.5491 14.7616 0.200012 25.5 0.200012H58C60.2091 0.200012 62 1.99087 62 4.20001C62 6.40915 60.2091 8.20001 58 8.20001H25.5C18.4403 8.20001 12.2284 13.0483 10.4766 19.8859Z" - /> - - { - setUndeglowIndex(85, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(85)} - stroke={stroke(85)} - strokeWidth={getStrokeWidth(85)} - dataLedIndex={getLEDIndex(85)} - dataKeyIndex={keyIndex(85)} - dataLayer={layer} - path="M17.2891 0.924239C19.4296 1.47048 20.722 3.64854 20.1758 5.78908L7.87581 53.9891C7.32957 56.1296 5.15151 57.4221 3.01096 56.8758C0.870423 56.3296 -0.422017 54.1515 0.12422 52.011L12.4242 3.81098C12.9704 1.67044 15.1485 0.378002 17.2891 0.924239Z" - /> - { - setUndeglowIndex(86, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(86)} - stroke={stroke(86)} - strokeWidth={getStrokeWidth(86)} - dataLedIndex={getLEDIndex(86)} - dataKeyIndex={keyIndex(86)} - dataLayer={layer} - path="M16.8877 1.02387C19.0285 1.56937 20.3216 3.74699 19.7761 5.88772L7.87615 52.5877C7.33065 54.7284 5.15303 56.0216 3.0123 55.4761C0.871573 54.9306 -0.421619 52.753 0.123878 50.6123L12.0239 3.9123C12.5694 1.77157 14.747 0.478375 16.8877 1.02387Z" - /> - { - setUndeglowIndex(87, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(87)} - stroke={stroke(87)} - strokeWidth={getStrokeWidth(87)} - dataLedIndex={getLEDIndex(87)} - dataKeyIndex={keyIndex(87)} - dataLayer={layer} - path="M16.9955 0.625846C19.1351 1.17564 20.4239 3.35586 19.8741 5.49549L7.87413 52.1955C7.32433 54.3351 5.14412 55.6239 3.00449 55.0741C0.864862 54.5243 -0.423952 52.3441 0.125846 50.2045L12.1258 3.50449C12.6756 1.36486 14.8559 0.0760476 16.9955 0.625846Z" - /> + {leftUnderglowLEDSs.map(index => ( + { + setUndeglowIndex(index + 69, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(index + 69)} + stroke={stroke(index + 69)} + strokeWidth={getStrokeWidth(index + 69)} + dataLedIndex={getLEDIndex(index + 69)} + dataKeyIndex={keyIndex(index + 69)} + dataLayer={layer} + path="M0.800018 4.69995C0.800018 2.49081 2.59088 0.699951 4.80002 0.699951H52.9C55.1091 0.699951 56.9 2.49081 56.9 4.69995C56.9 6.90909 55.1091 8.69995 52.9 8.69995H4.80002C2.59088 8.69995 0.800018 6.90909 0.800018 4.69995Z" + /> + ))} - { - setUndeglowIndex(88, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(88)} - stroke={stroke(88)} - strokeWidth={getStrokeWidth(88)} - dataLedIndex={getLEDIndex(88)} - dataKeyIndex={keyIndex(88)} - dataLayer={layer} - path="M42.8873 0.323703C45.0281 0.868995 46.3215 3.04649 45.7762 5.18727L43.0762 15.7872L43.074 15.7961C39.9201 28.0612 28.8284 36.6999 16.1 36.6999H4.20001C1.99087 36.6999 0.200012 34.9091 0.200012 32.6999C0.200012 30.4908 1.99087 28.6999 4.20001 28.6999H16.1C25.1703 28.6999 33.0776 22.5404 35.325 13.8076C35.3254 13.8063 35.3257 13.805 35.326 13.8037L38.0238 3.2126C38.5691 1.07181 40.7465 -0.221588 42.8873 0.323703Z" - /> - { - setUndeglowIndex(89, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(89)} - stroke={stroke(89)} - strokeWidth={getStrokeWidth(89)} - dataLedIndex={getLEDIndex(89)} - dataKeyIndex={keyIndex(89)} - dataLayer={layer} - path="M0.100006 4.69995C0.100006 2.49081 1.89087 0.699951 4.10001 0.699951H52.2C54.4092 0.699951 56.2 2.49081 56.2 4.69995C56.2 6.90909 54.4092 8.69995 52.2 8.69995H4.10001C1.89087 8.69995 0.100006 6.90909 0.100006 4.69995Z" - /> - { - setUndeglowIndex(90, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(90)} - stroke={stroke(90)} - strokeWidth={getStrokeWidth(90)} - dataLedIndex={getLEDIndex(90)} - dataKeyIndex={keyIndex(90)} - dataLayer={layer} - path="M0 4.69995C0 2.49081 1.79086 0.699951 4 0.699951H52.1C54.3091 0.699951 56.1 2.49081 56.1 4.69995C56.1 6.90909 54.3091 8.69995 52.1 8.69995H4C1.79086 8.69995 0 6.90909 0 4.69995Z" - /> - { - setUndeglowIndex(91, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(91)} - stroke={stroke(91)} - strokeWidth={getStrokeWidth(91)} - dataLedIndex={getLEDIndex(91)} - dataKeyIndex={keyIndex(91)} - dataLayer={layer} - path="M0.900024 4.69995C0.900024 2.49081 2.69089 0.699951 4.90002 0.699951H53C55.2092 0.699951 57 2.49081 57 4.69995C57 6.90909 55.2092 8.69995 53 8.69995H4.90002C2.69089 8.69995 0.900024 6.90909 0.900024 4.69995Z" - /> - { - setUndeglowIndex(92, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(92)} - stroke={stroke(92)} - strokeWidth={getStrokeWidth(92)} - dataLedIndex={getLEDIndex(92)} - dataKeyIndex={keyIndex(92)} - dataLayer={layer} - path="M0.800018 4.69995C0.800018 2.49081 2.59088 0.699951 4.80002 0.699951H52.9C55.1091 0.699951 56.9 2.49081 56.9 4.69995C56.9 6.90909 55.1091 8.69995 52.9 8.69995H4.80002C2.59088 8.69995 0.800018 6.90909 0.800018 4.69995Z" - /> - { - setUndeglowIndex(93, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(93)} - stroke={stroke(93)} - strokeWidth={getStrokeWidth(93)} - dataLedIndex={getLEDIndex(93)} - dataKeyIndex={keyIndex(93)} - dataLayer={layer} - path="M0.700012 4.69995C0.700012 2.49081 2.49087 0.699951 4.70001 0.699951H52.8C55.0092 0.699951 56.8 2.49081 56.8 4.69995C56.8 6.90909 55.0092 8.69995 52.8 8.69995H4.70001C2.49087 8.69995 0.700012 6.90909 0.700012 4.69995Z" - /> - - { - setUndeglowIndex(94, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(94)} - stroke={stroke(94)} - strokeWidth={getStrokeWidth(94)} - dataLedIndex={getLEDIndex(94)} - dataKeyIndex={keyIndex(94)} - dataLayer={layer} - path="M4.33621 0.603272C6.54349 0.51281 8.40619 2.22883 8.49665 4.43612L8.99696 16.6438C9.41316 27.2986 18.1499 35.7 28.8 35.7H40.8C43.0091 35.7 44.8 37.4908 44.8 39.7C44.8 41.9091 43.0091 43.7 40.8 43.7H28.8C13.8514 43.7 1.58901 31.9034 1.00321 16.96C1.00315 16.9587 1.0031 16.9574 1.00305 16.9561L0.503357 4.76371C0.412895 2.55643 2.12892 0.693734 4.33621 0.603272Z" - /> - { - setUndeglowIndex(95, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(95)} - stroke={stroke(95)} - strokeWidth={getStrokeWidth(95)} - dataLedIndex={getLEDIndex(95)} - dataKeyIndex={keyIndex(95)} - dataLayer={layer} - path="M3.94994 0.502871C6.15752 0.419977 8.01432 2.14238 8.09721 4.34996L9.99721 54.9499C10.0801 57.1575 8.3577 59.0143 6.15012 59.0972C3.94254 59.1801 2.08574 57.4577 2.00285 55.2501L0.102846 4.65015C0.0199528 2.44256 1.74235 0.585764 3.94994 0.502871Z" - /> - { - setUndeglowIndex(96, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(96)} - stroke={stroke(96)} - strokeWidth={getStrokeWidth(96)} - dataLedIndex={getLEDIndex(96)} - dataKeyIndex={keyIndex(96)} - dataLayer={layer} - path="M4.6504 0.102766C6.85799 0.0201532 8.71457 1.74279 8.79718 3.95038L10.5972 52.0504C10.6798 54.258 8.95716 56.1146 6.74957 56.1972C4.54197 56.2798 2.68539 54.5572 2.60278 52.3496L0.802778 4.24955C0.720165 2.04196 2.4428 0.185379 4.6504 0.102766Z" - /> - { - setUndeglowIndex(97, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(97)} - stroke={stroke(97)} - strokeWidth={getStrokeWidth(97)} - dataLedIndex={getLEDIndex(97)} - dataKeyIndex={keyIndex(97)} - dataLayer={layer} - path="M4.34438 0.00302495C6.55184 -0.0829216 8.41102 1.63691 8.49697 3.84438L10.397 52.6444C10.4829 54.8518 8.76308 56.711 6.55562 56.797C4.34815 56.8829 2.48897 55.1631 2.40302 52.9556L0.503025 4.15562C0.417078 1.94815 2.13691 0.0889713 4.34438 0.00302495Z" - /> - { - setUndeglowIndex(98, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(98)} - stroke={stroke(98)} - strokeWidth={getStrokeWidth(98)} - dataLedIndex={getLEDIndex(98)} - dataKeyIndex={keyIndex(98)} - dataLayer={layer} - path="M4.04375 0.103087C6.2512 0.0167875 8.11066 1.73632 8.19696 3.94377L10.097 52.5438C10.1833 54.7512 8.46372 56.6107 6.25627 56.697C4.04882 56.7833 2.18936 55.0638 2.10306 52.8563L0.203063 4.25629C0.116763 2.04884 1.8363 0.189387 4.04375 0.103087Z" - /> - { - setUndeglowIndex(99, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(99)} - stroke={stroke(99)} - strokeWidth={getStrokeWidth(99)} - dataLedIndex={getLEDIndex(99)} - dataKeyIndex={keyIndex(99)} - dataLayer={layer} - path="M3.85041 0.702803C6.058 0.62019 7.91458 2.34283 7.99719 4.55042L9.79719 52.6504C9.87981 54.858 8.15717 56.7146 5.94958 56.7972C3.74198 56.8798 1.8854 55.1572 1.80279 52.9496L0.00279041 4.84959C-0.0798223 2.64199 1.64282 0.785415 3.85041 0.702803Z" - /> - { - setUndeglowIndex(100, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(100)} - stroke={stroke(100)} - strokeWidth={getStrokeWidth(100)} - dataLedIndex={getLEDIndex(100)} - dataKeyIndex={keyIndex(100)} - dataLayer={layer} - path="M23.0408 1.35978C24.9408 2.48689 25.5673 4.94082 24.4402 6.84081L17.4431 18.6359C17.4426 18.6367 17.4422 18.6376 17.4417 18.6384C11.0361 29.4725 7.92564 41.8123 8.39723 54.4509L8.39765 54.4622L8.49764 57.3622C8.57377 59.57 6.84569 61.4215 4.63786 61.4976C2.43004 61.5738 0.578521 59.8457 0.502389 57.6379L0.402794 54.7492C0.402722 54.7472 0.40265 54.7453 0.402578 54.7434C-0.12463 40.5849 3.36449 26.7277 10.5569 14.5641L17.5598 2.7592C18.6869 0.859215 21.1408 0.232675 23.0408 1.35978Z" - /> - { - setUndeglowIndex(101, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(101)} - stroke={stroke(101)} - strokeWidth={getStrokeWidth(101)} - dataLedIndex={getLEDIndex(101)} - dataKeyIndex={keyIndex(101)} - dataLayer={layer} - path="M25.6 0C27.8092 0 29.6 1.79086 29.6 4C29.6 17.1069 26.1123 30.0156 19.3375 41.3455C19.3359 41.3481 19.3344 41.3507 19.3328 41.3533L7.44202 61.4378C6.31657 63.3388 3.86318 63.9674 1.96221 62.842C0.0612503 61.7165 -0.56743 59.2632 0.558016 57.3622L12.4626 37.2545L12.4672 37.2467C18.4893 27.1786 21.6 15.6901 21.6 4C21.6 1.79086 23.3909 0 25.6 0Z" - /> - { - setUndeglowIndex(102, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(102)} - stroke={stroke(102)} - strokeWidth={getStrokeWidth(102)} - dataLedIndex={getLEDIndex(102)} - dataKeyIndex={keyIndex(102)} - dataLayer={layer} - path="M4.60004 0.400024C6.80918 0.400024 8.60004 2.19089 8.60004 4.40002V43.3C8.60004 45.5092 6.80918 47.3 4.60004 47.3C2.3909 47.3 0.600037 45.5092 0.600037 43.3V4.40002C0.600037 2.19089 2.3909 0.400024 4.60004 0.400024Z" - /> - { - setUndeglowIndex(103, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(103)} - stroke={stroke(103)} - strokeWidth={getStrokeWidth(103)} - dataLedIndex={getLEDIndex(103)} - dataKeyIndex={keyIndex(103)} - dataLayer={layer} - path="M4.60004 0.400024C6.80918 0.400024 8.60004 2.19089 8.60004 4.40002V44.3C8.60004 46.5092 6.80918 48.3 4.60004 48.3C2.3909 48.3 0.600037 46.5092 0.600037 44.3V4.40002C0.600037 2.19089 2.3909 0.400024 4.60004 0.400024Z" - /> - { - setUndeglowIndex(104, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(104)} - stroke={stroke(104)} - strokeWidth={getStrokeWidth(104)} - dataLedIndex={getLEDIndex(104)} - dataKeyIndex={keyIndex(104)} - dataLayer={layer} - path="M4.60004 0.400024C6.80918 0.400024 8.60004 2.19089 8.60004 4.40002V43.4C8.60004 45.6092 6.80918 47.4 4.60004 47.4C2.3909 47.4 0.600037 45.6092 0.600037 43.4V4.40002C0.600037 2.19089 2.3909 0.400024 4.60004 0.400024Z" - /> + {rightUnderglowLEDSs.map(index => ( + { + setUndeglowIndex(index + 121, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(index + 121)} + stroke={stroke(index + 121)} + strokeWidth={getStrokeWidth(index + 121)} + dataLedIndex={getLEDIndex(index + 121)} + dataKeyIndex={keyIndex(index + 121)} + dataLayer={layer} + path="M0.800018 4.69995C0.800018 2.49081 2.59088 0.699951 4.80002 0.699951H52.9C55.1091 0.699951 56.9 2.49081 56.9 4.69995C56.9 6.90909 55.1091 8.69995 52.9 8.69995H4.80002C2.59088 8.69995 0.800018 6.90909 0.800018 4.69995Z" + /> + ))} - {/* End Left side */} - {/* Right side */} - { - setUndeglowIndex(105, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(105)} - stroke={stroke(105)} - strokeWidth={getStrokeWidth(105)} - dataLedIndex={getLEDIndex(105)} - dataKeyIndex={keyIndex(105)} - dataLayer={layer} - path="M4 0C6.20914 0 8 1.79086 8 4V47.8C8 50.0091 6.20914 51.8 4 51.8C1.79086 51.8 0 50.0091 0 47.8V4C0 1.79086 1.79086 0 4 0Z" - /> - { - setUndeglowIndex(106, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(106)} - stroke={stroke(106)} - strokeWidth={getStrokeWidth(106)} - dataLedIndex={getLEDIndex(106)} - dataKeyIndex={keyIndex(106)} - dataLayer={layer} - path="M0.599976 4C0.599976 1.79086 2.39084 0 4.59998 0H16.6C32.8091 0 46 13.1909 46 29.4C46 31.6091 44.2091 33.4 42 33.4C39.7909 33.4 38 31.6091 38 29.4C38 17.6091 28.3908 8 16.6 8H4.59998C2.39084 8 0.599976 6.20914 0.599976 4Z" - /> - { - setUndeglowIndex(107, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(107)} - stroke={stroke(107)} - strokeWidth={getStrokeWidth(107)} - dataLedIndex={getLEDIndex(107)} - dataKeyIndex={keyIndex(107)} - dataLayer={layer} - path="M0.199951 4C0.199951 1.79086 1.99081 0 4.19995 0H59.6C61.8091 0 63.6 1.79086 63.6 4C63.6 6.20914 61.8091 8 59.6 8H4.19995C1.99081 8 0.199951 6.20914 0.199951 4Z" - /> - { - setUndeglowIndex(108, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(108)} - stroke={stroke(108)} - strokeWidth={getStrokeWidth(108)} - dataLedIndex={getLEDIndex(108)} - dataKeyIndex={keyIndex(108)} - dataLayer={layer} - path="M0.900024 4C0.900024 1.79086 2.69089 0 4.90002 0H65.2C67.4091 0 69.2 1.79086 69.2 4C69.2 6.20914 67.4091 8 65.2 8H4.90002C2.69089 8 0.900024 6.20914 0.900024 4Z" - /> - { - setUndeglowIndex(109, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(109)} - stroke={stroke(109)} - strokeWidth={getStrokeWidth(109)} - dataLedIndex={getLEDIndex(109)} - dataKeyIndex={keyIndex(109)} - dataLayer={layer} - path="M0.5 4C0.5 1.79086 2.29086 0 4.5 0H64.9C67.1092 0 68.9 1.79086 68.9 4C68.9 6.20914 67.1092 8 64.9 8H4.5C2.29086 8 0.5 6.20914 0.5 4Z" - /> - { - setUndeglowIndex(110, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(110)} - stroke={stroke(110)} - strokeWidth={getStrokeWidth(110)} - dataLedIndex={getLEDIndex(110)} - dataKeyIndex={keyIndex(110)} - dataLayer={layer} - path="M0.200012 4C0.200012 1.79086 1.99087 0 4.20001 0H64.5C66.7091 0 68.5 1.79086 68.5 4C68.5 6.20914 66.7091 8 64.5 8H4.20001C1.99087 8 0.200012 6.20914 0.200012 4Z" - /> - { - setUndeglowIndex(111, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(111)} - stroke={stroke(111)} - strokeWidth={getStrokeWidth(111)} - dataLedIndex={getLEDIndex(111)} - dataKeyIndex={keyIndex(111)} - dataLayer={layer} - path="M0.799988 4C0.799988 1.79086 2.59085 0 4.79999 0H65.2C67.4091 0 69.2 1.79086 69.2 4C69.2 6.20914 67.4091 8 65.2 8H4.79999C2.59085 8 0.799988 6.20914 0.799988 4Z" - /> - { - setUndeglowIndex(112, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(112)} - stroke={stroke(112)} - strokeWidth={getStrokeWidth(112)} - dataLedIndex={getLEDIndex(112)} - dataKeyIndex={keyIndex(112)} - dataLayer={layer} - path="M0.400024 4C0.400024 1.79086 2.19089 0 4.40002 0H64.8C67.0091 0 68.8 1.79086 68.8 4C68.8 6.20914 67.0091 8 64.8 8H4.40002C2.19089 8 0.400024 6.20914 0.400024 4Z" - /> - { - setUndeglowIndex(113, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(113)} - stroke={stroke(113)} - strokeWidth={getStrokeWidth(113)} - dataLedIndex={getLEDIndex(113)} - dataKeyIndex={keyIndex(113)} - dataLayer={layer} - path="M0.0999756 4C0.0999756 1.79086 1.89084 0 4.09998 0H64.4C66.6092 0 68.4 1.79086 68.4 4C68.4 6.20914 66.6092 8 64.4 8H4.09998C1.89084 8 0.0999756 6.20914 0.0999756 4Z" - /> - { - setUndeglowIndex(114, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(114)} - stroke={stroke(114)} - strokeWidth={getStrokeWidth(114)} - dataLedIndex={getLEDIndex(114)} - dataKeyIndex={keyIndex(114)} - dataLayer={layer} - path="M8 8H25C27.2091 8 29 6.20914 29 4C29 1.79086 27.2091 0 25 0H6.59998C3.09201 0 0 2.79102 0 6.6V21C0 23.2091 1.79086 25 4 25C6.20914 25 8 23.2091 8 21V8Z" - /> - { - setUndeglowIndex(115, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(115)} - stroke={stroke(115)} - strokeWidth={getStrokeWidth(115)} - dataLedIndex={getLEDIndex(115)} - dataKeyIndex={keyIndex(115)} - dataLayer={layer} - path="M4 0C6.20914 0 8 1.79086 8 4V34.8C8 37.0091 6.20914 38.8 4 38.8C1.79086 38.8 0 37.0091 0 34.8V4C0 1.79086 1.79086 0 4 0Z" - /> - { - setUndeglowIndex(116, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(116)} - stroke={stroke(116)} - strokeWidth={getStrokeWidth(116)} - dataLedIndex={getLEDIndex(116)} - dataKeyIndex={keyIndex(116)} - dataLayer={layer} - path="M25 0.799988C27.2091 0.799988 29 2.59085 29 4.79999V26.5C29 30.1091 26.1091 33 22.5 33H8.5V45.1C8.5 47.3091 6.70914 49.1 4.5 49.1C2.29086 49.1 0.5 47.3091 0.5 45.1V31.1C0.5 27.9155 3.06816 25 6.59998 25H21V4.79999C21 2.59085 22.7909 0.799988 25 0.799988Z" - /> - { - setUndeglowIndex(117, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(117)} - stroke={stroke(117)} - strokeWidth={getStrokeWidth(117)} - dataLedIndex={getLEDIndex(117)} - dataKeyIndex={keyIndex(117)} - dataLayer={layer} - path="M4.59998 0.0999756C6.80911 0.0999756 8.59998 1.89084 8.59998 4.09998V9.99997H14.6C18.009 9.99997 20.7 12.6908 20.7 16.1V44C20.7 46.2091 18.9092 48 16.7 48C14.4909 48 12.7 46.2091 12.7 44V18H6.29999C3.34636 18 0.599976 15.6615 0.599976 12.3V4.09998C0.599976 1.89084 2.39084 0.0999756 4.59998 0.0999756Z" - /> - { - setUndeglowIndex(118, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(118)} - stroke={stroke(118)} - strokeWidth={getStrokeWidth(118)} - dataLedIndex={getLEDIndex(118)} - dataKeyIndex={keyIndex(118)} - dataLayer={layer} - path="M4.70001 0.400024C6.90915 0.400024 8.70001 2.19089 8.70001 4.40002V26.9H31.5C35.1091 26.9 38 29.7909 38 33.4V51C38 53.2092 36.2091 55 34 55C31.7909 55 30 53.2092 30 51V34.9H7.09998C3.59077 34.9 0.700012 32.0091 0.700012 28.5V4.40002C0.700012 2.19089 2.49087 0.400024 4.70001 0.400024Z" - /> - { - setUndeglowIndex(119, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(119)} - stroke={stroke(119)} - strokeWidth={getStrokeWidth(119)} - dataLedIndex={getLEDIndex(119)} - dataKeyIndex={keyIndex(119)} - dataLayer={layer} - path="M4 0C6.20914 0 8 1.79086 8 4V39C8 41.2091 6.20914 43 4 43C1.79086 43 0 41.2091 0 39V4C0 1.79086 1.79086 0 4 0Z" - /> - { - setUndeglowIndex(120, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(120)} - stroke={stroke(120)} - strokeWidth={getStrokeWidth(120)} - dataLedIndex={getLEDIndex(120)} - dataKeyIndex={keyIndex(120)} - dataLayer={layer} - path="M22.9 0C25.1092 0 26.9 1.79086 26.9 4V20.7C26.9 24.1092 24.1091 26.9 20.7 26.9H8.79999V49.5C8.79999 51.7091 7.00913 53.5 4.79999 53.5C2.59085 53.5 0.799988 51.7091 0.799988 49.5V24.8C0.799988 21.7291 3.25509 18.9 6.70001 18.9H18.9V4C18.9 1.79086 20.6909 0 22.9 0Z" - /> - { - setUndeglowIndex(121, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(121)} - stroke={stroke(121)} - strokeWidth={getStrokeWidth(121)} - dataLedIndex={getLEDIndex(121)} - dataKeyIndex={keyIndex(121)} - dataLayer={layer} - path="M4.79999 0.5C7.00913 0.5 8.79999 2.29086 8.79999 4.5V59.7C8.79999 61.9092 7.00913 63.7 4.79999 63.7C2.59085 63.7 0.799988 61.9092 0.799988 59.7V4.5C0.799988 2.29086 2.59085 0.5 4.79999 0.5Z" - /> - { - setUndeglowIndex(122, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(122)} - stroke={stroke(122)} - strokeWidth={getStrokeWidth(122)} - dataLedIndex={getLEDIndex(122)} - dataKeyIndex={keyIndex(122)} - dataLayer={layer} - path="M4.90002 0.700012C7.10916 0.700012 8.90002 2.49087 8.90002 4.70001V26.2H56.8C59.0091 26.2 60.8 27.9909 60.8 30.2C60.8 32.4092 59.0091 34.2 56.8 34.2H7.29999C3.79072 34.2 0.900024 31.309 0.900024 27.8V4.70001C0.900024 2.49087 2.69089 0.700012 4.90002 0.700012Z" - /> - { - setUndeglowIndex(123, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(123)} - stroke={stroke(123)} - strokeWidth={getStrokeWidth(123)} - dataLedIndex={getLEDIndex(123)} - dataKeyIndex={keyIndex(123)} - dataLayer={layer} - path="M0.900024 4.20001C0.900024 1.99087 2.69089 0.200012 4.90002 0.200012H21.9C32.1208 0.200012 41.1202 7.13183 43.6749 17.1076L43.6768 17.115L46.7787 29.4224C47.3186 31.5646 46.0197 33.7388 43.8776 34.2787C41.7354 34.8186 39.5612 33.5197 39.0213 31.3776L35.925 19.0924C35.9245 19.0901 35.9239 19.0879 35.9233 19.0856C34.2757 12.665 28.477 8.20001 21.9 8.20001H4.90002C2.69089 8.20001 0.900024 6.40915 0.900024 4.20001Z" - /> - { - setUndeglowIndex(124, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(124)} - stroke={stroke(124)} - strokeWidth={getStrokeWidth(124)} - dataLedIndex={getLEDIndex(124)} - dataKeyIndex={keyIndex(124)} - dataLayer={layer} - path="M3.11746 0.722562C5.25892 0.179929 7.43481 1.47603 7.97744 3.61749L19.1775 47.8175C19.7201 49.9589 18.424 52.1348 16.2825 52.6775C14.1411 53.2201 11.9652 51.924 11.4225 49.7825L0.222531 5.58254C-0.320101 3.44108 0.976003 1.2652 3.11746 0.722562Z" - /> - { - setUndeglowIndex(125, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(125)} - stroke={stroke(125)} - strokeWidth={getStrokeWidth(125)} - dataLedIndex={getLEDIndex(125)} - dataKeyIndex={keyIndex(125)} - dataLayer={layer} - path="M3.20932 0.124611C5.34963 -0.422535 7.52824 0.86898 8.07539 3.00929L21.6754 56.2093C22.2225 58.3496 20.931 60.5282 18.7907 61.0754C16.6504 61.6225 14.4718 60.331 13.9246 58.1907L0.324639 4.99068C-0.222507 2.85037 1.06901 0.671757 3.20932 0.124611Z" - /> - { - setUndeglowIndex(126, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(126)} - stroke={stroke(126)} - strokeWidth={getStrokeWidth(126)} - dataLedIndex={getLEDIndex(126)} - dataKeyIndex={keyIndex(126)} - dataLayer={layer} - path="M3.81562 0.923041C5.95683 0.379395 8.13333 1.67447 8.67697 3.81567L20.077 48.7157C20.6206 50.8569 19.3256 53.0334 17.1844 53.577C15.0432 54.1207 12.8667 52.8256 12.323 50.6844L0.922995 5.78439C0.379349 3.64319 1.67442 1.46669 3.81562 0.923041Z" - /> - { - setUndeglowIndex(127, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(127)} - stroke={stroke(127)} - strokeWidth={getStrokeWidth(127)} - dataLedIndex={getLEDIndex(127)} - dataKeyIndex={keyIndex(127)} - dataLayer={layer} - path="M3.60223 0.326377C5.74154 -0.224663 7.92251 1.06288 8.47355 3.20219L10.174 9.80375C12.4201 18.5386 20.3284 24.6999 29.4 24.6999H41.3C43.5091 24.6999 45.3 26.4908 45.3 28.6999C45.3 30.9091 43.5091 32.6999 41.3 32.6999H29.4C16.6722 32.6999 5.58087 24.062 2.42643 11.7977C2.42633 11.7973 2.42623 11.7969 2.42614 11.7965C2.4261 11.7964 2.42618 11.7967 2.42614 11.7965L0.726417 5.19769C0.175376 3.05838 1.46292 0.877418 3.60223 0.326377Z" - /> - { - setUndeglowIndex(128, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(128)} - stroke={stroke(128)} - strokeWidth={getStrokeWidth(128)} - dataLedIndex={getLEDIndex(128)} - dataKeyIndex={keyIndex(128)} - dataLayer={layer} - path="M0.299988 4.69995C0.299988 2.49081 2.09085 0.699951 4.29999 0.699951H54.1C56.3091 0.699951 58.1 2.49081 58.1 4.69995C58.1 6.90909 56.3091 8.69995 54.1 8.69995H4.29999C2.09085 8.69995 0.299988 6.90909 0.299988 4.69995Z" - /> - { - setUndeglowIndex(129, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(129)} - stroke={stroke(129)} - strokeWidth={getStrokeWidth(129)} - dataLedIndex={getLEDIndex(129)} - dataKeyIndex={keyIndex(129)} - dataLayer={layer} - path="M0.0999756 4.69995C0.0999756 2.49081 1.89084 0.699951 4.09998 0.699951H53.8C56.0091 0.699951 57.8 2.49081 57.8 4.69995C57.8 6.90909 56.0091 8.69995 53.8 8.69995H4.09998C1.89084 8.69995 0.0999756 6.90909 0.0999756 4.69995Z" - /> - { - setUndeglowIndex(130, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(130)} - stroke={stroke(130)} - strokeWidth={getStrokeWidth(130)} - dataLedIndex={getLEDIndex(130)} - dataKeyIndex={keyIndex(130)} - dataLayer={layer} - path="M0.799988 4.69995C0.799988 2.49081 2.59085 0.699951 4.79999 0.699951H54.6C56.8091 0.699951 58.6 2.49081 58.6 4.69995C58.6 6.90909 56.8091 8.69995 54.6 8.69995H4.79999C2.59085 8.69995 0.799988 6.90909 0.799988 4.69995Z" - /> - { - setUndeglowIndex(131, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(131)} - stroke={stroke(131)} - strokeWidth={getStrokeWidth(131)} - dataLedIndex={getLEDIndex(131)} - dataKeyIndex={keyIndex(131)} - dataLayer={layer} - path="M0.599976 4.69995C0.599976 2.49081 2.39084 0.699951 4.59998 0.699951H54.4C56.6092 0.699951 58.4 2.49081 58.4 4.69995C58.4 6.90909 56.6092 8.69995 54.4 8.69995H4.59998C2.39084 8.69995 0.599976 6.90909 0.599976 4.69995Z" - /> - { - setUndeglowIndex(132, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(132)} - stroke={stroke(132)} - strokeWidth={getStrokeWidth(132)} - dataLedIndex={getLEDIndex(132)} - dataKeyIndex={keyIndex(132)} - dataLayer={layer} - path="M0.400024 4.69995C0.400024 2.49081 2.19089 0.699951 4.40002 0.699951H54.1C56.3091 0.699951 58.1 2.49081 58.1 4.69995C58.1 6.90909 56.3091 8.69995 54.1 8.69995H4.40002C2.19089 8.69995 0.400024 6.90909 0.400024 4.69995Z" - /> - { - setUndeglowIndex(133, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(133)} - stroke={stroke(133)} - strokeWidth={getStrokeWidth(133)} - dataLedIndex={getLEDIndex(133)} - dataKeyIndex={keyIndex(133)} - dataLayer={layer} - path="M0.0999756 4.69995C0.0999756 2.49081 1.89084 0.699951 4.09998 0.699951H48.8C51.0092 0.699951 52.8 2.49081 52.8 4.69995C52.8 6.90909 51.0092 8.69995 48.8 8.69995H4.09998C1.89084 8.69995 0.0999756 6.90909 0.0999756 4.69995Z" - /> - { - setUndeglowIndex(134, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(134)} - stroke={stroke(134)} - strokeWidth={getStrokeWidth(134)} - dataLedIndex={getLEDIndex(134)} - dataKeyIndex={keyIndex(134)} - dataLayer={layer} - path="M41.2494 0.00284587C43.457 0.0853778 45.1797 1.94189 45.0972 4.14949L44.6969 14.8562C44.1131 29.8014 31.85 41.6 16.9 41.6H4.90002C2.69089 41.6 0.900024 39.8092 0.900024 37.6C0.900024 35.3909 2.69089 33.6 4.90002 33.6H16.9C27.5491 33.6 36.2851 25.2003 36.7029 14.547C36.7029 14.546 36.703 14.5449 36.703 14.5439L37.1028 3.85062C37.1853 1.64302 39.0418 -0.0796861 41.2494 0.00284587Z" - /> - { - setUndeglowIndex(135, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(135)} - stroke={stroke(135)} - strokeWidth={getStrokeWidth(135)} - dataLedIndex={getLEDIndex(135)} - dataKeyIndex={keyIndex(135)} - dataLayer={layer} - path="M6.65643 0.403021C8.86388 0.489418 10.5833 2.34895 10.4969 4.5564L8.49694 55.6564C8.41054 57.8638 6.55101 59.5833 4.34356 59.4969C2.13611 59.4105 0.41666 57.5509 0.503057 55.3435L2.50306 4.24352C2.58945 2.03608 4.44898 0.316624 6.65643 0.403021Z" - /> - { - setUndeglowIndex(136, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(136)} - stroke={stroke(136)} - strokeWidth={getStrokeWidth(136)} - dataLedIndex={getLEDIndex(136)} - dataKeyIndex={keyIndex(136)} - dataLayer={layer} - path="M6.95133 0.202868C9.15889 0.286422 10.8807 2.14374 10.7972 4.35129L8.89716 54.5513C8.8136 56.7589 6.95629 58.4807 4.74873 58.3972C2.54117 58.3136 0.819326 56.4563 0.90288 54.2487L2.8029 4.04872C2.88646 1.84116 4.74377 0.119314 6.95133 0.202868Z" - /> - { - setUndeglowIndex(137, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(137)} - stroke={stroke(137)} - strokeWidth={getStrokeWidth(137)} - dataLedIndex={getLEDIndex(137)} - dataKeyIndex={keyIndex(137)} - dataLayer={layer} - path="M6.35487 0.603034C8.56235 0.688595 10.2825 2.54747 10.1969 4.75496L8.19695 56.355C8.11138 58.5624 6.25251 60.2826 4.04502 60.197C1.83754 60.1115 0.117387 58.2526 0.202949 56.0451L2.20295 4.44511C2.28851 2.23763 4.14739 0.517473 6.35487 0.603034Z" - /> - { - setUndeglowIndex(138, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(138)} - stroke={stroke(138)} - strokeWidth={getStrokeWidth(138)} - dataLedIndex={getLEDIndex(138)} - dataKeyIndex={keyIndex(138)} - dataLayer={layer} - path="M6.6495 0.502787C8.85709 0.585356 10.5798 2.4419 10.4972 4.6495L8.59717 55.4495C8.5146 57.6571 6.65806 59.3798 4.45046 59.2972C2.24287 59.2146 0.520194 57.3581 0.602763 55.1505L2.50279 4.35049C2.58536 2.14289 4.4419 0.420218 6.6495 0.502787Z" - /> - { - setUndeglowIndex(139, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(139)} - stroke={stroke(139)} - strokeWidth={getStrokeWidth(139)} - dataLedIndex={getLEDIndex(139)} - dataKeyIndex={keyIndex(139)} - dataLayer={layer} - path="M6.04864 0.402717C8.25626 0.484802 9.97934 2.34097 9.89725 4.54858L7.99723 55.6486C7.91514 57.8562 6.05898 59.5793 3.85136 59.4972C1.64375 59.4151 -0.0793306 57.5589 0.0027541 55.3513L1.90278 4.25133C1.98486 2.04371 3.84103 0.320633 6.04864 0.402717Z" - /> - { - setUndeglowIndex(140, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(140)} - stroke={stroke(140)} - strokeWidth={getStrokeWidth(140)} - dataLedIndex={getLEDIndex(140)} - dataKeyIndex={keyIndex(140)} - dataLayer={layer} - path="M2.47487 0.650552C4.37995 -0.467912 6.83102 0.169767 7.94948 2.07485L17.0528 17.5805C23.5937 28.7634 27.194 41.4455 27.2999 54.3672C27.3181 56.5763 25.5419 58.3818 23.3329 58.3999C21.1238 58.418 19.3183 56.6418 19.3002 54.4328C19.2061 42.9555 16.0069 31.6387 10.1488 21.6222C10.1483 21.6213 10.1478 21.6204 10.1473 21.6195L1.05058 6.12516C-0.067888 4.22008 0.569791 1.76902 2.47487 0.650552Z" - /> - { - setUndeglowIndex(141, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(141)} - stroke={stroke(141)} - strokeWidth={getStrokeWidth(141)} - dataLedIndex={getLEDIndex(141)} - dataKeyIndex={keyIndex(141)} - dataLayer={layer} - path="M3.89836 0.801306C6.10679 0.745159 7.94259 2.48993 7.99873 4.69835C8.28164 15.8258 11.3946 26.7557 17.039 36.2571L17.0429 36.2637L26.7429 52.6637C27.8676 54.5651 27.2379 57.0182 25.3364 58.1429C23.435 59.2675 20.9819 58.6378 19.8572 56.7364L10.161 40.343C10.1604 40.3418 10.1597 40.3407 10.159 40.3396C3.8047 29.6418 0.318382 17.3729 0.00131795 4.90168C-0.0548284 2.69325 1.68994 0.857452 3.89836 0.801306Z" - /> - { - setUndeglowIndex(142, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(142)} - stroke={stroke(142)} - strokeWidth={getStrokeWidth(142)} - dataLedIndex={getLEDIndex(142)} - dataKeyIndex={keyIndex(142)} - dataLayer={layer} - path="M4 0.5C6.20914 0.5 8 2.29086 8 4.5V48C8 50.2091 6.20914 52 4 52C1.79086 52 0 50.2091 0 48V4.5C0 2.29086 1.79086 0.5 4 0.5Z" - /> - { - setUndeglowIndex(143, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(143)} - stroke={stroke(143)} - strokeWidth={getStrokeWidth(143)} - dataLedIndex={getLEDIndex(143)} - dataKeyIndex={keyIndex(143)} - dataLayer={layer} - path="M4 0.900024C6.20914 0.900024 8 2.69089 8 4.90002V48.6C8 50.8092 6.20914 52.6 4 52.6C1.79086 52.6 0 50.8092 0 48.6V4.90002C0 2.69089 1.79086 0.900024 4 0.900024Z" - /> {/* End Right side */} diff --git a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js index e8e94acda..d61e581f6 100644 --- a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js +++ b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js @@ -25,7 +25,7 @@ import UnderGlowStrip from "../../hardware/UnderGlowStrip"; const XX = 255; const LEDS_LEFT_KEYS = 33; const LEDS_RIGHT_KEYS = 36; -const UNDERGLOW = 75; +const UNDERGLOW = 108; const LedMap = [ // LHS RHS [ @@ -131,6 +131,13 @@ const keysRowsPosition = { row6: 370, }; +const leftUnderglowLEDSs = Array(53) + .fill() + .map((_, i) => i); +const rightUnderglowLEDSs = Array(54) + .fill() + .map((_, i) => i); + class KeymapISO extends React.Component { constructor(props) { super(props); @@ -177,7 +184,7 @@ class KeymapISO extends React.Component { const colormap = this.props.colormap || - Array(144) + Array(UNDERGLOW + LEDS_LEFT_KEYS + LEDS_RIGHT_KEYS) .fill() .map(() => 0); const palette = @@ -347,14 +354,14 @@ class KeymapISO extends React.Component { color="#b4b4b4" id="neuron_led" onClick={e => { - setUndeglowIndex(144, e); + setUndeglowIndex(176, e); }} className="key" - fill={getColor(144)} - stroke={stroke(144)} - strokeWidth={getStrokeWidth(144)} - dataLedIndex={getLEDIndex(144)} - dataKeyIndex={keyIndex(144)} + fill={getColor(176)} + stroke={stroke(176)} + strokeWidth={getStrokeWidth(176)} + dataLedIndex={getLEDIndex(176)} + dataKeyIndex={keyIndex(176)} dataLayer={layer} /> @@ -1674,1362 +1681,51 @@ class KeymapISO extends React.Component { {/* Left side */} - { - setUndeglowIndex(69, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(69)} - stroke={stroke(69)} - strokeWidth={getStrokeWidth(69)} - dataLedIndex={getLEDIndex(69)} - dataKeyIndex={keyIndex(69)} - dataLayer={layer} - path="M0.600037 29.4C0.600037 13.1909 13.7909 0 30 0H42C44.2092 0 46 1.79086 46 4C46 6.20914 44.2092 8 42 8H30C18.2092 8 8.60004 17.6091 8.60004 29.4V41.4C8.60004 43.6091 6.80918 45.4 4.60004 45.4C2.3909 45.4 0.600037 43.6091 0.600037 41.4V29.4Z" - /> - { - setUndeglowIndex(70, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(70)} - stroke={stroke(70)} - strokeWidth={getStrokeWidth(70)} - dataLedIndex={getLEDIndex(70)} - dataKeyIndex={keyIndex(70)} - dataLayer={layer} - path="M0 4C0 1.79086 1.79086 0 4 0H64C66.2091 0 68 1.79086 68 4C68 6.20914 66.2091 8 64 8H4C1.79086 8 0 6.20914 0 4Z" - /> - { - setUndeglowIndex(71, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(71)} - stroke={stroke(71)} - strokeWidth={getStrokeWidth(71)} - dataLedIndex={getLEDIndex(71)} - dataKeyIndex={keyIndex(71)} - dataLayer={layer} - path="M0 4C0 1.79086 1.79086 0 4 0H63.9C66.1091 0 67.9 1.79086 67.9 4C67.9 6.20914 66.1091 8 63.9 8H4C1.79086 8 0 6.20914 0 4Z" - /> - { - setUndeglowIndex(72, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(72)} - stroke={stroke(72)} - strokeWidth={getStrokeWidth(72)} - dataLedIndex={getLEDIndex(72)} - dataKeyIndex={keyIndex(72)} - dataLayer={layer} - path="M0.900024 4C0.900024 1.79086 2.69089 0 4.90002 0H64.9C67.1092 0 68.9 1.79086 68.9 4C68.9 6.20914 67.1092 8 64.9 8H4.90002C2.69089 8 0.900024 6.20914 0.900024 4Z" - /> - { - setUndeglowIndex(73, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(73)} - stroke={stroke(73)} - strokeWidth={getStrokeWidth(73)} - dataLedIndex={getLEDIndex(73)} - dataKeyIndex={keyIndex(73)} - dataLayer={layer} - path="M0.899994 4C0.899994 1.79086 2.69085 0 4.89999 0H64.8C67.0091 0 68.8 1.79086 68.8 4C68.8 6.20914 67.0091 8 64.8 8H4.89999C2.69085 8 0.899994 6.20914 0.899994 4Z" - /> - { - setUndeglowIndex(74, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(74)} - stroke={stroke(74)} - strokeWidth={getStrokeWidth(74)} - dataLedIndex={getLEDIndex(74)} - dataKeyIndex={keyIndex(74)} - dataLayer={layer} - path="M0.799988 4C0.799988 1.79086 2.59085 0 4.79999 0H64.8C67.0091 0 68.8 1.79086 68.8 4C68.8 6.20914 67.0091 8 64.8 8H4.79999C2.59085 8 0.799988 6.20914 0.799988 4Z" - /> - { - setUndeglowIndex(75, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(75)} - stroke={stroke(75)} - strokeWidth={getStrokeWidth(75)} - dataLedIndex={getLEDIndex(75)} - dataKeyIndex={keyIndex(75)} - dataLayer={layer} - path="M0.799988 4C0.799988 1.79086 2.59085 0 4.79999 0H64.7C66.9091 0 68.7 1.79086 68.7 4C68.7 6.20914 66.9091 8 64.7 8H4.79999C2.59085 8 0.799988 6.20914 0.799988 4Z" - /> - { - setUndeglowIndex(76, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(76)} - stroke={stroke(76)} - strokeWidth={getStrokeWidth(76)} - dataLedIndex={getLEDIndex(76)} - dataKeyIndex={keyIndex(76)} - dataLayer={layer} - path="M0.700012 4C0.700012 1.79086 2.49087 0 4.70001 0H28C31.508 0 34.6 2.79102 34.6 6.6V21C34.6 23.2091 32.8091 25 30.6 25C28.3908 25 26.6 23.2091 26.6 21V8H4.70001C2.49087 8 0.700012 6.20914 0.700012 4Z" - /> - { - setUndeglowIndex(77, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(77)} - stroke={stroke(77)} - strokeWidth={getStrokeWidth(77)} - dataLedIndex={getLEDIndex(77)} - dataKeyIndex={keyIndex(77)} - dataLayer={layer} - path="M4.59998 0C6.80911 0 8.59998 1.79086 8.59998 4V34.8C8.59998 37.0091 6.80911 38.8 4.59998 38.8C2.39084 38.8 0.599976 37.0091 0.599976 34.8V4C0.599976 1.79086 2.39084 0 4.59998 0Z" - /> - { - setUndeglowIndex(78, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(78)} - stroke={stroke(78)} - strokeWidth={getStrokeWidth(78)} - dataLedIndex={getLEDIndex(78)} - dataKeyIndex={keyIndex(78)} - dataLayer={layer} - path="M23.7 0.799988C25.9092 0.799988 27.7 2.59085 27.7 4.79999V13.1C27.7 16.545 24.8707 19 21.8 19H8.09998V45.1C8.09998 47.3091 6.30911 49.1 4.09998 49.1C1.89084 49.1 0.0999756 47.3091 0.0999756 45.1V17.5C0.0999756 13.8908 2.99084 11 6.59998 11H19.7V4.79999C19.7 2.59085 21.4909 0.799988 23.7 0.799988Z" - /> - { - setUndeglowIndex(79, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(79)} - stroke={stroke(79)} - strokeWidth={getStrokeWidth(79)} - dataLedIndex={getLEDIndex(79)} - dataKeyIndex={keyIndex(79)} - dataLayer={layer} - path="M4.09998 0.0999756C6.30911 0.0999756 8.09998 1.89084 8.09998 4.09998V25H14.8C18.2091 25 21 27.7908 21 31.2V75C21 77.2091 19.2091 79 17 79C14.7909 79 13 77.2091 13 75V33H6C2.9293 33 0.0999756 30.5451 0.0999756 27.1V4.09998C0.0999756 1.89084 1.89084 0.0999756 4.09998 0.0999756Z" - /> - { - setUndeglowIndex(80, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(80)} - stroke={stroke(80)} - strokeWidth={getStrokeWidth(80)} - dataLedIndex={getLEDIndex(80)} - dataKeyIndex={keyIndex(80)} - dataLayer={layer} - path="M4.90002 0C7.10916 0 8.90002 1.79086 8.90002 4V14H25.2C28.7092 14 31.6 16.8909 31.6 20.4V69.7C31.6 71.9091 29.8091 73.7 27.6 73.7C25.3908 73.7 23.6 71.9091 23.6 69.7V22H7.09998C3.69073 22 0.900024 19.209 0.900024 15.8V4C0.900024 1.79086 2.69089 0 4.90002 0Z" - /> - { - setUndeglowIndex(81, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(81)} - stroke={stroke(81)} - strokeWidth={getStrokeWidth(81)} - dataLedIndex={getLEDIndex(81)} - dataKeyIndex={keyIndex(81)} - dataLayer={layer} - path="M8.79999 8.09998H23.6C25.8091 8.09998 27.6 6.30911 27.6 4.09998C27.6 1.89084 25.8091 0.0999756 23.6 0.0999756H6.70001C3.62932 0.0999756 0.799988 2.55488 0.799988 5.99997V46.3C0.799988 48.5091 2.59085 50.3 4.79999 50.3C7.00913 50.3 8.79999 48.5091 8.79999 46.3V8.09998Z" - /> - { - setUndeglowIndex(82, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(82)} - stroke={stroke(82)} - strokeWidth={getStrokeWidth(82)} - dataLedIndex={getLEDIndex(82)} - dataKeyIndex={keyIndex(82)} - dataLayer={layer} - path="M4.79999 0.299988C7.00913 0.299988 8.79999 2.09085 8.79999 4.29999V58.7C8.79999 60.9092 7.00913 62.7 4.79999 62.7C2.59085 62.7 0.799988 60.9092 0.799988 58.7V4.29999C0.799988 2.09085 2.59085 0.299988 4.79999 0.299988Z" - /> - { - setUndeglowIndex(83, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(83)} - stroke={stroke(83)} - strokeWidth={getStrokeWidth(83)} - dataLedIndex={getLEDIndex(83)} - dataKeyIndex={keyIndex(83)} - dataLayer={layer} - path="M39.7 0.700012C41.9092 0.700012 43.7 2.49087 43.7 4.70001V28C43.7 31.4091 40.9091 34.2 37.5 34.2H4C1.79086 34.2 0 32.4092 0 30.2C0 27.9909 1.79086 26.2 4 26.2H35.7V4.70001C35.7 2.49087 37.4909 0.700012 39.7 0.700012Z" - /> - { - setUndeglowIndex(84, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(84)} - stroke={stroke(84)} - strokeWidth={getStrokeWidth(84)} - dataLedIndex={getLEDIndex(84)} - dataKeyIndex={keyIndex(84)} - dataLayer={layer} - path="M10.4766 19.8859C10.4762 19.8877 10.4757 19.8895 10.4752 19.8913L8.07818 29.3797C7.53708 31.5216 5.36212 32.8193 3.22028 32.2782C1.07843 31.7371 -0.219235 29.5621 0.321862 27.4203L2.72479 17.9087C5.3749 7.5491 14.7616 0.200012 25.5 0.200012H58C60.2091 0.200012 62 1.99087 62 4.20001C62 6.40915 60.2091 8.20001 58 8.20001H25.5C18.4403 8.20001 12.2284 13.0483 10.4766 19.8859Z" - /> - { - setUndeglowIndex(85, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(85)} - stroke={stroke(85)} - strokeWidth={getStrokeWidth(85)} - dataLedIndex={getLEDIndex(85)} - dataKeyIndex={keyIndex(85)} - dataLayer={layer} - path="M17.2891 0.924239C19.4296 1.47048 20.722 3.64854 20.1758 5.78908L7.87581 53.9891C7.32957 56.1296 5.15151 57.4221 3.01096 56.8758C0.870423 56.3296 -0.422017 54.1515 0.12422 52.011L12.4242 3.81098C12.9704 1.67044 15.1485 0.378002 17.2891 0.924239Z" - /> - { - setUndeglowIndex(86, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(86)} - stroke={stroke(86)} - strokeWidth={getStrokeWidth(86)} - dataLedIndex={getLEDIndex(86)} - dataKeyIndex={keyIndex(86)} - dataLayer={layer} - path="M16.8877 1.02387C19.0285 1.56937 20.3216 3.74699 19.7761 5.88772L7.87615 52.5877C7.33065 54.7284 5.15303 56.0216 3.0123 55.4761C0.871573 54.9306 -0.421619 52.753 0.123878 50.6123L12.0239 3.9123C12.5694 1.77157 14.747 0.478375 16.8877 1.02387Z" - /> - { - setUndeglowIndex(87, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(87)} - stroke={stroke(87)} - strokeWidth={getStrokeWidth(87)} - dataLedIndex={getLEDIndex(87)} - dataKeyIndex={keyIndex(87)} - dataLayer={layer} - path="M16.9955 0.625846C19.1351 1.17564 20.4239 3.35586 19.8741 5.49549L7.87413 52.1955C7.32433 54.3351 5.14412 55.6239 3.00449 55.0741C0.864862 54.5243 -0.423952 52.3441 0.125846 50.2045L12.1258 3.50449C12.6756 1.36486 14.8559 0.0760476 16.9955 0.625846Z" - /> + {leftUnderglowLEDSs.map(index => ( + { + setUndeglowIndex(index + 69, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(index + 69)} + stroke={stroke(index + 69)} + strokeWidth={getStrokeWidth(index + 69)} + dataLedIndex={getLEDIndex(index + 69)} + dataKeyIndex={keyIndex(index + 69)} + dataLayer={layer} + path="M0.800018 4.69995C0.800018 2.49081 2.59088 0.699951 4.80002 0.699951H52.9C55.1091 0.699951 56.9 2.49081 56.9 4.69995C56.9 6.90909 55.1091 8.69995 52.9 8.69995H4.80002C2.59088 8.69995 0.800018 6.90909 0.800018 4.69995Z" + /> + ))} - { - setUndeglowIndex(88, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(88)} - stroke={stroke(88)} - strokeWidth={getStrokeWidth(88)} - dataLedIndex={getLEDIndex(88)} - dataKeyIndex={keyIndex(88)} - dataLayer={layer} - path="M42.8873 0.323703C45.0281 0.868995 46.3215 3.04649 45.7762 5.18727L43.0762 15.7872L43.074 15.7961C39.9201 28.0612 28.8284 36.6999 16.1 36.6999H4.20001C1.99087 36.6999 0.200012 34.9091 0.200012 32.6999C0.200012 30.4908 1.99087 28.6999 4.20001 28.6999H16.1C25.1703 28.6999 33.0776 22.5404 35.325 13.8076C35.3254 13.8063 35.3257 13.805 35.326 13.8037L38.0238 3.2126C38.5691 1.07181 40.7465 -0.221588 42.8873 0.323703Z" - /> - { - setUndeglowIndex(89, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(89)} - stroke={stroke(89)} - strokeWidth={getStrokeWidth(89)} - dataLedIndex={getLEDIndex(89)} - dataKeyIndex={keyIndex(89)} - dataLayer={layer} - path="M0.100006 4.69995C0.100006 2.49081 1.89087 0.699951 4.10001 0.699951H52.2C54.4092 0.699951 56.2 2.49081 56.2 4.69995C56.2 6.90909 54.4092 8.69995 52.2 8.69995H4.10001C1.89087 8.69995 0.100006 6.90909 0.100006 4.69995Z" - /> - { - setUndeglowIndex(90, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(90)} - stroke={stroke(90)} - strokeWidth={getStrokeWidth(90)} - dataLedIndex={getLEDIndex(90)} - dataKeyIndex={keyIndex(90)} - dataLayer={layer} - path="M0 4.69995C0 2.49081 1.79086 0.699951 4 0.699951H52.1C54.3091 0.699951 56.1 2.49081 56.1 4.69995C56.1 6.90909 54.3091 8.69995 52.1 8.69995H4C1.79086 8.69995 0 6.90909 0 4.69995Z" - /> - { - setUndeglowIndex(91, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(91)} - stroke={stroke(91)} - strokeWidth={getStrokeWidth(91)} - dataLedIndex={getLEDIndex(91)} - dataKeyIndex={keyIndex(91)} - dataLayer={layer} - path="M0.900024 4.69995C0.900024 2.49081 2.69089 0.699951 4.90002 0.699951H53C55.2092 0.699951 57 2.49081 57 4.69995C57 6.90909 55.2092 8.69995 53 8.69995H4.90002C2.69089 8.69995 0.900024 6.90909 0.900024 4.69995Z" - /> - { - setUndeglowIndex(92, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(92)} - stroke={stroke(92)} - strokeWidth={getStrokeWidth(92)} - dataLedIndex={getLEDIndex(92)} - dataKeyIndex={keyIndex(92)} - dataLayer={layer} - path="M0.800018 4.69995C0.800018 2.49081 2.59088 0.699951 4.80002 0.699951H52.9C55.1091 0.699951 56.9 2.49081 56.9 4.69995C56.9 6.90909 55.1091 8.69995 52.9 8.69995H4.80002C2.59088 8.69995 0.800018 6.90909 0.800018 4.69995Z" - /> - { - setUndeglowIndex(93, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(93)} - stroke={stroke(93)} - strokeWidth={getStrokeWidth(93)} - dataLedIndex={getLEDIndex(93)} - dataKeyIndex={keyIndex(93)} - dataLayer={layer} - path="M0.700012 4.69995C0.700012 2.49081 2.49087 0.699951 4.70001 0.699951H52.8C55.0092 0.699951 56.8 2.49081 56.8 4.69995C56.8 6.90909 55.0092 8.69995 52.8 8.69995H4.70001C2.49087 8.69995 0.700012 6.90909 0.700012 4.69995Z" - /> + {rightUnderglowLEDSs.map(index => ( + { + setUndeglowIndex(index + 121, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(index + 121)} + stroke={stroke(index + 121)} + strokeWidth={getStrokeWidth(index + 121)} + dataLedIndex={getLEDIndex(index + 121)} + dataKeyIndex={keyIndex(index + 121)} + dataLayer={layer} + path="M0.800018 4.69995C0.800018 2.49081 2.59088 0.699951 4.80002 0.699951H52.9C55.1091 0.699951 56.9 2.49081 56.9 4.69995C56.9 6.90909 55.1091 8.69995 52.9 8.69995H4.80002C2.59088 8.69995 0.800018 6.90909 0.800018 4.69995Z" + /> + ))} - { - setUndeglowIndex(94, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(94)} - stroke={stroke(94)} - strokeWidth={getStrokeWidth(94)} - dataLedIndex={getLEDIndex(94)} - dataKeyIndex={keyIndex(94)} - dataLayer={layer} - path="M4.33621 0.603272C6.54349 0.51281 8.40619 2.22883 8.49665 4.43612L8.99696 16.6438C9.41316 27.2986 18.1499 35.7 28.8 35.7H40.8C43.0091 35.7 44.8 37.4908 44.8 39.7C44.8 41.9091 43.0091 43.7 40.8 43.7H28.8C13.8514 43.7 1.58901 31.9034 1.00321 16.96C1.00315 16.9587 1.0031 16.9574 1.00305 16.9561L0.503357 4.76371C0.412895 2.55643 2.12892 0.693734 4.33621 0.603272Z" - /> - { - setUndeglowIndex(95, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(95)} - stroke={stroke(95)} - strokeWidth={getStrokeWidth(95)} - dataLedIndex={getLEDIndex(95)} - dataKeyIndex={keyIndex(95)} - dataLayer={layer} - path="M3.94994 0.502871C6.15752 0.419977 8.01432 2.14238 8.09721 4.34996L9.99721 54.9499C10.0801 57.1575 8.3577 59.0143 6.15012 59.0972C3.94254 59.1801 2.08574 57.4577 2.00285 55.2501L0.102846 4.65015C0.0199528 2.44256 1.74235 0.585764 3.94994 0.502871Z" - /> - { - setUndeglowIndex(96, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(96)} - stroke={stroke(96)} - strokeWidth={getStrokeWidth(96)} - dataLedIndex={getLEDIndex(96)} - dataKeyIndex={keyIndex(96)} - dataLayer={layer} - path="M4.6504 0.102766C6.85799 0.0201532 8.71457 1.74279 8.79718 3.95038L10.5972 52.0504C10.6798 54.258 8.95716 56.1146 6.74957 56.1972C4.54197 56.2798 2.68539 54.5572 2.60278 52.3496L0.802778 4.24955C0.720165 2.04196 2.4428 0.185379 4.6504 0.102766Z" - /> - { - setUndeglowIndex(97, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(97)} - stroke={stroke(97)} - strokeWidth={getStrokeWidth(97)} - dataLedIndex={getLEDIndex(97)} - dataKeyIndex={keyIndex(97)} - dataLayer={layer} - path="M4.34438 0.00302495C6.55184 -0.0829216 8.41102 1.63691 8.49697 3.84438L10.397 52.6444C10.4829 54.8518 8.76308 56.711 6.55562 56.797C4.34815 56.8829 2.48897 55.1631 2.40302 52.9556L0.503025 4.15562C0.417078 1.94815 2.13691 0.0889713 4.34438 0.00302495Z" - /> - { - setUndeglowIndex(98, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(98)} - stroke={stroke(98)} - strokeWidth={getStrokeWidth(98)} - dataLedIndex={getLEDIndex(98)} - dataKeyIndex={keyIndex(98)} - dataLayer={layer} - path="M4.04375 0.103087C6.2512 0.0167875 8.11066 1.73632 8.19696 3.94377L10.097 52.5438C10.1833 54.7512 8.46372 56.6107 6.25627 56.697C4.04882 56.7833 2.18936 55.0638 2.10306 52.8563L0.203063 4.25629C0.116763 2.04884 1.8363 0.189387 4.04375 0.103087Z" - /> - { - setUndeglowIndex(99, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(99)} - stroke={stroke(99)} - strokeWidth={getStrokeWidth(99)} - dataLedIndex={getLEDIndex(99)} - dataKeyIndex={keyIndex(99)} - dataLayer={layer} - path="M3.85041 0.702803C6.058 0.62019 7.91458 2.34283 7.99719 4.55042L9.79719 52.6504C9.87981 54.858 8.15717 56.7146 5.94958 56.7972C3.74198 56.8798 1.8854 55.1572 1.80279 52.9496L0.00279041 4.84959C-0.0798223 2.64199 1.64282 0.785415 3.85041 0.702803Z" - /> - { - setUndeglowIndex(100, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(100)} - stroke={stroke(100)} - strokeWidth={getStrokeWidth(100)} - dataLedIndex={getLEDIndex(100)} - dataKeyIndex={keyIndex(100)} - dataLayer={layer} - path="M23.0408 1.35978C24.9408 2.48689 25.5673 4.94082 24.4402 6.84081L17.4431 18.6359C17.4426 18.6367 17.4422 18.6376 17.4417 18.6384C11.0361 29.4725 7.92564 41.8123 8.39723 54.4509L8.39765 54.4622L8.49764 57.3622C8.57377 59.57 6.84569 61.4215 4.63786 61.4976C2.43004 61.5738 0.578521 59.8457 0.502389 57.6379L0.402794 54.7492C0.402722 54.7472 0.40265 54.7453 0.402578 54.7434C-0.12463 40.5849 3.36449 26.7277 10.5569 14.5641L17.5598 2.7592C18.6869 0.859215 21.1408 0.232675 23.0408 1.35978Z" - /> - { - setUndeglowIndex(101, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(101)} - stroke={stroke(101)} - strokeWidth={getStrokeWidth(101)} - dataLedIndex={getLEDIndex(101)} - dataKeyIndex={keyIndex(101)} - dataLayer={layer} - path="M25.6 0C27.8092 0 29.6 1.79086 29.6 4C29.6 17.1069 26.1123 30.0156 19.3375 41.3455C19.3359 41.3481 19.3344 41.3507 19.3328 41.3533L7.44202 61.4378C6.31657 63.3388 3.86318 63.9674 1.96221 62.842C0.0612503 61.7165 -0.56743 59.2632 0.558016 57.3622L12.4626 37.2545L12.4672 37.2467C18.4893 27.1786 21.6 15.6901 21.6 4C21.6 1.79086 23.3909 0 25.6 0Z" - /> - { - setUndeglowIndex(102, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(102)} - stroke={stroke(102)} - strokeWidth={getStrokeWidth(102)} - dataLedIndex={getLEDIndex(102)} - dataKeyIndex={keyIndex(102)} - dataLayer={layer} - path="M4.60004 0.400024C6.80918 0.400024 8.60004 2.19089 8.60004 4.40002V43.3C8.60004 45.5092 6.80918 47.3 4.60004 47.3C2.3909 47.3 0.600037 45.5092 0.600037 43.3V4.40002C0.600037 2.19089 2.3909 0.400024 4.60004 0.400024Z" - /> - { - setUndeglowIndex(103, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(103)} - stroke={stroke(103)} - strokeWidth={getStrokeWidth(103)} - dataLedIndex={getLEDIndex(103)} - dataKeyIndex={keyIndex(103)} - dataLayer={layer} - path="M4.60004 0.400024C6.80918 0.400024 8.60004 2.19089 8.60004 4.40002V44.3C8.60004 46.5092 6.80918 48.3 4.60004 48.3C2.3909 48.3 0.600037 46.5092 0.600037 44.3V4.40002C0.600037 2.19089 2.3909 0.400024 4.60004 0.400024Z" - /> - { - setUndeglowIndex(104, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(104)} - stroke={stroke(104)} - strokeWidth={getStrokeWidth(104)} - dataLedIndex={getLEDIndex(104)} - dataKeyIndex={keyIndex(104)} - dataLayer={layer} - path="M4.60004 0.400024C6.80918 0.400024 8.60004 2.19089 8.60004 4.40002V43.4C8.60004 45.6092 6.80918 47.4 4.60004 47.4C2.3909 47.4 0.600037 45.6092 0.600037 43.4V4.40002C0.600037 2.19089 2.3909 0.400024 4.60004 0.400024Z" - /> - - {/* End Left side */} - {/* Right side */} - { - setUndeglowIndex(105, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(105)} - stroke={stroke(105)} - strokeWidth={getStrokeWidth(105)} - dataLedIndex={getLEDIndex(105)} - dataKeyIndex={keyIndex(105)} - dataLayer={layer} - path="M4 0C6.20914 0 8 1.79086 8 4V47.8C8 50.0091 6.20914 51.8 4 51.8C1.79086 51.8 0 50.0091 0 47.8V4C0 1.79086 1.79086 0 4 0Z" - /> - { - setUndeglowIndex(106, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(106)} - stroke={stroke(106)} - strokeWidth={getStrokeWidth(106)} - dataLedIndex={getLEDIndex(106)} - dataKeyIndex={keyIndex(106)} - dataLayer={layer} - path="M0.599976 4C0.599976 1.79086 2.39084 0 4.59998 0H16.6C32.8091 0 46 13.1909 46 29.4C46 31.6091 44.2091 33.4 42 33.4C39.7909 33.4 38 31.6091 38 29.4C38 17.6091 28.3908 8 16.6 8H4.59998C2.39084 8 0.599976 6.20914 0.599976 4Z" - /> - { - setUndeglowIndex(107, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(107)} - stroke={stroke(107)} - strokeWidth={getStrokeWidth(107)} - dataLedIndex={getLEDIndex(107)} - dataKeyIndex={keyIndex(107)} - dataLayer={layer} - path="M0.199951 4C0.199951 1.79086 1.99081 0 4.19995 0H59.6C61.8091 0 63.6 1.79086 63.6 4C63.6 6.20914 61.8091 8 59.6 8H4.19995C1.99081 8 0.199951 6.20914 0.199951 4Z" - /> - { - setUndeglowIndex(101, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(108)} - stroke={stroke(108)} - strokeWidth={getStrokeWidth(108)} - dataLedIndex={getLEDIndex(108)} - dataKeyIndex={keyIndex(108)} - dataLayer={layer} - path="M0.900024 4C0.900024 1.79086 2.69089 0 4.90002 0H65.2C67.4091 0 69.2 1.79086 69.2 4C69.2 6.20914 67.4091 8 65.2 8H4.90002C2.69089 8 0.900024 6.20914 0.900024 4Z" - /> - { - setUndeglowIndex(109, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(109)} - stroke={stroke(109)} - strokeWidth={getStrokeWidth(109)} - dataLedIndex={getLEDIndex(109)} - dataKeyIndex={keyIndex(109)} - dataLayer={layer} - path="M0.5 4C0.5 1.79086 2.29086 0 4.5 0H64.9C67.1092 0 68.9 1.79086 68.9 4C68.9 6.20914 67.1092 8 64.9 8H4.5C2.29086 8 0.5 6.20914 0.5 4Z" - /> - { - setUndeglowIndex(110, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(110)} - stroke={stroke(110)} - strokeWidth={getStrokeWidth(110)} - dataLedIndex={getLEDIndex(110)} - dataKeyIndex={keyIndex(110)} - dataLayer={layer} - path="M0.200012 4C0.200012 1.79086 1.99087 0 4.20001 0H64.5C66.7091 0 68.5 1.79086 68.5 4C68.5 6.20914 66.7091 8 64.5 8H4.20001C1.99087 8 0.200012 6.20914 0.200012 4Z" - /> - { - setUndeglowIndex(111, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(111)} - stroke={stroke(111)} - strokeWidth={getStrokeWidth(111)} - dataLedIndex={getLEDIndex(111)} - dataKeyIndex={keyIndex(111)} - dataLayer={layer} - path="M0.799988 4C0.799988 1.79086 2.59085 0 4.79999 0H65.2C67.4091 0 69.2 1.79086 69.2 4C69.2 6.20914 67.4091 8 65.2 8H4.79999C2.59085 8 0.799988 6.20914 0.799988 4Z" - /> - { - setUndeglowIndex(112, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(112)} - stroke={stroke(112)} - strokeWidth={getStrokeWidth(112)} - dataLedIndex={getLEDIndex(112)} - dataKeyIndex={keyIndex(112)} - dataLayer={layer} - path="M0.400024 4C0.400024 1.79086 2.19089 0 4.40002 0H64.8C67.0091 0 68.8 1.79086 68.8 4C68.8 6.20914 67.0091 8 64.8 8H4.40002C2.19089 8 0.400024 6.20914 0.400024 4Z" - /> - { - setUndeglowIndex(113, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(113)} - stroke={stroke(113)} - strokeWidth={getStrokeWidth(113)} - dataLedIndex={getLEDIndex(113)} - dataKeyIndex={keyIndex(113)} - dataLayer={layer} - path="M0.0999756 4C0.0999756 1.79086 1.89084 0 4.09998 0H64.4C66.6092 0 68.4 1.79086 68.4 4C68.4 6.20914 66.6092 8 64.4 8H4.09998C1.89084 8 0.0999756 6.20914 0.0999756 4Z" - /> - { - setUndeglowIndex(114, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(114)} - stroke={stroke(114)} - strokeWidth={getStrokeWidth(114)} - dataLedIndex={getLEDIndex(114)} - dataKeyIndex={keyIndex(114)} - dataLayer={layer} - path="M8 8H25C27.2091 8 29 6.20914 29 4C29 1.79086 27.2091 0 25 0H6.59998C3.09201 0 0 2.79102 0 6.6V21C0 23.2091 1.79086 25 4 25C6.20914 25 8 23.2091 8 21V8Z" - /> - { - setUndeglowIndex(115, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(115)} - stroke={stroke(115)} - strokeWidth={getStrokeWidth(115)} - dataLedIndex={getLEDIndex(115)} - dataKeyIndex={keyIndex(115)} - dataLayer={layer} - path="M4 0C6.20914 0 8 1.79086 8 4V34.8C8 37.0091 6.20914 38.8 4 38.8C1.79086 38.8 0 37.0091 0 34.8V4C0 1.79086 1.79086 0 4 0Z" - /> - { - setUndeglowIndex(116, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(116)} - stroke={stroke(116)} - strokeWidth={getStrokeWidth(116)} - dataLedIndex={getLEDIndex(116)} - dataKeyIndex={keyIndex(116)} - dataLayer={layer} - path="M25 0.799988C27.2091 0.799988 29 2.59085 29 4.79999V26.5C29 30.1091 26.1091 33 22.5 33H8.5V45.1C8.5 47.3091 6.70914 49.1 4.5 49.1C2.29086 49.1 0.5 47.3091 0.5 45.1V31.1C0.5 27.9155 3.06816 25 6.59998 25H21V4.79999C21 2.59085 22.7909 0.799988 25 0.799988Z" - /> - { - setUndeglowIndex(117, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(117)} - stroke={stroke(117)} - strokeWidth={getStrokeWidth(117)} - dataLedIndex={getLEDIndex(117)} - dataKeyIndex={keyIndex(117)} - dataLayer={layer} - path="M4.59998 0.0999756C6.80911 0.0999756 8.59998 1.89084 8.59998 4.09998V9.99997H14.6C18.009 9.99997 20.7 12.6908 20.7 16.1V44C20.7 46.2091 18.9092 48 16.7 48C14.4909 48 12.7 46.2091 12.7 44V18H6.29999C3.34636 18 0.599976 15.6615 0.599976 12.3V4.09998C0.599976 1.89084 2.39084 0.0999756 4.59998 0.0999756Z" - /> - { - setUndeglowIndex(118, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(118)} - stroke={stroke(118)} - strokeWidth={getStrokeWidth(118)} - dataLedIndex={getLEDIndex(118)} - dataKeyIndex={keyIndex(118)} - dataLayer={layer} - path="M4.70001 0.400024C6.90915 0.400024 8.70001 2.19089 8.70001 4.40002V26.9H31.5C35.1091 26.9 38 29.7909 38 33.4V51C38 53.2092 36.2091 55 34 55C31.7909 55 30 53.2092 30 51V34.9H7.09998C3.59077 34.9 0.700012 32.0091 0.700012 28.5V4.40002C0.700012 2.19089 2.49087 0.400024 4.70001 0.400024Z" - /> - { - setUndeglowIndex(119, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(119)} - stroke={stroke(119)} - strokeWidth={getStrokeWidth(119)} - dataLedIndex={getLEDIndex(119)} - dataKeyIndex={keyIndex(119)} - dataLayer={layer} - path="M4 0C6.20914 0 8 1.79086 8 4V39C8 41.2091 6.20914 43 4 43C1.79086 43 0 41.2091 0 39V4C0 1.79086 1.79086 0 4 0Z" - /> - { - setUndeglowIndex(120, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(120)} - stroke={stroke(120)} - strokeWidth={getStrokeWidth(120)} - dataLedIndex={getLEDIndex(120)} - dataKeyIndex={keyIndex(120)} - dataLayer={layer} - path="M22.9 0C25.1092 0 26.9 1.79086 26.9 4V20.7C26.9 24.1092 24.1091 26.9 20.7 26.9H8.79999V49.5C8.79999 51.7091 7.00913 53.5 4.79999 53.5C2.59085 53.5 0.799988 51.7091 0.799988 49.5V24.8C0.799988 21.7291 3.25509 18.9 6.70001 18.9H18.9V4C18.9 1.79086 20.6909 0 22.9 0Z" - /> - { - setUndeglowIndex(121, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(121)} - stroke={stroke(121)} - strokeWidth={getStrokeWidth(121)} - dataLedIndex={getLEDIndex(121)} - dataKeyIndex={keyIndex(121)} - dataLayer={layer} - path="M4.79999 0.5C7.00913 0.5 8.79999 2.29086 8.79999 4.5V59.7C8.79999 61.9092 7.00913 63.7 4.79999 63.7C2.59085 63.7 0.799988 61.9092 0.799988 59.7V4.5C0.799988 2.29086 2.59085 0.5 4.79999 0.5Z" - /> - { - setUndeglowIndex(122, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(122)} - stroke={stroke(122)} - strokeWidth={getStrokeWidth(122)} - dataLedIndex={getLEDIndex(122)} - dataKeyIndex={keyIndex(122)} - dataLayer={layer} - path="M4.90002 0.700012C7.10916 0.700012 8.90002 2.49087 8.90002 4.70001V26.2H56.8C59.0091 26.2 60.8 27.9909 60.8 30.2C60.8 32.4092 59.0091 34.2 56.8 34.2H7.29999C3.79072 34.2 0.900024 31.309 0.900024 27.8V4.70001C0.900024 2.49087 2.69089 0.700012 4.90002 0.700012Z" - /> - { - setUndeglowIndex(123, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(123)} - stroke={stroke(123)} - strokeWidth={getStrokeWidth(123)} - dataLedIndex={getLEDIndex(123)} - dataKeyIndex={keyIndex(123)} - dataLayer={layer} - path="M0.900024 4.20001C0.900024 1.99087 2.69089 0.200012 4.90002 0.200012H21.9C32.1208 0.200012 41.1202 7.13183 43.6749 17.1076L43.6768 17.115L46.7787 29.4224C47.3186 31.5646 46.0197 33.7388 43.8776 34.2787C41.7354 34.8186 39.5612 33.5197 39.0213 31.3776L35.925 19.0924C35.9245 19.0901 35.9239 19.0879 35.9233 19.0856C34.2757 12.665 28.477 8.20001 21.9 8.20001H4.90002C2.69089 8.20001 0.900024 6.40915 0.900024 4.20001Z" - /> - { - setUndeglowIndex(124, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(124)} - stroke={stroke(124)} - strokeWidth={getStrokeWidth(124)} - dataLedIndex={getLEDIndex(124)} - dataKeyIndex={keyIndex(124)} - dataLayer={layer} - path="M3.11746 0.722562C5.25892 0.179929 7.43481 1.47603 7.97744 3.61749L19.1775 47.8175C19.7201 49.9589 18.424 52.1348 16.2825 52.6775C14.1411 53.2201 11.9652 51.924 11.4225 49.7825L0.222531 5.58254C-0.320101 3.44108 0.976003 1.2652 3.11746 0.722562Z" - /> - { - setUndeglowIndex(125, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(125)} - stroke={stroke(125)} - strokeWidth={getStrokeWidth(125)} - dataLedIndex={getLEDIndex(125)} - dataKeyIndex={keyIndex(125)} - dataLayer={layer} - path="M3.20932 0.124611C5.34963 -0.422535 7.52824 0.86898 8.07539 3.00929L21.6754 56.2093C22.2225 58.3496 20.931 60.5282 18.7907 61.0754C16.6504 61.6225 14.4718 60.331 13.9246 58.1907L0.324639 4.99068C-0.222507 2.85037 1.06901 0.671757 3.20932 0.124611Z" - /> - { - setUndeglowIndex(126, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(126)} - stroke={stroke(126)} - strokeWidth={getStrokeWidth(126)} - dataLedIndex={getLEDIndex(126)} - dataKeyIndex={keyIndex(126)} - dataLayer={layer} - path="M3.81562 0.923041C5.95683 0.379395 8.13333 1.67447 8.67697 3.81567L20.077 48.7157C20.6206 50.8569 19.3256 53.0334 17.1844 53.577C15.0432 54.1207 12.8667 52.8256 12.323 50.6844L0.922995 5.78439C0.379349 3.64319 1.67442 1.46669 3.81562 0.923041Z" - /> - { - setUndeglowIndex(127, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(127)} - stroke={stroke(127)} - strokeWidth={getStrokeWidth(127)} - dataLedIndex={getLEDIndex(127)} - dataKeyIndex={keyIndex(127)} - dataLayer={layer} - path="M3.60223 0.326377C5.74154 -0.224663 7.92251 1.06288 8.47355 3.20219L10.174 9.80375C12.4201 18.5386 20.3284 24.6999 29.4 24.6999H41.3C43.5091 24.6999 45.3 26.4908 45.3 28.6999C45.3 30.9091 43.5091 32.6999 41.3 32.6999H29.4C16.6722 32.6999 5.58087 24.062 2.42643 11.7977C2.42633 11.7973 2.42623 11.7969 2.42614 11.7965C2.4261 11.7964 2.42618 11.7967 2.42614 11.7965L0.726417 5.19769C0.175376 3.05838 1.46292 0.877418 3.60223 0.326377Z" - /> - { - setUndeglowIndex(128, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(128)} - stroke={stroke(128)} - strokeWidth={getStrokeWidth(128)} - dataLedIndex={getLEDIndex(128)} - dataKeyIndex={keyIndex(128)} - dataLayer={layer} - path="M0.299988 4.69995C0.299988 2.49081 2.09085 0.699951 4.29999 0.699951H54.1C56.3091 0.699951 58.1 2.49081 58.1 4.69995C58.1 6.90909 56.3091 8.69995 54.1 8.69995H4.29999C2.09085 8.69995 0.299988 6.90909 0.299988 4.69995Z" - /> - { - setUndeglowIndex(129, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(129)} - stroke={stroke(129)} - strokeWidth={getStrokeWidth(129)} - dataLedIndex={getLEDIndex(129)} - dataKeyIndex={keyIndex(129)} - dataLayer={layer} - path="M0.0999756 4.69995C0.0999756 2.49081 1.89084 0.699951 4.09998 0.699951H53.8C56.0091 0.699951 57.8 2.49081 57.8 4.69995C57.8 6.90909 56.0091 8.69995 53.8 8.69995H4.09998C1.89084 8.69995 0.0999756 6.90909 0.0999756 4.69995Z" - /> - { - setUndeglowIndex(130, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(130)} - stroke={stroke(130)} - strokeWidth={getStrokeWidth(130)} - dataLedIndex={getLEDIndex(130)} - dataKeyIndex={keyIndex(130)} - dataLayer={layer} - path="M0.799988 4.69995C0.799988 2.49081 2.59085 0.699951 4.79999 0.699951H54.6C56.8091 0.699951 58.6 2.49081 58.6 4.69995C58.6 6.90909 56.8091 8.69995 54.6 8.69995H4.79999C2.59085 8.69995 0.799988 6.90909 0.799988 4.69995Z" - /> - { - setUndeglowIndex(131, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(131)} - stroke={stroke(131)} - strokeWidth={getStrokeWidth(131)} - dataLedIndex={getLEDIndex(131)} - dataKeyIndex={keyIndex(131)} - dataLayer={layer} - path="M0.599976 4.69995C0.599976 2.49081 2.39084 0.699951 4.59998 0.699951H54.4C56.6092 0.699951 58.4 2.49081 58.4 4.69995C58.4 6.90909 56.6092 8.69995 54.4 8.69995H4.59998C2.39084 8.69995 0.599976 6.90909 0.599976 4.69995Z" - /> - { - setUndeglowIndex(132, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(132)} - stroke={stroke(132)} - strokeWidth={getStrokeWidth(132)} - dataLedIndex={getLEDIndex(132)} - dataKeyIndex={keyIndex(132)} - dataLayer={layer} - path="M0.400024 4.69995C0.400024 2.49081 2.19089 0.699951 4.40002 0.699951H54.1C56.3091 0.699951 58.1 2.49081 58.1 4.69995C58.1 6.90909 56.3091 8.69995 54.1 8.69995H4.40002C2.19089 8.69995 0.400024 6.90909 0.400024 4.69995Z" - /> - { - setUndeglowIndex(133, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(133)} - stroke={stroke(133)} - strokeWidth={getStrokeWidth(133)} - dataLedIndex={getLEDIndex(133)} - dataKeyIndex={keyIndex(133)} - dataLayer={layer} - path="M0.0999756 4.69995C0.0999756 2.49081 1.89084 0.699951 4.09998 0.699951H48.8C51.0092 0.699951 52.8 2.49081 52.8 4.69995C52.8 6.90909 51.0092 8.69995 48.8 8.69995H4.09998C1.89084 8.69995 0.0999756 6.90909 0.0999756 4.69995Z" - /> - { - setUndeglowIndex(134, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(134)} - stroke={stroke(134)} - strokeWidth={getStrokeWidth(134)} - dataLedIndex={getLEDIndex(134)} - dataKeyIndex={keyIndex(134)} - dataLayer={layer} - path="M41.2494 0.00284587C43.457 0.0853778 45.1797 1.94189 45.0972 4.14949L44.6969 14.8562C44.1131 29.8014 31.85 41.6 16.9 41.6H4.90002C2.69089 41.6 0.900024 39.8092 0.900024 37.6C0.900024 35.3909 2.69089 33.6 4.90002 33.6H16.9C27.5491 33.6 36.2851 25.2003 36.7029 14.547C36.7029 14.546 36.703 14.5449 36.703 14.5439L37.1028 3.85062C37.1853 1.64302 39.0418 -0.0796861 41.2494 0.00284587Z" - /> - { - setUndeglowIndex(135, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(135)} - stroke={stroke(135)} - strokeWidth={getStrokeWidth(135)} - dataLedIndex={getLEDIndex(135)} - dataKeyIndex={keyIndex(135)} - dataLayer={layer} - path="M6.65643 0.403021C8.86388 0.489418 10.5833 2.34895 10.4969 4.5564L8.49694 55.6564C8.41054 57.8638 6.55101 59.5833 4.34356 59.4969C2.13611 59.4105 0.41666 57.5509 0.503057 55.3435L2.50306 4.24352C2.58945 2.03608 4.44898 0.316624 6.65643 0.403021Z" - /> - { - setUndeglowIndex(136, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(136)} - stroke={stroke(136)} - strokeWidth={getStrokeWidth(136)} - dataLedIndex={getLEDIndex(136)} - dataKeyIndex={keyIndex(136)} - dataLayer={layer} - path="M6.95133 0.202868C9.15889 0.286422 10.8807 2.14374 10.7972 4.35129L8.89716 54.5513C8.8136 56.7589 6.95629 58.4807 4.74873 58.3972C2.54117 58.3136 0.819326 56.4563 0.90288 54.2487L2.8029 4.04872C2.88646 1.84116 4.74377 0.119314 6.95133 0.202868Z" - /> - { - setUndeglowIndex(137, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(137)} - stroke={stroke(137)} - strokeWidth={getStrokeWidth(137)} - dataLedIndex={getLEDIndex(137)} - dataKeyIndex={keyIndex(137)} - dataLayer={layer} - path="M6.35487 0.603034C8.56235 0.688595 10.2825 2.54747 10.1969 4.75496L8.19695 56.355C8.11138 58.5624 6.25251 60.2826 4.04502 60.197C1.83754 60.1115 0.117387 58.2526 0.202949 56.0451L2.20295 4.44511C2.28851 2.23763 4.14739 0.517473 6.35487 0.603034Z" - /> - { - setUndeglowIndex(138, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(138)} - stroke={stroke(138)} - strokeWidth={getStrokeWidth(138)} - dataLedIndex={getLEDIndex(138)} - dataKeyIndex={keyIndex(138)} - dataLayer={layer} - path="M6.6495 0.502787C8.85709 0.585356 10.5798 2.4419 10.4972 4.6495L8.59717 55.4495C8.5146 57.6571 6.65806 59.3798 4.45046 59.2972C2.24287 59.2146 0.520194 57.3581 0.602763 55.1505L2.50279 4.35049C2.58536 2.14289 4.4419 0.420218 6.6495 0.502787Z" - /> - { - setUndeglowIndex(139, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(139)} - stroke={stroke(139)} - strokeWidth={getStrokeWidth(139)} - dataLedIndex={getLEDIndex(139)} - dataKeyIndex={keyIndex(139)} - dataLayer={layer} - path="M6.04864 0.402717C8.25626 0.484802 9.97934 2.34097 9.89725 4.54858L7.99723 55.6486C7.91514 57.8562 6.05898 59.5793 3.85136 59.4972C1.64375 59.4151 -0.0793306 57.5589 0.0027541 55.3513L1.90278 4.25133C1.98486 2.04371 3.84103 0.320633 6.04864 0.402717Z" - /> - { - setUndeglowIndex(140, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(140)} - stroke={stroke(140)} - strokeWidth={getStrokeWidth(140)} - dataLedIndex={getLEDIndex(140)} - dataKeyIndex={keyIndex(140)} - dataLayer={layer} - path="M2.47487 0.650552C4.37995 -0.467912 6.83102 0.169767 7.94948 2.07485L17.0528 17.5805C23.5937 28.7634 27.194 41.4455 27.2999 54.3672C27.3181 56.5763 25.5419 58.3818 23.3329 58.3999C21.1238 58.418 19.3183 56.6418 19.3002 54.4328C19.2061 42.9555 16.0069 31.6387 10.1488 21.6222C10.1483 21.6213 10.1478 21.6204 10.1473 21.6195L1.05058 6.12516C-0.067888 4.22008 0.569791 1.76902 2.47487 0.650552Z" - /> - { - setUndeglowIndex(141, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(141)} - stroke={stroke(141)} - strokeWidth={getStrokeWidth(141)} - dataLedIndex={getLEDIndex(141)} - dataKeyIndex={keyIndex(141)} - dataLayer={layer} - path="M3.89836 0.801306C6.10679 0.745159 7.94259 2.48993 7.99873 4.69835C8.28164 15.8258 11.3946 26.7557 17.039 36.2571L17.0429 36.2637L26.7429 52.6637C27.8676 54.5651 27.2379 57.0182 25.3364 58.1429C23.435 59.2675 20.9819 58.6378 19.8572 56.7364L10.161 40.343C10.1604 40.3418 10.1597 40.3407 10.159 40.3396C3.8047 29.6418 0.318382 17.3729 0.00131795 4.90168C-0.0548284 2.69325 1.68994 0.857452 3.89836 0.801306Z" - /> - { - setUndeglowIndex(142, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(142)} - stroke={stroke(142)} - strokeWidth={getStrokeWidth(142)} - dataLedIndex={getLEDIndex(142)} - dataKeyIndex={keyIndex(142)} - dataLayer={layer} - path="M4 0.5C6.20914 0.5 8 2.29086 8 4.5V48C8 50.2091 6.20914 52 4 52C1.79086 52 0 50.2091 0 48V4.5C0 2.29086 1.79086 0.5 4 0.5Z" - /> - { - setUndeglowIndex(143, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(143)} - stroke={stroke(143)} - strokeWidth={getStrokeWidth(143)} - dataLedIndex={getLEDIndex(143)} - dataKeyIndex={keyIndex(143)} - dataLayer={layer} - path="M4 0.900024C6.20914 0.900024 8 2.69089 8 4.90002V48.6C8 50.8092 6.20914 52.6 4 52.6C1.79086 52.6 0 50.8092 0 48.6V4.90002C0 2.69089 1.79086 0.900024 4 0.900024Z" - /> {/* End Right side */} diff --git a/src/api/hardware-virtual/Raise2ANSI.ts b/src/api/hardware-virtual/Raise2ANSI.ts index 96ad02ae0..f0d6e4961 100644 --- a/src/api/hardware-virtual/Raise2ANSI.ts +++ b/src/api/hardware-virtual/Raise2ANSI.ts @@ -23,8 +23,8 @@ const Raise2ANSI: VirtualType = { columns: 16, }, keyboardUnderglow: { - rows: 5, - columns: 29, + rows: 3, + columns: 59, }, RGBWMode: true, bootloader: false, diff --git a/src/api/hardware-virtual/Raise2ISO.ts b/src/api/hardware-virtual/Raise2ISO.ts index 4c4bfd6c9..e94e2a7bb 100644 --- a/src/api/hardware-virtual/Raise2ISO.ts +++ b/src/api/hardware-virtual/Raise2ISO.ts @@ -23,8 +23,8 @@ const Raise2ISO: VirtualType = { columns: 16, }, keyboardUnderglow: { - rows: 5, - columns: 29, + rows: 3, + columns: 59, }, RGBWMode: true, bootloader: false, From 3037b39ede1ab45e63984920e7b3cfee965edd11 Mon Sep 17 00:00:00 2001 From: Thiago Hernandez Date: Fri, 5 Jul 2024 11:58:20 +0200 Subject: [PATCH 03/14] Added new LEDs to Raise 2 ISO --- src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js | 5 ++++- src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js | 4 +++- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js index 02c1e9f96..fd19a1bd0 100644 --- a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js +++ b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js @@ -187,6 +187,7 @@ class KeymapANSI extends React.Component { Array(UNDERGLOW + LEDS_LEFT_KEYS + LEDS_RIGHT_KEYS) .fill() .map(() => 0); + const palette = this.props.palette && this.props.palette.length > 0 ? this.props.palette @@ -196,11 +197,13 @@ class KeymapANSI extends React.Component { rgb: "#ffffff", })); + log.info("colormap", this.props.colormap); + const getColor = (row, col) => { const ledIndex = col !== undefined ? LedMap[parseInt(row)][parseInt(col)] : NoKeyLedMap[row - LEDS_LEFT_KEYS - LEDS_RIGHT_KEYS]; const colorIndex = colormap[ledIndex]; - // log.info("Row and col", row, NoKeyLedMap.length, colorIndex, colormap); + log.info("Row and col", row, NoKeyLedMap.length, colorIndex, colormap); const color = palette[colorIndex].rgb; return color; }; diff --git a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js index d61e581f6..1a78718ac 100644 --- a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js +++ b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js @@ -196,12 +196,14 @@ class KeymapISO extends React.Component { rgb: "#ffffff", })); + log.info("colormap", colormap, this.props.colormap); + // console.log("showing BARS", colormap, palette, led_map, no_key_led_map); const getColor = (row, col) => { const ledIndex = col !== undefined ? LedMap[parseInt(row)][parseInt(col)] : NoKeyLedMap[row - LEDS_LEFT_KEYS - LEDS_RIGHT_KEYS]; const colorIndex = colormap[ledIndex]; - // log.debug("testing colors", row, col, ledIndex, colorIndex, row - UNDERGLOW); + log.info("Row and col", row, NoKeyLedMap.length, colorIndex, colormap); const color = palette[colorIndex].rgb; return color; }; From 2a15aa12def2b3b917d1c54442ebd617d94a7da2 Mon Sep 17 00:00:00 2001 From: Thiago Hernandez Date: Fri, 5 Jul 2024 13:31:56 +0200 Subject: [PATCH 04/14] Added support to Raise 2 ISO with 107 LEDs --- src/api/hardware-dygma-raise2-ansi/index.ts | 4 ++-- src/api/hardware-dygma-raise2-iso/index.ts | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/api/hardware-dygma-raise2-ansi/index.ts b/src/api/hardware-dygma-raise2-ansi/index.ts index 419314e6c..2711b76ad 100644 --- a/src/api/hardware-dygma-raise2-ansi/index.ts +++ b/src/api/hardware-dygma-raise2-ansi/index.ts @@ -47,8 +47,8 @@ const Raise2ANSI: DygmaDeviceType = { columns: 16, }, keyboardUnderglow: { - rows: 5, - columns: 29, + rows: 3, + columns: 59, }, RGBWMode: true, bootloader: false, diff --git a/src/api/hardware-dygma-raise2-iso/index.ts b/src/api/hardware-dygma-raise2-iso/index.ts index db52f4d87..387ee07b0 100644 --- a/src/api/hardware-dygma-raise2-iso/index.ts +++ b/src/api/hardware-dygma-raise2-iso/index.ts @@ -47,8 +47,8 @@ const Raise2ISO: DygmaDeviceType = { columns: 16, }, keyboardUnderglow: { - rows: 5, - columns: 29, + rows: 3, + columns: 59, }, RGBWMode: true, bootloader: false, From 77c709b059417b85c5627b82b2c1515922f35da2 Mon Sep 17 00:00:00 2001 From: Thiago Hernandez Date: Wed, 11 Sep 2024 18:50:27 +0200 Subject: [PATCH 05/14] Feature: Added underglow segments to Raise2 ANSI in the right position --- .../components/Keymap-ANSI.js | 1455 ++++++++++++++++- 1 file changed, 1442 insertions(+), 13 deletions(-) diff --git a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js index a8cf224dc..5051e9c07 100644 --- a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js +++ b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js @@ -1784,27 +1784,1456 @@ class KeymapANSI extends React.Component { {/* Left side */} - {leftUnderglowLEDSs.map(index => ( + { + setUndeglowIndex(69, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(69)} + stroke={stroke(69)} + strokeWidth={getStrokeWidth(69)} + dataLedIndex={getLEDIndex(69)} + dataKeyIndex={keyIndex(69)} + dataLayer={layer} + path="M4.28.4a4 4 0 0 1 4 4v27.7a4 4 0 0 1-8 0V4.4a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(70, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(70)} + stroke={stroke(70)} + strokeWidth={getStrokeWidth(70)} + dataLedIndex={getLEDIndex(70)} + dataKeyIndex={keyIndex(70)} + dataLayer={layer} + path="M4.28.37a4 4 0 0 1 4 4V29.5a4 4 0 0 1-8 0V4.37a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(71, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(71)} + stroke={stroke(71)} + strokeWidth={getStrokeWidth(71)} + dataLedIndex={getLEDIndex(71)} + dataKeyIndex={keyIndex(71)} + dataLayer={layer} + path="M33.64 3.998A4 4 0 0 1 29.642 8 21.37 21.37 0 0 0 8.28 29.37a4 4 0 0 1-8 0A29.37 29.37 0 0 1 29.639 0a4 4 0 0 1 4.001 3.998" + /> + { + setUndeglowIndex(72, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(72)} + stroke={stroke(72)} + strokeWidth={getStrokeWidth(72)} + dataLedIndex={getLEDIndex(72)} + dataKeyIndex={keyIndex(72)} + dataLayer={layer} + path="M.65 4a4 4 0 0 1 4-4h35.13a4 4 0 1 1 0 8H4.65a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(73, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(73)} + stroke={stroke(73)} + strokeWidth={getStrokeWidth(73)} + dataLedIndex={getLEDIndex(73)} + dataKeyIndex={keyIndex(73)} + dataLayer={layer} + path="M.78 4a4 4 0 0 1 4-4h38.38a4 4 0 1 1 0 8H4.78a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(74, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(74)} + stroke={stroke(74)} + strokeWidth={getStrokeWidth(74)} + dataLedIndex={getLEDIndex(74)} + dataKeyIndex={keyIndex(74)} + dataLayer={layer} + path="M.16 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.16a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(75, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(75)} + stroke={stroke(75)} + strokeWidth={getStrokeWidth(75)} + dataLedIndex={getLEDIndex(75)} + dataKeyIndex={keyIndex(75)} + dataLayer={layer} + path="M.53 4a4 4 0 0 1 4-4H42.9a4 4 0 1 1 0 8H4.53a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(76, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(76)} + stroke={stroke(76)} + strokeWidth={getStrokeWidth(76)} + dataLedIndex={getLEDIndex(76)} + dataKeyIndex={keyIndex(76)} + dataLayer={layer} + path="M.34 4a4 4 0 0 1 4-4h37.72a4 4 0 0 1 0 8H4.34a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(77, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(77)} + stroke={stroke(77)} + strokeWidth={getStrokeWidth(77)} + dataLedIndex={getLEDIndex(77)} + dataKeyIndex={keyIndex(77)} + dataLayer={layer} + path="M.28 4a4 4 0 0 1 4-4h39.18a4 4 0 1 1 0 8H4.28a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(78, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(78)} + stroke={stroke(78)} + strokeWidth={getStrokeWidth(78)} + dataLedIndex={getLEDIndex(78)} + dataKeyIndex={keyIndex(78)} + dataLayer={layer} + path="M.46 4a4 4 0 0 1 4-4h37.56a4 4 0 0 1 0 8H4.46a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(79, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(79)} + stroke={stroke(79)} + strokeWidth={getStrokeWidth(79)} + dataLedIndex={getLEDIndex(79)} + dataKeyIndex={keyIndex(79)} + dataLayer={layer} + path="M.02 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.02a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(80, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(80)} + stroke={stroke(80)} + strokeWidth={getStrokeWidth(80)} + dataLedIndex={getLEDIndex(80)} + dataKeyIndex={keyIndex(80)} + dataLayer={layer} + path="M.39 4a4 4 0 0 1 4-4h39.56a4 4 0 1 1 0 8H4.39a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(81, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(81)} + stroke={stroke(81)} + strokeWidth={getStrokeWidth(81)} + dataLedIndex={getLEDIndex(81)} + dataKeyIndex={keyIndex(81)} + dataLayer={layer} + path="M.95 4a4 4 0 0 1 4-4h13.39a8.94 8.94 0 0 1 8.94 8.94V21a4 4 0 0 1-8 0V8.94a.94.94 0 0 0-.94-.94H4.95a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(82, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(82)} + stroke={stroke(82)} + strokeWidth={getStrokeWidth(82)} + dataLedIndex={getLEDIndex(82)} + dataKeyIndex={keyIndex(82)} + dataLayer={layer} + path="M4.28 0a4 4 0 0 1 4 4v18.97a4 4 0 0 1-8 0V4a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(83, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(83)} + stroke={stroke(83)} + strokeWidth={getStrokeWidth(83)} + dataLedIndex={getLEDIndex(83)} + dataKeyIndex={keyIndex(83)} + dataLayer={layer} + path="M4.28.8a4 4 0 0 1 4 4V30a4 4 0 0 1-8 0V4.8a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(84, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(84)} + stroke={stroke(84)} + strokeWidth={getStrokeWidth(84)} + dataLedIndex={getLEDIndex(84)} + dataKeyIndex={keyIndex(84)} + dataLayer={layer} + path="M6.55 0C3.217 0 .523 2.717.526 6.05.53 11.12.5 16.188.5 21.26a4 4 0 0 0 8 0V9a1 1 0 0 1 1-1h2.74a4 4 0 0 0 0-8z" + /> + { + setUndeglowIndex(85, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(85)} + stroke={stroke(85)} + strokeWidth={getStrokeWidth(85)} + dataLedIndex={getLEDIndex(85)} + dataKeyIndex={keyIndex(85)} + dataLayer={layer} + path="M4.72.86a4 4 0 0 1 4 4v18.93a4 4 0 0 1-8 0V4.86a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(86, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(86)} + stroke={stroke(86)} + strokeWidth={getStrokeWidth(86)} + dataLedIndex={getLEDIndex(86)} + dataKeyIndex={keyIndex(86)} + dataLayer={layer} + path="M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803v.005l-4-.008h4v11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(87, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(87)} + stroke={stroke(87)} + strokeWidth={getStrokeWidth(87)} + dataLedIndex={getLEDIndex(87)} + dataKeyIndex={keyIndex(87)} + dataLayer={layer} + path="M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(88, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(88)} + stroke={stroke(88)} + strokeWidth={getStrokeWidth(88)} + dataLedIndex={getLEDIndex(88)} + dataKeyIndex={keyIndex(88)} + dataLayer={layer} + path="M4.6.69a4 4 0 0 1 4 4v21.06a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(89, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(89)} + stroke={stroke(89)} + strokeWidth={getStrokeWidth(89)} + dataLedIndex={getLEDIndex(89)} + dataKeyIndex={keyIndex(89)} + dataLayer={layer} + path="M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(90, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(90)} + stroke={stroke(90)} + strokeWidth={getStrokeWidth(90)} + dataLedIndex={getLEDIndex(90)} + dataKeyIndex={keyIndex(90)} + dataLayer={layer} + path="M4.28.78a4 4 0 0 1 4 4v40.18a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(91, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(91)} + stroke={stroke(91)} + strokeWidth={getStrokeWidth(91)} + dataLedIndex={getLEDIndex(91)} + dataKeyIndex={keyIndex(91)} + dataLayer={layer} + path="M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z" + /> + { + setUndeglowIndex(92, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(92)} + stroke={stroke(92)} + strokeWidth={getStrokeWidth(92)} + dataLedIndex={getLEDIndex(92)} + dataKeyIndex={keyIndex(92)} + dataLayer={layer} + path="M4.42.28a4 4 0 0 1 4 4v29.93a4 4 0 0 1-8 0V4.28a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(93, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(93)} + stroke={stroke(93)} + strokeWidth={getStrokeWidth(93)} + dataLedIndex={getLEDIndex(93)} + dataKeyIndex={keyIndex(93)} + dataLayer={layer} + path="M4.42-.01a4 4 0 0 1 4 4v25.44a4 4 0 0 1-8 0V3.99a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(94, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(94)} + stroke={stroke(94)} + strokeWidth={getStrokeWidth(94)} + dataLedIndex={getLEDIndex(94)} + dataKeyIndex={keyIndex(94)} + dataLayer={layer} + path="M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(95, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(95)} + stroke={stroke(95)} + strokeWidth={getStrokeWidth(95)} + dataLedIndex={getLEDIndex(95)} + dataKeyIndex={keyIndex(95)} + dataLayer={layer} + path="M.35 4.2a4 4 0 0 1 4-4h35.56a4 4 0 0 1 0 8H4.35a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(96, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(96)} + stroke={stroke(96)} + strokeWidth={getStrokeWidth(96)} + dataLedIndex={getLEDIndex(96)} + dataKeyIndex={keyIndex(96)} + dataLayer={layer} + path="M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082" + /> + { + setUndeglowIndex(97, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(97)} + stroke={stroke(97)} + strokeWidth={getStrokeWidth(97)} + dataLedIndex={getLEDIndex(97)} + dataKeyIndex={keyIndex(97)} + dataLayer={layer} + path="M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944" + /> + { + setUndeglowIndex(98, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(98)} + stroke={stroke(98)} + strokeWidth={getStrokeWidth(98)} + dataLedIndex={getLEDIndex(98)} + dataKeyIndex={keyIndex(98)} + dataLayer={layer} + path="M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904" + /> + { + setUndeglowIndex(99, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(99)} + stroke={stroke(99)} + strokeWidth={getStrokeWidth(99)} + dataLedIndex={getLEDIndex(99)} + dataKeyIndex={keyIndex(99)} + dataLayer={layer} + path="M12.09.714a4 4 0 0 1 2.886 4.866l-6.23 24.4A4 4 0 1 1 .994 28l6.23-24.4A4 4 0 0 1 12.09.714" + /> + { + setUndeglowIndex(100, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(100)} + stroke={stroke(100)} + strokeWidth={getStrokeWidth(100)} + dataLedIndex={getLEDIndex(100)} + dataKeyIndex={keyIndex(100)} + dataLayer={layer} + path="M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165" + /> + { + setUndeglowIndex(101, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(101)} + stroke={stroke(101)} + strokeWidth={getStrokeWidth(101)} + dataLedIndex={getLEDIndex(101)} + dataKeyIndex={keyIndex(101)} + dataLayer={layer} + path="M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894" + /> + { + setUndeglowIndex(102, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(102)} + stroke={stroke(102)} + strokeWidth={getStrokeWidth(102)} + dataLedIndex={getLEDIndex(102)} + dataKeyIndex={keyIndex(102)} + dataLayer={layer} + path="M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878" + /> + { + setUndeglowIndex(103, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(103)} + stroke={stroke(103)} + strokeWidth={getStrokeWidth(103)} + dataLedIndex={getLEDIndex(103)} + dataKeyIndex={keyIndex(103)} + dataLayer={layer} + path="M.26 4.73a4 4 0 0 1 4-4h32.49a4 4 0 0 1 0 8H4.26a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(104, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(104)} + stroke={stroke(104)} + strokeWidth={getStrokeWidth(104)} + dataLedIndex={getLEDIndex(104)} + dataKeyIndex={keyIndex(104)} + dataLayer={layer} + path="M.44 4.73a4 4 0 0 1 4-4H37a4 4 0 0 1 0 8H4.44a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(105, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(105)} + stroke={stroke(105)} + strokeWidth={getStrokeWidth(105)} + dataLedIndex={getLEDIndex(105)} + dataKeyIndex={keyIndex(105)} + dataLayer={layer} + path="M.95 4.73a4 4 0 0 1 4-4h32.74a4 4 0 0 1 0 8H4.95a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(106, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(106)} + stroke={stroke(106)} + strokeWidth={getStrokeWidth(106)} + dataLedIndex={getLEDIndex(106)} + dataKeyIndex={keyIndex(106)} + dataLayer={layer} + path="M.88 4.73a4 4 0 0 1 4-4h33.07a4 4 0 0 1 0 8H4.88a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(107, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(107)} + stroke={stroke(107)} + strokeWidth={getStrokeWidth(107)} + dataLedIndex={getLEDIndex(107)} + dataKeyIndex={keyIndex(107)} + dataLayer={layer} + path="M.27 4.73a4 4 0 0 1 4-4h32.55a4 4 0 1 1 0 8H4.27a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(108, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(108)} + stroke={stroke(108)} + strokeWidth={getStrokeWidth(108)} + dataLedIndex={getLEDIndex(108)} + dataKeyIndex={keyIndex(108)} + dataLayer={layer} + path="M.72 4.73a4 4 0 0 1 4-4h32.75a4 4 0 0 1 0 8H4.72a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(109, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(109)} + stroke={stroke(109)} + strokeWidth={getStrokeWidth(109)} + dataLedIndex={getLEDIndex(109)} + dataKeyIndex={keyIndex(109)} + dataLayer={layer} + path="M.98 4.73a4 4 0 0 1 4-4h32.46a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(110, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(110)} + stroke={stroke(110)} + strokeWidth={getStrokeWidth(110)} + dataLedIndex={getLEDIndex(110)} + dataKeyIndex={keyIndex(110)} + dataLayer={layer} + path="M2.342 1.177a4 4 0 0 1 5.381 1.745A19.83 19.83 0 0 0 25.39 13.74h3.25a4 4 0 1 1 0 8h-3.25A27.83 27.83 0 0 1 .598 6.558a4 4 0 0 1 1.745-5.381" + /> + { + setUndeglowIndex(111, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(111)} + stroke={stroke(111)} + strokeWidth={getStrokeWidth(111)} + dataLedIndex={getLEDIndex(111)} + dataKeyIndex={keyIndex(111)} + dataLayer={layer} + path="M4.28.493A4 4 0 0 1 8.427 4.34l1.07 28.54a4 4 0 0 1-7.994.3L.433 4.64A4 4 0 0 1 4.28.493" + /> + { + setUndeglowIndex(112, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(112)} + stroke={stroke(112)} + strokeWidth={getStrokeWidth(112)} + dataLedIndex={getLEDIndex(112)} + dataKeyIndex={keyIndex(112)} + dataLayer={layer} + path="M4.36.483A4 4 0 0 1 8.507 4.33l1.44 38.28a4 4 0 0 1-7.994.3L.513 4.63A4 4 0 0 1 4.36.483" + /> + { - setUndeglowIndex(index + 69, e); + setUndeglowIndex(113, e); }} selectedLED={selectedLED} visibility={!!(showUnderglow || isStandardView)} clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(index + 69)} - stroke={stroke(index + 69)} - strokeWidth={getStrokeWidth(index + 69)} - dataLedIndex={getLEDIndex(index + 69)} - dataKeyIndex={keyIndex(index + 69)} + fill={getColor(113)} + stroke={stroke(113)} + strokeWidth={getStrokeWidth(113)} + dataLedIndex={getLEDIndex(113)} + dataKeyIndex={keyIndex(113)} dataLayer={layer} - path="M0.800018 4.69995C0.800018 2.49081 2.59088 0.699951 4.80002 0.699951H52.9C55.1091 0.699951 56.9 2.49081 56.9 4.69995C56.9 6.90909 55.1091 8.69995 52.9 8.69995H4.80002C2.59088 8.69995 0.800018 6.90909 0.800018 4.69995Z" + path="M4.73.003A4 4 0 0 1 8.877 3.85l1.16 30.97a4 4 0 0 1-7.994.3L.883 4.15A4 4 0 0 1 4.73.003" /> - ))} + { + setUndeglowIndex(114, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(114)} + stroke={stroke(114)} + strokeWidth={getStrokeWidth(114)} + dataLedIndex={getLEDIndex(114)} + dataKeyIndex={keyIndex(114)} + dataLayer={layer} + path="M3.86.143A4 4 0 0 1 8.007 3.99l1.41 37.57a4 4 0 1 1-7.994.3L.013 4.29A4 4 0 0 1 3.86.143" + /> + { + setUndeglowIndex(115, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(115)} + stroke={stroke(115)} + strokeWidth={getStrokeWidth(115)} + dataLedIndex={getLEDIndex(115)} + dataKeyIndex={keyIndex(115)} + dataLayer={layer} + path="M4.13.113A4 4 0 0 1 8.277 3.96l1.26 33.51a4 4 0 1 1-7.994.3L.283 4.26A4 4 0 0 1 4.13.113" + /> + { + setUndeglowIndex(116, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(116)} + stroke={stroke(116)} + strokeWidth={getStrokeWidth(116)} + dataLedIndex={getLEDIndex(116)} + dataKeyIndex={keyIndex(116)} + dataLayer={layer} + path="M4.12.713A4 4 0 0 1 8.267 4.56l1.53 40.72a4 4 0 0 1-7.994.3L.273 4.86A4 4 0 0 1 4.12.713" + /> + { + setUndeglowIndex(117, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(117)} + stroke={stroke(117)} + strokeWidth={getStrokeWidth(117)} + dataLedIndex={getLEDIndex(117)} + dataKeyIndex={keyIndex(117)} + dataLayer={layer} + path="M4.47.693A4 4 0 0 1 8.617 4.54l1.18 31.39a4 4 0 1 1-7.994.3L.623 4.84A4 4 0 0 1 4.47.693" + /> + { + setUndeglowIndex(118, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(118)} + stroke={stroke(118)} + strokeWidth={getStrokeWidth(118)} + dataLedIndex={getLEDIndex(118)} + dataKeyIndex={keyIndex(118)} + dataLayer={layer} + path="M10.752.781a4 4 0 0 1 2.177 5.221 65.5 65.5 0 0 0-4.882 27.385v.003l.11 2.877a4 4 0 0 1-7.994.306l-.11-2.883A73.5 73.5 0 0 1 5.53 2.959 4 4 0 0 1 10.752.78" + /> + { + setUndeglowIndex(119, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(119)} + stroke={stroke(119)} + strokeWidth={getStrokeWidth(119)} + dataLedIndex={getLEDIndex(119)} + dataKeyIndex={keyIndex(119)} + dataLayer={layer} + path="M24.625 1.116a4 4 0 0 1 1.409 5.48l-17.79 30.1a4 4 0 0 1-6.887-4.071l17.79-30.1a4 4 0 0 1 5.478-1.409" + /> + { + setUndeglowIndex(120, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(120)} + stroke={stroke(120)} + strokeWidth={getStrokeWidth(120)} + dataLedIndex={getLEDIndex(120)} + dataKeyIndex={keyIndex(120)} + dataLayer={layer} + path="M14.278 0a4 4 0 0 1 4.002 3.998A73.5 73.5 0 0 1 8.085 41.382a4 4 0 1 1-6.89-4.064A65.5 65.5 0 0 0 10.28 4.002 4 4 0 0 1 14.278 0" + /> + { + setUndeglowIndex(121, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(121)} + stroke={stroke(121)} + strokeWidth={getStrokeWidth(121)} + dataLedIndex={getLEDIndex(121)} + dataKeyIndex={keyIndex(121)} + dataLayer={layer} + path="M4.28.36a4 4 0 0 1 4 4v32.19a4 4 0 0 1-8 0V4.36a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(122, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(122)} + stroke={stroke(122)} + strokeWidth={getStrokeWidth(122)} + dataLedIndex={getLEDIndex(122)} + dataKeyIndex={keyIndex(122)} + dataLayer={layer} + path="M4.28.08a4 4 0 0 1 4 4v30.88a4 4 0 0 1-8 0V4.08a4 4 0 0 1 4-4" + /> + + + {/* Right side */} + + { + setUndeglowIndex(123, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(123)} + stroke={stroke(123)} + strokeWidth={getStrokeWidth(123)} + dataLedIndex={getLEDIndex(123)} + dataKeyIndex={keyIndex(123)} + dataLayer={layer} + path="M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(124, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(124)} + stroke={stroke(124)} + strokeWidth={getStrokeWidth(124)} + dataLedIndex={getLEDIndex(124)} + dataKeyIndex={keyIndex(124)} + dataLayer={layer} + path="M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(125, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(125)} + stroke={stroke(125)} + strokeWidth={getStrokeWidth(125)} + dataLedIndex={getLEDIndex(125)} + dataKeyIndex={keyIndex(125)} + dataLayer={layer} + path="M.25 4a4 4 0 0 1 4-4h12.39a29.38 29.38 0 0 1 25.826 15.373 4 4 0 1 1-7.032 3.814A21.38 21.38 0 0 0 16.64 8H4.25a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(126, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(126)} + stroke={stroke(126)} + strokeWidth={getStrokeWidth(126)} + dataLedIndex={getLEDIndex(126)} + dataKeyIndex={keyIndex(126)} + dataLayer={layer} + path="M.43 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.43a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(127, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(127)} + stroke={stroke(127)} + strokeWidth={getStrokeWidth(127)} + dataLedIndex={getLEDIndex(127)} + dataKeyIndex={keyIndex(127)} + dataLayer={layer} + path="M.61 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.61a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(128, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(128)} + stroke={stroke(128)} + strokeWidth={getStrokeWidth(128)} + dataLedIndex={getLEDIndex(128)} + dataKeyIndex={keyIndex(128)} + dataLayer={layer} + path="M.79 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.79a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(129, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(129)} + stroke={stroke(129)} + strokeWidth={getStrokeWidth(129)} + dataLedIndex={getLEDIndex(129)} + dataKeyIndex={keyIndex(129)} + dataLayer={layer} + path="M.97 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.97a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(130, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(130)} + stroke={stroke(130)} + strokeWidth={getStrokeWidth(130)} + dataLedIndex={getLEDIndex(130)} + dataKeyIndex={keyIndex(130)} + dataLayer={layer} + path="M.15 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.15a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(131, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(131)} + stroke={stroke(131)} + strokeWidth={getStrokeWidth(131)} + dataLedIndex={getLEDIndex(131)} + dataKeyIndex={keyIndex(131)} + dataLayer={layer} + path="M.32 4a4 4 0 0 1 4-4h38.83a4 4 0 0 1 0 8H4.32a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(132, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(132)} + stroke={stroke(132)} + strokeWidth={getStrokeWidth(132)} + dataLedIndex={getLEDIndex(132)} + dataKeyIndex={keyIndex(132)} + dataLayer={layer} + path="M.41 4a4 4 0 0 1 4-4h37.91a4 4 0 1 1 0 8H4.41a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(133, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(133)} + stroke={stroke(133)} + strokeWidth={getStrokeWidth(133)} + dataLedIndex={getLEDIndex(133)} + dataKeyIndex={keyIndex(133)} + dataLayer={layer} + path="M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(134, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(134)} + stroke={stroke(134)} + strokeWidth={getStrokeWidth(134)} + dataLedIndex={getLEDIndex(134)} + dataKeyIndex={keyIndex(134)} + dataLayer={layer} + path="M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(135, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(135)} + stroke={stroke(135)} + strokeWidth={getStrokeWidth(135)} + dataLedIndex={getLEDIndex(135)} + dataKeyIndex={keyIndex(135)} + dataLayer={layer} + path="M.07 4a4 4 0 0 1 4-4h38a4 4 0 0 1 0 8h-38a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(136, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(136)} + stroke={stroke(136)} + strokeWidth={getStrokeWidth(136)} + dataLedIndex={getLEDIndex(136)} + dataKeyIndex={keyIndex(136)} + dataLayer={layer} + path="M0 8a8 8 0 0 1 8-8h15.06a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v10.1a4 4 0 0 1-8 0z" + /> + { + setUndeglowIndex(137, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(137)} + stroke={stroke(137)} + strokeWidth={getStrokeWidth(137)} + dataLedIndex={getLEDIndex(137)} + dataKeyIndex={keyIndex(137)} + dataLayer={layer} + path="M4 .54a4 4 0 0 1 4 4v21.43a4 4 0 0 1-8 0V4.54a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(138, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(138)} + stroke={stroke(138)} + strokeWidth={getStrokeWidth(138)} + dataLedIndex={getLEDIndex(138)} + dataKeyIndex={keyIndex(138)} + dataLayer={layer} + path="M4 .97a4 4 0 0 1 4 4v24.87a4 4 0 0 1-8 0V4.97a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(139, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(139)} + stroke={stroke(139)} + strokeWidth={getStrokeWidth(139)} + dataLedIndex={getLEDIndex(139)} + dataKeyIndex={keyIndex(139)} + dataLayer={layer} + path="M0 8a8 8 0 0 1 8-8h16a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v8.58a4 4 0 0 1-8 0z" + /> + { + setUndeglowIndex(140, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(140)} + stroke={stroke(140)} + strokeWidth={getStrokeWidth(140)} + dataLedIndex={getLEDIndex(140)} + dataKeyIndex={keyIndex(140)} + dataLayer={layer} + path="M4 .58a4 4 0 0 1 4 4v10.1A1.32 1.32 0 0 0 9.32 16h2.251a9.14 9.14 0 0 1 9.069 9.105V44.12a4 4 0 1 1-8 0V25.13A1.14 1.14 0 0 0 11.519 24H9.32A9.32 9.32 0 0 1 0 14.68V4.58a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(141, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(141)} + stroke={stroke(141)} + strokeWidth={getStrokeWidth(141)} + dataLedIndex={getLEDIndex(141)} + dataKeyIndex={keyIndex(141)} + dataLayer={layer} + path="M4.68.69a4 4 0 0 1 4 4V33a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(142, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(142)} + stroke={stroke(142)} + strokeWidth={getStrokeWidth(142)} + dataLedIndex={getLEDIndex(142)} + dataKeyIndex={keyIndex(142)} + dataLayer={layer} + path="M.23 4a4 4 0 0 1 4-4h9.66A9.11 9.11 0 0 1 23 9.11v13.67a4 4 0 1 1-8 0V9.11A1.11 1.11 0 0 0 13.89 8H4.23a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(143, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(143)} + stroke={stroke(143)} + strokeWidth={getStrokeWidth(143)} + dataLedIndex={getLEDIndex(143)} + dataKeyIndex={keyIndex(143)} + dataLayer={layer} + path="M4 .78a4 4 0 0 1 4 4v38.59a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(144, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(144)} + stroke={stroke(144)} + strokeWidth={getStrokeWidth(144)} + dataLedIndex={getLEDIndex(144)} + dataKeyIndex={keyIndex(144)} + dataLayer={layer} + path="M19.04.37a4 4 0 0 1 4 4V15a9 9 0 0 1-9 9H8.968a.11.11 0 0 0-.108.108V43.81a4 4 0 0 1-8 0V24.09A8.11 8.11 0 0 1 8.95 16h5.09a1 1 0 0 0 1-1V4.37a4 4 0 0 1 4-4" + /> + {rightUnderglowLEDSs.map(index => ( Date: Thu, 12 Sep 2024 11:26:00 +0200 Subject: [PATCH 06/14] Chore: Added new segments to the Raise 2 ANSI --- .../components/Keymap-ANSI.js | 1009 ++++++++++++----- 1 file changed, 704 insertions(+), 305 deletions(-) diff --git a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js index 5051e9c07..29f18d150 100644 --- a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js +++ b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js @@ -1786,8 +1786,8 @@ class KeymapANSI extends React.Component { {/* Left side */} { @@ -1805,8 +1805,8 @@ class KeymapANSI extends React.Component { path="M4.28.4a4 4 0 0 1 4 4v27.7a4 4 0 0 1-8 0V4.4a4 4 0 0 1 4-4" /> { @@ -1824,8 +1824,8 @@ class KeymapANSI extends React.Component { path="M4.28.37a4 4 0 0 1 4 4V29.5a4 4 0 0 1-8 0V4.37a4 4 0 0 1 4-4" /> { @@ -1843,8 +1843,8 @@ class KeymapANSI extends React.Component { path="M33.64 3.998A4 4 0 0 1 29.642 8 21.37 21.37 0 0 0 8.28 29.37a4 4 0 0 1-8 0A29.37 29.37 0 0 1 29.639 0a4 4 0 0 1 4.001 3.998" /> { @@ -1862,8 +1862,8 @@ class KeymapANSI extends React.Component { path="M.65 4a4 4 0 0 1 4-4h35.13a4 4 0 1 1 0 8H4.65a4 4 0 0 1-4-4" /> { @@ -1881,8 +1881,8 @@ class KeymapANSI extends React.Component { path="M.78 4a4 4 0 0 1 4-4h38.38a4 4 0 1 1 0 8H4.78a4 4 0 0 1-4-4" /> { @@ -1900,8 +1900,8 @@ class KeymapANSI extends React.Component { path="M.16 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.16a4 4 0 0 1-4-4" /> { @@ -1919,8 +1919,8 @@ class KeymapANSI extends React.Component { path="M.53 4a4 4 0 0 1 4-4H42.9a4 4 0 1 1 0 8H4.53a4 4 0 0 1-4-4" /> { @@ -1938,8 +1938,8 @@ class KeymapANSI extends React.Component { path="M.34 4a4 4 0 0 1 4-4h37.72a4 4 0 0 1 0 8H4.34a4 4 0 0 1-4-4" /> { @@ -1957,8 +1957,8 @@ class KeymapANSI extends React.Component { path="M.28 4a4 4 0 0 1 4-4h39.18a4 4 0 1 1 0 8H4.28a4 4 0 0 1-4-4" /> { @@ -1976,8 +1976,8 @@ class KeymapANSI extends React.Component { path="M.46 4a4 4 0 0 1 4-4h37.56a4 4 0 0 1 0 8H4.46a4 4 0 0 1-4-4" /> { @@ -1995,8 +1995,8 @@ class KeymapANSI extends React.Component { path="M.02 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.02a4 4 0 0 1-4-4" /> { @@ -2014,8 +2014,8 @@ class KeymapANSI extends React.Component { path="M.39 4a4 4 0 0 1 4-4h39.56a4 4 0 1 1 0 8H4.39a4 4 0 0 1-4-4" /> { @@ -2033,8 +2033,8 @@ class KeymapANSI extends React.Component { path="M.95 4a4 4 0 0 1 4-4h13.39a8.94 8.94 0 0 1 8.94 8.94V21a4 4 0 0 1-8 0V8.94a.94.94 0 0 0-.94-.94H4.95a4 4 0 0 1-4-4" /> { @@ -2052,8 +2052,8 @@ class KeymapANSI extends React.Component { path="M4.28 0a4 4 0 0 1 4 4v18.97a4 4 0 0 1-8 0V4a4 4 0 0 1 4-4" /> { @@ -2071,8 +2071,8 @@ class KeymapANSI extends React.Component { path="M4.28.8a4 4 0 0 1 4 4V30a4 4 0 0 1-8 0V4.8a4 4 0 0 1 4-4" /> { @@ -2090,8 +2090,8 @@ class KeymapANSI extends React.Component { path="M6.55 0C3.217 0 .523 2.717.526 6.05.53 11.12.5 16.188.5 21.26a4 4 0 0 0 8 0V9a1 1 0 0 1 1-1h2.74a4 4 0 0 0 0-8z" /> { @@ -2109,8 +2109,8 @@ class KeymapANSI extends React.Component { path="M4.72.86a4 4 0 0 1 4 4v18.93a4 4 0 0 1-8 0V4.86a4 4 0 0 1 4-4" /> { @@ -2125,13 +2125,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(86)} dataKeyIndex={keyIndex(86)} dataLayer={layer} - path="M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803v.005l-4-.008h4v11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4" + path="M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4" /> { setUndeglowIndex(87, e); }} @@ -2144,13 +2144,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(87)} dataKeyIndex={keyIndex(87)} dataLayer={layer} - path="M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4" + path="M4.6.69a4 4 0 0 1 4 4v21.06a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" /> { setUndeglowIndex(88, e); }} @@ -2163,13 +2163,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(88)} dataKeyIndex={keyIndex(88)} dataLayer={layer} - path="M4.6.69a4 4 0 0 1 4 4v21.06a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" + path="M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4" /> { setUndeglowIndex(89, e); }} @@ -2182,13 +2182,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(89)} dataKeyIndex={keyIndex(89)} dataLayer={layer} - path="M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4" + path="M4.28.78a4 4 0 0 1 4 4v40.18a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" /> { setUndeglowIndex(90, e); }} @@ -2201,13 +2201,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(90)} dataKeyIndex={keyIndex(90)} dataLayer={layer} - path="M4.28.78a4 4 0 0 1 4 4v40.18a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" + path="M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z" /> { setUndeglowIndex(91, e); }} @@ -2220,13 +2220,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(91)} dataKeyIndex={keyIndex(91)} dataLayer={layer} - path="M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z" + path="M4.42.28a4 4 0 0 1 4 4v29.93a4 4 0 0 1-8 0V4.28a4 4 0 0 1 4-4" /> { setUndeglowIndex(92, e); }} @@ -2239,13 +2239,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(92)} dataKeyIndex={keyIndex(92)} dataLayer={layer} - path="M4.42.28a4 4 0 0 1 4 4v29.93a4 4 0 0 1-8 0V4.28a4 4 0 0 1 4-4" + path="M4.42-.01a4 4 0 0 1 4 4v25.44a4 4 0 0 1-8 0V3.99a4 4 0 0 1 4-4" /> { setUndeglowIndex(93, e); }} @@ -2258,13 +2258,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(93)} dataKeyIndex={keyIndex(93)} dataLayer={layer} - path="M4.42-.01a4 4 0 0 1 4 4v25.44a4 4 0 0 1-8 0V3.99a4 4 0 0 1 4-4" + path="M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4" /> { setUndeglowIndex(94, e); }} @@ -2277,13 +2277,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(94)} dataKeyIndex={keyIndex(94)} dataLayer={layer} - path="M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4" + path="M.35 4.2a4 4 0 0 1 4-4h35.56a4 4 0 0 1 0 8H4.35a4 4 0 0 1-4-4" /> { setUndeglowIndex(95, e); }} @@ -2296,13 +2296,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(95)} dataKeyIndex={keyIndex(95)} dataLayer={layer} - path="M.35 4.2a4 4 0 0 1 4-4h35.56a4 4 0 0 1 0 8H4.35a4 4 0 0 1-4-4" + path="M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082" /> { setUndeglowIndex(96, e); }} @@ -2315,13 +2315,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(96)} dataKeyIndex={keyIndex(96)} dataLayer={layer} - path="M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082" + path="M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944" /> { setUndeglowIndex(97, e); }} @@ -2334,13 +2334,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(97)} dataKeyIndex={keyIndex(97)} dataLayer={layer} - path="M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944" + path="M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904" /> { setUndeglowIndex(98, e); }} @@ -2353,13 +2353,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(98)} dataKeyIndex={keyIndex(98)} dataLayer={layer} - path="M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904" + path="M12.09.714a4 4 0 0 1 2.886 4.866l-6.23 24.4A4 4 0 1 1 .994 28l6.23-24.4A4 4 0 0 1 12.09.714" /> { setUndeglowIndex(99, e); }} @@ -2372,13 +2372,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(99)} dataKeyIndex={keyIndex(99)} dataLayer={layer} - path="M12.09.714a4 4 0 0 1 2.886 4.866l-6.23 24.4A4 4 0 1 1 .994 28l6.23-24.4A4 4 0 0 1 12.09.714" + path="M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165" /> { setUndeglowIndex(100, e); }} @@ -2391,13 +2391,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(100)} dataKeyIndex={keyIndex(100)} dataLayer={layer} - path="M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165" + path="M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894" /> { setUndeglowIndex(101, e); }} @@ -2410,13 +2410,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(101)} dataKeyIndex={keyIndex(101)} dataLayer={layer} - path="M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894" + path="M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878" /> { setUndeglowIndex(102, e); }} @@ -2429,12 +2429,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(102)} dataKeyIndex={keyIndex(102)} dataLayer={layer} - path="M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878" + path="M.26 4.73a4 4 0 0 1 4-4h32.49a4 4 0 0 1 0 8H4.26a4 4 0 0 1-4-4" /> { setUndeglowIndex(103, e); @@ -2448,12 +2448,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(103)} dataKeyIndex={keyIndex(103)} dataLayer={layer} - path="M.26 4.73a4 4 0 0 1 4-4h32.49a4 4 0 0 1 0 8H4.26a4 4 0 0 1-4-4" + path="M.44 4.73a4 4 0 0 1 4-4H37a4 4 0 0 1 0 8H4.44a4 4 0 0 1-4-4" /> { setUndeglowIndex(104, e); @@ -2467,12 +2467,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(104)} dataKeyIndex={keyIndex(104)} dataLayer={layer} - path="M.44 4.73a4 4 0 0 1 4-4H37a4 4 0 0 1 0 8H4.44a4 4 0 0 1-4-4" + path="M.95 4.73a4 4 0 0 1 4-4h32.74a4 4 0 0 1 0 8H4.95a4 4 0 0 1-4-4" /> { setUndeglowIndex(105, e); @@ -2486,12 +2486,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(105)} dataKeyIndex={keyIndex(105)} dataLayer={layer} - path="M.95 4.73a4 4 0 0 1 4-4h32.74a4 4 0 0 1 0 8H4.95a4 4 0 0 1-4-4" + path="M.88 4.73a4 4 0 0 1 4-4h33.07a4 4 0 0 1 0 8H4.88a4 4 0 0 1-4-4" /> { setUndeglowIndex(106, e); @@ -2505,12 +2505,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(106)} dataKeyIndex={keyIndex(106)} dataLayer={layer} - path="M.88 4.73a4 4 0 0 1 4-4h33.07a4 4 0 0 1 0 8H4.88a4 4 0 0 1-4-4" + path="M.27 4.73a4 4 0 0 1 4-4h32.55a4 4 0 1 1 0 8H4.27a4 4 0 0 1-4-4" /> { setUndeglowIndex(107, e); @@ -2524,12 +2524,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(107)} dataKeyIndex={keyIndex(107)} dataLayer={layer} - path="M.27 4.73a4 4 0 0 1 4-4h32.55a4 4 0 1 1 0 8H4.27a4 4 0 0 1-4-4" + path="M.72 4.73a4 4 0 0 1 4-4h32.75a4 4 0 0 1 0 8H4.72a4 4 0 0 1-4-4" /> { setUndeglowIndex(108, e); @@ -2543,13 +2543,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(108)} dataKeyIndex={keyIndex(108)} dataLayer={layer} - path="M.72 4.73a4 4 0 0 1 4-4h32.75a4 4 0 0 1 0 8H4.72a4 4 0 0 1-4-4" + path="M.98 4.73a4 4 0 0 1 4-4h32.46a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4" /> { setUndeglowIndex(109, e); }} @@ -2562,13 +2562,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(109)} dataKeyIndex={keyIndex(109)} dataLayer={layer} - path="M.98 4.73a4 4 0 0 1 4-4h32.46a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4" + path="M2.342 1.177a4 4 0 0 1 5.381 1.745A19.83 19.83 0 0 0 25.39 13.74h3.25a4 4 0 1 1 0 8h-3.25A27.83 27.83 0 0 1 .598 6.558a4 4 0 0 1 1.745-5.381" /> { setUndeglowIndex(110, e); }} @@ -2581,13 +2581,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(110)} dataKeyIndex={keyIndex(110)} dataLayer={layer} - path="M2.342 1.177a4 4 0 0 1 5.381 1.745A19.83 19.83 0 0 0 25.39 13.74h3.25a4 4 0 1 1 0 8h-3.25A27.83 27.83 0 0 1 .598 6.558a4 4 0 0 1 1.745-5.381" + path="M4.28.493A4 4 0 0 1 8.427 4.34l1.07 28.54a4 4 0 0 1-7.994.3L.433 4.64A4 4 0 0 1 4.28.493" /> { setUndeglowIndex(111, e); }} @@ -2600,13 +2600,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(111)} dataKeyIndex={keyIndex(111)} dataLayer={layer} - path="M4.28.493A4 4 0 0 1 8.427 4.34l1.07 28.54a4 4 0 0 1-7.994.3L.433 4.64A4 4 0 0 1 4.28.493" + path="M4.36.483A4 4 0 0 1 8.507 4.33l1.44 38.28a4 4 0 0 1-7.994.3L.513 4.63A4 4 0 0 1 4.36.483" /> { setUndeglowIndex(112, e); }} @@ -2619,13 +2619,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(112)} dataKeyIndex={keyIndex(112)} dataLayer={layer} - path="M4.36.483A4 4 0 0 1 8.507 4.33l1.44 38.28a4 4 0 0 1-7.994.3L.513 4.63A4 4 0 0 1 4.36.483" + path="M4.73.003A4 4 0 0 1 8.877 3.85l1.16 30.97a4 4 0 0 1-7.994.3L.883 4.15A4 4 0 0 1 4.73.003" /> { setUndeglowIndex(113, e); }} @@ -2638,13 +2638,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(113)} dataKeyIndex={keyIndex(113)} dataLayer={layer} - path="M4.73.003A4 4 0 0 1 8.877 3.85l1.16 30.97a4 4 0 0 1-7.994.3L.883 4.15A4 4 0 0 1 4.73.003" + path="M3.86.143A4 4 0 0 1 8.007 3.99l1.41 37.57a4 4 0 1 1-7.994.3L.013 4.29A4 4 0 0 1 3.86.143" /> { setUndeglowIndex(114, e); }} @@ -2657,13 +2657,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(114)} dataKeyIndex={keyIndex(114)} dataLayer={layer} - path="M3.86.143A4 4 0 0 1 8.007 3.99l1.41 37.57a4 4 0 1 1-7.994.3L.013 4.29A4 4 0 0 1 3.86.143" + path="M4.13.113A4 4 0 0 1 8.277 3.96l1.26 33.51a4 4 0 1 1-7.994.3L.283 4.26A4 4 0 0 1 4.13.113" /> { setUndeglowIndex(115, e); }} @@ -2676,13 +2676,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(115)} dataKeyIndex={keyIndex(115)} dataLayer={layer} - path="M4.13.113A4 4 0 0 1 8.277 3.96l1.26 33.51a4 4 0 1 1-7.994.3L.283 4.26A4 4 0 0 1 4.13.113" + path="M4.12.713A4 4 0 0 1 8.267 4.56l1.53 40.72a4 4 0 0 1-7.994.3L.273 4.86A4 4 0 0 1 4.12.713" /> { setUndeglowIndex(116, e); }} @@ -2695,13 +2695,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(116)} dataKeyIndex={keyIndex(116)} dataLayer={layer} - path="M4.12.713A4 4 0 0 1 8.267 4.56l1.53 40.72a4 4 0 0 1-7.994.3L.273 4.86A4 4 0 0 1 4.12.713" + path="M4.47.693A4 4 0 0 1 8.617 4.54l1.18 31.39a4 4 0 1 1-7.994.3L.623 4.84A4 4 0 0 1 4.47.693" /> { setUndeglowIndex(117, e); }} @@ -2714,13 +2714,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(117)} dataKeyIndex={keyIndex(117)} dataLayer={layer} - path="M4.47.693A4 4 0 0 1 8.617 4.54l1.18 31.39a4 4 0 1 1-7.994.3L.623 4.84A4 4 0 0 1 4.47.693" + path="M10.752.781a4 4 0 0 1 2.177 5.221 65.5 65.5 0 0 0-4.882 27.385v.003l.11 2.877a4 4 0 0 1-7.994.306l-.11-2.883A73.5 73.5 0 0 1 5.53 2.959 4 4 0 0 1 10.752.78" /> { setUndeglowIndex(118, e); }} @@ -2733,13 +2733,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(118)} dataKeyIndex={keyIndex(118)} dataLayer={layer} - path="M10.752.781a4 4 0 0 1 2.177 5.221 65.5 65.5 0 0 0-4.882 27.385v.003l.11 2.877a4 4 0 0 1-7.994.306l-.11-2.883A73.5 73.5 0 0 1 5.53 2.959 4 4 0 0 1 10.752.78" + path="M24.625 1.116a4 4 0 0 1 1.409 5.48l-17.79 30.1a4 4 0 0 1-6.887-4.071l17.79-30.1a4 4 0 0 1 5.478-1.409" /> { setUndeglowIndex(119, e); }} @@ -2752,13 +2752,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(119)} dataKeyIndex={keyIndex(119)} dataLayer={layer} - path="M24.625 1.116a4 4 0 0 1 1.409 5.48l-17.79 30.1a4 4 0 0 1-6.887-4.071l17.79-30.1a4 4 0 0 1 5.478-1.409" + path="M14.278 0a4 4 0 0 1 4.002 3.998A73.5 73.5 0 0 1 8.085 41.382a4 4 0 1 1-6.89-4.064A65.5 65.5 0 0 0 10.28 4.002 4 4 0 0 1 14.278 0" /> { setUndeglowIndex(120, e); }} @@ -2771,13 +2771,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(120)} dataKeyIndex={keyIndex(120)} dataLayer={layer} - path="M14.278 0a4 4 0 0 1 4.002 3.998A73.5 73.5 0 0 1 8.085 41.382a4 4 0 1 1-6.89-4.064A65.5 65.5 0 0 0 10.28 4.002 4 4 0 0 1 14.278 0" + path="M4.28.36a4 4 0 0 1 4 4v32.19a4 4 0 0 1-8 0V4.36a4 4 0 0 1 4-4" /> { setUndeglowIndex(121, e); }} @@ -2790,13 +2790,17 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(121)} dataKeyIndex={keyIndex(121)} dataLayer={layer} - path="M4.28.36a4 4 0 0 1 4 4v32.19a4 4 0 0 1-8 0V4.36a4 4 0 0 1 4-4" + path="M4.28.08a4 4 0 0 1 4 4v30.88a4 4 0 0 1-8 0V4.08a4 4 0 0 1 4-4" /> + + + {/* Right side */} + { setUndeglowIndex(122, e); }} @@ -2809,17 +2813,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(122)} dataKeyIndex={keyIndex(122)} dataLayer={layer} - path="M4.28.08a4 4 0 0 1 4 4v30.88a4 4 0 0 1-8 0V4.08a4 4 0 0 1 4-4" + path="M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4" /> - - - {/* Right side */} - { setUndeglowIndex(123, e); }} @@ -2835,10 +2835,10 @@ class KeymapANSI extends React.Component { path="M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4" /> { setUndeglowIndex(124, e); }} @@ -2851,12 +2851,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(124)} dataKeyIndex={keyIndex(124)} dataLayer={layer} - path="M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4" + path="M.25 4a4 4 0 0 1 4-4h12.39a29.38 29.38 0 0 1 25.826 15.373 4 4 0 1 1-7.032 3.814A21.38 21.38 0 0 0 16.64 8H4.25a4 4 0 0 1-4-4" /> { setUndeglowIndex(125, e); @@ -2870,12 +2870,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(125)} dataKeyIndex={keyIndex(125)} dataLayer={layer} - path="M.25 4a4 4 0 0 1 4-4h12.39a29.38 29.38 0 0 1 25.826 15.373 4 4 0 1 1-7.032 3.814A21.38 21.38 0 0 0 16.64 8H4.25a4 4 0 0 1-4-4" + path="M.43 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.43a4 4 0 0 1-4-4" /> { setUndeglowIndex(126, e); @@ -2889,12 +2889,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(126)} dataKeyIndex={keyIndex(126)} dataLayer={layer} - path="M.43 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.43a4 4 0 0 1-4-4" + path="M.61 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.61a4 4 0 0 1-4-4" /> { setUndeglowIndex(127, e); @@ -2908,12 +2908,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(127)} dataKeyIndex={keyIndex(127)} dataLayer={layer} - path="M.61 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.61a4 4 0 0 1-4-4" + path="M.79 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.79a4 4 0 0 1-4-4" /> { setUndeglowIndex(128, e); @@ -2927,12 +2927,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(128)} dataKeyIndex={keyIndex(128)} dataLayer={layer} - path="M.79 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.79a4 4 0 0 1-4-4" + path="M.97 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.97a4 4 0 0 1-4-4" /> { setUndeglowIndex(129, e); @@ -2946,12 +2946,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(129)} dataKeyIndex={keyIndex(129)} dataLayer={layer} - path="M.97 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.97a4 4 0 0 1-4-4" + path="M.15 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.15a4 4 0 0 1-4-4" /> { setUndeglowIndex(130, e); @@ -2965,12 +2965,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(130)} dataKeyIndex={keyIndex(130)} dataLayer={layer} - path="M.15 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.15a4 4 0 0 1-4-4" + path="M.32 4a4 4 0 0 1 4-4h38.83a4 4 0 0 1 0 8H4.32a4 4 0 0 1-4-4" /> { setUndeglowIndex(131, e); @@ -2984,12 +2984,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(131)} dataKeyIndex={keyIndex(131)} dataLayer={layer} - path="M.32 4a4 4 0 0 1 4-4h38.83a4 4 0 0 1 0 8H4.32a4 4 0 0 1-4-4" + path="M.41 4a4 4 0 0 1 4-4h37.91a4 4 0 1 1 0 8H4.41a4 4 0 0 1-4-4" /> { setUndeglowIndex(132, e); @@ -3003,12 +3003,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(132)} dataKeyIndex={keyIndex(132)} dataLayer={layer} - path="M.41 4a4 4 0 0 1 4-4h37.91a4 4 0 1 1 0 8H4.41a4 4 0 0 1-4-4" + path="M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4" /> { setUndeglowIndex(133, e); @@ -3025,9 +3025,9 @@ class KeymapANSI extends React.Component { path="M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4" /> { setUndeglowIndex(134, e); @@ -3041,12 +3041,12 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(134)} dataKeyIndex={keyIndex(134)} dataLayer={layer} - path="M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4" + path="M.07 4a4 4 0 0 1 4-4h38a4 4 0 0 1 0 8h-38a4 4 0 0 1-4-4" /> { setUndeglowIndex(135, e); @@ -3060,13 +3060,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(135)} dataKeyIndex={keyIndex(135)} dataLayer={layer} - path="M.07 4a4 4 0 0 1 4-4h38a4 4 0 0 1 0 8h-38a4 4 0 0 1-4-4" + path="M0 8a8 8 0 0 1 8-8h15.06a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v10.1a4 4 0 0 1-8 0z" /> { setUndeglowIndex(136, e); }} @@ -3079,13 +3079,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(136)} dataKeyIndex={keyIndex(136)} dataLayer={layer} - path="M0 8a8 8 0 0 1 8-8h15.06a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v10.1a4 4 0 0 1-8 0z" + path="M4 .54a4 4 0 0 1 4 4v21.43a4 4 0 0 1-8 0V4.54a4 4 0 0 1 4-4" /> { setUndeglowIndex(137, e); }} @@ -3098,13 +3098,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(137)} dataKeyIndex={keyIndex(137)} dataLayer={layer} - path="M4 .54a4 4 0 0 1 4 4v21.43a4 4 0 0 1-8 0V4.54a4 4 0 0 1 4-4" + path="M4 .97a4 4 0 0 1 4 4v24.87a4 4 0 0 1-8 0V4.97a4 4 0 0 1 4-4" /> { setUndeglowIndex(138, e); }} @@ -3117,13 +3117,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(138)} dataKeyIndex={keyIndex(138)} dataLayer={layer} - path="M4 .97a4 4 0 0 1 4 4v24.87a4 4 0 0 1-8 0V4.97a4 4 0 0 1 4-4" + path="M0 8a8 8 0 0 1 8-8h16a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v8.58a4 4 0 0 1-8 0z" /> { setUndeglowIndex(139, e); }} @@ -3136,13 +3136,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(139)} dataKeyIndex={keyIndex(139)} dataLayer={layer} - path="M0 8a8 8 0 0 1 8-8h16a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v8.58a4 4 0 0 1-8 0z" + path="M4 .58a4 4 0 0 1 4 4v10.1A1.32 1.32 0 0 0 9.32 16h2.251a9.14 9.14 0 0 1 9.069 9.105V44.12a4 4 0 1 1-8 0V25.13A1.14 1.14 0 0 0 11.519 24H9.32A9.32 9.32 0 0 1 0 14.68V4.58a4 4 0 0 1 4-4" /> { setUndeglowIndex(140, e); }} @@ -3155,13 +3155,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(140)} dataKeyIndex={keyIndex(140)} dataLayer={layer} - path="M4 .58a4 4 0 0 1 4 4v10.1A1.32 1.32 0 0 0 9.32 16h2.251a9.14 9.14 0 0 1 9.069 9.105V44.12a4 4 0 1 1-8 0V25.13A1.14 1.14 0 0 0 11.519 24H9.32A9.32 9.32 0 0 1 0 14.68V4.58a4 4 0 0 1 4-4" + path="M4.68.69a4 4 0 0 1 4 4V33a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" /> { setUndeglowIndex(141, e); }} @@ -3174,13 +3174,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(141)} dataKeyIndex={keyIndex(141)} dataLayer={layer} - path="M4.68.69a4 4 0 0 1 4 4V33a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" + path="M.23 4a4 4 0 0 1 4-4h9.66A9.11 9.11 0 0 1 23 9.11v13.67a4 4 0 1 1-8 0V9.11A1.11 1.11 0 0 0 13.89 8H4.23a4 4 0 0 1-4-4" /> { setUndeglowIndex(142, e); }} @@ -3193,13 +3193,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(142)} dataKeyIndex={keyIndex(142)} dataLayer={layer} - path="M.23 4a4 4 0 0 1 4-4h9.66A9.11 9.11 0 0 1 23 9.11v13.67a4 4 0 1 1-8 0V9.11A1.11 1.11 0 0 0 13.89 8H4.23a4 4 0 0 1-4-4" + path="M4 .78a4 4 0 0 1 4 4v38.59a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" /> { setUndeglowIndex(143, e); }} @@ -3212,13 +3212,13 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(143)} dataKeyIndex={keyIndex(143)} dataLayer={layer} - path="M4 .78a4 4 0 0 1 4 4v38.59a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" + path="M19.04.37a4 4 0 0 1 4 4V15a9 9 0 0 1-9 9H8.968a.11.11 0 0 0-.108.108V43.81a4 4 0 0 1-8 0V24.09A8.11 8.11 0 0 1 8.95 16h5.09a1 1 0 0 0 1-1V4.37a4 4 0 0 1 4-4" /> { setUndeglowIndex(144, e); }} @@ -3231,14 +3231,413 @@ class KeymapANSI extends React.Component { dataLedIndex={getLEDIndex(144)} dataKeyIndex={keyIndex(144)} dataLayer={layer} - path="M19.04.37a4 4 0 0 1 4 4V15a9 9 0 0 1-9 9H8.968a.11.11 0 0 0-.108.108V43.81a4 4 0 0 1-8 0V24.09A8.11 8.11 0 0 1 8.95 16h5.09a1 1 0 0 0 1-1V4.37a4 4 0 0 1 4-4" + path="M4.86.81a4 4 0 0 1 4 4v23.81a4 4 0 0 1-8 0V4.81a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(145, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(145)} + stroke={stroke(145)} + strokeWidth={getStrokeWidth(145)} + dataLedIndex={getLEDIndex(145)} + dataKeyIndex={keyIndex(145)} + dataLayer={layer} + path="M4.86.9a4 4 0 0 1 4 4v24.53a4 4 0 0 1-8 0V4.9a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(146, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(146)} + stroke={stroke(146)} + strokeWidth={getStrokeWidth(146)} + dataLedIndex={getLEDIndex(146)} + dataKeyIndex={keyIndex(146)} + dataLayer={layer} + path="M4.86.14a4 4 0 0 1 4 4v18.69a1.37 1.37 0 0 0 1.37 1.37h16.46a4 4 0 0 1 0 8H10.23a9.37 9.37 0 0 1-9.37-9.37V4.14a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(147, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(147)} + stroke={stroke(147)} + strokeWidth={getStrokeWidth(147)} + dataLedIndex={getLEDIndex(147)} + dataKeyIndex={keyIndex(147)} + dataLayer={layer} + path="M.69 4.2a4 4 0 0 1 4-4h27.82a4 4 0 1 1 0 8H4.69a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(148, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(148)} + stroke={stroke(148)} + strokeWidth={getStrokeWidth(148)} + dataLedIndex={getLEDIndex(148)} + dataKeyIndex={keyIndex(148)} + dataLayer={layer} + path="M.88 4.18a4 4 0 0 1 4-4h5.001a22.52 22.52 0 0 1 21.815 16.95l2.55 10.002a4 4 0 0 1-7.752 1.976l-2.55-9.999A14.52 14.52 0 0 0 9.88 8.18h-5a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(149, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(149)} + stroke={stroke(149)} + strokeWidth={getStrokeWidth(149)} + dataLedIndex={getLEDIndex(149)} + dataKeyIndex={keyIndex(149)} + dataLayer={layer} + path="M3.35.865a4 4 0 0 1 4.865 2.884l5.73 22.41a4 4 0 0 1-7.75 1.982L.465 5.73A4 4 0 0 1 3.349.865" + /> + { + setUndeglowIndex(150, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(150)} + stroke={stroke(150)} + strokeWidth={getStrokeWidth(150)} + dataLedIndex={getLEDIndex(150)} + dataKeyIndex={keyIndex(150)} + dataLayer={layer} + path="M3.05.904A4 4 0 0 1 7.916 3.79l6.16 24.12a4 4 0 0 1-7.752 1.98L.164 5.77A4 4 0 0 1 3.05.904" + /> + { + setUndeglowIndex(151, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(151)} + stroke={stroke(151)} + strokeWidth={getStrokeWidth(151)} + dataLedIndex={getLEDIndex(151)} + dataKeyIndex={keyIndex(151)} + dataLayer={layer} + path="M3.87.344A4 4 0 0 1 8.735 3.23l6.35 24.85a4 4 0 0 1-7.75 1.98L.984 5.21A4 4 0 0 1 3.87.344" + /> + { + setUndeglowIndex(152, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(152)} + stroke={stroke(152)} + strokeWidth={getStrokeWidth(152)} + dataLedIndex={getLEDIndex(152)} + dataKeyIndex={keyIndex(152)} + dataLayer={layer} + path="M3.87.574A4 4 0 0 1 8.735 3.46l7 27.41a4 4 0 0 1-7.75 1.98l-7-27.41A4 4 0 0 1 3.87.574" + /> + { + setUndeglowIndex(153, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(153)} + stroke={stroke(153)} + strokeWidth={getStrokeWidth(153)} + dataLedIndex={getLEDIndex(153)} + dataKeyIndex={keyIndex(153)} + dataLayer={layer} + path="M3.84.614A4 4 0 0 1 8.706 3.5l7.41 29a4 4 0 1 1-7.751 1.98l-7.41-29A4 4 0 0 1 3.84.614" + /> + { + setUndeglowIndex(154, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(154)} + stroke={stroke(154)} + strokeWidth={getStrokeWidth(154)} + dataLedIndex={getLEDIndex(154)} + dataKeyIndex={keyIndex(154)} + dataLayer={layer} + path="M3.4.852A4 4 0 0 1 8.258 3.75 19.84 19.84 0 0 0 27.48 18.73h11.5a4 4 0 1 1 0 8H27.478A27.84 27.84 0 0 1 .502 5.71 4 4 0 0 1 3.4.852" + /> + { + setUndeglowIndex(155, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(155)} + stroke={stroke(155)} + strokeWidth={getStrokeWidth(155)} + dataLedIndex={getLEDIndex(155)} + dataKeyIndex={keyIndex(155)} + dataLayer={layer} + path="M.98 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(156, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(156)} + stroke={stroke(156)} + strokeWidth={getStrokeWidth(156)} + dataLedIndex={getLEDIndex(156)} + dataKeyIndex={keyIndex(156)} + dataLayer={layer} + path="M.36 4.73a4 4 0 0 1 4-4h32.85a4 4 0 0 1 0 8H4.36a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(157, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(157)} + stroke={stroke(157)} + strokeWidth={getStrokeWidth(157)} + dataLedIndex={getLEDIndex(157)} + dataKeyIndex={keyIndex(157)} + dataLayer={layer} + path="M.73 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.73a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(158, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(158)} + stroke={stroke(158)} + strokeWidth={getStrokeWidth(158)} + dataLedIndex={getLEDIndex(158)} + dataKeyIndex={keyIndex(158)} + dataLayer={layer} + path="M.11 4.73a4 4 0 0 1 4-4h34.14a4 4 0 0 1 0 8H4.11a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(159, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(159)} + stroke={stroke(159)} + strokeWidth={getStrokeWidth(159)} + dataLedIndex={getLEDIndex(159)} + dataKeyIndex={keyIndex(159)} + dataLayer={layer} + path="M.25 4.73a4 4 0 0 1 4-4h34.61a4 4 0 0 1 0 8H4.25a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(160, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(160)} + stroke={stroke(160)} + strokeWidth={getStrokeWidth(160)} + dataLedIndex={getLEDIndex(160)} + dataKeyIndex={keyIndex(160)} + dataLayer={layer} + path="M.86 4.73a4 4 0 0 1 4-4h34.37a4 4 0 0 1 0 8H4.86a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(161, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(161)} + stroke={stroke(161)} + strokeWidth={getStrokeWidth(161)} + dataLedIndex={getLEDIndex(161)} + dataKeyIndex={keyIndex(161)} + dataLayer={layer} + path="M.23 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.23a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(162, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(162)} + stroke={stroke(162)} + strokeWidth={getStrokeWidth(162)} + dataLedIndex={getLEDIndex(162)} + dataKeyIndex={keyIndex(162)} + dataLayer={layer} + path="M.61 4.73a4 4 0 0 1 4-4h33.84a4 4 0 1 1 0 8H4.61a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(163, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(163)} + stroke={stroke(163)} + strokeWidth={getStrokeWidth(163)} + dataLedIndex={getLEDIndex(163)} + dataKeyIndex={keyIndex(163)} + dataLayer={layer} + path="M41.034.053a4 4 0 0 1 3.853 4.14l-.17 4.73A27.85 27.85 0 0 1 16.891 35.78H4.51a4 4 0 1 1 0-8h12.38A19.85 19.85 0 0 0 36.721 8.637l.17-4.73A4 4 0 0 1 41.035.052" + /> + { + setUndeglowIndex(164, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(164)} + stroke={stroke(164)} + strokeWidth={getStrokeWidth(164)} + dataLedIndex={getLEDIndex(164)} + dataKeyIndex={keyIndex(164)} + dataLayer={layer} + path="M5.59.963A4 4 0 0 1 9.437 5.11L8.347 34.2a4 4 0 0 1-7.994-.3l1.09-29.09A4 4 0 0 1 5.59.963" + /> + { + setUndeglowIndex(165, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(165)} + stroke={stroke(165)} + strokeWidth={getStrokeWidth(165)} + dataLedIndex={getLEDIndex(165)} + dataKeyIndex={keyIndex(165)} + dataLayer={layer} + path="M6.13.053A4 4 0 0 1 9.978 4.2l-1.09 28.91a4 4 0 1 1-7.994-.302L1.983 3.9A4 4 0 0 1 6.131.053" /> {rightUnderglowLEDSs.map(index => ( { From 0f80fe1bf5f64101aebbf24d6d2806bca99b80e6 Mon Sep 17 00:00:00 2001 From: Thiago Hernandez Date: Thu, 12 Sep 2024 12:58:14 +0200 Subject: [PATCH 07/14] Chore: Added new underglow segments to Raise 2 keyboard representation --- .../components/Keymap-ANSI.js | 139 +++++++++++++++++- 1 file changed, 136 insertions(+), 3 deletions(-) diff --git a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js index 29f18d150..4c8889bae 100644 --- a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js +++ b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js @@ -3598,7 +3598,7 @@ class KeymapANSI extends React.Component { key="underglow_164" id="underglow_164" x={1195.5} - y={616} + y={617} onClick={e => { setUndeglowIndex(164, e); }} @@ -3616,8 +3616,8 @@ class KeymapANSI extends React.Component { { setUndeglowIndex(165, e); }} @@ -3632,6 +3632,139 @@ class KeymapANSI extends React.Component { dataLayer={layer} path="M6.13.053A4 4 0 0 1 9.978 4.2l-1.09 28.91a4 4 0 1 1-7.994-.302L1.983 3.9A4 4 0 0 1 6.131.053" /> + { + setUndeglowIndex(166, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(166)} + stroke={stroke(166)} + strokeWidth={getStrokeWidth(166)} + dataLedIndex={getLEDIndex(166)} + dataKeyIndex={keyIndex(166)} + dataLayer={layer} + path="M5.741.203A4 4 0 0 1 9.587 4.35l-1.15 30.39a4 4 0 0 1-7.994-.302l1.15-30.39A4 4 0 0 1 5.74.203" + /> + { + setUndeglowIndex(167, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(167)} + stroke={stroke(167)} + strokeWidth={getStrokeWidth(167)} + dataLedIndex={getLEDIndex(167)} + dataKeyIndex={keyIndex(167)} + dataLayer={layer} + path="M5.39.063a4 4 0 0 1 3.847 4.146l-1.2 32.14a4 4 0 0 1-7.994-.298l1.2-32.14A4 4 0 0 1 5.389.063" + /> + { + setUndeglowIndex(168, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(168)} + stroke={stroke(168)} + strokeWidth={getStrokeWidth(168)} + dataLedIndex={getLEDIndex(168)} + dataKeyIndex={keyIndex(168)} + dataLayer={layer} + path="M6.281.913a4 4 0 0 1 3.846 4.148L8.687 43.2a4 4 0 1 1-7.994-.302l1.44-38.14A4 4 0 0 1 6.28.913" + /> + { + setUndeglowIndex(169, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(169)} + stroke={stroke(169)} + strokeWidth={getStrokeWidth(169)} + dataLedIndex={getLEDIndex(169)} + dataKeyIndex={keyIndex(169)} + dataLayer={layer} + path="M6.13.513A4 4 0 0 1 9.977 4.66l-1.4 37.41a4 4 0 1 1-7.994-.3l1.4-37.41A4 4 0 0 1 6.13.513" + /> + { + setUndeglowIndex(170, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(170)} + stroke={stroke(170)} + strokeWidth={getStrokeWidth(170)} + dataLedIndex={getLEDIndex(170)} + dataKeyIndex={keyIndex(170)} + dataLayer={layer} + path="M5.76.253A4 4 0 0 1 9.608 4.4l-1.16 30.73a4 4 0 1 1-7.994-.302L1.613 4.1A4 4 0 0 1 5.76.253" + /> + { + setUndeglowIndex(171, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(171)} + stroke={stroke(171)} + strokeWidth={getStrokeWidth(171)} + dataLedIndex={getLEDIndex(171)} + dataKeyIndex={keyIndex(171)} + dataLayer={layer} + path="M2.055.556a4 4 0 0 1 5.479 1.41l1.53 2.59a73.47 73.47 0 0 1 10.163 40.182v.005l-.17 4.701a4 4 0 0 1-7.994-.288l.17-4.71v-.01A65.47 65.47 0 0 0 2.176 8.626l-1.53-2.59A4 4 0 0 1 2.056.555" + /> + { + setUndeglowIndex(172, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(172)} + stroke={stroke(172)} + strokeWidth={getStrokeWidth(172)} + dataLedIndex={getLEDIndex(172)} + dataKeyIndex={keyIndex(172)} + dataLayer={layer} + path="M2.61.775A4 4 0 0 1 8.025 2.41c.347.647.68 1.23.996 1.721l.043.066 17.13 28.988a4 4 0 0 1-6.888 4.07L2.254 8.399A34 34 0 0 1 .974 6.19 4 4 0 0 1 2.61.775" + /> {rightUnderglowLEDSs.map(index => ( From eeb8b65cf3d4560d864061fbd44c4088c57b683e Mon Sep 17 00:00:00 2001 From: Thiago Hernandez Date: Thu, 12 Sep 2024 17:05:05 +0200 Subject: [PATCH 08/14] Chore: Add new underglow segments to Raise 2 keyboard --- .../components/Keymap-ANSI.js | 66 ++++++++++++++----- 1 file changed, 50 insertions(+), 16 deletions(-) diff --git a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js index 4c8889bae..106f43ed4 100644 --- a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js +++ b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js @@ -3765,30 +3765,64 @@ class KeymapANSI extends React.Component { dataLayer={layer} path="M2.61.775A4 4 0 0 1 8.025 2.41c.347.647.68 1.23.996 1.721l.043.066 17.13 28.988a4 4 0 0 1-6.888 4.07L2.254 8.399A34 34 0 0 1 .974 6.19 4 4 0 0 1 2.61.775" /> - - - {rightUnderglowLEDSs.map(index => ( { - setUndeglowIndex(index + 121, e); + setUndeglowIndex(173, e); }} selectedLED={selectedLED} visibility={!!(showUnderglow || isStandardView)} clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(index + 121)} - stroke={stroke(index + 121)} - strokeWidth={getStrokeWidth(index + 121)} - dataLedIndex={getLEDIndex(index + 121)} - dataKeyIndex={keyIndex(index + 121)} + fill={getColor(173)} + stroke={stroke(173)} + strokeWidth={getStrokeWidth(173)} + dataLedIndex={getLEDIndex(173)} + dataKeyIndex={keyIndex(173)} dataLayer={layer} - path="M0.800018 4.69995C0.800018 2.49081 2.59088 0.699951 4.80002 0.699951H52.9C55.1091 0.699951 56.9 2.49081 56.9 4.69995C56.9 6.90909 55.1091 8.69995 52.9 8.69995H4.80002C2.59088 8.69995 0.800018 6.90909 0.800018 4.69995Z" + path="M4 .46a4 4 0 0 1 4 4V18a65.5 65.5 0 0 0 3.6 21.432 4 4 0 1 1-7.56 2.616A73.5 73.5 0 0 1 0 18V4.46a4 4 0 0 1 4-4" /> - ))} - + { + setUndeglowIndex(174, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(174)} + stroke={stroke(174)} + strokeWidth={getStrokeWidth(174)} + dataLedIndex={getLEDIndex(174)} + dataKeyIndex={keyIndex(174)} + dataLayer={layer} + path="M4 .22a4 4 0 0 1 4 4v36.24a4 4 0 0 1-8 0V4.22a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(175, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(175)} + stroke={stroke(175)} + strokeWidth={getStrokeWidth(175)} + dataLedIndex={getLEDIndex(175)} + dataKeyIndex={keyIndex(175)} + dataLayer={layer} + path="M4 .7a4 4 0 0 1 4 4v33.52a4 4 0 1 1-8 0V4.7a4 4 0 0 1 4-4" + /> + {/* End Right side */} From 277517fe72086debe5dd37bdf38dd84f706f5917 Mon Sep 17 00:00:00 2001 From: Thiago Hernandez Date: Thu, 12 Sep 2024 17:08:29 +0200 Subject: [PATCH 09/14] Chore: Updated Raise 2 ISO layout representation --- .../components/Keymap-ISO.js | 2051 ++++++++++++++++- 1 file changed, 2022 insertions(+), 29 deletions(-) diff --git a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js index cdbff83cc..060226756 100644 --- a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js +++ b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js @@ -1810,51 +1810,2044 @@ class KeymapISO extends React.Component { {/* Left side */} - - {leftUnderglowLEDSs.map(index => ( + + { + setUndeglowIndex(69, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(69)} + stroke={stroke(69)} + strokeWidth={getStrokeWidth(69)} + dataLedIndex={getLEDIndex(69)} + dataKeyIndex={keyIndex(69)} + dataLayer={layer} + path="M4.28.4a4 4 0 0 1 4 4v27.7a4 4 0 0 1-8 0V4.4a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(70, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(70)} + stroke={stroke(70)} + strokeWidth={getStrokeWidth(70)} + dataLedIndex={getLEDIndex(70)} + dataKeyIndex={keyIndex(70)} + dataLayer={layer} + path="M4.28.37a4 4 0 0 1 4 4V29.5a4 4 0 0 1-8 0V4.37a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(71, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(71)} + stroke={stroke(71)} + strokeWidth={getStrokeWidth(71)} + dataLedIndex={getLEDIndex(71)} + dataKeyIndex={keyIndex(71)} + dataLayer={layer} + path="M33.64 3.998A4 4 0 0 1 29.642 8 21.37 21.37 0 0 0 8.28 29.37a4 4 0 0 1-8 0A29.37 29.37 0 0 1 29.639 0a4 4 0 0 1 4.001 3.998" + /> + { + setUndeglowIndex(72, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(72)} + stroke={stroke(72)} + strokeWidth={getStrokeWidth(72)} + dataLedIndex={getLEDIndex(72)} + dataKeyIndex={keyIndex(72)} + dataLayer={layer} + path="M.65 4a4 4 0 0 1 4-4h35.13a4 4 0 1 1 0 8H4.65a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(73, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(73)} + stroke={stroke(73)} + strokeWidth={getStrokeWidth(73)} + dataLedIndex={getLEDIndex(73)} + dataKeyIndex={keyIndex(73)} + dataLayer={layer} + path="M.78 4a4 4 0 0 1 4-4h38.38a4 4 0 1 1 0 8H4.78a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(74, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(74)} + stroke={stroke(74)} + strokeWidth={getStrokeWidth(74)} + dataLedIndex={getLEDIndex(74)} + dataKeyIndex={keyIndex(74)} + dataLayer={layer} + path="M.16 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.16a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(75, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(75)} + stroke={stroke(75)} + strokeWidth={getStrokeWidth(75)} + dataLedIndex={getLEDIndex(75)} + dataKeyIndex={keyIndex(75)} + dataLayer={layer} + path="M.53 4a4 4 0 0 1 4-4H42.9a4 4 0 1 1 0 8H4.53a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(76, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(76)} + stroke={stroke(76)} + strokeWidth={getStrokeWidth(76)} + dataLedIndex={getLEDIndex(76)} + dataKeyIndex={keyIndex(76)} + dataLayer={layer} + path="M.34 4a4 4 0 0 1 4-4h37.72a4 4 0 0 1 0 8H4.34a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(77, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(77)} + stroke={stroke(77)} + strokeWidth={getStrokeWidth(77)} + dataLedIndex={getLEDIndex(77)} + dataKeyIndex={keyIndex(77)} + dataLayer={layer} + path="M.28 4a4 4 0 0 1 4-4h39.18a4 4 0 1 1 0 8H4.28a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(78, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(78)} + stroke={stroke(78)} + strokeWidth={getStrokeWidth(78)} + dataLedIndex={getLEDIndex(78)} + dataKeyIndex={keyIndex(78)} + dataLayer={layer} + path="M.46 4a4 4 0 0 1 4-4h37.56a4 4 0 0 1 0 8H4.46a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(79, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(79)} + stroke={stroke(79)} + strokeWidth={getStrokeWidth(79)} + dataLedIndex={getLEDIndex(79)} + dataKeyIndex={keyIndex(79)} + dataLayer={layer} + path="M.02 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.02a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(80, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(80)} + stroke={stroke(80)} + strokeWidth={getStrokeWidth(80)} + dataLedIndex={getLEDIndex(80)} + dataKeyIndex={keyIndex(80)} + dataLayer={layer} + path="M.39 4a4 4 0 0 1 4-4h39.56a4 4 0 1 1 0 8H4.39a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(81, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(81)} + stroke={stroke(81)} + strokeWidth={getStrokeWidth(81)} + dataLedIndex={getLEDIndex(81)} + dataKeyIndex={keyIndex(81)} + dataLayer={layer} + path="M.95 4a4 4 0 0 1 4-4h13.39a8.94 8.94 0 0 1 8.94 8.94V21a4 4 0 0 1-8 0V8.94a.94.94 0 0 0-.94-.94H4.95a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(82, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(82)} + stroke={stroke(82)} + strokeWidth={getStrokeWidth(82)} + dataLedIndex={getLEDIndex(82)} + dataKeyIndex={keyIndex(82)} + dataLayer={layer} + path="M4.28 0a4 4 0 0 1 4 4v18.97a4 4 0 0 1-8 0V4a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(83, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(83)} + stroke={stroke(83)} + strokeWidth={getStrokeWidth(83)} + dataLedIndex={getLEDIndex(83)} + dataKeyIndex={keyIndex(83)} + dataLayer={layer} + path="M4.28.8a4 4 0 0 1 4 4V30a4 4 0 0 1-8 0V4.8a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(84, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(84)} + stroke={stroke(84)} + strokeWidth={getStrokeWidth(84)} + dataLedIndex={getLEDIndex(84)} + dataKeyIndex={keyIndex(84)} + dataLayer={layer} + path="M6.55 0C3.217 0 .523 2.717.526 6.05.53 11.12.5 16.188.5 21.26a4 4 0 0 0 8 0V9a1 1 0 0 1 1-1h2.74a4 4 0 0 0 0-8z" + /> + { + setUndeglowIndex(85, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(85)} + stroke={stroke(85)} + strokeWidth={getStrokeWidth(85)} + dataLedIndex={getLEDIndex(85)} + dataKeyIndex={keyIndex(85)} + dataLayer={layer} + path="M4.72.86a4 4 0 0 1 4 4v18.93a4 4 0 0 1-8 0V4.86a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(86, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(86)} + stroke={stroke(86)} + strokeWidth={getStrokeWidth(86)} + dataLedIndex={getLEDIndex(86)} + dataKeyIndex={keyIndex(86)} + dataLayer={layer} + path="M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(87, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(87)} + stroke={stroke(87)} + strokeWidth={getStrokeWidth(87)} + dataLedIndex={getLEDIndex(87)} + dataKeyIndex={keyIndex(87)} + dataLayer={layer} + path="M4.6.69a4 4 0 0 1 4 4v21.06a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(88, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(88)} + stroke={stroke(88)} + strokeWidth={getStrokeWidth(88)} + dataLedIndex={getLEDIndex(88)} + dataKeyIndex={keyIndex(88)} + dataLayer={layer} + path="M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(89, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(89)} + stroke={stroke(89)} + strokeWidth={getStrokeWidth(89)} + dataLedIndex={getLEDIndex(89)} + dataKeyIndex={keyIndex(89)} + dataLayer={layer} + path="M4.28.78a4 4 0 0 1 4 4v40.18a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(90, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(90)} + stroke={stroke(90)} + strokeWidth={getStrokeWidth(90)} + dataLedIndex={getLEDIndex(90)} + dataKeyIndex={keyIndex(90)} + dataLayer={layer} + path="M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z" + /> + { + setUndeglowIndex(91, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(91)} + stroke={stroke(91)} + strokeWidth={getStrokeWidth(91)} + dataLedIndex={getLEDIndex(91)} + dataKeyIndex={keyIndex(91)} + dataLayer={layer} + path="M4.42.28a4 4 0 0 1 4 4v29.93a4 4 0 0 1-8 0V4.28a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(92, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(92)} + stroke={stroke(92)} + strokeWidth={getStrokeWidth(92)} + dataLedIndex={getLEDIndex(92)} + dataKeyIndex={keyIndex(92)} + dataLayer={layer} + path="M4.42-.01a4 4 0 0 1 4 4v25.44a4 4 0 0 1-8 0V3.99a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(93, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(93)} + stroke={stroke(93)} + strokeWidth={getStrokeWidth(93)} + dataLedIndex={getLEDIndex(93)} + dataKeyIndex={keyIndex(93)} + dataLayer={layer} + path="M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(94, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(94)} + stroke={stroke(94)} + strokeWidth={getStrokeWidth(94)} + dataLedIndex={getLEDIndex(94)} + dataKeyIndex={keyIndex(94)} + dataLayer={layer} + path="M.35 4.2a4 4 0 0 1 4-4h35.56a4 4 0 0 1 0 8H4.35a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(95, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(95)} + stroke={stroke(95)} + strokeWidth={getStrokeWidth(95)} + dataLedIndex={getLEDIndex(95)} + dataKeyIndex={keyIndex(95)} + dataLayer={layer} + path="M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082" + /> + { + setUndeglowIndex(96, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(96)} + stroke={stroke(96)} + strokeWidth={getStrokeWidth(96)} + dataLedIndex={getLEDIndex(96)} + dataKeyIndex={keyIndex(96)} + dataLayer={layer} + path="M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944" + /> + { + setUndeglowIndex(97, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(97)} + stroke={stroke(97)} + strokeWidth={getStrokeWidth(97)} + dataLedIndex={getLEDIndex(97)} + dataKeyIndex={keyIndex(97)} + dataLayer={layer} + path="M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904" + /> + { + setUndeglowIndex(98, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(98)} + stroke={stroke(98)} + strokeWidth={getStrokeWidth(98)} + dataLedIndex={getLEDIndex(98)} + dataKeyIndex={keyIndex(98)} + dataLayer={layer} + path="M12.09.714a4 4 0 0 1 2.886 4.866l-6.23 24.4A4 4 0 1 1 .994 28l6.23-24.4A4 4 0 0 1 12.09.714" + /> + { + setUndeglowIndex(99, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(99)} + stroke={stroke(99)} + strokeWidth={getStrokeWidth(99)} + dataLedIndex={getLEDIndex(99)} + dataKeyIndex={keyIndex(99)} + dataLayer={layer} + path="M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165" + /> + { + setUndeglowIndex(100, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(100)} + stroke={stroke(100)} + strokeWidth={getStrokeWidth(100)} + dataLedIndex={getLEDIndex(100)} + dataKeyIndex={keyIndex(100)} + dataLayer={layer} + path="M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894" + /> + { + setUndeglowIndex(101, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(101)} + stroke={stroke(101)} + strokeWidth={getStrokeWidth(101)} + dataLedIndex={getLEDIndex(101)} + dataKeyIndex={keyIndex(101)} + dataLayer={layer} + path="M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878" + /> + { + setUndeglowIndex(102, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(102)} + stroke={stroke(102)} + strokeWidth={getStrokeWidth(102)} + dataLedIndex={getLEDIndex(102)} + dataKeyIndex={keyIndex(102)} + dataLayer={layer} + path="M.26 4.73a4 4 0 0 1 4-4h32.49a4 4 0 0 1 0 8H4.26a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(103, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(103)} + stroke={stroke(103)} + strokeWidth={getStrokeWidth(103)} + dataLedIndex={getLEDIndex(103)} + dataKeyIndex={keyIndex(103)} + dataLayer={layer} + path="M.44 4.73a4 4 0 0 1 4-4H37a4 4 0 0 1 0 8H4.44a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(104, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(104)} + stroke={stroke(104)} + strokeWidth={getStrokeWidth(104)} + dataLedIndex={getLEDIndex(104)} + dataKeyIndex={keyIndex(104)} + dataLayer={layer} + path="M.95 4.73a4 4 0 0 1 4-4h32.74a4 4 0 0 1 0 8H4.95a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(105, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(105)} + stroke={stroke(105)} + strokeWidth={getStrokeWidth(105)} + dataLedIndex={getLEDIndex(105)} + dataKeyIndex={keyIndex(105)} + dataLayer={layer} + path="M.88 4.73a4 4 0 0 1 4-4h33.07a4 4 0 0 1 0 8H4.88a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(106, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(106)} + stroke={stroke(106)} + strokeWidth={getStrokeWidth(106)} + dataLedIndex={getLEDIndex(106)} + dataKeyIndex={keyIndex(106)} + dataLayer={layer} + path="M.27 4.73a4 4 0 0 1 4-4h32.55a4 4 0 1 1 0 8H4.27a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(107, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(107)} + stroke={stroke(107)} + strokeWidth={getStrokeWidth(107)} + dataLedIndex={getLEDIndex(107)} + dataKeyIndex={keyIndex(107)} + dataLayer={layer} + path="M.72 4.73a4 4 0 0 1 4-4h32.75a4 4 0 0 1 0 8H4.72a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(108, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(108)} + stroke={stroke(108)} + strokeWidth={getStrokeWidth(108)} + dataLedIndex={getLEDIndex(108)} + dataKeyIndex={keyIndex(108)} + dataLayer={layer} + path="M.98 4.73a4 4 0 0 1 4-4h32.46a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(109, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(109)} + stroke={stroke(109)} + strokeWidth={getStrokeWidth(109)} + dataLedIndex={getLEDIndex(109)} + dataKeyIndex={keyIndex(109)} + dataLayer={layer} + path="M2.342 1.177a4 4 0 0 1 5.381 1.745A19.83 19.83 0 0 0 25.39 13.74h3.25a4 4 0 1 1 0 8h-3.25A27.83 27.83 0 0 1 .598 6.558a4 4 0 0 1 1.745-5.381" + /> + { + setUndeglowIndex(110, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(110)} + stroke={stroke(110)} + strokeWidth={getStrokeWidth(110)} + dataLedIndex={getLEDIndex(110)} + dataKeyIndex={keyIndex(110)} + dataLayer={layer} + path="M4.28.493A4 4 0 0 1 8.427 4.34l1.07 28.54a4 4 0 0 1-7.994.3L.433 4.64A4 4 0 0 1 4.28.493" + /> + { + setUndeglowIndex(111, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(111)} + stroke={stroke(111)} + strokeWidth={getStrokeWidth(111)} + dataLedIndex={getLEDIndex(111)} + dataKeyIndex={keyIndex(111)} + dataLayer={layer} + path="M4.36.483A4 4 0 0 1 8.507 4.33l1.44 38.28a4 4 0 0 1-7.994.3L.513 4.63A4 4 0 0 1 4.36.483" + /> + { + setUndeglowIndex(112, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(112)} + stroke={stroke(112)} + strokeWidth={getStrokeWidth(112)} + dataLedIndex={getLEDIndex(112)} + dataKeyIndex={keyIndex(112)} + dataLayer={layer} + path="M4.73.003A4 4 0 0 1 8.877 3.85l1.16 30.97a4 4 0 0 1-7.994.3L.883 4.15A4 4 0 0 1 4.73.003" + /> + { + setUndeglowIndex(113, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(113)} + stroke={stroke(113)} + strokeWidth={getStrokeWidth(113)} + dataLedIndex={getLEDIndex(113)} + dataKeyIndex={keyIndex(113)} + dataLayer={layer} + path="M3.86.143A4 4 0 0 1 8.007 3.99l1.41 37.57a4 4 0 1 1-7.994.3L.013 4.29A4 4 0 0 1 3.86.143" + /> + { + setUndeglowIndex(114, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(114)} + stroke={stroke(114)} + strokeWidth={getStrokeWidth(114)} + dataLedIndex={getLEDIndex(114)} + dataKeyIndex={keyIndex(114)} + dataLayer={layer} + path="M4.13.113A4 4 0 0 1 8.277 3.96l1.26 33.51a4 4 0 1 1-7.994.3L.283 4.26A4 4 0 0 1 4.13.113" + /> + { + setUndeglowIndex(115, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(115)} + stroke={stroke(115)} + strokeWidth={getStrokeWidth(115)} + dataLedIndex={getLEDIndex(115)} + dataKeyIndex={keyIndex(115)} + dataLayer={layer} + path="M4.12.713A4 4 0 0 1 8.267 4.56l1.53 40.72a4 4 0 0 1-7.994.3L.273 4.86A4 4 0 0 1 4.12.713" + /> + { + setUndeglowIndex(116, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(116)} + stroke={stroke(116)} + strokeWidth={getStrokeWidth(116)} + dataLedIndex={getLEDIndex(116)} + dataKeyIndex={keyIndex(116)} + dataLayer={layer} + path="M4.47.693A4 4 0 0 1 8.617 4.54l1.18 31.39a4 4 0 1 1-7.994.3L.623 4.84A4 4 0 0 1 4.47.693" + /> + { + setUndeglowIndex(117, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(117)} + stroke={stroke(117)} + strokeWidth={getStrokeWidth(117)} + dataLedIndex={getLEDIndex(117)} + dataKeyIndex={keyIndex(117)} + dataLayer={layer} + path="M10.752.781a4 4 0 0 1 2.177 5.221 65.5 65.5 0 0 0-4.882 27.385v.003l.11 2.877a4 4 0 0 1-7.994.306l-.11-2.883A73.5 73.5 0 0 1 5.53 2.959 4 4 0 0 1 10.752.78" + /> + { + setUndeglowIndex(118, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(118)} + stroke={stroke(118)} + strokeWidth={getStrokeWidth(118)} + dataLedIndex={getLEDIndex(118)} + dataKeyIndex={keyIndex(118)} + dataLayer={layer} + path="M24.625 1.116a4 4 0 0 1 1.409 5.48l-17.79 30.1a4 4 0 0 1-6.887-4.071l17.79-30.1a4 4 0 0 1 5.478-1.409" + /> + { + setUndeglowIndex(119, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(119)} + stroke={stroke(119)} + strokeWidth={getStrokeWidth(119)} + dataLedIndex={getLEDIndex(119)} + dataKeyIndex={keyIndex(119)} + dataLayer={layer} + path="M14.278 0a4 4 0 0 1 4.002 3.998A73.5 73.5 0 0 1 8.085 41.382a4 4 0 1 1-6.89-4.064A65.5 65.5 0 0 0 10.28 4.002 4 4 0 0 1 14.278 0" + /> + { + setUndeglowIndex(120, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(120)} + stroke={stroke(120)} + strokeWidth={getStrokeWidth(120)} + dataLedIndex={getLEDIndex(120)} + dataKeyIndex={keyIndex(120)} + dataLayer={layer} + path="M4.28.36a4 4 0 0 1 4 4v32.19a4 4 0 0 1-8 0V4.36a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(121, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(121)} + stroke={stroke(121)} + strokeWidth={getStrokeWidth(121)} + dataLedIndex={getLEDIndex(121)} + dataKeyIndex={keyIndex(121)} + dataLayer={layer} + path="M4.28.08a4 4 0 0 1 4 4v30.88a4 4 0 0 1-8 0V4.08a4 4 0 0 1 4-4" + /> + + {/* Right side */} + + { + setUndeglowIndex(122, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(122)} + stroke={stroke(122)} + strokeWidth={getStrokeWidth(122)} + dataLedIndex={getLEDIndex(122)} + dataKeyIndex={keyIndex(122)} + dataLayer={layer} + path="M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(123, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(123)} + stroke={stroke(123)} + strokeWidth={getStrokeWidth(123)} + dataLedIndex={getLEDIndex(123)} + dataKeyIndex={keyIndex(123)} + dataLayer={layer} + path="M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(124, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(124)} + stroke={stroke(124)} + strokeWidth={getStrokeWidth(124)} + dataLedIndex={getLEDIndex(124)} + dataKeyIndex={keyIndex(124)} + dataLayer={layer} + path="M.25 4a4 4 0 0 1 4-4h12.39a29.38 29.38 0 0 1 25.826 15.373 4 4 0 1 1-7.032 3.814A21.38 21.38 0 0 0 16.64 8H4.25a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(125, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(125)} + stroke={stroke(125)} + strokeWidth={getStrokeWidth(125)} + dataLedIndex={getLEDIndex(125)} + dataKeyIndex={keyIndex(125)} + dataLayer={layer} + path="M.43 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.43a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(126, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(126)} + stroke={stroke(126)} + strokeWidth={getStrokeWidth(126)} + dataLedIndex={getLEDIndex(126)} + dataKeyIndex={keyIndex(126)} + dataLayer={layer} + path="M.61 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.61a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(127, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(127)} + stroke={stroke(127)} + strokeWidth={getStrokeWidth(127)} + dataLedIndex={getLEDIndex(127)} + dataKeyIndex={keyIndex(127)} + dataLayer={layer} + path="M.79 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.79a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(128, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(128)} + stroke={stroke(128)} + strokeWidth={getStrokeWidth(128)} + dataLedIndex={getLEDIndex(128)} + dataKeyIndex={keyIndex(128)} + dataLayer={layer} + path="M.97 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.97a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(129, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(129)} + stroke={stroke(129)} + strokeWidth={getStrokeWidth(129)} + dataLedIndex={getLEDIndex(129)} + dataKeyIndex={keyIndex(129)} + dataLayer={layer} + path="M.15 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.15a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(130, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(130)} + stroke={stroke(130)} + strokeWidth={getStrokeWidth(130)} + dataLedIndex={getLEDIndex(130)} + dataKeyIndex={keyIndex(130)} + dataLayer={layer} + path="M.32 4a4 4 0 0 1 4-4h38.83a4 4 0 0 1 0 8H4.32a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(131, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(131)} + stroke={stroke(131)} + strokeWidth={getStrokeWidth(131)} + dataLedIndex={getLEDIndex(131)} + dataKeyIndex={keyIndex(131)} + dataLayer={layer} + path="M.41 4a4 4 0 0 1 4-4h37.91a4 4 0 1 1 0 8H4.41a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(132, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(132)} + stroke={stroke(132)} + strokeWidth={getStrokeWidth(132)} + dataLedIndex={getLEDIndex(132)} + dataKeyIndex={keyIndex(132)} + dataLayer={layer} + path="M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(133, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(133)} + stroke={stroke(133)} + strokeWidth={getStrokeWidth(133)} + dataLedIndex={getLEDIndex(133)} + dataKeyIndex={keyIndex(133)} + dataLayer={layer} + path="M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(134, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(134)} + stroke={stroke(134)} + strokeWidth={getStrokeWidth(134)} + dataLedIndex={getLEDIndex(134)} + dataKeyIndex={keyIndex(134)} + dataLayer={layer} + path="M.07 4a4 4 0 0 1 4-4h38a4 4 0 0 1 0 8h-38a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(135, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(135)} + stroke={stroke(135)} + strokeWidth={getStrokeWidth(135)} + dataLedIndex={getLEDIndex(135)} + dataKeyIndex={keyIndex(135)} + dataLayer={layer} + path="M0 8a8 8 0 0 1 8-8h15.06a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v10.1a4 4 0 0 1-8 0z" + /> + { + setUndeglowIndex(136, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(136)} + stroke={stroke(136)} + strokeWidth={getStrokeWidth(136)} + dataLedIndex={getLEDIndex(136)} + dataKeyIndex={keyIndex(136)} + dataLayer={layer} + path="M4 .54a4 4 0 0 1 4 4v21.43a4 4 0 0 1-8 0V4.54a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(137, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(137)} + stroke={stroke(137)} + strokeWidth={getStrokeWidth(137)} + dataLedIndex={getLEDIndex(137)} + dataKeyIndex={keyIndex(137)} + dataLayer={layer} + path="M4 .97a4 4 0 0 1 4 4v24.87a4 4 0 0 1-8 0V4.97a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(138, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(138)} + stroke={stroke(138)} + strokeWidth={getStrokeWidth(138)} + dataLedIndex={getLEDIndex(138)} + dataKeyIndex={keyIndex(138)} + dataLayer={layer} + path="M0 8a8 8 0 0 1 8-8h16a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v8.58a4 4 0 0 1-8 0z" + /> + { + setUndeglowIndex(139, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(139)} + stroke={stroke(139)} + strokeWidth={getStrokeWidth(139)} + dataLedIndex={getLEDIndex(139)} + dataKeyIndex={keyIndex(139)} + dataLayer={layer} + path="M4 .58a4 4 0 0 1 4 4v10.1A1.32 1.32 0 0 0 9.32 16h2.251a9.14 9.14 0 0 1 9.069 9.105V44.12a4 4 0 1 1-8 0V25.13A1.14 1.14 0 0 0 11.519 24H9.32A9.32 9.32 0 0 1 0 14.68V4.58a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(140, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(140)} + stroke={stroke(140)} + strokeWidth={getStrokeWidth(140)} + dataLedIndex={getLEDIndex(140)} + dataKeyIndex={keyIndex(140)} + dataLayer={layer} + path="M4.68.69a4 4 0 0 1 4 4V33a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(141, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(141)} + stroke={stroke(141)} + strokeWidth={getStrokeWidth(141)} + dataLedIndex={getLEDIndex(141)} + dataKeyIndex={keyIndex(141)} + dataLayer={layer} + path="M.23 4a4 4 0 0 1 4-4h9.66A9.11 9.11 0 0 1 23 9.11v13.67a4 4 0 1 1-8 0V9.11A1.11 1.11 0 0 0 13.89 8H4.23a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(142, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(142)} + stroke={stroke(142)} + strokeWidth={getStrokeWidth(142)} + dataLedIndex={getLEDIndex(142)} + dataKeyIndex={keyIndex(142)} + dataLayer={layer} + path="M4 .78a4 4 0 0 1 4 4v38.59a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" + /> { - setUndeglowIndex(index + 69, e); + setUndeglowIndex(143, e); }} selectedLED={selectedLED} visibility={!!(showUnderglow || isStandardView)} clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(index + 69)} - stroke={stroke(index + 69)} - strokeWidth={getStrokeWidth(index + 69)} - dataLedIndex={getLEDIndex(index + 69)} - dataKeyIndex={keyIndex(index + 69)} + fill={getColor(143)} + stroke={stroke(143)} + strokeWidth={getStrokeWidth(143)} + dataLedIndex={getLEDIndex(143)} + dataKeyIndex={keyIndex(143)} dataLayer={layer} - path="M0.800018 4.69995C0.800018 2.49081 2.59088 0.699951 4.80002 0.699951H52.9C55.1091 0.699951 56.9 2.49081 56.9 4.69995C56.9 6.90909 55.1091 8.69995 52.9 8.69995H4.80002C2.59088 8.69995 0.800018 6.90909 0.800018 4.69995Z" + path="M19.04.37a4 4 0 0 1 4 4V15a9 9 0 0 1-9 9H8.968a.11.11 0 0 0-.108.108V43.81a4 4 0 0 1-8 0V24.09A8.11 8.11 0 0 1 8.95 16h5.09a1 1 0 0 0 1-1V4.37a4 4 0 0 1 4-4" /> - ))} - - {rightUnderglowLEDSs.map(index => ( { - setUndeglowIndex(index + 121, e); + setUndeglowIndex(144, e); }} selectedLED={selectedLED} visibility={!!(showUnderglow || isStandardView)} clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(index + 121)} - stroke={stroke(index + 121)} - strokeWidth={getStrokeWidth(index + 121)} - dataLedIndex={getLEDIndex(index + 121)} - dataKeyIndex={keyIndex(index + 121)} + fill={getColor(144)} + stroke={stroke(144)} + strokeWidth={getStrokeWidth(144)} + dataLedIndex={getLEDIndex(144)} + dataKeyIndex={keyIndex(144)} dataLayer={layer} - path="M0.800018 4.69995C0.800018 2.49081 2.59088 0.699951 4.80002 0.699951H52.9C55.1091 0.699951 56.9 2.49081 56.9 4.69995C56.9 6.90909 55.1091 8.69995 52.9 8.69995H4.80002C2.59088 8.69995 0.800018 6.90909 0.800018 4.69995Z" + path="M4.86.81a4 4 0 0 1 4 4v23.81a4 4 0 0 1-8 0V4.81a4 4 0 0 1 4-4" /> - ))} - + { + setUndeglowIndex(145, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(145)} + stroke={stroke(145)} + strokeWidth={getStrokeWidth(145)} + dataLedIndex={getLEDIndex(145)} + dataKeyIndex={keyIndex(145)} + dataLayer={layer} + path="M4.86.9a4 4 0 0 1 4 4v24.53a4 4 0 0 1-8 0V4.9a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(146, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(146)} + stroke={stroke(146)} + strokeWidth={getStrokeWidth(146)} + dataLedIndex={getLEDIndex(146)} + dataKeyIndex={keyIndex(146)} + dataLayer={layer} + path="M4.86.14a4 4 0 0 1 4 4v18.69a1.37 1.37 0 0 0 1.37 1.37h16.46a4 4 0 0 1 0 8H10.23a9.37 9.37 0 0 1-9.37-9.37V4.14a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(147, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(147)} + stroke={stroke(147)} + strokeWidth={getStrokeWidth(147)} + dataLedIndex={getLEDIndex(147)} + dataKeyIndex={keyIndex(147)} + dataLayer={layer} + path="M.69 4.2a4 4 0 0 1 4-4h27.82a4 4 0 1 1 0 8H4.69a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(148, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(148)} + stroke={stroke(148)} + strokeWidth={getStrokeWidth(148)} + dataLedIndex={getLEDIndex(148)} + dataKeyIndex={keyIndex(148)} + dataLayer={layer} + path="M.88 4.18a4 4 0 0 1 4-4h5.001a22.52 22.52 0 0 1 21.815 16.95l2.55 10.002a4 4 0 0 1-7.752 1.976l-2.55-9.999A14.52 14.52 0 0 0 9.88 8.18h-5a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(149, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(149)} + stroke={stroke(149)} + strokeWidth={getStrokeWidth(149)} + dataLedIndex={getLEDIndex(149)} + dataKeyIndex={keyIndex(149)} + dataLayer={layer} + path="M3.35.865a4 4 0 0 1 4.865 2.884l5.73 22.41a4 4 0 0 1-7.75 1.982L.465 5.73A4 4 0 0 1 3.349.865" + /> + { + setUndeglowIndex(150, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(150)} + stroke={stroke(150)} + strokeWidth={getStrokeWidth(150)} + dataLedIndex={getLEDIndex(150)} + dataKeyIndex={keyIndex(150)} + dataLayer={layer} + path="M3.05.904A4 4 0 0 1 7.916 3.79l6.16 24.12a4 4 0 0 1-7.752 1.98L.164 5.77A4 4 0 0 1 3.05.904" + /> + { + setUndeglowIndex(151, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(151)} + stroke={stroke(151)} + strokeWidth={getStrokeWidth(151)} + dataLedIndex={getLEDIndex(151)} + dataKeyIndex={keyIndex(151)} + dataLayer={layer} + path="M3.87.344A4 4 0 0 1 8.735 3.23l6.35 24.85a4 4 0 0 1-7.75 1.98L.984 5.21A4 4 0 0 1 3.87.344" + /> + { + setUndeglowIndex(152, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(152)} + stroke={stroke(152)} + strokeWidth={getStrokeWidth(152)} + dataLedIndex={getLEDIndex(152)} + dataKeyIndex={keyIndex(152)} + dataLayer={layer} + path="M3.87.574A4 4 0 0 1 8.735 3.46l7 27.41a4 4 0 0 1-7.75 1.98l-7-27.41A4 4 0 0 1 3.87.574" + /> + { + setUndeglowIndex(153, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(153)} + stroke={stroke(153)} + strokeWidth={getStrokeWidth(153)} + dataLedIndex={getLEDIndex(153)} + dataKeyIndex={keyIndex(153)} + dataLayer={layer} + path="M3.84.614A4 4 0 0 1 8.706 3.5l7.41 29a4 4 0 1 1-7.751 1.98l-7.41-29A4 4 0 0 1 3.84.614" + /> + { + setUndeglowIndex(154, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(154)} + stroke={stroke(154)} + strokeWidth={getStrokeWidth(154)} + dataLedIndex={getLEDIndex(154)} + dataKeyIndex={keyIndex(154)} + dataLayer={layer} + path="M3.4.852A4 4 0 0 1 8.258 3.75 19.84 19.84 0 0 0 27.48 18.73h11.5a4 4 0 1 1 0 8H27.478A27.84 27.84 0 0 1 .502 5.71 4 4 0 0 1 3.4.852" + /> + { + setUndeglowIndex(155, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(155)} + stroke={stroke(155)} + strokeWidth={getStrokeWidth(155)} + dataLedIndex={getLEDIndex(155)} + dataKeyIndex={keyIndex(155)} + dataLayer={layer} + path="M.98 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(156, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(156)} + stroke={stroke(156)} + strokeWidth={getStrokeWidth(156)} + dataLedIndex={getLEDIndex(156)} + dataKeyIndex={keyIndex(156)} + dataLayer={layer} + path="M.36 4.73a4 4 0 0 1 4-4h32.85a4 4 0 0 1 0 8H4.36a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(157, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(157)} + stroke={stroke(157)} + strokeWidth={getStrokeWidth(157)} + dataLedIndex={getLEDIndex(157)} + dataKeyIndex={keyIndex(157)} + dataLayer={layer} + path="M.73 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.73a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(158, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(158)} + stroke={stroke(158)} + strokeWidth={getStrokeWidth(158)} + dataLedIndex={getLEDIndex(158)} + dataKeyIndex={keyIndex(158)} + dataLayer={layer} + path="M.11 4.73a4 4 0 0 1 4-4h34.14a4 4 0 0 1 0 8H4.11a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(159, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(159)} + stroke={stroke(159)} + strokeWidth={getStrokeWidth(159)} + dataLedIndex={getLEDIndex(159)} + dataKeyIndex={keyIndex(159)} + dataLayer={layer} + path="M.25 4.73a4 4 0 0 1 4-4h34.61a4 4 0 0 1 0 8H4.25a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(160, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(160)} + stroke={stroke(160)} + strokeWidth={getStrokeWidth(160)} + dataLedIndex={getLEDIndex(160)} + dataKeyIndex={keyIndex(160)} + dataLayer={layer} + path="M.86 4.73a4 4 0 0 1 4-4h34.37a4 4 0 0 1 0 8H4.86a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(161, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(161)} + stroke={stroke(161)} + strokeWidth={getStrokeWidth(161)} + dataLedIndex={getLEDIndex(161)} + dataKeyIndex={keyIndex(161)} + dataLayer={layer} + path="M.23 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.23a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(162, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(162)} + stroke={stroke(162)} + strokeWidth={getStrokeWidth(162)} + dataLedIndex={getLEDIndex(162)} + dataKeyIndex={keyIndex(162)} + dataLayer={layer} + path="M.61 4.73a4 4 0 0 1 4-4h33.84a4 4 0 1 1 0 8H4.61a4 4 0 0 1-4-4" + /> + { + setUndeglowIndex(163, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(163)} + stroke={stroke(163)} + strokeWidth={getStrokeWidth(163)} + dataLedIndex={getLEDIndex(163)} + dataKeyIndex={keyIndex(163)} + dataLayer={layer} + path="M41.034.053a4 4 0 0 1 3.853 4.14l-.17 4.73A27.85 27.85 0 0 1 16.891 35.78H4.51a4 4 0 1 1 0-8h12.38A19.85 19.85 0 0 0 36.721 8.637l.17-4.73A4 4 0 0 1 41.035.052" + /> + { + setUndeglowIndex(164, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(164)} + stroke={stroke(164)} + strokeWidth={getStrokeWidth(164)} + dataLedIndex={getLEDIndex(164)} + dataKeyIndex={keyIndex(164)} + dataLayer={layer} + path="M5.59.963A4 4 0 0 1 9.437 5.11L8.347 34.2a4 4 0 0 1-7.994-.3l1.09-29.09A4 4 0 0 1 5.59.963" + /> + { + setUndeglowIndex(165, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(165)} + stroke={stroke(165)} + strokeWidth={getStrokeWidth(165)} + dataLedIndex={getLEDIndex(165)} + dataKeyIndex={keyIndex(165)} + dataLayer={layer} + path="M6.13.053A4 4 0 0 1 9.978 4.2l-1.09 28.91a4 4 0 1 1-7.994-.302L1.983 3.9A4 4 0 0 1 6.131.053" + /> + { + setUndeglowIndex(166, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(166)} + stroke={stroke(166)} + strokeWidth={getStrokeWidth(166)} + dataLedIndex={getLEDIndex(166)} + dataKeyIndex={keyIndex(166)} + dataLayer={layer} + path="M5.741.203A4 4 0 0 1 9.587 4.35l-1.15 30.39a4 4 0 0 1-7.994-.302l1.15-30.39A4 4 0 0 1 5.74.203" + /> + { + setUndeglowIndex(167, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(167)} + stroke={stroke(167)} + strokeWidth={getStrokeWidth(167)} + dataLedIndex={getLEDIndex(167)} + dataKeyIndex={keyIndex(167)} + dataLayer={layer} + path="M5.39.063a4 4 0 0 1 3.847 4.146l-1.2 32.14a4 4 0 0 1-7.994-.298l1.2-32.14A4 4 0 0 1 5.389.063" + /> + { + setUndeglowIndex(168, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(168)} + stroke={stroke(168)} + strokeWidth={getStrokeWidth(168)} + dataLedIndex={getLEDIndex(168)} + dataKeyIndex={keyIndex(168)} + dataLayer={layer} + path="M6.281.913a4 4 0 0 1 3.846 4.148L8.687 43.2a4 4 0 1 1-7.994-.302l1.44-38.14A4 4 0 0 1 6.28.913" + /> + { + setUndeglowIndex(169, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(169)} + stroke={stroke(169)} + strokeWidth={getStrokeWidth(169)} + dataLedIndex={getLEDIndex(169)} + dataKeyIndex={keyIndex(169)} + dataLayer={layer} + path="M6.13.513A4 4 0 0 1 9.977 4.66l-1.4 37.41a4 4 0 1 1-7.994-.3l1.4-37.41A4 4 0 0 1 6.13.513" + /> + { + setUndeglowIndex(170, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(170)} + stroke={stroke(170)} + strokeWidth={getStrokeWidth(170)} + dataLedIndex={getLEDIndex(170)} + dataKeyIndex={keyIndex(170)} + dataLayer={layer} + path="M5.76.253A4 4 0 0 1 9.608 4.4l-1.16 30.73a4 4 0 1 1-7.994-.302L1.613 4.1A4 4 0 0 1 5.76.253" + /> + { + setUndeglowIndex(171, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(171)} + stroke={stroke(171)} + strokeWidth={getStrokeWidth(171)} + dataLedIndex={getLEDIndex(171)} + dataKeyIndex={keyIndex(171)} + dataLayer={layer} + path="M2.055.556a4 4 0 0 1 5.479 1.41l1.53 2.59a73.47 73.47 0 0 1 10.163 40.182v.005l-.17 4.701a4 4 0 0 1-7.994-.288l.17-4.71v-.01A65.47 65.47 0 0 0 2.176 8.626l-1.53-2.59A4 4 0 0 1 2.056.555" + /> + { + setUndeglowIndex(172, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(172)} + stroke={stroke(172)} + strokeWidth={getStrokeWidth(172)} + dataLedIndex={getLEDIndex(172)} + dataKeyIndex={keyIndex(172)} + dataLayer={layer} + path="M2.61.775A4 4 0 0 1 8.025 2.41c.347.647.68 1.23.996 1.721l.043.066 17.13 28.988a4 4 0 0 1-6.888 4.07L2.254 8.399A34 34 0 0 1 .974 6.19 4 4 0 0 1 2.61.775" + /> + { + setUndeglowIndex(173, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(173)} + stroke={stroke(173)} + strokeWidth={getStrokeWidth(173)} + dataLedIndex={getLEDIndex(173)} + dataKeyIndex={keyIndex(173)} + dataLayer={layer} + path="M4 .46a4 4 0 0 1 4 4V18a65.5 65.5 0 0 0 3.6 21.432 4 4 0 1 1-7.56 2.616A73.5 73.5 0 0 1 0 18V4.46a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(174, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(174)} + stroke={stroke(174)} + strokeWidth={getStrokeWidth(174)} + dataLedIndex={getLEDIndex(174)} + dataKeyIndex={keyIndex(174)} + dataLayer={layer} + path="M4 .22a4 4 0 0 1 4 4v36.24a4 4 0 0 1-8 0V4.22a4 4 0 0 1 4-4" + /> + { + setUndeglowIndex(175, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(175)} + stroke={stroke(175)} + strokeWidth={getStrokeWidth(175)} + dataLedIndex={getLEDIndex(175)} + dataKeyIndex={keyIndex(175)} + dataLayer={layer} + path="M4 .7a4 4 0 0 1 4 4v33.52a4 4 0 1 1-8 0V4.7a4 4 0 0 1 4-4" + /> + {/* End Right side */} From a4cb41363cef2e66990942f4b774c7f3969ae858 Mon Sep 17 00:00:00 2001 From: Alejandro Parcet Date: Tue, 17 Sep 2024 08:39:09 +0200 Subject: [PATCH 10/14] fix: renewed keymap strucuture and added functions to generate UG and Key Signed-off-by: Alejandro Parcet --- .../components/Keymap-ANSI.js | 2 +- .../components/Keymap-ISO.js | 982 +++--------------- 2 files changed, 157 insertions(+), 827 deletions(-) diff --git a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js index 106f43ed4..84828fa11 100644 --- a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js +++ b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js @@ -203,7 +203,7 @@ class KeymapANSI extends React.Component { const ledIndex = col !== undefined ? LedMap[parseInt(row)][parseInt(col)] : NoKeyLedMap[row - LEDS_LEFT_KEYS - LEDS_RIGHT_KEYS]; const colorIndex = colormap[ledIndex]; - log.info("Row and col", row, NoKeyLedMap.length, colorIndex, colormap); + // log.info("Row and col", row, NoKeyLedMap.length, colorIndex, colormap); const color = palette[colorIndex].rgb; return color; }; diff --git a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js index 060226756..28c84c9a9 100644 --- a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js +++ b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js @@ -203,7 +203,7 @@ class KeymapISO extends React.Component { const ledIndex = col !== undefined ? LedMap[parseInt(row)][parseInt(col)] : NoKeyLedMap[row - LEDS_LEFT_KEYS - LEDS_RIGHT_KEYS]; const colorIndex = colormap[ledIndex]; - log.info("Row and col", row, NoKeyLedMap.length, colorIndex, colormap); + // log.info("Row and col", row, NoKeyLedMap.length, colorIndex, colormap); const color = palette[colorIndex].rgb; return color; }; @@ -342,6 +342,52 @@ class KeymapISO extends React.Component { getDivideKeys(getLabel(row, col).label, String(+xCord + 10), yCord, smallKey) : getLabel(row, col).label && getDivideKeys(getLabel(row, col).label, xCord, String(yCord + 2), smallKey); + const genKey = (kRow, kCol, kX, kY) => ( + + ); + + const genUG = (ugPos, x, y, path) => ( + { + setUndeglowIndex(ugPos, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(ugPos)} + stroke={stroke(ugPos)} + strokeWidth={getStrokeWidth(ugPos)} + dataLedIndex={getLEDIndex(ugPos)} + dataKeyIndex={keyIndex(ugPos)} + dataLayer={layer} + path={path} + /> + ); + return ( - - - - + {genKey(0, 0, 84, keysRowsPosition.row1)} + {genKey(0, 1, 151, keysRowsPosition.row1)} + {genKey(0, 2, 218, keysRowsPosition.row1)} + {genKey(0, 3, 285, keysRowsPosition.row1)} {/* Left side */} - { - setUndeglowIndex(69, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(69)} - stroke={stroke(69)} - strokeWidth={getStrokeWidth(69)} - dataLedIndex={getLEDIndex(69)} - dataKeyIndex={keyIndex(69)} - dataLayer={layer} - path="M4.28.4a4 4 0 0 1 4 4v27.7a4 4 0 0 1-8 0V4.4a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(70, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(70)} - stroke={stroke(70)} - strokeWidth={getStrokeWidth(70)} - dataLedIndex={getLEDIndex(70)} - dataKeyIndex={keyIndex(70)} - dataLayer={layer} - path="M4.28.37a4 4 0 0 1 4 4V29.5a4 4 0 0 1-8 0V4.37a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(71, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(71)} - stroke={stroke(71)} - strokeWidth={getStrokeWidth(71)} - dataLedIndex={getLEDIndex(71)} - dataKeyIndex={keyIndex(71)} - dataLayer={layer} - path="M33.64 3.998A4 4 0 0 1 29.642 8 21.37 21.37 0 0 0 8.28 29.37a4 4 0 0 1-8 0A29.37 29.37 0 0 1 29.639 0a4 4 0 0 1 4.001 3.998" - /> - { - setUndeglowIndex(72, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(72)} - stroke={stroke(72)} - strokeWidth={getStrokeWidth(72)} - dataLedIndex={getLEDIndex(72)} - dataKeyIndex={keyIndex(72)} - dataLayer={layer} - path="M.65 4a4 4 0 0 1 4-4h35.13a4 4 0 1 1 0 8H4.65a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(73, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(73)} - stroke={stroke(73)} - strokeWidth={getStrokeWidth(73)} - dataLedIndex={getLEDIndex(73)} - dataKeyIndex={keyIndex(73)} - dataLayer={layer} - path="M.78 4a4 4 0 0 1 4-4h38.38a4 4 0 1 1 0 8H4.78a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(74, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(74)} - stroke={stroke(74)} - strokeWidth={getStrokeWidth(74)} - dataLedIndex={getLEDIndex(74)} - dataKeyIndex={keyIndex(74)} - dataLayer={layer} - path="M.16 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.16a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(75, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(75)} - stroke={stroke(75)} - strokeWidth={getStrokeWidth(75)} - dataLedIndex={getLEDIndex(75)} - dataKeyIndex={keyIndex(75)} - dataLayer={layer} - path="M.53 4a4 4 0 0 1 4-4H42.9a4 4 0 1 1 0 8H4.53a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(76, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(76)} - stroke={stroke(76)} - strokeWidth={getStrokeWidth(76)} - dataLedIndex={getLEDIndex(76)} - dataKeyIndex={keyIndex(76)} - dataLayer={layer} - path="M.34 4a4 4 0 0 1 4-4h37.72a4 4 0 0 1 0 8H4.34a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(77, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(77)} - stroke={stroke(77)} - strokeWidth={getStrokeWidth(77)} - dataLedIndex={getLEDIndex(77)} - dataKeyIndex={keyIndex(77)} - dataLayer={layer} - path="M.28 4a4 4 0 0 1 4-4h39.18a4 4 0 1 1 0 8H4.28a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(78, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(78)} - stroke={stroke(78)} - strokeWidth={getStrokeWidth(78)} - dataLedIndex={getLEDIndex(78)} - dataKeyIndex={keyIndex(78)} - dataLayer={layer} - path="M.46 4a4 4 0 0 1 4-4h37.56a4 4 0 0 1 0 8H4.46a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(79, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(79)} - stroke={stroke(79)} - strokeWidth={getStrokeWidth(79)} - dataLedIndex={getLEDIndex(79)} - dataKeyIndex={keyIndex(79)} - dataLayer={layer} - path="M.02 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.02a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(80, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(80)} - stroke={stroke(80)} - strokeWidth={getStrokeWidth(80)} - dataLedIndex={getLEDIndex(80)} - dataKeyIndex={keyIndex(80)} - dataLayer={layer} - path="M.39 4a4 4 0 0 1 4-4h39.56a4 4 0 1 1 0 8H4.39a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(81, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(81)} - stroke={stroke(81)} - strokeWidth={getStrokeWidth(81)} - dataLedIndex={getLEDIndex(81)} - dataKeyIndex={keyIndex(81)} - dataLayer={layer} - path="M.95 4a4 4 0 0 1 4-4h13.39a8.94 8.94 0 0 1 8.94 8.94V21a4 4 0 0 1-8 0V8.94a.94.94 0 0 0-.94-.94H4.95a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(82, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(82)} - stroke={stroke(82)} - strokeWidth={getStrokeWidth(82)} - dataLedIndex={getLEDIndex(82)} - dataKeyIndex={keyIndex(82)} - dataLayer={layer} - path="M4.28 0a4 4 0 0 1 4 4v18.97a4 4 0 0 1-8 0V4a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(83, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(83)} - stroke={stroke(83)} - strokeWidth={getStrokeWidth(83)} - dataLedIndex={getLEDIndex(83)} - dataKeyIndex={keyIndex(83)} - dataLayer={layer} - path="M4.28.8a4 4 0 0 1 4 4V30a4 4 0 0 1-8 0V4.8a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(84, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(84)} - stroke={stroke(84)} - strokeWidth={getStrokeWidth(84)} - dataLedIndex={getLEDIndex(84)} - dataKeyIndex={keyIndex(84)} - dataLayer={layer} - path="M6.55 0C3.217 0 .523 2.717.526 6.05.53 11.12.5 16.188.5 21.26a4 4 0 0 0 8 0V9a1 1 0 0 1 1-1h2.74a4 4 0 0 0 0-8z" - /> - { - setUndeglowIndex(85, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(85)} - stroke={stroke(85)} - strokeWidth={getStrokeWidth(85)} - dataLedIndex={getLEDIndex(85)} - dataKeyIndex={keyIndex(85)} - dataLayer={layer} - path="M4.72.86a4 4 0 0 1 4 4v18.93a4 4 0 0 1-8 0V4.86a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(86, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(86)} - stroke={stroke(86)} - strokeWidth={getStrokeWidth(86)} - dataLedIndex={getLEDIndex(86)} - dataKeyIndex={keyIndex(86)} - dataLayer={layer} - path="M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(87, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(87)} - stroke={stroke(87)} - strokeWidth={getStrokeWidth(87)} - dataLedIndex={getLEDIndex(87)} - dataKeyIndex={keyIndex(87)} - dataLayer={layer} - path="M4.6.69a4 4 0 0 1 4 4v21.06a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(88, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(88)} - stroke={stroke(88)} - strokeWidth={getStrokeWidth(88)} - dataLedIndex={getLEDIndex(88)} - dataKeyIndex={keyIndex(88)} - dataLayer={layer} - path="M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(89, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(89)} - stroke={stroke(89)} - strokeWidth={getStrokeWidth(89)} - dataLedIndex={getLEDIndex(89)} - dataKeyIndex={keyIndex(89)} - dataLayer={layer} - path="M4.28.78a4 4 0 0 1 4 4v40.18a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(90, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(90)} - stroke={stroke(90)} - strokeWidth={getStrokeWidth(90)} - dataLedIndex={getLEDIndex(90)} - dataKeyIndex={keyIndex(90)} - dataLayer={layer} - path="M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z" - /> - { - setUndeglowIndex(91, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(91)} - stroke={stroke(91)} - strokeWidth={getStrokeWidth(91)} - dataLedIndex={getLEDIndex(91)} - dataKeyIndex={keyIndex(91)} - dataLayer={layer} - path="M4.42.28a4 4 0 0 1 4 4v29.93a4 4 0 0 1-8 0V4.28a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(92, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(92)} - stroke={stroke(92)} - strokeWidth={getStrokeWidth(92)} - dataLedIndex={getLEDIndex(92)} - dataKeyIndex={keyIndex(92)} - dataLayer={layer} - path="M4.42-.01a4 4 0 0 1 4 4v25.44a4 4 0 0 1-8 0V3.99a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(93, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(93)} - stroke={stroke(93)} - strokeWidth={getStrokeWidth(93)} - dataLedIndex={getLEDIndex(93)} - dataKeyIndex={keyIndex(93)} - dataLayer={layer} - path="M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(94, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(94)} - stroke={stroke(94)} - strokeWidth={getStrokeWidth(94)} - dataLedIndex={getLEDIndex(94)} - dataKeyIndex={keyIndex(94)} - dataLayer={layer} - path="M.35 4.2a4 4 0 0 1 4-4h35.56a4 4 0 0 1 0 8H4.35a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(95, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(95)} - stroke={stroke(95)} - strokeWidth={getStrokeWidth(95)} - dataLedIndex={getLEDIndex(95)} - dataKeyIndex={keyIndex(95)} - dataLayer={layer} - path="M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082" - /> - { - setUndeglowIndex(96, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(96)} - stroke={stroke(96)} - strokeWidth={getStrokeWidth(96)} - dataLedIndex={getLEDIndex(96)} - dataKeyIndex={keyIndex(96)} - dataLayer={layer} - path="M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944" - /> - { - setUndeglowIndex(97, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(97)} - stroke={stroke(97)} - strokeWidth={getStrokeWidth(97)} - dataLedIndex={getLEDIndex(97)} - dataKeyIndex={keyIndex(97)} - dataLayer={layer} - path="M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904" - /> - { - setUndeglowIndex(98, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(98)} - stroke={stroke(98)} - strokeWidth={getStrokeWidth(98)} - dataLedIndex={getLEDIndex(98)} - dataKeyIndex={keyIndex(98)} - dataLayer={layer} - path="M12.09.714a4 4 0 0 1 2.886 4.866l-6.23 24.4A4 4 0 1 1 .994 28l6.23-24.4A4 4 0 0 1 12.09.714" - /> - { - setUndeglowIndex(99, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(99)} - stroke={stroke(99)} - strokeWidth={getStrokeWidth(99)} - dataLedIndex={getLEDIndex(99)} - dataKeyIndex={keyIndex(99)} - dataLayer={layer} - path="M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165" - /> - { - setUndeglowIndex(100, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(100)} - stroke={stroke(100)} - strokeWidth={getStrokeWidth(100)} - dataLedIndex={getLEDIndex(100)} - dataKeyIndex={keyIndex(100)} - dataLayer={layer} - path="M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894" - /> - { - setUndeglowIndex(101, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(101)} - stroke={stroke(101)} - strokeWidth={getStrokeWidth(101)} - dataLedIndex={getLEDIndex(101)} - dataKeyIndex={keyIndex(101)} - dataLayer={layer} - path="M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878" - /> - { - setUndeglowIndex(102, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(102)} - stroke={stroke(102)} - strokeWidth={getStrokeWidth(102)} - dataLedIndex={getLEDIndex(102)} - dataKeyIndex={keyIndex(102)} - dataLayer={layer} - path="M.26 4.73a4 4 0 0 1 4-4h32.49a4 4 0 0 1 0 8H4.26a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(103, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(103)} - stroke={stroke(103)} - strokeWidth={getStrokeWidth(103)} - dataLedIndex={getLEDIndex(103)} - dataKeyIndex={keyIndex(103)} - dataLayer={layer} - path="M.44 4.73a4 4 0 0 1 4-4H37a4 4 0 0 1 0 8H4.44a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(104, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(104)} - stroke={stroke(104)} - strokeWidth={getStrokeWidth(104)} - dataLedIndex={getLEDIndex(104)} - dataKeyIndex={keyIndex(104)} - dataLayer={layer} - path="M.95 4.73a4 4 0 0 1 4-4h32.74a4 4 0 0 1 0 8H4.95a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(105, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(105)} - stroke={stroke(105)} - strokeWidth={getStrokeWidth(105)} - dataLedIndex={getLEDIndex(105)} - dataKeyIndex={keyIndex(105)} - dataLayer={layer} - path="M.88 4.73a4 4 0 0 1 4-4h33.07a4 4 0 0 1 0 8H4.88a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(106, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(106)} - stroke={stroke(106)} - strokeWidth={getStrokeWidth(106)} - dataLedIndex={getLEDIndex(106)} - dataKeyIndex={keyIndex(106)} - dataLayer={layer} - path="M.27 4.73a4 4 0 0 1 4-4h32.55a4 4 0 1 1 0 8H4.27a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(107, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(107)} - stroke={stroke(107)} - strokeWidth={getStrokeWidth(107)} - dataLedIndex={getLEDIndex(107)} - dataKeyIndex={keyIndex(107)} - dataLayer={layer} - path="M.72 4.73a4 4 0 0 1 4-4h32.75a4 4 0 0 1 0 8H4.72a4 4 0 0 1-4-4" - /> + {genUG(69, 53, 86, "M4.28.4a4 4 0 0 1 4 4v27.7a4 4 0 0 1-8 0V4.4a4 4 0 0 1 4-4")} + {genUG(70, 53, 49, "M4.28.37a4 4 0 0 1 4 4V29.5a4 4 0 0 1-8 0V4.37a4 4 0 0 1 4-4")} + {genUG( + 71, + 53, + 12, + "M33.64 3.998A4 4 0 0 1 29.642 8 21.37 21.37 0 0 0 8.28 29.37a4 4 0 0 1-8 0A29.37 29.37 0 0 1 29.639 0a4 4 0 0 1 4.001 3.998", + )} + {genUG(72, 90, 12, "M.65 4a4 4 0 0 1 4-4h35.13a4 4 0 1 1 0 8H4.65a4 4 0 0 1-4-4")} + {genUG(73, 139, 12, "M.78 4a4 4 0 0 1 4-4h38.38a4 4 0 1 1 0 8H4.78a4 4 0 0 1-4-4")} + {genUG(74, 188, 12, "M.16 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.16a4 4 0 0 1-4-4")} + {genUG(75, 238, 12, "M.53 4a4 4 0 0 1 4-4H42.9a4 4 0 1 1 0 8H4.53a4 4 0 0 1-4-4")} + {genUG(76, 288, 12, "M.34 4a4 4 0 0 1 4-4h37.72a4 4 0 0 1 0 8H4.34a4 4 0 0 1-4-4")} + {genUG(77, 339, 12, "M.28 4a4 4 0 0 1 4-4h39.18a4 4 0 1 1 0 8H4.28a4 4 0 0 1-4-4")} + {genUG(78, 390, 12, "M.46 4a4 4 0 0 1 4-4h37.56a4 4 0 0 1 0 8H4.46a4 4 0 0 1-4-4")} + {genUG(79, 440, 12, "M.02 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.02a4 4 0 0 1-4-4")} + {genUG(80, 490, 12, "M.39 4a4 4 0 0 1 4-4h39.56a4 4 0 1 1 0 8H4.39a4 4 0 0 1-4-4")} + {genUG( + 81, + 542, + 12, + "M.95 4a4 4 0 0 1 4-4h13.39a8.94 8.94 0 0 1 8.94 8.94V21a4 4 0 0 1-8 0V8.94a.94.94 0 0 0-.94-.94H4.95a4 4 0 0 1-4-4", + )} + {genUG(82, 561, 41, "M4.28 0a4 4 0 0 1 4 4v18.97a4 4 0 0 1-8 0V4a4 4 0 0 1 4-4")} + {genUG(83, 561, 72, "M4.28.8a4 4 0 0 1 4 4V30a4 4 0 0 1-8 0V4.8a4 4 0 0 1 4-4")} + {genUG( + 84, + 541, + 98, + "M6.55 0C3.217 0 .523 2.717.526 6.05.53 11.12.5 16.188.5 21.26a4 4 0 0 0 8 0V9a1 1 0 0 1 1-1h2.74a4 4 0 0 0 0-8z", + )} + {genUG(85, 541, 126, "M4.72.86a4 4 0 0 1 4 4v18.93a4 4 0 0 1-8 0V4.86a4 4 0 0 1 4-4")} + {genUG( + 86, + 541, + 158, + "M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4", + )} + {genUG(87, 554, 187, "M4.6.69a4 4 0 0 1 4 4v21.06a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4")} + {genUG( + 88, + 554, + 220, + "M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4", + )} + {genUG(89, 576, 245, "M4.28.78a4 4 0 0 1 4 4v40.18a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4")} + {genUG( + 90, + 557, + 298, + "M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z", + )} + {genUG(91, 557, 340, "M4.42.28a4 4 0 0 1 4 4v29.93a4 4 0 0 1-8 0V4.28a4 4 0 0 1 4-4")} + {genUG(92, 557, 382, "M4.42-.01a4 4 0 0 1 4 4v25.44a4 4 0 0 1-8 0V3.99a4 4 0 0 1 4-4")} + {genUG( + 93, + 528, + 420, + "M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4", + )} + {genUG(94, 479.5, 444.8, "M.35 4.2a4 4 0 0 1 4-4h35.56a4 4 0 0 1 0 8H4.35a4 4 0 0 1-4-4")} + {genUG( + 95, + 456, + 447, + "M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082", + )} + {genUG( + 96, + 446, + 480, + "M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944", + )} + {genUG( + 97, + 438, + 515, + "M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904", + )} + {genUG(98, 428, 550, "M12.09.714a4 4 0 0 1 2.886 4.866l-6.23 24.4A4 4 0 1 1 .994 28l6.23-24.4A4 4 0 0 1 12.09.714")} + {genUG( + 99, + 418, + 586, + "M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165", + )} + {genUG( + 100, + 408, + 627, + "M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894", + )} + {genUG( + 101, + 374, + 666, + "M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878", + )} + {genUG(102, 329.2, 686, "M.26 4.73a4 4 0 0 1 4-4h32.49a4 4 0 0 1 0 8H4.26a4 4 0 0 1-4-4")} + {genUG(103, 284.4, 686, "M.44 4.73a4 4 0 0 1 4-4H37a4 4 0 0 1 0 8H4.44a4 4 0 0 1-4-4")} + {genUG(104, 240, 686, "M.95 4.73a4 4 0 0 1 4-4h32.74a4 4 0 0 1 0 8H4.95a4 4 0 0 1-4-4")} + {genUG(105, 194.8, 686, "M.88 4.73a4 4 0 0 1 4-4h33.07a4 4 0 0 1 0 8H4.88a4 4 0 0 1-4-4")} + {genUG(106, 150.2, 686, "M.27 4.73a4 4 0 0 1 4-4h32.55a4 4 0 1 1 0 8H4.27a4 4 0 0 1-4-4")} + {genUG(107, 105.7, 686, "M.72 4.73a4 4 0 0 1 4-4h32.75a4 4 0 0 1 0 8H4.72a4 4 0 0 1-4-4")} + Date: Tue, 17 Sep 2024 13:57:53 +0200 Subject: [PATCH 11/14] fix: replaced all UG segments with genUG function Signed-off-by: Alejandro Parcet Gonzalez --- .../components/Keymap-ISO.js | 1454 +---------------- 1 file changed, 83 insertions(+), 1371 deletions(-) diff --git a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js index 28c84c9a9..77fa7ffec 100644 --- a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js +++ b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js @@ -1776,15 +1776,11 @@ class KeymapISO extends React.Component { {/* Left side */} + {/* prettier-ignore */} {genUG(69, 53, 86, "M4.28.4a4 4 0 0 1 4 4v27.7a4 4 0 0 1-8 0V4.4a4 4 0 0 1 4-4")} {genUG(70, 53, 49, "M4.28.37a4 4 0 0 1 4 4V29.5a4 4 0 0 1-8 0V4.37a4 4 0 0 1 4-4")} - {genUG( - 71, - 53, - 12, - "M33.64 3.998A4 4 0 0 1 29.642 8 21.37 21.37 0 0 0 8.28 29.37a4 4 0 0 1-8 0A29.37 29.37 0 0 1 29.639 0a4 4 0 0 1 4.001 3.998", - )} + {genUG(71,53,12,"M33.64 3.998A4 4 0 0 1 29.642 8 21.37 21.37 0 0 0 8.28 29.37a4 4 0 0 1-8 0A29.37 29.37 0 0 1 29.639 0a4 4 0 0 1 4.001 3.998",)} {genUG(72, 90, 12, "M.65 4a4 4 0 0 1 4-4h35.13a4 4 0 1 1 0 8H4.65a4 4 0 0 1-4-4")} {genUG(73, 139, 12, "M.78 4a4 4 0 0 1 4-4h38.38a4 4 0 1 1 0 8H4.78a4 4 0 0 1-4-4")} {genUG(74, 188, 12, "M.16 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.16a4 4 0 0 1-4-4")} @@ -1794,1389 +1790,105 @@ class KeymapISO extends React.Component { {genUG(78, 390, 12, "M.46 4a4 4 0 0 1 4-4h37.56a4 4 0 0 1 0 8H4.46a4 4 0 0 1-4-4")} {genUG(79, 440, 12, "M.02 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.02a4 4 0 0 1-4-4")} {genUG(80, 490, 12, "M.39 4a4 4 0 0 1 4-4h39.56a4 4 0 1 1 0 8H4.39a4 4 0 0 1-4-4")} - {genUG( - 81, - 542, - 12, - "M.95 4a4 4 0 0 1 4-4h13.39a8.94 8.94 0 0 1 8.94 8.94V21a4 4 0 0 1-8 0V8.94a.94.94 0 0 0-.94-.94H4.95a4 4 0 0 1-4-4", - )} + {genUG(81,542,12,"M.95 4a4 4 0 0 1 4-4h13.39a8.94 8.94 0 0 1 8.94 8.94V21a4 4 0 0 1-8 0V8.94a.94.94 0 0 0-.94-.94H4.95a4 4 0 0 1-4-4",)} {genUG(82, 561, 41, "M4.28 0a4 4 0 0 1 4 4v18.97a4 4 0 0 1-8 0V4a4 4 0 0 1 4-4")} {genUG(83, 561, 72, "M4.28.8a4 4 0 0 1 4 4V30a4 4 0 0 1-8 0V4.8a4 4 0 0 1 4-4")} - {genUG( - 84, - 541, - 98, - "M6.55 0C3.217 0 .523 2.717.526 6.05.53 11.12.5 16.188.5 21.26a4 4 0 0 0 8 0V9a1 1 0 0 1 1-1h2.74a4 4 0 0 0 0-8z", - )} + {genUG(84,541,98,"M6.55 0C3.217 0 .523 2.717.526 6.05.53 11.12.5 16.188.5 21.26a4 4 0 0 0 8 0V9a1 1 0 0 1 1-1h2.74a4 4 0 0 0 0-8z",)} {genUG(85, 541, 126, "M4.72.86a4 4 0 0 1 4 4v18.93a4 4 0 0 1-8 0V4.86a4 4 0 0 1 4-4")} - {genUG( - 86, - 541, - 158, - "M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4", - )} + {genUG(86,541,158,"M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4",)} {genUG(87, 554, 187, "M4.6.69a4 4 0 0 1 4 4v21.06a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4")} - {genUG( - 88, - 554, - 220, - "M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4", - )} + {genUG(88,554,220,"M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4",)} {genUG(89, 576, 245, "M4.28.78a4 4 0 0 1 4 4v40.18a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4")} - {genUG( - 90, - 557, - 298, - "M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z", - )} + {genUG(90,557,298,"M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z",)} {genUG(91, 557, 340, "M4.42.28a4 4 0 0 1 4 4v29.93a4 4 0 0 1-8 0V4.28a4 4 0 0 1 4-4")} {genUG(92, 557, 382, "M4.42-.01a4 4 0 0 1 4 4v25.44a4 4 0 0 1-8 0V3.99a4 4 0 0 1 4-4")} - {genUG( - 93, - 528, - 420, - "M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4", - )} + {genUG(93,528,420,"M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4",)} {genUG(94, 479.5, 444.8, "M.35 4.2a4 4 0 0 1 4-4h35.56a4 4 0 0 1 0 8H4.35a4 4 0 0 1-4-4")} - {genUG( - 95, - 456, - 447, - "M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082", - )} - {genUG( - 96, - 446, - 480, - "M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944", - )} - {genUG( - 97, - 438, - 515, - "M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904", - )} + {genUG(95,456,447,"M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082",)} + {genUG(96,446,480,"M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944",)} + {genUG(97,438,515,"M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904",)} {genUG(98, 428, 550, "M12.09.714a4 4 0 0 1 2.886 4.866l-6.23 24.4A4 4 0 1 1 .994 28l6.23-24.4A4 4 0 0 1 12.09.714")} - {genUG( - 99, - 418, - 586, - "M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165", - )} - {genUG( - 100, - 408, - 627, - "M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894", - )} - {genUG( - 101, - 374, - 666, - "M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878", - )} + {genUG(99,418,586,"M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165",)} + {genUG(100,408,627,"M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894",)} + {genUG(101,374,666,"M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878",)} {genUG(102, 329.2, 686, "M.26 4.73a4 4 0 0 1 4-4h32.49a4 4 0 0 1 0 8H4.26a4 4 0 0 1-4-4")} {genUG(103, 284.4, 686, "M.44 4.73a4 4 0 0 1 4-4H37a4 4 0 0 1 0 8H4.44a4 4 0 0 1-4-4")} {genUG(104, 240, 686, "M.95 4.73a4 4 0 0 1 4-4h32.74a4 4 0 0 1 0 8H4.95a4 4 0 0 1-4-4")} {genUG(105, 194.8, 686, "M.88 4.73a4 4 0 0 1 4-4h33.07a4 4 0 0 1 0 8H4.88a4 4 0 0 1-4-4")} {genUG(106, 150.2, 686, "M.27 4.73a4 4 0 0 1 4-4h32.55a4 4 0 1 1 0 8H4.27a4 4 0 0 1-4-4")} {genUG(107, 105.7, 686, "M.72 4.73a4 4 0 0 1 4-4h32.75a4 4 0 0 1 0 8H4.72a4 4 0 0 1-4-4")} - - { - setUndeglowIndex(108, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(108)} - stroke={stroke(108)} - strokeWidth={getStrokeWidth(108)} - dataLedIndex={getLEDIndex(108)} - dataKeyIndex={keyIndex(108)} - dataLayer={layer} - path="M.98 4.73a4 4 0 0 1 4-4h32.46a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(109, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(109)} - stroke={stroke(109)} - strokeWidth={getStrokeWidth(109)} - dataLedIndex={getLEDIndex(109)} - dataKeyIndex={keyIndex(109)} - dataLayer={layer} - path="M2.342 1.177a4 4 0 0 1 5.381 1.745A19.83 19.83 0 0 0 25.39 13.74h3.25a4 4 0 1 1 0 8h-3.25A27.83 27.83 0 0 1 .598 6.558a4 4 0 0 1 1.745-5.381" - /> - { - setUndeglowIndex(110, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(110)} - stroke={stroke(110)} - strokeWidth={getStrokeWidth(110)} - dataLedIndex={getLEDIndex(110)} - dataKeyIndex={keyIndex(110)} - dataLayer={layer} - path="M4.28.493A4 4 0 0 1 8.427 4.34l1.07 28.54a4 4 0 0 1-7.994.3L.433 4.64A4 4 0 0 1 4.28.493" - /> - { - setUndeglowIndex(111, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(111)} - stroke={stroke(111)} - strokeWidth={getStrokeWidth(111)} - dataLedIndex={getLEDIndex(111)} - dataKeyIndex={keyIndex(111)} - dataLayer={layer} - path="M4.36.483A4 4 0 0 1 8.507 4.33l1.44 38.28a4 4 0 0 1-7.994.3L.513 4.63A4 4 0 0 1 4.36.483" - /> - { - setUndeglowIndex(112, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(112)} - stroke={stroke(112)} - strokeWidth={getStrokeWidth(112)} - dataLedIndex={getLEDIndex(112)} - dataKeyIndex={keyIndex(112)} - dataLayer={layer} - path="M4.73.003A4 4 0 0 1 8.877 3.85l1.16 30.97a4 4 0 0 1-7.994.3L.883 4.15A4 4 0 0 1 4.73.003" - /> - { - setUndeglowIndex(113, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(113)} - stroke={stroke(113)} - strokeWidth={getStrokeWidth(113)} - dataLedIndex={getLEDIndex(113)} - dataKeyIndex={keyIndex(113)} - dataLayer={layer} - path="M3.86.143A4 4 0 0 1 8.007 3.99l1.41 37.57a4 4 0 1 1-7.994.3L.013 4.29A4 4 0 0 1 3.86.143" - /> - { - setUndeglowIndex(114, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(114)} - stroke={stroke(114)} - strokeWidth={getStrokeWidth(114)} - dataLedIndex={getLEDIndex(114)} - dataKeyIndex={keyIndex(114)} - dataLayer={layer} - path="M4.13.113A4 4 0 0 1 8.277 3.96l1.26 33.51a4 4 0 1 1-7.994.3L.283 4.26A4 4 0 0 1 4.13.113" - /> - { - setUndeglowIndex(115, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(115)} - stroke={stroke(115)} - strokeWidth={getStrokeWidth(115)} - dataLedIndex={getLEDIndex(115)} - dataKeyIndex={keyIndex(115)} - dataLayer={layer} - path="M4.12.713A4 4 0 0 1 8.267 4.56l1.53 40.72a4 4 0 0 1-7.994.3L.273 4.86A4 4 0 0 1 4.12.713" - /> - { - setUndeglowIndex(116, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(116)} - stroke={stroke(116)} - strokeWidth={getStrokeWidth(116)} - dataLedIndex={getLEDIndex(116)} - dataKeyIndex={keyIndex(116)} - dataLayer={layer} - path="M4.47.693A4 4 0 0 1 8.617 4.54l1.18 31.39a4 4 0 1 1-7.994.3L.623 4.84A4 4 0 0 1 4.47.693" - /> - { - setUndeglowIndex(117, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(117)} - stroke={stroke(117)} - strokeWidth={getStrokeWidth(117)} - dataLedIndex={getLEDIndex(117)} - dataKeyIndex={keyIndex(117)} - dataLayer={layer} - path="M10.752.781a4 4 0 0 1 2.177 5.221 65.5 65.5 0 0 0-4.882 27.385v.003l.11 2.877a4 4 0 0 1-7.994.306l-.11-2.883A73.5 73.5 0 0 1 5.53 2.959 4 4 0 0 1 10.752.78" - /> - { - setUndeglowIndex(118, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(118)} - stroke={stroke(118)} - strokeWidth={getStrokeWidth(118)} - dataLedIndex={getLEDIndex(118)} - dataKeyIndex={keyIndex(118)} - dataLayer={layer} - path="M24.625 1.116a4 4 0 0 1 1.409 5.48l-17.79 30.1a4 4 0 0 1-6.887-4.071l17.79-30.1a4 4 0 0 1 5.478-1.409" - /> - { - setUndeglowIndex(119, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(119)} - stroke={stroke(119)} - strokeWidth={getStrokeWidth(119)} - dataLedIndex={getLEDIndex(119)} - dataKeyIndex={keyIndex(119)} - dataLayer={layer} - path="M14.278 0a4 4 0 0 1 4.002 3.998A73.5 73.5 0 0 1 8.085 41.382a4 4 0 1 1-6.89-4.064A65.5 65.5 0 0 0 10.28 4.002 4 4 0 0 1 14.278 0" - /> - { - setUndeglowIndex(120, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(120)} - stroke={stroke(120)} - strokeWidth={getStrokeWidth(120)} - dataLedIndex={getLEDIndex(120)} - dataKeyIndex={keyIndex(120)} - dataLayer={layer} - path="M4.28.36a4 4 0 0 1 4 4v32.19a4 4 0 0 1-8 0V4.36a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(121, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(121)} - stroke={stroke(121)} - strokeWidth={getStrokeWidth(121)} - dataLedIndex={getLEDIndex(121)} - dataKeyIndex={keyIndex(121)} - dataLayer={layer} - path="M4.28.08a4 4 0 0 1 4 4v30.88a4 4 0 0 1-8 0V4.08a4 4 0 0 1 4-4" - /> + {genUG(108, 61, 686, "M.98 4.73a4 4 0 0 1 4-4h32.46a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4")} + {genUG(109, 24, 672.7, "M2.342 1.177a4 4 0 0 1 5.381 1.745A19.83 19.83 0 0 0 25.39 13.74h3.25a4 4 0 1 1 0 8h-3.25A27.83 27.83 0 0 1 .598 6.558a4 4 0 0 1 1.745-5.381")} + {genUG(110, 20.4, 632.5, "M4.28.493A4 4 0 0 1 8.427 4.34l1.07 28.54a4 4 0 0 1-7.994.3L.433 4.64A4 4 0 0 1 4.28.493")} + {genUG(111, 18.5, 581.5, "M4.36.483A4 4 0 0 1 8.507 4.33l1.44 38.28a4 4 0 0 1-7.994.3L.513 4.63A4 4 0 0 1 4.36.483")} + {genUG(112, 16.8, 538, "M4.73.003A4 4 0 0 1 8.877 3.85l1.16 30.97a4 4 0 0 1-7.994.3L.883 4.15A4 4 0 0 1 4.73.003")} + {genUG(113, 15, 488, "M3.86.143A4 4 0 0 1 8.007 3.99l1.41 37.57a4 4 0 1 1-7.994.3L.013 4.29A4 4 0 0 1 3.86.143")} + {genUG(114, 13.2, 442, "M4.13.113A4 4 0 0 1 8.277 3.96l1.26 33.51a4 4 0 1 1-7.994.3L.283 4.26A4 4 0 0 1 4.13.113")} + {genUG(115, 11.2, 388.7, "M4.12.713A4 4 0 0 1 8.267 4.56l1.53 40.72a4 4 0 0 1-7.994.3L.273 4.86A4 4 0 0 1 4.12.713")} + {genUG(116, 9.6, 344.6, "M4.47.693A4 4 0 0 1 8.617 4.54l1.18 31.39a4 4 0 1 1-7.994.3L.623 4.84A4 4 0 0 1 4.47.693")} + {genUG(117, 9, 300.4, "M10.752.781a4 4 0 0 1 2.177 5.221 65.5 65.5 0 0 0-4.882 27.385v.003l.11 2.877a4 4 0 0 1-7.994.306l-.11-2.883A73.5 73.5 0 0 1 5.53 2.959 4 4 0 0 1 10.752.78")} + {genUG(118, 19.8, 259.6, "M24.625 1.116a4 4 0 0 1 1.409 5.48l-17.79 30.1a4 4 0 0 1-6.887-4.071l17.79-30.1a4 4 0 0 1 5.478-1.409")} + {genUG(119, 43.6, 214, "M14.278 0a4 4 0 0 1 4.002 3.998A73.5 73.5 0 0 1 8.085 41.382a4 4 0 1 1-6.89-4.064A65.5 65.5 0 0 0 10.28 4.002 4 4 0 0 1 14.278 0")} + {genUG(120, 53.2, 169.3, "M4.28.36a4 4 0 0 1 4 4v32.19a4 4 0 0 1-8 0V4.36a4 4 0 0 1 4-4")} + {genUG(121, 53.2, 126, "M4.28.08a4 4 0 0 1 4 4v30.88a4 4 0 0 1-8 0V4.08a4 4 0 0 1 4-4")} {/* Right side */} + {/* prettier-ignore */} - { - setUndeglowIndex(122, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(122)} - stroke={stroke(122)} - strokeWidth={getStrokeWidth(122)} - dataLedIndex={getLEDIndex(122)} - dataKeyIndex={keyIndex(122)} - dataLayer={layer} - path="M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(123, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(123)} - stroke={stroke(123)} - strokeWidth={getStrokeWidth(123)} - dataLedIndex={getLEDIndex(123)} - dataKeyIndex={keyIndex(123)} - dataLayer={layer} - path="M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(124, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(124)} - stroke={stroke(124)} - strokeWidth={getStrokeWidth(124)} - dataLedIndex={getLEDIndex(124)} - dataKeyIndex={keyIndex(124)} - dataLayer={layer} - path="M.25 4a4 4 0 0 1 4-4h12.39a29.38 29.38 0 0 1 25.826 15.373 4 4 0 1 1-7.032 3.814A21.38 21.38 0 0 0 16.64 8H4.25a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(125, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(125)} - stroke={stroke(125)} - strokeWidth={getStrokeWidth(125)} - dataLedIndex={getLEDIndex(125)} - dataKeyIndex={keyIndex(125)} - dataLayer={layer} - path="M.43 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.43a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(126, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(126)} - stroke={stroke(126)} - strokeWidth={getStrokeWidth(126)} - dataLedIndex={getLEDIndex(126)} - dataKeyIndex={keyIndex(126)} - dataLayer={layer} - path="M.61 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.61a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(127, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(127)} - stroke={stroke(127)} - strokeWidth={getStrokeWidth(127)} - dataLedIndex={getLEDIndex(127)} - dataKeyIndex={keyIndex(127)} - dataLayer={layer} - path="M.79 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.79a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(128, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(128)} - stroke={stroke(128)} - strokeWidth={getStrokeWidth(128)} - dataLedIndex={getLEDIndex(128)} - dataKeyIndex={keyIndex(128)} - dataLayer={layer} - path="M.97 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.97a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(129, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(129)} - stroke={stroke(129)} - strokeWidth={getStrokeWidth(129)} - dataLedIndex={getLEDIndex(129)} - dataKeyIndex={keyIndex(129)} - dataLayer={layer} - path="M.15 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.15a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(130, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(130)} - stroke={stroke(130)} - strokeWidth={getStrokeWidth(130)} - dataLedIndex={getLEDIndex(130)} - dataKeyIndex={keyIndex(130)} - dataLayer={layer} - path="M.32 4a4 4 0 0 1 4-4h38.83a4 4 0 0 1 0 8H4.32a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(131, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(131)} - stroke={stroke(131)} - strokeWidth={getStrokeWidth(131)} - dataLedIndex={getLEDIndex(131)} - dataKeyIndex={keyIndex(131)} - dataLayer={layer} - path="M.41 4a4 4 0 0 1 4-4h37.91a4 4 0 1 1 0 8H4.41a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(132, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(132)} - stroke={stroke(132)} - strokeWidth={getStrokeWidth(132)} - dataLedIndex={getLEDIndex(132)} - dataKeyIndex={keyIndex(132)} - dataLayer={layer} - path="M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(133, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(133)} - stroke={stroke(133)} - strokeWidth={getStrokeWidth(133)} - dataLedIndex={getLEDIndex(133)} - dataKeyIndex={keyIndex(133)} - dataLayer={layer} - path="M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(134, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(134)} - stroke={stroke(134)} - strokeWidth={getStrokeWidth(134)} - dataLedIndex={getLEDIndex(134)} - dataKeyIndex={keyIndex(134)} - dataLayer={layer} - path="M.07 4a4 4 0 0 1 4-4h38a4 4 0 0 1 0 8h-38a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(135, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(135)} - stroke={stroke(135)} - strokeWidth={getStrokeWidth(135)} - dataLedIndex={getLEDIndex(135)} - dataKeyIndex={keyIndex(135)} - dataLayer={layer} - path="M0 8a8 8 0 0 1 8-8h15.06a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v10.1a4 4 0 0 1-8 0z" - /> - { - setUndeglowIndex(136, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(136)} - stroke={stroke(136)} - strokeWidth={getStrokeWidth(136)} - dataLedIndex={getLEDIndex(136)} - dataKeyIndex={keyIndex(136)} - dataLayer={layer} - path="M4 .54a4 4 0 0 1 4 4v21.43a4 4 0 0 1-8 0V4.54a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(137, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(137)} - stroke={stroke(137)} - strokeWidth={getStrokeWidth(137)} - dataLedIndex={getLEDIndex(137)} - dataKeyIndex={keyIndex(137)} - dataLayer={layer} - path="M4 .97a4 4 0 0 1 4 4v24.87a4 4 0 0 1-8 0V4.97a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(138, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(138)} - stroke={stroke(138)} - strokeWidth={getStrokeWidth(138)} - dataLedIndex={getLEDIndex(138)} - dataKeyIndex={keyIndex(138)} - dataLayer={layer} - path="M0 8a8 8 0 0 1 8-8h16a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v8.58a4 4 0 0 1-8 0z" - /> - { - setUndeglowIndex(139, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(139)} - stroke={stroke(139)} - strokeWidth={getStrokeWidth(139)} - dataLedIndex={getLEDIndex(139)} - dataKeyIndex={keyIndex(139)} - dataLayer={layer} - path="M4 .58a4 4 0 0 1 4 4v10.1A1.32 1.32 0 0 0 9.32 16h2.251a9.14 9.14 0 0 1 9.069 9.105V44.12a4 4 0 1 1-8 0V25.13A1.14 1.14 0 0 0 11.519 24H9.32A9.32 9.32 0 0 1 0 14.68V4.58a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(140, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(140)} - stroke={stroke(140)} - strokeWidth={getStrokeWidth(140)} - dataLedIndex={getLEDIndex(140)} - dataKeyIndex={keyIndex(140)} - dataLayer={layer} - path="M4.68.69a4 4 0 0 1 4 4V33a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(141, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(141)} - stroke={stroke(141)} - strokeWidth={getStrokeWidth(141)} - dataLedIndex={getLEDIndex(141)} - dataKeyIndex={keyIndex(141)} - dataLayer={layer} - path="M.23 4a4 4 0 0 1 4-4h9.66A9.11 9.11 0 0 1 23 9.11v13.67a4 4 0 1 1-8 0V9.11A1.11 1.11 0 0 0 13.89 8H4.23a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(142, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(142)} - stroke={stroke(142)} - strokeWidth={getStrokeWidth(142)} - dataLedIndex={getLEDIndex(142)} - dataKeyIndex={keyIndex(142)} - dataLayer={layer} - path="M4 .78a4 4 0 0 1 4 4v38.59a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(143, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(143)} - stroke={stroke(143)} - strokeWidth={getStrokeWidth(143)} - dataLedIndex={getLEDIndex(143)} - dataKeyIndex={keyIndex(143)} - dataLayer={layer} - path="M19.04.37a4 4 0 0 1 4 4V15a9 9 0 0 1-9 9H8.968a.11.11 0 0 0-.108.108V43.81a4 4 0 0 1-8 0V24.09A8.11 8.11 0 0 1 8.95 16h5.09a1 1 0 0 0 1-1V4.37a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(144, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(144)} - stroke={stroke(144)} - strokeWidth={getStrokeWidth(144)} - dataLedIndex={getLEDIndex(144)} - dataKeyIndex={keyIndex(144)} - dataLayer={layer} - path="M4.86.81a4 4 0 0 1 4 4v23.81a4 4 0 0 1-8 0V4.81a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(145, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(145)} - stroke={stroke(145)} - strokeWidth={getStrokeWidth(145)} - dataLedIndex={getLEDIndex(145)} - dataKeyIndex={keyIndex(145)} - dataLayer={layer} - path="M4.86.9a4 4 0 0 1 4 4v24.53a4 4 0 0 1-8 0V4.9a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(146, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(146)} - stroke={stroke(146)} - strokeWidth={getStrokeWidth(146)} - dataLedIndex={getLEDIndex(146)} - dataKeyIndex={keyIndex(146)} - dataLayer={layer} - path="M4.86.14a4 4 0 0 1 4 4v18.69a1.37 1.37 0 0 0 1.37 1.37h16.46a4 4 0 0 1 0 8H10.23a9.37 9.37 0 0 1-9.37-9.37V4.14a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(147, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(147)} - stroke={stroke(147)} - strokeWidth={getStrokeWidth(147)} - dataLedIndex={getLEDIndex(147)} - dataKeyIndex={keyIndex(147)} - dataLayer={layer} - path="M.69 4.2a4 4 0 0 1 4-4h27.82a4 4 0 1 1 0 8H4.69a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(148, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(148)} - stroke={stroke(148)} - strokeWidth={getStrokeWidth(148)} - dataLedIndex={getLEDIndex(148)} - dataKeyIndex={keyIndex(148)} - dataLayer={layer} - path="M.88 4.18a4 4 0 0 1 4-4h5.001a22.52 22.52 0 0 1 21.815 16.95l2.55 10.002a4 4 0 0 1-7.752 1.976l-2.55-9.999A14.52 14.52 0 0 0 9.88 8.18h-5a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(149, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(149)} - stroke={stroke(149)} - strokeWidth={getStrokeWidth(149)} - dataLedIndex={getLEDIndex(149)} - dataKeyIndex={keyIndex(149)} - dataLayer={layer} - path="M3.35.865a4 4 0 0 1 4.865 2.884l5.73 22.41a4 4 0 0 1-7.75 1.982L.465 5.73A4 4 0 0 1 3.349.865" - /> - { - setUndeglowIndex(150, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(150)} - stroke={stroke(150)} - strokeWidth={getStrokeWidth(150)} - dataLedIndex={getLEDIndex(150)} - dataKeyIndex={keyIndex(150)} - dataLayer={layer} - path="M3.05.904A4 4 0 0 1 7.916 3.79l6.16 24.12a4 4 0 0 1-7.752 1.98L.164 5.77A4 4 0 0 1 3.05.904" - /> - { - setUndeglowIndex(151, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(151)} - stroke={stroke(151)} - strokeWidth={getStrokeWidth(151)} - dataLedIndex={getLEDIndex(151)} - dataKeyIndex={keyIndex(151)} - dataLayer={layer} - path="M3.87.344A4 4 0 0 1 8.735 3.23l6.35 24.85a4 4 0 0 1-7.75 1.98L.984 5.21A4 4 0 0 1 3.87.344" - /> - { - setUndeglowIndex(152, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(152)} - stroke={stroke(152)} - strokeWidth={getStrokeWidth(152)} - dataLedIndex={getLEDIndex(152)} - dataKeyIndex={keyIndex(152)} - dataLayer={layer} - path="M3.87.574A4 4 0 0 1 8.735 3.46l7 27.41a4 4 0 0 1-7.75 1.98l-7-27.41A4 4 0 0 1 3.87.574" - /> - { - setUndeglowIndex(153, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(153)} - stroke={stroke(153)} - strokeWidth={getStrokeWidth(153)} - dataLedIndex={getLEDIndex(153)} - dataKeyIndex={keyIndex(153)} - dataLayer={layer} - path="M3.84.614A4 4 0 0 1 8.706 3.5l7.41 29a4 4 0 1 1-7.751 1.98l-7.41-29A4 4 0 0 1 3.84.614" - /> - { - setUndeglowIndex(154, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(154)} - stroke={stroke(154)} - strokeWidth={getStrokeWidth(154)} - dataLedIndex={getLEDIndex(154)} - dataKeyIndex={keyIndex(154)} - dataLayer={layer} - path="M3.4.852A4 4 0 0 1 8.258 3.75 19.84 19.84 0 0 0 27.48 18.73h11.5a4 4 0 1 1 0 8H27.478A27.84 27.84 0 0 1 .502 5.71 4 4 0 0 1 3.4.852" - /> - { - setUndeglowIndex(155, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(155)} - stroke={stroke(155)} - strokeWidth={getStrokeWidth(155)} - dataLedIndex={getLEDIndex(155)} - dataKeyIndex={keyIndex(155)} - dataLayer={layer} - path="M.98 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(156, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(156)} - stroke={stroke(156)} - strokeWidth={getStrokeWidth(156)} - dataLedIndex={getLEDIndex(156)} - dataKeyIndex={keyIndex(156)} - dataLayer={layer} - path="M.36 4.73a4 4 0 0 1 4-4h32.85a4 4 0 0 1 0 8H4.36a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(157, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(157)} - stroke={stroke(157)} - strokeWidth={getStrokeWidth(157)} - dataLedIndex={getLEDIndex(157)} - dataKeyIndex={keyIndex(157)} - dataLayer={layer} - path="M.73 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.73a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(158, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(158)} - stroke={stroke(158)} - strokeWidth={getStrokeWidth(158)} - dataLedIndex={getLEDIndex(158)} - dataKeyIndex={keyIndex(158)} - dataLayer={layer} - path="M.11 4.73a4 4 0 0 1 4-4h34.14a4 4 0 0 1 0 8H4.11a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(159, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(159)} - stroke={stroke(159)} - strokeWidth={getStrokeWidth(159)} - dataLedIndex={getLEDIndex(159)} - dataKeyIndex={keyIndex(159)} - dataLayer={layer} - path="M.25 4.73a4 4 0 0 1 4-4h34.61a4 4 0 0 1 0 8H4.25a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(160, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(160)} - stroke={stroke(160)} - strokeWidth={getStrokeWidth(160)} - dataLedIndex={getLEDIndex(160)} - dataKeyIndex={keyIndex(160)} - dataLayer={layer} - path="M.86 4.73a4 4 0 0 1 4-4h34.37a4 4 0 0 1 0 8H4.86a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(161, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(161)} - stroke={stroke(161)} - strokeWidth={getStrokeWidth(161)} - dataLedIndex={getLEDIndex(161)} - dataKeyIndex={keyIndex(161)} - dataLayer={layer} - path="M.23 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.23a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(162, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(162)} - stroke={stroke(162)} - strokeWidth={getStrokeWidth(162)} - dataLedIndex={getLEDIndex(162)} - dataKeyIndex={keyIndex(162)} - dataLayer={layer} - path="M.61 4.73a4 4 0 0 1 4-4h33.84a4 4 0 1 1 0 8H4.61a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(163, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(163)} - stroke={stroke(163)} - strokeWidth={getStrokeWidth(163)} - dataLedIndex={getLEDIndex(163)} - dataKeyIndex={keyIndex(163)} - dataLayer={layer} - path="M41.034.053a4 4 0 0 1 3.853 4.14l-.17 4.73A27.85 27.85 0 0 1 16.891 35.78H4.51a4 4 0 1 1 0-8h12.38A19.85 19.85 0 0 0 36.721 8.637l.17-4.73A4 4 0 0 1 41.035.052" - /> - { - setUndeglowIndex(164, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(164)} - stroke={stroke(164)} - strokeWidth={getStrokeWidth(164)} - dataLedIndex={getLEDIndex(164)} - dataKeyIndex={keyIndex(164)} - dataLayer={layer} - path="M5.59.963A4 4 0 0 1 9.437 5.11L8.347 34.2a4 4 0 0 1-7.994-.3l1.09-29.09A4 4 0 0 1 5.59.963" - /> - { - setUndeglowIndex(165, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(165)} - stroke={stroke(165)} - strokeWidth={getStrokeWidth(165)} - dataLedIndex={getLEDIndex(165)} - dataKeyIndex={keyIndex(165)} - dataLayer={layer} - path="M6.13.053A4 4 0 0 1 9.978 4.2l-1.09 28.91a4 4 0 1 1-7.994-.302L1.983 3.9A4 4 0 0 1 6.131.053" - /> - { - setUndeglowIndex(166, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(166)} - stroke={stroke(166)} - strokeWidth={getStrokeWidth(166)} - dataLedIndex={getLEDIndex(166)} - dataKeyIndex={keyIndex(166)} - dataLayer={layer} - path="M5.741.203A4 4 0 0 1 9.587 4.35l-1.15 30.39a4 4 0 0 1-7.994-.302l1.15-30.39A4 4 0 0 1 5.74.203" - /> - { - setUndeglowIndex(167, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(167)} - stroke={stroke(167)} - strokeWidth={getStrokeWidth(167)} - dataLedIndex={getLEDIndex(167)} - dataKeyIndex={keyIndex(167)} - dataLayer={layer} - path="M5.39.063a4 4 0 0 1 3.847 4.146l-1.2 32.14a4 4 0 0 1-7.994-.298l1.2-32.14A4 4 0 0 1 5.389.063" - /> - { - setUndeglowIndex(168, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(168)} - stroke={stroke(168)} - strokeWidth={getStrokeWidth(168)} - dataLedIndex={getLEDIndex(168)} - dataKeyIndex={keyIndex(168)} - dataLayer={layer} - path="M6.281.913a4 4 0 0 1 3.846 4.148L8.687 43.2a4 4 0 1 1-7.994-.302l1.44-38.14A4 4 0 0 1 6.28.913" - /> - { - setUndeglowIndex(169, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(169)} - stroke={stroke(169)} - strokeWidth={getStrokeWidth(169)} - dataLedIndex={getLEDIndex(169)} - dataKeyIndex={keyIndex(169)} - dataLayer={layer} - path="M6.13.513A4 4 0 0 1 9.977 4.66l-1.4 37.41a4 4 0 1 1-7.994-.3l1.4-37.41A4 4 0 0 1 6.13.513" - /> - { - setUndeglowIndex(170, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(170)} - stroke={stroke(170)} - strokeWidth={getStrokeWidth(170)} - dataLedIndex={getLEDIndex(170)} - dataKeyIndex={keyIndex(170)} - dataLayer={layer} - path="M5.76.253A4 4 0 0 1 9.608 4.4l-1.16 30.73a4 4 0 1 1-7.994-.302L1.613 4.1A4 4 0 0 1 5.76.253" - /> - { - setUndeglowIndex(171, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(171)} - stroke={stroke(171)} - strokeWidth={getStrokeWidth(171)} - dataLedIndex={getLEDIndex(171)} - dataKeyIndex={keyIndex(171)} - dataLayer={layer} - path="M2.055.556a4 4 0 0 1 5.479 1.41l1.53 2.59a73.47 73.47 0 0 1 10.163 40.182v.005l-.17 4.701a4 4 0 0 1-7.994-.288l.17-4.71v-.01A65.47 65.47 0 0 0 2.176 8.626l-1.53-2.59A4 4 0 0 1 2.056.555" - /> - { - setUndeglowIndex(172, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(172)} - stroke={stroke(172)} - strokeWidth={getStrokeWidth(172)} - dataLedIndex={getLEDIndex(172)} - dataKeyIndex={keyIndex(172)} - dataLayer={layer} - path="M2.61.775A4 4 0 0 1 8.025 2.41c.347.647.68 1.23.996 1.721l.043.066 17.13 28.988a4 4 0 0 1-6.888 4.07L2.254 8.399A34 34 0 0 1 .974 6.19 4 4 0 0 1 2.61.775" - /> - { - setUndeglowIndex(173, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(173)} - stroke={stroke(173)} - strokeWidth={getStrokeWidth(173)} - dataLedIndex={getLEDIndex(173)} - dataKeyIndex={keyIndex(173)} - dataLayer={layer} - path="M4 .46a4 4 0 0 1 4 4V18a65.5 65.5 0 0 0 3.6 21.432 4 4 0 1 1-7.56 2.616A73.5 73.5 0 0 1 0 18V4.46a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(174, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(174)} - stroke={stroke(174)} - strokeWidth={getStrokeWidth(174)} - dataLedIndex={getLEDIndex(174)} - dataKeyIndex={keyIndex(174)} - dataLayer={layer} - path="M4 .22a4 4 0 0 1 4 4v36.24a4 4 0 0 1-8 0V4.22a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(175, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(175)} - stroke={stroke(175)} - strokeWidth={getStrokeWidth(175)} - dataLedIndex={getLEDIndex(175)} - dataKeyIndex={keyIndex(175)} - dataLayer={layer} - path="M4 .7a4 4 0 0 1 4 4v33.52a4 4 0 1 1-8 0V4.7a4 4 0 0 1 4-4" - /> + {genUG(122, 1163, 72.3, "M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4")} + {genUG(123, 1163, 37.3, "M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4")} + {genUG(124, 1125, 12, "M.25 4a4 4 0 0 1 4-4h12.39a29.38 29.38 0 0 1 25.826 15.373 4 4 0 1 1-7.032 3.814A21.38 21.38 0 0 0 16.64 8H4.25a4 4 0 0 1-4-4")} + {genUG(125, 1074.4, 12, "M.43 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.43a4 4 0 0 1-4-4")} + {genUG(126, 1023.6, 12, "M.61 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.61a4 4 0 0 1-4-4")} + {genUG(127, 972.8, 12, "M.79 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.79a4 4 0 0 1-4-4")} + {genUG(128, 922, 12, "M.97 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.97a4 4 0 0 1-4-4")} + {genUG(129, 871.1, 12, "M.15 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.15a4 4 0 0 1-4-4")} + {genUG(130, 820, 12, "M.32 4a4 4 0 0 1 4-4h38.83a4 4 0 0 1 0 8H4.32a4 4 0 0 1-4-4")} + {genUG(131, 770.4, 12, "M.41 4a4 4 0 0 1 4-4h37.91a4 4 0 1 1 0 8H4.41a4 4 0 0 1-4-4")} + {genUG(132, 718.7, 12, "M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4")} + {genUG(133, 667.8, 12, "M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4")} + {genUG(134, 617, 12, "M.07 4a4 4 0 0 1 4-4h38a4 4 0 0 1 0 8h-38a4 4 0 0 1-4-4")} + {genUG(135, 586, 12, "M0 8a8 8 0 0 1 8-8h15.06a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v10.1a4 4 0 0 1-8 0z")} + {genUG(136, 586, 38, "M4 .54a4 4 0 0 1 4 4v21.43a4 4 0 0 1-8 0V4.54a4 4 0 0 1 4-4")} + {genUG(137, 586, 71, "M4 .97a4 4 0 0 1 4 4v24.87a4 4 0 0 1-8 0V4.97a4 4 0 0 1 4-4")} + {genUG(138, 566, 108, "M0 8a8 8 0 0 1 8-8h16a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v8.58a4 4 0 0 1-8 0z")} + {genUG(139, 566, 133.6, "M4 .58a4 4 0 0 1 4 4v10.1A1.32 1.32 0 0 0 9.32 16h2.251a9.14 9.14 0 0 1 9.069 9.105V44.12a4 4 0 1 1-8 0V25.13A1.14 1.14 0 0 0 11.519 24H9.32A9.32 9.32 0 0 1 0 14.68V4.58a4 4 0 0 1 4-4")} + {genUG(140, 578.6, 185, "M4.68.69a4 4 0 0 1 4 4V33a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4")} + {genUG(141, 590.2, 215, "M.23 4a4 4 0 0 1 4-4h9.66A9.11 9.11 0 0 1 23 9.11v13.67a4 4 0 1 1-8 0V9.11A1.11 1.11 0 0 0 13.89 8H4.23a4 4 0 0 1-4-4")} + {genUG(142, 605, 245.8, "M4 .78a4 4 0 0 1 4 4v38.59a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4")} + {genUG(143, 590.8, 296.3, "M19.04.37a4 4 0 0 1 4 4V15a9 9 0 0 1-9 9H8.968a.11.11 0 0 0-.108.108V43.81a4 4 0 0 1-8 0V24.09A8.11 8.11 0 0 1 8.95 16h5.09a1 1 0 0 0 1-1V4.37a4 4 0 0 1 4-4")} + {genUG(144, 590.8, 347.8, "M4.86.81a4 4 0 0 1 4 4v23.81a4 4 0 0 1-8 0V4.81a4 4 0 0 1 4-4")} + {genUG(145, 590.8, 383, "M4.86.9a4 4 0 0 1 4 4v24.53a4 4 0 0 1-8 0V4.9a4 4 0 0 1 4-4")} + {genUG(146, 590.8, 420, "M4.86.14a4 4 0 0 1 4 4v18.69a1.37 1.37 0 0 0 1.37 1.37h16.46a4 4 0 0 1 0 8H10.23a9.37 9.37 0 0 1-9.37-9.37V4.14a4 4 0 0 1 4-4")} + {genUG(147, 624.6, 444, "M.69 4.2a4 4 0 0 1 4-4h27.82a4 4 0 1 1 0 8H4.69a4 4 0 0 1-4-4")} + {genUG(148, 664.8, 444, "M.88 4.18a4 4 0 0 1 4-4h5.001a22.52 22.52 0 0 1 21.815 16.95l2.55 10.002a4 4 0 0 1-7.752 1.976l-2.55-9.999A14.52 14.52 0 0 0 9.88 8.18h-5a4 4 0 0 1-4-4")} + {genUG(149, 693.3, 479.7, "M3.35.865a4 4 0 0 1 4.865 2.884l5.73 22.41a4 4 0 0 1-7.75 1.982L.465 5.73A4 4 0 0 1 3.349.865")} + {genUG(150, 702, 513.8, "M3.05.904A4 4 0 0 1 7.916 3.79l6.16 24.12a4 4 0 0 1-7.752 1.98L.164 5.77A4 4 0 0 1 3.05.904")} + {genUG(151, 711.8, 552.2, "M3.87.344A4 4 0 0 1 8.735 3.23l6.35 24.85a4 4 0 0 1-7.75 1.98L.984 5.21A4 4 0 0 1 3.87.344")} + {genUG(152, 720.8, 587.4, "M3.87.574A4 4 0 0 1 8.735 3.46l7 27.41a4 4 0 0 1-7.75 1.98l-7-27.41A4 4 0 0 1 3.87.574")} + {genUG(153, 730.8, 626.5, "M3.84.614A4 4 0 0 1 8.706 3.5l7.41 29a4 4 0 1 1-7.751 1.98l-7.41-29A4 4 0 0 1 3.84.614")} + {genUG(154, 741.3, 667.7, "M3.4.852A4 4 0 0 1 8.258 3.75 19.84 19.84 0 0 0 27.48 18.73h11.5a4 4 0 1 1 0 8H27.478A27.84 27.84 0 0 1 .502 5.71 4 4 0 0 1 3.4.852")} + {genUG(155, 788, 685.7, "M.98 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4")} + {genUG(156, 834.4, 685.7, "M.36 4.73a4 4 0 0 1 4-4h32.85a4 4 0 0 1 0 8H4.36a4 4 0 0 1-4-4")} + {genUG(157, 880.7, 685.7, "M.73 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.73a4 4 0 0 1-4-4")} + {genUG(158, 927, 685.7, "M.11 4.73a4 4 0 0 1 4-4h34.14a4 4 0 0 1 0 8H4.11a4 4 0 0 1-4-4")} + {genUG(159, 973.2, 685.7, "M.25 4.73a4 4 0 0 1 4-4h34.61a4 4 0 0 1 0 8H4.25a4 4 0 0 1-4-4")} + {genUG(160, 1019.8, 685.7, "M.86 4.73a4 4 0 0 1 4-4h34.37a4 4 0 0 1 0 8H4.86a4 4 0 0 1-4-4")} + {genUG(161, 1066.2, 685.7, "M.23 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.23a4 4 0 0 1-4-4")} + {genUG(162, 1112.6, 685.7, "M.61 4.73a4 4 0 0 1 4-4h33.84a4 4 0 1 1 0 8H4.61a4 4 0 0 1-4-4")} + {genUG(163, 1158.5, 658, "M41.034.053a4 4 0 0 1 3.853 4.14l-.17 4.73A27.85 27.85 0 0 1 16.891 35.78H4.51a4 4 0 1 1 0-8h12.38A19.85 19.85 0 0 0 36.721 8.637l.17-4.73A4 4 0 0 1 41.035.052")} + {genUG(164, 1195.5, 617, "M5.59.963A4 4 0 0 1 9.437 5.11L8.347 34.2a4 4 0 0 1-7.994-.3l1.09-29.09A4 4 0 0 1 5.59.963")} + {genUG(165, 1196.8, 576, "M6.13.053A4 4 0 0 1 9.978 4.2l-1.09 28.91a4 4 0 1 1-7.994-.302L1.983 3.9A4 4 0 0 1 6.131.053")} + {genUG(166, 1198.4, 533.2, "M5.741.203A4 4 0 0 1 9.587 4.35l-1.15 30.39a4 4 0 0 1-7.994-.302l1.15-30.39A4 4 0 0 1 5.74.203")} + {genUG(167, 1200, 489, "M5.39.063a4 4 0 0 1 3.847 4.146l-1.2 32.14a4 4 0 0 1-7.994-.298l1.2-32.14A4 4 0 0 1 5.389.063")} + {genUG(168, 1201.7, 438.9, "M6.281.913a4 4 0 0 1 3.846 4.148L8.687 43.2a4 4 0 1 1-7.994-.302l1.44-38.14A4 4 0 0 1 6.28.913")} + {genUG(169, 1203.6, 389.5, "M6.13.513A4 4 0 0 1 9.977 4.66l-1.4 37.41a4 4 0 1 1-7.994-.3l1.4-37.41A4 4 0 0 1 6.13.513")} + {genUG(170, 1205.4, 346.2, "M5.76.253A4 4 0 0 1 9.608 4.4l-1.16 30.73a4 4 0 1 1-7.994-.302L1.613 4.1A4 4 0 0 1 5.76.253")} + {genUG(171, 1196, 289, "M2.055.556a4 4 0 0 1 5.479 1.41l1.53 2.59a73.47 73.47 0 0 1 10.163 40.182v.005l-.17 4.701a4 4 0 0 1-7.994-.288l.17-4.71v-.01A65.47 65.47 0 0 0 2.176 8.626l-1.53-2.59A4 4 0 0 1 2.056.555")} + {genUG(172, 1171.5, 247.3, "M2.61.775A4 4 0 0 1 8.025 2.41c.347.647.68 1.23.996 1.721l.043.066 17.13 28.988a4 4 0 0 1-6.888 4.07L2.254 8.399A34 34 0 0 1 .974 6.19 4 4 0 0 1 2.61.775")} + {genUG(173, 1163, 200.4, "M4 .46a4 4 0 0 1 4 4V18a65.5 65.5 0 0 0 3.6 21.432 4 4 0 1 1-7.56 2.616A73.5 73.5 0 0 1 0 18V4.46a4 4 0 0 1 4-4")} + {genUG(174, 1163, 346.2, "M4 .22a4 4 0 0 1 4 4v36.24a4 4 0 0 1-8 0V4.22a4 4 0 0 1 4-4")} + {genUG(175, 1163, 106.7, "M4 .7a4 4 0 0 1 4 4v33.52a4 4 0 1 1-8 0V4.7a4 4 0 0 1 4-4")} {/* End Right side */} From 392623837d629539f5a4061b593a71daf3eb4112 Mon Sep 17 00:00:00 2001 From: Alejandro Parcet Date: Tue, 17 Sep 2024 17:20:31 +0200 Subject: [PATCH 12/14] fix: completed layout and LED assignation to each position Signed-off-by: Alejandro Parcet --- .../components/Keymap-ANSI.js | 2277 ++--------------- src/api/hardware-dygma-raise2-ansi/index.ts | 12 +- .../components/Keymap-ISO.js | 214 +- src/api/hardware-dygma-raise2-iso/index.ts | 12 +- 4 files changed, 278 insertions(+), 2237 deletions(-) diff --git a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js index 84828fa11..5f91aba15 100644 --- a/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js +++ b/src/api/hardware-dygma-raise2-ansi/components/Keymap-ANSI.js @@ -335,6 +335,52 @@ class KeymapANSI extends React.Component { getDivideKeys(getLabel(row, col).label, String(+xCord + 10), yCord + 5, smallKey) : getLabel(row, col).label && getDivideKeys(getLabel(row, col).label, xCord, String(yCord + 7), smallKey); + const genKey = (kRow, kCol, kX, kY) => ( + + ); + + const genUG = (ugPos, x, y, path) => ( + { + setUndeglowIndex(ugPos, e); + }} + selectedLED={selectedLED} + visibility={!!(showUnderglow || isStandardView)} + clickAble={!(isStandardView && !showUnderglow)} + fill={getColor(ugPos)} + stroke={stroke(ugPos)} + strokeWidth={getStrokeWidth(ugPos)} + dataLedIndex={getLEDIndex(ugPos)} + dataKeyIndex={keyIndex(ugPos)} + dataLayer={layer} + path={path} + /> + ); + // console.log("Selected Key: ", selectedKey); // console.log("Selected LED: ", selectedLED); return ( @@ -351,90 +397,10 @@ class KeymapANSI extends React.Component { width={1222} > - - - - + {genKey(0, 0, 84, keysRowsPosition.row1)} + {genKey(0, 1, 151, keysRowsPosition.row1)} + {genKey(0, 2, 218, keysRowsPosition.row1)} + {genKey(0, 3, 285, keysRowsPosition.row1)} {/* Left side */} + {/* prettier-ignore */} - { - setUndeglowIndex(69, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(69)} - stroke={stroke(69)} - strokeWidth={getStrokeWidth(69)} - dataLedIndex={getLEDIndex(69)} - dataKeyIndex={keyIndex(69)} - dataLayer={layer} - path="M4.28.4a4 4 0 0 1 4 4v27.7a4 4 0 0 1-8 0V4.4a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(70, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(70)} - stroke={stroke(70)} - strokeWidth={getStrokeWidth(70)} - dataLedIndex={getLEDIndex(70)} - dataKeyIndex={keyIndex(70)} - dataLayer={layer} - path="M4.28.37a4 4 0 0 1 4 4V29.5a4 4 0 0 1-8 0V4.37a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(71, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(71)} - stroke={stroke(71)} - strokeWidth={getStrokeWidth(71)} - dataLedIndex={getLEDIndex(71)} - dataKeyIndex={keyIndex(71)} - dataLayer={layer} - path="M33.64 3.998A4 4 0 0 1 29.642 8 21.37 21.37 0 0 0 8.28 29.37a4 4 0 0 1-8 0A29.37 29.37 0 0 1 29.639 0a4 4 0 0 1 4.001 3.998" - /> - { - setUndeglowIndex(72, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(72)} - stroke={stroke(72)} - strokeWidth={getStrokeWidth(72)} - dataLedIndex={getLEDIndex(72)} - dataKeyIndex={keyIndex(72)} - dataLayer={layer} - path="M.65 4a4 4 0 0 1 4-4h35.13a4 4 0 1 1 0 8H4.65a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(73, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(73)} - stroke={stroke(73)} - strokeWidth={getStrokeWidth(73)} - dataLedIndex={getLEDIndex(73)} - dataKeyIndex={keyIndex(73)} - dataLayer={layer} - path="M.78 4a4 4 0 0 1 4-4h38.38a4 4 0 1 1 0 8H4.78a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(74, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(74)} - stroke={stroke(74)} - strokeWidth={getStrokeWidth(74)} - dataLedIndex={getLEDIndex(74)} - dataKeyIndex={keyIndex(74)} - dataLayer={layer} - path="M.16 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.16a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(75, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(75)} - stroke={stroke(75)} - strokeWidth={getStrokeWidth(75)} - dataLedIndex={getLEDIndex(75)} - dataKeyIndex={keyIndex(75)} - dataLayer={layer} - path="M.53 4a4 4 0 0 1 4-4H42.9a4 4 0 1 1 0 8H4.53a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(76, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(76)} - stroke={stroke(76)} - strokeWidth={getStrokeWidth(76)} - dataLedIndex={getLEDIndex(76)} - dataKeyIndex={keyIndex(76)} - dataLayer={layer} - path="M.34 4a4 4 0 0 1 4-4h37.72a4 4 0 0 1 0 8H4.34a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(77, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(77)} - stroke={stroke(77)} - strokeWidth={getStrokeWidth(77)} - dataLedIndex={getLEDIndex(77)} - dataKeyIndex={keyIndex(77)} - dataLayer={layer} - path="M.28 4a4 4 0 0 1 4-4h39.18a4 4 0 1 1 0 8H4.28a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(78, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(78)} - stroke={stroke(78)} - strokeWidth={getStrokeWidth(78)} - dataLedIndex={getLEDIndex(78)} - dataKeyIndex={keyIndex(78)} - dataLayer={layer} - path="M.46 4a4 4 0 0 1 4-4h37.56a4 4 0 0 1 0 8H4.46a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(79, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(79)} - stroke={stroke(79)} - strokeWidth={getStrokeWidth(79)} - dataLedIndex={getLEDIndex(79)} - dataKeyIndex={keyIndex(79)} - dataLayer={layer} - path="M.02 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.02a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(80, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(80)} - stroke={stroke(80)} - strokeWidth={getStrokeWidth(80)} - dataLedIndex={getLEDIndex(80)} - dataKeyIndex={keyIndex(80)} - dataLayer={layer} - path="M.39 4a4 4 0 0 1 4-4h39.56a4 4 0 1 1 0 8H4.39a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(81, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(81)} - stroke={stroke(81)} - strokeWidth={getStrokeWidth(81)} - dataLedIndex={getLEDIndex(81)} - dataKeyIndex={keyIndex(81)} - dataLayer={layer} - path="M.95 4a4 4 0 0 1 4-4h13.39a8.94 8.94 0 0 1 8.94 8.94V21a4 4 0 0 1-8 0V8.94a.94.94 0 0 0-.94-.94H4.95a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(82, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(82)} - stroke={stroke(82)} - strokeWidth={getStrokeWidth(82)} - dataLedIndex={getLEDIndex(82)} - dataKeyIndex={keyIndex(82)} - dataLayer={layer} - path="M4.28 0a4 4 0 0 1 4 4v18.97a4 4 0 0 1-8 0V4a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(83, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(83)} - stroke={stroke(83)} - strokeWidth={getStrokeWidth(83)} - dataLedIndex={getLEDIndex(83)} - dataKeyIndex={keyIndex(83)} - dataLayer={layer} - path="M4.28.8a4 4 0 0 1 4 4V30a4 4 0 0 1-8 0V4.8a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(84, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(84)} - stroke={stroke(84)} - strokeWidth={getStrokeWidth(84)} - dataLedIndex={getLEDIndex(84)} - dataKeyIndex={keyIndex(84)} - dataLayer={layer} - path="M6.55 0C3.217 0 .523 2.717.526 6.05.53 11.12.5 16.188.5 21.26a4 4 0 0 0 8 0V9a1 1 0 0 1 1-1h2.74a4 4 0 0 0 0-8z" - /> - { - setUndeglowIndex(85, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(85)} - stroke={stroke(85)} - strokeWidth={getStrokeWidth(85)} - dataLedIndex={getLEDIndex(85)} - dataKeyIndex={keyIndex(85)} - dataLayer={layer} - path="M4.72.86a4 4 0 0 1 4 4v18.93a4 4 0 0 1-8 0V4.86a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(86, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(86)} - stroke={stroke(86)} - strokeWidth={getStrokeWidth(86)} - dataLedIndex={getLEDIndex(86)} - dataKeyIndex={keyIndex(86)} - dataLayer={layer} - path="M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(87, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(87)} - stroke={stroke(87)} - strokeWidth={getStrokeWidth(87)} - dataLedIndex={getLEDIndex(87)} - dataKeyIndex={keyIndex(87)} - dataLayer={layer} - path="M4.6.69a4 4 0 0 1 4 4v21.06a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(88, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(88)} - stroke={stroke(88)} - strokeWidth={getStrokeWidth(88)} - dataLedIndex={getLEDIndex(88)} - dataKeyIndex={keyIndex(88)} - dataLayer={layer} - path="M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(89, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(89)} - stroke={stroke(89)} - strokeWidth={getStrokeWidth(89)} - dataLedIndex={getLEDIndex(89)} - dataKeyIndex={keyIndex(89)} - dataLayer={layer} - path="M4.28.78a4 4 0 0 1 4 4v40.18a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(90, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(90)} - stroke={stroke(90)} - strokeWidth={getStrokeWidth(90)} - dataLedIndex={getLEDIndex(90)} - dataKeyIndex={keyIndex(90)} - dataLayer={layer} - path="M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z" - /> - { - setUndeglowIndex(91, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(91)} - stroke={stroke(91)} - strokeWidth={getStrokeWidth(91)} - dataLedIndex={getLEDIndex(91)} - dataKeyIndex={keyIndex(91)} - dataLayer={layer} - path="M4.42.28a4 4 0 0 1 4 4v29.93a4 4 0 0 1-8 0V4.28a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(92, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(92)} - stroke={stroke(92)} - strokeWidth={getStrokeWidth(92)} - dataLedIndex={getLEDIndex(92)} - dataKeyIndex={keyIndex(92)} - dataLayer={layer} - path="M4.42-.01a4 4 0 0 1 4 4v25.44a4 4 0 0 1-8 0V3.99a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(93, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(93)} - stroke={stroke(93)} - strokeWidth={getStrokeWidth(93)} - dataLedIndex={getLEDIndex(93)} - dataKeyIndex={keyIndex(93)} - dataLayer={layer} - path="M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(94, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(94)} - stroke={stroke(94)} - strokeWidth={getStrokeWidth(94)} - dataLedIndex={getLEDIndex(94)} - dataKeyIndex={keyIndex(94)} - dataLayer={layer} - path="M.35 4.2a4 4 0 0 1 4-4h35.56a4 4 0 0 1 0 8H4.35a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(95, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(95)} - stroke={stroke(95)} - strokeWidth={getStrokeWidth(95)} - dataLedIndex={getLEDIndex(95)} - dataKeyIndex={keyIndex(95)} - dataLayer={layer} - path="M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082" - /> - { - setUndeglowIndex(96, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(96)} - stroke={stroke(96)} - strokeWidth={getStrokeWidth(96)} - dataLedIndex={getLEDIndex(96)} - dataKeyIndex={keyIndex(96)} - dataLayer={layer} - path="M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944" - /> - { - setUndeglowIndex(97, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(97)} - stroke={stroke(97)} - strokeWidth={getStrokeWidth(97)} - dataLedIndex={getLEDIndex(97)} - dataKeyIndex={keyIndex(97)} - dataLayer={layer} - path="M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904" - /> - { - setUndeglowIndex(98, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(98)} - stroke={stroke(98)} - strokeWidth={getStrokeWidth(98)} - dataLedIndex={getLEDIndex(98)} - dataKeyIndex={keyIndex(98)} - dataLayer={layer} - path="M12.09.714a4 4 0 0 1 2.886 4.866l-6.23 24.4A4 4 0 1 1 .994 28l6.23-24.4A4 4 0 0 1 12.09.714" - /> - { - setUndeglowIndex(99, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(99)} - stroke={stroke(99)} - strokeWidth={getStrokeWidth(99)} - dataLedIndex={getLEDIndex(99)} - dataKeyIndex={keyIndex(99)} - dataLayer={layer} - path="M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165" - /> - { - setUndeglowIndex(100, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(100)} - stroke={stroke(100)} - strokeWidth={getStrokeWidth(100)} - dataLedIndex={getLEDIndex(100)} - dataKeyIndex={keyIndex(100)} - dataLayer={layer} - path="M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894" - /> - { - setUndeglowIndex(101, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(101)} - stroke={stroke(101)} - strokeWidth={getStrokeWidth(101)} - dataLedIndex={getLEDIndex(101)} - dataKeyIndex={keyIndex(101)} - dataLayer={layer} - path="M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878" - /> - { - setUndeglowIndex(102, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(102)} - stroke={stroke(102)} - strokeWidth={getStrokeWidth(102)} - dataLedIndex={getLEDIndex(102)} - dataKeyIndex={keyIndex(102)} - dataLayer={layer} - path="M.26 4.73a4 4 0 0 1 4-4h32.49a4 4 0 0 1 0 8H4.26a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(103, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(103)} - stroke={stroke(103)} - strokeWidth={getStrokeWidth(103)} - dataLedIndex={getLEDIndex(103)} - dataKeyIndex={keyIndex(103)} - dataLayer={layer} - path="M.44 4.73a4 4 0 0 1 4-4H37a4 4 0 0 1 0 8H4.44a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(104, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(104)} - stroke={stroke(104)} - strokeWidth={getStrokeWidth(104)} - dataLedIndex={getLEDIndex(104)} - dataKeyIndex={keyIndex(104)} - dataLayer={layer} - path="M.95 4.73a4 4 0 0 1 4-4h32.74a4 4 0 0 1 0 8H4.95a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(105, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(105)} - stroke={stroke(105)} - strokeWidth={getStrokeWidth(105)} - dataLedIndex={getLEDIndex(105)} - dataKeyIndex={keyIndex(105)} - dataLayer={layer} - path="M.88 4.73a4 4 0 0 1 4-4h33.07a4 4 0 0 1 0 8H4.88a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(106, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(106)} - stroke={stroke(106)} - strokeWidth={getStrokeWidth(106)} - dataLedIndex={getLEDIndex(106)} - dataKeyIndex={keyIndex(106)} - dataLayer={layer} - path="M.27 4.73a4 4 0 0 1 4-4h32.55a4 4 0 1 1 0 8H4.27a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(107, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(107)} - stroke={stroke(107)} - strokeWidth={getStrokeWidth(107)} - dataLedIndex={getLEDIndex(107)} - dataKeyIndex={keyIndex(107)} - dataLayer={layer} - path="M.72 4.73a4 4 0 0 1 4-4h32.75a4 4 0 0 1 0 8H4.72a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(108, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(108)} - stroke={stroke(108)} - strokeWidth={getStrokeWidth(108)} - dataLedIndex={getLEDIndex(108)} - dataKeyIndex={keyIndex(108)} - dataLayer={layer} - path="M.98 4.73a4 4 0 0 1 4-4h32.46a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(109, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(109)} - stroke={stroke(109)} - strokeWidth={getStrokeWidth(109)} - dataLedIndex={getLEDIndex(109)} - dataKeyIndex={keyIndex(109)} - dataLayer={layer} - path="M2.342 1.177a4 4 0 0 1 5.381 1.745A19.83 19.83 0 0 0 25.39 13.74h3.25a4 4 0 1 1 0 8h-3.25A27.83 27.83 0 0 1 .598 6.558a4 4 0 0 1 1.745-5.381" - /> - { - setUndeglowIndex(110, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(110)} - stroke={stroke(110)} - strokeWidth={getStrokeWidth(110)} - dataLedIndex={getLEDIndex(110)} - dataKeyIndex={keyIndex(110)} - dataLayer={layer} - path="M4.28.493A4 4 0 0 1 8.427 4.34l1.07 28.54a4 4 0 0 1-7.994.3L.433 4.64A4 4 0 0 1 4.28.493" - /> - { - setUndeglowIndex(111, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(111)} - stroke={stroke(111)} - strokeWidth={getStrokeWidth(111)} - dataLedIndex={getLEDIndex(111)} - dataKeyIndex={keyIndex(111)} - dataLayer={layer} - path="M4.36.483A4 4 0 0 1 8.507 4.33l1.44 38.28a4 4 0 0 1-7.994.3L.513 4.63A4 4 0 0 1 4.36.483" - /> - { - setUndeglowIndex(112, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(112)} - stroke={stroke(112)} - strokeWidth={getStrokeWidth(112)} - dataLedIndex={getLEDIndex(112)} - dataKeyIndex={keyIndex(112)} - dataLayer={layer} - path="M4.73.003A4 4 0 0 1 8.877 3.85l1.16 30.97a4 4 0 0 1-7.994.3L.883 4.15A4 4 0 0 1 4.73.003" - /> - { - setUndeglowIndex(113, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(113)} - stroke={stroke(113)} - strokeWidth={getStrokeWidth(113)} - dataLedIndex={getLEDIndex(113)} - dataKeyIndex={keyIndex(113)} - dataLayer={layer} - path="M3.86.143A4 4 0 0 1 8.007 3.99l1.41 37.57a4 4 0 1 1-7.994.3L.013 4.29A4 4 0 0 1 3.86.143" - /> - { - setUndeglowIndex(114, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(114)} - stroke={stroke(114)} - strokeWidth={getStrokeWidth(114)} - dataLedIndex={getLEDIndex(114)} - dataKeyIndex={keyIndex(114)} - dataLayer={layer} - path="M4.13.113A4 4 0 0 1 8.277 3.96l1.26 33.51a4 4 0 1 1-7.994.3L.283 4.26A4 4 0 0 1 4.13.113" - /> - { - setUndeglowIndex(115, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(115)} - stroke={stroke(115)} - strokeWidth={getStrokeWidth(115)} - dataLedIndex={getLEDIndex(115)} - dataKeyIndex={keyIndex(115)} - dataLayer={layer} - path="M4.12.713A4 4 0 0 1 8.267 4.56l1.53 40.72a4 4 0 0 1-7.994.3L.273 4.86A4 4 0 0 1 4.12.713" - /> - { - setUndeglowIndex(116, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(116)} - stroke={stroke(116)} - strokeWidth={getStrokeWidth(116)} - dataLedIndex={getLEDIndex(116)} - dataKeyIndex={keyIndex(116)} - dataLayer={layer} - path="M4.47.693A4 4 0 0 1 8.617 4.54l1.18 31.39a4 4 0 1 1-7.994.3L.623 4.84A4 4 0 0 1 4.47.693" - /> - { - setUndeglowIndex(117, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(117)} - stroke={stroke(117)} - strokeWidth={getStrokeWidth(117)} - dataLedIndex={getLEDIndex(117)} - dataKeyIndex={keyIndex(117)} - dataLayer={layer} - path="M10.752.781a4 4 0 0 1 2.177 5.221 65.5 65.5 0 0 0-4.882 27.385v.003l.11 2.877a4 4 0 0 1-7.994.306l-.11-2.883A73.5 73.5 0 0 1 5.53 2.959 4 4 0 0 1 10.752.78" - /> - { - setUndeglowIndex(118, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(118)} - stroke={stroke(118)} - strokeWidth={getStrokeWidth(118)} - dataLedIndex={getLEDIndex(118)} - dataKeyIndex={keyIndex(118)} - dataLayer={layer} - path="M24.625 1.116a4 4 0 0 1 1.409 5.48l-17.79 30.1a4 4 0 0 1-6.887-4.071l17.79-30.1a4 4 0 0 1 5.478-1.409" - /> - { - setUndeglowIndex(119, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(119)} - stroke={stroke(119)} - strokeWidth={getStrokeWidth(119)} - dataLedIndex={getLEDIndex(119)} - dataKeyIndex={keyIndex(119)} - dataLayer={layer} - path="M14.278 0a4 4 0 0 1 4.002 3.998A73.5 73.5 0 0 1 8.085 41.382a4 4 0 1 1-6.89-4.064A65.5 65.5 0 0 0 10.28 4.002 4 4 0 0 1 14.278 0" - /> - { - setUndeglowIndex(120, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(120)} - stroke={stroke(120)} - strokeWidth={getStrokeWidth(120)} - dataLedIndex={getLEDIndex(120)} - dataKeyIndex={keyIndex(120)} - dataLayer={layer} - path="M4.28.36a4 4 0 0 1 4 4v32.19a4 4 0 0 1-8 0V4.36a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(121, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(121)} - stroke={stroke(121)} - strokeWidth={getStrokeWidth(121)} - dataLedIndex={getLEDIndex(121)} - dataKeyIndex={keyIndex(121)} - dataLayer={layer} - path="M4.28.08a4 4 0 0 1 4 4v30.88a4 4 0 0 1-8 0V4.08a4 4 0 0 1 4-4" - /> + {genUG(69,53,12,"M33.64 3.998A4 4 0 0 1 29.642 8 21.37 21.37 0 0 0 8.28 29.37a4 4 0 0 1-8 0A29.37 29.37 0 0 1 29.639 0a4 4 0 0 1 4.001 3.998",)} + {genUG(70, 90, 12, "M.65 4a4 4 0 0 1 4-4h35.13a4 4 0 1 1 0 8H4.65a4 4 0 0 1-4-4")} + {genUG(71, 139, 12, "M.78 4a4 4 0 0 1 4-4h38.38a4 4 0 1 1 0 8H4.78a4 4 0 0 1-4-4")} + {genUG(72, 188, 12, "M.16 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.16a4 4 0 0 1-4-4")} + {genUG(73, 238, 12, "M.53 4a4 4 0 0 1 4-4H42.9a4 4 0 1 1 0 8H4.53a4 4 0 0 1-4-4")} + {genUG(74, 288, 12, "M.34 4a4 4 0 0 1 4-4h37.72a4 4 0 0 1 0 8H4.34a4 4 0 0 1-4-4")} + {genUG(75, 339, 12, "M.28 4a4 4 0 0 1 4-4h39.18a4 4 0 1 1 0 8H4.28a4 4 0 0 1-4-4")} + {genUG(76, 390, 12, "M.46 4a4 4 0 0 1 4-4h37.56a4 4 0 0 1 0 8H4.46a4 4 0 0 1-4-4")} + {genUG(77, 440, 12, "M.02 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.02a4 4 0 0 1-4-4")} + {genUG(78, 490, 12, "M.39 4a4 4 0 0 1 4-4h39.56a4 4 0 1 1 0 8H4.39a4 4 0 0 1-4-4")} + {genUG(79,542,12,"M.95 4a4 4 0 0 1 4-4h13.39a8.94 8.94 0 0 1 8.94 8.94V21a4 4 0 0 1-8 0V8.94a.94.94 0 0 0-.94-.94H4.95a4 4 0 0 1-4-4",)} + {genUG(80, 561, 41, "M4.28 0a4 4 0 0 1 4 4v18.97a4 4 0 0 1-8 0V4a4 4 0 0 1 4-4")} + {genUG(81, 561, 72, "M4.28.8a4 4 0 0 1 4 4V30a4 4 0 0 1-8 0V4.8a4 4 0 0 1 4-4")} + {genUG(82,541,98,"M6.55 0C3.217 0 .523 2.717.526 6.05.53 11.12.5 16.188.5 21.26a4 4 0 0 0 8 0V9a1 1 0 0 1 1-1h2.74a4 4 0 0 0 0-8z",)} + {genUG(83, 541, 126, "M4.72.86a4 4 0 0 1 4 4v18.93a4 4 0 0 1-8 0V4.86a4 4 0 0 1 4-4")} + {genUG(84,541,158,"M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4",)} + {genUG(85, 554, 187, "M4.6.69a4 4 0 0 1 4 4v21.06a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4")} + {genUG(86,554,220,"M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4",)} + {genUG(87, 576, 245, "M4.28.78a4 4 0 0 1 4 4v40.18a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4")} + {genUG(88,557,298,"M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z",)} + {genUG(89, 557, 340, "M4.42.28a4 4 0 0 1 4 4v29.93a4 4 0 0 1-8 0V4.28a4 4 0 0 1 4-4")} + {genUG(90, 557, 382, "M4.42-.01a4 4 0 0 1 4 4v25.44a4 4 0 0 1-8 0V3.99a4 4 0 0 1 4-4")} + {genUG(91,528,420,"M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4",)} + {genUG(92, 479.5, 444.8, "M.35 4.2a4 4 0 0 1 4-4h35.56a4 4 0 0 1 0 8H4.35a4 4 0 0 1-4-4")} + {genUG(93,456,447,"M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082",)} + {genUG(94,446,480,"M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944",)} + {genUG(95,438,515,"M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904",)} + {genUG(96, 428, 550, "M12.09.714a4 4 0 0 1 2.886 4.866l-6.23 24.4A4 4 0 1 1 .994 28l6.23-24.4A4 4 0 0 1 12.09.714")} + {genUG(97,418,586,"M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165",)} + {genUG(98,408,627,"M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894",)} + {genUG(99,374,666,"M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878",)} + {genUG(100, 329.2, 686, "M.26 4.73a4 4 0 0 1 4-4h32.49a4 4 0 0 1 0 8H4.26a4 4 0 0 1-4-4")} + {genUG(101, 284.4, 686, "M.44 4.73a4 4 0 0 1 4-4H37a4 4 0 0 1 0 8H4.44a4 4 0 0 1-4-4")} + {genUG(102, 240, 686, "M.95 4.73a4 4 0 0 1 4-4h32.74a4 4 0 0 1 0 8H4.95a4 4 0 0 1-4-4")} + {genUG(103, 194.8, 686, "M.88 4.73a4 4 0 0 1 4-4h33.07a4 4 0 0 1 0 8H4.88a4 4 0 0 1-4-4")} + {genUG(104, 150.2, 686, "M.27 4.73a4 4 0 0 1 4-4h32.55a4 4 0 1 1 0 8H4.27a4 4 0 0 1-4-4")} + {genUG(105, 105.7, 686, "M.72 4.73a4 4 0 0 1 4-4h32.75a4 4 0 0 1 0 8H4.72a4 4 0 0 1-4-4")} + {genUG(106, 61, 686, "M.98 4.73a4 4 0 0 1 4-4h32.46a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4")} + {genUG(107, 24, 672.7, "M2.342 1.177a4 4 0 0 1 5.381 1.745A19.83 19.83 0 0 0 25.39 13.74h3.25a4 4 0 1 1 0 8h-3.25A27.83 27.83 0 0 1 .598 6.558a4 4 0 0 1 1.745-5.381")} + {genUG(108, 20.4, 632.5, "M4.28.493A4 4 0 0 1 8.427 4.34l1.07 28.54a4 4 0 0 1-7.994.3L.433 4.64A4 4 0 0 1 4.28.493")} + {genUG(109, 18.5, 581.5, "M4.36.483A4 4 0 0 1 8.507 4.33l1.44 38.28a4 4 0 0 1-7.994.3L.513 4.63A4 4 0 0 1 4.36.483")} + {genUG(110, 16.8, 538, "M4.73.003A4 4 0 0 1 8.877 3.85l1.16 30.97a4 4 0 0 1-7.994.3L.883 4.15A4 4 0 0 1 4.73.003")} + {genUG(111, 15, 488, "M3.86.143A4 4 0 0 1 8.007 3.99l1.41 37.57a4 4 0 1 1-7.994.3L.013 4.29A4 4 0 0 1 3.86.143")} + {genUG(112, 13.2, 442, "M4.13.113A4 4 0 0 1 8.277 3.96l1.26 33.51a4 4 0 1 1-7.994.3L.283 4.26A4 4 0 0 1 4.13.113")} + {genUG(113, 11.2, 388.7, "M4.12.713A4 4 0 0 1 8.267 4.56l1.53 40.72a4 4 0 0 1-7.994.3L.273 4.86A4 4 0 0 1 4.12.713")} + {genUG(114, 9.6, 344.6, "M4.47.693A4 4 0 0 1 8.617 4.54l1.18 31.39a4 4 0 1 1-7.994.3L.623 4.84A4 4 0 0 1 4.47.693")} + {genUG(115, 9, 300.4, "M10.752.781a4 4 0 0 1 2.177 5.221 65.5 65.5 0 0 0-4.882 27.385v.003l.11 2.877a4 4 0 0 1-7.994.306l-.11-2.883A73.5 73.5 0 0 1 5.53 2.959 4 4 0 0 1 10.752.78")} + {genUG(116, 19.8, 259.6, "M24.625 1.116a4 4 0 0 1 1.409 5.48l-17.79 30.1a4 4 0 0 1-6.887-4.071l17.79-30.1a4 4 0 0 1 5.478-1.409")} + {genUG(117, 43.6, 214, "M14.278 0a4 4 0 0 1 4.002 3.998A73.5 73.5 0 0 1 8.085 41.382a4 4 0 1 1-6.89-4.064A65.5 65.5 0 0 0 10.28 4.002 4 4 0 0 1 14.278 0")} + {genUG(118, 53.2, 169.3, "M4.28.36a4 4 0 0 1 4 4v32.19a4 4 0 0 1-8 0V4.36a4 4 0 0 1 4-4")} + {genUG(119, 53.2, 126, "M4.28.08a4 4 0 0 1 4 4v30.88a4 4 0 0 1-8 0V4.08a4 4 0 0 1 4-4")} + {genUG(120, 53, 86, "M4.28.4a4 4 0 0 1 4 4v27.7a4 4 0 0 1-8 0V4.4a4 4 0 0 1 4-4")} + {genUG(121, 53, 49, "M4.28.37a4 4 0 0 1 4 4V29.5a4 4 0 0 1-8 0V4.37a4 4 0 0 1 4-4")} - {/* Right side */} + {/* prettier-ignore */} - { - setUndeglowIndex(122, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(122)} - stroke={stroke(122)} - strokeWidth={getStrokeWidth(122)} - dataLedIndex={getLEDIndex(122)} - dataKeyIndex={keyIndex(122)} - dataLayer={layer} - path="M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(123, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(123)} - stroke={stroke(123)} - strokeWidth={getStrokeWidth(123)} - dataLedIndex={getLEDIndex(123)} - dataKeyIndex={keyIndex(123)} - dataLayer={layer} - path="M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(124, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(124)} - stroke={stroke(124)} - strokeWidth={getStrokeWidth(124)} - dataLedIndex={getLEDIndex(124)} - dataKeyIndex={keyIndex(124)} - dataLayer={layer} - path="M.25 4a4 4 0 0 1 4-4h12.39a29.38 29.38 0 0 1 25.826 15.373 4 4 0 1 1-7.032 3.814A21.38 21.38 0 0 0 16.64 8H4.25a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(125, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(125)} - stroke={stroke(125)} - strokeWidth={getStrokeWidth(125)} - dataLedIndex={getLEDIndex(125)} - dataKeyIndex={keyIndex(125)} - dataLayer={layer} - path="M.43 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.43a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(126, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(126)} - stroke={stroke(126)} - strokeWidth={getStrokeWidth(126)} - dataLedIndex={getLEDIndex(126)} - dataKeyIndex={keyIndex(126)} - dataLayer={layer} - path="M.61 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.61a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(127, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(127)} - stroke={stroke(127)} - strokeWidth={getStrokeWidth(127)} - dataLedIndex={getLEDIndex(127)} - dataKeyIndex={keyIndex(127)} - dataLayer={layer} - path="M.79 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.79a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(128, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(128)} - stroke={stroke(128)} - strokeWidth={getStrokeWidth(128)} - dataLedIndex={getLEDIndex(128)} - dataKeyIndex={keyIndex(128)} - dataLayer={layer} - path="M.97 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.97a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(129, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(129)} - stroke={stroke(129)} - strokeWidth={getStrokeWidth(129)} - dataLedIndex={getLEDIndex(129)} - dataKeyIndex={keyIndex(129)} - dataLayer={layer} - path="M.15 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.15a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(130, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(130)} - stroke={stroke(130)} - strokeWidth={getStrokeWidth(130)} - dataLedIndex={getLEDIndex(130)} - dataKeyIndex={keyIndex(130)} - dataLayer={layer} - path="M.32 4a4 4 0 0 1 4-4h38.83a4 4 0 0 1 0 8H4.32a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(131, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(131)} - stroke={stroke(131)} - strokeWidth={getStrokeWidth(131)} - dataLedIndex={getLEDIndex(131)} - dataKeyIndex={keyIndex(131)} - dataLayer={layer} - path="M.41 4a4 4 0 0 1 4-4h37.91a4 4 0 1 1 0 8H4.41a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(132, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(132)} - stroke={stroke(132)} - strokeWidth={getStrokeWidth(132)} - dataLedIndex={getLEDIndex(132)} - dataKeyIndex={keyIndex(132)} - dataLayer={layer} - path="M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(133, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(133)} - stroke={stroke(133)} - strokeWidth={getStrokeWidth(133)} - dataLedIndex={getLEDIndex(133)} - dataKeyIndex={keyIndex(133)} - dataLayer={layer} - path="M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(134, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(134)} - stroke={stroke(134)} - strokeWidth={getStrokeWidth(134)} - dataLedIndex={getLEDIndex(134)} - dataKeyIndex={keyIndex(134)} - dataLayer={layer} - path="M.07 4a4 4 0 0 1 4-4h38a4 4 0 0 1 0 8h-38a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(135, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(135)} - stroke={stroke(135)} - strokeWidth={getStrokeWidth(135)} - dataLedIndex={getLEDIndex(135)} - dataKeyIndex={keyIndex(135)} - dataLayer={layer} - path="M0 8a8 8 0 0 1 8-8h15.06a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v10.1a4 4 0 0 1-8 0z" - /> - { - setUndeglowIndex(136, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(136)} - stroke={stroke(136)} - strokeWidth={getStrokeWidth(136)} - dataLedIndex={getLEDIndex(136)} - dataKeyIndex={keyIndex(136)} - dataLayer={layer} - path="M4 .54a4 4 0 0 1 4 4v21.43a4 4 0 0 1-8 0V4.54a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(137, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(137)} - stroke={stroke(137)} - strokeWidth={getStrokeWidth(137)} - dataLedIndex={getLEDIndex(137)} - dataKeyIndex={keyIndex(137)} - dataLayer={layer} - path="M4 .97a4 4 0 0 1 4 4v24.87a4 4 0 0 1-8 0V4.97a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(138, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(138)} - stroke={stroke(138)} - strokeWidth={getStrokeWidth(138)} - dataLedIndex={getLEDIndex(138)} - dataKeyIndex={keyIndex(138)} - dataLayer={layer} - path="M0 8a8 8 0 0 1 8-8h16a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v8.58a4 4 0 0 1-8 0z" - /> - { - setUndeglowIndex(139, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(139)} - stroke={stroke(139)} - strokeWidth={getStrokeWidth(139)} - dataLedIndex={getLEDIndex(139)} - dataKeyIndex={keyIndex(139)} - dataLayer={layer} - path="M4 .58a4 4 0 0 1 4 4v10.1A1.32 1.32 0 0 0 9.32 16h2.251a9.14 9.14 0 0 1 9.069 9.105V44.12a4 4 0 1 1-8 0V25.13A1.14 1.14 0 0 0 11.519 24H9.32A9.32 9.32 0 0 1 0 14.68V4.58a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(140, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(140)} - stroke={stroke(140)} - strokeWidth={getStrokeWidth(140)} - dataLedIndex={getLEDIndex(140)} - dataKeyIndex={keyIndex(140)} - dataLayer={layer} - path="M4.68.69a4 4 0 0 1 4 4V33a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(141, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(141)} - stroke={stroke(141)} - strokeWidth={getStrokeWidth(141)} - dataLedIndex={getLEDIndex(141)} - dataKeyIndex={keyIndex(141)} - dataLayer={layer} - path="M.23 4a4 4 0 0 1 4-4h9.66A9.11 9.11 0 0 1 23 9.11v13.67a4 4 0 1 1-8 0V9.11A1.11 1.11 0 0 0 13.89 8H4.23a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(142, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(142)} - stroke={stroke(142)} - strokeWidth={getStrokeWidth(142)} - dataLedIndex={getLEDIndex(142)} - dataKeyIndex={keyIndex(142)} - dataLayer={layer} - path="M4 .78a4 4 0 0 1 4 4v38.59a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(143, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(143)} - stroke={stroke(143)} - strokeWidth={getStrokeWidth(143)} - dataLedIndex={getLEDIndex(143)} - dataKeyIndex={keyIndex(143)} - dataLayer={layer} - path="M19.04.37a4 4 0 0 1 4 4V15a9 9 0 0 1-9 9H8.968a.11.11 0 0 0-.108.108V43.81a4 4 0 0 1-8 0V24.09A8.11 8.11 0 0 1 8.95 16h5.09a1 1 0 0 0 1-1V4.37a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(144, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(144)} - stroke={stroke(144)} - strokeWidth={getStrokeWidth(144)} - dataLedIndex={getLEDIndex(144)} - dataKeyIndex={keyIndex(144)} - dataLayer={layer} - path="M4.86.81a4 4 0 0 1 4 4v23.81a4 4 0 0 1-8 0V4.81a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(145, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(145)} - stroke={stroke(145)} - strokeWidth={getStrokeWidth(145)} - dataLedIndex={getLEDIndex(145)} - dataKeyIndex={keyIndex(145)} - dataLayer={layer} - path="M4.86.9a4 4 0 0 1 4 4v24.53a4 4 0 0 1-8 0V4.9a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(146, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(146)} - stroke={stroke(146)} - strokeWidth={getStrokeWidth(146)} - dataLedIndex={getLEDIndex(146)} - dataKeyIndex={keyIndex(146)} - dataLayer={layer} - path="M4.86.14a4 4 0 0 1 4 4v18.69a1.37 1.37 0 0 0 1.37 1.37h16.46a4 4 0 0 1 0 8H10.23a9.37 9.37 0 0 1-9.37-9.37V4.14a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(147, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(147)} - stroke={stroke(147)} - strokeWidth={getStrokeWidth(147)} - dataLedIndex={getLEDIndex(147)} - dataKeyIndex={keyIndex(147)} - dataLayer={layer} - path="M.69 4.2a4 4 0 0 1 4-4h27.82a4 4 0 1 1 0 8H4.69a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(148, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(148)} - stroke={stroke(148)} - strokeWidth={getStrokeWidth(148)} - dataLedIndex={getLEDIndex(148)} - dataKeyIndex={keyIndex(148)} - dataLayer={layer} - path="M.88 4.18a4 4 0 0 1 4-4h5.001a22.52 22.52 0 0 1 21.815 16.95l2.55 10.002a4 4 0 0 1-7.752 1.976l-2.55-9.999A14.52 14.52 0 0 0 9.88 8.18h-5a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(149, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(149)} - stroke={stroke(149)} - strokeWidth={getStrokeWidth(149)} - dataLedIndex={getLEDIndex(149)} - dataKeyIndex={keyIndex(149)} - dataLayer={layer} - path="M3.35.865a4 4 0 0 1 4.865 2.884l5.73 22.41a4 4 0 0 1-7.75 1.982L.465 5.73A4 4 0 0 1 3.349.865" - /> - { - setUndeglowIndex(150, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(150)} - stroke={stroke(150)} - strokeWidth={getStrokeWidth(150)} - dataLedIndex={getLEDIndex(150)} - dataKeyIndex={keyIndex(150)} - dataLayer={layer} - path="M3.05.904A4 4 0 0 1 7.916 3.79l6.16 24.12a4 4 0 0 1-7.752 1.98L.164 5.77A4 4 0 0 1 3.05.904" - /> - { - setUndeglowIndex(151, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(151)} - stroke={stroke(151)} - strokeWidth={getStrokeWidth(151)} - dataLedIndex={getLEDIndex(151)} - dataKeyIndex={keyIndex(151)} - dataLayer={layer} - path="M3.87.344A4 4 0 0 1 8.735 3.23l6.35 24.85a4 4 0 0 1-7.75 1.98L.984 5.21A4 4 0 0 1 3.87.344" - /> - { - setUndeglowIndex(152, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(152)} - stroke={stroke(152)} - strokeWidth={getStrokeWidth(152)} - dataLedIndex={getLEDIndex(152)} - dataKeyIndex={keyIndex(152)} - dataLayer={layer} - path="M3.87.574A4 4 0 0 1 8.735 3.46l7 27.41a4 4 0 0 1-7.75 1.98l-7-27.41A4 4 0 0 1 3.87.574" - /> - { - setUndeglowIndex(153, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(153)} - stroke={stroke(153)} - strokeWidth={getStrokeWidth(153)} - dataLedIndex={getLEDIndex(153)} - dataKeyIndex={keyIndex(153)} - dataLayer={layer} - path="M3.84.614A4 4 0 0 1 8.706 3.5l7.41 29a4 4 0 1 1-7.751 1.98l-7.41-29A4 4 0 0 1 3.84.614" - /> - { - setUndeglowIndex(154, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(154)} - stroke={stroke(154)} - strokeWidth={getStrokeWidth(154)} - dataLedIndex={getLEDIndex(154)} - dataKeyIndex={keyIndex(154)} - dataLayer={layer} - path="M3.4.852A4 4 0 0 1 8.258 3.75 19.84 19.84 0 0 0 27.48 18.73h11.5a4 4 0 1 1 0 8H27.478A27.84 27.84 0 0 1 .502 5.71 4 4 0 0 1 3.4.852" - /> - { - setUndeglowIndex(155, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(155)} - stroke={stroke(155)} - strokeWidth={getStrokeWidth(155)} - dataLedIndex={getLEDIndex(155)} - dataKeyIndex={keyIndex(155)} - dataLayer={layer} - path="M.98 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(156, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(156)} - stroke={stroke(156)} - strokeWidth={getStrokeWidth(156)} - dataLedIndex={getLEDIndex(156)} - dataKeyIndex={keyIndex(156)} - dataLayer={layer} - path="M.36 4.73a4 4 0 0 1 4-4h32.85a4 4 0 0 1 0 8H4.36a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(157, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(157)} - stroke={stroke(157)} - strokeWidth={getStrokeWidth(157)} - dataLedIndex={getLEDIndex(157)} - dataKeyIndex={keyIndex(157)} - dataLayer={layer} - path="M.73 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.73a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(158, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(158)} - stroke={stroke(158)} - strokeWidth={getStrokeWidth(158)} - dataLedIndex={getLEDIndex(158)} - dataKeyIndex={keyIndex(158)} - dataLayer={layer} - path="M.11 4.73a4 4 0 0 1 4-4h34.14a4 4 0 0 1 0 8H4.11a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(159, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(159)} - stroke={stroke(159)} - strokeWidth={getStrokeWidth(159)} - dataLedIndex={getLEDIndex(159)} - dataKeyIndex={keyIndex(159)} - dataLayer={layer} - path="M.25 4.73a4 4 0 0 1 4-4h34.61a4 4 0 0 1 0 8H4.25a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(160, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(160)} - stroke={stroke(160)} - strokeWidth={getStrokeWidth(160)} - dataLedIndex={getLEDIndex(160)} - dataKeyIndex={keyIndex(160)} - dataLayer={layer} - path="M.86 4.73a4 4 0 0 1 4-4h34.37a4 4 0 0 1 0 8H4.86a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(161, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(161)} - stroke={stroke(161)} - strokeWidth={getStrokeWidth(161)} - dataLedIndex={getLEDIndex(161)} - dataKeyIndex={keyIndex(161)} - dataLayer={layer} - path="M.23 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.23a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(162, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(162)} - stroke={stroke(162)} - strokeWidth={getStrokeWidth(162)} - dataLedIndex={getLEDIndex(162)} - dataKeyIndex={keyIndex(162)} - dataLayer={layer} - path="M.61 4.73a4 4 0 0 1 4-4h33.84a4 4 0 1 1 0 8H4.61a4 4 0 0 1-4-4" - /> - { - setUndeglowIndex(163, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(163)} - stroke={stroke(163)} - strokeWidth={getStrokeWidth(163)} - dataLedIndex={getLEDIndex(163)} - dataKeyIndex={keyIndex(163)} - dataLayer={layer} - path="M41.034.053a4 4 0 0 1 3.853 4.14l-.17 4.73A27.85 27.85 0 0 1 16.891 35.78H4.51a4 4 0 1 1 0-8h12.38A19.85 19.85 0 0 0 36.721 8.637l.17-4.73A4 4 0 0 1 41.035.052" - /> - { - setUndeglowIndex(164, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(164)} - stroke={stroke(164)} - strokeWidth={getStrokeWidth(164)} - dataLedIndex={getLEDIndex(164)} - dataKeyIndex={keyIndex(164)} - dataLayer={layer} - path="M5.59.963A4 4 0 0 1 9.437 5.11L8.347 34.2a4 4 0 0 1-7.994-.3l1.09-29.09A4 4 0 0 1 5.59.963" - /> - { - setUndeglowIndex(165, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(165)} - stroke={stroke(165)} - strokeWidth={getStrokeWidth(165)} - dataLedIndex={getLEDIndex(165)} - dataKeyIndex={keyIndex(165)} - dataLayer={layer} - path="M6.13.053A4 4 0 0 1 9.978 4.2l-1.09 28.91a4 4 0 1 1-7.994-.302L1.983 3.9A4 4 0 0 1 6.131.053" - /> - { - setUndeglowIndex(166, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(166)} - stroke={stroke(166)} - strokeWidth={getStrokeWidth(166)} - dataLedIndex={getLEDIndex(166)} - dataKeyIndex={keyIndex(166)} - dataLayer={layer} - path="M5.741.203A4 4 0 0 1 9.587 4.35l-1.15 30.39a4 4 0 0 1-7.994-.302l1.15-30.39A4 4 0 0 1 5.74.203" - /> - { - setUndeglowIndex(167, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(167)} - stroke={stroke(167)} - strokeWidth={getStrokeWidth(167)} - dataLedIndex={getLEDIndex(167)} - dataKeyIndex={keyIndex(167)} - dataLayer={layer} - path="M5.39.063a4 4 0 0 1 3.847 4.146l-1.2 32.14a4 4 0 0 1-7.994-.298l1.2-32.14A4 4 0 0 1 5.389.063" - /> - { - setUndeglowIndex(168, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(168)} - stroke={stroke(168)} - strokeWidth={getStrokeWidth(168)} - dataLedIndex={getLEDIndex(168)} - dataKeyIndex={keyIndex(168)} - dataLayer={layer} - path="M6.281.913a4 4 0 0 1 3.846 4.148L8.687 43.2a4 4 0 1 1-7.994-.302l1.44-38.14A4 4 0 0 1 6.28.913" - /> - { - setUndeglowIndex(169, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(169)} - stroke={stroke(169)} - strokeWidth={getStrokeWidth(169)} - dataLedIndex={getLEDIndex(169)} - dataKeyIndex={keyIndex(169)} - dataLayer={layer} - path="M6.13.513A4 4 0 0 1 9.977 4.66l-1.4 37.41a4 4 0 1 1-7.994-.3l1.4-37.41A4 4 0 0 1 6.13.513" - /> - { - setUndeglowIndex(170, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(170)} - stroke={stroke(170)} - strokeWidth={getStrokeWidth(170)} - dataLedIndex={getLEDIndex(170)} - dataKeyIndex={keyIndex(170)} - dataLayer={layer} - path="M5.76.253A4 4 0 0 1 9.608 4.4l-1.16 30.73a4 4 0 1 1-7.994-.302L1.613 4.1A4 4 0 0 1 5.76.253" - /> - { - setUndeglowIndex(171, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(171)} - stroke={stroke(171)} - strokeWidth={getStrokeWidth(171)} - dataLedIndex={getLEDIndex(171)} - dataKeyIndex={keyIndex(171)} - dataLayer={layer} - path="M2.055.556a4 4 0 0 1 5.479 1.41l1.53 2.59a73.47 73.47 0 0 1 10.163 40.182v.005l-.17 4.701a4 4 0 0 1-7.994-.288l.17-4.71v-.01A65.47 65.47 0 0 0 2.176 8.626l-1.53-2.59A4 4 0 0 1 2.056.555" - /> - { - setUndeglowIndex(172, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(172)} - stroke={stroke(172)} - strokeWidth={getStrokeWidth(172)} - dataLedIndex={getLEDIndex(172)} - dataKeyIndex={keyIndex(172)} - dataLayer={layer} - path="M2.61.775A4 4 0 0 1 8.025 2.41c.347.647.68 1.23.996 1.721l.043.066 17.13 28.988a4 4 0 0 1-6.888 4.07L2.254 8.399A34 34 0 0 1 .974 6.19 4 4 0 0 1 2.61.775" - /> - { - setUndeglowIndex(173, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(173)} - stroke={stroke(173)} - strokeWidth={getStrokeWidth(173)} - dataLedIndex={getLEDIndex(173)} - dataKeyIndex={keyIndex(173)} - dataLayer={layer} - path="M4 .46a4 4 0 0 1 4 4V18a65.5 65.5 0 0 0 3.6 21.432 4 4 0 1 1-7.56 2.616A73.5 73.5 0 0 1 0 18V4.46a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(174, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(174)} - stroke={stroke(174)} - strokeWidth={getStrokeWidth(174)} - dataLedIndex={getLEDIndex(174)} - dataKeyIndex={keyIndex(174)} - dataLayer={layer} - path="M4 .22a4 4 0 0 1 4 4v36.24a4 4 0 0 1-8 0V4.22a4 4 0 0 1 4-4" - /> - { - setUndeglowIndex(175, e); - }} - selectedLED={selectedLED} - visibility={!!(showUnderglow || isStandardView)} - clickAble={!(isStandardView && !showUnderglow)} - fill={getColor(175)} - stroke={stroke(175)} - strokeWidth={getStrokeWidth(175)} - dataLedIndex={getLEDIndex(175)} - dataKeyIndex={keyIndex(175)} - dataLayer={layer} - path="M4 .7a4 4 0 0 1 4 4v33.52a4 4 0 1 1-8 0V4.7a4 4 0 0 1 4-4" - /> + {genUG(122, 1163, 37.3, "M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4")} + {genUG(123, 1125, 12, "M.25 4a4 4 0 0 1 4-4h12.39a29.38 29.38 0 0 1 25.826 15.373 4 4 0 1 1-7.032 3.814A21.38 21.38 0 0 0 16.64 8H4.25a4 4 0 0 1-4-4")} + {genUG(124, 1074.4, 12, "M.43 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.43a4 4 0 0 1-4-4")} + {genUG(125, 1023.6, 12, "M.61 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.61a4 4 0 0 1-4-4")} + {genUG(126, 972.8, 12, "M.79 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.79a4 4 0 0 1-4-4")} + {genUG(127, 922, 12, "M.97 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.97a4 4 0 0 1-4-4")} + {genUG(128, 871.1, 12, "M.15 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.15a4 4 0 0 1-4-4")} + {genUG(129, 820, 12, "M.32 4a4 4 0 0 1 4-4h38.83a4 4 0 0 1 0 8H4.32a4 4 0 0 1-4-4")} + {genUG(130, 770.4, 12, "M.41 4a4 4 0 0 1 4-4h37.91a4 4 0 1 1 0 8H4.41a4 4 0 0 1-4-4")} + {genUG(131, 718.7, 12, "M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4")} + {genUG(132, 667.8, 12, "M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4")} + {genUG(133, 617, 12, "M.07 4a4 4 0 0 1 4-4h38a4 4 0 0 1 0 8h-38a4 4 0 0 1-4-4")} + {genUG(134, 586, 12, "M0 8a8 8 0 0 1 8-8h15.06a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v10.1a4 4 0 0 1-8 0z")} + {genUG(135, 586, 38, "M4 .54a4 4 0 0 1 4 4v21.43a4 4 0 0 1-8 0V4.54a4 4 0 0 1 4-4")} + {genUG(136, 586, 71, "M4 .97a4 4 0 0 1 4 4v24.87a4 4 0 0 1-8 0V4.97a4 4 0 0 1 4-4")} + {genUG(137, 566, 108, "M0 8a8 8 0 0 1 8-8h16a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v8.58a4 4 0 0 1-8 0z")} + {genUG(138, 566, 133.6, "M4 .58a4 4 0 0 1 4 4v10.1A1.32 1.32 0 0 0 9.32 16h2.251a9.14 9.14 0 0 1 9.069 9.105V44.12a4 4 0 1 1-8 0V25.13A1.14 1.14 0 0 0 11.519 24H9.32A9.32 9.32 0 0 1 0 14.68V4.58a4 4 0 0 1 4-4")} + {genUG(139, 578.6, 185, "M4.68.69a4 4 0 0 1 4 4V33a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4")} + {genUG(140, 590.2, 215, "M.23 4a4 4 0 0 1 4-4h9.66A9.11 9.11 0 0 1 23 9.11v13.67a4 4 0 1 1-8 0V9.11A1.11 1.11 0 0 0 13.89 8H4.23a4 4 0 0 1-4-4")} + {genUG(141, 605, 245.8, "M4 .78a4 4 0 0 1 4 4v38.59a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4")} + {genUG(142, 590.8, 296.3, "M19.04.37a4 4 0 0 1 4 4V15a9 9 0 0 1-9 9H8.968a.11.11 0 0 0-.108.108V43.81a4 4 0 0 1-8 0V24.09A8.11 8.11 0 0 1 8.95 16h5.09a1 1 0 0 0 1-1V4.37a4 4 0 0 1 4-4")} + {genUG(143, 590.8, 347.8, "M4.86.81a4 4 0 0 1 4 4v23.81a4 4 0 0 1-8 0V4.81a4 4 0 0 1 4-4")} + {genUG(144, 590.8, 383, "M4.86.9a4 4 0 0 1 4 4v24.53a4 4 0 0 1-8 0V4.9a4 4 0 0 1 4-4")} + {genUG(145, 590.8, 420, "M4.86.14a4 4 0 0 1 4 4v18.69a1.37 1.37 0 0 0 1.37 1.37h16.46a4 4 0 0 1 0 8H10.23a9.37 9.37 0 0 1-9.37-9.37V4.14a4 4 0 0 1 4-4")} + {genUG(146, 624.6, 444, "M.69 4.2a4 4 0 0 1 4-4h27.82a4 4 0 1 1 0 8H4.69a4 4 0 0 1-4-4")} + {genUG(147, 664.8, 444, "M.88 4.18a4 4 0 0 1 4-4h5.001a22.52 22.52 0 0 1 21.815 16.95l2.55 10.002a4 4 0 0 1-7.752 1.976l-2.55-9.999A14.52 14.52 0 0 0 9.88 8.18h-5a4 4 0 0 1-4-4")} + {genUG(148, 693.3, 479.7, "M3.35.865a4 4 0 0 1 4.865 2.884l5.73 22.41a4 4 0 0 1-7.75 1.982L.465 5.73A4 4 0 0 1 3.349.865")} + {genUG(149, 702, 513.8, "M3.05.904A4 4 0 0 1 7.916 3.79l6.16 24.12a4 4 0 0 1-7.752 1.98L.164 5.77A4 4 0 0 1 3.05.904")} + {genUG(150, 711.8, 552.2, "M3.87.344A4 4 0 0 1 8.735 3.23l6.35 24.85a4 4 0 0 1-7.75 1.98L.984 5.21A4 4 0 0 1 3.87.344")} + {genUG(151, 720.8, 587.4, "M3.87.574A4 4 0 0 1 8.735 3.46l7 27.41a4 4 0 0 1-7.75 1.98l-7-27.41A4 4 0 0 1 3.87.574")} + {genUG(152, 730.8, 626.5, "M3.84.614A4 4 0 0 1 8.706 3.5l7.41 29a4 4 0 1 1-7.751 1.98l-7.41-29A4 4 0 0 1 3.84.614")} + {genUG(153, 741.3, 667.7, "M3.4.852A4 4 0 0 1 8.258 3.75 19.84 19.84 0 0 0 27.48 18.73h11.5a4 4 0 1 1 0 8H27.478A27.84 27.84 0 0 1 .502 5.71 4 4 0 0 1 3.4.852")} + {genUG(154, 788, 685.7, "M.98 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4")} + {genUG(155, 834.4, 685.7, "M.36 4.73a4 4 0 0 1 4-4h32.85a4 4 0 0 1 0 8H4.36a4 4 0 0 1-4-4")} + {genUG(156, 880.7, 685.7, "M.73 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.73a4 4 0 0 1-4-4")} + {genUG(157, 927, 685.7, "M.11 4.73a4 4 0 0 1 4-4h34.14a4 4 0 0 1 0 8H4.11a4 4 0 0 1-4-4")} + {genUG(158, 973.2, 685.7, "M.25 4.73a4 4 0 0 1 4-4h34.61a4 4 0 0 1 0 8H4.25a4 4 0 0 1-4-4")} + {genUG(159, 1019.8, 685.7, "M.86 4.73a4 4 0 0 1 4-4h34.37a4 4 0 0 1 0 8H4.86a4 4 0 0 1-4-4")} + {genUG(160, 1066.2, 685.7, "M.23 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.23a4 4 0 0 1-4-4")} + {genUG(161, 1112.6, 685.7, "M.61 4.73a4 4 0 0 1 4-4h33.84a4 4 0 1 1 0 8H4.61a4 4 0 0 1-4-4")} + {genUG(162, 1158.5, 658, "M41.034.053a4 4 0 0 1 3.853 4.14l-.17 4.73A27.85 27.85 0 0 1 16.891 35.78H4.51a4 4 0 1 1 0-8h12.38A19.85 19.85 0 0 0 36.721 8.637l.17-4.73A4 4 0 0 1 41.035.052")} + {genUG(163, 1195.5, 617, "M5.59.963A4 4 0 0 1 9.437 5.11L8.347 34.2a4 4 0 0 1-7.994-.3l1.09-29.09A4 4 0 0 1 5.59.963")} + {genUG(164, 1196.8, 576, "M6.13.053A4 4 0 0 1 9.978 4.2l-1.09 28.91a4 4 0 1 1-7.994-.302L1.983 3.9A4 4 0 0 1 6.131.053")} + {genUG(165, 1198.4, 533.2, "M5.741.203A4 4 0 0 1 9.587 4.35l-1.15 30.39a4 4 0 0 1-7.994-.302l1.15-30.39A4 4 0 0 1 5.74.203")} + {genUG(166, 1200, 489, "M5.39.063a4 4 0 0 1 3.847 4.146l-1.2 32.14a4 4 0 0 1-7.994-.298l1.2-32.14A4 4 0 0 1 5.389.063")} + {genUG(167, 1201.7, 438.9, "M6.281.913a4 4 0 0 1 3.846 4.148L8.687 43.2a4 4 0 1 1-7.994-.302l1.44-38.14A4 4 0 0 1 6.28.913")} + {genUG(168, 1203.6, 389.5, "M6.13.513A4 4 0 0 1 9.977 4.66l-1.4 37.41a4 4 0 1 1-7.994-.3l1.4-37.41A4 4 0 0 1 6.13.513")} + {genUG(169, 1205.4, 346.2, "M5.76.253A4 4 0 0 1 9.608 4.4l-1.16 30.73a4 4 0 1 1-7.994-.302L1.613 4.1A4 4 0 0 1 5.76.253")} + {genUG(170, 1196, 289, "M2.055.556a4 4 0 0 1 5.479 1.41l1.53 2.59a73.47 73.47 0 0 1 10.163 40.182v.005l-.17 4.701a4 4 0 0 1-7.994-.288l.17-4.71v-.01A65.47 65.47 0 0 0 2.176 8.626l-1.53-2.59A4 4 0 0 1 2.056.555")} + {genUG(171, 1171.5, 247.3, "M2.61.775A4 4 0 0 1 8.025 2.41c.347.647.68 1.23.996 1.721l.043.066 17.13 28.988a4 4 0 0 1-6.888 4.07L2.254 8.399A34 34 0 0 1 .974 6.19 4 4 0 0 1 2.61.775")} + {genUG(172, 1163, 200.4, "M4 .46a4 4 0 0 1 4 4V18a65.5 65.5 0 0 0 3.6 21.432 4 4 0 1 1-7.56 2.616A73.5 73.5 0 0 1 0 18V4.46a4 4 0 0 1 4-4")} + {genUG(173, 1163, 152.2, "M4 .22a4 4 0 0 1 4 4v36.24a4 4 0 0 1-8 0V4.22a4 4 0 0 1 4-4")} + {genUG(174, 1163, 106.7, "M4 .7a4 4 0 0 1 4 4v33.52a4 4 0 1 1-8 0V4.7a4 4 0 0 1 4-4")} + {genUG(175, 1163, 72.3, "M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4")} {/* End Right side */} diff --git a/src/api/hardware-dygma-raise2-ansi/index.ts b/src/api/hardware-dygma-raise2-ansi/index.ts index 620a064e2..f79afa70c 100644 --- a/src/api/hardware-dygma-raise2-ansi/index.ts +++ b/src/api/hardware-dygma-raise2-ansi/index.ts @@ -48,14 +48,14 @@ const Raise2ANSI: DygmaDeviceType = { columns: 16, left: [aFN(0, 7), aFN(16, 23), aFN(32, 39), aFN(48, 55), aFN(64, 72)], right: [aFN(9, 16), aFN(24, 32), aFN(41, 48), aFN(57, 64), aFN(72, 80)], - ledsLeft: [...aFN(0, 33)], - ledsRight: [...aFN(33, 69)], + ledsLeft: [...aFN(0, 32)], + ledsRight: [...aFN(32, 68)], }, keyboardUnderglow: { - rows: 3, - columns: 59, - ledsLeft: [...aFN(69, 123)], - ledsRight: [...aFN(123, 177)], + rows: 4, + columns: 44, + ledsLeft: [...aFN(69, 121)], + ledsRight: [...aFN(121, 175)], }, RGBWMode: true, bootloader: false, diff --git a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js index 77fa7ffec..0f808b578 100644 --- a/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js +++ b/src/api/hardware-dygma-raise2-iso/components/Keymap-ISO.js @@ -1778,117 +1778,117 @@ class KeymapISO extends React.Component { {/* Left side */} {/* prettier-ignore */} - {genUG(69, 53, 86, "M4.28.4a4 4 0 0 1 4 4v27.7a4 4 0 0 1-8 0V4.4a4 4 0 0 1 4-4")} - {genUG(70, 53, 49, "M4.28.37a4 4 0 0 1 4 4V29.5a4 4 0 0 1-8 0V4.37a4 4 0 0 1 4-4")} - {genUG(71,53,12,"M33.64 3.998A4 4 0 0 1 29.642 8 21.37 21.37 0 0 0 8.28 29.37a4 4 0 0 1-8 0A29.37 29.37 0 0 1 29.639 0a4 4 0 0 1 4.001 3.998",)} - {genUG(72, 90, 12, "M.65 4a4 4 0 0 1 4-4h35.13a4 4 0 1 1 0 8H4.65a4 4 0 0 1-4-4")} - {genUG(73, 139, 12, "M.78 4a4 4 0 0 1 4-4h38.38a4 4 0 1 1 0 8H4.78a4 4 0 0 1-4-4")} - {genUG(74, 188, 12, "M.16 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.16a4 4 0 0 1-4-4")} - {genUG(75, 238, 12, "M.53 4a4 4 0 0 1 4-4H42.9a4 4 0 1 1 0 8H4.53a4 4 0 0 1-4-4")} - {genUG(76, 288, 12, "M.34 4a4 4 0 0 1 4-4h37.72a4 4 0 0 1 0 8H4.34a4 4 0 0 1-4-4")} - {genUG(77, 339, 12, "M.28 4a4 4 0 0 1 4-4h39.18a4 4 0 1 1 0 8H4.28a4 4 0 0 1-4-4")} - {genUG(78, 390, 12, "M.46 4a4 4 0 0 1 4-4h37.56a4 4 0 0 1 0 8H4.46a4 4 0 0 1-4-4")} - {genUG(79, 440, 12, "M.02 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.02a4 4 0 0 1-4-4")} - {genUG(80, 490, 12, "M.39 4a4 4 0 0 1 4-4h39.56a4 4 0 1 1 0 8H4.39a4 4 0 0 1-4-4")} - {genUG(81,542,12,"M.95 4a4 4 0 0 1 4-4h13.39a8.94 8.94 0 0 1 8.94 8.94V21a4 4 0 0 1-8 0V8.94a.94.94 0 0 0-.94-.94H4.95a4 4 0 0 1-4-4",)} - {genUG(82, 561, 41, "M4.28 0a4 4 0 0 1 4 4v18.97a4 4 0 0 1-8 0V4a4 4 0 0 1 4-4")} - {genUG(83, 561, 72, "M4.28.8a4 4 0 0 1 4 4V30a4 4 0 0 1-8 0V4.8a4 4 0 0 1 4-4")} - {genUG(84,541,98,"M6.55 0C3.217 0 .523 2.717.526 6.05.53 11.12.5 16.188.5 21.26a4 4 0 0 0 8 0V9a1 1 0 0 1 1-1h2.74a4 4 0 0 0 0-8z",)} - {genUG(85, 541, 126, "M4.72.86a4 4 0 0 1 4 4v18.93a4 4 0 0 1-8 0V4.86a4 4 0 0 1 4-4")} - {genUG(86,541,158,"M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4",)} - {genUG(87, 554, 187, "M4.6.69a4 4 0 0 1 4 4v21.06a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4")} - {genUG(88,554,220,"M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4",)} - {genUG(89, 576, 245, "M4.28.78a4 4 0 0 1 4 4v40.18a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4")} - {genUG(90,557,298,"M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z",)} - {genUG(91, 557, 340, "M4.42.28a4 4 0 0 1 4 4v29.93a4 4 0 0 1-8 0V4.28a4 4 0 0 1 4-4")} - {genUG(92, 557, 382, "M4.42-.01a4 4 0 0 1 4 4v25.44a4 4 0 0 1-8 0V3.99a4 4 0 0 1 4-4")} - {genUG(93,528,420,"M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4",)} - {genUG(94, 479.5, 444.8, "M.35 4.2a4 4 0 0 1 4-4h35.56a4 4 0 0 1 0 8H4.35a4 4 0 0 1-4-4")} - {genUG(95,456,447,"M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082",)} - {genUG(96,446,480,"M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944",)} - {genUG(97,438,515,"M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904",)} - {genUG(98, 428, 550, "M12.09.714a4 4 0 0 1 2.886 4.866l-6.23 24.4A4 4 0 1 1 .994 28l6.23-24.4A4 4 0 0 1 12.09.714")} - {genUG(99,418,586,"M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165",)} - {genUG(100,408,627,"M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894",)} - {genUG(101,374,666,"M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878",)} - {genUG(102, 329.2, 686, "M.26 4.73a4 4 0 0 1 4-4h32.49a4 4 0 0 1 0 8H4.26a4 4 0 0 1-4-4")} - {genUG(103, 284.4, 686, "M.44 4.73a4 4 0 0 1 4-4H37a4 4 0 0 1 0 8H4.44a4 4 0 0 1-4-4")} - {genUG(104, 240, 686, "M.95 4.73a4 4 0 0 1 4-4h32.74a4 4 0 0 1 0 8H4.95a4 4 0 0 1-4-4")} - {genUG(105, 194.8, 686, "M.88 4.73a4 4 0 0 1 4-4h33.07a4 4 0 0 1 0 8H4.88a4 4 0 0 1-4-4")} - {genUG(106, 150.2, 686, "M.27 4.73a4 4 0 0 1 4-4h32.55a4 4 0 1 1 0 8H4.27a4 4 0 0 1-4-4")} - {genUG(107, 105.7, 686, "M.72 4.73a4 4 0 0 1 4-4h32.75a4 4 0 0 1 0 8H4.72a4 4 0 0 1-4-4")} - {genUG(108, 61, 686, "M.98 4.73a4 4 0 0 1 4-4h32.46a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4")} - {genUG(109, 24, 672.7, "M2.342 1.177a4 4 0 0 1 5.381 1.745A19.83 19.83 0 0 0 25.39 13.74h3.25a4 4 0 1 1 0 8h-3.25A27.83 27.83 0 0 1 .598 6.558a4 4 0 0 1 1.745-5.381")} - {genUG(110, 20.4, 632.5, "M4.28.493A4 4 0 0 1 8.427 4.34l1.07 28.54a4 4 0 0 1-7.994.3L.433 4.64A4 4 0 0 1 4.28.493")} - {genUG(111, 18.5, 581.5, "M4.36.483A4 4 0 0 1 8.507 4.33l1.44 38.28a4 4 0 0 1-7.994.3L.513 4.63A4 4 0 0 1 4.36.483")} - {genUG(112, 16.8, 538, "M4.73.003A4 4 0 0 1 8.877 3.85l1.16 30.97a4 4 0 0 1-7.994.3L.883 4.15A4 4 0 0 1 4.73.003")} - {genUG(113, 15, 488, "M3.86.143A4 4 0 0 1 8.007 3.99l1.41 37.57a4 4 0 1 1-7.994.3L.013 4.29A4 4 0 0 1 3.86.143")} - {genUG(114, 13.2, 442, "M4.13.113A4 4 0 0 1 8.277 3.96l1.26 33.51a4 4 0 1 1-7.994.3L.283 4.26A4 4 0 0 1 4.13.113")} - {genUG(115, 11.2, 388.7, "M4.12.713A4 4 0 0 1 8.267 4.56l1.53 40.72a4 4 0 0 1-7.994.3L.273 4.86A4 4 0 0 1 4.12.713")} - {genUG(116, 9.6, 344.6, "M4.47.693A4 4 0 0 1 8.617 4.54l1.18 31.39a4 4 0 1 1-7.994.3L.623 4.84A4 4 0 0 1 4.47.693")} - {genUG(117, 9, 300.4, "M10.752.781a4 4 0 0 1 2.177 5.221 65.5 65.5 0 0 0-4.882 27.385v.003l.11 2.877a4 4 0 0 1-7.994.306l-.11-2.883A73.5 73.5 0 0 1 5.53 2.959 4 4 0 0 1 10.752.78")} - {genUG(118, 19.8, 259.6, "M24.625 1.116a4 4 0 0 1 1.409 5.48l-17.79 30.1a4 4 0 0 1-6.887-4.071l17.79-30.1a4 4 0 0 1 5.478-1.409")} - {genUG(119, 43.6, 214, "M14.278 0a4 4 0 0 1 4.002 3.998A73.5 73.5 0 0 1 8.085 41.382a4 4 0 1 1-6.89-4.064A65.5 65.5 0 0 0 10.28 4.002 4 4 0 0 1 14.278 0")} - {genUG(120, 53.2, 169.3, "M4.28.36a4 4 0 0 1 4 4v32.19a4 4 0 0 1-8 0V4.36a4 4 0 0 1 4-4")} - {genUG(121, 53.2, 126, "M4.28.08a4 4 0 0 1 4 4v30.88a4 4 0 0 1-8 0V4.08a4 4 0 0 1 4-4")} + {genUG(69,53,12,"M33.64 3.998A4 4 0 0 1 29.642 8 21.37 21.37 0 0 0 8.28 29.37a4 4 0 0 1-8 0A29.37 29.37 0 0 1 29.639 0a4 4 0 0 1 4.001 3.998",)} + {genUG(70, 90, 12, "M.65 4a4 4 0 0 1 4-4h35.13a4 4 0 1 1 0 8H4.65a4 4 0 0 1-4-4")} + {genUG(71, 139, 12, "M.78 4a4 4 0 0 1 4-4h38.38a4 4 0 1 1 0 8H4.78a4 4 0 0 1-4-4")} + {genUG(72, 188, 12, "M.16 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.16a4 4 0 0 1-4-4")} + {genUG(73, 238, 12, "M.53 4a4 4 0 0 1 4-4H42.9a4 4 0 1 1 0 8H4.53a4 4 0 0 1-4-4")} + {genUG(74, 288, 12, "M.34 4a4 4 0 0 1 4-4h37.72a4 4 0 0 1 0 8H4.34a4 4 0 0 1-4-4")} + {genUG(75, 339, 12, "M.28 4a4 4 0 0 1 4-4h39.18a4 4 0 1 1 0 8H4.28a4 4 0 0 1-4-4")} + {genUG(76, 390, 12, "M.46 4a4 4 0 0 1 4-4h37.56a4 4 0 0 1 0 8H4.46a4 4 0 0 1-4-4")} + {genUG(77, 440, 12, "M.02 4a4 4 0 0 1 4-4h38.37a4 4 0 1 1 0 8H4.02a4 4 0 0 1-4-4")} + {genUG(78, 490, 12, "M.39 4a4 4 0 0 1 4-4h39.56a4 4 0 1 1 0 8H4.39a4 4 0 0 1-4-4")} + {genUG(79,542,12,"M.95 4a4 4 0 0 1 4-4h13.39a8.94 8.94 0 0 1 8.94 8.94V21a4 4 0 0 1-8 0V8.94a.94.94 0 0 0-.94-.94H4.95a4 4 0 0 1-4-4",)} + {genUG(80, 561, 41, "M4.28 0a4 4 0 0 1 4 4v18.97a4 4 0 0 1-8 0V4a4 4 0 0 1 4-4")} + {genUG(81, 561, 72, "M4.28.8a4 4 0 0 1 4 4V30a4 4 0 0 1-8 0V4.8a4 4 0 0 1 4-4")} + {genUG(82,541,98,"M6.55 0C3.217 0 .523 2.717.526 6.05.53 11.12.5 16.188.5 21.26a4 4 0 0 0 8 0V9a1 1 0 0 1 1-1h2.74a4 4 0 0 0 0-8z",)} + {genUG(83, 541, 126, "M4.72.86a4 4 0 0 1 4 4v18.93a4 4 0 0 1-8 0V4.86a4 4 0 0 1 4-4")} + {genUG(84,541,158,"M.76 4a4 4 0 0 1 4-4h8.09a8.79 8.79 0 0 1 8.79 8.803V9v-.2 11.6a4 4 0 1 1-8 0V8.792A.79.79 0 0 0 12.85 8H4.76a4 4 0 0 1-4-4",)} + {genUG(85, 554, 187, "M4.6.69a4 4 0 0 1 4 4v21.06a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4")} + {genUG(86,554,220,"M4.6.75a4 4 0 0 1 4 4v7.65a1.6 1.6 0 0 0 1.6 1.6h17.08a4 4 0 0 1 0 8H10.2a9.6 9.6 0 0 1-9.6-9.6V4.75a4 4 0 0 1 4-4",)} + {genUG(87, 576, 245, "M4.28.78a4 4 0 0 1 4 4v40.18a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4")} + {genUG(88,557,298,"M9.56 8a1.14 1.14 0 0 0-1.14 1.14v24.5a4 4 0 1 1-8 0V9.14A9.14 9.14 0 0 1 9.56 0h13.72a4 4 0 1 1 0 8z",)} + {genUG(89, 557, 340, "M4.42.28a4 4 0 0 1 4 4v29.93a4 4 0 0 1-8 0V4.28a4 4 0 0 1 4-4")} + {genUG(90, 557, 382, "M4.42-.01a4 4 0 0 1 4 4v25.44a4 4 0 0 1-8 0V3.99a4 4 0 0 1 4-4")} + {genUG(91,528,420,"M33.42.43a4 4 0 0 1 4 4v20.11a8.66 8.66 0 0 1-8.66 8.66H4.36a4 4 0 1 1 0-8h24.4a.66.66 0 0 0 .66-.66V4.43a4 4 0 0 1 4-4",)} + {genUG(92, 479.5, 444.8, "M.35 4.2a4 4 0 0 1 4-4h35.56a4 4 0 0 1 0 8H4.35a4 4 0 0 1-4-4")} + {genUG(93,456,447,"M18.647 2.365a4 4 0 0 1-1.082 5.552 16 16 0 0 0-6.56 9.303v.001l-2.489 9.767a4 4 0 1 1-7.752-1.976l2.49-9.773a24 24 0 0 1 9.84-13.956 4 4 0 0 1 5.553 1.082",)} + {genUG(94,446,480,"M11.65.944a4 4 0 0 1 2.886 4.866l-5.71 22.36a4 4 0 1 1-7.752-1.98l5.71-22.36A4 4 0 0 1 11.65.944",)} + {genUG(95,438,515,"M10.98.904a4 4 0 0 1 2.886 4.866l-5.76 22.55a4 4 0 0 1-7.752-1.98l5.76-22.55A4 4 0 0 1 10.98.904",)} + {genUG(96, 428, 550, "M12.09.714a4 4 0 0 1 2.886 4.866l-6.23 24.4A4 4 0 1 1 .994 28l6.23-24.4A4 4 0 0 1 12.09.714")} + {genUG(97,418,586,"M12.78.165a4 4 0 0 1 2.886 4.865l-7.35 28.76a4 4 0 0 1-7.751-1.98l7.35-28.76A4 4 0 0 1 12.78.165",)} + {genUG(98,408,627,"M12.37.894a4 4 0 0 1 2.886 4.865l-6.9 27.03a4 4 0 0 1-7.752-1.978l6.9-27.03A4 4 0 0 1 12.37.894",)} + {genUG(99,374,666,"M36.346 1.106a4 4 0 0 1 2.878 4.87l-.446 1.734-.002.008A27.84 27.84 0 0 1 11.802 28.73H4.18a4 4 0 0 1 0-8H11.8A19.84 19.84 0 0 0 31.022 5.75l.002-.008.452-1.758a4 4 0 0 1 4.87-2.878",)} + {genUG(100, 329.2, 686, "M.26 4.73a4 4 0 0 1 4-4h32.49a4 4 0 0 1 0 8H4.26a4 4 0 0 1-4-4")} + {genUG(101, 284.4, 686, "M.44 4.73a4 4 0 0 1 4-4H37a4 4 0 0 1 0 8H4.44a4 4 0 0 1-4-4")} + {genUG(102, 240, 686, "M.95 4.73a4 4 0 0 1 4-4h32.74a4 4 0 0 1 0 8H4.95a4 4 0 0 1-4-4")} + {genUG(103, 194.8, 686, "M.88 4.73a4 4 0 0 1 4-4h33.07a4 4 0 0 1 0 8H4.88a4 4 0 0 1-4-4")} + {genUG(104, 150.2, 686, "M.27 4.73a4 4 0 0 1 4-4h32.55a4 4 0 1 1 0 8H4.27a4 4 0 0 1-4-4")} + {genUG(105, 105.7, 686, "M.72 4.73a4 4 0 0 1 4-4h32.75a4 4 0 0 1 0 8H4.72a4 4 0 0 1-4-4")} + {genUG(106, 61, 686, "M.98 4.73a4 4 0 0 1 4-4h32.46a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4")} + {genUG(107, 24, 672.7, "M2.342 1.177a4 4 0 0 1 5.381 1.745A19.83 19.83 0 0 0 25.39 13.74h3.25a4 4 0 1 1 0 8h-3.25A27.83 27.83 0 0 1 .598 6.558a4 4 0 0 1 1.745-5.381")} + {genUG(108, 20.4, 632.5, "M4.28.493A4 4 0 0 1 8.427 4.34l1.07 28.54a4 4 0 0 1-7.994.3L.433 4.64A4 4 0 0 1 4.28.493")} + {genUG(109, 18.5, 581.5, "M4.36.483A4 4 0 0 1 8.507 4.33l1.44 38.28a4 4 0 0 1-7.994.3L.513 4.63A4 4 0 0 1 4.36.483")} + {genUG(110, 16.8, 538, "M4.73.003A4 4 0 0 1 8.877 3.85l1.16 30.97a4 4 0 0 1-7.994.3L.883 4.15A4 4 0 0 1 4.73.003")} + {genUG(111, 15, 488, "M3.86.143A4 4 0 0 1 8.007 3.99l1.41 37.57a4 4 0 1 1-7.994.3L.013 4.29A4 4 0 0 1 3.86.143")} + {genUG(112, 13.2, 442, "M4.13.113A4 4 0 0 1 8.277 3.96l1.26 33.51a4 4 0 1 1-7.994.3L.283 4.26A4 4 0 0 1 4.13.113")} + {genUG(113, 11.2, 388.7, "M4.12.713A4 4 0 0 1 8.267 4.56l1.53 40.72a4 4 0 0 1-7.994.3L.273 4.86A4 4 0 0 1 4.12.713")} + {genUG(114, 9.6, 344.6, "M4.47.693A4 4 0 0 1 8.617 4.54l1.18 31.39a4 4 0 1 1-7.994.3L.623 4.84A4 4 0 0 1 4.47.693")} + {genUG(115, 9, 300.4, "M10.752.781a4 4 0 0 1 2.177 5.221 65.5 65.5 0 0 0-4.882 27.385v.003l.11 2.877a4 4 0 0 1-7.994.306l-.11-2.883A73.5 73.5 0 0 1 5.53 2.959 4 4 0 0 1 10.752.78")} + {genUG(116, 19.8, 259.6, "M24.625 1.116a4 4 0 0 1 1.409 5.48l-17.79 30.1a4 4 0 0 1-6.887-4.071l17.79-30.1a4 4 0 0 1 5.478-1.409")} + {genUG(117, 43.6, 214, "M14.278 0a4 4 0 0 1 4.002 3.998A73.5 73.5 0 0 1 8.085 41.382a4 4 0 1 1-6.89-4.064A65.5 65.5 0 0 0 10.28 4.002 4 4 0 0 1 14.278 0")} + {genUG(118, 53.2, 169.3, "M4.28.36a4 4 0 0 1 4 4v32.19a4 4 0 0 1-8 0V4.36a4 4 0 0 1 4-4")} + {genUG(119, 53.2, 126, "M4.28.08a4 4 0 0 1 4 4v30.88a4 4 0 0 1-8 0V4.08a4 4 0 0 1 4-4")} + {genUG(120, 53, 86, "M4.28.4a4 4 0 0 1 4 4v27.7a4 4 0 0 1-8 0V4.4a4 4 0 0 1 4-4")} + {genUG(121, 53, 49, "M4.28.37a4 4 0 0 1 4 4V29.5a4 4 0 0 1-8 0V4.37a4 4 0 0 1 4-4")} {/* Right side */} {/* prettier-ignore */} - {genUG(122, 1163, 72.3, "M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4")} - {genUG(123, 1163, 37.3, "M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4")} - {genUG(124, 1125, 12, "M.25 4a4 4 0 0 1 4-4h12.39a29.38 29.38 0 0 1 25.826 15.373 4 4 0 1 1-7.032 3.814A21.38 21.38 0 0 0 16.64 8H4.25a4 4 0 0 1-4-4")} - {genUG(125, 1074.4, 12, "M.43 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.43a4 4 0 0 1-4-4")} - {genUG(126, 1023.6, 12, "M.61 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.61a4 4 0 0 1-4-4")} - {genUG(127, 972.8, 12, "M.79 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.79a4 4 0 0 1-4-4")} - {genUG(128, 922, 12, "M.97 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.97a4 4 0 0 1-4-4")} - {genUG(129, 871.1, 12, "M.15 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.15a4 4 0 0 1-4-4")} - {genUG(130, 820, 12, "M.32 4a4 4 0 0 1 4-4h38.83a4 4 0 0 1 0 8H4.32a4 4 0 0 1-4-4")} - {genUG(131, 770.4, 12, "M.41 4a4 4 0 0 1 4-4h37.91a4 4 0 1 1 0 8H4.41a4 4 0 0 1-4-4")} - {genUG(132, 718.7, 12, "M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4")} - {genUG(133, 667.8, 12, "M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4")} - {genUG(134, 617, 12, "M.07 4a4 4 0 0 1 4-4h38a4 4 0 0 1 0 8h-38a4 4 0 0 1-4-4")} - {genUG(135, 586, 12, "M0 8a8 8 0 0 1 8-8h15.06a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v10.1a4 4 0 0 1-8 0z")} - {genUG(136, 586, 38, "M4 .54a4 4 0 0 1 4 4v21.43a4 4 0 0 1-8 0V4.54a4 4 0 0 1 4-4")} - {genUG(137, 586, 71, "M4 .97a4 4 0 0 1 4 4v24.87a4 4 0 0 1-8 0V4.97a4 4 0 0 1 4-4")} - {genUG(138, 566, 108, "M0 8a8 8 0 0 1 8-8h16a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v8.58a4 4 0 0 1-8 0z")} - {genUG(139, 566, 133.6, "M4 .58a4 4 0 0 1 4 4v10.1A1.32 1.32 0 0 0 9.32 16h2.251a9.14 9.14 0 0 1 9.069 9.105V44.12a4 4 0 1 1-8 0V25.13A1.14 1.14 0 0 0 11.519 24H9.32A9.32 9.32 0 0 1 0 14.68V4.58a4 4 0 0 1 4-4")} - {genUG(140, 578.6, 185, "M4.68.69a4 4 0 0 1 4 4V33a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4")} - {genUG(141, 590.2, 215, "M.23 4a4 4 0 0 1 4-4h9.66A9.11 9.11 0 0 1 23 9.11v13.67a4 4 0 1 1-8 0V9.11A1.11 1.11 0 0 0 13.89 8H4.23a4 4 0 0 1-4-4")} - {genUG(142, 605, 245.8, "M4 .78a4 4 0 0 1 4 4v38.59a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4")} - {genUG(143, 590.8, 296.3, "M19.04.37a4 4 0 0 1 4 4V15a9 9 0 0 1-9 9H8.968a.11.11 0 0 0-.108.108V43.81a4 4 0 0 1-8 0V24.09A8.11 8.11 0 0 1 8.95 16h5.09a1 1 0 0 0 1-1V4.37a4 4 0 0 1 4-4")} - {genUG(144, 590.8, 347.8, "M4.86.81a4 4 0 0 1 4 4v23.81a4 4 0 0 1-8 0V4.81a4 4 0 0 1 4-4")} - {genUG(145, 590.8, 383, "M4.86.9a4 4 0 0 1 4 4v24.53a4 4 0 0 1-8 0V4.9a4 4 0 0 1 4-4")} - {genUG(146, 590.8, 420, "M4.86.14a4 4 0 0 1 4 4v18.69a1.37 1.37 0 0 0 1.37 1.37h16.46a4 4 0 0 1 0 8H10.23a9.37 9.37 0 0 1-9.37-9.37V4.14a4 4 0 0 1 4-4")} - {genUG(147, 624.6, 444, "M.69 4.2a4 4 0 0 1 4-4h27.82a4 4 0 1 1 0 8H4.69a4 4 0 0 1-4-4")} - {genUG(148, 664.8, 444, "M.88 4.18a4 4 0 0 1 4-4h5.001a22.52 22.52 0 0 1 21.815 16.95l2.55 10.002a4 4 0 0 1-7.752 1.976l-2.55-9.999A14.52 14.52 0 0 0 9.88 8.18h-5a4 4 0 0 1-4-4")} - {genUG(149, 693.3, 479.7, "M3.35.865a4 4 0 0 1 4.865 2.884l5.73 22.41a4 4 0 0 1-7.75 1.982L.465 5.73A4 4 0 0 1 3.349.865")} - {genUG(150, 702, 513.8, "M3.05.904A4 4 0 0 1 7.916 3.79l6.16 24.12a4 4 0 0 1-7.752 1.98L.164 5.77A4 4 0 0 1 3.05.904")} - {genUG(151, 711.8, 552.2, "M3.87.344A4 4 0 0 1 8.735 3.23l6.35 24.85a4 4 0 0 1-7.75 1.98L.984 5.21A4 4 0 0 1 3.87.344")} - {genUG(152, 720.8, 587.4, "M3.87.574A4 4 0 0 1 8.735 3.46l7 27.41a4 4 0 0 1-7.75 1.98l-7-27.41A4 4 0 0 1 3.87.574")} - {genUG(153, 730.8, 626.5, "M3.84.614A4 4 0 0 1 8.706 3.5l7.41 29a4 4 0 1 1-7.751 1.98l-7.41-29A4 4 0 0 1 3.84.614")} - {genUG(154, 741.3, 667.7, "M3.4.852A4 4 0 0 1 8.258 3.75 19.84 19.84 0 0 0 27.48 18.73h11.5a4 4 0 1 1 0 8H27.478A27.84 27.84 0 0 1 .502 5.71 4 4 0 0 1 3.4.852")} - {genUG(155, 788, 685.7, "M.98 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4")} - {genUG(156, 834.4, 685.7, "M.36 4.73a4 4 0 0 1 4-4h32.85a4 4 0 0 1 0 8H4.36a4 4 0 0 1-4-4")} - {genUG(157, 880.7, 685.7, "M.73 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.73a4 4 0 0 1-4-4")} - {genUG(158, 927, 685.7, "M.11 4.73a4 4 0 0 1 4-4h34.14a4 4 0 0 1 0 8H4.11a4 4 0 0 1-4-4")} - {genUG(159, 973.2, 685.7, "M.25 4.73a4 4 0 0 1 4-4h34.61a4 4 0 0 1 0 8H4.25a4 4 0 0 1-4-4")} - {genUG(160, 1019.8, 685.7, "M.86 4.73a4 4 0 0 1 4-4h34.37a4 4 0 0 1 0 8H4.86a4 4 0 0 1-4-4")} - {genUG(161, 1066.2, 685.7, "M.23 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.23a4 4 0 0 1-4-4")} - {genUG(162, 1112.6, 685.7, "M.61 4.73a4 4 0 0 1 4-4h33.84a4 4 0 1 1 0 8H4.61a4 4 0 0 1-4-4")} - {genUG(163, 1158.5, 658, "M41.034.053a4 4 0 0 1 3.853 4.14l-.17 4.73A27.85 27.85 0 0 1 16.891 35.78H4.51a4 4 0 1 1 0-8h12.38A19.85 19.85 0 0 0 36.721 8.637l.17-4.73A4 4 0 0 1 41.035.052")} - {genUG(164, 1195.5, 617, "M5.59.963A4 4 0 0 1 9.437 5.11L8.347 34.2a4 4 0 0 1-7.994-.3l1.09-29.09A4 4 0 0 1 5.59.963")} - {genUG(165, 1196.8, 576, "M6.13.053A4 4 0 0 1 9.978 4.2l-1.09 28.91a4 4 0 1 1-7.994-.302L1.983 3.9A4 4 0 0 1 6.131.053")} - {genUG(166, 1198.4, 533.2, "M5.741.203A4 4 0 0 1 9.587 4.35l-1.15 30.39a4 4 0 0 1-7.994-.302l1.15-30.39A4 4 0 0 1 5.74.203")} - {genUG(167, 1200, 489, "M5.39.063a4 4 0 0 1 3.847 4.146l-1.2 32.14a4 4 0 0 1-7.994-.298l1.2-32.14A4 4 0 0 1 5.389.063")} - {genUG(168, 1201.7, 438.9, "M6.281.913a4 4 0 0 1 3.846 4.148L8.687 43.2a4 4 0 1 1-7.994-.302l1.44-38.14A4 4 0 0 1 6.28.913")} - {genUG(169, 1203.6, 389.5, "M6.13.513A4 4 0 0 1 9.977 4.66l-1.4 37.41a4 4 0 1 1-7.994-.3l1.4-37.41A4 4 0 0 1 6.13.513")} - {genUG(170, 1205.4, 346.2, "M5.76.253A4 4 0 0 1 9.608 4.4l-1.16 30.73a4 4 0 1 1-7.994-.302L1.613 4.1A4 4 0 0 1 5.76.253")} - {genUG(171, 1196, 289, "M2.055.556a4 4 0 0 1 5.479 1.41l1.53 2.59a73.47 73.47 0 0 1 10.163 40.182v.005l-.17 4.701a4 4 0 0 1-7.994-.288l.17-4.71v-.01A65.47 65.47 0 0 0 2.176 8.626l-1.53-2.59A4 4 0 0 1 2.056.555")} - {genUG(172, 1171.5, 247.3, "M2.61.775A4 4 0 0 1 8.025 2.41c.347.647.68 1.23.996 1.721l.043.066 17.13 28.988a4 4 0 0 1-6.888 4.07L2.254 8.399A34 34 0 0 1 .974 6.19 4 4 0 0 1 2.61.775")} - {genUG(173, 1163, 200.4, "M4 .46a4 4 0 0 1 4 4V18a65.5 65.5 0 0 0 3.6 21.432 4 4 0 1 1-7.56 2.616A73.5 73.5 0 0 1 0 18V4.46a4 4 0 0 1 4-4")} - {genUG(174, 1163, 346.2, "M4 .22a4 4 0 0 1 4 4v36.24a4 4 0 0 1-8 0V4.22a4 4 0 0 1 4-4")} - {genUG(175, 1163, 106.7, "M4 .7a4 4 0 0 1 4 4v33.52a4 4 0 1 1-8 0V4.7a4 4 0 0 1 4-4")} + {genUG(122, 1163, 37.3, "M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4")} + {genUG(123, 1125, 12, "M.25 4a4 4 0 0 1 4-4h12.39a29.38 29.38 0 0 1 25.826 15.373 4 4 0 1 1-7.032 3.814A21.38 21.38 0 0 0 16.64 8H4.25a4 4 0 0 1-4-4")} + {genUG(124, 1074.4, 12, "M.43 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.43a4 4 0 0 1-4-4")} + {genUG(125, 1023.6, 12, "M.61 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.61a4 4 0 0 1-4-4")} + {genUG(126, 972.8, 12, "M.79 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.79a4 4 0 0 1-4-4")} + {genUG(127, 922, 12, "M.97 4a4 4 0 0 1 4-4h38.82a4 4 0 0 1 0 8H4.97a4 4 0 0 1-4-4")} + {genUG(128, 871.1, 12, "M.15 4a4 4 0 0 1 4-4h38.82a4 4 0 1 1 0 8H4.15a4 4 0 0 1-4-4")} + {genUG(129, 820, 12, "M.32 4a4 4 0 0 1 4-4h38.83a4 4 0 0 1 0 8H4.32a4 4 0 0 1-4-4")} + {genUG(130, 770.4, 12, "M.41 4a4 4 0 0 1 4-4h37.91a4 4 0 1 1 0 8H4.41a4 4 0 0 1-4-4")} + {genUG(131, 718.7, 12, "M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4")} + {genUG(132, 667.8, 12, "M.68 4a4 4 0 0 1 4-4H43.5a4 4 0 1 1 0 8H4.68a4 4 0 0 1-4-4")} + {genUG(133, 617, 12, "M.07 4a4 4 0 0 1 4-4h38a4 4 0 0 1 0 8h-38a4 4 0 0 1-4-4")} + {genUG(134, 586, 12, "M0 8a8 8 0 0 1 8-8h15.06a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v10.1a4 4 0 0 1-8 0z")} + {genUG(135, 586, 38, "M4 .54a4 4 0 0 1 4 4v21.43a4 4 0 0 1-8 0V4.54a4 4 0 0 1 4-4")} + {genUG(136, 586, 71, "M4 .97a4 4 0 0 1 4 4v24.87a4 4 0 0 1-8 0V4.97a4 4 0 0 1 4-4")} + {genUG(137, 566, 108, "M0 8a8 8 0 0 1 8-8h16a4 4 0 0 1 0 8H9a1 1 0 0 0-1 1v8.58a4 4 0 0 1-8 0z")} + {genUG(138, 566, 133.6, "M4 .58a4 4 0 0 1 4 4v10.1A1.32 1.32 0 0 0 9.32 16h2.251a9.14 9.14 0 0 1 9.069 9.105V44.12a4 4 0 1 1-8 0V25.13A1.14 1.14 0 0 0 11.519 24H9.32A9.32 9.32 0 0 1 0 14.68V4.58a4 4 0 0 1 4-4")} + {genUG(139, 578.6, 185, "M4.68.69a4 4 0 0 1 4 4V33a4 4 0 0 1-8 0V4.69a4 4 0 0 1 4-4")} + {genUG(140, 590.2, 215, "M.23 4a4 4 0 0 1 4-4h9.66A9.11 9.11 0 0 1 23 9.11v13.67a4 4 0 1 1-8 0V9.11A1.11 1.11 0 0 0 13.89 8H4.23a4 4 0 0 1-4-4")} + {genUG(141, 605, 245.8, "M4 .78a4 4 0 0 1 4 4v38.59a4 4 0 0 1-8 0V4.78a4 4 0 0 1 4-4")} + {genUG(142, 590.8, 296.3, "M19.04.37a4 4 0 0 1 4 4V15a9 9 0 0 1-9 9H8.968a.11.11 0 0 0-.108.108V43.81a4 4 0 0 1-8 0V24.09A8.11 8.11 0 0 1 8.95 16h5.09a1 1 0 0 0 1-1V4.37a4 4 0 0 1 4-4")} + {genUG(143, 590.8, 347.8, "M4.86.81a4 4 0 0 1 4 4v23.81a4 4 0 0 1-8 0V4.81a4 4 0 0 1 4-4")} + {genUG(144, 590.8, 383, "M4.86.9a4 4 0 0 1 4 4v24.53a4 4 0 0 1-8 0V4.9a4 4 0 0 1 4-4")} + {genUG(145, 590.8, 420, "M4.86.14a4 4 0 0 1 4 4v18.69a1.37 1.37 0 0 0 1.37 1.37h16.46a4 4 0 0 1 0 8H10.23a9.37 9.37 0 0 1-9.37-9.37V4.14a4 4 0 0 1 4-4")} + {genUG(146, 624.6, 444, "M.69 4.2a4 4 0 0 1 4-4h27.82a4 4 0 1 1 0 8H4.69a4 4 0 0 1-4-4")} + {genUG(147, 664.8, 444, "M.88 4.18a4 4 0 0 1 4-4h5.001a22.52 22.52 0 0 1 21.815 16.95l2.55 10.002a4 4 0 0 1-7.752 1.976l-2.55-9.999A14.52 14.52 0 0 0 9.88 8.18h-5a4 4 0 0 1-4-4")} + {genUG(148, 693.3, 479.7, "M3.35.865a4 4 0 0 1 4.865 2.884l5.73 22.41a4 4 0 0 1-7.75 1.982L.465 5.73A4 4 0 0 1 3.349.865")} + {genUG(149, 702, 513.8, "M3.05.904A4 4 0 0 1 7.916 3.79l6.16 24.12a4 4 0 0 1-7.752 1.98L.164 5.77A4 4 0 0 1 3.05.904")} + {genUG(150, 711.8, 552.2, "M3.87.344A4 4 0 0 1 8.735 3.23l6.35 24.85a4 4 0 0 1-7.75 1.98L.984 5.21A4 4 0 0 1 3.87.344")} + {genUG(151, 720.8, 587.4, "M3.87.574A4 4 0 0 1 8.735 3.46l7 27.41a4 4 0 0 1-7.75 1.98l-7-27.41A4 4 0 0 1 3.87.574")} + {genUG(152, 730.8, 626.5, "M3.84.614A4 4 0 0 1 8.706 3.5l7.41 29a4 4 0 1 1-7.751 1.98l-7.41-29A4 4 0 0 1 3.84.614")} + {genUG(153, 741.3, 667.7, "M3.4.852A4 4 0 0 1 8.258 3.75 19.84 19.84 0 0 0 27.48 18.73h11.5a4 4 0 1 1 0 8H27.478A27.84 27.84 0 0 1 .502 5.71 4 4 0 0 1 3.4.852")} + {genUG(154, 788, 685.7, "M.98 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.98a4 4 0 0 1-4-4")} + {genUG(155, 834.4, 685.7, "M.36 4.73a4 4 0 0 1 4-4h32.85a4 4 0 0 1 0 8H4.36a4 4 0 0 1-4-4")} + {genUG(156, 880.7, 685.7, "M.73 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.73a4 4 0 0 1-4-4")} + {genUG(157, 927, 685.7, "M.11 4.73a4 4 0 0 1 4-4h34.14a4 4 0 0 1 0 8H4.11a4 4 0 0 1-4-4")} + {genUG(158, 973.2, 685.7, "M.25 4.73a4 4 0 0 1 4-4h34.61a4 4 0 0 1 0 8H4.25a4 4 0 0 1-4-4")} + {genUG(159, 1019.8, 685.7, "M.86 4.73a4 4 0 0 1 4-4h34.37a4 4 0 0 1 0 8H4.86a4 4 0 0 1-4-4")} + {genUG(160, 1066.2, 685.7, "M.23 4.73a4 4 0 0 1 4-4h34.38a4 4 0 0 1 0 8H4.23a4 4 0 0 1-4-4")} + {genUG(161, 1112.6, 685.7, "M.61 4.73a4 4 0 0 1 4-4h33.84a4 4 0 1 1 0 8H4.61a4 4 0 0 1-4-4")} + {genUG(162, 1158.5, 658, "M41.034.053a4 4 0 0 1 3.853 4.14l-.17 4.73A27.85 27.85 0 0 1 16.891 35.78H4.51a4 4 0 1 1 0-8h12.38A19.85 19.85 0 0 0 36.721 8.637l.17-4.73A4 4 0 0 1 41.035.052")} + {genUG(163, 1195.5, 617, "M5.59.963A4 4 0 0 1 9.437 5.11L8.347 34.2a4 4 0 0 1-7.994-.3l1.09-29.09A4 4 0 0 1 5.59.963")} + {genUG(164, 1196.8, 576, "M6.13.053A4 4 0 0 1 9.978 4.2l-1.09 28.91a4 4 0 1 1-7.994-.302L1.983 3.9A4 4 0 0 1 6.131.053")} + {genUG(165, 1198.4, 533.2, "M5.741.203A4 4 0 0 1 9.587 4.35l-1.15 30.39a4 4 0 0 1-7.994-.302l1.15-30.39A4 4 0 0 1 5.74.203")} + {genUG(166, 1200, 489, "M5.39.063a4 4 0 0 1 3.847 4.146l-1.2 32.14a4 4 0 0 1-7.994-.298l1.2-32.14A4 4 0 0 1 5.389.063")} + {genUG(167, 1201.7, 438.9, "M6.281.913a4 4 0 0 1 3.846 4.148L8.687 43.2a4 4 0 1 1-7.994-.302l1.44-38.14A4 4 0 0 1 6.28.913")} + {genUG(168, 1203.6, 389.5, "M6.13.513A4 4 0 0 1 9.977 4.66l-1.4 37.41a4 4 0 1 1-7.994-.3l1.4-37.41A4 4 0 0 1 6.13.513")} + {genUG(169, 1205.4, 346.2, "M5.76.253A4 4 0 0 1 9.608 4.4l-1.16 30.73a4 4 0 1 1-7.994-.302L1.613 4.1A4 4 0 0 1 5.76.253")} + {genUG(170, 1196, 289, "M2.055.556a4 4 0 0 1 5.479 1.41l1.53 2.59a73.47 73.47 0 0 1 10.163 40.182v.005l-.17 4.701a4 4 0 0 1-7.994-.288l.17-4.71v-.01A65.47 65.47 0 0 0 2.176 8.626l-1.53-2.59A4 4 0 0 1 2.056.555")} + {genUG(171, 1171.5, 247.3, "M2.61.775A4 4 0 0 1 8.025 2.41c.347.647.68 1.23.996 1.721l.043.066 17.13 28.988a4 4 0 0 1-6.888 4.07L2.254 8.399A34 34 0 0 1 .974 6.19 4 4 0 0 1 2.61.775")} + {genUG(172, 1163, 200.4, "M4 .46a4 4 0 0 1 4 4V18a65.5 65.5 0 0 0 3.6 21.432 4 4 0 1 1-7.56 2.616A73.5 73.5 0 0 1 0 18V4.46a4 4 0 0 1 4-4")} + {genUG(173, 1163, 152.2, "M4 .22a4 4 0 0 1 4 4v36.24a4 4 0 0 1-8 0V4.22a4 4 0 0 1 4-4")} + {genUG(174, 1163, 106.7, "M4 .7a4 4 0 0 1 4 4v33.52a4 4 0 1 1-8 0V4.7a4 4 0 0 1 4-4")} + {genUG(175, 1163, 72.3, "M4 .23a4 4 0 0 1 4 4V26.7a4 4 0 0 1-8 0V4.23a4 4 0 0 1 4-4")} {/* End Right side */} diff --git a/src/api/hardware-dygma-raise2-iso/index.ts b/src/api/hardware-dygma-raise2-iso/index.ts index 4a1570740..edf3b40fe 100644 --- a/src/api/hardware-dygma-raise2-iso/index.ts +++ b/src/api/hardware-dygma-raise2-iso/index.ts @@ -48,14 +48,14 @@ const Raise2ISO: DygmaDeviceType = { columns: 16, left: [aFN(0, 7), aFN(16, 23), aFN(32, 39), aFN(48, 55), aFN(64, 72)], right: [aFN(9, 16), aFN(24, 32), aFN(41, 48), aFN(57, 64), aFN(72, 80)], - ledsLeft: [...aFN(0, 33)], - ledsRight: [...aFN(33, 69)], + ledsLeft: [...aFN(0, 32)], + ledsRight: [...aFN(32, 68)], }, keyboardUnderglow: { - rows: 3, - columns: 59, - ledsLeft: [...aFN(69, 123)], - ledsRight: [...aFN(123, 177)], + rows: 4, + columns: 44, + ledsLeft: [...aFN(69, 121)], + ledsRight: [...aFN(121, 175)], }, RGBWMode: true, bootloader: false, From 1fb81e78d5764eb4209c6e6539155c8807c7e9ff Mon Sep 17 00:00:00 2001 From: Alejandro Parcet Date: Thu, 19 Sep 2024 13:57:19 +0200 Subject: [PATCH 13/14] fix: replaced layer size in raise2 virtual keyboards Signed-off-by: Alejandro Parcet --- src/api/hardware-virtual/Raise2ANSI.ts | 20 ++++++++++---------- src/api/hardware-virtual/Raise2ISO.ts | 20 ++++++++++---------- 2 files changed, 20 insertions(+), 20 deletions(-) diff --git a/src/api/hardware-virtual/Raise2ANSI.ts b/src/api/hardware-virtual/Raise2ANSI.ts index efdbc5a30..5aa8fa627 100644 --- a/src/api/hardware-virtual/Raise2ANSI.ts +++ b/src/api/hardware-virtual/Raise2ANSI.ts @@ -16,22 +16,22 @@ const Raise2ANSI: VirtualType = { ], }, usb: { - vendorId: 13807, - productId: 33, + vendorId: 0x35ef, + productId: 0x0021, }, keyboard: { rows: 5, columns: 16, left: [aFN(0, 7), aFN(16, 23), aFN(32, 39), aFN(48, 55), aFN(64, 72)], right: [aFN(9, 16), aFN(24, 32), aFN(41, 48), aFN(57, 64), aFN(72, 80)], - ledsLeft: [...aFN(0, 33)], - ledsRight: [...aFN(33, 69)], + ledsLeft: [...aFN(0, 32)], + ledsRight: [...aFN(32, 68)], }, keyboardUnderglow: { - rows: 3, - columns: 59, - ledsLeft: [...aFN(69, 123)], - ledsRight: [...aFN(123, 177)], + rows: 4, + columns: 44, + ledsLeft: [...aFN(69, 121)], + ledsRight: [...aFN(121, 175)], }, RGBWMode: true, bootloader: false, @@ -52,7 +52,7 @@ const Raise2ANSI: VirtualType = { eraseable: false, }, "keymap.custom": { - data: "41 30 31 32 33 34 35 0 0 36 37 38 39 45 46 42 43 20 26 8 21 23 0 0 28 24 12 18 19 47 48 49 57 4 22 7 9 10 0 0 0 11 13 14 15 51 52 40 225 225 29 27 6 25 5 0 0 0 17 16 54 55 56 229 224 227 226 44 44 51770 51516 51770 49162 51806 44 44 230 231 101 228 65535 0 0 0 0 0 0 0 0 46 84 85 86 0 0 65535 65535 0 74 82 77 75 0 0 43 95 96 97 87 0 0 0 65535 70 80 81 79 78 0 0 0 83 92 93 94 88 0 65535 65535 65535 0 0 0 0 0 0 0 0 98 89 90 91 99 82 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 80 81 79 53 58 59 60 61 62 63 65535 65535 64 65 66 67 68 69 0 0 0 0 22710 22709 23785 65535 65535 0 23663 0 0 0 0 0 0 0 0 22713 22711 22733 23786 65535 65535 65535 0 23664 20866 20865 0 0 0 0 0 0 0 54109 54108 19682 65535 65535 65535 0 17154 17153 17152 0 0 0 0 0 0 0 65535 65535 0 65535 65535 0 0 0 0 0 0 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535", + data: "41 30 31 32 33 34 35 0 0 36 37 38 39 45 46 42 43 20 26 8 21 23 0 0 28 24 12 18 19 47 48 40 57 4 22 7 9 10 0 0 0 11 13 14 15 51 52 49 225 100 29 27 6 25 5 0 0 0 17 16 54 55 56 229 224 227 226 44 44 51770 51516 51770 49162 51806 44 44 230 231 101 228 65535 0 0 0 0 0 0 0 0 46 84 85 86 0 0 65535 65535 0 74 82 77 75 0 0 43 95 96 97 87 0 0 65535 65535 70 80 81 79 78 0 0 0 83 92 93 94 88 0 0 65535 0 0 0 0 0 0 0 0 0 98 89 90 91 99 82 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 80 81 79 53 58 59 60 61 62 63 0 0 64 65 66 67 68 69 65535 65535 0 0 22710 22709 23785 0 0 0 23663 0 0 0 0 0 65535 65535 0 22713 22711 22733 23786 0 0 0 0 23664 20866 20865 0 0 0 65535 0 0 0 54109 54108 19682 0 0 0 0 17154 17153 17152 0 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535", eraseable: true, }, "keymap.default": { @@ -128,7 +128,7 @@ const Raise2ANSI: VirtualType = { eraseable: true, }, "colormap.map": { - data: "3 4 4 4 4 4 4 2 4 4 4 4 4 2 4 4 4 4 4 2 2 4 4 4 4 4 2 2 2 1 1 8 0 3 4 4 4 4 4 4 4 4 4 4 4 4 4 4 3 4 4 4 4 4 4 2 4 4 4 4 4 2 2 2 2 1 1 8 0 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 3 15 15 15 15 15 15 2 15 9 4 9 10 2 6 4 4 4 10 15 2 15 15 15 15 15 2 2 2 1 1 8 0 3 15 15 8 8 8 8 15 15 15 8 0 0 0 2 8 15 10 0 8 0 10 4 8 0 0 0 0 4 4 4 2 1 1 8 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 4 8 8 8 8 8 8 15 15 15 5 5 2 15 15 0 3 1 2 0 15 15 15 11 6 10 15 15 15 15 15 8 0 15 8 8 8 8 8 8 15 15 15 15 15 15 0 15 15 15 15 11 3 0 15 15 15 2 2 10 15 15 15 15 15 15 15 8 0 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15", + data: "3 4 4 4 4 4 4 2 4 4 4 4 4 2 4 4 4 4 4 2 4 4 4 4 4 4 2 2 2 1 1 8 0 3 4 4 4 4 4 4 3 4 4 4 4 4 4 4 4 4 4 4 4 4 4 2 4 4 4 4 4 2 2 2 2 1 1 8 0 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 3 15 15 15 15 15 15 2 15 9 4 9 10 2 6 4 4 4 10 2 15 15 15 15 15 15 2 2 2 1 1 8 0 3 15 15 8 8 8 8 8 15 15 8 0 0 0 2 15 15 10 0 8 0 10 4 8 0 0 0 0 4 4 4 2 1 1 8 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 4 8 8 8 8 8 8 2 15 15 5 5 2 2 15 0 3 1 2 2 15 15 15 11 6 10 2 2 2 2 2 8 0 2 8 8 8 8 8 8 2 15 15 15 15 15 0 15 15 15 15 11 3 0 15 2 15 2 2 10 15 2 2 2 2 2 2 8 0 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15", eraseable: true, }, "idleleds.time_limit": { diff --git a/src/api/hardware-virtual/Raise2ISO.ts b/src/api/hardware-virtual/Raise2ISO.ts index 223260f48..7c2134d7f 100644 --- a/src/api/hardware-virtual/Raise2ISO.ts +++ b/src/api/hardware-virtual/Raise2ISO.ts @@ -16,22 +16,22 @@ const Raise2ISO: VirtualType = { ], }, usb: { - vendorId: 13807, - productId: 35, + vendorId: 0x35ef, + productId: 0x0021, }, keyboard: { rows: 5, columns: 16, left: [aFN(0, 7), aFN(16, 23), aFN(32, 39), aFN(48, 55), aFN(64, 72)], right: [aFN(9, 16), aFN(24, 32), aFN(41, 48), aFN(57, 64), aFN(72, 80)], - ledsLeft: [...aFN(0, 33)], - ledsRight: [...aFN(33, 69)], + ledsLeft: [...aFN(0, 32)], + ledsRight: [...aFN(32, 68)], }, keyboardUnderglow: { - rows: 3, - columns: 59, - ledsLeft: [...aFN(69, 123)], - ledsRight: [...aFN(123, 177)], + rows: 4, + columns: 44, + ledsLeft: [...aFN(69, 121)], + ledsRight: [...aFN(121, 175)], }, RGBWMode: true, bootloader: false, @@ -52,7 +52,7 @@ const Raise2ISO: VirtualType = { eraseable: false, }, "keymap.custom": { - data: "41 30 31 32 33 34 35 0 0 36 37 38 39 45 46 42 43 20 26 8 21 23 0 0 28 24 12 18 19 47 48 40 57 4 22 7 9 10 0 0 0 11 13 14 15 51 52 49 225 100 29 27 6 25 5 0 0 0 17 16 54 55 56 229 224 227 226 44 44 51770 51516 51770 49162 51806 44 44 230 231 101 228 65535 0 0 0 0 0 0 0 0 46 84 85 86 0 0 65535 65535 0 74 82 77 75 0 0 43 95 96 97 87 0 0 65535 65535 70 80 81 79 78 0 0 0 83 92 93 94 88 0 0 65535 0 0 0 0 0 0 0 0 0 98 89 90 91 99 82 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 80 81 79 53 58 59 60 61 62 63 65535 65535 64 65 66 67 68 69 0 0 0 0 22710 22709 23785 65535 65535 0 23663 0 0 0 0 0 0 0 0 22713 22711 22733 23786 65535 65535 65535 0 23664 20866 20865 0 0 0 0 0 0 0 54109 54108 19682 65535 65535 65535 0 17154 17153 17152 0 0 0 0 0 0 0 65535 65535 0 65535 65535 0 0 0 0 0 0 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535", + data: "41 30 31 32 33 34 35 0 0 36 37 38 39 45 46 42 43 20 26 8 21 23 0 0 28 24 12 18 19 47 48 40 57 4 22 7 9 10 0 0 0 11 13 14 15 51 52 49 225 100 29 27 6 25 5 0 0 0 17 16 54 55 56 229 224 227 226 44 44 51770 51516 51770 49162 51806 44 44 230 231 101 228 65535 0 0 0 0 0 0 0 0 46 84 85 86 0 0 65535 65535 0 74 82 77 75 0 0 43 95 96 97 87 0 0 65535 65535 70 80 81 79 78 0 0 0 83 92 93 94 88 0 0 65535 0 0 0 0 0 0 0 0 0 98 89 90 91 99 82 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 80 81 79 53 58 59 60 61 62 63 0 0 64 65 66 67 68 69 65535 65535 0 0 22710 22709 23785 0 0 0 23663 0 0 0 0 0 65535 65535 0 22713 22711 22733 23786 0 0 0 0 23664 20866 20865 0 0 0 65535 0 0 0 54109 54108 19682 0 0 0 0 17154 17153 17152 0 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535 65535", eraseable: true, }, "keymap.default": { @@ -128,7 +128,7 @@ const Raise2ISO: VirtualType = { eraseable: true, }, "colormap.map": { - data: "3 4 4 4 4 4 4 2 4 4 4 4 4 2 4 4 4 4 4 2 4 4 4 4 4 4 2 2 2 1 1 8 0 3 4 4 4 4 4 4 3 4 4 4 4 4 4 4 4 4 4 4 4 4 4 2 4 4 4 4 4 2 2 2 2 1 1 8 0 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 3 15 15 15 15 15 15 2 15 9 4 9 10 2 6 4 4 4 10 2 15 15 15 15 15 15 2 2 2 1 1 8 0 3 15 15 8 8 8 8 8 15 15 8 0 0 0 2 15 15 10 0 8 0 10 4 8 0 0 0 0 4 4 4 2 1 1 8 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 4 8 8 8 8 8 8 15 15 15 5 5 2 15 15 0 3 1 2 15 15 15 15 11 6 10 15 15 15 15 15 8 0 15 8 8 8 8 8 8 15 15 15 15 15 15 0 15 15 15 15 11 3 0 15 15 15 2 2 10 15 15 15 15 15 15 15 8 0 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15", + data: "3 4 4 4 4 4 4 2 4 4 4 4 4 2 4 4 4 4 4 2 4 4 4 4 4 4 2 2 2 1 1 8 0 3 4 4 4 4 4 4 3 4 4 4 4 4 4 4 4 4 4 4 4 4 4 2 4 4 4 4 4 2 2 2 2 1 1 8 0 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 3 15 15 15 15 15 15 2 15 9 4 9 10 2 6 4 4 4 10 2 15 15 15 15 15 15 2 2 2 1 1 8 0 3 15 15 8 8 8 8 8 15 15 8 0 0 0 2 15 15 10 0 8 0 10 4 8 0 0 0 0 4 4 4 2 1 1 8 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 4 8 8 8 8 8 8 2 15 15 5 5 2 2 15 0 3 1 2 2 15 15 15 11 6 10 2 2 2 2 2 8 0 2 8 8 8 8 8 8 2 15 15 15 15 15 0 15 15 15 15 11 3 0 15 2 15 2 2 10 15 2 2 2 2 2 2 8 0 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15 15", eraseable: true, }, "idleleds.time_limit": { From 42af5b16f4548f28ff936df09cbadc7cbe5e4618 Mon Sep 17 00:00:00 2001 From: Alejandro Parcet Date: Tue, 24 Sep 2024 15:33:24 +0200 Subject: [PATCH 14/14] fix: upped version number Signed-off-by: Alejandro Parcet --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index d0e5297d4..1d557bdef 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "Bazecor", "productName": "Bazecor", - "version": "1.5.0", + "version": "1.5.1", "description": "Bazecor desktop app", "private": true, "repository": {