@kong-ui-public/dashboard-renderer 6.1.5 → 6.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .zoom-actions-container[data-v-96d04a22]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.zoom-actions-container .zoom-action-item[data-v-96d04a22]{cursor:pointer;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-96d04a22]:hover{background-color:#afb7c5;background-color:var(--kui-color-background-neutral-weak, #afb7c5)}.zoom-timerange-container .zoom-timerange-heading[data-v-1d43bf39]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.zoom-timerange-container .zoom-timerange-heading .title[data-v-1d43bf39]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.zoom-timerange-container .zoom-timerange-heading .subtitle[data-v-1d43bf39]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.zoom-timerange-container .zoom-timerange-details[data-v-1d43bf39]{margin:6px;margin:var(--kui-space-30, 6px)}.locked[data-v-28bc82b3]{cursor:move}.tooltip-container[data-v-28bc82b3]{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-28bc82b3]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-28bc82b3]{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-28bc82b3]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .drag-icon[data-v-28bc82b3]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}.tooltip-container .tooltip[data-v-28bc82b3]{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-28bc82b3]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-28bc82b3] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-28bc82b3] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-28bc82b3] ::-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-28bc82b3]{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-28bc82b3]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-28bc82b3]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-28bc82b3]{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-28bc82b3]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-afbe6cec]{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-afbe6cec]{-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-afbe6cec] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-afbe6cec] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-afbe6cec] ::-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-afbe6cec]{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-afbe6cec]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-afbe6cec]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-afbe6cec]{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-afbe6cec]{display:none}}.legend-container.horizontal[data-v-afbe6cec]{column-gap:12px;display:grid;height:var(--c25a8106);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-afbe6cec]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-afbe6cec]{align-items:center;margin:0}.legend-container.horizontal li .label[data-v-afbe6cec]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-afbe6cec]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-afbe6cec]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-afbe6cec]{font-size:12px}.legend-container li .sub-label[data-v-afbe6cec]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-afbe6cec]{text-decoration:line-through}.legend-container li .empty[data-v-afbe6cec]{font-style:italic}.legend-container li .tooltip-content[data-v-afbe6cec]{max-width:40ch}.chart-parent[data-v-8d0e46c3]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-8d0e46c3]{flex-direction:column}.chart-parent.column .chart-container[data-v-8d0e46c3]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-8d0e46c3]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-8d0e46c3]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-8d0e46c3]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-8d0e46c3]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-8d0e46c3]{flex:1 1 auto;position:relative}.chart-container[data-v-8d0e46c3]{overflow:auto}.chart-container[data-v-8d0e46c3]{-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-8d0e46c3] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-8d0e46c3] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-8d0e46c3] ::-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-8d0e46c3]{height:100%}.chart-container[data-v-8d0e46c3]::-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-8d0e46c3]::-webkit-scrollbar{width:10px}.chart-container[data-v-8d0e46c3]::-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-8d0e46c3]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-8d0e46c3]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-8d0e46c3]{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-8d0e46c3]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-a1c267dc]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-a1c267dc]{flex-direction:column}.chart-parent.column .chart-container[data-v-a1c267dc]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-a1c267dc]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-a1c267dc]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-a1c267dc]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-a1c267dc]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-a1c267dc]{flex:1 1 auto;position:relative}.chart-parent[data-v-1acea57a]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-1acea57a]{flex-direction:column}.chart-parent.column .chart-container[data-v-1acea57a]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-1acea57a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-1acea57a]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-1acea57a]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-1acea57a]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-1acea57a]{flex:1 1 auto;position:relative}.analytics-chart-shell[data-v-fde01e16],.simple-chart-shell[data-v-fde01e16]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-fde01e16],.simple-chart-shell .chart-empty-state[data-v-fde01e16]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-fde01e16]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-fde01e16]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-fde01e16]{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-fde01e16]{align-items:center;display:flex;justify-content:flex-start;width:100%;z-index:999}.analytics-chart-shell .tooltip[data-v-fde01e16]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .tooltip .tooltip-content[data-v-fde01e16]{max-width:40vw}.chart-parent[data-v-4f4e5b76]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4f4e5b76]{flex-direction:column}.chart-parent.column .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4f4e5b76]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4f4e5b76]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4f4e5b76]{flex:1 1 auto;position:relative}.chart-parent[data-v-4f4e5b76]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-4f4e5b76]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-4f4e5b76]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-4f4e5b76]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-4f4e5b76]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent[data-v-c25764ee]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c25764ee]{flex-direction:column}.chart-parent.column .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-c25764ee]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c25764ee]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-c25764ee]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c25764ee]{flex:1 1 auto;position:relative}.chart-parent[data-v-c25764ee]{container-type:inline-size}.chart-parent .single-value-error[data-v-c25764ee] .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-c25764ee]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:80px;line-height:88px}}.analytics-chart-shell[data-v-471652c8],.simple-chart-shell[data-v-471652c8]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-471652c8],.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-471652c8]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-471652c8] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-665e7735]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-665e7735]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-665e7735] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-665e7735]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-665e7735]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-665e7735]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-665e7735]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-665e7735]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-665e7735]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-665e7735]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-b1513f6f]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-b1513f6f]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-b1513f6f]{height:100%;justify-content:space-evenly}.metricscard.sm[data-v-b1513f6f]:not(:last-child){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.metricscard[data-v-b1513f6f]:hover{border:none;text-decoration:none}.metricscard-title[data-v-b1513f6f]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.metricscard-title.sm[data-v-b1513f6f]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.md[data-v-b1513f6f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.lg[data-v-b1513f6f],.metricscard-title.xl[data-v-b1513f6f]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-b1513f6f]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-icon[data-v-b1513f6f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-b1513f6f]{color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;line-height:32px;line-height:var(--kui-line-height-60, 32px)}.metricscard-value.sm[data-v-b1513f6f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.metricscard-value.xl[data-v-b1513f6f]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-b1513f6f]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-b1513f6f]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-b1513f6f]{align-items:center;flex-direction:row!important;justify-content:space-between;margin-top:0;margin-top:var(--kui-space-0, 0px)}.metricscard-trend[data-v-b1513f6f]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-b1513f6f]{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)}.metricscard-trend-change .kui-icon[data-v-b1513f6f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-b1513f6f]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.metricscard-trend-change.negative[data-v-b1513f6f]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.metricscard-trend-change.neutral[data-v-b1513f6f]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.metricscard-trend-range[data-v-b1513f6f]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-b1513f6f]{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}.metricscard-error[data-v-b1513f6f]{align-items:center;color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-error .kong-icon-warning[data-v-b1513f6f]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-b1513f6f]{pointer-events:all}.loading-tabs[data-v-50eab68c]{display:flex;flex-direction:column}.loading-tabs-large[data-v-50eab68c]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-50eab68c]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-50eab68c]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-50eab68c]{width:auto}}.kong-ui-public-metric-card-container[data-v-eac0ca04]{background-color:transparent;background-color:var(--kui-color-background-transparent, transparent);display:flex;flex-direction:column;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-eac0ca04]{align-items:center;display:flex;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-metric-card-container .container-title .container-description[data-v-eac0ca04]{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)}.kong-ui-public-metric-card-container .cards-wrapper[data-v-eac0ca04]{display:flex;flex-direction:row;flex-grow:1;column-gap:24px;row-gap:16px}@media (max-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-eac0ca04]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-eac0ca04]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-eac0ca04]{align-items:center;display:flex;justify-content:center;margin:auto;margin:var(--kui-space-auto, auto)}.kong-ui-public-metric-card-container .error-display-icon[data-v-eac0ca04]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-eac0ca04]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-left:12px;margin-left:var(--kui-space-50, 12px)}.analytics-chart[data-v-1e9ff912]{display:flex;flex-direction:column;height:var(--088169ae);justify-content:center}.analytics-chart.single-value[data-v-1e9ff912],.analytics-chart[data-v-02fd51d1]{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-b7e09724]{align-items:center;display:flex;height:90%}}.metric-card-tile-wrapper[data-v-b7e09724] .kong-ui-public-metric-card-container{height:auto;max-height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-b7e09724] .kong-ui-public-metric-card-container .metricscard:not(:last-of-type){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.tile-boundary[data-v-e4d72a27]{display:flex;flex-direction:column;height:var(--55e9146d);overflow:hidden}.tile-boundary.editable:hover .tile-header[data-v-e4d72a27]{background:#f9fafb}.tile-boundary .tile-header[data-v-e4d72a27]{align-items:center;display:flex;justify-content:space-between;padding:12px 12px 8px;padding:var(--kui-space-50, 12px) var(--kui-space-50, 12px) var(--kui-space-40, 8px) var(--kui-space-50, 12px);right:0;width:100%}.tile-boundary .tile-header .title-tooltip[data-v-e4d72a27]{margin-right:4px;overflow:hidden}.tile-boundary .tile-header .title[data-v-e4d72a27]{font-weight:700;font-weight:var(--kui-font-weight-bold, 700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-boundary .tile-header .tile-actions[data-v-e4d72a27]{display:flex;gap:6px;gap:var(--kui-space-30, 6px)}.tile-boundary .tile-header .tile-actions .edit-icon[data-v-e4d72a27]{cursor:pointer}.tile-boundary .tile-header .header-description[data-v-e4d72a27]{color:#6c7489;font-size:12px;text-align:right}.tile-boundary .tile-header .dropdown[data-v-e4d72a27]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.tile-boundary .tile-header .dropdown .kebab-action-menu[data-v-e4d72a27]{cursor:pointer}.tile-boundary .tile-header .dropdown .delete-option[data-v-e4d72a27]{color:#d60027}.tile-boundary .tile-header .dropdown li.k-dropdown-item a[data-v-e4d72a27]{text-decoration:none}.tile-boundary .tile-header .dropdown a[data-v-e4d72a27]{color:#000933}.tile-boundary .tile-header .dropdown a[data-v-e4d72a27]:hover{color:#000933;text-decoration:none}.tile-boundary .tile-header .dropdown[data-v-e4d72a27]:hover{cursor:pointer}.tile-boundary .tile-content[data-v-e4d72a27]{flex-grow:1;margin:4px 16px 16px;margin:var(--kui-space-20, 4px) var(--kui-space-60, 16px) var(--kui-space-60, 16px) var(--kui-space-60, 16px);overflow:hidden}.kong-ui-public-grid-layout[data-v-354b7177]{display:grid;gap:20px;gap:var(--kui-space-70, 20px);grid-template-columns:repeat(var(--2a38e79e),1fr);grid-template-rows:var(--4cc71de6);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-354b7177]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-354b7177]{height:auto!important;left:auto!important;position:relative;top:auto!important;transform:none!important;width:auto!important}.kong-ui-public-grid-layout .grid-cell[data-v-354b7177]:not(:first-child){margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-public-grid-layout .empty-cell[data-v-354b7177]{display:none}}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top;cursor:move}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.gs-12>.grid-stack-item{width:8.333%}.gs-12>.grid-stack-item[gs-x="1"]{left:8.333%}.gs-12>.grid-stack-item[gs-w="2"]{width:16.667%}.gs-12>.grid-stack-item[gs-x="2"]{left:16.667%}.gs-12>.grid-stack-item[gs-w="3"]{width:25%}.gs-12>.grid-stack-item[gs-x="3"]{left:25%}.gs-12>.grid-stack-item[gs-w="4"]{width:33.333%}.gs-12>.grid-stack-item[gs-x="4"]{left:33.333%}.gs-12>.grid-stack-item[gs-w="5"]{width:41.667%}.gs-12>.grid-stack-item[gs-x="5"]{left:41.667%}.gs-12>.grid-stack-item[gs-w="6"]{width:50%}.gs-12>.grid-stack-item[gs-x="6"]{left:50%}.gs-12>.grid-stack-item[gs-w="7"]{width:58.333%}.gs-12>.grid-stack-item[gs-x="7"]{left:58.333%}.gs-12>.grid-stack-item[gs-w="8"]{width:66.667%}.gs-12>.grid-stack-item[gs-x="8"]{left:66.667%}.gs-12>.grid-stack-item[gs-w="9"]{width:75%}.gs-12>.grid-stack-item[gs-x="9"]{left:75%}.gs-12>.grid-stack-item[gs-w="10"]{width:83.333%}.gs-12>.grid-stack-item[gs-x="10"]{left:83.333%}.gs-12>.grid-stack-item[gs-w="11"]{width:91.667%}.gs-12>.grid-stack-item[gs-x="11"]{left:91.667%}.gs-12>.grid-stack-item[gs-w="12"]{width:100%}.gs-1>.grid-stack-item{width:100%}.gs-2>.grid-stack-item{width:50%}.gs-2>.grid-stack-item[gs-x="1"]{left:50%}.gs-2>.grid-stack-item[gs-w="2"]{width:100%}.gs-3>.grid-stack-item{width:33.333%}.gs-3>.grid-stack-item[gs-x="1"]{left:33.333%}.gs-3>.grid-stack-item[gs-w="2"]{width:66.667%}.gs-3>.grid-stack-item[gs-x="2"]{left:66.667%}.gs-3>.grid-stack-item[gs-w="3"]{width:100%}.gs-4>.grid-stack-item{width:25%}.gs-4>.grid-stack-item[gs-x="1"]{left:25%}.gs-4>.grid-stack-item[gs-w="2"]{width:50%}.gs-4>.grid-stack-item[gs-x="2"]{left:50%}.gs-4>.grid-stack-item[gs-w="3"]{width:75%}.gs-4>.grid-stack-item[gs-x="3"]{left:75%}.gs-4>.grid-stack-item[gs-w="4"]{width:100%}.gs-5>.grid-stack-item{width:20%}.gs-5>.grid-stack-item[gs-x="1"]{left:20%}.gs-5>.grid-stack-item[gs-w="2"]{width:40%}.gs-5>.grid-stack-item[gs-x="2"]{left:40%}.gs-5>.grid-stack-item[gs-w="3"]{width:60%}.gs-5>.grid-stack-item[gs-x="3"]{left:60%}.gs-5>.grid-stack-item[gs-w="4"]{width:80%}.gs-5>.grid-stack-item[gs-x="4"]{left:80%}.gs-5>.grid-stack-item[gs-w="5"]{width:100%}.gs-6>.grid-stack-item{width:16.667%}.gs-6>.grid-stack-item[gs-x="1"]{left:16.667%}.gs-6>.grid-stack-item[gs-w="2"]{width:33.333%}.gs-6>.grid-stack-item[gs-x="2"]{left:33.333%}.gs-6>.grid-stack-item[gs-w="3"]{width:50%}.gs-6>.grid-stack-item[gs-x="3"]{left:50%}.gs-6>.grid-stack-item[gs-w="4"]{width:66.667%}.gs-6>.grid-stack-item[gs-x="4"]{left:66.667%}.gs-6>.grid-stack-item[gs-w="5"]{width:83.333%}.gs-6>.grid-stack-item[gs-x="5"]{left:83.333%}.gs-6>.grid-stack-item[gs-w="6"]{width:100%}.gs-7>.grid-stack-item{width:14.286%}.gs-7>.grid-stack-item[gs-x="1"]{left:14.286%}.gs-7>.grid-stack-item[gs-w="2"]{width:28.571%}.gs-7>.grid-stack-item[gs-x="2"]{left:28.571%}.gs-7>.grid-stack-item[gs-w="3"]{width:42.857%}.gs-7>.grid-stack-item[gs-x="3"]{left:42.857%}.gs-7>.grid-stack-item[gs-w="4"]{width:57.143%}.gs-7>.grid-stack-item[gs-x="4"]{left:57.143%}.gs-7>.grid-stack-item[gs-w="5"]{width:71.429%}.gs-7>.grid-stack-item[gs-x="5"]{left:71.429%}.gs-7>.grid-stack-item[gs-w="6"]{width:85.714%}.gs-7>.grid-stack-item[gs-x="6"]{left:85.714%}.gs-7>.grid-stack-item[gs-w="7"]{width:100%}.gs-8>.grid-stack-item{width:12.5%}.gs-8>.grid-stack-item[gs-x="1"]{left:12.5%}.gs-8>.grid-stack-item[gs-w="2"]{width:25%}.gs-8>.grid-stack-item[gs-x="2"]{left:25%}.gs-8>.grid-stack-item[gs-w="3"]{width:37.5%}.gs-8>.grid-stack-item[gs-x="3"]{left:37.5%}.gs-8>.grid-stack-item[gs-w="4"]{width:50%}.gs-8>.grid-stack-item[gs-x="4"]{left:50%}.gs-8>.grid-stack-item[gs-w="5"]{width:62.5%}.gs-8>.grid-stack-item[gs-x="5"]{left:62.5%}.gs-8>.grid-stack-item[gs-w="6"]{width:75%}.gs-8>.grid-stack-item[gs-x="6"]{left:75%}.gs-8>.grid-stack-item[gs-w="7"]{width:87.5%}.gs-8>.grid-stack-item[gs-x="7"]{left:87.5%}.gs-8>.grid-stack-item[gs-w="8"]{width:100%}.gs-9>.grid-stack-item{width:11.111%}.gs-9>.grid-stack-item[gs-x="1"]{left:11.111%}.gs-9>.grid-stack-item[gs-w="2"]{width:22.222%}.gs-9>.grid-stack-item[gs-x="2"]{left:22.222%}.gs-9>.grid-stack-item[gs-w="3"]{width:33.333%}.gs-9>.grid-stack-item[gs-x="3"]{left:33.333%}.gs-9>.grid-stack-item[gs-w="4"]{width:44.444%}.gs-9>.grid-stack-item[gs-x="4"]{left:44.444%}.gs-9>.grid-stack-item[gs-w="5"]{width:55.556%}.gs-9>.grid-stack-item[gs-x="5"]{left:55.556%}.gs-9>.grid-stack-item[gs-w="6"]{width:66.667%}.gs-9>.grid-stack-item[gs-x="6"]{left:66.667%}.gs-9>.grid-stack-item[gs-w="7"]{width:77.778%}.gs-9>.grid-stack-item[gs-x="7"]{left:77.778%}.gs-9>.grid-stack-item[gs-w="8"]{width:88.889%}.gs-9>.grid-stack-item[gs-x="8"]{left:88.889%}.gs-9>.grid-stack-item[gs-w="9"]{width:100%}.gs-10>.grid-stack-item{width:10%}.gs-10>.grid-stack-item[gs-x="1"]{left:10%}.gs-10>.grid-stack-item[gs-w="2"]{width:20%}.gs-10>.grid-stack-item[gs-x="2"]{left:20%}.gs-10>.grid-stack-item[gs-w="3"]{width:30%}.gs-10>.grid-stack-item[gs-x="3"]{left:30%}.gs-10>.grid-stack-item[gs-w="4"]{width:40%}.gs-10>.grid-stack-item[gs-x="4"]{left:40%}.gs-10>.grid-stack-item[gs-w="5"]{width:50%}.gs-10>.grid-stack-item[gs-x="5"]{left:50%}.gs-10>.grid-stack-item[gs-w="6"]{width:60%}.gs-10>.grid-stack-item[gs-x="6"]{left:60%}.gs-10>.grid-stack-item[gs-w="7"]{width:70%}.gs-10>.grid-stack-item[gs-x="7"]{left:70%}.gs-10>.grid-stack-item[gs-w="8"]{width:80%}.gs-10>.grid-stack-item[gs-x="8"]{left:80%}.gs-10>.grid-stack-item[gs-w="9"]{width:90%}.gs-10>.grid-stack-item[gs-x="9"]{left:90%}.gs-10>.grid-stack-item[gs-w="10"]{width:100%}.gs-11>.grid-stack-item{width:9.091%}.gs-11>.grid-stack-item[gs-x="1"]{left:9.091%}.gs-11>.grid-stack-item[gs-w="2"]{width:18.182%}.gs-11>.grid-stack-item[gs-x="2"]{left:18.182%}.gs-11>.grid-stack-item[gs-w="3"]{width:27.273%}.gs-11>.grid-stack-item[gs-x="3"]{left:27.273%}.gs-11>.grid-stack-item[gs-w="4"]{width:36.364%}.gs-11>.grid-stack-item[gs-x="4"]{left:36.364%}.gs-11>.grid-stack-item[gs-w="5"]{width:45.455%}.gs-11>.grid-stack-item[gs-x="5"]{left:45.455%}.gs-11>.grid-stack-item[gs-w="6"]{width:54.545%}.gs-11>.grid-stack-item[gs-x="6"]{left:54.545%}.gs-11>.grid-stack-item[gs-w="7"]{width:63.636%}.gs-11>.grid-stack-item[gs-x="7"]{left:63.636%}.gs-11>.grid-stack-item[gs-w="8"]{width:72.727%}.gs-11>.grid-stack-item[gs-x="8"]{left:72.727%}.gs-11>.grid-stack-item[gs-w="9"]{width:81.818%}.gs-11>.grid-stack-item[gs-x="9"]{left:81.818%}.gs-11>.grid-stack-item[gs-w="10"]{width:90.909%}.gs-11>.grid-stack-item[gs-x="10"]{left:90.909%}.gs-11>.grid-stack-item[gs-w="11"]{width:100%}.grid-stack[data-v-a68d6821]{margin:0 -10px}[data-v-a68d6821] .tile-header{cursor:move}[data-v-a68d6821] .ui-resizable-se{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4483_27853'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20transform='matrix(-1%200%200%201%2024%200)'%20fill='%23596177'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4483_27853)'%3e%3cpath%20d='M19%2021V10H17V19H8V21H19ZM14%2016V5H12V14H3V16H14Z'%20fill='%23596177'/%3e%3c/g%3e%3c/svg%3e");background-size:16px 16px;cursor:se-resize;margin:1px;transform:rotate(0)}[data-v-a68d6821] .ui-resizable-sw{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4483_27853'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20transform='matrix(-1%200%200%201%2024%200)'%20fill='%23596177'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4483_27853)'%3e%3cpath%20d='M19%2021V10H17V19H8V21H19ZM14%2016V5H12V14H3V16H14Z'%20fill='%23596177'/%3e%3c/g%3e%3c/svg%3e");background-size:16px 16px;cursor:se-resize;margin:1px;transform:rotate(90deg)}.kong-ui-public-dashboard-renderer .tile-container[data-v-e90ae04b]{background:transparent;background:var(--kui-color-background-transparent, transparent);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);height:100%}.kong-ui-public-dashboard-renderer .tile-container.slottable-tile[data-v-e90ae04b]{padding:16px;padding:var(--kui-space-60, 16px)}
1
+ .zoom-actions-container[data-v-96d04a22]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.zoom-actions-container .zoom-action-item[data-v-96d04a22]{cursor:pointer;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-96d04a22]:hover{background-color:#afb7c5;background-color:var(--kui-color-background-neutral-weak, #afb7c5)}.zoom-timerange-container .zoom-timerange-heading[data-v-1d43bf39]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.zoom-timerange-container .zoom-timerange-heading .title[data-v-1d43bf39]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.zoom-timerange-container .zoom-timerange-heading .subtitle[data-v-1d43bf39]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.zoom-timerange-container .zoom-timerange-details[data-v-1d43bf39]{margin:6px;margin:var(--kui-space-30, 6px)}.locked[data-v-28bc82b3]{cursor:move}.tooltip-container[data-v-28bc82b3]{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-28bc82b3]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-28bc82b3]{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-28bc82b3]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .drag-icon[data-v-28bc82b3]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}.tooltip-container .tooltip[data-v-28bc82b3]{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-28bc82b3]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-28bc82b3] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-28bc82b3] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-28bc82b3] ::-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-28bc82b3]{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-28bc82b3]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-28bc82b3]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-28bc82b3]{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-28bc82b3]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-afbe6cec]{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-afbe6cec]{-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-afbe6cec] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-afbe6cec] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-afbe6cec] ::-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-afbe6cec]{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-afbe6cec]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-afbe6cec]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-afbe6cec]{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-afbe6cec]{display:none}}.legend-container.horizontal[data-v-afbe6cec]{column-gap:12px;display:grid;height:var(--c25a8106);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-afbe6cec]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-afbe6cec]{align-items:center;margin:0}.legend-container.horizontal li .label[data-v-afbe6cec]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-afbe6cec]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-afbe6cec]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-afbe6cec]{font-size:12px}.legend-container li .sub-label[data-v-afbe6cec]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-afbe6cec]{text-decoration:line-through}.legend-container li .empty[data-v-afbe6cec]{font-style:italic}.legend-container li .tooltip-content[data-v-afbe6cec]{max-width:40ch}.chart-parent[data-v-8d0e46c3]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-8d0e46c3]{flex-direction:column}.chart-parent.column .chart-container[data-v-8d0e46c3]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-8d0e46c3]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-8d0e46c3]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-8d0e46c3]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-8d0e46c3]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-8d0e46c3]{flex:1 1 auto;position:relative}.chart-container[data-v-8d0e46c3]{overflow:auto}.chart-container[data-v-8d0e46c3]{-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-8d0e46c3] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-8d0e46c3] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-8d0e46c3] ::-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-8d0e46c3]{height:100%}.chart-container[data-v-8d0e46c3]::-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-8d0e46c3]::-webkit-scrollbar{width:10px}.chart-container[data-v-8d0e46c3]::-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-8d0e46c3]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-8d0e46c3]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-8d0e46c3]{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-8d0e46c3]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-a1c267dc]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-a1c267dc]{flex-direction:column}.chart-parent.column .chart-container[data-v-a1c267dc]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-a1c267dc]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-a1c267dc]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-a1c267dc]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-a1c267dc]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-a1c267dc]{flex:1 1 auto;position:relative}.chart-parent[data-v-1acea57a]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-1acea57a]{flex-direction:column}.chart-parent.column .chart-container[data-v-1acea57a]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-1acea57a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-1acea57a]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-1acea57a]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-1acea57a]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-1acea57a]{flex:1 1 auto;position:relative}.analytics-chart-shell[data-v-fde01e16],.simple-chart-shell[data-v-fde01e16]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-fde01e16],.simple-chart-shell .chart-empty-state[data-v-fde01e16]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-fde01e16]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-fde01e16]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-fde01e16]{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-fde01e16]{align-items:center;display:flex;justify-content:flex-start;width:100%;z-index:999}.analytics-chart-shell .tooltip[data-v-fde01e16]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .tooltip .tooltip-content[data-v-fde01e16]{max-width:40vw}.chart-parent[data-v-4f4e5b76]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4f4e5b76]{flex-direction:column}.chart-parent.column .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4f4e5b76]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4f4e5b76]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4f4e5b76]{flex:1 1 auto;position:relative}.chart-parent[data-v-4f4e5b76]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-4f4e5b76]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-4f4e5b76]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-4f4e5b76]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-4f4e5b76]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent[data-v-c25764ee]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c25764ee]{flex-direction:column}.chart-parent.column .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-c25764ee]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c25764ee]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-c25764ee]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c25764ee]{flex:1 1 auto;position:relative}.chart-parent[data-v-c25764ee]{container-type:inline-size}.chart-parent .single-value-error[data-v-c25764ee] .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-c25764ee]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:80px;line-height:88px}}.analytics-chart-shell[data-v-471652c8],.simple-chart-shell[data-v-471652c8]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-471652c8],.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-471652c8]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-471652c8] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-665e7735]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-665e7735]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-665e7735] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-665e7735]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-665e7735]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-665e7735]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-665e7735]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-665e7735]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-665e7735]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-665e7735]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-b1513f6f]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-b1513f6f]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-b1513f6f]{height:100%;justify-content:space-evenly}.metricscard.sm[data-v-b1513f6f]:not(:last-child){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.metricscard[data-v-b1513f6f]:hover{border:none;text-decoration:none}.metricscard-title[data-v-b1513f6f]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.metricscard-title.sm[data-v-b1513f6f]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.md[data-v-b1513f6f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.lg[data-v-b1513f6f],.metricscard-title.xl[data-v-b1513f6f]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-b1513f6f]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-icon[data-v-b1513f6f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-b1513f6f]{color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;line-height:32px;line-height:var(--kui-line-height-60, 32px)}.metricscard-value.sm[data-v-b1513f6f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.metricscard-value.xl[data-v-b1513f6f]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-b1513f6f]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-b1513f6f]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-b1513f6f]{align-items:center;flex-direction:row!important;justify-content:space-between;margin-top:0;margin-top:var(--kui-space-0, 0px)}.metricscard-trend[data-v-b1513f6f]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-b1513f6f]{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)}.metricscard-trend-change .kui-icon[data-v-b1513f6f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-b1513f6f]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.metricscard-trend-change.negative[data-v-b1513f6f]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.metricscard-trend-change.neutral[data-v-b1513f6f]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.metricscard-trend-range[data-v-b1513f6f]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-b1513f6f]{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}.metricscard-error[data-v-b1513f6f]{align-items:center;color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-error .kong-icon-warning[data-v-b1513f6f]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-b1513f6f]{pointer-events:all}.loading-tabs[data-v-50eab68c]{display:flex;flex-direction:column}.loading-tabs-large[data-v-50eab68c]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-50eab68c]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-50eab68c]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-50eab68c]{width:auto}}.kong-ui-public-metric-card-container[data-v-eac0ca04]{background-color:transparent;background-color:var(--kui-color-background-transparent, transparent);display:flex;flex-direction:column;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-eac0ca04]{align-items:center;display:flex;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-metric-card-container .container-title .container-description[data-v-eac0ca04]{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)}.kong-ui-public-metric-card-container .cards-wrapper[data-v-eac0ca04]{display:flex;flex-direction:row;flex-grow:1;column-gap:24px;row-gap:16px}@media (max-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-eac0ca04]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-eac0ca04]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-eac0ca04]{align-items:center;display:flex;justify-content:center;margin:auto;margin:var(--kui-space-auto, auto)}.kong-ui-public-metric-card-container .error-display-icon[data-v-eac0ca04]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-eac0ca04]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-left:12px;margin-left:var(--kui-space-50, 12px)}.analytics-chart[data-v-1e9ff912]{display:flex;flex-direction:column;height:var(--088169ae);justify-content:center}.analytics-chart.single-value[data-v-1e9ff912],.analytics-chart[data-v-5a151d86]{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-b7e09724]{align-items:center;display:flex;height:90%}}.metric-card-tile-wrapper[data-v-b7e09724] .kong-ui-public-metric-card-container{height:auto;max-height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-b7e09724] .kong-ui-public-metric-card-container .metricscard:not(:last-of-type){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.tile-boundary[data-v-e4d72a27]{display:flex;flex-direction:column;height:var(--55e9146d);overflow:hidden}.tile-boundary.editable:hover .tile-header[data-v-e4d72a27]{background:#f9fafb}.tile-boundary .tile-header[data-v-e4d72a27]{align-items:center;display:flex;justify-content:space-between;padding:12px 12px 8px;padding:var(--kui-space-50, 12px) var(--kui-space-50, 12px) var(--kui-space-40, 8px) var(--kui-space-50, 12px);right:0;width:100%}.tile-boundary .tile-header .title-tooltip[data-v-e4d72a27]{margin-right:4px;overflow:hidden}.tile-boundary .tile-header .title[data-v-e4d72a27]{font-weight:700;font-weight:var(--kui-font-weight-bold, 700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-boundary .tile-header .tile-actions[data-v-e4d72a27]{display:flex;gap:6px;gap:var(--kui-space-30, 6px)}.tile-boundary .tile-header .tile-actions .edit-icon[data-v-e4d72a27]{cursor:pointer}.tile-boundary .tile-header .header-description[data-v-e4d72a27]{color:#6c7489;font-size:12px;text-align:right}.tile-boundary .tile-header .dropdown[data-v-e4d72a27]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.tile-boundary .tile-header .dropdown .kebab-action-menu[data-v-e4d72a27]{cursor:pointer}.tile-boundary .tile-header .dropdown .delete-option[data-v-e4d72a27]{color:#d60027}.tile-boundary .tile-header .dropdown li.k-dropdown-item a[data-v-e4d72a27]{text-decoration:none}.tile-boundary .tile-header .dropdown a[data-v-e4d72a27]{color:#000933}.tile-boundary .tile-header .dropdown a[data-v-e4d72a27]:hover{color:#000933;text-decoration:none}.tile-boundary .tile-header .dropdown[data-v-e4d72a27]:hover{cursor:pointer}.tile-boundary .tile-content[data-v-e4d72a27]{flex-grow:1;margin:4px 16px 16px;margin:var(--kui-space-20, 4px) var(--kui-space-60, 16px) var(--kui-space-60, 16px) var(--kui-space-60, 16px);overflow:hidden}.kong-ui-public-grid-layout[data-v-354b7177]{display:grid;gap:20px;gap:var(--kui-space-70, 20px);grid-template-columns:repeat(var(--2a38e79e),1fr);grid-template-rows:var(--4cc71de6);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-354b7177]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-354b7177]{height:auto!important;left:auto!important;position:relative;top:auto!important;transform:none!important;width:auto!important}.kong-ui-public-grid-layout .grid-cell[data-v-354b7177]:not(:first-child){margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-public-grid-layout .empty-cell[data-v-354b7177]{display:none}}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top;cursor:move}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.gs-12>.grid-stack-item{width:8.333%}.gs-12>.grid-stack-item[gs-x="1"]{left:8.333%}.gs-12>.grid-stack-item[gs-w="2"]{width:16.667%}.gs-12>.grid-stack-item[gs-x="2"]{left:16.667%}.gs-12>.grid-stack-item[gs-w="3"]{width:25%}.gs-12>.grid-stack-item[gs-x="3"]{left:25%}.gs-12>.grid-stack-item[gs-w="4"]{width:33.333%}.gs-12>.grid-stack-item[gs-x="4"]{left:33.333%}.gs-12>.grid-stack-item[gs-w="5"]{width:41.667%}.gs-12>.grid-stack-item[gs-x="5"]{left:41.667%}.gs-12>.grid-stack-item[gs-w="6"]{width:50%}.gs-12>.grid-stack-item[gs-x="6"]{left:50%}.gs-12>.grid-stack-item[gs-w="7"]{width:58.333%}.gs-12>.grid-stack-item[gs-x="7"]{left:58.333%}.gs-12>.grid-stack-item[gs-w="8"]{width:66.667%}.gs-12>.grid-stack-item[gs-x="8"]{left:66.667%}.gs-12>.grid-stack-item[gs-w="9"]{width:75%}.gs-12>.grid-stack-item[gs-x="9"]{left:75%}.gs-12>.grid-stack-item[gs-w="10"]{width:83.333%}.gs-12>.grid-stack-item[gs-x="10"]{left:83.333%}.gs-12>.grid-stack-item[gs-w="11"]{width:91.667%}.gs-12>.grid-stack-item[gs-x="11"]{left:91.667%}.gs-12>.grid-stack-item[gs-w="12"]{width:100%}.gs-1>.grid-stack-item{width:100%}.gs-2>.grid-stack-item{width:50%}.gs-2>.grid-stack-item[gs-x="1"]{left:50%}.gs-2>.grid-stack-item[gs-w="2"]{width:100%}.gs-3>.grid-stack-item{width:33.333%}.gs-3>.grid-stack-item[gs-x="1"]{left:33.333%}.gs-3>.grid-stack-item[gs-w="2"]{width:66.667%}.gs-3>.grid-stack-item[gs-x="2"]{left:66.667%}.gs-3>.grid-stack-item[gs-w="3"]{width:100%}.gs-4>.grid-stack-item{width:25%}.gs-4>.grid-stack-item[gs-x="1"]{left:25%}.gs-4>.grid-stack-item[gs-w="2"]{width:50%}.gs-4>.grid-stack-item[gs-x="2"]{left:50%}.gs-4>.grid-stack-item[gs-w="3"]{width:75%}.gs-4>.grid-stack-item[gs-x="3"]{left:75%}.gs-4>.grid-stack-item[gs-w="4"]{width:100%}.gs-5>.grid-stack-item{width:20%}.gs-5>.grid-stack-item[gs-x="1"]{left:20%}.gs-5>.grid-stack-item[gs-w="2"]{width:40%}.gs-5>.grid-stack-item[gs-x="2"]{left:40%}.gs-5>.grid-stack-item[gs-w="3"]{width:60%}.gs-5>.grid-stack-item[gs-x="3"]{left:60%}.gs-5>.grid-stack-item[gs-w="4"]{width:80%}.gs-5>.grid-stack-item[gs-x="4"]{left:80%}.gs-5>.grid-stack-item[gs-w="5"]{width:100%}.gs-6>.grid-stack-item{width:16.667%}.gs-6>.grid-stack-item[gs-x="1"]{left:16.667%}.gs-6>.grid-stack-item[gs-w="2"]{width:33.333%}.gs-6>.grid-stack-item[gs-x="2"]{left:33.333%}.gs-6>.grid-stack-item[gs-w="3"]{width:50%}.gs-6>.grid-stack-item[gs-x="3"]{left:50%}.gs-6>.grid-stack-item[gs-w="4"]{width:66.667%}.gs-6>.grid-stack-item[gs-x="4"]{left:66.667%}.gs-6>.grid-stack-item[gs-w="5"]{width:83.333%}.gs-6>.grid-stack-item[gs-x="5"]{left:83.333%}.gs-6>.grid-stack-item[gs-w="6"]{width:100%}.gs-7>.grid-stack-item{width:14.286%}.gs-7>.grid-stack-item[gs-x="1"]{left:14.286%}.gs-7>.grid-stack-item[gs-w="2"]{width:28.571%}.gs-7>.grid-stack-item[gs-x="2"]{left:28.571%}.gs-7>.grid-stack-item[gs-w="3"]{width:42.857%}.gs-7>.grid-stack-item[gs-x="3"]{left:42.857%}.gs-7>.grid-stack-item[gs-w="4"]{width:57.143%}.gs-7>.grid-stack-item[gs-x="4"]{left:57.143%}.gs-7>.grid-stack-item[gs-w="5"]{width:71.429%}.gs-7>.grid-stack-item[gs-x="5"]{left:71.429%}.gs-7>.grid-stack-item[gs-w="6"]{width:85.714%}.gs-7>.grid-stack-item[gs-x="6"]{left:85.714%}.gs-7>.grid-stack-item[gs-w="7"]{width:100%}.gs-8>.grid-stack-item{width:12.5%}.gs-8>.grid-stack-item[gs-x="1"]{left:12.5%}.gs-8>.grid-stack-item[gs-w="2"]{width:25%}.gs-8>.grid-stack-item[gs-x="2"]{left:25%}.gs-8>.grid-stack-item[gs-w="3"]{width:37.5%}.gs-8>.grid-stack-item[gs-x="3"]{left:37.5%}.gs-8>.grid-stack-item[gs-w="4"]{width:50%}.gs-8>.grid-stack-item[gs-x="4"]{left:50%}.gs-8>.grid-stack-item[gs-w="5"]{width:62.5%}.gs-8>.grid-stack-item[gs-x="5"]{left:62.5%}.gs-8>.grid-stack-item[gs-w="6"]{width:75%}.gs-8>.grid-stack-item[gs-x="6"]{left:75%}.gs-8>.grid-stack-item[gs-w="7"]{width:87.5%}.gs-8>.grid-stack-item[gs-x="7"]{left:87.5%}.gs-8>.grid-stack-item[gs-w="8"]{width:100%}.gs-9>.grid-stack-item{width:11.111%}.gs-9>.grid-stack-item[gs-x="1"]{left:11.111%}.gs-9>.grid-stack-item[gs-w="2"]{width:22.222%}.gs-9>.grid-stack-item[gs-x="2"]{left:22.222%}.gs-9>.grid-stack-item[gs-w="3"]{width:33.333%}.gs-9>.grid-stack-item[gs-x="3"]{left:33.333%}.gs-9>.grid-stack-item[gs-w="4"]{width:44.444%}.gs-9>.grid-stack-item[gs-x="4"]{left:44.444%}.gs-9>.grid-stack-item[gs-w="5"]{width:55.556%}.gs-9>.grid-stack-item[gs-x="5"]{left:55.556%}.gs-9>.grid-stack-item[gs-w="6"]{width:66.667%}.gs-9>.grid-stack-item[gs-x="6"]{left:66.667%}.gs-9>.grid-stack-item[gs-w="7"]{width:77.778%}.gs-9>.grid-stack-item[gs-x="7"]{left:77.778%}.gs-9>.grid-stack-item[gs-w="8"]{width:88.889%}.gs-9>.grid-stack-item[gs-x="8"]{left:88.889%}.gs-9>.grid-stack-item[gs-w="9"]{width:100%}.gs-10>.grid-stack-item{width:10%}.gs-10>.grid-stack-item[gs-x="1"]{left:10%}.gs-10>.grid-stack-item[gs-w="2"]{width:20%}.gs-10>.grid-stack-item[gs-x="2"]{left:20%}.gs-10>.grid-stack-item[gs-w="3"]{width:30%}.gs-10>.grid-stack-item[gs-x="3"]{left:30%}.gs-10>.grid-stack-item[gs-w="4"]{width:40%}.gs-10>.grid-stack-item[gs-x="4"]{left:40%}.gs-10>.grid-stack-item[gs-w="5"]{width:50%}.gs-10>.grid-stack-item[gs-x="5"]{left:50%}.gs-10>.grid-stack-item[gs-w="6"]{width:60%}.gs-10>.grid-stack-item[gs-x="6"]{left:60%}.gs-10>.grid-stack-item[gs-w="7"]{width:70%}.gs-10>.grid-stack-item[gs-x="7"]{left:70%}.gs-10>.grid-stack-item[gs-w="8"]{width:80%}.gs-10>.grid-stack-item[gs-x="8"]{left:80%}.gs-10>.grid-stack-item[gs-w="9"]{width:90%}.gs-10>.grid-stack-item[gs-x="9"]{left:90%}.gs-10>.grid-stack-item[gs-w="10"]{width:100%}.gs-11>.grid-stack-item{width:9.091%}.gs-11>.grid-stack-item[gs-x="1"]{left:9.091%}.gs-11>.grid-stack-item[gs-w="2"]{width:18.182%}.gs-11>.grid-stack-item[gs-x="2"]{left:18.182%}.gs-11>.grid-stack-item[gs-w="3"]{width:27.273%}.gs-11>.grid-stack-item[gs-x="3"]{left:27.273%}.gs-11>.grid-stack-item[gs-w="4"]{width:36.364%}.gs-11>.grid-stack-item[gs-x="4"]{left:36.364%}.gs-11>.grid-stack-item[gs-w="5"]{width:45.455%}.gs-11>.grid-stack-item[gs-x="5"]{left:45.455%}.gs-11>.grid-stack-item[gs-w="6"]{width:54.545%}.gs-11>.grid-stack-item[gs-x="6"]{left:54.545%}.gs-11>.grid-stack-item[gs-w="7"]{width:63.636%}.gs-11>.grid-stack-item[gs-x="7"]{left:63.636%}.gs-11>.grid-stack-item[gs-w="8"]{width:72.727%}.gs-11>.grid-stack-item[gs-x="8"]{left:72.727%}.gs-11>.grid-stack-item[gs-w="9"]{width:81.818%}.gs-11>.grid-stack-item[gs-x="9"]{left:81.818%}.gs-11>.grid-stack-item[gs-w="10"]{width:90.909%}.gs-11>.grid-stack-item[gs-x="10"]{left:90.909%}.gs-11>.grid-stack-item[gs-w="11"]{width:100%}.grid-stack[data-v-a68d6821]{margin:0 -10px}[data-v-a68d6821] .tile-header{cursor:move}[data-v-a68d6821] .ui-resizable-se{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4483_27853'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20transform='matrix(-1%200%200%201%2024%200)'%20fill='%23596177'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4483_27853)'%3e%3cpath%20d='M19%2021V10H17V19H8V21H19ZM14%2016V5H12V14H3V16H14Z'%20fill='%23596177'/%3e%3c/g%3e%3c/svg%3e");background-size:16px 16px;cursor:se-resize;margin:1px;transform:rotate(0)}[data-v-a68d6821] .ui-resizable-sw{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4483_27853'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20transform='matrix(-1%200%200%201%2024%200)'%20fill='%23596177'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4483_27853)'%3e%3cpath%20d='M19%2021V10H17V19H8V21H19ZM14%2016V5H12V14H3V16H14Z'%20fill='%23596177'/%3e%3c/g%3e%3c/svg%3e");background-size:16px 16px;cursor:se-resize;margin:1px;transform:rotate(90deg)}.kong-ui-public-dashboard-renderer .tile-container[data-v-b36476ce]{background:transparent;background:var(--kui-color-background-transparent, transparent);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);height:100%}.kong-ui-public-dashboard-renderer .tile-container.slottable-tile[data-v-b36476ce]{padding:16px;padding:var(--kui-space-60, 16px)}
@@ -1 +1 @@
1
- {"version":3,"file":"BaseAnalyticsChartRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/BaseAnalyticsChartRenderer.vue"],"names":[],"mappings":"AA6EA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAM7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;;iBAIrC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;iBAAnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;AAuL7E,wBAWG"}
1
+ {"version":3,"file":"BaseAnalyticsChartRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/BaseAnalyticsChartRenderer.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAM7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;;iBAIrC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;iBAAnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;AAyL7E,wBAWG"}
@@ -86,6 +86,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
86
86
  type: "single_value";
87
87
  };
