'use strict';

var index = require('./index-n_pDKBY2.js');
var frameworkDetection = require('./framework-detection-C_6nNXcS.js');
var domUtils = require('./dom-utils-dykhxr-_.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) {
        index.registerInstance(this, hostRef);
    }
    async componentDidLoad() {
        if (!domUtils.isNestedInIfxComponent(this.el)) {
            const framework = frameworkDetection.detectFramework();
            frameworkDetection.trackComponent('ifx-action-list', await framework);
        }
    }
    render() {
        return (index.h("div", { key: 'a9da34b5b948204642b94582781d1b74a86dc6f5', class: "action-list", role: "list", "aria-label": this.listAriaLabel }, index.h("slot", { key: 'bf5dea0baf869e9e072ebe7bfd0ae2104ceb477b' })));
    }
    get el() { return index.getElement(this); }
};
ActionList.style = actionListCss;

exports.ifx_action_list = ActionList;
//# sourceMappingURL=ifx-action-list.entry.cjs.js.map

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