@universal-material/web/list/list-item.js

Material web components

import { __decorate } from "tslib";
import { html, LitElement, nothing } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { styles } from './list-item.styles.js';
import '../ripple/ripple.js';
let UmListItem = class UmListItem extends LitElement {
    constructor() {
        super(...arguments);
        this.selectable = false;
    }
    static { this.styles = styles; }
    render() {
        const ripple = html `
      <u-ripple></u-ripple>
    `;
        return html `
      ${this.selectable ? ripple : nothing}
      <slot name="leading" part="leading"></slot>
      <div class="content" part="content">
        <div class="headline" part="headline">
          <slot></slot>
        </div>
        <div class="supporting-text" part="supporting-text">
          <slot name="supporting-text"></slot>
        </div>
      </div>
      <slot name="trailing" part="trailing"></slot>
    `;
    }
};
__decorate([
    property({ type: Boolean, reflect: true })
], UmListItem.prototype, "selectable", void 0);
UmListItem = __decorate([
    customElement('u-list-item')
], UmListItem);
export { UmListItem };
//# sourceMappingURL=list-item.js.map