@ironsource/shared-ui 2.0.0-test.1 → 2.0.0-test.2

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 (150) hide show
  1. package/ButtonV4.vue_vue_type_style_index_0_scoped_6db34241_lang.css +1 -0
  2. package/Checkbox.vue_vue_type_style_index_0_scoped_345b8f69_lang.css +1 -0
  3. package/components/appIcon/AppIcon.vue.js +3 -2
  4. package/components/appIcon/AppIcon.vue2.js +1 -1
  5. package/components/appTrigger/AppTrigger.vue.js +5 -4
  6. package/components/appTrigger/AppTrigger.vue2.js +9 -5
  7. package/components/autocompleteDropdown/AutocompleteDropdown.vue.js +4 -3
  8. package/components/autocompleteDropdown/AutocompleteDropdown.vue2.js +39 -38
  9. package/components/autocompleteDropdown/AutocompleteInput.vue.js +1 -0
  10. package/components/autocompleteDropdown/AutocompleteInput.vue2.js +1 -1
  11. package/components/autocompleteDropdown/GroupOption.vue.js +4 -3
  12. package/components/autocompleteDropdown/GroupOption.vue2.js +3 -2
  13. package/components/banner/Banner.vue.js +4 -3
  14. package/components/banner/Banner.vue2.js +1 -1
  15. package/components/button/common/ButtonBase.vue.js +7 -0
  16. package/components/button/common/ButtonBase.vue2.js +52 -4
  17. package/components/button/v3/Button.vue.js +1 -0
  18. package/components/button/v3/Button.vue2.js +3 -2
  19. package/components/button/v3/IconButton.vue.js +3 -2
  20. package/components/button/v3/IconButton.vue2.js +2 -2
  21. package/components/button/v3/ScrollButton.vue.js +3 -2
  22. package/components/button/v3/ScrollButton.vue2.js +15 -12
  23. package/components/button/v4/ButtonV4.vue.js +2 -1
  24. package/components/button/v4/ButtonV4.vue2.js +1 -1
  25. package/components/checkbox/Checkbox.vue.js +4 -3
  26. package/components/checkbox/Checkbox.vue2.js +58 -52
  27. package/components/chip/v3/Chip.vue.js +4 -3
  28. package/components/chip/v3/Chip.vue2.js +1 -1
  29. package/components/chip/v4/ChipV4.vue.js +4 -3
  30. package/components/chip/v4/ChipV4.vue2.js +1 -1
  31. package/components/cssBaseline/CssBaseline.vue2.js +0 -0
  32. package/components/datePicker/DatePicker.vue.js +5 -4
  33. package/components/datePicker/DatePicker.vue2.js +1 -1
  34. package/components/datePicker/DatePickerMonth.vue.js +4 -3
  35. package/components/datePicker/DatePickerMonth.vue2.js +1 -1
  36. package/components/dateRange/CalendarMonth.vue.js +4 -3
  37. package/components/dateRange/CalendarMonth.vue2.js +14 -13
  38. package/components/dateRange/DateRange.vue.js +5 -4
  39. package/components/dateRange/DateRange.vue2.js +35 -33
  40. package/components/dialog/Dialog.vue.js +4 -3
  41. package/components/dialog/Dialog.vue2.js +22 -21
  42. package/components/dropdown/common/Label.vue.js +4 -3
  43. package/components/dropdown/common/Label.vue2.js +3 -2
  44. package/components/dropdown/common/Option.vue.js +4 -3
  45. package/components/dropdown/common/Option.vue2.js +3 -2
  46. package/components/dropdown/common/SearchInput.vue.js +4 -3
  47. package/components/dropdown/common/SearchInput.vue2.js +25 -24
  48. package/components/dropdown/v3/Dropdown.vue.js +5 -3
  49. package/components/dropdown/v3/Dropdown.vue2.js +26 -23
  50. package/components/dropdown/v4/DropdownV4.vue.js +5 -3
  51. package/components/dropdown/v4/DropdownV4.vue2.js +4 -3
  52. package/components/emptyState/EmptyState.vue.js +3 -2
  53. package/components/emptyState/EmptyState.vue2.js +20 -18
  54. package/components/emptyState/EmptyStateIcon.vue2.js +0 -0
  55. package/components/filterDropdown/AddFilterButton.vue.js +5 -4
  56. package/components/filterDropdown/AddFilterButton.vue2.js +1 -1
  57. package/components/filterDropdown/FilterDropdown.vue.js +4 -3
  58. package/components/filterDropdown/FilterDropdown.vue2.js +26 -25
  59. package/components/filtersPanel/FilterSearchInput.vue.js +4 -3
  60. package/components/filtersPanel/FilterSearchInput.vue2.js +21 -21
  61. package/components/filtersPanel/FiltersPanel.vue.js +5 -4
  62. package/components/filtersPanel/FiltersPanel.vue2.js +1 -1
  63. package/components/floatingToolbar/FloatingToolbar.vue.js +4 -3
  64. package/components/floatingToolbar/FloatingToolbar.vue2.js +11 -10
  65. package/components/icon/Icon.vue.js +4 -3
  66. package/components/icon/Icon.vue2.js +1 -1
  67. package/components/includeExclude/IncludeExclude.vue.js +5 -4
  68. package/components/includeExclude/IncludeExclude.vue2.js +55 -52
  69. package/components/includeExclude/IncludeExcludeAppHeader.vue.js +4 -3
  70. package/components/includeExclude/IncludeExcludeAppHeader.vue2.js +36 -35
  71. package/components/includeExclude/IncludeExcludeAppTrigger.vue.js +3 -2
  72. package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js +8 -4
  73. package/components/includeExclude/IncludeExcludeChipFilter.vue.js +4 -3
  74. package/components/includeExclude/IncludeExcludeChipFilter.vue2.js +38 -36
  75. package/components/includeExclude/IncludeExcludeDragDrop.vue.js +3 -2
  76. package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +64 -61
  77. package/components/includeExclude/IncludeExcludeOption.vue.js +3 -2
  78. package/components/includeExclude/IncludeExcludeOption.vue2.js +6 -4
  79. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +5 -4
  80. package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js +5 -3
  81. package/components/input/common/Input.common.js +13 -13
  82. package/components/input/v3/DollarInput.vue.js +4 -3
  83. package/components/input/v3/DollarInput.vue2.js +3 -2
  84. package/components/input/v3/Input.vue.js +4 -3
  85. package/components/input/v3/Input.vue2.js +15 -11
  86. package/components/input/v3/PasswordInput.vue.js +4 -3
  87. package/components/input/v3/PasswordInput.vue2.js +3 -2
  88. package/components/input/v3/PercentageInput.vue.js +4 -3
  89. package/components/input/v3/PercentageInput.vue2.js +3 -2
  90. package/components/input/v4/TextField.vue.js +5 -4
  91. package/components/input/v4/TextField.vue2.js +13 -12
  92. package/components/loader/v4/Loader.vue.js +4 -3
  93. package/components/loader/v4/Loader.vue2.js +1 -1
  94. package/components/menu/Menu.vue.js +6 -4
  95. package/components/menu/Menu.vue2.js +1 -1
  96. package/components/menuItem/MenuItem.vue.js +12 -11
  97. package/components/menuItem/MenuItem.vue2.js +0 -0
  98. package/components/popover/Popover.vue2.js +5 -0
  99. package/components/popover/index.js +2 -1
  100. package/components/radioButton/RadioButton.vue.js +3 -2
  101. package/components/radioButton/RadioButton.vue2.js +1 -1
  102. package/components/radioButton/RadioGroup.vue.js +4 -3
  103. package/components/radioButton/RadioGroup.vue2.js +1 -1
  104. package/components/search/v3/Search.vue.js +5 -4
  105. package/components/search/v3/Search.vue2.js +1 -1
  106. package/components/search/v4/SearchV4.vue.js +4 -3
  107. package/components/search/v4/SearchV4.vue2.js +1 -1
  108. package/components/shared/FieldHelpText.vue.js +5 -4
  109. package/components/shared/FieldHelpText.vue2.js +1 -1
  110. package/components/shared/FieldLabel.vue.js +3 -2
  111. package/components/shared/FieldLabel.vue2.js +4 -3
  112. package/components/skeleton/Skeleton.vue.js +5 -4
  113. package/components/skeleton/Skeleton.vue2.js +1 -1
  114. package/components/snackbar/Snackbar.vue.js +4 -3
  115. package/components/snackbar/Snackbar.vue2.js +23 -22
  116. package/components/switch/v3/Switch.vue.js +4 -3
  117. package/components/switch/v3/Switch.vue2.js +1 -1
  118. package/components/switch/v4/SwitchV4.vue.js +4 -3
  119. package/components/switch/v4/SwitchV4.vue2.js +0 -69
  120. package/components/table/SortOrderIcon.vue2.js +0 -0
  121. package/components/table/Table.vue.js +4 -3
  122. package/components/table/Table.vue2.js +62 -59
  123. package/components/table/TableHeaderSorter.vue.js +5 -4
  124. package/components/table/TableHeaderSorter.vue2.js +1 -1
  125. package/components/table-cells/Editable.vue.js +3 -2
  126. package/components/table-cells/Editable.vue2.js +1 -1
  127. package/components/tabs/Tabs.vue.js +5 -4
  128. package/components/tabs/Tabs.vue2.js +4 -3
  129. package/components/textArea/TextArea.vue.js +5 -4
  130. package/components/textArea/TextArea.vue2.js +3 -2
  131. package/components/toggle/Toggle.vue.js +4 -3
  132. package/components/toggle/Toggle.vue2.js +4 -3
  133. package/components/tooltip/TextWithTitleContent.vue.js +7 -0
  134. package/components/tooltip/TextWithTitleContent.vue2.js +44 -4
  135. package/components/tooltip/Tooltip.vue.js +4 -3
  136. package/components/tooltip/Tooltip.vue2.js +5 -0
  137. package/components/tooltip/index.js +2 -1
  138. package/components/typography/Heading.vue.js +5 -4
  139. package/components/typography/{Heading.vue3.js → Heading.vue2.js} +1 -1
  140. package/components/typography/Text.vue.js +4 -3
  141. package/components/typography/Text.vue2.js +1 -1
  142. package/components/typography/v4/Typography.vue.js +3 -2
  143. package/components/typography/v4/Typography.vue2.js +1 -1
  144. package/package.json +2 -1
  145. package/ButtonV4.vue_vue_type_style_index_0_scoped_981897ea_lang.css +0 -1
  146. package/Checkbox.vue_vue_type_style_index_0_scoped_03174f1a_lang.css +0 -1
  147. package/components/button/common/ButtonBase.vue3.js +0 -53
  148. package/components/popover/Popover.vue3.js +0 -4
  149. package/components/tooltip/TextWithTitleContent.vue3.js +0 -45
  150. package/components/tooltip/Tooltip.vue3.js +0 -4
