@kong-ui-public/analytics-chart 5.2.2 → 5.3.0

package/dist/style.css

@@ -1 +1 @@
-.locked[data-v-06b92295]{cursor:move}.tooltip-container[data-v-06b92295]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-06b92295]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:8px;margin:var(--kui-space-40, 8px);min-height:24px;padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .title[data-v-06b92295]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-06b92295]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .drag-icon[data-v-06b92295]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-06b92295]{list-style:none;margin:0;margin:var(--kui-space-0, 0px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}ul.tooltip[data-v-06b92295]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}ul.tooltip li[data-v-06b92295]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:1;margin:8px;margin:var(--kui-space-40, 8px)}ul.tooltip li[data-v-06b92295]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-06b92295]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-06b92295]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}ul.tooltip .square-marker[data-v-06b92295]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-8e9f2f19]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-8e9f2f19]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container.vertical[data-v-8e9f2f19]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-8e9f2f19]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-8e9f2f19]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-8e9f2f19]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-8e9f2f19]{display:none}}.legend-container.horizontal[data-v-8e9f2f19]{column-gap:12px;display:grid;height:var(--12487160);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-8e9f2f19]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-8e9f2f19]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-8e9f2f19]{line-height:24px;white-space:nowrap}.legend-container li[data-v-8e9f2f19]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-8e9f2f19]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-8e9f2f19]{font-size:12px}.legend-container li .sub-label[data-v-8e9f2f19]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-8e9f2f19]{text-decoration:line-through}.chart-parent[data-v-e2a1d643]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-e2a1d643]{flex-direction:column}.chart-parent.column .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-e2a1d643]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-e2a1d643]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-e2a1d643]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-e2a1d643]{flex:1 1 auto;position:relative}.chart-container[data-v-e2a1d643]{overflow:auto}.chart-container[data-v-e2a1d643]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-e2a1d643]{height:100%}.chart-container[data-v-e2a1d643]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-e2a1d643]::-webkit-scrollbar{width:10px}.chart-container[data-v-e2a1d643]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-e2a1d643]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-e2a1d643]{background-color:#3a3f51;color:#fff;color:var(--kui-color-text-inverse, #ffffff);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-e2a1d643]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-5cc0c740]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-5cc0c740]{flex-direction:column}.chart-parent.column .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-5cc0c740]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5cc0c740]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5cc0c740]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5cc0c740]{flex:1 1 auto;position:relative}.chart-parent[data-v-0f89741b]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-0f89741b]{flex-direction:column}.chart-parent.column .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-0f89741b]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-0f89741b]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-0f89741b]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-0f89741b]{flex:1 1 auto;position:relative}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.analytics-chart-shell[data-v-c0a3d2ef],.simple-chart-shell[data-v-c0a3d2ef]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-c0a3d2ef],.simple-chart-shell .chart-empty-state[data-v-c0a3d2ef]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-c0a3d2ef]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-c0a3d2ef]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-c0a3d2ef]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-header[data-v-c0a3d2ef]{align-items:center;display:flex;justify-content:flex-start;padding-bottom:16px;padding-bottom:var(--kui-space-60, 16px)}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-c0a3d2ef]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-c0a3d2ef]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .chart-title[data-v-c0a3d2ef]{font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.analytics-chart-shell .tooltip[data-v-c0a3d2ef]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .dropdown[data-v-c0a3d2ef]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .dropdown li.k-dropdown-item a[data-v-c0a3d2ef]{text-decoration:none}.analytics-chart-shell .dropdown a[data-v-c0a3d2ef]{color:#000933}.analytics-chart-shell .dropdown a[data-v-c0a3d2ef]:hover{color:#000933;text-decoration:none}.analytics-chart-shell .dropdown[data-v-c0a3d2ef]:hover{cursor:pointer}.chart-parent[data-v-b873244e]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-b873244e]{flex-direction:column}.chart-parent.column .chart-container[data-v-b873244e]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-b873244e]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-b873244e]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-b873244e]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-b873244e]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-b873244e]{flex:1 1 auto;position:relative}.chart-parent[data-v-b873244e]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-b873244e]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-b873244e]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-b873244e]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-b873244e]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.analytics-chart-shell[data-v-9d13f2fd],.simple-chart-shell[data-v-9d13f2fd]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-9d13f2fd],.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-9d13f2fd]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-61747ee5]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-61747ee5]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-61747ee5] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-61747ee5]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-61747ee5]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-61747ee5]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-61747ee5]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-61747ee5]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-61747ee5]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-61747ee5]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-61747ee5]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-61747ee5]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}
+.locked[data-v-06b92295]{cursor:move}.tooltip-container[data-v-06b92295]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-06b92295]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:8px;margin:var(--kui-space-40, 8px);min-height:24px;padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .title[data-v-06b92295]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-06b92295]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .drag-icon[data-v-06b92295]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-06b92295]{list-style:none;margin:0;margin:var(--kui-space-0, 0px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}ul.tooltip[data-v-06b92295]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}ul.tooltip li[data-v-06b92295]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:1;margin:8px;margin:var(--kui-space-40, 8px)}ul.tooltip li[data-v-06b92295]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-06b92295]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-06b92295]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}ul.tooltip .square-marker[data-v-06b92295]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-8e9f2f19]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-8e9f2f19]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container.vertical[data-v-8e9f2f19]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-8e9f2f19]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-8e9f2f19]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-8e9f2f19]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-8e9f2f19]{display:none}}.legend-container.horizontal[data-v-8e9f2f19]{column-gap:12px;display:grid;height:var(--12487160);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-8e9f2f19]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-8e9f2f19]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-8e9f2f19]{line-height:24px;white-space:nowrap}.legend-container li[data-v-8e9f2f19]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-8e9f2f19]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-8e9f2f19]{font-size:12px}.legend-container li .sub-label[data-v-8e9f2f19]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-8e9f2f19]{text-decoration:line-through}.chart-parent[data-v-e2a1d643]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-e2a1d643]{flex-direction:column}.chart-parent.column .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-e2a1d643]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-e2a1d643]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-e2a1d643]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-e2a1d643]{flex:1 1 auto;position:relative}.chart-container[data-v-e2a1d643]{overflow:auto}.chart-container[data-v-e2a1d643]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-e2a1d643]{height:100%}.chart-container[data-v-e2a1d643]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-e2a1d643]::-webkit-scrollbar{width:10px}.chart-container[data-v-e2a1d643]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-e2a1d643]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-e2a1d643]{background-color:#3a3f51;color:#fff;color:var(--kui-color-text-inverse, #ffffff);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-e2a1d643]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-5cc0c740]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-5cc0c740]{flex-direction:column}.chart-parent.column .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-5cc0c740]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5cc0c740]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5cc0c740]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5cc0c740]{flex:1 1 auto;position:relative}.chart-parent[data-v-0f89741b]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-0f89741b]{flex-direction:column}.chart-parent.column .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-0f89741b]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-0f89741b]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-0f89741b]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-0f89741b]{flex:1 1 auto;position:relative}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.analytics-chart-shell[data-v-bdcd60d0],.simple-chart-shell[data-v-bdcd60d0]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-bdcd60d0],.simple-chart-shell .chart-empty-state[data-v-bdcd60d0]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-bdcd60d0]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-bdcd60d0]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-bdcd60d0]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-header[data-v-bdcd60d0]{align-items:center;display:flex;justify-content:flex-start;padding-bottom:16px;padding-bottom:var(--kui-space-60, 16px)}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-bdcd60d0]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-bdcd60d0]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .chart-title[data-v-bdcd60d0]{font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.analytics-chart-shell .tooltip[data-v-bdcd60d0]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .dropdown[data-v-bdcd60d0]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .dropdown li.k-dropdown-item a[data-v-bdcd60d0]{text-decoration:none}.analytics-chart-shell .dropdown a[data-v-bdcd60d0]{color:#000933}.analytics-chart-shell .dropdown a[data-v-bdcd60d0]:hover{color:#000933;text-decoration:none}.analytics-chart-shell .dropdown[data-v-bdcd60d0]:hover{cursor:pointer}.chart-parent[data-v-b873244e]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-b873244e]{flex-direction:column}.chart-parent.column .chart-container[data-v-b873244e]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-b873244e]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-b873244e]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-b873244e]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-b873244e]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-b873244e]{flex:1 1 auto;position:relative}.chart-parent[data-v-b873244e]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-b873244e]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-b873244e]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-b873244e]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-b873244e]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.analytics-chart-shell[data-v-9d13f2fd],.simple-chart-shell[data-v-9d13f2fd]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-9d13f2fd],.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-9d13f2fd]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-61747ee5]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-61747ee5]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-61747ee5] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-61747ee5]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-61747ee5]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-61747ee5]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-61747ee5]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-61747ee5]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-61747ee5]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-61747ee5]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-61747ee5]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-61747ee5]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}

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

@@ -2,7 +2,15 @@ import type { AnalyticsChartOptions } from '../types';
 import { ChartLegendPosition } from '../enums';
 import type { PropType } from 'vue';
 import type { AbsoluteTimeRangeV4, ExploreResultV4 } from '@kong-ui-public/analytics-utilities';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare function __VLS_template(): {
+    slots: {
+        "menu-items"?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     allowCsvExport: {
         type: BooleanConstructor;
         required: false;
@@ -71,6 +79,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: boolean;
     };
+    showMenu: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "zoom-time-range": (newTimeRange: AbsoluteTimeRangeV4) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -142,6 +155,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: boolean;
     };
+    showMenu: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onZoom-time-range"?: ((newTimeRange: AbsoluteTimeRangeV4) => any) | undefined;
 }>, {
@@ -157,6 +175,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     chartTitle: string;
     showAnnotations: boolean;
     timeseriesZoom: boolean;
+    showMenu: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=AnalyticsChart.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChart.vue"],"names":[],"mappings":"AA2fA,OAAO,KAAK,EAAE,qBAAqB,EAAoC,MAAM,UAAU,CAAA;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAGnC,OAAO,KAAK,EAAE,mBAAmB,EAAuB,eAAe,EAAqB,MAAM,qCAAqC,CAAA;;;;;;;;;;;;;cAytBnH,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6B/B,QAAQ,CAAC,GAAG,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAjClC,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6B/B,QAAQ,CAAC,GAAG,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArDtD,wBA8EG"}
+{"version":3,"file":"AnalyticsChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChart.vue"],"names":[],"mappings":"AAigBA,OAAO,KAAK,EAAE,qBAAqB,EAAoC,MAAM,UAAU,CAAA;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAGnC,OAAO,KAAK,EAAE,mBAAmB,EAAuB,eAAe,EAAqB,MAAM,qCAAqC,CAAA;AA0WvI,iBAAS,cAAc;;8BAmOY,GAAG;;;WASxB,OAAO,IAA6B;EAEjD;AA8HD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;cAoBD,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6B/B,QAAQ,CAAC,GAAG,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAjClC,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6B/B,QAAQ,CAAC,GAAG,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA8BpD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}