import { p as proxyCustomElement, H, h } from './index.js';
import { i as isNestedInIfxComponent, d as detectFramework, t as trackComponent } from './p-bqYaVeZb.js';

const actionListCss = ":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}.action-list{background:#FFFFFF;border-radius:0;border:1px solid #EEEDED;overflow:hidden;display:flex;flex-direction:column}";

const ActionList = /*@__PURE__*/ proxyCustomElement(class ActionList extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
    }
    async componentDidLoad() {
        if (!isNestedInIfxComponent(this.el)) {
            const framework = detectFramework();
            trackComponent('ifx-action-list', await framework);
        }
    }
    render() {
        return (h("div", { key: 'a9da34b5b948204642b94582781d1b74a86dc6f5', class: "action-list", role: "list", "aria-label": this.listAriaLabel }, h("slot", { key: 'bf5dea0baf869e9e072ebe7bfd0ae2104ceb477b' })));
    }
    get el() { return this; }
    static get style() { return actionListCss; }
}, [257, "ifx-action-list", {
        "listAriaLabel": [1, "list-aria-label"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["ifx-action-list"];
    components.forEach(tagName => { switch (tagName) {
        case "ifx-action-list":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, ActionList);
            }
            break;
    } });
}

const IfxActionList = ActionList;
const defineCustomElement = defineCustomElement$1;

export { IfxActionList, defineCustomElement };
//# sourceMappingURL=ifx-action-list.js.map

//# sourceMappingURL=ifx-action-list.js.map