@ni/spright-components 5.5.3 → 5.5.4

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

@@ -4945,7 +4945,8 @@ const by="underline",yy="outline",wy="block",xy="frameless",Cy=$t`
     >
         <slot ${ie("defaultSlottedNodes")}></slot>
     </label>`)
-class Sy extends(ov(Mv(ts))){constructor(){super(...arguments),this.appearance=by,this.fullBleed=!1,this.appearanceReadOnly=!1}connectedCallback(){super.connectedCallback(),this.control.setAttribute("role","spinbutton")}}t([ft],Sy.prototype,"appearance",void 0),t([ft({attribute:"full-bleed",mode:"boolean"})],Sy.prototype,"fullBleed",void 0),t([ft({attribute:"appearance-readonly",mode:"boolean"})],Sy.prototype,"appearanceReadOnly",void 0)
+class Sy extends(ov(Mv(ts))){constructor(){super(...arguments),this.appearance=by,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(),tl.subscribe(this.langSubscriber,this)}disconnectedCallback(){super.disconnectedCallback(),tl.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(tl.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],Sy.prototype,"appearance",void 0),t([ft({attribute:"full-bleed",mode:"boolean"})],Sy.prototype,"fullBleed",void 0),t([ft({attribute:"appearance-readonly",mode:"boolean"})],Sy.prototype,"appearanceReadOnly",void 0)
 const _y=Sy.compose({baseName:"number-field",baseClass:ts,template:(t,e)=>Q`
     <template class="${t=>t.readOnly?"readonly":""}">
         ${ky}
@@ -4969,7 +4970,7 @@ const _y=Sy.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}"