@kong-ui-public/analytics-chart 10.15.9 → 10.15.10

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-179abac7]{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-179abac7]{align-items:top;display:flex}.zoom-actions-container .zoom-actions-heading .zoom-actions-close-icon[data-v-179abac7]{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-179abac7]{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-179abac7]:first-child{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item[data-v-179abac7]{color:#000933;color:var(--kui-color-text, #000933);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-179abac7]: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-179abac7]{color:#000933;color:var(--kui-color-text, #000933);display:block;text-decoration:none}.zoom-actions-container .zoom-action-item.disabled[data-v-179abac7]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);pointer-events:none}.zoom-actions-container .zoom-action-item.disabled a[data-v-179abac7]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5)}.zoom-actions-container .zoom-action-item[data-v-179abac7]:hover{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.locked[data-v-b449481c]{cursor:move}.tooltip-container[data-v-b449481c]{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-b449481c]{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-b449481c]{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-b449481c]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-b449481c]{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-b449481c]{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-b449481c]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-b449481c] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-b449481c] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-b449481c] ::-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-b449481c]{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-b449481c]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-b449481c]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-b449481c]{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-b449481c]{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-27d1c6d3]{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-27d1c6d3]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-27d1c6d3] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-27d1c6d3] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-27d1c6d3] ::-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-27d1c6d3]{align-items:center;cursor:pointer;display:flex;line-height:1;margin:0}.legend-container li .square-marker[data-v-27d1c6d3]{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-27d1c6d3]{font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.legend-container li .label.truncate-label[data-v-27d1c6d3]{max-width:20ch;overflow:hidden;text-overflow:ellipsis}.legend-container li .sub-label[data-v-27d1c6d3]{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-27d1c6d3]{text-decoration:line-through}.legend-container li .empty[data-v-27d1c6d3]{font-style:italic}.legend-container li .tooltip-content[data-v-27d1c6d3]{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 transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);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:#000933;background-color:var(--kui-color-background-inverse, #000933);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-c26458b8]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c26458b8]{flex-direction:column}.chart-parent.column .chart-container[data-v-c26458b8]{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-c26458b8]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-c26458b8]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-ac6e8bbc]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-ac6e8bbc]{flex-direction:column}.chart-parent.column .chart-container[data-v-ac6e8bbc]{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-ac6e8bbc]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-ac6e8bbc]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.analytics-chart-shell[data-v-1ff6f989],.simple-chart-shell[data-v-1ff6f989]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-1ff6f989],.simple-chart-shell .chart-empty-state[data-v-1ff6f989]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-1ff6f989]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-1ff6f989]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-1ff6f989]{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-1ff6f989]{align-items:center;background-color:#fff;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-645383c7]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-645383c7]{flex-direction:column}.chart-parent.column .chart-container[data-v-645383c7]{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-645383c7]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-645383c7]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-645383c7]{container-type:inline-size}.chart-parent.align-left[data-v-645383c7]{justify-content:flex-start}.chart-parent.align-center[data-v-645383c7]{justify-content:center}.chart-parent.align-right[data-v-645383c7]{justify-content:flex-end}.chart-parent.align-between[data-v-645383c7]{justify-content:space-between}.chart-parent.align-around[data-v-645383c7]{justify-content:space-around}.chart-parent.align-evenly[data-v-645383c7]{justify-content:space-evenly}.chart-parent .single-value-error[data-v-645383c7] .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-645383c7]{display:flex;flex-direction:column;gap:12px;margin-top:-4px}.chart-parent .single-value-wrapper .single-value-metric[data-v-645383c7]{align-items:center;display:flex;flex-direction:column}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-645383c7]{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-645383c7]{color:#000933;color:var(--kui-color-text, #000933);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-645383c7]{color:#000933;color:var(--kui-color-text, #000933);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-645383c7]{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-645383c7]{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-645383c7]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.positive[data-v-645383c7]{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-645383c7]{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-645383c7]{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-645383c7]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-645383c7]{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-645383c7]{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-645383c7]{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-645383c7]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-645383c7]{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-645383c7]{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-645383c7]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-645383c7]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-645383c7]{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-645383c7]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-645383c7]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-645383c7]{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-645383c7]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-645383c7]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-645383c7]{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-56837d34],.simple-chart-shell[data-v-56837d34]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-56837d34],.simple-chart-shell .chart-empty-state[data-v-56837d34]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-56837d34]{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-56837d34]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-56837d34] .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-f05687f1]{border:none!important;max-height:100%;padding:0!important;width:100%}.kong-ui-public-top-n-table .top-n-card-description[data-v-f05687f1]{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-f05687f1] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-f05687f1] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-f05687f1] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-f05687f1] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-f05687f1] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-f05687f1] .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-f05687f1]{display:flex;flex-direction:column;max-height:100%;overflow-x:auto}.kong-ui-public-top-n-table .top-n-table-table[data-v-f05687f1]{border-collapse:collapse;table-layout:auto}.kong-ui-public-top-n-table .top-n-table-header-row[data-v-f05687f1]{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-f05687f1]{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-f05687f1]:last-child{padding-right:0}.kong-ui-public-top-n-table .top-n-table-header-cell .table-header-label[data-v-f05687f1]{color:#000933;color:var(--kui-color-text, #000933);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-f05687f1]{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-f05687f1]: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-f05687f1]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table-header-cell-metric[data-v-f05687f1],.kong-ui-public-top-n-table .top-n-table-cell-metric[data-v-f05687f1]{white-space:nowrap;width:1%}.kong-ui-public-top-n-table .top-n-table-cell[data-v-f05687f1]{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-f05687f1]{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[data-v-f05687f1] 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{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;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}.container[data-v-3f1a7074]{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-3f1a7074]{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-3f1a7074]{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-3f1a7074]{z-index:10}
+.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-179abac7]{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-179abac7]{align-items:top;display:flex}.zoom-actions-container .zoom-actions-heading .zoom-actions-close-icon[data-v-179abac7]{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-179abac7]{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-179abac7]:first-child{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item[data-v-179abac7]{color:#000933;color:var(--kui-color-text, #000933);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-179abac7]: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-179abac7]{color:#000933;color:var(--kui-color-text, #000933);display:block;text-decoration:none}.zoom-actions-container .zoom-action-item.disabled[data-v-179abac7]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);pointer-events:none}.zoom-actions-container .zoom-action-item.disabled a[data-v-179abac7]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5)}.zoom-actions-container .zoom-action-item[data-v-179abac7]:hover{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.locked[data-v-b449481c]{cursor:move}.tooltip-container[data-v-b449481c]{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-b449481c]{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-b449481c]{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-b449481c]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-b449481c]{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-b449481c]{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-b449481c]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-b449481c] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-b449481c] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-b449481c] ::-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-b449481c]{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-b449481c]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-b449481c]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-b449481c]{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-b449481c]{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-27d1c6d3]{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-27d1c6d3]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-27d1c6d3] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-27d1c6d3] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-27d1c6d3] ::-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-27d1c6d3]{align-items:center;cursor:pointer;display:flex;line-height:1;margin:0}.legend-container li .square-marker[data-v-27d1c6d3]{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-27d1c6d3]{font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.legend-container li .label.truncate-label[data-v-27d1c6d3]{max-width:20ch;overflow:hidden;text-overflow:ellipsis}.legend-container li .sub-label[data-v-27d1c6d3]{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-27d1c6d3]{text-decoration:line-through}.legend-container li .empty[data-v-27d1c6d3]{font-style:italic}.legend-container li .tooltip-content[data-v-27d1c6d3]{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 transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);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:#000933;background-color:var(--kui-color-background-inverse, #000933);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-c26458b8]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c26458b8]{flex-direction:column}.chart-parent.column .chart-container[data-v-c26458b8]{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-c26458b8]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-c26458b8]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-ac6e8bbc]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-ac6e8bbc]{flex-direction:column}.chart-parent.column .chart-container[data-v-ac6e8bbc]{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-ac6e8bbc]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-ac6e8bbc]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.analytics-chart-shell[data-v-1ff6f989],.simple-chart-shell[data-v-1ff6f989]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-1ff6f989],.simple-chart-shell .chart-empty-state[data-v-1ff6f989]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-1ff6f989]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-1ff6f989]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-1ff6f989]{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-1ff6f989]{align-items:center;background-color:#fff;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-645383c7]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-645383c7]{flex-direction:column}.chart-parent.column .chart-container[data-v-645383c7]{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-645383c7]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-645383c7]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-645383c7]{container-type:inline-size}.chart-parent.align-left[data-v-645383c7]{justify-content:flex-start}.chart-parent.align-center[data-v-645383c7]{justify-content:center}.chart-parent.align-right[data-v-645383c7]{justify-content:flex-end}.chart-parent.align-between[data-v-645383c7]{justify-content:space-between}.chart-parent.align-around[data-v-645383c7]{justify-content:space-around}.chart-parent.align-evenly[data-v-645383c7]{justify-content:space-evenly}.chart-parent .single-value-error[data-v-645383c7] .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-645383c7]{display:flex;flex-direction:column;gap:12px;margin-top:-4px}.chart-parent .single-value-wrapper .single-value-metric[data-v-645383c7]{align-items:center;display:flex;flex-direction:column}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-645383c7]{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-645383c7]{color:#000933;color:var(--kui-color-text, #000933);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-645383c7]{color:#000933;color:var(--kui-color-text, #000933);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-645383c7]{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-645383c7]{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-645383c7]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.positive[data-v-645383c7]{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-645383c7]{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-645383c7]{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-645383c7]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-645383c7]{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-645383c7]{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-645383c7]{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-645383c7]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-645383c7]{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-645383c7]{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-645383c7]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-645383c7]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-645383c7]{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-645383c7]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-645383c7]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-645383c7]{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-645383c7]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-645383c7]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-645383c7]{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-56837d34],.simple-chart-shell[data-v-56837d34]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-56837d34],.simple-chart-shell .chart-empty-state[data-v-56837d34]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-56837d34]{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-56837d34]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-56837d34] .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-f05687f1]{border:none!important;max-height:100%;padding:0!important;width:100%}.kong-ui-public-top-n-table .top-n-card-description[data-v-f05687f1]{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-f05687f1] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-f05687f1] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-f05687f1] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-f05687f1] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-f05687f1] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-f05687f1] .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-f05687f1]{display:flex;flex-direction:column;max-height:100%;overflow-x:auto}.kong-ui-public-top-n-table .top-n-table-table[data-v-f05687f1]{border-collapse:collapse;table-layout:auto}.kong-ui-public-top-n-table .top-n-table-header-row[data-v-f05687f1]{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-f05687f1]{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-f05687f1]:last-child{padding-right:0}.kong-ui-public-top-n-table .top-n-table-header-cell .table-header-label[data-v-f05687f1]{color:#000933;color:var(--kui-color-text, #000933);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-f05687f1]{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-f05687f1]: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-f05687f1]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table-header-cell-metric[data-v-f05687f1],.kong-ui-public-top-n-table .top-n-table-cell-metric[data-v-f05687f1]{white-space:nowrap;width:1%}.kong-ui-public-top-n-table .top-n-table-cell[data-v-f05687f1]{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-f05687f1]{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[data-v-f05687f1] 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{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;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}.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}

package/dist/vitals-chart.es.js

@@ -22710,7 +22710,7 @@ const nP = ["id"], iP = /* @__PURE__ */ he({
 }), lP = { class: "container" }, cP = {
   key: 0,
   class: "no-data",
-  "data-testId": "sparkline-empty"
+  "data-testid": "sparkline-empty"
 }, uP = ["title"], dP = /* @__PURE__ */ he({
   __name: "SparklineChart",
   props: {
@@ -22878,17 +22878,17 @@ const nP = ["id"], iP = /* @__PURE__ */ he({
         key: 1,
         "chart-id": q(t),
         data: x.value,
-        "data-testId": "sparkline-bar",
+        "data-testid": "sparkline-bar",
         options: P.value,
         plugins: h.value
       }, null, 8, ["chart-id", "data", "options", "plugins"])) : n.type === "sparkline_line" || n.type === "sparkline_step" ? (j(), It(q(dm), {
         key: 2,
         "chart-id": q(t),
         data: x.value,
-        "data-testId": n.type === "sparkline_line" ? "sparkline-line" : "sparkline-step",
+        "data-testid": n.type === "sparkline_line" ? "sparkline-line" : "sparkline-step",
         options: P.value,
         plugins: h.value
-      }, null, 8, ["chart-id", "data", "data-testId", "options", "plugins"])) : Yt("", !0) : (j(), at("div", cP, [
+      }, null, 8, ["chart-id", "data", "data-testid", "options", "plugins"])) : Yt("", !0) : (j(), at("div", cP, [
         or(S.$slots, "empty", {}, () => [
           Be(dt(q(e).t("sparkline_no_data")), 1)
         ], !0)
@@ -22917,7 +22917,7 @@ const nP = ["id"], iP = /* @__PURE__ */ he({
       ], 8, uP)) : Yt("", !0)
     ]));
   }
-}), IP = /* @__PURE__ */ $e(dP, [["__scopeId", "data-v-3f1a7074"]]);
+}), IP = /* @__PURE__ */ $e(dP, [["__scopeId", "data-v-ae8259b6"]]);
 export {
   PP as AnalyticsChart,
   Ye as ChartLegendPosition,

package/dist/vitals-chart.umd.js

@@ -40,4 +40,4 @@ License: MIT
 `);var U=0,B=!1;this.parse=function(q,J,j){if(typeof q!="string")throw new Error("Input must be a string");var yt=q.length,_t=_.length,Y=M.length,H=E.length,X=k(R),K=[],Z=[],G=[],gt=U=0;if(!q)return Et();if(F||F!==!1&&q.indexOf(V)===-1){for(var vt=q.split(M),at=0;at<vt.length;at++){if(G=vt[at],U+=G.length,at!==vt.length-1)U+=M.length;else if(j)return Et();if(!E||G.substring(0,H)!==E){if(X){if(K=[],ee(G.split(_)),ne(),B)return Et()}else ee(G.split(_));if(I&&I<=at)return K=K.slice(0,I),Et(!0)}}return Et()}for(var bt=q.indexOf(_,U),dt=q.indexOf(M,U),jt=new RegExp(x(lt)+x(V),"g"),ot=q.indexOf(V,U);;)if(q[U]===V)for(ot=U,U++;;){if((ot=q.indexOf(V,ot+1))===-1)return j||Z.push({type:"Quotes",code:"MissingQuotes",message:"Quoted field unterminated",row:K.length,index:U}),Ut();if(ot===yt-1)return Ut(q.substring(U,ot).replace(jt,V));if(V===lt&&q[ot+1]===lt)ot++;else if(V===lt||ot===0||q[ot-1]!==lt){bt!==-1&&bt<ot+1&&(bt=q.indexOf(_,ot+1));var Mt=le((dt=dt!==-1&&dt<ot+1?q.indexOf(M,ot+1):dt)===-1?bt:Math.min(bt,dt));if(q.substr(ot+1+Mt,_t)===_){G.push(q.substring(U,ot).replace(jt,V)),q[U=ot+1+Mt+_t]!==V&&(ot=q.indexOf(V,U)),bt=q.indexOf(_,U),dt=q.indexOf(M,U);break}if(Mt=le(dt),q.substring(ot+1+Mt,ot+1+Mt+Y)===M){if(G.push(q.substring(U,ot).replace(jt,V)),Xe(ot+1+Mt+Y),bt=q.indexOf(_,U),ot=q.indexOf(V,U),X&&(ne(),B))return Et();if(I&&K.length>=I)return Et(!0);break}Z.push({type:"Quotes",code:"InvalidQuotes",message:"Trailing quote on quoted field is malformed",row:K.length,index:U}),ot++}}else if(E&&G.length===0&&q.substring(U,U+H)===E){if(dt===-1)return Et();U=dt+Y,dt=q.indexOf(M,U),bt=q.indexOf(_,U)}else if(bt!==-1&&(bt<dt||dt===-1))G.push(q.substring(U,bt)),U=bt+_t,bt=q.indexOf(_,U);else{if(dt===-1)break;if(G.push(q.substring(U,dt)),Xe(dt+Y),X&&(ne(),B))return Et();if(I&&K.length>=I)return Et(!0)}return Ut();function ee(Ft){K.push(Ft),gt=U}function le(Ft){var qt=0;return qt=Ft!==-1&&(Ft=q.substring(ot+1,Ft))&&Ft.trim()===""?Ft.length:qt}function Ut(Ft){return j||(Ft===void 0&&(Ft=q.substring(U)),G.push(Ft),U=yt,ee(G),X&&ne()),Et()}function Xe(Ft){U=Ft,ee(G),G=[],dt=q.indexOf(M,U)}function Et(Ft){if(g.header&&!J&&K.length&&!Q){var qt=K[0],ie=Object.create(null),Ge=new Set(qt);let ai=!1;for(let ze=0;ze<qt.length;ze++){let zt=qt[ze];if(ie[zt=k(g.transformHeader)?g.transformHeader(zt,ze):zt]){let ve,oi=ie[zt];for(;ve=zt+"_"+oi,oi++,Ge.has(ve););Ge.add(ve),qt[ze]=ve,ie[zt]++,ai=!0,($=$===null?{}:$)[ve]=zt}else ie[zt]=1,qt[ze]=zt;Ge.add(zt)}ai&&console.warn("Duplicate headers found and renamed."),Q=!0}return{data:K,errors:Z,meta:{delimiter:_,linebreak:M,aborted:B,truncated:!!Ft,cursor:gt+(J||0),renamedHeaders:$}}}function ne(){R(Et()),K=[],Z=[]}},this.abort=function(){B=!0},this.getCharIndex=function(){return U}}function S(g){var _=g.data,M=o[_.workerId],E=!1;if(_.error)M.userError(_.error,_.file);else if(_.results&&_.results.data){var R={abort:function(){E=!0,D(_.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:P,resume:P};if(k(M.userStep)){for(var I=0;I<_.results.data.length&&(M.userStep({data:_.results.data[I],errors:_.results.errors,meta:_.results.meta},R),!E);I++);delete _.results}else k(M.userChunk)&&(M.userChunk(_.results,R,_.file),delete _.results)}_.finished&&!E&&D(_.workerId,_.results)}function D(g,_){var M=o[g];k(M.userComplete)&&M.userComplete(_),M.terminate(),delete o[g]}function P(){throw new Error("Not implemented.")}function O(g){if(typeof g!="object"||g===null)return g;var _,M=Array.isArray(g)?[]:{};for(_ in g)M[_]=O(g[_]);return M}function C(g,_){return function(){g.apply(_,arguments)}}function k(g){return typeof g=="function"}return c.parse=function(g,_){var M=(_=_||{}).dynamicTyping||!1;if(k(M)&&(_.dynamicTypingFunction=M,M={}),_.dynamicTyping=M,_.transform=!!k(_.transform)&&_.transform,!_.worker||!c.WORKERS_SUPPORTED)return M=null,c.NODE_STREAM_INPUT,typeof g=="string"?(g=(E=>E.charCodeAt(0)!==65279?E:E.slice(1))(g),M=new(_.download?h:m)(_)):g.readable===!0&&k(g.read)&&k(g.on)?M=new p(_):(i.File&&g instanceof File||g instanceof Object)&&(M=new f(_)),M.stream(g);(M=(()=>{var E;return!!c.WORKERS_SUPPORTED&&(E=(()=>{var R=i.URL||i.webkitURL||null,I=e.toString();return c.BLOB_URL||(c.BLOB_URL=R.createObjectURL(new Blob(["var global = (function() { if (typeof self !== 'undefined') { return self; } if (typeof window !== 'undefined') { return window; } if (typeof global !== 'undefined') { return global; } return {}; })(); global.IS_PAPA_WORKER=true; ","(",I,")();"],{type:"text/javascript"})))})(),(E=new i.Worker(E)).onmessage=S,E.id=l++,o[E.id]=E)})()).userStep=_.step,M.userChunk=_.chunk,M.userComplete=_.complete,M.userError=_.error,_.step=k(_.step),_.chunk=k(_.chunk),_.complete=k(_.complete),_.error=k(_.error),delete _.worker,M.postMessage({input:g,config:_,workerId:M.id})},c.unparse=function(g,_){var M=!1,E=!0,R=",",I=`\r
 `,F='"',$=F+F,Q=!1,V=null,lt=!1,U=((()=>{if(typeof _=="object"){if(typeof _.delimiter!="string"||c.BAD_DELIMITERS.filter(function(J){return _.delimiter.indexOf(J)!==-1}).length||(R=_.delimiter),typeof _.quotes!="boolean"&&typeof _.quotes!="function"&&!Array.isArray(_.quotes)||(M=_.quotes),typeof _.skipEmptyLines!="boolean"&&typeof _.skipEmptyLines!="string"||(Q=_.skipEmptyLines),typeof _.newline=="string"&&(I=_.newline),typeof _.quoteChar=="string"&&(F=_.quoteChar),typeof _.header=="boolean"&&(E=_.header),Array.isArray(_.columns)){if(_.columns.length===0)throw new Error("Option columns is empty");V=_.columns}_.escapeChar!==void 0&&($=_.escapeChar+F),_.escapeFormulae instanceof RegExp?lt=_.escapeFormulae:typeof _.escapeFormulae=="boolean"&&_.escapeFormulae&&(lt=/^[=+\-@\t\r].*$/)}})(),new RegExp(x(F),"g"));if(typeof g=="string"&&(g=JSON.parse(g)),Array.isArray(g)){if(!g.length||Array.isArray(g[0]))return B(null,g,Q);if(typeof g[0]=="object")return B(V||Object.keys(g[0]),g,Q)}else if(typeof g=="object")return typeof g.data=="string"&&(g.data=JSON.parse(g.data)),Array.isArray(g.data)&&(g.fields||(g.fields=g.meta&&g.meta.fields||V),g.fields||(g.fields=Array.isArray(g.data[0])?g.fields:typeof g.data[0]=="object"?Object.keys(g.data[0]):[]),Array.isArray(g.data[0])||typeof g.data[0]=="object"||(g.data=[g.data])),B(g.fields||[],g.data||[],Q);throw new Error("Unable to serialize unrecognized input");function B(J,j,yt){var _t="",Y=(typeof J=="string"&&(J=JSON.parse(J)),typeof j=="string"&&(j=JSON.parse(j)),Array.isArray(J)&&0<J.length),H=!Array.isArray(j[0]);if(Y&&E){for(var X=0;X<J.length;X++)0<X&&(_t+=R),_t+=q(J[X],X);0<j.length&&(_t+=I)}for(var K=0;K<j.length;K++){var Z=(Y?J:j[K]).length,G=!1,gt=Y?Object.keys(j[K]).length===0:j[K].length===0;if(yt&&!Y&&(G=yt==="greedy"?j[K].join("").trim()==="":j[K].length===1&&j[K][0].length===0),yt==="greedy"&&Y){for(var vt=[],at=0;at<Z;at++){var bt=H?J[at]:at;vt.push(j[K][bt])}G=vt.join("").trim()===""}if(!G){for(var dt=0;dt<Z;dt++){0<dt&&!gt&&(_t+=R);var jt=Y&&H?J[dt]:dt;_t+=q(j[K][jt],dt)}K<j.length-1&&(!yt||0<Z&&!gt)&&(_t+=I)}}return _t}function q(J,j){var yt,_t;return J==null?"":J.constructor===Date?JSON.stringify(J).slice(1,25):(_t=!1,lt&&typeof J=="string"&&lt.test(J)&&(J="'"+J,_t=!0),yt=J.toString().replace(U,$),(_t=_t||M===!0||typeof M=="function"&&M(J,j)||Array.isArray(M)&&M[j]||((Y,H)=>{for(var X=0;X<H.length;X++)if(-1<Y.indexOf(H[X]))return!0;return!1})(yt,c.BAD_DELIMITERS)||-1<yt.indexOf(R)||yt.charAt(0)===" "||yt.charAt(yt.length-1)===" ")?F+yt+F:yt)}},c.RECORD_SEP="",c.UNIT_SEP="",c.BYTE_ORDER_MARK="\uFEFF",c.BAD_DELIMITERS=["\r",`
 `,'"',c.BYTE_ORDER_MARK],c.WORKERS_SUPPORTED=!r&&!!i.Worker,c.NODE_STREAM_INPUT=1,c.LocalChunkSize=10485760,c.RemoteChunkSize=5242880,c.DefaultDelimiter=",",c.Parser=v,c.ParserHandle=y,c.NetworkStreamer=h,c.FileStreamer=f,c.StringStreamer=m,c.ReadableStreamStreamer=p,i.jQuery&&((s=i.jQuery).fn.parse=function(g){var _=g.config||{},M=[];return this.each(function(I){if(!(s(this).prop("tagName").toUpperCase()==="INPUT"&&s(this).attr("type").toLowerCase()==="file"&&i.FileReader)||!this.files||this.files.length===0)return!0;for(var F=0;F<this.files.length;F++)M.push({file:this.files[F],inputElem:this,instanceConfig:s.extend({},_)})}),E(),this;function E(){if(M.length===0)k(g.complete)&&g.complete();else{var I,F,$,Q,V=M[0];if(k(g.before)){var lt=g.before(V.file,V.inputElem);if(typeof lt=="object"){if(lt.action==="abort")return I="AbortError",F=V.file,$=V.inputElem,Q=lt.reason,void(k(g.error)&&g.error({name:I},F,$,Q));if(lt.action==="skip")return void R();typeof lt.config=="object"&&(V.instanceConfig=s.extend(V.instanceConfig,lt.config))}else if(lt==="skip")return void R()}var U=V.instanceConfig.complete;V.instanceConfig.complete=function(B){k(U)&&U(B,V.file,V.inputElem),R()},c.parse(V.file,V.instanceConfig)}}function R(){M.splice(0,1),E()}}),a&&(i.onmessage=function(g){g=g.data,c.WORKER_ID===void 0&&g&&(c.WORKER_ID=g.workerId),typeof g.input=="string"?i.postMessage({workerId:c.WORKER_ID,results:c.parse(g.input,g.config),finished:!0}):(i.File&&g.input instanceof File||g.input instanceof Object)&&(g=c.parse(g.input,g.config))&&i.postMessage({workerId:c.WORKER_ID,results:g,finished:!0})}),(h.prototype=Object.create(u.prototype)).constructor=h,(f.prototype=Object.create(u.prototype)).constructor=f,(m.prototype=Object.create(m.prototype)).constructor=m,(p.prototype=Object.create(u.prototype)).constructor=p,c})})(Wm);var OC=Wm.exports;const PC=["id"],AC=d.defineComponent({__name:"VueJsonCsv",props:{data:{type:Array,required:!0},fields:{type:Array,required:!1,default:null},labels:{type:Object,required:!1,default:null},filename:{type:String,default:"report-data.csv"},delimiter:{type:String,default:",",required:!1},separatorExcel:{type:Boolean,default:!1},encoding:{type:String,default:"utf-8"},testing:{type:Boolean,required:!1,default:!1}},emits:["export-started","export-finished"],setup(n,{emit:t}){const e=t,i=n,s=d.computed(()=>`export_${new Date().getTime()}`),r=d.computed(()=>{const u=l();return u.length?u:null}),a=()=>{const u=i.labels;if(typeof i.fields!==ri.Object)throw new Error("Labels needs to be a object containing key / value pairs.");return typeof u===ri.Object?h=>QD(h,(f,m)=>u[m]||m):h=>h},o=()=>{const u=i.fields;if(typeof i.fields!==ri.Object&&!Array.isArray(u))throw new Error("Fields needs to be an array of strings.");return Array.isArray(u)?h=>CC(h,u):h=>h},l=()=>{if(typeof i.fields===ri.Undefined&&typeof i.labels===ri.Undefined)return i.data;const u=a(),h=o();return i.data.map(f=>u(h(f)))},c=()=>{if(!(r!=null&&r.value)){console.warn("No data to export");return}e("export-started",r.value);let u=OC.unparse(r.value,Object.assign({delimiter:i.delimiter,encoding:i.encoding}));if(i.separatorExcel&&(u="SEP="+i.delimiter+`\r
-`+u),i.encoding==="utf-8"&&(u="\uFEFF"+u),e("export-finished",i.filename),!i.testing){const h=new Blob([u],{type:"text/csv;charset="+i.encoding});EC.saveAs(h,i.filename)}};return(u,h)=>(d.openBlock(),d.createElementBlock("div",{id:s.value,"data-testid":"export-csv",onClick:c},[d.renderSlot(u.$slots,"default",{},()=>[d.createTextVNode("Download "+d.toDisplayString(n.filename),1)])],8,PC))}}),RC=d.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=d.computed(()=>Object.keys(t.headers));return(i,s)=>(d.openBlock(),d.createElementBlock("div",null,[d.createVNode(AC,{data:n.rows,fields:e.value,filename:n.filename,labels:n.headers},{default:d.withCtx(()=>[d.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}}),IC={class:"kong-ui-public-csv-export-modal"},LC={key:0,class:"selected-range"},NC={key:4,class:"text-muted",tag:"span"},Ym=3,FC=d.defineComponent({__name:"CsvExportModal",props:{exportState:{},filename:{},modalDescription:{default:void 0}},emits:["closeModal"],setup(n,{emit:t}){const{i18n:e}=mt.useI18n(),i=n,s=t,r=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,a=d.ref(1),o=d.computed(()=>f.value.rows.length),l=d.computed(()=>{var p,y;return i.exportState.status==="success"&&!!((y=(p=i.exportState.chartData)==null?void 0:p.data)!=null&&y.length)}),c=d.computed(()=>i.exportState.status!=="success"?"":mt.useChartSelectedRange(d.toRef(i.exportState,"chartData"))),u=d.computed(()=>i.exportState.status!=="success"?"":e.t("csvExport.previewRows",{rowsMax:Math.min(Ym,o.value),rowsTotal:o.value,plural:o.value===1?"":"s"})),h=()=>{s("closeModal")},f=d.computed(()=>{var O,C,k;if(i.exportState.status!=="success"||!l.value||!((O=i.exportState.chartData)!=null&&O.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const p=i.exportState.chartData,y=p.data.some(g=>g.timestamp!==p.data[0].timestamp),x=p.data.map(g=>{const _=new Date(g.timestamp);return{...Object.keys(g.event).reduce((E,R)=>{if(R in p.meta.display){const I=g.event[R],F=p.meta.display[R];E[R]=I&&F&&F[I].name||g.event[R]}else E[R]=g.event[R];return E},{}),...y?{timestamp:dl(_,"yyyy-MM-dd HH:mm:ss"),tzOffset:dl(_,"XXX")}:{}}});let v=[];y&&(v=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const S="display"in i.exportState.chartData.meta&&((C=i.exportState.chartData.meta)!=null&&C.display)?(k=i.exportState.chartData.meta)==null?void 0:k.display:{},D=[...v,...Object.keys(S).map(g=>({label:e.t(`chartLabels.${g}`),key:g})),...i.exportState.chartData.meta.metric_names.map(g=>({label:e.t(`chartLabels.${g}`),key:g}))],P=D.reduce((g,_)=>(g[_.key]=_.label,g),{});return{headers:D,csvHeaders:P,rows:x}}),m=async()=>{if(i.exportState.status!=="success")return{total:0,data:[]};const{rows:p}=f.value;return{total:Number(p.length)||0,data:p.slice(0,Ym)}};return d.watch(f,()=>{a.value++}),(p,y)=>{const x=d.resolveComponent("KSkeleton"),v=d.resolveComponent("KEmptyState"),S=d.resolveComponent("KTableData"),D=d.resolveComponent("KTooltip"),P=d.resolveComponent("KButton"),O=d.resolveComponent("KModal");return d.openBlock(),d.createElementBlock("div",IC,[d.createVNode(O,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:d.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:h,onKeyup:d.withKeys(h,["esc"])},{default:d.withCtx(()=>{var C;return[d.createElementVNode("div",null,[n.exportState.status==="success"&&l.value?(d.openBlock(),d.createElementBlock("div",LC,[d.createElementVNode("p",null,d.toDisplayString(n.modalDescription?n.modalDescription:d.unref(e).t("csvExport.exportDescription")),1),d.createElementVNode("p",null,d.toDisplayString(d.unref(e).t("csvExport.exportTimeRange"))+": "+d.toDisplayString(c.value),1)])):d.createCommentVNode("",!0),n.exportState.status==="loading"?(d.openBlock(),d.createBlock(x,{key:1,class:"chart-skeleton",type:"table"})):n.exportState.status==="success"?(d.openBlock(),d.createBlock(S,{key:2,class:"vitals-table",fetcher:m,"fetcher-cache-key":String(a.value),headers:((C=f.value)==null?void 0:C.headers)||[],"hide-pagination":"","row-hover":!1,sortable:!1},{"empty-state":d.withCtx(()=>[d.createVNode(v,{"action-button-visible":!1},{title:d.withCtx(()=>[d.createElementVNode("h5",null,d.toDisplayString(d.unref(e).t("csvExport.noDataRange")),1)]),default:d.withCtx(()=>[d.createElementVNode("p",null,d.toDisplayString(d.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"])):n.exportState.status==="error"?(d.openBlock(),d.createBlock(v,{key:3,"action-button-visible":!1},{title:d.withCtx(()=>[d.createElementVNode("h5",null,d.toDisplayString(d.unref(e).t("csvExport.dataError")),1)]),_:1})):d.createCommentVNode("",!0),n.exportState.status==="success"&&l.value?(d.openBlock(),d.createElementBlock("div",NC,[d.createTextVNode(d.toDisplayString(u.value)+" ",1),d.createVNode(D,{class:"preview-tooltip",placement:"right",text:d.unref(e).t("csvExport.maximumRecordAmount",{value:d.unref(Pw)})},{default:d.withCtx(()=>[d.createVNode(d.unref(qi.InfoIcon),{color:`var(--kui-color-text-neutral, ${d.unref(Jo)})`,size:d.unref(Is)},null,8,["color","size"])]),_:1},8,["text"])])):d.createCommentVNode("",!0)])]}),"footer-actions":d.withCtx(()=>[d.createVNode(P,{appearance:"tertiary",class:"cancel-btn",onClick:h},{default:d.withCtx(()=>[d.createTextVNode(d.toDisplayString(d.unref(e).t("csvExport.cancelButton")),1)]),_:1}),d.createVNode(RC,{class:"vitals-report-export-button",filename:r,headers:f.value.csvHeaders,rows:f.value.rows},{default:d.withCtx(()=>[d.createVNode(P,{appearance:"primary","data-testid":"csv-download-button",disabled:n.exportState.status!=="success"||!l.value},{default:d.withCtx(()=>[d.createTextVNode(d.toDisplayString(d.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),zC={class:"container"},BC={key:0,class:"no-data","data-testId":"sparkline-empty"},HC=["title"],WC=Ce(d.defineComponent({__name:"SparklineChart",props:{chartKey:{default:()=>{}},datasets:{},disableTooltip:{type:Boolean,default:!1},enableBrushing:{type:Boolean,default:!1},groupKey:{default:()=>{}},maxCount:{default:()=>{}},maxStamp:{default:()=>{}},minCount:{default:()=>{}},minStamp:{default:()=>{}},pointRenderCount:{default:24},showLabel:{type:Boolean,default:!1},tooltipTitle:{default:()=>{}},type:{default:"sparkline_bar"}},setup(n){const t=crypto.randomUUID(),{i18n:e}=mt.useI18n(),{syncedGroupSizeMs:i,syncedMinStamp:s,syncedMaxStamp:r,syncedMinCount:a,syncedMaxCount:o,syncedRenderPoints:l,syncedChartDatasets:c}=mt.useSparklineSync({chartKey:n.chartKey,datasets:n.datasets,groupKey:n.groupKey,minStamp:n.minStamp,maxStamp:n.maxStamp,minCount:n.minCount,maxCount:n.maxCount,renderPoints:n.pointRenderCount,type:n.type}),u=d.reactive({showTooltip:!1,tooltipContext:0,metricDisplay:"",tooltipSeries:[],left:"",top:"",units:"count",translateUnit:()=>"",offsetX:0,offsetY:0,width:0,height:0,chartType:n.type==="sparkline_bar"?"timeseries_bar":"timeseries_line",chartID:t,interactionMode:"idle"}),h=({width:k,height:g})=>{u.width=k,u.height=g},f=d.computed(()=>n.disableTooltip?[]:[new Rm({enableBrushing:n.groupKey!==void 0&&n.chartKey!==void 0&&n.enableBrushing,brushStrategy:"group",brushGroup:n.groupKey})]),m=d.computed(()=>c.value.reduce((k,{data:g,label:_})=>({...k,[_]:g.reduce((M,{y:E})=>M+E,0)}),{})),p=d.computed(()=>c.value.map(({label:k})=>[m.value[k],`${k}: ${m.value[k]}`]).sort(([k],[g])=>g-k).map(([,k])=>k).join(", ")),y=d.computed(()=>Object.keys(m.value).map(k=>m.value[k]).reduce((k,g)=>k+g,0)),x=d.computed(()=>y.value>0),v=d.computed(()=>({labels:new Array(l.value).fill(""),datasets:c.value})),S=d.computed(()=>n.datasets.length>1),D=`SparklineTooltipPosition-${t}`,P=d.computed(()=>{const k=n.type==="sparkline_bar",g=k?s.value-1:s.value,_=k?r.value:r.value-i.value;return{maintainAspectRatio:!1,elements:{categoryPercentage:1,barPercentage:1,line:{tension:0,stepped:n.type==="sparkline_step",borderWidth:1},point:{radius:0,pointHitRadius:11,pointHoverRadius:0}},interaction:{intersect:!1,mode:"index"},layout:{padding:{left:k?0:2,right:k?0:2,top:2}},plugins:{legend:{display:!1},tooltip:{enabled:!1,position:D,external:M=>{Kh(u,M,"minutely",{contextFormatter:E=>{const R=E+i.value;let I="";return i.value>24*60*60*1e3?I=Wr(new Date(R),"MMM dd, yyy hh:mm a"):I=Wr(new Date(R),"hh:mm a"),`${C1(E)} - ${I}`}})}}},scales:{x:{min:g,max:_,type:"timeseries",offset:!1,grid:{display:!1},display:!1,stacked:S.value},y:{min:Math.max(a.value-1,0),max:o.value,grid:{display:!1},display:!1,stacked:S.value}}}}),O=d.ref("0"),C=d.ref("0");return d.onMounted(()=>{De.positioners[D]=function(k,g){if(!k.length||u.interactionMode==="interactive"||g.x===null)return!1;const _=10,M=this.chart.canvas.getBoundingClientRect(),E=u.width||this.width,R=u.height||this.height,I=M.top-R>0,F=I?M.top-R-_:M.top+M.height+_,$=M.left>E/2-g.x,Q=Math.max(_,window.innerWidth-_-E),V=Math.min(Q,$?Math.floor(M.left-E/2)+g.x:0+_);return O.value=`${F}px`,C.value=`${V}px`,{x:V,y:F,xAlign:"center",yAlign:I?"top":"bottom"}}}),d.onUnmounted(()=>{De.positioners[D]&&delete De.positioners[D]}),(k,g)=>(d.openBlock(),d.createElementBlock("div",zC,[x.value?n.type==="sparkline_bar"?(d.openBlock(),d.createBlock(d.unref(Om),{key:1,"chart-id":d.unref(t),data:v.value,"data-testId":"sparkline-bar",options:P.value,plugins:f.value},null,8,["chart-id","data","options","plugins"])):n.type==="sparkline_line"||n.type==="sparkline_step"?(d.openBlock(),d.createBlock(d.unref(Am),{key:2,"chart-id":d.unref(t),data:v.value,"data-testId":n.type==="sparkline_line"?"sparkline-line":"sparkline-step",options:P.value,plugins:f.value},null,8,["chart-id","data","data-testId","options","plugins"])):d.createCommentVNode("",!0):(d.openBlock(),d.createElementBlock("div",BC,[d.renderSlot(k.$slots,"empty",{},()=>[d.createTextVNode(d.toDisplayString(d.unref(e).t("sparkline_no_data")),1)],!0)])),n.disableTooltip?d.createCommentVNode("",!0):(d.openBlock(),d.createBlock(ga,{key:3,"absolute-left":C.value,"absolute-top":O.value,class:"tooltip","data-testid":"sparkline-tooltip",state:u,"tooltip-title":n.tooltipTitle,onDimensions:h},null,8,["absolute-left","absolute-top","state","tooltip-title"])),x.value&&n.showLabel?(d.openBlock(),d.createElementBlock("div",{key:4,class:"label",title:k.$slots.label?"":p.value},[d.renderSlot(k.$slots,"label",{total:y.value,totalByDataset:m.value},()=>[d.createTextVNode(d.toDisplayString(p.value),1)],!0)],8,HC)):d.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-3f1a7074"]]);it.AnalyticsChart=vD,it.ChartLegendPosition=we,it.CsvExportModal=FC,it.DECIMAL_DISPLAY=X1,it.EMPTY_COLOR=cf,it.FONT_SIZE_REGULAR=ef,it.FONT_SIZE_SMALL=tf,it.MAX_LABEL_LENGTH=Qr,it.OTHERS_COLOR=aM,it.SimpleChart=zD,it.SparklineChart=WC,it.TopNTable=KD,it.ValidType=ri,it.accessibleGrey=of,it.apiRequestStatusCodeColors=lf,it.chartTypes=cD,it.codesInSpec=df,it.darkenColor=af,it.datavisPalette=on,it.defaultStatusCodeColors=ea,it.determineBaseColor=tl,it.errorRateColors=sM,it.handleQueryError=GM,it.latencyColors=rM,it.lightGrey=nl,it.lookupColor=oM,it.lookupDatavisColor=Jr,it.lookupStatusCodeCategoryColor=pM,it.lookupStatusCodeColor=il,it.simpleChartMetricDisplay=lD,it.simpleChartTypes=uD,it.statusCodeBadgeBackgroundColor=nM,it.thresholdColor=ta,it.trafficColors=iM,Object.defineProperty(it,Symbol.toStringTag,{value:"Module"})});
+`+u),i.encoding==="utf-8"&&(u="\uFEFF"+u),e("export-finished",i.filename),!i.testing){const h=new Blob([u],{type:"text/csv;charset="+i.encoding});EC.saveAs(h,i.filename)}};return(u,h)=>(d.openBlock(),d.createElementBlock("div",{id:s.value,"data-testid":"export-csv",onClick:c},[d.renderSlot(u.$slots,"default",{},()=>[d.createTextVNode("Download "+d.toDisplayString(n.filename),1)])],8,PC))}}),RC=d.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=d.computed(()=>Object.keys(t.headers));return(i,s)=>(d.openBlock(),d.createElementBlock("div",null,[d.createVNode(AC,{data:n.rows,fields:e.value,filename:n.filename,labels:n.headers},{default:d.withCtx(()=>[d.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}}),IC={class:"kong-ui-public-csv-export-modal"},LC={key:0,class:"selected-range"},NC={key:4,class:"text-muted",tag:"span"},Ym=3,FC=d.defineComponent({__name:"CsvExportModal",props:{exportState:{},filename:{},modalDescription:{default:void 0}},emits:["closeModal"],setup(n,{emit:t}){const{i18n:e}=mt.useI18n(),i=n,s=t,r=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,a=d.ref(1),o=d.computed(()=>f.value.rows.length),l=d.computed(()=>{var p,y;return i.exportState.status==="success"&&!!((y=(p=i.exportState.chartData)==null?void 0:p.data)!=null&&y.length)}),c=d.computed(()=>i.exportState.status!=="success"?"":mt.useChartSelectedRange(d.toRef(i.exportState,"chartData"))),u=d.computed(()=>i.exportState.status!=="success"?"":e.t("csvExport.previewRows",{rowsMax:Math.min(Ym,o.value),rowsTotal:o.value,plural:o.value===1?"":"s"})),h=()=>{s("closeModal")},f=d.computed(()=>{var O,C,k;if(i.exportState.status!=="success"||!l.value||!((O=i.exportState.chartData)!=null&&O.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const p=i.exportState.chartData,y=p.data.some(g=>g.timestamp!==p.data[0].timestamp),x=p.data.map(g=>{const _=new Date(g.timestamp);return{...Object.keys(g.event).reduce((E,R)=>{if(R in p.meta.display){const I=g.event[R],F=p.meta.display[R];E[R]=I&&F&&F[I].name||g.event[R]}else E[R]=g.event[R];return E},{}),...y?{timestamp:dl(_,"yyyy-MM-dd HH:mm:ss"),tzOffset:dl(_,"XXX")}:{}}});let v=[];y&&(v=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const S="display"in i.exportState.chartData.meta&&((C=i.exportState.chartData.meta)!=null&&C.display)?(k=i.exportState.chartData.meta)==null?void 0:k.display:{},D=[...v,...Object.keys(S).map(g=>({label:e.t(`chartLabels.${g}`),key:g})),...i.exportState.chartData.meta.metric_names.map(g=>({label:e.t(`chartLabels.${g}`),key:g}))],P=D.reduce((g,_)=>(g[_.key]=_.label,g),{});return{headers:D,csvHeaders:P,rows:x}}),m=async()=>{if(i.exportState.status!=="success")return{total:0,data:[]};const{rows:p}=f.value;return{total:Number(p.length)||0,data:p.slice(0,Ym)}};return d.watch(f,()=>{a.value++}),(p,y)=>{const x=d.resolveComponent("KSkeleton"),v=d.resolveComponent("KEmptyState"),S=d.resolveComponent("KTableData"),D=d.resolveComponent("KTooltip"),P=d.resolveComponent("KButton"),O=d.resolveComponent("KModal");return d.openBlock(),d.createElementBlock("div",IC,[d.createVNode(O,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:d.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:h,onKeyup:d.withKeys(h,["esc"])},{default:d.withCtx(()=>{var C;return[d.createElementVNode("div",null,[n.exportState.status==="success"&&l.value?(d.openBlock(),d.createElementBlock("div",LC,[d.createElementVNode("p",null,d.toDisplayString(n.modalDescription?n.modalDescription:d.unref(e).t("csvExport.exportDescription")),1),d.createElementVNode("p",null,d.toDisplayString(d.unref(e).t("csvExport.exportTimeRange"))+": "+d.toDisplayString(c.value),1)])):d.createCommentVNode("",!0),n.exportState.status==="loading"?(d.openBlock(),d.createBlock(x,{key:1,class:"chart-skeleton",type:"table"})):n.exportState.status==="success"?(d.openBlock(),d.createBlock(S,{key:2,class:"vitals-table",fetcher:m,"fetcher-cache-key":String(a.value),headers:((C=f.value)==null?void 0:C.headers)||[],"hide-pagination":"","row-hover":!1,sortable:!1},{"empty-state":d.withCtx(()=>[d.createVNode(v,{"action-button-visible":!1},{title:d.withCtx(()=>[d.createElementVNode("h5",null,d.toDisplayString(d.unref(e).t("csvExport.noDataRange")),1)]),default:d.withCtx(()=>[d.createElementVNode("p",null,d.toDisplayString(d.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"])):n.exportState.status==="error"?(d.openBlock(),d.createBlock(v,{key:3,"action-button-visible":!1},{title:d.withCtx(()=>[d.createElementVNode("h5",null,d.toDisplayString(d.unref(e).t("csvExport.dataError")),1)]),_:1})):d.createCommentVNode("",!0),n.exportState.status==="success"&&l.value?(d.openBlock(),d.createElementBlock("div",NC,[d.createTextVNode(d.toDisplayString(u.value)+" ",1),d.createVNode(D,{class:"preview-tooltip",placement:"right",text:d.unref(e).t("csvExport.maximumRecordAmount",{value:d.unref(Pw)})},{default:d.withCtx(()=>[d.createVNode(d.unref(qi.InfoIcon),{color:`var(--kui-color-text-neutral, ${d.unref(Jo)})`,size:d.unref(Is)},null,8,["color","size"])]),_:1},8,["text"])])):d.createCommentVNode("",!0)])]}),"footer-actions":d.withCtx(()=>[d.createVNode(P,{appearance:"tertiary",class:"cancel-btn",onClick:h},{default:d.withCtx(()=>[d.createTextVNode(d.toDisplayString(d.unref(e).t("csvExport.cancelButton")),1)]),_:1}),d.createVNode(RC,{class:"vitals-report-export-button",filename:r,headers:f.value.csvHeaders,rows:f.value.rows},{default:d.withCtx(()=>[d.createVNode(P,{appearance:"primary","data-testid":"csv-download-button",disabled:n.exportState.status!=="success"||!l.value},{default:d.withCtx(()=>[d.createTextVNode(d.toDisplayString(d.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),zC={class:"container"},BC={key:0,class:"no-data","data-testid":"sparkline-empty"},HC=["title"],WC=Ce(d.defineComponent({__name:"SparklineChart",props:{chartKey:{default:()=>{}},datasets:{},disableTooltip:{type:Boolean,default:!1},enableBrushing:{type:Boolean,default:!1},groupKey:{default:()=>{}},maxCount:{default:()=>{}},maxStamp:{default:()=>{}},minCount:{default:()=>{}},minStamp:{default:()=>{}},pointRenderCount:{default:24},showLabel:{type:Boolean,default:!1},tooltipTitle:{default:()=>{}},type:{default:"sparkline_bar"}},setup(n){const t=crypto.randomUUID(),{i18n:e}=mt.useI18n(),{syncedGroupSizeMs:i,syncedMinStamp:s,syncedMaxStamp:r,syncedMinCount:a,syncedMaxCount:o,syncedRenderPoints:l,syncedChartDatasets:c}=mt.useSparklineSync({chartKey:n.chartKey,datasets:n.datasets,groupKey:n.groupKey,minStamp:n.minStamp,maxStamp:n.maxStamp,minCount:n.minCount,maxCount:n.maxCount,renderPoints:n.pointRenderCount,type:n.type}),u=d.reactive({showTooltip:!1,tooltipContext:0,metricDisplay:"",tooltipSeries:[],left:"",top:"",units:"count",translateUnit:()=>"",offsetX:0,offsetY:0,width:0,height:0,chartType:n.type==="sparkline_bar"?"timeseries_bar":"timeseries_line",chartID:t,interactionMode:"idle"}),h=({width:k,height:g})=>{u.width=k,u.height=g},f=d.computed(()=>n.disableTooltip?[]:[new Rm({enableBrushing:n.groupKey!==void 0&&n.chartKey!==void 0&&n.enableBrushing,brushStrategy:"group",brushGroup:n.groupKey})]),m=d.computed(()=>c.value.reduce((k,{data:g,label:_})=>({...k,[_]:g.reduce((M,{y:E})=>M+E,0)}),{})),p=d.computed(()=>c.value.map(({label:k})=>[m.value[k],`${k}: ${m.value[k]}`]).sort(([k],[g])=>g-k).map(([,k])=>k).join(", ")),y=d.computed(()=>Object.keys(m.value).map(k=>m.value[k]).reduce((k,g)=>k+g,0)),x=d.computed(()=>y.value>0),v=d.computed(()=>({labels:new Array(l.value).fill(""),datasets:c.value})),S=d.computed(()=>n.datasets.length>1),D=`SparklineTooltipPosition-${t}`,P=d.computed(()=>{const k=n.type==="sparkline_bar",g=k?s.value-1:s.value,_=k?r.value:r.value-i.value;return{maintainAspectRatio:!1,elements:{categoryPercentage:1,barPercentage:1,line:{tension:0,stepped:n.type==="sparkline_step",borderWidth:1},point:{radius:0,pointHitRadius:11,pointHoverRadius:0}},interaction:{intersect:!1,mode:"index"},layout:{padding:{left:k?0:2,right:k?0:2,top:2}},plugins:{legend:{display:!1},tooltip:{enabled:!1,position:D,external:M=>{Kh(u,M,"minutely",{contextFormatter:E=>{const R=E+i.value;let I="";return i.value>24*60*60*1e3?I=Wr(new Date(R),"MMM dd, yyy hh:mm a"):I=Wr(new Date(R),"hh:mm a"),`${C1(E)} - ${I}`}})}}},scales:{x:{min:g,max:_,type:"timeseries",offset:!1,grid:{display:!1},display:!1,stacked:S.value},y:{min:Math.max(a.value-1,0),max:o.value,grid:{display:!1},display:!1,stacked:S.value}}}}),O=d.ref("0"),C=d.ref("0");return d.onMounted(()=>{De.positioners[D]=function(k,g){if(!k.length||u.interactionMode==="interactive"||g.x===null)return!1;const _=10,M=this.chart.canvas.getBoundingClientRect(),E=u.width||this.width,R=u.height||this.height,I=M.top-R>0,F=I?M.top-R-_:M.top+M.height+_,$=M.left>E/2-g.x,Q=Math.max(_,window.innerWidth-_-E),V=Math.min(Q,$?Math.floor(M.left-E/2)+g.x:0+_);return O.value=`${F}px`,C.value=`${V}px`,{x:V,y:F,xAlign:"center",yAlign:I?"top":"bottom"}}}),d.onUnmounted(()=>{De.positioners[D]&&delete De.positioners[D]}),(k,g)=>(d.openBlock(),d.createElementBlock("div",zC,[x.value?n.type==="sparkline_bar"?(d.openBlock(),d.createBlock(d.unref(Om),{key:1,"chart-id":d.unref(t),data:v.value,"data-testid":"sparkline-bar",options:P.value,plugins:f.value},null,8,["chart-id","data","options","plugins"])):n.type==="sparkline_line"||n.type==="sparkline_step"?(d.openBlock(),d.createBlock(d.unref(Am),{key:2,"chart-id":d.unref(t),data:v.value,"data-testid":n.type==="sparkline_line"?"sparkline-line":"sparkline-step",options:P.value,plugins:f.value},null,8,["chart-id","data","data-testid","options","plugins"])):d.createCommentVNode("",!0):(d.openBlock(),d.createElementBlock("div",BC,[d.renderSlot(k.$slots,"empty",{},()=>[d.createTextVNode(d.toDisplayString(d.unref(e).t("sparkline_no_data")),1)],!0)])),n.disableTooltip?d.createCommentVNode("",!0):(d.openBlock(),d.createBlock(ga,{key:3,"absolute-left":C.value,"absolute-top":O.value,class:"tooltip","data-testid":"sparkline-tooltip",state:u,"tooltip-title":n.tooltipTitle,onDimensions:h},null,8,["absolute-left","absolute-top","state","tooltip-title"])),x.value&&n.showLabel?(d.openBlock(),d.createElementBlock("div",{key:4,class:"label",title:k.$slots.label?"":p.value},[d.renderSlot(k.$slots,"label",{total:y.value,totalByDataset:m.value},()=>[d.createTextVNode(d.toDisplayString(p.value),1)],!0)],8,HC)):d.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-ae8259b6"]]);it.AnalyticsChart=vD,it.ChartLegendPosition=we,it.CsvExportModal=FC,it.DECIMAL_DISPLAY=X1,it.EMPTY_COLOR=cf,it.FONT_SIZE_REGULAR=ef,it.FONT_SIZE_SMALL=tf,it.MAX_LABEL_LENGTH=Qr,it.OTHERS_COLOR=aM,it.SimpleChart=zD,it.SparklineChart=WC,it.TopNTable=KD,it.ValidType=ri,it.accessibleGrey=of,it.apiRequestStatusCodeColors=lf,it.chartTypes=cD,it.codesInSpec=df,it.darkenColor=af,it.datavisPalette=on,it.defaultStatusCodeColors=ea,it.determineBaseColor=tl,it.errorRateColors=sM,it.handleQueryError=GM,it.latencyColors=rM,it.lightGrey=nl,it.lookupColor=oM,it.lookupDatavisColor=Jr,it.lookupStatusCodeCategoryColor=pM,it.lookupStatusCodeColor=il,it.simpleChartMetricDisplay=lD,it.simpleChartTypes=uD,it.statusCodeBadgeBackgroundColor=nM,it.thresholdColor=ta,it.trafficColors=iM,Object.defineProperty(it,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/analytics-chart",
-  "version": "10.15.9",
+  "version": "10.15.10",
   "type": "module",
   "main": "./dist/vitals-chart.umd.js",
   "module": "./dist/vitals-chart.es.js",
@@ -21,13 +21,13 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@kong/kongponents": "^9.52.5",
+    "@kong/kongponents": "^9.52.11",
     "vue": ">= 3.3.13 < 4",
     "@kong-ui-public/i18n": "^2.4.6"
   },
   "devDependencies": {
-    "@kong/design-tokens": "1.20.0",
-    "@kong/kongponents": "9.52.5",
+    "@kong/design-tokens": "1.20.1",
+    "@kong/kongponents": "9.52.11",
     "@types/uuid": "^11.0.0",
     "file-saver": "^2.0.5",
     "lodash.mapkeys": "^4.6.0",
@@ -36,7 +36,7 @@
     "papaparse": "^5.5.3",
     "vue": "^3.5.32",
     "@kong-ui-public/i18n": "^2.4.6",
-    "@kong-ui-public/sandbox-layout": "^2.4.7"
+    "@kong-ui-public/sandbox-layout": "^2.4.8"
   },
   "repository": {
     "type": "git",
@@ -64,8 +64,8 @@
     "date-fns-tz": "^3.2.0",
     "uuid": "^14.0.0",
     "vue-chartjs": "^5.3.3",
-    "@kong-ui-public/analytics-metric-provider": "^11.3.18",
-    "@kong-ui-public/analytics-utilities": "^12.13.3"
+    "@kong-ui-public/analytics-utilities": "^12.13.4",
+    "@kong-ui-public/analytics-metric-provider": "^11.3.19"
   },
   "distSizeChecker": {
     "warningLimit": "1.6MB",