@tendaui/react 1.1.1 → 1.1.2

package/es/color-picker/components/panel/swatches.js

@@ -0,0 +1,100 @@
+import React from 'react';
+import classNames from 'classnames';
+import { IconPlus, IconDelete } from '@tendaui/icons';
+import { C as Color } from '../../../_chunks/dep-DJmE940f.js';
+import { u as useGlobalIcon } from '../../../_chunks/dep-ByzdZjUR.js';
+import { u as useCommonClassName } from '../../../_chunks/dep-DTlQ2dCA.js';
+import '../../../_chunks/dep-CzLhKWCf.js';
+import '../../../_chunks/dep-Chz4ZJCb.js';
+import '../../../_chunks/dep-Cwish4GD.js';
+import '../../../_chunks/dep-D-UKOauR.js';
+import '../../../_chunks/dep-zOZQ0R9g.js';
+import 'lodash-es';
+import '../../../_chunks/dep-gy8uvBaS.js';
+import '../../../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+
+var Swatches = function Swatches(props) {
+  var baseClassName = props.baseClassName,
+    _props$colors = props.colors,
+    colors = _props$colors === void 0 ? [] : _props$colors,
+    _props$editable = props.editable,
+    editable = _props$editable === void 0 ? false : _props$editable,
+    title = props.title,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    onSetColor = props.onSetColor,
+    handleAddColor = props.handleAddColor;
+  var _useGlobalIcon = useGlobalIcon({
+      DeleteIcon: IconDelete,
+      AddIcon: IconPlus
+    }),
+    DeleteIcon = _useGlobalIcon.DeleteIcon,
+    AddIcon = _useGlobalIcon.AddIcon;
+  var swatchesClass = "".concat(baseClassName, "__swatches");
+  var _useCommonClassName = useCommonClassName(),
+    statusClassNames = _useCommonClassName.STATUS;
+  var isEqualCurrentColor = function isEqualCurrentColor(color) {
+    return Color.compare(color, props.color.css);
+  };
+  var selectedColorIndex = function selectedColorIndex() {
+    return colors.findIndex(function (color) {
+      return isEqualCurrentColor(color);
+    });
+  };
+  var handleRemoveColor = function handleRemoveColor() {
+    var selectedIndex = selectedColorIndex();
+    if (selectedIndex > -1) {
+      var newColors = colors.filter(function (_, index) {
+        return index !== selectedIndex;
+      });
+      onChange === null || onChange === void 0 || onChange(newColors);
+    }
+  };
+  var handleClick = function handleClick(color) {
+    return onSetColor === null || onSetColor === void 0 ? void 0 : onSetColor(color);
+  };
+  return /* @__PURE__ */React.createElement("div", {
+    className: swatchesClass
+  }, title ? /* @__PURE__ */React.createElement("h3", {
+    className: "".concat(swatchesClass, "--title")
+  }, /* @__PURE__ */React.createElement("span", null, title), editable && /* @__PURE__ */React.createElement("div", {
+    className: "".concat(swatchesClass, "--actions")
+  }, /* @__PURE__ */React.createElement("span", {
+    role: "button",
+    className: "".concat(baseClassName, "__icon"),
+    onClick: function onClick() {
+      return handleAddColor === null || handleAddColor === void 0 ? void 0 : handleAddColor();
+    }
+  }, /* @__PURE__ */React.createElement(AddIcon, null)), colors.length > 0 ? /* @__PURE__ */React.createElement("span", {
+    role: "button",
+    className: "".concat(baseClassName, "__icon"),
+    onClick: function onClick() {
+      return handleRemoveColor();
+    }
+  }, /* @__PURE__ */React.createElement(DeleteIcon, null)) : null)) : null, /* @__PURE__ */React.createElement("ul", {
+    className: classNames("".concat(swatchesClass, "--items"), "narrow-scrollbar")
+  }, colors.map(function (color) {
+    return /* @__PURE__ */React.createElement("li", {
+      className: classNames("".concat(swatchesClass, "--item"), isEqualCurrentColor(color) && editable ? statusClassNames.active : ""),
+      key: color,
+      onClick: function onClick() {
+        if (disabled) {
+          return;
+        }
+        handleClick(color);
+      }
+    }, /* @__PURE__ */React.createElement("div", {
+      className: classNames("".concat(swatchesClass, "--item__color"), "".concat(baseClassName, "--bg-alpha"))
+    }, /* @__PURE__ */React.createElement("span", {
+      className: "".concat(swatchesClass, "--item__inner"),
+      style: {
+        background: color
+      }
+    })));
+  })));
+};
+var SwatchesPanel = /*#__PURE__*/React.memo(Swatches);
+
+export { SwatchesPanel as default };
+//# sourceMappingURL=swatches.js.map

