@myissue/vue-website-page-builder 3.5.11 → 3.5.13

package/dist/types/index.d.ts

@@ -172,6 +172,21 @@ export interface ThemeColorPresetSettings {
     enabled: boolean;
     colors: readonly ThemeColorPreset[];
 }
+/**
+ * Per-element font overrides for the builder canvas.
+ * Each value is a font key name or comma-separated list (e.g. `'jost'` or
+ * `'jost, raleway, arial'`). The first recognised font name is applied;
+ * unrecognised names are silently skipped.
+ */
+export interface PageBuilderElementFonts {
+    h1?: string;
+    h2?: string;
+    h3?: string;
+    h4?: string;
+    h5?: string;
+    h6?: string;
+    p?: string;
+}
 export interface PageBuilderConfig {
     updateOrCreate: {
         /**
@@ -216,7 +231,29 @@ export interface PageBuilderConfig {
         };
         autoSave?: boolean;
         notifications?: boolean;
+        /**
+         * Default canvas font and, optionally, the restricted set of fonts shown in
+         * the font-family picker.
+         *
+         * - Single value: `'jost'` — sets the canvas default; picker shows all fonts.
+         * - Comma-separated list: `'jost, raleway, arial'` — first entry is the
+         *   canvas default; picker is restricted to the listed fonts.
+         *
+         * Unknown font names (not in the built-in list) are silently ignored.
+         */
         fontFamily?: string;
+        /**
+         * Per-element font overrides applied to the builder canvas.
+         * Each value follows the same format as `fontFamily` — a font key name or
+         * comma-separated list; the first recognised entry is used.
+         *
+         * Available font names: jost, raleway, palantino, arial, helvetica, georgia,
+         * times, times-new-roman, courier, courier-new, verdana, tahoma, trebuchet,
+         * garamond, bookman, comic-sans, impact, lucida, lucida-console, lucida-sans,
+         * candara, optima, avenir, futura, calibri, cambria, didot, franklin-gothic,
+         * rockwell, baskerville, sans, serif, mono
+         */
+        elementFonts?: PageBuilderElementFonts;
     } | null;
     settings?: {
         brandColor?: string;

package/dist/utils/builder/font-family-map.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Maps the short font key names (matching tailwind.config.ts fontFamily keys and
+ * the pbx-font-* class suffixes) to their CSS font-family strings.
+ *
+ * Used to resolve element-level font overrides (elementFonts config) into the
+ * CSS custom properties that style.css targets with var(--pbx-el-{tag}-font).
+ */
+declare const fontFamilyMap: Record<string, string>;
+/**
+ * Resolves a font config value to a CSS font-family string.
+ *
+ * Accepts a short name ("jost"), a pbx-font- prefixed class name ("pbx-font-jost"),
+ * a CSS generic keyword ("fantasy"), or a comma-separated list in any of those
+ * formats. The first recognised entry wins:
+ *   1. Known font in fontFamilyMap  →  returns its CSS font-family stack
+ *   2. CSS generic keyword          →  returned as-is (e.g. "fantasy")
+ *   3. Anything else                →  skipped
+ *
+ * Returns undefined when no recognised font is found in the entire list.
+ */
+export declare function resolveFontFamily(fontConfig: string): string | undefined;
+export default fontFamilyMap;