@@ -1,9 +1,10 @@
1
- import { defineComponent as n, openBlock as r, createBlock as s, unref as i, withCtx as e, createVNode as o, createTextVNode as l, toDisplayString as a } from "vue";
2
- import m from "../dropdown/v3/Dropdown.vue.js";
3
- import p from "../dropdown/common/Option.vue.js";
4
- /* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import "floating-vue";
5
- /* empty css *//* empty css *//* empty css */import u from "./AddFilterButton.vue.js";
6
- const C = /* @__PURE__ */ n({
1
+ import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_b25c5605_lang.css"; import { defineComponent as n, openBlock as s, createBlock as r, unref as l, withCtx as t, createVNode as a, createTextVNode as i, toDisplayString as o } from "vue";
2
+ import u from "../dropdown/v3/Dropdown.vue.js";
3
+ import c from "../dropdown/common/Option.vue.js";
4
+ import "../dropdown/common/Label.vue.js";
5
+ import "../dropdown/common/SearchInput.vue.js";
6
+ import f from "./AddFilterButton.vue.js";
7
+ const B = /* @__PURE__ */ n({
7
8
  __name: "FilterDropdown",
8
9
  props: {
9
10
  displayValue: null,
@@ -14,34 +15,34 @@ const C = /* @__PURE__ */ n({
14
15
  addNewFilter: null,
15
16
  testId: { default: "" }
16
17
  },
17
- setup(t) {
18
- return (c, f) => (r(), s(i(m), {
19
- "display-value": t.displayValue,
20
- disabled: t.disabled,
21
- "on-search": t.onSearch,
18
+ setup(e) {
19
+ return (m, p) => (s(), r(l(u), {
20
+ "display-value": e.displayValue,
21
+ disabled: e.disabled,
22
+ "on-search": e.onSearch,
22
23
  distance: 0,
23
24
  skidding: 0,
24
25
  "is-on-top": "",
25
- options: t.options,
26
- "test-id": t.testId,
27
- "onUpdate:selected": t.addNewFilter
26
+ options: e.options,
27
+ "test-id": e.testId,
28
+ "onUpdate:selected": e.addNewFilter
28
29
  }, {
29
- input: e(() => [
30
- o(u, {
30
+ input: t(() => [
31
+ a(f, {
31
32
  class: "add-filter-button",
32
- disabled: t.disabled,
33
- "test-id": t.testId
33
+ disabled: e.disabled,
34
+ "test-id": e.testId
34
35
  }, {
35
- default: e(() => [
36
- l(a(t.text), 1)
36
+ default: t(() => [
37
+ i(o(e.text), 1)
37
38
  ]),
38
39
  _: 1
39
40
  }, 8, ["disabled", "test-id"])
40
41
  ]),
41
- default: e(({ option: d }) => [
42
- o(i(p), { option: d }, {
43
- default: e(() => [
44
- l(a(d.label), 1)
42
+ default: t(({ option: d }) => [
43
+ a(l(c), { option: d }, {
44
+ default: t(() => [
45
+ i(o(d.label), 1)
45
46
  ]),
46
47
  _: 2
47
48
  }, 1032, ["option"])
@@ -51,5 +52,5 @@ const C = /* @__PURE__ */ n({
51
52
  }
52
53
  });
53
54
  export {
54
- C as default
55
+ B as default
55
56
  };
@@ -1,6 +1,7 @@
1
- import t from "./FilterSearchInput.vue2.js";
1
+ import e from "./FilterSearchInput.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6c9bb538"]]);
3
+ // import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_6c9bb538_lang.css"; //*');
4
+ const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6c9bb538"]]);
4
5
  export {
5
- c as default
6
+ p as default
6
7
  };
@@ -1,37 +1,37 @@
1
- import { defineComponent as m, ref as c, onMounted as s, openBlock as a, createElementBlock as l, createVNode as o, unref as r, withCtx as u, createElementVNode as i } from "vue";
2
- /* empty css *//* empty css */import h from "../icon/Icon.vue.js";
3
- /* empty css *//* empty css *//* empty css *//* empty css */import "floating-vue";
4
- /* empty css *//* empty css *//* empty css */import "@vue/shared";
5
- /* empty css *//* empty css */import "@vueuse/core";
6
- /* empty css *//* empty css *//* empty css */import d from "../dropdown/common/SearchInput.vue.js";
1
+ import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_6c9bb538_lang.css"; import { defineComponent as a, ref as i, onMounted as l, openBlock as p, createElementBlock as u, createVNode as n, unref as o, withCtx as m, createElementVNode as r } from "vue";
2
+ import "../dropdown/v3/Dropdown.vue.js";
3
+ import "../dropdown/common/Option.vue.js";
4
+ import "../dropdown/common/Label.vue.js";
5
+ import h from "../dropdown/common/SearchInput.vue.js";
6
+ import d from "../icon/Icon.vue.js";
7
7
  const _ = {
8
8
  class: "search-container",
9
9
  tabindex: "0"
10
- }, f = { class: "search" }, I = ["placeholder", "disabled", "onInput"], J = /* @__PURE__ */ m({
10
+ }, f = { class: "search" }, I = ["placeholder", "disabled", "onInput"], N = /* @__PURE__ */ a({
11
11
  __name: "FilterSearchInput",
12
12
  setup(x) {
13
- const t = c(null);
14
- return s(() => {
13
+ const e = i(null);
14
+ return l(() => {
15
15
  setTimeout(() => {
16
- t.value.focus();
16
+ e.value.focus();
17
17
  }, 250);
18
- }), (k, v) => (a(), l("div", _, [
19
- o(r(d), null, {
20
- default: u(({ disabled: n, change: p, placeholder: e }) => [
21
- i("div", f, [
22
- o(r(h), {
18
+ }), (k, v) => (p(), u("div", _, [
19
+ n(o(h), null, {
20
+ default: m(({ disabled: c, change: s, placeholder: t }) => [
21
+ r("div", f, [
22
+ n(o(d), {
23
23
  class: "search-icon",
24
24
  width: "12",
25
25
  height: "12",
26
26
  name: "search"
27
27
  }),
28
- i("input", {
28
+ r("input", {
29
29
  ref_key: "element",
30
- ref: t,
30
+ ref: e,
31
31
  class: "search-input",
32
- placeholder: e || "Search",
33
- disabled: n,
34
- onInput: p
32
+ placeholder: t || "Search",
33
+ disabled: c,
34
+ onInput: s
35
35
  }, null, 40, I)
36
36
  ])
37
37
  ]),
@@ -41,5 +41,5 @@ const _ = {
41
41
  }
42
42
  });
43
43
  export {
44
- J as default
44
+ N as default
45
45
  };
@@ -1,6 +1,7 @@
1
- import o from "./FiltersPanel.vue2.js";
2
- /* empty css */import t from "../../_virtual/_plugin-vue_export-helper.js";
3
- const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2996b384"]]);
1
+ import e from "./FiltersPanel.vue2.js";
2
+ /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../FiltersPanel.vue_vue_type_style_index_0_scoped_2996b384_lang.css"; //*');
4
+ const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2996b384"]]);
4
5
  export {
5
- m as default
6
+ p as default
6
7
  };
@@ -1,4 +1,4 @@
1
- import { defineComponent as h, computed as l, openBlock as r, createElementBlock as i, Fragment as m, renderList as p, unref as o, normalizeClass as f, renderSlot as a, normalizeProps as y, guardReactiveProps as F, createCommentVNode as v } from "vue";
1
+ import "../../FiltersPanel.vue_vue_type_style_index_0_scoped_2996b384_lang.css"; import { defineComponent as h, computed as l, openBlock as r, createElementBlock as i, Fragment as m, renderList as p, unref as o, normalizeClass as f, renderSlot as a, normalizeProps as y, guardReactiveProps as F, createCommentVNode as v } from "vue";
2
2
  const k = { class: "filter-panel" }, B = ["data-testid"], g = /* @__PURE__ */ h({
3
3
  __name: "FiltersPanel",
4
4
  props: {
@@ -1,6 +1,7 @@
1
1
  import o from "./FloatingToolbar.vue2.js";
2
- /* empty css */import t from "../../_virtual/_plugin-vue_export-helper.js";
3
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-35992369"]]);
2
+ /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../FloatingToolbar.vue_vue_type_style_index_0_scoped_35992369_lang.css"; //*');
4
+ const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-35992369"]]);
4
5
  export {
5
- p as default
6
+ a as default
6
7
  };
@@ -1,10 +1,11 @@
1
- import { defineComponent as c, openBlock as o, createBlock as p, Teleport as f, createVNode as l, Transition as y, withCtx as n, unref as d, createElementBlock as a, toDisplayString as b, createCommentVNode as s, renderSlot as m } from "vue";
1
+ import "../../FloatingToolbar.vue_vue_type_style_index_0_scoped_35992369_lang.css"; import { defineComponent as m, openBlock as o, createBlock as p, Teleport as f, createVNode as l, Transition as y, withCtx as n, unref as d, createElementBlock as a, toDisplayString as b, createCommentVNode as s, renderSlot as u } from "vue";
2
2
  import v from "../icon/Icon.vue.js";
3
3
  import k from "../icon/icons/Close.vue.js";
4
4
  import { useVModel as B } from "@vueuse/core";
5
- /* empty css *//* empty css *//* empty css */import V from "../button/v3/IconButton.vue.js";
6
- /* empty css */import "floating-vue";
7
- /* empty css *//* empty css */const h = {
5
+ import "../button/v3/Button.vue.js";
6
+ import V from "../button/v3/IconButton.vue.js";
7
+ import "../button/v3/ScrollButton.vue.js";
8
+ const h = {
8
9
  key: 0,
9
10
  class: "floating-toolbar"
10
11
  }, C = {
@@ -16,7 +17,7 @@ import { useVModel as B } from "@vueuse/core";
16
17
  }, _ = {
17
18
  key: 2,
18
19
  class: "actions"
19
- }, G = /* @__PURE__ */ c({
20
+ }, F = /* @__PURE__ */ m({
20
21
  __name: "FloatingToolbar",
21
22
  props: {
22
23
  modelValue: { type: Boolean },
@@ -24,8 +25,8 @@ import { useVModel as B } from "@vueuse/core";
24
25
  appendToBody: { type: Boolean, default: !0 }
25
26
  },
26
27
  emits: ["update:modelValue"],
27
- setup(e, { emit: u }) {
28
- const r = B(e, "modelValue", u);
28
+ setup(e, { emit: c }) {
29
+ const r = B(e, "modelValue", c);
29
30
  return (t, i) => (o(), p(f, {
30
31
  to: "body",
31
32
  disabled: !e.appendToBody
@@ -35,10 +36,10 @@ import { useVModel as B } from "@vueuse/core";
35
36
  d(r) ? (o(), a("div", h, [
36
37
  e.count ? (o(), a("div", C, b(e.count), 1)) : s("", !0),
37
38
  t.$slots.label ? (o(), a("div", T, [
38
- m(t.$slots, "label", {}, void 0, !0)
39
+ u(t.$slots, "label", {}, void 0, !0)
39
40
  ])) : s("", !0),
40
41
  t.$slots.actions ? (o(), a("div", _, [
41
- m(t.$slots, "actions", {}, void 0, !0)
42
+ u(t.$slots, "actions", {}, void 0, !0)
42
43
  ])) : s("", !0),
43
44
  l(d(V), {
44
45
  class: "close-icon",
@@ -65,5 +66,5 @@ import { useVModel as B } from "@vueuse/core";
65
66
  }
66
67
  });
67
68
  export {
68
- G as default
69
+ F as default
69
70
  };
@@ -1,6 +1,7 @@
1
1
  import o from "./Icon.vue2.js";
2
- /* empty css */import t from "../../_virtual/_plugin-vue_export-helper.js";
3
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-17a86683"]]);
2
+ /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../Icon.vue_vue_type_style_index_0_scoped_17a86683_lang.css"; //*');
4
+ const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-17a86683"]]);
4
5
  export {
5
- p as default
6
+ c as default
6
7
  };
@@ -1,4 +1,4 @@
1
- import v from "../../_virtual/dynamic-import-helper.js";
1
+ import "../../Icon.vue_vue_type_style_index_0_scoped_17a86683_lang.css"; import v from "../../_virtual/dynamic-import-helper.js";
2
2
  import { defineComponent as a, useCssVars as l, useSlots as d, computed as e, defineAsyncComponent as C, openBlock as n, createElementBlock as f, normalizeClass as A, unref as s, createBlock as g, normalizeProps as S, mergeProps as h, createCommentVNode as w, renderSlot as T } from "vue";
3
3
  import { icons as t } from "./icons/index.js";
4
4
  const P = /* @__PURE__ */ a({
@@ -1,6 +1,7 @@
1
- import o from "./IncludeExclude.vue2.js";
2
- /* empty css */import t from "../../_virtual/_plugin-vue_export-helper.js";
3
- const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-802d4031"]]);
1
+ import e from "./IncludeExclude.vue2.js";
2
+ /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_802d4031_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-802d4031"]]);
4
5
  export {
5
- e as default
6
+ s as default
6
7
  };
@@ -1,16 +1,19 @@
1
- import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as i, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
2
- import Ae from "../popover/Popover.vue.js";
3
- /* empty css */import N from "../button/v3/Button.vue.js";
4
- /* empty css */import { IncludeExcludeTestIdModifiers as m } from "../../testids/index.js";
5
- /* empty css */import X from "../typography/Text.vue.js";
6
- /* empty css *//* empty css *//* empty css */import "floating-vue";
7
- /* empty css *//* empty css */import Ee from "../search/v3/Search.vue.js";
8
- import Be from "../checkbox/Checkbox.vue.js";
1
+ import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_802d4031_lang.css"; import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as d, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
2
+ import "../popover/Popover.vue2.js";
3
+ import N from "../button/v3/Button.vue.js";
4
+ import "../button/v3/IconButton.vue.js";
5
+ import "../button/v3/ScrollButton.vue.js";
6
+ import Ae from "../search/v3/Search.vue.js";
7
+ import "../typography/Heading.vue.js";
8
+ import X from "../typography/Text.vue.js";
9
+ import Ee from "../checkbox/Checkbox.vue.js";
9
10
  import b from "../skeleton/Skeleton.vue.js";
10
- import Ve from "../emptyState/EmptyState.vue.js";
11
- import { useToggle as Pe } from "../../composables/useToggle.js";
12
- import { IncludeExcludeContext as Le } from "./IncludeExcludeContext.js";
13
- import { onClickOutside as Ne, useClamp as Fe, useVirtualList as Z } from "@vueuse/core";
11
+ import Be from "../emptyState/EmptyState.vue.js";
12
+ import { useToggle as Ve } from "../../composables/useToggle.js";
13
+ import { IncludeExcludeContext as Pe } from "./IncludeExcludeContext.js";
14
+ import { onClickOutside as Le, useClamp as Ne, useVirtualList as Z } from "@vueuse/core";
15
+ import { IncludeExcludeTestIdModifiers as m } from "../../testids/index.js";
16
+ import Fe from "../popover/Popover.vue.js";
14
17
  const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude-header" }, Ge = { class: "include-exclude-header-left-section" }, Ue = { class: "include-exclude-header-right-section" }, We = { class: "include-exclude-container-wrapper" }, qe = {
15
18
  key: 0,
16
19
  class: "include-exclude-container"
@@ -23,7 +26,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
23
26
  }, je = ["aria-selected", "aria-disabled", "onClick"], Je = { key: 1 }, Qe = { class: "loader-wrapper" }, Xe = ["data-testid"], Ze = {
24
27
  key: 0,
25
28
  class: "loader-wrapper"
26
- }, _e = { class: "include-exclude-selected-header-left" }, et = { class: "include-exclude-selected-header-right" }, tt = { key: 1 }, lt = { class: "loader-wrapper" }, nt = { class: "include-exclude-footer" }, at = { class: "include-exclude-footer-buttons" }, Tt = /* @__PURE__ */ Te({
29
+ }, _e = { class: "include-exclude-selected-header-left" }, et = { class: "include-exclude-selected-header-right" }, tt = { key: 1 }, lt = { class: "loader-wrapper" }, nt = { class: "include-exclude-footer" }, at = { class: "include-exclude-footer-buttons" }, Ct = /* @__PURE__ */ Te({
27
30
  __name: "IncludeExclude",
28
31
  props: {
29
32
  titleText: { default: "" },
@@ -52,7 +55,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
52
55
  const n = l, F = 50, H = 3, ee = 6, te = 32, le = 48, ne = v(() => {
53
56
  const e = n.placement?.includes("bottom") ? ee : 0;
54
57
  return n.isOnTop ? -E.value?.getBoundingClientRect().height : e;
55
- }), z = u(null), p = u(""), A = u(!1), E = u(null), ae = u(null), se = u(null), B = u(null), V = u(null), ie = u(null), c = u(n.modelValue), D = (e) => new Promise((s) => setTimeout(s, e)), r = v({
58
+ }), z = u(null), p = u(""), A = u(!1), E = u(null), ae = u(null), se = u(null), B = u(null), V = u(null), de = u(null), c = u(n.modelValue), D = (e) => new Promise((s) => setTimeout(s, e)), r = v({
56
59
  get() {
57
60
  return c.value;
58
61
  },
@@ -68,7 +71,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
68
71
  c.value = n.modelValue;
69
72
  }
70
73
  );
71
- const de = v(() => c.value.filter(
74
+ const ie = v(() => c.value.filter(
72
75
  (e) => n.onSearch(e, p.value)
73
76
  )), oe = () => {
74
77
  r.value?.length !== n.options?.length && (r.value = c.value), y(!1);
@@ -78,14 +81,14 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
78
81
  c.value = [];
79
82
  }, U = v(() => () => n.hasSubtitle ? le : te), W = v(
80
83
  () => (e, s) => e.every(
81
- (d) => s.some((x) => x[n.keyField] === d[n.keyField])
84
+ (i) => s.some((x) => x[n.keyField] === i[n.keyField])
82
85
  )
83
86
  ), q = v(() => {
84
87
  if (!S.value)
85
88
  return !1;
86
89
  const e = c.value, s = k.value;
87
90
  return e === s ? !0 : e?.length !== s?.length ? !1 : W.value(e, s) && W.value(s, e);
88
- }), K = u(null), [S, ue] = Pe({
91
+ }), K = u(null), [S, ue] = Ve({
89
92
  disabled: n.disabled,
90
93
  initialValue: n.defaultOpen
91
94
  }), fe = (e = 300) => {
@@ -107,16 +110,16 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
107
110
  }, y = (e) => {
108
111
  n.disabled || (e || fe(), ue(e));
109
112
  };
110
- Ne(K, () => {
113
+ Le(K, () => {
111
114
  S.value && G();
112
115
  });
113
116
  const ve = u([]), ge = v(() => k.value?.length - 1), M = (e) => {
114
117
  p.value = e;
115
- }, P = Fe(0, 0, ge), L = (e) => {
118
+ }, P = Ne(0, 0, ge), L = (e) => {
116
119
  B.value?.focus();
117
120
  const s = c.value;
118
121
  s.includes(e) ? c.value = s.filter(
119
- (d) => d !== e
122
+ (i) => i !== e
120
123
  ) : c.value = [.../* @__PURE__ */ new Set([...s, e])];
121
124
  }, pe = (e) => {
122
125
  L(e);
@@ -132,7 +135,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
132
135
  select: L,
133
136
  activeIndex: P,
134
137
  selectedOption: r,
135
- activeOption: ie,
138
+ activeOption: de,
136
139
  listRef: z,
137
140
  query: p,
138
141
  open: S,
@@ -140,7 +143,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
140
143
  }, ye = () => {
141
144
  c.value?.length !== k.value?.length ? c.value = k.value : c.value = [];
142
145
  };
143
- Oe(Le, Y);
146
+ Oe(Pe, Y);
144
147
  const k = v(() => p.value?.length ? n.options?.filter((e) => n.onSearch(e, p.value)) : n.options), {
145
148
  list: ke,
146
149
  containerProps: xe,
@@ -152,7 +155,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
152
155
  list: be,
153
156
  containerProps: Se,
154
157
  wrapperProps: Ie
155
- } = Z(de, {
158
+ } = Z(ie, {
156
159
  itemHeight: U.value,
157
160
  overscan: F
158
161
  }), we = (e) => {
@@ -166,7 +169,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
166
169
  }
167
170
  e.key === "ArrowDown" && (y(!0), e.preventDefault());
168
171
  };
169
- return (e, s) => (i(), I(t(Ae), {
172
+ return (e, s) => (d(), I(t(Fe), {
170
173
  distance: t(ne) + l.distanceOffset,
171
174
  skidding: l.skiddingOffset,
172
175
  trigger: "managed",
@@ -201,7 +204,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
201
204
  a("div", De, [
202
205
  a("div", Ge, [
203
206
  C(e.$slots, "header-left-section", {}, () => [
204
- l.titleText ? (i(), I(t(X), {
207
+ l.titleText ? (d(), I(t(X), {
205
208
  key: 0,
206
209
  class: "include-exclude-header-left-section-title",
207
210
  size: "md",
@@ -216,11 +219,11 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
216
219
  ]),
217
220
  a("div", Ue, [
218
221
  C(e.$slots, "header-right-section", {}, () => [
219
- f(t(Ee), {
222
+ f(t(Ae), {
220
223
  ref_key: "searchRef",
221
224
  ref: V,
222
225
  modelValue: p.value,
223
- "onUpdate:modelValue": s[0] || (s[0] = (d) => p.value = d),
226
+ "onUpdate:modelValue": s[0] || (s[0] = (i) => p.value = i),
224
227
  class: "include-exclude-header-right-section-search-input",
225
228
  variant: "transparent",
226
229
  placeholder: l.searchPlaceholder,
@@ -236,9 +239,9 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
236
239
  mode: "out-in"
237
240
  }, {
238
241
  default: g(() => [
239
- !t(k)?.length && !l.loading ? (i(), o("div", qe, [
242
+ !t(k)?.length && !l.loading ? (d(), o("div", qe, [
240
243
  C(e.$slots, "no-result", {}, () => [
241
- f(t(Ve), {
244
+ f(t(Be), {
242
245
  size: "lg",
243
246
  title: "No results found",
244
247
  subtitle: "Try diffrent keyword",
@@ -246,7 +249,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
246
249
  "icon-height": 72
247
250
  })
248
251
  ], !0)
249
- ])) : (i(), o("div", Ke, [
252
+ ])) : (d(), o("div", Ke, [
250
253
  a("div", {
251
254
  class: "include-exclude-list-wrapper",
252
255
  "data-testid": `${l.testId}-${t(m).LIST}`
@@ -257,7 +260,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
257
260
  "include-exclude-list-header-loaded": !l.loading
258
261
  }])
259
262
  }, [
260
- l.loading ? h("", !0) : (i(), I(t(Be), {
263
+ l.loading ? h("", !0) : (d(), I(t(Ee), {
261
264
  key: 0,
262
265
  size: "sm",
263
266
  "is-checked": t(q),
@@ -267,7 +270,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
267
270
  "data-testid": `${l.testId}-${t(m).SELECT_ALL}`,
268
271
  onClick: ye
269
272
  }, null, 8, ["is-checked", "is-indeterminate", "disabled", "data-testid"])),
270
- l.loading ? (i(), o("div", Ye, [
273
+ l.loading ? (d(), o("div", Ye, [
271
274
  f(t(b), {
272
275
  class: "dot-skeleton",
273
276
  round: ""
@@ -276,28 +279,28 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
276
279
  ])) : h("", !0)
277
280
  ], 2),
278
281
  a("div", O({ class: "include-exclude-list" }, t(xe)), [
279
- l.loading ? h("", !0) : (i(), o("ul", O({ key: 0 }, t(Ce), {
282
+ l.loading ? h("", !0) : (d(), o("ul", O({ key: 0 }, t(Ce), {
280
283
  ref_key: "listRef",
281
284
  ref: z,
282
285
  tabindex: "1"
283
286
  }), [
284
- (i(!0), o($, null, R(t(ke), ({ data: d, index: x }) => (i(), o("li", {
287
+ (d(!0), o($, null, R(t(ke), ({ data: i, index: x }) => (d(), o("li", {
285
288
  key: x,
286
- "aria-selected": T(t(r)) === d,
289
+ "aria-selected": T(t(r)) === i,
287
290
  "aria-disabled": !!l.disabled,
288
- onClick: () => L(d)
291
+ onClick: () => L(i)
289
292
  }, [
290
293
  C(e.$slots, "option", {
291
294
  showCheckbox: !0,
292
- option: d,
293
- selected: T(t(r)) === d,
295
+ option: i,
296
+ selected: T(t(r)) === i,
294
297
  active: T(t(P)) === x
295
298
  }, void 0, !0)
296
299
  ], 8, je))), 128))
297
300
  ], 16)),
298
- l.loading ? (i(), o("ul", Je, [
299
- (i(), o($, null, R(H, (d) => a("li", {
300
- key: d,
301
+ l.loading ? (d(), o("ul", Je, [
302
+ (d(), o($, null, R(H, (i) => a("li", {
303
+ key: i,
301
304
  class: "include-exclude-list-item-skeleton"
302
305
  }, [
303
306
  a("div", Qe, [
@@ -321,11 +324,11 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
321
324
  "include-exclude-list-header-loaded": !l.loading
322
325
  }])
323
326
  }, [
324
- l.loading ? (i(), o("div", Ze, [
327
+ l.loading ? (d(), o("div", Ze, [
325
328
  f(t(b), { round: "" })
326
329
  ])) : h("", !0),
327
330
  a("div", _e, [
328
- l.loading ? h("", !0) : (i(), I(t(X), {
331
+ l.loading ? h("", !0) : (d(), I(t(X), {
329
332
  key: 0,
330
333
  class: "include-exclude-selected-header-left-selected",
331
334
  size: "sm"
@@ -337,7 +340,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
337
340
  }))
338
341
  ]),
339
342
  a("div", et, [
340
- t(r)?.length && !l.loading && l.showClearAll ? (i(), I(t(N), {
343
+ t(r)?.length && !l.loading && l.showClearAll ? (d(), I(t(N), {
341
344
  key: 0,
342
345
  variant: "link",
343
346
  theme: "third",
@@ -354,21 +357,21 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
354
357
  ])
355
358
  ], 2),
356
359
  a("div", O({ class: "include-exclude-selected-list" }, t(Se)), [
357
- t(r)?.length && !l.loading ? (i(), o("ul", O({ key: 0 }, t(Ie), {
360
+ t(r)?.length && !l.loading ? (d(), o("ul", O({ key: 0 }, t(Ie), {
358
361
  ref: "SelectedlistRef",
359
362
  tabindex: "2"
360
363
  }), [
361
- (i(!0), o($, null, R(t(be), ({ data: d, index: x }) => (i(), o("li", { key: x }, [
364
+ (d(!0), o($, null, R(t(be), ({ data: i, index: x }) => (d(), o("li", { key: x }, [
362
365
  C(e.$slots, "selected_option", {
363
- option: d,
364
- selected: T(t(r)) === d,
366
+ option: i,
367
+ selected: T(t(r)) === i,
365
368
  active: T(t(P)) === x
366
369
  }, void 0, !0)
367
370
  ]))), 128))
368
371
  ], 16)) : h("", !0),
369
- l.loading ? (i(), o("ul", tt, [
370
- (i(), o($, null, R(H, (d) => a("li", {
371
- key: d,
372
+ l.loading ? (d(), o("ul", tt, [
373
+ (d(), o($, null, R(H, (i) => a("li", {
374
+ key: i,
372
375
  class: "include-exclude-list-item-skeleton"
373
376
  }, [
374
377
  a("div", lt, [
@@ -425,5 +428,5 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
425
428
  }
426
429
  });
427
430
  export {
428
- Tt as default
431
+ Ct as default
429
432
  };
@@ -1,6 +1,7 @@
1
1
  import e from "./IncludeExcludeAppHeader.vue2.js";
2
- /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-3cd4fcee"]]);
2
+ /* empty css */import c from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_3cd4fcee_lang.css"; //*');
4
+ const _ = /* @__PURE__ */ c(e, [["__scopeId", "data-v-3cd4fcee"]]);
4
5
  export {
5
- t as default
6
+ _ as default
6
7
  };