@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 • 5.57 kB
JavaScript
import{r as o,d,h as a,e as s,g as c}from"./p-C1-Dpkp7.js";import{h as i}from"./p-tWS3Egrk.js";import{D as r}from"./p-DZXd_sgn.js";import{c as t,i as m}from"./p-DJ2rBB6r.js";const e=class{constructor(a){o(this,a),this.inputBlur=d(this,"inputBlur",7),this.inputChange=d(this,"inputChange",7),this.inputFocus=d(this,"inputFocus",7),this.inheritedAttributes={},this.resolveEffectiveId=t(),this.customClass="",this.disabled=!1,this.name="",this.required=!1,this.size="md",this.value=!1,this.handleBlur=o=>{this.inputBlur.emit(o)},this.handleFocus=o=>{this.inputFocus.emit(o)},this.handleInput=o=>{this.inputChange.emit(o)}}componentWillLoad(){i(this.el),this.el.ariaLabel||(this.el.ariaLabel="Radio button"),this.inheritedAttributes=m(this.el)}getClasses(){const o=["modus-wc-radio"],d=(({size:o})=>{let d="";return o&&(d=`${d} modus-wc-radio-${o}`),d.trim()})({size:this.size});return d&&o.push(d),this.customClass&&o.push(this.customClass),o.join(" ")}render(){const o=this.size&&r[this.size],d=this.resolveEffectiveId(this.inputId);return a(s,{key:"62ae50ffffc23403c33f8399f2f87ef279a77311",class:"modus-wc-radio-host"},a("input",Object.assign({key:"43a7fa85e3c9d4fbfa148880489bc31c92eaddd6","aria-checked":this.value,"aria-disabled":this.disabled,checked:this.value,class:this.getClasses(),disabled:this.disabled,id:d,name:this.name,onBlur:this.handleBlur,onFocus:this.handleFocus,onInput:this.handleInput,required:this.required,tabIndex:this.inputTabIndex,type:"radio"},this.inheritedAttributes)),this.label&&a("modus-wc-input-label",{key:"d7926077173fbd3f0f124e7eaaa088a97cc9c159",forId:d,labelText:this.label,required:this.required,size:o}))}get el(){return c(this)}};e.style="modus-wc-radio.modus-wc-radio-host{align-items:center;display:flex}modus-wc-radio.modus-wc-radio-host .modus-wc-input-label{font-weight:var(--modus-wc-font-weight-normal);padding-inline-start:var(--modus-wc-spacing-md)}modus-wc-radio.modus-wc-radio-host [type=radio].modus-wc-radio:checked{--fallback-bc:var(--modus-wc-color-primary)}modus-wc-radio.modus-wc-radio-host [type=radio].modus-wc-radio:focus{outline-color:var(--modus-wc-color-primary)}modus-wc-radio.modus-wc-radio-host [type=radio].modus-wc-radio:hover{--fallback-bc:var(--modus-wc-color-primary)}[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio,[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio{--fallback-bc:var(--modus-wc-color-gray-4);border-width:var(--modus-wc-border-width-sm)}[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-xs,[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-xs{height:0.875rem;width:0.875rem}[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-sm,[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-sm{height:1rem;width:1rem}[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-md,[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-md{height:1.125rem;width:1.125rem}[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-lg,[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-lg{height:1.25rem;width:1.25rem}[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio:checked{--fallback-bc:var(--modus-wc-color-trimble-blue)}[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio:focus{outline-color:var(--modus-wc-color-trimble-blue)}[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio:hover{--fallback-bc:var(--modus-wc-color-trimble-blue)}[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio:checked{--fallback-bc:var(--modus-wc-color-highlight-blue)}[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio:focus{outline-color:var(--modus-wc-color-highlight-blue)}[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio:hover{--fallback-bc:var(--modus-wc-color-trimble-blue)}[data-theme=connect-light] modus-wc-radio .modus-wc-radio,[data-theme=connect-dark] modus-wc-radio .modus-wc-radio{--fallback-bc:var(--modus-wc-color-gray-4);border-width:var(--modus-wc-border-width-sm)}[data-theme=connect-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-xs,[data-theme=connect-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-xs{height:0.875rem;width:0.875rem}[data-theme=connect-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-sm,[data-theme=connect-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-sm{height:1rem;width:1rem}[data-theme=connect-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-md,[data-theme=connect-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-md{height:1.25rem;width:1.25rem}[data-theme=connect-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-lg,[data-theme=connect-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-lg{height:1.75rem;width:1.75rem}[data-theme=connect-light] modus-wc-radio .modus-wc-radio:checked{--fallback-bc:var(--modus-wc-color-trimble-blue)}[data-theme=connect-light] modus-wc-radio .modus-wc-radio:focus{outline-color:var(--modus-wc-color-trimble-blue)}[data-theme=connect-light] modus-wc-radio .modus-wc-radio:hover{--fallback-bc:var(--modus-wc-color-trimble-blue)}[data-theme=connect-dark] modus-wc-radio .modus-wc-radio:checked{--fallback-bc:var(--modus-wc-color-highlight-blue)}[data-theme=connect-dark] modus-wc-radio .modus-wc-radio:focus{outline-color:var(--modus-wc-color-highlight-blue)}[data-theme=connect-dark] modus-wc-radio .modus-wc-radio:hover{--fallback-bc:var(--modus-wc-color-trimble-blue)}";export{e as modus_wc_radio}