efficient-web-builder 41.1.0 → 43.0.0

package/dist/render/lib/document/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/document/neutralization-contracts.js";import{fieldInOwnBox as L}from"../../../format/lib/document/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-easel-block"))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};
+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/document/neutralization-contracts.js";import{fieldInOwnBox as L}from"../../../format/lib/document/own-box.js";import{partRowTexts as S}from"./part-rows.js";import{nonEmptyString as I}from"../../../format/lib/non-empty-string.js";const W="data-sf-part",$="data-sf-region-part",G="data-sf-part-row";function q(e,t){return`${e}[${t}]`}const J="data-sf-part-selected",Q="data-sf-part-kind",j="data-sf-part-style-owner",N="data-sf-part-style-kind";function U(e){for(let t=e;t;t=t.parentElement){const r=t.getAttribute(j),n=t.getAttribute(N);if(r&&n)return{owner:r,kind:n};if(t.getAttribute("data-easel-block"))return null}return null}const h=2;function V(e,t){if(!e)return!1;const r=m(e);return!!r?.propKey&&r.nodeId===t}function E(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"){const s=I(t);s&&r.push(s);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 Z(e){if(!e||typeof e!="object")return!1;const t=e;return t[A]?!1:!!t[u]||t.type==="text"||t.type==="textarea"}function w(e,t){const r=e[u];return r?.label?r.label:typeof e.label=="string"?e.label:t}function F(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=w(o,n),a=new Set;for(const{row:T,text:f}of S(o,t?.[n])){const d=E(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=E(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 K=g;function O(e,t){if(!t||typeof t!="object"||b(e)||L(t))return null;const r=t[u];return!r||!K.includes(r.control)?null:r}function tt(e,t){const r=O(e,t);return r!==null&&r.identifier!==!0}function et(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:F(w(s,n)),preview:p,offPage:o.offPage===!0,identifier:o.identifier===!0,hidden:!!c})}return r}export{W as PART_ATTR,Q as PART_KIND_ATTR,G as PART_ROW_ATTR,J as PART_SELECTED_ATTR,N as PART_STYLE_KIND_ATTR,j as PART_STYLE_OWNER_ATTR,$ as REGION_PART_ATTR,m as decodePartId,P as encodePartId,q as encodePartRow,O as entryPartMetaOf,tt as fieldDrawsEntryRow,Z as holdsAuthoredText,E as normalizePartText,F as partHeadLabel,w as partLabel,v as partNeedles,V as partOpenOn,U as partStyleOwnerOf,et as sectionTextParts};

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

@@ -1,3 +1,4 @@
+import type { StoredTextStyle } from "../text-styles/site-text-styles.js";
 type Props = Record<string, unknown>;
 export type SectionNode = {
     type: string;
@@ -17,30 +18,36 @@ 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;
+    textStylesList?: readonly StoredTextStyle[] | null;
     ownThemeRow?: boolean | null;
     deleted?: boolean;
 };
 export type ConvertContext = {
     site?: SiteFacts;
 };
+export type Restyled = {
+    key: string;
+    was: {
+        size: number;
+        sizePhone?: number;
+    };
+    textStyle?: string;
+    size?: number;
+    sizePhone?: number;
+};
 export type SectionConversion = {
     node: SectionNode;
+    nodes: SectionNode[];
     carried: Carried[];
     dropped: Dropped[];
     siteWrites: SiteWrite[];
+    restyled: Restyled[];
     skipped?: string;
 };
 export type TextRole = "heading" | "body" | "eyebrow";
@@ -53,7 +60,7 @@ export type ButtonVariantOf = {
 export type PartRow = PartRowKind & {
     when?: (node: Props, item?: Props) => boolean;
 };
-type OwnProps = Props | ((node: Props, ctx: ConvertContext) => Props);
+export type OwnProps = Props | ((node: Props, ctx: ConvertContext) => Props);
 export type ListItemLook = {
     props?: Props;
     reverse?: boolean;
@@ -82,6 +89,10 @@ type PartRowKind = {
     role?: TextRole;
     style?: Props;
     props?: Props;
+    was?: {
+        size: number;
+        sizePhone?: number;
+    };
 } | {
     kind: "button";
     key: string;
@@ -121,12 +132,20 @@ export interface SectionToBoxRow {
     name: string;
     on: boolean;
     box?: readonly BoxEntry[];
-    boxProps?: Props | ((props: Props) => Props);
+    boxProps?: OwnProps;
     parts: readonly PartRow[];
     drop?: Readonly<Record<string, string>>;
     site?: (node: SectionNode, ctx: ConvertContext) => readonly SiteWrite[];
     skip?: (props: Props) => string | undefined;
+    also?: readonly SectionPiece[];
 }
+export type SectionPiece = {
+    name: string;
+    box?: readonly BoxEntry[];
+    boxProps?: OwnProps;
+    parts: readonly PartRow[];
+};
+export declare function sectionBoxIdOf(oldId: string, piece: number): string;
 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;
@@ -139,8 +158,10 @@ export declare function convertSection(node: SectionNode, row: SectionToBoxRow,
 export declare function convertSectionsInPage<D extends {
     content?: unknown;
 }>(data: D): D;
-export declare function sectionToBoxEdits(content: unknown): {
+export type SectionToBoxEdit = {
     index: number;
     node: SectionNode;
-}[];
+    nodes: SectionNode[];
+};
+export declare function sectionToBoxEdits(content: unknown): SectionToBoxEdit[];
 export {};

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

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

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

@@ -33,6 +33,7 @@ export type OldSiteText = {
 };
 export declare function textStylesFromOld(old: OldSiteText): StoredTextStyle[];
 export declare function storedTextStyles(value: unknown): StoredTextStyle[];
+export declare function listToWrite(saved: unknown): StoredTextStyle[];
 export declare function resolveTextStyles(saved: unknown, old: OldSiteText): StoredTextStyle[];
 export declare function applyListChange({ saved, old, cur, next, sizeOf, }: {
     saved: unknown;
@@ -80,4 +81,5 @@ export declare function pushIntoStyle({ saved, old, styleId, values, }: {
     saved: StoredTextStyle[];
     old: OldSiteText;
 };
+export declare function setStyleValues(list: readonly StoredTextStyle[], styleId: string, values: StoredTextStyleValues): StoredTextStyle[];
 export declare function eyebrowStyleId(list: readonly Pick<StoredTextStyle, "id" | "kind">[]): string;

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"../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};
+import{defaultTextStyles as N,textStyleCaseCss as X}from"efficient-easel/text-styles/model";import{FONT_OPTIONS as Y,normalizeFonts as I}from"../../../format/lib/fonts.js";import{PART_PHONE_MAX_CSS as G,STYLE_ID_OF_ROLE as U,TEXT_STYLE_ATTR as Z,partSpacingOf as q}from"../document/part-styles.js";import{faceClassOf as L}from"../../../format/lib/text-style-face.js";import{compressionMetrics as B,headingTypographyFromRow as K,normalizeHeadingCompression as k,normalizeSizes as j}from"../../../format/lib/theme.js";import{finiteNumber as m}from"../../../format/lib/finite-number.js";import{nonEmptyString as _}from"../../../format/lib/non-empty-string.js";const T=e=>e==="sentence"?"none":void 0,F=["font","color","size","sizePhone","weight","italic","lineHeight","letterSpacing","paragraphSpacing","letterCase","largestSize"];function p(e){const i={};for(const n of F)e[n]!==void 0&&(i[n]=e[n]);return i}function H(e,i){const{auto:n,...t}=e,o=new Set(i??[]),r=F.filter(a=>o.has(a)&&e.values[a]===void 0);return r.length?{...t,auto:r}:t}function R(e){const i=e.fonts,n=e.sizes,t=e.typography,o=B(e.compression),r={"heading-1":{font:_(i.heading),size:m(n.headingLarge),weight:m(t.weight),lineHeight:o.lineHeight,letterSpacing:o.letterSpacing,letterCase:T(t.case),largestSize:m(t.maxPx)},"heading-2":{font:_(i.heading2),size:m(n.headingMedium),weight:m(t.weight2),lineHeight:o.lineHeight,letterSpacing:o.letterSpacing,letterCase:T(t.case2)},"heading-3":{font:_(i.heading3),size:m(n.headingSmall),weight:m(t.weight3),lineHeight:o.lineHeight,letterSpacing:o.letterSpacing,letterCase:T(t.case3)},"body-1":{font:_(i.body),size:m(n.body)},"body-5":{font:_(i.label),size:m(n.label)}};return N().map(({id:a,kind:l,name:d})=>({id:a,kind:l,name:d,values:p(r[a]??{})}))}function C(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 fe(e){return C(e)??[]}function M(e){return C(e)??N().map(({id:i,kind:n,name:t})=>({id:i,kind:n,name:t,values:{}}))}function O(e,i){const n=R(i),t=C(e);return t?t.map(o=>{const r={...w(n,o.id)};for(const a of o.auto??[])delete r[a];return{...o,values:p({...r,...o.values})}}):n}const w=(e,i)=>e.find(n=>n.id===i)?.values??{},V=["heading-1","heading-2","heading-3"];function ge({saved:e,old:i,cur:n,next:t,sizeOf:o}){const r=R(i),a=M(e),l=O(a,i),d=[],S=t.map(s=>{const c=n.find(f=>f.id===s.id),b=a.find(f=>f.id===s.id);if(!c||!b)return Q([s],o)[0];const u={...b.values},z=new Set(b.auto??[]),v=s.values,P=c.values,A=[...new Set([...Object.keys(v),...Object.keys(P)])].filter(f=>JSON.stringify(v[f])!==JSON.stringify(P[f]));A.sort((f,y)=>+(f==="letterSpacing")-+(y==="letterSpacing"));for(const f of A){const y=f==="lineSpacing"?"lineHeight":f,$=v[f];if($===void 0){delete u[y],w(r,s.id)[y]!==void 0&&(d.push([s.id,y]),z.add(y));continue}if(z.delete(y),f==="lineSpacing")u.lineHeight=x($/100,3);else if(f==="letterSpacing"){const J=l.find(W=>W.id===s.id),E=o({...s,values:p({...J?.values??{},...u})});u.letterSpacing=E?x($/E,4):0}else u[y]=$}return H({id:s.id,kind:s.kind,name:s.name,values:p(u)},z)});let g=i.compression;if(d.some(([s,c])=>(c==="lineHeight"||c==="letterSpacing")&&V.includes(s))&&k(g)!=="normal"){for(const s of V){const c=S.find(u=>u.id===s);if(!c)continue;const b={...c.values};for(const u of["lineHeight","letterSpacing"])d.some(([z,v])=>z===s&&v===u)||b[u]===void 0&&!(c.auto??[]).includes(u)&&(b[u]=w(r,s)[u]);c.values=p(b)}g="normal"}return{saved:S,old:{...i,compression:g}}}function pe(e,i){const n={text_styles:e.saved};return e.old.compression!==i.compression&&(n.heading_compression=k(e.old.compression)),n}const x=(e,i)=>Number(e.toFixed(i));function he(e,i){return e.map(n=>{const{lineHeight:t,letterSpacing:o,...r}=n.values,a={...r};return t!==void 0&&(a.lineSpacing=x(t*100,1)),o!==void 0&&(a.letterSpacing=x(o*i(n),2)),{id:n.id,kind:n.kind,name:n.name,values:a}})}function Q(e,i){return e.map(n=>{const{lineSpacing:t,letterSpacing:o,...r}=n.values,a={id:n.id,kind:n.kind,name:n.name,values:p({...r})},l={...a.values};if(t!==void 0&&(l.lineHeight=x(t/100,3)),o!==void 0){const d=i({...a,values:{...a.values}});l.letterSpacing=d?x(o/d,4):0}return{...a,values:p(l)}})}function me(e){const i={fonts:I({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:j({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:k(e.heading_compression),typography:K(e)},n=e.text_styles??null,t=Array.isArray(n)?D(O(n,i),i):i;return{fonts:I(t.fonts),sizes:j(t.sizes),compression:k(t.compression),typography:t.typography,textStyles:n}}function D(e,i){const n=s=>e.find(c=>c.id===s)?.values??{},t=n("heading-1"),o=n("heading-2"),r=n("heading-3"),a=n("body-1"),l=n("body-5"),d=i.fonts,S=i.sizes,g=i.typography,h=s=>s==="none"?"sentence":"authored";return{fonts:{...d,heading:t.font??d.heading,heading2:o.font??t.font??d.heading2,heading3:r.font??t.font??d.heading3,body:a.font??d.body,label:l.font??d.label},sizes:{...S,headingLarge:t.size??null,headingMedium:o.size??null,headingSmall:r.size??null,body:a.size??null,label:l.size??null},compression:i.compression,typography:{...g,case:h(t.letterCase),weight:t.weight??null,maxPx:t.largestSize??null,weight2:o.weight??null,weight3:r.weight??null,case2:h(o.letterCase),case3:h(r.letterCase)}}}function ye(e){const i=C(e.textStyles);if(!i||i.every(o=>Object.keys(o.values).length===0&&!o.auto))return e;const n={fonts:e.fonts??{},sizes:e.sizes??{},compression:String(e.headingCompression??"normal"),typography:e.headingTypography??{}},t=D(O(i,n),n);return{...e,fonts:t.fonts,sizes:t.sizes,headingCompression:t.compression,headingTypography:t.typography}}function ee(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 ne(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 Se(e){const i=[];for(const n of e){const t=n.values,o=`.${L(n)}`,r=`[${Z}="${n.id}"]`,a=`${o}, ${r}`,l=[],d=t.font!==void 0?Y.find(s=>s.key===t.font)?.cssVar:void 0;if(d&&l.push(`font-family: var(${d})`),t.size!==void 0){const s=t.largestSize!==void 0?Math.min(t.size,t.largestSize):t.size;l.push(`font-size: ${s}px`)}const S=t.color!==void 0?ee(t.color):null;S&&l.push(`color: ${S}`),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 h=X(t.letterCase);if(h&&n.kind==="body"&&l.push(`text-transform: ${h}`),t.paragraphSpacing&&l.push(`--sf-part-para: ${t.paragraphSpacing}px`),l.length&&i.push(`${a} { ${l.join("; ")} }`),n.kind==="heading"&&g.length&&i.push(`${a}, ${o}:is(h1, h2, h3, h4), ${r}:is(h1, h2, h3, h4) { ${g.join("; ")} }`),n.kind==="heading"&&h&&i.push(`${r}, ${o}:is(h1, h2, h3, h4) { text-transform: ${h} }`),t.paragraphSpacing&&i.push(...ne(`:is(${a})`)),t.sizePhone!==void 0){const s=te[n.id],c=[`${a} { font-size: ${t.sizePhone}px }`];s&&c.push(`.sf-themed-content { --size-${s}: ${t.sizePhone}px !important }`),i.push(`@media ${G} { ${c.join(" ")} }`)}}return i.join(`
+`)}const te={"heading-1":"headingLarge","heading-2":"headingMedium","heading-3":"headingSmall","body-1":"body","body-5":"label"};function be(e){return e!==!0&&e!==!1?"":`em.text-accent { font-style: ${e?"italic":"normal"} }`}function xe(e){return e?U[e]:void 0}function ie(e){const i=q(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 ze(e){return Object.keys(ie(e)).length>0}function ve({saved:e,old:i,styleId:n,values:t}){const o=M(e);return{saved:oe(o,n,t),old:i}}function oe(e,i,n){return e.map(t=>t.id===i?H({...t,values:p({...t.values,...n})},t.auto):t)}function _e(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{be as accentItalicCss,ge as applyListChange,_e as eyebrowStyleId,L as faceClassOf,Q as fromPanelStyles,ze as hasStyleChange,pe as listChangePatch,M as listToWrite,ie as partStyleToTextStyleValues,ve as pushIntoStyle,O as resolveTextStyles,oe as setStyleValues,me as siteTextFromRow,fe as storedTextStyles,xe as styleIdOfRole,Se as textStylesCss,R as textStylesFromOld,D as textStylesToOld,ye as themeWithTextStyles,he as toPanelStyles};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "efficient-web-builder",
-  "version": "41.1.0",
+  "version": "43.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": "^21.1.0",
-    "efficient-shell": "^10.0.0",
+    "efficient-easel": "^23.0.0",
+    "efficient-shell": "^10.13.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": "^21.1.0",
-    "efficient-shell": "^10.0.0",
+    "efficient-easel": "^23.0.0",
+    "efficient-shell": "^10.13.0",
     "esbuild": "^0.28.0",
     "happy-dom": "^20.14.5",
     "isomorphic-dompurify": "^3.18.0",

package/dist/editor/lib/puck/ColourControl.d.ts

@@ -1 +0,0 @@
-export * from "../document/ColourControl.d.ts";

package/dist/editor/lib/puck/ColourControl.js

@@ -1 +0,0 @@
-export*from"../document/ColourControl.js";

package/dist/editor/lib/puck/MarkupToolbar.d.ts

@@ -1,2 +0,0 @@
-export * from "../document/MarkupToolbar.d.ts";
-export { default } from "../document/MarkupToolbar.d.ts";

package/dist/editor/lib/puck/MarkupToolbar.js

@@ -1 +0,0 @@
-export*from"../document/MarkupToolbar.js";export{default}from"../document/MarkupToolbar.js";

package/dist/editor/lib/puck/add-palette.d.ts

@@ -1 +0,0 @@
-export * from "../document/add-palette.d.ts";

package/dist/editor/lib/puck/add-palette.js

@@ -1 +0,0 @@
-export*from"../document/add-palette.js";

package/dist/editor/lib/puck/add-target.d.ts

@@ -1 +0,0 @@
-export * from "../document/add-target.d.ts";

package/dist/editor/lib/puck/add-target.js

@@ -1 +0,0 @@
-export*from"../document/add-target.js";

package/dist/editor/lib/puck/apply-card-corners.d.ts

@@ -1 +0,0 @@
-export * from "../document/apply-card-corners.d.ts";

package/dist/editor/lib/puck/apply-card-corners.js

@@ -1 +0,0 @@
-export*from"../document/apply-card-corners.js";

package/dist/editor/lib/puck/block-offer.d.ts

@@ -1 +0,0 @@
-export * from "../document/block-offer.d.ts";

package/dist/editor/lib/puck/block-offer.js

@@ -1 +0,0 @@
-export*from"../document/block-offer.js";

package/dist/editor/lib/puck/block-source-fields.d.ts

@@ -1 +0,0 @@
-export * from "../document/block-source-fields.d.ts";

package/dist/editor/lib/puck/block-source-fields.js

@@ -1 +0,0 @@
-export*from"../document/block-source-fields.js";

package/dist/editor/lib/puck/blocks/general/Banner/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Banner/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Banner/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Banner/fields.js";

package/dist/editor/lib/puck/blocks/general/Breadcrumb/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Breadcrumb/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Breadcrumb/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Breadcrumb/fields.js";

package/dist/editor/lib/puck/blocks/general/ButtonBlock/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/ButtonBlock/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/ButtonBlock/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/ButtonBlock/fields.js";

package/dist/editor/lib/puck/blocks/general/Cards/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Cards/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Cards/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Cards/fields.js";

package/dist/editor/lib/puck/blocks/general/CategoryBar/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/CategoryBar/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/CategoryBar/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/CategoryBar/fields.js";

package/dist/editor/lib/puck/blocks/general/Chart/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Chart/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Chart/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Chart/fields.js";

package/dist/editor/lib/puck/blocks/general/ContactLocations/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/ContactLocations/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/ContactLocations/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/ContactLocations/fields.js";

package/dist/editor/lib/puck/blocks/general/Countdown/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Countdown/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Countdown/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Countdown/fields.js";

package/dist/editor/lib/puck/blocks/general/Divider/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Divider/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Divider/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Divider/fields.js";

package/dist/editor/lib/puck/blocks/general/DocBody/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/DocBody/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/DocBody/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/DocBody/fields.js";

package/dist/editor/lib/puck/blocks/general/DocMasthead/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/DocMasthead/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/DocMasthead/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/DocMasthead/fields.js";

package/dist/editor/lib/puck/blocks/general/DocMetaCards/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/DocMetaCards/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/DocMetaCards/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/DocMetaCards/fields.js";

package/dist/editor/lib/puck/blocks/general/DocTabs/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/DocTabs/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/DocTabs/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/DocTabs/fields.js";

package/dist/editor/lib/puck/blocks/general/Eyebrow/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Eyebrow/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Eyebrow/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Eyebrow/fields.js";

package/dist/editor/lib/puck/blocks/general/FAQ/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/FAQ/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/FAQ/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/FAQ/fields.js";

package/dist/editor/lib/puck/blocks/general/FeaturedCover/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/FeaturedCover/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/FeaturedCover/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/FeaturedCover/fields.js";

package/dist/editor/lib/puck/blocks/general/Flex/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Flex/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Flex/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Flex/fields.js";

package/dist/editor/lib/puck/blocks/general/Footprint/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Footprint/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Footprint/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Footprint/fields.js";

package/dist/editor/lib/puck/blocks/general/Grid/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Grid/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Grid/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Grid/fields.js";

package/dist/editor/lib/puck/blocks/general/Heading/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Heading/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Heading/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Heading/fields.js";

package/dist/editor/lib/puck/blocks/general/Hero/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Hero/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Hero/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Hero/fields.js";

package/dist/editor/lib/puck/blocks/general/HeroGroup/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/HeroGroup/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/HeroGroup/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/HeroGroup/fields.js";

package/dist/editor/lib/puck/blocks/general/HeroSingle/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/HeroSingle/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/HeroSingle/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/HeroSingle/fields.js";

package/dist/editor/lib/puck/blocks/general/HeroSlide/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/HeroSlide/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/HeroSlide/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/HeroSlide/fields.js";

package/dist/editor/lib/puck/blocks/general/ImageBlock/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/ImageBlock/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/ImageBlock/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/ImageBlock/fields.js";

package/dist/editor/lib/puck/blocks/general/Integrations/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Integrations/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Integrations/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Integrations/fields.js";

package/dist/editor/lib/puck/blocks/general/IntroBleed/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/IntroBleed/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/IntroBleed/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/IntroBleed/fields.js";

package/dist/editor/lib/puck/blocks/general/KeyFeatures/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/KeyFeatures/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/KeyFeatures/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/KeyFeatures/fields.js";

package/dist/editor/lib/puck/blocks/general/LogoBlock/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/LogoBlock/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/LogoBlock/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/LogoBlock/fields.js";

package/dist/editor/lib/puck/blocks/general/Logos/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Logos/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Logos/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Logos/fields.js";

package/dist/editor/lib/puck/blocks/general/LongRead/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/LongRead/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/LongRead/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/LongRead/fields.js";

package/dist/editor/lib/puck/blocks/general/Manifesto/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Manifesto/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Manifesto/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Manifesto/fields.js";

package/dist/editor/lib/puck/blocks/general/Masthead/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Masthead/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Masthead/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Masthead/fields.js";

package/dist/editor/lib/puck/blocks/general/Mockup/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Mockup/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Mockup/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Mockup/fields.js";

package/dist/editor/lib/puck/blocks/general/OrderSummary/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/OrderSummary/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/OrderSummary/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/OrderSummary/fields.js";