efficient-web-builder 44.0.0 → 45.0.0

package/dist/editor/lib/document/section-width-fields.d.ts

@@ -1,2 +0,0 @@
-export declare function sectionWidthFields(type: string): Record<string, unknown>;
-export declare const SECTION_WIDTH_FIELD_KEYS: readonly string[];

package/dist/editor/lib/document/section-width-fields.js

@@ -1 +0,0 @@
-"use client";import{jsx as r}from"react/jsx-runtime";import{usePreviewDevice as y}from"efficient-easel/draw/client";import{usePreviewHeader as w}from"../../../render/components/PreviewHeaderContext.js";import{BackgroundWidthRow as I,CONTENT_INSIDE_BACKGROUND_HINT as S,ContentWidthRow as C,WIDTH_GROUP_LABEL as E,WIDTH_PHONE_HINT as T}from"../../components/SectionWidthRows.js";import{PAGE_WIDTH as p}from"../../../format/lib/content/page-width.js";import{FOLLOW_SITE as h,WIDTH_CHOICE_LABEL as H,resolveSectionWidth as m}from"../../../format/lib/content/section-width.js";import{say as f}from"../../../format/lib/editor-words.js";import{group as D,sharedStyleKinds as N,useSelectedPatch as O,useSelectedProps as W}from"./controls.js";import{NoControlMark as g,noControlField as x}from"efficient-easel/screen/lib/document/panel-no-control-mark";const u=t=>f(H[t==="content"?"page":"full"]),_=t=>`${t} ${f("from Styles")}`;function b(){const{siteWidth:t,sectionBackgroundWidth:o,sectionContentWidth:e}=w();return{px:typeof t=="number"?t:p.default,background:o??"full",content:e??"content"}}function k(){try{return y()==="mobile"}catch{return!1}}function P({type:t,onChange:o}){const e=W(),n=b(),i=k(),c=m(t,e).background;return r(I,{value:c??n.background,changed:c!==null,detail:_(u(n.background)),onChange:a=>o(a),onReset:()=>o(h),disabled:i})}function B({type:t}){const o=W(),e=O(),n=b(),i=k(),c=m(t,o),s=(c.background??n.background)==="content",l=c.content??n.content;return r(C,{mode:s&&l==="full"?"content":l,px:c.contentMax??n.px,max:s?n.px:p.max,changed:c.content!==null,detail:_(n.content==="full"?u("full"):`${u("content")} ${n.px}px`),fullClosed:s,disabled:i,hint:i?T:s?S:void 0,onMode:d=>e(d==="full"?{contentWidth:d,contentMax:null}:{contentWidth:d}),onPx:d=>e({contentWidth:"content",contentMax:d}),onReset:()=>e({contentWidth:h,contentMax:null})})}function M(t){return N({_gWidth:D(E),backgroundWidth:{type:"custom",render:({onChange:o})=>r(P,{type:t,onChange:o})},contentWidth:{type:"custom",render:()=>r(B,{type:t})},contentMax:{...x({type:"custom",render:()=>r(g,{})},"always"),reachedBy:"contentWidth"},widthMode:{...x({type:"custom",render:()=>r(g,{})},"always"),reachedBy:"backgroundWidth"}})}const U=Object.keys(M(""));export{U as SECTION_WIDTH_FIELD_KEYS,M as sectionWidthFields};

package/dist/format/lib/content/image-width.d.ts

@@ -1,9 +0,0 @@
-import type { CSSProperties } from "react";
-export declare const IMAGE_WIDTH: {
-    readonly min: 40;
-    readonly max: 2000;
-    readonly step: 10;
-    readonly fallback: 2000;
-    readonly unit: "px";
-};
-export declare function imageWidthStyle(value: number | undefined): CSSProperties | null;

package/dist/format/lib/content/image-width.js

@@ -1 +0,0 @@
-const n={min:40,max:2e3,step:10,fallback:2e3,unit:"px"};function i(t){return typeof t!="number"?null:{width:`${t}${n.unit}`,maxWidth:"100%"}}export{n as IMAGE_WIDTH,i as imageWidthStyle};

package/dist/format/lib/content/section-animation.d.ts

