@ironsource/shared-ui 2.1.11-test.1 → 2.1.11-test.5

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.
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-e899ec7a],.v-leave-active[data-v-e899ec7a]{transition:opacity .25s ease}ol[data-v-e899ec7a],ul[data-v-e899ec7a],menu[data-v-e899ec7a]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-e899ec7a],.dropdown.full-width .button__container[data-v-e899ec7a]{width:100%}.dropdown-list-wrapper[data-v-e899ec7a]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-e899ec7a]{padding:.5rem}.list-container--multi[data-v-e899ec7a]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-e899ec7a]{padding-bottom:.25rem;display:flex;flex-direction:row;gap:.25rem}.inline-search .list-container[data-v-e899ec7a]{padding-top:0}.inline-search-wrapper[data-v-e899ec7a]{padding-bottom:.25rem;display:flex;flex-direction:row;gap:.25rem}.no-result-container[data-v-e899ec7a]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-e899ec7a]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-e899ec7a]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-e899ec7a]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-e899ec7a]{margin-right:.5rem}.actions-wrapper[data-v-e899ec7a]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-e899ec7a]{margin-left:.5rem}
@@ -0,0 +1 @@
1
+ .settings-header-container[data-v-9b6cd9d9]{display:flex;border:.0625rem solid var(--common-divider);border-radius:.375rem .375rem 0 0;border-bottom:none;background-color:var(--background-paper-elevation-0, #f9f9f9);justify-content:space-between}.settings-header-container .settings[data-v-9b6cd9d9]{display:flex;flex-direction:row;justify-content:space-between;height:4rem;padding:.75rem 0 .75rem 1.5rem;align-items:center;gap:.75rem;flex:1}.settings-header-container .settings .chart-type-selection[data-v-9b6cd9d9]{display:flex;height:1.75rem;max-width:8.125rem}.settings-header-container .settings-spacer[data-v-9b6cd9d9]{padding:.75rem 1.5rem}.settings-header-container .breakdowns[data-v-9b6cd9d9]{display:flex;width:13.8125rem;height:4rem;padding:0 .75rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.75rem}.settings-header-container .breakdowns-border[data-v-9b6cd9d9]{border-left:.0625rem solid var(--common-divider)}
@@ -0,0 +1 @@
1
+ .child-options[data-v-6ac5f602]{padding-left:1rem}
@@ -1,7 +1,7 @@
1
1
  import e from "./SettingsHeader.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css"; //*');
4
- const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1791e4fe"]]);
3
+ // import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css"; //*');
4
+ const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9b6cd9d9"]]);
5
5
  export {
6
- p as default
6
+ d as default
7
7
  };
@@ -1,57 +1,64 @@
1
- import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css"; import { defineComponent as u, computed as h, openBlock as y, createElementBlock as f, createElementVNode as t, normalizeClass as i, createVNode as v, unref as r, isRef as g, renderSlot as a } from "vue";
2
- import T from "../dropdown/v4/DropdownV4.vue.js";
1
+ import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css"; import { defineComponent as h, computed as g, openBlock as y, createElementBlock as f, createElementVNode as r, normalizeClass as a, createVNode as l, unref as t, isRef as v, withCtx as T, mergeProps as w, renderSlot as p } from "vue";
2
+ import b from "../dropdown/v4/DropdownV4.vue.js";
3
3
  import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
4
4
  import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
5
5
  import "../dropdown/v4/ChipDropdownTrigger.vue.js";
6
6
  import "../dropdown/v4/AppDropdownTrigger.vue.js";
7
- import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
7
+ import k from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
8
8
  import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
9
9
  import "../dropdown/v4/TreeDropdown.vue.js";
10
10
  import "../dropdown/v4/OptionV4.vue.js";
11
- import { DROPDOWN_TYPE_OPTIONS as d } from "./consts.js";
12
- const k = { class: "settings-header-container" }, b = { class: "chart-type-selection" }, V = /* @__PURE__ */ u({
11
+ import { DROPDOWN_TYPE_OPTIONS as c } from "./consts.js";
12
+ const _ = { class: "settings-header-container" }, B = { class: "chart-type-selection" }, R = /* @__PURE__ */ h({
13
13
  __name: "SettingsHeader",
14
14
  props: {
15
15
  chartType: null,
16
16
  hideLegend: { type: Boolean }
17
17
  },
18
18
  emits: ["update:chartType"],
19
- setup(o, { emit: l }) {
20
- const p = o, s = h({
19
+ setup(s, { emit: m }) {
20
+ const u = s, o = g({
21
21
  get() {
22
- return d.find(({ id: e }) => e === p.chartType);
22
+ return c.find(({ id: e }) => e === u.chartType);
23
23
  },
24
24
  set(e) {
25
- l("update:chartType", e.id);
25
+ m("update:chartType", e.id);
26
26
  }
27
- }), c = (e) => `Chart: ${e.name}`;
28
- return (e, n) => (y(), f("div", k, [
29
- t("div", {
30
- class: i(["settings", { "settings-spacer": !o.hideLegend }])
27
+ }), i = (e) => `Chart: ${e.name}`;
28
+ return (e, d) => (y(), f("div", _, [
29
+ r("div", {
30
+ class: a(["settings", { "settings-spacer": !s.hideLegend }])
31
31
  }, [
32
- t("div", b, [
33
- v(r(T), {
34
- selected: r(s),
35
- "onUpdate:selected": n[0] || (n[0] = (m) => g(s) ? s.value = m : null),
36
- options: r(d),
32
+ r("div", B, [
33
+ l(t(b), {
34
+ selected: t(o),
35
+ "onUpdate:selected": d[0] || (d[0] = (n) => v(o) ? o.value = n : null),
36
+ options: t(c),
37
37
  "option-name-key": "name",
38
- "display-value": c,
38
+ "display-value": i,
39
39
  placeholder: "Select chart type",
40
40
  size: "small"
41
- }, null, 8, ["selected", "options"])
41
+ }, {
42
+ "dropdown-trigger": T(({ buttonTriggerProps: n }) => [
43
+ l(t(k), w(n, {
44
+ label: i(t(o))
45
+ }), null, 16, ["label"])
46
+ ]),
47
+ _: 1
48
+ }, 8, ["selected", "options"])
42
49
  ]),
43
- t("div", null, [
44
- a(e.$slots, "metric", {}, void 0, !0)
50
+ r("div", null, [
51
+ p(e.$slots, "metric", {}, void 0, !0)
45
52
  ])
46
53
  ], 2),
47
- t("div", {
48
- class: i(["breakdowns", { "breakdowns-border": !o.hideLegend }])
54
+ r("div", {
55
+ class: a(["breakdowns", { "breakdowns-border": !s.hideLegend }])
49
56
  }, [
50
- a(e.$slots, "breakdowns", {}, void 0, !0)
57
+ p(e.$slots, "breakdowns", {}, void 0, !0)
51
58
  ], 2)
52
59
  ]));
53
60
  }
54
61
  });
55
62
  export {
56
- V as default
63
+ R as default
57
64
  };
@@ -1,5 +1,5 @@
1
- import { useToggle as ke } from "../../../composables/useToggle.js";
2
- import { inject as Ve, ref as i, computed as r, watch as b, useSlots as _e, toRaw as P, nextTick as N, provide as Ge, onMounted as He } from "vue";
1
+ import { useToggle as Ve } from "../../../composables/useToggle.js";
2
+ import { inject as ke, ref as i, computed as r, watch as A, useSlots as _e, toRaw as P, nextTick as N, provide as Ge, onMounted as He } from "vue";
3
3
  import { isObjectInArray as ee } from "../../../utils/array.js";
4
4
  import { objectsEqual as Be } from "../../../utils/object.js";
5
5
  import { useClamp as Le, useVirtualList as Ue, onClickOutside as le } from "@vueuse/core";
@@ -7,8 +7,8 @@ import { Mode as T, Type as _, DropdownContext as qe } from "./DropdownContext.j
7
7
  import { pxToRem as $e } from "../../../utils/style.js";
8
8
  import { useEditableContext as je } from "../../table-cells/common/EditableContext.js";
9
9
  import { useGroupedOptions as Xe } from "./useGroupedOptions.js";
10
- const ll = (l, S, A) => {
11
- const te = Ve("isTreeDropdown", !1), {
10
+ const ll = (l, b, h) => {
11
+ const te = ke("isTreeDropdown", !1), {
12
12
  sortOutGroups: G,
13
13
  flattenAndMarkGroupOptions: ae,
14
14
  isGroup: H,
@@ -25,25 +25,25 @@ const ll = (l, S, A) => {
25
25
  })(B || (B = {}));
26
26
  const a = i(
27
27
  l.selected
28
- ), R = je(), n = r({
28
+ ), C = je(), n = r({
29
29
  get() {
30
- return R?.value?.value ?? a.value;
30
+ return C?.value?.value ?? a.value;
31
31
  },
32
32
  set(e) {
33
- R.onChange?.(e), R.onClose?.(), S("update:selected", e);
33
+ C.onChange?.(e), C.onClose?.(), b("update:selected", e);
34
34
  }
35
35
  });
36
- b(
36
+ A(
37
37
  () => l.selected,
38
38
  () => {
39
- a.value = l.selected, s.value = l.selected;
39
+ a.value = l.selected, d.value = l.selected;
40
40
  }
41
41
  );
42
- const ce = _e(), w = i(null), h = i(null), L = i(null), E = i(null), U = i(null), I = i(null), se = i(), q = i(null), $ = i(null), j = i(null), ve = 8, de = r(() => I.value ? I.value.getBoundingClientRect().height + ve + l.distance : 0), X = i(!1), f = i([]), x = i(-1), O = i(""), s = i(l.selected || []), z = () => I.value?.focus(), [g, fe, ge] = ke({
42
+ const ce = _e(), w = i(null), O = i(null), L = i(null), R = i(null), U = i(null), I = i(null), se = i(), q = i(null), $ = i(null), j = i(null), de = 8, ve = r(() => I.value ? I.value.getBoundingClientRect().height + de + l.distance : 0), X = i(!1), f = i([]), x = i(-1), m = i(""), d = i(l.selected || []), z = () => I.value?.focus(), [g, fe, ge] = Ve({
43
43
  disabled: l.disabled,
44
44
  initialValue: l.defaultOpen
45
45
  });
46
- b(
46
+ A(
47
47
  () => l.disabled,
48
48
  (e) => {
49
49
  e !== void 0 && ge(e);
@@ -56,9 +56,9 @@ const ll = (l, S, A) => {
56
56
  return l.isOpen;
57
57
  },
58
58
  set(e) {
59
- S("update:isOpen", e);
59
+ b("update:isOpen", e);
60
60
  }
61
- }), he = r(() => o.value.length - 1), d = Le(0, 0, he), J = r(() => n.value ? l.displayValue(n.value) : ""), Oe = (e) => {
61
+ }), he = r(() => o.value.length - 1), v = Le(0, 0, he), J = r(() => n.value ? l.displayValue(n.value) : ""), Oe = (e) => {
62
62
  if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
63
63
  return l.placeholder;
64
64
  const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
@@ -68,18 +68,18 @@ const ll = (l, S, A) => {
68
68
  return n.value ? l.displayValue(n.value) : l.placeholder;
69
69
  if (Array.isArray(a.value))
70
70
  return Oe(a);
71
- }), K = r(() => {
71
+ }), E = r(() => {
72
72
  if (Array.isArray(a.value))
73
73
  return l.groupedOptions ? ie(o, a) : a.value.length === o.value.length;
74
74
  }), Se = r(() => !l.multi || !Array.isArray(a.value) ? !1 : l.groupedOptions ? ue(
75
75
  o,
76
76
  a
77
77
  ) : a.value.length > 0 && a.value.length < o.value.length), M = (e) => {
78
- O.value = e;
79
- }, D = r(() => l.groupedOptions ? ae(l.options) : l.options), Ae = r(() => {
78
+ m.value = e;
79
+ }, D = r(() => l.groupedOptions ? ae(l.options) : l.options), be = r(() => {
80
80
  if (re(
81
81
  D,
82
- s
82
+ d
83
83
  ))
84
84
  return D.value;
85
85
  const e = {
@@ -87,64 +87,64 @@ const ll = (l, S, A) => {
87
87
  notSelected: []
88
88
  };
89
89
  P(D).value.forEach((u) => {
90
- const v = (l.comparingKey ? s.value.findIndex(
91
- (V) => V[l.comparingKey] === u[l.comparingKey]
92
- ) > -1 : s.value.includes(u)) ? "selected" : "notSelected";
93
- e[v].push(u);
90
+ const s = (l.comparingKey ? d.value.findIndex(
91
+ (k) => k[l.comparingKey] === u[l.comparingKey]
92
+ ) > -1 : d.value.includes(u)) ? "selected" : "notSelected";
93
+ e[s].push(u);
94
94
  });
95
95
  const t = l.groupedOptions ? G(e.notSelected) : e.notSelected;
96
96
  return [].concat(e.selected, t);
97
97
  }), o = r(() => {
98
- const e = Array.isArray(s.value) && l.multi && A.VERSION === 4 && !te ? Ae.value : D.value;
98
+ const e = Array.isArray(d.value) && l.multi && h.VERSION === 4 && !te ? be.value : D.value;
99
99
  if (l.onSearch) {
100
- const t = e.filter((u) => l.groupedOptions && H(u) ? u : l.onSearch(u, O.value));
100
+ const t = e.filter((u) => l.groupedOptions && H(u) ? u : l.onSearch(u, m.value));
101
101
  return l.groupedOptions ? G(t) : t;
102
102
  } else
103
103
  return e;
104
- }), be = r(() => f.value[0]?.hasSubtitle), Q = r(() => c.mode === T.Multi), Y = r(
105
- () => be.value ? A.MULTILINE_LIST_HEIGHT : A.LIST_HEIGHT
104
+ }), Ae = r(() => f.value[0]?.hasSubtitle), Q = r(() => c.mode === T.Multi), Y = r(
105
+ () => Ae.value ? h.MULTILINE_LIST_HEIGHT : h.LIST_HEIGHT
106
106
  ), {
107
107
  list: Z,
108
108
  containerProps: F,
109
109
  wrapperProps: Pe,
110
- scrollTo: C
110
+ scrollTo: K
111
111
  } = Ue(o, {
112
112
  itemHeight: Y.value,
113
113
  overscan: l.disableVirtualScroll ? 1 / 0 : 2
114
114
  });
115
- b(
115
+ A(
116
116
  () => l.isOpen,
117
117
  (e) => {
118
118
  W(e);
119
119
  }
120
- ), b([x], async () => {
120
+ ), A([x], async () => {
121
121
  await N();
122
- }), b(
123
- [g, d, x],
122
+ }), A(
123
+ [g, v, x],
124
124
  async ([e], [t]) => {
125
125
  g.value && (await N(), x.value !== -1 && e !== t && setTimeout(() => {
126
- l.multi && A.VERSION === 4 || C(x.value);
127
- }), d.value && setTimeout(() => {
128
- C(d.value);
126
+ l.multi && h.VERSION === 4 || K(x.value);
127
+ }), v.value && setTimeout(() => {
128
+ K(v.value);
129
129
  }));
130
130
  }
131
- ), b(O, () => {
132
- S("onsearch", O.value), C(0);
131
+ ), A(m, () => {
132
+ b("onsearch", m.value), K(0);
133
133
  });
134
- const m = (e, t = !1) => {
134
+ const S = (e, t = !1) => {
135
135
  l.disabled || (W(e), N(() => {
136
- g.value && S("opened"), g.value || S("closed"), w.value && t && w.value.focus();
136
+ g.value && b("opened"), g.value || b("closed"), w.value && t && w.value.focus();
137
137
  }));
138
138
  };
139
- b(g, (e) => {
139
+ A(g, (e) => {
140
140
  if (e) {
141
- O.value = "", Q.value && Array.isArray(n.value) && (s.value = P(n.value).slice());
141
+ m.value = "", Q.value && Array.isArray(n.value) && (d.value = P(n.value).slice());
142
142
  return;
143
143
  }
144
144
  z();
145
145
  });
146
146
  const Te = () => {
147
- if (K.value) {
147
+ if (E.value) {
148
148
  a.value = [];
149
149
  return;
150
150
  }
@@ -158,80 +158,78 @@ const ll = (l, S, A) => {
158
158
  }
159
159
  a.value = o.value;
160
160
  }
161
- S("selectAll");
161
+ b("selectAll");
162
162
  }
163
163
  }, we = () => {
164
- Te(), A.VERSION !== 4 && (n.value = a.value);
164
+ Te(), h.VERSION !== 4 && (n.value = a.value);
165
165
  }, Ie = (e = !0) => {
166
- a.value = [], e && (n.value = [], s.value = []), S("clear");
167
- }, k = (e, t) => {
168
- if (e = P(e), f.value[t]?.disabled)
166
+ a.value = [], e && (n.value = [], d.value = []), b("clear");
167
+ }, V = (e, t) => {
168
+ if (e = P(e), h.VERSION === 4 ? e[l.disabledOptionKey] : f.value[t]?.disabled)
169
169
  return;
170
170
  if (x.value = t, c.mode !== T.Multi) {
171
- l.keepOpen || m(!1), c.goToOption(
171
+ l.keepOpen || S(!1), c.goToOption(
172
172
  0
173
173
  /* None */
174
- ), n.value = e, M(""), z(), c.type === _.Search && h.value && (h.value.value = l.displayValue(e));
174
+ ), n.value = e, M(""), z(), c.type === _.Search && O.value && (O.value.value = l.displayValue(e));
175
175
  return;
176
176
  }
177
177
  if (!Array.isArray(a.value))
178
178
  return;
179
- h.value?.focus();
179
+ O.value?.focus();
180
180
  const y = P(a.value);
181
181
  if (ee(y, e) || l.comparingKey && y.findIndex(
182
- (v) => v[l.comparingKey] === e[l.comparingKey]
182
+ (s) => s[l.comparingKey] === e[l.comparingKey]
183
183
  ) > -1) {
184
- a.value = y.filter(
185
- (v) => !Be(v, e)
186
- );
184
+ a.value = y.filter((s) => l.comparingKey ? s[l.comparingKey] !== e[l.comparingKey] : !Be(s, e));
187
185
  return;
188
186
  } else {
189
187
  a.value = [...y, e];
190
188
  return;
191
189
  }
192
190
  }, xe = (e) => f.value[e]?.disabled, c = {
193
- activeIndex: d,
191
+ activeIndex: v,
194
192
  options: f,
195
193
  selectedOption: n,
196
194
  labelRef: U,
197
- activeOption: E,
195
+ activeOption: R,
198
196
  listRef: w,
199
197
  clearable: l.clearable,
200
198
  type: ce.input ? _.Search : _.Dropdown,
201
199
  mode: l.multi ? T.Multi : T.Single,
202
- query: O,
200
+ query: m,
203
201
  selectedValue: J,
204
- toggle: m,
202
+ toggle: S,
205
203
  disabled: l.disabled,
206
204
  open: g,
207
205
  mandatory: l.mandatory,
208
206
  size: l.size,
209
207
  placeholder: l.placeholder,
210
- select: k,
208
+ select: V,
211
209
  clearSelection: () => {
212
- M(""), n.value = c.mode === T.Single ? null : [], s.value = c.mode === T.Single ? null : [], h.value && (h.value.value = "");
210
+ M(""), n.value = c.mode === T.Single ? null : [], d.value = c.mode === T.Single ? null : [], O.value && (O.value.value = "");
213
211
  },
214
212
  search: M,
215
213
  goToOption: async (e) => {
216
214
  if (!g.value)
217
215
  return;
218
- let t = d.value + e;
216
+ let t = v.value + e;
219
217
  const u = f.value.filter(
220
- (v) => v.disabled
218
+ (s) => s.disabled
221
219
  ).length, y = o.value.length - u;
222
220
  for (t > y && (t = y + 1); ; ) {
223
221
  if (!f.value[t]?.disabled) {
224
- E.value = o.value[t], d.value = t;
222
+ R.value = o.value[t], v.value = t;
225
223
  return;
226
224
  }
227
- if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!xe(d.value)) {
228
- E.value = o.value[t], d.value = t;
225
+ if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!xe(v.value)) {
226
+ R.value = o.value[t], v.value = t;
229
227
  return;
230
228
  }
231
229
  }
232
230
  },
233
231
  registerInput: (e) => {
234
- h.value = e.value;
232
+ O.value = e.value;
235
233
  },
236
234
  registerOption: (e, t, u) => {
237
235
  f.value = [...f.value, { id: e, disabled: t, hasSubtitle: u }];
@@ -251,23 +249,23 @@ const ll = (l, S, A) => {
251
249
  q,
252
250
  $,
253
251
  j,
254
- h,
252
+ O,
255
253
  F.ref
256
254
  ]
257
255
  }
258
256
  );
259
257
  const De = () => {
260
- h.value && (h.value.value = c.query.value = "");
258
+ O.value && (O.value.value = c.query.value = "");
261
259
  };
262
260
  He(async () => {
263
261
  l.autoFocus && (await N(), setTimeout(() => {
264
262
  L.value.focus();
265
263
  })), c.goToOption(0);
266
264
  });
267
- const Ce = () => {
268
- X.value = K.value, n.value = a.value, Array.isArray(n.value) && (s.value = P(n.value).slice()), S("apply", n.value), m(!1), De();
265
+ const Ke = () => {
266
+ X.value = E.value, n.value = a.value, Array.isArray(n.value) && (d.value = P(n.value).slice()), b("apply", n.value), S(!1), De();
269
267
  }, p = () => {
270
- Q.value && Array.isArray(s.value) && (n.value = P(s.value).slice()), O.value = "", m(!1);
268
+ Q.value && Array.isArray(d.value) && (n.value = P(d.value).slice()), m.value = "", S(!1);
271
269
  }, Ne = (e) => {
272
270
  if (!l.disableKeyboardEvents)
273
271
  switch (e.key) {
@@ -275,9 +273,9 @@ const ll = (l, S, A) => {
275
273
  case "Enter":
276
274
  case "ArrowUp":
277
275
  case "ArrowDown":
278
- m(!0), e.preventDefault();
276
+ S(!0), e.preventDefault();
279
277
  }
280
- }, Re = (e) => {
278
+ }, Ce = (e) => {
281
279
  if (!l.disableKeyboardEvents)
282
280
  switch (e.key) {
283
281
  case "ArrowUp": {
@@ -295,7 +293,7 @@ const ll = (l, S, A) => {
295
293
  break;
296
294
  }
297
295
  case "Escape": {
298
- m(!1), e.preventDefault();
296
+ S(!1), e.preventDefault();
299
297
  break;
300
298
  }
301
299
  case "PageUp": {
@@ -314,52 +312,52 @@ const ll = (l, S, A) => {
314
312
  }
315
313
  case "Enter": {
316
314
  if (!g.value) {
317
- m(!0);
315
+ S(!0);
318
316
  return;
319
317
  }
320
- k(o.value[d.value], d.value), c.mode === T.Single && !l.keepOpen && m(!1), e.preventDefault();
318
+ V(o.value[v.value], v.value), c.mode === T.Single && !l.keepOpen && S(!1), e.preventDefault();
321
319
  break;
322
320
  }
323
321
  }
324
- }, Ee = r(() => {
322
+ }, Re = r(() => {
325
323
  if (l.loading)
326
324
  return 8.5;
327
- const e = l.customNumberOfDisplayedOptions || Z.value.reduce((V, Ke) => {
328
- const Me = l.overrideOptionCountCalculation ? l.overrideOptionCountCalculation(Ke.data) : 1;
329
- return V + Me;
330
- }, 0), t = l.multi && l.showSelectAll && !O.value ? 1 : 0, u = e > A.MAX_NUMBER_OF_OPTIONS, y = e + t;
331
- let v = u ? A.MAX_NUMBER_OF_OPTIONS + 0.1 : y;
332
- return l.noResultsText && v === 0 && (v = v + 1), $e(
333
- v * Y.value + A.PADDING_PX
325
+ const e = l.customNumberOfDisplayedOptions || Z.value.reduce((k, Ee) => {
326
+ const Me = l.overrideOptionCountCalculation ? l.overrideOptionCountCalculation(Ee.data) : 1;
327
+ return k + Me;
328
+ }, 0), t = l.multi && l.showSelectAll && !m.value ? 1 : 0, u = e > h.MAX_NUMBER_OF_OPTIONS, y = e + t;
329
+ let s = u ? h.MAX_NUMBER_OF_OPTIONS + 0.1 : y;
330
+ return l.noResultsText && s === 0 && (s = s + 1), $e(
331
+ s * Y.value + h.PADDING_PX
334
332
  );
335
333
  });
336
334
  return {
337
- onKeydown: Re,
338
- location: de,
335
+ onKeydown: Ce,
336
+ location: ve,
339
337
  open: g,
340
- toggleMenu: m,
338
+ toggleMenu: S,
341
339
  onButtonKeydown: Ne,
342
340
  displayedValue: me,
343
341
  labelRef: U,
344
- query: O,
342
+ query: m,
345
343
  containerProps: F,
346
- calculateTableHeight: Ee,
344
+ calculateTableHeight: Re,
347
345
  wrapperProps: Pe,
348
346
  filteredOptions: o,
349
- allSelected: K,
347
+ allSelected: E,
350
348
  allSelectedApplied: X,
351
349
  isIndeterminate: Se,
352
350
  onSelectAll: we,
353
351
  virtualOptions: Z,
354
352
  isSelected: oe,
355
353
  selectedOption: n,
356
- selectedOptionPrevious: s,
354
+ selectedOptionPrevious: d,
357
355
  selectedValue: J,
358
- onSelect: k,
359
- activeIndex: d,
356
+ onSelect: V,
357
+ activeIndex: v,
360
358
  onCancel: p,
361
- onApply: Ce,
362
- scrollTo: C,
359
+ onApply: Ke,
360
+ scrollTo: K,
363
361
  onClickOutside: le,
364
362
  listRef: w,
365
363
  buttonRef: I,
@@ -50,6 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
50
50
  optionTwoLinesKey?: string;
51
51
  groupedOptions?: boolean;
52
52
  comparingKey?: string;
53
+ withConditions: boolean;
53
54
  customNumberOfDisplayedOptions?: number;
54
55
  theme?: string;
55
56
  fullWidth?: boolean;
@@ -106,6 +107,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
106
107
  optionTwoLinesKey: any;
107
108
  groupedOptions: boolean;
108
109
  comparingKey: any;
110
+ withConditions: boolean;
109
111
  customNumberOfDisplayedOptions: any;
110
112
  fullWidth: boolean;
111
113
  optionsListWidth: any;
@@ -176,6 +178,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
176
178
  optionTwoLinesKey?: string;
177
179
  groupedOptions?: boolean;
178
180
  comparingKey?: string;
181
+ withConditions: boolean;
179
182
  customNumberOfDisplayedOptions?: number;
180
183
  theme?: string;
181
184
  fullWidth?: boolean;
@@ -232,6 +235,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
232
235
  optionTwoLinesKey: any;
233
236
  groupedOptions: boolean;
234
237
  comparingKey: any;
238
+ withConditions: boolean;
235
239
  customNumberOfDisplayedOptions: any;
236
240
  fullWidth: boolean;
237
241
  optionsListWidth: any;
@@ -296,6 +300,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
296
300
  optionTwoLinesKey: string;
297
301
  groupedOptions: boolean;
298
302
  comparingKey: string;
303
+ withConditions: boolean;
299
304
  customNumberOfDisplayedOptions: number;
300
305
  fullWidth: boolean;
301
306
  optionsListWidth: string;
@@ -340,6 +345,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
340
345
  onClick: () => void;
341
346
  };
342
347
  }): any;
348
+ "dropdown-conditions"?(_: {}): any;
343
349
  "inline-search"?(_: {}): any;
344
350
  "input-list"?(_: {
345
351
  open: true;
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
- /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_991a7aad_lang.css"; //*');
2
+ /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_e899ec7a_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-991a7aad"]]);
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e899ec7a"]]);
6
6
  export {
7
- a as default
7
+ r as default
8
8
  };