@ironsource/shared-ui 1.4.2-test.7 → 1.4.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 (206) hide show
  1. package/AddFilterButton.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  2. package/AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  3. package/AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  4. package/AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  5. package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  6. package/Button.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  7. package/CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  8. package/Checkbox.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  9. package/Chip.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  10. package/DatePicker.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  11. package/DatePickerMonth.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  12. package/DateRange.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  13. package/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  14. package/DollarInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  15. package/Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  16. package/FilterDropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  17. package/FiltersPanel.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  18. package/FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  19. package/Heading.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  20. package/IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  21. package/Input.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  22. package/Menu.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  23. package/PasswordInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  24. package/PercentageInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  25. package/README.md +1 -1
  26. package/RadioButton.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  27. package/RadioGroup.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  28. package/Search.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  29. package/Switch.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  30. package/Table.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  31. package/Tabs.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  32. package/Text.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  33. package/TextArea.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  34. package/TextWithTitleContent.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  35. package/Toggle.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  36. package/components/appIcon/AppIcon.vue.d.ts +1 -1
  37. package/components/appIcon/AppIcon.vue.js +3 -3
  38. package/components/appIcon/index.d.ts +1 -1
  39. package/components/appTrigger/AppTrigger.vue.d.ts +6 -1
  40. package/components/appTrigger/AppTrigger.vue.js +49 -39
  41. package/components/appTrigger/index.d.ts +12 -1
  42. package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +6 -1
  43. package/components/autocompleteDropdown/AutocompleteDropdown.vue.js +20 -19
  44. package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts +6 -1
  45. package/components/autocompleteDropdown/AutocompleteInput.vue.js +19 -13
  46. package/components/autocompleteDropdown/GroupOption.vue.d.ts +1 -1
  47. package/components/autocompleteDropdown/GroupOption.vue.js +3 -4
  48. package/components/autocompleteDropdown/index.d.ts +12 -1
  49. package/components/banner/Banner.vue.d.ts +10 -1
  50. package/components/banner/Banner.vue.js +24 -13
  51. package/components/banner/index.d.ts +10 -1
  52. package/components/button/Button.vue.d.ts +6 -1
  53. package/components/button/Button.vue.js +17 -15
  54. package/components/button/ButtonBase.vue.d.ts +1 -1
  55. package/components/button/ButtonBase.vue.js +11 -12
  56. package/components/button/IconButton.vue.d.ts +1 -1
  57. package/components/button/IconButton.vue.js +5 -5
  58. package/components/button/ScrollButton.vue.d.ts +1 -1
  59. package/components/button/ScrollButton.vue.js +8 -9
  60. package/components/button/index.d.ts +20 -9
  61. package/components/checkbox/Checkbox.vue.d.ts +6 -1
  62. package/components/checkbox/Checkbox.vue.js +33 -28
  63. package/components/checkbox/index.d.ts +12 -1
  64. package/components/chip/Chip.vue.d.ts +6 -1
  65. package/components/chip/Chip.vue.js +16 -11
  66. package/components/chip/index.d.ts +12 -1
  67. package/components/datePicker/DatePicker.vue.d.ts +6 -1
  68. package/components/datePicker/DatePicker.vue.js +22 -17
  69. package/components/datePicker/DatePickerMonth.vue.d.ts +6 -1
  70. package/components/datePicker/DatePickerMonth.vue.js +9 -7
  71. package/components/datePicker/index.d.ts +12 -1
  72. package/components/dateRange/CalendarMonth.vue.d.ts +6 -1
  73. package/components/dateRange/CalendarMonth.vue.js +58 -41
  74. package/components/dateRange/DateRange.vue.d.ts +6 -1
  75. package/components/dateRange/DateRange.vue.js +72 -61
  76. package/components/dateRange/DateRangePicker.vue.d.ts +6 -1
  77. package/components/dateRange/index.d.ts +12 -1
  78. package/components/dialog/Dialog.vue.d.ts +6 -1
  79. package/components/dialog/Dialog.vue.js +49 -34
  80. package/components/dialog/index.d.ts +12 -1
  81. package/components/dropdown/Dropdown.vue.d.ts +6 -1
  82. package/components/dropdown/Dropdown.vue.js +112 -88
  83. package/components/dropdown/Label.vue.d.ts +1 -1
  84. package/components/dropdown/Label.vue.js +3 -4
  85. package/components/dropdown/Option.vue.d.ts +1 -1
  86. package/components/dropdown/Option.vue.js +16 -17
  87. package/components/dropdown/SearchInput.vue.d.ts +1 -1
  88. package/components/dropdown/SearchInput.vue.js +6 -6
  89. package/components/dropdown/index.d.ts +409 -1
  90. package/components/emptyState/EmptyState.vue.d.ts +1 -1
  91. package/components/emptyState/EmptyState.vue.js +19 -21
  92. package/components/emptyState/index.d.ts +4 -4
  93. package/components/filterDropdown/AddFilterButton.vue.d.ts +3 -1
  94. package/components/filterDropdown/AddFilterButton.vue.js +11 -9
  95. package/components/filterDropdown/FilterDropdown.vue.d.ts +6 -1
  96. package/components/filterDropdown/FilterDropdown.vue.js +21 -20
  97. package/components/filterDropdown/index.d.ts +19 -2
  98. package/components/filtersPanel/FilterSearchInput.vue.d.ts +1 -1
  99. package/components/filtersPanel/FilterSearchInput.vue.js +7 -7
  100. package/components/filtersPanel/FiltersPanel.vue.d.ts +6 -1
  101. package/components/filtersPanel/FiltersPanel.vue.js +15 -12
  102. package/components/filtersPanel/index.d.ts +1 -1
  103. package/components/floatingToolbar/FloatingToolbar.vue.d.ts +1 -1
  104. package/components/floatingToolbar/FloatingToolbar.vue.js +3 -3
  105. package/components/floatingToolbar/index.d.ts +1 -1
  106. package/components/icon/Icon.vue.d.ts +1 -1
  107. package/components/icon/Icon.vue.js +4 -5
  108. package/components/icon/icons/index.d.ts +0 -3
  109. package/components/icon/icons/index.vue.js +0 -3
  110. package/components/icon/index.d.ts +1 -4
  111. package/components/icon/storyComponents/Code.vue.d.ts +1 -1
  112. package/components/icon/storyComponents/IconWrapper.vue.d.ts +1 -1
  113. package/components/icon/storyComponents/Page.vue.d.ts +1 -1
  114. package/components/includeExclude/IncludeExclude.vue.d.ts +6 -14
  115. package/components/includeExclude/IncludeExclude.vue.js +123 -187
  116. package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +1 -1
  117. package/components/includeExclude/IncludeExcludeAppHeader.vue.js +22 -24
  118. package/components/includeExclude/IncludeExcludeAppTrigger.vue.d.ts +1 -1
  119. package/components/includeExclude/IncludeExcludeAppTrigger.vue.js +19 -22
  120. package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
  121. package/components/includeExclude/IncludeExcludeChipFilter.vue.js +40 -42
  122. package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
  123. package/components/includeExclude/IncludeExcludeOption.vue.js +21 -22
  124. package/components/includeExclude/includeExcludeMocks.d.ts +0 -12
  125. package/components/includeExclude/index.d.ts +28 -32
  126. package/components/includeExclude/index.vue.js +0 -3
  127. package/components/input/DollarInput.vue.d.ts +2 -2
  128. package/components/input/DollarInput.vue.js +3 -4
  129. package/components/input/Input.vue.d.ts +11 -1
  130. package/components/input/Input.vue.js +87 -64
  131. package/components/input/PasswordInput.vue.d.ts +2 -2
  132. package/components/input/PasswordInput.vue.js +3 -4
  133. package/components/input/PercentageInput.vue.d.ts +2 -2
  134. package/components/input/PercentageInput.vue.js +3 -4
  135. package/components/input/index.d.ts +36 -2
  136. package/components/menu/Menu.vue.d.ts +6 -1
  137. package/components/menu/Menu.vue.js +10 -8
  138. package/components/menu/index.d.ts +12 -1
  139. package/components/menuItem/MenuItem.vue.d.ts +1 -1
  140. package/components/menuItem/MenuItem.vue.js +3 -4
  141. package/components/menuItem/index.d.ts +1 -1
  142. package/components/popover/Popover.vue.d.ts +6 -1
  143. package/components/popover/Popover.vue.js +11 -9
  144. package/components/popover/index.d.ts +12 -1
  145. package/components/radioButton/RadioButton.vue.d.ts +6 -1
  146. package/components/radioButton/RadioButton.vue.js +24 -17
  147. package/components/radioButton/RadioGroup.vue.d.ts +6 -1
  148. package/components/radioButton/RadioGroup.vue.js +12 -8
  149. package/components/radioButton/index.d.ts +24 -2
  150. package/components/radioButton/useRadio.d.ts +1 -1
  151. package/components/search/Search.vue.d.ts +6 -1
  152. package/components/search/Search.vue.js +27 -21
  153. package/components/search/index.d.ts +12 -1
  154. package/components/skeleton/Skeleton.vue.d.ts +1 -1
  155. package/components/skeleton/Skeleton.vue.js +2 -2
  156. package/components/skeleton/index.d.ts +1 -1
  157. package/components/snackbar/Snackbar.vue.d.ts +1 -1
  158. package/components/snackbar/Snackbar.vue.js +26 -26
  159. package/components/switch/Switch.vue.d.ts +6 -1
  160. package/components/switch/Switch.vue.js +24 -16
  161. package/components/switch/index.d.ts +12 -1
  162. package/components/table/Table.types.d.ts +0 -1
  163. package/components/table/Table.vue.d.ts +6 -11
  164. package/components/table/Table.vue.js +80 -79
  165. package/components/table/TableHeaderSorter.vue.d.ts +1 -1
  166. package/components/table/TableHeaderSorter.vue.js +4 -4
  167. package/components/table/index.d.ts +12 -23
  168. package/components/table-cells/Editable.vue.d.ts +1 -1
  169. package/components/table-cells/Editable.vue.js +4 -4
  170. package/components/table-cells/index.d.ts +1 -1
  171. package/components/tabs/Tabs.vue.d.ts +6 -1
  172. package/components/tabs/Tabs.vue.js +29 -25
  173. package/components/tabs/index.d.ts +12 -1
  174. package/components/textArea/TextArea.vue.d.ts +6 -1
  175. package/components/textArea/TextArea.vue.js +32 -26
  176. package/components/textArea/index.d.ts +12 -1
  177. package/components/toggle/Toggle.vue.d.ts +11 -1
  178. package/components/toggle/Toggle.vue.js +48 -32
  179. package/components/toggle/index.d.ts +23 -1
  180. package/components/tooltip/TextWithTitleContent.vue.d.ts +16 -3
  181. package/components/tooltip/TextWithTitleContent.vue.js +17 -13
  182. package/components/tooltip/Tooltip.vue.d.ts +6 -1
  183. package/components/tooltip/Tooltip.vue.js +18 -15
  184. package/components/tooltip/index.d.ts +12 -1
  185. package/components/tooltip/storybookComponents/CustomTooltip.vue.d.ts +1 -1
  186. package/components/typography/Heading.vue.d.ts +6 -1
  187. package/components/typography/Heading.vue.js +10 -7
  188. package/components/typography/Text.vue.d.ts +6 -1
  189. package/components/typography/Text.vue.js +10 -6
  190. package/components/typography/index.d.ts +24 -2
  191. package/consts/regex.d.ts +1 -0
  192. package/consts/regex.vue.js +3 -0
  193. package/consts/style.d.ts +1 -0
  194. package/consts/style.vue.js +3 -0
  195. package/index.vue.js +3 -4
  196. package/package.json +4 -5
  197. package/testids/index.d.ts +146 -0
  198. package/testids/index.vue.js +170 -0
  199. package/utils/style.d.ts +1 -0
  200. package/utils/style.vue.js +5 -0
  201. package/IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_true_lang.css +0 -1
  202. package/components/icon/icons/TableEdit.vue.d.ts +0 -2
  203. package/components/icon/icons/TableEdit.vue.js +0 -24
  204. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +0 -43
  205. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +0 -123
  206. package/components/table/Pagination.vue.d.ts +0 -43
