@json-to-office/shared 1.11.2 → 2.6.0

package/dist/index.js

@@ -38,18 +38,6 @@ import {
   transformValueError,
   transformValueErrors
 } from "./chunk-LLBCT7WL.js";
-import {
-  FeatureRequirementCollector,
-  RENDERER_DEPENDENCY_MISSING,
-  RendererRegistry,
-  UnsupportedRendererFeatureError,
-  assertNever,
-  assertRendererSupports,
-  diagnoseUnsupportedFeatures,
-  partitionDiagnostics,
-  rendererError,
-  rendererWarning
-} from "./chunk-QLZNOXT5.js";
 import {
   convertToJsonSchema,
   createComponentSchema,
@@ -60,13 +48,45 @@ import {
   unionBranches
 } from "./chunk-6TNT7DGC.js";
 import {
+  CANVASES,
+  ChromeSchema,
+  DesignSpacingSchema,
+  DesignSystemProperties,
+  DesignSystemSchema,
   FontFamilyNameSchema,
   FontRegistryEntrySchema,
   FontRegistrySchema,
   FontSourceSchema,
+  MotifSchema,
+  PaletteSchema,
+  ROLE_SCALE_STEPS,
   SAFE_FONTS,
-  isSafeFont
-} from "./chunk-6KUQYVPT.js";
+  TYPE_ROLES,
+  TextCaseSchema,
+  TypeRoleNameSchema,
+  TypeRoleSchema,
+  TypeRolesSchema,
+  TypographySchema,
+  capsFormatting,
+  designCanvas,
+  designColors,
+  isSafeFont,
+  resolveDesignColor,
+  resolveTypeRoles,
+  validateDesignColors
+} from "./chunk-4MJFAJFW.js";
+import {
+  FeatureRequirementCollector,
+  RENDERER_DEPENDENCY_MISSING,
+  RendererRegistry,
+  UnsupportedRendererFeatureError,
+  assertNever,
+  assertRendererSupports,
+  diagnoseUnsupportedFeatures,
+  partitionDiagnostics,
+  rendererError,
+  rendererWarning
+} from "./chunk-QLZNOXT5.js";
 import {
   compareSemver,
   isValidSemver,
@@ -220,21 +240,21 @@ var WEIGHT_LABELS = {
   800: "ExtraBold",
   900: "Black"
 };
-function synthesizeFamilyName(family, weight, italic) {
-  if (weight == null) {
+function synthesizeFamilyName(family, weight2, italic) {
+  if (weight2 == null) {
     return { family, bold: false, italic, nonCanonicalWeight: false };
   }
-  if (weight === 400) {
+  if (weight2 === 400) {
     return { family, bold: false, italic, nonCanonicalWeight: false };
   }
-  if (weight === 700) {
+  if (weight2 === 700) {
     return { family, bold: true, italic, nonCanonicalWeight: false };
   }
-  const label = WEIGHT_LABELS[weight];
+  const label = WEIGHT_LABELS[weight2];
   if (!label) {
     return {
       family,
-      bold: weight >= 600,
+      bold: weight2 >= 600,
       italic,
       nonCanonicalWeight: true
     };
@@ -333,8 +353,8 @@ function parseCssFaces(css) {
   }
   return out;
 }
-function cacheKey(family, weight, italic) {
-  return `google|${family}|${weight}|${italic ? "i" : "r"}`;
+function cacheKey(family, weight2, italic) {
+  return `google|${family}|${weight2}|${italic ? "i" : "r"}`;
 }
 async function fetchGoogleFontSources(opts) {
   const weights = opts.weights?.length ? opts.weights : [400, 700];
@@ -444,8 +464,8 @@ async function fetchGoogleFontSources(opts) {
 }
 
 // src/fonts/sources/url-fetcher.ts
-function cacheKey2(url, weight, italic) {
-  return `url|${url}|${weight}|${italic ? "i" : "r"}`;
+function cacheKey2(url, weight2, italic) {
+  return `url|${url}|${weight2}|${italic ? "i" : "r"}`;
 }
 async function fetchUrlFontSource(opts) {
   if (!isAllowedFontUrl(opts.url)) {
@@ -572,25 +592,25 @@ function readUsWeightClass(ttf) {
   if (os2.off + 6 > ttf.length) return null;
   return ttf.readUInt16BE(os2.off + 4);
 }
-function validateFontMetadata(ttf, weight, italic, familyLabel) {
+function validateFontMetadata(ttf, weight2, italic, familyLabel) {
   const diags = [];
   const usWeight = readUsWeightClass(ttf);
-  if (usWeight != null && usWeight !== weight) {
+  if (usWeight != null && usWeight !== weight2) {
     diags.push({
       code: "WEIGHT_CLASS_MISMATCH",
-      message: `Font "${familyLabel}" weight ${weight}: OS/2.usWeightClass reports ${usWeight}. Likely a defective redistribution \u2014 consider adding an upstream override.`
+      message: `Font "${familyLabel}" weight ${weight2}: OS/2.usWeightClass reports ${usWeight}. Likely a defective redistribution \u2014 consider adding an upstream override.`
     });
   }
   const declaredFamilies = readFontFamilyNames(ttf);
   if (declaredFamilies.length > 0 && !declaredFamilies.includes(familyLabel.trim())) {
     diags.push({
       code: "FAMILY_MISMATCH",
-      message: `Font "${familyLabel}" weight ${weight}${italic ? " italic" : ""}: name table declares ${declaredFamilies.map((f) => `"${f}"`).join(
+      message: `Font "${familyLabel}" weight ${weight2}${italic ? " italic" : ""}: name table declares ${declaredFamilies.map((f) => `"${f}"`).join(
         " / "
       )}, not "${familyLabel}". Referencing runs will not resolve this face.`
     });
   }
-  const std = standardSubfamilyNames(weight, italic);
+  const std = standardSubfamilyNames(weight2, italic);
   if (!std) return diags;
   const expected17 = std.typographic;
   const expected2 = std.legacy;
@@ -599,13 +619,13 @@ function validateFontMetadata(ttf, weight, italic, familyLabel) {
     if (n.nameID === 17 && n.value !== expected17) {
       diags.push({
         code: "SUBFAMILY_MISMATCH",
-        message: `Font "${familyLabel}" weight ${weight}${italic ? " italic" : ""}: name record (platform ${n.platformID}) nameID 17 = "${n.value}", expected "${expected17}".`
+        message: `Font "${familyLabel}" weight ${weight2}${italic ? " italic" : ""}: name record (platform ${n.platformID}) nameID 17 = "${n.value}", expected "${expected17}".`
       });
     }
     if (n.nameID === 2 && n.value !== expected2) {
       diags.push({
         code: "LEGACY_SUBFAMILY_MISMATCH",
-        message: `Font "${familyLabel}" weight ${weight}${italic ? " italic" : ""}: name record (platform ${n.platformID}) nameID 2 = "${n.value}", expected "${expected2}".`
+        message: `Font "${familyLabel}" weight ${weight2}${italic ? " italic" : ""}: name record (platform ${n.platformID}) nameID 2 = "${n.value}", expected "${expected2}".`
       });
     }
   }
@@ -625,8 +645,8 @@ var SFNT_VERSIONS = /* @__PURE__ */ new Set([
 ]);
 var HEADER_SIZE2 = 12;
 var TABLE_RECORD_SIZE2 = 16;
-function validateFontStructure(ttf, weight, italic, familyLabel) {
-  const face = `Font "${familyLabel}" weight ${weight}${italic ? " italic" : ""}`;
+function validateFontStructure(ttf, weight2, italic, familyLabel) {
+  const face = `Font "${familyLabel}" weight ${weight2}${italic ? " italic" : ""}`;
   const unreadable = (reason) => ({
     code: "FONT_UNREADABLE",
     message: `${face}: ${reason} The face will not resolve; text referencing it renders in a fallback.`
@@ -1140,16 +1160,16 @@ var INTER_VARIABLE_URL = "https://cdn.jsdelivr.net/gh/rsms/inter@v4.1/docs/font-
 var INTER_VARIABLE_ITALIC_URL = "https://cdn.jsdelivr.net/gh/rsms/inter@v4.1/docs/font-files/InterVariable-Italic.woff2";
 function interVariants() {
   const weights = [100, 200, 300, 400, 500, 600, 700, 800, 900];
-  const upright = weights.map((weight) => ({
+  const upright = weights.map((weight2) => ({
     kind: "variable",
     url: INTER_VARIABLE_URL,
-    weight,
+    weight: weight2,
     italic: false
   }));
-  const italic = weights.map((weight) => ({
+  const italic = weights.map((weight2) => ({
     kind: "variable",
     url: INTER_VARIABLE_ITALIC_URL,
-    weight,
+    weight: weight2,
     italic: true
   }));
   return [...upright, ...italic];
@@ -1351,6 +1371,118 @@ var DEFAULT_CHART_THEME_COLORS = [
   "accent6"
 ];
 
+// src/theme/chart-typography.ts
+var POINTS_PER_PIXEL_96DPI = 0.75;
+function chartPointsPerPixel(chartWidthPx, placedWidthPt) {
+  if (!Number.isFinite(chartWidthPx) || chartWidthPx <= 0 || placedWidthPt === void 0 || !Number.isFinite(placedWidthPt) || placedWidthPt <= 0) {
+    return POINTS_PER_PIXEL_96DPI;
+  }
+  return placedWidthPt / chartWidthPx;
+}
+var SERIF_FAMILIES = /* @__PURE__ */ new Set(["georgia", "times new roman", "cambria"]);
+var MONO_FAMILIES = /* @__PURE__ */ new Set(["consolas", "courier new", "menlo", "monaco"]);
+function cssFontFamily(family, category) {
+  const generic = category === "serif" ? "serif" : category === "mono" ? "monospace" : category === "handwriting" ? "cursive" : category === void 0 && SERIF_FAMILIES.has(family.toLowerCase()) ? "serif" : category === void 0 && MONO_FAMILIES.has(family.toLowerCase()) ? "monospace" : "sans-serif";
+  return `"${family.replace(/["\\]/g, "\\$&")}", ${generic}`;
+}
+function chartFamilyResolver(theme) {
+  const categories = new Map(
+    themeFontRegistry(theme).map((entry) => [
+      entry.family.toLowerCase(),
+      entry.category
+    ])
+  );
+  return (family) => cssFontFamily(family, categories.get(family.toLowerCase()));
+}
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function fill(authored, defaults) {
+  if (authored !== void 0 && !isPlainObject(authored)) return authored;
+  const base = isPlainObject(authored) ? { ...authored } : {};
+  for (const [key, value] of Object.entries(defaults)) {
+    if (value === void 0) continue;
+    const current = base[key];
+    if (current === void 0) {
+      base[key] = isPlainObject(value) ? fill(void 0, value) : value;
+    } else if (isPlainObject(current) && isPlainObject(value)) {
+      base[key] = fill(current, value);
+    }
+  }
+  return base;
+}
+function fillAxis(authored, defaults) {
+  if (Array.isArray(authored)) {
+    return authored.map((axis) => fill(axis, defaults));
+  }
+  return fill(authored, defaults);
+}
+function weight(value) {
+  return value === void 0 ? void 0 : String(value);
+}
+function withChartTypography(options, typography, ptPerPx) {
+  const px = (points) => `${Math.round(points / ptPerPx * 10) / 10}px`;
+  const labelPx = px(typography.labelPt);
+  const sourcePx = px(typography.sourcePt);
+  const mutedText = { fontSize: labelPx, color: typography.mutedColor };
+  const mutedSource = { fontSize: sourcePx, color: typography.mutedColor };
+  const labelText = {
+    fontSize: labelPx,
+    color: typography.textColor,
+    fontWeight: weight(typography.labelWeight)
+  };
+  const axis = { labels: { style: mutedText }, title: { style: mutedText } };
+  return {
+    ...options,
+    chart: fill(options.chart, {
+      style: { fontFamily: typography.bodyFamily }
+    }),
+    title: fill(options.title, {
+      style: {
+        fontFamily: typography.headingFamily,
+        fontSize: px(typography.titlePt),
+        fontWeight: weight(typography.titleWeight),
+        color: typography.textColor
+      }
+    }),
+    subtitle: fill(options.subtitle, { style: mutedText }),
+    caption: fill(options.caption, { style: mutedSource }),
+    xAxis: fillAxis(options.xAxis, axis),
+    yAxis: fillAxis(options.yAxis, axis),
+    legend: fill(options.legend, { itemStyle: labelText }),
+    plotOptions: fill(options.plotOptions, {
+      series: { dataLabels: { style: labelText } }
+    }),
+    credits: fill(options.credits, { style: mutedSource })
+  };
+}
+var FONT_FORMATS = {
+  ttf: { mime: "font/ttf", format: "truetype" },
+  otf: { mime: "font/otf", format: "opentype" },
+  woff: { mime: "font/woff", format: "woff" },
+  woff2: { mime: "font/woff2", format: "woff2" }
+};
+function chartFontFaceCss(faces, families) {
+  const wanted = new Set(families.map((family) => family.toLowerCase()));
+  return faces.filter((face) => wanted.has(face.family.toLowerCase())).map((face) => {
+    const { mime, format } = FONT_FORMATS[face.format ?? "ttf"];
+    return `@font-face{font-family:"${face.family.replace(/["\\]/g, "\\$&")}";font-weight:${face.weight};font-style:${face.italic ? "italic" : "normal"};src:url(data:${mime};base64,${face.data}) format("${format}")}`;
+  }).join("\n");
+}
+function withChartFontFaceCss(props, faces, families) {
+  const css = chartFontFaceCss(faces, families);
+  if (!css) return props;
+  const authored = props.resources?.css;
+  return {
+    ...props,
+    resources: {
+      ...props.resources,
+      css: authored ? `${css}
+${authored}` : css
+    }
+  };
+}
+
 // src/utils/deepMerge.ts
 function isObject(item) {
   return item !== null && typeof item === "object" && !Array.isArray(item);
@@ -1376,10 +1508,15 @@ function mergeWithDefaults(userConfig, themeDefaults) {
   return deepMerge(themeDefaults, userConfig);
 }
 export {
+  CANVASES,
+  ChromeSchema,
   ComponentValidationError,
   DEFAULT_CHART_THEME_COLORS,
   DEFAULT_ERROR_CONFIG,
   DEFAULT_VISUAL_DPI,
+  DesignSpacingSchema,
+  DesignSystemProperties,
+  DesignSystemSchema,
   DuplicateComponentError,
   ERROR_EMOJIS,
   FONT_URL_ALLOWLIST,
@@ -1394,10 +1531,20 @@ export {
   MAX_RASTERIZE_FONT_BYTES,
   MAX_VISUAL_DPI,
   MIN_VISUAL_DPI,
+  MotifSchema,
+  POINTS_PER_PIXEL_96DPI,
   POPULAR_GOOGLE_FONTS,
+  PaletteSchema,
   RENDERER_DEPENDENCY_MISSING,
+  ROLE_SCALE_STEPS,
   RendererRegistry,
   SAFE_FONTS,
+  TYPE_ROLES,
+  TextCaseSchema,
+  TypeRoleNameSchema,
+  TypeRoleSchema,
+  TypeRolesSchema,
+  TypographySchema,
   UPSTREAM_OVERRIDES,
   UnknownPreservedComponentError,
   UnsupportedRendererFeatureError,
@@ -1408,6 +1555,10 @@ export {
   assertRendererSupports,
   buildDefaultSubstitutionMap,
   calculatePosition,
+  capsFormatting,
+  chartFamilyResolver,
+  chartFontFaceCss,
+  chartPointsPerPixel,
   clampVisualDpi,
   clearComponentNamesCache,
   collectFontNamesFromDocx,
@@ -1420,7 +1571,10 @@ export {
   createErrorConfig,
   createJsonParseError,
   createVersion,
+  cssFontFamily,
   defaultSubstituteFor,
+  designCanvas,
+  designColors,
   detectFontFormat,
   diagnoseUnsupportedFeatures,
   documentFontRegistry,
@@ -1451,6 +1605,8 @@ export {
   rendererError,
   rendererWarning,
   resolveComponentVersion,
+  resolveDesignColor,
+  resolveTypeRoles,
   restructureNameDiscriminatedUnions,
   rewriteFontFamilyName,
   synthesizeFamilyName,
@@ -1459,6 +1615,9 @@ export {
   transformValueErrors,
   unionBranches,
   validateCustomComponentProps,
-  validateFontReferences
+  validateDesignColors,
+  validateFontReferences,
+  withChartFontFaceCss,
+  withChartTypography
 };
 //# sourceMappingURL=index.js.map