@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 • 3.53 kB
JavaScript
import{r as s,c as d,h as o,H as i,g as a}from"./p-D5XAQERj.js";import{D as t}from"./p-DZXd_sgn.js";import{i as c}from"./p-DlW2F98o.js";const r=class{constructor(o){s(this,o),this.inputBlur=d(this,"inputBlur"),this.inputChange=d(this,"inputChange"),this.inputFocus=d(this,"inputFocus"),this.inheritedAttributes={},this.customClass="",this.disabled=!1,this.name="",this.required=!1,this.size="md",this.value=!1,this.handleBlur=s=>{this.inputBlur.emit(s)},this.handleFocus=s=>{this.inputFocus.emit(s)},this.handleInput=s=>{this.inputChange.emit(s)}}componentWillLoad(){this.el.ariaLabel||(this.el.ariaLabel="Radio button"),this.inheritedAttributes=c(this.el)}getClasses(){const s=["modus-wc-radio"],d=(({size:s})=>{let d="";return s&&(d=`${d} modus-wc-radio-${s}`),d.trim()})({size:this.size});return d&&s.push(d),this.customClass&&s.push(this.customClass),s.join(" ")}render(){const s=this.size&&t[this.size];return o(i,{key:"0edda5d40c776330dea088647eaf4b907f491f86",class:"modus-wc-radio-host"},o("input",Object.assign({key:"8d35c3ef651d02b5a2afa8bb1fade60f48a78130","aria-checked":this.value,"aria-disabled":this.disabled,checked:this.value,class:this.getClasses(),disabled:this.disabled,id:this.inputId,name:this.name,onBlur:this.handleBlur,onFocus:this.handleFocus,onInput:this.handleInput,required:this.required,tabIndex:this.inputTabIndex,type:"radio"},this.inheritedAttributes)),this.label&&o("modus-wc-input-label",{key:"df3d7cadb4a75d72eea3e1874b6d171fc6b8b135",forId:this.inputId,labelText:this.label,required:this.required,size:s}))}get el(){return a(this)}};r.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)}[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)}";export{r as modus_wc_radio}