import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
import { c as cls } from './helpers.js';
import { d as defineCustomElement$2 } from './component2.js';

const XListItem$1 = /*@__PURE__*/ proxyCustomElement(class XListItem extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        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" })));
    }
}, [4, "x-list-item", {
        "clickable": [4]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["x-list-item", "x-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "x-list-item":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, XListItem$1);
            }
            break;
        case "x-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const XListItem = XListItem$1;
const defineCustomElement = defineCustomElement$1;

export { XListItem, defineCustomElement };
