Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
render() {
const { disabled, section, selected, selectionLabel, selectionName, selectionValue } = this;
const expando = !section
? undefined
: html`
<div class="${prefix}--table-expand">
<button class="${prefix}--table-expand__button">
${ChevronRight16({ class: `${prefix}--table-expand__svg` })}
</button>
</div>
`;
// Using `@click` instead of `@change` to support `.preventDefault()`
const selection = !selectionName
? undefined
: html`
<div class="${prefix}--table-column-checkbox">
${html`
</div>
expandoAssistiveText,
titleText,
open,
_handleClickExpando: handleClickExpando,
_handleKeydownExpando: handleKeydownExpando,
} = this;
return html`
<button aria-expanded="${String(Boolean(open))}" title="${expandoAssistiveText}" class="${prefix}--accordion__heading" type="button">
${ChevronRight16({
class: `${prefix}--accordion__arrow`,
'aria-label': expandoAssistiveText,
})}
<div class="${prefix}--accordion__title">${titleText}</div>
</button>
<div class="${prefix}--accordion__content"></div>
`;
}