@dynatrace/strato-components 3.4.1 → 3.5.2

package/esm/charts/core/components/overlay-tooltip/components/header/Header.js

@@ -1,7 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import clsx from "clsx";
-import { isArray, isEmpty, isNil } from "lodash-es";
 import {
   headerContainer,
   headerSubText,
@@ -10,51 +9,37 @@ import {
   headerWidthVar,
   maxLinesVar
 } from "./Header.sty.js";
-import {
-  isFromTo,
-  isNonEmptyRange,
-  isSingleValue
-} from "./types/type-guards.js";
-import { getDurationContent } from "./utils/get-duration-content.js";
 import { getShowRangeDuration } from "./utils/get-show-range-duration.js";
-import { getShownHeaderText } from "./utils/get-shown-header-text.js";
-import {
-  defaultLabelFormatterStrategy,
-  formatValueRange
-} from "./utils/value-formatters.js";
+import { isHeaderEmpty } from "./utils/type-guards.js";
+import { defaultLabelFormatterStrategy } from "./utils/value-formatters.js";
 import { Divider } from "../../../../../../layouts/divider/Divider.js";
 import { Tooltip } from "../../../../../../overlays/tooltip/Tooltip.js";
 import {
   DEFAULT_HEADER_LINES,
   DEFAULT_TRUNCATION_MODE,
   MAX_HEADER_LINES,
-  TOOLTIP_HEADER_PADDING
+  TOOLTIP_WRAPPER_PADDING
 } from "../../constants.js";
 import { useExternalConfig } from "../../contexts/ExternalConfigContext.js";
 import { useTooltipDimensions } from "../../contexts/TooltipDimensionsContext.js";
 import { useDefaultConfig } from "../../hooks/useDefaultConfig.js";
 import { useDefaultLabels } from "../../hooks/useDefaultLabels.js";
 import { divider, TOOLTIP_MAX_WIDTH } from "../../tooltip.sty.js";
-import { getHeaderTruncatedText } from "../../utils/text-truncation-header.js";
-import { calculateTotalWidth500 } from "../../utils/width-calculation.js";
-const getValue = (data) => {
-  if (data === void 0) {
-    return void 0;
-  }
-  if (isSingleValue(data)) {
-    return isArray(data) ? data[0] : data;
-  } else if (isFromTo(data)) {
-    return data;
-  }
-};
-const getNonGeometryHeader = (value) => {
-  if (isNonEmptyRange(value)) {
-    return formatValueRange;
-  }
-  return defaultLabelFormatterStrategy;
-};
+import { computeHeaderDisplay } from "./utils/compute-header-display.js";
+import { computeSubheaderDisplay } from "./utils/compute-subheader-display.js";
+import { getNonGeometryHeader } from "./utils/get-non-geometry-header.js";
 const Header = (props) => {
-  const { header1, subheader, label, maxLines, duration } = props;
+  const {
+    header1,
+    header2,
+    subheader,
+    label,
+    label2,
+    maxLines,
+    duration1,
+    duration2,
+    showRangeDuration2
+  } = props;
   const labelFor = useDefaultLabels();
   const defaultConfig = useDefaultConfig();
   const defaultStrategy = defaultConfig?.headerFormatStrategy ?? defaultLabelFormatterStrategy;
@@ -66,38 +51,65 @@ const Header = (props) => {
   );
   const isSingleLine = showedLines === 1;
   const isTruncationEnd = truncationMode === "end";
-  const showRangeDuration = getShowRangeDuration(
+  const showRangeDuration1 = getShowRangeDuration(
     defaultConfig,
-    props.showRangeDuration
+    props.showRangeDuration1
   );
-  const value = getValue(header1);
-  const subheaderValue = getValue(subheader);
+  const computedShowDuration2 = showRangeDuration2 ?? false;
   const formatStrategy = defaultStrategy ?? getNonGeometryHeader(header1);
-  const formattedValue = formatStrategy(value);
-  const headerLabel = labelFor?.("headerLabel", label);
-  const headerContent = headerLabel ? `${headerLabel}: ${formattedValue}` : formattedValue ?? "";
-  if ((isNil(header1) || isEmpty(header1)) && (isNil(subheader) || isEmpty(subheader))) {
+  const header2FormatStrategy = getNonGeometryHeader(header2);
+  const availableWidth = containerWidth - TOOLTIP_WRAPPER_PADDING * 2;
+  if (isHeaderEmpty(header1, header2, subheader)) {
     return null;
   }
-  const availableWidth = containerWidth - TOOLTIP_HEADER_PADDING * 2;
-  const totalTextWidth = calculateTotalWidth500(headerContent ?? "");
-  const shownText = getShownHeaderText(
-    headerContent,
+  const sharedDisplayParams = {
+    labelFor,
     isSingleLine,
     isTruncationEnd,
     availableWidth,
     showedLines,
+    truncationMode,
+    showRangeDuration: showRangeDuration1
+  };
+  const {
+    content: headerContent,
+    totalTextWidth,
+    shownText,
+    isTruncated,
+    durationContent,
+    durationSuffix
+  } = computeHeaderDisplay({
+    header: header1,
+    label,
+    duration: duration1,
+    formatStrategy,
+    ...sharedDisplayParams
+  });
+  const {
+    content: header2Content,
+    totalTextWidth: header2TotalTextWidth,
+    shownText: shownHeader2Text,
+    isTruncated: isHeader2Truncated,
+    durationContent: duration2Content,
+    durationSuffix: duration2Suffix
+  } = computeHeaderDisplay({
+    header: header2,
+    label: label2,
+    duration: duration2,
+    formatStrategy: header2FormatStrategy,
+    ...sharedDisplayParams,
+    showRangeDuration: computedShowDuration2
+  });
+  const { subheaderContent, shownSubheaderText, isSubheaderTruncated } = computeSubheaderDisplay({
+    subheader,
+    formatStrategy,
+    availableWidth,
     truncationMode
-  );
-  const isMultiLineCssClamped = !isSingleLine && isTruncationEnd && Math.ceil(totalTextWidth / availableWidth) > showedLines;
-  const isTruncated = isMultiLineCssClamped || shownText !== headerContent;
-  const subheaderContent = subheaderValue ? formatStrategy(subheaderValue) : void 0;
-  const durationContent = duration ?? getDurationContent(showRangeDuration, header1);
-  const shownSubheaderText = subheaderContent ? getHeaderTruncatedText(subheaderContent, availableWidth, truncationMode) : void 0;
-  const isSubheaderTruncated = subheaderContent ? shownSubheaderText !== subheaderContent : false;
+  });
   const headerClassName = !isSingleLine && isTruncationEnd ? clsx(headerText, headerTextMultiLine) : headerText;
-  const shouldConstrainWidth = totalTextWidth > availableWidth;
+  const shouldConstrainWidth = totalTextWidth > availableWidth || header2TotalTextWidth > availableWidth;
   const headerContainerStyle = shouldConstrainWidth ? assignInlineVars({ [headerWidthVar]: `${availableWidth}px` }) : {};
+  const isHeader2Unique = header2Content + duration2Suffix !== headerContent + durationSuffix;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: headerContainer, style: headerContainerStyle, children: [
       /* @__PURE__ */ jsx(Tooltip, { text: headerContent, disabled: !isTruncated, children: /* @__PURE__ */ jsxs(
@@ -107,10 +119,23 @@ const Header = (props) => {
           style: assignInlineVars({ [maxLinesVar]: String(showedLines) }),
           children: [
             shownText,
-            durationContent && /* @__PURE__ */ jsx("span", { className: headerSubText, children: ` (${durationContent})` })
+            durationContent && durationContent !== "0" && /* @__PURE__ */ jsx("span", { className: headerSubText, children: durationSuffix })
           ]
         }
       ) }),
+      shownHeader2Text && isHeader2Unique && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip, { text: header2Content, disabled: !isHeader2Truncated, children: /* @__PURE__ */ jsxs(
+        "p",
+        {
+          className: headerClassName,
+          style: assignInlineVars({
+            [maxLinesVar]: String(showedLines)
+          }),
+          children: [
+            shownHeader2Text,
+            duration2Content && duration2Content !== "0" && /* @__PURE__ */ jsx("span", { className: headerSubText, children: duration2Suffix })
+          ]
+        }
+      ) }) }),
       shownSubheaderText && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip, { text: subheaderContent, disabled: !isSubheaderTruncated, children: /* @__PURE__ */ jsx("p", { className: headerSubText, children: shownSubheaderText }) }) })
     ] }),
     displayHeaderDivider && /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", className: divider }, "divider")

