@kong-ui-public/analytics-chart 5.4.2 → 5.4.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-06b92295]{cursor:move}.tooltip-container[data-v-06b92295]{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-06b92295]{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:8px;margin:var(--kui-space-40, 8px);min-height:24px;padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .title[data-v-06b92295]{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-06b92295]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .drag-icon[data-v-06b92295]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-06b92295]{list-style:none;margin:0;margin:var(--kui-space-0, 0px);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)}ul.tooltip[data-v-06b92295]{-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}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-06b92295] ::-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)}ul.tooltip li[data-v-06b92295]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:1;margin:8px;margin:var(--kui-space-40, 8px)}ul.tooltip li[data-v-06b92295]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-06b92295]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-06b92295]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}ul.tooltip .square-marker[data-v-06b92295]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-8e9f2f19]{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-8e9f2f19]{-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-8e9f2f19] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-8e9f2f19] ::-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-8e9f2f19]{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-8e9f2f19]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-8e9f2f19]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-8e9f2f19]{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-8e9f2f19]{display:none}}.legend-container.horizontal[data-v-8e9f2f19]{column-gap:12px;display:grid;height:var(--12487160);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-8e9f2f19]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-8e9f2f19]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-8e9f2f19]{line-height:24px;white-space:nowrap}.legend-container li[data-v-8e9f2f19]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-8e9f2f19]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-8e9f2f19]{font-size:12px}.legend-container li .sub-label[data-v-8e9f2f19]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-8e9f2f19]{text-decoration:line-through}.chart-parent[data-v-e2a1d643]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-e2a1d643]{flex-direction:column}.chart-parent.column .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-e2a1d643]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-e2a1d643]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-e2a1d643]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-e2a1d643]{flex:1 1 auto;position:relative}.chart-container[data-v-e2a1d643]{overflow:auto}.chart-container[data-v-e2a1d643]{-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-e2a1d643] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-e2a1d643] ::-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-e2a1d643]{height:100%}.chart-container[data-v-e2a1d643]::-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-e2a1d643]::-webkit-scrollbar{width:10px}.chart-container[data-v-e2a1d643]::-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-e2a1d643]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-e2a1d643]{background-color:#3a3f51;color:#fff;color:var(--kui-color-text-inverse, #ffffff);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-e2a1d643]{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-0f89741b]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-0f89741b]{flex-direction:column}.chart-parent.column .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-0f89741b]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-0f89741b]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-0f89741b]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-0f89741b]{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-6a736dee],.simple-chart-shell[data-v-6a736dee]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-6a736dee],.simple-chart-shell .chart-empty-state[data-v-6a736dee]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-6a736dee]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-6a736dee]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-6a736dee]{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-6a736dee]{align-items:center;display:flex;justify-content:flex-start;padding-bottom:16px;padding-bottom:var(--kui-space-60, 16px)}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-6a736dee]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-6a736dee]{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-6a736dee]{font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.analytics-chart-shell .tooltip[data-v-6a736dee]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .dropdown[data-v-6a736dee]{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 .dropdown li.k-dropdown-item a[data-v-6a736dee]{text-decoration:none}.analytics-chart-shell .dropdown a[data-v-6a736dee]{color:#000933}.analytics-chart-shell .dropdown a[data-v-6a736dee]:hover{color:#000933;text-decoration:none}.analytics-chart-shell .dropdown[data-v-6a736dee]:hover{cursor:pointer}.chart-parent[data-v-b873244e]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-b873244e]{flex-direction:column}.chart-parent.column .chart-container[data-v-b873244e]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-b873244e]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-b873244e]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-b873244e]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-b873244e]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-b873244e]{flex:1 1 auto;position:relative}.chart-parent[data-v-b873244e]{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-b873244e]{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-b873244e]{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-b873244e]{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-b873244e]{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-61747ee5]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-61747ee5]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-61747ee5] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .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-61747ee5] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-61747ee5] .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-61747ee5]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-61747ee5]{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-61747ee5]{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-61747ee5]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-61747ee5]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-61747ee5]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-61747ee5]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-61747ee5]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-61747ee5]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5] 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-06b92295]{cursor:move}.tooltip-container[data-v-06b92295]{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-06b92295]{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:8px;margin:var(--kui-space-40, 8px);min-height:24px;padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .title[data-v-06b92295]{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-06b92295]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .drag-icon[data-v-06b92295]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-06b92295]{list-style:none;margin:0;margin:var(--kui-space-0, 0px);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)}ul.tooltip[data-v-06b92295]{-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}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-06b92295] ::-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)}ul.tooltip li[data-v-06b92295]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:1;margin:8px;margin:var(--kui-space-40, 8px)}ul.tooltip li[data-v-06b92295]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-06b92295]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-06b92295]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}ul.tooltip .square-marker[data-v-06b92295]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-8e9f2f19]{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-8e9f2f19]{-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-8e9f2f19] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-8e9f2f19] ::-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-8e9f2f19]{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-8e9f2f19]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-8e9f2f19]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-8e9f2f19]{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-8e9f2f19]{display:none}}.legend-container.horizontal[data-v-8e9f2f19]{column-gap:12px;display:grid;height:var(--12487160);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-8e9f2f19]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-8e9f2f19]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-8e9f2f19]{line-height:24px;white-space:nowrap}.legend-container li[data-v-8e9f2f19]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-8e9f2f19]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-8e9f2f19]{font-size:12px}.legend-container li .sub-label[data-v-8e9f2f19]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-8e9f2f19]{text-decoration:line-through}.chart-parent[data-v-e2a1d643]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-e2a1d643]{flex-direction:column}.chart-parent.column .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-e2a1d643]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-e2a1d643]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-e2a1d643]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-e2a1d643]{flex:1 1 auto;position:relative}.chart-container[data-v-e2a1d643]{overflow:auto}.chart-container[data-v-e2a1d643]{-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-e2a1d643] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-e2a1d643] ::-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-e2a1d643]{height:100%}.chart-container[data-v-e2a1d643]::-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-e2a1d643]::-webkit-scrollbar{width:10px}.chart-container[data-v-e2a1d643]::-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-e2a1d643]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-e2a1d643]{background-color:#3a3f51;color:#fff;color:var(--kui-color-text-inverse, #ffffff);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-e2a1d643]{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-0f89741b]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-0f89741b]{flex-direction:column}.chart-parent.column .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-0f89741b]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-0f89741b]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-0f89741b]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-0f89741b]{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-00a02ae1],.simple-chart-shell[data-v-00a02ae1]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-00a02ae1],.simple-chart-shell .chart-empty-state[data-v-00a02ae1]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-00a02ae1]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-00a02ae1]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-00a02ae1]{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-00a02ae1]{align-items:center;display:flex;justify-content:flex-start;padding-bottom:16px;padding-bottom:var(--kui-space-60, 16px)}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-00a02ae1]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-00a02ae1]{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-00a02ae1]{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-00a02ae1]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .dropdown[data-v-00a02ae1]{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 .dropdown li.k-dropdown-item a[data-v-00a02ae1]{text-decoration:none}.analytics-chart-shell .dropdown a[data-v-00a02ae1]{color:#000933}.analytics-chart-shell .dropdown a[data-v-00a02ae1]:hover{color:#000933;text-decoration:none}.analytics-chart-shell .dropdown[data-v-00a02ae1]:hover{cursor:pointer}.chart-parent[data-v-b873244e]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-b873244e]{flex-direction:column}.chart-parent.column .chart-container[data-v-b873244e]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-b873244e]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-b873244e]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-b873244e]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-b873244e]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-b873244e]{flex:1 1 auto;position:relative}.chart-parent[data-v-b873244e]{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-b873244e]{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-b873244e]{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-b873244e]{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-b873244e]{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-61747ee5]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-61747ee5]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-61747ee5] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .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-61747ee5] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-61747ee5] .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-61747ee5]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-61747ee5]{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-61747ee5]{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-61747ee5]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-61747ee5]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-61747ee5]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-61747ee5]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-61747ee5]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-61747ee5]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5] 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":"AnalyticsChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChart.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AnalyticsChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChart.vue"],"names":[],"mappings":"AAugBA,OAAO,KAAK,EAAE,qBAAqB,EAAoC,MAAM,UAAU,CAAA;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAGnC,OAAO,KAAK,EAAE,mBAAmB,EAAuB,eAAe,EAAqB,MAAM,qCAAqC,CAAA;AA0WvI,iBAAS,cAAc;;8BAiPY,GAAG;;;WASxB,OAAO,IAA6B;EAEjD;AA8HD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;cAoBD,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6B/B,QAAQ,CAAC,GAAG,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAjClC,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6B/B,QAAQ,CAAC,GAAG,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA8BpD,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
|
@@ -20093,10 +20093,7 @@ const sT = { class: "kong-ui-public-csv-export-modal" }, rT = {
|
|
|
20093
20093
|
}), lT = { class: "analytics-chart-shell" }, cT = {
|
|
20094
20094
|
key: 0,
|
|
20095
20095
|
class: "chart-header"
|
|
20096
|
-
}, uT = {
|
|
20097
|
-
key: 0,
|
|
20098
|
-
class: "chart-title"
|
|
20099
|
-
}, dT = { class: "chart-header-icons-wrapper" }, hT = {
|
|
20096
|
+
}, uT = ["title"], dT = { class: "chart-header-icons-wrapper" }, hT = {
|
|
20100
20097
|
key: 1,
|
|
20101
20098
|
class: "chart-export-button"
|
|
20102
20099
|
}, fT = ["href"], gT = {
|
|
@@ -20243,7 +20240,11 @@ const sT = { class: "kong-ui-public-csv-export-modal" }, rT = {
|
|
|
20243
20240
|
const ht = Se("KTooltip"), z = Se("KDropdownItem"), L = Se("KDropdown"), H = Se("KEmptyState");
|
|
20244
20241
|
return K(), ft("div", lT, [
|
|
20245
20242
|
q.value ? (K(), ft("div", cT, [
|
|
20246
|
-
n.chartTitle ? (K(), ft("div",
|
|
20243
|
+
n.chartTitle ? (K(), ft("div", {
|
|
20244
|
+
key: 0,
|
|
20245
|
+
class: "chart-title",
|
|
20246
|
+
title: n.chartTitle
|
|
20247
|
+
}, ct(n.chartTitle), 9, uT)) : Rt("", !0),
|
|
20247
20248
|
dt("div", dT, [
|
|
20248
20249
|
N.value && v.value && _.value ? (K(), $t(ht, {
|
|
20249
20250
|
key: 0,
|
|
@@ -20374,7 +20375,7 @@ const sT = { class: "kong-ui-public-csv-export-modal" }, rT = {
|
|
|
20374
20375
|
]);
|
|
20375
20376
|
};
|
|
20376
20377
|
}
|
|
20377
|
-
}), ZT = /* @__PURE__ */ cn(mT, [["__scopeId", "data-v-
|
|
20378
|
+
}), ZT = /* @__PURE__ */ cn(mT, [["__scopeId", "data-v-00a02ae1"]]), bT = {
|
|
20378
20379
|
class: "chart-parent",
|
|
20379
20380
|
"data-testid": "doughnut-chart-parent"
|
|
20380
20381
|
}, yT = { class: "chart-totals-flex" }, xT = {
|
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 N=0,rt=!1;this.parse=function(L,K,lt){if(typeof L!="string")throw new Error("Input must be a string");var B=L.length,I=D.length,H=A.length,Y=R.length,U=T(z),Q=[],V=[],W=[],nt=N=0;if(!L)return Kt();if(y.header&&!K){var X=L.split(A)[0].split(D),vt=[],ut={},Yt=!1;for(var Dt in X){var bt=X[Dt];T(y.transformHeader)&&(bt=y.transformHeader(bt,Dt));var ie=bt,se=ut[bt]||0;for(0<se&&(Yt=!0,ie=bt+"_"+se),ut[bt]=se+1;vt.includes(ie);)ie=ie+"_"+se;vt.push(ie)}if(Yt){var me=L.split(A);me[0]=vt.join(D),L=me.join(A)}}if(G||G!==!1&&L.indexOf(x)===-1){for(var ve=L.split(A),re=0;re<ve.length;re++){if(W=ve[re],N+=W.length,re!==ve.length-1)N+=A.length;else if(lt)return Kt();if(!R||W.substring(0,Y)!==R){if(U){if(Q=[],$e(W.split(D)),ae(),rt)return Kt()}else $e(W.split(D));if($&&$<=re)return Q=Q.slice(0,$),Kt(!0)}}return Kt()}for(var kt=L.indexOf(D,N),Tt=L.indexOf(A,N),je=new RegExp(_(j)+_(x),"g"),yt=L.indexOf(x,N);;)if(L[N]!==x)if(R&&W.length===0&&L.substring(N,N+Y)===R){if(Tt===-1)return Kt();N=Tt+H,Tt=L.indexOf(A,N),kt=L.indexOf(D,N)}else if(kt!==-1&&(kt<Tt||Tt===-1))W.push(L.substring(N,kt)),N=kt+I,kt=L.indexOf(D,N);else{if(Tt===-1)break;if(W.push(L.substring(N,Tt)),Me(Tt+H),U&&(ae(),rt))return Kt();if($&&Q.length>=$)return Kt(!0)}else for(yt=N,N++;;){if((yt=L.indexOf(x,yt+1))===-1)return lt||V.push({type:"Quotes",code:"MissingQuotes",message:"Quoted field unterminated",row:Q.length,index:N}),ye();if(yt===B-1)return ye(L.substring(N,yt).replace(je,x));if(x!==j||L[yt+1]!==j){if(x===j||yt===0||L[yt-1]!==j){kt!==-1&&kt<yt+1&&(kt=L.indexOf(D,yt+1)),Tt!==-1&&Tt<yt+1&&(Tt=L.indexOf(A,yt+1));var gn=de(Tt===-1?kt:Math.min(kt,Tt));if(L.substr(yt+1+gn,I)===D){W.push(L.substring(N,yt).replace(je,x)),L[N=yt+1+gn+I]!==x&&(yt=L.indexOf(x,N)),kt=L.indexOf(D,N),Tt=L.indexOf(A,N);break}var ke=de(Tt);if(L.substring(yt+1+ke,yt+1+ke+H)===A){if(W.push(L.substring(N,yt).replace(je,x)),Me(yt+1+ke+H),kt=L.indexOf(D,N),yt=L.indexOf(x,N),U&&(ae(),rt))return Kt();if($&&Q.length>=$)return Kt(!0);break}V.push({type:"Quotes",code:"InvalidQuotes",message:"Trailing quote on quoted field is malformed",row:Q.length,index:N}),yt++}}else yt++}return ye();function $e(zt){Q.push(zt),nt=N}function de(zt){var dr=0;if(zt!==-1){var oi=L.substring(yt+1,zt);oi&&oi.trim()===""&&(dr=oi.length)}return dr}function ye(zt){return lt||(zt===void 0&&(zt=L.substring(N)),W.push(zt),N=B,$e(W),U&&ae()),Kt()}function Me(zt){N=zt,$e(W),W=[],Tt=L.indexOf(A,N)}function Kt(zt){return{data:Q,errors:V,meta:{delimiter:D,linebreak:A,aborted:rt,truncated:!!zt,cursor:nt+(K||0)}}}function ae(){z(Kt()),Q=[],V=[]}},this.abort=function(){rt=!0},this.getCharIndex=function(){return N}}function k(y){var x=y.data,D=a[x.workerId],A=!1;if(x.error)D.userError(x.error,x.file);else if(x.results&&x.results.data){var R={abort:function(){A=!0,M(x.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:C,resume:C};if(T(D.userStep)){for(var z=0;z<x.results.data.length&&(D.userStep({data:x.results.data[z],errors:x.results.errors,meta:x.results.meta},R),!A);z++);delete x.results}else T(D.userChunk)&&(D.userChunk(x.results,R,x.file),delete x.results)}x.finished&&!A&&M(x.workerId,x.results)}function M(y,x){var D=a[y];T(D.userComplete)&&D.userComplete(x),D.terminate(),delete a[y]}function C(){throw new Error("Not implemented.")}function S(y){if(typeof y!="object"||y===null)return y;var x=Array.isArray(y)?[]:{};for(var D in y)x[D]=S(y[D]);return x}function O(y,x){return function(){y.apply(x,arguments)}}function T(y){return typeof y=="function"}return r&&(i.onmessage=function(y){var x=y.data;if(l.WORKER_ID===void 0&&x&&(l.WORKER_ID=x.workerId),typeof x.input=="string")i.postMessage({workerId:l.WORKER_ID,results:l.parse(x.input,x.config),finished:!0});else if(i.File&&x.input instanceof File||x.input instanceof Object){var D=l.parse(x.input,x.config);D&&i.postMessage({workerId:l.WORKER_ID,results:D,finished:!0})}}),(d.prototype=Object.create(u.prototype)).constructor=d,(f.prototype=Object.create(u.prototype)).constructor=f,(g.prototype=Object.create(g.prototype)).constructor=g,(p.prototype=Object.create(u.prototype)).constructor=p,l})})(bh);var _M=bh.exports;const wM=["id"],vM=h.defineComponent({__name:"VueJsonCsv",props:{data:{type:Array,required:!0},fields:{type:Array,required:!1,default:null},labels:{type:Object,required:!1,default:null},filename:{type:String,default:"report-data.csv"},delimiter:{type:String,default:",",required:!1},separatorExcel:{type:Boolean,default:!1},encoding:{type:String,default:"utf-8"},testing:{type:Boolean,required:!1,default:!1}},emits:["export-started","export-finished"],setup(n,{emit:t}){const e=t,i=n,s=h.computed(()=>`export_${new Date().getTime()}`),r=h.computed(()=>{const u=l();return u.length?u:null}),a=()=>{const u=i.labels;if(typeof i.fields!==Ln.Object)throw new Error("Labels needs to be a object containing key / value pairs.");return typeof u===Ln.Object?d=>Wk(d,(f,g)=>u[g]||g):d=>d},o=()=>{const u=i.fields;if(typeof i.fields!==Ln.Object&&!Array.isArray(u))throw new Error("Fields needs to be an array of strings.");return Array.isArray(u)?d=>bM(d,u):d=>d},l=()=>{if(typeof i.fields===Ln.Undefined&&typeof i.labels===Ln.Undefined)return i.data;const u=a(),d=o();return i.data.map(f=>u(d(f)))},c=()=>{if(!(r!=null&&r.value)){console.warn("No data to export");return}e("export-started",r.value);let u=_M.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});xM.saveAs(d,i.filename)}};return(u,d)=>(h.openBlock(),h.createElementBlock("div",{id:s.value,"data-testid":"export-csv",onClick:c},[h.renderSlot(u.$slots,"default",{},()=>[h.createTextVNode("Download "+h.toDisplayString(n.filename),1)])],8,wM))}}),kM=h.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=h.computed(()=>Object.keys(t.headers));return(i,s)=>(h.openBlock(),h.createElementBlock("div",null,[h.createVNode(vM,{data:i.rows,fields:e.value,filename:i.filename,labels:i.headers},{default:h.withCtx(()=>[h.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}});function xh(n,t,e){const i=pu(),s=DM(n,e.timeZone,e.locale??i.locale);return"formatToParts"in s?MM(s,t):SM(s,t)}function MM(n,t){const e=n.formatToParts(t);for(let i=e.length-1;i>=0;--i)if(e[i].type==="timeZoneName")return e[i].value}function SM(n,t){const e=n.format(t).replace(/\u200E/g,""),i=/ [\w-+ ]+$/.exec(e);return i?i[0].substr(1):""}function DM(n,t,e){return new Intl.DateTimeFormat(e?[e.code,"en-US"]:void 0,{timeZone:t,timeZoneName:n})}function TM(n,t){const e=AM(t);return"formatToParts"in e?PM(e,n):OM(e,n)}const CM={year:0,month:1,day:2,hour:3,minute:4,second:5};function PM(n,t){try{const e=n.formatToParts(t),i=[];for(let s=0;s<e.length;s++){const r=CM[e[s].type];r!==void 0&&(i[r]=parseInt(e[s].value,10))}return i}catch(e){if(e instanceof RangeError)return[NaN];throw e}}function OM(n,t){const e=n.format(t),i=/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(e);return[parseInt(i[3],10),parseInt(i[1],10),parseInt(i[2],10),parseInt(i[4],10),parseInt(i[5],10),parseInt(i[6],10)]}const po={},_h=new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:"America/New_York",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(new Date("2014-06-25T04:00:00.123Z")),EM=_h==="06/25/2014, 00:00:00"||_h==="06/25/2014 00:00:00";function AM(n){return po[n]||(po[n]=EM?new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})),po[n]}function wh(n,t,e,i,s,r,a){const o=new Date(0);return o.setUTCFullYear(n,t,e),o.setUTCHours(i,s,r,a),o}const vh=36e5,RM=6e4,mo={timezone:/([Z+-].*)$/,timezoneZ:/^(Z)$/,timezoneHH:/^([+-]\d{2})$/,timezoneHHMM:/^([+-])(\d{2}):?(\d{2})$/};function kh(n,t,e){if(!n)return 0;let i=mo.timezoneZ.exec(n);if(i)return 0;let s,r;if(i=mo.timezoneHH.exec(n),i)return s=parseInt(i[1],10),Mh(s)?-(s*vh):NaN;if(i=mo.timezoneHHMM.exec(n),i){s=parseInt(i[2],10);const a=parseInt(i[3],10);return Mh(s,a)?(r=Math.abs(s)*vh+a*RM,i[1]==="+"?-r:r):NaN}if(NM(n)){t=new Date(t||Date.now());const a=e?t:LM(t),o=yo(a,n);return-(e?o:IM(t,o,n))}return NaN}function LM(n){return wh(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds())}function yo(n,t){const e=TM(n,t),i=wh(e[0],e[1]-1,e[2],e[3]%24,e[4],e[5],0).getTime();let s=n.getTime();const r=s%1e3;return s-=r>=0?r:1e3+r,i-s}function IM(n,t,e){let s=n.getTime()-t;const r=yo(new Date(s),e);if(t===r)return t;s-=r-t;const a=yo(new Date(s),e);return r===a?r:Math.max(r,a)}function Mh(n,t){return-23<=n&&n<=23&&(t==null||0<=t&&t<=59)}const Sh={};function NM(n){if(Sh[n])return!0;try{return new Intl.DateTimeFormat(void 0,{timeZone:n}),Sh[n]=!0,!0}catch{return!1}}const FM=60*1e3,zM={X:function(n,t,e){const i=bo(e.timeZone,n);if(i===0)return"Z";switch(t){case"X":return Dh(i);case"XXXX":case"XX":return ai(i);case"XXXXX":case"XXX":default:return ai(i,":")}},x:function(n,t,e){const i=bo(e.timeZone,n);switch(t){case"x":return Dh(i);case"xxxx":case"xx":return ai(i);case"xxxxx":case"xxx":default:return ai(i,":")}},O:function(n,t,e){const i=bo(e.timeZone,n);switch(t){case"O":case"OO":case"OOO":return"GMT"+BM(i,":");case"OOOO":default:return"GMT"+ai(i,":")}},z:function(n,t,e){switch(t){case"z":case"zz":case"zzz":return xh("short",n,e);case"zzzz":default:return xh("long",n,e)}}};function bo(n,t){const e=n?kh(n,t,!0)/FM:(t==null?void 0:t.getTimezoneOffset())??0;if(Number.isNaN(e))throw new RangeError("Invalid time zone specified: "+n);return e}function ur(n,t){const e=n<0?"-":"";let i=Math.abs(n).toString();for(;i.length<t;)i="0"+i;return e+i}function ai(n,t=""){const e=n>0?"-":"+",i=Math.abs(n),s=ur(Math.floor(i/60),2),r=ur(Math.floor(i%60),2);return e+s+t+r}function Dh(n,t){return n%60===0?(n>0?"-":"+")+ur(Math.abs(n)/60,2):ai(n,t)}function BM(n,t=""){const e=n>0?"-":"+",i=Math.abs(n),s=Math.floor(i/60),r=i%60;return r===0?e+String(s):e+String(s)+t+ur(r,2)}function Th(n){const t=new Date(Date.UTC(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds()));return t.setUTCFullYear(n.getFullYear()),+n-+t}const HM=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/,xo=36e5,Ch=6e4,WM=2,Gt={dateTimePattern:/^([0-9W+-]+)(T| )(.*)/,datePattern:/^([0-9W+-]+)(.*)/,plainTime:/:/,YY:/^(\d{2})$/,YYY:[/^([+-]\d{2})$/,/^([+-]\d{3})$/,/^([+-]\d{4})$/],YYYY:/^(\d{4})/,YYYYY:[/^([+-]\d{4})/,/^([+-]\d{5})/,/^([+-]\d{6})/],MM:/^-(\d{2})$/,DDD:/^-?(\d{3})$/,MMDD:/^-?(\d{2})-?(\d{2})$/,Www:/^-?W(\d{2})$/,WwwD:/^-?W(\d{2})-?(\d{1})$/,HH:/^(\d{2}([.,]\d*)?)$/,HHMM:/^(\d{2}):?(\d{2}([.,]\d*)?)$/,HHMMSS:/^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,timeZone:HM};function YM(n,t={}){if(arguments.length<1)throw new TypeError("1 argument required, but only "+arguments.length+" present");if(n===null)return new Date(NaN);const e=t.additionalDigits==null?WM:Number(t.additionalDigits);if(e!==2&&e!==1&&e!==0)throw new RangeError("additionalDigits must be 0, 1 or 2");if(n instanceof Date||typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]")return new Date(n.getTime());if(typeof n=="number"||Object.prototype.toString.call(n)==="[object Number]")return new Date(n);if(Object.prototype.toString.call(n)!=="[object String]")return new Date(NaN);const i=VM(n),{year:s,restDateString:r}=jM(i.date,e),a=$M(r,s);if(a===null||isNaN(a.getTime()))return new Date(NaN);if(a){const o=a.getTime();let l=0,c;if(i.time&&(l=qM(i.time),l===null||isNaN(l)))return new Date(NaN);if(i.timeZone||t.timeZone){if(c=kh(i.timeZone||t.timeZone,new Date(o+l)),isNaN(c))return new Date(NaN)}else c=Th(new Date(o+l)),c=Th(new Date(o+l+c));return new Date(o+l+c)}else return new Date(NaN)}function VM(n){const t={};let e=Gt.dateTimePattern.exec(n),i;if(e?(t.date=e[1],i=e[3]):(e=Gt.datePattern.exec(n),e?(t.date=e[1],i=e[2]):(t.date=null,i=n)),i){const s=Gt.timeZone.exec(i);s?(t.time=i.replace(s[1],""),t.timeZone=s[1].trim()):t.time=i}return t}function jM(n,t){if(n){const e=Gt.YYY[t],i=Gt.YYYYY[t];let s=Gt.YYYY.exec(n)||i.exec(n);if(s){const r=s[1];return{year:parseInt(r,10),restDateString:n.slice(r.length)}}if(s=Gt.YY.exec(n)||e.exec(n),s){const r=s[1];return{year:parseInt(r,10)*100,restDateString:n.slice(r.length)}}}return{year:null}}function $M(n,t){if(t===null)return null;let e,i,s;if(!n||!n.length)return e=new Date(0),e.setUTCFullYear(t),e;let r=Gt.MM.exec(n);if(r)return e=new Date(0),i=parseInt(r[1],10)-1,Eh(t,i)?(e.setUTCFullYear(t,i),e):new Date(NaN);if(r=Gt.DDD.exec(n),r){e=new Date(0);const a=parseInt(r[1],10);return GM(t,a)?(e.setUTCFullYear(t,0,a),e):new Date(NaN)}if(r=Gt.MMDD.exec(n),r){e=new Date(0),i=parseInt(r[1],10)-1;const a=parseInt(r[2],10);return Eh(t,i,a)?(e.setUTCFullYear(t,i,a),e):new Date(NaN)}if(r=Gt.Www.exec(n),r)return s=parseInt(r[1],10)-1,Ah(s)?Ph(t,s):new Date(NaN);if(r=Gt.WwwD.exec(n),r){s=parseInt(r[1],10)-1;const a=parseInt(r[2],10)-1;return Ah(s,a)?Ph(t,s,a):new Date(NaN)}return null}function qM(n){let t,e,i=Gt.HH.exec(n);if(i)return t=parseFloat(i[1].replace(",",".")),_o(t)?t%24*xo:NaN;if(i=Gt.HHMM.exec(n),i)return t=parseInt(i[1],10),e=parseFloat(i[2].replace(",",".")),_o(t,e)?t%24*xo+e*Ch:NaN;if(i=Gt.HHMMSS.exec(n),i){t=parseInt(i[1],10),e=parseInt(i[2],10);const s=parseFloat(i[3].replace(",","."));return _o(t,e,s)?t%24*xo+e*Ch+s*1e3:NaN}return null}function Ph(n,t,e){t=t||0,e=e||0;const i=new Date(0);i.setUTCFullYear(n,0,4);const s=i.getUTCDay()||7,r=t*7+e+1-s;return i.setUTCDate(i.getUTCDate()+r),i}const UM=[31,28,31,30,31,30,31,31,30,31,30,31],XM=[31,29,31,30,31,30,31,31,30,31,30,31];function Oh(n){return n%400===0||n%4===0&&n%100!==0}function Eh(n,t,e){if(t<0||t>11)return!1;if(e!=null){if(e<1)return!1;const i=Oh(n);if(i&&e>XM[t]||!i&&e>UM[t])return!1}return!0}function GM(n,t){if(t<1)return!1;const e=Oh(n);return!(e&&t>366||!e&&t>365)}function Ah(n,t){return!(n<0||n>52||t!=null&&(t<0||t>6))}function _o(n,t,e){return!(n<0||n>=25||t!=null&&(t<0||t>=60)||e!=null&&(e<0||e>=60))}const KM=/([xXOz]+)|''|'(''|[^'])+('|$)/g;function Rh(n,t,e={}){t=String(t);const i=t.match(KM);if(i){const s=YM(e.originalDate||n,e);t=i.reduce(function(r,a){if(a[0]==="'")return r;const o=r.indexOf(a),l=r[o-1]==="'",c=r.replace(a,"'"+zM[a[0]](s,a,e)+"'");return l?c.substring(0,o-1)+c.substring(o+1):c},t)}return gu(n,t,e)}const ZM={class:"kong-ui-public-csv-export-modal"},QM={key:0,class:"selected-range"},JM={key:1,class:"text-muted",tag:"span"},Lh=3,wo=h.defineComponent({__name:"CsvExportModal",props:{filename:{},modalDescription:{default:void 0},chartData:{}},emits:["toggleModal"],setup(n,{emit:t}){const{i18n:e}=ht.useI18n(),i=n,s=t,r=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,a=h.ref(!0),o=h.computed(()=>{var b,_;return!!((_=(b=i.chartData)==null?void 0:b.data)!=null&&_.length)}),l=h.ref(1),c=h.computed(()=>g.value.rows.length),u=ht.useChartSelectedRange(h.toRef(i,"chartData")),d=h.computed(()=>e.t("csvExport.previewRows",{rowsMax:Math.min(Lh,c.value),rowsTotal:c.value,plural:c.value===1?"":"s"})),f=()=>{s("toggleModal",!1)},g=h.computed(()=>{var S,O,T;if(!o.value||!((S=i.chartData)!=null&&S.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const b=i.chartData.data.some(y=>y.timestamp!==i.chartData.data[0].timestamp),_=i.chartData.data.map(y=>{const x=new Date(y.timestamp);return{...Object.keys(y.event).reduce((A,R)=>{if(R in i.chartData.meta.display){const z=y.event[R],$=i.chartData.meta.display[R];A[R]=z&&$&&$[z].name||y.event[R]}else A[R]=y.event[R];return A},{}),...b?{timestamp:Rh(x,"yyyy-MM-dd HH:mm:ss"),tzOffset:Rh(x,"XXX")}:{}}});let w=[];b&&(w=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const k="display"in i.chartData.meta&&((O=i.chartData.meta)!=null&&O.display)?(T=i.chartData.meta)==null?void 0:T.display:{},M=[...w,...Object.keys(k).map(y=>({label:e.t(`chartLabels.${y}`),key:y})),...i.chartData.meta.metric_names.map(y=>({label:e.t(`chartLabels.${y}`),key:y}))],C=M.reduce((y,x)=>(y[x.key]=x.label,y),{});return{headers:M,csvHeaders:C,rows:_}}),p=async()=>{const{rows:b}=g.value;return a.value=!1,{total:Number(b.length)||0,data:b.slice(0,Lh)}};return h.watch(g,()=>{l.value++}),(b,_)=>{const w=h.resolveComponent("KEmptyState"),k=h.resolveComponent("KTableData"),M=h.resolveComponent("KButton"),C=h.resolveComponent("KModal");return h.openBlock(),h.createElementBlock("div",ZM,[h.createVNode(C,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:h.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:f,onKeyup:h.withKeys(f,["esc"])},{default:h.withCtx(()=>{var S;return[h.createElementVNode("div",null,[o.value?(h.openBlock(),h.createElementBlock("div",QM,[h.createElementVNode("p",null,h.toDisplayString(b.modalDescription?b.modalDescription:h.unref(e).t("csvExport.exportDescription")),1),h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.exportTimeRange"))+": "+h.toDisplayString(h.unref(u)),1)])):h.createCommentVNode("",!0),h.createVNode(k,{class:"vitals-table",fetcher:p,"fetcher-cache-key":String(l.value),headers:((S=g.value)==null?void 0:S.headers)||[],"hide-pagination":"","row-hover":!1,sortable:!1},{"empty-state":h.withCtx(()=>[h.createVNode(w,{"action-button-visible":!1},{title:h.withCtx(()=>[h.createElementVNode("h5",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRange")),1)]),default:h.withCtx(()=>[h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"]),!a.value&&o.value?(h.openBlock(),h.createElementBlock("div",JM,h.toDisplayString(d.value),1)):h.createCommentVNode("",!0)])]}),"footer-actions":h.withCtx(()=>[h.createVNode(M,{appearance:"tertiary",class:"cancel-btn",onClick:f},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.cancelButton")),1)]),_:1}),h.createVNode(kM,{class:"vitals-report-export-button",filename:r,headers:g.value.csvHeaders,rows:g.value.rows},{default:h.withCtx(()=>[h.createVNode(M,{appearance:"primary","data-testid":"csv-download-button",disabled:a.value||!o.value},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),Ih=h.defineComponent({__name:"CsvExportButton",props:{data:{type:Object,required:!0},text:{type:String,required:!1,default:void 0},buttonAppearance:{type:String,required:!1,default:()=>"tertiary"},filenamePrefix:{type:String,required:!1,default:void 0}},setup(n){const t=n,{i18n:e}=ht.useI18n(),i=h.computed(()=>t.filenamePrefix||e.t("csvExport.defaultFilename")),s=h.ref(!1),r=o=>{s.value=o},a=()=>{r(!0)};return(o,l)=>{const c=h.resolveComponent("KButton");return h.openBlock(),h.createElementBlock(h.Fragment,null,[h.createVNode(c,{appearance:n.buttonAppearance,class:"chart-export-button-display","data-testid":"csv-export-button",onClick:h.withModifiers(a,["prevent"])},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.text||h.unref(e).t("csvExport.exportButton")),1)]),_:1},8,["appearance"]),s.value?(h.openBlock(),h.createBlock(wo,{key:0,"chart-data":n.data,filename:i.value,onToggleModal:r},null,8,["chart-data","filename"])):h.createCommentVNode("",!0)],64)}}}),tS={class:"analytics-chart-shell"},eS={key:0,class:"chart-header"},nS={key:0,class:"chart-title"},iS={class:"chart-header-icons-wrapper"},sS={key:1,class:"chart-export-button"},rS=["href"],aS={class:"chart-export-trigger","data-testid":"csv-export-button"},oS={key:2,class:"analytics-chart-parent"},lS=h.defineComponent({__name:"AnalyticsChart",props:{allowCsvExport:{type:Boolean,required:!1,default:!1},goToExplore:{type:String,required:!1,default:""},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:Ot.Right},syntheticsDataKey:{type:String,required:!1,default:""},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0},timeseriesZoom:{type:Boolean,required:!1,default:!1},showMenu:{type:Boolean,required:!1,default:!1}},emits:["zoom-time-range"],setup(n,{emit:t}){const e=n,i=t,{i18n:s}=ht.useI18n(),{evaluateFeatureFlag:r}=ht.useEvaluateFeatureFlag(),a=r("ma-3043-analytics-chart-kebab-menu",!1),o=h.toRef(e,"chartData"),l=h.computed(()=>S.value?ht.useExploreResultToTimeDataset({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Xs},h.toRef(e,"chartData")).value:ht.useExploreResultToDatasets({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Xs},h.toRef(e,"chartData")).value),c=h.ref(!1),u=L=>{c.value=L},d=h.computed(()=>e.filenamePrefix||s.t("csvExport.defaultFilename")),f=()=>{u(!0)},g=h.computed(()=>{var L;return(L=e.chartData)!=null&&L.meta?"start_ms"in e.chartData.meta?e.chartData.meta.end_ms-e.chartData.meta.start_ms:void 0:0}),p=h.computed(()=>{var L;return(L=e.chartData.meta)!=null&&L.metric_units?Object.values(e.chartData.meta.metric_units)[0]:""}),b=h.computed(()=>e.showLegendValues&&e.legendPosition!==Ot.Bottom),{legendValues:_}=ht.useChartLegendValues(l,e.chartOptions.type,p),w=h.computed(()=>{var L,K,lt;return((lt=(K=(L=e.chartData)==null?void 0:L.meta)==null?void 0:K.limit)==null?void 0:lt.toString())||null}),k=h.computed(()=>{var L,K;return((K=(L=e.chartData)==null?void 0:L.meta)==null?void 0:K.truncated)||!1}),M=s.t("limitedResultsShown",{maxReturned:w.value}),C=h.computed(()=>["vertical_bar","horizontal_bar"].includes(e.chartOptions.type)),S=h.computed(()=>["timeseries_bar","timeseries_line"].some(L=>L===e.chartOptions.type)),O=h.computed(()=>e.chartOptions.type==="doughnut"),T=h.computed(()=>e.chartOptions.type.includes("vertical")?"vertical":"horizontal"),y=h.computed(()=>{var lt,B,I;if(!((lt=e.chartData)!=null&<.meta.metric_names)||!((B=e.chartData)!=null&&B.meta.metric_units))return;const L=e.chartData.meta.metric_names[0],K=e.chartData.meta.metric_units[L];if(e.chartData.meta.metric_names.length>1){if(L.includes("latency"))return s.t("metricAxisTitles.latency_in",{unit:s.t(`chartUnits.${K}`,{plural:"s"})});if(L.includes("size"))return s.t("metricAxisTitles.size_in",{unit:s.t(`chartUnits.${K}`,{plural:"s"})})}return((I=e.chartOptions)==null?void 0:I.metricAxesTitle)||s.te(`metricAxisTitles.${L}`)&&s.te(`chartUnits.${K}`)&&s.t(`metricAxisTitles.${L}`,{unit:s.t(`chartUnits.${K}`,{plural:"s"})})||void 0}),x=h.computed(()=>{const L=S.value?"Time":Object.keys(e.chartData.meta.display||e.chartData.meta.metric_names)[0];return e.chartOptions.dimensionAxesTitle||s.te(`chartLabels.${L}`)&&s.t(`chartLabels.${L}`)||void 0}),D=h.computed(()=>{const L=qa(Number(e.chartData.meta.granularity_ms));return s.t(`granularityAxisTitles.${L}`)}),A=h.computed(()=>e.emptyStateTitle||s.t("noDataAvailableTitle")),R=h.computed(()=>e.emptyStateDescription||s.t("noDataAvailableDescription")),z=h.computed(()=>S.value?Yx(l.value):e.chartData&&e.chartData.meta&&e.chartData.data.length),$=h.computed(()=>z.value&&k.value&&w.value||e.chartTitle||e.allowCsvExport&&z.value),G=h.computed(()=>e.allowCsvExport&&z.value||!!e.goToExplore||e.showMenu),j=h.computed(()=>e.chartData.meta.granularity_ms?qa(e.chartData.meta.granularity_ms)||"hourly":qa(new Date(e.chartData.data[1].timestamp).getTime()-new Date(e.chartData.data[0].timestamp).getTime())||"hourly"),N=h.computed(()=>e.chartOptions.chartLegendSortFn?e.chartOptions.chartLegendSortFn:(L,K)=>L.text===s.t("chartLabels.____OTHER____")?1:K.text===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(L.text,10))&&!isNaN(parseInt(K.text,10))?L.text<K.text?-1:1:L.value&&K.value?K.value.raw-L.value.raw:0),rt=h.computed(()=>e.chartOptions.chartTooltipSortFn?e.chartOptions.chartTooltipSortFn:(L,K)=>L.label===s.t("chartLabels.____OTHER____")?1:K.label===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(L.label,10))&&!isNaN(parseInt(K.label,10))?L.label<K.label?-1:1:L.value&&K.value?K.rawValue-L.rawValue:0);return h.provide("showLegendValues",b),h.provide("legendPosition",h.toRef(e,"legendPosition")),(L,K)=>{const lt=h.resolveComponent("KTooltip"),B=h.resolveComponent("KDropdownItem"),I=h.resolveComponent("KDropdown"),H=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",tS,[$.value?(h.openBlock(),h.createElementBlock("div",eS,[n.chartTitle?(h.openBlock(),h.createElementBlock("div",nS,h.toDisplayString(n.chartTitle),1)):h.createCommentVNode("",!0),h.createElementVNode("div",iS,[z.value&&k.value&&w.value?(h.openBlock(),h.createBlock(lt,{key:0,class:"tooltip","max-width":"500",placement:"right"},{content:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(M)),1)]),default:h.withCtx(()=>[h.createVNode(h.unref(kr.WarningIcon),{color:`var(--kui-color-text-warning, ${h.unref(Kv)})`,decorative:"",size:h.unref(th)},null,8,["color","size"])]),_:1})):h.createCommentVNode("",!0)]),n.allowCsvExport&&z.value&&!h.unref(a)?(h.openBlock(),h.createElementBlock("div",sS,[h.createVNode(Ih,{data:o.value,"filename-prefix":n.filenamePrefix},null,8,["data","filename-prefix"])])):h.createCommentVNode("",!0),h.unref(a)&&G.value?(h.openBlock(),h.createBlock(I,{key:2,class:"dropdown","data-testid":"chart-action-menu"},{items:h.withCtx(()=>[n.goToExplore?(h.openBlock(),h.createBlock(B,{key:0,"data-testid":"chart-jump-to-explore"},{default:h.withCtx(()=>[h.createElementVNode("a",{href:n.goToExplore},h.toDisplayString(h.unref(s).t("jumpToExplore")),9,rS)]),_:1})):h.createCommentVNode("",!0),n.allowCsvExport&&z.value?(h.openBlock(),h.createBlock(B,{key:1,class:"chart-export-button","data-testid":"chart-csv-export",onClick:K[0]||(K[0]=Y=>f())},{default:h.withCtx(()=>[h.createElementVNode("span",aS,h.toDisplayString(h.unref(s).t("csvExport.exportAsCsv")),1)]),_:1})):h.createCommentVNode("",!0),h.renderSlot(L.$slots,"menu-items",{},void 0,!0)]),default:h.withCtx(()=>[h.createVNode(h.unref(kr.MoreIcon),{color:h.unref(Jd),size:h.unref(th)},null,8,["color","size"])]),_:3})):h.createCommentVNode("",!0),c.value?(h.openBlock(),h.createBlock(wo,{key:3,"chart-data":o.value,filename:d.value,onToggleModal:u},null,8,["chart-data","filename"])):h.createCommentVNode("",!0)])):h.createCommentVNode("",!0),z.value?(h.openBlock(),h.createElementBlock("div",oS,[S.value?(h.openBlock(),h.createBlock(Fk,{key:0,"chart-data":l.value,"chart-legend-sort-fn":N.value,"chart-tooltip-sort-fn":rt.value,"dimension-axes-title":D.value,fill:n.chartOptions.stacked,granularity:j.value,"legend-values":h.unref(_),"metric-axes-title":y.value,"metric-unit":p.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"time-range-ms":g.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type,zoom:n.timeseriesZoom,onZoomTimeRange:K[1]||(K[1]=Y=>i("zoom-time-range",Y))},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","time-range-ms","tooltip-title","type","zoom"])):C.value?(h.openBlock(),h.createBlock(vk,{key:1,annotations:n.showAnnotations,"chart-data":l.value,"chart-legend-sort-fn":N.value,"chart-tooltip-sort-fn":rt.value,"data-testid":"bar-chart-container","dimension-axes-title":x.value,"legend-values":h.unref(_),"metric-axes-title":y.value,"metric-unit":p.value,orientation:T.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"])):O.value?(h.openBlock(),h.createBlock(Lk,{key:2,"chart-data":l.value,"dataset-colors":n.chartOptions.chartDatasetColors||h.unref(Xs),"legend-position":n.legendPosition,"legend-values":h.unref(_),"metric-unit":p.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["chart-data","dataset-colors","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(H,{key:1,"action-button-visible":!1,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(A.value),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(R.value),1)]),_:1}))])}}}),cS=Ve(lS,[["__scopeId","data-v-6a736dee"]]),uS={class:"chart-parent","data-testid":"doughnut-chart-parent"},dS={class:"chart-totals-flex"},hS={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},fS=h.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:ti.Hidden},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:He},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}=ht.useI18n(),i=h.ref(hn()),s=h.computed(()=>[t.chartData.datasets.reduce((p,b)=>(p.labels.push(b.label),p.borderColor.push(b.backgroundColor),p.backgroundColor.push(b.backgroundColor),p.data.push(b.data.reduce((_,w)=>_+w,0)),p),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),r=h.computed(()=>({...t.chartData,datasets:s.value}));ht.useReportChartDataForSynthetics(h.toRef(t,"chartData"),h.toRef(t,"syntheticsDataKey"));const a={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},o=h.ref(),l=h.computed(()=>{var g;return $i((g=s==null?void 0:s.value[0])==null?void 0:g.data[t.numerator],{capital:!0})}),c=h.computed(()=>{var g,p;return $i(((g=s==null?void 0:s.value[0])==null?void 0:g.data[0])+((p=s==null?void 0:s.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=h.computed(()=>{var g;return`color: ${(g=s==null?void 0:s.value[0])==null?void 0:g.backgroundColor[t.numerator]}`}),d=h.computed(()=>[ti.Full,ti.SingleMetric].includes(t.metricDisplay)),f=h.computed(()=>t.metricDisplay===ti.Full);return(g,p)=>(h.openBlock(),h.createElementBlock("div",uS,[h.createElementVNode("div",dS,[d.value?(h.openBlock(),h.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:h.normalizeStyle(u.value)},h.toDisplayString(l.value),5)):h.createCommentVNode("",!0),f.value?(h.openBlock(),h.createElementBlock("div",hS,h.toDisplayString(h.unref(e).t("total"))+": "+h.toDisplayString(c.value),1)):h.createCommentVNode("",!0)]),h.createElementVNode("div",{class:"chart-container",style:h.normalizeStyle({height:n.height,width:n.width})},[h.createVNode(h.unref(uh),{ref_key:"chartInstance",ref:o,"chart-id":i.value,data:r.value,options:a},null,8,["chart-id","data","options"])],4)]))}}),gS=Ve(fS,[["__scopeId","data-v-b873244e"]]),pS={class:"simple-chart-shell"},mS={key:1,class:"analytics-chart-parent"},yS=Ve(h.defineComponent({__name:"SimpleChart",props:{chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},emptyStateTitle:{type:String,required:!1,default:""},syntheticsDataKey:{type:String,required:!1,default:""},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=ht.useI18n(),i=h.computed(()=>{var c;const l=ht.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||He},h.toRef(t,"chartData")).value;return(c=t.chartOptions)!=null&&c.reverseDataset&&(l==null||l.datasets.reverse()),l}),s=h.computed(()=>{var l;return(l=t.chartData.meta)!=null&&l.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),r=h.computed(()=>t.chartOptions.type==="gauge"),a=h.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),o=h.computed(()=>t.chartData&&t.chartData.meta&&t.chartData.data.length);return(l,c)=>{const u=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",pS,[o.value?(h.openBlock(),h.createElementBlock("div",mS,[r.value?(h.openBlock(),h.createBlock(gS,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":s.value,numerator:n.chartOptions.numerator,"synthetics-data-key":n.syntheticsDataKey,width:n.width},null,8,["chart-data","dataset-colors","metric-display","metric-unit","numerator","synthetics-data-key","width"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(u,{key:0,"action-button-visible":!0,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(a.value),1)]),_:1}))])}}}),[["__scopeId","data-v-9d13f2fd"]]),bS={class:"top-n-card-title","data-testid":"top-n-card-title"},xS={class:"top-n-card-description","data-testid":"top-n-card-description"},_S={key:3,class:"top-n-table","data-testid":"top-n-table"},wS={class:"table-headings"},vS={class:"table-row"},kS={class:"column-1"},MS={class:"column-2"},SS={class:"table-body","data-testid":"top-n-data"},DS=["data-testid"],TS={class:"column-1"},CS={class:"column-2"},PS=Ve(h.defineComponent({__name:"TopNTable",props:{title:{type:String,required:!0},description:{type:String,default:""},data:{type:Object,required:!0},emptyStateTitle:{type:String,default:""},isLoading:{type:Boolean,default:!1},titleTag:{type:String,default:"h2"}},setup(n){const t=n,{i18n:e}=ht.useI18n(),i=h.computed(()=>t.data.data),s=h.computed(()=>{var p;return!!((p=i.value)!=null&&p.length)}),r=h.computed(()=>{var p,b;return(p=t.data.meta)!=null&&p.display&&((b=Object.keys(t.data.meta.display))==null?void 0:b[0])||""}),a=h.computed(()=>r.value?t.data.meta.display[r.value]:{}),o=h.computed(()=>{var p,b;return(b=(p=t.data.meta)==null?void 0:p.metric_names)!=null&&b.length?t.data.meta.metric_names[0]:""}),l=h.computed(()=>o.value?e.t(`chartLabels.${o.value}`)||o.value:""),c=h.computed(()=>{if(!s.value)return"";if(t.data.meta){if(a.value&&!Object.keys(a.value).length)return e.t("topNTable.errors.display");if(!o.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),_=a.value&&a.value[b];return _?_.name:"-"},f=p=>{const b=u(p),_=a.value&&a.value[b];return _?!!_.deleted:!1},g=p=>{if(!o.value)return"–";const _=p.event[o.value];return _?$i(_,{capital:!0,round:!0}):"–"};return(p,b)=>{const _=h.resolveComponent("KEmptyState"),w=h.resolveComponent("KSkeleton"),k=h.resolveComponent("KCard");return h.openBlock(),h.createBlock(k,{class:"kong-ui-public-top-n-table","title-tag":n.titleTag},h.createSlots({default:h.withCtx(()=>[c.value?(h.openBlock(),h.createBlock(_,{key:0,"action-button-visible":!1,"data-testid":"top-n-error-state","icon-variant":"error"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(c.value),1)]),_:1})):n.isLoading?(h.openBlock(),h.createBlock(w,{key:1,"table-columns":2,type:"table"})):s.value?(h.openBlock(),h.createElementBlock("div",_S,[h.createElementVNode("div",wS,[h.createElementVNode("div",vS,[h.createElementVNode("div",kS,h.toDisplayString(h.unref(e).t("topNTable.nameLabel")),1),h.createElementVNode("div",MS,h.toDisplayString(l.value),1)])]),h.createElementVNode("div",SS,[(h.openBlock(!0),h.createElementBlock(h.Fragment,null,h.renderList(i.value,(M,C)=>(h.openBlock(),h.createElementBlock("div",{key:`entry-${C}`,class:"table-row","data-testid":`row-${u(M)}`},[h.createElementVNode("div",TS,[h.renderSlot(p.$slots,"name",{record:{id:u(M),name:d(M),deleted:f(M),dimension:r.value}},()=>[h.createTextVNode(h.toDisplayString(d(M)),1)],!0)]),h.createElementVNode("div",CS," "+h.toDisplayString(g(M)),1)],8,DS))),128))])])):(h.openBlock(),h.createBlock(_,{key:2,"action-button-visible":!1,"data-testid":"top-n-empty-state"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.emptyStateTitle||h.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:h.withCtx(()=>[h.createElementVNode("span",bS,h.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:h.withCtx(()=>[h.createElementVNode("div",xS,h.toDisplayString(n.description),1)]),key:"1"}:void 0]),1032,["title-tag"])}}}),[["__scopeId","data-v-61747ee5"]]);J.AnalyticsChart=cS,J.ChartLegendPosition=Ot,J.ChartMetricDisplay=ti,J.CsvExportButton=Ih,J.CsvExportModal=wo,J.DECIMAL_DISPLAY=ku,J.FONT_SIZE_REGULAR=Su,J.FONT_SIZE_SMALL=Mu,J.MAX_LABEL_LENGTH=Us,J.OTHERS_COLOR=Xx,J.SimpleChart=yS,J.TopNTable=PS,J.ValidType=Ln,J.accessibleGrey=Cu,J.apiRequestStatusCodeColors=Pu,J.chartTypes=zk,J.codesInSpec=Ru,J.darkenColor=Tu,J.datavisPalette=He,J.defaultStatusCodeColors=Xs,J.errorRateColors=qx,J.latencyColors=Ux,J.lightGrey=La,J.lookupColor=Gx,J.lookupDatavisColor=Gn,J.lookupStatusCodeCategoryColor=n_,J.lookupStatusCodeColor=Ia,J.numberFormatter=qs,J.simpleChartTypes=Bk,J.statusCodeBadgeBackgroundColor=jx,J.trafficColors=$x,Object.defineProperty(J,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});xM.saveAs(d,i.filename)}};return(u,d)=>(h.openBlock(),h.createElementBlock("div",{id:s.value,"data-testid":"export-csv",onClick:c},[h.renderSlot(u.$slots,"default",{},()=>[h.createTextVNode("Download "+h.toDisplayString(n.filename),1)])],8,wM))}}),kM=h.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=h.computed(()=>Object.keys(t.headers));return(i,s)=>(h.openBlock(),h.createElementBlock("div",null,[h.createVNode(vM,{data:i.rows,fields:e.value,filename:i.filename,labels:i.headers},{default:h.withCtx(()=>[h.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}});function xh(n,t,e){const i=pu(),s=DM(n,e.timeZone,e.locale??i.locale);return"formatToParts"in s?MM(s,t):SM(s,t)}function MM(n,t){const e=n.formatToParts(t);for(let i=e.length-1;i>=0;--i)if(e[i].type==="timeZoneName")return e[i].value}function SM(n,t){const e=n.format(t).replace(/\u200E/g,""),i=/ [\w-+ ]+$/.exec(e);return i?i[0].substr(1):""}function DM(n,t,e){return new Intl.DateTimeFormat(e?[e.code,"en-US"]:void 0,{timeZone:t,timeZoneName:n})}function TM(n,t){const e=AM(t);return"formatToParts"in e?PM(e,n):OM(e,n)}const CM={year:0,month:1,day:2,hour:3,minute:4,second:5};function PM(n,t){try{const e=n.formatToParts(t),i=[];for(let s=0;s<e.length;s++){const r=CM[e[s].type];r!==void 0&&(i[r]=parseInt(e[s].value,10))}return i}catch(e){if(e instanceof RangeError)return[NaN];throw e}}function OM(n,t){const e=n.format(t),i=/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(e);return[parseInt(i[3],10),parseInt(i[1],10),parseInt(i[2],10),parseInt(i[4],10),parseInt(i[5],10),parseInt(i[6],10)]}const po={},_h=new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:"America/New_York",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(new Date("2014-06-25T04:00:00.123Z")),EM=_h==="06/25/2014, 00:00:00"||_h==="06/25/2014 00:00:00";function AM(n){return po[n]||(po[n]=EM?new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})),po[n]}function wh(n,t,e,i,s,r,a){const o=new Date(0);return o.setUTCFullYear(n,t,e),o.setUTCHours(i,s,r,a),o}const vh=36e5,RM=6e4,mo={timezone:/([Z+-].*)$/,timezoneZ:/^(Z)$/,timezoneHH:/^([+-]\d{2})$/,timezoneHHMM:/^([+-])(\d{2}):?(\d{2})$/};function kh(n,t,e){if(!n)return 0;let i=mo.timezoneZ.exec(n);if(i)return 0;let s,r;if(i=mo.timezoneHH.exec(n),i)return s=parseInt(i[1],10),Mh(s)?-(s*vh):NaN;if(i=mo.timezoneHHMM.exec(n),i){s=parseInt(i[2],10);const a=parseInt(i[3],10);return Mh(s,a)?(r=Math.abs(s)*vh+a*RM,i[1]==="+"?-r:r):NaN}if(NM(n)){t=new Date(t||Date.now());const a=e?t:LM(t),o=yo(a,n);return-(e?o:IM(t,o,n))}return NaN}function LM(n){return wh(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds())}function yo(n,t){const e=TM(n,t),i=wh(e[0],e[1]-1,e[2],e[3]%24,e[4],e[5],0).getTime();let s=n.getTime();const r=s%1e3;return s-=r>=0?r:1e3+r,i-s}function IM(n,t,e){let s=n.getTime()-t;const r=yo(new Date(s),e);if(t===r)return t;s-=r-t;const a=yo(new Date(s),e);return r===a?r:Math.max(r,a)}function Mh(n,t){return-23<=n&&n<=23&&(t==null||0<=t&&t<=59)}const Sh={};function NM(n){if(Sh[n])return!0;try{return new Intl.DateTimeFormat(void 0,{timeZone:n}),Sh[n]=!0,!0}catch{return!1}}const FM=60*1e3,zM={X:function(n,t,e){const i=bo(e.timeZone,n);if(i===0)return"Z";switch(t){case"X":return Dh(i);case"XXXX":case"XX":return ai(i);case"XXXXX":case"XXX":default:return ai(i,":")}},x:function(n,t,e){const i=bo(e.timeZone,n);switch(t){case"x":return Dh(i);case"xxxx":case"xx":return ai(i);case"xxxxx":case"xxx":default:return ai(i,":")}},O:function(n,t,e){const i=bo(e.timeZone,n);switch(t){case"O":case"OO":case"OOO":return"GMT"+BM(i,":");case"OOOO":default:return"GMT"+ai(i,":")}},z:function(n,t,e){switch(t){case"z":case"zz":case"zzz":return xh("short",n,e);case"zzzz":default:return xh("long",n,e)}}};function bo(n,t){const e=n?kh(n,t,!0)/FM:(t==null?void 0:t.getTimezoneOffset())??0;if(Number.isNaN(e))throw new RangeError("Invalid time zone specified: "+n);return e}function ur(n,t){const e=n<0?"-":"";let i=Math.abs(n).toString();for(;i.length<t;)i="0"+i;return e+i}function ai(n,t=""){const e=n>0?"-":"+",i=Math.abs(n),s=ur(Math.floor(i/60),2),r=ur(Math.floor(i%60),2);return e+s+t+r}function Dh(n,t){return n%60===0?(n>0?"-":"+")+ur(Math.abs(n)/60,2):ai(n,t)}function BM(n,t=""){const e=n>0?"-":"+",i=Math.abs(n),s=Math.floor(i/60),r=i%60;return r===0?e+String(s):e+String(s)+t+ur(r,2)}function Th(n){const t=new Date(Date.UTC(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds()));return t.setUTCFullYear(n.getFullYear()),+n-+t}const HM=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/,xo=36e5,Ch=6e4,WM=2,Gt={dateTimePattern:/^([0-9W+-]+)(T| )(.*)/,datePattern:/^([0-9W+-]+)(.*)/,plainTime:/:/,YY:/^(\d{2})$/,YYY:[/^([+-]\d{2})$/,/^([+-]\d{3})$/,/^([+-]\d{4})$/],YYYY:/^(\d{4})/,YYYYY:[/^([+-]\d{4})/,/^([+-]\d{5})/,/^([+-]\d{6})/],MM:/^-(\d{2})$/,DDD:/^-?(\d{3})$/,MMDD:/^-?(\d{2})-?(\d{2})$/,Www:/^-?W(\d{2})$/,WwwD:/^-?W(\d{2})-?(\d{1})$/,HH:/^(\d{2}([.,]\d*)?)$/,HHMM:/^(\d{2}):?(\d{2}([.,]\d*)?)$/,HHMMSS:/^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,timeZone:HM};function YM(n,t={}){if(arguments.length<1)throw new TypeError("1 argument required, but only "+arguments.length+" present");if(n===null)return new Date(NaN);const e=t.additionalDigits==null?WM:Number(t.additionalDigits);if(e!==2&&e!==1&&e!==0)throw new RangeError("additionalDigits must be 0, 1 or 2");if(n instanceof Date||typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]")return new Date(n.getTime());if(typeof n=="number"||Object.prototype.toString.call(n)==="[object Number]")return new Date(n);if(Object.prototype.toString.call(n)!=="[object String]")return new Date(NaN);const i=VM(n),{year:s,restDateString:r}=jM(i.date,e),a=$M(r,s);if(a===null||isNaN(a.getTime()))return new Date(NaN);if(a){const o=a.getTime();let l=0,c;if(i.time&&(l=qM(i.time),l===null||isNaN(l)))return new Date(NaN);if(i.timeZone||t.timeZone){if(c=kh(i.timeZone||t.timeZone,new Date(o+l)),isNaN(c))return new Date(NaN)}else c=Th(new Date(o+l)),c=Th(new Date(o+l+c));return new Date(o+l+c)}else return new Date(NaN)}function VM(n){const t={};let e=Gt.dateTimePattern.exec(n),i;if(e?(t.date=e[1],i=e[3]):(e=Gt.datePattern.exec(n),e?(t.date=e[1],i=e[2]):(t.date=null,i=n)),i){const s=Gt.timeZone.exec(i);s?(t.time=i.replace(s[1],""),t.timeZone=s[1].trim()):t.time=i}return t}function jM(n,t){if(n){const e=Gt.YYY[t],i=Gt.YYYYY[t];let s=Gt.YYYY.exec(n)||i.exec(n);if(s){const r=s[1];return{year:parseInt(r,10),restDateString:n.slice(r.length)}}if(s=Gt.YY.exec(n)||e.exec(n),s){const r=s[1];return{year:parseInt(r,10)*100,restDateString:n.slice(r.length)}}}return{year:null}}function $M(n,t){if(t===null)return null;let e,i,s;if(!n||!n.length)return e=new Date(0),e.setUTCFullYear(t),e;let r=Gt.MM.exec(n);if(r)return e=new Date(0),i=parseInt(r[1],10)-1,Eh(t,i)?(e.setUTCFullYear(t,i),e):new Date(NaN);if(r=Gt.DDD.exec(n),r){e=new Date(0);const a=parseInt(r[1],10);return GM(t,a)?(e.setUTCFullYear(t,0,a),e):new Date(NaN)}if(r=Gt.MMDD.exec(n),r){e=new Date(0),i=parseInt(r[1],10)-1;const a=parseInt(r[2],10);return Eh(t,i,a)?(e.setUTCFullYear(t,i,a),e):new Date(NaN)}if(r=Gt.Www.exec(n),r)return s=parseInt(r[1],10)-1,Ah(s)?Ph(t,s):new Date(NaN);if(r=Gt.WwwD.exec(n),r){s=parseInt(r[1],10)-1;const a=parseInt(r[2],10)-1;return Ah(s,a)?Ph(t,s,a):new Date(NaN)}return null}function qM(n){let t,e,i=Gt.HH.exec(n);if(i)return t=parseFloat(i[1].replace(",",".")),_o(t)?t%24*xo:NaN;if(i=Gt.HHMM.exec(n),i)return t=parseInt(i[1],10),e=parseFloat(i[2].replace(",",".")),_o(t,e)?t%24*xo+e*Ch:NaN;if(i=Gt.HHMMSS.exec(n),i){t=parseInt(i[1],10),e=parseInt(i[2],10);const s=parseFloat(i[3].replace(",","."));return _o(t,e,s)?t%24*xo+e*Ch+s*1e3:NaN}return null}function Ph(n,t,e){t=t||0,e=e||0;const i=new Date(0);i.setUTCFullYear(n,0,4);const s=i.getUTCDay()||7,r=t*7+e+1-s;return i.setUTCDate(i.getUTCDate()+r),i}const UM=[31,28,31,30,31,30,31,31,30,31,30,31],XM=[31,29,31,30,31,30,31,31,30,31,30,31];function Oh(n){return n%400===0||n%4===0&&n%100!==0}function Eh(n,t,e){if(t<0||t>11)return!1;if(e!=null){if(e<1)return!1;const i=Oh(n);if(i&&e>XM[t]||!i&&e>UM[t])return!1}return!0}function GM(n,t){if(t<1)return!1;const e=Oh(n);return!(e&&t>366||!e&&t>365)}function Ah(n,t){return!(n<0||n>52||t!=null&&(t<0||t>6))}function _o(n,t,e){return!(n<0||n>=25||t!=null&&(t<0||t>=60)||e!=null&&(e<0||e>=60))}const KM=/([xXOz]+)|''|'(''|[^'])+('|$)/g;function Rh(n,t,e={}){t=String(t);const i=t.match(KM);if(i){const s=YM(e.originalDate||n,e);t=i.reduce(function(r,a){if(a[0]==="'")return r;const o=r.indexOf(a),l=r[o-1]==="'",c=r.replace(a,"'"+zM[a[0]](s,a,e)+"'");return l?c.substring(0,o-1)+c.substring(o+1):c},t)}return gu(n,t,e)}const ZM={class:"kong-ui-public-csv-export-modal"},QM={key:0,class:"selected-range"},JM={key:1,class:"text-muted",tag:"span"},Lh=3,wo=h.defineComponent({__name:"CsvExportModal",props:{filename:{},modalDescription:{default:void 0},chartData:{}},emits:["toggleModal"],setup(n,{emit:t}){const{i18n:e}=ht.useI18n(),i=n,s=t,r=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,a=h.ref(!0),o=h.computed(()=>{var b,_;return!!((_=(b=i.chartData)==null?void 0:b.data)!=null&&_.length)}),l=h.ref(1),c=h.computed(()=>g.value.rows.length),u=ht.useChartSelectedRange(h.toRef(i,"chartData")),d=h.computed(()=>e.t("csvExport.previewRows",{rowsMax:Math.min(Lh,c.value),rowsTotal:c.value,plural:c.value===1?"":"s"})),f=()=>{s("toggleModal",!1)},g=h.computed(()=>{var S,O,T;if(!o.value||!((S=i.chartData)!=null&&S.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const b=i.chartData.data.some(y=>y.timestamp!==i.chartData.data[0].timestamp),_=i.chartData.data.map(y=>{const x=new Date(y.timestamp);return{...Object.keys(y.event).reduce((A,R)=>{if(R in i.chartData.meta.display){const z=y.event[R],$=i.chartData.meta.display[R];A[R]=z&&$&&$[z].name||y.event[R]}else A[R]=y.event[R];return A},{}),...b?{timestamp:Rh(x,"yyyy-MM-dd HH:mm:ss"),tzOffset:Rh(x,"XXX")}:{}}});let w=[];b&&(w=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const k="display"in i.chartData.meta&&((O=i.chartData.meta)!=null&&O.display)?(T=i.chartData.meta)==null?void 0:T.display:{},M=[...w,...Object.keys(k).map(y=>({label:e.t(`chartLabels.${y}`),key:y})),...i.chartData.meta.metric_names.map(y=>({label:e.t(`chartLabels.${y}`),key:y}))],C=M.reduce((y,x)=>(y[x.key]=x.label,y),{});return{headers:M,csvHeaders:C,rows:_}}),p=async()=>{const{rows:b}=g.value;return a.value=!1,{total:Number(b.length)||0,data:b.slice(0,Lh)}};return h.watch(g,()=>{l.value++}),(b,_)=>{const w=h.resolveComponent("KEmptyState"),k=h.resolveComponent("KTableData"),M=h.resolveComponent("KButton"),C=h.resolveComponent("KModal");return h.openBlock(),h.createElementBlock("div",ZM,[h.createVNode(C,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:h.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:f,onKeyup:h.withKeys(f,["esc"])},{default:h.withCtx(()=>{var S;return[h.createElementVNode("div",null,[o.value?(h.openBlock(),h.createElementBlock("div",QM,[h.createElementVNode("p",null,h.toDisplayString(b.modalDescription?b.modalDescription:h.unref(e).t("csvExport.exportDescription")),1),h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.exportTimeRange"))+": "+h.toDisplayString(h.unref(u)),1)])):h.createCommentVNode("",!0),h.createVNode(k,{class:"vitals-table",fetcher:p,"fetcher-cache-key":String(l.value),headers:((S=g.value)==null?void 0:S.headers)||[],"hide-pagination":"","row-hover":!1,sortable:!1},{"empty-state":h.withCtx(()=>[h.createVNode(w,{"action-button-visible":!1},{title:h.withCtx(()=>[h.createElementVNode("h5",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRange")),1)]),default:h.withCtx(()=>[h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"]),!a.value&&o.value?(h.openBlock(),h.createElementBlock("div",JM,h.toDisplayString(d.value),1)):h.createCommentVNode("",!0)])]}),"footer-actions":h.withCtx(()=>[h.createVNode(M,{appearance:"tertiary",class:"cancel-btn",onClick:f},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.cancelButton")),1)]),_:1}),h.createVNode(kM,{class:"vitals-report-export-button",filename:r,headers:g.value.csvHeaders,rows:g.value.rows},{default:h.withCtx(()=>[h.createVNode(M,{appearance:"primary","data-testid":"csv-download-button",disabled:a.value||!o.value},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),Ih=h.defineComponent({__name:"CsvExportButton",props:{data:{type:Object,required:!0},text:{type:String,required:!1,default:void 0},buttonAppearance:{type:String,required:!1,default:()=>"tertiary"},filenamePrefix:{type:String,required:!1,default:void 0}},setup(n){const t=n,{i18n:e}=ht.useI18n(),i=h.computed(()=>t.filenamePrefix||e.t("csvExport.defaultFilename")),s=h.ref(!1),r=o=>{s.value=o},a=()=>{r(!0)};return(o,l)=>{const c=h.resolveComponent("KButton");return h.openBlock(),h.createElementBlock(h.Fragment,null,[h.createVNode(c,{appearance:n.buttonAppearance,class:"chart-export-button-display","data-testid":"csv-export-button",onClick:h.withModifiers(a,["prevent"])},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.text||h.unref(e).t("csvExport.exportButton")),1)]),_:1},8,["appearance"]),s.value?(h.openBlock(),h.createBlock(wo,{key:0,"chart-data":n.data,filename:i.value,onToggleModal:r},null,8,["chart-data","filename"])):h.createCommentVNode("",!0)],64)}}}),tS={class:"analytics-chart-shell"},eS={key:0,class:"chart-header"},nS=["title"],iS={class:"chart-header-icons-wrapper"},sS={key:1,class:"chart-export-button"},rS=["href"],aS={class:"chart-export-trigger","data-testid":"csv-export-button"},oS={key:2,class:"analytics-chart-parent"},lS=h.defineComponent({__name:"AnalyticsChart",props:{allowCsvExport:{type:Boolean,required:!1,default:!1},goToExplore:{type:String,required:!1,default:""},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:Ot.Right},syntheticsDataKey:{type:String,required:!1,default:""},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0},timeseriesZoom:{type:Boolean,required:!1,default:!1},showMenu:{type:Boolean,required:!1,default:!1}},emits:["zoom-time-range"],setup(n,{emit:t}){const e=n,i=t,{i18n:s}=ht.useI18n(),{evaluateFeatureFlag:r}=ht.useEvaluateFeatureFlag(),a=r("ma-3043-analytics-chart-kebab-menu",!1),o=h.toRef(e,"chartData"),l=h.computed(()=>S.value?ht.useExploreResultToTimeDataset({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Xs},h.toRef(e,"chartData")).value:ht.useExploreResultToDatasets({fill:e.chartOptions.stacked,colorPalette:e.chartOptions.chartDatasetColors||Xs},h.toRef(e,"chartData")).value),c=h.ref(!1),u=L=>{c.value=L},d=h.computed(()=>e.filenamePrefix||s.t("csvExport.defaultFilename")),f=()=>{u(!0)},g=h.computed(()=>{var L;return(L=e.chartData)!=null&&L.meta?"start_ms"in e.chartData.meta?e.chartData.meta.end_ms-e.chartData.meta.start_ms:void 0:0}),p=h.computed(()=>{var L;return(L=e.chartData.meta)!=null&&L.metric_units?Object.values(e.chartData.meta.metric_units)[0]:""}),b=h.computed(()=>e.showLegendValues&&e.legendPosition!==Ot.Bottom),{legendValues:_}=ht.useChartLegendValues(l,e.chartOptions.type,p),w=h.computed(()=>{var L,K,lt;return((lt=(K=(L=e.chartData)==null?void 0:L.meta)==null?void 0:K.limit)==null?void 0:lt.toString())||null}),k=h.computed(()=>{var L,K;return((K=(L=e.chartData)==null?void 0:L.meta)==null?void 0:K.truncated)||!1}),M=s.t("limitedResultsShown",{maxReturned:w.value}),C=h.computed(()=>["vertical_bar","horizontal_bar"].includes(e.chartOptions.type)),S=h.computed(()=>["timeseries_bar","timeseries_line"].some(L=>L===e.chartOptions.type)),O=h.computed(()=>e.chartOptions.type==="doughnut"),T=h.computed(()=>e.chartOptions.type.includes("vertical")?"vertical":"horizontal"),y=h.computed(()=>{var lt,B,I;if(!((lt=e.chartData)!=null&<.meta.metric_names)||!((B=e.chartData)!=null&&B.meta.metric_units))return;const L=e.chartData.meta.metric_names[0],K=e.chartData.meta.metric_units[L];if(e.chartData.meta.metric_names.length>1){if(L.includes("latency"))return s.t("metricAxisTitles.latency_in",{unit:s.t(`chartUnits.${K}`,{plural:"s"})});if(L.includes("size"))return s.t("metricAxisTitles.size_in",{unit:s.t(`chartUnits.${K}`,{plural:"s"})})}return((I=e.chartOptions)==null?void 0:I.metricAxesTitle)||s.te(`metricAxisTitles.${L}`)&&s.te(`chartUnits.${K}`)&&s.t(`metricAxisTitles.${L}`,{unit:s.t(`chartUnits.${K}`,{plural:"s"})})||void 0}),x=h.computed(()=>{const L=S.value?"Time":Object.keys(e.chartData.meta.display||e.chartData.meta.metric_names)[0];return e.chartOptions.dimensionAxesTitle||s.te(`chartLabels.${L}`)&&s.t(`chartLabels.${L}`)||void 0}),D=h.computed(()=>{const L=qa(Number(e.chartData.meta.granularity_ms));return s.t(`granularityAxisTitles.${L}`)}),A=h.computed(()=>e.emptyStateTitle||s.t("noDataAvailableTitle")),R=h.computed(()=>e.emptyStateDescription||s.t("noDataAvailableDescription")),z=h.computed(()=>S.value?Yx(l.value):e.chartData&&e.chartData.meta&&e.chartData.data.length),$=h.computed(()=>z.value&&k.value&&w.value||e.chartTitle||e.allowCsvExport&&z.value),G=h.computed(()=>e.allowCsvExport&&z.value||!!e.goToExplore||e.showMenu),j=h.computed(()=>e.chartData.meta.granularity_ms?qa(e.chartData.meta.granularity_ms)||"hourly":qa(new Date(e.chartData.data[1].timestamp).getTime()-new Date(e.chartData.data[0].timestamp).getTime())||"hourly"),N=h.computed(()=>e.chartOptions.chartLegendSortFn?e.chartOptions.chartLegendSortFn:(L,K)=>L.text===s.t("chartLabels.____OTHER____")?1:K.text===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(L.text,10))&&!isNaN(parseInt(K.text,10))?L.text<K.text?-1:1:L.value&&K.value?K.value.raw-L.value.raw:0),rt=h.computed(()=>e.chartOptions.chartTooltipSortFn?e.chartOptions.chartTooltipSortFn:(L,K)=>L.label===s.t("chartLabels.____OTHER____")?1:K.label===s.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(L.label,10))&&!isNaN(parseInt(K.label,10))?L.label<K.label?-1:1:L.value&&K.value?K.rawValue-L.rawValue:0);return h.provide("showLegendValues",b),h.provide("legendPosition",h.toRef(e,"legendPosition")),(L,K)=>{const lt=h.resolveComponent("KTooltip"),B=h.resolveComponent("KDropdownItem"),I=h.resolveComponent("KDropdown"),H=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",tS,[$.value?(h.openBlock(),h.createElementBlock("div",eS,[n.chartTitle?(h.openBlock(),h.createElementBlock("div",{key:0,class:"chart-title",title:n.chartTitle},h.toDisplayString(n.chartTitle),9,nS)):h.createCommentVNode("",!0),h.createElementVNode("div",iS,[z.value&&k.value&&w.value?(h.openBlock(),h.createBlock(lt,{key:0,class:"tooltip","max-width":"500",placement:"right"},{content:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(M)),1)]),default:h.withCtx(()=>[h.createVNode(h.unref(kr.WarningIcon),{color:`var(--kui-color-text-warning, ${h.unref(Kv)})`,decorative:"",size:h.unref(th)},null,8,["color","size"])]),_:1})):h.createCommentVNode("",!0)]),n.allowCsvExport&&z.value&&!h.unref(a)?(h.openBlock(),h.createElementBlock("div",sS,[h.createVNode(Ih,{data:o.value,"filename-prefix":n.filenamePrefix},null,8,["data","filename-prefix"])])):h.createCommentVNode("",!0),h.unref(a)&&G.value?(h.openBlock(),h.createBlock(I,{key:2,class:"dropdown","data-testid":"chart-action-menu"},{items:h.withCtx(()=>[n.goToExplore?(h.openBlock(),h.createBlock(B,{key:0,"data-testid":"chart-jump-to-explore"},{default:h.withCtx(()=>[h.createElementVNode("a",{href:n.goToExplore},h.toDisplayString(h.unref(s).t("jumpToExplore")),9,rS)]),_:1})):h.createCommentVNode("",!0),n.allowCsvExport&&z.value?(h.openBlock(),h.createBlock(B,{key:1,class:"chart-export-button","data-testid":"chart-csv-export",onClick:K[0]||(K[0]=Y=>f())},{default:h.withCtx(()=>[h.createElementVNode("span",aS,h.toDisplayString(h.unref(s).t("csvExport.exportAsCsv")),1)]),_:1})):h.createCommentVNode("",!0),h.renderSlot(L.$slots,"menu-items",{},void 0,!0)]),default:h.withCtx(()=>[h.createVNode(h.unref(kr.MoreIcon),{color:h.unref(Jd),size:h.unref(th)},null,8,["color","size"])]),_:3})):h.createCommentVNode("",!0),c.value?(h.openBlock(),h.createBlock(wo,{key:3,"chart-data":o.value,filename:d.value,onToggleModal:u},null,8,["chart-data","filename"])):h.createCommentVNode("",!0)])):h.createCommentVNode("",!0),z.value?(h.openBlock(),h.createElementBlock("div",oS,[S.value?(h.openBlock(),h.createBlock(Fk,{key:0,"chart-data":l.value,"chart-legend-sort-fn":N.value,"chart-tooltip-sort-fn":rt.value,"dimension-axes-title":D.value,fill:n.chartOptions.stacked,granularity:j.value,"legend-values":h.unref(_),"metric-axes-title":y.value,"metric-unit":p.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"time-range-ms":g.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type,zoom:n.timeseriesZoom,onZoomTimeRange:K[1]||(K[1]=Y=>i("zoom-time-range",Y))},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","time-range-ms","tooltip-title","type","zoom"])):C.value?(h.openBlock(),h.createBlock(vk,{key:1,annotations:n.showAnnotations,"chart-data":l.value,"chart-legend-sort-fn":N.value,"chart-tooltip-sort-fn":rt.value,"data-testid":"bar-chart-container","dimension-axes-title":x.value,"legend-values":h.unref(_),"metric-axes-title":y.value,"metric-unit":p.value,orientation:T.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"])):O.value?(h.openBlock(),h.createBlock(Lk,{key:2,"chart-data":l.value,"dataset-colors":n.chartOptions.chartDatasetColors||h.unref(Xs),"legend-position":n.legendPosition,"legend-values":h.unref(_),"metric-unit":p.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["chart-data","dataset-colors","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(H,{key:1,"action-button-visible":!1,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(A.value),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(R.value),1)]),_:1}))])}}}),cS=Ve(lS,[["__scopeId","data-v-00a02ae1"]]),uS={class:"chart-parent","data-testid":"doughnut-chart-parent"},dS={class:"chart-totals-flex"},hS={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},fS=h.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:ti.Hidden},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:He},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}=ht.useI18n(),i=h.ref(hn()),s=h.computed(()=>[t.chartData.datasets.reduce((p,b)=>(p.labels.push(b.label),p.borderColor.push(b.backgroundColor),p.backgroundColor.push(b.backgroundColor),p.data.push(b.data.reduce((_,w)=>_+w,0)),p),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),r=h.computed(()=>({...t.chartData,datasets:s.value}));ht.useReportChartDataForSynthetics(h.toRef(t,"chartData"),h.toRef(t,"syntheticsDataKey"));const a={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},o=h.ref(),l=h.computed(()=>{var g;return $i((g=s==null?void 0:s.value[0])==null?void 0:g.data[t.numerator],{capital:!0})}),c=h.computed(()=>{var g,p;return $i(((g=s==null?void 0:s.value[0])==null?void 0:g.data[0])+((p=s==null?void 0:s.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=h.computed(()=>{var g;return`color: ${(g=s==null?void 0:s.value[0])==null?void 0:g.backgroundColor[t.numerator]}`}),d=h.computed(()=>[ti.Full,ti.SingleMetric].includes(t.metricDisplay)),f=h.computed(()=>t.metricDisplay===ti.Full);return(g,p)=>(h.openBlock(),h.createElementBlock("div",uS,[h.createElementVNode("div",dS,[d.value?(h.openBlock(),h.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:h.normalizeStyle(u.value)},h.toDisplayString(l.value),5)):h.createCommentVNode("",!0),f.value?(h.openBlock(),h.createElementBlock("div",hS,h.toDisplayString(h.unref(e).t("total"))+": "+h.toDisplayString(c.value),1)):h.createCommentVNode("",!0)]),h.createElementVNode("div",{class:"chart-container",style:h.normalizeStyle({height:n.height,width:n.width})},[h.createVNode(h.unref(uh),{ref_key:"chartInstance",ref:o,"chart-id":i.value,data:r.value,options:a},null,8,["chart-id","data","options"])],4)]))}}),gS=Ve(fS,[["__scopeId","data-v-b873244e"]]),pS={class:"simple-chart-shell"},mS={key:1,class:"analytics-chart-parent"},yS=Ve(h.defineComponent({__name:"SimpleChart",props:{chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},emptyStateTitle:{type:String,required:!1,default:""},syntheticsDataKey:{type:String,required:!1,default:""},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=ht.useI18n(),i=h.computed(()=>{var c;const l=ht.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||He},h.toRef(t,"chartData")).value;return(c=t.chartOptions)!=null&&c.reverseDataset&&(l==null||l.datasets.reverse()),l}),s=h.computed(()=>{var l;return(l=t.chartData.meta)!=null&&l.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),r=h.computed(()=>t.chartOptions.type==="gauge"),a=h.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),o=h.computed(()=>t.chartData&&t.chartData.meta&&t.chartData.data.length);return(l,c)=>{const u=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",pS,[o.value?(h.openBlock(),h.createElementBlock("div",mS,[r.value?(h.openBlock(),h.createBlock(gS,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":s.value,numerator:n.chartOptions.numerator,"synthetics-data-key":n.syntheticsDataKey,width:n.width},null,8,["chart-data","dataset-colors","metric-display","metric-unit","numerator","synthetics-data-key","width"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(u,{key:0,"action-button-visible":!0,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(a.value),1)]),_:1}))])}}}),[["__scopeId","data-v-9d13f2fd"]]),bS={class:"top-n-card-title","data-testid":"top-n-card-title"},xS={class:"top-n-card-description","data-testid":"top-n-card-description"},_S={key:3,class:"top-n-table","data-testid":"top-n-table"},wS={class:"table-headings"},vS={class:"table-row"},kS={class:"column-1"},MS={class:"column-2"},SS={class:"table-body","data-testid":"top-n-data"},DS=["data-testid"],TS={class:"column-1"},CS={class:"column-2"},PS=Ve(h.defineComponent({__name:"TopNTable",props:{title:{type:String,required:!0},description:{type:String,default:""},data:{type:Object,required:!0},emptyStateTitle:{type:String,default:""},isLoading:{type:Boolean,default:!1},titleTag:{type:String,default:"h2"}},setup(n){const t=n,{i18n:e}=ht.useI18n(),i=h.computed(()=>t.data.data),s=h.computed(()=>{var p;return!!((p=i.value)!=null&&p.length)}),r=h.computed(()=>{var p,b;return(p=t.data.meta)!=null&&p.display&&((b=Object.keys(t.data.meta.display))==null?void 0:b[0])||""}),a=h.computed(()=>r.value?t.data.meta.display[r.value]:{}),o=h.computed(()=>{var p,b;return(b=(p=t.data.meta)==null?void 0:p.metric_names)!=null&&b.length?t.data.meta.metric_names[0]:""}),l=h.computed(()=>o.value?e.t(`chartLabels.${o.value}`)||o.value:""),c=h.computed(()=>{if(!s.value)return"";if(t.data.meta){if(a.value&&!Object.keys(a.value).length)return e.t("topNTable.errors.display");if(!o.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),_=a.value&&a.value[b];return _?_.name:"-"},f=p=>{const b=u(p),_=a.value&&a.value[b];return _?!!_.deleted:!1},g=p=>{if(!o.value)return"–";const _=p.event[o.value];return _?$i(_,{capital:!0,round:!0}):"–"};return(p,b)=>{const _=h.resolveComponent("KEmptyState"),w=h.resolveComponent("KSkeleton"),k=h.resolveComponent("KCard");return h.openBlock(),h.createBlock(k,{class:"kong-ui-public-top-n-table","title-tag":n.titleTag},h.createSlots({default:h.withCtx(()=>[c.value?(h.openBlock(),h.createBlock(_,{key:0,"action-button-visible":!1,"data-testid":"top-n-error-state","icon-variant":"error"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(c.value),1)]),_:1})):n.isLoading?(h.openBlock(),h.createBlock(w,{key:1,"table-columns":2,type:"table"})):s.value?(h.openBlock(),h.createElementBlock("div",_S,[h.createElementVNode("div",wS,[h.createElementVNode("div",vS,[h.createElementVNode("div",kS,h.toDisplayString(h.unref(e).t("topNTable.nameLabel")),1),h.createElementVNode("div",MS,h.toDisplayString(l.value),1)])]),h.createElementVNode("div",SS,[(h.openBlock(!0),h.createElementBlock(h.Fragment,null,h.renderList(i.value,(M,C)=>(h.openBlock(),h.createElementBlock("div",{key:`entry-${C}`,class:"table-row","data-testid":`row-${u(M)}`},[h.createElementVNode("div",TS,[h.renderSlot(p.$slots,"name",{record:{id:u(M),name:d(M),deleted:f(M),dimension:r.value}},()=>[h.createTextVNode(h.toDisplayString(d(M)),1)],!0)]),h.createElementVNode("div",CS," "+h.toDisplayString(g(M)),1)],8,DS))),128))])])):(h.openBlock(),h.createBlock(_,{key:2,"action-button-visible":!1,"data-testid":"top-n-empty-state"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.emptyStateTitle||h.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:h.withCtx(()=>[h.createElementVNode("span",bS,h.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:h.withCtx(()=>[h.createElementVNode("div",xS,h.toDisplayString(n.description),1)]),key:"1"}:void 0]),1032,["title-tag"])}}}),[["__scopeId","data-v-61747ee5"]]);J.AnalyticsChart=cS,J.ChartLegendPosition=Ot,J.ChartMetricDisplay=ti,J.CsvExportButton=Ih,J.CsvExportModal=wo,J.DECIMAL_DISPLAY=ku,J.FONT_SIZE_REGULAR=Su,J.FONT_SIZE_SMALL=Mu,J.MAX_LABEL_LENGTH=Us,J.OTHERS_COLOR=Xx,J.SimpleChart=yS,J.TopNTable=PS,J.ValidType=Ln,J.accessibleGrey=Cu,J.apiRequestStatusCodeColors=Pu,J.chartTypes=zk,J.codesInSpec=Ru,J.darkenColor=Tu,J.datavisPalette=He,J.defaultStatusCodeColors=Xs,J.errorRateColors=qx,J.latencyColors=Ux,J.lightGrey=La,J.lookupColor=Gx,J.lookupDatavisColor=Gn,J.lookupStatusCodeCategoryColor=n_,J.lookupStatusCodeColor=Ia,J.numberFormatter=qs,J.simpleChartTypes=Bk,J.statusCodeBadgeBackgroundColor=jx,J.trafficColors=$x,Object.defineProperty(J,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong-ui-public/analytics-chart",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.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.12",
|
|
38
|
-
"@kong-ui-public/
|
|
39
|
-
"@kong-ui-public/
|
|
38
|
+
"@kong-ui-public/sandbox-layout": "^2.1.52",
|
|
39
|
+
"@kong-ui-public/i18n": "^2.2.8"
|
|
40
40
|
},
|
|
41
41
|
"repository": {
|
|
42
42
|
"type": "git",
|