npm - @kong-ui-public/analytics-chart - Versions diffs - 0.16.3 → 0.16.4 - Mend

@kong-ui-public/analytics-chart 0.16.3 → 0.16.4

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 (4) hide show

package/dist/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- .locked[data-v-a729d798]{cursor:move}.tooltip-container[data-v-a729d798]{background-color:#fff;border-radius:3px;box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-a729d798]{border-bottom:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;margin:8px;min-height:24px;padding-bottom:8px}.tooltip-container .tooltip-title .title[data-v-a729d798]{font-size:16px;font-weight:600}.tooltip-container .tooltip-title .subtitle[data-v-a729d798]{font-size:14px;margin-top:8px}.tooltip-container .tooltip-title .drag-icon[data-v-a729d798]{margin-top:6px;position:absolute;right:0;top:0}ul.tooltip[data-v-a729d798]{list-style:none;margin:0;max-height:300px;min-width:250px;overflow-y:scroll;padding-left:0;scrollbar-width:thin}ul.tooltip[data-v-a729d798]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}ul.tooltip[data-v-a729d798]::-webkit-scrollbar{width:10px}ul.tooltip[data-v-a729d798]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}ul.tooltip li[data-v-a729d798]{display:flex;font-size:14px;margin:8px}ul.tooltip li[data-v-a729d798]:last-child{padding-bottom:8px}ul.tooltip .display-label[data-v-a729d798]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-a729d798]{margin-left:auto;padding-left:8px;white-space:nowrap}ul.tooltip .tooltip-legend[data-v-a729d798]{display:inline-flex;flex-direction:row;height:15px;margin-right:8px;width:3px}.legend-container[data-v-22ddf722]{display:flex;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:scroll;padding-left:12px;scrollbar-width:thin}.legend-container.vertical[data-v-22ddf722]{flex-direction:column;max-height:400px;max-width:15%;word-break:break-word}@media (max-width: 767px){.legend-container.vertical[data-v-22ddf722]{flex-direction:row;height:20%;max-width:100%;width:100%}}.legend-container.horizontal[data-v-22ddf722]{column-gap:2px;display:grid;justify-content:center;max-height:15%;width:100%}.legend-container.horizontal .truncate-label[data-v-22ddf722]{max-width:15ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container[data-v-22ddf722]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.legend-container[data-v-22ddf722]::-webkit-scrollbar{width:10px}.legend-container[data-v-22ddf722]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.legend-container li[data-v-22ddf722]{align-items:start;cursor:pointer;display:flex;margin-top:16px}.legend-container li .legend[data-v-22ddf722]{flex:0 0 14px;height:3px;margin-right:12px;margin-top:6px}.legend-container li .label[data-v-22ddf722]{font-size:14px;line-height:18px}.legend-container li .sub-label[data-v-22ddf722]{font-size:12px;line-height:14px;word-break:none}.legend-container li .strike-through[data-v-22ddf722]{text-decoration:line-through}.chart-parent[data-v-2d7e4a73]{align-items:center;display:flex;height:inherit;position:relative;width:inherit}.chart-parent.column[data-v-2d7e4a73]{flex-direction:column}.chart-parent.column .chart-container[data-v-2d7e4a73]{height:80%;width:100%}.chart-parent.legend-row[data-v-2d7e4a73]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-2d7e4a73]{flex-grow:1;height:100%;width:85%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-2d7e4a73]{height:80%!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-2d7e4a73]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-2d7e4a73]{position:relative}.chart-container[data-v-2d7e4a73]{-ms-overflow-style:thin;overflow-y:hidden;scrollbar-width:thin}.chart-container .chart-body[data-v-2d7e4a73]{height:100%}.chart-container[data-v-2d7e4a73]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.chart-container[data-v-2d7e4a73]::-webkit-scrollbar{width:10px}.chart-container[data-v-2d7e4a73]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.axis[data-v-2d7e4a73]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-2d7e4a73]{background-color:#3a3f51;color:#fff;padding:4px 8px;position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-2d7e4a73]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-89d6e4ca]{align-items:center;display:flex;height:inherit;position:relative;width:inherit}.chart-parent.column[data-v-89d6e4ca]{flex-direction:column}.chart-parent.column .chart-container[data-v-89d6e4ca]{height:80%;width:100%}.chart-parent.legend-row[data-v-89d6e4ca]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-89d6e4ca]{flex-grow:1;height:100%;width:85%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-89d6e4ca]{height:80%!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-89d6e4ca]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-89d6e4ca]{position:relative}.chart-parent[data-v-19da6e6a]{align-items:center;display:flex;height:inherit;position:relative;width:inherit}.chart-parent.column[data-v-19da6e6a]{flex-direction:column}.chart-parent.column .chart-container[data-v-19da6e6a]{height:80%;width:100%}.chart-parent.legend-row[data-v-19da6e6a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-19da6e6a]{flex-grow:1;height:100%;width:85%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-19da6e6a]{height:80%!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-19da6e6a]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-19da6e6a]{position:relative}.analytics-chart-shell[data-v-efde9186],.simple-chart-shell[data-v-efde9186]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-efde9186],.simple-chart-shell .chart-empty-state[data-v-efde9186]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-efde9186]{border:1px solid #e0e4ea;margin:16px;padding:16px}.analytics-chart-shell .chart-empty-state[data-v-efde9186]{padding:20px 0 16px}.analytics-chart-shell .chart-header[data-v-efde9186]{display:flex;padding-bottom:16px}.analytics-chart-shell .chart-title[data-v-efde9186]{font-size:18px;font-weight:600}.analytics-chart-shell .tooltip[data-v-efde9186]{display:flex;margin-left:12px;margin-top:2px}.analytics-chart-shell .limit-icon-wrapper[data-v-efde9186]{display:flex;flex-direction:row}.chart-parent[data-v-5871cb7a]{align-items:center;display:flex;height:inherit;position:relative;width:inherit}.chart-parent.column[data-v-5871cb7a]{flex-direction:column}.chart-parent.column .chart-container[data-v-5871cb7a]{height:80%;width:100%}.chart-parent.legend-row[data-v-5871cb7a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5871cb7a]{flex-grow:1;height:100%;width:85%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5871cb7a]{height:80%!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5871cb7a]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5871cb7a]{position:relative}.chart-parent[data-v-5871cb7a]{height:auto;margin:0;padding:0;width:auto}.chart-parent .chart-container[data-v-5871cb7a]{margin:0;max-height:100px;max-width:100px;padding:0}.chart-parent .chart-totals-flex[data-v-5871cb7a]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-5871cb7a]{font-size:20px;font-weight:500;line-height:28px}.chart-parent .chart-totals-flex .metric-small[data-v-5871cb7a]{color:#6c7489;font-size:10px;font-weight:400;line-height:12px}.analytics-chart-shell[data-v-f014a616],.simple-chart-shell[data-v-f014a616]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-f014a616],.simple-chart-shell .chart-empty-state[data-v-f014a616]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-f014a616]{margin:0;padding:0}.simple-chart-shell .chart-empty-state[data-v-f014a616]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-f014a616] .k-empty-state-title-header{font-size:12px;line-height:16px;margin:0}.kong-ui-public-top-n-table[data-v-f4324893]{border-radius:8px!important}.kong-ui-public-top-n-table .top-n-card-title[data-v-f4324893]{font-size:16px}.kong-ui-public-top-n-table[data-v-f4324893] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-f4324893] .k-card-actions .top-n-card-description{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table .top-n-table[data-v-f4324893]{display:flex;flex-direction:column;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-f4324893]{font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-f4324893]{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-f4324893]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-f4324893]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-f4324893]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-f4324893]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-f4324893],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-f4324893]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-f4324893]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-f4324893] 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-a729d798]{cursor:move}.tooltip-container[data-v-a729d798]{background-color:#fff;border-radius:3px;box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-a729d798]{border-bottom:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;margin:8px;min-height:24px;padding-bottom:8px}.tooltip-container .tooltip-title .title[data-v-a729d798]{font-size:16px;font-weight:600}.tooltip-container .tooltip-title .subtitle[data-v-a729d798]{font-size:14px;margin-top:8px}.tooltip-container .tooltip-title .drag-icon[data-v-a729d798]{margin-top:6px;position:absolute;right:0;top:0}ul.tooltip[data-v-a729d798]{list-style:none;margin:0;max-height:300px;min-width:250px;overflow-y:scroll;padding-left:0;scrollbar-width:thin}ul.tooltip[data-v-a729d798]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}ul.tooltip[data-v-a729d798]::-webkit-scrollbar{width:10px}ul.tooltip[data-v-a729d798]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}ul.tooltip li[data-v-a729d798]{display:flex;font-size:14px;margin:8px}ul.tooltip li[data-v-a729d798]:last-child{padding-bottom:8px}ul.tooltip .display-label[data-v-a729d798]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-a729d798]{margin-left:auto;padding-left:8px;white-space:nowrap}ul.tooltip .tooltip-legend[data-v-a729d798]{display:inline-flex;flex-direction:row;height:15px;margin-right:8px;width:3px}.legend-container[data-v-22ddf722]{display:flex;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:scroll;padding-left:12px;scrollbar-width:thin}.legend-container.vertical[data-v-22ddf722]{flex-direction:column;max-height:400px;max-width:15%;word-break:break-word}@media (max-width: 767px){.legend-container.vertical[data-v-22ddf722]{flex-direction:row;height:20%;max-width:100%;width:100%}}.legend-container.horizontal[data-v-22ddf722]{column-gap:2px;display:grid;justify-content:center;max-height:15%;width:100%}.legend-container.horizontal .truncate-label[data-v-22ddf722]{max-width:15ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container[data-v-22ddf722]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.legend-container[data-v-22ddf722]::-webkit-scrollbar{width:10px}.legend-container[data-v-22ddf722]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.legend-container li[data-v-22ddf722]{align-items:start;cursor:pointer;display:flex;margin-top:16px}.legend-container li .legend[data-v-22ddf722]{flex:0 0 14px;height:3px;margin-right:12px;margin-top:6px}.legend-container li .label[data-v-22ddf722]{font-size:14px;line-height:18px}.legend-container li .sub-label[data-v-22ddf722]{font-size:12px;line-height:14px;word-break:none}.legend-container li .strike-through[data-v-22ddf722]{text-decoration:line-through}.chart-parent[data-v-2d7e4a73]{align-items:center;display:flex;height:inherit;position:relative;width:inherit}.chart-parent.column[data-v-2d7e4a73]{flex-direction:column}.chart-parent.column .chart-container[data-v-2d7e4a73]{height:80%;width:100%}.chart-parent.legend-row[data-v-2d7e4a73]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-2d7e4a73]{flex-grow:1;height:100%;width:85%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-2d7e4a73]{height:80%!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-2d7e4a73]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-2d7e4a73]{position:relative}.chart-container[data-v-2d7e4a73]{-ms-overflow-style:thin;overflow-y:hidden;scrollbar-width:thin}.chart-container .chart-body[data-v-2d7e4a73]{height:100%}.chart-container[data-v-2d7e4a73]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.chart-container[data-v-2d7e4a73]::-webkit-scrollbar{width:10px}.chart-container[data-v-2d7e4a73]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.axis[data-v-2d7e4a73]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-2d7e4a73]{background-color:#3a3f51;color:#fff;padding:4px 8px;position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-2d7e4a73]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-89d6e4ca]{align-items:center;display:flex;height:inherit;position:relative;width:inherit}.chart-parent.column[data-v-89d6e4ca]{flex-direction:column}.chart-parent.column .chart-container[data-v-89d6e4ca]{height:80%;width:100%}.chart-parent.legend-row[data-v-89d6e4ca]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-89d6e4ca]{flex-grow:1;height:100%;width:85%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-89d6e4ca]{height:80%!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-89d6e4ca]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-89d6e4ca]{position:relative}.chart-parent[data-v-19da6e6a]{align-items:center;display:flex;height:inherit;position:relative;width:inherit}.chart-parent.column[data-v-19da6e6a]{flex-direction:column}.chart-parent.column .chart-container[data-v-19da6e6a]{height:80%;width:100%}.chart-parent.legend-row[data-v-19da6e6a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-19da6e6a]{flex-grow:1;height:100%;width:85%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-19da6e6a]{height:80%!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-19da6e6a]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-19da6e6a]{position:relative}.analytics-chart-shell[data-v-4e9f411e],.simple-chart-shell[data-v-4e9f411e]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-4e9f411e],.simple-chart-shell .chart-empty-state[data-v-4e9f411e]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-4e9f411e]{padding:16px}.analytics-chart-shell .chart-empty-state[data-v-4e9f411e]{padding:20px 0 16px}.analytics-chart-shell .chart-header[data-v-4e9f411e]{display:flex;padding-bottom:16px}.analytics-chart-shell .chart-title[data-v-4e9f411e]{font-size:18px;font-weight:600}.analytics-chart-shell .tooltip[data-v-4e9f411e]{display:flex;margin-left:12px;margin-top:2px}.analytics-chart-shell .limit-icon-wrapper[data-v-4e9f411e]{display:flex;flex-direction:row}.chart-parent[data-v-5871cb7a]{align-items:center;display:flex;height:inherit;position:relative;width:inherit}.chart-parent.column[data-v-5871cb7a]{flex-direction:column}.chart-parent.column .chart-container[data-v-5871cb7a]{height:80%;width:100%}.chart-parent.legend-row[data-v-5871cb7a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5871cb7a]{flex-grow:1;height:100%;width:85%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5871cb7a]{height:80%!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5871cb7a]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5871cb7a]{position:relative}.chart-parent[data-v-5871cb7a]{height:auto;margin:0;padding:0;width:auto}.chart-parent .chart-container[data-v-5871cb7a]{margin:0;max-height:100px;max-width:100px;padding:0}.chart-parent .chart-totals-flex[data-v-5871cb7a]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-5871cb7a]{font-size:20px;font-weight:500;line-height:28px}.chart-parent .chart-totals-flex .metric-small[data-v-5871cb7a]{color:#6c7489;font-size:10px;font-weight:400;line-height:12px}.analytics-chart-shell[data-v-f014a616],.simple-chart-shell[data-v-f014a616]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-f014a616],.simple-chart-shell .chart-empty-state[data-v-f014a616]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-f014a616]{margin:0;padding:0}.simple-chart-shell .chart-empty-state[data-v-f014a616]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-f014a616] .k-empty-state-title-header{font-size:12px;line-height:16px;margin:0}.kong-ui-public-top-n-table[data-v-f4324893]{border-radius:8px!important}.kong-ui-public-top-n-table .top-n-card-title[data-v-f4324893]{font-size:16px}.kong-ui-public-top-n-table[data-v-f4324893] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-f4324893] .k-card-actions .top-n-card-description{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table .top-n-table[data-v-f4324893]{display:flex;flex-direction:column;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-f4324893]{font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-f4324893]{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-f4324893]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-f4324893]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-f4324893]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-f4324893]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-f4324893],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-f4324893]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-f4324893]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-f4324893] 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/vitals-chart.es.js CHANGED Viewed

@@ -19156,7 +19156,7 @@ const kM = /* @__PURE__ */ Ce(SM, [["__scopeId", "data-v-19da6e6a"]]), CM = { cl
     };
   }
 });
