UNPKG

@trimble-oss/moduswebcomponents

Version:

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

1 lines 2.02 kB
import{r as o,h as s,e as i,g as c}from"./p-C1-Dpkp7.js";import{h as d}from"./p-tWS3Egrk.js";import{i as n}from"./p-DJ2rBB6r.js";const m=class{constructor(s){o(this,s),this.inheritedAttributes={},this.customClass="",this.decorative=!0,this.size="md"}componentWillLoad(){d(this.el),this.decorative||this.el.ariaLabel||(this.el.ariaLabel=`${this.name} icon`),this.inheritedAttributes=n(this.el)}getClasses(){let o=[];return o.push("modus-wc-icon"),o.push("outlined"===this.variant?"modus-icons-outlined":"solid"===this.variant?"modus-icons-solid":"modus-icons"),o.push(`modus-wc-icon--${this.size}`),this.customClass&&o.push(this.customClass),o.join(" ")}render(){const o=this.decorative?void 0:"img";return s(i,{key:"fe663bd3846135d1dda08eca273d9df19bde8c0a",class:"modus-wc-flex modus-wc-items-center"},s("i",Object.assign({key:"d8bedd1e99b4dbe86184635d8bb231f5069ece11","aria-hidden":this.decorative?"true":null,"aria-label":this.decorative?null:this.el.ariaLabel,class:this.getClasses(),role:o,tabindex:-1},this.inheritedAttributes),this.name))}get el(){return c(this)}};m.style="modus-wc-icon .modus-icons.modus-wc-icon--xs,modus-wc-icon .modus-icons-outlined.modus-wc-icon--xs,modus-wc-icon .modus-icons-solid.modus-wc-icon--xs{font-size:1rem}modus-wc-icon .modus-icons.modus-wc-icon--sm,modus-wc-icon .modus-icons-outlined.modus-wc-icon--sm,modus-wc-icon .modus-icons-solid.modus-wc-icon--sm{font-size:1.25rem}modus-wc-icon .modus-icons.modus-wc-icon--md,modus-wc-icon .modus-icons-outlined.modus-wc-icon--md,modus-wc-icon .modus-icons-solid.modus-wc-icon--md{font-size:1.5rem}modus-wc-icon .modus-icons.modus-wc-icon--lg,modus-wc-icon .modus-icons-outlined.modus-wc-icon--lg,modus-wc-icon .modus-icons-solid.modus-wc-icon--lg{font-size:2rem}modus-wc-icon .modus-icons.modus-wc-icon--xl,modus-wc-icon .modus-icons-outlined.modus-wc-icon--xl,modus-wc-icon .modus-icons-solid.modus-wc-icon--xl{font-size:4rem}modus-wc-icon i::before,modus-wc-icon i::after{font-family:inherit !important}";export{m as modus_wc_icon}