@kong-ui-public/analytics-chart 10.7.2-pr.2576.7aeca3472.0 → 10.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .zoom-timerange-container[data-v-0e972e3c]{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-0e972e3c]{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-0e972e3c]{color:#52596e;color:var(--kui-color-text-netural-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-078294a6]{cursor:move}.tooltip-container[data-v-078294a6]{background-color:#fff;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-078294a6]{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-078294a6]{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-078294a6]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-078294a6]{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-078294a6]{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-078294a6]{-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-078294a6] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-078294a6] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-078294a6] ::-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-078294a6]{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-078294a6]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-078294a6]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-078294a6]{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-078294a6]{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-2e13ddb3]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-2e13ddb3]{-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-2e13ddb3] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-2e13ddb3] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-2e13ddb3] ::-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.vertical[data-v-2e13ddb3]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-2e13ddb3]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-2e13ddb3]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-2e13ddb3]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-2e13ddb3]{display:none}}.legend-container.horizontal[data-v-2e13ddb3]{column-gap:12px;display:grid;height:var(--6d3f1170);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-2e13ddb3]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-2e13ddb3]{align-items:center;margin:0}.legend-container.horizontal li .label[data-v-2e13ddb3]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-2e13ddb3]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-2e13ddb3]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-2e13ddb3]{font-size:12px}.legend-container li .sub-label[data-v-2e13ddb3]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-2e13ddb3]{text-decoration:line-through}.legend-container li .empty[data-v-2e13ddb3]{font-style:italic}.legend-container li .tooltip-content[data-v-2e13ddb3]{max-width:40ch}.chart-parent[data-v-acf2a980]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-acf2a980]{flex-direction:column}.chart-parent.column .chart-container[data-v-acf2a980]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-acf2a980]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-acf2a980]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-acf2a980]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-acf2a980]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-acf2a980]{flex:1 1 auto;position:relative}.chart-container[data-v-acf2a980]{overflow:auto}.chart-container[data-v-acf2a980]{-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-acf2a980] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-acf2a980] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-acf2a980] ::-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-acf2a980]{height:100%}.chart-container[data-v-acf2a980]::-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-acf2a980]::-webkit-scrollbar{width:10px}.chart-container[data-v-acf2a980]::-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-acf2a980]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-acf2a980]{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-acf2a980]{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-acf2a980]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-f3942f91]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-f3942f91]{flex-direction:column}.chart-parent.column .chart-container[data-v-f3942f91]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-f3942f91]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-f3942f91]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-f3942f91]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-f3942f91]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-f3942f91]{flex:1 1 auto;position:relative}.chart-parent[data-v-3a82636b]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-3a82636b]{flex-direction:column}.chart-parent.column .chart-container[data-v-3a82636b]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-3a82636b]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-3a82636b]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-3a82636b]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-3a82636b]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-3a82636b]{flex:1 1 auto;position:relative}.analytics-chart-shell[data-v-01aae525],.simple-chart-shell[data-v-01aae525]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-01aae525],.simple-chart-shell .chart-empty-state[data-v-01aae525]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-01aae525]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-01aae525]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-01aae525]{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-header[data-v-01aae525]{align-items:center;display:flex;justify-content:flex-start;width:100%;z-index:999}.analytics-chart-shell .tooltip[data-v-01aae525]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .tooltip .tooltip-content[data-v-01aae525]{max-width:40vw}.chart-parent[data-v-32e7f9e0]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-32e7f9e0]{flex-direction:column}.chart-parent.column .chart-container[data-v-32e7f9e0]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-32e7f9e0]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-32e7f9e0]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-32e7f9e0]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-32e7f9e0]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-32e7f9e0]{flex:1 1 auto;position:relative}.chart-parent[data-v-32e7f9e0]{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-32e7f9e0]{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-32e7f9e0]{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-32e7f9e0]{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-32e7f9e0]{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-c25764ee]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c25764ee]{flex-direction:column}.chart-parent.column .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-c25764ee]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c25764ee]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-c25764ee]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c25764ee]{flex:1 1 auto;position:relative}.chart-parent[data-v-c25764ee]{container-type:inline-size}.chart-parent .single-value-error[data-v-c25764ee] .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-c25764ee]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:80px;line-height:88px}}.analytics-chart-shell[data-v-471652c8],.simple-chart-shell[data-v-471652c8]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-471652c8],.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-471652c8]{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-471652c8]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-471652c8] .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-665e7735]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-665e7735]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-665e7735] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-665e7735] .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-665e7735] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-665e7735] .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-665e7735]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-665e7735]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-665e7735]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-665e7735]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-665e7735]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-665e7735]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-665e7735]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #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-e18e899f]{align-items:center;border:1px solid #e0e4ea;border-radius:4px;display:flex;height:30px;justify-content:center;overflow:hidden;padding-top:1px;position:relative}.container .no-data[data-v-e18e899f]{color:#6c7489;cursor:default;font-size:12px;-webkit-user-select:none;user-select:none}.container .label[data-v-e18e899f]{background-color:#ecfcff;border-bottom:1px solid #e0e4ea;border-radius:4px 0;border-right:1px solid #e0e4ea;color:#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-e18e899f]{z-index:10}
1
+ .zoom-timerange-container[data-v-0e972e3c]{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-0e972e3c]{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-0e972e3c]{color:#52596e;color:var(--kui-color-text-netural-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-078294a6]{cursor:move}.tooltip-container[data-v-078294a6]{background-color:#fff;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-078294a6]{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-078294a6]{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-078294a6]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-078294a6]{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-078294a6]{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-078294a6]{-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-078294a6] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-078294a6] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-078294a6] ::-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-078294a6]{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-078294a6]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-078294a6]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-078294a6]{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-078294a6]{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-2e13ddb3]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-2e13ddb3]{-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-2e13ddb3] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-2e13ddb3] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-2e13ddb3] ::-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.vertical[data-v-2e13ddb3]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-2e13ddb3]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-2e13ddb3]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-2e13ddb3]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-2e13ddb3]{display:none}}.legend-container.horizontal[data-v-2e13ddb3]{column-gap:12px;display:grid;height:var(--6d3f1170);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-2e13ddb3]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-2e13ddb3]{align-items:center;margin:0}.legend-container.horizontal li .label[data-v-2e13ddb3]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-2e13ddb3]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-2e13ddb3]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-2e13ddb3]{font-size:12px}.legend-container li .sub-label[data-v-2e13ddb3]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-2e13ddb3]{text-decoration:line-through}.legend-container li .empty[data-v-2e13ddb3]{font-style:italic}.legend-container li .tooltip-content[data-v-2e13ddb3]{max-width:40ch}.chart-parent[data-v-acf2a980]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-acf2a980]{flex-direction:column}.chart-parent.column .chart-container[data-v-acf2a980]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-acf2a980]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-acf2a980]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-acf2a980]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-acf2a980]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-acf2a980]{flex:1 1 auto;position:relative}.chart-container[data-v-acf2a980]{overflow:auto}.chart-container[data-v-acf2a980]{-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-acf2a980] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-acf2a980] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-acf2a980] ::-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-acf2a980]{height:100%}.chart-container[data-v-acf2a980]::-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-acf2a980]::-webkit-scrollbar{width:10px}.chart-container[data-v-acf2a980]::-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-acf2a980]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-acf2a980]{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-acf2a980]{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-acf2a980]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-f3942f91]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-f3942f91]{flex-direction:column}.chart-parent.column .chart-container[data-v-f3942f91]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-f3942f91]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-f3942f91]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-f3942f91]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-f3942f91]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-f3942f91]{flex:1 1 auto;position:relative}.chart-parent[data-v-3a82636b]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-3a82636b]{flex-direction:column}.chart-parent.column .chart-container[data-v-3a82636b]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-3a82636b]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-3a82636b]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-3a82636b]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-3a82636b]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-3a82636b]{flex:1 1 auto;position:relative}.analytics-chart-shell[data-v-01aae525],.simple-chart-shell[data-v-01aae525]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-01aae525],.simple-chart-shell .chart-empty-state[data-v-01aae525]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-01aae525]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-01aae525]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-01aae525]{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-header[data-v-01aae525]{align-items:center;display:flex;justify-content:flex-start;width:100%;z-index:999}.analytics-chart-shell .tooltip[data-v-01aae525]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .tooltip .tooltip-content[data-v-01aae525]{max-width:40vw}.chart-parent[data-v-32e7f9e0]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-32e7f9e0]{flex-direction:column}.chart-parent.column .chart-container[data-v-32e7f9e0]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-32e7f9e0]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-32e7f9e0]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-32e7f9e0]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-32e7f9e0]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-32e7f9e0]{flex:1 1 auto;position:relative}.chart-parent[data-v-32e7f9e0]{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-32e7f9e0]{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-32e7f9e0]{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-32e7f9e0]{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-32e7f9e0]{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-c25764ee]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c25764ee]{flex-direction:column}.chart-parent.column .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-c25764ee]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c25764ee]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-c25764ee]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c25764ee]{flex:1 1 auto;position:relative}.chart-parent[data-v-c25764ee]{container-type:inline-size}.chart-parent .single-value-error[data-v-c25764ee] .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-c25764ee]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:80px;line-height:88px}}.analytics-chart-shell[data-v-471652c8],.simple-chart-shell[data-v-471652c8]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-471652c8],.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-471652c8]{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-471652c8]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-471652c8] .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-665e7735]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-665e7735]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-665e7735] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-665e7735] .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-665e7735] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-665e7735] .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-665e7735]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-665e7735]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-665e7735]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-665e7735]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-665e7735]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-665e7735]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-665e7735]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #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-ea085d8b]{align-items:center;border:1px solid #e0e4ea;border-radius:4px;display:flex;height:30px;justify-content:center;overflow:hidden;padding-top:1px;position:relative}.container .no-data[data-v-ea085d8b]{color:#6c7489;cursor:default;font-size:12px;-webkit-user-select:none;user-select:none}.container .label[data-v-ea085d8b]{background-color:#ecfcff;border-bottom:1px solid #e0e4ea;border-radius:4px 0;border-right:1px solid #e0e4ea;color:#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-ea085d8b]{z-index:10}
@@ -1,68 +1,20 @@
1
1
  import 'chartjs-adapter-date-fns';
2
2
  import type { SparklineDataset, SparklineType } from '../types';
3
3
  type __VLS_Props = {
4
- /**
5
- * WARNING `chartKey` without `groupKey` does nothing.
6
- * WARNING `chartKey` must be static across renders.
7
- *
8
- * Each sparkline that is a part of a group must provide a unique identifier
9
- * that is consistent across renders. This allows all sparklines in that group
10
- * to share state. See `groupKey` for details.
11
- */
12
- chartKey?: string;
13
- /**
14
- * A collection of timestamps. Given the number of `pointRenderCount` and the
15
- * range of timestamps to be drawn, the timestamps will be bucketed with a
16
- * count of how many timestamps are in each bucket. For example, given
17
- * timestamps `[1, 1, 1, 4, 5, 6]` and a `pointRenderCount` of 2, will render
18
- * two data points: 1-3: 3, 4-6: 3. However, if your `pointRenderCount` was 3
19
- * it would instead render three data points: 1-2: 3, 3-4: 1, 5-6: 2
20
- */
21
4
  datasets: SparklineDataset[];
22
5
  disableTooltip?: boolean;
23
6
  /**
24
- * WARNING `enableBrushing` without `groupKey` and `chartKey` does nothing.
25
- *
26
- * When brushing is enabled a vertical line will be drawn at the mouse
27
- * position on all sparklines that share the same `groupKey`.
28
- */
29
- enableBrushing?: boolean;
30
- /**
31
- * WARNING `groupKey` without `chartKey` does nothing.
32
- * WARNING `groupKey` must be static across renders.
33
- *
34
- * Every sparkline that has the same `groupKey` will be forced to render all
35
- * data at the same scale in both the X and Y axes. Each one will effectively
36
- * inherit the smallest `minStamp`, largest `maxStamp`, and largest `maxCount`.
37
- * For each sparkline that doesn't have those props, it will calculate those
38
- * props from the dataset it's given and that dataset will be used to
39
- * influence other sparklines with this `groupKey` as well.
40
- */
41
- groupKey?: string;
42
- /**
43
- * determines the relative sizes/heights of bars/points on the y axis after
44
- * bucketing the timestamps in your datasets. Defaults to the largest count.
45
- * If lower than the largest count the data will be truncated.
7
+ * determines the relative sizes/heights of bars/points after bucketing
46
8
  */
47
- maxCount?: number;
9
+ maxCount: number;
48
10
  /**
49
- * determines the relative position of bars/points on the x axis, defaults to
50
- * the largest timestamp in your datasets. If set lower than the largest
51
- * timestamp, the data will be truncated.
11
+ * determines the relative position of bars/points, defaults to Date.now()
52
12
  */
53
13
  maxStamp?: number;
54
14
  /**
55
- * determines the relative sizes/heights of bars/points on the y axis after
56
- * bucketing the timestamps in your datasets. Defaults to 0. If higher than
57
- * the lowest count the data will be truncated.
58
- */
59
- minCount?: number;
60
- /**
61
- * determines the relative position of bars/points on the x axis, defaults to
62
- * the smallest timestamp in your datasets. If set higher than the smallest
63
- * timestamp, the data will be truncated
15
+ * determines the relative position of bars/points.
64
16
  */
65
- minStamp?: number;
17
+ minStamp: number;
66
18
  /**
67
19
  * The number of datapoints to render. Will bucket timestamps into ranges that
68
20
  * are `(maxStamp - minStamp) / pointRenderCount` apart. `pointRenderCount`
@@ -83,7 +35,11 @@ type __VLS_Slots = {} & {
83
35
  } & {
84
36
  label?: (props: typeof __VLS_20) => any;
85
37
  };
86
- declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
38
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
39
+ max: (max: number) => any;
40
+ }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
41
+ onMax?: ((max: number) => any) | undefined;
42
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
87
43
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
88
44
  export default _default;
89
45
  type __VLS_WithSlots<T, S> = T & {
@@ -1 +1 @@
1
- {"version":3,"file":"SparklineChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SparklineChart.vue"],"names":[],"mappings":"AAgbA,OAAO,0BAA0B,CAAA;AAMjC,OAAO,KAAK,EAA0B,gBAAgB,EAAE,aAAa,EAAgB,MAAM,UAAU,CAAA;AAIrG,KAAK,WAAW,GAAG;IACjB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;OAOG;IACH,QAAQ,EAAE,gBAAgB,EAAE,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,EAAE,aAAa,CAAA;CACpB,CAAC;AAmXF,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ;;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAkC9C,QAAA,MAAM,eAAe,oSAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"SparklineChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SparklineChart.vue"],"names":[],"mappings":"AAqYA,OAAO,0BAA0B,CAAA;AAOjC,OAAO,KAAK,EAA0B,gBAAgB,EAAE,aAAa,EAAgB,MAAM,UAAU,CAAA;AAIrG,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,gBAAgB,EAAE,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,EAAE,aAAa,CAAA;CACpB,CAAC;AAwXF,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ;;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAmC9C,QAAA,MAAM,eAAe;;;;kFAKnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,20 +1,9 @@
1
1
  import type { Chart, ChartType, Plugin, TooltipItem } from 'chart.js';
2
- type BrushStrategy = 'group';
3
2
  export declare class VerticalLinePlugin implements Plugin {
4
3
  id: string;
5
4
  private _clickedSegment?;
6
5
  private _pause;
7
- private _useBrushingState;
8
- private _brushStrategy;
9
- private _brushGroup;
10
- constructor({ brushGroup, brushStrategy, enableBrushing, }?: {
11
- brushGroup?: string;
12
- brushStrategy?: BrushStrategy;
13
- enableBrushing?: boolean;
14
- });
15
- afterEvent(chart: Chart, args: any): void;
16
6
  afterDatasetsDraw(chart: Chart): void;
17
- drawByBrush(chart: Chart): void;
18
7
  pause(): void;
19
8
  resume(): void;
20
9
  get isPaused(): boolean;
@@ -23,5 +12,4 @@ export declare class VerticalLinePlugin implements Plugin {
23
12
  destroyClickedSegment(): void;
24
13
  beforeDestroy(): void;
25
14
  }
26
- export {};
27
15
  //# sourceMappingURL=VerticalLinePlugin.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"VerticalLinePlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-plugins/VerticalLinePlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAoBrE,KAAK,aAAa,GAAG,OAAO,CAAA;AAS5B,qBAAa,kBAAmB,YAAW,MAAM;IAC/C,EAAE,SAAuB;IACzB,OAAO,CAAC,eAAe,CAAC,CAAoC;IAC5D,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,iBAAiB,CAAQ;IACjC,OAAO,CAAC,cAAc,CAA2B;IACjD,OAAO,CAAC,WAAW,CAAoB;gBAE3B,EACV,UAAsB,EACtB,aAAyB,EACzB,cAAsB,GACvB,GAAE;QACD,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,aAAa,CAAC,EAAE,aAAa,CAAA;QAC7B,cAAc,CAAC,EAAE,OAAO,CAAA;KACpB;IAWN,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG;IAoClC,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAyB9B,WAAW,CAAC,KAAK,EAAE,KAAK;IAYxB,KAAK;IAIL,MAAM;IAIN,IAAI,QAAQ,YAEX;IAED,IAAI,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,SAAS,EAE7D;IACD,IAAI,cAAc,IAAI,WAAW,CAAC,SAAS,CAAC,GAAG,SAAS,CAEvD;IAED,qBAAqB;IAIrB,aAAa;CAKd"}
1
+ {"version":3,"file":"VerticalLinePlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-plugins/VerticalLinePlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAarE,qBAAa,kBAAmB,YAAW,MAAM;IAC/C,EAAE,SAAuB;IACzB,OAAO,CAAC,eAAe,CAAC,CAAoC;IAC5D,OAAO,CAAC,MAAM,CAAQ;IAEtB,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAc9B,KAAK;IAIL,MAAM;IAIN,IAAI,QAAQ,YAEX;IAED,IAAI,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,SAAS,EAE7D;IACD,IAAI,cAAc,IAAI,WAAW,CAAC,SAAS,CAAC,GAAG,SAAS,CAEvD;IAED,qBAAqB;IAIrB,aAAa;CAKd"}
@@ -10,7 +10,6 @@ import useExploreResultToTimeDataset from './useExploreResultToTimeDatasets';
10
10
  import useTranslatedUnits from './useTranslatedUnits';
11
11
  import useEvaluateFeatureFlag from './useEvauluateFeatureFlag';
12
12
  import useTooltipAbsolutePosition from './useTooltipAbsolutePosition';
13
- import useSparklineSync from './useSparklineSync';
14
13
  declare const _default: {
15
14
  useBarChartOptions: typeof useBarChartOptions;
16
15
  useChartJSCommon: typeof useChartJSCommon;
@@ -25,7 +24,6 @@ declare const _default: {
25
24
  useTranslatedUnits: typeof useTranslatedUnits;
26
25
  useEvaluateFeatureFlag: typeof useEvaluateFeatureFlag;
27
26
  useTooltipAbsolutePosition: typeof useTooltipAbsolutePosition;
28
- useSparklineSync: typeof useSparklineSync;
29
27
  };
30
28
  export default _default;
31
29
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,6BAA6B,MAAM,kCAAkC,CAAA;AAE5E,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,sBAAsB,MAAM,2BAA2B,CAAA;AAC9D,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;AAGjD,wBAeC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,6BAA6B,MAAM,kCAAkC,CAAA;AAE5E,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,sBAAsB,MAAM,2BAA2B,CAAA;AAC9D,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;;;;;;;;;;;;;;;;AAGrE,wBAcC"}
@@ -1,5 +1,5 @@
1
- declare const _default: ({ bucketCount, minStamp, maxStamp, timestamps, }: {
2
- bucketCount: number;
1
+ declare const _default: ({ groupSizeMs, minStamp, maxStamp, timestamps, }: {
2
+ groupSizeMs: number;
3
3
  minStamp: number;
4
4
  maxStamp: number;
5
5
  timestamps: number[];
@@ -1 +1 @@
1
- {"version":3,"file":"bucketTimestamps.d.ts","sourceRoot":"","sources":["../../../src/utils/bucketTimestamps.ts"],"names":[],"mappings":"yBAAgB,kDAKb;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,KAAG,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAV3B,wBAoCC"}
1
+ {"version":3,"file":"bucketTimestamps.d.ts","sourceRoot":"","sources":["../../../src/utils/bucketTimestamps.ts"],"names":[],"mappings":"yBAAgB,kDAKb;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,KAAG,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAV3B,wBAsCC"}