@kong-ui-public/analytics-chart 10.40.3-pr.3904.a126aa73c.0 → 10.40.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -0
- package/dist/style.css +1 -1
- package/dist/types/components/CsvExportModal.vue.d.ts +16 -0
- package/dist/types/components/CsvExportModal.vue.d.ts.map +1 -0
- package/dist/types/components/DownloadCsv.vue.d.ts +20 -0
- package/dist/types/components/DownloadCsv.vue.d.ts.map +1 -0
- package/dist/types/components/vue-json-csv/VueJsonCsv.vue.d.ts +166 -0
- package/dist/types/components/vue-json-csv/VueJsonCsv.vue.d.ts.map +1 -0
- package/dist/types/composables/index.d.ts +2 -0
- package/dist/types/composables/index.d.ts.map +1 -1
- package/dist/types/composables/useChartSelectedRange.d.ts +4 -0
- package/dist/types/composables/useChartSelectedRange.d.ts.map +1 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/types/chart-export.d.ts +20 -0
- package/dist/types/types/chart-export.d.ts.map +1 -0
- package/dist/types/types/index.d.ts +1 -0
- package/dist/types/types/index.d.ts.map +1 -1
- package/dist/vitals-chart.es.js +13603 -9111
- package/dist/vitals-chart.umd.js +35 -6
- package/package.json +8 -4
package/README.md
CHANGED
|
@@ -320,6 +320,14 @@ export default defineComponent({
|
|
|
320
320
|
</script>
|
|
321
321
|
```
|
|
322
322
|
|
|
323
|
+
## CsvExportModal
|
|
324
|
+
|
|
325
|
+
`CsvExportModal` from `@kong-ui-public/analytics-chart` is deprecated and remains available for compatibility. For new integrations, use [`CsvExportModal` from dashboard-renderer](../dashboard-renderer/README.md#csvexportmodal).
|
|
326
|
+
|
|
327
|
+
```ts
|
|
328
|
+
import { CsvExportModal } from '@kong-ui-public/dashboard-renderer'
|
|
329
|
+
```
|
|
330
|
+
|
|
323
331
|
## TopNTable (deprecated)
|
|
324
332
|
|
|
325
333
|
`TopNTable` is deprecated and remains exported for existing standalone consumers.
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.zoom-timerange-container[data-v-4fa681cf]{line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-timerange-container .zoom-timerange-details[data-v-4fa681cf]{display:grid;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:2px;gap:var(--kui-space-10, 2px);grid-template-columns:35px 1fr;margin:6px 2px;margin:var(--kui-space-30, 6px) var(--kui-space-10, 2px)}.zoom-timerange-container .zoom-timerange-details .label[data-v-4fa681cf]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.zoom-actions-container[data-v-79ba72f8]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column;line-height:16px;line-height:var(--kui-line-height-20, 16px)}.zoom-actions-container .zoom-actions-heading[data-v-79ba72f8]{align-items:top;display:flex}.zoom-actions-container .zoom-actions-heading .zoom-actions-close-icon[data-v-79ba72f8]{cursor:pointer;margin-right:6px;margin-right:var(--kui-space-30, 6px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.zoom-actions-container .zoom-actions-heading-divider[data-v-79ba72f8]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-select .zoom-action-item[data-v-79ba72f8]:first-child{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);cursor:pointer;font-size:12px;font-size:var(--kui-font-size-20, 12px);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);transition:background-color .2s}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]:last-of-type{border-bottom-left-radius:4px;border-bottom-left-radius:var(--kui-border-radius-20, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);margin-bottom:4px;margin-bottom:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item .zoom-action-link[data-v-79ba72f8]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);display:block;text-decoration:none}.zoom-actions-container .zoom-action-item.disabled[data-v-79ba72f8]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);pointer-events:none}.zoom-actions-container .zoom-action-item.disabled a[data-v-79ba72f8]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5)}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]:hover{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.locked[data-v-fb2f2a72]{cursor:move}.tooltip-container[data-v-fb2f2a72]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;position:fixed;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:1}.tooltip-container .tooltip-title[data-v-fb2f2a72]{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 6px 0;margin:var(--kui-space-30, 6px) var(--kui-space-30, 6px) 0 var(--kui-space-30, 6px);min-height:24px}.tooltip-container .tooltip-title .title[data-v-fb2f2a72]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between}.tooltip-container .tooltip-title .title .drag-icon[data-v-fb2f2a72]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-fb2f2a72]{display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title[data-v-fb2f2a72]{padding-bottom:4px;padding-bottom:var(--kui-space-20, 4px)}.tooltip-container .tooltip[data-v-fb2f2a72]{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-fb2f2a72]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.tooltip-container .tooltip[data-v-fb2f2a72] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-fb2f2a72] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-fb2f2a72] ::-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-fb2f2a72]{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-fb2f2a72]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-fb2f2a72]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-fb2f2a72]{font-variant-numeric:tabular-nums;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-fb2f2a72]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.tooltip-container .tooltip .marker-placeholder[data-v-fb2f2a72]{background:transparent;border:none}.tooltip-container .tooltip .extra-row .display-label[data-v-fb2f2a72],.tooltip-container .tooltip .extra-row .display-value[data-v-fb2f2a72]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-90ef4d12]{box-sizing:border-box;display:flex;flex-grow:1;flex-wrap:wrap;gap:8px 9px;justify-content:center;margin:0;max-height:inherit;overflow:auto;-ms-overflow-style:thin;padding:8px calc(5% + 4px);padding:var(--kui-space-40, 8px) calc(5% + var(--kui-space-20, 4px));width:100%}.legend-container[data-v-90ef4d12]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.legend-container[data-v-90ef4d12] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-90ef4d12] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-90ef4d12] ::-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 li[data-v-90ef4d12]{align-items:center;cursor:pointer;display:flex;line-height:1;margin:0}.legend-container li.legend-key[data-v-90ef4d12]{cursor:default}.legend-container li .line-marker[data-v-90ef4d12]{margin-right:6px;margin-right:var(--kui-space-30, 6px);overflow:visible}.legend-container li .label-container.inline-value[data-v-90ef4d12]{align-items:center;display:flex;gap:4px;gap:var(--kui-space-20, 4px)}.legend-container li .square-marker[data-v-90ef4d12]{height:8px;margin:0;margin:var(--kui-space-0, 0px);margin-right:6px;margin-right:var(--kui-space-30, 6px);width:8px}.legend-container li .label[data-v-90ef4d12]{font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.legend-container li .label.truncate-label[data-v-90ef4d12]{max-width:20ch;overflow:hidden;text-overflow:ellipsis}.legend-container li .sub-label[data-v-90ef4d12]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);word-break:none}.legend-container li .strike-through[data-v-90ef4d12]{text-decoration:line-through}.legend-container li .empty[data-v-90ef4d12]{font-style:italic}.legend-container li .tooltip-content[data-v-90ef4d12]{max-width:40ch}.chart-parent[data-v-6994dd8d]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6994dd8d]{flex-direction:column}.chart-parent.column .chart-container[data-v-6994dd8d]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-6994dd8d]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-6994dd8d]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-container[data-v-6994dd8d]{overflow:auto}.chart-container[data-v-6994dd8d]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.chart-container[data-v-6994dd8d] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-6994dd8d] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-6994dd8d] ::-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-6994dd8d]{height:100%}.chart-container[data-v-6994dd8d]::-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-6994dd8d]::-webkit-scrollbar{width:10px}.chart-container[data-v-6994dd8d]::-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-6994dd8d]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-6994dd8d]{background-color:#0d0e14;background-color:var(--kui-color-background-inverse, #0d0e14);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-6994dd8d]{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-6994dd8d]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-db23aff8]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-db23aff8]{flex-direction:column}.chart-parent.column .chart-container[data-v-db23aff8]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-db23aff8]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-db23aff8]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-center-metric[data-v-db23aff8]{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.chart-center-metric .chart-center-total[data-v-db23aff8]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:1.1}.chart-center-metric .chart-center-unit[data-v-db23aff8]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-a001076d]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-a001076d]{flex-direction:column}.chart-parent.column .chart-container[data-v-a001076d]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-a001076d]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-a001076d]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-344d87c4]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-344d87c4]{flex-direction:column}.chart-parent.column .chart-container[data-v-344d87c4]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-344d87c4]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-344d87c4]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.analytics-chart-shell[data-v-c5c250ba],.simple-chart-shell[data-v-c5c250ba]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-c5c250ba],.simple-chart-shell .chart-empty-state[data-v-c5c250ba]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-c5c250ba]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-c5c250ba]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-c5c250ba]{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-truncation-warning[data-v-c5c250ba]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);display:flex;justify-content:flex-start;left:0;position:absolute;top:0;transform:translate(-4px);z-index:999}.chart-parent[data-v-c461b83f]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c461b83f]{flex-direction:column}.chart-parent.column .chart-container[data-v-c461b83f]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-c461b83f]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-c461b83f]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-c461b83f]{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-c461b83f]{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-c461b83f]{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-c461b83f]{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-c461b83f]{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-640d8a8c]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-640d8a8c]{flex-direction:column}.chart-parent.column .chart-container[data-v-640d8a8c]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-640d8a8c]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-640d8a8c]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-640d8a8c]{container-type:inline-size}.chart-parent.align-left[data-v-640d8a8c]{justify-content:flex-start}.chart-parent.align-center[data-v-640d8a8c]{justify-content:center}.chart-parent.align-right[data-v-640d8a8c]{justify-content:flex-end}.chart-parent.align-between[data-v-640d8a8c]{justify-content:space-between}.chart-parent.align-around[data-v-640d8a8c]{justify-content:space-around}.chart-parent.align-evenly[data-v-640d8a8c]{justify-content:space-evenly}.chart-parent.align-left .single-value-wrapper .single-value-metric[data-v-640d8a8c],.chart-parent.align-between .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:flex-start}.chart-parent.align-left .single-value-wrapper .single-value-trend[data-v-640d8a8c],.chart-parent.align-between .single-value-wrapper .single-value-trend[data-v-640d8a8c]{justify-content:flex-start}.chart-parent.align-right .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:flex-end}.chart-parent.align-right .single-value-wrapper .single-value-trend[data-v-640d8a8c]{justify-content:flex-end}.chart-parent .single-value-error[data-v-640d8a8c] .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-640d8a8c]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);max-width:100%}.chart-parent .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:center;display:flex;flex-direction:column}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:32px;font-size:var(--kui-font-size-80, 32px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:40px;line-height:var(--kui-line-height-80, 40px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:36px;line-height:var(--kui-line-height-70, 36px)}.chart-parent .single-value-wrapper .single-value-trend[data-v-640d8a8c]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex;flex-wrap:wrap;justify-content:center;row-gap:4px;row-gap:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change[data-v-640d8a8c]{align-items:center;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change .kui-icon[data-v-640d8a8c]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.positive[data-v-640d8a8c]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.negative[data-v-640d8a8c]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.neutral[data-v-640d8a8c]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.chart-parent .single-value-wrapper .single-value-trend .single-value-trend-range[data-v-640d8a8c]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:12px;font-size:var(--kui-font-size-20, 12px)}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:40px;font-size:var(--kui-font-size-90, 40px);line-height:48px;line-height:var(--kui-line-height-90, 48px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}.analytics-chart-shell[data-v-23ca8c84],.simple-chart-shell[data-v-23ca8c84]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-23ca8c84],.simple-chart-shell .chart-empty-state[data-v-23ca8c84]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-23ca8c84]{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-23ca8c84]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-23ca8c84] .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)}.container[data-v-ae8259b6]{align-items:center;border:1px solid #e0e4ea;border:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;height:30px;justify-content:center;overflow:hidden;padding-top:1px;position:relative}.container .no-data[data-v-ae8259b6]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:default;font-size:12px;font-size:var(--kui-font-size-20, 12px);-webkit-user-select:none;user-select:none}.container .label[data-v-ae8259b6]{background-color:#ecfcff;background-color:var(--kui-method-color-background-patch, #ecfcff);border-bottom:1px solid #e0e4ea;border-bottom:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-bottom-left-radius:0;border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);border-right:1px solid #e0e4ea;border-right:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-top-left-radius:4px;border-top-left-radius:var(--kui-border-radius-20, 4px);border-top-right-radius:0;color:#0044f4;color:var(--kui-color-text-primary, #0044f4);cursor:default;font-size:10px;left:0;line-height:9px;max-width:90%;overflow:hidden;padding:2px 6px;position:absolute;text-overflow:ellipsis;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.container .tooltip[data-v-ae8259b6]{z-index:10}.top-talkers-cell-wrapper[data-v-73764587]{display:flex;flex-basis:0;min-height:32px;min-width:0}.top-talkers-cell-wrapper[data-v-73764587] .popover-trigger-wrapper{display:flex;flex:1 1 auto;min-width:0}.top-talkers-cell[data-v-73764587]{align-items:flex-start;background-color:color-mix(in srgb,var(--cecbd9f0) var(--v0d35e6b6),#ffffff);background-color:color-mix(in srgb,var(--cecbd9f0) var(--v0d35e6b6),var(--kui-color-background, #ffffff));border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#0d0e14;color:var(--kui-color-text, #0d0e14);display:flex;flex:1 1 auto;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:14px;font-size:var(--kui-font-size-30, 14px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;min-width:0;padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px);width:100%}.top-talkers-cell--other[data-v-73764587],.top-talkers-cell--empty[data-v-73764587]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.top-talkers-cell--empty .top-talkers-cell-name[data-v-73764587],.top-talkers-cell--deleted .top-talkers-cell-name[data-v-73764587]{font-style:italic}.top-talkers-cell-name[data-v-73764587]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-talkers-cell-metric[data-v-73764587]{align-items:baseline;display:inline-flex;flex-shrink:0;font-feature-settings:"case";font-variant-numeric:tabular-nums;gap:4px;gap:var(--kui-space-20, 4px)}.top-talkers-cell-value[data-v-73764587]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.top-talkers-cell-relative[data-v-73764587]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.top-talkers-tooltip-title[data-v-73764587]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.top-talkers-tooltip-rows[data-v-73764587]{column-gap:24px;column-gap:var(--kui-space-80, 24px);display:grid;grid-template-columns:auto auto;margin:0;row-gap:4px;row-gap:var(--kui-space-20, 4px)}.top-talkers-tooltip-label[data-v-73764587]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.top-talkers-tooltip-value[data-v-73764587]{font-variant-numeric:tabular-nums;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin:0;text-align:right}.top-talkers-tooltip-value--warning[data-v-73764587]{color:#995c00;color:var(--kui-color-text-warning, #995c00)}.top-talkers-tooltip-value--error[data-v-73764587]{color:#d60027;color:var(--kui-color-text-danger, #d60027)}.top-talkers-column[data-v-e1b08041]{display:flex;flex:1 0 160px;flex-direction:column;gap:4px;gap:var(--kui-space-20, 4px);min-width:160px}.top-talkers-column-header[data-v-e1b08041]{align-items:baseline;display:flex;gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between}.top-talkers-column-label[data-v-e1b08041]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700)}.top-talkers-column-total[data-v-e1b08041]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.top-talkers-column-empty[data-v-e1b08041]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.top-talkers-column-cells[data-v-e1b08041]{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;gap:var(--kui-space-30, 6px)}.kong-ui-public-top-talkers[data-v-d5bb8abd]{border:none;height:100%;padding:0 0 8px;padding:0 0 var(--kui-space-40, 8px)}.kong-ui-public-top-talkers[data-v-d5bb8abd] .card-content{flex:1 1 auto;min-height:0;min-width:0}.top-talkers-grid[data-v-d5bb8abd]{align-items:stretch;display:flex;gap:8px;gap:var(--kui-space-40, 8px);height:100%;min-width:0;overflow-x:auto;overflow-y:hidden}.top-n-metric-cell-bar[data-v-24eb60ef]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:block;height:8px;min-width:80px;overflow:hidden;width:100%}.top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:var(--v0394367e);border-radius:inherit;display:block;height:100%}.top-n-metric-cell--bar-warning .top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:#995c00;background-color:var(--kui-color-background-warning, #995c00)}.top-n-metric-cell--bar-error .top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:#d60027;background-color:var(--kui-color-background-danger, #d60027)}.top-n-metric-cell[data-v-17e7f860]{align-items:baseline;display:inline-flex;font-feature-settings:"case";font-variant-numeric:tabular-nums;gap:4px;gap:var(--kui-space-20, 4px)}.top-n-metric-cell-relative[data-v-17e7f860]{font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400)}.top-n-metric-cell--bar .top-n-metric-cell-value[data-v-17e7f860],.top-n-metric-cell--text-warning .top-n-metric-cell-value[data-v-17e7f860],.top-n-metric-cell--text-error .top-n-metric-cell-value[data-v-17e7f860]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.top-n-metric-cell--text-warning[data-v-17e7f860]{color:#995c00;color:var(--kui-color-text-warning, #995c00)}.top-n-metric-cell--text-error[data-v-17e7f860]{color:#d60027;color:var(--kui-color-text-danger, #d60027)}.kong-ui-public-top-n-table[data-v-9111e441]{border:none!important;max-height:100%;padding:0!important;width:100%}.kong-ui-public-top-n-table .top-n-card-description[data-v-9111e441]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);text-align:right}.kong-ui-public-top-n-table[data-v-9111e441] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-9111e441] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-9111e441] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-9111e441] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-9111e441] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-9111e441] .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-9111e441]{display:flex;flex-direction:column;max-height:100%;overflow-x:auto}.kong-ui-public-top-n-table .top-n-table-table[data-v-9111e441]{border-collapse:collapse;table-layout:auto}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-9111e441]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);padding:0 24px 4px 0;padding:0 var(--kui-space-80, 24px) var(--kui-space-20, 4px) 0;position:sticky;text-align:left;top:0}.kong-ui-public-top-n-table .top-n-table-header-cell-border[data-v-9111e441]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);bottom:0;left:0;position:absolute;right:0}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-9111e441]:last-child{padding-right:0}.kong-ui-public-top-n-table .top-n-table-header-cell .table-header-label[data-v-9111e441]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.kong-ui-public-top-n-table .top-n-table-row[data-v-9111e441]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-9111e441]:first-of-type{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-9111e441]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table-header-cell-metric[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-header-cell-dimension-compact[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-metric[data-v-9111e441]{white-space:nowrap;width:1%}.kong-ui-public-top-n-table .top-n-table-cell[data-v-9111e441]{min-width:110px;padding:12px 0;padding:var(--kui-space-50, 12px) var(--kui-space-0, 0px)}.kong-ui-public-top-n-table .top-n-table-cell--name[data-v-9111e441]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);font-size:14px;font-size:var(--kui-font-size-30, 14px);min-width:200px;padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-bar[data-v-9111e441]{padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table .top-n-table-cell-bar[data-v-9111e441]{min-width:200px}.kong-ui-public-top-n-table .top-n-table-cell-metric--has-bar[data-v-9111e441]{padding-right:12px;padding-right:var(--kui-space-50, 12px)}.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-9111e441]{min-width:110px}.kong-ui-public-top-n-table .top-n-table-cell-label[data-v-9111e441]{display:inline-flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-top-n-table .top-n-table-cell-icon[data-v-9111e441]{flex-shrink:0}.kong-ui-public-top-n-table[data-v-9111e441] a{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);text-decoration:none}
|
|
1
|
+
.zoom-timerange-container[data-v-4fa681cf]{line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-timerange-container .zoom-timerange-details[data-v-4fa681cf]{display:grid;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:2px;gap:var(--kui-space-10, 2px);grid-template-columns:35px 1fr;margin:6px 2px;margin:var(--kui-space-30, 6px) var(--kui-space-10, 2px)}.zoom-timerange-container .zoom-timerange-details .label[data-v-4fa681cf]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.zoom-actions-container[data-v-79ba72f8]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column;line-height:16px;line-height:var(--kui-line-height-20, 16px)}.zoom-actions-container .zoom-actions-heading[data-v-79ba72f8]{align-items:top;display:flex}.zoom-actions-container .zoom-actions-heading .zoom-actions-close-icon[data-v-79ba72f8]{cursor:pointer;margin-right:6px;margin-right:var(--kui-space-30, 6px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.zoom-actions-container .zoom-actions-heading-divider[data-v-79ba72f8]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-select .zoom-action-item[data-v-79ba72f8]:first-child{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);cursor:pointer;font-size:12px;font-size:var(--kui-font-size-20, 12px);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);transition:background-color .2s}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]:last-of-type{border-bottom-left-radius:4px;border-bottom-left-radius:var(--kui-border-radius-20, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);margin-bottom:4px;margin-bottom:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item .zoom-action-link[data-v-79ba72f8]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);display:block;text-decoration:none}.zoom-actions-container .zoom-action-item.disabled[data-v-79ba72f8]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);pointer-events:none}.zoom-actions-container .zoom-action-item.disabled a[data-v-79ba72f8]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5)}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]:hover{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.locked[data-v-fb2f2a72]{cursor:move}.tooltip-container[data-v-fb2f2a72]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;position:fixed;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:1}.tooltip-container .tooltip-title[data-v-fb2f2a72]{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 6px 0;margin:var(--kui-space-30, 6px) var(--kui-space-30, 6px) 0 var(--kui-space-30, 6px);min-height:24px}.tooltip-container .tooltip-title .title[data-v-fb2f2a72]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between}.tooltip-container .tooltip-title .title .drag-icon[data-v-fb2f2a72]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-fb2f2a72]{display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title[data-v-fb2f2a72]{padding-bottom:4px;padding-bottom:var(--kui-space-20, 4px)}.tooltip-container .tooltip[data-v-fb2f2a72]{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-fb2f2a72]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.tooltip-container .tooltip[data-v-fb2f2a72] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-fb2f2a72] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-fb2f2a72] ::-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-fb2f2a72]{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-fb2f2a72]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-fb2f2a72]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-fb2f2a72]{font-variant-numeric:tabular-nums;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-fb2f2a72]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.tooltip-container .tooltip .marker-placeholder[data-v-fb2f2a72]{background:transparent;border:none}.tooltip-container .tooltip .extra-row .display-label[data-v-fb2f2a72],.tooltip-container .tooltip .extra-row .display-value[data-v-fb2f2a72]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-90ef4d12]{box-sizing:border-box;display:flex;flex-grow:1;flex-wrap:wrap;gap:8px 9px;justify-content:center;margin:0;max-height:inherit;overflow:auto;-ms-overflow-style:thin;padding:8px calc(5% + 4px);padding:var(--kui-space-40, 8px) calc(5% + var(--kui-space-20, 4px));width:100%}.legend-container[data-v-90ef4d12]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.legend-container[data-v-90ef4d12] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-90ef4d12] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-90ef4d12] ::-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 li[data-v-90ef4d12]{align-items:center;cursor:pointer;display:flex;line-height:1;margin:0}.legend-container li.legend-key[data-v-90ef4d12]{cursor:default}.legend-container li .line-marker[data-v-90ef4d12]{margin-right:6px;margin-right:var(--kui-space-30, 6px);overflow:visible}.legend-container li .label-container.inline-value[data-v-90ef4d12]{align-items:center;display:flex;gap:4px;gap:var(--kui-space-20, 4px)}.legend-container li .square-marker[data-v-90ef4d12]{height:8px;margin:0;margin:var(--kui-space-0, 0px);margin-right:6px;margin-right:var(--kui-space-30, 6px);width:8px}.legend-container li .label[data-v-90ef4d12]{font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.legend-container li .label.truncate-label[data-v-90ef4d12]{max-width:20ch;overflow:hidden;text-overflow:ellipsis}.legend-container li .sub-label[data-v-90ef4d12]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);word-break:none}.legend-container li .strike-through[data-v-90ef4d12]{text-decoration:line-through}.legend-container li .empty[data-v-90ef4d12]{font-style:italic}.legend-container li .tooltip-content[data-v-90ef4d12]{max-width:40ch}.chart-parent[data-v-6994dd8d]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6994dd8d]{flex-direction:column}.chart-parent.column .chart-container[data-v-6994dd8d]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-6994dd8d]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-6994dd8d]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-container[data-v-6994dd8d]{overflow:auto}.chart-container[data-v-6994dd8d]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.chart-container[data-v-6994dd8d] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-6994dd8d] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-6994dd8d] ::-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-6994dd8d]{height:100%}.chart-container[data-v-6994dd8d]::-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-6994dd8d]::-webkit-scrollbar{width:10px}.chart-container[data-v-6994dd8d]::-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-6994dd8d]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-6994dd8d]{background-color:#0d0e14;background-color:var(--kui-color-background-inverse, #0d0e14);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-6994dd8d]{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-6994dd8d]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-db23aff8]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-db23aff8]{flex-direction:column}.chart-parent.column .chart-container[data-v-db23aff8]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-db23aff8]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-db23aff8]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-center-metric[data-v-db23aff8]{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.chart-center-metric .chart-center-total[data-v-db23aff8]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:1.1}.chart-center-metric .chart-center-unit[data-v-db23aff8]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-a001076d]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-a001076d]{flex-direction:column}.chart-parent.column .chart-container[data-v-a001076d]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-a001076d]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-a001076d]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-344d87c4]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-344d87c4]{flex-direction:column}.chart-parent.column .chart-container[data-v-344d87c4]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-344d87c4]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-344d87c4]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.analytics-chart-shell[data-v-c5c250ba],.simple-chart-shell[data-v-c5c250ba]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-c5c250ba],.simple-chart-shell .chart-empty-state[data-v-c5c250ba]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-c5c250ba]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-c5c250ba]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-c5c250ba]{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-truncation-warning[data-v-c5c250ba]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);display:flex;justify-content:flex-start;left:0;position:absolute;top:0;transform:translate(-4px);z-index:999}.chart-parent[data-v-c461b83f]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c461b83f]{flex-direction:column}.chart-parent.column .chart-container[data-v-c461b83f]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-c461b83f]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-c461b83f]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-c461b83f]{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-c461b83f]{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-c461b83f]{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-c461b83f]{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-c461b83f]{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-640d8a8c]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-640d8a8c]{flex-direction:column}.chart-parent.column .chart-container[data-v-640d8a8c]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-640d8a8c]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-640d8a8c]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-640d8a8c]{container-type:inline-size}.chart-parent.align-left[data-v-640d8a8c]{justify-content:flex-start}.chart-parent.align-center[data-v-640d8a8c]{justify-content:center}.chart-parent.align-right[data-v-640d8a8c]{justify-content:flex-end}.chart-parent.align-between[data-v-640d8a8c]{justify-content:space-between}.chart-parent.align-around[data-v-640d8a8c]{justify-content:space-around}.chart-parent.align-evenly[data-v-640d8a8c]{justify-content:space-evenly}.chart-parent.align-left .single-value-wrapper .single-value-metric[data-v-640d8a8c],.chart-parent.align-between .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:flex-start}.chart-parent.align-left .single-value-wrapper .single-value-trend[data-v-640d8a8c],.chart-parent.align-between .single-value-wrapper .single-value-trend[data-v-640d8a8c]{justify-content:flex-start}.chart-parent.align-right .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:flex-end}.chart-parent.align-right .single-value-wrapper .single-value-trend[data-v-640d8a8c]{justify-content:flex-end}.chart-parent .single-value-error[data-v-640d8a8c] .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-640d8a8c]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);max-width:100%}.chart-parent .single-value-wrapper .single-value-metric[data-v-640d8a8c]{align-items:center;display:flex;flex-direction:column}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:32px;font-size:var(--kui-font-size-80, 32px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:40px;line-height:var(--kui-line-height-80, 40px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:36px;line-height:var(--kui-line-height-70, 36px)}.chart-parent .single-value-wrapper .single-value-trend[data-v-640d8a8c]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex;flex-wrap:wrap;justify-content:center;row-gap:4px;row-gap:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change[data-v-640d8a8c]{align-items:center;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change .kui-icon[data-v-640d8a8c]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.positive[data-v-640d8a8c]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.negative[data-v-640d8a8c]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.neutral[data-v-640d8a8c]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.chart-parent .single-value-wrapper .single-value-trend .single-value-trend-range[data-v-640d8a8c]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:12px;font-size:var(--kui-font-size-20, 12px)}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:40px;font-size:var(--kui-font-size-90, 40px);line-height:48px;line-height:var(--kui-line-height-90, 48px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-640d8a8c]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-640d8a8c]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-640d8a8c]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}.analytics-chart-shell[data-v-23ca8c84],.simple-chart-shell[data-v-23ca8c84]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-23ca8c84],.simple-chart-shell .chart-empty-state[data-v-23ca8c84]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-23ca8c84]{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-23ca8c84]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-23ca8c84] .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)}.container[data-v-ae8259b6]{align-items:center;border:1px solid #e0e4ea;border:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;height:30px;justify-content:center;overflow:hidden;padding-top:1px;position:relative}.container .no-data[data-v-ae8259b6]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:default;font-size:12px;font-size:var(--kui-font-size-20, 12px);-webkit-user-select:none;user-select:none}.container .label[data-v-ae8259b6]{background-color:#ecfcff;background-color:var(--kui-method-color-background-patch, #ecfcff);border-bottom:1px solid #e0e4ea;border-bottom:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-bottom-left-radius:0;border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);border-right:1px solid #e0e4ea;border-right:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-top-left-radius:4px;border-top-left-radius:var(--kui-border-radius-20, 4px);border-top-right-radius:0;color:#0044f4;color:var(--kui-color-text-primary, #0044f4);cursor:default;font-size:10px;left:0;line-height:9px;max-width:90%;overflow:hidden;padding:2px 6px;position:absolute;text-overflow:ellipsis;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.container .tooltip[data-v-ae8259b6]{z-index:10}.top-talkers-cell-wrapper[data-v-73764587]{display:flex;flex-basis:0;min-height:32px;min-width:0}.top-talkers-cell-wrapper[data-v-73764587] .popover-trigger-wrapper{display:flex;flex:1 1 auto;min-width:0}.top-talkers-cell[data-v-73764587]{align-items:flex-start;background-color:color-mix(in srgb,var(--cecbd9f0) var(--v0d35e6b6),#ffffff);background-color:color-mix(in srgb,var(--cecbd9f0) var(--v0d35e6b6),var(--kui-color-background, #ffffff));border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#0d0e14;color:var(--kui-color-text, #0d0e14);display:flex;flex:1 1 auto;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:14px;font-size:var(--kui-font-size-30, 14px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;min-width:0;padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px);width:100%}.top-talkers-cell--other[data-v-73764587],.top-talkers-cell--empty[data-v-73764587]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.top-talkers-cell--empty .top-talkers-cell-name[data-v-73764587],.top-talkers-cell--deleted .top-talkers-cell-name[data-v-73764587]{font-style:italic}.top-talkers-cell-name[data-v-73764587]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-talkers-cell-metric[data-v-73764587]{align-items:baseline;display:inline-flex;flex-shrink:0;font-feature-settings:"case";font-variant-numeric:tabular-nums;gap:4px;gap:var(--kui-space-20, 4px)}.top-talkers-cell-value[data-v-73764587]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.top-talkers-cell-relative[data-v-73764587]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.top-talkers-tooltip-title[data-v-73764587]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.top-talkers-tooltip-rows[data-v-73764587]{column-gap:24px;column-gap:var(--kui-space-80, 24px);display:grid;grid-template-columns:auto auto;margin:0;row-gap:4px;row-gap:var(--kui-space-20, 4px)}.top-talkers-tooltip-label[data-v-73764587]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.top-talkers-tooltip-value[data-v-73764587]{font-variant-numeric:tabular-nums;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin:0;text-align:right}.top-talkers-tooltip-value--warning[data-v-73764587]{color:#995c00;color:var(--kui-color-text-warning, #995c00)}.top-talkers-tooltip-value--error[data-v-73764587]{color:#d60027;color:var(--kui-color-text-danger, #d60027)}.top-talkers-column[data-v-e1b08041]{display:flex;flex:1 0 160px;flex-direction:column;gap:4px;gap:var(--kui-space-20, 4px);min-width:160px}.top-talkers-column-header[data-v-e1b08041]{align-items:baseline;display:flex;gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between}.top-talkers-column-label[data-v-e1b08041]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700)}.top-talkers-column-total[data-v-e1b08041]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.top-talkers-column-empty[data-v-e1b08041]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.top-talkers-column-cells[data-v-e1b08041]{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;gap:var(--kui-space-30, 6px)}.kong-ui-public-top-talkers[data-v-d5bb8abd]{border:none;height:100%;padding:0 0 8px;padding:0 0 var(--kui-space-40, 8px)}.kong-ui-public-top-talkers[data-v-d5bb8abd] .card-content{flex:1 1 auto;min-height:0;min-width:0}.top-talkers-grid[data-v-d5bb8abd]{align-items:stretch;display:flex;gap:8px;gap:var(--kui-space-40, 8px);height:100%;min-width:0;overflow-x:auto;overflow-y:hidden}.top-n-metric-cell-bar[data-v-24eb60ef]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:block;height:8px;min-width:80px;overflow:hidden;width:100%}.top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:var(--v0394367e);border-radius:inherit;display:block;height:100%}.top-n-metric-cell--bar-warning .top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:#995c00;background-color:var(--kui-color-background-warning, #995c00)}.top-n-metric-cell--bar-error .top-n-metric-cell-bar-fill[data-v-24eb60ef]{background-color:#d60027;background-color:var(--kui-color-background-danger, #d60027)}.top-n-metric-cell[data-v-17e7f860]{align-items:baseline;display:inline-flex;font-feature-settings:"case";font-variant-numeric:tabular-nums;gap:4px;gap:var(--kui-space-20, 4px)}.top-n-metric-cell-relative[data-v-17e7f860]{font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400)}.top-n-metric-cell--bar .top-n-metric-cell-value[data-v-17e7f860],.top-n-metric-cell--text-warning .top-n-metric-cell-value[data-v-17e7f860],.top-n-metric-cell--text-error .top-n-metric-cell-value[data-v-17e7f860]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.top-n-metric-cell--text-warning[data-v-17e7f860]{color:#995c00;color:var(--kui-color-text-warning, #995c00)}.top-n-metric-cell--text-error[data-v-17e7f860]{color:#d60027;color:var(--kui-color-text-danger, #d60027)}.kong-ui-public-top-n-table[data-v-9111e441]{border:none!important;max-height:100%;padding:0!important;width:100%}.kong-ui-public-top-n-table .top-n-card-description[data-v-9111e441]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);text-align:right}.kong-ui-public-top-n-table[data-v-9111e441] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-9111e441] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-9111e441] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea rgba(0,0,0,0);scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, rgba(0, 0, 0, 0));scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-9111e441] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-9111e441] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-9111e441] .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-9111e441]{display:flex;flex-direction:column;max-height:100%;overflow-x:auto}.kong-ui-public-top-n-table .top-n-table-table[data-v-9111e441]{border-collapse:collapse;table-layout:auto}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-9111e441]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);padding:0 24px 4px 0;padding:0 var(--kui-space-80, 24px) var(--kui-space-20, 4px) 0;position:sticky;text-align:left;top:0}.kong-ui-public-top-n-table .top-n-table-header-cell-border[data-v-9111e441]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);bottom:0;left:0;position:absolute;right:0}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-9111e441]:last-child{padding-right:0}.kong-ui-public-top-n-table .top-n-table-header-cell .table-header-label[data-v-9111e441]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.kong-ui-public-top-n-table .top-n-table-row[data-v-9111e441]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-9111e441]:first-of-type{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-9111e441]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table-header-cell-metric[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-header-cell-dimension-compact[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-metric[data-v-9111e441]{white-space:nowrap;width:1%}.kong-ui-public-top-n-table .top-n-table-cell[data-v-9111e441]{min-width:110px;padding:12px 0;padding:var(--kui-space-50, 12px) var(--kui-space-0, 0px)}.kong-ui-public-top-n-table .top-n-table-cell--name[data-v-9111e441]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);font-size:14px;font-size:var(--kui-font-size-30, 14px);min-width:200px;padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-9111e441],.kong-ui-public-top-n-table .top-n-table-cell-bar[data-v-9111e441]{padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table .top-n-table-cell-bar[data-v-9111e441]{min-width:200px}.kong-ui-public-top-n-table .top-n-table-cell-metric--has-bar[data-v-9111e441]{padding-right:12px;padding-right:var(--kui-space-50, 12px)}.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-9111e441]{min-width:110px}.kong-ui-public-top-n-table .top-n-table-cell-label[data-v-9111e441]{display:inline-flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-top-n-table .top-n-table-cell-icon[data-v-9111e441]{flex-shrink:0}.kong-ui-public-top-n-table[data-v-9111e441] a{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);text-decoration:none}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range,.kong-ui-public-csv-export-modal .modal-container .text-muted{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-bottom:20px;margin-bottom:var(--kui-space-70, 20px);margin-top:6px;margin-top:var(--kui-space-30, 6px);width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.kong-ui-public-csv-export-modal .modal-container .preview-tooltip{display:inline-flex;margin:auto 0 auto 4px;margin:var(--kui-space-auto, auto) var(--kui-space-0, 0px) var(--kui-space-auto, auto) var(--kui-space-20, 4px);vertical-align:middle}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ExploreExportState } from '@kong-ui-public/analytics-utilities';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
exportState: ExploreExportState;
|
|
4
|
+
filename: string;
|
|
5
|
+
modalDescription?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
|
+
closeModal: (...args: any[]) => void;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
10
|
+
onCloseModal?: ((...args: any[]) => any) | undefined;
|
|
11
|
+
}>, {
|
|
12
|
+
modalDescription: string;
|
|
13
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
//# sourceMappingURL=CsvExportModal.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CsvExportModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CsvExportModal.vue"],"names":[],"mappings":"AA8TA,OAAO,KAAK,EAAmB,kBAAkB,EAA+C,MAAM,qCAAqC,CAAA;AAS3I,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAC;AA8bF,QAAA,MAAM,YAAY;;;;;sBA/bG,MAAM;6EAmczB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { CsvData } from '../types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
rows: CsvData;
|
|
4
|
+
headers: Record<string, string>;
|
|
5
|
+
filename: string;
|
|
6
|
+
};
|
|
7
|
+
declare var __VLS_7: {};
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
9
|
+
default?: (props: typeof __VLS_7) => any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=DownloadCsv.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DownloadCsv.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCsv.vue"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAGvC,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAC;AA6CF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
import type { CsvData, CsvKeyValuePair } from '../../types';
|
|
2
|
+
import type { PropType } from 'vue';
|
|
3
|
+
declare var __VLS_1: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
default?: (props: typeof __VLS_1) => any;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
8
|
+
data: {
|
|
9
|
+
type: PropType<CsvData>;
|
|
10
|
+
required: true;
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* Fields from `data` array that should be present in exported CSV
|
|
14
|
+
* If none provided, all fields will be included.
|
|
15
|
+
*/
|
|
16
|
+
fields: {
|
|
17
|
+
type: {
|
|
18
|
+
(arrayLength: number): string[];
|
|
19
|
+
(...items: string[]): string[];
|
|
20
|
+
new (arrayLength: number): string[];
|
|
21
|
+
new (...items: string[]): string[];
|
|
22
|
+
isArray(arg: any): arg is any[];
|
|
23
|
+
readonly prototype: any[];
|
|
24
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
25
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
26
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
27
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
28
|
+
of<T>(...items: T[]): T[];
|
|
29
|
+
fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
|
|
30
|
+
fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
|
|
31
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
32
|
+
};
|
|
33
|
+
required: false;
|
|
34
|
+
default: null;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* Column labels
|
|
38
|
+
*/
|
|
39
|
+
labels: {
|
|
40
|
+
type: PropType<CsvKeyValuePair> | null;
|
|
41
|
+
required: false;
|
|
42
|
+
default: null;
|
|
43
|
+
};
|
|
44
|
+
filename: {
|
|
45
|
+
type: StringConstructor;
|
|
46
|
+
default: string;
|
|
47
|
+
};
|
|
48
|
+
/**
|
|
49
|
+
* Delimiter for the CSV file
|
|
50
|
+
*/
|
|
51
|
+
delimiter: {
|
|
52
|
+
type: StringConstructor;
|
|
53
|
+
default: string;
|
|
54
|
+
required: false;
|
|
55
|
+
};
|
|
56
|
+
/**
|
|
57
|
+
* Whether module should add SEP={delimiter}; ideal for Excel compatibility
|
|
58
|
+
*/
|
|
59
|
+
separatorExcel: {
|
|
60
|
+
type: BooleanConstructor;
|
|
61
|
+
default: boolean;
|
|
62
|
+
};
|
|
63
|
+
encoding: {
|
|
64
|
+
type: StringConstructor;
|
|
65
|
+
default: string;
|
|
66
|
+
};
|
|
67
|
+
/**
|
|
68
|
+
* Component test specific
|
|
69
|
+
*/
|
|
70
|
+
testing: {
|
|
71
|
+
type: BooleanConstructor;
|
|
72
|
+
required: false;
|
|
73
|
+
default: boolean;
|
|
74
|
+
};
|
|
75
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
76
|
+
"export-started": (data: CsvData) => any;
|
|
77
|
+
"export-finished": (data: string) => any;
|
|
78
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
79
|
+
data: {
|
|
80
|
+
type: PropType<CsvData>;
|
|
81
|
+
required: true;
|
|
82
|
+
};
|
|
83
|
+
/**
|
|
84
|
+
* Fields from `data` array that should be present in exported CSV
|
|
85
|
+
* If none provided, all fields will be included.
|
|
86
|
+
*/
|
|
87
|
+
fields: {
|
|
88
|
+
type: {
|
|
89
|
+
(arrayLength: number): string[];
|
|
90
|
+
(...items: string[]): string[];
|
|
91
|
+
new (arrayLength: number): string[];
|
|
92
|
+
new (...items: string[]): string[];
|
|
93
|
+
isArray(arg: any): arg is any[];
|
|
94
|
+
readonly prototype: any[];
|
|
95
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
96
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
97
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
98
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
99
|
+
of<T>(...items: T[]): T[];
|
|
100
|
+
fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
|
|
101
|
+
fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
|
|
102
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
103
|
+
};
|
|
104
|
+
required: false;
|
|
105
|
+
default: null;
|
|
106
|
+
};
|
|
107
|
+
/**
|
|
108
|
+
* Column labels
|
|
109
|
+
*/
|
|
110
|
+
labels: {
|
|
111
|
+
type: PropType<CsvKeyValuePair> | null;
|
|
112
|
+
required: false;
|
|
113
|
+
default: null;
|
|
114
|
+
};
|
|
115
|
+
filename: {
|
|
116
|
+
type: StringConstructor;
|
|
117
|
+
default: string;
|
|
118
|
+
};
|
|
119
|
+
/**
|
|
120
|
+
* Delimiter for the CSV file
|
|
121
|
+
*/
|
|
122
|
+
delimiter: {
|
|
123
|
+
type: StringConstructor;
|
|
124
|
+
default: string;
|
|
125
|
+
required: false;
|
|
126
|
+
};
|
|
127
|
+
/**
|
|
128
|
+
* Whether module should add SEP={delimiter}; ideal for Excel compatibility
|
|
129
|
+
*/
|
|
130
|
+
separatorExcel: {
|
|
131
|
+
type: BooleanConstructor;
|
|
132
|
+
default: boolean;
|
|
133
|
+
};
|
|
134
|
+
encoding: {
|
|
135
|
+
type: StringConstructor;
|
|
136
|
+
default: string;
|
|
137
|
+
};
|
|
138
|
+
/**
|
|
139
|
+
* Component test specific
|
|
140
|
+
*/
|
|
141
|
+
testing: {
|
|
142
|
+
type: BooleanConstructor;
|
|
143
|
+
required: false;
|
|
144
|
+
default: boolean;
|
|
145
|
+
};
|
|
146
|
+
}>> & Readonly<{
|
|
147
|
+
"onExport-started"?: ((data: CsvData) => any) | undefined;
|
|
148
|
+
"onExport-finished"?: ((data: string) => any) | undefined;
|
|
149
|
+
}>, {
|
|
150
|
+
labels: CsvKeyValuePair;
|
|
151
|
+
fields: string[];
|
|
152
|
+
filename: string;
|
|
153
|
+
delimiter: string;
|
|
154
|
+
separatorExcel: boolean;
|
|
155
|
+
encoding: string;
|
|
156
|
+
testing: boolean;
|
|
157
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
158
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
159
|
+
declare const _default: typeof __VLS_export;
|
|
160
|
+
export default _default;
|
|
161
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
162
|
+
new (): {
|
|
163
|
+
$slots: S;
|
|
164
|
+
};
|
|
165
|
+
};
|
|
166
|
+
//# sourceMappingURL=VueJsonCsv.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VueJsonCsv.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/vue-json-csv/VueJsonCsv.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC3D,OAAO,KAAK,EAAe,QAAQ,EAAE,MAAM,KAAK,CAAA;AAiMhD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;cAIG,QAAQ,CAAC,OAAO,CAAC;;;IAGlC;;;OAGG;;;;;;;;;;;;;;;;;;;;;IAMH;;OAEG;;cAEe,QAAQ,CAAC,eAAe,CAAC,GAAG,IAAI;;;;;;;;IAQlD;;OAEG;;;;;;IAMH;;OAEG;;;;;;;;;IASH;;OAEG;;;;;;;;;;;cA7Cc,QAAQ,CAAC,OAAO,CAAC;;;IAGlC;;;OAGG;;;;;;;;;;;;;;;;;;;;;IAMH;;OAEG;;cAEe,QAAQ,CAAC,eAAe,CAAC,GAAG,IAAI;;;;;;;;IAQlD;;OAEG;;;;;;IAMH;;OAEG;;;;;;;;;IASH;;OAEG;;;;;;;;;;;;;;;;;4EAOH,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -2,6 +2,7 @@ import useI18n from './useI18n';
|
|
|
2
2
|
import useBarChartOptions from './useBarChartOptions';
|
|
3
3
|
import useChartJSCommon from './useChartJSCommon';
|
|
4
4
|
import useChartLegendValues from './useChartLegendValues';
|
|
5
|
+
import useChartSelectedRange from './useChartSelectedRange';
|
|
5
6
|
import useDonutChartOptions from './useDonutChartOptions';
|
|
6
7
|
import useLineChartOptions from './useLineChartOptions';
|
|
7
8
|
import useScatterChartOptions from './useScatterChartOptions';
|
|
@@ -17,6 +18,7 @@ declare const _default: {
|
|
|
17
18
|
useBarChartOptions: typeof useBarChartOptions;
|
|
18
19
|
useChartJSCommon: typeof useChartJSCommon;
|
|
19
20
|
useChartLegendValues: typeof useChartLegendValues;
|
|
21
|
+
useChartSelectedRange: typeof useChartSelectedRange;
|
|
20
22
|
useExploreResultToDatasets: typeof useExploreResultToDatasets;
|
|
21
23
|
useExploreResultToTimeDataset: typeof useExploreResultToTimeDataset;
|
|
22
24
|
useScatterDatasets: typeof useScatterDatasets;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,6BAA6B,MAAM,kCAAkC,CAAA;AAC5E,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AAErD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,6BAA6B,MAAM,kCAAkC,CAAA;AAC5E,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AAErD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;;;;;;;;;;;;;;;;;;;;AAGnD,wBAkBC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useChartSelectedRange.d.ts","sourceRoot":"","sources":["../../../src/composables/useChartSelectedRange.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAG1E,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAe1F"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -11,6 +11,12 @@ export type { TopTalkersGridColumn } from './components/top-talkers/TopTalkersGr
|
|
|
11
11
|
* Retained for existing consumers; removal will be handled separately.
|
|
12
12
|
*/
|
|
13
13
|
export { default as TopNTable } from './components/TopNTable.vue';
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated Import CsvExportModal from '@kong-ui-public/dashboard-renderer' instead.
|
|
16
|
+
* TODO: Remove this deprecated analytics-chart export after consumers migrate to
|
|
17
|
+
* @kong-ui-public/dashboard-renderer. MA-5236: https://konghq.atlassian.net/browse/MA-5236
|
|
18
|
+
*/
|
|
19
|
+
export { default as CsvExportModal } from './components/CsvExportModal.vue';
|
|
14
20
|
export * from './types';
|
|
15
21
|
export * from './enums';
|
|
16
22
|
export { statusCodeBadgeBackgroundColor } from './utils/colors';
|
|
@@ -1 +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,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,cAAc,MAAM,6CAA6C,CAAA;AACxE,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAA;AACxF,YAAY,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AAEvF;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAEjE,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA"}
|
|
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,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,cAAc,MAAM,6CAA6C,CAAA;AACxE,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAA;AACxF,YAAY,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AAEvF;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAEjE;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAE3E,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface CsvKeyValuePair {
|
|
2
|
+
[key: string]: string;
|
|
3
|
+
}
|
|
4
|
+
export declare enum ValidType {
|
|
5
|
+
String = "string",
|
|
6
|
+
Number = "number",
|
|
7
|
+
Boolean = "boolean",
|
|
8
|
+
Object = "object",
|
|
9
|
+
Undefined = "undefined"
|
|
10
|
+
}
|
|
11
|
+
export interface Header {
|
|
12
|
+
label: string;
|
|
13
|
+
key: string;
|
|
14
|
+
}
|
|
15
|
+
export interface TimeseriesColumn {
|
|
16
|
+
label: string;
|
|
17
|
+
key: string;
|
|
18
|
+
}
|
|
19
|
+
export type CsvData = CsvKeyValuePair[];
|
|
20
|
+
//# sourceMappingURL=chart-export.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-export.d.ts","sourceRoot":"","sources":["../../../src/types/chart-export.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,eAAe;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA"}
|