import { __esDecorate, __runInitializers } from "tslib";
import { customElement } from 'lit/decorators.js';
import Element from './internal/SubMenu.js';
import menuStyles from './internal/SubMenu.styles.js';
import styles from './internal/Menu.styles.js';
/**
 * Material Design 3 Sub-Menu component.
 *
 * @element ui-sub-menu
 * @attribute {Object} parentItem - The parent menu item element
 * @attribute {Array} menuItems - The sub-menu items data
 * @fires select - Dispatched when a sub-menu item is selected
 * @fires close - Dispatched when the sub-menu is closed
 */
let UiSubMenuElement = (() => {
    let _classDecorators = [customElement('ui-sub-menu')];
    let _classDescriptor;
    let _classExtraInitializers = [];
    let _classThis;
    let _classSuper = Element;
    var UiSubMenuElement = class extends _classSuper {
        static { _classThis = this; }
        static {
            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
            UiSubMenuElement = _classThis = _classDescriptor.value;
            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
        }
        static styles = [styles, menuStyles];
        static {
            __runInitializers(_classThis, _classExtraInitializers);
        }
    };
    return UiSubMenuElement = _classThis;
})();
export { UiSubMenuElement };
//# sourceMappingURL=ui-sub-menu.js.map