88
88
  query: {
89
+ filters?: ({
90
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
91
+ operator: "in" | "not_in" | "selector";
92
+ value: (string | number | null)[];
93
+ } | {
94
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
95
+ operator: "empty" | "not_empty";
96
+ })[] | undefined;
89
97
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
90
98
  time_range?: {
91
99
  tz?: string | undefined;
@@ -103,16 +111,16 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
103
111
  } | undefined;
104
112
  metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average" | "response_latency_p99" | "response_latency_p95" | "response_latency_p50" | "upstream_latency_p99" | "upstream_latency_p95" | "upstream_latency_p50" | "upstream_latency_average" | "kong_latency_p99" | "kong_latency_p95" | "kong_latency_p50" | "kong_latency_average" | "response_size_p99" | "response_size_p95" | "response_size_p50" | "response_size_average" | "response_size_sum" | "request_size_p99" | "request_size_p95" | "request_size_p50" | "request_size_average" | "request_size_sum")[] | undefined;
105
113
  dimensions?: ("api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "time" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm")[] | undefined;
114
+ datasource: "api_usage";
115
+ } | {
106
116
  filters?: ({
107
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
117
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
108
118
  operator: "in" | "not_in" | "selector";
109
119
  value: (string | number | null)[];
110
120
  } | {
111
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
121
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
112
122
  operator: "empty" | "not_empty";
113
123
  })[] | undefined;
114
- datasource: "api_usage";
115
- } | {
116
124
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
117
125
  time_range?: {
118
126
  tz?: string | undefined;
@@ -130,16 +138,16 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
130
138
  } | undefined;
131
139
  metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average")[] | undefined;
132
140
  dimensions?: ("api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "time")[] | undefined;
141
+ datasource: "basic";
142
+ } | {
133
143
  filters?: ({
134
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
144
+ field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
135
145
  operator: "in" | "not_in" | "selector";
136
146
  value: (string | number | null)[];
137
147
  } | {
138
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
148
+ field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
139
149
  operator: "empty" | "not_empty";
140
150
  })[] | undefined;
141
- datasource: "basic";
142
- } | {
143
151
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
144
152
  time_range?: {
145
153
  tz?: string | undefined;
@@ -157,14 +165,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
157
165
  } | undefined;
158
166
  metrics?: ("total_tokens" | "prompt_tokens" | "completion_tokens" | "ai_request_count" | "cost" | "llm_cache_embeddings_latency_average" | "llm_cache_fetch_latency_average" | "llm_latency_average" | "llm_embeddings_tokens" | "llm_embeddings_cost")[] | undefined;
159
167
  dimensions?: ("control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "time" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin")[] | undefined;
160
- filters?: ({
161
- field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
162
- operator: "in" | "not_in" | "selector";
163
- value: (string | number | null)[];
164
- } | {
165
- field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
166
- operator: "empty" | "not_empty";
167
- })[] | undefined;
168
168
  datasource: "llm_usage";
169
169
  };
170
170
  };
