@chayns-components/color-picker 5.0.0-beta.840 → 5.0.0-beta.841

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/cjs/components/color-picker-popup/preset-colors/PresetColors.js +1 -1
  2. package/lib/cjs/components/color-picker-popup/preset-colors/PresetColors.js.map +1 -1
  3. package/lib/esm/components/color-picker-popup/preset-colors/PresetColors.js +1 -1
  4. package/lib/esm/components/color-picker-popup/preset-colors/PresetColors.js.map +1 -1
  5. package/package.json +10 -10
package/lib/cjs/components/color-picker-popup/preset-colors/PresetColors.js CHANGED
@@ -53,7 +53,7 @@ const PresetColors = ({
53
53
  color,
54
54
  id
55
55
  }) => {
56
- items.push( /*#__PURE__*/_react.default.createElement(_PresetColor.default, {
56
+ items.push(/*#__PURE__*/_react.default.createElement(_PresetColor.default, {
57
57
  key: `preset-color__${id}`,
58
58
  color: color
59
59
  }));
package/lib/cjs/components/color-picker-popup/preset-colors/PresetColors.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PresetColors.js","names":["_colors","require","_react","_interopRequireWildcard","_color","_color2","_ColorPickerProvider","_PresetButton","_interopRequireDefault","_PresetColor","_PresetColors","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PresetColors","presetColors","onPresetColorRemove","onPresetColorAdd","selectedColor","useContext","ColorPickerContext","combinedColors","useMemo","tmp","map","color","isCustom","id","newColor","isHex","g","b","hexToRgb","PRESETCOLORS","content","items","forEach","push","createElement","key","currentPresetColor","find","StyledPresetColors","onAdd","onRemove","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker-popup/preset-colors/PresetColors.tsx"],"sourcesContent":["import { isHex } from '@chayns/colors';\nimport React, { useContext, useMemo, type ReactElement } from 'react';\n\nimport { PRESETCOLORS } from '../../../constants/color';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport { hexToRgb } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport PresetButton from './preset-button/PresetButton';\nimport PresetColor from './preset-color/PresetColor';\nimport { StyledPresetColors } from './PresetColors.styles';\n\ninterface PresetColorsProps {\n presetColors?: IPresetColor[];\n onPresetColorAdd?: (presetColor: IPresetColor) => void;\n onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n}\n\nconst PresetColors = ({\n presetColors,\n onPresetColorRemove,\n onPresetColorAdd,\n}: PresetColorsProps) => {\n const { selectedColor } = useContext(ColorPickerContext);\n\n const combinedColors = useMemo(() => {\n const tmp = (presetColors ?? []).map(({ color, isCustom, id }) => {\n let newColor = color;\n\n if (isHex(color)) {\n const { r, g, b, a } = hexToRgb(color);\n\n newColor = `rgba(${r},${g},${b},${a})`;\n }\n\n return {\n id,\n isCustom,\n color: newColor,\n };\n });\n\n return [...PRESETCOLORS, ...tmp];\n }, [presetColors]);\n\n const content = useMemo(() => {\n const items: ReactElement[] = [];\n\n combinedColors.forEach(({ color, id }) => {\n items.push(<PresetColor key={`preset-color__${id}`} color={color} />);\n });\n\n return items;\n }, [combinedColors]);\n\n const currentPresetColor = useMemo(\n () => combinedColors.find(({ color }) => color === selectedColor),\n [combinedColors, selectedColor],\n );\n\n return (\n <StyledPresetColors>\n {content}\n <PresetButton\n id={currentPresetColor?.id}\n isCustom={currentPresetColor?.isCustom}\n onAdd={onPresetColorAdd}\n onRemove={onPresetColorRemove}\n />\n </StyledPresetColors>\n );\n};\n\nPresetColors.displayName = 'PresetColors';\n\nexport default PresetColors;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"PresetColors.js","names":["_colors","require","_react","_interopRequireWildcard","_color","_color2","_ColorPickerProvider","_PresetButton","_interopRequireDefault","_PresetColor","_PresetColors","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PresetColors","presetColors","onPresetColorRemove","onPresetColorAdd","selectedColor","useContext","ColorPickerContext","combinedColors","useMemo","tmp","map","color","isCustom","id","newColor","isHex","g","b","hexToRgb","PRESETCOLORS","content","items","forEach","push","createElement","key","currentPresetColor","find","StyledPresetColors","onAdd","onRemove","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker-popup/preset-colors/PresetColors.tsx"],"sourcesContent":["import { isHex } from '@chayns/colors';\nimport React, { useContext, useMemo, type ReactElement } from 'react';\n\nimport { PRESETCOLORS } from '../../../constants/color';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport { hexToRgb } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport PresetButton from './preset-button/PresetButton';\nimport PresetColor from './preset-color/PresetColor';\nimport { StyledPresetColors } from './PresetColors.styles';\n\ninterface PresetColorsProps {\n presetColors?: IPresetColor[];\n onPresetColorAdd?: (presetColor: IPresetColor) => void;\n onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n}\n\nconst PresetColors = ({\n presetColors,\n onPresetColorRemove,\n onPresetColorAdd,\n}: PresetColorsProps) => {\n const { selectedColor } = useContext(ColorPickerContext);\n\n const combinedColors = useMemo(() => {\n const tmp = (presetColors ?? []).map(({ color, isCustom, id }) => {\n let newColor = color;\n\n if (isHex(color)) {\n const { r, g, b, a } = hexToRgb(color);\n\n newColor = `rgba(${r},${g},${b},${a})`;\n }\n\n return {\n id,\n isCustom,\n color: newColor,\n };\n });\n\n return [...PRESETCOLORS, ...tmp];\n }, [presetColors]);\n\n const content = useMemo(() => {\n const items: ReactElement[] = [];\n\n combinedColors.forEach(({ color, id }) => {\n items.push(<PresetColor key={`preset-color__${id}`} color={color} />);\n });\n\n return items;\n }, [combinedColors]);\n\n const currentPresetColor = useMemo(\n () => combinedColors.find(({ color }) => color === selectedColor),\n [combinedColors, selectedColor],\n );\n\n return (\n <StyledPresetColors>\n {content}\n <PresetButton\n id={currentPresetColor?.id}\n isCustom={currentPresetColor?.isCustom}\n onAdd={onPresetColorAdd}\n onRemove={onPresetColorRemove}\n />\n </StyledPresetColors>\n );\n};\n\nPresetColors.displayName = 'PresetColors';\n\nexport default PresetColors;\n"],"mappings":"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","ignoreList":[]}
package/lib/esm/components/color-picker-popup/preset-colors/PresetColors.js CHANGED
@@ -47,7 +47,7 @@ const PresetColors = _ref => {
47
47
  color,
48
48
  id
49
49
  } = _ref3;
50
- items.push( /*#__PURE__*/React.createElement(PresetColor, {
50
+ items.push(/*#__PURE__*/React.createElement(PresetColor, {
51
51
  key: `preset-color__${id}`,
52
52
  color: color
53
53
  }));
package/lib/esm/components/color-picker-popup/preset-colors/PresetColors.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PresetColors.js","names":["isHex","React","useContext","useMemo","PRESETCOLORS","hexToRgb","ColorPickerContext","PresetButton","PresetColor","StyledPresetColors","PresetColors","_ref","presetColors","onPresetColorRemove","onPresetColorAdd","selectedColor","combinedColors","tmp","map","_ref2","color","isCustom","id","newColor","r","g","b","a","content","items","forEach","_ref3","push","createElement","key","currentPresetColor","find","_ref4","onAdd","onRemove","displayName"],"sources":["../../../../../src/components/color-picker-popup/preset-colors/PresetColors.tsx"],"sourcesContent":["import { isHex } from '@chayns/colors';\nimport React, { useContext, useMemo, type ReactElement } from 'react';\n\nimport { PRESETCOLORS } from '../../../constants/color';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport { hexToRgb } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport PresetButton from './preset-button/PresetButton';\nimport PresetColor from './preset-color/PresetColor';\nimport { StyledPresetColors } from './PresetColors.styles';\n\ninterface PresetColorsProps {\n presetColors?: IPresetColor[];\n onPresetColorAdd?: (presetColor: IPresetColor) => void;\n onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n}\n\nconst PresetColors = ({\n presetColors,\n onPresetColorRemove,\n onPresetColorAdd,\n}: PresetColorsProps) => {\n const { selectedColor } = useContext(ColorPickerContext);\n\n const combinedColors = useMemo(() => {\n const tmp = (presetColors ?? []).map(({ color, isCustom, id }) => {\n let newColor = color;\n\n if (isHex(color)) {\n const { r, g, b, a } = hexToRgb(color);\n\n newColor = `rgba(${r},${g},${b},${a})`;\n }\n\n return {\n id,\n isCustom,\n color: newColor,\n };\n });\n\n return [...PRESETCOLORS, ...tmp];\n }, [presetColors]);\n\n const content = useMemo(() => {\n const items: ReactElement[] = [];\n\n combinedColors.forEach(({ color, id }) => {\n items.push(<PresetColor key={`preset-color__${id}`} color={color} />);\n });\n\n return items;\n }, [combinedColors]);\n\n const currentPresetColor = useMemo(\n () => combinedColors.find(({ color }) => color === selectedColor),\n [combinedColors, selectedColor],\n );\n\n return (\n <StyledPresetColors>\n {content}\n <PresetButton\n id={currentPresetColor?.id}\n isCustom={currentPresetColor?.isCustom}\n onAdd={onPresetColorAdd}\n onRemove={onPresetColorRemove}\n />\n </StyledPresetColors>\n );\n};\n\nPresetColors.displayName = 'PresetColors';\n\nexport default PresetColors;\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,gBAAgB;AACtC,OAAOC,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAA2B,OAAO;AAErE,SAASC,YAAY,QAAQ,0BAA0B;AAEvD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,kBAAkB,QAAQ,2BAA2B;AAC9D,OAAOC,YAAY,MAAM,8BAA8B;AACvD,OAAOC,WAAW,MAAM,4BAA4B;AACpD,SAASC,kBAAkB,QAAQ,uBAAuB;AAQ1D,MAAMC,YAAY,GAAGC,IAAA,IAII;EAAA,IAJH;IAClBC,YAAY;IACZC,mBAAmB;IACnBC;EACe,CAAC,GAAAH,IAAA;EAChB,MAAM;IAAEI;EAAc,CAAC,GAAGb,UAAU,CAACI,kBAAkB,CAAC;EAExD,MAAMU,cAAc,GAAGb,OAAO,CAAC,MAAM;IACjC,MAAMc,GAAG,GAAG,CAACL,YAAY,IAAI,EAAE,EAAEM,GAAG,CAACC,KAAA,IAA6B;MAAA,IAA5B;QAAEC,KAAK;QAAEC,QAAQ;QAAEC;MAAG,CAAC,GAAAH,KAAA;MACzD,IAAII,QAAQ,GAAGH,KAAK;MAEpB,IAAIpB,KAAK,CAACoB,KAAK,CAAC,EAAE;QACd,MAAM;UAAEI,CAAC;UAAEC,CAAC;UAAEC,CAAC;UAAEC;QAAE,CAAC,GAAGtB,QAAQ,CAACe,KAAK,CAAC;QAEtCG,QAAQ,GAAG,QAAQC,CAAC,IAAIC,CAAC,IAAIC,CAAC,IAAIC,CAAC,GAAG;MAC1C;MAEA,OAAO;QACHL,EAAE;QACFD,QAAQ;QACRD,KAAK,EAAEG;MACX,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CAAC,GAAGnB,YAAY,EAAE,GAAGa,GAAG,CAAC;EACpC,CAAC,EAAE,CAACL,YAAY,CAAC,CAAC;EAElB,MAAMgB,OAAO,GAAGzB,OAAO,CAAC,MAAM;IAC1B,MAAM0B,KAAqB,GAAG,EAAE;IAEhCb,cAAc,CAACc,OAAO,CAACC,KAAA,IAAmB;MAAA,IAAlB;QAAEX,KAAK;QAAEE;MAAG,CAAC,GAAAS,KAAA;MACjCF,KAAK,CAACG,IAAI,eAAC/B,KAAA,CAAAgC,aAAA,CAACzB,WAAW;QAAC0B,GAAG,EAAE,iBAAiBZ,EAAE,EAAG;QAACF,KAAK,EAAEA;MAAM,CAAE,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,OAAOS,KAAK;EAChB,CAAC,EAAE,CAACb,cAAc,CAAC,CAAC;EAEpB,MAAMmB,kBAAkB,GAAGhC,OAAO,CAC9B,MAAMa,cAAc,CAACoB,IAAI,CAACC,KAAA;IAAA,IAAC;MAAEjB;IAAM,CAAC,GAAAiB,KAAA;IAAA,OAAKjB,KAAK,KAAKL,aAAa;EAAA,EAAC,EACjE,CAACC,cAAc,EAAED,aAAa,CAClC,CAAC;EAED,oBACId,KAAA,CAAAgC,aAAA,CAACxB,kBAAkB,QACdmB,OAAO,eACR3B,KAAA,CAAAgC,aAAA,CAAC1B,YAAY;IACTe,EAAE,EAAEa,kBAAkB,EAAEb,EAAG;IAC3BD,QAAQ,EAAEc,kBAAkB,EAAEd,QAAS;IACvCiB,KAAK,EAAExB,gBAAiB;IACxByB,QAAQ,EAAE1B;EAAoB,CACjC,CACe,CAAC;AAE7B,CAAC;AAEDH,YAAY,CAAC8B,WAAW,GAAG,cAAc;AAEzC,eAAe9B,YAAY","ignoreList":[]}
1
+ {"version":3,"file":"PresetColors.js","names":["isHex","React","useContext","useMemo","PRESETCOLORS","hexToRgb","ColorPickerContext","PresetButton","PresetColor","StyledPresetColors","PresetColors","_ref","presetColors","onPresetColorRemove","onPresetColorAdd","selectedColor","combinedColors","tmp","map","_ref2","color","isCustom","id","newColor","r","g","b","a","content","items","forEach","_ref3","push","createElement","key","currentPresetColor","find","_ref4","onAdd","onRemove","displayName"],"sources":["../../../../../src/components/color-picker-popup/preset-colors/PresetColors.tsx"],"sourcesContent":["import { isHex } from '@chayns/colors';\nimport React, { useContext, useMemo, type ReactElement } from 'react';\n\nimport { PRESETCOLORS } from '../../../constants/color';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport { hexToRgb } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport PresetButton from './preset-button/PresetButton';\nimport PresetColor from './preset-color/PresetColor';\nimport { StyledPresetColors } from './PresetColors.styles';\n\ninterface PresetColorsProps {\n presetColors?: IPresetColor[];\n onPresetColorAdd?: (presetColor: IPresetColor) => void;\n onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n}\n\nconst PresetColors = ({\n presetColors,\n onPresetColorRemove,\n onPresetColorAdd,\n}: PresetColorsProps) => {\n const { selectedColor } = useContext(ColorPickerContext);\n\n const combinedColors = useMemo(() => {\n const tmp = (presetColors ?? []).map(({ color, isCustom, id }) => {\n let newColor = color;\n\n if (isHex(color)) {\n const { r, g, b, a } = hexToRgb(color);\n\n newColor = `rgba(${r},${g},${b},${a})`;\n }\n\n return {\n id,\n isCustom,\n color: newColor,\n };\n });\n\n return [...PRESETCOLORS, ...tmp];\n }, [presetColors]);\n\n const content = useMemo(() => {\n const items: ReactElement[] = [];\n\n combinedColors.forEach(({ color, id }) => {\n items.push(<PresetColor key={`preset-color__${id}`} color={color} />);\n });\n\n return items;\n }, [combinedColors]);\n\n const currentPresetColor = useMemo(\n () => combinedColors.find(({ color }) => color === selectedColor),\n [combinedColors, selectedColor],\n );\n\n return (\n <StyledPresetColors>\n {content}\n <PresetButton\n id={currentPresetColor?.id}\n isCustom={currentPresetColor?.isCustom}\n onAdd={onPresetColorAdd}\n onRemove={onPresetColorRemove}\n />\n </StyledPresetColors>\n );\n};\n\nPresetColors.displayName = 'PresetColors';\n\nexport default PresetColors;\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,gBAAgB;AACtC,OAAOC,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAA2B,OAAO;AAErE,SAASC,YAAY,QAAQ,0BAA0B;AAEvD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,kBAAkB,QAAQ,2BAA2B;AAC9D,OAAOC,YAAY,MAAM,8BAA8B;AACvD,OAAOC,WAAW,MAAM,4BAA4B;AACpD,SAASC,kBAAkB,QAAQ,uBAAuB;AAQ1D,MAAMC,YAAY,GAAGC,IAAA,IAII;EAAA,IAJH;IAClBC,YAAY;IACZC,mBAAmB;IACnBC;EACe,CAAC,GAAAH,IAAA;EAChB,MAAM;IAAEI;EAAc,CAAC,GAAGb,UAAU,CAACI,kBAAkB,CAAC;EAExD,MAAMU,cAAc,GAAGb,OAAO,CAAC,MAAM;IACjC,MAAMc,GAAG,GAAG,CAACL,YAAY,IAAI,EAAE,EAAEM,GAAG,CAACC,KAAA,IAA6B;MAAA,IAA5B;QAAEC,KAAK;QAAEC,QAAQ;QAAEC;MAAG,CAAC,GAAAH,KAAA;MACzD,IAAII,QAAQ,GAAGH,KAAK;MAEpB,IAAIpB,KAAK,CAACoB,KAAK,CAAC,EAAE;QACd,MAAM;UAAEI,CAAC;UAAEC,CAAC;UAAEC,CAAC;UAAEC;QAAE,CAAC,GAAGtB,QAAQ,CAACe,KAAK,CAAC;QAEtCG,QAAQ,GAAG,QAAQC,CAAC,IAAIC,CAAC,IAAIC,CAAC,IAAIC,CAAC,GAAG;MAC1C;MAEA,OAAO;QACHL,EAAE;QACFD,QAAQ;QACRD,KAAK,EAAEG;MACX,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CAAC,GAAGnB,YAAY,EAAE,GAAGa,GAAG,CAAC;EACpC,CAAC,EAAE,CAACL,YAAY,CAAC,CAAC;EAElB,MAAMgB,OAAO,GAAGzB,OAAO,CAAC,MAAM;IAC1B,MAAM0B,KAAqB,GAAG,EAAE;IAEhCb,cAAc,CAACc,OAAO,CAACC,KAAA,IAAmB;MAAA,IAAlB;QAAEX,KAAK;QAAEE;MAAG,CAAC,GAAAS,KAAA;MACjCF,KAAK,CAACG,IAAI,cAAC/B,KAAA,CAAAgC,aAAA,CAACzB,WAAW;QAAC0B,GAAG,EAAE,iBAAiBZ,EAAE,EAAG;QAACF,KAAK,EAAEA;MAAM,CAAE,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,OAAOS,KAAK;EAChB,CAAC,EAAE,CAACb,cAAc,CAAC,CAAC;EAEpB,MAAMmB,kBAAkB,GAAGhC,OAAO,CAC9B,MAAMa,cAAc,CAACoB,IAAI,CAACC,KAAA;IAAA,IAAC;MAAEjB;IAAM,CAAC,GAAAiB,KAAA;IAAA,OAAKjB,KAAK,KAAKL,aAAa;EAAA,EAAC,EACjE,CAACC,cAAc,EAAED,aAAa,CAClC,CAAC;EAED,oBACId,KAAA,CAAAgC,aAAA,CAACxB,kBAAkB,QACdmB,OAAO,eACR3B,KAAA,CAAAgC,aAAA,CAAC1B,YAAY;IACTe,EAAE,EAAEa,kBAAkB,EAAEb,EAAG;IAC3BD,QAAQ,EAAEc,kBAAkB,EAAEd,QAAS;IACvCiB,KAAK,EAAExB,gBAAiB;IACxByB,QAAQ,EAAE1B;EAAoB,CACjC,CACe,CAAC;AAE7B,CAAC;AAEDH,YAAY,CAAC8B,WAAW,GAAG,cAAc;AAEzC,eAAe9B,YAAY","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-components/color-picker",
3
- "version": "5.0.0-beta.840",
3
+ "version": "5.0.0-beta.841",
4
4
  "description": "A set of beautiful React components for developing your own applications with chayns.",
5
5
  "sideEffects": false,
6
6
  "browserslist": [
@@ -49,12 +49,12 @@
49
49
  "url": "https://github.com/TobitSoftware/chayns-components/issues"
50
50
  },
51
51
  "devDependencies": {
52
- "@babel/cli": "^7.25.6",
53
- "@babel/core": "^7.25.2",
54
- "@babel/preset-env": "^7.25.4",
55
- "@babel/preset-react": "^7.24.7",
56
- "@babel/preset-typescript": "^7.24.7",
57
- "@types/react": "^18.3.10",
52
+ "@babel/cli": "^7.25.7",
53
+ "@babel/core": "^7.25.7",
54
+ "@babel/preset-env": "^7.25.7",
55
+ "@babel/preset-react": "^7.25.7",
56
+ "@babel/preset-typescript": "^7.25.7",
57
+ "@types/react": "^18.3.11",
58
58
  "@types/react-dom": "^18.3.0",
59
59
  "@types/styled-components": "^5.1.34",
60
60
  "@types/uuid": "^10.0.0",
@@ -64,10 +64,10 @@
64
64
  "react": "^18.3.1",
65
65
  "react-dom": "^18.3.1",
66
66
  "styled-components": "^6.1.13",
67
- "typescript": "^5.6.2"
67
+ "typescript": "^5.6.3"
68
68
  },
69
69
  "dependencies": {
70
- "@chayns-components/core": "^5.0.0-beta.840",
70
+ "@chayns-components/core": "^5.0.0-beta.841",
71
71
  "@chayns/colors": "^2.0.0"
72
72
  },
73
73
  "peerDependencies": {
@@ -80,5 +80,5 @@
80
80
  "publishConfig": {
81
81
  "access": "public"
82
82
  },
83
- "gitHead": "3c4c61ed583723172bc62ecc68898ed4110053e8"
83
+ "gitHead": "e463c64df725dbbf31144ac73cfe0c9a9f385571"
84
84
  }