@mui/x-charts-premium 9.6.0 → 9.8.0

package/BarChartPremium/BarChartPremium.d.mts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { type BarChartProProps, type BarChartProSlotProps, type BarChartProSlots } from '@mui/x-charts-pro/BarChartPro';
-import { type BarSeries } from '@mui/x-charts/BarChart';
+import type { BarChartProProps, BarChartProSlotProps, BarChartProSlots } from '@mui/x-charts-pro/BarChartPro';
+import type { BarSeries } from '@mui/x-charts/BarChart';
 import type { BarChartPremiumPluginSignatures } from "./BarChartPremium.plugins.mjs";
-import { type BarPlotPremiumProps } from "./BarPlotPremium.mjs";
-import { type BarItemIdentifier, type RangeBarItemIdentifier, type RangeBarSeriesType } from "../models/index.mjs";
+import type { BarPlotPremiumProps } from "./BarPlotPremium.mjs";
+import type { BarItemIdentifier, RangeBarItemIdentifier, RangeBarSeriesType } from "../models/index.mjs";
 import type { ChartsContainerPremiumProps } from "../ChartsContainerPremium/index.mjs";
 export type RangeBarSeries = RangeBarSeriesType;
 export interface BarChartPremiumSlots extends BarChartProSlots {}

package/BarChartPremium/BarChartPremium.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { type BarChartProProps, type BarChartProSlotProps, type BarChartProSlots } from '@mui/x-charts-pro/BarChartPro';
-import { type BarSeries } from '@mui/x-charts/BarChart';
+import type { BarChartProProps, BarChartProSlotProps, BarChartProSlots } from '@mui/x-charts-pro/BarChartPro';
+import type { BarSeries } from '@mui/x-charts/BarChart';
 import type { BarChartPremiumPluginSignatures } from "./BarChartPremium.plugins.js";
-import { type BarPlotPremiumProps } from "./BarPlotPremium.js";
-import { type BarItemIdentifier, type RangeBarItemIdentifier, type RangeBarSeriesType } from "../models/index.js";
+import type { BarPlotPremiumProps } from "./BarPlotPremium.js";
+import type { BarItemIdentifier, RangeBarItemIdentifier, RangeBarSeriesType } from "../models/index.js";
 import type { ChartsContainerPremiumProps } from "../ChartsContainerPremium/index.js";
 export type RangeBarSeries = RangeBarSeriesType;
 export interface BarChartPremiumSlots extends BarChartProSlots {}

package/BarChartPremium/BarChartPremium.plugins.d.mts

