@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
23 lines (19 loc) • 2.89 kB
JavaScript
/*!
* (C) Fentrica http://fentrica.com - Seee LICENSE.md
*/
import { r as registerInstance, c as createEvent, h } from './index-C4h1muVj.js';
import { D as DoorState } from './sliding-door-interface-B-CH3G6g.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 = class {
constructor(hostRef) {
registerInstance(this, hostRef);
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));
}
};
RadioButtonContent.style = slidingDoorCss;
export { RadioButtonContent as sliding_door_content };
//# sourceMappingURL=sliding-door-content.entry.js.map