efficient-web-builder 40.1.1 → 41.0.0

package/dist/render/lib/document/header-clearance.d.ts

@@ -0,0 +1,49 @@
+export declare const FULLBLEED_LEAD_SECTIONS: Set<string>;
+export declare const HEADER_HEIGHT_PX: {
+    readonly min: 56;
+    readonly max: 140;
+    readonly default: 88;
+};
+export declare const HEADER_MENU_GAP_PX: {
+    readonly min: 0;
+    readonly max: 120;
+    readonly step: 2;
+    readonly default: 32;
+};
+export declare const HEADER_HEIGHT_CSS: string;
+export declare const HEADER_SET_HEIGHT_VAR = "--sf-header-set-h";
+export declare const HEADER_DRAWN_HEIGHT_VAR = "--sf-header-h";
+export declare const HEADER_SET_HEIGHT_CSS: string;
+export declare const HEADER_CLEARANCE_CLASS = "sf-header-clearance";
+export declare const STICKY_UNDERHEADER_CLASS = "sf-sticky-underheader";
+export declare function leadSection<T extends {
+    type?: string;
+}>(content?: T[] | null): T | null;
+export declare function pageClearsHeader(content?: {
+    type?: string;
+}[] | null): boolean;
+export declare function pageLeadsWithFullBleed(content?: {
+    type?: string;
+}[] | null): boolean;
+export declare function pageHasHeaderSection(content?: {
+    type?: string;
+}[] | null): boolean;
+export declare function isStandaloneSectionDocument(content?: {
+    type?: string;
+}[] | null): boolean;
+export declare const TOP_SPACE_MODES: readonly ["auto", "shared", "own"];
+export type TopSpaceMode = (typeof TOP_SPACE_MODES)[number];
+export declare const DEFAULT_TOP_SPACE: TopSpaceMode;
+export declare const TOP_SPACE_PROP = "topSpace";
+export declare const TOP_SPACE_ATTR = "data-top-space";
+export declare function resolveTopSpace(v: unknown): TopSpaceMode;
+export declare function pageTakesTopSpace(root?: {
+    props?: Record<string, unknown>;
+} | null, content?: {
+    type?: string;
+}[] | null): boolean;
+export declare function topSpaceMarker(root?: {
+    props?: Record<string, unknown>;
+} | null, content?: {
+    type?: string;
+}[] | null): "own" | null;

package/dist/render/lib/document/header-clearance.js

@@ -0,0 +1 @@
+import{HEADER_TYPE as o,FOOTER_TYPE as a}from"efficient-easel/draw";const E=new Set(["Hero","HeroSingle","IntroBleed"]),n={min:56,max:140,default:88},A={min:0,max:120,step:2,default:32},H=`var(--sf-header-h, ${n.default}px)`,s="--sf-header-set-h",d="--sf-header-h",l=`var(${s}, ${n.default}px)`,T="sf-header-clearance",R="sf-sticky-underheader";function c(e){return e?.find(t=>t?.type&&t.type!==o)??null}function p(e){const t=c(e)?.type;return!t||!E.has(t)}function D(e){return!p(e)}function P(e){return!!e?.some(t=>t?.type===o)}function h(e){return!e||e.length===0?!1:!e.some(t=>t?.type===o||t?.type===a)}const u=["auto","shared","own"],_="auto",S="topSpace",C="data-top-space";function f(e){return u.includes(e)?e:_}function x(e,t){const r=f(e?.props?.[S]);return r==="own"?!0:r==="shared"?!1:p(t)}function m(e,t){return x(e,t)?"own":null}export{_ as DEFAULT_TOP_SPACE,E as FULLBLEED_LEAD_SECTIONS,T as HEADER_CLEARANCE_CLASS,d as HEADER_DRAWN_HEIGHT_VAR,H as HEADER_HEIGHT_CSS,n as HEADER_HEIGHT_PX,A as HEADER_MENU_GAP_PX,l as HEADER_SET_HEIGHT_CSS,s as HEADER_SET_HEIGHT_VAR,R as STICKY_UNDERHEADER_CLASS,C as TOP_SPACE_ATTR,u as TOP_SPACE_MODES,S as TOP_SPACE_PROP,h as isStandaloneSectionDocument,c as leadSection,p as pageClearsHeader,P as pageHasHeaderSection,D as pageLeadsWithFullBleed,x as pageTakesTopSpace,f as resolveTopSpace,m as topSpaceMarker};

package/dist/render/lib/document/header-ink.d.ts

@@ -0,0 +1,15 @@
+export type HeaderInk = "light" | "dark";
+export declare const HEADER_INK_ATTR = "data-lead-ink";
+export declare const HEADER_INK_OVERRIDE_ATTR = "data-header-ink";
+export declare const HEADER_INK_MODES: readonly ["auto", "light", "dark"];
+export type HeaderInkMode = (typeof HEADER_INK_MODES)[number];
+export declare const DEFAULT_HEADER_INK: HeaderInkMode;
+export declare function leadSectionInk(content?: {
+    type?: string;
+    props?: Record<string, unknown>;
+}[] | null): HeaderInk | null;
+export declare function resolveHeaderInkMode(v: unknown): HeaderInkMode;
+export declare function resolveHeaderInk(mode: unknown, content?: {
+    type?: string;
+    props?: Record<string, unknown>;
+}[] | null): HeaderInk | null;

package/dist/render/lib/document/header-ink.js

@@ -0,0 +1 @@
+import{parseIntroBleedLayout as o}from"../../../format/lib/sections/intro-bleed-layout.js";import{leadSection as n,pageLeadsWithFullBleed as a}from"./header-clearance.js";const c="data-lead-ink",E="data-header-ink",I=["auto","light","dark"],l="auto";function d(e){return e.type==="IntroBleed"?o(e.props?.layout)!=="stacked":!0}function u(e){const t=n(e);return t&&a(e)&&d(t)?"light":null}function i(e){return e==="light"||e==="dark"?e:l}function k(e,t){const r=i(e);return r==="auto"?u(t):r}export{l as DEFAULT_HEADER_INK,c as HEADER_INK_ATTR,I as HEADER_INK_MODES,E as HEADER_INK_OVERRIDE_ATTR,u as leadSectionInk,k as resolveHeaderInk,i as resolveHeaderInkMode};

package/dist/render/lib/document/hero-media-parts.d.ts

@@ -0,0 +1,42 @@
+import { type ShowWhenRule } from "./show-when.js";
+export declare const HERO_MEDIA_PARTS: readonly ["media", "image", "image2"];
+export type HeroMediaPart = (typeof HERO_MEDIA_PARTS)[number];
+export declare const HERO_MEDIA_PART_LABELS: Readonly<Record<HeroMediaPart, string>>;
+export declare const HERO_PART_MODE: {
+    readonly media: "heroMedia";
+    readonly image: "heroImage";
+    readonly image2: "heroImage2";
+};
+export declare function heroPartLabel(part: HeroMediaPart, props: Record<string, unknown>): string;
+export declare const VIDEO_FILE_LABEL = "Video file";
+export declare const VIDEO_FILE_PROMPT = "Upload a video file";
+export declare function forMediaType(type: "image" | "video", fallback: "image" | "video"): {
+    readonly field: "mediaType";
+    readonly is: "image" | "video";
+    readonly default: "image" | "video";
+};
+export declare const HERO_MEDIA_PART_TYPES: ReadonlySet<string>;
+export declare function inPart<F extends object>(part: HeroMediaPart, field: F): F;
+export declare function heroMediaFields<F extends Record<string, unknown>>(fields: F, { parts, onlyFor, fallback, rules, }: {
+    parts?: Partial<Record<HeroMediaPart, readonly (keyof F & string)[]>>;
+    onlyFor: Record<"image" | "video", readonly (keyof F & string)[]>;
+    fallback: "image" | "video";
+    rules?: Partial<Record<keyof F & string, ShowWhenRule>>;
+}): F;
+export declare function fieldPartOf(field: unknown): HeroMediaPart | null;
+export declare function fieldsOfPart<F extends Record<string, unknown>>(fields: F, part: HeroMediaPart | null): F;
+export type HeroMediaRow = {
+    part: HeroMediaPart;
+    label: string;
+    depth: 0 | 1;
+};
+export declare function heroMediaRows(node: {
+    type: string;
+    props: Record<string, unknown>;
+}): HeroMediaRow[];
+export declare function heroPartId(nodeId: string, part: HeroMediaPart): string;
+export declare function readHeroPartId(id: string | null | undefined): {
+    nodeId: string;
+    part: HeroMediaPart;
+} | null;
+export declare const HERO_PART_ATTR = "data-sf-hero-part";

package/dist/render/lib/document/hero-media-parts.js

