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 963 B
import{r as t,h as s,e,g as i}from"./p-C1-Dpkp7.js";import{h as r}from"./p-tWS3Egrk.js";import{i as h}from"./p-DJ2rBB6r.js";const c=class{constructor(s){t(this,s),this.inheritedAttributes={},this.customClass="",this.height="var(--modus-wc-line-height-md)",this.shape="rectangle",this.width="100%"}componentWillLoad(){r(this.el),this.inheritedAttributes=h(this.el)}getClasses(){const t=["modus-wc-skeleton"],s=(({shape:t})=>{let s="";return"circle"===t&&(s=`${s} modus-wc-rounded-full`),s.trim()})({shape:this.shape});return s&&t.push(s),this.customClass&&t.push(this.customClass),t.join(" ")}getStyles(){return{height:this.height,width:this.width}}render(){return s(e,{key:"9a28ee86551a68e914e989a1ccdc6b1b0c83da2b"},s("div",Object.assign({key:"991cc2e03b89fa9f0ee9e79cd32b4a425c0bc102","aria-hidden":"true",class:this.getClasses(),style:this.getStyles(),tabindex:-1},this.inheritedAttributes)))}get el(){return i(this)}};c.style="";export{c as modus_wc_skeleton}