package/es/color-picker/components/panel/swatches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swatches.js","sources":["../../../../../components/color-picker/components/panel/swatches.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { IconDelete as TdDeleteIcon, IconPlus as TdAddIcon } from \"@tendaui/icons\";\nimport Color from \"../../utils/color-picker/color\";\nimport useGlobalIcon from \"../../../hooks/useGlobalIcon\";\nimport { TdColorBaseProps } from \"../../type\";\nimport useCommonClassName from \"../../../hooks/useCommonClassName\";\n\nexport interface TdColorSwatchesProps extends TdColorBaseProps {\n  colors?: string[];\n  title?: string;\n  editable?: boolean;\n  onSetColor?: (color: string) => void;\n  handleAddColor?: () => void;\n}\n\nconst Swatches = (props: TdColorSwatchesProps) => {\n  const { baseClassName, colors = [], editable = false, title, onChange, disabled, onSetColor, handleAddColor } = props;\n  const { DeleteIcon, AddIcon } = useGlobalIcon({ DeleteIcon: TdDeleteIcon, AddIcon: TdAddIcon });\n  const swatchesClass = `${baseClassName}__swatches`;\n  const { STATUS: statusClassNames } = useCommonClassName();\n  const isEqualCurrentColor = (color: string) => Color.compare(color, props.color.css);\n\n  const selectedColorIndex = () => colors.findIndex((color) => isEqualCurrentColor(color));\n  const handleRemoveColor = () => {\n    const selectedIndex = selectedColorIndex();\n    if (selectedIndex > -1) {\n      const newColors = colors.filter((_, index) => index !== selectedIndex);\n      onChange?.(newColors);\n    }\n  };\n\n  const handleClick = (color: string) => onSetColor?.(color);\n\n  return (\n    <div className={swatchesClass}>\n      {title ? (\n        <h3 className={`${swatchesClass}--title`}>\n          <span>{title}</span>\n          {editable && (\n            <div className={`${swatchesClass}--actions`}>\n              <span role=\"button\" className={`${baseClassName}__icon`} onClick={() => handleAddColor?.()}>\n                <AddIcon />\n              </span>\n              {colors.length > 0 ? (\n                <span role=\"button\" className={`${baseClassName}__icon`} onClick={() => handleRemoveColor()}>\n                  <DeleteIcon />\n                </span>\n              ) : null}\n            </div>\n          )}\n        </h3>\n      ) : null}\n      <ul className={classNames(`${swatchesClass}--items`, \"narrow-scrollbar\")}>\n        {colors.map((color) => (\n          <li\n            className={classNames(\n              `${swatchesClass}--item`,\n              isEqualCurrentColor(color) && editable ? statusClassNames.active : \"\"\n            )}\n            key={color}\n            onClick={() => {\n              if (disabled) {\n                return;\n              }\n              handleClick(color);\n            }}\n          >\n            <div className={classNames(`${swatchesClass}--item__color`, `${baseClassName}--bg-alpha`)}>\n              <span\n                className={`${swatchesClass}--item__inner`}\n                style={{\n                  background: color\n                }}\n              />\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport default React.memo(Swatches);\n"],"names":["Swatches","props","baseClassName","_props$colors","colors","_props$editable","editable","title","onChange","disabled","onSetColor","handleAddColor","_useGlobalIcon","useGlobalIcon","DeleteIcon","TdDeleteIcon","AddIcon","TdAddIcon","swatchesClass","concat","_useCommonClassName","useCommonClassName","statusClassNames","STATUS","isEqualCurrentColor","color","Color","compare","css","selectedColorIndex","findIndex","handleRemoveColor","selectedIndex","newColors","filter","_","index","handleClick","React","createElement","className","role","onClick","length","classNames","map","active","key","style","background","memo"],"mappings":"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"}

package/es/color-picker/components/trigger.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { TdColorPickerProps } from "../type";
+import { TdColorContext } from "../type";
+export interface ColorTriggerProps extends Pick<TdColorPickerProps, "disabled" | "inputProps" | "borderless" | "clearable" | "onClear"> {
+    value?: string;
+    onChange?: (v?: string, context?: TdColorContext) => void;
+}
+declare const _default: React.MemoExoticComponent<(props: ColorTriggerProps) => React.JSX.Element>;
+export default _default;

