@kong-ui-public/analytics-chart 0.14.2 → 0.15.0

package/dist/style.css

@@ -1 +1 @@
-.locked[data-v-c0b7c451]{cursor:move}.tooltip-container[data-v-c0b7c451]{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-c0b7c451]{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-c0b7c451]{font-size:16px;font-weight:600}.tooltip-container .tooltip-title .subtitle[data-v-c0b7c451]{font-size:14px;margin-top:8px}.tooltip-container .tooltip-title .drag-icon[data-v-c0b7c451]{margin-top:6px;position:absolute;right:0;top:0}ul.tooltip[data-v-c0b7c451]{list-style:none;margin:0;max-height:300px;min-width:250px;overflow-y:scroll;padding-left:0;scrollbar-width:thin}ul.tooltip[data-v-c0b7c451]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}ul.tooltip[data-v-c0b7c451]::-webkit-scrollbar{width:10px}ul.tooltip[data-v-c0b7c451]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}ul.tooltip li[data-v-c0b7c451]{display:flex;font-size:14px;margin:8px}ul.tooltip li[data-v-c0b7c451]:last-child{padding-bottom:8px}ul.tooltip .display-label[data-v-c0b7c451]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-c0b7c451]{margin-left:auto;padding-left:8px;white-space:nowrap}ul.tooltip .tooltip-legend[data-v-c0b7c451]{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-4d9f3a20],.simple-chart-shell[data-v-4d9f3a20]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-4d9f3a20],.simple-chart-shell .chart-empty-state[data-v-4d9f3a20]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-4d9f3a20]{border:1px solid #e0e4ea;margin:16px;padding:16px}.analytics-chart-shell .chart-empty-state[data-v-4d9f3a20]{padding:20px 0 16px}.analytics-chart-shell .chart-header[data-v-4d9f3a20]{display:flex;padding-bottom:16px}.analytics-chart-shell .chart-title[data-v-4d9f3a20]{font-size:18px;font-weight:600}.analytics-chart-shell .tooltip[data-v-4d9f3a20]{display:flex;margin-left:12px;margin-top:2px}.analytics-chart-shell .limit-icon-wrapper[data-v-4d9f3a20]{color:#fff;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-5c84edb8]{border-radius:8px!important}.kong-ui-public-top-n-table .top-n-card-title[data-v-5c84edb8]{font-size:16px}.kong-ui-public-top-n-table[data-v-5c84edb8] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-5c84edb8] .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-5c84edb8]{display:flex;flex-direction:column;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-5c84edb8]{font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-5c84edb8]{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-5c84edb8]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-5c84edb8]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-5c84edb8]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-5c84edb8]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5c84edb8],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-5c84edb8]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5c84edb8]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5c84edb8] 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}
+.locked[data-v-c0b7c451]{cursor:move}.tooltip-container[data-v-c0b7c451]{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-c0b7c451]{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-c0b7c451]{font-size:16px;font-weight:600}.tooltip-container .tooltip-title .subtitle[data-v-c0b7c451]{font-size:14px;margin-top:8px}.tooltip-container .tooltip-title .drag-icon[data-v-c0b7c451]{margin-top:6px;position:absolute;right:0;top:0}ul.tooltip[data-v-c0b7c451]{list-style:none;margin:0;max-height:300px;min-width:250px;overflow-y:scroll;padding-left:0;scrollbar-width:thin}ul.tooltip[data-v-c0b7c451]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}ul.tooltip[data-v-c0b7c451]::-webkit-scrollbar{width:10px}ul.tooltip[data-v-c0b7c451]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}ul.tooltip li[data-v-c0b7c451]{display:flex;font-size:14px;margin:8px}ul.tooltip li[data-v-c0b7c451]:last-child{padding-bottom:8px}ul.tooltip .display-label[data-v-c0b7c451]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-c0b7c451]{margin-left:auto;padding-left:8px;white-space:nowrap}ul.tooltip .tooltip-legend[data-v-c0b7c451]{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-4d9f3a20],.simple-chart-shell[data-v-4d9f3a20]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-4d9f3a20],.simple-chart-shell .chart-empty-state[data-v-4d9f3a20]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-4d9f3a20]{border:1px solid #e0e4ea;margin:16px;padding:16px}.analytics-chart-shell .chart-empty-state[data-v-4d9f3a20]{padding:20px 0 16px}.analytics-chart-shell .chart-header[data-v-4d9f3a20]{display:flex;padding-bottom:16px}.analytics-chart-shell .chart-title[data-v-4d9f3a20]{font-size:18px;font-weight:600}.analytics-chart-shell .tooltip[data-v-4d9f3a20]{display:flex;margin-left:12px;margin-top:2px}.analytics-chart-shell .limit-icon-wrapper[data-v-4d9f3a20]{color:#fff;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/types/components/TopNTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNTable.vue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,wBAAwB,EAA0B,MAAM,qCAAqC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwiB3G,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"TopNTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNTable.vue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,wBAAwB,EAA0B,MAAM,qCAAqC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8hB3G,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/vitals-chart.es.js

@@ -19208,10 +19208,10 @@ const $M = /* @__PURE__ */ Ce(_M, [["__scopeId", "data-v-f014a616"]]), MM = {
       return String(v[a.value]);
     }, d = (g) => {
       const v = u(g), m = s.value[v];
-      return m ? typeof m == "string" ? m : m.name : "-";
+      return m ? m.name : "-";
     }, h = (g) => {
       const v = u(g), m = s.value[v];
-      return !m || typeof m == "string" ? !1 : m.deleted;
+      return m ? m.deleted : !1;
     }, f = (g) => {
       if (!o.value)
         return "–";
@@ -19300,7 +19300,7 @@ const $M = /* @__PURE__ */ Ce(_M, [["__scopeId", "data-v-f014a616"]]), MM = {
     };
   }
 });
