import { p as proxyCustomElement, H, h, F as Fragment } from './p-BhqVmlhr.js';
import { d as defineCustomElement$2 } from './p-CovKvfqw.js';

const DgaSliderUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSliderUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        this.activeStep = 1;
        this.minValue = 10;
        this.maxValue = 100;
    }
    render() {
        return (h(Fragment, { key: '8ad3abb2d42c73e6ffd9af4b8a38d1cafa95a43a' }, h("br", { key: '068734c5524f3b7cb727cc192b5a6cd66f59d00d' }), h("dga-slider", { key: '8e8114689c98453b5fb17c26fba189efbdc4fa5f', min: this.minValue, max: this.maxValue, step: 1, range: true, size: "medium", helperText: "Helper Text Example", label: "Test", sx: {
                backgroundColor: "yellow",
                marginTop: "200px",
                ".range-slider-inner-rail": {
                    backgroundColor: "red"
                }
            } }), ";", h("br", { key: 'da676bc7899b320da016f0289ca3df8266d94f1f' }), this.minValue, " - ", this.maxValue, h("dga-slider", { key: '8ee87aab7b0cb7bf02c5454108dd6a92bff1fc5a' })));
    }
}, [1, "dga-slider-usage", {
        "activeStep": [32],
        "minValue": [32],
        "maxValue": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-slider-usage", "dga-slider"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-slider-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaSliderUsage$1);
            }
            break;
        case "dga-slider":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaSliderUsage = DgaSliderUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaSliderUsage, defineCustomElement };
