@designcrowd/library.brand-page 5.17.5-kp-1 → 5.17.5

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 (22) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-BI2KuOEF.js → CreatedOnBrandCrowd-de-de-Cpnqtpzv.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-BYLJCjLJ.js → CreatedOnBrandCrowd-en-us-C13SObir.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-Y_D6cuGE.js → CreatedOnBrandCrowd-es-es-B5VwaU9q.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-CqCBRjYh.js → CreatedOnBrandCrowd-fr-ca-Cr7eKKqj.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-CqCBRjYh.js → CreatedOnBrandCrowd-fr-fr-Cr7eKKqj.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-Bt0YF6DA.js → CreatedOnBrandCrowd-pt-br-DhSgDPQ8.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-Bt0YF6DA.js → CreatedOnBrandCrowd-pt-pt-DhSgDPQ8.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-CEk8FBEG.js → CreatedOnDcom-de-de-BNI8f-n_.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-DWw4Tm2L.js → CreatedOnDcom-en-us-BwaGdHTG.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-DpG-8o98.js → CreatedOnDcom-es-es-CariHyO8.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-CEla7RmR.js → CreatedOnDcom-fr-ca-BxuMjByN.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-DRXeVTlV.js → CreatedOnDcom-fr-fr-NYGNCCIG.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-Bzu_phZc.js → CreatedOnDcom-pt-br-BQ0xFPwF.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-DWax8Er7.js → CreatedOnDcom-pt-pt-Bn6xEs1M.js} +1 -1
  15. package/lib/src/css/library.brand-page-brandCrowd.min.css +36 -33
  16. package/lib/src/css/library.brand-page-brandPage.min.css +36 -33
  17. package/lib/src/css/library.brand-page-designCom.min.css +36 -33
  18. package/lib/src/css/library.brand-page-preview.min.css +36 -33
  19. package/lib/src/index.mjs +1 -1
  20. package/lib/src/{lib-DODSa6QK.js → lib-CIZEL8xo.js} +5 -4
  21. package/package.json +1 -1
  22. package/src/brand-page/components/about-section/AboutSection.vue +6 -0
