efficient-web-builder 40.1.0 → 41.0.0

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

@@ -1 +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/puck/show-when-attach.js";import{findParentNode as k,isNestedNode as L}from"../../../../format/lib/puck/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};
+export*from"../../document/passes/section-width.js";

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

@@ -1,3 +1 @@
-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;
+export * from "../document/render-registry.d.ts";

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

@@ -1 +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};
+export*from"../document/render-registry.js";

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

@@ -1 +1 @@
-export declare function sanitizeHtml(html: string): string;
+export * from "../document/sanitize.d.ts";

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

@@ -1 +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};
+export*from"../document/sanitize.js";

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

@@ -1,12 +1 @@
-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;
+export * from "../document/selection-parent.d.ts";

package/dist/render/lib/puck/selection-parent.js

@@ -1 +1 @@
-import{locateNode as r}from"efficient-easel/draw";function c(n){if(!n)return null;const t=n.lastIndexOf(":");return t>0?{ownerId:n.slice(0,t),slot:n.slice(t+1)}:null}function s(n,t,l){const o=c(l?.zone),e=o?r(n,t,o.ownerId):null;return e&&o?{...e,slot:o.slot}:null}export{s as parentOfSelection,c as zoneOwner};
+export*from"../document/selection-parent.js";

package/dist/render/lib/puck/show-when.d.ts

@@ -1,19 +1 @@
-import { type ShowWhenContext, type ShowWhenRule } from "efficient-shell/format";
-import type { SlotConfigView, TreeItem } from "efficient-easel/draw";
-export type { ShowWhenRule, ShowWhenContext };
-export { showWhenOf, shownForOption, truthy, withRowRules, withRowsShownWhen, withShowWhen, type RowRule, type WithShowWhen } from "../../../format/lib/puck/show-when-attach.js";
-export declare function visibleFields<T extends Record<string, unknown>>(fields: T, values: Readonly<Record<string, unknown>> | null | undefined, context: ShowWhenContext): T;
-export type ShowWhenSelector = {
-    index: number;
-    zone?: string;
-} | null | undefined;
-export declare function showWhenContext(device: string | undefined, config: SlotConfigView, content: ReadonlyArray<TreeItem>, selector: ShowWhenSelector): ShowWhenContext;
-export declare function readsContext(rule: unknown, name: string): boolean;
-export type ResolverParams = {
-    appState?: unknown;
-    parent?: {
-        type?: unknown;
-        props?: Record<string, unknown>;
-    } | null;
-};
-export declare function resolverContext(params: ResolverParams, extra?: Record<string, () => unknown>): ShowWhenContext;
+export * from "../document/show-when.d.ts";

package/dist/render/lib/puck/show-when.js

@@ -1 +1 @@
-import{isShown as s,lazyShowWhenContext as a}from"efficient-shell/format";import{isEditorOnDynamicPage as h}from"../../../format/lib/puck/editor-page-context.js";import{parentOfSelection as u}from"./selection-parent.js";import{showWhenOf as C,shownForOption as b,truthy as g,withRowRules as R,withRowsShownWhen as j,withShowWhen as v}from"../../../format/lib/puck/show-when-attach.js";import{showWhenOf as c}from"../../../format/lib/puck/show-when-attach.js";function d(t,o,e){let r=!1;const n={};for(const[f,i]of Object.entries(t))s(c(i),o??{},e)?n[f]=i:r=!0;return r?n:t}function m(t,o,e,r){const n=u(o,e,r);return{device:t,parentType:n?.item.type,parent:n?.item.props}}function p(t,o){if(!t||typeof t!="object")return!1;const e=t;if(typeof e.context=="string"&&(e.context===o||e.context.startsWith(`${o}.`)))return!0;if("not"in e)return p(e.not,o);for(const r of[e.all,e.any])if(Array.isArray(r)&&r.some(n=>p(n,o)))return!0;return!1}function W(t,o={}){return a({parentType:()=>t.parent?.type??void 0,parent:()=>t.parent?.props??void 0,dynamicPage:()=>h(),root:()=>t.appState?.data?.root?.props,...o})}export{p as readsContext,W as resolverContext,m as showWhenContext,C as showWhenOf,b as shownForOption,g as truthy,d as visibleFields,R as withRowRules,j as withRowsShownWhen,v as withShowWhen};
+export*from"../document/show-when.js";

package/dist/render/lib/puck/slot-specs.d.ts

@@ -1,8 +1 @@
-import { type TreeItem } from "efficient-easel/draw";
-import type { NodeDefaults, SlotSectionSpec } from "efficient-easel/screen/lib/puck/slot-section-spec";
-export declare const SLOT_SECTION_SPECS: Record<string, SlotSectionSpec>;
-export declare function registerSlotSectionSpecs(specs: Record<string, SlotSectionSpec>): void;
-export declare function buildSlotSeedChildren(type: string, defaultsFor?: NodeDefaults): {
-    slot: string;
-    children: TreeItem[];
-} | null;
+export * from "../document/slot-specs.d.ts";

package/dist/render/lib/puck/slot-specs.js

