cakeinpanic-ui 1.0.0

package/dist/cjs/chart-line/ChartLineLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLineLabel.js","sources":["../../../src/chart-line/ChartLineLabel.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useLayoutEffect } from 'react'\n\nimport { ChartLineLabelProps, ChartLineThresholdType } from './types.js'\nimport { ThresholdLabelStyle, ThresholdStyle } from './ChartLineStyles.js'\nimport { handlePositioning } from './utils/index.js'\n\nexport const ChartLineLabel = forwardRef(\n  (props: ChartLineLabelProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      previousIds,\n      id,\n      color,\n      zIndex,\n      show,\n      labelPosition,\n      thresholdType,\n      height,\n      threshold,\n      containerId,\n      ...rest\n    } = props\n\n    useLayoutEffect(() => {\n      if (!show) return\n      if (thresholdType !== ChartLineThresholdType.flag) {\n        handlePositioning({ previousIds, id, containerId, reset: true })\n      } else {\n        handlePositioning({ previousIds, id, containerId })\n      }\n    }, [previousIds, id, show, thresholdType, containerId])\n\n    if (!show) return null\n\n    const backgroundColor = threshold.color || color\n    const content = threshold.descriptionElement || threshold.description\n\n    return (\n      <ThresholdStyle\n        ref={ref}\n        id={id}\n        data-label-position={labelPosition}\n        $labelPosition={labelPosition}\n        $thresholdType={thresholdType}\n        $height={height}\n        $backgroundColor={backgroundColor}\n        $zIndex={zIndex}\n        {...rest}\n      >\n        {thresholdType === ChartLineThresholdType.flag && (\n          <ThresholdLabelStyle\n            style={{ backgroundColor }}\n            id={`${id}-description`}\n            $labelPosition={labelPosition}\n          >\n            {content}\n          </ThresholdLabelStyle>\n        )}\n      </ThresholdStyle>\n    )\n  },\n)\nChartLineLabel.displayName = 'ChartLineLabel'\n"],"names":["ChartLineLabel","forwardRef","props","ref","previousIds","id","color","zIndex","show","labelPosition","thresholdType","height","threshold","containerId","rest","useLayoutEffect","ChartLineThresholdType","flag","handlePositioning","reset","backgroundColor","content","descriptionElement","description","_jsx","ThresholdStyle","$labelPosition","$thresholdType","$height","$backgroundColor","$zIndex","children","ThresholdLabelStyle","style","displayName"],"mappings":";;;;;;;;;;AAMO,MAAMA,cAAc,gBAAGC,gBAAU,CACtC,CAACC,KAA0B,EAAEC,GAAkC,KAAK;EAClE,MAAM;IACJC,WAAW;IACXC,EAAE;IACFC,KAAK;IACLC,MAAM;IACNC,IAAI;IACJC,aAAa;IACbC,aAAa;IACbC,MAAM;IACNC,SAAS;IACTC,WAAW;IACX,GAAGC,IAAAA;AACL,GAAC,GAAGZ,KAAK,CAAA;AAETa,EAAAA,qBAAe,CAAC,MAAM;IACpB,IAAI,CAACP,IAAI,EAAE,OAAA;AACX,IAAA,IAAIE,aAAa,KAAKM,4BAAsB,CAACC,IAAI,EAAE;AACjDC,MAAAA,mCAAiB,CAAC;QAAEd,WAAW;QAAEC,EAAE;QAAEQ,WAAW;AAAEM,QAAAA,KAAK,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAClE,KAAC,MAAM;AACLD,MAAAA,mCAAiB,CAAC;QAAEd,WAAW;QAAEC,EAAE;AAAEQ,QAAAA,WAAAA;AAAY,OAAC,CAAC,CAAA;AACrD,KAAA;AACF,GAAC,EAAE,CAACT,WAAW,EAAEC,EAAE,EAAEG,IAAI,EAAEE,aAAa,EAAEG,WAAW,CAAC,CAAC,CAAA;AAEvD,EAAA,IAAI,CAACL,IAAI,EAAE,OAAO,IAAI,CAAA;AAEtB,EAAA,MAAMY,eAAe,GAAGR,SAAS,CAACN,KAAK,IAAIA,KAAK,CAAA;EAChD,MAAMe,OAAO,GAAGT,SAAS,CAACU,kBAAkB,IAAIV,SAAS,CAACW,WAAW,CAAA;EAErE,oBACEC,cAAA,CAACC,8BAAc,EAAA;AACbtB,IAAAA,GAAG,EAAEA,GAAI;AACTE,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,qBAAA,EAAqBI,aAAc;AACnCiB,IAAAA,cAAc,EAAEjB,aAAc;AAC9BkB,IAAAA,cAAc,EAAEjB,aAAc;AAC9BkB,IAAAA,OAAO,EAAEjB,MAAO;AAChBkB,IAAAA,gBAAgB,EAAET,eAAgB;AAClCU,IAAAA,OAAO,EAAEvB,MAAO;AAAA,IAAA,GACZO,IAAI;IAAAiB,QAAA,EAEPrB,aAAa,KAAKM,4BAAsB,CAACC,IAAI,iBAC5CO,cAAA,CAACQ,mCAAmB,EAAA;AAClBC,MAAAA,KAAK,EAAE;AAAEb,QAAAA,eAAAA;OAAkB;MAC3Bf,EAAE,EAAE,CAAGA,EAAAA,EAAE,CAAe,YAAA,CAAA;AACxBqB,MAAAA,cAAc,EAAEjB,aAAc;AAAAsB,MAAAA,QAAA,EAE7BV,OAAAA;KACkB,CAAA;AACtB,GACa,CAAC,CAAA;AAErB,CACF,EAAC;AACDrB,cAAc,CAACkC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/cjs/chart-line/ChartLineStyles.js

