efficient-web-builder 21.0.0 → 22.1.0

package/dist/lib/page-live-state.js

@@ -1 +1 @@
-import{useSyncExternalStore as a}from"react";import{say as n}from"./editor-words.js";const r=new Map,s=new Set;function i(e,t){if(!(r.has(e)&&r.get(e)===t)){r.set(e,t);for(const o of s)o()}}function g(e,t){i(e,t)}function p(e,t){const o=r.get(e);i(e,t??(o==="live"?"changed":o))}function h(e,t){i(e,t??"live")}function v(e){return r.get(e)}function c(e){return s.add(e),()=>{s.delete(e)}}function d(e){const t=()=>e?r.get(e):void 0;return a(c,t,t)}function b(e,t){return e==="live"&&t?"changed":e}function x({live:e,onPress:t,busy:o=!1}){const u=e==="live"?n("Everything is live"):e==="changed"?n("Changes not live yet"):e==="never"?n("Never published"):null;return{label:n("Publish"),tooltip:e==="never"?n("Put this page on your site"):n("Put your changes on your site"),status:u,quiet:e==="live"?{label:n("Published"),reason:n("Everything is live")}:null,onPress:t,busy:o}}export{b as effectiveLive,x as mainActionFor,g as noteLoaded,h as notePublished,p as noteSaved,v as pageLiveState,d as usePageLiveState};
+import{useSyncExternalStore as l}from"react";import{say as n}from"./editor-words.js";const r=new Map,s=new Set;function i(e,t){if(!(r.has(e)&&r.get(e)===t)){r.set(e,t);for(const o of s)o()}}function h(e,t){i(e,t)}function p(e,t){const o=r.get(e);i(e,t??(o==="live"?"changed":o))}function d(e,t){i(e,t??"live")}function y(e){return r.get(e)}function f(e){return s.add(e),()=>{s.delete(e)}}function b(e){const t=()=>e?r.get(e):void 0;return l(f,t,t)}function x(e,t){return e==="live"&&t?"changed":e}function P({live:e,onPress:t,busy:o=!1,pinnedUnpublished:u=!1}){const a=e==="live"&&!u,c=e==="changed"?n("Changes not live yet"):e==="never"?n("Never published"):u?n("Header and footer not live yet"):e==="live"?n("Everything is live"):null;return{label:n("Publish"),tooltip:e==="never"?n("Put this page on your site"):n("Put your changes on your site"),status:c,quiet:a?{label:n("Published"),reason:n("Everything is live")}:null,onPress:t,busy:o}}export{x as effectiveLive,P as mainActionFor,h as noteLoaded,d as notePublished,p as noteSaved,y as pageLiveState,b as usePageLiveState};

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

@@ -2,7 +2,7 @@ import { type RefObject } from "react";
 import { type SelectionSource } from "efficient-easel/copy";
 import { type MarkStyle } from "../markup.js";
 export type Selectable = SelectionSource;
-export declare function markSelection(value: string, style: MarkStyle, el: Selectable): import("efficient-easel/markup").WrapResult;
+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;

package/dist/lib/puck/MarkupToolbar.js

@@ -1 +1 @@
-import{jsx as e,Fragment as p,jsxs as h}from"react/jsx-runtime";import{useEffect as M,useState as S}from"react";import{MarkBar as E,markSelection as v,useCaretEdit as L}from"efficient-easel/copy";import{RevertIcon as b}from"efficient-easel/icons";import{IconButton as j,Tooltip as A}from"efficient-shell/ui";import{say as m}from"../editor-words.js";import{applyShopMark as T,shopMarkedAt as z,shopMarkupTools as C,stripMarkup as H}from"../markup.js";function _({style:t}){const n=r=>e("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.9,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:r});switch(t){case"bold":return n(e("path",{d:"M7 5h6.5a3.5 3.5 0 0 1 0 7H7zm0 7h7.5a3.5 3.5 0 0 1 0 7H7z"}));case"italic":return n(h(p,{children:[e("line",{x1:"10",y1:"5",x2:"19",y2:"5"}),e("line",{x1:"5",y1:"19",x2:"14",y2:"19"}),e("line",{x1:"14",y1:"5",x2:"10",y2:"19"})]}));case"strike":return n(h(p,{children:[e("path",{d:"M16.5 6.5A4.2 4.2 0 0 0 12.7 4.7C10 4.7 8.4 6 8.4 7.9c0 1.6 1.2 2.5 3.4 3.1"}),e("path",{d:"M7.6 17.4A4.4 4.4 0 0 0 11.7 19.3c2.8 0 4.5-1.4 4.5-3.4 0-1-.4-1.8-1.2-2.4"}),e("line",{x1:"4",y1:"12",x2:"20",y2:"12"})]}));case"highlight":return n(h(p,{children:[e("path",{d:"M14.5 4.5l5 5-8 8H6.5v-5z"}),e("line",{x1:"4",y1:"21",x2:"20",y2:"21"})]}));default:return null}}const D=["bold","italic","strike","highlight"],B=Object.fromEntries(D.map(t=>[t,e(_,{style:t},t)])),k="Clear formatting";function F(t,n,r){return v(t,n,r,T)}function I(t){const[n,r]=S(null);return M(()=>{const o=t.current?.ownerDocument??(typeof document>"u"?null:document);if(!o)return;const a=()=>{const s=t.current;if(!s||o.activeElement!==s)return;const i=s.selectionStart??s.value.length,d=s.selectionEnd??i;r(c=>c&&c.start===i&&c.end===d?c:{start:i,end:d})};return o.addEventListener("selectionchange",a),()=>o.removeEventListener("selectionchange",a)},[t]),[n,r]}function R({target:t,value:n,onChange:r,disabled:o=!1,label:a="Formatting"}){const s=L({target:t,onChange:r}),[i,d]=I(t),c=l=>s(g=>{const u=F(n,l,g);return d({start:u.selectionStart,end:u.selectionEnd}),u}),f=C(),x={};if(i)for(const l of f)x[l.style]=z(n,i.start,i.end,l.style);const y=H(n);return e(E,{tools:f,onApply:c,pressed:x,disabled:o,glyphs:B,ariaLabel:m(a),actions:e("span",{className:"sf-markup-clear",children:e(A,{content:m(k),children:e(j,{size:"sm",onMouseDown:l=>l.preventDefault(),onClick:()=>r(y),disabled:o||y===n,"aria-label":m(k),children:e(b,{size:14})})})})})}var q=R;export{R as MarkupToolbar,q as default,F as markSelection};
+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"../editor-words.js";import{applyShopMark as C,shopMarkedAt as D,shopMarkupTools as I,stripMarkup as g}from"../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/lib/puck/blocks/general/Footprint/fields.js

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

package/dist/lib/puck/blocks/general/Footprint/render.js

@@ -1,2 +1,2 @@
-import{jsx as f}from"react/jsx-runtime";import u from"../../../../../components/Footprint.js";import{FOOTPRINT_DEFAULTS as a}from"../../../../content/footprint.js";import{hidableText as r}from"../../../hidable.js";import{parseSectionHeadPlacement as l}from"../../../../sections/section-head-placement.js";import{PH as o}from"../../placeholders.js";import{phRows as h,phHide as m}from"../../scaffold.js";import{say as t}from"../../../../editor-words.js";const d={sectionNumber:o.sectionNumber,heading:`${o.heading}
-*${o.accent}*`,tagline:o.body},p=()=>[{role:t("Headquarters"),city:t("City"),country:t("Country"),address:t("Street address"),lat:0,lng:0,hq:!0},{role:t("Office"),city:t("City"),country:t("Country"),address:t("Street address"),lat:0,lng:0,hq:!1}],H={label:"Locations Map",defaultProps:{sectionNumber:"",heading:"",tagline:"",offices:[],apiKey:a.apiKey,mapId:a.mapId,mapTheme:a.mapTheme,padTop:120,padBottom:120},render:e=>{const i=l(e.headPlacement)==="own-box",n=c=>i?void 0:c;return f(u,{sectionNumber:n(m(e.sectionNumber,d.sectionNumber,e.puck)),heading:n(m(e.heading,d.heading,e.puck)),tagline:n(m(e.tagline,d.tagline,e.puck)),omitHead:i,offices:h(e.offices,p(),e.puck),apiKey:r(e.apiKey),mapId:r(e.mapId),mapTheme:e.mapTheme??a.mapTheme,padTop:i?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})}};export{d as FOOTPRINT_PH,H as FootprintRender};
+import{jsx as s}from"react/jsx-runtime";import h from"../../../../../components/Footprint.js";import{FOOTPRINT_DEFAULTS as a}from"../../../../content/footprint.js";import{parseDealerListPosition as f,parseFootprintSource as u}from"../../../../dealer-source.js";import{hidableText as i}from"../../../hidable.js";import{parseSectionHeadPlacement as l}from"../../../../sections/section-head-placement.js";import{PH as o}from"../../placeholders.js";import{phRows as T,phHide as m}from"../../scaffold.js";import{say as t}from"../../../../editor-words.js";const r={sectionNumber:o.sectionNumber,heading:`${o.heading}
+*${o.accent}*`,tagline:o.body},y=()=>[{role:t("Headquarters"),city:t("City"),country:t("Country"),address:t("Street address"),lat:0,lng:0,hq:!0},{role:t("Office"),city:t("City"),country:t("Country"),address:t("Street address"),lat:0,lng:0,hq:!1}],I={label:"Locations Map",defaultProps:{sectionNumber:"",heading:"",tagline:"",offices:[],apiKey:a.apiKey,mapId:a.mapId,mapTheme:a.mapTheme,padTop:120,padBottom:120,source:"typed",search:!1,searchHint:"",noMatchText:"",listPosition:"below",showDistance:!0},render:e=>{const n=l(e.headPlacement)==="own-box",c=d=>n?void 0:d;return s(h,{sectionNumber:c(m(e.sectionNumber,r.sectionNumber,e.puck)),heading:c(m(e.heading,r.heading,e.puck)),tagline:c(m(e.tagline,r.tagline,e.puck)),omitHead:n,offices:T(e.offices,y(),e.puck),apiKey:i(e.apiKey),mapId:i(e.mapId),mapTheme:e.mapTheme??a.mapTheme,padTop:n?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing,source:u(e.source),search:e.search===!0,searchHint:i(e.searchHint),noMatchText:i(e.noMatchText),listPosition:f(e.listPosition),showDistance:e.showDistance!==!1})}};export{r as FOOTPRINT_PH,I as FootprintRender};

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

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{ImageIcon as _,ImagesIcon as c,MediaIcon as E,MediaLayoutSideBySideIcon as A,MediaLayoutStackedIcon as S,OpacityIcon as l,PlacementIcon as T,PlayIcon as b,UploadIcon as P}from"efficient-easel/icons";import{colorInput as d,edgePad as D,FOCAL_DEFAULT as n,focalPicker as p,group as i,MEDIA_TYPE_OPTIONS as F,phoneChoiceField as U,plainText as f,segmented as a,slider as m,upload as t}from"../../../controls.js";import{MEDIA_LAYOUT_DEFAULT as v,MEDIA_LAYOUT_LABELS as g,MEDIA_LAYOUTS as y,resolvePhoneLayout as h}from"../../../../hero-media-layout.js";import{deviceNote as C}from"../../../device-fields.js";import{DEFAULT_OVERLAY_COLOR as k,DEFAULT_OVERLAY_POSITION as V,OVERLAY_POSITION_OPTIONS as M}from"../../../../sections/hero-overlay.js";import{heightField as s,slotNoticeField as Y}from"../../shared-fields.js";import{forMediaType as I,heroMediaFields as B,VIDEO_FILE_LABEL as x,VIDEO_FILE_PROMPT as N}from"../../../hero-media-parts.js";import{VIDEO_PLAYBACK_DEFAULT as R,VIDEO_PLAYBACK_LABELS as K,VIDEO_PLAYBACKS as w,VIDEO_SOURCE_DEFAULT as r,VIDEO_SOURCE_LABELS as H,VIDEO_SOURCES as j}from"../../../../hero-video.js";const L=I("video","image"),O=I("image","image"),u={one:o(_,{}),side:o(A,{}),stacked:o(S,{})};import{HeroSingleSlots as G}from"./render.js";const ie={fields:B({_dDevice:C(),boxNotice:Y("HeroSingle"),boxes:G.boxes,_gStyle:i("Style"),overlay:m("Overlay",o(l,{}),0,100,5,100,"%"),overlayColor:d("Overlay color",k),overlayPosition:D("Overlay position",M,V,"A corner would need a diagonal ramp, which this overlay does not draw.",o(T,{})),_gLayout:i("Layout"),heightDesktop:s("desktop"),heightMobile:s("mobile"),_gMedia:i("Media"),mediaType:a("Type",o(E,{}),F,"image"),mediaLayout:a("Layout",o(c,{}),y.map(e=>({label:g[e],value:e,picture:u[e]})),v),mediaLayoutPhone:U({label:"Layout",icon:o(c,{}),options:y.map(e=>({label:g[e],value:e,picture:u[e]})),desktopKey:"mediaLayout",resolve:h}),mediaImage:t("Background image","image/*","Upload a background image"),imageFocal:p("Image focus",n),videoSource:a("Source",o(P,{}),j.map(e=>({label:H[e],value:e})),r),mediaVideo:t(x,"video/*",N),youtubeUrl:f("YouTube link","https://youtu.be/…"),videoPlayback:a("Playback",o(b,{}),w.map(e=>({label:K[e],value:e})),R),poster:t("Video poster","image/*","Upload a poster still"),_gTint:i("Image tint"),tintColor:d("Tint color","#000000"),tintOpacity:m("Tint opacity",o(l,{}),0,100,5,0,"%"),mediaImage2:t("Background image","image/*","Upload a background image"),imageFocal2:p("Image focus",n),tintColor2:d("Tint color","#000000"),tintOpacity2:m("Tint opacity",o(l,{}),0,100,5,0,"%")},{parts:{media:["mediaType","mediaLayout","mediaLayoutPhone","videoSource","mediaVideo","youtubeUrl","videoPlayback","poster"],image:["mediaImage","imageFocal","tintColor","tintOpacity"],image2:["mediaImage2","imageFocal2","tintColor2","tintOpacity2"]},onlyFor:{image:["mediaImage","imageFocal","_gTint","tintColor","tintOpacity","mediaImage2","imageFocal2","tintColor2","tintOpacity2"],video:["videoSource","videoPlayback","poster"]},rules:{mediaVideo:{all:[L,{field:"videoSource",is:"upload",default:r}]},youtubeUrl:{all:[L,{field:"videoSource",is:"youtube",default:r}]},mediaLayout:{all:[O,{not:{context:"device",is:"mobile"}}]},mediaLayoutPhone:{all:[O,{context:"device",is:"mobile"}]}},fallback:"image"})};export{ie as HeroSingleFields};
+import{jsx as o}from"react/jsx-runtime";import{ImageIcon as O,ImagesIcon as n,MediaIcon as _,MediaLayoutSideBySideIcon as E,MediaLayoutStackedIcon as P,OpacityIcon as m,PlacementIcon as S,PlayIcon as A,UploadIcon as F}from"efficient-easel/icons";import{colorInput as d,edgePad as T,focusKeptField as i,group as a,MEDIA_TYPE_OPTIONS as b,phoneChoiceField as h,plainText as f,segmented as t,slider as c,upload as l}from"../../../controls.js";import{MEDIA_LAYOUT_DEFAULT as D,MEDIA_LAYOUT_LABELS as g,MEDIA_LAYOUTS as p,resolvePhoneLayout as U}from"../../../../hero-media-layout.js";import{deviceNote as v}from"../../../device-fields.js";import{DEFAULT_OVERLAY_COLOR as C,DEFAULT_OVERLAY_POSITION as V,OVERLAY_POSITION_OPTIONS as k}from"../../../../sections/hero-overlay.js";import{heightField as y,slotNoticeField as M}from"../../shared-fields.js";import{forMediaType as s,heroMediaFields as Y,VIDEO_FILE_LABEL as B,VIDEO_FILE_PROMPT as x}from"../../../hero-media-parts.js";import{VIDEO_PLAYBACK_DEFAULT as N,VIDEO_PLAYBACK_LABELS as R,VIDEO_PLAYBACKS as K,VIDEO_SOURCE_DEFAULT as r,VIDEO_SOURCE_LABELS as w,VIDEO_SOURCES as H}from"../../../../hero-video.js";const u=s("video","image"),I=s("image","image"),L={one:o(O,{}),side:o(E,{}),stacked:o(P,{})};import{HeroSingleSlots as j}from"./render.js";const oe={fields:Y({_dDevice:v(),boxNotice:M("HeroSingle"),boxes:j.boxes,_gStyle:a("Style"),overlay:c("Overlay",o(m,{}),0,100,5,100,"%"),overlayColor:d("Overlay color",C),overlayPosition:T("Overlay position",k,V,"A corner would need a diagonal ramp, which this overlay does not draw.",o(S,{})),_gLayout:a("Layout"),heightDesktop:y("desktop"),heightMobile:y("mobile"),_gMedia:a("Media"),mediaType:t("Type",o(_,{}),b,"image"),mediaLayout:t("Layout",o(n,{}),p.map(e=>({label:g[e],value:e,picture:L[e]})),D),mediaLayoutPhone:h({label:"Layout",icon:o(n,{}),options:p.map(e=>({label:g[e],value:e,picture:L[e]})),desktopKey:"mediaLayout",resolve:U}),mediaImage:l("Background image","image/*","Upload a background image",{focus:"imageFocal"}),imageFocal:i(),imageFocalPhone:i(),videoSource:t("Source",o(F,{}),H.map(e=>({label:w[e],value:e})),r),mediaVideo:l(B,"video/*",x),youtubeUrl:f("YouTube link","https://youtu.be/…"),videoPlayback:t("Playback",o(A,{}),K.map(e=>({label:R[e],value:e})),N),poster:l("Video poster","image/*","Upload a poster still"),_gTint:a("Image tint"),tintColor:d("Tint color","#000000"),tintOpacity:c("Tint opacity",o(m,{}),0,100,5,0,"%"),mediaImage2:l("Background image","image/*","Upload a background image",{focus:"imageFocal2"}),imageFocal2:i(),imageFocal2Phone:i(),tintColor2:d("Tint color","#000000"),tintOpacity2:c("Tint opacity",o(m,{}),0,100,5,0,"%")},{parts:{media:["mediaType","mediaLayout","mediaLayoutPhone","videoSource","mediaVideo","youtubeUrl","videoPlayback","poster"],image:["mediaImage","imageFocal","imageFocalPhone","tintColor","tintOpacity"],image2:["mediaImage2","imageFocal2","imageFocal2Phone","tintColor2","tintOpacity2"]},onlyFor:{image:["mediaImage","imageFocal","imageFocalPhone","_gTint","tintColor","tintOpacity","mediaImage2","imageFocal2","imageFocal2Phone","tintColor2","tintOpacity2"],video:["videoSource","videoPlayback","poster"]},rules:{mediaVideo:{all:[u,{field:"videoSource",is:"upload",default:r}]},youtubeUrl:{all:[u,{field:"videoSource",is:"youtube",default:r}]},mediaLayout:{all:[I,{not:{context:"device",is:"mobile"}}]},mediaLayoutPhone:{all:[I,{context:"device",is:"mobile"}]}},fallback:"image"})};export{oe as HeroSingleFields};

package/dist/lib/puck/blocks/general/HeroSingle/render.js

@@ -1 +1 @@
-import{jsx as S}from"react/jsx-runtime";import x from"../../../../../components/HeroSingle.js";import{FOCAL_DEFAULT as A}from"efficient-shell/format";import{DEFAULT_OVERLAY_COLOR as E,DEFAULT_OVERLAY_POSITION as _}from"../../../../sections/hero-overlay.js";const h={boxes:{type:"slot",allow:["HeroGroup"]}},R={label:"Hero",fields:h,defaultProps:{mediaType:"image",imageFocal:A,tintColor:"#000000",tintOpacity:0,overlay:100,overlayColor:E,overlayPosition:_},render:({mediaType:o,mediaImage:e,mediaVideo:i,poster:t,imageFocal:r,tintColor:n,tintOpacity:a,overlay:l,overlayColor:d,overlayPosition:s,heightDesktop:m,heightMobile:g,boxes:p,videoSource:u,youtubeUrl:y,videoPlayback:f,mediaLayout:c,mediaLayoutPhone:O,mediaImage2:L,imageFocal2:b,tintColor2:v,tintOpacity2:P,puck:C})=>S(x,{mediaType:o,videoSource:u,youtubeUrl:y,videoPlayback:f,mediaLayout:c,mediaLayoutPhone:O,mediaImage2:L||void 0,objectPosition2:b||void 0,tintColor2:v,tintOpacity2:P,mediaSrc:(o==="image"?e:i)||void 0,poster:t||void 0,objectPosition:o==="image"&&r||void 0,tintColor:n,tintOpacity:o==="image"?a:0,overlay:l,overlayColor:d,overlayPosition:s,heightDesktop:m,heightMobile:g,boxes:p,editing:C?.isEditing})};export{R as HeroSingleRender,h as HeroSingleSlots};
+import{jsx as x}from"react/jsx-runtime";import A from"../../../../../components/HeroSingle.js";import{FOCAL_DEFAULT as E}from"efficient-shell/format";import{DEFAULT_OVERLAY_COLOR as _,DEFAULT_OVERLAY_POSITION as h}from"../../../../sections/hero-overlay.js";const H={boxes:{type:"slot",allow:["HeroGroup"]}},I={label:"Hero",fields:H,defaultProps:{mediaType:"image",imageFocal:E,tintColor:"#000000",tintOpacity:0,overlay:100,overlayColor:_,overlayPosition:h},render:({mediaType:o,mediaImage:t,mediaVideo:n,poster:r,imageFocal:d,tintColor:l,tintOpacity:a,overlay:s,overlayColor:f,overlayPosition:m,heightDesktop:u,heightMobile:g,boxes:p,videoSource:y,youtubeUrl:c,videoPlayback:b,mediaLayout:O,mediaLayoutPhone:P,mediaImage2:L,imageFocal2:v,imageFocalPhone:e,imageFocal2Phone:i,tintColor2:C,tintOpacity2:S,puck:j})=>x(A,{mediaType:o,videoSource:y,youtubeUrl:c,videoPlayback:b,mediaLayout:O,mediaLayoutPhone:P,mediaImage2:L||void 0,objectPosition2:v||void 0,objectPosition2Phone:typeof i=="string"?i:void 0,tintColor2:C,tintOpacity2:S,mediaSrc:(o==="image"?t:n)||void 0,poster:r||void 0,objectPosition:o==="image"&&d||void 0,objectPositionPhone:o==="image"&&typeof e=="string"?e:void 0,tintColor:l,tintOpacity:o==="image"?a:0,overlay:s,overlayColor:f,overlayPosition:m,heightDesktop:u,heightMobile:g,boxes:p,editing:j?.isEditing})};export{I as HeroSingleRender,H as HeroSingleSlots};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{MediaIcon as t,OpacityIcon as l,PlayIcon as d}from"efficient-easel/icons";import{colorInput as m,FOCAL_DEFAULT as p,focalPicker as n,group as o,MEDIA_TYPE_OPTIONS as s,plainText as g,segmented as c,slider as a,text as I,upload as i,withIdentifier as f,withPanelOnly as r}from"../../../controls.js";import{PH as _}from"../../placeholders.js";import{slotNoticeField as y}from"../../shared-fields.js";import{heroMediaFields as F,VIDEO_FILE_LABEL as T,VIDEO_FILE_PROMPT as u}from"../../../hero-media-parts.js";import{HeroSlideSlots as v}from"./render.js";const k={fields:F({_gContent:o("Content"),name:r(f(g("Slide name",_.slideName))),process:r(I("Reel label","Label")),groupNotice:y("HeroSlide"),groups:v.groups,_gMedia:o("Media"),mediaType:c("Type",e(t,{}),s,"video"),mediaVideo:i(T,"video/*",u),videoSpeed:a("Playback speed",e(d,{}),25,100,5,100,"%"),mediaImage:i("Background image","image/*","Upload a background image"),imageFocal:n("Image focus",p),poster:i("Video poster","image/*","Upload a poster still"),_gTint:o("Image tint"),tintColor:m("Tint color","#000000"),overlay:a("Overlay",e(l,{}),0,100,5,0,"%")},{onlyFor:{image:["mediaImage","imageFocal","_gTint","tintColor","overlay"],video:["mediaVideo","videoSpeed","poster"]},fallback:"video"})};export{k as HeroSlideFields};
+import{jsx as e}from"react/jsx-runtime";import{MediaIcon as r,OpacityIcon as d,PlayIcon as m}from"efficient-easel/icons";import{colorInput as p,focusKeptField as a,group as o,MEDIA_TYPE_OPTIONS as n,plainText as g,segmented as s,slider as l,text as c,upload as i,withIdentifier as I,withPanelOnly as t}from"../../../controls.js";import{PH as f}from"../../placeholders.js";import{slotNoticeField as F}from"../../shared-fields.js";import{heroMediaFields as _,VIDEO_FILE_LABEL as u,VIDEO_FILE_PROMPT as y}from"../../../hero-media-parts.js";import{HeroSlideSlots as P}from"./render.js";const h={fields:_({_gContent:o("Content"),name:t(I(g("Slide name",f.slideName))),process:t(c("Reel label","Label")),groupNotice:F("HeroSlide"),groups:P.groups,_gMedia:o("Media"),mediaType:s("Type",e(r,{}),n,"video"),mediaVideo:i(u,"video/*",y),videoSpeed:l("Playback speed",e(m,{}),25,100,5,100,"%"),mediaImage:i("Background image","image/*","Upload a background image",{focus:"imageFocal"}),imageFocal:a(),imageFocalPhone:a(),poster:i("Video poster","image/*","Upload a poster still"),_gTint:o("Image tint"),tintColor:p("Tint color","#000000"),overlay:l("Overlay",e(d,{}),0,100,5,0,"%")},{onlyFor:{image:["mediaImage","imageFocal","imageFocalPhone","_gTint","tintColor","overlay"],video:["mediaVideo","videoSpeed","poster"]},fallback:"video"})};export{h as HeroSlideFields};

package/dist/lib/puck/blocks/general/HeroSlide/render.js

@@ -1 +1 @@
-import{jsx as g}from"react/jsx-runtime";import S from"../../../../../components/HeroSlide.js";import{FOCAL_DEFAULT as H}from"efficient-shell/format";import{nestedAccentValue as h,sectionThemeWrap as y}from"../../../../content/section-surface.js";import{phHide as A}from"../../scaffold.js";const b={groups:{type:"slot",allow:["HeroGroup"]}},L={label:"Hero Slide",fields:b,defaultProps:{mediaType:"video",videoSpeed:100,imageFocal:H,tintColor:"#000000",overlay:0},render:({name:r,process:d,mediaType:e,mediaVideo:s,mediaImage:l,poster:m,mediaSrc:a,videoSpeed:o,imageFocal:c,tintColor:p,overlay:f,groups:u,puck:t,...i})=>{const n=y({...i,sectionAccent:h(i.sectionAccent)});return g(S,{themeClassName:n?.className,themeStyle:n?.style,name:r||void 0,process:A(d,"Label",t),mediaType:e,mediaSrc:(e==="image"?l:s||a)||void 0,videoSpeed:typeof o=="number"?o:void 0,poster:m||void 0,objectPosition:e==="image"&&c||void 0,tintColor:p,tintOpacity:e==="image"?f:0,groups:u,editing:t?.isEditing})}};export{L as HeroSlideRender,b as HeroSlideSlots};
+import{jsx as S}from"react/jsx-runtime";import H from"../../../../../components/HeroSlide.js";import{FOCAL_DEFAULT as b}from"efficient-shell/format";import{nestedAccentValue as h,sectionThemeWrap as y}from"../../../../content/section-surface.js";import{phHide as A}from"../../scaffold.js";const j={groups:{type:"slot",allow:["HeroGroup"]}},E={label:"Hero Slide",fields:j,defaultProps:{mediaType:"video",videoSpeed:100,imageFocal:b,tintColor:"#000000",overlay:0},render:({name:d,process:s,mediaType:e,mediaVideo:l,mediaImage:m,poster:a,mediaSrc:c,videoSpeed:o,imageFocal:p,imageFocalPhone:t,tintColor:f,overlay:u,groups:g,puck:i,...n})=>{const r=y({...n,sectionAccent:h(n.sectionAccent)});return S(H,{themeClassName:r?.className,themeStyle:r?.style,name:d||void 0,process:A(s,"Label",i),mediaType:e,mediaSrc:(e==="image"?m:l||c)||void 0,videoSpeed:typeof o=="number"?o:void 0,poster:a||void 0,objectPosition:e==="image"&&p||void 0,objectPositionPhone:e==="image"&&typeof t=="string"?t:void 0,tintColor:f,tintOpacity:e==="image"?u:0,groups:g,editing:i?.isEditing})}};export{E as HeroSlideRender,j as HeroSlideSlots};

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

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{IMAGE_FIT_ROW_LABEL as i,imageFitOptions as s,imageIsCropped as p,parseImageFit as c}from"../../../../content/image-fit.js";import{ImageIcon as m}from"efficient-easel/icons";import{FOCAL_DEFAULT as g,focalPicker as n,group as e,imageCornersField as f,linkField as u,plainText as I,cornerSidesField as d,select as F,upload as v,withPanelOnly as _}from"../../../controls.js";import{photographyToggle as A}from"../../shared-fields.js";const L={fields:{_gImage:e("Image"),src:v("Image","image/*"),alt:_(I("Alt text")),aspect:{type:"select",label:"Aspect ratio",options:[{label:"Auto",value:"auto"},{label:"21 : 9",value:"21/9"},{label:"16 : 9",value:"16/9"},{label:"4 : 3",value:"4/3"},{label:"1 : 1",value:"1/1"}]},fit:F(i,t(m,{}),s(),"cover"),focal:n("Image focus",g,"src"),href:u("Link"),_gStyle:e("Style"),grayscale:A(),_gShape:e("Shape"),corners:f(),cornerSides:d()},resolveFields:(r,{fields:l})=>{const o=r.props??{};if(p(o.aspect,c(o.fit,"cover")))return l;const a={...l};return delete a.focal,a}};export{L as ImageBlockFields};
+import{jsx as o}from"react/jsx-runtime";import{IMAGE_FIT_ROW_LABEL as t,imageFitOptions as i,imageIsCropped as r,parseImageFit as s}from"../../../../content/image-fit.js";import{ImageIcon as c}from"efficient-easel/icons";import{focusKeptField as a,group as e,imageCornersField as p,linkField as m,plainText as g,cornerSidesField as n,select as f,upload as u,withPanelOnly as d}from"../../../controls.js";import{photographyToggle as I}from"../../shared-fields.js";const y={fields:{_gImage:e("Image"),src:u("Image","image/*",void 0,{focus:"focal",focusWhen:l=>r(l.aspect,s(l.fit,"cover"))}),alt:d(g("Alt text")),aspect:{type:"select",label:"Aspect ratio",options:[{label:"Auto",value:"auto"},{label:"21 : 9",value:"21/9"},{label:"16 : 9",value:"16/9"},{label:"4 : 3",value:"4/3"},{label:"1 : 1",value:"1/1"}]},fit:f(t,o(c,{}),i(),"cover"),focal:a(),focalPhone:a(),href:m("Link"),_gStyle:e("Style"),grayscale:I(),_gShape:e("Shape"),corners:p(),cornerSides:n()}};export{y as ImageBlockFields};

package/dist/lib/puck/blocks/general/ImageBlock/render.js

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import m from"../../../../../components/ImageBlock.js";const x={label:"Image",defaultProps:{src:"",alt:"",aspect:"16/9",contained:!1},render:({src:e,alt:r,aspect:a,contained:o,grayscale:c,href:s,width:t,fit:l,focal:n,corners:d,cornerSides:f})=>i(m,{src:e,alt:r,aspect:a,contained:o,grayscale:c,href:s,width:t,fit:l,focal:n,corners:d,cornerSides:f})};export{x as ImageBlockRender};
+import{jsx as m}from"react/jsx-runtime";import p from"../../../../../components/ImageBlock.js";const I={label:"Image",defaultProps:{src:"",alt:"",aspect:"16/9",contained:!1},render:({src:r,alt:a,aspect:o,contained:t,grayscale:s,href:c,width:n,fit:l,focal:d,focalPhone:e,corners:f,cornerSides:i})=>m(p,{src:r,alt:a,aspect:o,contained:t,grayscale:s,href:c,width:n,fit:l,focal:d,focalPhone:typeof e=="string"?e:void 0,corners:f,cornerSides:i})};export{I as ImageBlockRender};