efficient-web-builder 44.0.1 → 45.0.0

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

@@ -19,9 +19,6 @@ export declare const PART_NUDGE_MAX = 10;
 export declare const PART_PADDING_MIN = 0;
 export declare const PART_PADDING_MAX = 64;
 export declare const PART_PADDING_STEP = 2;
-export declare const PART_WIDTH_MIN = 120;
-export declare const PART_WIDTH_MAX = 1280;
-export declare const PART_WIDTH_STEP = 10;
 export declare const PART_MEASURED_TRACKS: {
     readonly size: {
         readonly min: 5;
@@ -38,11 +35,6 @@ export declare const PART_MEASURED_TRACKS: {
         readonly max: 64;
         readonly step: 2;
     };
-    readonly width: {
-        readonly min: 120;
-        readonly max: 1280;
-        readonly step: 10;
-    };
 };
 export type PartMeasuredProp = keyof typeof PART_MEASURED_TRACKS;
 export declare const PART_LINE_STEP = 0.05;
@@ -55,12 +47,25 @@ export declare const PART_LETTER_EM_MIN = -1;
 export declare const PART_LETTER_EM_MAX = 1;
 export declare const PART_PARAGRAPH_MIN = 0;
 export declare const PART_PARAGRAPH_MAX = 400;
+export declare const PART_SIZE_STEPS: readonly string[];
+export type PartSizeToken = {
+    step: string;
+    px: number;
+    stepPhone?: string;
+    pxPhone?: number;
+    fluid?: {
+        minPx: number;
+        vw: number;
+    };
+};
 export type PartStyle = {
     font?: string;
     role?: FontRole;
+    fontRole?: FontRole;
     textStyle?: string;
     weight?: PartWeight;
     size?: number;
+    sizeToken?: PartSizeToken;
     line?: number;
     letter?: number;
     lineHeight?: number;
@@ -69,7 +74,6 @@ export type PartStyle = {
     case?: TextStyleCase;
     align?: PartAlign;
     padding?: number;
-    width?: number;
     color?: string;
     italic?: boolean;
     sizePhone?: number;
@@ -83,7 +87,6 @@ export type PartStyleBase = {
     align: PartAlign;
     case: TextStyleCase;
     paddingPx: number;
-    widthPx: number;
 };
 export type PartStyles = Record<string, PartStyle>;
 export type StyledPartEl = PartEl & {
@@ -113,7 +116,6 @@ export declare const PART_PARAGRAPH_VAR = "--sf-part-para";
 export declare function partPhoneDeclarations(style: PartStyle): Record<string, string>;
 export declare function partStyleForScreen(style: PartStyle, phone: boolean): PartStyle;
 export declare function partStyleDeclarations(style: PartStyle, base: PartStyleBase, options?: PartDeclarationOptions): Record<string, string>;
-export declare function isHexColour(value: string): boolean;
 export type MeasuredPartStyle = {
     fontSize: string;
     fontWeight: string;
@@ -122,7 +124,6 @@ export type MeasuredPartStyle = {
     textAlign: string;
     textTransform: string;
     paddingTop: string;
-    maxWidth: string;
 };
 export declare function partStyleBase(measured: MeasuredPartStyle, fontKey: string): PartStyleBase;
 export declare function partFontKeyOf(family: string, resolve: (cssVar: string) => string): string;
@@ -148,5 +149,5 @@ export declare function publishedPartStyles(needles: readonly PartNeedle[], styl
 export declare function isPartKindKey(key: string): boolean;
 export declare function partRuleForKind(sheet: PublishedPartSheet | null, kind: string): PublishedPartRule | null;
 export declare function partStyleCss(sheet: PublishedPartSheet): string;
-export declare function paragraphRules(scope: string): string[];
+export declare function paragraphRules(scope: string, paragraph: string): string[];
 export declare function partRuleForText(sheet: PublishedPartSheet | null, value: string): PublishedPartRule | null;

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

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

package/dist/render/lib/document/passes/block-size.d.ts

@@ -0,0 +1,3 @@
+import type { BlockPass } from "../../../../format/lib/document/passes/types.js";
+export declare function textShrinksByDefault(type: string, props: Record<string, unknown>): boolean;
+export declare const blockSize: BlockPass;

package/dist/render/lib/document/passes/block-size.js

@@ -0,0 +1 @@
+import{jsx as H}from"react/jsx-runtime";import{phoneKey as o}from"efficient-easel/draw";import{BLOCK_SIZE_KEYS as N,blockSizeOf as z,parseBlockWidthFit as R}from"../../../../format/lib/content/block-size.js";import{boxPhoneRowFits as j,boxShareClasses as D}from"../../../../format/lib/content/box-layout.js";import{resolveContainerDirection as K}from"../../../../format/lib/content/container-direction.js";import{containerBlocksFor as P}from"../../../../format/lib/document/container-blocks.js";import{readPartStyle as C}from"../part-styles.js";import{addShowWhenFacts as A,withRowRules as h}from"../../../../format/lib/document/show-when-attach.js";import{BOX_BLOCK_KEYS as L}from"./cell-width.js";import{findParentNode as v}from"../../../../format/lib/document/passes/document-position.js";const Z=new Set(["Text","Heading"]),G=new Set(["h1","h2","h3","h4","h5","h6"]);function _(t,e){return t==="Heading"?!0:t!=="Text"?!1:typeof e.tag=="string"&&G.has(e.tag)?!0:C(e,"text").textStyle?.startsWith("heading-")===!0}const c={not:{context:"blockOutsideBox",is:!0}},m={all:[c,{not:{context:"boxSharesWidth",is:!0}}]},g={all:[c,{not:{context:"boxSharesWidthPhone",is:!0}}]};function O(t,e,n){return{any:[{field:o(t),is:e},{all:[{field:o(t),set:!1},n??{field:t,is:e}]}]}}const b={any:[{field:"textFit",is:"shrink"},{all:[{field:"textFit",set:!1},{not:{context:"textWrapsByDefault",is:!0}}]}]},X=[[["_gBlockSize","minWidth",o("minWidth"),"maxWidth",o("maxWidth")],c],[["widthFit"],m],[[o("widthFit")],g],[["width"],{all:[m,{field:"widthFit",is:"fixed"}]}],[[o("width")],{all:[g,O("widthFit","fixed")]}]],k=[[["_gText","textFit",o("textFit")],c],[["minFont"],{all:[c,b]}],[[o("minFont")],{all:[c,O("textFit","shrink",b)]}]],u=(t,e)=>v(e.appState,t.props?.id),x=t=>!!t&&typeof t.type=="string"&&P(t.type)!==null,B=t=>(t.type==="Flex"||t.type==="HeroGroup")&&K(t.type,t.props?.direction)==="row",W=t=>{const e=R(t);return e!==void 0&&e!=="fit"},U={blockOutsideBox:(t,e)=>!x(u(t,e)),boxSharesWidth:(t,e)=>{const n=u(t,e);return x(n)&&B(n)&&D(n.props?.share)!==""&&!W(t.props?.widthFit)},boxSharesWidthPhone:(t,e)=>{const n=u(t,e);if(!x(n)||!B(n))return!1;const i=n.props?.phoneRow;return(Number(i)===2||Number(i)===3)&&!j(i,n.props?.[o("share")])&&!W(t.props?.[o("widthFit")]??t.props?.widthFit)}},Y=t=>/^_[gds][A-Z]/.test(t);function M(t,e,n){const i=Object.entries(t),s=i.findIndex(([l])=>l===e);if(s===-1)return null;let r=s+1;for(;r<i.length&&!Y(i[r][0]);)r++;return Object.fromEntries([...i.slice(0,r),...Object.entries(n),...i.slice(r)])}function T(t,e,n){const i=Object.entries(t);return Object.fromEntries([...i.slice(0,e),...Object.entries(n),...i.slice(e)])}function V(t,e,n){const i=Object.keys(e);if(i.includes("_dSize")){const{_gBlockSize:s,...r}=n;return T(e,i.indexOf("_dSize")+1,r)}return q.has(t)&&i.includes("_gSpacing")?T(e,i.indexOf("_gSpacing"),n):{...e,...n}}const q=new Set(["Text","Heading"]);function J(t,e){const{_gText:n,...i}=e;return M(t,"_gText",i)??{...t,...e}}function Q(t){const e=new WeakMap;return n=>{if(!n||!("textFit"in n))return n;let i=e.get(n);if(!i){i={...n};for(const s of["textFit",o("textFit")])s in i&&(i[s]=t[s]);e.set(n,i)}return i}}const dt={name:"blockSize",applies:(t,e,n)=>L.includes(t)&&!!n&&typeof n.render=="function",panel(t,e,n){const i=Z.has(e),{size:s,text:r}=n.blockSizeFields(i?{textFit:e==="Heading"?"shrink":"wrap"}:{});let l=V(e,t.fields??{},h(s,X));if(i){const f=h(r,k);if(l=J(l,f),e==="Text"){const y=h(n.blockSizeFields({textFit:"shrink"}).text,k),E=Q(y),p=t.resolveFields,I=(S,a)=>{const d=p?p(S,a):a.fields,w=F=>_(e,S?.props??{})?E(F??a.fields):F;return d instanceof Promise?d.then(w):w(d)};t.resolveFields=I}}t.fields=l,A(t,{...U,textWrapsByDefault:f=>!_(e,f.props??{})})},draw(t){tt(t)}};function $(t){const e={};for(const n of N){const i=t[n],s=t[o(n)];(i!==void 0||s!==void 0)&&(e[n]={desktop:i,phone:s})}return e}function tt(t){const e=t.render;t.render=n=>{const i=z($(n)),s=e(n);return i===null?s:H("div",{className:i.className,...Object.keys(i.style).length?{style:i.style}:{},...i.attrs,children:s})}}export{dt as blockSize,_ as textShrinksByDefault};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{jsx as s,Fragment as o,jsxs as t}from"react/jsx-runtime";import{slugify as a}from"efficient-shell/format";function c({anchor:n}){const e=a(typeof n=="string"?n:"");return e?s("span",{id:e,className:"sf-section-anchor","aria-hidden":"true"}):null}const f={name:"sectionAnchor",applies:(n,e,r)=>e.isSection(n)&&!!r&&typeof r.render=="function",panel(n,e,r){const i=r.anchorFields;n.fields={...n.fields,...i()}},draw(n){n.defaultProps={...n.defaultProps,anchor:""};const e=n.render;n.render=r=>t(o,{children:[s(c,{anchor:r.anchor}),e(r)]})}};export{f as sectionAnchor};
+import{jsx as s,Fragment as i,jsxs as t}from"react/jsx-runtime";import{slugify as a}from"efficient-shell/format";import{useInBox as c}from"../../../components/InBoxContext.js";const d="!grow-0 !shrink-0 !basis-0";function f({anchor:n}){const e=a(typeof n=="string"?n:""),r=c();return e?s("span",{id:e,className:r?`sf-section-anchor ${d}`:"sf-section-anchor","aria-hidden":"true"}):null}const x={name:"sectionAnchor",applies:(n,e,r)=>e.isSection(n)&&!!r&&typeof r.render=="function",panel(n,e,r){const o=r.anchorFields;n.fields={...n.fields,...o()}},draw(n){n.defaultProps={...n.defaultProps,anchor:""};const e=n.render;n.render=r=>t(i,{children:[s(f,{anchor:r.anchor}),e(r)]})}};export{d as SECTION_ANCHOR_IN_BOX_CLASS,x as sectionAnchor};

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

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

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

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{SectionAnimation as s}from"../../../components/SectionAnimation.js";import{SECTION_ANIM_EXCLUDED as a,normalizeSectionMotion as m}from"../../../../format/lib/content/section-animation.js";const f={name:"sectionAnimation",applies:(n,t,i)=>t.isSection(n)&&!a.has(n)&&!!i&&typeof i.render=="function",panel(n,t,i){const o=i.sectionAnimationFields;n.fields={...n.fields,...o()}},draw(n){const t=n,i=t.render;t.render=o=>{const e=m(o.sectionAnimation);return e?r(s,{motion:e,editing:!!o.editor?.isEditing,children:i(o)}):i(o)}}};export{f as sectionAnimation};
+import{jsx as s}from"react/jsx-runtime";import{SectionAnimation as d}from"../../../components/SectionAnimation.js";import{ENTRANCE_EXCLUDED as l,entranceDrawn as m}from"../../animation/entrance.js";import{BOX_TYPE as f}from"../../../../format/lib/document/container-blocks.js";const p={[f]:"box",Ticker:"marquee"},r=(n,e)=>!l.has(n)&&!!e&&typeof e.render=="function";function a(n,e,o){n.fields={...n.fields,...o.animationTabFields(e)}}function c(n){const e=n,o=e.render;e.render=i=>{const t=m(i);return t?s(d,{desktop:t.desktop,phone:t.phone,editing:!!i.editor?.isEditing,children:o(i)}):o(i)}}const A={name:"sectionAnimation",applies:(n,e,o)=>e.isSection(n)&&r(n,o),panel:(n,e,o)=>a(n,p[e]??"section",o),draw:n=>c(n)},k={name:"blockEntrance",applies:(n,e,o)=>!e.isSection(n)&&r(n,o),panel:(n,e,o)=>a(n,"block",o),draw:n=>c(n)};export{k as blockEntrance,A as sectionAnimation};

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

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

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

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

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

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

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

@@ -1,4 +1,5 @@
 import type { StoredTextStyle } from "../text-styles/site-text-styles.js";
+import type { ThemeColors } from "../../../format/lib/theme.js";
 type Props = Record<string, unknown>;
 export type SectionNode = {
     type: string;
@@ -18,6 +19,9 @@ export type HeadingStyleId = "heading-1" | "heading-2" | "heading-3";
 export type SiteWrite = {
     kind: "heading-case-upper";
     styles: readonly HeadingStyleId[];
+} | {
+    kind: "band-preset";
+    page: number;
 };
 export type SiteFacts = {
     schema: string;
@@ -27,6 +31,8 @@ export type SiteFacts = {
     textStylesList?: readonly StoredTextStyle[] | null;
     ownThemeRow?: boolean | null;
     deleted?: boolean;
+    themePresets?: readonly ThemeColors[] | null;
+    selectedPreset?: number | null;
 };
 export type ConvertContext = {
     site?: SiteFacts;
@@ -51,7 +57,7 @@ export type SectionConversion = {
     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 BoxEntry = string | readonly [string, string] | readonly [string, string, (value: unknown, props: Props, ctx: ConvertContext) => unknown];
 export type ButtonVariantOf = {
     key: string;
     map: Readonly<Record<string, string>>;
@@ -71,11 +77,24 @@ export type ListPart = {
     name: string;
     parts: readonly PartRow[];
     flat?: boolean;
-    props?: Props;
+    props?: OwnProps;
     item?: (item: Props, index: number, node: Props) => ListItemLook;
     perRow?: (node: Props) => number;
     rowName?: string;
     rowProps?: Props;
+    groups?: ListGroups;
+};
+export type ListGroups = {
+    of: (item: Props) => string;
+    name: string;
+    props?: Props;
+    head?: (items: Props[], node: Props) => Props;
+    parts?: readonly PartRow[];
+    itemsName: string;
+    itemsProps?: (count: number, node: Props) => Props;
+    perRow?: (count: number, node: Props) => number;
+    rowName?: string;
+    rowProps?: Props;
 };
 export type BlockSeed = {
     type: string;
@@ -93,13 +112,14 @@ type PartRowKind = {
         size: number;
         sizePhone?: number;
     };
+    mark?: "accentLead";
 } | {
     kind: "button";
     key: string;
     href: string;
     variant?: string | ButtonVariantOf;
     style?: Props;
-    props?: Props;
+    props?: OwnProps;
 } | {
     kind: "image";
     key: string;
@@ -122,7 +142,7 @@ type PartRowKind = {
     keepEmpty?: boolean;
 } | {
     kind: "core";
-    keep: readonly string[];
+    keep: readonly string[] | "rest";
     as?: string;
     rename?: Readonly<Record<string, string>>;
     props?: Props;
@@ -130,7 +150,6 @@ type PartRowKind = {
 };
 export interface SectionToBoxRow {
     name: string;
-    on: boolean;
     box?: readonly BoxEntry[];
     boxProps?: OwnProps;
     parts: readonly PartRow[];
@@ -138,6 +157,7 @@ export interface SectionToBoxRow {
     site?: (node: SectionNode, ctx: ConvertContext) => readonly SiteWrite[];
     skip?: (props: Props) => string | undefined;
     also?: readonly SectionPiece[];
+    reads?: Readonly<Record<string, string>>;
 }
 export type SectionPiece = {
     name: string;
@@ -148,6 +168,7 @@ export type SectionPiece = {
 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 const SECTION_TO_BOX_ON: readonly string[];
 export declare function registerSectionToBox(rows: Readonly<Record<string, SectionToBoxRow>>): void;
 export declare function sectionToBoxRow(type: string): SectionToBoxRow | undefined;
 export declare function sectionToBoxTypes(): string[];
@@ -157,11 +178,11 @@ 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;
+}>(data: D, on?: readonly string[]): D;
 export type SectionToBoxEdit = {
     index: number;
     node: SectionNode;
     nodes: SectionNode[];
 };
-export declare function sectionToBoxEdits(content: unknown): SectionToBoxEdit[];
+export declare function sectionToBoxEdits(content: unknown, on?: readonly string[]): SectionToBoxEdit[];
 export {};

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "efficient-web-builder",
-  "version": "44.0.1",
+  "version": "45.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": "^23.0.0",
-    "efficient-shell": "^10.13.0",
+    "efficient-easel": "^24.1.0",
+    "efficient-shell": "^11.8.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": "^23.0.0",
-    "efficient-shell": "^10.13.0",
+    "efficient-easel": "^24.1.0",
+    "efficient-shell": "^11.8.0",
     "esbuild": "^0.28.0",
     "happy-dom": "^20.14.5",
     "isomorphic-dompurify": "^3.18.0",

package/dist/editor/components/PartResetDot.d.ts

@@ -1,5 +0,0 @@
-export declare function PartResetDot({ label, onClear, what, }: {
-    label: string;
-    onClear: () => void;
-    what?: string;
-}): import("react").JSX.Element;

package/dist/editor/components/PartResetDot.js

@@ -1 +0,0 @@
-import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Tooltip as c}from"efficient-shell/ui";import{say as e}from"../../format/lib/editor-words.js";function f({label:t,onClear:n,what:r="override"}){const l=e(t),i=r==="override"?e("Clear override"):r==="change"?e("Clear change"):e("Clear {what}",{what:r}),s=r==="override"?e("Clear override: {label}",{label:l}):r==="change"?e("Clear change: {label}",{label:l}):e("Clear {what}: {label}",{what:r,label:l});return a(c,{content:i,children:a("button",{type:"button",className:"sf-part-mark","aria-label":s,onClick:n,children:a(d,{})})})}function d(){return o("svg",{width:"12",height:"12",viewBox:"0 0 16 16","aria-hidden":"true",children:[a("circle",{className:"sf-part-mark-dot",cx:"8",cy:"8",r:"3",fill:"currentColor"}),o("g",{className:"sf-part-mark-arrow",fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",children:[a("path",{d:"M13 8a5 5 0 1 1-1.6-3.7"}),a("path",{d:"M13 2.5V5h-2.6"})]})]})}export{f as PartResetDot};