@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 • 921 B
JavaScript
import{r as t,h as s,H as e,g as i}from"./p-dzXW86AR.js";import{i as r}from"./p-B5lx0dpl.js";const h=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(){this.inheritedAttributes=r(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:"793305e78d61d1fe89073cfe57d1ba9e550910c5"},s("div",Object.assign({key:"06a2768e54c41f73715c6df0af5d48906331307e","aria-hidden":"true",class:this.getClasses(),style:this.getStyles(),tabindex:-1},this.inheritedAttributes)))}get el(){return i(this)}};h.style="";export{h as modus_wc_skeleton}