efficient-web-builder 40.1.1 → 41.0.0

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.1",
+  "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",