@kong-ui-public/analytics-chart 5.0.12 → 5.1.0

package/README.md

@@ -115,6 +115,16 @@ yarn add @kong-ui-public/analytics-chart
 - default: `true`
 - Show the sum of each dataset in the legend
 
+#### `timeseriesZoom`
+
+- type: `boolean`
+- required: `false`
+- default: `false`
+- Enable zooming on timeseries charts
+
+### Events
+`@zoom-time-range` - event emitted representing a new time range on zoom selection see [AbsoluteTimeRangeV4](https://github.com/Kong/public-ui-components/blob/main/packages/analytics/analytics-utilities/src/types/explore/common.ts#L33)
+
 ## Usage Example AnalyticsChart
 
 ```html
@@ -497,4 +507,4 @@ const fileName = ref('exportFilename')
 
 </script>
 
-```
+```

package/dist/style.css

@@ -1 +1 @@
-.locked[data-v-cd0df662]{cursor:move}.tooltip-container[data-v-cd0df662]{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-cd0df662]{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-cd0df662]{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-cd0df662]{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-cd0df662]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-cd0df662]{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-cd0df662]{-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-cd0df662] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-cd0df662] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-cd0df662] ::-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-cd0df662]{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-cd0df662]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-cd0df662]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-cd0df662]{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-cd0df662]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-bf35eae8]{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-bf35eae8]{-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-bf35eae8] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-bf35eae8] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-bf35eae8] ::-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-bf35eae8]{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-bf35eae8]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-bf35eae8]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-bf35eae8]{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-bf35eae8]{display:none}}.legend-container.horizontal[data-v-bf35eae8]{column-gap:12px;display:grid;height:var(--143d7c82);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-bf35eae8]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-bf35eae8]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-bf35eae8]{line-height:24px;white-space:nowrap}.legend-container li[data-v-bf35eae8]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-bf35eae8]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-bf35eae8]{font-size:12px}.legend-container li .sub-label[data-v-bf35eae8]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-bf35eae8]{text-decoration:line-through}.chart-parent[data-v-3a47e0ef]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-3a47e0ef]{flex-direction:column}.chart-parent.column .chart-container[data-v-3a47e0ef]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-3a47e0ef]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-3a47e0ef]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-3a47e0ef]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-3a47e0ef]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-3a47e0ef]{flex:1 1 auto;position:relative}.chart-container[data-v-3a47e0ef]{overflow:auto}.chart-container[data-v-3a47e0ef]{-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-3a47e0ef] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-3a47e0ef] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-3a47e0ef] ::-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-3a47e0ef]{height:100%}.chart-container[data-v-3a47e0ef]::-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-3a47e0ef]::-webkit-scrollbar{width:10px}.chart-container[data-v-3a47e0ef]::-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-3a47e0ef]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-3a47e0ef]{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-3a47e0ef]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-a6b65ed5]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-a6b65ed5]{flex-direction:column}.chart-parent.column .chart-container[data-v-a6b65ed5]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-a6b65ed5]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-a6b65ed5]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-a6b65ed5]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-a6b65ed5]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-a6b65ed5]{flex:1 1 auto;position:relative}.chart-parent[data-v-2e54baa1]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-2e54baa1]{flex-direction:column}.chart-parent.column .chart-container[data-v-2e54baa1]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-2e54baa1]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-2e54baa1]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-2e54baa1]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-2e54baa1]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-2e54baa1]{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-470fa6ac],.simple-chart-shell[data-v-470fa6ac]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-470fa6ac],.simple-chart-shell .chart-empty-state[data-v-470fa6ac]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-470fa6ac]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-470fa6ac]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-470fa6ac]{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-470fa6ac]{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-470fa6ac]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-470fa6ac]{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-470fa6ac]{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-470fa6ac]{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-18bc031c]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-18bc031c]{flex-direction:column}.chart-parent.column .chart-container[data-v-18bc031c]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-18bc031c]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-18bc031c]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-18bc031c]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-18bc031c]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-18bc031c]{flex:1 1 auto;position:relative}.chart-parent[data-v-18bc031c]{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-18bc031c]{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-18bc031c]{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-18bc031c]{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-18bc031c]{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-0ee40a4b],.simple-chart-shell[data-v-0ee40a4b]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-0ee40a4b],.simple-chart-shell .chart-empty-state[data-v-0ee40a4b]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-0ee40a4b]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-0ee40a4b]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-0ee40a4b] .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-50809fdb]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-50809fdb]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-50809fdb] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-50809fdb] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-50809fdb] .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-50809fdb] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-50809fdb] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-50809fdb] .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-50809fdb]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-50809fdb]{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-50809fdb]{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-50809fdb]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-50809fdb]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-50809fdb]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-50809fdb]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-50809fdb]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-50809fdb]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}
+.locked[data-v-cd0df662]{cursor:move}.tooltip-container[data-v-cd0df662]{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-cd0df662]{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-cd0df662]{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-cd0df662]{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-cd0df662]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-cd0df662]{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-cd0df662]{-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-cd0df662] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-cd0df662] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-cd0df662] ::-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-cd0df662]{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-cd0df662]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-cd0df662]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-cd0df662]{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-cd0df662]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-bf35eae8]{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-bf35eae8]{-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-bf35eae8] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-bf35eae8] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-bf35eae8] ::-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-bf35eae8]{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-bf35eae8]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-bf35eae8]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-bf35eae8]{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-bf35eae8]{display:none}}.legend-container.horizontal[data-v-bf35eae8]{column-gap:12px;display:grid;height:var(--143d7c82);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-bf35eae8]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-bf35eae8]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-bf35eae8]{line-height:24px;white-space:nowrap}.legend-container li[data-v-bf35eae8]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-bf35eae8]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-bf35eae8]{font-size:12px}.legend-container li .sub-label[data-v-bf35eae8]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-bf35eae8]{text-decoration:line-through}.chart-parent[data-v-3a47e0ef]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-3a47e0ef]{flex-direction:column}.chart-parent.column .chart-container[data-v-3a47e0ef]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-3a47e0ef]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-3a47e0ef]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-3a47e0ef]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-3a47e0ef]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-3a47e0ef]{flex:1 1 auto;position:relative}.chart-container[data-v-3a47e0ef]{overflow:auto}.chart-container[data-v-3a47e0ef]{-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-3a47e0ef] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-3a47e0ef] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-3a47e0ef] ::-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-3a47e0ef]{height:100%}.chart-container[data-v-3a47e0ef]::-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-3a47e0ef]::-webkit-scrollbar{width:10px}.chart-container[data-v-3a47e0ef]::-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-3a47e0ef]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-3a47e0ef]{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-3a47e0ef]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-a6b65ed5]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-a6b65ed5]{flex-direction:column}.chart-parent.column .chart-container[data-v-a6b65ed5]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-a6b65ed5]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-a6b65ed5]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-a6b65ed5]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-a6b65ed5]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-a6b65ed5]{flex:1 1 auto;position:relative}.chart-parent[data-v-f5b9a7e7]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-f5b9a7e7]{flex-direction:column}.chart-parent.column .chart-container[data-v-f5b9a7e7]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-f5b9a7e7]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-f5b9a7e7]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-f5b9a7e7]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-f5b9a7e7]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-f5b9a7e7]{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-529a8f3b],.simple-chart-shell[data-v-529a8f3b]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-529a8f3b],.simple-chart-shell .chart-empty-state[data-v-529a8f3b]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-529a8f3b]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-529a8f3b]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-529a8f3b]{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-529a8f3b]{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-529a8f3b]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-529a8f3b]{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-529a8f3b]{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-529a8f3b]{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-18bc031c]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-18bc031c]{flex-direction:column}.chart-parent.column .chart-container[data-v-18bc031c]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-18bc031c]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-18bc031c]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-18bc031c]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-18bc031c]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-18bc031c]{flex:1 1 auto;position:relative}.chart-parent[data-v-18bc031c]{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-18bc031c]{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-18bc031c]{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-18bc031c]{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-18bc031c]{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-0ee40a4b],.simple-chart-shell[data-v-0ee40a4b]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-0ee40a4b],.simple-chart-shell .chart-empty-state[data-v-0ee40a4b]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-0ee40a4b]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-0ee40a4b]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-0ee40a4b] .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-50809fdb]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-50809fdb]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-50809fdb] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-50809fdb] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-50809fdb] .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-50809fdb] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-50809fdb] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-50809fdb] .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-50809fdb]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-50809fdb]{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-50809fdb]{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-50809fdb]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-50809fdb]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-50809fdb]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-50809fdb]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-50809fdb]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-50809fdb]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}

package/dist/types/components/AnalyticsChart.vue.d.ts

@@ -1,7 +1,7 @@
 import type { AnalyticsChartOptions } from '../types';
 import { ChartLegendPosition } from '../enums';
 import type { PropType } from 'vue';
-import type { ExploreResultV4 } from '@kong-ui-public/analytics-utilities';
+import type { AbsoluteTimeRangeV4, ExploreResultV4 } from '@kong-ui-public/analytics-utilities';
 declare const _default: import("vue").DefineComponent<{
     allowCsvExport: {
         type: BooleanConstructor;
@@ -61,7 +61,14 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    timeseriesZoom: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "zoom-time-range": (newTimeRange: AbsoluteTimeRangeV4) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     allowCsvExport: {
         type: BooleanConstructor;
         required: false;
@@ -120,7 +127,14 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
-}>>, {
+    timeseriesZoom: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onZoom-time-range"?: ((newTimeRange: AbsoluteTimeRangeV4) => any) | undefined;
+}, {
     syntheticsDataKey: string;
     tooltipTitle: string;
     showLegendValues: boolean;
@@ -131,6 +145,7 @@ declare const _default: import("vue").DefineComponent<{
     emptyStateDescription: string;
     chartTitle: string;
     showAnnotations: boolean;
+    timeseriesZoom: boolean;
 }, {}>;
 export default _default;
 //# sourceMappingURL=AnalyticsChart.vue.d.ts.map

package/dist/types/components/AnalyticsChart.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChart.vue"],"names":[],"mappings":"AA0ZA,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,EAAuB,eAAe,EAAqB,MAAM,qCAAqC,CAAA;;;;;;;;cA2iB9F,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7CtD,wBAiEG"}
+{"version":3,"file":"AnalyticsChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChart.vue"],"names":[],"mappings":"AAqaA,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;;;;;;;;cAslBnH,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA9CtD,wBAuEG"}

package/dist/types/components/chart-plugins/DragSelectPlugin.d.ts

@@ -0,0 +1,19 @@
+import type { Plugin } from 'chart.js';
+interface DragSelectPlugin extends Plugin {
+    isDragging: boolean;
+    startX: number;
+    endX: number;
+    dragTimeout?: number;
+    dragSelectHandlers?: {
+        onMouseDown: (event: MouseEvent) => void;
+        onMouseMove: (event: MouseEvent) => void;
+        onMouseUp: (event: MouseEvent) => void;
+    };
+}
+export interface DragSelectEventDetail {
+    xStart: number | undefined;
+    xEnd: number | undefined;
+}
+export declare const dragSelectPlugin: DragSelectPlugin;
+export {};
+//# sourceMappingURL=DragSelectPlugin.d.ts.map

package/dist/types/components/chart-plugins/DragSelectPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragSelectPlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-plugins/DragSelectPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,MAAM,EAAE,MAAM,UAAU,CAAA;AAE7C,UAAU,gBAAiB,SAAQ,MAAM;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE;QACnB,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;QACxC,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;QACxC,SAAS,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;KACvC,CAAA;CACF;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB;AAuBD,eAAO,MAAM,gBAAgB,EAAE,gBA6D9B,CAAA"}

package/dist/types/components/chart-plugins/VerticalLinePlugin.d.ts

@@ -1,6 +1,7 @@
 import type { ChartType, Plugin, TooltipItem } from 'chart.js';
 interface VerticalLinePlugin extends Plugin {
     clickedSegment?: TooltipItem<ChartType>;
+    pause?: boolean;
 }
 export declare const verticalLinePlugin: VerticalLinePlugin;
 export {};

package/dist/types/components/chart-plugins/VerticalLinePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalLinePlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-plugins/VerticalLinePlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAErE,UAAU,kBAAmB,SAAQ,MAAM;IACzC,cAAc,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CACxC;AAcD,eAAO,MAAM,kBAAkB,EAAE,kBAkBhC,CAAA"}
+{"version":3,"file":"VerticalLinePlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-plugins/VerticalLinePlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAErE,UAAU,kBAAmB,SAAQ,MAAM;IACzC,cAAc,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAcD,eAAO,MAAM,kBAAkB,EAAE,kBAkBhC,CAAA"}

package/dist/types/components/chart-types/TimeSeriesChart.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import 'chartjs-adapter-date-fns';
 import 'chart.js/auto';
 import type { ChartLegendSortFn, ChartTooltipSortFn, EnhancedLegendItem, KChartData, LegendValues, TooltipEntry } from '../../types';
-import type { GranularityValues } from '@kong-ui-public/analytics-utilities';
+import type { GranularityValues, AbsoluteTimeRangeV4 } from '@kong-ui-public/analytics-utilities';
 declare const _default: import("vue").DefineComponent<{
     chartData: {
         type: PropType<KChartData>;
@@ -72,7 +72,14 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: (a: TooltipEntry, b: TooltipEntry) => number;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    zoom: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "zoom-time-range": (newTimeRange: AbsoluteTimeRangeV4) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     chartData: {
         type: PropType<KChartData>;
         required: false;
@@ -141,7 +148,14 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: (a: TooltipEntry, b: TooltipEntry) => number;
     };
-}>>, {
+    zoom: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onZoom-time-range"?: ((newTimeRange: AbsoluteTimeRangeV4) => any) | undefined;
+}, {
     fill: boolean;
     type: "timeseries_line" | "timeseries_bar";
     stacked: boolean;
@@ -154,6 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     chartLegendSortFn: ChartLegendSortFn;
     chartTooltipSortFn: ChartTooltipSortFn;
     timeRangeMs: number;
+    zoom: boolean;
 }, {}>;
 export default _default;
 //# sourceMappingURL=TimeSeriesChart.vue.d.ts.map

package/dist/types/components/chart-types/TimeSeriesChart.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeSeriesChart.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-types/TimeSeriesChart.vue"],"names":[],"mappings":"AA+OA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,0BAA0B,CAAA;AACjC,OAAO,eAAe,CAAA;AAQtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AACpI,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;;;cA6cxD,QAAQ,CAAC,UAAU,CAAC;;;;;cAKpB,QAAQ,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAwB9C,QAAQ,CAAC,iBAAiB,CAAC;;;;;;;;;cAS3B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;cAoBpB,QAAQ,CAAC,iBAAiB,CAAC;;qBAEhC,kBAAkB,KAAK,kBAAkB;;;cAGpC,QAAQ,CAAC,kBAAkB,CAAC;;qBAEjC,YAAY,KAAK,YAAY;;;;cAjE1B,QAAQ,CAAC,UAAU,CAAC;;;;;cAKpB,QAAQ,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAwB9C,QAAQ,CAAC,iBAAiB,CAAC;;;;;;;;;cAS3B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;cAoBpB,QAAQ,CAAC,iBAAiB,CAAC;;qBAEhC,kBAAkB,KAAK,kBAAkB;;;cAGpC,QAAQ,CAAC,kBAAkB,CAAC;;qBAEjC,YAAY,KAAK,YAAY;;;;;;;;;;;;;;;;AAxE9C,wBA2EG"}
+{"version":3,"file":"TimeSeriesChart.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-types/TimeSeriesChart.vue"],"names":[],"mappings":"AAoSA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,0BAA0B,CAAA;AACjC,OAAO,eAAe,CAAA;AAStB,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AACpI,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;;;cAghB7E,QAAQ,CAAC,UAAU,CAAC;;;;;cAKpB,QAAQ,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAwB9C,QAAQ,CAAC,iBAAiB,CAAC;;;;;;;;;cAS3B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;cAoBpB,QAAQ,CAAC,iBAAiB,CAAC;;qBAEhC,kBAAkB,KAAK,kBAAkB;;;cAGpC,QAAQ,CAAC,kBAAkB,CAAC;;qBAEjC,YAAY,KAAK,YAAY;;;;;;;;;;;cAjE1B,QAAQ,CAAC,UAAU,CAAC;;;;;cAKpB,QAAQ,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAwB9C,QAAQ,CAAC,iBAAiB,CAAC;;;;;;;;;cAS3B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;cAoBpB,QAAQ,CAAC,iBAAiB,CAAC;;qBAEhC,kBAAkB,KAAK,kBAAkB;;;cAGpC,QAAQ,CAAC,kBAAkB,CAAC;;qBAEjC,YAAY,KAAK,YAAY;;;;;;;;;;;;;;;;;;;;;;;;AAzE9C,wBAiFG"}