package/es/color-picker/components/trigger.js

@@ -0,0 +1,73 @@
+import { _ as _defineProperty } from '../../_chunks/dep-Cwish4GD.js';
+import React from 'react';
+import classNames from 'classnames';
+import { g as getColorObject, C as Color } from '../../_chunks/dep-DJmE940f.js';
+import { Input } from '../../input/index.js';
+import { u as useClassNames } from '../../_chunks/dep-oUgTcXgm.js';
+import { n as noop } from '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import '../../_chunks/dep-Chz4ZJCb.js';
+import '../../_chunks/dep-zOZQ0R9g.js';
+import 'lodash-es';
+import '../../input/Input.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '@tendaui/icons';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../_chunks/dep-DwWrhxkd.js';
+import '../../_chunks/dep-D6YxJv-F.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-gy8uvBaS.js';
+import '../../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import '../../input/InputGroup.js';
+import '../../input/style/css.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ColorPickerTrigger = function ColorPickerTrigger(props) {
+  var baseClassName = useClassNames();
+  var _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$borderless = props.borderless,
+    borderless = _props$borderless === void 0 ? false : _props$borderless,
+    _props$inputProps = props.inputProps,
+    inputProps = _props$inputProps === void 0 ? {
+      autoWidth: true
+    } : _props$inputProps,
+    clearable = props.clearable,
+    onClear = props.onClear;
+  var handleChange = function handleChange(input) {
+    if (input !== props.value) {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, input, {
+        color: getColorObject(new Color(input)),
+        trigger: "input"
+      });
+    }
+  };
+  return /* @__PURE__ */React.createElement("div", {
+    className: "".concat(baseClassName, "__trigger--default")
+  }, /* @__PURE__ */React.createElement(Input, _objectSpread(_objectSpread({
+    borderless: borderless,
+    clearable: clearable
+  }, inputProps), {}, {
+    value: props.value,
+    disabled: disabled,
+    label: /* @__PURE__ */React.createElement("div", {
+      className: classNames("".concat(baseClassName, "__trigger--default__color"), "".concat(baseClassName, "--bg-alpha"))
+    }, /* @__PURE__ */React.createElement("span", {
+      className: "color-inner",
+      style: {
+        background: props.value
+      }
+    })),
+    onChange: handleChange,
+    onClear: onClear || noop
+  })));
+};
+var ColorTrigger = /*#__PURE__*/React.memo(ColorPickerTrigger);
+
+export { ColorTrigger as default };
+//# sourceMappingURL=trigger.js.map

