efficient-easel 0.106.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/README.md +70 -29
  2. package/dist/{LinkPicker-W2Rtxetz.d.ts → LinkPicker-hPEr1MJx.d.ts} +6 -4
  3. package/dist/autosave/index.d.ts +5 -5
  4. package/dist/chrome/chrome.css +50 -273
  5. package/dist/chrome/index.d.ts +61 -56
  6. package/dist/chrome/index.js +1 -1
  7. package/dist/chunk-4SWZAYKI.js +5 -0
  8. package/dist/chunk-5545A3PC.js +4 -0
  9. package/dist/chunk-7SQF6LZL.js +1 -0
  10. package/dist/chunk-BXMXTO36.js +1 -0
  11. package/dist/chunk-EA2HTX37.js +5 -0
  12. package/dist/{chunk-VINYARYJ.js → chunk-FER7FCAG.js} +1 -1
  13. package/dist/chunk-FPAVNX3Y.js +6 -0
  14. package/dist/{chunk-LY4K2ECT.js → chunk-GXFAQ7JN.js} +1 -1
  15. package/dist/chunk-HMJS344F.js +1 -0
  16. package/dist/{chunk-JWMNPRTT.js → chunk-I64QM6DU.js} +1 -1
  17. package/dist/chunk-JLTZQ4US.js +1 -0
  18. package/dist/chunk-K56YDHYQ.js +1 -0
  19. package/dist/chunk-LOMEH6DG.js +1 -0
  20. package/dist/{chunk-FS5BLARH.js → chunk-MAEXP3KE.js} +1 -1
  21. package/dist/chunk-MJM6SFD3.js +3 -0
  22. package/dist/chunk-NLRW4BGG.js +8 -0
  23. package/dist/chunk-O5F46JWM.js +64 -0
  24. package/dist/chunk-ONRYLR2D.js +2 -0
  25. package/dist/{chunk-WTMHT7BI.js → chunk-ORR3Q4WV.js} +1 -1
  26. package/dist/chunk-P2VEMZH5.js +1 -0
  27. package/dist/{chunk-MHKBLPQ2.js → chunk-PT6V53OO.js} +1 -1
  28. package/dist/{chunk-6WH7FA2M.js → chunk-PYCLHOSA.js} +2 -2
  29. package/dist/chunk-Q27BB5ZC.js +14 -0
  30. package/dist/chunk-QFMJBBKM.js +5 -0
  31. package/dist/chunk-QLD57GBB.js +6 -0
  32. package/dist/chunk-QR4DLZ3P.js +5 -0
  33. package/dist/chunk-QRKKQGUO.js +4 -0
  34. package/dist/chunk-QTPJMJOJ.js +1 -0
  35. package/dist/chunk-RG7PFKCA.js +7 -0
  36. package/dist/chunk-TJ7YIRWQ.js +21 -0
  37. package/dist/{chunk-3P6AMTOS.js → chunk-VPFNZ7TB.js} +1 -1
  38. package/dist/chunk-W3XX2CNW.js +16 -0
  39. package/dist/chunk-WDXPWSP7.js +24 -0
  40. package/dist/chunk-X6DQWK2C.js +1 -0
  41. package/dist/chunk-XWR5YVA7.js +9 -0
  42. package/dist/chunk-ZNNATBDC.js +1 -0
  43. package/dist/copy/copy.css +66 -177
  44. package/dist/copy/index.d.ts +0 -2
  45. package/dist/copy/index.js +31 -32
  46. package/dist/drag/drag.css +31 -11
  47. package/dist/drag/index.js +1 -1
  48. package/dist/easel/index.js +1 -1
  49. package/dist/fields/fields.css +35 -304
  50. package/dist/fields/index.d.ts +87 -95
  51. package/dist/fields/index.js +1 -1
  52. package/dist/gold/gold.css +3 -3
  53. package/dist/gold/index.d.ts +6 -5
  54. package/dist/gold/index.js +1 -1
  55. package/dist/index.d.ts +3 -3
  56. package/dist/index.js +1 -1
  57. package/dist/menu/index.d.ts +49 -93
  58. package/dist/menu/index.js +1 -1
  59. package/dist/menu/menu.css +37 -246
  60. package/dist/node-ops/index.d.ts +1 -1
  61. package/dist/panel/index.d.ts +46 -72
  62. package/dist/panel/index.js +17 -18
  63. package/dist/panel/panel.css +143 -372
  64. package/dist/pick/index.d.ts +52 -33
  65. package/dist/pick/index.js +7 -7
  66. package/dist/pick/pick.css +19 -150
  67. package/dist/rail/index.d.ts +48 -90
  68. package/dist/rail/index.js +1 -1
  69. package/dist/rail/rail.css +21 -108
  70. package/dist/screen/components/AddBlockRow.d.ts +8 -2
  71. package/dist/screen/components/AddBlockRow.js +1 -1
  72. package/dist/screen/components/AddChildRow.d.ts +4 -3
  73. package/dist/screen/components/AddChildRow.js +1 -1
  74. package/dist/screen/components/AddSidePanel.js +1 -1
  75. package/dist/screen/components/MediaSidePanel.d.ts +1 -1
  76. package/dist/screen/components/MediaSidePanel.js +1 -1
  77. package/dist/screen/components/NodeContextMenu.d.ts +12 -8
  78. package/dist/screen/components/NodeContextMenu.js +1 -1
  79. package/dist/screen/components/PageEditGuardNotices.js +1 -1
  80. package/dist/screen/components/ScreenChrome.js +1 -1
  81. package/dist/screen/components/ScreenDocumentContext.d.ts +1 -1
  82. package/dist/screen/components/ScreenDocumentContext.js +1 -1
  83. package/dist/screen/components/ScreenMount.d.ts +7 -7
  84. package/dist/screen/components/ScreenMount.js +1 -1
  85. package/dist/screen/components/ScreenStoreProvider.d.ts +7 -7
  86. package/dist/screen/components/ScreenStoreProvider.js +1 -1
  87. package/dist/screen/components/SectionScreenShell.js +16 -16
  88. package/dist/screen/components/SidePanelHead.d.ts +4 -2
  89. package/dist/screen/components/SidePanelHead.js +1 -1
  90. package/dist/screen/components/UiIcon.d.ts +10 -26
  91. package/dist/screen/components/UiIcon.js +2 -1
  92. package/dist/screen/components/panel-widths.js +1 -1
  93. package/dist/screen/components/usePartBridge.d.ts +7 -7
  94. package/dist/screen/components/usePartBridge.js +1 -1
  95. package/dist/screen/index.d.ts +7 -7
  96. package/dist/screen/index.js +1 -1
  97. package/dist/screen/lib/admin-bridge.d.ts +1 -1
  98. package/dist/screen/lib/admin-bridge.js +1 -1
  99. package/dist/screen/lib/chrome-theme.d.ts +20 -12
  100. package/dist/screen/lib/chrome-theme.js +1 -1
  101. package/dist/screen/lib/document-addressing.d.ts +1 -1
  102. package/dist/screen/lib/host-chrome.d.ts +1 -1
  103. package/dist/screen/lib/host.d.ts +1 -1
  104. package/dist/screen/lib/key-scope.js +1 -1
  105. package/dist/screen/lib/links/link-filters.d.ts +1 -1
  106. package/dist/screen/lib/media-panel.d.ts +1 -1
  107. package/dist/screen/lib/media-picker.d.ts +1 -1
  108. package/dist/screen/lib/page-lock.d.ts +1 -1
  109. package/dist/screen/lib/puck/style-clipboard.d.ts +7 -7
  110. package/dist/screen/lib/puck/use-section-ops.d.ts +16 -0
  111. package/dist/screen/lib/puck/use-section-ops.js +1 -1
  112. package/dist/screen/lib/screen-parts.d.ts +14 -8
  113. package/dist/screen/lib/screen-parts.js +1 -1
  114. package/dist/screen/lib/section-templates.d.ts +1 -1
  115. package/dist/screen/lib/session-context.d.ts +1 -1
  116. package/dist/screen/lib/session.d.ts +1 -1
  117. package/dist/screen/screen.css +33 -206
  118. package/dist/shell/index.d.ts +134 -118
  119. package/dist/shell/index.js +1 -1
  120. package/dist/shell/shell.css +130 -88
  121. package/dist/strings/catalogue.d.ts +5 -5
  122. package/dist/strings/catalogue.js +1 -1
  123. package/dist/strings/index.d.ts +5 -5
  124. package/dist/strings/index.js +1 -1
  125. package/dist/style-clipboard/index.d.ts +1 -1
  126. package/dist/text-styles/index.d.ts +12 -3
  127. package/dist/text-styles/index.js +33 -38
  128. package/dist/text-styles/text-styles.css +39 -71
  129. package/dist/tree/index.d.ts +49 -44
  130. package/dist/tree/index.js +1 -1
  131. package/dist/tree/tree.css +31 -653
  132. package/dist/{types-DJDBtdB2.d.ts → types-BqGnUVX5.d.ts} +32 -32
  133. package/dist/types-BsyPh6EW.d.ts +99 -0
  134. package/dist/{types-DWS-s9z-.d.ts → types-CsgMwHHa.d.ts} +14 -11
  135. package/dist/{types-CqY85foL.d.ts → types-Dt1CFR1S.d.ts} +4 -2
  136. package/dist/{wordFit-D4S36PvB.d.ts → wordFit-7XpmhcaW.d.ts} +3 -5
  137. package/dist/words-Cl9xMUYY.d.ts +41 -0
  138. package/dist/{words-D_Lnw1Gr.d.ts → words-CvFnwGSr.d.ts} +1 -1
  139. package/package.json +5 -1
  140. package/dist/chunk-2UX75JDP.js +0 -1
  141. package/dist/chunk-37OCQYNX.js +0 -65
  142. package/dist/chunk-3EDSDPIP.js +0 -1
  143. package/dist/chunk-3QVB4AG2.js +0 -3
  144. package/dist/chunk-3WSPDAK2.js +0 -1
  145. package/dist/chunk-5MZ3RNQQ.js +0 -13
  146. package/dist/chunk-5ZBBXZPV.js +0 -6
  147. package/dist/chunk-BZ5ASXOL.js +0 -1
  148. package/dist/chunk-C6BJB5AC.js +0 -2
  149. package/dist/chunk-DX4XELD6.js +0 -18
  150. package/dist/chunk-EOJNJCMJ.js +0 -16
  151. package/dist/chunk-EWVJSRRY.js +0 -6
  152. package/dist/chunk-H24N5TMZ.js +0 -11
  153. package/dist/chunk-I6T4TZ5Q.js +0 -8
  154. package/dist/chunk-KTVH2ZRL.js +0 -15
  155. package/dist/chunk-M7N2V4TG.js +0 -2
  156. package/dist/chunk-MS4QRBJ6.js +0 -5
  157. package/dist/chunk-ND55LTCA.js +0 -5
  158. package/dist/chunk-OWBO4WKA.js +0 -0
  159. package/dist/chunk-P6O363EE.js +0 -6
  160. package/dist/chunk-PBSEUZD6.js +0 -1
  161. package/dist/chunk-RW4XBUUW.js +0 -1
  162. package/dist/chunk-UEVTQBM7.js +0 -10
  163. package/dist/chunk-VCQVNPTG.js +0 -22
  164. package/dist/chunk-WZ7TGAAT.js +0 -3
  165. package/dist/chunk-YC4TB3CJ.js +0 -25
  166. package/dist/chunk-Z6SOLDWV.js +0 -1
  167. package/dist/chunk-ZFDCDJNZ.js +0 -16
  168. package/dist/chunk-ZNS7727Y.js +0 -12
  169. package/dist/types-Djdq6Xkd.d.ts +0 -138
  170. package/dist/words-DgHcY5qB.d.ts +0 -33
