@salesforcedevs/docs-components 1.3.147-alpha.0 → 1.3.148-devcenter-alpha

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/docs-components",
3
- "version": "1.3.147-alpha.0",
3
+ "version": "1.3.148-devcenter-alpha",
4
4
  "description": "Docs Lightning web components for DSC",
5
5
  "license": "MIT",
6
6
  "main": "index.js",
@@ -1,5 +1,23 @@
1
1
  <template>
2
2
  <template if:true={shouldRender}>
3
+ <div class="header_l2" if:true={showDevCenterLink}>
4
+ <div class="header_l2_group header_l2_group-title">
5
+ <dx-button
6
+ href={devcenterlink}
7
+ variant="inline"
8
+ icon-symbol="back"
9
+ target="_self"
10
+ ></dx-button>
11
+ <dx-icon
12
+ class="brand-icon"
13
+ if:true={isValidBrand}
14
+ sprite="salesforcebrand"
15
+ symbol={brand}
16
+ size="small"
17
+ ></dx-icon>
18
+ <span class="subtitle dx-text-display-8">{devcentertitle}</span>
19
+ </div>
20
+ </div>
3
21
  <dx-brand-theme-provider brand={brand}>
4
22
  <header class={className}>
5
23
  <dx-banner
@@ -13,6 +13,8 @@ const SMALL_MOBILE_MATCH = "768px";
13
13
  export default class Header extends HeaderBase {
14
14
  @api langValuePath: string = "id"; // allows to override how language property is interpreted, follows valuePath dropdown api.
15
15
  @api headerHref: string = "/";
16
+ @api devcentertitle: string = "";
17
+ @api devcenterlink: string = "";
16
18
 
17
19
  @api
18
20
  get scopedNavItems() {
@@ -60,6 +62,10 @@ export default class Header extends HeaderBase {
60
62
  return this.scopedNavItems && this.scopedNavItems.length > 0;
61
63
  }
62
64
 
65
+ private get showDevCenterLink(): boolean {
66
+ return this.devcentertitle !== "";
67
+ }
68
+
63
69
  private get hasLanguages(): boolean {
64
70
  return !!(this.languages && this.languages.length);
65
71
  }