@orbcharts/presets-basic 3.0.0-beta.12 → 3.0.0-beta.14

package/dist/orbcharts-presets-basic.es.js

@@ -1,4 +1,4 @@
-const u = {
+const S = {
   name: "PRESET_BUBBLES_BASIC",
   description: "Basic bubble chart",
   descriptionZh: "基本泡泡圖",
@@ -17,6 +17,20 @@ const u = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -26,7 +40,7 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, _ = {
+}, R = {
   name: "PRESET_BUBBLES_SCALING_BY_RADIUS",
   description: "Bubble chart scaled by radius size",
   descriptionZh: "以半徑尺寸為比例的泡泡圖",
@@ -45,6 +59,20 @@ const u = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -57,7 +85,7 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, C = {
+}, u = {
   name: "PRESET_BUBBLES_SEPARATE_SERIES",
   description: "Bubble chart showing series separately",
   descriptionZh: "分開顯示Series的泡泡圖",
@@ -76,6 +104,20 @@ const u = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     },
     // 加長留空
@@ -97,7 +139,7 @@ const u = {
     },
     SeriesTooltip: {}
   }
-}, m = {
+}, _ = {
   name: "PRESET_BUBBLES_SIMPLE",
   description: "Simple bubble chart",
   descriptionZh: "簡單泡泡圖",
@@ -122,6 +164,20 @@ const u = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -132,7 +188,7 @@ const u = {
       padding: 7
     }
   }
-}, i = {
+}, a = {
   name: "PRESET_BUBBLES_SUM_SERIES",
   description: "Bubble chart of combined Series data",
   descriptionZh: "合併Series資料的泡泡圖",
@@ -151,6 +207,20 @@ const u = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -160,8 +230,8 @@ const u = {
   },
   pluginParams: {}
 };
