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 1.8 kB
import{r as s,d as o,h as c,e as d,g as a}from"./p-C1-Dpkp7.js";import{h as t}from"./p-tWS3Egrk.js";import{i as e}from"./p-DJ2rBB6r.js";const r=class{constructor(c){s(this,c),this.expandedChange=o(this,"expandedChange",7),this.inheritedAttributes={},this.customClass=""}componentWillLoad(){t(this.el),this.inheritedAttributes=e(this.el)}getClasses(){const s=[""];return this.customClass&&s.push(this.customClass),s.join(" ")}render(){return c(d,{key:"cd50dc732b2fc48835c00a151a3bd53baea5e45f"},c("div",Object.assign({key:"e5449efc6472a41424ab3eb550f6cf6e965f826e",class:this.getClasses()},this.inheritedAttributes),c("slot",{key:"1c32e9a0eb77ad1d5ee753f29b4bc78f881c0b48"})))}get el(){return a(this)}};r.style="[data-theme=modus-classic-light] modus-wc-accordion modus-wc-collapse:first-child .modus-wc-collapse,[data-theme=modus-classic-dark] modus-wc-accordion modus-wc-collapse:first-child .modus-wc-collapse{border-bottom-left-radius:0;border-bottom-right-radius:0}[data-theme=modus-classic-light] modus-wc-accordion modus-wc-collapse:not(:first-child):not(:last-child) .modus-wc-collapse,[data-theme=modus-classic-dark] modus-wc-accordion modus-wc-collapse:not(:first-child):not(:last-child) .modus-wc-collapse{border-radius:0}[data-theme=modus-classic-light] modus-wc-accordion modus-wc-collapse:last-child .modus-wc-collapse,[data-theme=modus-classic-dark] modus-wc-accordion modus-wc-collapse:last-child .modus-wc-collapse{border-top-left-radius:0;border-top-right-radius:0}[data-theme=modus-classic-light] modus-wc-accordion .modus-wc-collapse{border:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-gray-2)}[data-theme=modus-classic-dark] modus-wc-accordion .modus-wc-collapse{border:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-gray-8)}";export{r as modus_wc_accordion}