@@ -236,6 +236,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
236
236
  type: "single_value";
237
237
  };
238
238
  query: {
239
+ filters?: ({
240
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
241
+ operator: "in" | "not_in" | "selector";
242
+ value: (string | number | null)[];
243
+ } | {
244
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
245
+ operator: "empty" | "not_empty";
246
+ })[] | undefined;
239
247
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
240
248
  time_range?: {
241
249
  tz?: string | undefined;
@@ -253,16 +261,16 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
253
261
  } | undefined;
254
262
  metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average" | "response_latency_p99" | "response_latency_p95" | "response_latency_p50" | "upstream_latency_p99" | "upstream_latency_p95" | "upstream_latency_p50" | "upstream_latency_average" | "kong_latency_p99" | "kong_latency_p95" | "kong_latency_p50" | "kong_latency_average" | "response_size_p99" | "response_size_p95" | "response_size_p50" | "response_size_average" | "response_size_sum" | "request_size_p99" | "request_size_p95" | "request_size_p50" | "request_size_average" | "request_size_sum")[] | undefined;
255
263
  dimensions?: ("api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "time" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm")[] | undefined;
264
+ datasource: "api_usage";
265
+ } | {
256
266
  filters?: ({
257
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
267
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
258
268
  operator: "in" | "not_in" | "selector";
259
269
  value: (string | number | null)[];
260
270
  } | {
261
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
271
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
262
272
  operator: "empty" | "not_empty";
263
273
  })[] | undefined;
264
- datasource: "api_usage";
265
- } | {
266
274
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
267
275
  time_range?: {
268
276
  tz?: string | undefined;
@@ -280,16 +288,16 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
280
288
  } | undefined;
281
289
  metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average")[] | undefined;
282
290
  dimensions?: ("api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "time")[] | undefined;
291
+ datasource: "basic";
292
+ } | {
283
293
  filters?: ({
284
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
294
+ field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
285
295
  operator: "in" | "not_in" | "selector";
286
296
  value: (string | number | null)[];
287
297
  } | {
288
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
298
+ field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
289
299
  operator: "empty" | "not_empty";
290
300
  })[] | undefined;
291
- datasource: "basic";
292
- } | {
293
301
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
294
302
  time_range?: {
295
303
  tz?: string | undefined;
@@ -307,14 +315,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
307
315
  } | undefined;
308
316
  metrics?: ("total_tokens" | "prompt_tokens" | "completion_tokens" | "ai_request_count" | "cost" | "llm_cache_embeddings_latency_average" | "llm_cache_fetch_latency_average" | "llm_latency_average" | "llm_embeddings_tokens" | "llm_embeddings_cost")[] | undefined;
309
317
  dimensions?: ("control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "time" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin")[] | undefined;
310
- filters?: ({
311
- field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
312
- operator: "in" | "not_in" | "selector";
313
- value: (string | number | null)[];
314
- } | {
315
- field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
316
- operator: "empty" | "not_empty";
317
- })[] | undefined;
318
318
  datasource: "llm_usage";
319
319
  };
320
320
  }>) => any;
