import { r as registerInstance, a as getElement, h } from './index-Cby2wKoI.js';
import { i as isNestedInIfxComponent } from './dom-utils-CtINY9El.js';
import { d as detectFramework, t as trackComponent } from './tracking-DNHOWgWh.js';

const actionListCss = () => `.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);
    }
    get el() { return getElement(this); }
    /**
     * Aria label for accessibility support
     */
    listAriaLabel;
    async componentDidLoad() {
        if (!isNestedInIfxComponent(this.el)) {
            const framework = detectFramework();
            trackComponent("ifx-action-list", await framework);
        }
    }
    render() {
        return (h("div", { key: 'bfef5a70e5557a151cb6b135d39f8482b12f7996', class: "action-list", role: "list", "aria-label": this.listAriaLabel }, h("slot", { key: '767e967873ae9a4364d0f8a0edbc8fec209058b1' })));
    }
};
ActionList.style = actionListCss();

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

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