package/esm/charts/core/components/overlay-tooltip/components/header/Header.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/Header.tsx"],
-  "sourcesContent": ["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport clsx from 'clsx';\nimport { isArray, isEmpty, isNil } from 'lodash-es';\n\nimport {\n  headerContainer,\n  headerSubText,\n  headerText,\n  headerTextMultiLine,\n  headerWidthVar,\n  maxLinesVar,\n} from './Header.sty.js';\nimport { HeaderProps } from './types/header.js';\nimport {\n  isFromTo,\n  isNonEmptyRange,\n  isSingleValue,\n} from './types/type-guards.js';\nimport { getDurationContent } from './utils/get-duration-content.js';\nimport { getShowRangeDuration } from './utils/get-show-range-duration.js';\nimport { getShownHeaderText } from './utils/get-shown-header-text.js';\nimport {\n  defaultLabelFormatterStrategy,\n  formatValueRange,\n} from './utils/value-formatters.js';\nimport { Divider } from '../../../../../../layouts/divider/Divider.js';\nimport { Tooltip } from '../../../../../../overlays/tooltip/Tooltip.js';\nimport {\n  DEFAULT_HEADER_LINES,\n  DEFAULT_TRUNCATION_MODE,\n  MAX_HEADER_LINES,\n  TOOLTIP_HEADER_PADDING,\n} from '../../constants.js';\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useTooltipDimensions } from '../../contexts/TooltipDimensionsContext.js';\nimport { useDefaultConfig } from '../../hooks/useDefaultConfig.js';\nimport { useDefaultLabels } from '../../hooks/useDefaultLabels.js';\nimport { divider, TOOLTIP_MAX_WIDTH } from '../../tooltip.sty.js';\nimport type { HeaderData, TooltipValue } from '../../types.js';\nimport { getHeaderTruncatedText } from '../../utils/text-truncation-header.js';\nimport { calculateTotalWidth500 } from '../../utils/width-calculation.js';\n\nconst getValue = (\n  data?: HeaderData,\n): TooltipValue | [TooltipValue, TooltipValue] | undefined => {\n  if (data === undefined) {\n    return undefined;\n  }\n  if (isSingleValue(data)) {\n    return isArray(data) ? data[0] : data;\n  } else if (isFromTo(data)) {\n    return data;\n  }\n};\nconst getNonGeometryHeader = (value: HeaderData) => {\n  if (isNonEmptyRange(value)) {\n    return formatValueRange;\n  }\n\n  return defaultLabelFormatterStrategy;\n};\n\nexport const Header = (props: HeaderProps) => {\n  const { header1, subheader, label, maxLines, duration } = props;\n  const labelFor = useDefaultLabels();\n  const defaultConfig = useDefaultConfig();\n  const defaultStrategy =\n    defaultConfig?.headerFormatStrategy ?? defaultLabelFormatterStrategy;\n  const { displayHeaderDivider, truncationMode = DEFAULT_TRUNCATION_MODE } =\n    useExternalConfig();\n  const containerWidth = useTooltipDimensions()?.width || TOOLTIP_MAX_WIDTH;\n  const showedLines = Math.min(\n    maxLines ?? DEFAULT_HEADER_LINES,\n    MAX_HEADER_LINES,\n  );\n  const isSingleLine = showedLines === 1;\n  const isTruncationEnd = truncationMode === 'end';\n\n  const showRangeDuration = getShowRangeDuration(\n    defaultConfig,\n    props.showRangeDuration,\n  );\n  const value = getValue(header1);\n  const subheaderValue = getValue(subheader);\n  const formatStrategy = defaultStrategy ?? getNonGeometryHeader(header1);\n  const formattedValue = formatStrategy(value);\n  const headerLabel = labelFor?.('headerLabel', label);\n  const headerContent = headerLabel\n    ? `${headerLabel}: ${formattedValue}`\n    : formattedValue ?? '';\n\n  if (\n    (isNil(header1) || isEmpty(header1)) &&\n    (isNil(subheader) || isEmpty(subheader))\n  ) {\n    return null;\n  }\n\n  const availableWidth = containerWidth - TOOLTIP_HEADER_PADDING * 2;\n  const totalTextWidth = calculateTotalWidth500(headerContent ?? '');\n  const shownText = getShownHeaderText(\n    headerContent,\n    isSingleLine,\n    isTruncationEnd,\n    availableWidth,\n    showedLines,\n    truncationMode,\n  );\n  const isMultiLineCssClamped =\n    !isSingleLine &&\n    isTruncationEnd &&\n    Math.ceil(totalTextWidth / availableWidth) > showedLines;\n  const isTruncated = isMultiLineCssClamped || shownText !== headerContent;\n\n  const subheaderContent = subheaderValue\n    ? formatStrategy(subheaderValue)\n    : undefined;\n  const durationContent =\n    duration ?? getDurationContent(showRangeDuration, header1);\n\n  const shownSubheaderText = subheaderContent\n    ? getHeaderTruncatedText(subheaderContent, availableWidth, truncationMode)\n    : undefined;\n  const isSubheaderTruncated = subheaderContent\n    ? shownSubheaderText !== subheaderContent\n    : false;\n\n  const headerClassName =\n    !isSingleLine && isTruncationEnd\n      ? clsx(headerText, headerTextMultiLine)\n      : headerText;\n\n  const shouldConstrainWidth = totalTextWidth > availableWidth;\n  const headerContainerStyle = shouldConstrainWidth\n    ? assignInlineVars({ [headerWidthVar]: `${availableWidth}px` })\n    : {};\n\n  return (\n    <>\n      <div className={headerContainer} style={headerContainerStyle}>\n        <Tooltip text={headerContent} disabled={!isTruncated}>\n          <p\n            className={headerClassName}\n            style={assignInlineVars({ [maxLinesVar]: String(showedLines) })}\n          >\n            {shownText}\n            {durationContent && (\n              <span className={headerSubText}>{` (${durationContent})`}</span>\n            )}\n          </p>\n        </Tooltip>\n        {shownSubheaderText && (\n          <div>\n            <Tooltip text={subheaderContent} disabled={!isSubheaderTruncated}>\n              <p className={headerSubText}>{shownSubheaderText}</p>\n            </Tooltip>\n          </div>\n        )}\n      </div>\n      {displayHeaderDivider && (\n        <Divider orientation=\"horizontal\" key=\"divider\" className={divider} />\n      )}\n    </>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport clsx from 'clsx';\n\nimport {\n  headerContainer,\n  headerSubText,\n  headerText,\n  headerTextMultiLine,\n  headerWidthVar,\n  maxLinesVar,\n} from './Header.sty.js';\nimport { HeaderProps, HeaderValueFormatter } from './types/header.js';\nimport { getShowRangeDuration } from './utils/get-show-range-duration.js';\nimport { isHeaderEmpty } from './utils/type-guards.js';\nimport { defaultLabelFormatterStrategy } from './utils/value-formatters.js';\nimport { Divider } from '../../../../../../layouts/divider/Divider.js';\nimport { Tooltip } from '../../../../../../overlays/tooltip/Tooltip.js';\nimport {\n  DEFAULT_HEADER_LINES,\n  DEFAULT_TRUNCATION_MODE,\n  MAX_HEADER_LINES,\n  TOOLTIP_WRAPPER_PADDING,\n} from '../../constants.js';\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useTooltipDimensions } from '../../contexts/TooltipDimensionsContext.js';\nimport { useDefaultConfig } from '../../hooks/useDefaultConfig.js';\nimport { useDefaultLabels } from '../../hooks/useDefaultLabels.js';\nimport { divider, TOOLTIP_MAX_WIDTH } from '../../tooltip.sty.js';\nimport { computeHeaderDisplay } from './utils/compute-header-display.js';\nimport { computeSubheaderDisplay } from './utils/compute-subheader-display.js';\nimport { getNonGeometryHeader } from './utils/get-non-geometry-header.js';\n\nexport const Header = (props: HeaderProps) => {\n  const {\n    header1,\n    header2,\n    subheader,\n    label,\n    label2,\n    maxLines,\n    duration1,\n    duration2,\n    showRangeDuration2,\n  } = props;\n  const labelFor = useDefaultLabels();\n  const defaultConfig = useDefaultConfig();\n  const defaultStrategy = (defaultConfig?.headerFormatStrategy ??\n    defaultLabelFormatterStrategy) as HeaderValueFormatter;\n  const { displayHeaderDivider, truncationMode = DEFAULT_TRUNCATION_MODE } =\n    useExternalConfig();\n  const containerWidth = useTooltipDimensions()?.width || TOOLTIP_MAX_WIDTH;\n  const showedLines = Math.min(\n    maxLines ?? DEFAULT_HEADER_LINES,\n    MAX_HEADER_LINES,\n  );\n  const isSingleLine = showedLines === 1;\n  const isTruncationEnd = truncationMode === 'end';\n\n  const showRangeDuration1 = getShowRangeDuration(\n    defaultConfig,\n    props.showRangeDuration1,\n  );\n  const computedShowDuration2 = showRangeDuration2 ?? false;\n  const formatStrategy = defaultStrategy ?? getNonGeometryHeader(header1);\n  const header2FormatStrategy = getNonGeometryHeader(header2);\n  const availableWidth = containerWidth - TOOLTIP_WRAPPER_PADDING * 2;\n\n  if (isHeaderEmpty(header1, header2, subheader)) {\n    return null;\n  }\n\n  const sharedDisplayParams = {\n    labelFor,\n    isSingleLine,\n    isTruncationEnd,\n    availableWidth,\n    showedLines,\n    truncationMode,\n    showRangeDuration: showRangeDuration1,\n  };\n\n  const {\n    content: headerContent,\n    totalTextWidth,\n    shownText,\n    isTruncated,\n    durationContent,\n    durationSuffix,\n  } = computeHeaderDisplay({\n    header: header1,\n    label,\n    duration: duration1,\n    formatStrategy,\n    ...sharedDisplayParams,\n  });\n\n  const {\n    content: header2Content,\n    totalTextWidth: header2TotalTextWidth,\n    shownText: shownHeader2Text,\n    isTruncated: isHeader2Truncated,\n    durationContent: duration2Content,\n    durationSuffix: duration2Suffix,\n  } = computeHeaderDisplay({\n    header: header2,\n    label: label2,\n    duration: duration2,\n    formatStrategy: header2FormatStrategy,\n    ...sharedDisplayParams,\n    showRangeDuration: computedShowDuration2,\n  });\n\n  const { subheaderContent, shownSubheaderText, isSubheaderTruncated } =\n    computeSubheaderDisplay({\n      subheader,\n      formatStrategy,\n      availableWidth,\n      truncationMode,\n    });\n\n  const headerClassName =\n    !isSingleLine && isTruncationEnd\n      ? clsx(headerText, headerTextMultiLine)\n      : headerText;\n\n  const shouldConstrainWidth =\n    totalTextWidth > availableWidth || header2TotalTextWidth > availableWidth;\n  const headerContainerStyle = shouldConstrainWidth\n    ? assignInlineVars({ [headerWidthVar]: `${availableWidth}px` })\n    : {};\n  const isHeader2Unique =\n    header2Content + duration2Suffix !== headerContent + durationSuffix;\n\n  return (\n    <>\n      <div className={headerContainer} style={headerContainerStyle}>\n        <Tooltip text={headerContent} disabled={!isTruncated}>\n          <p\n            className={headerClassName}\n            style={assignInlineVars({ [maxLinesVar]: String(showedLines) })}\n          >\n            {shownText}\n            {durationContent && durationContent !== '0' && (\n              <span className={headerSubText}>{durationSuffix}</span>\n            )}\n          </p>\n        </Tooltip>\n        {shownHeader2Text && isHeader2Unique && (\n          <div>\n            <Tooltip text={header2Content} disabled={!isHeader2Truncated}>\n              <p\n                className={headerClassName}\n                style={assignInlineVars({\n                  [maxLinesVar]: String(showedLines),\n                })}\n              >\n                {shownHeader2Text}\n                {duration2Content && duration2Content !== '0' && (\n                  <span className={headerSubText}>{duration2Suffix}</span>\n                )}\n              </p>\n            </Tooltip>\n          </div>\n        )}\n        {shownSubheaderText && (\n          <div>\n            <Tooltip text={subheaderContent} disabled={!isSubheaderTruncated}>\n              <p className={headerSubText}>{shownSubheaderText}</p>\n            </Tooltip>\n          </div>\n        )}\n      </div>\n      {displayHeaderDivider && (\n        <Divider orientation=\"horizontal\" key=\"divider\" className={divider} />\n      )}\n    </>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/header/Header.sty.js

@@ -1,10 +1,10 @@
 import "./Header.css";
-var headerContainer = "_1ldhlar2-3-4-1";
-var headerSubText = "_1ldhlar5-3-4-1";
-var headerText = "_1ldhlar3-3-4-1";
-var headerTextMultiLine = "_1ldhlar4-3-4-1";
-var headerWidthVar = "var(--_1ldhlar1-3-4-1)";
-var maxLinesVar = "var(--_1ldhlar0-3-4-1)";
+var headerContainer = "_1ldhlar2-3-5-2";
+var headerSubText = "_1ldhlar5-3-5-2";
+var headerText = "_1ldhlar3-3-5-2";
+var headerTextMultiLine = "_1ldhlar4-3-5-2";
+var headerWidthVar = "var(--_1ldhlar1-3-5-2)";
+var maxLinesVar = "var(--_1ldhlar0-3-5-2)";
 export {
   headerContainer,
   headerSubText,

package/esm/charts/core/components/overlay-tooltip/components/header/Header.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/Header.css.ts"],
-  "sourcesContent": ["import './Header.css';\nexport var headerContainer = '_1ldhlar2-3-4-1';\nexport var headerSubText = '_1ldhlar5-3-4-1';\nexport var headerText = '_1ldhlar3-3-4-1';\nexport var headerTextMultiLine = '_1ldhlar4-3-4-1';\nexport var headerWidthVar = 'var(--_1ldhlar1-3-4-1)';\nexport var maxLinesVar = 'var(--_1ldhlar0-3-4-1)';"],
+  "sourcesContent": ["import './Header.css';\nexport var headerContainer = '_1ldhlar2-3-5-2';\nexport var headerSubText = '_1ldhlar5-3-5-2';\nexport var headerText = '_1ldhlar3-3-5-2';\nexport var headerTextMultiLine = '_1ldhlar4-3-5-2';\nexport var headerWidthVar = 'var(--_1ldhlar1-3-5-2)';\nexport var maxLinesVar = 'var(--_1ldhlar0-3-5-2)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,aAAa;AACjB,IAAI,sBAAsB;AAC1B,IAAI,iBAAiB;AACrB,IAAI,cAAc;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/header/utils/compute-header-display.js

@@ -0,0 +1,55 @@
+import { getDurationContent } from "./get-duration-content.js";
+import { getShownHeaderText } from "./get-shown-header-text.js";
+import { getValue } from "./get-value.js";
+import { calculateTotalWidth500 } from "../../../utils/width-calculation.js";
+const buildContent = (formattedValue, headerLabel) => {
+  if (!formattedValue) {
+    return "";
+  }
+  return headerLabel ? `${headerLabel}: ${formattedValue}` : formattedValue;
+};
+const computeHeaderDisplay = ({
+  header,
+  label,
+  duration,
+  formatStrategy,
+  labelFor,
+  isSingleLine,
+  isTruncationEnd,
+  availableWidth,
+  showedLines,
+  truncationMode,
+  showRangeDuration
+}) => {
+  const value = getValue(header);
+  const formattedValue = formatStrategy(value);
+  const headerLabel = labelFor?.("headerLabel", label);
+  const content = buildContent(formattedValue, headerLabel);
+  const totalTextWidth = calculateTotalWidth500(content);
+  const durationContent = duration ?? getDurationContent(showRangeDuration, header);
+  const durationSuffix = durationContent ? ` (${durationContent})` : "";
+  const durationSuffixWidth = durationSuffix ? calculateTotalWidth500(durationSuffix) : 0;
+  const isJsTruncation = isSingleLine || !isTruncationEnd;
+  const effectiveWidth = isJsTruncation && durationSuffixWidth > 0 ? availableWidth - durationSuffixWidth : availableWidth;
+  const shownText = getShownHeaderText(
+    content,
+    isSingleLine,
+    isTruncationEnd,
+    effectiveWidth,
+    showedLines,
+    truncationMode
+  );
+  const isMultiLineCssClamped = !isSingleLine && isTruncationEnd && Math.ceil((totalTextWidth + durationSuffixWidth) / availableWidth) > showedLines;
+  return {
+    content,
+    totalTextWidth,
+    shownText,
+    isTruncated: isMultiLineCssClamped || shownText !== content,
+    durationContent,
+    durationSuffix
+  };
+};
+export {
+  computeHeaderDisplay
+};
+//# sourceMappingURL=compute-header-display.js.map

package/esm/charts/core/components/overlay-tooltip/components/header/utils/compute-header-display.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/compute-header-display.ts"],
+  "sourcesContent": ["import { getDurationContent } from './get-duration-content.js';\nimport { getShownHeaderText } from './get-shown-header-text.js';\nimport { getValue } from './get-value.js';\nimport type { TruncationMode } from '../../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { useDefaultLabels } from '../../../hooks/useDefaultLabels.js';\nimport { HeaderData } from '../../../types.js';\nimport { calculateTotalWidth500 } from '../../../utils/width-calculation.js';\nimport { HeaderValueFormatter } from '../types/header.js';\n\nconst buildContent = (\n  formattedValue: string | undefined,\n  headerLabel: string | undefined,\n): string => {\n  if (!formattedValue) {\n    return '';\n  }\n  return headerLabel ? `${headerLabel}: ${formattedValue}` : formattedValue;\n};\n\nexport const computeHeaderDisplay = ({\n  header,\n  label,\n  duration,\n  formatStrategy,\n  labelFor,\n  isSingleLine,\n  isTruncationEnd,\n  availableWidth,\n  showedLines,\n  truncationMode,\n  showRangeDuration,\n}: {\n  header: HeaderData | undefined;\n  label: string | undefined;\n  duration: string | undefined;\n  formatStrategy: HeaderValueFormatter;\n  labelFor: ReturnType<typeof useDefaultLabels>;\n  isSingleLine: boolean;\n  isTruncationEnd: boolean;\n  availableWidth: number;\n  showedLines: number;\n  truncationMode: TruncationMode;\n  showRangeDuration: boolean;\n}) => {\n  const value = getValue(header);\n  const formattedValue = formatStrategy(value);\n  const headerLabel = labelFor?.('headerLabel', label);\n  const content = buildContent(formattedValue, headerLabel);\n\n  const totalTextWidth = calculateTotalWidth500(content);\n  const durationContent =\n    duration ?? getDurationContent(showRangeDuration, header);\n  const durationSuffix = durationContent ? ` (${durationContent})` : '';\n  const durationSuffixWidth = durationSuffix\n    ? calculateTotalWidth500(durationSuffix)\n    : 0;\n\n  const isJsTruncation = isSingleLine || !isTruncationEnd;\n  const effectiveWidth =\n    isJsTruncation && durationSuffixWidth > 0\n      ? availableWidth - durationSuffixWidth\n      : availableWidth;\n\n  const shownText = getShownHeaderText(\n    content,\n    isSingleLine,\n    isTruncationEnd,\n    effectiveWidth,\n    showedLines,\n    truncationMode,\n  );\n\n  const isMultiLineCssClamped =\n    !isSingleLine &&\n    isTruncationEnd &&\n    Math.ceil((totalTextWidth + durationSuffixWidth) / availableWidth) >\n      showedLines;\n\n  return {\n    content,\n    totalTextWidth,\n    shownText,\n    isTruncated: isMultiLineCssClamped || shownText !== content,\n    durationContent,\n    durationSuffix,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AAIzB,SAAS,8BAA8B;AAGvC,MAAM,eAAe,CACnB,gBACA,gBACW;AACX,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,EACT;AACA,SAAO,cAAc,GAAG,WAAW,KAAK,cAAc,KAAK;AAC7D;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAYM;AACJ,QAAM,QAAQ,SAAS,MAAM;AAC7B,QAAM,iBAAiB,eAAe,KAAK;AAC3C,QAAM,cAAc,WAAW,eAAe,KAAK;AACnD,QAAM,UAAU,aAAa,gBAAgB,WAAW;AAExD,QAAM,iBAAiB,uBAAuB,OAAO;AACrD,QAAM,kBACJ,YAAY,mBAAmB,mBAAmB,MAAM;AAC1D,QAAM,iBAAiB,kBAAkB,KAAK,eAAe,MAAM;AACnE,QAAM,sBAAsB,iBACxB,uBAAuB,cAAc,IACrC;AAEJ,QAAM,iBAAiB,gBAAgB,CAAC;AACxC,QAAM,iBACJ,kBAAkB,sBAAsB,IACpC,iBAAiB,sBACjB;AAEN,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,wBACJ,CAAC,gBACD,mBACA,KAAK,MAAM,iBAAiB,uBAAuB,cAAc,IAC/D;AAEJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,yBAAyB,cAAc;AAAA,IACpD;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/header/utils/compute-subheader-display.js

@@ -0,0 +1,21 @@
+import { getValue } from "./get-value.js";
+import { getHeaderTruncatedText } from "../../../utils/text-truncation-header.js";
+const computeSubheaderDisplay = ({
+  subheader,
+  formatStrategy,
+  availableWidth,
+  truncationMode
+}) => {
+  const subheaderValue = getValue(subheader);
+  const subheaderContent = subheaderValue ? formatStrategy(subheaderValue) : void 0;
+  const shownSubheaderText = subheaderContent ? getHeaderTruncatedText(subheaderContent, availableWidth, truncationMode) : void 0;
+  return {
+    subheaderContent,
+    shownSubheaderText,
+    isSubheaderTruncated: !!subheaderContent && shownSubheaderText !== subheaderContent
+  };
+};
+export {
+  computeSubheaderDisplay
+};
+//# sourceMappingURL=compute-subheader-display.js.map

package/esm/charts/core/components/overlay-tooltip/components/header/utils/compute-subheader-display.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/compute-subheader-display.ts"],
+  "sourcesContent": ["import { getValue } from './get-value.js';\nimport type { TruncationMode } from '../../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { HeaderData } from '../../../types.js';\nimport { getHeaderTruncatedText } from '../../../utils/text-truncation-header.js';\nimport { HeaderValueFormatter } from '../types/header.js';\n\nexport const computeSubheaderDisplay = ({\n  subheader,\n  formatStrategy,\n  availableWidth,\n  truncationMode,\n}: {\n  subheader: HeaderData | undefined;\n  formatStrategy: HeaderValueFormatter;\n  availableWidth: number;\n  truncationMode: TruncationMode;\n}) => {\n  const subheaderValue = getValue(subheader);\n  const subheaderContent = subheaderValue\n    ? formatStrategy(subheaderValue)\n    : undefined;\n  const shownSubheaderText = subheaderContent\n    ? getHeaderTruncatedText(subheaderContent, availableWidth, truncationMode)\n    : undefined;\n\n  return {\n    subheaderContent,\n    shownSubheaderText,\n    isSubheaderTruncated:\n      !!subheaderContent && shownSubheaderText !== subheaderContent,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAGzB,SAAS,8BAA8B;AAGhC,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM,iBAAiB,SAAS,SAAS;AACzC,QAAM,mBAAmB,iBACrB,eAAe,cAAc,IAC7B;AACJ,QAAM,qBAAqB,mBACvB,uBAAuB,kBAAkB,gBAAgB,cAAc,IACvE;AAEJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,sBACE,CAAC,CAAC,oBAAoB,uBAAuB;AAAA,EACjD;AACF;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/header/utils/format-date-range.js

@@ -27,6 +27,16 @@ const formatRange = (from, to, prefix) => {
 const formatTimeRange = (from, to) => {
   return formatRange(formatDateTicks(from), formatDateTicks(to));
 };
+const formatMinuteRange = (from, to) => {
+  const commonDate = formatDate(from, {
+    month: "short",
+    day: "2-digit",
+    year: "numeric"
+  });
+  const fromTime = formatDate(from, { hour: "2-digit", minute: "2-digit" });
+  const toTime = formatDate(to, { hour: "2-digit", minute: "2-digit" });
+  return formatRange(fromTime, toTime, commonDate);
+};
 const formatHourRange = (from, to) => {
   const commonDay = formatDate(from, {
     day: "2-digit",
@@ -57,8 +67,7 @@ const formatDateRange = (from, to) => {
     return formatTimeRange(from, to);
   }
   if (isSameHour(from, to)) {
-    const weekday = formatWeekday(from.getDay());
-    return formatRange(formatDateTicks(from), formatDateTicks(to), weekday);
+    return formatMinuteRange(from, to);
   }
   if (isSameDay(from, to)) {
     return formatHourRange(from, to);

package/esm/charts/core/components/overlay-tooltip/components/header/utils/format-date-range.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/format-date-range.ts"],
-  "sourcesContent": ["import {\n  isSameDay,\n  isSameHour,\n  isSameMinute,\n  isSameMonth,\n  isSameYear,\n} from 'date-fns';\n\nimport { formatDate } from '@dynatrace-sdk/units';\n\nimport { formatDateTicks } from '../../../../../utils/format-date-ticks.js';\nimport {\n  formatWeekday,\n  formatYear,\n} from '../../../../../utils/format-dates.js';\n\nconst shouldIncludeSeconds = (date: Date): boolean => date.getSeconds() !== 0;\n\nconst createFullDateTimeFormatOptions = (includeSeconds: boolean) => ({\n  day: '2-digit' as const,\n  month: 'short' as const,\n  year: 'numeric' as const,\n  hour: '2-digit' as const,\n  minute: '2-digit' as const,\n  second: includeSeconds ? ('numeric' as const) : undefined,\n});\n\nconst formatRange = (from: string, to: string, prefix?: string): string => {\n  const base = `${from} - ${to}`;\n  return prefix ? `${prefix}, ${base}` : base;\n};\n\nconst formatTimeRange = (from: Date, to: Date): string => {\n  return formatRange(formatDateTicks(from), formatDateTicks(to));\n};\n\nconst formatHourRange = (from: Date, to: Date): string => {\n  const commonDay = formatDate(from, {\n    day: '2-digit',\n    month: 'short',\n    year: 'numeric',\n  });\n  const fromHour = formatDate(from, { hour: '2-digit' });\n  const toHour = formatDate(to, { hour: '2-digit' });\n  return formatRange(fromHour, toHour, commonDay);\n};\n\nconst formatDayRange = (from: Date, to: Date): string => {\n  const commonMonth = formatDate(from, {\n    month: 'short',\n    year: 'numeric',\n  });\n  const fromDay = formatDate(from, { day: '2-digit' });\n  const toDay = formatDate(to, { day: '2-digit' });\n  return formatRange(fromDay, toDay, commonMonth);\n};\n\nconst formatYearRange = (from: Date, to: Date): string => {\n  const commonYear = formatYear(from.getTime());\n  const fromWeekday = formatWeekday(from.getTime());\n  const toWeekday = formatWeekday(to.getTime());\n  return formatRange(fromWeekday, toWeekday, commonYear);\n};\n\nexport const formatDateRange = (from: Date, to: Date): string => {\n  if (isSameMinute(from, to)) {\n    return formatTimeRange(from, to);\n  }\n  if (isSameHour(from, to)) {\n    const weekday = formatWeekday(from.getDay());\n    return formatRange(formatDateTicks(from), formatDateTicks(to), weekday);\n  }\n  if (isSameDay(from, to)) {\n    return formatHourRange(from, to);\n  }\n  if (isSameMonth(from, to)) {\n    return formatDayRange(from, to);\n  }\n  if (isSameYear(from, to)) {\n    return formatYearRange(from, to);\n  }\n\n  const fromFull = formatDate(\n    from,\n    createFullDateTimeFormatOptions(shouldIncludeSeconds(from)),\n  );\n  const toFull = formatDate(\n    to,\n    createFullDateTimeFormatOptions(shouldIncludeSeconds(to)),\n  );\n  return formatRange(fromFull, toFull);\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,MAAM,uBAAuB,CAAC,SAAwB,KAAK,WAAW,MAAM;AAE5E,MAAM,kCAAkC,CAAC,oBAA6B;AAAA,EACpE,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ,iBAAkB,YAAsB;AAClD;AAEA,MAAM,cAAc,CAAC,MAAc,IAAY,WAA4B;AACzE,QAAM,OAAO,GAAG,IAAI,MAAM,EAAE;AAC5B,SAAO,SAAS,GAAG,MAAM,KAAK,IAAI,KAAK;AACzC;AAEA,MAAM,kBAAkB,CAAC,MAAY,OAAqB;AACxD,SAAO,YAAY,gBAAgB,IAAI,GAAG,gBAAgB,EAAE,CAAC;AAC/D;AAEA,MAAM,kBAAkB,CAAC,MAAY,OAAqB;AACxD,QAAM,YAAY,WAAW,MAAM;AAAA,IACjC,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACD,QAAM,WAAW,WAAW,MAAM,EAAE,MAAM,UAAU,CAAC;AACrD,QAAM,SAAS,WAAW,IAAI,EAAE,MAAM,UAAU,CAAC;AACjD,SAAO,YAAY,UAAU,QAAQ,SAAS;AAChD;AAEA,MAAM,iBAAiB,CAAC,MAAY,OAAqB;AACvD,QAAM,cAAc,WAAW,MAAM;AAAA,IACnC,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACD,QAAM,UAAU,WAAW,MAAM,EAAE,KAAK,UAAU,CAAC;AACnD,QAAM,QAAQ,WAAW,IAAI,EAAE,KAAK,UAAU,CAAC;AAC/C,SAAO,YAAY,SAAS,OAAO,WAAW;AAChD;AAEA,MAAM,kBAAkB,CAAC,MAAY,OAAqB;AACxD,QAAM,aAAa,WAAW,KAAK,QAAQ,CAAC;AAC5C,QAAM,cAAc,cAAc,KAAK,QAAQ,CAAC;AAChD,QAAM,YAAY,cAAc,GAAG,QAAQ,CAAC;AAC5C,SAAO,YAAY,aAAa,WAAW,UAAU;AACvD;AAEO,MAAM,kBAAkB,CAAC,MAAY,OAAqB;AAC/D,MAAI,aAAa,MAAM,EAAE,GAAG;AAC1B,WAAO,gBAAgB,MAAM,EAAE;AAAA,EACjC;AACA,MAAI,WAAW,MAAM,EAAE,GAAG;AACxB,UAAM,UAAU,cAAc,KAAK,OAAO,CAAC;AAC3C,WAAO,YAAY,gBAAgB,IAAI,GAAG,gBAAgB,EAAE,GAAG,OAAO;AAAA,EACxE;AACA,MAAI,UAAU,MAAM,EAAE,GAAG;AACvB,WAAO,gBAAgB,MAAM,EAAE;AAAA,EACjC;AACA,MAAI,YAAY,MAAM,EAAE,GAAG;AACzB,WAAO,eAAe,MAAM,EAAE;AAAA,EAChC;AACA,MAAI,WAAW,MAAM,EAAE,GAAG;AACxB,WAAO,gBAAgB,MAAM,EAAE;AAAA,EACjC;AAEA,QAAM,WAAW;AAAA,IACf;AAAA,IACA,gCAAgC,qBAAqB,IAAI,CAAC;AAAA,EAC5D;AACA,QAAM,SAAS;AAAA,IACb;AAAA,IACA,gCAAgC,qBAAqB,EAAE,CAAC;AAAA,EAC1D;AACA,SAAO,YAAY,UAAU,MAAM;AACrC;",
+  "sourcesContent": ["import {\n  isSameDay,\n  isSameHour,\n  isSameMinute,\n  isSameMonth,\n  isSameYear,\n} from 'date-fns';\n\nimport { formatDate } from '@dynatrace-sdk/units';\n\nimport { formatDateTicks } from '../../../../../utils/format-date-ticks.js';\nimport {\n  formatWeekday,\n  formatYear,\n} from '../../../../../utils/format-dates.js';\n\nconst shouldIncludeSeconds = (date: Date): boolean => date.getSeconds() !== 0;\n\nconst createFullDateTimeFormatOptions = (includeSeconds: boolean) => ({\n  day: '2-digit' as const,\n  month: 'short' as const,\n  year: 'numeric' as const,\n  hour: '2-digit' as const,\n  minute: '2-digit' as const,\n  second: includeSeconds ? ('numeric' as const) : undefined,\n});\n\nconst formatRange = (from: string, to: string, prefix?: string): string => {\n  const base = `${from} - ${to}`;\n  return prefix ? `${prefix}, ${base}` : base;\n};\n\nconst formatTimeRange = (from: Date, to: Date): string => {\n  return formatRange(formatDateTicks(from), formatDateTicks(to));\n};\n\nconst formatMinuteRange = (from: Date, to: Date): string => {\n  const commonDate = formatDate(from, {\n    month: 'short',\n    day: '2-digit',\n    year: 'numeric',\n  });\n  const fromTime = formatDate(from, { hour: '2-digit', minute: '2-digit' });\n  const toTime = formatDate(to, { hour: '2-digit', minute: '2-digit' });\n  return formatRange(fromTime, toTime, commonDate);\n};\n\nconst formatHourRange = (from: Date, to: Date): string => {\n  const commonDay = formatDate(from, {\n    day: '2-digit',\n    month: 'short',\n    year: 'numeric',\n  });\n  const fromHour = formatDate(from, { hour: '2-digit' });\n  const toHour = formatDate(to, { hour: '2-digit' });\n  return formatRange(fromHour, toHour, commonDay);\n};\n\nconst formatDayRange = (from: Date, to: Date): string => {\n  const commonMonth = formatDate(from, {\n    month: 'short',\n    year: 'numeric',\n  });\n  const fromDay = formatDate(from, { day: '2-digit' });\n  const toDay = formatDate(to, { day: '2-digit' });\n  return formatRange(fromDay, toDay, commonMonth);\n};\n\nconst formatYearRange = (from: Date, to: Date): string => {\n  const commonYear = formatYear(from.getTime());\n  const fromWeekday = formatWeekday(from.getTime());\n  const toWeekday = formatWeekday(to.getTime());\n  return formatRange(fromWeekday, toWeekday, commonYear);\n};\n\nexport const formatDateRange = (from: Date, to: Date): string => {\n  if (isSameMinute(from, to)) {\n    return formatTimeRange(from, to);\n  }\n  if (isSameHour(from, to)) {\n    return formatMinuteRange(from, to);\n  }\n  if (isSameDay(from, to)) {\n    return formatHourRange(from, to);\n  }\n  if (isSameMonth(from, to)) {\n    return formatDayRange(from, to);\n  }\n  if (isSameYear(from, to)) {\n    return formatYearRange(from, to);\n  }\n\n  const fromFull = formatDate(\n    from,\n    createFullDateTimeFormatOptions(shouldIncludeSeconds(from)),\n  );\n  const toFull = formatDate(\n    to,\n    createFullDateTimeFormatOptions(shouldIncludeSeconds(to)),\n  );\n  return formatRange(fromFull, toFull);\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/header/utils/format-value.js

@@ -1,5 +1,5 @@
+import { isNonEmptyRange } from "./type-guards.js";
 import { formatValueRange, getSingleValue } from "./value-formatters.js";
-import { isNonEmptyRange } from "../types/type-guards.js";
 const dotFormatterStrategy = (value) => {
   if (isNonEmptyRange(value)) {
     return formatValueRange(value);

package/esm/charts/core/components/overlay-tooltip/components/header/utils/format-value.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/format-value.ts"],
-  "sourcesContent": ["import { formatValueRange, getSingleValue } from './value-formatters.js';\nimport type { HeaderData } from '../../../types.js';\nimport { isNonEmptyRange } from '../types/type-guards.js';\n\nexport const dotFormatterStrategy = (value: HeaderData) => {\n  if (isNonEmptyRange(value)) {\n    return formatValueRange(value);\n  }\n\n  const returnValue = getSingleValue(value);\n  return returnValue.toString();\n};\n"],
-  "mappings": "AAAA,SAAS,kBAAkB,sBAAsB;AAEjD,SAAS,uBAAuB;AAEzB,MAAM,uBAAuB,CAAC,UAAsB;AACzD,MAAI,gBAAgB,KAAK,GAAG;AAC1B,WAAO,iBAAiB,KAAK;AAAA,EAC/B;AAEA,QAAM,cAAc,eAAe,KAAK;AACxC,SAAO,YAAY,SAAS;AAC9B;",
+  "sourcesContent": ["import { isNonEmptyRange } from './type-guards.js';\nimport { formatValueRange, getSingleValue } from './value-formatters.js';\nimport type { HeaderData } from '../../../types.js';\n\nexport const dotFormatterStrategy = (value: HeaderData) => {\n  if (isNonEmptyRange(value)) {\n    return formatValueRange(value);\n  }\n\n  const returnValue = getSingleValue(value);\n  return returnValue.toString();\n};\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,kBAAkB,sBAAsB;AAG1C,MAAM,uBAAuB,CAAC,UAAsB;AACzD,MAAI,gBAAgB,KAAK,GAAG;AAC1B,WAAO,iBAAiB,KAAK;AAAA,EAC/B;AAEA,QAAM,cAAc,eAAe,KAAK;AACxC,SAAO,YAAY,SAAS;AAC9B;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/header/utils/get-duration-content.js

@@ -1,5 +1,5 @@
+import { isDateRange, isNumericRange } from "./type-guards.js";
 import { formatResolution } from "../../../../tooltip/utils/resolution-formatter.js";
-import { isDateRange, isNumericRange } from "../types/type-guards.js";
 const DISPLAY_UNITS_LIMIT = 3;
 const getDurationContent = (showRangeDuration, value) => {
   if (!showRangeDuration) {

package/esm/charts/core/components/overlay-tooltip/components/header/utils/get-duration-content.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/get-duration-content.ts"],
-  "sourcesContent": ["import { formatResolution } from '../../../../tooltip/utils/resolution-formatter.js';\nimport type { HeaderData } from '../../../types.js';\nimport { isDateRange, isNumericRange } from '../types/type-guards.js';\n\nconst DISPLAY_UNITS_LIMIT = 3;\nexport const getDurationContent = (\n  showRangeDuration: boolean,\n  value: HeaderData,\n) => {\n  if (!showRangeDuration) {\n    return null;\n  }\n\n  if (isDateRange(value)) {\n    return formatResolution(value[0], value[1], DISPLAY_UNITS_LIMIT);\n  }\n\n  if (isNumericRange(value)) {\n    return Math.abs(value[1] - value[0]);\n  }\n\n  return null;\n};\n"],
-  "mappings": "AAAA,SAAS,wBAAwB;AAEjC,SAAS,aAAa,sBAAsB;AAE5C,MAAM,sBAAsB;AACrB,MAAM,qBAAqB,CAChC,mBACA,UACG;AACH,MAAI,CAAC,mBAAmB;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,YAAY,KAAK,GAAG;AACtB,WAAO,iBAAiB,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,mBAAmB;AAAA,EACjE;AAEA,MAAI,eAAe,KAAK,GAAG;AACzB,WAAO,KAAK,IAAI,MAAM,CAAC,IAAI,MAAM,CAAC,CAAC;AAAA,EACrC;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { isDateRange, isNumericRange } from './type-guards.js';\nimport { formatResolution } from '../../../../tooltip/utils/resolution-formatter.js';\nimport type { HeaderData } from '../../../types.js';\n\nconst DISPLAY_UNITS_LIMIT = 3;\nexport const getDurationContent = (\n  showRangeDuration: boolean,\n  value: HeaderData,\n) => {\n  if (!showRangeDuration) {\n    return null;\n  }\n\n  if (isDateRange(value)) {\n    return formatResolution(value[0], value[1], DISPLAY_UNITS_LIMIT);\n  }\n\n  if (isNumericRange(value)) {\n    return Math.abs(value[1] - value[0]);\n  }\n\n  return null;\n};\n"],
+  "mappings": "AAAA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,wBAAwB;AAGjC,MAAM,sBAAsB;AACrB,MAAM,qBAAqB,CAChC,mBACA,UACG;AACH,MAAI,CAAC,mBAAmB;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,YAAY,KAAK,GAAG;AACtB,WAAO,iBAAiB,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,mBAAmB;AAAA,EACjE;AAEA,MAAI,eAAe,KAAK,GAAG;AACzB,WAAO,KAAK,IAAI,MAAM,CAAC,IAAI,MAAM,CAAC,CAAC;AAAA,EACrC;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/header/utils/get-non-geometry-header.js

@@ -0,0 +1,15 @@
+import { isNonEmptyRange } from "./type-guards.js";
+import {
+  defaultLabelFormatterStrategy,
+  formatValueRange
+} from "./value-formatters.js";
+const getNonGeometryHeader = (value) => {
+  if (isNonEmptyRange(value)) {
+    return formatValueRange;
+  }
+  return defaultLabelFormatterStrategy;
+};
+export {
+  getNonGeometryHeader
+};
+//# sourceMappingURL=get-non-geometry-header.js.map

package/esm/charts/core/components/overlay-tooltip/components/header/utils/get-non-geometry-header.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/get-non-geometry-header.ts"],
+  "sourcesContent": ["import { isNonEmptyRange } from './type-guards.js';\nimport {\n  defaultLabelFormatterStrategy,\n  formatValueRange,\n} from './value-formatters.js';\nimport type { HeaderData } from '../../../types.js';\nimport type { HeaderValueFormatter } from '../types/header.js';\n\nexport const getNonGeometryHeader = (\n  value: HeaderData,\n): HeaderValueFormatter => {\n  if (isNonEmptyRange(value)) {\n    return formatValueRange;\n  }\n\n  return defaultLabelFormatterStrategy;\n};\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAIA,MAAM,uBAAuB,CAClC,UACyB;AACzB,MAAI,gBAAgB,KAAK,GAAG;AAC1B,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/header/utils/get-show-range-duration.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/get-show-range-duration.ts"],
-  "sourcesContent": ["import type { DefaultConfigByGeometry } from '../../../types.js';\nimport type { HeaderProps } from '../types/header.js';\n\nexport const getShowRangeDuration = (\n  defaultConfig: DefaultConfigByGeometry[keyof DefaultConfigByGeometry] | null,\n  showRangeDuration: HeaderProps['showRangeDuration'],\n) => defaultConfig?.headerShowRangeDuration ?? showRangeDuration ?? false;\n"],
+  "sourcesContent": ["import type { DefaultConfigByGeometry } from '../../../types.js';\nimport type { HeaderProps } from '../types/header.js';\n\nexport const getShowRangeDuration = (\n  defaultConfig: DefaultConfigByGeometry[keyof DefaultConfigByGeometry] | null,\n  showRangeDuration: HeaderProps['showRangeDuration1'],\n) => defaultConfig?.headerShowRangeDuration ?? showRangeDuration ?? false;\n"],
   "mappings": "AAGO,MAAM,uBAAuB,CAClC,eACA,sBACG,eAAe,2BAA2B,qBAAqB;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/header/utils/get-shown-header-text.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/get-shown-header-text.ts"],
-  "sourcesContent": ["import { TruncationMode } from '../../../../text-ellipsis/ChartTextEllipsis.js';\nimport { getHeaderTruncatedText } from '../../../utils/text-truncation-header.js';\n\nexport const getShownHeaderText = (\n  headerContent: string,\n  isSingleLine: boolean,\n  isTruncationEnd: boolean,\n  availableWidth: number,\n  showedLines: number,\n  truncationMode: TruncationMode,\n): string => {\n  if (!isSingleLine && isTruncationEnd) {\n    return headerContent;\n  }\n\n  return getHeaderTruncatedText(\n    headerContent,\n    isSingleLine ? availableWidth : availableWidth * showedLines,\n    truncationMode,\n  );\n};\n"],
+  "sourcesContent": ["import type { TruncationMode } from '../../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { getHeaderTruncatedText } from '../../../utils/text-truncation-header.js';\n\nexport const getShownHeaderText = (\n  headerContent: string,\n  isSingleLine: boolean,\n  isTruncationEnd: boolean,\n  availableWidth: number,\n  showedLines: number,\n  truncationMode: TruncationMode,\n): string => {\n  if (!isSingleLine && isTruncationEnd) {\n    return headerContent;\n  }\n\n  return getHeaderTruncatedText(\n    headerContent,\n    isSingleLine ? availableWidth : availableWidth * showedLines,\n    truncationMode,\n  );\n};\n"],
   "mappings": "AACA,SAAS,8BAA8B;AAEhC,MAAM,qBAAqB,CAChC,eACA,cACA,iBACA,gBACA,aACA,mBACW;AACX,MAAI,CAAC,gBAAgB,iBAAiB;AACpC,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL;AAAA,IACA,eAAe,iBAAiB,iBAAiB;AAAA,IACjD;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/header/utils/get-value.js

@@ -0,0 +1,16 @@
+import { isArray, isUndefined } from "lodash-es";
+import { isFromTo, isSingleValue } from "./type-guards.js";
+const getValue = (data) => {
+  if (isUndefined(data)) {
+    return void 0;
+  }
+  if (isSingleValue(data)) {
+    return isArray(data) ? data[0] : data;
+  } else if (isFromTo(data)) {
+    return data;
+  }
+};
+export {
+  getValue
+};
+//# sourceMappingURL=get-value.js.map

package/esm/charts/core/components/overlay-tooltip/components/header/utils/get-value.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/get-value.ts"],
+  "sourcesContent": ["import { isArray, isUndefined } from 'lodash-es';\n\nimport { isFromTo, isSingleValue } from './type-guards.js';\nimport type { HeaderData, TooltipValue } from '../../../types.js';\n\nexport const getValue = (\n  data?: HeaderData,\n): TooltipValue | [TooltipValue, TooltipValue] | undefined => {\n  if (isUndefined(data)) {\n    return undefined;\n  }\n  if (isSingleValue(data)) {\n    return isArray(data) ? data[0] : data;\n  } else if (isFromTo(data)) {\n    return data;\n  }\n};\n"],
+  "mappings": "AAAA,SAAS,SAAS,mBAAmB;AAErC,SAAS,UAAU,qBAAqB;AAGjC,MAAM,WAAW,CACtB,SAC4D;AAC5D,MAAI,YAAY,IAAI,GAAG;AACrB,WAAO;AAAA,EACT;AACA,MAAI,cAAc,IAAI,GAAG;AACvB,WAAO,QAAQ,IAAI,IAAI,KAAK,CAAC,IAAI;AAAA,EACnC,WAAW,SAAS,IAAI,GAAG;AACzB,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/header/{types → utils}/type-guards.js

@@ -1,4 +1,4 @@
-import { isNil, isUndefined } from "lodash-es";
+import { isEmpty, isNil } from "lodash-es";
 const isDateRange = (data) => {
   return data instanceof Array && data.length === 2 && data.every((item) => item instanceof Date);
 };
@@ -9,15 +9,17 @@ const isStringRange = (data) => {
   return data instanceof Array && data.length === 2 && data.every((item) => typeof item === "string");
 };
 const isNonEmptyRange = (data) => {
-  return data instanceof Array && data.length === 2 && data.every((item) => !isUndefined(item));
+  return data instanceof Array && data.length === 2 && data.every((item) => !isNil(item));
 };
 const isFromTo = (data) => {
   return data instanceof Array && data.length === 2 && data.every((item) => !isNil(item));
 };
 const isSingleValue = (data) => data instanceof Array && data.length === 1 && !isNil(data[0]) || !(data instanceof Array) && !isNil(data);
+const isHeaderEmpty = (header1, header2, subheader) => (isNil(header1) || isEmpty(header1)) && (isNil(header2) || isEmpty(header2)) && (isNil(subheader) || isEmpty(subheader));
 export {
   isDateRange,
   isFromTo,
+  isHeaderEmpty,
   isNonEmptyRange,
   isNumericRange,
   isSingleValue,

package/esm/charts/core/components/overlay-tooltip/components/header/utils/type-guards.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/type-guards.ts"],
+  "sourcesContent": ["import { isEmpty, isNil } from 'lodash-es';\n\nimport type { HeaderData, TooltipValue } from '../../../types.js';\n\ntype DefinedTooltipData = string | number | Date;\n\nexport const isDateRange = (data: HeaderData): data is [Date, Date] => {\n  return (\n    data instanceof Array &&\n    data.length === 2 &&\n    data.every((item) => item instanceof Date)\n  );\n};\n\nexport const isNumericRange = (data: HeaderData): data is [number, number] => {\n  return (\n    data instanceof Array &&\n    data.length === 2 &&\n    data.every((item) => typeof item === 'number')\n  );\n};\n\nexport const isStringRange = (data: HeaderData): data is [string, string] => {\n  return (\n    data instanceof Array &&\n    data.length === 2 &&\n    data.every((item) => typeof item === 'string')\n  );\n};\n\nexport const isNonEmptyRange = (\n  data: HeaderData,\n): data is [DefinedTooltipData, DefinedTooltipData] => {\n  return (\n    data instanceof Array &&\n    data.length === 2 &&\n    data.every((item) => !isNil(item))\n  );\n};\n\nexport const isFromTo = (\n  data: HeaderData,\n): data is [TooltipValue, TooltipValue] => {\n  return (\n    data instanceof Array &&\n    data.length === 2 &&\n    data.every((item) => !isNil(item))\n  );\n};\nexport const isSingleValue = (\n  data: HeaderData,\n): data is TooltipValue | [TooltipValue] =>\n  (data instanceof Array && data.length === 1 && !isNil(data[0])) ||\n  (!(data instanceof Array) && !isNil(data));\n\nexport const isHeaderEmpty = (\n  header1: HeaderData | undefined,\n  header2: HeaderData | undefined,\n  subheader: HeaderData | undefined,\n) =>\n  (isNil(header1) || isEmpty(header1)) &&\n  (isNil(header2) || isEmpty(header2)) &&\n  (isNil(subheader) || isEmpty(subheader));\n"],
+  "mappings": "AAAA,SAAS,SAAS,aAAa;AAMxB,MAAM,cAAc,CAAC,SAA2C;AACrE,SACE,gBAAgB,SAChB,KAAK,WAAW,KAChB,KAAK,MAAM,CAAC,SAAS,gBAAgB,IAAI;AAE7C;AAEO,MAAM,iBAAiB,CAAC,SAA+C;AAC5E,SACE,gBAAgB,SAChB,KAAK,WAAW,KAChB,KAAK,MAAM,CAAC,SAAS,OAAO,SAAS,QAAQ;AAEjD;AAEO,MAAM,gBAAgB,CAAC,SAA+C;AAC3E,SACE,gBAAgB,SAChB,KAAK,WAAW,KAChB,KAAK,MAAM,CAAC,SAAS,OAAO,SAAS,QAAQ;AAEjD;AAEO,MAAM,kBAAkB,CAC7B,SACqD;AACrD,SACE,gBAAgB,SAChB,KAAK,WAAW,KAChB,KAAK,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC;AAErC;AAEO,MAAM,WAAW,CACtB,SACyC;AACzC,SACE,gBAAgB,SAChB,KAAK,WAAW,KAChB,KAAK,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC;AAErC;AACO,MAAM,gBAAgB,CAC3B,SAEC,gBAAgB,SAAS,KAAK,WAAW,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,KAC5D,EAAE,gBAAgB,UAAU,CAAC,MAAM,IAAI;AAEnC,MAAM,gBAAgB,CAC3B,SACA,SACA,eAEC,MAAM,OAAO,KAAK,QAAQ,OAAO,OACjC,MAAM,OAAO,KAAK,QAAQ,OAAO,OACjC,MAAM,SAAS,KAAK,QAAQ,SAAS;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/header/utils/value-formatters.js

@@ -1,10 +1,6 @@
 import { isUndefined } from "lodash-es";
 import { formatDateRange } from "./format-date-range.js";
-import {
-  isDateRange,
-  isNonEmptyRange,
-  isSingleValue
-} from "../types/type-guards.js";
+import { isDateRange, isNonEmptyRange, isSingleValue } from "./type-guards.js";
 const getSingleValue = (value) => {
   const rawValue = Array.isArray(value) ? value[0] : value;
   return isUndefined(rawValue) ? "" : rawValue.toString();