@designcrowd/library.brand-page 5.12.6-shape-1 → 5.12.6

package/lib/src/{CreatedOnBrandCrowd-de-de-CfQak5Vw.js → CreatedOnBrandCrowd-de-de-5bQFDti0.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-K0wQcG5D.js → CreatedOnBrandCrowd-en-us-BUP5-yql.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-CxkkhoH9.js → CreatedOnBrandCrowd-es-es-NmJQhCbm.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-B1GTPR5o.js → CreatedOnBrandCrowd-fr-fr-BaZPsCmE.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DjgLT0Y9.js → CreatedOnBrandCrowd-pt-pt-rfxjY6wU.js}

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

package/lib/src/{CreatedOnDcom-de-de-SROHNkeG.js → CreatedOnDcom-de-de-BNhkoTNN.js}

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

package/lib/src/{CreatedOnDcom-en-us--Fqc7nQ7.js → CreatedOnDcom-en-us-DLV4vZfF.js}

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

package/lib/src/{CreatedOnDcom-es-es-BuL6xOpB.js → CreatedOnDcom-es-es-GCJ71FZb.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BlRYYSra.js → CreatedOnDcom-fr-fr-DE9u7jpt.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-BDxbvGSX.js → CreatedOnDcom-pt-pt-Dm7COzCd.js}

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

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