package/lib/src/{CreatedOnBrandCrowd-de-de-BI2KuOEF.js → CreatedOnBrandCrowd-de-de-Cpnqtpzv.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DODSa6QK.js";
2
+ import { _ as t } from "./lib-CIZEL8xo.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-en-us-BYLJCjLJ.js → CreatedOnBrandCrowd-en-us-C13SObir.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DODSa6QK.js";
2
+ import { _ as t } from "./lib-CIZEL8xo.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-es-es-Y_D6cuGE.js → CreatedOnBrandCrowd-es-es-B5VwaU9q.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DODSa6QK.js";
2
+ import { _ as t } from "./lib-CIZEL8xo.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-fr-fr-CqCBRjYh.js → CreatedOnBrandCrowd-fr-ca-Cr7eKKqj.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DODSa6QK.js";
2
+ import { _ as t } from "./lib-CIZEL8xo.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-fr-ca-CqCBRjYh.js → CreatedOnBrandCrowd-fr-fr-Cr7eKKqj.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DODSa6QK.js";
2
+ import { _ as t } from "./lib-CIZEL8xo.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-pt-pt-Bt0YF6DA.js → CreatedOnBrandCrowd-pt-br-DhSgDPQ8.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DODSa6QK.js";
2
+ import { _ as t } from "./lib-CIZEL8xo.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-pt-br-Bt0YF6DA.js → CreatedOnBrandCrowd-pt-pt-DhSgDPQ8.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DODSa6QK.js";
2
+ import { _ as t } from "./lib-CIZEL8xo.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-de-de-CEk8FBEG.js → CreatedOnDcom-de-de-BNI8f-n_.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DODSa6QK.js";
2
+ import { _ as e } from "./lib-CIZEL8xo.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-en-us-DWw4Tm2L.js → CreatedOnDcom-en-us-BwaGdHTG.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DODSa6QK.js";
2
+ import { _ as e } from "./lib-CIZEL8xo.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-es-es-DpG-8o98.js → CreatedOnDcom-es-es-CariHyO8.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DODSa6QK.js";
2
+ import { _ as e } from "./lib-CIZEL8xo.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-fr-ca-CEla7RmR.js → CreatedOnDcom-fr-ca-BxuMjByN.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DODSa6QK.js";
2
+ import { _ as e } from "./lib-CIZEL8xo.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-fr-fr-DRXeVTlV.js → CreatedOnDcom-fr-fr-NYGNCCIG.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DODSa6QK.js";
2
+ import { _ as e } from "./lib-CIZEL8xo.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-pt-br-Bzu_phZc.js → CreatedOnDcom-pt-br-BQ0xFPwF.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-DODSa6QK.js";
2
+ import { _ as M } from "./lib-CIZEL8xo.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-pt-pt-DWax8Er7.js → CreatedOnDcom-pt-pt-Bn6xEs1M.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-DODSa6QK.js";
2
+ import { _ as M } from "./lib-CIZEL8xo.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
package/lib/src/css/library.brand-page-brandCrowd.min.css CHANGED
@@ -6212,29 +6212,32 @@ select[data-v-534cad39] {
6212
6212
  /* mob_img--left - image for display left (should only show on mobile) */
6213
6213
  /* mob_img--right - image for display right (should only show on mobile) */
6214
6214
  /* top-img--center - image for display centered*/
6215
- .about-container[data-v-ffedbb40] {
6215
+ .about-container[data-v-e757d2ee] {
6216
6216
  max-width: var(--brandsite-max-width);
6217
6217
  margin: 0 auto;
6218
6218
  }
6219
- .about-container--padding[data-v-ffedbb40] {
6219
+ .side-full-media-container[data-v-e757d2ee] {
6220
+ max-width: 100% !important;
6221
+ }
6222
+ .about-container--padding[data-v-e757d2ee] {
6220
6223
  padding-left: var(--page-padding);
6221
6224
  padding-right: var(--page-padding);
6222
6225
  }
6223
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .mob_img--left {
6226
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--left {
6224
6227
  display: grid;
6225
6228
  width: 100%;
6226
6229
  }
6227
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .mob_img--right {
6230
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--right {
6228
6231
  display: grid;
6229
6232
  width: 100%;
6230
6233
  }
6231
- .device-wrapper--mobile .about-body-text[data-v-ffedbb40] {
6234
+ .device-wrapper--mobile .about-body-text[data-v-e757d2ee] {
6232
6235
  display: block;
6233
6236
  }
6234
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .img--left-right {
6237
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .img--left-right {
6235
6238
  display: none;
6236
6239
  }
6237
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .container-image {
6240
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .container-image {
6238
6241
  -o-object-fit: cover;
6239
6242
  object-fit: cover;
6240
6243
  aspect-ratio: 1/1;
@@ -6242,24 +6245,24 @@ select[data-v-534cad39] {
6242
6245
  max-width: -moz-max-content;
6243
6246
  max-width: max-content;
6244
6247
  }
6245
- .device-wrapper--mobile .mobile-about-container--padding[data-v-ffedbb40] {
6248
+ .device-wrapper--mobile .mobile-about-container--padding[data-v-e757d2ee] {
6246
6249
  padding-left: var(--page-padding);
6247
6250
  padding-right: var(--page-padding);
6248
6251
  padding-top: 2.5rem;
6249
6252
  padding-bottom: 2.5rem;
6250
6253
  }
6251
- .device-wrapper--mobile .text-grid-column[data-v-ffedbb40] {
6254
+ .device-wrapper--mobile .text-grid-column[data-v-e757d2ee] {
6252
6255
  display: grid;
6253
6256
  grid-template-columns: repeat(2, 1fr);
6254
6257
  grid-template-columns: 1fr;
6255
6258
  }
6256
- .device-wrapper--mobile .full-square-image[data-v-ffedbb40] {
6259
+ .device-wrapper--mobile .full-square-image[data-v-e757d2ee] {
6257
6260
  margin-bottom: 1rem;
6258
6261
  }
6259
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .about-placeholder {
6262
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .about-placeholder {
6260
6263
  width: 100%;
6261
6264
  }
6262
- .about-container[data-v-ffedbb40] .top-img--center {
6265
+ .about-container[data-v-e757d2ee] .top-img--center {
6263
6266
  display: grid;
6264
6267
  aspect-ratio: 3/1;
6265
6268
  width: 100%;
@@ -6268,8 +6271,8 @@ select[data-v-534cad39] {
6268
6271
  -o-object-position: center;
6269
6272
  object-position: center;
6270
6273
  }
6271
- .about-container[data-v-ffedbb40] .mob_img--left,
6272
- .about-container[data-v-ffedbb40] .mob_img--right {
6274
+ .about-container[data-v-e757d2ee] .mob_img--left,
6275
+ .about-container[data-v-e757d2ee] .mob_img--right {
6273
6276
  padding-top: 1rem;
6274
6277
  padding-bottom: 1rem;
6275
6278
  aspect-ratio: 1/1;
@@ -6279,23 +6282,23 @@ select[data-v-534cad39] {
6279
6282
  object-position: center;
6280
6283
  width: 100%;
6281
6284
  }
6282
- .container-grid-columns[data-v-ffedbb40] {
6285
+ .container-grid-columns[data-v-e757d2ee] {
6283
6286
  display: grid;
6284
6287
  grid-template-columns: repeat(2, 1fr);
6285
6288
  }
6286
- .about-container[data-v-ffedbb40] .full-square-image {
6289
+ .about-container[data-v-e757d2ee] .full-square-image {
6287
6290
  width: 100%;
6288
6291
  aspect-ratio: 1/1;
6289
6292
  -o-object-fit: cover;
6290
6293
  object-fit: cover;
6291
6294
  }
6292
- .grid-reverse-direction[data-v-ffedbb40] {
6295
+ .grid-reverse-direction[data-v-e757d2ee] {
6293
6296
  direction: rtl;
6294
6297
  }
6295
- .grid-direction-ltr[data-v-ffedbb40] {
6298
+ .grid-direction-ltr[data-v-e757d2ee] {
6296
6299
  direction: ltr;
6297
6300
  }
6298
- .about-container[data-v-ffedbb40] .container-image {
6301
+ .about-container[data-v-e757d2ee] .container-image {
6299
6302
  margin-bottom: 1rem;
6300
6303
  display: grid;
6301
6304
  max-width: 20rem;
@@ -6305,34 +6308,34 @@ select[data-v-534cad39] {
6305
6308
  height: fit-content;
6306
6309
  }
6307
6310
  @media (max-width: 767px) {
6308
- .about-container[data-v-ffedbb40] .mob_img--left {
6311
+ .about-container[data-v-e757d2ee] .mob_img--left {
6309
6312
  display: block;
6310
6313
  width: 100%;
6311
6314
  }
6312
- .about-container[data-v-ffedbb40] .mob_img--right {
6315
+ .about-container[data-v-e757d2ee] .mob_img--right {
6313
6316
  display: grid;
6314
6317
  }
6315
- .about-container[data-v-ffedbb40] .img--left-right {
6318
+ .about-container[data-v-e757d2ee] .img--left-right {
6316
6319
  display: none;
6317
6320
  }
6318
- .about-body-text[data-v-ffedbb40] {
6321
+ .about-body-text[data-v-e757d2ee] {
6319
6322
  display: block;
6320
6323
  }
6321
- .about-container[data-v-ffedbb40] .about-placeholder {
6324
+ .about-container[data-v-e757d2ee] .about-placeholder {
6322
6325
  width: 100%;
6323
6326
  }
6324
- .text-grid-column[data-v-ffedbb40] {
6327
+ .text-grid-column[data-v-e757d2ee] {
6325
6328
  display: grid;
6326
6329
  grid-template-columns: repeat(2, 1fr);
6327
6330
  grid-template-columns: 1fr;
6328
6331
  }
6329
- .mobile-about-container--padding[data-v-ffedbb40] {
6332
+ .mobile-about-container--padding[data-v-e757d2ee] {
6330
6333
  padding-left: var(--page-padding);
6331
6334
  padding-right: var(--page-padding);
6332
6335
  padding-top: 2.5rem;
6333
6336
  padding-bottom: 2.5rem;
6334
6337
  }
6335
- .about-container[data-v-ffedbb40] .container-image {
6338
+ .about-container[data-v-e757d2ee] .container-image {
6336
6339
  aspect-ratio: 1/1;
6337
6340
  -o-object-fit: cover;
6338
6341
  object-fit: cover;
@@ -6340,23 +6343,23 @@ select[data-v-534cad39] {
6340
6343
  max-width: -moz-max-content;
6341
6344
  max-width: max-content;
6342
6345
  }
6343
- .about-container[data-v-ffedbb40] .full-square-image {
6346
+ .about-container[data-v-e757d2ee] .full-square-image {
6344
6347
  margin-bottom: 1rem;
6345
6348
  }
6346
6349
  }
6347
6350
  @media (min-width: 767px) {
6348
- .about-container[data-v-ffedbb40] .mob_img--right,
6349
- .about-container[data-v-ffedbb40] .mob_img--left {
6351
+ .about-container[data-v-e757d2ee] .mob_img--right,
6352
+ .about-container[data-v-e757d2ee] .mob_img--left {
6350
6353
  display: none;
6351
6354
  }
6352
- .about-container[data-v-ffedbb40] .img--left-right {
6355
+ .about-container[data-v-e757d2ee] .img--left-right {
6353
6356
  display: grid;
6354
6357
  }
6355
- .text-grid-column[data-v-ffedbb40] {
6358
+ .text-grid-column[data-v-e757d2ee] {
6356
6359
  display: grid;
6357
6360
  grid-template-columns: repeat(2, 1fr);
6358
6361
  }
6359
- .about-container[data-v-ffedbb40] .container-image {
6362
+ .about-container[data-v-e757d2ee] .container-image {
6360
6363
  aspect-ratio: auto;
6361
6364
  }
6362
6365
  }
package/lib/src/css/library.brand-page-brandPage.min.css CHANGED
@@ -6531,29 +6531,32 @@ select[data-v-534cad39] {
6531
6531
  /* mob_img--left - image for display left (should only show on mobile) */
6532
6532
  /* mob_img--right - image for display right (should only show on mobile) */
6533
6533
  /* top-img--center - image for display centered*/
6534
- .about-container[data-v-ffedbb40] {
6534
+ .about-container[data-v-e757d2ee] {
6535
6535
  max-width: var(--brandsite-max-width);
6536
6536
  margin: 0 auto;
6537
6537
  }
6538
- .about-container--padding[data-v-ffedbb40] {
6538
+ .side-full-media-container[data-v-e757d2ee] {
6539
+ max-width: 100% !important;
6540
+ }
6541
+ .about-container--padding[data-v-e757d2ee] {
6539
6542
  padding-left: var(--page-padding);
6540
6543
  padding-right: var(--page-padding);
6541
6544
  }
6542
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .mob_img--left {
6545
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--left {
6543
6546
  display: grid;
6544
6547
  width: 100%;
6545
6548
  }
6546
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .mob_img--right {
6549
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--right {
6547
6550
  display: grid;
6548
6551
  width: 100%;
6549
6552
  }
6550
- .device-wrapper--mobile .about-body-text[data-v-ffedbb40] {
6553
+ .device-wrapper--mobile .about-body-text[data-v-e757d2ee] {
6551
6554
  display: block;
6552
6555
  }
6553
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .img--left-right {
6556
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .img--left-right {
6554
6557
  display: none;
6555
6558
  }
6556
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .container-image {
6559
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .container-image {
6557
6560
  -o-object-fit: cover;
6558
6561
  object-fit: cover;
6559
6562
  aspect-ratio: 1/1;
@@ -6561,24 +6564,24 @@ select[data-v-534cad39] {
6561
6564
  max-width: -moz-max-content;
6562
6565
  max-width: max-content;
6563
6566
  }
6564
- .device-wrapper--mobile .mobile-about-container--padding[data-v-ffedbb40] {
6567
+ .device-wrapper--mobile .mobile-about-container--padding[data-v-e757d2ee] {
6565
6568
  padding-left: var(--page-padding);
6566
6569
  padding-right: var(--page-padding);
6567
6570
  padding-top: 2.5rem;
6568
6571
  padding-bottom: 2.5rem;
6569
6572
  }
6570
- .device-wrapper--mobile .text-grid-column[data-v-ffedbb40] {
6573
+ .device-wrapper--mobile .text-grid-column[data-v-e757d2ee] {
6571
6574
  display: grid;
6572
6575
  grid-template-columns: repeat(2, 1fr);
6573
6576
  grid-template-columns: 1fr;
6574
6577
  }
6575
- .device-wrapper--mobile .full-square-image[data-v-ffedbb40] {
6578
+ .device-wrapper--mobile .full-square-image[data-v-e757d2ee] {
6576
6579
  margin-bottom: 1rem;
6577
6580
  }
6578
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .about-placeholder {
6581
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .about-placeholder {
6579
6582
  width: 100%;
6580
6583
  }
6581
- .about-container[data-v-ffedbb40] .top-img--center {
6584
+ .about-container[data-v-e757d2ee] .top-img--center {
6582
6585
  display: grid;
6583
6586
  aspect-ratio: 3/1;
6584
6587
  width: 100%;
@@ -6587,8 +6590,8 @@ select[data-v-534cad39] {
6587
6590
  -o-object-position: center;
6588
6591
  object-position: center;
6589
6592
  }
6590
- .about-container[data-v-ffedbb40] .mob_img--left,
6591
- .about-container[data-v-ffedbb40] .mob_img--right {
6593
+ .about-container[data-v-e757d2ee] .mob_img--left,
6594
+ .about-container[data-v-e757d2ee] .mob_img--right {
6592
6595
  padding-top: 1rem;
6593
6596
  padding-bottom: 1rem;
6594
6597
  aspect-ratio: 1/1;
@@ -6598,23 +6601,23 @@ select[data-v-534cad39] {
6598
6601
  object-position: center;
6599
6602
  width: 100%;
6600
6603
  }
6601
- .container-grid-columns[data-v-ffedbb40] {
6604
+ .container-grid-columns[data-v-e757d2ee] {
6602
6605
  display: grid;
6603
6606
  grid-template-columns: repeat(2, 1fr);
6604
6607
  }
6605
- .about-container[data-v-ffedbb40] .full-square-image {
6608
+ .about-container[data-v-e757d2ee] .full-square-image {
6606
6609
  width: 100%;
6607
6610
  aspect-ratio: 1/1;
6608
6611
  -o-object-fit: cover;
6609
6612
  object-fit: cover;
6610
6613
  }
6611
- .grid-reverse-direction[data-v-ffedbb40] {
6614
+ .grid-reverse-direction[data-v-e757d2ee] {
6612
6615
  direction: rtl;
6613
6616
  }
6614
- .grid-direction-ltr[data-v-ffedbb40] {
6617
+ .grid-direction-ltr[data-v-e757d2ee] {
6615
6618
  direction: ltr;
6616
6619
  }
6617
- .about-container[data-v-ffedbb40] .container-image {
6620
+ .about-container[data-v-e757d2ee] .container-image {
6618
6621
  margin-bottom: 1rem;
6619
6622
  display: grid;
6620
6623
  max-width: 20rem;
@@ -6624,34 +6627,34 @@ select[data-v-534cad39] {
6624
6627
  height: fit-content;
6625
6628
  }
6626
6629
  @media (max-width: 767px) {
6627
- .about-container[data-v-ffedbb40] .mob_img--left {
6630
+ .about-container[data-v-e757d2ee] .mob_img--left {
6628
6631
  display: block;
6629
6632
  width: 100%;
6630
6633
  }
6631
- .about-container[data-v-ffedbb40] .mob_img--right {
6634
+ .about-container[data-v-e757d2ee] .mob_img--right {
6632
6635
  display: grid;
6633
6636
  }
6634
- .about-container[data-v-ffedbb40] .img--left-right {
6637
+ .about-container[data-v-e757d2ee] .img--left-right {
6635
6638
  display: none;
6636
6639
  }
6637
- .about-body-text[data-v-ffedbb40] {
6640
+ .about-body-text[data-v-e757d2ee] {
6638
6641
  display: block;
6639
6642
  }
6640
- .about-container[data-v-ffedbb40] .about-placeholder {
6643
+ .about-container[data-v-e757d2ee] .about-placeholder {
6641
6644
  width: 100%;
6642
6645
  }
6643
- .text-grid-column[data-v-ffedbb40] {
6646
+ .text-grid-column[data-v-e757d2ee] {
6644
6647
  display: grid;
6645
6648
  grid-template-columns: repeat(2, 1fr);
6646
6649
  grid-template-columns: 1fr;
6647
6650
  }
6648
- .mobile-about-container--padding[data-v-ffedbb40] {
6651
+ .mobile-about-container--padding[data-v-e757d2ee] {
6649
6652
  padding-left: var(--page-padding);
6650
6653
  padding-right: var(--page-padding);
6651
6654
  padding-top: 2.5rem;
6652
6655
  padding-bottom: 2.5rem;
6653
6656
  }
6654
- .about-container[data-v-ffedbb40] .container-image {
6657
+ .about-container[data-v-e757d2ee] .container-image {
6655
6658
  aspect-ratio: 1/1;
6656
6659
  -o-object-fit: cover;
6657
6660
  object-fit: cover;
@@ -6659,23 +6662,23 @@ select[data-v-534cad39] {
6659
6662
  max-width: -moz-max-content;
6660
6663
  max-width: max-content;
6661
6664
  }
6662
- .about-container[data-v-ffedbb40] .full-square-image {
6665
+ .about-container[data-v-e757d2ee] .full-square-image {
6663
6666
  margin-bottom: 1rem;
6664
6667
  }
6665
6668
  }
6666
6669
  @media (min-width: 767px) {
6667
- .about-container[data-v-ffedbb40] .mob_img--right,
6668
- .about-container[data-v-ffedbb40] .mob_img--left {
6670
+ .about-container[data-v-e757d2ee] .mob_img--right,
6671
+ .about-container[data-v-e757d2ee] .mob_img--left {
6669
6672
  display: none;
6670
6673
  }
6671
- .about-container[data-v-ffedbb40] .img--left-right {
6674
+ .about-container[data-v-e757d2ee] .img--left-right {
6672
6675
  display: grid;
6673
6676
  }
6674
- .text-grid-column[data-v-ffedbb40] {
6677
+ .text-grid-column[data-v-e757d2ee] {
6675
6678
  display: grid;
6676
6679
  grid-template-columns: repeat(2, 1fr);
6677
6680
  }
6678
- .about-container[data-v-ffedbb40] .container-image {
6681
+ .about-container[data-v-e757d2ee] .container-image {
6679
6682
  aspect-ratio: auto;
6680
6683
  }
6681
6684
  }
package/lib/src/css/library.brand-page-designCom.min.css CHANGED
@@ -6242,29 +6242,32 @@ select[data-v-534cad39] {
6242
6242
  /* mob_img--left - image for display left (should only show on mobile) */
6243
6243
  /* mob_img--right - image for display right (should only show on mobile) */
6244
6244
  /* top-img--center - image for display centered*/
6245
- .about-container[data-v-ffedbb40] {
6245
+ .about-container[data-v-e757d2ee] {
6246
6246
  max-width: var(--brandsite-max-width);
6247
6247
  margin: 0 auto;
6248
6248
  }
6249
- .about-container--padding[data-v-ffedbb40] {
6249
+ .side-full-media-container[data-v-e757d2ee] {
6250
+ max-width: 100% !important;
6251
+ }
6252
+ .about-container--padding[data-v-e757d2ee] {
6250
6253
  padding-left: var(--page-padding);
6251
6254
  padding-right: var(--page-padding);
6252
6255
  }
6253
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .mob_img--left {
6256
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--left {
6254
6257
  display: grid;
6255
6258
  width: 100%;
6256
6259
  }
6257
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .mob_img--right {
6260
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--right {
6258
6261
  display: grid;
6259
6262
  width: 100%;
6260
6263
  }
6261
- .device-wrapper--mobile .about-body-text[data-v-ffedbb40] {
6264
+ .device-wrapper--mobile .about-body-text[data-v-e757d2ee] {
6262
6265
  display: block;
6263
6266
  }
6264
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .img--left-right {
6267
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .img--left-right {
6265
6268
  display: none;
6266
6269
  }
6267
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .container-image {
6270
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .container-image {
6268
6271
  -o-object-fit: cover;
6269
6272
  object-fit: cover;
6270
6273
  aspect-ratio: 1/1;
@@ -6272,24 +6275,24 @@ select[data-v-534cad39] {
6272
6275
  max-width: -moz-max-content;
6273
6276
  max-width: max-content;
6274
6277
  }
6275
- .device-wrapper--mobile .mobile-about-container--padding[data-v-ffedbb40] {
6278
+ .device-wrapper--mobile .mobile-about-container--padding[data-v-e757d2ee] {
6276
6279
  padding-left: var(--page-padding);
6277
6280
  padding-right: var(--page-padding);
6278
6281
  padding-top: 2.5rem;
6279
6282
  padding-bottom: 2.5rem;
6280
6283
  }
6281
- .device-wrapper--mobile .text-grid-column[data-v-ffedbb40] {
6284
+ .device-wrapper--mobile .text-grid-column[data-v-e757d2ee] {
6282
6285
  display: grid;
6283
6286
  grid-template-columns: repeat(2, 1fr);
6284
6287
  grid-template-columns: 1fr;
6285
6288
  }
6286
- .device-wrapper--mobile .full-square-image[data-v-ffedbb40] {
6289
+ .device-wrapper--mobile .full-square-image[data-v-e757d2ee] {
6287
6290
  margin-bottom: 1rem;
6288
6291
  }
6289
- .device-wrapper--mobile .about-container[data-v-ffedbb40] .about-placeholder {
6292
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .about-placeholder {
6290
6293
  width: 100%;
6291
6294
  }
6292
- .about-container[data-v-ffedbb40] .top-img--center {
6295
+ .about-container[data-v-e757d2ee] .top-img--center {
6293
6296
  display: grid;
6294
6297
  aspect-ratio: 3/1;
6295
6298
  width: 100%;
@@ -6298,8 +6301,8 @@ select[data-v-534cad39] {
6298
6301
  -o-object-position: center;
6299
6302
  object-position: center;
6300
6303
  }
6301
- .about-container[data-v-ffedbb40] .mob_img--left,
6302
- .about-container[data-v-ffedbb40] .mob_img--right {
6304
+ .about-container[data-v-e757d2ee] .mob_img--left,
6305
+ .about-container[data-v-e757d2ee] .mob_img--right {
6303
6306
  padding-top: 1rem;
6304
6307
  padding-bottom: 1rem;
6305
6308
  aspect-ratio: 1/1;
@@ -6309,23 +6312,23 @@ select[data-v-534cad39] {
6309
6312
  object-position: center;
6310
6313
  width: 100%;
6311
6314
  }
6312
- .container-grid-columns[data-v-ffedbb40] {
6315
+ .container-grid-columns[data-v-e757d2ee] {
6313
6316
  display: grid;
6314
6317
  grid-template-columns: repeat(2, 1fr);
6315
6318
  }
6316
- .about-container[data-v-ffedbb40] .full-square-image {
6319
+ .about-container[data-v-e757d2ee] .full-square-image {
6317
6320
  width: 100%;
6318
6321
  aspect-ratio: 1/1;
6319
6322
  -o-object-fit: cover;
6320
6323
  object-fit: cover;
6321
6324
  }
6322
- .grid-reverse-direction[data-v-ffedbb40] {
6325
+ .grid-reverse-direction[data-v-e757d2ee] {
6323
6326
  direction: rtl;
6324
6327
  }
6325
- .grid-direction-ltr[data-v-ffedbb40] {
6328
+ .grid-direction-ltr[data-v-e757d2ee] {
6326
6329
  direction: ltr;
6327
6330
  }
6328
- .about-container[data-v-ffedbb40] .container-image {
6331
+ .about-container[data-v-e757d2ee] .container-image {
6329
6332
  margin-bottom: 1rem;
6330
6333
  display: grid;
6331
6334
  max-width: 20rem;
@@ -6335,34 +6338,34 @@ select[data-v-534cad39] {
6335
6338
  height: fit-content;
6336
6339
  }
6337
6340
  @media (max-width: 767px) {
6338
- .about-container[data-v-ffedbb40] .mob_img--left {
6341
+ .about-container[data-v-e757d2ee] .mob_img--left {
6339
6342
  display: block;
6340
6343
  width: 100%;
6341
6344
  }
6342
- .about-container[data-v-ffedbb40] .mob_img--right {
6345
+ .about-container[data-v-e757d2ee] .mob_img--right {
6343
6346
  display: grid;
6344
6347
  }
6345
- .about-container[data-v-ffedbb40] .img--left-right {
6348
+ .about-container[data-v-e757d2ee] .img--left-right {
6346
6349
  display: none;
6347
6350
  }
6348
- .about-body-text[data-v-ffedbb40] {
6351
+ .about-body-text[data-v-e757d2ee] {
6349
6352
  display: block;
6350
6353
  }
6351
- .about-container[data-v-ffedbb40] .about-placeholder {
6354
+ .about-container[data-v-e757d2ee] .about-placeholder {
6352
6355
  width: 100%;
6353
6356
  }
6354
- .text-grid-column[data-v-ffedbb40] {
6357
+ .text-grid-column[data-v-e757d2ee] {
6355
6358
  display: grid;
6356
6359
  grid-template-columns: repeat(2, 1fr);
6357
6360
  grid-template-columns: 1fr;
6358
6361
  }
6359
- .mobile-about-container--padding[data-v-ffedbb40] {
6362
+ .mobile-about-container--padding[data-v-e757d2ee] {
6360
6363
  padding-left: var(--page-padding);
6361
6364
  padding-right: var(--page-padding);
6362
6365
  padding-top: 2.5rem;
6363
6366
  padding-bottom: 2.5rem;
6364
6367
  }
6365
- .about-container[data-v-ffedbb40] .container-image {
6368
+ .about-container[data-v-e757d2ee] .container-image {
6366
6369
  aspect-ratio: 1/1;
6367
6370
  -o-object-fit: cover;
6368
6371
  object-fit: cover;
@@ -6370,23 +6373,23 @@ select[data-v-534cad39] {
6370
6373
  max-width: -moz-max-content;
6371
6374
  max-width: max-content;
6372
6375
  }
6373
- .about-container[data-v-ffedbb40] .full-square-image {
6376
+ .about-container[data-v-e757d2ee] .full-square-image {
6374
6377
  margin-bottom: 1rem;
6375
6378
  }
6376
6379
  }
6377
6380
  @media (min-width: 767px) {
6378
- .about-container[data-v-ffedbb40] .mob_img--right,
6379
- .about-container[data-v-ffedbb40] .mob_img--left {
6381
+ .about-container[data-v-e757d2ee] .mob_img--right,
6382
+ .about-container[data-v-e757d2ee] .mob_img--left {
6380
6383
  display: none;
6381
6384
  }
6382
- .about-container[data-v-ffedbb40] .img--left-right {
6385
+ .about-container[data-v-e757d2ee] .img--left-right {
6383
6386
  display: grid;
6384
6387
  }
6385
- .text-grid-column[data-v-ffedbb40] {
6388
+ .text-grid-column[data-v-e757d2ee] {
6386
6389
  display: grid;
6387
6390
  grid-template-columns: repeat(2, 1fr);
6388
6391
  }
6389
- .about-container[data-v-ffedbb40] .container-image {
6392
+ .about-container[data-v-e757d2ee] .container-image {
6390
6393
  aspect-ratio: auto;
6391
6394
  }
6392
6395
  }
package/lib/src/css/library.brand-page-preview.min.css CHANGED
@@ -5948,29 +5948,32 @@ select[data-v-534cad39] {
5948
5948
  /* mob_img--left - image for display left (should only show on mobile) */
5949
5949
  /* mob_img--right - image for display right (should only show on mobile) */
5950
5950
  /* top-img--center - image for display centered*/
5951
- .bp .about-container[data-v-ffedbb40] {
5951
+ .bp .about-container[data-v-e757d2ee] {
5952
5952
  max-width: var(--brandsite-max-width);
5953
5953
  margin: 0 auto;
5954
5954
  }
5955
- .bp .about-container--padding[data-v-ffedbb40] {
5955
+ .bp .side-full-media-container[data-v-e757d2ee] {
5956
+ max-width: 100% !important;
5957
+ }
5958
+ .bp .about-container--padding[data-v-e757d2ee] {
5956
5959
  padding-left: var(--page-padding);
5957
5960
  padding-right: var(--page-padding);
5958
5961
  }
5959
- .bp .device-wrapper--mobile .about-container[data-v-ffedbb40] .mob_img--left {
5962
+ .bp .device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--left {
5960
5963
  display: grid;
5961
5964
  width: 100%;
5962
5965
  }
5963
- .bp .device-wrapper--mobile .about-container[data-v-ffedbb40] .mob_img--right {
5966
+ .bp .device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--right {
5964
5967
  display: grid;
5965
5968
  width: 100%;
5966
5969
  }
5967
- .bp .device-wrapper--mobile .about-body-text[data-v-ffedbb40] {
5970
+ .bp .device-wrapper--mobile .about-body-text[data-v-e757d2ee] {
5968
5971
  display: block;
5969
5972
  }
5970
- .bp .device-wrapper--mobile .about-container[data-v-ffedbb40] .img--left-right {
5973
+ .bp .device-wrapper--mobile .about-container[data-v-e757d2ee] .img--left-right {
5971
5974
  display: none;
5972
5975
  }
5973
- .bp .device-wrapper--mobile .about-container[data-v-ffedbb40] .container-image {
5976
+ .bp .device-wrapper--mobile .about-container[data-v-e757d2ee] .container-image {
5974
5977
  -o-object-fit: cover;
5975
5978
  object-fit: cover;
5976
5979
  aspect-ratio: 1/1;
@@ -5978,24 +5981,24 @@ select[data-v-534cad39] {
5978
5981
  max-width: -moz-max-content;
5979
5982
  max-width: max-content;
5980
5983
  }
5981
- .bp .device-wrapper--mobile .mobile-about-container--padding[data-v-ffedbb40] {
5984
+ .bp .device-wrapper--mobile .mobile-about-container--padding[data-v-e757d2ee] {
5982
5985
  padding-left: var(--page-padding);
5983
5986
  padding-right: var(--page-padding);
5984
5987
  padding-top: 2.5rem;
5985
5988
  padding-bottom: 2.5rem;
5986
5989
  }
5987
- .bp .device-wrapper--mobile .text-grid-column[data-v-ffedbb40] {
5990
+ .bp .device-wrapper--mobile .text-grid-column[data-v-e757d2ee] {
5988
5991
  display: grid;
5989
5992
  grid-template-columns: repeat(2, 1fr);
5990
5993
  grid-template-columns: 1fr;
5991
5994
  }
5992
- .bp .device-wrapper--mobile .full-square-image[data-v-ffedbb40] {
5995
+ .bp .device-wrapper--mobile .full-square-image[data-v-e757d2ee] {
5993
5996
  margin-bottom: 1rem;
5994
5997
  }
5995
- .bp .device-wrapper--mobile .about-container[data-v-ffedbb40] .about-placeholder {
5998
+ .bp .device-wrapper--mobile .about-container[data-v-e757d2ee] .about-placeholder {
5996
5999
  width: 100%;
5997
6000
  }
5998
- .bp .about-container[data-v-ffedbb40] .top-img--center {
6001
+ .bp .about-container[data-v-e757d2ee] .top-img--center {
5999
6002
  display: grid;
6000
6003
  aspect-ratio: 3/1;
6001
6004
  width: 100%;
@@ -6004,8 +6007,8 @@ select[data-v-534cad39] {
6004
6007
  -o-object-position: center;
6005
6008
  object-position: center;
6006
6009
  }
6007
- .bp .about-container[data-v-ffedbb40] .mob_img--left,
6008
- .bp .about-container[data-v-ffedbb40] .mob_img--right {
6010
+ .bp .about-container[data-v-e757d2ee] .mob_img--left,
6011
+ .bp .about-container[data-v-e757d2ee] .mob_img--right {
6009
6012
  padding-top: 1rem;
6010
6013
  padding-bottom: 1rem;
6011
6014
  aspect-ratio: 1/1;
@@ -6015,23 +6018,23 @@ select[data-v-534cad39] {
6015
6018
  object-position: center;
6016
6019
  width: 100%;
6017
6020
  }
6018
- .bp .container-grid-columns[data-v-ffedbb40] {
6021
+ .bp .container-grid-columns[data-v-e757d2ee] {
6019
6022
  display: grid;
6020
6023
  grid-template-columns: repeat(2, 1fr);
6021
6024
  }
6022
- .bp .about-container[data-v-ffedbb40] .full-square-image {
6025
+ .bp .about-container[data-v-e757d2ee] .full-square-image {
6023
6026
  width: 100%;
6024
6027
  aspect-ratio: 1/1;
6025
6028
  -o-object-fit: cover;
6026
6029
  object-fit: cover;
6027
6030
  }
6028
- .bp .grid-reverse-direction[data-v-ffedbb40] {
6031
+ .bp .grid-reverse-direction[data-v-e757d2ee] {
6029
6032
  direction: rtl;
6030
6033
  }
6031
- .bp .grid-direction-ltr[data-v-ffedbb40] {
6034
+ .bp .grid-direction-ltr[data-v-e757d2ee] {
6032
6035
  direction: ltr;
6033
6036
  }
6034
- .bp .about-container[data-v-ffedbb40] .container-image {
6037
+ .bp .about-container[data-v-e757d2ee] .container-image {
6035
6038
  margin-bottom: 1rem;
6036
6039
  display: grid;
6037
6040
  max-width: 20rem;
@@ -6041,34 +6044,34 @@ select[data-v-534cad39] {
6041
6044
  height: fit-content;
6042
6045
  }
6043
6046
  @media (max-width: 767px) {
6044
- .bp .about-container[data-v-ffedbb40] .mob_img--left {
6047
+ .bp .about-container[data-v-e757d2ee] .mob_img--left {
6045
6048
  display: block;
6046
6049
  width: 100%;
6047
6050
  }
6048
- .bp .about-container[data-v-ffedbb40] .mob_img--right {
6051
+ .bp .about-container[data-v-e757d2ee] .mob_img--right {
6049
6052
  display: grid;
6050
6053
  }
6051
- .bp .about-container[data-v-ffedbb40] .img--left-right {
6054
+ .bp .about-container[data-v-e757d2ee] .img--left-right {
6052
6055
  display: none;
6053
6056
  }
6054
- .bp .about-body-text[data-v-ffedbb40] {
6057
+ .bp .about-body-text[data-v-e757d2ee] {
6055
6058
  display: block;
6056
6059
  }
6057
- .bp .about-container[data-v-ffedbb40] .about-placeholder {
6060
+ .bp .about-container[data-v-e757d2ee] .about-placeholder {
6058
6061
  width: 100%;
6059
6062
  }
6060
- .bp .text-grid-column[data-v-ffedbb40] {
6063
+ .bp .text-grid-column[data-v-e757d2ee] {
6061
6064
  display: grid;
6062
6065
  grid-template-columns: repeat(2, 1fr);
6063
6066
  grid-template-columns: 1fr;
6064
6067
  }
6065
- .bp .mobile-about-container--padding[data-v-ffedbb40] {
6068
+ .bp .mobile-about-container--padding[data-v-e757d2ee] {
6066
6069
  padding-left: var(--page-padding);
6067
6070
  padding-right: var(--page-padding);
6068
6071
  padding-top: 2.5rem;
6069
6072
  padding-bottom: 2.5rem;
6070
6073
  }
6071
- .bp .about-container[data-v-ffedbb40] .container-image {
6074
+ .bp .about-container[data-v-e757d2ee] .container-image {
6072
6075
  aspect-ratio: 1/1;
6073
6076
  -o-object-fit: cover;
6074
6077
  object-fit: cover;
@@ -6076,23 +6079,23 @@ select[data-v-534cad39] {
6076
6079
  max-width: -moz-max-content;
6077
6080
  max-width: max-content;
6078
6081
  }
6079
- .bp .about-container[data-v-ffedbb40] .full-square-image {
6082
+ .bp .about-container[data-v-e757d2ee] .full-square-image {
6080
6083
  margin-bottom: 1rem;
6081
6084
  }
6082
6085
  }
6083
6086
  @media (min-width: 767px) {
6084
- .bp .about-container[data-v-ffedbb40] .mob_img--right,
6085
- .bp .about-container[data-v-ffedbb40] .mob_img--left {
6087
+ .bp .about-container[data-v-e757d2ee] .mob_img--right,
6088
+ .bp .about-container[data-v-e757d2ee] .mob_img--left {
6086
6089
  display: none;
6087
6090
  }
6088
- .bp .about-container[data-v-ffedbb40] .img--left-right {
6091
+ .bp .about-container[data-v-e757d2ee] .img--left-right {
6089
6092
  display: grid;
6090
6093
  }
6091
- .bp .text-grid-column[data-v-ffedbb40] {
6094
+ .bp .text-grid-column[data-v-e757d2ee] {
6092
6095
  display: grid;
6093
6096
  grid-template-columns: repeat(2, 1fr);
6094
6097
  }
6095
- .bp .about-container[data-v-ffedbb40] .container-image {
6098
+ .bp .about-container[data-v-e757d2ee] .container-image {
6096
6099
  aspect-ratio: auto;
6097
6100
  }
6098
6101
  }
package/lib/src/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as l, v as i, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as x, R as f, S as z, T as Z, U as w, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as la, ao as ia, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as xa, aI as fa, aJ as za, aK as Za, aL as wa, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as l_, be as i_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as x_, by as f_, bz as z_, bA as Z_, bB as w_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as lE, c4 as iE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE } from "./lib-DODSa6QK.js";
1
+ import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as l, v as i, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as x, R as f, S as z, T as Z, U as w, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as la, ao as ia, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as xa, aI as fa, aJ as za, aK as Za, aL as wa, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as l_, be as i_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as x_, by as f_, bz as z_, bA as Z_, bB as w_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as lE, c4 as iE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE } from "./lib-CIZEL8xo.js";
2
2
  import { createPinia as fE, setActivePinia as zE } from "pinia";
3
3
  export {
4
4
  E as ABOUT_SECTION_SETTINGS_CONFIG,
package/lib/src/{lib-DODSa6QK.js → lib-CIZEL8xo.js} RENAMED
@@ -61095,10 +61095,10 @@ const Tn = /* @__PURE__ */ I5(iA1), oA1 = (e, t, n) => {
61095
61095
  Je(() => n.context.isDesignCom, async () => {
61096
61096
  const S = M5().toLowerCase(), M = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
61097
61097
  try {
61098
- const { default: V } = await KM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-BI2KuOEF.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-BYLJCjLJ.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-Y_D6cuGE.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-CqCBRjYh.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-CqCBRjYh.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-Bt0YF6DA.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-Bt0YF6DA.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-CEk8FBEG.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DWw4Tm2L.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-DpG-8o98.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-CEla7RmR.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-DRXeVTlV.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-Bzu_phZc.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-DWax8Er7.js") }), `./watermark/CreatedOn${M}-${S}.vue`, 3);
61098
+ const { default: V } = await KM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-Cpnqtpzv.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-C13SObir.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-B5VwaU9q.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-Cr7eKKqj.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-Cr7eKKqj.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-DhSgDPQ8.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-DhSgDPQ8.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-BNI8f-n_.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-BwaGdHTG.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-CariHyO8.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-BxuMjByN.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-NYGNCCIG.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-BQ0xFPwF.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-Bn6xEs1M.js") }), `./watermark/CreatedOn${M}-${S}.vue`, 3);
61099
61099
  i.value = V;
61100
61100
  } catch {
61101
- const { default: x } = await KM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-BYLJCjLJ.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DWw4Tm2L.js") }), `./watermark/CreatedOn${M}-en-us.vue`, 3);
61101
+ const { default: x } = await KM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-C13SObir.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-BwaGdHTG.js") }), `./watermark/CreatedOn${M}-en-us.vue`, 3);
61102
61102
  i.value = x;
61103
61103
  }
61104
61104
  }, {
@@ -68068,7 +68068,8 @@ function Oz1(e, t, n, i, o, s) {
68068
68068
  class: N({
68069
68069
  "about-container": e.context.isBrandSite,
68070
68070
  "about-container--padding tw-py-10": !e.isFullImage,
68071
- "mobile-about-container--padding": e.isFullImage
68071
+ "mobile-about-container--padding": e.isFullImage,
68072
+ "side-full-media-container": e.isFullImage && (e.isRightAligned || e.isLeftAligned)
68072
68073
  })
68073
68074
  }, [
68074
68075
  !e.isRightAligned && !e.isLeftAligned && e.viewModel.displayStyle !== "text-only" ? (u(), $(r, {
@@ -68142,7 +68143,7 @@ function Oz1(e, t, n, i, o, s) {
68142
68143
  ], 2)
68143
68144
  ], 4);
68144
68145
  }
68145
- const Dz1 = /* @__PURE__ */ b($z1, [["render", Oz1], ["__scopeId", "data-v-ffedbb40"]]), Nz1 = { "data-component": "text-media-section" }, Rz1 = /* @__PURE__ */ Q({
68146
+ const Dz1 = /* @__PURE__ */ b($z1, [["render", Oz1], ["__scopeId", "data-v-e757d2ee"]]), Nz1 = { "data-component": "text-media-section" }, Rz1 = /* @__PURE__ */ Q({
68146
68147
  __name: "TextMediaSection",
68147
68148
  props: {
68148
68149
  viewModel: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@designcrowd/library.brand-page",
3
3
  "description": "A collection of Maker/Designer applications",
4
- "version": "5.17.5-kp-1",
4
+ "version": "5.17.5",
5
5
  "author": "Design.com Eng",
6
6
  "license": "UNLICENSED",
7
7
  "type": "module",
package/src/brand-page/components/about-section/AboutSection.vue CHANGED
@@ -9,6 +9,8 @@
9
9
  'about-container': context.isBrandSite,
10
10
  'about-container--padding tw-py-10': !isFullImage,
11
11
  'mobile-about-container--padding': isFullImage,
12
+ 'side-full-media-container':
13
+ isFullImage && (isRightAligned || isLeftAligned),
12
14
  }"
13
15
  >
14
16
  <Media
@@ -118,6 +120,9 @@ export default {
118
120
  max-width: var(--brandsite-max-width);
119
121
  margin: 0 auto;
120
122
  }
123
+ .side-full-media-container {
124
+ max-width: 100% !important;
125
+ }
121
126
  .about-container--padding {
122
127
  padding-left: var(--page-padding);
123
128
  padding-right: var(--page-padding);
@@ -195,6 +200,7 @@ export default {
195
200
  width: 100%;
196
201
  height: fit-content;
197
202
  }
203
+
198
204
  @media (max-width: 767px) {
199
205
  .about-container :deep(.mob_img--left) {
200
206
  @apply tw-block tw-w-full;