@json-to-office/core-pptx 0.3.0 → 0.8.0

package/dist/components/highcharts.d.ts

@@ -4,5 +4,6 @@
 import type PptxGenJS from 'pptxgenjs';
 import type { PptxThemeConfig, PipelineWarning } from '../types';
 import type { PptxHighchartsProps } from '@json-to-office/shared-pptx';
-export declare function renderHighchartsComponent(slide: PptxGenJS.Slide, props: PptxHighchartsProps, _theme: PptxThemeConfig, _warnings?: PipelineWarning[]): Promise<void>;
+import type { HighchartsServiceConfig } from '@json-to-office/shared';
+export declare function renderHighchartsComponent(slide: PptxGenJS.Slide, props: PptxHighchartsProps, _theme: PptxThemeConfig, _warnings?: PipelineWarning[], servicesConfig?: HighchartsServiceConfig): Promise<void>;
 //# sourceMappingURL=highcharts.d.ts.map

package/dist/components/highcharts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highcharts.d.ts","sourceRoot":"","sources":["../../src/components/highcharts.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAyDvE,wBAAsB,yBAAyB,CAC7C,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,KAAK,EAAE,mBAAmB,EAC1B,MAAM,EAAE,eAAe,EACvB,SAAS,CAAC,EAAE,eAAe,EAAE,GAC5B,OAAO,CAAC,IAAI,CAAC,CAaf"}
+{"version":3,"file":"highcharts.d.ts","sourceRoot":"","sources":["../../src/components/highcharts.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAmEtE,wBAAsB,yBAAyB,CAC7C,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,KAAK,EAAE,mBAAmB,EAC1B,MAAM,EAAE,eAAe,EACvB,SAAS,CAAC,EAAE,eAAe,EAAE,EAC7B,cAAc,CAAC,EAAE,uBAAuB,GACvC,OAAO,CAAC,IAAI,CAAC,CAaf"}

package/dist/components/index.d.ts

@@ -3,11 +3,12 @@
  */
 import type PptxGenJS from 'pptxgenjs';
 import type { PptxThemeConfig, PptxComponentInput, PipelineWarning, SlideContext } from '../types';
+import type { ServicesConfig } from '@json-to-office/shared';
 export { renderTextComponent } from './text';
 export { renderImageComponent } from './image';
 export { renderShapeComponent } from './shape';
 export { renderTableComponent } from './table';
 export { renderHighchartsComponent } from './highcharts';
 export { renderChartComponent } from './chart';
-export declare function renderComponent(slide: PptxGenJS.Slide, component: PptxComponentInput, theme: PptxThemeConfig, pptx: PptxGenJS, warnings?: PipelineWarning[], slideCtx?: SlideContext): Promise<void>;
+export declare function renderComponent(slide: PptxGenJS.Slide, component: PptxComponentInput, theme: PptxThemeConfig, pptx: PptxGenJS, warnings?: PipelineWarning[], slideCtx?: SlideContext, services?: ServicesConfig): Promise<void>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAsB,eAAe,CACnC,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,SAAS,EACf,QAAQ,CAAC,EAAE,eAAe,EAAE,EAC5B,QAAQ,CAAC,EAAE,YAAY,GACtB,OAAO,CAAC,IAAI,CAAC,CA4Bf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AACvC,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,YAAY,EACb,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAS7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAsB,eAAe,CACnC,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,SAAS,EACf,QAAQ,CAAC,EAAE,eAAe,EAAE,EAC5B,QAAQ,CAAC,EAAE,YAAY,EACvB,QAAQ,CAAC,EAAE,cAAc,GACxB,OAAO,CAAC,IAAI,CAAC,CAuCf"}

package/dist/core/generator.d.ts

@@ -5,11 +5,13 @@
 /// <reference types="node" />
 import PptxGenJS from 'pptxgenjs';
 import type { PresentationComponentDefinition, PptxThemeConfig, PipelineWarning } from '../types';
+import type { ServicesConfig } from '@json-to-office/shared';
 /**
  * Options for the generation pipeline
  */
 export interface GenerationOptions {
     customThemes?: Record<string, PptxThemeConfig>;
+    services?: ServicesConfig;
 }
 /**
  * Result from generateBufferWithWarnings

package/dist/core/generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../src/core/generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,SAAS,MAAM,WAAW,CAAC;AAGlC,OAAO,KAAK,EAAE,+BAA+B,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAKlG;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;CAChD;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,iCAAiC,CAC/C,UAAU,EAAE,OAAO,GAClB,UAAU,IAAI,+BAA+B,CAI/C;AAED;;GAEG;AACH,wBAAsB,oBAAoB,CACxC,QAAQ,EAAE,+BAA+B,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,GAC3B,OAAO,CAAC,SAAS,CAAC,CAOpB;AAED;;GAEG;AACH,wBAAsB,sBAAsB,CAC1C,UAAU,EAAE,MAAM,GAAG,+BAA+B,EACpD,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,MAAM,CAAC,CAGjB;AAED;;GAEG;AACH,wBAAsB,0BAA0B,CAC9C,UAAU,EAAE,MAAM,GAAG,+BAA+B,EACpD,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,gBAAgB,CAAC,CAkB3B;AAED;;GAEG;AACH,wBAAsB,uBAAuB,CAC3C,UAAU,EAAE,MAAM,GAAG,+BAA+B,EACpD,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,IAAI,CAAC,CAGf;AAED;;GAEG;AACH,wBAAsB,gBAAgB,CACpC,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,IAAI,CAAC,CAIf;AAuBD;;GAEG;AACH,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,SAAS,EACf,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,IAAI,CAAC,CAIf;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;CAQjC,CAAC"}
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../src/core/generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,SAAS,MAAM,WAAW,CAAC;AAGlC,OAAO,KAAK,EACV,+BAA+B,EAC/B,eAAe,EACf,eAAe,EAChB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,iCAAiC,CAC/C,UAAU,EAAE,OAAO,GAClB,UAAU,IAAI,+BAA+B,CAI/C;AAED;;GAEG;AACH,wBAAsB,oBAAoB,CACxC,QAAQ,EAAE,+BAA+B,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,GAC3B,OAAO,CAAC,SAAS,CAAC,CAOpB;AAED;;GAEG;AACH,wBAAsB,sBAAsB,CAC1C,UAAU,EAAE,MAAM,GAAG,+BAA+B,EACpD,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,MAAM,CAAC,CAGjB;AAED;;GAEG;AACH,wBAAsB,0BAA0B,CAC9C,UAAU,EAAE,MAAM,GAAG,+BAA+B,EACpD,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,gBAAgB,CAAC,CAkB3B;AAED;;GAEG;AACH,wBAAsB,uBAAuB,CAC3C,UAAU,EAAE,MAAM,GAAG,+BAA+B,EACpD,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,IAAI,CAAC,CAGf;AAED;;GAEG;AACH,wBAAsB,gBAAgB,CACpC,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,IAAI,CAAC,CAIf;AAyBD;;GAEG;AACH,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,SAAS,EACf,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,IAAI,CAAC,CAIf;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;CAQjC,CAAC"}

package/dist/core/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/core/render.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAgB,MAAM,UAAU,CAAC;AAOrF,wBAAsB,kBAAkB,CACtC,SAAS,EAAE,qBAAqB,EAChC,QAAQ,CAAC,EAAE,eAAe,EAAE,GAC3B,OAAO,CAAC,SAAS,CAAC,CAiJpB"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/core/render.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EAEhB,MAAM,UAAU,CAAC;AAUlB,wBAAsB,kBAAkB,CACtC,SAAS,EAAE,qBAAqB,EAChC,QAAQ,CAAC,EAAE,eAAe,EAAE,GAC3B,OAAO,CAAC,SAAS,CAAC,CAuOpB"}

package/dist/core/structure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"structure.d.ts","sourceRoot":"","sources":["../../src/core/structure.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAEV,+BAA+B,EAC/B,qBAAqB,EAGtB,MAAM,UAAU,CAAC;AAIlB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,+BAA+B,EACzC,OAAO,CAAC,EAAE,iBAAiB,GAC1B,qBAAqB,CA4EvB"}
+{"version":3,"file":"structure.d.ts","sourceRoot":"","sources":["../../src/core/structure.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAEV,+BAA+B,EAC/B,qBAAqB,EAGtB,MAAM,UAAU,CAAC;AAQlB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAIrD,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,+BAA+B,EACzC,OAAO,CAAC,EAAE,iBAAiB,GAC1B,qBAAqB,CA6GvB"}

package/dist/index.js

@@ -212,11 +212,113 @@ function getPptxTheme(name) {
 }
 var pptxThemes = PPTX_THEMES;
 
+// src/utils/componentDefaults.ts
+import { mergeWithDefaults } from "@json-to-office/shared";
+function getComponentDefaults(theme) {
+  return theme.componentDefaults || {};
+}
+function getTextDefaults(theme) {
+  return getComponentDefaults(theme).text || {};
+}
+function getImageDefaults(theme) {
+  return getComponentDefaults(theme).image || {};
+}
+function getShapeDefaults(theme) {
+  return getComponentDefaults(theme).shape || {};
+}
+function getTableDefaults(theme) {
+  return getComponentDefaults(theme).table || {};
+}
+function getHighchartsDefaults(theme) {
+  return getComponentDefaults(theme).highcharts || {};
+}
+function getChartDefaults(theme) {
+  return getComponentDefaults(theme).chart || {};
+}
+function getCustomComponentDefaults(theme, componentName) {
+  const defaults = getComponentDefaults(theme);
+  return defaults?.[componentName] || {};
+}
+function resolveTextProps(props, theme) {
+  return mergeWithDefaults(props, getTextDefaults(theme));
+}
+function resolveImageProps(props, theme) {
+  return mergeWithDefaults(props, getImageDefaults(theme));
+}
+function resolveShapeProps(props, theme) {
+  return mergeWithDefaults(props, getShapeDefaults(theme));
+}
+function resolveTableProps(props, theme) {
+  return mergeWithDefaults(props, getTableDefaults(theme));
+}
+function resolveHighchartsProps(props, theme) {
+  return mergeWithDefaults(props, getHighchartsDefaults(theme));
+}
+function resolveChartProps(props, theme) {
+  return mergeWithDefaults(props, getChartDefaults(theme));
+}
+function resolveCustomComponentProps(props, theme, componentName) {
+  const defaults = getCustomComponentDefaults(theme, componentName);
+  return mergeWithDefaults(props, defaults);
+}
+var TYPE_GETTERS = {
+  text: getTextDefaults,
+  image: getImageDefaults,
+  shape: getShapeDefaults,
+  table: getTableDefaults,
+  highcharts: getHighchartsDefaults,
+  chart: getChartDefaults
+};
+function getDefaultsForType(componentName, theme) {
+  const getter = TYPE_GETTERS[componentName];
+  return getter ? getter(theme) : getCustomComponentDefaults(theme, componentName);
+}
+
+// src/utils/resolveComponentTree.ts
+var RESOLVER_MAP = {
+  text: resolveTextProps,
+  image: resolveImageProps,
+  shape: resolveShapeProps,
+  table: resolveTableProps,
+  highcharts: resolveHighchartsProps,
+  chart: resolveChartProps
+};
+function resolveComponentDefaults(component, theme) {
+  const resolver = RESOLVER_MAP[component.name];
+  const resolvedProps = resolver ? resolver(component.props, theme) : resolveCustomComponentProps(
+    component.props,
+    theme,
+    component.name
+  );
+  return { ...component, props: resolvedProps };
+}
+function resolveComponentTree(components, theme) {
+  return components.map((component) => {
+    const resolved = resolveComponentDefaults(component, theme);
+    if (resolved.children && resolved.children.length > 0) {
+      return {
+        ...resolved,
+        children: resolveComponentTree(resolved.children, theme)
+      };
+    }
+    return resolved;
+  });
+}
+
 // src/core/structure.ts
+import { mergeWithDefaults as mergeWithDefaults2 } from "@json-to-office/shared";
 function processPresentation(document, options) {
   const { props, children = [] } = document;
   const themeName = props.theme ?? "default";
-  const theme = options?.customThemes?.[themeName] ?? getPptxTheme(themeName);
+  const baseTheme = options?.customThemes?.[themeName] ?? getPptxTheme(themeName);
+  const presDefaults = props.componentDefaults;
+  const theme = presDefaults ? {
+    ...baseTheme,
+    componentDefaults: mergeWithDefaults2(
+      presDefaults,
+      baseTheme.componentDefaults || {}
+    )
+  } : baseTheme;
   const slideWidth = props.slideWidth ?? 10;
   const slideHeight = props.slideHeight ?? 7.5;
   let templates;
@@ -225,7 +327,12 @@ function processPresentation(document, options) {
       const effectiveGrid = mergeGridConfigs(props.grid, m.grid);
       const resolvedPhs = m.placeholders?.map((ph) => {
         if (!ph.grid) return ph;
-        const abs = resolveGridPosition(ph.grid, effectiveGrid, slideWidth, slideHeight);
+        const abs = resolveGridPosition(
+          ph.grid,
+          effectiveGrid,
+          slideWidth,
+          slideHeight
+        );
         return {
           ...ph,
           x: ph.x ?? abs.x,
@@ -235,8 +342,14 @@ function processPresentation(document, options) {
           grid: void 0
         };
       });
-      const resolvedObjects = m.objects?.map(
-        (obj) => resolveComponentGridPosition(obj, effectiveGrid, slideWidth, slideHeight)
+      const defaultedObjects = m.objects ? resolveComponentTree(m.objects, theme) : void 0;
+      const resolvedObjects = defaultedObjects?.map(
+        (obj) => resolveComponentGridPosition(
+          obj,
+          effectiveGrid,
+          slideWidth,
+          slideHeight
+        )
       );
       return { ...m, placeholders: resolvedPhs, objects: resolvedObjects };
     });
@@ -250,8 +363,9 @@ function processPresentation(document, options) {
           slideComponents.push(slideChild);
         }
       }
+      const resolvedComponents = resolveComponentTree(slideComponents, theme);
       slides.push({
-        components: slideComponents,
+        components: resolvedComponents,
         background: child.props.background,
         notes: child.props.notes,
         layout: child.props.layout,
@@ -275,7 +389,8 @@ function processPresentation(document, options) {
     rtlMode: props.rtlMode ?? false,
     pageNumberFormat: props.pageNumberFormat ?? "9",
     slides,
-    templates
+    templates,
+    services: options?.services
   };
 }
 
@@ -779,19 +894,27 @@ function isNodeEnvironment() {
 // src/components/highcharts.ts
 var PX_PER_INCH = 96;
 var DEFAULT_EXPORT_SERVER_URL = "http://localhost:7801";
-function getExportServerUrl(propsUrl) {
-  return propsUrl || process.env.HIGHCHARTS_SERVER_URL || DEFAULT_EXPORT_SERVER_URL;
+function getExportServerUrl(propsUrl, servicesUrl) {
+  const raw = propsUrl || servicesUrl || DEFAULT_EXPORT_SERVER_URL;
+  return raw.startsWith("http") ? raw : `http://${raw}`;
 }
-async function generateChart(config) {
+async function generateChart(config, servicesConfig) {
   if (!isNodeEnvironment()) {
     throw new Error(
       "Highcharts export server requires a Node.js environment. Chart generation is not available in browser environments."
     );
   }
-  const serverUrl = getExportServerUrl(config.serverUrl);
+  const serverUrl = getExportServerUrl(
+    config.serverUrl,
+    servicesConfig?.serverUrl
+  );
+  const headers = {
+    "Content-Type": "application/json",
+    ...servicesConfig?.headers
+  };
   const response = await fetch(`${serverUrl}/export`, {
     method: "POST",
-    headers: { "Content-Type": "application/json" },
+    headers,
     body: JSON.stringify({
       infile: config.options,
       type: "png",
@@ -816,8 +939,8 @@ Cause: ${error instanceof Error ? error.message : String(error)}`
     height: config.options.chart?.height ?? 720
   };
 }
-async function renderHighchartsComponent(slide, props, _theme, _warnings) {
-  const chart = await generateChart(props);
+async function renderHighchartsComponent(slide, props, _theme, _warnings, servicesConfig) {
+  const chart = await generateChart(props, servicesConfig);
   const w = props.w ?? chart.width / PX_PER_INCH;
   const h = props.h ?? chart.height / PX_PER_INCH;
   slide.addImage({
@@ -927,7 +1050,7 @@ function renderChartComponent(slide, props, theme, _pptx, warnings) {
 }
 
 // src/components/index.ts
-async function renderComponent(slide, component, theme, pptx, warnings, slideCtx) {
+async function renderComponent(slide, component, theme, pptx, warnings, slideCtx, services) {
   if (component.enabled === false) return;
   const { name, props } = component;
   const p = props;
@@ -945,13 +1068,24 @@ async function renderComponent(slide, component, theme, pptx, warnings, slideCtx
       renderTableComponent(slide, p, theme, pptx, warnings);
       break;
     case "highcharts":
-      await renderHighchartsComponent(slide, p, theme, warnings);
+      await renderHighchartsComponent(
+        slide,
+        p,
+        theme,
+        warnings,
+        services?.highcharts
+      );
       break;
     case "chart":
       renderChartComponent(slide, p, theme, pptx, warnings);
       break;
     default:
-      warn(warnings, W.UNKNOWN_COMPONENT, `Unknown PPTX component type: ${name}`, { component: name });
+      warn(
+        warnings,
+        W.UNKNOWN_COMPONENT,
+        `Unknown PPTX component type: ${name}`,
+        { component: name }
+      );
   }
 }
 
@@ -984,6 +1118,7 @@ function buildSlideTemplateProps(def, theme, warnings) {
 }
 
 // src/core/render.ts
+import { mergeWithDefaults as mergeWithDefaults3 } from "@json-to-office/shared";
 async function renderPresentation(processed, warnings) {
   const pptx = new PptxGenJS();
   if (processed.metadata.title) pptx.title = processed.metadata.title;
@@ -1003,10 +1138,16 @@ async function renderPresentation(processed, warnings) {
     headFontFace: processed.theme.fonts.heading,
     bodyFontFace: processed.theme.fonts.body
   };
-  const templateMap = new Map(processed.templates?.map((m) => [m.name, m]) ?? []);
+  const templateMap = new Map(
+    processed.templates?.map((m) => [m.name, m]) ?? []
+  );
   if (processed.templates) {
     for (const templateDef of processed.templates) {
-      const templateProps = buildSlideTemplateProps(templateDef, processed.theme, warnings);
+      const templateProps = buildSlideTemplateProps(
+        templateDef,
+        processed.theme,
+        warnings
+      );
       pptx.defineSlideMaster(templateProps);
     }
   }
@@ -1021,7 +1162,13 @@ async function renderPresentation(processed, warnings) {
     const slide = slideData.template ? pptx.addSlide({ masterName: slideData.template }) : pptx.addSlide();
     if (slideData.background) {
       if (slideData.background.color) {
-        slide.background = { color: resolveColor(slideData.background.color, processed.theme, warnings) };
+        slide.background = {
+          color: resolveColor(
+            slideData.background.color,
+            processed.theme,
+            warnings
+          )
+        };
       } else if (slideData.background.image) {
         if (slideData.background.image.path) {
           slide.background = { path: slideData.background.image.path };
@@ -1035,12 +1182,25 @@ async function renderPresentation(processed, warnings) {
     }
     const templateDef = slideData.template ? templateMap.get(slideData.template) : void 0;
     if (slideData.template && !templateDef) {
-      warn(warnings, W.MISSING_TEMPLATE, `Unknown template "${slideData.template}". Available: ${[...templateMap.keys()].join(", ")}`, { slide: slideIdx });
+      warn(
+        warnings,
+        W.MISSING_TEMPLATE,
+        `Unknown template "${slideData.template}". Available: ${[...templateMap.keys()].join(", ")}`,
+        { slide: slideIdx }
+      );
     }
     const effectiveGrid = mergeGridConfigs(processed.grid, templateDef?.grid);
     if (templateDef?.objects) {
       for (const obj of templateDef.objects) {
-        await renderComponent(slide, obj, processed.theme, pptx, warnings, slideCtx);
+        await renderComponent(
+          slide,
+          obj,
+          processed.theme,
+          pptx,
+          warnings,
+          slideCtx,
+          processed.services
+        );
       }
     }
     for (const component of slideData.components) {
@@ -1051,15 +1211,32 @@ async function renderPresentation(processed, warnings) {
         processed.slideHeight,
         warnings
       );
-      await renderComponent(slide, resolved, processed.theme, pptx, warnings, slideCtx);
+      await renderComponent(
+        slide,
+        resolved,
+        processed.theme,
+        pptx,
+        warnings,
+        slideCtx,
+        processed.services
+      );
     }
     if (slideData.placeholders) {
       if (templateDef) {
-        const phMap = new Map(templateDef.placeholders?.map((p) => [p.name, p]) ?? []);
-        for (const [phName, component] of Object.entries(slideData.placeholders)) {
+        const phMap = new Map(
+          templateDef.placeholders?.map((p) => [p.name, p]) ?? []
+        );
+        for (const [phName, component] of Object.entries(
+          slideData.placeholders
+        )) {
           const phDef = phMap.get(phName);
           if (!phDef) {
-            warn(warnings, W.UNKNOWN_PLACEHOLDER, `Unknown placeholder "${phName}" in template "${slideData.template}". Available: ${[...phMap.keys()].join(", ")}`, { slide: slideIdx });
+            warn(
+              warnings,
+              W.UNKNOWN_PLACEHOLDER,
+              `Unknown placeholder "${phName}" in template "${slideData.template}". Available: ${[...phMap.keys()].join(", ")}`,
+              { slide: slideIdx }
+            );
             continue;
           }
           const gridResolved = resolveComponentGridPosition(
@@ -1069,28 +1246,61 @@ async function renderPresentation(processed, warnings) {
             processed.slideHeight,
             warnings
           );
+          const typeDefaults = getDefaultsForType(
+            component.name,
+            processed.theme
+          );
           const posDefaults = {};
           if (phDef.x != null) posDefaults.x = phDef.x;
           if (phDef.y != null) posDefaults.y = phDef.y;
           if (phDef.w != null) posDefaults.w = phDef.w;
           if (phDef.h != null) posDefaults.h = phDef.h;
-          const props = { ...posDefaults, ...phDef.defaults?.props ?? {}, ...gridResolved.props };
-          await renderComponent(slide, { ...gridResolved, props }, processed.theme, pptx, warnings, slideCtx);
+          let props = mergeWithDefaults3(posDefaults, typeDefaults);
+          props = mergeWithDefaults3(phDef.defaults?.props ?? {}, props);
+          props = mergeWithDefaults3(gridResolved.props, props);
+          await renderComponent(
+            slide,
+            { ...gridResolved, props },
+            processed.theme,
+            pptx,
+            warnings,
+            slideCtx,
+            processed.services
+          );
         }
       } else {
-        for (const [phName, component] of Object.entries(slideData.placeholders)) {
-          const hasPosition = component.props.x != null || component.props.y != null || component.props.grid;
+        for (const [phName, component] of Object.entries(
+          slideData.placeholders
+        )) {
+          const defaulted = resolveComponentDefaults(
+            component,
+            processed.theme
+          );
+          const hasPosition = defaulted.props.x != null || defaulted.props.y != null || defaulted.props.grid;
           if (hasPosition) {
             const resolved = resolveComponentGridPosition(
-              component,
+              defaulted,
               effectiveGrid,
               processed.slideWidth,
               processed.slideHeight,
               warnings
             );
-            await renderComponent(slide, resolved, processed.theme, pptx, warnings, slideCtx);
+            await renderComponent(
+              slide,
+              resolved,
+              processed.theme,
+              pptx,
+              warnings,
+              slideCtx,
+              processed.services
+            );
           } else {
-            warn(warnings, W.PLACEHOLDER_NO_POSITION, `Placeholder "${phName}" has no template and no explicit position \u2014 skipped`, { slide: slideIdx });
+            warn(
+              warnings,
+              W.PLACEHOLDER_NO_POSITION,
+              `Placeholder "${phName}" has no template and no explicit position \u2014 skipped`,
+              { slide: slideIdx }
+            );
           }
         }
       }
@@ -1413,7 +1623,8 @@ function createBuilderImpl(state) {
       componentNames: newComponentNames,
       theme: state.theme,
       customThemes: state.customThemes,
-      debug: state.debug
+      debug: state.debug,
+      services: state.services
     };
     return createBuilderImpl(
       newState
@@ -1438,7 +1649,8 @@ function createBuilderImpl(state) {
         children: processedChildren
       };
       const processed = processPresentation(processedDocument, {
-        customThemes: state.customThemes
+        customThemes: state.customThemes,
+        services: state.services
       });
       const pptx = await renderPresentation(processed, warnings);
       const data = await pptx.write({ outputType: "nodebuffer" });
@@ -1548,7 +1760,8 @@ function createPresentationGenerator(options = {}) {
     componentNames: /* @__PURE__ */ new Set(),
     theme: options.theme,
     customThemes: options.customThemes,
-    debug: options.debug ?? false
+    debug: options.debug ?? false,
+    services: options.services
   };
   return createBuilderImpl(initialState);
 }