@ironsource/shared-ui 1.4.2-test.7 → 1.4.2-test.9

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 (161) hide show
  1. package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  2. package/CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  3. package/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  4. package/Editable.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  5. package/FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  6. package/IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  7. package/components/appIcon/AppIcon.vue.d.ts +1 -1
  8. package/components/appIcon/AppIcon.vue.js +3 -3
  9. package/components/appIcon/index.d.ts +1 -1
  10. package/components/appTrigger/AppTrigger.vue.d.ts +1 -1
  11. package/components/appTrigger/AppTrigger.vue.js +22 -25
  12. package/components/appTrigger/index.d.ts +1 -1
  13. package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +1 -1
  14. package/components/autocompleteDropdown/AutocompleteDropdown.vue.js +14 -16
  15. package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts +1 -1
  16. package/components/autocompleteDropdown/AutocompleteInput.vue.js +7 -7
  17. package/components/autocompleteDropdown/GroupOption.vue.d.ts +1 -1
  18. package/components/autocompleteDropdown/GroupOption.vue.js +3 -4
  19. package/components/autocompleteDropdown/index.d.ts +1 -1
  20. package/components/banner/Banner.vue.d.ts +1 -1
  21. package/components/banner/Banner.vue.js +6 -6
  22. package/components/banner/index.d.ts +1 -1
  23. package/components/button/Button.vue.d.ts +1 -1
  24. package/components/button/Button.vue.js +12 -12
  25. package/components/button/ButtonBase.vue.d.ts +1 -1
  26. package/components/button/ButtonBase.vue.js +11 -12
  27. package/components/button/IconButton.vue.d.ts +1 -1
  28. package/components/button/IconButton.vue.js +5 -5
  29. package/components/button/ScrollButton.vue.d.ts +1 -1
  30. package/components/button/ScrollButton.vue.js +8 -9
  31. package/components/button/index.d.ts +3 -3
  32. package/components/checkbox/Checkbox.vue.d.ts +1 -1
  33. package/components/checkbox/Checkbox.vue.js +15 -16
  34. package/components/checkbox/index.d.ts +1 -1
  35. package/components/chip/Chip.vue.d.ts +1 -1
  36. package/components/chip/Chip.vue.js +5 -5
  37. package/components/chip/index.d.ts +1 -1
  38. package/components/datePicker/DatePicker.vue.d.ts +1 -1
  39. package/components/datePicker/DatePicker.vue.js +11 -11
  40. package/components/datePicker/DatePickerMonth.vue.d.ts +1 -1
  41. package/components/datePicker/DatePickerMonth.vue.js +4 -4
  42. package/components/datePicker/index.d.ts +1 -1
  43. package/components/dateRange/CalendarMonth.vue.d.ts +1 -1
  44. package/components/dateRange/CalendarMonth.vue.js +20 -21
  45. package/components/dateRange/DateRange.vue.d.ts +1 -1
  46. package/components/dateRange/DateRange.vue.js +26 -28
  47. package/components/dateRange/DateRangePicker.vue.d.ts +1 -1
  48. package/components/dateRange/index.d.ts +1 -1
  49. package/components/dialog/Dialog.vue.d.ts +1 -1
  50. package/components/dialog/Dialog.vue.js +17 -17
  51. package/components/dialog/index.d.ts +1 -1
  52. package/components/dropdown/Dropdown.vue.d.ts +1 -1
  53. package/components/dropdown/Dropdown.vue.js +57 -60
  54. package/components/dropdown/Label.vue.d.ts +1 -1
  55. package/components/dropdown/Label.vue.js +3 -4
  56. package/components/dropdown/Option.vue.d.ts +1 -1
  57. package/components/dropdown/Option.vue.js +16 -17
  58. package/components/dropdown/SearchInput.vue.d.ts +1 -1
  59. package/components/dropdown/SearchInput.vue.js +6 -6
  60. package/components/dropdown/index.d.ts +398 -1
  61. package/components/emptyState/EmptyState.vue.d.ts +1 -1
  62. package/components/emptyState/EmptyState.vue.js +19 -21
  63. package/components/emptyState/index.d.ts +1 -1
  64. package/components/filterDropdown/AddFilterButton.vue.d.ts +1 -1
  65. package/components/filterDropdown/AddFilterButton.vue.js +7 -7
  66. package/components/filterDropdown/FilterDropdown.vue.d.ts +1 -1
  67. package/components/filterDropdown/FilterDropdown.vue.js +15 -17
  68. package/components/filterDropdown/index.d.ts +2 -2
  69. package/components/filtersPanel/FilterSearchInput.vue.d.ts +1 -1
  70. package/components/filtersPanel/FilterSearchInput.vue.js +7 -7
  71. package/components/filtersPanel/FiltersPanel.vue.d.ts +1 -1
  72. package/components/filtersPanel/FiltersPanel.vue.js +8 -8
  73. package/components/filtersPanel/index.d.ts +1 -1
  74. package/components/floatingToolbar/FloatingToolbar.vue.d.ts +1 -1
  75. package/components/floatingToolbar/FloatingToolbar.vue.js +3 -3
  76. package/components/floatingToolbar/index.d.ts +1 -1
  77. package/components/icon/Icon.vue.d.ts +1 -1
  78. package/components/icon/Icon.vue.js +4 -4
  79. package/components/icon/index.d.ts +1 -1
  80. package/components/icon/storyComponents/Code.vue.d.ts +1 -1
  81. package/components/icon/storyComponents/IconWrapper.vue.d.ts +1 -1
  82. package/components/icon/storyComponents/Page.vue.d.ts +1 -1
  83. package/components/includeExclude/IncludeExclude.vue.d.ts +1 -1
  84. package/components/includeExclude/IncludeExclude.vue.js +53 -69
  85. package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +1 -1
  86. package/components/includeExclude/IncludeExcludeAppHeader.vue.js +25 -26
  87. package/components/includeExclude/IncludeExcludeAppTrigger.vue.d.ts +1 -1
  88. package/components/includeExclude/IncludeExcludeAppTrigger.vue.js +19 -22
  89. package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
  90. package/components/includeExclude/IncludeExcludeChipFilter.vue.js +40 -42
  91. package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
  92. package/components/includeExclude/IncludeExcludeOption.vue.js +21 -22
  93. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +1 -1
  94. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +17 -18
  95. package/components/includeExclude/index.d.ts +5 -5
  96. package/components/input/DollarInput.vue.d.ts +1 -1
  97. package/components/input/DollarInput.vue.js +2 -3
  98. package/components/input/Input.vue.d.ts +1 -1
  99. package/components/input/Input.vue.js +30 -33
  100. package/components/input/PasswordInput.vue.d.ts +1 -1
  101. package/components/input/PasswordInput.vue.js +2 -3
  102. package/components/input/PercentageInput.vue.d.ts +1 -1
  103. package/components/input/PercentageInput.vue.js +2 -3
  104. package/components/input/index.d.ts +2 -2
  105. package/components/menu/Menu.vue.d.ts +1 -1
  106. package/components/menu/Menu.vue.js +4 -4
  107. package/components/menu/index.d.ts +1 -1
  108. package/components/menuItem/MenuItem.vue.d.ts +1 -1
  109. package/components/menuItem/MenuItem.vue.js +3 -4
  110. package/components/menuItem/index.d.ts +1 -1
  111. package/components/popover/Popover.vue.d.ts +1 -1
  112. package/components/popover/Popover.vue.js +7 -7
  113. package/components/popover/index.d.ts +1 -1
  114. package/components/radioButton/RadioButton.vue.d.ts +1 -1
  115. package/components/radioButton/RadioButton.vue.js +9 -9
  116. package/components/radioButton/RadioGroup.vue.d.ts +1 -1
  117. package/components/radioButton/RadioGroup.vue.js +3 -3
  118. package/components/radioButton/index.d.ts +2 -2
  119. package/components/radioButton/useRadio.d.ts +1 -1
  120. package/components/search/Search.vue.d.ts +1 -1
  121. package/components/search/Search.vue.js +15 -15
  122. package/components/search/index.d.ts +1 -1
  123. package/components/skeleton/Skeleton.vue.d.ts +1 -1
  124. package/components/skeleton/Skeleton.vue.js +2 -2
  125. package/components/skeleton/index.d.ts +1 -1
  126. package/components/snackbar/Snackbar.vue.d.ts +1 -1
  127. package/components/snackbar/Snackbar.vue.js +26 -26
  128. package/components/switch/Switch.vue.d.ts +1 -1
  129. package/components/switch/Switch.vue.js +9 -9
  130. package/components/switch/index.d.ts +1 -1
  131. package/components/table/Pagination.vue.d.ts +1 -1
  132. package/components/table/Table.vue.d.ts +1 -1
  133. package/components/table/Table.vue.js +32 -35
  134. package/components/table/TableHeaderSorter.vue.d.ts +1 -1
  135. package/components/table/TableHeaderSorter.vue.js +4 -4
  136. package/components/table/index.d.ts +1 -1
  137. package/components/table-cells/Editable.vue.d.ts +1 -1
  138. package/components/table-cells/Editable.vue.js +5 -5
  139. package/components/table-cells/index.d.ts +1 -1
  140. package/components/tabs/Tabs.vue.d.ts +1 -1
  141. package/components/tabs/Tabs.vue.js +15 -16
  142. package/components/tabs/index.d.ts +1 -1
  143. package/components/textArea/TextArea.vue.d.ts +1 -1
  144. package/components/textArea/TextArea.vue.js +12 -13
  145. package/components/textArea/index.d.ts +1 -1
  146. package/components/toggle/Toggle.vue.d.ts +1 -1
  147. package/components/toggle/Toggle.vue.js +14 -15
  148. package/components/toggle/index.d.ts +1 -1
  149. package/components/tooltip/TextWithTitleContent.vue.d.ts +1 -1
  150. package/components/tooltip/TextWithTitleContent.vue.js +7 -8
  151. package/components/tooltip/Tooltip.vue.d.ts +1 -1
  152. package/components/tooltip/Tooltip.vue.js +10 -11
  153. package/components/tooltip/index.d.ts +1 -1
  154. package/components/tooltip/storybookComponents/CustomTooltip.vue.d.ts +1 -1
  155. package/components/typography/Heading.vue.d.ts +1 -1
  156. package/components/typography/Heading.vue.js +4 -4
  157. package/components/typography/Text.vue.d.ts +1 -1
  158. package/components/typography/Text.vue.js +3 -3
  159. package/components/typography/index.d.ts +2 -2
  160. package/index.vue.js +3 -3
  161. package/package.json +1 -1
