UNPKG

@wordpress/components

Version:
8 lines (7 loc) 2.79 kB
{ "version": 3, "sources": ["../../src/color-picker/hsl-input.tsx"], "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport { InputWithSlider } from './input-with-slider';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const HslInput = ({\n hsla,\n onChange,\n enableAlpha\n}) => {\n const updateHSLAValue = partialNewValue => {\n onChange({\n ...hsla,\n ...partialNewValue\n });\n };\n return /*#__PURE__*/_jsxs(_Fragment, {\n children: [/*#__PURE__*/_jsx(InputWithSlider, {\n min: 0,\n max: 359,\n label: \"Hue\",\n abbreviation: \"H\",\n value: hsla.h,\n onChange: nextH => {\n updateHSLAValue({\n h: nextH\n });\n }\n }), /*#__PURE__*/_jsx(InputWithSlider, {\n min: 0,\n max: 100,\n label: \"Saturation\",\n abbreviation: \"S\",\n value: hsla.s,\n onChange: nextS => {\n updateHSLAValue({\n s: nextS\n });\n }\n }), /*#__PURE__*/_jsx(InputWithSlider, {\n min: 0,\n max: 100,\n label: \"Lightness\",\n abbreviation: \"L\",\n value: hsla.l,\n onChange: nextL => {\n updateHSLAValue({\n l: nextL\n });\n }\n }), enableAlpha && /*#__PURE__*/_jsx(InputWithSlider, {\n min: 0,\n max: 100,\n label: \"Alpha\",\n abbreviation: \"A\",\n value: Math.trunc(100 * hsla.a),\n onChange: nextA => {\n updateHSLAValue({\n a: nextA / 100\n });\n }\n })]\n });\n};"], "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,+BAAgC;AAChC,yBAAkE;AAC3D,IAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,kBAAkB,qBAAmB;AACzC,aAAS;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,SAAoB,uCAAAA,MAAM,mBAAAC,UAAW;AAAA,IACnC,UAAU,CAAc,uCAAAC,KAAK,0CAAiB;AAAA,MAC5C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAc;AAAA,MACd,OAAO,KAAK;AAAA,MACZ,UAAU,WAAS;AACjB,wBAAgB;AAAA,UACd,GAAG;AAAA,QACL,CAAC;AAAA,MACH;AAAA,IACF,CAAC,GAAgB,uCAAAA,KAAK,0CAAiB;AAAA,MACrC,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAc;AAAA,MACd,OAAO,KAAK;AAAA,MACZ,UAAU,WAAS;AACjB,wBAAgB;AAAA,UACd,GAAG;AAAA,QACL,CAAC;AAAA,MACH;AAAA,IACF,CAAC,GAAgB,uCAAAA,KAAK,0CAAiB;AAAA,MACrC,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAc;AAAA,MACd,OAAO,KAAK;AAAA,MACZ,UAAU,WAAS;AACjB,wBAAgB;AAAA,UACd,GAAG;AAAA,QACL,CAAC;AAAA,MACH;AAAA,IACF,CAAC,GAAG,eAA4B,uCAAAA,KAAK,0CAAiB;AAAA,MACpD,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAc;AAAA,MACd,OAAO,KAAK,MAAM,MAAM,KAAK,CAAC;AAAA,MAC9B,UAAU,WAAS;AACjB,wBAAgB;AAAA,UACd,GAAG,QAAQ;AAAA,QACb,CAAC;AAAA,MACH;AAAA,IACF,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;", "names": ["_jsxs", "_Fragment", "_jsx"] }