@pitcher/canvas-ui 2025.12.8-134939 → 2025.12.9-103004-beta

package/lib/apps/canvas-builder/components/ui/DataCharts/DataCharts.raw.vue.d.ts

@@ -8,9 +8,13 @@ declare global {
 type __VLS_Props = {
     data?: ExtendedChartConfiguration & {
         context?: any;
+        _original_chart_type?: string;
     };
+    isPreview?: boolean;
+    isEditMode?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
     chartRef: HTMLCanvasElement;
 }, HTMLDivElement>;
 export default _default;

package/lib/apps/canvas-builder/components/ui/DataCharts/types.d.ts

@@ -1,19 +1,58 @@
 import { ChartConfiguration } from 'chart.js';
-export interface ExtendedChartConfiguration extends ChartConfiguration {
-    data_points?: Array<{
-        label: string;
+export interface ViewControls {
+    enable_fullscreen_btn?: boolean;
+    enable_chart_type_switcher?: boolean;
+    enable_data_entry?: boolean;
+}
+export type ChartType = 'bar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'scatter' | 'bubble' | 'area';
+export declare const STANDALONE_CHART_TYPES: ChartType[];
+export declare const MIXABLE_CHART_TYPES: ChartType[];
+export declare const XY_CHART_TYPES: ChartType[];
+export interface SeriesDataPoint {
+    label: string;
+    value: string;
+    x_value?: string;
+    y_value?: string;
+    dynamic_value?: {
+        path: string;
         value: string;
-        dynamic_value?: {
-            path: string;
-            value: string;
-        };
-    }>;
+    };
+    dynamic_x_value?: {
+        path: string;
+        value: string;
+    };
+    dynamic_y_value?: {
+        path: string;
+        value: string;
+    };
+    array_config?: {
+        labelField: string;
+        valueField: string;
+        xField?: string;
+        yField?: string;
+    };
+}
+export interface ChartSeries {
+    id: string;
+    name: string;
+    chart_type: ChartType;
+    color?: string;
+    data_points: SeriesDataPoint[];
+}
+export interface ExtendedChartConfiguration extends ChartConfiguration {
+    data_points?: SeriesDataPoint[];
+    series?: ChartSeries[];
     context?: any;
     data?: ChartConfiguration['data'] & {
         datasets?: Array<{
+            label?: string;
+            type?: string;
             background_color?: string | string[];
             border_color?: string | string[];
             point_style?: string;
+            fill?: boolean;
+            tension?: number;
+            show_line?: boolean;
         }>;
     };
     options?: ChartConfiguration['options'] & {
@@ -34,11 +73,23 @@ export interface ExtendedChartConfiguration extends ChartConfiguration {
                     text?: string;
                     display?: boolean;
                 };
+                begin_at_zero?: boolean;
+            };
+            r?: {
+                begin_at_zero?: boolean;
+                ticks?: {
+                    step_size?: number;
+                };
             };
         };
         index_axis?: 'x' | 'y';
     };
     color_scheme_type?: 'theme' | 'custom';
+    percent_display?: boolean;
+    view_controls?: ViewControls;
+    chart_height?: number;
+    chart_width?: number;
+    _primary_chart_type?: ChartType;
 }
 export interface DynamicValue {
     path: string;
@@ -47,11 +98,25 @@ export interface DynamicValue {
 export interface ArrayConfig {
     labelField: string;
     valueField: string;
+    xField?: string;
+    yField?: string;
 }
 export interface DataPoint {
     label: string;
     value: string;
+    xValue?: string;
+    yValue?: string;
     dynamicValue?: DynamicValue | any;
+    dynamicXValue?: DynamicValue | any;
+    dynamicYValue?: DynamicValue | any;
     selectedValue?: any;
+    selectedXValue?: any;
+    selectedYValue?: any;
     arrayConfig?: ArrayConfig;
 }
+export interface Series {
+    id: string;
+    name: string;
+    chartType: ChartType;
+    dataPoints: DataPoint[];
+}

package/locale/de.json

@@ -812,14 +812,23 @@
         "stripingStartPosition": null
       },
       "dataCharts": {
+        "addSeries": null,
         "addYourChart": null,
         "animation": null,
+        "chartSettings": null,
+        "chartSize": null,
         "chartTitle": null,
         "chartType": null,
+        "chartTypeSwitcherMultiSeriesDisabled": null,
         "colorScheme": null,
         "configureArrayObjectFields": null,
         "dataPoints": null,
+        "dataSettings": null,
         "editDataChartsComponent": null,
+        "enableChartTypeSwitcher": null,
+        "enableDataEntry": null,
+        "enableFullscreenBtn": null,
+        "height": null,
         "labelField": null,
         "legendPosition": null,
         "legendPositions": {
@@ -834,6 +843,8 @@
           "horizontal": null,
           "vertical": null
         },
+        "percentDisplay": null,
+        "percentDisplayHint": null,
         "pointStyle": null,
         "pointStyles": {
           "circle": null,
@@ -846,19 +857,28 @@
         "preview": null,
         "removeAll": null,
         "selectDynamicValue": null,
+        "series": null,
+        "seriesName": null,
         "types": {
+          "area": null,
           "bar": null,
+          "bubble": null,
           "doughnut": null,
           "line": null,
           "pie": null,
           "polarArea": null,
-          "radar": null
+          "radar": null,
+          "scatter": null
         },
         "useCustomColors": null,
         "useThemeColors": null,
         "valueField": null,
+        "viewModeControls": null,
+        "width": null,
         "xAxisLabel": null,
-        "yAxisLabel": null
+        "xValueField": null,
+        "yAxisLabel": null,
+        "yValueField": null
       },
       "deletedFile": {
         "clickMessage": null,

package/locale/el.json

@@ -812,14 +812,23 @@
         "stripingStartPosition": "Θέση έναρξης ριγέ"
       },
       "dataCharts": {
+        "addSeries": "Προσθήκη σειράς",
         "addYourChart": "Προσθέστε το γράφημά σας",
         "animation": "Κίνηση",
+        "chartSettings": "Ρυθμίσεις γραφήματος",
+        "chartSize": "Μέγεθος γραφήματος",
         "chartTitle": "Τίτλος Γραφήματος",
         "chartType": "Τύπος Γραφήματος",
+        "chartTypeSwitcherMultiSeriesDisabled": "Δεν μπορεί να ενεργοποιηθεί για γραφήματα πολλαπλών σειρών.",
         "colorScheme": "Χρωματικό Σχήμα",
         "configureArrayObjectFields": "Ρύθμιση Πεδίων Πίνακα/Αντικειμένου",
         "dataPoints": "Σημεία Δεδομένων",
+        "dataSettings": "Ρυθμίσεις δεδομένων",
         "editDataChartsComponent": "Επεξεργασία Γραφήματος",
+        "enableChartTypeSwitcher": "Επιτρέψτε αλλαγή τύπου γραφήματος σε λειτουργία προβολής",
+        "enableDataEntry": "Επιτρέψτε εισαγωγή δεδομένων από χρήστες σε λειτουργία επεξεργασίας",
+        "enableFullscreenBtn": "Εμφάνιση κουμπιού πλήρους οθόνης σε λειτουργία προβολής",
+        "height": "Ύψος",
         "labelField": "Πεδίο Ετικέτας",
         "legendPosition": "Θέση Υπομνήματος",
         "legendPositions": {
@@ -834,6 +843,8 @@
           "horizontal": "Οριζόντια",
           "vertical": "Κάθετα"
         },
+        "percentDisplay": "Εμφάνιση αριθμών ως ποσοστά",
+        "percentDisplayHint": "Οι τιμές μεταξύ 0-1 θα εμφανίζονται ως ποσοστά",
         "pointStyle": "Στυλ Σημείων",
         "pointStyles": {
           "circle": "Κύκλος",
@@ -846,19 +857,28 @@
         "preview": "Προεπισκόπηση",
         "removeAll": "Αφαίρεση όλων",
         "selectDynamicValue": "Επιλέξτε μια δυναμική τιμή",
+        "series": "Σειρά",
+        "seriesName": "Όνομα σειράς",
         "types": {
+          "area": "Γράφημα περιοχής",
           "bar": "Ραβδόγραμμα",
+          "bubble": "Γράφημα φυσαλίδων",
           "doughnut": "Διάγραμμα Δαχτυλίδι",
           "line": "Γραμμικό Γράφημα",
           "pie": "Κυκλικό Διάγραμμα",
           "polarArea": "Πολικό Διάγραμμα",
-          "radar": "Διάγραμμα Ραντάρ"
+          "radar": "Διάγραμμα Ραντάρ",
+          "scatter": "Γράφημα διασποράς"
         },
         "useCustomColors": "Χρήση προσαρμοσμένων χρωμάτων",
         "useThemeColors": "Χρήση χρωμάτων θέματος",
         "valueField": "Πεδίο Τιμής",
+        "viewModeControls": "Χειριστήρια λειτουργίας προβολής",
+        "width": "Πλάτος",
         "xAxisLabel": "Ετικέτα Άξονα Χ",
-        "yAxisLabel": "Ετικέτα Άξονα Υ"
+        "xValueField": "Πεδίο τιμής X",
+        "yAxisLabel": "Ετικέτα Άξονα Υ",
+        "yValueField": "Πεδίο τιμής Y"
       },
       "deletedFile": {
         "clickMessage": "Κάντε κλικ εδώ για να προσθέσετε ένα νέο",

package/locale/en.json

@@ -812,14 +812,23 @@
         "stripingStartPosition": "Striping start position"
       },
       "dataCharts": {
+        "addSeries": "Add Series",
         "addYourChart": "Add your chart",
         "animation": "Animation",
+        "chartSettings": "Chart Settings",
+        "chartSize": "Chart Size",
         "chartTitle": "Chart Title",
         "chartType": "Chart Type",
+        "chartTypeSwitcherMultiSeriesDisabled": "This can't be enabled for multi-series charts.",
         "colorScheme": "Color Scheme",
         "configureArrayObjectFields": "Configure Array/Object Fields",
         "dataPoints": "Data Points",
+        "dataSettings": "Data Settings",
         "editDataChartsComponent": "Edit Chart",
+        "enableChartTypeSwitcher": "Allow chart type switching in view mode",
+        "enableDataEntry": "Allow data entry by end users in edit mode",
+        "enableFullscreenBtn": "Show fullscreen button in view mode",
+        "height": "Height",
         "labelField": "Label Field",
         "legendPosition": "Legend Position",
         "legendPositions": {
@@ -834,6 +843,8 @@
           "horizontal": "Horizontal",
           "vertical": "Vertical"
         },
+        "percentDisplay": "Show Numbers as Percentages",
+        "percentDisplayHint": "Values between 0-1 will be shown as percentages",
         "pointStyle": "Point Style",
         "pointStyles": {
           "circle": "Circle",
@@ -846,19 +857,28 @@
         "preview": "Preview",
         "removeAll": "Remove all",
         "selectDynamicValue": "Select a dynamic value",
+        "series": "Series",
+        "seriesName": "Series Name",
         "types": {
+          "area": "Area Chart",
           "bar": "Bar Chart",
+          "bubble": "Bubble Chart",
           "doughnut": "Doughnut Chart",
           "line": "Line Chart",
           "pie": "Pie Chart",
           "polarArea": "Polar Area Chart",
-          "radar": "Radar Chart"
+          "radar": "Radar Chart",
+          "scatter": "Scatter Chart"
         },
         "useCustomColors": "Use custom colors",
         "useThemeColors": "Use theme colors",
         "valueField": "Value Field",
+        "viewModeControls": "View Mode Controls",
+        "width": "Width",
         "xAxisLabel": "X-Axis Label",
-        "yAxisLabel": "Y-Axis Label"
+        "xValueField": "X Value Field",
+        "yAxisLabel": "Y-Axis Label",
+        "yValueField": "Y Value Field"
       },
       "deletedFile": {
         "clickMessage": "Click here to add a new one",

package/locale/es.json

@@ -812,14 +812,23 @@
         "stripingStartPosition": "Posición de inicio de filas alternadas"
       },
       "dataCharts": {
+        "addSeries": "Agregar serie",
         "addYourChart": "Agregar tu gráfico",
         "animation": "Animación",
+        "chartSettings": "Configuración del gráfico",
+        "chartSize": "Tamaño del gráfico",
         "chartTitle": "Título del gráfico",
         "chartType": "Tipo de gráfico",
+        "chartTypeSwitcherMultiSeriesDisabled": "No se puede habilitar para gráficos de múltiples series.",
         "colorScheme": "Esquema de colores",
         "configureArrayObjectFields": "Configurar campos de Array/Objeto",
         "dataPoints": "Puntos de datos",
+        "dataSettings": "Configuración de datos",
         "editDataChartsComponent": "Editar gráfico",
+        "enableChartTypeSwitcher": "Permitir cambio de tipo de gráfico en modo vista",
+        "enableDataEntry": "Permitir entrada de datos por usuarios en modo edición",
+        "enableFullscreenBtn": "Mostrar botón de pantalla completa en modo vista",
+        "height": "Altura",
         "labelField": "Campo de etiqueta",
         "legendPosition": "Posición de la leyenda",
         "legendPositions": {
@@ -834,6 +843,8 @@
           "horizontal": "Horizontal",
           "vertical": "Vertical"
         },
+        "percentDisplay": "Mostrar números como porcentajes",
+        "percentDisplayHint": "Los valores entre 0-1 se mostrarán como porcentajes",
         "pointStyle": "Estilo de punto",
         "pointStyles": {
           "circle": "Círculo",
@@ -846,19 +857,28 @@
         "preview": "Vista previa",
         "removeAll": "Eliminar todo",
         "selectDynamicValue": "Seleccionar un valor dinámico",
+        "series": "Serie",
+        "seriesName": "Nombre de la serie",
         "types": {
+          "area": "Gráfico de área",
           "bar": "Gráfico de barras",
+          "bubble": "Gráfico de burbujas",
           "doughnut": "Gráfico de dona",
           "line": "Gráfico de líneas",
           "pie": "Gráfico circular",
           "polarArea": "Gráfico de área polar",
-          "radar": "Gráfico de radar"
+          "radar": "Gráfico de radar",
+          "scatter": "Gráfico de dispersión"
         },
         "useCustomColors": "Usar colores personalizados",
         "useThemeColors": "Usar colores del tema",
         "valueField": "Campo de valor",
+        "viewModeControls": "Controles del modo vista",
+        "width": "Ancho",
         "xAxisLabel": "Etiqueta del eje X",
-        "yAxisLabel": "Etiqueta del eje Y"
+        "xValueField": "Campo de valor X",
+        "yAxisLabel": "Etiqueta del eje Y",
+        "yValueField": "Campo de valor Y"
       },
       "deletedFile": {
         "clickMessage": "Haz clic aquí para agregar uno nuevo",

package/locale/fr.json

@@ -812,14 +812,23 @@
         "stripingStartPosition": "Position de départ des lignes alternées"
       },
       "dataCharts": {
+        "addSeries": "Ajouter une série",
         "addYourChart": "Ajouter votre graphique",
         "animation": "Animation",
+        "chartSettings": "Paramètres du graphique",
+        "chartSize": "Taille du graphique",
         "chartTitle": "Titre du graphique",
         "chartType": "Type de graphique",
-        "colorScheme": "Color Scheme",
+        "chartTypeSwitcherMultiSeriesDisabled": "Ne peut pas être activé pour les graphiques multi-séries.",
+        "colorScheme": "Schéma de couleurs",
         "configureArrayObjectFields": "Configurer les champs Array/Object",
         "dataPoints": "Points de données",
+        "dataSettings": "Paramètres des données",
         "editDataChartsComponent": "Modifier le graphique",
+        "enableChartTypeSwitcher": "Permettre le changement de type de graphique en mode visualisation",
+        "enableDataEntry": "Permettre la saisie de données par les utilisateurs en mode édition",
+        "enableFullscreenBtn": "Afficher le bouton plein écran en mode visualisation",
+        "height": "Hauteur",
         "labelField": "Champ de label",
         "legendPosition": "Position de la légende",
         "legendPositions": {
@@ -834,6 +843,8 @@
           "horizontal": "Horizontal",
           "vertical": "Vertical"
         },
+        "percentDisplay": "Afficher les nombres en pourcentages",
+        "percentDisplayHint": "Les valeurs entre 0 et 1 seront affichées en pourcentages",
         "pointStyle": "Style de point",
         "pointStyles": {
           "circle": "Cercle",
@@ -846,19 +857,28 @@
         "preview": "Aperçu",
         "removeAll": "Supprimer tous",
         "selectDynamicValue": "Sélectionner une valeur dynamique",
+        "series": "Série",
+        "seriesName": "Nom de la série",
         "types": {
+          "area": "Graphique en aires",
           "bar": "Graphique en barres",
+          "bubble": "Graphique en bulles",
           "doughnut": "Graphique en anneau",
           "line": "Graphique en ligne",
           "pie": "Graphique en secteurs",
           "polarArea": "Graphique en secteurs polaires",
-          "radar": "Graphique en radar"
+          "radar": "Graphique en radar",
+          "scatter": "Graphique en nuage de points"
         },
         "useCustomColors": "Utiliser les couleurs personnalisées",
         "useThemeColors": "Utiliser les couleurs du thème",
         "valueField": "Champ de valeur",
+        "viewModeControls": "Contrôles du mode visualisation",
+        "width": "Largeur",
         "xAxisLabel": "Label de l'axe X",
-        "yAxisLabel": "Label de l'axe Y"
+        "xValueField": "Champ de valeur X",
+        "yAxisLabel": "Label de l'axe Y",
+        "yValueField": "Champ de valeur Y"
       },
       "deletedFile": {
         "clickMessage": "Cliquer ici pour ajouter un nouveau",

package/locale/it.json

@@ -812,53 +812,73 @@
         "stripingStartPosition": null
       },
       "dataCharts": {
-        "addYourChart": "Add your chart",
-        "animation": "Animation",
-        "chartTitle": "Chart Title",
-        "chartType": "Chart Type",
-        "colorScheme": "Color Scheme",
-        "configureArrayObjectFields": "Configure Array/Object Fields",
-        "dataPoints": "Data Points",
-        "editDataChartsComponent": "Edit Chart",
-        "labelField": "Label Field",
-        "legendPosition": "Legend Position",
+        "addSeries": "Aggiungi serie",
+        "addYourChart": "Aggiungi il tuo grafico",
+        "animation": "Animazione",
+        "chartSettings": "Impostazioni del grafico",
+        "chartSize": "Dimensione del grafico",
+        "chartTitle": "Titolo del grafico",
+        "chartType": "Tipo di grafico",
+        "chartTypeSwitcherMultiSeriesDisabled": "Non può essere abilitato per grafici multi-serie.",
+        "colorScheme": "Schema colori",
+        "configureArrayObjectFields": "Configura campi Array/Oggetto",
+        "dataPoints": "Punti dati",
+        "dataSettings": "Impostazioni dati",
+        "editDataChartsComponent": "Modifica grafico",
+        "enableChartTypeSwitcher": "Consenti cambio tipo grafico in modalità visualizzazione",
+        "enableDataEntry": "Consenti inserimento dati da parte degli utenti in modalità modifica",
+        "enableFullscreenBtn": "Mostra pulsante schermo intero in modalità visualizzazione",
+        "height": "Altezza",
+        "labelField": "Campo etichetta",
+        "legendPosition": "Posizione legenda",
         "legendPositions": {
-          "bottom": "Bottom",
-          "left": "Left",
-          "none": "None",
-          "right": "Right",
-          "top": "Top"
+          "bottom": "In basso",
+          "left": "Sinistra",
+          "none": "Nessuna",
+          "right": "Destra",
+          "top": "In alto"
         },
-        "orientation": "Chart Orientation",
+        "orientation": "Orientamento del grafico",
         "orientations": {
-          "horizontal": "Horizontal",
-          "vertical": "Vertical"
+          "horizontal": "Orizzontale",
+          "vertical": "Verticale"
         },
-        "pointStyle": "Point Style",
+        "percentDisplay": "Mostra numeri come percentuali",
+        "percentDisplayHint": "I valori tra 0 e 1 saranno mostrati come percentuali",
+        "pointStyle": "Stile punto",
         "pointStyles": {
-          "circle": "Circle",
-          "cross": "Cross",
-          "dash": "Dash",
-          "rect": "Rectangle",
-          "star": "Star",
-          "triangle": "Triangle"
-        },
-        "preview": "Preview",
-        "removeAll": "Remove all",
-        "selectDynamicValue": "Select a dynamic value",
+          "circle": "Cerchio",
+          "cross": "Croce",
+          "dash": "Trattino",
+          "rect": "Rettangolo",
+          "star": "Stella",
+          "triangle": "Triangolo"
+        },
+        "preview": "Anteprima",
+        "removeAll": "Rimuovi tutto",
+        "selectDynamicValue": "Seleziona un valore dinamico",
+        "series": "Serie",
+        "seriesName": "Nome della serie",
         "types": {
-          "bar": "Bar Chart",
-          "doughnut": "Doughnut Chart",
-          "line": "Line Chart",
-          "pie": "Pie Chart",
-          "polarArea": "Polar Area Chart",
-          "radar": "Radar Chart"
-        },
-        "useCustomColors": "Use custom colors",
-        "useThemeColors": "Use theme colors",
-        "valueField": "Value Field",
-        "xAxisLabel": "X-Axis Label",
-        "yAxisLabel": "Y-Axis Label"
+          "area": "Grafico ad area",
+          "bar": "Grafico a barre",
+          "bubble": "Grafico a bolle",
+          "doughnut": "Grafico a ciambella",
+          "line": "Grafico a linee",
+          "pie": "Grafico a torta",
+          "polarArea": "Grafico ad area polare",
+          "radar": "Grafico radar",
+          "scatter": "Grafico a dispersione"
+        },
+        "useCustomColors": "Usa colori personalizzati",
+        "useThemeColors": "Usa colori del tema",
+        "valueField": "Campo valore",
+        "viewModeControls": "Controlli modalità visualizzazione",
+        "width": "Larghezza",
+        "xAxisLabel": "Etichetta asse X",
+        "xValueField": "Campo valore X",
+        "yAxisLabel": "Etichetta asse Y",
+        "yValueField": "Campo valore Y"
       },
       "deletedFile": {
         "clickMessage": "Click here to add a new one",