@ni/nimble-components 33.12.1 → 34.0.0

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

@@ -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}"