@designcrowd/library.brand-page 5.15.19 → 5.15.20

package/lib/src/{CreatedOnBrandCrowd-de-de-DD3ObRWo.js → CreatedOnBrandCrowd-de-de-MYtK52Bs.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-CBplGQp6.js → CreatedOnBrandCrowd-en-us-BHGC5Nmb.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DJMz8f-I.js → CreatedOnBrandCrowd-es-es-D4XNuvrY.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-C_MmRu4G.js → CreatedOnBrandCrowd-fr-ca-mY1thoNM.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-C_MmRu4G.js → CreatedOnBrandCrowd-fr-fr-mY1thoNM.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-4T9iN569.js → CreatedOnBrandCrowd-pt-br-DBaS94bZ.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-4T9iN569.js → CreatedOnBrandCrowd-pt-pt-DBaS94bZ.js}

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

package/lib/src/{CreatedOnDcom-de-de-CbNUacST.js → CreatedOnDcom-de-de-DhyBwBYE.js}

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

package/lib/src/{CreatedOnDcom-en-us-CaEyyD87.js → CreatedOnDcom-en-us-Df7BT6-g.js}

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

package/lib/src/{CreatedOnDcom-es-es-DcV6ec9r.js → CreatedOnDcom-es-es-BnMEaFFL.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-CtOjmVPg.js → CreatedOnDcom-fr-ca-DcNLgJwa.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-RaSxMrZK.js → CreatedOnDcom-fr-fr-CgBj0lnM.js}

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

package/lib/src/{CreatedOnDcom-pt-br-CtXTUBup.js → CreatedOnDcom-pt-br-C-Vp9NA7.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-BjH7kv4x.js → CreatedOnDcom-pt-pt-B6dI2H57.js}

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

package/lib/src/brand-page/utils/svg-shape.util.js

