efficient-easel 25.0.0 → 26.1.0

package/dist/screen/components/SectionScreenShell.js

@@ -1,17 +1,17 @@
-import{AddBlockRow as e}from"../../chunk-4Y3TK65H.js";import{scrollPreviewToSection as n,gotoPreviewSlide as o}from"../../chunk-LUOY3A3Q.js";import{useEaselUndoKeys as r}from"../../chunk-FYV6GZXP.js";import{SlotChildActionsProvider as t}from"../../chunk-KCBEE2MC.js";import{DEFAULT_PANEL_W as s}from"../../chunk-6EDVZBUO.js";import{usePartBridge as i}from"../../chunk-ZLOMH2PD.js";import{useSectionOps as c}from"../../chunk-M4THI4OO.js";import{useScreenDocument as p}from"../../chunk-ERB6FAZT.js";import"../../chunk-QZJKWKGH.js";import"../../chunk-ERR437B5.js";import"../../chunk-JIP5JNRB.js";import"../../chunk-GR3XRILS.js";import"../../chunk-RLBXE4EU.js";import"../../chunk-6ATIYLUL.js";import"../../chunk-KO47WAWR.js";import"../../chunk-NQW6XCAY.js";import"../../chunk-LOMEH6DG.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-RUQOIQWI.js";import{SELECTION_MODE as l,useScreenPinned as m,useScreenCanvasFrame as d,useScreenInspectorPanel as u,useScreenPickFollowsSelection as a,sameInspectorMode as h,useStandaloneScreenBridges as k,useScreenBlockLook as j,useScreenBlockRules as f,isSelectionMode as S,shownChildSlotsOf as A}from"../../chunk-4OMAA45Q.js";import{MediaPopup as N}from"../../chunk-T2RINM7R.js";import"../../chunk-NCXYC7WI.js";import"../../chunk-YM4UEGBV.js";import"../../chunk-SNF5764Q.js";import"../../chunk-LX23TCTP.js";import{DEFAULT_SCREEN_WORDS as y}from"../../chunk-S6YOIRXQ.js";import"../../chunk-AJ2SUSET.js";import{slotChildRowName as E}from"../../chunk-5NHQ452C.js";import"../../chunk-6UAEFOJ4.js";import"../../chunk-ANPOR6EY.js";import"../../chunk-R4AUZVA3.js";import{slotFieldsOf as C,nestsInTree as P}from"../../chunk-TCAAOYQY.js";import{useEasel as R}from"../../chunk-53ME3GAI.js";import"../../chunk-LUG22U5L.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-U3LTJSBU.js";import"../../chunk-BPXEFVSQ.js";import"../../chunk-YCSZAP7T.js";import"../../chunk-ZEH6QLBH.js";import{LayersTree as x,Subtree as O,TreeRow as M,TreeRowAction as T,TreeSeam as Y}from"../../chunk-WHS6Y55E.js";import"../../chunk-FM6JO4WF.js";import{DEFAULT_TREE_WORDS as F}from"../../chunk-K56YDHYQ.js";import"../../chunk-KFV7N2DJ.js";import"../../chunk-K53PQAMP.js";import"../../chunk-FIVU2COQ.js";import"../../chunk-QTHQPJWA.js";import"../../chunk-NDRZP6YR.js";import{DEFAULT_SAVE_WORDS as I,saveIndicator as g}from"../../chunk-H6DDIBQ4.js";import{SaveState as B,panelWidthVars as v}from"../../chunk-VBEVZZTV.js";import"../../chunk-MJM6SFD3.js";import"../../chunk-AJSDWWJW.js";import"../../chunk-2OAZYSWJ.js";import"../../chunk-YYD257TD.js";import"../../chunk-RE4LP46F.js";import"../../chunk-HZSZT3BE.js";import"../../chunk-PMRN5Z3T.js";import"../../chunk-Y2T3JX7K.js";import"../../chunk-KFWNGPW3.js";import"../../chunk-MIX7EGRG.js";import"../../chunk-DX3VILZ3.js";import"../../chunk-JACEEVVF.js";import{useWords as Q}from"../../chunk-MFIRYGHW.js";import"../../chunk-MBEUSPIN.js";import"../../chunk-TQ5Y6S2X.js";import{useTreeDrag as W}from"../../chunk-3XECMGXX.js";import"../../chunk-P2VEMZH5.js";import{zoneKey as b,parseZoneKey as z}from"../../chunk-EUFDQ4KL.js";import"../../chunk-KXM6YRG2.js";import"../../chunk-TOKMFZPB.js";import"../../chunk-FR7EEKFF.js";import"../../chunk-7UFKEX72.js";import"../../chunk-467WWV4I.js";import"../../chunk-TIAWIOGD.js";import"../../chunk-MGVI67QV.js";import{useState as w,useRef as D,useEffect as Z,useCallback as H,Fragment as K}from"react";import{Tooltip as L}from"efficient-shell/ui";import{TrashIcon as U}from"efficient-shell/icons/efficient";import{jsxs as V,jsx as X,Fragment as G}from"react/jsx-runtime";var J=e=>n=>{n.target.closest("button, input")||e()},$={rowClick:J};function q(){const{saveState:q,readOnly:_,readOnlyReason:ee=null}=p(),ne=c(),{appState:oe,selectedItem:re,config:te}=R(e=>e),[se,ie]=w(l),ce=Q("screen",y),pe=Q("tree",F),le=Q("save",I),{first:me,last:de,panelOf:ue}=m(),ae=ue(me),he=d(),ke=u(),je=oe.data.content?.[0]??null,fe=je?.props.id??null,Se=je?.type===me,Ae=je?.type===de,Ne=D(null),ye=D(null);r(ye),a(re?.props.id),Z(()=>{fe&&Ne.current!==fe&&(Ne.current=fe,Se?ie(ae??l):re||ne.select({index:0}))},[fe,re,ne,Se]);const Ee=H(e=>ie(n=>h(n,e)?n:e),[]),Ce=k({kind:se.kind,mode:se,open:Ee,show:e=>ie(e),reveal:()=>{},select:(e,n)=>{ie(e=>h(e,n)?e:n),ne.select(e)}}),{selectNode:Pe}=i({mode:se,setMode:ie,onOpenPart:n}),Re=j(),{labelAtLevel:xe,Icon:Oe}=Re,{canAddTo:Me}=f(),Te=e=>xe(e,"block",te.components[e]?.label??e),Ye=e=>xe(e,"section",Te(e)),Fe=!Se&&S(se)&&re?.props.id===fe,Ie=je?Me(je.type)?.spec??null:null,ge=je&&Ie?`${je.props.id}:${Ie.slot}`:null,Be=je&&Ie&&Array.isArray(je.props[Ie.slot])?je.props[Ie.slot]:[],ve=e=>E(e,Te,Re.plainText),Qe=(e,r)=>{je&&Ie&&ge&&(ie(l),Ie.slider?(o(String(je.props.id),e),ne.select({index:e,zone:ge}),n(String(je.props.id))):(ne.select({index:e,zone:ge}),n(r)))},We=()=>{if(!je||!Ie||!ge)return;const e=Be.length;ne.insertComponent(ge,Ie.childType,e),ie(l),Ie.slider?requestAnimationFrame(()=>{o(String(je.props.id),e),ne.select({index:e,zone:ge})}):ne.select({index:e,zone:ge})},be=e=>C(te,e),ze=e=>{const{parentId:n,slot:o}=z(e),r=e=>{if(!e)return null;if(String(e.props.id)===n)return e;for(const n of be(e.type)){const o=Array.isArray(e.props[n])?e.props[n]:[];for(const e of o){const n=r(e);if(n)return n}}return null},t=r(je)?.props[o];return Array.isArray(t)?t.length:0},we=(e,n,o)=>{const r=Math.min(Math.max(o,0),ze(e)),t=n<r?r-1:r;t!==n&&(ne.reorderComponent(e,n,t),ie(l),ne.select({index:t,zone:e}))},De=W({keyOf:e=>e.id,readOnly:Boolean(_),canDrop:(e,n)=>b(n)===e.zone&&n.index>=0&&n.index<=ze(e.zone),onDrop:(e,n)=>we(e.zone,e.index,n.index),onStep:(e,n)=>we(e.zone,e.index,n<0?e.index-1:e.index+2)}),Ze=(e,n)=>/* @__PURE__ */X(Y,{..._?{}:De.seam({place:{...z(e),index:n}})},`seam:${e}:${n}`),He=e=>Re.blockRowName(e,Te),Ke=(e,o,r)=>{ie(l),ne.select({index:o,zone:e}),n(r)},Le=(e,n,o)=>{ne.insertComponent(e,n,o),ie(l),ne.select({index:o,zone:e})},Ue=(n,o,r)=>/* @__PURE__ */X(e,{choices:r,onPick:e=>Le(n,e,o)}),Ve=(e,n)=>{const o=A(te,e);const r=Me(e.type,void 0,void 0,{id:String(e.props.id??""),data:oe.data}),t=r?.choices??null,s="footer"===r?.source?He:ve;/* @__PURE__ */
-return V(G,{children:[o.map(({child:e,zone:o,index:r})=>{const t=re?.props.id===e.props.id,i=P(te,e.type,n),c=s(e),p=String(e.props.id),m=()=>Ke(o,r,p),{rowProps:d,...u}=De.row({item:{id:p,zone:o,index:r},place:{...z(o),index:r}},{onClick:J(m)});/* @__PURE__ */
-return V(K,{children:[0===r&&Ze(o,0),
-/* @__PURE__ */X(M,{words:pe,icon:/* @__PURE__ */X(Oe,{type:e.type,size:13}),name:c,selected:t,onSelect:m,...u,actions:/* @__PURE__ */X(T,{kind:"delete",label:ce.deleteNamed({name:c}),onClick:()=>{return e=o,n=r,ne.removeComponent(e,n),ie(l),void ne.select(null);var e,n},children:/* @__PURE__ */X(U,{size:13})}),rowProps:d}),i&&/* @__PURE__ */X(O,{children:Ve(e,n+1)}),Ze(o,r+1)]},String(e.props.id??`${o}-${r}`))}),r&&t?Ue(`${e.props.id}:${r.slot}`,o.length,t):null]})},Xe="HeroSingle"===je?.type,Ge=Boolean(je)&&(Boolean(Me(je.type))||be(je.type).length>0),Je=Boolean(je)&&(Boolean(Ie)||Ae||Se||Xe||Ge);/* @__PURE__ */
-return V("div",{ref:ye,className:"sf-editor es-editor",style:v(s),children:[
-/* @__PURE__ */X("div",{className:"sf-section-bar",children:/* @__PURE__ */X(B,null!==ee?{tone:"off",label:ee,role:"status"}:{...g(q,le),role:"status"})}),
-/* @__PURE__ */V("div",{className:"sf-body",children:[Je&&je&&/* @__PURE__ */V("aside",{className:"es-sidepanel es-sidepanel--left sf-panel sf-panel--left",children:[
-/* @__PURE__ */X("div",{className:"sf-panel-head",children:/* @__PURE__ */X(L,{content:Se?ce.headerSettings:ce.sectionSettings({name:Ye(je.type)}),side:"bottom",children:/* @__PURE__ */X("button",{type:"button",className:"sf-panel-title sf-panel-title--btn "+(Fe?"is-selected":""),"aria-pressed":Fe,onClick:()=>{Se?ie(ae??l):(ie(l),ne.select({index:0}))},children:Ye(je.type)})})}),
-/* @__PURE__ */X(x,{className:"sf-tree sf-scroll",rootProps:De.rootProps(),words:pe,children:/* @__PURE__ */X(O,{children:Se?
-/* @__PURE__ */X(M,{words:pe,icon:/* @__PURE__ */X(Oe,{type:"header",size:13}),name:ce.headerSettings,selected:se.kind===ae?.kind,onSelect:()=>ie(ae??l),rowProps:{onClick:J(()=>ie(ae??l))}}):Ie?/* @__PURE__ */V(G,{children:[Be.map((e,n)=>{const o=re?.props.id===e.props.id,r=ve(e),t=String(e.props.id),s=()=>Qe(n,t),{rowProps:i,...c}=De.row({item:{id:t,zone:ge,index:n},place:{...z(ge),index:n}},{onClick:J(s)});/* @__PURE__ */
-return V(K,{children:[0===n&&Ze(ge,0),
-/* @__PURE__ */X(M,{words:pe,icon:/* @__PURE__ */X(Oe,{type:e.type,size:13}),name:r,selected:o,onSelect:s,...c,actions:/* @__PURE__ */X(T,{kind:"delete",label:ce.deleteNamed({name:r}),onClick:()=>{return e=n,void(ge&&(ne.removeComponent(ge,e),ie(l),ne.select(null)));var e},children:/* @__PURE__ */X(U,{size:13})}),rowProps:i}),Ze(ge,n+1)]},String(e.props.id??n))}),
-/* @__PURE__ */V("button",{type:"button",className:"sf-add-card",onClick:We,children:[
-/* @__PURE__ */X("span",{className:"sf-plus sf-plus--sm",children:"+"}),Ie.addLabel]}),fe?Ce.partRows?.(je,$):null]}):Ve(je,1)})})]}),
-/* @__PURE__ */X("div",{className:"sf-center",children:/* @__PURE__ */X("div",{className:"sf-preview-host",children:/* @__PURE__ */X(he,{})})}),
-/* @__PURE__ */X(t,{value:{selectChild:(e,n,o,r)=>"section"===Me(r)?.source?Qe(n,o):Ke(e,n,o),addChild:(e,n,o,r,t)=>"section"===Me(t)?.source?We():Le(`${e}:${n}`,o,r),childRowName:ve,blockRowName:He},children:/* @__PURE__ */X(ke,{mode:se,onOpenWebsiteSettings:Ce.openSettings??(()=>{}),onSelectNode:Pe,hideNodeActions:!0})})]}),
-/* @__PURE__ */X(N,{})]})}export{q as default};
+import{AddBlockRow as e}from"../../chunk-5QUIXGQU.js";import{scrollPreviewToSection as n,gotoPreviewSlide as o}from"../../chunk-LUOY3A3Q.js";import{useEaselUndoKeys as r}from"../../chunk-UCZQWQNS.js";import{SlotChildActionsProvider as t}from"../../chunk-KCBEE2MC.js";import{DEFAULT_PANEL_W as s}from"../../chunk-6EDVZBUO.js";import{usePartBridge as i}from"../../chunk-O4DQ6O6W.js";import{useSectionOps as c}from"../../chunk-WOA775T4.js";import{useScreenDocument as p}from"../../chunk-BYONFJVQ.js";import"../../chunk-QZJKWKGH.js";import"../../chunk-ERR437B5.js";import"../../chunk-JIP5JNRB.js";import"../../chunk-GR3XRILS.js";import"../../chunk-RLBXE4EU.js";import"../../chunk-6ATIYLUL.js";import"../../chunk-KO47WAWR.js";import"../../chunk-NQW6XCAY.js";import"../../chunk-LOMEH6DG.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-RUQOIQWI.js";import{SELECTION_MODE as l,useScreenPinned as m,useScreenCanvasFrame as d,useScreenInspectorPanel as u,useScreenPickFollowsSelection as a,sameInspectorMode as h,useStandaloneScreenBridges as k,useScreenBlockLook as j,useScreenBlockRules as f,isSelectionMode as S,shownChildSlotsOf as N}from"../../chunk-LSGKADNV.js";import{MediaPopup as y}from"../../chunk-T2RINM7R.js";import"../../chunk-NCXYC7WI.js";import"../../chunk-YM4UEGBV.js";import"../../chunk-SNF5764Q.js";import"../../chunk-LX23TCTP.js";import{DEFAULT_SCREEN_WORDS as A}from"../../chunk-Q3VAJMXS.js";import"../../chunk-AJ2SUSET.js";import{slotChildRowName as C}from"../../chunk-5NHQ452C.js";import"../../chunk-6UAEFOJ4.js";import"../../chunk-ANPOR6EY.js";import"../../chunk-R4AUZVA3.js";import{slotFieldsOf as E,nestsInTree as Q}from"../../chunk-TCAAOYQY.js";import{useEasel as x}from"../../chunk-BBD3FLU3.js";import"../../chunk-JQQFB7EZ.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-R76XMEKT.js";import"../../chunk-BPXEFVSQ.js";import"../../chunk-YCSZAP7T.js";import"../../chunk-ZEH6QLBH.js";import{LayersTree as R,Subtree as O,TreeRow as F,TreeRowAction as P,TreeSeam as B}from"../../chunk-WHS6Y55E.js";import"../../chunk-FM6JO4WF.js";import{DEFAULT_TREE_WORDS as T}from"../../chunk-K56YDHYQ.js";import"../../chunk-56ID6FKZ.js";import"../../chunk-K53PQAMP.js";import"../../chunk-FIVU2COQ.js";import"../../chunk-QTHQPJWA.js";import"../../chunk-NDRZP6YR.js";import{DEFAULT_SAVE_WORDS as W,saveIndicator as g}from"../../chunk-H6DDIBQ4.js";import{SaveState as Y,panelWidthVars as v}from"../../chunk-VBEVZZTV.js";import"../../chunk-MJM6SFD3.js";import"../../chunk-AJSDWWJW.js";import"../../chunk-2OAZYSWJ.js";import"../../chunk-YYD257TD.js";import"../../chunk-RE4LP46F.js";import"../../chunk-HZSZT3BE.js";import"../../chunk-PMRN5Z3T.js";import"../../chunk-Y2T3JX7K.js";import"../../chunk-KFWNGPW3.js";import"../../chunk-MIX7EGRG.js";import"../../chunk-DX3VILZ3.js";import"../../chunk-JACEEVVF.js";import{useWords as D}from"../../chunk-MFIRYGHW.js";import"../../chunk-SQTVXE5D.js";import"../../chunk-TQ5Y6S2X.js";import{useTreeDrag as I}from"../../chunk-3XECMGXX.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-TOKMFZPB.js";import"../../chunk-FR7EEKFF.js";import"../../chunk-7UFKEX72.js";import{zoneKey as M,parseZoneKey as b}from"../../chunk-EUFDQ4KL.js";import"../../chunk-KXM6YRG2.js";import"../../chunk-467WWV4I.js";import"../../chunk-TIAWIOGD.js";import"../../chunk-MGVI67QV.js";import{useState as z,useRef as V,useEffect as X,useCallback as w,Fragment as K}from"react";import{Tooltip as Z}from"efficient-shell/ui";import{TrashIcon as J}from"efficient-shell/icons/efficient";import{jsxs as U,jsx as L,Fragment as G}from"react/jsx-runtime";var H=e=>n=>{n.target.closest("button, input")||e()},$={rowClick:H};function q(){const{saveState:q,readOnly:_,readOnlyReason:ee=null}=p(),ne=c(),{appState:oe,selectedItem:re,config:te}=x(e=>e),[se,ie]=z(l),ce=D("screen",A),pe=D("tree",T),le=D("save",W),{first:me,last:de,panelOf:ue}=m(),ae=ue(me),he=d(),ke=u(),je=oe.data.content?.[0]??null,fe=je?.props.id??null,Se=je?.type===me,Ne=je?.type===de,ye=V(null),Ae=V(null);r(Ae),a(re?.props.id),X(()=>{fe&&ye.current!==fe&&(ye.current=fe,Se?ie(ae??l):re||ne.select({index:0}))},[fe,re,ne,Se]);const Ce=w(e=>ie(n=>h(n,e)?n:e),[]),Ee=k({kind:se.kind,mode:se,open:Ce,show:e=>ie(e),reveal:()=>{},select:(e,n)=>{ie(e=>h(e,n)?e:n),ne.select(e)}}),{selectNode:Qe}=i({mode:se,setMode:ie,onOpenPart:n}),xe=j(),{labelAtLevel:Re,Icon:Oe}=xe,{canAddTo:Fe}=f(),Pe=e=>Re(e,"block",te.components[e]?.label??e),Be=e=>Re(e,"section",Pe(e)),Te=!Se&&S(se)&&re?.props.id===fe,We=je?Fe(je.type)?.spec??null:null,ge=je&&We?`${je.props.id}:${We.slot}`:null,Ye=je&&We&&Array.isArray(je.props[We.slot])?je.props[We.slot]:[],ve=e=>C(e,Pe,xe.plainText),De=(e,r)=>{je&&We&&ge&&(ie(l),We.slider?(o(String(je.props.id),e),ne.select({index:e,zone:ge}),n(String(je.props.id))):(ne.select({index:e,zone:ge}),n(r)))},Ie=()=>{if(!je||!We||!ge)return;const e=Ye.length;ne.insertComponent(ge,We.childType,e),ie(l),We.slider?requestAnimationFrame(()=>{o(String(je.props.id),e),ne.select({index:e,zone:ge})}):ne.select({index:e,zone:ge})},Me=e=>E(te,e),be=e=>{const{parentId:n,slot:o}=b(e),r=e=>{if(!e)return null;if(String(e.props.id)===n)return e;for(const n of Me(e.type)){const o=Array.isArray(e.props[n])?e.props[n]:[];for(const e of o){const n=r(e);if(n)return n}}return null},t=r(je)?.props[o];return Array.isArray(t)?t.length:0},ze=(e,n,o)=>{const r=Math.min(Math.max(o,0),be(e)),t=n<r?r-1:r;t!==n&&(ne.reorderComponent(e,n,t),ie(l),ne.select({index:t,zone:e}))},Ve=I({keyOf:e=>e.id,readOnly:Boolean(_),canDrop:(e,n)=>M(n)===e.zone&&n.index>=0&&n.index<=be(e.zone),onDrop:(e,n)=>ze(e.zone,e.index,n.index),onStep:(e,n)=>ze(e.zone,e.index,n<0?e.index-1:e.index+2)}),Xe=(e,n)=>/* @__PURE__ */L(B,{..._?{}:Ve.seam({place:{...b(e),index:n}})},`seam:${e}:${n}`),we=e=>xe.blockRowName(e,Pe),Ke=(e,o,r)=>{ie(l),ne.select({index:o,zone:e}),n(r)},Ze=(e,n,o)=>{ne.insertComponent(e,n,o),ie(l),ne.select({index:o,zone:e})},Je=(n,o,r)=>/* @__PURE__ */L(e,{choices:r,onPick:e=>Ze(n,e,o)}),Ue=(e,n)=>{const o=N(te,e);const r=Fe(e.type,void 0,void 0,{id:String(e.props.id??""),data:oe.data}),t=r?.choices??null,s="footer"===r?.source?we:ve;/* @__PURE__ */
+return U(G,{children:[o.map(({child:e,zone:o,index:r})=>{const t=re?.props.id===e.props.id,i=Q(te,e.type,n),c=s(e),p=String(e.props.id),m=()=>Ke(o,r,p),{rowProps:d,...u}=Ve.row({item:{id:p,zone:o,index:r},place:{...b(o),index:r}},{onClick:H(m)});/* @__PURE__ */
+return U(K,{children:[0===r&&Xe(o,0),
+/* @__PURE__ */L(F,{words:pe,icon:/* @__PURE__ */L(Oe,{type:e.type,size:13}),name:c,selected:t,onSelect:m,...u,actions:/* @__PURE__ */L(P,{kind:"delete",label:ce.deleteNamed({name:c}),onClick:()=>{return e=o,n=r,ne.removeComponent(e,n),ie(l),void ne.select(null);var e,n},children:/* @__PURE__ */L(J,{size:13})}),rowProps:d}),i&&/* @__PURE__ */L(O,{children:Ue(e,n+1)}),Xe(o,r+1)]},String(e.props.id??`${o}-${r}`))}),r&&t?Je(`${e.props.id}:${r.slot}`,o.length,t):null]})},Le="HeroSingle"===je?.type,Ge=Boolean(je)&&(Boolean(Fe(je.type))||Me(je.type).length>0),He=Boolean(je)&&(Boolean(We)||Ne||Se||Le||Ge);/* @__PURE__ */
+return U("div",{ref:Ae,className:"sf-editor es-editor",style:v(s),children:[
+/* @__PURE__ */L("div",{className:"sf-section-bar",children:/* @__PURE__ */L(Y,null!==ee?{tone:"off",label:ee,role:"status"}:{...g(q,le),role:"status"})}),
+/* @__PURE__ */U("div",{className:"sf-body",children:[He&&je&&/* @__PURE__ */U("aside",{className:"es-sidepanel es-sidepanel--left sf-panel sf-panel--left",children:[
+/* @__PURE__ */L("div",{className:"sf-panel-head",children:/* @__PURE__ */L(Z,{content:Se?ce.headerSettings:ce.sectionSettings({name:Be(je.type)}),side:"bottom",children:/* @__PURE__ */L("button",{type:"button",className:"sf-panel-title sf-panel-title--btn "+(Te?"is-selected":""),"aria-pressed":Te,onClick:()=>{Se?ie(ae??l):(ie(l),ne.select({index:0}))},children:Be(je.type)})})}),
+/* @__PURE__ */L(R,{className:"sf-tree sf-scroll",rootProps:Ve.rootProps(),words:pe,children:/* @__PURE__ */L(O,{children:Se?
+/* @__PURE__ */L(F,{words:pe,icon:/* @__PURE__ */L(Oe,{type:"header",size:13}),name:ce.headerSettings,selected:se.kind===ae?.kind,onSelect:()=>ie(ae??l),rowProps:{onClick:H(()=>ie(ae??l))}}):We?/* @__PURE__ */U(G,{children:[Ye.map((e,n)=>{const o=re?.props.id===e.props.id,r=ve(e),t=String(e.props.id),s=()=>De(n,t),{rowProps:i,...c}=Ve.row({item:{id:t,zone:ge,index:n},place:{...b(ge),index:n}},{onClick:H(s)});/* @__PURE__ */
+return U(K,{children:[0===n&&Xe(ge,0),
+/* @__PURE__ */L(F,{words:pe,icon:/* @__PURE__ */L(Oe,{type:e.type,size:13}),name:r,selected:o,onSelect:s,...c,actions:/* @__PURE__ */L(P,{kind:"delete",label:ce.deleteNamed({name:r}),onClick:()=>{return e=n,void(ge&&(ne.removeComponent(ge,e),ie(l),ne.select(null)));var e},children:/* @__PURE__ */L(J,{size:13})}),rowProps:i}),Xe(ge,n+1)]},String(e.props.id??n))}),
+/* @__PURE__ */U("button",{type:"button",className:"sf-add-card",onClick:Ie,children:[
+/* @__PURE__ */L("span",{className:"sf-plus sf-plus--sm",children:"+"}),We.addLabel]}),fe?Ee.partRows?.(je,$):null]}):Ue(je,1)})})]}),
+/* @__PURE__ */L("div",{className:"sf-center",children:/* @__PURE__ */L("div",{className:"sf-preview-host",children:/* @__PURE__ */L(he,{})})}),
+/* @__PURE__ */L(t,{value:{selectChild:(e,n,o,r)=>"section"===Fe(r)?.source?De(n,o):Ke(e,n,o),addChild:(e,n,o,r,t)=>"section"===Fe(t)?.source?Ie():Ze(`${e}:${n}`,o,r),childRowName:ve,blockRowName:we},children:/* @__PURE__ */L(ke,{mode:se,onOpenWebsiteSettings:Ee.openSettings??(()=>{}),onSelectNode:Qe,hideNodeActions:!0})})]}),
+/* @__PURE__ */L(y,{})]})}export{q as default};

