@perses-dev/stat-chart-plugin 0.14.0 → 0.15.0-beta.1

package/lib/stat-chart-model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/stat-chart-model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { FontSizeOption, FormatOptions, ThresholdOptions, ValueMapping } from '@perses-dev/components';\nimport { CalculationType, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { Definition } from '@perses-dev/spec';\n\n/**\n * The schema for a StatChart panel.\n */\nexport interface StatChartDefinition extends Definition<StatChartOptions> {\n  kind: 'StatChart';\n}\n\nexport type ColorMode = 'none' | 'value' | 'background_solid';\n\nexport type ColorModeLabelItem = {\n  id: ColorMode;\n  label: string;\n};\n\nexport const COLOR_MODE_LABELS: ColorModeLabelItem[] = [\n  { id: 'none', label: 'None' },\n  { id: 'value', label: 'Text' },\n  { id: 'background_solid', label: 'Background' },\n];\n\nexport type legendMode = 'auto' | 'on' | 'off';\n\nexport type ShowLegendLabelItem = {\n  id: legendMode;\n  label: string;\n  description?: string;\n};\n\nexport const SHOW_LEGEND_LABELS: ShowLegendLabelItem[] = [\n  { id: 'auto', label: 'Auto', description: 'Show legend for multi-series, hide legend for single series' },\n  { id: 'on', label: 'On', description: 'Always show legend' },\n  { id: 'off', label: 'Off', description: 'Always hide legend' },\n];\n\nexport interface StatChartOptions {\n  calculation: CalculationType;\n  format: FormatOptions;\n  metricLabel?: string;\n  thresholds?: ThresholdOptions;\n  sparkline?: StatChartSparklineOptions;\n  valueFontSize?: FontSizeOption;\n  mappings?: ValueMapping[];\n  colorMode?: ColorMode;\n  legendMode?: legendMode;\n}\n\nexport interface StatChartSparklineOptions {\n  color?: string;\n  width?: number;\n}\n\nexport type StatChartOptionsEditorProps = OptionsEditorProps<StatChartOptions>;\n\nexport function createInitialStatChartOptions(): StatChartOptions {\n  return {\n    calculation: 'last-number',\n    format: {\n      unit: 'decimal',\n    },\n    sparkline: {},\n    legendMode: 'auto',\n  };\n}\n"],"names":["COLOR_MODE_LABELS","id","label","SHOW_LEGEND_LABELS","description","createInitialStatChartOptions","calculation","format","unit","sparkline","legendMode"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAoBjC,OAAO,MAAMA,oBAA0C;IACrD;QAAEC,IAAI;QAAQC,OAAO;IAAO;IAC5B;QAAED,IAAI;QAASC,OAAO;IAAO;IAC7B;QAAED,IAAI;QAAoBC,OAAO;IAAa;CAC/C,CAAC;AAUF,OAAO,MAAMC,qBAA4C;IACvD;QAAEF,IAAI;QAAQC,OAAO;QAAQE,aAAa;IAA8D;IACxG;QAAEH,IAAI;QAAMC,OAAO;QAAME,aAAa;IAAqB;IAC3D;QAAEH,IAAI;QAAOC,OAAO;QAAOE,aAAa;IAAqB;CAC9D,CAAC;AAqBF,OAAO,SAASC;IACd,OAAO;QACLC,aAAa;QACbC,QAAQ;YACNC,MAAM;QACR;QACAC,WAAW,CAAC;QACZC,YAAY;IACd;AACF"}
+{"version":3,"sources":["../../src/stat-chart-model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { FontSizeOption, FormatOptions, ThresholdOptions, ValueMapping } from '@perses-dev/components';\nimport type { CalculationType, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport type { Definition } from '@perses-dev/spec';\n\n/**\n * The schema for a StatChart panel.\n */\nexport interface StatChartDefinition extends Definition<StatChartOptions> {\n  kind: 'StatChart';\n}\n\nexport type ColorMode = 'none' | 'value' | 'background_solid';\n\nexport type ColorModeLabelItem = {\n  id: ColorMode;\n  label: string;\n};\n\nexport const COLOR_MODE_LABELS: ColorModeLabelItem[] = [\n  { id: 'none', label: 'None' },\n  { id: 'value', label: 'Text' },\n  { id: 'background_solid', label: 'Background' },\n];\n\nexport type legendMode = 'auto' | 'on' | 'off';\n\nexport type ShowLegendLabelItem = {\n  id: legendMode;\n  label: string;\n  description?: string;\n};\n\nexport const SHOW_LEGEND_LABELS: ShowLegendLabelItem[] = [\n  { id: 'auto', label: 'Auto', description: 'Show legend for multi-series, hide legend for single series' },\n  { id: 'on', label: 'On', description: 'Always show legend' },\n  { id: 'off', label: 'Off', description: 'Always hide legend' },\n];\n\nexport interface StatChartOptions {\n  calculation: CalculationType;\n  format: FormatOptions;\n  metricLabel?: string;\n  thresholds?: ThresholdOptions;\n  sparkline?: StatChartSparklineOptions;\n  valueFontSize?: FontSizeOption;\n  mappings?: ValueMapping[];\n  colorMode?: ColorMode;\n  legendMode?: legendMode;\n}\n\nexport interface StatChartSparklineOptions {\n  color?: string;\n  width?: number;\n}\n\nexport type StatChartOptionsEditorProps = OptionsEditorProps<StatChartOptions>;\n\nexport function createInitialStatChartOptions(): StatChartOptions {\n  return {\n    calculation: 'last-number',\n    format: {\n      unit: 'decimal',\n    },\n    sparkline: {},\n    legendMode: 'auto',\n  };\n}\n"],"names":["COLOR_MODE_LABELS","id","label","SHOW_LEGEND_LABELS","description","createInitialStatChartOptions","calculation","format","unit","sparkline","legendMode"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAoBjC,OAAO,MAAMA,oBAA0C;IACrD;QAAEC,IAAI;QAAQC,OAAO;IAAO;IAC5B;QAAED,IAAI;QAASC,OAAO;IAAO;IAC7B;QAAED,IAAI;QAAoBC,OAAO;IAAa;CAC/C,CAAC;AAUF,OAAO,MAAMC,qBAA4C;IACvD;QAAEF,IAAI;QAAQC,OAAO;QAAQE,aAAa;IAA8D;IACxG;QAAEH,IAAI;QAAMC,OAAO;QAAME,aAAa;IAAqB;IAC3D;QAAEH,IAAI;QAAOC,OAAO;QAAOE,aAAa;IAAqB;CAC9D,CAAC;AAqBF,OAAO,SAASC;IACd,OAAO;QACLC,aAAa;QACbC,QAAQ;YACNC,MAAM;QACR;QACAC,WAAW,CAAC;QACZC,YAAY;IACd;AACF"}

package/lib/utils/calculate-font-size.d.ts

@@ -1,4 +1,4 @@
-import { FontSizeOption } from '@perses-dev/components';
+import type { FontSizeOption } from '@perses-dev/components';
 interface CalculateFontSize {
     text: string;
     fontWeight: number;

package/lib/utils/calculate-font-size.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calculate-font-size.d.ts","sourceRoot":"","sources":["../../../src/utils/calculate-font-size.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAkB,MAAM,wBAAwB,CAAC;AAExE,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,cAAc,CAAC;CACnC;AAcD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,EACN,UAAU,EACV,OAAO,EACP,gBAAgB,GACjB,EAAE,iBAAiB,GAAG,MAAM,CA0B5B"}
+{"version":3,"file":"calculate-font-size.d.ts","sourceRoot":"","sources":["../../../src/utils/calculate-font-size.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,cAAc,CAAC;CACnC;AAcD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,EACN,UAAU,EACV,OAAO,EACP,gBAAgB,GACjB,EAAE,iBAAiB,GAAG,MAAM,CA0B5B"}

package/lib/utils/calculate-font-size.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { useChartsTheme } from '@perses-dev/components';
+import { useChartsTheme } from "@perses-dev/components";
 let canvasContext;
 function getGlobalCanvasContext() {
     if (!canvasContext) {
@@ -31,7 +31,7 @@ function getGlobalCanvasContext() {
         return Number(fontSizeOverride);
     }
     const textStyle = echartsTheme.textStyle;
-    const fontSize = Number(textStyle?.fontSize) ?? 12;
+    const fontSize = Number(textStyle?.fontSize ?? 12);
     const fontFamily = textStyle?.fontFamily ?? 'Lato';
     // set the font on the canvas context
     const fontStyle = `${fontWeight} ${fontSize}px ${fontFamily}`;

package/lib/utils/calculate-font-size.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/calculate-font-size.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { FontSizeOption, useChartsTheme } from '@perses-dev/components';\n\ninterface CalculateFontSize {\n  text: string;\n  fontWeight: number;\n  width: number;\n  height: number;\n  lineHeight: number;\n  maxSize?: number;\n  fontSizeOverride?: FontSizeOption;\n}\n\nlet canvasContext: CanvasRenderingContext2D | null;\n\nfunction getGlobalCanvasContext(): CanvasRenderingContext2D {\n  if (!canvasContext) {\n    canvasContext = document.createElement('canvas').getContext('2d');\n    if (canvasContext === null) {\n      throw new Error('Canvas context is null.');\n    }\n  }\n  return canvasContext;\n}\n\n/**\n * Find the optimal font size given available space\n */\nexport function useOptimalFontSize({\n  text,\n  fontWeight,\n  width,\n  height,\n  lineHeight,\n  maxSize,\n  fontSizeOverride,\n}: CalculateFontSize): number {\n  const ctx = getGlobalCanvasContext();\n  const { echartsTheme } = useChartsTheme();\n\n  // if user has selected a font size in the settings, use it instead of calculating the optimal size\n  if (fontSizeOverride !== undefined) {\n    return Number(fontSizeOverride);\n  }\n\n  const textStyle = echartsTheme.textStyle;\n  const fontSize = Number(textStyle?.fontSize) ?? 12;\n  const fontFamily = textStyle?.fontFamily ?? 'Lato';\n\n  // set the font on the canvas context\n  const fontStyle = `${fontWeight} ${fontSize}px ${fontFamily}`;\n  ctx.font = fontStyle;\n  // measure the width of the text with the given font style\n  const textMetrics: TextMetrics = ctx.measureText(text);\n\n  // check how much bigger we can make the font while staying within the width and height\n  const fontSizeBasedOnWidth = (width / textMetrics.width) * fontSize;\n  const fontSizeBasedOnHeight = height / lineHeight;\n\n  // return the smaller font size\n  const finalFontSize = Math.min(fontSizeBasedOnHeight, fontSizeBasedOnWidth);\n  return maxSize ? Math.min(finalFontSize, maxSize) : finalFontSize;\n}\n"],"names":["useChartsTheme","canvasContext","getGlobalCanvasContext","document","createElement","getContext","Error","useOptimalFontSize","text","fontWeight","width","height","lineHeight","maxSize","fontSizeOverride","ctx","echartsTheme","undefined","Number","textStyle","fontSize","fontFamily","fontStyle","font","textMetrics","measureText","fontSizeBasedOnWidth","fontSizeBasedOnHeight","finalFontSize","Math","min"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAyBA,cAAc,QAAQ,yBAAyB;AAYxE,IAAIC;AAEJ,SAASC;IACP,IAAI,CAACD,eAAe;QAClBA,gBAAgBE,SAASC,aAAa,CAAC,UAAUC,UAAU,CAAC;QAC5D,IAAIJ,kBAAkB,MAAM;YAC1B,MAAM,IAAIK,MAAM;QAClB;IACF;IACA,OAAOL;AACT;AAEA;;CAEC,GACD,OAAO,SAASM,mBAAmB,EACjCC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,gBAAgB,EACE;IAClB,MAAMC,MAAMb;IACZ,MAAM,EAAEc,YAAY,EAAE,GAAGhB;IAEzB,mGAAmG;IACnG,IAAIc,qBAAqBG,WAAW;QAClC,OAAOC,OAAOJ;IAChB;IAEA,MAAMK,YAAYH,aAAaG,SAAS;IACxC,MAAMC,WAAWF,OAAOC,WAAWC,aAAa;IAChD,MAAMC,aAAaF,WAAWE,cAAc;IAE5C,qCAAqC;IACrC,MAAMC,YAAY,GAAGb,WAAW,CAAC,EAAEW,SAAS,GAAG,EAAEC,YAAY;IAC7DN,IAAIQ,IAAI,GAAGD;IACX,0DAA0D;IAC1D,MAAME,cAA2BT,IAAIU,WAAW,CAACjB;IAEjD,uFAAuF;IACvF,MAAMkB,uBAAuB,AAAChB,QAAQc,YAAYd,KAAK,GAAIU;IAC3D,MAAMO,wBAAwBhB,SAASC;IAEvC,+BAA+B;IAC/B,MAAMgB,gBAAgBC,KAAKC,GAAG,CAACH,uBAAuBD;IACtD,OAAOb,UAAUgB,KAAKC,GAAG,CAACF,eAAef,WAAWe;AACtD"}
+{"version":3,"sources":["../../../src/utils/calculate-font-size.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { FontSizeOption } from '@perses-dev/components';\nimport { useChartsTheme } from '@perses-dev/components';\n\ninterface CalculateFontSize {\n  text: string;\n  fontWeight: number;\n  width: number;\n  height: number;\n  lineHeight: number;\n  maxSize?: number;\n  fontSizeOverride?: FontSizeOption;\n}\n\nlet canvasContext: CanvasRenderingContext2D | null;\n\nfunction getGlobalCanvasContext(): CanvasRenderingContext2D {\n  if (!canvasContext) {\n    canvasContext = document.createElement('canvas').getContext('2d');\n    if (canvasContext === null) {\n      throw new Error('Canvas context is null.');\n    }\n  }\n  return canvasContext;\n}\n\n/**\n * Find the optimal font size given available space\n */\nexport function useOptimalFontSize({\n  text,\n  fontWeight,\n  width,\n  height,\n  lineHeight,\n  maxSize,\n  fontSizeOverride,\n}: CalculateFontSize): number {\n  const ctx = getGlobalCanvasContext();\n  const { echartsTheme } = useChartsTheme();\n\n  // if user has selected a font size in the settings, use it instead of calculating the optimal size\n  if (fontSizeOverride !== undefined) {\n    return Number(fontSizeOverride);\n  }\n\n  const textStyle = echartsTheme.textStyle;\n  const fontSize = Number(textStyle?.fontSize ?? 12);\n  const fontFamily = textStyle?.fontFamily ?? 'Lato';\n\n  // set the font on the canvas context\n  const fontStyle = `${fontWeight} ${fontSize}px ${fontFamily}`;\n  ctx.font = fontStyle;\n  // measure the width of the text with the given font style\n  const textMetrics: TextMetrics = ctx.measureText(text);\n\n  // check how much bigger we can make the font while staying within the width and height\n  const fontSizeBasedOnWidth = (width / textMetrics.width) * fontSize;\n  const fontSizeBasedOnHeight = height / lineHeight;\n\n  // return the smaller font size\n  const finalFontSize = Math.min(fontSizeBasedOnHeight, fontSizeBasedOnWidth);\n  return maxSize ? Math.min(finalFontSize, maxSize) : finalFontSize;\n}\n"],"names":["useChartsTheme","canvasContext","getGlobalCanvasContext","document","createElement","getContext","Error","useOptimalFontSize","text","fontWeight","width","height","lineHeight","maxSize","fontSizeOverride","ctx","echartsTheme","undefined","Number","textStyle","fontSize","fontFamily","fontStyle","font","textMetrics","measureText","fontSizeBasedOnWidth","fontSizeBasedOnHeight","finalFontSize","Math","min"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,cAAc,QAAQ,yBAAyB;AAYxD,IAAIC;AAEJ,SAASC;IACP,IAAI,CAACD,eAAe;QAClBA,gBAAgBE,SAASC,aAAa,CAAC,UAAUC,UAAU,CAAC;QAC5D,IAAIJ,kBAAkB,MAAM;YAC1B,MAAM,IAAIK,MAAM;QAClB;IACF;IACA,OAAOL;AACT;AAEA;;CAEC,GACD,OAAO,SAASM,mBAAmB,EACjCC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,gBAAgB,EACE;IAClB,MAAMC,MAAMb;IACZ,MAAM,EAAEc,YAAY,EAAE,GAAGhB;IAEzB,mGAAmG;IACnG,IAAIc,qBAAqBG,WAAW;QAClC,OAAOC,OAAOJ;IAChB;IAEA,MAAMK,YAAYH,aAAaG,SAAS;IACxC,MAAMC,WAAWF,OAAOC,WAAWC,YAAY;IAC/C,MAAMC,aAAaF,WAAWE,cAAc;IAE5C,qCAAqC;IACrC,MAAMC,YAAY,GAAGb,WAAW,CAAC,EAAEW,SAAS,GAAG,EAAEC,YAAY;IAC7DN,IAAIQ,IAAI,GAAGD;IACX,0DAA0D;IAC1D,MAAME,cAA2BT,IAAIU,WAAW,CAACjB;IAEjD,uFAAuF;IACvF,MAAMkB,uBAAuB,AAAChB,QAAQc,YAAYd,KAAK,GAAIU;IAC3D,MAAMO,wBAAwBhB,SAASC;IAEvC,+BAA+B;IAC/B,MAAMgB,gBAAgBC,KAAKC,GAAG,CAACH,uBAAuBD;IACtD,OAAOb,UAAUgB,KAAKC,GAAG,CAACF,eAAef,WAAWe;AACtD"}

package/lib/utils/calculate-value.d.ts

@@ -1,4 +1,5 @@
-import { CalculationsMap, CalculationType } from '@perses-dev/plugin-system';
-import { TimeSeries } from '@perses-dev/spec';
+import type { CalculationType } from '@perses-dev/plugin-system';
+import { CalculationsMap } from '@perses-dev/plugin-system';
+import type { TimeSeries } from '@perses-dev/spec';
 export declare const calculateValue: (calculation: CalculationType, seriesData: TimeSeries) => ReturnType<(typeof CalculationsMap)[CalculationType]>;
 //# sourceMappingURL=calculate-value.d.ts.map

package/lib/utils/calculate-value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calculate-value.d.ts","sourceRoot":"","sources":["../../../src/utils/calculate-value.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAuB,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,eAAO,MAAM,cAAc,GACzB,aAAa,eAAe,EAC5B,YAAY,UAAU,KACrB,UAAU,CAAC,CAAC,OAAO,eAAe,EAAE,eAAe,CAAC,CAMtD,CAAC"}
+{"version":3,"file":"calculate-value.d.ts","sourceRoot":"","sources":["../../../src/utils/calculate-value.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAuB,MAAM,2BAA2B,CAAC;AACjF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,eAAO,MAAM,cAAc,GACzB,aAAa,eAAe,EAC5B,YAAY,UAAU,KACrB,UAAU,CAAC,CAAC,OAAO,eAAe,EAAE,eAAe,CAAC,CAMtD,CAAC"}

package/lib/utils/calculate-value.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { CalculationsMap, DEFAULT_CALCULATION } from '@perses-dev/plugin-system';
+import { CalculationsMap, DEFAULT_CALCULATION } from "@perses-dev/plugin-system";
 export const calculateValue = (calculation, seriesData)=>{
     if (CalculationsMap[calculation] === undefined) {
         console.warn(`Invalid StatChart panel calculation ${calculation}, fallback to ${DEFAULT_CALCULATION}`);

package/lib/utils/calculate-value.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/calculate-value.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { CalculationsMap, CalculationType, DEFAULT_CALCULATION } from '@perses-dev/plugin-system';\nimport { TimeSeries } from '@perses-dev/spec';\n\nexport const calculateValue = (\n  calculation: CalculationType,\n  seriesData: TimeSeries\n): ReturnType<(typeof CalculationsMap)[CalculationType]> => {\n  if (CalculationsMap[calculation] === undefined) {\n    console.warn(`Invalid StatChart panel calculation ${calculation}, fallback to ${DEFAULT_CALCULATION}`);\n  }\n  const calculate = CalculationsMap[calculation] ?? CalculationsMap[DEFAULT_CALCULATION];\n  return calculate(seriesData.values);\n};\n"],"names":["CalculationsMap","DEFAULT_CALCULATION","calculateValue","calculation","seriesData","undefined","console","warn","calculate","values"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,eAAe,EAAmBC,mBAAmB,QAAQ,4BAA4B;AAGlG,OAAO,MAAMC,iBAAiB,CAC5BC,aACAC;IAEA,IAAIJ,eAAe,CAACG,YAAY,KAAKE,WAAW;QAC9CC,QAAQC,IAAI,CAAC,CAAC,oCAAoC,EAAEJ,YAAY,cAAc,EAAEF,qBAAqB;IACvG;IACA,MAAMO,YAAYR,eAAe,CAACG,YAAY,IAAIH,eAAe,CAACC,oBAAoB;IACtF,OAAOO,UAAUJ,WAAWK,MAAM;AACpC,EAAE"}
+{"version":3,"sources":["../../../src/utils/calculate-value.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { CalculationType } from '@perses-dev/plugin-system';\nimport { CalculationsMap, DEFAULT_CALCULATION } from '@perses-dev/plugin-system';\nimport type { TimeSeries } from '@perses-dev/spec';\n\nexport const calculateValue = (\n  calculation: CalculationType,\n  seriesData: TimeSeries,\n): ReturnType<(typeof CalculationsMap)[CalculationType]> => {\n  if (CalculationsMap[calculation] === undefined) {\n    console.warn(`Invalid StatChart panel calculation ${calculation}, fallback to ${DEFAULT_CALCULATION}`);\n  }\n  const calculate = CalculationsMap[calculation] ?? CalculationsMap[DEFAULT_CALCULATION];\n  return calculate(seriesData.values);\n};\n"],"names":["CalculationsMap","DEFAULT_CALCULATION","calculateValue","calculation","seriesData","undefined","console","warn","calculate","values"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,eAAe,EAAEC,mBAAmB,QAAQ,4BAA4B;AAGjF,OAAO,MAAMC,iBAAiB,CAC5BC,aACAC;IAEA,IAAIJ,eAAe,CAACG,YAAY,KAAKE,WAAW;QAC9CC,QAAQC,IAAI,CAAC,CAAC,oCAAoC,EAAEJ,YAAY,cAAc,EAAEF,qBAAqB;IACvG;IACA,MAAMO,YAAYR,eAAe,CAACG,YAAY,IAAIH,eAAe,CAACC,oBAAoB;IACtF,OAAOO,UAAUJ,WAAWK,MAAM;AACpC,EAAE"}

package/lib/utils/data-transform.d.ts

@@ -1,5 +1,5 @@
-import { PersesChartsTheme } from '@perses-dev/components';
-import { LineSeriesOption } from 'echarts/charts';
-import { StatChartSparklineOptions } from '../stat-chart-model';
+import type { PersesChartsTheme } from '@perses-dev/components';
+import type { LineSeriesOption } from 'echarts/charts';
+import type { StatChartSparklineOptions } from '../stat-chart-model';
 export declare function convertSparkline(chartsTheme: PersesChartsTheme, color: string, sparkline?: StatChartSparklineOptions): LineSeriesOption | undefined;
 //# sourceMappingURL=data-transform.d.ts.map

package/lib/utils/data-transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-transform.d.ts","sourceRoot":"","sources":["../../../src/utils/data-transform.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,iBAAiB,EAC9B,KAAK,EAAE,MAAM,EACb,SAAS,CAAC,EAAE,yBAAyB,GACpC,gBAAgB,GAAG,SAAS,CAc9B"}
+{"version":3,"file":"data-transform.d.ts","sourceRoot":"","sources":["../../../src/utils/data-transform.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAErE,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,iBAAiB,EAC9B,KAAK,EAAE,MAAM,EACb,SAAS,CAAC,EAAE,yBAAyB,GACpC,gBAAgB,GAAG,SAAS,CAc9B"}

package/lib/utils/data-transform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/data-transform.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PersesChartsTheme } from '@perses-dev/components';\nimport { LineSeriesOption } from 'echarts/charts';\nimport { StatChartSparklineOptions } from '../stat-chart-model';\n\nexport function convertSparkline(\n  chartsTheme: PersesChartsTheme,\n  color: string,\n  sparkline?: StatChartSparklineOptions\n): LineSeriesOption | undefined {\n  if (sparkline === undefined) return;\n\n  return {\n    lineStyle: {\n      width: sparkline.width ?? chartsTheme.sparkline.width,\n      color,\n      opacity: 1,\n    },\n    areaStyle: {\n      color,\n      opacity: 0.4,\n    },\n  };\n}\n"],"names":["convertSparkline","chartsTheme","color","sparkline","undefined","lineStyle","width","opacity","areaStyle"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAMjC,OAAO,SAASA,iBACdC,WAA8B,EAC9BC,KAAa,EACbC,SAAqC;IAErC,IAAIA,cAAcC,WAAW;IAE7B,OAAO;QACLC,WAAW;YACTC,OAAOH,UAAUG,KAAK,IAAIL,YAAYE,SAAS,CAACG,KAAK;YACrDJ;YACAK,SAAS;QACX;QACAC,WAAW;YACTN;YACAK,SAAS;QACX;IACF;AACF"}
+{"version":3,"sources":["../../../src/utils/data-transform.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { PersesChartsTheme } from '@perses-dev/components';\nimport type { LineSeriesOption } from 'echarts/charts';\n\nimport type { StatChartSparklineOptions } from '../stat-chart-model';\n\nexport function convertSparkline(\n  chartsTheme: PersesChartsTheme,\n  color: string,\n  sparkline?: StatChartSparklineOptions,\n): LineSeriesOption | undefined {\n  if (sparkline === undefined) return;\n\n  return {\n    lineStyle: {\n      width: sparkline.width ?? chartsTheme.sparkline.width,\n      color,\n      opacity: 1,\n    },\n    areaStyle: {\n      color,\n      opacity: 0.4,\n    },\n  };\n}\n"],"names":["convertSparkline","chartsTheme","color","sparkline","undefined","lineStyle","width","opacity","areaStyle"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAOjC,OAAO,SAASA,iBACdC,WAA8B,EAC9BC,KAAa,EACbC,SAAqC;IAErC,IAAIA,cAAcC,WAAW;IAE7B,OAAO;QACLC,WAAW;YACTC,OAAOH,UAAUG,KAAK,IAAIL,YAAYE,SAAS,CAACG,KAAK;YACrDJ;YACAK,SAAS;QACX;QACAC,WAAW;YACTN;YACAK,SAAS;QACX;IACF;AACF"}

package/lib/utils/format-stat-chart-value.d.ts

@@ -1,3 +1,3 @@
-import { FormatOptions } from '@perses-dev/components';
+import type { FormatOptions } from '@perses-dev/components';
 export declare const formatStatChartValue: (value?: string | number | null, format?: FormatOptions) => string;
 //# sourceMappingURL=format-stat-chart-value.d.ts.map

package/lib/utils/format-stat-chart-value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format-stat-chart-value.d.ts","sourceRoot":"","sources":["../../../src/utils/format-stat-chart-value.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAe,MAAM,wBAAwB,CAAC;AAEpE,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,SAAS,aAAa,KAAG,MAU7F,CAAC"}
+{"version":3,"file":"format-stat-chart-value.d.ts","sourceRoot":"","sources":["../../../src/utils/format-stat-chart-value.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAG5D,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,SAAS,aAAa,KAAG,MAU7F,CAAC"}

package/lib/utils/format-stat-chart-value.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { formatValue } from '@perses-dev/components';
+import { formatValue } from "@perses-dev/components";
 export const formatStatChartValue = (value, format)=>{
     if (value === null) {
         return 'null';

package/lib/utils/format-stat-chart-value.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/format-stat-chart-value.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { FormatOptions, formatValue } from '@perses-dev/components';\n\nexport const formatStatChartValue = (value?: string | number | null, format?: FormatOptions): string => {\n  if (value === null) {\n    return 'null';\n  } else if (typeof value === 'number') {\n    return formatValue(value, format);\n  } else if (value === undefined) {\n    return '';\n  } else {\n    return value;\n  }\n};\n"],"names":["formatValue","formatStatChartValue","value","format","undefined"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAwBA,WAAW,QAAQ,yBAAyB;AAEpE,OAAO,MAAMC,uBAAuB,CAACC,OAAgCC;IACnE,IAAID,UAAU,MAAM;QAClB,OAAO;IACT,OAAO,IAAI,OAAOA,UAAU,UAAU;QACpC,OAAOF,YAAYE,OAAOC;IAC5B,OAAO,IAAID,UAAUE,WAAW;QAC9B,OAAO;IACT,OAAO;QACL,OAAOF;IACT;AACF,EAAE"}
+{"version":3,"sources":["../../../src/utils/format-stat-chart-value.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { FormatOptions } from '@perses-dev/components';\nimport { formatValue } from '@perses-dev/components';\n\nexport const formatStatChartValue = (value?: string | number | null, format?: FormatOptions): string => {\n  if (value === null) {\n    return 'null';\n  } else if (typeof value === 'number') {\n    return formatValue(value, format);\n  } else if (value === undefined) {\n    return '';\n  } else {\n    return value;\n  }\n};\n"],"names":["formatValue","formatStatChartValue","value","format","undefined"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,WAAW,QAAQ,yBAAyB;AAErD,OAAO,MAAMC,uBAAuB,CAACC,OAAgCC;IACnE,IAAID,UAAU,MAAM;QAClB,OAAO;IACT,OAAO,IAAI,OAAOA,UAAU,UAAU;QACpC,OAAOF,YAAYE,OAAOC;IAC5B,OAAO,IAAID,UAAUE,WAAW;QAC9B,OAAO;IACT,OAAO;QACL,OAAOF;IACT;AACF,EAAE"}

package/lib/utils/get-color.d.ts

@@ -1,5 +1,5 @@
-import { PersesChartsTheme } from '@perses-dev/components';
-import { StatChartOptions } from '../stat-chart-model';
+import type { PersesChartsTheme } from '@perses-dev/components';
+import type { StatChartOptions } from '../stat-chart-model';
 type StatChartValue = number | string | null;
 export declare function getStatChartColor(chartsTheme: PersesChartsTheme, spec?: StatChartOptions, value?: StatChartValue): string;
 export {};

package/lib/utils/get-color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-color.d.ts","sourceRoot":"","sources":["../../../src/utils/get-color.ts"],"names":[],"mappings":"AAaA,OAAO,EAAqB,iBAAiB,EAAkC,MAAM,wBAAwB,CAAC;AAC9G,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7C,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,iBAAiB,EAC9B,IAAI,CAAC,EAAE,gBAAgB,EACvB,KAAK,CAAC,EAAE,cAAc,GACrB,MAAM,CA4BR"}
+{"version":3,"file":"get-color.d.ts","sourceRoot":"","sources":["../../../src/utils/get-color.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAkC,MAAM,wBAAwB,CAAC;AAGhG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7C,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,iBAAiB,EAC9B,IAAI,CAAC,EAAE,gBAAgB,EACvB,KAAK,CAAC,EAAE,cAAc,GACrB,MAAM,CA4BR"}

package/lib/utils/get-color.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { applyValueMapping } from '@perses-dev/components';
+import { applyValueMapping } from "@perses-dev/components";
 export function getStatChartColor(chartsTheme, spec, value) {
     const { mappings, thresholds } = spec ?? {};
     // Determine the default color from thresholds or theme

package/lib/utils/get-color.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/get-color.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { applyValueMapping, PersesChartsTheme, ThresholdOptions, ValueMapping } from '@perses-dev/components';\nimport { StatChartOptions } from '../stat-chart-model';\n\ntype StatChartValue = number | string | null;\n\nexport function getStatChartColor(\n  chartsTheme: PersesChartsTheme,\n  spec?: StatChartOptions,\n  value?: StatChartValue\n): string {\n  const { mappings, thresholds } = spec ?? {};\n\n  // Determine the default color from thresholds or theme\n  const defaultColor = thresholds?.defaultColor ?? chartsTheme.thresholds.defaultColor;\n\n  if (value === undefined || value === null || value === '' || (!thresholds?.steps && !mappings)) {\n    return defaultColor;\n  }\n\n  // Check mappings first\n  if (mappings?.length) {\n    const colorFromMappings = getColorFromMappings(value, mappings);\n    if (colorFromMappings) {\n      return colorFromMappings;\n    }\n  }\n\n  // Check thresholds next\n  if (thresholds) {\n    const colorFromThresholds = getColorFromThresholds(value, thresholds, chartsTheme, defaultColor);\n    if (colorFromThresholds) {\n      return colorFromThresholds;\n    }\n  }\n\n  // Fallback to default color\n  return defaultColor;\n}\n\nfunction getColorFromMappings(value: StatChartValue, mappings: ValueMapping[]): string | null {\n  if (mappings?.length && value !== undefined && value !== null) {\n    const { color } = applyValueMapping(value, mappings);\n    return color || null;\n  }\n  return null;\n}\n\nfunction getColorFromThresholds(\n  value: StatChartValue,\n  thresholds: ThresholdOptions,\n  chartsTheme: PersesChartsTheme,\n  defaultColor: string\n): string | null {\n  if (thresholds?.steps && typeof value === 'number') {\n    const matchingColors = thresholds.steps\n      .map((step, index) => {\n        if (value >= step.value) {\n          return step.color ?? chartsTheme.thresholds.palette[index] ?? defaultColor;\n        }\n        return null;\n      })\n      .filter((color): color is string => color !== null);\n\n    return matchingColors[matchingColors.length - 1] ?? null;\n  }\n  return null;\n}\n"],"names":["applyValueMapping","getStatChartColor","chartsTheme","spec","value","mappings","thresholds","defaultColor","undefined","steps","length","colorFromMappings","getColorFromMappings","colorFromThresholds","getColorFromThresholds","color","matchingColors","map","step","index","palette","filter"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,iBAAiB,QAA2D,yBAAyB;AAK9G,OAAO,SAASC,kBACdC,WAA8B,EAC9BC,IAAuB,EACvBC,KAAsB;IAEtB,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGH,QAAQ,CAAC;IAE1C,uDAAuD;IACvD,MAAMI,eAAeD,YAAYC,gBAAgBL,YAAYI,UAAU,CAACC,YAAY;IAEpF,IAAIH,UAAUI,aAAaJ,UAAU,QAAQA,UAAU,MAAO,CAACE,YAAYG,SAAS,CAACJ,UAAW;QAC9F,OAAOE;IACT;IAEA,uBAAuB;IACvB,IAAIF,UAAUK,QAAQ;QACpB,MAAMC,oBAAoBC,qBAAqBR,OAAOC;QACtD,IAAIM,mBAAmB;YACrB,OAAOA;QACT;IACF;IAEA,wBAAwB;IACxB,IAAIL,YAAY;QACd,MAAMO,sBAAsBC,uBAAuBV,OAAOE,YAAYJ,aAAaK;QACnF,IAAIM,qBAAqB;YACvB,OAAOA;QACT;IACF;IAEA,4BAA4B;IAC5B,OAAON;AACT;AAEA,SAASK,qBAAqBR,KAAqB,EAAEC,QAAwB;IAC3E,IAAIA,UAAUK,UAAUN,UAAUI,aAAaJ,UAAU,MAAM;QAC7D,MAAM,EAAEW,KAAK,EAAE,GAAGf,kBAAkBI,OAAOC;QAC3C,OAAOU,SAAS;IAClB;IACA,OAAO;AACT;AAEA,SAASD,uBACPV,KAAqB,EACrBE,UAA4B,EAC5BJ,WAA8B,EAC9BK,YAAoB;IAEpB,IAAID,YAAYG,SAAS,OAAOL,UAAU,UAAU;QAClD,MAAMY,iBAAiBV,WAAWG,KAAK,CACpCQ,GAAG,CAAC,CAACC,MAAMC;YACV,IAAIf,SAASc,KAAKd,KAAK,EAAE;gBACvB,OAAOc,KAAKH,KAAK,IAAIb,YAAYI,UAAU,CAACc,OAAO,CAACD,MAAM,IAAIZ;YAChE;YACA,OAAO;QACT,GACCc,MAAM,CAAC,CAACN,QAA2BA,UAAU;QAEhD,OAAOC,cAAc,CAACA,eAAeN,MAAM,GAAG,EAAE,IAAI;IACtD;IACA,OAAO;AACT"}
+{"version":3,"sources":["../../../src/utils/get-color.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { PersesChartsTheme, ThresholdOptions, ValueMapping } from '@perses-dev/components';\nimport { applyValueMapping } from '@perses-dev/components';\n\nimport type { StatChartOptions } from '../stat-chart-model';\n\ntype StatChartValue = number | string | null;\n\nexport function getStatChartColor(\n  chartsTheme: PersesChartsTheme,\n  spec?: StatChartOptions,\n  value?: StatChartValue,\n): string {\n  const { mappings, thresholds } = spec ?? {};\n\n  // Determine the default color from thresholds or theme\n  const defaultColor = thresholds?.defaultColor ?? chartsTheme.thresholds.defaultColor;\n\n  if (value === undefined || value === null || value === '' || (!thresholds?.steps && !mappings)) {\n    return defaultColor;\n  }\n\n  // Check mappings first\n  if (mappings?.length) {\n    const colorFromMappings = getColorFromMappings(value, mappings);\n    if (colorFromMappings) {\n      return colorFromMappings;\n    }\n  }\n\n  // Check thresholds next\n  if (thresholds) {\n    const colorFromThresholds = getColorFromThresholds(value, thresholds, chartsTheme, defaultColor);\n    if (colorFromThresholds) {\n      return colorFromThresholds;\n    }\n  }\n\n  // Fallback to default color\n  return defaultColor;\n}\n\nfunction getColorFromMappings(value: StatChartValue, mappings: ValueMapping[]): string | null {\n  if (mappings?.length && value !== undefined && value !== null) {\n    const { color } = applyValueMapping(value, mappings);\n    return color || null;\n  }\n  return null;\n}\n\nfunction getColorFromThresholds(\n  value: StatChartValue,\n  thresholds: ThresholdOptions,\n  chartsTheme: PersesChartsTheme,\n  defaultColor: string,\n): string | null {\n  if (thresholds?.steps && typeof value === 'number') {\n    const matchingColors = thresholds.steps\n      .map((step, index) => {\n        if (value >= step.value) {\n          return step.color ?? chartsTheme.thresholds.palette[index] ?? defaultColor;\n        }\n        return null;\n      })\n      .filter((color): color is string => color !== null);\n\n    return matchingColors[matchingColors.length - 1] ?? null;\n  }\n  return null;\n}\n"],"names":["applyValueMapping","getStatChartColor","chartsTheme","spec","value","mappings","thresholds","defaultColor","undefined","steps","length","colorFromMappings","getColorFromMappings","colorFromThresholds","getColorFromThresholds","color","matchingColors","map","step","index","palette","filter"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,iBAAiB,QAAQ,yBAAyB;AAM3D,OAAO,SAASC,kBACdC,WAA8B,EAC9BC,IAAuB,EACvBC,KAAsB;IAEtB,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGH,QAAQ,CAAC;IAE1C,uDAAuD;IACvD,MAAMI,eAAeD,YAAYC,gBAAgBL,YAAYI,UAAU,CAACC,YAAY;IAEpF,IAAIH,UAAUI,aAAaJ,UAAU,QAAQA,UAAU,MAAO,CAACE,YAAYG,SAAS,CAACJ,UAAW;QAC9F,OAAOE;IACT;IAEA,uBAAuB;IACvB,IAAIF,UAAUK,QAAQ;QACpB,MAAMC,oBAAoBC,qBAAqBR,OAAOC;QACtD,IAAIM,mBAAmB;YACrB,OAAOA;QACT;IACF;IAEA,wBAAwB;IACxB,IAAIL,YAAY;QACd,MAAMO,sBAAsBC,uBAAuBV,OAAOE,YAAYJ,aAAaK;QACnF,IAAIM,qBAAqB;YACvB,OAAOA;QACT;IACF;IAEA,4BAA4B;IAC5B,OAAON;AACT;AAEA,SAASK,qBAAqBR,KAAqB,EAAEC,QAAwB;IAC3E,IAAIA,UAAUK,UAAUN,UAAUI,aAAaJ,UAAU,MAAM;QAC7D,MAAM,EAAEW,KAAK,EAAE,GAAGf,kBAAkBI,OAAOC;QAC3C,OAAOU,SAAS;IAClB;IACA,OAAO;AACT;AAEA,SAASD,uBACPV,KAAqB,EACrBE,UAA4B,EAC5BJ,WAA8B,EAC9BK,YAAoB;IAEpB,IAAID,YAAYG,SAAS,OAAOL,UAAU,UAAU;QAClD,MAAMY,iBAAiBV,WAAWG,KAAK,CACpCQ,GAAG,CAAC,CAACC,MAAMC;YACV,IAAIf,SAASc,KAAKd,KAAK,EAAE;gBACvB,OAAOc,KAAKH,KAAK,IAAIb,YAAYI,UAAU,CAACc,OAAO,CAACD,MAAM,IAAIZ;YAChE;YACA,OAAO;QACT,GACCc,MAAM,CAAC,CAACN,QAA2BA,UAAU;QAEhD,OAAOC,cAAc,CAACA,eAAeN,MAAM,GAAG,EAAE,IAAI;IACtD;IACA,OAAO;AACT"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "StatChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.14.0",
+      "buildVersion": "0.15.0-beta.1",
       "buildName": "@perses-dev/stat-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/StatChart.19a287b0.js",
+      "name": "__mf/js/StatChart.cfc077f0.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "StatChart",
+    "globalName": "StatChart_0_15_0_beta_1",
     "pluginVersion": "2.6.0",
-    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/StatChart/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/StatChart~0.15.0-beta.1/\"; }"
   },
   "shared": [
     {
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.b762faf5.js"
+            "__mf/js/async/274.7345c704.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.f388b6fd.js",
-            "__mf/js/async/616.22b37336.js"
+            "__mf/js/async/235.c6d2c4f5.js",
+            "__mf/js/async/616.6b72e257.js"
           ]
         },
         "css": {
@@ -75,8 +75,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.7d22fb82.js",
-            "__mf/js/async/968.bfd3594f.js"
+            "__mf/js/async/587.7eb542f2.js",
+            "__mf/js/async/968.ebdf1f2d.js"
           ]
         },
         "css": {
@@ -89,20 +89,20 @@
     {
       "id": "StatChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.54.0",
+      "version": "0.55.0-beta.6",
       "singleton": true,
-      "requiredVersion": "^0.54.0",
+      "requiredVersion": "^0.55.0-beta.6",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/187.d7e6b2db.js"
+            "__mf/js/async/449.6d8fc8b3.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/449.85c2cbf6.css"
           ]
         }
       },
@@ -111,14 +111,14 @@
     {
       "id": "StatChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0",
+      "version": "0.55.0-beta.6",
       "singleton": true,
-      "requiredVersion": "^0.54.0",
+      "requiredVersion": "^0.55.0-beta.6",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/546.f27d00a1.js"
+            "__mf/js/async/354.6ea77f69.js"
           ]
         },
         "css": {
@@ -138,27 +138,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.0b251884.js"
-          ]
-        },
-        "css": {
-          "async": [],
-          "sync": []
-        }
-      },
-      "fallback": ""
-    },
-    {
-      "id": "StatChart:echarts",
-      "name": "echarts",
-      "version": "5.5.0",
-      "singleton": true,
-      "requiredVersion": "^undefined",
-      "assets": {
-        "js": {
-          "async": [],
-          "sync": [
-            "__mf/js/async/873.13ff7de6.js"
+            "__mf/js/async/192.6939be34.js"
           ]
         },
         "css": {
@@ -178,7 +158,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.70b1a3c5.js"
+            "__mf/js/async/392.559f0a15.js"
           ]
         },
         "css": {
@@ -198,7 +178,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.cc046da0.js"
+            "__mf/js/async/470.16a500aa.js"
           ]
         },
         "css": {
@@ -218,27 +198,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.a33651ce.js"
-          ]
-        },
-        "css": {
-          "async": [],
-          "sync": []
-        }
-      },
-      "fallback": ""
-    },
-    {
-      "id": "StatChart:date-fns-tz",
-      "name": "date-fns-tz",
-      "version": "3.2.0",
-      "singleton": true,
-      "requiredVersion": "^3.2.0",
-      "assets": {
-        "js": {
-          "async": [],
-          "sync": [
-            "__mf/js/async/978.98475f4b.js"
+            "__mf/js/async/121.dd7133cb.js"
           ]
         },
         "css": {
@@ -257,26 +217,22 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/465.7c60371f.js",
-            "__mf/js/async/866.cb6cbc7a.js",
-            "__mf/js/async/721.5c1c6916.js",
-            "__mf/js/async/570.264704d1.js",
-            "__mf/js/async/__federation_expose_StatChart.f4a2f598.js"
+            "__mf/js/async/970.f5882828.js",
+            "__mf/js/async/866.d7ad9e7a.js",
+            "__mf/js/async/570.34dc9996.js",
+            "__mf/js/async/__federation_expose_StatChart.7973125b.js"
           ],
           "async": [
-            "__mf/js/async/588.c00e3759.js",
-            "__mf/js/async/71.1f2caf38.js",
-            "__mf/js/async/580.4076ee7b.js",
-            "__mf/js/async/450.bdfbd76f.js",
-            "__mf/js/async/lib-router.6c58ccc7.js",
-            "__mf/js/async/356.3f7b970d.js",
-            "__mf/js/async/177.4dddf131.js"
+            "__mf/js/async/345.242802c4.js",
+            "__mf/js/async/663.2de74425.js",
+            "__mf/js/async/lib-router.73f6cef1.js",
+            "__mf/js/async/356.b00937de.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/449.85c2cbf6.css"
           ]
         }
       },