@@ -0,0 +1 @@
+import{withShowWhen as s}from"./show-when.js";import{heroPictureCount as c}from"../../../format/lib/hero-media-layout.js";const f=["media","image","image2"],u={media:"Media",image:"Image",image2:"Image 2"},P={media:"heroMedia",image:"heroImage",image2:"heroImage2"};function l(e,t){return e==="image"&&c(t)>1?"Image 1":u[e]}const I="Video file",O="Upload a video file";function d(e,t){return{field:"mediaType",is:e,default:t}}const g=new Set(["HeroSingle"]),m="heroPart";function h(e,t){return{...t,[m]:e}}function R(e,{parts:t={},onlyFor:i,fallback:p,rules:a}){const n={...e};for(const r of["image","video"])for(const o of i[r])n[o]=s(n[o],d(r,p));for(const[r,o]of Object.entries(a??{}))o&&(n[r]=s(n[r],o));for(const r of f)for(const o of t[r]??[])n[o]=h(r,n[o]);return n}function E(e){const t=e?.[m];return f.includes(t)?t:null}function T(e,t){const i={};for(const[p,a]of Object.entries(e))E(a)===t&&(i[p]=a);return i}function A(e){if(!g.has(e.type))return[];const t=[{part:"media",label:u.media,depth:0}];return(e.props.mediaType??"image")!=="video"&&(t.push({part:"image",label:l("image",e.props),depth:1}),c(e.props)>1&&t.push({part:"image2",label:l("image2",e.props),depth:1})),t}function M(e,t){return`${e}::${t}`}function y(e){if(!e)return null;const t=e.lastIndexOf("::");if(t<=0)return null;const i=e.slice(t+2);return f.includes(i)?{nodeId:e.slice(0,t),part:i}:null}const H="data-sf-hero-part";export{f as HERO_MEDIA_PARTS,u as HERO_MEDIA_PART_LABELS,g as HERO_MEDIA_PART_TYPES,H as HERO_PART_ATTR,P as HERO_PART_MODE,I as VIDEO_FILE_LABEL,O as VIDEO_FILE_PROMPT,E as fieldPartOf,T as fieldsOfPart,d as forMediaType,R as heroMediaFields,A as heroMediaRows,M as heroPartId,l as heroPartLabel,h as inPart,y as readHeroPartId};

package/dist/render/lib/document/migrate-legacy.d.ts

@@ -0,0 +1,2 @@
+import type { Data } from "efficient-easel/blocks";
+export declare function migrateLegacyPageData(data: Data): Data;

package/dist/render/lib/document/migrate-legacy.js

@@ -0,0 +1 @@
+import{pinnedDuplicateIndices as h}from"efficient-easel/draw";import{SLOT_SECTION_SPECS as A}from"./slot-specs.js";const S=["GalleryB"];function x(n){const o=n.content;if(!Array.isArray(o))return n;let i=!1;const c=o.map(t=>{const e=t?.type;if(!e||!S.includes(e))return t;const r=A[e];if(!r?.legacy)return t;const s=t.props??{},l=s[r.slot];if(Array.isArray(l)&&l.length>0)return t;const a=r.legacy(s);if(!a.length)return t;i=!0;const y=String(s.id??e),f=a.map((g,m)=>({type:r.childType,props:{id:`${r.childType}-${y}-${m}`,...g}}));return{...t,props:{...s,[r.slot]:f}}}),p=new Set(h(c)),u=p.size?c.filter((t,e)=>!p.has(e)):c;return p.size&&(i=!0),i?{...n,content:u}:n}export{x as migrateLegacyPageData};

package/dist/render/lib/document/page-frame.d.ts

