@designcrowd/library.brand-page 5.12.5-shape-1 → 5.12.5-shape-2

package/lib/src/{CreatedOnBrandCrowd-de-de-DeQC5Huu.js → CreatedOnBrandCrowd-de-de-7MFifMi3.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-D-dxTRX2.js → CreatedOnBrandCrowd-en-us-ZCXeNjzk.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-D9lbZdCi.js → CreatedOnBrandCrowd-es-es-CYZDCIAW.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DY_6M00a.js → CreatedOnBrandCrowd-fr-fr-BCn_sqJu.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-CzM1INAU.js → CreatedOnBrandCrowd-pt-pt-t0ATTymO.js}

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

package/lib/src/{CreatedOnDcom-de-de-Bxm8hNaq.js → CreatedOnDcom-de-de-5dx0-s0V.js}

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

package/lib/src/{CreatedOnDcom-en-us-C5MtkVr7.js → CreatedOnDcom-en-us-qhK1Stdv.js}

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

package/lib/src/{CreatedOnDcom-es-es-JArtjM0K.js → CreatedOnDcom-es-es-DsDgKBRd.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BZ_js42m.js → CreatedOnDcom-fr-fr-CouOXdpM.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-B1crTln1.js → CreatedOnDcom-pt-pt-BtW8XOWp.js}

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

package/lib/src/brand-page/components/background-shape/BackgroundShape.mixin.js

@@ -34,7 +34,7 @@ export default defineComponent({
             const attributes = [];
             if (this.isFullBackground) {
                 attributes.push('preserveAspectRatio="xMidYMid slice"');
-                attributes.push('style="width: 100%; height: 100%;"');
+                attributes.push(`height="100%" width="100%"`);
             }
             return attributes.join(' ');
         },
@@ -87,6 +87,9 @@ export default defineComponent({
             if (this.viewModel.style.color) {
                 this.svgData = applyColorToSvgString(this.originalSvgData, this.viewModel.style.color);
             }
+            else {
+                this.svgData = this.originalSvgData;
+            }
             this.svgData = this.svgData.replace('<svg ', `<svg ${this.svgAttributes} `);
             const blob = new Blob([this.svgData], { type: 'image/svg+xml' });
             // Create an Object URL

package/lib/src/index.mjs

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

package/lib/src/{lib-BhSuUuVl.js → lib-BXcZuX77.js}

@@ -56963,10 +56963,10 @@ const Z0 = /* @__PURE__ */ B6(NM1), RM1 = (e, t, n) => {
     Yt(() => n.context.isDesignCom, async () => {
       const S = fn().toLowerCase(), M = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: T } = await m_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-DeQC5Huu.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-D-dxTRX2.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-D9lbZdCi.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-DY_6M00a.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-CzM1INAU.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-Bxm8hNaq.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-C5MtkVr7.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-JArtjM0K.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-BZ_js42m.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-B1crTln1.js") }), `./watermark/CreatedOn${M}-${S}.vue`, 3);
+        const { default: T } = await m_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-7MFifMi3.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-ZCXeNjzk.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-CYZDCIAW.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-BCn_sqJu.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-t0ATTymO.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-5dx0-s0V.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-qhK1Stdv.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-DsDgKBRd.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-CouOXdpM.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-BtW8XOWp.js") }), `./watermark/CreatedOn${M}-${S}.vue`, 3);
         i.value = T;
       } catch {
-        const { default: E } = await m_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-D-dxTRX2.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-C5MtkVr7.js") }), `./watermark/CreatedOn${M}-en-us.vue`, 3);
+        const { default: E } = await m_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-ZCXeNjzk.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-qhK1Stdv.js") }), `./watermark/CreatedOn${M}-en-us.vue`, 3);
         i.value = E;
       }
     }, {
@@ -57362,7 +57362,7 @@ const ck1 = /* @__PURE__ */ v(ak1, [["render", dk1]]), If = /* @__PURE__ */ t1({
     },
     svgAttributes() {
       const e = [];
-      return this.isFullBackground && (e.push('preserveAspectRatio="xMidYMid slice"'), e.push('style="width: 100%; height: 100%;"')), e.join(" ");
+      return this.isFullBackground && (e.push('preserveAspectRatio="xMidYMid slice"'), e.push('height="100%" width="100%"')), e.join(" ");
     },
     objectUrl() {
       return this.useObjectElement ? this.viewModel.name : this.svgDataObjectUrl;
@@ -57395,10 +57395,10 @@ const ck1 = /* @__PURE__ */ v(ak1, [["render", dk1]]), If = /* @__PURE__ */ t1({
         this.originalSvgData = (await se.get(this.viewModel.name)).data;
       } else
         this.originalSvgData = this.viewModel.name;
-      this.viewModel.style.color && (this.svgData = rf1(
+      this.viewModel.style.color ? this.svgData = rf1(
         this.originalSvgData,
         this.viewModel.style.color
-      )), this.svgData = this.svgData.replace(
+      ) : this.svgData = this.originalSvgData, this.svgData = this.svgData.replace(
         "<svg ",
         `<svg ${this.svgAttributes} `
       );

package/package.json

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

package/src/brand-page/components/background-shape/BackgroundShape.mixin.ts

@@ -44,7 +44,7 @@ export default defineComponent({
 
       if (this.isFullBackground) {
         attributes.push('preserveAspectRatio="xMidYMid slice"');
-        attributes.push('style="width: 100%; height: 100%;"');
+        attributes.push(`height="100%" width="100%"`);
       }
 
       return attributes.join(' ');
@@ -109,6 +109,8 @@ export default defineComponent({
           this.originalSvgData,
           this.viewModel.style.color,
         );
+      } else {
+        this.svgData = this.originalSvgData;
       }
 
       this.svgData = this.svgData.replace(