@pitcher/canvas-ui 2025.12.31-012047-beta → 2026.1.5-123919-beta

package/canvas-ui.js

@@ -142425,7 +142425,10 @@ const _hoisted_94 = { class: "flex flex-col gap-2" };
 const _hoisted_95 = { class: "flex items-center gap-2" };
 const _hoisted_96 = { class: "text-sm" };
 const _hoisted_97 = { class: "text-sm" };
-const _hoisted_98 = { class: "flex items-center gap-2" };
+const _hoisted_98 = {
+  key: 0,
+  class: "flex items-center gap-2"
+};
 const _hoisted_99 = { class: "text-sm" };
 const _hoisted_100 = { class: "mb-4" };
 const _hoisted_101 = { class: "block mb-2" };
@@ -142451,7 +142454,8 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { t } = useI18n();
     const themeVars = useThemeVars();
-    const { setComponentEditMode, updateNodeDataById } = useCanvas$1();
+    const { mode, setComponentEditMode, updateNodeDataById } = useCanvas$1();
+    const isAdminMode = computed(() => mode.value === CanvasBuilderMode.ADMIN);
     const { crmShape } = useCrmShape();
     const { palette } = useCanvasTheme$1();
     let seriesIdCounter = 0;
@@ -142539,7 +142543,9 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
     });
     const chartType = computed(() => seriesList.value[0]?.chartType ?? "bar");
     const primaryChartType = computed(() => seriesList.value[0]?.chartType ?? "bar");
-    const backgroundColor = props.data?.data?.datasets?.[0]?.background_color;
+    const savedColorScheme = props.data?.color_scheme;
+    const datasets = props.data?.data?.datasets;
+    const backgroundColor = savedColorScheme ?? (datasets && datasets.length > 1 ? datasets.map((ds) => ds.background_color).filter(Boolean) : datasets?.[0]?.background_color);
     const colorSchemeType = ref(props.data?.color_scheme_type ?? "theme");
     const chartColors = ref([]);
     const displayColors = computed(() => {
@@ -142574,7 +142580,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
     const percentDisplay = ref(props.data?.percent_display ?? false);
     const enableFullscreenBtn = ref(props.data?.view_controls?.enable_fullscreen_btn ?? false);
     const enableChartTypeSwitcher = ref(props.data?.view_controls?.enable_chart_type_switcher ?? false);
-    const enableDataEntry = ref(props.data?.view_controls?.enable_data_entry ?? false);
+    const enableDataEntry = ref(props.data?.view_controls?.enable_data_entry !== false);
     const chartHeight = ref(props.data?.chart_height ?? 800);
     const chartWidth = ref(props.data?.chart_width ?? 100);
     const legendPositionOptions = [
@@ -143091,7 +143097,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
       return chartColors.value;
     }
     function createChartConfig() {
-      const datasets = [];
+      const datasets2 = [];
       let allLabels = [];
       const colorsForStorage = getSeriesColors(true);
       const isSingleSeries = seriesList.value.length === 1;
@@ -143136,7 +143142,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
         if (processedData.labels.length > allLabels.length) {
           allLabels = processedData.labels;
         }
-        datasets.push(datasetOptions);
+        datasets2.push(datasetOptions);
       });
       const primaryType = seriesList.value[0].chartType;
       let actualPrimaryType = primaryType;
@@ -143175,6 +143181,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
       const config = {
         type: actualPrimaryType,
         color_scheme_type: colorSchemeType.value,
+        color_scheme: colorsForStorage,
         percent_display: percentDisplay.value,
         chart_height: chartHeight.value,
         chart_width: chartWidth.value,
@@ -143185,7 +143192,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
         },
         data: {
           labels: allLabels,
-          datasets
+          datasets: datasets2
         },
         options: {
           responsive: true,
@@ -143945,13 +143952,13 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 1
                           }, 8, ["disabled"]),
-                          createElementVNode("div", _hoisted_98, [
+                          isAdminMode.value ? (openBlock(), createElementBlock("div", _hoisted_98, [
                             createVNode(unref(NSwitch), {
                               value: enableDataEntry.value,
                               "onUpdate:value": _cache[13] || (_cache[13] = ($event) => enableDataEntry.value = $event)
                             }, null, 8, ["value"]),
                             createElementVNode("span", _hoisted_99, toDisplayString(unref(t)("canvasUI.canvasBuilder.dataCharts.enableDataEntry")), 1)
-                          ])
+                          ])) : createCommentVNode("", true)
                         ])
                       ]),
                       createElementVNode("div", _hoisted_100, [
@@ -144066,7 +144073,7 @@ const _sfc_main$2D = /* @__PURE__ */ defineComponent({
       if (mode.value === CanvasBuilderMode.ADMIN) {
         return true;
       }
-      return props.data?.view_controls?.enable_data_entry ?? false;
+      return props.data?.view_controls?.enable_data_entry !== false;
     });
     onMounted(() => {
       if (justAddedComponentId.value === props.id) {