@ni/nimble-components 33.12.0 → 34.0.0

package/dist/all-components-bundle.min.js

@@ -871,12 +871,12 @@ const i=Math.min(this.min,this.max)
 void 0!==this.min&&this.min!==i&&(this.min=i),this.value=this.getValidValue(this.value)}minChanged(t,e){var n
 this.min=Math.min(e,null!==(n=this.max)&&void 0!==n?n:e)
 const i=Math.max(this.min,this.max)
-void 0!==this.max&&this.max!==i&&(this.max=i),this.value=this.getValidValue(this.value)}get valueAsNumber(){return parseFloat(super.value)}set valueAsNumber(t){this.value=t.toString()}valueChanged(t,e){this.value=this.getValidValue(e),e===this.value&&(this.control&&!this.isUserInput&&(this.control.value=this.value),super.valueChanged(t,this.value),void 0===t||this.isUserInput||(this.$emit("input"),this.$emit("change")),this.isUserInput=!1)}validate(){super.validate(this.control)}getValidValue(t){var e,n
+void 0!==this.max&&this.max!==i&&(this.max=i),this.value=this.getValidValue(this.value)}get valueAsNumber(){return parseFloat(super.value)}set valueAsNumber(t){this.value=t.toString()}valueChanged(t,e){this.value=this.getValidValue(e),e===this.value&&(this.control&&!this.isUserInput&&this.syncValueToInnerControl(),super.valueChanged(t,this.value),void 0===t||this.isUserInput||(this.$emit("input"),this.$emit("change")),this.isUserInput=!1)}validate(){super.validate(this.control)}getValidValue(t){var e,n
 let i=parseFloat(parseFloat(t).toPrecision(12))
 return isNaN(i)?i="":(i=Math.min(i,null!==(e=this.max)&&void 0!==e?e:i),i=Math.max(i,null!==(n=this.min)&&void 0!==n?n:i).toString()),i}stepUp(){const t=parseFloat(this.value),e=isNaN(t)?this.min>0?this.min:this.max<0?this.max:this.min?0:this.step:t+this.step
 this.value=e.toString()}stepDown(){const t=parseFloat(this.value),e=isNaN(t)?this.min>0?this.min:this.max<0?this.max:this.min?0:0-this.step:t-this.step
-this.value=e.toString()}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type","number"),this.validate(),this.control.value=this.value,this.autofocus&&b.queueUpdate((()=>{this.focus()}))}select(){this.control.select(),this.$emit("select")}handleTextInput(){this.control.value=this.control.value.replace(/[^0-9\-+e.]/g,""),this.isUserInput=!0,this.value=this.control.value}handleChange(){this.$emit("change")}handleKeyDown(t){switch(t.key){case cn:return this.stepUp(),!1
-case rn:return this.stepDown(),!1}return!0}handleBlur(){this.control.value=this.value}}
+this.value=e.toString()}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type","number"),this.validate(),this.syncValueToInnerControl(),this.autofocus&&b.queueUpdate((()=>{this.focus()}))}select(){this.control.select(),this.$emit("select")}handleTextInput(){this.control.value=this.sanitizeInput(this.control.value),this.isUserInput=!0,this.syncValueFromInnerControl()}handleChange(){this.$emit("change")}handleKeyDown(t){switch(t.key){case cn:return this.stepUp(),!1
+case rn:return this.stepDown(),!1}return!0}handleBlur(){this.syncValueToInnerControl()}sanitizeInput(t){return t.replace(/[^0-9\-+e.]/g,"")}syncValueFromInnerControl(){this.value=this.control.value}syncValueToInnerControl(){this.control.value=this.value}}
 t([ft({attribute:"readonly",mode:"boolean"})],ts.prototype,"readOnly",void 0),t([ft({mode:"boolean"})],ts.prototype,"autofocus",void 0),t([ft({attribute:"hide-step",mode:"boolean"})],ts.prototype,"hideStep",void 0),t([ft],ts.prototype,"placeholder",void 0),t([ft],ts.prototype,"list",void 0),t([ft({converter:ut})],ts.prototype,"maxlength",void 0),t([ft({converter:ut})],ts.prototype,"minlength",void 0),t([ft({converter:ut})],ts.prototype,"size",void 0),t([ft({converter:ut})],ts.prototype,"step",void 0),t([ft({converter:ut})],ts.prototype,"max",void 0),t([ft({converter:ut})],ts.prototype,"min",void 0),t([C],ts.prototype,"defaultSlottedNodes",void 0),Ze(ts,re,Xi)
 let es=class extends je{constructor(){super(...arguments),this.orientation=Ke,this.radioChangeHandler=t=>{const e=t.target
 e.checked&&(this.slottedRadioButtons.forEach((t=>{t!==e&&(t.checked=!1,this.isInsideFoundationToolbar||t.setAttribute("tabindex","-1"))})),this.selectedRadio=e,this.value=e.value,e.setAttribute("tabindex","0"),this.focusedRadio=e),t.stopPropagation()},this.moveToRadioByIndex=(t,e)=>{const n=t[e]
@@ -1108,7 +1108,7 @@ Di.getOrCreate().withPrefix("nimble").register(il())
 const sl="nimble-theme-provider"
 function ol(t,e){const{r:n,g:i,b:s}=io(t)
 return`rgba(${255*n}, ${255*i}, ${255*s}, ${e})`}const rl=ki.create(Ga(qo)).withDefault((t=>eh(ih(t,wo,po,mo)))),al=ki.create(Ga(jo)).withDefault((t=>ih(t,mo,vo,xo)))
-ki.create(Ga(Go)).withDefault((t=>ih(t,fo,go,xo))),ki.create(Ga(Zo)).withDefault((t=>ih(t,po,bo,xo))),ki.create(Ga(Ko)).withDefault((t=>`linear-gradient(${ih(t,po,Oo,xo)}, ${ih(t,ol(po,0),ol(Oo,0),ol(xo,0))})`)),ki.create(Ga(Wo)).withDefault((t=>ih(t,ol(wo,.2),ol(po,.2),ol(mo,.2))))
+ki.create(Ga(Go)).withDefault((t=>ih(t,fo,go,xo))),ki.create(Ga(Zo)).withDefault((t=>ih(t,po,bo,xo))),ki.create(Ga(Ko)).withDefault((t=>`linear-gradient(${ih(t,po,Oo,xo)}, ${ih(t,ol(po,0),ol(Oo,0),ol(xo,0))})`)),ki.create(Ga(Wo)).withDefault((t=>ih(t,po,bo,xo)))
 const ll=ki.create(Ga(nr)).withDefault((t=>ol(ah(t),.2))),cl=ki.create(Ga(ir)).withDefault((t=>eh(ah(t)))),dl=ki.create(Ga(sr)).withDefault((t=>ol(ah(t),.15))),hl=ki.create(Ga(or)).withDefault((t=>ol(lh(t),.1)))
 ki.create(Ga(rr)).withDefault((t=>eh(lh(t)))),ki.create(Ga(ar)).withDefault((t=>ol(function(t){return ih(t,wo,po,mo)}(t),.15)))
 const ul=ki.create(Ga(lr)).withDefault((t=>oh(t))),pl=ki.create(Ga(cr)).withDefault((t=>eh(oh(t)))),fl=ki.create(Ga(dr)).withDefault((t=>sh(t))),ml=ki.create(Ga(hr)).withDefault((t=>function(t){return ih(t,So,ao,mo)}(t))),gl=ki.create(Ga(ur)).withDefault((t=>function(t){return ih(t,lo,co,mo)}(t))),vl=ki.create(Ga(pr)).withDefault((t=>function(t){return ih(t,ro,oo,mo)}(t))),bl=ki.create(Ga(fr)).withDefault((t=>ih(t,Co,$o,mo))),yl=ki.create(Ga(mr)).withDefault((t=>ih(t,wo,po,mo))),wl=ki.create(Ga(gr)).withDefault((t=>function(t){switch(el.getValueFor(t)){case Uo.light:return ol(yo,.3)
@@ -4942,7 +4942,8 @@ const fy="underline",my="outline",gy="block",vy="frameless",by=Mt`
     >
         <slot ${ie("defaultSlottedNodes")}></slot>
     </label>`)
-class wy extends(nv(_v(ts))){constructor(){super(...arguments),this.appearance=fy,this.fullBleed=!1,this.appearanceReadOnly=!1}connectedCallback(){super.connectedCallback(),this.control.setAttribute("role","spinbutton")}}t([ft],wy.prototype,"appearance",void 0),t([ft({attribute:"full-bleed",mode:"boolean"})],wy.prototype,"fullBleed",void 0),t([ft({attribute:"appearance-readonly",mode:"boolean"})],wy.prototype,"appearanceReadOnly",void 0)
+class wy extends(nv(_v(ts))){constructor(){super(...arguments),this.appearance=fy,this.fullBleed=!1,this.appearanceReadOnly=!1,this.decimalSeparator=".",this.inputFilterRegExp=this.buildFilterRegExp(this.decimalSeparator),this.langSubscriber={handleChange:()=>this.updateDecimalSeparatorAndInputFilter()}}connectedCallback(){super.connectedCallback(),this.control.setAttribute("role","spinbutton"),this.updateDecimalSeparatorAndInputFilter(),Qa.subscribe(this.langSubscriber,this)}disconnectedCallback(){super.disconnectedCallback(),Qa.unsubscribe(this.langSubscriber,this)}sanitizeInput(t){return t.replace(this.inputFilterRegExp,"")}syncValueFromInnerControl(){this.value="."!==this.decimalSeparator?this.control.value.replace(this.decimalSeparator,"."):this.control.value}syncValueToInnerControl(){this.control.value="."!==this.decimalSeparator?this.value.replace(".",this.decimalSeparator):this.value}updateDecimalSeparatorAndInputFilter(){const t=this.decimalSeparator
+this.decimalSeparator=this.getSeparatorForLanguange(Qa.getValueFor(this)),this.decimalSeparator!==t&&(this.inputFilterRegExp=this.buildFilterRegExp(this.decimalSeparator),this.control.value=this.control.value.replace(t,this.decimalSeparator))}getSeparatorForLanguange(t){return Intl.NumberFormat(t).formatToParts(1.1).find((t=>"decimal"===t.type)).value}buildFilterRegExp(t){return new RegExp(`[^0-9\\-+e${t}]`,"g")}}t([ft],wy.prototype,"appearance",void 0),t([ft({attribute:"full-bleed",mode:"boolean"})],wy.prototype,"fullBleed",void 0),t([ft({attribute:"appearance-readonly",mode:"boolean"})],wy.prototype,"appearanceReadOnly",void 0)
 const xy=wy.compose({baseName:"number-field",baseClass:ts,template:(t,e)=>Q`
     <template class="${t=>t.readOnly?"readonly":""}">
         ${yy}
@@ -4966,7 +4967,7 @@ const xy=wy.compose({baseName:"number-field",baseClass:ts,template:(t,e)=>Q`
                 ?required="${t=>t.required}"
                 size="${t=>t.size}"
                 type="text"
-                inputmode="numeric"
+                inputmode="text"
                 min="${t=>t.min}"
                 max="${t=>t.max}"
                 step="${t=>t.step}"