import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
import { d as defineCustomElement$4 } from './bal-button2.js';
import { d as defineCustomElement$3 } from './bal-icon2.js';
import { d as defineCustomElement$2 } from './bal-spinner2.js';

const CardButton = /*@__PURE__*/ proxyCustomElement(class CardButton extends HTMLElement {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
        /**
         * Name of the icon like `edit`.
         */
        this.icon = '';
        /**
         * The type of button.
         */
        this.elementType = 'button';
        /**
         * If `true`, the user cannot interact with the button.
         */
        this.disabled = false;
        /**
         * Specifies where to display the linked URL.
         * Only applies when an `href` is provided.
         */
        this.target = '_self';
        /**
         * Name of the right button icon
         */
        this.iconRight = '';
        /**
         * If `true` the label is hidden and a loading spinner is shown instead.
         */
        this.loading = false;
    }
    render() {
        return (h(Host, { key: '3088f94353d94bf69767bcae3e714d5e3b3928d6', class: "bal-card-button" }, h("bal-button", { key: '8684146c87ae36da730bd7934d6a16e0ec00fda5', color: "info", expanded: true, "bottom-rounded": true, icon: this.icon, rel: this.rel, iconRight: this.iconRight, elementType: this.elementType, disabled: this.disabled, href: this.href, target: this.target, loading: this.loading }, h("slot", { key: 'e325e51c8d30285fc03b6991f8d42d957721a8e1' }))));
    }
}, [260, "bal-card-button", {
        "icon": [1],
        "elementType": [1, "element-type"],
        "disabled": [516],
        "href": [1],
        "target": [1],
        "rel": [1],
        "iconRight": [1, "icon-right"],
        "loading": [4]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["bal-card-button", "bal-button", "bal-icon", "bal-spinner"];
    components.forEach(tagName => { switch (tagName) {
        case "bal-card-button":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, CardButton);
            }
            break;
        case "bal-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "bal-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "bal-spinner":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const BalCardButton = CardButton;
const defineCustomElement = defineCustomElement$1;

export { BalCardButton, defineCustomElement };
