import { r as registerInstance, c as createEvent, h } from './chunk-82a2445c.js';

class SliderComponent {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.valueChanged = createEvent(this, "valueChanged", 7);
    }
    valueChangedHandler(event) {
        this.valueChanged.emit(event.target.value);
    }
    render() {
        return (h("div", { class: "slider-container" }, h("input", { type: "range", min: this.min, max: this.max, value: this.value, class: "slider", onChange: (event) => this.valueChangedHandler(event) })));
    }
    static get style() { return ":root{--ema-color:#343a40;--ema-primary:#007bff;--ema-secondary:#6c757d;--ema-success:#28a745;--ema-info:#17a2b8;--ema-warning:#ffc107;--ema-danger:#dc3545;--ema-light:#f8f9fa;--ema-dark:#343a40;--ema-background:#fff;--ema-background-diap:rgba(29,29,29,0.97);--ema-border-color:#c5c9cd;--ema-border:1px solid #c5c9cd;--ema-border-radius:3px 3px 3px 3px;--ema-box-shadow:1px 1px 10px 1px #ccc;--ema-margin:0.25rem;--ema-margin-sm:0.5rem;--ema-margin-md:1rem;--ema-margin-lg:1.5rem;--ema-margin-xl:2rem;--ema-padding:0.25rem;--ema-padding-sm:0.5rem;--ema-padding-md:1rem;--ema-padding-lg:1.5rem;--ema-padding-xl:2rem;--ema-gray-100:#f8f9fa;--ema-gray-200:#e9ecef;--ema-gray-300:#dee2e6;--ema-gray-400:#ced4da;--ema-gray-500:#adb5bd;--ema-gray-600:#868e96;--ema-gray-700:#495057;--ema-gray-800:#343a40;--ema-gray-900:#212529}ema-slider .slider-container{width:100%}ema-slider .slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s}ema-slider .slider:hover{opacity:1}ema-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#77757a;cursor:pointer}ema-slider .slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#77757a;cursor:pointer}"; }
}

export { SliderComponent as ema_slider };
