@kong-ui-public/analytics-chart 0.9.1 → 0.9.2

package/dist/style.css

@@ -1 +1 @@
-.locked[data-v-09b76e24]{cursor:move}.tooltip-container[data-v-09b76e24]{background-color:#fff;border-radius:3px;box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;overflow-y:scroll;position:absolute;scrollbar-width:thin;transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container[data-v-09b76e24]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.tooltip-container[data-v-09b76e24]::-webkit-scrollbar{width:10px}.tooltip-container[data-v-09b76e24]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}ul.tooltip[data-v-09b76e24]{list-style:none;margin:0;max-height:300px;min-width:250px;padding-left:0}ul.tooltip li[data-v-09b76e24]{display:flex;font-size:14px;margin:8px}ul.tooltip li[data-v-09b76e24]:first-child{border-bottom:1px solid rgba(0,0,0,.1)}ul.tooltip li[data-v-09b76e24]:last-child{padding-bottom:8px}ul.tooltip .drag-icon[data-v-09b76e24]{margin-top:8px;position:absolute;right:0;top:0}ul.tooltip .tooltip-title[data-v-09b76e24]{display:flex;flex-direction:column;padding-bottom:8px}ul.tooltip .tooltip-title .title[data-v-09b76e24]{font-size:16px;font-weight:600}ul.tooltip .tooltip-title .subtitle[data-v-09b76e24]{font-size:14px;margin-top:8px}ul.tooltip .display-label[data-v-09b76e24]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-09b76e24]{margin-left:auto;padding-left:8px;white-space:nowrap}ul.tooltip .tooltip-legend[data-v-09b76e24]{display:inline-flex;flex-direction:row;height:15px;margin-right:8px;width:3px}.legend-container[data-v-c16b4571]{display:flex;max-height:inherit;min-width:10%;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:scroll;padding-left:12px;scrollbar-width:thin}.legend-container.vertical[data-v-c16b4571]{flex-direction:column;max-height:400px;max-width:200px}@media (max-width: 767px){.legend-container.vertical[data-v-c16b4571]{flex-direction:row;max-width:100%;padding-top:12px;width:100%}}.legend-container.horizontal[data-v-c16b4571]{column-gap:12px;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:12px;max-height:60px;width:100%}.legend-container.horizontal .label[data-v-c16b4571]{width:max-content}.legend-container[data-v-c16b4571]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.legend-container[data-v-c16b4571]::-webkit-scrollbar{width:10px}.legend-container[data-v-c16b4571]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.legend-container li[data-v-c16b4571]{cursor:pointer;display:flex;height:fit-content;margin:12px}.legend-container li .legend[data-v-c16b4571]{flex:0 0 14px;height:3px;margin-right:12px;margin-top:12px}.legend-container li .label[data-v-c16b4571]{font-size:14px}.legend-container li .sub-label[data-v-c16b4571]{font-size:12px;word-break:none}.legend-container li .strike-through[data-v-c16b4571]{text-decoration:line-through}.chart-parent[data-v-33eef28d]{align-items:center;display:flex;position:relative}.chart-parent.column[data-v-33eef28d]{flex-direction:column}.chart-parent.column .chart-container[data-v-33eef28d]{width:100%}.chart-parent.legend-row[data-v-33eef28d]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-33eef28d]{flex-grow:1;width:85%!important}@media (max-width: 767px){.chart-parent[data-v-33eef28d]:not(.show-total){display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-33eef28d]{margin-bottom:12px;position:relative}@media (max-width: 767px){.chart-parent .chart-container[data-v-33eef28d]{width:100%!important}}.chart-container[data-v-33eef28d]{-ms-overflow-style:thin;scrollbar-width:thin}.chart-container[data-v-33eef28d]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.chart-container[data-v-33eef28d]::-webkit-scrollbar{width:10px}.chart-container[data-v-33eef28d]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.axis[data-v-33eef28d]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-33eef28d]{background-color:#3a3f51;color:#fff;padding:4px 8px;position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-33eef28d]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-1264d782]{align-items:center;display:flex;position:relative}.chart-parent.column[data-v-1264d782]{flex-direction:column}.chart-parent.column .chart-container[data-v-1264d782]{width:100%}.chart-parent.legend-row[data-v-1264d782]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-1264d782]{flex-grow:1;width:85%!important}@media (max-width: 767px){.chart-parent[data-v-1264d782]:not(.show-total){display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-1264d782]{margin-bottom:12px;position:relative}@media (max-width: 767px){.chart-parent .chart-container[data-v-1264d782]{width:100%!important}}.chart-parent[data-v-c2a3e97a]{align-items:center;display:flex;position:relative}.chart-parent.column[data-v-c2a3e97a]{flex-direction:column}.chart-parent.column .chart-container[data-v-c2a3e97a]{width:100%}.chart-parent.legend-row[data-v-c2a3e97a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c2a3e97a]{flex-grow:1;width:85%!important}@media (max-width: 767px){.chart-parent[data-v-c2a3e97a]:not(.show-total){display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c2a3e97a]{margin-bottom:12px;position:relative}@media (max-width: 767px){.chart-parent .chart-container[data-v-c2a3e97a]{width:100%!important}}.analytics-chart-shell[data-v-af4fca91],.simple-chart-shell[data-v-af4fca91]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-af4fca91],.simple-chart-shell .chart-empty-state[data-v-af4fca91]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-af4fca91]{border:1px solid #e0e4ea;margin:16px;padding:16px}.analytics-chart-shell .chart-empty-state[data-v-af4fca91]{padding:20px 0 16px}.analytics-chart-shell .chart-header[data-v-af4fca91]{display:flex;padding-bottom:16px}.analytics-chart-shell .chart-title[data-v-af4fca91]{font-size:18px;font-weight:600}.analytics-chart-shell .tooltip[data-v-af4fca91]{display:flex;margin-left:12px;margin-top:2px}.analytics-chart-shell .limit-icon-wrapper[data-v-af4fca91]{color:#fff;display:flex;flex-direction:row}.chart-parent[data-v-dbb5193d]{align-items:center;display:flex;position:relative}.chart-parent.column[data-v-dbb5193d]{flex-direction:column}.chart-parent.column .chart-container[data-v-dbb5193d]{width:100%}.chart-parent.legend-row[data-v-dbb5193d]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-dbb5193d]{flex-grow:1;width:85%!important}@media (max-width: 767px){.chart-parent[data-v-dbb5193d]:not(.show-total){display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-dbb5193d]{margin-bottom:12px;position:relative}@media (max-width: 767px){.chart-parent .chart-container[data-v-dbb5193d]{width:100%!important}}.chart-parent[data-v-dbb5193d]{height:auto;margin:0;padding:0;width:auto}.chart-parent .chart-container[data-v-dbb5193d]{margin:0;max-height:100px;max-width:100px;padding:0}.chart-parent .chart-totals-flex[data-v-dbb5193d]{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-dbb5193d]{font-size:24px;font-weight:500;line-height:36px}.chart-parent .chart-totals-flex .metric-small[data-v-dbb5193d]{color:#6c7489;font-size:10px;font-weight:400;line-height:12px}.analytics-chart-shell[data-v-e5600e8d],.simple-chart-shell[data-v-e5600e8d]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-e5600e8d],.simple-chart-shell .chart-empty-state[data-v-e5600e8d]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-e5600e8d]{margin:0;padding:0}.simple-chart-shell .chart-empty-state[data-v-e5600e8d]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-e5600e8d] .k-empty-state-title-header{font-size:12px;line-height:16px;margin:0}.kong-ui-public-top-n-table[data-v-53ae6b81] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-53ae6b81] .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-53ae6b81]{display:flex;flex-direction:column;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-53ae6b81]{font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-53ae6b81]{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-53ae6b81]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-53ae6b81]{padding:0 24px 16px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-53ae6b81]{flex:1;max-width:110px;padding:0 0 16px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-53ae6b81],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-53ae6b81]{padding-top:16px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-53ae6b81]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-53ae6b81] a{color:#0044f4;font-weight:700;text-decoration:none}
+.locked[data-v-09b76e24]{cursor:move}.tooltip-container[data-v-09b76e24]{background-color:#fff;border-radius:3px;box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;overflow-y:scroll;position:absolute;scrollbar-width:thin;transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container[data-v-09b76e24]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.tooltip-container[data-v-09b76e24]::-webkit-scrollbar{width:10px}.tooltip-container[data-v-09b76e24]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}ul.tooltip[data-v-09b76e24]{list-style:none;margin:0;max-height:300px;min-width:250px;padding-left:0}ul.tooltip li[data-v-09b76e24]{display:flex;font-size:14px;margin:8px}ul.tooltip li[data-v-09b76e24]:first-child{border-bottom:1px solid rgba(0,0,0,.1)}ul.tooltip li[data-v-09b76e24]:last-child{padding-bottom:8px}ul.tooltip .drag-icon[data-v-09b76e24]{margin-top:8px;position:absolute;right:0;top:0}ul.tooltip .tooltip-title[data-v-09b76e24]{display:flex;flex-direction:column;padding-bottom:8px}ul.tooltip .tooltip-title .title[data-v-09b76e24]{font-size:16px;font-weight:600}ul.tooltip .tooltip-title .subtitle[data-v-09b76e24]{font-size:14px;margin-top:8px}ul.tooltip .display-label[data-v-09b76e24]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-09b76e24]{margin-left:auto;padding-left:8px;white-space:nowrap}ul.tooltip .tooltip-legend[data-v-09b76e24]{display:inline-flex;flex-direction:row;height:15px;margin-right:8px;width:3px}.legend-container[data-v-c16b4571]{display:flex;max-height:inherit;min-width:10%;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:scroll;padding-left:12px;scrollbar-width:thin}.legend-container.vertical[data-v-c16b4571]{flex-direction:column;max-height:400px;max-width:200px}@media (max-width: 767px){.legend-container.vertical[data-v-c16b4571]{flex-direction:row;max-width:100%;padding-top:12px;width:100%}}.legend-container.horizontal[data-v-c16b4571]{column-gap:12px;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:12px;max-height:60px;width:100%}.legend-container.horizontal .label[data-v-c16b4571]{width:max-content}.legend-container[data-v-c16b4571]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.legend-container[data-v-c16b4571]::-webkit-scrollbar{width:10px}.legend-container[data-v-c16b4571]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.legend-container li[data-v-c16b4571]{cursor:pointer;display:flex;height:fit-content;margin:12px}.legend-container li .legend[data-v-c16b4571]{flex:0 0 14px;height:3px;margin-right:12px;margin-top:12px}.legend-container li .label[data-v-c16b4571]{font-size:14px}.legend-container li .sub-label[data-v-c16b4571]{font-size:12px;word-break:none}.legend-container li .strike-through[data-v-c16b4571]{text-decoration:line-through}.chart-parent[data-v-33eef28d]{align-items:center;display:flex;position:relative}.chart-parent.column[data-v-33eef28d]{flex-direction:column}.chart-parent.column .chart-container[data-v-33eef28d]{width:100%}.chart-parent.legend-row[data-v-33eef28d]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-33eef28d]{flex-grow:1;width:85%!important}@media (max-width: 767px){.chart-parent[data-v-33eef28d]:not(.show-total){display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-33eef28d]{margin-bottom:12px;position:relative}@media (max-width: 767px){.chart-parent .chart-container[data-v-33eef28d]{width:100%!important}}.chart-container[data-v-33eef28d]{-ms-overflow-style:thin;scrollbar-width:thin}.chart-container[data-v-33eef28d]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.chart-container[data-v-33eef28d]::-webkit-scrollbar{width:10px}.chart-container[data-v-33eef28d]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.axis[data-v-33eef28d]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-33eef28d]{background-color:#3a3f51;color:#fff;padding:4px 8px;position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-33eef28d]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-1264d782]{align-items:center;display:flex;position:relative}.chart-parent.column[data-v-1264d782]{flex-direction:column}.chart-parent.column .chart-container[data-v-1264d782]{width:100%}.chart-parent.legend-row[data-v-1264d782]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-1264d782]{flex-grow:1;width:85%!important}@media (max-width: 767px){.chart-parent[data-v-1264d782]:not(.show-total){display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-1264d782]{margin-bottom:12px;position:relative}@media (max-width: 767px){.chart-parent .chart-container[data-v-1264d782]{width:100%!important}}.chart-parent[data-v-c2a3e97a]{align-items:center;display:flex;position:relative}.chart-parent.column[data-v-c2a3e97a]{flex-direction:column}.chart-parent.column .chart-container[data-v-c2a3e97a]{width:100%}.chart-parent.legend-row[data-v-c2a3e97a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c2a3e97a]{flex-grow:1;width:85%!important}@media (max-width: 767px){.chart-parent[data-v-c2a3e97a]:not(.show-total){display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c2a3e97a]{margin-bottom:12px;position:relative}@media (max-width: 767px){.chart-parent .chart-container[data-v-c2a3e97a]{width:100%!important}}.analytics-chart-shell[data-v-cbce2f1b],.simple-chart-shell[data-v-cbce2f1b]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-cbce2f1b],.simple-chart-shell .chart-empty-state[data-v-cbce2f1b]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-cbce2f1b]{border:1px solid #e0e4ea;margin:16px;padding:16px}.analytics-chart-shell .chart-empty-state[data-v-cbce2f1b]{padding:20px 0 16px}.analytics-chart-shell .chart-header[data-v-cbce2f1b]{display:flex;padding-bottom:16px}.analytics-chart-shell .chart-title[data-v-cbce2f1b]{font-size:18px;font-weight:600}.analytics-chart-shell .tooltip[data-v-cbce2f1b]{display:flex;margin-left:12px;margin-top:2px}.analytics-chart-shell .limit-icon-wrapper[data-v-cbce2f1b]{color:#fff;display:flex;flex-direction:row}.chart-parent[data-v-dbb5193d]{align-items:center;display:flex;position:relative}.chart-parent.column[data-v-dbb5193d]{flex-direction:column}.chart-parent.column .chart-container[data-v-dbb5193d]{width:100%}.chart-parent.legend-row[data-v-dbb5193d]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-dbb5193d]{flex-grow:1;width:85%!important}@media (max-width: 767px){.chart-parent[data-v-dbb5193d]:not(.show-total){display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-dbb5193d]{margin-bottom:12px;position:relative}@media (max-width: 767px){.chart-parent .chart-container[data-v-dbb5193d]{width:100%!important}}.chart-parent[data-v-dbb5193d]{height:auto;margin:0;padding:0;width:auto}.chart-parent .chart-container[data-v-dbb5193d]{margin:0;max-height:100px;max-width:100px;padding:0}.chart-parent .chart-totals-flex[data-v-dbb5193d]{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-dbb5193d]{font-size:24px;font-weight:500;line-height:36px}.chart-parent .chart-totals-flex .metric-small[data-v-dbb5193d]{color:#6c7489;font-size:10px;font-weight:400;line-height:12px}.analytics-chart-shell[data-v-e5600e8d],.simple-chart-shell[data-v-e5600e8d]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-e5600e8d],.simple-chart-shell .chart-empty-state[data-v-e5600e8d]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-e5600e8d]{margin:0;padding:0}.simple-chart-shell .chart-empty-state[data-v-e5600e8d]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-e5600e8d] .k-empty-state-title-header{font-size:12px;line-height:16px;margin:0}.kong-ui-public-top-n-table[data-v-53ae6b81] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-53ae6b81] .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-53ae6b81]{display:flex;flex-direction:column;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-53ae6b81]{font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-53ae6b81]{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-53ae6b81]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-53ae6b81]{padding:0 24px 16px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-53ae6b81]{flex:1;max-width:110px;padding:0 0 16px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-53ae6b81],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-53ae6b81]{padding-top:16px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-53ae6b81]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-53ae6b81] a{color:#0044f4;font-weight:700;text-decoration:none}

package/dist/vitals-chart.es.js

@@ -16,7 +16,7 @@ const oh = "No data in the current time frame", lh = "Once there is traffic, it
   ServiceVersion: "Service Version",
   Route: "Route",
   Application: "Application",
-  RuntimeGroup: "Runtime Group",
+  RuntimeGroup: "Control Plane",
   GatewayService: "Gateway Service",
   StatusCode: "Status Code",
   CodeClass: "Status Code (grouped)",
@@ -18822,7 +18822,7 @@ const sM = /* @__PURE__ */ Ce(aM, [["__scopeId", "data-v-c2a3e97a"]]), oM = "#99
               key: 0,
               class: "tooltip",
               "max-width": "500",
-              placement: "bottom"
+              placement: "right"
             }, {
               content: ae(() => [
                 Le(vt(wt(g)), 1)
@@ -18906,7 +18906,7 @@ const sM = /* @__PURE__ */ Ce(aM, [["__scopeId", "data-v-c2a3e97a"]]), oM = "#99
     };
   }
 });
