@pitcher/canvas-ui 2026.1.5-123919-beta → 2026.1.5-141434

package/canvas-ui.js

@@ -142456,6 +142456,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
     const themeVars = useThemeVars();
     const { mode, setComponentEditMode, updateNodeDataById } = useCanvas$1();
     const isAdminMode = computed(() => mode.value === CanvasBuilderMode.ADMIN);
+    const confirmation = useConfirmation();
     const { crmShape } = useCrmShape();
     const { palette } = useCanvasTheme$1();
     let seriesIdCounter = 0;
@@ -143240,6 +143241,22 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
       return config;
     }
     function onCancel() {
+      if (isDirty.value) {
+        confirmation.warning({
+          title: t("canvasUI.canvasBuilder.confirmationOnUnsavedChanges.title"),
+          content: t("canvasUI.canvasBuilder.confirmationOnUnsavedChanges.content"),
+          confirmText: t("canvasUI.canvasBuilder.confirmationOnUnsavedChanges.confirm"),
+          exitText: t("canvasUI.canvasBuilder.confirmationOnUnsavedChanges.exit"),
+          hasExit: true,
+          onConfirm: () => {
+            onSave();
+          },
+          onExit: () => {
+            setComponentEditMode(false);
+          }
+        });
+        return;
+      }
       setComponentEditMode(false);
     }
     function onSave() {
@@ -143248,6 +143265,10 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
       setComponentEditMode(false);
     }
     const previewData = ref({});
+    const isDirty = ref(false);
+    function markDirty() {
+      isDirty.value = true;
+    }
     function updatePreview() {
       const config = createChartConfig();
       previewData.value = {
@@ -143269,6 +143290,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
         enableChartTypeSwitcher.value = false;
       }
     });
+    let isInitialized = false;
     watch(
       [
         seriesList,
@@ -143290,17 +143312,23 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
       ],
       () => {
         updatePreview();
+        if (isInitialized) {
+          markDirty();
+        }
       },
       { deep: true }
     );
     onMounted(() => {
       updatePreview();
+      nextTick(() => {
+        isInitialized = true;
+      });
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NModal), {
         bordered: false,
         class: "cb-data-charts-settings",
-        onEsc: () => unref(setComponentEditMode)(false),
+        onEsc: onCancel,
         preset: "card",
         show: true,
         size: "huge",
@@ -143312,7 +143340,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
           "--n-padding-left": "16px"
         }]),
         title: unref(t)("canvasUI.canvasBuilder.dataCharts.editDataChartsComponent"),
-        onClose: _cache[16] || (_cache[16] = ($event) => unref(setComponentEditMode)(false))
+        onClose: onCancel
       }, {
         footer: withCtx(() => [
           createElementVNode("div", _hoisted_110, [
@@ -143974,7 +144002,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
                               min: 100,
                               step: 10
                             }, {
-                              suffix: withCtx(() => _cache[17] || (_cache[17] = [
+                              suffix: withCtx(() => _cache[16] || (_cache[16] = [
                                 createTextVNode("px")
                               ])),
                               _: 1
@@ -143990,7 +144018,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
                               min: 10,
                               step: 5
                             }, {
-                              suffix: withCtx(() => _cache[18] || (_cache[18] = [
+                              suffix: withCtx(() => _cache[17] || (_cache[17] = [
                                 createTextVNode("%")
                               ])),
                               _: 1
@@ -144025,7 +144053,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
           }, 8, ["style"])
         ]),
         _: 1
-      }, 8, ["onEsc", "title"]);
+      }, 8, ["title"]);
     };
   }
 });