@elastic/charts 70.1.4 → 71.0.1

package/dist/chart_types/metric/renderer/dom/secondary_metric.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondaryMetric = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const badge_1 = require("./badge");
+const SecondaryMetric = ({ value, label, badgeColor, labelPosition = 'before', style, ariaDescription, badgeBorderColor, icon, iconPosition, }) => {
+    const hasLabel = !!label;
+    const labelNode = hasLabel ? (react_1.default.createElement("span", { className: "echSecondaryMetric__label echSecondaryMetric__truncate" }, label)) : undefined;
+    return (react_1.default.createElement("span", { className: "echSecondaryMetric", ...(style ? { style } : {}), ...(ariaDescription ? { 'aria-describedby': ariaDescription } : {}) },
+        labelPosition === 'before' && labelNode,
+        badgeColor ? (react_1.default.createElement(badge_1.Badge, { className: (0, classnames_1.default)('echSecondaryMetric__value', {
+                'echSecondaryMetric__value--full': !hasLabel,
+            }), value: value, backgroundColor: badgeColor, borderColor: badgeBorderColor, icon: icon, iconPosition: iconPosition })) : (react_1.default.createElement("span", { className: (0, classnames_1.default)('echSecondaryMetric__value', 'echSecondaryMetric__truncate', {
+                'echSecondaryMetric__value--full': !hasLabel,
+            }) }, value)),
+        labelPosition === 'after' && labelNode));
+};
+exports.SecondaryMetric = SecondaryMetric;
+//# sourceMappingURL=secondary_metric.js.map

package/dist/chart_types/metric/renderer/dom/secondary_metric.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secondary_metric.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/secondary_metric.tsx"],"names":[],"mappings":";;;;;;AAQA,4DAAoC;AACpC,kDAA0B;AAE1B,mCAAgC;AAIzB,MAAM,eAAe,GAAmC,CAAC,EAC9D,KAAK,EACL,KAAK,EACL,UAAU,EACV,aAAa,GAAG,QAAQ,EACxB,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,IAAI,EACJ,YAAY,GACb,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;IACzB,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAC3B,wCAAM,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAQ,CACxF,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,wCACE,SAAS,EAAC,oBAAoB,KAC1B,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACxB,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAEnE,aAAa,KAAK,QAAQ,IAAI,SAAS;QACvC,UAAU,CAAC,CAAC,CAAC,CACZ,8BAAC,aAAK,IACJ,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE;gBACjD,iCAAiC,EAAE,CAAC,QAAQ;aAC7C,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,UAAU,EAC3B,WAAW,EAAE,gBAAgB,EAC7B,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC,CAAC,CAAC,CACF,wCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE,8BAA8B,EAAE;gBACjF,iCAAiC,EAAE,CAAC,QAAQ;aAC7C,CAAC,IAED,KAAK,CACD,CACR;QACA,aAAa,KAAK,OAAO,IAAI,SAAS,CAClC,CACR,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,eAAe,mBA8C1B"}

package/dist/chart_types/metric/renderer/dom/text.js

@@ -6,21 +6,38 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MetricText = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
+const secondary_metric_1 = require("./secondary_metric");
 const text_measurements_1 = require("./text_measurements");
+const titles_1 = require("./titles");
 const common_1 = require("../../../../utils/common");
 const specs_1 = require("../../specs");
