@ironsource/shared-ui 2.1.11-rc.24 → 2.1.11-rc.26

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 (39) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_f9a13e27_lang.css +1 -0
  2. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_039dd922_lang.css +1 -0
  3. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_2aee12ad_lang.css +1 -0
  4. package/DataGrid.vue_vue_type_style_index_0_scoped_e7591db4_lang.css +1 -0
  5. package/DropdownV4.vue_vue_type_style_index_0_scoped_6466948d_lang.css +1 -0
  6. package/OptionV4.vue_vue_type_style_index_0_scoped_2c2947b3_lang.css +1 -0
  7. package/components/dropdown/common/Dropdown.common.js +141 -135
  8. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +3 -3
  9. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +6 -6
  10. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +10 -0
  11. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
  12. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +36 -32
  13. package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +10 -0
  14. package/components/dropdown/v4/ConditionalDropdown.vue.js +3 -3
  15. package/components/dropdown/v4/ConditionalDropdown.vue2.js +100 -77
  16. package/components/dropdown/v4/DropdownV4.vue.d.ts +11 -0
  17. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  18. package/components/dropdown/v4/DropdownV4.vue2.js +27 -25
  19. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  20. package/components/dropdown/v4/OptionV4.vue2.js +2 -2
  21. package/components/dropdown/v4/index.d.ts +81 -2
  22. package/components/table/common/Table.common.js +61 -61
  23. package/components/table/common/Table.types.d.ts +1 -1
  24. package/components/table/v3/Table.vue.d.ts +1 -1
  25. package/components/table/v3/index.d.ts +5 -5
  26. package/components/table/v4/DataGrid.vue.d.ts +6 -1
  27. package/components/table/v4/DataGrid.vue.js +4 -4
  28. package/components/table/v4/DataGrid.vue2.js +124 -117
  29. package/components/table/v4/index.d.ts +25 -6
  30. package/index.d.ts +222 -26
  31. package/index.js +1 -1
  32. package/mocks/words.d.ts +1 -1
  33. package/package.json +1 -1
  34. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +0 -1
  35. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_ba28c717_lang.css +0 -1
  36. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_3d7ef976_lang.css +0 -1
  37. package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +0 -1
  38. package/DropdownV4.vue_vue_type_style_index_0_scoped_b1bde483_lang.css +0 -1
  39. package/OptionV4.vue_vue_type_style_index_0_scoped_df830bf5_lang.css +0 -1
@@ -1,13 +1,13 @@
1
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_ba28c717_lang.css"; import { defineComponent as w, ref as d, computed as p, watch as _, openBlock as k, createBlock as B, unref as t, withCtx as T, createElementVNode as r, mergeProps as u, createVNode as f, createTextVNode as A, toDisplayString as N, withDirectives as g, vShow as O, withModifiers as I } from "vue";
1
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_039dd922_lang.css"; import { defineComponent as B, ref as d, computed as p, watch as _, openBlock as A, createBlock as k, unref as t, withCtx as g, createElementVNode as r, mergeProps as u, createVNode as f, createTextVNode as D, toDisplayString as I, withDirectives as V, vShow as O, withModifiers as N } from "vue";
2
2
  import x from "../../icon/v4/IconV4.vue.js";
3
3
  import "../../icon/v4/IconFlag.vue.js";
