@kong-ui-public/analytics-chart 10.27.1-pr.3811.f7652e782.0 → 10.28.0

package/dist/style.css

@@ -1 +1 @@
-.zoom-timerange-container[data-v-4fa681cf]{line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-timerange-container .zoom-timerange-details[data-v-4fa681cf]{display:grid;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:2px;gap:var(--kui-space-10, 2px);grid-template-columns:35px 1fr;margin:6px 2px;margin:var(--kui-space-30, 6px) var(--kui-space-10, 2px)}.zoom-timerange-container .zoom-timerange-details .label[data-v-4fa681cf]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.zoom-actions-container[data-v-79ba72f8]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column;line-height:16px;line-height:var(--kui-line-height-20, 16px)}.zoom-actions-container .zoom-actions-heading[data-v-79ba72f8]{align-items:top;display:flex}.zoom-actions-container .zoom-actions-heading .zoom-actions-close-icon[data-v-79ba72f8]{cursor:pointer;margin-right:6px;margin-right:var(--kui-space-30, 6px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.zoom-actions-container .zoom-actions-heading-divider[data-v-79ba72f8]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-select .zoom-action-item[data-v-79ba72f8]:first-child{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);cursor:pointer;font-size:12px;font-size:var(--kui-font-size-20, 12px);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);transition:background-color .2s}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]:last-of-type{border-bottom-left-radius:4px;border-bottom-left-radius:var(--kui-border-radius-20, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);margin-bottom:4px;margin-bottom:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item .zoom-action-link[data-v-79ba72f8]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);display:block;text-decoration:none}.zoom-actions-container .zoom-action-item.disabled[data-v-79ba72f8]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);pointer-events:none}.zoom-actions-container .zoom-action-item.disabled a[data-v-79ba72f8]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5)}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]:hover{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.locked[data-v-34c60646]{cursor:move}.tooltip-container[data-v-34c60646]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;position:fixed;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:1}.tooltip-container .tooltip-title[data-v-34c60646]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px 6px 0;margin:var(--kui-space-30, 6px) var(--kui-space-30, 6px) 0 var(--kui-space-30, 6px);min-height:24px;padding-bottom:4px;padding-bottom:var(--kui-space-20, 4px)}.tooltip-container .tooltip-title .title[data-v-34c60646]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between}.tooltip-container .tooltip-title .title .drag-icon[data-v-34c60646]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-34c60646]{display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip[data-v-34c60646]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}.tooltip-container .tooltip[data-v-34c60646]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.tooltip-container .tooltip[data-v-34c60646] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-34c60646] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-34c60646] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.tooltip-container .tooltip li[data-v-34c60646]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-34c60646]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-34c60646]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-34c60646]{font-variant-numeric:tabular-nums;margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-34c60646]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-388cf4f5]{box-sizing:border-box;display:flex;flex-grow:1;flex-wrap:wrap;gap:8px 9px;justify-content:center;margin:0;max-height:inherit;overflow:auto;-ms-overflow-style:thin;padding:8px calc(5% + 4px);padding:var(--kui-space-40, 8px) calc(5% + var(--kui-space-20, 4px));width:100%}.legend-container[data-v-388cf4f5]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.legend-container[data-v-388cf4f5] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-388cf4f5] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-388cf4f5] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container li[data-v-388cf4f5]{align-items:center;cursor:pointer;display:flex;line-height:1;margin:0}.legend-container li .square-marker[data-v-388cf4f5]{height:8px;margin:0;margin:var(--kui-space-0, 0px);margin-right:6px;margin-right:var(--kui-space-30, 6px);width:8px}.legend-container li .label[data-v-388cf4f5]{font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.legend-container li .label.truncate-label[data-v-388cf4f5]{max-width:20ch;overflow:hidden;text-overflow:ellipsis}.legend-container li .sub-label[data-v-388cf4f5]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);word-break:none}.legend-container li .strike-through[data-v-388cf4f5]{text-decoration:line-through}.legend-container li .empty[data-v-388cf4f5]{font-style:italic}.legend-container li .tooltip-content[data-v-388cf4f5]{max-width:40ch}.chart-parent[data-v-60e5a1a7]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-60e5a1a7]{flex-direction:column}.chart-parent.column .chart-container[data-v-60e5a1a7]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-60e5a1a7]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-60e5a1a7]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-container[data-v-60e5a1a7]{overflow:auto}.chart-container[data-v-60e5a1a7]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-60e5a1a7]{height:100%}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar{width:10px}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-60e5a1a7]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-60e5a1a7]{background-color:#0d0e14;background-color:var(--kui-color-background-inverse, #0d0e14);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-60e5a1a7]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-60e5a1a7]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-48b16272]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-48b16272]{flex-direction:column}.chart-parent.column .chart-container[data-v-48b16272]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-48b16272]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-48b16272]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-center-metric[data-v-48b16272]{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.chart-center-metric .chart-center-total[data-v-48b16272]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:1.1}.chart-center-metric .chart-center-unit[data-v-48b16272]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-399f4923]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-399f4923]{flex-direction:column}.chart-parent.column .chart-container[data-v-399f4923]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-399f4923]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-399f4923]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.analytics-chart-shell[data-v-346b2111],.simple-chart-shell[data-v-346b2111]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-346b2111],.simple-chart-shell .chart-empty-state[data-v-346b2111]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-346b2111]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-346b2111]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-346b2111]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-truncation-warning[data-v-346b2111]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);display:flex;justify-content:flex-start;left:0;position:absolute;top:0;transform:translate(-4px);z-index:999}.chart-parent[data-v-c461b83f]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c461b83f]{flex-direction:column}.chart-parent.column .chart-container[data-v-c461b83f]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-c461b83f]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-c461b83f]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-c461b83f]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-c461b83f]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-c461b83f]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-c461b83f]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-c461b83f]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent[data-v-58f32282]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-58f32282]{flex-direction:column}.chart-parent.column .chart-container[data-v-58f32282]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-58f32282]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-58f32282]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-58f32282]{container-type:inline-size}.chart-parent.align-left[data-v-58f32282]{justify-content:flex-start}.chart-parent.align-center[data-v-58f32282]{justify-content:center}.chart-parent.align-right[data-v-58f32282]{justify-content:flex-end}.chart-parent.align-between[data-v-58f32282]{justify-content:space-between}.chart-parent.align-around[data-v-58f32282]{justify-content:space-around}.chart-parent.align-evenly[data-v-58f32282]{justify-content:space-evenly}.chart-parent .single-value-error[data-v-58f32282] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.chart-parent .single-value-wrapper[data-v-58f32282]{display:flex;flex-direction:column;gap:12px;margin-top:-4px}.chart-parent .single-value-wrapper .single-value-metric[data-v-58f32282]{align-items:center;display:flex;flex-direction:column}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:36px;line-height:var(--kui-line-height-70, 36px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:32px;line-height:var(--kui-line-height-60, 32px)}.chart-parent .single-value-wrapper .single-value-trend[data-v-58f32282]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.chart-parent .single-value-wrapper .single-value-trend .trend-change[data-v-58f32282]{align-items:center;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change .kui-icon[data-v-58f32282]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.positive[data-v-58f32282]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.negative[data-v-58f32282]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.neutral[data-v-58f32282]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.chart-parent .single-value-wrapper .single-value-trend .single-value-trend-range[data-v-58f32282]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:12px;font-size:var(--kui-font-size-20, 12px)}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{font-size:40px;font-size:var(--kui-font-size-90, 40px);line-height:48px;line-height:var(--kui-line-height-90, 48px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}.analytics-chart-shell[data-v-23ca8c84],.simple-chart-shell[data-v-23ca8c84]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-23ca8c84],.simple-chart-shell .chart-empty-state[data-v-23ca8c84]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-23ca8c84]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-23ca8c84]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-23ca8c84] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-0dc897d6]{border:none!important;max-height:100%;padding:0!important;width:100%}.kong-ui-public-top-n-table .top-n-card-description[data-v-0dc897d6]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);text-align:right}.kong-ui-public-top-n-table[data-v-0dc897d6] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-0dc897d6] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-0dc897d6] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-0dc897d6] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-0dc897d6] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-0dc897d6] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-0dc897d6]{display:flex;flex-direction:column;max-height:100%;overflow-x:auto}.kong-ui-public-top-n-table .top-n-table-table[data-v-0dc897d6]{border-collapse:collapse;table-layout:auto}.kong-ui-public-top-n-table .top-n-table-header-row[data-v-0dc897d6]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-0dc897d6]{padding:0 24px 12px 0;padding:0 var(--kui-space-80, 24px) var(--kui-space-50, 12px) 0;text-align:left}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-0dc897d6]:last-child{padding-right:0}.kong-ui-public-top-n-table .top-n-table-header-cell .table-header-label[data-v-0dc897d6]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.kong-ui-public-top-n-table .top-n-table-row[data-v-0dc897d6]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-0dc897d6]:first-of-type{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-0dc897d6]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table-header-cell-metric[data-v-0dc897d6],.kong-ui-public-top-n-table .top-n-table-header-cell-dimension-compact[data-v-0dc897d6],.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-0dc897d6],.kong-ui-public-top-n-table .top-n-table-cell-metric[data-v-0dc897d6]{white-space:nowrap;width:1%}.kong-ui-public-top-n-table .top-n-table-cell[data-v-0dc897d6]{min-width:110px;padding:12px 0;padding:var(--kui-space-50, 12px) var(--kui-space-0, 0px)}.kong-ui-public-top-n-table .top-n-table-cell--name[data-v-0dc897d6]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);font-size:14px;font-size:var(--kui-font-size-30, 14px);min-width:200px;padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-0dc897d6]{min-width:110px;padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table[data-v-0dc897d6] a{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);text-decoration:none}.container[data-v-ae8259b6]{align-items:center;border:1px solid #e0e4ea;border:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;height:30px;justify-content:center;overflow:hidden;padding-top:1px;position:relative}.container .no-data[data-v-ae8259b6]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:default;font-size:12px;font-size:var(--kui-font-size-20, 12px);-webkit-user-select:none;user-select:none}.container .label[data-v-ae8259b6]{background-color:#ecfcff;background-color:var(--kui-method-color-background-patch, #ecfcff);border-bottom:1px solid #e0e4ea;border-bottom:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-bottom-left-radius:0;border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);border-right:1px solid #e0e4ea;border-right:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-top-left-radius:4px;border-top-left-radius:var(--kui-border-radius-20, 4px);border-top-right-radius:0;color:#0044f4;color:var(--kui-color-text-primary, #0044f4);cursor:default;font-size:10px;left:0;line-height:9px;max-width:90%;overflow:hidden;padding:2px 6px;position:absolute;text-overflow:ellipsis;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.container .tooltip[data-v-ae8259b6]{z-index:10}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range,.kong-ui-public-csv-export-modal .modal-container .text-muted{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-bottom:20px;margin-bottom:var(--kui-space-70, 20px);margin-top:6px;margin-top:var(--kui-space-30, 6px);width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.kong-ui-public-csv-export-modal .modal-container .preview-tooltip{display:inline-flex;margin:auto 0 auto 4px;margin:var(--kui-space-auto, auto) var(--kui-space-0, 0px) var(--kui-space-auto, auto) var(--kui-space-20, 4px);vertical-align:middle}
+.zoom-timerange-container[data-v-4fa681cf]{line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-timerange-container .zoom-timerange-details[data-v-4fa681cf]{display:grid;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:2px;gap:var(--kui-space-10, 2px);grid-template-columns:35px 1fr;margin:6px 2px;margin:var(--kui-space-30, 6px) var(--kui-space-10, 2px)}.zoom-timerange-container .zoom-timerange-details .label[data-v-4fa681cf]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.zoom-actions-container[data-v-79ba72f8]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column;line-height:16px;line-height:var(--kui-line-height-20, 16px)}.zoom-actions-container .zoom-actions-heading[data-v-79ba72f8]{align-items:top;display:flex}.zoom-actions-container .zoom-actions-heading .zoom-actions-close-icon[data-v-79ba72f8]{cursor:pointer;margin-right:6px;margin-right:var(--kui-space-30, 6px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.zoom-actions-container .zoom-actions-heading-divider[data-v-79ba72f8]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-select .zoom-action-item[data-v-79ba72f8]:first-child{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);cursor:pointer;font-size:12px;font-size:var(--kui-font-size-20, 12px);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);transition:background-color .2s}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]:last-of-type{border-bottom-left-radius:4px;border-bottom-left-radius:var(--kui-border-radius-20, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);margin-bottom:4px;margin-bottom:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item .zoom-action-link[data-v-79ba72f8]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);display:block;text-decoration:none}.zoom-actions-container .zoom-action-item.disabled[data-v-79ba72f8]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);pointer-events:none}.zoom-actions-container .zoom-action-item.disabled a[data-v-79ba72f8]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5)}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]:hover{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.locked[data-v-34c60646]{cursor:move}.tooltip-container[data-v-34c60646]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;position:fixed;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:1}.tooltip-container .tooltip-title[data-v-34c60646]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px 6px 0;margin:var(--kui-space-30, 6px) var(--kui-space-30, 6px) 0 var(--kui-space-30, 6px);min-height:24px;padding-bottom:4px;padding-bottom:var(--kui-space-20, 4px)}.tooltip-container .tooltip-title .title[data-v-34c60646]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between}.tooltip-container .tooltip-title .title .drag-icon[data-v-34c60646]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-34c60646]{display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip[data-v-34c60646]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}.tooltip-container .tooltip[data-v-34c60646]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.tooltip-container .tooltip[data-v-34c60646] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-34c60646] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-34c60646] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.tooltip-container .tooltip li[data-v-34c60646]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-34c60646]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-34c60646]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-34c60646]{font-variant-numeric:tabular-nums;margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-34c60646]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-388cf4f5]{box-sizing:border-box;display:flex;flex-grow:1;flex-wrap:wrap;gap:8px 9px;justify-content:center;margin:0;max-height:inherit;overflow:auto;-ms-overflow-style:thin;padding:8px calc(5% + 4px);padding:var(--kui-space-40, 8px) calc(5% + var(--kui-space-20, 4px));width:100%}.legend-container[data-v-388cf4f5]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.legend-container[data-v-388cf4f5] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-388cf4f5] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-388cf4f5] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container li[data-v-388cf4f5]{align-items:center;cursor:pointer;display:flex;line-height:1;margin:0}.legend-container li .square-marker[data-v-388cf4f5]{height:8px;margin:0;margin:var(--kui-space-0, 0px);margin-right:6px;margin-right:var(--kui-space-30, 6px);width:8px}.legend-container li .label[data-v-388cf4f5]{font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.legend-container li .label.truncate-label[data-v-388cf4f5]{max-width:20ch;overflow:hidden;text-overflow:ellipsis}.legend-container li .sub-label[data-v-388cf4f5]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);word-break:none}.legend-container li .strike-through[data-v-388cf4f5]{text-decoration:line-through}.legend-container li .empty[data-v-388cf4f5]{font-style:italic}.legend-container li .tooltip-content[data-v-388cf4f5]{max-width:40ch}.chart-parent[data-v-60e5a1a7]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-60e5a1a7]{flex-direction:column}.chart-parent.column .chart-container[data-v-60e5a1a7]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-60e5a1a7]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-60e5a1a7]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-container[data-v-60e5a1a7]{overflow:auto}.chart-container[data-v-60e5a1a7]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-60e5a1a7]{height:100%}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar{width:10px}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-60e5a1a7]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-60e5a1a7]{background-color:#0d0e14;background-color:var(--kui-color-background-inverse, #0d0e14);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-60e5a1a7]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-60e5a1a7]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-48b16272]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-48b16272]{flex-direction:column}.chart-parent.column .chart-container[data-v-48b16272]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-48b16272]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-48b16272]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-center-metric[data-v-48b16272]{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.chart-center-metric .chart-center-total[data-v-48b16272]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:1.1}.chart-center-metric .chart-center-unit[data-v-48b16272]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-2f7608cd]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-2f7608cd]{flex-direction:column}.chart-parent.column .chart-container[data-v-2f7608cd]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-2f7608cd]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-2f7608cd]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-399f4923]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-399f4923]{flex-direction:column}.chart-parent.column .chart-container[data-v-399f4923]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-399f4923]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-399f4923]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.analytics-chart-shell[data-v-ed4ba20b],.simple-chart-shell[data-v-ed4ba20b]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-ed4ba20b],.simple-chart-shell .chart-empty-state[data-v-ed4ba20b]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-ed4ba20b]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-ed4ba20b]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-ed4ba20b]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-truncation-warning[data-v-ed4ba20b]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);display:flex;justify-content:flex-start;left:0;position:absolute;top:0;transform:translate(-4px);z-index:999}.chart-parent[data-v-c461b83f]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c461b83f]{flex-direction:column}.chart-parent.column .chart-container[data-v-c461b83f]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-c461b83f]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-c461b83f]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-c461b83f]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-c461b83f]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-c461b83f]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-c461b83f]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-c461b83f]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent[data-v-58f32282]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-58f32282]{flex-direction:column}.chart-parent.column .chart-container[data-v-58f32282]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-58f32282]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-58f32282]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-58f32282]{container-type:inline-size}.chart-parent.align-left[data-v-58f32282]{justify-content:flex-start}.chart-parent.align-center[data-v-58f32282]{justify-content:center}.chart-parent.align-right[data-v-58f32282]{justify-content:flex-end}.chart-parent.align-between[data-v-58f32282]{justify-content:space-between}.chart-parent.align-around[data-v-58f32282]{justify-content:space-around}.chart-parent.align-evenly[data-v-58f32282]{justify-content:space-evenly}.chart-parent .single-value-error[data-v-58f32282] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.chart-parent .single-value-wrapper[data-v-58f32282]{display:flex;flex-direction:column;gap:12px;margin-top:-4px}.chart-parent .single-value-wrapper .single-value-metric[data-v-58f32282]{align-items:center;display:flex;flex-direction:column}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:36px;line-height:var(--kui-line-height-70, 36px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:32px;line-height:var(--kui-line-height-60, 32px)}.chart-parent .single-value-wrapper .single-value-trend[data-v-58f32282]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.chart-parent .single-value-wrapper .single-value-trend .trend-change[data-v-58f32282]{align-items:center;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change .kui-icon[data-v-58f32282]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.positive[data-v-58f32282]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.negative[data-v-58f32282]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.neutral[data-v-58f32282]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.chart-parent .single-value-wrapper .single-value-trend .single-value-trend-range[data-v-58f32282]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:12px;font-size:var(--kui-font-size-20, 12px)}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{font-size:40px;font-size:var(--kui-font-size-90, 40px);line-height:48px;line-height:var(--kui-line-height-90, 48px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-58f32282]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-58f32282]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-58f32282]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}.analytics-chart-shell[data-v-23ca8c84],.simple-chart-shell[data-v-23ca8c84]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-23ca8c84],.simple-chart-shell .chart-empty-state[data-v-23ca8c84]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-23ca8c84]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-23ca8c84]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-23ca8c84] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-0dc897d6]{border:none!important;max-height:100%;padding:0!important;width:100%}.kong-ui-public-top-n-table .top-n-card-description[data-v-0dc897d6]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);text-align:right}.kong-ui-public-top-n-table[data-v-0dc897d6] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-0dc897d6] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-0dc897d6] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-0dc897d6] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-0dc897d6] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-0dc897d6] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-0dc897d6]{display:flex;flex-direction:column;max-height:100%;overflow-x:auto}.kong-ui-public-top-n-table .top-n-table-table[data-v-0dc897d6]{border-collapse:collapse;table-layout:auto}.kong-ui-public-top-n-table .top-n-table-header-row[data-v-0dc897d6]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-0dc897d6]{padding:0 24px 12px 0;padding:0 var(--kui-space-80, 24px) var(--kui-space-50, 12px) 0;text-align:left}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-0dc897d6]:last-child{padding-right:0}.kong-ui-public-top-n-table .top-n-table-header-cell .table-header-label[data-v-0dc897d6]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.kong-ui-public-top-n-table .top-n-table-row[data-v-0dc897d6]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-0dc897d6]:first-of-type{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-0dc897d6]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table-header-cell-metric[data-v-0dc897d6],.kong-ui-public-top-n-table .top-n-table-header-cell-dimension-compact[data-v-0dc897d6],.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-0dc897d6],.kong-ui-public-top-n-table .top-n-table-cell-metric[data-v-0dc897d6]{white-space:nowrap;width:1%}.kong-ui-public-top-n-table .top-n-table-cell[data-v-0dc897d6]{min-width:110px;padding:12px 0;padding:var(--kui-space-50, 12px) var(--kui-space-0, 0px)}.kong-ui-public-top-n-table .top-n-table-cell--name[data-v-0dc897d6]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);font-size:14px;font-size:var(--kui-font-size-30, 14px);min-width:200px;padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-0dc897d6]{min-width:110px;padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table[data-v-0dc897d6] a{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);text-decoration:none}.container[data-v-ae8259b6]{align-items:center;border:1px solid #e0e4ea;border:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;height:30px;justify-content:center;overflow:hidden;padding-top:1px;position:relative}.container .no-data[data-v-ae8259b6]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:default;font-size:12px;font-size:var(--kui-font-size-20, 12px);-webkit-user-select:none;user-select:none}.container .label[data-v-ae8259b6]{background-color:#ecfcff;background-color:var(--kui-method-color-background-patch, #ecfcff);border-bottom:1px solid #e0e4ea;border-bottom:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-bottom-left-radius:0;border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);border-right:1px solid #e0e4ea;border-right:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-top-left-radius:4px;border-top-left-radius:var(--kui-border-radius-20, 4px);border-top-right-radius:0;color:#0044f4;color:var(--kui-color-text-primary, #0044f4);cursor:default;font-size:10px;left:0;line-height:9px;max-width:90%;overflow:hidden;padding:2px 6px;position:absolute;text-overflow:ellipsis;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.container .tooltip[data-v-ae8259b6]{z-index:10}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range,.kong-ui-public-csv-export-modal .modal-container .text-muted{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-bottom:20px;margin-bottom:var(--kui-space-70, 20px);margin-top:6px;margin-top:var(--kui-space-30, 6px);width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.kong-ui-public-csv-export-modal .modal-container .preview-tooltip{display:inline-flex;margin:auto 0 auto 4px;margin:var(--kui-space-auto, auto) var(--kui-space-0, 0px) var(--kui-space-auto, auto) var(--kui-space-20, 4px);vertical-align:middle}

package/dist/types/components/AnalyticsChart.vue.d.ts

@@ -1,8 +1,8 @@
-import type { AnalyticsChartOptions, ExternalLink } from '../types';
-import { ChartLegendPosition } from '../enums';
+import type { AnalyticsChartOptions, ExternalLink, ScatterChartData } from '../types';
 import type { AbsoluteTimeRangeV4, ExploreResultV4 } from '@kong-ui-public/analytics-utilities';
+import { ChartLegendPosition } from '../enums';
 interface ChartProps {
-    chartData: ExploreResultV4;
+    chartData: ExploreResultV4 | ScatterChartData;
     chartOptions: AnalyticsChartOptions;
     tooltipTitle?: string;
     emptyStateTitle?: string;

package/dist/types/components/AnalyticsChart.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChart.vue"],"names":[],"mappings":"AAycA,OAAO,KAAK,EAAE,qBAAqB,EAAsB,YAAY,EAAgC,MAAM,UAAU,CAAA;AACrH,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAK9C,OAAO,KAAK,EAAE,mBAAmB,EAAuB,eAAe,EAAqB,MAAM,qCAAqC,CAAA;AAMvI,UAAU,UAAU;IAClB,SAAS,EAAE,eAAe,CAAA;IAC1B,YAAY,EAAE,qBAAqB,CAAA;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,WAAW,CAAC,EAAE,YAAY,CAAA;CAC3B;AAykBD,QAAA,MAAM,YAAY;;;;;;;uBA/kBI,MAAM;kBAJX,MAAM;sBAKF,OAAO;oBAFT,GAAG,mBAAmB,EAAE;qBAFvB,MAAM;2BACA,MAAM;qBAIZ,OAAO;oBACR,OAAO;kBACT,YAAY;iBACb,YAAY;6EA8kB1B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"AnalyticsChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChart.vue"],"names":[],"mappings":"AAqjBA,OAAO,KAAK,EAAE,qBAAqB,EAAsB,YAAY,EAAE,gBAAgB,EAA4C,MAAM,UAAU,CAAA;AACnJ,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAqB,MAAM,qCAAqC,CAAA;AAelH,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAO9C,UAAU,UAAU;IAClB,SAAS,EAAE,eAAe,GAAG,gBAAgB,CAAA;IAC7C,YAAY,EAAE,qBAAqB,CAAA;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,WAAW,CAAC,EAAE,YAAY,CAAA;CAC3B;AA+rBD,QAAA,MAAM,YAAY;;;;;;;uBArsBI,MAAM;kBAJX,MAAM;sBAKF,OAAO;oBAFT,GAAG,mBAAmB,EAAE;qBAFvB,MAAM;2BACA,MAAM;qBAIZ,OAAO;oBACR,OAAO;kBACT,YAAY;iBACb,YAAY;6EAosB1B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/types/components/chart-plugins/OutlierBandPlugin.d.ts

@@ -0,0 +1,14 @@
+import type { Chart, Plugin } from 'chart.js';
+interface OutlierBandOptions {
+    value?: number;
+    color?: string;
+}
+/**
+ * Shades the region of a scatter chart above the outlier threshold.
+ */
+export declare class OutlierBandPlugin implements Plugin {
+    id: string;
+    beforeDatasetsDraw(chart: Chart, _: any, pluginOptions: OutlierBandOptions): void;
+}
+export {};
+//# sourceMappingURL=OutlierBandPlugin.d.ts.map

package/dist/types/components/chart-plugins/OutlierBandPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutlierBandPlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-plugins/OutlierBandPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAE7C,UAAU,kBAAkB;IAE1B,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,qBAAa,iBAAkB,YAAW,MAAM;IAC9C,EAAE,SAAsB;IAExB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,kBAAkB,GAAG,IAAI;CA2BlF"}

package/dist/types/components/chart-types/ScatterChart.vue.d.ts

@@ -0,0 +1,35 @@
+import type { GranularityValues } from '@kong-ui-public/analytics-utilities';
+import type { ChartLegendSortFn, ChartTooltipSortFn, KChartData, LegendValues } from '../../types';
+import 'chartjs-adapter-date-fns';
+import 'chart.js/auto';
+interface ScatterChartProps {
+    chartData?: KChartData;
+    tooltipTitle: string;
+    metricUnit?: string;
+    granularity: GranularityValues;
+    timeRangeMs?: number;
+    legendValues?: LegendValues;
+    metricAxesTitle?: string;
+    dimensionAxesTitle?: string;
+    syntheticsDataKey?: string;
+    chartLegendSortFn?: ChartLegendSortFn;
+    chartTooltipSortFn?: ChartTooltipSortFn;
+    tooltipMetricDisplay?: string;
+    shadeOutlierRegion?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<ScatterChartProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScatterChartProps> & Readonly<{}>, {
+    chartData: KChartData;
+    syntheticsDataKey: string;
+    legendValues: LegendValues;
+    metricUnit: string;
+    metricAxesTitle: string;
+    dimensionAxesTitle: string;
+    chartLegendSortFn: ChartLegendSortFn;
+    chartTooltipSortFn: ChartTooltipSortFn;
+    tooltipMetricDisplay: string;
+    timeRangeMs: number;
+    shadeOutlierRegion: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ScatterChart.vue.d.ts.map

package/dist/types/components/chart-types/ScatterChart.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterChart.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-types/ScatterChart.vue"],"names":[],"mappings":"AA2MA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAC5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAsB,UAAU,EAAE,YAAY,EAAgB,MAAM,aAAa,CAAA;AAMpI,OAAO,0BAA0B,CAAA;AACjC,OAAO,eAAe,CAAA;AAStB,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,iBAAiB,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAsPD,QAAA,MAAM,YAAY;eAnQJ,UAAU;uBAQF,MAAM;kBAHX,YAAY;gBAHd,MAAM;qBAID,MAAM;wBACH,MAAM;uBAEP,iBAAiB;wBAChB,kBAAkB;0BAChB,MAAM;iBAPf,MAAM;wBAQC,OAAO;6EA0P5B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/types/composables/index.d.ts

@@ -5,8 +5,10 @@ import useChartLegendValues from './useChartLegendValues';
 import useChartSelectedRange from './useChartSelectedRange';
 import useDonutChartOptions from './useDonutChartOptions';
 import useLineChartOptions from './useLineChartOptions';
+import useScatterChartOptions from './useScatterChartOptions';
 import useExploreResultToDatasets from './useExploreResultToDatasets';
 import useExploreResultToTimeDataset from './useExploreResultToTimeDatasets';
+import useScatterDatasets from './useScatterDatasets';
 import useTranslatedUnits from './useTranslatedUnits';
 import useEvaluateFeatureFlag from './useEvauluateFeatureFlag';
 import useTooltipAbsolutePosition from './useTooltipAbsolutePosition';
@@ -18,8 +20,10 @@ declare const _default: {
     useChartSelectedRange: typeof useChartSelectedRange;
     useExploreResultToDatasets: typeof useExploreResultToDatasets;
     useExploreResultToTimeDataset: typeof useExploreResultToTimeDataset;
+    useScatterDatasets: typeof useScatterDatasets;
     useDonutChartOptions: typeof useDonutChartOptions;
     useLineChartOptions: typeof useLineChartOptions;
+    useScatterChartOptions: typeof useScatterChartOptions;
     useI18n: typeof useI18n;
     useReportChartDataForSynthetics: (chartData: Readonly<import("vue").Ref<any>>, syntheticsDataKey: Readonly<import("vue").Ref<string>>) => void;
     useTranslatedUnits: typeof useTranslatedUnits;

package/dist/types/composables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,6BAA6B,MAAM,kCAAkC,CAAA;AAE5E,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,sBAAsB,MAAM,2BAA2B,CAAA;AAC9D,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;AAGjD,wBAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,6BAA6B,MAAM,kCAAkC,CAAA;AAC5E,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AAErD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,sBAAsB,MAAM,2BAA2B,CAAA;AAC9D,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;AAGjD,wBAiBC"}

package/dist/types/composables/useScatterChartOptions.d.ts

@@ -0,0 +1,107 @@
+import type { ChartType, TooltipPositionerFunction } from 'chart.js';
+import type { ExternalTooltipContext, ScatterChartOptions } from '../types';
+export default function useScatterChartOptions(chartOptions: ScatterChartOptions): {
+    options: import("vue").ComputedRef<{
+        hover: {
+            mode: string;
+            intersect: boolean;
+        };
+        interaction: {
+            mode: string;
+            intersect: boolean;
+        };
+        animation: {
+            duration: number;
+            easing: string;
+        };
+        scales: {
+            x: {
+                type: string;
+                display: boolean;
+                grid: {
+                    display: boolean;
+                    drawOnChartArea: boolean;
+                    drawTicks: boolean;
+                    drawBorder: boolean;
+                };
+                ticks: {
+                    padding: number;
+                    autoSkipPadding: number;
+                    source: string;
+                    maxRotation: number;
+                    callback: (value: number) => string;
+                };
+                title: {
+                    display: boolean;
+                    text: string | undefined;
+                    padding: {
+                        top: number;
+                    };
+                    font: {
+                        weight: string;
+                    };
+                };
+                border: {
+                    display: boolean;
+                };
+            };
+            y: {
+                title: {
+                    display: boolean;
+                    text: string | undefined;
+                    padding: {
+                        bottom: number;
+                    };
+                    font: {
+                        weight: string;
+                    };
+                };
+                ticks: {
+                    maxTicksLimit: number;
+                };
+                grid: {
+                    drawBorder: boolean;
+                };
+                id: string;
+                beginAtZero: boolean;
+                border: {
+                    display: boolean;
+                };
+            };
+        };
+        responsive: boolean;
+        maintainAspectRatio: boolean;
+        plugins: {
+            htmlLegend: {
+                containerID: string;
+            };
+            legend: {
+                display: boolean;
+            };
+            streaming: boolean;
+            tooltip: {
+                enabled: boolean;
+                position: string;
+                external: (context: ExternalTooltipContext) => void;
+            };
+            outlierBandPlugin: {
+                value: number | undefined;
+                color: string;
+            };
+        };
+        layout: {
+            padding: {
+                left: number;
+                right: number;
+                top: number;
+                bottom: number;
+            };
+        };
+    }>;
+};
+declare module 'chart.js' {
+    interface TooltipPositionerMap {
+        [key: string]: TooltipPositionerFunction<ChartType>;
+    }
+}
+//# sourceMappingURL=useScatterChartOptions.d.ts.map

package/dist/types/composables/useScatterChartOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScatterChartOptions.d.ts","sourceRoot":"","sources":["../../../src/composables/useScatterChartOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAwC,MAAM,UAAU,CAAA;AAC1G,OAAO,KAAK,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAc3E,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,YAAY,EAAE,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAyBxD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0GF,sBAAsB;;;;;;;;;;;;;;;;EA0BjD;AAED,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,oBAAoB;QAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAC,SAAS,CAAC,CAAA;KACpD;CACF"}

package/dist/types/composables/useScatterDatasets.d.ts

@@ -0,0 +1,19 @@
+import type { Ref } from 'vue';
+import type { ExploreToDatasetDeps, KChartData, ScatterChartData, ScatterOptions } from '../types';
+import type { ScatterChartColors } from '../utils';
+export declare const DEFAULT_POINT_RADIUS = 2;
+export declare const DEFAULT_POINT_OPACITY = 0.6;
+export interface ScatterDatasetDeps extends ExploreToDatasetDeps {
+    scatter?: ScatterOptions;
+    themeColors?: Ref<ScatterChartColors>;
+}
+export declare const jitter: (jitterMs: number) => number;
+/**
+ * Builds the dataset for scatter plots as one point per record, grouped into a series per dimension
+ * with optional percentile reference lines and outliers
+ *
+ * Percentiles are computed over the points actually supplied, so they are only really
+ * meaningful when the input is not truncated.
+ */
+export default function useScatterDatasets(deps: ScatterDatasetDeps, scatterData: Ref<ScatterChartData | undefined>): Ref<KChartData>;
+//# sourceMappingURL=useScatterDatasets.d.ts.map

package/dist/types/composables/useScatterDatasets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScatterDatasets.d.ts","sourceRoot":"","sources":["../../../src/composables/useScatterDatasets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,KAAK,EAAW,oBAAoB,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC3G,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAQlD,eAAO,MAAM,oBAAoB,IAAI,CAAA;AACrC,eAAO,MAAM,qBAAqB,MAAM,CAAA;AAMxC,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB;IAC9D,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAA;CACtC;AAUD,eAAO,MAAM,MAAM,GAAI,UAAU,MAAM,KAAG,MAMzC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,IAAI,EAAE,kBAAkB,EACxB,WAAW,EAAE,GAAG,CAAC,gBAAgB,GAAG,SAAS,CAAC,GAC7C,GAAG,CAAC,UAAU,CAAC,CAkLjB"}

package/dist/types/index.d.ts

@@ -15,4 +15,5 @@ export { statusCodeBadgeBackgroundColor } from './utils/colors';
 export { lookupStatusCodeColor } from './utils/customColors';
 export * from './utils/constants';
 export * from './utils/queryError';
+export * from './utils/scatter-adapters';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAEjE;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAE3E,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAEjE;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAE3E,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA"}

package/dist/types/types/chart-data.d.ts

@@ -16,11 +16,19 @@ export interface KChartData extends ChartData {
     labels?: string[];
     isLabelEmpty?: boolean[];
     isMultiDimension?: boolean;
+    outlierValue?: number;
 }
 export interface AnalyticsDataPoint {
     x: number;
     y: number;
 }
+/**
+ * A label for the chart tooltip instead of using the dataset's label.
+ * Scatter plots need this for outliers as they would show the "Outlier..." label
+ */
+export interface LabeledDataPoint extends AnalyticsDataPoint {
+    tooltipLabel?: string;
+}
 /**
  * Dimension value to color hex code mapping
  * for custom color palettes
@@ -56,6 +64,65 @@ export interface Threshold {
     label?: string;
     highlightIntersections?: boolean;
 }
+/**
+ * A horizontal reference line drawn at a percentile of the plotted y-values.
+ */
+export interface ScatterPercentileLine {
+    /**
+     * Percentile to draw, 0 to 100.
+     */
+    percentile: number;
+    /**
+     * Overrides the default label.
+     */
+    label?: string;
+    /**
+     * Dash pattern for the line, defaults to a dashed [5, 5].
+     */
+    borderDash?: number[];
+    /**
+     * Line color, defaults to neutral text for the median, danger for anything above it.
+     */
+    color?: string;
+}
+/**
+ * TODO: The percentile math for median and outliers are not perfect, these need to be updated
+ *       to actually display/inform the user of what is happening. So for now, the percentiles and
+ *       median lines will default to none.
+ *
+ *       e.g. Fix the splitting of the outliers datasets from the original datasets, labels in
+ *            the legend that explain what they are doing (or removed completely), better
+ *            styling to differentiate the median/outliers
+ */
+export interface ScatterOptions {
+    /**
+     * Reference lines derived from the plotted y-values, defaults to none.
+     */
+    percentileLines?: ScatterPercentileLine[];
+    /**
+     * Percentile above which points are split into a separate "outlier" dataset,
+     * defaults to undefined (every point stays in its own series).
+     */
+    outlierPercentile?: number;
+    /**
+     * Shade the chart region above `outlierPercentile`, defaults to false.
+     */
+    shadeOutlierRegion?: boolean;
+    /**
+     * Maximum horizontal jitter, applied to points so that records sharing a timestamp
+     * don't stack into a single column, defaults to 0 (no jitter).
+     */
+    jitterMs?: number;
+    /**
+     * Radius of each plotted point, defaults to 2.
+     */
+    pointRadius?: number;
+    /**
+     * Opacity of the plotted points between 0 and 1, defaults to 0.6
+     * Doesn't apply to outlier points
+     */
+    pointOpacity?: number;
+}
 /**
  * Analytics Chart options
  */
@@ -105,6 +172,10 @@ export interface AnalyticsChartOptions {
      * Only applies when type is 'donut'.
      */
     showCenterMetric?: boolean;
+    /**
+     * Scatter plot options, only applies when type is 'scatter'.
+     */
+    scatter?: ScatterOptions;
 }
 /**
  * Metric display for simple charts

package/dist/types/types/chart-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-data.d.ts","sourceRoot":"","sources":["../../../src/types/chart-data.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chart-data.d.ts","sourceRoot":"","sources":["../../../src/types/chart-data.ts"],"names":[],"mappings":"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"}

package/dist/types/types/chart-meta.d.ts

@@ -0,0 +1,6 @@
+import type { ResultMetaBase } from '@kong-ui-public/analytics-utilities';
+export type SharedMeta = Partial<ResultMetaBase> & {
+    metricNames?: string[];
+    metricUnits?: Record<string, string | undefined>;
+};
+//# sourceMappingURL=chart-meta.d.ts.map

package/dist/types/types/chart-meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-meta.d.ts","sourceRoot":"","sources":["../../../src/types/chart-meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAEzE,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,cAAc,CAAC,GAAG;IACjD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;CACjD,CAAA"}

package/dist/types/types/chart-types.d.ts

@@ -1,4 +1,4 @@
-export declare const chartTypes: readonly ["donut", "horizontal_bar", "vertical_bar", "timeseries_line", "timeseries_bar"];
+export declare const chartTypes: readonly ["donut", "horizontal_bar", "vertical_bar", "timeseries_line", "timeseries_bar", "scatter"];
 export type ChartType = typeof chartTypes[number];
 export declare const simpleChartTypes: readonly ["gauge", "top_n", "single_value"];
 export type SimpleChartType = typeof simpleChartTypes[number];

package/dist/types/types/chart-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-types.d.ts","sourceRoot":"","sources":["../../../src/types/chart-types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,2FAMb,CAAA;AAEV,MAAM,MAAM,SAAS,GAAG,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;AAEjD,eAAO,MAAM,gBAAgB,6CAInB,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAA;AAE7D,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,gBAAgB,CAAA"}
+{"version":3,"file":"chart-types.d.ts","sourceRoot":"","sources":["../../../src/types/chart-types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,sGAOb,CAAA;AAEV,MAAM,MAAM,SAAS,GAAG,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;AAEjD,eAAO,MAAM,gBAAgB,6CAInB,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAA;AAE7D,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,gBAAgB,CAAA"}

package/dist/types/types/chartjs-options.d.ts

@@ -3,6 +3,7 @@ import type { Chart, ChartType as ChartJsChartType, TooltipModel, Color } from '
 import type { ChartType } from './chart-types';
 import type { ExploreAggregations, GranularityValues } from '@kong-ui-public/analytics-utilities';
 import type { Threshold } from './chart-data';
+import type { ScatterChartColors } from '../utils/theme-colors';
 export interface TooltipEntry {
     backgroundColor: Color;
     borderColor: Color;
@@ -49,6 +50,16 @@ export interface LineChartOptions extends BaseChartOptions {
     pointsWithoutHover?: ComputedRef<boolean | undefined>;
     threshold?: Readonly<Ref<Record<ExploreAggregations, Threshold[]> | undefined>>;
 }
+export interface ScatterChartOptions {
+    tooltipState: TooltipState;
+    legendID: string;
+    granularity: Ref<GranularityValues>;
+    timeRangeMs: Ref<number | undefined>;
+    metricAxesTitle?: Ref<string | undefined>;
+    dimensionAxesTitle?: Ref<string | undefined>;
+    outlierValue?: Ref<number | undefined>;
+    themeColors: Ref<ScatterChartColors>;
+}
 export interface DonutChartOptions {
     tooltipState: TooltipState;
     legendID: string;

package/dist/types/types/chartjs-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartjs-options.d.ts","sourceRoot":"","sources":["../../../src/types/chartjs-options.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chartjs-options.d.ts","sourceRoot":"","sources":["../../../src/types/chartjs-options.ts"],"names":[],"mappings":"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"}

package/dist/types/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './chart-data';
+export * from './chart-meta';
 export * from './chart-export';
 export * from './chart-types';
 export * from './chartjs-options';
@@ -7,4 +8,5 @@ export * from './dataset-generation-types';
 export * from './zoom-action-item';
 export * from './external-link';
 export * from './query-error';
+export * from './scatter-data';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA"}

package/dist/types/types/scatter-data.d.ts

@@ -0,0 +1,25 @@
+import type { Display, ResultMetaBase } from '@kong-ui-public/analytics-utilities';
+export interface ScatterDataPoint {
+    /**
+     * Epoch milliseconds.
+     */
+    timestamp: number;
+    /**
+     * The value on the y axis.
+     */
+    value: number;
+    /**
+     * Raw id of the series the point belongs to. Undefined puts every point in one series
+     * named after the metric.
+     */
+    group?: string;
+}
+export interface ScatterChartData extends ResultMetaBase {
+    points: ScatterDataPoint[];
+    metric: string;
+    metricUnit?: string;
+    dimension?: string;
+    display?: Display;
+}
+export declare const isScatterChartData: (data: unknown) => data is ScatterChartData;
+//# sourceMappingURL=scatter-data.d.ts.map

package/dist/types/types/scatter-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatter-data.d.ts","sourceRoot":"","sources":["../../../src/types/scatter-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAElF,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,MAAM,EAAE,gBAAgB,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,kBAAkB,GAAI,MAAM,OAAO,KAAG,IAAI,IAAI,gBAU1D,CAAA"}