@designcrowd/library.brand-page 6.2.15 → 6.2.16-publish-11

package/lib/src/{CreatedOnBrandCrowd-de-de-CYdJJjNJ.js → CreatedOnBrandCrowd-de-de-B_-PPZBi.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-roR8wIA2.js";
+import { _ as t } from "./lib-DwDFHSzX.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-BSGwyIBg.js → CreatedOnBrandCrowd-en-us-BO1Kj3iA.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-roR8wIA2.js";
+import { _ as t } from "./lib-DwDFHSzX.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-C0cogd_P.js → CreatedOnBrandCrowd-es-es-BoDJWRn2.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-roR8wIA2.js";
+import { _ as t } from "./lib-DwDFHSzX.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DR4TbHdK.js → CreatedOnBrandCrowd-fr-ca-DUJZmdAy.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-roR8wIA2.js";
+import { _ as t } from "./lib-DwDFHSzX.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DR4TbHdK.js → CreatedOnBrandCrowd-fr-fr-DUJZmdAy.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-roR8wIA2.js";
+import { _ as t } from "./lib-DwDFHSzX.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-D3QLE-Rk.js → CreatedOnBrandCrowd-pt-br-pIlAG13E.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-roR8wIA2.js";
+import { _ as t } from "./lib-DwDFHSzX.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-D3QLE-Rk.js → CreatedOnBrandCrowd-pt-pt-pIlAG13E.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-roR8wIA2.js";
+import { _ as t } from "./lib-DwDFHSzX.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-CwRHSP3M.js → CreatedOnDcom-de-de-BNJtDtvi.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-roR8wIA2.js";
+import { _ as e } from "./lib-DwDFHSzX.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-BEn36py1.js → CreatedOnDcom-en-us-uL6WU_1S.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-roR8wIA2.js";
+import { _ as e } from "./lib-DwDFHSzX.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-CQt-H117.js → CreatedOnDcom-es-es-DGZQISoF.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-roR8wIA2.js";
+import { _ as e } from "./lib-DwDFHSzX.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-Cc1tyCJh.js → CreatedOnDcom-fr-ca-CvYWKqNh.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-roR8wIA2.js";
+import { _ as e } from "./lib-DwDFHSzX.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-52ucQbtE.js → CreatedOnDcom-fr-fr-CpohVgCR.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-roR8wIA2.js";
+import { _ as e } from "./lib-DwDFHSzX.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-BPMJmtaC.js → CreatedOnDcom-pt-br-CaKS-48n.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-roR8wIA2.js";
+import { _ as M } from "./lib-DwDFHSzX.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-D9RqaBx4.js → CreatedOnDcom-pt-pt-D4g-iecQ.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-roR8wIA2.js";
+import { _ as M } from "./lib-DwDFHSzX.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/utils/migration/migration-22.d.ts

@@ -81,16 +81,22 @@ export declare const seedRoleColours: (options: TextStyleOptions, targets: Legac
 export declare const seedRoleFonts: (brandPageModel: BrandPageModel, options: TextStyleOptions) => void;
 export declare const reconnectContentRoles: (brandPageModel: BrandPageModel, targets: LegacyTargetMap, options: TextStyleOptions) => void;
 type NoRoleTextStyles = WeakMap<object, Set<string>>;
+type ButtonLabelRole = {
+    holder: Record<string, unknown>;
+    key: string;
+    role: string | undefined;
+};
 /**
  * D — freeze each text element's currently-resolved colour so removing the base coat (F)
  * and the role colour (E) changes no pixels. migration-21 already baked element→frame→role
  * colour into RTE runs, so the only uncoloured runs reaching here inherit the base coat;
  * non-RTE fields (21 left them alone) resolve element→container-default→role→base coat.
- * `buttonTextStyle` and a link button's `titleStyle` are excluded — the button label takes its
- * colour from `buttonStyles`, never the base coat. A social-links section's unset icon fill is
- * frozen here too.
+ * A button label (`buttonTextStyle`, a link button's `titleStyle`, the header button, Save
+ * Contact) never takes the base coat: it bakes the colour of the role it drew before B
+ * (`captureButtonLabelRoles`), else `buttonStyles.style.color`. A social-links section's unset
+ * icon fill is frozen here too.
  */
-export declare const bakeElementColours: (brandPageModel: BrandPageModel, options: TextStyleOptions, noRoleTextStyles?: NoRoleTextStyles) => void;
+export declare const bakeElementColours: (brandPageModel: BrandPageModel, options: TextStyleOptions, noRoleTextStyles?: NoRoleTextStyles, buttonLabelRoles?: ButtonLabelRole[]) => void;
 /** E — clear the retired role colour from every role definition (run after D reads it). */
 export declare const clearRoleColours: (options: TextStyleOptions) => void;
 export declare const stripRteStyleColours: (brandPageModel: BrandPageModel) => void;

package/lib/src/brand-page/utils/migration/migration-22.js

@@ -494,6 +494,42 @@ const captureNoRoleTextStyles = (brandPageModel) => {
     }
     return locations;
 };
+/**
+ * A button label drew its own colour, else its role's colour, else inherited
+ * `buttonStyles.style.color` — never the base coat or a container default. B moves every label to
+ * Button text whatever role it was on, so record the role each colourless label drew before B;
+ * D bakes that colour onto the label (E hasn't cleared it yet).
+ */
+const captureButtonLabelRoles = (brandPageModel) => {
+    const labels = [];
+    const record = (holder, key, style) => {
+        if (style && isBlankColorValue(style.color)) {
+            labels.push({ holder, key, role: style.textStyleType });
+        }
+    };
+    for (const page of brandPageModel.pages ?? []) {
+        for (const content of page.contents ?? []) {
+            const fields = content;
+            for (const key of Object.keys(CONTENT_TEXT_STYLE_PROPERTY_KEYS)) {
+                if (key === 'buttonTextStyle' || isButtonLabelField(content, key)) {
+                    record(fields, key, fields[key]);
+                }
+            }
+        }
+    }
+    for (const header of [
+        brandPageModel.pageHeaderDesktop,
+        brandPageModel.pageHeaderMobile,
+    ]) {
+        const headerButton = header?.headerButton;
+        if (headerButton) {
+            record(headerButton, 'buttonTextStyle', headerButton.buttonTextStyle ?? {
+                textStyleType: TEXT_STYLE_TYPES.buttons,
+            });
+        }
+    }
+    return labels;
+};
 /**
  * An RTE-eligible field that is a plain string, not a Tiptap doc. On an old site nothing
  * converts plain text → doc (migration-20 only converts HTML), so such a field renders via
@@ -515,11 +551,12 @@ const roleColour = (options, textStyleType) => textStyleType
  * and the role colour (E) changes no pixels. migration-21 already baked element→frame→role
  * colour into RTE runs, so the only uncoloured runs reaching here inherit the base coat;
  * non-RTE fields (21 left them alone) resolve element→container-default→role→base coat.
- * `buttonTextStyle` and a link button's `titleStyle` are excluded — the button label takes its
- * colour from `buttonStyles`, never the base coat. A social-links section's unset icon fill is
- * frozen here too.
+ * A button label (`buttonTextStyle`, a link button's `titleStyle`, the header button, Save
+ * Contact) never takes the base coat: it bakes the colour of the role it drew before B
+ * (`captureButtonLabelRoles`), else `buttonStyles.style.color`. A social-links section's unset
+ * icon fill is frozen here too.
  */
-export const bakeElementColours = (brandPageModel, options, noRoleTextStyles = new WeakMap()) => {
+export const bakeElementColours = (brandPageModel, options, noRoleTextStyles = new WeakMap(), buttonLabelRoles = []) => {
     const baseCoat = roleColour(options, 'paragraph1');
     for (const page of brandPageModel.pages ?? []) {
         for (const content of page.contents ?? []) {
@@ -608,6 +645,22 @@ export const bakeElementColours = (brandPageModel, options, noRoleTextStyles = n
             }
         }
     }
+    const buttonStyleColour = brandPageModel.styles?.buttonStyles?.style?.color;
+    const bakeLabel = (style, roleColourValue) => {
+        const colour = !isBlankColorValue(roleColourValue)
+            ? roleColourValue
+            : buttonStyleColour;
+        if (style && isBlankColorValue(style.color) && !isBlankColorValue(colour)) {
+            style.color = colour;
+        }
+    };
+    for (const { holder, key, role } of buttonLabelRoles) {
+        bakeLabel(holder[key], roleColour(options, role));
+    }
+    // Save Contact drew the Buttons role's colour whatever its stored style held.
+    if (brandPageModel.brandPageType === BRAND_PAGE_TYPES.brandContact) {
+        bakeLabel(brandPageModel.saveContactSettings?.buttonTextStyle, roleColour(options, TEXT_STYLE_TYPES.buttons));
+    }
     // Footer copyright is non-RTE text that resolved through role → base coat, but lives
     // OUTSIDE `pages[].contents`, so freeze it here too — else it loses its colour when E
     // clears the role and F removes the base coat (the copyright-on-dark-footer regression).
@@ -902,10 +955,11 @@ export const migration22 = async (migrationResult, _options) => {
         seedRoleColours(options, targets); // A — seed each old role's colour onto its tier
         seedRoleFonts(brandPageModel, options); // A2 — count the site's fonts onto each role family
         const noRoleTextStyles = captureNoRoleTextStyles(brandPageModel);
+        const buttonLabelRoles = captureButtonLabelRoles(brandPageModel);
         reconnectContentRoles(brandPageModel, targets, options); // B — seed button styles, reconnect every text field
         stripLiftContentRte(brandPageModel, options); // C — RTE baked → override
         await convertPlainRteFields(brandPageModel, options); // B1 — plain text → Tiptap doc (after C)
-        bakeElementColours(brandPageModel, options, noRoleTextStyles); // D — freeze resolved colour
+        bakeElementColours(brandPageModel, options, noRoleTextStyles, buttonLabelRoles); // D — freeze resolved colour
         clearRoleColours(options); // E — retire role colour
         stripRteStyleColours(brandPageModel); // G — colour-decouple RTE style objects
     }

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as s, a as S, b as I, c as N, d as e, e as A, f as O, g as t, B as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as c, r as i, s as l, t as b, u as F, v as g, w as B, x as Y, y as d, z as U, C as u, D as p, E as H, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as x, O as f, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ta, $ as Ea, a0 as _a, a1 as sa, a2 as Sa, a3 as Ia, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ca, ak as ia, al as la, am as ba, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as da, as as Ua, at as ua, au as pa, av as Ha, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as xa, aF as fa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aT, aQ as TT, aR as ET, aS as _T, aT as sT, aU as ST, aV as IT, aW as NT, aX as eT, aY as AT, aZ as OT, a_ as tT, a$ as CT, b0 as DT, b1 as GT, b2 as PT, b3 as RT, b4 as oT, b5 as LT, b6 as MT, b7 as rT, b8 as nT, b9 as cT, ba as iT, bb as lT, bc as bT, bd as FT, be as gT, bf as BT, bg as YT, bh as dT, bi as UT, bj as uT, bk as pT, bl as HT, bm as yT, bn as mT, bo as KT, bp as kT, bq as VT, br as vT, bs as XT, bt as hT, bu as xT, bv as fT, bw as WT, bx as zT, by as wT, bz as JT, bA as ZT, bB as jT, bC as qT, bD as QT, bE as $T, bF as aE, bG as TE, bH as EE, bI as _E, bJ as sE, bK as SE, bL as IE, bM as NE, bN as eE, bO as AE, bP as OE, bQ as tE, bR as CE, bS as DE, bT as GE, bU as PE, bV as RE, bW as oE, bX as LE, bY as ME, bZ as rE, b_ as nE, b$ as cE, c0 as iE, c1 as lE, c2 as bE, c3 as FE, c4 as gE, c5 as BE, c6 as YE, c7 as dE, c8 as UE, c9 as uE, ca as pE, cb as HE, cc as yE, cd as mE, ce as KE, cf as kE, cg as VE, ch as vE, ci as XE, cj as hE, ck as xE, cl as fE, cm as WE, cn as zE, co as wE, cp as JE, cq as ZE, cr as jE, cs as qE, ct as QE, cu as $E, cv as a_, cw as T_, cx as E_, cy as __, cz as s_, cA as S_, cB as I_, cC as N_, cD as e_, cE as A_, cF as O_, cG as t_, cH as C_, cI as D_, cJ as G_ } from "./lib-roR8wIA2.js";
+import { A as s, a as S, b as I, c as N, d as e, e as A, f as O, g as t, B as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as c, r as i, s as l, t as b, u as F, v as g, w as B, x as Y, y as d, z as U, C as u, D as p, E as H, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as x, O as f, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ta, $ as Ea, a0 as _a, a1 as sa, a2 as Sa, a3 as Ia, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ca, ak as ia, al as la, am as ba, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as da, as as Ua, at as ua, au as pa, av as Ha, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as xa, aF as fa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aT, aQ as TT, aR as ET, aS as _T, aT as sT, aU as ST, aV as IT, aW as NT, aX as eT, aY as AT, aZ as OT, a_ as tT, a$ as CT, b0 as DT, b1 as GT, b2 as PT, b3 as RT, b4 as oT, b5 as LT, b6 as MT, b7 as rT, b8 as nT, b9 as cT, ba as iT, bb as lT, bc as bT, bd as FT, be as gT, bf as BT, bg as YT, bh as dT, bi as UT, bj as uT, bk as pT, bl as HT, bm as yT, bn as mT, bo as KT, bp as kT, bq as VT, br as vT, bs as XT, bt as hT, bu as xT, bv as fT, bw as WT, bx as zT, by as wT, bz as JT, bA as ZT, bB as jT, bC as qT, bD as QT, bE as $T, bF as aE, bG as TE, bH as EE, bI as _E, bJ as sE, bK as SE, bL as IE, bM as NE, bN as eE, bO as AE, bP as OE, bQ as tE, bR as CE, bS as DE, bT as GE, bU as PE, bV as RE, bW as oE, bX as LE, bY as ME, bZ as rE, b_ as nE, b$ as cE, c0 as iE, c1 as lE, c2 as bE, c3 as FE, c4 as gE, c5 as BE, c6 as YE, c7 as dE, c8 as UE, c9 as uE, ca as pE, cb as HE, cc as yE, cd as mE, ce as KE, cf as kE, cg as VE, ch as vE, ci as XE, cj as hE, ck as xE, cl as fE, cm as WE, cn as zE, co as wE, cp as JE, cq as ZE, cr as jE, cs as qE, ct as QE, cu as $E, cv as a_, cw as T_, cx as E_, cy as __, cz as s_, cA as S_, cB as I_, cC as N_, cD as e_, cE as A_, cF as O_, cG as t_, cH as C_, cI as D_, cJ as G_ } from "./lib-DwDFHSzX.js";
 import { U as R_, u as o_ } from "./useEventTracker-DwPTmzpa.js";
 import "vue";
 import "vue-cropperjs";