@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
35 lines (31 loc) • 2.5 kB
JavaScript
/*!
* (C) Fentrica http://fentrica.com - Seee LICENSE.md
*/
import { r as registerInstance, h, g as getElement } from './index-C4h1muVj.js';
const buttonPushCss = "slot-fb[hidden].sc-lar-button-push,slot[hidden].sc-lar-button-push{display:initial !important}lar-button.sc-lar-button-push{width:var(--lar-push-button-size, 4rem);height:var(--lar-push-button-size, 4rem);line-height:var(--lar-push-button-size, 4rem);--lar-button-border-radius:50%;--lar-button-border-radius-small:50%;--lar-push-button-padding-top:0;--lar-push-button-padding-bottom:0;--lar-push-button-padding-left:0;--lar-push-button-padding-right:0;position:relative;margin:0 auto}lar-button.sc-lar-button-push lar-icon.sc-lar-button-push{--lar-icon-size-small:calc(var(--lar-push-button-size, 4rem) / 2.8);position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}lar-button.lar-button-small.sc-lar-button-push{width:var(--lar-push-button-size-small, 2rem);height:var(--lar-push-button-size-small, 2rem);line-height:var(--lar-push-button-size-small, 2rem)}lar-button.lar-button-small.sc-lar-button-push lar-icon.sc-lar-button-push{--lar-icon-size-small:calc(var(--lar-push-button-size-small, 2rem) / 2.8)}";
const NodeButtonPush = class {
constructor(hostRef) {
registerInstance(this, hostRef);
/**
* The color to use from your application's color palette.
* Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
*/
this.color = 'primary';
/**
* size
*/
this.size = 'default';
/**
* The color to use from your application's color palette.
* Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
*/
this.disabled = false;
}
render() {
return (h("lar-button", { key: 'd84863abe1a3dba1ac54cb1cc165970f224629f0', style: { "borderRadius": "10px" }, color: "light", disabled: this.disabled, size: this.size }, h("slot", { key: '3587e4d916d01c86406e662d8e787fffa9aeb873' }, h("lar-icon", { key: 'f51c0224e241c5db3140c2065213db9e1f475036', icon: "solid-circle" }))));
}
get el() { return getElement(this); }
};
NodeButtonPush.style = buttonPushCss;
export { NodeButtonPush as lar_button_push };
//# sourceMappingURL=lar-button-push.entry.js.map