@designcrowd/library.brand-page 5.18.1-undo-25 → 5.18.1-undo-26

package/lib/src/{CreatedOnBrandCrowd-de-de-D8EN1Yex.js → CreatedOnBrandCrowd-de-de-DWzLegt3.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-c9lHtYxY.js → CreatedOnBrandCrowd-en-us-Dr6isTH_.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DDNdrkk8.js → CreatedOnBrandCrowd-es-es-hPCTaL-A.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CxrI2Jiz.js → CreatedOnBrandCrowd-fr-ca-BNDUTNc_.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CxrI2Jiz.js → CreatedOnBrandCrowd-fr-fr-BNDUTNc_.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BhVExk-j.js → CreatedOnBrandCrowd-pt-br-DKn5U0m5.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BhVExk-j.js → CreatedOnBrandCrowd-pt-pt-DKn5U0m5.js}

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

package/lib/src/{CreatedOnDcom-de-de-CJE-iK-F.js → CreatedOnDcom-de-de-Cxe0RSmZ.js}

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

package/lib/src/{CreatedOnDcom-en-us-B9i3r4YJ.js → CreatedOnDcom-en-us-D1D6h8b6.js}

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

package/lib/src/{CreatedOnDcom-es-es-BzfWd6rB.js → CreatedOnDcom-es-es-4k5Jz225.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BqddxBu1.js → CreatedOnDcom-fr-ca-CeB-CL-1.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BGv2wTc0.js → CreatedOnDcom-fr-fr-D7PCXxYg.js}

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

package/lib/src/{CreatedOnDcom-pt-br-CBOm5NjH.js → CreatedOnDcom-pt-br-D89FAdoN.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-OpBrsJIk.js → CreatedOnDcom-pt-pt-CtJ0lm4O.js}

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

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -9148,7 +9148,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   padding: 4px 8px;
 }
 
