@designcrowd/library.brand-page 5.4.35 → 5.4.36

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.
@@ -73,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
73
73
  slug(): string;
74
74
  }, {
75
75
  openSideMenu(): void;
76
+ onLogoClick(tabName: string): void;
76
77
  closeSideMenu(): void;
77
78
  /**
78
79
  * @function setRootStyles
@@ -257,6 +257,9 @@ export default defineComponent({
257
257
  openSideMenu() {
258
258
  this.isSideMenuOpen = true;
259
259
  },
260
+ onLogoClick(tabName) {
261
+ this.$emit('on-logo-click', tabName);
262
+ },
260
263
  closeSideMenu() {
261
264
  this.isSideMenuOpen = false;
262
265
  },
@@ -23,6 +23,7 @@ declare const _default: import("vue").DefineComponent<{
23
23
  renderText(): string;
24
24
  }, {
25
25
  onFooterContainerClick(): void;
26
+ onLogoClick(tabName: string): void;
26
27
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
27
28
  viewModel: {
28
29
  type: PropType<PageFooterViewModel>;
@@ -44,5 +44,8 @@ export default defineComponent({
44
44
  onFooterContainerClick() {
45
45
  this.$emit('footer-container-click');
46
46
  },
47
+ onLogoClick(tabName) {
48
+ this.$emit('on-logo-click', tabName);
49
+ },
47
50
  },
48
51
  });
@@ -1155,6 +1155,7 @@ declare const _default: import("vue").DefineComponent<{}, {
1155
1155
  slug(): string;
1156
1156
  }, {
1157
1157
  openSideMenu(): void;
1158
+ onLogoClick(tabName: string): void;
1158
1159
  closeSideMenu(): void;
1159
1160
  setRootStyles(): void;
1160
1161
  scrollToLastContent(): void;
@@ -6402,21 +6402,21 @@ to {
6402
6402
  padding: 0.25rem var(--page-padding);
6403
6403
  }
6404
6404
 
6405
- .c-page-footer__container[data-v-c3c6f370] {
6405
+ .c-page-footer__container[data-v-8fd0acfc] {
6406
6406
  max-width: var(--brandsite-max-width);
6407
6407
  margin: 0 auto;
6408
6408
  padding: 0.25rem var(--page-padding);
6409
6409
  }
6410
- .c-page-footer__container-justified[data-v-c3c6f370] {
6410
+ .c-page-footer__container-justified[data-v-8fd0acfc] {
6411
6411
  -webkit-box-pack: justify;
6412
6412
  -ms-flex-pack: justify;
6413
6413
  justify-content: space-between;
6414
6414
  }
6415
- .sortable[data-v-c3c6f370] {
6415
+ .sortable[data-v-8fd0acfc] {
6416
6416
  outline-color: #F7768C;
6417
6417
  outline-width: 0.2rem;
6418
6418
  }
6419
- .brand-page__content--outline-selected[data-v-c3c6f370] {
6419
+ .brand-page__content--outline-selected[data-v-8fd0acfc] {
6420
6420
  position: relative;
6421
6421
  z-index: 10;
6422
6422
  margin-left: 0.25rem;
@@ -6425,25 +6425,25 @@ to {
6425
6425
  outline-width: 0.2rem;
6426
6426
  outline-style: dashed;
6427
6427
  }
6428
- .c_footer-container[data-v-c3c6f370] {
6428
+ .c_footer-container[data-v-8fd0acfc] {
6429
6429
  max-width: var(--brandsite-max-width);
6430
6430
  margin: 0 auto;
6431
6431
  padding-left: var(--page-padding);
6432
6432
  padding-right: var(--page-padding);
6433
6433
  }
6434
6434
  @container (max-width: 640px) {
6435
- .c-page-footer__container-justified[data-v-c3c6f370] {
6435
+ .c-page-footer__container-justified[data-v-8fd0acfc] {
6436
6436
  -webkit-box-orient: vertical;
6437
6437
  -webkit-box-direction: normal;
6438
6438
  -ms-flex-direction: column;
6439
6439
  flex-direction: column;
6440
6440
  }
6441
- .c-page-footer__container-justified[data-v-c3c6f370] > :nth-child(2) {
6441
+ .c-page-footer__container-justified[data-v-8fd0acfc] > :nth-child(2) {
6442
6442
  margin-bottom: 1rem;
6443
6443
  }
6444
6444
  }
6445
6445
  @container (min-width: 640px) {
6446
- .c-page-footer__container-justified-stack[data-v-c3c6f370] {
6446
+ .c-page-footer__container-justified-stack[data-v-8fd0acfc] {
6447
6447
  margin-left: 1rem;
6448
6448
  margin-right: 1rem;
6449
6449
  -webkit-box-pack: justify;
@@ -6586,14 +6586,14 @@ body {
6586
6586
  line-height: 1.5;
6587
6587
  }
6588
6588
 
6589
- .brand-page-root[data-v-4366f876] {
6589
+ .brand-page-root[data-v-73241166] {
6590
6590
  height: 100%;
6591
6591
  }
6592
- .sortable[data-v-4366f876] {
6592
+ .sortable[data-v-73241166] {
6593
6593
  outline-color: #F7768C;
6594
6594
  outline-width: 0.2rem;
6595
6595
  }
6596
- .brand-page[data-v-4366f876] {
6596
+ .brand-page[data-v-73241166] {
6597
6597
  -webkit-box-sizing: border-box;
6598
6598
  box-sizing: border-box;
6599
6599
  display: -webkit-box;
@@ -6605,7 +6605,7 @@ body {
6605
6605
  -ms-flex-direction: column;
6606
6606
  flex-direction: column;
6607
6607
  }
6608
- .brand-page__inner--default[data-v-4366f876] {
6608
+ .brand-page__inner--default[data-v-73241166] {
6609
6609
  position: relative;
6610
6610
  z-index: 10;
6611
6611
  display: -webkit-box;
@@ -6617,16 +6617,16 @@ body {
6617
6617
  -ms-flex-direction: column;
6618
6618
  flex-direction: column;
6619
6619
  }
6620
- .brand-page__inner--desktop[data-v-4366f876] {
6620
+ .brand-page__inner--desktop[data-v-73241166] {
6621
6621
  min-height: 100vh;
6622
6622
  }
6623
- .brand-site__header[data-v-4366f876] {
6623
+ .brand-site__header[data-v-73241166] {
6624
6624
  container-type: inline-size;
6625
6625
  }
6626
- .brand-page__header[data-v-4366f876] {
6626
+ .brand-page__header[data-v-73241166] {
6627
6627
  padding-top: var(--page-padding);
6628
6628
  }
6629
- .brand-page__content--default[data-v-4366f876] {
6629
+ .brand-page__content--default[data-v-73241166] {
6630
6630
  margin-left: auto;
6631
6631
  margin-right: auto;
6632
6632
  margin-bottom: 2.5rem;
@@ -6643,7 +6643,7 @@ body {
6643
6643
  flex-direction: column;
6644
6644
  max-width: var(--page-max-width);
6645
6645
  }
6646
- .brand-page__content--desktop[data-v-4366f876] {
6646
+ .brand-page__content--desktop[data-v-73241166] {
6647
6647
  margin-left: auto;
6648
6648
  margin-right: auto;
6649
6649
  display: -webkit-box;
@@ -6659,15 +6659,15 @@ body {
6659
6659
  flex-direction: column;
6660
6660
  max-width: 100%;
6661
6661
  }
6662
- .brand-page__content--inner[data-v-4366f876] {
6662
+ .brand-page__content--inner[data-v-73241166] {
6663
6663
  padding-left: var(--page-padding);
6664
6664
  padding-right: var(--page-padding);
6665
6665
  }
6666
- .brand-page__content--inner--brandsite[data-v-4366f876] {
6666
+ .brand-page__content--inner--brandsite[data-v-73241166] {
6667
6667
  max-width: var(--brandsite-max-width);
6668
6668
  margin: 0 auto;
6669
6669
  }
6670
- .brand-page__content--outline-selected[data-v-4366f876] {
6670
+ .brand-page__content--outline-selected[data-v-73241166] {
6671
6671
  position: relative;
6672
6672
  z-index: 10;
6673
6673
  outline-color: #F7768C;
@@ -6675,17 +6675,17 @@ body {
6675
6675
  outline-style: dashed;
6676
6676
  outline-offset: -0.25rem;
6677
6677
  }
6678
- .brand-page__content--outline-footer-selected[data-v-4366f876] {
6678
+ .brand-page__content--outline-footer-selected[data-v-73241166] {
6679
6679
  border: 0.2rem dashed #f7768c;
6680
6680
  }
6681
6681
  @media (max-width: 640px) {
6682
- .brand-page__content--inner--full-width[data-v-4366f876] {
6682
+ .brand-page__content--inner--full-width[data-v-73241166] {
6683
6683
  padding-left: 0;
6684
6684
  padding-right: 0;
6685
6685
  }
6686
6686
  }
6687
6687
  @media (min-width: 640px) {
6688
- .brand-page__content--inner--full-width[data-v-4366f876] {
6688
+ .brand-page__content--inner--full-width[data-v-73241166] {
6689
6689
  padding-left: var(--page-padding);
6690
6690
  padding-right: var(--page-padding);
6691
6691
  }
@@ -6727,21 +6727,21 @@ to {
6727
6727
  padding: 0.25rem var(--page-padding);
6728
6728
  }
6729
6729
 
6730
- .c-page-footer__container[data-v-c3c6f370] {
6730
+ .c-page-footer__container[data-v-8fd0acfc] {
6731
6731
  max-width: var(--brandsite-max-width);
6732
6732
  margin: 0 auto;
6733
6733
  padding: 0.25rem var(--page-padding);
6734
6734
  }
6735
- .c-page-footer__container-justified[data-v-c3c6f370] {
6735
+ .c-page-footer__container-justified[data-v-8fd0acfc] {
6736
6736
  -webkit-box-pack: justify;
6737
6737
  -ms-flex-pack: justify;
6738
6738
  justify-content: space-between;
6739
6739
  }
6740
- .sortable[data-v-c3c6f370] {
6740
+ .sortable[data-v-8fd0acfc] {
6741
6741
  outline-color: #F7768C;
6742
6742
  outline-width: 0.2rem;
6743
6743
  }
6744
- .brand-page__content--outline-selected[data-v-c3c6f370] {
6744
+ .brand-page__content--outline-selected[data-v-8fd0acfc] {
6745
6745
  position: relative;
6746
6746
  z-index: 10;
6747
6747
  margin-left: 0.25rem;
@@ -6750,25 +6750,25 @@ to {
6750
6750
  outline-width: 0.2rem;
6751
6751
  outline-style: dashed;
6752
6752
  }
6753
- .c_footer-container[data-v-c3c6f370] {
6753
+ .c_footer-container[data-v-8fd0acfc] {
6754
6754
  max-width: var(--brandsite-max-width);
6755
6755
  margin: 0 auto;
6756
6756
  padding-left: var(--page-padding);
6757
6757
  padding-right: var(--page-padding);
6758
6758
  }
6759
6759
  @container (max-width: 640px) {
6760
- .c-page-footer__container-justified[data-v-c3c6f370] {
6760
+ .c-page-footer__container-justified[data-v-8fd0acfc] {
6761
6761
  -webkit-box-orient: vertical;
6762
6762
  -webkit-box-direction: normal;
6763
6763
  -ms-flex-direction: column;
6764
6764
  flex-direction: column;
6765
6765
  }
6766
- .c-page-footer__container-justified[data-v-c3c6f370] > :nth-child(2) {
6766
+ .c-page-footer__container-justified[data-v-8fd0acfc] > :nth-child(2) {
6767
6767
  margin-bottom: 1rem;
6768
6768
  }
6769
6769
  }
6770
6770
  @container (min-width: 640px) {
6771
- .c-page-footer__container-justified-stack[data-v-c3c6f370] {
6771
+ .c-page-footer__container-justified-stack[data-v-8fd0acfc] {
6772
6772
  margin-left: 1rem;
6773
6773
  margin-right: 1rem;
6774
6774
  -webkit-box-pack: justify;
@@ -6911,14 +6911,14 @@ body {
6911
6911
  line-height: 1.5;
6912
6912
  }
6913
6913
 
6914
- .brand-page-root[data-v-4366f876] {
6914
+ .brand-page-root[data-v-73241166] {
6915
6915
  height: 100%;
6916
6916
  }
6917
- .sortable[data-v-4366f876] {
6917
+ .sortable[data-v-73241166] {
6918
6918
  outline-color: #F7768C;
6919
6919
  outline-width: 0.2rem;
6920
6920
  }
6921
- .brand-page[data-v-4366f876] {
6921
+ .brand-page[data-v-73241166] {
6922
6922
  -webkit-box-sizing: border-box;
6923
6923
  box-sizing: border-box;
6924
6924
  display: -webkit-box;
@@ -6930,7 +6930,7 @@ body {
6930
6930
  -ms-flex-direction: column;
6931
6931
  flex-direction: column;
6932
6932
  }
6933
- .brand-page__inner--default[data-v-4366f876] {
6933
+ .brand-page__inner--default[data-v-73241166] {
6934
6934
  position: relative;
6935
6935
  z-index: 10;
6936
6936
  display: -webkit-box;
@@ -6942,16 +6942,16 @@ body {
6942
6942
  -ms-flex-direction: column;
6943
6943
  flex-direction: column;
6944
6944
  }
6945
- .brand-page__inner--desktop[data-v-4366f876] {
6945
+ .brand-page__inner--desktop[data-v-73241166] {
6946
6946
  min-height: 100vh;
6947
6947
  }
6948
- .brand-site__header[data-v-4366f876] {
6948
+ .brand-site__header[data-v-73241166] {
6949
6949
  container-type: inline-size;
6950
6950
  }
6951
- .brand-page__header[data-v-4366f876] {
6951
+ .brand-page__header[data-v-73241166] {
6952
6952
  padding-top: var(--page-padding);
6953
6953
  }
6954
- .brand-page__content--default[data-v-4366f876] {
6954
+ .brand-page__content--default[data-v-73241166] {
6955
6955
  margin-left: auto;
6956
6956
  margin-right: auto;
6957
6957
  margin-bottom: 2.5rem;
@@ -6968,7 +6968,7 @@ body {
6968
6968
  flex-direction: column;
6969
6969
  max-width: var(--page-max-width);
6970
6970
  }
6971
- .brand-page__content--desktop[data-v-4366f876] {
6971
+ .brand-page__content--desktop[data-v-73241166] {
6972
6972
  margin-left: auto;
6973
6973
  margin-right: auto;
6974
6974
  display: -webkit-box;
@@ -6984,15 +6984,15 @@ body {
6984
6984
  flex-direction: column;
6985
6985
  max-width: 100%;
6986
6986
  }
6987
- .brand-page__content--inner[data-v-4366f876] {
6987
+ .brand-page__content--inner[data-v-73241166] {
6988
6988
  padding-left: var(--page-padding);
6989
6989
  padding-right: var(--page-padding);
6990
6990
  }
6991
- .brand-page__content--inner--brandsite[data-v-4366f876] {
6991
+ .brand-page__content--inner--brandsite[data-v-73241166] {
6992
6992
  max-width: var(--brandsite-max-width);
6993
6993
  margin: 0 auto;
6994
6994
  }
6995
- .brand-page__content--outline-selected[data-v-4366f876] {
6995
+ .brand-page__content--outline-selected[data-v-73241166] {
6996
6996
  position: relative;
6997
6997
  z-index: 10;
6998
6998
  outline-color: #F7768C;
@@ -7000,17 +7000,17 @@ body {
7000
7000
  outline-style: dashed;
7001
7001
  outline-offset: -0.25rem;
7002
7002
  }
7003
- .brand-page__content--outline-footer-selected[data-v-4366f876] {
7003
+ .brand-page__content--outline-footer-selected[data-v-73241166] {
7004
7004
  border: 0.2rem dashed #f7768c;
7005
7005
  }
7006
7006
  @media (max-width: 640px) {
7007
- .brand-page__content--inner--full-width[data-v-4366f876] {
7007
+ .brand-page__content--inner--full-width[data-v-73241166] {
7008
7008
  padding-left: 0;
7009
7009
  padding-right: 0;
7010
7010
  }
7011
7011
  }
7012
7012
  @media (min-width: 640px) {
7013
- .brand-page__content--inner--full-width[data-v-4366f876] {
7013
+ .brand-page__content--inner--full-width[data-v-73241166] {
7014
7014
  padding-left: var(--page-padding);
7015
7015
  padding-right: var(--page-padding);
7016
7016
  }
@@ -6420,21 +6420,21 @@ to {
6420
6420
  padding: 0.25rem var(--page-padding);
6421
6421
  }
6422
6422
 
6423
- .c-page-footer__container[data-v-c3c6f370] {
6423
+ .c-page-footer__container[data-v-8fd0acfc] {
6424
6424
  max-width: var(--brandsite-max-width);
6425
6425
  margin: 0 auto;
6426
6426
  padding: 0.25rem var(--page-padding);
6427
6427
  }
6428
- .c-page-footer__container-justified[data-v-c3c6f370] {
6428
+ .c-page-footer__container-justified[data-v-8fd0acfc] {
6429
6429
  -webkit-box-pack: justify;
6430
6430
  -ms-flex-pack: justify;
6431
6431
  justify-content: space-between;
6432
6432
  }
6433
- .sortable[data-v-c3c6f370] {
6433
+ .sortable[data-v-8fd0acfc] {
6434
6434
  outline-color: #b2bdfb;
6435
6435
  outline-width: 0.2rem;
6436
6436
  }
6437
- .brand-page__content--outline-selected[data-v-c3c6f370] {
6437
+ .brand-page__content--outline-selected[data-v-8fd0acfc] {
6438
6438
  position: relative;
6439
6439
  z-index: 10;
6440
6440
  margin-left: 0.25rem;
@@ -6443,25 +6443,25 @@ to {
6443
6443
  outline-width: 0.2rem;
6444
6444
  outline-style: dashed;
6445
6445
  }
6446
- .c_footer-container[data-v-c3c6f370] {
6446
+ .c_footer-container[data-v-8fd0acfc] {
6447
6447
  max-width: var(--brandsite-max-width);
6448
6448
  margin: 0 auto;
6449
6449
  padding-left: var(--page-padding);
6450
6450
  padding-right: var(--page-padding);
6451
6451
  }
6452
6452
  @container (max-width: 640px) {
6453
- .c-page-footer__container-justified[data-v-c3c6f370] {
6453
+ .c-page-footer__container-justified[data-v-8fd0acfc] {
6454
6454
  -webkit-box-orient: vertical;
6455
6455
  -webkit-box-direction: normal;
6456
6456
  -ms-flex-direction: column;
6457
6457
  flex-direction: column;
6458
6458
  }
6459
- .c-page-footer__container-justified[data-v-c3c6f370] > :nth-child(2) {
6459
+ .c-page-footer__container-justified[data-v-8fd0acfc] > :nth-child(2) {
6460
6460
  margin-bottom: 1rem;
6461
6461
  }
6462
6462
  }
6463
6463
  @container (min-width: 640px) {
6464
- .c-page-footer__container-justified-stack[data-v-c3c6f370] {
6464
+ .c-page-footer__container-justified-stack[data-v-8fd0acfc] {
6465
6465
  margin-left: 1rem;
6466
6466
  margin-right: 1rem;
6467
6467
  -webkit-box-pack: justify;
@@ -6604,14 +6604,14 @@ body {
6604
6604
  line-height: 1.5;
6605
6605
  }
6606
6606
 
6607
- .brand-page-root[data-v-4366f876] {
6607
+ .brand-page-root[data-v-73241166] {
6608
6608
  height: 100%;
6609
6609
  }
6610
- .sortable[data-v-4366f876] {
6610
+ .sortable[data-v-73241166] {
6611
6611
  outline-color: #b2bdfb;
6612
6612
  outline-width: 0.2rem;
6613
6613
  }
6614
- .brand-page[data-v-4366f876] {
6614
+ .brand-page[data-v-73241166] {
6615
6615
  -webkit-box-sizing: border-box;
6616
6616
  box-sizing: border-box;
6617
6617
  display: -webkit-box;
@@ -6623,7 +6623,7 @@ body {
6623
6623
  -ms-flex-direction: column;
6624
6624
  flex-direction: column;
6625
6625
  }
6626
- .brand-page__inner--default[data-v-4366f876] {
6626
+ .brand-page__inner--default[data-v-73241166] {
6627
6627
  position: relative;
6628
6628
  z-index: 10;
6629
6629
  display: -webkit-box;
@@ -6635,16 +6635,16 @@ body {
6635
6635
  -ms-flex-direction: column;
6636
6636
  flex-direction: column;
6637
6637
  }
6638
- .brand-page__inner--desktop[data-v-4366f876] {
6638
+ .brand-page__inner--desktop[data-v-73241166] {
6639
6639
  min-height: 100vh;
6640
6640
  }
6641
- .brand-site__header[data-v-4366f876] {
6641
+ .brand-site__header[data-v-73241166] {
6642
6642
  container-type: inline-size;
6643
6643
  }
6644
- .brand-page__header[data-v-4366f876] {
6644
+ .brand-page__header[data-v-73241166] {
6645
6645
  padding-top: var(--page-padding);
6646
6646
  }
6647
- .brand-page__content--default[data-v-4366f876] {
6647
+ .brand-page__content--default[data-v-73241166] {
6648
6648
  margin-left: auto;
6649
6649
  margin-right: auto;
6650
6650
  margin-bottom: 2.5rem;
@@ -6661,7 +6661,7 @@ body {
6661
6661
  flex-direction: column;
6662
6662
  max-width: var(--page-max-width);
6663
6663
  }
6664
- .brand-page__content--desktop[data-v-4366f876] {
6664
+ .brand-page__content--desktop[data-v-73241166] {
6665
6665
  margin-left: auto;
6666
6666
  margin-right: auto;
6667
6667
  display: -webkit-box;
@@ -6677,15 +6677,15 @@ body {
6677
6677
  flex-direction: column;
6678
6678
  max-width: 100%;
6679
6679
  }
6680
- .brand-page__content--inner[data-v-4366f876] {
6680
+ .brand-page__content--inner[data-v-73241166] {
6681
6681
  padding-left: var(--page-padding);
6682
6682
  padding-right: var(--page-padding);
6683
6683
  }
6684
- .brand-page__content--inner--brandsite[data-v-4366f876] {
6684
+ .brand-page__content--inner--brandsite[data-v-73241166] {
6685
6685
  max-width: var(--brandsite-max-width);
6686
6686
  margin: 0 auto;
6687
6687
  }
6688
- .brand-page__content--outline-selected[data-v-4366f876] {
6688
+ .brand-page__content--outline-selected[data-v-73241166] {
6689
6689
  position: relative;
6690
6690
  z-index: 10;
6691
6691
  outline-color: #b2bdfb;
@@ -6693,17 +6693,17 @@ body {
6693
6693
  outline-style: dashed;
6694
6694
  outline-offset: -0.25rem;
6695
6695
  }
6696
- .brand-page__content--outline-footer-selected[data-v-4366f876] {
6696
+ .brand-page__content--outline-footer-selected[data-v-73241166] {
6697
6697
  border: 0.2rem dashed #f7768c;
6698
6698
  }
6699
6699
  @media (max-width: 640px) {
6700
- .brand-page__content--inner--full-width[data-v-4366f876] {
6700
+ .brand-page__content--inner--full-width[data-v-73241166] {
6701
6701
  padding-left: 0;
6702
6702
  padding-right: 0;
6703
6703
  }
6704
6704
  }
6705
6705
  @media (min-width: 640px) {
6706
- .brand-page__content--inner--full-width[data-v-4366f876] {
6706
+ .brand-page__content--inner--full-width[data-v-73241166] {
6707
6707
  padding-left: var(--page-padding);
6708
6708
  padding-right: var(--page-padding);
6709
6709
  }
@@ -6166,21 +6166,21 @@ to {
6166
6166
  padding: 0.25rem var(--page-padding);
6167
6167
  }
6168
6168
 
6169
- .bp .c-page-footer__container[data-v-c3c6f370] {
6169
+ .bp .c-page-footer__container[data-v-8fd0acfc] {
6170
6170
  max-width: var(--brandsite-max-width);
6171
6171
  margin: 0 auto;
6172
6172
  padding: 0.25rem var(--page-padding);
6173
6173
  }
6174
- .bp .c-page-footer__container-justified[data-v-c3c6f370] {
6174
+ .bp .c-page-footer__container-justified[data-v-8fd0acfc] {
6175
6175
  -webkit-box-pack: justify;
6176
6176
  -ms-flex-pack: justify;
6177
6177
  justify-content: space-between;
6178
6178
  }
6179
- .bp .sortable[data-v-c3c6f370] {
6179
+ .bp .sortable[data-v-8fd0acfc] {
6180
6180
  outline-color: #F7768C;
6181
6181
  outline-width: 0.2rem;
6182
6182
  }
6183
- .bp .brand-page__content--outline-selected[data-v-c3c6f370] {
6183
+ .bp .brand-page__content--outline-selected[data-v-8fd0acfc] {
6184
6184
  position: relative;
6185
6185
  z-index: 10;
6186
6186
  margin-left: 0.25rem;
@@ -6189,25 +6189,25 @@ to {
6189
6189
  outline-width: 0.2rem;
6190
6190
  outline-style: dashed;
6191
6191
  }
6192
- .bp .c_footer-container[data-v-c3c6f370] {
6192
+ .bp .c_footer-container[data-v-8fd0acfc] {
6193
6193
  max-width: var(--brandsite-max-width);
6194
6194
  margin: 0 auto;
6195
6195
  padding-left: var(--page-padding);
6196
6196
  padding-right: var(--page-padding);
6197
6197
  }
6198
6198
  @container (max-width: 640px) {
6199
- .bp .c-page-footer__container-justified[data-v-c3c6f370] {
6199
+ .bp .c-page-footer__container-justified[data-v-8fd0acfc] {
6200
6200
  -webkit-box-orient: vertical;
6201
6201
  -webkit-box-direction: normal;
6202
6202
  -ms-flex-direction: column;
6203
6203
  flex-direction: column;
6204
6204
  }
6205
- .bp .c-page-footer__container-justified[data-v-c3c6f370] > :nth-child(2) {
6205
+ .bp .c-page-footer__container-justified[data-v-8fd0acfc] > :nth-child(2) {
6206
6206
  margin-bottom: 1rem;
6207
6207
  }
6208
6208
  }
6209
6209
  @container (min-width: 640px) {
6210
- .bp .c-page-footer__container-justified-stack[data-v-c3c6f370] {
6210
+ .bp .c-page-footer__container-justified-stack[data-v-8fd0acfc] {
6211
6211
  margin-left: 1rem;
6212
6212
  margin-right: 1rem;
6213
6213
  -webkit-box-pack: justify;
@@ -6350,14 +6350,14 @@ to {
6350
6350
  line-height: 1.5;
6351
6351
  }
6352
6352
 
6353
- .bp .brand-page-root[data-v-4366f876] {
6353
+ .bp .brand-page-root[data-v-73241166] {
6354
6354
  height: 100%;
6355
6355
  }
6356
- .bp .sortable[data-v-4366f876] {
6356
+ .bp .sortable[data-v-73241166] {
6357
6357
  outline-color: #F7768C;
6358
6358
  outline-width: 0.2rem;
6359
6359
  }
6360
- .bp .brand-page[data-v-4366f876] {
6360
+ .bp .brand-page[data-v-73241166] {
6361
6361
  -webkit-box-sizing: border-box;
6362
6362
  box-sizing: border-box;
6363
6363
  display: -webkit-box;
@@ -6369,7 +6369,7 @@ to {
6369
6369
  -ms-flex-direction: column;
6370
6370
  flex-direction: column;
6371
6371
  }
6372
- .bp .brand-page__inner--default[data-v-4366f876] {
6372
+ .bp .brand-page__inner--default[data-v-73241166] {
6373
6373
  position: relative;
6374
6374
  z-index: 10;
6375
6375
  display: -webkit-box;
@@ -6381,16 +6381,16 @@ to {
6381
6381
  -ms-flex-direction: column;
6382
6382
  flex-direction: column;
6383
6383
  }
6384
- .bp .brand-page__inner--desktop[data-v-4366f876] {
6384
+ .bp .brand-page__inner--desktop[data-v-73241166] {
6385
6385
  min-height: 100vh;
6386
6386
  }
6387
- .bp .brand-site__header[data-v-4366f876] {
6387
+ .bp .brand-site__header[data-v-73241166] {
6388
6388
  container-type: inline-size;
6389
6389
  }
6390
- .bp .brand-page__header[data-v-4366f876] {
6390
+ .bp .brand-page__header[data-v-73241166] {
6391
6391
  padding-top: var(--page-padding);
6392
6392
  }
6393
- .bp .brand-page__content--default[data-v-4366f876] {
6393
+ .bp .brand-page__content--default[data-v-73241166] {
6394
6394
  margin-left: auto;
6395
6395
  margin-right: auto;
6396
6396
  margin-bottom: 2.5rem;
@@ -6407,7 +6407,7 @@ to {
6407
6407
  flex-direction: column;
6408
6408
  max-width: var(--page-max-width);
6409
6409
  }
6410
- .bp .brand-page__content--desktop[data-v-4366f876] {
6410
+ .bp .brand-page__content--desktop[data-v-73241166] {
6411
6411
  margin-left: auto;
6412
6412
  margin-right: auto;
6413
6413
  display: -webkit-box;
@@ -6423,15 +6423,15 @@ to {
6423
6423
  flex-direction: column;
6424
6424
  max-width: 100%;
6425
6425
  }
6426
- .bp .brand-page__content--inner[data-v-4366f876] {
6426
+ .bp .brand-page__content--inner[data-v-73241166] {
6427
6427
  padding-left: var(--page-padding);
6428
6428
  padding-right: var(--page-padding);
6429
6429
  }
6430
- .bp .brand-page__content--inner--brandsite[data-v-4366f876] {
6430
+ .bp .brand-page__content--inner--brandsite[data-v-73241166] {
6431
6431
  max-width: var(--brandsite-max-width);
6432
6432
  margin: 0 auto;
6433
6433
  }
6434
- .bp .brand-page__content--outline-selected[data-v-4366f876] {
6434
+ .bp .brand-page__content--outline-selected[data-v-73241166] {
6435
6435
  position: relative;
6436
6436
  z-index: 10;
6437
6437
  outline-color: #F7768C;
@@ -6439,17 +6439,17 @@ to {
6439
6439
  outline-style: dashed;
6440
6440
  outline-offset: -0.25rem;
6441
6441
  }
6442
- .bp .brand-page__content--outline-footer-selected[data-v-4366f876] {
6442
+ .bp .brand-page__content--outline-footer-selected[data-v-73241166] {
6443
6443
  border: 0.2rem dashed #f7768c;
6444
6444
  }
6445
6445
  @media (max-width: 640px) {
6446
- .bp .brand-page__content--inner--full-width[data-v-4366f876] {
6446
+ .bp .brand-page__content--inner--full-width[data-v-73241166] {
6447
6447
  padding-left: 0;
6448
6448
  padding-right: 0;
6449
6449
  }
6450
6450
  }
6451
6451
  @media (min-width: 640px) {
6452
- .bp .brand-page__content--inner--full-width[data-v-4366f876] {
6452
+ .bp .brand-page__content--inner--full-width[data-v-73241166] {
6453
6453
  padding-left: var(--page-padding);
6454
6454
  padding-right: var(--page-padding);
6455
6455
  }
package/lib/src/index.mjs CHANGED
@@ -14150,6 +14150,9 @@ const fI = "Logo Text Here", jC = /brand-page\/([^?]*)/, gI = /logo\/([^\/]*)\//
14150
14150
  openSideMenu() {
14151
14151
  this.isSideMenuOpen = !0;
14152
14152
  },
14153
+ onLogoClick(e) {
14154
+ this.$emit("on-logo-click", e);
14155
+ },
14153
14156
  closeSideMenu() {
14154
14157
  this.isSideMenuOpen = !1;
14155
14158
  },
@@ -34106,6 +34109,9 @@ const dm1 = /* @__PURE__ */ h(am1, [["render", lm1], ["__scopeId", "data-v-f2b3b
34106
34109
  methods: {
34107
34110
  onFooterContainerClick() {
34108
34111
  this.$emit("footer-container-click");
34112
+ },
34113
+ onLogoClick(e) {
34114
+ this.$emit("on-logo-click", e);
34109
34115
  }
34110
34116
  }
34111
34117
  }), Cm1 = {
@@ -34156,11 +34162,12 @@ function hm1(e, t, n, o, s, i) {
34156
34162
  key: 0,
34157
34163
  "is-preview": e.context.isPreview,
34158
34164
  "is-design-com": e.context.isDesignCom,
34159
- "brand-page-type": e.context.brandPageType
34160
- }, null, 8, ["is-preview", "is-design-com", "brand-page-type"])) : _("", !0)
34165
+ "brand-page-type": e.context.brandPageType,
34166
+ onOnLogoClick: e.onLogoClick
34167
+ }, null, 8, ["is-preview", "is-design-com", "brand-page-type", "onOnLogoClick"])) : _("", !0)
34161
34168
  ], 6);
