npm - @kong-ui-public/analytics-chart - Versions diffs - 8.1.8 → 8.1.9 - Mend

@kong-ui-public/analytics-chart 8.1.8 → 8.1.9

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.

Files changed (5) hide show

package/dist/style.css +1 -1
package/dist/types/components/SimpleChart.vue.d.ts.map +1 -1
package/dist/vitals-chart.es.js +10 -2
package/dist/vitals-chart.umd.js +1 -1
package/package.json +1 -1

package/dist/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- .locked[data-v-6d10428e]{cursor:move}.tooltip-container[data-v-6d10428e]{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;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-6d10428e]{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;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-6d10428e]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-6d10428e]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .drag-icon[data-v-6d10428e]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}.tooltip-container .tooltip[data-v-6d10428e]{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-6d10428e]{-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-6d10428e] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-6d10428e] ::-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-6d10428e]{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-6d10428e]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-6d10428e]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-6d10428e]{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-6d10428e]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-14909126]{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-14909126]{-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-14909126] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-14909126] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-14909126] ::-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-14909126]{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-14909126]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-14909126]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-14909126]{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-14909126]{display:none}}.legend-container.horizontal[data-v-14909126]{column-gap:12px;display:grid;height:var(--024ed260);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-14909126]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-14909126]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-14909126]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-14909126]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-14909126]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-14909126]{font-size:12px}.legend-container li .sub-label[data-v-14909126]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-14909126]{text-decoration:line-through}.legend-container li .empty[data-v-14909126]{font-style:italic}.legend-container li .tooltip-content[data-v-14909126]{max-width:40ch}.chart-parent[data-v-c9b0dac4]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c9b0dac4]{flex-direction:column}.chart-parent.column .chart-container[data-v-c9b0dac4]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-c9b0dac4]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c9b0dac4]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-c9b0dac4]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-c9b0dac4]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c9b0dac4]{flex:1 1 auto;position:relative}.chart-container[data-v-c9b0dac4]{overflow:auto}.chart-container[data-v-c9b0dac4]{-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-c9b0dac4] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-c9b0dac4] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-c9b0dac4] ::-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-c9b0dac4]{height:100%}.chart-container[data-v-c9b0dac4]::-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-c9b0dac4]::-webkit-scrollbar{width:10px}.chart-container[data-v-c9b0dac4]::-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-c9b0dac4]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-c9b0dac4]{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-c9b0dac4]{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-c9b0dac4]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-6f244c54]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6f244c54]{flex-direction:column}.chart-parent.column .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-6f244c54]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-6f244c54]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-6f244c54]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-6f244c54]{flex:1 1 auto;position:relative}.chart-parent[data-v-c10833c9]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c10833c9]{flex-direction:column}.chart-parent.column .chart-container[data-v-c10833c9]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-c10833c9]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c10833c9]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-c10833c9]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-c10833c9]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c10833c9]{flex:1 1 auto;position:relative}.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}.analytics-chart-shell[data-v-0361f315],.simple-chart-shell[data-v-0361f315]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-0361f315],.simple-chart-shell .chart-empty-state[data-v-0361f315]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-0361f315]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-0361f315]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-0361f315]{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-0361f315]{align-items:center;display:flex;justify-content:flex-start;right:0;width:100%;z-index:999}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-0361f315]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-0361f315]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .chart-title[data-v-0361f315]{cursor:default;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-chart-shell .tooltip[data-v-0361f315]{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-0361f315]{max-width:40vw}.chart-parent[data-v-4f4e5b76]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4f4e5b76]{flex-direction:column}.chart-parent.column .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4f4e5b76]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4f4e5b76]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4f4e5b76]{flex:1 1 auto;position:relative}.chart-parent[data-v-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-89691310]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-89691310]{flex-direction:column}.chart-parent.column .chart-container[data-v-89691310]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-89691310]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-89691310]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-89691310]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-89691310]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-89691310]{flex:1 1 auto;position:relative}.chart-parent[data-v-89691310]{container-type:inline-size}.chart-parent .single-value-error[data-v-89691310] .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-89691310]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-89691310]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:80px;line-height:88px}}.analytics-chart-shell[data-v-150936bb],.simple-chart-shell[data-v-150936bb]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-150936bb],.simple-chart-shell .chart-empty-state[data-v-150936bb]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-150936bb]{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-150936bb]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-150936bb] .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-5db48d63]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-5db48d63]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-5db48d63] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-5db48d63] .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-5db48d63] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-5db48d63] .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-5db48d63]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-5db48d63]{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-5db48d63]{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-5db48d63]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-5db48d63]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-5db48d63]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-5db48d63]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-5db48d63]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-5db48d63]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63] 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}
1	+ .locked[data-v-6d10428e]{cursor:move}.tooltip-container[data-v-6d10428e]{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;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-6d10428e]{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;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-6d10428e]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-6d10428e]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .drag-icon[data-v-6d10428e]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}.tooltip-container .tooltip[data-v-6d10428e]{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-6d10428e]{-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-6d10428e] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-6d10428e] ::-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-6d10428e]{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-6d10428e]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-6d10428e]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-6d10428e]{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-6d10428e]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-14909126]{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-14909126]{-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-14909126] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-14909126] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-14909126] ::-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-14909126]{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-14909126]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-14909126]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-14909126]{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-14909126]{display:none}}.legend-container.horizontal[data-v-14909126]{column-gap:12px;display:grid;height:var(--024ed260);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-14909126]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-14909126]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-14909126]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-14909126]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-14909126]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-14909126]{font-size:12px}.legend-container li .sub-label[data-v-14909126]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-14909126]{text-decoration:line-through}.legend-container li .empty[data-v-14909126]{font-style:italic}.legend-container li .tooltip-content[data-v-14909126]{max-width:40ch}.chart-parent[data-v-c9b0dac4]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c9b0dac4]{flex-direction:column}.chart-parent.column .chart-container[data-v-c9b0dac4]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-c9b0dac4]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c9b0dac4]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-c9b0dac4]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-c9b0dac4]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c9b0dac4]{flex:1 1 auto;position:relative}.chart-container[data-v-c9b0dac4]{overflow:auto}.chart-container[data-v-c9b0dac4]{-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-c9b0dac4] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-c9b0dac4] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-c9b0dac4] ::-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-c9b0dac4]{height:100%}.chart-container[data-v-c9b0dac4]::-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-c9b0dac4]::-webkit-scrollbar{width:10px}.chart-container[data-v-c9b0dac4]::-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-c9b0dac4]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-c9b0dac4]{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-c9b0dac4]{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-c9b0dac4]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-6f244c54]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6f244c54]{flex-direction:column}.chart-parent.column .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-6f244c54]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-6f244c54]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-6f244c54]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-6f244c54]{flex:1 1 auto;position:relative}.chart-parent[data-v-c10833c9]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c10833c9]{flex-direction:column}.chart-parent.column .chart-container[data-v-c10833c9]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-c10833c9]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c10833c9]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-c10833c9]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-c10833c9]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c10833c9]{flex:1 1 auto;position:relative}.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}.analytics-chart-shell[data-v-0361f315],.simple-chart-shell[data-v-0361f315]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-0361f315],.simple-chart-shell .chart-empty-state[data-v-0361f315]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-0361f315]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-0361f315]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-0361f315]{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-0361f315]{align-items:center;display:flex;justify-content:flex-start;right:0;width:100%;z-index:999}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-0361f315]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-0361f315]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .chart-title[data-v-0361f315]{cursor:default;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-chart-shell .tooltip[data-v-0361f315]{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-0361f315]{max-width:40vw}.chart-parent[data-v-4f4e5b76]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4f4e5b76]{flex-direction:column}.chart-parent.column .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4f4e5b76]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4f4e5b76]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4f4e5b76]{flex:1 1 auto;position:relative}.chart-parent[data-v-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-89691310]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-89691310]{flex-direction:column}.chart-parent.column .chart-container[data-v-89691310]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-89691310]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-89691310]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-89691310]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-89691310]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-89691310]{flex:1 1 auto;position:relative}.chart-parent[data-v-89691310]{container-type:inline-size}.chart-parent .single-value-error[data-v-89691310] .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-89691310]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-89691310]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{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-5db48d63]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-5db48d63]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-5db48d63] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-5db48d63] .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-5db48d63] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-5db48d63] .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-5db48d63]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-5db48d63]{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-5db48d63]{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-5db48d63]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-5db48d63]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-5db48d63]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-5db48d63]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-5db48d63]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-5db48d63]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63] 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}

package/dist/types/components/SimpleChart.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleChart.vue"],"names":[],"mappings":"~~AA8IA~~,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAElD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;;;~~cAyPtD~~,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;;;;;2BAiBzB,MAAM,KAAG,OAAO;;;;;;2BAQhB,MAAM,KAAG,OAAO;;;;cA7BnB,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;;;;;2BAiBzB,MAAM,KAAG,OAAO;;;;;;2BAQhB,MAAM,KAAG,OAAO;;;;;;;;AApCvC,wBAyCG"}
1	+ {"version":3,"file":"SimpleChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleChart.vue"],"names":[],"mappings":"AAuJA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAElD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;;;cAkQtD,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;;;;;2BAiBzB,MAAM,KAAG,OAAO;;;;;;2BAQhB,MAAM,KAAG,OAAO;;;;cA7BnB,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;;;;;2BAiBzB,MAAM,KAAG,OAAO;;;;;;2BAQhB,MAAM,KAAG,OAAO;;;;;;;;AApCvC,wBAyCG"}

