template() {
    // Checkbox
    const color = this.color ? ` color="${this.color}"` : '';
    const disabled = IdsStringUtils.stringToBool(this.disabled) ? ' disabled' : '';
    const horizontal = IdsStringUtils.stringToBool(this.horizontal) ? ' horizontal' : '';
    const checked = IdsStringUtils.stringToBool(this.checked) ? ' checked' : '';
    const rootClass = ` class="ids-checkbox${disabled}${horizontal}"`;
    let checkboxClass = 'checkbox';
    checkboxClass += IdsStringUtils.stringToBool(this.indeterminate) ? ' indeterminate' : '';
    checkboxClass = ` class="${checkboxClass}"`;
    const rInd = !(IdsStringUtils.stringToBool(this.labelRequired) || this.labelRequired === null);
    const labelClass = rInd ? ' class="no-required-indicator"' : '';

    return `
      <div${rootClass}${color} part="root">
        <label${labelClass} part="label">
          <input part="input" type="checkbox"${checkboxClass}${disabled}${checked}>
          <span class="checkmark${checked}"></span>
          <ids-text class="label-text" part="label-text">${this.label}</ids-text>
        </label>
      </div>
    `;
  }
/**
   * Create the Template for the contents.
   * @returns {string} The template.
   */
Create the Template for the contents.
@returns {string} The template.
Create the Template for the contents . @returns { string } The template .
template() {
    const color = this.color ? ` color="${this.color}"` : '';
    const disabled = IdsStringUtils.stringToBool(this.disabled) ? ' disabled' : '';
    const horizontal = IdsStringUtils.stringToBool(this.horizontal) ? ' horizontal' : '';
    const checked = IdsStringUtils.stringToBool(this.checked) ? ' checked' : '';
    const rootClass = ` class="ids-checkbox${disabled}${horizontal}"`;
    let checkboxClass = 'checkbox';
    checkboxClass += IdsStringUtils.stringToBool(this.indeterminate) ? ' indeterminate' : '';
    checkboxClass = ` class="${checkboxClass}"`;
    const rInd = !(IdsStringUtils.stringToBool(this.labelRequired) || this.labelRequired === null);
    const labelClass = rInd ? ' class="no-required-indicator"' : '';
    return `
      <div${rootClass}${color} part="root">
        <label${labelClass} part="label">
          <input part="input" type="checkbox"${checkboxClass}${disabled}${checked}>
          <span class="checkmark${checked}"></span>
          <ids-text class="label-text" part="label-text">${this.label}</ids-text>
        </label>
      </div>
    `;
  }
template ( ) { const color = this . color ? ` ${ this . color } ` : '' ; const disabled = IdsStringUtils . stringToBool ( this . disabled ) ? ' disabled' : '' ; const horizontal = IdsStringUtils . stringToBool ( this . horizontal ) ? ' horizontal' : '' ; const checked = IdsStringUtils . stringToBool ( this . checked ) ? ' checked' : '' ; const rootClass = ` ${ disabled } ${ horizontal } ` ; let checkboxClass = 'checkbox' ; checkboxClass += IdsStringUtils . stringToBool ( this . indeterminate ) ? ' indeterminate' : '' ; checkboxClass = ` ${ checkboxClass } ` ; const rInd = ! ( IdsStringUtils . stringToBool ( this . labelRequired ) || this . labelRequired === null ) ; const labelClass = rInd ? ' class="no-required-indicator"' : '' ; return ` ${ rootClass } ${ color } ${ labelClass } ${ checkboxClass } ${ disabled } ${ checked } ${ checked } ${ this . label } ` ; }
Create the Template for the contents.
Create the Template for the contents .
// Checkbox