package/es/color-picker/components/trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.js","sources":["../../../../components/color-picker/components/trigger.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { Color, getColorObject } from \"../utils/color-picker/color\";\nimport { Input } from \"../../input\";\nimport { TdColorPickerProps } from \"../type\";\nimport useClassName from \"../hooks/useClassNames\";\nimport { TdColorContext } from \"../type\";\nimport noop from \"../../utils/noop\";\n\nexport interface ColorTriggerProps\n  extends Pick<TdColorPickerProps, \"disabled\" | \"inputProps\" | \"borderless\" | \"clearable\" | \"onClear\"> {\n  value?: string;\n  onChange?: (v?: string, context?: TdColorContext) => void;\n}\n\nconst ColorPickerTrigger = (props: ColorTriggerProps) => {\n  const baseClassName = useClassName();\n  const { disabled = false, borderless = false, inputProps = { autoWidth: true }, clearable, onClear } = props;\n\n  const handleChange = (input: string) => {\n    if (input !== props.value) {\n      props.onChange?.(input, {\n        color: getColorObject(new Color(input)),\n        trigger: \"input\"\n      });\n    }\n  };\n\n  return (\n    <div className={`${baseClassName}__trigger--default`}>\n      <Input\n        borderless={borderless}\n        clearable={clearable}\n        {...inputProps}\n        value={props.value}\n        disabled={disabled}\n        label={\n          <div className={classNames(`${baseClassName}__trigger--default__color`, `${baseClassName}--bg-alpha`)}>\n            <span className={\"color-inner\"} style={{ background: props.value }}></span>\n          </div>\n        }\n        onChange={handleChange}\n        onClear={onClear || noop}\n      />\n    </div>\n  );\n};\n\nexport default React.memo(ColorPickerTrigger);\n"],"names":["ColorPickerTrigger","props","baseClassName","useClassName","_props$disabled","disabled","_props$borderless","borderless","_props$inputProps","inputProps","autoWidth","clearable","onClear","handleChange","input","value","_props$onChange","onChange","call","color","getColorObject","Color","trigger","React","createElement","className","concat","Input","_objectSpread","label","classNames","style","background","noop","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAMA,kBAAA,GAAqB,SAArBA,kBAAAA,CAAsBC,KAAA,EAA6B;AACvD,EAAA,IAAMC,gBAAgBC,aAAA,EAAa;AACnC,EAAA,IAAAC,eAAA,GAAuGH,KAAA,CAA/FI,QAAA;AAAAA,IAAAA,QAAA,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAW,KAAA,GAAAA,eAAA;IAAAE,iBAAA,GAAoFL,KAAA,CAA7EM,UAAA;AAAAA,IAAAA,UAAA,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAa,KAAA,GAAAA,iBAAA;IAAAE,iBAAA,GAAgEP,KAAA,CAAzDQ,UAAA;IAAAA,UAAA,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAa;AAAEE,MAAAA,SAAA,EAAW;AAAK,KAAA,GAAAF,iBAAA;IAAGG,SAAA,GAAuBV,KAAA,CAAvBU,SAAA;IAAWC,OAAA,GAAYX,KAAA,CAAZW,OAAA;AAE3F,EAAA,IAAMC,YAAA,GAAe,SAAfA,YAAAA,CAAgBC,KAAA,EAAkB;AACtC,IAAA,IAAIA,KAAA,KAAUb,MAAMc,KAAA,EAAO;AAAA,MAAA,IAAAC,eAAA;AACzB,MAAA,CAAAA,eAAA,GAAAf,KAAA,CAAMgB,oDAAND,eAAA,CAAAE,IAAA,CAAAjB,KAAA,EAAiBa,KAAA,EAAO;QACtBK,KAAA,EAAOC,cAAA,CAAe,IAAIC,KAAA,CAAMP,KAAK,CAAC,CAAA;AACtCQ,QAAAA,OAAA,EAAS;AACX,OAAC,CAAA;AACH,IAAA;EACF,CAAA;AAEA,EAAA,sBACEC,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcxB,aAAa,EAAA,oBAAA;GAAA,iBAC9BqB,KAAA,CAAAC,aAAA,CAACG,KAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACCrB,IAAAA,UAAA,EAAAA,UAAA;AACAI,IAAAA,SAAA,EAAAA;AAAA,GAAA,EACIF,UAAA,CAAA,EAAA,EAAA,EAAA;IACJM,OAAOd,KAAA,CAAMc,KAAA;AACbV,IAAAA,QAAA,EAAAA,QAAA;AACAwB,IAAAA,KAAA,qCACG,KAAA,EAAA;MAAIJ,SAAA,EAAWK,qBAAc5B,aAAa,EAAA,2BAAA,CAAA,EAAA,EAAA,CAAAwB,MAAA,CAAgCxB,aAAa,EAAA,YAAA,CAAY;sBAClGqB,KAAA,CAAAC,aAAA,CAAC,MAAA,EAAA;AAAKC,MAAAA,WAAW,aAAA;AAAeM,MAAAA,KAAA,EAAO;QAAEC,UAAA,EAAY/B,KAAA,CAAMc;AAAM;AAAA,KAAG,CACtE,CAAA;AAEFE,IAAAA,QAAA,EAAUJ,YAAA;IACVD,SAASA,OAAA,IAAWqB;AAAA,GAAA,CACtB,CACF,CAAA;AAEJ,CAAA;AAEA,mBAAA,aAAeV,KAAA,CAAMW,KAAKlC,kBAAkB,CAAA;;;;"}

package/es/color-picker/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import { TdColorPickerProps } from "./type";
+export declare const colorPickerDefaultProps: TdColorPickerProps;

package/es/color-picker/helpers.d.ts

@@ -0,0 +1,5 @@
+import { ColorObject, ColorPickerChangeTrigger, TdColorContext } from "./type";
+export declare const DEFAULT_COLOR = "#0052D9";
+export declare const normalizeColorValue: (value?: string | null) => string;
+export declare const buildColorObject: (value: string) => ColorObject;
+export declare const buildChangeContext: (value: string, trigger: ColorPickerChangeTrigger) => TdColorContext;

