@kong-ui-public/analytics-chart 10.37.1-pr.3884.b87b9fa5c.0 → 10.38.0

package/README.md

@@ -7,7 +7,6 @@ Dynamic chart component for kong analytics.
 - [Install](#install)
 - [AnalyticsChart](#AnalyticsChart)
   - [Usage Example](#usage-example-analyticschart)
-- [TopNTable (deprecated)](#topntable-deprecated)
 - [SimpleChart](#SimpleChart)
   - [Usage Example](#usage-example-simplechart)
 
@@ -327,22 +326,3 @@ export default defineComponent({
 ```ts
 import { CsvExportModal } from '@kong-ui-public/dashboard-renderer'
 ```
-
-## TopNTable (deprecated)
-
-`TopNTable` is deprecated and remains exported for existing standalone consumers.
-Its implementation and props are unchanged; removal will be handled separately.
-
-Dashboard `top_n` tiles now use `TableDataGrid` through
-[`@kong-ui-public/dashboard-renderer`](../dashboard-renderer/README.md), without
-changing dashboard definitions. For new standalone tables, use
-[`@kong-ui-public/table-data-grid`](../../core/table-data-grid/README.md).
-`TableDataGrid` accepts column headers with a fetcher for infinite mode or
-complete rows for unpaginated mode, so it is not a drop-in replacement for
-`TopNTable`'s Explore response props.
-
-The internal helpers and types in [`src/utils/topn-columns.ts`](src/utils/topn-columns.ts)
-are also deprecated and retained for `TopNTable`. Dashboard TopN mapping now lives
-in dashboard-renderer, and generic cell presentation lives in table-data-grid.
-Use those components for new integrations; these helpers are not package-level
-exports. Their implementations remain unchanged until the legacy component is removed.

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-fb2f2a72]{cursor:move}.tooltip-container[data-v-fb2f2a72]{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-fb2f2a72]{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}.tooltip-container .tooltip-title .title[data-v-fb2f2a72]{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-fb2f2a72]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-fb2f2a72]{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-title[data-v-fb2f2a72]{padding-bottom:4px;padding-bottom:var(--kui-space-20, 4px)}.tooltip-container .tooltip[data-v-fb2f2a72]{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-fb2f2a72]{-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-fb2f2a72] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-fb2f2a72] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-fb2f2a72] ::-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-fb2f2a72]{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-fb2f2a72]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-fb2f2a72]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-fb2f2a72]{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-fb2f2a72]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.tooltip-container .tooltip .marker-placeholder[data-v-fb2f2a72]{background:transparent;border:none}.tooltip-container .tooltip .extra-row .display-label[data-v-fb2f2a72],.tooltip-container .tooltip .extra-row .display-value[data-v-fb2f2a72]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-90ef4d12]{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-90ef4d12]{-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-90ef4d12] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-90ef4d12] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-90ef4d12] ::-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-90ef4d12]{align-items:center;cursor:pointer;display:flex;line-height:1;margin:0}.legend-container li.legend-key[data-v-90ef4d12]{cursor:default}.legend-container li .line-marker[data-v-90ef4d12]{margin-right:6px;margin-right:var(--kui-space-30, 6px);overflow:visible}.legend-container li .label-container.inline-value[data-v-90ef4d12]{align-items:center;display:flex;gap:4px;gap:var(--kui-space-20, 4px)}.legend-container li .square-marker[data-v-90ef4d12]{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-90ef4d12]{font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.legend-container li .label.truncate-label[data-v-90ef4d12]{max-width:20ch;overflow:hidden;text-overflow:ellipsis}.legend-container li .sub-label[data-v-90ef4d12]{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-90ef4d12]{text-decoration:line-through}.legend-container li .empty[data-v-90ef4d12]{font-style:italic}.legend-container li .tooltip-content[data-v-90ef4d12]{max-width:40ch}.chart-parent[data-v-6994dd8d]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6994dd8d]{flex-direction:column}.chart-parent.column .chart-container[data-v-6994dd8d]{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-6994dd8d]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-6994dd8d]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-container[data-v-6994dd8d]{overflow:auto}.chart-container[data-v-6994dd8d]{-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-6994dd8d] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-6994dd8d] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-6994dd8d] ::-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-6994dd8d]{height:100%}.chart-container[data-v-6994dd8d]::-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-6994dd8d]::-webkit-scrollbar{width:10px}.chart-container[data-v-6994dd8d]::-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-6994dd8d]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-6994dd8d]{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-6994dd8d]{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-6994dd8d]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-db23aff8]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-db23aff8]{flex-direction:column}.chart-parent.column .chart-container[data-v-db23aff8]{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-db23aff8]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-db23aff8]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-center-metric[data-v-db23aff8]{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-db23aff8]{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-db23aff8]{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-3bb682a5]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-3bb682a5]{flex-direction:column}.chart-parent.column .chart-container[data-v-3bb682a5]{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-3bb682a5]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-3bb682a5]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-344d87c4]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-344d87c4]{flex-direction:column}.chart-parent.column .chart-container[data-v-344d87c4]{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-344d87c4]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-344d87c4]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.analytics-chart-shell[data-v-c5c250ba],.simple-chart-shell[data-v-c5c250ba]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-c5c250ba],.simple-chart-shell .chart-empty-state[data-v-c5c250ba]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-c5c250ba]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-c5c250ba]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-c5c250ba]{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-c5c250ba]{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-640d8a8c]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-640d8a8c]{flex-direction:column}.chart-parent.column .chart-container[data-v-640d8a8c]{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-640d8a8c]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-640d8a8c]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-640d8a8c]{container-type:inline-size}.chart-parent.align-left[data-v-640d8a8c]{justify-content:flex-start}.chart-parent.align-center[data-v-640d8a8c]{justify-content:center}.chart-parent.align-right[data-v-640d8a8c]{justify-content:flex-end}.chart-parent.align-between[data-v-640d8a8c]{justify-content:space-between}.chart-parent.align-around[data-v-640d8a8c]{justify-content:space-around}.chart-parent.align-evenly[data-v-640d8a8c]{justify-content:space-evenly}.chart-parent.align-left .single-value-wrapper .single-value-metric[data-v-640d8a8c],.chart-parent.align-between .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:flex-start}.chart-parent.align-left .single-value-wrapper .single-value-trend[data-v-640d8a8c],.chart-parent.align-between .single-value-wrapper .single-value-trend[data-v-640d8a8c]{justify-content:flex-start}.chart-parent.align-right .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:flex-end}.chart-parent.align-right .single-value-wrapper .single-value-trend[data-v-640d8a8c]{justify-content:flex-end}.chart-parent .single-value-error[data-v-640d8a8c] .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-640d8a8c]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);max-width:100%}.chart-parent .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:center;display:flex;flex-direction:column}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{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-640d8a8c]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:32px;font-size:var(--kui-font-size-80, 32px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:40px;line-height:var(--kui-line-height-80, 40px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{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-trend[data-v-640d8a8c]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex;flex-wrap:wrap;justify-content:center;row-gap:4px;row-gap:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change[data-v-640d8a8c]{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-640d8a8c]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.positive[data-v-640d8a8c]{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-640d8a8c]{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-640d8a8c]{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-640d8a8c]{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-640d8a8c]{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-640d8a8c]{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-640d8a8c]{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-640d8a8c]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{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-640d8a8c]{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-640d8a8c]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{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-640d8a8c]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{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-640d8a8c]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{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)}.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}.top-talkers-cell-wrapper[data-v-73764587]{display:flex;flex-basis:0;min-height:32px;min-width:0}.top-talkers-cell-wrapper[data-v-73764587] .popover-trigger-wrapper{display:flex;flex:1 1 auto;min-width:0}.top-talkers-cell[data-v-73764587]{align-items:flex-start;background-color:color-mix(in srgb,var(--cecbd9f0) var(--v0d35e6b6),#ffffff);background-color:color-mix(in srgb,var(--cecbd9f0) var(--v0d35e6b6),var(--kui-color-background, #ffffff));border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#0d0e14;color:var(--kui-color-text, #0d0e14);display:flex;flex:1 1 auto;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:14px;font-size:var(--kui-font-size-30, 14px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;min-width:0;padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px);width:100%}.top-talkers-cell--other[data-v-73764587],.top-talkers-cell--empty[data-v-73764587]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.top-talkers-cell--empty .top-talkers-cell-name[data-v-73764587],.top-talkers-cell--deleted .top-talkers-cell-name[data-v-73764587]{font-style:italic}.top-talkers-cell-name[data-v-73764587]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-talkers-cell-metric[data-v-73764587]{align-items:baseline;display:inline-flex;flex-shrink:0;font-feature-settings:"case";font-variant-numeric:tabular-nums;gap:4px;gap:var(--kui-space-20, 4px)}.top-talkers-cell-value[data-v-73764587]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.top-talkers-cell-relative[data-v-73764587]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.top-talkers-tooltip-title[data-v-73764587]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.top-talkers-tooltip-rows[data-v-73764587]{column-gap:24px;column-gap:var(--kui-space-80, 24px);display:grid;grid-template-columns:auto auto;margin:0;row-gap:4px;row-gap:var(--kui-space-20, 4px)}.top-talkers-tooltip-label[data-v-73764587]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.top-talkers-tooltip-value[data-v-73764587]{font-variant-numeric:tabular-nums;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin:0;text-align:right}.top-talkers-tooltip-value--warning[data-v-73764587]{color:#995c00;color:var(--kui-color-text-warning, #995c00)}.top-talkers-tooltip-value--error[data-v-73764587]{color:#d60027;color:var(--kui-color-text-danger, #d60027)}.top-talkers-column[data-v-e1b08041]{display:flex;flex:1 0 160px;flex-direction:column;gap:4px;gap:var(--kui-space-20, 4px);min-width:160px}.top-talkers-column-header[data-v-e1b08041]{align-items:baseline;display:flex;gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between}.top-talkers-column-label[data-v-e1b08041]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700)}.top-talkers-column-total[data-v-e1b08041]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.top-talkers-column-empty[data-v-e1b08041]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.top-talkers-column-cells[data-v-e1b08041]{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;gap:var(--kui-space-30, 6px)}.kong-ui-public-top-talkers[data-v-d5bb8abd]{border:none;height:100%;padding:0 0 8px;padding:0 0 var(--kui-space-40, 8px)}.kong-ui-public-top-talkers[data-v-d5bb8abd] .card-content{flex:1 1 auto;min-height:0;min-width:0}.top-talkers-grid[data-v-d5bb8abd]{align-items:stretch;display:flex;gap:8px;gap:var(--kui-space-40, 8px);height:100%;min-width:0;overflow-x:auto;overflow-y:hidden}.top-n-metric-cell-bar[data-v-24eb60ef]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:block;height:8px;min-width:80px;overflow:hidden;width:100%}.top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:var(--v0394367e);border-radius:inherit;display:block;height:100%}.top-n-metric-cell--bar-warning .top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:#995c00;background-color:var(--kui-color-background-warning, #995c00)}.top-n-metric-cell--bar-error .top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:#d60027;background-color:var(--kui-color-background-danger, #d60027)}.top-n-metric-cell[data-v-17e7f860]{align-items:baseline;display:inline-flex;font-feature-settings:"case";font-variant-numeric:tabular-nums;gap:4px;gap:var(--kui-space-20, 4px)}.top-n-metric-cell-relative[data-v-17e7f860]{font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400)}.top-n-metric-cell--bar .top-n-metric-cell-value[data-v-17e7f860],.top-n-metric-cell--text-warning .top-n-metric-cell-value[data-v-17e7f860],.top-n-metric-cell--text-error .top-n-metric-cell-value[data-v-17e7f860]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.top-n-metric-cell--text-warning[data-v-17e7f860]{color:#995c00;color:var(--kui-color-text-warning, #995c00)}.top-n-metric-cell--text-error[data-v-17e7f860]{color:#d60027;color:var(--kui-color-text-danger, #d60027)}.kong-ui-public-top-n-table[data-v-9111e441]{border:none!important;max-height:100%;padding:0!important;width:100%}.kong-ui-public-top-n-table .top-n-card-description[data-v-9111e441]{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-9111e441] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-9111e441] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-9111e441] .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-9111e441] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-9111e441] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-9111e441] .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-9111e441]{display:flex;flex-direction:column;max-height:100%;overflow-x:auto}.kong-ui-public-top-n-table .top-n-table-table[data-v-9111e441]{border-collapse:collapse;table-layout:auto}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-9111e441]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);padding:0 24px 4px 0;padding:0 var(--kui-space-80, 24px) var(--kui-space-20, 4px) 0;position:sticky;text-align:left;top:0}.kong-ui-public-top-n-table .top-n-table-header-cell-border[data-v-9111e441]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);bottom:0;left:0;position:absolute;right:0}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-9111e441]:last-child{padding-right:0}.kong-ui-public-top-n-table .top-n-table-header-cell .table-header-label[data-v-9111e441]{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-9111e441]{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-9111e441]: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-9111e441]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table-header-cell-metric[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-header-cell-dimension-compact[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-metric[data-v-9111e441]{white-space:nowrap;width:1%}.kong-ui-public-top-n-table .top-n-table-cell[data-v-9111e441]{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-9111e441]{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-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-bar[data-v-9111e441]{padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table .top-n-table-cell-bar[data-v-9111e441]{min-width:200px}.kong-ui-public-top-n-table .top-n-table-cell-metric--has-bar[data-v-9111e441]{padding-right:12px;padding-right:var(--kui-space-50, 12px)}.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-9111e441]{min-width:110px}.kong-ui-public-top-n-table .top-n-table-cell-label[data-v-9111e441]{display:inline-flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-top-n-table .top-n-table-cell-icon[data-v-9111e441]{flex-shrink:0}.kong-ui-public-top-n-table[data-v-9111e441] a{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);text-decoration:none}.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-fb2f2a72]{cursor:move}.tooltip-container[data-v-fb2f2a72]{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-fb2f2a72]{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}.tooltip-container .tooltip-title .title[data-v-fb2f2a72]{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-fb2f2a72]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-fb2f2a72]{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-title[data-v-fb2f2a72]{padding-bottom:4px;padding-bottom:var(--kui-space-20, 4px)}.tooltip-container .tooltip[data-v-fb2f2a72]{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-fb2f2a72]{-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-fb2f2a72] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-fb2f2a72] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-fb2f2a72] ::-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-fb2f2a72]{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-fb2f2a72]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-fb2f2a72]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-fb2f2a72]{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-fb2f2a72]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.tooltip-container .tooltip .marker-placeholder[data-v-fb2f2a72]{background:transparent;border:none}.tooltip-container .tooltip .extra-row .display-label[data-v-fb2f2a72],.tooltip-container .tooltip .extra-row .display-value[data-v-fb2f2a72]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-90ef4d12]{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-90ef4d12]{-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-90ef4d12] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-90ef4d12] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-90ef4d12] ::-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-90ef4d12]{align-items:center;cursor:pointer;display:flex;line-height:1;margin:0}.legend-container li.legend-key[data-v-90ef4d12]{cursor:default}.legend-container li .line-marker[data-v-90ef4d12]{margin-right:6px;margin-right:var(--kui-space-30, 6px);overflow:visible}.legend-container li .label-container.inline-value[data-v-90ef4d12]{align-items:center;display:flex;gap:4px;gap:var(--kui-space-20, 4px)}.legend-container li .square-marker[data-v-90ef4d12]{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-90ef4d12]{font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.legend-container li .label.truncate-label[data-v-90ef4d12]{max-width:20ch;overflow:hidden;text-overflow:ellipsis}.legend-container li .sub-label[data-v-90ef4d12]{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-90ef4d12]{text-decoration:line-through}.legend-container li .empty[data-v-90ef4d12]{font-style:italic}.legend-container li .tooltip-content[data-v-90ef4d12]{max-width:40ch}.chart-parent[data-v-6994dd8d]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6994dd8d]{flex-direction:column}.chart-parent.column .chart-container[data-v-6994dd8d]{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-6994dd8d]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-6994dd8d]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-container[data-v-6994dd8d]{overflow:auto}.chart-container[data-v-6994dd8d]{-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-6994dd8d] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-6994dd8d] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-6994dd8d] ::-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-6994dd8d]{height:100%}.chart-container[data-v-6994dd8d]::-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-6994dd8d]::-webkit-scrollbar{width:10px}.chart-container[data-v-6994dd8d]::-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-6994dd8d]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-6994dd8d]{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-6994dd8d]{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-6994dd8d]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-db23aff8]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-db23aff8]{flex-direction:column}.chart-parent.column .chart-container[data-v-db23aff8]{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-db23aff8]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-db23aff8]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-center-metric[data-v-db23aff8]{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-db23aff8]{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-db23aff8]{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-3bb682a5]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-3bb682a5]{flex-direction:column}.chart-parent.column .chart-container[data-v-3bb682a5]{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-3bb682a5]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-3bb682a5]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-344d87c4]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-344d87c4]{flex-direction:column}.chart-parent.column .chart-container[data-v-344d87c4]{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-344d87c4]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-344d87c4]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.analytics-chart-shell[data-v-c5c250ba],.simple-chart-shell[data-v-c5c250ba]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-c5c250ba],.simple-chart-shell .chart-empty-state[data-v-c5c250ba]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-c5c250ba]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-c5c250ba]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-c5c250ba]{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-c5c250ba]{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-640d8a8c]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-640d8a8c]{flex-direction:column}.chart-parent.column .chart-container[data-v-640d8a8c]{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-640d8a8c]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-640d8a8c]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-640d8a8c]{container-type:inline-size}.chart-parent.align-left[data-v-640d8a8c]{justify-content:flex-start}.chart-parent.align-center[data-v-640d8a8c]{justify-content:center}.chart-parent.align-right[data-v-640d8a8c]{justify-content:flex-end}.chart-parent.align-between[data-v-640d8a8c]{justify-content:space-between}.chart-parent.align-around[data-v-640d8a8c]{justify-content:space-around}.chart-parent.align-evenly[data-v-640d8a8c]{justify-content:space-evenly}.chart-parent.align-left .single-value-wrapper .single-value-metric[data-v-640d8a8c],.chart-parent.align-between .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:flex-start}.chart-parent.align-left .single-value-wrapper .single-value-trend[data-v-640d8a8c],.chart-parent.align-between .single-value-wrapper .single-value-trend[data-v-640d8a8c]{justify-content:flex-start}.chart-parent.align-right .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:flex-end}.chart-parent.align-right .single-value-wrapper .single-value-trend[data-v-640d8a8c]{justify-content:flex-end}.chart-parent .single-value-error[data-v-640d8a8c] .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-640d8a8c]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);max-width:100%}.chart-parent .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:center;display:flex;flex-direction:column}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{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-640d8a8c]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:32px;font-size:var(--kui-font-size-80, 32px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:40px;line-height:var(--kui-line-height-80, 40px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{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-trend[data-v-640d8a8c]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex;flex-wrap:wrap;justify-content:center;row-gap:4px;row-gap:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change[data-v-640d8a8c]{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-640d8a8c]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.positive[data-v-640d8a8c]{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-640d8a8c]{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-640d8a8c]{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-640d8a8c]{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-640d8a8c]{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-640d8a8c]{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-640d8a8c]{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-640d8a8c]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{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-640d8a8c]{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-640d8a8c]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{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-640d8a8c]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{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-640d8a8c]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{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)}.top-n-metric-cell-bar[data-v-24eb60ef]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:block;height:8px;min-width:80px;overflow:hidden;width:100%}.top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:var(--v0394367e);border-radius:inherit;display:block;height:100%}.top-n-metric-cell--bar-warning .top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:#995c00;background-color:var(--kui-color-background-warning, #995c00)}.top-n-metric-cell--bar-error .top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:#d60027;background-color:var(--kui-color-background-danger, #d60027)}.top-n-metric-cell[data-v-17e7f860]{align-items:baseline;display:inline-flex;font-feature-settings:"case";font-variant-numeric:tabular-nums;gap:4px;gap:var(--kui-space-20, 4px)}.top-n-metric-cell-relative[data-v-17e7f860]{font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400)}.top-n-metric-cell--bar .top-n-metric-cell-value[data-v-17e7f860],.top-n-metric-cell--text-warning .top-n-metric-cell-value[data-v-17e7f860],.top-n-metric-cell--text-error .top-n-metric-cell-value[data-v-17e7f860]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.top-n-metric-cell--text-warning[data-v-17e7f860]{color:#995c00;color:var(--kui-color-text-warning, #995c00)}.top-n-metric-cell--text-error[data-v-17e7f860]{color:#d60027;color:var(--kui-color-text-danger, #d60027)}.kong-ui-public-top-n-table[data-v-9111e441]{border:none!important;max-height:100%;padding:0!important;width:100%}.kong-ui-public-top-n-table .top-n-card-description[data-v-9111e441]{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-9111e441] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-9111e441] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-9111e441] .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-9111e441] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-9111e441] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-9111e441] .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-9111e441]{display:flex;flex-direction:column;max-height:100%;overflow-x:auto}.kong-ui-public-top-n-table .top-n-table-table[data-v-9111e441]{border-collapse:collapse;table-layout:auto}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-9111e441]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);padding:0 24px 4px 0;padding:0 var(--kui-space-80, 24px) var(--kui-space-20, 4px) 0;position:sticky;text-align:left;top:0}.kong-ui-public-top-n-table .top-n-table-header-cell-border[data-v-9111e441]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);bottom:0;left:0;position:absolute;right:0}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-9111e441]:last-child{padding-right:0}.kong-ui-public-top-n-table .top-n-table-header-cell .table-header-label[data-v-9111e441]{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-9111e441]{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-9111e441]: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-9111e441]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table-header-cell-metric[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-header-cell-dimension-compact[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-metric[data-v-9111e441]{white-space:nowrap;width:1%}.kong-ui-public-top-n-table .top-n-table-cell[data-v-9111e441]{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-9111e441]{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-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-bar[data-v-9111e441]{padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table .top-n-table-cell-bar[data-v-9111e441]{min-width:200px}.kong-ui-public-top-n-table .top-n-table-cell-metric--has-bar[data-v-9111e441]{padding-right:12px;padding-right:var(--kui-space-50, 12px)}.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-9111e441]{min-width:110px}.kong-ui-public-top-n-table .top-n-table-cell-label[data-v-9111e441]{display:inline-flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-top-n-table .top-n-table-cell-icon[data-v-9111e441]{flex-shrink:0}.kong-ui-public-top-n-table[data-v-9111e441] 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}.top-talkers-cell-wrapper[data-v-73764587]{display:flex;flex-basis:0;min-height:32px;min-width:0}.top-talkers-cell-wrapper[data-v-73764587] .popover-trigger-wrapper{display:flex;flex:1 1 auto;min-width:0}.top-talkers-cell[data-v-73764587]{align-items:flex-start;background-color:color-mix(in srgb,var(--cecbd9f0) var(--v0d35e6b6),#ffffff);background-color:color-mix(in srgb,var(--cecbd9f0) var(--v0d35e6b6),var(--kui-color-background, #ffffff));border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#0d0e14;color:var(--kui-color-text, #0d0e14);display:flex;flex:1 1 auto;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:14px;font-size:var(--kui-font-size-30, 14px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;min-width:0;padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px);width:100%}.top-talkers-cell--other[data-v-73764587],.top-talkers-cell--empty[data-v-73764587]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.top-talkers-cell--empty .top-talkers-cell-name[data-v-73764587],.top-talkers-cell--deleted .top-talkers-cell-name[data-v-73764587]{font-style:italic}.top-talkers-cell-name[data-v-73764587]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-talkers-cell-metric[data-v-73764587]{align-items:baseline;display:inline-flex;flex-shrink:0;font-feature-settings:"case";font-variant-numeric:tabular-nums;gap:4px;gap:var(--kui-space-20, 4px)}.top-talkers-cell-value[data-v-73764587]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.top-talkers-cell-relative[data-v-73764587]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.top-talkers-tooltip-title[data-v-73764587]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.top-talkers-tooltip-rows[data-v-73764587]{column-gap:24px;column-gap:var(--kui-space-80, 24px);display:grid;grid-template-columns:auto auto;margin:0;row-gap:4px;row-gap:var(--kui-space-20, 4px)}.top-talkers-tooltip-label[data-v-73764587]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.top-talkers-tooltip-value[data-v-73764587]{font-variant-numeric:tabular-nums;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin:0;text-align:right}.top-talkers-tooltip-value--warning[data-v-73764587]{color:#995c00;color:var(--kui-color-text-warning, #995c00)}.top-talkers-tooltip-value--error[data-v-73764587]{color:#d60027;color:var(--kui-color-text-danger, #d60027)}.top-talkers-column[data-v-e1b08041]{display:flex;flex:1 0 160px;flex-direction:column;gap:4px;gap:var(--kui-space-20, 4px);min-width:160px}.top-talkers-column-header[data-v-e1b08041]{align-items:baseline;display:flex;gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between}.top-talkers-column-label[data-v-e1b08041]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700)}.top-talkers-column-total[data-v-e1b08041]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.top-talkers-column-empty[data-v-e1b08041]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.top-talkers-column-cells[data-v-e1b08041]{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;gap:var(--kui-space-30, 6px)}.kong-ui-public-top-talkers[data-v-d5bb8abd]{border:none;height:100%;padding:0 0 8px;padding:0 0 var(--kui-space-40, 8px)}.kong-ui-public-top-talkers[data-v-d5bb8abd] .card-content{flex:1 1 auto;min-height:0;min-width:0}.top-talkers-grid[data-v-d5bb8abd]{align-items:stretch;display:flex;gap:8px;gap:var(--kui-space-40, 8px);height:100%;min-width:0;overflow-x:auto;overflow-y:hidden}.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/TopNTable.vue.d.ts

@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     title: string;
     description: string;
     emptyStateTitle: string;
-    columnOptions: TopNColumnOptionsMap;
     isLoading: boolean;
     titleTag: HeaderTag;
+    columnOptions: TopNColumnOptionsMap;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-{"version":3,"file":"TopNTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNTable.vue"],"names":[],"mappings":"AA6tBA,OAAO,KAAK,EAGV,eAAe,EAChB,MAAM,qCAAqC,CAAA;AAC5C,OAAO,KAAK,EACV,SAAS,EACV,MAAM,mBAAmB,CAAA;AAG1B,OAAO,KAAK,EAAE,oBAAoB,EAAsC,MAAM,uBAAuB,CAAA;AAiCrG,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAcD,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,oBAAoB,CAAA;CACrC,CAAC;AA4qBF,QAAA,IAAI,QAAQ;;;;;;;;;CAAW,EAAE,QAAQ;;;;;;;;;CAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,QAAA,MAAM,UAAU;WA3rBN,MAAM;iBACA,MAAM;qBAEF,MAAM;mBAGR,oBAAoB;eAFxB,OAAO;cACR,SAAS;6EAyrBpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TopNTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNTable.vue"],"names":[],"mappings":"AA6tBA,OAAO,KAAK,EAGV,eAAe,EAChB,MAAM,qCAAqC,CAAA;AAC5C,OAAO,KAAK,EACV,SAAS,EACV,MAAM,mBAAmB,CAAA;AAG1B,OAAO,KAAK,EAAE,oBAAoB,EAAsC,MAAM,uBAAuB,CAAA;AAiCrG,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAcD,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,oBAAoB,CAAA;CACrC,CAAC;AA4qBF,QAAA,IAAI,QAAQ;;;;;;;;;CAAW,EAAE,QAAQ;;;;;;;;;CAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,QAAA,MAAM,UAAU;WA3rBN,MAAM;iBACA,MAAM;qBAEF,MAAM;eACZ,OAAO;cACR,SAAS;mBACJ,oBAAoB;6EAwrBpC,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/components/top-talkers/TopTalkersGrid.vue.d.ts

@@ -26,10 +26,10 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     title: string;
     emptyStateTitle: string;
-    sizeMetric: string;
+    titleTag: HeaderTag;
     columnOptions: TopNColumnOptionsMap;
     errorMessage: string;
-    titleTag: HeaderTag;
+    sizeMetric: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/top-talkers/TopTalkersGrid.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopTalkersGrid.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/top-talkers/TopTalkersGrid.vue"],"names":[],"mappings":"AAyIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAQpE,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAC;AA2KF,QAAA,IAAI,QAAQ;;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;WAzLN,MAAM;qBAII,MAAM;gBAFX,MAAM;mBACH,oBAAoB;kBAErB,MAAM;cACV,SAAS;6EAsLpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TopTalkersGrid.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/top-talkers/TopTalkersGrid.vue"],"names":[],"mappings":"AAyIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAQpE,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAC;AA2KF,QAAA,IAAI,QAAQ;;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;WAzLN,MAAM;qBAII,MAAM;cAEb,SAAS;mBAHJ,oBAAoB;kBAErB,MAAM;gBAHR,MAAM;6EA0LnB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -62,13 +62,6 @@ export default function useLineChartOptions(chartOptions: LineChartOptions): {
                 };
                 title: {
                     display: boolean;
-                    text: string | undefined;
-                    padding: {
-                        top: number;
-                    };
-                    font: {
-                        weight: string;
-                    };
                 };
                 border: {
                     display: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useLineChartOptions.d.ts","sourceRoot":"","sources":["../../../src/composables/useLineChartOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,SAAS,EAGV,MAAM,UAAU,CAAA;AAMjB,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAGxE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,YAAY,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgBlD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAsKA,sBAAsB;;;;;;;;;;;;;;;;;;;;;EAgCnD;AAED,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,oBAAoB;QAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAC,SAAS,CAAC,CAAA;KACpD;CACF"}
+{"version":3,"file":"useLineChartOptions.d.ts","sourceRoot":"","sources":["../../../src/composables/useLineChartOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,SAAS,EAGV,MAAM,UAAU,CAAA;AAMjB,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAGxE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,YAAY,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgBlD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAkKA,sBAAsB;;;;;;;;;;;;;;;;;;;;;EAgCnD;AAED,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,oBAAoB;QAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAC,SAAS,CAAC,CAAA;KACpD;CACF"}

package/dist/types/index.d.ts

@@ -1,16 +1,11 @@
 import AnalyticsChart from './components/AnalyticsChart.vue';
 import SimpleChart from './components/SimpleChart.vue';
+import TopNTable from './components/TopNTable.vue';
 import SparklineChart from './components/SparklineChart.vue';
 import TopTalkersGrid from './components/top-talkers/TopTalkersGrid.vue';
 import TopTalkersColumn from './components/top-talkers/TopTalkersColumn.vue';
-export { AnalyticsChart, SimpleChart, SparklineChart, TopTalkersGrid, TopTalkersColumn };
+export { AnalyticsChart, SimpleChart, TopNTable, SparklineChart, TopTalkersGrid, TopTalkersColumn };
 export type { TopTalkersGridColumn } from './components/top-talkers/TopTalkersGrid.vue';
-/**
- * @deprecated Use dashboard-renderer for dashboard TopN tiles, or TableDataGrid
- * from '@kong-ui-public/table-data-grid' for new standalone tables.
- * Retained for existing consumers; removal will be handled separately.
- */
-export { default as TopNTable } from './components/TopNTable.vue';
 /**
  * @deprecated Import CsvExportModal from '@kong-ui-public/dashboard-renderer' instead.
  * TODO: Remove this deprecated analytics-chart export after consumers migrate to

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,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,cAAc,MAAM,6CAA6C,CAAA;AACxE,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAA;AACxF,YAAY,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AAEvF;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,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;AACxC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,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;AAC5D,OAAO,cAAc,MAAM,6CAA6C,CAAA;AACxE,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAA;AACnG,YAAY,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AAEvF;;;;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;AACxC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA"}

package/dist/types/utils/topn-columns.d.ts

@@ -1,31 +1,16 @@
-/**
- * Legacy TopNTable helpers, retained until the deprecated component is removed.
- * Dashboard TopN mapping now lives in dashboard-renderer; generic cell
- * presentation lives in table-data-grid. New code should use those components
- * rather than importing these internal helpers.
- */
 import type { TopNColumnOptions } from '@kong-ui-public/analytics-utilities';
-/** @deprecated Retained only for the deprecated TopNTable component. */
 export type TopNColumnOptionsMap = Record<string, TopNColumnOptions>;
-/** @deprecated Retained only for the deprecated TopNTable component. */
 export type TopNColumnStats = {
     sum: number;
     max: number;
 };
-/** @deprecated Retained only for the deprecated TopNTable component. */
 export type TopNThresholdType = 'warning' | 'error';
 type TopNThreshold = NonNullable<TopNColumnOptions['thresholds']>[number];
-/** @deprecated Retained only for the deprecated TopNTable component. */
 export declare const getColumnOptions: (options: TopNColumnOptionsMap | undefined, key: string) => TopNColumnOptions | undefined;
-/** @deprecated Retained only for the deprecated TopNTable component. */
 export declare const toNumber: (value: unknown) => number | null;
-/** @deprecated Retained only for the deprecated TopNTable component. */
 export declare const getColumnStats: (values: Array<number | null>) => TopNColumnStats;
-/** @deprecated Retained only for the deprecated TopNTable component. */
 export declare const getRelativeValue: (value: number, stats: TopNColumnStats) => number | null;
-/** @deprecated Retained only for the deprecated TopNTable component. */
 export declare const getBarRatio: (value: number, stats: TopNColumnStats, scale: TopNColumnOptions["bar"]) => number;
-/** @deprecated Retained only for the deprecated TopNTable component. */
 export declare const getThresholdType: (value: number, thresholds: TopNThreshold[] | undefined) => TopNThresholdType | undefined;
 export {};
 //# sourceMappingURL=topn-columns.d.ts.map

package/dist/types/utils/topn-columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"topn-columns.d.ts","sourceRoot":"","sources":["../../../src/utils/topn-columns.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAE5E,wEAAwE;AACxE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAEpE,wEAAwE;AACxE,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,wEAAwE;AACxE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,CAAA;AAEnD,KAAK,aAAa,GAAG,WAAW,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzE,wEAAwE;AACxE,eAAO,MAAM,gBAAgB,GAAI,SAAS,oBAAoB,GAAG,SAAS,EAAE,KAAK,MAAM,KAAG,iBAAiB,GAAG,SAQ7G,CAAA;AAED,wEAAwE;AACxE,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,MAAM,GAAG,IAQlD,CAAA;AAED,wEAAwE;AACxE,eAAO,MAAM,cAAc,GAAI,QAAQ,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAG,eAW7D,CAAA;AAED,wEAAwE;AACxE,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,EAAE,OAAO,eAAe,KAAG,MAAM,GAAG,IAEjF,CAAA;AAED,wEAAwE;AACxE,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,OAAO,eAAe,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAC,KAAG,MAQpG,CAAA;AAED,wEAAwE;AACxE,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,EAAE,YAAY,aAAa,EAAE,GAAG,SAAS,KAAG,iBAAiB,GAAG,SAW7G,CAAA"}
+{"version":3,"file":"topn-columns.d.ts","sourceRoot":"","sources":["../../../src/utils/topn-columns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAE5E,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAEpE,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,CAAA;AAEnD,KAAK,aAAa,GAAG,WAAW,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzE,eAAO,MAAM,gBAAgB,GAAI,SAAS,oBAAoB,GAAG,SAAS,EAAE,KAAK,MAAM,KAAG,iBAAiB,GAAG,SAQ7G,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,MAAM,GAAG,IAQlD,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,QAAQ,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAG,eAW7D,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,EAAE,OAAO,eAAe,KAAG,MAAM,GAAG,IAEjF,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,OAAO,eAAe,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAC,KAAG,MAQpG,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,EAAE,YAAY,aAAa,EAAE,GAAG,SAAS,KAAG,iBAAiB,GAAG,SAW7G,CAAA"}