All files / packages/sds-recipes/src/modules/c/textHeading textHeading.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { LightningElement, api } from 'lwc';
 
export default class TextHeading extends LightningElement {
  // Render component in native shadow mode
  static shadowSupportMode = 'native';
 
  @api level = 'h2';
  @api size = 'size-base';
 
  connectedCallback() {
    const heading = document.createElement(this.level);
    const slot = document.createElement('slot');
    heading.appendChild(slot);
    this.template.appendChild(heading);
  }
 
  get heading() {
    return this.template.querySelector(this.level);
  }
 
  renderedCallback() {
    if (!this._rendered) {
      this._rendered = true;
      this.heading.style.setProperty('font-size', `var(--slds-g-font-${this.size})`);
    }
  }
}