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

package/lib/src/{CreatedOnBrandCrowd-de-de-UbF8HRQx.js → CreatedOnBrandCrowd-de-de-BelZKX3Z.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-1TSYSAEA.js → CreatedOnBrandCrowd-en-us-BfhUyqt4.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-CjljZUzG.js → CreatedOnBrandCrowd-es-es-CM3ghNPY.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DCEYdybB.js → CreatedOnBrandCrowd-fr-fr-C54yWd3V.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-CBKYkBKc.js → CreatedOnBrandCrowd-pt-pt-ChY0gwGa.js}

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

package/lib/src/{CreatedOnDcom-de-de-B68cuJbT.js → CreatedOnDcom-de-de-CjpjIvO-.js}

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

package/lib/src/{CreatedOnDcom-en-us-CLiu7Dkc.js → CreatedOnDcom-en-us-CzTOhstf.js}

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

package/lib/src/{CreatedOnDcom-es-es-CYSgBKDG.js → CreatedOnDcom-es-es-DeUVucEX.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-D8hSQ-Vh.js → CreatedOnDcom-fr-fr-BPU10Q7y.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CrNOHGdC.js → CreatedOnDcom-pt-pt-B3zJCjkr.js}

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

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

@@ -7,14 +7,16 @@ 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;
+    applySvgAttributes(svgData: string): string;
     render(): Promise<void>;
 }, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     isPreview: {

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

@@ -4,6 +4,7 @@ import axios from 'axios';
 import { applyColorToSvgString } from '../../utils/svg-color.util';
 import { isURL } from '../../../utils/validator.util';
 import { PROXY_SHAPE_URL_REGEX } from '../../../brand-page/constants';
+import { getRegexToMatchAttributeInSvgTag } from '../../../brand-page/utils/svg.util';
 const SUPPORTED_SHAPE_HOSTS = [
     'https://bc-user-uploads.brandcrowd.com/public',
     'https://bcassetcdn.com/shapes',
@@ -17,7 +18,7 @@ export default defineComponent({
         },
     },
     data() {
-        return { svgData: '', originalSvgData: '' };
+        return { svgData: '', svgDataObjectUrl: '', originalSvgData: '' };
     },
     computed: {
         useObjectElement() {
@@ -30,13 +31,11 @@ export default defineComponent({
             return (this.viewModel.style.width === '100%' &&
                 this.viewModel.style.height === '100%');
         },
-        svgAttributes() {
-            const attributes = [];
-            if (this.isFullBackground) {
-                attributes.push('preserveAspectRatio="xMidYMid slice"');
-                attributes.push('style="width: 100%; height: 100%;"');
+        objectUrl() {
+            if (!this.useObjectElement) {
+                return this.svgDataObjectUrl;
             }
-            return attributes.join(' ');
+            return this.viewModel.name;
         },
     },
     watch: {
@@ -61,6 +60,37 @@ export default defineComponent({
             return (!!SUPPORTED_SHAPE_HOSTS.find((h) => url.startsWith(h)) &&
                 url.endsWith('.svg'));
         },
+        applySvgAttributes(svgData) {
+            const attributes = [];
+            if (this.isFullBackground) {
+                const widthRegex = getRegexToMatchAttributeInSvgTag('width');
+                if (svgData.match(widthRegex)) {
+                    svgData = svgData.replace(widthRegex, `$1width="100%"`);
+                }
+                else {
+                    attributes.push(`width="100%"`);
+                }
+                const heightRegex = getRegexToMatchAttributeInSvgTag('height');
+                if (svgData.match(heightRegex)) {
+                    svgData = svgData.replace(heightRegex, `$1height="100%"`);
+                }
+                else {
+                    attributes.push(`height="100%"`);
+                }
+                const preserveAspectRatioRegex = getRegexToMatchAttributeInSvgTag('preserveAspectRatio');
+                if (svgData.match(preserveAspectRatioRegex)) {
+                    svgData = svgData.replace(preserveAspectRatioRegex, `$1preserveAspectRatio="xMidYMid slice"`);
+                }
+                else {
+                    attributes.push(`preserveAspectRatio="xMidYMid slice"`);
+                }
+            }
+            const svgAttributes = attributes.join(' ');
+            if (svgAttributes) {
+                svgData = svgData.replace('<svg ', `<svg ${svgAttributes} `);
+            }
+            return svgData;
+        },
         async render() {
             if (this.useObjectElement) {
                 return;
@@ -77,7 +107,18 @@ export default defineComponent({
             if (this.viewModel.style.color) {
                 this.svgData = applyColorToSvgString(this.originalSvgData, this.viewModel.style.color);
             }
-            this.svgData = this.svgData.replace('<svg ', `<svg ${this.svgAttributes} `);
+            else {
+                this.svgData = this.originalSvgData;
+            }
+            this.svgData = this.applySvgAttributes(this.svgData);
+            const blob = new Blob([this.svgData], { type: 'image/svg+xml' });
+            const oldSvgDataObjectUrl = this.svgDataObjectUrl;
+            // Create an Object URL
+            this.svgDataObjectUrl = URL.createObjectURL(blob);
+            if (oldSvgDataObjectUrl) {
+                // clean up previous Object URL
+                URL.revokeObjectURL(oldSvgDataObjectUrl);
+            }
         },
     },
 });

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

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

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

@@ -3,6 +3,7 @@ import ComponentCommonMixin from '../mixins/component-common.mixin';
 import axios from 'axios';
 import { applyColorReplacementsToSvgString } from '../../utils/svg-color.util';
 import { PROXY_SHAPE_URL_REGEX } from '../../../brand-page/constants';
+import { getRegexToMatchAttributeInSvgTag } from '../../../brand-page/utils/svg.util';
 export default defineComponent({
     mixins: [ComponentCommonMixin],
     props: {
@@ -31,7 +32,7 @@ export default defineComponent({
         },
     },
     data() {
-        return { svgData: '', originalSvgData: '' };
+        return { svgData: '', svgDataObjectUrl: '', originalSvgData: '' };
     },
     computed: {
         useObjectElement() {
@@ -47,6 +48,9 @@ export default defineComponent({
             };
         },
         objectUrl() {
+            if (!this.useObjectElement) {
+                return this.svgDataObjectUrl;
+            }
             let dimensionQuery = ``;
             if (this.size) {
                 const encodedSize = encodeURIComponent(this.size);
@@ -54,13 +58,6 @@ export default defineComponent({
             }
             return `${this.imageUrl}${dimensionQuery}`;
         },
-        svgAttributes() {
-            const attributes = [];
-            if (this.size) {
-                attributes.push(`height=${this.size} width=${this.size}`);
-            }
-            return attributes.join(' ');
-        },
     },
     watch: {
         colorReplacements: {
@@ -101,12 +98,44 @@ export default defineComponent({
         }
     },
     methods: {
+        applySvgAttributes(svgData) {
+            const attributes = [];
+            if (this.size) {
+                const widthRegex = getRegexToMatchAttributeInSvgTag('width');
+                if (svgData.match(widthRegex)) {
+                    svgData = svgData.replace(widthRegex, `$1width="${this.size}"`);
+                }
+                else {
+                    attributes.push(`width="${this.size}"`);
+                }
+                const heightRegex = getRegexToMatchAttributeInSvgTag('height');
+                if (svgData.match(heightRegex)) {
+                    svgData = svgData.replace(heightRegex, `$1height="${this.size}"`);
+                }
+                else {
+                    attributes.push(`height="${this.size}"`);
+                }
+            }
+            const svgAttributes = attributes.join(' ');
+            if (svgAttributes) {
+                svgData = svgData.replace('<svg ', `<svg ${svgAttributes} `);
+            }
+            return svgData;
+        },
         async renderAsInnerHtml() {
             if (!this.originalSvgData) {
                 return;
             }
             this.svgData = applyColorReplacementsToSvgString(this.originalSvgData, this.colorReplacements);
-            this.svgData = this.svgData.replace('<svg ', `<svg ${this.svgAttributes} `);
+            this.svgData = this.applySvgAttributes(this.svgData);
+            const blob = new Blob([this.svgData], { type: 'image/svg+xml' });
+            const oldSvgDataObjectUrl = this.svgDataObjectUrl;
+            // Create an Object URL
+            this.svgDataObjectUrl = URL.createObjectURL(blob);
+            if (oldSvgDataObjectUrl) {
+                // clean up previous Object URL
+                URL.revokeObjectURL(oldSvgDataObjectUrl);
+            }
         },
     },
 });

package/lib/src/brand-page/utils/svg.util.d.ts

@@ -5,3 +5,4 @@ export declare const normaliseSvgData: (svgData: string) => string;
 export declare const setSvgCssStyle: (svgData: string, cssStyle: string) => string;
 /** svg linear gradient is shared across the DOM, append unique suffix to avoid conflict issue */
 export declare const appendSvgIdSuffix: (svgData: string, svgIdSuffix: string) => string;
+export declare const getRegexToMatchAttributeInSvgTag: (attribute: string) => RegExp;

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

@@ -21,3 +21,6 @@ export const setSvgCssStyle = (svgData, cssStyle) => {
 export const appendSvgIdSuffix = (svgData, svgIdSuffix) => {
     return svgData.replace(/(SVGID(?:_\d+)+)/g, `$1_${svgIdSuffix}`);
 };
+export const getRegexToMatchAttributeInSvgTag = (attribute) => {
+    return new RegExp(`(<svg\\b[^>]*?)${attribute}="[^"]*"`, 'i');
+};

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-89074788] {
+.c-shape-background[data-v-f96c1e8b] {
   -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-89074788],
-.device-wrapper .c-shape-background[data-v-89074788] {
+.template-preview .c-shape-background[data-v-f96c1e8b],
+.device-wrapper .c-shape-background[data-v-f96c1e8b] {
   height: 100%;
 }
-.c-shape[data-v-89074788] {
+.c-shape[data-v-f96c1e8b] {
   fill: currentColor;
 }
 
@@ -5127,7 +5127,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
-.c-shape[data-v-36d8ec03] {
+.c-shape[data-v-ab239e86] {
   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-89074788] {
+.c-shape-background[data-v-f96c1e8b] {
   -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-89074788],
-.device-wrapper .c-shape-background[data-v-89074788] {
+.template-preview .c-shape-background[data-v-f96c1e8b],
+.device-wrapper .c-shape-background[data-v-f96c1e8b] {
   height: 100%;
 }
-.c-shape[data-v-89074788] {
+.c-shape[data-v-f96c1e8b] {
   fill: currentColor;
 }
 
@@ -5455,7 +5455,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
-.c-shape[data-v-36d8ec03] {
+.c-shape[data-v-ab239e86] {
   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-89074788] {
+.c-shape-background[data-v-f96c1e8b] {
   -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-89074788],
-.device-wrapper .c-shape-background[data-v-89074788] {
+.template-preview .c-shape-background[data-v-f96c1e8b],
+.device-wrapper .c-shape-background[data-v-f96c1e8b] {
   height: 100%;
 }
-.c-shape[data-v-89074788] {
+.c-shape[data-v-f96c1e8b] {
   fill: currentColor;
 }
 
@@ -5145,7 +5145,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
-.c-shape[data-v-36d8ec03] {
+.c-shape[data-v-ab239e86] {
   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-89074788] {
+.bp .c-shape-background[data-v-f96c1e8b] {
   -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-89074788],
-.bp .device-wrapper .c-shape-background[data-v-89074788] {
+.bp .template-preview .c-shape-background[data-v-f96c1e8b],
+.bp .device-wrapper .c-shape-background[data-v-f96c1e8b] {
   height: 100%;
 }
-.bp .c-shape[data-v-89074788] {
+.bp .c-shape[data-v-f96c1e8b] {
   fill: currentColor;
 }
 
@@ -4887,7 +4887,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
-.bp .c-shape[data-v-36d8ec03] {
+.bp .c-shape[data-v-ab239e86] {
   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-CnNTbF7G.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-DHAj36SY.js";
 import { createPinia as lE, setActivePinia as iE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,