pagepilot-visual-editor 1.0.9 → 1.0.11

package/dist/email-builder-core/blocks/boxShadowSchema.d.ts

@@ -0,0 +1,23 @@
+import { z } from 'zod';
+/**
+ * Per-block box-shadow config (see block-button, block-container, block-image,
+ * block-logo index.tsx render paths and their sidebar panels). Container puts
+ * `boxShadow` under `style`; Image/Button/Logo put it under `props`.
+ */
+export declare const BOX_SHADOW_SCHEMA: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+    color: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodString>>>;
+    offsetX: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    offsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    blur: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    spread: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    inset: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+}, z.core.$strip>>>;
+export type TBoxShadow = z.infer<typeof BOX_SHADOW_SCHEMA>;
+/** Strip out the color part of a CSS gradient so the shadow renders as a
+ *  solid colour — `box-shadow` doesn't support gradients. */
+export declare function resolveShadowColor(color: string): string;
+/** Compose `boxShadow`-style props into an inline-style object suitable for
+ *  spreading. Returns `{}` when the shadow has no color (treated as disabled). */
+export declare function getBoxShadowStyle(boxShadow: TBoxShadow): {
+    boxShadow?: string;
+};

package/dist/email-builder-core/blocks/hoverEffectSchema.d.ts

@@ -0,0 +1,20 @@
+import { z } from 'zod';
+/**
+ * Per-block CSS `:hover` scale/transition config (see block-container,
+ * block-image render paths and HoverEffectSection.tsx sidebar UI).
+ * Distinct from AnimationSection's trigger-based keyframe animations —
+ * this is a plain `:hover { transform: scale(x); }` transition.
+ */
+export declare const HOVER_EFFECT_SCHEMA: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+    enabled: z.ZodBoolean;
+    scale: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+    duration: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+    easing: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+        ease: "ease";
+        "ease-in": "ease-in";
+        "ease-in-out": "ease-in-out";
+        "ease-out": "ease-out";
+        linear: "linear";
+    }>>>;
+}, z.core.$strip>>>;
+export type THoverEffect = z.infer<typeof HOVER_EFFECT_SCHEMA>;

package/dist/email-builder-core/helpers/templateVariables.d.ts

@@ -1,14 +1,2 @@
-export type TemplateScalarType = "text" | "textarea" | "number" | "image";
-export type TemplateFormType = TemplateScalarType | "array";
-export type TemplateArrayRow = Record<string, string>;
-export type TemplateFormField = {
-    id: string;
-    name: string;
-    type?: TemplateFormType;
-    defaultValue?: string;
-    fields?: TemplateFormField[];
-};
-/** Identity transform — return the block's text as-is. */
-export declare function substituteBlockText<T>(text: T, _forms?: unknown, _row?: unknown): T;
-/** Empty row index — no array-repeat substitution. */
-export declare function buildRepeatRowIndex(_document: unknown, _forms: TemplateFormField[]): Map<string, TemplateArrayRow>;
+export { substituteBlockText, buildRepeatRowIndex, } from '../../render-core/templateBaking';
+export type { TemplateScalarType, TemplateFormType, TemplateArrayRow, TemplateFormField, } from '../../render-core/templateBaking';

package/dist/email-builder-core/renderers/animationCss.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Shared keyframes + trigger rules for the per-block animation (see the
+ * `props.animation` field on Image, Container, Button, Logo, Avatar; the
+ * `data-animate-*` attributes emitted from Reader/core.tsx; and the
+ * `buildAnimationScript()` runtime in ./pageScripts.ts).
+ *
+ * `transform`/`opacity` only — no layout properties — so animating never
+ * causes reflow or content shift. Speed/delay are applied inline by the
+ * runtime script via animation-duration/animation-delay, so these rules
+ * only define the motion itself, not its timing.
+ */
+export declare const ANIMATION_TYPES: readonly ["fade-in", "slide-left", "slide-right", "slide-up", "slide-down", "zoom-in", "bounce"];
+export type TAnimationType = (typeof ANIMATION_TYPES)[number];
+export declare const ANIMATION_SPEED_SECONDS: Record<'slow' | 'medium' | 'fast', number>;
+/** Just the @keyframes — reused by both the published page CSS below and the
+ * editor canvas's one-off Preview button (see AnimationSection.tsx). */
+export declare const animationKeyframesCss: string;
+export declare const animationCss: string;

