npm - @kong-ui-public/dashboard-renderer - Versions diffs - 5.1.3 → 5.2.0 - Mend

@kong-ui-public/dashboard-renderer 5.1.3 → 5.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.

Files changed (7) hide show

package/dist/dashboard-renderer.es.js +614 -581
package/dist/dashboard-renderer.umd.js +4 -4
package/dist/style.css +1 -1
package/dist/types/components/DashboardRenderer.vue.d.ts.map +1 -1
package/dist/types/components/DashboardTile.vue.d.ts +296 -0
package/dist/types/components/DashboardTile.vue.d.ts.map +1 -1
package/package.json +7 -7

package/dist/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- .locked[data-v-6d10428e]{cursor:move}.tooltip-container[data-v-6d10428e]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-6d10428e]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-6d10428e]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-6d10428e]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .drag-icon[data-v-6d10428e]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}.tooltip-container .tooltip[data-v-6d10428e]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}.tooltip-container .tooltip[data-v-6d10428e]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.tooltip-container .tooltip li[data-v-6d10428e]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-6d10428e]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-6d10428e]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-6d10428e]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-6d10428e]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-14909126]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-14909126]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-14909126] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-14909126] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-14909126] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container.vertical[data-v-14909126]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-14909126]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-14909126]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-14909126]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-14909126]{display:none}}.legend-container.horizontal[data-v-14909126]{column-gap:12px;display:grid;height:var(--024ed260);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-14909126]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-14909126]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-14909126]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-14909126]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-14909126]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-14909126]{font-size:12px}.legend-container li .sub-label[data-v-14909126]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-14909126]{text-decoration:line-through}.legend-container li .empty[data-v-14909126]{font-style:italic}.legend-container li .tooltip-content[data-v-14909126]{max-width:40ch}.chart-parent[data-v-1129f066]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-1129f066]{flex-direction:column}.chart-parent.column .chart-container[data-v-1129f066]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-1129f066]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-1129f066]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-1129f066]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-1129f066]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-1129f066]{flex:1 1 auto;position:relative}.chart-container[data-v-1129f066]{overflow:auto}.chart-container[data-v-1129f066]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-1129f066] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-1129f066] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-1129f066] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-1129f066]{height:100%}.chart-container[data-v-1129f066]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-1129f066]::-webkit-scrollbar{width:10px}.chart-container[data-v-1129f066]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-1129f066]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-1129f066]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-1129f066]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-1129f066]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-6f244c54]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6f244c54]{flex-direction:column}.chart-parent.column .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-6f244c54]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-6f244c54]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-6f244c54]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-6f244c54]{flex:1 1 auto;position:relative}.chart-parent[data-v-9ec09087]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-9ec09087]{flex-direction:column}.chart-parent.column .chart-container[data-v-9ec09087]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-9ec09087]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-9ec09087]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-9ec09087]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-9ec09087]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-9ec09087]{flex:1 1 auto;position:relative}.analytics-chart-shell[data-v-5bb52986],.simple-chart-shell[data-v-5bb52986]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-5bb52986],.simple-chart-shell .chart-empty-state[data-v-5bb52986]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-5bb52986]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-5bb52986]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-5bb52986]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-header[data-v-5bb52986]{align-items:center;display:flex;justify-content:flex-start;width:100%;z-index:999}.analytics-chart-shell .tooltip[data-v-5bb52986]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .tooltip .tooltip-content[data-v-5bb52986]{max-width:40vw}.chart-parent[data-v-4f4e5b76]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4f4e5b76]{flex-direction:column}.chart-parent.column .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4f4e5b76]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4f4e5b76]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4f4e5b76]{flex:1 1 auto;position:relative}.chart-parent[data-v-4f4e5b76]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-4f4e5b76]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-4f4e5b76]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-4f4e5b76]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-4f4e5b76]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent[data-v-89691310]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-89691310]{flex-direction:column}.chart-parent.column .chart-container[data-v-89691310]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-89691310]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-89691310]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-89691310]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-89691310]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-89691310]{flex:1 1 auto;position:relative}.chart-parent[data-v-89691310]{container-type:inline-size}.chart-parent .single-value-error[data-v-89691310] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.chart-parent .single-value-wrapper[data-v-89691310]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-89691310]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:80px;line-height:88px}}.analytics-chart-shell[data-v-471652c8],.simple-chart-shell[data-v-471652c8]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-471652c8],.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-471652c8]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-471652c8] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-665e7735]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-665e7735]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-665e7735] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-665e7735]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-665e7735]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-665e7735]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-665e7735]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-665e7735]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-665e7735]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-665e7735]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-9765f7cc]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-9765f7cc]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-9765f7cc]{height:100%;justify-content:space-evenly}}.metricscard[data-v-9765f7cc]:hover{border:none;text-decoration:none}.metricscard-title[data-v-9765f7cc]{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-9765f7cc]{font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-title.md[data-v-9765f7cc]{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-9765f7cc],.metricscard-title.xl[data-v-9765f7cc]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-9765f7cc]{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-9765f7cc]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-9765f7cc]{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-9765f7cc]{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-9765f7cc]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-9765f7cc]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-9765f7cc]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-9765f7cc]{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-9765f7cc]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-9765f7cc]{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-9765f7cc]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-9765f7cc]{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-9765f7cc]{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-9765f7cc]{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-9765f7cc]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-9765f7cc]{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-9765f7cc]{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-9765f7cc]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-9765f7cc]{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-65cc8607]{display:flex;flex-direction:column;height:var(--35a26ebf);justify-content:center}.analytics-chart.single-value[data-v-65cc8607],.analytics-chart[data-v-a9ee3db9]{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-bd5889d1]{align-items:center;display:flex;height:90%}}.metric-card-tile-wrapper[data-v-bd5889d1] .kong-ui-public-metric-card-container{height:auto;max-height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-bd5889d1] .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-caafa72e]{display:flex;flex-direction:column;height:var(--050eccb7);overflow:hidden}.tile-boundary.editable:hover .tile-header[data-v-caafa72e]{background:#f9fafb}.tile-boundary .tile-header[data-v-caafa72e]{align-items:center;display:flex;justify-content:space-between;padding:16px 16px 4px;padding:var(--kui-space-60, 16px) var(--kui-space-60, 16px) var(--kui-space-20, 4px) var(--kui-space-60, 16px);right:0;width:100%}.tile-boundary .tile-header .title-tooltip[data-v-caafa72e]{margin-right:4px;overflow:hidden}.tile-boundary .tile-header .title-tooltip .title[data-v-caafa72e]{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-caafa72e]{display:flex;gap:6px;gap:var(--kui-space-30, 6px)}.tile-boundary .tile-header .tile-actions .edit-icon[data-v-caafa72e]{cursor:pointer}.tile-boundary .tile-header .header-description[data-v-caafa72e]{color:#6c7489;font-size:12px;text-align:right}.tile-boundary .tile-header .dropdown[data-v-caafa72e]{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-caafa72e]{cursor:pointer}.tile-boundary .tile-header .dropdown li.k-dropdown-item a[data-v-caafa72e]{text-decoration:none}.tile-boundary .tile-header .dropdown a[data-v-caafa72e]{color:#000933}.tile-boundary .tile-header .dropdown a[data-v-caafa72e]:hover{color:#000933;text-decoration:none}.tile-boundary .tile-header .dropdown[data-v-caafa72e]:hover{cursor:pointer}.tile-boundary .tile-content[data-v-caafa72e]{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-f43eb7b8]{display:grid;gap:20px;gap:var(--kui-space-70, 20px);grid-template-columns:repeat(var(--3bc5e939),1fr);grid-template-rows:var(--77aa3028);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-f43eb7b8]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-f43eb7b8]{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-f43eb7b8]:not(:first-child){margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-public-grid-layout .empty-cell[data-v-f43eb7b8]{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%}[data-v-f4f87f74] .tile-header{cursor:move}[data-v-f4f87f74] .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-f4f87f74] .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-d96885ca]{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-d96885ca]{padding:16px;padding:var(--kui-space-60, 16px)}
1	+ .locked[data-v-6d10428e]{cursor:move}.tooltip-container[data-v-6d10428e]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-6d10428e]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-6d10428e]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-6d10428e]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .drag-icon[data-v-6d10428e]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}.tooltip-container .tooltip[data-v-6d10428e]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}.tooltip-container .tooltip[data-v-6d10428e]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-6d10428e] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.tooltip-container .tooltip li[data-v-6d10428e]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-6d10428e]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-6d10428e]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-6d10428e]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-6d10428e]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-14909126]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-14909126]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-14909126] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-14909126] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-14909126] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container.vertical[data-v-14909126]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-14909126]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-14909126]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-14909126]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-14909126]{display:none}}.legend-container.horizontal[data-v-14909126]{column-gap:12px;display:grid;height:var(--024ed260);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-14909126]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-14909126]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-14909126]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-14909126]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-14909126]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-14909126]{font-size:12px}.legend-container li .sub-label[data-v-14909126]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-14909126]{text-decoration:line-through}.legend-container li .empty[data-v-14909126]{font-style:italic}.legend-container li .tooltip-content[data-v-14909126]{max-width:40ch}.chart-parent[data-v-1129f066]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-1129f066]{flex-direction:column}.chart-parent.column .chart-container[data-v-1129f066]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-1129f066]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-1129f066]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-1129f066]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-1129f066]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-1129f066]{flex:1 1 auto;position:relative}.chart-container[data-v-1129f066]{overflow:auto}.chart-container[data-v-1129f066]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-1129f066] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-1129f066] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-1129f066] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-1129f066]{height:100%}.chart-container[data-v-1129f066]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-1129f066]::-webkit-scrollbar{width:10px}.chart-container[data-v-1129f066]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-1129f066]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-1129f066]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-1129f066]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-1129f066]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-6f244c54]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6f244c54]{flex-direction:column}.chart-parent.column .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-6f244c54]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-6f244c54]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-6f244c54]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-6f244c54]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-6f244c54]{flex:1 1 auto;position:relative}.chart-parent[data-v-9ec09087]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-9ec09087]{flex-direction:column}.chart-parent.column .chart-container[data-v-9ec09087]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-9ec09087]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-9ec09087]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-9ec09087]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-9ec09087]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-9ec09087]{flex:1 1 auto;position:relative}.analytics-chart-shell[data-v-5bb52986],.simple-chart-shell[data-v-5bb52986]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-5bb52986],.simple-chart-shell .chart-empty-state[data-v-5bb52986]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-5bb52986]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-5bb52986]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-5bb52986]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-header[data-v-5bb52986]{align-items:center;display:flex;justify-content:flex-start;width:100%;z-index:999}.analytics-chart-shell .tooltip[data-v-5bb52986]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .tooltip .tooltip-content[data-v-5bb52986]{max-width:40vw}.chart-parent[data-v-4f4e5b76]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4f4e5b76]{flex-direction:column}.chart-parent.column .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4f4e5b76]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4f4e5b76]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4f4e5b76]{flex:1 1 auto;position:relative}.chart-parent[data-v-4f4e5b76]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-4f4e5b76]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-4f4e5b76]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-4f4e5b76]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-4f4e5b76]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent[data-v-89691310]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-89691310]{flex-direction:column}.chart-parent.column .chart-container[data-v-89691310]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-89691310]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-89691310]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-89691310]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-89691310]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-89691310]{flex:1 1 auto;position:relative}.chart-parent[data-v-89691310]{container-type:inline-size}.chart-parent .single-value-error[data-v-89691310] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.chart-parent .single-value-wrapper[data-v-89691310]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-89691310]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-89691310]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-89691310]{font-size:80px;line-height:88px}}.analytics-chart-shell[data-v-471652c8],.simple-chart-shell[data-v-471652c8]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-471652c8],.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-471652c8]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-471652c8] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-665e7735]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-665e7735]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-665e7735] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-665e7735]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-665e7735]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-665e7735]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-665e7735]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-665e7735]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-665e7735]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-665e7735]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-665e7735]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-9765f7cc]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-9765f7cc]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-9765f7cc]{height:100%;justify-content:space-evenly}}.metricscard[data-v-9765f7cc]:hover{border:none;text-decoration:none}.metricscard-title[data-v-9765f7cc]{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-9765f7cc]{font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-title.md[data-v-9765f7cc]{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-9765f7cc],.metricscard-title.xl[data-v-9765f7cc]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-9765f7cc]{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-9765f7cc]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-9765f7cc]{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-9765f7cc]{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-9765f7cc]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-9765f7cc]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-9765f7cc]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-9765f7cc]{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-9765f7cc]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-9765f7cc]{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-9765f7cc]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-9765f7cc]{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-9765f7cc]{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-9765f7cc]{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-9765f7cc]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-9765f7cc]{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-9765f7cc]{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-9765f7cc]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-9765f7cc]{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-65cc8607]{display:flex;flex-direction:column;height:var(--35a26ebf);justify-content:center}.analytics-chart.single-value[data-v-65cc8607],.analytics-chart[data-v-a9ee3db9]{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-bd5889d1]{align-items:center;display:flex;height:90%}}.metric-card-tile-wrapper[data-v-bd5889d1] .kong-ui-public-metric-card-container{height:auto;max-height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-bd5889d1] .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-e670d00d]{display:flex;flex-direction:column;height:var(--32c3e459);overflow:hidden}.tile-boundary.editable:hover .tile-header[data-v-e670d00d]{background:#f9fafb}.tile-boundary .tile-header[data-v-e670d00d]{align-items:center;display:flex;justify-content:space-between;padding:16px 16px 4px;padding:var(--kui-space-60, 16px) var(--kui-space-60, 16px) var(--kui-space-20, 4px) var(--kui-space-60, 16px);right:0;width:100%}.tile-boundary .tile-header .title-tooltip[data-v-e670d00d]{margin-right:4px;overflow:hidden}.tile-boundary .tile-header .title[data-v-e670d00d]{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-e670d00d]{display:flex;gap:6px;gap:var(--kui-space-30, 6px)}.tile-boundary .tile-header .tile-actions .edit-icon[data-v-e670d00d]{cursor:pointer}.tile-boundary .tile-header .header-description[data-v-e670d00d]{color:#6c7489;font-size:12px;text-align:right}.tile-boundary .tile-header .dropdown[data-v-e670d00d]{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-e670d00d]{cursor:pointer}.tile-boundary .tile-header .dropdown li.k-dropdown-item a[data-v-e670d00d]{text-decoration:none}.tile-boundary .tile-header .dropdown a[data-v-e670d00d]{color:#000933}.tile-boundary .tile-header .dropdown a[data-v-e670d00d]:hover{color:#000933;text-decoration:none}.tile-boundary .tile-header .dropdown[data-v-e670d00d]:hover{cursor:pointer}.tile-boundary .tile-content[data-v-e670d00d]{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-f43eb7b8]{display:grid;gap:20px;gap:var(--kui-space-70, 20px);grid-template-columns:repeat(var(--3bc5e939),1fr);grid-template-rows:var(--77aa3028);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-f43eb7b8]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-f43eb7b8]{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-f43eb7b8]:not(:first-child){margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-public-grid-layout .empty-cell[data-v-f43eb7b8]{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%}[data-v-f4f87f74] .tile-header{cursor:move}[data-v-f4f87f74] .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-f4f87f74] .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-d31fa719]{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-d31fa719]{padding:16px;padding:var(--kui-space-60, 16px)}

package/dist/types/components/DashboardRenderer.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DashboardRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardRenderer.vue"],"names":[],"mappings":"~~AAsPA~~,OAAO,KAAK,EAAE,wBAAwB,EAAoC,QAAQ,EAAE,MAAM,UAAU,CAAA;AACpG,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,~~EAA8B~~,MAAM,qCAAqC,CAAA;~~AAoB3H~~,QAAA,IAAI,eAAe,EAAG;IACpB,OAAO,EAAE,wBAAwB,CAAA;CAClC,CAAC;~~AAgLF~~,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,eAAe,CAAC;CAC3B,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;~~6CA2J~~+D,GAAG;;;;;;WAW3E,OAAO,IAA6B;EAEjD;~~AA6BD~~,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":"AAqRA,OAAO,KAAK,EAAE,wBAAwB,EAAoC,QAAQ,EAAE,MAAM,UAAU,CAAA;AACpG,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAgD,MAAM,qCAAqC,CAAA;AAoB7I,QAAA,IAAI,eAAe,EAAG;IACpB,OAAO,EAAE,wBAAwB,CAAA;CAClC,CAAC;AA8MF,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"}

package/dist/types/components/DashboardTile.vue.d.ts CHANGED Viewed

@@ -160,6 +160,154 @@ declare const _default: import("vue").DefineComponent<{
         };
     }) => any;
     "zoom-time-range": (newTimeRange: AbsoluteTimeRangeV4) => any;
