@elastic/charts 70.1.3 → 71.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/chart_types/metric/renderer/dom/badge.d.ts +2 -0
  2. package/dist/chart_types/metric/renderer/dom/badge.d.ts.map +1 -0
  3. package/dist/chart_types/metric/renderer/dom/badge.js +27 -0
  4. package/dist/chart_types/metric/renderer/dom/badge.js.map +1 -0
  5. package/dist/chart_types/metric/renderer/dom/index.js +16 -8
  6. package/dist/chart_types/metric/renderer/dom/index.js.map +1 -1
  7. package/dist/chart_types/metric/renderer/dom/metric.js +69 -10
  8. package/dist/chart_types/metric/renderer/dom/metric.js.map +1 -1
  9. package/dist/chart_types/metric/renderer/dom/progress.js +51 -13
  10. package/dist/chart_types/metric/renderer/dom/progress.js.map +1 -1
  11. package/dist/chart_types/metric/renderer/dom/secondary_metric.d.ts +2 -0
  12. package/dist/chart_types/metric/renderer/dom/secondary_metric.d.ts.map +1 -0
  13. package/dist/chart_types/metric/renderer/dom/secondary_metric.js +23 -0
  14. package/dist/chart_types/metric/renderer/dom/secondary_metric.js.map +1 -0
  15. package/dist/chart_types/metric/renderer/dom/text.js +73 -56
  16. package/dist/chart_types/metric/renderer/dom/text.js.map +1 -1
  17. package/dist/chart_types/metric/renderer/dom/text_measurements.js +46 -25
  18. package/dist/chart_types/metric/renderer/dom/text_measurements.js.map +1 -1
  19. package/dist/chart_types/metric/renderer/dom/titles.d.ts +2 -0
  20. package/dist/chart_types/metric/renderer/dom/titles.d.ts.map +1 -0
  21. package/dist/chart_types/metric/renderer/dom/titles.js +79 -0
  22. package/dist/chart_types/metric/renderer/dom/titles.js.map +1 -0
  23. package/dist/chart_types/metric/specs/index.d.ts +32 -2
  24. package/dist/chart_types/metric/specs/index.d.ts.map +1 -1
  25. package/dist/chart_types/metric/specs/index.js +9 -1
  26. package/dist/chart_types/metric/specs/index.js.map +1 -1
  27. package/dist/chart_types/specs.d.ts +1 -1
  28. package/dist/chart_types/specs.d.ts.map +1 -1
  29. package/dist/chart_types/specs.js.map +1 -1
  30. package/dist/common/color_calcs.js +37 -0
  31. package/dist/common/color_calcs.js.map +1 -1
  32. package/dist/common/text_utils.d.ts +1 -1
  33. package/dist/common/text_utils.d.ts.map +1 -1
  34. package/dist/common/text_utils.js.map +1 -1
  35. package/dist/legacy/theme_dark.css +1 -1
  36. package/dist/legacy/theme_dark.css.map +1 -1
  37. package/dist/legacy/theme_light.css +1 -1
  38. package/dist/legacy/theme_light.css.map +1 -1
  39. package/dist/legacy/theme_only_dark.css +1 -1
  40. package/dist/legacy/theme_only_dark.css.map +1 -1
  41. package/dist/legacy/theme_only_light.css +1 -1
  42. package/dist/legacy/theme_only_light.css.map +1 -1
  43. package/dist/theme.scss +233 -68
  44. package/dist/theme_dark.css +1 -1
  45. package/dist/theme_dark.css.map +1 -1
  46. package/dist/theme_light.css +1 -1
  47. package/dist/theme_light.css.map +1 -1
  48. package/dist/theme_only_dark.css +1 -1
  49. package/dist/theme_only_dark.css.map +1 -1
  50. package/dist/theme_only_light.css +1 -1
  51. package/dist/theme_only_light.css.map +1 -1
  52. package/dist/utils/themes/amsterdam_dark_theme.d.ts.map +1 -1
  53. package/dist/utils/themes/amsterdam_dark_theme.js +8 -1
  54. package/dist/utils/themes/amsterdam_dark_theme.js.map +1 -1
  55. package/dist/utils/themes/amsterdam_light_theme.d.ts.map +1 -1
  56. package/dist/utils/themes/amsterdam_light_theme.js +8 -1
  57. package/dist/utils/themes/amsterdam_light_theme.js.map +1 -1
  58. package/dist/utils/themes/dark_theme.d.ts.map +1 -1
  59. package/dist/utils/themes/dark_theme.js +8 -1
  60. package/dist/utils/themes/dark_theme.js.map +1 -1
  61. package/dist/utils/themes/legacy_dark_theme.d.ts.map +1 -1
  62. package/dist/utils/themes/legacy_dark_theme.js +8 -1
  63. package/dist/utils/themes/legacy_dark_theme.js.map +1 -1
  64. package/dist/utils/themes/legacy_light_theme.d.ts.map +1 -1
  65. package/dist/utils/themes/legacy_light_theme.js +8 -1
  66. package/dist/utils/themes/legacy_light_theme.js.map +1 -1
  67. package/dist/utils/themes/light_theme.d.ts.map +1 -1
  68. package/dist/utils/themes/light_theme.js +8 -1
  69. package/dist/utils/themes/light_theme.js.map +1 -1
  70. package/dist/utils/themes/theme.d.ts +22 -11
  71. package/dist/utils/themes/theme.d.ts.map +1 -1
  72. package/dist/utils/themes/theme.js.map +1 -1
  73. package/package.json +1 -1
