import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { d as defineCustomElement$2 } from './p-c23dbdab.js';

const DgaRatingUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRatingUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.variant = 'neutral';
        this.rating = 2.5;
    }
    render() {
        return (h("div", { key: 'bb0a4f5e92111881df24c2b2d8d18ec8a298b5fa' }, h("h1", { key: '76e20eb97d952e189b424345052097a76d72b247' }, "Rating Example"), h("div", { key: '6c9281265a3c7a042585a913143c14428ee46fd3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c9e36168aa81ff57b28713715931f54ee550fa1d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '8977cc6f84f4b50d46dc984afa2dfce7c5a1e9bc', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '7993fe4cc290e20200ffb4f95bfe0879c0bfcc28', onChange: val => {
                this.rating = val;
            }, value: this.rating, size: "lg" }), h("dga-rating", { key: 'c3b629ab06fbaf417c9def8a2dd4c516f9ed86d5', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: 'c3f32eafed8099783488b8e800039205dac27081', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '9cb6872e82eedbe1369d83db2ef00444bbb7d86b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
}, [0, "dga-rating-usage", {
        "variant": [32],
        "rating": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-rating-usage", "dga-rating"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-rating-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaRatingUsage$1);
            }
            break;
        case "dga-rating":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaRatingUsage = DgaRatingUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaRatingUsage, defineCustomElement };

//# sourceMappingURL=dga-rating-usage.js.map