-const zM = /* @__PURE__ */ Ce(gM, [["__scopeId", "data-v-af4fca91"]]), pM = {
+const zM = /* @__PURE__ */ Ce(gM, [["__scopeId", "data-v-cbce2f1b"]]), pM = {
   class: "chart-parent",
   "data-testid": "doughnut-chart-parent"
 }, mM = { class: "chart-totals-flex" }, vM = {

package/dist/vitals-chart.umd.js

@@ -1,4 +1,4 @@
-var X1=Object.defineProperty;var G1=(lt,g,me)=>g in lt?X1(lt,g,{enumerable:!0,configurable:!0,writable:!0,value:me}):lt[g]=me;var C=(lt,g,me)=>(G1(lt,typeof g!="symbol"?g+"":g,me),me);(function(lt,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("vue"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/i18n"],g):(lt=typeof globalThis<"u"?globalThis:lt||self,g(lt["kong-ui-publicvitals-chart"]={},lt.Vue,lt["kong-ui-public-i18n"]))})(this,function(lt,g,me){var Ie,Pd;"use strict";const Od={noDataAvailableTitle:"No data in the current time frame",noDataAvailableDescription:"Once there is traffic, it will display here",limitedResultsShown:"Not all data is shown in the below report. Reports are currently limited to a maximum of {maxReturned} entities.",entityNoName:"no-name",total:"Total",chartUnits:{ms:"ms",bytes:"Bytes",count:"requests","count/minute":"rpm",requests:"requests"},legend:{datapointValueDisplay:"{value} {unit}"},chartLabels:{Service:"Service",ServiceVersion:"Service Version",Route:"Route",Application:"Application",RuntimeGroup:"Runtime Group",GatewayService:"Gateway Service",StatusCode:"Status Code",CodeClass:"Status Code (grouped)",Time:"Time",API_PRODUCT:"API Product",API_PRODUCT_VERSION:"API Product Version",RUNTIME_GROUP:"Runtime Group",GATEWAY_SERVICE:"Gateway Service",ROUTE:"Route",APPLICATION:"Application",STATUS_CODE:"Status Code",STATUS_CODE_GROUPED:"Status Code (grouped)",TIME:"Time",ORGANIZATION:"Organization",TotalRequests:"Request Count",RequestsPerMinute:"Requests per Minute",LatencyP99:"Response Latency (p99)",LatencyP95:"Response Latency (p95)",LatencyP50:"Response Latency (p50)",LatencyAverage:"Response Latency (avg)",UpstreamLatencyP99:"Upstream Latency (p99)",UpstreamLatencyP95:"Upstream Latency (p95)",UpstreamLatencyP50:"Upstream Latency (p50)",UpstreamLatencyAverage:"Upstream Latency (avg)",KongLatencyP99:"Kong Latency (p99)",KongLatencyP95:"Kong Latency (p95)",KongLatencyP50:"Kong Latency (p50)",KongLatencyAverage:"Kong Latency (avg)",ResponseSizeP99:"Response Size (p99)",ResponseSizeP95:"Response Size (p95)",ResponseSizeP50:"Response Size (p50)",RequestSizeP99:"Request Size (p99)",RequestSizeP95:"Request Size (p95)",RequestSizeP50:"Request Size (p50)",SuccessfulRequests:"Successful requests",SUCCESS:"Successful requests",FailedRequests:"Failed requests",FAILURE:"Failed requests","5XX":"5xx","4XX":"4xx",REQUEST_COUNT:"Request Count",REQUEST_PER_MINUTE:"Requests per Minute",RESPONSE_LATENCY_P99:"Response Latency",RESPONSE_LATENCY_P95:"Response Latency",RESPONSE_LATENCY_P50:"Response Latency",RESPONSE_SIZE_P99:"Response Size (p99)",RESPONSE_SIZE_P95:"Response Size (p95)",RESPONSE_SIZE_P50:"Response Size (p50)",REQUEST_SIZE_P99:"Request Size (p99)",REQUEST_SIZE_P95:"Request Size (p95)",REQUEST_SIZE_P50:"Request Size (p50)"},metricAxisTitles:{REQUEST_COUNT:"Request Count",REQUEST_PER_MINUTE:"Requests per Minute",RESPONSE_LATENCY_P99:"Response Latency (p99) in {unit}",RESPONSE_LATENCY_P95:"Response Latency (p95) in {unit}",RESPONSE_LATENCY_P50:"Response Latency (p50) in {unit}",RESPONSE_SIZE_P99:"Response Size (p99) in {unit}",RESPONSE_SIZE_P95:"Response Size (p95) in {unit}",RESPONSE_SIZE_P50:"Response Size (p50) in {unit}",REQUEST_SIZE_P99:"Request Size (p99) in {unit}",REQUEST_SIZE_P95:"Request Size (p95) in {unit}",REQUEST_SIZE_P50:"Request Size (p50) in {unit}",TotalRequests:"Request Count",RequestsPerMinute:"Requests per Minute",LatencyP99:"Response Latency (p99) in {unit}",LatencyP95:"Response Latency (p95) in {unit}",LatencyP50:"Response Latency (p50) in {unit}",LatencyAverage:"Response Latency (avg) in {unit}",UpstreamLatencyP99:"Upstream Latency (p99) in {unit}",UpstreamLatencyP95:"Upstream Latency (p95) in {unit}",UpstreamLatencyP50:"Upstream Latency (p50) in {unit}",UpstreamLatencyAverage:"Upstream Latency (avg) in {unit}",KongLatencyP99:"Kong Latency (p99) in {unit}",KongLatencyP95:"Kong Latency (p95) in {unit}",KongLatencyP50:"Kong Latency (p50) in {unit}",KongLatencyAverage:"Kong Latency (avg) in {unit}",ResponseSizeP99:"Response Size (p99) in {unit}",ResponseSizeP95:"Response Size (p95) in {unit}",ResponseSizeP50:"Response Size (p50) in {unit}",RequestSizeP99:"Request Size (p99) in {unit}",RequestSizeP95:"Request Size (p95) in {unit}",RequestSizeP50:"Request Size (p50) in {unit}"},granularityAxisTitles:{Minutely:"@timestamp per minute",Hourly:"@timestamp per hour",Daily:"@timestamp per day",Weekly:"@timestamp per week"},topNTable:{nameLabel:"Name",defaultEmptyStateTitle:"No data to display",defaultErrorStateTitle:"Something went wrong",errors:{meta:"Error: response must contain 'meta'",display:"Error: 'display' response incorrectly formatted (must have at least one key)",metricNames:"Error: 'metricNames' response incorrectly formatted (must have at least one entry)"}}};function Ed(){const n=me.createI18n("en-us",Od);return{i18n:n,i18nT:me.i18nTComponent(n)}}/*!
+var X1=Object.defineProperty;var G1=(lt,g,me)=>g in lt?X1(lt,g,{enumerable:!0,configurable:!0,writable:!0,value:me}):lt[g]=me;var C=(lt,g,me)=>(G1(lt,typeof g!="symbol"?g+"":g,me),me);(function(lt,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("vue"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/i18n"],g):(lt=typeof globalThis<"u"?globalThis:lt||self,g(lt["kong-ui-publicvitals-chart"]={},lt.Vue,lt["kong-ui-public-i18n"]))})(this,function(lt,g,me){var Ie,Pd;"use strict";const Od={noDataAvailableTitle:"No data in the current time frame",noDataAvailableDescription:"Once there is traffic, it will display here",limitedResultsShown:"Not all data is shown in the below report. Reports are currently limited to a maximum of {maxReturned} entities.",entityNoName:"no-name",total:"Total",chartUnits:{ms:"ms",bytes:"Bytes",count:"requests","count/minute":"rpm",requests:"requests"},legend:{datapointValueDisplay:"{value} {unit}"},chartLabels:{Service:"Service",ServiceVersion:"Service Version",Route:"Route",Application:"Application",RuntimeGroup:"Control Plane",GatewayService:"Gateway Service",StatusCode:"Status Code",CodeClass:"Status Code (grouped)",Time:"Time",API_PRODUCT:"API Product",API_PRODUCT_VERSION:"API Product Version",RUNTIME_GROUP:"Runtime Group",GATEWAY_SERVICE:"Gateway Service",ROUTE:"Route",APPLICATION:"Application",STATUS_CODE:"Status Code",STATUS_CODE_GROUPED:"Status Code (grouped)",TIME:"Time",ORGANIZATION:"Organization",TotalRequests:"Request Count",RequestsPerMinute:"Requests per Minute",LatencyP99:"Response Latency (p99)",LatencyP95:"Response Latency (p95)",LatencyP50:"Response Latency (p50)",LatencyAverage:"Response Latency (avg)",UpstreamLatencyP99:"Upstream Latency (p99)",UpstreamLatencyP95:"Upstream Latency (p95)",UpstreamLatencyP50:"Upstream Latency (p50)",UpstreamLatencyAverage:"Upstream Latency (avg)",KongLatencyP99:"Kong Latency (p99)",KongLatencyP95:"Kong Latency (p95)",KongLatencyP50:"Kong Latency (p50)",KongLatencyAverage:"Kong Latency (avg)",ResponseSizeP99:"Response Size (p99)",ResponseSizeP95:"Response Size (p95)",ResponseSizeP50:"Response Size (p50)",RequestSizeP99:"Request Size (p99)",RequestSizeP95:"Request Size (p95)",RequestSizeP50:"Request Size (p50)",SuccessfulRequests:"Successful requests",SUCCESS:"Successful requests",FailedRequests:"Failed requests",FAILURE:"Failed requests","5XX":"5xx","4XX":"4xx",REQUEST_COUNT:"Request Count",REQUEST_PER_MINUTE:"Requests per Minute",RESPONSE_LATENCY_P99:"Response Latency",RESPONSE_LATENCY_P95:"Response Latency",RESPONSE_LATENCY_P50:"Response Latency",RESPONSE_SIZE_P99:"Response Size (p99)",RESPONSE_SIZE_P95:"Response Size (p95)",RESPONSE_SIZE_P50:"Response Size (p50)",REQUEST_SIZE_P99:"Request Size (p99)",REQUEST_SIZE_P95:"Request Size (p95)",REQUEST_SIZE_P50:"Request Size (p50)"},metricAxisTitles:{REQUEST_COUNT:"Request Count",REQUEST_PER_MINUTE:"Requests per Minute",RESPONSE_LATENCY_P99:"Response Latency (p99) in {unit}",RESPONSE_LATENCY_P95:"Response Latency (p95) in {unit}",RESPONSE_LATENCY_P50:"Response Latency (p50) in {unit}",RESPONSE_SIZE_P99:"Response Size (p99) in {unit}",RESPONSE_SIZE_P95:"Response Size (p95) in {unit}",RESPONSE_SIZE_P50:"Response Size (p50) in {unit}",REQUEST_SIZE_P99:"Request Size (p99) in {unit}",REQUEST_SIZE_P95:"Request Size (p95) in {unit}",REQUEST_SIZE_P50:"Request Size (p50) in {unit}",TotalRequests:"Request Count",RequestsPerMinute:"Requests per Minute",LatencyP99:"Response Latency (p99) in {unit}",LatencyP95:"Response Latency (p95) in {unit}",LatencyP50:"Response Latency (p50) in {unit}",LatencyAverage:"Response Latency (avg) in {unit}",UpstreamLatencyP99:"Upstream Latency (p99) in {unit}",UpstreamLatencyP95:"Upstream Latency (p95) in {unit}",UpstreamLatencyP50:"Upstream Latency (p50) in {unit}",UpstreamLatencyAverage:"Upstream Latency (avg) in {unit}",KongLatencyP99:"Kong Latency (p99) in {unit}",KongLatencyP95:"Kong Latency (p95) in {unit}",KongLatencyP50:"Kong Latency (p50) in {unit}",KongLatencyAverage:"Kong Latency (avg) in {unit}",ResponseSizeP99:"Response Size (p99) in {unit}",ResponseSizeP95:"Response Size (p95) in {unit}",ResponseSizeP50:"Response Size (p50) in {unit}",RequestSizeP99:"Request Size (p99) in {unit}",RequestSizeP95:"Request Size (p95) in {unit}",RequestSizeP50:"Request Size (p50) in {unit}"},granularityAxisTitles:{Minutely:"@timestamp per minute",Hourly:"@timestamp per hour",Daily:"@timestamp per day",Weekly:"@timestamp per week"},topNTable:{nameLabel:"Name",defaultEmptyStateTitle:"No data to display",defaultErrorStateTitle:"Something went wrong",errors:{meta:"Error: response must contain 'meta'",display:"Error: 'display' response incorrectly formatted (must have at least one key)",metricNames:"Error: 'metricNames' response incorrectly formatted (must have at least one entry)"}}};function Ed(){const n=me.createI18n("en-us",Od);return{i18n:n,i18nT:me.i18nTComponent(n)}}/*!
  * @kurkle/color v0.3.2
  * https://github.com/kurkle/color#readme
  * (c) 2023 Jukka Kurkela
@@ -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 n1={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 n1},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=vv(n,t,new Date,this.options):n=qc(n,this.options)),ha(n)?n.getTime():null},format:function(n,t){return yb(n,t,this.options)},add:function(n,t,e){switch(e){case"millisecond":return Xn(n,t);case"second":return jm(n,t);case"minute":return $m(n,t);case"hour":return Wm(n,t);case"day":return xc(n,t);case"week":return qm(n,t);case"month":return da(n,t);case"quarter":return Vm(n,t);case"year":return Xm(n,t);default:return n}},diff:function(n,t,e){switch(e){case"millisecond":return Gi(n,t);case"second":return a0(n,t);case"minute":return n0(n,t);case"hour":return e0(n,t);case"day":return Tc(n,t);case"week":return s0(n,t);case"month":return kc(n,t);case"quarter":return r0(n,t);case"year":return o0(n,t);default:return 0}},startOf:function(n,t,e){switch(t){case"second":return wv(n);case"minute":return l0(n);case"hour":return xv(n);case"day":return fa(n);case"week":return wc(n);case"isoWeek":return wc(n,{weekStartsOn:+e});case"month":return u0(n);case"quarter":return c0(n);case"year":return f0(n);default:return n}},endOf:function(n,t){switch(t){case"second":return b0(n);case"minute":return p0(n);case"hour":return h0(n);case"day":return Dc(n);case"week":return g0(n);case"month":return Sc(n);case"quarter":return m0(n);case"year":return d0(n);default:return n}}});const Td={data:{type:Object,required:!0},options:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},datasetIdKey:{type:String,default:"label"},updateMode:{type:String,default:void 0}},i1={type:{type:String,required:!0},...Td},r1=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 a1(n){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n;return g.isProxy(t)?new Proxy(n,{}):n}function s1(n,t){const e=n.options;e&&t&&Object.assign(e,t)}function Md(n,t){n.labels=t}function Dd(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 o1(n,t){const e={labels:[],datasets:[]};return Md(e,n.labels),Dd(e,n.datasets,t),e}const l1=g.defineComponent({props:i1,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=o1(c,f),p=a1(h,c);r.value=new Ut(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 v=!1;if(u){const b=vn(u),m=vn(f);b&&b!==m&&(s1(p,b),v=!0)}if(d){const b=vn(d.labels),m=vn(h.labels),y=vn(d.datasets),w=vn(h.datasets);b!==m&&(Md(p.config.data,b),v=!0),y&&y!==w&&(Dd(p.config.data,y,n.datasetIdKey),v=!0)}v&&o(p)},{deep:!0}),()=>g.h("canvas",{ref:i})}});function Zs(n,t){return Ut.register(t),g.defineComponent({props:Td,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(l1,r1({ref:s},{type:n,...e}))}})}const c1=Zs("bar",Rn),Sd=Zs("doughnut",De),u1=Zs("line",Ln),d1=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:St.Right},legendValues:{type:Object,required:!1,default:null},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Kt},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}=xt.useI18n(),i=g.ref(Le()),r=g.ref(Le()),a=g.ref([]),s=g.toRef(t,"metricUnit"),o=g.computed(()=>s.value&&e.t(`chartUnits.${s.value}`)),l=g.reactive({showTooltip:!1,tooltipContext:"",tooltipSeries:[],left:"",top:"",units:o,offset:0,width:0,height:0,chartType:Et.DOUGHNUT}),c={id:i.value,afterUpdate(b){a.value=b.options.plugins.legend.labels.generateLabels(b).map(m=>({...m,value:t.legendValues&&t.legendValues[m.text],hidden:!1}))}},u=g.computed(()=>[t.chartData.datasets.reduce((m,y)=>(m.labels.push(y.label),m.backgroundColor.push(y.backgroundColor),m.borderColor.push(ri(y.backgroundColor,50)),m.data.push(y.data.reduce((w,x)=>w+x,0)),m),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),d=g.computed(()=>({...t.chartData,datasets:u.value}));xt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const{options:f}=xt.useDoughnutChartOptions({tooltipState:l,legendID:i.value}),h=g.ref(),p=b=>({[St.Right]:"legend-row",[St.Bottom]:"column",[St.Hidden]:"hidden"})[b],v=({width:b,height:m})=>{l.width=b,l.height=m};return(b,m)=>(g.openBlock(),g.createElementBlock("div",{class:g.normalizeClass(["chart-parent",p(n.legendPosition)]),"data-testid":"doughnut-chart-parent"},[g.createElementVNode("div",{class:"chart-container",style:g.normalizeStyle({height:n.height,width:n.width})},[g.createVNode(g.unref(Sd),{ref_key:"chartInstance",ref:h,"chart-id":r.value,data:d.value,options:g.unref(f),plugins:[c]},null,8,["chart-id","data","options","plugins"]),g.createVNode(qs,{left:l.left,series:l.tooltipSeries,"show-tooltip":l.showTooltip,"tooltip-title":n.tooltipTitle,top:l.top,unit:n.metricUnit,onDimensions:v},null,8,["left","series","show-tooltip","tooltip-title","top","unit"])],4),g.createVNode(Xs,{id:i.value,"chart-instance":h.value,items:a.value,position:n.legendPosition},null,8,["id","chart-instance","items","position"])],2))}}),hT="",f1=pe(d1,[["__scopeId","data-v-1264d782"]]),h1=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:Kt},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}=xt.useI18n(),i=g.ref(),r=g.ref(Le()),a=g.ref(Le()),s=g.ref([]),o=g.toRef(t,"metricUnit"),l=g.ref(),c=g.ref(g.inject("legendPosition",St.Right)),u=g.computed(()=>o.value&&e.t(`chartUnits.${o.value}`)),d=g.reactive({showTooltip:!1,tooltipContext:"",tooltipSeries:[],left:"",top:"",units:u,offset:0,width:0,height:0,chartType:t.type,locked:!1}),f={id:r.value,afterUpdate(x){s.value=x.options.plugins.legend.labels.generateLabels(x).map(_=>({..._,value:t.legendValues&&t.legendValues[_.text]})).sort((_,T)=>_.value&&T.value&&T.value.raw-_.value.raw)}},h=g.computed(()=>[f,wd,...t.type===Et.TIMESERIES_LINE?[Gs]:[]]),{options:p}=xt.useLinechartOptions({tooltipState:d,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")}),v=g.computed(()=>({...t.chartData,datasets:t.chartData.datasets.map((x,_)=>(Array.isArray(t.datasetColors)?(x.backgroundColor=t.datasetColors[_%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=g.toRef(t,"fill").value,x))}));xt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const b=x=>ix(x,{short:[$.DAILY,$.WEEKLY].includes(t.granularity)}),m=x=>({[St.Right]:"legend-row",[St.Bottom]:"column",[St.Hidden]:"hidden"})[x],y=({width:x,height:_})=>{d.width=x,d.height=_},w=()=>{var x;d.locked=!d.locked,i.value&&(Gs.clickedSegment=d.locked?(x=i.value.chart.tooltip)==null?void 0:x.dataPoints[0]:void 0)};return(x,_)=>(g.openBlock(),g.createElementBlock("div",{class:g.normalizeClass(["chart-parent",m(c.value)]),"data-testid":"line-chart-parent"},[g.createElementVNode("div",{class:"chart-container",style:g.normalizeStyle({height:n.height,width:n.width}),onClick:_[0]||(_[0]=T=>w())},[n.type===g.unref(Et).TIMESERIES_LINE?(g.openBlock(),g.createBlock(g.unref(u1),{key:0,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:v.value,"data-testid":"time-series-line-chart",options:g.unref(p),plugins:h.value},null,8,["chart-id","data","options","plugins"])):n.type===g.unref(Et).TIMESERIES_BAR?(g.openBlock(),g.createBlock(g.unref(c1),{key:1,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:v.value,"data-testid":"time-series-bar-chart",options:g.unref(p),plugins:h.value},null,8,["chart-id","data","options","plugins"])):g.createCommentVNode("",!0)],4),g.createVNode(qs,{ref_key:"tooltipElement",ref:l,context:b(d.tooltipContext),"data-testid":"tooltip",left:d.left,locked:d.locked,series:d.tooltipSeries,"show-tooltip":d.showTooltip,"tooltip-title":n.tooltipTitle,top:d.top,unit:n.metricUnit,onDimensions:y,onLeft:_[1]||(_[1]=T=>d.left=T),onTop:_[2]||(_[2]=T=>d.top=T)},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))}}),gT="",g1=pe(h1,[["__scopeId","data-v-c2a3e97a"]]),p1="#995c00",m1={class:"analytics-chart-shell"},b1={class:"chart-header"},v1={key:0,class:"chart-title"},y1={id:"result-truncated"},x1={class:"limit-icon-wrapper"},w1={key:1,class:"analytics-chart-parent"},_1=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:St.Right},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)},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0}},setup(n){const t=n,{i18n:e}=xt.useI18n(),i=g.toRef(t,"chartData"),r=g.toRef(t,"chartOptions"),a=g.toRef(t,"legendPosition"),s=g.computed(()=>b.value?xt.useExploreResultToTimeDataset({fill:t.chartOptions.fill,colorPalette:t.chartOptions.chartDatasetColors||Kt},i).value:xt.useExploreResultToDatasets({fill:t.chartOptions.fill,colorPalette:t.chartOptions.chartDatasetColors||Kt},i).value),o=g.computed(()=>{var S;return(S=i==null?void 0:i.value)!=null&&S.meta?"start"in i.value.meta?i.value.meta.end-i.value.meta.start:void 0:0}),l=g.computed(()=>{var S;return(S=i==null?void 0:i.value)!=null&&S.meta?"startMs"in i.value.meta?i.value.meta.endMs-i.value.meta.startMs:void 0:0}),c=g.computed(()=>{var S;return(S=i.value.meta)!=null&&S.metricUnits?Object.values(i.value.meta.metricUnits)[0]:""}),u=g.computed(()=>t.showLegendValues&&t.legendPosition!==St.Bottom),{legendValues:d}=xt.useChartLegendValues(s,t.chartOptions.type,c),f=g.computed(()=>{var S,A,I;return((I=(A=(S=i.value)==null?void 0:S.meta)==null?void 0:A.limit)==null?void 0:I.toString())||null}),h=g.computed(()=>{var S,A;return((A=(S=i.value)==null?void 0:S.meta)==null?void 0:A.truncated)||!1}),p=e.t("limitedResultsShown",{maxReturned:f.value}),v=g.computed(()=>[Et.VERTICAL_BAR.toString(),Et.HORIZONTAL_BAR.toString()].includes(r.value.type)),b=g.computed(()=>[Et.TIMESERIES_BAR,Et.TIMESERIES_LINE].some(S=>S===r.value.type)),m=g.computed(()=>r.value.type===Et.DOUGHNUT),y=g.computed(()=>r.value.type.includes("Vertical")?"vertical":"horizontal"),w=g.computed(()=>{var I,V,H;if(!((I=i.value)!=null&&I.meta.metricNames)||!((V=i.value)!=null&&V.meta.metricUnits))return;const S=i.value.meta.metricNames[0],A=i.value.meta.metricUnits[S];return((H=r.value)==null?void 0:H.metricAxesTitle)||e.te(`metricAxisTitles.${S}`)&&e.te(`chartUnits.${A}`)&&e.t(`metricAxisTitles.${S}`,{unit:e.t(`chartUnits.${A}`)})||void 0}),x=g.computed(()=>{const S=b.value?"Time":Object.keys(i.value.meta.dimensions||i.value.meta.metricNames)[0];return r.value.dimensionAxesTitle||e.te(`chartLabels.${S}`)&&e.t(`chartLabels.${S}`)||void 0}),_=g.computed(()=>{if(i.value.meta.granularity&&typeof i.value.meta.granularity!="number"&&"duration"in i.value.meta.granularity){const S=ai(i.value.meta.granularity.duration);return e.t(`granularityAxisTitles.${S}`)}else if(i.value.meta.granularity&&!isNaN(Number(i.value.meta.granularity))){const S=ai(Number(i.value.meta.granularity));return e.t(`granularityAxisTitles.${S}`)}return e.t("chartlabels.Time")}),T=g.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),M=g.computed(()=>t.emptyStateDescription||e.t("noDataAvailableDescription")),D=g.computed(()=>b.value?Hv(s.value):i.value&&i.value.meta&&i.value.records.length),k=g.computed(()=>i.value.meta.granularity?typeof i.value.meta.granularity=="number"?ai(i.value.meta.granularity)||$.HOURLY:ai(i.value.meta.granularity.duration)||$.HOURLY:ai(new Date(i.value.records[1].timestamp).getTime()-new Date(i.value.records[0].timestamp).getTime())||$.HOURLY);return g.provide("showLegendValues",u),g.provide("legendPosition",a),(S,A)=>{const I=g.resolveComponent("KIcon"),V=g.resolveComponent("KTooltip"),H=g.resolveComponent("KEmptyState");return g.openBlock(),g.createElementBlock("div",m1,[g.createElementVNode("div",b1,[n.chartTitle?(g.openBlock(),g.createElementBlock("div",v1,g.toDisplayString(n.chartTitle),1)):g.createCommentVNode("",!0),g.createElementVNode("div",y1,[D.value&&h.value&&f.value?(g.openBlock(),g.createBlock(V,{key:0,class:"tooltip","max-width":"500",placement:"bottom"},{content:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(g.unref(p)),1)]),default:g.withCtx(()=>[g.createElementVNode("div",x1,[g.createVNode(I,{class:"warning-icon",color:"currentColor","hide-title":"",icon:"warning","secondary-color":g.unref(p1),size:"18"},null,8,["secondary-color"])])]),_:1})):g.createCommentVNode("",!0)])]),D.value?(g.openBlock(),g.createElementBlock("div",w1,[b.value?(g.openBlock(),g.createBlock(g1,{key:0,"chart-data":s.value,"dataset-colors":n.chartOptions.chartDatasetColors,"dimension-axes-title":_.value,fill:n.chartOptions.fill,granularity:k.value,height:n.height,"legend-values":g.unref(d),"metric-axes-title":w.value,"metric-unit":c.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"time-range-ms":l.value,"time-range-sec":o.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type,width:n.width},null,8,["chart-data","dataset-colors","dimension-axes-title","fill","granularity","height","legend-values","metric-axes-title","metric-unit","stacked","synthetics-data-key","time-range-ms","time-range-sec","tooltip-title","type","width"])):v.value?(g.openBlock(),g.createBlock(e1,{key:1,annotations:n.showAnnotations,"chart-data":s.value,"data-testid":"bar-chart-container","dimension-axes-title":x.value,"legend-values":g.unref(d),"metric-axes-title":w.value,"metric-unit":c.value,orientation:y.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["annotations","chart-data","dimension-axes-title","legend-values","metric-axes-title","metric-unit","orientation","synthetics-data-key","tooltip-title"])):m.value?(g.openBlock(),g.createBlock(f1,{key:2,"chart-data":s.value,"dataset-colors":n.chartOptions.chartDatasetColors,fill:n.chartOptions.fill,"legend-position":n.legendPosition,"legend-values":g.unref(d),"metric-unit":c.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle,width:n.width},null,8,["chart-data","dataset-colors","fill","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title","width"])):g.createCommentVNode("",!0)])):(g.openBlock(),g.createBlock(H,{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(T.value),1)]),message:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(M.value),1)]),_:1}))])}}}),pT="",T1=pe(_1,[["__scopeId","data-v-af4fca91"]]),M1={class:"chart-parent","data-testid":"doughnut-chart-parent"},D1={class:"chart-totals-flex"},S1={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},k1=g.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:ln.Hidden},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Kt},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}=xt.useI18n(),i=g.ref(Le()),r=g.toRef(t,"metricDisplay"),a=g.computed(()=>[t.chartData.datasets.reduce((v,b)=>(v.labels.push(b.label),v.borderColor.push(b.backgroundColor),v.backgroundColor.push(b.backgroundColor),v.data.push(b.data.reduce((m,y)=>m+y,0)),v),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),s=g.computed(()=>({...t.chartData,datasets:a.value}));xt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const o={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},l=g.ref(),c=g.computed(()=>{var p;return un((p=a==null?void 0:a.value[0])==null?void 0:p.data[0],{capital:!0})}),u=g.computed(()=>{var p,v;return un(((p=a==null?void 0:a.value[0])==null?void 0:p.data[0])+((v=a==null?void 0:a.value[0])==null?void 0:v.data[1]),{capital:!0})}),d=g.computed(()=>{var p;return`color: ${(p=a==null?void 0:a.value[0])==null?void 0:p.backgroundColor[0]}`}),f=g.computed(()=>[ln.Full,ln.SingleMetric].includes(r.value)),h=g.computed(()=>r.value===ln.Full);return(p,v)=>(g.openBlock(),g.createElementBlock("div",M1,[g.createElementVNode("div",D1,[f.value?(g.openBlock(),g.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:g.normalizeStyle(d.value)},g.toDisplayString(c.value),5)):g.createCommentVNode("",!0),h.value?(g.openBlock(),g.createElementBlock("div",S1,g.toDisplayString(g.unref(e).t("total"))+": "+g.toDisplayString(u.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:l,"chart-id":i.value,data:s.value,options:o},null,8,["chart-id","data","options"])],4)]))}}),mT="",C1=pe(k1,[["__scopeId","data-v-dbb5193d"]]),P1={class:"simple-chart-shell"},O1={key:1,class:"analytics-chart-parent"},E1=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}=xt.useI18n(),i=g.toRef(t,"chartData"),r=g.toRef(t,"chartOptions"),a=g.computed(()=>xt.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||Kt},i).value),s=g.computed(()=>{var u;return(u=i.value.meta)!=null&&u.metricUnits?Object.values(i.value.meta.metricUnits)[0]:""}),o=g.computed(()=>r.value.type===tr.GAUGE),l=g.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),c=g.computed(()=>i.value&&i.value.meta&&i.value.records.length);return(u,d)=>{const f=g.resolveComponent("KEmptyState");return g.openBlock(),g.createElementBlock("div",P1,[c.value?(g.openBlock(),g.createElementBlock("div",O1,[o.value?(g.openBlock(),g.createBlock(C1,{key:0,"chart-data":a.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":s.value,"synthetics-data-key":n.syntheticsDataKey,width:n.width},null,8,["chart-data","dataset-colors","metric-display","metric-unit","synthetics-data-key","width"])):g.createCommentVNode("",!0)])):(g.openBlock(),g.createBlock(f,{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(l.value),1)]),_:1}))])}}}),bT="",A1=pe(E1,[["__scopeId","data-v-e5600e8d"]]),R1={"data-testid":"top-n-card-title"},L1={class:"top-n-card-description","data-testid":"top-n-card-description"},I1={key:2,class:"top-n-table","data-testid":"top-n-table"},N1={class:"table-headings"},F1={class:"table-row"},Y1={class:"column-1"},W1={class:"column-2"},U1={class:"table-body","data-testid":"top-n-data"},B1=["data-testid"],z1={class:"column-1"},H1={class:"column-2"},$1=g.defineComponent({__name:"TopNTable",props:{title:{type:String,required:!0},description:{type:String,default:""},data:{type:Object,required:!0},emptyStateTitle:{type:String,default:""}},setup(n){const t=n,{i18n:e}=xt.useI18n(),i=g.computed(()=>t.data.records),r=g.computed(()=>{var h;return!!((h=i.value)!=null&&h.length)}),a=g.computed(()=>{var h,p;return(h=t.data.meta)!=null&&h.display&&((p=Object.keys(t.data.meta.display))==null?void 0:p[0])||""}),s=g.computed(()=>a.value?t.data.meta.display[a.value]:{}),o=g.computed(()=>{var h,p;return(p=(h=t.data.meta)==null?void 0:h.metricNames)!=null&&p.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=h=>{const p=h.event;return String(p[a.value])},d=h=>{const p=u(h);return String(s.value[p])||"–"},f=h=>{if(!o.value)return"–";const v=h.event[o.value];return v?un(v,{capital:!0,round:!0}):"–"};return(h,p)=>{const v=g.resolveComponent("KEmptyState"),b=g.resolveComponent("KCard");return g.openBlock(),g.createBlock(b,{class:"kong-ui-public-top-n-table"},g.createSlots({body:g.withCtx(()=>[c.value?(g.openBlock(),g.createBlock(v,{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})):r.value?(g.openBlock(),g.createElementBlock("div",I1,[g.createElementVNode("div",N1,[g.createElementVNode("div",F1,[g.createElementVNode("div",Y1,g.toDisplayString(g.unref(e).t("topNTable.nameLabel")),1),g.createElementVNode("div",W1,g.toDisplayString(l.value),1)])]),g.createElementVNode("div",U1,[(g.openBlock(!0),g.createElementBlock(g.Fragment,null,g.renderList(i.value,(m,y)=>(g.openBlock(),g.createElementBlock("div",{key:`entry-${y}`,class:"table-row","data-testid":`row-${u(m)}`},[g.createElementVNode("div",z1,[g.renderSlot(h.$slots,"name",{record:{id:u(m),name:d(m),dimension:a.value}},()=>[g.createTextVNode(g.toDisplayString(d(m)),1)],!0)]),g.createElementVNode("div",H1,"   "+g.toDisplayString(f(m)),1)],8,B1))),128))])])):(g.openBlock(),g.createBlock(v,{key:1,"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",R1,g.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:g.withCtx(()=>[g.createElementVNode("div",L1,g.toDisplayString(n.description),1)]),key:"1"}:void 0]),1024)}}}),vT="",V1=pe($1,[["__scopeId","data-v-53ae6b81"]]),Qs="#e0e4ea",j1={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=j1[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},kd=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])]]),Cd=n=>{const t=parseInt(n,10),e=Math.floor(t/100)*100,i=kd.get(e);return i===void 0?Qs:i.get(t)??i.get(-1)??Qs},q1=n=>{const t=Cd(n);return{solid:t,light:t}};lt.AnalyticsChart=T1,lt.ChartLegendPosition=St,lt.ChartMetricDisplay=ln,lt.ChartTypes=Et,lt.ChartTypesSimple=tr,lt.SimpleChart=A1,lt.TopNTable=V1,lt.accessibleGrey=mu,lt.codesInSpec=kd,lt.darkenColor=ri,lt.datavisPalette=Kt,lt.lightGrey=Qs,lt.lookupDatavisColor=ii,lt.lookupStatusCodeCategoryColor=q1,lt.lookupStatusCodeColor=Cd,Object.defineProperty(lt,Symbol.toStringTag,{value:"Module"})});
+ */const n1={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 n1},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=vv(n,t,new Date,this.options):n=qc(n,this.options)),ha(n)?n.getTime():null},format:function(n,t){return yb(n,t,this.options)},add:function(n,t,e){switch(e){case"millisecond":return Xn(n,t);case"second":return jm(n,t);case"minute":return $m(n,t);case"hour":return Wm(n,t);case"day":return xc(n,t);case"week":return qm(n,t);case"month":return da(n,t);case"quarter":return Vm(n,t);case"year":return Xm(n,t);default:return n}},diff:function(n,t,e){switch(e){case"millisecond":return Gi(n,t);case"second":return a0(n,t);case"minute":return n0(n,t);case"hour":return e0(n,t);case"day":return Tc(n,t);case"week":return s0(n,t);case"month":return kc(n,t);case"quarter":return r0(n,t);case"year":return o0(n,t);default:return 0}},startOf:function(n,t,e){switch(t){case"second":return wv(n);case"minute":return l0(n);case"hour":return xv(n);case"day":return fa(n);case"week":return wc(n);case"isoWeek":return wc(n,{weekStartsOn:+e});case"month":return u0(n);case"quarter":return c0(n);case"year":return f0(n);default:return n}},endOf:function(n,t){switch(t){case"second":return b0(n);case"minute":return p0(n);case"hour":return h0(n);case"day":return Dc(n);case"week":return g0(n);case"month":return Sc(n);case"quarter":return m0(n);case"year":return d0(n);default:return n}}});const Td={data:{type:Object,required:!0},options:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},datasetIdKey:{type:String,default:"label"},updateMode:{type:String,default:void 0}},i1={type:{type:String,required:!0},...Td},r1=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 a1(n){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n;return g.isProxy(t)?new Proxy(n,{}):n}function s1(n,t){const e=n.options;e&&t&&Object.assign(e,t)}function Md(n,t){n.labels=t}function Dd(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 o1(n,t){const e={labels:[],datasets:[]};return Md(e,n.labels),Dd(e,n.datasets,t),e}const l1=g.defineComponent({props:i1,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=o1(c,f),p=a1(h,c);r.value=new Ut(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 v=!1;if(u){const b=vn(u),m=vn(f);b&&b!==m&&(s1(p,b),v=!0)}if(d){const b=vn(d.labels),m=vn(h.labels),y=vn(d.datasets),w=vn(h.datasets);b!==m&&(Md(p.config.data,b),v=!0),y&&y!==w&&(Dd(p.config.data,y,n.datasetIdKey),v=!0)}v&&o(p)},{deep:!0}),()=>g.h("canvas",{ref:i})}});function Zs(n,t){return Ut.register(t),g.defineComponent({props:Td,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(l1,r1({ref:s},{type:n,...e}))}})}const c1=Zs("bar",Rn),Sd=Zs("doughnut",De),u1=Zs("line",Ln),d1=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:St.Right},legendValues:{type:Object,required:!1,default:null},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Kt},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}=xt.useI18n(),i=g.ref(Le()),r=g.ref(Le()),a=g.ref([]),s=g.toRef(t,"metricUnit"),o=g.computed(()=>s.value&&e.t(`chartUnits.${s.value}`)),l=g.reactive({showTooltip:!1,tooltipContext:"",tooltipSeries:[],left:"",top:"",units:o,offset:0,width:0,height:0,chartType:Et.DOUGHNUT}),c={id:i.value,afterUpdate(b){a.value=b.options.plugins.legend.labels.generateLabels(b).map(m=>({...m,value:t.legendValues&&t.legendValues[m.text],hidden:!1}))}},u=g.computed(()=>[t.chartData.datasets.reduce((m,y)=>(m.labels.push(y.label),m.backgroundColor.push(y.backgroundColor),m.borderColor.push(ri(y.backgroundColor,50)),m.data.push(y.data.reduce((w,x)=>w+x,0)),m),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),d=g.computed(()=>({...t.chartData,datasets:u.value}));xt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const{options:f}=xt.useDoughnutChartOptions({tooltipState:l,legendID:i.value}),h=g.ref(),p=b=>({[St.Right]:"legend-row",[St.Bottom]:"column",[St.Hidden]:"hidden"})[b],v=({width:b,height:m})=>{l.width=b,l.height=m};return(b,m)=>(g.openBlock(),g.createElementBlock("div",{class:g.normalizeClass(["chart-parent",p(n.legendPosition)]),"data-testid":"doughnut-chart-parent"},[g.createElementVNode("div",{class:"chart-container",style:g.normalizeStyle({height:n.height,width:n.width})},[g.createVNode(g.unref(Sd),{ref_key:"chartInstance",ref:h,"chart-id":r.value,data:d.value,options:g.unref(f),plugins:[c]},null,8,["chart-id","data","options","plugins"]),g.createVNode(qs,{left:l.left,series:l.tooltipSeries,"show-tooltip":l.showTooltip,"tooltip-title":n.tooltipTitle,top:l.top,unit:n.metricUnit,onDimensions:v},null,8,["left","series","show-tooltip","tooltip-title","top","unit"])],4),g.createVNode(Xs,{id:i.value,"chart-instance":h.value,items:a.value,position:n.legendPosition},null,8,["id","chart-instance","items","position"])],2))}}),hT="",f1=pe(d1,[["__scopeId","data-v-1264d782"]]),h1=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:Kt},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}=xt.useI18n(),i=g.ref(),r=g.ref(Le()),a=g.ref(Le()),s=g.ref([]),o=g.toRef(t,"metricUnit"),l=g.ref(),c=g.ref(g.inject("legendPosition",St.Right)),u=g.computed(()=>o.value&&e.t(`chartUnits.${o.value}`)),d=g.reactive({showTooltip:!1,tooltipContext:"",tooltipSeries:[],left:"",top:"",units:u,offset:0,width:0,height:0,chartType:t.type,locked:!1}),f={id:r.value,afterUpdate(x){s.value=x.options.plugins.legend.labels.generateLabels(x).map(_=>({..._,value:t.legendValues&&t.legendValues[_.text]})).sort((_,T)=>_.value&&T.value&&T.value.raw-_.value.raw)}},h=g.computed(()=>[f,wd,...t.type===Et.TIMESERIES_LINE?[Gs]:[]]),{options:p}=xt.useLinechartOptions({tooltipState:d,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")}),v=g.computed(()=>({...t.chartData,datasets:t.chartData.datasets.map((x,_)=>(Array.isArray(t.datasetColors)?(x.backgroundColor=t.datasetColors[_%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=g.toRef(t,"fill").value,x))}));xt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const b=x=>ix(x,{short:[$.DAILY,$.WEEKLY].includes(t.granularity)}),m=x=>({[St.Right]:"legend-row",[St.Bottom]:"column",[St.Hidden]:"hidden"})[x],y=({width:x,height:_})=>{d.width=x,d.height=_},w=()=>{var x;d.locked=!d.locked,i.value&&(Gs.clickedSegment=d.locked?(x=i.value.chart.tooltip)==null?void 0:x.dataPoints[0]:void 0)};return(x,_)=>(g.openBlock(),g.createElementBlock("div",{class:g.normalizeClass(["chart-parent",m(c.value)]),"data-testid":"line-chart-parent"},[g.createElementVNode("div",{class:"chart-container",style:g.normalizeStyle({height:n.height,width:n.width}),onClick:_[0]||(_[0]=T=>w())},[n.type===g.unref(Et).TIMESERIES_LINE?(g.openBlock(),g.createBlock(g.unref(u1),{key:0,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:v.value,"data-testid":"time-series-line-chart",options:g.unref(p),plugins:h.value},null,8,["chart-id","data","options","plugins"])):n.type===g.unref(Et).TIMESERIES_BAR?(g.openBlock(),g.createBlock(g.unref(c1),{key:1,ref_key:"chartInstance",ref:i,"chart-id":a.value,data:v.value,"data-testid":"time-series-bar-chart",options:g.unref(p),plugins:h.value},null,8,["chart-id","data","options","plugins"])):g.createCommentVNode("",!0)],4),g.createVNode(qs,{ref_key:"tooltipElement",ref:l,context:b(d.tooltipContext),"data-testid":"tooltip",left:d.left,locked:d.locked,series:d.tooltipSeries,"show-tooltip":d.showTooltip,"tooltip-title":n.tooltipTitle,top:d.top,unit:n.metricUnit,onDimensions:y,onLeft:_[1]||(_[1]=T=>d.left=T),onTop:_[2]||(_[2]=T=>d.top=T)},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))}}),gT="",g1=pe(h1,[["__scopeId","data-v-c2a3e97a"]]),p1="#995c00",m1={class:"analytics-chart-shell"},b1={class:"chart-header"},v1={key:0,class:"chart-title"},y1={id:"result-truncated"},x1={class:"limit-icon-wrapper"},w1={key:1,class:"analytics-chart-parent"},_1=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:St.Right},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)},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0}},setup(n){const t=n,{i18n:e}=xt.useI18n(),i=g.toRef(t,"chartData"),r=g.toRef(t,"chartOptions"),a=g.toRef(t,"legendPosition"),s=g.computed(()=>b.value?xt.useExploreResultToTimeDataset({fill:t.chartOptions.fill,colorPalette:t.chartOptions.chartDatasetColors||Kt},i).value:xt.useExploreResultToDatasets({fill:t.chartOptions.fill,colorPalette:t.chartOptions.chartDatasetColors||Kt},i).value),o=g.computed(()=>{var S;return(S=i==null?void 0:i.value)!=null&&S.meta?"start"in i.value.meta?i.value.meta.end-i.value.meta.start:void 0:0}),l=g.computed(()=>{var S;return(S=i==null?void 0:i.value)!=null&&S.meta?"startMs"in i.value.meta?i.value.meta.endMs-i.value.meta.startMs:void 0:0}),c=g.computed(()=>{var S;return(S=i.value.meta)!=null&&S.metricUnits?Object.values(i.value.meta.metricUnits)[0]:""}),u=g.computed(()=>t.showLegendValues&&t.legendPosition!==St.Bottom),{legendValues:d}=xt.useChartLegendValues(s,t.chartOptions.type,c),f=g.computed(()=>{var S,A,I;return((I=(A=(S=i.value)==null?void 0:S.meta)==null?void 0:A.limit)==null?void 0:I.toString())||null}),h=g.computed(()=>{var S,A;return((A=(S=i.value)==null?void 0:S.meta)==null?void 0:A.truncated)||!1}),p=e.t("limitedResultsShown",{maxReturned:f.value}),v=g.computed(()=>[Et.VERTICAL_BAR.toString(),Et.HORIZONTAL_BAR.toString()].includes(r.value.type)),b=g.computed(()=>[Et.TIMESERIES_BAR,Et.TIMESERIES_LINE].some(S=>S===r.value.type)),m=g.computed(()=>r.value.type===Et.DOUGHNUT),y=g.computed(()=>r.value.type.includes("Vertical")?"vertical":"horizontal"),w=g.computed(()=>{var I,V,H;if(!((I=i.value)!=null&&I.meta.metricNames)||!((V=i.value)!=null&&V.meta.metricUnits))return;const S=i.value.meta.metricNames[0],A=i.value.meta.metricUnits[S];return((H=r.value)==null?void 0:H.metricAxesTitle)||e.te(`metricAxisTitles.${S}`)&&e.te(`chartUnits.${A}`)&&e.t(`metricAxisTitles.${S}`,{unit:e.t(`chartUnits.${A}`)})||void 0}),x=g.computed(()=>{const S=b.value?"Time":Object.keys(i.value.meta.dimensions||i.value.meta.metricNames)[0];return r.value.dimensionAxesTitle||e.te(`chartLabels.${S}`)&&e.t(`chartLabels.${S}`)||void 0}),_=g.computed(()=>{if(i.value.meta.granularity&&typeof i.value.meta.granularity!="number"&&"duration"in i.value.meta.granularity){const S=ai(i.value.meta.granularity.duration);return e.t(`granularityAxisTitles.${S}`)}else if(i.value.meta.granularity&&!isNaN(Number(i.value.meta.granularity))){const S=ai(Number(i.value.meta.granularity));return e.t(`granularityAxisTitles.${S}`)}return e.t("chartlabels.Time")}),T=g.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),M=g.computed(()=>t.emptyStateDescription||e.t("noDataAvailableDescription")),D=g.computed(()=>b.value?Hv(s.value):i.value&&i.value.meta&&i.value.records.length),k=g.computed(()=>i.value.meta.granularity?typeof i.value.meta.granularity=="number"?ai(i.value.meta.granularity)||$.HOURLY:ai(i.value.meta.granularity.duration)||$.HOURLY:ai(new Date(i.value.records[1].timestamp).getTime()-new Date(i.value.records[0].timestamp).getTime())||$.HOURLY);return g.provide("showLegendValues",u),g.provide("legendPosition",a),(S,A)=>{const I=g.resolveComponent("KIcon"),V=g.resolveComponent("KTooltip"),H=g.resolveComponent("KEmptyState");return g.openBlock(),g.createElementBlock("div",m1,[g.createElementVNode("div",b1,[n.chartTitle?(g.openBlock(),g.createElementBlock("div",v1,g.toDisplayString(n.chartTitle),1)):g.createCommentVNode("",!0),g.createElementVNode("div",y1,[D.value&&h.value&&f.value?(g.openBlock(),g.createBlock(V,{key:0,class:"tooltip","max-width":"500",placement:"right"},{content:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(g.unref(p)),1)]),default:g.withCtx(()=>[g.createElementVNode("div",x1,[g.createVNode(I,{class:"warning-icon",color:"currentColor","hide-title":"",icon:"warning","secondary-color":g.unref(p1),size:"18"},null,8,["secondary-color"])])]),_:1})):g.createCommentVNode("",!0)])]),D.value?(g.openBlock(),g.createElementBlock("div",w1,[b.value?(g.openBlock(),g.createBlock(g1,{key:0,"chart-data":s.value,"dataset-colors":n.chartOptions.chartDatasetColors,"dimension-axes-title":_.value,fill:n.chartOptions.fill,granularity:k.value,height:n.height,"legend-values":g.unref(d),"metric-axes-title":w.value,"metric-unit":c.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"time-range-ms":l.value,"time-range-sec":o.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type,width:n.width},null,8,["chart-data","dataset-colors","dimension-axes-title","fill","granularity","height","legend-values","metric-axes-title","metric-unit","stacked","synthetics-data-key","time-range-ms","time-range-sec","tooltip-title","type","width"])):v.value?(g.openBlock(),g.createBlock(e1,{key:1,annotations:n.showAnnotations,"chart-data":s.value,"data-testid":"bar-chart-container","dimension-axes-title":x.value,"legend-values":g.unref(d),"metric-axes-title":w.value,"metric-unit":c.value,orientation:y.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["annotations","chart-data","dimension-axes-title","legend-values","metric-axes-title","metric-unit","orientation","synthetics-data-key","tooltip-title"])):m.value?(g.openBlock(),g.createBlock(f1,{key:2,"chart-data":s.value,"dataset-colors":n.chartOptions.chartDatasetColors,fill:n.chartOptions.fill,"legend-position":n.legendPosition,"legend-values":g.unref(d),"metric-unit":c.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle,width:n.width},null,8,["chart-data","dataset-colors","fill","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title","width"])):g.createCommentVNode("",!0)])):(g.openBlock(),g.createBlock(H,{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(T.value),1)]),message:g.withCtx(()=>[g.createTextVNode(g.toDisplayString(M.value),1)]),_:1}))])}}}),pT="",T1=pe(_1,[["__scopeId","data-v-cbce2f1b"]]),M1={class:"chart-parent","data-testid":"doughnut-chart-parent"},D1={class:"chart-totals-flex"},S1={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},k1=g.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:ln.Hidden},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Kt},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}=xt.useI18n(),i=g.ref(Le()),r=g.toRef(t,"metricDisplay"),a=g.computed(()=>[t.chartData.datasets.reduce((v,b)=>(v.labels.push(b.label),v.borderColor.push(b.backgroundColor),v.backgroundColor.push(b.backgroundColor),v.data.push(b.data.reduce((m,y)=>m+y,0)),v),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),s=g.computed(()=>({...t.chartData,datasets:a.value}));xt.useReportChartDataForSynthetics(g.toRef(t,"chartData"),g.toRef(t,"syntheticsDataKey"));const o={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},l=g.ref(),c=g.computed(()=>{var p;return un((p=a==null?void 0:a.value[0])==null?void 0:p.data[0],{capital:!0})}),u=g.computed(()=>{var p,v;return un(((p=a==null?void 0:a.value[0])==null?void 0:p.data[0])+((v=a==null?void 0:a.value[0])==null?void 0:v.data[1]),{capital:!0})}),d=g.computed(()=>{var p;return`color: ${(p=a==null?void 0:a.value[0])==null?void 0:p.backgroundColor[0]}`}),f=g.computed(()=>[ln.Full,ln.SingleMetric].includes(r.value)),h=g.computed(()=>r.value===ln.Full);return(p,v)=>(g.openBlock(),g.createElementBlock("div",M1,[g.createElementVNode("div",D1,[f.value?(g.openBlock(),g.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:g.normalizeStyle(d.value)},g.toDisplayString(c.value),5)):g.createCommentVNode("",!0),h.value?(g.openBlock(),g.createElementBlock("div",S1,g.toDisplayString(g.unref(e).t("total"))+": "+g.toDisplayString(u.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:l,"chart-id":i.value,data:s.value,options:o},null,8,["chart-id","data","options"])],4)]))}}),mT="",C1=pe(k1,[["__scopeId","data-v-dbb5193d"]]),P1={class:"simple-chart-shell"},O1={key:1,class:"analytics-chart-parent"},E1=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}=xt.useI18n(),i=g.toRef(t,"chartData"),r=g.toRef(t,"chartOptions"),a=g.computed(()=>xt.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||Kt},i).value),s=g.computed(()=>{var u;return(u=i.value.meta)!=null&&u.metricUnits?Object.values(i.value.meta.metricUnits)[0]:""}),o=g.computed(()=>r.value.type===tr.GAUGE),l=g.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),c=g.computed(()=>i.value&&i.value.meta&&i.value.records.length);return(u,d)=>{const f=g.resolveComponent("KEmptyState");return g.openBlock(),g.createElementBlock("div",P1,[c.value?(g.openBlock(),g.createElementBlock("div",O1,[o.value?(g.openBlock(),g.createBlock(C1,{key:0,"chart-data":a.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":s.value,"synthetics-data-key":n.syntheticsDataKey,width:n.width},null,8,["chart-data","dataset-colors","metric-display","metric-unit","synthetics-data-key","width"])):g.createCommentVNode("",!0)])):(g.openBlock(),g.createBlock(f,{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(l.value),1)]),_:1}))])}}}),bT="",A1=pe(E1,[["__scopeId","data-v-e5600e8d"]]),R1={"data-testid":"top-n-card-title"},L1={class:"top-n-card-description","data-testid":"top-n-card-description"},I1={key:2,class:"top-n-table","data-testid":"top-n-table"},N1={class:"table-headings"},F1={class:"table-row"},Y1={class:"column-1"},W1={class:"column-2"},U1={class:"table-body","data-testid":"top-n-data"},B1=["data-testid"],z1={class:"column-1"},H1={class:"column-2"},$1=g.defineComponent({__name:"TopNTable",props:{title:{type:String,required:!0},description:{type:String,default:""},data:{type:Object,required:!0},emptyStateTitle:{type:String,default:""}},setup(n){const t=n,{i18n:e}=xt.useI18n(),i=g.computed(()=>t.data.records),r=g.computed(()=>{var h;return!!((h=i.value)!=null&&h.length)}),a=g.computed(()=>{var h,p;return(h=t.data.meta)!=null&&h.display&&((p=Object.keys(t.data.meta.display))==null?void 0:p[0])||""}),s=g.computed(()=>a.value?t.data.meta.display[a.value]:{}),o=g.computed(()=>{var h,p;return(p=(h=t.data.meta)==null?void 0:h.metricNames)!=null&&p.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=h=>{const p=h.event;return String(p[a.value])},d=h=>{const p=u(h);return String(s.value[p])||"–"},f=h=>{if(!o.value)return"–";const v=h.event[o.value];return v?un(v,{capital:!0,round:!0}):"–"};return(h,p)=>{const v=g.resolveComponent("KEmptyState"),b=g.resolveComponent("KCard");return g.openBlock(),g.createBlock(b,{class:"kong-ui-public-top-n-table"},g.createSlots({body:g.withCtx(()=>[c.value?(g.openBlock(),g.createBlock(v,{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})):r.value?(g.openBlock(),g.createElementBlock("div",I1,[g.createElementVNode("div",N1,[g.createElementVNode("div",F1,[g.createElementVNode("div",Y1,g.toDisplayString(g.unref(e).t("topNTable.nameLabel")),1),g.createElementVNode("div",W1,g.toDisplayString(l.value),1)])]),g.createElementVNode("div",U1,[(g.openBlock(!0),g.createElementBlock(g.Fragment,null,g.renderList(i.value,(m,y)=>(g.openBlock(),g.createElementBlock("div",{key:`entry-${y}`,class:"table-row","data-testid":`row-${u(m)}`},[g.createElementVNode("div",z1,[g.renderSlot(h.$slots,"name",{record:{id:u(m),name:d(m),dimension:a.value}},()=>[g.createTextVNode(g.toDisplayString(d(m)),1)],!0)]),g.createElementVNode("div",H1,"   "+g.toDisplayString(f(m)),1)],8,B1))),128))])])):(g.openBlock(),g.createBlock(v,{key:1,"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",R1,g.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:g.withCtx(()=>[g.createElementVNode("div",L1,g.toDisplayString(n.description),1)]),key:"1"}:void 0]),1024)}}}),vT="",V1=pe($1,[["__scopeId","data-v-53ae6b81"]]),Qs="#e0e4ea",j1={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=j1[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},kd=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])]]),Cd=n=>{const t=parseInt(n,10),e=Math.floor(t/100)*100,i=kd.get(e);return i===void 0?Qs:i.get(t)??i.get(-1)??Qs},q1=n=>{const t=Cd(n);return{solid:t,light:t}};lt.AnalyticsChart=T1,lt.ChartLegendPosition=St,lt.ChartMetricDisplay=ln,lt.ChartTypes=Et,lt.ChartTypesSimple=tr,lt.SimpleChart=A1,lt.TopNTable=V1,lt.accessibleGrey=mu,lt.codesInSpec=kd,lt.darkenColor=ri,lt.datavisPalette=Kt,lt.lightGrey=Qs,lt.lookupDatavisColor=ii,lt.lookupStatusCodeCategoryColor=q1,lt.lookupStatusCodeColor=Cd,Object.defineProperty(lt,Symbol.toStringTag,{value:"Module"})});

package/package.json

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