template() {
    return `<div class="ids-card" part="card">
      <div class="ids-card-header" part="header">
        <slot name="card-header"></slot>
      </div>
      <div class="ids-card-content${this.overflow === 'hidden' ? ' overflow-hidden' : ''}" part="content">
        <slot name="card-content"></slot>
      </div>
    </div>`;
  }
/**
   * Inner template contents
   * @returns {string} The template
   */
Inner template contents
@returns {string} The template
Inner template contents @returns { string } The template
template() {
    return `<div class="ids-card" part="card">
      <div class="ids-card-header" part="header">
        <slot name="card-header"></slot>
      </div>
      <div class="ids-card-content${this.overflow === 'hidden' ? ' overflow-hidden' : ''}" part="content">
        <slot name="card-content"></slot>
      </div>
    </div>`;
  }
template ( ) { return ` ${ this . overflow === 'hidden' ? ' overflow-hidden' : '' } ` ; }
Inner template contents
 @returns {string} The template
Inner template contents @returns { string } The template