@kong-ui-public/analytics-chart 10.3.0 → 10.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/dist/types/components/AnalyticsChart.vue.d.ts.map +1 -1
- package/dist/types/components/chart-plugins/ThresholdPlugin.d.ts +20 -0
- package/dist/types/components/chart-plugins/ThresholdPlugin.d.ts.map +1 -0
- package/dist/types/components/chart-types/TimeSeriesChart.vue.d.ts +4 -2
- package/dist/types/components/chart-types/TimeSeriesChart.vue.d.ts.map +1 -1
- package/dist/types/composables/useExploreResultToTimeDatasets.d.ts.map +1 -1
- package/dist/types/composables/useLineChartOptions.d.ts +3 -0
- package/dist/types/composables/useLineChartOptions.d.ts.map +1 -1
- package/dist/types/types/chart-data.d.ts +7 -1
- package/dist/types/types/chart-data.d.ts.map +1 -1
- package/dist/types/types/chartjs-options.d.ts +3 -1
- package/dist/types/types/chartjs-options.d.ts.map +1 -1
- package/dist/types/types/explore-to-dataset-deps.d.ts +2 -2
- package/dist/types/types/explore-to-dataset-deps.d.ts.map +1 -1
- package/dist/types/utils/colors.d.ts +2 -1
- package/dist/types/utils/colors.d.ts.map +1 -1
- package/dist/vitals-chart.es.js +3514 -3463
- package/dist/vitals-chart.umd.js +18 -18
- package/package.json +2 -2
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-3ea90ad9]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-3ea90ad9]{flex-direction:column}.chart-parent.column .chart-container[data-v-3ea90ad9]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-3ea90ad9]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-3ea90ad9]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-3ea90ad9]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-3ea90ad9]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-3ea90ad9]{flex:1 1 auto;position:relative}.analytics-chart-shell[data-v-a878fa35],.simple-chart-shell[data-v-a878fa35]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-a878fa35],.simple-chart-shell .chart-empty-state[data-v-a878fa35]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-a878fa35]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-a878fa35]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-a878fa35]{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-a878fa35]{align-items:center;display:flex;justify-content:flex-start;width:100%;z-index:999}.analytics-chart-shell .tooltip[data-v-a878fa35]{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-a878fa35]{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}
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnalyticsChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChart.vue"],"names":[],"mappings":"AA0aA,OAAO,KAAK,EAAE,qBAAqB,EAAsB,YAAY,EAAgC,MAAM,UAAU,CAAA;AACrH,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAK9C,OAAO,KAAK,EAAE,mBAAmB,EAAuB,eAAe,EAAqB,MAAM,qCAAqC,CAAA;AAMvI,UAAU,UAAU;IAClB,SAAS,EAAE,eAAe,CAAA;IAC1B,YAAY,EAAE,qBAAqB,CAAA;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,WAAW,CAAC,EAAE,YAAY,CAAA;CAC3B;;;;;;;;uBANqB,MAAM;kBAJX,MAAM;sBAKF,OAAO;oBAFT,GAAG,mBAAmB,EAAE;qBAFvB,MAAM;2BACA,MAAM;qBAIZ,OAAO;oBACR,OAAO;kBACT,YAAY;iBACb,YAAY;;
|
|
1
|
+
{"version":3,"file":"AnalyticsChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChart.vue"],"names":[],"mappings":"AA0aA,OAAO,KAAK,EAAE,qBAAqB,EAAsB,YAAY,EAAgC,MAAM,UAAU,CAAA;AACrH,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAK9C,OAAO,KAAK,EAAE,mBAAmB,EAAuB,eAAe,EAAqB,MAAM,qCAAqC,CAAA;AAMvI,UAAU,UAAU;IAClB,SAAS,EAAE,eAAe,CAAA;IAC1B,YAAY,EAAE,qBAAqB,CAAA;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,WAAW,CAAC,EAAE,YAAY,CAAA;CAC3B;;;;;;;;uBANqB,MAAM;kBAJX,MAAM;sBAKF,OAAO;oBAFT,GAAG,mBAAmB,EAAE;qBAFvB,MAAM;2BACA,MAAM;qBAIZ,OAAO;oBACR,OAAO;kBACT,YAAY;iBACb,YAAY;;AA8jB5B,wBAMG"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { ExploreAggregations } from '@kong-ui-public/analytics-utilities';
|
|
2
|
+
import type { Chart, Plugin } from 'chart.js';
|
|
3
|
+
import type { Threshold } from 'src/types';
|
|
4
|
+
import type { createI18n } from '@kong-ui-public/i18n';
|
|
5
|
+
import type english from '../../locales/en.json';
|
|
6
|
+
interface ThresholdOptions {
|
|
7
|
+
threshold: Record<ExploreAggregations, Threshold[]> | undefined;
|
|
8
|
+
}
|
|
9
|
+
export declare class ThresholdPlugin implements Plugin {
|
|
10
|
+
private i18n;
|
|
11
|
+
id: string;
|
|
12
|
+
private _thresholds?;
|
|
13
|
+
private _mouseMoveHandler?;
|
|
14
|
+
constructor(i18n: ReturnType<typeof createI18n<typeof english>>);
|
|
15
|
+
beforeInit(chart: Chart, _: any, pluginOptions: ThresholdOptions): void;
|
|
16
|
+
afterDatasetDraw(chart: Chart): void;
|
|
17
|
+
beforeDestroy(chart: Chart): void;
|
|
18
|
+
}
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=ThresholdPlugin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThresholdPlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-plugins/ThresholdPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAE9E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAA;AAKhD,UAAU,gBAAgB;IACxB,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAE,SAAS,EAAE,CAAC,GAAG,SAAS,CAAA;CAChE;AAKD,qBAAa,eAAgB,YAAW,MAAM;IAKhC,OAAO,CAAC,IAAI;IAJxB,EAAE,SAAoB;IACtB,OAAO,CAAC,WAAW,CAAC,CAA+C;IACnE,OAAO,CAAC,iBAAiB,CAAC,CAA+B;gBAErC,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;IAEvE,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,gBAAgB,GAAG,IAAI;IAqCvE,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IA2CpC,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAKlC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import 'chartjs-adapter-date-fns';
|
|
2
2
|
import 'chart.js/auto';
|
|
3
|
-
import type { ZoomActionItem } from '../../types';
|
|
3
|
+
import type { Threshold, ZoomActionItem } from '../../types';
|
|
4
4
|
import { type ChartLegendSortFn, type ChartTooltipSortFn, type KChartData, type LegendValues } from '../../types';
|
|
5
|
-
import type { GranularityValues, AbsoluteTimeRangeV4 } from '@kong-ui-public/analytics-utilities';
|
|
5
|
+
import type { GranularityValues, AbsoluteTimeRangeV4, ExploreAggregations } from '@kong-ui-public/analytics-utilities';
|
|
6
6
|
interface TimeSeriesChartProps {
|
|
7
7
|
chartData?: KChartData;
|
|
8
8
|
type?: 'timeseries_bar' | 'timeseries_line';
|
|
@@ -21,6 +21,7 @@ interface TimeSeriesChartProps {
|
|
|
21
21
|
brush?: boolean;
|
|
22
22
|
zoomActionItems?: ZoomActionItem[];
|
|
23
23
|
tooltipMetricDisplay?: string;
|
|
24
|
+
threshold?: Record<ExploreAggregations, Threshold[]>;
|
|
24
25
|
}
|
|
25
26
|
declare const _default: import("vue").DefineComponent<TimeSeriesChartProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
26
27
|
"zoom-time-range": (newTimeRange: AbsoluteTimeRangeV4) => any;
|
|
@@ -44,6 +45,7 @@ declare const _default: import("vue").DefineComponent<TimeSeriesChartProps, void
|
|
|
44
45
|
tooltipMetricDisplay: string;
|
|
45
46
|
timeRangeMs: number;
|
|
46
47
|
brush: boolean;
|
|
48
|
+
threshold: Record<ExploreAggregations, Threshold[]>;
|
|
47
49
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
48
50
|
export default _default;
|
|
49
51
|
//# sourceMappingURL=TimeSeriesChart.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeSeriesChart.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-types/TimeSeriesChart.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TimeSeriesChart.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-types/TimeSeriesChart.vue"],"names":[],"mappings":"AAmXA,OAAO,0BAA0B,CAAA;AACjC,OAAO,eAAe,CAAA;AAStB,OAAO,KAAK,EAAE,SAAS,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,kBAAkB,EAA2B,KAAK,UAAU,EAAE,KAAK,YAAY,EAAqB,MAAM,aAAa,CAAA;AAC7J,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAmB,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAQvI,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,IAAI,CAAC,EAAE,gBAAgB,GAAG,iBAAiB,CAAA;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,iBAAiB,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC,mBAAmB,EAAE,SAAS,EAAE,CAAC,CAAA;CACrD;;;;;;;;UAjBQ,gBAAgB,GAAG,iBAAiB;UACpC,OAAO;aAKJ,OAAO;eAPL,UAAU;uBAWF,MAAM;qBAIR,cAAc,EAAE;kBAPnB,YAAY;gBAJd,MAAM;qBAKD,MAAM;wBACH,MAAM;uBAEP,iBAAiB;wBAChB,kBAAkB;0BAGhB,MAAM;iBAXf,MAAM;WASZ,OAAO;eAGH,MAAM,CAAC,mBAAmB,EAAE,SAAS,EAAE,CAAC;;AA8etD,wBAMG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExploreResultToTimeDatasets.d.ts","sourceRoot":"","sources":["../../../src/composables/useExploreResultToTimeDatasets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"useExploreResultToTimeDatasets.d.ts","sourceRoot":"","sources":["../../../src/composables/useExploreResultToTimeDatasets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAQlG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,KAAK,EAAW,UAAU,EAAE,oBAAoB,EAAgB,MAAM,UAAU,CAAA;AAkCvF,eAAO,MAAM,0BAA0B,GAAI,SAAS,MAAM,EAAE,OAAO,MAAM,EAAE,QAAQ,MAAM,EAAE,UAAU,MAAM,EAAE,SAAS,sBAAsB,EAAE,aAe7I,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,6BAA6B,CACnD,IAAI,EAAE,oBAAoB,EAC1B,aAAa,EAAE,GAAG,CAAC,eAAe,CAAC,GAClC,GAAG,CAAC,UAAU,CAAC,CA0IjB"}
|
|
@@ -89,6 +89,9 @@ export default function useLineChartOptions(chartOptions: LineChartOptions): {
|
|
|
89
89
|
enabled: boolean;
|
|
90
90
|
position: string;
|
|
91
91
|
};
|
|
92
|
+
thresholdPlugin: {
|
|
93
|
+
threshold: Record<"active_services" | "request_count" | "request_per_minute" | "response_latency_average" | "response_latency_p99" | "response_latency_p95" | "response_latency_p50" | "upstream_latency_p99" | "upstream_latency_p95" | "upstream_latency_p50" | "upstream_latency_average" | "kong_latency_p99" | "kong_latency_p95" | "kong_latency_p50" | "kong_latency_average" | "response_size_p99" | "response_size_p95" | "response_size_p50" | "response_size_average" | "response_size_sum" | "request_size_p99" | "request_size_p95" | "request_size_p50" | "request_size_average" | "request_size_sum", import("..").Threshold[]> | undefined;
|
|
94
|
+
};
|
|
92
95
|
};
|
|
93
96
|
interaction: {
|
|
94
97
|
mode: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLineChartOptions.d.ts","sourceRoot":"","sources":["../../../src/composables/useLineChartOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,SAAS,EAGV,MAAM,UAAU,CAAA;AAMjB,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAGxE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,YAAY,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgBlD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8HA,sBAAsB
|
|
1
|
+
{"version":3,"file":"useLineChartOptions.d.ts","sourceRoot":"","sources":["../../../src/composables/useLineChartOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,SAAS,EAGV,MAAM,UAAU,CAAA;AAMjB,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAGxE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,YAAY,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgBlD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8HA,sBAAsB;;;;;;;;;;;;;EAwBnD;AAED,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,oBAAoB;QAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAC,SAAS,CAAC,CAAA;KACpD;CACF"}
|
|
@@ -49,6 +49,12 @@ export interface EnhancedLegendItem extends LegendItem {
|
|
|
49
49
|
* Chart dataset sort function
|
|
50
50
|
*/
|
|
51
51
|
export type ChartLegendSortFn = (a: EnhancedLegendItem, b: EnhancedLegendItem) => number;
|
|
52
|
+
export type ThresholdType = 'warning' | 'error' | 'neutral';
|
|
53
|
+
export interface Threshold {
|
|
54
|
+
type: ThresholdType;
|
|
55
|
+
value: number;
|
|
56
|
+
label?: string;
|
|
57
|
+
}
|
|
52
58
|
/**
|
|
53
59
|
* Analytics Chart options
|
|
54
60
|
*/
|
|
@@ -88,7 +94,7 @@ export interface AnalyticsChartOptions {
|
|
|
88
94
|
/**
|
|
89
95
|
* A static or dynamic metric threshold to be displayed on a timeseries chart
|
|
90
96
|
*/
|
|
91
|
-
threshold?: Record<ExploreAggregations,
|
|
97
|
+
threshold?: Record<ExploreAggregations, Threshold[]>;
|
|
92
98
|
}
|
|
93
99
|
/**
|
|
94
100
|
* Metric display for simple charts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart-data.d.ts","sourceRoot":"","sources":["../../../src/types/chart-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAG9E,MAAM,MAAM,OAAO,GAAG,YAAY,GAAG;IACnC,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,EAAE,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,oBAAoB;IACnC,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,KAAK,EAAE,gBAAgB,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,kBAAkB,KAAK,MAAM,CAAA;AAExF;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,EAAE,SAAS,CAAA;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,oBAAoB,GAAG,MAAM,EAAE,CAAA;IACpD;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC;;OAEG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC,mBAAmB,EAAE,
|
|
1
|
+
{"version":3,"file":"chart-data.d.ts","sourceRoot":"","sources":["../../../src/types/chart-data.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import type { Ref, ComputedRef } from 'vue';
|
|
2
2
|
import type { Chart, ChartType as ChartJsChartType, TooltipModel, Color } from 'chart.js';
|
|
3
3
|
import type { ChartType } from './chart-types';
|
|
4
|
-
import type { GranularityValues } from '@kong-ui-public/analytics-utilities';
|
|
4
|
+
import type { ExploreAggregations, GranularityValues } from '@kong-ui-public/analytics-utilities';
|
|
5
|
+
import type { Threshold } from './chart-data';
|
|
5
6
|
export interface TooltipEntry {
|
|
6
7
|
backgroundColor: Color;
|
|
7
8
|
borderColor: Color;
|
|
@@ -46,6 +47,7 @@ export interface LineChartOptions extends BaseChartOptions {
|
|
|
46
47
|
timeRangeMs: Ref<number | undefined>;
|
|
47
48
|
granularity: Ref<GranularityValues>;
|
|
48
49
|
pointsWithoutHover?: ComputedRef<boolean | undefined>;
|
|
50
|
+
threshold?: Readonly<Ref<Record<ExploreAggregations, Threshold[]> | undefined>>;
|
|
49
51
|
}
|
|
50
52
|
export interface DonutChartOptions {
|
|
51
53
|
tooltipState: TooltipState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chartjs-options.d.ts","sourceRoot":"","sources":["../../../src/types/chartjs-options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,IAAI,gBAAgB,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AACzF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;
|
|
1
|
+
{"version":3,"file":"chartjs-options.d.ts","sourceRoot":"","sources":["../../../src/types/chartjs-options.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AnalyticsChartColors } from './chart-data';
|
|
1
|
+
import type { AnalyticsChartColors, Threshold } from './chart-data';
|
|
2
2
|
import type { ExploreAggregations } from '@kong-ui-public/analytics-utilities';
|
|
3
3
|
/**
|
|
4
4
|
* Interace representing the various options
|
|
@@ -13,6 +13,6 @@ import type { ExploreAggregations } from '@kong-ui-public/analytics-utilities';
|
|
|
13
13
|
export interface ExploreToDatasetDeps {
|
|
14
14
|
colorPalette?: AnalyticsChartColors | string[];
|
|
15
15
|
fill?: boolean;
|
|
16
|
-
threshold?: Record<ExploreAggregations,
|
|
16
|
+
threshold?: Record<ExploreAggregations, Threshold[]>;
|
|
17
17
|
}
|
|
18
18
|
//# sourceMappingURL=explore-to-dataset-deps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"explore-to-dataset-deps.d.ts","sourceRoot":"","sources":["../../../src/types/explore-to-dataset-deps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"explore-to-dataset-deps.d.ts","sourceRoot":"","sources":["../../../src/types/explore-to-dataset-deps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAE9E;;;;;;;;;GASG;AACH,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,oBAAoB,GAAG,MAAM,EAAE,CAAA;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAC,mBAAmB,EAAE,SAAS,EAAE,CAAC,CAAA;CACrD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AnalyticsChartColors } from '../../src/types';
|
|
1
|
+
import type { AnalyticsChartColors, ThresholdType } from '../../src/types';
|
|
2
2
|
interface StatusCodeColor {
|
|
3
3
|
background: string;
|
|
4
4
|
text: string;
|
|
@@ -25,5 +25,6 @@ export declare const lookupColor: (label: string) => {
|
|
|
25
25
|
light: string;
|
|
26
26
|
};
|
|
27
27
|
export declare const determineBaseColor: (i: number, dimensionName: string, isEmpty: boolean, colorPalette: string[] | AnalyticsChartColors) => string;
|
|
28
|
+
export declare const thresholdColor: (type: ThresholdType) => string;
|
|
28
29
|
export {};
|
|
29
30
|
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE1E,UAAU,eAAe;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;CACb;AACD,UAAU,gBAAgB;IACxB,CAAC,UAAU,EAAE,MAAM,GAAG,eAAe,CAAA;CACtC;AAoBD,eAAO,MAAM,cAAc,UAM1B,CAAA;AAGD,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,EAAE,gBAAgB,MAAM,EAAE,WAGvE,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAoCtD,CAAA;AAED,eAAO,MAAM,cAAc,YAAY,CAAA;AAEvC,eAAO,MAAM,0BAA0B,EAAE,gBAMxC,CAAA;AAED,eAAO,MAAM,8BAA8B,GAAI,YAAY,MAAM,WAIhE,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,oBAG3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,oBAG7B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,oBAI3B,CAAA;AAED,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,WAAW,YAAY,CAAA;AAEpC;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM;;;CAIxC,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,GAAG,MAAM,EAAE,eAAe,MAAM,EAAE,SAAS,OAAO,EAAE,cAAc,MAAM,EAAE,GAAG,oBAAoB,KAAG,MAYtI,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,MAAM,aAAa,KAAG,MAWpD,CAAA"}
|