@@ -1,13 +0,0 @@
-export declare const SECTION_MOTIONS: readonly ["fade", "rise", "scale"];
-export type SectionMotion = (typeof SECTION_MOTIONS)[number];
-export declare const SECTION_MOTION_NONE = "none";
-export declare const SECTION_MOTION_OPTIONS: readonly {
-    label: string;
-    value: string;
-}[];
-export declare function normalizeSectionMotion(value: unknown): SectionMotion | null;
-export declare const SECTION_ANIM_ATTR = "data-sf-anim";
-export declare const SECTION_ANIM_STATE = "data-sf-anim-state";
-export declare function armSectionEntrance(el: HTMLElement): () => void;
-export declare function playSectionEntrance(el: HTMLElement): void;
-export declare const SECTION_ANIM_EXCLUDED: ReadonlySet<string>;

package/dist/format/lib/content/section-animation.js

@@ -1 +0,0 @@
-import{SECTION_THEME_EXCLUDED as s}from"./section-surface.js";const u=["fade","rise","scale"],d="none",O=[{label:"None",value:d},{label:"Fade",value:"fade"},{label:"Rise",value:"rise"},{label:"Scale",value:"scale"}];function I(t){return u.includes(t)?t:null}const i="data-sf-anim",n="data-sf-anim-state";function N(t){const e=()=>{};if(typeof IntersectionObserver>"u"||!t.getAttribute(i))return e;const r=window.innerHeight||document.documentElement.clientHeight;if(t.getBoundingClientRect().top<r)return e;t.setAttribute(n,"armed");const o=new IntersectionObserver(c=>{for(const a of c)if(a.isIntersecting){o.disconnect(),f(t);break}},{threshold:0});return o.observe(t),()=>{o.disconnect(),t.removeAttribute(n)}}function f(t){if(!t.getAttribute(i))return;t.removeAttribute(n),t.offsetWidth,t.setAttribute(n,"play");const e=r=>{r.target===t&&(t.removeAttribute(n),t.removeEventListener("animationend",e))};t.addEventListener("animationend",e)}const m=s;export{i as SECTION_ANIM_ATTR,m as SECTION_ANIM_EXCLUDED,n as SECTION_ANIM_STATE,u as SECTION_MOTIONS,d as SECTION_MOTION_NONE,O as SECTION_MOTION_OPTIONS,N as armSectionEntrance,I as normalizeSectionMotion,f as playSectionEntrance};

package/dist/format/lib/host-document-bridge.js