-i.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const a = {
+a.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const i = {
   name: "PRESET_PIE_BASIC",
   description: "Basic pie chart",
   descriptionZh: "基本圓餅圖",
@@ -180,6 +250,20 @@ const a = {
           "#904026",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -193,7 +277,7 @@ const a = {
     }
   }
 };
-a.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+i.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
 const r = {
   name: "PRESET_PIE_DONUT",
   description: "Donut chart",
@@ -213,6 +297,20 @@ const r = {
           "#904026",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -232,7 +330,7 @@ const r = {
   }
 };
 r.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const s = {
+const F = {
   name: "PRESET_PIE_HALF_DONUT",
   description: "Half donut chart",
   descriptionZh: "半圓甜甜圈圖",
@@ -251,6 +349,20 @@ const s = {
           "#904026",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
       }
     },
     padding: {
@@ -281,8 +393,8 @@ const s = {
     }
   }
 };
-s.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const o = {
+F.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const l = {
   name: "PRESET_PIE_WITH_INNER_LABELS",
   description: "Pie chart with inner data labels",
   descriptionZh: "圓餅圖及內部資料標籤",
@@ -301,6 +413,20 @@ const o = {
           "#904026",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -321,8 +447,8 @@ const o = {
     }
   }
 };
-o.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const l = {
+l.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const s = {
   name: "PRESET_PIE_SEPARATE_SERIES",
   description: "Separate pie chart of Series",
   descriptionZh: "分開顯示Series的圓餅圖",
@@ -341,6 +467,20 @@ const l = {
           "#904026",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -350,8 +490,8 @@ const l = {
   },
   pluginParams: {}
 };
-l.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const n = {
+s.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const B = {
   name: "PRESET_PIE_SIMPLE",
   description: "Simple pie chart",
   descriptionZh: "簡單圓餅圖",
@@ -376,6 +516,20 @@ const n = {
           "#904026",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -390,8 +544,8 @@ const n = {
     }
   }
 };
-n.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const d = {
+B.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const o = {
   name: "PRESET_PIE_SUM_SERIES",
   description: "Pie chart of combined Series data",
   descriptionZh: "合併Series資料的圓餅圖",
@@ -410,6 +564,20 @@ const d = {
           "#904026",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -419,8 +587,8 @@ const d = {
   },
   pluginParams: {}
 };
-d.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const E = {
+o.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const d = {
   name: "PRESET_ROSE_BASIC",
   description: "Basic Rose chart",
   descriptionZh: "基本Rose參數",
@@ -445,6 +613,20 @@ const E = {
           "#FF6C6C",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -458,8 +640,8 @@ const E = {
     }
   }
 };
-E.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const F = {
+d.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const n = {
   name: "PRESET_ROSE_SCALING_BY_RADIUS",
   description: "Rose chart with radius scaling",
   descriptionZh: "以半徑尺寸為比例的玫瑰圖",
@@ -484,6 +666,20 @@ const F = {
           "#FF6C6C",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -503,8 +699,8 @@ const F = {
     }
   }
 };
-F.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const c = {
+n.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const C = {
   name: "PRESET_ROSE_SEPARATE_SERIES",
   description: "Separate rose chart of Series",
   descriptionZh: "分開顯示Series的玫瑰圖",
@@ -529,6 +725,20 @@ const c = {
           "#FF6C6C",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -541,8 +751,8 @@ const c = {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 };
-c.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const g = {
+C.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const A = {
   name: "PRESET_ROSE_SIMPLE",
   description: "Simple Rose chart",
   descriptionZh: "簡單Rose參數",
@@ -567,6 +777,20 @@ const g = {
           "#FF6C6C",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -581,8 +805,8 @@ const g = {
     }
   }
 };
-g.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const B = {
+A.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const E = {
   name: "PRESET_ROSE_SUM_SERIES",
   description: "Rose chart of combined Series data",
   descriptionZh: "合併Series資料的玫瑰圖",
@@ -607,6 +831,20 @@ const B = {
           "#FF6C6C",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -616,8 +854,8 @@ const B = {
   },
   pluginParams: {}
 };
-B.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const p = {
+E.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const c = {
   name: "PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES",
   description: "Separate and sum Series data",
   descriptionZh: "分開顯示Series並合併Series資料",
@@ -642,6 +880,20 @@ const p = {
           "#FF6C6C",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -655,8 +907,8 @@ const p = {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 };
-p.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const h = {
+c.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const m = {
   name: "PRESET_SERIES_BASIC",
   description: "Basic Series parameters",
   descriptionZh: "基本Series參數",
@@ -675,6 +927,20 @@ const h = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -684,10 +950,42 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, A = {
+}, g = {
   name: "PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES",
   description: "Separate and sum Series data",
   descriptionZh: "分開顯示Series並合併Series資料",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
     sort: (t, e) => e.value - t.value,
     separateSeries: !0,
@@ -695,30 +993,94 @@ const h = {
   },
   pluginParams: {}
 };
-A.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const S = {
+g.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const D = {
   name: "PRESET_SERIES_SEPARATE_SERIES",
   description: "Separate Series",
   descriptionZh: "分開顯示Series",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
     sort: (t, e) => e.value - t.value,
     separateSeries: !0
   },
   pluginParams: {}
 };
-S.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const R = {
+D.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const p = {
   name: "PRESET_SERIES_SUM_SERIES",
   description: "Combine Series data",
   descriptionZh: "合併Series資料",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
     sort: (t, e) => e.value - t.value,
     sumSeries: !0
   },
   pluginParams: {}
 };
-R.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const P = {
+p.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const h = {
   name: "PRESET_BARS_HORIZONTAL_AND_ROUND",
   description: "Horizontal bars with round corners",
   descriptionZh: "橫向圓角長條圖",
@@ -737,6 +1099,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -770,7 +1146,7 @@ const P = {
       listRectRadius: 7
     }
   }
-}, D = {
+}, P = {
   name: "PRESET_BARS_HORIZONTAL_AND_THIN",
   description: "Horizontal thin bars",
   descriptionZh: "橫向細長長條圖",
@@ -789,6 +1165,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -823,7 +1213,7 @@ const P = {
       padding: 14
     }
   }
-}, T = {
+}, b = {
   name: "PRESET_BARS_ROUND",
   description: "Rounded bars",
   descriptionZh: "圓角長條圖",
@@ -842,6 +1232,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -871,7 +1275,7 @@ const P = {
       listRectRadius: 7
     }
   }
-}, I = {
+}, T = {
   name: "PRESET_BARS_THIN",
   description: "Thin bars",
   descriptionZh: "細長條圖",
@@ -890,6 +1294,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -916,10 +1334,10 @@ const P = {
       padding: 14
     }
   }
-}, L = {
+}, I = {
   name: "PRESET_GRID_BASIC",
   description: "Basic Grid",
-  descriptionZh: "基本Grid參數",
+  descriptionZh: "基本Grid",
   chartParams: {
     colors: {
       light: {
@@ -935,6 +1353,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -954,7 +1386,7 @@ const P = {
       padding: 14
     }
   }
-}, b = {
+}, L = {
   name: "PRESET_GRID_HORIZONTAL",
   description: "Horizontal Grid",
   descriptionZh: "橫向圖",
@@ -973,6 +1405,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     // 間距下面及左邊留空
@@ -1028,6 +1474,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1072,6 +1532,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1118,6 +1592,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     // 間距下面加長留空
@@ -1145,7 +1633,7 @@ const P = {
       padding: 14
     }
   }
-}, O = {
+}, k = {
   name: "PRESET_GRID_SEPARATE_SERIES",
   description: "Separate Series",
   descriptionZh: "分開顯示Series",
@@ -1164,6 +1652,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1196,10 +1698,10 @@ const P = {
       padding: 14
     }
   }
-}, N = {
+}, O = {
   name: "PRESET_GRID_SIMPLE",
   description: "Simple Grid",
-  descriptionZh: "簡單Grid參數",
+  descriptionZh: "簡單Grid",
   chartParams: {
     colors: {
       light: {
@@ -1215,6 +1717,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1235,7 +1751,7 @@ const P = {
       padding: 7
     }
   }
-}, v = {
+}, N = {
   name: "PRESET_LINE_AREAS_BASIC",
   description: "Basic LineArea",
   descriptionZh: "基本折線區域圖",
@@ -1254,25 +1770,37 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
       top: 40,
-      right: 40,
+      right: 80,
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
       left: 80
     },
     highlightTarget: "series"
   },
   dataFormatter: {
-    // grid: {
     groupAxis: {
       scalePadding: 0
     }
-    // }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Lines: {},
     LineAreas: {},
     Dots: {},
@@ -1280,14 +1808,12 @@ const P = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, Z = {
+}, v = {
   name: "PRESET_LINE_AREAS_CURVE",
   description: "Curve LineArea",
   descriptionZh: "弧線的折線區域圖",
@@ -1306,11 +1832,26 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
       top: 40,
-      right: 40,
+      right: 80,
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
       left: 80
     },
@@ -1344,7 +1885,7 @@ const P = {
       listRectHeight: 2
     }
   }
-}, U = {
+}, Z = {
   name: "PRESET_LINE_AREAS_HORIZONTAL",
   description: "Horizontal LineArea",
   descriptionZh: "橫向折線區域圖",
@@ -1363,6 +1904,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1395,7 +1950,7 @@ const P = {
       listRectHeight: 2
     }
   }
-}, f = {
+}, U = {
   name: "PRESET_LINE_AREAS_LOOSE_TICKS",
   description: "Loose Ticks LineArea",
   descriptionZh: "寬鬆標籤的折線區域圖",
@@ -1414,11 +1969,26 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
       top: 40,
-      right: 40,
+      right: 80,
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
       left: 80
     },
@@ -1444,7 +2014,7 @@ const P = {
       listRectHeight: 2
     }
   }
-}, V = {
+}, f = {
   name: "PRESET_LINE_AREAS_ROTATE_AXIS_LABEL",
   description: "Rotate Axis Label LineArea",
   descriptionZh: "傾斜標籤的折線區域圖",
@@ -1463,6 +2033,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1496,7 +2080,7 @@ const P = {
       listRectHeight: 2
     }
   }
-}, H = {
+}, V = {
   name: "PRESET_LINE_AREAS_SEPARATE_SERIES",
   description: "Separate Series LineArea",
   descriptionZh: "分開顯示Series的折線區域圖",
@@ -1515,6 +2099,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1549,7 +2147,7 @@ const P = {
       listRectHeight: 2
     }
   }
-}, k = {
+}, H = {
   name: "PRESET_LINE_AREAS_SIMPLE",
   description: "Simple LineArea",
   descriptionZh: "簡單折線區域圖",
@@ -1568,13 +2166,29 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
       top: 40,
-      right: 40,
+      right: 80,
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 80,
-      left: 40
+      left: 80
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
     },
     highlightTarget: "series"
   },
@@ -1618,6 +2232,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1659,6 +2287,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1703,6 +2345,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1752,6 +2408,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1795,6 +2465,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1841,6 +2525,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1887,6 +2585,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -1916,7 +2628,7 @@ const P = {
 }, j = {
   name: "PRESET_MULTI_GRID_BASIC",
   description: "Basic MultiGrid",
-  descriptionZh: "基本MultiGrid參數",
+  descriptionZh: "基本MultiGrid",
   chartParams: {
     colors: {
       light: {
@@ -1932,6 +2644,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -1973,6 +2699,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -2007,7 +2747,7 @@ const P = {
     ],
     // 設定排版方式
     container: {
-      gap: 100,
+      gap: 140,
       rowAmount: 1,
       columnAmount: 2
     },
@@ -2068,6 +2808,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -2160,6 +2914,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -2231,6 +2999,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -2275,8 +3057,8 @@ const P = {
   }
 }, tt = {
   name: "PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE",
-  description: "Simple 2 groups of Grid chart",
-  descriptionZh: "簡單2組Grid圖表",
+  description: "Simple separate grid",
+  descriptionZh: "簡單的分開顯示Grid圖表",
   chartParams: {
     colors: {
       light: {
@@ -2292,6 +3074,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -2351,8 +3147,8 @@ const P = {
   }
 }, et = {
   name: "PRESET_MULTI_GRID_SEPARATE_GRID",
-  description: "2 groups of Grid chart",
-  descriptionZh: "2組Grid圖表",
+  description: "Separate Grid",
+  descriptionZh: "分開顯示Grid圖表",
   chartParams: {
     colors: {
       light: {
@@ -2368,6 +3164,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -2414,7 +3224,7 @@ const P = {
       padding: 14
     }
   }
-}, it = {
+}, at = {
   name: "PRESET_MULTI_GRID_SIMPLE",
   description: "Simple MultiGrid",
   descriptionZh: "簡單MultiGrid",
@@ -2433,6 +3243,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -2465,10 +3289,10 @@ const P = {
       ]
     }
   }
-}, at = {
+}, it = {
   name: "PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE",
-  description: "Simple 2 groups of Line Area chart",
-  descriptionZh: "簡單2組區域折線圖",
+  description: "Simple separate grid line areas",
+  descriptionZh: "簡單的分開顯示Grid的折線區域圖",
   chartParams: {
     colors: {
       light: {
@@ -2484,13 +3308,29 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
       top: 40,
-      right: 60,
+      right: 80,
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 80,
-      left: 60
+      left: 80
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
     }
   },
   dataFormatter: {
@@ -2505,10 +3345,10 @@ const P = {
         }
       }
     ],
-    separateGrid: !0
-    // container: {
-    //   gap: 40
-    // }
+    separateGrid: !0,
+    container: {
+      gap: 160
+    }
   },
   pluginParams: {
     MultiGroupAxis: {
@@ -2572,8 +3412,8 @@ const P = {
   }
 }, rt = {
   name: "PRESET_MULTI_LINE_AREAS_SEPARATE_GRID",
-  description: "2 groups of Line Area chart",
-  descriptionZh: "2組區域折線圖",
+  description: "Separate Grid line areas",
+  descriptionZh: "分開顯示Grid的折線區域圖",
   chartParams: {
     colors: {
       light: {
@@ -2589,6 +3429,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -2681,10 +3535,10 @@ const P = {
       ]
     }
   }
-}, st = {
+}, Ft = {
   name: "PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE",
-  description: "Simple Multiple groups of Line chart",
-  descriptionZh: "簡單多組分開折線圖表",
+  description: "Simple separate grid line",
+  descriptionZh: "簡單的分開顯示Grid的折線圖",
   chartParams: {
     colors: {
       light: {
@@ -2700,6 +3554,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -2783,10 +3651,10 @@ const P = {
       ]
     }
   }
-}, ot = {
+}, lt = {
   name: "PRESET_MULTI_LINES_SEPARATE_GRID",
-  description: "Multiple groups of Line chart",
-  descriptionZh: "多組分開折線圖表",
+  description: "Separate Grid line",
+  descriptionZh: "分開顯示Grid的折線圖",
   chartParams: {
     colors: {
       light: {
@@ -2802,6 +3670,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -2876,7 +3758,7 @@ const P = {
       ]
     }
   }
-}, lt = {
+}, st = {
   name: "PRESET_MULTI_VALUE_BASIC",
   description: "Basic MultiValue",
   descriptionZh: "基本MultiValue參數",
@@ -2895,6 +3777,20 @@ const P = {
           "#904026",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
       }
     },
     padding: {
@@ -2910,7 +3806,7 @@ const P = {
       padding: 14
     }
   }
-}, nt = {
+}, Bt = {
   name: "PRESET_MULTI_VALUE_SEPARATE_CATEGORY",
   description: "MultiValue separate category",
   descriptionZh: "MultiValue 分開顯示category",
@@ -2929,6 +3825,20 @@ const P = {
           "#904026",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
       }
     },
     padding: {
@@ -2955,7 +3865,7 @@ const P = {
       padding: 14
     }
   }
-}, dt = {
+}, ot = {
   name: "PRESET_MULTI_VALUE_SIMPLE",
   description: "Simple MultiValue",
   descriptionZh: "簡單MultiValue參數",
@@ -2974,6 +3884,20 @@ const P = {
           "#904026",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
       }
     },
     padding: {
@@ -2989,9 +3913,9 @@ const P = {
       padding: 7
     }
   }
-}, Et = {
+}, dt = {
   name: "PRESET_RACING_BARS_ALL_ITEMS",
-  description: "Racing Bars for all items",
+  description: "Racing bars for all items",
   descriptionZh: "顯示全部項目的賽跑長條圖",
   chartParams: {
     colors: {
@@ -3008,6 +3932,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -3028,9 +3966,9 @@ const P = {
       padding: 14
     }
   }
-}, Ft = {
+}, nt = {
   name: "PRESET_RACING_BARS_BASIC",
-  description: "Basic Racing Bars",
+  description: "Basic racing bars",
   descriptionZh: "基本賽跑長條圖",
   chartParams: {
     colors: {
@@ -3047,6 +3985,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -3066,9 +4018,9 @@ const P = {
       padding: 14
     }
   }
-}, ct = {
+}, Ct = {
   name: "PRESET_RACING_BARS_FAST",
-  description: "Fast Racing Bars",
+  description: "Fast racing bars",
   descriptionZh: "快速的賽跑長條圖",
   chartParams: {
     colors: {
@@ -3085,6 +4037,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -3104,9 +4070,9 @@ const P = {
       padding: 14
     }
   }
-}, gt = {
+}, At = {
   name: "PRESET_RACING_BARS_FASTER",
-  description: "Faster Racing Bars",
+  description: "Faster racing bars",
   descriptionZh: "更快速的賽跑長條圖",
   chartParams: {
     colors: {
@@ -3123,6 +4089,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -3142,9 +4122,62 @@ const P = {
       padding: 14
     }
   }
-}, Bt = {
+}, Et = {
+  name: "PRESET_RACING_BARS_LOOP",
+  description: "Looping racing bars",
+  descriptionZh: "循環的賽跑長條圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    },
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: !0,
+      loop: !0
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, ct = {
   name: "PRESET_RACING_BARS_OUTSIDE_LABELS",
-  description: "Racing Bars with labels outside",
+  description: "Racing bars with labels outside",
   descriptionZh: "標籤在外面的賽跑長條圖",
   chartParams: {
     colors: {
@@ -3161,6 +4194,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -3184,9 +4231,9 @@ const P = {
       padding: 14
     }
   }
-}, pt = {
+}, gt = {
   name: "PRESET_RACING_BARS_SEPARATE_CATEGORY",
-  description: "Racing Bars with separate category",
+  description: "Racing bars with separate category",
   descriptionZh: "分開顯示category的賽跑長條圖",
   chartParams: {
     colors: {
@@ -3203,6 +4250,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -3239,9 +4300,9 @@ const P = {
       padding: 14
     }
   }
-}, At = {
+}, Dt = {
   name: "PRESET_RACING_BARS_SIMPLE",
-  description: "Simple Racing Bars",
+  description: "Simple racing bars",
   descriptionZh: "簡單賽跑長條圖",
   chartParams: {
     colors: {
@@ -3258,6 +4319,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -3277,9 +4352,9 @@ const P = {
       padding: 7
     }
   }
-}, St = {
+}, pt = {
   name: "PRESET_RACING_BARS_STOP",
-  description: "Stopped Racing Bars",
+  description: "Stopped racing bars",
   descriptionZh: "停止的賽跑長條圖",
   chartParams: {
     colors: {
@@ -3296,6 +4371,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -3314,9 +4403,9 @@ const P = {
       padding: 14
     }
   }
-}, Rt = {
+}, St = {
   name: "PRESET_SCATTER_BASIC",
-  description: "Basic Scatter",
+  description: "Basic scatter",
   descriptionZh: "基本散布圖",
   chartParams: {
     colors: {
@@ -3333,6 +4422,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -3350,9 +4453,9 @@ const P = {
       // 圓型圖例列點
     }
   }
-}, ut = {
+}, Rt = {
   name: "PRESET_SCATTER_BUBBLES_BASIC",
-  description: "Basic Scatter Bubbles",
+  description: "Basic scatter bubbles",
   descriptionZh: "基本的散布泡泡圖",
   chartParams: {
     colors: {
@@ -3369,6 +4472,20 @@ const P = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     },
     padding: {
@@ -3386,9 +4503,9 @@ const P = {
       // 圓型圖例列點
     }
   }
-}, _t = {
+}, ut = {
   name: "PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS",
-  description: "Scatter Bubbles with Radius Scaling",
+  description: "Scatter bubbles with radius scaling",
   descriptionZh: "以半徑尺寸為比例的散布泡泡圖",
   chartParams: {
     colors: {
@@ -3405,6 +4522,20 @@ const P = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     },
     padding: {
@@ -3425,9 +4556,9 @@ const P = {
       arcScaleType: "radius"
     }
   }
-}, Ct = {
+}, _t = {
   name: "PRESET_SCATTER_BUBBLES_LINEAR_OPACITY",
-  description: "Scatter Bubbles with Linear Opacity",
+  description: "Scatter bubbles with linear opacity",
   descriptionZh: "漸變透明度的散布泡泡圖",
   chartParams: {
     colors: {
@@ -3444,6 +4575,20 @@ const P = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     },
     padding: {
@@ -3466,7 +4611,7 @@ const P = {
   }
 }, mt = {
   name: "PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY",
-  description: "Scatter Bubbles with Separate Category",
+  description: "Scatter bubbles with separate category",
   descriptionZh: "分開顯示category的散布泡泡圖",
   chartParams: {
     colors: {
@@ -3483,6 +4628,20 @@ const P = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     },
     padding: {
@@ -3505,7 +4664,7 @@ const P = {
   }
 }, ht = {
   name: "PRESET_SCATTER_BUBBLES_SIMPLE",
-  description: "Simple Scatter Bubbles",
+  description: "Simple scatter bubbles",
   descriptionZh: "簡單的散布泡泡圖",
   chartParams: {
     colors: {
@@ -3522,6 +4681,20 @@ const P = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     },
     padding: {
@@ -3541,7 +4714,7 @@ const P = {
   }
 }, Pt = {
   name: "PRESET_SCATTER_SEPARATE_CATEGORY",
-  description: "Scatter with Separate Category",
+  description: "Scatter with separate category",
   descriptionZh: "分開顯示category的散布圖",
   chartParams: {
     colors: {
@@ -3558,6 +4731,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -3586,9 +4773,9 @@ const P = {
       // 圓型圖例列點
     }
   }
-}, Dt = {
+}, bt = {
   name: "PRESET_SCATTER_SIMPLE",
-  description: "Simple Scatter",
+  description: "Simple scatter",
   descriptionZh: "簡單散布圖",
   chartParams: {
     colors: {
@@ -3605,6 +4792,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -3624,7 +4825,7 @@ const P = {
   }
 }, Tt = {
   name: "PRESET_FORCE_DIRECTED_BASIC",
-  description: "Basic Force Directed Chart",
+  description: "Basic force directed chart",
   descriptionZh: "基本力導向圖",
   chartParams: {
     colors: {
@@ -3641,6 +4842,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     }
   },
@@ -3653,7 +4868,7 @@ const P = {
   }
 }, It = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_BASIC",
-  description: "Basic Force Directed Bubbles Chart",
+  description: "Basic force directed bubbles chart",
   descriptionZh: "基本力導向泡泡圖",
   chartParams: {
     colors: {
@@ -3670,6 +4885,20 @@ const P = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -3699,6 +4928,20 @@ const P = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -3714,7 +4957,7 @@ const P = {
       // 圓型圖例列點
     }
   }
-}, bt = {
+}, Mt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW",
   description: "Force-directed bubble chart without arrows",
   descriptionZh: "沒有箭頭的力導向泡泡圖",
@@ -3733,6 +4976,20 @@ const P = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -3748,9 +5005,9 @@ const P = {
       // 圓型圖例列點
     }
   }
-}, Mt = {
+}, xt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM",
-  description: "Force Directed Bubbles Chart without mouse drag and zoom control",
+  description: "Force Directed bubbles chart without mouse drag and zoom control",
   descriptionZh: "無滑鼠托曳及縮放控制的力導向泡泡圖",
   chartParams: {
     colors: {
@@ -3767,6 +5024,20 @@ const P = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -3779,9 +5050,9 @@ const P = {
       // 圓型圖例列點
     }
   }
-}, xt = {
+}, Gt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE",
-  description: "Simple Force Directed Bubbles Chart",
+  description: "Simple force directed bubbles chart",
   descriptionZh: "簡單力導向泡泡圖",
   chartParams: {
     colors: {
@@ -3798,6 +5069,20 @@ const P = {
           "#EF76FF",
           "#C4C4C4"
         ]
+      },
+      dark: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
       }
     }
   },
@@ -3809,9 +5094,9 @@ const P = {
       padding: 7
     }
   }
-}, Gt = {
+}, kt = {
   name: "PRESET_FORCE_DIRECTED_NONE_ZOOM",
-  description: "Force Directed Chart without mouse drag and zoom control",
+  description: "Force directed chart without mouse drag and zoom control",
   descriptionZh: "無滑鼠托曳及縮放控制的力導向圖",
   chartParams: {
     colors: {
@@ -3828,6 +5113,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     }
   },
@@ -3842,7 +5141,7 @@ const P = {
   }
 }, Ot = {
   name: "PRESET_FORCE_DIRECTED_FIX_FONT_SIZE",
-  description: "Force Directed Chart with fixed font size",
+  description: "Force directed chart with fixed font size",
   descriptionZh: "固定字體大小的力導向圖",
   chartParams: {
     colors: {
@@ -3859,6 +5158,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     }
   },
@@ -3878,7 +5191,7 @@ const P = {
   }
 }, Nt = {
   name: "PRESET_FORCE_DIRECTED_NONE_ARROW",
-  description: "Force Directed Chart without Arrows",
+  description: "Force directed chart without arrows",
   descriptionZh: "沒有箭頭的力導向圖",
   chartParams: {
     colors: {
@@ -3895,6 +5208,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     }
   },
@@ -3912,7 +5239,7 @@ const P = {
   }
 }, vt = {
   name: "PRESET_FORCE_DIRECTED_SIMPLE",
-  description: "Simple Force Directed Chart",
+  description: "Simple force directed chart",
   descriptionZh: "簡單力導向圖",
   chartParams: {
     colors: {
@@ -3929,6 +5256,20 @@ const P = {
           "#4B25B3",
           "#C50669"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     }
   },
@@ -3942,7 +5283,7 @@ const P = {
   }
 }, Zt = {
   name: "PRESET_TREE_MAP_BASIC",
-  description: "Basic Tree Map",
+  description: "Basic tree map",
   descriptionZh: "基本樹狀矩形圖",
   chartParams: {
     colors: {
@@ -3959,6 +5300,20 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
@@ -3980,7 +5335,7 @@ const P = {
   }
 }, Ut = {
   name: "PRESET_TREE_MAP_SIMPLE",
-  description: "Simple Tree Map",
+  description: "Simple tree map",
   descriptionZh: "簡單樹狀矩形圖",
   chartParams: {
     colors: {
@@ -3997,53 +5352,64 @@ const P = {
           "#C50669",
           "#4B25B3"
         ]
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
       }
     },
     padding: {
       top: 40,
       right: 40,
-      bottom: 60,
+      bottom: 40,
       left: 40
     }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     TreeMap: {},
     TreeLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 7
     }
   }
 };
 export {
-  P as PRESET_BARS_HORIZONTAL_AND_ROUND,
-  D as PRESET_BARS_HORIZONTAL_AND_THIN,
-  T as PRESET_BARS_ROUND,
-  I as PRESET_BARS_THIN,
-  u as PRESET_BUBBLES_BASIC,
-  _ as PRESET_BUBBLES_SCALING_BY_RADIUS,
-  C as PRESET_BUBBLES_SEPARATE_SERIES,
-  m as PRESET_BUBBLES_SIMPLE,
-  i as PRESET_BUBBLES_SUM_SERIES,
+  h as PRESET_BARS_HORIZONTAL_AND_ROUND,
+  P as PRESET_BARS_HORIZONTAL_AND_THIN,
+  b as PRESET_BARS_ROUND,
+  T as PRESET_BARS_THIN,
+  S as PRESET_BUBBLES_BASIC,
+  R as PRESET_BUBBLES_SCALING_BY_RADIUS,
+  u as PRESET_BUBBLES_SEPARATE_SERIES,
+  _ as PRESET_BUBBLES_SIMPLE,
+  a as PRESET_BUBBLES_SUM_SERIES,
   Tt as PRESET_FORCE_DIRECTED_BASIC,
   It as PRESET_FORCE_DIRECTED_BUBBLES_BASIC,
   Lt as PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH,
-  bt as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW,
-  Mt as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM,
-  xt as PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE,
+  Mt as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW,
+  xt as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM,
+  Gt as PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE,
   Ot as PRESET_FORCE_DIRECTED_FIX_FONT_SIZE,
   Nt as PRESET_FORCE_DIRECTED_NONE_ARROW,
-  Gt as PRESET_FORCE_DIRECTED_NONE_ZOOM,
+  kt as PRESET_FORCE_DIRECTED_NONE_ZOOM,
   vt as PRESET_FORCE_DIRECTED_SIMPLE,
-  L as PRESET_GRID_BASIC,
-  b as PRESET_GRID_HORIZONTAL,
+  I as PRESET_GRID_BASIC,
+  L as PRESET_GRID_HORIZONTAL,
   x as PRESET_GRID_PN_SCALE,
   M as PRESET_GRID_PN_SCALE_SIMPLE,
   G as PRESET_GRID_ROTATE_AXIS_LABEL,
-  O as PRESET_GRID_SEPARATE_SERIES,
-  N as PRESET_GRID_SIMPLE,
+  k as PRESET_GRID_SEPARATE_SERIES,
+  O as PRESET_GRID_SIMPLE,
   y as PRESET_LINES_BASIC,
   w as PRESET_LINES_CURVE,
   W as PRESET_LINES_HORIZONTAL,
@@ -4051,13 +5417,13 @@ export {
   X as PRESET_LINES_ROTATE_AXIS_LABEL,
   z as PRESET_LINES_SIMPLE,
   K as PRESET_LINES_WITH_SOLID_DOTS,
-  v as PRESET_LINE_AREAS_BASIC,
-  Z as PRESET_LINE_AREAS_CURVE,
-  U as PRESET_LINE_AREAS_HORIZONTAL,
-  f as PRESET_LINE_AREAS_LOOSE_TICKS,
-  V as PRESET_LINE_AREAS_ROTATE_AXIS_LABEL,
-  H as PRESET_LINE_AREAS_SEPARATE_SERIES,
-  k as PRESET_LINE_AREAS_SIMPLE,
+  N as PRESET_LINE_AREAS_BASIC,
+  v as PRESET_LINE_AREAS_CURVE,
+  Z as PRESET_LINE_AREAS_HORIZONTAL,
+  U as PRESET_LINE_AREAS_LOOSE_TICKS,
+  f as PRESET_LINE_AREAS_ROTATE_AXIS_LABEL,
+  V as PRESET_LINE_AREAS_SEPARATE_SERIES,
+  H as PRESET_LINE_AREAS_SIMPLE,
   j as PRESET_MULTI_GRID_BASIC,
   J as PRESET_MULTI_GRID_DIVERGING,
   q as PRESET_MULTI_GRID_DIVERGING_SIMPLE,
@@ -4065,47 +5431,48 @@ export {
   Q as PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE,
   et as PRESET_MULTI_GRID_SEPARATE_GRID,
   tt as PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE,
-  it as PRESET_MULTI_GRID_SIMPLE,
-  ot as PRESET_MULTI_LINES_SEPARATE_GRID,
-  st as PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE,
+  at as PRESET_MULTI_GRID_SIMPLE,
+  lt as PRESET_MULTI_LINES_SEPARATE_GRID,
+  Ft as PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE,
   rt as PRESET_MULTI_LINE_AREAS_SEPARATE_GRID,
-  at as PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE,
-  lt as PRESET_MULTI_VALUE_BASIC,
-  nt as PRESET_MULTI_VALUE_SEPARATE_CATEGORY,
-  dt as PRESET_MULTI_VALUE_SIMPLE,
-  a as PRESET_PIE_BASIC,
+  it as PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE,
+  st as PRESET_MULTI_VALUE_BASIC,
+  Bt as PRESET_MULTI_VALUE_SEPARATE_CATEGORY,
+  ot as PRESET_MULTI_VALUE_SIMPLE,
+  i as PRESET_PIE_BASIC,
   r as PRESET_PIE_DONUT,
-  s as PRESET_PIE_HALF_DONUT,
-  l as PRESET_PIE_SEPARATE_SERIES,
-  n as PRESET_PIE_SIMPLE,
-  d as PRESET_PIE_SUM_SERIES,
-  o as PRESET_PIE_WITH_INNER_LABELS,
-  Et as PRESET_RACING_BARS_ALL_ITEMS,
-  Ft as PRESET_RACING_BARS_BASIC,
-  ct as PRESET_RACING_BARS_FAST,
-  gt as PRESET_RACING_BARS_FASTER,
-  Bt as PRESET_RACING_BARS_OUTSIDE_LABELS,
-  pt as PRESET_RACING_BARS_SEPARATE_CATEGORY,
-  At as PRESET_RACING_BARS_SIMPLE,
-  St as PRESET_RACING_BARS_STOP,
-  E as PRESET_ROSE_BASIC,
-  F as PRESET_ROSE_SCALING_BY_RADIUS,
-  c as PRESET_ROSE_SEPARATE_SERIES,
-  p as PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES,
-  g as PRESET_ROSE_SIMPLE,
-  B as PRESET_ROSE_SUM_SERIES,
-  Rt as PRESET_SCATTER_BASIC,
-  ut as PRESET_SCATTER_BUBBLES_BASIC,
-  Ct as PRESET_SCATTER_BUBBLES_LINEAR_OPACITY,
-  _t as PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS,
+  F as PRESET_PIE_HALF_DONUT,
+  s as PRESET_PIE_SEPARATE_SERIES,
+  B as PRESET_PIE_SIMPLE,
+  o as PRESET_PIE_SUM_SERIES,
+  l as PRESET_PIE_WITH_INNER_LABELS,
+  dt as PRESET_RACING_BARS_ALL_ITEMS,
+  nt as PRESET_RACING_BARS_BASIC,
+  Ct as PRESET_RACING_BARS_FAST,
+  At as PRESET_RACING_BARS_FASTER,
+  Et as PRESET_RACING_BARS_LOOP,
+  ct as PRESET_RACING_BARS_OUTSIDE_LABELS,
+  gt as PRESET_RACING_BARS_SEPARATE_CATEGORY,
+  Dt as PRESET_RACING_BARS_SIMPLE,
+  pt as PRESET_RACING_BARS_STOP,
+  d as PRESET_ROSE_BASIC,
+  n as PRESET_ROSE_SCALING_BY_RADIUS,
+  C as PRESET_ROSE_SEPARATE_SERIES,
+  c as PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES,
+  A as PRESET_ROSE_SIMPLE,
+  E as PRESET_ROSE_SUM_SERIES,
+  St as PRESET_SCATTER_BASIC,
+  Rt as PRESET_SCATTER_BUBBLES_BASIC,
+  _t as PRESET_SCATTER_BUBBLES_LINEAR_OPACITY,
+  ut as PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS,
   mt as PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY,
   ht as PRESET_SCATTER_BUBBLES_SIMPLE,
   Pt as PRESET_SCATTER_SEPARATE_CATEGORY,
-  Dt as PRESET_SCATTER_SIMPLE,
-  h as PRESET_SERIES_BASIC,
-  S as PRESET_SERIES_SEPARATE_SERIES,
-  A as PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES,
-  R as PRESET_SERIES_SUM_SERIES,
+  bt as PRESET_SCATTER_SIMPLE,
+  m as PRESET_SERIES_BASIC,
+  D as PRESET_SERIES_SEPARATE_SERIES,
+  g as PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES,
+  p as PRESET_SERIES_SUM_SERIES,
   Zt as PRESET_TREE_MAP_BASIC,
   Ut as PRESET_TREE_MAP_SIMPLE
 };