-.c-quick-links[data-v-5d5516b2] {
+.c-quick-links[data-v-41f695bf] {
   left: 0px;
   z-index: 30;
   width: 100%;

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -9480,7 +9480,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   padding: 4px 8px;
 }
 
-.c-quick-links[data-v-5d5516b2] {
+.c-quick-links[data-v-41f695bf] {
   left: 0px;
   z-index: 30;
   width: 100%;

package/lib/src/css/library.brand-page-designCom.min.css

@@ -9178,7 +9178,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   padding: 4px 8px;
 }
 
-.c-quick-links[data-v-5d5516b2] {
+.c-quick-links[data-v-41f695bf] {
   left: 0px;
   z-index: 30;
   width: 100%;

package/lib/src/css/library.brand-page-preview.min.css

@@ -8892,7 +8892,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   padding: 4px 8px;
 }
 
-.bp .c-quick-links[data-v-5d5516b2] {
+.bp .c-quick-links[data-v-41f695bf] {
   left: 0px;
   z-index: 30;
   width: 100%;

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-BzAs02mp.js";
+import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-D_xnR4VH.js";
 import { createPinia as wE, setActivePinia as ZE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,

package/lib/src/{lib-BzAs02mp.js → lib-D_xnR4VH.js}

@@ -62996,10 +62996,10 @@ const Ot = i3("history", () => {
     z2(() => n.context.isDesignCom, async () => {
       const M = _9().toLowerCase(), _ = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: V } = await fL(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-D8EN1Yex.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-c9lHtYxY.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-DDNdrkk8.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-CxrI2Jiz.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-CxrI2Jiz.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-BhVExk-j.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-BhVExk-j.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-CJE-iK-F.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-B9i3r4YJ.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-BzfWd6rB.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-BqddxBu1.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-BGv2wTc0.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-CBOm5NjH.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-OpBrsJIk.js") }), `./watermark/CreatedOn${_}-${M}.vue`, 3);
+        const { default: V } = await fL(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-DWzLegt3.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-Dr6isTH_.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-hPCTaL-A.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-BNDUTNc_.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-BNDUTNc_.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-DKn5U0m5.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-DKn5U0m5.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-Cxe0RSmZ.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-D1D6h8b6.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-4k5Jz225.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-CeB-CL-1.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-D7PCXxYg.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-D89FAdoN.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-CtJ0lm4O.js") }), `./watermark/CreatedOn${_}-${M}.vue`, 3);
         i.value = V;
       } catch {
-        const { default: x } = await fL(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-c9lHtYxY.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-B9i3r4YJ.js") }), `./watermark/CreatedOn${_}-en-us.vue`, 3);
+        const { default: x } = await fL(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-Dr6isTH_.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-D1D6h8b6.js") }), `./watermark/CreatedOn${_}-en-us.vue`, 3);
         i.value = x;
       }
     }, {
@@ -103660,20 +103660,19 @@ const dV = e1({
   key: 0,
   "data-component": "quick-link-bar",
   class: "c-quick-links tw-w-full tw-flex-none tw-bg-white md:tw-h-12 tw-border-b tw-border-grayscale-500 tw-px-2 lg:tw-px-4 tw-box-border tw-flex tw-items-center tw-text-grayscale-800 tw-fixed lg:tw-static"
-}, $v2 = {
+}, $v2 = { class: "tw-flex tw-flex-1 tw-justify-start tw-gap-1" }, Dv2 = {
   key: 0,
-  class: "tw-flex tw-gap-1"
-}, Dv2 = {
-  key: 1,
-  class: "tw-flex tw-items-center tw-gap-2 tw-ml-auto"
+  class: "tw-flex tw-items-center tw-gap-2 tw-justify-center"
 }, Nv2 = { class: "tw-font-semibold tw-hidden xl:tw-inline-block" }, Rv2 = ["href"], Zv2 = ["value"];
 function Fv2(e, t, n, i, o, s) {
   const r = E("UndoButton"), a = E("RedoButton"), l = E("Button");
   return e.shouldShowBar ? (C(), f("div", Ov2, [
-    e.undoRedoEnabled ? (C(), f("div", $v2, [
-      L(r),
-      L(a)
-    ])) : k("", !0),
+    h("div", $v2, [
+      e.undoRedoEnabled ? (C(), f(H1, { key: 0 }, [
+        L(r),
+        L(a)
+      ], 64)) : k("", !0)
+    ]),
     e.isPublished ? (C(), f("div", Dv2, [
       h("strong", Nv2, P(i.quickLinkBarTr("myWebPageLabel")), 1),
       h("a", {
@@ -103693,6 +103692,7 @@ function Fv2(e, t, n, i, o, s) {
         onOnClick: M1(e.onCopyClick, ["stop"])
       }, null, 8, ["label", "classes", "onOnClick"])
     ])) : k("", !0),
+    t[1] || (t[1] = h("div", { class: "tw-flex-1" }, null, -1)),
     h("textarea", {
       ref: "textarea",
       value: e.brandPageUrl,
@@ -103700,7 +103700,7 @@ function Fv2(e, t, n, i, o, s) {
     }, null, 8, Zv2)
   ])) : k("", !0);
 }
-const Uv2 = /* @__PURE__ */ b(Bv2, [["render", Fv2], ["__scopeId", "data-v-5d5516b2"]]), cV = e1({
+const Uv2 = /* @__PURE__ */ b(Bv2, [["render", Fv2], ["__scopeId", "data-v-41f695bf"]]), cV = e1({
   props: {
     hasQuickLinks: {
       type: Boolean,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.18.1-undo-25",
+  "version": "5.18.1-undo-26",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.vue

@@ -4,14 +4,22 @@
     data-component="quick-link-bar"
     class="c-quick-links tw-w-full tw-flex-none tw-bg-white md:tw-h-12 tw-border-b tw-border-grayscale-500 tw-px-2 lg:tw-px-4 tw-box-border tw-flex tw-items-center tw-text-grayscale-800 tw-fixed lg:tw-static"
   >
-    <!-- Left cluster: Undo/Redo buttons -->
-    <div v-if="undoRedoEnabled" class="tw-flex tw-gap-1">
-      <UndoButton />
-      <RedoButton />
+    <!-- Left slot: Undo/Redo buttons. Always rendered for layout balance
+         (flex-1 reserves equal space on left and right) so the center
+         cluster stays geometrically centered in the bar regardless of
+         whether the buttons are visible. -->
+    <div class="tw-flex tw-flex-1 tw-justify-start tw-gap-1">
+      <template v-if="undoRedoEnabled">
+        <UndoButton />
+        <RedoButton />
+      </template>
     </div>
 
-    <!-- Right cluster: URL label, link, copy button -->
-    <div v-if="isPublished" class="tw-flex tw-items-center tw-gap-2 tw-ml-auto">
+    <!-- Center cluster: URL label, link, copy button -->
+    <div
+      v-if="isPublished"
+      class="tw-flex tw-items-center tw-gap-2 tw-justify-center"
+    >
       <strong class="tw-font-semibold tw-hidden xl:tw-inline-block">
         {{ quickLinkBarTr('myWebPageLabel') }}
       </strong>
@@ -34,6 +42,11 @@
         @on-click.stop="onCopyClick"
       />
     </div>
+
+    <!-- Right spacer: balances the left slot so the center cluster is
+         geometrically centered. -->
+    <div class="tw-flex-1" />
+
     <textarea ref="textarea" :value="brandPageUrl" class="tw-sr-only" />
   </div>
 </template>