@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-D_4hbGjA.js";import{i as h}from"./p-BLBSdonk.js";const r=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=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:"0c7c00866897e75b459d76710ae34fde91fa2699"},s("div",Object.assign({key:"8ae53c877863a1cc3d172bdc1a526aaca618cb77","aria-hidden":"true",class:this.getClasses(),style:this.getStyles(),tabindex:-1},this.inheritedAttributes)))}get el(){return i(this)}};r.style="";export{r as modus_wc_skeleton}