@ironsource/shared-ui 2.1.11-test.9 → 2.1.11-test.91

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 (170) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css +1 -0
  2. package/Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css +1 -0
  3. package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css +1 -0
  4. package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css +1 -0
  5. package/ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css +1 -0
  6. package/CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css +1 -0
  7. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e43ac1c9_lang.css +1 -0
  8. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_2c6a03f9_lang.css +1 -0
  9. package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css +1 -0
  10. package/DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css +1 -0
  11. package/DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css +1 -0
  12. package/DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css +1 -0
  13. package/EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css +1 -0
  14. package/EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css +1 -0
  15. package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css +1 -0
  16. package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css +1 -0
  17. package/IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_lang.css +1 -0
  18. package/OptionV4.vue_vue_type_style_index_0_scoped_2c2947b3_lang.css +1 -0
  19. package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css +1 -0
  20. package/README.md +4 -15
  21. package/SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css +1 -0
  22. package/SortableItem.vue_vue_type_style_index_0_scoped_2ca7b24c_lang.css +1 -0
  23. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +1 -0
  24. package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +1 -0
  25. package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +1 -0
  26. package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
  27. package/TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css +1 -0
  28. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  29. package/TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css +1 -0
  30. package/Typography.vue_vue_type_style_index_0_scoped_5714d43e_lang.css +1 -0
  31. package/components/autocomplete/Autocomplete.vue2.js +1 -1
  32. package/components/chart/Chart.vue.d.ts +16 -3
  33. package/components/chart/Chart.vue.js +5 -5
  34. package/components/chart/Chart.vue2.js +127 -110
  35. package/components/chart/ChartHeader.vue.d.ts +13 -6
  36. package/components/chart/ChartHeader.vue.js +2 -2
  37. package/components/chart/ChartHeader.vue2.js +32 -29
  38. package/components/chart/ChartLegend.vue.d.ts +5 -0
  39. package/components/chart/ChartLegend.vue.js +3 -3
  40. package/components/chart/ChartLegend.vue2.js +99 -49
  41. package/components/chart/ChartTooltip.vue.d.ts +4 -5
  42. package/components/chart/ChartTooltip.vue.js +2 -2
  43. package/components/chart/ChartTooltip.vue2.js +64 -43
  44. package/components/chart/SettingsHeader.vue2.js +1 -1
  45. package/components/chart/index.d.ts +55 -16
  46. package/components/chart/mockData.d.ts +15 -2
  47. package/components/chart/types.d.ts +15 -1
  48. package/components/chart/utils/utils.js +5 -5
  49. package/components/checkbox/v4/CheckboxV4.vue.js +3 -3
  50. package/components/checkbox/v4/CheckboxV4.vue2.js +2 -2
  51. package/components/datePicker/v4/DatePickerV4.vue2.js +1 -1
  52. package/components/dateRange/v4/DateRangeV4.vue2.js +1 -1
  53. package/components/dialog/v4/DialogV4.vue.d.ts +15 -0
  54. package/components/dialog/v4/DialogV4.vue.js +3 -3
  55. package/components/dialog/v4/DialogV4.vue2.js +80 -73
  56. package/components/dialog/v4/index.d.ts +58 -1
  57. package/components/dropdown/common/Dropdown.common.js +180 -169
  58. package/components/dropdown/v3/index.d.ts +12 -12
  59. package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +15 -0
  60. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
  61. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +42 -20
  62. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +10 -0
  63. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
  64. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +59 -40
  65. package/components/dropdown/v4/{ConditionalDroprown.vue.d.ts → ConditionalDropdown.vue.d.ts} +58 -0
  66. package/components/dropdown/v4/ConditionalDropdown.vue.js +7 -0
  67. package/components/dropdown/v4/ConditionalDropdown.vue2.js +234 -0
  68. package/components/dropdown/v4/DropdownV4.vue.d.ts +18 -5
  69. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  70. package/components/dropdown/v4/DropdownV4.vue2.js +52 -50
  71. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  72. package/components/dropdown/v4/OptionV4.vue2.js +2 -2
  73. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  74. package/components/dropdown/v4/TreeDropdown.vue2.js +87 -87
  75. package/components/dropdown/v4/index.d.ts +203 -35
  76. package/components/dropdown/v4/index.js +3 -3
  77. package/components/emptyState/v4/EmptyStateV4.vue.js +3 -3
  78. package/components/emptyState/v4/EmptyStateV4.vue2.js +1 -1
  79. package/components/filtersPanel/v4/FiltersPanelV4.vue.js +2 -2
  80. package/components/filtersPanel/v4/FiltersPanelV4.vue2.js +8 -9
  81. package/components/forms/FormCard.vue.js +3 -3
  82. package/components/forms/FormCard.vue2.js +1 -1
  83. package/components/icon/v4/IconFlag.vue.js +3 -3
  84. package/components/icon/v4/IconFlag.vue2.js +1 -1
  85. package/components/icon/v4/consts.d.ts +1 -1
  86. package/components/icon/v4/consts.js +1 -1
  87. package/components/input/v4/TextField.vue.js +3 -3
  88. package/components/input/v4/TextField.vue2.js +185 -165
  89. package/components/multibar/MultiBarMenu.vue2.js +1 -1
  90. package/components/popover/v4/PopoverV4.vue.d.ts +11 -1
  91. package/components/popover/v4/PopoverV4.vue.js +2 -2
  92. package/components/popover/v4/PopoverV4.vue2.js +40 -26
  93. package/components/popover/v4/index.d.ts +46 -8
  94. package/components/snackbar/v4/SnackbarV4.vue.d.ts +7 -116
  95. package/components/snackbar/v4/SnackbarV4.vue.js +5 -5
  96. package/components/snackbar/v4/SnackbarV4.vue2.js +62 -60
  97. package/components/sortableList/SortableItem.vue.d.ts +5 -0
  98. package/components/sortableList/SortableItem.vue.js +2 -2
  99. package/components/sortableList/SortableItem.vue2.js +86 -70
  100. package/components/sortableList/SortableItemLabel.vue.js +3 -3
  101. package/components/sortableList/SortableItemLabel.vue2.js +20 -23
  102. package/components/sortableList/SortableList.vue.d.ts +17 -1
  103. package/components/sortableList/SortableList.vue.js +4 -4
  104. package/components/sortableList/SortableList.vue2.js +113 -94
  105. package/components/sortableList/index.d.ts +63 -5
  106. package/components/table/common/Table.common.d.ts +1 -1
  107. package/components/table/common/Table.common.js +82 -74
  108. package/components/table/common/Table.types.d.ts +1 -1
  109. package/components/table/common/consts.d.ts +4 -0
  110. package/components/table/common/consts.js +7 -0
  111. package/components/table/v3/Table.vue.d.ts +1 -1
  112. package/components/table/v3/index.d.ts +5 -5
  113. package/components/table/v4/DataGrid.vue.d.ts +12 -2
  114. package/components/table/v4/DataGrid.vue.js +2 -2
  115. package/components/table/v4/DataGrid.vue2.js +164 -155
  116. package/components/table/v4/DataGridMenu.vue.js +5 -5
  117. package/components/table/v4/DataGridMenu.vue2.js +2 -2
  118. package/components/table/v4/MultipleDataGrid.vue.d.ts +1 -1
  119. package/components/table/v4/index.d.ts +84 -46
  120. package/components/table-cells/common/Editable.common.js +29 -23
  121. package/components/table-cells/common/EditableContext.d.ts +1 -0
  122. package/components/table-cells/v4/EditableV4.vue.d.ts +5 -0
  123. package/components/table-cells/v4/EditableV4.vue.js +3 -3
  124. package/components/table-cells/v4/EditableV4.vue2.js +11 -10
  125. package/components/table-cells/v4/index.d.ts +20 -1
  126. package/components/tooltip/v4/TooltipV4.vue.d.ts +10 -0
  127. package/components/tooltip/v4/TooltipV4.vue.js +3 -3
  128. package/components/tooltip/v4/TooltipV4.vue2.js +24 -21
  129. package/components/tooltip/v4/index.d.ts +39 -1
  130. package/components/typography/v4/Typography.vue.js +3 -3
  131. package/components/typography/v4/Typography.vue2.js +24 -18
  132. package/design-foundation.stories/icons/iconsData.d.ts +1 -1
  133. package/index.d.ts +1093 -204
  134. package/index.js +1 -1
  135. package/mocks/words.d.ts +1 -1
  136. package/package.json +3 -3
  137. package/style/v4/grid.css +1 -1
  138. package/style/v4/grid.css.map +1 -1
  139. package/style/v4/spacings.scss +1 -0
  140. package/testids/index.d.ts +2 -0
  141. package/testids/index.js +13 -13
  142. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +0 -1
  143. package/Chart.vue_vue_type_style_index_0_scoped_ea1e5c3e_lang.css +0 -1
  144. package/ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css +0 -1
  145. package/ChartLegend.vue_vue_type_style_index_0_scoped_c0f71a49_lang.css +0 -1
  146. package/ChartTooltip.vue_vue_type_style_index_0_scoped_ec636f18_lang.css +0 -1
  147. package/CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css +0 -1
  148. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_ba28c717_lang.css +0 -1
  149. package/ConditionalDroprown.vue_vue_type_style_index_0_scoped_546e19a9_lang.css +0 -1
  150. package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +0 -1
  151. package/DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css +0 -1
  152. package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css +0 -1
  153. package/DropdownV4.vue_vue_type_style_index_0_scoped_f88a132e_lang.css +0 -1
  154. package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css +0 -1
  155. package/EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css +0 -1
  156. package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_39061862_lang.css +0 -1
  157. package/FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css +0 -1
  158. package/IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_lang.css +0 -1
  159. package/OptionV4.vue_vue_type_style_index_0_scoped_df830bf5_lang.css +0 -1
  160. package/PopoverV4.vue_vue_type_style_index_0_scoped_43b5cba4_lang.css +0 -1
  161. package/SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css +0 -1
  162. package/SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css +0 -1
  163. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css +0 -1
  164. package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css +0 -1
  165. package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +0 -1
  166. package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +0 -1
  167. package/TreeDropdown.vue_vue_type_style_index_0_scoped_bdfb0aef_lang.css +0 -1
  168. package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css +0 -1
  169. package/components/dropdown/v4/ConditionalDroprown.vue.js +0 -7
  170. package/components/dropdown/v4/ConditionalDroprown.vue2.js +0 -157
