@salesforcedevs/dx-components 1.3.57-alpha.9 → 1.3.62-alpha01

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 (51) hide show
  1. package/package.json +5 -3
  2. package/src/assets/icons/salesforcebrand-sprite/svg/symbols.svg +118 -7
  3. package/src/assets/svg/privacyicon.png +0 -0
  4. package/src/modules/dx/cardBlogPost/cardBlogPost.html +3 -3
  5. package/src/modules/dx/cardBlogPost/cardBlogPost.ts +18 -3
  6. package/src/modules/dx/cardCallout/cardCallout.ts +7 -0
  7. package/src/modules/dx/cardContent/cardContent.css +5 -0
  8. package/src/modules/dx/cardContent/cardContent.html +12 -6
  9. package/src/modules/dx/cardContent/cardContent.ts +39 -7
  10. package/src/modules/dx/cardDocs/cardDocs.html +6 -2
  11. package/src/modules/dx/cardDocs/cardDocs.ts +47 -0
  12. package/src/modules/dx/cardExpanded/cardExpanded.css +15 -5
  13. package/src/modules/dx/cardExpanded/cardExpanded.html +9 -5
  14. package/src/modules/dx/cardExpanded/cardExpanded.ts +24 -8
  15. package/src/modules/dx/cardNews/cardNews.ts +1 -0
  16. package/src/modules/dx/cardTrial/cardTrial.html +5 -1
  17. package/src/modules/dx/cardTrial/cardTrial.ts +40 -1
  18. package/src/modules/dx/cardTrialExpanded/cardTrialExpanded.css +10 -0
  19. package/src/modules/dx/cardTrialExpanded/cardTrialExpanded.html +16 -10
  20. package/src/modules/dx/cardTrialExpanded/cardTrialExpanded.ts +43 -1
  21. package/src/modules/dx/codeBlock/codeBlock.ts +19 -4
  22. package/src/modules/dx/dropdown/dropdown.html +2 -4
  23. package/src/modules/dx/dropdown/dropdown.ts +2 -7
  24. package/src/modules/dx/dropdownOption/dropdownOption.ts +11 -21
  25. package/src/modules/dx/feature/feature.html +1 -0
  26. package/src/modules/dx/feature/feature.ts +13 -0
  27. package/src/modules/dx/featuredContentHeader/featuredContentHeader.ts +116 -2
  28. package/src/modules/dx/footer/footer.css +9 -0
  29. package/src/modules/dx/footer/footer.html +6 -0
  30. package/src/modules/dx/footer/footer.ts +7 -14
  31. package/src/modules/dx/footer/links.ts +5 -0
  32. package/src/modules/dx/footerOption/footerOption.ts +12 -4
  33. package/src/modules/dx/groupText/groupText.ts +8 -14
  34. package/src/modules/dx/headerMobileNavMenuOption/headerMobileNavMenuOption.ts +8 -0
  35. package/src/modules/dx/headerNav/headerNav.html +1 -0
  36. package/src/modules/dx/headerNav/headerNav.ts +4 -0
  37. package/src/modules/dx/mainContentHeader/mainContentHeader.html +2 -2
  38. package/src/modules/dx/mainContentHeader/mainContentHeader.ts +21 -6
  39. package/src/modules/dx/modal/modal.html +1 -1
  40. package/src/modules/dx/modal/modal.ts +6 -1
  41. package/src/modules/dx/pagination/pagination.ts +5 -10
  42. package/src/modules/dx/scrollManager/scrollManager.ts +14 -9
  43. package/src/modules/dx/searchResults/coveo.css +32 -31
  44. package/src/modules/dx/searchResults/searchResults.ts +11 -0
  45. package/src/modules/dx/tab/tab.ts +14 -3
  46. package/src/modules/dx/tabPanelItem/tabPanelItem.html +1 -1
  47. package/src/modules/dx/tbidAvatarButton/tbidAvatarButton.ts +26 -16
  48. package/src/modules/dx/toc/toc.ts +24 -7
  49. package/src/modules/dx/treeItem/treeItem.ts +24 -7
  50. package/src/modules/dxBaseElements/headerBase/headerBase.ts +10 -8
  51. package/src/modules/dxUtils/normalizers/normalizers.ts +1 -3