@@ -1,4 +1,4 @@
-import { type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
-import { type BarChartProPluginSignatures } from '@mui/x-charts-pro/BarChartPro';
+import type { ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import type { BarChartProPluginSignatures } from '@mui/x-charts-pro/BarChartPro';
 export type BarChartPremiumPluginSignatures = BarChartProPluginSignatures;
 export declare const BAR_CHART_PREMIUM_PLUGINS: ConvertSignaturesIntoPlugins<BarChartPremiumPluginSignatures>;

package/BarChartPremium/BarChartPremium.plugins.d.ts

@@ -1,4 +1,4 @@
-import { type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
-import { type BarChartProPluginSignatures } from '@mui/x-charts-pro/BarChartPro';
+import type { ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import type { BarChartProPluginSignatures } from '@mui/x-charts-pro/BarChartPro';
 export type BarChartPremiumPluginSignatures = BarChartProPluginSignatures;
 export declare const BAR_CHART_PREMIUM_PLUGINS: ConvertSignaturesIntoPlugins<BarChartPremiumPluginSignatures>;

package/BarChartPremium/BarPlotPremium.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type BarPlotProps, type BarPlotSlotProps, type BarPlotSlots } from '@mui/x-charts/BarChart';
+import type { BarPlotProps, BarPlotSlotProps, BarPlotSlots } from '@mui/x-charts/BarChart';
 import type { RendererType } from '@mui/x-charts/ScatterChart';
 export type BarPlotPremiumRenderer = RendererType | 'webgl';
 export interface BarPlotPremiumSlots extends BarPlotSlots {}

package/BarChartPremium/BarPlotPremium.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type BarPlotProps, type BarPlotSlotProps, type BarPlotSlots } from '@mui/x-charts/BarChart';
+import type { BarPlotProps, BarPlotSlotProps, BarPlotSlots } from '@mui/x-charts/BarChart';
 import type { RendererType } from '@mui/x-charts/ScatterChart';
 export type BarPlotPremiumRenderer = RendererType | 'webgl';
 export interface BarPlotPremiumSlots extends BarPlotSlots {}

package/BarChartPremium/RangeBar/AnimatedRangeBarElement.d.mts

@@ -1,4 +1,4 @@
-import { type BarProps } from '@mui/x-charts/BarChart';
+import type { BarProps } from '@mui/x-charts/BarChart';
 export interface AnimatedRangeBarElementProps extends BarProps {
   /**
    * If true, the bar is hidden and will animate to a collapsed state.

package/BarChartPremium/RangeBar/AnimatedRangeBarElement.d.ts

@@ -1,4 +1,4 @@
-import { type BarProps } from '@mui/x-charts/BarChart';
+import type { BarProps } from '@mui/x-charts/BarChart';
 export interface AnimatedRangeBarElementProps extends BarProps {
   /**
    * If true, the bar is hidden and will animate to a collapsed state.

package/BarChartPremium/RangeBar/RangeBarPlot.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type BarElementSlotProps, type BarElementSlots, type BarLabelSlots, type BarLabelSlotProps } from '@mui/x-charts/BarChart';
-import { type RangeBarItemIdentifier } from "../../models/index.mjs";
+import type { BarElementSlotProps, BarElementSlots, BarLabelSlots, BarLabelSlotProps } from '@mui/x-charts/BarChart';
+import type { RangeBarItemIdentifier } from "../../models/index.mjs";
 export type RangeBarPlotRenderer = 'svg-single' | 'webgl';
 export interface RangeBarPlotSlots extends BarElementSlots, BarLabelSlots {}
 export interface RangeBarPlotSlotProps extends BarElementSlotProps, BarLabelSlotProps {}

package/BarChartPremium/RangeBar/RangeBarPlot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type BarElementSlotProps, type BarElementSlots, type BarLabelSlots, type BarLabelSlotProps } from '@mui/x-charts/BarChart';
-import { type RangeBarItemIdentifier } from "../../models/index.js";
+import type { BarElementSlotProps, BarElementSlots, BarLabelSlots, BarLabelSlotProps } from '@mui/x-charts/BarChart';
+import type { RangeBarItemIdentifier } from "../../models/index.js";
 export type RangeBarPlotRenderer = 'svg-single' | 'webgl';
 export interface RangeBarPlotSlots extends BarElementSlots, BarLabelSlots {}
 export interface RangeBarPlotSlotProps extends BarElementSlotProps, BarLabelSlotProps {}

package/BarChartPremium/RangeBar/createGetRangeBarDimensions.d.mts

@@ -1,4 +1,4 @@
-import { type ChartSeriesDefaultized, type ChartsXAxisProps, type ChartsYAxisProps, type ComputedAxis, type ScaleName } from '@mui/x-charts/internals';
+import type { ChartSeriesDefaultized, ChartsXAxisProps, ChartsYAxisProps, ComputedAxis, ScaleName } from '@mui/x-charts/internals';
 export declare function createGetRangeBarDimensions(params: {
   verticalLayout: boolean;
   xAxisConfig: ComputedAxis<ScaleName, any, ChartsXAxisProps>;

package/BarChartPremium/RangeBar/createGetRangeBarDimensions.d.ts

@@ -1,4 +1,4 @@
-import { type ChartSeriesDefaultized, type ChartsXAxisProps, type ChartsYAxisProps, type ComputedAxis, type ScaleName } from '@mui/x-charts/internals';
+import type { ChartSeriesDefaultized, ChartsXAxisProps, ChartsYAxisProps, ComputedAxis, ScaleName } from '@mui/x-charts/internals';
 export declare function createGetRangeBarDimensions(params: {
   verticalLayout: boolean;
   xAxisConfig: ComputedAxis<ScaleName, any, ChartsXAxisProps>;

package/BarChartPremium/RangeBar/seriesConfig/descriptionGetter.d.mts

@@ -1,3 +1,3 @@
-import { type DescriptionGetter } from '@mui/x-charts/internals';
+import type { DescriptionGetter } from '@mui/x-charts/internals';
 declare const descriptionGetter: DescriptionGetter<'rangeBar'>;
 export default descriptionGetter;

package/BarChartPremium/RangeBar/seriesConfig/descriptionGetter.d.ts

@@ -1,3 +1,3 @@
-import { type DescriptionGetter } from '@mui/x-charts/internals';
+import type { DescriptionGetter } from '@mui/x-charts/internals';
 declare const descriptionGetter: DescriptionGetter<'rangeBar'>;
 export default descriptionGetter;

package/BarChartPremium/RangeBar/seriesConfig/extrema.d.mts

@@ -1,3 +1,3 @@
-import { type CartesianExtremumGetter } from '@mui/x-charts/internals';
+import type { CartesianExtremumGetter } from '@mui/x-charts/internals';
 export declare const getExtremumX: CartesianExtremumGetter<'rangeBar'>;
 export declare const getExtremumY: CartesianExtremumGetter<'rangeBar'>;

package/BarChartPremium/RangeBar/seriesConfig/extrema.d.ts

@@ -1,3 +1,3 @@
-import { type CartesianExtremumGetter } from '@mui/x-charts/internals';
+import type { CartesianExtremumGetter } from '@mui/x-charts/internals';
 export declare const getExtremumX: CartesianExtremumGetter<'rangeBar'>;
 export declare const getExtremumY: CartesianExtremumGetter<'rangeBar'>;

package/BarChartPremium/RangeBar/seriesConfig/getColor.d.mts

@@ -1,3 +1,3 @@
-import { type ColorProcessor } from '@mui/x-charts/internals';
+import type { ColorProcessor } from '@mui/x-charts/internals';
 declare const getColor: ColorProcessor<'rangeBar'>;
 export default getColor;

package/BarChartPremium/RangeBar/seriesConfig/getColor.d.ts

@@ -1,3 +1,3 @@
-import { type ColorProcessor } from '@mui/x-charts/internals';
+import type { ColorProcessor } from '@mui/x-charts/internals';
 declare const getColor: ColorProcessor<'rangeBar'>;
 export default getColor;

package/BarChartPremium/RangeBar/seriesConfig/getSeriesWithDefaultValues.d.mts

@@ -1,4 +1,4 @@
-import { type AllSeriesType } from '@mui/x-charts/models';
+import type { AllSeriesType } from '@mui/x-charts/models';
 export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'rangeBar'>, seriesIndex: number, colors: readonly string[]): {
   id: string;
   color: string;

package/BarChartPremium/RangeBar/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,4 +1,4 @@
-import { type AllSeriesType } from '@mui/x-charts/models';
+import type { AllSeriesType } from '@mui/x-charts/models';
 export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'rangeBar'>, seriesIndex: number, colors: readonly string[]): {
   id: string;
   color: string;

package/BarChartPremium/RangeBar/seriesConfig/index.d.mts

@@ -1,2 +1,2 @@
-import { type ChartSeriesTypeConfig } from '@mui/x-charts/internals';
+import type { ChartSeriesTypeConfig } from '@mui/x-charts/internals';
 export declare const rangeBarSeriesConfig: ChartSeriesTypeConfig<'rangeBar'>;

package/BarChartPremium/RangeBar/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
-import { type ChartSeriesTypeConfig } from '@mui/x-charts/internals';
+import type { ChartSeriesTypeConfig } from '@mui/x-charts/internals';
 export declare const rangeBarSeriesConfig: ChartSeriesTypeConfig<'rangeBar'>;

package/BarChartPremium/RangeBar/seriesConfig/keyboardFocusHandler.d.mts

@@ -1,3 +1,3 @@
-import { type KeyboardFocusHandler, type ComposableCartesianChartSeriesType } from '@mui/x-charts/internals';
+import type { KeyboardFocusHandler, ComposableCartesianChartSeriesType } from '@mui/x-charts/internals';
 declare const keyboardFocusHandler: KeyboardFocusHandler<'rangeBar', ComposableCartesianChartSeriesType>;
 export default keyboardFocusHandler;

package/BarChartPremium/RangeBar/seriesConfig/keyboardFocusHandler.d.ts

@@ -1,3 +1,3 @@
-import { type KeyboardFocusHandler, type ComposableCartesianChartSeriesType } from '@mui/x-charts/internals';
+import type { KeyboardFocusHandler, ComposableCartesianChartSeriesType } from '@mui/x-charts/internals';
 declare const keyboardFocusHandler: KeyboardFocusHandler<'rangeBar', ComposableCartesianChartSeriesType>;
 export default keyboardFocusHandler;

package/BarChartPremium/RangeBar/seriesConfig/legend.d.mts

@@ -1,3 +1,3 @@
-import { type LegendGetter } from '@mui/x-charts/internals';
+import type { LegendGetter } from '@mui/x-charts/internals';
 declare const legendGetter: LegendGetter<'rangeBar'>;
 export default legendGetter;

package/BarChartPremium/RangeBar/seriesConfig/legend.d.ts

@@ -1,3 +1,3 @@
-import { type LegendGetter } from '@mui/x-charts/internals';
+import type { LegendGetter } from '@mui/x-charts/internals';
 declare const legendGetter: LegendGetter<'rangeBar'>;
 export default legendGetter;

package/BarChartPremium/RangeBar/seriesConfig/seriesProcessor.d.mts

@@ -1,3 +1,3 @@
-import { type SeriesProcessor } from '@mui/x-charts/internals';
+import type { SeriesProcessor } from '@mui/x-charts/internals';
 declare const seriesProcessor: SeriesProcessor<'rangeBar'>;
 export default seriesProcessor;

package/BarChartPremium/RangeBar/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +1,3 @@
-import { type SeriesProcessor } from '@mui/x-charts/internals';
+import type { SeriesProcessor } from '@mui/x-charts/internals';
 declare const seriesProcessor: SeriesProcessor<'rangeBar'>;
 export default seriesProcessor;

package/BarChartPremium/RangeBar/seriesConfig/tooltip.d.mts

@@ -1,4 +1,4 @@
-import { type AxisTooltipGetter, type TooltipGetter } from '@mui/x-charts/internals';
+import type { AxisTooltipGetter, TooltipGetter } from '@mui/x-charts/internals';
 declare const tooltipGetter: TooltipGetter<'rangeBar'>;
 export declare const axisTooltipGetter: AxisTooltipGetter<'rangeBar', 'x' | 'y'>;
 export default tooltipGetter;

package/BarChartPremium/RangeBar/seriesConfig/tooltip.d.ts

@@ -1,4 +1,4 @@
-import { type AxisTooltipGetter, type TooltipGetter } from '@mui/x-charts/internals';
+import type { AxisTooltipGetter, TooltipGetter } from '@mui/x-charts/internals';
 declare const tooltipGetter: TooltipGetter<'rangeBar'>;
 export declare const axisTooltipGetter: AxisTooltipGetter<'rangeBar', 'x' | 'y'>;
 export default tooltipGetter;

package/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.d.mts

@@ -1,3 +1,3 @@
-import { type TooltipItemPositionGetter } from '@mui/x-charts/internals';
+import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
 declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'rangeBar'>;
 export default tooltipItemPositionGetter;

package/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.d.ts

@@ -1,3 +1,3 @@
-import { type TooltipItemPositionGetter } from '@mui/x-charts/internals';
+import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
 declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'rangeBar'>;
 export default tooltipItemPositionGetter;

package/BarChartPremium/RangeBar/useRangeBarPlotData.d.mts

@@ -1,5 +1,5 @@
-import { type ChartDrawingArea } from '@mui/x-charts/hooks';
-import { type ComputedAxisConfig } from '@mui/x-charts/internals';
-import { type ChartsXAxisProps, type ChartsYAxisProps } from '@mui/x-charts/models';
-import { type ProcessedRangeBarSeriesData } from "./types.mjs";
+import type { ChartDrawingArea } from '@mui/x-charts/hooks';
+import type { ComputedAxisConfig } from '@mui/x-charts/internals';
+import type { ChartsXAxisProps, ChartsYAxisProps } from '@mui/x-charts/models';
+import type { ProcessedRangeBarSeriesData } from "./types.mjs";
 export declare function useRangeBarPlotData(drawingArea: ChartDrawingArea, xAxes: ComputedAxisConfig<ChartsXAxisProps>, yAxes: ComputedAxisConfig<ChartsYAxisProps>): ProcessedRangeBarSeriesData[];

package/BarChartPremium/RangeBar/useRangeBarPlotData.d.ts

@@ -1,5 +1,5 @@
-import { type ChartDrawingArea } from '@mui/x-charts/hooks';
-import { type ComputedAxisConfig } from '@mui/x-charts/internals';
-import { type ChartsXAxisProps, type ChartsYAxisProps } from '@mui/x-charts/models';
-import { type ProcessedRangeBarSeriesData } from "./types.js";
+import type { ChartDrawingArea } from '@mui/x-charts/hooks';
+import type { ComputedAxisConfig } from '@mui/x-charts/internals';
+import type { ChartsXAxisProps, ChartsYAxisProps } from '@mui/x-charts/models';
+import type { ProcessedRangeBarSeriesData } from "./types.js";
 export declare function useRangeBarPlotData(drawingArea: ChartDrawingArea, xAxes: ComputedAxisConfig<ChartsXAxisProps>, yAxes: ComputedAxisConfig<ChartsYAxisProps>): ProcessedRangeBarSeriesData[];

package/BarChartPremium/useBarChartPremiumProps.d.mts

@@ -1,8 +1,8 @@
-import { type BarChartPluginSignatures } from '@mui/x-charts/BarChart';
-import { type ChartsContainerProps } from '@mui/x-charts/ChartsContainer';
-import { type BarChartPremiumProps } from "./BarChartPremium.mjs";
-import { type BarPlotPremiumProps } from "./BarPlotPremium.mjs";
-import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.mjs";
+import type { BarChartPluginSignatures } from '@mui/x-charts/BarChart';
+import type { ChartsContainerProps } from '@mui/x-charts/ChartsContainer';
+import type { BarChartPremiumProps } from "./BarChartPremium.mjs";
+import type { BarPlotPremiumProps } from "./BarPlotPremium.mjs";
+import type { RangeBarPlotProps } from "./RangeBar/RangeBarPlot.mjs";
 /**
  * A helper function that extracts BarChartPremiumProps from the input props
  * and returns an object with props for the children components of BarChartPremium.

package/BarChartPremium/useBarChartPremiumProps.d.ts

@@ -1,8 +1,8 @@
-import { type BarChartPluginSignatures } from '@mui/x-charts/BarChart';
-import { type ChartsContainerProps } from '@mui/x-charts/ChartsContainer';
-import { type BarChartPremiumProps } from "./BarChartPremium.js";
-import { type BarPlotPremiumProps } from "./BarPlotPremium.js";
-import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.js";
+import type { BarChartPluginSignatures } from '@mui/x-charts/BarChart';
+import type { ChartsContainerProps } from '@mui/x-charts/ChartsContainer';
+import type { BarChartPremiumProps } from "./BarChartPremium.js";
+import type { BarPlotPremiumProps } from "./BarPlotPremium.js";
+import type { RangeBarPlotProps } from "./RangeBar/RangeBarPlot.js";
 /**
  * A helper function that extracts BarChartPremiumProps from the input props
  * and returns an object with props for the children components of BarChartPremium.

package/BarChartPremium/webgl/BarWebGLProgram.d.mts

@@ -1,15 +1,14 @@
-import { type BarWebGLPlotData } from "./useBarWebGLPlotData.mjs";
+import type { BarWebGLPlotData } from "./useBarWebGLPlotData.mjs";
 export declare class BarWebGLProgram {
   private gl;
   private readonly shaders;
   private readonly program;
   private readonly vao;
   private readonly quadBuffer;
-  private readonly aPositionLocation;
-  private readonly centersBuffer;
-  private readonly halfSizesBuffer;
-  private readonly colorsBuffer;
-  private readonly cornerRadiiBuffer;
+  private readonly centers;
+  private readonly halfSizes;
+  private readonly colors;
+  private readonly cornerRadii;
   private readonly uResolution;
   constructor(gl: WebGL2RenderingContext);
   setResolution(width: number, height: number): void;

package/BarChartPremium/webgl/BarWebGLProgram.d.ts

@@ -1,15 +1,14 @@
-import { type BarWebGLPlotData } from "./useBarWebGLPlotData.js";
+import type { BarWebGLPlotData } from "./useBarWebGLPlotData.js";
 export declare class BarWebGLProgram {
   private gl;
   private readonly shaders;
   private readonly program;
   private readonly vao;
   private readonly quadBuffer;
-  private readonly aPositionLocation;
-  private readonly centersBuffer;
-  private readonly halfSizesBuffer;
-  private readonly colorsBuffer;
-  private readonly cornerRadiiBuffer;
+  private readonly centers;
+  private readonly halfSizes;
+  private readonly colors;
+  private readonly cornerRadii;
   private readonly uResolution;
   constructor(gl: WebGL2RenderingContext);
   setResolution(width: number, height: number): void;

package/BarChartPremium/webgl/BarWebGLProgram.js

@@ -5,36 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BarWebGLProgram = void 0;
 var _utils = require("../../utils/webgl/utils");
+var _instancedAttribute = require("../../utils/webgl/instancedAttribute");
 var _shaders = require("./shaders");
 class BarWebGLProgram {
   shaders = [];
+
+  /* Colors come in as Uint8 [0, 255]; normalized=true makes the GPU read them back as vec4 in [0, 1]. */
+
   constructor(gl) {
     this.gl = gl;
-    gl.enable(gl.BLEND);
-    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
-    this.program = gl.createProgram();
-    const vertexShader = (0, _utils.compileShader)(gl, _shaders.barVertexShaderSource, gl.VERTEX_SHADER);
-    const fragmentShader = (0, _utils.compileShader)(gl, _shaders.barFragmentShaderSource, gl.FRAGMENT_SHADER);
-    gl.attachShader(this.program, vertexShader);
-    gl.attachShader(this.program, fragmentShader);
-    gl.linkProgram(this.program);
-    this.shaders.push(vertexShader, fragmentShader);
-    if (process.env.NODE_ENV !== 'production' && !gl.getProgramParameter(this.program, gl.LINK_STATUS)) {
-      console.error(`Program linking failed: ${gl.getProgramInfoLog(this.program)}`);
-      console.error(`Vertex info-log: ${gl.getShaderInfoLog(vertexShader)}`);
-      console.error(`Fragment info-log: ${gl.getShaderInfoLog(fragmentShader)}`);
-    }
-
-    // Cache locations once.
+    (0, _utils.setupStandardBlending)(gl);
+    const linked = (0, _utils.linkProgram)(gl, _shaders.barVertexShaderSource, _shaders.barFragmentShaderSource);
+    this.program = linked.program;
+    this.shaders.push(...linked.shaders);
     this.uResolution = gl.getUniformLocation(this.program, 'u_resolution');
-    this.aPositionLocation = gl.getAttribLocation(this.program, 'a_position');
     this.quadBuffer = (0, _utils.uploadQuadBuffer)(gl);
     this.vao = gl.createVertexArray();
-    this.centersBuffer = createInstancedBuffer(gl, this.program, 'a_center', 2, gl.FLOAT, false);
-    this.halfSizesBuffer = createInstancedBuffer(gl, this.program, 'a_halfSize', 2, gl.FLOAT, false);
-    // Colors come in as Uint8 [0, 255]; normalized=true makes the GPU read them back as vec4 in [0, 1].
-    this.colorsBuffer = createInstancedBuffer(gl, this.program, 'a_color', 4, gl.UNSIGNED_BYTE, true);
-    this.cornerRadiiBuffer = createInstancedBuffer(gl, this.program, 'a_cornerRadii', 4, gl.FLOAT, false);
+    gl.bindVertexArray(this.vao);
+    (0, _utils.bindQuadBuffer)(gl, this.program, this.quadBuffer);
+    this.centers = (0, _instancedAttribute.createInstancedAttribute)(gl, this.program, 'a_center', 2);
+    this.halfSizes = (0, _instancedAttribute.createInstancedAttribute)(gl, this.program, 'a_halfSize', 2);
+    this.colors = (0, _instancedAttribute.createInstancedAttribute)(gl, this.program, 'a_color', 4, gl.UNSIGNED_BYTE, true);
+    this.cornerRadii = (0, _instancedAttribute.createInstancedAttribute)(gl, this.program, 'a_cornerRadii', 4);
+    gl.bindVertexArray(null);
   }
   setResolution(width, height) {
     this.gl.useProgram(this.program);
@@ -42,18 +35,10 @@ class BarWebGLProgram {
   }
   plot(plotData) {
     const gl = this.gl;
-    gl.useProgram(this.program);
-    gl.bindVertexArray(this.vao);
-
-    // Bind quad buffer + a_position (per-vertex).
-    gl.bindBuffer(gl.ARRAY_BUFFER, this.quadBuffer);
-    gl.enableVertexAttribArray(this.aPositionLocation);
-    gl.vertexAttribPointer(this.aPositionLocation, 2, gl.FLOAT, false, 0, 0);
-    uploadAndBindInstanced(gl, this.centersBuffer, plotData.centers);
-    uploadAndBindInstanced(gl, this.halfSizesBuffer, plotData.halfSizes);
-    uploadAndBindInstanced(gl, this.colorsBuffer, plotData.colors);
-    uploadAndBindInstanced(gl, this.cornerRadiiBuffer, plotData.cornerRadii);
-    gl.bindVertexArray(null);
+    (0, _utils.uploadGrowableBuffer)(gl, this.centers.buffer, plotData.centers);
+    (0, _utils.uploadGrowableBuffer)(gl, this.halfSizes.buffer, plotData.halfSizes);
+    (0, _utils.uploadGrowableBuffer)(gl, this.colors.buffer, plotData.colors);
+    (0, _utils.uploadGrowableBuffer)(gl, this.cornerRadii.buffer, plotData.cornerRadii);
     (0, _utils.logWebGLErrors)(gl);
   }
   render(count) {
@@ -71,37 +56,11 @@ class BarWebGLProgram {
     gl.deleteProgram(this.program);
     gl.deleteVertexArray(this.vao);
     gl.deleteBuffer(this.quadBuffer);
-    gl.deleteBuffer(this.centersBuffer.buffer);
-    gl.deleteBuffer(this.halfSizesBuffer.buffer);
-    gl.deleteBuffer(this.colorsBuffer.buffer);
-    gl.deleteBuffer(this.cornerRadiiBuffer.buffer);
+    gl.deleteBuffer(this.centers.buffer.buffer);
+    gl.deleteBuffer(this.halfSizes.buffer.buffer);
+    gl.deleteBuffer(this.colors.buffer.buffer);
+    gl.deleteBuffer(this.cornerRadii.buffer.buffer);
     this.shaders.forEach(shader => gl.deleteShader(shader));
   }
 }
-exports.BarWebGLProgram = BarWebGLProgram;
-function createInstancedBuffer(gl, program, name, size, glType, normalized) {
-  return {
-    buffer: gl.createBuffer(),
-    capacityBytes: 0,
-    lastUploaded: null,
-    location: gl.getAttribLocation(program, name),
-    size,
-    glType,
-    normalized
-  };
-}
-function uploadAndBindInstanced(gl, target, data) {
-  gl.bindBuffer(gl.ARRAY_BUFFER, target.buffer);
-  if (target.lastUploaded !== data) {
-    if (data.byteLength <= target.capacityBytes) {
-      gl.bufferSubData(gl.ARRAY_BUFFER, 0, data);
-    } else {
-      gl.bufferData(gl.ARRAY_BUFFER, data, gl.DYNAMIC_DRAW);
-      target.capacityBytes = data.byteLength;
-    }
-    target.lastUploaded = data;
-  }
-  gl.enableVertexAttribArray(target.location);
-  gl.vertexAttribPointer(target.location, target.size, target.glType, target.normalized, 0, 0);
-  gl.vertexAttribDivisor(target.location, 1);
-}
+exports.BarWebGLProgram = BarWebGLProgram;

package/BarChartPremium/webgl/BarWebGLProgram.mjs

@@ -1,34 +1,27 @@
-import { compileShader, logWebGLErrors, uploadQuadBuffer } from "../../utils/webgl/utils.mjs";
+import { bindQuadBuffer, linkProgram, logWebGLErrors, setupStandardBlending, uploadGrowableBuffer, uploadQuadBuffer } from "../../utils/webgl/utils.mjs";
+import { createInstancedAttribute } from "../../utils/webgl/instancedAttribute.mjs";
 import { barFragmentShaderSource, barVertexShaderSource } from "./shaders.mjs";
 export class BarWebGLProgram {
   shaders = [];
+
+  /* Colors come in as Uint8 [0, 255]; normalized=true makes the GPU read them back as vec4 in [0, 1]. */
+
   constructor(gl) {
     this.gl = gl;
-    gl.enable(gl.BLEND);
-    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
-    this.program = gl.createProgram();
-    const vertexShader = compileShader(gl, barVertexShaderSource, gl.VERTEX_SHADER);
-    const fragmentShader = compileShader(gl, barFragmentShaderSource, gl.FRAGMENT_SHADER);
-    gl.attachShader(this.program, vertexShader);
-    gl.attachShader(this.program, fragmentShader);
-    gl.linkProgram(this.program);
-    this.shaders.push(vertexShader, fragmentShader);
-    if (process.env.NODE_ENV !== 'production' && !gl.getProgramParameter(this.program, gl.LINK_STATUS)) {
-      console.error(`Program linking failed: ${gl.getProgramInfoLog(this.program)}`);
-      console.error(`Vertex info-log: ${gl.getShaderInfoLog(vertexShader)}`);
-      console.error(`Fragment info-log: ${gl.getShaderInfoLog(fragmentShader)}`);
-    }
-
-    // Cache locations once.
+    setupStandardBlending(gl);
+    const linked = linkProgram(gl, barVertexShaderSource, barFragmentShaderSource);
+    this.program = linked.program;
+    this.shaders.push(...linked.shaders);
     this.uResolution = gl.getUniformLocation(this.program, 'u_resolution');
-    this.aPositionLocation = gl.getAttribLocation(this.program, 'a_position');
     this.quadBuffer = uploadQuadBuffer(gl);
     this.vao = gl.createVertexArray();
-    this.centersBuffer = createInstancedBuffer(gl, this.program, 'a_center', 2, gl.FLOAT, false);
-    this.halfSizesBuffer = createInstancedBuffer(gl, this.program, 'a_halfSize', 2, gl.FLOAT, false);
-    // Colors come in as Uint8 [0, 255]; normalized=true makes the GPU read them back as vec4 in [0, 1].
-    this.colorsBuffer = createInstancedBuffer(gl, this.program, 'a_color', 4, gl.UNSIGNED_BYTE, true);
-    this.cornerRadiiBuffer = createInstancedBuffer(gl, this.program, 'a_cornerRadii', 4, gl.FLOAT, false);
+    gl.bindVertexArray(this.vao);
+    bindQuadBuffer(gl, this.program, this.quadBuffer);
+    this.centers = createInstancedAttribute(gl, this.program, 'a_center', 2);
+    this.halfSizes = createInstancedAttribute(gl, this.program, 'a_halfSize', 2);
+    this.colors = createInstancedAttribute(gl, this.program, 'a_color', 4, gl.UNSIGNED_BYTE, true);
+    this.cornerRadii = createInstancedAttribute(gl, this.program, 'a_cornerRadii', 4);
+    gl.bindVertexArray(null);
   }
   setResolution(width, height) {
     this.gl.useProgram(this.program);
@@ -36,18 +29,10 @@ export class BarWebGLProgram {
   }
   plot(plotData) {
     const gl = this.gl;
-    gl.useProgram(this.program);
-    gl.bindVertexArray(this.vao);
-
-    // Bind quad buffer + a_position (per-vertex).
-    gl.bindBuffer(gl.ARRAY_BUFFER, this.quadBuffer);
-    gl.enableVertexAttribArray(this.aPositionLocation);
-    gl.vertexAttribPointer(this.aPositionLocation, 2, gl.FLOAT, false, 0, 0);
-    uploadAndBindInstanced(gl, this.centersBuffer, plotData.centers);
-    uploadAndBindInstanced(gl, this.halfSizesBuffer, plotData.halfSizes);
-    uploadAndBindInstanced(gl, this.colorsBuffer, plotData.colors);
-    uploadAndBindInstanced(gl, this.cornerRadiiBuffer, plotData.cornerRadii);
-    gl.bindVertexArray(null);
+    uploadGrowableBuffer(gl, this.centers.buffer, plotData.centers);
+    uploadGrowableBuffer(gl, this.halfSizes.buffer, plotData.halfSizes);
+    uploadGrowableBuffer(gl, this.colors.buffer, plotData.colors);
+    uploadGrowableBuffer(gl, this.cornerRadii.buffer, plotData.cornerRadii);
     logWebGLErrors(gl);
   }
   render(count) {
@@ -65,36 +50,10 @@ export class BarWebGLProgram {
     gl.deleteProgram(this.program);
     gl.deleteVertexArray(this.vao);
     gl.deleteBuffer(this.quadBuffer);
-    gl.deleteBuffer(this.centersBuffer.buffer);
-    gl.deleteBuffer(this.halfSizesBuffer.buffer);
-    gl.deleteBuffer(this.colorsBuffer.buffer);
-    gl.deleteBuffer(this.cornerRadiiBuffer.buffer);
+    gl.deleteBuffer(this.centers.buffer.buffer);
+    gl.deleteBuffer(this.halfSizes.buffer.buffer);
+    gl.deleteBuffer(this.colors.buffer.buffer);
+    gl.deleteBuffer(this.cornerRadii.buffer.buffer);
     this.shaders.forEach(shader => gl.deleteShader(shader));
   }
-}
-function createInstancedBuffer(gl, program, name, size, glType, normalized) {
-  return {
-    buffer: gl.createBuffer(),
-    capacityBytes: 0,
-    lastUploaded: null,
-    location: gl.getAttribLocation(program, name),
-    size,
-    glType,
-    normalized
-  };
-}
-function uploadAndBindInstanced(gl, target, data) {
-  gl.bindBuffer(gl.ARRAY_BUFFER, target.buffer);
-  if (target.lastUploaded !== data) {
-    if (data.byteLength <= target.capacityBytes) {
-      gl.bufferSubData(gl.ARRAY_BUFFER, 0, data);
-    } else {
-      gl.bufferData(gl.ARRAY_BUFFER, data, gl.DYNAMIC_DRAW);
-      target.capacityBytes = data.byteLength;
-    }
-    target.lastUploaded = data;
-  }
-  gl.enableVertexAttribArray(target.location);
-  gl.vertexAttribPointer(target.location, target.size, target.glType, target.normalized, 0, 0);
-  gl.vertexAttribDivisor(target.location, 1);
 }

package/BarChartPremium/webgl/shaders.d.mts

@@ -1,2 +1,2 @@
 export declare const barVertexShaderSource = "\n    precision mediump float;\n\n    attribute vec2 a_position;\n    attribute vec2 a_center;\n    attribute vec2 a_halfSize;\n    attribute vec4 a_color;\n    attribute vec4 a_cornerRadii;\n\n    varying vec4 v_color;\n    varying vec2 v_pos;\n    varying vec2 v_halfSize;\n    varying vec4 v_cornerRadii;\n\n    uniform vec2 u_resolution;\n\n    void main() {\n      vec2 position = a_center + a_position * a_halfSize;\n      vec2 clipSpace = (position / u_resolution) * 2.0 - 1.0;\n      gl_Position = vec4(clipSpace * vec2(1, -1), 0, 1);\n\n      v_color = a_color;\n      v_pos = a_position * a_halfSize;\n      v_halfSize = a_halfSize;\n      v_cornerRadii = a_cornerRadii;\n    }\n  ";
-export declare const barFragmentShaderSource = "\n    precision mediump float;\n\n    varying vec4 v_color;\n    varying vec2 v_pos;\n    varying vec2 v_halfSize;\n    varying vec4 v_cornerRadii;\n\n    float roundedBoxSDF(vec2 pos, vec2 halfSize, vec4 r) {\n      float radius;\n      if (pos.x < 0.0) {\n        radius = pos.y < 0.0 ? r.x : r.w;\n      } else {\n        radius = pos.y < 0.0 ? r.y : r.z;\n      }\n\n      vec2 q = abs(pos) - halfSize + radius;\n      return min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - radius;\n    }\n\n    void main() {\n      float dist = roundedBoxSDF(v_pos, v_halfSize, v_cornerRadii);\n      // Anti-alias only outside the SDF (dist >= 0). Starting smoothstep at 0\n      // keeps interior pixels at full color instead of fading them.\n      float alpha = 1.0 - smoothstep(0.0, 0.5, dist);\n\n      gl_FragColor = vec4(v_color.rgb, v_color.a * alpha);\n    }\n  ";
+export declare const barFragmentShaderSource = "\n    precision mediump float;\n\n    varying vec4 v_color;\n    varying vec2 v_pos;\n    varying vec2 v_halfSize;\n    varying vec4 v_cornerRadii;\n\n    \n    float roundedBoxSDF(vec2 pos, vec2 halfSize, vec4 r) {\n      float radius;\n      if (pos.x < 0.0) {\n        radius = pos.y < 0.0 ? r.x : r.w;\n      } else {\n        radius = pos.y < 0.0 ? r.y : r.z;\n      }\n\n      vec2 q = abs(pos) - halfSize + radius;\n      return min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - radius;\n    }\n  \n\n    void main() {\n      float dist = roundedBoxSDF(v_pos, v_halfSize, v_cornerRadii);\n      // Anti-alias only outside the SDF (dist >= 0). Starting smoothstep at 0\n      // keeps interior pixels at full color instead of fading them.\n      float alpha = 1.0 - smoothstep(0.0, 0.5, dist);\n\n      gl_FragColor = vec4(v_color.rgb, v_color.a * alpha);\n    }\n  ";

package/BarChartPremium/webgl/shaders.d.ts

@@ -1,2 +1,2 @@
 export declare const barVertexShaderSource = "\n    precision mediump float;\n\n    attribute vec2 a_position;\n    attribute vec2 a_center;\n    attribute vec2 a_halfSize;\n    attribute vec4 a_color;\n    attribute vec4 a_cornerRadii;\n\n    varying vec4 v_color;\n    varying vec2 v_pos;\n    varying vec2 v_halfSize;\n    varying vec4 v_cornerRadii;\n\n    uniform vec2 u_resolution;\n\n    void main() {\n      vec2 position = a_center + a_position * a_halfSize;\n      vec2 clipSpace = (position / u_resolution) * 2.0 - 1.0;\n      gl_Position = vec4(clipSpace * vec2(1, -1), 0, 1);\n\n      v_color = a_color;\n      v_pos = a_position * a_halfSize;\n      v_halfSize = a_halfSize;\n      v_cornerRadii = a_cornerRadii;\n    }\n  ";
-export declare const barFragmentShaderSource = "\n    precision mediump float;\n\n    varying vec4 v_color;\n    varying vec2 v_pos;\n    varying vec2 v_halfSize;\n    varying vec4 v_cornerRadii;\n\n    float roundedBoxSDF(vec2 pos, vec2 halfSize, vec4 r) {\n      float radius;\n      if (pos.x < 0.0) {\n        radius = pos.y < 0.0 ? r.x : r.w;\n      } else {\n        radius = pos.y < 0.0 ? r.y : r.z;\n      }\n\n      vec2 q = abs(pos) - halfSize + radius;\n      return min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - radius;\n    }\n\n    void main() {\n      float dist = roundedBoxSDF(v_pos, v_halfSize, v_cornerRadii);\n      // Anti-alias only outside the SDF (dist >= 0). Starting smoothstep at 0\n      // keeps interior pixels at full color instead of fading them.\n      float alpha = 1.0 - smoothstep(0.0, 0.5, dist);\n\n      gl_FragColor = vec4(v_color.rgb, v_color.a * alpha);\n    }\n  ";
+export declare const barFragmentShaderSource = "\n    precision mediump float;\n\n    varying vec4 v_color;\n    varying vec2 v_pos;\n    varying vec2 v_halfSize;\n    varying vec4 v_cornerRadii;\n\n    \n    float roundedBoxSDF(vec2 pos, vec2 halfSize, vec4 r) {\n      float radius;\n      if (pos.x < 0.0) {\n        radius = pos.y < 0.0 ? r.x : r.w;\n      } else {\n        radius = pos.y < 0.0 ? r.y : r.z;\n      }\n\n      vec2 q = abs(pos) - halfSize + radius;\n      return min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - radius;\n    }\n  \n\n    void main() {\n      float dist = roundedBoxSDF(v_pos, v_halfSize, v_cornerRadii);\n      // Anti-alias only outside the SDF (dist >= 0). Starting smoothstep at 0\n      // keeps interior pixels at full color instead of fading them.\n      float alpha = 1.0 - smoothstep(0.0, 0.5, dist);\n\n      gl_FragColor = vec4(v_color.rgb, v_color.a * alpha);\n    }\n  ";