@salesforcedevs/mrkt-components 1.3.252 → 1.3.324

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/mrkt-components",
-    "version": "1.3.252",
+    "version": "1.3.324",
     "description": "Marketing Lightning web components for DSC",
     "license": "MIT",
     "engines": {
@@ -15,5 +15,5 @@
     "devDependencies": {
         "@types/classnames": "^2.2.10"
     },
-    "gitHead": "8379eb747571af22dfdfc3c440e8c23c85d1fe8b"
+    "gitHead": "f005d7f0cbb1ce8f67f11d7267cfeb893d2c031a"
 }

package/src/modules/mrkt/ctaSection/ctaSection.html

@@ -1,7 +1,7 @@
 <template>
     <div class={className} part="container">
         <div class="text-container">
-            <h2 class="dx-text-display-8">{title}</h2>
+            <h2 class="dx-text-display-8">{header}</h2>
             <span if:true={subtitle} class="subtitle dx-text-body-2">
                 {subtitle}
             </span>

package/src/modules/mrkt/ctaSection/ctaSection.ts

@@ -12,7 +12,7 @@ export default class CTASection extends LightningElement {
     @api subtitle?: string;
     @api imgSrcLeft?: string;
     @api imgSrcRight?: string;
-    @api title!: string;
+    @api header!: string;
 
     private get hasImages(): boolean {
         return !!this.imgSrcLeft && !!this.imgSrcRight;
@@ -31,7 +31,7 @@ export default class CTASection extends LightningElement {
             click_text: this.buttonText,
             click_url: this.buttonHref,
             element_type: "button",
-            element_title: this.title,
+            element_title: this.header,
             content_category: "cta"
         });
     }

package/src/modules/mrkt/sectionHeader/sectionHeader.html

@@ -15,7 +15,7 @@
                 sprite={iconSprite}
                 background-size="large"
             ></dx-icon-badge>
-            <h2 if:true={title} class="title dx-text-display-3">{title}</h2>
+            <h2 if:true={header} class="title dx-text-display-3">{header}</h2>
             <span if:true={subtitle} class="subtitle dx-text-body-1">
                 {subtitle}
             </span>

package/src/modules/mrkt/sectionHeader/sectionHeader.ts

@@ -12,14 +12,14 @@ export default class SectionHeader extends LightningElement {
     @api overlapImages?: boolean = false;
     @api lightGradient?: boolean;
     @api subtitle?: string;
-    @api title!: string;
+    @api header!: string;
 
     private get hasPageMarginGraphics(): boolean {
         return !!this.imgSrcLeft && !!this.imgSrcRight;
     }
 
     private get hasIcon(): boolean {
-        return !!this.title && !!this.iconSymbol;
+        return !!this.header && !!this.iconSymbol;
     }
 
     private get className(): string {

package/src/modules/mrkt/socials/socials.html

@@ -1,6 +1,6 @@
 <template>
     <div class="socials">
-        <dx-hr text={title} spacing="none"></dx-hr>
+        <dx-hr text={header} spacing="none"></dx-hr>
         <div class="socials-container">
             <template for:each={items} for:item="item">
                 <a key={item.id} href={item.link.href}>

package/src/modules/mrkt/socials/socials.ts

@@ -3,7 +3,7 @@ import { toJson } from "dxUtils/normalizers";
 import type { OptionWithLink } from "typings/custom";
 
 export default class Socials extends LightningElement {
-    @api title: string = "Our Socials";
+    @api header: string = "Our Socials";
 
     @api
     get items() {

package/src/modules/mrkt/tdxSection/tdxSection.html

@@ -1,7 +1,7 @@
 <template>
     <div class="container">
         <div class="content">
-            <h3 class="content-title dx-text-display-3">{title}</h3>
+            <h3 class="content-title dx-text-display-3">{header}</h3>
             <h4 class="dx-text-display-6">{subtitle}</h4>
             <p class="content-body">{body}</p>
             <p class="content-info dx-text-display-8">{info}</p>

package/src/modules/mrkt/tdxSection/tdxSection.ts

@@ -1,7 +1,7 @@
 import { api, LightningElement } from "lwc";
 
 export default class TdxSection extends LightningElement {
-    @api title!: string;
+    @api header!: string;
     @api subtitle!: string;
     @api body!: string;
     @api info!: string;

package/src/modules/mrkt/twoColPanelSection/twoColPanelSection.html

@@ -14,7 +14,7 @@
                 href={modalHref}
                 label={modalLabel}
                 terms={modalTerms}
-                title={modalTitle}
+                header={modalTitle}
                 col-two-title={modalTwoColTitle}
                 col-two-details={modalTwoColDetails}
                 button-cta={modalButtonCta}
@@ -26,7 +26,7 @@
         </dx-modal>
         <div class="text-container">
             <span class="subtitle dx-text-label-4">{subtitle}</span>
-            <h2 class="title dx-text-display-4">{title}</h2>
+            <h2 class="title dx-text-display-4">{header}</h2>
             <p class="body dx-text-body-2">{body}</p>
             <div class="cta-group">
                 <dx-button

package/src/modules/mrkt/twoColPanelSection/twoColPanelSection.ts

@@ -8,7 +8,7 @@ export default class TwoColPanelSection extends LightningElement {
     @api buttonText!: string;
     @api modalButtonText?: string;
     @api subtitle!: string;
-    @api title!: string;
+    @api header!: string;
     @api light?: boolean = false;
 
     @api modalBadgeBackgroundColor?: string;
@@ -45,7 +45,7 @@ export default class TwoColPanelSection extends LightningElement {
         if (this.buttonHref.includes("signup")) {
             const payload = {
                 click_text: this.buttonText,
-                element_title: this.title,
+                element_title: this.header,
                 element_type: "card",
                 click_url: `${window.location.origin}${this.buttonHref}`,
                 content_category: "cta"

package/src/modules/mrkt/twoColSection/twoColSection.html

@@ -2,7 +2,7 @@
     <div class={className}>
         <img src={imgSrc} alt={imgAlt} />
         <div class="text-container">
-            <h2 class="dx-text-display-6">{title}</h2>
+            <h2 class="dx-text-display-6">{header}</h2>
             <span class="dx-text-body-2">{subtitle}</span>
         </div>
     </div>

package/src/modules/mrkt/twoColSection/twoColSection.ts

@@ -6,7 +6,7 @@ export default class TwoColSection extends LightningElement {
     @api subtitle!: string;
     @api imgAlt!: string;
     @api imgSrc!: string;
-    @api title!: string;
+    @api header!: string;
 
     private get className(): string {
         return cx("two-col-section", this.dark && "dark");

package/src/modules/mrkt/videoPlayerSection/videoPlayerSection.html

@@ -14,7 +14,7 @@
                 ></path>
             </svg>
         </div>
-        <h2 class="section-title">{title}</h2>
+        <h2 class="section-title">{header}</h2>
         <div class="video">
             <dx-vimeo-player video-id={videoId}></dx-vimeo-player>
         </div>

package/src/modules/mrkt/videoPlayerSection/videoPlayerSection.ts

@@ -1,6 +1,6 @@
 import { LightningElement, api } from "lwc";
 
 export default class VideoPlayerSection extends LightningElement {
-    @api title!: string;
+    @api header!: string;
     @api videoId!: number;
 }