@@ -0,0 +1,197 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const types = require('./types.js');
+const _styled = require('styled-components');
+
+const ContainerStyle = styledComponentsWrapper.default.div`
+  display: flex;
+  width: 100%;
+  align-items: ${_ref => {
+  let {
+    $alignItems
+  } = _ref;
+  return $alignItems;
+}};
+  height: ${_ref2 => {
+  let {
+    $height
+  } = _ref2;
+  return $height;
+}}px;
+`;
+const WrapperStyle = styledComponentsWrapper.default.div`
+  display: flex;
+  width: 100%;
+  height: ${_ref3 => {
+  let {
+    $height
+  } = _ref3;
+  return $height;
+}}px;
+  background: rgb(19 18 23 / 8%);
+  position: relative;
+
+  ${_ref4 => {
+  let {
+    $border
+  } = _ref4;
+  if ($border === types.ChartLineBorderType.rounded) {
+    return _styled.css`
+        border-radius: 4px;
+      `;
+  }
+  return _styled.css``;
+}}
+`;
+const ThresholdStyle = styledComponentsWrapper.default.div`
+  height: ${_ref5 => {
+  let {
+    $height
+  } = _ref5;
+  return $height + 38;
+}}px;
+  width: 5px;
+  background-color: ${_ref6 => {
+  let {
+    $backgroundColor
+  } = _ref6;
+  return $backgroundColor;
+}};
+  z-index: ${_ref7 => {
+  let {
+    $zIndex
+  } = _ref7;
+  return $zIndex;
+}};
+  position: absolute;
+  border-radius: 3px;
+  top: -2px;
+  right: -2px;
+
+  ${_ref8 => {
+  let {
+    $labelPosition
+  } = _ref8;
+  if ($labelPosition === 'top') {
+    return _styled.css`
+        bottom: -2px;
+        top: unset;
+      `;
+  }
+  return _styled.css``;
+}}
+
+  ${_ref9 => {
+  let {
+    $thresholdType,
+    $height
+  } = _ref9;
+  if ($thresholdType === types.ChartLineThresholdType.dash) {
+    return _styled.css`
+        height: ${$height + 4}px;
+        top: -2px;
+      `;
+  }
+  return _styled.css``;
+}}
+`;
+const ThresholdLabelStyle = styledComponentsWrapper.default.div`
+  color: ${_ref0 => {
+  let {
+    theme
+  } = _ref0;
+  return theme.colors.foreground;
+}};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 20px;
+  padding: 4px 8px;
+  position: absolute;
+  bottom: -2px;
+  right: 0;
+  border-radius: 4px;
+  white-space: nowrap;
+  box-sizing: border-box;
+  max-height: 28px;
+
+  ${_ref1 => {
+  let {
+    $labelPosition
+  } = _ref1;
+  if ($labelPosition === 'top') {
+    return _styled.css`
+        top: -2px;
+        bottom: unset;
+      `;
+  }
+  return _styled.css``;
+}};
+`;
+const LineStyle = styledComponentsWrapper.default.div`
+  background-color: ${_ref10 => {
+  let {
+    $backgroundColor
+  } = _ref10;
+  return $backgroundColor ? $backgroundColor : 'transparent';
+}};
+  z-index: ${_ref11 => {
+  let {
+    $zIndex
+  } = _ref11;
+  return $zIndex;
+}};
+  width: ${_ref12 => {
+  let {
+    $width
+  } = _ref12;
+  return $width;
+}};
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  border-right: 1px solid ${_ref13 => {
+  let {
+    theme
+  } = _ref13;
+  return theme.colors.background;
+}};
+
+  ${_ref14 => {
+  let {
+    $border
+  } = _ref14;
+  if ($border === types.ChartLineBorderType.rounded) {
+    return _styled.css`
+        border-radius: 4px 0 0 4px;
+      `;
+  }
+  return _styled.css``;
+}}
+
+  &:last-child {
+    ${_ref15 => {
+  let {
+    $border,
+    $isFullWidth
+  } = _ref15;
+  if ($border === types.ChartLineBorderType.rounded && $isFullWidth) {
+    return _styled.css`
+          border-radius: 4px;
+        `;
+  }
+  return _styled.css``;
+}}
+  }
+`;
+
+exports.ContainerStyle = ContainerStyle;
+exports.LineStyle = LineStyle;
+exports.ThresholdLabelStyle = ThresholdLabelStyle;
+exports.ThresholdStyle = ThresholdStyle;
+exports.WrapperStyle = WrapperStyle;
+//# sourceMappingURL=ChartLineStyles.js.map

