@larva.io/webcomponents/dist/components/range-content.js

Fentrica SmartUnits WebComponents package

/*!
 * (C) Fentrica http://fentrica.com - Seee LICENSE.md
 */
import { p as proxyCustomElement, H, c as createEvent, h } from './p-AOwgnAK2.js';
import { d as defineCustomElement$4 } from './p-BiG3U7GV.js';
import { d as defineCustomElement$3 } from './p-B84pz29o.js';
import { d as defineCustomElement$2 } from './p-B-fmI6sr.js';

const rangeCss = "slot-fb[hidden].sc-range-content,slot[hidden].sc-range-content{display:initial !important}.center.sc-range-content{text-align:center;padding:1rem 1.5rem}.center.sc-range-content lar-button.sc-range-content{margin-bottom:1.5rem;-webkit-box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.12), 0 4px 16px -4px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.12), 0 4px 16px -4px rgba(0, 0, 0, 0.08)}.center.sc-range-content lar-slider.sc-range-content{margin:0 auto;max-width:100%}";

const RadioButtonContent = /*@__PURE__*/ proxyCustomElement(class RadioButtonContent extends H {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
        this.buttonclick = createEvent(this, "buttonclick");
    }
    render() {
        return (h("div", { key: '372ac431234cf997d785be64f65fc83980355701', class: "center" }, h("lar-button", { key: 'e672c76d8a29131a37279d3a7495caeb0fc4ab9d', size: "small", color: this.color, disabled: this.disabled, expand: "block", onClick: () => this.buttonclick.emit() }, h("lar-translate", { key: '85efff344e0aa6a88bf92d998cd35b4ebd35c54c', t: this.buttonValue })), h("br", { key: '8f7ca5a3a163722a5e0d4e42d0fc5f5b9361d7fb' }), h("lar-slider", { key: 'c41c3b6f01ce84ecffa24403d2e6764828239ad8', orientation: "vertical", disabled: this.disabled, value: this.value, color: this.color, min: this.min, step: this.step, max: this.max })));
    }
    static get style() { return rangeCss; }
}, [258, "range-content", {
        "color": [1],
        "disabled": [4],
        "value": [2],
        "min": [2],
        "max": [2],
        "step": [2],
        "buttonValue": [1, "button-value"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["range-content", "lar-button", "lar-slider", "lar-translate"];
    components.forEach(tagName => { switch (tagName) {
        case "range-content":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, RadioButtonContent);
            }
            break;
        case "lar-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "lar-slider":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "lar-translate":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}
defineCustomElement$1();

const RangeContent = RadioButtonContent;
const defineCustomElement = defineCustomElement$1;

export { RangeContent, defineCustomElement };
//# sourceMappingURL=range-content.js.map

//# sourceMappingURL=range-content.js.map