@pitcher/canvas-ui 2026.1.5-141434 → 2026.1.6-131818-beta

package/canvas-ui.css

@@ -551,13 +551,13 @@ swiper-container::part(pagination) {
   line-height: 20px;
   letter-spacing: 0.25px;
   color: var(--ad430d74);
-}[data-v-052f4440] .ais-SearchBox {
+}[data-v-da2357d4] .ais-SearchBox {
   margin: 0;
 }
-[data-v-052f4440] .ais-SearchBox-submit,[data-v-052f4440] .ais-SearchBox-reset {
+[data-v-da2357d4] .ais-SearchBox-submit,[data-v-da2357d4] .ais-SearchBox-reset {
   display: none;
 }
-.admin-search[data-v-052f4440] .ais-SearchBox-reset {
+.admin-search[data-v-da2357d4] .ais-SearchBox-reset {
   display: block !important;
   position: absolute !important;
   right: 12px !important;
@@ -571,17 +571,17 @@ swiper-container::part(pagination) {
   font-size: 16px !important;
   z-index: 10 !important;
 }
-.admin-search[data-v-052f4440] .ais-SearchBox-reset:hover {
+.admin-search[data-v-da2357d4] .ais-SearchBox-reset:hover {
   color: var(--p-text2) !important;
 }
-.admin-search[data-v-052f4440] .ais-SearchBox-reset:focus {
+.admin-search[data-v-da2357d4] .ais-SearchBox-reset:focus {
   outline: none !important;
   color: var(--p-primary) !important;
 }
-.admin-search[data-v-052f4440] .ais-SearchBox-input {
+.admin-search[data-v-da2357d4] .ais-SearchBox-input {
   padding-right: 40px !important;
 }
-[data-v-052f4440] .ais-SearchBox-input {
+[data-v-da2357d4] .ais-SearchBox-input {
   width: 100%;
   padding: 12px 16px 12px 40px;
   border: 1px solid var(--p-primary4);
@@ -590,39 +590,39 @@ swiper-container::part(pagination) {
   background-color: var(--p-base);
   transition: border-color 0.2s ease;
 }
-[data-v-052f4440] .ais-SearchBox-input:focus {
+[data-v-da2357d4] .ais-SearchBox-input:focus {
   outline: none;
   border-color: var(--p-primary);
   box-shadow: 0 0 0 3px var(--p-primary5);
 }
-[data-v-052f4440] .ais-SearchBox-input::placeholder {
+[data-v-da2357d4] .ais-SearchBox-input::placeholder {
   color: var(--p-text3);
   font-size: 14px;
 }
-.overflow-y-auto[data-v-052f4440] {
+.overflow-y-auto[data-v-da2357d4] {
   scrollbar-width: thin;
   scrollbar-color: var(--p-border2) var(--p-surface2);
 }
-.overflow-y-auto[data-v-052f4440]::-webkit-scrollbar {
+.overflow-y-auto[data-v-da2357d4]::-webkit-scrollbar {
   width: 6px;
 }
-.overflow-y-auto[data-v-052f4440]::-webkit-scrollbar-track {
+.overflow-y-auto[data-v-da2357d4]::-webkit-scrollbar-track {
   background: var(--p-surface2);
 }
-.overflow-y-auto[data-v-052f4440]::-webkit-scrollbar-thumb {
+.overflow-y-auto[data-v-da2357d4]::-webkit-scrollbar-thumb {
   background-color: var(--p-border2);
   border-radius: 3px;
 }
-.overflow-y-auto[data-v-052f4440]::-webkit-scrollbar-thumb:hover {
+.overflow-y-auto[data-v-da2357d4]::-webkit-scrollbar-thumb:hover {
   background-color: var(--p-text3);
 }
-button[data-v-052f4440]:hover {
+button[data-v-da2357d4]:hover {
   transition: all 0.2s ease;
 }
-button[data-v-052f4440]:focus {
+button[data-v-da2357d4]:focus {
   outline: none;
 }
-[data-v-052f4440] mark,[data-v-052f4440] em {
+[data-v-da2357d4] mark,[data-v-da2357d4] em {
   font-weight: bold;
   font-style: normal;
 }

package/canvas-ui.js

@@ -95891,8 +95891,8 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
       }
       const emIndex = highlightValue.indexOf("<em>");
       if (emIndex === -1) return "";
-      const startChar = Math.max(0, emIndex - 100);
-      const endChar = Math.min(highlightValue.length, emIndex + 100);
+      const startChar = Math.max(0, emIndex - 75);
+      const endChar = Math.min(highlightValue.length, emIndex + 125);
       let truncated = highlightValue.substring(startChar, endChar);
       if (startChar > 0) truncated = "..." + truncated;
       if (endChar < highlightValue.length) truncated = truncated + "...";
@@ -96093,7 +96093,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
         show: "",
         verticalAlignment: "top",
         "z-index": _ctx.zIndex,
-        "onUpdate:show": _cache[16] || (_cache[16] = ($event) => emit("toggleSearch", $event))
+        "onUpdate:show": _cache[15] || (_cache[15] = ($event) => emit("toggleSearch", $event))
       }, {
         default: withCtx(() => [
           createElementVNode("div", {
@@ -96102,7 +96102,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("div", _hoisted_1$4w, [
               createElementVNode("div", _hoisted_2$3j, [
-                _cache[17] || (_cache[17] = createElementVNode("div", { class: "absolute left-2.5 top-1/2 transform -translate-y-1/2 z-10" }, [
+                _cache[16] || (_cache[16] = createElementVNode("div", { class: "absolute left-2.5 top-1/2 transform -translate-y-1/2 z-10" }, [
                   createElementVNode("i", { class: "c-icon far fa-search text-gray-400 text-l" })
                 ], -1)),
                 withDirectives(createElementVNode("input", {
@@ -96208,7 +96208,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                       show: showFileTypeDropdown.value,
                       "show-arrow": false,
                       trigger: "manual",
-                      onClickoutside: _cache[8] || (_cache[8] = ($event) => showFileTypeDropdown.value = false)
+                      onClickoutside: _cache[7] || (_cache[7] = ($event) => showFileTypeDropdown.value = false)
                     }, {
                       trigger: withCtx(() => [
                         createVNode(unref(NTag), {
@@ -96221,20 +96221,12 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                           themeOverrides: {
                             borderRadius: "4px"
                           },
-                          onClick: _cache[7] || (_cache[7] = ($event) => showFileTypeDropdown.value = !showFileTypeDropdown.value)
+                          onClick: _cache[6] || (_cache[6] = ($event) => showFileTypeDropdown.value = !showFileTypeDropdown.value)
                         }, {
                           default: withCtx(() => [
                             createElementVNode("div", _hoisted_10$C, [
                               createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.type")), 1),
-                              selectedFileTypes.value.length ? (openBlock(), createElementBlock("span", _hoisted_11$x, ": " + toDisplayString(selectedFileTypes.value.length), 1)) : createCommentVNode("", true),
-                              selectedFileTypes.value.length ? (openBlock(), createBlock(CIcon, {
-                                key: 1,
-                                class: "ml-1",
-                                color: "var(--p-primary2)",
-                                icon: "xmark",
-                                size: "12",
-                                onClick: _cache[6] || (_cache[6] = withModifiers(($event) => selectedFileTypes.value = [], ["stop"]))
-                              })) : createCommentVNode("", true)
+                              selectedFileTypes.value.length ? (openBlock(), createElementBlock("span", _hoisted_11$x, ": " + toDisplayString(selectedFileTypes.value.length), 1)) : createCommentVNode("", true)
                             ])
                           ]),
                           _: 1
@@ -96283,7 +96275,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                       _: 1
                     }, 8, ["show"]),
                     hasActiveFilters.value ? (openBlock(), createElementBlock("div", _hoisted_14$h, [
-                      _cache[18] || (_cache[18] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
+                      _cache[17] || (_cache[17] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
                       createElementVNode("span", {
                         class: "text-sm text-gray-600 hover:text-gray-800 font-normal cursor-pointer",
                         onClick: clearAllFilters
@@ -96301,7 +96293,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                       themeOverrides: {
                         borderRadius: "4px"
                       },
-                      onClick: _cache[9] || (_cache[9] = ($event) => toggleCanvasFilter("saved_canvas"))
+                      onClick: _cache[8] || (_cache[8] = ($event) => toggleCanvasFilter("saved_canvas"))
                     }, {
                       default: withCtx(() => [
                         createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.saved")), 1)
@@ -96318,7 +96310,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                       themeOverrides: {
                         borderRadius: "4px"
                       },
-                      onClick: _cache[10] || (_cache[10] = ($event) => toggleCanvasFilter("template"))
+                      onClick: _cache[9] || (_cache[9] = ($event) => toggleCanvasFilter("template"))
                     }, {
                       default: withCtx(() => [
                         createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.templates")), 1)
@@ -96336,7 +96328,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                       themeOverrides: {
                         borderRadius: "4px"
                       },
-                      onClick: _cache[11] || (_cache[11] = ($event) => toggleCanvasFilter("product_template"))
+                      onClick: _cache[10] || (_cache[10] = ($event) => toggleCanvasFilter("product_template"))
                     }, {
                       default: withCtx(() => [
                         createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.productTemplates")), 1)
@@ -96353,7 +96345,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                       themeOverrides: {
                         borderRadius: "4px"
                       },
-                      onClick: _cache[12] || (_cache[12] = ($event) => toggleCanvasFilter("section"))
+                      onClick: _cache[11] || (_cache[11] = ($event) => toggleCanvasFilter("section"))
                     }, {
                       default: withCtx(() => [
                         createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.products")), 1)
@@ -96370,7 +96362,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                       themeOverrides: {
                         borderRadius: "4px"
                       },
-                      onClick: _cache[13] || (_cache[13] = ($event) => toggleCanvasFilter("block"))
+                      onClick: _cache[12] || (_cache[12] = ($event) => toggleCanvasFilter("block"))
                     }, {
                       default: withCtx(() => [
                         createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.blocks")), 1)
@@ -96378,7 +96370,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                       _: 1
                     }, 8, ["style"]),
                     selectedCanvasFilters.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_15$f, [
-                      _cache[19] || (_cache[19] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
+                      _cache[18] || (_cache[18] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
                       createElementVNode("span", {
                         class: "text-sm text-gray-600 hover:text-gray-800 font-normal cursor-pointer",
                         onClick: clearCanvasFilters
@@ -96408,7 +96400,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                   }), 128))
                 ]),
                 recentlyOpenedDocs.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _cache[20] || (_cache[20] = createElementVNode("hr", { class: "border-0 h-px bg-gray-200 mt-2 mb-3 w-full" }, null, -1)),
+                  _cache[19] || (_cache[19] = createElementVNode("hr", { class: "border-0 h-px bg-gray-200 mt-2 mb-3 w-full" }, null, -1)),
                   createElementVNode("div", _hoisted_21$7, [
                     createElementVNode("span", _hoisted_22$5, toDisplayString(unref(t)("canvasUI.components.fileViewer.recentlyOpened")), 1)
                   ]),
@@ -96525,7 +96517,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                       filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_44$4, [
                         createElementVNode("span", {
                           class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
-                          onClick: _cache[14] || (_cache[14] = ($event) => searchType.value = "content")
+                          onClick: _cache[13] || (_cache[13] = ($event) => searchType.value = "content")
                         }, [
                           createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.actions.viewAll")) + " ", 1),
                           createVNode(CIcon, {
@@ -96577,7 +96569,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                       filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_55$2, [
                         createElementVNode("span", {
                           class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
-                          onClick: _cache[15] || (_cache[15] = ($event) => searchType.value = "canvases")
+                          onClick: _cache[14] || (_cache[14] = ($event) => searchType.value = "canvases")
                         }, [
                           createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.actions.viewAll")) + " ", 1),
                           createVNode(CIcon, {
@@ -96733,7 +96725,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-052f4440"]]);
+const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-da2357d4"]]);
 
 const BulletListExtended = BulletList.extend({
   addOptions() {
@@ -142425,10 +142417,7 @@ 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 = {
-  key: 0,
-  class: "flex items-center gap-2"
-};
+const _hoisted_98 = { 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" };
@@ -142454,9 +142443,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { t } = useI18n();
     const themeVars = useThemeVars();
-    const { mode, setComponentEditMode, updateNodeDataById } = useCanvas$1();
-    const isAdminMode = computed(() => mode.value === CanvasBuilderMode.ADMIN);
-    const confirmation = useConfirmation();
+    const { setComponentEditMode, updateNodeDataById } = useCanvas$1();
     const { crmShape } = useCrmShape();
     const { palette } = useCanvasTheme$1();
     let seriesIdCounter = 0;
@@ -142544,9 +142531,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
     });
     const chartType = computed(() => seriesList.value[0]?.chartType ?? "bar");
     const primaryChartType = computed(() => seriesList.value[0]?.chartType ?? "bar");
-    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 backgroundColor = props.data?.data?.datasets?.[0]?.background_color;
     const colorSchemeType = ref(props.data?.color_scheme_type ?? "theme");
     const chartColors = ref([]);
     const displayColors = computed(() => {
@@ -142581,7 +142566,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 = [
@@ -143098,7 +143083,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
       return chartColors.value;
     }
     function createChartConfig() {
-      const datasets2 = [];
+      const datasets = [];
       let allLabels = [];
       const colorsForStorage = getSeriesColors(true);
       const isSingleSeries = seriesList.value.length === 1;
@@ -143143,7 +143128,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
         if (processedData.labels.length > allLabels.length) {
           allLabels = processedData.labels;
         }
-        datasets2.push(datasetOptions);
+        datasets.push(datasetOptions);
       });
       const primaryType = seriesList.value[0].chartType;
       let actualPrimaryType = primaryType;
@@ -143182,7 +143167,6 @@ 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,
@@ -143193,7 +143177,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
         },
         data: {
           labels: allLabels,
-          datasets: datasets2
+          datasets
         },
         options: {
           responsive: true,
@@ -143241,22 +143225,6 @@ 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() {
@@ -143265,10 +143233,6 @@ 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 = {
@@ -143290,7 +143254,6 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
         enableChartTypeSwitcher.value = false;
       }
     });
-    let isInitialized = false;
     watch(
       [
         seriesList,
@@ -143312,23 +143275,17 @@ 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: onCancel,
+        onEsc: () => unref(setComponentEditMode)(false),
         preset: "card",
         show: true,
         size: "huge",
@@ -143340,7 +143297,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
           "--n-padding-left": "16px"
         }]),
         title: unref(t)("canvasUI.canvasBuilder.dataCharts.editDataChartsComponent"),
-        onClose: onCancel
+        onClose: _cache[16] || (_cache[16] = ($event) => unref(setComponentEditMode)(false))
       }, {
         footer: withCtx(() => [
           createElementVNode("div", _hoisted_110, [
@@ -143980,13 +143937,13 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 1
                           }, 8, ["disabled"]),
-                          isAdminMode.value ? (openBlock(), createElementBlock("div", _hoisted_98, [
+                          createElementVNode("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, [
@@ -144002,7 +143959,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
                               min: 100,
                               step: 10
                             }, {
-                              suffix: withCtx(() => _cache[16] || (_cache[16] = [
+                              suffix: withCtx(() => _cache[17] || (_cache[17] = [
                                 createTextVNode("px")
                               ])),
                               _: 1
@@ -144018,7 +143975,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
                               min: 10,
                               step: 5
                             }, {
-                              suffix: withCtx(() => _cache[17] || (_cache[17] = [
+                              suffix: withCtx(() => _cache[18] || (_cache[18] = [
                                 createTextVNode("%")
                               ])),
                               _: 1
@@ -144053,7 +144010,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
           }, 8, ["style"])
         ]),
         _: 1
-      }, 8, ["title"]);
+      }, 8, ["onEsc", "title"]);
     };
   }
 });
@@ -144101,7 +144058,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) {