package/dist/cjs/chart-line/ChartLineStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLineStyles.js","sources":["../../../src/chart-line/ChartLineStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ChartLineBorderType, ChartLineThresholdType } from './types.js'\n\nexport const ContainerStyle = styled.div<{\n  $alignItems: 'center' | 'flex-start'\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  align-items: ${({ $alignItems }) => $alignItems};\n  height: ${({ $height }) => $height}px;\n`\n\nexport const WrapperStyle = styled.div<{\n  $border: ChartLineBorderType\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $height }) => $height}px;\n  background: rgb(19 18 23 / 8%);\n  position: relative;\n\n  ${({ $border }) => {\n    if ($border === ChartLineBorderType.rounded) {\n      return css`\n        border-radius: 4px;\n      `\n    }\n    return css``\n  }}\n`\n\nexport const ThresholdStyle = styled.div<{\n  $labelPosition?: 'top' | 'bottom'\n  $thresholdType: ChartLineThresholdType\n  $height: number\n  $backgroundColor?: string\n  $zIndex: number\n}>`\n  height: ${({ $height }) => $height + 38}px;\n  width: 5px;\n  background-color: ${({ $backgroundColor }) => $backgroundColor};\n  z-index: ${({ $zIndex }) => $zIndex};\n  position: absolute;\n  border-radius: 3px;\n  top: -2px;\n  right: -2px;\n\n  ${({ $labelPosition }) => {\n    if ($labelPosition === 'top') {\n      return css`\n        bottom: -2px;\n        top: unset;\n      `\n    }\n    return css``\n  }}\n\n  ${({ $thresholdType, $height }) => {\n    if ($thresholdType === ChartLineThresholdType.dash) {\n      return css`\n        height: ${$height + 4}px;\n        top: -2px;\n      `\n    }\n    return css``\n  }}\n`\n\nexport const ThresholdLabelStyle = styled.div<{\n  $labelPosition?: 'top' | 'bottom'\n}>`\n  color: ${({ theme }) => theme.colors.foreground};\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n  padding: 4px 8px;\n  position: absolute;\n  bottom: -2px;\n  right: 0;\n  border-radius: 4px;\n  white-space: nowrap;\n  box-sizing: border-box;\n  max-height: 28px;\n\n  ${({ $labelPosition }) => {\n    if ($labelPosition === 'top') {\n      return css`\n        top: -2px;\n        bottom: unset;\n      `\n    }\n    return css``\n  }};\n`\n\nexport const LineStyle = styled.div<{\n  $border: ChartLineBorderType\n  $isFullWidth: boolean\n  $width: string\n  $backgroundColor?: string\n  $zIndex: number\n}>`\n  background-color: ${({ $backgroundColor }) =>\n    $backgroundColor ? $backgroundColor : 'transparent'};\n  z-index: ${({ $zIndex }) => $zIndex};\n  width: ${({ $width }) => $width};\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  border-right: 1px solid ${({ theme }) => theme.colors.background};\n\n  ${({ $border }) => {\n    if ($border === ChartLineBorderType.rounded) {\n      return css`\n        border-radius: 4px 0 0 4px;\n      `\n    }\n    return css``\n  }}\n\n  &:last-child {\n    ${({ $border, $isFullWidth }) => {\n      if ($border === ChartLineBorderType.rounded && $isFullWidth) {\n        return css`\n          border-radius: 4px;\n        `\n      }\n      return css``\n    }}\n  }\n`\n"],"names":["ContainerStyle","styled","div","_ref","$alignItems","_ref2","$height","WrapperStyle","_ref3","_ref4","$border","ChartLineBorderType","rounded","css","ThresholdStyle","_ref5","_ref6","$backgroundColor","_ref7","$zIndex","_ref8","$labelPosition","_ref9","$thresholdType","ChartLineThresholdType","dash","ThresholdLabelStyle","_ref0","theme","colors","foreground","_ref1","LineStyle","_ref10","_ref11","_ref12","$width","_ref13","background","_ref14","_ref15","$isFullWidth"],"mappings":"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"}

package/dist/cjs/chart-line/types.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+let ChartLineThresholdType = /*#__PURE__*/function (ChartLineThresholdType) {
+  ChartLineThresholdType["dash"] = "dash";
+  ChartLineThresholdType["flag"] = "flag";
+  return ChartLineThresholdType;
+}({});
+let ChartLineBorderType = /*#__PURE__*/function (ChartLineBorderType) {
+  ChartLineBorderType["rounded"] = "rounded";
+  ChartLineBorderType["square"] = "square";
+  return ChartLineBorderType;
+}({});
+
+exports.ChartLineBorderType = ChartLineBorderType;
+exports.ChartLineThresholdType = ChartLineThresholdType;
+//# sourceMappingURL=types.js.map

package/dist/cjs/chart-line/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/chart-line/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartLineThresholdType {\n  dash = 'dash',\n  flag = 'flag',\n}\nexport type ChartLineThresholdTypes = keyof typeof ChartLineThresholdType\nexport enum ChartLineBorderType {\n  rounded = 'rounded',\n  square = 'square',\n}\nexport type ChartLineBorderTypes = keyof typeof ChartLineBorderType\n\nexport type ChartLineConfig = {\n  loading?: boolean\n  data: LineData[]\n  thresholdType: ChartLineThresholdType\n  height: number\n  border: ChartLineBorderType\n  maxValue?: number\n  showLabels?: boolean\n}\n\nexport type LineData = {\n  color?: string\n  labelPosition?: 'top' | 'bottom'\n  threshold: {\n    value: number\n    color?: string\n    label: string\n    description: string\n    descriptionElement?: React.ReactNode\n  }\n}\n\nexport type ChartLineProps = LidoComponentProps<'div', ChartLineConfig>\n\nexport type ChartLineLabelProps = LidoComponentProps<\n  'div',\n  {\n    id: string\n    previousIds?: string[]\n    zIndex: number\n    show?: boolean\n    height: number\n    thresholdType: ChartLineThresholdType\n    containerId: string\n  } & LineData\n>\n"],"names":["ChartLineThresholdType","ChartLineBorderType"],"mappings":";;;;AAGYA,IAAAA,sBAAsB,0BAAtBA,sBAAsB,EAAA;EAAtBA,sBAAsB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAtBA,sBAAsB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAtBA,sBAAsB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAKtBC,IAAAA,mBAAmB,0BAAnBA,mBAAmB,EAAA;EAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAnBA,mBAAmB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAnBA,mBAAmB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}

package/dist/cjs/chart-line/utils/checkViewport.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const constants = require('./constants.js');
+
+// Check if element overflows viewport and should be inverted
+const checkViewportOverflow = (position, elemSize, viewportSize) => {
+  const invertPosition = viewportSize - position;
+  return position + elemSize + constants.VIEWPORT_MARGIN > viewportSize && invertPosition + elemSize + constants.VIEWPORT_MARGIN < viewportSize;
+};
+
+exports.checkViewportOverflow = checkViewportOverflow;
+//# sourceMappingURL=checkViewport.js.map

package/dist/cjs/chart-line/utils/checkViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkViewport.js","sources":["../../../../src/chart-line/utils/checkViewport.ts"],"sourcesContent":["import { VIEWPORT_MARGIN } from './constants.js'\n\n// Check if element overflows viewport and should be inverted\nexport const checkViewportOverflow = (\n  position: number,\n  elemSize: number,\n  viewportSize: number,\n) => {\n  const invertPosition = viewportSize - position\n  return (\n    position + elemSize + VIEWPORT_MARGIN > viewportSize &&\n    invertPosition + elemSize + VIEWPORT_MARGIN < viewportSize\n  )\n}\n"],"names":["checkViewportOverflow","position","elemSize","viewportSize","invertPosition","VIEWPORT_MARGIN"],"mappings":";;;;;;AAEA;AACO,MAAMA,qBAAqB,GAAGA,CACnCC,QAAgB,EAChBC,QAAgB,EAChBC,YAAoB,KACjB;AACH,EAAA,MAAMC,cAAc,GAAGD,YAAY,GAAGF,QAAQ,CAAA;AAC9C,EAAA,OACEA,QAAQ,GAAGC,QAAQ,GAAGG,yBAAe,GAAGF,YAAY,IACpDC,cAAc,GAAGF,QAAQ,GAAGG,yBAAe,GAAGF,YAAY,CAAA;AAE9D;;;;"}