-const lT = /* @__PURE__ */ Ce(RM, [["__scopeId", "data-v-efde9186"]]), LM = {
+const lT = /* @__PURE__ */ Ce(RM, [["__scopeId", "data-v-4e9f411e"]]), LM = {
   class: "chart-parent",
   "data-testid": "doughnut-chart-parent"
 }, IM = { class: "chart-totals-flex" }, NM = {

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

@@ -26,4 +26,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
  * https://www.chartjs.org
  * (c) 2022 chartjs-adapter-date-fns Contributors
  * Released under the MIT license
- */const y1={datetime:"MMM d, yyyy, h:mm:ss aaaa",millisecond:"h:mm:ss.SSS aaaa",second:"h:mm:ss aaaa",minute:"h:mm aaaa",hour:"ha",day:"MMM d",week:"PP",month:"MMM yyyy",quarter:"qqq - yyyy",year:"yyyy"};ll._date.override({_id:"date-fns",formats:function(){return y1},parse:function(n,t){if(n===null||typeof n>"u")return null;const e=typeof n;return e==="number"||n instanceof Date?n=Y(n):e==="string"&&(typeof t=="string"?n=wy(n,t,new Date,this.options):n=Xc(n,this.options)),ga(n)?n.getTime():null},format:function(n,t){return _b(n,t,this.options)},add:function(n,t,e){switch(e){case"millisecond":return Gn(n,t);case"second":return Gm(n,t);case"minute":return qm(n,t);case"hour":return zm(n,t);case"day":return wc(n,t);case"week":return Km(n,t);case"month":return fa(n,t);case"quarter":return Xm(n,t);case"year":return Zm(n,t);default:return n}},diff:function(n,t,e){switch(e){case"millisecond":return Ki(n,t);case"second":return l0(n,t);case"minute":return a0(n,t);case"hour":return r0(n,t);case"day":return Tc(n,t);case"week":return c0(n,t);case"month":return Cc(n,t);case"quarter":return o0(n,t);case"year":return u0(n,t);default:return 0}},startOf:function(n,t,e){switch(t){case"second":return Ty(n);case"minute":return d0(n);case"hour":return Dy(n);case"day":return ha(n);case"week":return _c(n);case"isoWeek":return _c(n,{weekStartsOn:+e});case"month":return h0(n);case"quarter":return f0(n);case"year":return p0(n);default:return n}},endOf:function(n,t){switch(t){case"second":return x0(n);case"minute":return y0(n);case"hour":return m0(n);case"day":return Sc(n);case"week":return b0(n);case"month":return kc(n);case"quarter":return v0(n);case"year":return g0(n);default:return n}}});const Md={data:{type:Object,required:!0},options:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},datasetIdKey:{type:String,default:"label"},updateMode:{type:String,default:void 0}},v1={type:{type:String,required:!0},...Md},x1=g.version[0]==="2"?(n,t)=>Object.assign(n,{attrs:t}):(n,t)=>Object.assign(n,t);function vn(n){return g.isProxy(n)?g.toRaw(n):n}function w1(n){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n;return g.isProxy(t)?new Proxy(n,{}):n}function _1(n,t){const e=n.options;e&&t&&Object.assign(e,t)}function Sd(n,t){n.labels=t}function kd(n,t,e){const i=[];n.datasets=t.map(r=>{const a=n.datasets.find(s=>s[e]===r[e]);return!a||!r.data||i.includes(a)?{...r}:(i.push(a),Object.assign(a,r),a)})}function D1(n,t){const e={labels:[],datasets:[]};return Sd(e,n.labels),kd(e,n.datasets,t),e}const T1=g.defineComponent({props:v1,setup(n,t){let{expose:e}=t;const i=g.ref(null),r=g.shallowRef(null);e({chart:r});const a=()=>{if(!i.value)return;const{type:l,data:c,options:u,plugins:d,datasetIdKey:f}=n,h=D1(c,f),p=w1(h,c);r.value=new Xt(i.value,{type:l,data:p,options:{...u},plugins:d})},s=()=>{const l=g.toRaw(r.value);l&&(l.destroy(),r.value=null)},o=l=>{l.update(n.updateMode)};return g.onMounted(a),g.onBeforeUnmount(s),g.watch([()=>n.options,()=>n.data],(l,c)=>{let[u,d]=l,[f,h]=c;const p=g.toRaw(r.value);if(!p)return;let y=!1;if(u){const b=vn(u),m=vn(f);b&&b!==m&&(_1(p,b),y=!0)}if(d){const b=vn(d.labels),m=vn(h.labels),v=vn(d.datasets),x=vn(h.datasets);b!==m&&(Sd(p.config.data,b),y=!0),v&&v!==x&&(kd(p.config.data,v,n.datasetIdKey),y=!0)}y&&o(p)},{deep:!0}),()=>g.h("canvas",{ref:i})}});function Zs(n,t){return Xt.register(t),g.defineComponent({props:Md,setup(e,i){let{expose:r}=i;const a=g.shallowRef(null),s=o=>{a.value=o==null?void 0:o.chart};return r({chart:a}),()=>g.h(T1,x1({ref:s},{type:n,...e}))}})}const M1=Zs("bar",Ln),Cd=Zs("doughnut",Me),S1=Zs("line",In),k1={class:"chart-container"},C1=g.defineComponent({__name:"DoughnutChart",props:{chartData:{type:Object,required:!1,default:null},fill:{type:Boolean,required:!1,default:!1},tooltipTitle:{type:String,required:!0},metricUnit:{type:String,required:!1,default:""},legendPosition:{type:String,required:!1,default:yt.Right},legendValues:{type:Object,required:!1,default:null},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Gt}},setup(n){const t=n,{i18n:e}=Dt.useI18n(),i=g.ref(Le()),r=g.ref(Le()),a=g.ref([]),s=g.computed(()=>t.metricUnit&&e.t(`chartUnits.${t.metricUnit}`)),o=g.reactive({showTooltip:!1,tooltipContext:"",tooltipSeries:[],left:"",top:"",units:s,offset:0,width:0,height:0,chartType:Et.DOUGHNUT}),l={id:i.value,afterUpdate(y){a.value=y.options.plugins.legend.labels.generateLabels(y).map(b=>({...b,value:t.legendValues&&t.legendValues[b.text],hidden:!1}))}},c=g.computed(()=>[t.chartData.datasets.reduce((b,m)=>(b.labels.push(m.label),b.backgroundColor.push(m.backgroundColor),b.borderColor.push(ri(m.backgroundColor,50)),b.data.push(m.data.reduce((v,x)=>v+x,0)),b),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),u=g.computed(()=>({...t.chartData,datasets:c.value}));Dt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const{options:d}=Dt.useDoughnutChartOptions({tooltipState:o,legendID:i.value}),f=g.ref(),h=y=>({[yt.Right]:"legend-row",[yt.Bottom]:"column",[yt.Hidden]:"hidden"})[y],p=({width:y,height:b})=>{o.width=y,o.height=b};return(y,b)=>(g.openBlock(),g.createElementBlock("div",{class:g.normalizeClass(["chart-parent",h(n.legendPosition)]),"data-testid":"doughnut-chart-parent"},[g.createElementVNode("div",k1,[g.createVNode(g.unref(Cd),{ref_key:"chartInstance",ref:f,"chart-id":r.value,data:u.value,options:g.unref(d),plugins:[l]},null,8,["chart-id","data","options","plugins"]),g.createVNode(Xs,{left:o.left,series:o.tooltipSeries,"show-tooltip":o.showTooltip,"tooltip-title":n.tooltipTitle,top:o.top,unit:n.metricUnit,onDimensions:p},null,8,["left","series","show-tooltip","tooltip-title","top","unit"])]),g.createVNode(Gs,{id:i.value,"chart-instance":f.value,items:a.value,position:n.legendPosition},null,8,["id","chart-instance","items","position"])],2))}}),PD="",O1=ge(C1,[["__scopeId","data-v-89d6e4ca"]]),Od=(n,t,e,i)=>{n.save(),n.beginPath(),n.moveTo(t,e),n.lineTo(t,i),n.lineWidth=1,n.strokeStyle="#0275d8",n.stroke(),n.restore()},Qs={id:"linePlugin",afterDatasetsDraw:function(n){if(n.tooltip&&n.tooltip.getActiveElements()&&n.tooltip.getActiveElements().length&&!this.clickedSegment){const{x:t}=n.tooltip.dataPoints[0].element,e=n.ctx;Od(e,t,n.scales.y.top,n.scales.y.bottom)}if(this.clickedSegment){const{x:t}=this.clickedSegment.element,e=n.ctx;Od(e,t,n.scales.y.top,n.scales.y.bottom)}},beforeDestroy(){delete this.clickedSegment}},P1=g.defineComponent({__name:"TimeSeriesChart",props:{chartData:{type:Object,required:!1,default:null},type:{type:String,required:!1,default:Et.TIMESERIES_LINE},fill:{type:Boolean,required:!1,default:!1},tooltipTitle:{type:String,required:!0},metricUnit:{type:String,required:!1,default:""},timeRangeMs:{type:Number,required:!1,default:void 0},timeRangeSec:{type:Number,required:!1,default:void 0},granularity:{type:String,required:!0},stacked:{type:Boolean,required:!1,default:!0},legendValues:{type:Object,required:!1,default:null},metricAxesTitle:{type:String,required:!1,default:null},dimensionAxesTitle:{type:String,required:!1,default:null},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Gt}},setup(n){const t=n,{i18n:e}=Dt.useI18n(),i=g.ref(),r=g.ref(Le()),a=g.ref(Le()),s=g.ref([]),o=g.ref(),l=g.ref(g.inject("legendPosition",yt.Right)),c=g.computed(()=>t.metricUnit&&e.t(`chartUnits.${t.metricUnit}`)),u=g.reactive({showTooltip:!1,tooltipContext:"",tooltipSeries:[],left:"",top:"",units:c,offset:0,width:0,height:0,chartType:t.type,locked:!1}),d={id:r.value,afterUpdate(x){s.value=x.options.plugins.legend.labels.generateLabels(x).map(w=>({...w,value:t.legendValues&&t.legendValues[w.text]})).sort((w,_)=>w.value&&_.value&&_.value.raw-w.value.raw)}},f=g.computed(()=>[d,Dd,...t.type===Et.TIMESERIES_LINE?[Qs]:[]]),{options:h}=Dt.useLinechartOptions({tooltipState:u,timeRangeMs:g.toRef(t,"timeRangeMs"),timeRangeSec:g.toRef(t,"timeRangeSec"),granularity:g.toRef(t,"granularity"),legendID:r.value,stacked:g.toRef(t,"stacked"),metricAxesTitle:g.toRef(t,"metricAxesTitle"),dimensionAxesTitle:g.toRef(t,"dimensionAxesTitle")}),p=g.computed(()=>({...t.chartData,datasets:t.chartData.datasets.map((x,w)=>(Array.isArray(t.datasetColors)?(x.backgroundColor=t.datasetColors[w%t.datasetColors.length],x.borderColor=ri(x.backgroundColor,50)):x.rawDimension in t.datasetColors&&(x.backgroundColor=t.datasetColors[x.rawDimension],x.borderColor=ri(x.backgroundColor,50)),x.fill=t.fill,x))}));Dt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const y=x=>sx(x,{short:[z.DAILY,z.WEEKLY].includes(t.granularity)}),b=x=>({[yt.Right]:"legend-row",[yt.Bottom]:"column",[yt.Hidden]:"hidden"})[x],m=({width:x,height:w})=>{u.width=x,u.height=w},v=()=>{var x,w,_;u.locked=!u.locked,i.value&&((w=(x=i.value.chart.tooltip)==null?void 0:x.dataPoints)!=null&&w.length)&&(Qs.clickedSegment=u.locked?(_=i.value.chart.tooltip)==null?void 0:_.dataPoints[0]:void 0)};return g.watch(()=>t.type,()=>{u.locked=!1,u.showTooltip=!1,delete Qs.clickedSegment}),(x,w)=>(g.openBlock(),g.createElementBlock("div",{class:g.normalizeClass(["chart-parent",b(l.value)]),"data-testid":"line-chart-parent"},[g.createElementVNode("div",{class:"chart-container",onClick:w[0]||(w[0]=_=>v())},[n.type===g.unref(Et).TIMESERIES_LINE?(g.openBlock(),g.createBlock(g.unref(S1),{key:0,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:p.value,"data-testid":"time-series-line-chart",options:g.unref(h),plugins:f.value},null,8,["chart-id","data","options","plugins"])):n.type===g.unref(Et).TIMESERIES_BAR?(g.openBlock(),g.createBlock(g.unref(M1),{key:1,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:p.value,"data-testid":"time-series-bar-chart",options:g.unref(h),plugins:f.value},null,8,["chart-id","data","options","plugins"])):g.createCommentVNode("",!0)]),g.createVNode(Xs,{ref_key:"tooltipElement",ref:o,context:y(u.tooltipContext),"data-testid":"tooltip",left:u.left,locked:u.locked,series:u.tooltipSeries,"show-tooltip":u.showTooltip,"tooltip-title":n.tooltipTitle,top:u.top,unit:n.metricUnit,onDimensions:m,onLeft:w[1]||(w[1]=_=>u.left=_),onTop:w[2]||(w[2]=_=>u.top=_)},null,8,["context","left","locked","series","show-tooltip","tooltip-title","top","unit"]),g.createVNode(Gs,{id:r.value,"chart-instance":i.value,"data-testid":"legend",items:s.value},null,8,["id","chart-instance","items"])],2))}}),ED="",E1=ge(P1,[["__scopeId","data-v-19da6e6a"]]),A1={class:"analytics-chart-shell"},R1={class:"chart-header"},L1={key:0,class:"chart-title"},I1={id:"result-truncated"},N1={class:"limit-icon-wrapper"},F1=g.defineComponent({__name:"AnalyticsChart",props:{chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},tooltipTitle:{type:String,required:!0},emptyStateTitle:{type:String,required:!1,default:""},emptyStateDescription:{type:String,required:!1,default:""},chartTitle:{type:String,required:!0},legendPosition:{type:String,required:!1,default:yt.Right},syntheticsDataKey:{type:String,required:!1,default:""},height:{type:String,required:!1,default:"500px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0}},setup(n){const t=n,{i18n:e}=Dt.useI18n(),i=g.ref(t.height),r=S=>{i.value=`${S}px`},a=g.computed(()=>y.value?Dt.useExploreResultToTimeDataset({fill:t.chartOptions.fill,colorPalette:t.chartOptions.chartDatasetColors||Gt},g.toRef(t,"chartData")).value:Dt.useExploreResultToDatasets({fill:t.chartOptions.fill,colorPalette:t.chartOptions.chartDatasetColors||Gt},g.toRef(t,"chartData")).value),s=g.computed(()=>{var S;return(S=t.chartData)!=null&&S.meta?"start"in t.chartData.meta?t.chartData.meta.end-t.chartData.meta.start:void 0:0}),o=g.computed(()=>{var S;return(S=t.chartData)!=null&&S.meta?"startMs"in t.chartData.meta?t.chartData.meta.endMs-t.chartData.meta.startMs:void 0:0}),l=g.computed(()=>{var S;return(S=t.chartData.meta)!=null&&S.metricUnits?Object.values(t.chartData.meta.metricUnits)[0]:""}),c=g.computed(()=>t.showLegendValues&&t.legendPosition!==yt.Bottom),{legendValues:u}=Dt.useChartLegendValues(a,t.chartOptions.type,l),d=g.computed(()=>{var S,P,L;return((L=(P=(S=t.chartData)==null?void 0:S.meta)==null?void 0:P.limit)==null?void 0:L.toString())||null}),f=g.computed(()=>{var S,P;return((P=(S=t.chartData)==null?void 0:S.meta)==null?void 0:P.truncated)||!1}),h=e.t("limitedResultsShown",{maxReturned:d.value}),p=g.computed(()=>[Et.VERTICAL_BAR.toString(),Et.HORIZONTAL_BAR.toString()].includes(t.chartOptions.type)),y=g.computed(()=>[Et.TIMESERIES_BAR,Et.TIMESERIES_LINE].some(S=>S===t.chartOptions.type)),b=g.computed(()=>t.chartOptions.type===Et.DOUGHNUT),m=g.computed(()=>t.chartOptions.type.includes("Vertical")?"vertical":"horizontal"),v=g.computed(()=>{var L,E,Z;if(!((L=t.chartData)!=null&&L.meta.metricNames)||!((E=t.chartData)!=null&&E.meta.metricUnits))return;const S=t.chartData.meta.metricNames[0],P=t.chartData.meta.metricUnits[S];return((Z=t.chartOptions)==null?void 0:Z.metricAxesTitle)||e.te(`metricAxisTitles.${S}`)&&e.te(`chartUnits.${P}`)&&e.t(`metricAxisTitles.${S}`,{unit:e.t(`chartUnits.${P}`)})||void 0}),x=g.computed(()=>{const S=y.value?"Time":Object.keys(t.chartData.meta.dimensions||t.chartData.meta.metricNames)[0];return t.chartOptions.dimensionAxesTitle||e.te(`chartLabels.${S}`)&&e.t(`chartLabels.${S}`)||void 0}),w=g.computed(()=>{if(t.chartData.meta.granularity&&typeof t.chartData.meta.granularity!="number"&&"duration"in t.chartData.meta.granularity){const S=ai(t.chartData.meta.granularity.duration);return e.t(`granularityAxisTitles.${S}`)}else if(t.chartData.meta.granularity&&!isNaN(Number(t.chartData.meta.granularity))){const S=ai(Number(t.chartData.meta.granularity));return e.t(`granularityAxisTitles.${S}`)}return e.t("chartlabels.Time")}),_=g.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),D=g.computed(()=>t.emptyStateDescription||e.t("noDataAvailableDescription")),T=g.computed(()=>y.value?jy(a.value):t.chartData&&t.chartData.meta&&t.chartData.records.length),M=g.computed(()=>t.chartData.meta.granularity?typeof t.chartData.meta.granularity=="number"?ai(t.chartData.meta.granularity)||z.HOURLY:ai(t.chartData.meta.granularity.duration)||z.HOURLY:ai(new Date(t.chartData.records[1].timestamp).getTime()-new Date(t.chartData.records[0].timestamp).getTime())||z.HOURLY);return g.provide("showLegendValues",c),g.provide("legendPosition",g.toRef(t,"legendPosition")),(S,P)=>{const L=g.resolveComponent("KTooltip"),E=g.resolveComponent("KEmptyState");return g.openBlock(),g.createElementBlock("div",A1,[g.createElementVNode("div",R1,[n.chartTitle?(g.openBlock(),g.createElementBlock("div",L1,g.toDisplayString(n.chartTitle),1)):g.createCommentVNode("",!0),g.createElementVNode("div",I1,[T.value&&f.value&&d.value?(g.openBlock(),g.createBlock(L,{key:0,class:"tooltip","max-width":"500",placement:"right"},{content:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(g.unref(h)),1)]),default:g.withCtx(()=>[g.createElementVNode("div",N1,[g.createVNode(g.unref(H_),{color:g.unref(V_),decorative:"",size:g.unref(j_)},null,8,["color","size"])])]),_:1})):g.createCommentVNode("",!0)])]),T.value?(g.openBlock(),g.createElementBlock("div",{key:1,class:"analytics-chart-parent",style:g.normalizeStyle({height:i.value,width:n.width})},[y.value?(g.openBlock(),g.createBlock(E1,{key:0,"chart-data":a.value,"dataset-colors":n.chartOptions.chartDatasetColors,"dimension-axes-title":w.value,fill:n.chartOptions.fill,granularity:M.value,"legend-values":g.unref(u),"metric-axes-title":v.value,"metric-unit":l.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"time-range-ms":o.value,"time-range-sec":s.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type},null,8,["chart-data","dataset-colors","dimension-axes-title","fill","granularity","legend-values","metric-axes-title","metric-unit","stacked","synthetics-data-key","time-range-ms","time-range-sec","tooltip-title","type"])):p.value?(g.openBlock(),g.createBlock(b1,{key:1,annotations:n.showAnnotations,"chart-data":a.value,"data-testid":"bar-chart-container","dimension-axes-title":x.value,"legend-values":g.unref(u),"metric-axes-title":v.value,"metric-unit":l.value,orientation:m.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle,onHeightUpdate:r},null,8,["annotations","chart-data","dimension-axes-title","legend-values","metric-axes-title","metric-unit","orientation","stacked","synthetics-data-key","tooltip-title"])):b.value?(g.openBlock(),g.createBlock(O1,{key:2,"chart-data":a.value,"dataset-colors":n.chartOptions.chartDatasetColors,fill:n.chartOptions.fill,"legend-position":n.legendPosition,"legend-values":g.unref(u),"metric-unit":l.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["chart-data","dataset-colors","fill","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title"])):g.createCommentVNode("",!0)],4)):(g.openBlock(),g.createBlock(E,{key:0,class:"chart-empty-state","cta-is-hidden":!0,"data-testid":"no-data-in-report",icon:"stateNoData","icon-size":"170"},{title:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(_.value),1)]),message:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(D.value),1)]),_:1}))])}}}),AD="",Y1=ge(F1,[["__scopeId","data-v-efde9186"]]),W1={class:"chart-parent","data-testid":"doughnut-chart-parent"},U1={class:"chart-totals-flex"},B1={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},z1=g.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:ln.Hidden},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Gt},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}=Dt.useI18n(),i=g.ref(Le()),r=g.computed(()=>[t.chartData.datasets.reduce((p,y)=>(p.labels.push(y.label),p.borderColor.push(y.backgroundColor),p.backgroundColor.push(y.backgroundColor),p.data.push(y.data.reduce((b,m)=>b+m,0)),p),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),a=g.computed(()=>({...t.chartData,datasets:r.value}));Dt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const s={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},o=g.ref(),l=g.computed(()=>{var h;return dn((h=r==null?void 0:r.value[0])==null?void 0:h.data[t.numerator],{capital:!0})}),c=g.computed(()=>{var h,p;return dn(((h=r==null?void 0:r.value[0])==null?void 0:h.data[0])+((p=r==null?void 0:r.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=g.computed(()=>{var h;return`color: ${(h=r==null?void 0:r.value[0])==null?void 0:h.backgroundColor[t.numerator]}`}),d=g.computed(()=>[ln.Full,ln.SingleMetric].includes(t.metricDisplay)),f=g.computed(()=>t.metricDisplay===ln.Full);return(h,p)=>(g.openBlock(),g.createElementBlock("div",W1,[g.createElementVNode("div",U1,[d.value?(g.openBlock(),g.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:g.normalizeStyle(u.value)},g.toDisplayString(l.value),5)):g.createCommentVNode("",!0),f.value?(g.openBlock(),g.createElementBlock("div",B1,g.toDisplayString(g.unref(e).t("total"))+": "+g.toDisplayString(c.value),1)):g.createCommentVNode("",!0)]),g.createElementVNode("div",{class:"chart-container",style:g.normalizeStyle({height:n.height,width:n.width})},[g.createVNode(g.unref(Cd),{ref_key:"chartInstance",ref:o,"chart-id":i.value,data:a.value,options:s},null,8,["chart-id","data","options"])],4)]))}}),RD="",H1=ge(z1,[["__scopeId","data-v-5871cb7a"]]),$1={class:"simple-chart-shell"},V1={key:1,class:"analytics-chart-parent"},j1=g.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}=Dt.useI18n(),i=g.computed(()=>{var c;const l=Dt.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||Gt},g.toRef(t,"chartData")).value;return(c=t.chartOptions)!=null&&c.reverseDataset&&(l==null||l.datasets.reverse()),l}),r=g.computed(()=>{var l;return(l=t.chartData.meta)!=null&&l.metricUnits?Object.values(t.chartData.meta.metricUnits)[0]:""}),a=g.computed(()=>t.chartOptions.type===er.GAUGE),s=g.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),o=g.computed(()=>t.chartData&&t.chartData.meta&&t.chartData.records.length);return(l,c)=>{const u=g.resolveComponent("KEmptyState");return g.openBlock(),g.createElementBlock("div",$1,[o.value?(g.openBlock(),g.createElementBlock("div",V1,[a.value?(g.openBlock(),g.createBlock(H1,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":r.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"])):g.createCommentVNode("",!0)])):(g.openBlock(),g.createBlock(u,{key:0,class:"chart-empty-state","cta-is-hidden":!0,"data-testid":"no-data-in-report",icon:"stateNoData","icon-size":"80"},{title:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(s.value),1)]),_:1}))])}}}),LD="",q1=ge(j1,[["__scopeId","data-v-f014a616"]]),X1={class:"top-n-card-title","data-testid":"top-n-card-title"},G1={class:"top-n-card-description","data-testid":"top-n-card-description"},K1={key:3,class:"top-n-table","data-testid":"top-n-table"},Z1={class:"table-headings"},Q1={class:"table-row"},J1={class:"column-1"},tD={class:"column-2"},eD={class:"table-body","data-testid":"top-n-data"},nD=["data-testid"],iD={class:"column-1"},rD={class:"column-2"},aD=g.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}},setup(n){const t=n,{i18n:e}=Dt.useI18n(),i=g.computed(()=>t.data.records),r=g.computed(()=>{var p;return!!((p=i.value)!=null&&p.length)}),a=g.computed(()=>{var p,y;return(p=t.data.meta)!=null&&p.display&&((y=Object.keys(t.data.meta.display))==null?void 0:y[0])||""}),s=g.computed(()=>a.value?t.data.meta.display[a.value]:{}),o=g.computed(()=>{var p,y;return(y=(p=t.data.meta)==null?void 0:p.metricNames)!=null&&y.length?t.data.meta.metricNames[0]:""}),l=g.computed(()=>o.value?e.t(`chartLabels.${o.value}`)||o.value:""),c=g.computed(()=>{if(!r.value)return"";if(t.data.meta)if(Object.keys(s.value).length){if(!o.value)return e.t("topNTable.errors.metricNames")}else return e.t("topNTable.errors.display");else return e.t("topNTable.errors.meta");return""}),u=p=>{const y=p.event;return String(y[a.value])},d=p=>{const y=u(p),b=s.value[y];return b?b.name:"-"},f=p=>{const y=u(p),b=s.value[y];return b?b.deleted:!1},h=p=>{if(!o.value)return"–";const b=p.event[o.value];return b?dn(b,{capital:!0,round:!0}):"–"};return(p,y)=>{const b=g.resolveComponent("KEmptyState"),m=g.resolveComponent("KSkeleton"),v=g.resolveComponent("KCard");return g.openBlock(),g.createBlock(v,{class:"kong-ui-public-top-n-table"},g.createSlots({body:g.withCtx(()=>[c.value?(g.openBlock(),g.createBlock(b,{key:0,"cta-is-hidden":"","data-testid":"top-n-error-state","is-error":""},{title:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(g.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),message:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(c.value),1)]),_:1})):n.isLoading?(g.openBlock(),g.createBlock(m,{key:1,"table-columns":2,type:"table"})):r.value?(g.openBlock(),g.createElementBlock("div",K1,[g.createElementVNode("div",Z1,[g.createElementVNode("div",Q1,[g.createElementVNode("div",J1,g.toDisplayString(g.unref(e).t("topNTable.nameLabel")),1),g.createElementVNode("div",tD,g.toDisplayString(l.value),1)])]),g.createElementVNode("div",eD,[(g.openBlock(!0),g.createElementBlock(g.Fragment,null,g.renderList(i.value,(x,w)=>(g.openBlock(),g.createElementBlock("div",{key:`entry-${w}`,class:"table-row","data-testid":`row-${u(x)}`},[g.createElementVNode("div",iD,[g.renderSlot(p.$slots,"name",{record:{id:u(x),name:d(x),deleted:f(x),dimension:a.value}},()=>[g.createTextVNode(g.toDisplayString(d(x)),1)],!0)]),g.createElementVNode("div",rD,"   "+g.toDisplayString(h(x)),1)],8,nD))),128))])])):(g.openBlock(),g.createBlock(b,{key:2,"cta-is-hidden":"","data-testid":"top-n-empty-state",icon:"stateNoData","icon-size":"80"},{title:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(n.emptyStateTitle||g.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:g.withCtx(()=>[g.createElementVNode("div",X1,g.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:g.withCtx(()=>[g.createElementVNode("div",G1,g.toDisplayString(n.description),1)]),key:"1"}:void 0]),1024)}}}),ID="",ND="",sD=ge(aD,[["__scopeId","data-v-f4324893"]]),Js="#e0e4ea",oD={100:["#c8e2fd","#80bfff","#4da6ff","#1a8cff","#0072e5","#0059b2"],200:["#ceedd2","#9edca6","#89d595","#6fcc83","#44c26b","#0bb652","#0ca84a","#169643","#196e33","#1b572a"],300:["#fff4db","#ffe9b8","#ffe2a1","#ffd982","#ffd062","#fdc53b","#f4bb1e","#e8b00b","#d9a30f","#c89407"],400:["#ffead8","#ffd5b1","#ffc899","#ffba81","#ffae6b","#fe9439","#f6871d","#eb7c0c","#da700c","#cc6100"],500:["#ffd5d5","#ffb6b6","#ff9d9d","#ff8484","#ff6a6a","#ff4545","#fb1f1f","#e90b0b","#d40202","#be0202"]},di=(n,t)=>{let e=1;const i=oD[n],r=new Map;for(const a of t)r.set(a,i[e]),e=e%(i.length-1)+1;return r.set(-1,i[0]),r},Pd=new Map([[100,di("100",[100,101,102,103])],[200,di("200",[200,201,202,203,204,205,206,207,208,226])],[300,di("300",[300,301,302,303,304,305,307,308])],[400,di("400",[400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,421,422,423,424,425,426,428,429,431,451])],[500,di("500",[500,501,502,503,504,505,506,507,508,510,511])]]),Ed=n=>{const t=parseInt(n,10),e=Math.floor(t/100)*100,i=Pd.get(e);return i===void 0?Js:i.get(t)??i.get(-1)??Js},lD=n=>{const t=Ed(n);return{solid:t,light:t}};ot.AnalyticsChart=Y1,ot.ChartLegendPosition=yt,ot.ChartMetricDisplay=ln,ot.ChartTypes=Et,ot.ChartTypesSimple=er,ot.SimpleChart=q1,ot.TopNTable=sD,ot.accessibleGrey=bu,ot.codesInSpec=Pd,ot.darkenColor=ri,ot.datavisPalette=Gt,ot.lightGrey=Js,ot.lookupDatavisColor=un,ot.lookupStatusCodeCategoryColor=lD,ot.lookupStatusCodeColor=Ed,Object.defineProperty(ot,Symbol.toStringTag,{value:"Module"})});
+ */const y1={datetime:"MMM d, yyyy, h:mm:ss aaaa",millisecond:"h:mm:ss.SSS aaaa",second:"h:mm:ss aaaa",minute:"h:mm aaaa",hour:"ha",day:"MMM d",week:"PP",month:"MMM yyyy",quarter:"qqq - yyyy",year:"yyyy"};ll._date.override({_id:"date-fns",formats:function(){return y1},parse:function(n,t){if(n===null||typeof n>"u")return null;const e=typeof n;return e==="number"||n instanceof Date?n=Y(n):e==="string"&&(typeof t=="string"?n=wy(n,t,new Date,this.options):n=Xc(n,this.options)),ga(n)?n.getTime():null},format:function(n,t){return _b(n,t,this.options)},add:function(n,t,e){switch(e){case"millisecond":return Gn(n,t);case"second":return Gm(n,t);case"minute":return qm(n,t);case"hour":return zm(n,t);case"day":return wc(n,t);case"week":return Km(n,t);case"month":return fa(n,t);case"quarter":return Xm(n,t);case"year":return Zm(n,t);default:return n}},diff:function(n,t,e){switch(e){case"millisecond":return Ki(n,t);case"second":return l0(n,t);case"minute":return a0(n,t);case"hour":return r0(n,t);case"day":return Tc(n,t);case"week":return c0(n,t);case"month":return Cc(n,t);case"quarter":return o0(n,t);case"year":return u0(n,t);default:return 0}},startOf:function(n,t,e){switch(t){case"second":return Ty(n);case"minute":return d0(n);case"hour":return Dy(n);case"day":return ha(n);case"week":return _c(n);case"isoWeek":return _c(n,{weekStartsOn:+e});case"month":return h0(n);case"quarter":return f0(n);case"year":return p0(n);default:return n}},endOf:function(n,t){switch(t){case"second":return x0(n);case"minute":return y0(n);case"hour":return m0(n);case"day":return Sc(n);case"week":return b0(n);case"month":return kc(n);case"quarter":return v0(n);case"year":return g0(n);default:return n}}});const Md={data:{type:Object,required:!0},options:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},datasetIdKey:{type:String,default:"label"},updateMode:{type:String,default:void 0}},v1={type:{type:String,required:!0},...Md},x1=g.version[0]==="2"?(n,t)=>Object.assign(n,{attrs:t}):(n,t)=>Object.assign(n,t);function vn(n){return g.isProxy(n)?g.toRaw(n):n}function w1(n){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n;return g.isProxy(t)?new Proxy(n,{}):n}function _1(n,t){const e=n.options;e&&t&&Object.assign(e,t)}function Sd(n,t){n.labels=t}function kd(n,t,e){const i=[];n.datasets=t.map(r=>{const a=n.datasets.find(s=>s[e]===r[e]);return!a||!r.data||i.includes(a)?{...r}:(i.push(a),Object.assign(a,r),a)})}function D1(n,t){const e={labels:[],datasets:[]};return Sd(e,n.labels),kd(e,n.datasets,t),e}const T1=g.defineComponent({props:v1,setup(n,t){let{expose:e}=t;const i=g.ref(null),r=g.shallowRef(null);e({chart:r});const a=()=>{if(!i.value)return;const{type:l,data:c,options:u,plugins:d,datasetIdKey:f}=n,h=D1(c,f),p=w1(h,c);r.value=new Xt(i.value,{type:l,data:p,options:{...u},plugins:d})},s=()=>{const l=g.toRaw(r.value);l&&(l.destroy(),r.value=null)},o=l=>{l.update(n.updateMode)};return g.onMounted(a),g.onBeforeUnmount(s),g.watch([()=>n.options,()=>n.data],(l,c)=>{let[u,d]=l,[f,h]=c;const p=g.toRaw(r.value);if(!p)return;let y=!1;if(u){const b=vn(u),m=vn(f);b&&b!==m&&(_1(p,b),y=!0)}if(d){const b=vn(d.labels),m=vn(h.labels),v=vn(d.datasets),x=vn(h.datasets);b!==m&&(Sd(p.config.data,b),y=!0),v&&v!==x&&(kd(p.config.data,v,n.datasetIdKey),y=!0)}y&&o(p)},{deep:!0}),()=>g.h("canvas",{ref:i})}});function Zs(n,t){return Xt.register(t),g.defineComponent({props:Md,setup(e,i){let{expose:r}=i;const a=g.shallowRef(null),s=o=>{a.value=o==null?void 0:o.chart};return r({chart:a}),()=>g.h(T1,x1({ref:s},{type:n,...e}))}})}const M1=Zs("bar",Ln),Cd=Zs("doughnut",Me),S1=Zs("line",In),k1={class:"chart-container"},C1=g.defineComponent({__name:"DoughnutChart",props:{chartData:{type:Object,required:!1,default:null},fill:{type:Boolean,required:!1,default:!1},tooltipTitle:{type:String,required:!0},metricUnit:{type:String,required:!1,default:""},legendPosition:{type:String,required:!1,default:yt.Right},legendValues:{type:Object,required:!1,default:null},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Gt}},setup(n){const t=n,{i18n:e}=Dt.useI18n(),i=g.ref(Le()),r=g.ref(Le()),a=g.ref([]),s=g.computed(()=>t.metricUnit&&e.t(`chartUnits.${t.metricUnit}`)),o=g.reactive({showTooltip:!1,tooltipContext:"",tooltipSeries:[],left:"",top:"",units:s,offset:0,width:0,height:0,chartType:Et.DOUGHNUT}),l={id:i.value,afterUpdate(y){a.value=y.options.plugins.legend.labels.generateLabels(y).map(b=>({...b,value:t.legendValues&&t.legendValues[b.text],hidden:!1}))}},c=g.computed(()=>[t.chartData.datasets.reduce((b,m)=>(b.labels.push(m.label),b.backgroundColor.push(m.backgroundColor),b.borderColor.push(ri(m.backgroundColor,50)),b.data.push(m.data.reduce((v,x)=>v+x,0)),b),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),u=g.computed(()=>({...t.chartData,datasets:c.value}));Dt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const{options:d}=Dt.useDoughnutChartOptions({tooltipState:o,legendID:i.value}),f=g.ref(),h=y=>({[yt.Right]:"legend-row",[yt.Bottom]:"column",[yt.Hidden]:"hidden"})[y],p=({width:y,height:b})=>{o.width=y,o.height=b};return(y,b)=>(g.openBlock(),g.createElementBlock("div",{class:g.normalizeClass(["chart-parent",h(n.legendPosition)]),"data-testid":"doughnut-chart-parent"},[g.createElementVNode("div",k1,[g.createVNode(g.unref(Cd),{ref_key:"chartInstance",ref:f,"chart-id":r.value,data:u.value,options:g.unref(d),plugins:[l]},null,8,["chart-id","data","options","plugins"]),g.createVNode(Xs,{left:o.left,series:o.tooltipSeries,"show-tooltip":o.showTooltip,"tooltip-title":n.tooltipTitle,top:o.top,unit:n.metricUnit,onDimensions:p},null,8,["left","series","show-tooltip","tooltip-title","top","unit"])]),g.createVNode(Gs,{id:i.value,"chart-instance":f.value,items:a.value,position:n.legendPosition},null,8,["id","chart-instance","items","position"])],2))}}),PD="",O1=ge(C1,[["__scopeId","data-v-89d6e4ca"]]),Od=(n,t,e,i)=>{n.save(),n.beginPath(),n.moveTo(t,e),n.lineTo(t,i),n.lineWidth=1,n.strokeStyle="#0275d8",n.stroke(),n.restore()},Qs={id:"linePlugin",afterDatasetsDraw:function(n){if(n.tooltip&&n.tooltip.getActiveElements()&&n.tooltip.getActiveElements().length&&!this.clickedSegment){const{x:t}=n.tooltip.dataPoints[0].element,e=n.ctx;Od(e,t,n.scales.y.top,n.scales.y.bottom)}if(this.clickedSegment){const{x:t}=this.clickedSegment.element,e=n.ctx;Od(e,t,n.scales.y.top,n.scales.y.bottom)}},beforeDestroy(){delete this.clickedSegment}},P1=g.defineComponent({__name:"TimeSeriesChart",props:{chartData:{type:Object,required:!1,default:null},type:{type:String,required:!1,default:Et.TIMESERIES_LINE},fill:{type:Boolean,required:!1,default:!1},tooltipTitle:{type:String,required:!0},metricUnit:{type:String,required:!1,default:""},timeRangeMs:{type:Number,required:!1,default:void 0},timeRangeSec:{type:Number,required:!1,default:void 0},granularity:{type:String,required:!0},stacked:{type:Boolean,required:!1,default:!0},legendValues:{type:Object,required:!1,default:null},metricAxesTitle:{type:String,required:!1,default:null},dimensionAxesTitle:{type:String,required:!1,default:null},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Gt}},setup(n){const t=n,{i18n:e}=Dt.useI18n(),i=g.ref(),r=g.ref(Le()),a=g.ref(Le()),s=g.ref([]),o=g.ref(),l=g.ref(g.inject("legendPosition",yt.Right)),c=g.computed(()=>t.metricUnit&&e.t(`chartUnits.${t.metricUnit}`)),u=g.reactive({showTooltip:!1,tooltipContext:"",tooltipSeries:[],left:"",top:"",units:c,offset:0,width:0,height:0,chartType:t.type,locked:!1}),d={id:r.value,afterUpdate(x){s.value=x.options.plugins.legend.labels.generateLabels(x).map(w=>({...w,value:t.legendValues&&t.legendValues[w.text]})).sort((w,_)=>w.value&&_.value&&_.value.raw-w.value.raw)}},f=g.computed(()=>[d,Dd,...t.type===Et.TIMESERIES_LINE?[Qs]:[]]),{options:h}=Dt.useLinechartOptions({tooltipState:u,timeRangeMs:g.toRef(t,"timeRangeMs"),timeRangeSec:g.toRef(t,"timeRangeSec"),granularity:g.toRef(t,"granularity"),legendID:r.value,stacked:g.toRef(t,"stacked"),metricAxesTitle:g.toRef(t,"metricAxesTitle"),dimensionAxesTitle:g.toRef(t,"dimensionAxesTitle")}),p=g.computed(()=>({...t.chartData,datasets:t.chartData.datasets.map((x,w)=>(Array.isArray(t.datasetColors)?(x.backgroundColor=t.datasetColors[w%t.datasetColors.length],x.borderColor=ri(x.backgroundColor,50)):x.rawDimension in t.datasetColors&&(x.backgroundColor=t.datasetColors[x.rawDimension],x.borderColor=ri(x.backgroundColor,50)),x.fill=t.fill,x))}));Dt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const y=x=>sx(x,{short:[z.DAILY,z.WEEKLY].includes(t.granularity)}),b=x=>({[yt.Right]:"legend-row",[yt.Bottom]:"column",[yt.Hidden]:"hidden"})[x],m=({width:x,height:w})=>{u.width=x,u.height=w},v=()=>{var x,w,_;u.locked=!u.locked,i.value&&((w=(x=i.value.chart.tooltip)==null?void 0:x.dataPoints)!=null&&w.length)&&(Qs.clickedSegment=u.locked?(_=i.value.chart.tooltip)==null?void 0:_.dataPoints[0]:void 0)};return g.watch(()=>t.type,()=>{u.locked=!1,u.showTooltip=!1,delete Qs.clickedSegment}),(x,w)=>(g.openBlock(),g.createElementBlock("div",{class:g.normalizeClass(["chart-parent",b(l.value)]),"data-testid":"line-chart-parent"},[g.createElementVNode("div",{class:"chart-container",onClick:w[0]||(w[0]=_=>v())},[n.type===g.unref(Et).TIMESERIES_LINE?(g.openBlock(),g.createBlock(g.unref(S1),{key:0,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:p.value,"data-testid":"time-series-line-chart",options:g.unref(h),plugins:f.value},null,8,["chart-id","data","options","plugins"])):n.type===g.unref(Et).TIMESERIES_BAR?(g.openBlock(),g.createBlock(g.unref(M1),{key:1,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:p.value,"data-testid":"time-series-bar-chart",options:g.unref(h),plugins:f.value},null,8,["chart-id","data","options","plugins"])):g.createCommentVNode("",!0)]),g.createVNode(Xs,{ref_key:"tooltipElement",ref:o,context:y(u.tooltipContext),"data-testid":"tooltip",left:u.left,locked:u.locked,series:u.tooltipSeries,"show-tooltip":u.showTooltip,"tooltip-title":n.tooltipTitle,top:u.top,unit:n.metricUnit,onDimensions:m,onLeft:w[1]||(w[1]=_=>u.left=_),onTop:w[2]||(w[2]=_=>u.top=_)},null,8,["context","left","locked","series","show-tooltip","tooltip-title","top","unit"]),g.createVNode(Gs,{id:r.value,"chart-instance":i.value,"data-testid":"legend",items:s.value},null,8,["id","chart-instance","items"])],2))}}),ED="",E1=ge(P1,[["__scopeId","data-v-19da6e6a"]]),A1={class:"analytics-chart-shell"},R1={class:"chart-header"},L1={key:0,class:"chart-title"},I1={id:"result-truncated"},N1={class:"limit-icon-wrapper"},F1=g.defineComponent({__name:"AnalyticsChart",props:{chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},tooltipTitle:{type:String,required:!0},emptyStateTitle:{type:String,required:!1,default:""},emptyStateDescription:{type:String,required:!1,default:""},chartTitle:{type:String,required:!0},legendPosition:{type:String,required:!1,default:yt.Right},syntheticsDataKey:{type:String,required:!1,default:""},height:{type:String,required:!1,default:"500px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0}},setup(n){const t=n,{i18n:e}=Dt.useI18n(),i=g.ref(t.height),r=S=>{i.value=`${S}px`},a=g.computed(()=>y.value?Dt.useExploreResultToTimeDataset({fill:t.chartOptions.fill,colorPalette:t.chartOptions.chartDatasetColors||Gt},g.toRef(t,"chartData")).value:Dt.useExploreResultToDatasets({fill:t.chartOptions.fill,colorPalette:t.chartOptions.chartDatasetColors||Gt},g.toRef(t,"chartData")).value),s=g.computed(()=>{var S;return(S=t.chartData)!=null&&S.meta?"start"in t.chartData.meta?t.chartData.meta.end-t.chartData.meta.start:void 0:0}),o=g.computed(()=>{var S;return(S=t.chartData)!=null&&S.meta?"startMs"in t.chartData.meta?t.chartData.meta.endMs-t.chartData.meta.startMs:void 0:0}),l=g.computed(()=>{var S;return(S=t.chartData.meta)!=null&&S.metricUnits?Object.values(t.chartData.meta.metricUnits)[0]:""}),c=g.computed(()=>t.showLegendValues&&t.legendPosition!==yt.Bottom),{legendValues:u}=Dt.useChartLegendValues(a,t.chartOptions.type,l),d=g.computed(()=>{var S,P,L;return((L=(P=(S=t.chartData)==null?void 0:S.meta)==null?void 0:P.limit)==null?void 0:L.toString())||null}),f=g.computed(()=>{var S,P;return((P=(S=t.chartData)==null?void 0:S.meta)==null?void 0:P.truncated)||!1}),h=e.t("limitedResultsShown",{maxReturned:d.value}),p=g.computed(()=>[Et.VERTICAL_BAR.toString(),Et.HORIZONTAL_BAR.toString()].includes(t.chartOptions.type)),y=g.computed(()=>[Et.TIMESERIES_BAR,Et.TIMESERIES_LINE].some(S=>S===t.chartOptions.type)),b=g.computed(()=>t.chartOptions.type===Et.DOUGHNUT),m=g.computed(()=>t.chartOptions.type.includes("Vertical")?"vertical":"horizontal"),v=g.computed(()=>{var L,E,Z;if(!((L=t.chartData)!=null&&L.meta.metricNames)||!((E=t.chartData)!=null&&E.meta.metricUnits))return;const S=t.chartData.meta.metricNames[0],P=t.chartData.meta.metricUnits[S];return((Z=t.chartOptions)==null?void 0:Z.metricAxesTitle)||e.te(`metricAxisTitles.${S}`)&&e.te(`chartUnits.${P}`)&&e.t(`metricAxisTitles.${S}`,{unit:e.t(`chartUnits.${P}`)})||void 0}),x=g.computed(()=>{const S=y.value?"Time":Object.keys(t.chartData.meta.dimensions||t.chartData.meta.metricNames)[0];return t.chartOptions.dimensionAxesTitle||e.te(`chartLabels.${S}`)&&e.t(`chartLabels.${S}`)||void 0}),w=g.computed(()=>{if(t.chartData.meta.granularity&&typeof t.chartData.meta.granularity!="number"&&"duration"in t.chartData.meta.granularity){const S=ai(t.chartData.meta.granularity.duration);return e.t(`granularityAxisTitles.${S}`)}else if(t.chartData.meta.granularity&&!isNaN(Number(t.chartData.meta.granularity))){const S=ai(Number(t.chartData.meta.granularity));return e.t(`granularityAxisTitles.${S}`)}return e.t("chartlabels.Time")}),_=g.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),D=g.computed(()=>t.emptyStateDescription||e.t("noDataAvailableDescription")),T=g.computed(()=>y.value?jy(a.value):t.chartData&&t.chartData.meta&&t.chartData.records.length),M=g.computed(()=>t.chartData.meta.granularity?typeof t.chartData.meta.granularity=="number"?ai(t.chartData.meta.granularity)||z.HOURLY:ai(t.chartData.meta.granularity.duration)||z.HOURLY:ai(new Date(t.chartData.records[1].timestamp).getTime()-new Date(t.chartData.records[0].timestamp).getTime())||z.HOURLY);return g.provide("showLegendValues",c),g.provide("legendPosition",g.toRef(t,"legendPosition")),(S,P)=>{const L=g.resolveComponent("KTooltip"),E=g.resolveComponent("KEmptyState");return g.openBlock(),g.createElementBlock("div",A1,[g.createElementVNode("div",R1,[n.chartTitle?(g.openBlock(),g.createElementBlock("div",L1,g.toDisplayString(n.chartTitle),1)):g.createCommentVNode("",!0),g.createElementVNode("div",I1,[T.value&&f.value&&d.value?(g.openBlock(),g.createBlock(L,{key:0,class:"tooltip","max-width":"500",placement:"right"},{content:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(g.unref(h)),1)]),default:g.withCtx(()=>[g.createElementVNode("div",N1,[g.createVNode(g.unref(H_),{color:g.unref(V_),decorative:"",size:g.unref(j_)},null,8,["color","size"])])]),_:1})):g.createCommentVNode("",!0)])]),T.value?(g.openBlock(),g.createElementBlock("div",{key:1,class:"analytics-chart-parent",style:g.normalizeStyle({height:i.value,width:n.width})},[y.value?(g.openBlock(),g.createBlock(E1,{key:0,"chart-data":a.value,"dataset-colors":n.chartOptions.chartDatasetColors,"dimension-axes-title":w.value,fill:n.chartOptions.fill,granularity:M.value,"legend-values":g.unref(u),"metric-axes-title":v.value,"metric-unit":l.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"time-range-ms":o.value,"time-range-sec":s.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type},null,8,["chart-data","dataset-colors","dimension-axes-title","fill","granularity","legend-values","metric-axes-title","metric-unit","stacked","synthetics-data-key","time-range-ms","time-range-sec","tooltip-title","type"])):p.value?(g.openBlock(),g.createBlock(b1,{key:1,annotations:n.showAnnotations,"chart-data":a.value,"data-testid":"bar-chart-container","dimension-axes-title":x.value,"legend-values":g.unref(u),"metric-axes-title":v.value,"metric-unit":l.value,orientation:m.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle,onHeightUpdate:r},null,8,["annotations","chart-data","dimension-axes-title","legend-values","metric-axes-title","metric-unit","orientation","stacked","synthetics-data-key","tooltip-title"])):b.value?(g.openBlock(),g.createBlock(O1,{key:2,"chart-data":a.value,"dataset-colors":n.chartOptions.chartDatasetColors,fill:n.chartOptions.fill,"legend-position":n.legendPosition,"legend-values":g.unref(u),"metric-unit":l.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["chart-data","dataset-colors","fill","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title"])):g.createCommentVNode("",!0)],4)):(g.openBlock(),g.createBlock(E,{key:0,class:"chart-empty-state","cta-is-hidden":!0,"data-testid":"no-data-in-report",icon:"stateNoData","icon-size":"170"},{title:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(_.value),1)]),message:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(D.value),1)]),_:1}))])}}}),AD="",Y1=ge(F1,[["__scopeId","data-v-4e9f411e"]]),W1={class:"chart-parent","data-testid":"doughnut-chart-parent"},U1={class:"chart-totals-flex"},B1={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},z1=g.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:ln.Hidden},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Gt},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}=Dt.useI18n(),i=g.ref(Le()),r=g.computed(()=>[t.chartData.datasets.reduce((p,y)=>(p.labels.push(y.label),p.borderColor.push(y.backgroundColor),p.backgroundColor.push(y.backgroundColor),p.data.push(y.data.reduce((b,m)=>b+m,0)),p),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),a=g.computed(()=>({...t.chartData,datasets:r.value}));Dt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const s={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},o=g.ref(),l=g.computed(()=>{var h;return dn((h=r==null?void 0:r.value[0])==null?void 0:h.data[t.numerator],{capital:!0})}),c=g.computed(()=>{var h,p;return dn(((h=r==null?void 0:r.value[0])==null?void 0:h.data[0])+((p=r==null?void 0:r.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=g.computed(()=>{var h;return`color: ${(h=r==null?void 0:r.value[0])==null?void 0:h.backgroundColor[t.numerator]}`}),d=g.computed(()=>[ln.Full,ln.SingleMetric].includes(t.metricDisplay)),f=g.computed(()=>t.metricDisplay===ln.Full);return(h,p)=>(g.openBlock(),g.createElementBlock("div",W1,[g.createElementVNode("div",U1,[d.value?(g.openBlock(),g.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:g.normalizeStyle(u.value)},g.toDisplayString(l.value),5)):g.createCommentVNode("",!0),f.value?(g.openBlock(),g.createElementBlock("div",B1,g.toDisplayString(g.unref(e).t("total"))+": "+g.toDisplayString(c.value),1)):g.createCommentVNode("",!0)]),g.createElementVNode("div",{class:"chart-container",style:g.normalizeStyle({height:n.height,width:n.width})},[g.createVNode(g.unref(Cd),{ref_key:"chartInstance",ref:o,"chart-id":i.value,data:a.value,options:s},null,8,["chart-id","data","options"])],4)]))}}),RD="",H1=ge(z1,[["__scopeId","data-v-5871cb7a"]]),$1={class:"simple-chart-shell"},V1={key:1,class:"analytics-chart-parent"},j1=g.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}=Dt.useI18n(),i=g.computed(()=>{var c;const l=Dt.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||Gt},g.toRef(t,"chartData")).value;return(c=t.chartOptions)!=null&&c.reverseDataset&&(l==null||l.datasets.reverse()),l}),r=g.computed(()=>{var l;return(l=t.chartData.meta)!=null&&l.metricUnits?Object.values(t.chartData.meta.metricUnits)[0]:""}),a=g.computed(()=>t.chartOptions.type===er.GAUGE),s=g.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),o=g.computed(()=>t.chartData&&t.chartData.meta&&t.chartData.records.length);return(l,c)=>{const u=g.resolveComponent("KEmptyState");return g.openBlock(),g.createElementBlock("div",$1,[o.value?(g.openBlock(),g.createElementBlock("div",V1,[a.value?(g.openBlock(),g.createBlock(H1,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":r.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"])):g.createCommentVNode("",!0)])):(g.openBlock(),g.createBlock(u,{key:0,class:"chart-empty-state","cta-is-hidden":!0,"data-testid":"no-data-in-report",icon:"stateNoData","icon-size":"80"},{title:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(s.value),1)]),_:1}))])}}}),LD="",q1=ge(j1,[["__scopeId","data-v-f014a616"]]),X1={class:"top-n-card-title","data-testid":"top-n-card-title"},G1={class:"top-n-card-description","data-testid":"top-n-card-description"},K1={key:3,class:"top-n-table","data-testid":"top-n-table"},Z1={class:"table-headings"},Q1={class:"table-row"},J1={class:"column-1"},tD={class:"column-2"},eD={class:"table-body","data-testid":"top-n-data"},nD=["data-testid"],iD={class:"column-1"},rD={class:"column-2"},aD=g.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}},setup(n){const t=n,{i18n:e}=Dt.useI18n(),i=g.computed(()=>t.data.records),r=g.computed(()=>{var p;return!!((p=i.value)!=null&&p.length)}),a=g.computed(()=>{var p,y;return(p=t.data.meta)!=null&&p.display&&((y=Object.keys(t.data.meta.display))==null?void 0:y[0])||""}),s=g.computed(()=>a.value?t.data.meta.display[a.value]:{}),o=g.computed(()=>{var p,y;return(y=(p=t.data.meta)==null?void 0:p.metricNames)!=null&&y.length?t.data.meta.metricNames[0]:""}),l=g.computed(()=>o.value?e.t(`chartLabels.${o.value}`)||o.value:""),c=g.computed(()=>{if(!r.value)return"";if(t.data.meta)if(Object.keys(s.value).length){if(!o.value)return e.t("topNTable.errors.metricNames")}else return e.t("topNTable.errors.display");else return e.t("topNTable.errors.meta");return""}),u=p=>{const y=p.event;return String(y[a.value])},d=p=>{const y=u(p),b=s.value[y];return b?b.name:"-"},f=p=>{const y=u(p),b=s.value[y];return b?b.deleted:!1},h=p=>{if(!o.value)return"–";const b=p.event[o.value];return b?dn(b,{capital:!0,round:!0}):"–"};return(p,y)=>{const b=g.resolveComponent("KEmptyState"),m=g.resolveComponent("KSkeleton"),v=g.resolveComponent("KCard");return g.openBlock(),g.createBlock(v,{class:"kong-ui-public-top-n-table"},g.createSlots({body:g.withCtx(()=>[c.value?(g.openBlock(),g.createBlock(b,{key:0,"cta-is-hidden":"","data-testid":"top-n-error-state","is-error":""},{title:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(g.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),message:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(c.value),1)]),_:1})):n.isLoading?(g.openBlock(),g.createBlock(m,{key:1,"table-columns":2,type:"table"})):r.value?(g.openBlock(),g.createElementBlock("div",K1,[g.createElementVNode("div",Z1,[g.createElementVNode("div",Q1,[g.createElementVNode("div",J1,g.toDisplayString(g.unref(e).t("topNTable.nameLabel")),1),g.createElementVNode("div",tD,g.toDisplayString(l.value),1)])]),g.createElementVNode("div",eD,[(g.openBlock(!0),g.createElementBlock(g.Fragment,null,g.renderList(i.value,(x,w)=>(g.openBlock(),g.createElementBlock("div",{key:`entry-${w}`,class:"table-row","data-testid":`row-${u(x)}`},[g.createElementVNode("div",iD,[g.renderSlot(p.$slots,"name",{record:{id:u(x),name:d(x),deleted:f(x),dimension:a.value}},()=>[g.createTextVNode(g.toDisplayString(d(x)),1)],!0)]),g.createElementVNode("div",rD,"   "+g.toDisplayString(h(x)),1)],8,nD))),128))])])):(g.openBlock(),g.createBlock(b,{key:2,"cta-is-hidden":"","data-testid":"top-n-empty-state",icon:"stateNoData","icon-size":"80"},{title:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(n.emptyStateTitle||g.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:g.withCtx(()=>[g.createElementVNode("div",X1,g.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:g.withCtx(()=>[g.createElementVNode("div",G1,g.toDisplayString(n.description),1)]),key:"1"}:void 0]),1024)}}}),ID="",ND="",sD=ge(aD,[["__scopeId","data-v-f4324893"]]),Js="#e0e4ea",oD={100:["#c8e2fd","#80bfff","#4da6ff","#1a8cff","#0072e5","#0059b2"],200:["#ceedd2","#9edca6","#89d595","#6fcc83","#44c26b","#0bb652","#0ca84a","#169643","#196e33","#1b572a"],300:["#fff4db","#ffe9b8","#ffe2a1","#ffd982","#ffd062","#fdc53b","#f4bb1e","#e8b00b","#d9a30f","#c89407"],400:["#ffead8","#ffd5b1","#ffc899","#ffba81","#ffae6b","#fe9439","#f6871d","#eb7c0c","#da700c","#cc6100"],500:["#ffd5d5","#ffb6b6","#ff9d9d","#ff8484","#ff6a6a","#ff4545","#fb1f1f","#e90b0b","#d40202","#be0202"]},di=(n,t)=>{let e=1;const i=oD[n],r=new Map;for(const a of t)r.set(a,i[e]),e=e%(i.length-1)+1;return r.set(-1,i[0]),r},Pd=new Map([[100,di("100",[100,101,102,103])],[200,di("200",[200,201,202,203,204,205,206,207,208,226])],[300,di("300",[300,301,302,303,304,305,307,308])],[400,di("400",[400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,421,422,423,424,425,426,428,429,431,451])],[500,di("500",[500,501,502,503,504,505,506,507,508,510,511])]]),Ed=n=>{const t=parseInt(n,10),e=Math.floor(t/100)*100,i=Pd.get(e);return i===void 0?Js:i.get(t)??i.get(-1)??Js},lD=n=>{const t=Ed(n);return{solid:t,light:t}};ot.AnalyticsChart=Y1,ot.ChartLegendPosition=yt,ot.ChartMetricDisplay=ln,ot.ChartTypes=Et,ot.ChartTypesSimple=er,ot.SimpleChart=q1,ot.TopNTable=sD,ot.accessibleGrey=bu,ot.codesInSpec=Pd,ot.darkenColor=ri,ot.datavisPalette=Gt,ot.lightGrey=Js,ot.lookupDatavisColor=un,ot.lookupStatusCodeCategoryColor=lD,ot.lookupStatusCodeColor=Ed,Object.defineProperty(ot,Symbol.toStringTag,{value:"Module"})});

package/package.json CHANGED Viewed

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