efficient-web-builder 40.1.1 → 41.1.0

package/dist/editor/components/storefront-editor.css

@@ -531,7 +531,7 @@
    that were already there.
 
    So the standing one goes and the four states stay. Puck set
-   `[data-puck-dragging]` on `[data-puck-entry]` for the length of a drag, so
+   `[data-puck-dragging]` on `[data-easel-entry]` for the length of a drag, so
    scoping to `:not([data-puck-dragging])` left every drag affordance exactly
    as Puck shipped it -- a merchant still sees where a block can land, which is
    the one thing that must not be traded away for this. (The engine sets no
@@ -564,7 +564,7 @@
    SELECTED -- it only says the slot holds nothing -- and this selector is
    LONGER than the Puck rules that paint those two states:
 
-       ours  [data-puck-entry]:not([data-puck-dragging]) …:empty     (0,4,0)
+       ours  [data-easel-entry]:not([data-puck-dragging]) …:empty     (0,4,0)
        Puck  --hoveringOverArea_:not(--isRootZone_)                  (0,2,0)
        Puck  --isAreaSelected_                                       (0,1,0)
 
@@ -632,7 +632,7 @@
    hovered, root; empty and filled) computed the same outline before and
    after the scope went. Without it this rule is (0,6,0) against the engine's
    `.es-zone:empty` (0,2,0). */
-[data-puck-entry]
+[data-easel-entry]
   .es-zone:empty:not(.is-area-selected):not(.is-hovering-area:not(.is-root)) {
   outline: none;
 }
@@ -659,7 +659,7 @@
 
        the zone whose owner you CLICKED     --isAreaSelected_
        the deepest zone you are INSIDE      --hoveringOverArea_:not(--isRootZone_)
-       the block you are POINTING AT        [data-puck-overlay-portal]:hover
+       the block you are POINTING AT        [data-easel-overlay-portal]:hover
 
    MEASURED, not inferred, by scripts/probe-hover-outline-count.mjs (retired
    with Puck in blueprint 6.3) against both stylesheets in the app's own import
@@ -710,8 +710,8 @@
    no error at all, silently putting all three boxes back. */
 
 /* A · a zone draws no line while you point at it or after you click it. */
-[data-puck-entry] .es-zone.is-area-selected:not(.is-root),
-[data-puck-entry] .es-zone.is-hovering-area:not(.is-root) {
+[data-easel-entry] .es-zone.is-area-selected:not(.is-root),
+[data-easel-entry] .es-zone.is-hovering-area:not(.is-root) {
   outline: none;
 }
 
@@ -728,7 +728,7 @@
    `--es-accent-tint-strong` = azure-09). */
 
 /* B · …except an EMPTY one, which has no block to carry the line for it. */
