@designcrowd/library.brand-page 5.16.18-save-11 → 5.16.18-save-13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-BnCBBUAU.js → CreatedOnBrandCrowd-de-de-MKzYyHdR.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-Cd84LFVB.js → CreatedOnBrandCrowd-en-us-B-rWFzS3.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-Dtam7rai.js → CreatedOnBrandCrowd-es-es-Dck-y8NI.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-Dw9u0-G7.js → CreatedOnBrandCrowd-fr-ca-CXTPanYJ.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-Dw9u0-G7.js → CreatedOnBrandCrowd-fr-fr-CXTPanYJ.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-B-0KDswd.js → CreatedOnBrandCrowd-pt-br-cWLeVy-Y.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-B-0KDswd.js → CreatedOnBrandCrowd-pt-pt-cWLeVy-Y.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-yGgwRq4a.js → CreatedOnDcom-de-de-De81u0O8.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-ZWnWX3xW.js → CreatedOnDcom-en-us-DKNcTNpl.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-B2oGPEkl.js → CreatedOnDcom-es-es-DgYYUVw9.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-DnPcEIlS.js → CreatedOnDcom-fr-ca-CtkCgUST.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-BBdVcHWG.js → CreatedOnDcom-fr-fr-DfLfQL1w.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-LLYijvWl.js → CreatedOnDcom-pt-br-CW8Il2ah.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-C1TCL-oO.js → CreatedOnDcom-pt-pt-CX-Uggkp.js} +1 -1
  15. package/lib/src/brand-page/utils/vcard.util.js +41 -24
  16. package/lib/src/brand-page-maker/stores/route/localised-route-store.js +5 -5
  17. package/lib/src/css/library.brand-page-brandCrowd.min.css +24 -24
  18. package/lib/src/css/library.brand-page-brandPage.min.css +24 -24
  19. package/lib/src/css/library.brand-page-designCom.min.css +24 -24
  20. package/lib/src/css/library.brand-page-preview.min.css +24 -24
  21. package/lib/src/index.mjs +1 -1
  22. package/lib/src/{lib-CAOZ-qJ5.js → lib-CD0ICIXs.js} +2783 -2776
  23. package/package.json +1 -1
  24. package/src/brand-page/components/page/Page.vue +2 -1
  25. package/src/brand-page/components/save-contact/SaveContactWidget.vue +6 -4
  26. package/src/brand-page/utils/vcard.util.ts +58 -20
  27. package/src/brand-page-maker/stores/route/localised-route-store.ts +5 -5
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as t } from "./lib-CD0ICIXs.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as t } from "./lib-CD0ICIXs.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as t } from "./lib-CD0ICIXs.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as t } from "./lib-CD0ICIXs.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as t } from "./lib-CD0ICIXs.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as t } from "./lib-CD0ICIXs.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as t } from "./lib-CD0ICIXs.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as e } from "./lib-CD0ICIXs.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as e } from "./lib-CD0ICIXs.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as e } from "./lib-CD0ICIXs.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as e } from "./lib-CD0ICIXs.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as e } from "./lib-CD0ICIXs.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as M } from "./lib-CD0ICIXs.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-CAOZ-qJ5.js";
2
+ import { _ as M } from "./lib-CD0ICIXs.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,4 +1,5 @@
1
1
  import { isValidUrl } from '../../helpers/url.helper';
2
+ import { getPlainTextFromRTE } from '../../brand-page-maker/utils/rich-text-editor.util';
2
3
  // Constants
