navne-default-ad 1.3.2 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 1.4.0
+
+- Add semantic block ordering through `layoutOrder` without coupling the renderer to drag-and-drop, Zustand, Next.js, or Strapi.
+- Export block types, type-specific defaults, and defensive order normalization.
+- Add the optional `renderBlock` integration hook for consumer-owned sortable wrappers.
+
+## 1.3.3
+
+- Keep focused church and funeral-date placeholders intrinsic so their highlight never stretches across the ceremony row.
+- Reuse the geometry-neutral inline highlight treatment across interactive name and ceremony placeholders.
+
 ## 1.3.2
 
 - Keep both first-name and last-name values/placeholders visible while either name field is focused in builder mode.

package/README.md

@@ -44,6 +44,8 @@ Importing the component also references its CSS, but the explicit stylesheet imp
 - `classicDefaultAdStyle`: shared layout plus the fixed AdBuilder typography.
 - `publicationDefaultAdStyle`: shared layout plus the publication typography defaults.
 - `styleFromLegacyTemplate`: converts existing Strapi font sizes, leading, tracking, and font families while retaining the shared layout.
+- `DefaultAdBlock`, `DEFAULT_AD_LAYOUT_ORDER`, `defaultAdLayoutOrder`, and
+  `normalizeDefaultAdLayoutOrder`: the shared semantic layout-order contract.
 
 `variant="classic"` and `variant="publication"` remain accepted for source compatibility and diagnostics, but both now use the same field order, whitespace, and spacing model.
 
@@ -51,6 +53,11 @@ Importing the component also references its CSS, but the explicit stylesheet imp
 
 Pass `rootRef` to observe the exact ad element and `interaction.fields` for in-flow focused placeholders. The package owns their DOM position; the application continues to own focus state and callbacks.
 
