@milaboratories/graph-maker 1.1.46 → 1.1.48

package/dist/GraphMaker/constant.d.ts

@@ -90,6 +90,13 @@ export declare function isNumberRange(v: number | NumberRange | null | undefined
 export declare function isMappedAes(item: FixedOrMappedAes | null | string | number | boolean | unknown): item is MappingLink;
 export declare function isContinuousDataMapping(v: ContinuousDataMapping | number | null | undefined): v is ContinuousDataMapping;
 export type LayersSettings = {
+    bubble: {
+        minRadius: number;
+        maxRadius: number;
+        normalizationDirection: 'row' | 'column' | null;
+        normalizationMethod: 'standardScaling' | 'meanNormalization';
+        strokeColor: null | string;
+    };
     bins: {
         fillColor: ColorAes | null;
         opacity: number;

package/dist/GraphMaker/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/GraphMaker/forms/DataMappingForm/BubbleForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/GraphMaker/forms/LayersForm/Layer/Bubble.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/GraphMaker/index.vue.d.ts

@@ -190,6 +190,37 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     labelsModifier: {
         type: import('vue').PropType<(id: string, label: string) => string>;
     };
+} | {
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<GraphMakerState>;
+    };
+    pFrame: {
+        type: import('vue').PropType<import('@platforma-sdk/model').PFrameHandle | undefined>;
+        required: true;
+    };
+    chartType: {
+        type: import('vue').PropType<"bubble">;
+        required: true;
+    };
+    defaultOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"bubble">[]>;
+    };
+    fixedOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"bubble">[]>;
+    };
+    allowChartDeleting: {
+        type: import('vue').PropType<boolean>;
+    };
+    driver: {
+        type: import('vue').PropType<PFrameDriver>;
+    };
+    tooltipButton: {
+        type: import('vue').PropType<string>;
+    };
+    labelsModifier: {
+        type: import('vue').PropType<(id: string, label: string) => string>;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "tooltip-btn-click": (...args: any[]) => void;
     "delete-this-graph": (...args: any[]) => void;
@@ -379,10 +410,41 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     labelsModifier: {
         type: import('vue').PropType<(id: string, label: string) => string>;
     };
+} | {
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<GraphMakerState>;
+    };
+    pFrame: {
+        type: import('vue').PropType<import('@platforma-sdk/model').PFrameHandle | undefined>;
+        required: true;
+    };
+    chartType: {
+        type: import('vue').PropType<"bubble">;
+        required: true;
+    };
+    defaultOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"bubble">[]>;
+    };
+    fixedOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"bubble">[]>;
+    };
+    allowChartDeleting: {
+        type: import('vue').PropType<boolean>;
+    };
+    driver: {
+        type: import('vue').PropType<PFrameDriver>;
+    };
+    tooltipButton: {
+        type: import('vue').PropType<string>;
+    };
+    labelsModifier: {
+        type: import('vue').PropType<(id: string, label: string) => string>;
+    };
 }>> & Readonly<{
     "onTooltip-btn-click"?: ((...args: any[]) => any) | undefined;
     "onDelete-this-graph"?: ((...args: any[]) => any) | undefined;
-}>, {} | {} | {} | {} | {} | {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {} | {} | {} | {} | {} | {} | {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/GraphMaker/store.d.ts

@@ -14,6 +14,13 @@ export declare function createReactiveState(initialData: GraphMakerState, chartT
         dividedAxes: Record<string, boolean>;
     };
     layersSettings: {
+        bubble: {
+            minRadius: number;
+            maxRadius: number;
+            normalizationDirection: "row" | "column" | null;
+            normalizationMethod: "standardScaling" | "meanNormalization";
+            strokeColor: null | string;
+        };
         bins: {
             fillColor: string | {
                 type: string;
@@ -321,6 +328,13 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
             dividedAxes: Record<string, boolean>;
         };
         layersSettings: {
+            bubble: {
+                minRadius: number;
+                maxRadius: number;
+                normalizationDirection: "row" | "column" | null;
+                normalizationMethod: "standardScaling" | "meanNormalization";
+                strokeColor: null | string;
+            };
             bins: {
                 fillColor: string | {
                     type: string;
@@ -656,6 +670,13 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
             dividedAxes: Record<string, boolean>;
         };
         layersSettings: {
+            bubble: {
+                minRadius: number;
+                maxRadius: number;
+                normalizationDirection: "row" | "column" | null;
+                normalizationMethod: "standardScaling" | "meanNormalization";
+                strokeColor: null | string;
+            };
             bins: {
                 fillColor: string | {
                     type: string;

package/dist/GraphMaker/types.d.ts

@@ -34,7 +34,7 @@ export interface GraphMakerPropsTyped<T extends ChartType> {
     tooltipButton?: string;
     labelsModifier?: (id: string, label: string) => string;
 }
-export type GraphMakerProps = GraphMakerPropsTyped<'discrete'> | GraphMakerPropsTyped<'scatterplot'> | GraphMakerPropsTyped<'scatterplot-umap'> | GraphMakerPropsTyped<'heatmap'> | GraphMakerPropsTyped<'dendro'> | GraphMakerPropsTyped<'histogram'>;
+export type GraphMakerProps = GraphMakerPropsTyped<'discrete'> | GraphMakerPropsTyped<'scatterplot'> | GraphMakerPropsTyped<'scatterplot-umap'> | GraphMakerPropsTyped<'heatmap'> | GraphMakerPropsTyped<'dendro'> | GraphMakerPropsTyped<'histogram'> | GraphMakerPropsTyped<'bubble'>;
 export type GraphMakerInputName<T extends ChartType> = InputNamesByChartType[T];
 export type DendroNodeInfo = {
     x: number;
@@ -63,8 +63,10 @@ export type DendroLayer = 'dendro';
 export type DendroLayerTemplate = DendroLayer;
 export type HistogramLayer = 'bins';
 export type HistogramLayerTemplate = HistogramLayer;
-export type LayersTemplate = DiscreteLayersTemplate | ScatterplotLayersTemplate | HeatmapLayerTemplate | DendroLayerTemplate | HistogramLayerTemplate;
-export type Layer = DiscreteLayer | ScatterplotLayer | HeatmapLayer | DendroLayer | HistogramLayer;
+export type BubbleLayer = 'bubble';
+export type BubbleLayerTemplate = BubbleLayer;
+export type LayersTemplate = DiscreteLayersTemplate | ScatterplotLayersTemplate | HeatmapLayerTemplate | DendroLayerTemplate | HistogramLayerTemplate | BubbleLayerTemplate;
+export type Layer = DiscreteLayer | ScatterplotLayer | HeatmapLayer | DendroLayer | HistogramLayer | BubbleLayer;
 export type TitlePosition = 'left' | 'right' | 'center';
 export type LabelsPosition = 'top' | 'bottom' | 'left' | 'right' | 'hidden';
 export type LabelsRotation = 'center' | '45deg' | '90deg';

package/dist/GraphMaker/utils/createChartSettingsForRender/composeBubbleSettings.d.ts

@@ -0,0 +1,95 @@
+import { BubbleSettings } from '@milaboratories/miplots4';
+import { ReactiveState } from '../../types.ts';
+
+export declare function composeBubbleSettings(settings: BubbleSettings, reactiveState: ReactiveState): {
+    type: "bubble";
+    title: {
+        name: string;
+        show?: boolean | undefined;
+        position?: "left" | "center" | "right" | undefined;
+    };
+    valueSize: {
+        type: "column";
+        value: string;
+        label?: string | undefined;
+        valueLabels?: string | undefined;
+    };
+    valueColor: {
+        type: "column";
+        value: string;
+        label?: string | undefined;
+        valueLabels?: string | undefined;
+    };
+    xColumn: {
+        type: "column";
+        value: string;
+        label?: string | undefined;
+        valueLabels?: string | undefined;
+    };
+    yColumn: {
+        type: "column";
+        value: string;
+        label?: string | undefined;
+        valueLabels?: string | undefined;
+    };
+    aes?: {
+        colorsList?: string[] | undefined;
+        minRadius?: number | undefined;
+        maxRadius?: number | undefined;
+        cellStrokeColor?: string | undefined;
+        emptyCellColor?: string | undefined;
+    } | undefined;
+    size?: {
+        width?: number | undefined;
+        height?: number | undefined;
+        cellSize?: number | undefined;
+    } | undefined;
+    legend?: {
+        show?: boolean | undefined;
+        position?: "right" | "inside" | "top" | "bottom" | undefined;
+    } | undefined;
+    tooltips?: {
+        show?: boolean | undefined;
+        content?: {
+            type: "column";
+            value: string;
+            label?: string | undefined;
+            valueLabels?: string | undefined;
+        }[] | undefined;
+    } | undefined;
+    frame?: {
+        type?: "left" | "bottom" | "left-bottom" | "full" | "empty" | undefined;
+    } | undefined;
+    facetSettings?: {
+        nRows?: number | undefined;
+        nCols?: number | undefined;
+    } | undefined;
+    xAxis?: {
+        title?: string | undefined;
+        position?: "top" | "bottom" | undefined;
+        showTicks?: boolean | undefined;
+        showTitle?: boolean | undefined;
+        showAxisLabels?: boolean | undefined;
+        axisLabelsAngle?: 0 | 45 | 90 | undefined;
+    } | undefined;
+    yAxis?: {
+        title?: string | undefined;
+        position?: "left" | "right" | undefined;
+        showTicks?: boolean | undefined;
+        showTitle?: boolean | undefined;
+        showAxisLabels?: boolean | undefined;
+        axisLabelsAngle?: 0 | 45 | 90 | undefined;
+    } | undefined;
+    facetBy?: {
+        type: "column";
+        value: string;
+        label?: string | undefined;
+        valueLabels?: string | undefined;
+    }[] | undefined;
+    normalization?: {
+        direction: "column" | "row";
+        method: "standardScaling" | "meanNormalization";
+        colorRange?: number[] | undefined;
+        sizeRange?: number[] | undefined;
+    } | undefined;
+};

package/dist/GraphMaker/utils/createChartSettingsForRender/composeHeatmapSettings.d.ts

@@ -28,11 +28,11 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
     };
     aes?: {
         colorsList?: string[] | undefined;
+        cellStrokeColor?: string | undefined;
+        emptyCellColor?: string | undefined;
         colorsMap?: Record<string, string> | undefined;
         valueColors?: string[] | undefined;
         valuesByColors?: number[] | undefined;
-        cellStrokeColor?: string | undefined;
-        emptyCellColor?: string | undefined;
         groupGap?: number | undefined;
         cellGap?: number | undefined;
     } | undefined;
@@ -90,6 +90,11 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
         label?: string | undefined;
         valueLabels?: string | undefined;
     }[] | undefined;
+    normalization?: {
+        direction: "column" | "row";
+        method: "standardScaling" | "meanNormalization";
+        colorRange?: number[] | undefined;
+    } | undefined;
     valueType?: "discrete" | "continuous" | undefined;
     xGroupBy?: {
         type: "column";
@@ -103,11 +108,6 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
         label?: string | undefined;
         valueLabels?: string | undefined;
     }[] | undefined;
-    normalization?: {
-        method: "standardScaling" | "meanNormalization";
-        direction: "column" | "row";
-        colorRange?: number[] | undefined;
-    } | undefined;
     annotations?: ({
         type: "discrete" | "continuous";
         valueColumn: {