@kong-ui-public/analytics-chart 5.7.5 → 5.8.0

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-251c3e18]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-251c3e18]{flex-direction:column}.chart-parent.column .chart-container[data-v-251c3e18]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-251c3e18]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-251c3e18]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-251c3e18]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-251c3e18]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-251c3e18]{flex:1 1 auto;position:relative}.chart-container[data-v-251c3e18]{overflow:auto}.chart-container[data-v-251c3e18]{-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-251c3e18] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-251c3e18] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-251c3e18] ::-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-251c3e18]{height:100%}.chart-container[data-v-251c3e18]::-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-251c3e18]::-webkit-scrollbar{width:10px}.chart-container[data-v-251c3e18]::-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-251c3e18]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-251c3e18]{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-251c3e18]{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-f95833b1]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-f95833b1]{flex-direction:column}.chart-parent.column .chart-container[data-v-f95833b1]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-f95833b1]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-f95833b1]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-f95833b1]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-f95833b1]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-f95833b1]{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-971d45ff],.simple-chart-shell[data-v-971d45ff]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-971d45ff],.simple-chart-shell .chart-empty-state[data-v-971d45ff]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-971d45ff]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-971d45ff]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-971d45ff]{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-971d45ff]{align-items:center;display:flex;justify-content:flex-start;right:0;width:100%;z-index:999}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-971d45ff]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-971d45ff]{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-971d45ff]{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-971d45ff]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-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-7a939d6b]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-7a939d6b]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-7a939d6b] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-7a939d6b] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-7a939d6b] .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-7a939d6b] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-7a939d6b] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-7a939d6b] .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-7a939d6b]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-7a939d6b]{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-7a939d6b]{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-7a939d6b]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-7a939d6b]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-7a939d6b]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-7a939d6b]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-7a939d6b]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-7a939d6b],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-7a939d6b]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-7a939d6b]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-7a939d6b] 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-251c3e18]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-251c3e18]{flex-direction:column}.chart-parent.column .chart-container[data-v-251c3e18]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-251c3e18]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-251c3e18]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-251c3e18]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-251c3e18]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-251c3e18]{flex:1 1 auto;position:relative}.chart-container[data-v-251c3e18]{overflow:auto}.chart-container[data-v-251c3e18]{-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-251c3e18] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-251c3e18] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-251c3e18] ::-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-251c3e18]{height:100%}.chart-container[data-v-251c3e18]::-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-251c3e18]::-webkit-scrollbar{width:10px}.chart-container[data-v-251c3e18]::-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-251c3e18]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-251c3e18]{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-251c3e18]{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-cf6f2069]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-cf6f2069]{flex-direction:column}.chart-parent.column .chart-container[data-v-cf6f2069]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-cf6f2069]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-cf6f2069]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-cf6f2069]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-cf6f2069]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-cf6f2069]{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-971d45ff],.simple-chart-shell[data-v-971d45ff]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-971d45ff],.simple-chart-shell .chart-empty-state[data-v-971d45ff]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-971d45ff]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-971d45ff]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-971d45ff]{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-971d45ff]{align-items:center;display:flex;justify-content:flex-start;right:0;width:100%;z-index:999}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-971d45ff]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-971d45ff]{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-971d45ff]{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-971d45ff]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-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-7a939d6b]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-7a939d6b]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-7a939d6b] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-7a939d6b] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-7a939d6b] .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-7a939d6b] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-7a939d6b] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-7a939d6b] .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-7a939d6b]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-7a939d6b]{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-7a939d6b]{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-7a939d6b]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-7a939d6b]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-7a939d6b]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-7a939d6b]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-7a939d6b]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-7a939d6b],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-7a939d6b]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-7a939d6b]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-7a939d6b] 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}
@@ -19,16 +19,6 @@ export default function useLinechartOptions(chartOptions: LineChartOptions): {
19
19
  };