4
- import $ from "../../typography/v4/Typography.vue.js";
5
- import { DropdownTestIdModifiers as n } from "../../../testids/index.js";
6
- import { useTestIdAttrs as D } from "../../../utils/testIds.js";
7
- import { isElementTruncated as S } from "../../../utils/text.js";
8
- import { promiseTimeout as E } from "@vueuse/core";
9
- import R from "../../tooltip/v4/TooltipV4.vue.js";
10
- const U = { class: "chip-trigger--icon" }, z = ["onClick"], K = /* @__PURE__ */ w({
4
+ import S from "../../typography/v4/Typography.vue.js";
5
+ import { DropdownTestIdModifiers as s } from "../../../testids/index.js";
6
+ import { useTestIdAttrs as $ } from "../../../utils/testIds.js";
7
+ import { isElementTruncated as E } from "../../../utils/text.js";
8
+ import { promiseTimeout as R } from "@vueuse/core";
9
+ import U from "../../tooltip/v4/TooltipV4.vue.js";
10
+ const z = { class: "chip-trigger--icon" }, L = ["onClick"], K = /* @__PURE__ */ B({
11
11
  __name: "ChipDropdownTrigger",
12
12
  props: {
13
13
  label: { default: "Status" },
@@ -20,53 +20,57 @@ const U = { class: "chip-trigger--icon" }, z = ["onClick"], K = /* @__PURE__ */
20
20
  options: null,
21
21
  selectedOption: null,
22
22
  displayValue: null,
23
- multi: { type: Boolean }
23
+ multi: { type: Boolean },
24
+ cancelAllSelectedDisplay: { type: Boolean, default: !1 },
25
+ displayValueInQuotes: { type: Boolean, default: !1 }
24
26
  },
25
27
  emits: ["clear"],
26
- setup(s, { emit: V }) {
27
- const e = s, v = () => {
28
- V("clear");
29
- }, o = d(null), i = d(!0), m = d(!1), h = (l) => {
28
+ setup(n, { emit: v }) {
29
+ const e = n, C = () => {
30
+ v("clear");
31
+ }, o = d(null), i = d(!0), m = d(!1), y = (l) => {
30
32
  let a = l;
31
- return Array.isArray(l) && (l.length > 1 ? a = `${l[0]}, +${l[1]}` : a = l[0] ? `${l[0]}` : ""), i.value = !!a, a ? `${e.label}: ${a}` : e.label;
32
- }, C = p(
33
+ Array.isArray(l) && (l.length > 1 ? a = `${l[0]}, +${l[1]}` : a = l[0] ? `${l[0]}` : ""), i.value = !!a;
34
+ let T = a;
35
+ return e.displayValueInQuotes && (T = `"${a}"`), a ? `${e.label}: ${T}` : e.label;
36
+ }, b = p(
33
37
  () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
34
- ), c = D(e.testId, n), y = p(() => {
38
+ ), c = $(e.testId, s), h = p(() => {
35
39
  if (!e.multi)
36
40
  return e.selectedOption ? e.displayValue(e.selectedOption) : "";
37
41
  if (Array.isArray(e.selectedOption))
38
- return e.selectedOption.length ? e.allSelected ? ["All"] : e.selectedOption.length == 1 && e.displayValue ? [e.displayValue(e.selectedOption[0])] : [
42
+ return e.selectedOption.length ? e.allSelected && !e.cancelAllSelectedDisplay ? ["All"] : e.selectedOption.length == 1 && e.displayValue ? [e.displayValue(e.selectedOption[0])] : [
39
43
  e.displayValue(e.selectedOption[0]),
40
44
  e.selectedOption.length - 1
41
45
  ] : [];
42
46
  });
43
47
  _([() => e.selectedOption, o], async () => {
44
- await E(100), m.value = o.value && S(o.value);
48
+ await R(100), m.value = o.value && E(o.value);
45
49
  });
46
- const b = p(() => m.value ? h(y.value) : "");
47
- return (l, a) => (k(), B(t(R), {
48
- text: t(b),
50
+ const w = p(() => m.value ? y(h.value) : "");
51
+ return (l, a) => (A(), k(t(U), {
52
+ text: t(w),
49
53
  class: "tooltip-option"
50
54
  }, {
51
- default: T(() => [
55
+ default: g(() => [
52
56
  r("div", u({
53
- class: ["chip-trigger", [t(C), { active: i.value, disabled: s.disabled, open: s.open }]]
54
- }, t(c)[t(n).BUTTON]), [
57
+ class: ["chip-trigger", [t(b), { active: i.value, disabled: n.disabled, open: n.open }]]
58
+ }, t(c)[t(s).BUTTON]), [
55
59
  r("div", {
56
60
  ref_key: "textContainerRef",
57
61
  ref: o,
58
62
  class: "chip-trigger--content"
59
63
  }, [
60
- f(t($), u({
64
+ f(t(S), u({
61
65
  class: "chip-trigger--text",
62
66
  variant: "chipLabel"
63
- }, t(c)[t(n).BUTTON_CONTENT]), {
64
- default: T(() => [
65
- A(N(h(t(y))), 1)
67
+ }, t(c)[t(s).BUTTON_CONTENT]), {
68
+ default: g(() => [
69
+ D(I(y(t(h))), 1)
66
70
  ]),
67
71
  _: 1
68
72
  }, 16),
69
- g(r("div", U, [
73
+ V(r("div", z, [
70
74
  f(t(x), {
71
75
  name: "caret-down",
72
76
  size: "16px"
@@ -74,15 +78,15 @@ const U = { class: "chip-trigger--icon" }, z = ["onClick"], K = /* @__PURE__ */
74
78
  ], 512), [
75
79
  [O, !i.value]
76
80
  ]),
77
- g(r("div", u({ class: "x-circle-wrapper" }, t(c)[t(n).BUTTON_CLEAR], {
78
- onClick: I(v, ["stop"])
81
+ V(r("div", u({ class: "x-circle-wrapper" }, t(c)[t(s).BUTTON_CLEAR], {
82
+ onClick: N(C, ["stop"])
79
83
  }), [
80
84
  f(t(x), {
81
85
  name: "x-circle",
82
86
  size: "16px",
83
87
  type: "fill"
84
88
  })
85
- ], 16, z), [
89
+ ], 16, L), [
86
90
  [O, i.value]
87
91
  ])
88
92
  ], 512)
@@ -15,6 +15,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
15
15
  minCharsToStart?: number;
16
16
  isOpen?: boolean;
17
17
  searchQuery?: string;
18
+ loadMoreFn?: () => Promise<void>;
19
+ infiniteLoading?: boolean;
18
20
  }>, {
19
21
  label: string;
20
22
  testId: string;
@@ -23,6 +25,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
23
25
  minCharsToStart: number;
24
26
  isOpen: boolean;
25
27
  searchQuery: string;
28
+ loadMoreFn: any;
29
+ infiniteLoading: boolean;
26
30
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
27
31
  "update:selectedCondition": (value: SelectedCondition) => void;
28
32
  "update:appliedSelections": (value: unknown) => void;
@@ -39,6 +43,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
39
43
  minCharsToStart?: number;
40
44
  isOpen?: boolean;
41
45
  searchQuery?: string;
46
+ loadMoreFn?: () => Promise<void>;
47
+ infiniteLoading?: boolean;
42
48
  }>, {
43
49
  label: string;
44
50
  testId: string;
@@ -47,6 +53,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
47
53
  minCharsToStart: number;
48
54
  isOpen: boolean;
49
55
  searchQuery: string;
56
+ loadMoreFn: any;
57
+ infiniteLoading: boolean;
50
58
  }>>> & {
51
59
  onClear?: () => any;
52
60
  "onUpdate:selectedCondition"?: (value: SelectedCondition) => any;
@@ -55,10 +63,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
55
63
  label: string;
56
64
  testId: string;
57
65
  isOpen: boolean;
66
+ infiniteLoading: boolean;
58
67
  optionNameKey: string;
59
68
  comparingKey: string;
60
69
  minCharsToStart: number;
61
70
  searchQuery: string;
71
+ loadMoreFn: () => Promise<void>;
62
72
  }>;
63
73
  export default _default;
64
74
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,7 +1,7 @@
1
1
  import o from "./ConditionalDropdown.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_3d7ef976_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3d7ef976"]]);
3
+ // import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_2aee12ad_lang.css"; //*');
4
+ const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2aee12ad"]]);
5
5
  export {
6
- p as default
6
+ d as default
7
7
  };
@@ -1,21 +1,21 @@
1
- import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_3d7ef976_lang.css"; import { defineComponent as Q, computed as f, ref as u, watch as C, onMounted as B, openBlock as k, createBlock as E, unref as s, withCtx as m, createVNode as h, mergeProps as A, createElementVNode as F, isRef as M, createElementBlock as U, createTextVNode as $, toDisplayString as z, createCommentVNode as P } from "vue";
2
- import w from "./DropdownV4.vue.js";
1
+ import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_2aee12ad_lang.css"; import { defineComponent as F, computed as h, ref as r, watch as w, onMounted as E, openBlock as k, createBlock as Q, unref as s, withCtx as v, createVNode as f, mergeProps as P, createElementVNode as R, isRef as z, normalizeProps as U, guardReactiveProps as $, createElementBlock as q, createTextVNode as I, toDisplayString as j, createCommentVNode as G } from "vue";
2
+ import T from "./DropdownV4.vue.js";
3
3
  import "./DefaultDropdownTrigger.vue.js";
4
4
  import "./IconButtonDropdownTrigger.vue.js";
5
- import I from "./ChipDropdownTrigger.vue.js";
5
+ import H from "./ChipDropdownTrigger.vue.js";
6
6
  import "./AppDropdownTrigger.vue.js";
7
- import "./ButtonDropdownTrigger.vue.js";
7
+ import J from "./ButtonDropdownTrigger.vue.js";
8
8
  import "./ButtonFilterDropdownTrigger.vue.js";
9
9
  import "./TreeDropdown.vue.js";
10
10
  import "./OptionV4.vue.js";
11
11
  import "./ConditionalDropdown.vue.js";
12
- import L from "../../search/v4/SearchV4.vue.js";
13
- import R from "../../typography/v4/Typography.vue.js";
14
- import { useDebounceFn as j } from "@vueuse/core";
15
- const q = { class: "conditional-container" }, G = {
12
+ import W from "../../search/v4/SearchV4.vue.js";
13
+ import X from "../../typography/v4/Typography.vue.js";
14
+ import { useDebounceFn as Y } from "@vueuse/core";
15
+ const Z = { class: "conditional-container" }, _ = {
16
16
  key: 0,
17
17
  class: "custom-list-area"
18
- }, se = /* @__PURE__ */ Q({
18
+ }, me = /* @__PURE__ */ F({
19
19
  __name: "ConditionalDropdown",
20
20
  props: {
21
21
  selectedCondition: null,
@@ -28,112 +28,135 @@ const q = { class: "conditional-container" }, G = {
28
28
  optionNameKey: { default: "name" },
29
29
  minCharsToStart: { default: 3 },
30
30
  isOpen: { type: Boolean, default: !1 },
31
- searchQuery: { default: "" }
31
+ searchQuery: { default: "" },
32
+ loadMoreFn: { type: Function, default: null },
33
+ infiniteLoading: { type: Boolean, default: !1 }
32
34
  },
33
35
  emits: ["update:selectedCondition", "update:appliedSelections", "clear"],
34
- setup(c, { emit: y }) {
35
- const e = c, g = f({
36
+ setup(c, { emit: b }) {
37
+ const e = c, y = h({
36
38
  get: () => e.appliedSelections,
37
- set: (o) => {
38
- y("update:appliedSelections", o);
39
+ set: (a) => {
40
+ b("update:appliedSelections", a);
39
41
  }
40
- }), a = f({
42
+ }), o = h({
41
43
  get: () => e.selectedCondition || e.conditionalOptions[0],
42
- set: (o) => {
43
- y("update:selectedCondition", o);
44
+ set: (a) => {
45
+ b("update:selectedCondition", a);
44
46
  }
45
- }), d = u(!0), l = u([]), p = u([]), S = u(!0), r = u(!1), t = u(e.searchQuery), N = u(""), v = u(e.label), D = f(() => (!t.value || t.value?.length < e.minCharsToStart) && !l.value.length ? `Enter at least ${e.minCharsToStart} keywords to begin` : "No results found"), T = f(() => {
46
- const o = d.value ? 2.5 : 4;
47
- return l.value.length ? null : o;
48
- }), K = j(async (o) => {
47
+ }), S = r(null), p = r(!0), l = r([]), u = r([]), O = r(!0), d = r(!1), g = r(!1), t = r(e.searchQuery), N = r(""), m = r(e.label), D = h(() => (!t.value || t.value?.length < e.minCharsToStart) && !l.value.length ? `Enter at least ${e.minCharsToStart} keywords to begin` : "No results found"), M = h(() => {
48
+ const a = p.value ? 3 : 4.5;
49
+ return l.value.length ? null : a;
50
+ }), A = async (a) => {
49
51
  try {
50
- r.value = !0;
51
- const i = await e.fetchFnCallback(o);
52
- r.value = !1, l.value = i, O();
52
+ d.value = !0;
53
+ const i = await e.fetchFnCallback(a);
54
+ l.value = i, d.value = !1;
53
55
  } catch (i) {
54
- console.error("Error fetching data:", i);
56
+ d.value = !1, console.error("Error fetching data:", i);
55
57
  }
56
- }, 400), b = (o) => {
57
- o.length >= e.minCharsToStart ? K(o) : l.value = [];
58
- }, O = () => {
59
- t.value && l.value.length && !r.value && !a.value.multi ? l.value[0].conditionalOptions ? l.value[0] = {
58
+ }, K = async () => {
59
+ if (e.infiniteLoading)
60
+ try {
61
+ g.value = !0;
62
+ const a = await e.loadMoreFn();
63
+ g.value = !1, Array.isArray(a) && (l.value = [...l.value, ...a]);
64
+ } catch (a) {
65
+ g.value = !1, console.error("Error fetching data:", a);
66
+ }
67
+ }, L = Y(A, 400), C = (a) => {
68
+ a.length >= e.minCharsToStart ? (L(a), S.value.scrollTo(0)) : l.value = [];
69
+ }, V = () => {
70
+ t.value && l.value.length && !d.value && !o.value.multi ? l.value[0].conditionalOptions ? l.value[0] = {
60
71
  name: t.value,
61
72
  conditionalOptions: !0,
62
- conditionalName: a.value.label,
73
+ conditionalName: o.value.label,
63
74
  [e.comparingKey]: t.value
64
75
  } : l.value = [
65
76
  {
66
77
  name: t.value,
67
78
  conditionalOptions: !0,
68
- conditionalName: a.value.label,
79
+ conditionalName: o.value.label,
69
80
  [e.comparingKey]: t.value
70
81
  },
71
82
  ...l.value
72
83
  ] : l.value.length && l.value[0].conditionalOptions && l.value.shift();
73
84
  };
74
- C(t, () => {
75
- b(t.value);
76
- }), C(a, () => {
77
- O();
85
+ w(t, () => {
86
+ C(t.value);
87
+ }), w([o, l], () => {
88
+ V();
78
89
  });
79
- const V = () => {
80
- N.value = t.value, v.value = `${e.label} ${a.value.label.toLowerCase()}`, g.value = d.value ? [...p.value] : { ...p.value }, S.value = d.value;
90
+ const x = () => {
91
+ p.value && u.value.length === 0 ? (o.value = null, y.value = [], o.value = null, m.value = e.label) : (N.value = t.value, m.value = `${e.label} ${o.value.label.toLowerCase()}`, y.value = p.value ? [...u.value] : { ...u.value }, O.value = p.value);
81
92
  };
82
- C(a, () => {
83
- a.value.multi ? (r.value = !0, p.value = [], setTimeout(() => {
84
- r.value = !1, d.value = !0;
93
+ w(o, () => {
94
+ o.value.multi ? (d.value = !0, u.value = [], setTimeout(() => {
95
+ d.value = !1, p.value = !0;
85
96
  }, 100)) : setTimeout(() => {
86
- d.value = !1;
97
+ p.value = !1;
87
98
  }, 100);
88
99
  });
89
- const x = () => {
90
- p.value = [], g.value = [], a.value = null, v.value = e.label, t.value = "", y("clear");
100
+ const B = () => {
101
+ u.value = [], y.value = [], o.value = null, m.value = e.label, t.value = "", b("clear");
91
102
  };
92
- return B(() => {
93
- e.searchQuery && b(e.searchQuery);
94
- }), (o, i) => (k(), E(s(w), {
95
- selected: p.value,
96
- "onUpdate:selected": i[2] || (i[2] = (n) => p.value = n),
103
+ return E(() => {
104
+ e.searchQuery && C(e.searchQuery);
105
+ }), (a, i) => (k(), Q(s(T), {
106
+ ref_key: "dropdownRef",
107
+ ref: S,
108
+ selected: u.value,
109
+ "onUpdate:selected": i[2] || (i[2] = (n) => u.value = n),
97
110
  "predefined-trigger": "chip",
98
111
  "display-value": (n) => n?.[c.optionNameKey],
99
- multi: d.value,
112
+ multi: p.value,
100
113
  options: l.value,
101
- placeholder: v.value,
114
+ placeholder: m.value,
102
115
  "search-placeholder": "Search",
103
116
  "option-name-key": c.optionNameKey,
104
117
  "with-conditions": "",
105
118
  "inline-search": "",
106
- "custom-number-of-displayed-options": s(T),
119
+ "custom-number-of-displayed-options": s(M),
107
120
  "options-list-width": "330px",
108
- loading: r.value,
121
+ loading: d.value,
122
+ "load-more-loading": g.value,
109
123
  "comparing-key": c.comparingKey,
110
124
  "is-open": c.isOpen,
111
- onOnsearch: b,
112
- onApply: V
125
+ "infinite-loading": c.infiniteLoading,
126
+ onOnsearch: C,
127
+ onApply: x,
128
+ onLoadMore: K
113
129
  }, {
114
- "dropdown-trigger": m(({ defaultTriggerProps: n }) => [
115
- h(s(I), A(n, {
116
- label: v.value,
117
- "selected-option": s(g),
118
- multi: S.value,
119
- onClear: x
120
- }), null, 16, ["label", "selected-option", "multi"])
130
+ "dropdown-trigger": v(({ defaultTriggerProps: n }) => [
131
+ f(s(H), P(n, {
132
+ label: m.value,
133
+ "selected-option": s(y),
134
+ multi: O.value,
135
+ "cancel-all-selected-display": "",
136
+ "display-value-in-quotes": !Array.isArray(u.value) && u.value.conditionalOptions,
137
+ onClear: B
138
+ }), null, 16, ["label", "selected-option", "multi", "display-value-in-quotes"])
121
139
  ]),
122
- "dropdown-conditions": m(() => [
123
- F("div", q, [
124
- h(s(w), {
125
- selected: s(a),
126
- "onUpdate:selected": i[0] || (i[0] = (n) => M(a) ? a.value = n : null),
140
+ "dropdown-conditions": v(() => [
141
+ R("div", Z, [
142
+ f(s(T), {
143
+ selected: s(o),
144
+ "onUpdate:selected": i[0] || (i[0] = (n) => z(o) ? o.value = n : null),
127
145
  options: c.conditionalOptions,
128
146
  "option-name-key": "label",
129
147
  "display-value": (n) => n?.label,
130
148
  container: ".conditional-container",
131
149
  size: "small"
132
- }, null, 8, ["selected", "options", "display-value"])
150
+ }, {
151
+ "dropdown-trigger": v(({ buttonTriggerProps: n }) => [
152
+ f(s(J), U($(n)), null, 16)
153
+ ]),
154
+ _: 1
155
+ }, 8, ["selected", "options", "display-value"])
133
156
  ])
134
157
  ]),
135
- "inline-search": m(() => [
136
- h(s(L), {
158
+ "inline-search": v(() => [
159
+ f(s(W), {
137
160
  modelValue: t.value,
138
161
  "onUpdate:modelValue": i[1] || (i[1] = (n) => t.value = n),
139
162
  class: "inline-search",
@@ -143,20 +166,20 @@ const q = { class: "conditional-container" }, G = {
143
166
  "auto-focus": ""
144
167
  }, null, 8, ["modelValue"])
145
168
  ]),
146
- "custom-list-area": m(() => [
147
- !l.value.length && !r.value ? (k(), U("div", G, [
148
- h(R, { variant: "body1" }, {
149
- default: m(() => [
150
- $(z(s(D)), 1)
169
+ "custom-list-area": v(() => [
170
+ !l.value.length && !d.value ? (k(), q("div", _, [
171
+ f(X, { variant: "body1" }, {
172
+ default: v(() => [
173
+ I(j(s(D)), 1)
151
174
  ]),
152
175
  _: 1
153
176
  })
154
- ])) : P("", !0)
177
+ ])) : G("", !0)
155
178
  ]),
156
179
  _: 1
157
- }, 8, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "comparing-key", "is-open"]));
180
+ }, 8, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "load-more-loading", "comparing-key", "is-open", "infinite-loading"]));
158
181
  }
159
182
  });
160
183
  export {
161
- se as default
184
+ me as default
162
185
  };
@@ -7,6 +7,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
7
7
  disabled?: boolean;
8
8
  popperClass?: string;
9
9
  loading?: boolean;
10
+ loadMoreLoading?: boolean;
11
+ infiniteLoading?: boolean;
10
12
  testId?: string;
11
13
  isOpen?: boolean;
12
14
  options: unknown[];
@@ -116,6 +118,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
116
118
  disableVirtualScroll: boolean;
117
119
  overrideOptionCountCalculation: any;
118
120
  withConditions: boolean;
121
+ infiniteLoading: boolean;
119
122
  }>, {
120
123
  selectItem: (option: any, index?: number) => void;
121
124
  scrollTo: (index: number) => void;
@@ -129,6 +132,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
129
132
  clear: () => void;
130
133
  copyToClipboard: () => void;
131
134
  onsearch: (value: string) => void;
135
+ loadMore: () => void;
136
+ allSelectedChanged: (value: boolean) => void;
132
137
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
133
138
  modelValue?: unknown;
134
139
  selected?: unknown;
@@ -137,6 +142,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
137
142
  disabled?: boolean;
138
143
  popperClass?: string;
139
144
  loading?: boolean;
145
+ loadMoreLoading?: boolean;
146
+ infiniteLoading?: boolean;
140
147
  testId?: string;
141
148
  isOpen?: boolean;
142
149
  options: unknown[];
@@ -246,14 +253,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
246
253
  disableVirtualScroll: boolean;
247
254
  overrideOptionCountCalculation: any;
248
255
  withConditions: boolean;
256
+ infiniteLoading: boolean;
249
257
  }>>> & {
250
258
  onCopyToClipboard?: () => any;
251
259
  onClear?: () => any;
252
260
  onApply?: (value: unknown) => any;
253
261
  onSelectAll?: () => any;
254
262
  "onUpdate:selected"?: (value: unknown) => any;
263
+ onAllSelectedChanged?: (value: boolean) => any;
255
264
  "onUpdate:isOpen"?: (value: unknown) => any;
256
265
  onOnsearch?: (value: string) => any;
266
+ onLoadMore?: () => any;
257
267
  onOpened?: () => any;
258
268
  onClosed?: () => any;
259
269
  }, {
@@ -273,6 +283,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
273
283
  valueToCopy: string;
274
284
  placeholder: string;
275
285
  multi: boolean;
286
+ infiniteLoading: boolean;
276
287
  showSelectAll: boolean;
277
288
  defaultOpen: boolean;
278
289
  keepOpen: boolean;
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
- /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_b1bde483_lang.css"; //*');
2
+ /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_6466948d_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b1bde483"]]);
5
+ const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6466948d"]]);
6
6
  export {
7
7
  r as default
8
8
  };