@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 { classMap } from 'lit/directives/class-map.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>`;
        const containerClasses = classMap({ selectable: this.selectable });
        return html `
      <div class="container ${containerClasses}" part="container">
        ${this.selectable ? ripple : nothing}
        <slot name="leading-icon" 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-icon" part="trailing"></slot>
      </div>
    `;
    }
};
__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