@ironsource/shared-ui 2.1.11-rc.2 → 2.1.11-rc.20

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 (78) hide show
  1. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css +1 -0
  2. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_ba28c717_lang.css +1 -0
  3. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_93545ce0_lang.css +1 -0
  4. package/DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css +1 -0
  5. package/DropdownV4.vue_vue_type_style_index_0_scoped_5c7bcf85_lang.css +1 -0
  6. package/InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css +1 -0
  7. package/OptionV4.vue_vue_type_style_index_0_scoped_df830bf5_lang.css +1 -0
  8. package/PopoverV4.vue_vue_type_style_index_0_scoped_052bc376_lang.css +1 -0
  9. package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +1 -0
  10. package/TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css +1 -0
  11. package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css +1 -0
  12. package/TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css +1 -0
  13. package/TreeDropdown.vue_vue_type_style_index_0_scoped_bdfb0aef_lang.css +1 -0
  14. package/components/autocomplete/Autocomplete.vue2.js +3 -2
  15. package/components/button/v4/ToggleButtonGroupAB.vue.d.ts +3 -1
  16. package/components/button/v4/ToggleButtonGroupAB.vue.js +2 -2
  17. package/components/button/v4/ToggleButtonGroupAB.vue2.js +44 -39
  18. package/components/button/v4/index.d.ts +9 -3
  19. package/components/chart/SettingsHeader.vue.js +3 -3
  20. package/components/chart/SettingsHeader.vue2.js +34 -26
  21. package/components/datePicker/v4/DatePickerV4.vue2.js +8 -7
  22. package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
  23. package/components/dateRange/v4/DateRangeV4.vue2.js +9 -9
  24. package/components/dropdown/common/Dropdown.common.js +174 -171
  25. package/components/dropdown/v3/Dropdown.vue.d.ts +2 -2
  26. package/components/dropdown/v3/index.d.ts +39 -39
  27. package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +1 -1
  28. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +2 -2
  29. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +7 -7
  30. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
  31. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +66 -44
  32. package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +75 -0
  33. package/components/dropdown/v4/ConditionalDropdown.vue.js +7 -0
  34. package/components/dropdown/v4/ConditionalDropdown.vue2.js +159 -0
  35. package/components/dropdown/v4/DropdownV4.vue.d.ts +15 -1
  36. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  37. package/components/dropdown/v4/DropdownV4.vue2.js +208 -184
  38. package/components/dropdown/v4/OptionV4.vue.d.ts +10 -0
  39. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  40. package/components/dropdown/v4/OptionV4.vue2.js +135 -98
  41. package/components/dropdown/v4/TreeDropdown.vue.d.ts +6 -1
  42. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  43. package/components/dropdown/v4/TreeDropdown.vue2.js +161 -116
  44. package/components/dropdown/v4/index.d.ts +294 -67
  45. package/components/dropdown/v4/index.js +6 -3
  46. package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
  47. package/components/inlineCopy/InlineCopy.vue.js +2 -2
  48. package/components/inlineCopy/InlineCopy.vue2.js +24 -22
  49. package/components/inlineCopy/index.d.ts +9 -0
  50. package/components/input/v4/TextField.vue.js +3 -3
  51. package/components/input/v4/TextField.vue2.js +12 -12
  52. package/components/multibar/MultiBarMenu.vue2.js +3 -2
  53. package/components/popover/v4/PopoverV4.vue.d.ts +9 -2
  54. package/components/popover/v4/PopoverV4.vue.js +4 -3
  55. package/components/popover/v4/PopoverV4.vue2.js +36 -22
  56. package/components/popover/v4/index.d.ts +36 -11
  57. package/components/table/common/Table.common.js +26 -28
  58. package/components/table/v4/DataGridMenu.vue2.js +3 -2
  59. package/components/tooltip/v4/TooltipV4.vue.d.ts +10 -0
  60. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  61. package/components/tooltip/v4/TooltipV4.vue2.js +24 -21
  62. package/components/tooltip/v4/index.d.ts +39 -1
  63. package/index.d.ts +770 -161
  64. package/index.js +1 -1
  65. package/mocks/options.d.ts +48 -2
  66. package/package.json +3 -2
  67. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css +0 -1
  68. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css +0 -1
  69. package/DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css +0 -1
  70. package/DropdownV4.vue_vue_type_style_index_0_scoped_991a7aad_lang.css +0 -1
  71. package/InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css +0 -1
  72. package/OptionV4.vue_vue_type_style_index_0_scoped_4070942a_lang.css +0 -1
  73. package/PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css +0 -1
  74. package/SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css +0 -1
  75. package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +0 -1
  76. package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_9d9e51c0_lang.css +0 -1
  77. package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +0 -1
  78. package/TreeDropdown.vue_vue_type_style_index_0_scoped_6ac5f602_lang.css +0 -1
