@designcrowd/library.brand-page 5.16.58-subnav-2 → 5.16.58-subnav-3

package/lib/src/{CreatedOnBrandCrowd-de-de-D5mDp3IG.js → CreatedOnBrandCrowd-de-de-BcPRtADT.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-C80XI2L9.js → CreatedOnBrandCrowd-en-us-6mzUXds1.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BKuVH5Lm.js → CreatedOnBrandCrowd-es-es-DPo3f5xR.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CLMcJ1mW.js → CreatedOnBrandCrowd-fr-ca-Bj1aaoMv.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CLMcJ1mW.js → CreatedOnBrandCrowd-fr-fr-Bj1aaoMv.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-D54TeOj7.js → CreatedOnBrandCrowd-pt-br-DR3hX87Y.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-D54TeOj7.js → CreatedOnBrandCrowd-pt-pt-DR3hX87Y.js}

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

package/lib/src/{CreatedOnDcom-de-de-CyHtUpGM.js → CreatedOnDcom-de-de-C8nZ-4ot.js}

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

package/lib/src/{CreatedOnDcom-en-us-9eje6VvX.js → CreatedOnDcom-en-us-DQChXsu2.js}

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

package/lib/src/{CreatedOnDcom-es-es-Be2-AQRI.js → CreatedOnDcom-es-es-83MaPesz.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-B7wV8l_C.js → CreatedOnDcom-fr-ca-Ck9Mx0E-.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-DWcsnlRn.js → CreatedOnDcom-fr-fr-Dh0NnL-6.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DGP4tWzr.js → CreatedOnDcom-pt-br-C066Hsop.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Ck0BntCv.js → CreatedOnDcom-pt-pt-Bpuegx3S.js}

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

package/lib/src/index.mjs

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

package/lib/src/{lib-DAQmf56p.js → lib-DnRAOBLU.js}

@@ -60981,10 +60981,10 @@ const kn = /* @__PURE__ */ H5(XP1), JP1 = (e, t, n) => {
     Xe(() => n.context.isDesignCom, async () => {
       const _ = S5().toLowerCase(), M = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: V } = await WM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-D5mDp3IG.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-C80XI2L9.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-BKuVH5Lm.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-CLMcJ1mW.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-CLMcJ1mW.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-D54TeOj7.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-D54TeOj7.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-CyHtUpGM.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-9eje6VvX.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-Be2-AQRI.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-B7wV8l_C.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-DWcsnlRn.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-DGP4tWzr.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-Ck0BntCv.js") }), `./watermark/CreatedOn${M}-${_}.vue`, 3);
+        const { default: V } = await WM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-BcPRtADT.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-6mzUXds1.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-DPo3f5xR.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-Bj1aaoMv.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-Bj1aaoMv.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-DR3hX87Y.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-DR3hX87Y.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-C8nZ-4ot.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DQChXsu2.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-83MaPesz.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-Ck9Mx0E-.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-Dh0NnL-6.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-C066Hsop.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-Bpuegx3S.js") }), `./watermark/CreatedOn${M}-${_}.vue`, 3);
         i.value = V;
       } catch {
-        const { default: H } = await WM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-C80XI2L9.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-9eje6VvX.js") }), `./watermark/CreatedOn${M}-en-us.vue`, 3);
+        const { default: H } = await WM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-6mzUXds1.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DQChXsu2.js") }), `./watermark/CreatedOn${M}-en-us.vue`, 3);
         i.value = H;
       }
     }, {
@@ -92285,13 +92285,15 @@ const Ad = /* @__PURE__ */ v(yre, [["render", vre]]), Sre = {
         ref: n,
         "element-classes": "tw-h-12",
         "menu-element-classes": "tw-overflow-y-auto tw-max-h-72 tw-w-full tw-overflow-x-hidden",
+        "data-test-tag": "page-selector-dropdown",
         title: d.value
       }, {
         default: r1(() => [
-          (u(!0), h(_1, null, O1(c.value, (w) => (u(), $(P(E6), {
+          (u(!0), h(_1, null, O1(c.value, (w, b) => (u(), $(P(E6), {
             key: w.routeId,
             class: "tw-text-black",
-            onClick: (b) => C(w)
+            "data-test-tag": `page-selector-dropdown-item-${b}-${w.pageSlug}`,
+            onClick: (S) => C(w)
           }, {
             default: r1(() => [
               p("div", {
@@ -92315,7 +92317,7 @@ const Ad = /* @__PURE__ */ v(yre, [["render", vre]]), Sre = {
               ], 2)
             ]),
             _: 2
-          }, 1032, ["onClick"]))), 128)),
+          }, 1032, ["data-test-tag", "onClick"]))), 128)),
           s.value ? (u(), $(P(E6), {
             key: 0,
             class: "tw-text-black tw-break-all",

package/package.json

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

package/src/shared/page-navigation/PageSelectorDropdown.vue

@@ -4,12 +4,14 @@
       ref="dropdownRef"
       element-classes="tw-h-12"
       menu-element-classes="tw-overflow-y-auto tw-max-h-72 tw-w-full tw-overflow-x-hidden"
+      data-test-tag="page-selector-dropdown"
       :title="selectedDisplayName"
     >
       <DropdownItem
-        v-for="item of navItems"
+        v-for="(item, idx) of navItems"
         :key="item.routeId"
         class="tw-text-black"
+        :data-test-tag="`page-selector-dropdown-item-${idx}-${item.pageSlug}`"
         @click="onSelectPage(item)"
       >
         <div