3
4
  const HTML_ENTITIES = {
4
5
  ' ': ' ',
@@ -22,7 +23,8 @@ const SOCIAL_TYPE_MAP = {
22
23
  const sanitizeForVCard = (value) => {
23
24
  if (!value || typeof value !== 'string')
24
25
  return '';
25
- let text = value.replace(/<[^>]*>/g, ''); // Strip HTML tags
26
+ // Strip HTML tags (handles rich text editor content)
27
+ let text = getPlainTextFromRTE(value);
26
28
  // Decode HTML entities
27
29
  Object.entries(HTML_ENTITIES).forEach(([entity, char]) => {
28
30
  text = text.replace(new RegExp(entity, 'g'), char);
@@ -64,50 +66,62 @@ export const findProfileContent = (brandPageData) => {
64
66
  };
65
67
  export const hasProfileContent = (brandPageData) => findProfileContent(brandPageData) !== undefined;
66
68
  // vCard Entry Handlers
67
- const addPhoneEntry = (phoneNumber, vcardLines) => {
69
+ const addPhoneEntry = (phoneNumber, vcardLines, addedEntries) => {
68
70
  const cleaned = phoneNumber.replace(/[^\d+]/g, '');
69
- vcardLines.push(`TEL;TYPE=CELL:${cleaned}`);
71
+ const key = `phone:${cleaned}`;
72
+ if (!addedEntries.has(key)) {
73
+ vcardLines.push(`TEL;TYPE=CELL:${cleaned}`);
74
+ addedEntries.add(key);
75
+ }
70
76
  };
71
- const addEmailEntry = (email, vcardLines) => {
72
- vcardLines.push(`EMAIL:${email}`, `EMAIL;TYPE=WORK:${email}`);
77
+ const addEmailEntry = (email, vcardLines, addedEntries) => {
78
+ const key = `email:${email.toLowerCase()}`;
79
+ if (!addedEntries.has(key)) {
80
+ vcardLines.push(`EMAIL:${email}`);
81
+ addedEntries.add(key);
82
+ }
73
83
  };
74
- const addUrlEntry = (url, type, vcardLines) => {
84
+ const addUrlEntry = (url, type, vcardLines, addedEntries) => {
75
85
  const formatted = normalizeUrl(url);
76
86
  // Skip invalid URLs
77
87
  if (!formatted)
78
88
  return;
79
- if (type) {
80
- vcardLines.push(`URL;TYPE=${type}:${formatted}`);
81
- }
82
- else {
83
- vcardLines.push(`URL:${formatted}`);
89
+ const key = `url:${formatted.toLowerCase()}`;
90
+ if (!addedEntries.has(key)) {
91
+ if (type) {
92
+ vcardLines.push(`URL;TYPE=${type}:${formatted}`);
93
+ }
94
+ else {
95
+ vcardLines.push(`URL:${formatted}`);
96
+ }
97
+ addedEntries.add(key);
84
98
  }
85
99
  };
86
- const processContactUrl = (url, iconType, vcardLines) => {
100
+ const processContactUrl = (url, iconType, vcardLines, addedEntries) => {
87
101
  if (url.startsWith('tel:')) {
88
- addPhoneEntry(url.replace('tel:', ''), vcardLines);
102
+ addPhoneEntry(url.replace('tel:', ''), vcardLines, addedEntries);
89
103
  }
90
104
  else if (url.startsWith('mailto:')) {
91
- addEmailEntry(url.replace('mailto:', ''), vcardLines);
105
+ addEmailEntry(url.replace('mailto:', ''), vcardLines, addedEntries);
92
106
  }
93
107
  else if (iconType === 'email') {
94
- addEmailEntry(url, vcardLines);
108
+ addEmailEntry(url, vcardLines, addedEntries);
95
109
  }
96
110
  else if (iconType === 'phone') {
97
- addPhoneEntry(url, vcardLines);
111
+ addPhoneEntry(url, vcardLines, addedEntries);
98
112
  }
99
113
  else {
100
- addUrlEntry(url, SOCIAL_TYPE_MAP[iconType], vcardLines);
114
+ addUrlEntry(url, SOCIAL_TYPE_MAP[iconType], vcardLines, addedEntries);
101
115
  }
102
116
  };
103
- const processButton = (button, vcardLines) => {
117
+ const processButton = (button, vcardLines, addedEntries) => {
104
118
  if (!button.url)
105
119
  return;
106
120
  const url = button.url.trim();
107
121
  const iconType = button.iconUrl?.toLowerCase() || '';
108
- processContactUrl(url, iconType, vcardLines);
122
+ processContactUrl(url, iconType, vcardLines, addedEntries);
109
123
  };
110
- const processSocialLinks = (socialLinksContent, vcardLines) => {
124
+ const processSocialLinks = (socialLinksContent, vcardLines, addedEntries) => {
111
125
  if (!socialLinksContent.links?.length)
112
126
  return;
113
127
  socialLinksContent.links.forEach((link) => {
@@ -115,7 +129,7 @@ const processSocialLinks = (socialLinksContent, vcardLines) => {
115
129
  return;
116
130
  const url = link.url.trim();
117
131
  const platform = link.imageUrl?.toLowerCase() || '';
118
- processContactUrl(url, platform, vcardLines);
132
+ processContactUrl(url, platform, vcardLines, addedEntries);
119
133
  });
120
134
  };
121
135
  const addProfileInfo = (profile, vcardLines) => {
@@ -137,21 +151,24 @@ const addProfileInfo = (profile, vcardLines) => {
137
151
  // Main Functions
138
152
  export const generateVCard = (brandPageData) => {
139
153
  const vcardLines = ['BEGIN:VCARD', 'VERSION:3.0'];
154
+ const addedEntries = new Set();
140
155
  const profile = findProfileContent(brandPageData);
141
156
  if (profile) {
142
157
  addProfileInfo(profile, vcardLines);
143
158
  }
144
159
  const buttons = findContentsByType(brandPageData, 'button');
145
- buttons.forEach((button) => processButton(button, vcardLines));
160
+ buttons.forEach((button) => processButton(button, vcardLines, addedEntries));
146
161
  const socialLinks = findContentsByType(brandPageData, 'social-links');
147
- socialLinks.forEach((links) => processSocialLinks(links, vcardLines));
162
+ socialLinks.forEach((links) => processSocialLinks(links, vcardLines, addedEntries));
148
163
  vcardLines.push('END:VCARD');
149
164
  return vcardLines.join('\r\n');
150
165
  };
151
166
  const generateVCardFilename = (name) => {
152
167
  if (!name)
153
168
  return 'contact.vcf';
154
- const safeName = name
169
+ // Strip HTML tags first
170
+ const plainName = getPlainTextFromRTE(name);
171
+ const safeName = plainName
155
172
  .replace(/[^a-z0-9]/gi, '_')
156
173
  .toLowerCase()
157
174
  .slice(0, 50);
@@ -7,23 +7,23 @@ const getLocalisedSlug = (defaultSlug, locale) => {
7
7
  '/website-builder': {
8
8
  'de-DE': '/website-erstellen',
9
9
  'fr-FR': '/createur-site-web',
10
- 'fr-CA': '/createur-site-web',
10
+ 'fr-CA': '/createur-de-site-web',
11
11
  'es-ES': '/creador-paginas-web',
12
12
  'pt-PT': '/criador-site',
13
- 'pt-BR': '/criador-site',
13
+ 'pt-BR': '/criador-sites',
14
14
  },
15
15
  '/digital-business-card': {
16
16
  'de-DE': '/digitale-visitenkarte',
17
17
  'fr-FR': '/carte-de-visite-numerique',
18
- 'fr-CA': '/carte-de-visite-numerique',
18
+ 'fr-CA': '/carte-professionnelle-numerique',
19
19
  'es-ES': '/tarjeta-de-visita-digital',
20
20
  'pt-PT': '/cartao-de-visita-digital',
21
- 'pt-BR': '/cartao-de-visita-digital',
21
+ 'pt-BR': '/cartao-visita-digital',
22
22
  },
23
23
  '/link-in-bio': {
24
24
  'de-DE': '/link-in-bio',
25
25
  'fr-FR': '/lien-en-bio',
26
- 'fr-CA': '/lien-en-bio',
26
+ 'fr-CA': '/lien-dans-bio',
27
27
  'es-ES': '/link-en-bio',
28
28
  'pt-PT': '/link-na-bio',
29
29
  'pt-BR': '/link-na-bio',
@@ -7188,7 +7188,7 @@ to {
7188
7188
  font-family: Lato, Helvetica, sans-serif;
7189
7189
  }
7190
7190
 
7191
- .brand-page__footer[data-v-34f9b4d7] {
7191
+ .brand-page__footer[data-v-11a8b1a1] {
7192
7192
  display: -webkit-box;
7193
7193
  display: -ms-flexbox;
7194
7194
  display: flex;
@@ -7196,7 +7196,7 @@ to {
7196
7196
  -ms-flex-pack: center;
7197
7197
  justify-content: center;
7198
7198
  }
7199
- .brand-page__footer-link[data-v-34f9b4d7] {
7199
+ .brand-page__footer-link[data-v-11a8b1a1] {
7200
7200
  display: block;
7201
7201
  border-radius: 0.25rem;
7202
7202
  padding: 0.75rem;
@@ -7204,25 +7204,25 @@ to {
7204
7204
  -webkit-transition: background 0.2s ease-in-out;
7205
7205
  transition: background 0.2s ease-in-out;
7206
7206
  }
7207
- .brand-page__footer-link[data-v-34f9b4d7]:hover {
7207
+ .brand-page__footer-link[data-v-11a8b1a1]:hover {
7208
7208
  opacity: 0.9;
7209
7209
  }
7210
- .icon-container[data-v-34f9b4d7] {
7210
+ .icon-container[data-v-11a8b1a1] {
7211
7211
  width: 20px;
7212
7212
  overflow: hidden;
7213
7213
  }
7214
- .extra-height[data-v-34f9b4d7] {
7214
+ .extra-height[data-v-11a8b1a1] {
7215
7215
  -webkit-transition: height 0.5s ease-in-out;
7216
7216
  transition: height 0.5s ease-in-out;
7217
7217
  width: 100%;
7218
7218
  }
7219
- .c-button__label[data-v-34f9b4d7] {
7219
+ .c-button__label[data-v-11a8b1a1] {
7220
7220
  margin: 0 auto;
7221
7221
  word-break: break-word;
7222
7222
  overflow-wrap: anywhere;
7223
7223
  width: auto;
7224
7224
  }
7225
- .c-button[data-v-34f9b4d7] {
7225
+ .c-button[data-v-11a8b1a1] {
7226
7226
  --icon-h: 1.5rem;
7227
7227
  --icon-m-r: 0.5rem;
7228
7228
  --icon-m-icon: 0.5rem;
@@ -7237,10 +7237,10 @@ to {
7237
7237
  -ms-flex-align: center !important;
7238
7238
  align-items: center !important;
7239
7239
  }
7240
- .button__icon[data-v-34f9b4d7] {
7240
+ .button__icon[data-v-11a8b1a1] {
7241
7241
  margin-right: var(--icon-m-r);
7242
7242
  }
7243
- .btn-max-width[data-v-34f9b4d7] {
7243
+ .btn-max-width[data-v-11a8b1a1] {
7244
7244
  max-width: 315px;
7245
7245
  width: 100%;
7246
7246
  }
@@ -7254,14 +7254,14 @@ body {
7254
7254
  line-height: 1.5;
7255
7255
  }
7256
7256
 
7257
- .brand-page-root[data-v-72934276] {
7257
+ .brand-page-root[data-v-12883d4f] {
7258
7258
  height: 100%;
7259
7259
  }
7260
- .sortable[data-v-72934276] {
7260
+ .sortable[data-v-12883d4f] {
7261
7261
  outline-color: #F7768C;
7262
7262
  outline-width: 0.2rem;
7263
7263
  }
7264
- .brand-page[data-v-72934276] {
7264
+ .brand-page[data-v-12883d4f] {
7265
7265
  -webkit-box-sizing: border-box;
7266
7266
  box-sizing: border-box;
7267
7267
  display: -webkit-box;
@@ -7273,7 +7273,7 @@ body {
7273
7273
  -ms-flex-direction: column;
7274
7274
  flex-direction: column;
7275
7275
  }
7276
- .brand-page__inner--default[data-v-72934276] {
7276
+ .brand-page__inner--default[data-v-12883d4f] {
7277
7277
  position: relative;
7278
7278
  z-index: 10;
7279
7279
  display: -webkit-box;
@@ -7285,16 +7285,16 @@ body {
7285
7285
  -ms-flex-direction: column;
7286
7286
  flex-direction: column;
7287
7287
  }
7288
- .brand-page__inner--desktop[data-v-72934276] {
7288
+ .brand-page__inner--desktop[data-v-12883d4f] {
7289
7289
  min-height: 100vh;
7290
7290
  }
7291
- .brand-site__header[data-v-72934276] {
7291
+ .brand-site__header[data-v-12883d4f] {
7292
7292
  container-type: inline-size;
7293
7293
  }
7294
- .brand-page__header[data-v-72934276] {
7294
+ .brand-page__header[data-v-12883d4f] {
7295
7295
  padding-top: var(--page-padding);
7296
7296
  }
7297
- .brand-page__content--default[data-v-72934276] {
7297
+ .brand-page__content--default[data-v-12883d4f] {
7298
7298
  margin-left: auto;
7299
7299
  margin-right: auto;
7300
7300
  margin-bottom: 2.5rem;
@@ -7311,7 +7311,7 @@ body {
7311
7311
  flex-direction: column;
7312
7312
  max-width: var(--page-max-width);
7313
7313
  }
7314
- .brand-page__content--desktop[data-v-72934276] {
7314
+ .brand-page__content--desktop[data-v-12883d4f] {
7315
7315
  margin-left: auto;
7316
7316
  margin-right: auto;
7317
7317
  display: -webkit-box;
@@ -7327,15 +7327,15 @@ body {
7327
7327
  flex-direction: column;
7328
7328
  max-width: 100%;
7329
7329
  }
7330
- .brand-page__content--inner[data-v-72934276] {
7330
+ .brand-page__content--inner[data-v-12883d4f] {
7331
7331
  padding-left: var(--page-padding);
7332
7332
  padding-right: var(--page-padding);
7333
7333
  }
7334
- .brand-page__content--inner--brandsite[data-v-72934276] {
7334
+ .brand-page__content--inner--brandsite[data-v-12883d4f] {
7335
7335
  max-width: var(--brandsite-max-width);
7336
7336
  margin: 0 auto;
7337
7337
  }
7338
- .brand-page__content--outline-selected[data-v-72934276] {
7338
+ .brand-page__content--outline-selected[data-v-12883d4f] {
7339
7339
  position: relative;
7340
7340
  z-index: 10;
7341
7341
  outline-color: #F7768C;
@@ -7343,20 +7343,20 @@ body {
7343
7343
  outline-style: dashed;
7344
7344
  outline-offset: -0.25rem;
7345
7345
  }
7346
- .brand-page__content--outline-footer-selected[data-v-72934276] {
7346
+ .brand-page__content--outline-footer-selected[data-v-12883d4f] {
7347
7347
  outline-color: #f7768c;
7348
7348
  outline-width: 0.2rem;
7349
7349
  outline-style: dashed;
7350
7350
  outline-offset: -0.25rem;
7351
7351
  }
7352
7352
  @media (max-width: 640px) {
7353
- .brand-page__content--inner--full-width[data-v-72934276] {
7353
+ .brand-page__content--inner--full-width[data-v-12883d4f] {
7354
7354
  padding-left: 0;
7355
7355
  padding-right: 0;
7356
7356
  }
7357
7357
  }
7358
7358
  @media (min-width: 640px) {
7359
- .brand-page__content--inner--full-width[data-v-72934276] {
7359
+ .brand-page__content--inner--full-width[data-v-12883d4f] {
7360
7360
  padding-left: var(--page-padding);
7361
7361
  padding-right: var(--page-padding);
7362
7362
  }
@@ -7505,7 +7505,7 @@ to {
7505
7505
  font-family: Lato, Helvetica, sans-serif;
7506
7506
  }
7507
7507
 
7508
- .brand-page__footer[data-v-34f9b4d7] {
7508
+ .brand-page__footer[data-v-11a8b1a1] {
7509
7509
  display: -webkit-box;
7510
7510
  display: -ms-flexbox;
7511
7511
  display: flex;
@@ -7513,7 +7513,7 @@ to {
7513
7513
  -ms-flex-pack: center;
7514
7514
  justify-content: center;
7515
7515
  }
7516
- .brand-page__footer-link[data-v-34f9b4d7] {
7516
+ .brand-page__footer-link[data-v-11a8b1a1] {
7517
7517
  display: block;
7518
7518
  border-radius: 0.25rem;
7519
7519
  padding: 0.75rem;
@@ -7521,25 +7521,25 @@ to {
7521
7521
  -webkit-transition: background 0.2s ease-in-out;
7522
7522
  transition: background 0.2s ease-in-out;
7523
7523
  }
7524
- .brand-page__footer-link[data-v-34f9b4d7]:hover {
7524
+ .brand-page__footer-link[data-v-11a8b1a1]:hover {
7525
7525
  opacity: 0.9;
7526
7526
  }
7527
- .icon-container[data-v-34f9b4d7] {
7527
+ .icon-container[data-v-11a8b1a1] {
7528
7528
  width: 20px;
7529
7529
  overflow: hidden;
7530
7530
  }
7531
- .extra-height[data-v-34f9b4d7] {
7531
+ .extra-height[data-v-11a8b1a1] {
7532
7532
  -webkit-transition: height 0.5s ease-in-out;
7533
7533
  transition: height 0.5s ease-in-out;
7534
7534
  width: 100%;
7535
7535
  }
7536
- .c-button__label[data-v-34f9b4d7] {
7536
+ .c-button__label[data-v-11a8b1a1] {
7537
7537
  margin: 0 auto;
7538
7538
  word-break: break-word;
7539
7539
  overflow-wrap: anywhere;
7540
7540
  width: auto;
7541
7541
  }
7542
- .c-button[data-v-34f9b4d7] {
7542
+ .c-button[data-v-11a8b1a1] {
7543
7543
  --icon-h: 1.5rem;
7544
7544
  --icon-m-r: 0.5rem;
7545
7545
  --icon-m-icon: 0.5rem;
@@ -7554,10 +7554,10 @@ to {
7554
7554
  -ms-flex-align: center !important;
7555
7555
  align-items: center !important;
7556
7556
  }
7557
- .button__icon[data-v-34f9b4d7] {
7557
+ .button__icon[data-v-11a8b1a1] {
7558
7558
  margin-right: var(--icon-m-r);
7559
7559
  }
7560
- .btn-max-width[data-v-34f9b4d7] {
7560
+ .btn-max-width[data-v-11a8b1a1] {
7561
7561
  max-width: 315px;
7562
7562
  width: 100%;
7563
7563
  }
@@ -7571,14 +7571,14 @@ body {
7571
7571
  line-height: 1.5;
7572
7572
  }
7573
7573
 
7574
- .brand-page-root[data-v-72934276] {
7574
+ .brand-page-root[data-v-12883d4f] {
7575
7575
  height: 100%;
7576
7576
  }
7577
- .sortable[data-v-72934276] {
7577
+ .sortable[data-v-12883d4f] {
7578
7578
  outline-color: #F7768C;
7579
7579
  outline-width: 0.2rem;
7580
7580
  }
7581
- .brand-page[data-v-72934276] {
7581
+ .brand-page[data-v-12883d4f] {
7582
7582
  -webkit-box-sizing: border-box;
7583
7583
  box-sizing: border-box;
7584
7584
  display: -webkit-box;
@@ -7590,7 +7590,7 @@ body {
7590
7590
  -ms-flex-direction: column;
7591
7591
  flex-direction: column;
7592
7592
  }
7593
- .brand-page__inner--default[data-v-72934276] {
7593
+ .brand-page__inner--default[data-v-12883d4f] {
7594
7594
  position: relative;
7595
7595
  z-index: 10;
7596
7596
  display: -webkit-box;
@@ -7602,16 +7602,16 @@ body {
7602
7602
  -ms-flex-direction: column;
7603
7603
  flex-direction: column;
7604
7604
  }
7605
- .brand-page__inner--desktop[data-v-72934276] {
7605
+ .brand-page__inner--desktop[data-v-12883d4f] {
7606
7606
  min-height: 100vh;
7607
7607
  }
7608
- .brand-site__header[data-v-72934276] {
7608
+ .brand-site__header[data-v-12883d4f] {
7609
7609
  container-type: inline-size;
7610
7610
  }
7611
- .brand-page__header[data-v-72934276] {
7611
+ .brand-page__header[data-v-12883d4f] {
7612
7612
  padding-top: var(--page-padding);
7613
7613
  }
7614
- .brand-page__content--default[data-v-72934276] {
7614
+ .brand-page__content--default[data-v-12883d4f] {
7615
7615
  margin-left: auto;
7616
7616
  margin-right: auto;
7617
7617
  margin-bottom: 2.5rem;
@@ -7628,7 +7628,7 @@ body {
7628
7628
  flex-direction: column;
7629
7629
  max-width: var(--page-max-width);
7630
7630
  }
7631
- .brand-page__content--desktop[data-v-72934276] {
7631
+ .brand-page__content--desktop[data-v-12883d4f] {
7632
7632
  margin-left: auto;
7633
7633
  margin-right: auto;
7634
7634
  display: -webkit-box;
@@ -7644,15 +7644,15 @@ body {
7644
7644
  flex-direction: column;
7645
7645
  max-width: 100%;
7646
7646
  }
7647
- .brand-page__content--inner[data-v-72934276] {
7647
+ .brand-page__content--inner[data-v-12883d4f] {
7648
7648
  padding-left: var(--page-padding);
7649
7649
  padding-right: var(--page-padding);
7650
7650
  }
7651
- .brand-page__content--inner--brandsite[data-v-72934276] {
7651
+ .brand-page__content--inner--brandsite[data-v-12883d4f] {
7652
7652
  max-width: var(--brandsite-max-width);
7653
7653
  margin: 0 auto;
7654
7654
  }
7655
- .brand-page__content--outline-selected[data-v-72934276] {
7655
+ .brand-page__content--outline-selected[data-v-12883d4f] {
7656
7656
  position: relative;
7657
7657
  z-index: 10;
7658
7658
  outline-color: #F7768C;
@@ -7660,20 +7660,20 @@ body {
7660
7660
  outline-style: dashed;
7661
7661
  outline-offset: -0.25rem;
7662
7662
  }
7663
- .brand-page__content--outline-footer-selected[data-v-72934276] {
7663
+ .brand-page__content--outline-footer-selected[data-v-12883d4f] {
7664
7664
  outline-color: #f7768c;
7665
7665
  outline-width: 0.2rem;
7666
7666
  outline-style: dashed;
7667
7667
  outline-offset: -0.25rem;
7668
7668
  }
7669
7669
  @media (max-width: 640px) {
7670
- .brand-page__content--inner--full-width[data-v-72934276] {
7670
+ .brand-page__content--inner--full-width[data-v-12883d4f] {
7671
7671
  padding-left: 0;
7672
7672
  padding-right: 0;
7673
7673
  }
7674
7674
  }
7675
7675
  @media (min-width: 640px) {
7676
- .brand-page__content--inner--full-width[data-v-72934276] {
7676
+ .brand-page__content--inner--full-width[data-v-12883d4f] {
7677
7677
  padding-left: var(--page-padding);
7678
7678
  padding-right: var(--page-padding);
7679
7679
  }