-function lineClamp(maxLines) {
-    return {
-        textOverflow: 'ellipsis',
-        display: '-webkit-box',
-        WebkitLineClamp: maxLines,
-        lineClamp: maxLines,
-        WebkitBoxOrient: 'vertical',
-        overflow: 'hidden',
-        whiteSpace: 'pre-wrap',
-    };
-}
-const MetricText = ({ id, datum, style, onElementClick, highContrastTextColor, progressBarSize, textDimensions }) => {
+const GRID_SPAN_THREE = '1 / span 3';
+const gridRows = {
+    top: { value: '1', titles: '2', body: '3', extra: '4' },
+    bottom: { value: '4', titles: '1', body: '2', extra: '3' },
+};
+const gridSingleColumn = { value: '1', titles: '1', body: '1', extra: '1' };
+const gridColumnsValuePostitionTop = {
+    left: { value: '2 / span 2', titles: GRID_SPAN_THREE, body: GRID_SPAN_THREE, extra: GRID_SPAN_THREE },
+    right: { value: '1 / span 2', titles: GRID_SPAN_THREE, body: GRID_SPAN_THREE, extra: GRID_SPAN_THREE },
+};
+const gridColumnsValuePositionBottom = {
+    left: { value: GRID_SPAN_THREE, titles: '2 / span 2', body: GRID_SPAN_THREE, extra: GRID_SPAN_THREE },
+    right: { value: GRID_SPAN_THREE, titles: '1 / span 2', body: GRID_SPAN_THREE, extra: GRID_SPAN_THREE },
+};
+const gridColumns = {
+    top: gridColumnsValuePostitionTop,
+    bottom: gridColumnsValuePositionBottom,
+};
+const getGridTemplateColumnsWithIcon = (iconSize) => {
+    const iconSizeWithPadding = `${iconSize + text_measurements_1.PADDING}px`;
+    return `${iconSizeWithPadding} minmax(0, 1fr) ${iconSizeWithPadding}`;
+};
+const gridTemplateRows = {
+    bottom: `min-content auto min-content min-content`,
+    top: `min-content min-content auto min-content`,
+};
+const MetricText = ({ id, datum, style, onElementClick, progressBarSize, textDimensions, colors, badgeBorderColor, }) => {
     const { heightBasedSizes: sizes, hasProgressBar, progressBarDirection, visibility, textParts } = textDimensions;
     const { extra, body } = datum;
     const containerClassName = (0, classnames_1.default)('echMetricText', {
@@ -28,53 +45,58 @@ const MetricText = ({ id, datum, style, onElementClick, highContrastTextColor, p
         'echMetricText--vertical': progressBarDirection === common_1.LayoutDirection.Vertical,
         'echMetricText--horizontal': progressBarDirection === common_1.LayoutDirection.Horizontal,
     });
-    const TitleElement = () => (react_1.default.createElement("span", { style: {
-            fontSize: sizes.titleFontSize,
-            textAlign: style.titlesTextAlign,
-            ...lineClamp(visibility.titleLines.length),
-        }, title: datum.title }, datum.title));
-    return (react_1.default.createElement("div", { className: containerClassName, style: { color: highContrastTextColor } },
-        react_1.default.createElement("div", { className: (0, classnames_1.default)('echMetricText__titlesBlock', `echMetricText__titlesBlock--${style.titlesTextAlign}`), style: datum.icon && {
-                marginLeft: 'center' === style.titlesTextAlign || style.iconAlign === 'left' ? sizes.iconSize + text_measurements_1.PADDING : 0,
-                marginRight: 'center' === style.titlesTextAlign || style.iconAlign === 'right' ? sizes.iconSize + text_measurements_1.PADDING : 0,
-            } },
-            visibility.title && (react_1.default.createElement("h2", { id: id, className: "echMetricText__title" }, onElementClick ? (react_1.default.createElement("button", { style: { outline: 'none' }, onMouseDown: (e) => e.stopPropagation(), onMouseUp: (e) => e.stopPropagation(), onClick: (e) => {
-                    e.stopPropagation();
-                    onElementClick();
-                } },
-                react_1.default.createElement(TitleElement, null))) : (react_1.default.createElement(TitleElement, null)))),
-            visibility.subtitle && (react_1.default.createElement("p", { className: "echMetricText__subtitle", style: {
-                    fontSize: sizes.subtitleFontSize,
-                    ...lineClamp(visibility.subtitleLines.length),
-                }, title: datum.subtitle }, datum.subtitle))),
-        datum.icon && (react_1.default.createElement("div", { className: (0, classnames_1.default)('echMetricText__icon', `echMetricText__icon--${style.iconAlign}`) }, (0, common_1.renderWithProps)(datum.icon, {
+    const { valuePosition, iconAlign } = style;
+    const isIconVisible = !!datum.icon;
+    const gridTemplateColumns = isIconVisible ? getGridTemplateColumnsWithIcon(sizes.iconSize) : undefined;
+    const currentGridTemplateRows = gridTemplateRows[valuePosition];
+    const iconGridStyles = isIconVisible ? { gridRow: '1', gridColumn: iconAlign === 'left' ? '1' : '3' } : {};
+    const currentGridRows = gridRows[valuePosition];
+    let currentGridColumns = isIconVisible ? gridColumns[valuePosition][iconAlign] : gridSingleColumn;
+    if (isIconVisible && valuePosition === 'top' && style.valueTextAlign === 'center') {
+        currentGridColumns = { ...currentGridColumns, value: '2' };
+    }
+    if (isIconVisible && valuePosition === 'bottom' && style.titlesTextAlign === 'center') {
+        currentGridColumns = { ...currentGridColumns, titles: '2' };
+    }
+    let extraElement = null;
+    if ((0, specs_1.isSecondaryMetricProps)(extra)) {
+        const { style: extraStyle = {}, ...secondaryMetricProps } = extra;
+        extraElement = (react_1.default.createElement(secondary_metric_1.SecondaryMetric, { style: { ...extraStyle, fontSize: sizes.extraFontSize, color: colors.extra }, badgeBorderColor: badgeBorderColor, ...secondaryMetricProps }));
+    }
+    else if (react_1.default.isValidElement(extra) || typeof extra === 'function') {
+        extraElement = (react_1.default.createElement("p", { className: "echMetricText__extra", style: { fontSize: sizes.extraFontSize } }, (0, common_1.renderWithProps)(extra, { fontSize: sizes.extraFontSize, color: colors.extra })));
+    }
+    return (react_1.default.createElement("div", { className: containerClassName, style: { color: colors.highContrast, gridTemplateColumns, gridTemplateRows: currentGridTemplateRows } },
+        react_1.default.createElement(titles_1.TitlesBlock, { metricId: id, title: datum.title, subtitle: datum.subtitle, sizes: sizes, visibility: visibility, textAlign: style.titlesTextAlign, titleWeight: style.titleWeight, isIconVisible: isIconVisible, titlesRow: currentGridRows.titles, titlesColumn: currentGridColumns.titles, subtitleColor: colors.subtitle, onElementClick: onElementClick }),
+        datum.icon && (react_1.default.createElement("div", { className: (0, classnames_1.default)('echMetricText__icon', `echMetricText__icon--${style.iconAlign}`), style: { ...iconGridStyles } }, (0, common_1.renderWithProps)(datum.icon, {
             width: sizes.iconSize,
             height: sizes.iconSize,
-            color: highContrastTextColor,
+            color: colors.highContrast,
         }))),
-        react_1.default.createElement("div", { className: "echMetricText__gap" }, body && react_1.default.createElement("div", { className: "echMetricText__body" }, body)),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)('echMetricText__valuesBlock', `echMetricText__valuesBlock--${style.valuesTextAlign}`) },
-            react_1.default.createElement("div", null, visibility.extra && (react_1.default.createElement("p", { className: "echMetricText__extra", style: { fontSize: sizes.extraFontSize } }, (0, common_1.renderWithProps)(extra, { fontSize: sizes.extraFontSize, color: highContrastTextColor })))),
-            react_1.default.createElement("div", { className: "echMetricText__valueGroup" },
-                react_1.default.createElement("p", { className: "echMetricText__value", style: {
-                        fontSize: sizes.valueFontSize,
-                        textOverflow: (0, specs_1.isMetricWNumber)(datum) ? undefined : 'ellipsis',
-                        color: datum.valueColor,
-                    }, title: textParts.map(({ text }) => text).join('') }, textParts.map(({ emphasis, text }, i) => {
-                    return emphasis === 'small' ? (react_1.default.createElement("span", { key: `${text}${i}`, className: "echMetricText__part", style: {
-                            fontSize: sizes.valuePartFontSize,
-                        } }, text)) : (text);
-                })),
-                datum.valueIcon && (react_1.default.createElement("p", { className: "echMetricText__valueIcon", style: {
-                        fontSize: sizes.valueFontSize,
-                        color: datum.valueColor ?? highContrastTextColor,
-                        marginRight: style.valuesTextAlign === 'center' ? -(sizes.valuePartFontSize + text_measurements_1.PADDING) : undefined,
-                    } }, (0, common_1.renderWithProps)(datum.valueIcon, {
-                    width: sizes.valuePartFontSize,
-                    height: sizes.valuePartFontSize,
-                    color: datum.valueColor ?? highContrastTextColor,
-                    verticalAlign: 'middle',
-                })))))));
+        react_1.default.createElement("div", { className: "echMetricText__gap", style: { gridRow: currentGridRows.body, gridColumn: currentGridColumns.body } }, body && react_1.default.createElement("div", { className: "echMetricText__body" }, body)),
+        react_1.default.createElement("div", { className: (0, classnames_1.default)('echMetricText__extraBlock', `echMetricText__extraBlock--${style.extraTextAlign}`), style: {
+                gridRow: currentGridRows.extra,
+                gridColumn: currentGridColumns.extra,
+                color: colors.extra,
+            } }, visibility.extra && extraElement),
+        react_1.default.createElement("div", { className: (0, classnames_1.default)('echMetricText__valueBlock', `echMetricText__valueBlock--${style.valueTextAlign}`), style: { gridRow: currentGridRows.value, gridColumn: currentGridColumns.value } },
+            react_1.default.createElement("p", { className: "echMetricText__value", style: {
+                    fontSize: sizes.valueFontSize,
+                    textOverflow: (0, specs_1.isMetricWNumber)(datum) ? undefined : 'ellipsis',
+                    color: datum.valueColor,
+                }, title: textParts.map(({ text }) => text).join('') }, textParts.map(({ emphasis, text }, i) => {
+                return emphasis === 'small' ? (react_1.default.createElement("span", { key: `${text}${i}`, className: "echMetricText__part", style: { fontSize: sizes.valuePartFontSize } }, text)) : (text);
+            })),
+            datum.valueIcon && (react_1.default.createElement("p", { className: "echMetricText__valueIcon", style: {
+                    fontSize: sizes.valueFontSize,
+                    color: datum.valueColor ?? colors.highContrast,
+                    marginRight: style.valueTextAlign === 'center' ? -(sizes.valuePartFontSize + text_measurements_1.PADDING) : undefined,
+                } }, (0, common_1.renderWithProps)(datum.valueIcon, {
+                width: sizes.valuePartFontSize,
+                height: sizes.valuePartFontSize,
+                color: datum.valueColor ?? colors.highContrast,
+                verticalAlign: 'middle',
+            }))))));
 };
 exports.MetricText = MetricText;
 //# sourceMappingURL=text.js.map

package/dist/chart_types/metric/renderer/dom/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/text.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/text.tsx"],"names":[],"mappings":"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"}

package/dist/chart_types/metric/renderer/dom/text_measurements.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PADDING = void 0;
+exports.PROGRESS_BAR_TARGET_SIZE = exports.PADDING = void 0;
 exports.getFitValueFontSize = getFitValueFontSize;
 exports.getMetricTextPartDimensions = getMetricTextPartDimensions;
 exports.getFittedFontSizes = getFittedFontSizes;
 exports.getFixedFontSizes = getFixedFontSizes;
 exports.getSnappedFontSizes = getSnappedFontSizes;
-exports.elementVisibility = elementVisibility;
+const badge_1 = require("./badge");
 const text_processing_1 = require("./text_processing");
 const default_theme_attributes_1 = require("../../../../common/default_theme_attributes");
 const canvas_text_bbox_calculator_1 = require("../../../../utils/bbox/canvas_text_bbox_calculator");
@@ -14,11 +14,12 @@ const common_1 = require("../../../../utils/common");
 const wrap_1 = require("../../../../utils/text/wrap");
 const specs_1 = require("../../specs");
 exports.PADDING = 8;
-const PROGRESS_BAR_WIDTH = 10;
-const PROGRESS_BAR_TARGET_WIDTH = 4;
+exports.PROGRESS_BAR_TARGET_SIZE = 8;
 const LINE_HEIGHT = 1.2;
 const HEIGHT_BP = [
-    [100, 200, 'xs'],
+    [0, 100, 'xxxs'],
+    [100, 150, 'xxs'],
+    [150, 200, 'xs'],
     [200, 300, 's'],
     [300, 400, 'm'],
     [400, 500, 'l'],
@@ -70,34 +71,55 @@ const SUBTITLE_FONT = {
     ...TITLE_FONT,
     fontWeight: 'normal',
 };
-function getFitValueFontSize(valueFontSize, width, gapHeight, textParts, minValueFontSize, hasIcon) {
-    const maxWidth = (width - 2 * exports.PADDING) * 0.98;
+const PROGRESS_BAR_THICKNESS = { xxxs: 4, xxs: 4, xs: 8, s: 8, m: 8, l: 8, xl: 8, xxl: 16 };
+const ELEMENT_PADDING = 5;
+const LAYOUT_PIXEL_BUFFER = 26;
+const SMALL_HEIGHT_THRESHOLD = 200;
+function getFitValueFontSize(initialValueFontSize, totalWidth, availableHeight, textParts, minValueFontSize, hasIcon, isFitMode) {
+    const maxWidth = (totalWidth - 2 * exports.PADDING) * 0.98;
+    const maxHeight = (availableHeight - 2 * exports.PADDING) * 0.98;
     const widthConstrainedSize = (0, canvas_text_bbox_calculator_1.withTextMeasure)((textMeasure) => {
         const iconMultiplier = hasIcon ? 1 : 0;
         const textWidth = textParts.reduce((sum, { text, emphasis }) => {
-            const fontSize = emphasis === 'small' ? Math.floor(valueFontSize / VALUE_PART_FONT_RATIO) : valueFontSize;
+            const fontSize = emphasis === 'small' ? Math.floor(initialValueFontSize / VALUE_PART_FONT_RATIO) : initialValueFontSize;
             return sum + textMeasure(text, VALUE_FONT, fontSize).width;
         }, 0);
-        const ratio = textWidth / valueFontSize;
+        const ratio = textWidth / initialValueFontSize;
         return (maxWidth - iconMultiplier * exports.PADDING) / (ratio + iconMultiplier / VALUE_PART_FONT_RATIO);
     });
-    const heightConstrainedSize = valueFontSize + gapHeight;
-    return Math.floor(Math.max(Math.min(heightConstrainedSize, widthConstrainedSize), minValueFontSize));
+    let constrainedSize;
+    if (isFitMode) {
+        const heightConstrainedSize = Math.floor(maxHeight / LINE_HEIGHT);
+        constrainedSize = Math.min(widthConstrainedSize, heightConstrainedSize);
+    }
+    else {
+        constrainedSize = Math.min(initialValueFontSize, widthConstrainedSize);
+    }
+    return Math.floor(Math.max(constrainedSize, minValueFontSize));
 }
 function getMetricTextPartDimensions(datum, panel, style, locale) {
     const heightBasedSizes = getHeightBasedFontSizes(HEIGHT_BP, panel.height, style);
     const hasProgressBar = (0, specs_1.isMetricWProgress)(datum);
     const hasTarget = !(0, common_1.isNil)(datum?.target);
     const progressBarDirection = (0, specs_1.isMetricWProgress)(datum) ? datum.progressBarDirection : undefined;
+    const hasVerticalProgressBar = hasProgressBar && progressBarDirection === common_1.LayoutDirection.Vertical;
+    const hasHorizontalProgressBar = hasProgressBar && progressBarDirection === common_1.LayoutDirection.Horizontal;
+    const { progressBarThickness, iconSize } = heightBasedSizes;
+    const progressBarTotalSpace = progressBarThickness + (hasTarget ? exports.PROGRESS_BAR_TARGET_SIZE : 0) + exports.PADDING;
+    const progressBarWidth = hasVerticalProgressBar ? progressBarTotalSpace : 0;
+    const progressBarHeight = hasHorizontalProgressBar ? progressBarTotalSpace : 0;
+    const isIconVisible = !!datum.icon && style.valuePosition === 'top';
+    const iconColumnWidth = iconSize + exports.PADDING;
+    const needsCenterSpacer = isIconVisible && style.valueTextAlign === 'center';
+    const iconGridColumnWidth = isIconVisible ? iconColumnWidth * (needsCenterSpacer ? 2 : 1) : 0;
     return {
         heightBasedSizes,
         hasProgressBar,
         progressBarDirection,
-        progressBarWidth: hasProgressBar && progressBarDirection === common_1.LayoutDirection.Vertical
-            ? PROGRESS_BAR_WIDTH + (hasTarget ? PROGRESS_BAR_TARGET_WIDTH : 0)
-            : 0,
-        visibility: elementVisibility(datum, panel, heightBasedSizes, locale, style.valueFontSize === 'fit'),
+        progressBarWidth,
+        visibility: computeMetricTextLayout(datum, panel, heightBasedSizes, locale, style.valueFontSize === 'fit', progressBarHeight),
         textParts: (0, text_processing_1.getTextParts)(datum, style),
+        iconGridColumnWidth,
     };
 }
 function getHeightBasedFontSizes(ranges, value, style) {
@@ -112,6 +134,7 @@ function getHeightBasedFontSizes(ranges, value, style) {
         extraFontSize: EXTRA_FONT_SIZE[size],
         valueFontSize,
         valuePartFontSize,
+        progressBarThickness: PROGRESS_BAR_THICKNESS[size],
     };
 }
 function getFittedFontSizes(fittedValueFontSize) {
@@ -135,51 +158,70 @@ function getSnappedFontSizes(fittedValueFontSize, panelHeight, style) {
         valuePartFontSize: Math.floor(fontSize / VALUE_PART_FONT_RATIO),
     };
 }
-function elementVisibility(datum, panel, sizes, locale, fit) {
+const getResponsiveBreakpoints = (title, subtitle, extra) => [
+    { titleMaxLines: 3, subtitleMaxLines: 2, title, subtitle, extra },
+    { titleMaxLines: 3, subtitleMaxLines: 1, title, subtitle, extra },
+    { titleMaxLines: 2, subtitleMaxLines: 1, title, subtitle, extra },
+    { titleMaxLines: 1, subtitleMaxLines: 1, title, subtitle, extra },
+    { titleMaxLines: 1, subtitleMaxLines: 0, title, subtitle: false, extra },
+    { titleMaxLines: 1, subtitleMaxLines: 0, title, subtitle: false, extra: false },
+    { titleMaxLines: 1, subtitleMaxLines: 0, title, subtitle: false, extra: false },
+];
+function computeMetricTextLayout(datum, panel, sizes, locale, fit, progressBarHeight) {
     const maxTitlesWidth = 0.95 * panel.width - (datum.icon ? 24 : 0) - 2 * exports.PADDING;
-    const titleHeight = (maxLines, textMeasure) => {
-        return datum.title
-            ? exports.PADDING +
-                (0, wrap_1.wrapText)(datum.title, TITLE_FONT, sizes.titleFontSize, maxTitlesWidth, maxLines, textMeasure, locale).length *
-                    sizes.titleFontSize *
-                    LINE_HEIGHT
-            : 0;
-    };
-    const subtitleHeight = (maxLines, textMeasure) => {
-        return datum.subtitle
-            ? exports.PADDING +
-                (0, wrap_1.wrapText)(datum.subtitle, SUBTITLE_FONT, sizes.subtitleFontSize, maxTitlesWidth, maxLines, textMeasure, locale)
-                    .length *
-                    sizes.subtitleFontSize *
-                    LINE_HEIGHT
-            : 0;
-    };
-    const extraHeight = sizes.extraFontSize * LINE_HEIGHT;
+    const titleLineHeight = sizes.titleFontSize * LINE_HEIGHT;
+    const subtitleLineHeight = sizes.subtitleFontSize * LINE_HEIGHT;
+    const hasBadge = !!(datum?.extra && 'badgeColor' in datum?.extra && datum?.extra?.badgeColor);
+    const badgeHeight = hasBadge ? badge_1.BADGE_BORDER * 2 : 0;
+    const extraHeight = sizes.extraFontSize * LINE_HEIGHT + badgeHeight;
     const valueHeight = sizes.valueFontSize * LINE_HEIGHT;
-    const responsiveBreakPoints = [
-        { titleMaxLines: 3, subtitleMaxLines: 2, title: !!datum.title, subtitle: !!datum.subtitle, extra: !!datum.extra },
-        { titleMaxLines: 3, subtitleMaxLines: 1, title: !!datum.title, subtitle: !!datum.subtitle, extra: !!datum.extra },
-        { titleMaxLines: 2, subtitleMaxLines: 1, title: !!datum.title, subtitle: !!datum.subtitle, extra: !!datum.extra },
-        { titleMaxLines: 1, subtitleMaxLines: 1, title: !!datum.title, subtitle: !!datum.subtitle, extra: !!datum.extra },
-        { titleMaxLines: 1, subtitleMaxLines: 0, title: !!datum.title, subtitle: false, extra: !!datum.extra },
-        { titleMaxLines: 1, subtitleMaxLines: 0, title: !!datum.title, subtitle: false, extra: false },
-        { titleMaxLines: 1, subtitleMaxLines: 0, title: !!datum.title, subtitle: false, extra: false },
-    ];
-    const getCombinedHeight = ({ titleMaxLines, subtitleMaxLines, title, subtitle, extra }, measure) => (title && titleMaxLines > 0 ? titleHeight(titleMaxLines, measure) : 0) +
-        (subtitle && subtitleMaxLines > 0 ? subtitleHeight(subtitleMaxLines, measure) : 0) +
-        (extra ? extraHeight : 0) +
-        valueHeight +
-        exports.PADDING;
-    const isVisible = (ev, measure) => getCombinedHeight(ev, measure) < panel.height;
+    const responsiveBreakPoints = getResponsiveBreakpoints(!!datum.title, !!datum.subtitle, !!datum.extra);
+    function computeMetricTextSize(breakpoints, measure) {
+        const titleLines = datum.title
+            ? (0, wrap_1.wrapText)(datum.title, TITLE_FONT, sizes.titleFontSize, maxTitlesWidth, breakpoints.titleMaxLines, measure, locale)
+            : [];
+        const subtitleLines = datum.subtitle
+            ? (0, wrap_1.wrapText)(datum.subtitle, SUBTITLE_FONT, sizes.subtitleFontSize, maxTitlesWidth, breakpoints.subtitleMaxLines, measure, locale)
+            : [];
+        const actualTitleHeight = titleLines.length > 0 ? titleLines.length * titleLineHeight : 0;
+        const actualSubtitleHeight = subtitleLines.length > 0 ? subtitleLines.length * subtitleLineHeight + ELEMENT_PADDING : 0;
+        const actualExtraHeight = breakpoints.extra ? extraHeight + ELEMENT_PADDING : 0;
+        const nonValueElementsHeight = actualTitleHeight + actualSubtitleHeight + actualExtraHeight + progressBarHeight + exports.PADDING * 2;
+        const totalHeight = nonValueElementsHeight + valueHeight;
+        return {
+            titleLines,
+            subtitleLines,
+            actualTitleHeight,
+            actualSubtitleHeight,
+            actualExtraHeight,
+            nonValueElementsHeight,
+            totalHeight,
+        };
+    }
+    const isVisible = (breakpoints, measure) => {
+        const { totalHeight } = computeMetricTextSize(breakpoints, measure);
+        const buffer = panel.height <= SMALL_HEIGHT_THRESHOLD ? LAYOUT_PIXEL_BUFFER : 0;
+        const fits = totalHeight <= panel.height - buffer;
+        return fits;
+    };
     return (0, canvas_text_bbox_calculator_1.withTextMeasure)((textMeasure) => {
-        const visibilityBreakpoint = fit
-            ? responsiveBreakPoints.at(0)
-            : responsiveBreakPoints.find((breakpoint) => isVisible(breakpoint, textMeasure)) ?? responsiveBreakPoints.at(-1);
+        let visibilityBreakpoint;
+        if (fit) {
+            visibilityBreakpoint = responsiveBreakPoints.at(0);
+        }
+        else {
+            const found = responsiveBreakPoints.find((breakpoint) => isVisible(breakpoint, textMeasure));
+            visibilityBreakpoint = found ?? responsiveBreakPoints.at(-1);
+        }
+        const layoutInfo = computeMetricTextSize(visibilityBreakpoint, textMeasure);
+        const availableHeightWithoutValue = Math.max(0, panel.height - layoutInfo.nonValueElementsHeight);
+        const gapHeight = Math.max(0, panel.height - layoutInfo.totalHeight);
         return {
             ...visibilityBreakpoint,
-            gapHeight: Math.max(0, panel.height - getCombinedHeight(visibilityBreakpoint, textMeasure)),
-            titleLines: (0, wrap_1.wrapText)(datum.title ?? '', TITLE_FONT, sizes.titleFontSize, maxTitlesWidth, visibilityBreakpoint.titleMaxLines, textMeasure, locale),
-            subtitleLines: (0, wrap_1.wrapText)(datum.subtitle ?? '', SUBTITLE_FONT, sizes.subtitleFontSize, maxTitlesWidth, visibilityBreakpoint.subtitleMaxLines, textMeasure, locale),
+            titleLines: layoutInfo.titleLines,
+            subtitleLines: layoutInfo.subtitleLines,
+            gapHeight,
+            availableHeightWithoutValue,
         };
     });
 }

package/dist/chart_types/metric/renderer/dom/text_measurements.js.map

@@ -1 +1 @@
-{"version":3,"file":"text_measurements.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/text_measurements.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"text_measurements.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/text_measurements.tsx"],"names":[],"mappings":"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"}

package/dist/chart_types/metric/renderer/dom/titles.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=titles.d.ts.map

package/dist/chart_types/metric/renderer/dom/titles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"titles.d.ts","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/titles.tsx"],"names":[],"mappings":""}

package/dist/chart_types/metric/renderer/dom/titles.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitlesBlock = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+function lineClamp(maxLines) {
+    return {
+        textOverflow: 'ellipsis',
+        display: '-webkit-box',
+        WebkitLineClamp: maxLines,
+        lineClamp: maxLines,
+        WebkitBoxOrient: 'vertical',
+        overflow: 'hidden',
+        whiteSpace: 'pre-line',
+    };
+}
+const Title = ({ metricId, title, titleWeight, fontSize, textAlign, linesLength, onElementClick, }) => {
+    const contentStyle = {
+        fontSize,
+        textAlign,
+        fontWeight: titleWeight,
+        ...lineClamp(linesLength),
+    };
+    const content = (react_1.default.createElement("span", { title: title, style: contentStyle }, title));
+    return (react_1.default.createElement("h2", { id: metricId, className: "echMetricText__title" }, onElementClick ? (react_1.default.createElement("button", { onMouseDown: (e) => e.stopPropagation(), onMouseUp: (e) => e.stopPropagation(), onClick: (e) => {
+            e.stopPropagation();
+            onElementClick();
+        } }, content)) : (content)));
+};
+const Subtitle = ({ subtitle, fontSize, subtitleLines, color }) => {
+    return (react_1.default.createElement("p", { className: "echMetricText__subtitle", style: {
+            fontSize,
+            color,
+            ...lineClamp(subtitleLines.length),
+        }, title: subtitle }, subtitle));
+};
+const TitlesBlock = ({ metricId, title, subtitle, sizes, visibility, textAlign, titleWeight, isIconVisible, titlesRow, titlesColumn, subtitleColor, onElementClick, }) => {
+    const { titleFontSize, subtitleFontSize } = sizes;
+    const { title: showTitle, subtitle: showSubtitle, titleLines, subtitleLines } = visibility;
+    const titlesBlockStyle = (0, react_1.useMemo)(() => {
+        if (!isIconVisible)
+            return undefined;
+        return {
+            gridRow: titlesRow,
+            gridColumn: titlesColumn,
+        };
+    }, [isIconVisible, titlesRow, titlesColumn]);
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('echMetricText__titlesBlock', `echMetricText__titlesBlock--${textAlign}`), style: titlesBlockStyle },
+        showTitle && (react_1.default.createElement(Title, { metricId: metricId, title: title, fontSize: titleFontSize, textAlign: textAlign, titleWeight: titleWeight, linesLength: titleLines.length, onElementClick: onElementClick })),
+        showSubtitle && (react_1.default.createElement(Subtitle, { subtitle: subtitle, fontSize: subtitleFontSize, subtitleLines: subtitleLines, color: subtitleColor }))));
+};
+exports.TitlesBlock = TitlesBlock;
+//# sourceMappingURL=titles.js.map

package/dist/chart_types/metric/renderer/dom/titles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"titles.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/titles.tsx"],"names":[],"mappings":"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"}