@@ -1 +1 @@
-import{HERO_SLIDE_SEEDS as a}from"../../components/HeroSlide.js";import{heroGroupAddBlocked as l,heroGroupOverCapNotice as c}from"../../../format/lib/hero-group-placement.js";import{newNodeId as p}from"efficient-easel/draw";import{BOX_TYPE as t,CONTAINER_BLOCKS_SLOT as n}from"../../../format/lib/puck/container-blocks.js";import{BOX_LABEL as i}from"../../../format/lib/puck/section-catalog.js";import{headingTextSeed as m}from"../../../format/lib/puck/text-seeds.js";const T="ImageBlock",E=3,d=(e,r,o={})=>({type:e,props:{...r?.(e)??{},id:p(e),...o}}),h=e=>({...e?.(t)??{},direction:"column",[n]:[d(T,e),d(t,e,{direction:"column",[n]:[d("Text",e,m()),d("Text",e)]})]}),s={Hero:{slot:"slides",childType:"HeroSlide",addLabel:"Add slide",slider:!0,seeds:()=>a.map(e=>({...e}))},HeroSlide:{slot:"groups",childType:"HeroGroup",addLabel:`Add ${i.toLowerCase()}`,seeds:()=>[],addBlocked:l,notice:c},HeroSingle:{slot:"boxes",childType:"HeroGroup",addLabel:`Add ${i.toLowerCase()}`,seeds:()=>[],addBlocked:l,notice:c},ProcessSteps:{slot:"boxes",childType:t,addLabel:`Add ${i.toLowerCase()}`,seeds:e=>Array.from({length:E},()=>h(e)),skipSeed:e=>Array.isArray(e.steps)&&e.steps.length>0}};function b(e){for(const[r,o]of Object.entries(e)){if(r in s&&s[r]!==o)throw new Error(`lib/puck/slot-specs: "${r}" already has a slot spec`);s[r]=o}}function y(e,r){const o=s[e];return o?{slot:o.slot,children:o.seeds(r).map(S=>({type:o.childType,props:{id:p(o.childType),...S}}))}:null}export{s as SLOT_SECTION_SPECS,y as buildSlotSeedChildren,b as registerSlotSectionSpecs};
+export*from"../document/slot-specs.js";

package/dist/render/lib/puck/text-parts.d.ts

@@ -1,42 +1 @@
-import { decodePartId, encodePartId } from "efficient-easel/draw";
-import { type TextFieldMeta } from "efficient-easel/draw";
-import { type PartRow } from "./part-rows.js";
-export declare const PART_ATTR = "data-sf-part";
-export declare const REGION_PART_ATTR = "data-sf-region-part";
-export declare const PART_ROW_ATTR = "data-sf-part-row";
-export declare function encodePartRow(key: string, index: number): string;
-export declare const PART_SELECTED_ATTR = "data-sf-part-selected";
-export declare const PART_KIND_ATTR = "data-sf-part-kind";
-export declare const PART_STYLE_OWNER_ATTR = "data-sf-part-style-owner";
-export declare const PART_STYLE_KIND_ATTR = "data-sf-part-style-kind";
-export declare function partStyleOwnerOf(element: {
-    getAttribute(name: string): string | null;
-    readonly parentElement: unknown;
-} | null): {
-    owner: string;
-    kind: string;
-} | null;
-export type PartNeedle = {
-    key: string;
-    label: string;
-    texts: string[];
-    row?: PartRow;
-};
-export { decodePartId, encodePartId };
-export declare function partOpenOn(selectedPartId: string | null, nodeId: string): boolean;
-export declare function normalizePartText(value: string): string;
-export declare function holdsAuthoredText(field: unknown): boolean;
-export declare function partLabel(field: Record<string, unknown>, key: string): string;
-export declare function partHeadLabel(label: string): string;
-export declare function partNeedles(fields: Record<string, unknown> | undefined, props: Record<string, unknown> | undefined): PartNeedle[];
-export type SectionTextPart = {
-    key: string;
-    label: string;
-    preview: string;
-    offPage: boolean;
-    identifier: boolean;
-    hidden: boolean;
-};
-export declare function entryPartMetaOf(key: string, field: unknown): TextFieldMeta | null;
-export declare function fieldDrawsEntryRow(key: string, field: unknown): boolean;
-export declare function sectionTextParts(fields: Record<string, unknown> | undefined, props: Record<string, unknown> | undefined): SectionTextPart[];
+export * from "../document/text-parts.d.ts";

package/dist/render/lib/puck/text-parts.js

@@ -1 +1 @@
-import{decodePartId as m,encodePartId as P}from"efficient-easel/draw";import{stripMarkup as R}from"../../../format/lib/markup.js";import{LINK_FIELD_MARKER as A,SCAFFOLD_FIELD_MARKER as y,TEXT_FIELD_MARKER as u}from"efficient-easel/draw";import{readHidable as _}from"efficient-easel/draw";import{SCALAR_TEXT_CONTROLS as g}from"efficient-easel/draw";import{isStructuralTextProp as b}from"../../../format/lib/puck/neutralization-contracts.js";import{fieldInOwnBox as L}from"../../../format/lib/puck/own-box.js";import{partRowTexts as I}from"./part-rows.js";const B="data-sf-part",H="data-sf-region-part",W="data-sf-part-row";function $(e,t){return`${e}[${t}]`}const G="data-sf-part-selected",q="data-sf-part-kind",S="data-sf-part-style-owner",j="data-sf-part-style-kind";function J(e){for(let t=e;t;t=t.parentElement){const r=t.getAttribute(S),n=t.getAttribute(j);if(r&&n)return{owner:r,kind:n};if(t.getAttribute("data-puck-component"))return null}return null}const h=2;function Q(e,t){if(!e)return!1;const r=m(e);return!!r?.propKey&&r.nodeId===t}function w(e){return R(e).replace(/\s+/gu,"")}function l(e,t,r){const n=e[u];if(n){if(n.control==="textList"){const o=n.itemKey??"text";if(!Array.isArray(t))return;for(const i of t){const c=i?.[o];typeof c=="string"&&r.push(c)}return}const{text:s}=_(t);s?r.push(s):n.placeholder&&r.push(n.placeholder);return}if(!e[A]){if(e.type==="text"||e.type==="textarea"){typeof t=="string"&&t&&r.push(t);return}if(e.arrayFields&&Array.isArray(t)){for(const s of t)for(const[o,i]of Object.entries(e.arrayFields))l(i,s?.[o],r);return}if(e.objectFields&&t&&typeof t=="object")for(const[s,o]of Object.entries(e.objectFields))l(o,t[s],r)}}function U(e){if(!e||typeof e!="object")return!1;const t=e;return t[A]?!1:!!t[u]||t.type==="text"||t.type==="textarea"}function E(e,t){const r=e[u];return r?.label?r.label:typeof e.label=="string"?e.label:t}function N(e){const t=e.indexOf(" (");return(t>0?e.slice(0,t):e).trim()}function V(e,t){if(!e)return[];const r=[];for(const[n,s]of Object.entries(e)){if(!s||typeof s!="object"||b(n))continue;const o=s,i=[];l(o,t?.[n],i),!i.length&&o[y]!==void 0&&l(o,o[y],i);const c=E(o,n),a=new Set;for(const{row:T,text:f}of I(o,t?.[n])){const d=w(f);d.length<h||(a.add(d),r.push({key:n,label:c,texts:[d],row:T}))}const p=new Set(a),x=[];for(const T of i){const f=w(T);f.length<h||p.has(f)||(p.add(f),x.push(f))}x.length&&r.push({key:n,label:c,texts:x})}return r}const F=g;function O(e,t){if(!t||typeof t!="object"||b(e)||L(t))return null;const r=t[u];return!r||!F.includes(r.control)?null:r}function Z(e,t){const r=O(e,t);return r!==null&&r.identifier!==!0}function v(e,t){if(!e)return[];const r=[];for(const[n,s]of Object.entries(e)){const o=O(n,s);if(!o)continue;const{text:i,hidden:c}=_(t?.[n]),a=i||o.placeholder||"",p=R(a).replace(/\s+/gu," ").trim();r.push({key:n,label:N(E(s,n)),preview:p,offPage:o.offPage===!0,identifier:o.identifier===!0,hidden:!!c})}return r}export{B as PART_ATTR,q as PART_KIND_ATTR,W as PART_ROW_ATTR,G as PART_SELECTED_ATTR,j as PART_STYLE_KIND_ATTR,S as PART_STYLE_OWNER_ATTR,H as REGION_PART_ATTR,m as decodePartId,P as encodePartId,$ as encodePartRow,O as entryPartMetaOf,Z as fieldDrawsEntryRow,U as holdsAuthoredText,w as normalizePartText,N as partHeadLabel,E as partLabel,V as partNeedles,Q as partOpenOn,J as partStyleOwnerOf,v as sectionTextParts};
+export*from"../document/text-parts.js";

