ui-lit/list/index.js

UI Elements on LIT

import { __decorate } from "tslib";
import { customElement } from 'lit/decorators.js';
import { LitElement, html, css } from 'lit';
let LitListItem = class LitListItem extends LitElement {
    render() {
        return html `<lit-icon icon = "dropdown"></lit-icon> <slot></slot>`;
    }
};
LitListItem.styles = css `
    :host{
        display: block;
        border-bottom: 1px solid var(--lit-list-border, #999);
        padding: var(--lit-list-padding, 10px 15px);
        
    }
    :host(:hover){
        background-color: var(--lit-list-background-hover, #eee);
    }
    lit-icon{
        margin-right: 10px;
        transform: rotate(-90deg);
        opacity: 0.5;
    }
    `;
LitListItem = __decorate([
    customElement('lit-list-item')
], LitListItem);
export { LitListItem };
let LitList = class LitList extends LitElement {
    render() {
        return html `<slot></slot>`;
    }
};
LitList.styles = css `
    :host{
        display: block;
        font-size: var(--lit-list-font-size);
    }`;
LitList = __decorate([
    customElement('lit-list')
], LitList);
export { LitList };