{"version":3,"file":"QuantityInputField-BGaMUOW1-chunk.js","sources":["../../../GSDClient/Scripts/Components/Forms/QuantityInputField.tsx"],"sourcesContent":["import MinusIcon from 'Icons/minus.svg?react';\nimport PlusIcon from 'Icons/plus.svg?react';\n\ninterface QuantityInputFieldProps {\n    value: number;\n    minusAction: () => void;\n    plusAction: () => void;\n    translations: {\n        decrementButton: string;\n        incrementButton: string;\n        quantityLabel: string;\n    };\n    minusDisabled?: boolean;\n    plusDisabled?: boolean;\n}\n\nconst QuantityInputField = ({\n    value,\n    minusAction,\n    plusAction,\n    translations,\n    minusDisabled,\n    plusDisabled,\n}: QuantityInputFieldProps) => (\n    <div className=\"flex w-full items-center gap-2\">\n        <button\n            disabled={minusDisabled}\n            type=\"button\"\n            onClick={minusAction}\n            className={`flex h-5 w-5 items-center justify-center transition-opacity duration-layout ${\n                minusDisabled ? 'opacity-50' : ''\n            }`}\n        >\n            <span className=\"sr-only\">{translations.decrementButton}</span>\n            <MinusIcon className=\"h-5 w-5\" />\n        </button>\n        <input\n            type=\"number\"\n            className=\"m-0 h-5 w-5 bg-wildSand p-0 text-center text-sm [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\"\n            value={value}\n            aria-label={translations.quantityLabel}\n            readOnly\n        />\n        <button\n            disabled={plusDisabled}\n            type=\"button\"\n            onClick={plusAction}\n            className={`flex h-5 w-5 items-center justify-center transition-opacity duration-layout ${\n                plusDisabled ? 'opacity-50' : ''\n            }`}\n        >\n            <span className=\"sr-only\">{translations.incrementButton}</span>\n            <PlusIcon className=\"h-5 w-5\" />\n        </button>\n    </div>\n);\n\nexport default QuantityInputField;\n"],"names":["QuantityInputField","value","minusAction","plusAction","translations","minusDisabled","plusDisabled","jsxs","jsx","MinusIcon","PlusIcon"],"mappings":"mGAgBA,MAAMA,EAAqB,CAAC,CACxB,MAAAC,EACA,YAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,aAAAC,CACJ,IACIC,EAAA,KAAC,MAAI,CAAA,UAAU,iCACX,SAAA,CAAAA,EAAA,KAAC,SAAA,CACG,SAAUF,EACV,KAAK,SACL,QAASH,EACT,UAAW,+EACPG,EAAgB,aAAe,EACnC,GAEA,SAAA,CAAAG,EAAA,IAAC,OAAK,CAAA,UAAU,UAAW,SAAAJ,EAAa,gBAAgB,EACxDI,EAAAA,IAACC,EAAU,CAAA,UAAU,SAAU,CAAA,CAAA,CAAA,CACnC,EACAD,EAAA,IAAC,QAAA,CACG,KAAK,SACL,UAAU,gJACV,MAAAP,EACA,aAAYG,EAAa,cACzB,SAAQ,EAAA,CACZ,EACAG,EAAA,KAAC,SAAA,CACG,SAAUD,EACV,KAAK,SACL,QAASH,EACT,UAAW,+EACPG,EAAe,aAAe,EAClC,GAEA,SAAA,CAAAE,EAAA,IAAC,OAAK,CAAA,UAAU,UAAW,SAAAJ,EAAa,gBAAgB,EACxDI,EAAAA,IAACE,EAAS,CAAA,UAAU,SAAU,CAAA,CAAA,CAAA,CAClC,CAAA,CACJ,CAAA"}