@dpa-id-components/dpa-shared-components 14.0.0 → 14.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 (6) hide show
  1. package/dist/components/UiTooltip/UiTooltip.stories.d.ts +56 -0
  2. package/dist/components/UiTooltip/UiTooltip.vue.d.ts +4 -0
  3. package/dist/dpa-shared-components.mjs +69 -66
  4. package/dist/dpa-shared-components.umd.js +2 -2
  5. package/dist/style.css +1 -1
  6. package/package.json +1 -1
package/dist/components/UiTooltip/UiTooltip.stories.d.ts CHANGED
@@ -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;
package/dist/components/UiTooltip/UiTooltip.vue.d.ts CHANGED
@@ -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;
package/dist/dpa-shared-components.mjs CHANGED
@@ -8185,27 +8185,29 @@ const ys = /* @__PURE__ */ Qa(Wf, [["render", jf]]), Qf = ["data-testid"], Gf =
8185
8185
  },
8186
8186
  emits: ["click"],
8187
8187
  setup(e, { emit: t }) {
8188
- const n = t, r = e, a = F(() => {
8189
- const l = r.rounded ? "rounded-full" : "rounded-none";
8188
+ const n = t, r = e, a = F(
8189
+ () => typeof r.to == "string" ? "a" : r.to ? "RouterLink" : "button"
8190
+ ), o = F(() => {
8191
+ const i = r.rounded ? "rounded-full" : "rounded-none";
8190
8192
  switch (r.disabled ? "disabled" : r.color) {
8191
8193
  case "blue":
8192
- return `${l} text-white bg-blue-default hover:bg-blue-dark`;
8194
+ return `${i} text-white bg-blue-default hover:bg-blue-dark`;
8193
8195
  case "primary-green":
8194
- return `${l} text-white bg-green-primary hover:bg-night-green`;
8196
+ return `${i} text-white bg-green-primary hover:bg-night-green`;
8195
8197
  case "transparent":
8196
- return `${l} text-blue-default bg-transparent border-[1px] border-gray-300 hover:text-blue-dark hover:border-gray-700`;
8198
+ return `${i} text-blue-default bg-transparent border-[1px] border-gray-300 hover:text-blue-dark hover:border-gray-700`;
8197
8199
  case "white":
8198
- return `${l} text-blue-default bg-white border-[1px] border-gray-300 hover:text-blue-dark hover:border-gray-700`;
8200
+ return `${i} text-blue-default bg-white border-[1px] border-gray-300 hover:text-blue-dark hover:border-gray-700`;
8199
8201
  case "gray":
8200
- return `${l} text-white bg-gray-700 hover:bg-gray-800`;
8202
+ return `${i} text-white bg-gray-700 hover:bg-gray-800`;
8201
8203
  case "light-gray":
8202
- return `${l} text-gray-800 bg-gray-100`;
8204
+ return `${i} text-gray-800 bg-gray-100`;
8203
8205
  case "disabled":
8204
- return r.disabledVariant === "primary" ? `${l} text-gray-400 bg-gray-100 cursor-not-allowed` : `${l} text-gray-400 bg-white cursor-not-allowed border border-gray-400`;
8206
+ return r.disabledVariant === "primary" ? `${i} text-gray-400 bg-gray-100 cursor-not-allowed` : `${i} text-gray-400 bg-white cursor-not-allowed border border-gray-400`;
8205
8207
  default:
8206
- return `${l} text-white bg-blue-default hover:bg-blue-dark`;
8208
+ return `${i} text-white bg-blue-default hover:bg-blue-dark`;
8207
8209
  }
8208
- }), o = F(() => {
8210
+ }), s = F(() => {
8209
8211
  switch (r.size) {
8210
8212
  case "xs":
8211
8213
  return "h-6 text-xs";
@@ -8218,30 +8220,31 @@ const ys = /* @__PURE__ */ Qa(Wf, [["render", jf]]), Qf = ["data-testid"], Gf =
8218
8220
  default:
8219
8221
  return "h-10 text-base";
8220
8222
  }
8221
- }), s = F(() => r.size === "xs" ? "xs" : r.size === "small" ? "small" : "medium");
8222
- return (l, i) => (P(), xe(tn(l.to ? "RouterLink" : "button"), {
8223
+ }), l = F(() => r.size === "xs" ? "xs" : r.size === "small" ? "small" : "medium");
8224
+ return (i, u) => (P(), xe(tn(a.value), {
8223
8225
  class: oe(["UiButton focus-visible:outline-blue inline-flex items-center whitespace-nowrap font-medium leading-normal focus:outline-none", {
8224
- "px-4": l.size !== "xs",
8225
- "px-2": l.size === "xs",
8226
- [a.value]: !0,
8227
- [o.value]: !0
8226
+ "px-4": i.size !== "xs",
8227
+ "px-2": i.size === "xs",
8228
+ [o.value]: !0,
8229
+ [s.value]: !0
8228
8230
  }]),
8229
- to: l.to,
8230
- type: l.to ? void 0 : "button",
8231
- disabled: l.to ? void 0 : l.disabled,
8232
- onClick: i[0] || (i[0] = (u) => n("click"))
8231
+ to: a.value === "RouterLink" ? i.to : void 0,
8232
+ href: a.value === "a" ? i.to : void 0,
8233
+ type: a.value === "button" ? "button" : void 0,
8234
+ disabled: a.value === "button" ? i.disabled : void 0,
8235
+ onClick: u[0] || (u[0] = (c) => n("click"))
8233
8236
  }, {
8234
8237
  default: Te(() => [
8235
- l.iconName ? (P(), xe(wt, {
8238
+ i.iconName ? (P(), xe(wt, {
8236
8239
  key: 0,
8237
- name: l.iconName,
8238
- size: s.value,
8240
+ name: i.iconName,
8241
+ size: l.value,
8239
8242
  class: "mr-2"
8240
8243
  }, null, 8, ["name", "size"])) : j("", !0),
8241
- se(l.$slots, "default")
8244
+ se(i.$slots, "default")
8242
8245
  ]),
8243
8246
  _: 3
8244
- }, 8, ["class", "to", "type", "disabled"]));
8247
+ }, 8, ["class", "to", "href", "type", "disabled"]));
8245
8248
  }
8246
8249
  }), ap = {}, op = { class: "flex [&>*:first-child]:rounded-l-full [&>*:last-child]:rounded-r-full [&>*:last-child]:border-r [&>*]:border [&>*]:border-r-0 [&>*]:border-gray-300" };
8247
8250
  function sp(e, t) {
@@ -19417,12 +19420,14 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
19417
19420
  "bottom-start": "scale-95 opacity-0 translate-y-2",
19418
19421
  left: "scale-95 opacity-0 -translate-x-2"
19419
19422
  }) },
