{"version":3,"file":"QuantityInputField-WE5Zrdd0-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    overridePlusDisabled?: boolean;\n    showLoweredQuantityWarning?: boolean;\n}\n\nconst QuantityInputField = ({\n    value,\n    minusAction,\n    plusAction,\n    translations,\n    minusDisabled,\n    plusDisabled,\n    overridePlusDisabled,\n    showLoweredQuantityWarning,\n}: QuantityInputFieldProps) => (\n    <div className=\"flex w-full group-[.cs-cart]:w-auto items-center gap-2\">\n        <button\n            disabled={minusDisabled}\n            type=\"button\"\n            onClick={minusAction}\n            className={`flex h-5 w-5 group-[.cs-cart]:h-[30px] group-[.cs-cart]:w-[30px] group-[.cs-cart]:p-1.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\n                group-[.cs-cart]:h-[30px] group-[.cs-cart]:w-[30px]\n                p-0 text-center text-sm\n                transition-all duration-500\n                [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\n                ${showLoweredQuantityWarning ? 'bg-red-500 shadow-lg shadow-[0px_0px_6px_5px_rgb(239,68,68)]' : 'bg-wildSand shadow-none'}\n            `}\n            value={value}\n            aria-label={translations.quantityLabel}\n            readOnly\n        />\n        <button\n            disabled={plusDisabled && !overridePlusDisabled}\n            type=\"button\"\n            onClick={plusAction}\n            className={`flex h-5 w-5 group-[.cs-cart]:h-[30px] group-[.cs-cart]:w-[30px] group-[.cs-cart]:p-1.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","overridePlusDisabled","showLoweredQuantityWarning","jsxs","jsx","MinusIcon","PlusIcon"],"mappings":"mGAkBA,MAAMA,EAAqB,CAAC,CACxB,MAAAC,EACA,YAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,aAAAC,EACA,qBAAAC,EACA,2BAAAC,CACJ,IACIC,EAAA,KAAC,MAAI,CAAA,UAAU,yDACX,SAAA,CAAAA,EAAA,KAAC,SAAA,CACG,SAAUJ,EACV,KAAK,SACL,QAASH,EACT,UAAW,0JACPG,EAAgB,aAAe,EACnC,GAEA,SAAA,CAAAK,EAAA,IAAC,OAAK,CAAA,UAAU,UAAW,SAAAN,EAAa,gBAAgB,EACxDM,EAAAA,IAACC,EAAU,CAAA,UAAU,SAAU,CAAA,CAAA,CAAA,CACnC,EACAD,EAAA,IAAC,QAAA,CACG,KAAK,SACL,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKLF,EAA6B,+DAAiE,yBAAyB;AAAA,cAE7H,MAAAP,EACA,aAAYG,EAAa,cACzB,SAAQ,EAAA,CACZ,EACAK,EAAA,KAAC,SAAA,CACG,SAAUH,GAAgB,CAACC,EAC3B,KAAK,SACL,QAASJ,EACT,UAAW,0JACPG,EAAe,aAAe,EAClC,GAEA,SAAA,CAAAI,EAAA,IAAC,OAAK,CAAA,UAAU,UAAW,SAAAN,EAAa,gBAAgB,EACxDM,EAAAA,IAACE,EAAS,CAAA,UAAU,SAAU,CAAA,CAAA,CAAA,CAClC,CAAA,CACJ,CAAA"}