efficient-web-builder 40.1.1 → 41.1.0

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

@@ -0,0 +1,146 @@
+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[];
+    skipped?: string;
+};
+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, item?: Props) => boolean;
+};
+type OwnProps = Props | ((node: Props, ctx: ConvertContext) => Props);
+export type ListItemLook = {
+    props?: Props;
+    reverse?: boolean;
+};
+export type ListPart = {
+    kind: "list";
+    key: string;
+    name: string;
+    parts: readonly PartRow[];
+    flat?: boolean;
+    props?: Props;
+    item?: (item: Props, index: number, node: Props) => ListItemLook;
+    perRow?: (node: Props) => number;
+    rowName?: string;
+    rowProps?: Props;
+};
+export type BlockSeed = {
+    type: string;
+    props?: Props;
+    slots?: Readonly<Record<string, readonly BlockSeed[]>>;
+};
+export type SlotFill = BlockSeed | ListPart;
+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;
+} | ListPart | {
+    kind: "group";
+    name: string;
+    parts: readonly PartRow[];
+    props?: OwnProps;
+    box?: readonly BoxEntry[];
+    keepEmpty?: boolean;
+} | {
+    kind: "block";
+    type: string;
+    box?: readonly BoxEntry[];
+    props?: OwnProps;
+    slot?: string;
+    parts?: readonly PartRow[];
+    keepEmpty?: boolean;
+} | {
+    kind: "core";
+    keep: readonly string[];
+    as?: string;
+    rename?: Readonly<Record<string, string>>;
+    props?: Props;
+    slots?: Readonly<Record<string, readonly SlotFill[]>>;
+};
+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[];
+    skip?: (props: Props) => string | undefined;
+}
+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 K}from"efficient-easel/draw";import{BOX_TYPE as M,CONTAINER_BLOCKS_SLOT as V}from"../../../format/lib/document/container-blocks.js";import{headingTextSeed as Y,labelTextSeed as z}from"../../../format/lib/document/text-seeds.js";import{SPLITTABLE_SECTIONS as D}from"../../../format/lib/sections/section-head-placement.js";const T=M,_=V,E={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 ot(e){for(const[n,r]of Object.entries(e)){if(n in E&&E[n]!==r)throw new Error(`lib/sections/section-to-box: "${n}" is already Box-native`);E[n]=r}}function nt(e){return E[e]}const F=new Set(["id"]),g={};function st(e){for(const[n,r]of Object.entries(e)){if(n in g&&g[n]!==r)throw new Error(`lib/sections/section-to-box: "${n}" already has a row`);g[n]=r}}function it(e){return g[e]}function rt(){return Object.keys(g)}function ct(e){return g[e]?.on===!0}function at(e){const n=D[e];if(!n)throw new Error(`lib/sections/section-to-box: "${e}" has no head row in SPLITTABLE_SECTIONS`);const r=[{kind:"text",key:n.num,role:"eyebrow"},{kind:"text",key:n.title,role:"heading"}];return n.description&&r.push({kind:"text",key:n.description,role:"body"}),n.headRows.includes("linkText")&&n.headRows.includes("linkHref")&&r.push({kind:"button",key:"linkText",href:"linkHref"}),r}const I=e=>K(e),ft=e=>I(e).text.trim()!=="",G=e=>e==="heading"?Y():e==="eyebrow"?z():{};function q(e,n,r){const d={...e._partStyles?.text??{},...n??{},...r??{}};return Object.keys(d).length?{_partStyles:{text:d}}:{}}function J(e,n){if(e===void 0)return{};if(typeof e=="string")return{variant:e};const r=n[e.key];return{variant:typeof r=="string"&&Object.hasOwn(e.map,r)?e.map[r]:e.fallback}}function A(e,n,r,p){const d={...n};for(const h of e){const[x,w,O]=typeof h=="string"?[h,h,void 0]:h;if(r[x]===void 0)continue;const $=O?O(r[x],r):r[x];$===void 0?delete d[w]:d[w]=$,p(x,w,$===void 0)}return d}function L(e,n,r={}){const p=e.props,d=n.skip?.(p);if(d!==void 0)return{node:e,carried:[],dropped:[],siteWrites:[],skipped:d};const h=String(p.id??e.type),x=[],w=[],O=new Set,$=(s,o)=>{x.push({key:s,home:o}),O.add(s)},R=p._partStyles??{};let C=0;const m=(s,o)=>({type:s,props:{...o,id:`${h}~${s}-${++C}`}}),j=(s,o,y,f,u,a,k)=>{if(u){for(const i of s??[]){const c=typeof i=="string"?i:i[0];y[c]!==void 0&&k(c,`nothing — the ${f} has no parts, so it is not drawn`)}return}const t=typeof o=="function"?o(p,r):o??{};return A(s??[],t,y,(i,c,l)=>k(i,l?`nothing — the old value draws nothing (${f}: no ${c})`:`${a}${f}: ${c}`))},P=s=>s.map(o=>{const y={...o.props??{}};for(const[f,u]of Object.entries(o.slots??{}))y[f]=P(u);return m(o.type,y)}),N=(s,o,y)=>{const f=Array.isArray(o[s.key])?o[s.key]:[],u=f.map((i,c)=>{const l=i??{},b=s.item?.(l,c,p)??{},S=B(b.reverse?[...s.parts].reverse():s.parts,l,!1,`item ${c+1}: `);return s.flat?b.props?S.map(v=>({...v,props:{...v.props,...b.props,id:v.props.id}})):S:[m(T,{name:`${s.name} ${c+1}`,...s.props??{},...b.props??{},[_]:S})]}),a=s.perRow?.(p),k=s.perRow?Number.isInteger(a)&&a>=1?a:1:0;if(y(s.key,(f.length?s.flat?`each item's parts (${f.length} items), in order`:`one Box per item (${f.length}), its parts inside`:"nothing — the list is empty")+(k&&f.length?`, in rows of ${k}`:"")),!k)return u.flat();const t=[];for(let i=0;i*k<u.length;i++)t.push(m(T,{name:`${s.rowName??`${s.name} row`} ${i+1}`,...s.rowProps??{},[_]:u.slice(i*k,(i+1)*k).flat()}));return t},B=(s,o,y,f)=>{const u=[],a=(t,i)=>y?$(t,i):void 0,k=t=>y?R[t]:void 0;for(const t of s)if(!(t.when&&!t.when(p,y?void 0:o)))switch(t.kind){case"text":{const i=I(o[t.key]);if(!i.text.trim()){a(t.key,"nothing — empty words draw nothing, so no block");break}const c=G(t.role??"body"),{_partStyles:l,...b}=c;u.push(m("Text",{text:i.text,...b,...t.props??{},...q(c,t.style,k(t.key)),...i.hidden?{_hidden:!0}:{}})),a(t.key,`${f}Text block: its words${i.hidden?", hidden":""}`);break}case"button":{const i=I(o[t.key]);if(!i.text.trim()){a(t.key,"nothing — no words, no button"),a(t.href,"nothing — no button to link"),typeof t.variant=="object"&&a(t.variant.key,"nothing — no button to style");break}const c=typeof o[t.href]=="string"&&o[t.href]?o[t.href]:"#",l={...t.style??{},...k(t.key)??{}};u.push(m("ButtonBlock",{label:i.text,href:c,...t.props??{},...J(t.variant,o),...Object.keys(l).length?{_partStyles:{label:l}}:{},...i.hidden?{_hidden:!0}:{}})),a(t.key,`${f}Button block: its words`),a(t.href,`${f}Button block: its link`),typeof t.variant=="object"&&a(t.variant.key,`${f}Button block: its Style`);break}case"image":{const i=o[t.key];if(typeof i!="string"||!i){a(t.key,"nothing — no picture, no block"),t.alt&&a(t.alt,"nothing — no picture to describe");break}const c=t.alt&&typeof o[t.alt]=="string"?o[t.alt]:"";u.push(m("ImageBlock",{src:i,alt:c,...t.props??{}})),a(t.key,`${f}Image block: its picture`),t.alt&&a(t.alt,`${f}Image block: its alt text`);break}case"list":{u.push(...N(t,o,a));break}case"group":{const i=B(t.parts,o,y,f),c=j(t.box,t.props,o,`${t.name} Box`,!i.length&&!t.keepEmpty,f,a);c&&u.push(m(T,{name:t.name,...c,[_]:i}));break}case"block":{const i=t.parts?B(t.parts,o,y,f):[],c=j(t.box,t.props,o,`${t.type} block`,!!t.parts&&!i.length&&!t.keepEmpty,f,a);c&&u.push(m(t.type,{...c,...t.slot?{[t.slot]:i}:{}}));break}case"core":{const i=t.as??e.type,c={headPlacement:"own-box",...t.props??{}};for(const l of t.keep)o[l]!==void 0&&(c[l]=o[l],a(l,`the ${i} block inside the Box`));for(const[l,b]of Object.entries(t.rename??{}))o[l]!==void 0&&(c[b]=o[l],a(l,`the ${i} block inside the Box: ${b}`));for(const[l,b]of Object.entries(t.slots??{}))c[l]=b.flatMap(S=>"kind"in S?N(S,o,a):P([S]));u.push(m(i,c));break}}return u},H=B(n.parts,p,!0,""),W=typeof n.boxProps=="function"?n.boxProps(p):n.boxProps??{},X=A(n.box??[],W,p,(s,o,y)=>$(s,y?`nothing — the old value draws nothing (Box: no ${o})`:`Box: ${o}`));p._partStyles!==void 0&&$("_partStyles","each old part's style moved to its new part");for(const[s,o]of Object.entries(n.drop??{}))s in p&&(w.push({key:s,why:o}),O.add(s));for(const s of Object.keys(p))F.has(s)||O.has(s)||w.push({key:s,why:"not in the row — not carried"});return{node:{type:T,props:{name:n.name,...X,[_]:H,id:`${h}~box`}},carried:x,dropped:w,siteWrites:[...n.site?.(e,r)??[]]}}function pt(e){const n=e.content;if(!Array.isArray(n))return e;let r=!1;const p=n.map(d=>{const h=d&&typeof d.type=="string"?g[d.type]:void 0;if(!h?.on)return d;const x=L(d,h);return x.skipped!==void 0?d:(r=!0,x.node)});return r?{...e,content:p}:e}function dt(e){if(!Array.isArray(e))return[];const n=[];return e.forEach((r,p)=>{const d=r&&typeof r.type=="string"?g[r.type]:void 0;if(!d?.on)return;const h=L(r,d);h.skipped===void 0&&n.push({index:p,node:h.node})}),n}export{_ as SECTION_BOX_SLOT,T as SECTION_BOX_TYPE,nt as boxNativeReason,L as convertSection,pt as convertSectionsInPage,ct as convertsToBox,ft as hasWords,at as headParts,ot as registerBoxNativeSections,st as registerSectionToBox,dt as sectionToBoxEdits,it as sectionToBoxRow,rt 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.1.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",