package/dist/screen/components/usePartBridge.js

@@ -1 +1 @@
-export{usePartBridge}from"../../chunk-ZLOMH2PD.js";import"../../chunk-M4THI4OO.js";import"../../chunk-4OMAA45Q.js";import"../../chunk-NCXYC7WI.js";import"../../chunk-LX23TCTP.js";import"../../chunk-R4AUZVA3.js";import"../../chunk-TCAAOYQY.js";import"../../chunk-53ME3GAI.js";import"../../chunk-LUG22U5L.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-U3LTJSBU.js";import"../../chunk-BPXEFVSQ.js";import"../../chunk-YCSZAP7T.js";import"../../chunk-ZEH6QLBH.js";import"../../chunk-WHS6Y55E.js";import"../../chunk-FM6JO4WF.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-KFV7N2DJ.js";import"../../chunk-K53PQAMP.js";import"../../chunk-FIVU2COQ.js";import"../../chunk-QTHQPJWA.js";import"../../chunk-HZSZT3BE.js";import"../../chunk-PMRN5Z3T.js";import"../../chunk-Y2T3JX7K.js";import"../../chunk-KFWNGPW3.js";import"../../chunk-MIX7EGRG.js";import"../../chunk-DX3VILZ3.js";import"../../chunk-JACEEVVF.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-3XECMGXX.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-EUFDQ4KL.js";import"../../chunk-KXM6YRG2.js";import"../../chunk-TOKMFZPB.js";import"../../chunk-FR7EEKFF.js";import"../../chunk-7UFKEX72.js";import"../../chunk-467WWV4I.js";import"../../chunk-TIAWIOGD.js";import"../../chunk-MGVI67QV.js";
+export{usePartBridge}from"../../chunk-O4DQ6O6W.js";import"../../chunk-WOA775T4.js";import"../../chunk-LSGKADNV.js";import"../../chunk-NCXYC7WI.js";import"../../chunk-LX23TCTP.js";import"../../chunk-R4AUZVA3.js";import"../../chunk-TCAAOYQY.js";import"../../chunk-BBD3FLU3.js";import"../../chunk-JQQFB7EZ.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-R76XMEKT.js";import"../../chunk-BPXEFVSQ.js";import"../../chunk-YCSZAP7T.js";import"../../chunk-ZEH6QLBH.js";import"../../chunk-WHS6Y55E.js";import"../../chunk-FM6JO4WF.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-56ID6FKZ.js";import"../../chunk-K53PQAMP.js";import"../../chunk-FIVU2COQ.js";import"../../chunk-QTHQPJWA.js";import"../../chunk-HZSZT3BE.js";import"../../chunk-PMRN5Z3T.js";import"../../chunk-Y2T3JX7K.js";import"../../chunk-KFWNGPW3.js";import"../../chunk-MIX7EGRG.js";import"../../chunk-DX3VILZ3.js";import"../../chunk-JACEEVVF.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-3XECMGXX.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-TOKMFZPB.js";import"../../chunk-FR7EEKFF.js";import"../../chunk-7UFKEX72.js";import"../../chunk-EUFDQ4KL.js";import"../../chunk-KXM6YRG2.js";import"../../chunk-467WWV4I.js";import"../../chunk-TIAWIOGD.js";import"../../chunk-MGVI67QV.js";