+    "duplicate-tile": (tile: {
+        query: {
+            granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            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;
+            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;
+            filters?: ({
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "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";
+            } | {
+                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";
+                operator: "in" | "not_in" | "selector";
+                value: (string | number | null)[];
+            } | {
+                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";
+                operator: "empty" | "not_empty";
+            })[] | undefined;
+            datasource: "advanced";
+        } | {
+            granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average")[] | undefined;
+            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;
+            filters?: ({
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
+            } | {
+                field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
+                operator: "in" | "not_in" | "selector";
+                value: (string | number | null)[];
+            } | {
+                field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
+                operator: "empty" | "not_empty";
+            })[] | undefined;
+            datasource: "basic";
+        } | {
+            granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            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;
+            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;
+            filters?: ({
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "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";
+            } | {
+                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";
+                operator: "in" | "not_in" | "selector";
+                value: (string | number | null)[];
+            } | {
+                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";
+                operator: "empty" | "not_empty";
+            })[] | undefined;
+            datasource: "ai";
+        };
+        chart: {
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            allowCsvExport?: boolean | undefined;
+            stacked?: boolean | undefined;
+            chartDatasetColors?: {
+                [x: string]: string;
+            } | string[] | undefined;
+            type: "horizontal_bar" | "vertical_bar";
+        } | {
+            metricDisplay?: "hidden" | "single" | "full" | undefined;
+            reverseDataset?: boolean | undefined;
+            numerator?: number | undefined;
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            type: "gauge";
+        } | {
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            type: "donut";
+        } | {
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            allowCsvExport?: boolean | undefined;
+            threshold?: {
+                [x: string]: number;
+            } | undefined;
+            stacked?: boolean | undefined;
+            chartDatasetColors?: {
+                [x: string]: string;
+            } | string[] | undefined;
+            type: "timeseries_line" | "timeseries_bar";
+        } | {
+            description?: string | undefined;
+            chartTitle?: string | undefined;
+            longCardTitles?: boolean | undefined;
+            percentileLatency?: boolean | undefined;
+            type: "golden_signals";
+        } | {
+            description?: string | undefined;
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            entityLink?: string | undefined;
+            type: "top_n";
+        } | {
+            type: "slottable";
+            id: string;
+        } | {
+            chartTitle?: string | undefined;
+            decimalPoints?: number | undefined;
+            type: "single_value";
+        };
+    }) => any;
     "remove-tile": (tile: {
         query: {
             granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
@@ -465,6 +613,154 @@ declare const _default: import("vue").DefineComponent<{
         };
     }) => any) | undefined;
     "onZoom-time-range"?: ((newTimeRange: AbsoluteTimeRangeV4) => any) | undefined;
