import { r as registerInstance, h, a as getElement } from './index-PqnYwNKt.js';
import { d as detectFramework, t as trackComponent } from './framework-detection-DcmcuUOA.js';
import { i as isNestedInIfxComponent } from './dom-utils-Bw2fh5LT.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 = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    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 getElement(this); }
};
ActionList.style = actionListCss;

export { ActionList as ifx_action_list };
//# sourceMappingURL=ifx-action-list.entry.js.map

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