20
20
  scales: {
21
21
  x: {
22
- stacked: boolean;
23
- time: {
24
- tooltipFormat: string;
25
- unit: string;
26
- displayFormats: {
27
- minute: string;
28
- hour: string;
29
- day: string;
30
- };
31
- };
32
22
  type: string;
33
23
  display: boolean;
34
24
  grid: {
@@ -42,6 +32,7 @@ export default function useLinechartOptions(chartOptions: LineChartOptions): {
42
32
  autoSkipPadding: number;
43
33
  source: string;
44
34
  maxRotation: number;
35
+ callback: (value: number) => string;
45
36
  };
46
37
  title: {
47
38
  display: boolean;
@@ -56,9 +47,9 @@ export default function useLinechartOptions(chartOptions: LineChartOptions): {
56
47
  border: {
57
48
  display: boolean;
58
49
  };
50
+ stacked: boolean;
59
51
  };
60
52
  y: {
61
- stacked: boolean;
62
53
  title: {
63
54
  display: boolean;
64
55
  text: string | undefined;
@@ -80,6 +71,7 @@ export default function useLinechartOptions(chartOptions: LineChartOptions): {
80
71
  border: {
81
72
  display: boolean;
82
73
  };
74
+ stacked: boolean;
83
75
  };
84
76
  };
85
77
  responsive: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"useLineChartOptions.d.ts","sourceRoot":"","sources":["../../../src/composables/useLineChartOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,SAAS,EAGV,MAAM,UAAU,CAAA;AAOjB,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAExE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,YAAY,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8J5C,sBAAsB;;;;;;;;;;EAenD;AAED,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,oBAAoB;QAC5B,wBAAwB,EAAE,yBAAyB,CAAC,SAAS,CAAC,CAAC;KAChE;CACF"}
1
+ {"version":3,"file":"useLineChartOptions.d.ts","sourceRoot":"","sources":["../../../src/composables/useLineChartOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,SAAS,EAGV,MAAM,UAAU,CAAA;AAMjB,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAGxE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,YAAY,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgBlD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwHA,sBAAsB;;;;;;;;;;EAenD;AAED,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,oBAAoB;QAC5B,wBAAwB,EAAE,yBAAyB,CAAC,SAAS,CAAC,CAAC;KAChE;CACF"}
@@ -6,6 +6,10 @@ export declare const hasDataInDatasets: (chartData: KChartData) => boolean | 0;
6
6
  export declare const hasTwoOrMoreDataPoints: (chartData: KChartData) => boolean | 0;
7
7
  export declare const hasTimeseriesData: (chartData: KChartData) => boolean | 0;
8
8
  export declare const hasMillisecondTimestamps: (chartData: KChartData) => boolean | 0;
9
+ /**
10
+ * Adjust the tooltip's horizontal position based on its width and cursor location relative to the chart center.
11
+ * This logic ensures consistent visual placement of a custom tooltip, as ChartJS offers limited direct control.
12
+ */
9
13
  export declare const horizontalTooltipPositioning: (position: Point, tooltipWidth: number, chartCenterX: number) => number;
10
14
  export declare const verticalTooltipPositioning: (position: Point, tooltipHeight: number, chartCenterY: number) => number;
11
15
  export declare function debounce(fn: Function, delay: number): (...args: any) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"commonOptions.d.ts","sourceRoot":"","sources":["../../../src/utils/commonOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAE,YAAY,EAAgB,MAAM,UAAU,CAAA;AAG9F,OAAO,KAAK,EAAE,KAAK,EAAoB,MAAM,UAAU,CAAA;AAIvD,eAAO,MAAM,eAAe,gBAAiB,YAAY,WAAW,sBAAsB,KAAI,IAsD7F,CAAA;AAED,eAAO,MAAM,WAAW,cAAe,UAAU,WACa,CAAA;AAE9D,eAAO,MAAM,iBAAiB,cAAe,UAAU,gBACoB,CAAA;AAE3E,eAAO,MAAM,sBAAsB,cAAe,UAAU,gBAEP,CAAA;AAErD,eAAO,MAAM,iBAAiB,cAAe,UAAU,gBAC0E,CAAA;AAEjI,eAAO,MAAM,wBAAwB,cAAe,UAAU,gBAI3D,CAAA;AAEH,eAAO,MAAM,4BAA4B,aAAc,KAAK,gBAAgB,MAAM,gBAAgB,MAAM,WAoCvG,CAAA;AAED,eAAO,MAAM,0BAA0B,aAAc,KAAK,iBAAiB,MAAM,gBAAgB,MAAM,WAStG,CAAA;AAGD,wBAAgB,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,aAEjC,GAAG,UAMrB"}
1
+ {"version":3,"file":"commonOptions.d.ts","sourceRoot":"","sources":["../../../src/utils/commonOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAE,YAAY,EAAgB,MAAM,UAAU,CAAA;AAG9F,OAAO,KAAK,EAAE,KAAK,EAAoB,MAAM,UAAU,CAAA;AAIvD,eAAO,MAAM,eAAe,gBAAiB,YAAY,WAAW,sBAAsB,KAAI,IAsD7F,CAAA;AAED,eAAO,MAAM,WAAW,cAAe,UAAU,WACa,CAAA;AAE9D,eAAO,MAAM,iBAAiB,cAAe,UAAU,gBACoB,CAAA;AAE3E,eAAO,MAAM,sBAAsB,cAAe,UAAU,gBAEP,CAAA;AAErD,eAAO,MAAM,iBAAiB,cAAe,UAAU,gBAC0E,CAAA;AAEjI,eAAO,MAAM,wBAAwB,cAAe,UAAU,gBAI3D,CAAA;AAEH;;;IAGI;AACJ,eAAO,MAAM,4BAA4B,aAAc,KAAK,gBAAgB,MAAM,gBAAgB,MAAM,WA4BvG,CAAA;AAED,eAAO,MAAM,0BAA0B,aAAc,KAAK,iBAAiB,MAAM,gBAAgB,MAAM,WAStG,CAAA;AAGD,wBAAgB,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,aAEjC,GAAG,UAMrB"}
@@ -0,0 +1,3 @@
1
+ import type { GranularityValues } from '@kong-ui-public/analytics-utilities';
2
+ export declare const formatByGranularity: (tickValue: Date, granularity: GranularityValues, dayBoundaryCrossed: boolean, timezone?: string) => string;
3
+ //# sourceMappingURL=format-timestamps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"format-timestamps.d.ts","sourceRoot":"","sources":["../../../src/utils/format-timestamps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAK5E,eAAO,MAAM,mBAAmB,cACnB,IAAI,eACF,iBAAiB,sBACV,OAAO,aACjB,MAAM,WAqBjB,CAAA"}
@@ -4,4 +4,5 @@ export * from './colors';
4
4
  export * from './defaultLineOptions';
5
5
  export * from './stackedBarUtil';
6
6
  export * from './customColors';
7
+ export * from './format-timestamps';
7
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA"}