package/dist/vitals-chart.es.js CHANGED Viewed

@@ -21181,7 +21181,15 @@ const gT = ["id"], pT = /* @__PURE__ */ _e({
     }), s = $(() => {
       var c;
       return (c = t.chartData.meta) != null && c.metric_units ? Object.values(t.chartData.meta.metric_units)[0] : "";
-    }), r = $(() => t.chartOptions.type === "gauge"), a = $(() => t.chartOptions.type === "single_value"), o = $(() => t.emptyStateTitle || e.t("noDataAvailableTitle")), l = $(() => t.chartData && t.chartData.meta && t.chartData.data.length);
+    }), r = $(() => t.chartOptions.type === "gauge"), a = $(() => t.chartOptions.type === "single_value"), o = $(() => t.emptyStateTitle || e.t("noDataAvailableTitle")), l = $(() => {
+      var u, d;
+      const c = t.chartData && t.chartData.meta && t.chartData.data.length;
+      if (a.value) {
+        const h = (d = (u = t.chartData.meta) == null ? void 0 : u.metric_names) == null ? void 0 : d[0];
+        return c && t.chartData.data[0].event[h] !== null;
+      }
+      return c;
+    });
     return (c, u) => {
       const d = We("KEmptyState");
       return J(), pt("div", BT, [
@@ -21216,7 +21224,7 @@ const gT = ["id"], pT = /* @__PURE__ */ _e({
       ]);
     };
   }
-}), bC = /* @__PURE__ */ fn(jT, [["__scopeId", "data-v-150936bb"]]), $T = {
+}), bC = /* @__PURE__ */ fn(jT, [["__scopeId", "data-v-471652c8"]]), $T = {
   class: "top-n-card-title",
   "data-testid": "top-n-card-title"
 }, UT = {

package/dist/vitals-chart.umd.js CHANGED Viewed

@@ -40,4 +40,4 @@ License: MIT
 `&&I!=="\r"&&I!==`\r
 `&&(I=`
 `);var B=0,dt=!1;this.parse=function(j,J,Ct){if(typeof j!="string")throw new Error("Input must be a string");var V=j.length,st=C.length,_t=I.length,gt=E.length,W=R(L),U=[],$=[],H=[],q=B=0;if(!j)return ie();if(y.header&&!J){var Q=j.split(I)[0].split(C),rt=[],lt={},ut=!1;for(var St in Q){var mt=Q[St];R(y.transformHeader)&&(mt=y.transformHeader(mt,St));var Vt=mt,$t=lt[mt]||0;for(0<$t&&(ut=!0,Vt=mt+"_"+$t),lt[mt]=$t+1;rt.includes(Vt);)Vt=Vt+"_"+$t;rt.push(Vt)}if(ut){var ne=j.split(I);ne[0]=rt.join(C),j=ne.join(I)}}if(X||X!==!1&&j.indexOf(_)===-1){for(var Zt=j.split(I),Qt=0;Qt<Zt.length;Qt++){if(H=Zt[Qt],B+=H.length,Qt!==Zt.length-1)B+=I.length;else if(Ct)return ie();if(!E||H.substring(0,gt)!==E){if(W){if(U=[],Re(H.split(C)),ae(),dt)return ie()}else Re(H.split(C));if(z&&z<=Qt)return U=U.slice(0,z),ie(!0)}}return ie()}for(var Dt=j.indexOf(C,B),Ot=j.indexOf(I,B),Jt=new RegExp(w(K)+w(_),"g"),pt=j.indexOf(_,B);;)if(j[B]!==_)if(E&&H.length===0&&j.substring(B,B+gt)===E){if(Ot===-1)return ie();B=Ot+_t,Ot=j.indexOf(I,B),Dt=j.indexOf(C,B)}else if(Dt!==-1&&(Dt<Ot||Ot===-1))H.push(j.substring(B,Dt)),B=Dt+st,Dt=j.indexOf(C,B);else{if(Ot===-1)break;if(H.push(j.substring(B,Ot)),Te(Ot+_t),W&&(ae(),dt))return ie();if(z&&U.length>=z)return ie(!0)}else for(pt=B,B++;;){if((pt=j.indexOf(_,pt+1))===-1)return Ct||$.push({type:"Quotes",code:"MissingQuotes",message:"Quoted field unterminated",row:U.length,index:B}),_e();if(pt===V-1)return _e(j.substring(B,pt).replace(Jt,_));if(_!==K||j[pt+1]!==K){if(_===K||pt===0||j[pt-1]!==K){Dt!==-1&&Dt<pt+1&&(Dt=j.indexOf(C,pt+1)),Ot!==-1&&Ot<pt+1&&(Ot=j.indexOf(I,pt+1));var Ze=oe(Ot===-1?Dt:Math.min(Dt,Ot));if(j.substr(pt+1+Ze,st)===C){H.push(j.substring(B,pt).replace(Jt,_)),j[B=pt+1+Ze+st]!==_&&(pt=j.indexOf(_,B)),Dt=j.indexOf(C,B),Ot=j.indexOf(I,B);break}var be=oe(Ot);if(j.substring(pt+1+be,pt+1+be+_t)===I){if(H.push(j.substring(B,pt).replace(Jt,_)),Te(pt+1+be+_t),Dt=j.indexOf(C,B),pt=j.indexOf(_,B),W&&(ae(),dt))return ie();if(z&&U.length>=z)return ie(!0);break}$.push({type:"Quotes",code:"InvalidQuotes",message:"Trailing quote on quoted field is malformed",row:U.length,index:B}),pt++}}else pt++}return _e();function Re(zt){U.push(zt),q=B}function oe(zt){var Ci=0;if(zt!==-1){var En=j.substring(pt+1,zt);En&&En.trim()===""&&(Ci=En.length)}return Ci}function _e(zt){return Ct||(zt===void 0&&(zt=j.substring(B)),H.push(zt),B=V,Re(H),W&&ae()),ie()}function Te(zt){B=zt,Re(H),H=[],Ot=j.indexOf(I,B)}function ie(zt){return{data:U,errors:$,meta:{delimiter:C,linebreak:I,aborted:dt,truncated:!!zt,cursor:q+(J||0)}}}function ae(){L(ie()),U=[],$=[]}},this.abort=function(){dt=!0},this.getCharIndex=function(){return B}}function M(y){var _=y.data,C=o[_.workerId],I=!1;if(_.error)C.userError(_.error,_.file);else if(_.results&&_.results.data){var E={abort:function(){I=!0,D(_.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:S,resume:S};if(R(C.userStep)){for(var L=0;L<_.results.data.length&&(C.userStep({data:_.results.data[L],errors:_.results.errors,meta:_.results.meta},E),!I);L++);delete _.results}else R(C.userChunk)&&(C.userChunk(_.results,E,_.file),delete _.results)}_.finished&&!I&&D(_.workerId,_.results)}function D(y,_){var C=o[y];R(C.userComplete)&&C.userComplete(_),C.terminate(),delete o[y]}function S(){throw new Error("Not implemented.")}function T(y){if(typeof y!="object"||y===null)return y;var _=Array.isArray(y)?[]:{};for(var C in y)_[C]=T(y[C]);return _}function A(y,_){return function(){y.apply(_,arguments)}}function R(y){return typeof y=="function"}return r&&(i.onmessage=function(y){var _=y.data;if(l.WORKER_ID===void 0&&_&&(l.WORKER_ID=_.workerId),typeof _.input=="string")i.postMessage({workerId:l.WORKER_ID,results:l.parse(_.input,_.config),finished:!0});else if(i.File&&_.input instanceof File||_.input instanceof Object){var C=l.parse(_.input,_.config);C&&i.postMessage({workerId:l.WORKER_ID,results:C,finished:!0})}}),(d.prototype=Object.create(u.prototype)).constructor=d,(f.prototype=Object.create(u.prototype)).constructor=f,(g.prototype=Object.create(g.prototype)).constructor=g,(p.prototype=Object.create(u.prototype)).constructor=p,l})})(ng);var hD=ng.exports;const fD=["id"],gD=h.defineComponent({__name:"VueJsonCsv",props:{data:{type:Array,required:!0},fields:{type:Array,required:!1,default:null},labels:{type:Object,required:!1,default:null},filename:{type:String,default:"report-data.csv"},delimiter:{type:String,default:",",required:!1},separatorExcel:{type:Boolean,default:!1},encoding:{type:String,default:"utf-8"},testing:{type:Boolean,required:!1,default:!1}},emits:["export-started","export-finished"],setup(n,{emit:t}){const e=t,i=n,s=h.computed(()=>`export_${new Date().getTime()}`),r=h.computed(()=>{const u=l();return u.length?u:null}),o=()=>{const u=i.labels;if(typeof i.fields!==ii.Object)throw new Error("Labels needs to be a object containing key / value pairs.");return typeof u===ii.Object?d=>RS(d,(f,g)=>u[g]||g):d=>d},a=()=>{const u=i.fields;if(typeof i.fields!==ii.Object&&!Array.isArray(u))throw new Error("Fields needs to be an array of strings.");return Array.isArray(u)?d=>uD(d,u):d=>d},l=()=>{if(typeof i.fields===ii.Undefined&&typeof i.labels===ii.Undefined)return i.data;const u=o(),d=a();return i.data.map(f=>u(d(f)))},c=()=>{if(!(r!=null&&r.value)){console.warn("No data to export");return}e("export-started",r.value);let u=hD.unparse(r.value,Object.assign({delimiter:i.delimiter,encoding:i.encoding}));if(i.separatorExcel&&(u="SEP="+i.delimiter+`\r
-`+u),i.encoding==="utf-8"&&(u="\uFEFF"+u),e("export-finished",i.filename),!i.testing){const d=new Blob([u],{type:"text/csv;charset="+i.encoding});dD.saveAs(d,i.filename)}};return(u,d)=>(h.openBlock(),h.createElementBlock("div",{id:s.value,"data-testid":"export-csv",onClick:c},[h.renderSlot(u.$slots,"default",{},()=>[h.createTextVNode("Download "+h.toDisplayString(n.filename),1)])],8,fD))}}),pD=h.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=h.computed(()=>Object.keys(t.headers));return(i,s)=>(h.openBlock(),h.createElementBlock("div",null,[h.createVNode(gD,{data:i.rows,fields:e.value,filename:i.filename,labels:i.headers},{default:h.withCtx(()=>[h.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}}),mD={class:"kong-ui-public-csv-export-modal"},yD={key:0,class:"selected-range"},bD={key:1,class:"text-muted",tag:"span"},ig=3,sg=h.defineComponent({__name:"CsvExportModal",props:{filename:{},modalDescription:{default:void 0},chartData:{}},emits:["toggleModal"],setup(n,{emit:t}){const{i18n:e}=yt.useI18n(),i=n,s=t,r=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,o=h.ref(!0),a=h.computed(()=>{var b,w;return!!((w=(b=i.chartData)==null?void 0:b.data)!=null&&w.length)}),l=h.ref(1),c=h.computed(()=>g.value.rows.length),u=yt.useChartSelectedRange(h.toRef(i,"chartData")),d=h.computed(()=>e.t("csvExport.previewRows",{rowsMax:Math.min(ig,c.value),rowsTotal:c.value,plural:c.value===1?"":"s"})),f=()=>{s("toggleModal",!1)},g=h.computed(()=>{var T,A,R;if(!a.value||!((T=i.chartData)!=null&&T.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const b=i.chartData.data.some(y=>y.timestamp!==i.chartData.data[0].timestamp),w=i.chartData.data.map(y=>{const _=new Date(y.timestamp);return{...Object.keys(y.event).reduce((I,E)=>{if(E in i.chartData.meta.display){const L=y.event[E],z=i.chartData.meta.display[E];I[E]=L&&z&&z[L].name||y.event[E]}else I[E]=y.event[E];return I},{}),...b?{timestamp:Ba(_,"yyyy-MM-dd HH:mm:ss"),tzOffset:Ba(_,"XXX")}:{}}});let v=[];b&&(v=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const M="display"in i.chartData.meta&&((A=i.chartData.meta)!=null&&A.display)?(R=i.chartData.meta)==null?void 0:R.display:{},D=[...v,...Object.keys(M).map(y=>({label:e.t(`chartLabels.${y}`),key:y})),...i.chartData.meta.metric_names.map(y=>({label:e.t(`chartLabels.${y}`),key:y}))],S=D.reduce((y,_)=>(y[_.key]=_.label,y),{});return{headers:D,csvHeaders:S,rows:w}}),p=async()=>{const{rows:b}=g.value;return o.value=!1,{total:Number(b.length)||0,data:b.slice(0,ig)}};return h.watch(g,()=>{l.value++}),(b,w)=>{const v=h.resolveComponent("KEmptyState"),M=h.resolveComponent("KTableData"),D=h.resolveComponent("KButton"),S=h.resolveComponent("KModal");return h.openBlock(),h.createElementBlock("div",mD,[h.createVNode(S,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:h.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:f,onKeyup:h.withKeys(f,["esc"])},{default:h.withCtx(()=>{var T;return[h.createElementVNode("div",null,[a.value?(h.openBlock(),h.createElementBlock("div",yD,[h.createElementVNode("p",null,h.toDisplayString(b.modalDescription?b.modalDescription:h.unref(e).t("csvExport.exportDescription")),1),h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.exportTimeRange"))+": "+h.toDisplayString(h.unref(u)),1)])):h.createCommentVNode("",!0),h.createVNode(M,{class:"vitals-table",fetcher:p,"fetcher-cache-key":String(l.value),headers:((T=g.value)==null?void 0:T.headers)||[],"hide-pagination":"","row-hover":!1,sortable:!1},{"empty-state":h.withCtx(()=>[h.createVNode(v,{"action-button-visible":!1},{title:h.withCtx(()=>[h.createElementVNode("h5",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRange")),1)]),default:h.withCtx(()=>[h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"]),!o.value&&a.value?(h.openBlock(),h.createElementBlock("div",bD,h.toDisplayString(d.value),1)):h.createCommentVNode("",!0)])]}),"footer-actions":h.withCtx(()=>[h.createVNode(D,{appearance:"tertiary",class:"cancel-btn",onClick:f},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.cancelButton")),1)]),_:1}),h.createVNode(pD,{class:"vitals-report-export-button",filename:r,headers:g.value.csvHeaders,rows:g.value.rows},{default:h.withCtx(()=>[h.createVNode(D,{appearance:"primary","data-testid":"csv-download-button",disabled:o.value||!a.value},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),rg=h.defineComponent({__name:"CsvExportButton",props:{data:{type:Object,required:!0},text:{type:String,required:!1,default:void 0},buttonAppearance:{type:String,required:!1,default:()=>"tertiary"},filenamePrefix:{type:String,required:!1,default:void 0}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=h.computed(()=>t.filenamePrefix||e.t("csvExport.defaultFilename")),s=h.ref(!1),r=a=>{s.value=a},o=()=>{r(!0)};return(a,l)=>{const c=h.resolveComponent("KButton");return h.openBlock(),h.createElementBlock(h.Fragment,null,[h.createVNode(c,{appearance:n.buttonAppearance,class:"chart-export-button-display","data-testid":"csv-export-button",onClick:h.withModifiers(o,["prevent"])},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.text||h.unref(e).t("csvExport.exportButton")),1)]),_:1},8,["appearance"]),s.value?(h.openBlock(),h.createBlock(sg,{key:0,"chart-data":n.data,filename:i.value,onToggleModal:r},null,8,["chart-data","filename"])):h.createCommentVNode("",!0)],64)}}}),_D={class:"analytics-chart-shell"},xD={key:0,class:"chart-header"},wD=["title"],vD={key:1,class:"chart-header-icons-wrapper"},kD={class:"tooltip-content"},MD={key:2,class:"chart-export-button"},SD={key:2,class:"analytics-chart-parent"},DD=h.defineComponent({__name:"AnalyticsChart",props:{allowCsvExport:{type:Boolean,required:!1,default:!1},chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},tooltipTitle:{type:String,required:!1,default:""},emptyStateTitle:{type:String,required:!1,default:""},emptyStateDescription:{type:String,required:!1,default:""},chartTitle:{type:String,required:!1,default:""},filenamePrefix:{type:String,required:!1,default:""},legendPosition:{type:String,required:!1,default:It.Right},syntheticsDataKey:{type:String,required:!1,default:""},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0},threshold:{type:Object,required:!1,default:void 0},timeseriesZoom:{type:Boolean,required:!1,default:!1}},emits:["zoom-time-range"],setup(n,{emit:t}){const e=n,i=t,{i18n:s}=yt.useI18n(),{evaluateFeatureFlag:r}=yt.useEvaluateFeatureFlag(),o=r("ma-3043-analytics-chart-kebab-menu",!1),a=h.toRef(e,"chartData"),l=h.computed(()=>v.value?yt.useExploreResultToTimeDataset({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Rr,threshold:e.chartOptions.threshold||void 0},h.toRef(e,"chartData")).value:yt.useExploreResultToDatasets({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Rr},h.toRef(e,"chartData")).value),c=h.computed(()=>{var L;return(L=e.chartData)!=null&&L.meta?"start_ms"in e.chartData.meta?e.chartData.meta.end_ms-e.chartData.meta.start_ms:void 0:0}),u=h.computed(()=>{var L;return(L=e.chartData.meta)!=null&&L.metric_units?Object.values(e.chartData.meta.metric_units)[0]:""}),d=h.computed(()=>e.showLegendValues&&e.legendPosition!==It.Bottom),{legendValues:f}=yt.useChartLegendValues(l,e.chartOptions.type,u),g=h.computed(()=>{var L,z,X;return((X=(z=(L=e.chartData)==null?void 0:L.meta)==null?void 0:z.limit)==null?void 0:X.toString())||null}),p=h.computed(()=>{var L,z;return((z=(L=e.chartData)==null?void 0:L.meta)==null?void 0:z.truncated)||!1}),b=s.t("limitedResultsShown",{maxReturned:g.value}),w=h.computed(()=>["vertical_bar","horizontal_bar"].includes(e.chartOptions.type)),v=h.computed(()=>["timeseries_bar","timeseries_line"].some(L=>L===e.chartOptions.type)),M=h.computed(()=>e.chartOptions.type==="donut"),D=h.computed(()=>e.chartOptions.type.includes("vertical")?"vertical":"horizontal"),S=h.computed(()=>{var X,K,B;if(!((X=e.chartData)!=null&&X.meta.metric_names)||!((K=e.chartData)!=null&&K.meta.metric_units))return;const L=e.chartData.meta.metric_names[0],z=e.chartData.meta.metric_units[L];if(e.chartData.meta.metric_names.length>1){if(L.includes("latency"))return s.t("metricAxisTitles.latency_in",{unit:s.t(`chartUnits.${z}`,{plural:"s"})});if(L.includes("size"))return s.t("metricAxisTitles.size_in",{unit:s.t(`chartUnits.${z}`,{plural:"s"})})}return((B=e.chartOptions)==null?void 0:B.metricAxesTitle)||s.te(`metricAxisTitles.${L}`)&&s.te(`chartUnits.${z}`)&&s.t(`metricAxisTitles.${L}`,{unit:s.t(`chartUnits.${z}`,{plural:"s"})})||void 0}),T=h.computed(()=>{const L=v.value?"Time":Object.keys(e.chartData.meta.display||e.chartData.meta.metric_names)[0];return e.chartOptions.dimensionAxesTitle||s.te(`chartLabels.${L}`)&&s.t(`chartLabels.${L}`)||void 0}),A=h.computed(()=>{const L=Ga(Number(e.chartData.meta.granularity_ms));return s.t(`granularityAxisTitles.${L}`)}),R=h.computed(()=>e.emptyStateTitle||s.t("noDataAvailableTitle")),y=h.computed(()=>e.emptyStateDescription||s.t("noDataAvailableDescription")),_=h.computed(()=>v.value?Jx(l.value):e.chartData&&e.chartData.meta&&e.chartData.data.length),C=h.computed(()=>e.chartData.meta.granularity_ms?Ga(e.chartData.meta.granularity_ms)||"hourly":Ga(new Date(e.chartData.data[1].timestamp).getTime()-new Date(e.chartData.data[0].timestamp).getTime())||"hourly"),I=h.computed(()=>e.chartOptions.chartLegendSortFn?e.chartOptions.chartLegendSortFn:(L,z)=>L.text===s.t("chartLabels.____OTHER____")?1:z.text===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(L.text,10))&&!isNaN(parseInt(z.text,10))?L.text<z.text?-1:1:L.value&&z.value?z.value.raw-L.value.raw:0),E=h.computed(()=>e.chartOptions.chartTooltipSortFn?e.chartOptions.chartTooltipSortFn:(L,z)=>L.label===s.t("chartLabels.____OTHER____")?1:z.label===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(L.label,10))&&!isNaN(parseInt(z.label,10))?L.label<z.label?-1:1:L.value&&z.value?z.rawValue-L.rawValue:0);return h.provide("showLegendValues",d),h.provide("legendPosition",h.toRef(e,"legendPosition")),(L,z)=>{const X=h.resolveComponent("KTooltip"),K=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",_D,[_.value&&p.value&&g.value||!h.unref(o)&&(n.allowCsvExport||e.chartTitle)?(h.openBlock(),h.createElementBlock("div",xD,[n.chartTitle?(h.openBlock(),h.createElementBlock("div",{key:0,class:"chart-title",title:n.chartTitle},h.toDisplayString(n.chartTitle),9,wD)):h.createCommentVNode("",!0),_.value&&p.value&&g.value?(h.openBlock(),h.createElementBlock("div",vD,[h.createVNode(X,{class:"tooltip","max-width":"500",placement:"right"},{content:h.withCtx(()=>[h.createElementVNode("div",kD,h.toDisplayString(h.unref(b)),1)]),default:h.withCtx(()=>[h.createVNode(h.unref(Kl.WarningIcon),{color:`var(--kui-color-text-warning, ${h.unref(ik)})`,size:h.unref(sk)},null,8,["color","size"])]),_:1})])):h.createCommentVNode("",!0),!h.unref(o)&&n.allowCsvExport&&_.value?(h.openBlock(),h.createElementBlock("div",MD,[h.createVNode(rg,{data:a.value,"filename-prefix":n.filenamePrefix},null,8,["data","filename-prefix"])])):h.createCommentVNode("",!0)])):h.createCommentVNode("",!0),_.value?(h.openBlock(),h.createElementBlock("div",SD,[v.value?(h.openBlock(),h.createBlock(CS,{key:0,"chart-data":l.value,"chart-legend-sort-fn":I.value,"chart-tooltip-sort-fn":E.value,"dimension-axes-title":A.value,fill:n.chartOptions.stacked,granularity:C.value,"legend-values":h.unref(f),"metric-axes-title":S.value,"metric-unit":u.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,threshold:n.threshold,"time-range-ms":c.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type,zoom:n.timeseriesZoom,onZoomTimeRange:z[0]||(z[0]=B=>i("zoom-time-range",B))},null,8,["chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","fill","granularity","legend-values","metric-axes-title","metric-unit","stacked","synthetics-data-key","threshold","time-range-ms","tooltip-title","type","zoom"])):w.value?(h.openBlock(),h.createBlock(hS,{key:1,annotations:n.showAnnotations,"chart-data":l.value,"chart-legend-sort-fn":I.value,"chart-tooltip-sort-fn":E.value,"data-testid":"bar-chart-container","dimension-axes-title":T.value,"legend-values":h.unref(f),"metric-axes-title":S.value,"metric-unit":u.value,orientation:D.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["annotations","chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","legend-values","metric-axes-title","metric-unit","orientation","stacked","synthetics-data-key","tooltip-title"])):M.value?(h.openBlock(),h.createBlock(MS,{key:2,"chart-data":l.value,"dataset-colors":n.chartOptions.chartDatasetColors||h.unref(Rr),"legend-position":n.legendPosition,"legend-values":h.unref(f),"metric-unit":u.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["chart-data","dataset-colors","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(K,{key:1,"action-button-visible":!1,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(R.value),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(y.value),1)]),_:1}))])}}}),TD=Ke(DD,[["__scopeId","data-v-0361f315"]]),CD={class:"chart-parent","data-testid":"gauge-chart-parent"},OD={class:"chart-totals-flex"},PD={key:1,class:"metric-small","data-testid":"gauge-chart-total"},ED=Ke(h.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:"hidden"},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:ln},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=h.ref(Zr()),s=h.computed(()=>[t.chartData.datasets.reduce((p,b)=>(p.labels.push(b.label),p.borderColor.push(b.backgroundColor),p.backgroundColor.push(b.backgroundColor),p.data.push(b.data.reduce((w,v)=>w+v,0)),p),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),r=h.computed(()=>({...t.chartData,datasets:s.value}));yt.useReportChartDataForSynthetics(h.toRef(t,"chartData"),h.toRef(t,"syntheticsDataKey"));const o={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},a=h.ref(),l=h.computed(()=>{var g;return ws((g=s==null?void 0:s.value[0])==null?void 0:g.data[t.numerator],{capital:!0})}),c=h.computed(()=>{var g,p;return ws(((g=s==null?void 0:s.value[0])==null?void 0:g.data[0])+((p=s==null?void 0:s.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=h.computed(()=>{var g;return`color: ${(g=s==null?void 0:s.value[0])==null?void 0:g.backgroundColor[t.numerator]}`}),d=h.computed(()=>["full","single"].includes(t.metricDisplay)),f=h.computed(()=>t.metricDisplay==="full");return(g,p)=>(h.openBlock(),h.createElementBlock("div",CD,[h.createElementVNode("div",OD,[d.value?(h.openBlock(),h.createElementBlock("div",{key:0,class:"metric-large","data-testid":"gauge-chart-metric",style:h.normalizeStyle(u.value)},h.toDisplayString(l.value),5)):h.createCommentVNode("",!0),f.value?(h.openBlock(),h.createElementBlock("div",PD,h.toDisplayString(h.unref(e).t("total"))+": "+h.toDisplayString(c.value),1)):h.createCommentVNode("",!0)]),h.createElementVNode("div",{class:"chart-container",style:h.normalizeStyle({height:n.height,width:n.width})},[h.createVNode(h.unref(Xf),{ref_key:"chartInstance",ref:a,"chart-id":i.value,data:r.value,options:o},null,8,["chart-id","data","options"])],4)]))}}),[["__scopeId","data-v-4f4e5b76"]]),AD={class:"chart-parent","data-testid":"single-value-parent"},RD={key:1,class:"single-value-wrapper"},LD={class:"single-value","data-testid":"single-value-chart"},ID={key:0,class:"single-value-unit"},ND=Ke(h.defineComponent({__name:"SingleValue",props:{data:{type:Object,required:!0},decimalPoints:{type:Number,default:qh}},setup(n){const{i18n:{t}}=yt.useI18n(),e=n,i=h.computed(()=>e.data.data[0]),s=h.computed(()=>{var c,u;return(u=(c=e.data.meta)==null?void 0:c.metric_names)==null?void 0:u[0]}),r=h.computed(()=>{var u,d;const c=s.value?(d=(u=e.data.meta)==null?void 0:u.metric_units)==null?void 0:d[s.value]:void 0;if(c)return t(`chartUnits.${c}`,{plural:""})}),o=h.computed(()=>{var c;return s.value==="request_per_minute"||!!((c=s.value)!=null&&c.includes("_latency_"))}),a=h.computed(()=>!i.value||!s.value||typeof i.value.event[s.value]!="number"?null:i.value.event[s.value]),l=h.computed(()=>{var d;const c=a.value;if(c===null)return"";if((d=s.value)!=null&&d.includes("_size_"))return Sr(c);if(c>=1e9){const f=(c/1e9).toFixed(1);return f.endsWith(".0")?`${Math.floor(c/1e9)}B`:`${f}B`}if(c>=1e7){const f=(c/1e6).toFixed(1);return f.endsWith(".0")?`${Math.floor(c/1e6)}M`:`${f}M`}const u=e.decimalPoints&&typeof e.decimalPoints=="number"?e.decimalPoints:qh;return c.toLocaleString("en-US",{maximumFractionDigits:u})});return h.onMounted(()=>{var c,u;((u=(c=e.data)==null?void 0:c.data)==null?void 0:u.length)>1&&console.warn("SingleValue chart should only be used with a single data point. Data length:",e.data.data.length)}),(c,u)=>{const d=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",AD,[a.value===null?(h.openBlock(),h.createBlock(d,{key:0,class:"single-value-error","data-testid":"single-value-error","icon-variant":"error",title:h.unref(t)("singleValue.valueError")},null,8,["title"])):(h.openBlock(),h.createElementBlock("div",RD,[h.createElementVNode("span",LD,h.toDisplayString(l.value),1),o.value?(h.openBlock(),h.createElementBlock("span",ID,"  "+h.toDisplayString(r.value),1)):h.createCommentVNode("",!0)]))])}}}),[["__scopeId","data-v-89691310"]]),FD={class:"simple-chart-shell"},zD={key:1,class:"analytics-chart-parent"},BD=Ke(h.defineComponent({__name:"SimpleChart",props:{chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},emptyStateTitle:{type:String,required:!1,default:""},syntheticsDataKey:{type:String,required:!1,default:""},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=h.computed(()=>{var u;const c=yt.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||ln},h.toRef(t,"chartData")).value;return(u=t.chartOptions)!=null&&u.reverseDataset&&(c==null||c.datasets.reverse()),c}),s=h.computed(()=>{var c;return(c=t.chartData.meta)!=null&&c.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),r=h.computed(()=>t.chartOptions.type==="gauge"),o=h.computed(()=>t.chartOptions.type==="single_value"),a=h.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),l=h.computed(()=>t.chartData&&t.chartData.meta&&t.chartData.data.length);return(c,u)=>{const d=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",FD,[l.value?(h.openBlock(),h.createElementBlock("div",zD,[r.value?(h.openBlock(),h.createBlock(ED,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":s.value,numerator:n.chartOptions.numerator,"synthetics-data-key":n.syntheticsDataKey,width:n.width},null,8,["chart-data","dataset-colors","metric-display","metric-unit","numerator","synthetics-data-key","width"])):h.createCommentVNode("",!0),o.value?(h.openBlock(),h.createBlock(ND,{key:1,data:n.chartData,"decimal-points":n.chartOptions.decimalPoints},null,8,["data","decimal-points"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(d,{key:0,"action-button-visible":!0,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(a.value),1)]),_:1}))])}}}),[["__scopeId","data-v-150936bb"]]),HD={class:"top-n-card-title","data-testid":"top-n-card-title"},WD={class:"top-n-card-description","data-testid":"top-n-card-description"},YD={key:3,class:"top-n-table","data-testid":"top-n-table"},jD={class:"table-headings"},VD={class:"table-row"},$D={class:"column-1"},UD={class:"column-2"},qD={class:"table-body","data-testid":"top-n-data"},XD=["data-testid"],GD={class:"column-1"},KD={class:"column-2"},ZD=Ke(h.defineComponent({__name:"TopNTable",props:{title:{type:String,required:!0},description:{type:String,default:""},data:{type:Object,required:!0},emptyStateTitle:{type:String,default:""},isLoading:{type:Boolean,default:!1},titleTag:{type:String,default:"h2"}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=h.computed(()=>t.data.data),s=h.computed(()=>{var p;return!!((p=i.value)!=null&&p.length)}),r=h.computed(()=>{var p,b;return(p=t.data.meta)!=null&&p.display&&((b=Object.keys(t.data.meta.display))==null?void 0:b[0])||""}),o=h.computed(()=>r.value?t.data.meta.display[r.value]:{}),a=h.computed(()=>{var p,b;return(b=(p=t.data.meta)==null?void 0:p.metric_names)!=null&&b.length?t.data.meta.metric_names[0]:""}),l=h.computed(()=>a.value?e.t(`chartLabels.${a.value}`)||a.value:""),c=h.computed(()=>{if(!s.value)return"";if(t.data.meta){if(o.value&&!Object.keys(o.value).length)return e.t("topNTable.errors.display");if(!a.value)return e.t("topNTable.errors.metricNames")}else return e.t("topNTable.errors.meta");return""}),u=p=>{const b=p.event;return String(b[r.value])},d=p=>{const b=u(p),w=o.value&&o.value[b];return w?w.name:"-"},f=p=>{const b=u(p),w=o.value&&o.value[b];return w?!!w.deleted:!1},g=p=>{if(!a.value)return"–";const w=p.event[a.value];return w?ws(w,{capital:!0,round:!0}):"–"};return(p,b)=>{const w=h.resolveComponent("KEmptyState"),v=h.resolveComponent("KSkeleton"),M=h.resolveComponent("KCard");return h.openBlock(),h.createBlock(M,{class:"kong-ui-public-top-n-table","title-tag":n.titleTag},h.createSlots({default:h.withCtx(()=>[c.value?(h.openBlock(),h.createBlock(w,{key:0,"action-button-visible":!1,"data-testid":"top-n-error-state","icon-variant":"error"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(c.value),1)]),_:1})):n.isLoading?(h.openBlock(),h.createBlock(v,{key:1,"table-columns":2,type:"table"})):s.value?(h.openBlock(),h.createElementBlock("div",YD,[h.createElementVNode("div",jD,[h.createElementVNode("div",VD,[h.createElementVNode("div",$D,h.toDisplayString(h.unref(e).t("topNTable.nameLabel")),1),h.createElementVNode("div",UD,h.toDisplayString(l.value),1)])]),h.createElementVNode("div",qD,[(h.openBlock(!0),h.createElementBlock(h.Fragment,null,h.renderList(i.value,(D,S)=>(h.openBlock(),h.createElementBlock("div",{key:`entry-${S}`,class:"table-row","data-testid":`row-${u(D)}`},[h.createElementVNode("div",GD,[h.renderSlot(p.$slots,"name",{record:{id:u(D),name:d(D),deleted:f(D),dimension:r.value}},()=>[h.createTextVNode(h.toDisplayString(d(D)),1)],!0)]),h.createElementVNode("div",KD,"   "+h.toDisplayString(g(D)),1)],8,XD))),128))])])):(h.openBlock(),h.createBlock(w,{key:2,"action-button-visible":!1,"data-testid":"top-n-empty-state"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.emptyStateTitle||h.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:h.withCtx(()=>[h.createElementVNode("span",HD,h.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:h.withCtx(()=>[h.createElementVNode("div",WD,h.toDisplayString(n.description),1)]),key:"1"}:void 0]),1032,["title-tag"])}}}),[["__scopeId","data-v-5db48d63"]]);tt.AnalyticsChart=TD,tt.ChartLegendPosition=It,tt.CsvExportButton=rg,tt.CsvExportModal=sg,tt.DECIMAL_DISPLAY=Vd,tt.EMPTY_COLOR=Zd,tt.FONT_SIZE_REGULAR=Ud,tt.FONT_SIZE_SMALL=$d,tt.MAX_LABEL_LENGTH=Er,tt.OTHERS_COLOR=rw,tt.SimpleChart=BD,tt.TopNTable=ZD,tt.ValidType=ii,tt.accessibleGrey=Gd,tt.apiRequestStatusCodeColors=Kd,tt.chartTypes=PS,tt.codesInSpec=eh,tt.darkenColor=Xd,tt.datavisPalette=ln,tt.defaultStatusCodeColors=Rr,tt.determineBaseColor=Ta,tt.errorRateColors=iw,tt.latencyColors=sw,tt.lightGrey=Pa,tt.lookupColor=ow,tt.lookupDatavisColor=Ar,tt.lookupStatusCodeCategoryColor=fw,tt.lookupStatusCodeColor=Ea,tt.numberFormatter=Pr,tt.simpleChartMetricDisplay=OS,tt.simpleChartTypes=ES,tt.statusCodeBadgeBackgroundColor=ew,tt.trafficColors=nw,Object.defineProperty(tt,Symbol.toStringTag,{value:"Module"})});
+`+u),i.encoding==="utf-8"&&(u="\uFEFF"+u),e("export-finished",i.filename),!i.testing){const d=new Blob([u],{type:"text/csv;charset="+i.encoding});dD.saveAs(d,i.filename)}};return(u,d)=>(h.openBlock(),h.createElementBlock("div",{id:s.value,"data-testid":"export-csv",onClick:c},[h.renderSlot(u.$slots,"default",{},()=>[h.createTextVNode("Download "+h.toDisplayString(n.filename),1)])],8,fD))}}),pD=h.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=h.computed(()=>Object.keys(t.headers));return(i,s)=>(h.openBlock(),h.createElementBlock("div",null,[h.createVNode(gD,{data:i.rows,fields:e.value,filename:i.filename,labels:i.headers},{default:h.withCtx(()=>[h.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}}),mD={class:"kong-ui-public-csv-export-modal"},yD={key:0,class:"selected-range"},bD={key:1,class:"text-muted",tag:"span"},ig=3,sg=h.defineComponent({__name:"CsvExportModal",props:{filename:{},modalDescription:{default:void 0},chartData:{}},emits:["toggleModal"],setup(n,{emit:t}){const{i18n:e}=yt.useI18n(),i=n,s=t,r=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,o=h.ref(!0),a=h.computed(()=>{var b,w;return!!((w=(b=i.chartData)==null?void 0:b.data)!=null&&w.length)}),l=h.ref(1),c=h.computed(()=>g.value.rows.length),u=yt.useChartSelectedRange(h.toRef(i,"chartData")),d=h.computed(()=>e.t("csvExport.previewRows",{rowsMax:Math.min(ig,c.value),rowsTotal:c.value,plural:c.value===1?"":"s"})),f=()=>{s("toggleModal",!1)},g=h.computed(()=>{var T,A,R;if(!a.value||!((T=i.chartData)!=null&&T.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const b=i.chartData.data.some(y=>y.timestamp!==i.chartData.data[0].timestamp),w=i.chartData.data.map(y=>{const _=new Date(y.timestamp);return{...Object.keys(y.event).reduce((I,E)=>{if(E in i.chartData.meta.display){const L=y.event[E],z=i.chartData.meta.display[E];I[E]=L&&z&&z[L].name||y.event[E]}else I[E]=y.event[E];return I},{}),...b?{timestamp:Ba(_,"yyyy-MM-dd HH:mm:ss"),tzOffset:Ba(_,"XXX")}:{}}});let v=[];b&&(v=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const M="display"in i.chartData.meta&&((A=i.chartData.meta)!=null&&A.display)?(R=i.chartData.meta)==null?void 0:R.display:{},D=[...v,...Object.keys(M).map(y=>({label:e.t(`chartLabels.${y}`),key:y})),...i.chartData.meta.metric_names.map(y=>({label:e.t(`chartLabels.${y}`),key:y}))],S=D.reduce((y,_)=>(y[_.key]=_.label,y),{});return{headers:D,csvHeaders:S,rows:w}}),p=async()=>{const{rows:b}=g.value;return o.value=!1,{total:Number(b.length)||0,data:b.slice(0,ig)}};return h.watch(g,()=>{l.value++}),(b,w)=>{const v=h.resolveComponent("KEmptyState"),M=h.resolveComponent("KTableData"),D=h.resolveComponent("KButton"),S=h.resolveComponent("KModal");return h.openBlock(),h.createElementBlock("div",mD,[h.createVNode(S,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:h.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:f,onKeyup:h.withKeys(f,["esc"])},{default:h.withCtx(()=>{var T;return[h.createElementVNode("div",null,[a.value?(h.openBlock(),h.createElementBlock("div",yD,[h.createElementVNode("p",null,h.toDisplayString(b.modalDescription?b.modalDescription:h.unref(e).t("csvExport.exportDescription")),1),h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.exportTimeRange"))+": "+h.toDisplayString(h.unref(u)),1)])):h.createCommentVNode("",!0),h.createVNode(M,{class:"vitals-table",fetcher:p,"fetcher-cache-key":String(l.value),headers:((T=g.value)==null?void 0:T.headers)||[],"hide-pagination":"","row-hover":!1,sortable:!1},{"empty-state":h.withCtx(()=>[h.createVNode(v,{"action-button-visible":!1},{title:h.withCtx(()=>[h.createElementVNode("h5",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRange")),1)]),default:h.withCtx(()=>[h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"]),!o.value&&a.value?(h.openBlock(),h.createElementBlock("div",bD,h.toDisplayString(d.value),1)):h.createCommentVNode("",!0)])]}),"footer-actions":h.withCtx(()=>[h.createVNode(D,{appearance:"tertiary",class:"cancel-btn",onClick:f},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.cancelButton")),1)]),_:1}),h.createVNode(pD,{class:"vitals-report-export-button",filename:r,headers:g.value.csvHeaders,rows:g.value.rows},{default:h.withCtx(()=>[h.createVNode(D,{appearance:"primary","data-testid":"csv-download-button",disabled:o.value||!a.value},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),rg=h.defineComponent({__name:"CsvExportButton",props:{data:{type:Object,required:!0},text:{type:String,required:!1,default:void 0},buttonAppearance:{type:String,required:!1,default:()=>"tertiary"},filenamePrefix:{type:String,required:!1,default:void 0}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=h.computed(()=>t.filenamePrefix||e.t("csvExport.defaultFilename")),s=h.ref(!1),r=a=>{s.value=a},o=()=>{r(!0)};return(a,l)=>{const c=h.resolveComponent("KButton");return h.openBlock(),h.createElementBlock(h.Fragment,null,[h.createVNode(c,{appearance:n.buttonAppearance,class:"chart-export-button-display","data-testid":"csv-export-button",onClick:h.withModifiers(o,["prevent"])},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.text||h.unref(e).t("csvExport.exportButton")),1)]),_:1},8,["appearance"]),s.value?(h.openBlock(),h.createBlock(sg,{key:0,"chart-data":n.data,filename:i.value,onToggleModal:r},null,8,["chart-data","filename"])):h.createCommentVNode("",!0)],64)}}}),_D={class:"analytics-chart-shell"},xD={key:0,class:"chart-header"},wD=["title"],vD={key:1,class:"chart-header-icons-wrapper"},kD={class:"tooltip-content"},MD={key:2,class:"chart-export-button"},SD={key:2,class:"analytics-chart-parent"},DD=h.defineComponent({__name:"AnalyticsChart",props:{allowCsvExport:{type:Boolean,required:!1,default:!1},chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},tooltipTitle:{type:String,required:!1,default:""},emptyStateTitle:{type:String,required:!1,default:""},emptyStateDescription:{type:String,required:!1,default:""},chartTitle:{type:String,required:!1,default:""},filenamePrefix:{type:String,required:!1,default:""},legendPosition:{type:String,required:!1,default:It.Right},syntheticsDataKey:{type:String,required:!1,default:""},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0},threshold:{type:Object,required:!1,default:void 0},timeseriesZoom:{type:Boolean,required:!1,default:!1}},emits:["zoom-time-range"],setup(n,{emit:t}){const e=n,i=t,{i18n:s}=yt.useI18n(),{evaluateFeatureFlag:r}=yt.useEvaluateFeatureFlag(),o=r("ma-3043-analytics-chart-kebab-menu",!1),a=h.toRef(e,"chartData"),l=h.computed(()=>v.value?yt.useExploreResultToTimeDataset({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Rr,threshold:e.chartOptions.threshold||void 0},h.toRef(e,"chartData")).value:yt.useExploreResultToDatasets({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Rr},h.toRef(e,"chartData")).value),c=h.computed(()=>{var L;return(L=e.chartData)!=null&&L.meta?"start_ms"in e.chartData.meta?e.chartData.meta.end_ms-e.chartData.meta.start_ms:void 0:0}),u=h.computed(()=>{var L;return(L=e.chartData.meta)!=null&&L.metric_units?Object.values(e.chartData.meta.metric_units)[0]:""}),d=h.computed(()=>e.showLegendValues&&e.legendPosition!==It.Bottom),{legendValues:f}=yt.useChartLegendValues(l,e.chartOptions.type,u),g=h.computed(()=>{var L,z,X;return((X=(z=(L=e.chartData)==null?void 0:L.meta)==null?void 0:z.limit)==null?void 0:X.toString())||null}),p=h.computed(()=>{var L,z;return((z=(L=e.chartData)==null?void 0:L.meta)==null?void 0:z.truncated)||!1}),b=s.t("limitedResultsShown",{maxReturned:g.value}),w=h.computed(()=>["vertical_bar","horizontal_bar"].includes(e.chartOptions.type)),v=h.computed(()=>["timeseries_bar","timeseries_line"].some(L=>L===e.chartOptions.type)),M=h.computed(()=>e.chartOptions.type==="donut"),D=h.computed(()=>e.chartOptions.type.includes("vertical")?"vertical":"horizontal"),S=h.computed(()=>{var X,K,B;if(!((X=e.chartData)!=null&&X.meta.metric_names)||!((K=e.chartData)!=null&&K.meta.metric_units))return;const L=e.chartData.meta.metric_names[0],z=e.chartData.meta.metric_units[L];if(e.chartData.meta.metric_names.length>1){if(L.includes("latency"))return s.t("metricAxisTitles.latency_in",{unit:s.t(`chartUnits.${z}`,{plural:"s"})});if(L.includes("size"))return s.t("metricAxisTitles.size_in",{unit:s.t(`chartUnits.${z}`,{plural:"s"})})}return((B=e.chartOptions)==null?void 0:B.metricAxesTitle)||s.te(`metricAxisTitles.${L}`)&&s.te(`chartUnits.${z}`)&&s.t(`metricAxisTitles.${L}`,{unit:s.t(`chartUnits.${z}`,{plural:"s"})})||void 0}),T=h.computed(()=>{const L=v.value?"Time":Object.keys(e.chartData.meta.display||e.chartData.meta.metric_names)[0];return e.chartOptions.dimensionAxesTitle||s.te(`chartLabels.${L}`)&&s.t(`chartLabels.${L}`)||void 0}),A=h.computed(()=>{const L=Ga(Number(e.chartData.meta.granularity_ms));return s.t(`granularityAxisTitles.${L}`)}),R=h.computed(()=>e.emptyStateTitle||s.t("noDataAvailableTitle")),y=h.computed(()=>e.emptyStateDescription||s.t("noDataAvailableDescription")),_=h.computed(()=>v.value?Jx(l.value):e.chartData&&e.chartData.meta&&e.chartData.data.length),C=h.computed(()=>e.chartData.meta.granularity_ms?Ga(e.chartData.meta.granularity_ms)||"hourly":Ga(new Date(e.chartData.data[1].timestamp).getTime()-new Date(e.chartData.data[0].timestamp).getTime())||"hourly"),I=h.computed(()=>e.chartOptions.chartLegendSortFn?e.chartOptions.chartLegendSortFn:(L,z)=>L.text===s.t("chartLabels.____OTHER____")?1:z.text===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(L.text,10))&&!isNaN(parseInt(z.text,10))?L.text<z.text?-1:1:L.value&&z.value?z.value.raw-L.value.raw:0),E=h.computed(()=>e.chartOptions.chartTooltipSortFn?e.chartOptions.chartTooltipSortFn:(L,z)=>L.label===s.t("chartLabels.____OTHER____")?1:z.label===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(L.label,10))&&!isNaN(parseInt(z.label,10))?L.label<z.label?-1:1:L.value&&z.value?z.rawValue-L.rawValue:0);return h.provide("showLegendValues",d),h.provide("legendPosition",h.toRef(e,"legendPosition")),(L,z)=>{const X=h.resolveComponent("KTooltip"),K=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",_D,[_.value&&p.value&&g.value||!h.unref(o)&&(n.allowCsvExport||e.chartTitle)?(h.openBlock(),h.createElementBlock("div",xD,[n.chartTitle?(h.openBlock(),h.createElementBlock("div",{key:0,class:"chart-title",title:n.chartTitle},h.toDisplayString(n.chartTitle),9,wD)):h.createCommentVNode("",!0),_.value&&p.value&&g.value?(h.openBlock(),h.createElementBlock("div",vD,[h.createVNode(X,{class:"tooltip","max-width":"500",placement:"right"},{content:h.withCtx(()=>[h.createElementVNode("div",kD,h.toDisplayString(h.unref(b)),1)]),default:h.withCtx(()=>[h.createVNode(h.unref(Kl.WarningIcon),{color:`var(--kui-color-text-warning, ${h.unref(ik)})`,size:h.unref(sk)},null,8,["color","size"])]),_:1})])):h.createCommentVNode("",!0),!h.unref(o)&&n.allowCsvExport&&_.value?(h.openBlock(),h.createElementBlock("div",MD,[h.createVNode(rg,{data:a.value,"filename-prefix":n.filenamePrefix},null,8,["data","filename-prefix"])])):h.createCommentVNode("",!0)])):h.createCommentVNode("",!0),_.value?(h.openBlock(),h.createElementBlock("div",SD,[v.value?(h.openBlock(),h.createBlock(CS,{key:0,"chart-data":l.value,"chart-legend-sort-fn":I.value,"chart-tooltip-sort-fn":E.value,"dimension-axes-title":A.value,fill:n.chartOptions.stacked,granularity:C.value,"legend-values":h.unref(f),"metric-axes-title":S.value,"metric-unit":u.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,threshold:n.threshold,"time-range-ms":c.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type,zoom:n.timeseriesZoom,onZoomTimeRange:z[0]||(z[0]=B=>i("zoom-time-range",B))},null,8,["chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","fill","granularity","legend-values","metric-axes-title","metric-unit","stacked","synthetics-data-key","threshold","time-range-ms","tooltip-title","type","zoom"])):w.value?(h.openBlock(),h.createBlock(hS,{key:1,annotations:n.showAnnotations,"chart-data":l.value,"chart-legend-sort-fn":I.value,"chart-tooltip-sort-fn":E.value,"data-testid":"bar-chart-container","dimension-axes-title":T.value,"legend-values":h.unref(f),"metric-axes-title":S.value,"metric-unit":u.value,orientation:D.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["annotations","chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","legend-values","metric-axes-title","metric-unit","orientation","stacked","synthetics-data-key","tooltip-title"])):M.value?(h.openBlock(),h.createBlock(MS,{key:2,"chart-data":l.value,"dataset-colors":n.chartOptions.chartDatasetColors||h.unref(Rr),"legend-position":n.legendPosition,"legend-values":h.unref(f),"metric-unit":u.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["chart-data","dataset-colors","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(K,{key:1,"action-button-visible":!1,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(R.value),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(y.value),1)]),_:1}))])}}}),TD=Ke(DD,[["__scopeId","data-v-0361f315"]]),CD={class:"chart-parent","data-testid":"gauge-chart-parent"},OD={class:"chart-totals-flex"},PD={key:1,class:"metric-small","data-testid":"gauge-chart-total"},ED=Ke(h.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:"hidden"},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:ln},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=h.ref(Zr()),s=h.computed(()=>[t.chartData.datasets.reduce((p,b)=>(p.labels.push(b.label),p.borderColor.push(b.backgroundColor),p.backgroundColor.push(b.backgroundColor),p.data.push(b.data.reduce((w,v)=>w+v,0)),p),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),r=h.computed(()=>({...t.chartData,datasets:s.value}));yt.useReportChartDataForSynthetics(h.toRef(t,"chartData"),h.toRef(t,"syntheticsDataKey"));const o={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},a=h.ref(),l=h.computed(()=>{var g;return ws((g=s==null?void 0:s.value[0])==null?void 0:g.data[t.numerator],{capital:!0})}),c=h.computed(()=>{var g,p;return ws(((g=s==null?void 0:s.value[0])==null?void 0:g.data[0])+((p=s==null?void 0:s.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=h.computed(()=>{var g;return`color: ${(g=s==null?void 0:s.value[0])==null?void 0:g.backgroundColor[t.numerator]}`}),d=h.computed(()=>["full","single"].includes(t.metricDisplay)),f=h.computed(()=>t.metricDisplay==="full");return(g,p)=>(h.openBlock(),h.createElementBlock("div",CD,[h.createElementVNode("div",OD,[d.value?(h.openBlock(),h.createElementBlock("div",{key:0,class:"metric-large","data-testid":"gauge-chart-metric",style:h.normalizeStyle(u.value)},h.toDisplayString(l.value),5)):h.createCommentVNode("",!0),f.value?(h.openBlock(),h.createElementBlock("div",PD,h.toDisplayString(h.unref(e).t("total"))+": "+h.toDisplayString(c.value),1)):h.createCommentVNode("",!0)]),h.createElementVNode("div",{class:"chart-container",style:h.normalizeStyle({height:n.height,width:n.width})},[h.createVNode(h.unref(Xf),{ref_key:"chartInstance",ref:a,"chart-id":i.value,data:r.value,options:o},null,8,["chart-id","data","options"])],4)]))}}),[["__scopeId","data-v-4f4e5b76"]]),AD={class:"chart-parent","data-testid":"single-value-parent"},RD={key:1,class:"single-value-wrapper"},LD={class:"single-value","data-testid":"single-value-chart"},ID={key:0,class:"single-value-unit"},ND=Ke(h.defineComponent({__name:"SingleValue",props:{data:{type:Object,required:!0},decimalPoints:{type:Number,default:qh}},setup(n){const{i18n:{t}}=yt.useI18n(),e=n,i=h.computed(()=>e.data.data[0]),s=h.computed(()=>{var c,u;return(u=(c=e.data.meta)==null?void 0:c.metric_names)==null?void 0:u[0]}),r=h.computed(()=>{var u,d;const c=s.value?(d=(u=e.data.meta)==null?void 0:u.metric_units)==null?void 0:d[s.value]:void 0;if(c)return t(`chartUnits.${c}`,{plural:""})}),o=h.computed(()=>{var c;return s.value==="request_per_minute"||!!((c=s.value)!=null&&c.includes("_latency_"))}),a=h.computed(()=>!i.value||!s.value||typeof i.value.event[s.value]!="number"?null:i.value.event[s.value]),l=h.computed(()=>{var d;const c=a.value;if(c===null)return"";if((d=s.value)!=null&&d.includes("_size_"))return Sr(c);if(c>=1e9){const f=(c/1e9).toFixed(1);return f.endsWith(".0")?`${Math.floor(c/1e9)}B`:`${f}B`}if(c>=1e7){const f=(c/1e6).toFixed(1);return f.endsWith(".0")?`${Math.floor(c/1e6)}M`:`${f}M`}const u=e.decimalPoints&&typeof e.decimalPoints=="number"?e.decimalPoints:qh;return c.toLocaleString("en-US",{maximumFractionDigits:u})});return h.onMounted(()=>{var c,u;((u=(c=e.data)==null?void 0:c.data)==null?void 0:u.length)>1&&console.warn("SingleValue chart should only be used with a single data point. Data length:",e.data.data.length)}),(c,u)=>{const d=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",AD,[a.value===null?(h.openBlock(),h.createBlock(d,{key:0,class:"single-value-error","data-testid":"single-value-error","icon-variant":"error",title:h.unref(t)("singleValue.valueError")},null,8,["title"])):(h.openBlock(),h.createElementBlock("div",RD,[h.createElementVNode("span",LD,h.toDisplayString(l.value),1),o.value?(h.openBlock(),h.createElementBlock("span",ID,"  "+h.toDisplayString(r.value),1)):h.createCommentVNode("",!0)]))])}}}),[["__scopeId","data-v-89691310"]]),FD={class:"simple-chart-shell"},zD={key:1,class:"analytics-chart-parent"},BD=Ke(h.defineComponent({__name:"SimpleChart",props:{chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},emptyStateTitle:{type:String,required:!1,default:""},syntheticsDataKey:{type:String,required:!1,default:""},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=h.computed(()=>{var u;const c=yt.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||ln},h.toRef(t,"chartData")).value;return(u=t.chartOptions)!=null&&u.reverseDataset&&(c==null||c.datasets.reverse()),c}),s=h.computed(()=>{var c;return(c=t.chartData.meta)!=null&&c.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),r=h.computed(()=>t.chartOptions.type==="gauge"),o=h.computed(()=>t.chartOptions.type==="single_value"),a=h.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),l=h.computed(()=>{var u,d;const c=t.chartData&&t.chartData.meta&&t.chartData.data.length;if(o.value){const f=(d=(u=t.chartData.meta)==null?void 0:u.metric_names)==null?void 0:d[0];return c&&t.chartData.data[0].event[f]!==null}return c});return(c,u)=>{const d=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",FD,[l.value?(h.openBlock(),h.createElementBlock("div",zD,[r.value?(h.openBlock(),h.createBlock(ED,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":s.value,numerator:n.chartOptions.numerator,"synthetics-data-key":n.syntheticsDataKey,width:n.width},null,8,["chart-data","dataset-colors","metric-display","metric-unit","numerator","synthetics-data-key","width"])):h.createCommentVNode("",!0),o.value?(h.openBlock(),h.createBlock(ND,{key:1,data:n.chartData,"decimal-points":n.chartOptions.decimalPoints},null,8,["data","decimal-points"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(d,{key:0,"action-button-visible":!0,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(a.value),1)]),_:1}))])}}}),[["__scopeId","data-v-471652c8"]]),HD={class:"top-n-card-title","data-testid":"top-n-card-title"},WD={class:"top-n-card-description","data-testid":"top-n-card-description"},YD={key:3,class:"top-n-table","data-testid":"top-n-table"},jD={class:"table-headings"},VD={class:"table-row"},$D={class:"column-1"},UD={class:"column-2"},qD={class:"table-body","data-testid":"top-n-data"},XD=["data-testid"],GD={class:"column-1"},KD={class:"column-2"},ZD=Ke(h.defineComponent({__name:"TopNTable",props:{title:{type:String,required:!0},description:{type:String,default:""},data:{type:Object,required:!0},emptyStateTitle:{type:String,default:""},isLoading:{type:Boolean,default:!1},titleTag:{type:String,default:"h2"}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=h.computed(()=>t.data.data),s=h.computed(()=>{var p;return!!((p=i.value)!=null&&p.length)}),r=h.computed(()=>{var p,b;return(p=t.data.meta)!=null&&p.display&&((b=Object.keys(t.data.meta.display))==null?void 0:b[0])||""}),o=h.computed(()=>r.value?t.data.meta.display[r.value]:{}),a=h.computed(()=>{var p,b;return(b=(p=t.data.meta)==null?void 0:p.metric_names)!=null&&b.length?t.data.meta.metric_names[0]:""}),l=h.computed(()=>a.value?e.t(`chartLabels.${a.value}`)||a.value:""),c=h.computed(()=>{if(!s.value)return"";if(t.data.meta){if(o.value&&!Object.keys(o.value).length)return e.t("topNTable.errors.display");if(!a.value)return e.t("topNTable.errors.metricNames")}else return e.t("topNTable.errors.meta");return""}),u=p=>{const b=p.event;return String(b[r.value])},d=p=>{const b=u(p),w=o.value&&o.value[b];return w?w.name:"-"},f=p=>{const b=u(p),w=o.value&&o.value[b];return w?!!w.deleted:!1},g=p=>{if(!a.value)return"–";const w=p.event[a.value];return w?ws(w,{capital:!0,round:!0}):"–"};return(p,b)=>{const w=h.resolveComponent("KEmptyState"),v=h.resolveComponent("KSkeleton"),M=h.resolveComponent("KCard");return h.openBlock(),h.createBlock(M,{class:"kong-ui-public-top-n-table","title-tag":n.titleTag},h.createSlots({default:h.withCtx(()=>[c.value?(h.openBlock(),h.createBlock(w,{key:0,"action-button-visible":!1,"data-testid":"top-n-error-state","icon-variant":"error"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(c.value),1)]),_:1})):n.isLoading?(h.openBlock(),h.createBlock(v,{key:1,"table-columns":2,type:"table"})):s.value?(h.openBlock(),h.createElementBlock("div",YD,[h.createElementVNode("div",jD,[h.createElementVNode("div",VD,[h.createElementVNode("div",$D,h.toDisplayString(h.unref(e).t("topNTable.nameLabel")),1),h.createElementVNode("div",UD,h.toDisplayString(l.value),1)])]),h.createElementVNode("div",qD,[(h.openBlock(!0),h.createElementBlock(h.Fragment,null,h.renderList(i.value,(D,S)=>(h.openBlock(),h.createElementBlock("div",{key:`entry-${S}`,class:"table-row","data-testid":`row-${u(D)}`},[h.createElementVNode("div",GD,[h.renderSlot(p.$slots,"name",{record:{id:u(D),name:d(D),deleted:f(D),dimension:r.value}},()=>[h.createTextVNode(h.toDisplayString(d(D)),1)],!0)]),h.createElementVNode("div",KD,"   "+h.toDisplayString(g(D)),1)],8,XD))),128))])])):(h.openBlock(),h.createBlock(w,{key:2,"action-button-visible":!1,"data-testid":"top-n-empty-state"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.emptyStateTitle||h.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:h.withCtx(()=>[h.createElementVNode("span",HD,h.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:h.withCtx(()=>[h.createElementVNode("div",WD,h.toDisplayString(n.description),1)]),key:"1"}:void 0]),1032,["title-tag"])}}}),[["__scopeId","data-v-5db48d63"]]);tt.AnalyticsChart=TD,tt.ChartLegendPosition=It,tt.CsvExportButton=rg,tt.CsvExportModal=sg,tt.DECIMAL_DISPLAY=Vd,tt.EMPTY_COLOR=Zd,tt.FONT_SIZE_REGULAR=Ud,tt.FONT_SIZE_SMALL=$d,tt.MAX_LABEL_LENGTH=Er,tt.OTHERS_COLOR=rw,tt.SimpleChart=BD,tt.TopNTable=ZD,tt.ValidType=ii,tt.accessibleGrey=Gd,tt.apiRequestStatusCodeColors=Kd,tt.chartTypes=PS,tt.codesInSpec=eh,tt.darkenColor=Xd,tt.datavisPalette=ln,tt.defaultStatusCodeColors=Rr,tt.determineBaseColor=Ta,tt.errorRateColors=iw,tt.latencyColors=sw,tt.lightGrey=Pa,tt.lookupColor=ow,tt.lookupDatavisColor=Ar,tt.lookupStatusCodeCategoryColor=fw,tt.lookupStatusCodeColor=Ea,tt.numberFormatter=Pr,tt.simpleChartMetricDisplay=OS,tt.simpleChartTypes=ES,tt.statusCodeBadgeBackgroundColor=ew,tt.trafficColors=nw,Object.defineProperty(tt,Symbol.toStringTag,{value:"Module"})});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/analytics-chart",
-  "version": "8.1.8",
+  "version": "8.1.9",
   "type": "module",
   "main": "./dist/vitals-chart.umd.js",
   "module": "./dist/vitals-chart.es.js",