@arkcit/engine-render-layer 0.3.0

package/dist/index.js

@@ -0,0 +1,725 @@
+// src/resolvedNode.ts
+import {
+  createResolvedNode,
+  createResolvedNodeBase
+} from "@arkcit/engine-core";
+
+// src/nodeLayout.ts
+var toPositiveNumber = (value) => {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric) || numeric <= 0) return void 0;
+  return numeric;
+};
+var toColSpan = (value) => {
+  const numeric = Number(value);
+  if (!Number.isInteger(numeric) || numeric < 1 || numeric > 12) return void 0;
+  return numeric;
+};
+var toCardSection = (value) => {
+  if (value === "header" || value === "body" || value === "footer") return value;
+  return void 0;
+};
+var readRenderLayerNodeLayout = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  if (!props) return {};
+  const rawLayout = props.layout && typeof props.layout === "object" && !Array.isArray(props.layout) ? props.layout : {};
+  return {
+    widthPct: toPositiveNumber((_a = rawLayout.widthPct) != null ? _a : props.__studioWidthPct),
+    heightPct: toPositiveNumber((_b = rawLayout.heightPct) != null ? _b : props.__studioHeightPct),
+    heightPx: toPositiveNumber((_c = rawLayout.heightPx) != null ? _c : props.__studioHeightPx),
+    colSpan: toColSpan((_d = rawLayout.colSpan) != null ? _d : props.__studioColSpan),
+    wrapperClassName: String(
+      (_f = (_e = rawLayout.wrapperClassName) != null ? _e : props.__studioWrapperClassName) != null ? _f : ""
+    ).trim(),
+    cardSection: toCardSection((_g = rawLayout.cardSection) != null ? _g : props.__studioCardSection),
+    wizardStep: rawLayout.wizardStep === true ? true : void 0,
+    wizardStepRole: rawLayout.wizardStepRole === "title" || rawLayout.wizardStepRole === "description" ? rawLayout.wizardStepRole : void 0,
+    wizardContent: rawLayout.wizardContent === true ? true : void 0,
+    accordionItem: rawLayout.accordionItem === true ? true : void 0,
+    formRole: rawLayout.formRole === "field" || rawLayout.formRole === "title" || rawLayout.formRole === "submit" || rawLayout.formRole === "reset" || rawLayout.formRole === "step" || rawLayout.formRole === "step-content" || rawLayout.formRole === "trigger" || rawLayout.formRole === "content" ? rawLayout.formRole : void 0,
+    tabId: typeof rawLayout.tabId === "string" || typeof rawLayout.tabId === "number" ? String(rawLayout.tabId) : void 0
+  };
+};
+
+// src/normalizeTabsProps.ts
+var normalizeRenderLayerTabsProps = (props) => {
+  var _a;
+  const rawTabs = Array.isArray(props.tabs) ? props.tabs : [];
+  const tabs = rawTabs.length ? rawTabs.map((tab, index) => {
+    var _a2, _b, _c;
+    const rawTab = tab && typeof tab === "object" && !Array.isArray(tab) ? tab : {};
+    const id = String((_a2 = rawTab.id) != null ? _a2 : `tab-${index + 1}`);
+    const title = (_c = (_b = rawTab.title) != null ? _b : rawTab.label) != null ? _c : `Tab ${index + 1}`;
+    return {
+      ...rawTab,
+      id,
+      title,
+      label: title
+    };
+  }) : [
+    {
+      id: "overview",
+      title: "Overview",
+      label: "Overview",
+      content: "Overview content"
+    }
+  ];
+  const rawDict = props.dict && typeof props.dict === "object" && !Array.isArray(props.dict) ? props.dict : {};
+  const rawUrlSync = props.urlSync && typeof props.urlSync === "object" && !Array.isArray(props.urlSync) ? props.urlSync : null;
+  const rawNavigation = (rawUrlSync == null ? void 0 : rawUrlSync.navigation) && typeof rawUrlSync.navigation === "object" && !Array.isArray(rawUrlSync.navigation) ? rawUrlSync.navigation : null;
+  const normalizedUrlSync = rawNavigation && typeof rawNavigation.getSearch === "function" && typeof rawNavigation.replaceSearch === "function" ? {
+    ...rawUrlSync,
+    navigation: rawNavigation
+  } : void 0;
+  return {
+    ...props,
+    tabs,
+    dict: {
+      ...rawDict,
+      noContentYet: typeof rawDict.noContentYet === "string" && rawDict.noContentYet.trim().length > 0 ? rawDict.noContentYet : "No content yet"
+    },
+    defaultActive: typeof props.defaultActive === "string" && props.defaultActive.trim().length > 0 ? props.defaultActive : String((_a = tabs[0].id) != null ? _a : "overview"),
+    keepMounted: typeof props.keepMounted === "boolean" ? props.keepMounted : true,
+    urlSync: normalizedUrlSync
+  };
+};
+
+// src/renderBindingProps.ts
+var RENDER_BINDING_PROP_NAMES = /* @__PURE__ */ new Set([
+  "bindingEnabled",
+  "valueBindingKey",
+  "optionsBindingKey",
+  "useBindingData",
+  "entitiesBindingKey",
+  "videoBindingKey",
+  "mapBindingKey",
+  "productBindingKey",
+  "useTranslationKeys",
+  "tagContentTranslationKey",
+  "tagContentTranslationValue",
+  "hrefTranslationKey",
+  "hrefTranslationValue",
+  "mediaSource",
+  "mediaSrc",
+  "mediaAlt",
+  "rowsBindingKey",
+  "columnsBindingKey"
+]);
+var getRenderLayerBindingProps = (props) => {
+  if (!props || typeof props !== "object" || Array.isArray(props)) {
+    return {};
+  }
+  const source = props;
+  const embedded = source.__studio && typeof source.__studio === "object" && !Array.isArray(source.__studio) ? source.__studio : {};
+  const legacy = Array.from(RENDER_BINDING_PROP_NAMES).reduce(
+    (accumulator, key) => {
+      if (source[key] !== void 0) {
+        accumulator[key] = source[key];
+      }
+      return accumulator;
+    },
+    {}
+  );
+  return Array.from(RENDER_BINDING_PROP_NAMES).reduce((accumulator, key) => {
+    if (legacy[key] !== void 0) {
+      accumulator[key] = legacy[key];
+    } else if (embedded[key] !== void 0) {
+      accumulator[key] = embedded[key];
+    }
+    return accumulator;
+  }, {});
+};
+
+// src/runtimeBindings.ts
+var DANGEROUS_KEYS = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
+var MISSING_TRANSLATION_FALLBACK = "Lorem ipsum dolor sit amet. (fallback)";
+var MISSING_REF_FALLBACK = "Lorem ipsum dolor sit amet. (fallback)";
+var isPlainObject = (value) => {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+};
+var isReactElementLike = (value) => isPlainObject(value) && typeof value.$$typeof === "symbol" && "props" in value;
+var isTranslationValue = (value) => isPlainObject(value) && typeof value.$t === "string";
+var isRefValue = (value) => isPlainObject(value) && typeof value.$ref === "string";
+var isExprValue = (value) => isPlainObject(value) && typeof value.$expr === "string";
+var parseStructuredString = (value) => {
+  if (typeof value !== "string") return value;
+  const trimmed = value.trim();
+  if (!trimmed.startsWith("{") || !trimmed.endsWith("}")) return value;
+  try {
+    const parsed = JSON.parse(trimmed);
+    if (!isPlainObject(parsed)) return value;
+    if ((typeof parsed.$ref === "string" || typeof parsed.$t === "string") && Object.keys(parsed).length >= 1) {
+      return parsed;
+    }
+    return value;
+  } catch {
+    return value;
+  }
+};
+var resolveRenderLayerValue = (value, runtime) => {
+  const normalizedValue = parseStructuredString(value);
+  if (isTranslationValue(normalizedValue)) {
+    const fallback = typeof normalizedValue.defaultValue === "string" && normalizedValue.defaultValue.trim() ? normalizedValue.defaultValue : normalizedValue.$t;
+    if (!runtime.t) return fallback || MISSING_TRANSLATION_FALLBACK;
+    const translated = runtime.t(normalizedValue.$t, normalizedValue.values);
+    if (typeof translated !== "string") return fallback || MISSING_TRANSLATION_FALLBACK;
+    if (!translated.trim()) return fallback || MISSING_TRANSLATION_FALLBACK;
+    if (translated === normalizedValue.$t) return fallback || MISSING_TRANSLATION_FALLBACK;
+    return translated;
+  }
+  if (isRefValue(normalizedValue)) {
+    const resolved = runtime.get(normalizedValue.$ref);
+    if (resolved == null) return MISSING_REF_FALLBACK;
+    if (typeof resolved === "string" && !resolved.trim()) return MISSING_REF_FALLBACK;
+    return resolved;
+  }
+  if (isExprValue(normalizedValue)) {
+    return void 0;
+  }
+  if (Array.isArray(normalizedValue)) {
+    return normalizedValue.map((item) => resolveRenderLayerValue(item, runtime));
+  }
+  if (isReactElementLike(normalizedValue)) {
+    return normalizedValue;
+  }
+  if (isPlainObject(normalizedValue)) {
+    const next = {};
+    Object.entries(normalizedValue).forEach(([key, childValue]) => {
+      if (DANGEROUS_KEYS.has(key)) return;
+      next[key] = resolveRenderLayerValue(childValue, runtime);
+    });
+    return next;
+  }
+  return normalizedValue;
+};
+var resolveRenderLayerNodeProps = (props, runtime) => {
+  if (!props) return {};
+  const resolved = {};
+  Object.entries(props).forEach(([key, value]) => {
+    if (DANGEROUS_KEYS.has(key)) return;
+    resolved[key] = resolveRenderLayerValue(value, runtime);
+  });
+  return resolved;
+};
+var bindRenderLayerNodeEvents = (events, runtime) => {
+  if (!events) return {};
+  const handlers = {};
+  const extractDynamicPayload = (eventName, args) => {
+    var _a;
+    if (eventName !== "onChange") return void 0;
+    const firstArg = args[0];
+    if (!firstArg || typeof firstArg !== "object" || !("target" in firstArg)) {
+      return void 0;
+    }
+    const target = firstArg.target;
+    if (!target) return void 0;
+    const isCheckboxType = String((_a = target.type) != null ? _a : "").toLowerCase() === "checkbox";
+    const query = isCheckboxType ? target.checked : target.value;
+    return {
+      query,
+      value: target.value,
+      checked: target.checked
+    };
+  };
+  Object.entries(events).forEach(([eventName, action]) => {
+    if (!action) return;
+    handlers[eventName] = (...args) => {
+      const actionRef = action;
+      const dynamicPayload = extractDynamicPayload(eventName, args);
+      if (!dynamicPayload) {
+        runtime.dispatch(actionRef);
+        return;
+      }
+      if ("id" in actionRef) {
+        const basePayload = actionRef.payload && typeof actionRef.payload === "object" ? actionRef.payload : {};
+        runtime.dispatch({
+          ...actionRef,
+          payload: {
+            ...basePayload,
+            ...dynamicPayload
+          }
+        });
+        return;
+      }
+      if ("type" in actionRef) {
+        const basePayload = actionRef.payload && typeof actionRef.payload === "object" ? actionRef.payload : {};
+        runtime.dispatch({
+          ...actionRef,
+          payload: {
+            ...basePayload,
+            ...dynamicPayload
+          }
+        });
+        return;
+      }
+      runtime.dispatch(actionRef);
+    };
+  });
+  return handlers;
+};
+
+// src/resolveChildContentDescriptor.ts
+var resolveChildContentDescriptor = ({
+  childDescriptors
+}) => {
+  if (childDescriptors.length === 0) {
+    return { kind: "empty" };
+  }
+  if (childDescriptors.length === 1) {
+    return {
+      kind: "single",
+      child: childDescriptors[0]
+    };
+  }
+  return {
+    kind: "list",
+    children: childDescriptors
+  };
+};
+
+// src/resolveChildDescriptors.ts
+var resolveChildDescriptors = ({
+  node,
+  internalStudioNodeTypes
+}) => {
+  var _a, _b;
+  const renderableChildren = (_a = node.children) == null ? void 0 : _a.filter(
+    (child) => !internalStudioNodeTypes.has(child.type)
+  );
+  return (_b = renderableChildren == null ? void 0 : renderableChildren.map((child) => {
+    var _a2, _b2;
+    if (node.type === "Grid") {
+      const childLayout = readRenderLayerNodeLayout(
+        (_a2 = child.props) != null ? _a2 : {}
+      );
+      return {
+        kind: "grid-item",
+        child,
+        colSpan: (_b2 = childLayout.colSpan) != null ? _b2 : 12
+      };
+    }
+    return {
+      kind: "node",
+      child
+    };
+  })) != null ? _b : [];
+};
+
+// src/resolveCoverContentDescriptor.ts
+var resolveCoverContentDescriptor = ({
+  rawChildren
+}) => ({
+  actionNodes: rawChildren.filter((child) => child.type === "Button" || child.type === "Link"),
+  contentNodes: rawChildren.filter((child) => child.type !== "Button" && child.type !== "Link")
+});
+
+// src/resolveContentCompositionPlan.ts
+var resolveContentCompositionPlan = ({
+  node,
+  isStudioRendererContext,
+  internalStudioNodeTypes
+}) => {
+  var _a, _b, _c, _d;
+  const plans = [];
+  if (node.type === "Button") {
+    const rawEnableEventOnClick = (_a = node.props) == null ? void 0 : _a.buttonEnableEventOnClick;
+    const hasExplicitToggle = rawEnableEventOnClick !== void 0;
+    const enableEventOnClick = typeof rawEnableEventOnClick === "boolean" ? rawEnableEventOnClick : typeof rawEnableEventOnClick === "string" ? rawEnableEventOnClick.toLowerCase() === "true" : Boolean(rawEnableEventOnClick);
+    if (hasExplicitToggle && !enableEventOnClick) {
+      plans.push({
+        kind: "button-toggle",
+        disableOnClick: true
+      });
+    }
+  }
+  if (node.type === "FormField") {
+    plans.push({ kind: "form-field" });
+  }
+  if (node.type === "Form" && isStudioRendererContext) {
+    plans.push({
+      kind: "studio-form",
+      visibleChildren: ((_b = node.children) != null ? _b : []).filter(
+        (child) => !internalStudioNodeTypes.has(child.type)
+      )
+    });
+  }
+  if (node.type === "Cover") {
+    const rawChildren = ((_c = node.children) != null ? _c : []).filter(
+      (child) => !internalStudioNodeTypes.has(child.type)
+    );
+    plans.push({
+      kind: "cover-content",
+      rawChildren,
+      descriptor: resolveCoverContentDescriptor({
+        rawChildren
+      })
+    });
+  }
+  if (node.type === "ScrollReveal") {
+    plans.push({
+      kind: "scroll-reveal",
+      rawChildren: ((_d = node.children) != null ? _d : []).filter(
+        (child) => !internalStudioNodeTypes.has(child.type)
+      )
+    });
+  }
+  return plans;
+};
+
+// src/resolveFinalRenderPlan.ts
+var resolveFinalRenderPlan = ({
+  node,
+  componentProps,
+  isStudioRendererContext,
+  studioSizing
+}) => {
+  const plans = [];
+  if (studioSizing) {
+    const existingStyle = componentProps.style && typeof componentProps.style === "object" && !Array.isArray(componentProps.style) ? componentProps.style : {};
+    const nextStyle = { ...existingStyle };
+    if (studioSizing.widthPct !== null) {
+      nextStyle.width = "100%";
+      nextStyle.maxWidth = "100%";
+    }
+    if (studioSizing.heightPx !== null) {
+      nextStyle.height = `${studioSizing.heightPx}px`;
+    } else if (studioSizing.heightPct !== null) {
+      nextStyle.height = `${studioSizing.heightPct}%`;
+    }
+    plans.push({
+      kind: "style-sizing",
+      style: nextStyle
+    });
+  }
+  if (node.type === "Link" && isStudioRendererContext) {
+    plans.push({ kind: "configure-studio-link" });
+  }
+  plans.push({ kind: "cleanup-studio-props" });
+  if (node.type === "Table") {
+    plans.push({ kind: "table-fallback" });
+  }
+  return plans;
+};
+
+// src/resolveNodeBase.ts
+var shouldInferImplicitGridCols = (node, componentProps, childDescriptors) => {
+  if (node.type !== "Grid") return false;
+  const explicitCols = componentProps.cols;
+  if (explicitCols !== void 0 && explicitCols !== null && String(explicitCols).trim() !== "") {
+    return false;
+  }
+  return childDescriptors.some(
+    (descriptor) => descriptor.kind === "grid-item" && typeof descriptor.colSpan === "number"
+  );
+};
+var resolveNodeBase = ({
+  node,
+  runtime,
+  internalStudioNodeTypes
+}) => {
+  const resolvedProps = resolveRenderLayerNodeProps(node.props, runtime);
+  const eventHandlers = bindRenderLayerNodeEvents(node.events, runtime);
+  const childDescriptors = resolveChildDescriptors({
+    node,
+    internalStudioNodeTypes
+  });
+  const childContentDescriptor = resolveChildContentDescriptor({
+    childDescriptors
+  });
+  const componentProps = {
+    ...resolvedProps,
+    ...eventHandlers
+  };
+  if (shouldInferImplicitGridCols(node, componentProps, childDescriptors)) {
+    componentProps.cols = 12;
+  }
+  const renderBindingProps = getRenderLayerBindingProps(componentProps);
+  return createResolvedNodeBase({
+    node,
+    componentProps,
+    renderBindingProps,
+    childDescriptors,
+    childContentDescriptor
+  });
+};
+
+// src/resolveNavigationContentDescriptors.ts
+var resolveAccordionItemDescriptors = ({
+  accordionChildren
+}) => accordionChildren.map((child, index) => {
+  var _a, _b, _c, _d, _e, _f;
+  const childProps = (_a = child.props) != null ? _a : {};
+  const contentNodes = (_b = child.children) != null ? _b : [];
+  const hasContentNodes = contentNodes.length > 0;
+  return {
+    id: String((_d = (_c = childProps.id) != null ? _c : child.id) != null ? _d : `item-${index + 1}`),
+    title: String((_e = childProps.title) != null ? _e : `Section ${index + 1}`),
+    disabled: Boolean(childProps.disabled),
+    contentKind: hasContentNodes ? "nodes" : "text",
+    contentText: hasContentNodes ? null : String((_f = childProps.content) != null ? _f : ""),
+    contentNodes
+  };
+});
+var resolveExpandablePanelContentDescriptor = ({
+  panelChildren
+}) => panelChildren.length === 0 ? {
+  kind: "empty",
+  nodes: []
+} : {
+  kind: "nodes",
+  nodes: panelChildren
+};
+
+// src/resolveTabsContentDescriptors.ts
+var resolveTabsContentDescriptors = ({
+  tabItems,
+  rawChildren,
+  runtime
+}) => {
+  const childrenByTabId = /* @__PURE__ */ new Map();
+  const unassignedChildren = [];
+  rawChildren.forEach((child) => {
+    var _a, _b, _c;
+    const childProps = (_a = child.props) != null ? _a : {};
+    const rawLayout = childProps.layout && typeof childProps.layout === "object" && !Array.isArray(childProps.layout) ? childProps.layout : {};
+    const tabIdFromLayout = (_b = rawLayout.tabId) != null ? _b : childProps.__studioTabId;
+    const resolvedTabId = resolveRenderLayerValue(tabIdFromLayout, runtime);
+    const normalizedTabId = String(resolvedTabId != null ? resolvedTabId : "").trim();
+    if (!normalizedTabId) {
+      unassignedChildren.push(child);
+      return;
+    }
+    const existing = (_c = childrenByTabId.get(normalizedTabId)) != null ? _c : [];
+    existing.push(child);
+    childrenByTabId.set(normalizedTabId, existing);
+  });
+  return tabItems.map((item, index) => {
+    var _a, _b, _c, _d;
+    const rawId = (_a = item.id) != null ? _a : `tab-${index + 1}`;
+    const resolvedId = resolveRenderLayerValue(rawId, runtime);
+    const normalizedId = String(
+      resolvedId == null || String(resolvedId).trim().length === 0 ? rawId : resolvedId
+    );
+    const rawTitle = (_b = item.title) != null ? _b : item.label;
+    const resolvedTitle = resolveRenderLayerValue(rawTitle, runtime);
+    const normalizedTitle = (_c = resolvedTitle != null ? resolvedTitle : rawTitle) != null ? _c : `Tab ${index + 1}`;
+    const mappedChildren = (_d = childrenByTabId.get(normalizedId)) != null ? _d : [];
+    const fallbackChildren = index === 0 ? unassignedChildren : [];
+    const contentNodes = [...mappedChildren, ...fallbackChildren];
+    return {
+      id: normalizedId,
+      title: normalizedTitle,
+      label: normalizedTitle,
+      contentKind: contentNodes.length > 0 ? "nodes" : "fallback",
+      contentNodes,
+      fallbackContent: item.content
+    };
+  });
+};
+
+// src/resolveNavigationCompositionPlan.ts
+var resolveNavigationCompositionPlan = ({
+  node,
+  componentProps,
+  internalStudioNodeTypes,
+  runtime
+}) => {
+  var _a, _b, _c;
+  const plans = [];
+  if (node.type === "FormWizard") {
+    plans.push({ kind: "form-wizard" });
+  }
+  if (node.type === "Accordion") {
+    const accordionChildren = ((_a = node.children) != null ? _a : []).filter(
+      (child) => !internalStudioNodeTypes.has(child.type)
+    );
+    plans.push({
+      kind: "accordion",
+      accordionChildren,
+      itemDescriptors: resolveAccordionItemDescriptors({
+        accordionChildren
+      })
+    });
+  }
+  if (node.type === "ExpandablePanel") {
+    const panelChildren = ((_b = node.children) != null ? _b : []).filter(
+      (child) => !internalStudioNodeTypes.has(child.type)
+    );
+    plans.push({
+      kind: "expandable-panel",
+      panelChildren,
+      contentDescriptor: resolveExpandablePanelContentDescriptor({
+        panelChildren
+      })
+    });
+  }
+  if (node.type === "Tabs") {
+    const rawChildren = ((_c = node.children) != null ? _c : []).filter(
+      (child) => !internalStudioNodeTypes.has(child.type)
+    );
+    const normalizedComponentProps = normalizeRenderLayerTabsProps(componentProps);
+    const normalizedTabs = Array.isArray(normalizedComponentProps.tabs) ? normalizedComponentProps.tabs : [];
+    plans.push({
+      kind: "tabs",
+      normalizedComponentProps,
+      rawChildren,
+      tabDescriptors: resolveTabsContentDescriptors({
+        tabItems: normalizedTabs,
+        rawChildren,
+        runtime
+      })
+    });
+  }
+  return plans;
+};
+
+// src/resolveRenderDirectivePlan.ts
+var resolveRenderDirectivePlan = ({
+  node,
+  renderBindingProps
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  const directives = [];
+  if (node.type === "DataGrid") {
+    const useBindingData = Boolean(renderBindingProps.useBindingData);
+    if (useBindingData) {
+      const rowsBindingKey = String((_a = renderBindingProps.rowsBindingKey) != null ? _a : "").trim();
+      const columnsBindingKey = String((_b = renderBindingProps.columnsBindingKey) != null ? _b : "").trim();
+      directives.push({
+        kind: "rows-columns-binding",
+        rowsBindingKey,
+        columnsBindingKey
+      });
+    }
+    directives.push({
+      kind: "filter-rows-by-query",
+      nodeId: node.id
+    });
+  }
+  if (node.type === "Cover") {
+    directives.push({
+      kind: "cover-media",
+      mediaSource: String((_c = renderBindingProps.mediaSource) != null ? _c : "").trim().toLowerCase(),
+      mediaSrc: String((_d = renderBindingProps.mediaSrc) != null ? _d : "").trim(),
+      mediaAlt: String((_e = renderBindingProps.mediaAlt) != null ? _e : "Cover media").trim()
+    });
+  }
+  if (node.type === "Table") {
+    const useBindingData = Boolean(renderBindingProps.useBindingData);
+    if (useBindingData) {
+      const rowsBindingKey = String((_f = renderBindingProps.rowsBindingKey) != null ? _f : "").trim();
+      const columnsBindingKey = String((_g = renderBindingProps.columnsBindingKey) != null ? _g : "").trim();
+      directives.push({
+        kind: "rows-columns-binding",
+        rowsBindingKey,
+        columnsBindingKey
+      });
+    }
+  }
+  if (node.type === "EmbeddedVideo") {
+    const useBindingData = Boolean(renderBindingProps.useBindingData);
+    if (useBindingData) {
+      directives.push({
+        kind: "object-binding",
+        bindingKey: String((_h = renderBindingProps.videoBindingKey) != null ? _h : "").trim()
+      });
+    }
+  }
+  if (node.type === "MapCard") {
+    const useBindingData = Boolean(renderBindingProps.useBindingData);
+    if (useBindingData) {
+      directives.push({
+        kind: "object-binding",
+        bindingKey: String((_i = renderBindingProps.mapBindingKey) != null ? _i : "").trim()
+      });
+    }
+  }
+  if (node.type === "Product") {
+    const useBindingData = Boolean(renderBindingProps.useBindingData);
+    if (useBindingData) {
+      directives.push({
+        kind: "object-binding",
+        bindingKey: String((_j = renderBindingProps.productBindingKey) != null ? _j : "").trim()
+      });
+    }
+  }
+  if (node.type === "DecodeTranslation") {
+    const useTranslationKeys = Boolean(renderBindingProps.useTranslationKeys);
+    if (useTranslationKeys) {
+      directives.push({
+        kind: "decode-translation-binding",
+        tagContentTranslationKey: String(
+          (_k = renderBindingProps.tagContentTranslationKey) != null ? _k : ""
+        ).trim(),
+        tagContentTranslationValue: String((_l = renderBindingProps.tagContentTranslationValue) != null ? _l : ""),
+        hrefTranslationKey: String((_m = renderBindingProps.hrefTranslationKey) != null ? _m : "").trim(),
+        hrefTranslationValue: String((_n = renderBindingProps.hrefTranslationValue) != null ? _n : "")
+      });
+    }
+  }
+  return directives;
+};
+
+// src/resolveResolvedNode.ts
+var resolveResolvedNode = ({
+  node,
+  runtime,
+  internalStudioNodeTypes,
+  isStudioRendererContext,
+  studioSizing
+}) => {
+  const baseNode = resolveNodeBase({
+    node,
+    runtime,
+    internalStudioNodeTypes
+  });
+  return createResolvedNode({
+    ...baseNode,
+    contentPlans: resolveContentCompositionPlan({
+      node,
+      isStudioRendererContext,
+      internalStudioNodeTypes
+    }),
+    navigationPlans: resolveNavigationCompositionPlan({
+      node,
+      componentProps: baseNode.componentProps,
+      internalStudioNodeTypes,
+      runtime
+    }),
+    renderDirectivePlans: resolveRenderDirectivePlan({
+      node,
+      renderBindingProps: baseNode.renderBindingProps
+    }),
+    finalRenderPlans: resolveFinalRenderPlan({
+      node,
+      componentProps: baseNode.componentProps,
+      isStudioRendererContext,
+      studioSizing
+    })
+  });
+};
+export {
+  RENDER_BINDING_PROP_NAMES,
+  bindRenderLayerNodeEvents,
+  createResolvedNode,
+  createResolvedNodeBase,
+  getRenderLayerBindingProps,
+  normalizeRenderLayerTabsProps,
+  readRenderLayerNodeLayout,
+  resolveAccordionItemDescriptors,
+  resolveChildContentDescriptor,
+  resolveChildDescriptors,
+  resolveContentCompositionPlan,
+  resolveCoverContentDescriptor,
+  resolveExpandablePanelContentDescriptor,
+  resolveFinalRenderPlan,
+  resolveNavigationCompositionPlan,
+  resolveNodeBase,
+  resolveRenderDirectivePlan,
+  resolveRenderLayerNodeProps,
+  resolveRenderLayerValue,
+  resolveResolvedNode,
+  resolveTabsContentDescriptors
+};