19423
+ enterActiveClasses: { default: "motion-safe:transition duration-300 delay-500" },
19424
+ leaveActiveClasses: { default: ":motion-safe:transition" },
19420
19425
  animate: { type: Boolean, default: !1 }
19421
19426
  },
19422
19427
  setup(e) {
19423
- const t = e, n = F(() => t.animate ? t.transitionClasses[t.position] : ""), r = J(!1), a = J(), o = J(), { floatingStyles: s, placement: l } = cc(
19424
- a,
19425
- o,
19428
+ const t = e, n = F(() => t.animate ? t.transitionClasses[t.position] : ""), r = F(() => t.animate ? t.enterActiveClasses : ""), a = F(() => t.animate ? t.leaveActiveClasses : ""), o = J(!1), s = J(), l = J(), { floatingStyles: i, placement: u } = cc(
19429
+ s,
19430
+ l,
19426
19431
  {
19427
19432
  strategy: t.fixed ? "fixed" : "absolute",
19428
19433
  placement: t.position,
@@ -19430,91 +19435,89 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
19430
19435
  ...t.floatingUiOptions ? t.floatingUiOptions : {}
19431
19436
  }
19432
19437
  );
19433
- return (i, u) => (P(), L("div", null, [
19438
+ return (c, d) => (P(), L("div", null, [
19434
19439
  ee("div", {
19435
19440
  ref_key: "activatorElm",
19436
- ref: a,
19441
+ ref: s,
19437
19442
  "data-testid": "activator",
19438
19443
  tabindex: "1",
19439
- onMouseenter: u[0] || (u[0] = (c) => r.value = !0),
19440
- onFocus: u[1] || (u[1] = (c) => r.value = !0),
19441
- onMouseleave: u[2] || (u[2] = (c) => r.value = !1),
19442
- onBlur: u[3] || (u[3] = (c) => r.value = !1)
19444
+ onMouseenter: d[0] || (d[0] = (h) => o.value = !0),
19445
+ onFocus: d[1] || (d[1] = (h) => o.value = !0),
19446
+ onMouseleave: d[2] || (d[2] = (h) => o.value = !1),
19447
+ onBlur: d[3] || (d[3] = (h) => o.value = !1)
19443
19448
  }, [
19444
- se(i.$slots, "activator")
19449
+ se(c.$slots, "activator")
19445
19450
  ], 544),
19446
19451
  (P(), xe(Cl, {
19447
- disabled: !i.fixed,
19452
+ disabled: !c.fixed,
19448
19453
  to: "body"
19449
19454
  }, [
19450
- i.structuredLayout ? (P(), L("div", {
19455
+ c.structuredLayout ? (P(), L("div", {
19451
19456
  key: 0,
19452
19457
  ref_key: "tooltipElm",
19453
- ref: o,
19454
- style: nt(O(s)),
19458
+ ref: l,
19459
+ style: nt(O(i)),
19455
19460
  "data-testid": "structuredTooltip",
19456
- "data-placement": O(l)
19461
+ "data-placement": O(u)
19457
19462
  }, [
19458
19463
  Ne(sr, {
19459
- "enter-active-class": "transition",
19460
- "leave-active-class": "transition",
19464
+ "enter-active-class": r.value,
19465
+ "leave-active-class": a.value,
19461
19466
  "leave-to-class": n.value,
19462
- "enter-from-class": n.value,
19463
- duration: i.animate ? 300 : 0
19467
+ "enter-from-class": n.value
19464
19468
  }, {
19465
19469
  default: Te(() => [
19466
19470
  Ut(ee("ul", {
19467
19471
  "data-testid": "tooltipElement",
19468
- class: oe(["border-1 my-1 w-72 rounded-2xl border-gray-300 bg-white text-xs leading-5 shadow-lg", [i.tooltipClasses]])
19472
+ class: oe(["border-1 my-1 w-72 rounded-2xl border-gray-300 bg-white text-xs leading-5 shadow-lg", [c.tooltipClasses]])
19469
19473
  }, [
19470
- se(i.$slots, "default", {}, () => [
19471
- (P(!0), L(Ae, null, Ve(i.structuredInfo, ({ title: c, description: d }, h) => (P(), L("li", {
19472
- key: `info-${h}`,
19474
+ se(c.$slots, "default", {}, () => [
19475
+ (P(!0), L(Ae, null, Ve(c.structuredInfo, ({ title: h, description: y }, k) => (P(), L("li", {
19476
+ key: `info-${k}`,
19473
19477
  class: oe([
19474
19478
  "mx-4 py-3 text-left",
19475
- h < i.structuredInfo.length - 1 ? "border-b border-b-gray-100" : ""
19479
+ k < c.structuredInfo.length - 1 ? "border-b border-b-gray-100" : ""
19476
19480
  ])
19477
19481
  }, [
19478
- ee("h4", xy, Be(c), 1),
19479
- ee("p", Ty, Be(d), 1)
19482
+ ee("h4", xy, Be(h), 1),
19483
+ ee("p", Ty, Be(y), 1)
19480
19484
  ], 2))), 128))
19481
19485
  ])
19482
19486
  ], 2), [
19483
- [Rr, r.value]
19487
+ [Rr, o.value]
19484
19488
  ])
19485
19489
  ]),
19486
19490
  _: 3
19487
- }, 8, ["leave-to-class", "enter-from-class", "duration"])
19491
+ }, 8, ["enter-active-class", "leave-active-class", "leave-to-class", "enter-from-class"])
19488
19492
  ], 12, _y)) : (P(), L("div", {
19489
19493
  key: 1,
19490
19494
  ref_key: "tooltipElm",
19491
- ref: o,
19495
+ ref: l,
19492
19496
  "data-testid": "tooltip",
19493
- style: nt(O(s)),
19494
- "data-placement": O(l)
19497
+ style: nt(O(i)),
19498
+ "data-placement": O(u)
19495
19499
  }, [
19496
19500
  Ne(sr, {
19497
- "enter-active-class": "transition duration-200",
19498
- "leave-active-class": "transition duration-300",
19501
+ "enter-active-class": r.value,
19502
+ "leave-active-class": a.value,
19499
19503
  "leave-to-class": n.value,
19500
- "enter-from-class": n.value,
19501
- duration: i.animate ? 300 : 0
19504
+ "enter-from-class": n.value
19502
19505
  }, {
19503
19506
  default: Te(() => [
19504
19507
  Ut(ee("div", {
19505
19508
  "data-testid": "tooltipElement",
19506
19509
  class: oe(["flex items-center bg-gray-900 px-2 py-half text-xs leading-5 text-white", [
19507
- i.tooltipClasses,
19508
- i.multilines ? "h-auto max-w-[300px] flex-wrap rounded-2xl " : "h-6 w-max rounded-full"
19510
+ c.tooltipClasses,
19511
+ c.multilines ? "h-auto max-w-[300px] flex-wrap rounded-2xl " : "h-6 w-max rounded-full"
19509
19512
  ]])
19510
19513
  }, [
19511
- se(i.$slots, "default")
19514
+ se(c.$slots, "default")
19512
19515
  ], 2), [
19513
- [Rr, r.value]
19516
+ [Rr, o.value]
19514
19517
  ])
19515
19518
  ]),
19516
19519
  _: 3
19517
- }, 8, ["leave-to-class", "enter-from-class", "duration"])
19520
+ }, 8, ["enter-active-class", "leave-active-class", "leave-to-class", "enter-from-class"])
19518
19521
  ], 12, Sy))
19519
19522
  ], 8, ["disabled"]))
19520
19523
  ]));