@@ -4,13 +4,11 @@ import AppIcon from '../appIcon/AppIcon.vue.js';
4
4
  import { useSearch } from '../../composables/useSearch.vue.js';
5
5
  import IncludeExclude from './IncludeExclude.vue.js';
6
6
  import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
7
- import './IncludeExcludeOptionDraggable.vue.js';
8
7
  import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
9
- import './IncludeExcludeChipFilter.vue.js';
10
8
  /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
11
-
9
+ /* empty css *//* empty css */
12
10
  import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_true_lang.css";
13
- const _sfc_main = defineComponent({
11
+ const _sfc_main = /* @__PURE__ */ defineComponent({
14
12
  __name: "IncludeExcludeAppHeader",
15
13
  props: {
16
14
  imgProps: { default: void 0 },
@@ -22,9 +20,9 @@ const _sfc_main = defineComponent({
22
20
  keyField: { default: "appKey" },
23
21
  subTitleKey: { default: "appKey" },
24
22
  searchAttribute: { default: "name" },
25
- applications: {},
23
+ applications: null,
26
24
  titleText: { default: "Application" },
27
- modelValue: {},
25
+ modelValue: null,
28
26
  distanceOffset: { default: 4 },
29
27
  skiddingOffset: { default: 4 },
30
28
  isLoading: { type: Boolean, default: false }
@@ -37,22 +35,22 @@ const _sfc_main = defineComponent({
37
35
  return openBlock(), createBlock(unref(IncludeExclude), mergeProps(_ctx.$attrs, {
38
36
  modelValue: selectedOptionRef.value,
39
37
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOptionRef.value = $event),
40
- loading: _ctx.isLoading,
41
- "distance-offset": _ctx.distanceOffset,
42
- "skidding-offset": _ctx.skiddingOffset,
43
- "title-text": _ctx.titleText,
38
+ loading: __props.isLoading,
39
+ "distance-offset": __props.distanceOffset,
40
+ "skidding-offset": __props.skiddingOffset,
41
+ "title-text": __props.titleText,
44
42
  "is-on-top": true,
45
- options: _ctx.applications,
46
- "has-subtitle": _ctx.showSubTitle,
47
- "search-placeholder": _ctx.searchPlaceholder,
43
+ options: __props.applications,
44
+ "has-subtitle": __props.showSubTitle,
45
+ "search-placeholder": __props.searchPlaceholder,
48
46
  "on-search": unref(search),
49
- "key-field": _ctx.keyField
47
+ "key-field": __props.keyField
50
48
  }), {
51
49
  trigger: withCtx(() => [
52
50
  createVNode(unref(IncludeExcludeAppTrigger), {
53
51
  selected: selectedOptionRef.value,
54
- options: _ctx.applications,
55
- loading: _ctx.isLoading
52
+ options: __props.applications,
53
+ loading: __props.isLoading
56
54
  }, null, 8, ["selected", "options", "loading"])
57
55
  ]),
58
56
  option: withCtx(({ option, showCheckbox }) => [
@@ -60,12 +58,12 @@ const _sfc_main = defineComponent({
60
58
  option,
61
59
  "show-checkbox": showCheckbox,
62
60
  "title-text": option?.name,
63
- subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : ""
61
+ subtitle: __props.showSubTitle ? option[__props.subTitleKey] : ""
64
62
  }, createSlots({
65
63
  image: withCtx(() => [
66
- createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
64
+ createVNode(unref(AppIcon), mergeProps(__props.imgProps, {
67
65
  src: option.icon,
68
- size: _ctx.showSubTitle ? "lg" : "md"
66
+ size: __props.showSubTitle ? "lg" : "md"
69
67
  }), null, 16, ["src", "size"])
70
68
  ]),
71
69
  default: withCtx(() => [
@@ -73,7 +71,7 @@ const _sfc_main = defineComponent({
73
71
  ]),
74
72
  _: 2
75
73
  }, [
76
- _ctx.showIcon ? {
74
+ __props.showIcon ? {
77
75
  name: "icon-start",
78
76
  fn: withCtx(() => [
79
77
  createVNode(unref(Icon), {
@@ -89,18 +87,18 @@ const _sfc_main = defineComponent({
89
87
  "show-checkbox": false,
90
88
  clearable: true,
91
89
  option,
92
- subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : "",
90
+ subtitle: __props.showSubTitle ? option[__props.subTitleKey] : "",
93
91
  "title-text": option?.name
94
92
  }, createSlots({
95
93
  image: withCtx(() => [
96
- createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
94
+ createVNode(unref(AppIcon), mergeProps(__props.imgProps, {
97
95
  src: option.icon,
98
- size: _ctx.showSubTitle ? "lg" : "md"
96
+ size: __props.showSubTitle ? "lg" : "md"
99
97
  }), null, 16, ["src", "size"])
100
98
  ]),
101
99
  _: 2
102
100
  }, [
103
- _ctx.showIcon ? {
101
+ __props.showIcon ? {
104
102
  name: "icon-start",
105
103
  fn: withCtx(() => [
106
104
  createVNode(unref(Icon), {
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
19
19
  loading: boolean;
20
20
  selected: Application[];
21
21
  options: Application[];
22
- }, {}>;
22
+ }>;
23
23
  export default _default;
24
24
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
25
25
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1,18 +1,14 @@
1
- import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode, createBlock, unref, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
2
- import '../button/Button.vue.js';
3
- import IconButton from '../button/IconButton.vue.js';
4
- import '../button/ScrollButton.vue.js';
5
- import '../typography/Heading.vue.js';
6
- import Text from '../typography/Text.vue.js';
1
+ import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
7
2
  import Icon from '../icon/Icon.vue.js';
3
+ /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
4
+ import Text from '../typography/Text.vue.js';
5
+ /* empty css *//* empty css */import IconButton from '../button/IconButton.vue.js';
8
6
  import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
9
- import AppIcon from '../appIcon/AppIcon.vue.js';
10
- /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
11
-
7
+ /* empty css */import AppIcon from '../appIcon/AppIcon.vue.js';
8
+ /* empty css */
12
9
  import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
13
10
  const _hoisted_1 = { class: "include-exclude-trigger-left-image" };
14
- const allTitle = "All apps selected";
15
- const _sfc_main = defineComponent({
11
+ const _sfc_main = /* @__PURE__ */ defineComponent({
16
12
  __name: "IncludeExcludeAppTrigger",
17
13
  props: {
18
14
  selected: { default: null },
@@ -21,6 +17,7 @@ const _sfc_main = defineComponent({
21
17
  },
22
18
  setup(__props) {
23
19
  const props = __props;
20
+ const allTitle = "All apps selected";
24
21
  const title = computed(() => {
25
22
  if (allMode.value) {
26
23
  return allTitle;
@@ -84,15 +81,15 @@ const _sfc_main = defineComponent({
84
81
  return (_ctx, _cache) => {
85
82
  return openBlock(), createElementBlock("div", {
86
83
  class: normalizeClass(["include-exclude-trigger-container", {
87
- "include-exclude-trigger-container--with-icons": selectedSize.value > 0 || allMode.value
84
+ "include-exclude-trigger-container--with-icons": unref(selectedSize) > 0 || unref(allMode)
88
85
  }])
89
86
  }, [
90
87
  renderSlot(_ctx.$slots, "left-image", {}, () => [
91
88
  createElementVNode("div", _hoisted_1, [
92
- appImage.value ? (openBlock(), createBlock(unref(AppIcon), {
89
+ unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
93
90
  key: 0,
94
91
  size: "xl",
95
- src: appImage.value
92
+ src: unref(appImage)
96
93
  }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
97
94
  key: 1,
98
95
  class: "trigger-icon",
@@ -102,21 +99,21 @@ const _sfc_main = defineComponent({
102
99
  ])
103
100
  ], true),
104
101
  renderSlot(_ctx.$slots, "left-icon", {}, () => [
105
- osIcon.value ? (openBlock(), createBlock(unref(Icon), {
102
+ unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
106
103
  key: 0,
107
104
  class: "include-exclude-trigger-left-icon",
108
- name: osIcon.value,
105
+ name: unref(osIcon),
109
106
  "font-size": "md"
110
107
  }, null, 8, ["name"])) : createCommentVNode("", true)
111
108
  ], true),
112
109
  createElementVNode("div", {
113
110
  class: normalizeClass(["include-exclude-trigger-middle-section", {
114
- "include-exclude-trigger-middle-section--single": singleApp.value,
115
- "include-exclude-trigger-middle-section--loading": _ctx.loading || !_ctx.options?.length
111
+ "include-exclude-trigger-middle-section--single": unref(singleApp),
112
+ "include-exclude-trigger-middle-section--loading": __props.loading || !__props.options?.length
116
113
  }])
117
114
  }, [
118
115
  renderSlot(_ctx.$slots, "title", {}, () => [
119
- createVNode(unref(_sfc_main$1), { text: title.value }, {
116
+ createVNode(unref(_sfc_main$1), { text: unref(title) }, {
120
117
  default: withCtx(() => [
121
118
  createVNode(unref(Text), {
122
119
  strong: "",
@@ -125,7 +122,7 @@ const _sfc_main = defineComponent({
125
122
  size: "sm"
126
123
  }, {
127
124
  default: withCtx(() => [
128
- createTextVNode(toDisplayString(title.value), 1)
125
+ createTextVNode(toDisplayString(unref(title)), 1)
129
126
  ]),
130
127
  _: 1
131
128
  })
@@ -135,7 +132,7 @@ const _sfc_main = defineComponent({
135
132
  ], true),
136
133
  renderSlot(_ctx.$slots, "description", {}, () => [
137
134
  createElementVNode("div", null, [
138
- createVNode(unref(_sfc_main$1), { text: description.value }, {
135
+ createVNode(unref(_sfc_main$1), { text: unref(description) }, {
139
136
  default: withCtx(() => [
140
137
  createVNode(unref(Text), {
141
138
  class: "include-exclude-trigger-description",
@@ -143,7 +140,7 @@ const _sfc_main = defineComponent({
143
140
  "is-truncated": ""
144
141
  }, {
145
142
  default: withCtx(() => [
146
- createTextVNode(toDisplayString(description.value), 1)
143
+ createTextVNode(toDisplayString(unref(description)), 1)
147
144
  ]),
148
145
  _: 1
149
146
  })
@@ -98,7 +98,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
98
98
  textKey: string;
99
99
  showImage: boolean;
100
100
  triggerTextFunc: (option: unknown) => string;
101
- }, {}>;
101
+ }>;
102
102
  export default _default;
103
103
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
104
104
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1,18 +1,16 @@
1
- import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createSlots, createElementVNode } from 'vue';
1
+ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, isRef, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createSlots, createElementVNode } from 'vue';
2
2
  import Icon from '../icon/Icon.vue.js';
3
3
  import Chip from '../chip/Chip.vue.js';
4
4
  import { useSearch } from '../../composables/useSearch.vue.js';
5
5
  import IncludeExclude from './IncludeExclude.vue.js';
6
6
  import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
7
- import './IncludeExcludeOptionDraggable.vue.js';
8
- import './IncludeExcludeAppTrigger.vue.js';
9
- import './IncludeExcludeAppHeader.vue.js';
10
- /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
11
-
7
+ /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
8
+ /* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import 'floating-vue';
9
+ /* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */
12
10
  import "../../IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_true_lang.css";
13
11
  const _hoisted_1 = ["src"];
14
12
  const _hoisted_2 = ["src"];
15
- const _sfc_main = defineComponent({
13
+ const _sfc_main = /* @__PURE__ */ defineComponent({
16
14
  __name: "IncludeExcludeChipFilter",
17
15
  props: {
18
16
  imgProps: { default: void 0 },
@@ -24,16 +22,16 @@ const _sfc_main = defineComponent({
24
22
  keyField: { default: "name" },
25
23
  subTitleKey: { default: "" },
26
24
  searchAttribute: { default: "name" },
27
- options: {},
25
+ options: null,
28
26
  titleText: { default: "" },
29
- modelValue: {},
27
+ modelValue: null,
30
28
  distanceOffset: { default: -8 },
31
29
  skiddingOffset: { default: 0 },
32
30
  isLoading: { type: Boolean, default: false },
33
31
  iconKey: { default: "icon" },
34
32
  textKey: { default: "name" },
35
33
  showImage: { type: Boolean, default: true },
36
- triggerProps: {},
34
+ triggerProps: null,
37
35
  triggerTextFunc: { type: Function, default: () => "" }
38
36
  },
39
37
  emits: ["update:modelValue"],
@@ -51,29 +49,29 @@ const _sfc_main = defineComponent({
51
49
  const chipText = computed(() => props.triggerTextFunc(selectedOptionRef));
52
50
  return (_ctx, _cache) => {
53
51
  return openBlock(), createBlock(unref(IncludeExclude), mergeProps(_ctx.$attrs, {
54
- modelValue: selectedOptionRef.value,
55
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedOptionRef.value = $event),
56
- loading: _ctx.isLoading,
57
- "distance-offset": _ctx.distanceOffset,
58
- "skidding-offset": _ctx.skiddingOffset,
59
- "title-text": _ctx.titleText,
52
+ modelValue: unref(selectedOptionRef),
53
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(selectedOptionRef) ? selectedOptionRef.value = $event : null),
54
+ loading: __props.isLoading,
55
+ "distance-offset": __props.distanceOffset,
56
+ "skidding-offset": __props.skiddingOffset,
57
+ "title-text": __props.titleText,
60
58
  "is-on-top": true,
61
- options: _ctx.options,
62
- "has-subtitle": _ctx.showSubTitle,
63
- "search-placeholder": _ctx.searchPlaceholder,
59
+ options: __props.options,
60
+ "has-subtitle": __props.showSubTitle,
61
+ "search-placeholder": __props.searchPlaceholder,
64
62
  "on-search": unref(search),
65
- "key-field": _ctx.keyField
63
+ "key-field": __props.keyField
66
64
  }), {
67
65
  trigger: withCtx(() => [
68
66
  renderSlot(_ctx.$slots, "input", {}, () => [
69
67
  createVNode(unref(Chip), mergeProps({
70
- selected: !!_ctx.modelValue.length
71
- }, _ctx.triggerProps, {
72
- clearable: _ctx.clearable,
68
+ selected: !!__props.modelValue.length
69
+ }, __props.triggerProps, {
70
+ clearable: __props.clearable,
73
71
  onCleared: _cache[0] || (_cache[0] = ($event) => selectedOptionRef.value = [])
74
72
  }), {
75
73
  default: withCtx(() => [
76
- createTextVNode(toDisplayString(chipText.value), 1)
74
+ createTextVNode(toDisplayString(unref(chipText)), 1)
77
75
  ]),
78
76
  _: 1
79
77
  }, 16, ["selected", "clearable"])
@@ -84,29 +82,29 @@ const _sfc_main = defineComponent({
84
82
  createVNode(unref(IncludeExcludeOption), {
85
83
  option,
86
84
  "show-checkbox": showCheckbox,
87
- subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : "",
88
- "title-text": option[_ctx.textKey]
85
+ subtitle: __props.showSubTitle ? option[__props.subTitleKey] : "",
86
+ "title-text": option[__props.textKey]
89
87
  }, createSlots({ _: 2 }, [
90
- _ctx.showImage ? {
88
+ __props.showImage ? {
91
89
  name: "image",
92
90
  fn: withCtx(() => [
93
91
  createElementVNode("img", mergeProps({
94
92
  class: ["option-image", {
95
- "option-image-single-line": !_ctx.showSubTitle,
96
- "option-image-multi-lines": _ctx.showSubTitle
93
+ "option-image-single-line": !__props.showSubTitle,
94
+ "option-image-multi-lines": __props.showSubTitle
97
95
  }]
98
- }, _ctx.imgProps, {
99
- src: option[_ctx.iconKey],
96
+ }, __props.imgProps, {
97
+ src: option[__props.iconKey],
100
98
  alt: ""
101
99
  }), null, 16, _hoisted_1)
102
100
  ]),
103
101
  key: "0"
104
102
  } : void 0,
105
- _ctx.showIcon ? {
103
+ __props.showIcon ? {
106
104
  name: "icon-start",
107
105
  fn: withCtx(() => [
108
106
  createVNode(unref(Icon), {
109
- name: option[_ctx.iconKey].toLowerCase()
107
+ name: option[__props.iconKey].toLowerCase()
110
108
  }, null, 8, ["name"])
111
109
  ]),
112
110
  key: "1"
@@ -119,28 +117,28 @@ const _sfc_main = defineComponent({
119
117
  "show-checkbox": false,
120
118
  clearable: true,
121
119
  option,
122
- "title-text": option[_ctx.textKey],
123
- subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : ""
120
+ "title-text": option[__props.textKey],
121
+ subtitle: __props.showSubTitle ? option[__props.subTitleKey] : ""
124
122
  }, createSlots({ _: 2 }, [
125
- _ctx.showImage ? {
123
+ __props.showImage ? {
126
124
  name: "image",
127
125
  fn: withCtx(() => [
128
126
  createElementVNode("img", mergeProps({
129
127
  class: ["option-image", {
130
- "option-image-single-line": !_ctx.showSubTitle,
131
- "option-image-multi-lines": _ctx.showSubTitle
128
+ "option-image-single-line": !__props.showSubTitle,
129
+ "option-image-multi-lines": __props.showSubTitle
132
130
  }]
133
- }, _ctx.imgProps, {
134
- src: option[_ctx.iconKey]
131
+ }, __props.imgProps, {
132
+ src: option[__props.iconKey]
135
133
  }), null, 16, _hoisted_2)
136
134
  ]),
137
135
  key: "0"
138
136
  } : void 0,
139
- _ctx.showIcon ? {
137
+ __props.showIcon ? {
140
138
  name: "icon-start",
141
139
  fn: withCtx(() => [
142
140
  createVNode(unref(Icon), {
143
- name: option[_ctx.iconKey].toLowerCase()
141
+ name: option[__props.iconKey].toLowerCase()
144
142
  }, null, 8, ["name"])
145
143
  ]),
146
144
  key: "1"
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
30
30
  clearable: boolean;
31
31
  titleText: string;
32
32
  showCheckbox: boolean;
33
- }, {}>;
33
+ }>;
34
34
  export default _default;
35
35
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
36
36
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1,5 +1,5 @@
1
- import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, createCommentVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, withModifiers } from 'vue';
2
- import '../typography/Heading.vue.js';
1
+ import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, withModifiers } from 'vue';
2
+ /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
3
3
  import Text from '../typography/Text.vue.js';
4
4
  import { useIncludeExcludeContext } from './IncludeExcludeContext.vue.js';
5
5
  import { useId } from '../../composables/useId.vue.js';
@@ -7,8 +7,7 @@ import Checkbox from '../checkbox/Checkbox.vue.js';
7
7
  import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
8
8
  import Icon from '../icon/Icon.vue.js';
9
9
  import { NOOP } from '@vue/shared';
10
- /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
11
-
10
+ /* empty css */
12
11
  import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_true_lang.css";
13
12
  const _hoisted_1 = {
14
13
  key: 1,
@@ -20,12 +19,10 @@ const _hoisted_2 = {
20
19
  };
21
20
  const _hoisted_3 = { class: "text-container" };
22
21
  const _hoisted_4 = { key: 0 };
23
- const isMulti = true;
24
- const tooltipDelay = 200;
25
- const _sfc_main = defineComponent({
22
+ const _sfc_main = /* @__PURE__ */ defineComponent({
26
23
  __name: "IncludeExcludeOption",
27
24
  props: {
28
- option: {},
25
+ option: null,
29
26
  subtitle: { default: "" },
30
27
  disabled: { type: Boolean, default: false },
31
28
  showCheckbox: { type: Boolean, default: false },
@@ -40,6 +37,8 @@ const _sfc_main = defineComponent({
40
37
  const onClick = () => {
41
38
  api.select(props.option);
42
39
  };
40
+ const isMulti = true;
41
+ const tooltipDelay = 200;
43
42
  const active = computed(() => {
44
43
  return api.activeIndex.value !== null ? api.activeOption.value === props.option : false;
45
44
  });
@@ -51,11 +50,11 @@ const _sfc_main = defineComponent({
51
50
  ref_key: "el",
52
51
  ref: el,
53
52
  class: normalizeClass(["item-container", {
54
- "item-container--disabled": _ctx.disabled,
55
- "item-container--active": active.value,
56
- "item-container--selected": selected.value,
53
+ "item-container--disabled": __props.disabled,
54
+ "item-container--active": unref(active),
55
+ "item-container--selected": unref(selected),
57
56
  "item-container--multi": isMulti,
58
- "item-container--two-lines": _ctx.subtitle?.length
57
+ "item-container--two-lines": __props.subtitle?.length
59
58
  }])
60
59
  }, [
61
60
  createElementVNode("div", {
@@ -65,14 +64,14 @@ const _sfc_main = defineComponent({
65
64
  "item--without-icon": !_ctx.$slots["icon-start"] && !_ctx.$slots.image
66
65
  }])
67
66
  }, [
68
- _ctx.showCheckbox ? (openBlock(), createBlock(unref(Checkbox), {
67
+ __props.showCheckbox ? (openBlock(), createBlock(unref(Checkbox), {
69
68
  key: 0,
70
69
  id: unref(id).toString(),
71
70
  tabindex: "-1",
72
71
  class: "checkbox",
73
72
  size: "sm",
74
- "is-checked": selected.value,
75
- onClick: _cache[0] || (_cache[0] = ($event) => _ctx.disabled ? unref(NOOP)() : onClick())
73
+ "is-checked": unref(selected),
74
+ onClick: _cache[0] || (_cache[0] = ($event) => __props.disabled ? unref(NOOP)() : onClick())
76
75
  }, null, 8, ["id", "is-checked"])) : createCommentVNode("", true),
77
76
  _ctx.$slots.image ? (openBlock(), createElementBlock("div", _hoisted_1, [
78
77
  renderSlot(_ctx.$slots, "image", {}, void 0, true)
@@ -83,7 +82,7 @@ const _sfc_main = defineComponent({
83
82
  createElementVNode("div", _hoisted_3, [
84
83
  createVNode(unref(_sfc_main$1), {
85
84
  delay: tooltipDelay,
86
- text: _ctx.titleText
85
+ text: __props.titleText
87
86
  }, {
88
87
  default: withCtx(() => [
89
88
  createVNode(unref(Text), {
@@ -91,7 +90,7 @@ const _sfc_main = defineComponent({
91
90
  "is-truncated": ""
92
91
  }, {
93
92
  default: withCtx(() => [
94
- createTextVNode(toDisplayString(_ctx.titleText), 1)
93
+ createTextVNode(toDisplayString(__props.titleText), 1)
95
94
  ]),
96
95
  _: 1
97
96
  })
@@ -100,17 +99,17 @@ const _sfc_main = defineComponent({
100
99
  }, 8, ["text"]),
101
100
  createVNode(unref(_sfc_main$1), {
102
101
  delay: tooltipDelay,
103
- text: _ctx.subtitle
102
+ text: __props.subtitle
104
103
  }, {
105
104
  default: withCtx(() => [
106
- _ctx.subtitle ? (openBlock(), createBlock(unref(Text), {
105
+ __props.subtitle ? (openBlock(), createBlock(unref(Text), {
107
106
  key: 0,
108
107
  class: "subtitle",
109
108
  size: "caption",
110
109
  "is-truncated": ""
111
110
  }, {
112
111
  default: withCtx(() => [
113
- createTextVNode(toDisplayString(_ctx.subtitle), 1)
112
+ createTextVNode(toDisplayString(__props.subtitle), 1)
114
113
  ]),
115
114
  _: 1
116
115
  })) : createCommentVNode("", true)
@@ -119,10 +118,10 @@ const _sfc_main = defineComponent({
119
118
  }, 8, ["text"])
120
119
  ])
121
120
  ], 2),
122
- _ctx.clearable && selected.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
121
+ __props.clearable && unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_4, [
123
122
  createElementVNode("button", {
124
123
  class: "clear-button",
125
- onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(api).removeSelection(_ctx.option), ["prevent", "stop"]))
124
+ onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(api).removeSelection(__props.option), ["prevent", "stop"]))
126
125
  }, [
127
126
  createVNode(unref(Icon), { name: "close-bold" })
128
127
  ])
@@ -18,20 +18,8 @@ export type Platform = {
18
18
  name: string;
19
19
  icon: string;
20
20
  };
21
- export type groupOption = {
22
- childOptionsIds: string[];
23
- isCollapse: boolean;
24
- };
25
- export type EditColumns = {
26
- name: string;
27
- titleText: string;
28
- icon: string;
29
- disabled: boolean;
30
- groupOption: groupOption;
31
- };
32
21
  export declare const apps: readonly Application[];
33
22
  /** used to test performance (756 apps) */
34
23
  export declare const applications: readonly Application[];
35
24
  export declare const countries: readonly Country[];
36
25
  export declare const platform: readonly Platform[];
37
- export declare const editColumns: readonly EditColumns[];