package/dist/screen/index.js

@@ -1 +1 @@
-import"../chunk-GZO72N3Q.js";export{DocumentScreen,ScreenMount}from"../chunk-ZYOQXBJF.js";import"../chunk-GXQCZJOP.js";export{ScreenStoreProvider}from"../chunk-YFHKE54W.js";import"../chunk-KTV7ORWF.js";import"../chunk-UMBNBCL4.js";import"../chunk-OXZDSOZV.js";import"../chunk-7OCEPOEJ.js";import"../chunk-H6BER2EU.js";import"../chunk-3QB2ZQXK.js";import"../chunk-5XL2RXFU.js";import"../chunk-OXOUGEAT.js";import"../chunk-22I55W37.js";import"../chunk-LUOY3A3Q.js";import"../chunk-FYV6GZXP.js";import"../chunk-KCBEE2MC.js";import"../chunk-6EDVZBUO.js";import"../chunk-ZLOMH2PD.js";import"../chunk-M4THI4OO.js";import"../chunk-62UGN7VM.js";import"../chunk-PVBDKBJB.js";import"../chunk-RKTF5XLP.js";import"../chunk-ERB6FAZT.js";import"../chunk-QZJKWKGH.js";import"../chunk-ERR437B5.js";import"../chunk-JIP5JNRB.js";import"../chunk-GR3XRILS.js";export{NO_DOCUMENT_ADDRESSING}from"../chunk-RLBXE4EU.js";import"../chunk-6ATIYLUL.js";import"../chunk-KO47WAWR.js";import"../chunk-NQW6XCAY.js";import"../chunk-LOMEH6DG.js";import"../chunk-5545A3PC.js";import"../chunk-VIUES5R6.js";import"../chunk-GDO4QJ4G.js";import"../chunk-IZGFJWH4.js";import"../chunk-N7E6264U.js";import"../chunk-N3MJOHAG.js";import"../chunk-SBVIW3KJ.js";import"../chunk-UMDQ6CLQ.js";import"../chunk-KCOBHPN6.js";import"../chunk-RUQOIQWI.js";export{SELECTION_MODE,ScreenCanvasTargetProvider,ScreenPartsProvider,isPinnedFirst,isPinnedLast,isSelectionMode,isSlotMode,sameInspectorMode,screenSlotsOf,shownChildSlotsOf,shownSlotFieldsOf,useScreenBlockLook,useScreenBlockRules,useScreenBridges,useScreenCanvasDrag,useScreenCanvasFrame,useScreenCanvasHead,useScreenCanvasTarget,useScreenDevices,useScreenDocumentLabel,useScreenDocumentPass,useScreenInspectorPanel,useScreenLeftView,useScreenNodeKeys,useScreenNotify,useScreenOwnerName,useScreenParts,useScreenPickFollowsSelection,useScreenPinned,useScreenSaveSwitch,useScreenStorageNamespace,useScreenStyleClipboard,useStandaloneScreenBridges}from"../chunk-4OMAA45Q.js";import"../chunk-T2RINM7R.js";import"../chunk-NCXYC7WI.js";import"../chunk-GEPSJJWW.js";export{EaselSessionProvider,useEaselSession}from"../chunk-YM4UEGBV.js";export{EFFICIENT_BACKEND,activateEaselSession,backendOf,createEaselSession,currentEaselSession,deactivateEaselSession,efficientClientOpen,isEfficientBackend,provideDefaultBackend,resetAmbientEaselSession,sessionRegistry,setSessionBridgedSite,setSessionDocumentSite}from"../chunk-SNF5764Q.js";export{DETACHED_EASEL_HOST,EaselHostContext,EaselHostProvider,FIELD_DESCRIPTION_MARKER,createEaselHost,describedAs,useEaselHost,useHostEscape}from"../chunk-LX23TCTP.js";import"../chunk-XFYFKITX.js";import"../chunk-S6YOIRXQ.js";import"../chunk-CWELHADJ.js";import"../chunk-6WY6ZXJG.js";import"../chunk-AJ2SUSET.js";import"../chunk-5NHQ452C.js";import"../chunk-6UAEFOJ4.js";import"../chunk-ANPOR6EY.js";import"../chunk-R4AUZVA3.js";import"../chunk-TCAAOYQY.js";import"../chunk-53ME3GAI.js";import"../chunk-LUG22U5L.js";import"../chunk-TBY3DFKS.js";import"../chunk-U3LTJSBU.js";import"../chunk-BPXEFVSQ.js";import"../chunk-YCSZAP7T.js";import"../chunk-ZEH6QLBH.js";import"../chunk-WHS6Y55E.js";import"../chunk-FM6JO4WF.js";import"../chunk-K56YDHYQ.js";import"../chunk-KFV7N2DJ.js";import"../chunk-K53PQAMP.js";import"../chunk-ZKY45F5G.js";import"../chunk-FIVU2COQ.js";import"../chunk-P5VYGWYO.js";import"../chunk-WK3AFPXY.js";import"../chunk-QTHQPJWA.js";import"../chunk-NDRZP6YR.js";import"../chunk-H6DDIBQ4.js";import"../chunk-VBEVZZTV.js";import"../chunk-MJM6SFD3.js";import"../chunk-AJSDWWJW.js";import"../chunk-2OAZYSWJ.js";import"../chunk-YYD257TD.js";import"../chunk-RE4LP46F.js";import"../chunk-HZSZT3BE.js";import"../chunk-PMRN5Z3T.js";import"../chunk-Y2T3JX7K.js";import"../chunk-KFWNGPW3.js";import"../chunk-MIX7EGRG.js";import"../chunk-DX3VILZ3.js";import"../chunk-JACEEVVF.js";import"../chunk-MFIRYGHW.js";import"../chunk-MBEUSPIN.js";import"../chunk-TQ5Y6S2X.js";import"../chunk-3XECMGXX.js";import"../chunk-P2VEMZH5.js";import"../chunk-EUFDQ4KL.js";import"../chunk-KXM6YRG2.js";import"../chunk-TOKMFZPB.js";import"../chunk-FR7EEKFF.js";import"../chunk-7UFKEX72.js";import"../chunk-BSPCSC45.js";import"../chunk-467WWV4I.js";import"../chunk-TIAWIOGD.js";import"../chunk-MGVI67QV.js";
+import"../chunk-GZO72N3Q.js";export{DocumentScreen,ScreenMount}from"../chunk-6BOOYHHK.js";import"../chunk-GXQCZJOP.js";export{ScreenStoreProvider}from"../chunk-QAVA4V2C.js";import"../chunk-VXAGXHKI.js";import"../chunk-BA5X67LQ.js";import"../chunk-UMBNBCL4.js";import"../chunk-OXZDSOZV.js";import"../chunk-7OCEPOEJ.js";import"../chunk-3QB2ZQXK.js";import"../chunk-5XL2RXFU.js";import"../chunk-7GGNFLHT.js";import"../chunk-22I55W37.js";import"../chunk-LUOY3A3Q.js";import"../chunk-UCZQWQNS.js";import"../chunk-KCBEE2MC.js";import"../chunk-6EDVZBUO.js";import"../chunk-O4DQ6O6W.js";import"../chunk-WOA775T4.js";import"../chunk-TOEJCZUO.js";import"../chunk-PVBDKBJB.js";import"../chunk-RKTF5XLP.js";import"../chunk-BYONFJVQ.js";import"../chunk-QZJKWKGH.js";import"../chunk-ERR437B5.js";import"../chunk-JIP5JNRB.js";import"../chunk-GR3XRILS.js";export{NO_DOCUMENT_ADDRESSING}from"../chunk-RLBXE4EU.js";import"../chunk-6ATIYLUL.js";import"../chunk-KO47WAWR.js";import"../chunk-NQW6XCAY.js";import"../chunk-LOMEH6DG.js";import"../chunk-5545A3PC.js";import"../chunk-7PGO4K5M.js";import"../chunk-GDO4QJ4G.js";import"../chunk-IZGFJWH4.js";import"../chunk-N7E6264U.js";import"../chunk-N3MJOHAG.js";import"../chunk-SBVIW3KJ.js";import"../chunk-UMDQ6CLQ.js";import"../chunk-KCOBHPN6.js";import"../chunk-RUQOIQWI.js";export{SELECTION_MODE,ScreenCanvasTargetProvider,ScreenPartsProvider,isPinnedFirst,isPinnedLast,isSelectionMode,isSlotMode,sameInspectorMode,screenSlotsOf,shownChildSlotsOf,shownSlotFieldsOf,useScreenBlockLook,useScreenBlockRules,useScreenBridges,useScreenCanvasDrag,useScreenCanvasFrame,useScreenCanvasHead,useScreenCanvasTarget,useScreenDevices,useScreenDocumentLabel,useScreenDocumentPass,useScreenInspectorPanel,useScreenLeftView,useScreenNodeKeys,useScreenNotify,useScreenOwnerName,useScreenParts,useScreenPickFollowsSelection,useScreenPinned,useScreenSaveSwitch,useScreenStorageNamespace,useScreenStyleClipboard,useStandaloneScreenBridges}from"../chunk-LSGKADNV.js";import"../chunk-T2RINM7R.js";import"../chunk-NCXYC7WI.js";import"../chunk-STQDOTHF.js";export{EaselSessionProvider,useEaselSession}from"../chunk-YM4UEGBV.js";export{EFFICIENT_BACKEND,activateEaselSession,backendOf,createEaselSession,currentEaselSession,deactivateEaselSession,efficientClientOpen,isEfficientBackend,provideDefaultBackend,resetAmbientEaselSession,sessionRegistry,setSessionBridgedSite,setSessionDocumentSite}from"../chunk-SNF5764Q.js";export{DETACHED_EASEL_HOST,EaselHostContext,EaselHostProvider,FIELD_DESCRIPTION_MARKER,createEaselHost,describedAs,useEaselHost,useHostEscape}from"../chunk-LX23TCTP.js";import"../chunk-XFYFKITX.js";import"../chunk-Q3VAJMXS.js";import"../chunk-CWELHADJ.js";import"../chunk-6WY6ZXJG.js";import"../chunk-AJ2SUSET.js";import"../chunk-5NHQ452C.js";import"../chunk-6UAEFOJ4.js";import"../chunk-ANPOR6EY.js";import"../chunk-R4AUZVA3.js";import"../chunk-TCAAOYQY.js";import"../chunk-BBD3FLU3.js";import"../chunk-JQQFB7EZ.js";import"../chunk-TBY3DFKS.js";import"../chunk-R76XMEKT.js";import"../chunk-BPXEFVSQ.js";import"../chunk-YCSZAP7T.js";import"../chunk-ZEH6QLBH.js";import"../chunk-WHS6Y55E.js";import"../chunk-FM6JO4WF.js";import"../chunk-K56YDHYQ.js";import"../chunk-56ID6FKZ.js";import"../chunk-K53PQAMP.js";import"../chunk-ZKY45F5G.js";import"../chunk-FIVU2COQ.js";import"../chunk-P5VYGWYO.js";import"../chunk-WK3AFPXY.js";import"../chunk-QTHQPJWA.js";import"../chunk-NDRZP6YR.js";import"../chunk-H6DDIBQ4.js";import"../chunk-VBEVZZTV.js";import"../chunk-MJM6SFD3.js";import"../chunk-AJSDWWJW.js";import"../chunk-2OAZYSWJ.js";import"../chunk-YYD257TD.js";import"../chunk-RE4LP46F.js";import"../chunk-HZSZT3BE.js";import"../chunk-PMRN5Z3T.js";import"../chunk-Y2T3JX7K.js";import"../chunk-KFWNGPW3.js";import"../chunk-MIX7EGRG.js";import"../chunk-DX3VILZ3.js";import"../chunk-JACEEVVF.js";import"../chunk-MFIRYGHW.js";import"../chunk-SQTVXE5D.js";import"../chunk-TQ5Y6S2X.js";import"../chunk-3XECMGXX.js";import"../chunk-P2VEMZH5.js";import"../chunk-TOKMFZPB.js";import"../chunk-FR7EEKFF.js";import"../chunk-7UFKEX72.js";import"../chunk-EUFDQ4KL.js";import"../chunk-KXM6YRG2.js";import"../chunk-BSPCSC45.js";import"../chunk-467WWV4I.js";import"../chunk-TIAWIOGD.js";import"../chunk-MGVI67QV.js";

