client/public/elements/components/hero-image.js
/**
   * @method constructStyles
   * @description Makes a css style mapping object based on element parameters. Applied to element container.
   * 
   * @returns {Object}
   */
@method constructStyles
@description Makes a css style mapping object based on element parameters. Applied to element container.

@returns {Object}
@method constructStyles @description Makes a css style mapping object based on element parameters . Applied to element container . @returns { Object }
constructStyles() {
    let styles = {};
    if (this.src) {
      styles['background-image'] = `var(--ae-tcolor-hero-film), url(${this.src})`;
    }
    else {
      if (this.assetPick < 0) {
        this.assetPick = 1;
      }
      if (this.assetPick > this.assetMax) {
        this.assetPick = this.assetMax;
      }
      styles['background-image'] = `var(--ae-tcolor-hero-film), url(${this.assetFolder + this.assetPick + ".jpg"})`;
    }
    return styles;
  }
constructStyles ( ) { let styles = { } ; if ( this . src ) { styles [ 'background-image' ] = ` ${ this . src } ` ; } else { if ( this . assetPick < 0 ) { this . assetPick = 1 ; } if ( this . assetPick > this . assetMax ) { this . assetPick = this . assetMax ; } styles [ 'background-image' ] = ` ${ this . assetFolder + this . assetPick + ".jpg" } ` ; } return styles ; }
@method constructStyles
 @description Makes a css style mapping object based on element parameters.
@method constructStyles @description Makes a css style mapping object based on element parameters .