package/dist/cjs/chart-line/utils/constants.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const VIEWPORT_MARGIN = 8;
+const CHART_LINE_LABEL_ID = 'chart-line-label';
+const LABEL_HEIGHT_INCREASE = 36;
+
+exports.CHART_LINE_LABEL_ID = CHART_LINE_LABEL_ID;
+exports.LABEL_HEIGHT_INCREASE = LABEL_HEIGHT_INCREASE;
+exports.VIEWPORT_MARGIN = VIEWPORT_MARGIN;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/chart-line/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/chart-line/utils/constants.ts"],"sourcesContent":["export const VIEWPORT_MARGIN = 8\nexport const CHART_LINE_LABEL_ID = 'chart-line-label'\nexport const LABEL_HEIGHT_INCREASE = 36\n"],"names":["VIEWPORT_MARGIN","CHART_LINE_LABEL_ID","LABEL_HEIGHT_INCREASE"],"mappings":";;;;AAAO,MAAMA,eAAe,GAAG,EAAC;AACzB,MAAMC,mBAAmB,GAAG,mBAAkB;AAC9C,MAAMC,qBAAqB,GAAG;;;;;;"}

package/dist/cjs/chart-line/utils/getContainerSize.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+// get max height between all elements
+const getContainerSize = elementIds => {
+  if (!elementIds.length) return null;
+  const isCenterAlign = elementIds.every(id => {
+    const element = document.getElementById(id);
+    return element?.dataset.labelPosition === 'top' || element?.dataset.labelPosition === 'bottom';
+  });
+  const size = elementIds.reduce((acc, id) => {
+    const element = document.getElementById(id);
+    if (element && element.offsetHeight > 0) {
+      return Math.max(acc, element.offsetHeight);
+    }
+    return acc;
+  }, 0);
+  return {
+    size: isCenterAlign ? size * 2 : size,
+    isCenterAlign
+  };
+};
+
+exports.getContainerSize = getContainerSize;
+//# sourceMappingURL=getContainerSize.js.map

package/dist/cjs/chart-line/utils/getContainerSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContainerSize.js","sources":["../../../../src/chart-line/utils/getContainerSize.ts"],"sourcesContent":["// get max height between all elements\nexport const getContainerSize = (elementIds: string[]) => {\n  if (!elementIds.length) return null\n\n  const isCenterAlign = elementIds.every((id) => {\n    const element = document.getElementById(id)\n    return (\n      element?.dataset.labelPosition === 'top' ||\n      element?.dataset.labelPosition === 'bottom'\n    )\n  })\n\n  const size = elementIds.reduce((acc, id) => {\n    const element = document.getElementById(id)\n    if (element && element.offsetHeight > 0) {\n      return Math.max(acc, element.offsetHeight)\n    }\n    return acc\n  }, 0)\n\n  return {\n    size: isCenterAlign ? size * 2 : size,\n    isCenterAlign,\n  }\n}\n"],"names":["getContainerSize","elementIds","length","isCenterAlign","every","id","element","document","getElementById","dataset","labelPosition","size","reduce","acc","offsetHeight","Math","max"],"mappings":";;;;AAAA;AACaA,MAAAA,gBAAgB,GAAIC,UAAoB,IAAK;AACxD,EAAA,IAAI,CAACA,UAAU,CAACC,MAAM,EAAE,OAAO,IAAI,CAAA;AAEnC,EAAA,MAAMC,aAAa,GAAGF,UAAU,CAACG,KAAK,CAAEC,EAAE,IAAK;AAC7C,IAAA,MAAMC,OAAO,GAAGC,QAAQ,CAACC,cAAc,CAACH,EAAE,CAAC,CAAA;AAC3C,IAAA,OACEC,OAAO,EAAEG,OAAO,CAACC,aAAa,KAAK,KAAK,IACxCJ,OAAO,EAAEG,OAAO,CAACC,aAAa,KAAK,QAAQ,CAAA;AAE/C,GAAC,CAAC,CAAA;EAEF,MAAMC,IAAI,GAAGV,UAAU,CAACW,MAAM,CAAC,CAACC,GAAG,EAAER,EAAE,KAAK;AAC1C,IAAA,MAAMC,OAAO,GAAGC,QAAQ,CAACC,cAAc,CAACH,EAAE,CAAC,CAAA;AAC3C,IAAA,IAAIC,OAAO,IAAIA,OAAO,CAACQ,YAAY,GAAG,CAAC,EAAE;MACvC,OAAOC,IAAI,CAACC,GAAG,CAACH,GAAG,EAAEP,OAAO,CAACQ,YAAY,CAAC,CAAA;AAC5C,KAAA;AACA,IAAA,OAAOD,GAAG,CAAA;GACX,EAAE,CAAC,CAAC,CAAA;EAEL,OAAO;AACLF,IAAAA,IAAI,EAAER,aAAa,GAAGQ,IAAI,GAAG,CAAC,GAAGA,IAAI;AACrCR,IAAAA,aAAAA;GACD,CAAA;AACH;;;;"}

package/dist/cjs/chart-line/utils/handlePositioning.js

