import { r as registerInstance, h, H as Host } from './index-966f70a5.js';
import { c as cls } from './helpers-e48a05ff.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: '9b5d7033d878d74338f524f55deb4206c216809c', class: cls({ 'list-bordered': this.bordered }) }, h("slot", { key: '2c43bd865a7935ba33349f0dad414eabe13dab33' }));
    }
};
XList.style = XListStyle0;

const XListItem = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.clickable = false;
    }
    /**
     * Render element
     */
    render() {
        return h(Host, { key: '7c60ccd7e0bc69216539b70d4b75a585a162ebfc', class: cls({ 'list-item-clickable': this.clickable }) }, h("div", { key: 'a4e17fbb5b38437bf3ebee4ebe9121e958beae39', class: "list-item-left" }, h("slot", { key: '58ca14523e81a1d336a37402c88b1e1aa7a3d0ec', name: "left" })), h("div", { key: '9aff63e20e2d18c67ed6f8f2d6c240b3052eea7a', class: "list-item-content" }, h("slot", { key: 'caf4a7c1aff5858140b0eb03745738a6ff924511' })), h("div", { key: '307adf95d888cd1918ec65c0c86124d13c89bf78', class: "list-item-right" }, h("slot", { key: '16421f39cf9c7c543fe18b54ee85eb32eac12213', name: "right" })), this.clickable && h("div", { key: '143f1484ae598891c58b40618752cce477c19f7e', class: "list-item-indicator" }, h("x-icon", { key: 'a9a10b9219314fd33ee4846b23325b864317103b', name: "forward" })));
    }
};

export { XList as x_list, XListItem as x_list_item };
