@larva.io/webcomponents/dist/components/sliding-door-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 DoorState } from './p-B-CH3G6g.js';
import { d as defineCustomElement$4 } from './p-BiG3U7GV.js';
import { d as defineCustomElement$3 } from './p-h4DczB6k.js';
import { d as defineCustomElement$2 } from './p-B-fmI6sr.js';

const slidingDoorCss = "slot-fb[hidden].sc-sliding-door-content,slot[hidden].sc-sliding-door-content{display:initial !important}lar-button-group.sc-sliding-door-content{display:-ms-flexbox;display:flex;gap:0.5rem;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:400px;margin:2rem auto;padding:0.4rem;background:rgba(0, 0, 0, 0.03);border-radius:0.8rem;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.5)}lar-button-group.sc-sliding-door-content lar-button.sc-sliding-door-content{-ms-flex:1;flex:1;min-height:3.5rem;font-weight:600;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.05em;border-radius:0.5rem;-webkit-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);-webkit-box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.1)}lar-button-group.sc-sliding-door-content lar-button.sc-sliding-door-content:active{-webkit-transform:scale(0.97);transform:scale(0.97)}";

const RadioButtonContent = /*@__PURE__*/ proxyCustomElement(class RadioButtonContent extends H {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
        this.sendcommand = createEvent(this, "sendcommand");
    }
    render() {
        return (h("lar-button-group", { key: '3ff8f6764d46102f93be67ab8c6fcb86b1b52705' }, h("lar-button", { key: '690d51e8b8c105a820f63a181c955de6ea1a0a3d', disabled: this.loading || this.doorState === DoorState.OPEN || this.doorState === DoorState.OPENING || this.doorState === DoorState.CLOSING, color: this.color, onClick: () => this.sendcommand.emit('open') }, h("lar-translate", { key: '7649933c55b282f4772f28640756da8e6e0f0e14', t: "slidingDoor.open" })), h("lar-button", { key: '23b45b611ef7900b0bda3a50b78fb8dcccdd7dbb', disabled: this.loading || this.doorState === DoorState.CLOSED || this.doorState === DoorState.OPENING || this.doorState === DoorState.CLOSING, color: this.color, onClick: () => this.sendcommand.emit('close') }, h("lar-translate", { key: 'd4f59b59307c5ae7ca3368b682ca8dfbb1701eeb', t: "slidingDoor.close" })), this.stopEnabled === true ?
            h("lar-button", { disabled: this.loading || (this.doorState !== DoorState.OPENING && this.doorState !== DoorState.CLOSING), color: this.color, onClick: () => this.sendcommand.emit('stop') }, h("lar-translate", { t: "slidingDoor.stop" })) : null));
    }
    static get style() { return slidingDoorCss; }
}, [258, "sliding-door-content", {
        "color": [1],
        "doorState": [1, "door-state"],
        "stopEnabled": [4, "stop-enabled"],
        "loading": [4]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["sliding-door-content", "lar-button", "lar-button-group", "lar-translate"];
    components.forEach(tagName => { switch (tagName) {
        case "sliding-door-content":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, RadioButtonContent);
            }
            break;
        case "lar-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "lar-button-group":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "lar-translate":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}
defineCustomElement$1();

const SlidingDoorContent = RadioButtonContent;
const defineCustomElement = defineCustomElement$1;

export { SlidingDoorContent, defineCustomElement };
//# sourceMappingURL=sliding-door-content.js.map

//# sourceMappingURL=sliding-door-content.js.map