@@ -0,0 +1,167 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const checkViewport = require('./checkViewport.js');
+const constants = require('./constants.js');
+
+// Get elements and their rects in one go
+const getElementData = (id, containerId) => {
+  const threshold = document.getElementById(id);
+  const label = document.getElementById(`${id}-description`);
+  if (!threshold || !label) return null;
+  const container = document.getElementById(containerId);
+  if (!container) return null;
+
+  // Temporarily reset transform to get original positions
+  const originalTransform = label.style.transform;
+  label.style.removeProperty('transform');
+  const thresholdRect = threshold.getBoundingClientRect();
+  const labelRect = label.getBoundingClientRect();
+  const containerRect = container.getBoundingClientRect();
+
+  // Restore transform if it existed
+  if (originalTransform) {
+    label.style.setProperty('transform', originalTransform);
+  }
+  return {
+    elements: {
+      threshold,
+      label
+    },
+    rects: {
+      threshold: thresholdRect,
+      label: labelRect
+    },
+    containerRect
+  };
+};
+
+// Calculate offset needed to keep label within viewport bounds
+const calculateLabelOffset = (thresholdRect, labelRect, containerRect, isInverted) => {
+  if (isInverted) {
+    // Label positioned with left: 0 (extends right from threshold)
+    // Check if label extends beyond container right boundary
+    const labelRightEdge = thresholdRect.left + labelRect.width;
+    const containerRightEdge = containerRect.right - constants.VIEWPORT_MARGIN;
+    if (labelRightEdge > containerRightEdge) {
+      return labelRightEdge - containerRightEdge;
+    }
+  } else {
+    // Label positioned with right: 0 (extends left from threshold - default behavior)
+    // Check if label left edge goes beyond container left boundary
+    const labelLeftEdge = thresholdRect.right - labelRect.width;
+    const containerLeftEdge = containerRect.left + constants.VIEWPORT_MARGIN;
+    if (labelLeftEdge < containerLeftEdge) {
+      return containerLeftEdge - labelLeftEdge;
+    }
+  }
+  return 0;
+};
+
+// Calculate if flag should be inverted based on viewport overflow
+const shouldInvertLabel = (thresholdRect, labelRect, containerRect, viewportWidth) => {
+  const position = containerRect.right - thresholdRect.right;
+  const isInverted = checkViewport.checkViewportOverflow(position, labelRect.width, viewportWidth);
+  return isInverted;
+};
+const resetThresholdHeight = threshold => {
+  if (!threshold) return;
+  threshold.style.removeProperty('height');
+};
+
+// Apply label positioning based on inversion
+const applyLabelPosition = (label, isInverted) => {
+  if (isInverted) {
+    label.style.setProperty('left', '0px');
+    label.style.setProperty('right', 'auto');
+    label.dataset.isInverted = 'true';
+  } else {
+    label.style.setProperty('right', '0px');
+    label.style.setProperty('left', 'auto');
+    label.dataset.isInverted = 'false';
+  }
+};
+
+// Calculate distance between two thresholds considering label inversion
+const calculateFlagDistance = (currentRect, previousRect, currentLabelRect, isPreviousInverted) => {
+  return isPreviousInverted ? currentRect.left - previousRect.left - currentLabelRect.width : currentRect.left - previousRect.left;
+};
+
+// Get first previous threshold on the same position as the current threshold
+const getPreviousThreshold = (previousIds, currentId) => {
+  const currentElement = document.getElementById(currentId);
+  if (!currentElement) return null;
+  const currentLabelPosition = currentElement.dataset.labelPosition;
+  for (let i = previousIds.length - 1; i >= 0; i--) {
+    const id = previousIds[i];
+    const element = document.getElementById(id);
+    if (element?.dataset.labelPosition === currentLabelPosition) {
+      return id;
+    }
+  }
+  return null;
+};
+const handlePositioning = props => {
+  const {
+    previousIds = [],
+    id,
+    reset,
+    containerId
+  } = props;
+
+  // Check if we are in browser (not SSR)
+  if (typeof window === 'undefined') return;
+  if (reset) {
+    resetThresholdHeight(document.getElementById(id));
+    return;
+  }
+  const currentData = getElementData(id, containerId);
+  if (!currentData) return;
+  const {
+    elements: currentElements,
+    rects: currentRects,
+    containerRect
+  } = currentData;
+
+  // Calculate inversion for current label using container width
+  const currentIsInverted = shouldInvertLabel(currentRects.threshold, currentRects.label, containerRect, containerRect.width);
+
+  // Apply positioning for current label
+  applyLabelPosition(currentElements.label, currentIsInverted);
+
+  // Calculate offset needed to keep label within bounds
+  const currentOffset = calculateLabelOffset(currentRects.threshold, currentRects.label, containerRect, currentIsInverted);
+
+  // Apply offset if needed
+  if (currentOffset > 0) {
+    const direction = currentIsInverted ? -currentOffset : currentOffset;
+    currentElements.label.style.setProperty('transform', `translateX(${direction}px)`);
+  } else {
+    currentElements.label.style.removeProperty('transform');
+  }
+
+  // Handle previous threshold positioning if exists
+  const previousId = getPreviousThreshold(previousIds, id);
+  if (!previousId) return;
+  const previousData = getElementData(previousId, containerId);
+  if (!previousData) return;
+  const {
+    rects: previousRects,
+    elements: previousElements
+  } = previousData;
+
+  // Calculate inversion for previous flag using window width (as in original)
+  const previousIsInverted = previousElements.label.dataset.isInverted === 'true';
+
+  // Calculate distance and adjust height if needed
+  const distance = calculateFlagDistance(currentRects.threshold, previousRects.threshold, currentRects.label, previousIsInverted);
+  if (distance < currentRects.label.width) {
+    const newHeight = previousRects.threshold.height + constants.LABEL_HEIGHT_INCREASE;
+    currentElements.threshold.style.setProperty('height', `${newHeight}px`);
+  }
+};
+
+exports.handlePositioning = handlePositioning;
+exports.resetThresholdHeight = resetThresholdHeight;
+//# sourceMappingURL=handlePositioning.js.map

