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 921 B
import{r as t,h as e,H as s,g as i}from"./p-D5XAQERj.js";import{i as r}from"./p-DlW2F98o.js";const h=class{constructor(e){t(this,e),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"],e=(({shape:t})=>{let e="";return"circle"===t&&(e=`${e} modus-wc-rounded-full`),e.trim()})({shape:this.shape});return e&&t.push(e),this.customClass&&t.push(this.customClass),t.join(" ")}getStyles(){return{height:this.height,width:this.width}}render(){return e(s,{key:"2f441234fae48276eb37aa7a16e5e86734878e68"},e("div",Object.assign({key:"29d121ddd6bf46e0e4200998c723c234c08ded10","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}