package/dist/email-builder-core/renderers/pageScripts.d.ts

@@ -4,12 +4,22 @@ export declare const hasDemoBlock: (document: TReaderDocument) => boolean;
 export declare const hasCarouselBlock: (document: TReaderDocument) => boolean;
 export declare const hasPaginationBlock: (document: TReaderDocument) => boolean;
 export declare const hasTimerBlock: (document: TReaderDocument) => boolean;
+export declare const hasAnimatedBlock: (document: TReaderDocument) => boolean;
 export declare const PAGE_PILOT_SCRIPTS_BASE_URL = "https://pagepilot.fabbuilder.com/scripts";
 export declare const TABS_SCRIPT_URL = "https://pagepilot.fabbuilder.com/scripts/pagePilotTabs.js";
 export declare const CAROUSEL_SCRIPT_URL = "https://pagepilot.fabbuilder.com/scripts/pagePilotCarousel.js";
 export declare const PAGINATION_SCRIPT_URL = "https://pagepilot.fabbuilder.com/scripts/pagePilotPagination.js";
 export declare const DEMO_SCALE_SCRIPT_URL = "https://pagepilot.fabbuilder.com/scripts/pagePilotDemoScale.js";
 export declare const TIMER_SCRIPT_URL = "https://pagepilot.fabbuilder.com/scripts/pagePilotTimer.js";
+export declare const ANIMATION_SCRIPT_URL = "https://pagepilot.fabbuilder.com/scripts/pagePilotAnimation.js";
+/**
+ * The per-page runtime that reads the `data-animate-*` attributes emitted by
+ * Reader/core.tsx and drives the CSS animation (see animationCss.ts). Ported
+ * verbatim from ahd-fe's `public/scripts/pagePilotAnimation.js` and inlined
+ * here because pagepilot-visual-editor is a standalone library — it ships
+ * self-contained pages, not a hosted app with a public CDN.
+ */
+export declare const buildAnimationScript: () => string;
 export declare const buildDemoScaleJs: () => string;
 export declare const buildTabsScript: () => string;
 export declare const buildCarouselScript: () => string;

package/dist/host-stubs/style/menu.styled.d.ts

@@ -16,7 +16,16 @@ export declare const menuNav: (backgroundColor: string, position: string, hasSlo
 export declare const menuSlot: (align: "start" | "center" | "end", isCenter?: boolean) => CSSProperties;
 export declare const menuList: (orientation: string, level: number, gap: string) => CSSProperties;
 export declare const menuListItem: CSSProperties;
-export declare const menuLink: (showIcons: boolean, hasIcon: boolean, textColor: string, fontSize: string, fontWeight: string, padding: string, fontFamily?: string) => CSSProperties;
+export type MenuItemStyleOverride = {
+    textColor?: string | null;
+    backgroundColor?: string | null;
+    fontWeight?: string | null;
+    borderColor?: string | null;
+    borderWidth?: number | null;
+    borderRadius?: number | null;
+    padding?: string | null;
+};
+export declare const menuLink: (showIcons: boolean, hasIcon: boolean, textColor: string, fontSize: string, fontWeight: string, padding: string, fontFamily?: string, itemOverride?: MenuItemStyleOverride) => CSSProperties;
 export declare const menuIcon: (iconSize: string) => CSSProperties;
 export declare const menuChildrenWrapper: (level: number) => CSSProperties;
 export declare const menuToggleInput: CSSProperties;