@kong-ui-public/analytics-metric-provider 7.0.5 → 7.1.1

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 (34) hide show
  1. package/README.md +44 -8
  2. package/dist/style.css +1 -1
  3. package/dist/types/components/MetricCardContainer.vue.d.ts +91 -0
  4. package/dist/types/components/MetricCardContainer.vue.d.ts.map +1 -0
  5. package/dist/types/components/MetricsConsumer.vue.d.ts +3 -4
  6. package/dist/types/components/MetricsConsumer.vue.d.ts.map +1 -1
  7. package/dist/types/components/MetricsProvider.vue.d.ts +2 -2
  8. package/dist/types/components/MetricsTestHarness.vue.d.ts +2 -2
  9. package/dist/types/components/MetricsTestHarness.vue.d.ts.map +1 -1
  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 +511 -0
  13. package/dist/types/components/display/MetricsCard.vue.d.ts.map +1 -0
  14. package/dist/types/composables/useMetricCardBuilder.d.ts +2 -1
  15. package/dist/types/composables/useMetricCardBuilder.d.ts.map +1 -1
  16. package/dist/types/enums/index.d.ts +3 -0
  17. package/dist/types/enums/index.d.ts.map +1 -0
  18. package/dist/types/enums/metric-card-size.enum.d.ts +7 -0
  19. package/dist/types/enums/metric-card-size.enum.d.ts.map +1 -0
  20. package/dist/types/enums/metric-card-type.enum.d.ts +7 -0
  21. package/dist/types/enums/metric-card-type.enum.d.ts.map +1 -0
  22. package/dist/types/index.d.ts +2 -0
  23. package/dist/types/index.d.ts.map +1 -1
  24. package/dist/types/types/index.d.ts +1 -0
  25. package/dist/types/types/index.d.ts.map +1 -1
  26. package/dist/types/types/metric-card.d.ts +36 -0
  27. package/dist/types/types/metric-card.d.ts.map +1 -0
  28. package/dist/types/utilities/index.d.ts +2 -0
  29. package/dist/types/utilities/index.d.ts.map +1 -0
  30. package/dist/types/utilities/trend-display.d.ts +24 -0
  31. package/dist/types/utilities/trend-display.d.ts.map +1 -0
  32. package/dist/vitals-metric-provider.es.js +736 -732
  33. package/dist/vitals-metric-provider.umd.js +1 -1
  34. package/package.json +9 -7
package/README.md CHANGED
@@ -2,18 +2,27 @@
2
2
 
3
3
  Query data for metric cards and render default "golden signal" metrics cards using a minimum of boilerplate.
4
4
 