package/dist/render/lib/sections/section-to-box.d.ts

@@ -0,0 +1,116 @@
+type Props = Record<string, unknown>;
+export type SectionNode = {
+    type: string;
+    props: Props;
+};
+export declare const SECTION_BOX_TYPE = "Flex";
+export declare const SECTION_BOX_SLOT = "content";
+export type Carried = {
+    key: string;
+    home: string;
+};
+export type Dropped = {
+    key: string;
+    why: string;
+};
+export type HeadingStyleId = "heading-1" | "heading-2" | "heading-3";
+export type SiteWrite = {
+    kind: "heading-case-upper";
+    styles: readonly HeadingStyleId[];
+} | {
+    kind: "add-theme-preset";
+    copyOf: number;
+    set: Readonly<Record<string, string>>;
+    reason: string;
+};
+export type SiteFacts = {
+    schema: string;
+    site: string;
+    headingCase: string | null;
+    textStyles: boolean | null;
+    themePresets: number | null;
+    cardShadow?: string | null;
+    ownThemeRow?: boolean | null;
+    deleted?: boolean;
+};
+export type ConvertContext = {
+    site?: SiteFacts;
+};
+export type SectionConversion = {
+    node: SectionNode;
+    carried: Carried[];
+    dropped: Dropped[];
+    siteWrites: SiteWrite[];
+};
+export type TextRole = "heading" | "body" | "eyebrow";
+export type BoxEntry = string | readonly [string, string] | readonly [string, string, (value: unknown, props: Props) => unknown];
+export type ButtonVariantOf = {
+    key: string;
+    map: Readonly<Record<string, string>>;
+    fallback: string;
+};
+export type PartRow = PartRowKind & {
+    when?: (node: Props) => boolean;
+};
+type PartRowKind = {
+    kind: "text";
+    key: string;
+    role?: TextRole;
+    style?: Props;
+    props?: Props;
+} | {
+    kind: "button";
+    key: string;
+    href: string;
+    variant?: string | ButtonVariantOf;
+    style?: Props;
+    props?: Props;
+} | {
+    kind: "image";
+    key: string;
+    alt?: string;
+    props?: Props;
+} | {
+    kind: "list";
+    key: string;
+    name: string;
+    parts: readonly PartRow[];
+    flat?: boolean;
+    props?: Props;
+} | {
+    kind: "group";
+    name: string;
+    parts: readonly PartRow[];
+    props?: Props | ((node: Props, ctx: ConvertContext) => Props);
+    box?: readonly BoxEntry[];
+    keepEmpty?: boolean;
+} | {
+    kind: "core";
+    keep: readonly string[];
+};
+export interface SectionToBoxRow {
+    name: string;
+    on: boolean;
+    box?: readonly BoxEntry[];
+    boxProps?: Props | ((props: Props) => Props);
+    parts: readonly PartRow[];
+    drop?: Readonly<Record<string, string>>;
+    site?: (node: SectionNode, ctx: ConvertContext) => readonly SiteWrite[];
+}
+export declare function registerBoxNativeSections(types: Readonly<Record<string, string>>): void;
+export declare function boxNativeReason(type: string): string | undefined;
+export declare function registerSectionToBox(rows: Readonly<Record<string, SectionToBoxRow>>): void;
+export declare function sectionToBoxRow(type: string): SectionToBoxRow | undefined;
+export declare function sectionToBoxTypes(): string[];
+export declare function convertsToBox(type: string): boolean;
+export declare function headParts(type: string): PartRow[];
+export declare const hasWords: (v: unknown) => boolean;
+export declare function convertSection(node: SectionNode, row: SectionToBoxRow, ctx?: ConvertContext): SectionConversion;
+export declare function convertSectionsInPage<D extends {
+    content?: unknown;
+}>(data: D): D;
+export declare function sectionToBoxEdits(content: unknown): {
+    index: number;
+    node: SectionNode;
+}[];
+export {};

package/dist/render/lib/sections/section-to-box.js