@@ -97,10 +97,18 @@ export default class TreeItem extends LightningElement {
97
97
  this.sendGtm(event);
98
98
  }
99
99
 
100
- private onLinkClick(event: Event): void {
101
- if (!(this._treeNode.link && this._treeNode.link.href)) {
100
+ private preventDefaultLinkBehavior(event: Event) {
101
+ // prevent page refresh if href isn't present or link is already active
102
+ if (
103
+ !this._treeNode.link?.href ||
104
+ this._treeNode.link?.href === window.location.pathname
105
+ ) {
102
106
  event.preventDefault();
103
107
  }
108
+ }
109
+
110
+ private onLinkClick(event: Event): void {
111
+ this.preventDefaultLinkBehavior(event);
104
112
 
105
113
  if (this.isParent) {
106
114
  const isSelectAction = true;
@@ -138,11 +146,20 @@ export default class TreeItem extends LightningElement {
138
146
  }
139
147
 
140
148
  private sendGtm(event: Event) {
141
- track(event.currentTarget!, "custEv_leftNavClick", {
142
- navType: "left nav bar",
143
- clickText: this._treeNode.label,
144
- clickUrl: this.href,
145
- navItem: this.parentName
149
+ track(event.currentTarget!, "custEv_leftNavLinkClick", {
150
+ click_text: this._treeNode.label,
151
+ click_url: this.href,
152
+ nav_item: this.parentName,
153
+ nav_type: "left nav bar",
154
+ element_type: "link"
155
+ });
156
+
157
+ track(event.currentTarget!, "custEv_linkClick", {
158
+ click_text: this._treeNode.label,
159
+ element_title: "dx-tree-item",
160
+ click_url: this.href,
161
+ element_type: "link",
162
+ content_category: "cta"
146
163
  });
147
164
  }
148
165
  }
@@ -21,11 +21,10 @@ const VALID_BRANDS = [
21
21
  ];
22
22
 
23
23
  export const ANALYTICS_INFO = {
24
- clickText: "Sign Up",
25
- itemTitle: "Sign Up Header Button",
26
- elementType: "button",
27
- destinationType: "internal",
28
- ctaClick: true
24
+ click_text: "browse trials",
25
+ element_title: "dx-button",
26
+ element_type: "button",
27
+ content_category: "cta"
29
28
  };
30
29
 
31
30
  export abstract class HeaderBase extends LightningElement {
@@ -201,10 +200,13 @@ export abstract class HeaderBase extends LightningElement {
201
200
  };
202
201
 
203
202
  private handleSignUpClick(e: PointerEvent) {
204
- track(e.currentTarget!, "custEv_signupStart", {
203
+ const payload = {
205
204
  ...ANALYTICS_INFO,
206
- clickUrl: this.signupLink
207
- });
205
+ click_url: this.signupLink
206
+ };
207
+
208
+ track(e.currentTarget!, "custEv_browseTrialsClick", payload);
209
+ track(e.currentTarget!, "custEv_linkClick", payload);
208
210
  }
209
211
 
210
212
  protected additionalClasses(): string {
@@ -58,9 +58,7 @@ export const normalizePost = ({
58
58
  body: description,
59
59
  datetime: date,
60
60
  href: url,
61
- authorHref: get(authors, "[0].link"),
62
- authorImgSrc: get(authors, "[0].avatar_urls.48"),
63
- authorName: get(authors, "[0].name"),
61
+ authors: authors,
64
62
  imgAlt: "Blogpost image",
65
63
  imgSrc: featuredImage,
66
64
  id,