@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 • 1.59 kB
JavaScript
import{r as s,h as e,H as i,g as r}from"./p-D_4hbGjA.js";import{i as t}from"./p-BLBSdonk.js";const c=class{constructor(e){s(this,e),this.inheritedAttributes={},this.color="tertiary",this.content="",this.customClass="",this.orientation="vertical",this.position="center",this.responsive=!0}componentWillLoad(){this.inheritedAttributes=t(this.el)}getClasses(){const s=["modus-wc-divider"],e=(({color:s,orientation:e,position:i,responsive:r})=>{let t="";if(s)switch(s){case"primary":t=`${t} modus-wc-divider-primary`;break;case"secondary":t=`${t} modus-wc-divider-secondary`;break;case"tertiary":t=`${t} modus-wc-divider-neutral`;break;case"high-contrast":t=`${t} modus-wc-divider-accent`;break;case"success":t=`${t} modus-wc-divider-success`;break;case"warning":t=`${t} modus-wc-divider-warning`;break;case"danger":t=`${t} modus-wc-divider-error`}if(e)switch(e){case"horizontal":t=`${t} modus-wc-divider-horizontal`;break;case"vertical":t=`${t} modus-wc-divider-vertical`}if(i)switch(i){case"end":t=`${t} modus-wc-divider-start`;break;case"start":t=`${t} modus-wc-divider-end`}return r&&(t=`${t} flex-grow place-items-center`),t.trim()})({color:this.color,orientation:this.orientation,position:this.position,responsive:this.responsive});return e&&s.push(e),this.customClass&&s.push(this.customClass),s.join(" ")}render(){return e(i,{key:"c3891228bcd1927156a5b45980f18873f5ab185a"},e("div",Object.assign({key:"bddcc1c9b98f8371e2bd369f5230313ee959ba3e",class:this.getClasses(),tabindex:-1},this.inheritedAttributes),this.content))}get el(){return r(this)}};c.style="";export{c as modus_wc_divider}