@@ -1 +0,0 @@
-const p=t=>!!t&&typeof t=="object"&&typeof t.type=="string"&&!!t.props&&typeof t.props=="object";function u(t,e){const n=t.components[e]?.label;return typeof n=="string"&&n.trim()?n.trim():e}function j(t){return t.length>3&&t.endsWith("s")?t.slice(0,-1):t}function b(t,e,n,o){t.forEach((s,c)=>{if(p(s)){o.push({node:s,list:t,index:c,parent:e,slot:n});for(const[r,l]of Object.entries(s.props))Array.isArray(l)&&l.some(p)&&b(l,s,r,o)}})}function _(t){const e=[];b(Array.isArray(t.content)?t.content:[],null,"",e);for(const n of Object.values(t.zones??{}))Array.isArray(n)&&b(n,null,"",e);return e}function y(t,e){return _(t).find(n=>String(n.node.props.id)===e)}function v(t,e,n){if(!n)return null;const o=y(e,n);if(!o)return null;const s=u(t,o.node.type),c=o.parent?`${u(t,o.parent.type)} · ${j(o.slot)} ${o.index+1}`:s;return{blockId:n,type:o.node.type,label:c,path:""}}const k="sfDescribedAs";function E(t,e){return{...t,[k]:e}}const $=t=>t.filter(e=>!!e&&typeof e=="object"&&"value"in e).map(e=>typeof e.label=="string"?{value:e.value,label:e.label}:{value:e.value});function m(t){if(!t||typeof t!="object")return null;const e=t;if(typeof e.type!="string")return null;const n=e.type==="custom"?e[k]:void 0,o={type:n?.type??e.type},s=n?.label??e.label;typeof s=="string"&&(o.label=s);const c=n?.options??e.options;Array.isArray(c)&&(o.options=$(c));for(const r of["arrayFields","objectFields"]){const l=n?.[r]??e[r];l&&typeof l=="object"&&(o[r]=h(l))}return o}function h(t){const e={};for(const[n,o]of Object.entries(t??{})){const s=m(o);s&&(e[n]=s)}return e}function O(t){const e={};for(const[n,o]of Object.entries(t.components))o&&(e[n]={label:u(t,n),fields:h(o.fields)});return e}function x(t,e){let n=t;for(const o of e?e.split("."):[]){const s=/^([A-Za-z_][A-Za-z0-9_]*)(?:\[(\d+)\])?$/.exec(o);if(!s||!n||typeof n!="object")return null;n=n[s[1]],s[2]!==void 0&&(n=Array.isArray(n)?n[Number(s[2])]:void 0)}return n&&typeof n=="object"&&!Array.isArray(n)?n:null}function d(t,e){return t.findIndex(n=>p(n)&&String(n.props.id)===e)}function A(t,e,n){const o=e||n;if(!o)return t.length;const s=d(t,o);if(s<0)throw new Error(`there is no top-level block ${o}`);return e?s+1:s}function w(t,e,n,o){const s=structuredClone(e),c=Array.isArray(s.content)?s.content:s.content=[];try{n.forEach((r,l)=>{const a=i=>{throw new Error(`change ${l+1}: ${i}`)};switch(r.op){case"set_props":{const i=y(s,r.block_id)??a(`there is no block ${r.block_id}`);"id"in r.props&&a("a block's id is never changed");const f=x(i.node.props,r.path)??a(`there is no ${r.path} in that block`);Object.assign(f,structuredClone(r.props));break}case"insert_block":{const i=t.components[r.type]??a(`there is no block type ${r.type}`),f=i.defaultProps&&typeof i.defaultProps=="object"?i.defaultProps:{},g={type:r.type,props:{...structuredClone(f),...structuredClone(r.props),id:o(r.type)}};c.splice(A(c,r.after,r.before),0,g);break}case"remove_block":{const i=d(c,r.block_id);i<0&&a(`there is no top-level block ${r.block_id}`),c.splice(i,1);break}case"move_block":{const i=d(c,r.block_id);i<0&&a(`there is no top-level block ${r.block_id}`);const[f]=c.splice(i,1);c.splice(A(c,r.after,r.before),0,f);break}default:a(`"${r.op}" is not a change this editor makes`)}})}catch(r){return{ok:!1,reason:r instanceof Error?r.message:String(r)}}return{ok:!0,document:s}}export{k as FIELD_DESCRIPTION_MARKER,w as applyPageEdits,u as blockLabel,O as describeBlocks,v as describeSelection,E as describedAs};

package/dist/format/lib/sections/ticker-scroll.d.ts

@@ -1,11 +0,0 @@
-import type { EdgeCell } from "efficient-easel/draw";
-export type TickerScroll = "left" | "right" | "up" | "down";
-export declare const DEFAULT_TICKER_SCROLL: TickerScroll;
-export declare const TICKER_SCROLL_OPTIONS: readonly {
-    label: string;
-    value: TickerScroll;
-    cell: EdgeCell;
-}[];
-export declare function parseTickerScroll(value: unknown): TickerScroll;
-export declare function isVerticalScroll(scroll: TickerScroll): boolean;
-export declare function tickerAnimation(scroll: TickerScroll, durationSec: number): string;

package/dist/format/lib/sections/ticker-scroll.js

@@ -1 +0,0 @@
-import{parseOption as r}from"../parse-option.js";const o="left",l=[{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"},{label:"Up",value:"up",cell:"top"},{label:"Down",value:"down",cell:"bottom"}],n={left:"storefront-ticker",right:"storefront-ticker-right",up:"storefront-ticker-up",down:"storefront-ticker-down"};function c(t){return r(l,o,t)}function p(t){return t==="up"||t==="down"}function f(t,e){return`${n[t]} ${e}s linear infinite`}export{o as DEFAULT_TICKER_SCROLL,l as TICKER_SCROLL_OPTIONS,p as isVerticalScroll,c as parseTickerScroll,f as tickerAnimation};