@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.51

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 (182) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css +1 -0
  2. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css +1 -0
  3. package/Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css +1 -0
  4. package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css +1 -0
  5. package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css +1 -0
  6. package/ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css +1 -0
  7. package/CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css +1 -0
  8. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e43ac1c9_lang.css +1 -0
  9. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8f96cf5a_lang.css +1 -0
  10. package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css +1 -0
  11. package/DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css +1 -0
  12. package/DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css +1 -0
  13. package/DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css +1 -0
  14. package/DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css +1 -0
  15. package/EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css +1 -0
  16. package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css +1 -0
  17. package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css +1 -0
  18. package/InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css +1 -0
  19. package/OptionV4.vue_vue_type_style_index_0_scoped_2c2947b3_lang.css +1 -0
  20. package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css +1 -0
  21. package/README.md +4 -15
  22. package/SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css +1 -0
  23. package/SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css +1 -0
  24. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +1 -0
  25. package/SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css +1 -0
  26. package/TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css +1 -0
  27. package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
  28. package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css +1 -0
  29. package/TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css +1 -0
  30. package/TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css +1 -0
  31. package/Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css +1 -0
  32. package/components/autocomplete/Autocomplete.vue2.js +3 -2
  33. package/components/button/v3/Button.vue.d.ts +6 -6
  34. package/components/button/v3/index.d.ts +14 -14
  35. package/components/button/v4/ToggleButtonGroupAB.vue.d.ts +3 -1
  36. package/components/button/v4/ToggleButtonGroupAB.vue.js +2 -2
  37. package/components/button/v4/ToggleButtonGroupAB.vue2.js +44 -39
  38. package/components/button/v4/index.d.ts +9 -3
  39. package/components/chart/Chart.vue.d.ts +17 -4
  40. package/components/chart/Chart.vue.js +5 -5
  41. package/components/chart/Chart.vue2.js +127 -110
  42. package/components/chart/ChartHeader.vue.d.ts +13 -6
  43. package/components/chart/ChartHeader.vue.js +2 -2
  44. package/components/chart/ChartHeader.vue2.js +32 -29
  45. package/components/chart/ChartLegend.vue.d.ts +5 -0
  46. package/components/chart/ChartLegend.vue.js +3 -3
  47. package/components/chart/ChartLegend.vue2.js +99 -49
  48. package/components/chart/ChartTooltip.vue.d.ts +4 -5
  49. package/components/chart/ChartTooltip.vue.js +2 -2
  50. package/components/chart/ChartTooltip.vue2.js +64 -43
  51. package/components/chart/SettingsHeader.vue2.js +3 -2
  52. package/components/chart/index.d.ts +74 -35
  53. package/components/chart/mockData.d.ts +15 -2
  54. package/components/chart/types.d.ts +15 -1
  55. package/components/chart/utils/utils.js +5 -5
  56. package/components/checkbox/v4/CheckboxV4.vue.js +3 -3
  57. package/components/checkbox/v4/CheckboxV4.vue2.js +2 -2
  58. package/components/datePicker/v4/DatePickerV4.vue2.js +8 -7
  59. package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
  60. package/components/dateRange/v4/DateRangeV4.vue2.js +9 -9
  61. package/components/dialog/v4/DialogV4.vue.d.ts +15 -0
  62. package/components/dialog/v4/DialogV4.vue.js +3 -3
  63. package/components/dialog/v4/DialogV4.vue2.js +80 -73
  64. package/components/dialog/v4/index.d.ts +58 -1
  65. package/components/dropdown/common/Dropdown.common.js +200 -189
  66. package/components/dropdown/v3/Dropdown.vue.d.ts +2 -2
  67. package/components/dropdown/v3/index.d.ts +39 -39
  68. package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +1 -1
  69. package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +15 -0
  70. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
  71. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +42 -20
  72. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +2 -2
  73. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +7 -7
  74. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +10 -0
  75. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
  76. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +88 -47
  77. package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +110 -0
  78. package/components/dropdown/v4/ConditionalDropdown.vue.js +7 -0
  79. package/components/dropdown/v4/ConditionalDropdown.vue2.js +224 -0
  80. package/components/dropdown/v4/DropdownV4.vue.d.ts +32 -11
  81. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  82. package/components/dropdown/v4/DropdownV4.vue2.js +153 -138
  83. package/components/dropdown/v4/OptionV4.vue.d.ts +10 -0
  84. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  85. package/components/dropdown/v4/OptionV4.vue2.js +135 -98
  86. package/components/dropdown/v4/TreeDropdown.vue.d.ts +6 -1
  87. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  88. package/components/dropdown/v4/TreeDropdown.vue2.js +165 -120
  89. package/components/dropdown/v4/index.d.ts +443 -110
  90. package/components/dropdown/v4/index.js +6 -3
  91. package/components/emptyState/v3/EmptyState.vue.d.ts +3 -3
  92. package/components/emptyState/v3/index.d.ts +7 -7
  93. package/components/emptyState/v4/EmptyStateV4.vue.js +3 -3
  94. package/components/emptyState/v4/EmptyStateV4.vue2.js +1 -1
  95. package/components/filtersPanel/v4/FiltersPanelV4.vue.js +2 -2
  96. package/components/filtersPanel/v4/FiltersPanelV4.vue2.js +8 -9
  97. package/components/forms/FormCard.vue.js +3 -3
  98. package/components/forms/FormCard.vue2.js +1 -1
  99. package/components/icon/v4/consts.d.ts +1 -1
  100. package/components/icon/v4/consts.js +1 -1
  101. package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
  102. package/components/inlineCopy/InlineCopy.vue.js +2 -2
  103. package/components/inlineCopy/InlineCopy.vue2.js +24 -22
  104. package/components/inlineCopy/index.d.ts +9 -0
  105. package/components/input/v4/TextField.vue.js +3 -3
  106. package/components/input/v4/TextField.vue2.js +12 -12
  107. package/components/multibar/MultiBarMenu.vue2.js +3 -2
  108. package/components/popover/v4/PopoverV4.vue.d.ts +14 -2
  109. package/components/popover/v4/PopoverV4.vue.js +4 -3
  110. package/components/popover/v4/PopoverV4.vue2.js +40 -24
  111. package/components/popover/v4/index.d.ts +55 -11
  112. package/components/snackbar/v4/SnackbarV4.vue.d.ts +7 -116
  113. package/components/snackbar/v4/SnackbarV4.vue.js +5 -5
  114. package/components/snackbar/v4/SnackbarV4.vue2.js +62 -60
  115. package/components/sortableList/SortableItem.vue.js +3 -3
  116. package/components/sortableList/SortableItem.vue2.js +57 -56
  117. package/components/sortableList/SortableItemLabel.vue.js +3 -3
  118. package/components/sortableList/SortableItemLabel.vue2.js +20 -23
  119. package/components/sortableList/SortableList.vue.d.ts +1 -1
  120. package/components/sortableList/SortableList.vue.js +3 -3
  121. package/components/sortableList/SortableList.vue2.js +82 -76
  122. package/components/sortableList/index.d.ts +4 -4
  123. package/components/table/common/Table.common.d.ts +1 -1
  124. package/components/table/common/Table.common.js +83 -77
  125. package/components/table/common/Table.types.d.ts +1 -1
  126. package/components/table/common/consts.d.ts +4 -0
  127. package/components/table/common/consts.js +7 -0
  128. package/components/table/v3/Table.vue.d.ts +1 -1
  129. package/components/table/v3/index.d.ts +5 -5
  130. package/components/table/v4/DataGrid.vue.d.ts +12 -2
  131. package/components/table/v4/DataGrid.vue.js +2 -2
  132. package/components/table/v4/DataGrid.vue2.js +164 -155
  133. package/components/table/v4/DataGridMenu.vue.js +5 -5
  134. package/components/table/v4/DataGridMenu.vue2.js +4 -3
  135. package/components/table/v4/index.d.ts +64 -26
  136. package/components/table-cells/common/Editable.common.js +24 -19
  137. package/components/tooltip/v4/TooltipV4.vue.d.ts +10 -0
  138. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  139. package/components/tooltip/v4/TooltipV4.vue2.js +24 -21
  140. package/components/tooltip/v4/index.d.ts +39 -1
  141. package/components/typography/v4/Typography.vue.js +3 -3
  142. package/components/typography/v4/Typography.vue2.js +24 -18
  143. package/composables/useFormValidation.d.ts +1 -1
  144. package/design-foundation.stories/icons/iconsData.d.ts +1 -1
  145. package/index.d.ts +1426 -320
  146. package/index.js +1 -1
  147. package/mocks/options.d.ts +48 -6
  148. package/mocks/words.d.ts +1 -1
  149. package/package.json +3 -239
  150. package/style/v4/grid.css +1 -1
  151. package/style/v4/grid.css.map +1 -1
  152. package/style/v4/spacings.scss +1 -0
  153. package/testids/index.d.ts +1 -0
  154. package/testids/index.js +13 -13
  155. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +0 -1
  156. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css +0 -1
  157. package/Chart.vue_vue_type_style_index_0_scoped_ea1e5c3e_lang.css +0 -1
  158. package/ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css +0 -1
  159. package/ChartLegend.vue_vue_type_style_index_0_scoped_c0f71a49_lang.css +0 -1
  160. package/ChartTooltip.vue_vue_type_style_index_0_scoped_ec636f18_lang.css +0 -1
  161. package/CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css +0 -1
  162. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css +0 -1
  163. package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +0 -1
  164. package/DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css +0 -1
  165. package/DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css +0 -1
  166. package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css +0 -1
  167. package/DropdownV4.vue_vue_type_style_index_0_scoped_e899ec7a_lang.css +0 -1
  168. package/EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css +0 -1
  169. package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_39061862_lang.css +0 -1
  170. package/FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css +0 -1
  171. package/InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css +0 -1
  172. package/OptionV4.vue_vue_type_style_index_0_scoped_4070942a_lang.css +0 -1
  173. package/PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css +0 -1
  174. package/SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css +0 -1
  175. package/SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css +0 -1
  176. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css +0 -1
  177. package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css +0 -1
  178. package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +0 -1
  179. package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_9d9e51c0_lang.css +0 -1
  180. package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +0 -1
  181. package/TreeDropdown.vue_vue_type_style_index_0_scoped_6ac5f602_lang.css +0 -1
  182. package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css +0 -1