@@ -0,0 +1,34 @@
+import type { CSSProperties, ReactNode } from "react";
+export declare function pageWidthTokens(w: {
+    widthMode?: unknown;
+    fullWidth?: unknown;
+    pageWidth?: unknown;
+}): {
+    frameClass?: string;
+    style: CSSProperties;
+};
+export declare function PageWidthWrapper({ w, children, }: {
+    w: {
+        widthMode?: unknown;
+        fullWidth?: unknown;
+        pageWidth?: unknown;
+    };
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function PublishedPageFrame({ pageBackground, inheritBackground, w, children, }: {
+    pageBackground?: unknown;
+    inheritBackground?: boolean;
+    w: {
+        widthMode?: unknown;
+        fullWidth?: unknown;
+        pageWidth?: unknown;
+    };
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function drawPublishedRoot(rootProps: {
+    children?: ReactNode;
+    widthMode?: unknown;
+    fullWidth?: unknown;
+    pageWidth?: unknown;
+    pageBackground?: unknown;
+}): import("react").JSX.Element;

package/dist/render/lib/document/page-frame.js

@@ -0,0 +1 @@
+import{jsx as n}from"react/jsx-runtime";import{pageBackgroundVars as d}from"../../../format/lib/content/page-background.js";import{SITE_WIDTH_CAP as s}from"../../../format/lib/content/page-width.js";function l(e){return{frameClass:void 0,style:{"--sf-page-width":s}}}function c({w:e,children:r}){const{frameClass:t,style:i}=l(e);return n("div",{className:t,style:i,children:r})}function p({pageBackground:e,inheritBackground:r=!1,w:t,children:i}){return n("div",{style:{...r?{}:d(e),background:"var(--bg)",minHeight:"100%",overflowX:"clip"},children:n(c,{w:t,children:i})})}function h(e){const{children:r,widthMode:t,fullWidth:i,pageWidth:o,pageBackground:a}=e;return n(p,{pageBackground:a,w:{widthMode:t,fullWidth:i,pageWidth:o},children:r})}export{c as PageWidthWrapper,p as PublishedPageFrame,h as drawPublishedRoot,l as pageWidthTokens};

package/dist/render/lib/document/page-render.d.ts

@@ -0,0 +1,6 @@
+import type { Config } from "efficient-easel/blocks";
+export default function PageRender({ config, data, metadata, }: {
+    config: Config;
+    data: unknown;
+    metadata?: Record<string, unknown>;
+}): import("react").JSX.Element;

package/dist/render/lib/document/page-render.js

@@ -0,0 +1 @@
+"use client";import{jsx as t}from"react/jsx-runtime";import{Render as m}from"efficient-easel/render";import{capHeroGroups as a}from"../../../format/lib/document/cap-hero-groups.js";import{oneH1 as i}from"../../../format/lib/document/one-h1.js";import{migrateLegacyPageData as n}from"./migrate-legacy.js";import{migrateRenamedProps as p}from"../../../format/lib/document/renamed-props.js";import{convertSectionsInPage as f}from"../sections/section-to-box.js";import{registerGeneralSectionRows as s}from"./blocks/general/section-to-box-rows.js";function c({config:r,data:e,metadata:o}){return s(),t(m,{config:r,metadata:o,data:i(a(f(p(n(e)))))})}export{c as default};

package/dist/render/lib/document/part-rows.d.ts

@@ -0,0 +1,15 @@
+import { type TextFieldMeta } from "efficient-easel/draw";
+import type { PartRow } from "../../../format/lib/document/part-key.js";
+import { type TypeInPlaceKind } from "./part-text.js";
+export { decodePartKey, encodePartKey, type PartRow } from "../../../format/lib/document/part-key.js";
+export declare function textMeta(field: unknown): TextFieldMeta | undefined;
+export declare function arrayFieldsOf(field: unknown): Record<string, unknown> | null;
+export type PartRowText = {
+    row: PartRow;
+    text: string;
+};
+export declare function partRowTexts(field: unknown, value: unknown): PartRowText[];
+export declare function partRowValue(listValue: unknown, row: PartRow): unknown;
+export declare function partPropsWithRowValue(props: Record<string, unknown>, key: string, row: PartRow, value: unknown): Record<string, unknown> | null;
+export declare function partPropsWithRowText(props: Record<string, unknown>, key: string, row: PartRow, kind: TypeInPlaceKind, next: string): Record<string, unknown> | null;
+export declare function partRowHeadLabel(label: string, row: PartRow | null): string;

package/dist/render/lib/document/part-rows.js

@@ -0,0 +1 @@
+import{TEXT_FIELD_MARKER as x}from"efficient-easel/draw";import{partText as s,partValueWithText as y,typeInPlaceKind as d}from"./part-text.js";import{decodePartKey as b,encodePartKey as j}from"../../../format/lib/document/part-key.js";function p(t){if(!(!t||typeof t!="object"))return t[x]}function l(t){if(!t||typeof t!="object")return null;const r=t.arrayFields;return r&&typeof r=="object"?r:null}function R(t,r){if(!Array.isArray(r))return[];const e=p(t),i=[];if(e?.control==="textList"){const n=e.itemKey??"text";return r.forEach((c,a)=>{const u=c?.[n];typeof u=="string"&&u&&i.push({row:{index:a,rowKey:n},text:u})}),i}const o=l(t);return o?(r.forEach((n,c)=>{for(const[a,u]of Object.entries(o)){if(!d(u))continue;const f=s(n?.[a])||p(u)?.placeholder||"";f&&i.push({row:{index:c,rowKey:a},text:f})}}),i):[]}function h(t,r){if(Array.isArray(t))return t[r.index]?.[r.rowKey]}function w(t,r,e,i){const o=t[r];return!Array.isArray(o)||e.index<0||e.index>=o.length?null:{...t,[r]:o.map((n,c)=>c===e.index?{...n,[e.rowKey]:i}:n)}}function T(t,r,e,i,o){const n=h(t[r],e);return s(n)===o?null:w(t,r,e,y(i,n,o))}function E(t,r){return r?`${t} · row ${r.index+1}`:t}export{l as arrayFieldsOf,b as decodePartKey,j as encodePartKey,T as partPropsWithRowText,w as partPropsWithRowValue,E as partRowHeadLabel,R as partRowTexts,h as partRowValue,p as textMeta};

package/dist/render/lib/document/part-styles.d.ts

@@ -0,0 +1,153 @@
+import { type TextStyleCase } from "efficient-easel/draw";
+import { type FontRole } from "../../../format/lib/fonts.js";
+import type { PartEl } from "../../../editor/lib/document/part-anchors.js";
+import { type PartNeedle } from "./text-parts.js";
+export declare const PART_STYLES_PROP = "_partStyles";
+export declare const PART_STYLED_ATTR = "data-sf-part-styled";
+export declare const TEXT_STYLE_ATTR = "data-sf-text-style";
+export declare function isTextStyleId(value: unknown): value is string;
+export declare const STYLE_ID_OF_ROLE: Readonly<Partial<Record<FontRole, string>>>;
+export declare function followedStyleOf(style: PartStyle): string | undefined;
+export declare const PART_WEIGHTS: readonly [400, 500, 600, 700];
+export type PartWeight = (typeof PART_WEIGHTS)[number];
+export declare const PART_ALIGNS: readonly ["left", "center", "right", "justify"];
+export type PartAlign = (typeof PART_ALIGNS)[number];
+export declare const PART_SIZE_MIN = 5;
+export declare const PART_SIZE_MAX = 1000;
+export declare const PART_NUDGE_MIN = -5;
+export declare const PART_NUDGE_MAX = 10;
+export declare const PART_PADDING_MIN = 0;
+export declare const PART_PADDING_MAX = 64;
+export declare const PART_PADDING_STEP = 2;
+export declare const PART_WIDTH_MIN = 120;
+export declare const PART_WIDTH_MAX = 1280;
+export declare const PART_WIDTH_STEP = 10;
+export declare const PART_MEASURED_TRACKS: {
+    readonly size: {
+        readonly min: 5;
+        readonly max: 1000;
+        readonly step: 1;
+    };
+    readonly sizePhone: {
+        readonly min: 5;
+        readonly max: 1000;
+        readonly step: 1;
+    };
+    readonly padding: {
+        readonly min: 0;
+        readonly max: 64;
+        readonly step: 2;
+    };
+    readonly width: {
+        readonly min: 120;
+        readonly max: 1280;
+        readonly step: 10;
+    };
+};
+export type PartMeasuredProp = keyof typeof PART_MEASURED_TRACKS;
+export declare const PART_LINE_STEP = 0.05;
+export declare const PART_LETTER_STEP = 0.01;
+export declare const PART_RELATIVE_PROPS: readonly ["line", "letter"];
+export type PartRelativeProp = (typeof PART_RELATIVE_PROPS)[number];
+export declare const PART_LINE_HEIGHT_MIN = 0.5;
+export declare const PART_LINE_HEIGHT_MAX = 2.5;
+export declare const PART_LETTER_EM_MIN = -1;
+export declare const PART_LETTER_EM_MAX = 1;
+export declare const PART_PARAGRAPH_MIN = 0;
+export declare const PART_PARAGRAPH_MAX = 400;
+export type PartStyle = {
+    font?: string;
+    role?: FontRole;
+    textStyle?: string;
+    weight?: PartWeight;
+    size?: number;
+    line?: number;
+    letter?: number;
+    lineHeight?: number;
+    letterSpacing?: number;
+    paragraphSpacing?: number;
+    case?: TextStyleCase;
+    align?: PartAlign;
+    padding?: number;
+    width?: number;
+    color?: string;
+    italic?: boolean;
+    sizePhone?: number;
+};
+export type PartStyleBase = {
+    fontKey: string;
+    sizePx: number;
+    weight: PartWeight;
+    lineRatio: number;
+    letterEm: number;
+    align: PartAlign;
+    case: TextStyleCase;
+    paddingPx: number;
+    widthPx: number;
+};
+export type PartStyles = Record<string, PartStyle>;
+export type StyledPartEl = PartEl & {
+    style: Record<string, string>;
+    readonly parentElement: StyledPartEl | null;
+};
+export type StyledPartStamp = {
+    element: StyledPartEl;
+    partId: string;
+};
+export declare function readPartStyles(props: Record<string, unknown> | undefined): PartStyles;
+export declare function readPartStyle(props: Record<string, unknown> | undefined, partKey: string): PartStyle;
+export declare function partStyleCount(props: Record<string, unknown> | undefined, partKey: string): number;
+export declare function propsWithPartStyleValue<K extends keyof PartStyle>(props: Record<string, unknown>, partKey: string, prop: K, value: PartStyle[K] | null): Record<string, unknown>;
+export declare function propsWithoutPartStyle(props: Record<string, unknown>, partKey: string): Record<string, unknown>;
+export declare function partCaseOfTransform(transform: string | null | undefined): TextStyleCase;
+export declare function partCaseTransform(value: TextStyleCase | undefined): string;
+export type PartDeclarationOptions = {
+    blockDrawsStyle?: boolean;
+};
+export declare function blockDrawsTextStyle(type: string | undefined, partKey: string): boolean;
+export declare function partSpacingOf(style: PartStyle): {
+    lineHeight?: number;
+    letterSpacingEm?: number;
+};
+export declare const PART_PARAGRAPH_VAR = "--sf-part-para";
+export declare const PART_PHONE_MAX_CSS = "(max-width: 719.98px)";
+export declare function partPhoneDeclarations(style: PartStyle): Record<string, string>;
+export declare function partStyleForScreen(style: PartStyle, phone: boolean): PartStyle;
+export declare function partStyleDeclarations(style: PartStyle, base: PartStyleBase, options?: PartDeclarationOptions): Record<string, string>;
+export declare function isHexColour(value: string): boolean;
+export type MeasuredPartStyle = {
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+    letterSpacing: string;
+    textAlign: string;
+    textTransform: string;
+    paddingTop: string;
+    maxWidth: string;
+};
+export declare function partStyleBase(measured: MeasuredPartStyle, fontKey: string): PartStyleBase;
+export declare function partFontKeyOf(family: string, resolve: (cssVar: string) => string): string;
+export declare function partStyleSource<E extends {
+    getAttribute(name: string): string | null;
+}>(nodeId: string, selectedPartId: string | null, selectedElements: readonly E[], declaresStyle: (className: string | null) => boolean): E | null;
+export declare function applyPartStyles(stamps: readonly StyledPartStamp[], styles: PartStyles, baseOf?: (element: StyledPartEl) => PartStyleBase, styleKeyOf?: (partKey: string) => string, isInline?: (element: StyledPartEl) => boolean, phone?: boolean, drawsStyle?: (partKey: string) => boolean): number;
+export declare const PART_PARAGRAPH_ATTR = "data-sf-part-para";
+export declare const PART_STYLE_PROPERTIES: readonly string[];
+export declare const SHARED_PART_PROPERTIES: readonly string[];
+export type PublishedPartRule = {
+    stamp: string;
+    textStyle?: string;
+    declarations: Record<string, string>;
+    phone?: Record<string, string>;
+};
+export type PublishedPartSheet = {
+    rules: ReadonlyMap<string, PublishedPartRule>;
+    kindRules: ReadonlyMap<string, PublishedPartRule>;
+    drawn: ReadonlySet<string>;
+};
+export declare function publishedPartStyles(needles: readonly PartNeedle[], styles: PartStyles, scope: string, styleKeyOf?: (partKey: string) => string, drawsStyle?: (partKey: string) => boolean): PublishedPartSheet | null;
+export declare function isPartKindKey(key: string): boolean;
+export declare function partRuleForKind(sheet: PublishedPartSheet | null, kind: string): PublishedPartRule | null;
+export declare function partStyleCss(sheet: PublishedPartSheet): string;
+export declare function paragraphRules(scope: string): string[];
+export declare function partRuleForText(sheet: PublishedPartSheet | null, value: string): PublishedPartRule | null;

package/dist/render/lib/document/part-styles.js

@@ -0,0 +1,2 @@
+import{textStyleCaseCss as q,textStyleCaseOfCss as J}from"efficient-easel/draw";import{FONT_OPTIONS as Q,FONT_ROLES as O,fontOption as v,SIZE_STEP_OF_ROLE as tt}from"../../../format/lib/fonts.js";import{encodePartKey as et}from"../../../format/lib/document/part-key.js";import{decodePartId as H,normalizePartText as N}from"./text-parts.js";import{COLOUR_TOKEN as F}from"../../../format/lib/word-styles.js";const w="_partStyles",nt="data-sf-part-styled",L="data-sf-text-style",rt=/^(heading|body)-[1-7]$/;function g(t){return typeof t=="string"&&rt.test(t)}const z={heading:"heading-1",heading2:"heading-2",heading3:"heading-3",body:"body-1",label:"body-5"};function ot(t){if(!t)return null;for(const[e,n]of Object.entries(z))if(n===t)return e;return null}function ne(t){if(g(t.textStyle))return t.textStyle;const e=t.role&&O.includes(t.role)?t.role:null;return e?z[e]:void 0}const it=[400,500,600,700],k=["left","center","right","justify"],j=5,D=1e3,st=-5,at=10,ct=0,lt=64,ft=2,ut=120,E=1280,pt=10,C={size:{min:j,max:D,step:1},sizePhone:{min:j,max:D,step:1},padding:{min:ct,max:lt,step:ft},width:{min:ut,max:E,step:pt}},dt=.05,xt=.01,ht=["line","letter"],St=.5,gt=2.5,mt=-1,Pt=1,Tt=0,_t=400;function T(t){return!t||typeof t!="object"||Array.isArray(t)?null:t}function W(t){return T(t?.[w])??{}}function K(t,e){const n=W(t);return Object.hasOwn(n,e)?T(n[e])??{}:{}}function re(t,e){return Object.values(K(t,e)).filter(n=>n!==void 0).length}function G(t,e,n){const r={...W(t)};if(At(n).length?r[e]=n:delete r[e],!Object.keys(r).length){const{[w]:o,...i}=t;return i}return{...t,[w]:r}}function At(t){return Object.entries(t).filter(([,e])=>e!==void 0)}function bt(t){return ht.includes(t)}const _=(t,e,n)=>Math.min(n,Math.max(e,t));function Rt(t,e){if(bt(t)){const n=Math.round(Number(e));return!Number.isFinite(n)||n===0?null:_(n,st,at)}if(t==="lineHeight"){const n=Number(e);return Number.isFinite(n)?m(_(n,St,gt),3):null}if(t==="letterSpacing"){const n=Number(e);return Number.isFinite(n)?m(_(n,mt,Pt),4):null}if(t==="paragraphSpacing"){const n=Math.round(Number(e));return!Number.isFinite(n)||n<=0?null:_(n,Tt,_t)}if(Object.hasOwn(C,t)){const{min:n,max:r}=C[t],o=Math.round(Number(e));return Number.isFinite(o)?_(o,n,r):null}return t==="italic"?typeof e=="boolean"?e:null:t==="role"?O.includes(String(e))?e:null:t==="textStyle"?g(e)?e:null:e}const Et=["weight","size","sizePhone","line","letter","lineHeight","letterSpacing","paragraphSpacing","padding","width"];function X(t){let e=null;const n=r=>{e??={...t},delete e[r]};for(const r of Et){const o=t[r];o!==void 0&&!(typeof o=="number"&&Number.isFinite(o))&&n(r)}return t.align!==void 0&&!k.includes(t.align)&&n("align"),t.textStyle!==void 0&&!g(t.textStyle)&&n("textStyle"),e??t}const yt=[["font","role"],["role","textStyle"],["line","lineHeight"],["letter","letterSpacing"]];function Ot(t){const e=[];for(const[n,r]of yt)n===t?e.push(r):r===t&&e.push(n);return e}function oe(t,e,n,r){const o={...K(t,e)},i=r==null?null:Rt(n,r);if(i===null)delete o[n];else{o[n]=i;for(const s of Ot(n))delete o[s]}return G(t,e,o)}function ie(t,e){return G(t,e,{})}function Nt(t){return J(t)??"none"}function wt(t){return q(t)??""}const It={heading:"--font-role-heading",heading2:"--font-role-heading2",heading3:"--font-role-heading3",body:"--font-role-body",accent:"--font-role-accent",label:"--font-role-label"};function $t(t,e){const n=t.role;return n&&O.includes(n)?n:e?.blockDrawsStyle?null:ot(t.textStyle)}function se(t,e){return t==="Text"&&e==="text"}const Mt={headingLarge:"min(clamp(64px,9vw,144px), var(--sf-heading-max,9999px))",headingMedium:"min(32px, var(--sf-heading-max,9999px))",headingSmall:"min(24px, var(--sf-heading-max,9999px))",accent:"32px",body:"14px",label:"12px"};function Ht(t){const e=tt[t],n=Mt[e];return n?`var(--size-${e}, ${n})`:`var(--size-${e})`}function Ft(t){const e={};return typeof t.lineHeight=="number"?e.lineHeight=t.lineHeight:t.line&&(e.lineHeight=m(Lt+t.line*dt,3)),typeof t.letterSpacing=="number"?e.letterSpacingEm=t.letterSpacing:t.letter&&(e.letterSpacingEm=m(t.letter*xt,4)),e}const Lt=1,A="--sf-part-para",zt="(max-width: 719.98px)";function U(t){return t=X(t),typeof t.sizePhone=="number"&&t.sizePhone>0?{fontSize:`${t.sizePhone}px`}:{}}function kt(t,e){return e&&typeof t.sizePhone=="number"&&t.sizePhone>0?{...t,size:t.sizePhone}:t}function y(t,e,n){t=X(t);const r=$t(t,n),o=Ft(t),i=t.size?`${t.size}px`:r?Ht(r):"";return{fontFamily:t.font?Wt(t.font):r?`var(${It[r]})`:"",fontWeight:t.weight?String(t.weight):"",fontSize:i,minWidth:i?"0":"",overflowWrap:i?"break-word":"",lineHeight:o.lineHeight!==void 0?String(o.lineHeight):"",letterSpacing:o.letterSpacingEm!==void 0?`${o.letterSpacingEm}em`:"",[A]:t.paragraphSpacing?`${t.paragraphSpacing}px`:"",textTransform:wt(t.case),textAlign:t.align??"",paddingTop:I(t.padding),paddingBottom:I(t.padding),maxWidth:I(t.width),color:jt(t.color),fontStyle:t.italic===!0?"italic":t.italic===!1?"normal":""}}const jt=t=>t===void 0||t===""?"":Object.hasOwn(F,t)?F[t]:B.test(t)?t:"",B=/^#[0-9a-fA-F]{6}$/;function ae(t){return B.test(t)}const I=t=>t===void 0?"":`${t}px`,m=(t,e)=>Number(t.toFixed(e));function ce(t,e){const n=Number.parseFloat(t.fontSize)||16,r=Number.parseFloat(t.lineHeight),o=Number.parseFloat(t.letterSpacing),i=Number.parseFloat(t.paddingTop),s=Number.parseFloat(t.maxWidth);return{fontKey:e,sizePx:n,weight:Dt(Number.parseInt(t.fontWeight,10)),lineRatio:Number.isFinite(r)?m(r/n,3):1.2,letterEm:Number.isFinite(o)?m(o/n,4):0,align:Ct(t.textAlign),case:Nt(t.textTransform),paddingPx:Number.isFinite(i)?Math.round(i):0,widthPx:Number.isFinite(s)&&s<E?Math.round(s):E}}function Dt(t){return Number.isFinite(t)?it.reduce((e,n)=>Math.abs(n-t)<Math.abs(e-t)?n:e):400}function Ct(t){for(const e of k)if(e===t)return e;return t==="end"?"right":"left"}function le(t,e){const n=V(t);if(!n)return"";for(const r of Q)if(V(e(r.cssVar))===n)return r.key;return""}const V=t=>(t.split(",")[0]??"").replace(/["']/g,"").replace(/\s+/g," ").trim().toLowerCase();function Wt(t){const e=v(t);return e?`var(${e.cssVar})`:""}function fe(t,e,n,r){return!e||H(e)?.nodeId!==t?null:n.find(i=>r(i.getAttribute("class")))??n[0]??null}function ue(t,e,n=()=>b,r=d=>d,o=Xt,i=!1,s=()=>!1){let d=0;for(const{element:a,partId:c}of t){const u=H(c)?.propKey;if(!u)continue;const l=r(u),p=Object.hasOwn(e,l)?T(e[l])??{}:{},f=y(kt(p,i),b,{blockDrawsStyle:s(u)});g(p.textStyle)?a.setAttribute?.(L,p.textStyle):a.removeAttribute?.(L);const S=M.some(h=>a.style[h]);let x=!1;for(const[h,P]of Object.entries(f))Ut(a,h,P),P&&(x=!0);if(S||M.some(h=>f[h]))for(const h of Kt(a,o))for(const P of M)h.style[P]=f[P]??"";x&&(d+=1)}return d}function Kt(t,e){const n=N(t.textContent??""),r=[];let o=t;for(let i=0;i<Gt&&e(o);i+=1){const s=o.parentElement;if(!s||N(s.textContent??"")!==n)break;r.push(s),o=s}return r}const Gt=8;function Xt(t){const e=t;return typeof window>"u"||!e?.ownerDocument?!1:window.getComputedStyle(e).display==="inline"}const b={fontKey:"",sizePx:16,weight:400,lineRatio:1,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:E};function Ut(t,e,n){if(!e.startsWith("--")){t.style[e]=n;return}const r=t.style;typeof r.setProperty=="function"?n?r.setProperty(e,n):r.removeProperty?.(e):r[e]=n;const o=t;e===A&&(n?o.setAttribute?.(Y,""):o.removeAttribute?.(Y))}const Y="data-sf-part-para",Bt=Object.keys(y({},b)),$=new Set(["color","overflowWrap",A,"fontStyle"]),M=Bt.filter(t=>!$.has(t));function pe(t,e,n,r=i=>i,o=()=>!1){const i=new Map;for(const a of t){const c=et(a.key,a.row);for(const u of a.texts){const l=i.get(u);l?(l.keys.add(a.key),l.partKeys.add(c)):i.set(u,{keys:new Set([a.key]),partKeys:new Set([c])})}}const s=new Map;for(const a of Object.keys(e)){if(!Vt(a))continue;const c=T(e[a])??{},u=y(c,b),l=U(c),p=g(c.textStyle)?c.textStyle:void 0;!Object.values(u).some(Boolean)&&!Object.keys(l).length&&!p||s.set(a,{stamp:Z(n,a),declarations:u,...Object.keys(l).length?{phone:l}:{},...p?{textStyle:p}:{}})}const d=new Map;for(const[a,{keys:c,partKeys:u}]of i){const l=u.size===1?[...u][0]:c.size===1?[...c][0]:null;if(!l)continue;const p=r(l);if(!Object.hasOwn(e,p))continue;const f=T(e[p])??{},S=y(f,b,{blockDrawsStyle:o(l)}),x=U(f),R=g(f.textStyle)?f.textStyle:void 0;!Object.values(S).some(Boolean)&&!Object.keys(x).length&&!R||d.set(a,{stamp:Z(n,l),declarations:S,...Object.keys(x).length?{phone:x}:{},...R?{textStyle:R}:{}})}return d.size||s.size?{rules:d,kindRules:s,drawn:new Set(i.keys())}:null}function Vt(t){return t.startsWith("@")}function de(t,e){return t?.kindRules.get(e)??null}function Z(t,e){const n=r=>r.replace(/[^A-Za-z0-9_-]+/g,"-");return`${n(t)}~${n(e)}`}function xe(t){const e=[],n=new Set,r=o=>{const{stamp:i,declarations:s}=o;if(n.has(i))return;n.add(i);const d=Object.entries(s).filter(([,f])=>f!==""),a=f=>f.map(([S,x])=>`${Zt(S)}: ${x}`).join("; "),c=`[${nt}="${i}"]`,u=d.filter(([f])=>!$.has(f)),l=d.filter(([f])=>$.has(f));u.length&&e.push(`${c}, *:has(> ${c}) { ${a(u)} }`),l.length&&e.push(`${c} { ${a(l)} }`),s[A]&&e.push(...Yt(c));const p=Object.entries(o.phone??{}).filter(([,f])=>f!=="");p.length&&e.push(`@media ${zt} { ${c}, *:has(> ${c}) { ${a(p)} } }`)};for(const o of t.rules.values())r(o);for(const o of t.kindRules.values())r(o);return e.join(`
+`)}function Yt(t){const e=`var(${A})`,n=":is([data-sf-bullet], [data-sf-number])";return[`${t} br:not(br + br) { display: block; content: ""; margin-top: ${e} }`,`${t} ${n}:not(:first-child) { margin-top: ${e} }`,`${t} ${n}:not(:last-child) { margin-bottom: ${e} }`]}const Zt=t=>t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`);function he(t,e){if(!t)return null;const n=N(e),r=t.rules.get(n);if(r)return r;if(n.length<qt||t.drawn.has(n))return null;let o=null;for(const[i,s]of t.rules)if(i.includes(n)){if(o&&o.stamp!==s.stamp)return null;o=s}return o}const qt=8;export{k as PART_ALIGNS,Pt as PART_LETTER_EM_MAX,mt as PART_LETTER_EM_MIN,xt as PART_LETTER_STEP,gt as PART_LINE_HEIGHT_MAX,St as PART_LINE_HEIGHT_MIN,dt as PART_LINE_STEP,C as PART_MEASURED_TRACKS,at as PART_NUDGE_MAX,st as PART_NUDGE_MIN,lt as PART_PADDING_MAX,ct as PART_PADDING_MIN,ft as PART_PADDING_STEP,Y as PART_PARAGRAPH_ATTR,_t as PART_PARAGRAPH_MAX,Tt as PART_PARAGRAPH_MIN,A as PART_PARAGRAPH_VAR,zt as PART_PHONE_MAX_CSS,ht as PART_RELATIVE_PROPS,D as PART_SIZE_MAX,j as PART_SIZE_MIN,nt as PART_STYLED_ATTR,w as PART_STYLES_PROP,Bt as PART_STYLE_PROPERTIES,it as PART_WEIGHTS,E as PART_WIDTH_MAX,ut as PART_WIDTH_MIN,pt as PART_WIDTH_STEP,M as SHARED_PART_PROPERTIES,z as STYLE_ID_OF_ROLE,L as TEXT_STYLE_ATTR,ue as applyPartStyles,se as blockDrawsTextStyle,ne as followedStyleOf,ae as isHexColour,Vt as isPartKindKey,g as isTextStyleId,Yt as paragraphRules,Nt as partCaseOfTransform,wt as partCaseTransform,le as partFontKeyOf,U as partPhoneDeclarations,de as partRuleForKind,he as partRuleForText,Ft as partSpacingOf,ce as partStyleBase,re as partStyleCount,xe as partStyleCss,y as partStyleDeclarations,kt as partStyleForScreen,fe as partStyleSource,oe as propsWithPartStyleValue,ie as propsWithoutPartStyle,pe as publishedPartStyles,K as readPartStyle,W as readPartStyles};

package/dist/render/lib/document/part-text.d.ts

@@ -0,0 +1,11 @@
+import { type HidableValue } from "efficient-easel/draw";
+import { type ScalarTextControlKind, type TextControlKind } from "efficient-easel/draw";
+export declare const TYPE_IN_PLACE_KINDS: readonly ScalarTextControlKind[];
+export type TypeInPlaceKind = ScalarTextControlKind;
+export declare function textControlKind(field: unknown): TextControlKind | null;
+export declare function typeInPlaceKind(field: unknown): TypeInPlaceKind | null;
+export declare function isMultilineKind(kind: TypeInPlaceKind): boolean;
+export declare function partPlaceholder(field: unknown): string | undefined;
+export declare function partText(value: unknown): string;
+export declare function partValueWithText(kind: TypeInPlaceKind, previous: unknown, next: string): HidableValue;
+export declare function partPropsWithText(props: Record<string, unknown>, propKey: string, kind: TypeInPlaceKind, next: string): Record<string, unknown> | null;

package/dist/render/lib/document/part-text.js

@@ -0,0 +1 @@
+import{TEXT_FIELD_MARKER as o}from"efficient-easel/draw";import{readHidable as u}from"efficient-easel/draw";import{SCALAR_TEXT_CONTROLS as i}from"efficient-easel/draw";const c=i,a=["text","textarea"],l=["textarea","plainTextarea"];function x(t){return!t||typeof t!="object"?null:t[o]?.control??null}function s(t){const e=x(t);return e&&c.includes(e)?e:null}function E(t){return l.includes(t)}function I(t){return!t||typeof t!="object"?void 0:t[o]?.placeholder}function f(t){return u(t).text}function p(t,e,n){return a.includes(t)?{text:n,hidden:u(e).hidden}:n}function _(t,e,n,r){return f(t[e])===r?null:{...t,[e]:p(n,t[e],r)}}export{c as TYPE_IN_PLACE_KINDS,E as isMultilineKind,I as partPlaceholder,_ as partPropsWithText,f as partText,p as partValueWithText,x as textControlKind,s as typeInPlaceKind};

package/dist/render/lib/document/passes/borders.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare const sectionBorder: BlockPass;

package/dist/render/lib/document/passes/borders.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{SECTION_BORDER_CLASS as d,sectionBorderStyle as c}from"../../../../format/lib/content/borders.js";import{PAD_ON_ROOT as a}from"./section-padding.js";const m={name:"sectionBorder",applies:(e,n,r)=>n.isSection(e)&&!!r&&typeof r.render=="function",draw(e,n){if(a.has(n))return;const r=e.render;e.render=o=>{const t=c(o.sectionBorder,o.sectionBorderPhone),s=r(o);return t?i("div",{className:d,style:{display:"contents",...t},children:s}):s}}};export{m as sectionBorder};

package/dist/render/lib/document/passes/cell-width.d.ts

@@ -0,0 +1,4 @@
+import { type ShowWhenRule } from "../../../../format/lib/document/show-when-attach.js";
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare const CELL_WIDTH_SHOW_WHEN: ShowWhenRule;
+export declare const cellWidth: BlockPass;

package/dist/render/lib/document/passes/cell-width.js

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{GRID_SPAN_ATTR as l,resolveGridSpan as o}from"../../../../format/lib/content/grid-span.js";import{withRowsShownWhen as d}from"../../../../format/lib/document/show-when-attach.js";import{CONTAINER_BLOCK_CHOICES as f}from"../../../../format/lib/document/container-blocks.js";import{RETIRED_NESTABLE_SECTIONS as _}from"../../../../format/lib/document/section-catalog.js";import{BOX_MAY_HOLD as a}from"../../../../format/lib/document/passes/slot-rules.js";const c=Array.from(new Set([...f.map(e=>e.type),...a,..._,"GalleryItem"])),m={not:{context:"parentOffersPositions",is:!1}},C={name:"cellWidth",applies:(e,n,r)=>c.includes(e)&&!!r&&typeof r.render=="function",panel(e,n,r){const t=r.cellWidthFields;e.fields={...e.fields,...t()},e.fields=d(e.fields??{},Object.keys(t()),m)},draw(e){const n=e.render;e.render=r=>{const t=o(r.gridSpan),i=n(r);return t==null?i:s("div",{className:"sf-grid-cell",[l]:String(t),children:i})}}};export{m as CELL_WIDTH_SHOW_WHEN,C as cellWidth};

package/dist/render/lib/document/passes/clickable-parts.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare const clickableParts: BlockPass;

package/dist/render/lib/document/passes/clickable-parts.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{PublishedPartStyles as m}from"../../../components/PublishedPartStylesContext.js";import{readPartStyles as f}from"../part-styles.js";import{partNeedles as d}from"../text-parts.js";const u={name:"clickableParts",applies:(c,r,n)=>typeof n?.render=="function",draw(c,r,n){const t=c,l=()=>t.textParts??t.fields,s=t.render,o=n.inspector?.PartAnchors;t.render=e=>{const i=f(e);return e.editor?.isEditing&&o?a(o,{needles:d(l(),e),styles:i,type:r,children:s(e)}):Object.keys(i).length?a(m,{needles:d(l(),e),styles:i,type:r,children:s(e)}):s(e)}}};export{u as clickableParts};

package/dist/render/lib/document/passes/corners.d.ts

@@ -0,0 +1,4 @@
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare const sectionCorners: BlockPass;
+export declare const CARD_BLOCK_KEYS: readonly string[];
+export declare const cardCorners: BlockPass;

package/dist/render/lib/document/passes/corners.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{CARD_FOLLOWS_SITE_CLASS as c,cardCornerStyle as d}from"../../../../format/lib/content/card-corners.js";import{sectionCornerStyle as l}from"../../../../format/lib/content/section-corners.js";import{sectionRunsFullWidth as a}from"../../../../format/lib/content/section-width.js";const u={name:"sectionCorners",applies:(n,r,e)=>r.isSection(n)&&!!e&&typeof e.render=="function",panel(n,r,e){n.fields={...n.fields,...e.sectionShapeFields()}},draw(n){const r=n.render;n.render=e=>{const s=l(e.sectionCorners,e.sectionCornerSides),t=r(e),i=a(e)?`sf-section-corners ${c}`:"sf-section-corners";return s?o("div",{className:i,style:{display:"contents",...s},children:t}):t}}},C=["CollectionCard"],m={name:"cardCorners",applies:(n,r,e)=>C.includes(n)&&!!e&&typeof e.render=="function",panel(n,r,e){n.fields={...n.fields,...e.cardShapeFields()}},draw(n){const r=n.render;n.render=e=>{const s=d(e.cardCorners,e.cardCornerSides),t=r(e);return s?o("div",{className:"sf-card-corners",style:{display:"contents",...s},children:t}):t}}};export{C as CARD_BLOCK_KEYS,m as cardCorners,u as sectionCorners};

package/dist/render/lib/document/passes/index.d.ts

@@ -0,0 +1,5 @@
+import type { BlockPass, BlockPassContext } from "../../../../format/lib/document/passes/types.js";
+export type { BlockPass, BlockPassContext, PassBlock, PassInspector } from "../../../../format/lib/document/passes/types.js";
+export { registryPassContext } from "../../../../format/lib/document/passes/registry-context.js";
+export declare const BLOCK_PASSES: readonly BlockPass[];
+export declare function applyBlockPasses<T extends object>(key: string, block: T, ctx: BlockPassContext): T;

package/dist/render/lib/document/passes/index.js

@@ -0,0 +1 @@
+import{catalogueLabel as m}from"../../../../format/lib/document/passes/catalogue-labels.js";import{cellWidth as n}from"./cell-width.js";import{clickableParts as s}from"./clickable-parts.js";import{cardCorners as p,sectionCorners as c}from"./corners.js";import{emptyHeadings as f}from"../../../../format/lib/document/passes/empty-headings.js";import{showWhenRows as a}from"../../../../format/lib/document/passes/show-when-rows.js";import{hiddenNodes as d}from"../../../../format/lib/document/passes/hidden-nodes.js";import{mediaValues as l}from"../../../../format/lib/document/passes/media-values.js";import{sectionAnchor as h}from"./section-anchor.js";import{sectionAnimation as u}from"./section-animation.js";import{sectionHeight as g}from"./section-height.js";import{cardSticky as w,sectionSticky as P}from"./section-sticky.js";import{sectionBorder as S}from"./borders.js";import{blockPadding as A,sectionPadding as W}from"./section-padding.js";import{sectionTheme as b,slideTheme as C}from"./section-theme.js";import{buttonAlignInRow as k,containedWidth as y,imageWidth as B,sectionWidth as G}from"./section-width.js";import{blockGroups as H,sectionGroups as L}from"../../../../format/lib/document/passes/settings-groups.js";import{openSlotDisallow as R,sectionGroupAllow as T}from"../../../../format/lib/document/passes/slot-rules.js";import{registryPassContext as oo}from"../../../../format/lib/document/passes/registry-context.js";const D=[l,T,R,W,c,S,p,A,n,G,y,k,B,g,h,b,u,P,w,C,L,H,a,f,s,d,m];function Y(r,e,o){const i=e;for(const t of D)t.applies(r,o,i)&&(o.inspector&&t.panel?.(i,r,o.inspector,o),t.draw?.(i,r,o));return e}export{D as BLOCK_PASSES,Y as applyBlockPasses,oo as registryPassContext};

package/dist/render/lib/document/passes/section-anchor.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare const sectionAnchor: BlockPass;

package/dist/render/lib/document/passes/section-anchor.js

@@ -0,0 +1 @@
+import{jsx as s,Fragment as i,jsxs as t}from"react/jsx-runtime";import{slugifyAnchor as a}from"../../../../format/lib/links/page-link-rules.js";function c({anchor:n}){const e=a(typeof n=="string"?n:"");return e?s("span",{id:e,className:"sf-section-anchor","aria-hidden":"true"}):null}const f={name:"sectionAnchor",applies:(n,e,r)=>e.isSection(n)&&!!r&&typeof r.render=="function",panel(n,e,r){const o=r.anchorFields;n.fields={...n.fields,...o()}},draw(n){n.defaultProps={...n.defaultProps,anchor:""};const e=n.render;n.render=r=>t(i,{children:[s(c,{anchor:r.anchor}),e(r)]})}};export{f as sectionAnchor};

package/dist/render/lib/document/passes/section-animation.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare const sectionAnimation: BlockPass;

package/dist/render/lib/document/passes/section-animation.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{SectionAnimation as s}from"../../../components/SectionAnimation.js";import{SECTION_ANIM_EXCLUDED as a,normalizeSectionMotion as m}from"../../../../format/lib/content/section-animation.js";const f={name:"sectionAnimation",applies:(n,t,i)=>t.isSection(n)&&!a.has(n)&&!!i&&typeof i.render=="function",panel(n,t,i){const o=i.sectionAnimationFields;n.fields={...n.fields,...o()}},draw(n){const t=n,i=t.render;t.render=o=>{const e=m(o.sectionAnimation);return e?r(s,{motion:e,editing:!!o.editor?.isEditing,children:i(o)}):i(o)}}};export{f as sectionAnimation};

package/dist/render/lib/document/passes/section-height.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare const sectionHeight: BlockPass;

package/dist/render/lib/document/passes/section-height.js

@@ -0,0 +1 @@
+import{jsx as M}from"react/jsx-runtime";import{SECTION_HEIGHT_MODES as s,SECTION_MIN_HEIGHT_EXCLUDED as P,hasPhoneHeight as x,resolvePhoneHeight as E,resolveSectionMinHeight as _,sectionMinHeightAttrs as v}from"../../../../format/lib/content/section-min-height.js";import{shownForOption as r,withRowRules as F}from"../../../../format/lib/document/show-when-attach.js";const I=[[["sectionHeightValue"],r("sectionHeightMode",s,"auto",["fixed","screen"])],[["sectionHeightUnit"],r("sectionHeightMode",s,"auto",["fixed"])],[["sectionHeightValuePhone"],r("sectionHeightModePhone",s,"auto",["fixed","screen"])],[["sectionHeightUnitPhone"],r("sectionHeightModePhone",s,"auto",["fixed"])]],p={name:"sectionHeight",applies:(e,n,t)=>n.isSection(e)&&!P.has(e)&&!!t&&typeof t.render=="function",panel(e,n,t){const i=t.heightFields;e.fields={...e.fields,...F(i(),I)};const c=e.resolveFields;e.resolveFields=(u,H)=>{const o=c?c(u,H):H.fields,h=u?.props??{},g=_(h),l=x(h)?E(h):null;return o&&typeof o.then=="function"?o.then(f=>d(a(f,g),l)):d(a(o,g),l)}},draw(e){const n=e.render;e.render=t=>{const i=v(t);return i?M("div",{className:i.className,style:i.style,children:n(t)}):n(t)}}};function a(e,n){if(!e||!("sectionHeightMode"in e)||n.mode==="auto")return e;const t={...e},i=t.sectionHeightValue;return i&&(t.sectionHeightValue={...i,unit:n.unit}),t}function d(e,n){if(!e||!("sectionHeightModePhone"in e)||!n||n.mode==="auto")return e;const t={...e},i=t.sectionHeightValuePhone;return i&&(t.sectionHeightValuePhone={...i,unit:n.unit}),t}export{p as sectionHeight};

package/dist/render/lib/document/passes/section-padding.d.ts

@@ -0,0 +1,9 @@
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare const SECTION_PAD_INNER_DEFAULTS: Record<string, {
+    top: number;
+    bottom: number;
+}>;
+export declare const SECTION_PAD_INNER: Set<string>;
+export declare const PAD_ON_ROOT: ReadonlySet<string>;
+export declare const sectionPadding: BlockPass;
+export declare const blockPadding: BlockPass;

package/dist/render/lib/document/passes/section-padding.js

@@ -0,0 +1 @@
+import{jsx as f}from"react/jsx-runtime";import{isBackgroundBox as u}from"../../../../format/lib/content/box-background.js";import{resolveSectionPadding as h,sectionPadAttrs as r}from"../../../../format/lib/content/section-padding.js";const c={ParagraphsA:{top:60,bottom:80},StatsParagraph:{top:120,bottom:120},Timeline:{top:120,bottom:120},Footprint:{top:120,bottom:120},TimelineTrack:{top:120,bottom:120},TitleWithButtons:{top:140,bottom:140},ProcessSteps:{top:120,bottom:120},DetailRows:{top:100,bottom:100}},P=new Set(Object.keys(c)),l=new Set(["Flex","Text","Heading"]),T=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),g=new Set(["ProductGrid"]);function a(t,n,o=!1){const d=t.render;t.render=e=>{if(n?.(e))return d(e);const i=o?r(e.sectionPaddingTop,e.sectionPaddingBottom,e.sectionPaddingTopPhone,e.sectionPaddingBottomPhone,e.sectionPaddingLeft,e.sectionPaddingRight,e.sectionPaddingLeftPhone,e.sectionPaddingRightPhone):r(e.sectionPaddingTop,e.sectionPaddingBottom,e.sectionPaddingTopPhone,e.sectionPaddingBottomPhone),s=d(e);return i?f("div",{className:i.className,style:i.style,children:s}):s}}const x={name:"sectionPadding",applies:(t,n,o)=>n.isSection(t)&&!T.has(t)&&!!o&&typeof o.render=="function",panel(t,n,o){P.has(n)||g.has(n)||(t.fields={...t.fields,...o.sidesPaddingFields()})},draw(t,n){if(P.has(n)){const o=t.render,d=c[n];t.render=e=>{const i=h(e,d);return o({...e,padTop:i.top,padBottom:i.bottom})};return}if(g.has(n)){a(t);return}l.has(n)||a(t,n==="Flex"?o=>u(o.bgImage):void 0,!0)}},_=["Heading","Text"],m=["LogoBlock"],A={name:"blockPadding",applies:(t,n,o)=>(_.includes(t)||m.includes(t))&&!!o&&typeof o.render=="function",panel(t,n,o){t.fields={...t.fields,...o.sidesPaddingFields()}},draw(t,n){l.has(n)||a(t,void 0,!0)}};export{l as PAD_ON_ROOT,P as SECTION_PAD_INNER,c as SECTION_PAD_INNER_DEFAULTS,A as blockPadding,x as sectionPadding};

package/dist/render/lib/document/passes/section-sticky.d.ts

@@ -0,0 +1,3 @@
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare const sectionSticky: BlockPass;
+export declare const cardSticky: BlockPass;

package/dist/render/lib/document/passes/section-sticky.js

@@ -0,0 +1 @@
+import{jsx as c}from"react/jsx-runtime";import{SECTION_STICK_EXCLUDED as a,sectionStickAttrs as d}from"../../../../format/lib/content/section-sticky.js";import{withRowRules as l}from"../../../../format/lib/document/show-when-attach.js";import{CARD_BLOCK_KEYS as f}from"./corners.js";const T=o("sectionSticky",(e,s,t)=>s.isSection(e)&&!a.has(e)&&!!t&&typeof t.render=="function"),m=o("cardSticky",(e,s,t)=>f.includes(e)&&!!t&&typeof t.render=="function");function o(e,s){return{name:e,applies:s,panel(t,n,i){t.fields={...t.fields,...l(i.stickFields(),k)}},draw(t){const n=t.render;t.render=i=>{const r=d(i);return r?c("div",{className:r.className,style:r.style,children:n(i)}):n(i)}}}}const k=[[["stickTopDistance"],{field:"stickTop",is:!0}],[["stickTopDistancePhone"],{field:"stickTopPhone",is:!0}]];export{m as cardSticky,T as sectionSticky};

package/dist/render/lib/document/passes/section-theme.d.ts

@@ -0,0 +1,3 @@
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare const sectionTheme: BlockPass;
+export declare const slideTheme: BlockPass;

package/dist/render/lib/document/passes/section-theme.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{SECTION_THEME_EXCLUDED as a,SECTION_THEME_NESTED_READING as r,nestedAccentValue as d,sectionThemeWrap as E}from"../../../../format/lib/content/section-surface.js";const f={name:"sectionTheme",applies:(e,t,s)=>t.isSection(e)&&!a.has(e)&&!!s&&typeof s.render=="function",panel(e,t,s){const{sectionThemeFields:i,SECTION_THEME_FOLLOW_LABEL:n}=s,c=r.has(t);e.fields={...e.fields,...c?i(d,n):i()}},draw(e,t){const s=r.has(t),i=e.render;e.render=n=>{const c=E(s?{...n,sectionAccent:d(n.sectionAccent)}:n),l=i(n);return c?o("div",{className:c.className,style:c.style,children:l}):l}}},h={name:"slideTheme",applies:e=>e==="HeroSlide",panel(e,t,s){const{sectionThemeFields:i,BLOCK_THEME_FOLLOW_LABEL:n}=s;e?.fields&&(e.fields={...e.fields,...i(d,n)})}};export{f as sectionTheme,h as slideTheme};

package/dist/render/lib/document/passes/section-width.d.ts

@@ -0,0 +1,18 @@
+import { type SectionWidths, type WidthAnswer, type WidthMode } from "../../../../format/lib/content/section-width.js";
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare function drawsTwoWidthRows(key: string, comp?: object): boolean;
+export declare const SITE_CONTENT_VAR = "--sf-sw-site";
+export declare const SECTION_CONTENT_VAR = "--sf-sw-content";
+export declare const SECTION_BACKGROUND_VAR = "--sf-bg-cap";
+export declare const SECTION_CONTENT_CLASS = "contents [--sf-site-width:var(--sf-sw-content)] max-[800px]:[--sf-site-width:var(--sf-sw-site)]";
+export declare function contentOverride(w: SectionWidths, background: WidthAnswer | null): string | null;
+export declare const SECTION_CONTENT_CAP_VAR = "--sf-content-cap";
+export declare const SECTION_CONTENT_CAP_CLASS = "contents max-[800px]:[--sf-content-cap:none]";
+export declare const sectionWidth: BlockPass;
+export declare function widthModeFields<T extends Record<string, unknown>>(fields: T, w: {
+    mode: WidthMode;
+    inherited: boolean;
+}): T;
+export declare const containedWidth: BlockPass;
+export declare const buttonAlignInRow: BlockPass;
+export declare const imageWidth: BlockPass;

package/dist/render/lib/document/passes/section-width.js

@@ -0,0 +1 @@
+import{jsx as d}from"react/jsx-runtime";import{resolveContainerDirection as A}from"../../../../format/lib/content/container-direction.js";import{IMAGE_WIDTH as p}from"../../../../format/lib/content/image-width.js";import{HERO_BACKGROUND_VAR as W,HERO_CHROME_CAP_VAR as b,HERO_CHROME_INSET_VAR as g,SITE_WIDTH_CAP as h,centredCap as m,heroBackgroundTokens as B}from"../../../../format/lib/content/page-width.js";import{SECTION_WIDTH_FAMILY as I,resolveSectionWidth as y,resolveWidth as N,sectionHasWidthRows as F,siteWidthsOf as H}from"../../../../format/lib/content/section-width.js";import{isInsideSiteGutter as D}from"../../../../format/lib/content/site-gutter.js";import{SplitBandAndColumn as M}from"../../../components/SiteGutterFrame.js";import{FRAME as P}from"../../../components/BlockFrame.js";import{parentCapsWidth as G}from"../../../../format/lib/sections/section-head-placement.js";import{addShowWhenFacts as x,withRowsShownWhen as O}from"../../../../format/lib/document/show-when-attach.js";import{findParentNode as k,isNestedNode as L}from"../../../../format/lib/document/passes/document-position.js";const V=new Set(["ProductGrid","RelatedProducts","DeliveryOptions","CheckoutCTA","Ticker","CategoryBar","DocTabs","CustomHTML","Spacer"]),j=new Set(["ProductHero"]),$=new Set(["Collections","CatalogFilterBar","AlloyWheelsListing","DeliveryOptions","CheckoutCTA","ProductHero","ProductGrid","DetailRows","FitmentTable","TyreSizes","TyreFitment","EuTyreLabel","BundleOffer","CompatibleTyres","RelatedProducts","FitmentFinder","SpecTable","Subscribe","SubscribeBlogs","ContactRouting","SubmitBuild"]);function S(t,n){return F(t)?!$.has(t)||n?.widthRows==="two":!1}const T="--sf-sw-site",U="--sf-sw-content",K="--sf-bg-cap",Y="contents [--sf-site-width:var(--sf-sw-content)] max-[800px]:[--sf-site-width:var(--sf-sw-site)]";function C(t,n){const e=n==="content";return t.content==="full"?e?null:"100vw":t.content==="content"&&t.contentMax!==null?e?`min(${t.contentMax}px,var(${T}))`:`${t.contentMax}px`:null}function w(t,n){return n===null?t:d("div",{className:"contents",style:{[T]:h},children:d("div",{className:Y,style:{[U]:n},children:t})})}const z="--sf-content-cap",X="contents max-[800px]:[--sf-content-cap:none]";function q(t,n){if((t.content??"content")==="full")return null;const e=n==="content";return t.contentMax!==null?e?`min(${t.contentMax}px,var(${T}))`:`${t.contentMax}px`:e?null:`var(${T})`}function J(t,n){return n===null?t:d("div",{className:"contents",style:{[T]:h},children:d("div",{className:X,style:{[z]:n},children:t})})}const _=(t,n)=>t==="content"?d("div",{style:m(h),children:n}):n;function Q(t,n){const e=I[n],i=t.render;t.render=o=>{const s=H(o),l=y(n,o),r={...l,content:l.content??s.content};if(e==="hero"){const u=r.background??s.background,f=w(i(o),C(r,u));return u==="full"?d("div",{style:{[W]:"none",[g]:"initial",[b]:"initial"},children:f}):u==="content"?d("div",{style:B(!0),children:f}):f}const c=r.background??s.background??"full";if(e==="scrollOver"){const u=(r.content??"content")==="full",f=w(i({...o,fullWidth:u}),u?null:C(r,c));return c==="content"?d("div",{className:"contents",style:{[K]:h},children:f}):f}const a=r.content??"content";switch(e){case"both":return _(c,J(i(o),q(r,c)));case"contained":{if(a==="full")return _(c,i({...o,contained:!1}));const u=C(r,c);if(c==="content"&&u===null)return i({...o,contained:!0});const f=d(M,{children:i({...o,contained:!0})});return _(c,w(f,u))}case"contentColumn":case"contentFull":case"productGrid":{const f={...o,widthMode:a==="full"?"full":"page",fullWidth:void 0,pageWidth:void 0,contained:void 0},E=w(i(f),a==="full"?null:C(r,c));return e==="productGrid"?c==="content"?d("div",{className:P,children:E}):E:_(c,E)}default:return _(c,w(i(o),C(r,c)))}}}const Ct={name:"sectionWidth",applies:(t,n,e)=>(n.isSection(t)&&!V.has(t)||S(t,e))&&!!e&&typeof e.render=="function",panel(t,n,e){if(S(n,t)){const s=e.sectionWidthFields(n),l={...t.fields,...s};t.fields=I[n]==="contained"?v(n,t,l,Object.keys(s)):l;return}const i=e.widthField;t.fields={...t.fields,...i("full")};const o=t.resolveFields;t.resolveFields=(s,l)=>{const r=o?o(s,l):l.fields,c=N(s?.props??{},"full");return r&&typeof r.then=="function"?r.then(a=>R(a,c)):R(r,c)}},draw(t,n){if(S(n,t)){Q(t,n);return}const e=j.has(n),i=t.render;t.render=o=>{const{mode:s}=N(o,"full"),l=i(o);if(s==="full")return l;const r=m(h);return e?d("div",{style:{"--sf-page-cap":h},children:l}):d("div",{style:r,children:l})}}};function R(t,n){if(!t||!("widthMode"in t))return t;const e={...t},i=e.widthMode;return i&&(e.widthMode={...i,currentValue:n.mode,inherited:n.inherited}),e}const Z=new Set(["Heading","Text","ImageBlock","ButtonBlock","Banner","Stats","Logos","Divider","Flex","Grid","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA"]),wt={name:"containedWidth",applies:(t,n,e)=>Z.has(t)&&!S(t,e)&&!!e&&typeof e.render=="function",panel(t,n,e){const i=e.widthField;t.fields=v(n,t,{...t.fields,...i("page")});const o=t.resolveFields;t.resolveFields=(s,l)=>{const r=o?o(s,l):l.fields,c=N(s?.props??{},"page"),a=u=>R(u,c);return r&&typeof r.then=="function"?r.then(a):a(r)}},draw(t){const n=t.render;t.render=e=>{const{mode:i}=N(e,"page");return n({...e,contained:i!=="full"})}}},tt={not:{context:"inHeroGroupRow",is:!0}},_t={name:"buttonAlignInRow",applies:t=>t==="ButtonBlock",panel(t){const n=t;n.fields=O(n.fields??{},["align"],tt),x(n,{inHeroGroupRow:(e,i)=>{const o=k(i.appState,e.props?.id);return!!o&&o.type==="HeroGroup"&&A("HeroGroup",o.props?.direction)==="row"}})}};function nt(t){return Object.values(t).some(n=>!!n&&typeof n=="object"&&n.type==="slot")}const et={any:[]},ot={not:{context:"insideSiteGutter",is:!0}},it={not:{context:"widthCappedByParent",is:!0}};function v(t,n,e,i=["widthMode","pageWidth"]){return t==="ButtonBlock"?O(e,["_gWidth",...i],et):nt(e)?(x(n,{insideSiteGutter:(o,s)=>D(s.appState?.data?.content,o.props?.id)}),O(e,i,ot)):(x(n,{widthCappedByParent:(o,s)=>"parent"in s?G(s.parent):L({props:o.props??{}},s)}),O(e,i,it))}const Nt={name:"imageWidth",applies:t=>t==="ImageBlock",panel(t,n,e){const{slider:i,WidthIcon:o}=e;if(t?.fields){const s=i("Image width",d(o,{}),p.min,p.max,p.step,p.fallback,p.unit),l="focal",r=Object.entries(t.fields),c=r.findIndex(([a])=>a===l);t.fields=Object.fromEntries(c===-1?[...r,["width",s]]:[...r.slice(0,c+1),["width",s],...r.slice(c+1)])}}};export{K as SECTION_BACKGROUND_VAR,X as SECTION_CONTENT_CAP_CLASS,z as SECTION_CONTENT_CAP_VAR,Y as SECTION_CONTENT_CLASS,U as SECTION_CONTENT_VAR,T as SITE_CONTENT_VAR,_t as buttonAlignInRow,wt as containedWidth,C as contentOverride,S as drawsTwoWidthRows,Nt as imageWidth,Ct as sectionWidth,R as widthModeFields};

package/dist/render/lib/document/render-registry.d.ts

@@ -0,0 +1,3 @@
+import type { Config } from "efficient-easel/blocks";
+import { type BlockPassContext, type PassInspector } from "./passes/index.js";
+export declare function finishRenderRegistry(config: Config, inspector?: PassInspector): BlockPassContext;

package/dist/render/lib/document/render-registry.js

@@ -0,0 +1 @@
+import{applyBlockPasses as r,registryPassContext as c}from"./passes/index.js";function i(e,t){const o={...c(Object.keys(e.components),e.categories?.structure?.components??[]),...t?{inspector:t}:{}};for(const[s,n]of Object.entries(e.components))r(s,n,o);return o}export{i as finishRenderRegistry};

package/dist/render/lib/document/sanitize.d.ts

@@ -0,0 +1 @@
+export declare function sanitizeHtml(html: string): string;

package/dist/render/lib/document/sanitize.js

@@ -0,0 +1 @@
+import e from"isomorphic-dompurify";e.addHook("afterSanitizeAttributes",t=>{t.tagName==="A"&&t.getAttribute("target")==="_blank"&&t.setAttribute("rel","noopener noreferrer")});function i(t){return e.sanitize(t,{ALLOWED_TAGS:["p","br","hr","span","div","section","article","header","footer","h1","h2","h3","h4","h5","h6","strong","em","b","i","u","small","sup","sub","mark","ul","ol","li","blockquote","a","img","picture","source","figure","figcaption","video","table","thead","tbody","tr","th","td"],ALLOWED_ATTR:["href","title","alt","src","srcset","sizes","class","style","target","rel","width","height","loading","poster","controls"],ALLOW_DATA_ATTR:!1})}export{i as sanitizeHtml};

package/dist/render/lib/document/selection-parent.d.ts

@@ -0,0 +1,12 @@
+import { type NodeLocation, type SlotConfigView, type TreeItem } from "efficient-easel/draw";
+export declare function zoneOwner(zone: string | null | undefined): {
+    ownerId: string;
+    slot: string;
+} | null;
+export type SelectionAddress = {
+    index: number;
+    zone?: string;
+} | null | undefined;
+export declare function parentOfSelection(config: SlotConfigView, content: ReadonlyArray<TreeItem>, selector: SelectionAddress): (NodeLocation & {
+    slot: string;
+}) | null;