import { p as proxyCustomElement, H, h } from './index.js';
import { d as defineCustomElement$3 } from './p-Dn3cSDWF.js';
import { d as defineCustomElement$2 } from './p-Bm-eGlq5.js';

const dropdownTriggerButtonCss = ":host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(-180deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}";

const DropdownItem = /*@__PURE__*/ proxyCustomElement(class DropdownItem extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        this.isOpen = false;
        this.theme = 'default';
        this.size = 'm';
        this.hideArrow = false;
    }
    render() {
        return (h("ifx-button", { key: 'cba835345a4dcbec963deb2589bb26a1294908da', variant: this.variant, theme: this.theme, size: this.size, disabled: this.disabled, class: "dropdown-trigger-button" }, h("slot", { key: 'b8f6d30967aaa2ced90815c96081353f9ec0c7d1' }), !this.hideArrow &&
            h("ifx-icon", { key: '41a60ee566d9be237bbe05e3ede8402f9d4e3f6e', icon: "chevron-down-16", class: `icon${this.isOpen ? ' rotate' : ''}` })));
    }
    static get style() { return dropdownTriggerButtonCss; }
}, [257, "ifx-dropdown-trigger-button", {
        "isOpen": [4, "is-open"],
        "theme": [1],
        "variant": [1],
        "size": [1],
        "disabled": [4],
        "hideArrow": [4, "hide-arrow"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["ifx-dropdown-trigger-button", "ifx-button", "ifx-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "ifx-dropdown-trigger-button":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DropdownItem);
            }
            break;
        case "ifx-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "ifx-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const IfxDropdownTriggerButton = DropdownItem;
const defineCustomElement = defineCustomElement$1;

export { IfxDropdownTriggerButton, defineCustomElement };
//# sourceMappingURL=ifx-dropdown-trigger-button.js.map

//# sourceMappingURL=ifx-dropdown-trigger-button.js.map