import { __esDecorate, __runInitializers } from "tslib";
import { customElement } from 'lit/decorators.js';
import Element from './internals/OrganizationSelector.js';
import styles from './internals/OrganizationSelector.styles.js';
import typography from '../../styles/m3/typography.module.js';
import '../../md/button/ui-button.js';
import '../../md/icons/ui-icon.js';
import '../../md/menu/ui-menu.js';
import '../../md/menu/ui-menu-item.js';
import '../../md/divider/ui-divider.js';
/**
 * An element that allows selecting an organization from a list.
 * It renders a button with the current organization name that triggers a dropdown menu with available organizations.
 *
 * The component supports creating a new organization via a dedicated menu item.
 *
 * @example
 * ```html
 * <organization-selector
 *   .organization="${this.selectedOrg}"
 *   .organizations="${this.availableOrgs}"
 *   @select="${this.handleSelection}"
 *   @create="${this.handleCreate}"
 * ></organization-selector>
 * ```
 * @element organization-selector
 */
let OrganizationSelectorElement = (() => {
    let _classDecorators = [customElement('organization-selector')];
    let _classDescriptor;
    let _classExtraInitializers = [];
    let _classThis;
    let _classSuper = Element;
    var OrganizationSelectorElement = 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);
            OrganizationSelectorElement = _classThis = _classDescriptor.value;
            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
        }
        static styles = [typography, styles];
        static {
            __runInitializers(_classThis, _classExtraInitializers);
        }
    };
    return OrganizationSelectorElement = _classThis;
})();
export { OrganizationSelectorElement };
//# sourceMappingURL=organization-selector.js.map