@trimble-oss/moduswebcomponents/modus-wc/p-bb32dabd.entry.js

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

import{r as s,c as t,h as i,H as e,g as h}from"./p-D5XAQERj.js";import{i as d}from"./p-DlW2F98o.js";const a=class{constructor(i){s(this,i),this.inputBlur=t(this,"inputBlur"),this.inputChange=t(this,"inputChange"),this.inputFocus=t(this,"inputFocus"),this.inheritedAttributes={},this.customClass="",this.disabled=!1,this.name="",this.required=!1,this.size="md",this.value=0,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="Slider"),this.inheritedAttributes=d(this.el)}getClasses(){const s=["modus-wc-range"],t=(({size:s})=>{let t="";return s&&(t=`${t} modus-wc-range-${s}`),t.trim()})({size:this.size});return t&&s.push(t),this.customClass&&s.push(this.customClass),s.join(" ")}render(){return i(e,{key:"a695a47c247d78d1db7afe0be8182129464aa26c"},this.label&&i("modus-wc-input-label",{key:"06154fc20727264768a7701dbb0df927445502a2",forId:this.inputId,labelText:this.label,required:this.required,size:this.size}),i("input",Object.assign({key:"bb6dd984414dd366bedd3168254085b2783c73bb","aria-disabled":this.disabled,class:this.getClasses(),disabled:this.disabled,id:this.inputId,max:this.max,min:this.min,name:this.name,onBlur:this.handleBlur,onFocus:this.handleFocus,onInput:this.handleInput,required:this.required,step:this.step,tabIndex:this.inputTabIndex,type:"range",value:this.value},this.inheritedAttributes)))}get el(){return h(this)}};a.style="modus-wc-slider .modus-wc-input-label{padding-bottom:var(--modus-wc-spacing-sm)}[data-theme=modus-classic-light] modus-wc-slider .modus-wc-range,[data-theme=modus-classic-dark] modus-wc-slider .modus-wc-range{--rounded-box:200px;--range-shdw:var(--modus-wc-color-trimble-blue)}";export{a as modus_wc_slider}