@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
69 lines (65 loc) • 3.6 kB
JavaScript
/*!
* (C) Fentrica http://fentrica.com - Seee LICENSE.md
*/
import { p as proxyCustomElement, H, h } from './p-AOwgnAK2.js';
import { d as defineCustomElement$2 } from './p-BiG3U7GV.js';
import { d as defineCustomElement$1 } from './p-C9VBtzS4.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 = /*@__PURE__*/ proxyCustomElement(class NodeButtonPush extends H {
constructor(registerHost) {
super();
if (registerHost !== false) {
this.__registerHost();
}
/**
* 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 this; }
static get style() { return buttonPushCss; }
}, [262, "lar-button-push", {
"color": [1],
"size": [1],
"disabled": [4]
}]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["lar-button-push", "lar-button", "lar-icon"];
components.forEach(tagName => { switch (tagName) {
case "lar-button-push":
if (!customElements.get(tagName)) {
customElements.define(tagName, NodeButtonPush);
}
break;
case "lar-button":
if (!customElements.get(tagName)) {
defineCustomElement$2();
}
break;
case "lar-icon":
if (!customElements.get(tagName)) {
defineCustomElement$1();
}
break;
} });
}
defineCustomElement();
export { NodeButtonPush as N, defineCustomElement as d };
//# sourceMappingURL=p-CihB8b9m.js.map
//# sourceMappingURL=p-CihB8b9m.js.map