v4web-components
Version:
Stencil Component Starter
37 lines (33 loc) • 3.26 kB
JavaScript
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
const labDsIconSelectableCss = ".v4-icon-selectable{display:inline-flex;justify-content:center;align-items:center;font-family:Material Symbols Outlined}.v4-icon-selectable:hover{background-color:var(--lab-ds-semantic-selectable-color-bg-hover);border-radius:var(--lab-ds-semantic-selectable-border-radius-pill);cursor:pointer}.v4-icon-selectable.x-large{box-sizing:var(--lab-ds-semantic-size-icon-xxxl);width:var(--lab-ds-semantic-size-icon-xxxl);height:var(--lab-ds-semantic-size-icon-xxxl);padding:var(--lab-ds-semantic-selectable-space-padding-xs);font-size:var(--lab-ds-semantic-size-icon-xxl)}.v4-icon-selectable.large{box-sizing:var(--lab-ds-semantic-size-icon-xl);width:var(--lab-ds-semantic-size-icon-xl);height:var(--lab-ds-semantic-size-icon-xl);padding:var(--lab-ds-semantic-selectable-space-padding-xs);font-size:var(--lab-ds-semantic-size-icon-l)}.v4-icon-selectable.medium{box-sizing:var(--lab-ds-semantic-size-icon-l);width:var(--lab-ds-semantic-size-icon-l);height:var(--lab-ds-semantic-size-icon-l);padding:var(--lab-ds-semantic-selectable-space-padding-xs);font-size:var(--lab-ds-semantic-size-icon-m)}.v4-icon-selectable.s-medium{box-sizing:var(--lab-ds-semantic-size-icon-m);width:var(--lab-ds-semantic-size-icon-m);height:var(--lab-ds-semantic-size-icon-m);padding:var(--lab-ds-semantic-selectable-space-padding-xs);font-size:var(--lab-ds-semantic-size-icon-sm)}.v4-icon-selectable.small{box-sizing:var(--lab-ds-semantic-size-icon-sm);width:var(--lab-ds-semantic-size-icon-sm);height:var(--lab-ds-semantic-size-icon-sm);padding:var(--lab-ds-semantic-selectable-space-padding-xs);font-size:var(--lab-ds-semantic-size-icon-s)}.v4-icon-selectable.x-small{box-sizing:var(--lab-ds-semantic-size-icon-s);width:var(--lab-ds-semantic-size-icon-s);height:var(--lab-ds-semantic-size-icon-s);padding:var(--lab-ds-semantic-selectable-space-padding-xxs);font-size:var(--lab-ds-semantic-size-icon-xs)}.v4-icon-selectable.xx-small{box-sizing:var(--lab-ds-semantic-size-icon-xs);width:var(--lab-ds-semantic-size-icon-xs);height:var(--lab-ds-semantic-size-icon-xs);padding:var(--lab-ds-semantic-selectable-space-padding-xxs);font-size:var(--lab-ds-semantic-size-icon-xxs)}";
const LabDsIconSelectable = /*@__PURE__*/ proxyCustomElement(class LabDsIconSelectable extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
this.icon = undefined;
this.size = 'medium';
}
render() {
return h("span", { class: `material-symbols-outlined v4-icon-selectable ${this.size} notranslate` }, this.icon);
}
static get style() { return labDsIconSelectableCss; }
}, [1, "lab-ds-icon-selectable", {
"icon": [1],
"size": [1]
}]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["lab-ds-icon-selectable"];
components.forEach(tagName => { switch (tagName) {
case "lab-ds-icon-selectable":
if (!customElements.get(tagName)) {
customElements.define(tagName, LabDsIconSelectable);
}
break;
} });
}
export { LabDsIconSelectable as L, defineCustomElement as d };
//# sourceMappingURL=lab-ds-icon-selectable2.js.map