@ironsource/shared-ui 1.4.2-test.12 → 1.4.2-test.14

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