@@ -1,11 +1,11 @@
1
- import { format as f } from "date-fns";
2
- import { formatNumber as m } from "./formatNumber.js";
1
+ import { format as n } from "date-fns";
2
+ import { formatNumber as d } from "./formatNumber.js";
3
3
  const p = (r, t, e) => {
4
4
  if (e === 0)
5
5
  return 0;
6
- const n = t - r, o = n / e * 0.4;
7
- return (n + o) / e;
8
- }, M = (r, t) => t === "number" ? m(r) : t === "date" ? f(new Date(r), "MMM dd") : t === "dateLong" ? f(new Date(r), "dd MMM yyyy") : String(r);
6
+ const f = t - r, o = f / e * 0.4;
7
+ return (f + o) / e;
8
+ }, M = (r, t) => t === "day" ? n(new Date(r), "EEEE") : t === "number" ? d(r) : t === "date" ? n(new Date(r), "MMM dd") : t === "dateLong" ? n(new Date(r), "MMM dd, yyyy") : String(r);
9
9
  export {
10
10
  p as calcStepSize,
11
11
  M as formatValue
@@ -1,7 +1,7 @@
1
1
  import o from "./CheckboxV4.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8e5b619a"]]);
3
+ // import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-af4ae3c3"]]);
5
5
  export {
6
- c as default
6
+ t as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
1
+ import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
2
2
  import v from "../../typography/v4/Typography.vue.js";
3
3
  import L from "./icons/UncheckedState.vue.js";
4
4
  import N from "./icons/CheckedState.vue.js";
@@ -9,7 +9,7 @@ import K from "./icons/IndeterminateDisabledState.vue.js";
9
9
  import { CheckboxTestIdModifiers as i } from "../../../testids/index.js";
10
10
  import { checkboxCommon as R } from "../common/Checkbox.common.js";
11
11
  import { useTestIdAttrs as U } from "../../../utils/testIds.js";
12
- const M = (t) => (A("data-v-8e5b619a"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
12
+ const M = (t) => (A("data-v-af4ae3c3"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
13
13
  __name: "CheckboxV4",
14
14
  props: {
15
15
  isChecked: { type: Boolean },
@@ -11,7 +11,7 @@ import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
11
11
  import w from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
12
12
  import "../../dropdown/v4/TreeDropdown.vue.js";
13
13
  import "../../dropdown/v4/OptionV4.vue.js";
14
- import "../../dropdown/v4/ConditionalDroprown.vue.js";
14
+ import "../../dropdown/v4/ConditionalDropdown.vue.js";
15
15
  const $ = ["id", "data-testid"], S = /* @__PURE__ */ g({
16
16
  __name: "DatePickerV4",
17
17
  props: {
@@ -14,7 +14,7 @@ import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
14
14
  import ee from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
15
15
  import "../../dropdown/v4/TreeDropdown.vue.js";
16
16
  import "../../dropdown/v4/OptionV4.vue.js";
17
- import "../../dropdown/v4/ConditionalDroprown.vue.js";
17
+ import "../../dropdown/v4/ConditionalDropdown.vue.js";
18
18
  import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
19
19
  import { dateRangeCommon as ae } from "../common/DateRange.common.js";
20
20
  import p from "../../typography/v4/Typography.vue.js";
@@ -13,6 +13,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
13
13
  closeOnClickOutside?: boolean;
14
14
  beforeClose?: (show: () => void) => void;
15
15
  showCloseButton?: boolean;
16
+ showCancelButton?: boolean;
17
+ showSaveButton?: boolean;
16
18
  showFooter?: boolean;
17
19
  saveButtonLabel?: string;
18
20
  saveButtonLoading?: boolean;
@@ -20,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
20
22
  cancelButtonLabel?: string;
21
23
  cancelButtonColor?: string;
22
24
  testId?: string;
25
+ noPadding?: boolean;
23
26
  }>, {
24
27
  content: any;
25
28
  title: string;
@@ -31,6 +34,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
31
34
  closeDelay: number;
32
35
  closeOnClickOutside: boolean;
33
36
  showCloseButton: boolean;
37
+ showCancelButton: boolean;
38
+ showSaveButton: boolean;
34
39
  escapeToClose: boolean;
35
40
  beforeClose: any;
36
41
  showFooter: boolean;
@@ -40,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
40
45
  cancelButtonLabel: string;
41
46
  cancelButtonColor: string;
42
47
  testId: string;
48
+ noPadding: boolean;
43
49
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
44
50
  "update:modelValue": (value: boolean) => void;
45
51
  open: () => void;
@@ -60,6 +66,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
60
66
  closeOnClickOutside?: boolean;
61
67
  beforeClose?: (show: () => void) => void;
62
68
  showCloseButton?: boolean;
69
+ showCancelButton?: boolean;
70
+ showSaveButton?: boolean;
63
71
  showFooter?: boolean;
64
72
  saveButtonLabel?: string;
65
73
  saveButtonLoading?: boolean;
@@ -67,6 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
67
75
  cancelButtonLabel?: string;
68
76
  cancelButtonColor?: string;
69
77
  testId?: string;
78
+ noPadding?: boolean;
70
79
  }>, {
71
80
  content: any;
72
81
  title: string;
@@ -78,6 +87,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
78
87
  closeDelay: number;
79
88
  closeOnClickOutside: boolean;
80
89
  showCloseButton: boolean;
90
+ showCancelButton: boolean;
91
+ showSaveButton: boolean;
81
92
  escapeToClose: boolean;
82
93
  beforeClose: any;
83
94
  showFooter: boolean;
@@ -87,6 +98,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
87
98
  cancelButtonLabel: string;
88
99
  cancelButtonColor: string;
89
100
  testId: string;
101
+ noPadding: boolean;
90
102
  }>>> & {
91
103
  "onUpdate:modelValue"?: (value: boolean) => any;
92
104
  onClose?: (reason: Reason) => any;
@@ -107,12 +119,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
107
119
  closeOnClickOutside: boolean;
108
120
  beforeClose: (show: () => void) => void;
109
121
  showCloseButton: boolean;
122
+ showCancelButton: boolean;
123
+ showSaveButton: boolean;
110
124
  showFooter: boolean;
111
125
  saveButtonLabel: string;
112
126
  saveButtonLoading: boolean;
113
127
  saveButtonColor: string;
114
128
  cancelButtonLabel: string;
115
129
  cancelButtonColor: string;
130
+ noPadding: boolean;
116
131
  }>, {
117
132
  header?(_: {}): any;
118
133
  default?(_: {}): any;
@@ -1,7 +1,7 @@
1
1
  import o from "./DialogV4.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; //*');
4
- const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-09c488cf"]]);
3
+ // import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; //*');
4
+ const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-37da643b"]]);
5
5
  export {
6
- t as default
6
+ a as default
7
7
  };
@@ -1,22 +1,22 @@
1
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; import { defineComponent as A, openBlock as o, createBlock as c, Teleport as p, createVNode as b, Transition as w, withCtx as u, unref as e, createElementBlock as m, createElementVNode as C, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as d } from "vue";
1
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; import { defineComponent as L, openBlock as o, createBlock as u, Teleport as E, createVNode as A, Transition as P, withCtx as i, unref as t, createElementBlock as m, createElementVNode as y, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
2
2
  import { NOOP as I } from "@vue/shared";
3
- import T from "../../typography/v4/Typography.vue.js";
4
- import N from "../../button/v4/ButtonV4.vue.js";
5
- import V from "../../button/v4/IconButtonV4.vue.js";
3
+ import b from "../../typography/v4/Typography.vue.js";
4
+ import O from "../../button/v4/ButtonV4.vue.js";
5
+ import S from "../../button/v4/IconButtonV4.vue.js";
6
6
  import "../../button/v4/ButtonGroup.vue.js";
7
7
  import "../../button/v4/ToggleButtonGroupAB.vue.js";
8
8
  import { Reason as g } from "../common/Reason.js";
9
- import { dialogCommon as D } from "../common/Dialog.common.js";
10
- import { DialogTestIdModifiers as l } from "../../../testids/index.js";
11
- import { useTestIdAttrs as P } from "../../../utils/testIds.js";
12
- import { useMagicKeys as R, whenever as $ } from "@vueuse/core";
13
- const S = {
9
+ import { dialogCommon as V } from "../common/Dialog.common.js";
10
+ import { DialogTestIdModifiers as a } from "../../../testids/index.js";
11
+ import { useTestIdAttrs as p } from "../../../utils/testIds.js";
12
+ import { useMagicKeys as D, whenever as R } from "@vueuse/core";
13
+ const $ = {
14
14
  key: 0,
15
15
  class: "container light-theme-v4"
16
16
  }, F = { class: "title" }, U = {
17
17
  key: 1,
18
18
  class: "footer"
19
- }, Y = /* @__PURE__ */ A({
19
+ }, Y = /* @__PURE__ */ L({
20
20
  __name: "DialogV4",
21
21
  props: {
22
22
  modelValue: { type: Boolean },
@@ -32,120 +32,127 @@ const S = {
32
32
  closeOnClickOutside: { type: Boolean, default: !1 },
33
33
  beforeClose: { type: Function, default: null },
34
34
  showCloseButton: { type: Boolean, default: !0 },
35
+ showCancelButton: { type: Boolean, default: !0 },
36
+ showSaveButton: { type: Boolean, default: !0 },
35
37
  showFooter: { type: Boolean, default: !0 },
36
38
  saveButtonLabel: { default: "Save" },
37
39
  saveButtonLoading: { type: Boolean, default: !1 },
38
40
  saveButtonColor: { default: "primary" },
39
41
  cancelButtonLabel: { default: "Cancel" },
40
42
  cancelButtonColor: { default: "default" },
41
- testId: { default: "" }
43
+ testId: { default: "" },
44
+ noPadding: { type: Boolean, default: !1 }
42
45
  },
43
46
  emits: ["update:modelValue", "open", "close", "save", "cancel"],
44
- setup(t, { emit: v }) {
45
- const i = t, { escape: L } = R(), a = P(i.testId, l), { visible: h, handleClose: y } = D(i, v);
46
- $(L, () => {
47
- h.value && i.escapeToClose && !i.saveButtonLoading && y(g.Escape);
47
+ setup(e, { emit: C }) {
48
+ const r = e, { escape: w } = D(), n = p(r.testId, a), { visible: h, handleClose: v } = V(r, C);
49
+ R(w, () => {
50
+ h.value && r.escapeToClose && !r.saveButtonLoading && v(g.Escape);
48
51
  });
49
- const E = () => {
50
- const { closeOnClickOutside: r, saveButtonLoading: n } = i;
51
- r && !n ? y(g.Backdrop) : I();
52
+ const N = () => {
53
+ const { closeOnClickOutside: c, saveButtonLoading: d } = r;
54
+ c && !d ? v(g.Backdrop) : I();
52
55
  };
53
- return (r, n) => (o(), c(p, {
56
+ return (c, d) => (o(), u(E, {
54
57
  to: "body",
55
- disabled: !t.appendToBody
58
+ disabled: !e.appendToBody
56
59
  }, [
57
- b(w, null, {
58
- default: u(() => [
59
- e(h) ? (o(), m("div", S, [
60
- C("div", s({
61
- class: ["dialog", [`dialog--${t.size}`]]
62
- }, e(a)[e(l).WRAPPER]), [
63
- t.title || t.subtitle || t.showCloseButton ? (o(), m("header", s({
60
+ A(P, null, {
61
+ default: i(() => [
62
+ t(h) ? (o(), m("div", $, [
63
+ y("div", s({
64
+ class: ["dialog", [`dialog--${e.size}`]]
65
+ }, t(n)[t(a).WRAPPER]), [
66
+ e.title || e.subtitle || e.showCloseButton ? (o(), m("header", s({
64
67
  key: 0,
65
68
  class: "header"
66
- }, e(a)[e(l).HEADER]), [
67
- C("div", F, [
68
- k(r.$slots, "header", {}, () => [
69
- t.title ? (o(), c(e(T), {
69
+ }, t(n)[t(a).HEADER]), [
70
+ y("div", F, [
71
+ k(c.$slots, "header", {}, () => [
72
+ e.title ? (o(), u(t(b), {
70
73
  key: 0,
71
74
  variant: "h3"
72
75
  }, {
73
- default: u(() => [
74
- f(B(t.title), 1)
76
+ default: i(() => [
77
+ f(B(e.title), 1)
75
78
  ]),
76
79
  _: 1
77
- })) : d("", !0),
78
- t.subtitle ? (o(), c(e(T), {
80
+ })) : l("", !0),
81
+ e.subtitle ? (o(), u(t(b), {
79
82
  key: 1,
80
83
  class: "subtitle",
81
84
  variant: "body1"
82
85
  }, {
83
- default: u(() => [
84
- f(B(t.subtitle), 1)
86
+ default: i(() => [
87
+ f(B(e.subtitle), 1)
85
88
  ]),
86
89
  _: 1
87
- })) : d("", !0)
90
+ })) : l("", !0)
88
91
  ], !0)
89
92
  ]),
90
- t.showCloseButton ? (o(), c(e(V), s({
93
+ e.showCloseButton ? (o(), u(t(S), s({
91
94
  key: 0,
92
95
  class: "close-button",
93
96
  "icon-name": "x",
94
- disabled: t.saveButtonLoading
95
- }, e(a)[e(l).ACTION_CLOSE], {
96
- onClick: n[0] || (n[0] = (O) => e(y)(e(g).CloseButton))
97
- }), null, 16, ["disabled"])) : d("", !0)
98
- ], 16)) : d("", !0),
99
- C("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
100
- k(r.$slots, "default", {}, () => [
101
- t.content ? (o(), c(e(T), {
97
+ disabled: e.saveButtonLoading
98
+ }, t(n)[t(a).ACTION_CLOSE], {
99
+ onClick: d[0] || (d[0] = (T) => t(v)(t(g).CloseButton))
100
+ }), null, 16, ["disabled"])) : l("", !0)
101
+ ], 16)) : l("", !0),
102
+ y("div", s({
103
+ class: ["content", { "content--no-padding": e.noPadding }]
104
+ }, t(n)[t(a).CONTENT]), [
105
+ k(c.$slots, "default", {}, () => [
106
+ e.content ? (o(), u(t(b), {
102
107
  key: 0,
103
108
  variant: "body1"
104
109
  }, {
105
- default: u(() => [
106
- f(B(t.content), 1)
110
+ default: i(() => [
111
+ f(B(e.content), 1)
107
112
  ]),
108
113
  _: 1
109
- })) : d("", !0)
114
+ })) : l("", !0)
110
115
  ], !0)
111
116
  ], 16),
112
- t.showFooter ? (o(), m("footer", U, [
113
- C("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
114
- k(r.$slots, "footer", {}, () => [
115
- b(e(N), s({
117
+ e.showFooter ? (o(), m("footer", U, [
118
+ y("div", s({ class: "action-buttons" }, t(n)[t(a).ACTION_BUTTONS_WRAPPER]), [
119
+ k(c.$slots, "footer", {}, () => [
120
+ e.showCancelButton ? (o(), u(t(O), s({
121
+ key: 0,
116
122
  class: "form-action",
117
123
  variant: "outlined",
118
- color: t.cancelButtonColor,
119
- disabled: t.saveButtonLoading
120
- }, e(a)[e(l).CANCEL_BUTTON], {
121
- onClick: n[1] || (n[1] = (O) => v("cancel"))
124
+ color: e.cancelButtonColor,
125
+ disabled: e.saveButtonLoading
126
+ }, t(n)[t(a).CANCEL_BUTTON], {
127
+ onClick: d[1] || (d[1] = (T) => C("cancel"))
122
128
  }), {
123
- default: u(() => [
124
- f(B(t.cancelButtonLabel), 1)
129
+ default: i(() => [
130
+ f(B(e.cancelButtonLabel), 1)
125
131
  ]),
126
132
  _: 1
127
- }, 16, ["color", "disabled"]),
128
- b(e(N), s({
133
+ }, 16, ["color", "disabled"])) : l("", !0),
134
+ e.showSaveButton ? (o(), u(t(O), s({
135
+ key: 1,
129
136
  class: "form-action",
130
- loading: t.saveButtonLoading,
131
- color: t.saveButtonColor
132
- }, e(a)[e(l).SAVE_BUTTON], {
133
- onClick: n[2] || (n[2] = (O) => v("save"))
137
+ loading: e.saveButtonLoading,
138
+ color: e.saveButtonColor
139
+ }, t(n)[t(a).SAVE_BUTTON], {
140
+ onClick: d[2] || (d[2] = (T) => C("save"))
134
141
  }), {
135
- default: u(() => [
136
- f(B(t.saveButtonLabel), 1)
142
+ default: i(() => [
143
+ f(B(e.saveButtonLabel), 1)
137
144
  ]),
138
145
  _: 1
139
- }, 16, ["loading", "color"])
146
+ }, 16, ["loading", "color"])) : l("", !0)
140
147
  ], !0)
141
148
  ], 16)
142
- ])) : d("", !0)
149
+ ])) : l("", !0)
143
150
  ], 16),
144
- t.showBackdrop ? (o(), m("div", s({
151
+ e.showBackdrop ? (o(), m("div", s({
145
152
  key: 0,
146
153
  class: "dialog-backdrop"
147
- }, e(a)[e(l).BACKDROP], { onClick: E }), null, 16)) : d("", !0)
148
- ])) : d("", !0)
154
+ }, t(n)[t(a).BACKDROP], { onClick: N }), null, 16)) : l("", !0)
155
+ ])) : l("", !0)
149
156
  ]),
150
157
  _: 3
151
158
  })
@@ -17,12 +17,15 @@ declare const DialogTypes: () => ({
17
17
  closeOnClickOutside: boolean;
18
18
  beforeClose: (show: () => void) => void;
19
19
  showCloseButton: boolean;
20
+ showCancelButton: boolean;
21
+ showSaveButton: boolean;
20
22
  showFooter: boolean;
21
23
  saveButtonLabel: string;
22
24
  saveButtonLoading: boolean;
23
25
  saveButtonColor: string;
24
26
  cancelButtonLabel: string;
25
27
  cancelButtonColor: string;
28
+ noPadding: boolean;
26
29
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
27
30
  title: {
28
31
  type: import("vue").PropType<string>;
@@ -80,6 +83,14 @@ declare const DialogTypes: () => ({
80
83
  type: import("vue").PropType<boolean>;
81
84
  default: boolean;
82
85
  };
86
+ showCancelButton: {
87
+ type: import("vue").PropType<boolean>;
88
+ default: boolean;
89
+ };
90
+ showSaveButton: {
91
+ type: import("vue").PropType<boolean>;
92
+ default: boolean;
93
+ };
83
94
  showFooter: {
84
95
  type: import("vue").PropType<boolean>;
85
96
  default: boolean;
@@ -104,13 +115,17 @@ declare const DialogTypes: () => ({
104
115
  type: import("vue").PropType<string>;
105
116
  default: string;
106
117
  };
118
+ noPadding: {
119
+ type: import("vue").PropType<boolean>;
120
+ default: boolean;
121
+ };
107
122
  }>> & {
108
123
  "onUpdate:modelValue"?: (value: boolean) => any;
109
124
  onClose?: (reason: import("../v3").Reason) => any;
110
125
  onCancel?: () => any;
111
126
  onOpen?: () => any;
112
127
  onSave?: () => any;
113
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
128
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
114
129
  $attrs: {
115
130
  [x: string]: unknown;
116
131
  };
@@ -181,6 +196,14 @@ declare const DialogTypes: () => ({
181
196
  type: import("vue").PropType<boolean>;
182
197
  default: boolean;
183
198
  };
199
+ showCancelButton: {
200
+ type: import("vue").PropType<boolean>;
201
+ default: boolean;
202
+ };
203
+ showSaveButton: {
204
+ type: import("vue").PropType<boolean>;
205
+ default: boolean;
206
+ };
184
207
  showFooter: {
185
208
  type: import("vue").PropType<boolean>;
186
209
  default: boolean;
@@ -205,6 +228,10 @@ declare const DialogTypes: () => ({
205
228
  type: import("vue").PropType<string>;
206
229
  default: string;
207
230
  };
231
+ noPadding: {
232
+ type: import("vue").PropType<boolean>;
233
+ default: boolean;
234
+ };
208
235
  }>> & {
209
236
  "onUpdate:modelValue"?: (value: boolean) => any;
210
237
  onClose?: (reason: import("../v3").Reason) => any;
@@ -231,12 +258,15 @@ declare const DialogTypes: () => ({
231
258
  closeOnClickOutside: boolean;
232
259
  beforeClose: (show: () => void) => void;
233
260
  showCloseButton: boolean;
261
+ showCancelButton: boolean;
262
+ showSaveButton: boolean;
234
263
  showFooter: boolean;
235
264
  saveButtonLabel: string;
236
265
  saveButtonLoading: boolean;
237
266
  saveButtonColor: string;
238
267
  cancelButtonLabel: string;
239
268
  cancelButtonColor: string;
269
+ noPadding: boolean;
240
270
  }, {}, string> & {
241
271
  beforeCreate?: (() => void) | (() => void)[];
242
272
  created?: (() => void) | (() => void)[];
@@ -314,6 +344,14 @@ declare const DialogTypes: () => ({
314
344
  type: import("vue").PropType<boolean>;
315
345
  default: boolean;
316
346
  };
347
+ showCancelButton: {
348
+ type: import("vue").PropType<boolean>;
349
+ default: boolean;
350
+ };
351
+ showSaveButton: {
352
+ type: import("vue").PropType<boolean>;
353
+ default: boolean;
354
+ };
317
355
  showFooter: {
318
356
  type: import("vue").PropType<boolean>;
319
357
  default: boolean;
@@ -338,6 +376,10 @@ declare const DialogTypes: () => ({
338
376
  type: import("vue").PropType<string>;
339
377
  default: string;
340
378
  };
379
+ noPadding: {
380
+ type: import("vue").PropType<boolean>;
381
+ default: boolean;
382
+ };
341
383
  }>> & {
342
384
  "onUpdate:modelValue"?: (value: boolean) => any;
343
385
  onClose?: (reason: import("../v3").Reason) => any;
@@ -405,6 +447,14 @@ declare const DialogTypes: () => ({
405
447
  type: import("vue").PropType<boolean>;
406
448
  default: boolean;
407
449
  };
450
+ showCancelButton: {
451
+ type: import("vue").PropType<boolean>;
452
+ default: boolean;
453
+ };
454
+ showSaveButton: {
455
+ type: import("vue").PropType<boolean>;
456
+ default: boolean;
457
+ };
408
458
  showFooter: {
409
459
  type: import("vue").PropType<boolean>;
410
460
  default: boolean;
@@ -429,6 +479,10 @@ declare const DialogTypes: () => ({
429
479
  type: import("vue").PropType<string>;
430
480
  default: string;
431
481
  };
482
+ noPadding: {
483
+ type: import("vue").PropType<boolean>;
484
+ default: boolean;
485
+ };
432
486
  }>> & {
433
487
  "onUpdate:modelValue"?: (value: boolean) => any;
434
488
  onClose?: (reason: import("../v3").Reason) => any;
@@ -455,12 +509,15 @@ declare const DialogTypes: () => ({
455
509
  closeOnClickOutside: boolean;
456
510
  beforeClose: (show: () => void) => void;
457
511
  showCloseButton: boolean;
512
+ showCancelButton: boolean;
513
+ showSaveButton: boolean;
458
514
  showFooter: boolean;
459
515
  saveButtonLabel: string;
460
516
  saveButtonLoading: boolean;
461
517
  saveButtonColor: string;
462
518
  cancelButtonLabel: string;
463
519
  cancelButtonColor: string;
520
+ noPadding: boolean;
464
521
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
465
522
  $slots: {
466
523
  header?(_: {}): any;