34162
34169
  }
34163
- const pm1 = /* @__PURE__ */ h(Cm1, [["render", hm1], ["__scopeId", "data-v-c3c6f370"]]), fm1 = j({
34170
+ const pm1 = /* @__PURE__ */ h(Cm1, [["render", hm1], ["__scopeId", "data-v-8fd0acfc"]]), fm1 = j({
34164
34171
  props: {
34165
34172
  context: {
34166
34173
  type: Object,
@@ -34541,8 +34548,9 @@ function zm1(e, t, n, o, s, i) {
34541
34548
  "brand-page__content--outline-footer-selected": e.isFooterSelected
34542
34549
  }),
34543
34550
  "show-brand-crowd-logo": e.showBrandCrowdLogo,
34544
- onFooterContainerClick: e.onPageFooterContainerClick
34545
- }, null, 8, ["view-model", "context", "class", "show-brand-crowd-logo", "onFooterContainerClick"])
34551
+ onFooterContainerClick: e.onPageFooterContainerClick,
34552
+ onOnLogoClick: e.onLogoClick
34553
+ }, null, 8, ["view-model", "context", "class", "show-brand-crowd-logo", "onFooterContainerClick", "onOnLogoClick"])
34546
34554
  ]),
34547
34555
  mobile: e1(() => [
34548
34556
  $(g, {
@@ -34553,8 +34561,9 @@ function zm1(e, t, n, o, s, i) {
34553
34561
  "brand-page__content--outline-footer-selected": e.isFooterSelected
34554
34562
  }),
34555
34563
  "show-brand-crowd-logo": e.showBrandCrowdLogo,
34556
- onFooterContainerClick: e.onPageFooterContainerClick
34557
- }, null, 8, ["view-model", "context", "class", "show-brand-crowd-logo", "onFooterContainerClick"])
34564
+ onFooterContainerClick: e.onPageFooterContainerClick,
34565
+ onOnLogoClick: e.onLogoClick
34566
+ }, null, 8, ["view-model", "context", "class", "show-brand-crowd-logo", "onFooterContainerClick", "onOnLogoClick"])
34558
34567
  ]),