+Pass `layoutOrder` to render semantic blocks in a saved order. Invalid and duplicate
+keys are removed, and newly introduced blocks are appended in the canonical order.
+`renderBlock` can add consumer-owned controls (for example a sortable handle) without
+moving drag-and-drop state or dependencies into this package.
+
 ```tsx
 <DefaultAd
   rootRef={adRef}

package/dist/index.cjs

@@ -20,14 +20,22 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  DEFAULT_AD_LAYOUT_ORDER: () => DEFAULT_AD_LAYOUT_ORDER,
+  DEFAULT_OBITUARY_LAYOUT_ORDER: () => DEFAULT_OBITUARY_LAYOUT_ORDER,
+  DEFAULT_THANK_YOU_LAYOUT_ORDER: () => DEFAULT_THANK_YOU_LAYOUT_ORDER,
   DefaultAd: () => DefaultAd,
   classicDefaultAdStyle: () => classicDefaultAdStyle,
+  defaultAdLayoutOrder: () => defaultAdLayoutOrder,
+  normalizeDefaultAdLayoutOrder: () => normalizeDefaultAdLayoutOrder,
   publicationDefaultAdStyle: () => publicationDefaultAdStyle,
   sharedDefaultAdLayout: () => sharedDefaultAdLayout,
   styleFromLegacyTemplate: () => styleFromLegacyTemplate
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/DefaultAd.tsx
+var import_react = require("react");
+
 // src/presets.ts
 var sharedDefaultAdLayout = {
   columnsMm: 86,
@@ -149,6 +157,56 @@ function tracking(value) {
   return amount ? { longDateLetterSpacing: amount } : {};
 }
 
+// src/layout.ts
+var DEFAULT_OBITUARY_LAYOUT_ORDER = [
+  "icon",
+  "intro",
+  "title",
+  "name",
+  "dates",
+  "deceased",
+  "memorial",
+  "sender",
+  "church",
+  "thanks",
+  "donation"
+];
+var DEFAULT_THANK_YOU_LAYOUT_ORDER = [
+  "icon",
+  "intro",
+  "title",
+  "name",
+  "dates",
+  "ceremony",
+  "message",
+  "thanks",
+  "sender",
+  "donation"
+];
+var DEFAULT_AD_LAYOUT_ORDER = DEFAULT_OBITUARY_LAYOUT_ORDER;
+var VALID_BLOCKS = /* @__PURE__ */ new Set([
+  ...DEFAULT_OBITUARY_LAYOUT_ORDER,
+  ...DEFAULT_THANK_YOU_LAYOUT_ORDER
+]);
+function defaultAdLayoutOrder(type) {
+  return type === "thanks" ? DEFAULT_THANK_YOU_LAYOUT_ORDER : DEFAULT_OBITUARY_LAYOUT_ORDER;
+}
+function normalizeDefaultAdLayoutOrder(order, type) {
+  const defaults = defaultAdLayoutOrder(type);
+  const applicable = new Set(defaults);
+  const seen = /* @__PURE__ */ new Set();
+  const normalized = [];
+  for (const value of order ?? []) {
+    if (typeof value !== "string" || !VALID_BLOCKS.has(value)) continue;
+    const block = value;
+    if (!applicable.has(block) || seen.has(block)) continue;
+    seen.add(block);
+    normalized.push(block);
+  }
+  for (const block of defaults) if (!seen.has(block)) normalized.push(block);
+  return normalized;
+}
+
 // src/utils.ts
 var defaultFormatters = {
   date(value) {
@@ -207,6 +265,8 @@ function DefaultAd({
   emptyNamePlaceholder = "Fornavn Efternavn",
   className = "",
   rootStyle,
+  layoutOrder,
+  renderBlock,
   ...htmlProps
 }) {
   const typography = mergeDefined(
@@ -228,14 +288,6 @@ function DefaultAd({
   const hasVisualFirst = Boolean(first || interaction?.fields?.[firstField]?.active);
   const hasVisualSecond = Boolean(second || interaction?.fields?.[secondField]?.active);
   const hasVisualName = hasName || Boolean(interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active);
-  const headerMargins = calculateHeaderMargins({
-    first: hasVisualFirst,
-    second: hasVisualSecond,
-    hasName: hasVisualName,
-    hasIcon: Boolean(icon),
-    spacing
-  });
-  const { firstMargin, secondMargin, nameMargin } = headerMargins;
   const isSingleColumn = Number(layout.columnsMm) === 41;
   const ceremonyCode = contact.ceremony?.code;
   const ceremonyLabel = contact.ceremony?.label ?? ceremonyCode;
@@ -243,7 +295,32 @@ function DefaultAd({
   const hasActiveNamePart = Boolean(
     interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  const orderedBlocks = normalizeDefaultAdLayoutOrder(layoutOrder, type);
+  const visibleBlocks = {
+    icon: Boolean(icon),
+    intro: hasVisualFirst,
+    title: hasVisualSecond,
+    name: hasVisualName || showEmptyNamePlaceholder,
+    dates: Boolean(contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) || contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active)),
+    deceased: type === "obituaries" && Boolean(text.deceased || interaction?.fields?.deceased?.active),
+    memorial: type === "obituaries" && Boolean(text.memorial || interaction?.fields?.memorial?.active),
+    sender: Boolean(text.sender || interaction?.fields?.sender?.active),
+    church: type === "obituaries" && ceremonyCode !== "NoCeremony" && Boolean(
+      contact.showChurch && (contact.church || interaction?.fields?.church?.active) || contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active)
+    ),
+    ceremony: type === "thanks" && Boolean(text.ceremony || interaction?.fields?.ceremony?.active),
+    message: type === "thanks" && Boolean(text.message || interaction?.fields?.message?.active),
+    thanks: Boolean(text.thanks || interaction?.fields?.thanks?.active),
+    donation: Boolean(text.donation || interaction?.fields?.donation?.active)
+  };
+  const visibleOrder = orderedBlocks.filter((block) => visibleBlocks[block]);
+  const firstVisibleBlock = visibleOrder[0];
+  const previousVisibleBlock = (block) => visibleOrder[visibleOrder.indexOf(block) - 1];
+  const blockMargin = (block, margin) => firstVisibleBlock === block ? 0 : margin;
+  const firstMargin = previousVisibleBlock("intro") === "icon" ? spacing.iconToText : spacing.introToTitle;
+  const secondMargin = previousVisibleBlock("title") === "icon" ? spacing.iconToText : spacing.introToTitle;
+  const nameMargin = previousVisibleBlock("name") === "icon" ? spacing.iconToName : spacing.textToName;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       ...htmlProps,
@@ -264,8 +341,8 @@ function DefaultAd({
         ...typography.fontFamily != null ? { fontFamily: typography.fontFamily } : {},
         ...rootStyle
       },
-      children: [
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gda-icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(OrderedBlocks, { order: orderedBlocks, renderBlock, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdBlock, { block: "icon", children: icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gda-icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "svg",
           {
             className: icon.className,
@@ -278,28 +355,28 @@ function DefaultAd({
             "aria-hidden": icon.title ? void 0 : true,
             dangerouslySetInnerHTML: { __html: decodeSvgMarkup(icon.svg) }
           }
-        ) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ) }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdBlock, { block: "intro", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           Text,
           {
             field: type === "thanks" ? "thanksIntro" : "intro",
             interaction,
             className: `${type === "thanks" ? "gda-bold" : ""} gda-break`,
-            style: textStyle(type === "thanks" ? 14 : typography.introSize, typography.introLeading, firstMargin),
+            style: textStyle(type === "thanks" ? 14 : typography.introSize, typography.introLeading, blockMargin("intro", firstMargin)),
             children: type === "thanks" && first ? first : type === "obituaries" ? first : null
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: type === "thanks" ? "briefIntroduction" : "title", interaction, className: "gda-break", style: textStyle(typography.titleSize, typography.titleLeading, secondMargin), children: type === "thanks" && second ? fmt.lowercaseFirst(second) : type === "obituaries" ? second : null }),
-        hasName && !interaction?.fields?.firstName?.active && !interaction?.fields?.lastName?.active ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { className: "gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }, children: [contact.firstName, contact.lastName].filter(Boolean).join(" ") }) : hasName || hasActiveNamePart ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }, children: [
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdBlock, { block: "title", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: type === "thanks" ? "briefIntroduction" : "title", interaction, className: "gda-break", style: textStyle(typography.titleSize, typography.titleLeading, blockMargin("title", secondMargin)), children: type === "thanks" && second ? fmt.lowercaseFirst(second) : type === "obituaries" ? second : null }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdBlock, { block: "name", children: hasName && !interaction?.fields?.firstName?.active && !interaction?.fields?.lastName?.active ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { className: "gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, blockMargin("name", nameMargin)), ...secondaryFontStyle }, children: [contact.firstName, contact.lastName].filter(Boolean).join(" ") }) : hasName || hasActiveNamePart ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, blockMargin("name", nameMargin)), ...secondaryFontStyle }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NamePart, { field: "firstName", value: contact.firstName, interaction, showPlaceholder: hasActiveNamePart }),
           " ",
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NamePart, { field: "lastName", value: contact.lastName, interaction, showPlaceholder: hasActiveNamePart })
-        ] }) : showEmptyNamePlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gda-placeholder gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }, children: emptyNamePlaceholder }) : null,
-        contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) || contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        ] }) : showEmptyNamePlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gda-placeholder gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, blockMargin("name", nameMargin)), ...secondaryFontStyle }, children: emptyNamePlaceholder }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdBlock, { block: "dates", children: contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) || contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "div",
           {
             className: `gda-dates ${isSingleColumn ? "gda-dates-single" : ""}`,
-            style: { marginTop: `${spacing.dateTop}pt`, lineHeight: `${typography.dateLeading}pt`, ...isSingleColumn ? { gap: `${spacing.dateTop}pt` } : {} },
+            style: { marginTop: `${blockMargin("dates", spacing.dateTop)}pt`, lineHeight: `${typography.dateLeading}pt`, ...isSingleColumn ? { gap: `${spacing.dateTop}pt` } : {} },
             children: [
               contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { "data-default-ad-field": "birthDate", ...fieldEvents("birthDate", interaction), className: interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.className : void 0, style: { fontSize: `${contact.birthDate && fmt.date(contact.birthDate).length > 10 ? typography.longDateSize : typography.dateSize}pt`, ...contact.birthDate && fmt.date(contact.birthDate).length > 10 ? { letterSpacing: typography.longDateLetterSpacing } : {}, ...interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.style : {} }, children: [
                 "\u273B ",
@@ -312,31 +389,29 @@ function DefaultAd({
               ] }) : null
             ]
           }
-        ) : null,
-        type === "obituaries" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "deceased", interaction, className: "gda-balance", style: textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop), children: text.deceased }) : null,
-        type === "obituaries" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "memorial", interaction, className: "gda-italic gda-break", style: textStyle(typography.memorialSize, typography.memorialLeading, spacing.memorialTop), children: text.memorial }) : null,
-        type === "obituaries" && (text.sender || interaction?.fields?.sender?.active) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "sender", interaction, className: "gda-bold gda-secondary-font", style: { ...textStyle(typography.senderSize, typography.senderLeading, spacing.senderTop), ...secondaryFontStyle }, children: text.sender }) : null,
-        type === "obituaries" && ceremonyCode !== "NoCeremony" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate || interaction?.fields?.church?.active || interaction?.fields?.funeralDate?.active) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gda-text", style: textStyle(typography.ceremonySize, typography.ceremonyLeading, spacing.ceremonyTop), children: [
-          contact.showChurch && (contact.church || interaction?.fields?.church?.active) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-default-ad-field": "church", ...fieldEvents("church", interaction), className: `gda-whitespace-pre-line ${interaction?.fields?.church?.active ? interaction.fields.church.className ?? "" : ""}`.trim(), style: interaction?.fields?.church?.active ? interaction.fields.church.style : void 0, children: contact.church ? contact.church.length > 15 ? `${ceremonyLabel ?? ""} 
- ${contact.church}` : `${ceremonyLabel ?? ""} ${contact.church}`.trim() : interaction?.fields?.church?.placeholder }) : null,
-          contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-default-ad-field": "funeralDate", ...fieldEvents("funeralDate", interaction), className: interaction?.fields?.funeralDate?.active ? interaction.fields.funeralDate.className : void 0, style: interaction?.fields?.funeralDate?.active ? interaction.fields.funeralDate.style : void 0, children: contact.funeralDate ? fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear)) : interaction?.fields?.funeralDate?.placeholder }) : null
-        ] }) : null,
-        type === "thanks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThankYouFields, { text, fmt, typography, spacing, interaction }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "thanks", interaction, className: "gda-break", style: textStyle(typography.thanksSize, typography.thanksLeading, spacing.thanksTop), children: text.thanks }),
-        type === "thanks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "sender", interaction, className: "gda-secondary-font", style: { ...textStyle(typography.senderSize, typography.senderLeading, spacing.thanksTop), ...secondaryFontStyle }, children: text.sender }) : null,
-        text.donation ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gda-divider", style: { marginTop: `${spacing.donationTop}pt` } }) : null,
-        text.donation || interaction?.fields?.donation?.active ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "donation", interaction, className: "gda-donation gda-break", style: textStyle(typography.donationSize, typography.donationLeading, spacing.donationTop), children: text.donation }) : null
-      ]
+        ) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdBlock, { block: "deceased", children: type === "obituaries" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "deceased", interaction, className: "gda-balance", style: textStyle(typography.bodySize, typography.bodyLeading, blockMargin("deceased", spacing.deceasedTop)), children: text.deceased }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdBlock, { block: "memorial", children: type === "obituaries" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "memorial", interaction, className: "gda-italic gda-break", style: textStyle(typography.memorialSize, typography.memorialLeading, blockMargin("memorial", spacing.memorialTop)), children: text.memorial }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AdBlock, { block: "sender", children: [
+          type === "obituaries" && (text.sender || interaction?.fields?.sender?.active) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "sender", interaction, className: "gda-bold gda-secondary-font", style: { ...textStyle(typography.senderSize, typography.senderLeading, blockMargin("sender", spacing.senderTop)), ...secondaryFontStyle }, children: text.sender }) : null,
+          type === "thanks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "sender", interaction, className: "gda-secondary-font", style: { ...textStyle(typography.senderSize, typography.senderLeading, blockMargin("sender", spacing.thanksTop)), ...secondaryFontStyle }, children: text.sender }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdBlock, { block: "church", children: type === "obituaries" && ceremonyCode !== "NoCeremony" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate || interaction?.fields?.church?.active || interaction?.fields?.funeralDate?.active) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gda-text", style: textStyle(typography.ceremonySize, typography.ceremonyLeading, blockMargin("church", spacing.ceremonyTop)), children: [
+          contact.showChurch && (contact.church || interaction?.fields?.church?.active) ? contact.church ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-default-ad-field": "church", ...fieldEvents("church", interaction), className: "gda-whitespace-pre-line", children: contact.church.length > 15 ? `${ceremonyLabel ?? ""} 
+ ${contact.church}` : `${ceremonyLabel ?? ""} ${contact.church}`.trim() }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InlinePlaceholder, { field: "church", interaction }) : null,
+          contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active) ? contact.funeralDate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-default-ad-field": "funeralDate", ...fieldEvents("funeralDate", interaction), children: fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear)) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InlinePlaceholder, { field: "funeralDate", interaction }) : null
+        ] }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdBlock, { block: "ceremony", children: type === "thanks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "ceremony", interaction, className: "gda-break", style: textStyle(typography.bodySize, typography.bodyLeading, blockMargin("ceremony", spacing.thanksTop)), children: text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdBlock, { block: "message", children: type === "thanks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "message", interaction, className: "gda-break", style: textStyle(typography.bodySize, typography.bodyLeading, blockMargin("message", spacing.thanksTop)), children: text.message }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdBlock, { block: "thanks", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "thanks", interaction, className: "gda-break", style: textStyle(typography.thanksSize, typography.thanksLeading, blockMargin("thanks", spacing.thanksTop)), children: text.thanks }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AdBlock, { block: "donation", children: [
+          text.donation ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gda-divider", style: { marginTop: `${blockMargin("donation", spacing.donationTop)}pt` } }) : null,
+          text.donation || interaction?.fields?.donation?.active ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "donation", interaction, className: "gda-donation gda-break", style: textStyle(typography.donationSize, typography.donationLeading, blockMargin("donation", spacing.donationTop)), children: text.donation }) : null
+        ] })
+      ] })
     }
   );
 }
-function calculateHeaderMargins({ first, second, hasName, hasIcon, spacing }) {
-  return {
-    firstMargin: first && hasIcon ? spacing.iconToText : 0,
-    secondMargin: second ? first ? spacing.introToTitle : hasIcon ? spacing.iconToText : 0 : 0,
-    nameMargin: hasName ? first || second ? spacing.textToName : hasIcon ? spacing.iconToName : 0 : 0
-  };
-}
 function NamePart({ field, value, interaction, showPlaceholder }) {
   const state = interaction?.fields?.[field];
   if (!value && !showPlaceholder) return null;
@@ -352,16 +427,48 @@ function NamePart({ field, value, interaction, showPlaceholder }) {
     }
   );
 }
-function ThankYouFields({ text, fmt, typography, spacing, interaction }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "ceremony", interaction, className: "gda-break", style: textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop), children: text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { field: "message", interaction, className: "gda-break", style: textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop), children: text.message })
-  ] });
+function InlinePlaceholder({ field, interaction }) {
+  const state = interaction?.fields?.[field];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "data-default-ad-field": field,
+      ...fieldEvents(field, interaction),
+      className: `gda-field-active-inline ${state?.className ?? ""}`.trim(),
+      style: state?.style,
+      children: state?.placeholder
+    }
+  ) });
+}
+function AdBlock({ block, children, renderBlock, index = 0 }) {
+  let node = children;
+  if (node === null || node === void 0 || node === false) return null;
+  if ((0, import_react.isValidElement)(children) && children.type !== import_react.Fragment) {
+    node = (0, import_react.cloneElement)(children, { "data-default-ad-block": block });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: renderBlock ? renderBlock(block, node, index) : node });
+}
+function OrderedBlocks({ order, renderBlock, children }) {
+  const blocks = new Map(
+    import_react.Children.toArray(children).map((child) => {
+      const element = child;
+      return [element.props.block, element];
+    })
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: order.map((block, index) => {
+    const element = blocks.get(block);
+    return element ? (0, import_react.cloneElement)(element, { key: block, renderBlock, index }) : null;
+  }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  DEFAULT_AD_LAYOUT_ORDER,
+  DEFAULT_OBITUARY_LAYOUT_ORDER,
+  DEFAULT_THANK_YOU_LAYOUT_ORDER,
   DefaultAd,
   classicDefaultAdStyle,
+  defaultAdLayoutOrder,
+  normalizeDefaultAdLayoutOrder,
   publicationDefaultAdStyle,
   sharedDefaultAdLayout,
   styleFromLegacyTemplate

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/presets.ts","../src/utils.ts","../src/DefaultAd.tsx"],"sourcesContent":["export { DefaultAd } from \"./DefaultAd\";\nexport { classicDefaultAdStyle, publicationDefaultAdStyle, sharedDefaultAdLayout, styleFromLegacyTemplate } from \"./presets\";\nexport type {\n  DefaultAdContact,\n  DefaultAdData,\n  DefaultAdFormatters,\n  DefaultAdField,\n  DefaultAdFieldState,\n  DefaultAdInteraction,\n  DefaultAdIcon,\n  DefaultAdMode,\n  DefaultAdProps,\n  DefaultAdSpacing,\n  DefaultAdStyle,\n  DefaultAdTextFields,\n  DefaultAdType,\n  DefaultAdVariant,\n  DefaultAdTypography,\n  LegacyAdTemplate,\n} from \"./types\";\n","import type { DefaultAdStyle, LegacyAdTemplate } from \"./types\";\n\n/**\n * Canonical layout shared by every consumer. Typography is deliberately kept\n * out of this object so applications can still select licensed/dynamic fonts.\n */\nexport const sharedDefaultAdLayout = {\n  columnsMm: 86,\n  heightMm: null,\n  paddingMm: 4,\n  horizontalPaddingMm: 2,\n  border: false,\n  borderWidthPt: 1.4,\n  spacing: {\n    iconToText: 11,\n    introToTitle: 8,\n    // These values originated as unitless React styles and therefore retain\n    // their established numeric geometry.\n    textToName: 4.2,\n    iconToName: 4.95,\n    dateTop: 5.6,\n    deceasedTop: 6,\n    memorialTop: 6,\n    senderTop: 8,\n    ceremonyTop: 8,\n    thanksTop: 7,\n    donationTop: 7,\n    sectionGapMm: 0,\n  },\n} as const satisfies Readonly<DefaultAdStyle>;\n\nexport const classicDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  ...sharedDefaultAdLayout,\n  typography: {\n    fontFamily: \"var(--default-ad-font-primary, Schoolbook, Georgia, serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Schoolbook, Georgia, serif)\",\n    introSize: 10,\n    introLeading: 12,\n    titleSize: 10,\n    titleLeading: 12,\n    nameSize: 14,\n    nameLeading: 16.8,\n    dateSize: 10,\n    longDateSize: 10,\n    longDateLetterSpacing: \"-0.01em\",\n    dateLeading: 12,\n    bodySize: 10,\n    bodyLeading: 12,\n    memorialSize: 10,\n    memorialLeading: 12,\n    senderSize: 10,\n    senderLeading: 12,\n    ceremonySize: 10,\n    ceremonyLeading: 12,\n    thanksSize: 10,\n    thanksLeading: 12,\n    donationSize: 10,\n    donationLeading: 12,\n  },\n};\n\nexport const publicationDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  ...sharedDefaultAdLayout,\n  typography: {\n    ...classicDefaultAdStyle.typography,\n    fontFamily: \"var(--default-ad-font-primary, Raleway, Arial, sans-serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Athelas, Georgia, serif)\",\n    introSize: 11,\n    introLeading: 13,\n    titleSize: 11,\n    titleLeading: 13,\n    nameSize: 17,\n    nameLeading: 15,\n    dateSize: 11.5,\n    longDateSize: 11,\n    longDateLetterSpacing: \"-0.01em\",\n    bodySize: 12,\n    bodyLeading: 13,\n    memorialSize: 12,\n    memorialLeading: 13,\n    senderSize: 13,\n    senderLeading: 13,\n    ceremonySize: 11,\n    ceremonyLeading: 13,\n    thanksSize: 11,\n    thanksLeading: 13,\n    donationSize: 11,\n    donationLeading: 13,\n  },\n};\n\nexport function styleFromLegacyTemplate(template?: LegacyAdTemplate | null): DefaultAdStyle {\n  if (!template) return publicationDefaultAdStyle;\n  return {\n    ...publicationDefaultAdStyle,\n    typography: {\n      ...publicationDefaultAdStyle.typography,\n      fontFamily: template.font1 || publicationDefaultAdStyle.typography?.fontFamily,\n      secondaryFontFamily: template.font2 || publicationDefaultAdStyle.typography?.secondaryFontFamily,\n      introSize: template.introSize,\n      introLeading: template.introLeading,\n      titleSize: template.titleSize,\n      titleLeading: template.titleLeading,\n      nameSize: template.fullnameSize,\n      nameLeading: template.fullnameLeading,\n      ...fontPair(template.deceasedText, \"bodySize\", \"bodyLeading\"),\n      ...fontPair(template.memorialText, \"memorialSize\", \"memorialLeading\"),\n      ...fontPair(template.senderText, \"senderSize\", \"senderLeading\"),\n      ...fontPair(template.ceremonyText, \"ceremonySize\", \"ceremonyLeading\"),\n      ...fontPair(template.thanksText, \"thanksSize\", \"thanksLeading\"),\n      ...fontPair(template.donationText, \"donationSize\", \"donationLeading\"),\n      ...tracking(template.longDatesText),\n    },\n  };\n}\n\nfunction fontPair(value: string | undefined, sizeKey: string, leadingKey: string): Record<string, number> {\n  if (!value) return {};\n  const size = value.match(/text-\\[(-?[\\d.]+)pt\\]/)?.[1];\n  const leading = value.match(/leading-\\[(-?[\\d.]+)pt\\]/)?.[1];\n  return {\n    ...(size ? { [sizeKey]: Number(size) } : {}),\n    ...(leading ? { [leadingKey]: Number(leading) } : {}),\n  };\n}\n\nfunction tracking(value: string | undefined): { longDateLetterSpacing?: string } {\n  const amount = value?.match(/tracking-\\[([^\\]]+)\\]/)?.[1];\n  return amount ? { longDateLetterSpacing: amount } : {};\n}\n","import type { DefaultAdFormatters } from \"./types\";\n\nexport const defaultFormatters: Required<DefaultAdFormatters> = {\n  date(value) {\n    const match = value.match(/^(\\d{4})-(\\d{2})-(\\d{2})/);\n    return match ? `${match[3]}.${match[2]}.${match[1]}` : value;\n  },\n  funeralDate(value, hideYear) {\n    if (!hideYear) return value;\n    return value.replace(/([.\\/-])\\d{4}(?=\\D|$)/, \"\");\n  },\n  lowercaseFirst(value) {\n    return value ? value.charAt(0).toLocaleLowerCase() + value.slice(1) : value;\n  },\n};\n\nexport function mergeDefined<T extends object>(base: T, overrides?: Partial<T>): T {\n  if (!overrides) return { ...base };\n  return Object.fromEntries(\n    Object.entries({ ...base, ...overrides }).filter(([, value]) => value !== undefined),\n  ) as T;\n}\n\nexport function decodeSvgMarkup(value: string): string {\n  return value\n    .replace(/&lt;/g, \"<\")\n    .replace(/&gt;/g, \">\")\n    .replace(/&quot;/g, '\"')\n    .replace(/&#(?:0*39|x0*27);/gi, \"'\")\n    .replace(/&amp;/g, \"&\");\n}\n","import type { CSSProperties, ReactNode } from \"react\";\nimport { classicDefaultAdStyle } from \"./presets\";\nimport type { DefaultAdField, DefaultAdInteraction, DefaultAdProps, DefaultAdSpacing, DefaultAdTypography } from \"./types\";\nimport { decodeSvgMarkup, defaultFormatters, mergeDefined } from \"./utils\";\nimport \"./styles.css\";\n\nfunction textStyle(size: number, leading: number, marginTop: number): CSSProperties {\n  return { fontSize: `${size}pt`, lineHeight: `${leading}pt`, marginTop: `${marginTop}pt` };\n}\n\nfunction Text({ children, className = \"\", style, field, interaction }: { children?: ReactNode; className?: string; style: CSSProperties; field?: DefaultAdField; interaction?: DefaultAdInteraction }) {\n  const fieldState = field ? interaction?.fields?.[field] : undefined;\n  const empty = children === null || children === undefined || children === \"\";\n  if (empty && !fieldState?.active) return null;\n  const events = field ? fieldEvents(field, interaction) : {};\n  if (empty) {\n    return <div className=\"gda-field-placeholder-container\"><div data-default-ad-field={field} className={`gda-text gda-field-empty ${className} ${fieldState?.className ?? \"\"}`.trim()} style={{ ...style, ...fieldState?.style }} {...events}>{fieldState?.placeholder}</div></div>;\n  }\n  return <div data-default-ad-field={field} className={`gda-text ${className} ${fieldState?.active ? fieldState.className ?? \"\" : \"\"}`.trim()} style={{ ...style, ...(fieldState?.active ? fieldState.style : undefined) }} {...events}>{children}</div>;\n}\n\nfunction fieldEvents(field: DefaultAdField, interaction?: DefaultAdInteraction) {\n  return {\n    onFocus: interaction?.onFieldFocus ? () => interaction.onFieldFocus?.(field) : undefined,\n    onBlur: interaction?.onFieldBlur ? () => interaction.onFieldBlur?.(field) : undefined,\n    onClick: interaction?.onFieldClick ? () => interaction.onFieldClick?.(field) : undefined,\n  };\n}\n\nexport function DefaultAd({\n  data,\n  style,\n  mode = \"published\",\n  variant = \"classic\",\n  rootRef,\n  interaction,\n  formatters,\n  showEmptyNamePlaceholder = mode === \"builder\",\n  emptyNamePlaceholder = \"Fornavn Efternavn\",\n  className = \"\",\n  rootStyle,\n  ...htmlProps\n}: DefaultAdProps) {\n  const typography = mergeDefined(\n    classicDefaultAdStyle.typography as Required<DefaultAdTypography>,\n    style?.typography,\n  );\n  const spacing = mergeDefined(\n    classicDefaultAdStyle.spacing as Required<DefaultAdSpacing>,\n    style?.spacing,\n  );\n  const layout = mergeDefined(classicDefaultAdStyle, style);\n  const fmt = { ...defaultFormatters, ...formatters };\n  const { contact, text, icon, type } = data;\n  const hasName = Boolean(contact.firstName || contact.lastName);\n  const first = type === \"thanks\" ? text.thanksIntro : text.intro;\n  const second = type === \"thanks\" ? text.briefIntroduction : text.title;\n  const firstField = type === \"thanks\" ? \"thanksIntro\" : \"intro\";\n  const secondField = type === \"thanks\" ? \"briefIntroduction\" : \"title\";\n  const hasVisualFirst = Boolean(first || interaction?.fields?.[firstField]?.active);\n  const hasVisualSecond = Boolean(second || interaction?.fields?.[secondField]?.active);\n  const hasVisualName = hasName || Boolean(interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active);\n  const headerMargins = calculateHeaderMargins({\n    first: hasVisualFirst, second: hasVisualSecond, hasName: hasVisualName, hasIcon: Boolean(icon), spacing,\n  });\n  const { firstMargin, secondMargin, nameMargin } = headerMargins;\n  const isSingleColumn = Number(layout.columnsMm) === 41;\n  const ceremonyCode = contact.ceremony?.code;\n  const ceremonyLabel = contact.ceremony?.label ?? ceremonyCode;\n  const secondaryFontStyle: CSSProperties = typography.secondaryFontFamily != null\n    ? { fontFamily: typography.secondaryFontFamily }\n    : {};\n  const hasActiveNamePart = Boolean(\n    interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active,\n  );\n\n  return (\n    <div\n      {...htmlProps}\n      ref={rootRef}\n      data-default-ad=\"\"\n      data-ad-content=\"\"\n      data-ad-ready=\"true\"\n      data-mode={mode}\n      data-variant={variant}\n      className={`gda-root ${className}`.trim()}\n      style={{\n        width: `${layout.columnsMm}mm`,\n        minWidth: `${layout.columnsMm}mm`,\n        ...(layout.heightMm != null ? { height: `${layout.heightMm}mm` } : {}),\n        padding: `${layout.paddingMm}mm ${layout.horizontalPaddingMm}mm`,\n        border: layout.border ? `${layout.borderWidthPt}pt solid black` : 0,\n        gap: `${spacing.sectionGapMm}mm`,\n        ...(typography.fontFamily != null ? { fontFamily: typography.fontFamily } : {}),\n        ...rootStyle,\n      }}\n    >\n      {icon ? (\n        <div className=\"gda-icon\">\n          <svg className={icon.className} xmlns=\"http://www.w3.org/2000/svg\"\n            width={Number(icon.width) + 16} height={Number(icon.height) + 16}\n            viewBox={icon.viewBox} role={icon.title ? \"img\" : undefined} aria-label={icon.title} aria-hidden={icon.title ? undefined : true}\n            dangerouslySetInnerHTML={{ __html: decodeSvgMarkup(icon.svg) }} />\n        </div>\n      ) : null}\n\n      <Text field={type === \"thanks\" ? \"thanksIntro\" : \"intro\"} interaction={interaction} className={`${type === \"thanks\" ? \"gda-bold\" : \"\"} gda-break`}\n        style={textStyle(type === \"thanks\" ? 14 : typography.introSize, typography.introLeading, firstMargin)}>\n        {type === \"thanks\" && first ? first : type === \"obituaries\" ? first : null}\n      </Text>\n      <Text field={type === \"thanks\" ? \"briefIntroduction\" : \"title\"} interaction={interaction} className=\"gda-break\" style={textStyle(typography.titleSize, typography.titleLeading, secondMargin)}>\n        {type === \"thanks\" && second ? fmt.lowercaseFirst(second) : type === \"obituaries\" ? second : null}\n      </Text>\n\n      {hasName && !interaction?.fields?.firstName?.active && !interaction?.fields?.lastName?.active ? (\n        <Text className=\"gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }}>\n          {[contact.firstName, contact.lastName].filter(Boolean).join(\" \")}\n        </Text>\n      ) : hasName || hasActiveNamePart ? (\n        <div className=\"gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }}>\n          <NamePart field=\"firstName\" value={contact.firstName} interaction={interaction} showPlaceholder={hasActiveNamePart} />{\" \"}\n          <NamePart field=\"lastName\" value={contact.lastName} interaction={interaction} showPlaceholder={hasActiveNamePart} />\n        </div>\n      ) : showEmptyNamePlaceholder ? <div className=\"gda-placeholder gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }}>{emptyNamePlaceholder}</div> : null}\n\n      {(contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active)) || (contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active)) ? (\n        <div className={`gda-dates ${isSingleColumn ? \"gda-dates-single\" : \"\"}`}\n          style={{ marginTop: `${spacing.dateTop}pt`, lineHeight: `${typography.dateLeading}pt`, ...(isSingleColumn ? { gap: `${spacing.dateTop}pt` } : {}) }}>\n          {contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) ? (\n            <span data-default-ad-field=\"birthDate\" {...fieldEvents(\"birthDate\", interaction)} className={interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.className : undefined} style={{ fontSize: `${contact.birthDate && fmt.date(contact.birthDate).length > 10 ? typography.longDateSize : typography.dateSize}pt`, ...(contact.birthDate && fmt.date(contact.birthDate).length > 10 ? { letterSpacing: typography.longDateLetterSpacing } : {}), ...(interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.style : {}) }}>\n              &#10043; {contact.birthDate ? fmt.date(contact.birthDate) : interaction?.fields?.birthDate?.placeholder}\n            </span>\n          ) : null}\n          {contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active) ? (\n            <span data-default-ad-field=\"deathDate\" {...fieldEvents(\"deathDate\", interaction)} className={interaction?.fields?.deathDate?.active ? interaction.fields.deathDate.className : undefined} style={{ fontSize: `${contact.deathDate && fmt.date(contact.deathDate).length > 10 ? typography.longDateSize : typography.dateSize}pt`, ...(contact.deathDate && fmt.date(contact.deathDate).length > 10 ? { letterSpacing: typography.longDateLetterSpacing } : {}), ...(interaction?.fields?.deathDate?.active ? interaction.fields.deathDate.style : {}) }}>\n              <span className=\"gda-death-cross\" aria-hidden=\"true\">✝︎</span> {contact.deathDate ? fmt.date(contact.deathDate) : interaction?.fields?.deathDate?.placeholder}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {type === \"obituaries\" ? <Text field=\"deceased\" interaction={interaction} className=\"gda-balance\" style={textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop)}>{text.deceased}</Text> : null}\n      {type === \"obituaries\" ? <Text field=\"memorial\" interaction={interaction} className=\"gda-italic gda-break\" style={textStyle(typography.memorialSize, typography.memorialLeading, spacing.memorialTop)}>{text.memorial}</Text> : null}\n      {type === \"obituaries\" && (text.sender || interaction?.fields?.sender?.active) ? <Text field=\"sender\" interaction={interaction} className=\"gda-bold gda-secondary-font\" style={{ ...textStyle(typography.senderSize, typography.senderLeading, spacing.senderTop), ...secondaryFontStyle }}>{text.sender}</Text> : null}\n\n      {type === \"obituaries\" && ceremonyCode !== \"NoCeremony\" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate || interaction?.fields?.church?.active || interaction?.fields?.funeralDate?.active) ? (\n        <div className=\"gda-text\" style={textStyle(typography.ceremonySize, typography.ceremonyLeading, spacing.ceremonyTop)}>\n          {contact.showChurch && (contact.church || interaction?.fields?.church?.active) ? <div data-default-ad-field=\"church\" {...fieldEvents(\"church\", interaction)} className={`gda-whitespace-pre-line ${interaction?.fields?.church?.active ? interaction.fields.church.className ?? \"\" : \"\"}`.trim()} style={interaction?.fields?.church?.active ? interaction.fields.church.style : undefined}>{contact.church ? (contact.church.length > 15 ? `${ceremonyLabel ?? \"\"} \\n ${contact.church}` : `${ceremonyLabel ?? \"\"} ${contact.church}`.trim()) : interaction?.fields?.church?.placeholder}</div> : null}\n          {contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active) ? <div data-default-ad-field=\"funeralDate\" {...fieldEvents(\"funeralDate\", interaction)} className={interaction?.fields?.funeralDate?.active ? interaction.fields.funeralDate.className : undefined} style={interaction?.fields?.funeralDate?.active ? interaction.fields.funeralDate.style : undefined}>{contact.funeralDate ? fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear)) : interaction?.fields?.funeralDate?.placeholder}</div> : null}\n        </div>\n      ) : null}\n\n      {type === \"thanks\" ? <ThankYouFields text={text} fmt={fmt} typography={typography} spacing={spacing} interaction={interaction} /> : null}\n      <Text field=\"thanks\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.thanksSize, typography.thanksLeading, spacing.thanksTop)}>{text.thanks}</Text>\n      {type === \"thanks\" ? <Text field=\"sender\" interaction={interaction} className=\"gda-secondary-font\" style={{ ...textStyle(typography.senderSize, typography.senderLeading, spacing.thanksTop), ...secondaryFontStyle }}>{text.sender}</Text> : null}\n      {text.donation ? <div className=\"gda-divider\" style={{ marginTop: `${spacing.donationTop}pt` }} /> : null}\n      {text.donation || interaction?.fields?.donation?.active ? <Text field=\"donation\" interaction={interaction} className=\"gda-donation gda-break\" style={textStyle(typography.donationSize, typography.donationLeading, spacing.donationTop)}>{text.donation}</Text> : null}\n    </div>\n  );\n}\n\nfunction calculateHeaderMargins({ first, second, hasName, hasIcon, spacing }: any) {\n  return {\n    firstMargin: first && hasIcon ? spacing.iconToText : 0,\n    secondMargin: second ? (first ? spacing.introToTitle : hasIcon ? spacing.iconToText : 0) : 0,\n    nameMargin: hasName ? (first || second ? spacing.textToName : hasIcon ? spacing.iconToName : 0) : 0,\n  };\n}\n\nfunction NamePart({ field, value, interaction, showPlaceholder }: { field: \"firstName\" | \"lastName\"; value?: string | null; interaction?: DefaultAdInteraction; showPlaceholder: boolean }) {\n  const state = interaction?.fields?.[field];\n  if (!value && !showPlaceholder) return null;\n  const isPlaceholder = !value;\n  return <span\n    data-default-ad-field={field}\n    {...fieldEvents(field, interaction)}\n    className={`${isPlaceholder && !state?.active ? \"gda-placeholder\" : \"\"} ${state?.active ? `gda-name-part-active ${state.className ?? \"\"}` : \"\"}`.trim()}\n    style={state?.active ? state.style : undefined}\n  >{value || state?.placeholder}</span>;\n}\n\nfunction ThankYouFields({ text, fmt, typography, spacing, interaction }: any) {\n  return <>\n    <Text field=\"ceremony\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop)}>{text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null}</Text>\n    <Text field=\"message\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop)}>{text.message}</Text>\n  </>;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/DefaultAd.tsx","../src/presets.ts","../src/layout.ts","../src/utils.ts"],"sourcesContent":["export { DefaultAd } from \"./DefaultAd\";\nexport { classicDefaultAdStyle, publicationDefaultAdStyle, sharedDefaultAdLayout, styleFromLegacyTemplate } from \"./presets\";\nexport { DEFAULT_AD_LAYOUT_ORDER, DEFAULT_OBITUARY_LAYOUT_ORDER, DEFAULT_THANK_YOU_LAYOUT_ORDER, defaultAdLayoutOrder, normalizeDefaultAdLayoutOrder } from \"./layout\";\nexport type {\n  DefaultAdBlock,\n  DefaultAdContact,\n  DefaultAdData,\n  DefaultAdFormatters,\n  DefaultAdField,\n  DefaultAdFieldState,\n  DefaultAdInteraction,\n  DefaultAdIcon,\n  DefaultAdMode,\n  DefaultAdProps,\n  DefaultAdSpacing,\n  DefaultAdStyle,\n  DefaultAdTextFields,\n  DefaultAdType,\n  DefaultAdVariant,\n  DefaultAdTypography,\n  LegacyAdTemplate,\n} from \"./types\";\n","import { Children, cloneElement, Fragment, isValidElement } from \"react\";\nimport type { CSSProperties, ReactElement, ReactNode } from \"react\";\nimport { classicDefaultAdStyle } from \"./presets\";\nimport { normalizeDefaultAdLayoutOrder } from \"./layout\";\nimport type { DefaultAdBlock, DefaultAdField, DefaultAdInteraction, DefaultAdProps, DefaultAdSpacing, DefaultAdTypography } from \"./types\";\nimport { decodeSvgMarkup, defaultFormatters, mergeDefined } from \"./utils\";\nimport \"./styles.css\";\n\nfunction textStyle(size: number, leading: number, marginTop: number): CSSProperties {\n  return { fontSize: `${size}pt`, lineHeight: `${leading}pt`, marginTop: `${marginTop}pt` };\n}\n\nfunction Text({ children, className = \"\", style, field, interaction }: { children?: ReactNode; className?: string; style: CSSProperties; field?: DefaultAdField; interaction?: DefaultAdInteraction }) {\n  const fieldState = field ? interaction?.fields?.[field] : undefined;\n  const empty = children === null || children === undefined || children === \"\";\n  if (empty && !fieldState?.active) return null;\n  const events = field ? fieldEvents(field, interaction) : {};\n  if (empty) {\n    return <div className=\"gda-field-placeholder-container\"><div data-default-ad-field={field} className={`gda-text gda-field-empty ${className} ${fieldState?.className ?? \"\"}`.trim()} style={{ ...style, ...fieldState?.style }} {...events}>{fieldState?.placeholder}</div></div>;\n  }\n  return <div data-default-ad-field={field} className={`gda-text ${className} ${fieldState?.active ? fieldState.className ?? \"\" : \"\"}`.trim()} style={{ ...style, ...(fieldState?.active ? fieldState.style : undefined) }} {...events}>{children}</div>;\n}\n\nfunction fieldEvents(field: DefaultAdField, interaction?: DefaultAdInteraction) {\n  return {\n    onFocus: interaction?.onFieldFocus ? () => interaction.onFieldFocus?.(field) : undefined,\n    onBlur: interaction?.onFieldBlur ? () => interaction.onFieldBlur?.(field) : undefined,\n    onClick: interaction?.onFieldClick ? () => interaction.onFieldClick?.(field) : undefined,\n  };\n}\n\nexport function DefaultAd({\n  data,\n  style,\n  mode = \"published\",\n  variant = \"classic\",\n  rootRef,\n  interaction,\n  formatters,\n  showEmptyNamePlaceholder = mode === \"builder\",\n  emptyNamePlaceholder = \"Fornavn Efternavn\",\n  className = \"\",\n  rootStyle,\n  layoutOrder,\n  renderBlock,\n  ...htmlProps\n}: DefaultAdProps) {\n  const typography = mergeDefined(\n    classicDefaultAdStyle.typography as Required<DefaultAdTypography>,\n    style?.typography,\n  );\n  const spacing = mergeDefined(\n    classicDefaultAdStyle.spacing as Required<DefaultAdSpacing>,\n    style?.spacing,\n  );\n  const layout = mergeDefined(classicDefaultAdStyle, style);\n  const fmt = { ...defaultFormatters, ...formatters };\n  const { contact, text, icon, type } = data;\n  const hasName = Boolean(contact.firstName || contact.lastName);\n  const first = type === \"thanks\" ? text.thanksIntro : text.intro;\n  const second = type === \"thanks\" ? text.briefIntroduction : text.title;\n  const firstField = type === \"thanks\" ? \"thanksIntro\" : \"intro\";\n  const secondField = type === \"thanks\" ? \"briefIntroduction\" : \"title\";\n  const hasVisualFirst = Boolean(first || interaction?.fields?.[firstField]?.active);\n  const hasVisualSecond = Boolean(second || interaction?.fields?.[secondField]?.active);\n  const hasVisualName = hasName || Boolean(interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active);\n  const isSingleColumn = Number(layout.columnsMm) === 41;\n  const ceremonyCode = contact.ceremony?.code;\n  const ceremonyLabel = contact.ceremony?.label ?? ceremonyCode;\n  const secondaryFontStyle: CSSProperties = typography.secondaryFontFamily != null\n    ? { fontFamily: typography.secondaryFontFamily }\n    : {};\n  const hasActiveNamePart = Boolean(\n    interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active,\n  );\n  const orderedBlocks = normalizeDefaultAdLayoutOrder(layoutOrder, type);\n  const visibleBlocks: Partial<Record<DefaultAdBlock, boolean>> = {\n    icon: Boolean(icon), intro: hasVisualFirst, title: hasVisualSecond,\n    name: hasVisualName || showEmptyNamePlaceholder,\n    dates: Boolean((contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active)) || (contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active))),\n    deceased: type === \"obituaries\" && Boolean(text.deceased || interaction?.fields?.deceased?.active),\n    memorial: type === \"obituaries\" && Boolean(text.memorial || interaction?.fields?.memorial?.active),\n    sender: Boolean(text.sender || interaction?.fields?.sender?.active),\n    church: type === \"obituaries\" && ceremonyCode !== \"NoCeremony\" && Boolean(\n      (contact.showChurch && (contact.church || interaction?.fields?.church?.active))\n      || (contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active)),\n    ),\n    ceremony: type === \"thanks\" && Boolean(text.ceremony || interaction?.fields?.ceremony?.active),\n    message: type === \"thanks\" && Boolean(text.message || interaction?.fields?.message?.active),\n    thanks: Boolean(text.thanks || interaction?.fields?.thanks?.active),\n    donation: Boolean(text.donation || interaction?.fields?.donation?.active),\n  };\n  const visibleOrder = orderedBlocks.filter((block) => visibleBlocks[block]);\n  const firstVisibleBlock = visibleOrder[0];\n  const previousVisibleBlock = (block: DefaultAdBlock) => visibleOrder[visibleOrder.indexOf(block) - 1];\n  const blockMargin = (block: DefaultAdBlock, margin: number) => firstVisibleBlock === block ? 0 : margin;\n  const firstMargin = previousVisibleBlock(\"intro\") === \"icon\" ? spacing.iconToText : spacing.introToTitle;\n  const secondMargin = previousVisibleBlock(\"title\") === \"icon\" ? spacing.iconToText : spacing.introToTitle;\n  const nameMargin = previousVisibleBlock(\"name\") === \"icon\" ? spacing.iconToName : spacing.textToName;\n\n  return (\n    <div\n      {...htmlProps}\n      ref={rootRef}\n      data-default-ad=\"\"\n      data-ad-content=\"\"\n      data-ad-ready=\"true\"\n      data-mode={mode}\n      data-variant={variant}\n      className={`gda-root ${className}`.trim()}\n      style={{\n        width: `${layout.columnsMm}mm`,\n        minWidth: `${layout.columnsMm}mm`,\n        ...(layout.heightMm != null ? { height: `${layout.heightMm}mm` } : {}),\n        padding: `${layout.paddingMm}mm ${layout.horizontalPaddingMm}mm`,\n        border: layout.border ? `${layout.borderWidthPt}pt solid black` : 0,\n        gap: `${spacing.sectionGapMm}mm`,\n        ...(typography.fontFamily != null ? { fontFamily: typography.fontFamily } : {}),\n        ...rootStyle,\n      }}\n    >\n      <OrderedBlocks order={orderedBlocks} renderBlock={renderBlock}>\n      <AdBlock block=\"icon\">{icon ? (\n        <div className=\"gda-icon\">\n          <svg className={icon.className} xmlns=\"http://www.w3.org/2000/svg\"\n            width={Number(icon.width) + 16} height={Number(icon.height) + 16}\n            viewBox={icon.viewBox} role={icon.title ? \"img\" : undefined} aria-label={icon.title} aria-hidden={icon.title ? undefined : true}\n            dangerouslySetInnerHTML={{ __html: decodeSvgMarkup(icon.svg) }} />\n        </div>\n      ) : null}</AdBlock>\n\n      <AdBlock block=\"intro\">\n      <Text field={type === \"thanks\" ? \"thanksIntro\" : \"intro\"} interaction={interaction} className={`${type === \"thanks\" ? \"gda-bold\" : \"\"} gda-break`}\n        style={textStyle(type === \"thanks\" ? 14 : typography.introSize, typography.introLeading, blockMargin(\"intro\", firstMargin))}>\n        {type === \"thanks\" && first ? first : type === \"obituaries\" ? first : null}\n      </Text>\n      </AdBlock>\n      <AdBlock block=\"title\">\n      <Text field={type === \"thanks\" ? \"briefIntroduction\" : \"title\"} interaction={interaction} className=\"gda-break\" style={textStyle(typography.titleSize, typography.titleLeading, blockMargin(\"title\", secondMargin))}>\n        {type === \"thanks\" && second ? fmt.lowercaseFirst(second) : type === \"obituaries\" ? second : null}\n      </Text>\n      </AdBlock>\n\n      <AdBlock block=\"name\">\n      {hasName && !interaction?.fields?.firstName?.active && !interaction?.fields?.lastName?.active ? (\n        <Text className=\"gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, blockMargin(\"name\", nameMargin)), ...secondaryFontStyle }}>\n          {[contact.firstName, contact.lastName].filter(Boolean).join(\" \")}\n        </Text>\n      ) : hasName || hasActiveNamePart ? (\n        <div className=\"gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, blockMargin(\"name\", nameMargin)), ...secondaryFontStyle }}>\n          <NamePart field=\"firstName\" value={contact.firstName} interaction={interaction} showPlaceholder={hasActiveNamePart} />{\" \"}\n          <NamePart field=\"lastName\" value={contact.lastName} interaction={interaction} showPlaceholder={hasActiveNamePart} />\n        </div>\n      ) : showEmptyNamePlaceholder ? <div className=\"gda-placeholder gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, blockMargin(\"name\", nameMargin)), ...secondaryFontStyle }}>{emptyNamePlaceholder}</div> : null}\n      </AdBlock>\n\n      <AdBlock block=\"dates\">\n      {(contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active)) || (contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active)) ? (\n        <div className={`gda-dates ${isSingleColumn ? \"gda-dates-single\" : \"\"}`}\n          style={{ marginTop: `${blockMargin(\"dates\", spacing.dateTop)}pt`, lineHeight: `${typography.dateLeading}pt`, ...(isSingleColumn ? { gap: `${spacing.dateTop}pt` } : {}) }}>\n          {contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) ? (\n            <span data-default-ad-field=\"birthDate\" {...fieldEvents(\"birthDate\", interaction)} className={interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.className : undefined} style={{ fontSize: `${contact.birthDate && fmt.date(contact.birthDate).length > 10 ? typography.longDateSize : typography.dateSize}pt`, ...(contact.birthDate && fmt.date(contact.birthDate).length > 10 ? { letterSpacing: typography.longDateLetterSpacing } : {}), ...(interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.style : {}) }}>\n              &#10043; {contact.birthDate ? fmt.date(contact.birthDate) : interaction?.fields?.birthDate?.placeholder}\n            </span>\n          ) : null}\n          {contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active) ? (\n            <span data-default-ad-field=\"deathDate\" {...fieldEvents(\"deathDate\", interaction)} className={interaction?.fields?.deathDate?.active ? interaction.fields.deathDate.className : undefined} style={{ fontSize: `${contact.deathDate && fmt.date(contact.deathDate).length > 10 ? typography.longDateSize : typography.dateSize}pt`, ...(contact.deathDate && fmt.date(contact.deathDate).length > 10 ? { letterSpacing: typography.longDateLetterSpacing } : {}), ...(interaction?.fields?.deathDate?.active ? interaction.fields.deathDate.style : {}) }}>\n              <span className=\"gda-death-cross\" aria-hidden=\"true\">✝︎</span> {contact.deathDate ? fmt.date(contact.deathDate) : interaction?.fields?.deathDate?.placeholder}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n      </AdBlock>\n\n      <AdBlock block=\"deceased\">\n      {type === \"obituaries\" ? <Text field=\"deceased\" interaction={interaction} className=\"gda-balance\" style={textStyle(typography.bodySize, typography.bodyLeading, blockMargin(\"deceased\", spacing.deceasedTop))}>{text.deceased}</Text> : null}\n      </AdBlock>\n      <AdBlock block=\"memorial\">\n      {type === \"obituaries\" ? <Text field=\"memorial\" interaction={interaction} className=\"gda-italic gda-break\" style={textStyle(typography.memorialSize, typography.memorialLeading, blockMargin(\"memorial\", spacing.memorialTop))}>{text.memorial}</Text> : null}\n      </AdBlock>\n      <AdBlock block=\"sender\">\n      {type === \"obituaries\" && (text.sender || interaction?.fields?.sender?.active) ? <Text field=\"sender\" interaction={interaction} className=\"gda-bold gda-secondary-font\" style={{ ...textStyle(typography.senderSize, typography.senderLeading, blockMargin(\"sender\", spacing.senderTop)), ...secondaryFontStyle }}>{text.sender}</Text> : null}\n\n      {type === \"thanks\" ? <Text field=\"sender\" interaction={interaction} className=\"gda-secondary-font\" style={{ ...textStyle(typography.senderSize, typography.senderLeading, blockMargin(\"sender\", spacing.thanksTop)), ...secondaryFontStyle }}>{text.sender}</Text> : null}\n      </AdBlock>\n\n      <AdBlock block=\"church\">\n      {type === \"obituaries\" && ceremonyCode !== \"NoCeremony\" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate || interaction?.fields?.church?.active || interaction?.fields?.funeralDate?.active) ? (\n        <div className=\"gda-text\" style={textStyle(typography.ceremonySize, typography.ceremonyLeading, blockMargin(\"church\", spacing.ceremonyTop))}>\n          {contact.showChurch && (contact.church || interaction?.fields?.church?.active) ? contact.church ? <div data-default-ad-field=\"church\" {...fieldEvents(\"church\", interaction)} className=\"gda-whitespace-pre-line\">{contact.church.length > 15 ? `${ceremonyLabel ?? \"\"} \\n ${contact.church}` : `${ceremonyLabel ?? \"\"} ${contact.church}`.trim()}</div> : <InlinePlaceholder field=\"church\" interaction={interaction} /> : null}\n          {contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active) ? contact.funeralDate ? <div data-default-ad-field=\"funeralDate\" {...fieldEvents(\"funeralDate\", interaction)}>{fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear))}</div> : <InlinePlaceholder field=\"funeralDate\" interaction={interaction} /> : null}\n        </div>\n      ) : null}\n      </AdBlock>\n\n      <AdBlock block=\"ceremony\">{type === \"thanks\" ? <Text field=\"ceremony\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.bodySize, typography.bodyLeading, blockMargin(\"ceremony\", spacing.thanksTop))}>{text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null}</Text> : null}</AdBlock>\n      <AdBlock block=\"message\">{type === \"thanks\" ? <Text field=\"message\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.bodySize, typography.bodyLeading, blockMargin(\"message\", spacing.thanksTop))}>{text.message}</Text> : null}</AdBlock>\n      <AdBlock block=\"thanks\">\n      <Text field=\"thanks\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.thanksSize, typography.thanksLeading, blockMargin(\"thanks\", spacing.thanksTop))}>{text.thanks}</Text>\n      </AdBlock>\n      <AdBlock block=\"donation\">\n      {text.donation ? <div className=\"gda-divider\" style={{ marginTop: `${blockMargin(\"donation\", spacing.donationTop)}pt` }} /> : null}\n      {text.donation || interaction?.fields?.donation?.active ? <Text field=\"donation\" interaction={interaction} className=\"gda-donation gda-break\" style={textStyle(typography.donationSize, typography.donationLeading, blockMargin(\"donation\", spacing.donationTop))}>{text.donation}</Text> : null}\n      </AdBlock>\n      </OrderedBlocks>\n    </div>\n  );\n}\n\nfunction NamePart({ field, value, interaction, showPlaceholder }: { field: \"firstName\" | \"lastName\"; value?: string | null; interaction?: DefaultAdInteraction; showPlaceholder: boolean }) {\n  const state = interaction?.fields?.[field];\n  if (!value && !showPlaceholder) return null;\n  const isPlaceholder = !value;\n  return <span\n    data-default-ad-field={field}\n    {...fieldEvents(field, interaction)}\n    className={`${isPlaceholder && !state?.active ? \"gda-placeholder\" : \"\"} ${state?.active ? `gda-name-part-active ${state.className ?? \"\"}` : \"\"}`.trim()}\n    style={state?.active ? state.style : undefined}\n  >{value || state?.placeholder}</span>;\n}\n\nfunction InlinePlaceholder({ field, interaction }: { field: DefaultAdField; interaction?: DefaultAdInteraction }) {\n  const state = interaction?.fields?.[field];\n  return <div><span\n    data-default-ad-field={field}\n    {...fieldEvents(field, interaction)}\n    className={`gda-field-active-inline ${state?.className ?? \"\"}`.trim()}\n    style={state?.style}\n  >{state?.placeholder}</span></div>;\n}\n\ntype BlockRenderer = DefaultAdProps[\"renderBlock\"];\ntype AdBlockProps = { block: DefaultAdBlock; children: ReactNode; renderBlock?: BlockRenderer; index?: number };\n\nfunction AdBlock({ block, children, renderBlock, index = 0 }: AdBlockProps) {\n  let node = children;\n  if (node === null || node === undefined || node === false) return null;\n  if (isValidElement<Record<string, unknown>>(children) && children.type !== Fragment) {\n    node = cloneElement(children, { \"data-default-ad-block\": block });\n  }\n  return <>{renderBlock ? renderBlock(block, node, index) : node}</>;\n}\n\nfunction OrderedBlocks({ order, renderBlock, children }: { order: readonly DefaultAdBlock[]; renderBlock?: BlockRenderer; children: ReactNode }) {\n  const blocks = new Map(\n    Children.toArray(children).map((child) => {\n      const element = child as ReactElement<AdBlockProps>;\n      return [element.props.block, element] as const;\n    }),\n  );\n  return <>{order.map((block, index) => {\n    const element = blocks.get(block);\n    return element ? cloneElement(element, { key: block, renderBlock, index }) : null;\n  })}</>;\n}\n","import type { DefaultAdStyle, LegacyAdTemplate } from \"./types\";\n\n/**\n * Canonical layout shared by every consumer. Typography is deliberately kept\n * out of this object so applications can still select licensed/dynamic fonts.\n */\nexport const sharedDefaultAdLayout = {\n  columnsMm: 86,\n  heightMm: null,\n  paddingMm: 4,\n  horizontalPaddingMm: 2,\n  border: false,\n  borderWidthPt: 1.4,\n  spacing: {\n    iconToText: 11,\n    introToTitle: 8,\n    // These values originated as unitless React styles and therefore retain\n    // their established numeric geometry.\n    textToName: 4.2,\n    iconToName: 4.95,\n    dateTop: 5.6,\n    deceasedTop: 6,\n    memorialTop: 6,\n    senderTop: 8,\n    ceremonyTop: 8,\n    thanksTop: 7,\n    donationTop: 7,\n    sectionGapMm: 0,\n  },\n} as const satisfies Readonly<DefaultAdStyle>;\n\nexport const classicDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  ...sharedDefaultAdLayout,\n  typography: {\n    fontFamily: \"var(--default-ad-font-primary, Schoolbook, Georgia, serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Schoolbook, Georgia, serif)\",\n    introSize: 10,\n    introLeading: 12,\n    titleSize: 10,\n    titleLeading: 12,\n    nameSize: 14,\n    nameLeading: 16.8,\n    dateSize: 10,\n    longDateSize: 10,\n    longDateLetterSpacing: \"-0.01em\",\n    dateLeading: 12,\n    bodySize: 10,\n    bodyLeading: 12,\n    memorialSize: 10,\n    memorialLeading: 12,\n    senderSize: 10,\n    senderLeading: 12,\n    ceremonySize: 10,\n    ceremonyLeading: 12,\n    thanksSize: 10,\n    thanksLeading: 12,\n    donationSize: 10,\n    donationLeading: 12,\n  },\n};\n\nexport const publicationDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  ...sharedDefaultAdLayout,\n  typography: {\n    ...classicDefaultAdStyle.typography,\n    fontFamily: \"var(--default-ad-font-primary, Raleway, Arial, sans-serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Athelas, Georgia, serif)\",\n    introSize: 11,\n    introLeading: 13,\n    titleSize: 11,\n    titleLeading: 13,\n    nameSize: 17,\n    nameLeading: 15,\n    dateSize: 11.5,\n    longDateSize: 11,\n    longDateLetterSpacing: \"-0.01em\",\n    bodySize: 12,\n    bodyLeading: 13,\n    memorialSize: 12,\n    memorialLeading: 13,\n    senderSize: 13,\n    senderLeading: 13,\n    ceremonySize: 11,\n    ceremonyLeading: 13,\n    thanksSize: 11,\n    thanksLeading: 13,\n    donationSize: 11,\n    donationLeading: 13,\n  },\n};\n\nexport function styleFromLegacyTemplate(template?: LegacyAdTemplate | null): DefaultAdStyle {\n  if (!template) return publicationDefaultAdStyle;\n  return {\n    ...publicationDefaultAdStyle,\n    typography: {\n      ...publicationDefaultAdStyle.typography,\n      fontFamily: template.font1 || publicationDefaultAdStyle.typography?.fontFamily,\n      secondaryFontFamily: template.font2 || publicationDefaultAdStyle.typography?.secondaryFontFamily,\n      introSize: template.introSize,\n      introLeading: template.introLeading,\n      titleSize: template.titleSize,\n      titleLeading: template.titleLeading,\n      nameSize: template.fullnameSize,\n      nameLeading: template.fullnameLeading,\n      ...fontPair(template.deceasedText, \"bodySize\", \"bodyLeading\"),\n      ...fontPair(template.memorialText, \"memorialSize\", \"memorialLeading\"),\n      ...fontPair(template.senderText, \"senderSize\", \"senderLeading\"),\n      ...fontPair(template.ceremonyText, \"ceremonySize\", \"ceremonyLeading\"),\n      ...fontPair(template.thanksText, \"thanksSize\", \"thanksLeading\"),\n      ...fontPair(template.donationText, \"donationSize\", \"donationLeading\"),\n      ...tracking(template.longDatesText),\n    },\n  };\n}\n\nfunction fontPair(value: string | undefined, sizeKey: string, leadingKey: string): Record<string, number> {\n  if (!value) return {};\n  const size = value.match(/text-\\[(-?[\\d.]+)pt\\]/)?.[1];\n  const leading = value.match(/leading-\\[(-?[\\d.]+)pt\\]/)?.[1];\n  return {\n    ...(size ? { [sizeKey]: Number(size) } : {}),\n    ...(leading ? { [leadingKey]: Number(leading) } : {}),\n  };\n}\n\nfunction tracking(value: string | undefined): { longDateLetterSpacing?: string } {\n  const amount = value?.match(/tracking-\\[([^\\]]+)\\]/)?.[1];\n  return amount ? { longDateLetterSpacing: amount } : {};\n}\n","import type { DefaultAdBlock, DefaultAdType } from \"./types\";\n\nexport const DEFAULT_OBITUARY_LAYOUT_ORDER = [\n  \"icon\", \"intro\", \"title\", \"name\", \"dates\", \"deceased\", \"memorial\",\n  \"sender\", \"church\", \"thanks\", \"donation\",\n] as const satisfies readonly DefaultAdBlock[];\n\nexport const DEFAULT_THANK_YOU_LAYOUT_ORDER = [\n  \"icon\", \"intro\", \"title\", \"name\", \"dates\", \"ceremony\", \"message\",\n  \"thanks\", \"sender\", \"donation\",\n] as const satisfies readonly DefaultAdBlock[];\n\nexport const DEFAULT_AD_LAYOUT_ORDER = DEFAULT_OBITUARY_LAYOUT_ORDER;\n\nconst VALID_BLOCKS = new Set<DefaultAdBlock>([\n  ...DEFAULT_OBITUARY_LAYOUT_ORDER,\n  ...DEFAULT_THANK_YOU_LAYOUT_ORDER,\n]);\n\nexport function defaultAdLayoutOrder(type: DefaultAdType): readonly DefaultAdBlock[] {\n  return type === \"thanks\" ? DEFAULT_THANK_YOU_LAYOUT_ORDER : DEFAULT_OBITUARY_LAYOUT_ORDER;\n}\n\nexport function normalizeDefaultAdLayoutOrder(\n  order: readonly unknown[] | null | undefined,\n  type: DefaultAdType,\n): DefaultAdBlock[] {\n  const defaults = defaultAdLayoutOrder(type);\n  const applicable = new Set(defaults);\n  const seen = new Set<DefaultAdBlock>();\n  const normalized: DefaultAdBlock[] = [];\n  for (const value of order ?? []) {\n    if (typeof value !== \"string\" || !VALID_BLOCKS.has(value as DefaultAdBlock)) continue;\n    const block = value as DefaultAdBlock;\n    if (!applicable.has(block) || seen.has(block)) continue;\n    seen.add(block);\n    normalized.push(block);\n  }\n  for (const block of defaults) if (!seen.has(block)) normalized.push(block);\n  return normalized;\n}\n","import type { DefaultAdFormatters } from \"./types\";\n\nexport const defaultFormatters: Required<DefaultAdFormatters> = {\n  date(value) {\n    const match = value.match(/^(\\d{4})-(\\d{2})-(\\d{2})/);\n    return match ? `${match[3]}.${match[2]}.${match[1]}` : value;\n  },\n  funeralDate(value, hideYear) {\n    if (!hideYear) return value;\n    return value.replace(/([.\\/-])\\d{4}(?=\\D|$)/, \"\");\n  },\n  lowercaseFirst(value) {\n    return value ? value.charAt(0).toLocaleLowerCase() + value.slice(1) : value;\n  },\n};\n\nexport function mergeDefined<T extends object>(base: T, overrides?: Partial<T>): T {\n  if (!overrides) return { ...base };\n  return Object.fromEntries(\n    Object.entries({ ...base, ...overrides }).filter(([, value]) => value !== undefined),\n  ) as T;\n}\n\nexport function decodeSvgMarkup(value: string): string {\n  return value\n    .replace(/&lt;/g, \"<\")\n    .replace(/&gt;/g, \">\")\n    .replace(/&quot;/g, '\"')\n    .replace(/&#(?:0*39|x0*27);/gi, \"'\")\n    .replace(/&amp;/g, \"&\");\n}\n"],"mappings":"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","names":[]}