@@ -0,0 +1 @@
+import{readHidable as H}from"efficient-easel/draw";import{BOX_TYPE as R,CONTAINER_BLOCKS_SLOT as X}from"../../../format/lib/document/container-blocks.js";import{headingTextSeed as K,labelTextSeed as W}from"../../../format/lib/document/text-seeds.js";import{SPLITTABLE_SECTIONS as M}from"../../../format/lib/sections/section-head-placement.js";const $=R,_=X,O={Flex:"the Box itself",Hero:"its slides hold Boxes of real blocks (Hero › Slide › Box)",Divider:"one block with no text, picture or button",CustomHTML:"the HTML box is the whole section; it has no parts"};function U(e){for(const[o,n]of Object.entries(e)){if(o in O&&O[o]!==n)throw new Error(`lib/sections/section-to-box: "${o}" is already Box-native`);O[o]=n}}function Z(e){return O[e]}const V=new Set(["id"]),b={};function tt(e){for(const[o,n]of Object.entries(e)){if(o in b&&b[o]!==n)throw new Error(`lib/sections/section-to-box: "${o}" already has a row`);b[o]=n}}function et(e){return b[e]}function ot(){return Object.keys(b)}function nt(e){return b[e]?.on===!0}function rt(e){const o=M[e];if(!o)throw new Error(`lib/sections/section-to-box: "${e}" has no head row in SPLITTABLE_SECTIONS`);const n=[{kind:"text",key:o.num,role:"eyebrow"},{kind:"text",key:o.title,role:"heading"}];return o.description&&n.push({kind:"text",key:o.description,role:"body"}),o.headRows.includes("linkText")&&o.headRows.includes("linkHref")&&n.push({kind:"button",key:"linkText",href:"linkHref"}),n}const E=e=>H(e),it=e=>E(e).text.trim()!=="",Y=e=>e==="heading"?K():e==="eyebrow"?W():{};function D(e,o,n){const s={...e._partStyles?.text??{},...o??{},...n??{}};return Object.keys(s).length?{_partStyles:{text:s}}:{}}function F(e,o){if(e===void 0)return{};if(typeof e=="string")return{variant:e};const n=o[e.key];return{variant:typeof n=="string"&&Object.hasOwn(e.map,n)?e.map[n]:e.fallback}}function I(e,o,n,a){const s={...o};for(const l of e){const[u,k,m]=typeof l=="string"?[l,l,void 0]:l;if(n[u]===void 0)continue;const S=m?m(n[u],n):n[u];S===void 0?delete s[k]:s[k]=S,a(u,k,S===void 0)}return s}function P(e,o,n={}){const a=e.props,s=String(a.id??e.type),l=[],u=[],k=new Set,m=(c,r)=>{l.push({key:c,home:r}),k.add(c)},S=a._partStyles??{};let j=0;const g=(c,r)=>({type:c,props:{...r,id:`${s}~${c}-${++j}`}}),T=(c,r,w,y)=>{const h=[],p=(t,i)=>w?m(t,i):void 0,v=t=>w?S[t]:void 0;for(const t of c)if(!(t.when&&!t.when(a)))switch(t.kind){case"text":{const i=E(r[t.key]);if(!i.text.trim()){p(t.key,"nothing — empty words draw nothing, so no block");break}const f=Y(t.role??"body"),{_partStyles:x,...d}=f;h.push(g("Text",{text:i.text,...d,...t.props??{},...D(f,t.style,v(t.key)),...i.hidden?{_hidden:!0}:{}})),p(t.key,`${y}Text block: its words${i.hidden?", hidden":""}`);break}case"button":{const i=E(r[t.key]);if(!i.text.trim()){p(t.key,"nothing — no words, no button"),p(t.href,"nothing — no button to link"),typeof t.variant=="object"&&p(t.variant.key,"nothing — no button to style");break}const f=typeof r[t.href]=="string"&&r[t.href]?r[t.href]:"#",x={...t.style??{},...v(t.key)??{}};h.push(g("ButtonBlock",{label:i.text,href:f,...t.props??{},...F(t.variant,r),...Object.keys(x).length?{_partStyles:{label:x}}:{},...i.hidden?{_hidden:!0}:{}})),p(t.key,`${y}Button block: its words`),p(t.href,`${y}Button block: its link`),typeof t.variant=="object"&&p(t.variant.key,`${y}Button block: its Style`);break}case"image":{const i=r[t.key];if(typeof i!="string"||!i){p(t.key,"nothing — no picture, no block"),t.alt&&p(t.alt,"nothing — no picture to describe");break}const f=t.alt&&typeof r[t.alt]=="string"?r[t.alt]:"";h.push(g("ImageBlock",{src:i,alt:f,...t.props??{}})),p(t.key,`${y}Image block: its picture`),t.alt&&p(t.alt,`${y}Image block: its alt text`);break}case"list":{const i=Array.isArray(r[t.key])?r[t.key]:[];i.forEach((f,x)=>{const d=T(t.parts,f??{},!1,`item ${x+1}: `);if(t.flat){h.push(...d);return}h.push(g($,{name:`${t.name} ${x+1}`,...t.props??{},[_]:d}))}),p(t.key,i.length?t.flat?`each item's parts (${i.length} items), in order`:`one Box per item (${i.length}), its parts inside`:"nothing — the list is empty");break}case"group":{const i=T(t.parts,r,w,y);if(!i.length&&!t.keepEmpty){for(const d of t.box??[]){const B=typeof d=="string"?d:d[0];r[B]!==void 0&&p(B,`nothing — the ${t.name} Box has no parts, so it is not drawn`)}break}const f=typeof t.props=="function"?t.props(a,n):t.props??{},x=I(t.box??[],f,r,(d,B,C)=>p(d,C?`nothing — the old value draws nothing (${t.name} Box: no ${B})`:`${y}${t.name} Box: ${B}`));h.push(g($,{name:t.name,...x,[_]:i}));break}case"core":{const i={headPlacement:"own-box"};for(const f of t.keep)r[f]!==void 0&&(i[f]=r[f],p(f,`the ${e.type} block inside the Box`));h.push(g(e.type,i));break}}return h},A=T(o.parts,a,!0,""),N=typeof o.boxProps=="function"?o.boxProps(a):o.boxProps??{},L=I(o.box??[],N,a,(c,r,w)=>m(c,w?`nothing — the old value draws nothing (Box: no ${r})`:`Box: ${r}`));a._partStyles!==void 0&&m("_partStyles","each old part's style moved to its new part");for(const[c,r]of Object.entries(o.drop??{}))c in a&&(u.push({key:c,why:r}),k.add(c));for(const c of Object.keys(a))V.has(c)||k.has(c)||u.push({key:c,why:"not in the row — not carried"});return{node:{type:$,props:{name:o.name,...L,[_]:A,id:`${s}~box`}},carried:l,dropped:u,siteWrites:[...o.site?.(e,n)??[]]}}function st(e){const o=e.content;if(!Array.isArray(o))return e;let n=!1;const a=o.map(s=>{const l=s&&typeof s.type=="string"?b[s.type]:void 0;return l?.on?(n=!0,P(s,l).node):s});return n?{...e,content:a}:e}function at(e){if(!Array.isArray(e))return[];const o=[];return e.forEach((n,a)=>{const s=n&&typeof n.type=="string"?b[n.type]:void 0;s?.on&&o.push({index:a,node:P(n,s).node})}),o}export{_ as SECTION_BOX_SLOT,$ as SECTION_BOX_TYPE,Z as boxNativeReason,P as convertSection,st as convertSectionsInPage,nt as convertsToBox,it as hasWords,rt as headParts,U as registerBoxNativeSections,tt as registerSectionToBox,at as sectionToBoxEdits,et as sectionToBoxRow,ot as sectionToBoxTypes};