+    "onDuplicate-tile"?: ((tile: {
+        query: {
+            granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            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;
+            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;
+            filters?: ({
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "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";
+            } | {
+                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";
+                operator: "in" | "not_in" | "selector";
+                value: (string | number | null)[];
+            } | {
+                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";
+                operator: "empty" | "not_empty";
+            })[] | undefined;
+            datasource: "advanced";
+        } | {
+            granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average")[] | undefined;
+            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;
+            filters?: ({
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
+            } | {
+                field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
+                operator: "in" | "not_in" | "selector";
+                value: (string | number | null)[];
+            } | {
+                field: "api" | "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "portal" | "route" | "status_code" | "status_code_grouped";
+                operator: "empty" | "not_empty";
+            })[] | undefined;
+            datasource: "basic";
+        } | {
+            granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            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;
+            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;
+            filters?: ({
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "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";
+            } | {
+                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";
+                operator: "in" | "not_in" | "selector";
+                value: (string | number | null)[];
+            } | {
+                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";
+                operator: "empty" | "not_empty";
+            })[] | undefined;
+            datasource: "ai";
+        };
+        chart: {
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            allowCsvExport?: boolean | undefined;
+            stacked?: boolean | undefined;
+            chartDatasetColors?: {
+                [x: string]: string;
+            } | string[] | undefined;
+            type: "horizontal_bar" | "vertical_bar";
+        } | {
+            metricDisplay?: "hidden" | "single" | "full" | undefined;
+            reverseDataset?: boolean | undefined;
+            numerator?: number | undefined;
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            type: "gauge";
+        } | {
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            type: "donut";
+        } | {
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            allowCsvExport?: boolean | undefined;
+            threshold?: {
+                [x: string]: number;
+            } | undefined;
+            stacked?: boolean | undefined;
+            chartDatasetColors?: {
+                [x: string]: string;
+            } | string[] | undefined;
+            type: "timeseries_line" | "timeseries_bar";
+        } | {
+            description?: string | undefined;
+            chartTitle?: string | undefined;
+            longCardTitles?: boolean | undefined;
+            percentileLatency?: boolean | undefined;
+            type: "golden_signals";
+        } | {
+            description?: string | undefined;
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            entityLink?: string | undefined;
+            type: "top_n";
+        } | {
+            type: "slottable";
+            id: string;
+        } | {
+            chartTitle?: string | undefined;
+            decimalPoints?: number | undefined;
+            type: "single_value";
+        };
+    }) => any) | undefined;
     "onRemove-tile"?: ((tile: {
         query: {
             granularity?: "secondly" | "tenSecondly" | "thirtySecondly" | "minutely" | "fiveMinutely" | "tenMinutely" | "thirtyMinutely" | "hourly" | "twoHourly" | "twelveHourly" | "daily" | "weekly" | "trend" | undefined;

package/dist/types/components/DashboardTile.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DashboardTile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardTile.vue"],"names":[],"mappings":"~~AAyXA~~,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAA;AAChE,OAAO,EAAsC,KAAK,cAAc,EAAe,MAAM,qCAAqC,CAAA;AAE1H,OAAO,gDAAgD,CAAA;AACvD,OAAO,0DAA0D,CAAA;AAYjE,OAAO,KAAK,EAAqL,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;;gBAUnP,cAAc;aACjB,gCAAgC;aAChC,MAAM;gBACH,OAAO;oBACH,MAAM;YACd,MAAM,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBALX,cAAc;aACjB,gCAAgC;aAChC,MAAM;gBACH,OAAO;oBACH,MAAM;YACd,MAAM,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAHd,MAAM;;~~AAgejB~~,~~wBAYG~~"}
1	+ {"version":3,"file":"DashboardTile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardTile.vue"],"names":[],"mappings":"AAqYA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAA;AAChE,OAAO,EAAsC,KAAK,cAAc,EAAe,MAAM,qCAAqC,CAAA;AAE1H,OAAO,gDAAgD,CAAA;AACvD,OAAO,0DAA0D,CAAA;AAYjE,OAAO,KAAK,EAAqL,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;;gBAUnP,cAAc;aACjB,gCAAgC;aAChC,MAAM;gBACH,OAAO;oBACH,MAAM;YACd,MAAM,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBALX,cAAc;aACjB,gCAAgC;aAChC,MAAM;gBACH,OAAO;oBACH,MAAM;YACd,MAAM,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAHd,MAAM;;AAggBjB,wBAaG"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/dashboard-renderer",
-  "version": "5.1.3",
+  "version": "5.2.0",
   "type": "module",
   "main": "./dist/dashboard-renderer.umd.js",
   "module": "./dist/dashboard-renderer.es.js",
@@ -28,13 +28,13 @@
     "pinia": ">= 2.1.7 < 3",
     "swrv": "^1.0.4",
     "vue": "^3.5.13",
+    "@kong-ui-public/analytics-config-store": "^0.9.13",
+    "@kong-ui-public/analytics-metric-provider": "^8.7.27",
     "@kong-ui-public/analytics-chart": "^9.0.3",
     "@kong-ui-public/analytics-utilities": "^9.3.4",
-    "@kong-ui-public/analytics-metric-provider": "^8.7.27",
     "@kong-ui-public/entities-shared": "^3.22.8",
     "@kong-ui-public/i18n": "^2.3.0",
-    "@kong-ui-public/sandbox-layout": "^2.1.73",
-    "@kong-ui-public/analytics-config-store": "^0.9.13"
+    "@kong-ui-public/sandbox-layout": "^2.1.73"
   },
   "repository": {
     "type": "git",
@@ -51,7 +51,7 @@
     "extends": "../../../package.json"
   },
   "distSizeChecker": {
-    "errorLimit": "600KB"
+    "errorLimit": "700KB"
   },
   "peerDependencies": {
     "@kong/kongponents": "^9.30.0",
@@ -59,9 +59,9 @@
     "vue": ">= 3.3.13 < 4",
     "@kong-ui-public/analytics-chart": "^9.0.3",
     "@kong-ui-public/analytics-config-store": "^0.9.13",
-    "@kong-ui-public/analytics-utilities": "^9.3.4",
+    "@kong-ui-public/i18n": "^2.3.0",
     "@kong-ui-public/analytics-metric-provider": "^8.7.27",
-    "@kong-ui-public/i18n": "^2.3.0"
+    "@kong-ui-public/analytics-utilities": "^9.3.4"
   },
   "dependencies": {
     "gridstack": "^11.3.0",