@@ -374,6 +374,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
374
374
  type: "single_value";
375
375
  };
376
376
  query: {
377
+ filters?: ({
378
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
379
+ operator: "in" | "not_in" | "selector";
380
+ value: (string | number | null)[];
381
+ } | {
382
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
383
+ operator: "empty" | "not_empty";
384
+ })[] | undefined;
377
385
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
378
386
  time_range?: {
379
387
  tz?: string | undefined;
@@ -391,16 +399,16 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
391
399
  } | undefined;
392
400
  metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average" | "response_latency_p99" | "response_latency_p95" | "response_latency_p50" | "upstream_latency_p99" | "upstream_latency_p95" | "upstream_latency_p50" | "upstream_latency_average" | "kong_latency_p99" | "kong_latency_p95" | "kong_latency_p50" | "kong_latency_average" | "response_size_p99" | "response_size_p95" | "response_size_p50" | "response_size_average" | "response_size_sum" | "request_size_p99" | "request_size_p95" | "request_size_p50" | "request_size_average" | "request_size_sum")[] | undefined;
393
401
  dimensions?: ("api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "time" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm")[] | undefined;
402
+ datasource: "api_usage";
403
+ } | {
394
404
  filters?: ({
395
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
405
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
396
406
  operator: "in" | "not_in" | "selector";
397
407
  value: (string | number | null)[];
398
408
  } | {
399
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
409
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
400
410
  operator: "empty" | "not_empty";
401
411
  })[] | undefined;
402
- datasource: "api_usage";
403
- } | {
404
412
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
405
413
  time_range?: {
406
414
  tz?: string | undefined;
@@ -418,16 +426,16 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
418
426
  } | undefined;
419
427
  metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average")[] | undefined;
420
428
  dimensions?: ("api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "time")[] | undefined;
429
+ datasource: "basic";
430
+ } | {
421
431
  filters?: ({
422
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
432
+ field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
423
433
  operator: "in" | "not_in" | "selector";
424
434
  value: (string | number | null)[];
425
435
  } | {
426
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
436
+ field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
427
437
  operator: "empty" | "not_empty";
428
438
  })[] | undefined;
429
- datasource: "basic";
430
- } | {
431
439
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
432
440
  time_range?: {
433
441
  tz?: string | undefined;
@@ -445,14 +453,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
445
453
  } | undefined;
446
454
  metrics?: ("total_tokens" | "prompt_tokens" | "completion_tokens" | "ai_request_count" | "cost" | "llm_cache_embeddings_latency_average" | "llm_cache_fetch_latency_average" | "llm_latency_average" | "llm_embeddings_tokens" | "llm_embeddings_cost")[] | undefined;
447
455
  dimensions?: ("control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "time" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin")[] | undefined;
448
- filters?: ({
449
- field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
450
- operator: "in" | "not_in" | "selector";
451
- value: (string | number | null)[];
452
- } | {
453
- field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
454
- operator: "empty" | "not_empty";
455
- })[] | undefined;
456
456
  datasource: "llm_usage";
457
457
  };
458
458
  }>) => any) | undefined;