34559
34568
  _: 1
34560
34569
  }, 8, ["viewport"])
@@ -34562,8 +34571,9 @@ function zm1(e, t, n, o, s, i) {
34562
34571
  e.showBrandCrowdLogo ? (a(), H(w, {
34563
34572
  key: 0,
34564
34573
  "is-preview": e.context.isPreview,
34565
- "is-design-com": e.context.isDesignCom
34566
- }, null, 8, ["is-preview", "is-design-com"])) : _("", !0)
34574
+ "is-design-com": e.context.isDesignCom,
34575
+ onOnLogoClick: e.onLogoClick
34576
+ }, null, 8, ["is-preview", "is-design-com", "onOnLogoClick"])) : _("", !0)
34567
34577
  ])),
34568
34578
  $(C, { viewport: e.viewport }, {
34569
34579
  desktop: e1(() => [
@@ -34592,7 +34602,7 @@ function zm1(e, t, n, o, s, i) {
34592
34602
  ])
34593
34603
  ], 12, Dm1);
34594
34604
  }
34595
- const th = /* @__PURE__ */ h(Pm1, [["render", zm1], ["__scopeId", "data-v-4366f876"]]), qm1 = (e) => (U2("data-v-00e81958"), e = e(), z2(), e), Gm1 = {
34605
+ const th = /* @__PURE__ */ h(Pm1, [["render", zm1], ["__scopeId", "data-v-73241166"]]), qm1 = (e) => (U2("data-v-00e81958"), e = e(), z2(), e), Gm1 = {
34596
34606
  key: 0,
34597
34607
  class: "c-container tw-fixed tw-bottom-0 tw-left-0 tw-right-0 tw-z-50 tw-p-6 tw-flex tw-gap-4 tw-justify-between tw-flex-col tw-bg-white tw-items-center"
34598
34608
  }, Wm1 = /* @__PURE__ */ qm1(() => /* @__PURE__ */ l("p", { class: "c-text tw-font-sans tw-m-0 tw-text-grayscale-800" }, " We use cookies on our website to optimize your website experience. By accepting, you agree to our use of such cookies. ", -1)), jm1 = { class: "c-button-container" }, Ym1 = /* @__PURE__ */ j({
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.4.35",
4
+ "version": "5.4.36",
5
5
  "author": "Design.com Eng",
6
6
  "license": "UNLICENSED",
7
7
  "type": "module",
@@ -352,6 +352,9 @@ export default defineComponent({
352
352
  openSideMenu() {
353
353
  this.isSideMenuOpen = true;
354
354
  },
355
+ onLogoClick(tabName: string) {
356
+ this.$emit('on-logo-click', tabName);
357
+ },
355
358
  closeSideMenu() {
356
359
  this.isSideMenuOpen = false;
357
360
  },
@@ -199,6 +199,7 @@
199
199
  }"
200
200
  :show-brand-crowd-logo="showBrandCrowdLogo"
201
201
  @footer-container-click="onPageFooterContainerClick"
202
+ @on-logo-click="onLogoClick"
202
203
  />
203
204
  </template>
204
205
  <template #mobile>
@@ -212,6 +213,7 @@
212
213
  }"
213
214
  :show-brand-crowd-logo="showBrandCrowdLogo"
214
215
  @footer-container-click="onPageFooterContainerClick"
216
+ @on-logo-click="onLogoClick"
215
217
  />
216
218
  </template>
217
219
  </MediaQuery>
@@ -221,6 +223,7 @@
221
223
  v-if="showBrandCrowdLogo"
222
224
  :is-preview="context.isPreview"
223
225
  :is-design-com="context.isDesignCom"
226
+ @on-logo-click="onLogoClick"
224
227
  />
225
228
  </div>
226
229
 
@@ -49,5 +49,8 @@ export default defineComponent({
49
49
  onFooterContainerClick() {
50
50
  this.$emit('footer-container-click');
51
51
  },
52
+ onLogoClick(tabName: string) {
53
+ this.$emit('on-logo-click', tabName);
54
+ },
52
55
  },
53
56
  });
@@ -54,6 +54,7 @@
54
54
  :is-preview="context.isPreview"
55
55
  :is-design-com="context.isDesignCom"
56
56
  :brand-page-type="context.brandPageType"
57
+ @on-logo-click="onLogoClick"
57
58
  />
58
59
  </div>
59
60
  </template>