package/dist/index.css

@@ -78,7 +78,8 @@
 .gda-placeholder {
   opacity: .25;
 }
-.gda-name-part-active {
+.gda-name-part-active,
+.gda-field-active-inline {
   padding-inline: 2px;
   margin-inline: -2px;
   box-decoration-break: clone;

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles.css"],"sourcesContent":[".gda-root {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  overflow: hidden;\n  color: #000;\n  background: #fff;\n  stroke: #000;\n  text-align: center;\n  box-shadow: 0 0 30px -10px rgb(0 0 0 / 30%);\n  transition: all 700ms;\n}\n.gda-root *, .gda-root *::before, .gda-root *::after { box-sizing: border-box; }\n.gda-text { font-weight: 400; white-space: pre-line; }\n.gda-whitespace-pre-line { white-space: pre-line; }\n.gda-break { overflow-wrap: break-word; }\n.gda-name { white-space: normal; }\n.gda-balance { text-wrap: balance; }\n.gda-bold { font-weight: 700; }\n.gda-italic { font-style: italic; }\n.gda-secondary-font { font-family: var(--default-ad-font-secondary, inherit); }\n.gda-icon { display: flex; justify-content: center; }\n.gda-dates { display: flex; width: 100%; flex-flow: row nowrap; justify-content: center; gap: 4mm; font-weight: 400; white-space: nowrap; }\n.gda-dates-single { flex-direction: column; gap: 0; }\n.gda-death-cross { font-family: \"Times New Roman\", Times, serif; }\n.gda-divider { width: 3rem; margin-right: auto; margin-left: auto; border-top: 1.4pt solid #000; }\n.gda-donation { margin-right: 19pt; margin-left: 19pt; }\n.gda-placeholder { opacity: .25; }\n.gda-name-part-active {\n  padding-inline: 2px;\n  margin-inline: -2px;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\n.gda-field-placeholder-container { display: flex; justify-content: center; }\n.gda-field-empty.gda-donation { margin-right: 0; margin-left: 0; }\n.gda-field-empty.gda-balance { text-wrap: initial; }\n"],"mappings":";AAAA,CAAC;AACC,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,YAAU;AACV,SAAO;AACP,cAAY;AACZ,UAAQ;AACR,cAAY;AACZ,cAAY,EAAE,EAAE,KAAK,MAAM,IAAI,EAAE,EAAE,EAAE,EAAE;AACvC,cAAY,IAAI;AAClB;AACA,CAbC,SAaS;AAAG,CAbZ,SAasB,CAAC;AAAU,CAbjC,SAa2C,CAAC;AAAU,cAAY;AAAY;AAC/E,CAAC;AAAW,eAAa;AAAK,eAAa;AAAU;AACrD,CAAC;AAA0B,eAAa;AAAU;AAClD,CAAC;AAAY,iBAAe;AAAY;AACxC,CAAC;AAAW,eAAa;AAAQ;AACjC,CAAC;AAAc,aAAW;AAAS;AACnC,CAAC;AAAW,eAAa;AAAK;AAC9B,CAAC;AAAa,cAAY;AAAQ;AAClC,CAAC;AAAqB,eAAa,IAAI,2BAA2B,EAAE;AAAU;AAC9E,CAAC;AAAW,WAAS;AAAM,mBAAiB;AAAQ;AACpD,CAAC;AAAY,WAAS;AAAM,SAAO;AAAM,aAAW,IAAI;AAAQ,mBAAiB;AAAQ,OAAK;AAAK,eAAa;AAAK,eAAa;AAAQ;AAC1I,CAAC;AAAmB,kBAAgB;AAAQ,OAAK;AAAG;AACpD,CAAC;AAAkB;AAAA,IAAa,iBAAiB;AAAA,IAAE,KAAK;AAAA,IAAE;AAAO;AACjE,CAAC;AAAc,SAAO;AAAM,gBAAc;AAAM,eAAa;AAAM,cAAY,MAAM,MAAM;AAAM;AACjG,CAAC;AAAe,gBAAc;AAAM,eAAa;AAAM;AACvD,CAAC;AAAkB,WAAS;AAAK;AACjC,CAAC;AACC,kBAAgB;AAChB,iBAAe;AACf,wBAAsB;AACtB,gCAA8B;AAChC;AACA,CAAC;AAAkC,WAAS;AAAM,mBAAiB;AAAQ;AAC3E,CAAC,eAAe,CATf;AAS+B,gBAAc;AAAG,eAAa;AAAG;AACjE,CADC,eACe,CAnBf;AAmB8B,aAAW;AAAS;","names":[]}
+{"version":3,"sources":["../src/styles.css"],"sourcesContent":[".gda-root {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  overflow: hidden;\n  color: #000;\n  background: #fff;\n  stroke: #000;\n  text-align: center;\n  box-shadow: 0 0 30px -10px rgb(0 0 0 / 30%);\n  transition: all 700ms;\n}\n.gda-root *, .gda-root *::before, .gda-root *::after { box-sizing: border-box; }\n.gda-text { font-weight: 400; white-space: pre-line; }\n.gda-whitespace-pre-line { white-space: pre-line; }\n.gda-break { overflow-wrap: break-word; }\n.gda-name { white-space: normal; }\n.gda-balance { text-wrap: balance; }\n.gda-bold { font-weight: 700; }\n.gda-italic { font-style: italic; }\n.gda-secondary-font { font-family: var(--default-ad-font-secondary, inherit); }\n.gda-icon { display: flex; justify-content: center; }\n.gda-dates { display: flex; width: 100%; flex-flow: row nowrap; justify-content: center; gap: 4mm; font-weight: 400; white-space: nowrap; }\n.gda-dates-single { flex-direction: column; gap: 0; }\n.gda-death-cross { font-family: \"Times New Roman\", Times, serif; }\n.gda-divider { width: 3rem; margin-right: auto; margin-left: auto; border-top: 1.4pt solid #000; }\n.gda-donation { margin-right: 19pt; margin-left: 19pt; }\n.gda-placeholder { opacity: .25; }\n.gda-name-part-active,\n.gda-field-active-inline {\n  padding-inline: 2px;\n  margin-inline: -2px;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\n.gda-field-placeholder-container { display: flex; justify-content: center; }\n.gda-field-empty.gda-donation { margin-right: 0; margin-left: 0; }\n.gda-field-empty.gda-balance { text-wrap: initial; }\n"],"mappings":";AAAA,CAAC;AACC,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,YAAU;AACV,SAAO;AACP,cAAY;AACZ,UAAQ;AACR,cAAY;AACZ,cAAY,EAAE,EAAE,KAAK,MAAM,IAAI,EAAE,EAAE,EAAE,EAAE;AACvC,cAAY,IAAI;AAClB;AACA,CAbC,SAaS;AAAG,CAbZ,SAasB,CAAC;AAAU,CAbjC,SAa2C,CAAC;AAAU,cAAY;AAAY;AAC/E,CAAC;AAAW,eAAa;AAAK,eAAa;AAAU;AACrD,CAAC;AAA0B,eAAa;AAAU;AAClD,CAAC;AAAY,iBAAe;AAAY;AACxC,CAAC;AAAW,eAAa;AAAQ;AACjC,CAAC;AAAc,aAAW;AAAS;AACnC,CAAC;AAAW,eAAa;AAAK;AAC9B,CAAC;AAAa,cAAY;AAAQ;AAClC,CAAC;AAAqB,eAAa,IAAI,2BAA2B,EAAE;AAAU;AAC9E,CAAC;AAAW,WAAS;AAAM,mBAAiB;AAAQ;AACpD,CAAC;AAAY,WAAS;AAAM,SAAO;AAAM,aAAW,IAAI;AAAQ,mBAAiB;AAAQ,OAAK;AAAK,eAAa;AAAK,eAAa;AAAQ;AAC1I,CAAC;AAAmB,kBAAgB;AAAQ,OAAK;AAAG;AACpD,CAAC;AAAkB;AAAA,IAAa,iBAAiB;AAAA,IAAE,KAAK;AAAA,IAAE;AAAO;AACjE,CAAC;AAAc,SAAO;AAAM,gBAAc;AAAM,eAAa;AAAM,cAAY,MAAM,MAAM;AAAM;AACjG,CAAC;AAAe,gBAAc;AAAM,eAAa;AAAM;AACvD,CAAC;AAAkB,WAAS;AAAK;AACjC,CAAC;AACD,CAAC;AACC,kBAAgB;AAChB,iBAAe;AACf,wBAAsB;AACtB,gCAA8B;AAChC;AACA,CAAC;AAAkC,WAAS;AAAM,mBAAiB;AAAQ;AAC3E,CAAC,eAAe,CAVf;AAU+B,gBAAc;AAAG,eAAa;AAAG;AACjE,CADC,eACe,CApBf;AAoB8B,aAAW;AAAS;","names":[]}

package/dist/index.d.mts

@@ -4,6 +4,7 @@ import { HTMLAttributes, Ref, ReactNode, CSSProperties } from 'react';
 type DefaultAdType = "obituaries" | "thanks";
 type DefaultAdMode = "builder" | "preview" | "published";
 type DefaultAdVariant = "classic" | "publication";
+type DefaultAdBlock = "icon" | "intro" | "title" | "name" | "dates" | "deceased" | "memorial" | "sender" | "church" | "ceremony" | "message" | "thanks" | "donation";
 type DefaultAdField = "intro" | "title" | "thanksIntro" | "briefIntroduction" | "firstName" | "lastName" | "birthDate" | "deathDate" | "deceased" | "memorial" | "sender" | "church" | "funeralDate" | "ceremony" | "message" | "thanks" | "donation";
 interface DefaultAdFieldState {
     /** Render the placeholder when this field has no value. */
@@ -134,6 +135,9 @@ interface DefaultAdProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"
     showEmptyNamePlaceholder?: boolean;
     emptyNamePlaceholder?: string;
     rootStyle?: CSSProperties;
+    layoutOrder?: readonly unknown[] | null;
+    /** Optional consumer-owned wrapper, e.g. a sortable block in builder mode. */
+    renderBlock?: (block: DefaultAdBlock, node: ReactNode, index: number) => ReactNode;
 }
 /** Shape accepted by the existing Strapi ad-template records. */
 interface LegacyAdTemplate {
@@ -170,7 +174,7 @@ interface LegacyAdTemplate {
     fullnameToText?: number;
 }
 
-declare function DefaultAd({ data, style, mode, variant, rootRef, interaction, formatters, showEmptyNamePlaceholder, emptyNamePlaceholder, className, rootStyle, ...htmlProps }: DefaultAdProps): react.JSX.Element;
+declare function DefaultAd({ data, style, mode, variant, rootRef, interaction, formatters, showEmptyNamePlaceholder, emptyNamePlaceholder, className, rootStyle, layoutOrder, renderBlock, ...htmlProps }: DefaultAdProps): react.JSX.Element;
 
 /**
  * Canonical layout shared by every consumer. Typography is deliberately kept
@@ -202,4 +206,10 @@ declare const classicDefaultAdStyle: Readonly<DefaultAdStyle>;
 declare const publicationDefaultAdStyle: Readonly<DefaultAdStyle>;
 declare function styleFromLegacyTemplate(template?: LegacyAdTemplate | null): DefaultAdStyle;
 
-export { DefaultAd, type DefaultAdContact, type DefaultAdData, type DefaultAdField, type DefaultAdFieldState, type DefaultAdFormatters, type DefaultAdIcon, type DefaultAdInteraction, type DefaultAdMode, type DefaultAdProps, type DefaultAdSpacing, type DefaultAdStyle, type DefaultAdTextFields, type DefaultAdType, type DefaultAdTypography, type DefaultAdVariant, type LegacyAdTemplate, classicDefaultAdStyle, publicationDefaultAdStyle, sharedDefaultAdLayout, styleFromLegacyTemplate };
+declare const DEFAULT_OBITUARY_LAYOUT_ORDER: readonly ["icon", "intro", "title", "name", "dates", "deceased", "memorial", "sender", "church", "thanks", "donation"];
+declare const DEFAULT_THANK_YOU_LAYOUT_ORDER: readonly ["icon", "intro", "title", "name", "dates", "ceremony", "message", "thanks", "sender", "donation"];
+declare const DEFAULT_AD_LAYOUT_ORDER: readonly ["icon", "intro", "title", "name", "dates", "deceased", "memorial", "sender", "church", "thanks", "donation"];
+declare function defaultAdLayoutOrder(type: DefaultAdType): readonly DefaultAdBlock[];
+declare function normalizeDefaultAdLayoutOrder(order: readonly unknown[] | null | undefined, type: DefaultAdType): DefaultAdBlock[];
+
+export { DEFAULT_AD_LAYOUT_ORDER, DEFAULT_OBITUARY_LAYOUT_ORDER, DEFAULT_THANK_YOU_LAYOUT_ORDER, DefaultAd, type DefaultAdBlock, type DefaultAdContact, type DefaultAdData, type DefaultAdField, type DefaultAdFieldState, type DefaultAdFormatters, type DefaultAdIcon, type DefaultAdInteraction, type DefaultAdMode, type DefaultAdProps, type DefaultAdSpacing, type DefaultAdStyle, type DefaultAdTextFields, type DefaultAdType, type DefaultAdTypography, type DefaultAdVariant, type LegacyAdTemplate, classicDefaultAdStyle, defaultAdLayoutOrder, normalizeDefaultAdLayoutOrder, publicationDefaultAdStyle, sharedDefaultAdLayout, styleFromLegacyTemplate };

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { HTMLAttributes, Ref, ReactNode, CSSProperties } from 'react';
 type DefaultAdType = "obituaries" | "thanks";
 type DefaultAdMode = "builder" | "preview" | "published";
 type DefaultAdVariant = "classic" | "publication";
+type DefaultAdBlock = "icon" | "intro" | "title" | "name" | "dates" | "deceased" | "memorial" | "sender" | "church" | "ceremony" | "message" | "thanks" | "donation";
 type DefaultAdField = "intro" | "title" | "thanksIntro" | "briefIntroduction" | "firstName" | "lastName" | "birthDate" | "deathDate" | "deceased" | "memorial" | "sender" | "church" | "funeralDate" | "ceremony" | "message" | "thanks" | "donation";
 interface DefaultAdFieldState {
     /** Render the placeholder when this field has no value. */
@@ -134,6 +135,9 @@ interface DefaultAdProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"
     showEmptyNamePlaceholder?: boolean;
     emptyNamePlaceholder?: string;
     rootStyle?: CSSProperties;
+    layoutOrder?: readonly unknown[] | null;
+    /** Optional consumer-owned wrapper, e.g. a sortable block in builder mode. */
+    renderBlock?: (block: DefaultAdBlock, node: ReactNode, index: number) => ReactNode;
 }
 /** Shape accepted by the existing Strapi ad-template records. */
 interface LegacyAdTemplate {
@@ -170,7 +174,7 @@ interface LegacyAdTemplate {
     fullnameToText?: number;
 }
 
-declare function DefaultAd({ data, style, mode, variant, rootRef, interaction, formatters, showEmptyNamePlaceholder, emptyNamePlaceholder, className, rootStyle, ...htmlProps }: DefaultAdProps): react.JSX.Element;
+declare function DefaultAd({ data, style, mode, variant, rootRef, interaction, formatters, showEmptyNamePlaceholder, emptyNamePlaceholder, className, rootStyle, layoutOrder, renderBlock, ...htmlProps }: DefaultAdProps): react.JSX.Element;
 
 /**
  * Canonical layout shared by every consumer. Typography is deliberately kept
@@ -202,4 +206,10 @@ declare const classicDefaultAdStyle: Readonly<DefaultAdStyle>;
 declare const publicationDefaultAdStyle: Readonly<DefaultAdStyle>;
 declare function styleFromLegacyTemplate(template?: LegacyAdTemplate | null): DefaultAdStyle;
 
-export { DefaultAd, type DefaultAdContact, type DefaultAdData, type DefaultAdField, type DefaultAdFieldState, type DefaultAdFormatters, type DefaultAdIcon, type DefaultAdInteraction, type DefaultAdMode, type DefaultAdProps, type DefaultAdSpacing, type DefaultAdStyle, type DefaultAdTextFields, type DefaultAdType, type DefaultAdTypography, type DefaultAdVariant, type LegacyAdTemplate, classicDefaultAdStyle, publicationDefaultAdStyle, sharedDefaultAdLayout, styleFromLegacyTemplate };
+declare const DEFAULT_OBITUARY_LAYOUT_ORDER: readonly ["icon", "intro", "title", "name", "dates", "deceased", "memorial", "sender", "church", "thanks", "donation"];
+declare const DEFAULT_THANK_YOU_LAYOUT_ORDER: readonly ["icon", "intro", "title", "name", "dates", "ceremony", "message", "thanks", "sender", "donation"];
+declare const DEFAULT_AD_LAYOUT_ORDER: readonly ["icon", "intro", "title", "name", "dates", "deceased", "memorial", "sender", "church", "thanks", "donation"];
+declare function defaultAdLayoutOrder(type: DefaultAdType): readonly DefaultAdBlock[];
+declare function normalizeDefaultAdLayoutOrder(order: readonly unknown[] | null | undefined, type: DefaultAdType): DefaultAdBlock[];
+
+export { DEFAULT_AD_LAYOUT_ORDER, DEFAULT_OBITUARY_LAYOUT_ORDER, DEFAULT_THANK_YOU_LAYOUT_ORDER, DefaultAd, type DefaultAdBlock, type DefaultAdContact, type DefaultAdData, type DefaultAdField, type DefaultAdFieldState, type DefaultAdFormatters, type DefaultAdIcon, type DefaultAdInteraction, type DefaultAdMode, type DefaultAdProps, type DefaultAdSpacing, type DefaultAdStyle, type DefaultAdTextFields, type DefaultAdType, type DefaultAdTypography, type DefaultAdVariant, type LegacyAdTemplate, classicDefaultAdStyle, defaultAdLayoutOrder, normalizeDefaultAdLayoutOrder, publicationDefaultAdStyle, sharedDefaultAdLayout, styleFromLegacyTemplate };

package/dist/index.js

@@ -1,3 +1,6 @@
+// src/DefaultAd.tsx
+import { Children, cloneElement, Fragment, isValidElement } from "react";
+
 // src/presets.ts
 var sharedDefaultAdLayout = {
   columnsMm: 86,
@@ -119,6 +122,56 @@ function tracking(value) {
   return amount ? { longDateLetterSpacing: amount } : {};
 }
 
+// src/layout.ts
+var DEFAULT_OBITUARY_LAYOUT_ORDER = [
+  "icon",
+  "intro",
+  "title",
+  "name",
+  "dates",
+  "deceased",
+  "memorial",
+  "sender",
+  "church",
+  "thanks",
+  "donation"
+];
+var DEFAULT_THANK_YOU_LAYOUT_ORDER = [
+  "icon",
+  "intro",
+  "title",
+  "name",
+  "dates",
+  "ceremony",
+  "message",
+  "thanks",
+  "sender",
+  "donation"
+];
+var DEFAULT_AD_LAYOUT_ORDER = DEFAULT_OBITUARY_LAYOUT_ORDER;
+var VALID_BLOCKS = /* @__PURE__ */ new Set([
+  ...DEFAULT_OBITUARY_LAYOUT_ORDER,
+  ...DEFAULT_THANK_YOU_LAYOUT_ORDER
+]);
+function defaultAdLayoutOrder(type) {
+  return type === "thanks" ? DEFAULT_THANK_YOU_LAYOUT_ORDER : DEFAULT_OBITUARY_LAYOUT_ORDER;
+}
+function normalizeDefaultAdLayoutOrder(order, type) {
+  const defaults = defaultAdLayoutOrder(type);
+  const applicable = new Set(defaults);
+  const seen = /* @__PURE__ */ new Set();
+  const normalized = [];
+  for (const value of order ?? []) {
+    if (typeof value !== "string" || !VALID_BLOCKS.has(value)) continue;
+    const block = value;
+    if (!applicable.has(block) || seen.has(block)) continue;
+    seen.add(block);
+    normalized.push(block);
+  }
+  for (const block of defaults) if (!seen.has(block)) normalized.push(block);
+  return normalized;
+}
+
 // src/utils.ts
 var defaultFormatters = {
   date(value) {
@@ -144,7 +197,7 @@ function decodeSvgMarkup(value) {
 }
 
 // src/DefaultAd.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
 function textStyle(size, leading, marginTop) {
   return { fontSize: `${size}pt`, lineHeight: `${leading}pt`, marginTop: `${marginTop}pt` };
 }
@@ -177,6 +230,8 @@ function DefaultAd({
   emptyNamePlaceholder = "Fornavn Efternavn",
   className = "",
   rootStyle,
+  layoutOrder,
+  renderBlock,
   ...htmlProps
 }) {
   const typography = mergeDefined(
@@ -198,14 +253,6 @@ function DefaultAd({
   const hasVisualFirst = Boolean(first || interaction?.fields?.[firstField]?.active);
   const hasVisualSecond = Boolean(second || interaction?.fields?.[secondField]?.active);
   const hasVisualName = hasName || Boolean(interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active);
-  const headerMargins = calculateHeaderMargins({
-    first: hasVisualFirst,
-    second: hasVisualSecond,
-    hasName: hasVisualName,
-    hasIcon: Boolean(icon),
-    spacing
-  });
-  const { firstMargin, secondMargin, nameMargin } = headerMargins;
   const isSingleColumn = Number(layout.columnsMm) === 41;
   const ceremonyCode = contact.ceremony?.code;
   const ceremonyLabel = contact.ceremony?.label ?? ceremonyCode;
@@ -213,7 +260,32 @@ function DefaultAd({
   const hasActiveNamePart = Boolean(
     interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active
   );
-  return /* @__PURE__ */ jsxs(
+  const orderedBlocks = normalizeDefaultAdLayoutOrder(layoutOrder, type);
+  const visibleBlocks = {
+    icon: Boolean(icon),
+    intro: hasVisualFirst,
+    title: hasVisualSecond,
+    name: hasVisualName || showEmptyNamePlaceholder,
+    dates: Boolean(contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) || contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active)),
+    deceased: type === "obituaries" && Boolean(text.deceased || interaction?.fields?.deceased?.active),
+    memorial: type === "obituaries" && Boolean(text.memorial || interaction?.fields?.memorial?.active),
+    sender: Boolean(text.sender || interaction?.fields?.sender?.active),
+    church: type === "obituaries" && ceremonyCode !== "NoCeremony" && Boolean(
+      contact.showChurch && (contact.church || interaction?.fields?.church?.active) || contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active)
+    ),
+    ceremony: type === "thanks" && Boolean(text.ceremony || interaction?.fields?.ceremony?.active),
+    message: type === "thanks" && Boolean(text.message || interaction?.fields?.message?.active),
+    thanks: Boolean(text.thanks || interaction?.fields?.thanks?.active),
+    donation: Boolean(text.donation || interaction?.fields?.donation?.active)
+  };
+  const visibleOrder = orderedBlocks.filter((block) => visibleBlocks[block]);
+  const firstVisibleBlock = visibleOrder[0];
+  const previousVisibleBlock = (block) => visibleOrder[visibleOrder.indexOf(block) - 1];
+  const blockMargin = (block, margin) => firstVisibleBlock === block ? 0 : margin;
+  const firstMargin = previousVisibleBlock("intro") === "icon" ? spacing.iconToText : spacing.introToTitle;
+  const secondMargin = previousVisibleBlock("title") === "icon" ? spacing.iconToText : spacing.introToTitle;
+  const nameMargin = previousVisibleBlock("name") === "icon" ? spacing.iconToName : spacing.textToName;
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ...htmlProps,
@@ -234,8 +306,8 @@ function DefaultAd({
         ...typography.fontFamily != null ? { fontFamily: typography.fontFamily } : {},
         ...rootStyle
       },
-      children: [
-        icon ? /* @__PURE__ */ jsx("div", { className: "gda-icon", children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsxs(OrderedBlocks, { order: orderedBlocks, renderBlock, children: [
+        /* @__PURE__ */ jsx(AdBlock, { block: "icon", children: icon ? /* @__PURE__ */ jsx("div", { className: "gda-icon", children: /* @__PURE__ */ jsx(
           "svg",
           {
             className: icon.className,
@@ -248,28 +320,28 @@ function DefaultAd({
             "aria-hidden": icon.title ? void 0 : true,
             dangerouslySetInnerHTML: { __html: decodeSvgMarkup(icon.svg) }
           }
-        ) }) : null,
-        /* @__PURE__ */ jsx(
+        ) }) : null }),
+        /* @__PURE__ */ jsx(AdBlock, { block: "intro", children: /* @__PURE__ */ jsx(
           Text,
           {
             field: type === "thanks" ? "thanksIntro" : "intro",
             interaction,
             className: `${type === "thanks" ? "gda-bold" : ""} gda-break`,
-            style: textStyle(type === "thanks" ? 14 : typography.introSize, typography.introLeading, firstMargin),
+            style: textStyle(type === "thanks" ? 14 : typography.introSize, typography.introLeading, blockMargin("intro", firstMargin)),
             children: type === "thanks" && first ? first : type === "obituaries" ? first : null
           }
-        ),
-        /* @__PURE__ */ jsx(Text, { field: type === "thanks" ? "briefIntroduction" : "title", interaction, className: "gda-break", style: textStyle(typography.titleSize, typography.titleLeading, secondMargin), children: type === "thanks" && second ? fmt.lowercaseFirst(second) : type === "obituaries" ? second : null }),
-        hasName && !interaction?.fields?.firstName?.active && !interaction?.fields?.lastName?.active ? /* @__PURE__ */ jsx(Text, { className: "gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }, children: [contact.firstName, contact.lastName].filter(Boolean).join(" ") }) : hasName || hasActiveNamePart ? /* @__PURE__ */ jsxs("div", { className: "gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }, children: [
+        ) }),
+        /* @__PURE__ */ jsx(AdBlock, { block: "title", children: /* @__PURE__ */ jsx(Text, { field: type === "thanks" ? "briefIntroduction" : "title", interaction, className: "gda-break", style: textStyle(typography.titleSize, typography.titleLeading, blockMargin("title", secondMargin)), children: type === "thanks" && second ? fmt.lowercaseFirst(second) : type === "obituaries" ? second : null }) }),
+        /* @__PURE__ */ jsx(AdBlock, { block: "name", children: hasName && !interaction?.fields?.firstName?.active && !interaction?.fields?.lastName?.active ? /* @__PURE__ */ jsx(Text, { className: "gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, blockMargin("name", nameMargin)), ...secondaryFontStyle }, children: [contact.firstName, contact.lastName].filter(Boolean).join(" ") }) : hasName || hasActiveNamePart ? /* @__PURE__ */ jsxs("div", { className: "gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, blockMargin("name", nameMargin)), ...secondaryFontStyle }, children: [
           /* @__PURE__ */ jsx(NamePart, { field: "firstName", value: contact.firstName, interaction, showPlaceholder: hasActiveNamePart }),
           " ",
           /* @__PURE__ */ jsx(NamePart, { field: "lastName", value: contact.lastName, interaction, showPlaceholder: hasActiveNamePart })
-        ] }) : showEmptyNamePlaceholder ? /* @__PURE__ */ jsx("div", { className: "gda-placeholder gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }, children: emptyNamePlaceholder }) : null,
-        contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) || contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active) ? /* @__PURE__ */ jsxs(
+        ] }) : showEmptyNamePlaceholder ? /* @__PURE__ */ jsx("div", { className: "gda-placeholder gda-name gda-bold gda-secondary-font", style: { ...textStyle(typography.nameSize, typography.nameLeading, blockMargin("name", nameMargin)), ...secondaryFontStyle }, children: emptyNamePlaceholder }) : null }),
+        /* @__PURE__ */ jsx(AdBlock, { block: "dates", children: contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) || contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active) ? /* @__PURE__ */ jsxs(
           "div",
           {
             className: `gda-dates ${isSingleColumn ? "gda-dates-single" : ""}`,
-            style: { marginTop: `${spacing.dateTop}pt`, lineHeight: `${typography.dateLeading}pt`, ...isSingleColumn ? { gap: `${spacing.dateTop}pt` } : {} },
+            style: { marginTop: `${blockMargin("dates", spacing.dateTop)}pt`, lineHeight: `${typography.dateLeading}pt`, ...isSingleColumn ? { gap: `${spacing.dateTop}pt` } : {} },
             children: [
               contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) ? /* @__PURE__ */ jsxs("span", { "data-default-ad-field": "birthDate", ...fieldEvents("birthDate", interaction), className: interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.className : void 0, style: { fontSize: `${contact.birthDate && fmt.date(contact.birthDate).length > 10 ? typography.longDateSize : typography.dateSize}pt`, ...contact.birthDate && fmt.date(contact.birthDate).length > 10 ? { letterSpacing: typography.longDateLetterSpacing } : {}, ...interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.style : {} }, children: [
                 "\u273B ",
@@ -282,31 +354,29 @@ function DefaultAd({
               ] }) : null
             ]
           }
-        ) : null,
-        type === "obituaries" ? /* @__PURE__ */ jsx(Text, { field: "deceased", interaction, className: "gda-balance", style: textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop), children: text.deceased }) : null,
-        type === "obituaries" ? /* @__PURE__ */ jsx(Text, { field: "memorial", interaction, className: "gda-italic gda-break", style: textStyle(typography.memorialSize, typography.memorialLeading, spacing.memorialTop), children: text.memorial }) : null,
-        type === "obituaries" && (text.sender || interaction?.fields?.sender?.active) ? /* @__PURE__ */ jsx(Text, { field: "sender", interaction, className: "gda-bold gda-secondary-font", style: { ...textStyle(typography.senderSize, typography.senderLeading, spacing.senderTop), ...secondaryFontStyle }, children: text.sender }) : null,
-        type === "obituaries" && ceremonyCode !== "NoCeremony" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate || interaction?.fields?.church?.active || interaction?.fields?.funeralDate?.active) ? /* @__PURE__ */ jsxs("div", { className: "gda-text", style: textStyle(typography.ceremonySize, typography.ceremonyLeading, spacing.ceremonyTop), children: [
-          contact.showChurch && (contact.church || interaction?.fields?.church?.active) ? /* @__PURE__ */ jsx("div", { "data-default-ad-field": "church", ...fieldEvents("church", interaction), className: `gda-whitespace-pre-line ${interaction?.fields?.church?.active ? interaction.fields.church.className ?? "" : ""}`.trim(), style: interaction?.fields?.church?.active ? interaction.fields.church.style : void 0, children: contact.church ? contact.church.length > 15 ? `${ceremonyLabel ?? ""} 
- ${contact.church}` : `${ceremonyLabel ?? ""} ${contact.church}`.trim() : interaction?.fields?.church?.placeholder }) : null,
-          contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active) ? /* @__PURE__ */ jsx("div", { "data-default-ad-field": "funeralDate", ...fieldEvents("funeralDate", interaction), className: interaction?.fields?.funeralDate?.active ? interaction.fields.funeralDate.className : void 0, style: interaction?.fields?.funeralDate?.active ? interaction.fields.funeralDate.style : void 0, children: contact.funeralDate ? fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear)) : interaction?.fields?.funeralDate?.placeholder }) : null
-        ] }) : null,
-        type === "thanks" ? /* @__PURE__ */ jsx(ThankYouFields, { text, fmt, typography, spacing, interaction }) : null,
-        /* @__PURE__ */ jsx(Text, { field: "thanks", interaction, className: "gda-break", style: textStyle(typography.thanksSize, typography.thanksLeading, spacing.thanksTop), children: text.thanks }),
-        type === "thanks" ? /* @__PURE__ */ jsx(Text, { field: "sender", interaction, className: "gda-secondary-font", style: { ...textStyle(typography.senderSize, typography.senderLeading, spacing.thanksTop), ...secondaryFontStyle }, children: text.sender }) : null,
-        text.donation ? /* @__PURE__ */ jsx("div", { className: "gda-divider", style: { marginTop: `${spacing.donationTop}pt` } }) : null,
-        text.donation || interaction?.fields?.donation?.active ? /* @__PURE__ */ jsx(Text, { field: "donation", interaction, className: "gda-donation gda-break", style: textStyle(typography.donationSize, typography.donationLeading, spacing.donationTop), children: text.donation }) : null
-      ]
+        ) : null }),
+        /* @__PURE__ */ jsx(AdBlock, { block: "deceased", children: type === "obituaries" ? /* @__PURE__ */ jsx(Text, { field: "deceased", interaction, className: "gda-balance", style: textStyle(typography.bodySize, typography.bodyLeading, blockMargin("deceased", spacing.deceasedTop)), children: text.deceased }) : null }),
+        /* @__PURE__ */ jsx(AdBlock, { block: "memorial", children: type === "obituaries" ? /* @__PURE__ */ jsx(Text, { field: "memorial", interaction, className: "gda-italic gda-break", style: textStyle(typography.memorialSize, typography.memorialLeading, blockMargin("memorial", spacing.memorialTop)), children: text.memorial }) : null }),
+        /* @__PURE__ */ jsxs(AdBlock, { block: "sender", children: [
+          type === "obituaries" && (text.sender || interaction?.fields?.sender?.active) ? /* @__PURE__ */ jsx(Text, { field: "sender", interaction, className: "gda-bold gda-secondary-font", style: { ...textStyle(typography.senderSize, typography.senderLeading, blockMargin("sender", spacing.senderTop)), ...secondaryFontStyle }, children: text.sender }) : null,
+          type === "thanks" ? /* @__PURE__ */ jsx(Text, { field: "sender", interaction, className: "gda-secondary-font", style: { ...textStyle(typography.senderSize, typography.senderLeading, blockMargin("sender", spacing.thanksTop)), ...secondaryFontStyle }, children: text.sender }) : null
+        ] }),
+        /* @__PURE__ */ jsx(AdBlock, { block: "church", children: type === "obituaries" && ceremonyCode !== "NoCeremony" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate || interaction?.fields?.church?.active || interaction?.fields?.funeralDate?.active) ? /* @__PURE__ */ jsxs("div", { className: "gda-text", style: textStyle(typography.ceremonySize, typography.ceremonyLeading, blockMargin("church", spacing.ceremonyTop)), children: [
+          contact.showChurch && (contact.church || interaction?.fields?.church?.active) ? contact.church ? /* @__PURE__ */ jsx("div", { "data-default-ad-field": "church", ...fieldEvents("church", interaction), className: "gda-whitespace-pre-line", children: contact.church.length > 15 ? `${ceremonyLabel ?? ""} 
+ ${contact.church}` : `${ceremonyLabel ?? ""} ${contact.church}`.trim() }) : /* @__PURE__ */ jsx(InlinePlaceholder, { field: "church", interaction }) : null,
+          contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active) ? contact.funeralDate ? /* @__PURE__ */ jsx("div", { "data-default-ad-field": "funeralDate", ...fieldEvents("funeralDate", interaction), children: fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear)) }) : /* @__PURE__ */ jsx(InlinePlaceholder, { field: "funeralDate", interaction }) : null
+        ] }) : null }),
+        /* @__PURE__ */ jsx(AdBlock, { block: "ceremony", children: type === "thanks" ? /* @__PURE__ */ jsx(Text, { field: "ceremony", interaction, className: "gda-break", style: textStyle(typography.bodySize, typography.bodyLeading, blockMargin("ceremony", spacing.thanksTop)), children: text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null }) : null }),
+        /* @__PURE__ */ jsx(AdBlock, { block: "message", children: type === "thanks" ? /* @__PURE__ */ jsx(Text, { field: "message", interaction, className: "gda-break", style: textStyle(typography.bodySize, typography.bodyLeading, blockMargin("message", spacing.thanksTop)), children: text.message }) : null }),
+        /* @__PURE__ */ jsx(AdBlock, { block: "thanks", children: /* @__PURE__ */ jsx(Text, { field: "thanks", interaction, className: "gda-break", style: textStyle(typography.thanksSize, typography.thanksLeading, blockMargin("thanks", spacing.thanksTop)), children: text.thanks }) }),
+        /* @__PURE__ */ jsxs(AdBlock, { block: "donation", children: [
+          text.donation ? /* @__PURE__ */ jsx("div", { className: "gda-divider", style: { marginTop: `${blockMargin("donation", spacing.donationTop)}pt` } }) : null,
+          text.donation || interaction?.fields?.donation?.active ? /* @__PURE__ */ jsx(Text, { field: "donation", interaction, className: "gda-donation gda-break", style: textStyle(typography.donationSize, typography.donationLeading, blockMargin("donation", spacing.donationTop)), children: text.donation }) : null
+        ] })
+      ] })
     }
   );
 }
