@kong-ui-public/analytics-metric-provider 11.0.4-pr.2673.e953f15cf.0 → 11.0.4-pr.2700.3163dc49f.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 (50) hide show
  1. package/dist/style.css +1 -0
  2. package/dist/types/components/MetricCardContainer.vue.d.ts +91 -0
  3. package/dist/types/components/MetricCardContainer.vue.d.ts.map +1 -0
  4. package/dist/types/components/MetricsConsumer.vue.d.ts +34 -0
  5. package/dist/types/components/MetricsConsumer.vue.d.ts.map +1 -0
  6. package/dist/types/components/MetricsProvider.vue.d.ts +48 -0
  7. package/dist/types/components/MetricsProvider.vue.d.ts.map +1 -0
  8. package/dist/types/components/MetricsTestHarness.vue.d.ts +26 -0
  9. package/dist/types/components/MetricsTestHarness.vue.d.ts.map +1 -0
  10. package/dist/types/components/display/MetricCardLoadingSkeleton.vue.d.ts +3 -0
  11. package/dist/types/components/display/MetricCardLoadingSkeleton.vue.d.ts.map +1 -0
  12. package/dist/types/components/display/MetricsCard.vue.d.ts +397 -0
  13. package/dist/types/components/display/MetricsCard.vue.d.ts.map +1 -0
  14. package/dist/types/components/metricsProviderUtil.d.ts +35 -0
  15. package/dist/types/components/metricsProviderUtil.d.ts.map +1 -0
  16. package/dist/types/composables/index.d.ts +12 -0
  17. package/dist/types/composables/index.d.ts.map +1 -0
  18. package/dist/types/composables/useI18n.d.ts +9 -0
  19. package/dist/types/composables/useI18n.d.ts.map +1 -0
  20. package/dist/types/composables/useMetricCardBuilder.d.ts +20 -0
  21. package/dist/types/composables/useMetricCardBuilder.d.ts.map +1 -0
  22. package/dist/types/composables/useMetricFetcher.d.ts +19 -0
  23. package/dist/types/composables/useMetricFetcher.d.ts.map +1 -0
  24. package/dist/types/composables/useRequest.d.ts +12 -0
  25. package/dist/types/composables/useRequest.d.ts.map +1 -0
  26. package/dist/types/constants.d.ts +7 -0
  27. package/dist/types/constants.d.ts.map +1 -0
  28. package/dist/types/enums/index.d.ts +3 -0
  29. package/dist/types/enums/index.d.ts.map +1 -0
  30. package/dist/types/enums/metric-card-size.enum.d.ts +7 -0
  31. package/dist/types/enums/metric-card-size.enum.d.ts.map +1 -0
  32. package/dist/types/enums/metric-card-type.enum.d.ts +7 -0
  33. package/dist/types/enums/metric-card-type.enum.d.ts.map +1 -0
  34. package/dist/types/index.d.ts +8 -0
  35. package/dist/types/index.d.ts.map +1 -0
  36. package/dist/types/mockExploreResponse.d.ts +12 -0
  37. package/dist/types/mockExploreResponse.d.ts.map +1 -0
  38. package/dist/types/types/fetcher-types.d.ts +16 -0
  39. package/dist/types/types/fetcher-types.d.ts.map +1 -0
  40. package/dist/types/types/index.d.ts +3 -0
  41. package/dist/types/types/index.d.ts.map +1 -0
  42. package/dist/types/types/metric-card.d.ts +36 -0
  43. package/dist/types/types/metric-card.d.ts.map +1 -0
  44. package/dist/types/utilities/index.d.ts +2 -0
  45. package/dist/types/utilities/index.d.ts.map +1 -0
  46. package/dist/types/utilities/trend-display.d.ts +24 -0
  47. package/dist/types/utilities/trend-display.d.ts.map +1 -0
  48. package/dist/vitals-metric-provider.es.js +1211 -0
  49. package/dist/vitals-metric-provider.umd.js +1 -0
  50. package/package.json +6 -6
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ .metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-b1513f6f]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-b1513f6f]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-b1513f6f]{height:100%;justify-content:space-evenly}.metricscard.sm[data-v-b1513f6f]:not(:last-child){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.metricscard[data-v-b1513f6f]:hover{border:none;text-decoration:none}.metricscard-title[data-v-b1513f6f]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.metricscard-title.sm[data-v-b1513f6f]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.md[data-v-b1513f6f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.lg[data-v-b1513f6f],.metricscard-title.xl[data-v-b1513f6f]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-b1513f6f]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-icon[data-v-b1513f6f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-b1513f6f]{color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;line-height:32px;line-height:var(--kui-line-height-60, 32px)}.metricscard-value.sm[data-v-b1513f6f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.metricscard-value.xl[data-v-b1513f6f]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-b1513f6f]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-b1513f6f]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-b1513f6f]{align-items:center;flex-direction:row!important;justify-content:space-between;margin-top:0;margin-top:var(--kui-space-0, 0px)}.metricscard-trend[data-v-b1513f6f]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-b1513f6f]{align-items:center;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px)}.metricscard-trend-change .kui-icon[data-v-b1513f6f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-b1513f6f]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.metricscard-trend-change.negative[data-v-b1513f6f]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.metricscard-trend-change.neutral[data-v-b1513f6f]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.metricscard-trend-range[data-v-b1513f6f]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-b1513f6f]{display:inline-flex;margin:auto 0 auto 4px;margin:var(--kui-space-auto, auto) var(--kui-space-0, 0px) var(--kui-space-auto, auto) var(--kui-space-20, 4px);vertical-align:middle}.metricscard-error[data-v-b1513f6f]{align-items:center;color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-error .kong-icon-warning[data-v-b1513f6f]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-b1513f6f]{pointer-events:all}.loading-tabs-large[data-v-9c7113d7]{width:240px}.loading-tabs-small[data-v-9c7113d7]{width:120px}@media (max-width: 767px){.loading-tabs[data-v-9c7113d7]{width:auto}}.kong-ui-public-metric-card-container[data-v-7080ba56]{background-color:transparent;background-color:var(--kui-color-background-transparent, transparent);display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-7080ba56]{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-7080ba56]{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-7080ba56]{display:flex;flex-direction:row;flex-grow:1;column-gap:24px;row-gap:16px}.kong-ui-public-metric-card-container .cards-wrapper .loading-tab[data-v-7080ba56]{display:flex;flex-direction:column;flex-grow:1;justify-content:center}@media (max-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-7080ba56]{column-gap:16px;row-gap:16px;flex-direction:column}}@media (min-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-7080ba56]>:not(:last-of-type){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.kong-ui-public-metric-card-container.sm[data-v-7080ba56]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-7080ba56]{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-7080ba56]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-7080ba56]{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)}
@@ -0,0 +1,91 @@
1
+ import type { PropType } from 'vue';
2
+ import { MetricCardSize } from '../enums';
3
+ import type { MetricCardDef } from '../types';
4
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
+ fallbackDisplayText: {
6
+ type: StringConstructor;
7
+ required: true;
8
+ };
9
+ cards: {
10
+ type: PropType<MetricCardDef[]>;
11
+ required: true;
12
+ };
13
+ errorMessage: {
14
+ type: StringConstructor;
15
+ required: false;
16
+ default: string;
17
+ };
18
+ loading: {
19
+ type: BooleanConstructor;
20
+ required: false;
21
+ default: boolean;
22
+ };
23
+ hasTrendAccess: {
24
+ type: BooleanConstructor;
25
+ required: false;
26
+ default: boolean;
27
+ };
28
+ cardSize: {
29
+ type: PropType<MetricCardSize>;
30
+ required: false;
31
+ default: () => MetricCardSize;
32
+ };
33
+ containerTitle: {
34
+ type: StringConstructor;
35
+ required: false;
36
+ default: string;
37
+ };
38
+ containerDescription: {
39
+ type: StringConstructor;
40
+ required: false;
41
+ default: string;
42
+ };
43
+ }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
44
+ fallbackDisplayText: {
45
+ type: StringConstructor;
46
+ required: true;
47
+ };
48
+ cards: {
49
+ type: PropType<MetricCardDef[]>;
50
+ required: true;
51
+ };
52
+ errorMessage: {
53
+ type: StringConstructor;
54
+ required: false;
55
+ default: string;
56
+ };
57
+ loading: {
58
+ type: BooleanConstructor;
59
+ required: false;
60
+ default: boolean;
61
+ };
62
+ hasTrendAccess: {
63
+ type: BooleanConstructor;
64
+ required: false;
65
+ default: boolean;
66
+ };
67
+ cardSize: {
68
+ type: PropType<MetricCardSize>;
69
+ required: false;
70
+ default: () => MetricCardSize;
71
+ };
72
+ containerTitle: {
73
+ type: StringConstructor;
74
+ required: false;
75
+ default: string;
76
+ };
77
+ containerDescription: {
78
+ type: StringConstructor;
79
+ required: false;
80
+ default: string;
81
+ };
82
+ }>> & Readonly<{}>, {
83
+ hasTrendAccess: boolean;
84
+ containerTitle: string;
85
+ loading: boolean;
86
+ errorMessage: string;
87
+ cardSize: MetricCardSize;
88
+ containerDescription: string;
89
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
90
+ export default _default;
91
+ //# sourceMappingURL=MetricCardContainer.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MetricCardContainer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MetricCardContainer.vue"],"names":[],"mappings":"AAiNA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAGnC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,UAAU,CAAA;;;;;;;cA+QlD,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;;;;;;;;;;;;cAmBxB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;cAnBzB,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;;;;;;;;;;;;cAmBxB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;AA5B5C,wBA2CG"}
@@ -0,0 +1,34 @@
1
+ import type { MetricCardDef } from '../types';
2
+ import { MetricCardSize } from '../enums';
3
+ type CardToDisplay = 'TRAFFIC' | 'ERROR_RATE' | 'LATENCY';
4
+ type __VLS_Props = {
5
+ lookupKey?: string;
6
+ cardSize?: MetricCardSize;
7
+ cardToDisplay?: CardToDisplay;
8
+ };
9
+ declare var __VLS_1: {
10
+ cardValues: {
11
+ loading: boolean;
12
+ trafficCard: MetricCardDef;
13
+ errorRateCard: MetricCardDef;
14
+ latencyCard: MetricCardDef;
15
+ errorRateFormatted: string;
16
+ latencyFormatted: string;
17
+ };
18
+ };
19
+ type __VLS_Slots = {} & {
20
+ default?: (props: typeof __VLS_1) => any;
21
+ };
22
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
23
+ cardSize: MetricCardSize;
24
+ lookupKey: string;
25
+ cardToDisplay: CardToDisplay;
26
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
27
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
28
+ export default _default;
29
+ type __VLS_WithSlots<T, S> = T & {
30
+ new (): {
31
+ $slots: S;
32
+ };
33
+ };
34
+ //# sourceMappingURL=MetricsConsumer.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MetricsConsumer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MetricsConsumer.vue"],"names":[],"mappings":"AAkKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAkB,MAAM,UAAU,CAAA;AAMzD,KAAK,aAAa,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAAA;AAEzD,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAC;AAkKF,QAAA,IAAI,OAAO;;;;;;;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe;cA3LR,cAAc;eADb,MAAM;mBAEF,aAAa;6EA+L7B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,48 @@
1
+ import { type FilterableExploreDimensions, type QueryDatasource, type ExploreFilterAll, type RelativeTimeRangeValuesV4, type TimeRangeV4 } from '@kong-ui-public/analytics-utilities';
2
+ type __VLS_Props = {
3
+ datasource?: QueryDatasource;
4
+ maxTimeRange?: RelativeTimeRangeValuesV4;
5
+ overrideTimeRange?: TimeRangeV4;
6
+ dimension?: FilterableExploreDimensions;
7
+ filterValue?: string;
8
+ additionalFilter?: ExploreFilterAll[];
9
+ queryReady?: boolean;
10
+ refreshInterval?: number;
11
+ longCardTitles?: boolean;
12
+ containerTitle?: string;
13
+ description?: string;
14
+ percentileLatency?: boolean;
15
+ abortController?: AbortController;
16
+ refreshCounter?: number;
17
+ };
18
+ declare var __VLS_1: {
19
+ hasTrendAccess: boolean;
20
+ timeRange: TimeRangeV4;
21
+ };
22
+ type __VLS_Slots = {} & {
23
+ default?: (props: typeof __VLS_1) => any;
24
+ };
25
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
26
+ refreshInterval: number;
27
+ description: string;
28
+ datasource: QueryDatasource;
29
+ dimension: FilterableExploreDimensions;
30
+ additionalFilter: ExploreFilterAll[];
31
+ queryReady: boolean;
32
+ abortController: AbortController;
33
+ maxTimeRange: RelativeTimeRangeValuesV4;
34
+ overrideTimeRange: TimeRangeV4;
35
+ filterValue: string;
36
+ longCardTitles: boolean;
37
+ containerTitle: string;
38
+ percentileLatency: boolean;
39
+ refreshCounter: number;
40
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
41
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
42
+ export default _default;
43
+ type __VLS_WithSlots<T, S> = T & {
44
+ new (): {
45
+ $slots: S;
46
+ };
47
+ };
48
+ //# sourceMappingURL=MetricsProvider.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MetricsProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MetricsProvider.vue"],"names":[],"mappings":"AAmJA,OAAO,EAGL,KAAK,2BAA2B,EAChC,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,yBAAyB,EAC9B,KAAK,WAAW,EACjB,MAAM,qCAAqC,CAAA;AAK5C,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,YAAY,CAAC,EAAE,yBAAyB,CAAA;IACxC,iBAAiB,CAAC,EAAE,WAAW,CAAA;IAC/B,SAAS,CAAC,EAAE,2BAA2B,CAAA;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC;AA6IF,QAAA,IAAI,OAAO;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe;qBA1KD,MAAM;iBAGV,MAAM;gBAVP,eAAe;eAGhB,2BAA2B;sBAEpB,gBAAgB,EAAE;gBACxB,OAAO;qBAMF,eAAe;kBAXlB,yBAAyB;uBACpB,WAAW;iBAEjB,MAAM;oBAIH,OAAO;oBACP,MAAM;uBAEH,OAAO;oBAEV,MAAM;6EAyKvB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,26 @@
1
+ import type { ExploreFilterAll, QueryDatasource, TimeRangeV4 } from '@kong-ui-public/analytics-utilities';
2
+ type __VLS_Props = {
3
+ render: 'global' | 'single' | 'multi' | 'latencyCard';
4
+ datasource?: QueryDatasource;
5
+ queryReady?: boolean;
6
+ refreshInterval?: number;
7
+ additionalFilter?: ExploreFilterAll[];
8
+ longCardTitles?: boolean;
9
+ containerTitle?: string;
10
+ description?: string;
11
+ percentileLatency?: boolean;
12
+ overrideTimeRange?: TimeRangeV4;
13
+ };
14
+ declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
15
+ refreshInterval: number;
16
+ description: string;
17
+ datasource: QueryDatasource;
18
+ additionalFilter: ExploreFilterAll[];
19
+ queryReady: boolean;
20
+ overrideTimeRange: TimeRangeV4;
21
+ longCardTitles: boolean;
22
+ containerTitle: string;
23
+ percentileLatency: boolean;
24
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
25
+ export default _default;
26
+ //# sourceMappingURL=MetricsTestHarness.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MetricsTestHarness.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MetricsTestHarness.vue"],"names":[],"mappings":"AAmGA,OAAO,KAAK,EAAE,gBAAgB,EAA+B,eAAe,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAGtI,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAA;IACrD,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACrC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,iBAAiB,CAAC,EAAE,WAAW,CAAA;CAChC,CAAC;;qBAPkB,MAAM;iBAIV,MAAM;gBANP,eAAe;sBAGT,gBAAgB,EAAE;gBAFxB,OAAO;uBAOA,WAAW;oBAJd,OAAO;oBACP,MAAM;uBAEH,OAAO;;AAwM7B,wBAKG"}
@@ -0,0 +1,3 @@
1
+ declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
+ export default _default;
3
+ //# sourceMappingURL=MetricCardLoadingSkeleton.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MetricCardLoadingSkeleton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/display/MetricCardLoadingSkeleton.vue"],"names":[],"mappings":";AAsFA,wBAGG"}
@@ -0,0 +1,397 @@
1
+ import type { PropType } from 'vue';
2
+ import { MetricCardSize, MetricCardType } from '../../enums';
3
+ import type { HeaderTag } from '@kong/kongponents';
4
+ import type { KongIcon as GenericIcon } from '@kong/icons';
5
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
6
+ cardType: {
7
+ type: PropType<MetricCardType>;
8
+ required: true;
9
+ default: MetricCardType;
10
+ };
11
+ title: {
12
+ type: StringConstructor;
13
+ default: string;
14
+ required: true;
15
+ };
16
+ description: {
17
+ type: StringConstructor;
18
+ default: string;
19
+ required: false;
20
+ };
21
+ tooltip: {
22
+ type: StringConstructor;
23
+ required: false;
24
+ default: string;
25
+ };
26
+ timeframe: {
27
+ type: StringConstructor;
28
+ required: false;
29
+ default: string;
30
+ };
31
+ metricValue: {
32
+ type: StringConstructor;
33
+ default: string;
34
+ };
35
+ metricChange: {
36
+ type: StringConstructor;
37
+ required: true;
38
+ };
39
+ changePolarity: {
40
+ type: NumberConstructor;
41
+ required: true;
42
+ };
43
+ trendIcon: {
44
+ type: PropType<typeof GenericIcon>;
45
+ default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
46
+ title: {
47
+ type: StringConstructor;
48
+ required: false;
49
+ default: string;
50
+ };
51
+ color: {
52
+ type: StringConstructor;
53
+ required: false;
54
+ default: string;
55
+ };
56
+ display: {
57
+ type: StringConstructor;
58
+ required: false;
59
+ default: string;
60
+ };
61
+ decorative: {
62
+ type: BooleanConstructor;
63
+ required: false;
64
+ default: boolean;
65
+ };
66
+ size: {
67
+ type: (StringConstructor | NumberConstructor)[];
68
+ required: false;
69
+ default: "24px";
70
+ validator: (sizeValue: number | string) => boolean;
71
+ };
72
+ as: {
73
+ type: StringConstructor;
74
+ required: false;
75
+ default: string;
76
+ };
77
+ staticIds: {
78
+ type: BooleanConstructor;
79
+ default: boolean;
80
+ };
81
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
82
+ title: {
83
+ type: StringConstructor;
84
+ required: false;
85
+ default: string;
86
+ };
87
+ color: {
88
+ type: StringConstructor;
89
+ required: false;
90
+ default: string;
91
+ };
92
+ display: {
93
+ type: StringConstructor;
94
+ required: false;
95
+ default: string;
96
+ };
97
+ decorative: {
98
+ type: BooleanConstructor;
99
+ required: false;
100
+ default: boolean;
101
+ };
102
+ size: {
103
+ type: (StringConstructor | NumberConstructor)[];
104
+ required: false;
105
+ default: "24px";
106
+ validator: (sizeValue: number | string) => boolean;
107
+ };
108
+ as: {
109
+ type: StringConstructor;
110
+ required: false;
111
+ default: string;
112
+ };
113
+ staticIds: {
114
+ type: BooleanConstructor;
115
+ default: boolean;
116
+ };
117
+ }>> & Readonly<{}>, {
118
+ title: string;
119
+ color: string;
120
+ display: string;
121
+ decorative: boolean;
122
+ size: string | number;
123
+ as: string;
124
+ staticIds: boolean;
125
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
126
+ };
127
+ trendRange: {
128
+ type: StringConstructor;
129
+ default: string;
130
+ };
131
+ hasError: {
132
+ type: BooleanConstructor;
133
+ default: boolean;
134
+ };
135
+ errorMessage: {
136
+ type: StringConstructor;
137
+ default: string;
138
+ };
139
+ cardSize: {
140
+ type: PropType<MetricCardSize>;
141
+ required: false;
142
+ default: () => MetricCardSize;
143
+ };
144
+ hasContainerTitle: {
145
+ type: BooleanConstructor;
146
+ required: false;
147
+ default: boolean;
148
+ };
149
+ titleTag: {
150
+ type: PropType<HeaderTag>;
151
+ default: string;
152
+ };
153
+ }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
154
+ cardType: {
155
+ type: PropType<MetricCardType>;
156
+ required: true;
157
+ default: MetricCardType;
158
+ };
159
+ title: {
160
+ type: StringConstructor;
161
+ default: string;
162
+ required: true;
163
+ };
164
+ description: {
165
+ type: StringConstructor;
166
+ default: string;
167
+ required: false;
168
+ };
169
+ tooltip: {
170
+ type: StringConstructor;
171
+ required: false;
172
+ default: string;
173
+ };
174
+ timeframe: {
175
+ type: StringConstructor;
176
+ required: false;
177
+ default: string;
178
+ };
179
+ metricValue: {
180
+ type: StringConstructor;
181
+ default: string;
182
+ };
183
+ metricChange: {
184
+ type: StringConstructor;
185
+ required: true;
186
+ };
187
+ changePolarity: {
188
+ type: NumberConstructor;
189
+ required: true;
190
+ };
191
+ trendIcon: {
192
+ type: PropType<typeof GenericIcon>;
193
+ default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
194
+ title: {
195
+ type: StringConstructor;
196
+ required: false;
197
+ default: string;
198
+ };
199
+ color: {
200
+ type: StringConstructor;
201
+ required: false;
202
+ default: string;
203
+ };
204
+ display: {
205
+ type: StringConstructor;
206
+ required: false;
207
+ default: string;
208
+ };
209
+ decorative: {
210
+ type: BooleanConstructor;
211
+ required: false;
212
+ default: boolean;
213
+ };
214
+ size: {
215
+ type: (StringConstructor | NumberConstructor)[];
216
+ required: false;
217
+ default: "24px";
218
+ validator: (sizeValue: number | string) => boolean;
219
+ };
220
+ as: {
221
+ type: StringConstructor;
222
+ required: false;
223
+ default: string;
224
+ };
225
+ staticIds: {
226
+ type: BooleanConstructor;
227
+ default: boolean;
228
+ };
229
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
230
+ title: {
231
+ type: StringConstructor;
232
+ required: false;
233
+ default: string;
234
+ };
235
+ color: {
236
+ type: StringConstructor;
237
+ required: false;
238
+ default: string;
239
+ };
240
+ display: {
241
+ type: StringConstructor;
242
+ required: false;
243
+ default: string;
244
+ };
245
+ decorative: {
246
+ type: BooleanConstructor;
247
+ required: false;
248
+ default: boolean;
249
+ };
250
+ size: {
251
+ type: (StringConstructor | NumberConstructor)[];
252
+ required: false;
253
+ default: "24px";
254
+ validator: (sizeValue: number | string) => boolean;
255
+ };
256
+ as: {
257
+ type: StringConstructor;
258
+ required: false;
259
+ default: string;
260
+ };
261
+ staticIds: {
262
+ type: BooleanConstructor;
263
+ default: boolean;
264
+ };
265
+ }>> & Readonly<{}>, {
266
+ title: string;
267
+ color: string;
268
+ display: string;
269
+ decorative: boolean;
270
+ size: string | number;
271
+ as: string;
272
+ staticIds: boolean;
273
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
274
+ };
275
+ trendRange: {
276
+ type: StringConstructor;
277
+ default: string;
278
+ };
279
+ hasError: {
280
+ type: BooleanConstructor;
281
+ default: boolean;
282
+ };
283
+ errorMessage: {
284
+ type: StringConstructor;
285
+ default: string;
286
+ };
287
+ cardSize: {
288
+ type: PropType<MetricCardSize>;
289
+ required: false;
290
+ default: () => MetricCardSize;
291
+ };
292
+ hasContainerTitle: {
293
+ type: BooleanConstructor;
294
+ required: false;
295
+ default: boolean;
296
+ };
297
+ titleTag: {
298
+ type: PropType<HeaderTag>;
299
+ default: string;
300
+ };
301
+ }>> & Readonly<{}>, {
302
+ title: string;
303
+ trendRange: string;
304
+ cardType: MetricCardType;
305
+ description: string;
306
+ hasError: boolean;
307
+ tooltip: string;
308
+ timeframe: string;
309
+ metricValue: string;
310
+ trendIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
311
+ title: {
312
+ type: StringConstructor;
313
+ required: false;
314
+ default: string;
315
+ };
316
+ color: {
317
+ type: StringConstructor;
318
+ required: false;
319
+ default: string;
320
+ };
321
+ display: {
322
+ type: StringConstructor;
323
+ required: false;
324
+ default: string;
325
+ };
326
+ decorative: {
327
+ type: BooleanConstructor;
328
+ required: false;
329
+ default: boolean;
330
+ };
331
+ size: {
332
+ type: (StringConstructor | NumberConstructor)[];
333
+ required: false;
334
+ default: "24px";
335
+ validator: (sizeValue: number | string) => boolean;
336
+ };
337
+ as: {
338
+ type: StringConstructor;
339
+ required: false;
340
+ default: string;
341
+ };
342
+ staticIds: {
343
+ type: BooleanConstructor;
344
+ default: boolean;
345
+ };
346
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
347
+ title: {
348
+ type: StringConstructor;
349
+ required: false;
350
+ default: string;
351
+ };
352
+ color: {
353
+ type: StringConstructor;
354
+ required: false;
355
+ default: string;
356
+ };
357
+ display: {
358
+ type: StringConstructor;
359
+ required: false;
360
+ default: string;
361
+ };
362
+ decorative: {
363
+ type: BooleanConstructor;
364
+ required: false;
365
+ default: boolean;
366
+ };
367
+ size: {
368
+ type: (StringConstructor | NumberConstructor)[];
369
+ required: false;
370
+ default: "24px";
371
+ validator: (sizeValue: number | string) => boolean;
372
+ };
373
+ as: {
374
+ type: StringConstructor;
375
+ required: false;
376
+ default: string;
377
+ };
378
+ staticIds: {
379
+ type: BooleanConstructor;
380
+ default: boolean;
381
+ };
382
+ }>> & Readonly<{}>, {
383
+ title: string;
384
+ color: string;
385
+ display: string;
386
+ decorative: boolean;
387
+ size: string | number;
388
+ as: string;
389
+ staticIds: boolean;
390
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
391
+ errorMessage: string;
392
+ cardSize: MetricCardSize;
393
+ hasContainerTitle: boolean;
394
+ titleTag: HeaderTag;
395
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
396
+ export default _default;
397
+ //# sourceMappingURL=MetricsCard.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MetricsCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/display/MetricsCard.vue"],"names":[],"mappings":"AA+ZA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AASnC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,aAAa,CAAA;;;cA6btC,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAqCxB,QAAQ,CAAC,OAAO,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgB5B,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;cAUxB,QAAQ,CAAC,SAAS,CAAC;;;;;cA/DnB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAqCxB,QAAQ,CAAC,OAAO,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgB5B,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;cAUxB,QAAQ,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApEvC,wBAwEG"}
@@ -0,0 +1,35 @@
1
+ import { type AnalyticsBridge, type ExploreFilterAll, type FilterableExploreDimensions, type QueryDatasource, type TimeRangeV4 } from '@kong-ui-public/analytics-utilities';
2
+ import type { InjectionKey, Ref } from 'vue';
3
+ import type { FetcherResult } from '../composables/useMetricFetcher';
4
+ interface ProviderData {
5
+ data: {
6
+ traffic: FetcherResult;
7
+ latency: FetcherResult;
8
+ };
9
+ containerTitle: Ref<string | undefined>;
10
+ description: Ref<string | undefined>;
11
+ hasTrendAccess: Ref<boolean>;
12
+ longCardTitles: boolean;
13
+ averageLatencies: Ref<boolean>;
14
+ }
15
+ export declare const METRICS_PROVIDER_KEY: InjectionKey<ProviderData>;
16
+ interface FetcherOptions {
17
+ datasource: Ref<QueryDatasource>;
18
+ dimension?: FilterableExploreDimensions;
19
+ dimensionFilterValue?: string;
20
+ additionalFilter: Ref<ExploreFilterAll[] | undefined>;
21
+ queryReady: Ref<boolean>;
22
+ timeRange: Ref<TimeRangeV4>;
23
+ hasTrendAccess: Ref<boolean>;
24
+ refreshInterval: number;
25
+ queryFn: AnalyticsBridge['queryFn'];
26
+ averageLatencies: Ref<boolean>;
27
+ abortController?: AbortController;
28
+ refreshCounter: Ref<number>;
29
+ }
30
+ export declare const defaultFetcherDefs: (opts: FetcherOptions) => {
31
+ trafficData: FetcherResult;
32
+ latencyData: FetcherResult;
33
+ };
34
+ export {};
35
+ //# sourceMappingURL=metricsProviderUtil.d.ts.map