@larva.io/webcomponents/dist/esm/lar-onoff-content.entry.js

Fentrica SmartUnits WebComponents package

/*!
 * (C) Fentrica http://fentrica.com - Seee LICENSE.md
 */
import { r as registerInstance, c as createEvent, h, H as Host } from './index-C4h1muVj.js';

const onoffContentCss = "slot-fb[hidden],slot[hidden]{display:initial !important}:host{display:block;width:100%;height:100%}.onoff-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:15rem;padding:2rem}.onoff-container lar-toggle{-webkit-transform:scale(2.5);transform:scale(2.5)}@media (max-width: 576px){.onoff-container{min-height:12rem}.onoff-container lar-toggle{-webkit-transform:scale(2);transform:scale(2)}}";

const OnOffContent = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.buttonclick = createEvent(this, "buttonclick");
    }
    onClick(event) {
        this.buttonclick.emit();
        event.preventDefault();
        event.stopPropagation();
    }
    render() {
        const isOn = this.value === 'onoff.on' || this.value === 'onoff.switchoff';
        return (h(Host, { key: 'b17474c05fb17917addf9158a7a7d070c42dc48b' }, h("div", { key: '02c454513485b04fd706f9d5cee38679a58c2c0a', class: "onoff-container" }, h("lar-toggle", { key: '200b7a21c21c7d58e462c0b727502fcf288b4f5c', disabled: this.disabled, color: this.color, checked: isOn, onClick: e => this.onClick(e) }))));
    }
};
OnOffContent.style = onoffContentCss;

export { OnOffContent as lar_onoff_content };
//# sourceMappingURL=lar-onoff-content.entry.js.map