pagepilot-visual-editor 1.0.17 → 1.0.19

package/dist/blocks-internal/block-container/src/index.d.ts

@@ -123,7 +123,7 @@ export type ContainerProps = z.infer<typeof ContainerPropsSchema> & {
 };
 export declare const ContainerPropsDefaults: {
     readonly fullWidth: false;
-    readonly widthType: "fit";
+    readonly widthType: "fill";
     readonly width: 300;
     readonly widthUnit: "px";
     readonly alignment: "left";

package/dist/editor-sample/App/shared/PagePreviewFrame.d.ts

@@ -1,16 +1,9 @@
 import { TReaderDocument } from '../../../email-builder-core/index.ts';
 export declare function ensureFullHtmlDocument(html: string): string;
 export declare function getBodyMarkup(html: string): string;
-/**
- * Renders a page document (or pre-rendered HTML) inside an iframe that
- * auto-sizes to its content height. A ResizeObserver measures the content's
- * natural layout at the iframe's current width (so the page's own @media
- * queries fire correctly) and sets the iframe height to exactly fit — meaning
- * the iframe never shows its own scrollbar and never leaves blank space below
- * short content. The surrounding container is responsible for any scrolling.
- */
-export declare function PagePreviewFrame({ savedContent, document, }: {
+export declare function PagePreviewFrame({ savedContent, document, fallbackHeight, }: {
     savedContent?: string | null;
     document: TReaderDocument;
+    fallbackHeight?: number | string;
 }): import("react/jsx-runtime").JSX.Element;
 export default PagePreviewFrame;

package/dist/editor-sample/documents/blocks/TabsBlock/TabsBlockPropsSchema.d.ts

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+export declare const TABS_DEFAULT_NAV_WIDTH = 160;
 declare const TabsBlockItemSchema: z.ZodObject<{
     label: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
@@ -35,7 +36,9 @@ declare const TabsBlockPropsSchema: z.ZodObject<{
         tabGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         contentGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         navBorderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        navWidth: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         fontSize: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
+        lineHeight: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
         activeFontSize: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
         showActiveBorder: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;

package/dist/editor-sample/documents/blocks/helpers/InlineTextToolbar/constants.d.ts

@@ -18,5 +18,6 @@ export declare const BLOCK_STYLES: Array<{
 }>;
 export declare const BLOCK_TAG_SHORT_LABEL: Record<string, string>;
 export declare const BLOCK_LEVEL_TAGS: Set<string>;
+export declare const BLOCK_TAG_DEFAULT_FONT_SIZE: Record<string, number>;
 export declare const BLOCK_PREVIEW_STYLE: Record<string, React.CSSProperties>;
 export declare const COMPACT_THRESHOLD = 1180;

package/dist/editor-sample/documents/blocks/helpers/InlineTextToolbar/hooks/useToolbarCommands.d.ts

@@ -52,6 +52,17 @@ export type ToolbarCommandsApi = {
     handleInsertCode: () => void;
     handleInsertHorizontalRule: () => void;
     handleSpeechResult: (text: string) => void;
+    /** Move the current list item one level deeper (nests under prev sibling). */
+    runIndent: () => void;
+    /** Move the current list item one level shallower (or out of the list). */
+    runOutdent: () => void;
+    /**
+     * Apply a Word-style multi-level list scheme to the caret's list. If the
+     * caret isn't in a list yet, first creates one of the scheme's list-tag
+     * (ol / ul) and then tags it. Pass `''` to strip the scheme (revert to a
+     * plain <ul>/<ol>).
+     */
+    applyMultilevelList: (schemeId: string) => void;
     /** Plain-text of the currently saved selection (for prefilling Link dialog). */
     getSavedSelectionText: () => string;
     /** Existing-link info when the selection sits inside an <a>, else null. */

package/dist/editor-sample/documents/blocks/helpers/InlineTextToolbar/primitives/dropdownCoordinator.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Ensures only one toolbar dropdown/popover is open at a time.
+ *
+ * Each Dropdown/ColorSwatchPopover instance manages its own open state and
+ * its own outside-click listener independently, with no built-in awareness
+ * of sibling instances. Without coordination, opening one while another is
+ * already open leaves the first one's state stuck `open=true` (just visually
+ * covered), which can produce stale toggle behavior on the next click. This
+ * module lets each instance register a `closeSelf` callback while mounted
+ * and broadcast "I'm opening" so every other registered instance closes.
+ */
+type CloseFn = () => void;
+export declare function registerDropdownInstance(closeSelf: CloseFn): () => void;
+/**
+ * Closes every currently-registered (i.e. open) instance. Callers invoke
+ * this right before opening themselves, at which point they are not yet
+ * registered (registration only happens while `open === true`), so there
+ * is no need to exclude "self" here.
+ */
+export declare function closeAllDropdowns(): void;
+export {};

package/dist/editor-sample/documents/blocks/helpers/InlineTextToolbar/selection.d.ts

@@ -13,7 +13,17 @@
  */
 export declare function isRangeInside(range: Range | null, el: HTMLElement | null): boolean;
 export declare function saveSelectionInside(el: HTMLElement | null): Range | null;
-export declare function restoreSelection(range: Range | null, el: HTMLElement | null): void;
+/**
+ * Restores a previously-saved range and reports whether it actually landed
+ * inside `el`. A range captured before a DOM-mutating command (span
+ * replacement, unwrapping, etc.) can end up pointing at nodes that no
+ * longer exist by the time the NEXT command runs — `addRange` on a
+ * detached range either throws (caught below) or silently produces a
+ * selection outside `el`. Callers use the return value to fall back to a
+ * known-good position instead of proceeding on a selection that isn't
+ * really there.
+ */
+export declare function restoreSelection(range: Range | null, el: HTMLElement | null): boolean;
 /**
  * Read the actual applied color at the caret, preserving alpha.
  *

package/dist/editor-sample/documents/blocks/helpers/InlineTextToolbar/types.d.ts

@@ -21,6 +21,10 @@ export type FormatSnapshot = {
     /** Unitless multiplier (e.g. "1.5") if the block carries an inline
      *  line-height; empty string when the block inherits its default. */
     lineHeight: string;
+    /** ID of the multi-level list scheme applied to the outermost list around
+     *  the caret (see multilevelList.ts). Empty string when the caret is not
+     *  inside a scheme-tagged list. */
+    mllScheme: string;
 };
 export declare const DEFAULT_FORMAT: FormatSnapshot;
 export type InlineTextToolbarProps = {

package/dist/editor-sample/documents/blocks/helpers/multilevelList.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Word-style multi-level list schemes for the Rich Text (Text) block.
+ *
+ * A "scheme" defines what marker each nesting depth uses. Applied by writing
+ * `data-mll="<schemeId>"` onto the OUTERMOST <ol>/<ul>; every descendant list
+ * inherits the scheme via `[data-mll="…"] ol/ul` CSS. This keeps the model
+ * simple: only the top-level list carries the scheme, so indent/outdent (which
+ * creates or unwraps nested lists) doesn't need to keep the attribute in sync
+ * across levels.
+ *
+ * Spacing goals (all matched to Word's built-in Multi-level List defaults):
+ *   - Text indent per level ≈ 0.5" / 48px  (Word uses 0.25"–0.5" per level;
+ *     48px is generous enough for markers up to "1.1.1.1" without collision).
+ *   - Marker column sits in a 40px "hanging" area to the left of the text.
+ *   - ~4px gap between list items so a multi-item list breathes like Word's
+ *     6pt "space after" paragraph default.
+ *
+ * `list-style-type`-based schemes cover the roman/alpha/decimal permutations
+ * and bullet variants. "decimal-dot" (1. / 1.1 / 1.1.1) has to use CSS
+ * counters because list-style-type can't concatenate ancestor counters.
+ */
+export type MllScheme = {
+    id: string;
+    label: string;
+    /** Short sample rendered as the dropdown row preview. */
+    preview: string;
+    /** Which list element the top level must be — 'ol' for numbered schemes,
+     *  'ul' for bullet-based schemes. */
+    listTag: 'ol' | 'ul';
+};
+export declare const MLL_SCHEMES: MllScheme[];
+/**
+ * Name of the OUTERMOST-level CSS counter each scheme uses.
+ *
+ * `renumberOrderedLists` reads this to "continue numbering" across separated
+ * `data-mll` ordered lists: it writes an inline `counter-reset: <name> N-1`
+ * onto the second-and-later top-level <ol>s so the CSS `::before` counters
+ * pick up where the previous list left off — mirroring Word's behavior when
+ * you exit a list, type a paragraph, then start a new list of the same style.
+ *
+ * Schemes NOT in this map use native `list-style-type` counting; those are
+ * handled by the browser's `<ol start="N">` attribute (also set by
+ * renumberOrderedLists).
+ */
+export declare const SCHEME_OUTER_COUNTER: Record<string, string>;
+/**
+ * CSS that renders each scheme's per-depth markers. The block-text renderer
+ * inlines this so the output HTML is self-contained (works in the canvas,
+ * inline editor, preview iframe, and exported email). Kept as one big string
+ * to sit next to the block's other injected styles.
+ *
+ * IMPORTANT: keep selectors as `[data-mll="…"]` on the OUTERMOST list only.
+ * Nested ol/ul that carry no attribute pick up the right marker from the
+ * descendant selectors below.
+ */
+export declare const MLL_CSS: string;

package/dist/editor-sample/documents/blocks/helpers/renumberOrderedLists.d.ts

@@ -13,6 +13,12 @@
  * running count of items across every prior top-level `<ol>` so numbering
  * continues seamlessly regardless of what content sits between them.
  *
+ * Multi-level list schemes ({@link SCHEME_OUTER_COUNTER}) drive their outer
+ * marker off a CSS counter (`::before { content: counter(mll-1) }`), which
+ * ignores the `<ol start>` attribute. For those, ALSO write an inline
+ * `counter-reset: <name> <N-1>` so the next `counter-increment` inside the
+ * list produces `<N>` as the first visible marker.
+ *
  * Nested lists (inside an `<li>`) keep their natural per-level numbering, since
  * the browser renders them with their own counter scope.
  */

package/dist/editor-sample/documents/blocks/helpers/responsiveStyle.d.ts

@@ -26,7 +26,7 @@ export declare const DEVICE_VIEWPORT_WIDTH: Record<TDeviceType, number>;
  * shared across breakpoints. A per-device edit that isn't in these allowlists
  * is dropped by {@link applyDeviceEdit}, so overrides can never carry content.
  */
-export declare const RESPONSIVE_STYLE_KEYS: readonly ["fontSize", "fontFamily", "fontWeight", "fontStyle", "textDecoration", "lineHeight", "textAlign", "buttonTextAlign", "padding", "margin", "marginBottom", "width", "height", "borderRadius", "activeFontSize", "showActiveBorder", "tabGap", "contentGap", "starSize", "starGap", "itemGap", "viewportHeight", "arrowSize", "dotSize", "slideGap", "buttonSize", "buttonGap", "buttonRadius", "controlGap", "backgroundImage", "backgroundSize", "backgroundRepeat"];
+export declare const RESPONSIVE_STYLE_KEYS: readonly ["fontSize", "fontFamily", "fontWeight", "fontStyle", "textDecoration", "lineHeight", "textAlign", "buttonTextAlign", "padding", "margin", "marginBottom", "width", "height", "borderRadius", "activeFontSize", "showActiveBorder", "tabGap", "contentGap", "navWidth", "starSize", "starGap", "itemGap", "viewportHeight", "arrowSize", "dotSize", "slideGap", "buttonSize", "buttonGap", "buttonRadius", "controlGap", "backgroundImage", "backgroundSize", "backgroundRepeat"];
 export declare const RESPONSIVE_PROP_KEYS: readonly ["contentAlignment", "horizontalAlignment", "width", "fontSize", "fontFamily", "fontWeight", "padding", "margin", "blockPadding", "gap", "borderRadius", "iconSize", "lineHeight", "speed", "pauseOnHover", "fadeEdges", "dotSize", "dotSpacing", "numericFontSize", "numericPosition"];
 /**
  * NATIVE per-device props: a few layout blocks (Grid / FlexColumns / Pagination)
@@ -51,6 +51,18 @@ export declare const NATIVE_DEVICE_PROP_KEYS: readonly ["columnsCount", "columns
  * render them with `@media` CSS (see {@link AMBIGUOUS_NATIVE_KEY_OWNERS}).
  */
 export declare function nativeKeysForBlock(blockType: string | undefined): string[];
+/**
+ * Keep only the responsive-allowed keys from a `{ style?, props? }` override.
+ * Anything outside the allowlists (text, url, colours, …) is stripped so it
+ * never lands in a device slice.
+ *
+ * `nativeKeys` is the set this block routes to BASE props instead (see
+ * {@link nativeKeysForBlock}); those are excluded here so a value is never
+ * written to both places. A prop that is native for SOME block but not this one
+ * (e.g. `height` on Spacer) is sliceable here — that's what makes its per-device
+ * override actually persist instead of clobbering the desktop base.
+ */
+export declare function pickResponsiveOverride(override: Record<string, any>, nativeKeys?: readonly string[]): TDeviceOverride;
 /** Read the raw (user-authored) override slice for a device. */
 export declare function getDeviceOverride(data: TResponsiveBlockData | null | undefined, device: TResponsiveDevice): TDeviceOverride;
 /** True when the user has authored at least one override for the device. */

package/dist/editor-sample/documents/editor/core.d.ts

@@ -480,7 +480,9 @@ export declare const EditorBlock: ({ type, data }: import('@usewaypoint/document
             tabGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
             contentGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
             navBorderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+            navWidth: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
             fontSize: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
+            lineHeight: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
             activeFontSize: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
             showActiveBorder: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
             fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;

package/dist/email-builder-core/blocks/TabsBlock/TabsBlockPropsSchema.d.ts

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+export declare const TABS_DEFAULT_NAV_WIDTH = 160;
 declare const TabsBlockItemSchema: z.ZodObject<{
     label: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
@@ -35,7 +36,9 @@ export declare const TabsBlockPropsSchema: z.ZodObject<{
         tabGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         contentGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         navBorderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        navWidth: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         fontSize: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
+        lineHeight: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
         activeFontSize: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
         showActiveBorder: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;