@designcrowd/library.brand-page 5.16.3-background-4 → 5.16.3-background-5

package/lib/src/{CreatedOnBrandCrowd-de-de-D6ozys1n.js → CreatedOnBrandCrowd-de-de-iuMlUj1I.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DnL1Ez2X.js → CreatedOnBrandCrowd-en-us-DLcU8rVZ.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-S164fx9r.js → CreatedOnBrandCrowd-es-es-BVlzDStv.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Bahl4M7Y.js → CreatedOnBrandCrowd-fr-ca-JId1Ebhg.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Bahl4M7Y.js → CreatedOnBrandCrowd-fr-fr-JId1Ebhg.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-zXKX0zEn.js → CreatedOnBrandCrowd-pt-br-XcTT_Re4.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-zXKX0zEn.js → CreatedOnBrandCrowd-pt-pt-XcTT_Re4.js}

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

package/lib/src/{CreatedOnDcom-de-de-LdhN-Fuq.js → CreatedOnDcom-de-de-QAnFDWAK.js}

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

package/lib/src/{CreatedOnDcom-en-us-Bvt5Y4y_.js → CreatedOnDcom-en-us-DLwc9ves.js}

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

package/lib/src/{CreatedOnDcom-es-es-C1guYADw.js → CreatedOnDcom-es-es-DvDxY1Eh.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DEtZ1P-C.js → CreatedOnDcom-fr-ca-BRg7lLVv.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-fQ18W7Is.js → CreatedOnDcom-fr-fr-CKoPM_fl.js}

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

package/lib/src/{CreatedOnDcom-pt-br-Dt5a_YPq.js → CreatedOnDcom-pt-br-qtecZ3_n.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-SwbhUsfk.js → CreatedOnDcom-pt-pt-DHiOWSw3.js}

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

package/lib/src/index.mjs

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

package/lib/src/{lib-yyqKVtFT.js → lib-XwJ9JKjo.js}

@@ -57842,10 +57842,10 @@ const tn = /* @__PURE__ */ j6(Gk1), Wk1 = (e, t, n) => {
     bt(() => n.context.isDesignCom, async () => {
       const S = x8().toLowerCase(), k = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: _ } = await R_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-D6ozys1n.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-DnL1Ez2X.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-S164fx9r.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-Bahl4M7Y.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-Bahl4M7Y.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-zXKX0zEn.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-zXKX0zEn.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-LdhN-Fuq.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-Bvt5Y4y_.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-C1guYADw.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-DEtZ1P-C.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-fQ18W7Is.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-Dt5a_YPq.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-SwbhUsfk.js") }), `./watermark/CreatedOn${k}-${S}.vue`, 3);
+        const { default: _ } = await R_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-iuMlUj1I.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-DLcU8rVZ.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-BVlzDStv.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-JId1Ebhg.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-JId1Ebhg.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-XcTT_Re4.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-XcTT_Re4.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-QAnFDWAK.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DLwc9ves.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-DvDxY1Eh.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-BRg7lLVv.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-CKoPM_fl.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-qtecZ3_n.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-DHiOWSw3.js") }), `./watermark/CreatedOn${k}-${S}.vue`, 3);
         i.value = _;
       } catch {
-        const { default: H } = await R_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-DnL1Ez2X.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-Bvt5Y4y_.js") }), `./watermark/CreatedOn${k}-en-us.vue`, 3);
+        const { default: H } = await R_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-DLcU8rVZ.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DLwc9ves.js") }), `./watermark/CreatedOn${k}-en-us.vue`, 3);
         i.value = H;
       }
     }, {
@@ -68411,7 +68411,8 @@ const wt = w2("uiContentSettings", {
       setBackgroundImageUrl({
         backgroundImageUrl: e
       }) {
-        this.backgroundStyles.backgroundImageUrl = e, this.setBackgroundStyle({
+        var t;
+        this.backgroundStyles.backgroundImageUrl = e, (t = this.backgroundStyles) != null && t.media && (this.backgroundStyles.media = void 0), this.setBackgroundStyle({
           backgroundStyle: {
             backgroundRepeat: "no-repeat",
             backgroundPosition: "center center",

package/lib/src/shared/background-settings/store/background-settings-store.js

@@ -49,6 +49,10 @@ export const useUiBackgroundSettingsStore = defineStore('uiBackgroundSettings',
         },
         setBackgroundImageUrl({ backgroundImageUrl, }) {
             this.backgroundStyles.backgroundImageUrl = backgroundImageUrl;
+            // Clear media
+            if (this.backgroundStyles?.media) {
+                this.backgroundStyles.media = undefined;
+            }
             this.setBackgroundStyle({
                 backgroundStyle: {
                     backgroundRepeat: 'no-repeat',

package/package.json

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

package/src/shared/background-settings/store/background-settings-store.ts

@@ -115,6 +115,11 @@ export const useUiBackgroundSettingsStore = defineStore(
       }) {
         this.backgroundStyles.backgroundImageUrl = backgroundImageUrl;
 
+        // Clear media
+        if (this.backgroundStyles?.media) {
+          this.backgroundStyles.media = undefined;
+        }
+
         this.setBackgroundStyle({
           backgroundStyle: {
             backgroundRepeat: 'no-repeat',