/*!
 * Crafted with ❤ by Salla
 */
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';

const sallaListTileCss = "";

const SallaListTile = /*@__PURE__*/ proxyCustomElement(class SallaListTile extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        /**
         * Designates the component as anchor and applies the `href` attribute.
         */
        this.href = undefined;
        /**
         * Designates the target attribute. This should only be applied when using the `href` prop.
         */
        this.target = "_self";
    }
    generateClass() {
        return {
            "s-list-tile-item": true,
            "s-list-tile-item-href": !!this.href
        };
    }
    render() {
        return (h(Host, { key: '1f5e8a06d1c1aa0df00b09eec0c0a1efbf590748' }, h("a", { key: 'f9b772a03f745b07e2456cd74c73ab695f3754ff', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: 'e90d46a29df8ea298489deba9b88bc6f84ebd5aa', class: "s-list-tile-item-icon" }, h("slot", { key: 'a5c40e495d05b5d45bae8ed133eca034f439368d', name: 'icon' })), h("div", { key: '2ded5a53f567c8eddb05d24a5f59875d3a7ac1ac', class: "s-list-tile-item-content" }, h("div", { key: '80e6962e698223c893b40a4a62d8ce67aa3ab27c', class: "s-list-tile-item-title" }, h("slot", { key: '87f95d3ae826904a55e0e4724340f55344371789', name: 'title' })), h("div", { key: '7fc838f33b9e65ca8c9f11bce4b506aad7d7ecb1', class: "s-list-tile-item-subtitle" }, h("slot", { key: 'f936a3770d59d3b56287927a447df9c8fa697310', name: "subtitle" }))), h("div", { key: 'e974fd4591921468f4a882370303709718ef6e64', class: "s-list-tile-item-action" }, h("slot", { key: '9d2adb70f0c75b18474f0f05c99000327e081ce8', name: 'action' })))));
    }
    static get style() { return sallaListTileCss; }
}, [4, "salla-list-tile", {
        "href": [1],
        "target": [1]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["salla-list-tile"];
    components.forEach(tagName => { switch (tagName) {
        case "salla-list-tile":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, SallaListTile);
            }
            break;
    } });
}
defineCustomElement();

export { SallaListTile as S, defineCustomElement as d };
