import { r as registerInstance, h, H as Host } from './index-aed5ae27.js';
import { c as cls } from './helpers-ea9d01ce.js';

const styleCss = "x-list{display:block;width:100%;padding:0;margin:0;list-style:none}x-list:empty{display:none !important}x-list.list-bordered x-list-item:not(:last-child) .list-item-content,x-list.list-bordered x-list-item:not(:last-child) .list-item-right,x-list.list-bordered x-list-item:not(:last-child) .list-item-indicator{border-bottom:1px solid rgba(var(--color-border-rgb, 200, 199, 204), 0.25)}x-list x-list-item{display:-ms-flexbox;display:flex;color:var(--color-text, #4A4A4A);text-align:left}.is-dark-mode x-list x-list-item{color:var(--color-text-light, #FEFEFE)}x-list x-list-item>div:empty{display:none !important}x-list x-list-item>*{display:-ms-flexbox;display:flex;margin:0;padding:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:3rem;padding:0.5rem 0}x-list x-list-item>*:first-child{padding-left:0.25rem}x-list x-list-item>*:last-child{padding-right:1rem}x-list x-list-item.list-item-clickable{cursor:pointer}x-list x-list-item:hover .list-item-indicator x-icon{-webkit-transform:translateX(3px);transform:translateX(3px);opacity:0.75}x-list x-list-item .list-item-left{font-size:2rem !important;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}x-list x-list-item .list-item-left x-icon{font-size:2rem !important}x-list x-list-item .list-item-left x-avatar{font-size:2.5rem !important}x-list x-list-item .list-item-content{-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;font-size:1rem;-ms-flex-align:start;align-items:flex-start}x-list x-list-item .list-item-content h1,x-list x-list-item .list-item-content h2,x-list x-list-item .list-item-content h3,x-list x-list-item .list-item-content h4,x-list x-list-item .list-item-content h5,x-list x-list-item .list-item-content h6{font-size:1rem;font-weight:bold;line-height:1.2rem;margin:0.2rem 0 0.1rem;padding:0;text-overflow:ellipsis;overflow:hidden}x-list x-list-item .list-item-content p{font-size:0.85rem;line-height:1.2rem;margin:0 0 0.2rem;padding:0;text-overflow:ellipsis;overflow:hidden}x-list x-list-item small{padding-left:1rem;width:auto;text-align:center;font-size:0.75rem;text-align:right}x-list x-list-item .list-item-indicator{padding-left:0.5rem;padding-right:0.5rem}x-list x-list-item .list-item-indicator x-icon{opacity:0.5;-webkit-transition:0.3s;transition:0.3s}@media screen and (max-width: 380px){x-list x-list-item .list-item-content{overflow:hidden}x-list x-list-item .list-item-content>*{width:100%;display:block;white-space:nowrap}}";
const XListStyle0 = styleCss;

const XList = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.bordered = false;
    }
    /**
     * Render element
     */
    render() {
        return h(Host, { key: '22a96bc2b1965e1de3f1953f491548aad712e2a9', class: cls({ 'list-bordered': this.bordered }) }, h("slot", { key: '454cb4b2a5ae54081de92ed6afdaf08568ccfaa9' }));
    }
};
XList.style = XListStyle0;

const XListItem = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.clickable = false;
    }
    /**
     * Render element
     */
    render() {
        return h(Host, { key: '27b6b5893da171f3db4d43f869688c00ffc78e93', class: cls({ 'list-item-clickable': this.clickable }) }, h("div", { key: 'f59a13cda8c0aa06eb1506c4a7f3e832c06f6cd4', class: "list-item-left" }, h("slot", { key: 'a19c83198729b40e5a2808969adfb24d3de9736b', name: "left" })), h("div", { key: 'f61c791ebbf531d3dac0d37c3c2eb4652363bf0b', class: "list-item-content" }, h("slot", { key: 'e654d3bb7d34d3bb6f14b46a436c02ddf515897a' })), h("div", { key: '2639be57f1dd08c0fe64649d1dd226d15e8aa967', class: "list-item-right" }, h("slot", { key: '82a502ff27b6f045de30ab54143f4e4c68040d6c', name: "right" })), this.clickable && h("div", { key: '5d1794216c6c7ec60ec4f1614739d384aec1bd9b', class: "list-item-indicator" }, h("x-icon", { key: 'd5b61bce057423f3dfbfb9c62f113f300e1710bb', name: "forward" })));
    }
};

export { XList as x_list, XListItem as x_list_item };