@@ -1 +1 @@
1
- .echChartStatus{visibility:hidden;pointer-events:none;z-index:-100000;width:0;height:0;position:absolute}.echChartBackground{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.echChart{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column}.echChart__titles{margin-right:24px}.echChartContent{position:relative;display:flex;flex-direction:row;flex-grow:1;height:1px;width:100%}.echChartContent--column{flex-direction:column}.echChartTitle{font-style:normal;font-weight:bold;font-size:16px;line-height:19px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.echChartTitle+.echChartDescription{padding-top:0}.echChartDescription{padding:8px;font-style:normal;font-weight:normal;font-size:14px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.echContainer{flex:1;position:relative;overflow:hidden;width:100%;height:100%}.echChartPointerContainer{position:absolute;top:0;bottom:0;right:0;left:0;box-sizing:border-box;user-select:none}.echChartResizer{z-index:-10000000;position:absolute;bottom:0;top:0;left:0;right:0;box-sizing:border-box}.echBrushTool{position:absolute;top:0;left:0;margin:0;padding:0;box-sizing:border-box;overflow:hidden;pointer-events:none}.echTooltip{box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);border-radius:6px;background-color:#404040;color:#fff;z-index:9000;max-width:256px;overflow-wrap:break-word;padding:8px;font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;padding:0;max-width:100%;pointer-events:none;user-select:none;background-color:#fff;color:#343741;overflow:hidden;cursor:default;transition:box-shadow 400ms,opacity 250ms;border:1px solid #fff}.echTooltip .euiHorizontalRule{background-color:#595959}.echTooltip__outerWrapper{display:flex}.echTooltip--pinned{box-shadow:0 .7px 1.4px rgba(0,0,0,.07),0 1.9px 4px rgba(0,0,0,.05),0 4.5px 10px rgba(0,0,0,.05);pointer-events:auto;user-select:auto}.echTooltip--pinned .echTooltip__tableRow--selectable{cursor:pointer}.echTooltip--pinned .echTooltipActions{pointer-events:auto}.echTooltip--pinned .echTooltip__tableWrapper{pointer-events:auto}.echTooltip .echTooltip__tableCell--truncate{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.echTooltip__metricRow{padding:4px 8px;display:flex;justify-content:space-between}.echTooltip__tableWrapper{overflow:hidden;scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;background-color:#fff}.echTooltip__tableWrapper::-webkit-scrollbar{width:16px;height:16px}.echTooltip__tableWrapper::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echTooltip__tableWrapper::-webkit-scrollbar-corner,.echTooltip__tableWrapper::-webkit-scrollbar-track{background-color:transparent}.echTooltip__tableWrapper--pinned{overflow:auto}.echTooltip__table{display:grid;width:100%}.echTooltip__table--noGrid{display:table}.echTooltip__tableHeader .echTooltip__tableCell,.echTooltip__tableFooter .echTooltip__tableCell{cursor:default;font-weight:600;background-color:#fff;position:sticky;z-index:1}.echTooltip__tableHeader,.echTooltip__tableBody,.echTooltip__tableFooter,.echTooltip__tableRow{display:contents}.echTooltip__tableHeader{margin-bottom:0;top:0}.echTooltip__tableHeader .echTooltip__tableCell{border-bottom:solid 1px #d3dae6;top:0}.echTooltip__tableFooter{margin-top:0;bottom:0}.echTooltip__tableFooter .echTooltip__tableCell{border-top:solid 1px #d3dae6;bottom:0}.echTooltip__tableCell:not(.echTooltip__colorCell){padding:4px}.echTooltip__tableBody .echTooltip__tableCell:not(.echTooltip__colorCell){padding:2px 4px;transition:margin 200ms,padding 200ms}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.1)}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell+.echTooltip__tableCell{margin-left:10px;padding-left:10px}.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.1)}.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.05)}.echTooltip__tableRow{position:relative}.echTooltip__tableRow--highlighted .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableRow--highlighted .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(211,218,230,.5)}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip{width:21px}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--spacer{width:0;min-width:0}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--icon{opacity:1}.echTooltip__colorCell{padding:0;height:100%;position:relative;overflow:hidden;width:21px}.echTooltip__colorCell--static{width:5px}.echTooltip__colorStrip,.echTooltip__colorStrip--bg,.echTooltip__colorStrip--spacer{position:absolute;top:0;left:0;bottom:0;width:5px;transition:width 200ms}.echTooltip__colorStrip--icon{opacity:0;display:flex;justify-content:center;align-items:center;height:100%;transition:opacity 200ms;padding:0 4px}.echTooltip__colorStrip--spacer{left:auto;right:10px;width:6px;min-width:6px}.echTooltip__label{min-width:1px;flex:1 1 auto;text-align:left}.echTooltip__value{text-align:right;font-feature-settings:"tnum"}.echTooltip[dir=rtl] .echTooltip__colorStrip{left:auto;right:0}.echTooltipHeader{font-weight:600;margin-bottom:0;padding:4px 8px}.echTooltipFooter{font-weight:600;margin-top:0;padding:4px 8px}.echTooltipDivider{width:100%;border-bottom:solid 1px #d3dae6}@keyframes promptSlideDown{100%{opacity:1;top:0;height:26px}}.echTooltipPrompt{position:relative;width:100%;z-index:-1}.echTooltipPrompt__content{color:#69707d;font-style:normal;font-size:12px;line-height:26px;padding:0 8px}.echTooltipPrompt.slideDown{opacity:0;top:-26px;height:0;animation:promptSlideDown .25s forwards;animation-delay:1.5s}.echTooltipActions{position:relative;display:flex;align-items:flex-start;flex-direction:column;width:100%;font-style:normal;font-size:12px;line-height:21px}.echTooltipActions__prompt{position:relative;height:26px;padding:0 8px;line-height:26px;width:100%;color:#69707d;font-style:normal;font-size:12px}.echTooltipActions__action{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left;width:100%;padding:0 8px;line-height:21px;cursor:pointer;color:#343741}.echTooltipActions__action:nth-child(2){padding-top:4px}.echTooltipActions__action:last-child{padding-bottom:2px}.echTooltipActions__action:hover,.echTooltipActions__action:focus{text-decoration:underline}.echTooltipActions__action[disabled]{cursor:default;color:#abb4c4}.echTooltipActions__action[disabled]:hover,.echTooltipActions__action[disabled]:focus{text-decoration:none}.echLegendTable__container{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);transform:translateZ(0);width:100%;overflow-y:auto;overflow-x:hidden}.echLegendTable__container::-webkit-scrollbar{width:16px;height:16px}.echLegendTable__container::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegendTable__container::-webkit-scrollbar-corner,.echLegendTable__container::-webkit-scrollbar-track{background-color:transparent}.echLegendTable__container:focus{outline:none}.echLegendTable__container[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegendTable__container :focus{outline:2px solid currentColor;outline-offset:1px;background-color:rgba(0,119,204,.1);border-radius:3px}.echLegendTable__container :focus:focus-visible{outline-style:auto}.echLegendTable__container :focus:not(:focus-visible){outline:none}.echLegendTable{overflow:auto;display:grid;width:100%;position:relative}.echLegendTable__header,.echLegendTable__rowgroup,.echLegendTable__row{display:contents}.echLegendTable .echColorPickerPopover{display:flex;align-items:center}.echLegend--vertical .echLegendTable__container{padding:8px}.echLegend--horizontal .echLegendTable{padding:4px 8px 4px 16px}.echLegendTable__item{color:#343741}.echLegendTable__item .echLegendItem__action{padding-top:2px;max-width:16px;height:16px}.echLegendTable__item .echLegendItem__action:empty{width:0}.echLegendTable__item:last-child .echLegendTable__cell{border-bottom:solid 1px #d3dae6}.echLegendTable__item:not([dir=rtl]) .echLegendTable__cell:last-child{padding-right:2px}.echLegendTable__item[dir=rtl] .echLegendTable__cell:last-child{padding-left:2px}.echLegendTable__item[dir=rtl] .echLegendItem__label{text-align:right}.echLegendTable__item[dir=rtl] .echLegend__legendValue{text-align:left}.echLegendTable__item--highlightable .echLegendTable__cell:hover{background-color:#f5f7fa}.echLegendTable__item--highlightable .echLegendTable__cell:hover~.echLegendTable__cell{background-color:#f5f7fa}.echLegendTable__item--highlightable .echLegendTable__cell:has(~.echLegendTable__cell:hover){background-color:#f5f7fa}.echLegendTable__item:not(.echLegendTable__item--hidden) .echLegendSingleItem__color--changable{cursor:pointer}.echLegendTable__item--vertical{padding-top:2px;padding-bottom:2px}.echLegendTable__item--hidden{color:#69707d}.echLegendTable__item .echLegend__legendValue{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;text-align:right;font-feature-settings:"tnum";letter-spacing:unset;direction:ltr;white-space:nowrap}.echLegendTable__cell{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;align-content:baseline;border-bottom:solid 1px #f5f7fa;padding:4px 8px}.echLegendTable__cell--truncate{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.echLegendTable__colorCell{padding-right:0;padding-left:2px}.echLegendTable__colorCell.echLegend__colorWrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1}.echLegendTable__header{cursor:default;font-weight:600;background-color:#fff;font-size:12px}.echLegendTable__header .echLegendTable__cell{border-bottom:solid 1px #d3dae6}[id^=echTooltipPortal]{pointer-events:none}[id^=echAnchor]{position:absolute;pointer-events:none}.echTooltipPortal__invisible{position:fixed;visibility:hidden;width:0;height:0}.echIcon{flex-shrink:0;display:inline-block;vertical-align:middle;fill:currentColor}.echIcon svg{transform:translate(0, 0)}.echIcon:focus{opacity:1;background:rgba(0,119,204,.1)}.echLegend{z-index:1}.echLegend .echLegendList{display:grid;grid-template-columns:minmax(0, 1fr);padding-inline-start:0;padding-inline-end:0;margin-block-start:0;margin-block-end:0}.echLegend--horizontal .echLegendList{grid-column-gap:24px;grid-row-gap:8px;margin-top:8px;margin-bottom:8px}.echLegend--top,.echLegend--left{order:0}.echLegend--bottom,.echLegend--right{order:1}.echLegend--debug{background:rgba(238,130,238,.2);position:relative}.echLegend--inert{pointer-events:none}.echLegend .echLegendListContainer{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);transform:translateZ(0);width:100%;overflow-y:auto;overflow-x:hidden}.echLegend .echLegendListContainer::-webkit-scrollbar{width:16px;height:16px}.echLegend .echLegendListContainer::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegend .echLegendListContainer::-webkit-scrollbar-corner,.echLegend .echLegendListContainer::-webkit-scrollbar-track{background-color:transparent}.echLegend .echLegendListContainer:focus{outline:none}.echLegend .echLegendListContainer[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus{outline:2px solid currentColor;outline-offset:1px;background-color:rgba(0,119,204,.1);border-radius:3px}.echLegend .echLegendListContainer :focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus:not(:focus-visible){outline:none}.echLegendItem{color:#343741;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;position:relative}.echLegendItem .echLegend__colorWrapper>*:first-of-type{height:18px}.echLegendItem:not([dir=rtl])>*:not(.background){margin-left:4px}.echLegendItem:not([dir=rtl])>*:not(.background):last-child:not(.echLegendItem__legendValue){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background):last-child:not(.echLegendItem__legendValue){margin-left:4px}.echLegendItem:not(.echLegendItem--hidden) .echLegendItem__color--changable{cursor:pointer}.echLegendItem:hover .background{background-color:#f5f7fa}.echLegendItem .background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.echLegendItem__action{cursor:pointer;display:flex;justify-content:center;align-items:center;height:18px;max-width:calc(18px + 8px)}.echLegendItem__action .euiPopover,.echLegendItem__action .euiPopover__anchor,.echLegendItem__action .euiPopover__anchor>*:first-child{height:100%;width:100%;display:flex}.echLegendItem__color{display:flex;line-height:1.5;align-items:center}.echLegendItem__label{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;flex:1 1 auto;text-align:left;vertical-align:baseline;letter-spacing:unset;align-items:center;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;word-break:break-word;hyphens:auto;overflow:hidden;min-width:1px}.echLegendItem__label--singleline{max-width:100%;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.echLegendItem__label--multiline:is(div){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.echLegendItem__label--clickable:hover{cursor:pointer;text-decoration:underline}.echLegendItem__legendValue{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;text-align:right;flex:0 0 auto;margin-left:4px;font-feature-settings:"tnum";letter-spacing:unset;direction:ltr}.echLegendItem--vertical{padding-top:2px;padding-bottom:2px}.echLegendItem--vertical:first-of-type{margin-top:2px}.echLegendItem--vertical .background{margin-top:2px;margin-bottom:2px}.echLegendItem--hidden{color:#69707d}.echLegendItem[dir=rtl] .echLegendItem__label{text-align:right}.echReactiveChart_noResults{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;color:#69707d}.echGridContainer{display:grid;width:100%;height:100%;align-content:start;justify-content:stretch;align-items:stretch;user-select:text}.echGridCell{position:relative;width:100%;height:100%;overflow:hidden;transition:background-color ease-in-out .1s}.echGridCell--rightBorder{border-right:1px solid #343741}.echGridCell--bottomBorder{border-bottom:1px solid #343741}.echAlignedGrid{display:grid;align-content:stretch;width:100%;height:100%}.echAlignedGrid--header{width:100%;height:100%;margin:0;padding:0}.echAlignedGrid__borderRight{border-right:1px solid #edf0f5}.echAlignedGrid__borderBottom{border-bottom:1px solid #edf0f5}.echAlignedGrid--content{width:100%;min-height:0;margin:0;padding:0}.echHighlighter{position:absolute;pointer-events:none;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echHighlighterOverlay__fill{fill:rgba(255,255,255,.2)}.echHighlighterOverlay__stroke{stroke:rgba(255,255,255,.2)}.echHighlighter__mask{fill:rgba(255,255,255,.5)}.echCrosshair,.echCrosshair__cursor,.echCrosshair__crossLine{position:absolute;top:0;left:0;pointer-events:none}.echScreenReaderOnly{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.echScreenReaderOnlyDebug{left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;overflow:auto !important;background:rgba(255,255,255,.8)}.echScreenReaderOnlyDebug table,.echScreenReaderOnlyDebug td,.echScreenReaderOnlyDebug th{border:1px solid #000;font-size:12px}.echScreenReaderTable{overflow-x:auto;text-align:left}.echAnnotation{padding:0;transition:opacity 250ms;pointer-events:none;user-select:none;max-width:260px}.echAnnotation__marker{position:absolute;user-select:none;font-size:12px;font-weight:700;line-height:normal}.echAnnotation__details{padding:4px 8px}.echAnnotation__icon{position:relative}.echAnnotation__body{white-space:nowrap}.echCanvasRenderer{position:absolute;top:0;left:0;padding:0;margin:0;border:0;background:transparent}.echMetricContainer{display:grid;width:100%;height:100%;align-content:start;justify-content:stretch;align-items:stretch;user-select:text}.echMetric{position:relative;width:100%;height:100%;overflow:hidden;transition:background-color ease-in-out .1s}.echMetric .echMetric--outline{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.echMetric:focus-within .echMetric--outline{outline:auto;outline-offset:-1.5px}.echMetric--rightBorder{border-right:1px solid #343741}.echMetric--topBorder{border-top:1px solid #343741}.echMetric--bottomBorder{border-bottom:1px solid #343741}.echMetric--vertical.echMetric--withProgressBar--small{padding-left:10px}.echMetric--vertical.echMetric--withTargetProgressBar--small{padding-left:14px}.echMetric--horizontal.echMetric--withProgressBar--small{padding-bottom:10px}.echMetric--horizontal.echMetric--withTargetProgressBar--small{padding-bottom:12px}.echMetricEmpty{position:absolute;bottom:9px;right:11px;width:20px;border-bottom:1px solid}.echMetricText{position:relative;padding:8px;height:100%;z-index:1;display:grid;grid-template-columns:100%;grid-template-rows:min-content auto min-content;line-height:1.2}.echMetricText__valuesBlock,.echMetricText__titlesBlock{display:flex;flex-direction:column}.echMetricText__valuesBlock--left,.echMetricText__titlesBlock--left{align-items:start;text-align:left}.echMetricText__valuesBlock--left .echMetricText__valueGroup,.echMetricText__titlesBlock--left .echMetricText__valueGroup{justify-content:start}.echMetricText__valuesBlock--center,.echMetricText__titlesBlock--center{align-items:center;text-align:center}.echMetricText__valuesBlock--center .echMetricText__valueGroup,.echMetricText__titlesBlock--center .echMetricText__valueGroup{justify-content:center}.echMetricText__valuesBlock--center .echMetricText__title button,.echMetricText__titlesBlock--center .echMetricText__title button{width:100%}.echMetricText__valuesBlock--right,.echMetricText__titlesBlock--right{align-items:end;text-align:right}.echMetricText__valuesBlock--right .echMetricText__valueGroup,.echMetricText__titlesBlock--right .echMetricText__valueGroup{justify-content:end}.echMetricText__valueGroup{width:100%;display:flex;flex-direction:row}.echMetricText__titleGroup{display:flex;flex-direction:row}.echMetricText__title{font-weight:bold;word-wrap:break-word;width:100%}.echMetricText__title button{font-weight:bold;width:95%}.echMetricText__icon{position:absolute;top:8px}.echMetricText__icon--left{left:8px}.echMetricText__icon--right{right:8px}.echMetricText__subtitle{padding-top:5px;font-weight:normal;width:95%}.echMetricText__extra{font-weight:normal}.echMetricText__value{position:relative;font-weight:bold;white-space:nowrap;overflow:hidden}.echMetricText__valueIcon{padding-left:8px}.echMetricText__part{font-weight:bold}.echMetricText__gap{position:relative}.echMetricText__body{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.echSingleMetricProgress{position:absolute}.echSingleMetricProgress--vertical{left:0;right:0;top:0;bottom:0;height:100%;width:100%}.echSingleMetricProgress--vertical.echSingleMetricProgress--small{right:auto;width:10px}.echSingleMetricProgress--horizontal{left:0;right:0;width:100%;top:0;bottom:0;height:100%}.echSingleMetricProgress--horizontal.echSingleMetricProgress--small{top:auto;height:10px}.echSingleMetricProgressBar{transition:background-color ease-in-out .1s}.echSingleMetricProgressBar--vertical{position:absolute;left:0;right:0;bottom:0;width:100%}.echSingleMetricProgressBar--horizontal{position:absolute;top:0;bottom:0;left:0;height:100%}.echSingleMetricTarget{display:flex;justify-content:center;align-items:center;overflow:visible;z-index:1}.echSingleMetricTarget--vertical{transform:rotate(90deg);position:absolute;left:100%;bottom:0}.echSingleMetricTarget--horizontal{position:absolute;bottom:100%}.echSingleMetricZeroBaseline{display:flex;justify-content:center;align-items:center;overflow:visible}.echSingleMetricZeroBaseline--vertical{position:absolute;left:0}.echSingleMetricZeroBaseline--vertical.echSingleMetricZeroBaseline--small{right:auto;height:2px;width:13px}.echSingleMetricZeroBaseline--horizontal{position:absolute;bottom:0}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--small{top:auto;width:2px;height:13px}.echSingleMetricSparkline{position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0}.echSingleMetricSparkline__svg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echSingleMetricSparkline__svg rect,.echSingleMetricSparkline__svg path{transition:fill ease-in-out .1s}.echSingleMetricChart--small{position:absolute;top:auto;left:auto;bottom:0;right:0;width:100px;height:30px}/*# sourceMappingURL=theme_only_light.css.map */
1
+ .echChartStatus{visibility:hidden;pointer-events:none;z-index:-100000;width:0;height:0;position:absolute}.echChartBackground{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.echChart{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column}.echChart__titles{margin-right:24px}.echChartContent{position:relative;display:flex;flex-direction:row;flex-grow:1;height:1px;width:100%}.echChartContent--column{flex-direction:column}.echChartTitle{font-style:normal;font-weight:bold;font-size:16px;line-height:19px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.echChartTitle+.echChartDescription{padding-top:0}.echChartDescription{padding:8px;font-style:normal;font-weight:normal;font-size:14px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.echContainer{flex:1;position:relative;overflow:hidden;width:100%;height:100%}.echChartPointerContainer{position:absolute;top:0;bottom:0;right:0;left:0;box-sizing:border-box;user-select:none}.echChartResizer{z-index:-10000000;position:absolute;bottom:0;top:0;left:0;right:0;box-sizing:border-box}.echBrushTool{position:absolute;top:0;left:0;margin:0;padding:0;box-sizing:border-box;overflow:hidden;pointer-events:none}.echTooltip{box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);border-radius:6px;background-color:#404040;color:#fff;z-index:9000;max-width:256px;overflow-wrap:break-word;padding:8px;font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;padding:0;max-width:100%;pointer-events:none;user-select:none;background-color:#fff;color:#343741;overflow:hidden;cursor:default;transition:box-shadow 400ms,opacity 250ms;border:1px solid #fff}.echTooltip .euiHorizontalRule{background-color:#595959}.echTooltip__outerWrapper{display:flex}.echTooltip--pinned{box-shadow:0 .7px 1.4px rgba(0,0,0,.07),0 1.9px 4px rgba(0,0,0,.05),0 4.5px 10px rgba(0,0,0,.05);pointer-events:auto;user-select:auto}.echTooltip--pinned .echTooltip__tableRow--selectable{cursor:pointer}.echTooltip--pinned .echTooltipActions{pointer-events:auto}.echTooltip--pinned .echTooltip__tableWrapper{pointer-events:auto}.echTooltip .echTooltip__tableCell--truncate{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.echTooltip__metricRow{padding:4px 8px;display:flex;justify-content:space-between}.echTooltip__tableWrapper{overflow:hidden;scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;background-color:#fff}.echTooltip__tableWrapper::-webkit-scrollbar{width:16px;height:16px}.echTooltip__tableWrapper::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echTooltip__tableWrapper::-webkit-scrollbar-corner,.echTooltip__tableWrapper::-webkit-scrollbar-track{background-color:transparent}.echTooltip__tableWrapper--pinned{overflow:auto}.echTooltip__table{display:grid;width:100%}.echTooltip__table--noGrid{display:table}.echTooltip__tableHeader .echTooltip__tableCell,.echTooltip__tableFooter .echTooltip__tableCell{cursor:default;font-weight:600;background-color:#fff;position:sticky;z-index:1}.echTooltip__tableHeader,.echTooltip__tableBody,.echTooltip__tableFooter,.echTooltip__tableRow{display:contents}.echTooltip__tableHeader{margin-bottom:0;top:0}.echTooltip__tableHeader .echTooltip__tableCell{border-bottom:solid 1px #d3dae6;top:0}.echTooltip__tableFooter{margin-top:0;bottom:0}.echTooltip__tableFooter .echTooltip__tableCell{border-top:solid 1px #d3dae6;bottom:0}.echTooltip__tableCell:not(.echTooltip__colorCell){padding:4px}.echTooltip__tableBody .echTooltip__tableCell:not(.echTooltip__colorCell){padding:2px 4px;transition:margin 200ms,padding 200ms}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.1)}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell+.echTooltip__tableCell{margin-left:10px;padding-left:10px}.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.1)}.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.05)}.echTooltip__tableRow{position:relative}.echTooltip__tableRow--highlighted .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableRow--highlighted .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(211,218,230,.5)}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip{width:21px}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--spacer{width:0;min-width:0}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--icon{opacity:1}.echTooltip__colorCell{padding:0;height:100%;position:relative;overflow:hidden;width:21px}.echTooltip__colorCell--static{width:5px}.echTooltip__colorStrip,.echTooltip__colorStrip--bg,.echTooltip__colorStrip--spacer{position:absolute;top:0;left:0;bottom:0;width:5px;transition:width 200ms}.echTooltip__colorStrip--icon{opacity:0;display:flex;justify-content:center;align-items:center;height:100%;transition:opacity 200ms;padding:0 4px}.echTooltip__colorStrip--spacer{left:auto;right:10px;width:6px;min-width:6px}.echTooltip__label{min-width:1px;flex:1 1 auto;text-align:left}.echTooltip__value{text-align:right;font-feature-settings:"tnum"}.echTooltip[dir=rtl] .echTooltip__colorStrip{left:auto;right:0}.echTooltipHeader{font-weight:600;margin-bottom:0;padding:4px 8px}.echTooltipFooter{font-weight:600;margin-top:0;padding:4px 8px}.echTooltipDivider{width:100%;border-bottom:solid 1px #d3dae6}@keyframes promptSlideDown{100%{opacity:1;top:0;height:26px}}.echTooltipPrompt{position:relative;width:100%;z-index:-1}.echTooltipPrompt__content{color:#69707d;font-style:normal;font-size:12px;line-height:26px;padding:0 8px}.echTooltipPrompt.slideDown{opacity:0;top:-26px;height:0;animation:promptSlideDown .25s forwards;animation-delay:1.5s}.echTooltipActions{position:relative;display:flex;align-items:flex-start;flex-direction:column;width:100%;font-style:normal;font-size:12px;line-height:21px}.echTooltipActions__prompt{position:relative;height:26px;padding:0 8px;line-height:26px;width:100%;color:#69707d;font-style:normal;font-size:12px}.echTooltipActions__action{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left;width:100%;padding:0 8px;line-height:21px;cursor:pointer;color:#343741}.echTooltipActions__action:nth-child(2){padding-top:4px}.echTooltipActions__action:last-child{padding-bottom:2px}.echTooltipActions__action:hover,.echTooltipActions__action:focus{text-decoration:underline}.echTooltipActions__action[disabled]{cursor:default;color:#abb4c4}.echTooltipActions__action[disabled]:hover,.echTooltipActions__action[disabled]:focus{text-decoration:none}.echLegendTable__container{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);transform:translateZ(0);width:100%;overflow-y:auto;overflow-x:hidden}.echLegendTable__container::-webkit-scrollbar{width:16px;height:16px}.echLegendTable__container::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegendTable__container::-webkit-scrollbar-corner,.echLegendTable__container::-webkit-scrollbar-track{background-color:transparent}.echLegendTable__container:focus{outline:none}.echLegendTable__container[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegendTable__container :focus{outline:2px solid currentColor;outline-offset:1px;background-color:rgba(0,119,204,.1);border-radius:3px}.echLegendTable__container :focus:focus-visible{outline-style:auto}.echLegendTable__container :focus:not(:focus-visible){outline:none}.echLegendTable{overflow:auto;display:grid;width:100%;position:relative}.echLegendTable__header,.echLegendTable__rowgroup,.echLegendTable__row{display:contents}.echLegendTable .echColorPickerPopover{display:flex;align-items:center}.echLegend--vertical .echLegendTable__container{padding:8px}.echLegend--horizontal .echLegendTable{padding:4px 8px 4px 16px}.echLegendTable__item{color:#343741}.echLegendTable__item .echLegendItem__action{padding-top:2px;max-width:16px;height:16px}.echLegendTable__item .echLegendItem__action:empty{width:0}.echLegendTable__item:last-child .echLegendTable__cell{border-bottom:solid 1px #d3dae6}.echLegendTable__item:not([dir=rtl]) .echLegendTable__cell:last-child{padding-right:2px}.echLegendTable__item[dir=rtl] .echLegendTable__cell:last-child{padding-left:2px}.echLegendTable__item[dir=rtl] .echLegendItem__label{text-align:right}.echLegendTable__item[dir=rtl] .echLegend__legendValue{text-align:left}.echLegendTable__item--highlightable .echLegendTable__cell:hover{background-color:#f5f7fa}.echLegendTable__item--highlightable .echLegendTable__cell:hover~.echLegendTable__cell{background-color:#f5f7fa}.echLegendTable__item--highlightable .echLegendTable__cell:has(~.echLegendTable__cell:hover){background-color:#f5f7fa}.echLegendTable__item:not(.echLegendTable__item--hidden) .echLegendSingleItem__color--changable{cursor:pointer}.echLegendTable__item--vertical{padding-top:2px;padding-bottom:2px}.echLegendTable__item--hidden{color:#69707d}.echLegendTable__item .echLegend__legendValue{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;text-align:right;font-feature-settings:"tnum";letter-spacing:unset;direction:ltr;white-space:nowrap}.echLegendTable__cell{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;align-content:baseline;border-bottom:solid 1px #f5f7fa;padding:4px 8px}.echLegendTable__cell--truncate{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.echLegendTable__colorCell{padding-right:0;padding-left:2px}.echLegendTable__colorCell.echLegend__colorWrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1}.echLegendTable__header{cursor:default;font-weight:600;background-color:#fff;font-size:12px}.echLegendTable__header .echLegendTable__cell{border-bottom:solid 1px #d3dae6}[id^=echTooltipPortal]{pointer-events:none}[id^=echAnchor]{position:absolute;pointer-events:none}.echTooltipPortal__invisible{position:fixed;visibility:hidden;width:0;height:0}.echIcon{flex-shrink:0;display:inline-block;vertical-align:middle;fill:currentColor}.echIcon svg{transform:translate(0, 0)}.echIcon:focus{opacity:1;background:rgba(0,119,204,.1)}.echLegend{z-index:1}.echLegend .echLegendList{display:grid;grid-template-columns:minmax(0, 1fr);padding-inline-start:0;padding-inline-end:0;margin-block-start:0;margin-block-end:0}.echLegend--horizontal .echLegendList{grid-column-gap:24px;grid-row-gap:8px;margin-top:8px;margin-bottom:8px}.echLegend--top,.echLegend--left{order:0}.echLegend--bottom,.echLegend--right{order:1}.echLegend--debug{background:rgba(238,130,238,.2);position:relative}.echLegend--inert{pointer-events:none}.echLegend .echLegendListContainer{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);transform:translateZ(0);width:100%;overflow-y:auto;overflow-x:hidden}.echLegend .echLegendListContainer::-webkit-scrollbar{width:16px;height:16px}.echLegend .echLegendListContainer::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegend .echLegendListContainer::-webkit-scrollbar-corner,.echLegend .echLegendListContainer::-webkit-scrollbar-track{background-color:transparent}.echLegend .echLegendListContainer:focus{outline:none}.echLegend .echLegendListContainer[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus{outline:2px solid currentColor;outline-offset:1px;background-color:rgba(0,119,204,.1);border-radius:3px}.echLegend .echLegendListContainer :focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus:not(:focus-visible){outline:none}.echLegendItem{color:#343741;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;position:relative}.echLegendItem .echLegend__colorWrapper>*:first-of-type{height:18px}.echLegendItem:not([dir=rtl])>*:not(.background){margin-left:4px}.echLegendItem:not([dir=rtl])>*:not(.background):last-child:not(.echLegendItem__legendValue){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background):last-child:not(.echLegendItem__legendValue){margin-left:4px}.echLegendItem:not(.echLegendItem--hidden) .echLegendItem__color--changable{cursor:pointer}.echLegendItem:hover .background{background-color:#f5f7fa}.echLegendItem .background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.echLegendItem__action{cursor:pointer;display:flex;justify-content:center;align-items:center;height:18px;max-width:calc(18px + 8px)}.echLegendItem__action .euiPopover,.echLegendItem__action .euiPopover__anchor,.echLegendItem__action .euiPopover__anchor>*:first-child{height:100%;width:100%;display:flex}.echLegendItem__color{display:flex;line-height:1.5;align-items:center}.echLegendItem__label{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;flex:1 1 auto;text-align:left;vertical-align:baseline;letter-spacing:unset;align-items:center;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;word-break:break-word;hyphens:auto;overflow:hidden;min-width:1px}.echLegendItem__label--singleline{max-width:100%;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.echLegendItem__label--multiline:is(div){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.echLegendItem__label--clickable:hover{cursor:pointer;text-decoration:underline}.echLegendItem__legendValue{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;text-align:right;flex:0 0 auto;margin-left:4px;font-feature-settings:"tnum";letter-spacing:unset;direction:ltr}.echLegendItem--vertical{padding-top:2px;padding-bottom:2px}.echLegendItem--vertical:first-of-type{margin-top:2px}.echLegendItem--vertical .background{margin-top:2px;margin-bottom:2px}.echLegendItem--hidden{color:#69707d}.echLegendItem[dir=rtl] .echLegendItem__label{text-align:right}.echReactiveChart_noResults{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;color:#69707d}.echGridContainer{display:grid;width:100%;height:100%;align-content:start;justify-content:stretch;align-items:stretch;user-select:text}.echGridCell{position:relative;width:100%;height:100%;overflow:hidden;transition:background-color ease-in-out .1s}.echGridCell--rightBorder{border-right:1px solid #343741}.echGridCell--bottomBorder{border-bottom:1px solid #343741}.echAlignedGrid{display:grid;align-content:stretch;width:100%;height:100%}.echAlignedGrid--header{width:100%;height:100%;margin:0;padding:0}.echAlignedGrid__borderRight{border-right:1px solid #edf0f5}.echAlignedGrid__borderBottom{border-bottom:1px solid #edf0f5}.echAlignedGrid--content{width:100%;min-height:0;margin:0;padding:0}.echHighlighter{position:absolute;pointer-events:none;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echHighlighterOverlay__fill{fill:rgba(255,255,255,.2)}.echHighlighterOverlay__stroke{stroke:rgba(255,255,255,.2)}.echHighlighter__mask{fill:rgba(255,255,255,.5)}.echCrosshair,.echCrosshair__cursor,.echCrosshair__crossLine{position:absolute;top:0;left:0;pointer-events:none}.echScreenReaderOnly{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.echScreenReaderOnlyDebug{left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;overflow:auto !important;background:rgba(255,255,255,.8)}.echScreenReaderOnlyDebug table,.echScreenReaderOnlyDebug td,.echScreenReaderOnlyDebug th{border:1px solid #000;font-size:12px}.echScreenReaderTable{overflow-x:auto;text-align:left}.echAnnotation{padding:0;transition:opacity 250ms;pointer-events:none;user-select:none;max-width:260px}.echAnnotation__marker{position:absolute;user-select:none;font-size:12px;font-weight:700;line-height:normal}.echAnnotation__details{padding:4px 8px}.echAnnotation__icon{position:relative}.echAnnotation__body{white-space:nowrap}.echCanvasRenderer{position:absolute;top:0;left:0;padding:0;margin:0;border:0;background:transparent}.echMetricText{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:min-content auto min-content min-content;height:100%;padding:8px;line-height:1.2}.echMetricText__gap{overflow:hidden}.echMetricText__titlesBlock{display:flex;flex-direction:column}.echMetricText__titlesBlock--left{align-items:start;text-align:left}.echMetricText__titlesBlock--center{align-items:center;text-align:center}.echMetricText__titlesBlock--center .echMetricText__title button{width:100%}.echMetricText__titlesBlock--right{align-items:end;text-align:right}.echMetricText .echMetricText__extraBlock{display:flex;align-items:center;overflow:hidden}.echMetricText .echMetricText__extraBlock--left{justify-content:flex-start}.echMetricText .echMetricText__extraBlock--center{justify-content:center}.echMetricText .echMetricText__extraBlock--right{justify-content:flex-end}.echMetricText__valueBlock{width:100%;display:flex;flex-direction:row}.echMetricText__valueBlock--left{justify-content:start}.echMetricText__valueBlock--center{justify-content:center}.echMetricText__valueBlock--right{justify-content:end}.echMetricText__title{word-wrap:break-word;width:100%}.echMetricText__title button{width:95%}.echMetricText__subtitle{padding-top:5px;font-weight:normal;width:95%}.echMetricText__extra{font-weight:normal}.echMetricText__value{position:relative;font-weight:bold;white-space:nowrap;overflow:hidden}.echMetricText__valueIcon{padding-left:8px}.echMetricText__part{font-weight:bold}.echMetricText__icon{display:flex}.echMetricText__icon--left{justify-content:left}.echMetricText__icon--right{justify-content:right}.echSingleMetricProgress{position:absolute;border-radius:8px}.echSingleMetricProgress--vertical{left:8px;right:0;top:8px;bottom:0;height:calc(100% - 16px);width:100%}.echSingleMetricProgress--vertical.echSingleMetricProgress--small{right:auto;width:4px}.echSingleMetricProgress--vertical.echSingleMetricProgress--medium{right:auto;width:8px}.echSingleMetricProgress--vertical.echSingleMetricProgress--large{right:auto;width:16px}.echSingleMetricProgress--horizontal{left:8px;right:0;width:calc(100% - 16px);top:0;bottom:8px;height:100%}.echSingleMetricProgress--horizontal.echSingleMetricProgress--small{top:auto;height:4px}.echSingleMetricProgress--horizontal.echSingleMetricProgress--medium{top:auto;height:8px}.echSingleMetricProgress--horizontal.echSingleMetricProgress--large{top:auto;height:16px}.echSingleMetricProgressBar{transition:background-color ease-in-out .1s;max-width:100%;max-height:100%}.echSingleMetricProgressBar--vertical{position:absolute;left:0;right:0;bottom:0;width:100%}.echSingleMetricProgressBar--horizontal{position:absolute;top:0;bottom:0;left:0;height:100%}.echSingleMetricTarget{display:flex;justify-content:center;align-items:center;overflow:visible;z-index:1}.echSingleMetricTarget--vertical{transform:rotate(90deg);position:absolute;left:100%;bottom:0}.echSingleMetricTarget--horizontal{position:absolute;bottom:100%}.echSingleMetricZeroBaseline{display:flex;justify-content:center;align-items:center;overflow:visible}.echSingleMetricZeroBaseline--vertical{position:absolute;left:0}.echSingleMetricZeroBaseline--vertical.echSingleMetricZeroBaseline--small{right:auto;height:2px;width:6.5px}.echSingleMetricZeroBaseline--vertical.echSingleMetricZeroBaseline--medium{right:auto;height:2px;width:13px}.echSingleMetricZeroBaseline--vertical.echSingleMetricZeroBaseline--large{right:auto;height:4px;width:26px}.echSingleMetricZeroBaseline--horizontal{position:absolute;bottom:0}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--small{top:auto;width:2px;height:6.5px}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--medium{top:auto;width:2px;height:13px}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--large{top:auto;width:4px;height:26px}.echSingleMetricSparkline{position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0}.echSingleMetricSparkline__svg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echSingleMetricSparkline__svg rect,.echSingleMetricSparkline__svg path{transition:fill ease-in-out .1s}.echSingleMetricChart--small{position:absolute;top:auto;left:auto;bottom:0;right:0;width:100px;height:30px}.echSecondaryMetric{display:flex;gap:4px;overflow:hidden;align-items:center;white-space:nowrap}.echSecondaryMetric__label{flex:1 1 auto}.echSecondaryMetric__value{display:inline-flex;flex:1 0 auto;max-width:calc(100% - 4px)}.echSecondaryMetric__value--full{flex:1 1 auto;max-width:100%}.echSecondaryMetric__truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.echBadge__content{display:inline-flex;align-items:center;vertical-align:middle;overflow:hidden;min-block-size:18px;flex-shrink:0;flex-grow:0;padding-block:0px;padding-inline:8px;border:1px solid transparent;border-radius:2px;font-size:inherit;line-height:inherit;text-align:start;text-decoration:none;background-color:#e3e8f2;color:#07101f;cursor:inherit}.echBadge__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}.echMetricContainer{display:grid;width:100%;height:100%;align-content:start;justify-content:stretch;align-items:stretch;user-select:text}.echMetric{position:relative;width:100%;height:100%;overflow:hidden;transition:background-color ease-in-out .1s}.echMetric .echMetric--outline{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.echMetric:focus-within .echMetric--outline{outline:auto;outline-offset:-1.5px}.echMetric--rightBorder{border-right:1px solid #343741}.echMetric--topBorder{border-top:1px solid #343741}.echMetric--bottomBorder{border-bottom:1px solid #343741}.echMetric--vertical.echMetric--withProgressBar--small{padding-left:12px}.echMetric--vertical.echMetric--withProgressBar--medium{padding-left:16px}.echMetric--vertical.echMetric--withProgressBar--large{padding-left:24px}.echMetric--vertical.echMetric--withTargetProgressBar--small{padding-left:20px}.echMetric--vertical.echMetric--withTargetProgressBar--medium{padding-left:24px}.echMetric--vertical.echMetric--withTargetProgressBar--large{padding-left:32px}.echMetric--horizontal.echMetric--withProgressBar--small{padding-bottom:12px}.echMetric--horizontal.echMetric--withProgressBar--medium{padding-bottom:16px}.echMetric--horizontal.echMetric--withProgressBar--large{padding-bottom:24px}.echMetric--horizontal.echMetric--withTargetProgressBar--small{padding-bottom:20px}.echMetric--horizontal.echMetric--withTargetProgressBar--medium{padding-bottom:24px}.echMetric--horizontal.echMetric--withTargetProgressBar--large{padding-bottom:32px}.echMetricEmpty{position:absolute;bottom:9px;right:11px;width:20px;border-bottom:1px solid}/*# sourceMappingURL=theme_only_light.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/_global.scss","../../src/components/_container.scss","../../src/components/brush/_brush.scss","../../src/components/tooltip/components/_tooltip.scss","../../../../node_modules/@elastic/eui/src/global_styling/mixins/_shadow.scss","../../../../node_modules/@elastic/eui/src/global_styling/mixins/_tool_tip.scss","../../../../node_modules/@elastic/eui/src/themes/amsterdam/_colors_light.scss","../../../../node_modules/@elastic/eui/src/global_styling/variables/_z_index.scss","../../../../node_modules/@elastic/eui/src/global_styling/variables/_size.scss","../../../../node_modules/@elastic/eui/src/themes/amsterdam/global_styling/mixins/_typography.scss","../../../../node_modules/@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography.scss","../../src/components/_mixins.scss","../../../../node_modules/@elastic/eui/src/global_styling/mixins/_helpers.scss","../../../../node_modules/@elastic/eui/src/global_styling/variables/_font_weight.scss","../../src/components/tooltip/components/_tooltip_header.scss","../../src/components/tooltip/components/_tooltip_footer.scss","../../src/components/tooltip/components/_tooltip_divider.scss","../../src/components/tooltip/components/_tooltip_prompt.scss","../../src/components/tooltip/components/_tooltip_actions.scss","../../src/components/legend/legend_table/_legend_table.scss","../../../../node_modules/@elastic/eui/src/themes/amsterdam/global_styling/mixins/_states.scss","../../../../node_modules/@elastic/eui/src/themes/amsterdam/global_styling/variables/_states.scss","../../src/components/legend/_variables.scss","../../src/components/legend/legend_table/_legend_single_item.scss","../../src/components/legend/legend_table/_legend_table_cell.scss","../../src/components/legend/legend_table/_legend_table_header.scss","../../src/components/portal/_portal.scss","../../src/components/icons/_icon.scss","../../src/components/legend/_legend.scss","../../src/components/legend/_legend_item.scss","../../../../node_modules/@elastic/eui/src/global_styling/mixins/_typography.scss","../../src/components/_unavailable_chart.scss","../../src/components/grid/_index.scss","../../src/components/grid/_aligned_grid.scss","../../src/chart_types/xy_chart/renderer/dom/_highlighter.scss","../../src/chart_types/xy_chart/renderer/dom/_crosshair.scss","../../src/chart_types/xy_chart/renderer/dom/_screen_reader.scss","../../src/chart_types/xy_chart/renderer/dom/annotations/_annotations.scss","../../src/chart_types/partition_chart/renderer/_index.scss","../../src/chart_types/metric/renderer/_index.scss","../../src/chart_types/metric/renderer/dom/_text.scss","../../src/chart_types/metric/renderer/dom/_progress.scss","../../src/chart_types/metric/renderer/dom/_sparkline.scss"],"names":[],"mappings":"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,SACA,OACA,WAGF,uBACE,eACA,aACA,uBACA,mBACA,OAzDe,KA0Df,2BAEA,uIAIE,YACA,WACA,aAIJ,sBACE,aACA,gBACA,mBAGF,sBpBxDE,UCdc,KDed,0BAOF,4BoBkDE,cACA,gBACA,wBACA,qBACA,mBlBpFF,yBACA,qBACA,qBACA,sBACA,aACA,gBACA,ckBiFE,kCCoDF,eACA,2BACA,kCACA,8BDlDE,yCACE,oBACA,4BACA,qBAGF,uCACE,eACA,0BAIJ,4BpBlFE,UCdc,KDed,0BAOF,4BoB4EE,iBACA,cACA,YrB3GU,IqB4GV,6BACA,qBACA,cAGF,yBACE,gBACA,mBAEA,uCACE,eAGF,qCACE,eACA,kBAIJ,uBACE,MvB3GgB,QuBgHd,8CACE,iBExIR,4BACE,aACA,mBACA,uBACA,WACA,YtBkBE,UCdc,KDed,0BAOF,4BsBxBA,MzBgBkB,Q0BvBpB,kBACE,aACA,WACA,YACA,oBACA,wBACA,oBACA,iBAGF,aACE,kBACA,WACA,YACA,gBACA,4CAEA,0BACE,+BAGF,2BACE,gCCtBJ,gBACE,aACA,sBACA,WACA,YAEF,wBACE,WACA,YACA,SACA,UAEF,6BACE,+BAEF,8BACE,gCAGF,yBACE,WACA,aACA,SACA,UCvBF,gBACE,kBACA,oBACA,MACA,SACA,OACA,QACA,WACA,YAGF,6BACE,0BAGF,+BACE,4BAGF,sBACE,0BCpBF,6DAGE,kBACA,MACA,OACA,oBCNF,qBACE,kBACA,cACA,SACA,UACA,WACA,gBAGF,0BACE,kBACA,iBACA,mBACA,oBACA,sBACA,uBACA,yBACA,gCACA,0FAGE,sBACA,eAIJ,sBACE,gBACA,gBC5BF,eACE,UACA,yBACA,oBACA,iBACA,gBAEA,uBACE,kBACA,iBACA,U3BDc,K2BEd,YxBJwB,IwBKxB,mBAGF,wBACE,gBAGF,qBACE,kBAGF,qBACE,mBCxBJ,mBACE,kBACA,MACA,OACA,UACA,SACA,SACA,uBCFF,oBACE,aACA,WACA,YACA,oBACA,wBACA,oBACA,iBAGF,WACE,kBACA,WACA,YACA,gBACA,4CAEA,+BACE,kBACA,MACA,OACA,QACA,SACA,oBAIA,4CACE,aACA,sBAIJ,wBACE,+BAGF,sBACE,6BAGF,yBACE,gCAME,uDACE,aAtDa,KA2Df,6DACE,kBAOF,yDACE,eAnEc,KAwEhB,+DACE,oBAMR,gBACE,kBACA,WACA,WACA,WACA,wBCnFF,eACE,kBACA,QAJQ,IAKR,YACA,UACA,aACA,2BACA,gDACA,gBAEA,wDAEE,aACA,sBAEA,oEACE,kBACA,gBAEA,0HACE,sBAIJ,wEACE,mBACA,kBAEA,8HACE,uBAIA,kIACE,WAKN,sEACE,gBACA,iBAEA,4HACE,oBAKN,2BACE,WACA,aACA,mBAGF,2BACE,aACA,mBAGF,sBACE,iBACA,qBACA,WAEA,6BACE,iBACA,UAIJ,qBACE,kBACA,IA3EM,IA6EN,2BACE,KA9EI,IAiFN,4BACE,MAlFI,IAsFR,yBACE,gBACA,mBACA,UAGF,sBACE,mBAGF,sBACE,kBACA,iBACA,mBACA,gBAGF,0BACE,aAxGM,IA2GR,qBACE,iBAGF,oBACE,kBAGF,qBACE,gBACA,kBACA,MACA,QACA,SACA,OCzHJ,yBACE,kBAEA,mCACE,OACA,QACA,MACA,SACA,YACA,WAEA,kEACE,WACA,WAIJ,qCACE,OACA,QACA,WACA,MACA,SACA,YAEA,oEACE,SACA,YAKN,4BACE,4CAEA,sCACE,kBACA,OACA,QACA,SACA,WAGF,wCACE,kBACA,MACA,SACA,OACA,YAIJ,uBACE,aACA,uBACA,mBACA,iBACA,UAEA,iCACE,wBACA,kBACA,UACA,SAGF,mCACE,kBACA,YAIJ,6BACE,aACA,uBACA,mBACA,iBAIA,uCACE,kBACA,OAEA,0EACE,WACA,OATS,IAUT,MATU,KAad,yCACE,kBACA,SAEA,4EACE,SACA,MApBS,IAqBT,OApBU,KC9EhB,0BACE,kBACA,gBACA,MACA,SACA,OACA,QAGF,+BACE,kBACA,MACA,SACA,OACA,QACA,WACA,YACA,wEAEE,gCAIJ,6BACE,kBACA,SACA,UACA,SACA,QACA,YACA","file":"theme_only_light.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/_global.scss","../../src/components/_container.scss","../../src/components/brush/_brush.scss","../../src/components/tooltip/components/_tooltip.scss","../../../../node_modules/@elastic/eui/src/global_styling/mixins/_shadow.scss","../../../../node_modules/@elastic/eui/src/global_styling/mixins/_tool_tip.scss","../../../../node_modules/@elastic/eui/src/themes/amsterdam/_colors_light.scss","../../../../node_modules/@elastic/eui/src/global_styling/variables/_z_index.scss","../../../../node_modules/@elastic/eui/src/global_styling/variables/_size.scss","../../../../node_modules/@elastic/eui/src/themes/amsterdam/global_styling/mixins/_typography.scss","../../../../node_modules/@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography.scss","../../src/components/_mixins.scss","../../../../node_modules/@elastic/eui/src/global_styling/mixins/_helpers.scss","../../../../node_modules/@elastic/eui/src/global_styling/variables/_font_weight.scss","../../src/components/tooltip/components/_tooltip_header.scss","../../src/components/tooltip/components/_tooltip_footer.scss","../../src/components/tooltip/components/_tooltip_divider.scss","../../src/components/tooltip/components/_tooltip_prompt.scss","../../src/components/tooltip/components/_tooltip_actions.scss","../../src/components/legend/legend_table/_legend_table.scss","../../../../node_modules/@elastic/eui/src/themes/amsterdam/global_styling/mixins/_states.scss","../../../../node_modules/@elastic/eui/src/themes/amsterdam/global_styling/variables/_states.scss","../../src/components/legend/_variables.scss","../../src/components/legend/legend_table/_legend_single_item.scss","../../src/components/legend/legend_table/_legend_table_cell.scss","../../src/components/legend/legend_table/_legend_table_header.scss","../../src/components/portal/_portal.scss","../../src/components/icons/_icon.scss","../../src/components/legend/_legend.scss","../../src/components/legend/_legend_item.scss","../../../../node_modules/@elastic/eui/src/global_styling/mixins/_typography.scss","../../src/components/_unavailable_chart.scss","../../src/components/grid/_index.scss","../../src/components/grid/_aligned_grid.scss","../../src/chart_types/xy_chart/renderer/dom/_highlighter.scss","../../src/chart_types/xy_chart/renderer/dom/_crosshair.scss","../../src/chart_types/xy_chart/renderer/dom/_screen_reader.scss","../../src/chart_types/xy_chart/renderer/dom/annotations/_annotations.scss","../../src/chart_types/partition_chart/renderer/_index.scss","../../src/chart_types/metric/renderer/dom/_text.scss","../../src/chart_types/metric/renderer/_variables.scss","../../src/chart_types/metric/renderer/dom/_progress.scss","../../src/chart_types/metric/renderer/dom/_sparkline.scss","../../src/chart_types/metric/renderer/dom/_secondary_metric.scss","../../src/chart_types/metric/renderer/dom/_badge.scss","../../src/chart_types/metric/renderer/_index.scss"],"names":[],"mappings":"AAAA,gBACE,kBACA,oBACA,gBACA,QACA,SACA,kBAGF,oBACE,kBACA,MACA,SACA,OACA,QACA,UCfF,UACE,YACA,WACA,gBACA,aACA,sBAEA,kBACE,kBAIJ,iBACE,kBACA,aACA,mBACA,YACA,WACA,WAEA,yBACE,sBAIJ,eACE,kBACA,iBACA,eACA,iBACA,YACA,mBACA,gBACA,uBACA,cAEA,oCACE,cAIJ,qBACE,YACA,kBACA,mBACA,eACA,iBACA,mBACA,gBACA,uBACA,cAGF,cACE,OACA,kBACA,gBACA,WACA,YAGF,0BACE,kBACA,MACA,SACA,QACA,OACA,sBACA,iBAGF,iBACE,kBACA,kBACA,SACA,MACA,OACA,QACA,sBC9EF,cACE,kBACA,MACA,OACA,SACA,UACA,sBACA,gBACA,oBCYF,YCoBE,WACE,+GCnCF,kBACA,iBAJ4B,QAK5B,MCFc,KDGd,QEcW,KFbX,gBACA,yBACA,QGTY,ICoBV,UCdc,KDed,0BAOF,4BNRA,UACA,eACA,oBACA,iBACA,iBGRmB,KHSnB,MGJqB,QHKrB,gBACA,eACA,WACE,+BAEF,sBEpBA,+BACE,iBAXsB,QFgCxB,0BACE,aAGF,oBCzBA,WACE,sFD0BA,oBACA,iBAEA,sDACE,eAGF,uCACE,oBAEF,8CACE,oBAIJ,6CQ9CA,uBACA,oBACA,mBR6CqB,EQ5CrB,WR4CqB,EQ3CrB,4BACA,gBR6CA,uBACE,gBACA,aACA,8BAGF,0BACE,gBS9DF,iDAGE,qBT6DA,iBGnDiB,KMNnB,6CACE,MJdU,KIeV,OJfU,KIkBZ,mDACE,sCACA,4BACA,cJrBU,KIwBR,6BAMJ,uGAEE,iBA7BwE,YToExE,kCACE,cAIJ,mBACE,aACA,WAEA,2BACE,cAMF,gGACE,eACA,YUnFsB,IVoFtB,iBGvEe,KHwEf,gBACA,UAIJ,+FAME,iBAGF,yBACE,gBACA,MAEA,gDACE,cAlGQ,kBAmGR,MAIJ,yBACE,aACA,SAEA,gDACE,WA5GQ,kBA6GR,SAIJ,mDACE,YAIA,0EACE,gBACA,WACE,2BAKF,wNAEE,iBA7HgB,mBAgIlB,qGACE,iBACA,kBAKF,oOAEE,iBAxIqB,mBA4IvB,wOAEE,iBAhJa,oBAqJnB,sBACE,kBAGE,gLAEE,sCAKF,6FACE,MArKgB,KAuKhB,qGACE,QACA,YAGF,mGACE,UAMR,uBACE,UACA,YACA,kBACA,gBACA,MAxLoB,KA0LpB,+BACE,MAjMe,IAqMnB,oFAGE,kBACA,MACA,OACA,SACA,MA5MiB,IA6MjB,uBAIA,8BACE,UACA,aACA,uBACA,mBACA,YACA,yBACA,cAGF,gCACE,UACA,WACA,UACA,cAIJ,mBACE,cACA,cACA,gBAGF,mBACE,iBACA,6BAKE,6CACE,UACA,QWtPR,kBACE,YDK0B,ICJ1B,gBACA,gBCHF,kBACE,YFK0B,IEJ1B,aACA,gBCHF,mBACE,WACA,cbUY,kBcTd,2BACE,KACE,UACA,MACA,aAIJ,kBACE,kBACA,WACA,WAEA,2BACE,MXMgB,QWLhB,kBACA,eACA,iBACA,cAEF,4BACE,UACA,UACA,SACA,wCACA,gBA5BqB,wBCCvB,kBACA,aACA,uBACA,sBACA,WACA,kBACA,eACA,iBAEA,2BACE,kBACA,YACA,cACA,iBACA,WACA,MZOgB,QYNhB,kBACA,eAGF,2BAOE,gBACA,uBACA,mBACA,cACA,gBACA,WACA,cACA,iBACA,eACA,MZbmB,QYFnB,wCACE,gBAEF,sCACE,mBAYF,kEAEE,0BAGF,qCACE,eACA,MZFiB,QYGjB,sFAEE,qBC7CR,2BPGE,iDAGE,qBAqCF,YACA,gBACA,kBRwCE,6HAUF,wBe7FA,WACA,gBACA,kBPMA,8CACE,MJdU,KIeV,OJfU,KIkBZ,oDACE,sCACA,4BACA,cJrBU,KIwBR,6BAMJ,yGAEE,iBA7BwE,YA+C1E,iCACE,aAGF,6DACE,mBO9CF,kCCDA,+BAkBI,mBDfF,iBEDsB,mBFEtB,kECCE,mBAGF,sDACE,aDDN,gBACE,cACA,aACA,WACA,kBAEA,uEAKE,iBAGF,uCACE,aACA,mBAMA,gDACE,QG7BkB,IHkCpB,uCACE,QGlC4B,iBCRlC,sBACE,MjBoBqB,QiBlBrB,6CACE,gBACA,eACA,ODRiB,KCSjB,mDACE,QAIJ,uDACE,cDFiB,kBCKnB,sEACE,kBAIA,gEACE,iBAIA,qDACE,iBAGJ,uDACE,gBAKF,iEACE,iBjBpBkB,QiBuBpB,uFACE,iBjBxBkB,QiB2BpB,6FACE,iBjB5BkB,QiBiCpB,gGACE,eAIJ,gCACE,gBACA,mBAGF,8BACE,MjBzCgB,QiB4ClB,8Cd5CE,UCdc,KDed,0BAOF,4BcsCE,iBACA,6BACA,qBACA,cACA,mBCtEJ,sBfoBI,UCdc,KDed,0BAOF,4Be1BA,uBACA,cFOY,kBENZ,gBAEA,gCbEA,uBACA,oBACA,mBaHqB,EbIrB,WaJqB,EbKrB,4BACA,gBaFF,2BACE,gBACA,iBAEA,mDACE,kBACA,aACA,sBACA,mBACA,2BACA,UCtBJ,wBACE,eACA,YZE0B,IYD1B,iBnBcmB,KmBbnB,UfGgB,KeDhB,8CACE,cHKiB,kBIdrB,uBACE,oBAGF,gBACE,kBACA,oBAGF,6BACE,eACA,kBACA,QACA,SCbF,SACE,cACA,qBACA,sBACA,kBAEA,aACE,0BAGF,eACE,UACA,WNFsB,mBOV1B,WACE,UAEA,0BACE,aACA,qCACA,uBACA,qBACA,qBACA,mBAGA,sCACE,gBNbe,KMcf,aNRY,IMSZ,WNTY,IMUZ,cNVY,IMchB,iCAEE,QAGF,qCAEE,QAGF,kBACE,gCACA,kBAGF,kBACE,oBAGF,mChBjCA,iDAGE,qBAqCF,YACA,gBACA,kBRwCE,6HAUF,wBwBzDE,WACA,gBACA,kBhB9BF,sDACE,MJdU,KIeV,OJfU,KIkBZ,4DACE,sCACA,4BACA,cJrBU,KIwBR,6BAMJ,yHAEE,iBA7BwE,YA+C1E,yCACE,aAGF,qEACE,mBgBVA,0CRrCF,+BAkBI,mBQqBA,iBPrCoB,mBOsCpB,kBRpCF,wDACE,mBAGF,8DACE,aSZN,eACE,MvBkBqB,QuBjBrB,aACA,iBACA,8BACA,uBACA,kBAGA,wDAGE,OAde,KAiBjB,iDACE,YrBnBU,IqBqBV,6FACE,arBtBQ,IqB0BZ,2CACE,arB3BU,IqB6BV,uFACE,YrB9BQ,IqBmCV,4EACE,eAIJ,iCACE,iBvBvBoB,QuB0BtB,2BACE,kBACA,MACA,QACA,SACA,OACA,WAGF,uBACE,eACA,aACA,uBACA,mBACA,OAzDe,KA0Df,2BAEA,uIAIE,YACA,WACA,aAIJ,sBACE,aACA,gBACA,mBAGF,sBpBxDE,UCdc,KDed,0BAOF,4BoBkDE,cACA,gBACA,wBACA,qBACA,mBlBpFF,yBACA,qBACA,qBACA,sBACA,aACA,gBACA,ckBiFE,kCCoDF,eACA,2BACA,kCACA,8BDlDE,yCACE,oBACA,4BACA,qBAGF,uCACE,eACA,0BAIJ,4BpBlFE,UCdc,KDed,0BAOF,4BoB4EE,iBACA,cACA,YrB3GU,IqB4GV,6BACA,qBACA,cAGF,yBACE,gBACA,mBAEA,uCACE,eAGF,qCACE,eACA,kBAIJ,uBACE,MvB3GgB,QuBgHd,8CACE,iBExIR,4BACE,aACA,mBACA,uBACA,WACA,YtBkBE,UCdc,KDed,0BAOF,4BsBxBA,MzBgBkB,Q0BvBpB,kBACE,aACA,WACA,YACA,oBACA,wBACA,oBACA,iBAGF,aACE,kBACA,WACA,YACA,gBACA,4CAEA,0BACE,+BAGF,2BACE,gCCtBJ,gBACE,aACA,sBACA,WACA,YAEF,wBACE,WACA,YACA,SACA,UAEF,6BACE,+BAEF,8BACE,gCAGF,yBACE,WACA,aACA,SACA,UCvBF,gBACE,kBACA,oBACA,MACA,SACA,OACA,QACA,WACA,YAGF,6BACE,0BAGF,+BACE,4BAGF,sBACE,0BCpBF,6DAGE,kBACA,MACA,OACA,oBCNF,qBACE,kBACA,cACA,SACA,UACA,WACA,gBAGF,0BACE,kBACA,iBACA,mBACA,oBACA,sBACA,uBACA,yBACA,gCACA,0FAGE,sBACA,eAIJ,sBACE,gBACA,gBC5BF,eACE,UACA,yBACA,oBACA,iBACA,gBAEA,uBACE,kBACA,iBACA,U3BDc,K2BEd,YxBJwB,IwBKxB,mBAGF,wBACE,gBAGF,qBACE,kBAGF,qBACE,mBCxBJ,mBACE,kBACA,MACA,OACA,UACA,SACA,SACA,uBCPF,eACE,kBACA,UACA,aACA,qCACA,4DACA,YACA,QCMQ,IDLR,gBAEA,oBACE,gBAGF,4BACE,aACA,sBAIA,kCACE,kBACA,gBAGF,oCACE,mBACA,kBAGE,iEACE,WAKN,mCACE,gBACA,iBAIJ,0CACE,aACA,mBACA,gBAEA,gDACE,2BAEF,kDACE,uBAEF,iDACE,yBAIJ,2BACE,WACA,aACA,mBAEA,iCACE,sBAGF,mCACE,uBAGF,kCACE,oBAIJ,sBACE,qBACA,WAEA,6BACE,UAIJ,yBACE,gBACA,mBACA,UAGF,sBACE,mBAGF,sBACE,kBACA,iBACA,mBACA,gBAGF,0BACE,aC1FM,ID6FR,qBACE,iBAGF,qBACE,aAEA,2BACE,qBAGF,4BACE,sBEpHN,yBACE,kBACA,cAJ2B,IAM3B,mCACE,KDMM,ICLN,QACA,IDIM,ICHN,SACA,yBACA,WAEA,kEACE,WACA,MDfyB,ICkB3B,mEACE,WACA,MDnB0B,ICsB5B,kEACE,WACA,MDvByB,KC2B7B,qCACE,KDlBM,ICmBN,QACA,wBACA,MACA,ODtBM,ICuBN,YAEA,oEACE,SACA,ODvCyB,IC0C3B,qEACE,SACA,OD3C0B,IC8C5B,oEACE,SACA,OD/CyB,KCoD/B,4BACE,4CACA,eACA,gBAEA,sCACE,kBACA,OACA,QACA,SACA,WAGF,wCACE,kBACA,MACA,SACA,OACA,YAIJ,uBACE,aACA,uBACA,mBACA,iBACA,UAEA,iCACE,wBACA,kBACA,UACA,SAGF,mCACE,kBACA,YAIJ,6BACE,aACA,uBACA,mBACA,iBAcA,uCACE,kBACA,OAEA,0EACE,WACA,OAlBS,IAmBT,MAfgB,MAkBlB,2EACE,WACA,OAxBS,IAyBT,MAxBU,KA2BZ,0EACE,WACA,OArBe,IAsBf,MArBgB,KAyBpB,yCACE,kBACA,SAEA,4EACE,SACA,MAzCS,IA0CT,OAtCgB,MAyClB,6EACE,SACA,MA/CS,IAgDT,OA/CU,KAkDZ,4EACE,SACA,MA5Ce,IA6Cf,OA5CgB,KCjHtB,0BACE,kBACA,gBACA,MACA,SACA,OACA,QAGF,+BACE,kBACA,MACA,SACA,OACA,QACA,WACA,YACA,wEAEE,gCAIJ,6BACE,kBACA,SACA,UACA,SACA,QACA,YACA,YC9BF,oBAGE,aACA,IAHkB,IAIlB,gBACA,mBACA,mBAEA,2BACE,cAGF,2BACE,oBACA,cACA,2BAEA,iCACE,cACA,eAIJ,8BACE,YACA,gBACA,uBACA,mBCzBJ,mBACE,oBACA,mBACA,sBACA,gBAEA,oBACA,cACA,YAEA,kBACA,mBAEA,6BACA,kBAEA,kBACA,oBACA,iBACA,qBAEA,iBAxBwB,QAyBxB,MAxBkB,QA0BlB,eAGF,gBACE,gBACA,uBACA,mBACA,WACA,YC5BF,oBACE,aACA,WACA,YACA,oBACA,wBACA,oBACA,iBAGF,WACE,kBACA,WACA,YACA,gBACA,4CAEA,+BACE,kBACA,MACA,OACA,QACA,SACA,oBAIA,4CACE,aACA,sBAIJ,wBACE,+BAGF,sBACE,6BAGF,yBACE,gCAME,uDACE,kBAEF,wDACE,kBAEF,uDACE,kBAKF,6DACE,kBAEF,8DACE,kBAEF,6DACE,kBAOF,yDACE,oBAEF,0DACE,oBAEF,yDACE,oBAKF,+DACE,oBAEF,gEACE,oBAEF,+DACE,oBAMR,gBACE,kBACA,WACA,WACA,WACA","file":"theme_only_light.css"}
package/dist/theme.scss CHANGED
@@ -1170,40 +1170,54 @@ $legendItemHeight: #{$euiFontSizeXS * $euiLineHeight};
1170
1170
  background: transparent;
1171
1171
  }
1172
1172
 
1173
+ // Progress bar thickness by size
1174
+ $progress-bar-thickness-small: 4px;
1175
+ $progress-bar-thickness-medium: 8px;
1176
+ $progress-bar-thickness-large: 16px;
1177
+
1178
+ $progress-bar-width-small: $progress-bar-thickness-small;
1179
+ $progress-bar-width-medium: $progress-bar-thickness-medium;
1180
+ $progress-bar-width-large: $progress-bar-thickness-large;
1181
+
1182
+ $progress-bar-height-small: $progress-bar-thickness-small;
1183
+ $progress-bar-height-medium: $progress-bar-thickness-medium;
1184
+ $progress-bar-height-large: $progress-bar-thickness-large;
1185
+
1173
1186
  $padding: 8px;
1174
1187
 
1188
+ $progress-bar-target-size: 8px;
1189
+ $progress-bar-target-width: $progress-bar-target-size;
1190
+ $progress-bar-target-height: $progress-bar-target-size;
1191
+
1175
1192
  .echMetricText {
1176
1193
  position: relative;
1177
- padding: $padding;
1178
- height: 100%;
1179
1194
  z-index: 1;
1180
1195
  display: grid;
1181
- grid-template-columns: 100%;
1182
- grid-template-rows: min-content auto min-content;
1196
+ grid-template-columns: minmax(0, 1fr);
1197
+ grid-template-rows: min-content auto min-content min-content;
1198
+ height: 100%;
1199
+ padding: $padding;
1183
1200
  line-height: 1.2;
1184
1201
 
1185
- &__valuesBlock,
1202
+ &__gap {
1203
+ overflow: hidden;
1204
+ }
1205
+
1186
1206
  &__titlesBlock {
1187
1207
  display: flex;
1188
1208
  flex-direction: column;
1209
+ }
1189
1210
 
1211
+ &__titlesBlock {
1190
1212
  &--left {
1191
1213
  align-items: start;
1192
1214
  text-align: left;
1193
-
1194
- .echMetricText__valueGroup {
1195
- justify-content: start;
1196
- }
1197
1215
  }
1198
1216
 
1199
1217
  &--center {
1200
1218
  align-items: center;
1201
1219
  text-align: center;
1202
1220
 
1203
- .echMetricText__valueGroup {
1204
- justify-content: center;
1205
- }
1206
-
1207
1221
  .echMetricText__title {
1208
1222
  button {
1209
1223
  width: 100%;
@@ -1214,48 +1228,52 @@ $padding: 8px;
1214
1228
  &--right {
1215
1229
  align-items: end;
1216
1230
  text-align: right;
1217
-
1218
- .echMetricText__valueGroup {
1219
- justify-content: end;
1220
- }
1221
1231
  }
1222
1232
  }
1223
1233
 
1224
- &__valueGroup {
1225
- width: 100%;
1234
+ .echMetricText__extraBlock {
1226
1235
  display: flex;
1227
- flex-direction: row;
1236
+ align-items: center;
1237
+ overflow: hidden;
1238
+
1239
+ &--left {
1240
+ justify-content: flex-start;
1241
+ }
1242
+ &--center {
1243
+ justify-content: center;
1244
+ }
1245
+ &--right {
1246
+ justify-content: flex-end;
1247
+ }
1228
1248
  }
1229
1249
 
1230
- &__titleGroup {
1250
+ &__valueBlock {
1251
+ width: 100%;
1231
1252
  display: flex;
1232
1253
  flex-direction: row;
1254
+
1255
+ &--left {
1256
+ justify-content: start;
1257
+ }
1258
+
1259
+ &--center {
1260
+ justify-content: center;
1261
+ }
1262
+
1263
+ &--right {
1264
+ justify-content: end;
1265
+ }
1233
1266
  }
1234
1267
 
1235
1268
  &__title {
1236
- font-weight: bold;
1237
1269
  word-wrap: break-word;
1238
1270
  width: 100%;
1239
1271
 
1240
1272
  button {
1241
- font-weight: bold;
1242
1273
  width: 95%;
1243
1274
  }
1244
1275
  }
1245
1276
 
1246
- &__icon {
1247
- position: absolute;
1248
- top: $padding;
1249
-
1250
- &--left {
1251
- left: $padding;
1252
- }
1253
-
1254
- &--right {
1255
- right: $padding;
1256
- }
1257
- }
1258
-
1259
1277
  &__subtitle {
1260
1278
  padding-top: 5px;
1261
1279
  font-weight: normal;
@@ -1281,54 +1299,78 @@ $padding: 8px;
1281
1299
  font-weight: bold;
1282
1300
  }
1283
1301
 
1284
- &__gap {
1285
- position: relative;
1286
- }
1302
+ &__icon {
1303
+ display: flex;
1287
1304
 
1288
- &__body {
1289
- overflow: hidden;
1290
- position: absolute;
1291
- top: 0;
1292
- right: 0;
1293
- bottom: 0;
1294
- left: 0;
1305
+ &--left {
1306
+ justify-content: left;
1307
+ }
1308
+
1309
+ &--right {
1310
+ justify-content: right;
1311
+ }
1295
1312
  }
1296
1313
  }
1297
1314
 
1315
+ $progress-bar-border-radius: 8px;
1316
+
1298
1317
  .echSingleMetricProgress {
1299
1318
  position: absolute;
1319
+ border-radius: $progress-bar-border-radius;
1300
1320
 
1301
1321
  &--vertical {
1302
- left: 0;
1322
+ left: $padding;
1303
1323
  right: 0;
1304
- top: 0;
1324
+ top: $padding;
1305
1325
  bottom: 0;
1306
- height: 100%;
1326
+ height: calc(100% - #{$padding * 2});
1307
1327
  width: 100%;
1308
1328
 
1309
1329
  &.echSingleMetricProgress--small {
1310
1330
  right: auto;
1311
- width: 10px;
1331
+ width: $progress-bar-width-small;
1332
+ }
1333
+
1334
+ &.echSingleMetricProgress--medium {
1335
+ right: auto;
1336
+ width: $progress-bar-width-medium;
1337
+ }
1338
+
1339
+ &.echSingleMetricProgress--large {
1340
+ right: auto;
1341
+ width: $progress-bar-width-large;
1312
1342
  }
1313
1343
  }
1314
1344
 
1315
1345
  &--horizontal {
1316
- left: 0;
1346
+ left: $padding;
1317
1347
  right: 0;
1318
- width: 100%;
1348
+ width: calc(100% - #{$padding * 2});
1319
1349
  top: 0;
1320
- bottom: 0;
1350
+ bottom: $padding;
1321
1351
  height: 100%;
1322
1352
 
1323
1353
  &.echSingleMetricProgress--small {
1324
1354
  top: auto;
1325
- height: 10px;
1355
+ height: $progress-bar-height-small;
1356
+ }
1357
+
1358
+ &.echSingleMetricProgress--medium {
1359
+ top: auto;
1360
+ height: $progress-bar-height-medium;
1361
+ }
1362
+
1363
+ &.echSingleMetricProgress--large {
1364
+ top: auto;
1365
+ height: $progress-bar-height-large;
1326
1366
  }
1327
1367
  }
1328
1368
  }
1329
1369
 
1330
1370
  .echSingleMetricProgressBar {
1331
1371
  transition: background-color ease-in-out 0.1s;
1372
+ max-width: 100%;
1373
+ max-height: 100%;
1332
1374
 
1333
1375
  &--vertical {
1334
1376
  position: absolute;
@@ -1372,17 +1414,39 @@ $padding: 8px;
1372
1414
  justify-content: center;
1373
1415
  align-items: center;
1374
1416
  overflow: visible;
1417
+
1375
1418
  $line-width: 2px;
1376
1419
  $line-length: 13px;
1377
1420
 
1421
+ $line-width-small: $line-width;
1422
+ $line-length-small: $line-length / 2;
1423
+
1424
+ $line-width-medium: $line-width;
1425
+ $line-length-medium: $line-length;
1426
+
1427
+ $line-width-large: $line-width * 2;
1428
+ $line-length-large: $line-length * 2;
1429
+
1378
1430
  &--vertical {
1379
1431
  position: absolute;
1380
1432
  left: 0;
1381
1433
 
1382
1434
  &.echSingleMetricZeroBaseline--small {
1383
1435
  right: auto;
1384
- height: $line-width;
1385
- width: $line-length;
1436
+ height: $line-width-small;
1437
+ width: $line-length-small;
1438
+ }
1439
+
1440
+ &.echSingleMetricZeroBaseline--medium {
1441
+ right: auto;
1442
+ height: $line-width-medium;
1443
+ width: $line-length-medium;
1444
+ }
1445
+
1446
+ &.echSingleMetricZeroBaseline--large {
1447
+ right: auto;
1448
+ height: $line-width-large;
1449
+ width: $line-length-large;
1386
1450
  }
1387
1451
  }
1388
1452
 
@@ -1392,8 +1456,20 @@ $padding: 8px;
1392
1456
 
1393
1457
  &.echSingleMetricZeroBaseline--small {
1394
1458
  top: auto;
1395
- width: $line-width;
1396
- height: $line-length;
1459
+ width: $line-width-small;
1460
+ height: $line-length-small;
1461
+ }
1462
+
1463
+ &.echSingleMetricZeroBaseline--medium {
1464
+ top: auto;
1465
+ width: $line-width-medium;
1466
+ height: $line-length-medium;
1467
+ }
1468
+
1469
+ &.echSingleMetricZeroBaseline--large {
1470
+ top: auto;
1471
+ width: $line-width-large;
1472
+ height: $line-length-large;
1397
1473
  }
1398
1474
  }
1399
1475
  }
@@ -1431,10 +1507,76 @@ $padding: 8px;
1431
1507
  height: 30px;
1432
1508
  }
1433
1509
 
1434
- $progress-bar-width: 10px;
1435
- $progress-bar-height: 10px;
1436
- $progress-bar-target-width: 4px;
1437
- $progress-bar-target-height: 2px;
1510
+ .echSecondaryMetric {
1511
+ $element-spacing: 4px;
1512
+
1513
+ display: flex;
1514
+ gap: $element-spacing;
1515
+ overflow: hidden;
1516
+ align-items: center;
1517
+ white-space: nowrap;
1518
+
1519
+ &__label {
1520
+ flex: 1 1 auto;
1521
+ }
1522
+
1523
+ &__value {
1524
+ display: inline-flex;
1525
+ flex: 1 0 auto;
1526
+ max-width: calc(100% - $element-spacing);
1527
+
1528
+ &--full {
1529
+ flex: 1 1 auto;
1530
+ max-width: 100%; // override max-width when there is no label
1531
+ }
1532
+ }
1533
+
1534
+ &__truncate {
1535
+ min-width: 0;
1536
+ overflow: hidden;
1537
+ text-overflow: ellipsis;
1538
+ white-space: nowrap;
1539
+ }
1540
+ }
1541
+
1542
+ $echBadgeBackgroundColor: #e3e8f2;
1543
+ $echBadgeTextColor: #07101f;
1544
+
1545
+ .echBadge__content {
1546
+ display: inline-flex;
1547
+ align-items: center;
1548
+ vertical-align: middle;
1549
+ overflow: hidden;
1550
+
1551
+ min-block-size: 18px;
1552
+ flex-shrink: 0;
1553
+ flex-grow: 0;
1554
+
1555
+ padding-block: 0px;
1556
+ padding-inline: 8px;
1557
+
1558
+ border: 1px solid transparent;
1559
+ border-radius: 2px;
1560
+
1561
+ font-size: inherit;
1562
+ line-height: inherit;
1563
+ text-align: start;
1564
+ text-decoration: none;
1565
+
1566
+ background-color: $echBadgeBackgroundColor;
1567
+ color: $echBadgeTextColor;
1568
+
1569
+ cursor: inherit;
1570
+ }
1571
+
1572
+ .echBadge__text {
1573
+ overflow: hidden;
1574
+ text-overflow: ellipsis;
1575
+ white-space: nowrap;
1576
+ width: 100%;
1577
+ min-width: 0;
1578
+ }
1579
+
1438
1580
 
1439
1581
  .echMetricContainer {
1440
1582
  display: grid;
@@ -1482,16 +1624,28 @@ $progress-bar-target-height: 2px;
1482
1624
  }
1483
1625
 
1484
1626
  &--vertical {
1485
- // TODO: find a better way to style based on sizes (i.e. sass functions)
1627
+ // TODO: Find a better way to style based on sizes (i.e. sass functions)
1486
1628
  &.echMetric--withProgressBar {
1487
1629
  &--small {
1488
- padding-left: $progress-bar-width;
1630
+ padding-left: $progress-bar-width-small + $padding;
1631
+ }
1632
+ &--medium {
1633
+ padding-left: $progress-bar-width-medium + $padding;
1634
+ }
1635
+ &--large {
1636
+ padding-left: $progress-bar-width-large + $padding;
1489
1637
  }
1490
1638
  }
1491
1639
 
1492
1640
  &.echMetric--withTargetProgressBar {
1493
1641
  &--small {
1494
- padding-left: $progress-bar-width + $progress-bar-target-width;
1642
+ padding-left: $progress-bar-width-small + $padding + $progress-bar-target-width;
1643
+ }
1644
+ &--medium {
1645
+ padding-left: $progress-bar-width-medium + $padding + $progress-bar-target-width;
1646
+ }
1647
+ &--large {
1648
+ padding-left: $progress-bar-width-large + $padding + $progress-bar-target-width;
1495
1649
  }
1496
1650
  }
1497
1651
  }
@@ -1499,13 +1653,25 @@ $progress-bar-target-height: 2px;
1499
1653
  &--horizontal {
1500
1654
  &.echMetric--withProgressBar {
1501
1655
  &--small {
1502
- padding-bottom: $progress-bar-height;
1656
+ padding-bottom: $progress-bar-height-small + $padding;
1657
+ }
1658
+ &--medium {
1659
+ padding-bottom: $progress-bar-height-medium + $padding;
1660
+ }
1661
+ &--large {
1662
+ padding-bottom: $progress-bar-height-large + $padding;
1503
1663
  }
1504
1664
  }
1505
1665
 
1506
1666
  &.echMetric--withTargetProgressBar {
1507
1667
  &--small {
1508
- padding-bottom: $progress-bar-height + $progress-bar-target-height;
1668
+ padding-bottom: $progress-bar-height-small + $padding + $progress-bar-target-height;
1669
+ }
1670
+ &--medium {
1671
+ padding-bottom: $progress-bar-height-medium + $padding + $progress-bar-target-height;
1672
+ }
1673
+ &--large {
1674
+ padding-bottom: $progress-bar-height-large + $padding + $progress-bar-target-height;
1509
1675
  }
1510
1676
  }
1511
1677
  }
@@ -1520,4 +1686,3 @@ $progress-bar-target-height: 2px;
1520
1686
  }
1521
1687
 
1522
1688
 
1523
-