package/dist/screen/lib/document/block-set-host.js

@@ -1 +1 @@
-import{boxFieldSet as o}from"../../../chunk-SSDKT4AY.js";import"../../../chunk-SC6E3UUS.js";import"../../../chunk-OXOUGEAT.js";import"../../../chunk-22I55W37.js";import"../../../chunk-LX23TCTP.js";import"../../../chunk-S6YOIRXQ.js";import"../../../chunk-CWELHADJ.js";import"../../../chunk-6WY6ZXJG.js";import{phoneKey as e}from"../../../chunk-E52W3M5I.js";import{foldMetaOf as t}from"../../../chunk-ANPOR6EY.js";import"../../../chunk-53ME3GAI.js";import"../../../chunk-LUG22U5L.js";import"../../../chunk-TBY3DFKS.js";import"../../../chunk-YCSZAP7T.js";import"../../../chunk-FM6JO4WF.js";import"../../../chunk-KFV7N2DJ.js";import"../../../chunk-K53PQAMP.js";import"../../../chunk-QTHQPJWA.js";import"../../../chunk-OECWLNKJ.js";import"../../../chunk-HZSZT3BE.js";import"../../../chunk-PMRN5Z3T.js";import"../../../chunk-KFWNGPW3.js";import"../../../chunk-MIX7EGRG.js";import"../../../chunk-DX3VILZ3.js";import"../../../chunk-JACEEVVF.js";import"../../../chunk-MFIRYGHW.js";import"../../../chunk-EUFDQ4KL.js";import"../../../chunk-KXM6YRG2.js";import"../../../chunk-TOKMFZPB.js";import"../../../chunk-FR7EEKFF.js";import"../../../chunk-7UFKEX72.js";import"../../../chunk-BSPCSC45.js";function n(o){return Object.keys(o).filter(e=>{return n=o[e],!(null!==t(n));var n})}function s(o,e){const n=e.off??{},s=e.keys??{};for(const[o,e]of Object.entries(n))if(!e.trim())throw new Error(`blockSetFor: off row "${o}" needs a reason.`);for(const e of[...Object.keys(n),...Object.keys(s)]){if(!Object.hasOwn(o,e))throw new Error(`blockSetFor: the set has no row "${e}".`);if(Object.hasOwn(n,e)&&Object.hasOwn(s,e))throw new Error(`blockSetFor: row "${e}" is both off and renamed.`)}const r={};let i=[];for(const[e,c]of Object.entries(o)){const a=t(c);if(a){i=i.filter(([,o])=>t(o).level<a.level),i.push([e,c]);continue}if(Object.hasOwn(n,e))continue;for(const[o,e]of i)r[o]=e;i=[];const h=Object.hasOwn(s,e)?s[e]:e;if(Object.hasOwn(r,h)||h!==e&&Object.hasOwn(o,h))throw new Error(`blockSetFor: renamed key "${h}" is already a row.`);r[h]=c}return r}function r(o){const e=o.build();s(e,o.email),s(e,o.website);const t=n(e),r=o=>new Set(Object.keys(o.off??{})),i=r(o.email),c=r(o.website),a=[];for(const e of t)i.has(e)&&!c.has(e)&&a.push({row:e,only:"website",reason:o.email.off[e]}),c.has(e)&&!i.has(e)&&a.push({row:e,only:"email",reason:o.website.off[e]});return a}var i=["button","image","box","divider","logo","text","section","social"],c={box:{build:()=>o(),email:{editor:"email",keys:{gap:"itemGap"},off:Object.fromEntries(["sectionPaddingTop","sectionPaddingRight","sectionPaddingBottom","sectionPaddingLeft"].map(o=>[e(o),"email: a Banner Box draws in the desktop view only (admin inBannerFields)"]))},website:{editor:"website"}}},a={button:"no easel set yet (plan group 1)",image:"no easel set yet (plan group 2)",box:"the set is in easel and the email Banner Box imports it; the website Flex builds its own rows (plan group 3)",divider:"no easel set yet (plan group 4)",logo:"no easel set yet (plan group 5)",text:"no easel set yet (plan group 6)",section:"no easel set yet (plan group 7)",social:"no easel set yet (plan group 7)"};export{i as BLOCK_KINDS,a as BLOCK_SETS_STILL_TWO_COPIES,c as BLOCK_SET_PAIRS,r as blockSetDifferences,s as blockSetFor,n as blockSetRowKeys};
+import{buttonFieldSet as e}from"../../../chunk-TTCUC2Q3.js";import"../../../chunk-IMAN6IP5.js";import{boxFieldSet as o}from"../../../chunk-5OKOCRXT.js";import"../../../chunk-CLAADE4J.js";import"../../../chunk-2T22IY3J.js";import"../../../chunk-7GGNFLHT.js";import"../../../chunk-22I55W37.js";import"../../../chunk-LX23TCTP.js";import"../../../chunk-Q3VAJMXS.js";import"../../../chunk-CWELHADJ.js";import"../../../chunk-6WY6ZXJG.js";import{phoneKey as t}from"../../../chunk-E52W3M5I.js";import{foldMetaOf as n}from"../../../chunk-ANPOR6EY.js";import"../../../chunk-BBD3FLU3.js";import"../../../chunk-JQQFB7EZ.js";import"../../../chunk-TBY3DFKS.js";import"../../../chunk-YCSZAP7T.js";import"../../../chunk-FM6JO4WF.js";import"../../../chunk-56ID6FKZ.js";import"../../../chunk-K53PQAMP.js";import"../../../chunk-QTHQPJWA.js";import"../../../chunk-OECWLNKJ.js";import"../../../chunk-HZSZT3BE.js";import"../../../chunk-PMRN5Z3T.js";import"../../../chunk-KFWNGPW3.js";import"../../../chunk-MIX7EGRG.js";import"../../../chunk-DX3VILZ3.js";import"../../../chunk-JACEEVVF.js";import"../../../chunk-MFIRYGHW.js";import"../../../chunk-TOKMFZPB.js";import"../../../chunk-FR7EEKFF.js";import"../../../chunk-7UFKEX72.js";import"../../../chunk-EUFDQ4KL.js";import"../../../chunk-KXM6YRG2.js";import"../../../chunk-BSPCSC45.js";function s(e){return Object.keys(e).filter(o=>{return t=e[o],!(null!==n(t));var t})}function r(e,o){const t=o.off??{},s=o.keys??{};for(const[e,o]of Object.entries(t))if(!o.trim())throw new Error(`blockSetFor: off row "${e}" needs a reason.`);for(const o of[...Object.keys(t),...Object.keys(s)]){if(!Object.hasOwn(e,o))throw new Error(`blockSetFor: the set has no row "${o}".`);if(Object.hasOwn(t,o)&&Object.hasOwn(s,o))throw new Error(`blockSetFor: row "${o}" is both off and renamed.`)}const r={};let i=[];for(const[o,c]of Object.entries(e)){const a=n(c);if(a){i=i.filter(([,e])=>n(e).level<a.level),i.push([o,c]);continue}if(Object.hasOwn(t,o))continue;for(const[e,o]of i)r[e]=o;i=[];const u=Object.hasOwn(s,o)?s[o]:o;if(Object.hasOwn(r,u)||u!==o&&Object.hasOwn(e,u))throw new Error(`blockSetFor: renamed key "${u}" is already a row.`);r[u]=c}return r}function i(e){const o=e.build();r(o,e.email),r(o,e.website);const t=s(o),n=e=>new Set(Object.keys(e.off??{})),i=n(e.email),c=n(e.website),a=[];for(const o of t)i.has(o)&&!c.has(o)&&a.push({row:o,only:"website",reason:e.email.off[o]}),c.has(o)&&!i.has(o)&&a.push({row:o,only:"email",reason:e.website.off[o]});return a}var c=["button","image","box","divider","logo","text","section","social"],a={useFill:()=>"",useText:()=>"",useBorder:()=>({width:0,color:""}),useCorners:()=>0},u={button:{build:()=>e({follows:a,padding:{fallback:{}}}),email:{editor:"email"},website:{editor:"website"}},box:{build:()=>o(),email:{editor:"email",keys:{gap:"itemGap"},off:Object.fromEntries(["sectionPaddingTop","sectionPaddingRight","sectionPaddingBottom","sectionPaddingLeft"].map(e=>[t(e),"email: a Banner Box draws in the desktop view only (admin inBannerFields)"]))},website:{editor:"website"}}},h={button:"the set is in easel; admin (A-B) and web-builder (W-B) still build their own rows (plan group 1)",image:"no easel set yet (plan group 2)",box:"the set is in easel and the email Banner Box imports it; the website Flex builds its own rows (plan group 3)",divider:"no easel set yet (plan group 4)",logo:"no easel set yet (plan group 5)",text:"no easel set yet (plan group 6)",section:"no easel set yet (plan group 7)",social:"no easel set yet (plan group 7)"};export{c as BLOCK_KINDS,h as BLOCK_SETS_STILL_TWO_COPIES,u as BLOCK_SET_PAIRS,i as blockSetDifferences,r as blockSetFor,s as blockSetRowKeys};

