efficient-web-builder 40.1.1 → 41.1.0

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

@@ -0,0 +1,437 @@
+import { type ReactElement, type ReactNode } from "react";
+import type { MediaValue } from "../../../format/lib/media-value.js";
+import { readHidable, hidableText, type HidableValue } from "efficient-easel/draw";
+import { FOLD_FIELD_MARKER, LINK_FIELD_MARKER, MEDIA_FIELD_MARKER, SCAFFOLD_FIELD_MARKER, TEXT_FIELD_MARKER, foldMetaOf, textFieldIdentifier, type EdgeCell, type FoldFieldMeta, type TextFieldMeta, type TextListRendering } from "efficient-easel/draw";
+import type { ShowWhenRule } from "../../../render/lib/document/show-when.js";
+import { type HeroGroupPlacement } from "../../../format/lib/hero-group-placement.js";
+import { type SettingsSidesValue, type SettingsBorderValue } from "efficient-easel/panel";
+import { type AlignmentPoint, FOCAL_DEFAULT, type PositionValue } from "efficient-shell/ui";
+import type { GeocodeState } from "../../../format/lib/content/contact.js";
+import { type DirectionContainer } from "../../../format/lib/content/container-direction.js";
+import { GAP_FIELD_CONTAINER, type GapContainer } from "../../../format/lib/content/container-gap.js";
+import { type SectionBackground } from "../../../format/lib/content/section-background.js";
+import { type TypeRole, type TypeSizeValue } from "../../../format/lib/content/section-type-size.js";
+import { type WidthMode } from "../../../format/lib/content/section-width.js";
+import type { Bucket, DesignGroup } from "./field-groups.js";
+export declare function sharedStyleKinds<T extends Record<string, unknown>>(fields: T): T;
+type SelectData = {
+    options: readonly SelectOption[];
+    fallback: string;
+    note?: string;
+};
+type Render<V> = (p: {
+    value: V;
+    onChange: (v: V) => void;
+    field: {
+        label?: string;
+        currentValue?: string;
+        inherited?: boolean;
+        siteGap?: number | null;
+        tabs?: readonly Bucket[] | null;
+    } & Partial<SelectData>;
+    storedValue?: unknown;
+    id?: string;
+    name?: string;
+}) => ReactElement;
+export type CustomField<V> = {
+    type: "custom";
+    render: Render<V>;
+    [GAP_FIELD_CONTAINER]?: GapContainer;
+    showWhen?: ShowWhenRule;
+};
+export declare function Label({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function noGlyph(reason: string): ReactElement;
+export declare function isNoGlyph(icon: ReactElement): boolean;
+export declare function iconOf(icon: ReactElement): ReactElement | undefined;
+export declare function backTo(value: string, from: string): string;
+type MarkProps = {
+    changed?: boolean;
+    onReset?: () => void;
+};
+export declare function usePageWidthDetail(): string;
+export declare function useSiteGapDetail(): string;
+export declare function SiteGapDefaultReset({ inherited, onReset, label, }: {
+    inherited: boolean;
+    onReset: () => void;
+    label: string;
+}): import("react").JSX.Element;
+export declare function WidthDefaultReset({ inherited, onReset, label, }: {
+    inherited: boolean;
+    onReset: () => void;
+    label: string;
+}): import("react").JSX.Element;
+export { readHidable, hidableText, type HidableValue };
+export declare function HidableTextField({ value, onChange, label, placeholder, hint, multiline, hideable, markup, }: {
+    value: HidableValue;
+    onChange: (v: HidableValue) => void;
+    label: string;
+    placeholder?: string;
+    hint?: string;
+    multiline?: boolean;
+    hideable?: boolean;
+    markup?: boolean;
+}): import("react").JSX.Element;
+export { TEXT_FIELD_MARKER, LINK_FIELD_MARKER, SCAFFOLD_FIELD_MARKER };
+export { MEDIA_FIELD_MARKER, FOLD_FIELD_MARKER, foldMetaOf, textFieldIdentifier };
+export type { FoldFieldMeta };
+export declare function withScaffold<F extends object>(field: F, scaffold: unknown): F;
+export declare function withOffPage<F extends object>(field: F): F;
+export declare function textFieldOffPage(field: unknown): boolean;
+export declare function withPanelOnly<F extends object>(field: F): F;
+export declare function textFieldPanelOnly(field: unknown): boolean;
+export declare function withIdentifier<F extends object>(field: F): F;
+export { TEXT_CONTROL_KINDS, SCALAR_TEXT_CONTROLS, type TextControlKind, type ScalarTextControlKind } from "efficient-easel/draw";
+export type { TextFieldMeta };
+export declare function inOwnBox<F extends object>(field: F, render: (props: {
+    value?: unknown;
+    onChange: (v: string) => void;
+}) => ReactElement): F;
+export declare const BOUND_TO_POST_NOTE = "Everything else on this block comes from the linked post. Unlink it to edit by hand.";
+export declare const BOUND_TO_POST: ShowWhenRule;
+export declare const NOT_BOUND_TO_POST: ShowWhenRule;
+export declare const HIGHLIGHT_HINT = "Select a word, then press the highlighter.";
+export declare const hintIsWhileTyping: (hint: string) => boolean;
+export declare function text(label: string, placeholder?: string, hint?: string): CustomField<HidableValue>;
+export declare function textarea(label: string, placeholder?: string, hint?: string): CustomField<HidableValue>;
+export declare function plainText(label: string, placeholder?: string, hint?: string): CustomField<HidableValue>;
+export declare function copyText(label: string, placeholder?: string, hint?: string): CustomField<HidableValue>;
+export declare function linkField(label: string): CustomField<HidableValue>;
+export declare function plainTextarea(label: string, placeholder?: string, hint?: string): CustomField<HidableValue>;
+export declare const BUCKET_ICONS: Record<Bucket, (props: {
+    size?: number;
+}) => ReactElement>;
+export declare function entriesHiddenForTab(buckets: readonly Bucket[], active: string): boolean | null;
+export declare function group(label: string): CustomField<undefined>;
+export declare function panelNote(text: string): CustomField<undefined>;
+export declare function PanelNoteLine({ text }: {
+    text: string;
+}): import("react").JSX.Element;
+export declare function section(label: string): CustomField<undefined>;
+export declare function isBucketHeader(field: unknown): boolean;
+export declare function bucketHeader(bucket: Bucket, tabs: readonly Bucket[] | null): CustomField<undefined>;
+export declare function designGroupHeader(group: DesignGroup): CustomField<undefined>;
+export declare function foldTitleOf(field: unknown): string | null;
+export declare function foldMarker<F>(field: F, title: string): F;
+export declare function quietMarker<F>(field: F): F;
+export declare function PanelBand({ title, children }: {
+    title: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function GroupLabel({ label }: {
+    label: string;
+}): import("react").JSX.Element;
+export declare function Swatches({ swatches, current, onPick, names, }: {
+    swatches: readonly string[];
+    current: string;
+    onPick: (next: string) => void;
+    names?: Readonly<Record<string, string>>;
+}): import("react").JSX.Element;
+export declare function backgroundField(label: string, builtIn: SectionBackground): CustomField<SectionBackground>;
+export declare function cardImageBackgroundField(label: string, builtIn: string): CustomField<unknown>;
+export declare function sectionThemeFields(readValue?: (v: unknown) => unknown, followLabel?: string): Record<string, CustomField<unknown>>;
+export declare function Slider({ min, max, step, value, onChange, suffix, readout, notch, ariaLabel, disabled, }: {
+    min: number;
+    max: number;
+    step: number;
+    value: number;
+    onChange: (next: number) => void;
+    suffix?: string;
+    readout?: boolean;
+    notch?: number;
+    ariaLabel?: string;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+export declare function slider(label: string, icon: ReactElement, min: number, max: number, step: number, fallback: number, suffix?: string, action?: (value: unknown, onChange: (v: unknown) => void) => ReactNode): CustomField<number>;
+export declare function pxField(label: string, opts: {
+    min: number;
+    max: number;
+    step?: number;
+    unsetLabel?: string;
+    icon?: ReactElement;
+    hint?: ReactNode;
+    unsetMark?: ReactElement<MarkProps>;
+    restTrack?: (p: {
+        min: number;
+        max: number;
+        step: number;
+        px: number | null;
+        label: string;
+        onChange: (v: number) => void;
+    }) => ReactElement;
+}): CustomField<number | null>;
+export declare function gapField(container: GapContainer): CustomField<number | string>;
+interface CornersRowTier {
+    sidesKey: string;
+    step?: number;
+    useFollowed: () => number;
+    useClosedReason?: () => string | null;
+    mark: ReactElement<MarkProps>;
+    hint: ReactNode;
+}
+export declare function cornersRowField(tier: CornersRowTier): CustomField<number | null>;
+export declare function useSelectedSibling(key: string): [unknown, (next: unknown) => void];
+export declare function cornerSidesField(): CustomField<string[] | null>;
+export declare function sectionCornersField(): CustomField<number | null>;
+export declare const SECTION_BLEEDS_HINT = "This section runs edge to edge, so its corners sit off the page. Set Width to Content width to use them.";
+export declare function sectionShapeFields(): Record<string, unknown>;
+export declare function sectionBorderField(tier: "desktop" | "mobile"): CustomField<SettingsBorderValue | undefined>;
+export declare function sectionAnimationFields(): Record<string, unknown>;
+export declare function cardCornersField(): CustomField<number | null>;
+export declare function templateField<V>(inner: CustomField<V>): CustomField<V>;
+export declare function cardShapeFields(): Record<string, unknown>;
+export declare function boxJustifyField(): SelectField;
+export declare function boxAlignField(): SelectField;
+export declare function boxWrapField(): SelectField;
+export declare function boxShareField(): CustomField<string>;
+export declare function boxBlockSpacingField(): SelectField;
+export declare function boxPhoneRowField(): CustomField<number>;
+export declare function directionField(container: DirectionContainer): CustomField<string>;
+export declare function sizeField(label: string, min: number, max: number, step: number, fallback: number, role: TypeRole): CustomField<TypeSizeValue>;
+export declare function cellWidthFields(): Record<string, unknown>;
+export declare function useSelectedProps(): Record<string, unknown>;
+export declare function phoneOverrideField(opts: {
+    label: string;
+    desktopKey: string;
+    icon: ReactElement;
+    min: number;
+    max: number;
+    step: number;
+    fallback: number;
+}): CustomField<number | null>;
+export declare function phoneChoiceField<V extends string>(opts: {
+    label: string;
+    icon: ReactElement;
+    options: {
+        label: string;
+        value: V;
+        picture?: ReactElement;
+    }[];
+    desktopKey: string;
+    resolve: (stored: unknown, desktop: unknown) => V;
+}): CustomField<V | undefined>;
+export declare function PhoneChoiceStrip<V extends string>({ label, icon, options, value, resolved, restWord, onChange, }: {
+    label: string;
+    icon: ReactElement;
+    options: {
+        label: string;
+        value: V;
+        picture?: ReactElement;
+    }[];
+    value: V | undefined;
+    resolved: V;
+    restWord: string;
+    onChange: (next: V | undefined) => void;
+}): import("react").JSX.Element;
+export declare function PhoneChoiceRow<V extends string>({ label, icon, options, desktopKey, resolve, value, onChange, }: {
+    label: string;
+    icon: ReactElement;
+    options: {
+        label: string;
+        value: V;
+        picture?: ReactElement;
+    }[];
+    desktopKey: string;
+    resolve: (stored: unknown, desktop: unknown) => V;
+    value: V | undefined;
+    onChange: (next: V | undefined) => void;
+}): import("react").JSX.Element;
+export declare function spacingFields(opts?: {
+    top?: number;
+    bottom?: number;
+    keys?: {
+        top: string;
+        bottom: string;
+    };
+    group?: boolean;
+    only?: "top";
+    phone?: boolean;
+    sides?: boolean;
+    side?: number;
+    sidePhone?: number;
+    sideBounds?: {
+        min: number;
+        max: number;
+        step: number;
+    };
+}): Record<string, CustomField<undefined> | CustomField<number>>;
+type PadSide = "top" | "right" | "bottom" | "left";
+export declare const SIDE_PAD_KEYS: Record<PadSide, string>;
+export declare function sidesPaddingPatch(keys: Record<PadSide, string>, before: SettingsSidesValue, next: SettingsSidesValue): Record<string, number | undefined>;
+export type SidesPaddingOptions = {
+    keys?: Partial<Record<PadSide, string>>;
+    phone?: boolean;
+    fallback?: Partial<Record<PadSide, number>>;
+    group?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+export declare function sidesPaddingFields(opts?: SidesPaddingOptions): Record<string, CustomField<undefined> | CustomField<number>>;
+type PositionKeys = {
+    x: string;
+    y: string;
+};
+export declare function positionPatch(keys: PositionKeys, before: PositionValue, next: PositionValue): Record<string, number | undefined>;
+export type PositionOptions = {
+    keys: PositionKeys;
+    min: number;
+    max: number;
+    step?: number;
+    label?: string | null;
+};
+export declare function positionFields(o: PositionOptions): Record<string, CustomField<number>>;
+export declare function widthField(defaultMode: WidthMode, modes?: readonly WidthMode[], inheritable?: boolean): Record<string, CustomField<undefined> | CustomField<string> | CustomField<number>>;
+export declare function heightFields(): Record<string, CustomField<undefined> | CustomField<string> | CustomField<number>>;
+export declare function stickFields(): Record<string, CustomField<undefined> | CustomField<boolean> | CustomField<number>>;
+export declare function anchorFields(): Record<string, CustomField<undefined> | CustomField<HidableValue>>;
+export declare function dateTime(label: string, icon?: ReactNode, hint?: string): CustomField<string>;
+export declare function toggle(label: string, fallback: boolean, icon?: ReactNode): CustomField<boolean>;
+export declare function pageBackgroundField(): CustomField<string>;
+export declare function checkbox(label: string, fallback: boolean): CustomField<boolean>;
+export type FollowsSiteButton = {
+    follows: "fill" | "ink";
+};
+export declare const FOLLOWS_SITE_BUTTON: FollowsSiteButton;
+export declare const FOLLOWS_SITE_BUTTON_INK: FollowsSiteButton;
+export declare function colorInput(label: string, fallback: string | FollowsSiteButton, icon?: ReactElement): CustomField<string>;
+export declare const FOCAL_POINTS: {
+    value: string;
+    label: string;
+}[];
+export { FOCAL_DEFAULT };
+export declare function FocalPicker({ label, value, onChange, points, }: {
+    label: string;
+    value: string;
+    onChange: (next: string) => void;
+    points?: readonly AlignmentPoint[];
+}): import("react").JSX.Element;
+export declare function focusKeptField(): CustomField<string>;
+export interface PlacementFieldOptions {
+    stacking: boolean;
+    fallback?: HeroGroupPlacement;
+}
+export declare function placementField(label: string, { stacking, fallback }: PlacementFieldOptions): CustomField<string>;
+export declare function PlacementGridView({ label, value, onChange, points, }: {
+    label: string;
+    value: string;
+    onChange: (next: string) => void;
+    points: readonly {
+        value: string;
+        label: string;
+        disabled?: boolean;
+        title?: string;
+    }[];
+}): import("react").JSX.Element;
+export type { EdgeCell };
+export declare const EDGE_ARROWS: Record<EdgeCell, ReactNode>;
+export declare function edgePad(label: string, options: readonly {
+    label: string;
+    value: string;
+    cell: EdgeCell;
+}[], fallback: string, hint: string, glyph: ReactNode, icons?: Partial<Record<EdgeCell, ReactNode>>): CustomField<string>;
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export type SelectField = CustomField<string> & SelectData;
+export declare function select(label: string, icon: ReactElement, options: readonly SelectOption[], fallback: string, note?: string): SelectField;
+export type MultiSelectFieldType = CustomField<string[]> & {
+    options: readonly SelectOption[];
+};
+export declare function multiSelect(label: string, options: readonly SelectOption[], emptyLabel?: string): MultiSelectFieldType;
+export declare function searchSelect(label: string, options: readonly SelectOption[], fallback: string, placeholder?: string): SelectField;
+export declare function sourceField<V, E extends object = Record<never, never>>(Component: (props: {
+    value: V;
+    onChange: (v: V) => void;
+} & E) => ReactElement, extra?: E): CustomField<V>;
+export declare function Segmented<V = string>({ options, value, onChange, ariaLabel, disabled, }: {
+    options: readonly {
+        label: string;
+        value: V;
+        title?: string;
+        picture?: ReactElement;
+    }[];
+    value: V;
+    onChange: (next: V) => void;
+    ariaLabel: string;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+export declare const MEDIA_TYPE_OPTIONS: {
+    label: string;
+    value: "image" | "video";
+}[];
+export declare function segmented(label: string, icon: ReactElement, options: (string | {
+    label: string;
+    value: string;
+    picture?: ReactElement;
+})[], fallback: string): CustomField<string>;
+export declare function segmented<V>(label: string, icon: ReactElement, options: {
+    label: string;
+    value: V;
+    picture?: ReactElement;
+}[], fallback: V): CustomField<V>;
+export declare function upload(label: string, accept: string, placeholder?: string, opts?: {
+    focus?: string;
+    focusWhen?: (props: Record<string, unknown>) => boolean;
+}): CustomField<MediaValue>;
+export declare const CUSTOM_FIELD_MEDIA: Record<string, string[]>;
+export declare function CoordsField({ value, onChange, label, }: {
+    value: GeocodeState | undefined;
+    onChange: (v: GeocodeState) => void;
+    label: string;
+}): import("react").JSX.Element;
+export declare function rowText(items: {
+    text?: string;
+}[], focused: number | null): string;
+export declare function setRowText(items: {
+    text?: string;
+}[], focused: number | null, text: string): {
+    text: string;
+}[];
+export declare function focusAfterRemove(focused: number | null, removed: number): number | null;
+export declare function aimAfterListChange(prev: readonly object[], next: readonly object[], focused: number | null): number | null;
+export type { TextListRendering };
+export declare const TICKER_ITEMS_ROW: {
+    readonly label: "Ticker items";
+    readonly icon: import("react").JSX.Element;
+};
+export declare function textList(label: string, icon: ReactElement, placeholder: string, rendering: TextListRendering): CustomField<{
+    text?: string;
+}[]>;
+export declare function TextListField({ label, icon, items, placeholder, onChange, markup, }: {
+    label: string;
+    icon?: ReactNode;
+    items: {
+        text?: string;
+    }[];
+    placeholder: string;
+    onChange: (next: {
+        text: string;
+    }[]) => void;
+    markup?: boolean;
+}): import("react").JSX.Element;
+export declare function textListRowField(meta: TextFieldMeta, index: number): CustomField<HidableValue>;
+export declare function cardMediaFields(opts?: {
+    coverHint?: string;
+    spinDefault?: boolean;
+}): Record<string, CustomField<unknown>>;
+export declare function cardStyleFields(): Record<string, CustomField<unknown>>;
+export interface CardShowDefaults {
+    showCardSizes: boolean;
+    showCardBuy: boolean;
+    showCardPage: boolean;
+}
+export declare function cardShowFields(opts?: {
+    bottomDefault: boolean;
+} | {
+    defaults: CardShowDefaults;
+}): Record<string, CustomField<unknown>>;
+export declare function displayFields(parts: readonly {
+    id: string;
+    label: string;
+}[], key?: string): Record<string, CustomField<unknown>>;
+export declare function cardImageField(): CustomField<number | null>;
+export declare function imageCornersField(): CustomField<number | null>;
+export declare function galleryLayoutField(): CustomField<string>;

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

@@ -0,0 +1 @@
+"use client";import{jsx as r,jsxs as O,Fragment as I}from"react/jsx-runtime";import{cloneElement as ge,useId as yt,useRef as re,useState as U}from"react";import{useEasel as j,useSelectedFields as ie}from"efficient-easel/easel";import{say as l,editorEaselWords as x}from"../../../format/lib/editor-words.js";import{readHidable as be,hidableText as xe}from"efficient-easel/draw";import{FOLD_FIELD_MARKER as q,LINK_FIELD_MARKER as ye,MEDIA_FIELD_MARKER as Se,SCAFFOLD_FIELD_MARKER as Ce,TEXT_FIELD_MARKER as E,foldMetaOf as le,textFieldIdentifier as St}from"efficient-easel/draw";import Ct from"../../components/ApplyCornersToSiblings.js";import _t from"../../components/TemplateFieldRow.js";import{CARD_IMAGE_RADIUS_STEP as It,CORNER_RADIUS_MAX as _e,CORNER_RADIUS_MIN as B}from"../../../format/lib/content/card-image-shape.js";import{IMAGE_CORNER_STEP as Et,IMAGE_CORNERS_LABEL as Tt}from"../../../format/lib/content/image-corners.js";import{GRID_MAX_COLUMNS as Ot}from"../../../format/lib/content/grid-span.js";import{GALLERY_ACROSS_BUCKETS as Rt,GALLERY_LAYOUTS as X,GALLERY_LAYOUT_KEYS as Ie}from"../../../format/lib/content/gallery-layout.js";import{anchorSiblingsOf as wt,HERO_GROUP_PLACEMENTS as Pt,HERO_GROUP_PLACEMENT_DEFAULT as kt,normalisePlacement as Lt,placementPoints as Ee}from"../../../format/lib/hero-group-placement.js";import Nt from"../../components/KeepHint.js";import vt from"../../components/AnchorField.js";import{AdjustIcon as At,AlignLeftIcon as Ft,EyeIcon as Dt,AlignSeparateIcon as Bt,AnimationIcon as Te,BackgroundIcon as Ht,BorderAllIcon as Gt,BlockSectionIcon as Mt,CartIcon as Kt,ColumnWidthsIcon as Oe,ColumnsIcon as Re,CornerIcon as Wt,DirectionDownIcon as Ut,DirectionLeftIcon as jt,DirectionRightIcon as Xt,DirectionUpIcon as $t,DollarIcon as zt,FinishIcon as Vt,GapIcon as we,GridIcon as Yt,GroundIcon as qt,HashIcon as Pe,HeightIcon as Jt,ImageIcon as Zt,ListIcon as Qt,LocationIcon as ae,NudgeIcon as en,PaddingAllIcon as tn,PaddingBottomIcon as ke,PaddingLeftIcon as Le,PaddingRightIcon as Ne,PaddingTopIcon as ve,PageIcon as Ae,PlacementIcon as nn,ProductSizeIcon as on,StickyIcon as rn,RotateIcon as ln,SquareIcon as an,TypeIcon as sn,WidthIcon as cn,WrapIcon as dn}from"efficient-easel/icons";import{FieldGlyph as Fe}from"../../components/FieldGlyph.js";import{resolvePageBackground as un}from"../../../format/lib/content/page-background.js";import{CORNER_SIDES as De,CORNER_SIDE_POINTS as pn,hasOwnSectionCorners as fn,normalizeCornerSides as Be}from"../../../format/lib/content/section-corners.js";import{SECTION_MOTION_NONE as hn,SECTION_MOTION_OPTIONS as mn}from"../../../format/lib/content/section-animation.js";import{enclosingSectionProps as He}from"./enclosing-section.js";import{SettingsDefaultReset as y,SettingsField as m,SettingsGroup as gn,SettingsGroupSub as bn,SettingsBorder as xn,SettingsSegmented as yn,SettingsSides as Sn,SettingsSidesEach as Ge,sidesStartEach as Cn,SettingsSwitch as Me,borderSides as _n,borderStartEach as In}from"efficient-easel/panel";import{FieldSelect as En,ListField as Tn}from"efficient-easel/fields";import{DisplayChips as On}from"efficient-shell/ui";import{desktopDisplayChanged as Rn,partShownOnDesktop as wn,partShownOnPhone as Pn,phoneDisplayChanged as kn,withDesktopPart as Ln,withPhonePart as Nn}from"../../../format/lib/content/part-display.js";import{AlignmentGrid as vn,Checkbox as An,CornersInput as Fn,DateTimePicker as Dn,FOCAL_DEFAULT as Bn,PictureTiles as Ke,PositionInput as Hn,Slider as Gn,Tooltip as We}from"efficient-shell/ui";import{ColourRow as Ue,InheritedColourRow as Mn}from"./ColourControl.js";import je from"./MarkupToolbar.js";import{deviceField as g}from"efficient-easel/screen/lib/document/device-fields";import{NO_CONTROL_FIELD as Kn,NoControlMark as J,noControlField as $}from"efficient-easel/screen/lib/document/panel-no-control-mark";import{OWN_BOX_FIELD as Wn}from"../../../format/lib/document/own-box.js";import{PHONE_CLEAR as Un,resolvePhoneValue as se}from"../../../format/lib/document/phone-override.js";import{phoneKey as H}from"efficient-easel/draw";import{SuppressibleText as jn}from"./section-text-suppress.js";import{CARD_INDEX_OPTIONS as Xn,CARD_OUTLINE_OPTIONS as $n,DEFAULT_CARD_INDEX_FORMAT as zn,DEFAULT_CARD_OUTLINE as Vn}from"../../../format/lib/sections/product-card-style.js";import{COVER_INDEX_OPTIONS as Yn,DEFAULT_COVER_INDEX as qn}from"../../../format/lib/sections/card-cover-index.js";import{SCALAR_TEXT_CONTROLS as Jn}from"efficient-easel/draw";import Zn from"../../components/MediaUploadField.js";import Qn from"../../components/MultiSelectField.js";import eo from"../../components/SectionThemePicker.js";import to from"../../components/SearchSelectField.js";import no from"../../components/StorefrontLinkField.js";import{UiIcon as Xe}from"efficient-easel/draw/client";import{SECTION_PADDING as T}from"../../../format/lib/content/section-padding.js";import{hasPhoneHeight as oo,resolveSectionMinHeight as ro}from"../../../format/lib/content/section-min-height.js";import{SECTION_STICK_DISTANCE as Z,SECTION_STICK_LABEL as ce,hasPhoneStick as io,resolveSectionStick as lo}from"../../../format/lib/content/section-sticky.js";import{SECTION_MIN_HEIGHT as ao,SECTION_MIN_HEIGHT_GROUP_LABEL as z,SECTION_SCREEN_PCT as so}from"../../../format/lib/content/section-min-height.js";import{CONTAINER_DIRECTION_LABEL as co,containerDirectionPoints as uo,resolveContainerDirection as $e}from"../../../format/lib/content/container-direction.js";import{BOX_ALIGN_POINTS as po,BOX_BLOCK_SPACING_LABEL as fo,BOX_BLOCK_SPACING_POINTS as ze,BOX_JUSTIFY_POINTS as Ve,BOX_PHONE_ROW_LABEL as ho,BOX_PHONE_ROW_MAX as mo,BOX_PHONE_ROW_MIN as Ye,BOX_SHARE_LABEL as qe,BOX_SHARE_POINTS as de,BOX_WRAP_LABEL as go,BOX_WRAP_POINTS as Je}from"../../../format/lib/content/box-layout.js";import{usePreviewHeader as G}from"../../../render/components/PreviewHeaderContext.js";import{BORDER_MAX as bo}from"../../../format/lib/content/borders.js";import{DEFAULT_SURFACES as xo,normalizeTheme as yo,siteButtonPaint as So}from"../../../format/lib/theme.js";import{CONTAINER_GAP as ue,CONTAINER_GAP_BUILT_IN as Co,GAP_FIELD_CONTAINER as _o,hasOwnContainerGap as Io,resolveContainerGap as Eo}from"../../../format/lib/content/container-gap.js";import{CARD_IMAGE_BG_INHERIT as To,CARD_IMAGE_BG_OFF as Oo,CARD_IMAGE_BG_SWATCH_NAMES as Ro,CARD_IMAGE_BG_SWATCHES as wo,isCardImageBackgroundInheriting as Po,cardImageBackgroundChoice as ko,THEME_CARD_IMAGE_BG as Lo}from"../../../format/lib/content/card-image-background.js";import{SECTION_BG_INHERIT as No,SECTION_BG_SWATCHES as vo,SECTION_BG_SWATCH_NAMES as Ao,THEME_SECTION_BG as Fo,isSectionBackgroundInheriting as Do}from"../../../format/lib/content/section-background.js";import{SECTION_THEME_GROUP_LABEL as Bo}from"../../../format/lib/content/section-surface.js";import{TYPE_SIZE_FIXED as Ho,TYPE_SIZE_INHERIT as Go,isTypeSizeInheriting as Mo}from"../../../format/lib/content/section-type-size.js";import{SECTION_WIDTH_CHOICES as Ko,WIDTH_CHOICE_LABEL as Wo,WIDTH_INHERIT as Uo,resolveWidth as jo,sectionRunsFullWidth as Ze}from"../../../format/lib/content/section-width.js";import{useFoldHeadingLevel as Xo}from"./panel-heading-scope.js";import{withStyleKind as $o}from"efficient-easel/style-clipboard";import{useEaselSession as zo}from"efficient-easel/screen/lib/session-context";import{backendOf as Vo}from"../website-session.js";import{describedAs as R}from"../../../format/lib/host-document-bridge.js";function M(e){for(const[t,n]of Object.entries(e))n&&typeof n=="object"&&!le(n)&&$o(n,`section:${t}`);return e}function al({children:e}){return r("div",{className:"sf-field-label",children:typeof e=="string"?l(e):e})}function Qe(){return null}function Yo(e){if(!e.trim())throw new Error("noGlyph() needs a reason naming the ruling that decided it.");return r(Qe,{},e)}function qo(e){return e.type===Qe}function k(e){return qo(e)?void 0:e}function N(e,t){return l("{value} from {from}",{value:e,from:t})}function Jo(){const{appState:e}=j(i=>i),t=e.data.root?.props??{},{mode:n,pageWidth:o}=jo(t,"full");return n==="page"?N(`${o}px`,l("the page")):n==="contained"?N(l("Contained"),l("the page")):N(l("Full"),l("the page"))}function Zo(){const{blockGap:e}=G();return e===null?l("this container's own spacing"):N(`${e}px`,l("Styles"))}function Qo({inherited:e,onReset:t,label:n}){return r(y,{words:x()?.panel,label:l(n),changed:!e,detail:Zo(),onReset:t})}function er({inherited:e,onReset:t,label:n}){return r(y,{words:x()?.panel,label:l(n),changed:!e,detail:Jo(),onReset:t})}function v({value:e,onChange:t,label:n,placeholder:o,hint:i,multiline:a,hideable:c=!0,markup:s=!0}){const{text:d,hidden:u}=be(e),f=re(null),p=re(null),h=P=>t(c?{text:P,hidden:u}:P),b=()=>t({text:d,hidden:!u}),C=c&&u,w=yt(),_=i?ir(i)?r("span",{className:"sf-hint-keep sf-hint-while-typing",children:l(i)}):r(Nt,{children:l(i)}):void 0,Y=u?l("Show {label} on the slide",{label:l(n)}):l("Hide {label} on the slide",{label:l(n)});return r(m,{label:l(n),icon:r(sn,{}),htmlFor:w,className:C?"is-hidden":void 0,hint:_,action:c?r(We,{content:Y,children:r("button",{type:"button",className:"sf-field-eye","aria-pressed":u,"aria-label":Y,onClick:b,children:u?r(Xe,{name:"eye-off",size:14}):r(Xe,{name:"eye",size:14})})}):void 0,children:O("div",{className:"sf-copybox",children:[s&&r(je,{target:a?p:f,value:d,onChange:h}),a?r("textarea",{id:w,ref:p,value:d,placeholder:o===void 0?void 0:l(o),onChange:P=>h(P.target.value)}):r("input",{id:w,ref:f,type:"text",value:d,placeholder:o===void 0?void 0:l(o),onChange:P=>h(P.target.value)})]})})}function sl(e,t){return{...e,[Ce]:t}}function cl(e){const t=e[E];if(!t)throw new Error("withOffPage: the field holds no authored text");return{...e,[E]:{...t,offPage:!0}}}function dl(e){return!e||typeof e!="object"?!1:e[E]?.offPage===!0}const et="sfPanelOnly";function ul(e){if(!e[E])throw new Error("withPanelOnly: the field holds no authored text");return{...e,[et]:!0}}function pl(e){return!!e&&typeof e=="object"&&e[et]===!0}function fl(e){const t=e[E];if(!t)throw new Error("withIdentifier: the field holds no authored text");return{...e,[E]:{...t,identifier:!0}}}import{TEXT_CONTROL_KINDS as va,SCALAR_TEXT_CONTROLS as Aa}from"efficient-easel/draw";function hl(e,t){if(!e[E])throw new Error("inOwnBox: the field holds no authored text");const{[Kn]:o,...i}=e;return{...i,[Wn]:!0,render:t}}const tr=new Set(Jn),Q={type:"radio",options:[{value:!0},{value:!1}]},tt={text:{type:"object",objectFields:{text:{type:"text"},hidden:Q}},textarea:{type:"object",objectFields:{text:{type:"textarea"},hidden:Q}},plainText:{type:"text"},copyText:{type:"text"},plainTextarea:{type:"textarea"},textList:{type:"array",arrayFields:{text:{type:"text"}}}},A=(e,t)=>{const n=R({...t,[E]:e},{...tt[e.control],label:e.label});if(!tr.has(e.control))return n;const o=t.render;return{...$(n,"authored-copy"),render:i=>r(jn,{name:i.name,children:o(i)})}},ml="Everything else on this block comes from the linked post. Unlink it to edit by hand.",nr={field:"source.slug",set:!0},gl={not:nr},or="Select a word, then press the highlighter.",rr=new Set([or]),ir=e=>rr.has(e);function bl(e,t,n){return A({control:"text",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(v,{value:o,onChange:i,label:e,placeholder:t,hint:n})})}function xl(e,t,n){return A({control:"textarea",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(v,{value:o,onChange:i,label:e,placeholder:t,hint:n,multiline:!0})})}function yl(e,t,n){return A({control:"plainText",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(v,{value:o,onChange:i,label:e,placeholder:t,hint:n,hideable:!1,markup:!1})})}function Sl(e,t,n){return A({control:"copyText",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(v,{value:o,onChange:i,label:e,placeholder:t,hint:n,hideable:!1})})}function Cl(e){return{type:"custom",[ye]:{label:e},...R({},{type:"text",label:e}),render:({value:t,onChange:n})=>r(no,{value:xe(t),onChange:n,label:e})}}function _l(e,t,n){return A({control:"plainTextarea",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(v,{value:o,onChange:i,label:e,placeholder:t,hint:n,multiline:!0,hideable:!1})})}const Il={Design:At,Animation:Te};function El(e,t){return e.includes("Design")?t!=="Design":null}function nt(e,t){return{type:"custom",[q]:{label:e,level:t},marker:!0,fold:e,render:()=>r(I,{})}}function S(e){return nt(e,2)}function Tl(e){return{type:"custom",render:()=>r(lr,{text:e})}}function lr({text:e}){return r("p",{className:"sf-note",children:l(e)})}function Ol(e){return nt(e,1)}function Rl(e){return le(e)!==null&&e?.tabs!==void 0}const ot=new Map;function wl(e,t){const n=`${e}\0${t?t.join("
"):""}`,o=ot.get(n)??{type:"custom",tabs:t,[q]:{label:e,level:1},bucket:e,marker:!0,render:()=>r(I,{})};return ot.set(n,o),o}const rt=new Map;function Pl(e){const t=rt.get(e)??{type:"custom",[q]:{label:e,level:1},designGroup:e,marker:!0,...e==="Content"?{}:{fold:e},render:()=>r(I,{})};return rt.set(e,t),t}function ar(e){const t=e;return t?.marker===!0&&typeof t.fold=="string"?t.fold:null}function kl(e,t){return ar(e)===t?e:{...e,marker:!0,fold:t,render:()=>r(I,{})}}function Ll(e){const t=e;if(t.marker===!0&&t.fold===void 0)return e;const{fold:n,...o}=e;return{...o,marker:!0,render:()=>r(I,{})}}function Nl({title:e,children:t}){const[n,o]=U(()=>!pe.has(e));return r(gn,{title:e,open:n,onToggle:i=>{o(i),i?pe.delete(e):pe.add(e)},children:t})}const pe=new Set;function vl({label:e}){return r(bn,{title:l(e),level:Xo(2)})}function it({swatches:e,current:t,onPick:n,names:o}){const i=e.find(s=>s.toLowerCase()===t.toLowerCase()),a=i?o?.[i]:void 0,c=a?l(a):t;return O("div",{className:"sf-swatches",children:[e.map(s=>{const d=o?.[s]?l(o[s]):s;return r(We,{content:d,children:r("button",{type:"button","aria-pressed":t.toLowerCase()===s.toLowerCase(),className:`sf-swatch ${t.toLowerCase()===s.toLowerCase()?"is-active":""}`,style:{background:s},onClick:()=>n(s),"aria-label":d})},s)}),r("span",{className:"sf-swatch-hex",children:c})]})}function Al(e,t){return{type:"custom",render:({value:n,onChange:o})=>{const i=Do(n,t);return r(m,{label:l(e),icon:r(Ht,{}),changed:!i,action:r(y,{words:x()?.panel,label:l(e),changed:!i,detail:l("the theme's section background"),onReset:()=>o(No)}),children:it({swatches:vo,current:i?Fo:n??t??"",onPick:o,names:Ao})})}}}function sr(e,t){return{type:"custom",render:({value:n,onChange:o})=>{const i=n,a=Po(i,t);return r(m,{label:l(e),icon:r(qt,{}),changed:!a,action:r(y,{words:x()?.panel,label:l(e),changed:!a,detail:l("the theme's image stage"),onReset:()=>o(To)}),children:it({swatches:wo,current:a?Lo:ko(i,t),onPick:o,names:Ro})})}}}function Fl(e=n=>n,t){return M({_gSectionTheme:S(Bo),sectionAccent:{type:"custom",render:({value:n,onChange:o})=>r(eo,{value:e(n),onChange:o,followLabel:t})}})}function K({min:e,max:t,step:n,value:o,onChange:i,suffix:a="",readout:c=!0,notch:s,ariaLabel:d,disabled:u=!1}){const f=s!==void 0&&Number.isFinite(s)&&s>=e&&s<=t;return r("div",{className:f?"sf-slider has-notch":"sf-slider",style:f?{"--sf-notch":(s-e)/(t-e)}:void 0,children:r(Gn,{min:e,max:t,step:n,value:o,suffix:a||void 0,showInput:c,label:d===void 0?void 0:l(d),disabled:u,size:"sm",boxSize:"md",className:"sf-slider-track",onChange:p=>{p!==null&&p!==o&&i(p)}})})}function W(e,t,n,o,i,a,c="",s){return{type:"custom",...R({},{type:"number",label:e}),render:d=>r(m,{label:l(e),icon:k(t),action:s?s("storedValue"in d?d.storedValue:d.value,d.onChange):void 0,children:K({min:n,max:o,step:i,value:typeof d.value=="number"?d.value:a,suffix:c,ariaLabel:e,onChange:d.onChange})})}}function lt(e,t){const{min:n,max:o,step:i=1,unsetLabel:a,hint:c,restTrack:s,unsetMark:d,icon:u}=t;return{type:"custom",render:({value:f,onChange:p})=>{const h=typeof f=="number"?f:null,b=h===null;return r(m,{label:l(e),icon:u?k(u):void 0,value:b?d||a===void 0?void 0:l(a):`${h}px`,changed:!b,action:d?ge(d,{changed:!b,onReset:()=>p(null)}):r(y,{words:x()?.panel,label:l(e),changed:!b,onReset:()=>p(null)}),hint:typeof c=="string"?l(c):c,children:s?s({min:n,max:o,step:i,px:h,label:e,onChange:p}):K({min:n,max:o,step:i,value:h??n,readout:!1,ariaLabel:e,onChange:p})})}}}function Dl(e){const t=W("Gap",r(we,{}),ue.min,ue.max,ue.step,Co[e],"px",(n,o)=>r(Qo,{inherited:!Io(e,n),onReset:()=>o(void 0),label:"Gap"}));return{type:"custom",[_o]:e,render:n=>t.render({...n,value:Eo(e,n.value,n.field?.siteGap),storedValue:n.value,onChange:o=>n.onChange(o)})}}const ee="Corners";function fe(e){return{type:"custom",render:({value:t,onChange:n})=>{const o=typeof t=="number"&&Number.isFinite(t)?t:null,i=o!==null;return r(m,{label:l(ee),icon:r(Wt,{}),changed:i,action:ge(e.mark,{changed:i,onReset:()=>n(null)}),hint:e.hint,children:r(cr,{tier:e,px:o,onRadius:n})})}}}function at(e){let t=null;try{t=ie()}catch{t=null}return[t?.values?.[e],n=>t?.onChange(e,n)]}function cr({tier:e,px:t,onRadius:n}){const o=e.useFollowed(),i=e.useClosedReason?e.useClosedReason():null,[a,c]=at(e.sidesKey),s=Be(a)??[...De];return r(Fn,{label:l(ee),value:s,corners:pn,onChange:d=>{const u=Be(d)??[];c(u.length===De.length?null:u)},radius:t,onRadiusChange:n,radiusMin:B,radiusMax:_e,radiusStep:e.step??1,radiusPlaceholder:String(o),disabled:i!==null,disabledReason:i??void 0})}function st(){return $({type:"custom",render:()=>r(J,{})},"always")}function dr({label:e,changed:t=!1,onReset:n=()=>{}}){const{cornerRadiusPx:o}=G(),i=typeof o=="number"?`${o}px`:l("not set");return r(y,{words:x()?.panel,label:l(e),changed:t,detail:o==null?l("the built-in corners"):N(i,l("Styles")),onReset:n})}function ur(){const{cornerRadiusPx:e}=G();return typeof e=="number"?e:B}function pr(){return fe({sidesKey:"sectionCornerSides",useFollowed:ur,useClosedReason:()=>dt()?l(ct):null,mark:r(dr,{label:ee}),hint:r(fr,{})})}const ct="This section runs edge to edge, so its corners sit off the page. Set Width to Content width to use them.";function dt(){return Ze(F())}function fr(){return r(I,{children:dt()?ct:"Follows Styles ▸ Basics ▸ Corners until you set a number here."})}function Bl(){return M({_gShape:S("Shape"),sectionCorners:pr(),sectionCornerSides:st(),sectionBorder:ut("desktop"),sectionBorderPhone:ut("mobile")})}const hr=()=>({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 mr(e){const t=Object.fromEntries(Object.entries(e).filter(([,n])=>n!=null&&n!==""));return Object.keys(t).length?t:void 0}function gr(){let e;try{const t=yo(G().theme);e=t.themes[t.selected]?.line}catch{e=void 0}return e||xo.line}function br({value:e,onChange:t,tier:n}){const[o]=at("sectionBorder"),i=gr(),a=e&&typeof e=="object"?e:{},c=n==="mobile"?o&&typeof o=="object"?o:{}:{},[s,d]=U(()=>In(a,c)),u=hr();return r(m,{label:l("Border"),icon:r(Gt,{}),action:r(Ge,{each:s,label:l("Each side"),onChange:d}),children:r(xn,{label:l("Border"),value:a,each:s,onChange:f=>t(mr(f)),placeholder:{sides:_n(c),style:c.style??"solid",color:c.color||i},presets:[i],words:u,max:bo})})}function ut(e){return g(e,{type:"custom",render:({value:t,onChange:n})=>r(br,{value:t,onChange:n,tier:e})})}function Hl(){return{_gMotion:S("Motion"),sectionAnimation:me("Entrance",r(Te,{}),[...mn],hn)}}function he(){let e=null;try{const{appState:t,selectedItem:n}=j(i=>i),o=n?.props?.id?String(n.props.id):void 0;e=o?He(t?.data,o):null}catch{e=null}return e!==null&&Ze(e)}function pt(e){const{cornerRadiusPx:t}=G(),n=he(),o=typeof t=="number"?t:e;let i=null;try{const{appState:c,selectedItem:s}=j(u=>u),d=s?.props?.id?String(s.props.id):void 0;i=d?He(c?.data,d):null}catch{i=null}if(n||!i)return o;const a=i.sectionCorners;return fn(a)?a:o}function xr({label:e,changed:t=!1,onReset:n=()=>{}}){const o=he(),i=pt(B),a=o?"Site":"Section";return r(y,{words:x()?.panel,label:l(e),changed:t,detail:N(`${i}px`,o?l("Styles"):l("the section")),onReset:n})}function yr(){return r(I,{children:he()?l("The section is full width, so this card follows Styles ▸ Basics ▸ Corners."):l("Follows the section's Corners until you set a number here.")})}function Sr(){return fe({sidesKey:"cardCornerSides",useFollowed:()=>pt(B),mark:r(xr,{label:ee}),hint:r(yr,{})})}function Cr(){return{type:"custom",render:()=>r(Ct,{})}}function Gl(e){return{...e,render:t=>r(_t,{render:e.render,props:t})}}function Ml(){return{_gShape:S("Shape"),cardCorners:Sr(),cardCornerSides:st(),cardCornersApplyAll:Cr()}}function Kl(){return L("Justify",r(Bt,{}),Ve,Ve[0].value)}function Wl(){return L("Item alignment",r(Ft,{}),po,"stretch")}function Ul(){return L(go,r(dn,{}),Je,Je[0].value)}function jl(){return{type:"custom",render:({value:e,onChange:t})=>{const n=de.find(o=>o.value===e)??de[0];return r(m,{label:l(qe),icon:r(Oe,{}),value:l(n.label),children:r(Ke,{className:"sf-gallery-layouts",label:l(qe),value:n.value,onChange:t,options:de.map(o=>({value:o.value,label:l(o.label),picture:r("span",{className:"sf-gallery-pic",children:_r(o.weights).map((i,a)=>r("i",{style:{gridColumn:`span ${i}`}},a))})}))})})}}}function _r(e){if(!e)return[3,4];const t=e.reduce((n,o)=>n+o,0);return e.map(n=>Math.round(n/t*12))}function Xl(){return L(fo,r(we,{}),ze,ze[0].value)}function $l(){return g("mobile",W(ho,r(Re,{}),Ye,mo,1,Ye))}function zl(e){const t=me(co,Yo("`Direction` names how a container's children run — 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)."),uo(e),$e(e,void 0));return{type:"custom",render:n=>t.render({...n,value:$e(e,n.value),onChange:o=>n.onChange(o)})}}function Vl(e,t,n,o,i,a){return{type:"custom",render:({value:c,onChange:s})=>r(m,{label:l(e),icon:r(Fe,{noun:a}),action:r(y,{words:x()?.panel,label:l(e),changed:!Mo(c),detail:l("the Text style in Styles"),onReset:()=>s(Go),defaultAction:{onPress:()=>s(Ho),title:l("Keep this section's own built-in size"),icon:r(Mt,{})}}),children:K({min:t,max:n,step:o,value:typeof c=="number"?c:i,suffix:"px",ariaLabel:e,onChange:s})})}}function Yl(){return{_gCellWidth:S("Cell width"),gridSpan:L("Positions",r(Oe,{}),[{label:"Auto",value:""},...Array.from({length:Ot},(e,t)=>({label:t===0?"1 position":`${t+1} positions`,value:String(t+1)}))],"")}}function F(){let e=null;try{e=j(t=>t).selectedItem}catch{e=null}return e?.props??{}}function Ir({min:e,max:t,step:n,px:o,label:i,onChange:a,desktopKey:c,fallback:s}){const d=F()[c],u=se(void 0,d,s);return r(I,{children:K({min:e,max:t,step:n,value:se(o,d,s),readout:!1,ariaLabel:i,notch:u,onChange:a})})}function Er({label:e,desktopKey:t,fallback:n,changed:o=!1,onReset:i=()=>{}}){const a=F()[t],c=se(void 0,a,n);return r(y,{words:x()?.panel,label:l(e),changed:o,detail:l("{value} on desktop",{value:`${c}px`}),onReset:i})}function Tr(e){return lt(e.label,{icon:e.icon,min:e.min,max:e.max,step:e.step,unsetLabel:"Follows Desktop",unsetMark:r(Er,{label:e.label,desktopKey:e.desktopKey,fallback:e.fallback}),restTrack:t=>r(Ir,{...t,desktopKey:e.desktopKey,fallback:e.fallback})})}function ql(e){return{type:"custom",render:({value:t,onChange:n})=>r(Rr,{...e,value:t,onChange:n})}}function Or({label:e,icon:t,options:n,value:o,resolved:i,restWord:a,onChange:c}){const s=n.some(d=>d.value===o);return r(m,{label:l(e),icon:k(t),action:r(y,{words:x()?.panel,label:l(e),changed:s,detail:l("{value} on desktop",{value:l(a)}),onReset:()=>c(void 0)}),children:ne({options:n,value:s?o:i,onChange:d=>c(d),ariaLabel:e})})}function Rr({label:e,icon:t,options:n,desktopKey:o,resolve:i,value:a,onChange:c}){const s=F()[o],d=i(void 0,s),u=n.find(f=>f.value===d)?.label??"";return r(Or,{label:e,icon:t,options:n,value:a,resolved:d,restWord:u,onChange:c})}const wr={Top:"Padding top",Bottom:"Padding bottom",Left:"Padding left",Right:"Padding right"},Pr={Top:ve,Bottom:ke,Left:Le,Right:Ne},kr=e=>{const t=Pr[e];return r(t,{})};function Jl(e={}){const t=e.keys?.top??"sectionPaddingTop",n=e.keys?.bottom??"sectionPaddingBottom",o=e.group!==!1,i=_=>wr[_],a=_=>W(i("Top"),r(ve,{}),T.min,T.max,T.step,_,"px"),c=(_,Y,P,oe=T)=>g("mobile",Tr({label:i(_),icon:kr(_),desktopKey:Y,min:oe.min,max:oe.max,step:oe.step,fallback:P})),s=e.top??T.min,d=e.bottom??T.min,u="sectionPaddingLeft",f="sectionPaddingRight",p=e.sideBounds??T,h=e.side??p.min,b=e.sidePhone??h,C=e.phone===!0,w=_=>C?g("desktop",_):_;return M({...o?{_gSpacing:S("Padding")}:{},[t]:w(a(s)),...C?{[H(t)]:c("Top",t,s)}:{},...e.only==="top"?{}:{[n]:w(W(i("Bottom"),r(ke,{}),T.min,T.max,T.step,d,"px")),...C?{[H(n)]:c("Bottom",n,d)}:{}},...e.sides?{[u]:w(W(i("Left"),r(Le,{}),p.min,p.max,p.step,h,"px")),...C?{[H(u)]:c("Left",u,b,p)}:{},[f]:w(W(i("Right"),r(Ne,{}),p.min,p.max,p.step,h,"px")),...C?{[H(f)]:c("Right",f,b,p)}:{}}:{}})}const V=["top","right","bottom","left"],Lr={top:"sectionPaddingTop",right:"sectionPaddingRight",bottom:"sectionPaddingBottom",left:"sectionPaddingLeft"},ft=e=>typeof e=="number"?e:null;function Nr(e,t,n){const o={};for(const i of V)n[i]!==t[i]&&(o[e[i]]=n[i]??void 0);return o}function vr({tier:e,o:t}){let n=null;try{n=ie()}catch{n=null}const o=n?.values??{},i=e==="mobile"?t.phoneKeys:t.keys,a=Object.fromEntries(V.map(u=>[u,ft(o[i[u]])])),c=Object.fromEntries(V.map(u=>[u,String(e==="mobile"?ft(o[t.keys[u]])??t.fallback[u]:t.fallback[u])])),[s,d]=U(()=>Cn(a,c));return r(m,{label:l("Padding"),icon:r(tn,{}),action:r(Ge,{each:s,label:l("Each side"),onChange:d}),children:r(Sn,{label:l("Padding"),each:s,value:a,placeholder:c,min:t.min,max:t.max,step:t.step,onChange:u=>{const f=Nr(i,a,u);Object.keys(f).length&&n?.onChangeMany(f)},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 Zl(e={}){const t={...Lr,...e.keys},n={keys:t,phoneKeys:Object.fromEntries(V.map(s=>[s,H(t[s])])),fallback:{top:0,right:0,bottom:0,left:0,...e.fallback},min:e.min??0,max:e.max??200,step:e.step??4},o=e.phone!==!1,i=s=>{const d={type:"custom",render:()=>r(vr,{tier:s,o:n})};return o?g(s,d):d},a=()=>$({type:"custom",render:()=>r(J,{})},"always"),c=V.filter(s=>s!=="top");return M({...e.group===!1?{}:{_gSpacing:S("Padding")},[n.keys.top]:i("desktop"),...o?{[n.phoneKeys.top]:i("mobile")}:{},...Object.fromEntries(c.map(s=>[n.keys[s],{...a(),reachedBy:n.keys.top}])),...o?Object.fromEntries(c.map(s=>[n.phoneKeys[s],g("mobile",a())])):{}})}const ht=e=>typeof e=="number"?e:null;function Ar(e,t,n){const o={};for(const i of["x","y"])n[i]!==t[i]&&(o[e[i]]=n[i]??void 0);return o}function Fr({o:e}){let t=null;try{t=ie()}catch{t=null}const n=t?.values??{},o={x:ht(n[e.keys.x]),y:ht(n[e.keys.y])},i=l(e.label??"Position"),a=!!(o.x||o.y),c=u=>{const f=Ar(e.keys,o,u);Object.keys(f).length&&t?.onChangeMany(f)},s=r(Hn,{label:i,value:o,onChange:c,words:{x:l("Left and right"),y:l("Up and down"),unit:"px"},placeholder:{x:"0",y:"0"},min:e.min,max:e.max,step:e.step??1}),d=r(y,{words:x()?.panel,label:i,changed:a,detail:"0 px, 0 px",onReset:()=>c({x:null,y:null})});return e.label===null?O("div",{className:"sf-position-line",children:[s,d]}):r(m,{label:i,icon:r(en,{}),changed:a,action:d,children:s})}function Ql(e){return{[e.keys.x]:{type:"custom",render:()=>r(Fr,{o:e})},[e.keys.y]:{...$({type:"custom",render:()=>r(J,{})},"always"),reachedBy:e.keys.x}}}const Dr={contained:"Contained",page:"Page",full:"Full"},te="Width";function ea(e,t=Ko,n=!0){const o=t.map(i=>({label:Wo[i]??Dr[i],value:i}));return M({...n?{_gWidth:S(te)}:{},widthMode:{type:"custom",render:({onChange:i,field:a})=>r(m,{label:l(te),icon:r(cn,{}),action:n?r(er,{inherited:a?.inherited??!1,onReset:()=>i(Uo),label:te}):void 0,children:ne({options:o,value:a?.currentValue||e,onChange:i,ariaLabel:te})})}})}function ta(){const e=o=>({type:"custom",render:({value:i,onChange:a})=>r(m,{label:z,icon:k(r(Jt,{})),action:o?o(a):void 0,children:ne({options:[{label:"Auto",value:"auto"},{label:"Fixed",value:"fixed"},{label:"Screen",value:"screen"}],value:["auto","fixed","screen"].includes(i)?i:"auto",onChange:a,ariaLabel:z})})}),t=()=>({type:"custom",render:({value:o,onChange:i,field:a})=>{const c=a?.unit==="%"?"%":"px",s=c==="%"?so:ao;return r("div",{className:"sf-field",children:K({min:s.min,max:s.max,step:s.step,value:typeof o=="number"?o:s.fallback,suffix:c,ariaLabel:z,onChange:i})})}}),n=()=>me("Unit",r(Pe,{}),[{label:"px",value:"px"},{label:"%",value:"%"}],"px");return M({_gHeight:S(z),sectionHeightMode:g("desktop",e()),sectionHeightValue:g("desktop",t()),sectionHeightUnit:g("desktop",n()),sectionHeightModePhone:g("mobile",e(o=>r(Br,{onClear:()=>o(void 0)}))),sectionHeightValuePhone:g("mobile",t()),sectionHeightUnitPhone:g("mobile",n())})}function Br({onClear:e}){const t=F(),n=oo(t),o=ro(t),i=l("{value} on desktop",{value:o.mode==="auto"?l("Auto"):`${o.value}${o.unit}`});return r(y,{words:x()?.panel,label:l(z),changed:n,detail:i,onReset:e})}function na(){const e=n=>({type:"custom",render:({value:o,onChange:i,id:a,name:c})=>r(Hr,{value:o,onChange:i,labelId:`${a??c??"stickTop"}-label`,phone:n})}),t=()=>({type:"custom",render:({value:n,onChange:o})=>r("div",{className:"sf-field",children:K({min:Z.min,max:Z.max,step:Z.step,value:typeof n=="number"?n:Z.fallback,suffix:"px",ariaLabel:l("Distance from top"),onChange:o})})});return{_gStick:S(ce),stickTop:g("desktop",e(!1)),stickTopDistance:g("desktop",t()),stickTopPhone:g("mobile",e(!0)),stickTopDistancePhone:g("mobile",t())}}function Hr({value:e,onChange:t,labelId:n,phone:o}){const i=F(),a=lo(i),c=o?a.phone:e===!0;return r(m,{label:l(ce),labelId:n,icon:k(r(rn,{})),action:O(I,{children:[o?r(y,{words:x()?.panel,label:l(ce),changed:io(i),detail:l("{value} on desktop",{value:a.desktop?`${a.desktopDistance}px`:l("Off")}),onReset:()=>t(void 0)}):null,r(Me,{checked:c,onChange:t,ariaLabelledBy:n})]})})}const mt="e.g. about";function oa(){return{_gAnchor:S("Anchor"),anchor:A({control:"plainText",label:"Name",placeholder:mt},{type:"custom",render:({value:e,onChange:t})=>r(vt,{value:e,onChange:t,nameBox:(n,o)=>r(v,{value:n,onChange:o,label:"Name",placeholder:mt,hideable:!1,markup:!1})})})}}function ra(e,t,n){return{type:"custom",render:({value:o,onChange:i,id:a,name:c})=>{const s=`${a??c??e}-datetime`,d=Date.parse(typeof o=="string"?o:"");return r(m,{label:l(e),icon:t,htmlFor:s,hint:n===void 0?void 0:l(n),children:r(Dn,{id:s,value:Number.isFinite(d)?new Date(d):null,onChange:u=>i(u?u.toISOString():"")})})}}}function D(e,t,n){return{type:"custom",...R({},{...Q,label:e}),render:({value:o,onChange:i,id:a,name:c})=>{const s=typeof o=="boolean"?o:t,d=`${a??c??e}-label`;return r(m,{label:l(e),labelId:d,icon:n,action:r(Me,{checked:s,onChange:i,ariaLabelledBy:d})})}}}function ia(){return{type:"custom",render:({value:e,onChange:t,id:n,name:o})=>{const i=`${String(n??o??"pageBackground")}-colour`;return r(Ue,{label:l("Background"),icon:r(Ae,{}),id:i,value:un(e),onChange:t})}}}function la(e,t){return{type:"custom",...R({},{...Q,label:e}),render:({value:n,onChange:o,id:i})=>{const a=typeof n=="boolean"?n:t,c=`${i??e}-checkbox`;return r(m,{label:l(e),htmlFor:c,className:"sf-checkbox",action:r(An,{id:c,checked:a,onChange:o})})}}}const aa={follows:"fill"},sa={follows:"ink"};function ca(e,t,n){if(typeof t!="string"){const o=t.follows;return{type:"custom",render:({value:i,onChange:a})=>r(Gr,{label:e,part:o,icon:n,value:i,onChange:a})}}return{type:"custom",render:({value:o,onChange:i})=>r(Ue,{label:l(e),icon:n,value:o||t,onChange:i})}}function Gr({label:e,part:t,icon:n,value:o,onChange:i}){const a=So(G().theme),c=t==="fill"?a.fill:a.ink;return r(Mn,{label:l(e),icon:n,value:o||"",inherited:c,resetTo:N(c.toUpperCase(),l("Styles")),onChange:i,onReset:()=>i("")})}const Mr=[{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 gt({label:e,value:t,onChange:n,points:o=Mr}){const i=o.map(a=>({...a,label:l(a.label),...a.title?{title:l(a.title)}:null}));return r(vn,{label:l(e),value:t,points:i,onChange:n})}function da(){return $({type:"custom",render:()=>r(J,{})},"always")}const Kr=Ee([]);function ua(e,{stacking:t,fallback:n=kt}){return{type:"custom",render:({value:o,onChange:i})=>{const a=Pt.includes(o)?o:n;return t?r(Wr,{label:e,value:a,onChange:i}):bt({label:e,value:a,onChange:i,points:Kr})}}}function Wr({label:e,value:t,onChange:n}){const{appState:o,selectedItem:i}=j(s=>s),a=i?.props?.id?String(i.props.id):void 0,c=a?wt(o?.data,a):[];return bt({label:e,value:t,onChange:n,points:Ee(c,a)})}function bt({label:e,value:t,onChange:n,points:o}){const i=o.find(a=>a.disabled);return r(m,{label:l(e),icon:r(nn,{}),hint:i?.title?l(i.title):void 0,children:gt({label:e,value:Lt(t),onChange:n,points:o})})}const pa={top:r($t,{}),right:r(Xt,{}),bottom:r(Ut,{}),left:r(jt,{})};function fa(e,t,n,o,i,a){const c=f=>t.find(p=>p.value===f),s=f=>({value:f,label:"",disabled:!0,title:o}),d=f=>{const p=t.find(b=>b.cell===f);if(!p)return s(`missing-${f}`);const h=a?.[f];return h?{value:p.value,label:p.label,icon:h}:{value:p.value,label:p.label}},u=[s("corner-top-left"),d("top"),s("corner-top-right"),d("left"),s("centre"),d("right"),s("corner-bottom-left"),d("bottom"),s("corner-bottom-right")];return{type:"custom",render:({value:f,onChange:p})=>{const h=t.some(b=>b.value===f)?f:n;return r(m,{label:l(e),icon:i,value:c(h)?.label?l(c(h).label):"",children:gt({label:e,value:h,onChange:p,points:u})})}}}const Ur="\0note";function L(e,t,n,o,i){return{type:"custom",options:n,fallback:o,...i?{note:i}:{},...R({},{type:"select",label:e}),render:({value:a,onChange:c,field:s})=>{const d=s.options??n,u=s.fallback??o,f=d.some(p=>p.value===a)?a:u;return r(m,{label:l(e),icon:k(t),children:r(En,{value:f,ariaLabel:l(e),onChange:c,options:[...i?[{label:l(i),value:Ur,disabled:!0}]:[],...d.map(p=>({label:l(p.label),value:p.value}))]})})}}}function ha(e,t,n){return{type:"custom",options:t,render:({value:o,onChange:i,field:a})=>r(Qn,{label:e,options:(a.options??t).map(c=>({...c,label:l(c.label)})),value:Array.isArray(o)?o:[],onChange:i,...n?{emptyLabel:l(n)}:{}})}}function ma(e,t,n,o){return{type:"custom",options:t,fallback:n,...R({},{type:"select",label:e}),render:({value:i,onChange:a,field:c})=>r(to,{label:e,options:(c.options??t).map(s=>({...s,label:l(s.label)})),fallback:c.fallback??n,value:i,onChange:a,placeholder:o===void 0?void 0:l(o)})}}function ga(e,t={}){return{type:"custom",render:({value:n,onChange:o})=>{const i={value:n,onChange:o,...t};return r(e,{...i})}}}function ne({options:e,value:t,onChange:n,ariaLabel:o,disabled:i=!1}){return r(yn,{options:e.map(a=>a.picture?{id:a.value,label:a.picture,title:l(a.title??a.label)}:{id:a.value,label:l(a.label),title:a.title===void 0?void 0:l(a.title)}),value:t,onChange:n,ariaLabel:l(o),disabled:i})}const ba=[{label:"Image",value:"image"},{label:"Video",value:"video"}];function me(e,t,n,o){const i=n.map(a=>typeof a=="string"?{label:a,value:a}:a);return{type:"custom",...R({},{type:"radio",label:e,options:i.map(a=>({value:a.value,label:a.label}))}),render:({value:a,onChange:c,field:s})=>r(m,{label:l(e),icon:k(t),children:ne({options:i,value:i.some(d=>d.value===a)?a:a||s?.currentValue||o,onChange:c,ariaLabel:e})})}}function xa(e,t,n,o={}){return{type:"custom",[Se]:!0,render:({value:i,onChange:a})=>r(Zn,{value:i||"",onChange:a,label:e,accept:t,placeholder:n,focusKey:o.focus,focusWhen:o.focusWhen})}}const ya={HeroSingle:["imageFocal"],ContactLocations:["locations[].photo"],ProcessSteps:["steps[].image"]};function Sa({value:e,onChange:t,label:n}){const o=e||{},i=!!o.pending,a=i?"var(--fg-dim, #888)":o.ok?"#1d9e75":"#d85a30",c=!!Vo(zo()).geocode,s=(d,u)=>t({...o,[d]:u===""?void 0:Number(u)});return O(m,{label:l(n),icon:r(ae,{}),children:[c&&O(I,{children:[r("button",{type:"button",disabled:i,onClick:()=>t({...o,pending:!0,ok:!1,status:"Finding…"}),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",gap:6,padding:"8px 10px",fontSize:13,cursor:i?"default":"pointer",opacity:i?.6:1,border:"1px solid var(--border-strong, #ccc)",borderRadius:6,background:"transparent",color:"inherit"},children:i?l("Finding…"):l("Find coordinates")}),o.status&&r("div",{style:{marginTop:6,fontSize:12,lineHeight:1.4,color:a},children:l(o.status)}),r("div",{style:{marginTop:6,fontSize:11,color:"var(--fg-dim, #999)"},children:l("Coordinates from OpenStreetMap")})]}),r("button",{type:"button",onClick:()=>t({...o,manual:!o.manual}),style:{marginTop:8,padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer",textDecoration:"underline"},children:o.manual?l("Hide manual coordinates"):l("Enter coordinates manually")}),o.manual&&O("div",{style:{marginTop:8,display:"grid",gap:8},children:[r(m,{label:l("Latitude"),icon:r(ae,{}),children:r("input",{type:"number",step:"any",placeholder:l("e.g. {example}",{example:"34.0990198"}),value:typeof o.lat=="number"?o.lat:"",onChange:d=>s("lat",d.target.value)})}),r(m,{label:l("Longitude"),icon:r(ae,{}),children:r("input",{type:"number",step:"any",placeholder:l("e.g. {example}",{example:"-117.9842833"}),value:typeof o.lng=="number"?o.lng:"",onChange:d=>s("lng",d.target.value)})})]})]})}function jr(e,t){return t===null||t<0||t>=e.length?"":e[t]?.text??""}function Xr(e,t,n){const o=e.map(i=>({text:i?.text??""}));return t===null||t<0||t>=e.length?o:o.map((i,a)=>a===t?{text:n}:i)}function Ca(e,t){return e===null?null:t>e?e:null}function $r(e,t,n){if(n===null||n>=t.length)return null;for(let o=0;o<n;o+=1)if(e[o]!==t[o])return null;return e[n]!==t[n]&&t.includes(e[n])||e[n]!==t[n]&&t.length!==e.length?null:n}const _a={label:"Ticker items",icon:r(Qt,{})};function Ia(e,t,n,o){return{type:"custom",[E]:{control:"textList",label:e,placeholder:n,itemKey:"text",rendering:o},...R({},{...tt.textList,label:e}),render:({value:i,onChange:a})=>r(zr,{label:e,icon:k(t),items:Array.isArray(i)?i:[],placeholder:n,onChange:a,markup:o==="markup"})}}function zr({label:e,icon:t,items:n,placeholder:o,onChange:i,markup:a=!1}){const c=re(null),[s,d]=U(null),u=p=>p.map(h=>({text:h?.text??""})),f=p=>{const h=$r(n,p,s);h===null&&(c.current=null),d(h),i(u(p))};return r(Tn,{label:l(e),icon:t,noun:l("item"),items:n,onChange:f,newItem:()=>({text:""}),open:null,onOpen:()=>{},renderItem:()=>null,above:a?r(je,{target:c,value:jr(n,s),onChange:p=>i(Xr(n,s??-1,p)),disabled:s===null,label:s===null?l("Formatting — click a row first"):l("Formatting — row {n}",{n:s+1})}):void 0,renderRow:(p,h,b)=>r("input",{type:"text",className:a&&s===h?"sf-list-marking":void 0,value:p?.text??"",placeholder:l(o),"aria-label":l("{label} {n}",{label:l(e),n:h+1}),onChange:C=>b({text:C.target.value}),onFocus:C=>{c.current=C.currentTarget,d(h)}})})}function Ea(e,t){const n=`${e.label} — row ${t+1}`;return A({control:"plainText",label:n,placeholder:e.placeholder,offPage:e.offPage},{type:"custom",render:({value:o,onChange:i})=>r(v,{value:o,onChange:i,label:l("{label} — row {n}",{label:l(e.label),n:t+1}),placeholder:e.placeholder,hideable:!1,markup:e.rendering==="markup"})})}function Ta(e){return{_gCards:S("Cards"),coverIndex:L("Cover image",r(Zt,{}),Yn,String(qn),e?.coverHint??"A card's opening picture — a card pinned to a finish keeps its own."),imageBackground:sr("Image background",Oo),cardImage:Yr(),spinOnHover:D("Rotate on hover",e?.spinDefault??!0,r(ln,{}))}}function Oa(){return{outline:L("Card outline",r(an,{}),$n,Vn),indexBadge:L("Card number",r(Pe,{}),Xn,zn),showBadge:D("Product badge",!0,r(Fe,{noun:"tag"}))}}function Ra(e){const t=e&&"bottomDefault"in e?e.bottomDefault:!0,n=e&&"defaults"in e?e.defaults:{showCardSizes:t,showCardBuy:t,showCardPage:t};return{_gShowOnCard:S("Show on a card"),showCardPrice:D("Price",!0,r(zt,{})),showCardFinishes:D("Finish swatches",!0,r(Vt,{})),showCardSizes:D("Sizes",n.showCardSizes,r(on,{})),showCardBuy:D("Buy button",n.showCardBuy,r(Kt,{})),showCardPage:D("Page button",n.showCardPage,r(Ae,{}))}}function wa(e,t="display"){const n=H(t);return{[t]:g("desktop",{type:"custom",render:({value:o,onChange:i})=>r(xt,{parts:e,changed:Rn(o),shown:a=>wn(o,a),onPress:(a,c)=>i(Ln(o,a,c)),onReset:()=>i(void 0)})}),[n]:g("mobile",{type:"custom",render:({value:o,onChange:i})=>r(Vr,{parts:e,desktopKey:t,value:o,onChange:i})})}}function xt({parts:e,changed:t,shown:n,onPress:o,onReset:i,detail:a}){const c=l("Display");return r(m,{label:c,icon:r(Dt,{}),changed:t,action:r(y,{words:x()?.panel,label:c,changed:t,detail:a,onReset:i}),children:r(On,{label:c,items:e.map(s=>({id:s.id,label:l(s.label),shown:n(s.id)})),onChange:o})})}function Vr({parts:e,desktopKey:t,value:n,onChange:o}){const i=F()[t];return r(xt,{parts:e,changed:kn(n),shown:a=>Pn(i,n,a),onPress:(a,c)=>o(Nn(n,a,c)),onReset:()=>o(Un),detail:l("the same as Desktop")})}function Yr(){return lt("Card image",{min:B,max:_e,step:It,hint:"Rounds the picture. The card's own corner is in Styles."})}function Pa(){return fe({sidesKey:"cornerSides",step:Et,useFollowed:()=>B,mark:r(qr,{label:Tt}),hint:l("Rounds the picture. Left alone it stays square.")})}function qr({label:e,changed:t=!1,onReset:n=()=>{}}){return r(y,{words:x()?.panel,label:l(e),changed:t,onReset:n})}function ka(){return{type:"custom",render:({value:e,onChange:t})=>r(Jr,{value:typeof e=="string"?e:"",onChange:t})}}function Jr({value:e,onChange:t}){const[n,o]=U(null),i=Ie.filter(c=>n===null||X[c].across===n),a=e&&e in X?X[e]:null;return O(I,{children:[r(m,{label:l("Photos in a row"),icon:r(Re,{}),children:O("div",{className:"sf-gallery-filter",children:[r("button",{type:"button","aria-pressed":n===null,onClick:()=>o(null),children:l("All")}),Rt.map(c=>r("button",{type:"button","aria-pressed":n===c,onClick:()=>o(c),children:c},c))]})}),r(m,{label:l("Layout"),icon:r(Yt,{}),value:a?l(a.label):l("Not chosen"),hint:l("{n} of {total} layouts",{n:i.length,total:Ie.length}),children:r(Ke,{className:"sf-gallery-layouts",label:l("Layout"),value:e,onChange:t,onClear:()=>t(""),options:i.map(c=>({value:c,label:l(X[c].label),picture:r("span",{className:"sf-gallery-pic",children:X[c].desktop.map(([s,d],u)=>r("i",{style:{gridColumn:`span ${s}`,gridRow:`span ${d}`}},u))})}))})})]})}export{nr as BOUND_TO_POST,ml as BOUND_TO_POST_NOTE,Il as BUCKET_ICONS,ya as CUSTOM_FIELD_MEDIA,Sa as CoordsField,pa as EDGE_ARROWS,Bn as FOCAL_DEFAULT,Mr as FOCAL_POINTS,q as FOLD_FIELD_MARKER,aa as FOLLOWS_SITE_BUTTON,sa as FOLLOWS_SITE_BUTTON_INK,gt as FocalPicker,vl as GroupLabel,or as HIGHLIGHT_HINT,v as HidableTextField,ye as LINK_FIELD_MARKER,al as Label,Se as MEDIA_FIELD_MARKER,ba as MEDIA_TYPE_OPTIONS,gl as NOT_BOUND_TO_POST,Nl as PanelBand,lr as PanelNoteLine,Rr as PhoneChoiceRow,Or as PhoneChoiceStrip,bt as PlacementGridView,Ce as SCAFFOLD_FIELD_MARKER,Aa as SCALAR_TEXT_CONTROLS,ct as SECTION_BLEEDS_HINT,Lr as SIDE_PAD_KEYS,ne as Segmented,Qo as SiteGapDefaultReset,K as Slider,it as Swatches,va as TEXT_CONTROL_KINDS,E as TEXT_FIELD_MARKER,_a as TICKER_ITEMS_ROW,zr as TextListField,er as WidthDefaultReset,$r as aimAfterListChange,oa as anchorFields,N as backTo,Al as backgroundField,Wl as boxAlignField,Xl as boxBlockSpacingField,Kl as boxJustifyField,$l as boxPhoneRowField,jl as boxShareField,Ul as boxWrapField,wl as bucketHeader,Sr as cardCornersField,sr as cardImageBackgroundField,Yr as cardImageField,Ta as cardMediaFields,Ml as cardShapeFields,Ra as cardShowFields,Oa as cardStyleFields,Yl as cellWidthFields,la as checkbox,ca as colorInput,Sl as copyText,st as cornerSidesField,fe as cornersRowField,ra as dateTime,Pl as designGroupHeader,zl as directionField,wa as displayFields,fa as edgePad,El as entriesHiddenForTab,Ca as focusAfterRemove,da as focusKeptField,kl as foldMarker,le as foldMetaOf,ar as foldTitleOf,ka as galleryLayoutField,Dl as gapField,S as group,ta as heightFields,xe as hidableText,ir as hintIsWhileTyping,k as iconOf,Pa as imageCornersField,hl as inOwnBox,Rl as isBucketHeader,qo as isNoGlyph,Cl as linkField,ha as multiSelect,Yo as noGlyph,ia as pageBackgroundField,Tl as panelNote,ql as phoneChoiceField,Tr as phoneOverrideField,ua as placementField,yl as plainText,_l as plainTextarea,Ql as positionFields,Ar as positionPatch,lt as pxField,Ll as quietMarker,be as readHidable,jr as rowText,ma as searchSelect,Ol as section,Hl as sectionAnimationFields,ut as sectionBorderField,pr as sectionCornersField,Bl as sectionShapeFields,Fl as sectionThemeFields,me as segmented,L as select,Xr as setRowText,M as sharedStyleKinds,Zl as sidesPaddingFields,Nr as sidesPaddingPatch,Vl as sizeField,W as slider,ga as sourceField,Jl as spacingFields,na as stickFields,Gl as templateField,bl as text,St as textFieldIdentifier,dl as textFieldOffPage,pl as textFieldPanelOnly,Ia as textList,Ea as textListRowField,xl as textarea,D as toggle,xa as upload,Jo as usePageWidthDetail,F as useSelectedProps,at as useSelectedSibling,Zo as useSiteGapDetail,ea as widthField,fl as withIdentifier,cl as withOffPage,ul as withPanelOnly,sl as withScaffold};

package/dist/editor/lib/document/enclosing-section.d.ts

@@ -0,0 +1 @@
+export declare function enclosingSectionProps(data: unknown, id: string): Record<string, unknown> | null;

package/dist/editor/lib/document/enclosing-section.js

@@ -0,0 +1 @@
+function f(r,n){const t=r?.content;if(!Array.isArray(t))return null;for(const o of t){if(!o||typeof o!="object")continue;const e=o.props;if(e?.id===n)return null;if(s(o,n,0))return e??{}}return null}function s(r,n,t){if(t>12||!r||typeof r!="object")return!1;if(Array.isArray(r))return r.some(e=>s(e,n,t+1));const o=r.props;return o&&typeof o=="object"&&o.id===n?!0:Object.values(r).some(e=>s(e,n,t+1))}export{f as enclosingSectionProps};

package/dist/editor/lib/document/every-page.d.ts

@@ -0,0 +1,7 @@
+export declare function pinnedReach(node: {
+    type?: string;
+}): string | null;
+export declare const noOwnTab: () => string | null;
+export declare const everyPageNotice: () => string;
+export declare function websiteDuplicateBlocked(data: unknown, item: unknown): string | null;
+export declare const EVERY_PAGE_PHRASES: readonly string[];

package/dist/editor/lib/document/every-page.js

@@ -0,0 +1 @@
+import{say as e}from"../../../format/lib/editor-words.js";import{FOOTER_TYPE as h,HEADER_TYPE as c}from"./footer-blocks.js";import{duplicateBlocked as p}from"../../../format/lib/hero-group-placement.js";import{groupDuplicateRefusal as l,SITE_FOOTER_TYPE as f,SITE_HEADER_TYPE as s}from"../../../format/lib/document/section-groups.js";function E(o){switch(o?.type){case s:case f:return e("On every page");case c:case h:return e("On every page · old style");default:return null}}const y=()=>null,g=()=>e("Changed on every page");function m(o,n){const r=p(o,n);if(r)return r;const t=l(o,n);if(!t)return null;const a=t.group===s;return t.why==="type"?a?e("The header cannot take another one of these"):e("The footer cannot take another one of these"):a?e("The header holds at most 3 sections"):e("The footer holds at most 6 sections")}const O=["On every page","On every page · old style","Changed on every page","The header cannot take another one of these","The footer cannot take another one of these","The header holds at most 3 sections","The footer holds at most 6 sections"];export{O as EVERY_PAGE_PHRASES,g as everyPageNotice,y as noOwnTab,E as pinnedReach,m as websiteDuplicateBlocked};

package/dist/editor/lib/document/field-groups.d.ts

@@ -0,0 +1,34 @@
+import { DESIGN_GROUPS, type DesignGroup } from "efficient-easel/panel";
+import { BUCKET_KEY, DESIGN_GROUP_KEY, type Bucket } from "efficient-easel/screen/lib/document/field-buckets";
+export declare const BUCKETS: readonly ["Design", "Animation"];
+export type { Bucket };
+export { DESIGN_GROUPS };
+export type { DesignGroup };
+export type Place = DesignGroup | "Animation";
+export declare function bucketOfPlace(place: Place): Bucket;
+export { BUCKET_KEY, DESIGN_GROUP_KEY };
+export declare const EDITOR_ONLY_GROUP = "Editor only \u2014 not shown live";
+export declare const LABEL_GROUP: Readonly<Record<string, Place>>;
+export declare const KEY_GROUP: Readonly<Record<string, Place>>;
+export declare const BLOCK_KEY_GROUP: Readonly<Record<string, Place>>;
+export declare function placeOf(where: string, key: string, label: string): Place | undefined;
+export declare function bucketOf(where: string, key: string, label: string): Bucket | undefined;
+export declare function headerKeysOfPlace(place: Place): string[];
+export declare function headerKeysOf(...builders: Record<string, unknown>[]): string[];
+export declare const LAYOUT_FIELD_KEYS: readonly string[];
+export declare const SECTION_THEME_FIELD_KEYS: readonly string[];
+export declare const SECTION_SHAPE_FIELD_KEYS: readonly string[];
+export declare const SECTION_ANIM_FIELD_KEYS: readonly string[];
+export declare const CARD_MEDIA_FIELD_KEYS: readonly string[];
+export declare const BOUND_CARD_MEDIA_FIELD_KEYS: readonly string[];
+export declare const CARD_STYLE_FIELD_KEYS: readonly string[];
+export declare const CARD_SHOW_FIELD_KEYS: readonly string[];
+export declare const RETIRED: Readonly<Record<string, string>>;
+export declare const PLACE_WORDS: Readonly<Record<Place, readonly string[]>>;
+export declare const INJECTED_RETIRED: Readonly<Record<string, string>>;
+export declare function foldTopTier(fields: Record<string, unknown>): 1 | 2;
+export declare function retiredHeadings(where: string): string[];
+export declare function assignSectionGroups<T extends Record<string, unknown>>(fields: T, where: string): T;
+export declare function seatDesignBucket<T extends Record<string, unknown>>(fields: T): T;
+export declare function hasBucketTabs(fields: Record<string, unknown>): boolean;
+export declare function reseatBucketTabs<T extends Record<string, unknown>>(fields: T): T;