@@ -234,7 +234,13 @@ export const handleAttributes = (svgConfig, childElement) => {
     }
     let elementAttributeString = '';
     Object.keys(attributes).forEach((k) => {
-        elementAttributeString += ` ${k}="${attributes[k]}"`;
+        const value = attributes[k];
+        // Remove quotes from URL references to prevent malformed HTML
+        let escapedValue = value;
+        if (typeof value === 'string' && value.includes('url(')) {
+            escapedValue = value.replace(/"/g, '').replace(/'/g, '');
+        }
+        elementAttributeString += ` ${k}="${escapedValue}"`;
     });
     childElement.properties = attributes;
     return {

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/shape-fixture.js

@@ -12,6 +12,30 @@ export const SHAPES_RESPONSE = {
             isEnabledToAdmin: true,
             category: 'Badge',
         },
+        {
+            token: 'c8eeb978-b998-431b-9203-5a43f2f85bdf',
+            url: 'https://bcassetcdn.com/shapes/prod/c8eeb978-b998-431b-9203-5a43f2f85bdf.svg',
+            keepColor: false,
+            isEnabled: true,
+            isEnabledToAdmin: true,
+            category: 'Gradient',
+        },
+        {
+            token: '5d3f4e14-4f52-4a1a-85ec-8cd32f5ceae7',
+            url: 'https://bcassetcdn.com/shapes/prod/5d3f4e14-4f52-4a1a-85ec-8cd32f5ceae7.svg',
+            keepColor: false,
+            isEnabled: true,
+            isEnabledToAdmin: true,
+            category: 'Gradient',
+        },
+        {
+            token: '0031c50d-8940-4f50-a86e-04d191d4ec76',
+            url: 'https://bcassetcdn.com/shapes/prod/0031c50d-8940-4f50-a86e-04d191d4ec76.svg',
+            keepColor: false,
+            isEnabled: true,
+            isEnabledToAdmin: true,
+            category: 'Gradient',
+        },
         {
             token: '005d86ec-351b-4ac5-be07-17c8300d2022',
             url: 'https://bcassetcdn.com/shapes/prod/9ed5803f-c621-49fe-99ca-9c9b7c7b3050.svg',

package/lib/src/index.mjs

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

package/lib/src/{lib-D48JKE-R.js → lib-Wi8WDfSl.js}

@@ -35449,7 +35449,9 @@ const PL = ["metadata"], OL = [
   }
   let s = "";
   return Object.keys(i).forEach((o) => {
-    s += ` ${o}="${i[o]}"`;
+    const r = i[o];
+    let a = r;
+    typeof r == "string" && r.includes("url(") && (a = r.replace(/"/g, "").replace(/'/g, "")), s += ` ${o}="${a}"`;
   }), t.properties = i, {
     elementAttributeString: s,
     updatedColor: n || Ov
@@ -57650,10 +57652,10 @@ const en = /* @__PURE__ */ j6(vk1), Sk1 = (e, t, n) => {
     Lt(() => n.context.isDesignCom, async () => {
       const S = H8().toLowerCase(), k = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: _ } = await P_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-DD3ObRWo.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-CBplGQp6.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-DJMz8f-I.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-C_MmRu4G.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-C_MmRu4G.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-4T9iN569.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-4T9iN569.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-CbNUacST.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-CaEyyD87.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-DcV6ec9r.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-CtOjmVPg.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-RaSxMrZK.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-CtXTUBup.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-BjH7kv4x.js") }), `./watermark/CreatedOn${k}-${S}.vue`, 3);
+        const { default: _ } = await P_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-MYtK52Bs.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-BHGC5Nmb.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-D4XNuvrY.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-mY1thoNM.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-mY1thoNM.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-DBaS94bZ.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-DBaS94bZ.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-DhyBwBYE.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-Df7BT6-g.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-BnMEaFFL.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-DcNLgJwa.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-CgBj0lnM.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-C-Vp9NA7.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-B6dI2H57.js") }), `./watermark/CreatedOn${k}-${S}.vue`, 3);
         i.value = _;
       } catch {
-        const { default: x } = await P_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-CBplGQp6.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-CaEyyD87.js") }), `./watermark/CreatedOn${k}-en-us.vue`, 3);
+        const { default: x } = await P_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-BHGC5Nmb.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-Df7BT6-g.js") }), `./watermark/CreatedOn${k}-en-us.vue`, 3);
         i.value = x;
       }
     }, {

package/package.json

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

package/src/brand-page/utils/svg-shape.util.ts

@@ -372,7 +372,15 @@ export const handleAttributes = (
   let elementAttributeString = '';
 
   Object.keys(attributes).forEach((k) => {
-    elementAttributeString += ` ${k}="${attributes[k]}"`;
+    const value = attributes[k];
+    // Remove quotes from URL references to prevent malformed HTML
+    let escapedValue = value;
+
+    if (typeof value === 'string' && value.includes('url(')) {
+      escapedValue = value.replace(/"/g, '').replace(/'/g, '');
+    }
+
+    elementAttributeString += ` ${k}="${escapedValue}"`;
   });
 
   childElement.properties = attributes;

package/src/brand-page-maker/components/brand-page-maker/__fixtures__/shape-fixture.ts

@@ -12,6 +12,30 @@ export const SHAPES_RESPONSE = {
       isEnabledToAdmin: true,
       category: 'Badge',
     },
+    {
+      token: 'c8eeb978-b998-431b-9203-5a43f2f85bdf',
+      url: 'https://bcassetcdn.com/shapes/prod/c8eeb978-b998-431b-9203-5a43f2f85bdf.svg',
+      keepColor: false,
+      isEnabled: true,
+      isEnabledToAdmin: true,
+      category: 'Gradient',
+    },
+    {
+      token: '5d3f4e14-4f52-4a1a-85ec-8cd32f5ceae7',
+      url: 'https://bcassetcdn.com/shapes/prod/5d3f4e14-4f52-4a1a-85ec-8cd32f5ceae7.svg',
+      keepColor: false,
+      isEnabled: true,
+      isEnabledToAdmin: true,
+      category: 'Gradient',
+    },
+    {
+      token: '0031c50d-8940-4f50-a86e-04d191d4ec76',
+      url: 'https://bcassetcdn.com/shapes/prod/0031c50d-8940-4f50-a86e-04d191d4ec76.svg',
+      keepColor: false,
+      isEnabled: true,
+      isEnabledToAdmin: true,
+      category: 'Gradient',
+    },
     {
       token: '005d86ec-351b-4ac5-be07-17c8300d2022',
       url: 'https://bcassetcdn.com/shapes/prod/9ed5803f-c621-49fe-99ca-9c9b7c7b3050.svg',