@@ -524,6 +524,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
524
524
  type: "single_value";
525
525
  };
526
526
  query: {
527
+ filters?: ({
528
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
529
+ operator: "in" | "not_in" | "selector";
530
+ value: (string | number | null)[];
531
+ } | {
532
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
533
+ operator: "empty" | "not_empty";
534
+ })[] | undefined;
527
535
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
528
536
  time_range?: {
529
537
  tz?: string | undefined;
@@ -541,16 +549,16 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
541
549
  } | undefined;
542
550
  metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average" | "response_latency_p99" | "response_latency_p95" | "response_latency_p50" | "upstream_latency_p99" | "upstream_latency_p95" | "upstream_latency_p50" | "upstream_latency_average" | "kong_latency_p99" | "kong_latency_p95" | "kong_latency_p50" | "kong_latency_average" | "response_size_p99" | "response_size_p95" | "response_size_p50" | "response_size_average" | "response_size_sum" | "request_size_p99" | "request_size_p95" | "request_size_p50" | "request_size_average" | "request_size_sum")[] | undefined;
543
551
  dimensions?: ("api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "time" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm")[] | undefined;
552
+ datasource: "api_usage";
553
+ } | {
544
554
  filters?: ({
545
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
555
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
546
556
  operator: "in" | "not_in" | "selector";
547
557
  value: (string | number | null)[];
548
558
  } | {
549
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "country_code" | "iso_code" | "upstream_status_code" | "upstream_status_code_grouped" | "response_source" | "data_plane_node_version" | "realm";
559
+ field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
550
560
  operator: "empty" | "not_empty";
551
561
  })[] | undefined;
552
- datasource: "api_usage";
553
- } | {
554
562
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
555
563
  time_range?: {
556
564
  tz?: string | undefined;
@@ -568,16 +576,16 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
568
576
  } | undefined;
569
577
  metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average")[] | undefined;
570
578
  dimensions?: ("api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped" | "time")[] | undefined;
579
+ datasource: "basic";
580
+ } | {
571
581
  filters?: ({
572
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
582
+ field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
573
583
  operator: "in" | "not_in" | "selector";
574
584
  value: (string | number | null)[];
575
585
  } | {
576
- field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
586
+ field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
577
587
  operator: "empty" | "not_empty";
578
588
  })[] | undefined;
579
- datasource: "basic";
580
- } | {
581
589
  granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
582
590
  time_range?: {
583
591
  tz?: string | undefined;
@@ -595,14 +603,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
595
603
  } | undefined;
596
604
  metrics?: ("total_tokens" | "prompt_tokens" | "completion_tokens" | "ai_request_count" | "cost" | "llm_cache_embeddings_latency_average" | "llm_cache_fetch_latency_average" | "llm_latency_average" | "llm_embeddings_tokens" | "llm_embeddings_cost")[] | undefined;
597
605
  dimensions?: ("control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "time" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin")[] | undefined;
598
- filters?: ({
599
- field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
600
- operator: "in" | "not_in" | "selector";
601
- value: (string | number | null)[];
602
- } | {
603
- field: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "realm" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model" | "ai_plugin";
604
- operator: "empty" | "not_empty";
605
- })[] | undefined;
606
606
  datasource: "llm_usage";
607
607
  };