@@ -1,21 +1,18 @@
1
1
  import { defineComponent, computed, ref, watch, provide, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, createVNode, Transition, createElementBlock, mergeProps, Fragment, renderList, toRaw, isRef, nextTick } from 'vue';
2
2
  import _sfc_main$1 from '../popover/Popover.vue.js';
3
3
  import Button from '../button/Button.vue.js';
4
- import '../button/IconButton.vue.js';
5
- import '../button/ScrollButton.vue.js';
6
- import Search from '../search/Search.vue.js';
7
- import '../typography/Heading.vue.js';
8
- import Text from '../typography/Text.vue.js';
4
+ /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
5
+ /* empty css */import Text from '../typography/Text.vue.js';
6
+ /* empty css *//* empty css *//* empty css */import 'floating-vue';
7
+ /* empty css *//* empty css */import Search from '../search/Search.vue.js';
9
8
  import Checkbox from '../checkbox/Checkbox.vue.js';
10
- import Icon from '../icon/Icon.vue.js';
11
9
  import Skeleton from '../skeleton/Skeleton.vue.js';
12
10
  import EmptyState from '../emptyState/EmptyState.vue.js';
13
11
  import { useToggle } from '../../composables/useToggle.vue.js';
14
12
  import { IncludeExcludeContext } from './IncludeExcludeContext.vue.js';
