efficient-storefront-blocks 0.49.0 → 0.50.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/chunks/{EditorPreviewCheckout-PU4R5GN7.js → EditorPreviewCheckout-ZQ7BVKSR.js} +1 -1
- package/dist/chunks/{SiteEditorProvider-FZBRQ2B2.js → SiteEditorProvider-3HVJ4V32.js} +1 -1
- package/dist/chunks/{chunk-5JCRKBCY.js → chunk-BVN2LFII.js} +1 -1
- package/dist/chunks/chunk-KP37LMOP.js +1 -0
- package/dist/chunks/{chunk-VMPVYAOB.js → chunk-O5Q5ETQG.js} +1 -1
- package/dist/chunks/{chunk-OCPDFASX.js → chunk-SEJFFUSI.js} +1 -1
- package/dist/chunks/{fitment-data-K76YEOJL.js → fitment-data-GCO32HAV.js} +1 -1
- package/dist/index.js +43 -43
- package/package.json +1 -1
- package/dist/chunks/chunk-ZC7LDSMX.js +0 -1
- /package/dist/chunks/{chunk-VMPVYAOB.js.LEGAL.txt → chunk-O5Q5ETQG.js.LEGAL.txt} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{$ as ys,A as $o,Aa as mu,B as _t,C as Dt,Ca as Ga,Da as xu,E as eu,Ea as Iu,H as Ar,J as ou,Ja as hu,K as gs,L as tu,N as ru,O as au,Q as nu,R as bs,T as lu,U as oo,V as lt,W as su,X as Io,Y as Wa,_ as iu,a as qd,c as jd,ca as fu,d as no,da as Ss,e as At,f as Eo,fa as Cs,g as za,h as Yd,ja as cu,l as Rr,n as Is,pa as st,ra as du,s as Xd,t as Zd,ta as uu,u as hs,v as Qe,va as pu,w as Qd,x as Jd,y as Bt,z as xo,za as X}from"./chunk-C7MFEEPZ.js";import{a as $d,
|
|
1
|
+
import{$ as ys,A as $o,Aa as mu,B as _t,C as Dt,Ca as Ga,Da as xu,E as eu,Ea as Iu,H as Ar,J as ou,Ja as hu,K as gs,L as tu,N as ru,O as au,Q as nu,R as bs,T as lu,U as oo,V as lt,W as su,X as Io,Y as Wa,_ as iu,a as qd,c as jd,ca as fu,d as no,da as Ss,e as At,f as Eo,fa as Cs,g as za,h as Yd,ja as cu,l as Rr,n as Is,pa as st,ra as du,s as Xd,t as Zd,ta as uu,u as hs,v as Qe,va as pu,w as Qd,x as Jd,y as Bt,z as xo,za as X}from"./chunk-C7MFEEPZ.js";import{a as $d,b as ao,i as Kd,j as Or,k as Vd,n as gu,r as vs}from"./chunk-SEJFFUSI.js";var Ua=null,MC="en",yu=null;function d2(e,o,t){Ua=e??null,MC=o||"en",yu=t??null}function j(){return yu}function Su(){return Ua}function bu(e,o){return o?e.replace(/\{([A-Za-z][A-Za-z0-9_]*)\}/g,(t,r)=>Object.prototype.hasOwnProperty.call(o,r)?String(o[r]):t):e}function l(e,o){let t=Ua?Ua[e]:void 0;if(typeof t=="function"){try{let r=t(o??{});if(typeof r=="string"&&r)return r}catch{}return bu(e,o)}return bu(typeof t=="string"&&t?t:e,o)}function it(e,o,t,r){return l(t===1?e:o,{...r,n:t})}import{hostLoadRefusalOf as HC,hostUnreachableMessage as zC,isBackendError as WC,provideHostFailures as GC,readHostFailure as UC,STATUS_UNREACHABLE as $C,WebsiteBackendError as ws}from"efficient-easel/screen/lib/backend-error";function Le(e,o){if(typeof e=="string")return e||o;if(e&&typeof e=="object"&&"text"in e){let t=e.text;return typeof t=="string"&&t?t:o}return o}function Cu(e,o){return typeof e=="number"&&Number.isFinite(e)?e:o}function vu(e,o){return typeof e=="boolean"?e:o}function $a(e,o){if(!Array.isArray(e))return o;let t=e.map(r=>typeof r=="string"?r:Le(r?.text,"")).map(r=>r.trim()).filter(Boolean);return t.length?t:o}var wu="cart-drawer",b2="cart-drawer";var qC={kickerBadge:"",kickerText:"Your order",titleLead:"Your",titleAccent:"cart.",subtitleEmpty:"Empty for now.",subtitleOne:"One set in your cart.",subtitleMany:"{count} sets in your cart.",leadTimeValue:"",shipsToFallback:"",promises:[],emptyKicker:"No wheels yet",emptyBody:"Your cart is empty. Pick a wheel to get started."};function y2(e,o){return o===0?e.subtitleEmpty:o===1?e.subtitleOne:e.subtitleMany.replace("{count}",String(o))}function S2(e){let o=e??{},t=qC;return{kickerBadge:Le(o.kickerBadge,t.kickerBadge),kickerText:Le(o.kickerText,t.kickerText),titleLead:Le(o.titleLead,t.titleLead),titleAccent:Le(o.titleAccent,t.titleAccent),subtitleEmpty:Le(o.subtitleEmpty,t.subtitleEmpty),subtitleOne:Le(o.subtitleOne,t.subtitleOne),subtitleMany:Le(o.subtitleMany,t.subtitleMany),leadTimeValue:Le(o.leadTimeValue,t.leadTimeValue),shipsToFallback:Le(o.shipsToFallback,t.shipsToFallback),promises:$a(o.promises,t.promises),emptyKicker:Le(o.emptyKicker,t.emptyKicker),emptyBody:Le(o.emptyBody,t.emptyBody)}}var Tu="consent-banner",w2="consent-banner";var jC=[{value:"bar",label:"Bar"},{value:"card",label:"Card"}],k2="Layout",ku={layout:"bar"},KC=e=>jC.some(o=>o.value===e);function T2(e){let o=Le((e??{}).layout,ku.layout);return{layout:KC(o)?o:ku.layout}}var VC=["meta","eyebrow","heading","body","statName","statValue","formEyebrow","formHeading","formIntro","fieldLabel","option","finePrint","dismiss","doneHeading","doneBody"],P2={meta:"Meta line",eyebrow:"Eyebrow",heading:"Heading",body:"Body",statName:"Stat name",statValue:"Stat value",formEyebrow:"Form eyebrow",formHeading:"Form heading",formIntro:"Form intro",fieldLabel:"Field label",option:"Option",finePrint:"Fine print",dismiss:"Dismiss link",doneHeading:"Success heading",doneBody:"Success message"},YC={meta:"styleMeta",eyebrow:"styleEyebrow",heading:"styleHeading",body:"styleBody",statName:"styleStatName",statValue:"styleStatValue",formEyebrow:"styleFormEyebrow",formHeading:"styleFormHeading",formIntro:"styleFormIntro",fieldLabel:"styleFieldLabel",option:"styleOption",finePrint:"styleFinePrint",dismiss:"styleDismiss",doneHeading:"styleDoneHeading",doneBody:"styleDoneBody"},L2={meta:{font:"--pp-meta-font",size:"--pp-meta-size"},eyebrow:{font:"--pp-eyebrow-font",size:"--pp-eyebrow-size"},heading:{font:"--pp-heading-font",size:"--pp-heading-size"},body:{font:"--pp-body-font",size:"--pp-body-size"},statName:{font:"--pp-statname-font",size:"--pp-statname-size"},statValue:{font:"--pp-statvalue-font",size:"--pp-statvalue-size"},formEyebrow:{font:"--pp-formeyebrow-font",size:"--pp-formeyebrow-size"},formHeading:{font:"--pp-formheading-font",size:"--pp-formheading-size"},formIntro:{font:"--pp-formintro-font",size:"--pp-formintro-size"},fieldLabel:{font:"--pp-fieldlabel-font",size:"--pp-fieldlabel-size"},option:{font:"--pp-option-font",size:"--pp-option-size"},finePrint:{font:"--pp-fineprint-font",size:"--pp-fineprint-size"},dismiss:{font:"--pp-dismiss-font",size:"--pp-dismiss-size"},doneHeading:{font:"--pp-doneheading-font",size:"--pp-doneheading-size"},doneBody:{font:"--pp-donebody-font",size:"--pp-donebody-size"}};function XC(e){return typeof e=="string"&&Eo.includes(e)?e:null}function Fu(e){let o={};for(let t of VC){let r=XC(e[YC[t]]);r&&(o[t]=r)}return o}var Nt="site-footer";var R2=Nt,A2={desktop:!0,tablet:!0,mobile:!0},B2={desktop:!1,tablet:!1,mobile:!1},ks=1,Eu=6,_2=Array.from({length:Eu-ks+1},(e,o)=>ks+o),qa={desktop:6,tablet:3,mobile:2},ZC={2:{desktop:2,tablet:2,mobile:1},3:{desktop:3,tablet:3,mobile:1},4:{desktop:4,tablet:2,mobile:2},5:{desktop:5,tablet:3,mobile:2},6:{desktop:6,tablet:3,mobile:2}},ft=e=>Math.min(Math.max(Math.round(e),ks),Eu);function D2(e){if(typeof e=="number")return ZC[ft(e)]??{desktop:ft(e),tablet:ft(e),mobile:ft(e)};if(e&&typeof e=="object"){let o=e;return{desktop:ft(o.desktop??qa.desktop),tablet:ft(o.tablet??qa.tablet),mobile:ft(o.mobile??qa.mobile)}}return{...qa}}var QC="subscribe-popup",U2="subscribe-popup";var JC=[QC,Nt,wu,Tu];function Ou(e){return JC.includes(e)}var ev=["delay","scroll","exit"],ov=["all","chosen"],tv=["visit","days","never"],rv=["right","left"],av={min:0,max:60},nv={min:10,max:90},lv={min:1,max:90},Fs={metaLabel:"Meta label",issueLabel:"Label",issueNumber:"00",kicker:"Kicker",heading:`Main heading
|
|
2
2
|
*Highlight line*`,deck:"Add a sentence or two of supporting copy.",stats:[{label:"Label",value:"Value"},{label:"Label",value:"Value"},{label:"Label",value:"Value"},{label:"Label",value:"Value"}],formLabel:"Section label",formHeading:"Main heading *highlight*",formIntro:"Add a sentence or two of supporting copy.",firstNameLabel:"Field label",firstNamePlaceholder:"Placeholder",emailLabel:"Field label",emailPlaceholder:"Placeholder",interestsLabel:"Field label",interests:["Option one","Option two","Option three"],frequencyLabel:"Field label",frequencies:["Option one","Option two","Option three"],submitText:"Button label",finePrint:"Fine print",dismissText:"Dismiss link",emailInvalidText:"Enter a valid email address.",submitErrorText:"Could not subscribe right now. Please try again.",successHeading:"Main heading *highlight*",successBody:"Add a sentence or two of supporting copy \u2014 the {email} and {issue} tokens are substituted here.",keepBrowsingText:"Button label",autoOpen:!1,autoOpenDelaySec:15,formSlug:"",trigger:"delay",scrollPercent:50,showOn:"all",showOnPages:[],hideAfter:"days",hideDays:7,formSide:"right",valuePanelOnPhone:!1,sectionAccent:void 0,sectionCorners:void 0,sectionCornerSides:void 0,textStyles:{}},Ie=Le,sv=Cu,Pu=vu,Ru=$a;function ja(e,o,t){return typeof o=="string"&&e.includes(o)?o:t}function Ts(e,o,t){let r=sv(e,t);return Math.min(o.max,Math.max(o.min,Math.round(r)))}function iv(e){return typeof e.hideAfter=="string"?ja(tv,e.hideAfter,Fs.hideAfter):e.oncePerSession===!0?"visit":e.oncePerSession===!1?"never":Fs.hideAfter}function fv(e){return Array.isArray(e)?e.map(o=>typeof o=="string"?o.trim():"").filter(Boolean).map(o=>o.startsWith("/")?o:`/${o}`):[]}function Lu(e,o){if(e==null)return o;let t=r=>r.trim()?r:"";if(typeof e=="string")return t(e);if(typeof e=="object"&&"text"in e){let r=e.text;return typeof r=="string"?t(r):""}return o}function cv(e,o){return Array.isArray(e)?Ru(e,[]):o}function dv(e,o){return Array.isArray(e)?e.map(t=>{let r=t??{};return{label:Ie(r.label,""),value:Ie(r.value,"")}}).filter(t=>t.label||t.value):o}function $2(e){let o=e??{},t=Fs;return{metaLabel:Ie(o.metaLabel,t.metaLabel),issueLabel:Lu(o.issueLabel,t.issueLabel),issueNumber:Lu(o.issueNumber,t.issueNumber),kicker:Ie(o.kicker,t.kicker),heading:Ie(o.heading,t.heading),deck:Ie(o.deck,t.deck),stats:dv(o.stats,t.stats),formLabel:Ie(o.formLabel,t.formLabel),formHeading:Ie(o.formHeading,t.formHeading),formIntro:Ie(o.formIntro,t.formIntro),firstNameLabel:Ie(o.firstNameLabel,t.firstNameLabel),firstNamePlaceholder:Ie(o.firstNamePlaceholder,t.firstNamePlaceholder),emailLabel:Ie(o.emailLabel,t.emailLabel),emailPlaceholder:Ie(o.emailPlaceholder,t.emailPlaceholder),interestsLabel:Ie(o.interestsLabel,t.interestsLabel),interests:Ru(o.interests,t.interests),frequencyLabel:Ie(o.frequencyLabel,t.frequencyLabel),frequencies:cv(o.frequencies,t.frequencies),submitText:Ie(o.submitText,t.submitText),finePrint:Ie(o.finePrint,t.finePrint),dismissText:Ie(o.dismissText,t.dismissText),emailInvalidText:Ie(o.emailInvalidText,t.emailInvalidText),submitErrorText:Ie(o.submitErrorText,t.submitErrorText),successHeading:Ie(o.successHeading,t.successHeading),successBody:Ie(o.successBody,t.successBody),keepBrowsingText:Ie(o.keepBrowsingText,t.keepBrowsingText),formSlug:typeof o.formSlug=="string"?o.formSlug.trim():t.formSlug,autoOpen:Pu(o.autoOpen,t.autoOpen),autoOpenDelaySec:Ts(o.autoOpenDelaySec,av,t.autoOpenDelaySec),trigger:ja(ev,o.trigger,t.trigger),scrollPercent:Ts(o.scrollPercent,nv,t.scrollPercent),showOn:ja(ov,o.showOn,t.showOn),showOnPages:fv(o.showOnPages),hideAfter:iv(o),hideDays:Ts(o.hideDays,lv,t.hideDays),formSide:ja(rv,o.formSide,t.formSide),valuePanelOnPhone:Pu(o.valuePanelOnPhone,t.valuePanelOnPhone),sectionAccent:o.sectionAccent,sectionCorners:o.sectionCorners,sectionCornerSides:o.sectionCornerSides,textStyles:Fu(o)}}import{jsx as Es,Fragment as uv,jsxs as pv}from"react/jsx-runtime";import{createContext as mv,useContext as xv}from"react";var Iv={mirrorHostStyles:!0,css:null,fontHrefs:[]},Au=mv(Iv);function V2({value:e,children:o}){return Es(Au.Provider,{value:e,children:o})}function Ps(){return xv(Au)}function Bu(){let{css:e,fontHrefs:o}=Ps();return pv(uv,{children:[o.map(t=>Es("link",{rel:"stylesheet",href:t},t)),e?Es("style",{"data-sf-canvas-css":"",children:e}):null]})}import{jsx as hv}from"react/jsx-runtime";import{createContext as gv,useContext as bv}from"react";var _u=gv(void 0);function Q2({metadata:e,children:o}){return hv(_u.Provider,{value:e,children:o})}var Du=()=>bv(_u);import{jsx as Se,Fragment as FC,jsxs as us}from"react/jsx-runtime";import{useCallback as Na,useEffect as To,useRef as zM,useState as WM}from"react";import{Button as GM,Tooltip as UM}from"efficient-shell/ui";import{SettingsSwitch as $M}from"efficient-easel/panel";import{PagesIcon as qM,StylesIcon as jM}from"efficient-easel/rail";import{PaletteIcon as KM}from"efficient-shell/icons/efficient";import{TemplateIcon as VM}from"efficient-easel/icons";import{Subtree as YM,TreeRow as EC}from"efficient-easel/tree";import{useEasel as XM}from"efficient-easel/easel";import{useEaselStrings as PC}from"efficient-easel/strings";import{createContext as yv,useContext as Sv}from"react";var Ls=yv(!1),oH=()=>Sv(Ls);import{jsx as fe,Fragment as mh,jsxs as cl}from"react/jsx-runtime";import{Fragment as yL,useEffect as SL,useId as CL,useMemo as xh,useState as lr}from"react";import{ScreenDocumentContext as Mt,ScreenDocumentProvider as aH,useScreenDocument as ye}from"efficient-easel/screen/components/ScreenDocumentContext";import{UiIcon as dl}from"efficient-easel/draw/client";import{default as Ka,PanelHideButton as Os,PanelModeExit as sH,PanelShowStrip as iH}from"efficient-easel/screen/components/SidePanelHead";import{jsx as Z,jsxs as wt,Fragment as ar}from"react/jsx-runtime";import{useEasel as sh}from"efficient-easel/easel";import{useState as Hf}from"react";import{jsx as Qt,jsxs as Jx,Fragment as IE}from"react/jsx-runtime";import{useState as eI}from"react";import{SettingsDefaultReset as hE,SettingsField as gE}from"efficient-easel/panel";import{useEaselStrings as bE}from"efficient-easel/strings";import{AddIcon as yE}from"efficient-easel/icons";import{jsx as I,jsxs as Ct,Fragment as _o}from"react/jsx-runtime";import{cloneElement as px,useId as d0,useRef as Wi,useState as Pn}from"react";import{useEasel as Yr,useSelectedFields as mx}from"efficient-easel/easel";import{readHidable as Qo,hidableText as u0}from"efficient-easel/draw";import{FOLD_FIELD_MARKER as Gi,LINK_FIELD_MARKER as p0,MEDIA_FIELD_MARKER as m0,SCAFFOLD_FIELD_MARKER as x0,TEXT_FIELD_MARKER as Bo,foldMetaOf as Do,textFieldIdentifier as iW}from"efficient-easel/draw";import{jsx as Uu}from"react/jsx-runtime";import{useCallback as Tv,useEffect as Fv,useRef as Ev,useState as Pv}from"react";import{useEasel as Lv}from"efficient-easel/easel";import{SettingsAction as Ov}from"efficient-easel/panel";function Rs(e){return typeof e=="number"&&Number.isFinite(e)}function dH(e,o){if(!Rs(e))return;let t=Wa(Io(e));if(Object.keys(t).length===0)return;let r=t[Va];if(typeof r!="string")return t;let a=Br(o)?_r(r,Po(o)??[]):r;return{...t,[Cv]:a}}var Cv="--sf-section-radius",Va="--sf-card-radius",ct=["tl","tr","br","bl"];function Po(e){if(!Array.isArray(e))return null;let o=e.filter(t=>ct.includes(t));return ct.filter(t=>o.includes(t))}function Br(e){let o=Po(e);return o!==null&&o.length<ct.length}function _r(e,o){return ct.map(t=>o.includes(t)?e:"0").join(" ")}var Nu=[{value:"tl",label:"Top left"},{value:"tr",label:"Top right"},{value:"bl",label:"Bottom left"},{value:"br",label:"Bottom right"}];var vv="--sf-card-box-radius",wv="--sf-site-card-radius",xH="sf-section-bleeds";function As(e){return typeof e=="number"&&Number.isFinite(e)}function IH(e,o){if(!As(e))return;let t=Wa(Io(e))[Va];if(typeof t!="string")return;let r=Br(o)?_r(t,Po(o)??[]):t;return{[vv]:r}}function hH(e){let o=e[Va];return typeof o=="string"?{[wv]:o}:{}}function Mu(e,o){let t=e.find(n=>n?.props?.id===o);if(!t)return[...e];let r=t.props?.cardCorners,a=t.props?.cardCornerSides;return e.map(n=>n?.props?.id===o?n:{...n,props:{...n.props,cardCorners:r,cardCornerSides:a}})}import{locateNode as kv}from"efficient-easel/draw";function Dr(e){if(!e)return null;let o=e.lastIndexOf(":");return o>0?{ownerId:e.slice(0,o),slot:e.slice(o+1)}:null}function Ya(e,o,t){let r=Dr(t?.zone),a=r?kv(e,o,r.ownerId):null;return a&&r?{...a,slot:r.slot}:null}function Hu(e,o,t){let r=Ya(e,o,t),a=r?.slot??"",n=r&&Array.isArray(r.item.props[a])?r.item.props[a]:[],s=t?.index??-1,i=s>=0?n[s]:void 0,f=i?.props?.id?String(i.props.id):"",u=Math.max(n.length-1,0);return!r||!f?{can:!1,reason:"unreachable",others:0}:n.length<=1?{can:!1,reason:"alone",others:u}:As(i?.props?.cardCorners)?{can:!0,others:u,zone:r.zone,index:r.index,data:{...r.item,props:{...r.item.props,[a]:Mu(n,f)}}}:{can:!1,reason:"unset",others:u}}function zu(e){return e.can?it("Gives the other card this card's Corners.","Gives the other {n} cards this card's Corners.",e.others):e.reason==="alone"?l("This is the only card in the section."):e.reason==="unset"?l("Set this card's corners first."):l("This card is not in a section that can share corners.")}function Wu(e){return it("Applied to {n} card","Applied to {n} cards",e)}function Gu(e,o){e.can&&o(e.zone,e.index,e.data)}import{useSectionOps as qo}from"efficient-easel/screen/lib/puck/use-section-ops";var Rv=2200,Av="apply-corners-to-siblings",Bv="Apply to all cards";function _v({plan:e,doneCount:o,onPress:t}){return Uu(Ov,{id:Av,label:l(Bv),note:zu(e),disabled:!e.can,done:o!==null,doneLabel:Wu(o??0),onPress:t})}function $u(){let{appState:e,config:o}=Lv(f=>f),t=qo(),[r,a]=Pv(null),n=Ev(null);Fv(()=>()=>{n.current&&clearTimeout(n.current)},[]);let s=Hu(o,e.data.content??[],e.ui.itemSelector),i=Tv(()=>{Gu(s,t.replaceComponent),s.can&&(a(s.others),n.current&&clearTimeout(n.current),n.current=setTimeout(()=>a(null),Rv))},[s,t]);return Uu(_v,{plan:s,doneCount:r,onPress:i})}var qu=1;function Dv(e){return Io(e)}function DH(e){let o=Dv(e);return o===null?{}:{"--sf-card-image-radius":`${o}px`}}var ju=1,Ku="Corners";function Nv(e){return Io(e)}function zH(e,o){let t=Nv(e);if(t===null)return null;let r=`${t}px`;return{borderRadius:Br(o)?_r(r,Po(o)??[]):r}}var Lo={twoAcross:{label:"Two across",across:2,acrossPhone:2,desktop:[[6,1],[6,1]],phone:[[3,1],[3,1]]},zigzag:{label:"Zigzag",across:2,acrossPhone:2,desktop:[[8,1],[4,1],[4,1],[8,1]],phone:[[4,1],[2,1],[2,1],[4,1]]},brick:{label:"Brick",across:2,acrossPhone:2,desktop:[[5,1],[7,1],[7,1],[5,1]],phone:[[2,1],[4,1],[4,1],[2,1]]},twoTall:{label:"Two tall",across:2,acrossPhone:2,desktop:[[6,2],[6,2]],phone:[[3,2],[3,2]]},offsetTall:{label:"Offset tall",across:2,acrossPhone:2,desktop:[[5,2],[7,1],[3,1],[4,1]],phone:[[3,2],[3,1],[3,1]]},ladder:{label:"Ladder",across:2,acrossPhone:2,desktop:[[3,2],[9,1],[5,1],[4,1]],phone:[[2,2],[4,1],[2,1],[2,1]]},threeAcross:{label:"Three across",across:3,acrossPhone:3,desktop:[[4,1],[4,1],[4,1]],phone:[[2,1],[2,1],[2,1]]},bigLeft:{label:"Big left",across:3,acrossPhone:3,desktop:[[6,1],[3,1],[3,1]],phone:[[4,1],[1,1],[1,1]]},bigRight:{label:"Big right",across:3,acrossPhone:3,desktop:[[3,1],[3,1],[6,1]],phone:[[1,1],[1,1],[4,1]]},threeStagger:{label:"Three stagger",across:3,acrossPhone:3,desktop:[[5,1],[4,1],[3,1],[3,1],[4,1],[5,1]],phone:[[3,1],[2,1],[1,1],[1,1],[2,1],[3,1]]},threeLadder:{label:"Three ladder",across:3,acrossPhone:3,desktop:[[3,1],[4,1],[5,1],[5,1],[4,1],[3,1]],phone:[[1,1],[2,1],[3,1],[3,1],[2,1],[1,1]]},tallMiddle:{label:"Tall middle",across:3,acrossPhone:3,desktop:[[4,1],[4,2],[4,1],[4,1],[4,1]],phone:[[2,1],[2,2],[2,1],[2,1],[2,1]]},fourAcross:{label:"Four across",across:4,acrossPhone:2,desktop:[[3,1],[3,1],[3,1],[3,1]],phone:[[3,1],[3,1]]},bigFirst:{label:"Big first",across:4,acrossPhone:2,desktop:[[6,1],[3,1],[3,1],[3,1],[3,1],[3,1],[3,1]],phone:[[6,1],[3,1],[3,1]]},fourStagger:{label:"Four stagger",across:4,acrossPhone:2,desktop:[[4,1],[3,1],[2,1],[3,1],[2,1],[3,1],[4,1],[3,1]],phone:[[4,1],[2,1],[2,1],[4,1]]},tallFirst:{label:"Tall first",across:4,acrossPhone:2,desktop:[[3,2],[3,1],[3,1],[3,1],[3,1],[3,1],[3,1]],phone:[[3,2],[3,1],[3,1]]},oneThenFour:{label:"One then four",across:4,acrossPhone:2,desktop:[[12,1],[3,1],[3,1],[3,1],[3,1]],phone:[[6,1],[3,1],[3,1]]},sixAcross:{label:"Six across",across:6,acrossPhone:3,desktop:[[2,1],[2,1],[2,1],[2,1],[2,1],[2,1]],phone:[[2,1],[2,1],[2,1]]},sixStagger:{label:"Six stagger",across:6,acrossPhone:6,desktop:[[3,1],[2,1],[1,1],[2,1],[1,1],[3,1],[1,1],[3,1],[2,1],[2,1],[1,1],[3,1]],phone:[[1,1],[1,1],[1,1],[1,1],[1,1],[1,1]]}},Bs=Object.keys(Lo),Yu=[2,3,4,6];function Xu(e){return typeof e!="string"||e===""?null:Lo[e]??null}function Vu(e,o){return o?6/e.acrossPhone:12/e.across}var Mv="sf-wall--";function Hv(e){return`${Mv}${e}`}function GH(e){let o=Lo[e],t=`.${Hv(e)}`,r=[],a=(n,s)=>{let i=[],f=n.length;n.forEach(([u,p],m)=>{i.push(`${t} > :nth-child(${f}n+${m+1}){grid-column:span ${u};grid-row:span ${p}}`)});for(let u=1;u<f;u+=1)i.push(`${t}:has(> :nth-child(${f}n+${u}):last-child) > :nth-last-child(-n+${u}){grid-column:span ${s};grid-row:span 1}`);return i};return r.push(`${t}{grid-template-columns:repeat(12,minmax(0,1fr))}`),r.push(...a(o.desktop,Vu(o,!1))),r.push("@media (max-width:800px){"),r.push(`${t}{grid-template-columns:repeat(6,minmax(0,1fr))}`),r.push(...a(o.phone,Vu(o,!0))),r.push("}"),r.join("")}var Xa=12,Zu=1,zv=3;var Wv=3;function _s(e,o,t){let r=typeof e=="number"?e:Number.parseInt(String(e??""),10);return Number.isFinite(r)?Math.min(t,Math.max(o,Math.trunc(r))):null}function Gv(e){return _s(e,1,Xa)??Wv}function qH(e,o){return _s(e,Zu,zv)??(Gv(o)===4?2:Zu)}function jH(e){return e==null||e===""?null:_s(e,1,Xa)}var KH="data-sf-span";function VH(e){if(!e)return!1;if(e.type==="Grid")return!0;if(e.type==="GalleryB"){if(Xu(e.props?.layout))return!1;let o=e.props?.columns;return o!=null&&o!==""}return!1}var ho=["top-left","top-center","top-right","left","center","right","bottom-left","bottom-center","bottom-right"],Za="bottom-left";var Qa={"top-left":"Top left","top-center":"Top center","top-right":"Top right",left:"Left",center:"Center",right:"Right","bottom-left":"Bottom left","bottom-center":"Bottom center","bottom-right":"Bottom right"};function Uv(e){let o=ho.indexOf(dt(e));return{band:Math.floor(o/3),column:["start","center","end"][o%3]}}function $v(e){return 1+Uv(e).band*6}function XH(e){return $v(e)+1}function dt(e){return ho.includes(e)?e:Za}function ZH(e){let o=typeof e=="number"&&Number.isFinite(e)?e:0;return Math.max(-40,Math.min(40,Math.round(o)))}function QH(e,o=60){let t=typeof e=="number"&&Number.isFinite(e)?e:o;return Math.max(30,Math.min(100,Math.round(t)))}function Ds(e,o){let t=dt(o);return e.filter(r=>dt(r?.props?.placement)===t).length}function Qu(e){return`${Qa[dt(e)]} already holds 4 boxes. Move one somewhere else first.`}function Ns(e,o){let t=e.filter(r=>r?.props?.id!==o);return ho.map(r=>{let a=Ds(t,r)>=4,n=Qa[r];return a?{value:r,label:n,disabled:!0,title:Qu(r)}:{value:r,label:n}})}function Ja(e,o){let t=o===void 0?Za:dt(o?.props?.placement);return Ds(e,t)>=4?Qu(t):null}var en="HeroGroup";function qv(e){return ho.map(o=>{let t=Ds(e,o);return{anchor:o,total:t,hidden:t-4}}).filter(o=>o.hidden>0)}function Ms(e){let o=qv(e);return o.length===0?null:o.map(({anchor:t,total:r,hidden:a})=>{let n=Qa[t],s=a===1?"1 is not shown":`${a} are not shown`;return`${n} holds ${r} boxes. The published page draws the first 4, so ${s}. ${a===1?"Move it":"Move them"} somewhere else.`}).join(" ")}function Ju(e,o){let t=o;if(t?.type!==en)return null;let r=t.props?.id===void 0?"":String(t.props.id);return r?Ja(Hs(e,r),t):null}function Hs(e,o){let t=op(e,o);return t&&t.ownerType===Kv?t.siblings:[]}function ep(e,o){let t=op(e,o);return t?t.ancestorTypes.filter(r=>r===en).length:jv}var jv=1,Kv="HeroSlide";function op(e,o){let t=a=>Array.isArray(a)&&a.length>0&&a.every(n=>!!n&&typeof n=="object"&&typeof n.type=="string"),r=(a,n,s)=>{if(n>12||!a||typeof a!="object")return null;if(t(a)){if(a.some(i=>i?.props?.id===o))return{siblings:a,ownerType:s.at(-1)??null,ancestorTypes:s};for(let i of a){let f=i.type,u=r(i,n+1,[...s,String(f)]);if(u)return u}return null}for(let i of Object.values(a)){let f=r(i,n+1,s);if(f)return f}return null};return r(e,0,[])}import{jsx as Vv}from"react/jsx-runtime";var Yv="sf-hint-keep";function tp({children:e}){return Vv("span",{className:Yv,children:e})}import{AdjustIcon as I0,AlignLeftIcon as h0,EyeIcon as g0,AlignSeparateIcon as b0,AnimationIcon as xx,BackgroundIcon as y0,BorderAllIcon as S0,BlockSectionIcon as C0,CartIcon as v0,ColumnWidthsIcon as Ix,ColumnsIcon as w0,CornerIcon as k0,DirectionDownIcon as T0,DirectionLeftIcon as F0,DirectionRightIcon as E0,DirectionUpIcon as P0,DollarIcon as L0,FinishIcon as O0,GapIcon as hx,GridIcon as R0,GroundIcon as A0,HashIcon as gx,HeightIcon as B0,ImageIcon as _0,ListIcon as D0,LocationIcon as zi,PaddingAllIcon as N0,PaddingBottomIcon as bx,PaddingLeftIcon as yx,PaddingRightIcon as Sx,PaddingTopIcon as Cx,PageIcon as vx,PhoneIcon as M0,PlacementIcon as H0,ProductSizeIcon as z0,StickyIcon as W0,RotateIcon as G0,SquareIcon as U0,TypeIcon as $0,WidthIcon as q0,WrapIcon as j0}from"efficient-easel/icons";import{jsx as J,Fragment as go,jsxs as bo}from"react/jsx-runtime";import{TitleIcon as Xv,ButtonIcon as Zv,DollarIcon as Qv,HashIcon as Jv,LinkIcon as ew,NoteIcon as ow,TagIcon as tw,TextLinesIcon as rw}from"efficient-easel/icons";var rp={body:rw,button:Zv,link:ew,label:tw,number:Jv,price:Qv,note:ow,title:Xv},ap={eyebrow:bo(go,{children:[J("path",{d:"M5 6.5h5"}),J("path",{d:"M5 12.5h14"}),J("path",{d:"M5 18h11"})]}),heading:bo(go,{children:[J("path",{d:"M6.5 5v14"}),J("path",{d:"M17.5 5v14"}),J("path",{d:"M6.5 12h11"})]}),intro:bo(go,{children:[J("path",{d:"M4 5.5v13"}),J("path",{d:"M8 7.5h12"}),J("path",{d:"M8 12h12"}),J("path",{d:"M8 16.5h8"})]}),value:bo(go,{children:[J("rect",{x:"2.5",y:"7",width:"19",height:"10",rx:"2"}),J("path",{d:"M6.5 12h7"})]}),name:bo(go,{children:[J("path",{d:"M6 3.5v17"}),J("path",{d:"M6 5h11.5l-2.6 3.6L17.5 12H6z"})]}),date:bo(go,{children:[J("rect",{x:"4",y:"5.5",width:"16",height:"15",rx:"2"}),J("path",{d:"M4 10.5h16"}),J("path",{d:"M9 3.2v4.4"}),J("path",{d:"M15 3.2v4.4"})]}),caption:bo(go,{children:[J("rect",{x:"3.5",y:"4.5",width:"17",height:"11",rx:"2"}),J("path",{d:"M3.5 12.8l4.2-3.2 3.6 2.8 3.4-2.4 5.8 4"}),J("path",{d:"M6.5 19.5h11"})]}),quote:bo(go,{children:[J("path",{d:"M9.5 5.5C7 7.2 5.5 9.7 5.5 12.8h4v5.7h-5v-5.7"}),J("path",{d:"M19.5 5.5c-2.5 1.7-4 4.2-4 7.3h4v5.7h-5v-5.7"})]}),tag:bo(go,{children:[J("rect",{x:"3",y:"5.5",width:"18",height:"13",rx:"2.5"}),J("path",{d:"M8 9.5h8"}),J("path",{d:"M12 9.5v5"})]}),meta:bo(go,{children:[J("path",{d:"M4 7h16"}),J("path",{d:"M4 14h3.5"}),J("path",{d:"M10.5 14h3"}),J("path",{d:"M17 14h3"})]})};function zs({noun:e,size:o=14,strokeWidth:t=1.8,className:r,style:a}){let n=rp[e];return n?J("span",{className:r,style:{display:"inline-flex",...a},"aria-hidden":"true",children:J(n,{size:o})}):J("svg",{className:r,style:a,width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:t,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:ap[e]})}var a5=Object.keys(rp);var n5=Object.keys(ap);var aw="#ffffff",nw=/^#[0-9a-fA-F]{6}$/;function Ws(e){return lw(e)?e:aw}function lw(e){return typeof e=="string"&&nw.test(e)}function s5(e){return{"--bg":Ws(e)}}var Gs=[{role:"bg",token:"--bg",ink:!1},{role:"fg",token:"--fg",ink:!0},{role:"surface",token:"--site-surface",ink:!1},{role:"surface-2",token:"--site-surface-2",ink:!1},{role:"line",token:"--site-line",ink:!0},{role:"muted",token:"--fg-dim",ink:!0}],sw=Gs.filter(e=>e.ink);function iw(e){let o={color:e.fg};for(let{role:t,token:r}of sw)o[r]=e[t];return o}var fw={fg:"var(--overlay-fg)",line:"color-mix(in srgb, var(--overlay-fg) 24%, transparent)",muted:"color-mix(in srgb, var(--overlay-fg) 76%, transparent)"},np=Object.freeze(iw(fw));var on=-1,cw="sf-section-accent",lp="Color",sp=new Set(["CategoryBar","DocTabs"]),d5=new Set(["Flex"]),dw=0;function Us(e){return e===on?null:typeof e=="number"&&Number.isInteger(e)&&e>=0?e:dw}function u5(e){return e??on}function uw(e){let o=`--theme-preset-${e}`,t={"--sf-sec-accent":`var(${o}-accent)`,"--sf-sec-accent-2":`var(${o}-accent-2)`,"--sf-sec-accent-ink":`var(${o}-accent-ink)`};for(let{role:r}of Gs)t[`--sf-sec-${r}`]=`var(${o}-${r}, var(--theme-${r}))`;return t}function p5(e){let o=Us(e.sectionAccent);return o===null?null:{className:cw,style:uw(o)}}var pw=["fade","rise","scale"],$s="none",ip=[{label:"None",value:$s},{label:"Fade",value:"fade"},{label:"Rise",value:"rise"},{label:"Scale",value:"scale"}];function I5(e){return pw.includes(e)?e:null}var fp="data-sf-anim",Nr="data-sf-anim-state";function h5(e){let o=()=>{};if(typeof IntersectionObserver>"u"||!e.getAttribute(fp))return o;let t=window.innerHeight||document.documentElement.clientHeight;if(e.getBoundingClientRect().top<t)return o;e.setAttribute(Nr,"armed");let r=new IntersectionObserver(a=>{for(let n of a)if(n.isIntersecting){r.disconnect(),mw(e);break}},{threshold:0});return r.observe(e),()=>{r.disconnect(),e.removeAttribute(Nr)}}function mw(e){if(!e.getAttribute(fp))return;e.removeAttribute(Nr),e.offsetWidth,e.setAttribute(Nr,"play");let o=t=>{t.target===e&&(e.removeAttribute(Nr),e.removeEventListener("animationend",o))};e.addEventListener("animationend",o)}var g5=sp;function js(e,o){let t=e?.content;if(!Array.isArray(t))return null;for(let r of t){if(!r||typeof r!="object")continue;let a=r.props;if(a?.id===o)return null;if(qs(r,o,0))return a??{}}return null}function qs(e,o,t){if(t>12||!e||typeof e!="object")return!1;if(Array.isArray(e))return e.some(a=>qs(a,o,t+1));let r=e.props;return r&&typeof r=="object"&&r.id===o?!0:Object.values(e).some(a=>qs(a,o,t+1))}import{SettingsDefaultReset as qe,SettingsField as ne,SettingsGroupHead as K0,SettingsGroupSub as V0,SettingsBorder as Y0,SettingsSegmented as X0,SettingsSides as Z0,SettingsSidesEach as wx,sidesStartEach as Q0,SettingsSwitch as kx,borderSides as J0,borderStartEach as eF}from"efficient-easel/panel";import{FieldSelect as oF,ListField as tF}from"efficient-easel/fields";import{DisplayChips as rF}from"efficient-shell/ui";function Ht(e){if(!e||typeof e!="object"||Array.isArray(e))return{};let o={};for(let[t,r]of Object.entries(e))typeof r=="boolean"&&(o[t]=r);return o}function tn(e,o){return Ht(e)[o]!==!1}function Ks(e,o,t){let r=Ht(o)[t];return typeof r=="boolean"?r:tn(e,t)}function cp(e){return Object.values(Ht(e)).some(o=>o===!1)}function dp(e){return Object.keys(Ht(e)).length>0}function up(e,o,t){let r={...Ht(e)};return t?delete r[o]:r[o]=!1,Object.keys(r).length?r:void 0}function pp(e,o,t){return{...Ht(e),[o]:t}}function S5(e,o,t){let r=tn(e,t),a=Ks(e,o,t);return r&&a?"":!r&&!a?"hidden":r?"max-[720px]:hidden":"min-[720px]:hidden"}import{AlignmentGrid as aF,Checkbox as FW,CornersInput as nF,DateTimePicker as lF,FOCAL_DEFAULT as EW,PictureTiles as Tx,Slider as sF,Tooltip as Fx}from"efficient-shell/ui";import{jsx as ut,jsxs as Iw}from"react/jsx-runtime";import{ColorPicker as hw,HexInput as gw}from"efficient-shell/ui";import{SettingsDefaultReset as bw,SettingsField as yw}from"efficient-easel/panel";import{typedHex as Vs}from"efficient-easel/pick";import{typedHex as xw}from"efficient-easel/pick";function mp(e){let o=new Set,t=[];return Qe(e).themes.forEach((r,a)=>{let n=[[l("Theme {n} main color",{n:a+1}),r.accent],[l("Theme {n} text color",{n:a+1}),r.text],[l("Theme {n} background",{n:a+1}),r.background]];for(let[s,i]of n){let f=i?xw(i):null;!f||o.has(f)||(o.add(f),t.push({name:s,value:f}))}}),t}function to({value:e,onChange:o,label:t,id:r,caption:a,inherited:n,after:s,ariaLabel:i}){return ut(Cw,{value:e,onChange:o,label:l(i??t),id:r,caption:a,inherited:n,after:s})}function Sw(){let{theme:e}=X();return mp(e).map(o=>({value:o.value,label:o.name}))}function Cw({value:e,onChange:o,label:t,id:r,caption:a,inherited:n,after:s}){let i=Sw(),f=e?null:Vs(n??""),u=a!==void 0&&(!e||Vs(a)!==Vs(e))?a:null,p=m=>{m!==e&&o(m)};return Iw("div",{className:"sf-colour",children:[ut(hw,{id:r,value:e,onChange:p,label:t,presets:i,fallback:f??void 0,size:"sm",align:"end"}),u!==null?ut("span",{className:"sf-colour-caption",children:u}):ut("span",{className:"sf-colour-hexwrap",children:ut(gw,{value:e||f||"",onChange:p,label:l("{label} hex code",{label:t}),placeholder:e||f?void 0:l("Not set"),className:f?"sf-colour-hex is-inherited":"sf-colour-hex",size:"sm"})}),s]})}function rn({label:e,icon:o,value:t,inherited:r,resetTo:a,onChange:n,onReset:s,hint:i}){let f=!!t;return ut(yw,{label:e,icon:o,changed:f,action:to({value:t,inherited:f?void 0:r,onChange:n,label:e,after:ut(bw,{words:j()?.panel,label:e,changed:f,detail:a,onReset:s})}),hint:i})}import{jsx as Mr}from"react/jsx-runtime";import{useEffect as $w,useState as qw}from"react";import{markSelection as jw,useCaretEdit as Kw}from"efficient-easel/copy";import{RevertIcon as Vw}from"efficient-easel/icons";import{IconButton as Yw,TextToolbar as Xw,Tooltip as Zw}from"efficient-shell/ui";import{applyMark as z5,markupTools as W5,MARKUP_TOOLS as G5,COPY_FIELD_TOOLS as U5,STOREFRONT_MARKUP as $5,tokenizeInline as q5,stripInline as j5,isSafeLinkHref as K5}from"efficient-shell/markup";import{applyMark as Bw,markedAt as _w,markupTools as Dw,MARKUP_TOOLS as Nw,parseMarkup as Mw,RETIRED_MARKS as Hw,STOREFRONT_MARKUP as zw,tokenizeInline as Y5}from"efficient-shell/markup";var pt=["highlight","strong","quiet"],mt={highlight:"Highlight",strong:"Bold",quiet:"Quiet"},yo={highlight:{kind:"wordHighlight",delimiter:"@@"},strong:{kind:"wordStrong",delimiter:"++"},quiet:{kind:"wordQuiet",delimiter:"^^"}},gp=Object.fromEntries(pt.map(e=>[yo[e].kind,e])),bp="data-sf-ws",an=["accent","text","labels"],yp={accent:"Accent",text:"Text",labels:"Labels"},Oo={accent:"var(--accent)",text:"var(--fg)",labels:"var(--fg-dim)"},vw=80,ww=120,kw=100,Tw=900,Fw=.5,Ew=3,Pw=-.1,Lw=.5,Ow=3,Ys={font:null,size:null,weight:null,bold:null,italic:null,lineGap:null,textGap:null,colour:null},Rw={highlight:{...Ys},strong:{...Ys},quiet:{...Ys}};function xp(e,o,t){return typeof e!="number"||!Number.isFinite(e)?null:Math.round(Math.min(Math.max(e,o),t))}function Ip(e,o,t){if(typeof e!="number"||!Number.isFinite(e))return null;let r=10**Ow;return Math.round(Math.min(Math.max(e,o),t)*r)/r}function hp(e){return typeof e=="boolean"?e:null}function Aw(e){let o=typeof e?.font=="string"&&no.some(r=>r.key===e.font)?e.font:null,t=typeof e?.colour=="string"&&an.includes(e.colour)?e.colour:null;return{font:o,size:xp(e?.size,vw,ww),weight:xp(e?.weight,kw,Tw),bold:hp(e?.bold),italic:hp(e?.italic),lineGap:Ip(e?.lineGap,Fw,Ew),textGap:Ip(e?.textGap,Pw,Lw),colour:t}}function Sp(e){let o={};for(let t of pt)o[t]=e&&t in e&&e[t]?Aw(e[t]):{...Rw[t]};return o}function D5(e){let o=Sp(e),t={};for(let r of pt){let a=o[r],n=`--sf-ws-${r}`;if(a.font){let s=no.find(i=>i.key===a.font);s&&(t[`${n}-font`]=`var(${s.cssVar})`)}a.size!==null&&(t[`${n}-size`]=`${a.size/100}em`),a.weight!==null&&(t[`${n}-weight`]=String(a.weight)),a.bold!==null&&(t[`${n}-weight-bold`]=a.bold?"700":"400"),a.italic!==null&&(t[`${n}-style`]=a.italic?"italic":"normal"),a.lineGap!==null&&(t[`${n}-line`]=String(a.lineGap)),a.textGap!==null&&(t[`${n}-track`]=`${a.textGap}em`),a.colour!==null&&(t[`${n}-color`]=Oo[a.colour])}return t}function N5(e){let o=e?.word_styles??void 0,t={};for(let r of pt)o&&r in o&&(t[r]=o[r]??null);return Sp(t)}var Ww=new Set(["strong"]),Cp=pt.map(e=>({open:yo[e].delimiter,close:yo[e].delimiter,kind:yo[e].kind,...Ww.has(e)?{wordStart:!0}:{}})),Z5=[{style:yo.highlight.kind,label:mt.highlight,title:`${mt.highlight} word style`},{style:yo.strong.kind,label:mt.strong,title:`${mt.strong} word style`},{style:yo.quiet.kind,label:mt.quiet,title:`${mt.quiet} word style`}],Gw=new Set(Cp.map(e=>e.open)),zt=[...zw.filter(e=>!Gw.has(e.open)),...Cp];function Xs(e){return e.bullet?"- ":e.number!=null?`${e.number}. `:""}function Zs(e){return Mw(typeof e=="string"?e:"",zt)}var Uw=Nw.map(e=>e.style).filter(e=>!Hw.includes(e)).filter(e=>zt.some(o=>o.kind===e));function vp(){return Dw(Uw)}var wp=Object.fromEntries(pt.map(e=>[yo[e].kind,yo[e].delimiter]));function kp(e,o,t,r){let a=wp[r];if(!a)return Bw(e,o,t,r);let n=e.slice(o,t),s=e.slice(Math.max(0,o-a.length),o),i=e.slice(t,t+a.length);if(s===a&&i===a)return{text:e.slice(0,o-a.length)+n+e.slice(t+a.length),selectionStart:o-a.length,selectionEnd:o-a.length+n.length};let f=n||"styled text";return{text:e.slice(0,o)+a+f+a+e.slice(t),selectionStart:o+a.length,selectionEnd:o+a.length+f.length}}function Tp(e,o,t,r){let a=wp[r];return a?o>=a.length&&e.slice(o-a.length,o)===a&&e.slice(t,t+a.length)===a:_w(e,o,t,r)}function xt(e){return Zs(e).map(o=>Xs(o)+Fp(o.children)).join(`
|
|
3
3
|
`)}function Fp(e){return e.map(o=>o.kind==="text"?o.text:Fp(o.children)).join("")}var Ep="Clear formatting";function Qw(e,o,t){return jw(e,o,t,kp)}function Jw(e){let[o,t]=qw(null);return $w(()=>{let r=e.current?.ownerDocument??(typeof document>"u"?null:document);if(!r)return;let a=()=>{let n=e.current;if(!n||r.activeElement!==n)return;let s=n.selectionStart??n.value.length,i=n.selectionEnd??s;t(f=>f&&f.start===s&&f.end===i?f:{start:s,end:i})};return r.addEventListener("selectionchange",a),()=>r.removeEventListener("selectionchange",a)},[e]),[o,t]}function ek({target:e,value:o,onChange:t,disabled:r=!1,label:a="Formatting"}){let n=Kw({target:e,onChange:t}),[s,i]=Jw(e),f=x=>n(h=>{let b=Qw(o,x,h);return i({start:b.selectionStart,end:b.selectionEnd}),b}),u=vp(),p={};if(s)for(let x of u)p[x.style]=Tp(o,s.start,s.end,x.style);let m=xt(o);return Mr(Xw,{offered:new Set(u.map(x=>x.style)),onMark:x=>f(x),pressed:p,disabled:r,"aria-label":l(a),className:"sf-markup-bar",last:Mr("span",{className:"sf-markup-clear",children:Mr(Zw,{content:l(Ep),children:Mr(Yw,{size:"sm",onMouseDown:x=>x.preventDefault(),onClick:()=>t(m),disabled:r||m===o,"aria-label":l(Ep),children:Mr(Vw,{size:14})})})})})}var Qs=ek;import{DEVICE_FIELD_MARKER as i3,DEVICE_HIDDEN_ATTR as f3,DEVICE_NOTE as c3,deviceField as ve,deviceMetaOf as Js,deviceNote as d3,shownTier as u3,withoutDeviceGate as p3}from"efficient-easel/screen/lib/puck/device-fields";import{NO_CONTROL_ATTR as I3,NO_CONTROL_FIELD as Pp,noControlField as Hr,NoControlMark as Wt,noControlMetaOf as h3}from"efficient-easel/screen/lib/puck/panel-no-control-mark";var ei="__ownBox";function Lp(e){return!!e&&typeof e=="object"&&e[ei]===!0}function Ro(e){return`${e}Phone`}function nn(e,o,t){return typeof e=="number"?e:typeof o=="number"?o:t}var ln=void 0;import{jsx as ti,Fragment as rk}from"react/jsx-runtime";import{createContext as ak,useContext as nk}from"react";var sn={ProductGrid:{source:{keep:["slug"]}},GalleryItem:{product:{keep:["code","finish"]}},FeaturedCover:{source:{keep:["slug"]}},LongRead:{source:{keep:["slug"]}}},fn={Events:["posts"],SubscribeBlogs:["posts"]};var ok=["anchor"],tk=/^href$|Href$|^url$|Url$|^link$|^mailto$|^tel$/;function zr(e){return ok.includes(e)||tk.test(e)}var oi={Gallery:{source:{verb:"snapshot",keep:[]}},ProductHero:{source:{verb:"snapshot",keep:[]}},SpecTable:{source:{verb:"snapshot",keep:[]},wheel:{verb:"reference"},finish:{verb:"reference"},size:{verb:"reference"}},CollectionCard:{collection:{verb:"snapshot",keep:[]}},FooterMenu:{menu:{verb:"snapshot",keep:[]}},MenuBlock:{menu:{verb:"snapshot",keep:[]}},BrandStrip:{picks:{verb:"reference"}},ProductGrid:{design_codes:{verb:"reference"}},ProductRef:{code:{verb:"reference"},finish:{verb:"reference"}},FitmentTable:{wheel:{verb:"reference"}},GalleryItem:{fromProduct:{verb:"reference"}},Footprint:{"offices[].group":{verb:"groupKey"},"offices[].lat":{verb:"pii"},"offices[].lng":{verb:"pii"},"offices[].geocode":{verb:"pii"}}};oi.ContactLocations={"locations[].lat":{verb:"pii"},"locations[].lng":{verb:"pii"},"locations[].mapsUrl":{verb:"pii"},"locations[].geocode":{verb:"pii"}};var v3=Object.fromEntries(Object.entries(sn).map(([e,o])=>[e,Object.keys(o)])),w3=Object.fromEntries(Object.entries(fn).map(([e,o])=>[e,[...o]]));var Op=ak(!1);function Rp({children:e}){return ti(Op.Provider,{value:!0,children:e})}function lk(){return nk(Op)}function Ap({name:e,children:o}){return!lk()||!e||zr(e)?ti(rk,{children:o}):ti(Wt,{})}function Je(e,o,t){return e.some(r=>(typeof r=="object"?r.value:r)===t)?t:o}var ri="off",ai="none",ni=[{label:"None",value:"off"},{label:"1, 2, 3",value:"plain"},{label:"01, 02, 03",value:"padded"},{label:"N\xB001, N\xB002",value:"numero"}],li=[{label:"None",value:"none"},{label:"Hairline",value:"hairline"}];function A3(e){return Je(ni,ri,e)}function B3(e){return Je(li,ai,e)}var Bp="sf-card-index",Wr="sf-card-index",_3="pointer-events-none absolute left-[18px] top-[18px] z-10 border border-line bg-bg/70 px-2 py-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.16em] text-fg-dim",sk={plain:`counter(${Wr})`,padded:`counter(${Wr}, decimal-leading-zero)`,numero:`"N\xB0" counter(${Wr}, decimal-leading-zero)`};function D3(e,o){return o==="off"?"":`.${e}{counter-reset:${Wr}}.${e} .${Bp}{counter-increment:${Wr}}.${e} .${Bp}::before{content:${sk[o]}}`}function N3(e){return e==="hairline"?"border border-line hover:border-accent":""}var _p=[{value:"1",label:"1st rendering"},{value:"2",label:"2nd rendering"},{value:"3",label:"3rd rendering"},{value:"4",label:"4th rendering"},{value:"5",label:"5th rendering"}];import{SCALAR_TEXT_CONTROLS as iF}from"efficient-easel/draw";import{jsx as Ao}from"react/jsx-runtime";import{SettingsDefaultReset as ik,SettingsField as Mp}from"efficient-easel/panel";import{useSelectedFields as fk}from"efficient-easel/easel";import{FOCAL_DEFAULT as ck}from"efficient-shell/format";import{ImageIcon as Hp,PlayIcon as zp}from"efficient-easel/icons";import{ImageBox as dk}from"efficient-easel/pick";import{useEaselStrings as uk}from"efficient-easel/strings";import{useContext as pk}from"react";import{usePreviewDevice as mk}from"efficient-easel/draw/client";import{requestMediaPick as Dp,resolveMediaPick as W3}from"efficient-easel/screen/lib/media-picker";import{createEaselHost as $3,DETACHED_EASEL_HOST as q3,EaselHostContext as j3,EaselHostProvider as K3,useEaselHost as Gt}from"efficient-easel/screen/lib/host";var Ue=$d,Np=e=>e.blocks;import{EaselSessionProvider as Q3,useEaselSession as Be}from"efficient-easel/screen/lib/session-context";function xk(e,o){let t=null;try{t=fk()}catch{t=null}let r=mk()==="mobile";if(!e||!t||o&&!o(t.values??{}))return null;let a=typeof t.values?.[e]=="string"&&t.values[e]?String(t.values[e]):ck,n=Ro(e),s=typeof t.values?.[n]=="string"&&t.values[n]?String(t.values[n]):void 0,i=t.onChange;return{phone:r,desktop:a,own:s,focus:r?s??a:a,set:f=>i(r?n:e,f),clear:()=>i(n,ln)}}function Wp({value:e,onChange:o,label:t,accept:r,placeholder:a,focusKey:n,focusWhen:s}){let i=Gt(),f=Be(),u=uk(),p=l(t),m=r.startsWith("video"),x=xk(m?void 0:n,s),h=pk(Mt),b=k=>Dp(i,{accept:r,title:p,...k?{file:k}:{}}).then(v=>v?.url??null);if(h&&!h.capabilities.mediaEditing)return Ao(Mp,{label:p,icon:m?Ao(zp,{}):Ao(Hp,{}),children:Ao("div",{className:"sf-image-slot-inert",children:m?l("Templates don\u2019t store videos \u2014 this slot stays a placeholder. Each website picks its own after it\u2019s created."):l("Templates don\u2019t store images \u2014 this slot stays a placeholder. Each website picks its own after it\u2019s created.")})});let C=x?.phone&&e?Ao(ik,{words:j()?.panel,label:l("Image focus"),changed:!!x.own,detail:l("{value} on desktop",{value:x.desktop}),onReset:x.clear}):void 0;return Ao(Mp,{label:p,icon:m?Ao(zp,{}):Ao(Hp,{}),action:C,children:Ao(dk,{value:e,onChange:o,label:p,kind:m?"video":"image",placeholder:a===void 0?void 0:l(a),openLibrary:b,maxSizeBytes:Ue(f).media.maxUploadBytes,...x?{focus:x.focus,onFocusChange:x.set}:{},words:u.pick.image})})}import{jsx as Gp}from"react/jsx-runtime";import{useId as Ik}from"react";import{FieldSelect as hk}from"efficient-easel/fields";import{SettingsField as gk}from"efficient-easel/panel";function bk(e){return e.map(({value:o,label:t,note:r})=>({value:o,label:t,...r?{meta:r}:{}}))}function Up({label:e,options:o,value:t,onChange:r,emptyLabel:a,icon:n,hint:s}){let i=Ik(),f=`${i}-label`,u=`${i}-button`,p=Array.isArray(t)?t:[];return Gp(gk,{label:l(e),labelId:f,icon:n,hint:s,children:Gp(hk,{id:u,multiple:!0,value:p,options:bk(o),onChange:r,placeholder:a===void 0?l("None"):l(a),ariaLabelledBy:`${f} ${u}`,inline:!0})})}import{jsx as Te,jsxs as ht,Fragment as Wk}from"react/jsx-runtime";import{useCallback as Gk,useContext as Uk,useEffect as $k,useId as am,useRef as tm,useState as rm}from"react";import{ThemeIcon as qk}from"efficient-easel/icons";import{SettingsField as jk}from"efficient-easel/panel";import{jsx as $,jsxs as Ko,Fragment as Fk}from"react/jsx-runtime";import{SettingsField as fi,SettingsGroupSub as Ek}from"efficient-easel/panel";import{Button as ii}from"efficient-shell/ui";import{jsx as jo,jsxs as $p}from"react/jsx-runtime";import{SettingsField as yk}from"efficient-easel/panel";import{AccentIcon as Sk}from"efficient-easel/icons";import{Tooltip as Ck}from"efficient-shell/ui";function si(e){return xo(e).background}function vk(e){let o=$o(e.accent,si(e));return o===null?null:{ratio:o,grade:Dt(o)}}function wk(e){let o=si(e),t=$o(e.accent,o);return t===null?[]:eu(e.accent).filter(r=>{let a=$o(r,o);return a!==null&&a>t&&Dt(a)==="good"})}var kk={good:"Easy to read","large-only":_t["large-only"],hard:_t.hard};function qp({value:e,onChange:o}){let t=vk(e),r=t?.grade,a=t&&t.grade!=="good"?wk(e):[];return jo(yk,{label:l("Main color"),icon:jo(Sk,{}),hint:t?l(kk[t.grade]):void 0,action:jo(to,{value:e.accent,onChange:n=>o({...e,accent:n}),label:l("Main color")}),children:a.length>0?jo("div",{className:"w-full min-w-0",children:$p("div",{className:"sf-readability",children:[jo("p",{className:"sf-readability-advice",children:Tk(r,!0)}),jo("div",{className:"sf-readability-suggestions",children:a.map(n=>{let s=$o(n,si(e));return jo(Ck,{content:l("Use {colour}",{colour:n.toUpperCase()}),children:$p("button",{type:"button",className:"sf-readability-suggestion",onClick:()=>o({...e,accent:n}),children:[jo("span",{className:"sf-readability-chip",style:{background:n},"aria-hidden":!0}),s?`${s.toFixed(1)}:1`:n.toUpperCase()]})},n)})})]})}):null})}function Tk(e,o){return e?e==="good"?l("This color reads clearly on your pages."):o?l("This color is hard to read on this theme's page. The buttons below are the same hue, darkened."):l("This color is hard to read on your page background. Pick one further from it \u2014 lighter if your pages are dark, deeper if they are light."):l("Pick a color to see how it reads.")}import{ButtonIcon as Pk,GroundIcon as Lk,LayoutIcon as Ok,SquareIcon as Rk,TextSmallIcon as Ak,TypeIcon as jp}from"efficient-easel/icons";var Gr=e=>l("Theme {n}",{n:e+1});function Kp({colors:e}){let o=xo(e),t=Ar(e)??o.accent;return Ko("span",{className:"sf-theme-page",style:{background:o.background,color:o.text},"aria-hidden":!0,children:[$("span",{className:"sf-theme-eyebrow",style:{color:o.muted},children:l("label")}),Ko("span",{className:"sf-theme-headline",children:[l("Heading")," ",$("span",{style:{color:o.accent},children:l("accent")})]}),$("span",{className:"sf-theme-body",children:l("body text")}),Ko("span",{className:"sf-theme-row",children:[$("span",{className:"sf-theme-btn",style:{background:t,color:gs(e,o.accent)},children:l("button")}),$("span",{className:"sf-theme-mini",style:{background:o.surface,borderColor:o.line},children:l("card")})]})]})}var ci={"Text color":$(jp,{}),"Label color":$(Ak,{}),Background:$(Lk,{}),"Panels & cards":$(Ok,{}),Borders:$(Rk,{}),"Button color":$(Pk,{}),"Button text color":$(jp,{})};function Bk({label:e,colorKey:o,value:t,onChange:r,idPrefix:a="sf-theme-ink"}){let n=`${a}-${o}`;return $(fi,{label:l(e),icon:ci[e],htmlFor:n,action:$(to,{id:n,label:l(e),value:t,onChange:s=>r(o,s)})})}function _k({value:e,accent:o,onChange:t,idPrefix:r="sf-theme-ink"}){let a=`${r}-button`,n=/^#[0-9a-fA-F]{6}$/.test(e??""),s=n?e:o;return $(fi,{label:l("Button color"),icon:ci["Button color"],htmlFor:a,action:$(to,{id:a,label:l("Button color"),value:s,caption:n?s:l("Main"),onChange:t})})}function Dk({colors:e,accent:o,onChange:t,idPrefix:r="sf-theme-ink"}){let a=`${r}-button-ink`,n=ou(e),s=gs(e,o),i=Ar(e)??o,f=Dt($o(s,i)??0);return $(fi,{label:l("Button text color"),icon:ci["Button text color"],hint:n&&f!=="good"?l("{grade} on the button",{grade:l(_t[f])}):void 0,htmlFor:a,action:$(to,{id:a,label:l("Button text color"),value:s,caption:n?s:l("Auto"),onChange:t})})}var Nk=[{colour:!0},{label:"Text color",key:"text"},{label:"Label color",key:"muted"},{button:!0},{buttonInk:!0},{group:"Surfaces"},{label:"Background",key:"background"},{label:"Panels & cards",key:"surface"},{label:"Borders",key:"line"}];function di({colors:e,onChange:o,idPrefix:t}){let r=xo(e);return $(Fk,{children:Nk.map(a=>"colour"in a?$(qp,{value:e,onChange:o},"colour"):"group"in a?$(Ek,{title:l(a.group)},a.group):"button"in a?$(_k,{value:e.button,accent:r.accent,onChange:n=>o({...e,button:n}),idPrefix:t},"button"):"buttonInk"in a?$(Dk,{colors:e,accent:r.accent,onChange:n=>o({...e,buttonInk:n}),idPrefix:t},"buttonInk"):$(Bk,{label:a.label,colorKey:a.key,value:r[a.key],onChange:(n,s)=>o({...e,[n]:s}),idPrefix:t},a.key))})}function cn({index:e,colors:o,selected:t,role:r="radio",open:a,editable:n=!0,onPick:s,onEdit:i,onChangeColors:f}){let u=xo(o),p=Gr(e),m=e<hs.length&&!o.brandInk?hs[e]:null,x=Dt($o(u.text,u.background)??0),h=m?JSON.stringify(o)!==JSON.stringify(m):!1,b=a!==void 0;return Ko("div",{className:`sf-theme-card${t?" is-selected":""}`,children:[$("button",{type:"button",role:r,"aria-checked":r==="radio"?t:void 0,"aria-selected":r==="option"?t:void 0,"aria-label":p,className:"sf-theme-pick",onClick:s,children:$(Kp,{colors:o})}),Ko("div",{className:"sf-theme-foot",children:[$("span",{className:"sf-theme-name",children:p}),x!=="good"&&$("span",{className:"sf-theme-warn",children:l(_t[x])}),n&&i&&$(ii,{variant:a?"primary":"secondary",size:"sm",className:"sf-theme-edit","aria-expanded":b?a:void 0,"aria-controls":b?`sf-theme-colours-${e}`:void 0,"aria-label":a?l("Done {name}",{name:p}):l("Edit {name}",{name:p}),onClick:i,children:a?l("Done"):l("Edit")})]}),a&&Ko("div",{id:`sf-theme-colours-${e}`,className:"sf-theme-colours",children:[$(di,{colors:o,onChange:C=>f?.(C)}),m&&$(ii,{variant:"link",size:"sm",className:"sf-theme-reset",disabled:!h,onClick:()=>f?.({...m}),children:h?l("Reset {name} to the preset",{name:p}):l("Not changed")})]})]})}function Vp({colors:e,name:o,nameId:t,open:r,menuId:a,labelId:n,buttonRef:s,onClick:i,onKeyDown:f,onEdit:u}){return Ko("div",{className:"sf-secttheme-btn",children:[$("button",{ref:s,type:"button",className:"sf-theme-pick","aria-expanded":r,"aria-controls":a,"aria-labelledby":`${n} ${t}`,onClick:i,onKeyDown:f,children:e?$(Kp,{colors:e}):$("span",{className:"sf-secttheme-nopreview","aria-hidden":"true"})}),Ko("div",{className:"sf-theme-foot",children:[$("span",{id:t,className:"sf-theme-name",children:o}),u&&$(ii,{variant:"secondary",size:"sm",className:"sf-theme-edit","aria-label":l("Edit {name}",{name:o}),onClick:u,children:l("Edit")}),$("button",{type:"button",className:"sf-secttheme-caret","aria-hidden":"true",tabIndex:-1,onClick:i,children:$("span",{className:"sf-multi-caret",children:"\u25BE"})})]})]})}import{useCallback as hi,useEffect as Jp,useRef as pn}from"react";import{useSyncExternalStore as Mk}from"react";var Xp,ui=null,It=null,dn=0,pi=new Set;function mi(e){Xp=e;for(let o of pi)o()}function xi(e){ui=e,dn+=1,It&&clearTimeout(It),It=null,mi(void 0)}function W4(e){dn+=1,mi(e)}function un(e=250){ui&&(It&&clearTimeout(It),It=setTimeout(()=>{It=null;let o=ui;if(!o)return;let t=++dn;o().then(r=>{t===dn&&mi(r)}).catch(()=>{})},e))}function Yp(){return Xp}function Hk(e){return pi.add(e),()=>{pi.delete(e)}}function Zp(){return Mk(Hk,Yp,Yp)}var Ii=new Set;function Qp(e){return Ii.add(e),()=>{Ii.delete(e)}}async function U4(){let e=(await Promise.allSettled([...Ii].map(async o=>o()))).find(o=>o.status==="rejected");if(e)throw e.reason}function em(e=ao()){return(o,t,r)=>{let a=Ue(e).theme;return a?a.update(o,r?{siteId:r}:void 0):Promise.reject(new ws("invalid","This backend stores no site theme."))}}function om(e){return e.themeFromDocument?{status:"skipped",reason:"template"}:e.token?null:{status:"skipped",reason:"no-token"}}async function zk(e,o=em()){let{themeFromDocument:t,token:r,siteId:a,patch:n}=e,s=om({themeFromDocument:t,token:r});if(s)return s;if(Object.keys(n).length===0)return{status:"skipped",reason:"empty"};try{return await o(n,r,a??void 0),{status:"saved"}}catch(i){return{status:"failed",error:i}}}function Ut({themeFromDocument:e,tokenRef:o,siteId:t,onResult:r}){let a=pn(null),n=pn({}),s=Be(),i=pn(r);i.current=r;let f=pn(null),u=hi(x=>{if(x.status==="skipped"){let h=`skipped:${x.reason}`;if(f.current===h)return;f.current=h}else f.current=null;i.current?.(x)},[]),p=hi(async()=>{a.current&&(clearTimeout(a.current),a.current=null);let x=n.current;n.current={};let h=await zk({themeFromDocument:e,token:o?.current,siteId:t,patch:x},em(s));return u(h),h.status==="saved"&&un(),h.status==="failed"&&(n.current={...x,...n.current}),h},[e,o,t,u,s]),m=hi((x,h=!1)=>{let b=om({themeFromDocument:e,token:o?.current});if(b){u(b);return}n.current={...n.current,...x},a.current&&clearTimeout(a.current),h?p():a.current=setTimeout(()=>{p()},500)},[e,o,p,u]);return Jp(()=>()=>{p()},[p]),Jp(()=>Qp(async()=>{if(!a.current&&Object.keys(n.current).length===0)return;let x=await p();if(x.status==="failed")throw x.error}),[p]),{persist:m,flush:p}}var Kk="Follow the page",c6="Follow the slideshow",Vk=e=>l("Editing {name} changes it everywhere.",{name:e});function Yk({colors:e}){if(!e)return Te("span",{className:"sf-secttheme-chip sf-secttheme-chip--none","aria-hidden":"true"});let o=xo(e);return ht("span",{className:"sf-secttheme-chip","aria-hidden":"true",children:[Te("i",{style:{background:o.background}}),Te("i",{className:"sf-secttheme-chip-accent",style:{background:o.accent}})]})}function Xk({themes:e,value:o,onPick:t,onEdit:r,menuId:a,followLabel:n}){return ht("div",{className:"sf-multi-menu sf-secttheme-menu",id:a,role:"listbox",children:[n!==void 0&&ht(Wk,{children:[ht("button",{type:"button",role:"option","aria-selected":o===null,className:`sf-secttheme-item${o===null?" is-active":""}`,onClick:()=>t(on),children:[Te(Yk,{}),Te("span",{className:"sf-secttheme-name",children:l(n)})]}),Te("div",{className:"sf-secttheme-sep",role:"presentation"})]}),o!==null&&e[o]&&Te("p",{className:"sf-secttheme-oncard",role:"presentation",children:l("{name} is on this section",{name:Gr(o)})}),e.map((s,i)=>i===o?null:Te(cn,{role:"option",index:i,colors:s,selected:!1,onPick:()=>t(i),onEdit:()=>r(i)},i))]})}function Zk({index:e,colors:o,onChange:t,onDone:r}){let a=Gr(e),n=am();return ht("div",{className:"sf-secttheme-sheet",children:[ht("div",{className:"sf-secttheme-sheet-head",children:[Te("span",{children:a}),Te("button",{type:"button",className:"sf-secttheme-done",onClick:r,children:l("Done")})]}),Te("div",{className:"sf-secttheme-rows",children:Te(di,{colors:o,onChange:t,idPrefix:n})}),Te("p",{className:"sf-secttheme-warn",children:Vk(a)})]})}function nm({value:e,onChange:o,followLabel:t,hint:r}){let{theme:a,setTheme:n}=X(),s=Qe(a),i=Uk(Mt),f=i?.tokenRef,u=i?.siteId??null,p=!i?.capabilities?.hasSiteTheme,{persist:m,flush:x}=Ut({themeFromDocument:p,tokenRef:f,siteId:u}),h=Qe(s),b=h.themes,C=Us(e),k=C!==null?b[C]:void 0,v=k??(b.length?Bt(h):void 0),[w,g]=rm(!1),[y,E]=rm(null),F=tm(null),L=tm(null),B=am(),O=Gk(()=>{g(!1),E(null)},[]);$k(()=>{if(!w&&y===null)return;let H=W=>{F.current&&!F.current.contains(W.target)&&(x(),O())};return document.addEventListener("mousedown",H),()=>document.removeEventListener("mousedown",H)},[w,y,O,x]);let M=H=>{o(H),O()},re=H=>{if(y===null)return;let W=b.map((oe,Re)=>Re===y?H:oe),A={...h,themes:W};n(A),m({selected_preset:A.selected,theme_presets:A.themes})};return ht("div",{className:"sf-secttheme",ref:F,children:[Te(jk,{label:l("Theme"),icon:Te(qk,{}),labelId:`${B}-label`,hint:r,children:Te(Vp,{colors:v,onEdit:C!==null?()=>{E(C),g(!1)}:void 0,name:k?Gr(C):l(t??Kk),nameId:`${B}-value`,labelId:`${B}-label`,open:w,menuId:B,buttonRef:L,onClick:()=>{E(null),g(H=>!H)},onKeyDown:H=>{H.key==="Escape"&&(w||y!==null)&&(H.preventDefault(),O())}})}),w&&y===null&&Te("div",{onKeyDown:H=>{H.key==="Escape"&&(H.preventDefault(),O(),L.current?.focus())},children:Te(Xk,{themes:b,value:C,onPick:M,onEdit:H=>{E(H),g(!1)},menuId:B,followLabel:t})}),y!==null&&b[y]&&Te(Zk,{index:y,colors:b[y],onChange:re,onDone:()=>{x(),O(),L.current?.focus()}})]})}import{jsx as lm}from"react/jsx-runtime";import{useId as Qk}from"react";import{FieldSelect as Jk}from"efficient-easel/fields";import{SettingsField as eT}from"efficient-easel/panel";function oT(e){return e.map(({value:o,label:t,group:r,thumb:a,meta:n})=>({value:o,label:t,...r!==void 0?{group:r}:{},...a!==void 0?{thumb:a}:{},...n!==void 0?{meta:n}:{}}))}function h6({label:e,options:o,fallback:t,value:r,onChange:a,placeholder:n,bare:s=!1,icon:i}){let f=Qk(),u=`${f}-label`,p=`${f}-button`,m=r??"",x=o.some(k=>k.value===m)?m:t,h=l(e),b=n===void 0?void 0:l(n),C=lm(Jk,{id:p,value:x,options:oT(o),onChange:a,placeholder:b,searchPlaceholder:b,...s?{ariaLabel:h}:{ariaLabelledBy:`${u} ${p}`},searchable:!0,groupCount:!0,inline:!0});return s?C:lm(eT,{label:h,labelId:u,icon:i,children:C})}import{jsx as gt,jsxs as nT}from"react/jsx-runtime";import{SettingsField as Im}from"efficient-easel/panel";import{LinkIcon as lT}from"efficient-easel/icons";import{LinkPicker as sT,TextLinkField as iT}from"efficient-shell/ui";import{useEffect as xm,useMemo as In,useRef as fT,useState as xn}from"react";function sm(){return ao().auth.token}var mn="homepage";function im(e){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}var fm=[{value:"page",label:"Page"},{value:"anchor",label:"Anchor"},{value:"blog",label:"Blog post",needs:"service"},{value:"product",label:"Product",needs:"commerce"},{value:"custom",label:"Custom URL"}];function cm(e){return e.offersCommerce&&e.offersService?fm:fm.filter(o=>!o.needs||(o.needs==="commerce"?e.offersCommerce:e.offersService))}function Ur(e){return e===mn?"/":`/${e}`}function dm(e){return`/journal/${e}`}function k6(e){return`/wheels/${e}`}function um(e,o){return`${Ur(e)}#${o}`}function tT(e){return im(e)}function rT(e){return typeof e=="string"?e.trim():e&&typeof e=="object"&&typeof e.text=="string"?e.text.trim():""}function pm(...e){let o=new Set,t=[];for(let r of e)for(let a of r?.content??[]){let n=rT(a?.props?.anchor);if(!n)continue;let s=tT(n);!s||o.has(s)||(o.add(s),t.push({slug:s,name:n}))}return t}function T6(e){let o=e.indexOf("#"),t=o===-1?e:e.slice(0,o),r=t.indexOf("?");return r===-1?t:t.slice(0,r)}var aT=()=>({choosePage:l("Choose a page"),chooseSection:l("Choose a section"),noSections:l("No section anchors yet"),sectionHint:l("Jumps to a section on that page."),choosePost:l("Choose a post"),chooseProduct:l("Choose a product")});function mm(e,o,t){if(!e)return"page";if(e.startsWith("/journal/"))return"blog";if(e.startsWith("/wheels/"))return"product";if(e.includes("#")){let r=e.slice(0,e.indexOf("#"));if(r===""||r==="/"||o.includes(r))return"anchor"}return e==="/"||o.includes(e)||t&&t.listingPaths.includes(t.targetOf(e))?"page":"custom"}function gi(e,o){let t=aT(),r=e.pages.map(p=>({value:Ur(p.slug),label:p.title})),a=o?.pageOptions?o.pageOptions(r):r,n=a.map(p=>p.value),s=e.pages.map(p=>({label:p.title,options:pm(...p.docs).map(m=>({value:um(p.slug,m.slug),label:m.name}))})).filter(p=>p.options.length>0),i=p=>{switch(p){case"page":return{type:"select",options:a,placeholder:t.choosePage};case"anchor":return{type:"groups",groups:s,placeholder:s.length?t.chooseSection:t.noSections};case"blog":return{type:"select",options:e.posts.map(m=>({value:dm(m.slug),label:m.title||m.slug})),placeholder:t.choosePost};case"product":return{type:"select",options:e.products.map(m=>({value:m.href,label:m.name||m.href})),placeholder:t.chooseProduct};case"custom":return{type:"text"}}},f=cm(e.offers).map(p=>({value:p.value,label:l(p.label),target:i(p.value),...p.value==="anchor"?{hint:t.sectionHint}:{},...p.value==="blog"||p.value==="product"?{hideWhenEmpty:!0}:{}}));if(!o)return{kinds:f,rules:{kindOf:p=>mm(p,n),targetOf:p=>p,readFilter:()=>null,withFilter:p=>p}};let u=p=>{let m=o.withFilter(p,null);return o.listingPaths.includes(m)?m:p};return{kinds:f,rules:{kindOf:p=>mm(p,n,{listingPaths:o.listingPaths,targetOf:u}),targetOf:u,readFilter:o.readFilter,withFilter:o.withFilter},filtersFor:p=>o.listingPaths.includes(p)?o.filtersFor(p):null}}function hm(e){let o=new Map;return(t="")=>{let r=sm(),a=o.get(t);if(!a||a.token===null&&r!==null){let n=r||!ao().usesBridgedToken?e(r??"",t).catch(()=>[]):Promise.resolve([]);return o.set(t,{promise:n,token:r}),n}return a.promise}}var cT=hm(async(e,o)=>{let t=o?{siteId:o}:void 0,{pages:r}=Ue();return r.linkTargets?r.linkTargets(t):(await r.list(t)).map(a=>({id:a.id,slug:a.slug,label:a.label,layout:null}))}),dT=hm(async(e,o)=>await Ue().blog?.posts(o?{siteId:o}:void 0)??[]);function uT({value:e,onChange:o,label:t="Link",data:r,filters:a}){let n=In(()=>gi(r,a),[r,a]),s=l(t);return gt(Im,{label:s,icon:gt(lT,{}),children:gt(sT,{value:e,onChange:i=>o(i),kinds:n.kinds,rules:n.rules,filtersFor:n.filtersFor,label:s})})}function gm(){let{siteId:e,capabilities:o}=ye(),{offersCommerce:t,hasBlog:r}=o,[a,n]=xn([]),[s,i]=xn([]),[f,u]=xn([]),[p,m]=xn(null),x=Be().chrome,h=x?.products?.list,b=x?.linkFilters,C=b?void 0:x?.linkRow,k=fT(!0);xm(()=>(k.current=!0,()=>{k.current=!1}),[]),xm(()=>{let g=!0;return cT(e??void 0).then(y=>g&&k.current&&n(y)),r&&dT(e??void 0).then(y=>g&&k.current&&i(y)),t&&h?.().then(y=>g&&k.current&&u(y)),t&&b?b.load(e).catch(()=>null).then(y=>g&&k.current&&m(()=>y)):m(null),()=>{g=!1}},[e,t,r,h,b]);let v=In(()=>({pages:a.filter(g=>!Ou(g.slug)).map(g=>({slug:g.slug,title:g.label,docs:[g.layout]})),posts:r?s.map(g=>({slug:g.slug,title:g.title})):[],products:t?f.map(g=>({href:g.href,name:g.name})):[],offers:{offersCommerce:t,offersService:r}}),[a,s,f,t,r]),w=In(()=>p?p(v.pages):null,[p,v]);return{data:v,filters:w,pages:a,offersCommerce:t,HostLinkRow:C}}function q6({label:e,icon:o,text:t,onTextChange:r,link:a,onLinkChange:n}){let{data:s,filters:i}=gm(),f=In(()=>gi(s,i),[s,i]),u=l(e);return gt(Im,{label:u,icon:o,children:gt(iT,{label:u,text:t,onTextChange:r,link:a,onLinkChange:p=>n(p),kinds:f.kinds,rules:f.rules,filtersFor:f.filtersFor})})}function bm({value:e,onChange:o,label:t="Link"}){let r=typeof e=="string"?e:"",{data:a,filters:n,pages:s,offersCommerce:i,HostLinkRow:f}=gm(),u=a.pages.map(m=>Ur(m.slug)),p=i&&f&&(r==="/"||u.includes(r))?f:void 0;return nT("div",{children:[gt(uT,{value:r,onChange:o,label:t,data:a,filters:n}),p&>(p,{value:r,onChange:o,pages:s})]})}import{UiIcon as ix}from"efficient-easel/draw/client";var lo={min:10,max:200,step:10};function ym(e,o){let t=typeof e=="number"?e:void 0,r=typeof o=="number"?o:void 0;if(!(t===void 0&&r===void 0))return{paddingTop:t,paddingBottom:r}}var pT="sf-pad-top-phone",mT="sf-pad-bottom-phone",xT="--sf-pad-t-phone",IT="--sf-pad-b-phone",hT="sf-pad-left-phone",gT="sf-pad-right-phone",bT="--sf-pad-l-phone",yT="--sf-pad-r-phone";function vm(e,o,t,r,a,n,s,i){let f=ym(e,o)??{},u={},p=["sf-section-pad"];typeof t=="number"&&(p.push(pT),u[xT]=`${t}px`),typeof r=="number"&&(p.push(mT),u[IT]=`${r}px`);let m={};return typeof a=="number"&&(m.paddingLeft=a),typeof n=="number"&&(m.paddingRight=n),typeof s=="number"&&(p.push(hT),u[bT]=`${s}px`),typeof i=="number"&&(p.push(gT),u[yT]=`${i}px`),p.length===1&&ym(e,o)===void 0&&!Object.keys(m).length?null:{className:p.join(" "),style:{...f,...m,...u}}}var Sm=e=>typeof e=="number"?e:void 0;function Cm(e,o,t){let r=Sm(e)??t,a=Sm(o);return r===void 0?a:a===void 0?r:r+a}function K6(e,o={}){return{top:Cm(e.padTop,e.sectionPaddingTop,o.top),bottom:Cm(e.padBottom,e.sectionPaddingBottom,o.bottom)}}function V6(e){return{top:e.sectionPaddingTop,bottom:e.sectionPaddingBottom,topPhone:e.sectionPaddingTopPhone,bottomPhone:e.sectionPaddingBottomPhone,left:e.sectionPaddingLeft,right:e.sectionPaddingRight,leftPhone:e.sectionPaddingLeftPhone,rightPhone:e.sectionPaddingRightPhone}}function Y6(e){return vm(e.top,e.bottom,e.topPhone,e.bottomPhone,e.left,e.right,e.leftPhone,e.rightPhone)}function X6(e,o){let t=r=>typeof r=="number"?r+o:void 0;return vm(t(e.top),t(e.bottom),t(e.topPhone),t(e.bottomPhone),e.left,e.right,e.leftPhone,e.rightPhone)}var ST=["auto","fixed","screen"],CT=["px","%"];var vT="var(--sf-header-h, 88px)",bi={min:40,max:2e3,step:10,fallback:600},yi={min:10,max:200,step:5,fallback:100},wT="sf-section-minh",wm={base:"--sf-section-minh",small:"--sf-section-minh-s"},Tm=e=>typeof e=="string"&&ST.includes(e),kT=e=>typeof e=="string"&&CT.includes(e);function hn(e){let o=Tm(e.sectionHeightMode)?e.sectionHeightMode:"auto",t=o==="screen"?"%":kT(e.sectionHeightUnit)?e.sectionHeightUnit:"px",r=o==="screen"?yi.fallback:bi.fallback,a=typeof e.sectionHeightValue=="number"?e.sectionHeightValue:r;return{mode:o,value:a,unit:t}}function Fm(e){let{mode:o,value:t,unit:r}=hn(e);if(o==="auto")return;if(o==="fixed"&&r==="px")return[`${t}px`,null];let a=t/100,n=s=>o==="screen"?`(100${s} - ${vT})`:`100${s}`;return[`calc(${n("vh")} * ${a})`,`calc(${n("svh")} * ${a})`]}function TT(e){let o=Fm(e);if(!o)return;let[t,r]=o;return{display:"grid",[wm.base]:t,...r?{[wm.small]:r}:{}}}var Q6=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),$t="Height",FT="sf-section-minh-phone",km={base:"--sf-section-minh-p",small:"--sf-section-minh-ps"};function Si(e){return Tm(e.sectionHeightModePhone)}function J6(e){return hn({sectionHeightMode:e.sectionHeightModePhone,sectionHeightValue:e.sectionHeightValuePhone,sectionHeightUnit:e.sectionHeightUnitPhone})}function ET(e){let o=TT(e),t=Si(e)?Fm({sectionHeightMode:e.sectionHeightModePhone,sectionHeightValue:e.sectionHeightValuePhone,sectionHeightUnit:e.sectionHeightUnitPhone}):void 0;if(!o&&!t)return null;let r=[wT],a={...o??{}};return t&&(r.push(FT),a[km.base]=t[0],t[1]&&(a[km.small]=t[1])),{className:r.join(" "),style:a}}function ez(e){return ET(e)!==null}var gn="Stick to top",Vo={min:0,max:200,step:4,fallback:0},PT="sf-section-stick",LT="sf-section-stick-phone-on",OT="sf-section-stick-phone-off",Em={desktop:"--sf-stick-distance",phone:"--sf-stick-distance-phone"},tz=new Set(["CategoryBar","DocTabs","IntroBleed"]);function Pm(e){let o=typeof e=="number"&&Number.isFinite(e)?e:Vo.fallback;return Math.min(Vo.max,Math.max(Vo.min,Math.round(o)))}function Ci(e){return typeof e.stickTopPhone=="boolean"}function vi(e){let o=e.stickTop===!0,t=Pm(e.stickTopDistance),r=Ci(e),a=r?e.stickTopPhone===!0:o,n=r?Pm(e.stickTopDistancePhone):t;return{desktop:o,desktopDistance:t,phone:a,phoneDistance:n,ownPhone:r}}function rz(e){let o=vi(e);if(!o.desktop&&!o.phone)return null;let t=[PT],r={};return o.desktop&&(r[Em.desktop]=`${o.desktopDistance}px`),(o.ownPhone||o.phone!==o.desktop)&&(t.push(o.phone?LT:OT),o.phone&&(r[Em.phone]=`${o.phoneDistance}px`)),o.desktop||t.push("sf-section-stick-desktop-off"),{className:t.join(" "),style:r}}var RT=["column","row","tabs"],Lm="Direction",AT={column:"Stacked",row:"One row",tabs:"Tabs"},Om={Flex:RT,HeroGroup:["column","row"]},BT={Flex:"row",HeroGroup:"column"},_T={column:"flex-col",row:"flex-row",tabs:"flex-col"};function bn(e,o){return Om[e].includes(o)?o:BT[e]}function nz(e,o){return _T[bn(e,o)]}function Rm(e){return Om[e].map(o=>({label:AT[o],value:o}))}var wi=[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"Space between",value:"between"},{label:"End",value:"end"}],_m=[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"},{label:"Stretch",value:"stretch"}],Dm="Wrap",ki=[{label:"Wrap",value:"wrap"},{label:"No wrap",value:"nowrap"}],Am={start:"justify-start",center:"justify-center",between:"justify-between",end:"justify-end"},Bm={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"};function sz(e,o){let t=typeof e=="string"&&e in Am?Am[e]:"",r=typeof o=="string"&&o in Bm?Bm[o]:"";return[t,r].filter(Boolean).join(" ")}function iz(e){return e===!0||e==="wrap"?"flex-wrap":""}var Ti="Block widths",yn=[{label:"Fit content",value:"content",weights:null},{label:"Equal",value:"equal",weights:[1,1]},{label:"Big left",value:"bigLeft",weights:[2,1]},{label:"Big right",value:"bigRight",weights:[1,2]},{label:"Bigger left",value:"biggerLeft",weights:[3,1]},{label:"Bigger right",value:"biggerRight",weights:[1,3]}],$r="[&>*]:min-w-0 [&>*]:flex-1 [&>*]:basis-0",DT={equal:$r,bigLeft:`${$r} [&>*:first-child]:min-[800px]:grow-[2]`,bigRight:`${$r} [&>*:last-child]:min-[800px]:grow-[2]`,biggerLeft:`${$r} [&>*:first-child]:min-[800px]:grow-[3]`,biggerRight:`${$r} [&>*:last-child]:min-[800px]:grow-[3]`};function fz(e){return typeof e=="string"?DT[e]??"":""}var Nm="Columns on phone",Fi=1,Mm=3,NT={2:"max-[800px]:flex-wrap [&>*]:max-[800px]:min-w-0 [&>*]:max-[800px]:basis-[calc((100%_-_var(--sf-gap-len,0px))/2)]",3:"max-[800px]:flex-wrap [&>*]:max-[800px]:min-w-0 [&>*]:max-[800px]:basis-[calc((100%_-_var(--sf-gap-len,0px)_*_2)/3)]"};function cz(e){let o=Number(e);return NT[o]??"max-[800px]:flex-col"}var Hm="Block spacing",Ei=[{label:"Each block",value:"each"},{label:"Gap only",value:"gap"}],MT="sf-box-gap-only";function dz(e){return e==="gap"?MT:""}var HT=["solid","dashed","dotted"],zT=["top","right","bottom","left"],pz="sf-section-border",mz="sf-section-border-self",WT=/^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,zm=e=>typeof e=="number"&&Number.isFinite(e)?`${Math.min(20,Math.max(0,Math.round(e)))}px`:void 0;function Wm(e,{phone:o=!1}={}){if(!e||typeof e!="object")return;let t=o?"-phone":"",r={};for(let a of zT){let n=zm(e[a])??zm(e.width);n!==void 0&&(r[`--sf-border-${a}-width${t}`]=n)}return typeof e.style=="string"&&HT.includes(e.style)&&(r[`--sf-border-style${t}`]=e.style),typeof e.color=="string"&&WT.test(e.color)&&(r[`--sf-border-color${t}`]=e.color.toLowerCase()),Object.keys(r).length?r:void 0}function xz(e,o){let t=Wm(e),r=Wm(o,{phone:!0});return t||r?{...t,...r}:void 0}var $m="sf.gapContainer",Yo={min:-32,max:64,step:2},qm={Grid:{sm:12,md:24,lg:40},Flex:{sm:12,md:24,lg:40},FooterGroup:{sm:8,md:16,lg:32},HeroGroup:null,Events:null,GalleryB:null,ProductGrid:null},qt={Grid:24,Flex:24,FooterGroup:16,HeroGroup:0,Events:24,GalleryB:8,ProductGrid:2},GT=new Set(["Events","GalleryB"]);function qr(e,o,t){if(typeof o=="number"&&Number.isFinite(o)&&o>=Yo.min)return o;if(typeof o=="string"){let r=qm[e]?.[o];if(typeof r=="number")return r}return typeof t=="number"&&Number.isFinite(t)?t:qt[e]}var UT="sf-gap-overlap",$T="--sf-gap-overlap",jm="--sf-block-gap",qT="--sf-block-gap-rem",bt={min:0,max:Yo.max,step:Yo.step};function jT(e){if(typeof e!="number"||!Number.isFinite(e))return null;let o=Math.min(Math.max(Math.round(e),bt.min),bt.max);return o-o%bt.step}function hz(e){let o=jT(e);return o===null?{}:{[jm]:`${o}px`,[qT]:`${o/16}rem`}}var Gm="sf-gap-zone",Um="--sf-gap-len";function Pi(e,o){return typeof o=="number"&&Number.isFinite(o)&&o>=Yo.min?!0:typeof o=="string"&&typeof qm[e]?.[o]=="number"}var KT={block:"sf-gap-overlap-block",inline:"sf-gap-overlap-inline",both:"sf-gap-overlap-both"};function gz(e,o,t){if(!Pi(e,o)){let a=`${qt[e]}px`,n=GT.has(e)?`var(--sf-card-gap, ${a})`:a;return{className:` ${Gm}`,style:{[Um]:`var(${jm}, ${n})`}}}let r=qr(e,o);return r>=0?{className:` ${Gm}`,style:{[Um]:`${r}px`}}:{className:` ${UT} ${KT[t]}`,style:{gap:"0px",[$T]:`${-r/2}px`}}}var Km=["transparent","var(--section-bg)","var(--surface)","var(--surface-2)"],Vm={transparent:"No fill","var(--section-bg)":"Section band","var(--surface)":"Panels and cards","var(--surface-2)":"Second surface"},Sn="var(--section-bg)",Cn="inherit";function yz(e,o){return e===Cn?Sn:e===void 0?o:vn(e)}var VT=/var\(\s*--(surface-2|surface|line)\s*(?=[,)])/g;function vn(e){return e.replace(VT,"var(--site-$1")}function Ym(e,o){return e===Cn?!0:e===void 0&&o===Sn}var Xm=["transparent","var(--wheel-stage)","var(--surface)","var(--surface-2)"],Zm={transparent:"No fill","var(--wheel-stage)":"Image stage","var(--surface)":"Panels and cards","var(--surface-2)":"Second surface"},jt="var(--wheel-stage)",wn="transparent",jr="inherit";function vz(e,o){return vn(Li(e,o))}function Li(e,o){return e===jr?jt:e==null?o:e===!0?jt:e===!1?wn:e}function wz(e){return typeof e=="string"&&e!==jr?vn(e):jt}function kz(e){return e!==wn&&e!=="none"&&e!==""}function Qm(e,o){return e===jr||e===!0?!0:e==null?o===jt:!1}var Jm="inherit",kn="fixed",ex=e=>typeof e!="number"&&e!==kn,YT="var(--sf-heading-max, 9999px)";function Fz(e,o,t,r){if(typeof e=="number")return`${e}px`;if(e===kn)return o;let a=r?`var(--size-${r}, ${o})`:o;return t==="heading"?`min(${a}, ${YT})`:a}var _e={min:1e3,max:2e3,step:50,default:1600};function ox(e){return{maxWidth:e,marginInline:"auto",width:"100%"}}function Pz(e,o){if(e!==!1)return null;let t=typeof o=="number"?o:_e.default;return ox(t)}var tx="--sf-site-width",Tn=`var(${tx},${_e.default}px)`,Lz=`max-w-[${Tn}]`,Oz=`max-w-[${_e.default}px]`;function XT(e){return typeof e!="number"||!Number.isFinite(e)?_e.default:Math.round(Math.min(Math.max(e,_e.min),_e.max))}function Rz(e){let o=XT(e);return o===_e.default?{}:{[tx]:`${o}px`}}var So={min:0,max:80,step:4,default:40},rx="--sf-site-gutter",$e=`var(${rx},${So.default}px)`,ZT=`px-[${$e}]`;var Xo={md:`min(24px,${$e})`,sm:`min(20px,${$e})`,frame:`min(24px,${$e})`,tabs:`min(16px,${$e})`},Az=[[`max-[1100px]:px-[${Xo.md}]`,"max-[1100px]:px-6"],[`max-[1100px]:px-[${Xo.tabs}]`,"max-[1100px]:px-4"],[`max-[960px]:px-[${Xo.frame}]`,"max-[960px]:px-6"],[`max-[900px]:px-[${Xo.md}]`,"max-[900px]:px-6"],[`max-[800px]:px-[${Xo.md}]`,"max-[800px]:px-6"],[`max-[720px]:px-[${Xo.sm}]`,"max-[720px]:px-5"],[`max-[800px]:px-[${Xo.sm}]`,"max-[800px]:px-5"],[`max-[640px]:px-[${Xo.sm}]`,"max-[640px]:px-5"],[`min-[800px]:px-[${$e}]`,"min-[800px]:px-10"],[`max-[720px]:px-[min(24px,${$e})]`,"max-[720px]:px-6"],[`max-[800px]:-mx-[min(20px,${$e})]`,"max-[800px]:-mx-5"],[`max-[720px]:-mx-[min(20px,${$e})]`,"max-[720px]:-mx-5"],[`-mx-[${$e}]`,"-mx-10"],[ZT,"px-10"]];var Bz="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]";function QT(e){return typeof e!="number"||!Number.isFinite(e)?So.default:Math.round(Math.min(Math.max(e,So.min),So.max))}function _z(e){let o=QT(e);return o===So.default?{}:{[rx]:`${o}px`}}var Fn=`min(var(--sf-page-cap,${Tn}),${Tn})`,Dz=`max-w-[${Fn}]`,Nz=`max-w-[min(var(--sf-page-cap,${_e.default}px),${_e.default}px)]`,ax="--sf-hero-cap",JT=`var(${ax},none)`,Mz=`max-w-[${JT}]`,Oi="--sf-hero-bleed-m",Ri="--sf-hero-bleed-w",Hz=`var(${Oi},calc(50% - 50vw))`,zz=`var(${Ri},100vw)`,Wz=`mx-[var(${Oi},calc(50%_-_50vw))]`,Gz=`w-[var(${Ri},100vw)]`,Ai="--sf-hero-chrome-x",Bi="--sf-hero-chrome-cap";function Uz(e){return e===!0?{[ax]:Fn,[Oi]:"auto",[Ri]:"100%",[Ai]:"24px",[Bi]:"none"}:{}}var _i=`calc(${Tn} - ${$e}*2)`,$z=`max-w-[${_i.replace(/ /g,"_")}]`;var e0="--sf-chrome-cap",o0=`var(${e0},${_i})`,qz="data-page-width";function jz(e){return e==="full"?"full":null}function Kz(e){return e==="full"?null:ox(e==="content"?_i:o0)}function Vz(e){if(e==="full")return"full";if(e==="content")return"content"}var t0=["contained","page","full"],nx=["full","page"],Kr={full:"Full width",page:"Content width"},Di="inherit",r0=e=>typeof e=="string"&&t0.includes(e),a0=e=>e===Di;function Ni(e,o){let t=typeof e.pageWidth=="number"?e.pageWidth:_e.default;return a0(e.widthMode)?{mode:"full",pageWidth:t,inherited:!0}:e.widthMode==="contained"?{mode:"page",pageWidth:t,inherited:!1}:r0(e.widthMode)?{mode:e.widthMode,pageWidth:t,inherited:!1}:e.contained===!0?{mode:"page",pageWidth:t,inherited:!1}:typeof e.fullWidth=="boolean"?{mode:e.fullWidth?"full":"page",pageWidth:t,inherited:!1}:e.contained===!1?{mode:"full",pageWidth:t,inherited:!1}:{mode:o,pageWidth:t,inherited:o==="full"}}function Mi(e){return Ni(e,"page").mode==="full"}import{jsx as n0}from"react/jsx-runtime";import{createContext as l0,useContext as s0}from"react";var i0=2,f0=i0+1,lx=l0(2);function sx({tier:e,children:o}){return n0(lx.Provider,{value:e,children:o})}function Hi(e){let o=s0(lx);return f0+Math.max(0,e-o)}import{withStyleKind as fF}from"efficient-easel/style-clipboard";import{TEXT_CONTROL_KINDS as dG,SCALAR_TEXT_CONTROLS as uG}from"efficient-easel/draw";function Vt(e){for(let[o,t]of Object.entries(e))t&&typeof t=="object"&&!Do(t)&&fF(t,`section:${o}`);return e}function Ex(){return null}function Ui(e){if(!e.trim())throw new Error("noGlyph() needs a reason naming the ruling that decided it.");return I(Ex,{},e)}function cF(e){return e.type===Ex}function Co(e){return cF(e)?void 0:e}function St(e,o){return l("{value} from {from}",{value:e,from:o})}function dF(){let{appState:e}=Yr(a=>a),o=e.data.root?.props??{},{mode:t,pageWidth:r}=Ni(o,"full");return t==="page"?St(`${r}px`,l("the page")):t==="contained"?St(l("Contained"),l("the page")):St(l("Full"),l("the page"))}function uF(){let{blockGap:e}=X();return e===null?l("this container's own spacing"):St(`${e}px`,l("Site styles"))}function pF({inherited:e,onReset:o,label:t}){return I(qe,{words:j()?.panel,label:l(t),changed:!e,detail:uF(),onReset:o})}function mF({inherited:e,onReset:o,label:t}){return I(qe,{words:j()?.panel,label:l(t),changed:!e,detail:dF(),onReset:o})}function Yt({value:e,onChange:o,label:t,placeholder:r,hint:a,multiline:n,hideable:s=!0,markup:i=!0}){let{text:f,hidden:u}=Qo(e),p=Wi(null),m=Wi(null),x=w=>o(s?{text:w,hidden:u}:w),h=()=>o({text:f,hidden:!u}),b=s&&u,C=d0(),k=a?yF(a)?I("span",{className:"sf-hint-keep sf-hint-while-typing",children:l(a)}):I(tp,{children:l(a)}):void 0,v=u?l("Show {label} on the slide",{label:l(t)}):l("Hide {label} on the slide",{label:l(t)});return I(ne,{label:l(t),icon:I($0,{}),htmlFor:C,className:b?"is-hidden":void 0,hint:k,action:s?I(Fx,{content:v,children:I("button",{type:"button",className:"sf-field-eye","aria-pressed":u,"aria-label":v,onClick:h,children:u?I(ix,{name:"eye-off",size:14}):I(ix,{name:"eye",size:14})})}):void 0,children:Ct("div",{className:"sf-copybox",children:[i&&I(Qs,{target:n?m:p,value:f,onChange:x}),n?I("textarea",{id:C,ref:m,value:f,placeholder:r===void 0?void 0:l(r),onChange:w=>x(w.target.value)}):I("input",{id:C,ref:p,type:"text",value:f,placeholder:r===void 0?void 0:l(r),onChange:w=>x(w.target.value)})]})})}function lG(e,o){return{...e,[x0]:o}}function sG(e){let o=e[Bo];if(!o)throw new Error("withOffPage: the field holds no authored text");return{...e,[Bo]:{...o,offPage:!0}}}function Ln(e){return!e||typeof e!="object"?!1:e[Bo]?.offPage===!0}var Px="sfPanelOnly";function iG(e){if(!e[Bo])throw new Error("withPanelOnly: the field holds no authored text");return{...e,[Px]:!0}}function Lx(e){return!!e&&typeof e=="object"&&e[Px]===!0}function fG(e){let o=e[Bo];if(!o)throw new Error("withIdentifier: the field holds no authored text");return{...e,[Bo]:{...o,identifier:!0}}}function pG(e,o){if(!e[Bo])throw new Error("inOwnBox: the field holds no authored text");let{[Pp]:t,...r}=e;return{...r,[ei]:!0,render:o}}var xF=new Set(iF),Xt=(e,o)=>{let t={...o,[Bo]:e};if(!xF.has(e.control))return t;let r=o.render;return{...Hr(t,"authored-copy"),render:a=>I(Ap,{name:a.name,children:r(a)})}},mG="Everything else on this block comes from the linked post. Unlink it to edit by hand.",IF={field:"source.slug",set:!0},xG={not:IF},hF="Select a word, then press the highlighter.",gF="A short name so a link can jump straight to this section, like yoursite.com/page#about.",bF=new Set([hF]),yF=e=>bF.has(e);function IG(e,o,t){return Xt({control:"text",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:e,placeholder:o,hint:t})})}function hG(e,o,t){return Xt({control:"textarea",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:e,placeholder:o,hint:t,multiline:!0})})}function SF(e,o,t){return Xt({control:"plainText",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:e,placeholder:o,hint:t,hideable:!1,markup:!1})})}function gG(e,o,t){return Xt({control:"copyText",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:e,placeholder:o,hint:t,hideable:!1})})}function bG(e){return{type:"custom",[p0]:{label:e},render:({value:o,onChange:t})=>I(bm,{value:u0(o),onChange:t,label:e})}}function yG(e,o,t){return Xt({control:"plainTextarea",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:e,placeholder:o,hint:t,multiline:!0,hideable:!1})})}var Ox={Design:I0,Animation:xx};function Rx(e,o){return e.includes("Design")?o!=="Design":null}function CF({label:e}){return I(K0,{title:l(e),level:Hi(1)})}function vF({level:e,label:o}){return e===1?I(CF,{label:o}):I(Zt,{label:o})}function Ax(e,o){return{type:"custom",[Gi]:{label:e,level:o},render:()=>I(vF,{level:o,label:e})}}function He(e){return Ax(e,2)}function SG(e){return{type:"custom",render:()=>I(wF,{text:e})}}function wF({text:e}){return I("p",{className:"sf-note",children:l(e)})}function CG(e){return Ax(e,1)}function vG(e){return Do(e)!==null&&e?.tabs!==void 0}var fx=new Map;function On(e,o){let t=`${e}\0${o?o.join(""):""}`,r=fx.get(t)??{type:"custom",tabs:o,[Gi]:{label:e,level:1},bucket:e,marker:!0,render:()=>I(_o,{})};return fx.set(t,r),r}var cx=new Map;function $i(e){let o=cx.get(e)??{type:"custom",[Gi]:{label:e,level:1},designGroup:e,marker:!0,...e==="Content"?{}:{fold:e},render:()=>I(_o,{})};return cx.set(e,o),o}function kF(e){let o=e;return o?.marker===!0&&typeof o.fold=="string"?o.fold:null}function Bx(e,o){return kF(e)===o?e:{...e,marker:!0,fold:o,render:()=>I(_o,{})}}function _x(e){let o=e;if(o.marker===!0&&o.fold===void 0)return e;let{fold:t,...r}=e;return{...r,marker:!0,render:()=>I(_o,{})}}function Zt({label:e}){return I(V0,{title:l(e),level:Hi(2)})}function Dx({swatches:e,current:o,onPick:t,names:r}){let a=e.find(i=>i.toLowerCase()===o.toLowerCase()),n=a?r?.[a]:void 0,s=n?l(n):o;return Ct("div",{className:"sf-swatches",children:[e.map(i=>{let f=r?.[i]?l(r[i]):i;return I(Fx,{content:f,children:I("button",{type:"button","aria-pressed":o.toLowerCase()===i.toLowerCase(),className:`sf-swatch ${o.toLowerCase()===i.toLowerCase()?"is-active":""}`,style:{background:i},onClick:()=>t(i),"aria-label":f})},i)}),I("span",{className:"sf-swatch-hex",children:s})]})}function wG(e,o){return{type:"custom",render:({value:t,onChange:r})=>{let a=Ym(t,o);return I(ne,{label:l(e),icon:I(y0,{}),changed:!a,action:I(qe,{words:j()?.panel,label:l(e),changed:!a,detail:l("the theme's section background"),onReset:()=>r(Cn)}),children:Dx({swatches:Km,current:a?Sn:t??o??"",onPick:r,names:Vm})})}}}function TF(e,o){return{type:"custom",render:({value:t,onChange:r})=>{let a=t,n=Qm(a,o);return I(ne,{label:l(e),icon:I(A0,{}),changed:!n,action:I(qe,{words:j()?.panel,label:l(e),changed:!n,detail:l("the theme's image stage"),onReset:()=>r(jr)}),children:Dx({swatches:Xm,current:n?jt:Li(a,o),onPick:r,names:Zm})})}}}function Rn(e=t=>t,o){return Vt({_gSectionTheme:He(lp),sectionAccent:{type:"custom",render:({value:t,onChange:r})=>I(nm,{value:e(t),onChange:r,followLabel:o})}})}function je({min:e,max:o,step:t,value:r,onChange:a,suffix:n="",readout:s=!0,notch:i,ariaLabel:f,disabled:u=!1}){let p=i!==void 0&&Number.isFinite(i)&&i>=e&&i<=o;return I("div",{className:p?"sf-slider has-notch":"sf-slider",style:p?{"--sf-notch":(i-e)/(o-e)}:void 0,children:I(sF,{min:e,max:o,step:t,value:r,suffix:n||void 0,showInput:s,label:f===void 0?void 0:l(f),disabled:u,size:"sm",className:"sf-slider-track",onChange:m=>{m!==null&&m!==r&&a(m)}})})}function Kt(e,o,t,r,a,n,s="",i){return{type:"custom",render:f=>I(ne,{label:l(e),icon:Co(o),action:i?i("storedValue"in f?f.storedValue:f.value,f.onChange):void 0,children:je({min:t,max:r,step:a,value:typeof f.value=="number"?f.value:n,suffix:s,ariaLabel:e,onChange:f.onChange})})}}function Nx(e,o){let{min:t,max:r,step:a=1,unsetLabel:n,hint:s,restTrack:i,unsetMark:f,icon:u}=o;return{type:"custom",render:({value:p,onChange:m})=>{let x=typeof p=="number"?p:null,h=x===null;return I(ne,{label:l(e),icon:u?Co(u):void 0,value:h?f||n===void 0?void 0:l(n):`${x}px`,changed:!h,action:f?px(f,{changed:!h,onReset:()=>m(null)}):I(qe,{words:j()?.panel,label:l(e),changed:!h,onReset:()=>m(null)}),hint:typeof s=="string"?l(s):s,children:i?i({min:t,max:r,step:a,px:x,label:e,onChange:m}):je({min:t,max:r,step:a,value:x??t,readout:!1,ariaLabel:e,onChange:m})})}}}function kG(e){let o=Kt("Gap",I(hx,{}),Yo.min,Yo.max,Yo.step,qt[e],"px",(t,r)=>I(pF,{inherited:!Pi(e,t),onReset:()=>r(void 0),label:"Gap"}));return{type:"custom",[$m]:e,render:t=>o.render({...t,value:qr(e,t.value,t.field?.siteGap),storedValue:t.value,onChange:r=>t.onChange(r)})}}var An="Corners";function qi(e){return{type:"custom",render:({value:o,onChange:t})=>{let r=typeof o=="number"&&Number.isFinite(o)?o:null,a=r!==null;return I(ne,{label:l(An),icon:I(k0,{}),changed:a,action:px(e.mark,{changed:a,onReset:()=>t(null)}),hint:e.hint,children:I(FF,{tier:e,px:r,onRadius:t})})}}}function Mx(e){let o=null;try{o=mx()}catch{o=null}return[o?.values?.[e],t=>o?.onChange(e,t)]}function FF({tier:e,px:o,onRadius:t}){let r=e.useFollowed(),a=e.useClosedReason?e.useClosedReason():null,[n,s]=Mx(e.sidesKey),i=Po(n)??[...ct];return I(nF,{label:l(An),value:i,corners:Nu,onChange:f=>{let u=Po(f)??[];s(u.length===ct.length?null:u)},radius:o,onRadiusChange:t,radiusMin:oo,radiusMax:lt,radiusStep:e.step??1,radiusPlaceholder:String(r),disabled:a!==null,disabledReason:a??void 0})}function Hx(){return Hr({type:"custom",render:()=>I(Wt,{})},"always")}function EF({label:e,changed:o=!1,onReset:t=()=>{}}){let{cornerRadiusPx:r}=X(),a=typeof r=="number"?`${r}px`:l("not set");return I(qe,{words:j()?.panel,label:l(e),changed:o,detail:r==null?l("the built-in corners"):St(a,l("Site styles")),onReset:t})}function PF(){let{cornerRadiusPx:e}=X();return typeof e=="number"?e:oo}function LF(){return qi({sidesKey:"sectionCornerSides",useFollowed:PF,useClosedReason:()=>Wx()?l(zx):null,mark:I(EF,{label:An}),hint:I(OF,{})})}var zx="This section runs edge to edge, so its corners sit off the page. Set Width to Content width to use them.";function Wx(){return Mi(vt())}function OF(){return I(_o,{children:Wx()?zx:"Follows Site styles \u25B8 Basics \u25B8 Corners until you set a number here."})}function Bn(){return Vt({_gShape:He("Shape"),sectionCorners:LF(),sectionCornerSides:Hx(),sectionBorder:dx("desktop"),sectionBorderPhone:dx("mobile")})}var RF=()=>({width:l("Border width"),sides:{top:l("Border top"),right:l("Border right"),bottom:l("Border bottom"),left:l("Border left")},style:l("Border style"),styles:{solid:l("Solid"),dashed:l("Dashed"),dotted:l("Dotted")},color:l("Border color"),unit:"px"});function AF(e){let o=Object.fromEntries(Object.entries(e).filter(([,t])=>t!=null&&t!==""));return Object.keys(o).length?o:void 0}function BF(){let e;try{let o=Qe(X().theme);e=o.themes[o.selected]?.line}catch{e=void 0}return e||Zd.line}function _F({value:e,onChange:o,tier:t}){let[r]=Mx("sectionBorder"),a=BF(),n=e&&typeof e=="object"?e:{},s=t==="mobile"?r&&typeof r=="object"?r:{}:{},[i,f]=Pn(()=>eF(n,s)),u=RF();return I(ne,{label:l("Border"),icon:I(S0,{}),action:I(wx,{each:i,label:l("Each side"),onChange:f}),children:I(Y0,{label:l("Border"),value:n,each:i,onChange:p=>o(AF(p)),placeholder:{sides:J0(s),style:s.style??"solid",color:s.color||a},presets:[a],words:u,max:20})})}function dx(e){return ve(e,{type:"custom",render:({value:o,onChange:t})=>I(_F,{value:o,onChange:t,tier:e})})}function _n(){return{_gMotion:He("Motion"),sectionAnimation:Vi("Entrance",I(xx,{}),[...ip],$s)}}function ji(){let e=null;try{let{appState:o,selectedItem:t}=Yr(a=>a),r=t?.props?.id?String(t.props.id):void 0;e=r?js(o?.data,r):null}catch{e=null}return e!==null&&Mi(e)}function Gx(e){let{cornerRadiusPx:o}=X(),t=ji(),r=typeof o=="number"?o:e,a=null;try{let{appState:s,selectedItem:i}=Yr(u=>u),f=i?.props?.id?String(i.props.id):void 0;a=f?js(s?.data,f):null}catch{a=null}if(t||!a)return r;let n=a.sectionCorners;return Rs(n)?n:r}function DF({label:e,changed:o=!1,onReset:t=()=>{}}){let r=ji(),a=Gx(oo),n=r?"Site":"Section";return I(qe,{words:j()?.panel,label:l(e),changed:o,detail:St(`${a}px`,r?l("Site styles"):l("the section")),onReset:t})}function NF(){return I(_o,{children:ji()?l("The section is full width, so this card follows Site styles \u25B8 Basics \u25B8 Corners."):l("Follows the section's Corners until you set a number here.")})}function MF(){return qi({sidesKey:"cardCornerSides",useFollowed:()=>Gx(oo),mark:I(DF,{label:An}),hint:I(NF,{})})}function HF(){return{type:"custom",render:()=>I($u,{})}}function TG(){return{_gShape:He("Shape"),cardCorners:MF(),cardCornerSides:Hx(),cardCornersApplyAll:HF()}}function FG(){return Zo("Justify",I(b0,{}),wi,wi[0].value)}function EG(){return Zo("Item alignment",I(h0,{}),_m,"stretch")}function PG(){return Zo(Dm,I(j0,{}),ki,ki[0].value)}function LG(){return{type:"custom",render:({value:e,onChange:o})=>{let t=yn.find(r=>r.value===e)??yn[0];return I(ne,{label:l(Ti),icon:I(Ix,{}),value:l(t.label),children:I(Tx,{className:"sf-gallery-layouts",label:l(Ti),value:t.value,onChange:o,options:yn.map(r=>({value:r.value,label:l(r.label),picture:I("span",{className:"sf-gallery-pic",children:zF(r.weights).map((a,n)=>I("i",{style:{gridColumn:`span ${a}`}},n))})}))})})}}}function zF(e){if(!e)return[3,4];let o=e.reduce((t,r)=>t+r,0);return e.map(t=>Math.round(t/o*12))}function OG(){return Zo(Hm,I(hx,{}),Ei,Ei[0].value)}function RG(){return Kt(Nm,I(M0,{}),Fi,Mm,1,Fi)}function AG(e){let o=Vi(Lm,Ui("`Direction` names how a container's children run \u2014 a MODIFIER, not a thing. doc/naming.md N10.1 gives the idea a dash in its Glyph column; editor-shell's own `direction` meaning says the bare row is CORRECT and not an omission (SS seat, 2026-09-11)."),Rm(e),bn(e,void 0));return{type:"custom",render:t=>o.render({...t,value:bn(e,t.value),onChange:r=>t.onChange(r)})}}function BG(e,o,t,r,a,n){return{type:"custom",render:({value:s,onChange:i})=>I(ne,{label:l(e),icon:I(zs,{noun:n}),action:I(qe,{words:j()?.panel,label:l(e),changed:!ex(s),detail:l("the Text style in Site styles"),onReset:()=>i(Jm),defaultAction:{onPress:()=>i(kn),title:l("Keep this section's own built-in size"),icon:I(C0,{})}}),children:je({min:o,max:t,step:r,value:typeof s=="number"?s:a,suffix:"px",ariaLabel:e,onChange:i})})}}function _G(){return{_gCellWidth:He("Cell width"),gridSpan:Zo("Positions",I(Ix,{}),[{label:"Auto",value:""},...Array.from({length:Xa},(e,o)=>({label:o===0?"1 position":`${o+1} positions`,value:String(o+1)}))],"")}}function vt(){let e=null;try{e=Yr(o=>o).selectedItem}catch{e=null}return e?.props??{}}function WF({min:e,max:o,step:t,px:r,label:a,onChange:n,desktopKey:s,fallback:i}){let f=vt()[s],u=nn(void 0,f,i);return I(_o,{children:je({min:e,max:o,step:t,value:nn(r,f,i),readout:!1,ariaLabel:a,notch:u,onChange:n})})}function GF({label:e,desktopKey:o,fallback:t,changed:r=!1,onReset:a=()=>{}}){let n=vt()[o],s=nn(void 0,n,t);return I(qe,{words:j()?.panel,label:l(e),changed:r,detail:l("{value} on desktop",{value:`${s}px`}),onReset:a})}function UF(e){return Nx(e.label,{icon:e.icon,min:e.min,max:e.max,step:e.step,unsetLabel:"Follows Desktop",unsetMark:I(GF,{label:e.label,desktopKey:e.desktopKey,fallback:e.fallback}),restTrack:o=>I(WF,{...o,desktopKey:e.desktopKey,fallback:e.fallback})})}function DG(e){return{type:"custom",render:({value:o,onChange:t})=>I(qF,{...e,value:o,onChange:t})}}function $F({label:e,icon:o,options:t,value:r,resolved:a,restWord:n,onChange:s}){let i=t.some(f=>f.value===r);return I(ne,{label:l(e),icon:Co(o),action:I(qe,{words:j()?.panel,label:l(e),changed:i,detail:l("{value} on desktop",{value:l(n)}),onReset:()=>s(void 0)}),children:zn({options:t,value:i?r:a,onChange:f=>s(f),ariaLabel:e})})}function qF({label:e,icon:o,options:t,desktopKey:r,resolve:a,value:n,onChange:s}){let i=vt()[r],f=a(void 0,i),u=t.find(p=>p.value===f)?.label??"";return I($F,{label:e,icon:o,options:t,value:n,resolved:f,restWord:u,onChange:s})}var jF={Top:"Padding top",Bottom:"Padding bottom",Left:"Padding left",Right:"Padding right"},KF={Top:Cx,Bottom:bx,Left:yx,Right:Sx},VF=e=>{let o=KF[e];return I(o,{})};function NG(e={}){let o=e.keys?.top??"sectionPaddingTop",t=e.keys?.bottom??"sectionPaddingBottom",r=e.group!==!1,a=k=>jF[k],n=k=>Kt(a("Top"),I(Cx,{}),lo.min,lo.max,lo.step,k,"px"),s=(k,v,w,g=lo)=>ve("mobile",UF({label:a(k),icon:VF(k),desktopKey:v,min:g.min,max:g.max,step:g.step,fallback:w})),i=e.top??lo.min,f=e.bottom??lo.min,u="sectionPaddingLeft",p="sectionPaddingRight",m=e.sideBounds??lo,x=e.side??m.min,h=e.sidePhone??x,b=e.phone===!0,C=k=>b?ve("desktop",k):k;return Vt({...r?{_gSpacing:He("Padding")}:{},[o]:C(n(i)),...b?{[Ro(o)]:s("Top",o,i)}:{},...e.only==="top"?{}:{[t]:C(Kt(a("Bottom"),I(bx,{}),lo.min,lo.max,lo.step,f,"px")),...b?{[Ro(t)]:s("Bottom",t,f)}:{}},...e.sides?{[u]:C(Kt(a("Left"),I(yx,{}),m.min,m.max,m.step,x,"px")),...b?{[Ro(u)]:s("Left",u,h,m)}:{},[p]:C(Kt(a("Right"),I(Sx,{}),m.min,m.max,m.step,x,"px")),...b?{[Ro(p)]:s("Right",p,h,m)}:{}}:{}})}var Vr=["top","right","bottom","left"],YF={top:"sectionPaddingTop",right:"sectionPaddingRight",bottom:"sectionPaddingBottom",left:"sectionPaddingLeft"},ux=e=>typeof e=="number"?e:null;function XF(e,o,t){let r={};for(let a of Vr)t[a]!==o[a]&&(r[e[a]]=t[a]??void 0);return r}function ZF({tier:e,o}){let t=null;try{t=mx()}catch{t=null}let r=t?.values??{},a=e==="mobile"?o.phoneKeys:o.keys,n=Object.fromEntries(Vr.map(u=>[u,ux(r[a[u]])])),s=Object.fromEntries(Vr.map(u=>[u,String(e==="mobile"?ux(r[o.keys[u]])??o.fallback[u]:o.fallback[u])])),[i,f]=Pn(()=>Q0(n,s));return I(ne,{label:l("Padding"),icon:I(N0,{}),action:I(wx,{each:i,label:l("Each side"),onChange:f}),children:I(Z0,{label:l("Padding"),each:i,value:n,placeholder:s,min:o.min,max:o.max,step:o.step,onChange:u=>{let p=XF(a,n,u);Object.keys(p).length&&t?.onChangeMany(p)},words:{sides:{top:l("Padding top"),right:l("Padding right"),bottom:l("Padding bottom"),left:l("Padding left")},vertical:l("Top and bottom"),horizontal:l("Left and right"),unit:"px"}})})}function Dn(e={}){let o={...YF,...e.keys},t={keys:o,phoneKeys:Object.fromEntries(Vr.map(i=>[i,Ro(o[i])])),fallback:{top:0,right:0,bottom:0,left:0,...e.fallback},min:e.min??0,max:e.max??200,step:e.step??4},r=e.phone!==!1,a=i=>{let f={type:"custom",render:()=>I(ZF,{tier:i,o:t})};return r?ve(i,f):f},n=()=>Hr({type:"custom",render:()=>I(Wt,{})},"always"),s=Vr.filter(i=>i!=="top");return Vt({...e.group===!1?{}:{_gSpacing:He("Padding")},[t.keys.top]:a("desktop"),...r?{[t.phoneKeys.top]:a("mobile")}:{},...Object.fromEntries(s.map(i=>[t.keys[i],{...n(),reachedBy:t.keys.top}])),...r?Object.fromEntries(s.map(i=>[t.phoneKeys[i],ve("mobile",n())])):{}})}var QF={contained:"Contained",page:"Page",full:"Full"},En="Width";function Nn(e,o=nx,t=!0){let r=o.map(a=>({label:Kr[a]??QF[a],value:a}));return Vt({...t?{_gWidth:He(En)}:{},widthMode:{type:"custom",render:({onChange:a,field:n})=>I(ne,{label:l(En),icon:I(q0,{}),action:t?I(mF,{inherited:n?.inherited??!1,onReset:()=>a(Di),label:En}):void 0,children:zn({options:r,value:n?.currentValue||e,onChange:a,ariaLabel:En})})}})}function Mn(){let e=r=>({type:"custom",render:({value:a,onChange:n})=>I(ne,{label:$t,icon:Co(I(B0,{})),action:r?r(n):void 0,children:zn({options:[{label:"Auto",value:"auto"},{label:"Fixed",value:"fixed"},{label:"Screen",value:"screen"}],value:["auto","fixed","screen"].includes(a)?a:"auto",onChange:n,ariaLabel:$t})})}),o=()=>({type:"custom",render:({value:r,onChange:a,field:n})=>{let s=n?.unit==="%"?"%":"px",i=s==="%"?yi:bi;return I("div",{className:"sf-field",children:je({min:i.min,max:i.max,step:i.step,value:typeof r=="number"?r:i.fallback,suffix:s,ariaLabel:$t,onChange:a})})}}),t=()=>Vi("Unit",I(gx,{}),[{label:"px",value:"px"},{label:"%",value:"%"}],"px");return Vt({_gHeight:He($t),sectionHeightMode:ve("desktop",e()),sectionHeightValue:ve("desktop",o()),sectionHeightUnit:ve("desktop",t()),sectionHeightModePhone:ve("mobile",e(r=>I(JF,{onClear:()=>r(void 0)}))),sectionHeightValuePhone:ve("mobile",o()),sectionHeightUnitPhone:ve("mobile",t())})}function JF({onClear:e}){let o=vt(),t=Si(o),r=hn(o),a=l("{value} on desktop",{value:r.mode==="auto"?l("Auto"):`${r.value}${r.unit}`});return I(qe,{words:j()?.panel,label:l($t),changed:t,detail:a,onReset:e})}function Ki(){let e=t=>({type:"custom",render:({value:r,onChange:a,id:n,name:s})=>I(eE,{value:r,onChange:a,labelId:`${n??s??"stickTop"}-label`,phone:t})}),o=()=>({type:"custom",render:({value:t,onChange:r})=>I("div",{className:"sf-field",children:je({min:Vo.min,max:Vo.max,step:Vo.step,value:typeof t=="number"?t:Vo.fallback,suffix:"px",ariaLabel:l("Distance from top"),onChange:r})})});return{_gStick:He(gn),stickTop:ve("desktop",e(!1)),stickTopDistance:ve("desktop",o()),stickTopPhone:ve("mobile",e(!0)),stickTopDistancePhone:ve("mobile",o())}}function eE({value:e,onChange:o,labelId:t,phone:r}){let a=vt(),n=vi(a),s=r?n.phone:e===!0;return I(ne,{label:l(gn),labelId:t,icon:Co(I(W0,{})),action:Ct(_o,{children:[r?I(qe,{words:j()?.panel,label:l(gn),changed:Ci(a),detail:l("{value} on desktop",{value:n.desktop?`${n.desktopDistance}px`:l("Off")}),onReset:()=>o(void 0)}):null,I(kx,{checked:s,onChange:o,ariaLabelledBy:t})]})})}function Hn(){return{_gAnchor:He("Anchor"),anchor:SF("Anchor name","e.g. about",gF)}}function MG(e,o,t){return{type:"custom",render:({value:r,onChange:a,id:n,name:s})=>{let i=`${n??s??e}-datetime`,f=Date.parse(typeof r=="string"?r:"");return I(ne,{label:l(e),icon:o,htmlFor:i,hint:t===void 0?void 0:l(t),children:I(lF,{id:i,value:Number.isFinite(f)?new Date(f):null,onChange:u=>a(u?u.toISOString():"")})})}}}function yt(e,o,t){return{type:"custom",render:({value:r,onChange:a,id:n,name:s})=>{let i=typeof r=="boolean"?r:o,f=`${n??s??e}-label`;return I(ne,{label:l(e),labelId:f,icon:t,action:I(kx,{checked:i,onChange:a,ariaLabelledBy:f})})}}}function HG(){return{type:"custom",render:({value:e,onChange:o,id:t,name:r})=>{let a=`${String(t??r??"pageBackground")}-colour`;return I(ne,{label:l("Background"),icon:I(vx,{}),htmlFor:a,action:I(to,{id:a,label:"Background",value:Ws(e),onChange:o})})}}}var zG={follows:"fill"},WG={follows:"ink"};function GG(e,o,t){if(typeof o!="string"){let r=o.follows;return{type:"custom",render:({value:a,onChange:n})=>I(oE,{label:e,part:r,icon:t,value:a,onChange:n})}}return{type:"custom",render:({value:r,onChange:a})=>I(ne,{label:l(e),icon:t,action:to({value:r||o,onChange:a,label:e})})}}function oE({label:e,part:o,icon:t,value:r,onChange:a}){let n=tu(X().theme),s=o==="fill"?n.fill:n.ink;return I(rn,{label:l(e),icon:t,value:r||"",inherited:s,resetTo:St(s.toUpperCase(),l("Site styles")),onChange:a,onReset:()=>a("")})}var tE=[{value:"0% 0%",label:"Top left"},{value:"50% 0%",label:"Top"},{value:"100% 0%",label:"Top right"},{value:"0% 50%",label:"Left"},{value:"50% 50%",label:"Center"},{value:"100% 50%",label:"Right"},{value:"0% 100%",label:"Bottom left"},{value:"50% 100%",label:"Bottom"},{value:"100% 100%",label:"Bottom right"}];function Ux({label:e,value:o,onChange:t,points:r=tE}){let a=r.map(n=>({...n,label:l(n.label),...n.title?{title:l(n.title)}:null}));return I(aF,{label:l(e),value:o,points:a,onChange:t})}function UG(){return Hr({type:"custom",render:()=>I(Wt,{})},"always")}var rE=Ns([]);function $G(e,{stacking:o,fallback:t=Za}){return{type:"custom",render:({value:r,onChange:a})=>{let n=ho.includes(r)?r:t;return o?I(aE,{label:e,value:n,onChange:a}):$x({label:e,value:n,onChange:a,points:rE})}}}function aE({label:e,value:o,onChange:t}){let{appState:r,selectedItem:a}=Yr(i=>i),n=a?.props?.id?String(a.props.id):void 0,s=n?Hs(r?.data,n):[];return $x({label:e,value:o,onChange:t,points:Ns(s,n)})}function $x({label:e,value:o,onChange:t,points:r}){let a=r.find(n=>n.disabled);return I(ne,{label:l(e),icon:I(H0,{}),hint:a?.title?l(a.title):void 0,children:Ux({label:e,value:dt(o),onChange:t,points:r})})}var qG={top:I(P0,{}),right:I(E0,{}),bottom:I(T0,{}),left:I(F0,{})};function jG(e,o,t,r,a,n){let s=p=>o.find(m=>m.value===p),i=p=>({value:p,label:"",disabled:!0,title:r}),f=p=>{let m=o.find(h=>h.cell===p);if(!m)return i(`missing-${p}`);let x=n?.[p];return x?{value:m.value,label:m.label,icon:x}:{value:m.value,label:m.label}},u=[i("corner-top-left"),f("top"),i("corner-top-right"),f("left"),i("centre"),f("right"),i("corner-bottom-left"),f("bottom"),i("corner-bottom-right")];return{type:"custom",render:({value:p,onChange:m})=>{let x=o.some(h=>h.value===p)?p:t;return I(ne,{label:l(e),icon:a,value:s(x)?.label?l(s(x).label):"",children:Ux({label:e,value:x,onChange:m,points:u})})}}}var nE="\0note";function Zo(e,o,t,r,a){return{type:"custom",options:t,fallback:r,...a?{note:a}:{},render:({value:n,onChange:s,field:i})=>{let f=i.options??t,u=i.fallback??r,p=f.some(m=>m.value===n)?n:u;return I(ne,{label:l(e),icon:Co(o),children:I(oF,{value:p,ariaLabel:l(e),onChange:s,options:[...a?[{label:l(a),value:nE,disabled:!0}]:[],...f.map(m=>({label:l(m.label),value:m.value}))]})})}}}function KG(e,o,t){return{type:"custom",options:o,render:({value:r,onChange:a,field:n})=>I(Up,{label:e,options:(n.options??o).map(s=>({...s,label:l(s.label)})),value:Array.isArray(r)?r:[],onChange:a,...t?{emptyLabel:l(t)}:{}})}}function VG(e,o={}){return{type:"custom",render:({value:t,onChange:r})=>{let a={value:t,onChange:r,...o};return I(e,{...a})}}}function zn({options:e,value:o,onChange:t,ariaLabel:r,disabled:a=!1}){return I(X0,{options:e.map(n=>n.picture?{id:n.value,label:n.picture,title:l(n.title??n.label)}:{id:n.value,label:l(n.label),title:n.title===void 0?void 0:l(n.title)}),value:o,onChange:t,ariaLabel:l(r),disabled:a})}var YG=[{label:"Image",value:"image"},{label:"Video",value:"video"}];function Vi(e,o,t,r){let a=t.map(n=>typeof n=="string"?{label:n,value:n}:n);return{type:"custom",render:({value:n,onChange:s,field:i})=>I(ne,{label:l(e),icon:Co(o),children:zn({options:a,value:a.some(f=>f.value===n)?n:n||i?.currentValue||r,onChange:s,ariaLabel:e})})}}function XG(e,o,t,r={}){return{type:"custom",[m0]:!0,render:({value:a,onChange:n})=>I(Wp,{value:a||"",onChange:n,label:e,accept:o,placeholder:t,focusKey:r.focus,focusWhen:r.focusWhen})}}function ZG({value:e,onChange:o,label:t}){let r=e||{},a=!!r.pending,n=a?"var(--fg-dim, #888)":r.ok?"#1d9e75":"#d85a30",s=(i,f)=>o({...r,[i]:f===""?void 0:Number(f)});return Ct(ne,{label:l(t),icon:I(zi,{}),children:[I("button",{type:"button",disabled:a,onClick:()=>o({...r,pending:!0,ok:!1,status:"Finding\u2026"}),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",gap:6,padding:"8px 10px",fontSize:13,cursor:a?"default":"pointer",opacity:a?.6:1,border:"1px solid var(--border-strong, #ccc)",borderRadius:6,background:"transparent",color:"inherit"},children:a?l("Finding\u2026"):l("Find coordinates")}),r.status&&I("div",{style:{marginTop:6,fontSize:12,lineHeight:1.4,color:n},children:l(r.status)}),I("div",{style:{marginTop:6,fontSize:11,color:"var(--fg-dim, #999)"},children:l("Coordinates from OpenStreetMap")}),I("button",{type:"button",onClick:()=>o({...r,manual:!r.manual}),style:{marginTop:8,padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer",textDecoration:"underline"},children:r.manual?l("Hide manual coordinates"):l("Enter coordinates manually")}),r.manual&&Ct("div",{style:{marginTop:8,display:"grid",gap:8},children:[I(ne,{label:l("Latitude"),icon:I(zi,{}),children:I("input",{type:"number",step:"any",placeholder:l("e.g. {example}",{example:"34.0990198"}),value:typeof r.lat=="number"?r.lat:"",onChange:i=>s("lat",i.target.value)})}),I(ne,{label:l("Longitude"),icon:I(zi,{}),children:I("input",{type:"number",step:"any",placeholder:l("e.g. {example}",{example:"-117.9842833"}),value:typeof r.lng=="number"?r.lng:"",onChange:i=>s("lng",i.target.value)})})]})]})}function lE(e,o){return o===null||o<0||o>=e.length?"":e[o]?.text??""}function sE(e,o,t){let r=e.map(a=>({text:a?.text??""}));return o===null||o<0||o>=e.length?r:r.map((a,n)=>n===o?{text:t}:a)}function iE(e,o,t){if(t===null||t>=o.length)return null;for(let r=0;r<t;r+=1)if(e[r]!==o[r])return null;return e[t]!==o[t]&&o.includes(e[t])||e[t]!==o[t]&&o.length!==e.length?null:t}var Yi={label:"Ticker items",icon:I(D0,{})};function QG(e,o,t,r){return{type:"custom",[Bo]:{control:"textList",label:e,placeholder:t,itemKey:"text",rendering:r},render:({value:a,onChange:n})=>I(Xi,{label:e,icon:Co(o),items:Array.isArray(a)?a:[],placeholder:t,onChange:n,markup:r==="markup"})}}function Xi({label:e,icon:o,items:t,placeholder:r,onChange:a,markup:n=!1}){let s=Wi(null),[i,f]=Pn(null),u=m=>m.map(x=>({text:x?.text??""})),p=m=>{let x=iE(t,m,i);x===null&&(s.current=null),f(x),a(u(m))};return I(tF,{label:l(e),icon:o,noun:l("item"),items:t,onChange:p,newItem:()=>({text:""}),open:null,onOpen:()=>{},renderItem:()=>null,above:n?I(Qs,{target:s,value:lE(t,i),onChange:m=>a(sE(t,i??-1,m)),disabled:i===null,label:i===null?l("Formatting \u2014 click a row first"):l("Formatting \u2014 row {n}",{n:i+1})}):void 0,renderRow:(m,x,h)=>I("input",{type:"text",className:n&&i===x?"sf-list-marking":void 0,value:m?.text??"",placeholder:l(r),"aria-label":l("{label} {n}",{label:l(e),n:x+1}),onChange:b=>h({text:b.target.value}),onFocus:b=>{s.current=b.currentTarget,f(x)}})})}function qx(e,o){let t=`${e.label} \u2014 row ${o+1}`;return Xt({control:"plainText",label:t,placeholder:e.placeholder,offPage:e.offPage},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:l("{label} \u2014 row {n}",{label:l(e.label),n:o+1}),placeholder:e.placeholder,hideable:!1,markup:e.rendering==="markup"})})}function jx(e){return{_gCards:He("Cards"),coverIndex:Zo("Cover image",I(_0,{}),_p,String(1),e?.coverHint??"A card's opening picture \u2014 a card pinned to a finish keeps its own."),imageBackground:TF("Image background",wn),cardImage:cE(),spinOnHover:yt("Rotate on hover",e?.spinDefault??!0,I(G0,{}))}}function Kx(){return{outline:Zo("Card outline",I(U0,{}),li,ai),indexBadge:Zo("Card number",I(gx,{}),ni,ri),showBadge:yt("Product badge",!0,I(zs,{noun:"tag"}))}}function Vx(e){let o=e&&"bottomDefault"in e?e.bottomDefault:!0,t=e&&"defaults"in e?e.defaults:{showCardSizes:o,showCardBuy:o,showCardPage:o};return{_gShowOnCard:He("Show on a card"),showCardPrice:yt("Price",!0,I(L0,{})),showCardFinishes:yt("Finish swatches",!0,I(O0,{})),showCardSizes:yt("Sizes",t.showCardSizes,I(z0,{})),showCardBuy:yt("Buy button",t.showCardBuy,I(v0,{})),showCardPage:yt("Page button",t.showCardPage,I(vx,{}))}}function JG(e,o="display"){let t=Ro(o);return{[o]:ve("desktop",{type:"custom",render:({value:r,onChange:a})=>I(Yx,{parts:e,changed:cp(r),shown:n=>tn(r,n),onPress:(n,s)=>a(up(r,n,s)),onReset:()=>a(void 0)})}),[t]:ve("mobile",{type:"custom",render:({value:r,onChange:a})=>I(fE,{parts:e,desktopKey:o,value:r,onChange:a})})}}function Yx({parts:e,changed:o,shown:t,onPress:r,onReset:a,detail:n}){let s=l("Display");return I(ne,{label:s,icon:I(g0,{}),changed:o,action:I(qe,{words:j()?.panel,label:s,changed:o,detail:n,onReset:a}),children:I(rF,{label:s,items:e.map(i=>({id:i.id,label:l(i.label),shown:t(i.id)})),onChange:r})})}function fE({parts:e,desktopKey:o,value:t,onChange:r}){let a=vt()[o];return I(Yx,{parts:e,changed:dp(t),shown:n=>Ks(a,t,n),onPress:(n,s)=>r(pp(t,n,s)),onReset:()=>r(ln),detail:l("the same as Desktop")})}function cE(){return Nx("Card image",{min:oo,max:lt,step:qu,hint:"Rounds the picture. The card's own corner is in Site styles."})}function eU(){return qi({sidesKey:"cornerSides",step:ju,useFollowed:()=>oo,mark:I(dE,{label:Ku}),hint:l("Rounds the picture. Left alone it stays square.")})}function dE({label:e,changed:o=!1,onReset:t=()=>{}}){return I(qe,{words:j()?.panel,label:l(e),changed:o,onReset:t})}function oU(){return{type:"custom",render:({value:e,onChange:o})=>I(uE,{value:typeof e=="string"?e:"",onChange:o})}}function uE({value:e,onChange:o}){let[t,r]=Pn(null),a=Bs.filter(s=>t===null||Lo[s].across===t),n=e&&e in Lo?Lo[e]:null;return Ct(_o,{children:[I(ne,{label:l("Photos in a row"),icon:I(w0,{}),children:Ct("div",{className:"sf-gallery-filter",children:[I("button",{type:"button","aria-pressed":t===null,onClick:()=>r(null),children:l("All")}),Yu.map(s=>I("button",{type:"button","aria-pressed":t===s,onClick:()=>r(s),children:s},s))]})}),I(ne,{label:l("Layout"),icon:I(R0,{}),value:n?l(n.label):l("Not chosen"),hint:l("{n} of {total} layouts",{n:a.length,total:Bs.length}),children:I(Tx,{className:"sf-gallery-layouts",label:l("Layout"),value:e,onChange:o,onClear:()=>o(""),options:a.map(s=>({value:s,label:l(Lo[s].label),picture:I("span",{className:"sf-gallery-pic",children:Lo[s].desktop.map(([i,f],u)=>I("i",{style:{gridColumn:`span ${i}`,gridRow:`span ${f}`}},u))})}))})})]})}import{jsx as Wn,Fragment as pE,jsxs as Xx}from"react/jsx-runtime";import{Button as Zx,Dialog as mE}from"efficient-shell/ui";function xE(e){return it("This site has {n} color theme of its own. Clearing takes them away and puts back the four the shop supplies.","This site has {n} color themes of its own. Clearing takes them away and puts back the four the shop supplies.",e)}function Qx({count:e,onCancel:o,onConfirm:t}){return Xx(mE,{open:!0,onClose:o,role:"alertdialog",size:"sm",title:l("Clear this site\u2019s colors?"),footer:Xx(pE,{children:[Wn(Zx,{variant:"secondary",onClick:o,children:l("Cancel")}),Wn(Zx,{variant:"danger",onClick:t,children:l("Clear colors")})]}),children:[Wn("p",{children:xE(e)}),Wn("p",{className:"mt-2 font-medium",children:l("This cannot be undone.")})]})}var SE=Ui("the row's whole content is an action; the gutter names a subject and this row has none \u2014 the button's label is the name GG, 2026-09-23"),CE="Reset color",vE={selected:0,themes:[]};function wE(e){e(vE)}function oI({value:e,onChange:o}){let t=e?.themes??[],r=t.length===0,a=Qe(e),[n,s]=eI(!1),i=bE(),[f,u]=eI(null),p=(v,w)=>{o({...a,themes:a.themes.map((g,y)=>y===v?w:g)})},m=Bt(a).accent,x=new Set(a.themes.map(v=>v.brandInk).filter(Boolean)),h=Qd.filter(v=>!x.has(v)).map(v=>Jd(m,v)),b=[...a.themes,...h],C=v=>{if(v<a.themes.length)return o({...a,selected:v});let w=[...a.themes,b[v]];o({...a,themes:w,selected:w.length-1})},k=()=>{let v=[...a.themes,{...xo(a.themes[a.selected])}];o({...a,themes:v,selected:v.length-1}),u(v.length-1)};return Jx(IE,{children:[r?null:Qt(gE,{label:l(CE),icon:Co(SE),labelId:"sf-theme-reset",action:Qt(hE,{label:l("all theme colors"),words:i.panel,changed:!0,onReset:()=>s(!0)})}),n&&Qt(Qx,{count:t.length,onCancel:()=>s(!1),onConfirm:()=>{s(!1),wE(o)}}),Qt("div",{className:"sf-theme-list",role:"radiogroup","aria-label":l("Theme"),children:b.map((v,w)=>Qt(cn,{index:w,colors:v,selected:w===a.selected,open:f===w&&w<a.themes.length,editable:w<a.themes.length,onPick:()=>C(w),onEdit:()=>u(g=>g===w?null:w),onChangeColors:g=>p(w,g)},w))}),Jx("button",{type:"button",onClick:k,className:"sf-theme-add",children:[Qt(yE,{size:12}),l("Add new theme")]})]})}import{jsx as Gn}from"react/jsx-runtime";import{SettingsDefaultReset as kE,SettingsField as TE}from"efficient-easel/panel";import{SquareIcon as FE}from"efficient-easel/icons";var EE="Applies to panels, cards, inputs and buttons. Round things \u2014 color swatches, switches, status dots \u2014 stay round.",Zi="Corners";function tI({value:e,onChange:o,showHint:t=!0}){let r=e===null;return Gn(TE,{label:l(Zi),icon:Gn(FE,{}),value:r?l("Default"):`${e}px`,changed:!r,action:Gn(kE,{words:j()?.panel,label:l(Zi),changed:!r,detail:l("the built-in corners"),onReset:()=>o(null)}),hint:t?l(EE):void 0,children:Gn(je,{min:oo,max:lt,step:1,value:e??oo,readout:!1,ariaLabel:l(Zi),onChange:o})})}import{jsx as Xr}from"react/jsx-runtime";import{SettingsDefaultReset as PE,SettingsField as LE,SettingsSegmented as OE}from"efficient-easel/panel";import{ShadowIcon as RE}from"efficient-easel/icons";var Qi={none:"None",soft:"Soft",lifted:"Lifted"},AE="Applies to cards \u2014 products, brands, journal entries and filter cells. Round things like swatches and status dots are never shadowed.",BE={none:"none",soft:"0 1px 1px rgba(20, 20, 22, 0.10), 0 2px 4px -1px rgba(20, 20, 22, 0.14)",lifted:"0 1px 2px rgba(20, 20, 22, 0.10), 0 4px 7px -2px rgba(20, 20, 22, 0.30)"},_E={labelsPx:90.25,widestLabelPx:34.6};function rI({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??ys;return Xr(LE,{label:l("Card shadow"),icon:Xr(RE,{}),value:l(Qi[a]),changed:!r,action:Xr(PE,{words:j()?.panel,label:l("Card shadow"),changed:!r,detail:l(Qi[ys]),onReset:()=>o(null)}),hint:t?l(AE):void 0,children:Xr(OE,{options:iu.map(n=>({id:n,label:l(Qi[n]),icon:Xr("span",{className:"sf-shadow-chip",style:{boxShadow:BE[n]}})})),value:a,ariaLabel:l("Card shadow"),fit:_E,onChange:o})})}import{jsx as aI}from"react/jsx-runtime";import{ShadowIcon as DE}from"efficient-easel/icons";var NE="Most useful on a dark theme, where a black shadow cannot be seen. Also used by the Lift hover, even with the card shadow off.";function nI({value:e,onChange:o,showHint:t=!0}){let r=e===null;return aI(rn,{label:l("Shadow color"),icon:aI(DE,{}),value:e??"",inherited:Cs,resetTo:Cs,onChange:o,onReset:()=>o(null),hint:t?l(NE):void 0})}import{jsx as Un}from"react/jsx-runtime";import{SettingsDefaultReset as ME,SettingsField as HE}from"efficient-easel/panel";import{AlignSeparateIcon as zE}from"efficient-easel/icons";var WE="The space between the blocks inside a row, a grid or a box. Default means each one keeps the spacing it already has.",Ji="Block gap",GE=qt.Grid;function lI({value:e,onChange:o,showHint:t=!0}){let r=e===null;return Un(HE,{label:l(Ji),labelId:"sf-block-gap",icon:Un(zE,{}),value:r?l("Default"):`${e}px`,changed:!r,action:Un(ME,{words:j()?.panel,label:l(Ji),changed:!r,detail:l("each block's own spacing"),onReset:()=>o(null)}),hint:t?l(WE):void 0,children:Un(je,{min:bt.min,max:bt.max,step:bt.step,value:r?GE:e,readout:!1,ariaLabel:l(Ji),onChange:o})})}import{jsx as $n}from"react/jsx-runtime";import{SettingsDefaultReset as UE,SettingsField as $E,SettingsSegmented as qE}from"efficient-easel/panel";import{HoverIcon as jE}from"efficient-easel/icons";var ef={none:"None",lift:"Lift",highlight:"Highlight"},KE="What a card does when a shopper points at it \u2014 or taps it, on a phone. Highlight is the effect your cards already use.";function sI({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??Ss;return $n($E,{label:l("Hover effect"),icon:$n(jE,{}),value:l(ef[a]),changed:!r,action:$n(UE,{words:j()?.panel,label:l("Hover effect"),changed:!r,detail:l(ef[Ss]),onReset:()=>o(null)}),hint:t?l(KE):void 0,children:$n(qE,{options:fu.map(n=>({id:n,label:l(ef[n])})),value:a,ariaLabel:l("Hover effect"),onChange:o})})}import{jsx as qn}from"react/jsx-runtime";import{SettingsDefaultReset as VE,SettingsField as YE,SettingsSegmented as XE}from"efficient-easel/panel";import{ImageIcon as ZE}from"efficient-easel/icons";var of="Hero image",tf=[{followsWidth:!1,label:Kr.full},{followsWidth:!0,label:Kr.page}],QE="Whether the big picture at the top of a page runs edge to edge, or sits inside the page width. The words follow the page width either way.";function iI({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??!1;return qn(YE,{label:l(of),icon:qn(ZE,{}),value:l(tf.find(n=>n.followsWidth===a).label),changed:!r,action:qn(VE,{words:j()?.panel,label:l(of),changed:!r,detail:l(tf.find(n=>!n.followsWidth).label),onReset:()=>o(null)}),hint:t?l(QE):void 0,children:qn(XE,{options:tf.map(n=>({id:n.followsWidth,label:l(n.label)})),value:a,ariaLabel:l(of),onChange:o})})}import{jsx as jn}from"react/jsx-runtime";import{SettingsDefaultReset as JE,SettingsField as eP,SettingsSegmented as oP}from"efficient-easel/panel";import{DropIcon as tP}from"efficient-easel/icons";var rf="Photography",fI={shot:"As shot",mono:"Black and white"},af=[{grayscale:!1,label:fI.shot},{grayscale:!0,label:fI.mono}],rP="Black and white photographs return to color on hover. Wheels and tyres keep their real finish either way.";function cI({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??!1;return jn(eP,{label:l(rf),icon:jn(tP,{}),value:l(af.find(n=>n.grayscale===a).label),changed:!r,action:jn(JE,{words:j()?.panel,label:l(rf),changed:!r,detail:l(af.find(n=>!n.grayscale).label),onReset:()=>o(null)}),hint:t?l(rP):void 0,children:jn(oP,{options:af.map(n=>({id:n.grayscale,label:l(n.label)})),value:a,ariaLabel:l(rf),onChange:o})})}import{jsx as nf}from"react/jsx-runtime";import{useId as aP}from"react";import{SettingsField as nP,SettingsSwitch as lP}from"efficient-easel/panel";import{ShareIcon as sP}from"efficient-easel/icons";var iP="Share button",fP="On every blog post.";function dI({value:e,onChange:o,showHint:t=!0}){let r=aP();return nf(nP,{label:l(iP),labelId:r,icon:nf(sP,{}),action:nf(lP,{checked:e===!0,onChange:o,ariaLabelledBy:r}),hint:t?l(fP):void 0})}import{jsx as Kn}from"react/jsx-runtime";import{SettingsDefaultReset as cP,SettingsField as dP}from"efficient-easel/panel";import{PaddingXIcon as uP}from"efficient-easel/icons";var lf="Side space",sf=So.default,pP="The room left at the left and right edge of every page.";function uI({value:e,onChange:o,showHint:t=!0}){let r=e===null;return Kn(dP,{label:l(lf),labelId:"sf-side-space",icon:Kn(uP,{}),value:`${e??sf}px`,changed:!r,action:Kn(cP,{words:j()?.panel,label:l(lf),changed:!r,detail:`${sf}px`,onReset:()=>o(null)}),hint:t?l(pP):void 0,children:Kn(je,{min:So.min,max:So.max,step:So.step,value:e??sf,readout:!1,ariaLabel:l(lf),onChange:o})})}import{jsx as Vn}from"react/jsx-runtime";import{SettingsDefaultReset as mP,SettingsField as xP}from"efficient-easel/panel";import{WidthIcon as IP}from"efficient-easel/icons";var ff="Content width",cf=_e.default,hP="The standard width every page on this site renders at.";function pI({value:e,onChange:o,showHint:t=!0}){let r=e===null;return Vn(xP,{label:l(ff),labelId:"sf-site-width",icon:Vn(IP,{}),value:`${e??cf}px`,changed:!r,action:Vn(mP,{words:j()?.panel,label:l(ff),changed:!r,detail:`${cf}px`,onReset:()=>o(null)}),hint:t?l(hP):void 0,children:Vn(je,{min:_e.min,max:_e.max,step:_e.step,value:e??cf,readout:!1,ariaLabel:l(ff),onChange:o})})}import{jsx as oh}from"react/jsx-runtime";import{TextStyleItem as F1,TextStylesGroup as E1}from"efficient-easel/text-styles";import{jsx as S1}from"react/jsx-runtime";import{useState as C1}from"react";import{TextStylesList as v1}from"efficient-easel/text-styles";import{usePreviewDevice as w1}from"efficient-easel/draw/client";import{textStyleCaseCss as x1}from"efficient-easel/draw";import{textStyleCaseCss as EP,textStyleCaseOfCss as PP}from"efficient-easel/draw";function df(e,o){return o?`${e}[${o.index}].${o.rowKey}`:e}function so(e){let o=/^([A-Za-z0-9_$]+)\[(\d+)\]\.([A-Za-z0-9_$]+)$/u.exec(e);return o?{key:o[1],row:{index:Number(o[2]),rowKey:o[3]}}:{key:e,row:null}}import{decodePartId as Qn,encodePartId as Jn}from"efficient-easel/draw";import{LINK_FIELD_MARKER as vI,SCAFFOLD_FIELD_MARKER as SI,TEXT_FIELD_MARKER as el}from"efficient-easel/draw";import{readHidable as wI}from"efficient-easel/draw";import{SCALAR_TEXT_CONTROLS as wP}from"efficient-easel/draw";import{TEXT_FIELD_MARKER as vP}from"efficient-easel/draw";import{TEXT_FIELD_MARKER as mI}from"efficient-easel/draw";import{readHidable as xI}from"efficient-easel/draw";import{SCALAR_TEXT_CONTROLS as gP}from"efficient-easel/draw";var bP=gP,yP=["text","textarea"],SP=["textarea","plainTextarea"];function CP(e){return!e||typeof e!="object"?null:e[mI]?.control??null}function Jt(e){let o=CP(e);return o&&bP.includes(o)?o:null}function Yn(e){return SP.includes(e)}function II(e){return!e||typeof e!="object"?void 0:e[mI]?.placeholder}function Xn(e){return xI(e).text}function uf(e,o,t){return yP.includes(e)?{text:t,hidden:xI(o).hidden}:t}function hI(e,o,t,r){return Xn(e[o])===r?null:{...e,[o]:uf(t,e[o],r)}}function pf(e){if(!(!e||typeof e!="object"))return e[vP]}function mf(e){if(!e||typeof e!="object")return null;let o=e.arrayFields;return o&&typeof o=="object"?o:null}function gI(e,o){if(!Array.isArray(o))return[];let t=pf(e),r=[];if(t?.control==="textList"){let n=t.itemKey??"text";return o.forEach((s,i)=>{let f=s?.[n];typeof f=="string"&&f&&r.push({row:{index:i,rowKey:n},text:f})}),r}let a=mf(e);return a?(o.forEach((n,s)=>{for(let[i,f]of Object.entries(a)){if(!Jt(f))continue;let u=Xn(n?.[i]);u&&r.push({row:{index:s,rowKey:i},text:u})}}),r):[]}function Zr(e,o){if(Array.isArray(e))return e[o.index]?.[o.rowKey]}function xf(e,o,t,r){let a=e[o];return!Array.isArray(a)||t.index<0||t.index>=a.length?null:{...e,[o]:a.map((n,s)=>s===t.index?{...n,[t.rowKey]:r}:n)}}function bI(e,o,t,r,a){let n=Zr(e[o],t);return Xn(n)===a?null:xf(e,o,t,uf(r,n,a))}function yI(e,o){return o?`${e} \xB7 row ${o.index+1}`:e}var io="data-sf-part",Ke="data-sf-part-selected",$$="data-sf-part-kind",kP="data-sf-part-style-owner",TP="data-sf-part-style-kind";function q$(e){for(let o=e;o;o=o.parentElement){let t=o.getAttribute(kP),r=o.getAttribute(TP);if(t&&r)return{owner:t,kind:r};if(o.getAttribute("data-puck-component"))return null}return null}var CI=2;function kI(e,o){if(!e)return!1;let t=Qn(e);return!!t?.propKey&&t.nodeId===o}function er(e){return xt(e).replace(/\s+/gu,"")}function Zn(e,o,t){let r=e[el];if(r){if(r.control==="textList"){let n=r.itemKey??"text";if(!Array.isArray(o))return;for(let s of o){let i=s?.[n];typeof i=="string"&&t.push(i)}return}let{text:a}=wI(o);a?t.push(a):r.placeholder&&t.push(r.placeholder);return}if(!e[vI]){if(e.type==="text"||e.type==="textarea"){typeof o=="string"&&o&&t.push(o);return}if(e.arrayFields&&Array.isArray(o)){for(let a of o)for(let[n,s]of Object.entries(e.arrayFields))Zn(s,a?.[n],t);return}if(e.objectFields&&o&&typeof o=="object")for(let[a,n]of Object.entries(e.objectFields))Zn(n,o[a],t)}}function TI(e){if(!e||typeof e!="object")return!1;let o=e;return o[vI]?!1:!!o[el]||o.type==="text"||o.type==="textarea"}function ol(e,o){let t=e[el];return t?.label?t.label:typeof e.label=="string"?e.label:o}function If(e){let o=e.indexOf(" (");return(o>0?e.slice(0,o):e).trim()}function j$(e,o){if(!e)return[];let t=[];for(let[r,a]of Object.entries(e)){if(!a||typeof a!="object"||zr(r))continue;let n=a,s=[];Zn(n,o?.[r],s),!s.length&&n[SI]!==void 0&&Zn(n,n[SI],s);let i=ol(n,r),f=new Set;for(let{row:m,text:x}of gI(n,o?.[r])){let h=er(x);h.length<CI||(f.add(h),t.push({key:r,label:i,texts:[h],row:m}))}let u=new Set(f),p=[];for(let m of s){let x=er(m);x.length<CI||u.has(x)||(u.add(x),p.push(x))}p.length&&t.push({key:r,label:i,texts:p})}return t}var FP=wP;function FI(e,o){if(!o||typeof o!="object"||zr(e)||Lp(o))return null;let t=o[el];return!t||!FP.includes(t.control)?null:t}function K$(e,o){let t=FI(e,o);return t!==null&&t.identifier!==!0}function EI(e,o){if(!e)return[];let t=[];for(let[r,a]of Object.entries(e)){let n=FI(r,a);if(!n)continue;let{text:s,hidden:i}=wI(o?.[r]),f=s||n.placeholder||"",u=xt(f).replace(/\s+/gu," ").trim();t.push({key:r,label:If(ol(a,r)),preview:u,offPage:n.offPage===!0,identifier:n.identifier===!0,hidden:!!i})}return t}var bf="_partStyles",Sf="data-sf-part-styled",LP=[400,500,600,700],DI=["left","center","right","justify"],PI=5,LI=1e3,OP=-5,RP=10,Cf=0,vf=64,wf=2,kf=120,Jo=1280,Tf=10,OI={size:{min:PI,max:LI,step:1},sizePhone:{min:PI,max:LI,step:1},padding:{min:Cf,max:vf,step:wf},width:{min:kf,max:Jo,step:Tf}},AP=.05,BP=.01,_P=["line","letter"],DP=.5,NP=2.5,MP=-1,HP=1,zP=0,WP=400;function Jr(e){return!e||typeof e!="object"||Array.isArray(e)?null:e}function NI(e){return Jr(e?.[bf])??{}}function rl(e,o){let t=NI(e);return Object.hasOwn(t,o)?Jr(t[o])??{}:{}}function MI(e,o,t){let r={...NI(e)};if(GP(t).length?r[o]=t:delete r[o],!Object.keys(r).length){let{[bf]:a,...n}=e;return n}return{...e,[bf]:r}}function GP(e){return Object.entries(e).filter(([,o])=>o!==void 0)}function UP(e){return _P.includes(e)}var Qr=(e,o,t)=>Math.min(t,Math.max(o,e));function $P(e,o){if(UP(e)){let t=Math.round(Number(o));return!Number.isFinite(t)||t===0?null:Qr(t,OP,RP)}if(e==="lineHeight"){let t=Number(o);return Number.isFinite(t)?or(Qr(t,DP,NP),3):null}if(e==="letterSpacing"){let t=Number(o);return Number.isFinite(t)?or(Qr(t,MP,HP),4):null}if(e==="paragraphSpacing"){let t=Math.round(Number(o));return!Number.isFinite(t)||t<=0?null:Qr(t,zP,WP)}if(Object.hasOwn(OI,e)){let{min:t,max:r}=OI[e],a=Math.round(Number(o));return Number.isFinite(a)?Qr(a,t,r):null}return e==="italic"?typeof o=="boolean"?o:null:e==="role"?Eo.includes(String(o))?o:null:o}var qP=["weight","size","sizePhone","line","letter","lineHeight","letterSpacing","paragraphSpacing","padding","width"];function HI(e){let o=null,t=r=>{o??={...e},delete o[r]};for(let r of qP){let a=e[r];a!==void 0&&!(typeof a=="number"&&Number.isFinite(a))&&t(r)}return e.align!==void 0&&!DI.includes(e.align)&&t("align"),o??e}var jP=[["font","role"],["line","lineHeight"],["letter","letterSpacing"]];function KP(e){let o=[];for(let[t,r]of jP)t===e?o.push(r):r===e&&o.push(t);return o}function oa(e,o,t,r){let a={...rl(e,o)},n=r==null?null:$P(t,r);if(n===null)delete a[t];else{a[t]=n;for(let s of KP(t))delete a[s]}return MI(e,o,a)}function zI(e,o){return MI(e,o,{})}function VP(e){return PP(e)??"none"}function YP(e){return EP(e)??""}var XP={heading:"--font-role-heading",heading2:"--font-role-heading2",heading3:"--font-role-heading3",body:"--font-role-body",accent:"--font-role-accent",label:"--font-role-label"};function ZP(e){let o=e.role;return o&&Eo.includes(o)?o:null}var QP={headingLarge:"min(clamp(64px,9vw,144px), var(--sf-heading-max,9999px))",headingMedium:"min(32px, var(--sf-heading-max,9999px))",headingSmall:"min(24px, var(--sf-heading-max,9999px))",accent:"32px",body:"14px",label:"12px"};function JP(e){let o=Yd[e],t=QP[o];return t?`var(--size-${o}, ${t})`:`var(--size-${o})`}function ta(e){let o={};return typeof e.lineHeight=="number"?o.lineHeight=e.lineHeight:e.line&&(o.lineHeight=or(e1+e.line*AP,3)),typeof e.letterSpacing=="number"?o.letterSpacingEm=e.letterSpacing:e.letter&&(o.letterSpacingEm=or(e.letter*BP,4)),o}var e1=1,ra="--sf-part-para",Ff="(max-width: 719.98px)";function RI(e){return e=HI(e),typeof e.sizePhone=="number"&&e.sizePhone>0?{fontSize:`${e.sizePhone}px`}:{}}function o1(e,o){return o&&typeof e.sizePhone=="number"&&e.sizePhone>0?{...e,size:e.sizePhone}:e}function tl(e,o){e=HI(e);let t=ZP(e),r=ta(e),a=e.size?`${e.size}px`:t?JP(t):"";return{fontFamily:e.font?n1(e.font):t?`var(${XP[t]})`:"",fontWeight:e.weight?String(e.weight):"",fontSize:a,minWidth:a?"0":"",overflowWrap:a?"break-word":"",lineHeight:r.lineHeight!==void 0?String(r.lineHeight):"",letterSpacing:r.letterSpacingEm!==void 0?`${r.letterSpacingEm}em`:"",[ra]:e.paragraphSpacing?`${e.paragraphSpacing}px`:"",textTransform:YP(e.case),textAlign:e.align??"",paddingTop:hf(e.padding),paddingBottom:hf(e.padding),maxWidth:hf(e.width),color:t1(e.color),fontStyle:e.italic===!0?"italic":e.italic===!1?"normal":""}}var t1=e=>e===void 0||e===""?"":Object.hasOwn(Oo,e)?Oo[e]:WI.test(e)?e:"",WI=/^#[0-9a-fA-F]{6}$/;function GI(e){return WI.test(e)}var hf=e=>e===void 0?"":`${e}px`,or=(e,o)=>Number(e.toFixed(o));function e8(e,o){let t=Number.parseFloat(e.fontSize)||16,r=Number.parseFloat(e.lineHeight),a=Number.parseFloat(e.letterSpacing),n=Number.parseFloat(e.paddingTop),s=Number.parseFloat(e.maxWidth);return{fontKey:o,sizePx:t,weight:r1(Number.parseInt(e.fontWeight,10)),lineRatio:Number.isFinite(r)?or(r/t,3):1.2,letterEm:Number.isFinite(a)?or(a/t,4):0,align:a1(e.textAlign),case:VP(e.textTransform),paddingPx:Number.isFinite(n)?Math.round(n):0,widthPx:Number.isFinite(s)&&s<Jo?Math.round(s):Jo}}function r1(e){return Number.isFinite(e)?LP.reduce((o,t)=>Math.abs(t-e)<Math.abs(o-e)?t:o):400}function a1(e){for(let o of DI)if(o===e)return o;return e==="end"?"right":"left"}function o8(e,o){let t=AI(e);if(!t)return"";for(let r of no)if(AI(o(r.cssVar))===t)return r.key;return""}var AI=e=>(e.split(",")[0]??"").replace(/["']/g,"").replace(/\s+/g," ").trim().toLowerCase();function n1(e){let o=At(e);return o?`var(${o.cssVar})`:""}function t8(e,o,t,r){return!o||Qn(o)?.nodeId!==e?null:t.find(a=>r(a.getAttribute("class")))??t[0]??null}function r8(e,o,t=()=>ea,r=s=>s,a=i1,n=!1){let s=0;for(let{element:i,partId:f}of e){let u=Qn(f)?.propKey;if(!u)continue;let p=r(u),m=Object.hasOwn(o,p)?Jr(o[p])??{}:{},x=tl(o1(m,n),ea),h=gf.some(C=>i.style[C]),b=!1;for(let[C,k]of Object.entries(x))f1(i,C,k),k&&(b=!0);if(h||gf.some(C=>x[C]))for(let C of l1(i,a))for(let k of gf)C.style[k]=x[k]??"";b&&(s+=1)}return s}function l1(e,o){let t=er(e.textContent??""),r=[],a=e;for(let n=0;n<s1&&o(a);n+=1){let s=a.parentElement;if(!s||er(s.textContent??"")!==t)break;r.push(s),a=s}return r}var s1=8;function i1(e){let o=e;return typeof window>"u"||!o?.ownerDocument?!1:window.getComputedStyle(o).display==="inline"}var ea={fontKey:"",sizePx:16,weight:400,lineRatio:1,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:Jo};function f1(e,o,t){if(!o.startsWith("--")){e.style[o]=t;return}let r=e.style;typeof r.setProperty=="function"?t?r.setProperty(o,t):r.removeProperty?.(o):r[o]=t;let a=e;o===ra&&(t?a.setAttribute?.(BI,""):a.removeAttribute?.(BI))}var BI="data-sf-part-para",c1=Object.keys(tl({},ea)),yf=new Set(["color","overflowWrap",ra,"fontStyle"]),gf=c1.filter(e=>!yf.has(e));function UI(e,o,t,r=a=>a){let a=new Map;for(let i of e){let f=df(i.key,i.row);for(let u of i.texts){let p=a.get(u);p?(p.keys.add(i.key),p.partKeys.add(f)):a.set(u,{keys:new Set([i.key]),partKeys:new Set([f])})}}let n=new Map;for(let i of Object.keys(o)){if(!d1(i))continue;let f=Jr(o[i])??{},u=tl(f,ea),p=RI(f);!Object.values(u).some(Boolean)&&!Object.keys(p).length||n.set(i,{stamp:_I(t,i),declarations:u,...Object.keys(p).length?{phone:p}:{}})}let s=new Map;for(let[i,{keys:f,partKeys:u}]of a){let p=u.size===1?[...u][0]:f.size===1?[...f][0]:null;if(!p)continue;let m=r(p);if(!Object.hasOwn(o,m))continue;let x=Jr(o[m])??{},h=tl(x,ea),b=RI(x);!Object.values(h).some(Boolean)&&!Object.keys(b).length||s.set(i,{stamp:_I(t,p),declarations:h,...Object.keys(b).length?{phone:b}:{}})}return s.size||n.size?{rules:s,kindRules:n,drawn:new Set(a.keys())}:null}function d1(e){return e.startsWith("@")}function Ef(e,o){return e?.kindRules.get(o)??null}function _I(e,o){let t=r=>r.replace(/[^A-Za-z0-9_-]+/g,"-");return`${t(e)}~${t(o)}`}function $I(e){let o=[],t=new Set,r=a=>{let{stamp:n,declarations:s}=a;if(t.has(n))return;t.add(n);let i=Object.entries(s).filter(([,h])=>h!==""),f=h=>h.map(([b,C])=>`${p1(b)}: ${C}`).join("; "),u=`[${Sf}="${n}"]`,p=i.filter(([h])=>!yf.has(h)),m=i.filter(([h])=>yf.has(h));p.length&&o.push(`${u}, *:has(> ${u}) { ${f(p)} }`),m.length&&o.push(`${u} { ${f(m)} }`),s[ra]&&o.push(...u1(u));let x=Object.entries(a.phone??{}).filter(([,h])=>h!=="");x.length&&o.push(`@media ${Ff} { ${u}, *:has(> ${u}) { ${f(x)} } }`)};for(let a of e.rules.values())r(a);for(let a of e.kindRules.values())r(a);return o.join(`
|
|
4
4
|
`)}function u1(e){let o=`var(${ra})`,t=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: ${o} }`,`${e} ${t}:not(:first-child) { margin-top: ${o} }`,`${e} ${t}:not(:last-child) { margin-bottom: ${o} }`]}var p1=e=>e.replace(/[A-Z]/g,o=>`-${o.toLowerCase()}`);function qI(e,o){if(!e)return null;let t=er(o),r=e.rules.get(t);if(r)return r;if(t.length<m1||e.drawn.has(t))return null;let a=null;for(let[n,s]of e.rules)if(n.includes(t)){if(a&&a.stamp!==s.stamp)return null;a=s}return a}var m1=8;var Pf=e=>e==="sentence"?"none":void 0,No=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,aa=e=>typeof e=="string"&&e?e:void 0,KI=["font","color","size","sizePhone","weight","italic","lineHeight","letterSpacing","paragraphSpacing","letterCase","largestSize"];function fo(e){let o={};for(let t of KI)e[t]!==void 0&&(o[t]=e[t]);return o}function Of(e,o){let{auto:t,...r}=e,a=new Set(o??[]),n=KI.filter(s=>a.has(s)&&e.values[s]===void 0);return n.length?{...r,auto:n}:r}function Rf(e){let o=e.fonts,t=e.sizes,r=e.typography,a=du(e.compression),n=(i,f)=>({id:`heading-${i}`,kind:"heading",name:`Heading ${i}`,values:fo(f)}),s=(i,f={})=>({id:`body-${i}`,kind:"body",name:`Body ${i}`,values:fo(f)});return[n(1,{font:aa(o.heading),size:No(t.headingLarge),weight:No(r.weight),lineHeight:a.lineHeight,letterSpacing:a.letterSpacing,letterCase:Pf(r.case),largestSize:No(r.maxPx)}),n(2,{font:aa(o.heading2),size:No(t.headingMedium),weight:No(r.weight2),lineHeight:a.lineHeight,letterSpacing:a.letterSpacing,letterCase:Pf(r.case2)}),n(3,{font:aa(o.heading3),size:No(t.headingSmall),weight:No(r.weight3),lineHeight:a.lineHeight,letterSpacing:a.letterSpacing,letterCase:Pf(r.case3)}),s(1,{font:aa(o.body),size:No(t.body)}),s(2),s(3),s(4),s(5,{font:aa(o.label),size:No(t.label)})]}function al(e){return Array.isArray(e)&&e.every(o=>o&&typeof o=="object"&&typeof o.id=="string"&&(o.kind==="heading"||o.kind==="body")&&typeof o.name=="string")?e.map(o=>Of({...o,values:fo(o.values??{})},Array.isArray(o.auto)?o.auto:void 0)):null}function f8(e){return al(e)??[]}function et(e,o){let t=Rf(o),r=al(e);return r?r.map(a=>{let n={...Lf(t,a.id)};for(let s of a.auto??[])delete n[s];return{...a,values:fo({...n,...a.values})}}):t}var Lf=(e,o)=>e.find(t=>t.id===o)?.values??{},jI=["heading-1","heading-2","heading-3"];function VI({saved:e,old:o,cur:t,next:r,sizeOf:a}){let n=Rf(o),s=al(e)??n.map(m=>({...m,values:{}})),i=et(s,o),f=[],u=r.map(m=>{let x=t.find(g=>g.id===m.id),h=s.find(g=>g.id===m.id);if(!x||!h)return I1([m],a)[0];let b={...h.values},C=new Set(h.auto??[]),k=m.values,v=x.values,w=[...new Set([...Object.keys(k),...Object.keys(v)])].filter(g=>JSON.stringify(k[g])!==JSON.stringify(v[g]));w.sort((g,y)=>+(g==="letterSpacing")-+(y==="letterSpacing"));for(let g of w){let y=g==="lineSpacing"?"lineHeight":g,E=k[g];if(E===void 0){delete b[y],Lf(n,m.id)[y]!==void 0&&(f.push([m.id,y]),C.add(y));continue}if(C.delete(y),g==="lineSpacing")b.lineHeight=tr(E/100,3);else if(g==="letterSpacing"){let F=i.find(B=>B.id===m.id),L=a({...m,values:fo({...F?.values??{},...b})});b.letterSpacing=L?tr(E/L,4):0}else b[y]=E}return Of({id:m.id,kind:m.kind,name:m.name,values:fo(b)},C)}),p=o.compression;if(f.some(([m,x])=>(x==="lineHeight"||x==="letterSpacing")&&jI.includes(m))&&st(p)!=="normal"){for(let m of jI){let x=u.find(b=>b.id===m);if(!x)continue;let h={...x.values};for(let b of["lineHeight","letterSpacing"])f.some(([C,k])=>C===m&&k===b)||h[b]===void 0&&!(x.auto??[]).includes(b)&&(h[b]=Lf(n,m)[b]);x.values=fo(h)}p="normal"}return{saved:u,old:{...o,compression:p}}}function YI(e,o){let t={text_styles:e.saved};return e.old.compression!==o.compression&&(t.heading_compression=st(e.old.compression)),t}var tr=(e,o)=>Number(e.toFixed(o));function XI(e,o){return e.map(t=>{let{lineHeight:r,letterSpacing:a,...n}=t.values,s={...n};return r!==void 0&&(s.lineSpacing=tr(r*100,1)),a!==void 0&&(s.letterSpacing=tr(a*o(t),2)),{id:t.id,kind:t.kind,name:t.name,values:s}})}function I1(e,o){return e.map(t=>{let{lineSpacing:r,letterSpacing:a,...n}=t.values,s={id:t.id,kind:t.kind,name:t.name,values:fo({...n})},i={...s.values};if(r!==void 0&&(i.lineHeight=tr(r/100,3)),a!==void 0){let f=o({...s,values:{...s.values}});i.letterSpacing=f?tr(a/f,4):0}return{...s,values:fo(i)}})}function c8(e){let o={fonts:Rr({heading:e.heading_font??void 0,heading2:e.heading_2_font??void 0,heading3:e.heading_3_font??void 0,body:e.body_font??void 0,accent:e.accent_font??void 0,label:e.label_font??void 0}),sizes:bs({headingLarge:e.heading_size_large_px,headingMedium:e.heading_size_medium_px,headingSmall:e.heading_size_small_px,accent:e.accent_size_px,body:e.body_size_px,label:e.label_size_px}),compression:st(e.heading_compression),typography:pu(e)},t=e.text_styles??null,r=Array.isArray(t)?Af(et(t,o),o):o;return{fonts:Rr(r.fonts),sizes:bs(r.sizes),compression:st(r.compression),typography:r.typography,textStyles:t}}function Af(e,o){let t=x=>e.find(h=>h.id===x)?.values??{},r=t("heading-1"),a=t("heading-2"),n=t("heading-3"),s=t("body-1"),i=t("body-5"),f=o.fonts,u=o.sizes,p=o.typography,m=x=>x==="none"?"sentence":"authored";return{fonts:{...f,heading:r.font??f.heading,heading2:a.font??r.font??f.heading2,heading3:n.font??r.font??f.heading3,body:s.font??f.body,label:i.font??f.label},sizes:{...u,headingLarge:r.size??null,headingMedium:a.size??null,headingSmall:n.size??null,body:s.size??null,label:i.size??null},compression:o.compression,typography:{...p,case:m(r.letterCase),weight:r.weight??null,maxPx:r.largestSize??null,weight2:a.weight??null,weight3:n.weight??null,case2:m(a.letterCase),case3:m(n.letterCase)}}}function h1(e){switch(e.id){case"heading-1":return"font-display";case"heading-2":return"font-heading2";case"heading-3":return"font-heading3";case"body-1":return"font-body";case"body-5":return"font-mono";default:return`font-${e.id}`}}function g1(e){return e==="accent"?"var(--accent)":e==="text"?"var(--fg)":e==="labels"?"var(--fg-dim)":/^#[0-9a-f]{6}$/i.test(e)?e:null}function b1(e){let o=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: var(--sf-part-para) }`,`${e} ${o}:not(:first-child) { margin-top: var(--sf-part-para) }`,`${e} ${o}:not(:last-child) { margin-bottom: var(--sf-part-para) }`]}function d8(e){let o=[];for(let t of e){let r=t.values,a=`.${h1(t)}`,n=[],s=r.font!==void 0?no.find(p=>p.key===r.font)?.cssVar:void 0;if(s&&n.push(`font-family: var(${s})`),r.size!==void 0){let p=r.largestSize!==void 0?Math.min(r.size,r.largestSize):r.size;n.push(`font-size: ${p}px`)}let i=r.color!==void 0?g1(r.color):null;i&&n.push(`color: ${i}`),r.italic===!0&&n.push("font-style: italic"),r.weight!==void 0&&n.push(`font-weight: ${r.weight}`);let f=[];r.lineHeight!==void 0&&f.push(`line-height: ${r.lineHeight}`),r.letterSpacing!==void 0&&f.push(`letter-spacing: ${r.letterSpacing}em`),t.kind==="body"&&n.push(...f);let u=x1(r.letterCase);if(u&&n.push(`text-transform: ${u}`),r.paragraphSpacing&&n.push(`--sf-part-para: ${r.paragraphSpacing}px`),n.length&&o.push(`${a} { ${n.join("; ")} }`),t.kind==="heading"&&f.length&&o.push(`${a}, ${a}:is(h1, h2, h3, h4) { ${f.join("; ")} }`),r.paragraphSpacing&&o.push(...b1(a)),r.sizePhone!==void 0){let p=y1[t.id],m=[`${a} { font-size: ${r.sizePhone}px }`];p&&m.push(`.sf-themed-content { --size-${p}: ${r.sizePhone}px !important }`),o.push(`@media ${Ff} { ${m.join(" ")} }`)}}return o.join(`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var l={siteSlug:null,shopOrigin:""},a=l;function g(t){a={siteSlug:t.siteSlug?.trim()||null,shopOrigin:(t.shopOrigin??"").trim().replace(/\/+$/,"")}}function E(){return a.siteSlug}function v(){return a.shopOrigin}import{activateEaselSession as _,backendOf as b,createEaselSession as w,currentEaselSession as c,deactivateEaselSession as B,EFFICIENT_BACKEND as R,efficientClientOpen as C,isEfficientBackend as y,provideDefaultBackend as A,resetAmbientEaselSession as O,sessionRegistry as U,setSessionBridgedSite as x,setSessionDocumentSite as k}from"efficient-easel/screen/lib/session";var i="https://cdn.inovit.com"?.replace(/\/+$/,"");function r(t,e){let s=c().hostBackend?.media.resolve;if(!(!s||s===m))return s(t,e)??t}function f(t){return/^(?:https?:)?\/\//i.test(t)||/^(?:data|blob):/i.test(t)}function d(t){return r(t)??u(t)}function u(t){return!i||f(t)?t:i+t.replace(/^\/media/,"")}var m=t=>u(t),S="";function $(t){if(!t)return null;let e=r(t);return e!==void 0?e:t.startsWith("/")?`${S}${t}`:t}function F(t){return/^https?:\/\//i.test(t)&&!(i&&t.startsWith(i+"/"))}function L(t){if(!t)return;let e=r(t);return e!==void 0?e:t.startsWith("/media/")?d(t):t}var p="/videos/products/";function M(t){return!!t&&t.includes(p)}function o(t){return{getItem(e){try{return t()?.getItem(e)??null}catch{return null}},setItem(e,s){try{t()?.setItem(e,s)}catch{}},removeItem(e){try{t()?.removeItem(e)}catch{}}}}var n="__storefront_probe__";function W(t){try{t.setItem(n,n);let e=t.getItem(n)===n;return t.removeItem(n),e}catch{return!1}}var P=o(()=>typeof window>"u"?null:window.localStorage),K=o(()=>typeof window>"u"?null:window.sessionStorage);function V(t){return o(()=>t.defaultView?.localStorage??null)}export{b as a,
|
|
1
|
+
var l={siteSlug:null,shopOrigin:""},a=l;function g(t){a={siteSlug:t.siteSlug?.trim()||null,shopOrigin:(t.shopOrigin??"").trim().replace(/\/+$/,"")}}function E(){return a.siteSlug}function v(){return a.shopOrigin}import{activateEaselSession as _,backendOf as b,createEaselSession as w,currentEaselSession as c,deactivateEaselSession as B,EFFICIENT_BACKEND as R,efficientClientOpen as C,isEfficientBackend as y,provideDefaultBackend as A,resetAmbientEaselSession as O,sessionRegistry as U,setSessionBridgedSite as x,setSessionDocumentSite as k}from"efficient-easel/screen/lib/session";var i="https://cdn.inovit.com"?.replace(/\/+$/,"");function r(t,e){let s=c().hostBackend?.media.resolve;if(!(!s||s===m))return s(t,e)??t}function f(t){return/^(?:https?:)?\/\//i.test(t)||/^(?:data|blob):/i.test(t)}function d(t){return r(t)??u(t)}function u(t){return!i||f(t)?t:i+t.replace(/^\/media/,"")}var m=t=>u(t),S="";function $(t){if(!t)return null;let e=r(t);return e!==void 0?e:t.startsWith("/")?`${S}${t}`:t}function F(t){return/^https?:\/\//i.test(t)&&!(i&&t.startsWith(i+"/"))}function L(t){if(!t)return;let e=r(t);return e!==void 0?e:t.startsWith("/media/")?d(t):t}var p="/videos/products/";function M(t){return!!t&&t.includes(p)}function o(t){return{getItem(e){try{return t()?.getItem(e)??null}catch{return null}},setItem(e,s){try{t()?.setItem(e,s)}catch{}},removeItem(e){try{t()?.removeItem(e)}catch{}}}}var n="__storefront_probe__";function W(t){try{t.setItem(n,n);let e=t.getItem(n)===n;return t.removeItem(n),e}catch{return!1}}var P=o(()=>typeof window>"u"?null:window.localStorage),K=o(()=>typeof window>"u"?null:window.sessionStorage);function V(t){return o(()=>t.defaultView?.localStorage??null)}export{b as a,c as b,C as c,y as d,U as e,d as f,m as g,$ as h,F as i,L as j,M as k,g as l,E as m,v as n,W as o,P as p,K as q,V as r};
|