-[data-puck-entry]
+[data-easel-entry]
   .es-zone:empty:is(.is-area-selected, .is-hovering-area:not(.is-root)) {
   outline: 1px solid var(--es-accent-line, #bfdbfe);
 }
@@ -742,7 +742,7 @@
    (#dbeafe), a tint of white: next to the engine's box it read as a second,
    lighter box, and once E below took that box away it was all but invisible
    on a light page. */
-[data-puck-overlay-portal]:hover {
+[data-easel-overlay-portal]:hover {
   outline: 1px solid color-mix(in srgb, var(--es-accent, #2563eb) 60%, transparent);
   outline-offset: 2px;
 }
@@ -752,11 +752,11 @@
    anchor takes the pointer, and draws a ring while the caret is in it. The
    OPEN part's own hairline (PART_PICK_CSS, (0,3,0)) still outranks the ring
    (0,2,0) — one line, card 11103. */
-[data-puck-overlay-portal],
-[data-puck-overlay-portal] * {
+[data-easel-overlay-portal],
+[data-easel-overlay-portal] * {
   pointer-events: auto !important;
 }
-[data-puck-overlay-portal]:focus-within {
+[data-easel-overlay-portal]:focus-within {
   outline: 2px solid var(--es-accent-line, #bfdbfe);
   outline-offset: 2px;
 }
@@ -792,7 +792,7 @@
    the extra boxes were never separate things to select and never had settings
    of their own. Marking one element per part is a separate card touching
    several components; it is not this one. */
-[data-puck-overlay-portal]:hover:has([data-puck-overlay-portal]:hover) {
+[data-easel-overlay-portal]:hover:has([data-easel-overlay-portal]:hover) {
   outline: none;
 }
 
@@ -807,10 +807,10 @@
    bridges stop it and open their own thing), so over one the engine's box
    names the wrong target, and the innermost line D keeps is the true one.
    Off a marked element the engine's box is the only line, and stays. Led by
-   `[data-puck-entry]`, the frame's root, as A is; (0,5,0) against the
+   `[data-easel-entry]`, the frame's root, as A is; (0,5,0) against the
    engine's (0,2,0). `scripts/test-part-outline-hairline.tsx` §3
    resolves both sheets. */
-[data-puck-entry]:has([data-puck-overlay-portal]:hover) .es-canvas-outline.is-hover {
+[data-easel-entry]:has([data-easel-overlay-portal]:hover) .es-canvas-outline.is-hover {
   outline: none;
 }
 
@@ -821,7 +821,7 @@
    away its blocks' own top and bottom padding; the host's unlayered rules are
    `.sf-box-gap-only > *` and `.sf-box-gap-only > .sf-section-pad > *`. On the
    canvas two elements stand between the Box and each block's root: the
-   editor's item (`[data-puck-component]`) and the part host
+   editor's item (`[data-easel-block]`) and the part host
    (`[data-sf-part-host]`, components/PreviewPartAnchors, `display: contents`).
    A child selector stops at the item, so on the canvas every block kept its
    frame (a Heading +48px, a Text +32px) and the Box was taller than on the
@@ -830,8 +830,8 @@
    `scripts/test-gap-only-canvas.tsx` compares the canvas with the page.
    Outside the canvas region above, whose rules may name only `[data-puck-…]`
    (`scripts/test-editor-css-tokens.ts`); it holds no colour, radius or face. */
-.sf-box-gap-only > [data-puck-component] > [data-sf-part-host] > *,
-.sf-box-gap-only > [data-puck-component] > [data-sf-part-host] > .sf-section-pad > * {
+.sf-box-gap-only > [data-easel-block] > [data-sf-part-host] > *,
+.sf-box-gap-only > [data-easel-block] > [data-sf-part-host] > .sf-section-pad > * {
   padding-block: 0;
 }
 
@@ -848,7 +848,7 @@
    the Duplicate / Copy-to-page / Remove buttons — is editor-shell's
    `.es-insp-head` (efficient-easel/chrome.css), lifted from this sheet (redesign 2a). */
 /* The settings panel's scrolling body — and the settings TAB STRIP is inside it,
-   not above it (`PanelTabs` in lib/puck/controls.tsx renders the shell's
+   not above it (`PanelTabs` in lib/document/controls.tsx renders the shell's
    `SettingsTabs` among the fields). So the strip's width is this box's content
    width, and `.sf-scroll`'s scrollbar is 11px of SPACE, not an overlay: a bucket
    whose fields overflow used to take 11px off the strip.
@@ -1604,7 +1604,7 @@
 /* ── The settings TABS (card 8802; the Inspector's since blueprint 4.4) ───────
    The strip is `.es-tabs` from `efficient-easel/panel.css`, drawn by
    efficient-easel's `Inspector` (components/SiteFields) above its rows. Puck's
-   flat list of hashed wrappers, which made `lib/puck/controls.tsx` mark each
+   flat list of hashed wrappers, which made `lib/document/controls.tsx` mark each
    bucket and hide the others' rows with a DOM pass, is gone: a row on another
    tab is `hidden` by the Inspector itself, and a bucket header is a marker
    field that draws no row at all. What is left here is only the storefront's
@@ -1855,7 +1855,7 @@
 /* A hint that answers a question you only have WHILE TYPING waits until the box
    is in use (card 8802.g). Which sentence is which — and why one waits and the
    other never does — is decided once, in `hintIsWhileTyping` in
-   lib/puck/controls.tsx; this is only the showing and the hiding.
+   lib/document/controls.tsx; this is only the showing and the hiding.
 
    CSS rather than React state, the same call card 8802.h made in editor-shell:
    a repaint on focus drops the browser's text selection, and the formatting bar
@@ -1892,7 +1892,7 @@
   display: block;
 }
 
-/* ── Device-aware fields (lib/puck/device-fields.tsx) ─────────────────────────
+/* ── Device-aware fields (lib/document/device-fields.tsx) ─────────────────────────
    The rule that collapses a row holding the device gate's marker
    (`[data-sf-device-hidden]`) is efficient-easel/screen.css's since 0.103.0:
    the screen's own gate paints the marker, so every host that mounts the screen
@@ -1911,7 +1911,7 @@
    blank a screen reader still walks through. Declarative, like the device
    gate's rule (efficient-easel/screen.css) and the one below, so it cannot race
    the tab pass; and the attribute name is stated once in
-   `lib/puck/panel-no-control-mark`, which `scripts/test-panel-no-empty-rows.tsx`
+   `lib/document/panel-no-control-mark`, which `scripts/test-panel-no-empty-rows.tsx`
    §4 reads back to prove this rule is really here.
    The marker is the screen's (efficient-easel paints it), so the rule belongs
    in efficient-easel/screen.css too, and moves there once that storefront guard
@@ -2173,7 +2173,7 @@
    shell's; what is here is only how the shop's rows hold it. Before UI-24 it
    was efficient-easel's `ColourPicker` (blueprint 4.8), and before that
    `<input type="color">`, whose window was the operating system's. See
-   lib/puck/ColourControl.tsx.
+   lib/document/ColourControl.tsx.
 
    THE SWATCH AND THE HEX HAVE THEIR OWN LINE under the label, both 32, and
    the row's ↺ sits on the label line (`ColourRow`; Lewis 2026-10-23, option

package/dist/editor/components/useLocationsTree.js

@@ -1 +1 @@
-"use client";import{jsx as r,jsxs as m,Fragment as me}from"react/jsx-runtime";import{Fragment as Q,useEffect as V,useRef as z}from"react";import{useTreeDrag as X}from"efficient-easel/drag";import{GlobeIcon as ke,ImageIcon as xe,LocationIcon as ve,MapIcon as fe,TextLinesIcon as Le,TrashIcon as Z}from"efficient-easel/icons";import{Subtree as b,TreeRow as S,TreeRowAction as ee,TreeSeam as oe}from"efficient-easel/tree";import{useEaselStrings as Ie}from"efficient-easel/strings";import{decodeLocationPartId as Pe,encodeLocationPartId as Se,usePreviewLocationPart as he}from"../../render/components/PreviewLocationPartContext.js";import{PUCK_MODE as we}from"./SectionEditor.js";import{say as p,sayCount as Ce}from"../../format/lib/editor-words.js";import{useLocationsFocus as $e,setLocationsFocus as i}from"../lib/puck/locations-focus.js";import{bucketsOf as ne,moveGroup as te,moveCity as re,addCity as Te,addGroup as De,deleteGroup as Fe,deleteCity as Oe,absCityIndex as ce,groupLabelOf as Ge,cardKey as se}from"../../format/lib/puck/locations-tree.js";const le="ContactLocations",T=k=>({parentId:`locations-${k}`,slot:"groups"}),A=(k,y)=>({parentId:`locations-${k}`,slot:`cities:${y}`});function We(k,y){const{readOnly:h,selected:w}=y,f=Ie().tree,x=y.data?.content??[],ae=k.kind===we.kind,D=z(null);V(()=>{const o=w?.type===le?String(w.props.id):null;o&&o!==D.current&&i({level:"groups"}),D.current=o},[w?.props.id]);const{selectedLocationPartId:ie,setSelectedLocationPartId:N,setSelectHandler:R}=he(),c=$e(),u=(o,e)=>{const t=x[o];t&&y.replace(o,{type:t.type,props:{...t.props,locations:e}})},L=o=>{const e=x[o]?.props?.locations;return Array.isArray(e)?e:[]},_=X({keyOf:o=>`group:${o.si}:${o.index}`,readOnly:!!h,canDrop:(o,e)=>e.parentId===T(o.si).parentId&&e.slot==="groups",onDrop:(o,e)=>{u(o.si,te(L(o.si),o.index,e.index)),c.level==="city"&&i({level:"groups"})},onStep:(o,e)=>{u(o.si,te(L(o.si),o.index,e<0?o.index-1:o.index+2)),c.level==="city"&&i({level:"groups"})}}),F=X({keyOf:o=>`city:${o.si}:${o.group}:${o.index}`,readOnly:!!h,canDrop:(o,e)=>e.parentId===T(o.si).parentId&&e.slot.startsWith("cities:"),onDrop:(o,e)=>{const t=e.slot.slice(7);u(o.si,re(L(o.si),o.group,o.index,t,e.index)),i({level:"group",key:t})},onStep:(o,e)=>{u(o.si,re(L(o.si),o.group,o.index,o.group,e<0?o.index-1:o.index+2)),c.level==="city"&&i({level:"group",key:o.group})}}),E=z(x);E.current=x;const j=z(()=>{});V(()=>{R(o=>{const e=Pe(o);if(!e)return;const t=E.current.findIndex(C=>C.props?.id===e.nodeId);t<0||j.current(t,{level:e.part,index:e.index})})},[R]);const s=(o,e)=>{D.current=x[o]?.props?.id??null,y.select(o),i(e),k.reveal();const t=x[o]?.props?.id;typeof t=="string"&&(e.level==="image"||e.level==="map")?N(Se(t,e.index,e.level)):N(null),typeof t=="string"&&y.scrollTo(t)};return j.current=s,{renderLocationTree:(o,e,{rowClick:t,isCollapsed:C,toggleCollapse:M})=>{const v=L(e),de=ne(v),I=String(o.props.id),P=ae&&w?.props.id===I,K=n=>r(oe,{...h?{}:_.seam({place:{...T(e),index:n}})},`seam:${I}:groups:${n}`),U=(n,d)=>r(oe,{...h?{}:F.seam({place:{...A(e,n),index:d}})},`seam:${I}:cities:${n}:${d}`);return m(me,{children:[r(S,{icon:r(Le,{size:13}),name:p("Texts"),words:f,onSelect:()=>s(e,{level:"texts"}),selected:P&&c.level==="texts",rowProps:{onClick:t(()=>s(e,{level:"texts"}))}}),de.map((n,d)=>{const O=`${I}::grp::${n.key}`,B=C(O),pe=P&&c.level==="group"&&c.key===n.key,H=n.name||n.key?Ge(n.key,n.name):p("Ungrouped"),W={...A(e,n.key),index:n.cards.length},Y=F.row({item:{si:e,group:n.key,index:-1},place:W,into:W,canDrag:!1},{onClick:t(()=>s(e,{level:"group",key:n.key}))}),$=_.row({item:{si:e,index:d},place:{...T(e),index:d}},Y.rowProps);return m(Q,{children:[d===0&&K(0),r(S,{icon:r(ke,{size:13}),name:H,words:f,onSelect:()=>s(e,{level:"group",key:n.key}),selected:pe,draggable:$.draggable,dragging:$.dragging,drop:$.drop??Y.drop,fold:{open:!B,label:p("group"),onToggle:()=>M(O)},actions:r(ee,{kind:"delete",label:Ce("Delete {label} group ({n} city)","Delete {label} group ({n} cities)",n.cards.length,{label:H}),onClick:()=>{u(e,Fe(v,n.key)),i({level:"groups"})},children:r(Z,{size:15})}),rowProps:$.rowProps,children:r("span",{className:"es-group-count",children:n.cards.length})}),!B&&m(b,{children:[n.cards.map((g,a)=>{const l=ce(v,n.key,a),ue=P&&c.level==="city"&&c.index===l,G=String(g?.name??"")||p("City"),q=`${I}::city::${se(g)}`,J=C(q),{rowProps:ye,...ge}=F.row({item:{si:e,group:n.key,index:a},place:{...A(e,n.key),index:a}},{onClick:t(()=>s(e,{level:"city",index:l}))});return m(Q,{children:[a===0&&U(n.key,0),r(S,{icon:r(ve,{size:13}),name:G,words:f,onSelect:()=>s(e,{level:"city",index:l}),selected:ue,...ge,fold:{open:!J,label:G,onToggle:()=>M(q)},actions:r(ee,{kind:"delete",label:p("Delete {name}",{name:G}),onClick:()=>{u(e,Oe(v,n.key,a)),i({level:"group",key:n.key})},children:r(Z,{size:15})}),rowProps:ye}),!J&&m(b,{children:[r(S,{icon:r(xe,{size:13}),name:p("Image"),words:f,onSelect:()=>s(e,{level:"image",index:l}),selected:P&&c.level==="image"&&c.index===l,rowProps:{onClick:t(()=>s(e,{level:"image",index:l}))}}),r(S,{icon:r(fe,{size:13}),name:p("Map"),words:f,onSelect:()=>s(e,{level:"map",index:l}),selected:P&&c.level==="map"&&c.index===l,rowProps:{onClick:t(()=>s(e,{level:"map",index:l}))}})]}),U(n.key,a+1)]},se(g))}),m("button",{type:"button",className:"sf-add-card",onClick:()=>{const g=Te(v,n.key);u(e,g);const a=ne(g).find(l=>l.key===n.key);i(a&&a.cards.length?{level:"city",index:ce(g,n.key,a.cards.length-1)}:{level:"group",key:n.key})},children:[r("span",{className:"sf-plus sf-plus--sm",children:"+"}),p("Add city")]})]}),K(d+1)]},O)}),m("button",{type:"button",className:"sf-add-card",onClick:()=>{const{cards:n,key:d}=De(v);u(e,n),s(e,{level:"group",key:d})},children:[r("span",{className:"sf-plus sf-plus--sm",children:"+"}),p("Add group")]})]})},sectionPressed:o=>{o?.type===le&&i({level:"groups"})}}}export{le as LOCATIONS_TYPE,We as useLocationsTree};
+"use client";import{jsx as r,jsxs as m,Fragment as me}from"react/jsx-runtime";import{Fragment as Q,useEffect as V,useRef as z}from"react";import{useTreeDrag as X}from"efficient-easel/drag";import{GlobeIcon as xe,ImageIcon as ve,LocationIcon as fe,MapIcon as ke,TextLinesIcon as Le,TrashIcon as Z}from"efficient-easel/icons";import{Subtree as b,TreeRow as P,TreeRowAction as ee,TreeSeam as oe}from"efficient-easel/tree";import{useEaselStrings as Ie}from"efficient-easel/strings";import{decodeLocationPartId as Se,encodeLocationPartId as Pe,usePreviewLocationPart as he}from"../../render/components/PreviewLocationPartContext.js";import{isSelectionMode as we}from"efficient-easel/screen/lib/screen-parts";import{say as p,sayCount as Ce}from"../../format/lib/editor-words.js";import{useLocationsFocus as $e,setLocationsFocus as i}from"../lib/document/locations-focus.js";import{bucketsOf as ne,moveGroup as te,moveCity as re,addCity as Te,addGroup as De,deleteGroup as Fe,deleteCity as Ge,absCityIndex as ce,groupLabelOf as Oe,cardKey as se}from"../../format/lib/document/locations-tree.js";const le="ContactLocations",T=x=>({parentId:`locations-${x}`,slot:"groups"}),A=(x,y)=>({parentId:`locations-${x}`,slot:`cities:${y}`});function We(x,y){const{readOnly:h,selected:w}=y,k=Ie().tree,v=y.data?.content??[],ae=we(x),D=z(null);V(()=>{const o=w?.type===le?String(w.props.id):null;o&&o!==D.current&&i({level:"groups"}),D.current=o},[w?.props.id]);const{selectedLocationPartId:ie,setSelectedLocationPartId:N,setSelectHandler:R}=he(),c=$e(),u=(o,e)=>{const t=v[o];t&&y.replace(o,{type:t.type,props:{...t.props,locations:e}})},L=o=>{const e=v[o]?.props?.locations;return Array.isArray(e)?e:[]},_=X({keyOf:o=>`group:${o.si}:${o.index}`,readOnly:!!h,canDrop:(o,e)=>e.parentId===T(o.si).parentId&&e.slot==="groups",onDrop:(o,e)=>{u(o.si,te(L(o.si),o.index,e.index)),c.level==="city"&&i({level:"groups"})},onStep:(o,e)=>{u(o.si,te(L(o.si),o.index,e<0?o.index-1:o.index+2)),c.level==="city"&&i({level:"groups"})}}),F=X({keyOf:o=>`city:${o.si}:${o.group}:${o.index}`,readOnly:!!h,canDrop:(o,e)=>e.parentId===T(o.si).parentId&&e.slot.startsWith("cities:"),onDrop:(o,e)=>{const t=e.slot.slice(7);u(o.si,re(L(o.si),o.group,o.index,t,e.index)),i({level:"group",key:t})},onStep:(o,e)=>{u(o.si,re(L(o.si),o.group,o.index,o.group,e<0?o.index-1:o.index+2)),c.level==="city"&&i({level:"group",key:o.group})}}),j=z(v);j.current=v;const E=z(()=>{});V(()=>{R(o=>{const e=Se(o);if(!e)return;const t=j.current.findIndex(C=>C.props?.id===e.nodeId);t<0||E.current(t,{level:e.part,index:e.index})})},[R]);const s=(o,e)=>{D.current=v[o]?.props?.id??null,y.select(o),i(e),x.reveal();const t=v[o]?.props?.id;typeof t=="string"&&(e.level==="image"||e.level==="map")?N(Pe(t,e.index,e.level)):N(null),typeof t=="string"&&y.scrollTo(t)};return E.current=s,{renderLocationTree:(o,e,{rowClick:t,isCollapsed:C,toggleCollapse:M})=>{const f=L(e),de=ne(f),I=String(o.props.id),S=ae&&w?.props.id===I,B=n=>r(oe,{...h?{}:_.seam({place:{...T(e),index:n}})},`seam:${I}:groups:${n}`),H=(n,d)=>r(oe,{...h?{}:F.seam({place:{...A(e,n),index:d}})},`seam:${I}:cities:${n}:${d}`);return m(me,{children:[r(P,{icon:r(Le,{size:13}),name:p("Texts"),words:k,onSelect:()=>s(e,{level:"texts"}),selected:S&&c.level==="texts",rowProps:{onClick:t(()=>s(e,{level:"texts"}))}}),de.map((n,d)=>{const G=`${I}::grp::${n.key}`,K=C(G),pe=S&&c.level==="group"&&c.key===n.key,U=n.name||n.key?Oe(n.key,n.name):p("Ungrouped"),W={...A(e,n.key),index:n.cards.length},Y=F.row({item:{si:e,group:n.key,index:-1},place:W,into:W,canDrag:!1},{onClick:t(()=>s(e,{level:"group",key:n.key}))}),$=_.row({item:{si:e,index:d},place:{...T(e),index:d}},Y.rowProps);return m(Q,{children:[d===0&&B(0),r(P,{icon:r(xe,{size:13}),name:U,words:k,onSelect:()=>s(e,{level:"group",key:n.key}),selected:pe,draggable:$.draggable,dragging:$.dragging,drop:$.drop??Y.drop,fold:{open:!K,label:p("group"),onToggle:()=>M(G)},actions:r(ee,{kind:"delete",label:Ce("Delete {label} group ({n} city)","Delete {label} group ({n} cities)",n.cards.length,{label:U}),onClick:()=>{u(e,Fe(f,n.key)),i({level:"groups"})},children:r(Z,{size:15})}),rowProps:$.rowProps,children:r("span",{className:"es-group-count",children:n.cards.length})}),!K&&m(b,{children:[n.cards.map((g,a)=>{const l=ce(f,n.key,a),ue=S&&c.level==="city"&&c.index===l,O=String(g?.name??"")||p("City"),q=`${I}::city::${se(g)}`,J=C(q),{rowProps:ye,...ge}=F.row({item:{si:e,group:n.key,index:a},place:{...A(e,n.key),index:a}},{onClick:t(()=>s(e,{level:"city",index:l}))});return m(Q,{children:[a===0&&H(n.key,0),r(P,{icon:r(fe,{size:13}),name:O,words:k,onSelect:()=>s(e,{level:"city",index:l}),selected:ue,...ge,fold:{open:!J,label:O,onToggle:()=>M(q)},actions:r(ee,{kind:"delete",label:p("Delete {name}",{name:O}),onClick:()=>{u(e,Ge(f,n.key,a)),i({level:"group",key:n.key})},children:r(Z,{size:15})}),rowProps:ye}),!J&&m(b,{children:[r(P,{icon:r(ve,{size:13}),name:p("Image"),words:k,onSelect:()=>s(e,{level:"image",index:l}),selected:S&&c.level==="image"&&c.index===l,rowProps:{onClick:t(()=>s(e,{level:"image",index:l}))}}),r(P,{icon:r(ke,{size:13}),name:p("Map"),words:k,onSelect:()=>s(e,{level:"map",index:l}),selected:S&&c.level==="map"&&c.index===l,rowProps:{onClick:t(()=>s(e,{level:"map",index:l}))}})]}),H(n.key,a+1)]},se(g))}),m("button",{type:"button",className:"sf-add-card",onClick:()=>{const g=Te(f,n.key);u(e,g);const a=ne(g).find(l=>l.key===n.key);i(a&&a.cards.length?{level:"city",index:ce(g,n.key,a.cards.length-1)}:{level:"group",key:n.key})},children:[r("span",{className:"sf-plus sf-plus--sm",children:"+"}),p("Add city")]})]}),B(d+1)]},G)}),m("button",{type:"button",className:"sf-add-card",onClick:()=>{const{cards:n,key:d}=De(f);u(e,n),s(e,{level:"group",key:d})},children:[r("span",{className:"sf-plus sf-plus--sm",children:"+"}),p("Add group")]})]})},sectionPressed:o=>{o?.type===le&&i({level:"groups"})}}}export{le as LOCATIONS_TYPE,We as useLocationsTree};

package/dist/editor/components/usePinnedChromeSeed.js

@@ -1 +1 @@
-"use client";import{useEffect as j,useRef as q}from"react";import{createNode as T,newId as I}from"efficient-easel/data";import{useEaselApi as J}from"efficient-easel/easel";import{useScreenDocument as K}from"efficient-easel/screen/components/ScreenDocumentContext";import{useEaselSession as M}from"efficient-easel/screen/lib/session-context";import{SITE_FOOTER_SLUG as L}from"../../format/lib/content/footer.js";import{boxFooterFromFooter as U}from"../../format/lib/puck/box-footer.js";import{ROOT_ZONE as l,missingPinnedTypes as Q,pinnedDuplicateIds as O}from"efficient-easel/draw";import{FOOTER_TYPE as a,HEADER_TYPE as E,buildDefaultFooterBlocks as b,buildDefaultHeaderNode as N}from"../lib/puck/footer-blocks.js";import{canSeedPinnedChrome as V}from"../../format/lib/puck/pinned-seed-gate.js";import{siteFooterDocChrome as W,SITE_FOOTER_TYPE as f}from"../../format/lib/puck/section-groups.js";import{inPlaceSeedPlan as X}from"../lib/puck/pinned-in-place-seed.js";import{seedNewSiteHeader as $}from"../../format/lib/puck/new-site-header-seed.js";import{SITE_HEADER_TYPE as R}from"../../format/lib/puck/section-groups.js";import{blocksOf as ee}from"../lib/website-session.js";function he(t,D){const{adapter:_,capabilities:y,currentSlug:w,docId:S,data:C,saveStatus:H,siteId:v,tokenRef:x}=K(),z=M(),{hasSiteSettings:Y,hasPinnedChrome:A}=y,B=!!y.editsPinnedInPlace&&w!==L,g=w===L,h=J().getState,k=q(null);j(()=>{if(!V({docId:S,saveStatus:H,seededDocId:k.current})||(k.current=S,!A))return;const p=h().appState.data,n=p.content,d=C?.content??[],r=(e,s)=>e.some(i=>i?.type===s);if(!Y){const e=new Set(O(n)),s=e.size?n.filter(c=>!e.has(c.props.id)):n;if(e.size&&t.setDocument({...p,content:s}),g)return;const i=Q(s,d);if(i.includes(a)){const c=s.length,o=t.insertSection(a,c);t.replaceComponent(l,c,{type:a,props:{id:o,blocks:b()}})}i.includes(E)&&t.insertNode(l,0,N());return}if(g){const e=W(n);if(e!==n&&t.setDocument({...p,content:[...e]}),!e.find(i=>i.type===a)&&!r(d,a)&&!r(e,f)&&!r(d,f)){const i=(o,m)=>T(D,o,m),c={type:a,props:{blocks:b()}};t.insertNode(l,e.length,U(c,i,I(f)))}return}if(B){const e=!!_?.pinnedChrome?.state().docId,s=X(n,{hasChromeDoc:e}),i=new Set([...s.remove,...O(n.filter(o=>!s.remove.includes(String(o.props.id))))]),c=i.size?n.filter(o=>!i.has(String(o.props.id))):n;if(c.length!==n.length&&t.setDocument({...p,content:c}),s.seedFooter&&!r(d,a)&&!r(d,f)){const o=(u,Z)=>T(D,u,Z),m={type:a,props:{blocks:b()}};t.insertNode(l,c.length,U(m,o,I(f)))}if(s.seedHeader&&!r(d,E)){const o=c[0]?.type===R?1:0;t.insertNode(l,o,N())}if(s.seedSiteHeader&&!r(d,R)&&!r(d,a)&&!r(d,f)){const o=S;$({blocks:ee(z),make:(m,u)=>T(D,m,u),id:I(R),siteId:v??null,token:x.current,latest:()=>h().appState.data.content,stillOpen:()=>k.current===o,write:m=>{const u=h().appState.data;t.setDocument({...u,content:[...m]})}})}return}const P=n.filter(e=>e.type!==a),G=new Set(O(P)),F=G.size?P.filter(e=>!G.has(e.props.id)):P;F.length!==n.length&&t.setDocument({...p,content:F}),!r(F,E)&&!r(d,E)&&t.insertNode(l,0,N())},[S,H,C,h,t,Y,A,g,B,_,z,v,x])}export{he as usePinnedChromeSeed};
+"use client";import{useEffect as j,useRef as q}from"react";import{createNode as T,newId as I}from"efficient-easel/data";import{useEaselApi as J}from"efficient-easel/easel";import{useScreenDocument as K}from"efficient-easel/screen/components/ScreenDocumentContext";import{useEaselSession as M}from"efficient-easel/screen/lib/session-context";import{SITE_FOOTER_SLUG as L}from"../../format/lib/content/footer.js";import{boxFooterFromFooter as U}from"../../format/lib/document/box-footer.js";import{useSectionToBoxPass as Q}from"./useSectionToBoxPass.js";import{ROOT_ZONE as l,missingPinnedTypes as V,pinnedDuplicateIds as O}from"efficient-easel/draw";import{FOOTER_TYPE as a,HEADER_TYPE as E,buildDefaultFooterBlocks as b,buildDefaultHeaderNode as N}from"../lib/document/footer-blocks.js";import{canSeedPinnedChrome as W}from"../../format/lib/document/pinned-seed-gate.js";import{siteFooterDocChrome as X,SITE_FOOTER_TYPE as f}from"../../format/lib/document/section-groups.js";import{inPlaceSeedPlan as $}from"../lib/document/pinned-in-place-seed.js";import{seedNewSiteHeader as ee}from"../../format/lib/document/new-site-header-seed.js";import{SITE_HEADER_TYPE as R}from"../../format/lib/document/section-groups.js";import{blocksOf as te}from"../lib/website-session.js";function De(t,D){const{adapter:_,capabilities:y,currentSlug:w,docId:S,data:C,saveStatus:H,siteId:v,tokenRef:x}=K(),z=M(),{hasSiteSettings:B,hasPinnedChrome:Y}=y;Q(t);const A=!!y.editsPinnedInPlace&&w!==L,P=w===L,h=J().getState,g=q(null);j(()=>{if(!W({docId:S,saveStatus:H,seededDocId:g.current})||(g.current=S,!Y))return;const p=h().appState.data,n=p.content,d=C?.content??[],r=(e,s)=>e.some(i=>i?.type===s);if(!B){const e=new Set(O(n)),s=e.size?n.filter(c=>!e.has(c.props.id)):n;if(e.size&&t.setDocument({...p,content:s}),P)return;const i=V(s,d);if(i.includes(a)){const c=s.length,o=t.insertSection(a,c);t.replaceComponent(l,c,{type:a,props:{id:o,blocks:b()}})}i.includes(E)&&t.insertNode(l,0,N());return}if(P){const e=X(n);if(e!==n&&t.setDocument({...p,content:[...e]}),!e.find(i=>i.type===a)&&!r(d,a)&&!r(e,f)&&!r(d,f)){const i=(o,m)=>T(D,o,m),c={type:a,props:{blocks:b()}};t.insertNode(l,e.length,U(c,i,I(f)))}return}if(A){const e=!!_?.pinnedChrome?.state().docId,s=$(n,{hasChromeDoc:e}),i=new Set([...s.remove,...O(n.filter(o=>!s.remove.includes(String(o.props.id))))]),c=i.size?n.filter(o=>!i.has(String(o.props.id))):n;if(c.length!==n.length&&t.setDocument({...p,content:c}),s.seedFooter&&!r(d,a)&&!r(d,f)){const o=(u,Z)=>T(D,u,Z),m={type:a,props:{blocks:b()}};t.insertNode(l,c.length,U(m,o,I(f)))}if(s.seedHeader&&!r(d,E)){const o=c[0]?.type===R?1:0;t.insertNode(l,o,N())}if(s.seedSiteHeader&&!r(d,R)&&!r(d,a)&&!r(d,f)){const o=S;ee({blocks:te(z),make:(m,u)=>T(D,m,u),id:I(R),siteId:v??null,token:x.current,latest:()=>h().appState.data.content,stillOpen:()=>g.current===o,write:m=>{const u=h().appState.data;t.setDocument({...u,content:[...m]})}})}return}const k=n.filter(e=>e.type!==a),G=new Set(O(k)),F=G.size?k.filter(e=>!G.has(e.props.id)):k;F.length!==n.length&&t.setDocument({...p,content:F}),!r(F,E)&&!r(d,E)&&t.insertNode(l,0,N())},[S,H,C,h,t,B,Y,P,A,_,z,v,x])}export{De as usePinnedChromeSeed};

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

@@ -0,0 +1,2 @@
+import type { ScreenDocumentOps } from "efficient-easel/screen/lib/screen-parts";
+export declare function useSectionToBoxPass(ops: ScreenDocumentOps): void;

package/dist/editor/components/useSectionToBoxPass.js

@@ -0,0 +1 @@
+"use client";import{useEffect as s,useRef as i}from"react";import{useEasel as f}from"efficient-easel/easel";import{ROOT_ZONE as d}from"efficient-easel/draw";import{sectionToBoxEdits as p}from"../../render/lib/sections/section-to-box.js";function x(e){const t=f(o=>o.appState.data.content),n=i(new Set);s(()=>{for(const{index:o,node:c}of p(t)){const r=String(t[o]?.props.id??"");n.current.has(r)||(n.current.add(r),e.replaceComponent(d,o,c))}},[t,e])}export{x as useSectionToBoxPass};

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

@@ -0,0 +1,33 @@
+import type { ReactElement, ReactNode } from "react";
+export declare function ColourControl({ value, onChange, label, id, caption, inherited, ariaLabel, }: {
+    value: string;
+    onChange: (next: string) => void;
+    label: string;
+    id?: string;
+    caption?: string;
+    inherited?: string;
+    ariaLabel?: string;
+}): import("react").JSX.Element;
+export declare function AnyColourSwatch({ value, onChange, label, }: {
+    value: string;
+    onChange: (next: string) => void;
+    label: string;
+}): import("react").JSX.Element;
+export declare function ColourRow({ label, icon, changed, hint, onReset, resetTo, children, ...control }: Parameters<typeof ColourControl>[0] & {
+    icon?: ReactNode;
+    changed?: boolean;
+    hint?: ReactNode;
+    onReset?: () => void;
+    resetTo?: string;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function InheritedColourRow({ label, icon, value, inherited, resetTo, onChange, onReset, hint, }: {
+    label: string;
+    icon?: ReactElement;
+    value: string;
+    inherited: string;
+    resetTo: string;
+    onChange: (hex: string) => void;
+    onReset: () => void;
+    hint?: ReactNode;
+}): import("react").JSX.Element;

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

@@ -0,0 +1 @@
+"use client";import{jsx as s,jsxs as m}from"react/jsx-runtime";import{ColorPicker as p,HexInput as C}from"efficient-shell/ui";import{SettingsDefaultReset as g,SettingsField as x}from"efficient-easel/panel";import{typedHex as u}from"efficient-easel/pick";import{usePreviewHeader as w}from"../../../render/components/PreviewHeaderContext.js";import{editorEaselWords as b,say as c}from"../../../format/lib/editor-words.js";import{themeSwatches as N}from"./theme-swatches.js";function S({value:e,onChange:o,label:n,id:r,caption:t,inherited:l,ariaLabel:a}){return s(P,{value:e,onChange:o,label:c(a??n),id:r,caption:t,inherited:l})}function j(){const{theme:e}=w();return N(e).map(o=>({value:o.value,label:o.name}))}function P({value:e,onChange:o,label:n,id:r,caption:t,inherited:l}){const a=j(),i=e?null:u(l??""),d=t!==void 0&&(!e||u(t)!==u(e))?t:null,f=h=>{h!==e&&o(h)};return m("div",{className:"sf-colour",children:[s(p,{id:r,value:e,onChange:f,label:n,presets:a,fallback:i??void 0,size:"md",align:"start"}),d!==null?s("span",{className:"sf-colour-caption",children:d}):s("span",{className:"sf-colour-hexwrap",children:s(C,{value:e||i||"",onChange:f,label:c("{label} hex code",{label:n}),placeholder:e||i?void 0:c("Not set"),className:i?"sf-colour-hex is-inherited":"sf-colour-hex",size:"md"})})]})}function T({value:e,onChange:o,label:n}){return s(p,{value:e,onChange:r=>{r&&r!==e&&o(r)},label:c(n),size:"sm",align:"end"})}function R({label:e,icon:o,changed:n,hint:r,onReset:t,resetTo:l,children:a,...i}){return m(x,{label:e,icon:o,htmlFor:i.id,changed:n,hint:r,action:t?s(g,{words:b()?.panel,label:e,changed:!!n,detail:l,onReset:t}):void 0,children:[S({...i,label:e}),a]})}function _({label:e,icon:o,value:n,inherited:r,resetTo:t,onChange:l,onReset:a,hint:i}){const d=!!n;return s(R,{label:e,icon:o,value:n,inherited:d?void 0:r,onChange:l,changed:d,onReset:a,resetTo:t,hint:i})}export{T as AnyColourSwatch,S as ColourControl,R as ColourRow,_ as InheritedColourRow};

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

@@ -0,0 +1,13 @@
+import { type RefObject } from "react";
+import { type SelectionSource } from "efficient-easel/copy";
+import { type MarkStyle } from "../../../format/lib/markup.js";
+export type Selectable = SelectionSource;
+export declare function markSelection(value: string, style: MarkStyle, el: Selectable): import("efficient-shell/markup").WrapResult;
+export declare function MarkupToolbar({ target, value, onChange, disabled, label, }: {
+    target: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+    value: string;
+    onChange: (next: string) => void;
+    disabled?: boolean;
+    label?: string;
+}): import("react").JSX.Element;
+export default MarkupToolbar;

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

@@ -0,0 +1 @@
+import{jsx as l}from"react/jsx-runtime";import{useEffect as E,useState as T}from"react";import{markSelection as x,useCaretEdit as y}from"efficient-easel/copy";import{RevertIcon as M}from"efficient-easel/icons";import{IconButton as b,TextToolbar as v,Tooltip as L}from"efficient-shell/ui";import{say as u}from"../../../format/lib/editor-words.js";import{applyShopMark as C,shopMarkedAt as D,shopMarkupTools as I,stripMarkup as g}from"../../../format/lib/markup.js";const S="Clear formatting";function j(t,n,o){return x(t,n,o,C)}function z(t){const[n,o]=T(null);return E(()=>{const r=t.current?.ownerDocument??(typeof document>"u"?null:document);if(!r)return;const i=()=>{const s=t.current;if(!s||r.activeElement!==s)return;const c=s.selectionStart??s.value.length,m=s.selectionEnd??c;o(a=>a&&a.start===c&&a.end===m?a:{start:c,end:m})};return r.addEventListener("selectionchange",i),()=>r.removeEventListener("selectionchange",i)},[t]),[n,o]}function A({target:t,value:n,onChange:o,disabled:r=!1,label:i="Formatting"}){const s=y({target:t,onChange:o}),[c,m]=z(t),a=e=>s(h=>{const p=j(n,e,h);return m({start:p.selectionStart,end:p.selectionEnd}),p}),d=I(),f={};if(c)for(const e of d)f[e.style]=D(n,c.start,c.end,e.style);const k=g(n);return l(v,{offered:new Set(d.map(e=>e.style)),onMark:e=>a(e),pressed:f,disabled:r,"aria-label":u(i),className:"sf-markup-bar",last:l("span",{className:"sf-markup-clear",children:l(L,{content:u(S),children:l(b,{size:"sm",onMouseDown:e=>e.preventDefault(),onClick:()=>o(k),disabled:r||k===n,"aria-label":u(S),children:l(M,{size:14})})})})})}var w=A;export{A as MarkupToolbar,w as default,j as markSelection};

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

@@ -0,0 +1,12 @@
+import type { Config } from "efficient-easel/blocks";
+import { type PaletteSection } from "efficient-easel/screen/lib/document/palette-sections";
+export declare const CATEGORY_META: Record<string, {
+    label: string;
+    icon: string;
+}>;
+export declare function categoryShortLabel(id: string): string | undefined;
+export declare function buildPaletteSections(config: Config, descriptions?: Record<string, string>): PaletteSection[];
+export declare function categoryLabel(config: Config, id: string): string;
+export declare const PINNED_SECTION_TYPE = "Flex";
+export declare function pinnedSection(sections: PaletteSection[]): PaletteSection | null;
+export declare function paletteWithoutPinned(sections: PaletteSection[]): PaletteSection[];

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

@@ -0,0 +1 @@
+import{buildPaletteSections as a,categoryLabel as l,paletteWithoutPinned as i,pinnedSection as r}from"efficient-easel/screen/lib/document/palette-sections";import{labelAtLevel as c,LEVEL_NAMED_TYPE as b}from"../../../format/lib/document/section-catalog.js";const u={openers:{label:"Hero & intros",icon:"image"},shop:{label:"Shop & galleries",icon:"bag"},product:{label:"Product page",icon:"box"},checkout:{label:"Checkout & ordering",icon:"bag"},about:{label:"About & brand story",icon:"book"},content:{label:"Text & content",icon:"type"},proof:{label:"Stats & social proof",icon:"star"},promo:{label:"Promotions & sign-ups",icon:"sparkles"},blog:{label:"Blog & journal",icon:"newspaper"},navigation:{label:"Navigation & wayfinding",icon:"bookmark"},legal:{label:"Legal & documents",icon:"file"},contact:{label:"Contact, FAQ & forms",icon:"mail"},structure:{label:"Layout, structure & embeds",icon:"grid"}};function t(o){return u[o]?.label}function d(o,e={}){return a(o,{labelAtLevel:c,categoryLabel:t,descriptions:e})}function f(o,e){return l(o,e,t)}const n=b;function m(o){return r(o,n)}function L(o){return i(o,n)}export{u as CATEGORY_META,n as PINNED_SECTION_TYPE,d as buildPaletteSections,f as categoryLabel,t as categoryShortLabel,L as paletteWithoutPinned,m as pinnedSection};

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

@@ -0,0 +1,2 @@
+import type { AddTarget } from "efficient-easel/screen/lib/document/add-target-types";
+export declare function canAddTo(nodeType: string, nestDepth?: number): AddTarget | null;

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

@@ -0,0 +1 @@
+import{blockOfferOf as t}from"./block-offer.js";import{containerBlocksFor as s}from"../../../format/lib/document/container-blocks.js";import{blockChoicesFor as l,FOOTER_BLOCKS_SLOT as i}from"./footer-blocks.js";import{SLOT_SECTION_SPECS as f}from"../../../render/lib/document/slot-specs.js";function T(o,e=0){const c=h(o,e),r=c?t():null;return c&&r?u(c,r):c}function u(o,e){if(o.spec)return e.offers(o.spec.childType)?o:null;const c=o.choices??[],r=c.filter(n=>e.offers(n.type));return r.length===c.length?o:r.length>0?{...o,choices:r}:null}function h(o,e){const c=f[o];if(c)return{source:"section",slot:c.slot,choices:null,spec:c};const r=s(o,e);if(r)return{source:"container",slot:r.slot,choices:r.choices,spec:null};const n=l(o);return n?{source:"footer",slot:i,choices:n,spec:null}:null}export{T as canAddTo};

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

@@ -0,0 +1,21 @@
+import type { SlotConfigView, TreeItem } from "efficient-easel/draw";
+export type ItemSelector = {
+    index: number;
+    zone?: string;
+} | null | undefined;
+export type ApplyCornersBlock = "alone" | "unset" | "unreachable";
+export type ApplyCornersPlan = {
+    can: false;
+    reason: ApplyCornersBlock;
+    others: number;
+} | {
+    can: true;
+    others: number;
+    zone: string;
+    index: number;
+    data: TreeItem;
+};
+export declare function planApplyCorners(config: SlotConfigView, content: ReadonlyArray<TreeItem>, selector: ItemSelector): ApplyCornersPlan;
+export declare function applyCornersNote(plan: ApplyCornersPlan): string;
+export declare function applyCornersDoneLabel(count: number): string;
+export declare function applyCorners(plan: ApplyCornersPlan, replace: (zone: string, index: number, data: TreeItem) => void): void;

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

@@ -0,0 +1 @@
+import{say as i,sayCount as h}from"../../../format/lib/editor-words.js";import{hasOwnCardCorners as f,cardsWithSharedCorners as u}from"../../../format/lib/content/card-corners.js";import{parentOfSelection as l}from"../../../render/lib/document/selection-parent.js";function y(r,t,c){const e=l(r,t,c),o=e?.slot??"",n=e&&Array.isArray(e.item.props[o])?e.item.props[o]:[],p=c?.index??-1,s=p>=0?n[p]:void 0,d=s?.props?.id?String(s.props.id):"",a=Math.max(n.length-1,0);return!e||!d?{can:!1,reason:"unreachable",others:0}:n.length<=1?{can:!1,reason:"alone",others:a}:f(s?.props?.cardCorners)?{can:!0,others:a,zone:e.zone,index:e.index,data:{...e.item,props:{...e.item.props,[o]:u(n,d)}}}:{can:!1,reason:"unset",others:a}}function A(r){return r.can?h("Gives the other card this card's Corners.","Gives the other {n} cards this card's Corners.",r.others):r.reason==="alone"?i("This is the only card in the section."):r.reason==="unset"?i("Set this card's corners first."):i("This card is not in a section that can share corners.")}function g(r){return h("Applied to {n} card","Applied to {n} cards",r)}function S(r,t){r.can&&t(r.zone,r.index,r.data)}export{S as applyCorners,g as applyCornersDoneLabel,A as applyCornersNote,y as planApplyCorners};

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

@@ -0,0 +1,10 @@
+import { type EditorBlocks, type OfferedSets } from "../editor-blocks.js";
+import { type EaselSession as EditorSession } from "efficient-easel/screen/lib/session";
+export interface BlockOffer {
+    readonly sets: OfferedSets;
+    offers(type: string): boolean;
+}
+export declare function blocksLaidDownBy(type: string): readonly string[];
+export declare function resolveBlockOffer(blocks: EditorBlocks | null | undefined): BlockOffer | null;
+export declare function blockOfferOf(session?: EditorSession): BlockOffer | null;
+export declare function blockIsOffered(type: string, session?: EditorSession): boolean;

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

@@ -0,0 +1 @@
+import{offeredSets as S}from"../editor-blocks.js";import{currentEaselSession as l}from"efficient-easel/screen/lib/session";import{blocksOf as p}from"../website-session.js";import{presetFor as O}from"../../../format/lib/sections/section-presets.js";import{blockTypesIn as a}from"efficient-easel/screen/lib/document/block-types-in";import{blockSetOf as h}from"../../../format/lib/document/section-catalog.js";import{SLOT_SECTION_SPECS as E}from"../../../render/lib/document/slot-specs.js";const w=()=>({}),m=new Map;function T(e){const r=m.get(e);if(r)return r;const n=new Set,f=E[e];if(f)for(const t of f.seeds(w))for(const s of a({type:f.childType,props:t}))n.add(s);const i=O(e);if(i){let t=0;for(const s of a(i(w,o=>`${o}-${t+=1}`)))n.add(s)}n.delete(e);const u=[...n].sort();return m.set(e,u),u}function x(e){if(!e||!e.sets&&!e.allow&&!e.deny?.length)return null;const r=S(e),n=e.allow?new Set(e.allow):null,f=new Set(e.deny??[]),i=new Set(Object.keys(e.host??{})),u=o=>{if(f.has(o))return!1;if(i.has(o))return!0;const c=h(o);return!c||!r[c]?!1:n?n.has(o):!0},t=new Map,s=o=>{const c=t.get(o);if(c!==void 0)return c;t.set(o,!1);const d=u(o)&&T(o).every(s);return t.set(o,d),d};return{sets:r,offers:s}}const F="block-offer";function _(e=l()){return e.cache(F,()=>x(p(e)))}function C(e,r=l()){const n=_(r);return n?n.offers(e):!0}export{C as blockIsOffered,_ as blockOfferOf,T as blocksLaidDownBy,x as resolveBlockOffer};

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

@@ -0,0 +1,7 @@
+import { type SelectField } from "./controls.js";
+import { type ShowWhenRule } from "../../../render/lib/document/show-when.js";
+export declare function blockSourceField(label: string, own: string): SelectField;
+export declare const NO_BLOCK_SOURCE: ShowWhenRule;
+export declare function blockSourceFields<Fields extends Record<string, unknown>>(block: string, fields: Fields, props: Record<string, unknown> | null | undefined, options?: {
+    hides?: readonly string[];
+}): Fields;

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

@@ -0,0 +1 @@
+import{jsx as x}from"react/jsx-runtime";import{ListIcon as y}from"efficient-easel/icons";import{BLOCK_SOURCE_PROP as p,blockSources as S,blockSourcesRevision as w,declaredBlockSource as $}from"../../../format/lib/content/block-sources.js";import{select as j}from"./controls.js";import{withShowWhen as M}from"../../../render/lib/document/show-when.js";function E(s,e){return j(s,x(y,{}),[{label:e,value:""}],"")}const b=new WeakMap;let h=-1,m={};const g=new WeakMap;function _(s,e,i){h!==w()&&(h=w(),m={});let t=b.get(e);(!t||g.get(t)!==m)&&(t=new Map,g.set(t,m),b.set(e,t));const c=S(s),n=i&&!c.some(o=>o.key===i)?i:"",l=`${s}\0${n}`;let r=t.get(l);return r||(r={...e,options:[...e.options,...c.map(o=>({label:o.label,value:o.key})),...n?[{label:n,value:n}]:[]]},t.set(l,r)),r}const O=new WeakMap,C={not:{field:p,set:!0}};function F(s,e,i,t={}){const c=e[p];if(!c)return e;const n=$(i),l=S(s).length>0||n!=="",r=l?_(s,c,n):null;let o=O.get(e);o||O.set(e,o=new Map);const k=`${w()}\0${l?"1":"0"}\0${n}\0${(t.hides??[]).join(",")}`,v=o.get(k);if(v)return v;const R=new Set(t.hides??[]),a={};for(const[u,f]of Object.entries(e))u===p?r&&(a[u]=r):a[u]=R.has(u)&&f&&typeof f=="object"?M(f,C):f;return o.set(k,a),a}export{C as NO_BLOCK_SOURCE,E as blockSourceField,F as blockSourceFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const BannerFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{OpacityIcon as r}from"efficient-easel/icons";import{group as o,slider as a,text as i,textarea as e,upload as n}from"../../../controls.js";import{ctaField as g}from"../../shared-fields.js";const y={fields:{_gContent:o("Content"),eyebrow:i("Eyebrow","Limited release"),title:e("Heading","Banner headline"),body:e("Body","A line or two of supporting copy."),_gBackground:o("Background image"),imageSrc:n("Image","image/*"),overlay:a("Overlay",t(r,{}),0,100,5,60,"%"),_gButton:o("Button"),...g,_gLayout:o("Layout")}};export{y as BannerFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const BreadcrumbFields: BlockFields;

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

@@ -0,0 +1 @@
+import{group as r,plainText as e,text as a,withOffPage as m}from"../../../controls.js";import{BREADCRUMB_PH as l}from"../../../../../../format/lib/document/blocks/general/Breadcrumb/meta.js";const n={fields:{_gContent:r("Content"),items:{type:"array",label:"Crumbs",arrayFields:{label:e("Label"),href:m(e("Link"))},getItemSummary:t=>t?.label||"Crumb"},meta:a("Trailing note",l.meta)}};export{n as BreadcrumbFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const ButtonBlockFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as I}from"react/jsx-runtime";import{ButtonIcon as g,ButtonIconIcon as x,GroundIcon as b,IconAfterTextIcon as y,IconBeforeTextIcon as C,StylesIcon as F,TextColorIcon as S,WidthIcon as T}from"efficient-easel/icons";import*as _ from"efficient-easel/icons";import{SettingsField as B}from"efficient-easel/panel";import{useSelectedFields as a}from"efficient-easel/easel";import{IconPicker as O,Segmented as k}from"efficient-shell/ui";import{StorefrontTextLinkField as v}from"../../../../../components/StorefrontLinkField.js";import{BUTTON_ICONS as w,buttonIconChoice as L,buttonIconSide as N}from"../../../../../../format/lib/content/button-icon.js";import{say as l}from"../../../../../../format/lib/editor-words.js";import{FOLLOWS_SITE_BUTTON as z,FOLLOWS_SITE_BUTTON_INK as W,colorInput as m,group as u,inOwnBox as j,linkField as P,plainText as R,section as f,segmented as p}from"../../../controls.js";import{NoControlMark as A,noControlField as U}from"efficient-easel/screen/lib/document/panel-no-control-mark";import{alignField as E}from"../../shared-fields.js";import{CARD_ROW_FACTS as G,cardRowField as d,cardRowFields as D}from"../../../card-row-fields.js";const c=o=>({...U({type:"custom",render:()=>e(A,{})},"always"),reachedBy:o});function K(o){const n=(o==="none"?"no-symbol":o).replace(/(^|-)([a-z])/g,(r,s,h)=>h.toUpperCase()),t=_[`${n}Icon`];return t?e(t,{size:16}):null}const M=w.map(o=>({value:o,icon:K(o)}));function V({value:o,onChange:i}){const n=a(),t=n.values.href,r=typeof o=="string"?o:o&&typeof o=="object"&&"text"in o?String(o.text??""):"";return e(v,{label:"Button",icon:e(g,{size:18}),text:r,onTextChange:i,link:typeof t=="string"?t:"",onLinkChange:s=>n.onChange("href",s)})}function $({value:o,onChange:i}){const n=a(),t=L(o,n.values.arrow),r=N(n.values.iconPosition);return e(B,{label:l("Icon"),icon:e(x,{size:18}),children:I("div",{className:"flex items-center gap-2",children:[e(O,{label:l("Icon"),value:t,emptyValue:"none",options:M,onChange:i}),t!=="none"&&e(k,{size:"sm",block:!0,label:l("Icon position"),value:r,onChange:s=>n.onChange("iconPosition",s),options:[{value:"before",icon:e(C,{size:16}),label:e("span",{className:"sr-only",children:l("Icon before text")}),title:l("Icon before text")},{value:"after",icon:e(y,{size:16}),label:e("span",{className:"sr-only",children:l("Icon after text")}),title:l("Icon after text")}]})]})})}const lo={fields:{label:j(R("Button"),o=>e(V,{value:o.value,onChange:o.onChange})),href:{...P("Button link"),...c("label")},_gButton:u("Button"),rowField:d("Shows","text"),rowLinkField:d("Link from","link"),_dSize:f("Size"),widthFit:p("Width",e(T,{}),[{label:"Fit content",value:"fit"},{label:"Fill",value:"fill"}],"fit"),_gStyle:u("Style"),variant:p("Style",e(F,{}),[{label:"Filled",value:"primary"},{label:"Outline",value:"ghost"}],"primary"),icon:{type:"custom",render:o=>e($,{value:o.value,onChange:o.onChange})},iconPosition:c("icon"),arrow:c("icon"),buttonColor:m("Fill color",z,e(b,{})),buttonTextColor:m("Text color",W,e(S,{})),_dLayout:f("Layout"),align:E()},resolveFields:(o,i)=>D(i.fields,o,i),showWhenFacts:G};export{lo as ButtonBlockFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const CardsFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{ColumnsIcon as p,StylesIcon as a}from"efficient-easel/icons";import{copyText as s,group as i,plainText as c,plainTextarea as f,select as d,slider as C,text as S,textarea as u,withOffPage as F}from"../../../controls.js";import{SPLITTABLE_SECTIONS as w,headFieldsForPlacement as L,widthFieldsForParent as T}from"../../../../../../format/lib/sections/section-head-placement.js";import{SECTION_EYEBROW_LOOK_OPTIONS as _,eyebrowLookFor as y}from"../../../../../../format/lib/sections/section-eyebrow-look.js";import{WIDTH_ROW_KEYS as k}from"../../shared-fields.js";import{blockSourceField as I,blockSourceFields as O}from"../../../block-source-fields.js";import{CARDS_PH as m}from"../../../../../../format/lib/document/blocks/general/Cards/meta.js";const K={fields:{_gContent:i("Content"),eyebrow:S("Eyebrow",m.eyebrow),eyebrowLook:d("Eyebrow style",o(a,{}),[..._],y("Cards")),title:u("Heading",m.title),dataSource:I("Cards from","Typed here"),items:{type:"array",label:"Cards",arrayFields:{title:s("Card title"),body:f("Card body")},defaultItemProps:{title:"",body:""},getItemSummary:e=>e?.title||e?.body||"Card"},_gStyle:i("Style"),cardStyle:d("Card style",o(a,{}),[{label:"Cards",value:"cards"},{label:"Label only",value:"label-only"}],"cards"),columns:C("Columns",o(p,{}),2,4,1,3)},resolveFields:(e,{fields:n,parent:b})=>{const r=L(T(O("Cards",n,e.props,{hides:["items"]}),b,k),e.props.headPlacement,w.Cards.headRows);if(e.props.cardStyle!=="label-only")return r;const t=r.items,l=r.eyebrowLook;return{...r,...t?{items:{...t,arrayFields:{title:s("Feature label"),href:F(c("Link"))}}}:{},...l?{eyebrowLook:{...l,fallback:y("KeyFeatures")}}:{}}}};export{K as CardsFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const CategoryBarFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{StickyIcon as i}from"efficient-easel/icons";import{group as t,plainText as l,toggle as o,withOffPage as e,withPanelOnly as n}from"../../../controls.js";const c={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:l("Label"),count:l("Count")},getItemSummary:a=>a?.label?`${a.label}${a.count?` · ${a.count}`:""}`:"Tab"},activeTab:n(e(l("Active tab","All"))),_gLinks:t("Links"),links:{type:"array",label:"Right links",arrayFields:{label:l("Label"),href:e(l("Link"))},getItemSummary:a=>a?.label||"Link"},_gStyle:t("Style"),sticky:o("Stick to top",!0,r(i,{}))}};export{c as CategoryBarFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const ChartFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{StylesIcon as i}from"efficient-easel/icons";import{copyText as n,group as t,plainText as s,select as u,text as e,textarea as a,withPanelOnly as p}from"../../../controls.js";import{CHART_PH as o}from"../../../../../../format/lib/document/blocks/general/Chart/meta.js";const x={fields:{_gContent:t("Content"),eyebrow:e("Chip label",o.eyebrow),title:a("Heading",o.title),body:a("Body",""),items:{type:"array",label:"Data points",arrayFields:{label:n("Label"),value:s("Value")},defaultItemProps:{label:"",value:""},getItemSummary:l=>[l?.label,l?.value].filter(Boolean).join(" · ")||"Point"},caption:e("Caption","Illustrative example"),_gStyle:t("Style"),chartStyle:u("Chart style",r(i,{}),[{label:"Bars (comparison / funnel)",value:"bars"},{label:"Line (trend)",value:"line"},{label:"Donut (split of a whole)",value:"donut"}],"bars"),valueSuffix:p(e("Value suffix","%"))}};export{x as ChartFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const ContactLocationsFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import p from"../../../../../components/LocationsGroupedField.js";import{splitLegacyRegion as m}from"../../../../../../format/lib/content/contact.js";import{BLOCK_SOURCE_ROWS_PROP as l}from"../../../../../../format/lib/content/block-sources.js";import{blockSourceField as d,blockSourceFields as u}from"../../../block-source-fields.js";import{needsGeocodeWork as f,resolveGeocodeRows as g}from"../../../geocode-resolve.js";const _={fields:{dataSource:d("Locations from","Typed here"),locations:{type:"custom",render:({value:o,onChange:r})=>a(p,{value:o,onChange:r})}},resolveData:async o=>{const r=o.props,t=r.locations??[];if(!f(t))return o;const n=await g(t,e=>{const s=m(e.region);return[String(e.address??"").replace(/\s*\n+\s*/g,", "),e.name,String(e.state??"").trim()||s.state,String(e.country??"").trim()||s.country].map(c=>String(c??"").trim()).filter(Boolean).join(", ")}),{[l]:S,...i}=r;return{...o,props:{...i,locations:n}}},resolveFields:(o,{fields:r})=>u("ContactLocations",r,o.props)};export{_ as ContactLocationsFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const CountdownFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ClockIcon as n,TagIcon as i}from"efficient-easel/icons";import{dateTime as r,text as o,toggle as s,withPanelOnly as m}from"../../../controls.js";import{COUNTDOWN_DEFAULTS as e}from"../../../../../../format/lib/document/blocks/general/Countdown/meta.js";const T={fields:{title:o("Heading",e.title),zeroText:m(o("At zero",e.zeroText)),endsAt:r("Ends",t(n,{}),"In your own time zone. Every visitor counts down to the same moment."),showUnits:s("Unit labels",!0,t(i,{}))}};export{T as CountdownFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const DividerFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{EyeOffIcon as s,StylesIcon as t,WeightIcon as o,WidthIcon as m}from"efficient-easel/icons";import{deviceField as r}from"efficient-easel/screen/lib/document/device-fields";import{select as n,slider as l,toggle as c}from"../../../controls.js";import{DEFAULT_DIVIDER_STYLE as i,DIVIDER_STYLE_OPTIONS as a}from"../../../../../../format/lib/sections/divider-style.js";import{withRowRules as d}from"../../../../../../render/lib/document/show-when.js";const f={any:[{field:"style",set:!1},{field:"style",is:i}]},D={fields:d({style:n("Style",e(t,{}),a,i),spacing:{type:"select",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"}]},thickness:l("Thickness",e(o,{}),1,8,1,1,"px"),lengthPct:l("Length",e(m,{}),10,100,1,100,"%"),hideOnMobile:r("mobile",c("Hide",!1,e(s,{})))},[[["thickness"],f]])};export{D as DividerFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const DocBodyFields: BlockFields;

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

@@ -0,0 +1 @@
+import{copyText as t,group as o,plainTextarea as n,text as a}from"../../../controls.js";import{DOC_BODY_PH as l}from"../../../../../../format/lib/document/blocks/general/DocBody/meta.js";const s={fields:{_gContent:o("Contents"),tocTitle:a("Contents heading",l.toc),_gSections:o("Sections"),sections:{type:"array",label:"Sections",arrayFields:{label:t("Contents label"),heading:t("Title"),body:n("Body")},defaultItemProps:{label:"",heading:"",body:""},getItemSummary:e=>e?.label||e?.heading||"Section"}}};export{s as DocBodyFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const DocMastheadFields: BlockFields;

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

@@ -0,0 +1 @@
+import{copyText as t,group as a,text as o,textarea as l}from"../../../controls.js";import{DOC_MASTHEAD_PH as e}from"../../../../../../format/lib/document/blocks/general/DocMasthead/meta.js";const i={fields:{_gContent:a("Content"),eyebrow:o("Eyebrow",e.eyebrow),title:l("Heading",e.title),deck:l("Deck / standfirst",e.deck),_gMeta:a("Metadata"),meta:{type:"array",label:"Metadata rows",arrayFields:{label:t("Label"),value:t("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:r=>r?.label||"Row"}}};export{i as DocMastheadFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const DocMetaCardsFields: BlockFields;

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

@@ -0,0 +1 @@
+import{copyText as e,plainTextarea as l,withScaffold as r}from"../../../controls.js";import{DOC_META_SCAFFOLD_CARDS as d}from"../../../../../../format/lib/document/blocks/general/DocMetaCards/meta.js";const s={fields:{cards:r({type:"array",label:"Cards",arrayFields:{label:e("Label"),value:e("Value"),desc:l("Body")},defaultItemProps:{label:"Label",value:"",desc:""},getItemSummary:a=>a?.label||a?.value||"Card"},d)}};export{s as DocMetaCardsFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const DocTabsFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{PageIcon as r}from"efficient-easel/icons";import{group as o,linkField as m,plainText as b,text as e,toggle as s}from"../../../controls.js";import{DOC_TABS_PH as a}from"../../../../../../format/lib/document/blocks/general/DocTabs/meta.js";const u={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:b("Tab label"),href:m("Links to"),current:s("Current page",!1,t(r,{}))},defaultItemProps:{label:"Tab",href:"",current:!1},getItemSummary:l=>l?.label||"Tab"},_gNote:o("Trailing note"),metaLabel:e("Note label",a.metaLabel),metaValue:e("Note value",a.metaValue)}};export{u as DocTabsFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const EyebrowFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{StylesIcon as r}from"efficient-easel/icons";import{select as e,text as m}from"../../../controls.js";import{SECTION_EYEBROW_LOOK_OPTIONS as t,DEFAULT_EYEBROW_BLOCK_LOOK as i}from"../../../../../../format/lib/sections/section-eyebrow-look.js";import{PH as O}from"../../../../../../format/lib/document/blocks/placeholders.js";import{alignField as s}from"../../shared-fields.js";const L={fields:{eyebrow:m("Eyebrow",O.eyebrow),align:s(),eyebrowLook:e("Look",o(r,{}),t,i)}};export{L as EyebrowFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const FAQFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{ChevronIcon as a}from"efficient-easel/icons";import{copyText as l,group as t,linkField as m,plainTextarea as u,text as r,textarea as p,toggle as d}from"../../../controls.js";import{SPLITTABLE_SECTIONS as f,headFieldsForPlacement as F,widthFieldsForParent as g}from"../../../../../../format/lib/sections/section-head-placement.js";import{WIDTH_ROW_KEYS as x}from"../../shared-fields.js";import{FAQ_PH as o}from"../../../../../../format/lib/document/blocks/general/FAQ/meta.js";const k={fields:{_gContent:t("Content"),num:r("Number",o.num),title:p("Heading",o.title),linkText:r("Button",o.link),linkHref:m("Link"),_gQuestions:t("Questions"),items:{type:"array",label:"Questions",arrayFields:{question:l("Question"),answer:u("Answer")},getItemSummary:e=>e.question||"Question"},_gLayout:t("Layout"),defaultOpen:d("Open first answer",!0,s(a,{}))},resolveFields:(e,{fields:i,parent:n})=>F(g(i,n,x),e.props.headPlacement,f.FAQ.headRows)};export{k as FAQFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const FeaturedCoverFields: BlockFields;

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

@@ -0,0 +1 @@
+import o from"../../../../../components/BlogPostSource.js";import{BOUND_TO_POST as i,BOUND_TO_POST_NOTE as r,NOT_BOUND_TO_POST as d,group as g,linkField as m,panelNote as n,sourceField as O,text as t,textarea as a,upload as l}from"../../../controls.js";import{withRowsShownWhen as _,withShowWhen as D}from"../../../../../../render/lib/document/show-when.js";import{FEATUREDCOVER_PH as e}from"../../../../../../format/lib/document/blocks/general/FeaturedCover/meta.js";const T=["image","imageDate","date","title","dek","ctaHref"],B={fields:_({source:O(o),_nBound:D(n(r),i),image:l("Cover image","image/*"),badge:t("Badge",e.badge),imageDate:t("Image date",e.imageDate),_gContent:g("Content"),category:t("Category",e.category),readLabel:t("Read time",e.readLabel),date:t("Date",e.date),title:a("Heading",e.title),dek:a("Dek",e.dek),ctaText:t("Button",e.ctaText),ctaHref:m("Link")},T,d)};export{B as FeaturedCoverFields};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const FlexFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as c}from"react/jsx-runtime";import{BOX_CARD_PAD as s,BOX_DARKEN as a,BOX_DARKEN_STYLES as m,isBackgroundBox as u}from"../../../../../../format/lib/content/box-background.js";import{containerDirectionPoints as k}from"../../../../../../format/lib/content/container-direction.js";import{deviceField as d}from"efficient-easel/screen/lib/document/device-fields";import{OpacityIcon as x,StylesIcon as F}from"efficient-easel/icons";import{boxAlignField as y,boxBlockSpacingField as O,boxJustifyField as S,boxPhoneRowField as _,boxShareField as B,boxWrapField as h,foldMetaOf as j,gapField as w,group as p,placementField as D,plainText as I,select as R,sidesPaddingFields as g,slider as A,upload as b,withPanelOnly as P}from"../../../controls.js";import{withRowRules as C}from"../../../../../../render/lib/document/show-when.js";import{FlexSlots as E}from"../../../../../../format/lib/document/blocks/general/Flex/meta.js";const v={field:"bgImage",set:!0},M={fields:C({_gContent:p("Content"),content:E.content,_gLayout:p("Layout"),direction:{type:"radio",options:k("Flex")},label:P(I("Tab name")),gap:w("Flex"),justify:S(),align:y(),wrap:h(),share:B(),phoneRow:_(),blockSpacing:O(),_gBackground:p("Background image"),bgImage:d("desktop",b("Image","image/*")),bgImagePhone:d("mobile",b("Image","image/*")),darken:A("Darken",c(x,{}),a.min,a.max,a.step,a.fallback,a.unit),darkenStyle:R("Darken style",c(F,{}),m,m[0].value),placement:D("Content position",{stacking:!1})},[[["darken","darkenStyle","placement"],v]]),resolveFields:(e,{fields:o})=>{const r=e.props;if(u(r.bgImage)){const i=g({fallback:{top:s.desktop,bottom:s.desktop,left:s.side,right:s.side}});return f(o,i)}return e.props.padV2!==!0?f(o,g({fallback:{top:24,bottom:24}})):o}};function f(e,o){const r=Object.fromEntries(Object.entries(o).map(([t,l])=>[t,t in e&&j(l)?e[t]:l])),n={};let i=!1;for(const[t,l]of Object.entries(e)){if(t in o){i||Object.assign(n,r),i=!0;continue}n[t]=l}return i||Object.assign(n,r),n}export{M as FlexFields};

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

@@ -0,0 +1,3 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare function footprintBlockSource(value: unknown): string;
+export declare const FootprintFields: BlockFields;

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

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{FOOTPRINT_DEFAULTS as _}from"../../../../../../format/lib/content/footprint.js";import{HeadquartersIcon as L,LayoutIcon as E,LocationIcon as I,SearchIcon as P,StoreIcon as k,ThemeIcon as C}from"efficient-easel/icons";import{CoordsField as D,copyText as x,group as l,plainText as a,section as N,segmented as u,sourceField as A,text as f,textarea as S,toggle as d}from"../../../controls.js";import{withShowWhen as n}from"../../../../../../render/lib/document/show-when.js";import{needsGeocodeWork as H,resolveGeocodeRows as W}from"../../../geocode-resolve.js";import{SPLITTABLE_SECTIONS as B,headFieldsForPlacement as M,widthFieldsForParent as U}from"../../../../../../format/lib/sections/section-head-placement.js";import{innerSpacingFields as j,WIDTH_ROW_KEYS as q}from"../../shared-fields.js";import{BLOCK_SOURCE_PROP as g,blockSources as z,blockSourcesRevision as w}from"../../../../../../format/lib/content/block-sources.js";import{FOOTPRINT_PH as m}from"../../../../../../format/lib/document/blocks/general/Footprint/meta.js";const G={field:"source",is:"typed",default:"typed"},c={field:"source",is:"dealers",default:"typed"},b={all:[c,{field:"search",is:!0,default:!1}]},y=[{label:"Typed in",value:"typed"},{label:"Dealers",value:"dealers"}],K=new Set(y.map(e=>e.value)),R=e=>u("Source",i(k,{}),e,"typed");function v(e){const t=typeof e=="string"?e.trim():"";return t&&!K.has(t)&&/^[a-z][a-z0-9]*(-[a-z0-9]+)*$/.test(t)?t:""}const h=new Map;let F=-1;function Y(e){const t=z("Footprint"),o=e&&!t.some(s=>s.key===e)?e:"";if(!t.length&&!o)return null;F!==w()&&(F=w(),h.clear());let r=h.get(o);return r||(r=R([...y,...t.map(s=>({label:s.label,value:s.key})),...o?[{label:o,value:o}]:[]]),h.set(o,r)),r}const T=new WeakMap;function Q(e,t){const o=Y(t);if(!o)return e;let r=T.get(e);r||T.set(e,r=new Map);let s=r.get(o);return s||(s={...e,source:o},r.set(o,s)),s}const ie={fields:{_gContent:l("Section"),sectionNumber:f("Section number",m.sectionNumber),heading:S("Heading",m.heading),tagline:S("Body",m.tagline),_gOffices:l("Offices"),source:R(y),offices:n({type:"array",label:"Offices",arrayFields:{role:a("Role"),city:a("City"),country:a("Region · country"),address:x("Address"),group:a("Group"),hq:d("HQ",!1,i(L,{})),geocode:A(D,{label:"Coordinates"})},defaultItemProps:{role:"Sales & Distribution",city:"City",country:"Country",address:"",group:"",hq:!1,lat:0,lng:0},getItemSummary:e=>e?.city||"Office"},G),mapTheme:u("Map theme",i(C,{}),[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],_.mapTheme),_gSearch:l("Search"),search:n(d("Show",!1,i(P,{})),c),searchHint:n(f("Hint","Type a postcode or address"),b),noMatchText:n(f("No match","No place found. Try another postcode."),b),_gList:l("List"),listPosition:n(u("Position",i(E,{}),[{label:"Left",value:"left"},{label:"Right",value:"right"},{label:"Below",value:"below"}],"below"),c),showDistance:n(d("Distance",!0,i(I,{})),c),_dLayout:N("Layout"),...j("Footprint")},resolveData:async e=>{const t=v(e.props.source);(e.props[g]??"")!==t&&(e={...e,props:{...e.props,[g]:t}});const o=e.props,r=o.offices??[];if(!H(r))return e;const s=await W(r,p=>[p.address,p.city,p.country].map(O=>String(O??"").replace(/\*/g,"").trim()).filter(Boolean).join(", "));return{...e,props:{...o,offices:s}}},resolveFields:(e,{fields:t,parent:o})=>M(U(Q(t,v(e.props.source)),o,q),e.props.headPlacement,B.Footprint.headRows)};export{ie as FootprintFields,v as footprintBlockSource};

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

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/document/blocks/block-types.js";
+export declare const GridFields: BlockFields;