package/dist/cjs/chart-line/utils/handlePositioning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlePositioning.js","sources":["../../../../src/chart-line/utils/handlePositioning.ts"],"sourcesContent":["import { checkViewportOverflow } from './checkViewport.js'\nimport { LABEL_HEIGHT_INCREASE, VIEWPORT_MARGIN } from './constants.js'\n\ntype HandlePositioningProps = {\n  previousIds?: string[]\n  id: string\n  reset?: boolean\n  containerId: string\n}\n\ntype PositioningData = {\n  elements: {\n    threshold: HTMLElement\n    label: HTMLElement\n  }\n  rects: {\n    threshold: DOMRect\n    label: DOMRect\n  }\n  containerRect: DOMRect\n}\n\n// Get elements and their rects in one go\nconst getElementData = (\n  id: string,\n  containerId: string,\n): PositioningData | null => {\n  const threshold = document.getElementById(id)\n  const label = document.getElementById(`${id}-description`)\n\n  if (!threshold || !label) return null\n\n  const container = document.getElementById(containerId)\n  if (!container) return null\n\n  // Temporarily reset transform to get original positions\n  const originalTransform = label.style.transform\n  label.style.removeProperty('transform')\n\n  const thresholdRect = threshold.getBoundingClientRect()\n  const labelRect = label.getBoundingClientRect()\n  const containerRect = container.getBoundingClientRect()\n\n  // Restore transform if it existed\n  if (originalTransform) {\n    label.style.setProperty('transform', originalTransform)\n  }\n\n  return {\n    elements: { threshold, label },\n    rects: { threshold: thresholdRect, label: labelRect },\n    containerRect,\n  }\n}\n\n// Calculate offset needed to keep label within viewport bounds\nconst calculateLabelOffset = (\n  thresholdRect: DOMRect,\n  labelRect: DOMRect,\n  containerRect: DOMRect,\n  isInverted: boolean,\n): number => {\n  if (isInverted) {\n    // Label positioned with left: 0 (extends right from threshold)\n    // Check if label extends beyond container right boundary\n    const labelRightEdge = thresholdRect.left + labelRect.width\n    const containerRightEdge = containerRect.right - VIEWPORT_MARGIN\n\n    if (labelRightEdge > containerRightEdge) {\n      return labelRightEdge - containerRightEdge\n    }\n  } else {\n    // Label positioned with right: 0 (extends left from threshold - default behavior)\n    // Check if label left edge goes beyond container left boundary\n    const labelLeftEdge = thresholdRect.right - labelRect.width\n    const containerLeftEdge = containerRect.left + VIEWPORT_MARGIN\n\n    if (labelLeftEdge < containerLeftEdge) {\n      return containerLeftEdge - labelLeftEdge\n    }\n  }\n  return 0\n}\n\n// Calculate if flag should be inverted based on viewport overflow\nconst shouldInvertLabel = (\n  thresholdRect: DOMRect,\n  labelRect: DOMRect,\n  containerRect: DOMRect,\n  viewportWidth: number,\n): boolean => {\n  const position = containerRect.right - thresholdRect.right\n\n  const isInverted = checkViewportOverflow(\n    position,\n    labelRect.width,\n    viewportWidth,\n  )\n\n  return isInverted\n}\n\nexport const resetThresholdHeight = (threshold: HTMLElement | null): void => {\n  if (!threshold) return\n\n  threshold.style.removeProperty('height')\n}\n\n// Apply label positioning based on inversion\nconst applyLabelPosition = (label: HTMLElement, isInverted: boolean): void => {\n  if (isInverted) {\n    label.style.setProperty('left', '0px')\n    label.style.setProperty('right', 'auto')\n    label.dataset.isInverted = 'true'\n  } else {\n    label.style.setProperty('right', '0px')\n    label.style.setProperty('left', 'auto')\n    label.dataset.isInverted = 'false'\n  }\n}\n\n// Calculate distance between two thresholds considering label inversion\nconst calculateFlagDistance = (\n  currentRect: DOMRect,\n  previousRect: DOMRect,\n  currentLabelRect: DOMRect,\n  isPreviousInverted: boolean,\n): number => {\n  return isPreviousInverted\n    ? currentRect.left - previousRect.left - currentLabelRect.width\n    : currentRect.left - previousRect.left\n}\n\n// Get first previous threshold on the same position as the current threshold\nconst getPreviousThreshold = (\n  previousIds: string[],\n  currentId: string,\n): string | null => {\n  const currentElement = document.getElementById(currentId)\n  if (!currentElement) return null\n\n  const currentLabelPosition = currentElement.dataset.labelPosition\n\n  for (let i = previousIds.length - 1; i >= 0; i--) {\n    const id = previousIds[i]\n    const element = document.getElementById(id)\n    if (element?.dataset.labelPosition === currentLabelPosition) {\n      return id\n    }\n  }\n\n  return null\n}\n\nexport const handlePositioning = (props: HandlePositioningProps): void => {\n  const { previousIds = [], id, reset, containerId } = props\n\n  // Check if we are in browser (not SSR)\n  if (typeof window === 'undefined') return\n\n  if (reset) {\n    resetThresholdHeight(document.getElementById(id))\n    return\n  }\n\n  const currentData = getElementData(id, containerId)\n  if (!currentData) return\n\n  const {\n    elements: currentElements,\n    rects: currentRects,\n    containerRect,\n  } = currentData\n\n  // Calculate inversion for current label using container width\n  const currentIsInverted = shouldInvertLabel(\n    currentRects.threshold,\n    currentRects.label,\n    containerRect,\n    containerRect.width,\n  )\n\n  // Apply positioning for current label\n  applyLabelPosition(currentElements.label, currentIsInverted)\n\n  // Calculate offset needed to keep label within bounds\n  const currentOffset = calculateLabelOffset(\n    currentRects.threshold,\n    currentRects.label,\n    containerRect,\n    currentIsInverted,\n  )\n\n  // Apply offset if needed\n  if (currentOffset > 0) {\n    const direction = currentIsInverted ? -currentOffset : currentOffset\n    currentElements.label.style.setProperty(\n      'transform',\n      `translateX(${direction}px)`,\n    )\n  } else {\n    currentElements.label.style.removeProperty('transform')\n  }\n\n  // Handle previous threshold positioning if exists\n  const previousId = getPreviousThreshold(previousIds, id)\n  if (!previousId) return\n\n  const previousData = getElementData(previousId, containerId)\n  if (!previousData) return\n\n  const { rects: previousRects, elements: previousElements } = previousData\n\n  // Calculate inversion for previous flag using window width (as in original)\n  const previousIsInverted =\n    previousElements.label.dataset.isInverted === 'true'\n\n  // Calculate distance and adjust height if needed\n  const distance = calculateFlagDistance(\n    currentRects.threshold,\n    previousRects.threshold,\n    currentRects.label,\n    previousIsInverted,\n  )\n\n  if (distance < currentRects.label.width) {\n    const newHeight = previousRects.threshold.height + LABEL_HEIGHT_INCREASE\n    currentElements.threshold.style.setProperty('height', `${newHeight}px`)\n  }\n}\n"],"names":["getElementData","id","containerId","threshold","document","getElementById","label","container","originalTransform","style","transform","removeProperty","thresholdRect","getBoundingClientRect","labelRect","containerRect","setProperty","elements","rects","calculateLabelOffset","isInverted","labelRightEdge","left","width","containerRightEdge","right","VIEWPORT_MARGIN","labelLeftEdge","containerLeftEdge","shouldInvertLabel","viewportWidth","position","checkViewportOverflow","resetThresholdHeight","applyLabelPosition","dataset","calculateFlagDistance","currentRect","previousRect","currentLabelRect","isPreviousInverted","getPreviousThreshold","previousIds","currentId","currentElement","currentLabelPosition","labelPosition","i","length","element","handlePositioning","props","reset","window","currentData","currentElements","currentRects","currentIsInverted","currentOffset","direction","previousId","previousData","previousRects","previousElements","previousIsInverted","distance","newHeight","height","LABEL_HEIGHT_INCREASE"],"mappings":"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"}

