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