@@ -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;
@@ -8,7 +9,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
9
  skidding?: number;
9
10
  testId?: string;
10
11
  popperClass?: string;
12
+ container?: string;
11
13
  }>, {
14
+ isOpen: boolean;
12
15
  trigger: string;
13
16
  autoHide: boolean;
14
17
  disabled: boolean;
@@ -17,9 +20,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
17
20
  skidding: number;
18
21
  testId: string;
19
22
  popperClass: string;
20
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
23
+ container: string;
24
+ }>, {
25
+ toggle: (value?: boolean) => boolean;
26
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
21
27
  isOpen: (value: boolean) => void;
22
28
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
29
+ isOpen?: boolean;
23
30
  autoHide?: boolean;
24
31
  trigger?: "hover" | "click" | "focus" | "touch" | "managed";
25
32
  disabled?: boolean;
@@ -28,7 +35,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
28
35
  skidding?: number;
29
36
  testId?: string;
30
37
  popperClass?: string;
38
+ container?: string;
31
39
  }>, {
40
+ isOpen: boolean;
32
41
  trigger: string;
33
42
  autoHide: boolean;
34
43
  disabled: boolean;
@@ -37,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
37
46
  skidding: number;
38
47
  testId: string;
39
48
  popperClass: string;
49
+ container: string;
40
50
  }>>> & {
41
51
  onIsOpen?: (value: boolean) => any;
42
52
  }, {
@@ -44,8 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
54
  placement: Placement;
45
55
  disabled: boolean;
46
56
  distance: number;
47
- popperClass: string;
57
+ container: string;
48
58
  autoHide: boolean;
59
+ popperClass: string;
60
+ isOpen: boolean;
49
61
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
50
62
  skidding: number;
51
63
  }>, {
@@ -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_66694b4e_lang.css"; //*');
4
+ // import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css"; //');
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-66694b4e"]]);
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_66694b4e_lang.css"; import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as k, watch as s, openBlock as p, createBlock as y, unref as a, withCtx as u, createElementBlock as h, 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 },
@@ -11,47 +12,62 @@ const w = ["data-testid"], b = /* @__PURE__ */ m({
11
12
  distance: { default: 0 },
12
13
  skidding: { default: 0 },
13
14
  testId: { default: "" },
14
- popperClass: { default: "" }
15
+ popperClass: { default: "" },
16
+ container: { default: "body" }
15
17
  },
16
18
  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), {
19
+ setup(e, { expose: f, emit: m }) {
20
+ const i = e, { popup: c, open: t, toggle: d, triggerRef: v } = $();
21
+ s(t, () => {
22
+ m("isOpen", t.value);
23
+ }), s(
24
+ () => i.isOpen,
25
+ (o) => {
26
+ d(o);
27
+ }
28
+ );
29
+ const r = (o) => {
30
+ i.trigger === o && (t.value = !t.value);
31
+ };
32
+ return f({
33
+ toggle: d
34
+ }), (o, n) => (p(), y(a(w), {
22
35
  theme: "custom-popover",
23
36
  placement: e.placement,
24
- shown: !!o(t),
37
+ shown: !!a(t),
25
38
  triggers: e.trigger === "managed" ? [] : [e.trigger],
26
39
  "auto-hide": e.autoHide,
27
40
  distance: e.distance,
28
41
  skidding: e.skidding,
42
+ container: e.container,
29
43
  "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
30
44
  }, {
31
- popper: i(() => [
32
- o(t) ? (d(), g("div", {
45
+ popper: u(() => [
46
+ a(t) ? (p(), h("div", {
33
47
  key: 0,
34
48
  ref_key: "popup",
35
- ref: s,
49
+ ref: c,
36
50
  class: "menu-popup",
37
51
  "data-testid": e.testId
38
52
  }, [
39
- n(a.$slots, "content", {}, void 0, !0)
40
- ], 8, w)) : k("", !0)
53
+ g(o.$slots, "content", {}, void 0, !0)
54
+ ], 8, O)) : B("", !0)
41
55
  ]),
42
- default: i(() => [
43
- v("div", {
56
+ default: u(() => [
57
+ C("div", {
44
58
  ref_key: "triggerRef",
45
- ref: u,
46
- onClick: r[0] || (r[0] = (y) => o(l)(!o(t)))
59
+ ref: v,
60
+ onClick: n[0] || (n[0] = (l) => r("click")),
61
+ onMouseenter: n[1] || (n[1] = (l) => r("hover")),
62
+ onMouseleave: n[2] || (n[2] = (l) => r("hover"))
47
63
  }, [
48
- n(a.$slots, "trigger", {}, void 0, !0)
49
- ], 512)
64
+ g(o.$slots, "trigger", {}, void 0, !0)
65
+ ], 544)
50
66
  ]),
51
67
  _: 3
52
- }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "popper-class"]));
68
+ }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "container", "popper-class"]));
53
69
  }
54
70
  });
