@kong-ui-public/analytics-chart 6.2.2 → 6.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.locked[data-v-6d10428e]{cursor:move}.tooltip-container[data-v-6d10428e]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-6d10428e]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-6d10428e]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-6d10428e]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .drag-icon[data-v-6d10428e]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}.tooltip-container .tooltip[data-v-6d10428e]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}.tooltip-container .tooltip[data-v-6d10428e]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.tooltip-container .tooltip li[data-v-6d10428e]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-6d10428e]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-6d10428e]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-6d10428e]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-6d10428e]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-57146e87]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-57146e87]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-57146e87] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-57146e87] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-57146e87] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container.vertical[data-v-57146e87]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-57146e87]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-57146e87]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-57146e87]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-57146e87]{display:none}}.legend-container.horizontal[data-v-57146e87]{column-gap:12px;display:grid;height:var(--05011806);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-57146e87]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-57146e87]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-57146e87]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-57146e87]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-57146e87]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-57146e87]{font-size:12px}.legend-container li .sub-label[data-v-57146e87]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-57146e87]{text-decoration:line-through}.legend-container li .empty[data-v-57146e87]{font-style:italic}.legend-container li .tooltip-content[data-v-57146e87]{max-width:40ch}.chart-parent[data-v-e3a7d88f]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-e3a7d88f]{flex-direction:column}.chart-parent.column .chart-container[data-v-e3a7d88f]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-e3a7d88f]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-e3a7d88f]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-e3a7d88f]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-e3a7d88f]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-e3a7d88f]{flex:1 1 auto;position:relative}.chart-container[data-v-e3a7d88f]{overflow:auto}.chart-container[data-v-e3a7d88f]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-e3a7d88f] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-e3a7d88f] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-e3a7d88f] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-e3a7d88f]{height:100%}.chart-container[data-v-e3a7d88f]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-e3a7d88f]::-webkit-scrollbar{width:10px}.chart-container[data-v-e3a7d88f]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-e3a7d88f]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-e3a7d88f]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-e3a7d88f]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-e3a7d88f]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-5cc0c740]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-5cc0c740]{flex-direction:column}.chart-parent.column .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-5cc0c740]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5cc0c740]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5cc0c740]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5cc0c740]{flex:1 1 auto;position:relative}.chart-parent[data-v-4ca2b965]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4ca2b965]{flex-direction:column}.chart-parent.column .chart-container[data-v-4ca2b965]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4ca2b965]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4ca2b965]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4ca2b965]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4ca2b965]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4ca2b965]{flex:1 1 auto;position:relative}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.analytics-chart-shell[data-v-19cd92bf],.simple-chart-shell[data-v-19cd92bf]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-19cd92bf],.simple-chart-shell .chart-empty-state[data-v-19cd92bf]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-19cd92bf]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-19cd92bf]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-19cd92bf]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-header[data-v-19cd92bf]{align-items:center;display:flex;justify-content:flex-start;right:0;width:100%;z-index:999}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-19cd92bf]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-19cd92bf]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .chart-title[data-v-19cd92bf]{cursor:default;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-chart-shell .tooltip[data-v-19cd92bf]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-6596329c]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6596329c]{flex-direction:column}.chart-parent.column .chart-container[data-v-6596329c]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-6596329c]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-6596329c]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-6596329c]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-6596329c]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-6596329c]{flex:1 1 auto;position:relative}.chart-parent[data-v-6596329c]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-6596329c]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-6596329c]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-6596329c]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-6596329c]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.analytics-chart-shell[data-v-9d13f2fd],.simple-chart-shell[data-v-9d13f2fd]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-9d13f2fd],.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-9d13f2fd]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-27a707ed]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-27a707ed]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-27a707ed] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-27a707ed] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-27a707ed] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-27a707ed] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-27a707ed] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-27a707ed] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-27a707ed]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-27a707ed]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-27a707ed]{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-27a707ed]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-27a707ed]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-27a707ed]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-27a707ed]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-27a707ed]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-27a707ed],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-27a707ed]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-27a707ed]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-27a707ed] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}
|
|
1
|
+
.locked[data-v-6d10428e]{cursor:move}.tooltip-container[data-v-6d10428e]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-6d10428e]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-6d10428e]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-6d10428e]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .drag-icon[data-v-6d10428e]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}.tooltip-container .tooltip[data-v-6d10428e]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}.tooltip-container .tooltip[data-v-6d10428e]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.tooltip-container .tooltip li[data-v-6d10428e]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-6d10428e]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-6d10428e]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-6d10428e]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-6d10428e]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-57146e87]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-57146e87]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-57146e87] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-57146e87] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-57146e87] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container.vertical[data-v-57146e87]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-57146e87]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-57146e87]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-57146e87]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-57146e87]{display:none}}.legend-container.horizontal[data-v-57146e87]{column-gap:12px;display:grid;height:var(--05011806);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-57146e87]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-57146e87]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-57146e87]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-57146e87]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-57146e87]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-57146e87]{font-size:12px}.legend-container li .sub-label[data-v-57146e87]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-57146e87]{text-decoration:line-through}.legend-container li .empty[data-v-57146e87]{font-style:italic}.legend-container li .tooltip-content[data-v-57146e87]{max-width:40ch}.chart-parent[data-v-e3a7d88f]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-e3a7d88f]{flex-direction:column}.chart-parent.column .chart-container[data-v-e3a7d88f]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-e3a7d88f]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-e3a7d88f]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-e3a7d88f]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-e3a7d88f]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-e3a7d88f]{flex:1 1 auto;position:relative}.chart-container[data-v-e3a7d88f]{overflow:auto}.chart-container[data-v-e3a7d88f]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-e3a7d88f] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-e3a7d88f] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-e3a7d88f] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-e3a7d88f]{height:100%}.chart-container[data-v-e3a7d88f]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-e3a7d88f]::-webkit-scrollbar{width:10px}.chart-container[data-v-e3a7d88f]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-e3a7d88f]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-e3a7d88f]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-e3a7d88f]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-e3a7d88f]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-5cc0c740]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-5cc0c740]{flex-direction:column}.chart-parent.column .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-5cc0c740]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5cc0c740]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5cc0c740]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5cc0c740]{flex:1 1 auto;position:relative}.chart-parent[data-v-4ca2b965]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4ca2b965]{flex-direction:column}.chart-parent.column .chart-container[data-v-4ca2b965]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4ca2b965]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4ca2b965]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4ca2b965]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4ca2b965]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4ca2b965]{flex:1 1 auto;position:relative}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.analytics-chart-shell[data-v-19cd92bf],.simple-chart-shell[data-v-19cd92bf]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-19cd92bf],.simple-chart-shell .chart-empty-state[data-v-19cd92bf]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-19cd92bf]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-19cd92bf]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-19cd92bf]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-header[data-v-19cd92bf]{align-items:center;display:flex;justify-content:flex-start;right:0;width:100%;z-index:999}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-19cd92bf]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-19cd92bf]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .chart-title[data-v-19cd92bf]{cursor:default;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-chart-shell .tooltip[data-v-19cd92bf]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-6596329c]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6596329c]{flex-direction:column}.chart-parent.column .chart-container[data-v-6596329c]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-6596329c]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-6596329c]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-6596329c]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-6596329c]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-6596329c]{flex:1 1 auto;position:relative}.chart-parent[data-v-6596329c]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-6596329c]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-6596329c]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-6596329c]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-6596329c]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.analytics-chart-shell[data-v-9d13f2fd],.simple-chart-shell[data-v-9d13f2fd]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-9d13f2fd],.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-9d13f2fd]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-5db48d63]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-5db48d63]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-5db48d63] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-5db48d63]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-5db48d63]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-5db48d63]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-5db48d63]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-5db48d63]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-5db48d63]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-5db48d63]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-5db48d63]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-5db48d63]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopNTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNTable.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TopNTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNTable.vue"],"names":[],"mappings":"AA0VA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAA0B,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAIlG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAqJlD,iBAAS,cAAc;;;;;;;;;YAyII,GAAG;;;WAShB,OAAO,IAA6B;EAEjD;AA2CD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;cAeD,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;cAYzB,QAAQ,CAAC,SAAS,CAAC;;;;;;;;;;;;;cAZnB,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;cAYzB,QAAQ,CAAC,SAAS,CAAC;;;;;;;;4EAIrC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
package/dist/vitals-chart.es.js
CHANGED
|
@@ -21230,7 +21230,7 @@ const uT = ["id"], dT = /* @__PURE__ */ we({
|
|
|
21230
21230
|
]), 1032, ["title-tag"]);
|
|
21231
21231
|
};
|
|
21232
21232
|
}
|
|
21233
|
-
}), lC = /* @__PURE__ */ kn($T, [["__scopeId", "data-v-
|
|
21233
|
+
}), lC = /* @__PURE__ */ kn($T, [["__scopeId", "data-v-5db48d63"]]);
|
|
21234
21234
|
export {
|
|
21235
21235
|
aC as AnalyticsChart,
|
|
21236
21236
|
$t as ChartLegendPosition,
|
package/dist/vitals-chart.umd.js
CHANGED
|
@@ -40,4 +40,4 @@ License: MIT
|
|
|
40
40
|
`&&A!=="\r"&&A!==`\r
|
|
41
41
|
`&&(A=`
|
|
42
42
|
`);var H=0,ut=!1;this.parse=function(Y,et,Dt){if(typeof Y!="string")throw new Error("Input must be a string");var $=Y.length,z=T.length,j=A.length,X=L.length,Z=E(N),tt=[],q=[],V=[],ot=H=0;if(!Y)return te();if(m.header&&!et){var J=Y.split(A)[0].split(T),Ct=[],pt={},Rt=!1;for(var bt in J){var ft=J[bt];E(m.transformHeader)&&(ft=m.transformHeader(ft,bt));var $t=ft,ie=pt[ft]||0;for(0<ie&&(Rt=!0,$t=ft+"_"+ie),pt[ft]=ie+1;Ct.includes($t);)$t=$t+"_"+ie;Ct.push($t)}if(Rt){var ye=Y.split(A);ye[0]=Ct.join(T),Y=ye.join(A)}}if(G||G!==!1&&Y.indexOf(_)===-1){for(var se=Y.split(A),Kt=0;Kt<se.length;Kt++){if(V=se[Kt],H+=V.length,Kt!==se.length-1)H+=A.length;else if(Dt)return te();if(!L||V.substring(0,X)!==L){if(Z){if(tt=[],Re(V.split(T)),oe(),ut)return te()}else Re(V.split(T));if(B&&B<=Kt)return tt=tt.slice(0,B),te(!0)}}return te()}for(var St=Y.indexOf(T,H),Tt=Y.indexOf(A,H),Zt=new RegExp(w(U)+w(_),"g"),gt=Y.indexOf(_,H);;)if(Y[H]!==_)if(L&&V.length===0&&Y.substring(H,H+X)===L){if(Tt===-1)return te();H=Tt+j,Tt=Y.indexOf(A,H),St=Y.indexOf(T,H)}else if(St!==-1&&(St<Tt||Tt===-1))V.push(Y.substring(H,St)),H=St+z,St=Y.indexOf(T,H);else{if(Tt===-1)break;if(V.push(Y.substring(H,Tt)),Te(Tt+j),Z&&(oe(),ut))return te();if(B&&tt.length>=B)return te(!0)}else for(gt=H,H++;;){if((gt=Y.indexOf(_,gt+1))===-1)return Dt||q.push({type:"Quotes",code:"MissingQuotes",message:"Quoted field unterminated",row:tt.length,index:H}),_e();if(gt===$-1)return _e(Y.substring(H,gt).replace(Zt,_));if(_!==U||Y[gt+1]!==U){if(_===U||gt===0||Y[gt-1]!==U){St!==-1&&St<gt+1&&(St=Y.indexOf(T,gt+1)),Tt!==-1&&Tt<gt+1&&(Tt=Y.indexOf(A,gt+1));var Ge=re(Tt===-1?St:Math.min(St,Tt));if(Y.substr(gt+1+Ge,z)===T){V.push(Y.substring(H,gt).replace(Zt,_)),Y[H=gt+1+Ge+z]!==_&&(gt=Y.indexOf(_,H)),St=Y.indexOf(T,H),Tt=Y.indexOf(A,H);break}var be=re(Tt);if(Y.substring(gt+1+be,gt+1+be+j)===A){if(V.push(Y.substring(H,gt).replace(Zt,_)),Te(gt+1+be+j),St=Y.indexOf(T,H),gt=Y.indexOf(_,H),Z&&(oe(),ut))return te();if(B&&tt.length>=B)return te(!0);break}q.push({type:"Quotes",code:"InvalidQuotes",message:"Trailing quote on quoted field is malformed",row:tt.length,index:H}),gt++}}else gt++}return _e();function Re(zt){tt.push(zt),ot=H}function re(zt){var Ci=0;if(zt!==-1){var En=Y.substring(gt+1,zt);En&&En.trim()===""&&(Ci=En.length)}return Ci}function _e(zt){return Dt||(zt===void 0&&(zt=Y.substring(H)),V.push(zt),H=$,Re(V),Z&&oe()),te()}function Te(zt){H=zt,Re(V),V=[],Tt=Y.indexOf(A,H)}function te(zt){return{data:tt,errors:q,meta:{delimiter:T,linebreak:A,aborted:ut,truncated:!!zt,cursor:ot+(et||0)}}}function oe(){N(te()),tt=[],q=[]}},this.abort=function(){ut=!0},this.getCharIndex=function(){return H}}function S(m){var _=m.data,T=o[_.workerId],A=!1;if(_.error)T.userError(_.error,_.file);else if(_.results&&_.results.data){var L={abort:function(){A=!0,D(_.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:k,resume:k};if(E(T.userStep)){for(var N=0;N<_.results.data.length&&(T.userStep({data:_.results.data[N],errors:_.results.errors,meta:_.results.meta},L),!A);N++);delete _.results}else E(T.userChunk)&&(T.userChunk(_.results,L,_.file),delete _.results)}_.finished&&!A&&D(_.workerId,_.results)}function D(m,_){var T=o[m];E(T.userComplete)&&T.userComplete(_),T.terminate(),delete o[m]}function k(){throw new Error("Not implemented.")}function C(m){if(typeof m!="object"||m===null)return m;var _=Array.isArray(m)?[]:{};for(var T in m)_[T]=C(m[T]);return _}function R(m,_){return function(){m.apply(_,arguments)}}function E(m){return typeof m=="function"}return r&&(i.onmessage=function(m){var _=m.data;if(l.WORKER_ID===void 0&&_&&(l.WORKER_ID=_.workerId),typeof _.input=="string")i.postMessage({workerId:l.WORKER_ID,results:l.parse(_.input,_.config),finished:!0});else if(i.File&&_.input instanceof File||_.input instanceof Object){var T=l.parse(_.input,_.config);T&&i.postMessage({workerId:l.WORKER_ID,results:T,finished:!0})}}),(d.prototype=Object.create(u.prototype)).constructor=d,(h.prototype=Object.create(u.prototype)).constructor=h,(g.prototype=Object.create(g.prototype)).constructor=g,(p.prototype=Object.create(u.prototype)).constructor=p,l})})(ng);var cD=ng.exports;const uD=["id"],dD=f.defineComponent({__name:"VueJsonCsv",props:{data:{type:Array,required:!0},fields:{type:Array,required:!1,default:null},labels:{type:Object,required:!1,default:null},filename:{type:String,default:"report-data.csv"},delimiter:{type:String,default:",",required:!1},separatorExcel:{type:Boolean,default:!1},encoding:{type:String,default:"utf-8"},testing:{type:Boolean,required:!1,default:!1}},emits:["export-started","export-finished"],setup(n,{emit:t}){const e=t,i=n,s=f.computed(()=>`export_${new Date().getTime()}`),r=f.computed(()=>{const u=l();return u.length?u:null}),o=()=>{const u=i.labels;if(typeof i.fields!==ii.Object)throw new Error("Labels needs to be a object containing key / value pairs.");return typeof u===ii.Object?d=>Pk(d,(h,g)=>u[g]||g):d=>d},a=()=>{const u=i.fields;if(typeof i.fields!==ii.Object&&!Array.isArray(u))throw new Error("Fields needs to be an array of strings.");return Array.isArray(u)?d=>aD(d,u):d=>d},l=()=>{if(typeof i.fields===ii.Undefined&&typeof i.labels===ii.Undefined)return i.data;const u=o(),d=a();return i.data.map(h=>u(d(h)))},c=()=>{if(!(r!=null&&r.value)){console.warn("No data to export");return}e("export-started",r.value);let u=cD.unparse(r.value,Object.assign({delimiter:i.delimiter,encoding:i.encoding}));if(i.separatorExcel&&(u="SEP="+i.delimiter+`\r
|
|
43
|
-
`+u),i.encoding==="utf-8"&&(u="\uFEFF"+u),e("export-finished",i.filename),!i.testing){const d=new Blob([u],{type:"text/csv;charset="+i.encoding});lD.saveAs(d,i.filename)}};return(u,d)=>(f.openBlock(),f.createElementBlock("div",{id:s.value,"data-testid":"export-csv",onClick:c},[f.renderSlot(u.$slots,"default",{},()=>[f.createTextVNode("Download "+f.toDisplayString(n.filename),1)])],8,uD))}}),hD=f.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=f.computed(()=>Object.keys(t.headers));return(i,s)=>(f.openBlock(),f.createElementBlock("div",null,[f.createVNode(dD,{data:i.rows,fields:e.value,filename:i.filename,labels:i.headers},{default:f.withCtx(()=>[f.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}}),fD={class:"kong-ui-public-csv-export-modal"},gD={key:0,class:"selected-range"},pD={key:1,class:"text-muted",tag:"span"},ig=3,sg=f.defineComponent({__name:"CsvExportModal",props:{filename:{},modalDescription:{default:void 0},chartData:{}},emits:["toggleModal"],setup(n,{emit:t}){const{i18n:e}=yt.useI18n(),i=n,s=t,r=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,o=f.ref(!0),a=f.computed(()=>{var b,w;return!!((w=(b=i.chartData)==null?void 0:b.data)!=null&&w.length)}),l=f.ref(1),c=f.computed(()=>g.value.rows.length),u=yt.useChartSelectedRange(f.toRef(i,"chartData")),d=f.computed(()=>e.t("csvExport.previewRows",{rowsMax:Math.min(ig,c.value),rowsTotal:c.value,plural:c.value===1?"":"s"})),h=()=>{s("toggleModal",!1)},g=f.computed(()=>{var C,R,E;if(!a.value||!((C=i.chartData)!=null&&C.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const b=i.chartData.data.some(m=>m.timestamp!==i.chartData.data[0].timestamp),w=i.chartData.data.map(m=>{const _=new Date(m.timestamp);return{...Object.keys(m.event).reduce((A,L)=>{if(L in i.chartData.meta.display){const N=m.event[L],B=i.chartData.meta.display[L];A[L]=N&&B&&B[N].name||m.event[L]}else A[L]=m.event[L];return A},{}),...b?{timestamp:Ha(_,"yyyy-MM-dd HH:mm:ss"),tzOffset:Ha(_,"XXX")}:{}}});let v=[];b&&(v=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const S="display"in i.chartData.meta&&((R=i.chartData.meta)!=null&&R.display)?(E=i.chartData.meta)==null?void 0:E.display:{},D=[...v,...Object.keys(S).map(m=>({label:e.t(`chartLabels.${m}`),key:m})),...i.chartData.meta.metric_names.map(m=>({label:e.t(`chartLabels.${m}`),key:m}))],k=D.reduce((m,_)=>(m[_.key]=_.label,m),{});return{headers:D,csvHeaders:k,rows:w}}),p=async()=>{const{rows:b}=g.value;return o.value=!1,{total:Number(b.length)||0,data:b.slice(0,ig)}};return f.watch(g,()=>{l.value++}),(b,w)=>{const v=f.resolveComponent("KEmptyState"),S=f.resolveComponent("KTableData"),D=f.resolveComponent("KButton"),k=f.resolveComponent("KModal");return f.openBlock(),f.createElementBlock("div",fD,[f.createVNode(k,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:f.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:h,onKeyup:f.withKeys(h,["esc"])},{default:f.withCtx(()=>{var C;return[f.createElementVNode("div",null,[a.value?(f.openBlock(),f.createElementBlock("div",gD,[f.createElementVNode("p",null,f.toDisplayString(b.modalDescription?b.modalDescription:f.unref(e).t("csvExport.exportDescription")),1),f.createElementVNode("p",null,f.toDisplayString(f.unref(e).t("csvExport.exportTimeRange"))+": "+f.toDisplayString(f.unref(u)),1)])):f.createCommentVNode("",!0),f.createVNode(S,{class:"vitals-table",fetcher:p,"fetcher-cache-key":String(l.value),headers:((C=g.value)==null?void 0:C.headers)||[],"hide-pagination":"","row-hover":!1,sortable:!1},{"empty-state":f.withCtx(()=>[f.createVNode(v,{"action-button-visible":!1},{title:f.withCtx(()=>[f.createElementVNode("h5",null,f.toDisplayString(f.unref(e).t("csvExport.noDataRange")),1)]),default:f.withCtx(()=>[f.createElementVNode("p",null,f.toDisplayString(f.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"]),!o.value&&a.value?(f.openBlock(),f.createElementBlock("div",pD,f.toDisplayString(d.value),1)):f.createCommentVNode("",!0)])]}),"footer-actions":f.withCtx(()=>[f.createVNode(D,{appearance:"tertiary",class:"cancel-btn",onClick:h},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("csvExport.cancelButton")),1)]),_:1}),f.createVNode(hD,{class:"vitals-report-export-button",filename:r,headers:g.value.csvHeaders,rows:g.value.rows},{default:f.withCtx(()=>[f.createVNode(D,{appearance:"primary","data-testid":"csv-download-button",disabled:o.value||!a.value},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),rg=f.defineComponent({__name:"CsvExportButton",props:{data:{type:Object,required:!0},text:{type:String,required:!1,default:void 0},buttonAppearance:{type:String,required:!1,default:()=>"tertiary"},filenamePrefix:{type:String,required:!1,default:void 0}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=f.computed(()=>t.filenamePrefix||e.t("csvExport.defaultFilename")),s=f.ref(!1),r=a=>{s.value=a},o=()=>{r(!0)};return(a,l)=>{const c=f.resolveComponent("KButton");return f.openBlock(),f.createElementBlock(f.Fragment,null,[f.createVNode(c,{appearance:n.buttonAppearance,class:"chart-export-button-display","data-testid":"csv-export-button",onClick:f.withModifiers(o,["prevent"])},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(n.text||f.unref(e).t("csvExport.exportButton")),1)]),_:1},8,["appearance"]),s.value?(f.openBlock(),f.createBlock(sg,{key:0,"chart-data":n.data,filename:i.value,onToggleModal:r},null,8,["chart-data","filename"])):f.createCommentVNode("",!0)],64)}}}),mD={class:"analytics-chart-shell"},yD={key:0,class:"chart-header"},bD=["title"],_D={key:1,class:"chart-header-icons-wrapper"},xD={key:2,class:"chart-export-button"},wD={key:2,class:"analytics-chart-parent"},vD=f.defineComponent({__name:"AnalyticsChart",props:{allowCsvExport:{type:Boolean,required:!1,default:!1},chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},tooltipTitle:{type:String,required:!1,default:""},emptyStateTitle:{type:String,required:!1,default:""},emptyStateDescription:{type:String,required:!1,default:""},chartTitle:{type:String,required:!1,default:""},filenamePrefix:{type:String,required:!1,default:""},legendPosition:{type:String,required:!1,default:It.Right},syntheticsDataKey:{type:String,required:!1,default:""},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0},threshold:{type:Object,required:!1,default:void 0},timeseriesZoom:{type:Boolean,required:!1,default:!1}},emits:["zoom-time-range"],setup(n,{emit:t}){const e=n,i=t,{i18n:s}=yt.useI18n(),{evaluateFeatureFlag:r}=yt.useEvaluateFeatureFlag(),o=r("ma-3043-analytics-chart-kebab-menu",!1),a=f.toRef(e,"chartData"),l=f.computed(()=>v.value?yt.useExploreResultToTimeDataset({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Lr,threshold:e.chartOptions.threshold||void 0},f.toRef(e,"chartData")).value:yt.useExploreResultToDatasets({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Lr},f.toRef(e,"chartData")).value),c=f.computed(()=>{var N;return(N=e.chartData)!=null&&N.meta?"start_ms"in e.chartData.meta?e.chartData.meta.end_ms-e.chartData.meta.start_ms:void 0:0}),u=f.computed(()=>{var N;return(N=e.chartData.meta)!=null&&N.metric_units?Object.values(e.chartData.meta.metric_units)[0]:""}),d=f.computed(()=>e.showLegendValues&&e.legendPosition!==It.Bottom),{legendValues:h}=yt.useChartLegendValues(l,e.chartOptions.type,u),g=f.computed(()=>{var N,B,G;return((G=(B=(N=e.chartData)==null?void 0:N.meta)==null?void 0:B.limit)==null?void 0:G.toString())||null}),p=f.computed(()=>{var N,B;return((B=(N=e.chartData)==null?void 0:N.meta)==null?void 0:B.truncated)||!1}),b=s.t("limitedResultsShown",{maxReturned:g.value}),w=f.computed(()=>["vertical_bar","horizontal_bar"].includes(e.chartOptions.type)),v=f.computed(()=>["timeseries_bar","timeseries_line"].some(N=>N===e.chartOptions.type)),S=f.computed(()=>e.chartOptions.type==="doughnut"),D=f.computed(()=>e.chartOptions.type.includes("vertical")?"vertical":"horizontal"),k=f.computed(()=>{var G,U,H;if(!((G=e.chartData)!=null&&G.meta.metric_names)||!((U=e.chartData)!=null&&U.meta.metric_units))return;const N=e.chartData.meta.metric_names[0],B=e.chartData.meta.metric_units[N];if(e.chartData.meta.metric_names.length>1){if(N.includes("latency"))return s.t("metricAxisTitles.latency_in",{unit:s.t(`chartUnits.${B}`,{plural:"s"})});if(N.includes("size"))return s.t("metricAxisTitles.size_in",{unit:s.t(`chartUnits.${B}`,{plural:"s"})})}return((H=e.chartOptions)==null?void 0:H.metricAxesTitle)||s.te(`metricAxisTitles.${N}`)&&s.te(`chartUnits.${B}`)&&s.t(`metricAxisTitles.${N}`,{unit:s.t(`chartUnits.${B}`,{plural:"s"})})||void 0}),C=f.computed(()=>{const N=v.value?"Time":Object.keys(e.chartData.meta.display||e.chartData.meta.metric_names)[0];return e.chartOptions.dimensionAxesTitle||s.te(`chartLabels.${N}`)&&s.t(`chartLabels.${N}`)||void 0}),R=f.computed(()=>{const N=Ka(Number(e.chartData.meta.granularity_ms));return s.t(`granularityAxisTitles.${N}`)}),E=f.computed(()=>e.emptyStateTitle||s.t("noDataAvailableTitle")),m=f.computed(()=>e.emptyStateDescription||s.t("noDataAvailableDescription")),_=f.computed(()=>v.value?Jx(l.value):e.chartData&&e.chartData.meta&&e.chartData.data.length),T=f.computed(()=>e.chartData.meta.granularity_ms?Ka(e.chartData.meta.granularity_ms)||"hourly":Ka(new Date(e.chartData.data[1].timestamp).getTime()-new Date(e.chartData.data[0].timestamp).getTime())||"hourly"),A=f.computed(()=>e.chartOptions.chartLegendSortFn?e.chartOptions.chartLegendSortFn:(N,B)=>N.text===s.t("chartLabels.____OTHER____")?1:B.text===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(N.text,10))&&!isNaN(parseInt(B.text,10))?N.text<B.text?-1:1:N.value&&B.value?B.value.raw-N.value.raw:0),L=f.computed(()=>e.chartOptions.chartTooltipSortFn?e.chartOptions.chartTooltipSortFn:(N,B)=>N.label===s.t("chartLabels.____OTHER____")?1:B.label===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(N.label,10))&&!isNaN(parseInt(B.label,10))?N.label<B.label?-1:1:N.value&&B.value?B.rawValue-N.rawValue:0);return f.provide("showLegendValues",d),f.provide("legendPosition",f.toRef(e,"legendPosition")),(N,B)=>{const G=f.resolveComponent("KTooltip"),U=f.resolveComponent("KEmptyState");return f.openBlock(),f.createElementBlock("div",mD,[_.value&&p.value&&g.value||!f.unref(o)&&(n.allowCsvExport||e.chartTitle)?(f.openBlock(),f.createElementBlock("div",yD,[n.chartTitle?(f.openBlock(),f.createElementBlock("div",{key:0,class:"chart-title",title:n.chartTitle},f.toDisplayString(n.chartTitle),9,bD)):f.createCommentVNode("",!0),_.value&&p.value&&g.value?(f.openBlock(),f.createElementBlock("div",_D,[f.createVNode(G,{class:"tooltip","max-width":"500",placement:"right"},{content:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(b)),1)]),default:f.withCtx(()=>[f.createVNode(f.unref(Zl.WarningIcon),{color:`var(--kui-color-text-warning, ${f.unref(iM)})`,decorative:"",size:f.unref(sM)},null,8,["color","size"])]),_:1})])):f.createCommentVNode("",!0),!f.unref(o)&&n.allowCsvExport&&_.value?(f.openBlock(),f.createElementBlock("div",xD,[f.createVNode(rg,{data:a.value,"filename-prefix":n.filenamePrefix},null,8,["data","filename-prefix"])])):f.createCommentVNode("",!0)])):f.createCommentVNode("",!0),_.value?(f.openBlock(),f.createElementBlock("div",wD,[v.value?(f.openBlock(),f.createBlock(kk,{key:0,"chart-data":l.value,"chart-legend-sort-fn":A.value,"chart-tooltip-sort-fn":L.value,"dimension-axes-title":R.value,fill:n.chartOptions.stacked,granularity:T.value,"legend-values":f.unref(h),"metric-axes-title":k.value,"metric-unit":u.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,threshold:n.threshold,"time-range-ms":c.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type,zoom:n.timeseriesZoom,onZoomTimeRange:B[0]||(B[0]=H=>i("zoom-time-range",H))},null,8,["chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","fill","granularity","legend-values","metric-axes-title","metric-unit","stacked","synthetics-data-key","threshold","time-range-ms","tooltip-title","type","zoom"])):w.value?(f.openBlock(),f.createBlock(uk,{key:1,annotations:n.showAnnotations,"chart-data":l.value,"chart-legend-sort-fn":A.value,"chart-tooltip-sort-fn":L.value,"data-testid":"bar-chart-container","dimension-axes-title":C.value,"legend-values":f.unref(h),"metric-axes-title":k.value,"metric-unit":u.value,orientation:D.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["annotations","chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","legend-values","metric-axes-title","metric-unit","orientation","stacked","synthetics-data-key","tooltip-title"])):S.value?(f.openBlock(),f.createBlock(vk,{key:2,"chart-data":l.value,"dataset-colors":n.chartOptions.chartDatasetColors||f.unref(Lr),"legend-position":n.legendPosition,"legend-values":f.unref(h),"metric-unit":u.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["chart-data","dataset-colors","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title"])):f.createCommentVNode("",!0)])):(f.openBlock(),f.createBlock(U,{key:1,"action-button-visible":!1,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(E.value),1)]),default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(m.value),1)]),_:1}))])}}}),MD=cn(vD,[["__scopeId","data-v-19cd92bf"]]),SD={class:"chart-parent","data-testid":"doughnut-chart-parent"},kD={class:"chart-totals-flex"},DD={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},TD=cn(f.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:"hidden"},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:on},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=f.ref(On()),s=f.computed(()=>[t.chartData.datasets.reduce((p,b)=>(p.labels.push(b.label),p.borderColor.push(b.backgroundColor),p.backgroundColor.push(b.backgroundColor),p.data.push(b.data.reduce((w,v)=>w+v,0)),p),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),r=f.computed(()=>({...t.chartData,datasets:s.value}));yt.useReportChartDataForSynthetics(f.toRef(t,"chartData"),f.toRef(t,"syntheticsDataKey"));const o={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},a=f.ref(),l=f.computed(()=>{var g;return ws((g=s==null?void 0:s.value[0])==null?void 0:g.data[t.numerator],{capital:!0})}),c=f.computed(()=>{var g,p;return ws(((g=s==null?void 0:s.value[0])==null?void 0:g.data[0])+((p=s==null?void 0:s.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=f.computed(()=>{var g;return`color: ${(g=s==null?void 0:s.value[0])==null?void 0:g.backgroundColor[t.numerator]}`}),d=f.computed(()=>["full","single"].includes(t.metricDisplay)),h=f.computed(()=>t.metricDisplay==="full");return(g,p)=>(f.openBlock(),f.createElementBlock("div",SD,[f.createElementVNode("div",kD,[d.value?(f.openBlock(),f.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:f.normalizeStyle(u.value)},f.toDisplayString(l.value),5)):f.createCommentVNode("",!0),h.value?(f.openBlock(),f.createElementBlock("div",DD,f.toDisplayString(f.unref(e).t("total"))+": "+f.toDisplayString(c.value),1)):f.createCommentVNode("",!0)]),f.createElementVNode("div",{class:"chart-container",style:f.normalizeStyle({height:n.height,width:n.width})},[f.createVNode(f.unref(Xf),{ref_key:"chartInstance",ref:a,"chart-id":i.value,data:r.value,options:o},null,8,["chart-id","data","options"])],4)]))}}),[["__scopeId","data-v-6596329c"]]),CD={class:"simple-chart-shell"},OD={key:1,class:"analytics-chart-parent"},PD=cn(f.defineComponent({__name:"SimpleChart",props:{chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},emptyStateTitle:{type:String,required:!1,default:""},syntheticsDataKey:{type:String,required:!1,default:""},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=f.computed(()=>{var c;const l=yt.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||on},f.toRef(t,"chartData")).value;return(c=t.chartOptions)!=null&&c.reverseDataset&&(l==null||l.datasets.reverse()),l}),s=f.computed(()=>{var l;return(l=t.chartData.meta)!=null&&l.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),r=f.computed(()=>t.chartOptions.type==="gauge"),o=f.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),a=f.computed(()=>t.chartData&&t.chartData.meta&&t.chartData.data.length);return(l,c)=>{const u=f.resolveComponent("KEmptyState");return f.openBlock(),f.createElementBlock("div",CD,[a.value?(f.openBlock(),f.createElementBlock("div",OD,[r.value?(f.openBlock(),f.createBlock(TD,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":s.value,numerator:n.chartOptions.numerator,"synthetics-data-key":n.syntheticsDataKey,width:n.width},null,8,["chart-data","dataset-colors","metric-display","metric-unit","numerator","synthetics-data-key","width"])):f.createCommentVNode("",!0)])):(f.openBlock(),f.createBlock(u,{key:0,"action-button-visible":!0,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(o.value),1)]),_:1}))])}}}),[["__scopeId","data-v-9d13f2fd"]]),ED={class:"top-n-card-title","data-testid":"top-n-card-title"},AD={class:"top-n-card-description","data-testid":"top-n-card-description"},RD={key:3,class:"top-n-table","data-testid":"top-n-table"},LD={class:"table-headings"},ID={class:"table-row"},ND={class:"column-1"},FD={class:"column-2"},zD={class:"table-body","data-testid":"top-n-data"},BD=["data-testid"],HD={class:"column-1"},WD={class:"column-2"},YD=cn(f.defineComponent({__name:"TopNTable",props:{title:{type:String,required:!0},description:{type:String,default:""},data:{type:Object,required:!0},emptyStateTitle:{type:String,default:""},isLoading:{type:Boolean,default:!1},titleTag:{type:String,default:"h2"}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=f.computed(()=>t.data.data),s=f.computed(()=>{var p;return!!((p=i.value)!=null&&p.length)}),r=f.computed(()=>{var p,b;return(p=t.data.meta)!=null&&p.display&&((b=Object.keys(t.data.meta.display))==null?void 0:b[0])||""}),o=f.computed(()=>r.value?t.data.meta.display[r.value]:{}),a=f.computed(()=>{var p,b;return(b=(p=t.data.meta)==null?void 0:p.metric_names)!=null&&b.length?t.data.meta.metric_names[0]:""}),l=f.computed(()=>a.value?e.t(`chartLabels.${a.value}`)||a.value:""),c=f.computed(()=>{if(!s.value)return"";if(t.data.meta){if(o.value&&!Object.keys(o.value).length)return e.t("topNTable.errors.display");if(!a.value)return e.t("topNTable.errors.metricNames")}else return e.t("topNTable.errors.meta");return""}),u=p=>{const b=p.event;return String(b[r.value])},d=p=>{const b=u(p),w=o.value&&o.value[b];return w?w.name:"-"},h=p=>{const b=u(p),w=o.value&&o.value[b];return w?!!w.deleted:!1},g=p=>{if(!a.value)return"–";const w=p.event[a.value];return w?ws(w,{capital:!0,round:!0}):"–"};return(p,b)=>{const w=f.resolveComponent("KEmptyState"),v=f.resolveComponent("KSkeleton"),S=f.resolveComponent("KCard");return f.openBlock(),f.createBlock(S,{class:"kong-ui-public-top-n-table","title-tag":n.titleTag},f.createSlots({default:f.withCtx(()=>[c.value?(f.openBlock(),f.createBlock(w,{key:0,"action-button-visible":!1,"data-testid":"top-n-error-state","icon-variant":"error"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(c.value),1)]),_:1})):n.isLoading?(f.openBlock(),f.createBlock(v,{key:1,"table-columns":2,type:"table"})):s.value?(f.openBlock(),f.createElementBlock("div",RD,[f.createElementVNode("div",LD,[f.createElementVNode("div",ID,[f.createElementVNode("div",ND,f.toDisplayString(f.unref(e).t("topNTable.nameLabel")),1),f.createElementVNode("div",FD,f.toDisplayString(l.value),1)])]),f.createElementVNode("div",zD,[(f.openBlock(!0),f.createElementBlock(f.Fragment,null,f.renderList(i.value,(D,k)=>(f.openBlock(),f.createElementBlock("div",{key:`entry-${k}`,class:"table-row","data-testid":`row-${u(D)}`},[f.createElementVNode("div",HD,[f.renderSlot(p.$slots,"name",{record:{id:u(D),name:d(D),deleted:h(D),dimension:r.value}},()=>[f.createTextVNode(f.toDisplayString(d(D)),1)],!0)]),f.createElementVNode("div",WD," "+f.toDisplayString(g(D)),1)],8,BD))),128))])])):(f.openBlock(),f.createBlock(w,{key:2,"action-button-visible":!1,"data-testid":"top-n-empty-state"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(n.emptyStateTitle||f.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:f.withCtx(()=>[f.createElementVNode("span",ED,f.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:f.withCtx(()=>[f.createElementVNode("div",AD,f.toDisplayString(n.description),1)]),key:"1"}:void 0]),1032,["title-tag"])}}}),[["__scopeId","data-v-27a707ed"]]);nt.AnalyticsChart=MD,nt.ChartLegendPosition=It,nt.CsvExportButton=rg,nt.CsvExportModal=sg,nt.DECIMAL_DISPLAY=$d,nt.EMPTY_COLOR=Qd,nt.FONT_SIZE_REGULAR=qd,nt.FONT_SIZE_SMALL=Ud,nt.MAX_LABEL_LENGTH=Ar,nt.OTHERS_COLOR=rw,nt.SimpleChart=PD,nt.TopNTable=YD,nt.ValidType=ii,nt.accessibleGrey=Kd,nt.apiRequestStatusCodeColors=Zd,nt.chartTypes=Tk,nt.codesInSpec=nh,nt.darkenColor=Gd,nt.datavisPalette=on,nt.defaultStatusCodeColors=Lr,nt.determineBaseColor=Ca,nt.errorRateColors=iw,nt.latencyColors=sw,nt.lightGrey=Ea,nt.lookupColor=ow,nt.lookupDatavisColor=Rr,nt.lookupStatusCodeCategoryColor=fw,nt.lookupStatusCodeColor=Aa,nt.numberFormatter=Er,nt.simpleChartMetricDisplay=Dk,nt.simpleChartTypes=Ck,nt.statusCodeBadgeBackgroundColor=ew,nt.trafficColors=nw,Object.defineProperty(nt,Symbol.toStringTag,{value:"Module"})});
|
|
43
|
+
`+u),i.encoding==="utf-8"&&(u="\uFEFF"+u),e("export-finished",i.filename),!i.testing){const d=new Blob([u],{type:"text/csv;charset="+i.encoding});lD.saveAs(d,i.filename)}};return(u,d)=>(f.openBlock(),f.createElementBlock("div",{id:s.value,"data-testid":"export-csv",onClick:c},[f.renderSlot(u.$slots,"default",{},()=>[f.createTextVNode("Download "+f.toDisplayString(n.filename),1)])],8,uD))}}),hD=f.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=f.computed(()=>Object.keys(t.headers));return(i,s)=>(f.openBlock(),f.createElementBlock("div",null,[f.createVNode(dD,{data:i.rows,fields:e.value,filename:i.filename,labels:i.headers},{default:f.withCtx(()=>[f.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}}),fD={class:"kong-ui-public-csv-export-modal"},gD={key:0,class:"selected-range"},pD={key:1,class:"text-muted",tag:"span"},ig=3,sg=f.defineComponent({__name:"CsvExportModal",props:{filename:{},modalDescription:{default:void 0},chartData:{}},emits:["toggleModal"],setup(n,{emit:t}){const{i18n:e}=yt.useI18n(),i=n,s=t,r=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,o=f.ref(!0),a=f.computed(()=>{var b,w;return!!((w=(b=i.chartData)==null?void 0:b.data)!=null&&w.length)}),l=f.ref(1),c=f.computed(()=>g.value.rows.length),u=yt.useChartSelectedRange(f.toRef(i,"chartData")),d=f.computed(()=>e.t("csvExport.previewRows",{rowsMax:Math.min(ig,c.value),rowsTotal:c.value,plural:c.value===1?"":"s"})),h=()=>{s("toggleModal",!1)},g=f.computed(()=>{var C,R,E;if(!a.value||!((C=i.chartData)!=null&&C.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const b=i.chartData.data.some(m=>m.timestamp!==i.chartData.data[0].timestamp),w=i.chartData.data.map(m=>{const _=new Date(m.timestamp);return{...Object.keys(m.event).reduce((A,L)=>{if(L in i.chartData.meta.display){const N=m.event[L],B=i.chartData.meta.display[L];A[L]=N&&B&&B[N].name||m.event[L]}else A[L]=m.event[L];return A},{}),...b?{timestamp:Ha(_,"yyyy-MM-dd HH:mm:ss"),tzOffset:Ha(_,"XXX")}:{}}});let v=[];b&&(v=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const S="display"in i.chartData.meta&&((R=i.chartData.meta)!=null&&R.display)?(E=i.chartData.meta)==null?void 0:E.display:{},D=[...v,...Object.keys(S).map(m=>({label:e.t(`chartLabels.${m}`),key:m})),...i.chartData.meta.metric_names.map(m=>({label:e.t(`chartLabels.${m}`),key:m}))],k=D.reduce((m,_)=>(m[_.key]=_.label,m),{});return{headers:D,csvHeaders:k,rows:w}}),p=async()=>{const{rows:b}=g.value;return o.value=!1,{total:Number(b.length)||0,data:b.slice(0,ig)}};return f.watch(g,()=>{l.value++}),(b,w)=>{const v=f.resolveComponent("KEmptyState"),S=f.resolveComponent("KTableData"),D=f.resolveComponent("KButton"),k=f.resolveComponent("KModal");return f.openBlock(),f.createElementBlock("div",fD,[f.createVNode(k,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:f.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:h,onKeyup:f.withKeys(h,["esc"])},{default:f.withCtx(()=>{var C;return[f.createElementVNode("div",null,[a.value?(f.openBlock(),f.createElementBlock("div",gD,[f.createElementVNode("p",null,f.toDisplayString(b.modalDescription?b.modalDescription:f.unref(e).t("csvExport.exportDescription")),1),f.createElementVNode("p",null,f.toDisplayString(f.unref(e).t("csvExport.exportTimeRange"))+": "+f.toDisplayString(f.unref(u)),1)])):f.createCommentVNode("",!0),f.createVNode(S,{class:"vitals-table",fetcher:p,"fetcher-cache-key":String(l.value),headers:((C=g.value)==null?void 0:C.headers)||[],"hide-pagination":"","row-hover":!1,sortable:!1},{"empty-state":f.withCtx(()=>[f.createVNode(v,{"action-button-visible":!1},{title:f.withCtx(()=>[f.createElementVNode("h5",null,f.toDisplayString(f.unref(e).t("csvExport.noDataRange")),1)]),default:f.withCtx(()=>[f.createElementVNode("p",null,f.toDisplayString(f.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"]),!o.value&&a.value?(f.openBlock(),f.createElementBlock("div",pD,f.toDisplayString(d.value),1)):f.createCommentVNode("",!0)])]}),"footer-actions":f.withCtx(()=>[f.createVNode(D,{appearance:"tertiary",class:"cancel-btn",onClick:h},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("csvExport.cancelButton")),1)]),_:1}),f.createVNode(hD,{class:"vitals-report-export-button",filename:r,headers:g.value.csvHeaders,rows:g.value.rows},{default:f.withCtx(()=>[f.createVNode(D,{appearance:"primary","data-testid":"csv-download-button",disabled:o.value||!a.value},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),rg=f.defineComponent({__name:"CsvExportButton",props:{data:{type:Object,required:!0},text:{type:String,required:!1,default:void 0},buttonAppearance:{type:String,required:!1,default:()=>"tertiary"},filenamePrefix:{type:String,required:!1,default:void 0}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=f.computed(()=>t.filenamePrefix||e.t("csvExport.defaultFilename")),s=f.ref(!1),r=a=>{s.value=a},o=()=>{r(!0)};return(a,l)=>{const c=f.resolveComponent("KButton");return f.openBlock(),f.createElementBlock(f.Fragment,null,[f.createVNode(c,{appearance:n.buttonAppearance,class:"chart-export-button-display","data-testid":"csv-export-button",onClick:f.withModifiers(o,["prevent"])},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(n.text||f.unref(e).t("csvExport.exportButton")),1)]),_:1},8,["appearance"]),s.value?(f.openBlock(),f.createBlock(sg,{key:0,"chart-data":n.data,filename:i.value,onToggleModal:r},null,8,["chart-data","filename"])):f.createCommentVNode("",!0)],64)}}}),mD={class:"analytics-chart-shell"},yD={key:0,class:"chart-header"},bD=["title"],_D={key:1,class:"chart-header-icons-wrapper"},xD={key:2,class:"chart-export-button"},wD={key:2,class:"analytics-chart-parent"},vD=f.defineComponent({__name:"AnalyticsChart",props:{allowCsvExport:{type:Boolean,required:!1,default:!1},chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},tooltipTitle:{type:String,required:!1,default:""},emptyStateTitle:{type:String,required:!1,default:""},emptyStateDescription:{type:String,required:!1,default:""},chartTitle:{type:String,required:!1,default:""},filenamePrefix:{type:String,required:!1,default:""},legendPosition:{type:String,required:!1,default:It.Right},syntheticsDataKey:{type:String,required:!1,default:""},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0},threshold:{type:Object,required:!1,default:void 0},timeseriesZoom:{type:Boolean,required:!1,default:!1}},emits:["zoom-time-range"],setup(n,{emit:t}){const e=n,i=t,{i18n:s}=yt.useI18n(),{evaluateFeatureFlag:r}=yt.useEvaluateFeatureFlag(),o=r("ma-3043-analytics-chart-kebab-menu",!1),a=f.toRef(e,"chartData"),l=f.computed(()=>v.value?yt.useExploreResultToTimeDataset({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Lr,threshold:e.chartOptions.threshold||void 0},f.toRef(e,"chartData")).value:yt.useExploreResultToDatasets({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Lr},f.toRef(e,"chartData")).value),c=f.computed(()=>{var N;return(N=e.chartData)!=null&&N.meta?"start_ms"in e.chartData.meta?e.chartData.meta.end_ms-e.chartData.meta.start_ms:void 0:0}),u=f.computed(()=>{var N;return(N=e.chartData.meta)!=null&&N.metric_units?Object.values(e.chartData.meta.metric_units)[0]:""}),d=f.computed(()=>e.showLegendValues&&e.legendPosition!==It.Bottom),{legendValues:h}=yt.useChartLegendValues(l,e.chartOptions.type,u),g=f.computed(()=>{var N,B,G;return((G=(B=(N=e.chartData)==null?void 0:N.meta)==null?void 0:B.limit)==null?void 0:G.toString())||null}),p=f.computed(()=>{var N,B;return((B=(N=e.chartData)==null?void 0:N.meta)==null?void 0:B.truncated)||!1}),b=s.t("limitedResultsShown",{maxReturned:g.value}),w=f.computed(()=>["vertical_bar","horizontal_bar"].includes(e.chartOptions.type)),v=f.computed(()=>["timeseries_bar","timeseries_line"].some(N=>N===e.chartOptions.type)),S=f.computed(()=>e.chartOptions.type==="doughnut"),D=f.computed(()=>e.chartOptions.type.includes("vertical")?"vertical":"horizontal"),k=f.computed(()=>{var G,U,H;if(!((G=e.chartData)!=null&&G.meta.metric_names)||!((U=e.chartData)!=null&&U.meta.metric_units))return;const N=e.chartData.meta.metric_names[0],B=e.chartData.meta.metric_units[N];if(e.chartData.meta.metric_names.length>1){if(N.includes("latency"))return s.t("metricAxisTitles.latency_in",{unit:s.t(`chartUnits.${B}`,{plural:"s"})});if(N.includes("size"))return s.t("metricAxisTitles.size_in",{unit:s.t(`chartUnits.${B}`,{plural:"s"})})}return((H=e.chartOptions)==null?void 0:H.metricAxesTitle)||s.te(`metricAxisTitles.${N}`)&&s.te(`chartUnits.${B}`)&&s.t(`metricAxisTitles.${N}`,{unit:s.t(`chartUnits.${B}`,{plural:"s"})})||void 0}),C=f.computed(()=>{const N=v.value?"Time":Object.keys(e.chartData.meta.display||e.chartData.meta.metric_names)[0];return e.chartOptions.dimensionAxesTitle||s.te(`chartLabels.${N}`)&&s.t(`chartLabels.${N}`)||void 0}),R=f.computed(()=>{const N=Ka(Number(e.chartData.meta.granularity_ms));return s.t(`granularityAxisTitles.${N}`)}),E=f.computed(()=>e.emptyStateTitle||s.t("noDataAvailableTitle")),m=f.computed(()=>e.emptyStateDescription||s.t("noDataAvailableDescription")),_=f.computed(()=>v.value?Jx(l.value):e.chartData&&e.chartData.meta&&e.chartData.data.length),T=f.computed(()=>e.chartData.meta.granularity_ms?Ka(e.chartData.meta.granularity_ms)||"hourly":Ka(new Date(e.chartData.data[1].timestamp).getTime()-new Date(e.chartData.data[0].timestamp).getTime())||"hourly"),A=f.computed(()=>e.chartOptions.chartLegendSortFn?e.chartOptions.chartLegendSortFn:(N,B)=>N.text===s.t("chartLabels.____OTHER____")?1:B.text===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(N.text,10))&&!isNaN(parseInt(B.text,10))?N.text<B.text?-1:1:N.value&&B.value?B.value.raw-N.value.raw:0),L=f.computed(()=>e.chartOptions.chartTooltipSortFn?e.chartOptions.chartTooltipSortFn:(N,B)=>N.label===s.t("chartLabels.____OTHER____")?1:B.label===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(N.label,10))&&!isNaN(parseInt(B.label,10))?N.label<B.label?-1:1:N.value&&B.value?B.rawValue-N.rawValue:0);return f.provide("showLegendValues",d),f.provide("legendPosition",f.toRef(e,"legendPosition")),(N,B)=>{const G=f.resolveComponent("KTooltip"),U=f.resolveComponent("KEmptyState");return f.openBlock(),f.createElementBlock("div",mD,[_.value&&p.value&&g.value||!f.unref(o)&&(n.allowCsvExport||e.chartTitle)?(f.openBlock(),f.createElementBlock("div",yD,[n.chartTitle?(f.openBlock(),f.createElementBlock("div",{key:0,class:"chart-title",title:n.chartTitle},f.toDisplayString(n.chartTitle),9,bD)):f.createCommentVNode("",!0),_.value&&p.value&&g.value?(f.openBlock(),f.createElementBlock("div",_D,[f.createVNode(G,{class:"tooltip","max-width":"500",placement:"right"},{content:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(b)),1)]),default:f.withCtx(()=>[f.createVNode(f.unref(Zl.WarningIcon),{color:`var(--kui-color-text-warning, ${f.unref(iM)})`,decorative:"",size:f.unref(sM)},null,8,["color","size"])]),_:1})])):f.createCommentVNode("",!0),!f.unref(o)&&n.allowCsvExport&&_.value?(f.openBlock(),f.createElementBlock("div",xD,[f.createVNode(rg,{data:a.value,"filename-prefix":n.filenamePrefix},null,8,["data","filename-prefix"])])):f.createCommentVNode("",!0)])):f.createCommentVNode("",!0),_.value?(f.openBlock(),f.createElementBlock("div",wD,[v.value?(f.openBlock(),f.createBlock(kk,{key:0,"chart-data":l.value,"chart-legend-sort-fn":A.value,"chart-tooltip-sort-fn":L.value,"dimension-axes-title":R.value,fill:n.chartOptions.stacked,granularity:T.value,"legend-values":f.unref(h),"metric-axes-title":k.value,"metric-unit":u.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,threshold:n.threshold,"time-range-ms":c.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type,zoom:n.timeseriesZoom,onZoomTimeRange:B[0]||(B[0]=H=>i("zoom-time-range",H))},null,8,["chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","fill","granularity","legend-values","metric-axes-title","metric-unit","stacked","synthetics-data-key","threshold","time-range-ms","tooltip-title","type","zoom"])):w.value?(f.openBlock(),f.createBlock(uk,{key:1,annotations:n.showAnnotations,"chart-data":l.value,"chart-legend-sort-fn":A.value,"chart-tooltip-sort-fn":L.value,"data-testid":"bar-chart-container","dimension-axes-title":C.value,"legend-values":f.unref(h),"metric-axes-title":k.value,"metric-unit":u.value,orientation:D.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["annotations","chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","legend-values","metric-axes-title","metric-unit","orientation","stacked","synthetics-data-key","tooltip-title"])):S.value?(f.openBlock(),f.createBlock(vk,{key:2,"chart-data":l.value,"dataset-colors":n.chartOptions.chartDatasetColors||f.unref(Lr),"legend-position":n.legendPosition,"legend-values":f.unref(h),"metric-unit":u.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["chart-data","dataset-colors","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title"])):f.createCommentVNode("",!0)])):(f.openBlock(),f.createBlock(U,{key:1,"action-button-visible":!1,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(E.value),1)]),default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(m.value),1)]),_:1}))])}}}),MD=cn(vD,[["__scopeId","data-v-19cd92bf"]]),SD={class:"chart-parent","data-testid":"doughnut-chart-parent"},kD={class:"chart-totals-flex"},DD={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},TD=cn(f.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:"hidden"},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:on},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=f.ref(On()),s=f.computed(()=>[t.chartData.datasets.reduce((p,b)=>(p.labels.push(b.label),p.borderColor.push(b.backgroundColor),p.backgroundColor.push(b.backgroundColor),p.data.push(b.data.reduce((w,v)=>w+v,0)),p),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),r=f.computed(()=>({...t.chartData,datasets:s.value}));yt.useReportChartDataForSynthetics(f.toRef(t,"chartData"),f.toRef(t,"syntheticsDataKey"));const o={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},a=f.ref(),l=f.computed(()=>{var g;return ws((g=s==null?void 0:s.value[0])==null?void 0:g.data[t.numerator],{capital:!0})}),c=f.computed(()=>{var g,p;return ws(((g=s==null?void 0:s.value[0])==null?void 0:g.data[0])+((p=s==null?void 0:s.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=f.computed(()=>{var g;return`color: ${(g=s==null?void 0:s.value[0])==null?void 0:g.backgroundColor[t.numerator]}`}),d=f.computed(()=>["full","single"].includes(t.metricDisplay)),h=f.computed(()=>t.metricDisplay==="full");return(g,p)=>(f.openBlock(),f.createElementBlock("div",SD,[f.createElementVNode("div",kD,[d.value?(f.openBlock(),f.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:f.normalizeStyle(u.value)},f.toDisplayString(l.value),5)):f.createCommentVNode("",!0),h.value?(f.openBlock(),f.createElementBlock("div",DD,f.toDisplayString(f.unref(e).t("total"))+": "+f.toDisplayString(c.value),1)):f.createCommentVNode("",!0)]),f.createElementVNode("div",{class:"chart-container",style:f.normalizeStyle({height:n.height,width:n.width})},[f.createVNode(f.unref(Xf),{ref_key:"chartInstance",ref:a,"chart-id":i.value,data:r.value,options:o},null,8,["chart-id","data","options"])],4)]))}}),[["__scopeId","data-v-6596329c"]]),CD={class:"simple-chart-shell"},OD={key:1,class:"analytics-chart-parent"},PD=cn(f.defineComponent({__name:"SimpleChart",props:{chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},emptyStateTitle:{type:String,required:!1,default:""},syntheticsDataKey:{type:String,required:!1,default:""},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=f.computed(()=>{var c;const l=yt.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||on},f.toRef(t,"chartData")).value;return(c=t.chartOptions)!=null&&c.reverseDataset&&(l==null||l.datasets.reverse()),l}),s=f.computed(()=>{var l;return(l=t.chartData.meta)!=null&&l.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),r=f.computed(()=>t.chartOptions.type==="gauge"),o=f.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),a=f.computed(()=>t.chartData&&t.chartData.meta&&t.chartData.data.length);return(l,c)=>{const u=f.resolveComponent("KEmptyState");return f.openBlock(),f.createElementBlock("div",CD,[a.value?(f.openBlock(),f.createElementBlock("div",OD,[r.value?(f.openBlock(),f.createBlock(TD,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":s.value,numerator:n.chartOptions.numerator,"synthetics-data-key":n.syntheticsDataKey,width:n.width},null,8,["chart-data","dataset-colors","metric-display","metric-unit","numerator","synthetics-data-key","width"])):f.createCommentVNode("",!0)])):(f.openBlock(),f.createBlock(u,{key:0,"action-button-visible":!0,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(o.value),1)]),_:1}))])}}}),[["__scopeId","data-v-9d13f2fd"]]),ED={class:"top-n-card-title","data-testid":"top-n-card-title"},AD={class:"top-n-card-description","data-testid":"top-n-card-description"},RD={key:3,class:"top-n-table","data-testid":"top-n-table"},LD={class:"table-headings"},ID={class:"table-row"},ND={class:"column-1"},FD={class:"column-2"},zD={class:"table-body","data-testid":"top-n-data"},BD=["data-testid"],HD={class:"column-1"},WD={class:"column-2"},YD=cn(f.defineComponent({__name:"TopNTable",props:{title:{type:String,required:!0},description:{type:String,default:""},data:{type:Object,required:!0},emptyStateTitle:{type:String,default:""},isLoading:{type:Boolean,default:!1},titleTag:{type:String,default:"h2"}},setup(n){const t=n,{i18n:e}=yt.useI18n(),i=f.computed(()=>t.data.data),s=f.computed(()=>{var p;return!!((p=i.value)!=null&&p.length)}),r=f.computed(()=>{var p,b;return(p=t.data.meta)!=null&&p.display&&((b=Object.keys(t.data.meta.display))==null?void 0:b[0])||""}),o=f.computed(()=>r.value?t.data.meta.display[r.value]:{}),a=f.computed(()=>{var p,b;return(b=(p=t.data.meta)==null?void 0:p.metric_names)!=null&&b.length?t.data.meta.metric_names[0]:""}),l=f.computed(()=>a.value?e.t(`chartLabels.${a.value}`)||a.value:""),c=f.computed(()=>{if(!s.value)return"";if(t.data.meta){if(o.value&&!Object.keys(o.value).length)return e.t("topNTable.errors.display");if(!a.value)return e.t("topNTable.errors.metricNames")}else return e.t("topNTable.errors.meta");return""}),u=p=>{const b=p.event;return String(b[r.value])},d=p=>{const b=u(p),w=o.value&&o.value[b];return w?w.name:"-"},h=p=>{const b=u(p),w=o.value&&o.value[b];return w?!!w.deleted:!1},g=p=>{if(!a.value)return"–";const w=p.event[a.value];return w?ws(w,{capital:!0,round:!0}):"–"};return(p,b)=>{const w=f.resolveComponent("KEmptyState"),v=f.resolveComponent("KSkeleton"),S=f.resolveComponent("KCard");return f.openBlock(),f.createBlock(S,{class:"kong-ui-public-top-n-table","title-tag":n.titleTag},f.createSlots({default:f.withCtx(()=>[c.value?(f.openBlock(),f.createBlock(w,{key:0,"action-button-visible":!1,"data-testid":"top-n-error-state","icon-variant":"error"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(c.value),1)]),_:1})):n.isLoading?(f.openBlock(),f.createBlock(v,{key:1,"table-columns":2,type:"table"})):s.value?(f.openBlock(),f.createElementBlock("div",RD,[f.createElementVNode("div",LD,[f.createElementVNode("div",ID,[f.createElementVNode("div",ND,f.toDisplayString(f.unref(e).t("topNTable.nameLabel")),1),f.createElementVNode("div",FD,f.toDisplayString(l.value),1)])]),f.createElementVNode("div",zD,[(f.openBlock(!0),f.createElementBlock(f.Fragment,null,f.renderList(i.value,(D,k)=>(f.openBlock(),f.createElementBlock("div",{key:`entry-${k}`,class:"table-row","data-testid":`row-${u(D)}`},[f.createElementVNode("div",HD,[f.renderSlot(p.$slots,"name",{record:{id:u(D),name:d(D),deleted:h(D),dimension:r.value}},()=>[f.createTextVNode(f.toDisplayString(d(D)),1)],!0)]),f.createElementVNode("div",WD," "+f.toDisplayString(g(D)),1)],8,BD))),128))])])):(f.openBlock(),f.createBlock(w,{key:2,"action-button-visible":!1,"data-testid":"top-n-empty-state"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(n.emptyStateTitle||f.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:f.withCtx(()=>[f.createElementVNode("span",ED,f.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:f.withCtx(()=>[f.createElementVNode("div",AD,f.toDisplayString(n.description),1)]),key:"1"}:void 0]),1032,["title-tag"])}}}),[["__scopeId","data-v-5db48d63"]]);nt.AnalyticsChart=MD,nt.ChartLegendPosition=It,nt.CsvExportButton=rg,nt.CsvExportModal=sg,nt.DECIMAL_DISPLAY=$d,nt.EMPTY_COLOR=Qd,nt.FONT_SIZE_REGULAR=qd,nt.FONT_SIZE_SMALL=Ud,nt.MAX_LABEL_LENGTH=Ar,nt.OTHERS_COLOR=rw,nt.SimpleChart=PD,nt.TopNTable=YD,nt.ValidType=ii,nt.accessibleGrey=Kd,nt.apiRequestStatusCodeColors=Zd,nt.chartTypes=Tk,nt.codesInSpec=nh,nt.darkenColor=Gd,nt.datavisPalette=on,nt.defaultStatusCodeColors=Lr,nt.determineBaseColor=Ca,nt.errorRateColors=iw,nt.latencyColors=sw,nt.lightGrey=Ea,nt.lookupColor=ow,nt.lookupDatavisColor=Rr,nt.lookupStatusCodeCategoryColor=fw,nt.lookupStatusCodeColor=Aa,nt.numberFormatter=Er,nt.simpleChartMetricDisplay=Dk,nt.simpleChartTypes=Ck,nt.statusCodeBadgeBackgroundColor=ew,nt.trafficColors=nw,Object.defineProperty(nt,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong-ui-public/analytics-chart",
|
|
3
|
-
"version": "6.2.
|
|
3
|
+
"version": "6.2.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/vitals-chart.umd.js",
|
|
6
6
|
"module": "./dist/vitals-chart.es.js",
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"lodash.pickby": "^4.6.0",
|
|
36
36
|
"papaparse": "^5.4.1",
|
|
37
37
|
"vue": "^3.5.13",
|
|
38
|
-
"@kong-ui-public/
|
|
39
|
-
"@kong-ui-public/
|
|
38
|
+
"@kong-ui-public/sandbox-layout": "^2.1.62",
|
|
39
|
+
"@kong-ui-public/i18n": "^2.2.10"
|
|
40
40
|
},
|
|
41
41
|
"repository": {
|
|
42
42
|
"type": "git",
|