608
608
  };
@@ -1 +1 @@
1
- {"version":3,"file":"DashboardRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardRenderer.vue"],"names":[],"mappings":"AAqRA,OAAO,KAAK,EAAE,wBAAwB,EAAoC,QAAQ,EAAE,MAAM,UAAU,CAAA;AACpG,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAA4D,MAAM,qCAAqC,CAAA;AAoBzJ,QAAA,IAAI,eAAe,EAAG;IACpB,OAAO,EAAE,wBAAwB,CAAA;CAClC,CAAC;AA+MF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,eAAe,CAAC;CAC3B,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;6CA+K+D,GAAG;;;;;;WAW3E,OAAO,IAA6B;EAEjD;AA8BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAWnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"DashboardRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardRenderer.vue"],"names":[],"mappings":"AAkSA,OAAO,KAAK,EAAE,wBAAwB,EAAoC,QAAQ,EAAE,MAAM,UAAU,CAAA;AACpG,OAAO,KAAK,EACV,mBAAmB,EAGnB,eAAe,EAKhB,MAAM,qCAAqC,CAAA;AAmB5C,QAAA,IAAI,eAAe,EAAG;IACpB,OAAO,EAAE,wBAAwB,CAAA;CAClC,CAAC;AAoNF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,eAAe,CAAC;CAC3B,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;6CA+K+D,GAAG;;;;;;WAW3E,OAAO,IAA6B;EAEjD;AA8BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAWnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}