autoql-fe-utils 1.0.9 → 1.0.11

package/dist/index.d.ts

@@ -531,6 +531,8 @@ declare const AXIS_TITLE_BORDER_PADDING_LEFT = 5;
 declare const AXIS_TITLE_BORDER_PADDING_TOP = 3;
 declare const LOAD_MORE_DROPDOWN_PADDING_BOTTOM = 10;
 declare const MINIMUM_TITLE_LENGTH = 10;
+declare const MINIMUM_INNER_WIDTH = 50;
+declare const MINIMUM_INNER_HEIGHT = 50;
 declare const LABEL_FONT_SIZE = 10;
 declare const TITLE_FONT_SIZE = 12;
 declare const LEGEND_BORDER_PADDING = 15;
@@ -1065,7 +1067,7 @@ declare const getHistogramScale: ({ axis, buckets, columnIndex, height, width, m
     width: number;
     aggregated: boolean;
 }) => any;
-declare const getLinearScale: ({ minValue, maxValue, axis, range, domain, tickValues, numTicks, stacked, isScaled, columns, units, title, columnIndex, columnIndices, hasDropdown, allowMultipleSeries, disableAutoScale, dataFormatting, changeNumberColumnIndices, changeAggConfig, enableAxisDropdown, height, width, aggregated, colorScale, }: {
+declare const getLinearScale: ({ minValue, maxValue, axis, range, domain, tickValues, numTicks, stacked, isScaled, columns, units, title, columnIndex, columnIndices, hasDropdown, allowMultipleSeries, disableAutoScale, dataFormatting, changeNumberColumnIndices, changeColumnIndices, changeAggConfig, enableAxisDropdown, height, width, aggregated, colorScale, }: {
     axis: string;
     columns: Column$1[];
     columnIndex: number;
@@ -1075,6 +1077,7 @@ declare const getLinearScale: ({ minValue, maxValue, axis, range, domain, tickVa
     units?: string;
     dataFormatting?: DataFormatting;
     changeNumberColumnIndices?: Function;
+    changeColumnIndices?: Function;
     changeAggConfig?: Function;
     enableAxisDropdown?: boolean;
     stacked?: boolean;
@@ -1251,7 +1254,8 @@ declare const adjustBottomTitleToFit: (titleElement: any, { labelsBBox, innerWid
     outerWidth?: number;
     deltaX?: number;
     chartPadding?: number;
-}) => void;
+    CSS_PREFIX?: string;
+}, CSS_PREFIX?: string) => void;
 declare const adjustTopTitleToFit: (titleElement: any, { labelsBBox, innerWidth, }?: {
     labelsBBox?: any;
     innerWidth?: number;
@@ -1259,16 +1263,46 @@ declare const adjustTopTitleToFit: (titleElement: any, { labelsBBox, innerWidth,
 declare const adjustVerticalTitleToFit: (titleElement: any, { deltaY, chartPadding, }?: {
     deltaY?: number;
     chartPadding?: number;
-}) => void;
-declare const adjustTitleToFit: (titleElement: any, orient: string, options?: {
+}, CSS_PREFIX?: string) => void;
+declare const adjustTitleToFit: (titleElement: any, orient: string, options: {
     labelsBBox?: any;
     innerWidth?: number;
     outerWidth?: number;
     deltaX?: number;
     deltaY?: number;
     chartPadding?: number;
-}) => void;
+}, CSS_PREFIX: any) => void;
 
+declare const getPointObj: ({ columns, yScale, xScale, columnIndexConfig, activeKey, dataFormatting, d, index, legendColumn, chartColors, }: {
+    columns: any;
+    yScale: any;
+    xScale: any;
+    columnIndexConfig: any;
+    activeKey: any;
+    dataFormatting: any;
+    d: any;
+    index: any;
+    legendColumn: any;
+    chartColors: any;
+}) => {
+    key: string;
+    class: string;
+    cx: any;
+    cy: any;
+    r: number;
+    style: {
+        fill: any;
+    };
+    drilldownData: {
+        groupBys: any;
+        supportedByAPI: boolean;
+        row: any;
+        activeKey: any;
+        stringColumnIndex: any;
+        column: any;
+    };
+    tooltip: any;
+};
 declare const getBubbleObj: ({ columns, yScale, xScale, columnIndexConfig, activeKey, dataFormatting, colIndex, radiusScale, i, d, index, legendLabels, legendColumn, chartColors, }: {
     columns: any;
     yScale: any;
@@ -1865,4 +1899,4 @@ declare function color(): {
     on(): any;
 };
 
-export { AGG_TYPES, AXIS_TITLE_BORDER_PADDING_LEFT, AXIS_TITLE_BORDER_PADDING_TOP, AXIS_TITLE_PADDING_BOTTOM, AXIS_TITLE_PADDING_TOP, AggType, AggTypeParams, AggTypes, AxiosResponse, BUTTON_PADDING, CHARTS_WITHOUT_AGGREGATED_DATA, CHARTS_WITHOUT_AXES, CHARTS_WITHOUT_LEGENDS, CHART_PADDING, CHART_TYPES, COLUMN_TYPES, COMPARE_TYPE, CONTINUOUS_TYPE, CUSTOM_TYPE, Column$1 as Column, Column as ColumnObj, ColumnType, ColumnTypes, DATA_ALERT_CONDITION_TYPES, DATA_ALERT_ENABLED_STATUSES, DATA_ALERT_FREQUENCY_TYPE_OPTIONS, DATA_ALERT_OPERATORS, DATA_ALERT_STATUSES, DATE_ONLY_CHART_TYPES, DAYJS_PRECISION_FORMATS, DEFAULT_AGG_TYPE, DEFAULT_CHART_CONFIG, DEFAULT_DATA_PAGE_SIZE, DEFAULT_EVALUATION_FREQUENCY, DEFAULT_LEGEND_PADDING_BOTTOM, DEFAULT_LEGEND_PADDING_LEFT, DEFAULT_LEGEND_PADDING_RIGHT, DEFAULT_LEGEND_PADDING_TOP, DEFAULT_MAX_LEGEND_WIDTH, DEFAULT_SOURCE, DOUBLE_AXIS_CHART_TYPES, DOW_STYLES, DataExplorerSuggestion, DataExplorerTypes, DataFormatting, DateUTC, DisplayTypes, EVALUATION_FREQUENCY_OPTIONS, EXISTS_TYPE, FilterLock, FrontendReq, GENERAL_ERROR, GENERAL_HTML_ERROR, GENERAL_QUERY_ERROR, GROUP_TERM_TYPE, HORIZONTAL_LEGEND_SPACING, LABEL_FONT_SIZE, LEGEND_BORDER_PADDING, LEGEND_BORDER_THICKNESS, LEGEND_SHAPE_SIZE, LEGEND_TOP_ADJUSTMENT, LOAD_MORE_DROPDOWN_PADDING_BOTTOM, MAX_DATA_PAGE_SIZE, MAX_LEGEND_LABELS, MINIMUM_TITLE_LENGTH, MIN_HISTOGRAM_SAMPLE, MONTH_DAY_SELECT_OPTIONS, MONTH_NAMES, NUMBER_TERM_TYPE, PATH_SMOOTHING, PERIODIC_TYPE, PRECISION_TYPES, PROJECT_TYPE, ParsedInterpretation, ParsedInterpretationChunk, PrecisionTypes, QUERY_TERM_TYPE, QueryData, QueryResponse, REQUEST_CANCELLED_ERROR, RESET_PERIOD_OPTIONS, RawColumn, Rows, SCHEDULED_TYPE, SCHEDULE_FREQUENCY_OPTIONS, SCHEDULE_INTERVAL_OPTIONS, SEASON_NAMES, Scale, TABLE_TYPES, TITLE_FONT_SIZE, TableConfig, Theme, ThemeType, UNAUTHENTICATED_ERROR, VERTICAL_LEGEND_SPACING, ValueLabel, WEEKDAY_NAMES_MON, WEEKDAY_NAMES_SUN, addUserToProjectRule, adjustBottomTitleToFit, adjustTitleToFit, adjustTopTitleToFit, adjustVerticalTitleToFit, aggregateData, animateInputText, applyLegendTitleStyles, applyStylesForHiddenSeries, areAllColumnsHidden, areSomeColumnsHidden, authenticationDefault, autoQLConfigDefault, bezierCommand, calculateMinAndMaxSums, capitalizeFirstChar, cloneObject, configureTheme, constructFilter, constructRTArray, convertToNumber, countDecimals, createDataAlert, createNotificationChannel, createSVGPath, currentEventLoopEnd, dataConfigDefault, dataFormattingDefault, dataStructureChanged, dateSortFn, dateStringSortFn, deepEqual, deleteDataAlert, deleteNotification, difference, dismissAllNotifications, dismissNotification, distributeListsEvenly, doesElementOverflowContainer, exportCSV, fetchAutocomplete, fetchDataAlerts, fetchDataExplorerAutocomplete, fetchDataExplorerSuggestions, fetchDataPreview, fetchExploreQueries, fetchFilters, fetchNotificationChannels, fetchNotificationCount, fetchNotificationData, fetchNotificationFeed, fetchRule, fetchSubjectList, fetchSuggestions, fetchTopics, fetchVLAutocomplete, formatChartLabel, formatDatePivotMonth, formatDatePivotYear, formatDateStringType, formatDateType, formatElement, formatEpochDate, formatFiltersForAPI, formatISODateWithPrecision, formatNextScheduleDate, formatNumberFilterValue, formatQueryColumns, formatResetDate, formatSortersForAPI, formatStringDate, formatStringDateWithPrecision, formatTableParams, functionsEqual, generateDatePivotData, generateFilterDrilldownResponse, generatePivotData, generatePivotTableData, getAggConfig, getAuthentication, getAutoQLConfig, getAxis, getAxisLabelsBbox, getBBoxFromRef, getBandScale, getBarRectObj, getBinLinearScale, getBubbleObj, getChartColorVars, getColorScale, getColorScales, getColumnDateRanges, getColumnIndexConfig, getColumnNameForDateRange, getColumnRectObj, getColumnTypeAmounts, getCombinedFilters, getCurrencySymbol, getDataConfig, getDataFormatting, getDateColumnIndex, getDateRangeIntersection, getDateRangesFromInterpretation, getDatesFromRT, getDayJSObj, getDayLocalStartDate, getDayjsObjForStringType, getDefaultDisplayType, getDrilldownData, getDrilldownGroupby, getEpochFromDate, getFilterDrilldown, getFilterPrecision, getFirstChartDisplayType, getGroupBys, getGroupBysFromPivotTable, getGroupBysFromTable, getGroupableColumns, getHeatmapRectObj, getHiddenColumns, getHistogramScale, getKey, getKeyByValue, getLabelsBBox, getLegendLabels, getLegendLabelsForGroupbyQuery, getLegendLabelsForMultiSeries, getLegendLabelsForSingleColumn, getLegendLocation, getLegendScale, getLegendTitleFromColumns, getLineVertexObj, getLinearAxisTitle, getLinearScale, getLinearScales, getMaxLegendHeight, getMaxLegendSectionWidth, getMaxTickLabelWidth, getMaxValueFromKeyValueObj, getMinAndMaxValues, getMinValueFromKeyValueObj, getMonthLocalStartDate, getMultiSeriesColumnIndex, getNiceDateTickValues, getNiceTickValues, getNumberAxisUnits, getNumberColumnIndices, getNumberFormatConfig, getNumberOfGroupables, getNumberOfSeries, getObjSize, getOpacityScale, getPadding, getPieChartData, getPivotColumnIndexConfig, getPotentialDisplayTypes, getPrecisionForDayJS, getQueryParams, getRadiusScale, getRangeForAxis, getRowNumberListForPopover, getSVGBase64, getScheduleFrequencyObject, getStartAndEndDateFromDateStrs, getStringColumnIndices, getStringFromSource, getSupportedConditionTypes, getSupportedDisplayTypes, getThemeType, getThemeValue, getTickSizeFromNumTicks, getTickValues, getTimeFrameTextFromChunk, getTimeObjFromTimeStamp, getTimeRangeFromDateArray, getTimeRangeFromRT, getTimeScale, getTooltipContent, getTotalBottomPadding, getTotalHorizontalPadding, getTotalLeftPadding, getTotalPossibleLegendSections, getTotalRightPadding, getTotalTopPadding, getTotalVerticalPadding, getUniqueYearsForColumn, getUnitSymbol, getUnitsForColumn, getVisibleColumns, getWeekLocalStartDate, getWeekdayFromTimeStamp, getlegendLabelSections, handleTooltipBoundaryCollision, hasColumnIndex, hasData, hasDateColumn, hasMoreData, hasNumberColumn, hasStringColumn, initializeAlert, invertArray, isAggregation, isChartType, isColumnDateType, isColumnIndexConfigValid, isColumnIndexValid, isColumnIndicesValid, isColumnNumberType, isColumnStringType, isDataLimited, isDisplayTypeValid, isDrilldown, isError500Type, isExpressionQueryValid, isISODate, isListQuery, isNumber, isObject, isSingleValueResponse, isTableType, color as legendColor, lineCommand, makeEmptyArray, markNotificationAsUnread, mergeBboxes, mergeBoundingClientRects, mergeSources, nameValueObject, numberIndicesArraysOverlap, onTableCellClick, onlySeriesVisibilityChanged, onlyUnique, potentiallySupportsDatePivot, potentiallySupportsPivot, removeElementAtIndex, removeFromDOM, removeHiddenLegendLabels, removeNotificationChannel, removeUserFromProjectRule, reportProblem, resetDateIsFuture, resetNotificationCount, rotateArray, roundDownToNearestMultiple, roundToNearestLog10, roundToNearestMultiple, roundUpToNearestMultiple, runDrilldown, runQuery, runQueryNewPage, runQueryOnly, runQueryValidation, scaleZero, sendDataToChannel, sendSuggestion, setCaretPosition, setColumnVisibility, setFilterFunction, setFilters, setHeaderFilterPlaceholder, setSorterFunction, setTickSize, setTickValues, shouldLabelsRotate, shouldPlotMultiSeries, showEvaluationFrequencySetting, sortDataByDate, supports2DCharts, supportsDatePivotTable, supportsPieChart, supportsRegularPivotTable, svgPathD, svgToPng, tableFilterParams, toggleCustomDataAlertStatus, toggleProjectDataAlertStatus, transformLabels, transformQueryResponse, transformQueryResponseColumns, unsetFilterFromAPI, updateDataAlert, updateDataAlertStatus, usePivotDataForChart, validateExpression };
+export { AGG_TYPES, AXIS_TITLE_BORDER_PADDING_LEFT, AXIS_TITLE_BORDER_PADDING_TOP, AXIS_TITLE_PADDING_BOTTOM, AXIS_TITLE_PADDING_TOP, AggType, AggTypeParams, AggTypes, AxiosResponse, BUTTON_PADDING, CHARTS_WITHOUT_AGGREGATED_DATA, CHARTS_WITHOUT_AXES, CHARTS_WITHOUT_LEGENDS, CHART_PADDING, CHART_TYPES, COLUMN_TYPES, COMPARE_TYPE, CONTINUOUS_TYPE, CUSTOM_TYPE, Column$1 as Column, Column as ColumnObj, ColumnType, ColumnTypes, DATA_ALERT_CONDITION_TYPES, DATA_ALERT_ENABLED_STATUSES, DATA_ALERT_FREQUENCY_TYPE_OPTIONS, DATA_ALERT_OPERATORS, DATA_ALERT_STATUSES, DATE_ONLY_CHART_TYPES, DAYJS_PRECISION_FORMATS, DEFAULT_AGG_TYPE, DEFAULT_CHART_CONFIG, DEFAULT_DATA_PAGE_SIZE, DEFAULT_EVALUATION_FREQUENCY, DEFAULT_LEGEND_PADDING_BOTTOM, DEFAULT_LEGEND_PADDING_LEFT, DEFAULT_LEGEND_PADDING_RIGHT, DEFAULT_LEGEND_PADDING_TOP, DEFAULT_MAX_LEGEND_WIDTH, DEFAULT_SOURCE, DOUBLE_AXIS_CHART_TYPES, DOW_STYLES, DataExplorerSuggestion, DataExplorerTypes, DataFormatting, DateUTC, DisplayTypes, EVALUATION_FREQUENCY_OPTIONS, EXISTS_TYPE, FilterLock, FrontendReq, GENERAL_ERROR, GENERAL_HTML_ERROR, GENERAL_QUERY_ERROR, GROUP_TERM_TYPE, HORIZONTAL_LEGEND_SPACING, LABEL_FONT_SIZE, LEGEND_BORDER_PADDING, LEGEND_BORDER_THICKNESS, LEGEND_SHAPE_SIZE, LEGEND_TOP_ADJUSTMENT, LOAD_MORE_DROPDOWN_PADDING_BOTTOM, MAX_DATA_PAGE_SIZE, MAX_LEGEND_LABELS, MINIMUM_INNER_HEIGHT, MINIMUM_INNER_WIDTH, MINIMUM_TITLE_LENGTH, MIN_HISTOGRAM_SAMPLE, MONTH_DAY_SELECT_OPTIONS, MONTH_NAMES, NUMBER_TERM_TYPE, PATH_SMOOTHING, PERIODIC_TYPE, PRECISION_TYPES, PROJECT_TYPE, ParsedInterpretation, ParsedInterpretationChunk, PrecisionTypes, QUERY_TERM_TYPE, QueryData, QueryResponse, REQUEST_CANCELLED_ERROR, RESET_PERIOD_OPTIONS, RawColumn, Rows, SCHEDULED_TYPE, SCHEDULE_FREQUENCY_OPTIONS, SCHEDULE_INTERVAL_OPTIONS, SEASON_NAMES, Scale, TABLE_TYPES, TITLE_FONT_SIZE, TableConfig, Theme, ThemeType, UNAUTHENTICATED_ERROR, VERTICAL_LEGEND_SPACING, ValueLabel, WEEKDAY_NAMES_MON, WEEKDAY_NAMES_SUN, addUserToProjectRule, adjustBottomTitleToFit, adjustTitleToFit, adjustTopTitleToFit, adjustVerticalTitleToFit, aggregateData, animateInputText, applyLegendTitleStyles, applyStylesForHiddenSeries, areAllColumnsHidden, areSomeColumnsHidden, authenticationDefault, autoQLConfigDefault, bezierCommand, calculateMinAndMaxSums, capitalizeFirstChar, cloneObject, configureTheme, constructFilter, constructRTArray, convertToNumber, countDecimals, createDataAlert, createNotificationChannel, createSVGPath, currentEventLoopEnd, dataConfigDefault, dataFormattingDefault, dataStructureChanged, dateSortFn, dateStringSortFn, deepEqual, deleteDataAlert, deleteNotification, difference, dismissAllNotifications, dismissNotification, distributeListsEvenly, doesElementOverflowContainer, exportCSV, fetchAutocomplete, fetchDataAlerts, fetchDataExplorerAutocomplete, fetchDataExplorerSuggestions, fetchDataPreview, fetchExploreQueries, fetchFilters, fetchNotificationChannels, fetchNotificationCount, fetchNotificationData, fetchNotificationFeed, fetchRule, fetchSubjectList, fetchSuggestions, fetchTopics, fetchVLAutocomplete, formatChartLabel, formatDatePivotMonth, formatDatePivotYear, formatDateStringType, formatDateType, formatElement, formatEpochDate, formatFiltersForAPI, formatISODateWithPrecision, formatNextScheduleDate, formatNumberFilterValue, formatQueryColumns, formatResetDate, formatSortersForAPI, formatStringDate, formatStringDateWithPrecision, formatTableParams, functionsEqual, generateDatePivotData, generateFilterDrilldownResponse, generatePivotData, generatePivotTableData, getAggConfig, getAuthentication, getAutoQLConfig, getAxis, getAxisLabelsBbox, getBBoxFromRef, getBandScale, getBarRectObj, getBinLinearScale, getBubbleObj, getChartColorVars, getColorScale, getColorScales, getColumnDateRanges, getColumnIndexConfig, getColumnNameForDateRange, getColumnRectObj, getColumnTypeAmounts, getCombinedFilters, getCurrencySymbol, getDataConfig, getDataFormatting, getDateColumnIndex, getDateRangeIntersection, getDateRangesFromInterpretation, getDatesFromRT, getDayJSObj, getDayLocalStartDate, getDayjsObjForStringType, getDefaultDisplayType, getDrilldownData, getDrilldownGroupby, getEpochFromDate, getFilterDrilldown, getFilterPrecision, getFirstChartDisplayType, getGroupBys, getGroupBysFromPivotTable, getGroupBysFromTable, getGroupableColumns, getHeatmapRectObj, getHiddenColumns, getHistogramScale, getKey, getKeyByValue, getLabelsBBox, getLegendLabels, getLegendLabelsForGroupbyQuery, getLegendLabelsForMultiSeries, getLegendLabelsForSingleColumn, getLegendLocation, getLegendScale, getLegendTitleFromColumns, getLineVertexObj, getLinearAxisTitle, getLinearScale, getLinearScales, getMaxLegendHeight, getMaxLegendSectionWidth, getMaxTickLabelWidth, getMaxValueFromKeyValueObj, getMinAndMaxValues, getMinValueFromKeyValueObj, getMonthLocalStartDate, getMultiSeriesColumnIndex, getNiceDateTickValues, getNiceTickValues, getNumberAxisUnits, getNumberColumnIndices, getNumberFormatConfig, getNumberOfGroupables, getNumberOfSeries, getObjSize, getOpacityScale, getPadding, getPieChartData, getPivotColumnIndexConfig, getPointObj, getPotentialDisplayTypes, getPrecisionForDayJS, getQueryParams, getRadiusScale, getRangeForAxis, getRowNumberListForPopover, getSVGBase64, getScheduleFrequencyObject, getStartAndEndDateFromDateStrs, getStringColumnIndices, getStringFromSource, getSupportedConditionTypes, getSupportedDisplayTypes, getThemeType, getThemeValue, getTickSizeFromNumTicks, getTickValues, getTimeFrameTextFromChunk, getTimeObjFromTimeStamp, getTimeRangeFromDateArray, getTimeRangeFromRT, getTimeScale, getTooltipContent, getTotalBottomPadding, getTotalHorizontalPadding, getTotalLeftPadding, getTotalPossibleLegendSections, getTotalRightPadding, getTotalTopPadding, getTotalVerticalPadding, getUniqueYearsForColumn, getUnitSymbol, getUnitsForColumn, getVisibleColumns, getWeekLocalStartDate, getWeekdayFromTimeStamp, getlegendLabelSections, handleTooltipBoundaryCollision, hasColumnIndex, hasData, hasDateColumn, hasMoreData, hasNumberColumn, hasStringColumn, initializeAlert, invertArray, isAggregation, isChartType, isColumnDateType, isColumnIndexConfigValid, isColumnIndexValid, isColumnIndicesValid, isColumnNumberType, isColumnStringType, isDataLimited, isDisplayTypeValid, isDrilldown, isError500Type, isExpressionQueryValid, isISODate, isListQuery, isNumber, isObject, isSingleValueResponse, isTableType, color as legendColor, lineCommand, makeEmptyArray, markNotificationAsUnread, mergeBboxes, mergeBoundingClientRects, mergeSources, nameValueObject, numberIndicesArraysOverlap, onTableCellClick, onlySeriesVisibilityChanged, onlyUnique, potentiallySupportsDatePivot, potentiallySupportsPivot, removeElementAtIndex, removeFromDOM, removeHiddenLegendLabels, removeNotificationChannel, removeUserFromProjectRule, reportProblem, resetDateIsFuture, resetNotificationCount, rotateArray, roundDownToNearestMultiple, roundToNearestLog10, roundToNearestMultiple, roundUpToNearestMultiple, runDrilldown, runQuery, runQueryNewPage, runQueryOnly, runQueryValidation, scaleZero, sendDataToChannel, sendSuggestion, setCaretPosition, setColumnVisibility, setFilterFunction, setFilters, setHeaderFilterPlaceholder, setSorterFunction, setTickSize, setTickValues, shouldLabelsRotate, shouldPlotMultiSeries, showEvaluationFrequencySetting, sortDataByDate, supports2DCharts, supportsDatePivotTable, supportsPieChart, supportsRegularPivotTable, svgPathD, svgToPng, tableFilterParams, toggleCustomDataAlertStatus, toggleProjectDataAlertStatus, transformLabels, transformQueryResponse, transformQueryResponseColumns, unsetFilterFromAPI, updateDataAlert, updateDataAlertStatus, usePivotDataForChart, validateExpression };

package/dist/index.global.js

@@ -14989,6 +14989,8 @@
   var AXIS_TITLE_BORDER_PADDING_TOP = 3;
   var LOAD_MORE_DROPDOWN_PADDING_BOTTOM = 10;
   var MINIMUM_TITLE_LENGTH = 10;
+  var MINIMUM_INNER_WIDTH = 50;
+  var MINIMUM_INNER_HEIGHT = 50;
   var LABEL_FONT_SIZE = 10;
   var TITLE_FONT_SIZE = 12;
   var LEGEND_BORDER_PADDING = 15;
@@ -16354,7 +16356,7 @@
             if (!isNaN(elementNumber)) {
               const p = elementNumber / 100;
               formattedElement = new Intl.NumberFormat(languageCode, {
-                style: "PERCENT" /* PERCENT */,
+                style: "percent",
                 minimumFractionDigits: 2,
                 maximumFractionDigits: 2
               }).format(p);
@@ -16511,7 +16513,7 @@
           if (Number(d) || Number(d) === 0) {
             const p = Number(d) / 100;
             formattedLabel = new Intl.NumberFormat(languageCode, {
-              style: "PERCENT" /* PERCENT */,
+              style: "percent",
               minimumFractionDigits: 1,
               maximumFractionDigits: 1
             }).format(p);
@@ -21895,6 +21897,7 @@
     disableAutoScale = false,
     dataFormatting = dataFormattingDefault,
     changeNumberColumnIndices,
+    changeColumnIndices,
     changeAggConfig,
     enableAxisDropdown,
     height,
@@ -21941,7 +21944,7 @@
     scale.isScaled = isScaled;
     scale.aggregated = aggregated;
     scale.allowMultipleSeries = allowMultipleSeries;
-    scale.changeColumnIndices = changeNumberColumnIndices;
+    scale.changeColumnIndices = changeColumnIndices != null ? changeColumnIndices : changeNumberColumnIndices;
     scale.changeAggConfig = changeAggConfig;
     scale.colorScale = colorScale;
     scale.toggleScale = () => {
@@ -22738,10 +22741,12 @@
     axis2.tickSizeOuter(0);
     if (axis2.orient === "left" && innerWidth) {
       axis2.tickSizeInner(-innerWidth);
+    } else if (axis2.orient === "right" && innerWidth) {
+      axis2.tickSizeInner(innerWidth);
     } else if (axis2.orient === "bottom" && innerHeight) {
       axis2.tickSizeInner(innerHeight);
-    } else {
-      axis2.tickSizeInner(0);
+    } else if (axis2.orient === "top") {
+      axis2.tickSizeInner(-innerHeight);
     }
   };
   var setTickValues = ({
@@ -22836,7 +22841,7 @@
     outerWidth,
     deltaX,
     chartPadding = 0
-  } = {}) => {
+  } = {}, CSS_PREFIX = "react-autoql") => {
     var _a, _b, _c;
     if (!titleElement || !labelsBBox || !innerWidth || !outerWidth) {
       console.warn("Unable to adjust bottom title - one of the following were not provided", {
@@ -22851,8 +22856,9 @@
     const xLabelX = innerWidth / 2;
     const xLabelY = labelBBoxBottom + AXIS_TITLE_PADDING_TOP;
     select_default2(titleElement).attr("x", xLabelX).attr("y", xLabelY);
+    const textElement = select_default2(titleElement).select(`.${CSS_PREFIX}-axis-title`);
     const chartContainerWidth = outerWidth - 2 * chartPadding;
-    select_default2(titleElement).attr("textLength", null);
+    textElement.attr("textLength", null);
     const xTitleBBox = titleElement.getBBox();
     const xTitleWidth = ((_c = xTitleBBox.width) != null ? _c : 0) + 2 * AXIS_TITLE_BORDER_PADDING_LEFT;
     if (xTitleWidth > chartContainerWidth) {
@@ -22860,7 +22866,7 @@
       if (textLength < 0) {
         textLength = MINIMUM_TITLE_LENGTH;
       }
-      select_default2(titleElement).attr("textLength", textLength);
+      textElement.attr("textLength", textLength);
     }
     const xTitleBBoxAfterTextLength = titleElement.getBBox();
     const xTitleRight = xTitleBBoxAfterTextLength.x + xTitleBBoxAfterTextLength.width + deltaX + AXIS_TITLE_BORDER_PADDING_LEFT;
@@ -22886,40 +22892,90 @@
   var adjustVerticalTitleToFit = (titleElement, {
     deltaY,
     chartPadding = 0
-  } = {}) => {
+  } = {}, CSS_PREFIX = "react-autoql") => {
     var _a;
-    if (!deltaY || !titleElement) {
+    if (deltaY === void 0 || !titleElement) {
+      console.log("deltaY or titleElement missing...", { deltaY, titleElement });
       return;
     }
+    const textElement = select_default2(titleElement).select(`.${CSS_PREFIX}-axis-title`);
     const chartContainerHeight = outerHeight - 2 * chartPadding;
-    select_default2(titleElement).attr("textLength", null);
+    textElement.attr("textLength", null);
     const yTitleBBox = titleElement.getBBox();
-    const yTitleHeight = ((_a = yTitleBBox.width) != null ? _a : 0) + 2 * AXIS_TITLE_BORDER_PADDING_LEFT;
+    const yTitleHeight = ((_a = yTitleBBox.height) != null ? _a : 0) + 2 * AXIS_TITLE_BORDER_PADDING_LEFT;
     if (yTitleHeight > chartContainerHeight) {
+      console.log("text is too long for chart height....");
       let textLength = Math.floor(chartContainerHeight) - 2 * AXIS_TITLE_BORDER_PADDING_LEFT;
       if (textLength < 0) {
         textLength = MINIMUM_TITLE_LENGTH;
       }
-      select_default2(titleElement).attr("textLength", textLength);
+      textElement.attr("textLength", textLength);
     }
     const yTitleBBoxAfterTextLength = titleElement.getBBox();
-    const yTitleTop = -1 * (yTitleBBoxAfterTextLength.x + yTitleBBoxAfterTextLength.width) + deltaY - AXIS_TITLE_BORDER_PADDING_LEFT - chartPadding;
+    const yTitleTop = yTitleBBoxAfterTextLength.y + deltaY - AXIS_TITLE_BORDER_PADDING_LEFT - chartPadding;
     if (yTitleTop < 0) {
-      const overflow = -yTitleTop;
-      select_default2(titleElement).attr("transform", `rotate(-90) translate(${-overflow}, 0)`);
+      console.log("title just needs to be shifted down....", { yTitleTop });
+      select_default2(titleElement).attr("transform", `translate(0, ${-yTitleTop})`);
     }
   };
-  var adjustTitleToFit = (titleElement, orient, options = {}) => {
+  var adjustTitleToFit = (titleElement, orient, options = {}, CSS_PREFIX) => {
     if (orient === "bottom") {
-      adjustBottomTitleToFit(titleElement, options);
+      adjustBottomTitleToFit(titleElement, options, CSS_PREFIX);
     } else if (orient === "top") {
       adjustTopTitleToFit(titleElement, options);
     } else if (orient === "left" || orient === "right") {
-      adjustVerticalTitleToFit(titleElement, options);
+      adjustVerticalTitleToFit(titleElement, options, CSS_PREFIX);
     }
   };
 
   // src/Charts/chartElementArrays.ts
+  var getPointObj = ({
+    columns,
+    yScale,
+    xScale,
+    columnIndexConfig,
+    activeKey,
+    dataFormatting,
+    d,
+    index,
+    legendColumn,
+    chartColors
+  }) => {
+    const { numberColumnIndex, numberColumnIndex2 } = columnIndexConfig;
+    const rawValueX = d[numberColumnIndex];
+    const valueNumberX = Number(rawValueX);
+    const valueX = !isNaN(valueNumberX) ? valueNumberX : 0;
+    const rawValueY = d[numberColumnIndex2];
+    const valueNumberY = Number(rawValueY);
+    const valueY = !isNaN(valueNumberY) ? valueNumberY : 0;
+    const color0 = chartColors[0];
+    const color1 = chartColors[1];
+    const key = getKey(numberColumnIndex, index);
+    return {
+      key,
+      class: `square${activeKey === key ? " active" : ""}`,
+      cx: xScale(valueX),
+      cy: yScale(valueY),
+      r: activeKey === key ? 6 : 3,
+      style: { fill: activeKey === key ? color1 : color0 },
+      drilldownData: getDrilldownData({
+        row: d,
+        columns,
+        colIndex: numberColumnIndex,
+        activeKey: key,
+        columnIndexConfig,
+        legendColumn
+      }),
+      tooltip: getTooltipContent({
+        row: d,
+        columns,
+        colIndex: numberColumnIndex,
+        colIndex2: numberColumnIndex2,
+        legendColumn,
+        dataFormatting
+      })
+    };
+  };
   var getBubbleObj = ({
     columns,
     yScale,