package/dist/screen/lib/document/box-fields.d.ts

@@ -57,6 +57,15 @@ type BoxFieldRenderProps<V> = {
      * by value: a node that stores nothing holds `undefined`.
      */
     storedValue?: unknown;
+    /** The editor is read-only (a sent campaign opens so): the row draws its
+     *  controls disabled. */
+    readOnly?: boolean;
+    /**
+     * The value this row's EMPTY state follows, when it is a phone twin
+     * ({@link phoneTwinFields}): the desktop value. Tested by KEY: a desktop
+     * that stores nothing passes `undefined`.
+     */
+    follows?: unknown;
     id?: string;
     name?: string;
 };
@@ -180,6 +189,114 @@ declare const SIDE_PAD_KEYS: Record<PadSide, string>;
 /** The props one edit of the row writes: only the sides that changed, each to
  *  its number or to `undefined` (cleared: the side follows again). */
 declare function sidesPaddingPatch(keys: Record<PadSide, string>, before: SidesValue, next: SidesValue): Record<string, number | undefined>;
+/** A padding stored as ONE object (the email designer's `padding`), as the
+ *  row's four sides. A bare number is every side (an old Group's shape); a
+ *  side that is not a number is empty — it follows. */
+declare function sidesFromObject(stored: unknown): SidesValue;
+/** What the row writes to a padding object: only the sides that hold a
+ *  number (0 is a number), and `undefined` — nothing stored, the padding
+ *  follows — when none does. */
+declare function sidesToObject(sides: SidesValue): Partial<Record<PadSide, number>> | undefined;
+/**
+ * Where a host keeps a row's value. The two editors store the same setting in
+ * different shapes: the website beside the other props (`buttonColor`), the
+ * email designer inside one object (`button.background`, {@link objectAccess}).
+ * The row is the same; only this differs, and no stored key moves (plan
+ * [PLAN] Fill Editor Gaps Both Ways: 0 data moves).
+ */
+interface ValueAccess {
+    /** The value stored for `key` on a node. */
+    read: (values: Record<string, unknown>, key: string) => unknown;
+    /** The props one write of the value makes (`undefined`: a clear). */
+    write: (values: Record<string, unknown>, key: string, next: unknown) => Record<string, unknown>;
+}
+/**
+ * Values kept in ONE object prop (`button: { background, color }`). `names`
+ * maps a row's key to its name inside the object; a key it does not name
+ * keeps its own. A write keeps the object's other keys; a clear removes only
+ * its own, and an object left empty is removed too.
+ */
+declare function objectAccess(objectKey: string, names?: Readonly<Record<string, string>>): ValueAccess;
+/**
+ * The value `key` holds through `access` on the selected node, and the write
+ * that changes it there. `own` is the row's own field (`value` / `onChange`):
+ * given, the row reads and writes its own field, as any row does. Without an
+ * editor above (a guard, a harness) a value kept elsewhere reads as absent and
+ * a write does nothing: the field key itself stores nothing.
+ */
+declare function useAccessValue(access: ValueAccess, key: string, own?: {
+    value: unknown;
+    onChange: (next: unknown) => void;
+}): [unknown, (next: unknown) => void];
+/**
+ * ONE write of several values through `access` on the selected node: one
+ * merged patch, one `onChangeMany`. A click that changes two values (a Reset
+ * that clears a colour and its opacity) must use this, never two writes: a
+ * write awaits the node's resolver before it lands, so a second write built
+ * on the node from before the first puts back what the first changed.
+ * Without an editor above it writes nothing.
+ */
+declare function useAccessPatch(access: ValueAccess): (changes: readonly (readonly [string, unknown])[]) => void;
+/** Values kept beside the other props, under their own key (the website). */
+declare const FLAT_ACCESS: ValueAccess;
+/**
+ * Where a host keeps a row's PHONE value (twins plan E2). The website keeps
+ * it beside the desktop key (`gapPhone`, {@link PHONE_KEY_ACCESS}); the email
+ * designer keeps every phone value in one object (`mobile.gap`,
+ * {@link phoneObjectAccess}). The row is the same; only this differs, and no
+ * stored key moves.
+ */
+interface PhoneValueAccess extends ValueAccess {
+    /** The key the phone row is declared under in the host's fields. */
+    fieldKey: (key: string) => string;
+    /** The phone value is stored under `fieldKey` itself, so the row reads and
+     *  writes through its own field (`value` / `onChange`), as any row does. */
+    ownField?: boolean;
+}
+/** The website's phone values: `phoneKey(key)`, beside the desktop key. */
+declare const PHONE_KEY_ACCESS: PhoneValueAccess;
+/**
+ * Phone values kept in ONE object prop (the email designer's `mobile`). A
+ * write keeps the object's other keys; a clear removes only its own, and an
+ * object left empty is removed too. The phone row is declared under
+ * `_<objectKey>_<key>`, a key nothing stores.
+ */
+declare function phoneObjectAccess(objectKey: string): PhoneValueAccess;
+/**
+ * A row WITH its phone value (twins plan E2: "phone values in phone view, on
+ * the same row", Lewis 2026-10-27): the row under `key` (Desktop view only)
+ * and its twin (Phone view only) under `access.fieldKey(key)`. The twin is the
+ * same row given `follows`, the desktop value: empty, it rests on that and
+ * says so. A clear writes nothing — never a copy of the desktop value.
+ */
+declare function phoneTwinFields<V>(key: string, row: BoxField<V>, access?: PhoneValueAccess): Record<string, BoxField<V>>;
+/** A slider's label-line mark, as a function of the STORED value. */
+type SliderAction = (value: unknown, onChange: (v: unknown) => void) => ReactNode;
+/**
+ * A slider whose value may be EMPTY, and what empty means (twins plan E2,
+ * 2026-10-30: the email designer's number rows). An empty value follows a
+ * number from above — the style's, the campaign's — so the box shows that
+ * number in grey, the track rests on it, and the label line names the state
+ * (`SettingsDefaultReset`: Default while it follows, Reset once it does not).
+ * Emptying the box and Reset both write `undefined`, never the hint.
+ */
+interface SliderClear {
+    /** The number an empty value follows. A function is given the render's
+     *  props, for a hint that is live: it rides the field object (the way
+     *  `currentValue` does), so it stays a pure read. */
+    hint: number | ((props: BoxFieldRenderProps<unknown>) => number);
+    /** The word the empty box shows instead of the number, when what it
+     *  follows is not one ("Auto": a picture's own height). */
+    emptyLabel?: string;
+}
+/** What {@link boxFieldBuilders}' `slider` is told past its numbers. */
+interface SliderOptions {
+    /** The label line's mark ({@link SliderAction}). A clear draws its own. */
+    action?: SliderAction;
+    clear?: SliderClear;
+    /** The typed box's ceiling, when a typed number may go past the track. */
+    inputMax?: number;
+}
 /** What {@link directionField} is told: the directions this container offers,
  *  in the order the strip draws them, and the one an absent value means. */
 interface DirectionFieldOptions<V extends string = string> {
@@ -237,6 +354,15 @@ type PositionOptions = {
 type SidesPaddingOptions = {
     /** The four stored keys (default {@link SIDE_PAD_KEYS}). The phone twins are `phoneKey(key)`. */
     keys?: Partial<Record<PadSide, string>>;
+    /**
+     * The padding is stored as ONE object under `key` (`{ top, right, bottom,
+     * left }`, the email designer's shape) instead of four keys. Its phone
+     * value is kept where `phone` says (default {@link PHONE_KEY_ACCESS}).
+     */
+    object?: {
+        key: string;
+        phone?: PhoneValueAccess;
+    };
     /** Give the row a phone twin (shown in phone view only). Default true. */
     phone?: boolean;
     /** What an EMPTY side draws, per side, shown in grey (default 0). */
@@ -344,7 +470,7 @@ declare function placementGridView(say: BoxFieldSay, { label, value, onChange, p
  * builders exported below are this with no `say`, in English.
  */
 declare function boxFieldBuilders(say?: BoxFieldSay): {
-    slider: (label: string, icon: ReactElement, min: number, max: number, step: number, fallback: number, suffix?: string, action?: (value: unknown, onChange: (v: unknown) => void) => ReactNode) => BoxField<number>;
+    slider: (label: string, icon: ReactElement, min: number, max: number, step: number, fallback: number, suffix?: string, actionOrOptions?: SliderAction | SliderOptions) => BoxField<number>;
     select: (label: string, icon: ReactElement, options: readonly SelectOption[], fallback: string, note?: string) => SelectField;
     Segmented: <V = string>(props: Parameters<typeof segmentedStrip<V>>[1]) => react.JSX.Element;
     segmented: {
@@ -399,7 +525,7 @@ declare function boxFieldBuilders(say?: BoxFieldSay): {
     };
 };
 /** The builders in English (no host's `say`). */
-declare const slider: (label: string, icon: ReactElement, min: number, max: number, step: number, fallback: number, suffix?: string, action?: (value: unknown, onChange: (v: unknown) => void) => ReactNode) => BoxField<number>;
+declare const slider: (label: string, icon: ReactElement, min: number, max: number, step: number, fallback: number, suffix?: string, actionOrOptions?: SliderAction | SliderOptions) => BoxField<number>;
 declare const select: (label: string, icon: ReactElement, options: readonly SelectOption[], fallback: string, note?: string) => SelectField;
 declare const Segmented: <V = string>(props: Parameters<typeof segmentedStrip<V>>[1]) => react.JSX.Element;
 declare const segmented: {
@@ -453,4 +579,4 @@ declare const boxFieldSet: (opts?: BoxFieldSetOptions) => {
     _gNudge: BoxField<undefined>;
 };
 
-export { ANCHOR_LABELS, type AlignmentOptions, AlignmentStrip, BOX_ALIGN_POINTS, BOX_DIRECTIONS, BOX_DIRECTION_LABEL, BOX_GAP, BOX_JUSTIFY_POINTS, BOX_NUDGE_LIMIT, BOX_PLACEMENTS, BOX_PLACEMENT_DEFAULT, BOX_WIDTH, BOX_WRAP_LABEL, BOX_WRAP_POINTS, type BlockAlignmentOptions, BlockAlignmentStrip, type BoxAlign, type BoxField, type BoxFieldRenderProps, type BoxFieldSay, type BoxFieldSetOptions, type BoxFlexRowOptions, type BoxJustify, type BoxPlacement, type BoxWrap, type DirectionFieldOptions, type GapFieldOptions, OPEN_PLACEMENT_POINTS, type PlacementFieldOptions, PlacementGridView, type PlacementPoint, type PositionOptions, SIDE_PAD_KEYS, Segmented, type SelectField, type SelectOption, type SidesPaddingOptions, alignmentField, alignmentFields, blockAlignmentField, blockAlignmentFields, boxAlignField, boxFieldBuilders, boxFieldSet, boxJustifyField, boxWrapField, directionField, gapField, group, iconOf, isNoGlyph, noGlyph, normaliseBoxPlacement, placementField, positionFields, positionPatch, section, segmented, select, sharedStyleKinds, sidesPaddingFields, sidesPaddingPatch, slider };
+export { ANCHOR_LABELS, type AlignmentOptions, AlignmentStrip, BOX_ALIGN_POINTS, BOX_DIRECTIONS, BOX_DIRECTION_LABEL, BOX_GAP, BOX_JUSTIFY_POINTS, BOX_NUDGE_LIMIT, BOX_PLACEMENTS, BOX_PLACEMENT_DEFAULT, BOX_WIDTH, BOX_WRAP_LABEL, BOX_WRAP_POINTS, type BlockAlignmentOptions, BlockAlignmentStrip, type BoxAlign, type BoxField, type BoxFieldRenderProps, type BoxFieldSay, type BoxFieldSetOptions, type BoxFlexRowOptions, type BoxJustify, type BoxPlacement, type BoxWrap, type DirectionFieldOptions, FLAT_ACCESS, type GapFieldOptions, OPEN_PLACEMENT_POINTS, PHONE_KEY_ACCESS, type PhoneValueAccess, type PlacementFieldOptions, PlacementGridView, type PlacementPoint, type PositionOptions, SIDE_PAD_KEYS, Segmented, type SelectField, type SelectOption, type SidesPaddingOptions, type SliderAction, type SliderClear, type SliderOptions, type ValueAccess, alignmentField, alignmentFields, blockAlignmentField, blockAlignmentFields, boxAlignField, boxFieldBuilders, boxFieldSet, boxJustifyField, boxWrapField, directionField, gapField, group, iconOf, isNoGlyph, noGlyph, normaliseBoxPlacement, objectAccess, phoneObjectAccess, phoneTwinFields, placementField, positionFields, positionPatch, section, segmented, select, sharedStyleKinds, sidesFromObject, sidesPaddingFields, sidesPaddingPatch, sidesToObject, slider, useAccessPatch, useAccessValue };

package/dist/screen/lib/document/box-fields.js

@@ -1 +1 @@
-export{ANCHOR_LABELS,AlignmentStrip,BOX_ALIGN_POINTS,BOX_DIRECTIONS,BOX_DIRECTION_LABEL,BOX_GAP,BOX_JUSTIFY_POINTS,BOX_NUDGE_LIMIT,BOX_PLACEMENTS,BOX_PLACEMENT_DEFAULT,BOX_WIDTH,BOX_WRAP_LABEL,BOX_WRAP_POINTS,BlockAlignmentStrip,OPEN_PLACEMENT_POINTS,PlacementGridView,SIDE_PAD_KEYS,Segmented,alignmentField,alignmentFields,blockAlignmentField,blockAlignmentFields,boxAlignField,boxFieldBuilders,boxFieldSet,boxJustifyField,boxWrapField,directionField,gapField,group,iconOf,isNoGlyph,noGlyph,normaliseBoxPlacement,placementField,positionFields,positionPatch,section,segmented,select,sharedStyleKinds,sidesPaddingFields,sidesPaddingPatch,slider}from"../../../chunk-SSDKT4AY.js";import"../../../chunk-SC6E3UUS.js";import"../../../chunk-OXOUGEAT.js";import"../../../chunk-22I55W37.js";export{FIELD_DESCRIPTION_MARKER,describedAs}from"../../../chunk-LX23TCTP.js";import"../../../chunk-S6YOIRXQ.js";import"../../../chunk-CWELHADJ.js";import"../../../chunk-6WY6ZXJG.js";import"../../../chunk-E52W3M5I.js";import"../../../chunk-ANPOR6EY.js";import"../../../chunk-53ME3GAI.js";import"../../../chunk-LUG22U5L.js";import"../../../chunk-TBY3DFKS.js";import"../../../chunk-YCSZAP7T.js";import"../../../chunk-FM6JO4WF.js";import"../../../chunk-KFV7N2DJ.js";import"../../../chunk-K53PQAMP.js";import"../../../chunk-QTHQPJWA.js";import"../../../chunk-OECWLNKJ.js";import"../../../chunk-HZSZT3BE.js";import"../../../chunk-PMRN5Z3T.js";import"../../../chunk-KFWNGPW3.js";import"../../../chunk-MIX7EGRG.js";import"../../../chunk-DX3VILZ3.js";import"../../../chunk-JACEEVVF.js";import"../../../chunk-MFIRYGHW.js";import"../../../chunk-EUFDQ4KL.js";import"../../../chunk-KXM6YRG2.js";import"../../../chunk-TOKMFZPB.js";import"../../../chunk-FR7EEKFF.js";import"../../../chunk-7UFKEX72.js";import"../../../chunk-BSPCSC45.js";
+export{ANCHOR_LABELS,AlignmentStrip,BOX_ALIGN_POINTS,BOX_DIRECTIONS,BOX_DIRECTION_LABEL,BOX_GAP,BOX_JUSTIFY_POINTS,BOX_NUDGE_LIMIT,BOX_PLACEMENTS,BOX_PLACEMENT_DEFAULT,BOX_WIDTH,BOX_WRAP_LABEL,BOX_WRAP_POINTS,BlockAlignmentStrip,FLAT_ACCESS,OPEN_PLACEMENT_POINTS,PHONE_KEY_ACCESS,PlacementGridView,SIDE_PAD_KEYS,Segmented,alignmentField,alignmentFields,blockAlignmentField,blockAlignmentFields,boxAlignField,boxFieldBuilders,boxFieldSet,boxJustifyField,boxWrapField,directionField,gapField,group,iconOf,isNoGlyph,noGlyph,normaliseBoxPlacement,objectAccess,phoneObjectAccess,phoneTwinFields,placementField,positionFields,positionPatch,section,segmented,select,sharedStyleKinds,sidesFromObject,sidesPaddingFields,sidesPaddingPatch,sidesToObject,slider,useAccessPatch,useAccessValue}from"../../../chunk-5OKOCRXT.js";import"../../../chunk-CLAADE4J.js";import"../../../chunk-2T22IY3J.js";import"../../../chunk-7GGNFLHT.js";import"../../../chunk-22I55W37.js";export{FIELD_DESCRIPTION_MARKER,describedAs}from"../../../chunk-LX23TCTP.js";import"../../../chunk-Q3VAJMXS.js";import"../../../chunk-CWELHADJ.js";import"../../../chunk-6WY6ZXJG.js";import"../../../chunk-E52W3M5I.js";import"../../../chunk-ANPOR6EY.js";import"../../../chunk-BBD3FLU3.js";import"../../../chunk-JQQFB7EZ.js";import"../../../chunk-TBY3DFKS.js";import"../../../chunk-YCSZAP7T.js";import"../../../chunk-FM6JO4WF.js";import"../../../chunk-56ID6FKZ.js";import"../../../chunk-K53PQAMP.js";import"../../../chunk-QTHQPJWA.js";import"../../../chunk-OECWLNKJ.js";import"../../../chunk-HZSZT3BE.js";import"../../../chunk-PMRN5Z3T.js";import"../../../chunk-KFWNGPW3.js";import"../../../chunk-MIX7EGRG.js";import"../../../chunk-DX3VILZ3.js";import"../../../chunk-JACEEVVF.js";import"../../../chunk-MFIRYGHW.js";import"../../../chunk-TOKMFZPB.js";import"../../../chunk-FR7EEKFF.js";import"../../../chunk-7UFKEX72.js";import"../../../chunk-EUFDQ4KL.js";import"../../../chunk-KXM6YRG2.js";import"../../../chunk-BSPCSC45.js";

package/dist/screen/lib/document/button-fields.d.ts

@@ -0,0 +1,97 @@
+import { ValueAccess, SidesPaddingOptions, PhoneValueAccess, BoxFieldSay, BoxField } from './box-fields.js';
+import { ColorPreset } from 'efficient-shell/ui';
+import 'react';
+import 'efficient-shell/format';
+import '../../../ScreenDocumentContext-DPW_6gOC.js';
+import '../../../blocks/index.js';
+import '../../../types-BljCVdzR.js';
+import '../../../data/index.js';
+import '../../../types-Dq180WRV.js';
+import '../../../resolve-Bz4mszpL.js';
+import '../../../plan-D0DgSLnY.js';
+import '../document-contract.js';
+import '../document-switch.js';
+import '../../../engine-CvXpFE86.js';
+import '../../../edit-lock/index.js';
+import '../admin-bridge.js';
+import '../session.js';
+import '../backend-error.js';
+import '../host-chrome.js';
+import '../links/link-filters.js';
+import '../document-hooks.js';
+import '../section-template-types.js';
+import './content-tree.js';
+import '../shared-section-types.js';
+
+/** The keys the Button's style rows store, as the website stores them. */
+declare const BUTTON_STYLE_KEYS: {
+    readonly fill: "buttonColor";
+    readonly fillOpacity: "buttonFillOpacity";
+    readonly border: "buttonBorder";
+    readonly text: "buttonTextColor";
+    readonly corners: "buttonCorners";
+    readonly cornerSides: "buttonCornerSides";
+};
+/** The Button's own padding keys, as the website stores them. */
+declare const BUTTON_PAD_KEYS: {
+    readonly top: "buttonPaddingTop";
+    readonly right: "buttonPaddingRight";
+    readonly bottom: "buttonPaddingBottom";
+    readonly left: "buttonPaddingLeft";
+};
+/** What a host tells {@link buttonFieldSet}. Values only: every host gets
+ *  every row. */
+interface ButtonFieldSetOptions {
+    /** What each empty style row follows, as hooks: the site's button colours
+     *  on the website, the campaign's accent and button styles in an email. */
+    follows: {
+        useFill: () => string;
+        useText: () => string;
+        useBorder: () => {
+            width: number;
+            color: string;
+        };
+        useCorners: () => number;
+        /** What an unset Fill opacity draws. 100 when left out. */
+        useFillOpacity?: () => number;
+    };
+    /** The colours each colour window offers first. */
+    usePresets?: () => readonly ColorPreset[];
+    /** What a colour row's Reset says it goes back to (`#2E2E2E from Styles`). */
+    resetTo?: (hex: string) => string;
+    /** Where the style values are kept. Left out: each under its own key. */
+    style?: ValueAccess;
+    /** The Padding row. `fallback` is the HOST's: what an empty side draws
+     *  (the website's Btn classes, the campaign's Button padding). The set keeps
+     *  no number of its own. `object` is the email designer's storage. */
+    padding: SidesPaddingOptions & {
+        fallback: NonNullable<SidesPaddingOptions['fallback']>;
+    };
+    /** Where the alignment's phone value is kept (default `alignPhone`). */
+    phone?: PhoneValueAccess;
+    /** The host's words. */
+    say?: BoxFieldSay;
+}
+/**
+ * The Button's rows, in the order the panel shows them. The order is
+ * load-bearing: the inspector is a FLAT SIBLING LIST, so a heading precedes
+ * its rows and never wraps them.
+ */
+declare function buttonFieldSet(opts: ButtonFieldSetOptions): {
+    align: BoxField<string>;
+    _dDesign: BoxField<undefined>;
+    buttonColor: BoxField<unknown>;
+    buttonFillOpacity: BoxField<unknown> & {
+        reachedBy: string;
+    };
+    buttonBorder: BoxField<unknown>;
+    buttonTextColor: BoxField<unknown>;
+    buttonCorners: BoxField<unknown>;
+    buttonCornerSides: BoxField<unknown> & {
+        reachedBy: string;
+    };
+    _dLayout: BoxField<undefined>;
+    _dSize: BoxField<undefined>;
+};
+
+export { BUTTON_PAD_KEYS, BUTTON_STYLE_KEYS, type ButtonFieldSetOptions, buttonFieldSet };

package/dist/screen/lib/document/button-fields.js

@@ -0,0 +1 @@
+export{BUTTON_PAD_KEYS,BUTTON_STYLE_KEYS,buttonFieldSet}from"../../../chunk-TTCUC2Q3.js";import"../../../chunk-IMAN6IP5.js";import"../../../chunk-5OKOCRXT.js";import"../../../chunk-CLAADE4J.js";import"../../../chunk-2T22IY3J.js";import"../../../chunk-7GGNFLHT.js";import"../../../chunk-22I55W37.js";import"../../../chunk-LX23TCTP.js";import"../../../chunk-Q3VAJMXS.js";import"../../../chunk-CWELHADJ.js";import"../../../chunk-6WY6ZXJG.js";import"../../../chunk-E52W3M5I.js";import"../../../chunk-ANPOR6EY.js";import"../../../chunk-BBD3FLU3.js";import"../../../chunk-JQQFB7EZ.js";import"../../../chunk-TBY3DFKS.js";import"../../../chunk-YCSZAP7T.js";import"../../../chunk-FM6JO4WF.js";import"../../../chunk-56ID6FKZ.js";import"../../../chunk-K53PQAMP.js";import"../../../chunk-QTHQPJWA.js";import"../../../chunk-OECWLNKJ.js";import"../../../chunk-HZSZT3BE.js";import"../../../chunk-PMRN5Z3T.js";import"../../../chunk-KFWNGPW3.js";import"../../../chunk-MIX7EGRG.js";import"../../../chunk-DX3VILZ3.js";import"../../../chunk-JACEEVVF.js";import"../../../chunk-MFIRYGHW.js";import"../../../chunk-TOKMFZPB.js";import"../../../chunk-FR7EEKFF.js";import"../../../chunk-7UFKEX72.js";import"../../../chunk-EUFDQ4KL.js";import"../../../chunk-KXM6YRG2.js";import"../../../chunk-BSPCSC45.js";

package/dist/screen/lib/document/device-fields.js

@@ -1 +1 @@
-export{DEVICE_HIDDEN_ATTR,DEVICE_NOTE,deviceField,deviceNote,shownTier,withoutDeviceGate}from"../../../chunk-OXOUGEAT.js";import"../../../chunk-22I55W37.js";import"../../../chunk-S6YOIRXQ.js";export{DEVICE_FIELD_MARKER,deviceMetaOf}from"../../../chunk-YCSZAP7T.js";import"../../../chunk-MFIRYGHW.js";import"../../../chunk-BSPCSC45.js";
+export{DEVICE_HIDDEN_ATTR,DEVICE_NOTE,deviceField,deviceNote,shownTier,withoutDeviceGate}from"../../../chunk-7GGNFLHT.js";import"../../../chunk-22I55W37.js";import"../../../chunk-Q3VAJMXS.js";export{DEVICE_FIELD_MARKER,deviceMetaOf}from"../../../chunk-YCSZAP7T.js";import"../../../chunk-MFIRYGHW.js";import"../../../chunk-BSPCSC45.js";

package/dist/screen/lib/document/image-fields.d.ts

@@ -0,0 +1,118 @@
+import { ReactNode, ReactElement } from 'react';
+import { BoxField } from './box-fields.js';
+import { MEDIA_FIELD_MARKER } from './field-markers.js';
+import 'efficient-shell/format';
+import 'efficient-shell/ui';
+import '../../../ScreenDocumentContext-DPW_6gOC.js';
+import '../../../blocks/index.js';
+import '../../../types-BljCVdzR.js';
+import '../../../data/index.js';
+import '../../../types-Dq180WRV.js';
+import '../../../resolve-Bz4mszpL.js';
+import '../../../plan-D0DgSLnY.js';
+import '../document-contract.js';
+import '../document-switch.js';
+import '../../../engine-CvXpFE86.js';
+import '../../../edit-lock/index.js';
+import '../admin-bridge.js';
+import '../session.js';
+import '../backend-error.js';
+import '../host-chrome.js';
+import '../links/link-filters.js';
+import '../document-hooks.js';
+import '../section-template-types.js';
+import './content-tree.js';
+import '../shared-section-types.js';
+import './text-control-kinds.js';
+
+/**
+ * THE ONE IMAGE ROW of both editors (twins plan E3, 2026-10-30: the final is
+ * easel's row, the look unchanged).
+ *
+ * Both editors drew efficient-shell's `MediaUploadField` in a row of their
+ * own: the website's `MediaUploadField` component (web-builder), the email
+ * designer's `emailImageField` (admin portal). Both already asked the library
+ * through easel's {@link requestMediaPick}, so the row is easel's: the shell's
+ * box, the host's library, and the options only one editor needed until now.
+ *
+ * - `pickOptions`: the field's own terms for the host's panel (the email
+ *   Banner's `{ bakeableOnly: true }`).
+ * - `paste`: the email's "or paste an image URL" box, for a tenant with no
+ *   library and for an already-hosted URL. The host's `tidy` runs when the
+ *   author leaves the box, never per keystroke.
+ * - `focusKey`: the website's focus point ON the picture. The dot writes the
+ *   key of the view it is dragged in — the desktop key, or in the phone view
+ *   its phone twin (`phoneKey`), which ↺ clears back to the desktop point.
+ * - `frameKey`: a picked video's own still. The video and its still go in ONE
+ *   change: two writes race, and the second is built on the node from before
+ *   the first, which is then lost.
+ * - The template note: a document that cannot hold media
+ *   (`capabilities.mediaEditing` false, a website template) draws a note in
+ *   place of the box, so no media can be chosen against a template.
+ *
+ * What is stored does not change: a URL string. The value read may also be a
+ * picture that names its file (`{ src, assetId }`): the box shows its `src`.
+ */
+
+/** A stored picture: a URL, or a picture that names its file. */
+type ImageValue = string | {
+    src?: string | null;
+} | null | undefined;
+/** The URL a stored picture shows. */
+declare function imageValueSrc(value: unknown): string;
+type ImageRowOptions = {
+    /** Default image. A video row draws the play glyph and asks for `video/*`. */
+    kind?: 'image' | 'video';
+    /** The box's own `accept`, where a row takes fewer formats than its kind
+     *  (a baked picture takes no SVG). */
+    accept?: string;
+    /** The small kind hint under the box's call to action ("JPG · PNG · WEBP"). */
+    acceptHint?: ReactNode;
+    /** The field's own terms for the host's panel, handed on untouched. */
+    pickOptions?: Record<string, unknown>;
+    /** The host's upload cap: a bigger dropped file is refused at the box. */
+    maxSizeBytes?: number;
+    /** The filled box's height. Default the shell's. */
+    height?: number;
+    placeholder?: ReactNode;
+    /** The bin's name ("Remove hero image"). */
+    removeLabel?: string;
+    /** The "or paste an image URL" box. `open`: drawn at once (no library). */
+    paste?: {
+        tidy?: (typed: string) => string;
+        open?: boolean;
+    };
+    /** The sibling key that holds this picture's focus point (images only). */
+    focusKey?: string;
+    /** Whether a point can move anything now, read off the node's values. */
+    focusWhen?: (values: Record<string, unknown>) => boolean;
+    /** The sibling key that keeps a picked video's still (`posterUrl`). */
+    frameKey?: string;
+    /** Drawn under the box: a host's own notes (a picture a bake cannot use). */
+    note?: (src: string) => ReactNode;
+    /** False when the host has no library to choose in: no Change, and an empty
+     *  box is off. Default true. What only the host knows while it draws (the
+     *  email's "this tenant has a site") is passed by a host that draws
+     *  `ImageRow` in its own field render, with `canPick`, `paste.open` and
+     *  `note` read there. */
+    canPick?: boolean;
+};
+type ImageRowProps = ImageRowOptions & {
+    label: string;
+    icon?: ReactNode;
+    hint?: ReactNode;
+    value: ImageValue;
+    onChange: (url: string) => void;
+    /** This row's own key: with `frameKey`, the video and its still are written
+     *  in one change under it. */
+    name?: string;
+    readOnly?: boolean;
+};
+/** THE image row: the shell's box in a settings row, with the options above. */
+declare function ImageRow({ label, icon, hint, value, onChange, name, readOnly: readOnlyProp, canPick, kind, accept, acceptHint, pickOptions, maxSizeBytes, height, placeholder, removeLabel, paste, focusKey, focusWhen, frameKey, note, }: ImageRowProps): ReactElement;
+/** The image row as a field: `label` and `icon` on the row, the options above. */
+declare function imageField(label: string, icon: ReactNode, opts?: ImageRowOptions): BoxField<unknown> & {
+    [MEDIA_FIELD_MARKER]: true;
+};
+
+export { ImageRow, type ImageRowOptions, type ImageRowProps, type ImageValue, imageField, imageValueSrc };

package/dist/screen/lib/document/image-fields.js

@@ -0,0 +1,5 @@
+import{SettingsDefaultReset as e}from"../../../chunk-2T22IY3J.js";import{ScreenDocumentContext as n}from"../../../chunk-BYONFJVQ.js";import"../../../chunk-QZJKWKGH.js";import"../../../chunk-ERR437B5.js";import{requestMediaPick as o}from"../../../chunk-JIP5JNRB.js";import"../../../chunk-GR3XRILS.js";import"../../../chunk-RLBXE4EU.js";import"../../../chunk-6ATIYLUL.js";import"../../../chunk-KO47WAWR.js";import"../../../chunk-NQW6XCAY.js";import"../../../chunk-LOMEH6DG.js";import"../../../chunk-KCOBHPN6.js";import"../../../chunk-NCXYC7WI.js";import"../../../chunk-YM4UEGBV.js";import"../../../chunk-SNF5764Q.js";import{useEaselHost as t}from"../../../chunk-LX23TCTP.js";import{DEFAULT_IMAGE_ROW_WORDS as r}from"../../../chunk-Q3VAJMXS.js";import{phoneKey as i}from"../../../chunk-E52W3M5I.js";import{MEDIA_FIELD_MARKER as c}from"../../../chunk-ANPOR6EY.js";import{useSelectedHost as s}from"../../../chunk-BBD3FLU3.js";import"../../../chunk-JQQFB7EZ.js";import"../../../chunk-TBY3DFKS.js";import{DEFAULT_PANEL_WORDS as a}from"../../../chunk-56ID6FKZ.js";import"../../../chunk-K53PQAMP.js";import"../../../chunk-QTHQPJWA.js";import"../../../chunk-NDRZP6YR.js";import"../../../chunk-H6DDIBQ4.js";import"../../../chunk-YYD257TD.js";import"../../../chunk-RE4LP46F.js";import"../../../chunk-HZSZT3BE.js";import"../../../chunk-PMRN5Z3T.js";import{SettingsField as m}from"../../../chunk-MIX7EGRG.js";import{useWords as l}from"../../../chunk-MFIRYGHW.js";import"../../../chunk-TOKMFZPB.js";import"../../../chunk-FR7EEKFF.js";import"../../../chunk-7UFKEX72.js";import"../../../chunk-EUFDQ4KL.js";import"../../../chunk-KXM6YRG2.js";import{usePreviewDevice as u}from"../../../chunk-BSPCSC45.js";import{useContext as p,useState as h}from"react";import{FOCAL_DEFAULT as f}from"efficient-shell/format";import{MediaUploadField as k,Button as d,Input as j}from"efficient-shell/ui";import{jsx as g,jsxs as v}from"react/jsx-runtime";function y(e){return"string"==typeof e?e:e&&"object"==typeof e&&"string"==typeof e.src?e.src:""}function C({src:e,onChange:n,tidy:o,name:t}){const[r,i]=h(null),c=!r||e!==r.text&&e!==r.from?e:r.text;/* @__PURE__ */
+return g(j,{size:"md",type:"url",inputMode:"url",autoComplete:"off",spellCheck:!1,value:c,placeholder:"https://…","aria-label":t,onChange:o=>{const t=o.target.value;i(n=>({text:t,from:!n||e!==n.text&&e!==n.from?e:n.from})),n(t)},onBlur:e=>{const t=e.target.value,r=o?o(t):t;r!==t&&n(r),i(null)},onKeyDown:e=>{"Enter"===e.key&&e.currentTarget.blur()}})}function R({label:c,icon:j,hint:R,value:B,onChange:E,name:b,readOnly:F,canPick:K=!0,kind:P="image",accept:M,acceptHint:L,pickOptions:Y,maxSizeBytes:D,height:N,placeholder:Q,removeLabel:O,paste:S,focusKey:T,focusWhen:I,frameKey:w,note:H}){const W=l("imageRow",r),X=l("panel",a),x=t(),G=s(),J=p(n),Z="video"===P,A=function(e,n){const o=s(),t="mobile"===u();if(!e||!o)return null;const r=o.values??{};if(n&&!n(r))return null;const c="string"==typeof r[e]&&r[e]?String(r[e]):f,a=i(e),m="string"==typeof r[a]&&r[a]?String(r[a]):void 0;return{phone:t,desktop:c,own:m,focus:t?m??c:c,set:n=>o.onChange(t?a:e,n),clear:()=>o.onChange(a,void 0)}}(Z?void 0:T,I),[U,z]=h(!1),V=!0===F||!0===G?.readOnly,q=K&&!V;if(J&&!J.capabilities.mediaEditing)/* @__PURE__ */
+return g(m,{label:c,icon:j,hint:R,children:/* @__PURE__ */g("div",{className:"es-image-row-note",children:Z?W.templateVideo:W.template})});const $=w&&b?{video:b,frame:w}:null,_=$?e=>e?E(e):G?.onChangeMany({[$.video]:"",[$.frame]:""}):E,ee=$?e=>G?.onChangeMany({[$.video]:e,[$.frame]:""}):E,ne=y(B),oe=A?.phone&&ne?/* @__PURE__ */g(e,{words:X,label:W.focus,changed:Boolean(A.own),detail:W.onDesktop(A.desktop),onReset:A.clear,disabled:V}):void 0,te=S&&!V&&(S.open||U);/* @__PURE__ */
+return g(m,{label:c,icon:j,hint:R,action:oe,children:/* @__PURE__ */v("div",{className:"es-image-row",children:[
+/* @__PURE__ */g(k,{value:ne,onChange:_,onPick:e=>{if(q)return $&&!G?Promise.resolve(null):o(x,{accept:M??(Z?"video/*":"image/*"),title:c,...e?{file:e}:{},...Y?{options:Y}:{}}).then(e=>e&&$?(G?.onChangeMany({[$.video]:e.url,[$.frame]:e.posterUrl??""}),null):e?.url??null)},accept:M??(Z?"video/*":"image/*"),acceptHint:L,kind:P,maxSizeBytes:D,height:N,placeholder:Q,removeLabel:O,allowReplace:q,allowRemove:!V,disabled:V||!q&&!ne,focusLabel:W.focus,...A&&!V?{focus:A.focus,onFocusChange:A.set}:A?{focus:A.focus}:{}}),H?.(ne),S&&!V?te?/* @__PURE__ */g(C,{src:ne,onChange:ee,tidy:S.tidy,name:W.pasteName}):/* @__PURE__ */g(d,{variant:"link",size:"sm",onClick:()=>z(!0),children:W.pasteLink}):null]})})}function B(e,n,o={}){return{type:"custom",[c]:!0,render:t=>/* @__PURE__ */g(R,{...o,label:e,icon:n,value:t.value,onChange:e=>t.onChange(e),name:t.name,readOnly:t.readOnly})}}export{R as ImageRow,B as imageField,y as imageValueSrc};

package/dist/screen/lib/document/style-clipboard.js

@@ -1 +1 @@
-export{copyNodeStyle,nodeStyleRows,planNodePaste,shopFieldKind,siteStyleScope,styleClipboardOf}from"../../../chunk-H6BER2EU.js";import"../../../chunk-3QB2ZQXK.js";import"../../../chunk-5XL2RXFU.js";import"../../../chunk-OXOUGEAT.js";import"../../../chunk-22I55W37.js";import"../../../chunk-S6YOIRXQ.js";import"../../../chunk-CWELHADJ.js";import"../../../chunk-6WY6ZXJG.js";import"../../../chunk-ANPOR6EY.js";import"../../../chunk-BPXEFVSQ.js";import"../../../chunk-YCSZAP7T.js";import"../../../chunk-MFIRYGHW.js";import"../../../chunk-EUFDQ4KL.js";import"../../../chunk-KXM6YRG2.js";import"../../../chunk-BSPCSC45.js";
+export{copyNodeStyle,nodeStyleRows,planNodePaste,shopFieldKind,siteStyleScope,styleClipboardOf}from"../../../chunk-BA5X67LQ.js";import"../../../chunk-3QB2ZQXK.js";import"../../../chunk-5XL2RXFU.js";import"../../../chunk-7GGNFLHT.js";import"../../../chunk-22I55W37.js";import"../../../chunk-Q3VAJMXS.js";import"../../../chunk-CWELHADJ.js";import"../../../chunk-6WY6ZXJG.js";import"../../../chunk-ANPOR6EY.js";import"../../../chunk-BPXEFVSQ.js";import"../../../chunk-YCSZAP7T.js";import"../../../chunk-MFIRYGHW.js";import"../../../chunk-EUFDQ4KL.js";import"../../../chunk-KXM6YRG2.js";import"../../../chunk-BSPCSC45.js";