@@ -7,14 +7,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {}, {
     svgData: string;
-    svgDataObjectUrl: string;
     originalSvgData: string;
 }, {
     useObjectElement(): boolean;
     backgroundShapesStyle(): BrandPageCssStyle;
     isFullBackground(): boolean;
     svgAttributes(): string;
-    objectUrl(): string;
 }, {
     isValidSvgUrl(url: string): boolean;
     render(): Promise<void>;

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

@@ -17,7 +17,7 @@ export default defineComponent({
         },
     },
     data() {
-        return { svgData: '', svgDataObjectUrl: '', originalSvgData: '' };
+        return { svgData: '', originalSvgData: '' };
     },
     computed: {
         useObjectElement() {
@@ -34,16 +34,10 @@ export default defineComponent({
             const attributes = [];
             if (this.isFullBackground) {
                 attributes.push('preserveAspectRatio="xMidYMid slice"');
-                attributes.push(`height="100%" width="100%"`);
+                attributes.push('style="width: 100%; height: 100%;"');
             }
             return attributes.join(' ');
         },
-        objectUrl() {
-            if (!this.useObjectElement) {
-                return this.svgDataObjectUrl;
-            }
-            return this.viewModel.name;
-        },
     },
     watch: {
         'viewModel.style.color': {
@@ -71,10 +65,6 @@ export default defineComponent({
             if (this.useObjectElement) {
                 return;
             }
-            if (this.svgDataObjectUrl) {
-                // clean up previous Object URL
-                URL.revokeObjectURL(this.svgDataObjectUrl);
-            }
             if (isURL(this.viewModel.name)) {
                 if (!this.isValidSvgUrl(this.viewModel.name)) {
                     return;
@@ -87,13 +77,7 @@ 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
-            this.svgDataObjectUrl = URL.createObjectURL(blob);
         },
     },
 });

package/lib/src/brand-page/components/media/Shape.mixin.d.ts

@@ -26,7 +26,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {}, {
     svgData: string;
-    svgDataObjectUrl: string;
     originalSvgData: string;
 }, {
     useObjectElement(): boolean;
@@ -37,7 +36,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         width: any;
         height: any;
     };
-    objectUrl(): any;
+    objectUrl(): string;
     svgAttributes(): string;
 }, {
     renderAsInnerHtml(): Promise<void>;

package/lib/src/brand-page/components/media/Shape.mixin.js

@@ -31,7 +31,7 @@ export default defineComponent({
         },
     },
     data() {
-        return { svgData: '', svgDataObjectUrl: '', originalSvgData: '' };
+        return { svgData: '', originalSvgData: '' };
     },
     computed: {
         useObjectElement() {
@@ -47,9 +47,6 @@ export default defineComponent({
             };
         },
         objectUrl() {
-            if (!this.useObjectElement) {
-                return this.svgDataObjectUrl;
-            }
             let dimensionQuery = ``;
             if (this.size) {
                 const encodedSize = encodeURIComponent(this.size);
@@ -60,7 +57,7 @@ export default defineComponent({
         svgAttributes() {
             const attributes = [];
             if (this.size) {
-                attributes.push(`height="${this.size}" width="${this.size}"`);
+                attributes.push(`height=${this.size} width=${this.size}`);
             }
             return attributes.join(' ');
         },
@@ -108,15 +105,8 @@ export default defineComponent({
             if (!this.originalSvgData) {
                 return;
             }
-            if (this.svgDataObjectUrl) {
-                // clean up previous Object URL
-                URL.revokeObjectURL(this.svgDataObjectUrl);
-            }
             this.svgData = applyColorReplacementsToSvgString(this.originalSvgData, this.colorReplacements);
             this.svgData = this.svgData.replace('<svg ', `<svg ${this.svgAttributes} `);
-            const blob = new Blob([this.svgData], { type: 'image/svg+xml' });
-            // Create an Object URL
-            this.svgDataObjectUrl = URL.createObjectURL(blob);
         },
     },
 });

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

@@ -5097,7 +5097,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: 100%;
 }
 
-.c-shape-background[data-v-0029e76c] {
+.c-shape-background[data-v-89074788] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
   position: fixed;
@@ -5106,11 +5106,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: 100%;
   height: 100vh;
 }
-.template-preview .c-shape-background[data-v-0029e76c],
-.device-wrapper .c-shape-background[data-v-0029e76c] {
+.template-preview .c-shape-background[data-v-89074788],
+.device-wrapper .c-shape-background[data-v-89074788] {
   height: 100%;
 }
-.c-shape[data-v-0029e76c] {
+.c-shape[data-v-89074788] {
   fill: currentColor;
 }
 
@@ -5127,7 +5127,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
-.c-shape[data-v-0fcaefa2] {
+.c-shape[data-v-36d8ec03] {
   fill: currentColor;
 }
 

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

@@ -5425,7 +5425,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: 100%;
 }
 
-.c-shape-background[data-v-0029e76c] {
+.c-shape-background[data-v-89074788] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
   position: fixed;
@@ -5434,11 +5434,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: 100%;
   height: 100vh;
 }
-.template-preview .c-shape-background[data-v-0029e76c],
-.device-wrapper .c-shape-background[data-v-0029e76c] {
+.template-preview .c-shape-background[data-v-89074788],
+.device-wrapper .c-shape-background[data-v-89074788] {
   height: 100%;
 }
-.c-shape[data-v-0029e76c] {
+.c-shape[data-v-89074788] {
   fill: currentColor;
 }
 
@@ -5455,7 +5455,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
-.c-shape[data-v-0fcaefa2] {
+.c-shape[data-v-36d8ec03] {
   fill: currentColor;
 }
 

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

@@ -5115,7 +5115,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: 100%;
 }
 
-.c-shape-background[data-v-0029e76c] {
+.c-shape-background[data-v-89074788] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
   position: fixed;
@@ -5124,11 +5124,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: 100%;
   height: 100vh;
 }
-.template-preview .c-shape-background[data-v-0029e76c],
-.device-wrapper .c-shape-background[data-v-0029e76c] {
+.template-preview .c-shape-background[data-v-89074788],
+.device-wrapper .c-shape-background[data-v-89074788] {
   height: 100%;
 }
-.c-shape[data-v-0029e76c] {
+.c-shape[data-v-89074788] {
   fill: currentColor;
 }
 
@@ -5145,7 +5145,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
-.c-shape[data-v-0fcaefa2] {
+.c-shape[data-v-36d8ec03] {
   fill: currentColor;
 }
 

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

@@ -4857,7 +4857,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: 100%;
 }
 
-.bp .c-shape-background[data-v-0029e76c] {
+.bp .c-shape-background[data-v-89074788] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
   position: fixed;
@@ -4866,11 +4866,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: 100%;
   height: 100vh;
 }
-.bp .template-preview .c-shape-background[data-v-0029e76c],
-.bp .device-wrapper .c-shape-background[data-v-0029e76c] {
+.bp .template-preview .c-shape-background[data-v-89074788],
+.bp .device-wrapper .c-shape-background[data-v-89074788] {
   height: 100%;
 }
-.bp .c-shape[data-v-0029e76c] {
+.bp .c-shape[data-v-89074788] {
   fill: currentColor;
 }
 
@@ -4887,7 +4887,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
-.bp .c-shape[data-v-0fcaefa2] {
+.bp .c-shape[data-v-36d8ec03] {
   fill: currentColor;
 }
 

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-DxWIiKPe.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-CkvInUjs.js";
 import { createPinia as lE, setActivePinia as iE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,