@@ -1,6 +0,0 @@
1
- import{PanelToggleIcon as e}from"./chunk-KQMML6JM.js";import{InspectorHead as i,InspectorIconButton as n}from"./chunk-YC4TB3CJ.js";import{jsx as t,jsxs as l,Fragment as o}from"react/jsx-runtime";function d({icon:e,title:n,context:d,actions:s,side:a="left",onHide:c}){/* @__PURE__ */
2
- return t(i,{icon:e,name:n,kind:d,actions:s||c?/* @__PURE__ */l(o,{children:[s,c?/* @__PURE__ */t(r,{side:a,onHide:c,divider:Boolean(s)}):null]}):void 0})}function r({side:i,onHide:d,divider:r=!1}){/* @__PURE__ */
3
- return l(o,{children:[r?/* @__PURE__ */t("span",{className:"sf-head-divider","aria-hidden":"true"}):null,
4
- /* @__PURE__ */t(n,{label:`Hide the ${i} panel`,title:"Hide panel",onClick:d,children:/* @__PURE__ */t(e,{side:i})})]})}function s({side:i,onShow:l}){/* @__PURE__ */
5
- return t("div",{className:`es-sidepanel es-sidepanel--${i} sf-panel-strip`,children:/* @__PURE__ */t(n,{label:`Show the ${i} panel`,title:"Show panel",onClick:l,children:/* @__PURE__ */t(e,{side:i})})})}function a({label:e,onClick:i,description:n}){/* @__PURE__ */
6
- return t("button",{type:"button",className:"es-btn-ghost sf-head-textbtn",onClick:i,title:n,children:e})}export{r as PanelHideButton,a as PanelModeExit,s as PanelShowStrip,d as SidePanelHead};
@@ -1 +0,0 @@
1
- function e(e,t){return{"--es-fit-count":e,"--es-fit-labels":`${t.labelsPx}px`,"--es-fit-widest":`${t.widestLabelPx}px`}}export{e as wordFitVars};
@@ -1,2 +0,0 @@
1
- import{routeSharedHostMessage as e}from"./chunk-S4AWJX4Q.js";import{describeLoadFailure as r,hostLoadRefusal as n}from"./chunk-ERR437B5.js";import{editLockOf as t}from"./chunk-GMCZXMOV.js";import{NO_DOCUMENT_ADDRESSING as o}from"./chunk-RLBXE4EU.js";import{saveStatusOf as u,resetForDocumentSwitch as a}from"./chunk-HNKB2ZYR.js";import{isExpiredSession as s}from"./chunk-CLOS6SSX.js";import{useAdminBridge as i}from"./chunk-3P6AMTOS.js";import{useEaselSession as l}from"./chunk-O7Q4DDJT.js";import{backendOf as c,setSessionDocumentSite as d}from"./chunk-RSCMJIWS.js";import{useEaselHost as f}from"./chunk-U3JP4VGF.js";import{DEFAULT_SCREEN_WORDS as m}from"./chunk-E2O2MRZR.js";import{useAutosave as g}from"./chunk-BDTITTMW.js";import{canWriteDocument as k,newEaselClientId as v,reloadIfVersionMoved as p,openUnansweredClaim as h,FAIL_OPEN_RETRY_MS as y,CLAIM_FAIL_OPEN_MS as S,holderOf as w}from"./chunk-THWO5YVZ.js";import{useWords as b}from"./chunk-MFIRYGHW.js";import{createContext as I,useContext as P,useState as j,useMemo as R,useCallback as O,useEffect as T,useRef as B}from"react";import{jsx as E}from"react/jsx-runtime";var M={content:[],root:{},zones:{}};var C=I(null);function H(){const e=P(C);if(!e)throw new Error("useStorefrontDocument must be used within StorefrontDocumentProvider");return e}function A({target:I,addressing:P=o,onHostMessage:H,children:A}){const D=P,{homeSlug:F,entryMayBounce:L,entryBounce:V,onSwitch:W,tellsHost:N,adapterFor:J,migrateRenamedProps:X,describeMissing:Y,onLoadFailed:Z}=D,[x,G]=j(I),U=f(),K=l(),Q=R(()=>c(K),[K]),z=R(()=>t(K),[K]),_="template"===x.kind,q="template"===x.kind?x.id:null,$="template"===x.kind?x.pageSlug??F??"":"document"===x.kind?x.slug??"":x.slug,ee="page"===x.kind?x.siteId??null:null,re=K.blocks,ne=R(()=>J(x,Q,re),[J,Q,re,x.kind,"template"===x.kind?x.id:"document"===x.kind?x.record:x.siteId]),te=ne.capabilities,oe=O(e=>K.documentHooks?.stored?.(e)??e,[K]),ue="page"===x.kind?x.originSlug??null:null;T(()=>{d(K,ee)},[K,ee]);const ae=B(x);T(()=>{ae.current=x},[x]);const{token:se,tokenRef:ie,capabilities:le}=i({onMessage:r=>{if(H?.(r)||e(r))return;const n=r;if("storefront-editor:navigate"===n?.type){const e=r;e?.target&&Pr(e.target)}}}),ce=!K.usesBridgedToken||null!==se,de=ne.lock,fe=Boolean(Q.lock),[me,ge]=j(null),[ke,ve]=j(null),[pe,he]=j(null),[ye,Se]=j(null),we=b("screen",m),be=ye?function(e,r){if(null!==e.sentence)return e.sentence;if(!e.missing)return r.loadFailed({cause:e.cause});switch(e.target.kind){case"template":return r.missingTemplatePage;case"document":return r.missingDocument;default:return r.missingPage({slug:e.slug})}}(ye,we):null,[Ie,Pe]=j(null),je=B(null),Re=B(null),[Oe,Te]=j(!1),Be=B(null),[Ee,Me]=j(null),Ce=B(null),[He,Ae]=j(null),De=B(null);T(()=>{De.current=He},[He]);const[Fe,Le]=j(te.hasEditLock?{kind:"checking"}:{kind:"editing"}),Ve=B(Fe);T(()=>{Ve.current=Fe},[Fe]);const We=B(()=>Promise.resolve(!1)),Ne=O(e=>{Re.current=e,Te(!0)},[]),Je=g({save:async({id:e,data:r})=>{if(k(Ve.current)){if(!await We.current(e,r)){if(!k(Ve.current))return void Ne({id:e,data:r});throw new Error("page save did not land")}}else Ne({id:e,data:r})},onFailure:(e,r)=>{0===r&&U.send("storefront-editor:save-failed")}}),{state:Xe,push:Ye,flush:Ze,pause:xe,resume:Ge,stop:Ue,reset:Ke,retryNow:Qe,hasPending:ze}=Je,_e=B(Xe);T(()=>{_e.current=Xe},[Xe]);const qe=u(Xe),$e=O(()=>{const e=Re.current;e&&(Re.current=null,Te(!1),Ye(e))},[Ye]),er=B("");er.current||(er.current=v());const[rr,nr]=j(0),tr=B(!1),[or,ur]=j(L(I)),ar=B(!1);T(()=>{if(ar.current)return;ar.current=!0;const e=U.address.search(),r=V(I,e);r?U.address.load(r):L(I)&&ur(!1)},[I,U]);const sr=U.send;T(()=>{if(!ce)return;let e=!1;const t=ae.current,o=ne.resolve($),u=K.documentHooks?.opening?.({slug:$,isTemplate:_,capabilities:te});return o.then(async r=>{if(e)return;if(!r)return"page"===t.kind&&null!==F&&$!==F?void U.address.load({kind:"page",slug:F,siteId:ee??void 0}):(Se({target:t,slug:$,missing:!0,sentence:Y?.(t)??null}),void Z?.(t,null));const n=r.readOnlyReason?r.readOnlyReason:null;je.current=n,Pe(n),ge(r.id),ve(r.kind??null),Ce.current=r.version??null;const o=r.layout,a=o&&Object.keys(o).length?o:M,s=X(a),i=u?await u(s):s;e||he(i)}).catch(o=>{e||(console.error("[storefront-editor] document load failed",o),Se({target:t,slug:$,missing:!1,sentence:n(o,{slug:$},K),cause:r(o,K)}),Z?.(t,o))}),()=>{e=!0}},[ce,se,_,ne,$]);const ir=O(e=>new Promise(r=>{const n=Date.now(),t=setInterval(()=>{const o=ie.current;o&&o!==e?(clearInterval(t),r(o)):Date.now()-n>6e3&&(clearInterval(t),r(null))},200)}),[]),lr=O(async e=>{const r=ie.current;if(!r&&K.usesBridgedToken)return{ok:!1,error:new Error("no editor token")};try{return{ok:!0,value:await e(r??"")}}catch(n){if(s(n,K)){sr("storefront-editor:auth-expired");const n=r?await ir(r):null;if(n)try{return{ok:!0,value:await e(n)}}catch(e){return{ok:!1,error:e}}}return{ok:!1,error:n}}},[sr,ir,K]),cr=O(async e=>{const r=ie.current?await lr(e):{ok:!1};return r.ok||sr("storefront-editor:save-failed"),r.ok},[sr,lr]),dr=O(async(e,r,n=!1)=>{if(null!==je.current)return!1;if(!k(Ve.current))return!1;if(De.current)return!1;const t=await lr(()=>ne.saveLayout(e,r,Ce.current,er.current));if(t.ok)return Ce.current=t.value.version??Ce.current,!0;const o=z.readLockTaken(t.error);if(o){const e={kind:"takenover",holder:o};return Ve.current=e,Le(e),!1}const u=z.readSaveConflict(t.error);if(u){if(u.savedByYou&&!n&&ne.rereadVersion){const n=await lr(()=>ne.rereadVersion(e));if(n.ok&&n.value)return Ce.current=n.value,We.current(e,r,!0)}Ue(),De.current=u,Ae(u)}return!1},[ne,lr,Ue]);T(()=>{We.current=dr},[dr]);const fr=O(e=>{if(null!==je.current)return;if(sr("storefront-editor:dirty"),!me)return;const r=oe(e);Be.current=r,k(Ve.current)?Ye({id:me,data:r}):Ne({id:me,data:r})},[me,sr,Ne,Ye,oe]),mr=O(async()=>{k(Ve.current)&&$e();return await Ze()&&null==Re.current},[$e,Ze]),gr=B(mr);T(()=>{gr.current=mr},[mr]);const kr=B(lr);T(()=>{kr.current=lr},[lr]);const vr=O(()=>{U.address.reload()},[U]),pr=B(()=>Promise.resolve(!1));T(()=>{pr.current=()=>{const e=ne.rereadVersion;return me&&e?p({ours:Ce.current,stored:async()=>{const r=await kr.current(()=>e(me));return r.ok?r.value:null},hasPending:()=>null!=Re.current||ze(),reload:vr}):Promise.resolve(!1)}},[ne,me,ze,vr]);const hr=null!==Ie;T(()=>{if(!de||!me||!ce||hr)return;let e=!1,r=null,n=null;const t=er.current,o={claim:async e=>{const r=await kr.current(()=>de.claim(me,t,e));if(r.ok)return{heartbeat_seconds:r.value.heartbeatSeconds};throw r.error},cancelled:()=>e,currentAccess:()=>Ve.current,heldWrite:()=>({pending:null!=Re.current||ze(),autoSaveEnabled:!_e.current.paused,saveConflict:null!=De.current}),setAccess:e=>{Ve.current=e,Le(e)},releaseHeldWrite:()=>{gr.current()},startHeartbeat:e=>{r&&clearInterval(r),r=setInterval(()=>{u(!1)},e)},stopHeartbeat:()=>{r&&(clearInterval(r),r=null)},reloadIfMoved:()=>{pr.current()}},u=z.makeClaimBeat(o),a=tr.current;return tr.current=!1,a||(Le({kind:"checking"}),n=setTimeout(()=>{n=null,h(o)&&o.startHeartbeat(y)},S)),u(a).finally(()=>{n&&clearTimeout(n),n=null}),()=>{e=!0,n&&clearTimeout(n),r&&clearInterval(r),de.release(me,t).catch(()=>{})}},[me,de,ce,se,rr,hr]);const yr=O(()=>{de&&me&&(tr.current=!0,nr(e=>e+1))},[me,de]),Sr=O(()=>{Le(e=>{const r="blocked"===e.kind||"takenover"===e.kind?e.holder:null;return r?{kind:"readonly",holder:r}:e})},[]),wr=O(()=>{_e.current.paused?(k(Ve.current)&&$e(),Ge()):xe()},[$e,xe,Ge]),br=O(()=>{Qe()},[Qe]),Ir=O(e=>{Be.current=null,a("template"!==e.kind&&fe,{resetAutosave:()=>{Ke(),Re.current=null,Te(!1)},setVersion:e=>{Ce.current=e},setSaveConflict:Ae,setAccess:Le}),W(e),G(e),je.current=null,Pe(null),ge(null),ve(null),he(null),Se(null),U.address.show(e),"document"!==e.kind&&N(e)&&U.send("storefront-editor:navigated",{target:e})},[Ke,U,fe,W,N]),Pr=O(e=>{if(function(e,r,n){if(e.kind!==r.kind)return!1;if("template"===e.kind){const t=r;return e.id===t.id&&(e.pageSlug??n)===(t.pageSlug??n)}if("document"===e.kind){const n=r;return e.record===n.record&&(e.slug??"")===(n.slug??"")}const t=r;return e.slug===t.slug&&e.siteId===t.siteId}(e,ae.current,F))return;const r=null!=Re.current;if(!r&&!ze())return void Ir(e);const n=_e.current;r||n.paused||n.failed||n.stopped?Me(e):Ze().then(r=>{r?Ir(e):Me(e)})},[Ir,ze,Ze,F]),jr=O(()=>Me(null),[]),Rr=O(()=>{Me(e=>(e&&Ir(e),null))},[Ir]),Or=O(async()=>{const e=Ee;if(!e)return;await mr()&&(Me(null),Ir(e))},[Ee,mr,Ir]),Tr=O(async e=>{if(null!==je.current)return;if(!me)return;if(!k(Ve.current)||De.current)return;const r=oe(e);if(!await dr(me,r))return void(De.current||sr("storefront-editor:save-failed"));const n=ne.publish;if(!te.canPublish||!n)return void sr("storefront-editor:saved");const t=await lr(()=>n(me,Ce.current??void 0));t.ok?(Ce.current=t.value.version??Ce.current,sr("storefront-editor:published")):sr("storefront-editor:save-failed")},[me,ne,te.canPublish,sr,dr,lr,oe]);/* @__PURE__ */
2
- return E(C.Provider,{value:{target:x,adapter:ne,capabilities:te,templateId:q,currentSlug:$,currentKind:ke,siteId:ee,ready:ce,token:se,tokenRef:ie,notifyParent:sr,bridgeCapabilities:le,runAuthed:cr,docId:me,data:pe,getLiveData:()=>Be.current??pe,footerOriginSlug:ue,error:be,redirecting:or,saveStatus:qe,saveState:Xe,autoSaveEnabled:!Xe.paused,autoSaveStoppedByConflict:Xe.stopped,hasUnsavedEdits:Xe.pending||Oe,toggleAutoSave:wr,retrySave:br,onChange:fr,flushSave:mr,onPublish:Tr,access:Fe,readOnly:null!==w(Fe)||null!==Ie||null!==He,readOnlyReason:Ie,takeOverEditing:yr,viewReadOnly:Sr,saveConflict:He,reloadFromServer:vr,navigate:Pr,pendingNav:Ee,cancelPendingNav:jr,discardAndNavigate:Rr,saveAndNavigate:Or},children:A})}export{C as ScreenDocumentContext,A as ScreenDocumentProvider,H as useScreenDocument};
@@ -1,18 +0,0 @@
1
- import{DEFAULT_DRAG_WORDS as e}from"./chunk-O2NLQBFX.js";import{dropEffectFor as t,scrollBoxOf as n,frameScrollBox as l,startAutoScroll as r,isNoOpDrop as a}from"./chunk-67GNT6PF.js";import{useCanvasLayout as o,useCanvasEvent as s}from"./chunk-PAELDYYS.js";import{framePointToHost as i,elementScale as c,frameRectToLayer as d,clientPointToLayer as u}from"./chunk-ZNCEOSXO.js";import{CloseIcon as h,SearchIcon as f}from"./chunk-L5KW4HG5.js";import{parseZoneKey as p}from"./chunk-KRXQM65X.js";import{useRef as m,useEffect as b,useState as g,useCallback as y,useMemo as v,useSyncExternalStore as x,useId as k,useLayoutEffect as w}from"react";import{jsxs as N,jsx as A}from"react/jsx-runtime";var D=(e,t,n)=>t>=e.left&&t<=e.left+e.width&&n>=e.top&&n<=e.top+e.height,z=e=>e.width*e.height;function T(e,t,n){let l=null;for(const r of e)D(r.box,t,n)&&(!l||z(r.box)<=z(l.box))&&(l=r);return l}function C(e,t,n){const l="x"===e.axis?t:n;let r=0;for(const t of e.children){l>("x"===e.axis?t.left+t.width/2:t.top+t.height/2)&&(r+=1)}return r}function S(e,t){const n=e.children;if("x"===e.axis){const l=n[t-1],r=n[t],a=l&&r?(l.left+l.width+r.left)/2:l?l.left+l.width:r?r.left:e.box.left,o=r??l??e.box;return{left:a-1,top:o.top,width:2,height:o.height}}const l=n[t-1],r=n[t],a=l&&r?(l.top+l.height+r.top)/2:l?l.top+l.height:r?r.top:e.box.top;return{left:e.box.left,top:a-1,width:e.box.width,height:2}}function E(e,t,n,l,r=()=>!1,a=()=>!0){const o=e.filter(e=>D(e.box,t,n)).sort((e,t)=>z(e.box)-z(t.box));for(const e of o){const o=C(e,t,n),s={...e.list,index:o};if(r(s))return null;if(l(s))return{zone:e,to:s,line:S(e,o)};if(!a(s))return null}return null}function L(e,t=e.key){const n=[];for(let l=1;l<e.children.length;l++){const r=e.children[l-1],a=e.children[l],o=r.top+r.height;n.push({key:`${t}:${l}`,place:{...e.list,index:l},box:{left:e.box.left,top:o,width:e.box.width,height:Math.max(a.top-o,0)}})}return n}var $={nodes:[],zones:[]},j="data-puck-dropzone",M="data-puck-component";function B(e,t){if(e.length>=2){const[t,n]=e;return Math.abs(n.top-t.top)<Math.min(t.height,n.height)/2&&n.left>t.left?"x":"y"}const n=t.ownerDocument.defaultView?.getComputedStyle(t);return n&&n.display.includes("flex")&&n.flexDirection.startsWith("row")?"x":"y"}function K(e,t){const{frame:n,document:l}=e,r=e=>d(n,function(e){const t=e.getBoundingClientRect();return{left:t.left,top:t.top,width:t.width,height:t.height}}(e),t),a=[],o=[];for(const e of l.querySelectorAll(`[${j}]`)){const t=e.getAttribute(j)??"";let n;try{n=p(t)}catch{continue}const l=[...e.querySelectorAll(`[${M}]`)].filter(t=>t.parentElement?.closest(`[${j}]`)===e),s=l.map(r);o.push({key:t,list:n,box:r(e),axis:B(s,e),children:s}),l.forEach((e,t)=>{const l=e.getAttribute(M);l&&a.push({id:l,place:{...n,index:t},box:s[t]})})}return{nodes:a,zones:o}}var O="data-es-empty-cell",X="data-puck-dropzone",q=140;var P=e=>({left:e.left,top:e.top,width:e.width,height:e.height});function Y(d){const{canvas:h,session:f,readOnly:p,words:k=e.canvas}=d,D=m(d);b(()=>{D.current=d});const z=m(null),C=o(h),[S,L]=g(0),j=y(()=>L(e=>e+1),[]),[M,B]=g($);b(()=>{const e=z.current;h&&e&&B((D.current.measure??K)(h,e))},[h,C,d.revision,S]);const q=d.model,Y=v(()=>q(M),[q,M]),F=x(f.subscribe,f.shown,f.shown),[R,Z]=g(null),[G,Q]=g(null),W=m(null),H=()=>{W.current&&clearTimeout(W.current),W.current=null},I=()=>{H(),W.current=setTimeout(()=>{f.get()||Z(null)},140)};b(()=>H,[]);const V=m(null);s(h,"mousemove",e=>{const t=z.current;if(!h||!t)return;const n=i(h.frame,e.clientX,e.clientY,t),l=c(t),r={x:n.x/l,y:n.y/l};if(V.current=r,D.current.readOnly||f.get())return;H();const a=T(Y.sources,r.x,r.y);Z(e=>e?.key===a?.key&&e?.box===a?.box?e:a)}),s(h,"mouseout",e=>{e.relatedTarget||(V.current=null,I())}),s(h,"mouseover",e=>{e.relatedTarget||j()});const J=m(null),U=y(()=>{J.current?.(),J.current=null,Q(null)},[]);b(()=>f.subscribe(()=>{f.get()?j():U()}),[f,U,j]),b(()=>U,[U]),("undefined"==typeof document?b:w)(()=>{if(f.get())return;const e=V.current;Z(t=>p?null:e?T(Y.sources,e.x,e.y):t?Y.sources.find(e=>e.key===t.key)??null:null)},[Y,F,f,p]);const _=e=>{const t=f.get(),n=z.current;if(!t||!n)return null;const l=u(n,e.clientX,e.clientY);V.current=l;const r=E(Y.zones,l.x,l.y,e=>D.current.canDrop(t.item,e),e=>!!t.from&&a(t.from,e),e=>D.current.fallThrough?.(t.item,e,t.from)??!0);return r?{h:t,t:r}:null},ee={onDragEnter:e=>{if(J.current)return;const t=n(e.currentTarget.parentElement?.parentElement??null),a=h?l(h.document):null,o=[];t&&o.push(r(t)),a&&h&&o.push(r(a,h.frame)),J.current=o.length?()=>o.forEach(e=>e()):null},onDragOver:e=>{const n=_(e);if(!n)return void Q(null);e.preventDefault(),e.dataTransfer.dropEffect=t(e.dataTransfer.effectAllowed);const l={zoneKey:n.t.zone.key,line:n.t.line,axis:n.t.zone.axis};Q(e=>e&&e.zoneKey===l.zoneKey&&e.line.left===l.line.left&&e.line.top===l.line.top?e:l)},onDragLeave:e=>{const t=e.relatedTarget;t&&e.currentTarget.contains(t)||(V.current=null,Q(null))},onDrop:e=>{const t=_(e);t&&(e.preventDefault(),f.end(),U(),D.current.onDrop(t.h.item,t.t.to))}},te={draggable:!p&&!!R,onMouseEnter:H,onMouseLeave:()=>!f.get()&&I(),onDragStart:e=>{if(R&&!p){f.start({key:R.key,item:R.item,from:R.from}),e.dataTransfer.effectAllowed="move";try{e.dataTransfer.setData("text/plain",R.key)}catch{}}else e.preventDefault()},onDragEnd:()=>{f.end(),U()},onClick:()=>{R&&!p&&D.current.onPick?.(R.item)}},{seams:ne=[]}=Y,le=Y.zones.filter(e=>0===e.children.length),re=d.onZoneAdd&&!p?le:[],ae=re.map(e=>e.key).join("\n");return b(()=>{const e=h?.document;if(!e)return;const t=new Set(ae?ae.split("\n"):[]);for(const n of e.querySelectorAll(`[${X}]`))n.toggleAttribute(O,t.has(n.getAttribute(X)??""));return()=>{for(const t of e.querySelectorAll(`[${O}]`))t.removeAttribute(O)}},[h,ae,M,C,S]),/* @__PURE__ */N("div",{ref:z,className:"es-canvas-layer",children:[F||!d.onSeamAdd||p?null:ne.map(e=>/* @__PURE__ */A("div",{className:"es-canvas-seam",style:{left:e.box.left,top:e.box.top+e.box.height/2-8,width:e.box.width,height:16},children:/* @__PURE__ */A("button",{type:"button",className:"es-canvas-seam-add",onClick:()=>d.onSeamAdd?.(e.place),children:k.addButton({label:d.seamLabel??k.addSection})})},e.key)),re.length?re.map(e=>/* @__PURE__ */A("button",{type:"button",className:G?.zoneKey===e.key?"es-canvas-empty is-over":"es-canvas-empty",style:P(e.box),onClick:()=>d.onZoneAdd?.({...e.list,index:0}),children:/* @__PURE__ */A("span",{className:"es-canvas-empty-add",children:k.addButton({label:d.zoneAddLabel??k.addBlock})})},e.key)):null,F?/* @__PURE__ */A("div",{className:"es-canvas-catch",...ee}):null,G&&!le.some(e=>e.key===G.zoneKey)?/* @__PURE__ */A("div",{className:`es-canvas-line is-${G.axis}`,style:P(G.line)}):null,
2
- /* @__PURE__ */N("div",{className:["es-canvas-handle",R&&!p?"is-shown":"",F?"is-dragging":""].filter(Boolean).join(" "),style:R?{left:R.box.left+2,top:Math.max(R.box.top-11,0)}:void 0,title:R?R.title??k.handle({label:R.label}):void 0,...te,children:[
3
- /* @__PURE__ */A("span",{className:"es-canvas-grip","aria-hidden":"true",children:"⋮⋮"}),R?.label]})]})}var F=e=>e.tiles.length>0&&e.tiles.every(e=>null!=e.cover);function R({groups:t,session:n,itemFor:l,onInsert:r,at:a,hint:o,searchLabel:s,readOnly:i,words:c=e.add}){const d=o??c.hint,u=s??c.search,[p,m]=g(""),b=k(),y=p.trim().toLowerCase(),v=function(e){const t=/* @__PURE__ */new Map;return e.map(e=>{const n=e.key??e.title,l=t.get(n)??0;return t.set(n,l+1),0===l?n:`${n}\0${l}`})}(t),x=t.map((e,t)=>({...e,key:v[t],tiles:y?e.tiles.filter(e=>((e,t)=>e.label.toLowerCase().includes(t)||(e.keywords??[]).some(e=>e.toLowerCase().includes(t)))(e,y)):e.tiles})).filter(e=>e.tiles.length>0),w=(e,t)=>r=>{if(t)r.preventDefault();else{n.start({key:`new:${e}`,item:l(e)}),r.dataTransfer.effectAllowed="copy";try{r.dataTransfer.setData("text/plain",e)}catch{}}};/* @__PURE__ */
4
- return N("div",{className:"es-add",children:[a?/* @__PURE__ */N("div",{className:"es-add-at",role:"status",children:[
5
- /* @__PURE__ */A("span",{children:a.label}),
6
- /* @__PURE__ */A("button",{type:"button",className:"es-add-at-clear","aria-label":c.stop,title:c.stop,onClick:a.onClear,children:/* @__PURE__ */A(h,{size:12,"aria-hidden":"true"})})]}):null,
7
- /* @__PURE__ */A("p",{className:"es-add-hint",children:d}),
8
- /* @__PURE__ */N("div",{className:"es-add-search",children:[
9
- /* @__PURE__ */A(f,{size:16,"aria-hidden":"true"}),
10
- /* @__PURE__ */A("input",{id:b,type:"search","aria-label":u,placeholder:c.searchPlaceholder({label:u}),value:p,onChange:e=>m(e.target.value)}),p?/* @__PURE__ */A("button",{type:"button",className:"es-add-search-clear","aria-label":c.clearSearch,onClick:()=>m(""),children:/* @__PURE__ */A(h,{size:12,"aria-hidden":"true"})}):null]}),0===x.length?/* @__PURE__ */N("div",{className:"es-add-empty",role:"status",children:[
11
- /* @__PURE__ */A("div",{className:"es-add-empty-title",children:c.nothing({query:p.trim()})}),
12
- /* @__PURE__ */A("div",{className:"es-add-empty-sub",children:c.tryAnother})]}):x.map(e=>/* @__PURE__ */N("section",{className:"es-add-group","aria-label":e.title,children:[
13
- /* @__PURE__ */N("div",{className:"es-add-group-head",children:[
14
- /* @__PURE__ */A("span",{className:"es-add-group-title",children:e.title}),
15
- /* @__PURE__ */A("span",{className:"es-add-group-count",children:e.tiles.length})]}),
16
- /* @__PURE__ */A("div",{className:F(e)?"es-add-grid is-cards":"es-add-grid",children:e.tiles.map(e=>{const t=Boolean(i||e.disabled),l=i?void 0:e.disabled?e.disabledReason:e.title??c.tile({label:e.label});/* @__PURE__ */
17
- return N("button",{type:"button",className:null!=e.cover?"es-add-tile has-cover":"es-add-tile",draggable:!t,"aria-disabled":t||void 0,"aria-label":c.tile({label:e.label}),title:l,onDragStart:w(e.type,t),onDragEnd:()=>n.end(),onClick:()=>!t&&r(e.type),children:[null!=e.cover?/* @__PURE__ */A("span",{className:"es-add-tile-cover","aria-hidden":"true",children:e.cover}):e.icon?/* @__PURE__ */A("span",{className:"es-add-tile-glyph","aria-hidden":"true",children:e.icon}):null,
18
- /* @__PURE__ */A("span",{className:"es-add-tile-label",children:e.label})]},e.type)})})]},e.key))]})}export{R as AddPanel,Y as CanvasDragLayer,$ as EMPTY_MEASURE,q as HANDLE_GRACE_MS,E as canvasTarget,D as contains,C as gapInZone,S as gapLine,K as measureCanvas,T as pickSource,L as seamsBetween};
@@ -1,16 +0,0 @@
1
- import{useNumberEntry as e,clampNumber as l}from"./chunk-EWVJSRRY.js";import{DEFAULT_FIELDS_WORDS as a}from"./chunk-FPOKPNO4.js";import{useWords as r}from"./chunk-MFIRYGHW.js";import{useId as n,useState as s,useRef as t,useMemo as i,useEffect as o}from"react";import{jsx as u,jsxs as c,Fragment as d}from"react/jsx-runtime";function p(e,l){return e.find(e=>Object.is(e.value,l))}function h(e){const{id:l,options:h,placeholder:f,readOnly:m=!1,ariaLabel:v,ariaLabelledBy:b,searchable:g=!1,searchPlaceholder:y,groupCount:N=!1,inline:w=!1,renderOption:x}=e,k=r("fields",a),D=n(),C=n(),$=l??C,[O,A]=s(!1),[E,j]=s(0),[L,M]=s(""),S=t(null),V=t(null),K=t(null),F=t(null),P=y??k.search??a.search,I=!0===e.multiple,U=I&&Array.isArray(e.value)?e.value:[],R=e=>U.some(l=>Object.is(l,e.value)),W=I?void 0:p(h,e.value),H=W?h.indexOf(W):-1,Y=e=>I?R(h[e]):e===H,z=i(()=>{const e=g?L.trim().toLowerCase():"",l=[];return h.forEach((a,r)=>{e&&!a.label.toLowerCase().includes(e)||l.push(r)}),l},[h,L,g]),B=i(()=>new Set(z),[z]),G=z.filter(e=>!h[e].disabled),J=h.some(e=>void 0!==e.thumb),T=J||I||void 0!==x||h.some(e=>void 0!==e.meta),q=()=>{if(m||0===h.length)return;M("");const e=I?h.findIndex(e=>!e.disabled&&R(e)):H;j(e>=0?e:Math.max(h.findIndex(e=>!e.disabled),0)),A(!0)},Q=e=>{A(!1),M(""),e&&V.current?.focus()},X=l=>{const a=h[l];if(a&&!a.disabled){if(!0===e.multiple){const r=!R(a);return void e.onChange(h.filter((e,a)=>a===l?r:R(e)).map(e=>e.value))}Object.is(a.value,e.value)||e.onChange(a.value),Q(!0)}};o(()=>{if(!O)return;(g?F.current:K.current)?.focus();const e=S.current?.ownerDocument;if(!e)return;const l=e=>{S.current&&!S.current.contains(e.target)&&(A(!1),M(""))};return e.addEventListener("click",l,!0),()=>e.removeEventListener("click",l,!0)},[O,g]),o(()=>{O&&g&&j(G[0]??-1)},[L]);const Z=e=>{if(0===G.length)return;const l=G.indexOf(E),a=l<0?1===e?0:G.length-1:(l+e+G.length)%G.length;j(G[a])},_=e=>{switch(e.key){case"ArrowDown":return e.preventDefault(),Z(1),!0;case"ArrowUp":return e.preventDefault(),Z(-1),!0;case"Enter":return e.preventDefault(),B.has(E)&&X(E),!0;case"Escape":return e.preventDefault(),e.stopPropagation(),Q(!0),!0;case"Tab":return Q(!1),!0;default:return!1}},ee=(e,l)=>{if(!T)return e.label;const a={active:l===E,chosen:Y(l)};/* @__PURE__ */
2
- return c(d,{children:[I?/* @__PURE__ */u("span",{className:"es-fsel-tick"+(a.chosen?" is-on":""),"aria-hidden":"true"}):null,J?/* @__PURE__ */u("span",{className:"es-fsel-thumb","aria-hidden":"true",children:e.thumb?/* @__PURE__ */u("img",{src:e.thumb,alt:"",loading:"lazy"}):null}):null,x?x(e,a):/* @__PURE__ */u("span",{className:"es-fsel-label",children:e.label}),void 0!==e.meta?/* @__PURE__ */u("span",{className:"es-fsel-meta","aria-hidden":"true",children:e.meta}):null]})},le=function(e,l){const a=[];return e.forEach((e,r)=>{if(!l.has(r))return;const n=a[a.length-1];n&&n.group===e.group?n.items.push({o:e,i:r}):a.push({group:e.group,items:[{o:e,i:r}]})}),a}(h,B),ae=le.map((e,l)=>{const a=e.items.map(({o:e,i:l})=>/* @__PURE__ */u("li",{id:`${D}-${l}`,role:"option","aria-selected":Y(l),"aria-disabled":e.disabled||void 0,className:`es-fsel-option${T?" es-fsel-option--rich":""}${l===E?" is-active":""}${Y(l)?" is-chosen":""}`,onMouseEnter:()=>j(l),onClick:()=>X(l),children:ee(e,l)},`${l}-${String(e.value)}`));if(void 0===e.group)return a;const r=`${D}-g${l}`;/* @__PURE__ */
3
- return c("li",{role:"presentation",className:"es-fsel-group",children:[
4
- /* @__PURE__ */c("div",{id:r,role:"presentation",className:"es-fsel-group-head",children:[e.group,N?/* @__PURE__ */u("span",{className:"es-fsel-group-count",children:e.items.length}):null]}),
5
- /* @__PURE__ */u("ul",{role:"group","aria-labelledby":r,className:"es-fsel-group-list",children:a})]},`g${l}`)}),re=B.has(E)?`${D}-${E}`:void 0,ne=/* @__PURE__ */c("ul",{ref:K,id:D,role:"listbox",tabIndex:-1,className:"es-fsel-list","aria-multiselectable":I||void 0,"aria-activedescendant":g?void 0:re,"aria-labelledby":b??(v?void 0:$),"aria-label":b?void 0:v,onKeyDown:e=>{if(!_(e))switch(e.key){case"Home":return e.preventDefault(),void(G.length&&j(G[0]));case"End":return e.preventDefault(),void(G.length&&j(G[G.length-1]));case" ":return e.preventDefault(),void X(E);default:if(1===e.key.length&&/\S/.test(e.key)){const l=e.key.toLowerCase(),a=h.length;for(let e=1;e<=a;e++){const r=(E+e)%a;if(!h[r]?.disabled&&h[r]?.label.toLowerCase().startsWith(l))return void j(r)}}}},children:[ae,g&&0===z.length?/* @__PURE__ */u("li",{role:"presentation",className:"es-fsel-empty",children:k.noMatches??a.noMatches}):null]});let se,te;if(!0===e.multiple){const l=h.filter(R);te=0===l.length,se=e.renderValue?e.renderValue(l):te?f??k.choose:l.map(e=>e.label).join(", ")}else te=!W,se=e.renderValue?e.renderValue(W):W?W.label:f??k.choose;/* @__PURE__ */
6
- return c("div",{className:"es-fsel"+(w?" es-fsel--inline":""),ref:S,children:[
7
- /* @__PURE__ */c("button",{ref:V,id:$,type:"button",className:"es-fin es-fsel-button","aria-haspopup":"listbox","aria-expanded":O,"aria-controls":O?D:void 0,"aria-label":v,"aria-labelledby":b,disabled:m,onClick:()=>O?Q(!1):q(),onKeyDown:e=>{"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),q())},children:[
8
- /* @__PURE__ */u("span",{className:te?"es-fsel-value is-empty":"es-fsel-value",children:se}),
9
- /* @__PURE__ */u("span",{className:"es-fsel-chev","aria-hidden":"true"})]}),O?g?/* @__PURE__ */c("div",{className:"es-fsel-pop",children:[
10
- /* @__PURE__ */u("input",{ref:F,type:"text",className:"es-fin es-fsel-search",value:L,placeholder:P,"aria-label":P,"aria-autocomplete":"list","aria-controls":D,"aria-activedescendant":re,onChange:e=>M(e.target.value),onKeyDown:e=>{_(e)}}),ne]}):ne:null]})}function f({id:a,label:r,value:s,onChange:t,min:i,max:o,step:d=1,shiftStep:p,styleValue:h,unit:f,sliderMin:m,sliderMax:v,auto:b,readOnly:g=!1}){const y=n(),N=a??y,{inputProps:w,set:x,isStyle:k}=e({value:s,onChange:t,min:i,max:o,step:d,shiftStep:p,styleValue:h,readOnly:g}),D="number"==typeof s&&Number.isFinite(s)?s:void 0,C=void 0!==b&&void 0===D,$=Number((m-d).toFixed(6)),O=void 0!==b?$:m,A=D??(void 0!==b?$:h??m);/* @__PURE__ */
11
- return c("div",{className:"es-fslider"+(k||C?" is-style":""),children:[
12
- /* @__PURE__ */c("div",{className:"es-fslider-top",children:[
13
- /* @__PURE__ */u("label",{className:"es-fslider-name",htmlFor:N,children:r}),
14
- /* @__PURE__ */c("span",{className:"es-fslider-read",children:[
15
- /* @__PURE__ */u("input",{id:N,type:"text",inputMode:"decimal",className:"es-fslider-value",...w,placeholder:b??w.placeholder,onKeyDown:e=>{if(C&&("ArrowUp"===e.key||"ArrowDown"===e.key))return e.preventDefault(),void("ArrowUp"===e.key&&x(l(m,i,o)));w.onKeyDown(e)}}),f&&!C?/* @__PURE__ */u("span",{className:"es-fslider-unit",children:f}):null]})]}),
16
- /* @__PURE__ */u("input",{type:"range",className:"es-fslider-range",min:O,max:v,step:d,value:l(A,O,v),disabled:g,"aria-label":r,"aria-valuetext":C?b:void 0,onChange:e=>{const l=Number(e.target.value);x(void 0!==b&&l<m?void 0:l)}})]})}export{h as FieldSelect,f as FieldSlider,p as optionFor};
@@ -1,6 +0,0 @@
1
- import{DEFAULT_FIELDS_WORDS as e}from"./chunk-FPOKPNO4.js";import{useWords as n}from"./chunk-MFIRYGHW.js";import{useState as r,useRef as t,useEffect as i}from"react";import{jsxs as l,jsx as u}from"react/jsx-runtime";function a(e,n,r){let t=e;return"number"==typeof n&&t<n&&(t=n),"number"==typeof r&&t>r&&(t=r),t}function o(e){const n=e.trim().replace(",",".");if(""===n||"-"===n||"."===n||"-."===n)return null;const r=Number(n);return Number.isFinite(r)?r:null}function s(e){const n=String(e),r=n.indexOf(".");return r<0?0:n.length-r-1}function c({value:e,onChange:n,min:l,max:u,step:c=1,shiftStep:d,styleValue:p,readOnly:m=!1}){const f="number"==typeof e&&Number.isFinite(e)?e:void 0,v=void 0===f?"":String(f),[y,h]=r(v),b=t(f),g=t(f);i(()=>{b.current=f,h(e=>o(e)===(f??null)?e:v)},[f,v]);const w=e=>{m||(b.current=e,n(e))},x=e=>{m||(h(void 0===e?"":String(e)),e!==b.current&&w(e))},N=(e,n=!1)=>{if(m)return;const r=a(function(e,n){const r=Math.max(s(e),s(n));return Number((e+n).toFixed(r))}(b.current??p??l??0,e*(n?d??10*c:c)),l,u);h(String(r)),w(r)},S=()=>{const e=o(y);null!==e?x(a(e,l,u)):h(void 0===b.current?"":String(b.current))};return{inputProps:{value:y,readOnly:m,placeholder:void 0===p?void 0:String(p),onFocus:()=>{g.current=b.current},onChange:e=>{const n=e.target.value;if(h(n),""===n.trim())w(void 0);else{const e=o(n);null!==e&&w(e)}},onBlur:S,onKeyDown:e=>{"ArrowUp"===e.key||"ArrowDown"===e.key?(e.preventDefault(),N("ArrowUp"===e.key?1:-1,e.shiftKey)):"Enter"===e.key?(e.preventDefault(),S(),g.current=b.current):"Escape"===e.key&&(e.preventDefault(),x(g.current))}},nudge:N,set:x,isStyle:void 0!==p&&""===y.trim()}}function d({dir:e,label:n,disabled:r,nudge:l}){const a=t(null),o=t(l);o.current=l;const s=t({}),c=()=>{const e=s.current;void 0!==e.wait&&clearTimeout(e.wait),void 0!==e.every&&clearInterval(e.every),e.off?.(),s.current={}};i(()=>{const e=a.current;return e?.addEventListener("pointerleave",c),e?.addEventListener("pointercancel",c),()=>{e?.removeEventListener("pointerleave",c),e?.removeEventListener("pointercancel",c),c()}},[]);/* @__PURE__ */
2
- return u("button",{ref:a,type:"button",tabIndex:-1,className:"es-fnum-arrow es-fnum-arrow--"+(e>0?"up":"down"),"aria-label":n,disabled:r,onPointerDown:n=>{if(0!==n.button||r)return;n.preventDefault(),c();const t=n.shiftKey;o.current(e,t);const i=n.currentTarget.ownerDocument;i.addEventListener("pointerup",c),s.current={off:()=>i.removeEventListener("pointerup",c),wait:setTimeout(()=>{s.current.every=setInterval(()=>o.current(e,t),60)},350)}},onClick:n=>{0===n.detail&&o.current(e,n.shiftKey)},children:/* @__PURE__ */u("svg",{viewBox:"0 0 10 10","aria-hidden":"true",focusable:"false",children:/* @__PURE__ */u("path",{d:e>0?"M2.5 6.25 5 3.75l2.5 2.5":"M2.5 3.75 5 6.25l2.5-2.5"})})})}function p({id:r,value:t,onChange:i,min:a,max:o,step:s=1,shiftStep:p,styleValue:m,icon:f,unit:v,steppers:y=!1,placeholder:h,readOnly:b=!1,ariaLabel:g,ariaLabelledBy:w,title:x}){const N=n("fields",e),{inputProps:S,nudge:k,isStyle:D}=c({value:t,onChange:i,min:a,max:o,step:s,shiftStep:p,styleValue:m,readOnly:b});/* @__PURE__ */
3
- return l("div",{className:`es-fnum${y?" es-fnum--arrows":""}${D?" is-style":""}${b?" is-readonly":""}`,title:x,children:[f?/* @__PURE__ */u("span",{className:"es-fnum-icon","aria-hidden":"true",children:f}):null,
4
- /* @__PURE__ */u("input",{id:r,type:"text",inputMode:"decimal",className:"es-fnum-box","aria-label":g,"aria-labelledby":w,...S,placeholder:S.placeholder??h}),v?/* @__PURE__ */u("span",{className:"es-fnum-unit",children:v}):null,y?/* @__PURE__ */l("span",{className:"es-fnum-arrows",children:[
5
- /* @__PURE__ */u(d,{dir:1,label:N.more,disabled:b,nudge:k}),
6
- /* @__PURE__ */u(d,{dir:-1,label:N.less,disabled:b,nudge:k})]}):null]})}export{p as FieldNumber,a as clampNumber,o as parseTyped,c as useNumberEntry};
@@ -1,11 +0,0 @@
1
- import{DEFAULT_PICK_WORDS as e}from"./chunk-ZAOM6PFH.js";import{useId as t,useState as n,useRef as r,useLayoutEffect as a,useEffect as l}from"react";import{jsxs as o,jsx as i}from"react/jsx-runtime";var s=/^(?:[0-9a-f]{3}|[0-9a-f]{6})$/i,c=7;function u(e){const t=e.trim().replace(/^#/,"");if(!s.test(t))return null;return`#${(3===t.length?[...t].map(e=>e+e).join(""):t).toLowerCase()}`}var d=e=>e.toUpperCase(),h=(e,t,n)=>Math.min(n,Math.max(t,e));function p(e){const t=u(e)??"#000000",n=parseInt(t.slice(1,3),16)/255,r=parseInt(t.slice(3,5),16)/255,a=parseInt(t.slice(5,7),16)/255,l=Math.max(n,r,a),o=l-Math.min(n,r,a);let i=0;return 0!==o&&(i=l===n?(r-a)/o%6*60:l===r?60*((a-n)/o+2):60*((n-r)/o+4)),{h:(i+360)%360,s:0===l?0:o/l,v:l}}function m({h:e,s:t,v:n}){const r=(e%360+360)%360,a=h(t,0,1),l=h(n,0,1),o=l*a,i=o*(1-Math.abs(r/60%2-1)),s=l-o,[c,u,d]=r<60?[o,i,0]:r<120?[i,o,0]:r<180?[0,o,i]:r<240?[0,i,o]:r<300?[i,0,o]:[o,0,i],p=e=>Math.round(255*(e+s)).toString(16).padStart(2,"0");return`#${p(c)}${p(u)}${p(d)}`}function v(e,t,n){return{s:n.width>0?h((e-n.left)/n.width,0,1):0,v:n.height>0?1-h((t-n.top)/n.height,0,1):0}}function g(e,t){return t.width>0?360*h((e-t.left)/t.width,0,1):0}function f(e){if(/^(data|blob):/i.test(e))return"";const t=(e.split(/[?#]/)[0]??"").split("/").filter(Boolean).pop()??"";try{return decodeURIComponent(t)}catch{return t}}function w({value:s,onChange:c,label:h,theme:p,caption:m,inherited:v,after:g,id:f,readOnly:w,words:b=e.colour}){const x=t(),[C,M]=n(!1),E=r(null),N=r(null),D=r(null),L=()=>{const e=E.current?.parentElement;return e?.classList.contains("es-field-head")?e.querySelector(":scope > .es-field-name .es-field-label"):e?.classList.contains("es-pick-line")?e.querySelector(":scope > .es-pick-line-label"):null},R=()=>D.current?.querySelector(".es-pick-hexwrap > *")??null,B=e=>e.scrollWidth>e.clientWidth+1,O=e=>{e&&(B(e)?e.dataset.clipped="true":delete e.dataset.clipped)},P=r(()=>{});P.current=()=>{O(L()),T||O(R())};const[A,S]=n(null),[T,I]=n(null);a(()=>P.current()),l(()=>{const e=E.current?.parentElement,t=e?.ownerDocument.defaultView;if(!e||!t?.ResizeObserver)return;const n=new t.ResizeObserver(()=>P.current());return n.observe(e),()=>n.disconnect()},[]),l(()=>{const e=E.current?.parentElement;if(!e)return;const t=e=>{const t=e;if(!t)return null;const n=L(),r=R();return n&&(t===n||n.contains(t))?n:r&&t===r?r:null},n=e=>{const n=t(e.target),r=$();if(!n||!r||n.ownerDocument.activeElement===n||!B(n))return;const a=n.getBoundingClientRect(),l=r.getBoundingClientRect(),o="INPUT"===n.tagName?n.value:n.textContent??"";S({text:o,left:a.left-l.left,top:a.top-l.top})},r=e=>{t(e.target)&&S(null)};return e.addEventListener("pointerover",n),e.addEventListener("pointerout",r),()=>{e.removeEventListener("pointerover",n),e.removeEventListener("pointerout",r)}},[]);const $=()=>{const e=E.current?.parentElement;return e&&(e.classList.contains("es-field-head")||e.classList.contains("es-pick-line"))?e:D.current};l(()=>{if(!C)return;const e=E.current?.ownerDocument;if(!e)return;const t=e=>{E.current&&!E.current.contains(e.target)&&M(!1)};return e.addEventListener("click",t,!0),()=>e.removeEventListener("click",t,!0)},[C]);const U=s?null:u(v??""),K=void 0===m||s&&u(m)===u(s)?null:m,q=K??(s?d(s):U?d(U):b.notSet),j=s||U;/* @__PURE__ */
2
- return o("div",{ref:E,className:"es-pick-colour",children:[
3
- /* @__PURE__ */o("div",{ref:D,className:"es-pick-colour-row","data-editing":T??void 0,onFocus:e=>{const t=e.target,n=$();if(!n||!t.classList.contains("es-pick-hex"))return;S(null),t.style.setProperty("--es-pick-edit-room",n.getBoundingClientRect().right-t.getBoundingClientRect().left+"px");const r=t.parentElement?.nextElementSibling,a=!!r&&t.getBoundingClientRect().right>r.getBoundingClientRect().left-2;I(a?"over":"room")},onBlur:e=>{const t=e.target;t.classList.contains("es-pick-hex")&&(t.style.removeProperty("--es-pick-edit-room"),I(null))},children:[
4
- /* @__PURE__ */i("button",{ref:N,id:f,type:"button",className:s?"es-pick-swatch":U?"es-pick-swatch is-inherited":"es-pick-swatch is-unset",style:j?{background:j}:void 0,"aria-label":b.swatch({label:h,shown:q}),"aria-expanded":C,"aria-controls":C?x:void 0,disabled:w,onClick:()=>M(e=>!e)}),
5
- /* @__PURE__ */i("span",{className:"es-pick-hexwrap",children:null===K?/* @__PURE__ */i(y,{value:s,follows:U?d(U):void 0,onChange:e=>{w||e===s||c(e)},name:b.hex({label:h}),readOnly:w}):/* @__PURE__ */i("span",{className:"es-pick-caption",children:K})}),g,A?/* @__PURE__ */i("span",{className:"es-pick-tag","aria-hidden":"true",style:{left:A.left,top:A.top},children:A.text}):null]}),C?/* @__PURE__ */i(k,{id:x,value:s,onChange:c,label:h,theme:p,inherited:v,readOnly:w,words:b,onClose:()=>{M(!1),N.current?.focus()}}):null]})}function k({value:t,onChange:a,label:s,theme:c,onClose:h,id:f,inherited:w,readOnly:k,words:b=e.colour,swatch:x=!1,dragWrites:C="live"}){const M=u(w??""),[E,N]=n(()=>p(t||M||"#000000")),D=r(t);l(()=>{t!==D.current&&(D.current=t,t?N(p(t)):M&&N(p(M)))},[t]);const L=e=>{k||e===t||(D.current=e,a(e))},R=e=>{N(p(e)),L(e)},B=e=>{N(e),L(m(e))},[O,P]=n(!1),A=r(E);A.current=E;const S=e=>({onPointerDown:t=>{if(k)return;t.currentTarget.setPointerCapture?.(t.pointerId);const n=e(t,A.current);"end"===C?(P(!0),N(n)):B(n)},onPointerMove:t=>{if(!(1&t.buttons))return;const n=e(t,A.current);"end"===C?N(n):B(n)},onPointerUp:t=>{"end"===C&&O&&(P(!1),B(e(t,A.current)))}}),T=S((e,t)=>({...t,...v(e.clientX,e.clientY,e.currentTarget.getBoundingClientRect())})),I=S((e,t)=>({...t,h:g(e.clientX,e.currentTarget.getBoundingClientRect())})),$=O?m(E):t,U=!t&&M?d(M):void 0,K=e=>`${Math.round(100*e)}%`;/* @__PURE__ */
6
- return o("div",{id:f,role:"dialog","aria-label":b.dialog({label:s}),className:"es-pick-window",onKeyDown:e=>{"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),h?.())},children:[c&&c.length>0?/* @__PURE__ */i("div",{role:"group","aria-label":b.theme,className:"es-pick-theme",children:c.map(e=>/* @__PURE__ */i("button",{type:"button",className:"es-pick-theme-swatch",style:{background:e.value},title:b.themeSwatchTitle({name:e.name,hex:d(e.value)}),"aria-label":b.themeSwatch({name:e.name,hex:d(e.value)}),"aria-pressed":u(e.value)===t,onClick:()=>R(u(e.value)??e.value)},`${e.name}:${e.value}`))}):null,
7
- /* @__PURE__ */i("div",{className:"es-pick-sv",role:"slider",tabIndex:0,"aria-label":b.square,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(100*E.v),"aria-valuetext":b.squareValue({saturation:K(E.s),brightness:K(E.v)}),style:{backgroundColor:m({h:E.h,s:1,v:1})},onKeyDown:e=>{const t=e.shiftKey?.1:.01,n={ArrowLeft:[-t,0],ArrowRight:[t,0],ArrowDown:[0,-t],ArrowUp:[0,t]}[e.key];n&&(e.preventDefault(),B({...E,s:Math.min(1,Math.max(0,E.s+n[0])),v:Math.min(1,Math.max(0,E.v+n[1]))}))},...T,children:/* @__PURE__ */i("span",{className:"es-pick-sv-thumb",style:{left:K(E.s),top:K(1-E.v)}})}),
8
- /* @__PURE__ */i("div",{className:"es-pick-hue",role:"slider",tabIndex:0,"aria-label":b.hue,"aria-valuemin":0,"aria-valuemax":359,"aria-valuenow":Math.round(E.h),onKeyDown:e=>{const t=e.shiftKey?10:1,n="ArrowLeft"===e.key||"ArrowDown"===e.key?-t:"ArrowRight"===e.key||"ArrowUp"===e.key?t:null,r="Home"===e.key?0:"End"===e.key?359:null===n?null:Math.min(359,Math.max(0,E.h+n));null!==r&&(e.preventDefault(),B({...E,h:r}))},...I,children:/* @__PURE__ */i("span",{className:"es-pick-hue-thumb",style:{left:E.h/360*100+"%"}})}),x?/* @__PURE__ */o("div",{className:"es-pick-hex-row",children:[
9
- /* @__PURE__ */i("span",{className:"es-pick-hex-swatch","aria-hidden":"true",style:{background:$||m(E)}}),
10
- /* @__PURE__ */i(y,{value:$,onChange:R,name:b.hex({label:s}),placeholder:U,readOnly:k})]}):/* @__PURE__ */i(y,{value:$,onChange:R,name:b.hex({label:s}),placeholder:U,readOnly:k})]})}function y({value:e,follows:t,onChange:a,name:l,placeholder:o,readOnly:s}){const[c,h]=n(null),p=r(!1);/* @__PURE__ */
11
- return i("input",{type:"text",className:!e&&t?"es-pick-hex is-inherited":"es-pick-hex",value:c??(e?d(e):t??""),"aria-label":l,placeholder:o,maxLength:7,spellCheck:!1,autoComplete:"off",readOnly:s,onChange:t=>{h(t.target.value);const n=u(t.target.value);null!==n&&n!==e&&a(n)},onFocus:e=>e.currentTarget.select(),onMouseDown:e=>{p.current=e.currentTarget.ownerDocument.activeElement!==e.currentTarget},onMouseUp:e=>{p.current&&e.preventDefault(),p.current=!1},onKeyDown:e=>{"Enter"!==e.key&&"Escape"!==e.key||(e.preventDefault(),e.stopPropagation(),h(null),e.currentTarget.blur())},onBlur:()=>h(null)})}export{w as ColourPicker,k as ColourWindow,c as HEX_MAX_LENGTH,d as hexReadout,p as hexToHsv,m as hsvToHex,g as hueFromPoint,f as mediaName,v as svFromPoint,u as typedHex};
@@ -1,8 +0,0 @@
1
- import{blockRuns as e}from"./chunk-HQ4VVRIC.js";import{useScreenBlockLook as n}from"./chunk-ND55LTCA.js";import{useState as s,Fragment as a}from"react";import{jsxs as r,Fragment as c,jsx as o}from"react/jsx-runtime";function l({choices:l,onPick:t,open:m,onToggle:i}){const[p,u]=s(!1),{Icon:d}=n(),h=m??p;/* @__PURE__ */
2
- return r(c,{children:[
3
- /* @__PURE__ */r("button",{type:"button",className:"sf-add-card","aria-expanded":h,onClick:i??(()=>u(e=>!e)),children:[
4
- /* @__PURE__ */o("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add block"]}),h&&/* @__PURE__ */o("div",{className:"sf-blockmenu",role:"menu",children:e(l).map(e=>/* @__PURE__ */r(a,{children:[e.group&&/* @__PURE__ */r("div",{className:"sf-menugroup-head",role:"presentation",children:[
5
- /* @__PURE__ */o("span",{className:"sf-menugroup-title",children:e.group}),
6
- /* @__PURE__ */o("span",{className:"sf-menugroup-count",children:e.items.length})]}),e.items.map(e=>/* @__PURE__ */r("button",{type:"button",className:"sf-blockmenu-item",role:"menuitem",onClick:()=>{u(!1),t(e.type)},children:[
7
- /* @__PURE__ */o("span",{className:"sf-chip",children:/* @__PURE__ */o(d,{type:e.type,size:13})}),
8
- /* @__PURE__ */o("span",{className:"sf-row-name",children:e.label})]},e.type))]},e.group??"all"))})]})}export{l as AddBlockRow};
@@ -1,15 +0,0 @@
1
- import{useRef as e,useState as n,useLayoutEffect as t,useEffect as l}from"react";import{createPortal as r}from"react-dom";import{jsxs as i,Fragment as a,jsx as o}from"react/jsx-runtime";var c={menu:"es-editor es-menu",menuSub:"es-editor es-menu",item:"es-menu-item",itemDanger:"es-menu-item is-danger",divider:"es-menu-divider",header:"es-menu-header",icon:"es-menu-icon",shortcut:"es-menu-shortcut",label:"es-menu-label",labelSub:"es-menu-label es-menu-label-sub",chevron:"es-menu-chevron",tick:"es-menu-tick"};function u({x:u,y:s,items:d,onClose:m,maxHeight:h,skin:b,portalTo:y}){const p=e(null),g=e(null),[f,w]=n(null),[v,x]=n({x:u,y:s}),[N,k]=n({x:u,y:s});if(N.x===u&&N.y===s||(k({x:u,y:s}),x({x:u,y:s})),t(()=>{const e=p.current;if(!e)return;const{width:n,height:t}=e.getBoundingClientRect(),l=window.innerWidth,r=window.innerHeight;let i=s;s+t>r-8&&(i=s-t>=8?s-t:Math.max(8,r-t-8));let a=u;u+n>l-8&&(a=u-n>=8?u-n:Math.max(8,l-n-8)),a===v.x&&i===v.y||x({x:a,y:i})},[u,s,d,v.x,v.y]),l(()=>{const e=document.activeElement;return p.current?.querySelector('[role="menuitem"]')?.focus(),()=>e?.focus?.()},[]),l(()=>{const e=e=>{const n=e.target;g.current?.contains(n)||p.current&&!p.current.contains(n)&&m()},n=e=>{"Escape"===e.key&&m()},t=setTimeout(()=>{window.addEventListener("mousedown",e),window.addEventListener("contextmenu",e),window.addEventListener("keydown",n)},0);return()=>{clearTimeout(t),window.removeEventListener("mousedown",e),window.removeEventListener("contextmenu",e),window.removeEventListener("keydown",n)}},[m]),0===d.length)return null;const C=b??c,E=e=>e.danger?C.itemDanger:C.item,S=({on:e})=>/* @__PURE__ */o("span",{className:C.tick,"aria-hidden":"true",children:e?"✓":""}),L=({of:e})=>null==e.icon?null:/* @__PURE__ */o("span",{className:C.icon,"aria-hidden":"true",children:e.icon}),T=({of:e})=>null==e.shortcut?null:/* @__PURE__ */o("span",{className:C.shortcut,"aria-hidden":"true",children:e.shortcut}),B=e=>null!=e.icon||null!=e.shortcut,M=(e,n,t)=>{if(!e.children?.length)return void w(null);const l=t.getBoundingClientRect(),r=p.current,i=r?parseFloat(getComputedStyle(r).minWidth):NaN,a=Number.isFinite(i)&&i>0?i:r?.getBoundingClientRect().width??0,o=l.right+a>window.innerWidth-8?l.left-a:l.right;w({i:n,x:Math.max(8,o),y:l.top})},F=f?d[f.i]:null,H=e=>({...C.surface,...e});return r(
2
- /* @__PURE__ */i(a,{children:[
3
- /* @__PURE__ */o("div",{ref:p,"data-es-menu":"",role:"menu","aria-label":d.find(e=>e.header)?.label,className:C.menu,style:H({left:v.x,top:v.y,maxHeight:h||void 0}),children:d.map((e,n)=>"—"===e.label?
4
- /* @__PURE__ */o("div",{role:"separator",className:C.divider},n):e.header?/* @__PURE__ */o("div",{className:C.header,children:e.label},n):e.children?.length?/* @__PURE__ */i("button",{type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":f?.i===n,onMouseEnter:t=>M(e,n,t.currentTarget),onFocus:t=>M(e,n,t.currentTarget),onClick:t=>M(e,n,t.currentTarget),className:E(e),style:C.itemStyle,children:[
5
- /* @__PURE__ */o(L,{of:e}),
6
- /* @__PURE__ */o("span",{className:C.label,children:e.label}),
7
- /* @__PURE__ */o(T,{of:e}),
8
- /* @__PURE__ */o("span",{"aria-hidden":"true",className:C.chevron,children:"›"})]},n):/* @__PURE__ */o("button",{type:"button",role:"menuitem",onMouseEnter:()=>w(null),onClick:()=>{e.onClick(),m()},className:E(e),style:C.itemStyle,children:B(e)?/* @__PURE__ */i(a,{children:[
9
- /* @__PURE__ */o(L,{of:e}),
10
- /* @__PURE__ */o("span",{className:C.label,children:e.label}),
11
- /* @__PURE__ */o(T,{of:e})]}):e.label},n))}),F?.children?.length&&f?/* @__PURE__ */o("div",{ref:g,"data-es-menu":"",role:"menu","aria-label":F.label,className:C.menuSub??C.menu,style:H({left:f.x,top:f.y}),children:F.children.map((e,n)=>/* @__PURE__ */i("button",{type:"button",role:"menuitemradio","aria-checked":Boolean(e.checked),onClick:()=>{e.onClick(),m()},className:E(e),style:C.itemStyle,children:[
12
- /* @__PURE__ */o(S,{on:Boolean(e.checked)}),
13
- /* @__PURE__ */o(L,{of:e}),
14
- /* @__PURE__ */o("span",{className:C.labelSub??C.label,children:e.label}),
15
- /* @__PURE__ */o(T,{of:e})]},n))}):null]}),y??document.body)}export{c as ES_MENU_SKIN,u as EaselContextMenu};
@@ -1,2 +0,0 @@
1
- import{styleMenuItems as e}from"./chunk-57DJOKXT.js";import{useEaselSession as n}from"./chunk-O7Q4DDJT.js";import{ROOT_ZONE as t}from"./chunk-PLVEGYK6.js";import{useHostEscape as o}from"./chunk-U3JP4VGF.js";import{createNodeClipboard as l,nodeMenuItems as i}from"./chunk-2LK54I4E.js";import{EaselContextMenu as r}from"./chunk-KTVH2ZRL.js";import{useCanvasEvent as c}from"./chunk-PAELDYYS.js";import{isTypingTarget as s,framePointToHost as a}from"./chunk-ZNCEOSXO.js";import{UndoIcon as u,RedoIcon as d,AddIcon as p,PasteIcon as f,SettingsIcon as m,LayersIcon as y,CopyIcon as h}from"./chunk-L5KW4HG5.js";import{zoneKey as k,ROOT_SLOT as b,ROOT_ID as v}from"./chunk-KRXQM65X.js";import{useState as g,useCallback as x,useRef as C,useEffect as P}from"react";import{jsx as z}from"react/jsx-runtime";function O(e,n){const o=[],l=/* @__PURE__ */new Set;let i={zone:n.zone,index:n.index};for(;i;){const n=e.nodeAt(i.zone,i.index);if(!n||l.has(n.props.id))break;if(l.add(n.props.id),o.push({zone:i.zone,index:i.index,node:n,parentType:null}),i.zone===t)break;const r=i.zone.lastIndexOf(":");if(r<=0)break;i=e.locate(i.zone.slice(0,r))}for(let e=0;e<o.length-1;e+=1)o[e].parentType=o[e+1].node.type;return o}var w=l(),A=/* @__PURE__ */new WeakMap;function K(e){if(e.claimsPage)return w;const n=e.registry;if(!n)return e.cache("easel:node-clipboard",l);let t=A.get(n);return t||(t=l(),A.set(n,t)),t}function D(){return K(n())}function L(e,n,o){if(n===t){const{floor:n,cap:t}=e.sectionBand();return{parentId:v,slot:b,index:Math.min(Math.max(o,n),t)}}const l=n.lastIndexOf(":");return{parentId:n.slice(0,l),slot:n.slice(l+1),index:o}}function S(e,n,t){const o=e.isPinned(n,t),l=!o&&!e.isLocked(n)&&!e.duplicateBlocked(n),i=e.permits?.(n)??{duplicate:!0,delete:!0};return{copy:!o&&i.duplicate,cut:l&&i.duplicate&&i.delete}}function T(e,n,t){const o=e.canPasteAt;if(!o)return k(n.from)===t.zone?L(e,t.zone,t.index+1):null;for(const l of O(e,t)){const t=L(e,l.zone,l.index+1);if(o(n,t))return t}return null}function j(e){if(e.defaultPrevented||e.altKey||e.shiftKey||!e.metaKey&&!e.ctrlKey)return null;if(s(e.target))return null;const n=e.target,t=n&&"ownerDocument"in n?n.ownerDocument??n:null,o=t?.getSelection?.();if(o&&!o.isCollapsed&&o.toString().trim())return null;const l=e.code||(1===e.key.length?`Key${e.key.toUpperCase()}`:"");return"KeyC"===l?"copy":"KeyX"===l?"cut":"KeyV"===l?"paste":null}function E(e,n,t,o){const l=e.nodeAt(t.zone,t.index);if(!l)return null;const i=l.props.id,r=e.labelOf(l.type,t.zone),c=S(e,l,t.zone);if("copy"===n)return c.copy?(e.nodeOps.copy(i,r),{done:"copied",name:r}):null;if(o.readOnly)return null;if("cut"===n)return c.cut?(e.nodeOps.cut(i,r),{done:"cut",name:r}):null;const s=o.held;if(!s)return null;const a=e.isPinned(l,t.zone)?null:T(e,s,t);return a?(e.nodeOps.paste(a),{done:"pasted",name:s.label}):(e.onPasteRefused(s),{done:"refused",name:s.label})}function M(n,o){const{zone:l,index:r}=o,c=n.nodeAt(l,r);if(!c)return[];const s=c.props.id,a=n.labelOf(c.type,l),u=Boolean(c.props._hidden),d=n.nodeOps,p=n.isPinned(c,l),f=n.isLocked(c),m=!p&&!f&&!n.duplicateBlocked(c),y=n.permits?.(c)??{duplicate:!0,delete:!0},h=S(n,c,l),k=O(n,o),b=d.held,v=b&&!p?T(n,b,o):null,g=!n.readOnly,x=n.style?e({held:g?n.style.held():null,canCopy:n.style.canCopy(c,l),onCopy:()=>n.style?.copy(c,l),onPaste:()=>n.style?.paste(l,r,c)}):[];return i({title:a,layer:{group:"pick",items:k.flatMap((e,o)=>{const l={label:n.rowNameOf(e.node,e.zone),checked:0===o,onClick:()=>n.selectAt(e.zone,e.index,e.node.props.id,e.parentType)},i=e.zone===t?null:n.slotRung?.(e.zone)??null;return i?[l,{label:i.label,checked:!1,onClick:i.select}]:[l]})},actions:{addInside:g&&n.canAddTo(c.type)?()=>n.openAddInside(l,r):void 0,duplicate:g&&m&&y.duplicate?()=>d.duplicate(s):void 0,moveUp:g&&d.canStep(s,-1)?()=>d.step(s,-1):void 0,moveDown:g&&d.canStep(s,1)?()=>d.step(s,1):void 0,copy:h.copy?()=>d.copy(s,a):void 0,cut:g&&h.cut?()=>d.cut(s,a):void 0,paste:g&&b&&v?{label:b.label,run:()=>d.paste(v)}:void 0,rename:g&&n.renamePropOf(c,l)?()=>n.beginRename(l,r):void 0,hide:!g||f||p?void 0:{hidden:u,run:()=>d.setProps(s,{_hidden:!u})},delete:g&&m&&y.delete?()=>d.remove(s):void 0},style:x,extras:n.menuRows?.(c,l,r)??void 0,pinnedLine:p?"Pinned — can’t be moved or deleted":void 0})}function X(e){const n=!e.readOnly,o=[];n&&e.history.hasPast&&o.push({label:"Undo",icon:/* @__PURE__ */z(u,{}),shortcut:"⌘Z",onClick:e.history.back}),n&&e.history.hasFuture&&o.push({label:"Redo",icon:/* @__PURE__ */z(d,{}),shortcut:"⇧⌘Z",onClick:e.history.forward});const l=n?[{label:"Add section",icon:/* @__PURE__ */z(p,{}),onClick:e.openAddSection}]:[],i=e.nodeOps.held,r=L(e,t,e.sectionBand().cap);if(n&&i&&(e.canPasteAt?e.canPasteAt(i,r):k(i.from)===t)){const n=r;l.push({label:`Paste ${i.label}`,icon:/* @__PURE__ */z(f,{}),shortcut:"⌘V",onClick:()=>e.nodeOps.paste(n)})}const c=[o,l,[{label:e.pageSettingsLabel??"Page settings",icon:/* @__PURE__ */z(m,{}),onClick:e.openPageSettings},{label:"Collapse all layers",icon:/* @__PURE__ */z(y,{}),onClick:e.collapseAll}]].filter(e=>e.length>0),s={label:"—",onClick:()=>{}};return c.flatMap((e,n)=>n?[s,...e]:e)}function I(e,n){const t=n.selectionStart??0,o=n.selectionEnd??0,l=n.value.slice(t,o),i=e=>{n.focus(),n.setRangeText(e,t,o,"end"),n.dispatchEvent(new Event("input",{bubbles:!0}))},r=[];l&&(r.push({label:"Copy",icon:/* @__PURE__ */z(h,{}),shortcut:"⌘C",onClick:()=>navigator.clipboard?.writeText(l)}),r.push({label:"Cut",icon:/* @__PURE__ */z(h,{}),shortcut:"⌘X",onClick:()=>{navigator.clipboard?.writeText(l),i("")}})),r.push({label:"Paste",icon:/* @__PURE__ */z(f,{}),shortcut:"⌘V",onClick:()=>{navigator.clipboard?.readText().then(e=>{e&&i(e)}).catch(()=>e.onPasteRefused())}});const c=[r,n.value?[{label:"Select all",shortcut:"⌘A",onClick:()=>{n.focus(),n.select()}}]:[]].filter(e=>e.length>0),s={label:"—",onClick:()=>{}};return c.flatMap((e,n)=>n?[s,...e]:e)}function R(e){return e.shiftKey}function Y(e,n){const[t,l]=g(null),i=x(()=>l(null),[]);o(null!==t,i);const r=C(e);r.current=e;const s=x(e=>{const n=r.current,t=n.keys;if(!t)return;const o=j(e);if(!o)return;const l=t.selected();if(!l)return;const i=E(n,o,l,{readOnly:t.readOnly,held:t.held()});i&&(e.preventDefault(),t.onDone?.(i))},[]),u=e.keys?.target??null;P(()=>{if(!u)return;const e=e=>s(e);return u.addEventListener("keydown",e),()=>u.removeEventListener("keydown",e)},[u,s]),c(n,"keydown",s);const d=x(n=>{if(R(n))return;const t=n.target;if(t?.closest?.("[data-slot-zone]"))return n.preventDefault(),void l(null);const o=function(e){const n=e?.closest?.("input, textarea");return n?n instanceof HTMLInputElement&&!["text","search","url","email","tel","number",""].includes(n.type)?null:n:null}(t);if(o)return n.preventDefault(),void l({kind:"input",x:n.clientX,y:n.clientY,el:o});const i=t?.closest?.("[data-node-id]")?.getAttribute("data-node-id"),r=i?e.locate(i):null;n.preventDefault(),l(r?{kind:"node",x:n.clientX,y:n.clientY,...r}:{kind:"empty",x:n.clientX,y:n.clientY})},[e]);c(n,"contextmenu",t=>{if(R(t)||!n)return;const o=t.target?.closest?.("[data-puck-component]")??null,i=o?.getAttribute("data-puck-component"),r=i?e.locate(i):null;t.preventDefault();const c=a(n.frame,t.clientX,t.clientY);l(r?{kind:"node",...c,...r}:{kind:"empty",...c})}),c(n,"mousedown",i),c(n,"scroll",i,{on:"window"});return{onEditorContextMenu:d,menu:t?/* @__PURE__ */z(V,{host:e,target:t,onClose:i}):null,closeMenu:i}}function V({host:e,target:n,onClose:t}){/* @__PURE__ */
2
- return z(r,{x:n.x,y:n.y,items:"node"===n.kind?M(e,n):"input"===n.kind?I(e,n.el):X(e),onClose:t})}export{w as EASEL_NODE_CLIPBOARD,O as ancestorChain,K as nodeClipboardOf,S as nodeClipboardRules,M as nodeMenuItems,j as nodeShortcut,X as pageMenuItems,T as pastePlace,E as runNodeShortcut,I as textMenuItems,D as useNodeClipboard,Y as useNodeContextMenu};
@@ -1,5 +0,0 @@
1
- import{blockTypesIn as e}from"./chunk-5ZBY24K7.js";import{buildPaletteSections as t,pinnedSection as o,paletteWithoutPinned as n,categoryLabel as s}from"./chunk-PA3PNTVV.js";import{sectionTemplatesOf as i}from"./chunk-BVN33R76.js";import{SidePanelHead as r,PanelModeExit as c}from"./chunk-5ZBBXZPV.js";import{useEaselSession as l}from"./chunk-O7Q4DDJT.js";import{blockRuns as a}from"./chunk-HQ4VVRIC.js";import{useScreenBlockLook as p,useScreenBlockRules as m}from"./chunk-ND55LTCA.js";import{DEFAULT_SCREEN_WORDS as d}from"./chunk-E2O2MRZR.js";import{useEasel as u}from"./chunk-6WH7FA2M.js";import{useWords as k}from"./chunk-MFIRYGHW.js";import{AddPanel as f}from"./chunk-DX4XELD6.js";import{AddIcon as h}from"./chunk-L5KW4HG5.js";import{useState as y,useEffect as b,useMemo as j}from"react";import{jsx as g,jsxs as $,Fragment as B}from"react/jsx-runtime";var O=e=>`section:${e}`,v=e=>`block:${e}`,L=e=>`template:${e}`;function x({blocks:x,blocksOnly:A,at:D,onAdd:H,itemFor:V,session:I,siteWide:N,onClose:R,onHide:C,readOnly:F}){const T=u(e=>e.config),W=p(),{labelAtLevel:Z,categoryLabel:E,firstSection:M,Icon:P,Thumbnail:X}=W,{blockIsOffered:w}=m(),z=k("screen",d).add,G=l(),[K,Q]=y([]);b(()=>{let t=!1;const o=e=>w(e,G);return i(G).list().then(n=>{if(t)return;const s=T.components;Q(n.filter(t=>t.node?.type&&s[t.node.type]&&e(t.node).every(o)))}).catch(()=>{}),()=>{t=!0}},[T,G]);const S=j(()=>t(T,W),[T]),Y=e=>({type:O(e.type),label:e.name,cover:/* @__PURE__ */g(X,{type:e.type}),title:e.desc?`${e.name} — ${e.desc}`:z.tile({name:e.name}),keywords:[e.alias??"",e.desc,e.type,e.catLabel].filter(Boolean)}),J=j(()=>{const e=[];if(x&&x.choices.length>0&&a(x.choices).forEach((t,o)=>{e.push({key:`blocks:${o}`,title:0===o?`${z.inside({name:x.parentName})}${t.group?` · ${t.group}`:""}`:t.group??"",tiles:t.items.map(e=>({type:v(e.type),label:e.label,icon:/* @__PURE__ */g(P,{type:e.type,size:18}),title:z.tile({name:e.label})}))})}),A)return e;const t=o(S,M);t&&e.push({key:"start",title:z.startBlank,tiles:[Y(t)]}),K.length>0&&e.push({key:"templates",title:z.templates,tiles:K.map(e=>{return{type:L(e.id),label:e.name,cover:/* @__PURE__ */g(X,{type:e.node.type}),keywords:[(t=e.node.type,Z(t,"section",T.components[t]?.label??t)),e.node.type]};var t})});const i=n(S,M);for(const t of Object.keys(T.categories??{})){const o=i.filter(e=>e.cat===t);0!==o.length&&e.push({key:`category:${t}`,title:s(T,t,E),tiles:o.map(Y)})}return e},[x,A,K,S,T,z]),q=e=>{const t=e.indexOf(":"),o=e.slice(0,t),n=e.slice(t+1);if("section"===o)return{kind:"section",type:n};if("block"===o)return{kind:"block",type:n};if("template"===o){const e=K.find(e=>e.id===n);return e?{kind:"template",template:e}:null}return null};/* @__PURE__ */
2
- return $(B,{children:[
3
- /* @__PURE__ */g(r,{icon:/* @__PURE__ */g(h,{size:15}),title:z.title,context:A?z.contextBlocks:z.contextAll,actions:/* @__PURE__ */g(c,{label:z.done,description:z.doneDescription,onClick:R}),onHide:C}),
4
- /* @__PURE__ */$("div",{className:"sf-addside sf-scroll",children:[
5
- /* @__PURE__ */g(f,{groups:J,session:I,itemFor:e=>V(q(e)??{kind:"section",type:e}),onInsert:e=>{const t=q(e);t&&H(t)},at:D,hint:A?z.hintBlocks:z.hint,searchLabel:A?z.searchBlocks:z.searchSections,readOnly:F}),N&&!A?N:null]})]})}export{x as AddSidePanel,v as blockKey,O as sectionKey,L as templateKey};
@@ -1,5 +0,0 @@
1
- import{slotFieldsOf as n}from"./chunk-PLVEGYK6.js";import{usePickFollowsSelection as e}from"./chunk-R6WTQWAC.js";import{EaselCanvas as t,useSelectedFields as r}from"./chunk-6WH7FA2M.js";import{Inspector as o}from"./chunk-VCQVNPTG.js";import{DesktopIcon as u}from"./chunk-L5KW4HG5.js";import{createContext as i,useContext as l}from"react";import{jsx as s}from"react/jsx-runtime";var c={kind:"puck"};function a(n,e){const t=n,r=e,o=Object.keys(t);return o.length===Object.keys(r).length&&o.every(n=>Object.is(t[n],r[n]))}function f(n){const e=n;return"string"==typeof e.nodeId&&"string"==typeof e.slot}function d(e,t,r){const o=e.slotsOf?.(r);return o||n(t,r.type).map(n=>({slot:n,label:n,rung:!1}))}function p(n,e){return n.isFirst?n.isFirst(e):e.type===n.first}function k(n,e){return n.isLast?n.isLast(e):e.type===n.last}var m={},h={},v=()=>m,g=()=>"",y=()=>null,b=()=>{},j={isLockedBlock:()=>!1,duplicateBlocked:()=>null,nestDepth:()=>0,newSectionNode:()=>null,canAddTo:()=>null,blockIsOffered:()=>!0},L={labelAtLevel:(n,e,t)=>t,descriptions:{},categoryLabel:()=>{},firstSection:null,blockRowName:(n,e)=>e(n.type),plainText:n=>n,Icon:()=>null,Thumbnail:()=>null,useProducts:()=>null},O={options:[{id:"desktop",label:"Desktop",icon:/* @__PURE__ */s(u,{})}],initial:"desktop",fluid:"desktop",widths:{desktop:2e3}},w={read:()=>"sections",write:()=>{},forSelection:(n,e)=>n?"sections":e},C={first:null,last:null,firstGroup:null,lastGroup:null,isSectionGroup:()=>!1,sectionGroupZone:()=>"",panelOf:()=>null};function G(){/* @__PURE__ */
2
- return s(t,{height:"fill"})}function P(){const{id:n,fields:e,values:t,readOnly:u,onChange:i}=r();/* @__PURE__ */
3
- return s("div",{className:"es-sidepanel es-sidepanel--right",children:/* @__PURE__ */s(o,{fields:e,values:t,onChange:i,readOnly:u,idPrefix:n})})}var S=i({});function N({parts:n,children:e}){/* @__PURE__ */
4
- return s(S.Provider,{value:n,children:e})}function D(){return l(S)}function T(){return(D().useOwnerName??g)()}function x(){return(D().useDocumentLabel??y)()}function A(n,e,t,r){return(D().useBridges??v)(n,e,t,r)}function B(n){return(D().useStandaloneBridges??v)(n)}function F(n,e){(D().useDocumentPass??b)(n,e)}function I(){return D().blockRules??j}function V(){return D().blockLook??L}function W(){return D().devices??O}function H(){return D().leftView??w}function K(){return D().pinned??C}function R(){return D().saveSwitch??!0}function Q(n){e(!0===D().pickFollowsSelection,n)}function E(){return D().add??h}function M(){return D().storageNamespace||void 0}function Y(){return D().styleClipboard??null}function Z(){return D().nodeKeys??!0}function q(){return D().notify??null}function z(){return D().Canvas??G}function J(){return D().CanvasHead??null}function U(){return D().canvasDrag??null}var X=i(null);function $({target:n,children:e}){/* @__PURE__ */
5
- return s(X.Provider,{value:n,children:e})}function _(){return l(X)}function nn(){return D().Inspector??P}export{c as SELECTION_MODE,$ as ScreenCanvasTargetProvider,N as ScreenPartsProvider,p as isPinnedFirst,k as isPinnedLast,f as isSlotMode,a as sameInspectorMode,d as screenSlotsOf,E as useScreenAdd,V as useScreenBlockLook,I as useScreenBlockRules,A as useScreenBridges,U as useScreenCanvasDrag,z as useScreenCanvasFrame,J as useScreenCanvasHead,_ as useScreenCanvasTarget,W as useScreenDevices,x as useScreenDocumentLabel,F as useScreenDocumentPass,nn as useScreenInspectorPanel,H as useScreenLeftView,Z as useScreenNodeKeys,q as useScreenNotify,T as useScreenOwnerName,D as useScreenParts,Q as useScreenPickFollowsSelection,K as useScreenPinned,R as useScreenSaveSwitch,M as useScreenStorageNamespace,Y as useScreenStyleClipboard,B as useStandaloneScreenBridges};
File without changes
@@ -1,6 +0,0 @@
1
- import{wordFitVars as e}from"./chunk-BZ5ASXOL.js";import{jsx as a,jsxs as i}from"react/jsx-runtime";function s({options:s,value:l,onChange:t,ariaLabel:n,fit:r,disabled:d=!1,className:c}){const o=r&&e(s.length,r);
2
- /* @__PURE__ */
3
- return a("div",{className:"es-segs-fit",children:/* @__PURE__ */a("div",{role:"group","aria-label":n,"data-disabled":d||void 0,className:`es-segs${o?" is-measured":""}${c?` ${c}`:""}`,style:o,children:s.map(e=>{const s=e.id===l,n=e.title??("string"==typeof e.label?e.label:void 0),r=d||!0===e.disabled,c=`es-seg${e.icon?" has-icon":""}${s?" is-active":""}`;/* @__PURE__ */
4
- return i("button",{type:"button",title:n,"aria-label":n,"aria-pressed":s,disabled:r,className:c,onClick:()=>t(e.id),children:[e.icon?/* @__PURE__ */a("span",{className:"es-seg-icon","aria-hidden":"true",children:e.icon}):null,
5
- /* @__PURE__ */a("span",{className:"es-seg-word",children:e.label})]},String(e.id))})})})}function l({checked:e,onChange:i,disabled:s,id:l,ariaLabel:t,ariaLabelledBy:n,className:r}){/* @__PURE__ */
6
- return a("button",{type:"button",role:"switch",id:l,"aria-checked":e,"aria-label":t,"aria-labelledby":n,disabled:s,className:r?`es-switch ${r}`:"es-switch",onClick:()=>i(!e)})}export{s as SettingsSegmented,l as SettingsSwitch};
@@ -1 +0,0 @@
1
- import{useScreenBlockRules as e}from"./chunk-ND55LTCA.js";import{newNodeId as t,ROOT_ZONE as n}from"./chunk-PLVEGYK6.js";import{useEasel as o,useEaselApi as r}from"./chunk-6WH7FA2M.js";import{useMemo as s}from"react";function i(i={}){const{dispatch:p}=o(e=>e),d=r(),c=!0===i.readOnly,a=e().resolveOnInsert,m=!0===(i.resolveOnInsert??a);return s(()=>{const e=(e,n,o)=>{const r=t(n);return c||p({type:"insert",componentType:n,destinationZone:e,destinationIndex:o,id:r}),r},o=e=>(m&&!c&&d.resolveNode(e,{trigger:"insert"}),e),r=(e,t,n)=>{c||p({type:"replace",destinationZone:e,destinationIndex:t,data:n})},s=(t,n,r)=>o(e(t,n,r));return{insertComponent:s,insertSection:(e,t)=>s(n,e,t),replaceComponent:r,seedChild:(t,n,s,i)=>{const p=e(t,s,n);r(t,n,{type:s,props:{id:p,...i}}),o(p)},insertNode:(t,n,s)=>{const i=e(t,s.type,n);return r(t,n,{type:s.type,props:{...s.props,id:i}}),o(i)},removeComponent:(e,t)=>{c||p({type:"remove",index:t,zone:e})},reorderComponent:(e,t,n)=>{c||p({type:"reorder",sourceIndex:t,destinationIndex:n,destinationZone:e})},duplicateComponent:(e,t)=>{c||p({type:"duplicate",sourceIndex:t,sourceZone:e})},select:e=>p({type:"setUi",ui:{itemSelector:e}}),setDocument:e=>{c||p({type:"setData",data:e})},commitDocument:(e,t)=>{c||d.run({data:e,select:t})}}},[p,c,m,d])}export{i as useSectionOps};
@@ -1 +0,0 @@
1
- var e=/\b(transform|translate|rotate|scale|perspective|filter|backdrop-filter|contain)\b/;function t(t){const n=e=>t.getPropertyValue(e).trim(),r=(e,t)=>{const r=n(e);return""!==r&&!t.includes(r)};return!!r("transform",["none"])||(!!(r("translate",["none"])||r("rotate",["none"])||r("scale",["none"]))||(!!r("perspective",["none"])||(!!r("filter",["none"])||(!(!r("backdrop-filter",["none"])&&!r("-webkit-backdrop-filter",["none"]))||(!!/\b(layout|paint|strict|content)\b/.test(n("contain"))||(!!r("container-type",["normal"])||(!!r("content-visibility",["visible"])||e.test(n("will-change")))))))))}function n(e){const n=e?.ownerDocument,r=n?.defaultView;if(!(e&&n&&r&&e.isConnected))return null;for(let o=e;o&&o!==n.body&&o!==n.documentElement;o=o.parentElement)if(t(r.getComputedStyle(o)))return null;return e}export{n as menuPortalTarget};
@@ -1,10 +0,0 @@
1
- import{clientOnly as e}from"./chunk-GXQCZJOP.js";import{ScreenStoreProvider as n}from"./chunk-VINYARYJ.js";import{ScreenChrome as r}from"./chunk-37OCQYNX.js";import{ScreenDocumentProvider as t,useScreenDocument as a}from"./chunk-C6BJB5AC.js";import{DEFAULT_SCREEN_WORDS as i}from"./chunk-E2O2MRZR.js";import{documentPermissions as s}from"./chunk-THWO5YVZ.js";import{useWords as o}from"./chunk-MFIRYGHW.js";import{useMemo as d}from"react";import{jsx as c,jsxs as l,Fragment as m}from"react/jsx-runtime";var g=e(n),h=e(r);function p({saving:e,onCancel:n,onDiscard:r,onSave:t}){/* @__PURE__ */
2
- return c("div",{className:"fixed inset-0 z-[200] flex items-center justify-center bg-black/30 p-4",role:"dialog","aria-modal":"true","aria-labelledby":"sf-leave-title",children:/* @__PURE__ */l("div",{className:"w-full max-w-sm rounded-lg bg-white p-5 shadow-xl",children:[
3
- /* @__PURE__ */c("h2",{id:"sf-leave-title",className:"text-[15px] font-semibold text-zinc-900",children:"Unsaved changes"}),
4
- /* @__PURE__ */c("p",{className:"mt-2 text-[13px] leading-relaxed text-zinc-600",children:"Your most recent edits haven’t finished saving yet. Save them before switching, or leave and discard them."}),
5
- /* @__PURE__ */l("div",{className:"mt-4 flex justify-end gap-2",children:[
6
- /* @__PURE__ */c("button",{type:"button",onClick:n,className:"rounded-md border border-zinc-300 px-3 py-[7px] text-[13px] font-medium text-zinc-700 transition-colors hover:bg-zinc-100",children:"Cancel"}),
7
- /* @__PURE__ */c("button",{type:"button",onClick:r,className:"rounded-md border border-red-200 px-3 py-[7px] text-[13px] font-medium text-red-600 transition-colors hover:bg-red-50",children:"Discard & leave"}),
8
- /* @__PURE__ */c("button",{type:"button",onClick:t,disabled:e,className:"rounded-md bg-blue-600 px-3 py-[7px] text-[13px] font-medium text-white transition-colors hover:bg-blue-700 disabled:opacity-60",children:e?"Saving…":"Save & leave"})]})]})})}function u({target:e,addressing:n,onHostMessage:r,children:a}){/* @__PURE__ */
9
- return c(t,{target:e,addressing:n,onHostMessage:r,children:a})}var v=(e,n)=>/* @__PURE__ */l(m,{children:[e,n]});function f({config:e,parts:n,wrap:r=v}){const{data:t,error:l,redirecting:m,ready:u,saveStatus:f,readOnly:x,onChange:b,pendingNav:N,cancelPendingNav:y,discardAndNavigate:C,saveAndNavigate:k}=a(),j=d(()=>s(!x),[x]),w=o("screen",i);return m?/* @__PURE__ */c("div",{className:"sf-msg",children:w.loading}):l?/* @__PURE__ */c("div",{className:"sf-msg sf-msg--error",children:l}):u?t?r(
10
- /* @__PURE__ */c(g,{config:e,data:t,onChange:b,permissions:j,parts:n,children:/* @__PURE__ */c(h,{})}),N&&/* @__PURE__ */c(p,{saving:"saving"===f,onCancel:y,onDiscard:C,onSave:()=>{k()}})):/* @__PURE__ */c("div",{className:"sf-msg",children:w.loading}):/* @__PURE__ */c("div",{className:"sf-msg",children:w.waitingForAuthorization})}export{f as DocumentScreen,u as ScreenMount};
@@ -1,22 +0,0 @@
1
- import{FieldSelect as e}from"./chunk-EOJNJCMJ.js";import{TreeSeam as n}from"./chunk-ZFDCDJNZ.js";import{DEFAULT_TREE_WORDS as l}from"./chunk-3EDSDPIP.js";import{EaselContextMenu as t}from"./chunk-KTVH2ZRL.js";import{SettingsField as a,SETTINGS_BUCKETS as r,SettingsTabs as i,SettingsGroup as o}from"./chunk-ZNS7727Y.js";import{DEFAULT_PANEL_WORDS as s}from"./chunk-QTLAVDJE.js";import{FieldNumber as c}from"./chunk-EWVJSRRY.js";import{DEFAULT_FIELDS_WORDS as u}from"./chunk-FPOKPNO4.js";import{SettingsSegmented as d}from"./chunk-P6O363EE.js";import{useWords as m}from"./chunk-MFIRYGHW.js";import{useTreeDrag as p,gapToMoveIndex as h}from"./chunk-67GNT6PF.js";import{ChevronIcon as b,LockIcon as f,MoveUpIcon as v,MoveDownIcon as g,DuplicateIcon as y,TrashIcon as x}from"./chunk-L5KW4HG5.js";import{useRef as k,useState as N,useLayoutEffect as O,useId as w}from"react";import{jsx as C,jsxs as I}from"react/jsx-runtime";function S({id:e,value:n,onChange:l,placeholder:t,multiline:a=!1,rows:r=3,readOnly:i=!1,ariaLabel:o,ariaLabelledBy:s}){const c=n??"";return a?/* @__PURE__ */C("textarea",{id:e,className:"es-fin es-fin--area",value:c,rows:r,placeholder:t,readOnly:i,"aria-label":o,"aria-labelledby":s,onChange:e=>l(e.target.value)}):/* @__PURE__ */C("input",{id:e,type:"text",className:"es-fin",value:c,placeholder:t,readOnly:i,"aria-label":o,"aria-labelledby":s,onChange:e=>l(e.target.value)})}function D(e,n,l){const t=e.slice();return t.splice(Math.max(0,Math.min(n,t.length)),0,l),t}function j(e,n,l){const t=e.slice(),[a]=t.splice(n,1);return t.splice(Math.max(0,Math.min(l,t.length)),0,a),t}function $(e,n){return e.filter((e,l)=>l!==n)}function L(e){return null===e||"object"!=typeof e?e:JSON.parse(JSON.stringify(e))}var F='input, textarea, select, button, [contenteditable]:not([contenteditable="false"]), [tabindex]',P={parentId:"list",slot:"items"};function E({label:e,icon:a,noun:r,items:i,onChange:o,newItem:s,summary:c,itemName:d,thumb:w,min:S=0,max:E,readOnly:A=!1,open:M,onOpen:R,renderItem:T,renderRow:J,canRemove:z,lockedReason:H,fixed:K=!1,removeOnRow:B=!0,canDuplicate:V,above:W,head:Y=!0}){const Z=m("fields",u).list,q=m("tree",l),G=r??Z.item,U=!A&&!K&&("number"!=typeof E||i.length<E),Q=i.length<=S,X=e=>!!z&&!z(i[e],e),_=e=>!A&&!K&&B&&!Q&&!X(e),ee=e=>U&&(!V||V(i[e],e)),ne=(e,n)=>d?d(e,n):Z.itemName({noun:G,n:n+1}),le=k([]),te=k(null),[ae,re]=N(null),ie=k(null),[oe,se]=N(null),[ce,ue]=N("");O(()=>{for(const e of le.current){if(!e)continue;null!==e.querySelector(F)||A?e.removeAttribute("tabindex"):e.tabIndex=0}}),O(()=>{const e=te.current;if(!e)return;te.current=null;const n=le.current[e.index]?.querySelectorAll(F)[e.nth]??le.current[e.index];if(n?.focus(),n&&null!==e.start&&"setSelectionRange"in n)try{n.setSelectionRange(e.start,e.end)}catch{}});const de=(e,n)=>{if(n<0||n>=i.length||n===e)return;const l=le.current[e],t=l?.ownerDocument.activeElement;if(l&&t&&l.contains(t)){const e=[...l.querySelectorAll(F)].indexOf(t),a=t;te.current={index:n,nth:e,start:"number"==typeof a.selectionStart?a.selectionStart:null,end:"number"==typeof a.selectionEnd?a.selectionEnd:null}}o(j(i,e,n));const a=function(e,n,l){return null===e?null:e===n?l:n<e&&l>=e?e-1:n>e&&l<=e?e+1:e}(M,e,n);a!==M&&R(a),ue(Z.moved({n:n+1,total:i.length}))},me=e=>{U&&(o(D(i,e,s())),J?(te.current={index:e,nth:0,start:null,end:null},null!==M&&M>=e&&R(M+1)):R(e))},pe=e=>{_(e)&&(o($(i,e)),M===e?R(null):null!==M&&M>e&&R(M-1))},he=p({keyOf:e=>String(e),canDrop:(e,n)=>n.parentId===P.parentId&&n.slot===P.slot,onDrop:(e,n)=>{const l=h({...P,index:e},n);l!==e&&de(e,l)},onStep:(e,n)=>de(e,e+n),canStep:(e,n)=>e+n>=0&&e+n<i.length,readOnly:A}),be=e=>{const n=[];return e>0&&n.push({label:Z.moveUp,icon:/* @__PURE__ */C(v,{size:14}),shortcut:"⌥↑",onClick:()=>de(e,e-1)}),e<i.length-1&&n.push({label:Z.moveDown,icon:/* @__PURE__ */C(g,{size:14}),shortcut:"⌥↓",onClick:()=>de(e,e+1)}),ee(e)&&n.push({label:Z.duplicate,icon:/* @__PURE__ */C(y,{size:14}),onClick:()=>(e=>{ee(e)&&(o(D(i,e+1,L(i[e]))),null!==M&&M>e&&R(M+1))})(e)}),_(e)&&n.push({label:Z.delete,icon:/* @__PURE__ */C(x,{size:14}),danger:!0,onClick:()=>pe(e)}),n},fe=(e,n,l)=>{A||0===be(e).length||se({index:e,x:n,y:l})},ve=e=>n=>{const l=i.slice();l[e]=n,o(l)};/* @__PURE__ */
2
- return I("div",{className:"es-list",children:[Y?/* @__PURE__ */I("div",{className:"es-list-head",children:[
3
- /* @__PURE__ */I("span",{className:"es-list-label",children:[a?/* @__PURE__ */C("span",{className:"es-field-icon","aria-hidden":"true",children:a}):null,e]}),
4
- /* @__PURE__ */C("span",{className:"es-list-count",children:i.length})]}):null,W?/* @__PURE__ */C("div",{className:"es-list-above",children:W}):null,i.length?/* @__PURE__ */I("div",{className:"es-list-rows",...he.rootProps(),children:[i.map((e,l)=>{const t=he.row({item:l,place:{...P,index:l}}),a=t.draggable&&ae!==l,r=!J&&M===l,i=!A&&!K&&B&&X(l),o=["es-list-row",J?"is-inline":"is-item",r?"is-open":"",a?"is-draggable":"",t.dragging?"is-dragging":"",t.drop?`is-drop-${t.drop}`:""].filter(Boolean).join(" ");/* @__PURE__ */
5
- return I("div",{className:"es-list-entry",children:[l>0?/* @__PURE__ */C(n,{...he.seam({place:{...P,index:l}}),onAdd:U?()=>me(l):void 0,label:Z.addHere({noun:G})}):null,
6
- /* @__PURE__ */I("div",{...t.rowProps,ref:e=>{le.current[l]=e},className:o,draggable:a||void 0,"aria-keyshortcuts":t.draggable?"Alt+ArrowUp Alt+ArrowDown":void 0,onPointerDown:e=>{const n=e.target.closest?.('input, textarea, select, [contenteditable]:not([contenteditable="false"])'),a=!!n&&n===n.ownerDocument.activeElement;e.currentTarget.draggable=t.draggable&&!a,ie.current=n&&!a?n:null,re(a?l:null)},onDragStart:e=>{const n=ie.current;ie.current=null,n&&n.ownerDocument.activeElement===n&&n.blur(),t.rowProps.onDragStart?.(e)},onContextMenu:e=>{A||(e.preventDefault(),e.stopPropagation(),fe(l,e.clientX,e.clientY))},onKeyDown:e=>{if("ContextMenu"===e.key||e.shiftKey&&"F10"===e.key){e.preventDefault();const n=e.currentTarget.ownerDocument,t=e=>e.preventDefault();n.addEventListener("contextmenu",t,{capture:!0,once:!0}),n.defaultView?.setTimeout(()=>n.removeEventListener("contextmenu",t,{capture:!0}),500);const a=e.currentTarget.getBoundingClientRect();return void fe(l,a.left+24,a.bottom)}t.rowProps.onKeyDown?.(e)},children:[a?/* @__PURE__ */C("span",{className:"es-list-hint","aria-hidden":"true",children:q.dragHint}):null,J?/* @__PURE__ */C("div",{className:"es-list-row-main",children:J(e,l,ve(l))}):/* @__PURE__ */I("button",{type:"button",className:"es-list-open","aria-expanded":r,onClick:()=>R(r?null:l),children:[w?/* @__PURE__ */C("span",{className:"es-list-thumb","aria-hidden":"true",children:w(e,l)}):null,
7
- /* @__PURE__ */C("span",{className:"es-list-row-name",children:ne(e,l)}),/* @__PURE__ */C("span",c?{className:"es-list-row-summary",children:c(e,l)}:{className:"es-list-row-summary"}),
8
- /* @__PURE__ */C(b,{size:14,className:"es-list-chev","aria-hidden":"true"})]}),A||K||!B?null:i?/* @__PURE__ */C("span",{className:"es-list-lock",role:"img","aria-label":H?H(e,l):Z.locked,title:H?H(e,l):Z.locked,children:/* @__PURE__ */C(f,{size:13})}):/* @__PURE__ */C("button",{type:"button",className:"es-list-x","aria-label":Z.deleteItem({noun:G}),title:Z.deleteItem({noun:G}),disabled:!_(l),onClick:()=>pe(l),children:"×"})]}),r?/* @__PURE__ */C("div",{className:"es-list-item",children:T(e,l,ve(l))}):null]},l)}),
9
- /* @__PURE__ */C(n,{...he.seam({place:{...P,index:i.length}})})]}):null,A||K?null:/* @__PURE__ */C("button",{type:"button",className:"es-list-add",disabled:!U,onClick:()=>me(i.length),children:Z.add({noun:G})}),
10
- /* @__PURE__ */C("span",{className:"es-list-said","aria-live":"polite",children:ce}),oe&&oe.index<i.length?/* @__PURE__ */C(t,{x:oe.x,y:oe.y,items:be(oe.index),onClose:()=>se(null)}):null]})}var A=(e,n)=>"string"==typeof e.label&&e.label?e.label:n;function M({field:e,name:n,id:l,value:t,onChange:a,readOnly:r,context:i,renderers:s}){const[c,u]=N(!0),d=t&&"object"==typeof t?t:{};/* @__PURE__ */
11
- return C(o,{id:`${l}-group`,title:A(e,n),open:c,onToggle:u,children:Object.entries(e.objectFields).map(([e,t])=>/* @__PURE__ */C(T,{field:t,name:`${n}.${e}`,id:`${l}-${e}`,value:d[e],onChange:n=>a({...d,[e]:n}),readOnly:r,context:i,renderers:s},e))})}function R({field:e,name:n,id:l,value:t,onChange:a,readOnly:r,context:i,renderers:o,openItem:s,onOpenItem:c}){const[u,d]=N(null),m=c?s??null:u,p=c??d,h=Array.isArray(t)?t:[],b=e.getItemSummary;/* @__PURE__ */
12
- return C(E,{label:A(e,n),icon:e.icon,noun:"string"==typeof e.noun?e.noun:void 0,items:h,onChange:a,newItem:()=>L({...e.defaultItemProps??{}}),summary:b?(e,n)=>b(e,n):void 0,min:e.min,max:e.max,readOnly:r,open:m,onOpen:p,renderItem:(t,a,s)=>Object.entries(e.arrayFields).map(([e,c])=>/* @__PURE__ */C(T,{field:c,name:`${n}[${a}].${e}`,id:`${l}-${a}-${e}`,value:t?.[e],onChange:n=>s({...t,[e]:n}),readOnly:r,context:i,renderers:o},e))})}function T(n){const{field:l,name:t,id:r,value:i,onChange:o,readOnly:s,context:u,renderers:m}=n;if(!l||l.marker||!1===l.visible)return null;const p=m?.[l.type];if(p)return p({field:l,name:t,id:r,value:i,onChange:o,readOnly:s});switch(l.type){case"custom":{const e={...u,field:l,name:t,id:r,value:i,onChange:o,readOnly:s};return l.render(e)}case"text":case"textarea":/* @__PURE__ */
13
- return C(a,{label:A(l,t),htmlFor:r,icon:l.icon,hint:l.hint,children:/* @__PURE__ */C(S,{id:r,value:"string"==typeof i?i:null==i?"":String(i),onChange:o,placeholder:l.placeholder,multiline:"textarea"===l.type,readOnly:s})});case"number":/* @__PURE__ */
14
- return C(a,{label:A(l,t),htmlFor:r,icon:l.icon,hint:l.hint,children:/* @__PURE__ */C(c,{id:r,value:"number"==typeof i?i:void 0,onChange:o,min:l.min,max:l.max,step:l.step,placeholder:l.placeholder,readOnly:s})});case"select":{const n=`${r}-label`;/* @__PURE__ */
15
- return C(a,{label:A(l,t),labelId:n,htmlFor:r,icon:l.icon,hint:l.hint,children:/* @__PURE__ */C(e,{id:r,value:i,options:l.options,onChange:o,readOnly:s,ariaLabelledBy:n})})}case"radio":/* @__PURE__ */
16
- return C(a,{label:A(l,t),icon:l.icon,hint:l.hint,children:/* @__PURE__ */C(d,{ariaLabel:A(l,t),value:i,options:l.options.map(e=>({id:e.value,label:e.label,icon:e.icon,disabled:e.disabled||s})),onChange:e=>{s||o(e)}})});case"object":/* @__PURE__ */
17
- return C(M,{...n,field:l});case"array":/* @__PURE__ */
18
- return C(R,{...n,field:l});case"slot":return null}}var J=e=>r.includes(e);function z(e){let n=r[0];const l=[],t=/* @__PURE__ */new Set;for(const[a,r]of Object.entries(e))r&&(J(r.bucket)&&(n=r.bucket),r.marker||!1===r.visible||(l.push({name:a,field:r,bucket:n}),"slot"!==r.type&&t.add(n)));return{rows:l,buckets:r.filter(e=>t.has(e))}}function H(e){return new Map(z(e).rows.map(e=>[e.name,e.bucket]))}function K({fields:e,values:n,onChange:l,readOnly:t=!1,context:a,tab:r,onTab:o,tabs:c=!0,tabIcons:u,renderers:d,idPrefix:p,ariaLabel:h,children:b}){const f=m("panel",s),v=w(),g=p??`es-insp${v.replace(/:/g,"")}`,y=z(e),[x,k]=N(void 0),O=r??x,S=O&&y.buckets.includes(O)?O:y.buckets[0],[D,j]=N(null),$=D&&D.panel===g&&y.rows.some(e=>e.name===D.name)?D:null,L=c&&y.buckets.length>1,F=`${g}-rows`,P=e=>`${g}-tab-${e.toLowerCase()}`;/* @__PURE__ */
19
- return I("div",{className:"es-insp",children:[L?/* @__PURE__ */C("div",{className:"es-insp-tabs",children:/* @__PURE__ */C(i,{ariaLabel:h??f.settings,activeId:S,onSelect:e=>{const n=e;void 0===r&&k(n),o?.(n)},items:y.buckets.map(e=>({id:e,label:f.buckets[e],icon:u?.[e],htmlId:P(e),panelId:F}))})}):null,
20
- /* @__PURE__ */I("div",{className:"es-insp-rows",id:F,role:L?"tabpanel":void 0,"aria-labelledby":L&&S?P(S):void 0,children:[y.rows.map(({name:e,field:r,bucket:i})=>/* @__PURE__ */C("div",{className:"es-insp-row","data-field":e,"data-bucket":i,hidden:!(!L||i===S)||void 0,children:/* @__PURE__ */C(T,{field:r,name:e,id:`${g}-${e}`,value:n[e],onChange:n=>l(e,n),readOnly:t,context:a,renderers:d,openItem:$&&$.name===e?$.index:null,onOpenItem:n=>j(null===n?null:{panel:g,name:e,index:n})})},e)),b]})]})}function B(e){return"select"===e.type?e.options:"groups"===e.type?e.groups.flatMap(e=>e.options):[]}function V({value:n,onChange:l,kinds:t,rules:a,filtersFor:r,label:i,readOnly:o}){const s=m("fields",u).link??u.link,[c,d]=N(null),[p,h]=N(null),b=c??a.kindOf(n),f=t.filter(e=>!e.hideWhenEmpty||B(e.target).length>0||e.value===b),v=f.find(e=>"text"===e.target.type),g=f.find(e=>e.value===b)??v??f[0];if(!g)return null;const y="text"!==g.target.type,x=y?a.targetOf(n):n,k=B(g.target),O=k.find(e=>e.value===x),w=e=>({value:e,label:s.unavailable({value:e})}),S="select"===g.target.type&&x&&r?r(x):null,D=S?a.readFilter(n):null,j=D?S?.find(e=>e.param===D.param):void 0,$=p&&p.against===n?p.text:n,L=!y&&""!==$.trim()&&!a.isSafe($),F=e=>{if(!e)return l("");const n=k.find(n=>n.value===e);l(e,n?.label)},P=(e,n)=>n&&!e.some(e=>e.value===n)?[w(n),...e]:[...e];let E;if("text"===g.target.type)E=/* @__PURE__ */C("input",{type:"text",className:"es-fin","aria-label":s.address,"aria-invalid":L||void 0,placeholder:s.addressPlaceholder,value:$,readOnly:o,onChange:e=>(e=>{const t=e.trim();t?a.isSafe(e)?(h({text:e,against:t}),l(t)):h({text:e,against:n}):(h({text:e,against:""}),l(""))})(e.target.value)});else{const n="groups"===g.target.type?g.target.groups.flatMap(e=>e.options.map(n=>({value:n.value,label:n.label,group:e.label}))):g.target.options.map(e=>({value:e.value,label:e.label}));E=/* @__PURE__ */C(e,{ariaLabel:g.label,value:x,options:[{value:"",label:g.target.placeholder},...P(n,x)],searchable:n.length>10,readOnly:o,onChange:F})}/* @__PURE__ */
21
- return I("div",{className:"es-flink",role:i?"group":void 0,"aria-label":i,children:[
22
- /* @__PURE__ */C(e,{ariaLabel:s.linkType,value:g.value,options:f.map(e=>({value:e.value,label:e.label})),readOnly:o,onChange:e=>{d(e),h(null);const n=f.find(n=>n.value===e);if(!n||"text"===n.target.type)return;const t=B(n.target)[0];t?l(t.value,t.label):l("")}}),E,S&&/* @__PURE__ */C(e,{ariaLabel:s.filter,value:D?.param??"",options:[{value:"",label:s.noFilter},...D&&!j?[w(D.param)]:[],...S.map(e=>({value:e.param,label:e.label}))],readOnly:o,onChange:e=>{if(!e)return l(x,O?.label);const n=S?.find(n=>n.param===e),t=n?.values[0];t&&l(a.withFilter(x,{param:e,value:t.value}),t.label)}}),S&&D&&/* @__PURE__ */C(e,{ariaLabel:s.value,value:D.value,options:P((j?.values??[]).map(e=>({value:e.value,label:e.label})),D.value),searchable:(j?.values.length??0)>10,readOnly:o,onChange:e=>{if(!D)return;const n=j?.values.find(n=>n.value===e);l(a.withFilter(x,{param:D.param,value:e}),n?.label)}}),L&&/* @__PURE__ */C("p",{className:"es-flink-error",role:"alert",children:s.unsafe}),g.hint&&/* @__PURE__ */C("p",{className:"es-flink-hint",children:g.hint}),S&&/* @__PURE__ */C("p",{className:"es-flink-hint",children:s.filterHint})]})}export{S as FieldText,K as Inspector,T as InspectorField,V as LinkPicker,E as ListField,H as bucketsOf,L as copyItem,D as insertAt,A as labelOf,j as moveTo,z as planFields,$ as removeAt};
@@ -1,3 +0,0 @@
1
- import{DEFAULT_RAIL_WORDS as a}from"./chunk-2OAZYSWJ.js";import{wordFitVars as i}from"./chunk-BZ5ASXOL.js";import{jsxs as e,jsx as r}from"react/jsx-runtime";function o({label:a,worded:i,icon:o,active:l,disabled:t,onSelect:n,className:d}){const s=["es-rail-btn",l?"is-active":"",d??""].filter(Boolean).join(" ");/* @__PURE__ */
2
- return e("button",{type:"button",className:s,title:a,"aria-label":a,"aria-pressed":"boolean"==typeof l?l:void 0,disabled:t,onClick:t?void 0:n,children:[o,i?/* @__PURE__ */r("span",{className:"es-rail-word","aria-hidden":"true",children:a}):null]})}function l({items:e,ariaLabel:l=a.label,className:t,orientation:n="column",wordFit:d}){const s="row"===n,c=s&&d?d:void 0;/* @__PURE__ */
3
- return r("div",{className:["es-rail",s?"es-rail-row":"",c?"is-measured":"",t??""].filter(Boolean).join(" "),role:"toolbar","aria-orientation":s?"horizontal":"vertical","aria-label":l,style:c&&i(e.length,c),children:e.map(a=>/* @__PURE__ */r(o,{label:a.label,worded:Boolean(c),icon:a.icon,active:a.active,disabled:a.disabled,onSelect:a.onSelect},a.id))})}var t={railWidth:46,railPaddingY:8,railGap:4,railRadius:12,buttonSize:34,buttonRadius:9,iconSize:18,wordPaddingX:8,wordGap:8,wordFontSize:12,wordFontWeight:500,transition:"background 0.12s, color 0.12s",disabledOpacity:.35,color:{background:"#ffffff",shadow:"0 1px 2px rgba(0, 0, 0, 0.05), 0 10px 30px rgba(0, 0, 0, 0.06)",idle:"#6b7280",hoverBg:"#f3f4f6",hoverFg:"#111827",accent:"#2563eb",accentTint:"#eff6ff"}},n={railWidth:"--es-rail-w",railPaddingY:"--es-rail-pad-y",railGap:"--es-rail-gap",railRadius:"--es-rail-radius",buttonSize:"--es-rail-btn-size",buttonRadius:"--es-rail-btn-radius",iconSize:"--es-rail-icon-size",wordPaddingX:"--es-rail-word-pad-x",wordGap:"--es-rail-word-gap",wordFontSize:"--es-rail-word-size",wordFontWeight:"--es-rail-word-weight",background:"--es-rail-bg",shadow:"--es-rail-shadow",idle:"--es-rail-fg",hoverBg:"--es-rail-hover-bg",hoverFg:"--es-rail-hover-fg",accent:"--es-rail-accent",accentTint:"--es-rail-accent-tint"};export{l as EaselRail,o as EaselRailButton,n as railCssVars,t as railTokens};
@@ -1,25 +0,0 @@
1
- import{DEFAULT_NOTICE_WORDS as e,DEFAULT_CHROME_WORDS as n}from"./chunk-ZJEBF4NB.js";import{holderOf as t,describeAge as i,nameOrSomeone as r}from"./chunk-THWO5YVZ.js";import{DEFAULT_LOCK_WORDS as a}from"./chunk-RE4LP46F.js";import{railTokens as o,EaselRail as s}from"./chunk-WZ7TGAAT.js";import{DEFAULT_RAIL_WORDS as l}from"./chunk-2OAZYSWJ.js";import{useWords as c}from"./chunk-MFIRYGHW.js";import{PanelLeftIcon as d,PanelRightIcon as u,MediaIcon as m,ImageIcon as h}from"./chunk-L5KW4HG5.js";import{jsx as p,jsxs as v,Fragment as f}from"react/jsx-runtime";import{useRef as b,useState as k,useCallback as g,useEffect as y,useLayoutEffect as w}from"react";function N({children:e}){/* @__PURE__ */
2
- return p("div",{className:"es-topbar",children:e})}function C({kind:e,style:n,children:t}){/* @__PURE__ */
3
- return p("div",{className:e?`es-cluster es-cluster--${e}`:"es-cluster",style:n,children:t})}function x(){/* @__PURE__ */
4
- return p("div",{className:"es-divider-v","aria-hidden":"true"})}var P="undefined"==typeof window?y:w;function O({items:e,ariaLabel:n,onWords:t}){const i=c("rail",l),r=b(null),[a,d]=k(void 0),[u,m]=k(null),h=JSON.stringify(e.map(e=>e.label));P(()=>{const n=r.current?.querySelector(".es-rail");if(!n)return;const t=document.createElement("canvas").getContext?.("2d")??null,i=()=>{if(m(h),!t)return d(void 0);const i=function(e,n,t){const i=parseFloat(getComputedStyle(e).getPropertyValue(n));return Number.isFinite(i)?i:t}(n,"--es-rail-word-size",o.wordFontSize),r=getComputedStyle(n).getPropertyValue("--es-rail-word-weight").trim()||String(o.wordFontWeight),a=getComputedStyle(n.querySelector(".es-rail-btn")??n).fontFamily;t.font=`${r} ${i}px ${a}`;const s=e.map(e=>t.measureText(e.label).width),l=e=>Math.ceil(4*e)/4;d({labelsPx:l(s.reduce((e,n)=>e+n,0)),widestLabelPx:l(Math.max(0,...s))})};i();let a=!0;return document.fonts?.ready.then(()=>a&&i()),()=>{a=!1}},[h]);const v=b(t);v.current=t;const f=b(null),g=Boolean(t),y=e.map(e=>e.active?"1":"0").join("");return P(()=>{const e=r.current;if(!g||!e||u!==h)return;const n=()=>{const n=Array.from(e.querySelectorAll(".es-rail-word")),t=n.filter(e=>e.getBoundingClientRect().width>0).length,i=n.length>0&&t===n.length?"all":t>0?"chosen":"none";i!==f.current&&(f.current=i,v.current?.(i))};n();const t=e.ownerDocument.defaultView?.ResizeObserver,i=t?new t(n):null;return i?.observe(e),()=>i?.disconnect()},[g,u,h,a,y]),/* @__PURE__ */p("div",{ref:r,className:"es-cluster es-cluster--rail es-rail-fit",children:/* @__PURE__ */p(s,{items:e,ariaLabel:n??i.label,orientation:"row",wordFit:a})})}function L({label:e,onClick:n,disabled:t,state:i,buttonRef:r,children:a}){/* @__PURE__ */
5
- return p("button",{ref:r,type:"button",className:i?`es-iconbtn es-iconbtn--${i}`:"es-iconbtn",title:e,"aria-label":e,disabled:t,onClick:n,children:a})}function S({devices:e,value:t,onChange:i,ariaLabel:r}){const a=c("chrome",n);/* @__PURE__ */
6
- return p("div",{className:"es-devseg",role:"group","aria-label":r??a.device,children:e.map(e=>{const n=e.id===t;/* @__PURE__ */
7
- return p("button",{type:"button",title:e.label,"aria-label":e.label,"aria-pressed":n,className:n?"is-active":void 0,onClick:()=>{n||i(e.id)},children:e.icon},e.id)})})}var B={idle:"is-quiet",saved:"is-quiet is-saved",saving:"is-saving",error:"is-error",off:"is-off","off-unsaved":"is-off is-unsaved"};function $({tone:e,label:n,counting:t,waitMs:i,ringRef:r,role:a}){/* @__PURE__ */
8
- return v("span",{className:`es-savestate ${B[e]}`,role:a,"aria-live":"polite",children:[/* @__PURE__ */p("span",t?{ref:r,className:"es-savestate-ring is-counting",style:void 0!==i?{"--es-savewait":`${i}ms`}:void 0,"aria-hidden":"true"}:{className:"es-savestate-dot","aria-hidden":"true"}),n]})}function M({pressed:e,title:n,onToggle:t,children:i}){/* @__PURE__ */
9
- return p("button",{type:"button",className:"es-savestate-toggle","aria-pressed":e,title:n,onClick:t,children:i})}var R="es-col-resizing";function z({side:e,width:t,min:i,max:r,defaultWidth:a,label:o,onResize:s}){const l=c("chrome",n),d=b(null),u=g((n,t)=>{const a="left"===e?n+t:n-t;return Math.round(Math.min(r,Math.max(i,a)))},[e,i,r]),m=g(e=>{d.current&&(d.current=null,document.body.classList.remove(R),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId))},[]),h=g(e=>{0===e.button&&(d.current={x:e.clientX,w:t,moved:!1},e.currentTarget.setPointerCapture(e.pointerId),document.body.classList.add(R))},[t]),v=g(e=>{const n=d.current;if(!n)return;if(0===e.buttons)return void m(e);const t=e.clientX-n.x;if(!n.moved){if(Math.abs(t)<3)return;n.moved=!0}s(u(n.w,t))},[s,u,m]),f=g(e=>{"ArrowLeft"===e.key?(e.preventDefault(),s(e=>u(e,-16))):"ArrowRight"===e.key?(e.preventDefault(),s(e=>u(e,16))):"Home"===e.key&&(e.preventDefault(),s(a))},[s,u,a]);return y(()=>()=>document.body.classList.remove(R),[]),/* @__PURE__ */p("div",{className:`es-resizer es-resizer--${e}`,role:"separator",tabIndex:0,"aria-orientation":"vertical","aria-label":o,"aria-valuenow":t,"aria-valuemin":i,"aria-valuemax":r,title:l.resize,onPointerDown:h,onPointerMove:v,onPointerUp:m,onPointerCancel:m,onLostPointerCapture:m,onDoubleClick:()=>s(a),onKeyDown:f,children:/* @__PURE__ */p("span",{className:"es-resizer-bar","aria-hidden":"true"})})}function T({icon:e,name:n,kind:t,actions:i}){/* @__PURE__ */
10
- return v("div",{className:"es-insp-head",children:[
11
- /* @__PURE__ */p("span",{className:"es-insp-chip","aria-hidden":"true",children:e}),
12
- /* @__PURE__ */v("div",{className:"es-insp-titles",children:[
13
- /* @__PURE__ */p("h2",{className:"es-insp-name",children:n}),
14
- /* @__PURE__ */p("div",{className:"es-insp-kind",children:t})]}),i?/* @__PURE__ */p("div",{className:"es-insp-actions",children:i}):null]})}function F({label:e,title:n,hasPopup:t,onClick:i,disabled:r,danger:a,expanded:o,buttonRef:s,children:l}){/* @__PURE__ */
15
- return p("button",{ref:s,type:"button",className:a?"es-insp-iconbtn es-insp-iconbtn--danger":"es-insp-iconbtn",title:n??e,"aria-label":e,"aria-haspopup":t,"aria-expanded":o,disabled:r,onClick:i,children:l})}function W({name:e,onSelect:t,label:i,inline:r}){const a=c("chrome",n),o=i??a.upLevel,s=/* @__PURE__ */v("button",{type:"button",className:"es-insp-up-btn",title:o,"aria-label":a.upLevelTo({label:o,name:e}),onClick:t,children:[
16
- /* @__PURE__ */p("span",{className:"es-insp-up-arrow","aria-hidden":"true",children:"←"}),
17
- /* @__PURE__ */p("span",{className:"es-insp-up-name",children:e})]});return r?s:/* @__PURE__ */p("div",{className:"es-insp-up",children:s})}function j({context:e,pick:t,onCancel:i,onHide:r,side:a="left"}){const o=c("chrome",n),s=r?/* @__PURE__ */p(F,{label:o.hidePanelLabel({side:a}),title:o.hidePanel,onClick:r,children:/* @__PURE__ */p("left"===a?d:u,{size:16})}):null;if(!t)/* @__PURE__ */
18
- return p(T,{icon:/* @__PURE__ */p(m,{}),name:o.mediaLibrary,kind:e,actions:s??void 0});const l=o.mediaKinds[t.kind];/* @__PURE__ */
19
- return p(T,{icon:/* @__PURE__ */p(h,{size:15}),name:o.mediaChoose({kind:l}),kind:t.field?o.mediaFor({field:t.field}):e,actions:/* @__PURE__ */v(f,{children:[
20
- /* @__PURE__ */p("button",{type:"button",className:"es-btn-ghost es-insp-textbtn",title:o.mediaKeep({kind:l}),onClick:i,children:o.mediaCancel}),s?/* @__PURE__ */v(f,{children:[
21
- /* @__PURE__ */p("span",{className:"es-insp-divider","aria-hidden":"true"}),s]}):null]})})}function A(e){return/svg/i.test(e)?"svg":e.startsWith("video")?"video":"image"}var D={notice:e,lock:a};function H(e,n,a,o=D){const s=o.notice,l=t(e),c={kind:"reload",label:s.reload};if(n){const e=i(n.secondsAgo,o.lock);return{tone:"warning",urgent:!0,lead:n.savedByYou?s.savedByYou({noun:a,when:e}):s.savedByOther({name:r(n.savedBy,o.lock),noun:a,when:e}),body:s.conflictBody,actions:l?[c,{kind:"take-over",label:s.takeOver,title:s.takeOverWhileDeciding}]:[c]}}if(!l)return null;const d=r(l.name,o.lock),u=i(l.secondsSinceSeen,o.lock);switch(e.kind){case"takenover":return{tone:"warning",urgent:!0,lead:s.tookOver({name:d,noun:a,when:i(l.secondsSinceHeld,o.lock)}),body:s.tookOverBody,actions:[{kind:"take-back",label:s.takeBack},c]};case"readonly":return{tone:"neutral",urgent:!1,lead:s.viewingOnly,body:s.viewingOnlyBody({name:d,noun:a,seen:u}),actions:[{kind:"take-over",label:s.takeOver}]};default:return{tone:"warning",urgent:!1,lead:s.editing({name:d,noun:a}),body:s.editingBody({seen:u}),actions:[{kind:"view-read-only",label:s.viewReadOnly},{kind:"take-over",label:s.takeOver,title:s.takeOverTold}]}}}function q({access:n,conflict:t,noun:i,onTakeOver:r,onViewReadOnly:o,onReload:s}){const l=H(n,t,i,{notice:c("notice",e),lock:c("lock",a)});if(!l)return null;const d={reload:s,"take-over":r,"take-back":r,"view-read-only":o};/* @__PURE__ */
22
- return v("div",{className:`es-notice is-${l.tone}`,role:l.urgent?"alert":"status",children:[
23
- /* @__PURE__ */v("span",{className:"es-notice-text",children:[
24
- /* @__PURE__ */p("strong",{children:l.lead})," ",l.body]}),
25
- /* @__PURE__ */p("span",{className:"es-notice-actions",children:l.actions.map(e=>/* @__PURE__ */p("button",{type:"button",className:"es-notice-btn",title:e.title,onClick:d[e.kind],children:e.label},e.kind))})]})}var I={left:288,right:320},V=220,Y=560;function K(e){return Math.min(560,Math.max(220,Math.round(e)))}function Z(e){return{"--es-left-w":`${e.left}px`,"--es-right-w":`${e.right}px`}}function E(e,n){e.style.setProperty("--es-left-w",`${n.left}px`),e.style.setProperty("--es-right-w",`${n.right}px`)}export{I as DEFAULT_PANEL_W,S as DeviceSwitch,L as EaselIconButton,N as EaselTopBar,q as EditNotice,T as InspectorHead,F as InspectorIconButton,W as InspectorUpLevel,Y as MAX_PANEL_W,V as MIN_PANEL_W,j as MediaPanelHead,z as PanelResizeHandle,$ as SaveState,M as SaveStateToggle,C as TopBarCluster,x as TopBarDivider,O as TopBarRail,K as clampPanelWidth,H as editNotice,A as mediaPickKind,Z as panelWidthVars,E as setPanelWidthVars};
@@ -1 +0,0 @@
1
- import{DEFAULT_TEXT_STYLES_WORDS as o}from"./chunk-M6F6LS3H.js";import{DEFAULT_STYLE_CLIPBOARD_WORDS as r}from"./chunk-6WY6ZXJG.js";import{DEFAULT_NODE_MENU_WORDS as t}from"./chunk-WK3AFPXY.js";import{DEFAULT_SCREEN_WORDS as m}from"./chunk-E2O2MRZR.js";import{DEFAULT_CANVAS_WORDS as n}from"./chunk-AELNNAFM.js";import{DEFAULT_TREE_WORDS as c}from"./chunk-3EDSDPIP.js";import{DEFAULT_PANEL_WORDS as s}from"./chunk-QTLAVDJE.js";import{DEFAULT_SAVE_WORDS as f}from"./chunk-H6DDIBQ4.js";import{DEFAULT_CHROME_WORDS as p,DEFAULT_NOTICE_WORDS as e}from"./chunk-ZJEBF4NB.js";import{DEFAULT_LOCK_WORDS as i}from"./chunk-RE4LP46F.js";import{DEFAULT_RAIL_WORDS as u}from"./chunk-2OAZYSWJ.js";import{DEFAULT_COPY_WORDS as k}from"./chunk-UH7IGZKF.js";import{DEFAULT_PICK_WORDS as j}from"./chunk-ZAOM6PFH.js";import{DEFAULT_FIELDS_WORDS as h}from"./chunk-FPOKPNO4.js";import{DEFAULT_DRAG_WORDS as l}from"./chunk-O2NLQBFX.js";var F={notice:e,lock:i,save:f,chrome:p,rail:u,tree:c,panel:s,fields:h,pick:j,drag:l,menu:t,styleClipboard:r,copy:k,canvas:n,textStyles:o,screen:m},a=o=>"object"==typeof o&&null!==o;function y(o,r){const t={};for(const m of Object.keys(o)){const n=o[m],c=r[m];null==c?t[m]=n:a(n)?t[m]=a(c)?y(n,c):n:t[m]=typeof c==typeof n?c:n}return t}function O(o,r){return r?y(o,r):o}export{F as DEFAULT_EASEL_STRINGS,O as mergeEaselStrings};
@@ -1,16 +0,0 @@
1
- import{DEFAULT_TREE_WORDS as e}from"./chunk-3EDSDPIP.js";import{ChevronIcon as a,AddIcon as r}from"./chunk-L5KW4HG5.js";import{jsx as l,jsxs as n,Fragment as s}from"react/jsx-runtime";function t({className:e,children:a,rootProps:r}){/* @__PURE__ */
2
- return l("div",{...r,className:e?`es-tree ${e}`:"es-tree",children:a})}function i({children:e}){/* @__PURE__ */
3
- return l("div",{className:"es-tree-group",children:e})}function d({children:e}){/* @__PURE__ */
4
- return l("div",{className:"es-subtree",children:e})}var o=e.dragHint;function c({icon:r,name:t,preview:i,selected:d,hidden:o,draggable:c,dragHint:p,dragging:m,drop:h,fold:u,handle:b,actions:N,nameSlot:g,onSelect:k,marks:y,badge:f,trailing:v,children:w,rowProps:P,words:j=e}){const x=["es-tree-row",d?"is-selected":"",o?"is-hidden":"",c?"is-draggable":"",m?"is-dragging":"",h?`is-drop-${h}`:""].filter(Boolean).join(" "),A=/* @__PURE__ */n(s,{children:[
5
- /* @__PURE__ */n("span",{className:"es-tree-name",children:[t,i?/* @__PURE__ */l("span",{className:"es-tree-preview",children:i}):null]}),y?.map(e=>/* @__PURE__ */l("span",{className:"es-tree-mark",title:e.label,"aria-label":e.label,role:"img",children:e.icon},e.key)),null!=f&&!1!==f?/* @__PURE__ */l("span",{className:"es-tree-badge",children:f}):null]});/* @__PURE__ */
6
- return n("div",{...P,className:x,children:[c?
7
- /* @__PURE__ */n(s,{children:[
8
- /* @__PURE__ */l("span",{className:"es-tree-grip","aria-hidden":"true",children:"⋮"}),
9
- /* @__PURE__ */l("span",{className:"es-tree-hint","aria-hidden":"true",children:p??j.dragHint})]}):b?/* @__PURE__ */l("button",{type:"button",className:"es-tree-handle",...b,children:"⋮⋮"}):null,u?/* @__PURE__ */l("button",{type:"button",className:"es-tree-caret","aria-label":u.open?j.collapseNamed({label:u.label}):j.expandNamed({label:u.label}),"aria-expanded":u.open,title:u.open?j.collapse:j.expand,onClick:e=>{e.stopPropagation(),u.onToggle()},children:/* @__PURE__ */l(a,{size:11,strokeWidth:2.6,className:u.open?"es-tree-chev is-open":"es-tree-chev"})}):/* @__PURE__ */l("span",{className:"es-tree-caret-spacer","aria-hidden":"true"}),
10
- /* @__PURE__ */l("span",{className:"es-tree-chip","aria-hidden":"true",children:r}),
11
- /* @__PURE__ */n("span",{className:"es-tree-name-box",children:[g??(k?
12
- /* @__PURE__ */l("button",{type:"button",className:"es-tree-select","aria-current":d?"true":void 0,"aria-keyshortcuts":c?"Alt+ArrowUp Alt+ArrowDown":void 0,onClick:k,children:A}):A),N?/* @__PURE__ */l("span",{className:"es-tree-actions",children:N}):null]}),v?/* @__PURE__ */l("span",{className:"es-tree-trailing",title:v.label,"aria-label":v.label,role:"img",children:v.icon}):null,w]})}function p({kind:e,label:a,onClick:r,pressed:n,disabled:s,children:t}){/* @__PURE__ */
13
- return l("button",{type:"button",className:"delete"===e?"es-tree-del":"eye"===e?"es-tree-eye":"es-tree-act",title:a,"aria-label":a,"aria-pressed":n,disabled:s,onClick:e=>{e.stopPropagation(),r()},children:t})}function m({drop:e,onAdd:a,label:r,seamProps:n}){const s=["es-tree-seam",e?"is-drop":"",a?"has-add":""].filter(Boolean).join(" ");/* @__PURE__ */
14
- return l("div",{...n,className:s,children:a?/* @__PURE__ */l("button",{type:"button",className:"es-tree-seam-add","aria-label":r,title:r,onClick:a,children:"+"}):null})}function h({drop:a,onAdd:s,label:t,seamProps:i,words:d=e}){const o=["es-tree-empty",a?"is-drop":"",s?"has-add":""].filter(Boolean).join(" "),c=d.dropHere??e.dropHere;/* @__PURE__ */
15
- return l("div",{...i,className:o,children:s?/* @__PURE__ */n("button",{type:"button",className:"es-tree-empty-add",onClick:s,children:[
16
- /* @__PURE__ */l(r,{size:12,"aria-hidden":"true"}),a?c:t??d.addBlock??e.addBlock]}):/* @__PURE__ */l("span",{className:"es-tree-empty-note",children:a?c:t??d.emptySlot??e.emptySlot})})}export{t as LayersTree,d as Subtree,o as TREE_DRAG_HINT,h as TreeEmptySlot,i as TreeGroupLabel,c as TreeRow,p as TreeRowAction,m as TreeSeam};
@@ -1,12 +0,0 @@
1
- import{DEFAULT_PANEL_WORDS as e}from"./chunk-QTLAVDJE.js";import{SettingsSwitch as a}from"./chunk-P6O363EE.js";import{jsx as l,jsxs as n,Fragment as i}from"react/jsx-runtime";import{isValidElement as s,cloneElement as r}from"react";function t({items:a,activeId:i,onSelect:s,ariaLabel:r=e.settings,className:t}){
2
- /* @__PURE__ */
3
- return l("div",{className:"es-tabs-fit",children:/* @__PURE__ */l("div",{role:"tablist","aria-label":r,"aria-orientation":"horizontal",className:t?`es-tabs ${t}`:"es-tabs",children:a.map(e=>{const a=e.id===i,r=`es-tab${e.icon?" has-icon":""}${a?" is-active":""}`;/* @__PURE__ */
4
- return n("button",{type:"button",role:"tab",id:e.htmlId,title:e.label,"aria-label":e.label,"aria-selected":a,"aria-controls":e.panelId,className:r,onClick:()=>s(e.id),children:[e.icon?/* @__PURE__ */l("span",{className:"es-tab-icon","aria-hidden":"true",children:e.icon}):null,
5
- /* @__PURE__ */l("span",{className:"es-tab-word",children:e.label}),"number"==typeof e.badge&&e.badge>0?/* @__PURE__ */l("span",{className:"es-tab-badge",children:e.badge}):null]},e.id)})})})}function c(e){return Array.isArray(e)?e.some(c):s(e)}function d(e,l,n){if(!s(e)||e.type!==a)return e;const i=e.props;return i.ariaLabel||i.ariaLabelledBy?e:r(e,n?{ariaLabelledBy:n}:{ariaLabel:l})}function o({label:e,labelId:a,icon:s,value:r,hint:t,changed:o,htmlFor:u,action:m,children:h,className:b}){const p=c(h),f=c(m);if(!p&&!f)return null;const N=["es-field"];p||N.push("is-inline"),o&&N.push("is-changed"),b&&N.push(b);const g=/* @__PURE__ */n(i,{children:[s?/* @__PURE__ */l("span",{className:"es-field-icon","aria-hidden":"true",children:s}):null,
6
- /* @__PURE__ */l("span",{className:"es-field-label",id:a,children:e})]});/* @__PURE__ */
7
- return n("div",{className:N.join(" "),children:[
8
- /* @__PURE__ */n("div",{className:"es-field-head",children:[u?/* @__PURE__ */l("label",{className:"es-field-name",htmlFor:u,children:g}):/* @__PURE__ */l("span",{className:"es-field-name",children:g}),null!=r?/* @__PURE__ */l("span",{className:"es-field-value",children:r}):null,f?d(m,e,a):null]}),p?/* @__PURE__ */l("div",{className:"es-field-ctl",children:h}):null,t?/* @__PURE__ */l("p",{className:"es-field-hint",children:t}):null]})}function u({title:e,open:a,onToggle:i,count:s,id:r,children:t,className:c}){const d=r?`${r}-body`:void 0;/* @__PURE__ */
9
- return n("div",{className:c?`es-group ${c}`:"es-group",children:[
10
- /* @__PURE__ */n("button",{type:"button",id:r,"aria-expanded":a,"aria-controls":d,className:"es-group-head",onClick:()=>i(!a),children:[e,"number"==typeof s&&s>0?/* @__PURE__ */l("span",{className:"es-group-count",children:s}):null,
11
- /* @__PURE__ */l("span",{className:"es-group-sign","aria-hidden":"true"})]}),
12
- /* @__PURE__ */l("div",{id:d,className:"es-group-body",hidden:!a,children:t})]})}var m=Object.freeze(["Content","Style","Layout","Animation"]);export{m as SETTINGS_BUCKETS,o as SettingsField,u as SettingsGroup,t as SettingsTabs};