@dpa-id-components/dpa-shared-components 13.2.1 → 14.1.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.
@@ -3,12 +3,12 @@ declare const meta: {
3
3
  title: string;
4
4
  component: {
5
5
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
6
+ to?: import('vue-router').RouteLocationRaw;
6
7
  iconName?: import('..').UiIconName | null;
7
8
  size?: "xs" | "small" | "medium" | "large";
8
9
  color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
9
10
  disabledVariant?: "primary" | "secondary";
10
11
  disabled?: boolean;
11
- href?: string;
12
12
  rounded?: boolean;
13
13
  }> & Readonly<{
14
14
  onClick?: (() => any) | undefined;
@@ -20,8 +20,8 @@ declare const meta: {
20
20
  color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
21
21
  rounded: boolean;
22
22
  iconName: import('..').UiIconName | null;
23
+ to: import('vue-router').RouteLocationRaw;
23
24
  disabledVariant: "primary" | "secondary";
24
- href: string;
25
25
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
26
26
  P: {};
27
27
  B: {};
@@ -30,12 +30,12 @@ declare const meta: {
30
30
  M: {};
31
31
  Defaults: {};
32
32
  }, Readonly<{
33
+ to?: import('vue-router').RouteLocationRaw;
33
34
  iconName?: import('..').UiIconName | null;
34
35
  size?: "xs" | "small" | "medium" | "large";
35
36
  color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
36
37
  disabledVariant?: "primary" | "secondary";
37
38
  disabled?: boolean;
38
- href?: string;
39
39
  rounded?: boolean;
40
40
  }> & Readonly<{
41
41
  onClick?: (() => any) | undefined;
@@ -45,19 +45,19 @@ declare const meta: {
45
45
  color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
46
46
  rounded: boolean;
47
47
  iconName: import('..').UiIconName | null;
48
+ to: import('vue-router').RouteLocationRaw;
48
49
  disabledVariant: "primary" | "secondary";
49
- href: string;
50
50
  }>;
51
51
  __isFragment?: never;
52
52
  __isTeleport?: never;
53
53
  __isSuspense?: never;
54
54
  } & import('vue').ComponentOptionsBase<Readonly<{
55
+ to?: import('vue-router').RouteLocationRaw;
55
56
  iconName?: import('..').UiIconName | null;
56
57
  size?: "xs" | "small" | "medium" | "large";
57
58
  color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
58
59
  disabledVariant?: "primary" | "secondary";
59
60
  disabled?: boolean;
60
- href?: string;
61
61
  rounded?: boolean;
62
62
  }> & Readonly<{
63
63
  onClick?: (() => any) | undefined;
@@ -69,8 +69,8 @@ declare const meta: {
69
69
  color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
70
70
  rounded: boolean;
71
71
  iconName: import('..').UiIconName | null;
72
+ to: import('vue-router').RouteLocationRaw;
72
73
  disabledVariant: "primary" | "secondary";
73
- href: string;
74
74
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
75
75
  $slots: {
76
76
  default?(_: {}): any;
@@ -87,7 +87,7 @@ declare const meta: {
87
87
  rounded: {
88
88
  control: "boolean";
89
89
  };
90
- href: {
90
+ to: {
91
91
  control: "text";
92
92
  };
93
93
  color: {
@@ -110,7 +110,7 @@ declare const meta: {
110
110
  color: "blue";
111
111
  size: "large";
112
112
  disabledVariant: "primary";
113
- href: undefined;
113
+ to: undefined;
114
114
  };
115
115
  };
116
116
  export default meta;
@@ -1,11 +1,12 @@
1
+ import { RouteLocationRaw } from 'vue-router';
1
2
  import { UiIconName } from '../UiIcon/UiIcon.vue';
2
3
  type __VLS_Props = {
4
+ to?: RouteLocationRaw;
3
5
  iconName?: UiIconName | null;
4
6
  size?: "xs" | "small" | "medium" | "large";
5
7
  color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
6
8
  disabledVariant?: "primary" | "secondary";
7
9
  disabled?: boolean;
8
- href?: string;
9
10
  rounded?: boolean;
10
11
  };
11
12
  declare function __VLS_template(): {
@@ -27,8 +28,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
27
28
  color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
28
29
  rounded: boolean;
29
30
  iconName: UiIconName | null;
31
+ to: RouteLocationRaw;
30
32
  disabledVariant: "primary" | "secondary";
31
- href: string;
32
33
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
33
34
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
34
35
  export default _default;
@@ -226,12 +226,12 @@ declare const meta: {
226
226
  });
227
227
  UiButton: {
228
228
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
229
+ to?: import('vue-router').RouteLocationRaw;
229
230
  iconName?: import('..').UiIconName | null;
230
231
  size?: "xs" | "small" | "medium" | "large";
231
232
  color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
232
233
  disabledVariant?: "primary" | "secondary";
233
234
  disabled?: boolean;
234
- href?: string;
235
235
  rounded?: boolean;
236
236
  }> & Readonly<{
237
237
  onClick?: (() => any) | undefined;
@@ -243,8 +243,8 @@ declare const meta: {
243
243
  color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
244
244
  rounded: boolean;
245
245
  iconName: import('..').UiIconName | null;
246
+ to: import('vue-router').RouteLocationRaw;
246
247
  disabledVariant: "primary" | "secondary";
247
- href: string;
248
248
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
249
249
  P: {};
250
250
  B: {};
@@ -253,12 +253,12 @@ declare const meta: {
253
253
  M: {};
254
254
  Defaults: {};
255
255
  }, Readonly<{
256
+ to?: import('vue-router').RouteLocationRaw;
256
257
  iconName?: import('..').UiIconName | null;
257
258
  size?: "xs" | "small" | "medium" | "large";
258
259
  color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
259
260
  disabledVariant?: "primary" | "secondary";
260
261
  disabled?: boolean;
261
- href?: string;
262
262
  rounded?: boolean;
263
263
  }> & Readonly<{
264
264
  onClick?: (() => any) | undefined;
@@ -268,19 +268,19 @@ declare const meta: {
268
268
  color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
269
269
  rounded: boolean;
270
270
  iconName: import('..').UiIconName | null;
271
+ to: import('vue-router').RouteLocationRaw;
271
272
  disabledVariant: "primary" | "secondary";
272
- href: string;
273
273
  }>;
274
274
  __isFragment?: never;
275
275
  __isTeleport?: never;
276
276
  __isSuspense?: never;
277
277
  } & import('vue').ComponentOptionsBase<Readonly<{
278
+ to?: import('vue-router').RouteLocationRaw;
278
279
  iconName?: import('..').UiIconName | null;
279
280
  size?: "xs" | "small" | "medium" | "large";
280
281
  color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
281
282
  disabledVariant?: "primary" | "secondary";
282
283
  disabled?: boolean;
283
- href?: string;
284
284
  rounded?: boolean;
285
285
  }> & Readonly<{
286
286
  onClick?: (() => any) | undefined;
@@ -292,8 +292,8 @@ declare const meta: {
292
292
  color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
293
293
  rounded: boolean;
294
294
  iconName: import('..').UiIconName | null;
295
+ to: import('vue-router').RouteLocationRaw;
295
296
  disabledVariant: "primary" | "secondary";
296
- href: string;
297
297
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
298
298
  $slots: {
299
299
  default?(_: {}): any;
@@ -14,6 +14,8 @@ declare const meta: {
14
14
  tooltipClasses?: string;
15
15
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
16
16
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
17
+ enterActiveClasses?: string;
18
+ leaveActiveClasses?: string;
17
19
  animate?: boolean;
18
20
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
19
21
  fixed: boolean;
@@ -28,6 +30,8 @@ declare const meta: {
28
30
  multilines: boolean;
29
31
  tooltipClasses: string;
30
32
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
33
+ enterActiveClasses: string;
34
+ leaveActiveClasses: string;
31
35
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
32
36
  activatorElm: HTMLDivElement;
33
37
  tooltipElm: HTMLDivElement;
@@ -50,6 +54,8 @@ declare const meta: {
50
54
  tooltipClasses?: string;
51
55
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
52
56
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
57
+ enterActiveClasses?: string;
58
+ leaveActiveClasses?: string;
53
59
  animate?: boolean;
54
60
  }> & Readonly<{}>, {}, {}, {}, {}, {
55
61
  fixed: boolean;
@@ -64,6 +70,8 @@ declare const meta: {
64
70
  multilines: boolean;
65
71
  tooltipClasses: string;
66
72
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
73
+ enterActiveClasses: string;
74
+ leaveActiveClasses: string;
67
75
  }>;
68
76
  __isFragment?: never;
69
77
  __isTeleport?: never;
@@ -80,6 +88,8 @@ declare const meta: {
80
88
  tooltipClasses?: string;
81
89
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
82
90
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
91
+ enterActiveClasses?: string;
92
+ leaveActiveClasses?: string;
83
93
  animate?: boolean;
84
94
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
85
95
  fixed: boolean;
@@ -94,6 +104,8 @@ declare const meta: {
94
104
  multilines: boolean;
95
105
  tooltipClasses: string;
96
106
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
107
+ enterActiveClasses: string;
108
+ leaveActiveClasses: string;
97
109
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
98
110
  $slots: {
99
111
  activator?(_: {}): any;
@@ -120,6 +132,12 @@ declare const meta: {
120
132
  multilines: {
121
133
  control: "boolean";
122
134
  };
135
+ enterActiveClasses: {
136
+ control: "text";
137
+ };
138
+ leaveActiveClasses: {
139
+ control: "text";
140
+ };
123
141
  };
124
142
  args: {
125
143
  position: "bottom";
@@ -127,6 +145,8 @@ declare const meta: {
127
145
  structuredInfo: never[];
128
146
  fixed: false;
129
147
  multilines: false;
148
+ enterActiveClasses: string;
149
+ leaveActiveClasses: string;
130
150
  };
131
151
  render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
132
152
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
@@ -141,6 +161,8 @@ declare const meta: {
141
161
  tooltipClasses?: string;
142
162
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
143
163
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
164
+ enterActiveClasses?: string;
165
+ leaveActiveClasses?: string;
144
166
  animate?: boolean;
145
167
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
146
168
  fixed: boolean;
@@ -155,6 +177,8 @@ declare const meta: {
155
177
  multilines: boolean;
156
178
  tooltipClasses: string;
157
179
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
180
+ enterActiveClasses: string;
181
+ leaveActiveClasses: string;
158
182
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
159
183
  activatorElm: HTMLDivElement;
160
184
  tooltipElm: HTMLDivElement;
@@ -177,6 +201,8 @@ declare const meta: {
177
201
  tooltipClasses?: string;
178
202
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
179
203
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
204
+ enterActiveClasses?: string;
205
+ leaveActiveClasses?: string;
180
206
  animate?: boolean;
181
207
  }> & Readonly<{}>, {}, {}, {}, {}, {
182
208
  fixed: boolean;
@@ -191,6 +217,8 @@ declare const meta: {
191
217
  multilines: boolean;
192
218
  tooltipClasses: string;
193
219
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
220
+ enterActiveClasses: string;
221
+ leaveActiveClasses: string;
194
222
  }>;
195
223
  __isFragment?: never;
196
224
  __isTeleport?: never;
@@ -207,6 +235,8 @@ declare const meta: {
207
235
  tooltipClasses?: string;
208
236
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
209
237
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
238
+ enterActiveClasses?: string;
239
+ leaveActiveClasses?: string;
210
240
  animate?: boolean;
211
241
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
212
242
  fixed: boolean;
@@ -221,6 +251,8 @@ declare const meta: {
221
251
  multilines: boolean;
222
252
  tooltipClasses: string;
223
253
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
254
+ enterActiveClasses: string;
255
+ leaveActiveClasses: string;
224
256
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
225
257
  $slots: {
226
258
  activator?(_: {}): any;
@@ -242,6 +274,8 @@ declare const meta: {
242
274
  tooltipClasses?: string;
243
275
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
244
276
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
277
+ enterActiveClasses?: string;
278
+ leaveActiveClasses?: string;
245
279
  animate?: boolean;
246
280
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
247
281
  fixed: boolean;
@@ -256,6 +290,8 @@ declare const meta: {
256
290
  multilines: boolean;
257
291
  tooltipClasses: string;
258
292
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
293
+ enterActiveClasses: string;
294
+ leaveActiveClasses: string;
259
295
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
260
296
  activatorElm: HTMLDivElement;
261
297
  tooltipElm: HTMLDivElement;
@@ -278,6 +314,8 @@ declare const meta: {
278
314
  tooltipClasses?: string;
279
315
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
280
316
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
317
+ enterActiveClasses?: string;
318
+ leaveActiveClasses?: string;
281
319
  animate?: boolean;
282
320
  }> & Readonly<{}>, {}, {}, {}, {}, {
283
321
  fixed: boolean;
@@ -292,6 +330,8 @@ declare const meta: {
292
330
  multilines: boolean;
293
331
  tooltipClasses: string;
294
332
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
333
+ enterActiveClasses: string;
334
+ leaveActiveClasses: string;
295
335
  }>;
296
336
  __isFragment?: never;
297
337
  __isTeleport?: never;
@@ -308,6 +348,8 @@ declare const meta: {
308
348
  tooltipClasses?: string;
309
349
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
310
350
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
351
+ enterActiveClasses?: string;
352
+ leaveActiveClasses?: string;
311
353
  animate?: boolean;
312
354
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
313
355
  fixed: boolean;
@@ -322,6 +364,8 @@ declare const meta: {
322
364
  multilines: boolean;
323
365
  tooltipClasses: string;
324
366
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
367
+ enterActiveClasses: string;
368
+ leaveActiveClasses: string;
325
369
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
326
370
  $slots: {
327
371
  activator?(_: {}): any;
@@ -344,6 +388,8 @@ declare const meta: {
344
388
  tooltipClasses?: string;
345
389
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
346
390
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
391
+ enterActiveClasses?: string;
392
+ leaveActiveClasses?: string;
347
393
  animate?: boolean;
348
394
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
349
395
  fixed: boolean;
@@ -358,6 +404,8 @@ declare const meta: {
358
404
  multilines: boolean;
359
405
  tooltipClasses: string;
360
406
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
407
+ enterActiveClasses: string;
408
+ leaveActiveClasses: string;
361
409
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
362
410
  activatorElm: HTMLDivElement;
363
411
  tooltipElm: HTMLDivElement;
@@ -380,6 +428,8 @@ declare const meta: {
380
428
  tooltipClasses?: string;
381
429
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
382
430
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
431
+ enterActiveClasses?: string;
432
+ leaveActiveClasses?: string;
383
433
  animate?: boolean;
384
434
  }> & Readonly<{}>, {}, {}, {}, {}, {
385
435
  fixed: boolean;
@@ -394,6 +444,8 @@ declare const meta: {
394
444
  multilines: boolean;
395
445
  tooltipClasses: string;
396
446
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
447
+ enterActiveClasses: string;
448
+ leaveActiveClasses: string;
397
449
  }>;
398
450
  __isFragment?: never;
399
451
  __isTeleport?: never;
@@ -410,6 +462,8 @@ declare const meta: {
410
462
  tooltipClasses?: string;
411
463
  floatingUiOptions?: import('@floating-ui/vue').UseFloatingOptions | null;
412
464
  transitionClasses?: Partial<Record<import('@floating-ui/utils').Placement, string>>;
465
+ enterActiveClasses?: string;
466
+ leaveActiveClasses?: string;
413
467
  animate?: boolean;
414
468
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
415
469
  fixed: boolean;
@@ -424,6 +478,8 @@ declare const meta: {
424
478
  multilines: boolean;
425
479
  tooltipClasses: string;
426
480
  transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
481
+ enterActiveClasses: string;
482
+ leaveActiveClasses: string;
427
483
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
428
484
  $slots: {
429
485
  activator?(_: {}): any;
@@ -11,6 +11,8 @@ type __VLS_Props = {
11
11
  tooltipClasses?: string;
12
12
  floatingUiOptions?: UseFloatingOptions | null;
13
13
  transitionClasses?: Partial<Record<Placement, string>>;
14
+ enterActiveClasses?: string;
15
+ leaveActiveClasses?: string;
14
16
  animate?: boolean;
15
17
  };
16
18
  declare function __VLS_template(): {
@@ -40,6 +42,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
40
42
  multilines: boolean;
41
43
  tooltipClasses: string;
42
44
  transitionClasses: Partial<Record<Placement, string>>;
45
+ enterActiveClasses: string;
46
+ leaveActiveClasses: string;
43
47
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
44
48
  activatorElm: HTMLDivElement;
45
49
  tooltipElm: HTMLDivElement;