@kong-ui-public/analytics-chart 8.1.11 → 9.0.0

package/README.md

@@ -9,8 +9,6 @@ Dynamic chart component for kong analytics.
   - [Usage Example](#usage-example-analyticschart)
 - [SimpleChart](#SimpleChart)
   - [Usage Example](#usage-example-simplechart)
-- [CsvExportButton](#CsvExportButton)
-  - [Usage Example](#usage-example-csvexportbutton)
 - [CsvExportModal](#CsvExportModal)
   - [Events](#CsvExportModal-events)
   - [Usage Example](#usage-example-csvexportmodal)
@@ -84,11 +82,6 @@ yarn add @kong-ui-public/analytics-chart
   - Exposed sorting fn for datasets as they appear in the tooltip
   - Sorts in descending order of raw value by default.
 
-#### `chartTitle`
-
-- type: `string`
-- required: `true`
-
 #### `emptyStateTitle`
 
 - type: `string`
@@ -135,7 +128,6 @@ yarn add @kong-ui-public/analytics-chart
     :chart-data="chartData"
     :chart-options="chartOptions"
     tooltip-title="Total Requests"
-    chart-title="Requests by Service"
     :legend-position="legendPosition"
   />
 </template>
@@ -318,97 +310,6 @@ export default defineComponent({
 </script>
 ```
 
-## CsvExportButton
-
-### Props
-
-#### `data`
-
-Chart data to be exported
-
-- type: [ExploreResultV4](https://github.com/Kong/public-ui-components/blob/main/packages/analytics/analytics-utilities/src/types/explore-v4.ts)
-- required: `true`
-
-#### `text`
-
-Text to appear in the button
-
-- type: `string`
-- required: `false`
-- default: `'Export'`
-
-#### `buttonAppearance`
-
-Text to appear in the button
-
-- type: `'primary' | 'secondary' | 'tertiary' | 'danger'`
-- required: `false`
-- default: `'tertiary'`
-
-#### `filenamePrefix`
-
-Resulting csv filename
-
-- type: `string`
-- required: `false`
-- default: `'Chart Export'`
-
-### Usage Example CsvExportButton
-
-```html
-
-<template>
-  <CsvExportButton
-    :data="(chartData as ExploreResultV4)"
-    :filename-prefix="filenamePrefix"
-  />
-</template>
-
-<script setup lang="ts">
-
-import type { ExploreResultV4 } from '@kong-ui-public/analytics-utilities'
-import { CsvExportButton } from '@kong-ui-public/analytics-chart'
-
-const chartData = ref<ExploreResultV4>({
-  data: [
-    {
-      timestamp: '2023-04-24T10:27:22.798Z',
-      event: {
-        Service: 'service-a-id',
-        TotalRequests: 849,
-      },
-    },
-    {
-      timestamp: '2023-04-24T10:27:22.798Z',
-      event: {
-        Service: 'service-b-id',
-        TotalRequests: 5434,
-      },
-    },
-  ],
-  meta: {
-    start_ms: 1682332042798,
-    end_ms: 1682353642798,
-    granularity_ms: 3600000,
-    query_id: '12345',
-    display: {
-      Service: {
-        'service-a-id': { name: 'Service A' },
-        'service-b-id': { name: 'Service B' },
-    },
-    metric_names: ['TotalRequests'],
-    metric_units: {
-      TotalRequests: 'requests',
-    },
-  },
-})
-
-const fileName = ref('exportFilename')
-
-</script>
-
-```
-
 ## CsvExportModal
 
 ### Props

package/dist/style.css

@@ -1 +1 @@
-.locked[data-v-6d10428e]{cursor:move}.tooltip-container[data-v-6d10428e]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-6d10428e]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-6d10428e]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-6d10428e]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .drag-icon[data-v-6d10428e]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}.tooltip-container .tooltip[data-v-6d10428e]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}.tooltip-container .tooltip[data-v-6d10428e]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.tooltip-container .tooltip li[data-v-6d10428e]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-6d10428e]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-6d10428e]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-6d10428e]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-6d10428e]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-14909126]{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-14909126]{-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-14909126] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-14909126] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-14909126] ::-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-14909126]{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-14909126]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-14909126]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-14909126]{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-14909126]{display:none}}.legend-container.horizontal[data-v-14909126]{column-gap:12px;display:grid;height:var(--024ed260);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-14909126]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-14909126]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-14909126]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-14909126]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-14909126]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-14909126]{font-size:12px}.legend-container li .sub-label[data-v-14909126]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-14909126]{text-decoration:line-through}.legend-container li .empty[data-v-14909126]{font-style:italic}.legend-container li .tooltip-content[data-v-14909126]{max-width:40ch}.chart-parent[data-v-1129f066]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-1129f066]{flex-direction:column}.chart-parent.column .chart-container[data-v-1129f066]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-1129f066]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-1129f066]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-1129f066]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-1129f066]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-1129f066]{flex:1 1 auto;position:relative}.chart-container[data-v-1129f066]{overflow:auto}.chart-container[data-v-1129f066]{-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-1129f066] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-1129f066] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-1129f066] ::-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-1129f066]{height:100%}.chart-container[data-v-1129f066]::-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-1129f066]::-webkit-scrollbar{width:10px}.chart-container[data-v-1129f066]::-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-1129f066]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-1129f066]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-1129f066]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-1129f066]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-6f244c54]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6f244c54]{flex-direction:column}.chart-parent.column .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-6f244c54]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-6f244c54]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-6f244c54]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-6f244c54]{flex:1 1 auto;position:relative}.chart-parent[data-v-9ec09087]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-9ec09087]{flex-direction:column}.chart-parent.column .chart-container[data-v-9ec09087]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-9ec09087]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-9ec09087]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-9ec09087]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-9ec09087]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-9ec09087]{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-9741fa86],.simple-chart-shell[data-v-9741fa86]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-9741fa86],.simple-chart-shell .chart-empty-state[data-v-9741fa86]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-9741fa86]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-9741fa86]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-9741fa86]{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-9741fa86]{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-9741fa86]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-9741fa86]{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-9741fa86]{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-9741fa86]{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 .tooltip .tooltip-content[data-v-9741fa86]{max-width:40vw}.chart-parent[data-v-4f4e5b76]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4f4e5b76]{flex-direction:column}.chart-parent.column .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4f4e5b76]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4f4e5b76]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4f4e5b76]{flex:1 1 auto;position:relative}.chart-parent[data-v-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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)}.chart-parent[data-v-89691310]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-89691310]{flex-direction:column}.chart-parent.column .chart-container[data-v-89691310]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-89691310]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-89691310]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-89691310]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-89691310]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-89691310]{flex:1 1 auto;position:relative}.chart-parent[data-v-89691310]{container-type:inline-size}.chart-parent .single-value-error[data-v-89691310] .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)}.chart-parent .single-value-wrapper[data-v-89691310]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-89691310]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:80px;line-height:88px}}.analytics-chart-shell[data-v-471652c8],.simple-chart-shell[data-v-471652c8]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-471652c8],.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-471652c8]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-471652c8] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-5db48d63]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-5db48d63]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-5db48d63] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-5db48d63] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-5db48d63]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-5db48d63]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-5db48d63]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-5db48d63]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-5db48d63]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-5db48d63]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-5db48d63]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-5db48d63]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-5db48d63]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-5db48d63] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}
+.locked[data-v-6d10428e]{cursor:move}.tooltip-container[data-v-6d10428e]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-6d10428e]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-6d10428e]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-6d10428e]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .drag-icon[data-v-6d10428e]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}.tooltip-container .tooltip[data-v-6d10428e]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}.tooltip-container .tooltip[data-v-6d10428e]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.tooltip-container .tooltip li[data-v-6d10428e]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-6d10428e]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-6d10428e]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-6d10428e]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-6d10428e]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-14909126]{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-14909126]{-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-14909126] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-14909126] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-14909126] ::-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-14909126]{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-14909126]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-14909126]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-14909126]{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-14909126]{display:none}}.legend-container.horizontal[data-v-14909126]{column-gap:12px;display:grid;height:var(--024ed260);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-14909126]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-14909126]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-14909126]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-14909126]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-14909126]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-14909126]{font-size:12px}.legend-container li .sub-label[data-v-14909126]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-14909126]{text-decoration:line-through}.legend-container li .empty[data-v-14909126]{font-style:italic}.legend-container li .tooltip-content[data-v-14909126]{max-width:40ch}.chart-parent[data-v-1129f066]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-1129f066]{flex-direction:column}.chart-parent.column .chart-container[data-v-1129f066]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-1129f066]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-1129f066]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-1129f066]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-1129f066]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-1129f066]{flex:1 1 auto;position:relative}.chart-container[data-v-1129f066]{overflow:auto}.chart-container[data-v-1129f066]{-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-1129f066] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-1129f066] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-1129f066] ::-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-1129f066]{height:100%}.chart-container[data-v-1129f066]::-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-1129f066]::-webkit-scrollbar{width:10px}.chart-container[data-v-1129f066]::-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-1129f066]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-1129f066]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-1129f066]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-1129f066]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-6f244c54]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6f244c54]{flex-direction:column}.chart-parent.column .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-6f244c54]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-6f244c54]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-6f244c54]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-6f244c54]{flex:1 1 auto;position:relative}.chart-parent[data-v-9ec09087]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-9ec09087]{flex-direction:column}.chart-parent.column .chart-container[data-v-9ec09087]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-9ec09087]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-9ec09087]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-9ec09087]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-9ec09087]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-9ec09087]{flex:1 1 auto;position:relative}.analytics-chart-shell[data-v-5bb52986],.simple-chart-shell[data-v-5bb52986]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-5bb52986],.simple-chart-shell .chart-empty-state[data-v-5bb52986]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-5bb52986]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-5bb52986]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-5bb52986]{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-5bb52986]{align-items:center;display:flex;justify-content:flex-start;width:100%;z-index:999}.analytics-chart-shell .tooltip[data-v-5bb52986]{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 .tooltip .tooltip-content[data-v-5bb52986]{max-width:40vw}.chart-parent[data-v-4f4e5b76]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4f4e5b76]{flex-direction:column}.chart-parent.column .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4f4e5b76]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4f4e5b76]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4f4e5b76]{flex:1 1 auto;position:relative}.chart-parent[data-v-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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)}.chart-parent[data-v-89691310]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-89691310]{flex-direction:column}.chart-parent.column .chart-container[data-v-89691310]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-89691310]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-89691310]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-89691310]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-89691310]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-89691310]{flex:1 1 auto;position:relative}.chart-parent[data-v-89691310]{container-type:inline-size}.chart-parent .single-value-error[data-v-89691310] .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)}.chart-parent .single-value-wrapper[data-v-89691310]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-89691310]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:80px;line-height:88px}}.analytics-chart-shell[data-v-471652c8],.simple-chart-shell[data-v-471652c8]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-471652c8],.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-471652c8]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-471652c8] .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-665e7735]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-665e7735]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-665e7735] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-665e7735] .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-665e7735] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-665e7735] .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-665e7735]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-665e7735]{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-665e7735]{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-665e7735]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-665e7735]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-665e7735]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-665e7735]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-665e7735]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-665e7735]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735] 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}.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}

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

@@ -31,16 +31,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: string;
     };
-    chartTitle: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    filenamePrefix: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
     legendPosition: {
         type: PropType<`${ChartLegendPosition}`>;
         required: false;
@@ -102,16 +92,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: string;
     };
-    chartTitle: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    filenamePrefix: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
     legendPosition: {
         type: PropType<`${ChartLegendPosition}`>;
         required: false;
@@ -150,11 +130,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     tooltipTitle: string;
     showLegendValues: boolean;
     legendPosition: "hidden" | "right" | "bottom";
-    emptyStateTitle: string;
-    filenamePrefix: string;
     allowCsvExport: boolean;
+    emptyStateTitle: string;
     emptyStateDescription: string;
-    chartTitle: string;
     showAnnotations: boolean;
     timeseriesZoom: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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":"AA6bA,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,EAAE,mBAAmB,EAAE,eAAe,EAAqB,MAAM,qCAAqC,CAAA;;;;;;;;cA8mBnH,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6B/B,QAAQ,CAAC,GAAG,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;cAoBlC,QAAQ,CAAC,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;;;;;;;;;;;;;;;;;;cArD7C,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6B/B,QAAQ,CAAC,GAAG,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;cAoBlC,QAAQ,CAAC,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AApEjE,wBA8EG"}
+{"version":3,"file":"AnalyticsChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChart.vue"],"names":[],"mappings":"AAkYA,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,EAAE,mBAAmB,EAAE,eAAe,EAAqB,MAAM,qCAAqC,CAAA;;;;;;;;cAijBnH,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;cAmB/B,QAAQ,CAAC,GAAG,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;cAoBlC,QAAQ,CAAC,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;;;;;;;;;;;;;;;;;;cA3C7C,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;cAmB/B,QAAQ,CAAC,GAAG,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;cAoBlC,QAAQ,CAAC,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;AA1DjE,wBAoEG"}

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

@@ -1,4 +1,3 @@
-import type { PropType } from 'vue';
 import type { ExploreResultV4 } from '@kong-ui-public/analytics-utilities';
 import type { HeaderTag } from '@kong/kongponents';
 declare function __VLS_template(): {
@@ -16,62 +15,27 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    data: {
-        type: PropType<ExploreResultV4>;
-        required: true;
-    };
-    emptyStateTitle: {
-        type: StringConstructor;
-        default: string;
-    };
-    isLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    titleTag: {
-        type: PropType<HeaderTag>;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    data: {
-        type: PropType<ExploreResultV4>;
-        required: true;
-    };
-    emptyStateTitle: {
-        type: StringConstructor;
-        default: string;
-    };
-    isLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    titleTag: {
-        type: PropType<HeaderTag>;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    isLoading: boolean;
+declare const __VLS_component: import("vue").DefineComponent<{
+    title?: string;
+    description?: string;
+    data: ExploreResultV4;
+    emptyStateTitle?: string;
+    isLoading?: boolean;
+    titleTag?: HeaderTag;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    title?: string;
+    description?: string;
+    data: ExploreResultV4;
+    emptyStateTitle?: string;
+    isLoading?: boolean;
+    titleTag?: HeaderTag;
+}> & Readonly<{}>, {
+    title: string;
     emptyStateTitle: string;
     description: string;
+    isLoading: boolean;
     titleTag: HeaderTag;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"TopNTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNTable.vue"],"names":[],"mappings":"AA0VA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAA0B,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAIlG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAqJlD,iBAAS,cAAc;;;;;;;;;YAyII,GAAG;;;WAShB,OAAO,IAA6B;EAEjD;AA2CD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;cAeD,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;cAYzB,QAAQ,CAAC,SAAS,CAAC;;;;;;;;;;;;;cAZnB,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;cAYzB,QAAQ,CAAC,SAAS,CAAC;;;;;;;;4EAIrC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TopNTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNTable.vue"],"names":[],"mappings":"AA6UA,OAAO,KAAK,EAA0B,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAIlG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAuHlD,iBAAS,cAAc;;;;;;;;;YAyII,GAAG;;;WAShB,OAAO,IAA6B;EAEjD;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YA1RX,MAAM;kBACA,MAAM;UACd,eAAe;sBACH,MAAM;gBACZ,OAAO;eACR,SAAS;;YALZ,MAAM;kBACA,MAAM;UACd,eAAe;sBACH,MAAM;gBACZ,OAAO;eACR,SAAS;;WALZ,MAAM;qBAGI,MAAM;iBAFV,MAAM;eAGR,OAAO;cACR,SAAS;6EA4RpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/types/index.d.ts

@@ -2,8 +2,7 @@ import AnalyticsChart from './components/AnalyticsChart.vue';
 import SimpleChart from './components/SimpleChart.vue';
 import TopNTable from './components/TopNTable.vue';
 import CsvExportModal from './components/CsvExportModal.vue';
-import CsvExportButton from './components/CsvExportButton.vue';
-export { AnalyticsChart, SimpleChart, TopNTable, CsvExportModal, CsvExportButton };
+export { AnalyticsChart, SimpleChart, TopNTable, CsvExportModal };
 export * from './types';
 export * from './enums';
 export * from './utils/colors';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,eAAe,MAAM,kCAAkC,CAAA;AAE9D,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA;AAElF,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAEjE,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA"}