package/dist/cjs/chart-line/utils/processData.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const constants = require('./constants.js');
+
+const processData = (data, containerId, maxValue) => {
+  // Calculate maxValue once if not provided
+  const calculatedMaxValue = maxValue ?? Math.max(...data.map(item => item.threshold.value));
+  return data.sort((a, b) => a.threshold.value - b.threshold.value).reduce((acc, item, index) => {
+    const {
+      threshold
+    } = item;
+    const id = `${containerId}-${constants.CHART_LINE_LABEL_ID}-${index}-${threshold.label}`;
+    const width = threshold.value / (calculatedMaxValue / 100);
+    const processedItem = {
+      ...item,
+      id,
+      index,
+      width
+    };
+    acc.data.push(processedItem);
+    acc.ids.push(id);
+    return acc;
+  }, {
+    data: [],
+    ids: []
+  });
+};
+
+exports.processData = processData;
+//# sourceMappingURL=processData.js.map

package/dist/cjs/chart-line/utils/processData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processData.js","sources":["../../../../src/chart-line/utils/processData.ts"],"sourcesContent":["import { CHART_LINE_LABEL_ID } from './constants.js'\nimport { LineData } from '../types.js'\n\ntype ProcessedLineData = LineData & {\n  id: string\n  index: number\n  width: number\n}\n\ntype ProcessedData = {\n  data: ProcessedLineData[]\n  ids: string[]\n}\n\nexport const processData = (\n  data: LineData[],\n  containerId: string,\n  maxValue?: number,\n): ProcessedData => {\n  // Calculate maxValue once if not provided\n  const calculatedMaxValue =\n    maxValue ?? Math.max(...data.map((item) => item.threshold.value))\n\n  return data\n    .sort((a, b) => a.threshold.value - b.threshold.value)\n    .reduce<ProcessedData>(\n      (acc, item, index) => {\n        const { threshold } = item\n        const id = `${containerId}-${CHART_LINE_LABEL_ID}-${index}-${threshold.label}`\n        const width = threshold.value / (calculatedMaxValue / 100)\n\n        const processedItem: ProcessedLineData = {\n          ...item,\n          id,\n          index,\n          width,\n        }\n\n        acc.data.push(processedItem)\n        acc.ids.push(id)\n\n        return acc\n      },\n      { data: [], ids: [] },\n    )\n}\n"],"names":["processData","data","containerId","maxValue","calculatedMaxValue","Math","max","map","item","threshold","value","sort","a","b","reduce","acc","index","id","CHART_LINE_LABEL_ID","label","width","processedItem","push","ids"],"mappings":";;;;;;AAcO,MAAMA,WAAW,GAAGA,CACzBC,IAAgB,EAChBC,WAAmB,EACnBC,QAAiB,KACC;AAClB;EACA,MAAMC,kBAAkB,GACtBD,QAAQ,IAAIE,IAAI,CAACC,GAAG,CAAC,GAAGL,IAAI,CAACM,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,SAAS,CAACC,KAAK,CAAC,CAAC,CAAA;AAEnE,EAAA,OAAOT,IAAI,CACRU,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACH,SAAS,CAACC,KAAK,GAAGG,CAAC,CAACJ,SAAS,CAACC,KAAK,CAAC,CACrDI,MAAM,CACL,CAACC,GAAG,EAAEP,IAAI,EAAEQ,KAAK,KAAK;IACpB,MAAM;AAAEP,MAAAA,SAAAA;AAAU,KAAC,GAAGD,IAAI,CAAA;AAC1B,IAAA,MAAMS,EAAE,GAAG,CAAGf,EAAAA,WAAW,CAAIgB,CAAAA,EAAAA,6BAAmB,CAAIF,CAAAA,EAAAA,KAAK,CAAIP,CAAAA,EAAAA,SAAS,CAACU,KAAK,CAAE,CAAA,CAAA;IAC9E,MAAMC,KAAK,GAAGX,SAAS,CAACC,KAAK,IAAIN,kBAAkB,GAAG,GAAG,CAAC,CAAA;AAE1D,IAAA,MAAMiB,aAAgC,GAAG;AACvC,MAAA,GAAGb,IAAI;MACPS,EAAE;MACFD,KAAK;AACLI,MAAAA,KAAAA;KACD,CAAA;AAEDL,IAAAA,GAAG,CAACd,IAAI,CAACqB,IAAI,CAACD,aAAa,CAAC,CAAA;AAC5BN,IAAAA,GAAG,CAACQ,GAAG,CAACD,IAAI,CAACL,EAAE,CAAC,CAAA;AAEhB,IAAA,OAAOF,GAAG,CAAA;AACZ,GAAC,EACD;AAAEd,IAAAA,IAAI,EAAE,EAAE;AAAEsB,IAAAA,GAAG,EAAE,EAAA;AAAG,GACtB,CAAC,CAAA;AACL;;;;"}

package/dist/cjs/chart-proportion/ChartProportion.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+require('../loaders/Loader.js');
+const InlineLoader = require('../loaders/InlineLoader.js');
+const ChartProportionStyles = require('./ChartProportionStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const ChartProportion = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    loading = false,
+    onClick,
+    children,
+    height,
+    border,
+    data,
+    showLabels,
+    margin,
+    borderSize,
+    ...rest
+  } = props;
+  if (loading) {
+    return /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.WrapperStyle, {
+      $height: height,
+      ref: ref,
+      ...rest,
+      children: /*#__PURE__*/jsxRuntime.jsx(InlineLoader.InlineLoader, {})
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.WrapperStyle, {
+    $height: height,
+    ref: ref,
+    ...rest,
+    children: data.map((item, index) => {
+      const {
+        color,
+        value,
+        progress,
+        label
+      } = item;
+      const isShowLabel = showLabels && label;
+      return /*#__PURE__*/jsxRuntime.jsxs(ChartProportionStyles.ProportionStyle, {
+        $flexGrow: value,
+        $backgroundColor: color,
+        $border: border,
+        $borderSize: borderSize,
+        $margin: margin,
+        children: [isShowLabel && /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.ProportionLabelStyle, {
+          children: label
+        }), /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.ProportionProgressStyle, {
+          $progress: progress,
+          $backgroundColor: color,
+          $border: border,
+          $borderSize: borderSize,
+          children: progress !== 100 && /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.ProportionProgressLineStyle, {})
+        })]
+      }, index);
+    })
+  });
+});
+ChartProportion.displayName = 'ChartProportion';
+
+exports.ChartProportion = ChartProportion;
+//# sourceMappingURL=ChartProportion.js.map