-function calculateHeaderMargins({ first, second, hasName, hasIcon, spacing }) {
-  return {
-    firstMargin: first && hasIcon ? spacing.iconToText : 0,
-    secondMargin: second ? first ? spacing.introToTitle : hasIcon ? spacing.iconToText : 0 : 0,
-    nameMargin: hasName ? first || second ? spacing.textToName : hasIcon ? spacing.iconToName : 0 : 0
-  };
-}
 function NamePart({ field, value, interaction, showPlaceholder }) {
   const state = interaction?.fields?.[field];
   if (!value && !showPlaceholder) return null;
@@ -322,15 +392,47 @@ function NamePart({ field, value, interaction, showPlaceholder }) {
     }
   );
 }
-function ThankYouFields({ text, fmt, typography, spacing, interaction }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Text, { field: "ceremony", interaction, className: "gda-break", style: textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop), children: text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null }),
-    /* @__PURE__ */ jsx(Text, { field: "message", interaction, className: "gda-break", style: textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop), children: text.message })
-  ] });
+function InlinePlaceholder({ field, interaction }) {
+  const state = interaction?.fields?.[field];
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-default-ad-field": field,
+      ...fieldEvents(field, interaction),
+      className: `gda-field-active-inline ${state?.className ?? ""}`.trim(),
+      style: state?.style,
+      children: state?.placeholder
+    }
+  ) });
+}
+function AdBlock({ block, children, renderBlock, index = 0 }) {
+  let node = children;
+  if (node === null || node === void 0 || node === false) return null;
+  if (isValidElement(children) && children.type !== Fragment) {
+    node = cloneElement(children, { "data-default-ad-block": block });
+  }
+  return /* @__PURE__ */ jsx(Fragment2, { children: renderBlock ? renderBlock(block, node, index) : node });
+}
+function OrderedBlocks({ order, renderBlock, children }) {
+  const blocks = new Map(
+    Children.toArray(children).map((child) => {
+      const element = child;
+      return [element.props.block, element];
+    })
+  );
+  return /* @__PURE__ */ jsx(Fragment2, { children: order.map((block, index) => {
+    const element = blocks.get(block);
+    return element ? cloneElement(element, { key: block, renderBlock, index }) : null;
+  }) });
 }
 export {
+  DEFAULT_AD_LAYOUT_ORDER,
+  DEFAULT_OBITUARY_LAYOUT_ORDER,
+  DEFAULT_THANK_YOU_LAYOUT_ORDER,
   DefaultAd,
   classicDefaultAdStyle,
+  defaultAdLayoutOrder,
+  normalizeDefaultAdLayoutOrder,
   publicationDefaultAdStyle,
   sharedDefaultAdLayout,
   styleFromLegacyTemplate

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/presets.ts","../src/utils.ts","../src/DefaultAd.tsx"],"sourcesContent":["import type { DefaultAdStyle, LegacyAdTemplate } from \"./types\";\n\n/**\n * Canonical layout shared by every consumer. Typography is deliberately kept\n * out of this object so applications can still select licensed/dynamic fonts.\n */\nexport const sharedDefaultAdLayout = {\n  columnsMm: 86,\n  heightMm: null,\n  paddingMm: 4,\n  horizontalPaddingMm: 2,\n  border: false,\n  borderWidthPt: 1.4,\n  spacing: {\n    iconToText: 11,\n    introToTitle: 8,\n    // These values originated as unitless React styles and therefore retain\n    // their established numeric geometry.\n    textToName: 4.2,\n    iconToName: 4.95,\n    dateTop: 5.6,\n    deceasedTop: 6,\n    memorialTop: 6,\n    senderTop: 8,\n    ceremonyTop: 8,\n    thanksTop: 7,\n    donationTop: 7,\n    sectionGapMm: 0,\n  },\n} as const satisfies Readonly<DefaultAdStyle>;\n\nexport const classicDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  ...sharedDefaultAdLayout,\n  typography: {\n    fontFamily: \"var(--default-ad-font-primary, Schoolbook, Georgia, serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Schoolbook, Georgia, serif)\",\n    introSize: 10,\n    introLeading: 12,\n    titleSize: 10,\n    titleLeading: 12,\n    nameSize: 14,\n    nameLeading: 16.8,\n    dateSize: 10,\n    longDateSize: 10,\n    longDateLetterSpacing: \"-0.01em\",\n    dateLeading: 12,\n    bodySize: 10,\n    bodyLeading: 12,\n    memorialSize: 10,\n    memorialLeading: 12,\n    senderSize: 10,\n    senderLeading: 12,\n    ceremonySize: 10,\n    ceremonyLeading: 12,\n    thanksSize: 10,\n    thanksLeading: 12,\n    donationSize: 10,\n    donationLeading: 12,\n  },\n};\n\nexport const publicationDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  ...sharedDefaultAdLayout,\n  typography: {\n    ...classicDefaultAdStyle.typography,\n    fontFamily: \"var(--default-ad-font-primary, Raleway, Arial, sans-serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Athelas, Georgia, serif)\",\n    introSize: 11,\n    introLeading: 13,\n    titleSize: 11,\n    titleLeading: 13,\n    nameSize: 17,\n    nameLeading: 15,\n    dateSize: 11.5,\n    longDateSize: 11,\n    longDateLetterSpacing: \"-0.01em\",\n    bodySize: 12,\n    bodyLeading: 13,\n    memorialSize: 12,\n    memorialLeading: 13,\n    senderSize: 13,\n    senderLeading: 13,\n    ceremonySize: 11,\n    ceremonyLeading: 13,\n    thanksSize: 11,\n    thanksLeading: 13,\n    donationSize: 11,\n    donationLeading: 13,\n  },\n};\n\nexport function styleFromLegacyTemplate(template?: LegacyAdTemplate | null): DefaultAdStyle {\n  if (!template) return publicationDefaultAdStyle;\n  return {\n    ...publicationDefaultAdStyle,\n    typography: {\n      ...publicationDefaultAdStyle.typography,\n      fontFamily: template.font1 || publicationDefaultAdStyle.typography?.fontFamily,\n      secondaryFontFamily: template.font2 || publicationDefaultAdStyle.typography?.secondaryFontFamily,\n      introSize: template.introSize,\n      introLeading: template.introLeading,\n      titleSize: template.titleSize,\n      titleLeading: template.titleLeading,\n      nameSize: template.fullnameSize,\n      nameLeading: template.fullnameLeading,\n      ...fontPair(template.deceasedText, \"bodySize\", \"bodyLeading\"),\n      ...fontPair(template.memorialText, \"memorialSize\", \"memorialLeading\"),\n      ...fontPair(template.senderText, \"senderSize\", \"senderLeading\"),\n      ...fontPair(template.ceremonyText, \"ceremonySize\", \"ceremonyLeading\"),\n      ...fontPair(template.thanksText, \"thanksSize\", \"thanksLeading\"),\n      ...fontPair(template.donationText, \"donationSize\", \"donationLeading\"),\n      ...tracking(template.longDatesText),\n    },\n  };\n}\n\nfunction fontPair(value: string | undefined, sizeKey: string, leadingKey: string): Record<string, number> {\n  if (!value) return {};\n  const size = value.match(/text-\\[(-?[\\d.]+)pt\\]/)?.[1];\n  const leading = value.match(/leading-\\[(-?[\\d.]+)pt\\]/)?.[1];\n  return {\n    ...(size ? { [sizeKey]: Number(size) } : {}),\n    ...(leading ? { [leadingKey]: Number(leading) } : {}),\n  };\n}\n\nfunction tracking(value: string | undefined): { longDateLetterSpacing?: string } {\n  const amount = value?.match(/tracking-\\[([^\\]]+)\\]/)?.[1];\n  return amount ? { longDateLetterSpacing: amount } : {};\n}\n","import type { DefaultAdFormatters } from \"./types\";\n\nexport const defaultFormatters: Required<DefaultAdFormatters> = {\n  date(value) {\n    const match = value.match(/^(\\d{4})-(\\d{2})-(\\d{2})/);\n    return match ? `${match[3]}.${match[2]}.${match[1]}` : value;\n  },\n  funeralDate(value, hideYear) {\n    if (!hideYear) return value;\n    return value.replace(/([.\\/-])\\d{4}(?=\\D|$)/, \"\");\n  },\n  lowercaseFirst(value) {\n    return value ? value.charAt(0).toLocaleLowerCase() + value.slice(1) : value;\n  },\n};\n\nexport function mergeDefined<T extends object>(base: T, overrides?: Partial<T>): T {\n  if (!overrides) return { ...base };\n  return Object.fromEntries(\n    Object.entries({ ...base, ...overrides }).filter(([, value]) => value !== undefined),\n  ) as T;\n}\n\nexport function decodeSvgMarkup(value: string): string {\n  return value\n    .replace(/&lt;/g, \"<\")\n    .replace(/&gt;/g, \">\")\n    .replace(/&quot;/g, '\"')\n    .replace(/&#(?:0*39|x0*27);/gi, \"'\")\n    .replace(/&amp;/g, \"&\");\n}\n","import type { CSSProperties, ReactNode } from \"react\";\nimport { classicDefaultAdStyle } from \"./presets\";\nimport type { DefaultAdField, DefaultAdInteraction, DefaultAdProps, DefaultAdSpacing, DefaultAdTypography } from \"./types\";\nimport { decodeSvgMarkup, defaultFormatters, mergeDefined } from \"./utils\";\nimport \"./styles.css\";\n\nfunction textStyle(size: number, leading: number, marginTop: number): CSSProperties {\n  return { fontSize: `${size}pt`, lineHeight: `${leading}pt`, marginTop: `${marginTop}pt` };\n}\n\nfunction Text({ children, className = \"\", style, field, interaction }: { children?: ReactNode; className?: string; style: CSSProperties; field?: DefaultAdField; interaction?: DefaultAdInteraction }) {\n  const fieldState = field ? interaction?.fields?.[field] : undefined;\n  const empty = children === null || children === undefined || children === \"\";\n  if (empty && !fieldState?.active) return null;\n  const events = field ? fieldEvents(field, interaction) : {};\n  if (empty) {\n    return <div className=\"gda-field-placeholder-container\"><div data-default-ad-field={field} className={`gda-text gda-field-empty ${className} ${fieldState?.className ?? \"\"}`.trim()} style={{ ...style, ...fieldState?.style }} {...events}>{fieldState?.placeholder}</div></div>;\n  }\n  return <div data-default-ad-field={field} className={`gda-text ${className} ${fieldState?.active ? fieldState.className ?? \"\" : \"\"}`.trim()} style={{ ...style, ...(fieldState?.active ? fieldState.style : undefined) }} {...events}>{children}</div>;\n}\n\nfunction fieldEvents(field: DefaultAdField, interaction?: DefaultAdInteraction) {\n  return {\n    onFocus: interaction?.onFieldFocus ? () => interaction.onFieldFocus?.(field) : undefined,\n    onBlur: interaction?.onFieldBlur ? () => interaction.onFieldBlur?.(field) : undefined,\n    onClick: interaction?.onFieldClick ? () => interaction.onFieldClick?.(field) : undefined,\n  };\n}\n\nexport function DefaultAd({\n  data,\n  style,\n  mode = \"published\",\n  variant = \"classic\",\n  rootRef,\n  interaction,\n  formatters,\n  showEmptyNamePlaceholder = mode === \"builder\",\n  emptyNamePlaceholder = \"Fornavn Efternavn\",\n  className = \"\",\n  rootStyle,\n  ...htmlProps\n}: DefaultAdProps) {\n  const typography = mergeDefined(\n    classicDefaultAdStyle.typography as Required<DefaultAdTypography>,\n    style?.typography,\n  );\n  const spacing = mergeDefined(\n    classicDefaultAdStyle.spacing as Required<DefaultAdSpacing>,\n    style?.spacing,\n  );\n  const layout = mergeDefined(classicDefaultAdStyle, style);\n  const fmt = { ...defaultFormatters, ...formatters };\n  const { contact, text, icon, type } = data;\n  const hasName = Boolean(contact.firstName || contact.lastName);\n  const first = type === \"thanks\" ? text.thanksIntro : text.intro;\n  const second = type === \"thanks\" ? text.briefIntroduction : text.title;\n  const firstField = type === \"thanks\" ? \"thanksIntro\" : \"intro\";\n  const secondField = type === \"thanks\" ? \"briefIntroduction\" : \"title\";\n  const hasVisualFirst = Boolean(first || interaction?.fields?.[firstField]?.active);\n  const hasVisualSecond = Boolean(second || interaction?.fields?.[secondField]?.active);\n  const hasVisualName = hasName || Boolean(interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active);\n  const headerMargins = calculateHeaderMargins({\n    first: hasVisualFirst, second: hasVisualSecond, hasName: hasVisualName, hasIcon: Boolean(icon), spacing,\n  });\n  const { firstMargin, secondMargin, nameMargin } = headerMargins;\n  const isSingleColumn = Number(layout.columnsMm) === 41;\n  const ceremonyCode = contact.ceremony?.code;\n  const ceremonyLabel = contact.ceremony?.label ?? ceremonyCode;\n  const secondaryFontStyle: CSSProperties = typography.secondaryFontFamily != null\n    ? { fontFamily: typography.secondaryFontFamily }\n    : {};\n  const hasActiveNamePart = Boolean(\n    interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active,\n  );\n\n  return (\n    <div\n      {...htmlProps}\n      ref={rootRef}\n      data-default-ad=\"\"\n      data-ad-content=\"\"\n      data-ad-ready=\"true\"\n      data-mode={mode}\n      data-variant={variant}\n      className={`gda-root ${className}`.trim()}\n      style={{\n        width: `${layout.columnsMm}mm`,\n        minWidth: `${layout.columnsMm}mm`,\n        ...(layout.heightMm != null ? { height: `${layout.heightMm}mm` } : {}),\n        padding: `${layout.paddingMm}mm ${layout.horizontalPaddingMm}mm`,\n        border: layout.border ? `${layout.borderWidthPt}pt solid black` : 0,\n        gap: `${spacing.sectionGapMm}mm`,\n        ...(typography.fontFamily != null ? { fontFamily: typography.fontFamily } : {}),\n        ...rootStyle,\n      }}\n    >\n      {icon ? (\n        <div className=\"gda-icon\">\n          <svg className={icon.className} xmlns=\"http://www.w3.org/2000/svg\"\n            width={Number(icon.width) + 16} height={Number(icon.height) + 16}\n            viewBox={icon.viewBox} role={icon.title ? \"img\" : undefined} aria-label={icon.title} aria-hidden={icon.title ? undefined : true}\n            dangerouslySetInnerHTML={{ __html: decodeSvgMarkup(icon.svg) }} />\n        </div>\n      ) : null}\n\n      <Text field={type === \"thanks\" ? \"thanksIntro\" : \"intro\"} interaction={interaction} className={`${type === \"thanks\" ? \"gda-bold\" : \"\"} gda-break`}\n        style={textStyle(type === \"thanks\" ? 14 : typography.introSize, typography.introLeading, firstMargin)}>\n        {type === \"thanks\" && first ? first : type === \"obituaries\" ? first : null}\n      </Text>\n      <Text field={type === \"thanks\" ? \"briefIntroduction\" : \"title\"} interaction={interaction} className=\"gda-break\" style={textStyle(typography.titleSize, typography.titleLeading, secondMargin)}>\n        {type === \"thanks\" && second ? fmt.lowercaseFirst(second) : type === \"obituaries\" ? second : null}\n      </Text>\n\n      {hasName && !interaction?.fields?.firstName?.active && !interaction?.fields?.lastName?.active ? (\n        <Text className=\"gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }}>\n          {[contact.firstName, contact.lastName].filter(Boolean).join(\" \")}\n        </Text>\n      ) : hasName || hasActiveNamePart ? (\n        <div className=\"gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }}>\n          <NamePart field=\"firstName\" value={contact.firstName} interaction={interaction} showPlaceholder={hasActiveNamePart} />{\" \"}\n          <NamePart field=\"lastName\" value={contact.lastName} interaction={interaction} showPlaceholder={hasActiveNamePart} />\n        </div>\n      ) : showEmptyNamePlaceholder ? <div className=\"gda-placeholder gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, nameMargin), ...secondaryFontStyle }}>{emptyNamePlaceholder}</div> : null}\n\n      {(contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active)) || (contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active)) ? (\n        <div className={`gda-dates ${isSingleColumn ? \"gda-dates-single\" : \"\"}`}\n          style={{ marginTop: `${spacing.dateTop}pt`, lineHeight: `${typography.dateLeading}pt`, ...(isSingleColumn ? { gap: `${spacing.dateTop}pt` } : {}) }}>\n          {contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) ? (\n            <span data-default-ad-field=\"birthDate\" {...fieldEvents(\"birthDate\", interaction)} className={interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.className : undefined} style={{ fontSize: `${contact.birthDate && fmt.date(contact.birthDate).length > 10 ? typography.longDateSize : typography.dateSize}pt`, ...(contact.birthDate && fmt.date(contact.birthDate).length > 10 ? { letterSpacing: typography.longDateLetterSpacing } : {}), ...(interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.style : {}) }}>\n              &#10043; {contact.birthDate ? fmt.date(contact.birthDate) : interaction?.fields?.birthDate?.placeholder}\n            </span>\n          ) : null}\n          {contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active) ? (\n            <span data-default-ad-field=\"deathDate\" {...fieldEvents(\"deathDate\", interaction)} className={interaction?.fields?.deathDate?.active ? interaction.fields.deathDate.className : undefined} style={{ fontSize: `${contact.deathDate && fmt.date(contact.deathDate).length > 10 ? typography.longDateSize : typography.dateSize}pt`, ...(contact.deathDate && fmt.date(contact.deathDate).length > 10 ? { letterSpacing: typography.longDateLetterSpacing } : {}), ...(interaction?.fields?.deathDate?.active ? interaction.fields.deathDate.style : {}) }}>\n              <span className=\"gda-death-cross\" aria-hidden=\"true\">✝︎</span> {contact.deathDate ? fmt.date(contact.deathDate) : interaction?.fields?.deathDate?.placeholder}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {type === \"obituaries\" ? <Text field=\"deceased\" interaction={interaction} className=\"gda-balance\" style={textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop)}>{text.deceased}</Text> : null}\n      {type === \"obituaries\" ? <Text field=\"memorial\" interaction={interaction} className=\"gda-italic gda-break\" style={textStyle(typography.memorialSize, typography.memorialLeading, spacing.memorialTop)}>{text.memorial}</Text> : null}\n      {type === \"obituaries\" && (text.sender || interaction?.fields?.sender?.active) ? <Text field=\"sender\" interaction={interaction} className=\"gda-bold gda-secondary-font\" style={{ ...textStyle(typography.senderSize, typography.senderLeading, spacing.senderTop), ...secondaryFontStyle }}>{text.sender}</Text> : null}\n\n      {type === \"obituaries\" && ceremonyCode !== \"NoCeremony\" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate || interaction?.fields?.church?.active || interaction?.fields?.funeralDate?.active) ? (\n        <div className=\"gda-text\" style={textStyle(typography.ceremonySize, typography.ceremonyLeading, spacing.ceremonyTop)}>\n          {contact.showChurch && (contact.church || interaction?.fields?.church?.active) ? <div data-default-ad-field=\"church\" {...fieldEvents(\"church\", interaction)} className={`gda-whitespace-pre-line ${interaction?.fields?.church?.active ? interaction.fields.church.className ?? \"\" : \"\"}`.trim()} style={interaction?.fields?.church?.active ? interaction.fields.church.style : undefined}>{contact.church ? (contact.church.length > 15 ? `${ceremonyLabel ?? \"\"} \\n ${contact.church}` : `${ceremonyLabel ?? \"\"} ${contact.church}`.trim()) : interaction?.fields?.church?.placeholder}</div> : null}\n          {contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active) ? <div data-default-ad-field=\"funeralDate\" {...fieldEvents(\"funeralDate\", interaction)} className={interaction?.fields?.funeralDate?.active ? interaction.fields.funeralDate.className : undefined} style={interaction?.fields?.funeralDate?.active ? interaction.fields.funeralDate.style : undefined}>{contact.funeralDate ? fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear)) : interaction?.fields?.funeralDate?.placeholder}</div> : null}\n        </div>\n      ) : null}\n\n      {type === \"thanks\" ? <ThankYouFields text={text} fmt={fmt} typography={typography} spacing={spacing} interaction={interaction} /> : null}\n      <Text field=\"thanks\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.thanksSize, typography.thanksLeading, spacing.thanksTop)}>{text.thanks}</Text>\n      {type === \"thanks\" ? <Text field=\"sender\" interaction={interaction} className=\"gda-secondary-font\" style={{ ...textStyle(typography.senderSize, typography.senderLeading, spacing.thanksTop), ...secondaryFontStyle }}>{text.sender}</Text> : null}\n      {text.donation ? <div className=\"gda-divider\" style={{ marginTop: `${spacing.donationTop}pt` }} /> : null}\n      {text.donation || interaction?.fields?.donation?.active ? <Text field=\"donation\" interaction={interaction} className=\"gda-donation gda-break\" style={textStyle(typography.donationSize, typography.donationLeading, spacing.donationTop)}>{text.donation}</Text> : null}\n    </div>\n  );\n}\n\nfunction calculateHeaderMargins({ first, second, hasName, hasIcon, spacing }: any) {\n  return {\n    firstMargin: first && hasIcon ? spacing.iconToText : 0,\n    secondMargin: second ? (first ? spacing.introToTitle : hasIcon ? spacing.iconToText : 0) : 0,\n    nameMargin: hasName ? (first || second ? spacing.textToName : hasIcon ? spacing.iconToName : 0) : 0,\n  };\n}\n\nfunction NamePart({ field, value, interaction, showPlaceholder }: { field: \"firstName\" | \"lastName\"; value?: string | null; interaction?: DefaultAdInteraction; showPlaceholder: boolean }) {\n  const state = interaction?.fields?.[field];\n  if (!value && !showPlaceholder) return null;\n  const isPlaceholder = !value;\n  return <span\n    data-default-ad-field={field}\n    {...fieldEvents(field, interaction)}\n    className={`${isPlaceholder && !state?.active ? \"gda-placeholder\" : \"\"} ${state?.active ? `gda-name-part-active ${state.className ?? \"\"}` : \"\"}`.trim()}\n    style={state?.active ? state.style : undefined}\n  >{value || state?.placeholder}</span>;\n}\n\nfunction ThankYouFields({ text, fmt, typography, spacing, interaction }: any) {\n  return <>\n    <Text field=\"ceremony\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop)}>{text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null}</Text>\n    <Text field=\"message\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop)}>{text.message}</Text>\n  </>;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/DefaultAd.tsx","../src/presets.ts","../src/layout.ts","../src/utils.ts"],"sourcesContent":["import { Children, cloneElement, Fragment, isValidElement } from \"react\";\nimport type { CSSProperties, ReactElement, ReactNode } from \"react\";\nimport { classicDefaultAdStyle } from \"./presets\";\nimport { normalizeDefaultAdLayoutOrder } from \"./layout\";\nimport type { DefaultAdBlock, DefaultAdField, DefaultAdInteraction, DefaultAdProps, DefaultAdSpacing, DefaultAdTypography } from \"./types\";\nimport { decodeSvgMarkup, defaultFormatters, mergeDefined } from \"./utils\";\nimport \"./styles.css\";\n\nfunction textStyle(size: number, leading: number, marginTop: number): CSSProperties {\n  return { fontSize: `${size}pt`, lineHeight: `${leading}pt`, marginTop: `${marginTop}pt` };\n}\n\nfunction Text({ children, className = \"\", style, field, interaction }: { children?: ReactNode; className?: string; style: CSSProperties; field?: DefaultAdField; interaction?: DefaultAdInteraction }) {\n  const fieldState = field ? interaction?.fields?.[field] : undefined;\n  const empty = children === null || children === undefined || children === \"\";\n  if (empty && !fieldState?.active) return null;\n  const events = field ? fieldEvents(field, interaction) : {};\n  if (empty) {\n    return <div className=\"gda-field-placeholder-container\"><div data-default-ad-field={field} className={`gda-text gda-field-empty ${className} ${fieldState?.className ?? \"\"}`.trim()} style={{ ...style, ...fieldState?.style }} {...events}>{fieldState?.placeholder}</div></div>;\n  }\n  return <div data-default-ad-field={field} className={`gda-text ${className} ${fieldState?.active ? fieldState.className ?? \"\" : \"\"}`.trim()} style={{ ...style, ...(fieldState?.active ? fieldState.style : undefined) }} {...events}>{children}</div>;\n}\n\nfunction fieldEvents(field: DefaultAdField, interaction?: DefaultAdInteraction) {\n  return {\n    onFocus: interaction?.onFieldFocus ? () => interaction.onFieldFocus?.(field) : undefined,\n    onBlur: interaction?.onFieldBlur ? () => interaction.onFieldBlur?.(field) : undefined,\n    onClick: interaction?.onFieldClick ? () => interaction.onFieldClick?.(field) : undefined,\n  };\n}\n\nexport function DefaultAd({\n  data,\n  style,\n  mode = \"published\",\n  variant = \"classic\",\n  rootRef,\n  interaction,\n  formatters,\n  showEmptyNamePlaceholder = mode === \"builder\",\n  emptyNamePlaceholder = \"Fornavn Efternavn\",\n  className = \"\",\n  rootStyle,\n  layoutOrder,\n  renderBlock,\n  ...htmlProps\n}: DefaultAdProps) {\n  const typography = mergeDefined(\n    classicDefaultAdStyle.typography as Required<DefaultAdTypography>,\n    style?.typography,\n  );\n  const spacing = mergeDefined(\n    classicDefaultAdStyle.spacing as Required<DefaultAdSpacing>,\n    style?.spacing,\n  );\n  const layout = mergeDefined(classicDefaultAdStyle, style);\n  const fmt = { ...defaultFormatters, ...formatters };\n  const { contact, text, icon, type } = data;\n  const hasName = Boolean(contact.firstName || contact.lastName);\n  const first = type === \"thanks\" ? text.thanksIntro : text.intro;\n  const second = type === \"thanks\" ? text.briefIntroduction : text.title;\n  const firstField = type === \"thanks\" ? \"thanksIntro\" : \"intro\";\n  const secondField = type === \"thanks\" ? \"briefIntroduction\" : \"title\";\n  const hasVisualFirst = Boolean(first || interaction?.fields?.[firstField]?.active);\n  const hasVisualSecond = Boolean(second || interaction?.fields?.[secondField]?.active);\n  const hasVisualName = hasName || Boolean(interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active);\n  const isSingleColumn = Number(layout.columnsMm) === 41;\n  const ceremonyCode = contact.ceremony?.code;\n  const ceremonyLabel = contact.ceremony?.label ?? ceremonyCode;\n  const secondaryFontStyle: CSSProperties = typography.secondaryFontFamily != null\n    ? { fontFamily: typography.secondaryFontFamily }\n    : {};\n  const hasActiveNamePart = Boolean(\n    interaction?.fields?.firstName?.active || interaction?.fields?.lastName?.active,\n  );\n  const orderedBlocks = normalizeDefaultAdLayoutOrder(layoutOrder, type);\n  const visibleBlocks: Partial<Record<DefaultAdBlock, boolean>> = {\n    icon: Boolean(icon), intro: hasVisualFirst, title: hasVisualSecond,\n    name: hasVisualName || showEmptyNamePlaceholder,\n    dates: Boolean((contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active)) || (contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active))),\n    deceased: type === \"obituaries\" && Boolean(text.deceased || interaction?.fields?.deceased?.active),\n    memorial: type === \"obituaries\" && Boolean(text.memorial || interaction?.fields?.memorial?.active),\n    sender: Boolean(text.sender || interaction?.fields?.sender?.active),\n    church: type === \"obituaries\" && ceremonyCode !== \"NoCeremony\" && Boolean(\n      (contact.showChurch && (contact.church || interaction?.fields?.church?.active))\n      || (contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active)),\n    ),\n    ceremony: type === \"thanks\" && Boolean(text.ceremony || interaction?.fields?.ceremony?.active),\n    message: type === \"thanks\" && Boolean(text.message || interaction?.fields?.message?.active),\n    thanks: Boolean(text.thanks || interaction?.fields?.thanks?.active),\n    donation: Boolean(text.donation || interaction?.fields?.donation?.active),\n  };\n  const visibleOrder = orderedBlocks.filter((block) => visibleBlocks[block]);\n  const firstVisibleBlock = visibleOrder[0];\n  const previousVisibleBlock = (block: DefaultAdBlock) => visibleOrder[visibleOrder.indexOf(block) - 1];\n  const blockMargin = (block: DefaultAdBlock, margin: number) => firstVisibleBlock === block ? 0 : margin;\n  const firstMargin = previousVisibleBlock(\"intro\") === \"icon\" ? spacing.iconToText : spacing.introToTitle;\n  const secondMargin = previousVisibleBlock(\"title\") === \"icon\" ? spacing.iconToText : spacing.introToTitle;\n  const nameMargin = previousVisibleBlock(\"name\") === \"icon\" ? spacing.iconToName : spacing.textToName;\n\n  return (\n    <div\n      {...htmlProps}\n      ref={rootRef}\n      data-default-ad=\"\"\n      data-ad-content=\"\"\n      data-ad-ready=\"true\"\n      data-mode={mode}\n      data-variant={variant}\n      className={`gda-root ${className}`.trim()}\n      style={{\n        width: `${layout.columnsMm}mm`,\n        minWidth: `${layout.columnsMm}mm`,\n        ...(layout.heightMm != null ? { height: `${layout.heightMm}mm` } : {}),\n        padding: `${layout.paddingMm}mm ${layout.horizontalPaddingMm}mm`,\n        border: layout.border ? `${layout.borderWidthPt}pt solid black` : 0,\n        gap: `${spacing.sectionGapMm}mm`,\n        ...(typography.fontFamily != null ? { fontFamily: typography.fontFamily } : {}),\n        ...rootStyle,\n      }}\n    >\n      <OrderedBlocks order={orderedBlocks} renderBlock={renderBlock}>\n      <AdBlock block=\"icon\">{icon ? (\n        <div className=\"gda-icon\">\n          <svg className={icon.className} xmlns=\"http://www.w3.org/2000/svg\"\n            width={Number(icon.width) + 16} height={Number(icon.height) + 16}\n            viewBox={icon.viewBox} role={icon.title ? \"img\" : undefined} aria-label={icon.title} aria-hidden={icon.title ? undefined : true}\n            dangerouslySetInnerHTML={{ __html: decodeSvgMarkup(icon.svg) }} />\n        </div>\n      ) : null}</AdBlock>\n\n      <AdBlock block=\"intro\">\n      <Text field={type === \"thanks\" ? \"thanksIntro\" : \"intro\"} interaction={interaction} className={`${type === \"thanks\" ? \"gda-bold\" : \"\"} gda-break`}\n        style={textStyle(type === \"thanks\" ? 14 : typography.introSize, typography.introLeading, blockMargin(\"intro\", firstMargin))}>\n        {type === \"thanks\" && first ? first : type === \"obituaries\" ? first : null}\n      </Text>\n      </AdBlock>\n      <AdBlock block=\"title\">\n      <Text field={type === \"thanks\" ? \"briefIntroduction\" : \"title\"} interaction={interaction} className=\"gda-break\" style={textStyle(typography.titleSize, typography.titleLeading, blockMargin(\"title\", secondMargin))}>\n        {type === \"thanks\" && second ? fmt.lowercaseFirst(second) : type === \"obituaries\" ? second : null}\n      </Text>\n      </AdBlock>\n\n      <AdBlock block=\"name\">\n      {hasName && !interaction?.fields?.firstName?.active && !interaction?.fields?.lastName?.active ? (\n        <Text className=\"gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, blockMargin(\"name\", nameMargin)), ...secondaryFontStyle }}>\n          {[contact.firstName, contact.lastName].filter(Boolean).join(\" \")}\n        </Text>\n      ) : hasName || hasActiveNamePart ? (\n        <div className=\"gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, blockMargin(\"name\", nameMargin)), ...secondaryFontStyle }}>\n          <NamePart field=\"firstName\" value={contact.firstName} interaction={interaction} showPlaceholder={hasActiveNamePart} />{\" \"}\n          <NamePart field=\"lastName\" value={contact.lastName} interaction={interaction} showPlaceholder={hasActiveNamePart} />\n        </div>\n      ) : showEmptyNamePlaceholder ? <div className=\"gda-placeholder gda-name gda-bold gda-secondary-font\" style={{ ...textStyle(typography.nameSize, typography.nameLeading, blockMargin(\"name\", nameMargin)), ...secondaryFontStyle }}>{emptyNamePlaceholder}</div> : null}\n      </AdBlock>\n\n      <AdBlock block=\"dates\">\n      {(contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active)) || (contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active)) ? (\n        <div className={`gda-dates ${isSingleColumn ? \"gda-dates-single\" : \"\"}`}\n          style={{ marginTop: `${blockMargin(\"dates\", spacing.dateTop)}pt`, lineHeight: `${typography.dateLeading}pt`, ...(isSingleColumn ? { gap: `${spacing.dateTop}pt` } : {}) }}>\n          {contact.showBirthDate && (contact.birthDate || interaction?.fields?.birthDate?.active) ? (\n            <span data-default-ad-field=\"birthDate\" {...fieldEvents(\"birthDate\", interaction)} className={interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.className : undefined} style={{ fontSize: `${contact.birthDate && fmt.date(contact.birthDate).length > 10 ? typography.longDateSize : typography.dateSize}pt`, ...(contact.birthDate && fmt.date(contact.birthDate).length > 10 ? { letterSpacing: typography.longDateLetterSpacing } : {}), ...(interaction?.fields?.birthDate?.active ? interaction.fields.birthDate.style : {}) }}>\n              &#10043; {contact.birthDate ? fmt.date(contact.birthDate) : interaction?.fields?.birthDate?.placeholder}\n            </span>\n          ) : null}\n          {contact.showDeathDate && (contact.deathDate || interaction?.fields?.deathDate?.active) ? (\n            <span data-default-ad-field=\"deathDate\" {...fieldEvents(\"deathDate\", interaction)} className={interaction?.fields?.deathDate?.active ? interaction.fields.deathDate.className : undefined} style={{ fontSize: `${contact.deathDate && fmt.date(contact.deathDate).length > 10 ? typography.longDateSize : typography.dateSize}pt`, ...(contact.deathDate && fmt.date(contact.deathDate).length > 10 ? { letterSpacing: typography.longDateLetterSpacing } : {}), ...(interaction?.fields?.deathDate?.active ? interaction.fields.deathDate.style : {}) }}>\n              <span className=\"gda-death-cross\" aria-hidden=\"true\">✝︎</span> {contact.deathDate ? fmt.date(contact.deathDate) : interaction?.fields?.deathDate?.placeholder}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n      </AdBlock>\n\n      <AdBlock block=\"deceased\">\n      {type === \"obituaries\" ? <Text field=\"deceased\" interaction={interaction} className=\"gda-balance\" style={textStyle(typography.bodySize, typography.bodyLeading, blockMargin(\"deceased\", spacing.deceasedTop))}>{text.deceased}</Text> : null}\n      </AdBlock>\n      <AdBlock block=\"memorial\">\n      {type === \"obituaries\" ? <Text field=\"memorial\" interaction={interaction} className=\"gda-italic gda-break\" style={textStyle(typography.memorialSize, typography.memorialLeading, blockMargin(\"memorial\", spacing.memorialTop))}>{text.memorial}</Text> : null}\n      </AdBlock>\n      <AdBlock block=\"sender\">\n      {type === \"obituaries\" && (text.sender || interaction?.fields?.sender?.active) ? <Text field=\"sender\" interaction={interaction} className=\"gda-bold gda-secondary-font\" style={{ ...textStyle(typography.senderSize, typography.senderLeading, blockMargin(\"sender\", spacing.senderTop)), ...secondaryFontStyle }}>{text.sender}</Text> : null}\n\n      {type === \"thanks\" ? <Text field=\"sender\" interaction={interaction} className=\"gda-secondary-font\" style={{ ...textStyle(typography.senderSize, typography.senderLeading, blockMargin(\"sender\", spacing.thanksTop)), ...secondaryFontStyle }}>{text.sender}</Text> : null}\n      </AdBlock>\n\n      <AdBlock block=\"church\">\n      {type === \"obituaries\" && ceremonyCode !== \"NoCeremony\" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate || interaction?.fields?.church?.active || interaction?.fields?.funeralDate?.active) ? (\n        <div className=\"gda-text\" style={textStyle(typography.ceremonySize, typography.ceremonyLeading, blockMargin(\"church\", spacing.ceremonyTop))}>\n          {contact.showChurch && (contact.church || interaction?.fields?.church?.active) ? contact.church ? <div data-default-ad-field=\"church\" {...fieldEvents(\"church\", interaction)} className=\"gda-whitespace-pre-line\">{contact.church.length > 15 ? `${ceremonyLabel ?? \"\"} \\n ${contact.church}` : `${ceremonyLabel ?? \"\"} ${contact.church}`.trim()}</div> : <InlinePlaceholder field=\"church\" interaction={interaction} /> : null}\n          {contact.showFuneralDate && (contact.funeralDate || interaction?.fields?.funeralDate?.active) ? contact.funeralDate ? <div data-default-ad-field=\"funeralDate\" {...fieldEvents(\"funeralDate\", interaction)}>{fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear))}</div> : <InlinePlaceholder field=\"funeralDate\" interaction={interaction} /> : null}\n        </div>\n      ) : null}\n      </AdBlock>\n\n      <AdBlock block=\"ceremony\">{type === \"thanks\" ? <Text field=\"ceremony\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.bodySize, typography.bodyLeading, blockMargin(\"ceremony\", spacing.thanksTop))}>{text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null}</Text> : null}</AdBlock>\n      <AdBlock block=\"message\">{type === \"thanks\" ? <Text field=\"message\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.bodySize, typography.bodyLeading, blockMargin(\"message\", spacing.thanksTop))}>{text.message}</Text> : null}</AdBlock>\n      <AdBlock block=\"thanks\">\n      <Text field=\"thanks\" interaction={interaction} className=\"gda-break\" style={textStyle(typography.thanksSize, typography.thanksLeading, blockMargin(\"thanks\", spacing.thanksTop))}>{text.thanks}</Text>\n      </AdBlock>\n      <AdBlock block=\"donation\">\n      {text.donation ? <div className=\"gda-divider\" style={{ marginTop: `${blockMargin(\"donation\", spacing.donationTop)}pt` }} /> : null}\n      {text.donation || interaction?.fields?.donation?.active ? <Text field=\"donation\" interaction={interaction} className=\"gda-donation gda-break\" style={textStyle(typography.donationSize, typography.donationLeading, blockMargin(\"donation\", spacing.donationTop))}>{text.donation}</Text> : null}\n      </AdBlock>\n      </OrderedBlocks>\n    </div>\n  );\n}\n\nfunction NamePart({ field, value, interaction, showPlaceholder }: { field: \"firstName\" | \"lastName\"; value?: string | null; interaction?: DefaultAdInteraction; showPlaceholder: boolean }) {\n  const state = interaction?.fields?.[field];\n  if (!value && !showPlaceholder) return null;\n  const isPlaceholder = !value;\n  return <span\n    data-default-ad-field={field}\n    {...fieldEvents(field, interaction)}\n    className={`${isPlaceholder && !state?.active ? \"gda-placeholder\" : \"\"} ${state?.active ? `gda-name-part-active ${state.className ?? \"\"}` : \"\"}`.trim()}\n    style={state?.active ? state.style : undefined}\n  >{value || state?.placeholder}</span>;\n}\n\nfunction InlinePlaceholder({ field, interaction }: { field: DefaultAdField; interaction?: DefaultAdInteraction }) {\n  const state = interaction?.fields?.[field];\n  return <div><span\n    data-default-ad-field={field}\n    {...fieldEvents(field, interaction)}\n    className={`gda-field-active-inline ${state?.className ?? \"\"}`.trim()}\n    style={state?.style}\n  >{state?.placeholder}</span></div>;\n}\n\ntype BlockRenderer = DefaultAdProps[\"renderBlock\"];\ntype AdBlockProps = { block: DefaultAdBlock; children: ReactNode; renderBlock?: BlockRenderer; index?: number };\n\nfunction AdBlock({ block, children, renderBlock, index = 0 }: AdBlockProps) {\n  let node = children;\n  if (node === null || node === undefined || node === false) return null;\n  if (isValidElement<Record<string, unknown>>(children) && children.type !== Fragment) {\n    node = cloneElement(children, { \"data-default-ad-block\": block });\n  }\n  return <>{renderBlock ? renderBlock(block, node, index) : node}</>;\n}\n\nfunction OrderedBlocks({ order, renderBlock, children }: { order: readonly DefaultAdBlock[]; renderBlock?: BlockRenderer; children: ReactNode }) {\n  const blocks = new Map(\n    Children.toArray(children).map((child) => {\n      const element = child as ReactElement<AdBlockProps>;\n      return [element.props.block, element] as const;\n    }),\n  );\n  return <>{order.map((block, index) => {\n    const element = blocks.get(block);\n    return element ? cloneElement(element, { key: block, renderBlock, index }) : null;\n  })}</>;\n}\n","import type { DefaultAdStyle, LegacyAdTemplate } from \"./types\";\n\n/**\n * Canonical layout shared by every consumer. Typography is deliberately kept\n * out of this object so applications can still select licensed/dynamic fonts.\n */\nexport const sharedDefaultAdLayout = {\n  columnsMm: 86,\n  heightMm: null,\n  paddingMm: 4,\n  horizontalPaddingMm: 2,\n  border: false,\n  borderWidthPt: 1.4,\n  spacing: {\n    iconToText: 11,\n    introToTitle: 8,\n    // These values originated as unitless React styles and therefore retain\n    // their established numeric geometry.\n    textToName: 4.2,\n    iconToName: 4.95,\n    dateTop: 5.6,\n    deceasedTop: 6,\n    memorialTop: 6,\n    senderTop: 8,\n    ceremonyTop: 8,\n    thanksTop: 7,\n    donationTop: 7,\n    sectionGapMm: 0,\n  },\n} as const satisfies Readonly<DefaultAdStyle>;\n\nexport const classicDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  ...sharedDefaultAdLayout,\n  typography: {\n    fontFamily: \"var(--default-ad-font-primary, Schoolbook, Georgia, serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Schoolbook, Georgia, serif)\",\n    introSize: 10,\n    introLeading: 12,\n    titleSize: 10,\n    titleLeading: 12,\n    nameSize: 14,\n    nameLeading: 16.8,\n    dateSize: 10,\n    longDateSize: 10,\n    longDateLetterSpacing: \"-0.01em\",\n    dateLeading: 12,\n    bodySize: 10,\n    bodyLeading: 12,\n    memorialSize: 10,\n    memorialLeading: 12,\n    senderSize: 10,\n    senderLeading: 12,\n    ceremonySize: 10,\n    ceremonyLeading: 12,\n    thanksSize: 10,\n    thanksLeading: 12,\n    donationSize: 10,\n    donationLeading: 12,\n  },\n};\n\nexport const publicationDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  ...sharedDefaultAdLayout,\n  typography: {\n    ...classicDefaultAdStyle.typography,\n    fontFamily: \"var(--default-ad-font-primary, Raleway, Arial, sans-serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Athelas, Georgia, serif)\",\n    introSize: 11,\n    introLeading: 13,\n    titleSize: 11,\n    titleLeading: 13,\n    nameSize: 17,\n    nameLeading: 15,\n    dateSize: 11.5,\n    longDateSize: 11,\n    longDateLetterSpacing: \"-0.01em\",\n    bodySize: 12,\n    bodyLeading: 13,\n    memorialSize: 12,\n    memorialLeading: 13,\n    senderSize: 13,\n    senderLeading: 13,\n    ceremonySize: 11,\n    ceremonyLeading: 13,\n    thanksSize: 11,\n    thanksLeading: 13,\n    donationSize: 11,\n    donationLeading: 13,\n  },\n};\n\nexport function styleFromLegacyTemplate(template?: LegacyAdTemplate | null): DefaultAdStyle {\n  if (!template) return publicationDefaultAdStyle;\n  return {\n    ...publicationDefaultAdStyle,\n    typography: {\n      ...publicationDefaultAdStyle.typography,\n      fontFamily: template.font1 || publicationDefaultAdStyle.typography?.fontFamily,\n      secondaryFontFamily: template.font2 || publicationDefaultAdStyle.typography?.secondaryFontFamily,\n      introSize: template.introSize,\n      introLeading: template.introLeading,\n      titleSize: template.titleSize,\n      titleLeading: template.titleLeading,\n      nameSize: template.fullnameSize,\n      nameLeading: template.fullnameLeading,\n      ...fontPair(template.deceasedText, \"bodySize\", \"bodyLeading\"),\n      ...fontPair(template.memorialText, \"memorialSize\", \"memorialLeading\"),\n      ...fontPair(template.senderText, \"senderSize\", \"senderLeading\"),\n      ...fontPair(template.ceremonyText, \"ceremonySize\", \"ceremonyLeading\"),\n      ...fontPair(template.thanksText, \"thanksSize\", \"thanksLeading\"),\n      ...fontPair(template.donationText, \"donationSize\", \"donationLeading\"),\n      ...tracking(template.longDatesText),\n    },\n  };\n}\n\nfunction fontPair(value: string | undefined, sizeKey: string, leadingKey: string): Record<string, number> {\n  if (!value) return {};\n  const size = value.match(/text-\\[(-?[\\d.]+)pt\\]/)?.[1];\n  const leading = value.match(/leading-\\[(-?[\\d.]+)pt\\]/)?.[1];\n  return {\n    ...(size ? { [sizeKey]: Number(size) } : {}),\n    ...(leading ? { [leadingKey]: Number(leading) } : {}),\n  };\n}\n\nfunction tracking(value: string | undefined): { longDateLetterSpacing?: string } {\n  const amount = value?.match(/tracking-\\[([^\\]]+)\\]/)?.[1];\n  return amount ? { longDateLetterSpacing: amount } : {};\n}\n","import type { DefaultAdBlock, DefaultAdType } from \"./types\";\n\nexport const DEFAULT_OBITUARY_LAYOUT_ORDER = [\n  \"icon\", \"intro\", \"title\", \"name\", \"dates\", \"deceased\", \"memorial\",\n  \"sender\", \"church\", \"thanks\", \"donation\",\n] as const satisfies readonly DefaultAdBlock[];\n\nexport const DEFAULT_THANK_YOU_LAYOUT_ORDER = [\n  \"icon\", \"intro\", \"title\", \"name\", \"dates\", \"ceremony\", \"message\",\n  \"thanks\", \"sender\", \"donation\",\n] as const satisfies readonly DefaultAdBlock[];\n\nexport const DEFAULT_AD_LAYOUT_ORDER = DEFAULT_OBITUARY_LAYOUT_ORDER;\n\nconst VALID_BLOCKS = new Set<DefaultAdBlock>([\n  ...DEFAULT_OBITUARY_LAYOUT_ORDER,\n  ...DEFAULT_THANK_YOU_LAYOUT_ORDER,\n]);\n\nexport function defaultAdLayoutOrder(type: DefaultAdType): readonly DefaultAdBlock[] {\n  return type === \"thanks\" ? DEFAULT_THANK_YOU_LAYOUT_ORDER : DEFAULT_OBITUARY_LAYOUT_ORDER;\n}\n\nexport function normalizeDefaultAdLayoutOrder(\n  order: readonly unknown[] | null | undefined,\n  type: DefaultAdType,\n): DefaultAdBlock[] {\n  const defaults = defaultAdLayoutOrder(type);\n  const applicable = new Set(defaults);\n  const seen = new Set<DefaultAdBlock>();\n  const normalized: DefaultAdBlock[] = [];\n  for (const value of order ?? []) {\n    if (typeof value !== \"string\" || !VALID_BLOCKS.has(value as DefaultAdBlock)) continue;\n    const block = value as DefaultAdBlock;\n    if (!applicable.has(block) || seen.has(block)) continue;\n    seen.add(block);\n    normalized.push(block);\n  }\n  for (const block of defaults) if (!seen.has(block)) normalized.push(block);\n  return normalized;\n}\n","import type { DefaultAdFormatters } from \"./types\";\n\nexport const defaultFormatters: Required<DefaultAdFormatters> = {\n  date(value) {\n    const match = value.match(/^(\\d{4})-(\\d{2})-(\\d{2})/);\n    return match ? `${match[3]}.${match[2]}.${match[1]}` : value;\n  },\n  funeralDate(value, hideYear) {\n    if (!hideYear) return value;\n    return value.replace(/([.\\/-])\\d{4}(?=\\D|$)/, \"\");\n  },\n  lowercaseFirst(value) {\n    return value ? value.charAt(0).toLocaleLowerCase() + value.slice(1) : value;\n  },\n};\n\nexport function mergeDefined<T extends object>(base: T, overrides?: Partial<T>): T {\n  if (!overrides) return { ...base };\n  return Object.fromEntries(\n    Object.entries({ ...base, ...overrides }).filter(([, value]) => value !== undefined),\n  ) as T;\n}\n\nexport function decodeSvgMarkup(value: string): string {\n  return value\n    .replace(/&lt;/g, \"<\")\n    .replace(/&gt;/g, \">\")\n    .replace(/&quot;/g, '\"')\n    .replace(/&#(?:0*39|x0*27);/gi, \"'\")\n    .replace(/&amp;/g, \"&\");\n}\n"],"mappings":"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","names":["Fragment"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "navne-default-ad",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "description": "Reusable obituary and thank-you advertisement renderer",
   "license": "UNLICENSED",
   "sideEffects": ["**/*.css"],
@@ -23,6 +23,7 @@
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "smoke": "node scripts/smoke.cjs",
+    "smoke:layout": "node scripts/layout-smoke.cjs",
     "pack:check": "npm pack --dry-run"
   },
   "peerDependencies": {