5
- - [Requirements](#requirements)
6
- - [Usage](#usage)
7
- - [Global](#global)
8
- - [Single entity](#single-entity)
9
- - [Many entities](#many-entities)
10
- - [Use in tables](#use-in-tables)
5
+ - [@kong-ui-public/analytics-metric-provider](#kong-ui-publicanalytics-metric-provider)
6
+ - [Requirements](#requirements)
7
+ - [Usage](#usage)
8
+ - [Global](#global)
9
+ - [Single entity](#single-entity)
10
+ - [Many entities](#many-entities)
11
+ - [Use in tables](#use-in-tables)
12
+ - [CSS Variables](#css-variables)
13
+ - [Props](#props)
14
+ - [Exports](#exports)
15
+ - [Types](#types)
16
+ - [Enums](#enums)
11
17
 
12
18
  ## Requirements
13
19
 
14
20
  - `vue` and `pinia` must be initialized in the host application.
15
21
  - The `pinia` requirement comes from the `analytics-config-store` package; see the [README](../analytics-config-store/README.md) for further details.
16
- - `@kong/kongponents` must be added as a `dependency` in the host application, globally available via the Vue Plugin installation, and the package's style imports must be added in the app entry file. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents).
22
+ - `@kong/kongponents` must be added as a `dependency` in the host application, globally available via the Vue Plugin installation, and the package's style imports must be added in the app entry file. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:
23
+ - `KIcon`
24
+ - `KSkeletonBox`
25
+ - `KTooltip`
17
26
  - `@kong-ui-public/i18n` must be available as a `dependency` in the host application.
18
27
  - `@kong-ui-public/analytics-config-store` must be available as a `dependency` in the host application.
19
28
  - A plugin providing an `AnalyticsBridge` must be installed in the root of the application.
@@ -109,10 +118,37 @@ The provider and consumer support use in contexts where metric cards are not app
109
118
  </MetricsProvider>
110
119
  ```
111
120
 
112
- ### Other properties
121
+ ### CSS Variables
122
+
123
+ The MetricCard component exposes the following css variables which can be defined in the consuming app's stylesheet.
124
+
125
+ Variable | Description | Default
126
+ ---------|----------|---------
127
+ `--kong-ui-metric-card-background` | The background of the `.kong-ui-public-metric-card-container` main container | `transparent`
128
+ `--kong-ui-metric-card-title` | Metric card title font color | `#`
129
+ `--kong-ui-metric-card-value` | Metric value and description font color | `#`
130
+ `--kong-ui-metric-card-trend-negative` | Negative trend font color | `#AD000E`
131
+ `--kong-ui-metric-card-trend-positive` | Positive trend font color | `#07a88d`
132
+ `--kong-ui-metric-card-trend-neutral` | Neutral trend font color | `#52596E`
133
+ `--kong-ui-metric-card-trend-bg-negative` | Negative trend background color | `#FFE5E5`
134
+ `--kong-ui-metric-card-trend-bg-positive` | Positive trend background color | `#ECFFFB`
135
+ `--kong-ui-metric-card-trend-bg-neutral` | Neutral trend background color | `#E0E4EA`
136
+
137
+ ## Props
113
138
 
114
139
  - `maxTimeframe`: can be provided by the host app wrapper component in order to determine the maximum timeframe that "privileged" users are allowed to query. Essentially, if `hasTrendAccess` is `true`, this is the base timeframe that will be requested.
115
140
  - `overrideTimeframe`: if the page has a time picker, setting this property overrides any automatic determination of timeframe.
116
141
  - `additionalFilter`: commonly used to apply additional filters to the metric query: for example, to retrieve many entities within a given scope.
117
142
  - `queryReady`: if this property is set and is `false`, the metric cards will not issue a query -- they will remain in a "loading" state. When this property becomes `true`, the query will fire. Useful for when the component renders before the page has all of the necessary information to construct a query.
118
143
  - `longCardTitles`: whether to show the long or short translation for the title of the card.
144
+
145
+ ## Exports
146
+
147
+ ### Types
148
+
149
+ - MetricCardDef
150
+
151
+ ### Enums
152
+
153
+ - MetricCardSize
154
+ - MetricCardType
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-bb9e718a]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-bb9e718a]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-bb9e718a]{height:100%;justify-content:space-evenly}}.metricscard[data-v-bb9e718a]:hover{border:none;text-decoration:none}.metricscard-title[data-v-bb9e718a]{align-items:center;color:#000933;color:var(--kong-ui-metric-card-title, #000933);display:flex;flex-direction:row;font-size:14px;font-weight:500;line-height:16px;margin:0}.metricscard-title.sm[data-v-bb9e718a]{font-size:12px}.metricscard-title.md[data-v-bb9e718a]{font-size:14px;font-weight:600}.metricscard-title.lg[data-v-bb9e718a],.metricscard-title.xl[data-v-bb9e718a]{font-size:14px}.metricscard-description[data-v-bb9e718a]{color:#afb7c5;color:var(--kong-ui-metric-card-value, #afb7c5);font-size:12px;line-height:16px;margin-top:10px}.metricscard-icon[data-v-bb9e718a]{margin-right:4px}.metricscard-value[data-v-bb9e718a]{color:#000933;color:var(--kong-ui-metric-card-value, #000933);display:flex;flex-direction:row;font-size:24px;font-weight:600;justify-content:space-between;line-height:32px}.metricscard-value.sm[data-v-bb9e718a]{font-size:14px;line-height:24px}.metricscard-value.xl[data-v-bb9e718a]{font-size:48px}.metricscard-valuetrend[data-v-bb9e718a]{display:flex;flex-direction:column;row-gap:12px}.metricscard-valuetrend.is-compact[data-v-bb9e718a]{align-items:center;flex-direction:row!important;justify-content:space-between;margin-top:0}.metricscard-trend[data-v-bb9e718a]{align-items:center;column-gap:8px;display:flex}.metricscard-trend-change[data-v-bb9e718a]{align-items:center;border-radius:4px;display:flex;flex-direction:row;font-size:12px;font-weight:600;padding:4px 8px}.metricscard-trend-change .kui-icon[data-v-bb9e718a]{margin-right:4px}.metricscard-trend-change.positive[data-v-bb9e718a]{background-color:#ecfffb;background-color:var(--kong-ui-metric-card-trend-bg-positive, #ecfffb);color:#007d60;color:var(--kong-ui-metric-card-trend-positive, #007d60)}.metricscard-trend-change.negative[data-v-bb9e718a]{background-color:#ffe5e5;background-color:var(--kong-ui-metric-card-trend-bg-negative, #ffe5e5);color:#ad000e;color:var(--kong-ui-metric-card-trend-negative, #ad000e)}.metricscard-trend-change.neutral[data-v-bb9e718a]{background-color:#e0e4ea;background-color:var(--kong-ui-metric-card-trend-bg-neutral, #e0e4ea);color:#52596e;color:var(--kong-ui-metric-card-trend-neutral, #52596e)}.metricscard-trend-range[data-v-bb9e718a]{color:#000933;font-size:12px}.metricscard-tooltip[data-v-bb9e718a]{display:inline-flex;margin:auto 0 auto 4px;vertical-align:middle}.metricscard-error[data-v-bb9e718a]{align-items:center;color:#3a3f51;display:flex;flex-direction:row;font-size:12px;margin-top:8px}.metricscard-error .kong-icon-warning[data-v-bb9e718a]{margin-right:12px}.metricscard.active .metricscard-tooltip[data-v-bb9e718a]{pointer-events:all}.loading-tabs[data-v-f7eb9c40]{display:flex;flex-direction:column}.loading-tabs-large[data-v-f7eb9c40]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-f7eb9c40]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-f7eb9c40]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-f7eb9c40]{width:auto}}.kong-ui-public-metric-card-container[data-v-1bb4a6a4]{background-color:transparent;background-color:var(--kong-ui-metric-card-background, transparent);display:flex;flex-direction:column;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-1bb4a6a4]{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:12px}.kong-ui-public-metric-card-container .container-title .container-description[data-v-1bb4a6a4]{color:#6c7489;font-size:12px;font-weight:400}.kong-ui-public-metric-card-container .cards-wrapper[data-v-1bb4a6a4]{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-1bb4a6a4]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-1bb4a6a4]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-1bb4a6a4]{align-items:center;display:flex;justify-content:center;margin:auto}.kong-ui-public-metric-card-container .error-display-icon[data-v-1bb4a6a4]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-1bb4a6a4]{color:#6c7489;font-size:14px;margin-left:12px}
1
+ .metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-1b8a31a0]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-1b8a31a0]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-1b8a31a0]{height:100%;justify-content:space-evenly}}.metricscard[data-v-1b8a31a0]:hover{border:none;text-decoration:none}.metricscard-title[data-v-1b8a31a0]{align-items:center;color:#000933;color:var(--kong-ui-metric-card-title, #000933);display:flex;flex-direction:row;font-size:14px;font-weight:500;line-height:16px;margin:0}.metricscard-title.sm[data-v-1b8a31a0]{font-size:12px}.metricscard-title.md[data-v-1b8a31a0]{font-size:14px;font-weight:600}.metricscard-title.lg[data-v-1b8a31a0],.metricscard-title.xl[data-v-1b8a31a0]{font-size:14px}.metricscard-description[data-v-1b8a31a0]{color:#afb7c5;color:var(--kong-ui-metric-card-value, #afb7c5);font-size:12px;line-height:16px;margin-top:10px}.metricscard-icon[data-v-1b8a31a0]{margin-right:4px}.metricscard-value[data-v-1b8a31a0]{color:#000933;color:var(--kong-ui-metric-card-value, #000933);display:flex;flex-direction:row;font-size:24px;font-weight:600;justify-content:space-between;line-height:32px}.metricscard-value.sm[data-v-1b8a31a0]{font-size:14px;line-height:24px}.metricscard-value.xl[data-v-1b8a31a0]{font-size:48px}.metricscard-valuetrend[data-v-1b8a31a0]{display:flex;flex-direction:column;row-gap:12px}.metricscard-valuetrend.is-compact[data-v-1b8a31a0]{align-items:center;flex-direction:row!important;justify-content:space-between;margin-top:0}.metricscard-trend[data-v-1b8a31a0]{align-items:center;column-gap:8px;display:flex}.metricscard-trend-change[data-v-1b8a31a0]{align-items:center;border-radius:4px;display:flex;flex-direction:row;font-size:12px;font-weight:600;padding:4px 8px}.metricscard-trend-change .kui-icon[data-v-1b8a31a0]{margin-right:4px}.metricscard-trend-change.positive[data-v-1b8a31a0]{background-color:#ecfffb;background-color:var(--kong-ui-metric-card-trend-bg-positive, #ecfffb);color:#007d60;color:var(--kong-ui-metric-card-trend-positive, #007d60)}.metricscard-trend-change.negative[data-v-1b8a31a0]{background-color:#ffe5e5;background-color:var(--kong-ui-metric-card-trend-bg-negative, #ffe5e5);color:#ad000e;color:var(--kong-ui-metric-card-trend-negative, #ad000e)}.metricscard-trend-change.neutral[data-v-1b8a31a0]{background-color:#e0e4ea;background-color:var(--kong-ui-metric-card-trend-bg-neutral, #e0e4ea);color:#52596e;color:var(--kong-ui-metric-card-trend-neutral, #52596e)}.metricscard-trend-range[data-v-1b8a31a0]{color:#000933;font-size:12px}.metricscard-tooltip[data-v-1b8a31a0]{display:inline-flex;margin:auto 0 auto 4px;vertical-align:middle}.metricscard-error[data-v-1b8a31a0]{align-items:center;color:#3a3f51;display:flex;flex-direction:row;font-size:12px;margin-top:8px}.metricscard-error .kong-icon-warning[data-v-1b8a31a0]{margin-right:12px}.metricscard.active .metricscard-tooltip[data-v-1b8a31a0]{pointer-events:all}.loading-tabs[data-v-f7eb9c40]{display:flex;flex-direction:column}.loading-tabs-large[data-v-f7eb9c40]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-f7eb9c40]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-f7eb9c40]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-f7eb9c40]{width:auto}}.kong-ui-public-metric-card-container[data-v-d3a810e0]{background-color:transparent;background-color:var(--kong-ui-metric-card-background, transparent);display:flex;flex-direction:column;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-d3a810e0]{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:12px}.kong-ui-public-metric-card-container .container-title .container-description[data-v-d3a810e0]{color:#6c7489;font-size:12px;font-weight:400}.kong-ui-public-metric-card-container .cards-wrapper[data-v-d3a810e0]{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-d3a810e0]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-d3a810e0]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-d3a810e0]{align-items:center;display:flex;justify-content:center;margin:auto}.kong-ui-public-metric-card-container .error-display-icon[data-v-d3a810e0]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-d3a810e0]{color:#6c7489;font-size:14px;margin-left: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<{
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
+ }, {}, unknown, {}, {}, 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
+ }>>, {
83
+ errorMessage: string;
84
+ cardSize: MetricCardSize;
85
+ loading: boolean;
86
+ hasTrendAccess: boolean;
87
+ containerTitle: string;
88
+ containerDescription: string;
89
+ }, {}>;
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.ts"],"names":[],"mappings":"AAEA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0RrE,wBA6CG"}
@@ -1,6 +1,5 @@
1
- import type { MetricCardDef } from '@kong-ui-public/metric-cards';
2
- import { MetricCardSize } from '@kong-ui-public/metric-cards';
3
- import '@kong-ui-public/metric-cards/dist/style.css';
1
+ import type { MetricCardDef } from '../types';
2
+ import { MetricCardSize } from '../enums';
4
3
  type CardToDisplay = 'TRAFFIC' | 'ERROR_RATE' | 'LATENCY';
5
4
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
6
5
  lookupKey?: string | undefined;
@@ -19,8 +18,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
19
18
  cardSize: MetricCardSize;
20
19
  cardToDisplay: undefined;
21
20
  }>>>, {
22
- lookupKey: string;
23
21
  cardSize: MetricCardSize;
22
+ lookupKey: string;
24
23
  cardToDisplay: CardToDisplay;
25
24
  }, {}>, {
26
25
  default?(_: {
@@ -1 +1 @@
1
- {"version":3,"file":"MetricsConsumer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MetricsConsumer.vue.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,cAAc,EAAwD,MAAM,8BAA8B,CAAA;AACnH,OAAO,6CAA6C,CAAA;AAOpD,KAAK,aAAa,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8MzD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"MetricsConsumer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MetricsConsumer.vue.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAkB,MAAM,UAAU,CAAA;AAQzD,KAAK,aAAa,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8MzD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -57,15 +57,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
57
57
  percentileLatency: undefined;
58
58
  abortController: undefined;
59
59
  }>>>, {
60
- refreshInterval: number;
61
60
  description: string;
61
+ containerTitle: string;
62
+ refreshInterval: number;
62
63
  dimension: "api_product" | "api_product_version" | "application" | "consumer" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "time";
63
64
  additionalFilter: ExploreFilter[];
64
65
  queryReady: boolean;
65
66
  tz: string;
66
67
  abortController: AbortController;
67
68
  longCardTitles: boolean;
68
- containerTitle: string;
69
69
  maxTimeframe: TimeframeKeys;
70
70
  overrideTimeframe: Timeframe;
71
71
  filterValue: string;
@@ -34,12 +34,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
34
34
  description: undefined;
35
35
  percentileLatency: undefined;
36
36
  }>>>, {
37
- refreshInterval: number;
38
37
  description: string;
38
+ containerTitle: string;
39
+ refreshInterval: number;
39
40
  additionalFilter: ExploreFilter[];
40
41
  queryReady: boolean;
41
42
  longCardTitles: boolean;
42
- containerTitle: string;
43
43
  percentileLatency: boolean;
44
44
  }, {}>;
45
45
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"MetricsTestHarness.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MetricsTestHarness.vue.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAA8B,MAAM,qCAAqC,CAAA;;YAgR1F,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa;;;;;;;;;;;;;;;;;YAA7C,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa;;;;;;;;;;;;;;;;;qBAEnC,MAAM;iBAIV,MAAM;sBAHD,aAAa,EAAE;gBAFrB,OAAO;oBAGH,OAAO;oBACP,MAAM;uBAEH,OAAO;;AAb7B,wBAeG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"MetricsTestHarness.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MetricsTestHarness.vue.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAA8B,MAAM,qCAAqC,CAAA;;YAgR1F,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa;;;;;;;;;;;;;;;;;YAA7C,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa;;;;;;;;;;;;;;;;;iBAMvC,MAAM;oBADH,MAAM;qBAHL,MAAM;sBACL,aAAa,EAAE;gBAFrB,OAAO;oBAGH,OAAO;uBAGJ,OAAO;;AAb7B,wBAeG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
@@ -0,0 +1,3 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
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.ts"],"names":[],"mappings":";AAqEA,wBAKG"}