package/es/color-picker/hooks/useClassNames.d.ts

@@ -0,0 +1,2 @@
+declare const useClassNames: () => string;
+export default useClassNames;

package/es/color-picker/hooks/useStyles.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, MutableRefObject } from "react";
+import type { Color } from "../utils/color-picker/color";
+export interface TdColorSliderStyleParams {
+    color: Color;
+    value: number;
+    maxValue: number;
+    type: "hue" | "alpha";
+}
+declare const useStyles: (params: TdColorSliderStyleParams, panelRectRef: MutableRefObject<{
+    width: number;
+}>) => {
+    styles: CSSProperties;
+};
+export default useStyles;

package/es/color-picker/index.d.ts

@@ -0,0 +1,6 @@
+import "./style";
+export type { ColorPickerProps } from "./type";
+export * from "./type";
+export declare const ColorPickerPanel: import("react").NamedExoticComponent<import("./type").ColorPickerProps>;
+export declare const ColorPicker: import("react").NamedExoticComponent<import("./type").ColorPickerProps>;
+export default ColorPicker;

package/es/color-picker/index.js

@@ -0,0 +1,62 @@
+import _ColorPickPanel from './ColorPickPanel.js';
+import _ColorPicker from './ColorPicker.js';
+import './css.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-D-UKOauR.js';
+import 'react';
+import '../_chunks/dep-DURB9x8g.js';
+import '../_chunks/dep-CgyDw_YI.js';
+import '../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import './utils/color-picker/index.js';
+import '../_chunks/dep-DJmE940f.js';
+import '../_chunks/dep-Chz4ZJCb.js';
+import '../_chunks/dep-zOZQ0R9g.js';
+import 'lodash-es';
+import '../_chunks/dep-DTlQ2dCA.js';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import '../_chunks/dep-DwWrhxkd.js';
+import '../_chunks/dep-DGvfel3I.js';
+import '../_chunks/dep-CD_4-1Xb.js';
+import '../config-provider/index.js';
+import '../config-provider/ConfigProvider.js';
+import '../_chunks/dep-oUgTcXgm.js';
+import './components/panel/alpha.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import './components/panel/slider.js';
+import '../_chunks/dep-BbeHB7S3.js';
+import './components/panel/hue.js';
+import './components/panel/saturation.js';
+import './components/panel/swatches.js';
+import '@tendaui/icons';
+import '../_chunks/dep-ByzdZjUR.js';
+import '../popup/index.js';
+import '../popup/Popup.js';
+import '../portal/Portal.js';
+import 'react-dom';
+import '../_chunks/dep-DRwijJcv.js';
+import '../_chunks/dep-BRbJGDI9.js';
+import '../_chunks/dep-CkmtEv0Y.js';
+import 'react-is';
+import '../_chunks/dep-C1XcmShP.js';
+import '../_chunks/dep-Ccktr_jk.js';
+import '@popperjs/core';
+import 'react-fast-compare';
+import 'react-transition-group';
+import '../_chunks/dep-DbVHGoUC.js';
+import '../popup/style/css.js';
+import './components/trigger.js';
+import '../input/index.js';
+import '../input/Input.js';
+import '../_chunks/dep-D6YxJv-F.js';
+import '../input/InputGroup.js';
+import '../input/style/css.js';
+import '../_chunks/dep-U1T8CQY9.js';
+
+var ColorPickerPanel = _ColorPickPanel;
+var ColorPicker = _ColorPicker;
+
+export { ColorPicker, ColorPickerPanel, ColorPicker as default };
+//# sourceMappingURL=index.js.map

package/es/color-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../components/color-picker/index.ts"],"sourcesContent":["import _ColorPickPanel from \"./ColorPickPanel\";\nimport _ColorPicker from \"./ColorPicker\";\n\nimport \"./style\";\n\nexport type { ColorPickerProps } from \"./type\";\nexport * from \"./type\";\n\nexport const ColorPickerPanel = _ColorPickPanel;\nexport const ColorPicker = _ColorPicker;\n\nexport default ColorPicker;\n"],"names":["ColorPickerPanel","_ColorPickPanel","ColorPicker","_ColorPicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,IAAMA,gBAAA,GAAmBC;AACzB,IAAMC,WAAA,GAAcC;;;;"}