package/dist/cjs/chart-proportion/ChartProportion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartProportion.js","sources":["../../../src/chart-proportion/ChartProportion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport {\n  ProportionStyle,\n  WrapperStyle,\n  ProportionProgressStyle,\n  ProportionProgressLineStyle,\n  ProportionLabelStyle,\n} from './ChartProportionStyles.js'\nimport { ChartProportionProps } from './types.js'\n\nexport const ChartProportion = forwardRef(\n  (props: ChartProportionProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      loading = false,\n      onClick,\n      children,\n      height,\n      border,\n      data,\n      showLabels,\n      margin,\n      borderSize,\n      ...rest\n    } = props\n\n    if (loading) {\n      return (\n        <WrapperStyle $height={height} ref={ref} {...rest}>\n          <InlineLoader />\n        </WrapperStyle>\n      )\n    }\n\n    return (\n      <WrapperStyle $height={height} ref={ref} {...rest}>\n        {data.map((item, index) => {\n          const { color, value, progress, label } = item\n          const isShowLabel = showLabels && label\n\n          return (\n            <ProportionStyle\n              key={index}\n              $flexGrow={value}\n              $backgroundColor={color}\n              $border={border}\n              $borderSize={borderSize}\n              $margin={margin}\n            >\n              {isShowLabel && (\n                <ProportionLabelStyle>{label}</ProportionLabelStyle>\n              )}\n              <ProportionProgressStyle\n                $progress={progress}\n                $backgroundColor={color}\n                $border={border}\n                $borderSize={borderSize}\n              >\n                {progress !== 100 && <ProportionProgressLineStyle />}\n              </ProportionProgressStyle>\n            </ProportionStyle>\n          )\n        })}\n      </WrapperStyle>\n    )\n  },\n)\nChartProportion.displayName = 'ChartProportion'\n"],"names":["ChartProportion","forwardRef","props","ref","loading","onClick","children","height","border","data","showLabels","margin","borderSize","rest","_jsx","WrapperStyle","$height","InlineLoader","map","item","index","color","value","progress","label","isShowLabel","_jsxs","ProportionStyle","$flexGrow","$backgroundColor","$border","$borderSize","$margin","ProportionLabelStyle","ProportionProgressStyle","$progress","ProportionProgressLineStyle","displayName"],"mappings":";;;;;;;;;;AAaO,MAAMA,eAAe,gBAAGC,gBAAU,CACvC,CAACC,KAA2B,EAAEC,GAAkC,KAAK;EACnE,MAAM;AACJC,IAAAA,OAAO,GAAG,KAAK;IACfC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,IAAI;IACJC,UAAU;IACVC,MAAM;IACNC,UAAU;IACV,GAAGC,IAAAA;AACL,GAAC,GAAGX,KAAK,CAAA;AAET,EAAA,IAAIE,OAAO,EAAE;IACX,oBACEU,cAAA,CAACC,kCAAY,EAAA;AAACC,MAAAA,OAAO,EAAET,MAAO;AAACJ,MAAAA,GAAG,EAAEA,GAAI;AAAA,MAAA,GAAKU,IAAI;AAAAP,MAAAA,QAAA,eAC/CQ,cAAA,CAACG,yBAAY,EAAE,EAAA,CAAA;AAAC,KACJ,CAAC,CAAA;AAEnB,GAAA;EAEA,oBACEH,cAAA,CAACC,kCAAY,EAAA;AAACC,IAAAA,OAAO,EAAET,MAAO;AAACJ,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKU,IAAI;IAAAP,QAAA,EAC9CG,IAAI,CAACS,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;MACzB,MAAM;QAAEC,KAAK;QAAEC,KAAK;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAC,GAAGL,IAAI,CAAA;AAC9C,MAAA,MAAMM,WAAW,GAAGf,UAAU,IAAIc,KAAK,CAAA;MAEvC,oBACEE,eAAA,CAACC,qCAAe,EAAA;AAEdC,QAAAA,SAAS,EAAEN,KAAM;AACjBO,QAAAA,gBAAgB,EAAER,KAAM;AACxBS,QAAAA,OAAO,EAAEtB,MAAO;AAChBuB,QAAAA,WAAW,EAAEnB,UAAW;AACxBoB,QAAAA,OAAO,EAAErB,MAAO;AAAAL,QAAAA,QAAA,EAEfmB,CAAAA,WAAW,iBACVX,cAAA,CAACmB,0CAAoB,EAAA;AAAA3B,UAAAA,QAAA,EAAEkB,KAAAA;AAAK,SAAuB,CACpD,eACDV,cAAA,CAACoB,6CAAuB,EAAA;AACtBC,UAAAA,SAAS,EAAEZ,QAAS;AACpBM,UAAAA,gBAAgB,EAAER,KAAM;AACxBS,UAAAA,OAAO,EAAEtB,MAAO;AAChBuB,UAAAA,WAAW,EAAEnB,UAAW;UAAAN,QAAA,EAEvBiB,QAAQ,KAAK,GAAG,iBAAIT,cAAA,CAACsB,iDAA2B,EAAE,EAAA,CAAA;AAAC,SAC7B,CAAC,CAAA;AAAA,OAAA,EAjBrBhB,KAkBU,CAAC,CAAA;KAErB,CAAA;AAAC,GACU,CAAC,CAAA;AAEnB,CACF,EAAC;AACDpB,eAAe,CAACqC,WAAW,GAAG,iBAAiB;;;;"}