| 1 |
import{a as S,g as D,i as w,H as P,j as e,_ as s,h as l,f as V,bI as I,b1 as M}from"./main-96.js";import{F as t}from"./bf-460-326.js";import{S as R}from"./bf-283-176.js";import{S as u}from"./bf-687-180.js";import"./bf-781-46.js";import"./bf-551-68.js";import"./bf-200-43.js";import"./bf-431-60.js";/* empty css */import"./bf-63-62.js";import"./bf-762-63.js";import"./bf-163-182.js";function z(){const{css:i}=S(),{fieldKey:n}=D(),[d,h]=w(M);if(!n)return null;const o=P(d[n]),{formatter:m,numberFormat:g,decimalSeparator:x,minimumFractionDigits:b,maximumFractionDigits:v,symbolPosition:y,currencyPosition:F,roundToClosestInteger:j,roundToClosestFractionDigits:f,showCurrencySymbol:C}=o.valueFormatOptions,r=(a,c)=>{o.valueFormatOptions[c]=a;const p=V(d,N=>{N[n]=o});h(p),I({event:`${T[c]} '${String(a||"Off").replace("true","On")}': ${o.lbl||n}`,type:`${c}_changed`,state:{fields:p,fldKey:n}})};return e.jsx(R,{id:"val-frmt-opt-stng",title:s("Value Format Options"),className:i(t.fieldSection),isPro:!0,proProperty:"valueFormatOptions",children:e.jsxs("div",{className:i(t.placeholder),children:[e.jsxs("div",{className:i(t.labelInput),children:[e.jsx("span",{className:i(l.m0,t.title),children:s("Formatter:")}),e.jsxs("select",{"data-testid":"frmtr-slct",className:i(t.input,l.wdt100),"aria-label":"Formatter",value:m||"none",onChange:a=>r(a.target.value,"formatter"),children:[e.jsx("option",{value:"none",children:s("None")}),e.jsx("option",{value:"browser",children:s("Browser")}),e.jsx("option",{value:"custom",children:s("Custom")})]})]}),e.jsx("div",{className:i(t.fieldSection,t.hover_tip,{pr:"10px",m:0}),children:e.jsx(u,{id:"val-crncy-symbl",tip:"By disabling this option, the currency symbol will be show",title:s("Currency Symbol:"),action:a=>r(a.target.checked,"showCurrencySymbol"),isChecked:C||!1})}),e.jsx("div",{className:i(t.fieldSection,t.hover_tip,{pr:"10px",m:0}),children:e.jsx(u,{id:"val-rnd-to-clsst-int",tip:"By disabling this option, the currency symbol will be show",title:s("Round to Closest Integer:"),action:a=>r(a.target.checked,"roundToClosestInteger"),isChecked:j||!1})}),m==="custom"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:i(t.fieldSection,t.hover_tip,{pr:"10px",m:0}),children:e.jsx(u,{id:"val-rnd-to-clsst-frc-dgt",tip:"By Enabling this option, the Fraction Will Rounded",title:s("Round to Closest Fraction Digits:"),action:a=>r(a.target.checked,"roundToClosestFractionDigits"),isChecked:f||!1})}),e.jsxs("div",{className:i(t.labelInput),children:[e.jsx("span",{className:i(l.m0,t.title),children:s("Minimum Fraction Digit:")}),e.jsx("input",{"data-testid":"val-mnmm-frctn-dgt",title:"Minimum Fraction Digit","aria-label":"Minimum Fraction Digit",placeholder:"Minimum Fraction Digit",className:i(t.input,t.w60,l.mt1),type:"number",value:b||"",onChange:a=>r(a.target.value,"minimumFractionDigits")})]}),e.jsxs("div",{className:i(t.labelInput),children:[e.jsx("span",{className:i(l.m0,t.title),children:s("Maximum Fraction Digit:")}),e.jsx("input",{"data-testid":"val-mxmm-frctn-dgt",title:"Maximum Fraction Digit","aria-label":"Maximum Fraction Digit",placeholder:"Maximum Fraction Digit",className:i(t.input,t.w60,l.mt1),type:"number",value:v||"",onChange:a=>r(a.target.value,"maximumFractionDigits")})]}),e.jsxs("div",{className:i(t.labelInput),children:[e.jsx("span",{className:i(l.m0,t.title),children:s("Decimal Separator:")}),e.jsx("input",{"data-testid":"val-dcml-sprtr",title:"Decimal Separator","aria-label":"Decimal Separator",placeholder:"Decimal Separator",className:i(t.input,t.w60,l.mt1),type:"text",value:x||"",onChange:a=>r(a.target.value,"decimalSeparator")})]}),e.jsxs("div",{className:i(t.labelInput),children:[e.jsx("span",{className:i(l.m0,t.title),children:s("Number Format:")}),e.jsx("input",{"data-testid":"val-nmbr-frmt-inp",title:"Number Format","aria-label":"Value Number Format",placeholder:"Ex: ###,###,###",className:i(t.input,l.mt1,{w:120}),type:"text",value:g||"",onChange:a=>r(a.target.value,"numberFormat")})]})]}),(m==="custom"||m==="none")&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:i(t.labelInput),children:[e.jsx("span",{className:i(l.m0,t.title),children:s("Currency Position:")}),e.jsxs("select",{"data-testid":"val-crncy-pstn",className:i(t.input,l.mt1,{w:120}),"aria-label":"Currency Position",value:F||"right",onChange:a=>r(a.target.value,"currencyPosition"),children:[e.jsx("option",{value:"right",children:s("Right")}),e.jsx("option",{value:"left",children:s("Left")})]})]}),e.jsxs("div",{className:i(t.labelInput),children:[e.jsx("span",{className:i(l.m0,t.title),children:s("Symbol Position:")}),e.jsxs("select",{"data-testid":"val-smbl-pstn",className:i(t.input,l.mt1,{w:120}),"aria-label":"Symbol Position",value:y||"left-number",onChange:a=>r(a.target.value,"symbolPosition"),children:[e.jsx("option",{value:"left-number",children:s("Left Number")}),e.jsx("option",{value:"right-number",children:s("Right Number")}),e.jsx("option",{value:"left-currency",children:s("Left Currency")}),e.jsx("option",{value:"right-currency",children:s("Right Currency")})]})]})]})]})})}const T={formatter:"Value Formatter Changed to",showCurrencySymbol:"Value Show Currency Symbol",roundToClosestInteger:"Value Round to closest integer",roundToClosestFractionDigits:"Value Round to closest Fraction Digit",minimumFractionDigits:"Value Minimum Fraction Digits",maximumFractionDigits:"Value Maximum Fraction Digits",decimalSeparator:"Value Decimal Separator",numberFormat:"Value Number Format",currencyPosition:"Value Currency Position",symbolPosition:"Value Symbol Position"};export{z as default}; |