55
71
  export {
56
- b as default
72
+ H as default
57
73
  };
@@ -8,8 +8,10 @@ declare const PopoverTypes: () => ({
8
8
  placement: import("floating-vue").Placement;
9
9
  disabled: boolean;
10
10
  distance: number;
11
- popperClass: string;
11
+ container: string;
12
12
  autoHide: boolean;
13
+ popperClass: string;
14
+ isOpen: boolean;
13
15
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
14
16
  skidding: number;
15
17
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -29,7 +31,7 @@ declare const PopoverTypes: () => ({
29
31
  type: import("vue").PropType<number>;
30
32
  default: number;
31
33
  };
32
- popperClass: {
34
+ container: {
33
35
  type: import("vue").PropType<string>;
34
36
  default: string;
35
37
  };
@@ -37,6 +39,14 @@ declare const PopoverTypes: () => ({
37
39
  type: import("vue").PropType<boolean>;
38
40
  default: boolean;
39
41
  };
42
+ popperClass: {
43
+ type: import("vue").PropType<string>;
44
+ default: string;
45
+ };
46
+ isOpen: {
47
+ type: import("vue").PropType<boolean>;
48
+ default: boolean;
49
+ };
40
50
  trigger: {
41
51
  type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
42
52
  default: string;
@@ -47,7 +57,7 @@ declare const PopoverTypes: () => ({
47
57
  };
48
58
  }>> & {
49
59
  onIsOpen?: (value: boolean) => any;
50
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "trigger" | "skidding">;
60
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
51
61
  $attrs: {
52
62
  [x: string]: unknown;
53
63
  };
@@ -78,7 +88,7 @@ declare const PopoverTypes: () => ({
78
88
  type: import("vue").PropType<number>;
79
89
  default: number;
80
90
  };
81
- popperClass: {
91
+ container: {
82
92
  type: import("vue").PropType<string>;
83
93
  default: string;
84
94
  };
@@ -86,6 +96,14 @@ declare const PopoverTypes: () => ({
86
96
  type: import("vue").PropType<boolean>;
87
97
  default: boolean;
88
98
  };
99
+ popperClass: {
100
+ type: import("vue").PropType<string>;
101
+ default: string;
102
+ };
103
+ isOpen: {
104
+ type: import("vue").PropType<boolean>;
105
+ default: boolean;
106
+ };
89
107
  trigger: {
90
108
  type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
91
109
  default: string;
@@ -96,15 +114,19 @@ declare const PopoverTypes: () => ({
96
114
  };
97
115
  }>> & {
98
116
  onIsOpen?: (value: boolean) => any;
99
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
117
+ }, {
118
+ toggle: (value?: boolean) => boolean;
119
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
100
120
  isOpen: (value: boolean) => void;
101
121
  }, string, {
102
122
  testId: string;
103
123
  placement: import("floating-vue").Placement;
104
124
  disabled: boolean;
105
125
  distance: number;
106
- popperClass: string;
126
+ container: string;
107
127
  autoHide: boolean;
128
+ popperClass: string;
129
+ isOpen: boolean;
108
130
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
109
131
  skidding: number;
110
132
  }, {}, string> & {
@@ -144,7 +166,7 @@ declare const PopoverTypes: () => ({
144
166
  type: import("vue").PropType<number>;
145
167
  default: number;
146
168
  };
147
- popperClass: {
169
+ container: {
148
170
  type: import("vue").PropType<string>;
149
171
  default: string;
150
172
  };
@@ -152,6 +174,14 @@ declare const PopoverTypes: () => ({
152
174
  type: import("vue").PropType<boolean>;
153
175
  default: boolean;
154
176
  };
177
+ popperClass: {
178
+ type: import("vue").PropType<string>;
179
+ default: string;
180
+ };
181
+ isOpen: {
182
+ type: import("vue").PropType<boolean>;
183
+ default: boolean;
184
+ };
155
185
  trigger: {
156
186
  type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
157
187
  default: string;
@@ -162,7 +192,9 @@ declare const PopoverTypes: () => ({
162
192
  };
163
193
  }>> & {
164
194
  onIsOpen?: (value: boolean) => any;
165
- } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
195
+ } & import("vue").ShallowUnwrapRef<{
196
+ toggle: (value?: boolean) => boolean;
197
+ }> & {} & import("vue").ComponentCustomProperties & {};
166
198
  __isFragment?: never;
167
199
  __isTeleport?: never;
168
200
  __isSuspense?: never;
@@ -183,7 +215,7 @@ declare const PopoverTypes: () => ({
183
215
  type: import("vue").PropType<number>;
184
216
  default: number;
185
217
  };
186
- popperClass: {
218
+ container: {
187
219
  type: import("vue").PropType<string>;
188
220
  default: string;
189
221
  };
@@ -191,6 +223,14 @@ declare const PopoverTypes: () => ({
191
223
  type: import("vue").PropType<boolean>;
192
224
  default: boolean;
193
225
  };
226
+ popperClass: {
227
+ type: import("vue").PropType<string>;
228
+ default: string;
229
+ };
230
+ isOpen: {
231
+ type: import("vue").PropType<boolean>;
232
+ default: boolean;
233
+ };
194
234
  trigger: {
195
235
  type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
196
236
  default: string;
@@ -201,15 +241,19 @@ declare const PopoverTypes: () => ({
201
241
  };
202
242
  }>> & {
203
243
  onIsOpen?: (value: boolean) => any;
204
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
244
+ }, {
245
+ toggle: (value?: boolean) => boolean;
246
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
205
247
  isOpen: (value: boolean) => void;
206
248
  }, string, {
207
249
  testId: string;
208
250
  placement: import("floating-vue").Placement;
209
251
  disabled: boolean;
210
252
  distance: number;
211
- popperClass: string;
253
+ container: string;
212
254
  autoHide: boolean;
255
+ popperClass: string;
256
+ isOpen: boolean;
213
257
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
214
258
  skidding: number;
215
259
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -1,4 +1,9 @@
1
1
  import { VNode } from 'vue';
2
+ import { Button } from '@/components/button/v4';
3
+ type ButtonProps = InstanceType<typeof Button>['$props'] & {
4
+ onClick?: () => void;
5
+ closeOnClick?: boolean;
6
+ };
2
7
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
8
  customClass: string;
4
9
  dangerouslyUseHTMLString: boolean;
@@ -15,64 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
15
20
  showClose?: boolean;
16
21
  title?: string;
17
22
  zIndex?: number;
18
- actionButtons: (Partial<{
19
- testId: string;
20
- variant: "text" | "contained" | "outlined";
21
- disabled: boolean;
22
- color: "default" | "primary" | "danger" | "info" | "success" | "warning";
23
- size: "small" | "medium" | "large" | "extraLarge";
24
- content: string;
25
- loading: boolean;
26
- startIconName: string;
27
- endIconName: string;
28
- startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
29
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
30
- }> & Omit<Readonly<import("vue").ExtractPropTypes<{
31
- testId: {
32
- type: import("vue").PropType<string>;
33
- default: string;
34
- };
35
- variant: {
36
- type: import("vue").PropType<"text" | "contained" | "outlined">;
37
- default: string;
38
- };
39
- disabled: {
40
- type: import("vue").PropType<boolean>;
41
- default: boolean;
42
- };
43
- color: {
44
- type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
45
- default: string;
46
- };
47
- size: {
48
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
49
- default: string;
50
- };
51
- content: {
52
- type: import("vue").PropType<string>;
53
- default: string;
54
- };
55
- loading: {
56
- type: import("vue").PropType<boolean>;
57
- default: boolean;
58
- };
59
- startIconName: {
60
- type: import("vue").PropType<string>;
61
- default: any;
62
- };
63
- endIconName: {
64
- type: import("vue").PropType<string>;
65
- default: any;
66
- };
67
- startIconType: {
68
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
69
- default: string;
70
- };
71
- endIconType: {
72
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
73
- default: string;
74
- };
75
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "size" | "content" | "loading" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
23
+ actionButtons: ButtonProps[];
76
24
  testId: string;
77
25
  }>, {
78
26
  type: string;
@@ -100,64 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
100
48
  showClose?: boolean;
101
49
  title?: string;
102
50
  zIndex?: number;
103
- actionButtons: (Partial<{
104
- testId: string;
105
- variant: "text" | "contained" | "outlined";
106
- disabled: boolean;
107
- color: "default" | "primary" | "danger" | "info" | "success" | "warning";
108
- size: "small" | "medium" | "large" | "extraLarge";
109
- content: string;
110
- loading: boolean;
111
- startIconName: string;
112
- endIconName: string;
113
- startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
114
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
115
- }> & Omit<Readonly<import("vue").ExtractPropTypes<{
116
- testId: {
117
- type: import("vue").PropType<string>;
118
- default: string;
119
- };
120
- variant: {
121
- type: import("vue").PropType<"text" | "contained" | "outlined">;
122
- default: string;
123
- };
124
- disabled: {
125
- type: import("vue").PropType<boolean>;
126
- default: boolean;
127
- };
128
- color: {
129
- type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
130
- default: string;
131
- };
132
- size: {
133
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
134
- default: string;
135
- };
136
- content: {
137
- type: import("vue").PropType<string>;
138
- default: string;
139
- };
140
- loading: {
141
- type: import("vue").PropType<boolean>;
142
- default: boolean;
143
- };
144
- startIconName: {
145
- type: import("vue").PropType<string>;
146
- default: any;
147
- };
148
- endIconName: {
149
- type: import("vue").PropType<string>;
150
- default: any;
151
- };
152
- startIconType: {
153
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
154
- default: string;
155
- };
156
- endIconType: {
157
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
158
- default: string;
159
- };
160
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "size" | "content" | "loading" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
51
+ actionButtons: ButtonProps[];
161
52
  testId: string;
162
53
  }>, {
163
54
  type: string;
@@ -1,7 +1,7 @@
1
- import c from "./SnackbarV4.vue2.js";
2
- /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(c, [["__scopeId", "data-v-49c5ccea"]]);
1
+ import o from "./SnackbarV4.vue2.js";
2
+ /* empty css */import a from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; //*');
4
+ const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-89fe8aa1"]]);
5
5
  export {
6
- a as default
6
+ r as default
7
7
  };