@@ -7,7 +7,8 @@ import m from "./ButtonDropdownTrigger.vue.js";
7
7
  import n from "./ButtonFilterDropdownTrigger.vue.js";
8
8
  import e from "./TreeDropdown.vue.js";
9
9
  import g from "./OptionV4.vue.js";
10
- const s = () => [
10
+ import d from "./ConditionalDropdown.vue.js";
11
+ const C = () => [
11
12
  o,
12
13
  r,
13
14
  p,
@@ -16,16 +17,18 @@ const s = () => [
16
17
  n,
17
18
  i,
18
19
  g,
19
- e
20
+ e,
21
+ d
20
22
  ];
21
23
  export {
22
24
  i as AppDropdownTrigger,
23
25
  m as ButtonDropdownTrigger,
24
26
  n as ButtonFilterDropdownTrigger,
25
27
  t as ChipDropdownTrigger,
28
+ d as ConditionalDropdown,
26
29
  r as DefaultDropdownTrigger,
27
30
  o as Dropdown,
28
- s as DropdownTypes,
31
+ C as DropdownTypes,
29
32
  p as IconButtonDropdownTrigger,
30
33
  g as Option,
31
34
  e as TreeDropdown
@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
8
8
  tooltipHeader?: string;
9
9
  tooltipText?: string;
10
10
  tooltipPlacement?: TooltipPositions;
11
+ valueToCopy?: string;
11
12
  }>, {
12
13
  size: string;
13
14
  text: string;
@@ -17,6 +18,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
17
18
  tooltipHeader: string;
18
19
  tooltipText: string;
19
20
  tooltipPlacement: string;
21
+ valueToCopy: string;
20
22
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
21
23
  copy: () => void;
22
24
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -28,6 +30,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
28
30
  tooltipHeader?: string;
29
31
  tooltipText?: string;
30
32
  tooltipPlacement?: TooltipPositions;
33
+ valueToCopy?: string;
31
34
  }>, {
32
35
  size: string;
33
36
  text: string;
@@ -37,6 +40,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
37
40
  tooltipHeader: string;
38
41
  tooltipText: string;
39
42
  tooltipPlacement: string;
43
+ valueToCopy: string;
40
44
  }>>> & {
41
45
  onCopy?: () => any;
42
46
  }, {
@@ -48,6 +52,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
48
52
  hideTextValue: boolean;
49
53
  iconSize: string;
50
54
  tooltipHeader: string;
55
+ valueToCopy: string;
51
56
  }>;
52
57
  export default _default;
53
58
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,7 +1,7 @@
1
1
  import o from "./InlineCopy.vue2.js";
2
2
  /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css"; //*');
4
- const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-893a203c"]]);
3
+ // import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad48b61e"]]);
5
5
  export {
6
6
  t as default
7
7
  };
@@ -1,13 +1,13 @@
1
- import "../../InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css"; import { defineComponent as f, computed as y, openBlock as l, createElementBlock as x, createBlock as T, unref as e, mergeProps as c, withCtx as r, createTextVNode as C, toDisplayString as h, createCommentVNode as z, createVNode as n } from "vue";
2
- import I from "../icon/v4/IconV4.vue.js";
1
+ import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css"; import { defineComponent as y, computed as x, openBlock as c, createElementBlock as T, createBlock as C, unref as e, mergeProps as n, withCtx as r, createTextVNode as h, toDisplayString as z, createCommentVNode as I, createVNode as s } from "vue";
2
+ import k from "../icon/v4/IconV4.vue.js";
3
3
  import "../icon/v4/IconFlag.vue.js";
4
- import k from "../typography/v4/Typography.vue.js";
5
- import { useClipboard as S } from "@vueuse/core";
6
- import { Snackbar as V } from "../snackbar/v4/index.js";
4
+ import S from "../typography/v4/Typography.vue.js";
5
+ import { useClipboard as V } from "@vueuse/core";
6
+ import { Snackbar as v } from "../snackbar/v4/index.js";
7
7
  import B from "../tooltip/v4/TooltipV4.vue.js";
8
8
  import { useTestIdAttrs as b } from "../../utils/testIds.js";
9
9
  import { InlineCopyTestIdModifiers as a } from "../../testids/index.js";
10
- const X = /* @__PURE__ */ f({
10
+ const X = /* @__PURE__ */ y({
11
11
  __name: "InlineCopy",
12
12
  props: {
13
13
  text: { default: "" },
@@ -17,11 +17,12 @@ const X = /* @__PURE__ */ f({
17
17
  iconSize: { default: null },
18
18
  tooltipHeader: { default: "" },
19
19
  tooltipText: { default: "Copy to clipboard" },
20
- tooltipPlacement: { default: "bottom" }
20
+ tooltipPlacement: { default: "bottom" },
21
+ valueToCopy: { default: "" }
21
22
  },
22
23
  emits: ["copy"],
23
- setup(t, { emit: s }) {
24
- const o = t, { copy: m, copied: p } = S({}), d = y(() => {
24
+ setup(t, { emit: p }) {
25
+ const o = t, { copy: d, copied: m } = V({}), u = x(() => {
25
26
  switch (o.size) {
26
27
  case "medium":
27
28
  return "0.875rem";
@@ -29,38 +30,39 @@ const X = /* @__PURE__ */ f({
29
30
  default:
30
31
  return "0.75rem";
31
32
  }
32
- }), u = async () => {
33
- await m(o.text), p.value && V({
33
+ }), f = async () => {
34
+ const i = o.valueToCopy || o.text;
35
+ await d(i), m.value && v({
34
36
  title: "Copied successfully",
35
37
  type: "success",
36
38
  duration: 2e3
37
- }), s("copy");
38
- }, i = b(o.testId, a);
39
- return (N, P) => (l(), x("div", {
39
+ }), p("copy");
40
+ }, l = b(o.testId, a);
41
+ return (i, N) => (c(), T("div", {
40
42
  class: "inline-copy",
41
- onClick: u
43
+ onClick: f
42
44
  }, [
43
- t.hideTextValue ? z("", !0) : (l(), T(e(k), c({
45
+ t.hideTextValue ? I("", !0) : (c(), C(e(S), n({
44
46
  key: 0,
45
47
  variant: "caption",
46
- style: { fontSize: e(d) }
47
- }, e(i)[e(a).TEXT]), {
48
+ style: { fontSize: e(u) }
49
+ }, e(l)[e(a).TEXT]), {
48
50
  default: r(() => [
49
- C(h(t.text), 1)
51
+ h(z(t.text), 1)
50
52
  ]),
51
53
  _: 1
52
54
  }, 16, ["style"])),
53
- n(e(B), {
55
+ s(e(B), {
54
56
  text: t.tooltipText,
55
57
  header: t.tooltipHeader,
56
58
  placement: t.tooltipPlacement
57
59
  }, {
58
60
  default: r(() => [
59
- n(e(I), c({
61
+ s(e(k), n({
60
62
  class: "icon-copy",
61
63
  name: "copy",
62
64
  size: t.iconSize || "16px"
63
- }, e(i)[e(a).COPY_BTN]), null, 16, ["size"])
65
+ }, e(l)[e(a).COPY_BTN]), null, 16, ["size"])
64
66
  ]),
65
67
  _: 1
66
68
  }, 8, ["text", "header", "placement"])
@@ -36,6 +36,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
36
36
  type: import("vue").PropType<string>;
37
37
  default: string;
38
38
  };
39
+ valueToCopy: {
40
+ type: import("vue").PropType<string>;
41
+ default: string;
42
+ };
39
43
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
40
44
  copy: () => void;
41
45
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -75,6 +79,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
75
79
  type: import("vue").PropType<string>;
76
80
  default: string;
77
81
  };
82
+ valueToCopy: {
83
+ type: import("vue").PropType<string>;
84
+ default: string;
85
+ };
78
86
  }>> & {
79
87
  onCopy?: () => any;
80
88
  }, {
@@ -86,5 +94,6 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
86
94
  hideTextValue: boolean;
87
95
  iconSize: string;
88
96
  tooltipHeader: string;
97
+ valueToCopy: string;
89
98
  }>[];
90
99
  export { InlineCopy, InlineCopyTypes };
@@ -1,7 +1,7 @@
1
1
  import e from "./TextField.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; //*');
4
- const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4d9bf5b2"]]);
3
+ // import "../../../TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css"; //*');
4
+ const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2e327aa1"]]);
5
5
  export {
6
- d as default
6
+ a as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
1
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
2
2
  import v from "../../icon/v4/IconV4.vue.js";
3
3
  import "../../icon/v4/IconFlag.vue.js";
4
4
  import X from "../../tooltip/v4/TooltipV4.vue.js";
@@ -13,7 +13,7 @@ const te = {
13
13
  key: 0,
14
14
  class: "icon-container icon-before"
15
15
  }, le = ["maxlength", "value", "placeholder", "disabled", "type", "step"], ae = ["onClick"], ne = {
16
- key: 4,
16
+ key: 5,
17
17
  class: "inline-error"
18
18
  }, oe = {
19
19
  key: 7,
@@ -154,6 +154,16 @@ const te = {
154
154
  size: "20px"
155
155
  })
156
156
  ], 8, ae)) : n("", !0),
157
+ e.suffix ? (l(), r(t(D), {
158
+ key: 4,
159
+ class: "suffix-text",
160
+ variant: "body1"
161
+ }, {
162
+ default: b(() => [
163
+ V($(e.suffix), 1)
164
+ ]),
165
+ _: 1
166
+ })) : n("", !0),
157
167
  e.inlineError || t(s)?.error?.value ? (l(), d("div", ne, [
158
168
  p(t(X), c({
159
169
  disabled: !e.inlineErrorText && !t(s)?.error?.value,
@@ -170,16 +180,6 @@ const te = {
170
180
  _: 1
171
181
  }, 16, ["disabled", "text", "test-id", "placement"])
172
182
  ])) : n("", !0),
173
- e.suffix ? (l(), r(t(D), {
174
- key: 5,
175
- class: "suffix-text",
176
- variant: "body1"
177
- }, {
178
- default: b(() => [
179
- V($(e.suffix), 1)
180
- ]),
181
- _: 1
182
- })) : n("", !0),
183
183
  e.type === "password" ? (l(), d("div", c({
184
184
  key: 6,
185
185
  class: "password-visibility-toggle"
@@ -8,9 +8,10 @@ import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
8
8
  import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
9
9
  import "../dropdown/v4/TreeDropdown.vue.js";
10
10
  import g from "../dropdown/v4/OptionV4.vue.js";
11
+ import "../dropdown/v4/ConditionalDropdown.vue.js";
11
12
  import x from "../icon/v4/IconV4.vue.js";
12
13
  import "../icon/v4/IconFlag.vue.js";
13
- const S = /* @__PURE__ */ a({
14
+ const h = /* @__PURE__ */ a({
14
15
  __name: "MultiBarMenu",
15
16
  props: {
16
17
  menuItems: { default: () => [] },
@@ -56,5 +57,5 @@ const S = /* @__PURE__ */ a({
56
57
  }
57
58
  });
58
59
  export {
59
- S as default
60
+ h as default
60
61
  };
@@ -1,5 +1,6 @@
1
1
  import { Placement } from 'floating-vue';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ isOpen?: boolean;
3
4
  autoHide?: boolean;
4
5
  trigger?: "hover" | "click" | "focus" | "touch" | "managed";
5
6
  disabled?: boolean;
@@ -9,6 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
9
10
  testId?: string;
10
11
  popperClass?: string;
11
12
  }>, {
13
+ isOpen: boolean;
12
14
  trigger: string;
13
15
  autoHide: boolean;
14
16
  disabled: boolean;
@@ -17,9 +19,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
17
19
  skidding: number;
18
20
  testId: string;
19
21
  popperClass: string;
20
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22
+ }>, {
23
+ toggle: (value?: boolean) => boolean;
24
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
21
25
  isOpen: (value: boolean) => void;
22
26
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
27
+ isOpen?: boolean;
23
28
  autoHide?: boolean;
24
29
  trigger?: "hover" | "click" | "focus" | "touch" | "managed";
25
30
  disabled?: boolean;
@@ -29,6 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
29
34
  testId?: string;
30
35
  popperClass?: string;
31
36
  }>, {
37
+ isOpen: boolean;
32
38
  trigger: string;
33
39
  autoHide: boolean;
34
40
  disabled: boolean;
@@ -44,8 +50,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
50
  placement: Placement;
45
51
  disabled: boolean;
46
52
  distance: number;
47
- popperClass: string;
48
53
  autoHide: boolean;
54
+ popperClass: string;
55
+ isOpen: boolean;
49
56
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
50
57
  skidding: number;
51
58
  }>, {
@@ -1,7 +1,8 @@
1
1
  import o from "./PopoverV4.vue2.js";
2
2
  /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-74bbce13"]]);
3
+ // import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_052bc376_lang.css"; //*');
4
+ // import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css"; //');
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-052bc376"]]);
5
6
  export {
6
- s as default
7
+ r as default
7
8
  };
@@ -1,9 +1,10 @@
1
- import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css"; import { defineComponent as m, watch as c, openBlock as d, createBlock as f, unref as o, withCtx as i, createElementBlock as g, renderSlot as n, createCommentVNode as k, createElementVNode as v } from "vue";
2
- import { Dropdown as h } from "floating-vue";
3
- import { popoverCommon as C } from "../common/Popover.common.js";
4
- const w = ["data-testid"], b = /* @__PURE__ */ m({
1
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_052bc376_lang.css"; import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as k, watch as l, openBlock as p, createBlock as h, unref as i, withCtx as u, createElementBlock as y, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
2
+ import { Dropdown as w } from "floating-vue";
3
+ import { popoverCommon as $ } from "../common/Popover.common.js";
4
+ const O = ["data-testid"], H = /* @__PURE__ */ k({
5
5
  __name: "PopoverV4",
6
6
  props: {
7
+ isOpen: { type: Boolean, default: !1 },
7
8
  autoHide: { type: Boolean, default: !1 },
8
9
  trigger: { default: "click" },
9
10
  disabled: { type: Boolean, default: !1 },
@@ -14,44 +15,57 @@ const w = ["data-testid"], b = /* @__PURE__ */ m({
14
15
  popperClass: { default: "" }
15
16
  },
16
17
  emits: ["isOpen"],
17
- setup(e, { emit: p }) {
18
- const { popup: s, open: t, toggle: l, triggerRef: u } = C();
19
- return c(t, () => {
20
- p("isOpen", t.value);
21
- }), (a, r) => (d(), f(o(h), {
18
+ setup(e, { expose: f, emit: m }) {
19
+ const a = e, { popup: c, open: t, toggle: d, triggerRef: v } = $();
20
+ l(t, () => {
21
+ m("isOpen", t.value);
22
+ }), l(
23
+ () => a.isOpen,
24
+ (o) => {
25
+ d(o);
26
+ }
27
+ );
28
+ const n = (o) => {
29
+ a.trigger === o && (t.value = !t.value);
30
+ };
31
+ return f({
32
+ toggle: d
33
+ }), (o, r) => (p(), h(i(w), {
22
34
  theme: "custom-popover",
23
35
  placement: e.placement,
24
- shown: !!o(t),
36
+ shown: !!i(t),
25
37
  triggers: e.trigger === "managed" ? [] : [e.trigger],
26
38
  "auto-hide": e.autoHide,
27
39
  distance: e.distance,
28
40
  skidding: e.skidding,
29
41
  "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
30
42
  }, {
31
- popper: i(() => [
32
- o(t) ? (d(), g("div", {
43
+ popper: u(() => [
44
+ i(t) ? (p(), y("div", {
33
45
  key: 0,
34
46
  ref_key: "popup",
35
- ref: s,
47
+ ref: c,
36
48
  class: "menu-popup",
37
49
  "data-testid": e.testId
38
50
  }, [
39
- n(a.$slots, "content", {}, void 0, !0)
40
- ], 8, w)) : k("", !0)
51
+ g(o.$slots, "content", {}, void 0, !0)
52
+ ], 8, O)) : B("", !0)
41
53
  ]),
42
- default: i(() => [
43
- v("div", {
54
+ default: u(() => [
55
+ C("div", {
44
56
  ref_key: "triggerRef",
45
- ref: u,
46
- onClick: r[0] || (r[0] = (y) => o(l)(!o(t)))
57
+ ref: v,
58
+ onClick: r[0] || (r[0] = (s) => n("click")),
59
+ onMouseenter: r[1] || (r[1] = (s) => n("hover")),
60
+ onMouseleave: r[2] || (r[2] = (s) => n("hover"))
47
61
  }, [
48
- n(a.$slots, "trigger", {}, void 0, !0)
49
- ], 512)
62
+ g(o.$slots, "trigger", {}, void 0, !0)
63
+ ], 544)
50
64
  ]),
51
65
  _: 3
52
66
  }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "popper-class"]));
53
67
  }
54
68
  });
55
69
  export {
56
- b as default
70
+ H as default
57
71
  };
@@ -8,8 +8,9 @@ declare const PopoverTypes: () => ({
8
8
  placement: import("floating-vue").Placement;
9
9
  disabled: boolean;
10
10
  distance: number;
11
- popperClass: string;
12
11
  autoHide: boolean;
12
+ popperClass: string;
13
+ isOpen: boolean;
13
14
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
14
15
  skidding: number;
15
16
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -29,11 +30,15 @@ declare const PopoverTypes: () => ({
29
30
  type: import("vue").PropType<number>;
30
31
  default: number;
31
32
  };
33
+ autoHide: {
34
+ type: import("vue").PropType<boolean>;
35
+ default: boolean;
36
+ };
32
37
  popperClass: {
33
38
  type: import("vue").PropType<string>;
34
39
  default: string;
35
40
  };
36
- autoHide: {
41
+ isOpen: {
37
42
  type: import("vue").PropType<boolean>;
38
43
  default: boolean;
39
44
  };
@@ -47,7 +52,7 @@ declare const PopoverTypes: () => ({
47
52
  };
48
53
  }>> & {
49
54
  onIsOpen?: (value: boolean) => any;
50
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "trigger" | "skidding">;
55
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
51
56
  $attrs: {
52
57
  [x: string]: unknown;
53
58
  };
@@ -78,11 +83,15 @@ declare const PopoverTypes: () => ({
78
83
  type: import("vue").PropType<number>;
79
84
  default: number;
80
85
  };
86
+ autoHide: {
87
+ type: import("vue").PropType<boolean>;
88
+ default: boolean;
89
+ };
81
90
  popperClass: {
82
91
  type: import("vue").PropType<string>;
83
92
  default: string;
84
93
  };
85
- autoHide: {
94
+ isOpen: {
86
95
  type: import("vue").PropType<boolean>;
87
96
  default: boolean;
88
97
  };
@@ -96,15 +105,18 @@ declare const PopoverTypes: () => ({
96
105
  };
97
106
  }>> & {
98
107
  onIsOpen?: (value: boolean) => any;
99
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
108
+ }, {
109
+ toggle: (value?: boolean) => boolean;
110
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
100
111
  isOpen: (value: boolean) => void;
101
112
  }, string, {
102
113
  testId: string;
103
114
  placement: import("floating-vue").Placement;
104
115
  disabled: boolean;
105
116
  distance: number;
106
- popperClass: string;
107
117
  autoHide: boolean;
118
+ popperClass: string;
119
+ isOpen: boolean;
108
120
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
109
121
  skidding: number;
110
122
  }, {}, string> & {
@@ -144,11 +156,15 @@ declare const PopoverTypes: () => ({
144
156
  type: import("vue").PropType<number>;
145
157
  default: number;
146
158
  };
159
+ autoHide: {
160
+ type: import("vue").PropType<boolean>;
161
+ default: boolean;
162
+ };
147
163
  popperClass: {
148
164
  type: import("vue").PropType<string>;
149
165
  default: string;
150
166
  };
151
- autoHide: {
167
+ isOpen: {
152
168
  type: import("vue").PropType<boolean>;
153
169
  default: boolean;
154
170
  };
@@ -162,7 +178,9 @@ declare const PopoverTypes: () => ({
162
178
  };
163
179
  }>> & {
164
180
  onIsOpen?: (value: boolean) => any;
165
- } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
181
+ } & import("vue").ShallowUnwrapRef<{
182
+ toggle: (value?: boolean) => boolean;
183
+ }> & {} & import("vue").ComponentCustomProperties & {};
166
184
  __isFragment?: never;
167
185
  __isTeleport?: never;
168
186
  __isSuspense?: never;
@@ -183,11 +201,15 @@ declare const PopoverTypes: () => ({
183
201
  type: import("vue").PropType<number>;
184
202
  default: number;
185
203
  };
204
+ autoHide: {
205
+ type: import("vue").PropType<boolean>;
206
+ default: boolean;
207
+ };
186
208
  popperClass: {
187
209
  type: import("vue").PropType<string>;
188
210
  default: string;
189
211
  };
190
- autoHide: {
212
+ isOpen: {
191
213
  type: import("vue").PropType<boolean>;
192
214
  default: boolean;
193
215
  };
@@ -201,15 +223,18 @@ declare const PopoverTypes: () => ({
201
223
  };
202
224
  }>> & {
203
225
  onIsOpen?: (value: boolean) => any;
204
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
226
+ }, {
227
+ toggle: (value?: boolean) => boolean;
228
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
205
229
  isOpen: (value: boolean) => void;
206
230
  }, string, {
207
231
  testId: string;
208
232
  placement: import("floating-vue").Placement;
209
233
  disabled: boolean;
210
234
  distance: number;
211
- popperClass: string;
212
235
  autoHide: boolean;
236
+ popperClass: string;
237
+ isOpen: boolean;
213
238
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
214
239
  skidding: number;
215
240
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {