'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index$1 = require('./index-457520a1.js');
const elementQuestionBase = require('./element-question-base-a6f39464.js');

const ElementSliderEditor = class {
    constructor(hostRef) {
        index$1.registerInstance(this, hostRef);
        this.label = {
            name: 'Header',
            labelQuestion: 'Formulate your question',
            labelRequired: 'Required',
            labelStep: 'Step size',
            labelMin: 'Min',
            labelMax: 'Max',
            labelMinText: 'Text left',
            labelMaxText: 'Text right'
        };
    }
    prop(path, options = {}) {
        return this.handler.prop(path, Object.assign(Object.assign({}, options), { label: this.label }));
    }
    render() {
        return (index$1.h(elementQuestionBase.ElementQuestionBase, { question: this.prop('question', { localize: true }), required: this.prop('required') }, index$1.h("bce-input", Object.assign({ type: "number" }, this.prop('step'))), index$1.h("bce-input", Object.assign({ type: "number" }, this.prop('min'))), index$1.h("bce-input", Object.assign({ type: "number" }, this.prop('max'))), index$1.h("bce-input", Object.assign({ type: "text" }, this.prop('minText', { localize: true }))), index$1.h("bce-input", Object.assign({ type: "text" }, this.prop('maxText', { localize: true }))), index$1.h("slot", null)));
    }
};

exports.bce_element_slider_editor = ElementSliderEditor;