package/dist/render/lib/text-styles/site-text-styles.d.ts

@@ -1,6 +1,6 @@
 import { type TextStyle, type TextStyleCase } from "efficient-easel/text-styles/model";
 import { type FontRole, type FontsValue } from "../../../format/lib/fonts.js";
-import { type PartStyle } from "../puck/part-styles.js";
+import { type PartStyle } from "../document/part-styles.js";
 import { faceClassOf } from "../../../format/lib/text-style-face.js";
 export { faceClassOf };
 import type { SiteThemeRow, SiteThemeRowPatch } from "../../../format/lib/site-theme-row.js";

package/dist/render/lib/text-styles/site-text-styles.js

@@ -1,2 +1,2 @@
-import{defaultTextStyles as J,textStyleCaseCss as X}from"efficient-easel/text-styles/model";import{FONT_OPTIONS as Y,normalizeFonts as F}from"../../../format/lib/fonts.js";import{PART_PHONE_MAX_CSS as G,STYLE_ID_OF_ROLE as U,TEXT_STYLE_ATTR as W,partSpacingOf as Z}from"../puck/part-styles.js";import{faceClassOf as I}from"../../../format/lib/text-style-face.js";import{compressionMetrics as q,headingTypographyFromRow as B,normalizeHeadingCompression as C,normalizeSizes as L}from"../../../format/lib/theme.js";const T=e=>e==="sentence"?"none":void 0,h=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,_=e=>typeof e=="string"&&e?e:void 0,j=["font","color","size","sizePhone","weight","italic","lineHeight","letterSpacing","paragraphSpacing","letterCase","largestSize"];function p(e){const i={};for(const n of j)e[n]!==void 0&&(i[n]=e[n]);return i}function H(e,i){const{auto:n,...t}=e,s=new Set(i??[]),r=j.filter(o=>s.has(o)&&e.values[o]===void 0);return r.length?{...t,auto:r}:t}function O(e){const i=e.fonts,n=e.sizes,t=e.typography,s=q(e.compression),r={"heading-1":{font:_(i.heading),size:h(n.headingLarge),weight:h(t.weight),lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,letterCase:T(t.case),largestSize:h(t.maxPx)},"heading-2":{font:_(i.heading2),size:h(n.headingMedium),weight:h(t.weight2),lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,letterCase:T(t.case2)},"heading-3":{font:_(i.heading3),size:h(n.headingSmall),weight:h(t.weight3),lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,letterCase:T(t.case3)},"body-1":{font:_(i.body),size:h(n.body)},"body-5":{font:_(i.label),size:h(n.label)}};return J().map(({id:o,kind:l,name:d})=>({id:o,kind:l,name:d,values:p(r[o]??{})}))}function $(e){return Array.isArray(e)&&e.every(n=>n&&typeof n=="object"&&typeof n.id=="string"&&(n.kind==="heading"||n.kind==="body")&&typeof n.name=="string")?e.map(n=>H({...n,values:p(n.values??{})},Array.isArray(n.auto)?n.auto:void 0)):null}function le(e){return $(e)??[]}function w(e,i){const n=O(i),t=$(e);return t?t.map(s=>{const r={...P(n,s.id)};for(const o of s.auto??[])delete r[o];return{...s,values:p({...r,...s.values})}}):n}const P=(e,i)=>e.find(n=>n.id===i)?.values??{},R=["heading-1","heading-2","heading-3"];function de({saved:e,old:i,cur:n,next:t,sizeOf:s}){const r=O(i),o=$(e)??r.map(a=>({...a,values:{}})),l=w(o,i),d=[],y=t.map(a=>{const c=n.find(f=>f.id===a.id),b=o.find(f=>f.id===a.id);if(!c||!b)return K([a],s)[0];const u={...b.values},z=new Set(b.auto??[]),v=a.values,A=c.values,N=[...new Set([...Object.keys(v),...Object.keys(A)])].filter(f=>JSON.stringify(v[f])!==JSON.stringify(A[f]));N.sort((f,m)=>+(f==="letterSpacing")-+(m==="letterSpacing"));for(const f of N){const m=f==="lineSpacing"?"lineHeight":f,k=v[f];if(k===void 0){delete u[m],P(r,a.id)[m]!==void 0&&(d.push([a.id,m]),z.add(m));continue}if(z.delete(m),f==="lineSpacing")u.lineHeight=x(k/100,3);else if(f==="letterSpacing"){const V=l.find(D=>D.id===a.id),E=s({...a,values:p({...V?.values??{},...u})});u.letterSpacing=E?x(k/E,4):0}else u[m]=k}return H({id:a.id,kind:a.kind,name:a.name,values:p(u)},z)});let g=i.compression;if(d.some(([a,c])=>(c==="lineHeight"||c==="letterSpacing")&&R.includes(a))&&C(g)!=="normal"){for(const a of R){const c=y.find(u=>u.id===a);if(!c)continue;const b={...c.values};for(const u of["lineHeight","letterSpacing"])d.some(([z,v])=>z===a&&v===u)||b[u]===void 0&&!(c.auto??[]).includes(u)&&(b[u]=P(r,a)[u]);c.values=p(b)}g="normal"}return{saved:y,old:{...i,compression:g}}}function ce(e,i){const n={text_styles:e.saved};return e.old.compression!==i.compression&&(n.heading_compression=C(e.old.compression)),n}const x=(e,i)=>Number(e.toFixed(i));function ue(e,i){return e.map(n=>{const{lineHeight:t,letterSpacing:s,...r}=n.values,o={...r};return t!==void 0&&(o.lineSpacing=x(t*100,1)),s!==void 0&&(o.letterSpacing=x(s*i(n),2)),{id:n.id,kind:n.kind,name:n.name,values:o}})}function K(e,i){return e.map(n=>{const{lineSpacing:t,letterSpacing:s,...r}=n.values,o={id:n.id,kind:n.kind,name:n.name,values:p({...r})},l={...o.values};if(t!==void 0&&(l.lineHeight=x(t/100,3)),s!==void 0){const d=i({...o,values:{...o.values}});l.letterSpacing=d?x(s/d,4):0}return{...o,values:p(l)}})}function fe(e){const i={fonts:F({heading:e.heading_font??void 0,heading2:e.heading_2_font??void 0,heading3:e.heading_3_font??void 0,body:e.body_font??void 0,accent:e.accent_font??void 0,label:e.label_font??void 0}),sizes:L({headingLarge:e.heading_size_large_px,headingMedium:e.heading_size_medium_px,headingSmall:e.heading_size_small_px,accent:e.accent_size_px,body:e.body_size_px,label:e.label_size_px}),compression:C(e.heading_compression),typography:B(e)},n=e.text_styles??null,t=Array.isArray(n)?M(w(n,i),i):i;return{fonts:F(t.fonts),sizes:L(t.sizes),compression:C(t.compression),typography:t.typography,textStyles:n}}function M(e,i){const n=a=>e.find(c=>c.id===a)?.values??{},t=n("heading-1"),s=n("heading-2"),r=n("heading-3"),o=n("body-1"),l=n("body-5"),d=i.fonts,y=i.sizes,g=i.typography,S=a=>a==="none"?"sentence":"authored";return{fonts:{...d,heading:t.font??d.heading,heading2:s.font??t.font??d.heading2,heading3:r.font??t.font??d.heading3,body:o.font??d.body,label:l.font??d.label},sizes:{...y,headingLarge:t.size??null,headingMedium:s.size??null,headingSmall:r.size??null,body:o.size??null,label:l.size??null},compression:i.compression,typography:{...g,case:S(t.letterCase),weight:t.weight??null,maxPx:t.largestSize??null,weight2:s.weight??null,weight3:r.weight??null,case2:S(s.letterCase),case3:S(r.letterCase)}}}function ge(e){const i=$(e.textStyles);if(!i||i.every(s=>Object.keys(s.values).length===0&&!s.auto))return e;const n={fonts:e.fonts??{},sizes:e.sizes??{},compression:String(e.headingCompression??"normal"),typography:e.headingTypography??{}},t=M(w(i,n),n);return{...e,fonts:t.fonts,sizes:t.sizes,headingCompression:t.compression,headingTypography:t.typography}}function Q(e){return e==="accent"?"var(--accent)":e==="text"?"var(--fg)":e==="labels"?"var(--fg-dim)":/^#[0-9a-f]{6}$/i.test(e)?e:null}function ee(e){const i=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: var(--sf-part-para) }`,`${e} ${i}:not(:first-child) { margin-top: var(--sf-part-para) }`,`${e} ${i}:not(:last-child) { margin-bottom: var(--sf-part-para) }`]}function pe(e){const i=[];for(const n of e){const t=n.values,s=`.${I(n)}`,r=`[${W}="${n.id}"]`,o=`${s}, ${r}`,l=[],d=t.font!==void 0?Y.find(a=>a.key===t.font)?.cssVar:void 0;if(d&&l.push(`font-family: var(${d})`),t.size!==void 0){const a=t.largestSize!==void 0?Math.min(t.size,t.largestSize):t.size;l.push(`font-size: ${a}px`)}const y=t.color!==void 0?Q(t.color):null;y&&l.push(`color: ${y}`),t.italic===!0&&l.push("font-style: italic"),t.weight!==void 0&&l.push(`font-weight: ${t.weight}`);const g=[];t.lineHeight!==void 0&&g.push(`line-height: ${t.lineHeight}`),t.letterSpacing!==void 0&&g.push(`letter-spacing: ${t.letterSpacing}em`),n.kind==="body"&&l.push(...g);const S=X(t.letterCase);if(S&&l.push(`text-transform: ${S}`),t.paragraphSpacing&&l.push(`--sf-part-para: ${t.paragraphSpacing}px`),l.length&&i.push(`${o} { ${l.join("; ")} }`),n.kind==="heading"&&g.length&&i.push(`${o}, ${s}:is(h1, h2, h3, h4), ${r}:is(h1, h2, h3, h4) { ${g.join("; ")} }`),t.paragraphSpacing&&i.push(...ee(`:is(${o})`)),t.sizePhone!==void 0){const a=ne[n.id],c=[`${o} { font-size: ${t.sizePhone}px }`];a&&c.push(`.sf-themed-content { --size-${a}: ${t.sizePhone}px !important }`),i.push(`@media ${G} { ${c.join(" ")} }`)}}return i.join(`
+import{defaultTextStyles as J,textStyleCaseCss as X}from"efficient-easel/text-styles/model";import{FONT_OPTIONS as Y,normalizeFonts as F}from"../../../format/lib/fonts.js";import{PART_PHONE_MAX_CSS as G,STYLE_ID_OF_ROLE as U,TEXT_STYLE_ATTR as W,partSpacingOf as Z}from"../document/part-styles.js";import{faceClassOf as I}from"../../../format/lib/text-style-face.js";import{compressionMetrics as q,headingTypographyFromRow as B,normalizeHeadingCompression as C,normalizeSizes as L}from"../../../format/lib/theme.js";const T=e=>e==="sentence"?"none":void 0,h=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,_=e=>typeof e=="string"&&e?e:void 0,j=["font","color","size","sizePhone","weight","italic","lineHeight","letterSpacing","paragraphSpacing","letterCase","largestSize"];function p(e){const i={};for(const n of j)e[n]!==void 0&&(i[n]=e[n]);return i}function H(e,i){const{auto:n,...t}=e,s=new Set(i??[]),r=j.filter(o=>s.has(o)&&e.values[o]===void 0);return r.length?{...t,auto:r}:t}function O(e){const i=e.fonts,n=e.sizes,t=e.typography,s=q(e.compression),r={"heading-1":{font:_(i.heading),size:h(n.headingLarge),weight:h(t.weight),lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,letterCase:T(t.case),largestSize:h(t.maxPx)},"heading-2":{font:_(i.heading2),size:h(n.headingMedium),weight:h(t.weight2),lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,letterCase:T(t.case2)},"heading-3":{font:_(i.heading3),size:h(n.headingSmall),weight:h(t.weight3),lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,letterCase:T(t.case3)},"body-1":{font:_(i.body),size:h(n.body)},"body-5":{font:_(i.label),size:h(n.label)}};return J().map(({id:o,kind:l,name:d})=>({id:o,kind:l,name:d,values:p(r[o]??{})}))}function $(e){return Array.isArray(e)&&e.every(n=>n&&typeof n=="object"&&typeof n.id=="string"&&(n.kind==="heading"||n.kind==="body")&&typeof n.name=="string")?e.map(n=>H({...n,values:p(n.values??{})},Array.isArray(n.auto)?n.auto:void 0)):null}function le(e){return $(e)??[]}function w(e,i){const n=O(i),t=$(e);return t?t.map(s=>{const r={...P(n,s.id)};for(const o of s.auto??[])delete r[o];return{...s,values:p({...r,...s.values})}}):n}const P=(e,i)=>e.find(n=>n.id===i)?.values??{},R=["heading-1","heading-2","heading-3"];function de({saved:e,old:i,cur:n,next:t,sizeOf:s}){const r=O(i),o=$(e)??r.map(a=>({...a,values:{}})),l=w(o,i),d=[],y=t.map(a=>{const c=n.find(f=>f.id===a.id),b=o.find(f=>f.id===a.id);if(!c||!b)return K([a],s)[0];const u={...b.values},z=new Set(b.auto??[]),v=a.values,A=c.values,N=[...new Set([...Object.keys(v),...Object.keys(A)])].filter(f=>JSON.stringify(v[f])!==JSON.stringify(A[f]));N.sort((f,m)=>+(f==="letterSpacing")-+(m==="letterSpacing"));for(const f of N){const m=f==="lineSpacing"?"lineHeight":f,k=v[f];if(k===void 0){delete u[m],P(r,a.id)[m]!==void 0&&(d.push([a.id,m]),z.add(m));continue}if(z.delete(m),f==="lineSpacing")u.lineHeight=x(k/100,3);else if(f==="letterSpacing"){const V=l.find(D=>D.id===a.id),E=s({...a,values:p({...V?.values??{},...u})});u.letterSpacing=E?x(k/E,4):0}else u[m]=k}return H({id:a.id,kind:a.kind,name:a.name,values:p(u)},z)});let g=i.compression;if(d.some(([a,c])=>(c==="lineHeight"||c==="letterSpacing")&&R.includes(a))&&C(g)!=="normal"){for(const a of R){const c=y.find(u=>u.id===a);if(!c)continue;const b={...c.values};for(const u of["lineHeight","letterSpacing"])d.some(([z,v])=>z===a&&v===u)||b[u]===void 0&&!(c.auto??[]).includes(u)&&(b[u]=P(r,a)[u]);c.values=p(b)}g="normal"}return{saved:y,old:{...i,compression:g}}}function ce(e,i){const n={text_styles:e.saved};return e.old.compression!==i.compression&&(n.heading_compression=C(e.old.compression)),n}const x=(e,i)=>Number(e.toFixed(i));function ue(e,i){return e.map(n=>{const{lineHeight:t,letterSpacing:s,...r}=n.values,o={...r};return t!==void 0&&(o.lineSpacing=x(t*100,1)),s!==void 0&&(o.letterSpacing=x(s*i(n),2)),{id:n.id,kind:n.kind,name:n.name,values:o}})}function K(e,i){return e.map(n=>{const{lineSpacing:t,letterSpacing:s,...r}=n.values,o={id:n.id,kind:n.kind,name:n.name,values:p({...r})},l={...o.values};if(t!==void 0&&(l.lineHeight=x(t/100,3)),s!==void 0){const d=i({...o,values:{...o.values}});l.letterSpacing=d?x(s/d,4):0}return{...o,values:p(l)}})}function fe(e){const i={fonts:F({heading:e.heading_font??void 0,heading2:e.heading_2_font??void 0,heading3:e.heading_3_font??void 0,body:e.body_font??void 0,accent:e.accent_font??void 0,label:e.label_font??void 0}),sizes:L({headingLarge:e.heading_size_large_px,headingMedium:e.heading_size_medium_px,headingSmall:e.heading_size_small_px,accent:e.accent_size_px,body:e.body_size_px,label:e.label_size_px}),compression:C(e.heading_compression),typography:B(e)},n=e.text_styles??null,t=Array.isArray(n)?M(w(n,i),i):i;return{fonts:F(t.fonts),sizes:L(t.sizes),compression:C(t.compression),typography:t.typography,textStyles:n}}function M(e,i){const n=a=>e.find(c=>c.id===a)?.values??{},t=n("heading-1"),s=n("heading-2"),r=n("heading-3"),o=n("body-1"),l=n("body-5"),d=i.fonts,y=i.sizes,g=i.typography,S=a=>a==="none"?"sentence":"authored";return{fonts:{...d,heading:t.font??d.heading,heading2:s.font??t.font??d.heading2,heading3:r.font??t.font??d.heading3,body:o.font??d.body,label:l.font??d.label},sizes:{...y,headingLarge:t.size??null,headingMedium:s.size??null,headingSmall:r.size??null,body:o.size??null,label:l.size??null},compression:i.compression,typography:{...g,case:S(t.letterCase),weight:t.weight??null,maxPx:t.largestSize??null,weight2:s.weight??null,weight3:r.weight??null,case2:S(s.letterCase),case3:S(r.letterCase)}}}function ge(e){const i=$(e.textStyles);if(!i||i.every(s=>Object.keys(s.values).length===0&&!s.auto))return e;const n={fonts:e.fonts??{},sizes:e.sizes??{},compression:String(e.headingCompression??"normal"),typography:e.headingTypography??{}},t=M(w(i,n),n);return{...e,fonts:t.fonts,sizes:t.sizes,headingCompression:t.compression,headingTypography:t.typography}}function Q(e){return e==="accent"?"var(--accent)":e==="text"?"var(--fg)":e==="labels"?"var(--fg-dim)":/^#[0-9a-f]{6}$/i.test(e)?e:null}function ee(e){const i=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: var(--sf-part-para) }`,`${e} ${i}:not(:first-child) { margin-top: var(--sf-part-para) }`,`${e} ${i}:not(:last-child) { margin-bottom: var(--sf-part-para) }`]}function pe(e){const i=[];for(const n of e){const t=n.values,s=`.${I(n)}`,r=`[${W}="${n.id}"]`,o=`${s}, ${r}`,l=[],d=t.font!==void 0?Y.find(a=>a.key===t.font)?.cssVar:void 0;if(d&&l.push(`font-family: var(${d})`),t.size!==void 0){const a=t.largestSize!==void 0?Math.min(t.size,t.largestSize):t.size;l.push(`font-size: ${a}px`)}const y=t.color!==void 0?Q(t.color):null;y&&l.push(`color: ${y}`),t.italic===!0&&l.push("font-style: italic"),t.weight!==void 0&&l.push(`font-weight: ${t.weight}`);const g=[];t.lineHeight!==void 0&&g.push(`line-height: ${t.lineHeight}`),t.letterSpacing!==void 0&&g.push(`letter-spacing: ${t.letterSpacing}em`),n.kind==="body"&&l.push(...g);const S=X(t.letterCase);if(S&&l.push(`text-transform: ${S}`),t.paragraphSpacing&&l.push(`--sf-part-para: ${t.paragraphSpacing}px`),l.length&&i.push(`${o} { ${l.join("; ")} }`),n.kind==="heading"&&g.length&&i.push(`${o}, ${s}:is(h1, h2, h3, h4), ${r}:is(h1, h2, h3, h4) { ${g.join("; ")} }`),t.paragraphSpacing&&i.push(...ee(`:is(${o})`)),t.sizePhone!==void 0){const a=ne[n.id],c=[`${o} { font-size: ${t.sizePhone}px }`];a&&c.push(`.sf-themed-content { --size-${a}: ${t.sizePhone}px !important }`),i.push(`@media ${G} { ${c.join(" ")} }`)}}return i.join(`
 `)}const ne={"heading-1":"headingLarge","heading-2":"headingMedium","heading-3":"headingSmall","body-1":"body","body-5":"label"};function he(e){return e!==!0&&e!==!1?"":`em.text-accent { font-style: ${e?"italic":"normal"} }`}function me(e){return e?U[e]:void 0}function te(e){const i=Z(e);return p({font:e.font,color:e.color,size:e.size,weight:e.weight,italic:e.italic,lineHeight:i.lineHeight,letterSpacing:i.letterSpacingEm,paragraphSpacing:e.paragraphSpacing,letterCase:e.case})}function ye(e){return Object.keys(te(e)).length>0}function Se({saved:e,old:i,styleId:n,values:t}){return{saved:($(e)??O(i).map(o=>({...o,values:{}}))).map(o=>o.id===n?H({...o,values:p({...o.values,...t})},o.auto):o),old:i}}function be(e){const i=e.filter(n=>n.kind==="body").map(n=>Number(/^body-(\d+)$/.exec(n.id)?.[1])).filter(n=>Number.isInteger(n)&&n>0);return i.length?`body-${Math.max(...i)}`:"body-1"}export{he as accentItalicCss,de as applyListChange,be as eyebrowStyleId,I as faceClassOf,K as fromPanelStyles,ye as hasStyleChange,ce as listChangePatch,te as partStyleToTextStyleValues,Se as pushIntoStyle,w as resolveTextStyles,fe as siteTextFromRow,le as storedTextStyles,me as styleIdOfRole,pe as textStylesCss,O as textStylesFromOld,M as textStylesToOld,ge as themeWithTextStyles,ue as toPanelStyles};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "efficient-web-builder",
-  "version": "40.1.0",
+  "version": "41.0.0",
   "description": "The EFFICIENT website builder: the website editor, the general sections and the renderer that draws them, compiled. Hostable by any EFFICIENT product; nothing here imports a host.",
   "license": "UNLICENSED",
   "author": "Efficient Pty Ltd",
@@ -53,8 +53,8 @@
   },
   "peerDependencies": {
     "@tabler/icons-react": "^3.46.0",
-    "efficient-easel": "^20.2.0",
-    "efficient-shell": "^9.1.0",
+    "efficient-easel": "^21.1.0",
+    "efficient-shell": "^10.0.0",
     "isomorphic-dompurify": "^3.18.0",
     "next": ">=16",
     "react": ">=19",
@@ -72,8 +72,8 @@
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "efficient-easel": "^20.2.0",
-    "efficient-shell": "^9.1.0",
+    "efficient-easel": "^21.1.0",
+    "efficient-shell": "^10.0.0",
     "esbuild": "^0.28.0",
     "happy-dom": "^20.14.5",
     "isomorphic-dompurify": "^3.18.0",