@pitcher/canvas-ui 2026.1.9-133201-beta → 2026.1.9-145245-beta

package/canvas-ui.css

@@ -925,25 +925,25 @@ button[data-v-da2357d4]:focus {
 }.c-users-groups-access-manage__select[data-v-fe2300a1] {
   width: 180px;
 }
-.panel-title[data-v-aa03fa77] {
-  color: var(--6fe3245a);
+.panel-title[data-v-05db071e] {
+  color: var(--7e857d3a);
   letter-spacing: 0.15px;
 }
-.base[data-v-aa03fa77] {
-  background-color: var(--6fdae5fe);
+.base[data-v-05db071e] {
+  background-color: var(--7e7d3ede);
 }
-.selection-panel-list-item[data-v-aa03fa77] {
-  background: var(--85f799be);
+.selection-panel-list-item[data-v-05db071e] {
+  background: var(--e1e1c7fe);
 }
-.selection-panel-list-handle[data-v-aa03fa77] {
-  color: var(--85f799c4);
+.selection-panel-list-handle[data-v-05db071e] {
+  color: var(--e1e1c804);
 }
-.title[data-v-aa03fa77] {
-  color: var(--6fe3245a);
+.title[data-v-05db071e] {
+  color: var(--7e857d3a);
   letter-spacing: 0.4px;
 }
-.description[data-v-aa03fa77] {
-  color: var(--85f799c4);
+.description[data-v-05db071e] {
+  color: var(--e1e1c804);
 }
 .content-selector__section-title[data-v-2e7377ec] {
   font-size: 18px;
@@ -958,7 +958,7 @@ button[data-v-da2357d4]:focus {
   background-color: var(--49a7913e);
 }
 
-[data-v-1287b675] .dynamic-value-tree-select__trigger {
+[data-v-ba7b39ff] .dynamic-value-tree-select__trigger {
   margin-right: -16px;
 }
 .ai-preview-container[data-v-2a9cccf6] {
@@ -1604,65 +1604,65 @@ to {
   object-fit: var(--1d3ef4cb);
   height: 100%;
 }
-.canvas-text[data-v-b2424519] p {
+.canvas-text[data-v-73a884c3] p {
   margin-bottom: 20px;
 }
-[data-v-b2424519] .ProseMirror:focus {
+[data-v-73a884c3] .ProseMirror:focus {
   outline: none;
 }
-.cb-text-component[data-v-b2424519] p,
-.c-text__rich-text-editor[data-v-b2424519] p,
-.cb-text-component[data-v-b2424519] ol,
-.c-text__rich-text-editor[data-v-b2424519] ol,
-.cb-text-component[data-v-b2424519] ul,
-.c-text__rich-text-editor[data-v-b2424519] ul {
+.cb-text-component[data-v-73a884c3] p,
+.c-text__rich-text-editor[data-v-73a884c3] p,
+.cb-text-component[data-v-73a884c3] ol,
+.c-text__rich-text-editor[data-v-73a884c3] ol,
+.cb-text-component[data-v-73a884c3] ul,
+.c-text__rich-text-editor[data-v-73a884c3] ul {
   margin: 0 0 1em 0;
   min-height: 1.6em;
 }
-.cb-text-component[data-v-b2424519] ol,
-.c-text__rich-text-editor[data-v-b2424519] ol,
-.cb-text-component[data-v-b2424519] ul,
-.c-text__rich-text-editor[data-v-b2424519] ul {
+.cb-text-component[data-v-73a884c3] ol,
+.c-text__rich-text-editor[data-v-73a884c3] ol,
+.cb-text-component[data-v-73a884c3] ul,
+.c-text__rich-text-editor[data-v-73a884c3] ul {
   padding: 0 0 0 1em;
 }
-.cb-text-component[data-v-b2424519] p:last-of-type,
-.c-text__rich-text-editor[data-v-b2424519] p:last-of-type,
-.cb-text-component[data-v-b2424519] ol:last-of-type,
-.c-text__rich-text-editor[data-v-b2424519] ol:last-of-type,
-.cb-text-component[data-v-b2424519] ul:last-of-type,
-.c-text__rich-text-editor[data-v-b2424519] ul:last-of-type {
+.cb-text-component[data-v-73a884c3] p:last-of-type,
+.c-text__rich-text-editor[data-v-73a884c3] p:last-of-type,
+.cb-text-component[data-v-73a884c3] ol:last-of-type,
+.c-text__rich-text-editor[data-v-73a884c3] ol:last-of-type,
+.cb-text-component[data-v-73a884c3] ul:last-of-type,
+.c-text__rich-text-editor[data-v-73a884c3] ul:last-of-type {
   margin-bottom: 0em;
 }
-.cb-text-component[data-v-b2424519] p:last-of-type + ol,
-.c-text__rich-text-editor[data-v-b2424519] p:last-of-type + ol,
-.cb-text-component[data-v-b2424519] p:last-of-type + ul,
-.c-text__rich-text-editor[data-v-b2424519] p:last-of-type + ul,
-.cb-text-component[data-v-b2424519] ol:last-of-type + p,
-.c-text__rich-text-editor[data-v-b2424519] ol:last-of-type + p,
-.cb-text-component[data-v-b2424519] ol:last-of-type + ul,
-.c-text__rich-text-editor[data-v-b2424519] ol:last-of-type + ul,
-.cb-text-component[data-v-b2424519] ul:last-of-type + p,
-.c-text__rich-text-editor[data-v-b2424519] ul:last-of-type + p,
-.cb-text-component[data-v-b2424519] ul:last-of-type + ol,
-.c-text__rich-text-editor[data-v-b2424519] ul:last-of-type + ol {
+.cb-text-component[data-v-73a884c3] p:last-of-type + ol,
+.c-text__rich-text-editor[data-v-73a884c3] p:last-of-type + ol,
+.cb-text-component[data-v-73a884c3] p:last-of-type + ul,
+.c-text__rich-text-editor[data-v-73a884c3] p:last-of-type + ul,
+.cb-text-component[data-v-73a884c3] ol:last-of-type + p,
+.c-text__rich-text-editor[data-v-73a884c3] ol:last-of-type + p,
+.cb-text-component[data-v-73a884c3] ol:last-of-type + ul,
+.c-text__rich-text-editor[data-v-73a884c3] ol:last-of-type + ul,
+.cb-text-component[data-v-73a884c3] ul:last-of-type + p,
+.c-text__rich-text-editor[data-v-73a884c3] ul:last-of-type + p,
+.cb-text-component[data-v-73a884c3] ul:last-of-type + ol,
+.c-text__rich-text-editor[data-v-73a884c3] ul:last-of-type + ol {
   margin-top: 1em;
 }
-.cb-text-component[data-v-b2424519] ol > li ol,
-.c-text__rich-text-editor[data-v-b2424519] ol > li ol,
-.cb-text-component[data-v-b2424519] ol > li ul,
-.c-text__rich-text-editor[data-v-b2424519] ol > li ul,
-.cb-text-component[data-v-b2424519] ul > li ol,
-.c-text__rich-text-editor[data-v-b2424519] ul > li ol,
-.cb-text-component[data-v-b2424519] ul > li ul,
-.c-text__rich-text-editor[data-v-b2424519] ul > li ul {
+.cb-text-component[data-v-73a884c3] ol > li ol,
+.c-text__rich-text-editor[data-v-73a884c3] ol > li ol,
+.cb-text-component[data-v-73a884c3] ol > li ul,
+.c-text__rich-text-editor[data-v-73a884c3] ol > li ul,
+.cb-text-component[data-v-73a884c3] ul > li ol,
+.c-text__rich-text-editor[data-v-73a884c3] ul > li ol,
+.cb-text-component[data-v-73a884c3] ul > li ul,
+.c-text__rich-text-editor[data-v-73a884c3] ul > li ul {
   margin-top: 0 !important;
 }
 
 /* Sortable table styles */
-.canvas-text[data-v-b2424519] .sortable-header {
+.canvas-text[data-v-73a884c3] .sortable-header {
   position: relative;
 }
-.canvas-text[data-v-b2424519] .sortable-header::after {
+.canvas-text[data-v-73a884c3] .sortable-header::after {
   content: "";
   position: absolute;
   right: 8px;
@@ -1670,22 +1670,22 @@ to {
   transform: translateY(-50%);
   opacity: 0.5;
 }
-.canvas-text[data-v-b2424519] .sortable-header:hover::after {
+.canvas-text[data-v-73a884c3] .sortable-header:hover::after {
   content: "↕";
   opacity: 0.7;
 }
-.canvas-text[data-v-b2424519] .sortable-header.sorted-asc::after {
+.canvas-text[data-v-73a884c3] .sortable-header.sorted-asc::after {
   content: "↑";
   opacity: 1;
 }
-.canvas-text[data-v-b2424519] .sortable-header.sorted-desc::after {
+.canvas-text[data-v-73a884c3] .sortable-header.sorted-desc::after {
   content: "↓";
   opacity: 1;
 }
-.canvas-text[data-v-b2424519] .sortable-header.sorted-original::after {
+.canvas-text[data-v-73a884c3] .sortable-header.sorted-original::after {
   content: "";
 }
-.canvas-text[data-v-b2424519] .sortable-header.sorted-original:hover::after {
+.canvas-text[data-v-73a884c3] .sortable-header.sorted-original:hover::after {
   content: "↕";
   opacity: 0.5;
 }.cb-linkable-settings[data-v-4f5606e1] {

package/canvas-ui.js

@@ -120824,7 +120824,7 @@ const _sfc_main$4k = /* @__PURE__ */ defineComponent({
 
 function useCanvasContext() {
   const { activeCanvas, isPrintDisplayMode, builderCache } = useCanvas$1();
-  const { getDefaultCrmShape } = useCrmShape();
+  const { crmShape, getDefaultCrmShape } = useCrmShape();
   const myUser = inject(
     "myUser",
     computed(() => null)
@@ -120856,14 +120856,21 @@ function useCanvasContext() {
     builderCache.value[sectionOverrideKey] = mergedCtx;
     return mergedCtx;
   };
-  const crmShape = computed(() => getDefaultCrmShape({ myUser: myUser.value }));
-  const crmShapeWithSectionCtx = computed(() => {
+  const fullContext = computed(() => {
     const mergedCtx = getSectionCtx();
-    return !isEmpty(crmShape.value) ? { ...mergedCtx, ...crmShape.value } : mergedCtx;
+    const defaultShape = getDefaultCrmShape({
+      myUser: myUser.value,
+      showDefault: true
+    });
+    return mergeWith({}, defaultShape, crmShape.value ?? {}, mergedCtx, (_objValue, srcValue) => {
+      if (Array.isArray(srcValue)) {
+        return srcValue;
+      }
+      return void 0;
+    });
   });
   return {
-    getSectionCtx,
-    crmShapeWithSectionCtx
+    fullContext
   };
 }
 
@@ -120909,10 +120916,10 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
   __name: "SelectionPanel",
   setup(__props) {
     useCssVars((_ctx) => ({
-      "6fe3245a": unref(themeVars).text,
-      "6fdae5fe": unref(themeVars).base,
-      "85f799be": unref(themeVars).primary6,
-      "85f799c4": unref(themeVars).primary3
+      "7e857d3a": unref(themeVars).text,
+      "7e7d3ede": unref(themeVars).base,
+      "e1e1c7fe": unref(themeVars).primary6,
+      "e1e1c804": unref(themeVars).primary3
     }));
     const { t } = useI18n();
     const { renderContentType, isFileExpired, isFileExpiring } = useFileDisplayHelpers();
@@ -120934,7 +120941,7 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
       "launchDarkly",
       computed(() => ({}))
     );
-    const { crmShapeWithSectionCtx } = useCanvasContext();
+    const { fullContext } = useCanvasContext();
     const isCrmShapeEnabled = computed(() => launchDarkly.value?.enable_crm_shape_for_external_links ?? false);
     const draggableItems = computed({
       get: () => isDragNDropEnabled.value ? addedItems.value : selectedItems.value,
@@ -120949,7 +120956,7 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
     function getParsedUrl(url) {
       if (!url || !isCrmShapeEnabled.value) return url;
       try {
-        return renderTemplate(url, crmShapeWithSectionCtx.value);
+        return renderTemplate(url, fullContext.value);
       } catch (error) {
         console.warn("Failed to parse template in external URL, using original URL:", error);
         return url;
@@ -121253,7 +121260,7 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const SelectionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4j, [["__scopeId", "data-v-aa03fa77"]]);
+const SelectionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4j, [["__scopeId", "data-v-05db071e"]]);
 
 const _hoisted_1$3q = { class: "flex justify-between gap-2 items-center truncate py-1" };
 const _hoisted_2$2z = {
@@ -123785,13 +123792,13 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
       computed(() => ({}))
     );
     const { crmShape } = useCrmShape();
-    const { crmShapeWithSectionCtx } = useCanvasContext();
+    const { fullContext } = useCanvasContext();
     const isCrmShapeEnabled = computed(() => launchDarkly.value?.enable_crm_shape_for_external_links ?? false);
     const parsedUrl = computed(() => {
       if (!url.value.trim()) return url.value;
       if (!isCrmShapeEnabled.value) return url.value;
       try {
-        return renderTemplate(url.value, crmShapeWithSectionCtx.value);
+        return renderTemplate(url.value, fullContext.value);
       } catch (error) {
         console.error("Error parsing URL template:", error);
         return url.value;
@@ -123897,7 +123904,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ExternalLinks = /* @__PURE__ */ _export_sfc(_sfc_main$45, [["__scopeId", "data-v-1287b675"]]);
+const ExternalLinks = /* @__PURE__ */ _export_sfc(_sfc_main$45, [["__scopeId", "data-v-ba7b39ff"]]);
 
 const _hoisted_1$3d = { class: "mr-3 h-full" };
 const _hoisted_2$2m = { class: "flex flex-col gap-3 mb-3" };
@@ -147983,7 +147990,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     } = useCanvas$1();
     const { discardOverridesConfirmationOptions, getComponentOverrides } = useCanvasSectionOverrides();
     const { getDerivedStyleFromFeatureFlags } = useComponentStyle(componentNode);
-    const { crmShapeWithSectionCtx } = useCanvasContext();
+    const { fullContext } = useCanvasContext();
     const { setContentSelectorMode } = useContentSelector();
     const confirmation = useConfirmation();
     const themeVars = useThemeVars();
@@ -148136,7 +148143,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
         try {
           return {
             ...value,
-            external_url: renderTemplate(value.external_url, crmShapeWithSectionCtx.value)
+            external_url: renderTemplate(value.external_url, fullContext.value)
           };
         } catch (error) {
           console.warn("Failed to parse template in external URL, using original URL:", error);
@@ -148654,7 +148661,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
       setCanvasMetadata,
       isImpact
     } = useCanvas$1();
-    const { crmShapeWithSectionCtx } = useCanvasContext();
+    const { fullContext } = useCanvasContext();
     const { coreRestApiAxios } = useCoreApi();
     const { applyPrintModeToElement } = usePrintMode();
     const { discardOverridesConfirmationOptions, getComponentOverrides } = useCanvasSectionOverrides();
@@ -148711,7 +148718,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
     const memoizedModelValue = computed(() => getModelValue(computedTextProps.value.data?.content));
     function getModelValue(value = "") {
       if (!shouldInterpolate.value || !value.trim()) return value;
-      return renderTemplate(value, crmShapeWithSectionCtx.value);
+      return renderTemplate(value, fullContext.value);
     }
     const debouncedUpdateNodeData = debounce((data2, nodeId, sectionId) => {
       return updateNodeData(data2, nodeId, sectionId);
@@ -148819,7 +148826,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
               );
               applyPrintModeToElement(contentElement.value, () => {
                 const content = computedTextProps.value.data?.content || "";
-                return shouldInterpolate.value ? renderTemplate(content, crmShapeWithSectionCtx.value) : content;
+                return shouldInterpolate.value ? renderTemplate(content, fullContext.value) : content;
               });
               if (enableScaleContent && spanStyles) {
                 setTimeout(() => {
@@ -148931,7 +148938,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Text = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__scopeId", "data-v-b2424519"]]);
+const Text = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__scopeId", "data-v-73a884c3"]]);
 
 const _hoisted_1$1Q = { class: "absolute top-2 right-2 flex items-center gap-1 z-10" };
 const _hoisted_2$1m = { class: "text-xs" };