-const BM = /* @__PURE__ */ Ce(LM, [["__scopeId", "data-v-5c84edb8"]]), Xc = "#e0e4ea", IM = {
+const BM = /* @__PURE__ */ Ce(LM, [["__scopeId", "data-v-f4324893"]]), Xc = "#e0e4ea", IM = {
   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"],

package/dist/vitals-chart.umd.js

@@ -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 r1={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"};ol._date.override({_id:"date-fns",formats:function(){return r1},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=vy(n,t,new Date,this.options):n=qc(n,this.options)),fa(n)?n.getTime():null},format:function(n,t){return xb(n,t,this.options)},add:function(n,t,e){switch(e){case"millisecond":return Gn(n,t);case"second":return qm(n,t);case"minute":return Vm(n,t);case"hour":return Um(n,t);case"day":return xc(n,t);case"week":return Xm(n,t);case"month":return da(n,t);case"quarter":return jm(n,t);case"year":return Gm(n,t);default:return n}},diff:function(n,t,e){switch(e){case"millisecond":return Ki(n,t);case"second":return s0(n,t);case"minute":return i0(n,t);case"hour":return n0(n,t);case"day":return Dc(n,t);case"week":return o0(n,t);case"month":return kc(n,t);case"quarter":return a0(n,t);case"year":return l0(n,t);default:return 0}},startOf:function(n,t,e){switch(t){case"second":return _y(n);case"minute":return c0(n);case"hour":return wy(n);case"day":return ha(n);case"week":return wc(n);case"isoWeek":return wc(n,{weekStartsOn:+e});case"month":return d0(n);case"quarter":return u0(n);case"year":return f0(n);default:return n}},endOf:function(n,t){switch(t){case"second":return y0(n);case"minute":return m0(n);case"hour":return g0(n);case"day":return Mc(n);case"week":return p0(n);case"month":return Sc(n);case"quarter":return b0(n);case"year":return h0(n);default:return n}}});const Dd={data:{type:Object,required:!0},options:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},datasetIdKey:{type:String,default:"label"},updateMode:{type:String,default:void 0}},a1={type:{type:String,required:!0},...Dd},s1=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 o1(n){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n;return g.isProxy(t)?new Proxy(n,{}):n}function l1(n,t){const e=n.options;e&&t&&Object.assign(e,t)}function Td(n,t){n.labels=t}function Md(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 c1(n,t){const e={labels:[],datasets:[]};return Td(e,n.labels),Md(e,n.datasets,t),e}const u1=g.defineComponent({props:a1,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:h}=n,f=c1(c,h),p=o1(f,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,[h,f]=c;const p=g.toRaw(r.value);if(!p)return;let y=!1;if(u){const b=vn(u),m=vn(h);b&&b!==m&&(l1(p,b),y=!0)}if(d){const b=vn(d.labels),m=vn(f.labels),v=vn(d.datasets),x=vn(f.datasets);b!==m&&(Td(p.config.data,b),y=!0),v&&v!==x&&(Md(p.config.data,v,n.datasetIdKey),y=!0)}y&&o(p)},{deep:!0}),()=>g.h("canvas",{ref:i})}});function Ks(n,t){return Xt.register(t),g.defineComponent({props:Dd,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(u1,s1({ref:s},{type:n,...e}))}})}const d1=Ks("bar",Ln),Sd=Ks("doughnut",Me),h1=Ks("line",In),f1={class:"chart-container"},g1=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}),h=g.ref(),f=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",f(n.legendPosition)]),"data-testid":"doughnut-chart-parent"},[g.createElementVNode("div",f1,[g.createVNode(g.unref(Sd),{ref_key:"chartInstance",ref:h,"chart-id":r.value,data:u.value,options:g.unref(d),plugins:[l]},null,8,["chart-id","data","options","plugins"]),g.createVNode(qs,{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(Xs,{id:i.value,"chart-instance":h.value,items:a.value,position:n.legendPosition},null,8,["id","chart-instance","items","position"])],2))}}),gD="",p1=ge(g1,[["__scopeId","data-v-89d6e4ca"]]),kd=(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()},Zs={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;kd(e,t,n.scales.y.top,n.scales.y.bottom)}if(this.clickedSegment){const{x:t}=this.clickedSegment.element,e=n.ctx;kd(e,t,n.scales.y.top,n.scales.y.bottom)}},beforeDestroy(){delete this.clickedSegment}},m1=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)}},h=g.computed(()=>[d,wd,...t.type===Et.TIMESERIES_LINE?[Zs]:[]]),{options:f}=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=>rx(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)&&(Zs.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 Zs.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(h1),{key:0,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:p.value,"data-testid":"time-series-line-chart",options:g.unref(f),plugins:h.value},null,8,["chart-id","data","options","plugins"])):n.type===g.unref(Et).TIMESERIES_BAR?(g.openBlock(),g.createBlock(g.unref(d1),{key:1,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:p.value,"data-testid":"time-series-bar-chart",options:g.unref(f),plugins:h.value},null,8,["chart-id","data","options","plugins"])):g.createCommentVNode("",!0)]),g.createVNode(qs,{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(Xs,{id:r.value,"chart-instance":i.value,"data-testid":"legend",items:s.value},null,8,["id","chart-instance","items"])],2))}}),pD="",b1=ge(m1,[["__scopeId","data-v-19da6e6a"]]),y1={class:"analytics-chart-shell"},v1={class:"chart-header"},x1={key:0,class:"chart-title"},w1={id:"result-truncated"},_1={class:"limit-icon-wrapper"},D1=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}),h=g.computed(()=>{var S,P;return((P=(S=t.chartData)==null?void 0:S.meta)==null?void 0:P.truncated)||!1}),f=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,X;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((X=t.chartOptions)==null?void 0:X.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?$y(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("KIcon"),E=g.resolveComponent("KTooltip"),X=g.resolveComponent("KEmptyState");return g.openBlock(),g.createElementBlock("div",y1,[g.createElementVNode("div",v1,[n.chartTitle?(g.openBlock(),g.createElementBlock("div",x1,g.toDisplayString(n.chartTitle),1)):g.createCommentVNode("",!0),g.createElementVNode("div",w1,[T.value&&h.value&&d.value?(g.openBlock(),g.createBlock(E,{key:0,class:"tooltip","max-width":"500",placement:"right"},{content:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(g.unref(f)),1)]),default:g.withCtx(()=>[g.createElementVNode("div",_1,[g.createVNode(L,{class:"warning-icon",color:"currentColor","hide-title":"",icon:"warning","secondary-color":g.unref(U_),size:"18"},null,8,["secondary-color"])])]),_: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(b1,{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(i1,{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(p1,{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(X,{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}))])}}}),mD="",T1=ge(D1,[["__scopeId","data-v-4d9f3a20"]]),M1={class:"chart-parent","data-testid":"doughnut-chart-parent"},S1={class:"chart-totals-flex"},k1={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},C1=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 f;return dn((f=r==null?void 0:r.value[0])==null?void 0:f.data[t.numerator],{capital:!0})}),c=g.computed(()=>{var f,p;return dn(((f=r==null?void 0:r.value[0])==null?void 0:f.data[0])+((p=r==null?void 0:r.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=g.computed(()=>{var f;return`color: ${(f=r==null?void 0:r.value[0])==null?void 0:f.backgroundColor[t.numerator]}`}),d=g.computed(()=>[ln.Full,ln.SingleMetric].includes(t.metricDisplay)),h=g.computed(()=>t.metricDisplay===ln.Full);return(f,p)=>(g.openBlock(),g.createElementBlock("div",M1,[g.createElementVNode("div",S1,[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),h.value?(g.openBlock(),g.createElementBlock("div",k1,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(Sd),{ref_key:"chartInstance",ref:o,"chart-id":i.value,data:a.value,options:s},null,8,["chart-id","data","options"])],4)]))}}),bD="",O1=ge(C1,[["__scopeId","data-v-5871cb7a"]]),P1={class:"simple-chart-shell"},E1={key:1,class:"analytics-chart-parent"},A1=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",P1,[o.value?(g.openBlock(),g.createElementBlock("div",E1,[a.value?(g.openBlock(),g.createBlock(O1,{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}))])}}}),yD="",R1=ge(A1,[["__scopeId","data-v-f014a616"]]),L1={class:"top-n-card-title","data-testid":"top-n-card-title"},I1={class:"top-n-card-description","data-testid":"top-n-card-description"},N1={key:3,class:"top-n-table","data-testid":"top-n-table"},F1={class:"table-headings"},Y1={class:"table-row"},W1={class:"column-1"},U1={class:"column-2"},B1={class:"table-body","data-testid":"top-n-data"},z1=["data-testid"],H1={class:"column-1"},$1={class:"column-2"},V1=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?typeof b=="string"?b:b.name:"-"},h=p=>{const y=u(p),b=s.value[y];return!b||typeof b=="string"?!1:b.deleted},f=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",N1,[g.createElementVNode("div",F1,[g.createElementVNode("div",Y1,[g.createElementVNode("div",W1,g.toDisplayString(g.unref(e).t("topNTable.nameLabel")),1),g.createElementVNode("div",U1,g.toDisplayString(l.value),1)])]),g.createElementVNode("div",B1,[(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",H1,[g.renderSlot(p.$slots,"name",{record:{id:u(x),name:d(x),deleted:h(x),dimension:a.value}},()=>[g.createTextVNode(g.toDisplayString(d(x)),1)],!0)]),g.createElementVNode("div",$1,"   "+g.toDisplayString(f(x)),1)],8,z1))),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",L1,g.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:g.withCtx(()=>[g.createElementVNode("div",I1,g.toDisplayString(n.description),1)]),key:"1"}:void 0]),1024)}}}),vD="",xD="",j1=ge(V1,[["__scopeId","data-v-5c84edb8"]]),Qs="#e0e4ea",q1={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=q1[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},Cd=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])]]),Od=n=>{const t=parseInt(n,10),e=Math.floor(t/100)*100,i=Cd.get(e);return i===void 0?Qs:i.get(t)??i.get(-1)??Qs},X1=n=>{const t=Od(n);return{solid:t,light:t}};ot.AnalyticsChart=T1,ot.ChartLegendPosition=yt,ot.ChartMetricDisplay=ln,ot.ChartTypes=Et,ot.ChartTypesSimple=er,ot.SimpleChart=R1,ot.TopNTable=j1,ot.accessibleGrey=mu,ot.codesInSpec=Cd,ot.darkenColor=ri,ot.datavisPalette=Gt,ot.lightGrey=Qs,ot.lookupDatavisColor=un,ot.lookupStatusCodeCategoryColor=X1,ot.lookupStatusCodeColor=Od,Object.defineProperty(ot,Symbol.toStringTag,{value:"Module"})});
+ */const r1={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"};ol._date.override({_id:"date-fns",formats:function(){return r1},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=vy(n,t,new Date,this.options):n=qc(n,this.options)),fa(n)?n.getTime():null},format:function(n,t){return xb(n,t,this.options)},add:function(n,t,e){switch(e){case"millisecond":return Gn(n,t);case"second":return qm(n,t);case"minute":return Vm(n,t);case"hour":return Um(n,t);case"day":return xc(n,t);case"week":return Xm(n,t);case"month":return da(n,t);case"quarter":return jm(n,t);case"year":return Gm(n,t);default:return n}},diff:function(n,t,e){switch(e){case"millisecond":return Ki(n,t);case"second":return s0(n,t);case"minute":return i0(n,t);case"hour":return n0(n,t);case"day":return Dc(n,t);case"week":return o0(n,t);case"month":return kc(n,t);case"quarter":return a0(n,t);case"year":return l0(n,t);default:return 0}},startOf:function(n,t,e){switch(t){case"second":return _y(n);case"minute":return c0(n);case"hour":return wy(n);case"day":return ha(n);case"week":return wc(n);case"isoWeek":return wc(n,{weekStartsOn:+e});case"month":return d0(n);case"quarter":return u0(n);case"year":return f0(n);default:return n}},endOf:function(n,t){switch(t){case"second":return y0(n);case"minute":return m0(n);case"hour":return g0(n);case"day":return Mc(n);case"week":return p0(n);case"month":return Sc(n);case"quarter":return b0(n);case"year":return h0(n);default:return n}}});const Dd={data:{type:Object,required:!0},options:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},datasetIdKey:{type:String,default:"label"},updateMode:{type:String,default:void 0}},a1={type:{type:String,required:!0},...Dd},s1=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 o1(n){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n;return g.isProxy(t)?new Proxy(n,{}):n}function l1(n,t){const e=n.options;e&&t&&Object.assign(e,t)}function Td(n,t){n.labels=t}function Md(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 c1(n,t){const e={labels:[],datasets:[]};return Td(e,n.labels),Md(e,n.datasets,t),e}const u1=g.defineComponent({props:a1,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:h}=n,f=c1(c,h),p=o1(f,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,[h,f]=c;const p=g.toRaw(r.value);if(!p)return;let y=!1;if(u){const b=vn(u),m=vn(h);b&&b!==m&&(l1(p,b),y=!0)}if(d){const b=vn(d.labels),m=vn(f.labels),v=vn(d.datasets),x=vn(f.datasets);b!==m&&(Td(p.config.data,b),y=!0),v&&v!==x&&(Md(p.config.data,v,n.datasetIdKey),y=!0)}y&&o(p)},{deep:!0}),()=>g.h("canvas",{ref:i})}});function Ks(n,t){return Xt.register(t),g.defineComponent({props:Dd,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(u1,s1({ref:s},{type:n,...e}))}})}const d1=Ks("bar",Ln),Sd=Ks("doughnut",Me),h1=Ks("line",In),f1={class:"chart-container"},g1=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}),h=g.ref(),f=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",f(n.legendPosition)]),"data-testid":"doughnut-chart-parent"},[g.createElementVNode("div",f1,[g.createVNode(g.unref(Sd),{ref_key:"chartInstance",ref:h,"chart-id":r.value,data:u.value,options:g.unref(d),plugins:[l]},null,8,["chart-id","data","options","plugins"]),g.createVNode(qs,{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(Xs,{id:i.value,"chart-instance":h.value,items:a.value,position:n.legendPosition},null,8,["id","chart-instance","items","position"])],2))}}),gD="",p1=ge(g1,[["__scopeId","data-v-89d6e4ca"]]),kd=(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()},Zs={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;kd(e,t,n.scales.y.top,n.scales.y.bottom)}if(this.clickedSegment){const{x:t}=this.clickedSegment.element,e=n.ctx;kd(e,t,n.scales.y.top,n.scales.y.bottom)}},beforeDestroy(){delete this.clickedSegment}},m1=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)}},h=g.computed(()=>[d,wd,...t.type===Et.TIMESERIES_LINE?[Zs]:[]]),{options:f}=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=>rx(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)&&(Zs.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 Zs.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(h1),{key:0,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:p.value,"data-testid":"time-series-line-chart",options:g.unref(f),plugins:h.value},null,8,["chart-id","data","options","plugins"])):n.type===g.unref(Et).TIMESERIES_BAR?(g.openBlock(),g.createBlock(g.unref(d1),{key:1,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:p.value,"data-testid":"time-series-bar-chart",options:g.unref(f),plugins:h.value},null,8,["chart-id","data","options","plugins"])):g.createCommentVNode("",!0)]),g.createVNode(qs,{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(Xs,{id:r.value,"chart-instance":i.value,"data-testid":"legend",items:s.value},null,8,["id","chart-instance","items"])],2))}}),pD="",b1=ge(m1,[["__scopeId","data-v-19da6e6a"]]),y1={class:"analytics-chart-shell"},v1={class:"chart-header"},x1={key:0,class:"chart-title"},w1={id:"result-truncated"},_1={class:"limit-icon-wrapper"},D1=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}),h=g.computed(()=>{var S,P;return((P=(S=t.chartData)==null?void 0:S.meta)==null?void 0:P.truncated)||!1}),f=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,X;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((X=t.chartOptions)==null?void 0:X.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?$y(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("KIcon"),E=g.resolveComponent("KTooltip"),X=g.resolveComponent("KEmptyState");return g.openBlock(),g.createElementBlock("div",y1,[g.createElementVNode("div",v1,[n.chartTitle?(g.openBlock(),g.createElementBlock("div",x1,g.toDisplayString(n.chartTitle),1)):g.createCommentVNode("",!0),g.createElementVNode("div",w1,[T.value&&h.value&&d.value?(g.openBlock(),g.createBlock(E,{key:0,class:"tooltip","max-width":"500",placement:"right"},{content:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(g.unref(f)),1)]),default:g.withCtx(()=>[g.createElementVNode("div",_1,[g.createVNode(L,{class:"warning-icon",color:"currentColor","hide-title":"",icon:"warning","secondary-color":g.unref(U_),size:"18"},null,8,["secondary-color"])])]),_: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(b1,{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(i1,{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(p1,{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(X,{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}))])}}}),mD="",T1=ge(D1,[["__scopeId","data-v-4d9f3a20"]]),M1={class:"chart-parent","data-testid":"doughnut-chart-parent"},S1={class:"chart-totals-flex"},k1={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},C1=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 f;return dn((f=r==null?void 0:r.value[0])==null?void 0:f.data[t.numerator],{capital:!0})}),c=g.computed(()=>{var f,p;return dn(((f=r==null?void 0:r.value[0])==null?void 0:f.data[0])+((p=r==null?void 0:r.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=g.computed(()=>{var f;return`color: ${(f=r==null?void 0:r.value[0])==null?void 0:f.backgroundColor[t.numerator]}`}),d=g.computed(()=>[ln.Full,ln.SingleMetric].includes(t.metricDisplay)),h=g.computed(()=>t.metricDisplay===ln.Full);return(f,p)=>(g.openBlock(),g.createElementBlock("div",M1,[g.createElementVNode("div",S1,[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),h.value?(g.openBlock(),g.createElementBlock("div",k1,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(Sd),{ref_key:"chartInstance",ref:o,"chart-id":i.value,data:a.value,options:s},null,8,["chart-id","data","options"])],4)]))}}),bD="",O1=ge(C1,[["__scopeId","data-v-5871cb7a"]]),P1={class:"simple-chart-shell"},E1={key:1,class:"analytics-chart-parent"},A1=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",P1,[o.value?(g.openBlock(),g.createElementBlock("div",E1,[a.value?(g.openBlock(),g.createBlock(O1,{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}))])}}}),yD="",R1=ge(A1,[["__scopeId","data-v-f014a616"]]),L1={class:"top-n-card-title","data-testid":"top-n-card-title"},I1={class:"top-n-card-description","data-testid":"top-n-card-description"},N1={key:3,class:"top-n-table","data-testid":"top-n-table"},F1={class:"table-headings"},Y1={class:"table-row"},W1={class:"column-1"},U1={class:"column-2"},B1={class:"table-body","data-testid":"top-n-data"},z1=["data-testid"],H1={class:"column-1"},$1={class:"column-2"},V1=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:"-"},h=p=>{const y=u(p),b=s.value[y];return b?b.deleted:!1},f=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",N1,[g.createElementVNode("div",F1,[g.createElementVNode("div",Y1,[g.createElementVNode("div",W1,g.toDisplayString(g.unref(e).t("topNTable.nameLabel")),1),g.createElementVNode("div",U1,g.toDisplayString(l.value),1)])]),g.createElementVNode("div",B1,[(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",H1,[g.renderSlot(p.$slots,"name",{record:{id:u(x),name:d(x),deleted:h(x),dimension:a.value}},()=>[g.createTextVNode(g.toDisplayString(d(x)),1)],!0)]),g.createElementVNode("div",$1,"   "+g.toDisplayString(f(x)),1)],8,z1))),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",L1,g.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:g.withCtx(()=>[g.createElementVNode("div",I1,g.toDisplayString(n.description),1)]),key:"1"}:void 0]),1024)}}}),vD="",xD="",j1=ge(V1,[["__scopeId","data-v-f4324893"]]),Qs="#e0e4ea",q1={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=q1[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},Cd=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])]]),Od=n=>{const t=parseInt(n,10),e=Math.floor(t/100)*100,i=Cd.get(e);return i===void 0?Qs:i.get(t)??i.get(-1)??Qs},X1=n=>{const t=Od(n);return{solid:t,light:t}};ot.AnalyticsChart=T1,ot.ChartLegendPosition=yt,ot.ChartMetricDisplay=ln,ot.ChartTypes=Et,ot.ChartTypesSimple=er,ot.SimpleChart=R1,ot.TopNTable=j1,ot.accessibleGrey=mu,ot.codesInSpec=Cd,ot.darkenColor=ri,ot.datavisPalette=Gt,ot.lightGrey=Qs,ot.lookupDatavisColor=un,ot.lookupStatusCodeCategoryColor=X1,ot.lookupStatusCodeColor=Od,Object.defineProperty(ot,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/analytics-chart",
-  "version": "0.14.2",
+  "version": "0.15.0",
   "type": "module",
   "main": "./dist/vitals-chart.umd.js",
   "module": "./dist/vitals-chart.es.js",
@@ -29,8 +29,8 @@
     "@kong/kongponents": "^8.125.0",
     "@types/uuid": "^9.0.5",
     "vue": "^3.3.4",
-    "@kong-ui-public/sandbox-layout": "^0.1.5",
-    "@kong-ui-public/i18n": "^0.8.6"
+    "@kong-ui-public/i18n": "^0.8.6",
+    "@kong-ui-public/sandbox-layout": "^0.1.5"
   },
   "repository": {
     "type": "git",
@@ -44,7 +44,7 @@
     "extends": "../../../package.json"
   },
   "dependencies": {
-    "@kong-ui-public/analytics-utilities": "^0.9.1",
+    "@kong-ui-public/analytics-utilities": "^0.10.0",
     "approximate-number": "^2.1.1",
     "chart.js": "^4.4.0",
     "chartjs-adapter-date-fns": "^3.0.0",