15
13
  import { onClickOutside, useClamp, useVirtualList } from '@vueuse/core';
16
14
  import draggable from 'vuedraggable';
17
- /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
18
-
15
+ /* empty css */
19
16
  import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css";
20
17
  const _hoisted_1 = { class: "include-exclude-header" };
21
18
  const _hoisted_2 = { class: "include-exclude-header-left-section" };
@@ -50,21 +47,16 @@ const _hoisted_18 = { key: 2 };
50
47
  const _hoisted_19 = { class: "loader-wrapper" };
51
48
  const _hoisted_20 = { class: "include-exclude-footer" };
52
49
  const _hoisted_21 = { class: "include-exclude-footer-buttons" };
53
- const scrollPrerenderedItems = 10;
54
- const skeletonItems = 3;
55
- const boxDistanceBottom = 6;
56
- const OPTION_HEIGHT = 32;
57
- const OPTION_WITH_SUBTITLE_HEIGHT = 48;
58
- const _sfc_main = defineComponent({
50
+ const _sfc_main = /* @__PURE__ */ defineComponent({
59
51
  __name: "IncludeExclude",
60
52
  props: {
61
53
  titleText: { default: "" },
62
54
  loading: { type: Boolean, default: false },
63
55
  disabled: { type: Boolean, default: false },
64
- modelValue: {},
56
+ modelValue: null,
65
57
  clearable: { type: Boolean },
66
58
  placement: { default: "bottom-start" },
67
- options: {},
59
+ options: null,
68
60
  autoFocus: { type: Boolean, default: true },
69
61
  onSearch: { type: Function, default: () => true },
70
62
  searchPlaceholder: { default: "Search" },
@@ -76,13 +68,18 @@ const _sfc_main = defineComponent({
76
68
  distanceOffset: { default: 0 },
77
69
  skiddingOffset: { default: 0 },
78
70
  hasSubtitle: { type: Boolean, default: false },
79
- keyField: {},
71
+ keyField: null,
80
72
  isDraggable: { type: Boolean, default: false },
81
73
  draggableArgs: { default: null }
82
74
  },
83
75
  emits: ["update:modelValue", "changeDragDrop"],
84
76
  setup(__props, { emit }) {
85
77
  const props = __props;
78
+ const scrollPrerenderedItems = 10;
79
+ const skeletonItems = 3;
80
+ const boxDistanceBottom = 6;
81
+ const OPTION_HEIGHT = 32;
82
+ const OPTION_WITH_SUBTITLE_HEIGHT = 48;
86
83
  const popoverDistance = computed(() => {
87
84
  const notTopDistance = props.placement?.includes("bottom") ? boxDistanceBottom : 0;
88
85
  return props.isOnTop ? -buttonRef.value?.getBoundingClientRect().height : notTopDistance;
@@ -301,7 +298,7 @@ const _sfc_main = defineComponent({
301
298
  };
302
299
  const expandCollapseIds = ref([]);
303
300
  const isCollapsed = (option) => {
304
- return expandCollapseIds.value.includes(option?.name);
301
+ return expandCollapseIds.value.includes(option?.[props.keyField]);
305
302
  };
306
303
  const toggleCollapse = (option) => {
307
304
  if (option.groupOption) {
@@ -314,11 +311,11 @@ const _sfc_main = defineComponent({
314
311
  };
315
312
  return (_ctx, _cache) => {
316
313
  return openBlock(), createBlock(unref(_sfc_main$1), {
317
- distance: popoverDistance.value + _ctx.distanceOffset,
318
- skidding: _ctx.skiddingOffset,
314
+ distance: unref(popoverDistance) + __props.distanceOffset,
315
+ skidding: __props.skiddingOffset,
319
316
  trigger: "managed",
320
- open: unref(open) || _ctx.alwayesOpen,
321
- placement: _ctx.placement
317
+ open: unref(open) || __props.alwayesOpen,
318
+ placement: __props.placement
322
319
  }, {
323
320
  trigger: withCtx(() => [
324
321
  createElementVNode("div", {
@@ -342,20 +339,20 @@ const _sfc_main = defineComponent({
342
339
  ref_key: "popoverWrapperRef",
343
340
  ref: popoverWrapperRef,
344
341
  class: normalizeClass(["include-exclude-content", {
345
- "include-exclude-content-draggable": _ctx.isDraggable
342
+ "include-exclude-content-draggable": __props.isDraggable
346
343
  }])
347
344
  }, [
348
345
  createElementVNode("div", _hoisted_1, [
349
346
  createElementVNode("div", _hoisted_2, [
350
347
  renderSlot(_ctx.$slots, "header-left-section", {}, () => [
351
- _ctx.titleText ? (openBlock(), createBlock(unref(Text), {
348
+ __props.titleText ? (openBlock(), createBlock(unref(Text), {
352
349
  key: 0,
353
350
  class: "include-exclude-header-left-section-title",
354
351
  size: "md",
355
352
  strong: ""
356
353
  }, {
357
354
  default: withCtx(() => [
358
- createTextVNode(toDisplayString(_ctx.titleText), 1)
355
+ createTextVNode(toDisplayString(__props.titleText), 1)
359
356
  ]),
360
357
  _: 1
361
358
  })) : createCommentVNode("", true)
@@ -370,8 +367,8 @@ const _sfc_main = defineComponent({
370
367
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
371
368
  class: "include-exclude-header-right-section-search-input",
372
369
  variant: "transparent",
373
- placeholder: _ctx.searchPlaceholder,
374
- disabled: _ctx.loading
370
+ placeholder: __props.searchPlaceholder,
371
+ disabled: __props.loading
375
372
  }, null, 8, ["modelValue", "placeholder", "disabled"])
376
373
  ], true)
377
374
  ])
@@ -382,7 +379,7 @@ const _sfc_main = defineComponent({
382
379
  mode: "out-in"
383
380
  }, {
384
381
  default: withCtx(() => [
385
- !filteredOptions.value?.length && !_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [
382
+ !unref(filteredOptions)?.length && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [
386
383
  renderSlot(_ctx.$slots, "no-result", {}, () => [
387
384
  createVNode(unref(EmptyState), {
388
385
  size: "lg",
@@ -396,20 +393,20 @@ const _sfc_main = defineComponent({
396
393
  createElementVNode("div", _hoisted_7, [
397
394
  createElementVNode("div", {
398
395
  class: normalizeClass(["include-exclude-list-header", {
399
- "include-exclude-list-header-loading": _ctx.loading,
400
- "include-exclude-list-header-loaded": !_ctx.loading
396
+ "include-exclude-list-header-loading": __props.loading,
397
+ "include-exclude-list-header-loaded": !__props.loading
401
398
  }])
402
399
  }, [
403
- !_ctx.loading ? (openBlock(), createBlock(unref(Checkbox), {
400
+ !__props.loading ? (openBlock(), createBlock(unref(Checkbox), {
404
401
  key: 0,
405
402
  size: "sm",
406
- "is-checked": isAllFilteredSelected.value,
407
- "is-indeterminate": selectedOption.value?.length > 0 && !isAllFilteredSelected.value,
408
- disabled: !filteredOptions.value?.length,
403
+ "is-checked": unref(isAllFilteredSelected),
404
+ "is-indeterminate": unref(selectedOption)?.length > 0 && !unref(isAllFilteredSelected),
405
+ disabled: !unref(filteredOptions)?.length,
409
406
  label: "Select all",
410
407
  onClick: toggleSelectAll
411
408
  }, null, 8, ["is-checked", "is-indeterminate", "disabled"])) : createCommentVNode("", true),
412
- _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_8, [
409
+ __props.loading ? (openBlock(), createElementBlock("div", _hoisted_8, [
413
410
  createVNode(unref(Skeleton), {
414
411
  class: "dot-skeleton",
415
412
  round: ""
@@ -419,10 +416,10 @@ const _sfc_main = defineComponent({
419
416
  ], 2),
420
417
  createElementVNode("div", mergeProps({ class: "include-exclude-list" }, unref(containerProps), {
421
418
  class: {
422
- "include-exclude-list-draggable": _ctx.isDraggable
419
+ "include-exclude-list-draggable": __props.isDraggable
423
420
  }
424
421
  }), [
425
- !_ctx.loading ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperProps), {
422
+ !__props.loading ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperProps), {
426
423
  ref_key: "listRef",
427
424
  ref: listRef,
428
425
  tabindex: "1"
@@ -430,8 +427,8 @@ const _sfc_main = defineComponent({
430
427
  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualOptions), ({ data, index }) => {
431
428
  return openBlock(), createElementBlock("li", {
432
429
  key: index,
433
- "aria-selected": toRaw(selectedOption.value) === data,
434
- "aria-disabled": !!_ctx.disabled,
430
+ "aria-selected": toRaw(unref(selectedOption)) === data,
431
+ "aria-disabled": !!__props.disabled,
435
432
  onClick: () => onSelect(data)
436
433
  }, [
437
434
  data.groupOption ? (openBlock(), createElementBlock("div", {
@@ -439,32 +436,19 @@ const _sfc_main = defineComponent({
439
436
  class: "option-collapse",
440
437
  onClick: ($event) => toggleCollapse(data)
441
438
  }, [
442
- createVNode(unref(Text), {
443
- strong: "",
444
- "is-truncated": "",
445
- size: "md"
446
- }, {
447
- default: withCtx(() => [
448
- createTextVNode(toDisplayString(data.titleText), 1)
449
- ]),
450
- _: 2
451
- }, 1024),
452
- createVNode(unref(Icon), {
453
- "font-size": "sm",
454
- name: data?.groupOption?.isCollapse ? "angle-up" : "angle-down"
455
- }, null, 8, ["name"])
439
+ renderSlot(_ctx.$slots, "option-group", { option: data }, void 0, true)
456
440
  ], 8, _hoisted_10)) : createCommentVNode("", true),
457
441
  !data.groupOption && !isCollapsed(data) ? renderSlot(_ctx.$slots, "option", {
458
442
  key: 1,
459
443
  showCheckbox: true,
460
444
  option: data,
461
- selected: toRaw(selectedOption.value) === data,
445
+ selected: toRaw(unref(selectedOption)) === data,
462
446
  active: toRaw(unref(activeIndex)) === index
463
447
  }, void 0, true) : createCommentVNode("", true)
464
448
  ], 8, _hoisted_9);
465
449
  }), 128))
466
450
  ], 16)) : createCommentVNode("", true),
467
- _ctx.loading ? (openBlock(), createElementBlock("ul", _hoisted_11, [
451
+ __props.loading ? (openBlock(), createElementBlock("ul", _hoisted_11, [
468
452
  (openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
469
453
  return createElementVNode("li", {
470
454
  key: n,
@@ -485,28 +469,28 @@ const _sfc_main = defineComponent({
485
469
  createElementVNode("div", _hoisted_13, [
486
470
  createElementVNode("div", {
487
471
  class: normalizeClass(["include-exclude-selected-header", {
488
- "include-exclude-list-selected-header-loading": _ctx.loading,
489
- "include-exclude-list-header-loaded": !_ctx.loading
472
+ "include-exclude-list-selected-header-loading": __props.loading,
473
+ "include-exclude-list-header-loaded": !__props.loading
490
474
  }])
491
475
  }, [
492
- _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_14, [
476
+ __props.loading ? (openBlock(), createElementBlock("div", _hoisted_14, [
493
477
  createVNode(unref(Skeleton), { round: "" })
494
478
  ])) : createCommentVNode("", true),
495
479
  createElementVNode("div", _hoisted_15, [
496
- !_ctx.loading ? (openBlock(), createBlock(unref(Text), {
480
+ !__props.loading ? (openBlock(), createBlock(unref(Text), {
497
481
  key: 0,
498
482
  class: "include-exclude-selected-header-left-selected",
499
483
  size: "sm"
500
484
  }, {
501
485
  default: withCtx(() => [
502
- createTextVNode(toDisplayString(selectedOption.value?.length) + " Selected", 1)
486
+ createTextVNode(toDisplayString(unref(selectedOption)?.length) + " Selected", 1)
503
487
  ]),
504
488
  _: 1
505
489
  })) : createCommentVNode("", true)
506
490
  ]),
507
491
  createElementVNode("div", _hoisted_16, [
508
492
  renderSlot(_ctx.$slots, "selected-header-right", {}, () => [
509
- selectedOption.value?.length && !_ctx.loading && _ctx.showClearAll ? (openBlock(), createBlock(unref(Button), {
493
+ unref(selectedOption)?.length && !__props.loading && __props.showClearAll ? (openBlock(), createBlock(unref(Button), {
510
494
  key: 0,
511
495
  variant: "link",
512
496
  theme: "third",
@@ -524,10 +508,10 @@ const _sfc_main = defineComponent({
524
508
  ], 2),
525
509
  createElementVNode("div", mergeProps({
526
510
  class: ["include-exclude-selected-list", {
527
- "include-exclude-list-draggable": _ctx.isDraggable
511
+ "include-exclude-list-draggable": __props.isDraggable
528
512
  }]
529
513
  }, unref(containerPropsSelected)), [
530
- selectedOption.value?.length && !_ctx.loading && !_ctx.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperPropsSelected), {
514
+ unref(selectedOption)?.length && !__props.loading && !__props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperPropsSelected), {
531
515
  ref: "SelectedlistRef",
532
516
  tabindex: "2"
533
517
  }), [
@@ -535,25 +519,25 @@ const _sfc_main = defineComponent({
535
519
  return openBlock(), createElementBlock("li", { key: index }, [
536
520
  renderSlot(_ctx.$slots, "selected_option", {
537
521
  option: data,
538
- selected: toRaw(selectedOption.value) === data,
522
+ selected: toRaw(unref(selectedOption)) === data,
539
523
  active: toRaw(unref(activeIndex)) === index
540
524
  }, void 0, true)
541
525
  ]);
542
526
  }), 128))
543
527
  ], 16)) : createCommentVNode("", true),
544
- selectedOption.value?.length && !_ctx.loading && _ctx.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 1 }, unref(wrapperPropsSelected), {
528
+ unref(selectedOption)?.length && !__props.loading && __props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 1 }, unref(wrapperPropsSelected), {
545
529
  ref: "SelectedlistRef",
546
530
  tabindex: "2"
547
531
  }), [
548
532
  createVNode(unref(draggable), mergeProps({
549
533
  modelValue: unref(virtualOptionsSelected),
550
534
  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(virtualOptionsSelected) ? virtualOptionsSelected.value = $event : null)
551
- }, _ctx.draggableArgs, { onEnd: onChangeDragDrop }), {
535
+ }, __props.draggableArgs, { onEnd: onChangeDragDrop }), {
552
536
  item: withCtx(({ element }) => [
553
537
  createElementVNode("div", _hoisted_17, [
554
538
  renderSlot(_ctx.$slots, "selected_option_draggable", {
555
539
  option: element.data,
556
- selected: toRaw(selectedOption.value) === element.data,
540
+ selected: toRaw(unref(selectedOption)) === element.data,
557
541
  active: toRaw(unref(activeIndex)) === element.data.draggableItemKey
558
542
  }, void 0, true)
559
543
  ])
@@ -561,7 +545,7 @@ const _sfc_main = defineComponent({
561
545
  _: 3
562
546
  }, 16, ["modelValue"])
563
547
  ], 16)) : createCommentVNode("", true),
564
- _ctx.loading ? (openBlock(), createElementBlock("ul", _hoisted_18, [
548
+ __props.loading ? (openBlock(), createElementBlock("ul", _hoisted_18, [
565
549
  (openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
566
550
  return createElementVNode("li", {
567
551
  key: n,
@@ -623,6 +607,6 @@ const _sfc_main = defineComponent({
623
607
  };
624
608
  }
625
609
  });
626
- var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-302670b4"]]);
610
+ var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-302e6d9c"]]);
627
611
 
628
612
  export { IncludeExclude as default };
@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
70
70
  imgProps: any;
71
71
  optionProps: any;
72
72
  isLoading: boolean;
73
- }, {}>;
73
+ }>;
74
74
  export default _default;
75
75
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
76
76
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -4,13 +4,12 @@ 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
- import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
9
- import './IncludeExcludeChipFilter.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 */import 'floating-vue';
9
+ /* empty css *//* empty css */import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
10
+ /* empty css *//* empty css *//* empty css */
12
11
  import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_true_lang.css";
13
- const _sfc_main = defineComponent({
12
+ const _sfc_main = /* @__PURE__ */ defineComponent({
14
13
  __name: "IncludeExcludeAppHeader",
15
14
  props: {
16
15
  imgProps: { default: void 0 },
@@ -22,9 +21,9 @@ const _sfc_main = defineComponent({
22
21
  keyField: { default: "appKey" },
23
22
  subTitleKey: { default: "appKey" },
24
23
  searchAttribute: { default: "name" },
25
- applications: {},
24
+ applications: null,
26
25
  titleText: { default: "Application" },
27
- modelValue: {},
26
+ modelValue: null,
28
27
  distanceOffset: { default: 4 },
29
28
  skiddingOffset: { default: 4 },
30
29
  isLoading: { type: Boolean, default: false }
@@ -37,22 +36,22 @@ const _sfc_main = defineComponent({
37
36
  return openBlock(), createBlock(unref(IncludeExclude), mergeProps(_ctx.$attrs, {
38
37
  modelValue: selectedOptionRef.value,
39
38
  "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,
39
+ loading: __props.isLoading,
40
+ "distance-offset": __props.distanceOffset,
41
+ "skidding-offset": __props.skiddingOffset,
42
+ "title-text": __props.titleText,
44
43
  "is-on-top": true,
45
- options: _ctx.applications,
46
- "has-subtitle": _ctx.showSubTitle,
47
- "search-placeholder": _ctx.searchPlaceholder,
44
+ options: __props.applications,
45
+ "has-subtitle": __props.showSubTitle,
46
+ "search-placeholder": __props.searchPlaceholder,
48
47
  "on-search": unref(search),
49
- "key-field": _ctx.keyField
48
+ "key-field": __props.keyField
50
49
  }), {
51
50
  trigger: withCtx(() => [
52
51
  createVNode(unref(IncludeExcludeAppTrigger), {
53
52
  selected: selectedOptionRef.value,
54
- options: _ctx.applications,
55
- loading: _ctx.isLoading
53
+ options: __props.applications,
54
+ loading: __props.isLoading
56
55
  }, null, 8, ["selected", "options", "loading"])
57
56
  ]),
58
57
  option: withCtx(({ option, showCheckbox }) => [
@@ -60,12 +59,12 @@ const _sfc_main = defineComponent({
60
59
  option,
61
60
  "show-checkbox": showCheckbox,
62
61
  "title-text": option?.name,
63
- subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : ""
62
+ subtitle: __props.showSubTitle ? option[__props.subTitleKey] : ""
64
63
  }, createSlots({
65
64
  image: withCtx(() => [
66
- createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
65
+ createVNode(unref(AppIcon), mergeProps(__props.imgProps, {
67
66
  src: option.icon,
68
- size: _ctx.showSubTitle ? "lg" : "md"
67
+ size: __props.showSubTitle ? "lg" : "md"
69
68
  }), null, 16, ["src", "size"])
70
69
  ]),
71
70
  default: withCtx(() => [
@@ -73,7 +72,7 @@ const _sfc_main = defineComponent({
73
72
  ]),
74
73
  _: 2
75
74
  }, [
76
- _ctx.showIcon ? {
75
+ __props.showIcon ? {
77
76
  name: "icon-start",
78
77
  fn: withCtx(() => [
79
78
  createVNode(unref(Icon), {
@@ -89,18 +88,18 @@ const _sfc_main = defineComponent({
89
88
  "show-checkbox": false,
90
89
  clearable: true,
91
90
  option,
92
- subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : "",
91
+ subtitle: __props.showSubTitle ? option[__props.subTitleKey] : "",
93
92
  "title-text": option?.name
94
93
  }, createSlots({
95
94
  image: withCtx(() => [
96
- createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
95
+ createVNode(unref(AppIcon), mergeProps(__props.imgProps, {
97
96
  src: option.icon,
98
- size: _ctx.showSubTitle ? "lg" : "md"
97
+ size: __props.showSubTitle ? "lg" : "md"
99
98
  }), null, 16, ["src", "size"])
100
99
  ]),
101
100
  _: 2
102
101
  }, [
103
- _ctx.showIcon ? {
102
+ __props.showIcon ? {
104
103
  name: "icon-start",
105
104
  fn: withCtx(() => [
106
105
  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> = {